diff --git a/builder/builder/builder_block_template/dialog_modal/dialog_modal.json b/builder/builder/builder_block_template/dialog_modal/dialog_modal.json new file mode 100644 index 000000000..d83764513 --- /dev/null +++ b/builder/builder/builder_block_template/dialog_modal/dialog_modal.json @@ -0,0 +1,17 @@ +{ + "block": "{\"attributes\": {},\"baseStyles\": {\"alignItems\": \"center\",\"borderColor\": \"#EDEDED\",\"borderRadius\": \"12px\",\"borderStyle\": \"solid\",\"borderWidth\": \"3px\",\"bottom\": \"0px\",\"display\": \"flex\",\"flexDirection\": \"column\",\"flexShrink\": 0,\"height\": \"fit-content\",\"justifyContent\": \"center\",\"overflow\": \"hidden\",\"overflowX\": \"hidden\",\"overflowY\": \"hidden\",\"paddingBottom\": \"0px\",\"position\": \"fixed\",\"top\": \"0px\",\"width\": \"fit-content\"},\"blockId\": \"lxide8e9b\",\"blockName\": \"dialog-modal\",\"children\": [{\"attributes\": {},\"baseStyles\": {\"alignItems\": \"center\",\"display\": \"flex\",\"flexDirection\": \"column\",\"flexShrink\": 0,\"gap\": \"16px\",\"height\": \"fit-content\",\"justifyContent\": \"center\",\"overflow\": \"hidden\",\"paddingBottom\": \"20px\",\"paddingLeft\": \"20px\",\"paddingRight\": \"20px\",\"paddingTop\": \"20px\",\"position\": \"static\",\"width\": \"100%\"},\"blockId\": \"xm33vylc9\",\"blockName\": null,\"children\": [{\"attributes\": {},\"baseStyles\": {\"fontSize\": \"18px\",\"fontWeight\": \"800\",\"height\": \"fit-content\",\"lineHeight\": \"1.4\",\"minWidth\": \"10px\",\"position\": \"static\",\"width\": \"fit-content\"},\"blockId\": \"vgyufb0n3\",\"blockName\": null,\"children\": [],\"classes\": [],\"customAttributes\": {},\"dataKey\": null,\"element\": \"label\",\"innerHTML\": \"Greetings, one and all!\",\"isRepeaterBlock\": false,\"mobileStyles\": {},\"originalElement\": null,\"rawStyles\": {},\"tabletStyles\": {},\"visibilityCondition\": null},{\"attributes\": {},\"baseStyles\": {\"color\": \"#7C7C7C\",\"fontFamily\": \"\",\"fontSize\": \"14px\",\"fontWeight\": \"400\",\"height\": \"fit-content\",\"letterSpacing\": \"0.07px\",\"lineHeight\": \"115%\",\"minWidth\": \"10px\",\"position\": \"static\",\"width\": \"fit-content\"},\"blockId\": \"9c2oyhlk7\",\"children\": [],\"classes\": [],\"customAttributes\": {},\"dataKey\": null,\"element\": \"label\",\"innerHTML\": \"The open attribute, make it show as default\",\"mobileStyles\": {},\"rawStyles\": {},\"tabletStyles\": {}},{\"attributes\": {},\"baseStyles\": {\"alignItems\": \"center\",\"background\": \"#171717\",\"borderRadius\": \"12px\",\"display\": \"flex\",\"flexDirection\": \"column\",\"height\": \"fit-content\",\"justifyContent\": \"center\",\"paddingBottom\": \"12px\",\"paddingLeft\": \"14px\",\"paddingRight\": \"14px\",\"paddingTop\": \"12px\",\"width\": \"fit-content\"},\"blockId\": \"oto6mzgc9\",\"blockName\": \"button\",\"children\": [{\"attributes\": {},\"baseStyles\": {\"color\": \"var(--neutral-white, #FFF)\",\"fontSize\": \"14px\",\"fontWeight\": \"420\",\"height\": \"fit-content\",\"left\": \"auto\",\"letterSpacing\": \"0.28px\",\"lineHeight\": \"115%\",\"minWidth\": \"30px\",\"position\": \"static\",\"textAlign\": \"center\",\"top\": \"auto\",\"width\": \"fit-content\"},\"blockId\": \"p8qhw82l5\",\"children\": [],\"classes\": [\"__text_block__\"],\"customAttributes\": {},\"dataKey\": null,\"element\": \"p\",\"innerHTML\": \"Ok\",\"mobileStyles\": {},\"rawStyles\": {},\"tabletStyles\": {}}],\"classes\": [\"__text_block__\"],\"customAttributes\": {},\"dataKey\": null,\"element\": \"button\",\"mobileStyles\": {},\"rawStyles\": {\"flex-shrink\": \"0\",\"hover:background\": \"#383838\",\"transition\": \"all 0.1s ease-out\"},\"tabletStyles\": {}}],\"classes\": [],\"customAttributes\": {\"method\": \"dialog\"},\"dataKey\": null,\"element\": \"form\",\"isRepeaterBlock\": false,\"mobileStyles\": {},\"originalElement\": null,\"rawStyles\": {},\"tabletStyles\": {},\"visibilityCondition\": null}],\"classes\": [],\"customAttributes\": {\"open\": \"\"},\"dataKey\": null,\"element\": \"dialog\",\"mobileStyles\": {},\"rawStyles\": {},\"tabletStyles\": {}}", + "category": "Advanced", + "creation": "2025-03-24 22:07:00.807453", + "docstatus": 0, + "doctype": "Block Template", + "idx": 0, + "modified": "2025-03-25 12:57:32.358395", + "modified_by": "Administrator", + "name": "Dialog Modal", + "order": 0, + "owner": "Administrator", + "preview": "/builder_assets/Dialog Modal/dialog_modal.png", + "preview_height": 0, + "preview_width": 0, + "template_name": "Dialog Modal" +} \ No newline at end of file diff --git a/builder/builder/builder_block_template/dialog_show/dialog_show.json b/builder/builder/builder_block_template/dialog_show/dialog_show.json new file mode 100644 index 000000000..f3a582f9f --- /dev/null +++ b/builder/builder/builder_block_template/dialog_show/dialog_show.json @@ -0,0 +1,17 @@ +{ + "block": "{\"attributes\": {},\"baseStyles\": {\"display\": \"flex\",\"flexDirection\": \"column\",\"flexShrink\": 0,\"height\": \"fit-content\",\"overflow\": \"hidden\",\"width\": \"fit-content\"},\"blockId\": \"id38r1yww\",\"blockName\": \"dialog-show\",\"children\": [{\"attributes\": {},\"baseStyles\": {\"alignItems\": \"center\",\"background\": \"#171717\",\"borderRadius\": \"12px\",\"display\": \"flex\",\"flexDirection\": \"column\",\"height\": \"fit-content\",\"justifyContent\": \"center\",\"overflowX\": \"hidden\",\"overflowY\": \"hidden\",\"paddingBottom\": \"12px\",\"paddingLeft\": \"14px\",\"paddingRight\": \"14px\",\"paddingTop\": \"12px\",\"width\": \"fit-content\"},\"blockId\": \"dwofkkq6z\",\"blockName\": \"button-show\",\"children\": [{\"attributes\": {},\"baseStyles\": {\"color\": \"var(--neutral-white, #FFF)\",\"fontSize\": \"14px\",\"fontWeight\": \"420\",\"height\": \"fit-content\",\"letterSpacing\": \"0.28px\",\"lineHeight\": \"115%\",\"minWidth\": \"30px\",\"position\": \"static\",\"width\": \"fit-content\"},\"blockId\": \"ouei1c5tr\",\"children\": [],\"classes\": [\"__text_block__\"],\"customAttributes\": {},\"dataKey\": null,\"element\": \"p\",\"innerHTML\": \"Show Dialog\",\"mobileStyles\": {},\"rawStyles\": {},\"tabletStyles\": {}}],\"classes\": [\"__text_block__\"],\"customAttributes\": {\"onclick\": \"modalDialog.showModal()\"},\"dataKey\": null,\"element\": \"button\",\"mobileStyles\": {},\"rawStyles\": {\"flex-shrink\": \"0\",\"hover:background\": \"#383838\",\"transition\": \"all 0.1s ease-out\"},\"tabletStyles\": {}},{\"attributes\": {},\"baseStyles\": {\"alignItems\": \"center\",\"borderColor\": \"#EDEDED\",\"borderRadius\": \"12px\",\"borderStyle\": \"solid\",\"borderWidth\": \"3px\",\"bottom\": \"0px\",\"display\": \"flex\",\"flexDirection\": \"column\",\"flexShrink\": 0,\"height\": \"fit-content\",\"justifyContent\": \"center\",\"overflow\": \"hidden\",\"overflowX\": \"hidden\",\"overflowY\": \"hidden\",\"paddingBottom\": \"5px\",\"position\": \"fixed\",\"top\": \"0px\",\"width\": \"fit-content\"},\"blockId\": \"2uf28xir5\",\"blockName\": \"dialog-modal\",\"children\": [{\"attributes\": {},\"baseStyles\": {\"alignItems\": \"center\",\"display\": \"flex\",\"flexDirection\": \"column\",\"flexShrink\": 0,\"gap\": \"16px\",\"height\": \"fit-content\",\"justifyContent\": \"center\",\"overflow\": \"hidden\",\"paddingBottom\": \"20px\",\"paddingLeft\": \"20px\",\"paddingRight\": \"20px\",\"paddingTop\": \"20px\",\"position\": \"static\",\"width\": \"100%\"},\"blockId\": \"yyc2vndd3\",\"blockName\": null,\"children\": [{\"attributes\": {},\"baseStyles\": {\"fontSize\": \"18px\",\"fontWeight\": \"800\",\"height\": \"fit-content\",\"lineHeight\": \"1.4\",\"minWidth\": \"10px\",\"position\": \"static\",\"width\": \"fit-content\"},\"blockId\": \"qf5i93qzs\",\"blockName\": null,\"children\": [],\"classes\": [],\"customAttributes\": {},\"dataKey\": null,\"element\": \"label\",\"innerHTML\": \"Greetings, one and all!\",\"isRepeaterBlock\": false,\"mobileStyles\": {},\"originalElement\": null,\"rawStyles\": {},\"tabletStyles\": {},\"visibilityCondition\": null},{\"attributes\": {},\"baseStyles\": {\"display\": \"flex\",\"flexDirection\": \"column\",\"flexShrink\": 0,\"gap\": \"5px\",\"height\": \"fit-content\",\"overflow\": \"hidden\",\"position\": \"relative\",\"width\": \"100%\"},\"blockId\": \"fp26lm06e\",\"blockName\": \"container\",\"children\": [{\"attributes\": {},\"baseStyles\": {\"color\": \"#7C7C7C\",\"fontFamily\": \"\",\"fontSize\": \"14px\",\"fontWeight\": \"400\",\"height\": \"fit-content\",\"left\": \"auto\",\"letterSpacing\": \"0.07px\",\"lineHeight\": \"115%\",\"minWidth\": \"10px\",\"position\": \"static\",\"top\": \"auto\",\"width\": \"fit-content\"},\"blockId\": \"43faup3lg\",\"children\": [],\"classes\": [],\"customAttributes\": {\"for\": \"dlg-req-field\"},\"dataKey\": null,\"element\": \"label\",\"innerHTML\": \"Required Field\",\"mobileStyles\": {},\"rawStyles\": {},\"tabletStyles\": {}},{\"attributes\": {\"placeholder\": \"Text\"},\"baseStyles\": {\"borderColor\": \"#c9c9c9\",\"borderRadius\": \"4px\",\"borderStyle\": \"solid\",\"borderWidth\": \"1px\",\"display\": \"flex\",\"flexDirection\": \"column\",\"flexShrink\": 0,\"fontSize\": \"14px\",\"height\": \"32px\",\"overflow\": \"hidden\",\"position\": \"static\",\"width\": \"100%\"},\"blockId\": \"ooul89ixp\",\"children\": [],\"classes\": [],\"customAttributes\": {\"id\": \"dlg-req-field\",\"required\": \"true\"},\"dataKey\": null,\"element\": \"input\",\"mobileStyles\": {},\"rawStyles\": {},\"tabletStyles\": {}}],\"classes\": [],\"customAttributes\": {},\"dataKey\": null,\"element\": \"div\",\"mobileStyles\": {},\"rawStyles\": {},\"tabletStyles\": {}},{\"attributes\": {},\"baseStyles\": {\"display\": \"flex\",\"flexDirection\": \"row\",\"flexShrink\": 0,\"gap\": \"10px\",\"overflow\": \"hidden\",\"position\": \"static\",\"width\": \"100%\"},\"blockId\": \"cn5ypne00\",\"blockName\": \"container\",\"children\": [{\"attributes\": {},\"baseStyles\": {\"alignItems\": \"center\",\"background\": \"#171717\",\"borderRadius\": \"12px\",\"display\": \"flex\",\"flexDirection\": \"column\",\"height\": \"fit-content\",\"justifyContent\": \"center\",\"paddingBottom\": \"12px\",\"paddingLeft\": \"14px\",\"paddingRight\": \"14px\",\"paddingTop\": \"12px\",\"width\": \"fit-content\"},\"blockId\": \"7quccdd2s\",\"blockName\": \"button\",\"children\": [{\"attributes\": {},\"baseStyles\": {\"color\": \"var(--neutral-white, #FFF)\",\"fontSize\": \"14px\",\"fontWeight\": \"420\",\"height\": \"fit-content\",\"left\": \"auto\",\"letterSpacing\": \"0.28px\",\"lineHeight\": \"115%\",\"minWidth\": \"30px\",\"position\": \"static\",\"top\": \"auto\",\"width\": \"fit-content\"},\"blockId\": \"v0ff1ygbz\",\"children\": [],\"classes\": [\"__text_block__\"],\"customAttributes\": {},\"dataKey\": null,\"element\": \"p\",\"innerHTML\": \"Validate and Close\",\"mobileStyles\": {},\"rawStyles\": {},\"tabletStyles\": {}}],\"classes\": [\"__text_block__\"],\"customAttributes\": {},\"dataKey\": null,\"editable\": false,\"element\": \"button\",\"mobileStyles\": {},\"rawStyles\": {\"flex-shrink\": \"0\",\"hover:background\": \"#383838\",\"transition\": \"all 0.1s ease-out\"},\"tabletStyles\": {}},{\"attributes\": {},\"baseStyles\": {\"alignItems\": \"center\",\"background\": \"#F3F3F3\",\"borderRadius\": \"12px\",\"display\": \"flex\",\"flexDirection\": \"column\",\"height\": \"fit-content\",\"justifyContent\": \"center\",\"paddingBottom\": \"12px\",\"paddingLeft\": \"14px\",\"paddingRight\": \"14px\",\"paddingTop\": \"12px\",\"width\": \"fit-content\"},\"blockId\": \"rsdq4dogl\",\"blockName\": \"button\",\"children\": [{\"attributes\": {},\"baseStyles\": {\"fontSize\": \"14px\",\"fontWeight\": \"420\",\"height\": \"fit-content\",\"left\": \"auto\",\"letterSpacing\": \"0.28px\",\"lineHeight\": \"115%\",\"minWidth\": \"30px\",\"position\": \"static\",\"top\": \"auto\",\"width\": \"fit-content\"},\"blockId\": \"a4ig2xmt9\",\"children\": [],\"classes\": [\"__text_block__\"],\"customAttributes\": {},\"dataKey\": null,\"element\": \"p\",\"innerHTML\": \"Non Validate Close\",\"mobileStyles\": {},\"rawStyles\": {},\"tabletStyles\": {}}],\"classes\": [\"__text_block__\"],\"customAttributes\": {\"formnovalidate\": \"\"},\"dataKey\": null,\"editable\": false,\"element\": \"button\",\"mobileStyles\": {},\"rawStyles\": {\"flex-shrink\": \"0\",\"hover:background\": \"#383838\",\"hover:color\": \"var(--neutral-white, #FFF)\",\"transition\": \"all 0.1s ease-out\"},\"tabletStyles\": {\"paddingBottom\": \"10px\",\"paddingLeft\": \"12px\",\"paddingRight\": \"12px\",\"paddingTop\": \"10px\"}},{\"attributes\": {},\"baseStyles\": {\"alignItems\": \"center\",\"background\": \"#F3F3F3\",\"borderRadius\": \"12px\",\"display\": \"flex\",\"flexDirection\": \"column\",\"height\": \"fit-content\",\"justifyContent\": \"center\",\"overflowX\": \"hidden\",\"overflowY\": \"hidden\",\"paddingBottom\": \"12px\",\"paddingLeft\": \"14px\",\"paddingRight\": \"14px\",\"paddingTop\": \"12px\",\"width\": \"fit-content\"},\"blockId\": \"m9zghzosa\",\"blockName\": \"button\",\"children\": [{\"attributes\": {},\"baseStyles\": {\"fontSize\": \"14px\",\"fontWeight\": \"420\",\"height\": \"fit-content\",\"letterSpacing\": \"0.28px\",\"lineHeight\": \"115%\",\"minWidth\": \"30px\",\"position\": \"static\",\"width\": \"fit-content\"},\"blockId\": \"99ef2541b\",\"children\": [],\"classes\": [\"__text_block__\"],\"customAttributes\": {},\"dataKey\": null,\"element\": \"p\",\"innerHTML\": \"JS Close\",\"mobileStyles\": {},\"rawStyles\": {},\"tabletStyles\": {}}],\"classes\": [\"__text_block__\"],\"customAttributes\": {\"onclick\": \"modalDialog.close()\"},\"dataKey\": null,\"editable\": false,\"element\": \"button\",\"mobileStyles\": {},\"rawStyles\": {\"flex-shrink\": \"0\",\"hover:background\": \"#383838\",\"hover:color\": \"var(--neutral-white, #FFF)\",\"transition\": \"all 0.1s ease-out\"},\"tabletStyles\": {\"paddingBottom\": \"10px\",\"paddingLeft\": \"12px\",\"paddingRight\": \"12px\",\"paddingTop\": \"10px\"}}],\"classes\": [],\"customAttributes\": {},\"dataKey\": null,\"element\": \"div\",\"mobileStyles\": {},\"rawStyles\": {},\"tabletStyles\": {}}],\"classes\": [],\"customAttributes\": {\"method\": \"dialog\"},\"dataKey\": null,\"element\": \"form\",\"isRepeaterBlock\": false,\"mobileStyles\": {},\"originalElement\": null,\"rawStyles\": {},\"tabletStyles\": {},\"visibilityCondition\": null},{\"attributes\": {},\"baseStyles\": {\"color\": \"#7C7C7C\",\"fontFamily\": \"\",\"fontSize\": \"14px\",\"fontWeight\": \"400\",\"height\": \"fit-content\",\"letterSpacing\": \"0.07px\",\"lineHeight\": \"115%\",\"minWidth\": \"10px\",\"position\": \"static\",\"width\": \"fit-content\"},\"blockId\": \"hlb1p77oy\",\"children\": [],\"classes\": [],\"customAttributes\": {},\"dataKey\": null,\"element\": \"label\",\"innerHTML\": \"Or, press Esc key to close\",\"mobileStyles\": {},\"rawStyles\": {},\"tabletStyles\": {}}],\"classes\": [],\"customAttributes\": {\"id\": \"modalDialog\"},\"dataKey\": null,\"element\": \"dialog\",\"mobileStyles\": {},\"rawStyles\": {},\"tabletStyles\": {}}],\"classes\": [],\"customAttributes\": {},\"dataKey\": null,\"element\": \"div\",\"mobileStyles\": {},\"rawStyles\": {},\"tabletStyles\": {}}", + "category": "Advanced", + "creation": "2025-03-24 23:07:00.607251", + "docstatus": 0, + "doctype": "Block Template", + "idx": 0, + "modified": "2025-03-25 13:02:10.717054", + "modified_by": "Administrator", + "name": "Dialog Show", + "order": 0, + "owner": "Administrator", + "preview": "/builder_assets/Dialog Show/dialog_show.png", + "preview_height": 0, + "preview_width": 0, + "template_name": "Dialog Show" +} \ No newline at end of file diff --git a/builder/public/reset.css b/builder/public/reset.css index f327bcc50..77689300a 100644 --- a/builder/public/reset.css +++ b/builder/public/reset.css @@ -1 +1 @@ -@font-face{font-family:InterVar;font-weight:100 900;font-display:swap;font-style:normal;src:url(/assets/builder/fonts/Inter/Inter.var.woff2?v=3.19) format("woff2-variations"),url(/assets/builder/fonts/Inter/Inter.var.woff2?v=3.19) format("woff2");src:url(/assets/builder/fonts/Inter/Inter.var.woff2?v=3.19) format("woff2") tech("variations")}@font-face{font-family:InterVar;font-weight:100 900;font-display:swap;font-style:italic;src:url(/assets/builder/fonts/Inter/Inter-Italic.var.woff2?v=3.19) format("woff2-variations"),url(/assets/builder/fonts/Inter/Inter-Italic.var.woff2?v=3.19) format("woff2");src:url(/assets/builder/fonts/Inter/Inter-Italic.var.woff2?v=3.19) format("woff2") tech("variations")}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#ededed}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#c7c7c7}input::placeholder,textarea::placeholder{opacity:1;color:#c7c7c7}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}[type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#999;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}[type=text]:focus,input:where(:not([type])):focus,[type=email]:focus,[type=url]:focus,[type=password]:focus,[type=number]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=search]:focus,[type=tel]:focus,[type=time]:focus,[type=week]:focus,[multiple]:focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #007BE0;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#007be0}input::-moz-placeholder,textarea::-moz-placeholder{color:#999;opacity:1}input::placeholder,textarea::placeholder{color:#999;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23999999' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#007be0;background-color:#fff;border-color:#999;border-width:1px;--tw-shadow: 0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #007BE0;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:hover,[type=checkbox]:checked:focus,[type=radio]:checked:hover,[type=radio]:checked:focus{border-color:transparent;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (forced-colors: active){[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{border-color:transparent;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}html{font-family:Inter,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}@supports (font-variation-settings: normal){html{font-family:InterVar,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-optical-sizing:auto}}ul,ol{list-style:revert;padding:revert}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(2 137 247 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(2 137 247 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }p:empty:before{content:"";display:inline-block}.__text_block__{overflow-wrap:break-word}.__text_block__ a{color:var(--link-color);text-decoration:underline;background-color:transparent} \ No newline at end of file +@font-face{font-family:InterVar;font-weight:100 900;font-display:swap;font-style:normal;src:url(/assets/builder/fonts/Inter/Inter.var.woff2?v=3.19) format("woff2-variations"),url(/assets/builder/fonts/Inter/Inter.var.woff2?v=3.19) format("woff2");src:url(/assets/builder/fonts/Inter/Inter.var.woff2?v=3.19) format("woff2") tech("variations")}@font-face{font-family:InterVar;font-weight:100 900;font-display:swap;font-style:italic;src:url(/assets/builder/fonts/Inter/Inter-Italic.var.woff2?v=3.19) format("woff2-variations"),url(/assets/builder/fonts/Inter/Inter-Italic.var.woff2?v=3.19) format("woff2");src:url(/assets/builder/fonts/Inter/Inter-Italic.var.woff2?v=3.19) format("woff2") tech("variations")}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#ededed}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}dialog:not([open]){display:none}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#c7c7c7}input::placeholder,textarea::placeholder{opacity:1;color:#c7c7c7}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}[type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#999;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}[type=text]:focus,input:where(:not([type])):focus,[type=email]:focus,[type=url]:focus,[type=password]:focus,[type=number]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=search]:focus,[type=tel]:focus,[type=time]:focus,[type=week]:focus,[multiple]:focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #007BE0;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#007be0}input::-moz-placeholder,textarea::-moz-placeholder{color:#999;opacity:1}input::placeholder,textarea::placeholder{color:#999;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23999999' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#007be0;background-color:#fff;border-color:#999;border-width:1px;--tw-shadow: 0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #007BE0;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:hover,[type=checkbox]:checked:focus,[type=radio]:checked:hover,[type=radio]:checked:focus{border-color:transparent;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (forced-colors: active){[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{border-color:transparent;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}html{font-family:Inter,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}@supports (font-variation-settings: normal){html{font-family:InterVar,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-optical-sizing:auto}}ul,ol{list-style:revert;padding:revert}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(2 137 247 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(2 137 247 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }p:empty:before{content:"";display:inline-block}.__text_block__{overflow-wrap:break-word}.__text_block__ a{color:var(--link-color);text-decoration:underline;background-color:transparent} \ No newline at end of file diff --git a/builder/www/builder_assets/Dialog Modal/dialog_modal.png b/builder/www/builder_assets/Dialog Modal/dialog_modal.png new file mode 100644 index 000000000..9ef294f7f Binary files /dev/null and b/builder/www/builder_assets/Dialog Modal/dialog_modal.png differ diff --git a/builder/www/builder_assets/Dialog Show/dialog_show.png b/builder/www/builder_assets/Dialog Show/dialog_show.png new file mode 100644 index 000000000..61ea0906c Binary files /dev/null and b/builder/www/builder_assets/Dialog Show/dialog_show.png differ diff --git a/frontend/src/block.ts b/frontend/src/block.ts index 00c1f7e49..851b35834 100644 --- a/frontend/src/block.ts +++ b/frontend/src/block.ts @@ -279,6 +279,9 @@ class Block implements BlockOptions { this.originalElement === "input" || this.getElement() === "input" || this.getElement() === "textarea" ); } + isDialog() { + return this.getElement() === "dialog"; + } setStyle(style: styleProperty, value: StyleValue) { const canvasStore = useCanvasStore(); let styleObj = this.baseStyles; @@ -483,6 +486,11 @@ class Block implements BlockOptions { styles.alignItems = "center"; styles.justifyContent = "center"; } + + if (this.isDialog()) { + styles.zIndex = "1000"; + } + styles.transition = "unset"; return styles; diff --git a/frontend/src/components/BlockPropertySections/OptionsSection.ts b/frontend/src/components/BlockPropertySections/OptionsSection.ts index d6f7a6f2f..b7941622f 100644 --- a/frontend/src/components/BlockPropertySections/OptionsSection.ts +++ b/frontend/src/components/BlockPropertySections/OptionsSection.ts @@ -60,6 +60,7 @@ const optionsSectionProperties = [ "blockquote", "cite", "canvas", + "dialog", ], modelValue: blockController.getKeyValue("element"), };