@aswin.dev/editor 0.7.3 → 0.7.6

package/dist/cdn/chunks/{ModulePreviewCanvas-M7_OGV2m.js.map → ModulePreviewCanvas-BIYYnqUq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ModulePreviewCanvas-M7_OGV2m.js","names":[],"sources":["../../../src/components/blocks/PreviewSectionBlock.vue","../../../src/components/blocks/PreviewSectionBlock.vue","../../../src/cloud/components/ModulePreviewCanvas.vue","../../../src/cloud/components/ModulePreviewCanvas.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport ButtonBlock from \"./ButtonBlock.vue\";\nimport CountdownBlockComponent from \"./CountdownBlock.vue\";\nimport CustomBlock from \"./CustomBlock.vue\";\nimport DividerBlock from \"./DividerBlock.vue\";\nimport FormBlockComponent from \"./FormBlock.vue\";\nimport HtmlBlock from \"./HtmlBlock.vue\";\nimport ImageBlock from \"./ImageBlock.vue\";\nimport InputBlock from \"./InputBlock.vue\";\nimport MenuBlock from \"./MenuBlock.vue\";\nimport SocialIconsBlock from \"./SocialIconsBlock.vue\";\nimport SpacerBlock from \"./SpacerBlock.vue\";\nimport TableBlock from \"./TableBlock.vue\";\nimport TitleBlock from \"./TitleBlock.vue\";\nimport ParagraphBlock from \"./ParagraphBlock.vue\";\nimport VideoBlock from \"./VideoBlock.vue\";\nimport {\n  resolveBlockComponent,\n  getBlockWrapperStyle,\n} from \"../../utils/blockComponentResolver\";\nimport type { Block, SectionBlock as SectionBlockType } from \"@aswin.dev/types\";\nimport { computed, inject, type Component } from \"vue\";\nimport { BLOCK_REGISTRY_KEY } from \"../../keys\";\n\nconst previewBlockComponentMap: Record<string, Component> = {\n  title: TitleBlock,\n  paragraph: ParagraphBlock,\n  image: ImageBlock,\n  video: VideoBlock,\n  button: ButtonBlock,\n  input: InputBlock,\n  divider: DividerBlock,\n  social: SocialIconsBlock,\n  menu: MenuBlock,\n  table: TableBlock,\n  spacer: SpacerBlock,\n  html: HtmlBlock,\n  countdown: CountdownBlockComponent,\n  form: FormBlockComponent,\n  custom: CustomBlock,\n};\n\nconst props = defineProps<{\n  block: SectionBlockType;\n  viewport: \"desktop\";\n}>();\n\ndefineOptions({ name: \"PreviewSectionBlock\" });\n\nconst blockRegistry = inject(BLOCK_REGISTRY_KEY, null);\n\nconst columnWidths = computed(() => {\n  switch (props.block.columns) {\n    case \"2\":\n      return [\"50%\", \"50%\"];\n    case \"3\":\n      return [\"33.33%\", \"33.33%\", \"33.33%\"];\n    case \"1-2\":\n      return [\"33.33%\", \"66.67%\"];\n    case \"2-1\":\n      return [\"66.67%\", \"33.33%\"];\n    default:\n      return [\"100%\"];\n  }\n});\n\nconst columns = computed(() => {\n  const count = columnWidths.value.length;\n  const children = [...props.block.children];\n  while (children.length < count) {\n    children.push([]);\n  }\n  return children.slice(0, count);\n});\n\nfunction getColumnBlocks(colIndex: number): Block[] {\n  return columns.value[colIndex] || [];\n}\n\nfunction getBlockComponent(block: Block): Component | null {\n  return resolveBlockComponent(block, blockRegistry, previewBlockComponentMap);\n}\n</script>\n\n<template>\n  <div class=\"tpl:w-full\">\n    <div class=\"tpl:flex tpl:gap-0\">\n      <div\n        v-for=\"(_, colIndex) in columns\"\n        :key=\"colIndex\"\n        :style=\"{ width: columnWidths[colIndex] }\"\n      >\n        <div\n          v-for=\"childBlock in getColumnBlocks(colIndex)\"\n          :key=\"childBlock.id\"\n          :style=\"getBlockWrapperStyle(childBlock)\"\n        >\n          <!-- Recursive self-reference for nested sections -->\n          <PreviewSectionBlock\n            v-if=\"childBlock.type === 'section'\"\n            :block=\"childBlock\"\n            viewport=\"desktop\"\n          />\n          <component\n            :is=\"getBlockComponent(childBlock)\"\n            v-else\n            :block=\"childBlock\"\n            viewport=\"desktop\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport ButtonBlock from \"./ButtonBlock.vue\";\nimport CountdownBlockComponent from \"./CountdownBlock.vue\";\nimport CustomBlock from \"./CustomBlock.vue\";\nimport DividerBlock from \"./DividerBlock.vue\";\nimport FormBlockComponent from \"./FormBlock.vue\";\nimport HtmlBlock from \"./HtmlBlock.vue\";\nimport ImageBlock from \"./ImageBlock.vue\";\nimport InputBlock from \"./InputBlock.vue\";\nimport MenuBlock from \"./MenuBlock.vue\";\nimport SocialIconsBlock from \"./SocialIconsBlock.vue\";\nimport SpacerBlock from \"./SpacerBlock.vue\";\nimport TableBlock from \"./TableBlock.vue\";\nimport TitleBlock from \"./TitleBlock.vue\";\nimport ParagraphBlock from \"./ParagraphBlock.vue\";\nimport VideoBlock from \"./VideoBlock.vue\";\nimport {\n  resolveBlockComponent,\n  getBlockWrapperStyle,\n} from \"../../utils/blockComponentResolver\";\nimport type { Block, SectionBlock as SectionBlockType } from \"@aswin.dev/types\";\nimport { computed, inject, type Component } from \"vue\";\nimport { BLOCK_REGISTRY_KEY } from \"../../keys\";\n\nconst previewBlockComponentMap: Record<string, Component> = {\n  title: TitleBlock,\n  paragraph: ParagraphBlock,\n  image: ImageBlock,\n  video: VideoBlock,\n  button: ButtonBlock,\n  input: InputBlock,\n  divider: DividerBlock,\n  social: SocialIconsBlock,\n  menu: MenuBlock,\n  table: TableBlock,\n  spacer: SpacerBlock,\n  html: HtmlBlock,\n  countdown: CountdownBlockComponent,\n  form: FormBlockComponent,\n  custom: CustomBlock,\n};\n\nconst props = defineProps<{\n  block: SectionBlockType;\n  viewport: \"desktop\";\n}>();\n\ndefineOptions({ name: \"PreviewSectionBlock\" });\n\nconst blockRegistry = inject(BLOCK_REGISTRY_KEY, null);\n\nconst columnWidths = computed(() => {\n  switch (props.block.columns) {\n    case \"2\":\n      return [\"50%\", \"50%\"];\n    case \"3\":\n      return [\"33.33%\", \"33.33%\", \"33.33%\"];\n    case \"1-2\":\n      return [\"33.33%\", \"66.67%\"];\n    case \"2-1\":\n      return [\"66.67%\", \"33.33%\"];\n    default:\n      return [\"100%\"];\n  }\n});\n\nconst columns = computed(() => {\n  const count = columnWidths.value.length;\n  const children = [...props.block.children];\n  while (children.length < count) {\n    children.push([]);\n  }\n  return children.slice(0, count);\n});\n\nfunction getColumnBlocks(colIndex: number): Block[] {\n  return columns.value[colIndex] || [];\n}\n\nfunction getBlockComponent(block: Block): Component | null {\n  return resolveBlockComponent(block, blockRegistry, previewBlockComponentMap);\n}\n</script>\n\n<template>\n  <div class=\"tpl:w-full\">\n    <div class=\"tpl:flex tpl:gap-0\">\n      <div\n        v-for=\"(_, colIndex) in columns\"\n        :key=\"colIndex\"\n        :style=\"{ width: columnWidths[colIndex] }\"\n      >\n        <div\n          v-for=\"childBlock in getColumnBlocks(colIndex)\"\n          :key=\"childBlock.id\"\n          :style=\"getBlockWrapperStyle(childBlock)\"\n        >\n          <!-- Recursive self-reference for nested sections -->\n          <PreviewSectionBlock\n            v-if=\"childBlock.type === 'section'\"\n            :block=\"childBlock\"\n            viewport=\"desktop\"\n          />\n          <component\n            :is=\"getBlockComponent(childBlock)\"\n            v-else\n            :block=\"childBlock\"\n            viewport=\"desktop\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport ButtonBlock from \"../../components/blocks/ButtonBlock.vue\";\nimport CountdownBlockComponent from \"../../components/blocks/CountdownBlock.vue\";\nimport CustomBlock from \"../../components/blocks/CustomBlock.vue\";\nimport DividerBlock from \"../../components/blocks/DividerBlock.vue\";\nimport FormBlockComponent from \"../../components/blocks/FormBlock.vue\";\nimport HtmlBlock from \"../../components/blocks/HtmlBlock.vue\";\nimport ImageBlock from \"../../components/blocks/ImageBlock.vue\";\nimport InputBlock from \"../../components/blocks/InputBlock.vue\";\nimport MenuBlock from \"../../components/blocks/MenuBlock.vue\";\nimport PreviewSectionBlock from \"../../components/blocks/PreviewSectionBlock.vue\";\nimport SocialIconsBlock from \"../../components/blocks/SocialIconsBlock.vue\";\nimport SpacerBlock from \"../../components/blocks/SpacerBlock.vue\";\nimport TableBlock from \"../../components/blocks/TableBlock.vue\";\nimport TitleBlock from \"../../components/blocks/TitleBlock.vue\";\nimport ParagraphBlock from \"../../components/blocks/ParagraphBlock.vue\";\nimport VideoBlock from \"../../components/blocks/VideoBlock.vue\";\nimport { BLOCK_REGISTRY_KEY } from \"../../keys\";\nimport {\n  resolveBlockComponent,\n  getBlockWrapperStyle,\n} from \"../../utils/blockComponentResolver\";\nimport type { Block } from \"@aswin.dev/types\";\nimport { inject, type Component } from \"vue\";\n\ndefineProps<{\n  blocks: Block[];\n}>();\n\nconst blockRegistry = inject(BLOCK_REGISTRY_KEY);\n\nconst modulePreviewComponentMap: Record<string, Component> = {\n  section: PreviewSectionBlock,\n  title: TitleBlock,\n  paragraph: ParagraphBlock,\n  image: ImageBlock,\n  video: VideoBlock,\n  button: ButtonBlock,\n  input: InputBlock,\n  divider: DividerBlock,\n  social: SocialIconsBlock,\n  menu: MenuBlock,\n  table: TableBlock,\n  spacer: SpacerBlock,\n  html: HtmlBlock,\n  countdown: CountdownBlockComponent,\n  form: FormBlockComponent,\n  custom: CustomBlock,\n};\n\nfunction getBlockComponent(block: Block): Component | null {\n  return resolveBlockComponent(block, blockRegistry, modulePreviewComponentMap);\n}\n</script>\n\n<template>\n  <div\n    class=\"tpl:pointer-events-none tpl:mx-auto tpl:w-[600px] tpl:select-none tpl:rounded-lg\"\n    style=\"\n      background-color: var(--tpl-canvas-bg);\n      box-shadow: var(--tpl-shadow-sm);\n    \"\n  >\n    <div\n      v-for=\"block in blocks\"\n      :key=\"block.id\"\n      :style=\"getBlockWrapperStyle(block)\"\n    >\n      <component\n        :is=\"getBlockComponent(block)\"\n        :block=\"block\"\n        viewport=\"desktop\"\n      />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport ButtonBlock from \"../../components/blocks/ButtonBlock.vue\";\nimport CountdownBlockComponent from \"../../components/blocks/CountdownBlock.vue\";\nimport CustomBlock from \"../../components/blocks/CustomBlock.vue\";\nimport DividerBlock from \"../../components/blocks/DividerBlock.vue\";\nimport FormBlockComponent from \"../../components/blocks/FormBlock.vue\";\nimport HtmlBlock from \"../../components/blocks/HtmlBlock.vue\";\nimport ImageBlock from \"../../components/blocks/ImageBlock.vue\";\nimport InputBlock from \"../../components/blocks/InputBlock.vue\";\nimport MenuBlock from \"../../components/blocks/MenuBlock.vue\";\nimport PreviewSectionBlock from \"../../components/blocks/PreviewSectionBlock.vue\";\nimport SocialIconsBlock from \"../../components/blocks/SocialIconsBlock.vue\";\nimport SpacerBlock from \"../../components/blocks/SpacerBlock.vue\";\nimport TableBlock from \"../../components/blocks/TableBlock.vue\";\nimport TitleBlock from \"../../components/blocks/TitleBlock.vue\";\nimport ParagraphBlock from \"../../components/blocks/ParagraphBlock.vue\";\nimport VideoBlock from \"../../components/blocks/VideoBlock.vue\";\nimport { BLOCK_REGISTRY_KEY } from \"../../keys\";\nimport {\n  resolveBlockComponent,\n  getBlockWrapperStyle,\n} from \"../../utils/blockComponentResolver\";\nimport type { Block } from \"@aswin.dev/types\";\nimport { inject, type Component } from \"vue\";\n\ndefineProps<{\n  blocks: Block[];\n}>();\n\nconst blockRegistry = inject(BLOCK_REGISTRY_KEY);\n\nconst modulePreviewComponentMap: Record<string, Component> = {\n  section: PreviewSectionBlock,\n  title: TitleBlock,\n  paragraph: ParagraphBlock,\n  image: ImageBlock,\n  video: VideoBlock,\n  button: ButtonBlock,\n  input: InputBlock,\n  divider: DividerBlock,\n  social: SocialIconsBlock,\n  menu: MenuBlock,\n  table: TableBlock,\n  spacer: SpacerBlock,\n  html: HtmlBlock,\n  countdown: CountdownBlockComponent,\n  form: FormBlockComponent,\n  custom: CustomBlock,\n};\n\nfunction getBlockComponent(block: Block): Component | null {\n  return resolveBlockComponent(block, blockRegistry, modulePreviewComponentMap);\n}\n</script>\n\n<template>\n  <div\n    class=\"tpl:pointer-events-none tpl:mx-auto tpl:w-[600px] tpl:select-none tpl:rounded-lg\"\n    style=\"\n      background-color: var(--tpl-canvas-bg);\n      box-shadow: var(--tpl-shadow-sm);\n    \"\n  >\n    <div\n      v-for=\"block in blocks\"\n      :key=\"block.id\"\n      :style=\"getBlockWrapperStyle(block)\"\n    >\n      <component\n        :is=\"getBlockComponent(block)\"\n        :block=\"block\"\n        viewport=\"desktop\"\n      />\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;EAwBA,IAAM,IAAsD;GAC1D,OAAO;GACP,WAAW;GACX,OAAO;GACP,OAAO;GACP,QAAQ;GACR,OAAO;GACP,SAAS;GACT,QAAQ;GACR,MAAM;GACN,OAAO;GACP,QAAQ;GACR,MAAM;GACN,WAAW;GACX,MAAM;GACN,QAAQ;GACT,EAEK,IAAQ,GAOR,IAAgB,EAAO,GAAoB,KAAK,EAEhD,IAAe,QAAe;AAClC,WAAQ,EAAM,MAAM,SAApB;IACE,KAAK,IACH,QAAO,CAAC,OAAO,MAAM;IACvB,KAAK,IACH,QAAO;KAAC;KAAU;KAAU;KAAS;IACvC,KAAK,MACH,QAAO,CAAC,UAAU,SAAS;IAC7B,KAAK,MACH,QAAO,CAAC,UAAU,SAAS;IAC7B,QACE,QAAO,CAAC,OAAO;;IAEnB,EAEI,IAAU,QAAe;GAC7B,IAAM,IAAQ,EAAa,MAAM,QAC3B,IAAW,CAAC,GAAG,EAAM,MAAM,SAAS;AAC1C,UAAO,EAAS,SAAS,GACvB,GAAS,KAAK,EAAE,CAAC;AAEnB,UAAO,EAAS,MAAM,GAAG,EAAM;IAC/B;EAEF,SAAS,EAAgB,GAA2B;AAClD,UAAO,EAAQ,MAAM,MAAa,EAAE;;EAGtC,SAAS,EAAkB,GAAgC;AACzD,UAAO,EAAsB,GAAO,GAAe,EAAyB;;;;eAK5E,EA2BM,OA3BN,GA2BM,CA1BJ,EAyBM,OAzBN,GAyBM,EAAA,EAAA,GAAA,EAxBJ,EAuBM,GAAA,MAAA,EAtBoB,EAAA,QAAhB,GAAG,YADb,EAuBM,OAAA;IArBH,KAAK;IACL,OAAK,EAAA,EAAA,OAAW,EAAA,MAAa,IAAQ,CAAA;eAEtC,EAiBM,GAAA,MAAA,EAhBiB,EAAgB,EAAQ,GAAtC,YADT,EAiBM,OAAA;IAfH,KAAK,EAAW;IAChB,OAAK,EAAE,EAAA,EAAoB,CAAC,EAAU,CAAA;OAI/B,EAAW,SAAI,aAAA,GAAA,EADvB,EAIE,GAAA;;IAFC,OAAO;IACR,UAAS;mCAEX,EAKE,EAJK,EAAkB,EAAU,CAAA,EAAA;;IAEhC,OAAO;IACR,UAAS;;;;;;;;;;;;;;EE9ErB,IAAM,IAAgB,EAAO,EAAmB,EAE1C,IAAuD;GAC3D,SAAS;GACT,OAAO;GACP,WAAW;GACX,OAAO;GACP,OAAO;GACP,QAAQ;GACR,OAAO;GACP,SAAS;GACT,QAAQ;GACR,MAAM;GACN,OAAO;GACP,QAAQ;GACR,MAAM;GACN,WAAW;GACX,MAAM;GACN,QAAQ;GACT;EAED,SAAS,EAAkB,GAAgC;AACzD,UAAO,EAAsB,GAAO,GAAe,EAA0B;;yBAK7E,EAkBM,OAlBN,GAkBM,EAAA,EAAA,GAAA,EAXJ,EAUM,GAAA,MAAA,EATY,EAAA,SAAT,YADT,EAUM,OAAA;GARH,KAAK,EAAM;GACX,OAAK,EAAE,EAAA,EAAoB,CAAC,EAAK,CAAA;YAElC,EAIE,EAHK,EAAkB,EAAK,CAAA,EAAA;GACpB;GACR,UAAS"}
+{"version":3,"file":"ModulePreviewCanvas-BIYYnqUq.js","names":[],"sources":["../../../src/components/blocks/PreviewSectionBlock.vue","../../../src/components/blocks/PreviewSectionBlock.vue","../../../src/cloud/components/ModulePreviewCanvas.vue","../../../src/cloud/components/ModulePreviewCanvas.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport ButtonBlock from \"./ButtonBlock.vue\";\nimport CountdownBlockComponent from \"./CountdownBlock.vue\";\nimport CustomBlock from \"./CustomBlock.vue\";\nimport DividerBlock from \"./DividerBlock.vue\";\nimport FormBlockComponent from \"./FormBlock.vue\";\nimport HtmlBlock from \"./HtmlBlock.vue\";\nimport ImageBlock from \"./ImageBlock.vue\";\nimport InputBlock from \"./InputBlock.vue\";\nimport MenuBlock from \"./MenuBlock.vue\";\nimport SocialIconsBlock from \"./SocialIconsBlock.vue\";\nimport SpacerBlock from \"./SpacerBlock.vue\";\nimport TableBlock from \"./TableBlock.vue\";\nimport TitleBlock from \"./TitleBlock.vue\";\nimport ParagraphBlock from \"./ParagraphBlock.vue\";\nimport VideoBlock from \"./VideoBlock.vue\";\nimport {\n  resolveBlockComponent,\n  getBlockWrapperStyle,\n} from \"../../utils/blockComponentResolver\";\nimport type { Block, SectionBlock as SectionBlockType } from \"@aswin.dev/types\";\nimport { computed, inject, type Component } from \"vue\";\nimport { BLOCK_REGISTRY_KEY } from \"../../keys\";\n\nconst previewBlockComponentMap: Record<string, Component> = {\n  title: TitleBlock,\n  paragraph: ParagraphBlock,\n  image: ImageBlock,\n  video: VideoBlock,\n  button: ButtonBlock,\n  input: InputBlock,\n  divider: DividerBlock,\n  social: SocialIconsBlock,\n  menu: MenuBlock,\n  table: TableBlock,\n  spacer: SpacerBlock,\n  html: HtmlBlock,\n  countdown: CountdownBlockComponent,\n  form: FormBlockComponent,\n  custom: CustomBlock,\n};\n\nconst props = defineProps<{\n  block: SectionBlockType;\n  viewport: \"desktop\";\n}>();\n\ndefineOptions({ name: \"PreviewSectionBlock\" });\n\nconst blockRegistry = inject(BLOCK_REGISTRY_KEY, null);\n\nconst columnWidths = computed(() => {\n  switch (props.block.columns) {\n    case \"2\":\n      return [\"50%\", \"50%\"];\n    case \"3\":\n      return [\"33.33%\", \"33.33%\", \"33.33%\"];\n    case \"1-2\":\n      return [\"33.33%\", \"66.67%\"];\n    case \"2-1\":\n      return [\"66.67%\", \"33.33%\"];\n    default:\n      return [\"100%\"];\n  }\n});\n\nconst columns = computed(() => {\n  const count = columnWidths.value.length;\n  const children = [...props.block.children];\n  while (children.length < count) {\n    children.push([]);\n  }\n  return children.slice(0, count);\n});\n\nfunction getColumnBlocks(colIndex: number): Block[] {\n  return columns.value[colIndex] || [];\n}\n\nfunction getBlockComponent(block: Block): Component | null {\n  return resolveBlockComponent(block, blockRegistry, previewBlockComponentMap);\n}\n</script>\n\n<template>\n  <div class=\"tpl:w-full\">\n    <div class=\"tpl:flex tpl:gap-0\">\n      <div\n        v-for=\"(_, colIndex) in columns\"\n        :key=\"colIndex\"\n        :style=\"{ width: columnWidths[colIndex] }\"\n      >\n        <div\n          v-for=\"childBlock in getColumnBlocks(colIndex)\"\n          :key=\"childBlock.id\"\n          :style=\"getBlockWrapperStyle(childBlock)\"\n        >\n          <!-- Recursive self-reference for nested sections -->\n          <PreviewSectionBlock\n            v-if=\"childBlock.type === 'section'\"\n            :block=\"childBlock\"\n            viewport=\"desktop\"\n          />\n          <component\n            :is=\"getBlockComponent(childBlock)\"\n            v-else\n            :block=\"childBlock\"\n            viewport=\"desktop\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport ButtonBlock from \"./ButtonBlock.vue\";\nimport CountdownBlockComponent from \"./CountdownBlock.vue\";\nimport CustomBlock from \"./CustomBlock.vue\";\nimport DividerBlock from \"./DividerBlock.vue\";\nimport FormBlockComponent from \"./FormBlock.vue\";\nimport HtmlBlock from \"./HtmlBlock.vue\";\nimport ImageBlock from \"./ImageBlock.vue\";\nimport InputBlock from \"./InputBlock.vue\";\nimport MenuBlock from \"./MenuBlock.vue\";\nimport SocialIconsBlock from \"./SocialIconsBlock.vue\";\nimport SpacerBlock from \"./SpacerBlock.vue\";\nimport TableBlock from \"./TableBlock.vue\";\nimport TitleBlock from \"./TitleBlock.vue\";\nimport ParagraphBlock from \"./ParagraphBlock.vue\";\nimport VideoBlock from \"./VideoBlock.vue\";\nimport {\n  resolveBlockComponent,\n  getBlockWrapperStyle,\n} from \"../../utils/blockComponentResolver\";\nimport type { Block, SectionBlock as SectionBlockType } from \"@aswin.dev/types\";\nimport { computed, inject, type Component } from \"vue\";\nimport { BLOCK_REGISTRY_KEY } from \"../../keys\";\n\nconst previewBlockComponentMap: Record<string, Component> = {\n  title: TitleBlock,\n  paragraph: ParagraphBlock,\n  image: ImageBlock,\n  video: VideoBlock,\n  button: ButtonBlock,\n  input: InputBlock,\n  divider: DividerBlock,\n  social: SocialIconsBlock,\n  menu: MenuBlock,\n  table: TableBlock,\n  spacer: SpacerBlock,\n  html: HtmlBlock,\n  countdown: CountdownBlockComponent,\n  form: FormBlockComponent,\n  custom: CustomBlock,\n};\n\nconst props = defineProps<{\n  block: SectionBlockType;\n  viewport: \"desktop\";\n}>();\n\ndefineOptions({ name: \"PreviewSectionBlock\" });\n\nconst blockRegistry = inject(BLOCK_REGISTRY_KEY, null);\n\nconst columnWidths = computed(() => {\n  switch (props.block.columns) {\n    case \"2\":\n      return [\"50%\", \"50%\"];\n    case \"3\":\n      return [\"33.33%\", \"33.33%\", \"33.33%\"];\n    case \"1-2\":\n      return [\"33.33%\", \"66.67%\"];\n    case \"2-1\":\n      return [\"66.67%\", \"33.33%\"];\n    default:\n      return [\"100%\"];\n  }\n});\n\nconst columns = computed(() => {\n  const count = columnWidths.value.length;\n  const children = [...props.block.children];\n  while (children.length < count) {\n    children.push([]);\n  }\n  return children.slice(0, count);\n});\n\nfunction getColumnBlocks(colIndex: number): Block[] {\n  return columns.value[colIndex] || [];\n}\n\nfunction getBlockComponent(block: Block): Component | null {\n  return resolveBlockComponent(block, blockRegistry, previewBlockComponentMap);\n}\n</script>\n\n<template>\n  <div class=\"tpl:w-full\">\n    <div class=\"tpl:flex tpl:gap-0\">\n      <div\n        v-for=\"(_, colIndex) in columns\"\n        :key=\"colIndex\"\n        :style=\"{ width: columnWidths[colIndex] }\"\n      >\n        <div\n          v-for=\"childBlock in getColumnBlocks(colIndex)\"\n          :key=\"childBlock.id\"\n          :style=\"getBlockWrapperStyle(childBlock)\"\n        >\n          <!-- Recursive self-reference for nested sections -->\n          <PreviewSectionBlock\n            v-if=\"childBlock.type === 'section'\"\n            :block=\"childBlock\"\n            viewport=\"desktop\"\n          />\n          <component\n            :is=\"getBlockComponent(childBlock)\"\n            v-else\n            :block=\"childBlock\"\n            viewport=\"desktop\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport ButtonBlock from \"../../components/blocks/ButtonBlock.vue\";\nimport CountdownBlockComponent from \"../../components/blocks/CountdownBlock.vue\";\nimport CustomBlock from \"../../components/blocks/CustomBlock.vue\";\nimport DividerBlock from \"../../components/blocks/DividerBlock.vue\";\nimport FormBlockComponent from \"../../components/blocks/FormBlock.vue\";\nimport HtmlBlock from \"../../components/blocks/HtmlBlock.vue\";\nimport ImageBlock from \"../../components/blocks/ImageBlock.vue\";\nimport InputBlock from \"../../components/blocks/InputBlock.vue\";\nimport MenuBlock from \"../../components/blocks/MenuBlock.vue\";\nimport PreviewSectionBlock from \"../../components/blocks/PreviewSectionBlock.vue\";\nimport SocialIconsBlock from \"../../components/blocks/SocialIconsBlock.vue\";\nimport SpacerBlock from \"../../components/blocks/SpacerBlock.vue\";\nimport TableBlock from \"../../components/blocks/TableBlock.vue\";\nimport TitleBlock from \"../../components/blocks/TitleBlock.vue\";\nimport ParagraphBlock from \"../../components/blocks/ParagraphBlock.vue\";\nimport VideoBlock from \"../../components/blocks/VideoBlock.vue\";\nimport { BLOCK_REGISTRY_KEY } from \"../../keys\";\nimport {\n  resolveBlockComponent,\n  getBlockWrapperStyle,\n} from \"../../utils/blockComponentResolver\";\nimport type { Block } from \"@aswin.dev/types\";\nimport { inject, type Component } from \"vue\";\n\ndefineProps<{\n  blocks: Block[];\n}>();\n\nconst blockRegistry = inject(BLOCK_REGISTRY_KEY);\n\nconst modulePreviewComponentMap: Record<string, Component> = {\n  section: PreviewSectionBlock,\n  title: TitleBlock,\n  paragraph: ParagraphBlock,\n  image: ImageBlock,\n  video: VideoBlock,\n  button: ButtonBlock,\n  input: InputBlock,\n  divider: DividerBlock,\n  social: SocialIconsBlock,\n  menu: MenuBlock,\n  table: TableBlock,\n  spacer: SpacerBlock,\n  html: HtmlBlock,\n  countdown: CountdownBlockComponent,\n  form: FormBlockComponent,\n  custom: CustomBlock,\n};\n\nfunction getBlockComponent(block: Block): Component | null {\n  return resolveBlockComponent(block, blockRegistry, modulePreviewComponentMap);\n}\n</script>\n\n<template>\n  <div\n    class=\"tpl:pointer-events-none tpl:mx-auto tpl:w-[600px] tpl:select-none tpl:rounded-lg\"\n    style=\"\n      background-color: var(--tpl-canvas-bg);\n      box-shadow: var(--tpl-shadow-sm);\n    \"\n  >\n    <div\n      v-for=\"block in blocks\"\n      :key=\"block.id\"\n      :style=\"getBlockWrapperStyle(block)\"\n    >\n      <component\n        :is=\"getBlockComponent(block)\"\n        :block=\"block\"\n        viewport=\"desktop\"\n      />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport ButtonBlock from \"../../components/blocks/ButtonBlock.vue\";\nimport CountdownBlockComponent from \"../../components/blocks/CountdownBlock.vue\";\nimport CustomBlock from \"../../components/blocks/CustomBlock.vue\";\nimport DividerBlock from \"../../components/blocks/DividerBlock.vue\";\nimport FormBlockComponent from \"../../components/blocks/FormBlock.vue\";\nimport HtmlBlock from \"../../components/blocks/HtmlBlock.vue\";\nimport ImageBlock from \"../../components/blocks/ImageBlock.vue\";\nimport InputBlock from \"../../components/blocks/InputBlock.vue\";\nimport MenuBlock from \"../../components/blocks/MenuBlock.vue\";\nimport PreviewSectionBlock from \"../../components/blocks/PreviewSectionBlock.vue\";\nimport SocialIconsBlock from \"../../components/blocks/SocialIconsBlock.vue\";\nimport SpacerBlock from \"../../components/blocks/SpacerBlock.vue\";\nimport TableBlock from \"../../components/blocks/TableBlock.vue\";\nimport TitleBlock from \"../../components/blocks/TitleBlock.vue\";\nimport ParagraphBlock from \"../../components/blocks/ParagraphBlock.vue\";\nimport VideoBlock from \"../../components/blocks/VideoBlock.vue\";\nimport { BLOCK_REGISTRY_KEY } from \"../../keys\";\nimport {\n  resolveBlockComponent,\n  getBlockWrapperStyle,\n} from \"../../utils/blockComponentResolver\";\nimport type { Block } from \"@aswin.dev/types\";\nimport { inject, type Component } from \"vue\";\n\ndefineProps<{\n  blocks: Block[];\n}>();\n\nconst blockRegistry = inject(BLOCK_REGISTRY_KEY);\n\nconst modulePreviewComponentMap: Record<string, Component> = {\n  section: PreviewSectionBlock,\n  title: TitleBlock,\n  paragraph: ParagraphBlock,\n  image: ImageBlock,\n  video: VideoBlock,\n  button: ButtonBlock,\n  input: InputBlock,\n  divider: DividerBlock,\n  social: SocialIconsBlock,\n  menu: MenuBlock,\n  table: TableBlock,\n  spacer: SpacerBlock,\n  html: HtmlBlock,\n  countdown: CountdownBlockComponent,\n  form: FormBlockComponent,\n  custom: CustomBlock,\n};\n\nfunction getBlockComponent(block: Block): Component | null {\n  return resolveBlockComponent(block, blockRegistry, modulePreviewComponentMap);\n}\n</script>\n\n<template>\n  <div\n    class=\"tpl:pointer-events-none tpl:mx-auto tpl:w-[600px] tpl:select-none tpl:rounded-lg\"\n    style=\"\n      background-color: var(--tpl-canvas-bg);\n      box-shadow: var(--tpl-shadow-sm);\n    \"\n  >\n    <div\n      v-for=\"block in blocks\"\n      :key=\"block.id\"\n      :style=\"getBlockWrapperStyle(block)\"\n    >\n      <component\n        :is=\"getBlockComponent(block)\"\n        :block=\"block\"\n        viewport=\"desktop\"\n      />\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;EAwBA,IAAM,IAAsD;GAC1D,OAAO;GACP,WAAW;GACX,OAAO;GACP,OAAO;GACP,QAAQ;GACR,OAAO;GACP,SAAS;GACT,QAAQ;GACR,MAAM;GACN,OAAO;GACP,QAAQ;GACR,MAAM;GACN,WAAW;GACX,MAAM;GACN,QAAQ;GACT,EAEK,IAAQ,GAOR,IAAgB,EAAO,GAAoB,KAAK,EAEhD,IAAe,QAAe;AAClC,WAAQ,EAAM,MAAM,SAApB;IACE,KAAK,IACH,QAAO,CAAC,OAAO,MAAM;IACvB,KAAK,IACH,QAAO;KAAC;KAAU;KAAU;KAAS;IACvC,KAAK,MACH,QAAO,CAAC,UAAU,SAAS;IAC7B,KAAK,MACH,QAAO,CAAC,UAAU,SAAS;IAC7B,QACE,QAAO,CAAC,OAAO;;IAEnB,EAEI,IAAU,QAAe;GAC7B,IAAM,IAAQ,EAAa,MAAM,QAC3B,IAAW,CAAC,GAAG,EAAM,MAAM,SAAS;AAC1C,UAAO,EAAS,SAAS,GACvB,GAAS,KAAK,EAAE,CAAC;AAEnB,UAAO,EAAS,MAAM,GAAG,EAAM;IAC/B;EAEF,SAAS,EAAgB,GAA2B;AAClD,UAAO,EAAQ,MAAM,MAAa,EAAE;;EAGtC,SAAS,EAAkB,GAAgC;AACzD,UAAO,EAAsB,GAAO,GAAe,EAAyB;;;;eAK5E,EA2BM,OA3BN,GA2BM,CA1BJ,EAyBM,OAzBN,GAyBM,EAAA,EAAA,GAAA,EAxBJ,EAuBM,GAAA,MAAA,EAtBoB,EAAA,QAAhB,GAAG,YADb,EAuBM,OAAA;IArBH,KAAK;IACL,OAAK,EAAA,EAAA,OAAW,EAAA,MAAa,IAAQ,CAAA;eAEtC,EAiBM,GAAA,MAAA,EAhBiB,EAAgB,EAAQ,GAAtC,YADT,EAiBM,OAAA;IAfH,KAAK,EAAW;IAChB,OAAK,EAAE,EAAA,EAAoB,CAAC,EAAU,CAAA;OAI/B,EAAW,SAAI,aAAA,GAAA,EADvB,EAIE,GAAA;;IAFC,OAAO;IACR,UAAS;mCAEX,EAKE,EAJK,EAAkB,EAAU,CAAA,EAAA;;IAEhC,OAAO;IACR,UAAS;;;;;;;;;;;;;;EE9ErB,IAAM,IAAgB,EAAO,EAAmB,EAE1C,IAAuD;GAC3D,SAAS;GACT,OAAO;GACP,WAAW;GACX,OAAO;GACP,OAAO;GACP,QAAQ;GACR,OAAO;GACP,SAAS;GACT,QAAQ;GACR,MAAM;GACN,OAAO;GACP,QAAQ;GACR,MAAM;GACN,WAAW;GACX,MAAM;GACN,QAAQ;GACT;EAED,SAAS,EAAkB,GAAgC;AACzD,UAAO,EAAsB,GAAO,GAAe,EAA0B;;yBAK7E,EAkBM,OAlBN,GAkBM,EAAA,EAAA,GAAA,EAXJ,EAUM,GAAA,MAAA,EATY,EAAA,SAAT,YADT,EAUM,OAAA;GARH,KAAK,EAAM;GACX,OAAK,EAAE,EAAA,EAAoB,CAAC,EAAK,CAAA;YAElC,EAIE,EAHK,EAAkB,EAAK,CAAA,EAAA;GACpB;GACR,UAAS"}

package/dist/cdn/chunks/{ParagraphEditor-1XJOpiLX.js → ParagraphEditor-ZV5SYYw8.js}

@@ -1,8 +1,8 @@
 import { C as e, D as t, I as n, P as r, X as i, _ as a, b as o, ct as s, d as c, dt as l, f as u, ft as d, g as f, h as p, m, p as h, tt as g, u as _, ut as v, v as y, x as b, z as x } from "./draggable-C-1_gch3.js";
-import { Bt as S, St as C, Z as w, at as T, cn as E, et as D, fn as O, it as k, ln as A, tn as j, un as M } from "./features-BrvE2Fzv.js";
-import { D as N, J as P, Q as ee, Y as te, a as ne, c as re, dt as ie, f as F, h as I, l as L, m as R, q as z, u as B, w as V, y as H } from "./icons-C7wtAD8p.js";
+import { Ct as S, Q as C, Vt as w, at as T, dn as E, ln as D, nn as ee, ot as O, pn as k, tt as A, un as j } from "./features-uApxwJMz.js";
+import { $ as M, J as N, O as P, T as te, X as ne, Y as re, a as ie, b as F, d as I, ft as L, g as R, h as z, l as B, p as V, u as H } from "./icons-DZb4EX9m.js";
 import { a as U, o as W, s as G } from "./styleConstants-DfcU8u_r.js";
-import { n as K, t as q } from "./RichTextEditorContent-C2q8sbp2.js";
+import { n as K, t as q } from "./RichTextEditorContent-Dx05ETtt.js";
 //#region src/components/blocks/EmojiPickerDropdown.vue?vue&type=script&setup=true&lang.ts
 var J = [
 	"aria-label",
@@ -12,16 +12,16 @@ var J = [
 	__name: "EmojiPickerDropdown",
 	emits: ["insert"],
 	setup(e, { emit: t }) {
-		let i = t, { categories: o, isOpen: l, toggle: f, close: h } = D(), { t: x, format: C } = S(), w = g(null), T = g(null);
-		k(w, m(() => l.value)), O(T, () => {
+		let i = t, { categories: o, isOpen: l, toggle: f, close: h } = A(), { t: x, format: S } = w(), C = g(null), E = g(null);
+		T(C, m(() => l.value)), k(E, () => {
 			l.value && h();
 		});
-		function E(e) {
+		function D(e) {
 			i("insert", e), h();
 		}
 		return (e, t) => (r(), y("div", {
 			ref_key: "rootRef",
-			ref: T,
+			ref: E,
 			class: "tpl:relative"
 		}, [p("button", {
 			type: "button",
@@ -32,14 +32,14 @@ var J = [
 			"aria-haspopup": "dialog",
 			"aria-controls": "tpl-emoji-picker",
 			onClick: t[0] ||= (...e) => s(f) && s(f)(...e)
-		}, [b(s(H), {
+		}, [b(s(F), {
 			size: 16,
 			"stroke-width": 2
 		})], 10, J), s(l) ? (r(), y("div", {
 			key: 0,
 			id: "tpl-emoji-picker",
 			ref_key: "pickerRef",
-			ref: w,
+			ref: C,
 			role: "dialog",
 			"aria-modal": "false",
 			"aria-label": s(x).paragraphEditor.insertEmoji,
@@ -52,9 +52,9 @@ var J = [
 		}, [p("div", ae, d(s(x).emoji[e.key]), 1), p("div", oe, [(r(!0), y(u, null, n(e.emojis, (e) => (r(), y("button", {
 			key: e,
 			type: "button",
-			"aria-label": s(C)(s(x).paragraphEditor.emojiItemLabel, { emoji: e }),
+			"aria-label": s(S)(s(x).paragraphEditor.emojiItemLabel, { emoji: e }),
 			class: "tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border-none tpl:bg-transparent tpl:text-base tpl:transition-all tpl:duration-100 tpl:hover:scale-125 tpl:hover:bg-[var(--tpl-bg-active)]",
-			onClick: (t) => E(e)
+			onClick: (t) => D(e)
 		}, d(e), 9, se))), 128))])]))), 128))], 40, Y)) : a("", !0)], 512));
 	}
 }), le = [
@@ -89,7 +89,7 @@ var J = [
 function fe(e, t) {
 	return r(), y("span", de);
 }
-var Z = /* @__PURE__ */ T(ue, [["render", fe]]), pe = [
+var Z = /* @__PURE__ */ O(ue, [["render", fe]]), pe = [
 	"value",
 	"aria-label",
 	"title"
@@ -146,26 +146,26 @@ var Z = /* @__PURE__ */ T(ue, [["render", fe]]), pe = [
 	},
 	emits: ["open-link-dialog", "add-merge-tag"],
 	setup(e, { emit: n }) {
-		let i = e, c = n, m = t(E, null), g = t(A, null), _ = M(j, "ParagraphToolbar"), { t: v } = S(), x = _.fonts;
-		function w(e) {
+		let i = e, c = n, m = t(D, null), g = t(j, null), _ = E(ee, "ParagraphToolbar"), { t: v } = w(), x = _.fonts;
+		function C(e) {
 			i.editor?.chain().focus().insertContent(e).run();
 		}
 		function T(e) {
 			return i.editor?.getAttributes("textStyle")[e] || "";
 		}
-		function D(e) {
+		function O(e) {
 			let t = i.editor?.chain().focus();
 			e ? t?.setFontFamily(e).run() : t?.unsetFontFamily().run();
 		}
-		function O(e) {
+		function k(e) {
 			let t = i.editor?.chain().focus();
 			e ? t?.setFontSize(e).run() : t?.unsetFontSize().run();
 		}
-		function k(e) {
+		function A(e) {
 			let t = i.editor?.chain().focus();
 			e ? t?.setColor(e).run() : t?.unsetColor().run();
 		}
-		function H() {
+		function F() {
 			return i.editor?.getAttributes("paragraph").lineHeight || "";
 		}
 		function K(e) {
@@ -202,7 +202,7 @@ var Z = /* @__PURE__ */ T(ue, [["render", fe]]), pe = [
 				label: s(v).paragraphEditor.fontFamily,
 				placeholder: s(v).paragraphEditor.defaultFont,
 				"width-class": "tpl:w-32",
-				"onUpdate:modelValue": D
+				"onUpdate:modelValue": O
 			}, null, 8, [
 				"model-value",
 				"options",
@@ -215,7 +215,7 @@ var Z = /* @__PURE__ */ T(ue, [["render", fe]]), pe = [
 				label: s(v).paragraphEditor.fontSize,
 				placeholder: s(v).paragraphEditor.defaultSize,
 				"width-class": "tpl:w-20",
-				"onUpdate:modelValue": O
+				"onUpdate:modelValue": k
 			}, null, 8, [
 				"model-value",
 				"options",
@@ -229,7 +229,7 @@ var Z = /* @__PURE__ */ T(ue, [["render", fe]]), pe = [
 				value: T("color") || s("#000000"),
 				"aria-label": s(v).paragraphEditor.textColor,
 				title: s(v).paragraphEditor.textColor,
-				onInput: n[0] ||= (e) => k(e.target.value)
+				onInput: n[0] ||= (e) => A(e.target.value)
 			}, null, 40, ye)]),
 			p("div", be, [p("input", {
 				type: "color",
@@ -242,7 +242,7 @@ var Z = /* @__PURE__ */ T(ue, [["render", fe]]), pe = [
 			}, null, 44, $)]),
 			b(Z),
 			b(X, {
-				icon: s(ie),
+				icon: s(L),
 				label: s(v).paragraphEditor.bold,
 				active: e.editor.isActive("bold"),
 				"stroke-width": 2.5,
@@ -253,7 +253,7 @@ var Z = /* @__PURE__ */ T(ue, [["render", fe]]), pe = [
 				"active"
 			]),
 			b(X, {
-				icon: s(ee),
+				icon: s(M),
 				label: s(v).paragraphEditor.italic,
 				active: e.editor.isActive("italic"),
 				onClick: n[3] ||= (t) => e.editor.chain().focus().toggleItalic().run()
@@ -263,7 +263,7 @@ var Z = /* @__PURE__ */ T(ue, [["render", fe]]), pe = [
 				"active"
 			]),
 			b(X, {
-				icon: s(ne),
+				icon: s(ie),
 				label: s(v).paragraphEditor.underline,
 				active: e.editor.isActive("underline"),
 				onClick: n[4] ||= (t) => e.editor.chain().focus().toggleUnderline().run()
@@ -273,7 +273,7 @@ var Z = /* @__PURE__ */ T(ue, [["render", fe]]), pe = [
 				"active"
 			]),
 			b(X, {
-				icon: s(I),
+				icon: s(R),
 				label: s(v).paragraphEditor.strikethrough,
 				active: e.editor.isActive("strike"),
 				onClick: n[5] ||= (t) => e.editor.chain().focus().toggleStrike().run()
@@ -284,7 +284,7 @@ var Z = /* @__PURE__ */ T(ue, [["render", fe]]), pe = [
 			]),
 			b(Z),
 			b(X, {
-				icon: s(R),
+				icon: s(z),
 				label: s(v).paragraphEditor.subscript,
 				active: e.editor.isActive("subscript"),
 				onClick: n[6] ||= (t) => e.editor.chain().focus().toggleSubscript().run()
@@ -294,7 +294,7 @@ var Z = /* @__PURE__ */ T(ue, [["render", fe]]), pe = [
 				"active"
 			]),
 			b(X, {
-				icon: s(F),
+				icon: s(V),
 				label: s(v).paragraphEditor.superscript,
 				active: e.editor.isActive("superscript"),
 				onClick: n[7] ||= (t) => e.editor.chain().focus().toggleSuperscript().run()
@@ -305,7 +305,7 @@ var Z = /* @__PURE__ */ T(ue, [["render", fe]]), pe = [
 			]),
 			b(Z),
 			b(X, {
-				icon: s(te),
+				icon: s(ne),
 				label: s(v).paragraphEditor.addLink,
 				active: e.editor.isActive("link"),
 				onClick: n[8] ||= (e) => c("open-link-dialog")
@@ -316,7 +316,7 @@ var Z = /* @__PURE__ */ T(ue, [["render", fe]]), pe = [
 			])
 		]), p("div", xe, [
 			b(X, {
-				icon: s(z),
+				icon: s(N),
 				label: s(v).paragraphEditor.bulletList,
 				active: e.editor.isActive("bulletList"),
 				onClick: n[9] ||= (t) => e.editor.chain().focus().toggleBulletList().run()
@@ -326,7 +326,7 @@ var Z = /* @__PURE__ */ T(ue, [["render", fe]]), pe = [
 				"active"
 			]),
 			b(X, {
-				icon: s(P),
+				icon: s(re),
 				label: s(v).paragraphEditor.numberedList,
 				active: e.editor.isActive("orderedList"),
 				onClick: n[10] ||= (t) => e.editor.chain().focus().toggleOrderedList().run()
@@ -337,7 +337,7 @@ var Z = /* @__PURE__ */ T(ue, [["render", fe]]), pe = [
 			]),
 			b(Z),
 			b(X, {
-				icon: s(re),
+				icon: s(B),
 				label: s(v).paragraphEditor.alignLeft,
 				active: e.editor.isActive({ textAlign: "left" }),
 				onClick: n[11] ||= (t) => e.editor.chain().focus().setTextAlign("left").run()
@@ -347,7 +347,7 @@ var Z = /* @__PURE__ */ T(ue, [["render", fe]]), pe = [
 				"active"
 			]),
 			b(X, {
-				icon: s(B),
+				icon: s(I),
 				label: s(v).paragraphEditor.alignCenter,
 				active: e.editor.isActive({ textAlign: "center" }),
 				onClick: n[12] ||= (t) => e.editor.chain().focus().setTextAlign("center").run()
@@ -357,7 +357,7 @@ var Z = /* @__PURE__ */ T(ue, [["render", fe]]), pe = [
 				"active"
 			]),
 			b(X, {
-				icon: s(L),
+				icon: s(H),
 				label: s(v).paragraphEditor.alignRight,
 				active: e.editor.isActive({ textAlign: "right" }),
 				onClick: n[13] ||= (t) => e.editor.chain().focus().setTextAlign("right").run()
@@ -368,7 +368,7 @@ var Z = /* @__PURE__ */ T(ue, [["render", fe]]), pe = [
 			]),
 			b(Z),
 			b(Q, {
-				"model-value": H(),
+				"model-value": F(),
 				options: s(G),
 				label: s(v).paragraphEditor.lineHeight,
 				placeholder: "LH",
@@ -393,23 +393,23 @@ var Z = /* @__PURE__ */ T(ue, [["render", fe]]), pe = [
 			]),
 			b(Z),
 			b(X, {
-				icon: s(N),
+				icon: s(P),
 				label: s(v).paragraphEditor.clearFormatting,
 				onClick: n[14] ||= (t) => e.editor.chain().focus().clearNodes().unsetAllMarks().run()
 			}, null, 8, ["icon", "label"]),
 			b(Z),
-			b(ce, { onInsert: w }),
+			b(ce, { onInsert: C }),
 			e.canRequestMergeTag ? (r(), y(u, { key: 0 }, [b(Z), p("button", {
 				type: "button",
 				class: "tpl:flex tpl:h-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-2.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-active)]",
 				"aria-label": s(v).mergeTag.add,
 				title: s(v).mergeTag.add,
 				onClick: n[15] ||= (e) => c("add-merge-tag")
-			}, [b(s(V), {
+			}, [b(s(te), {
 				size: 16,
 				"stroke-width": 2
 			}), o(" " + d(s(v).mergeTag.add), 1)], 8, Se)], 64)) : a("", !0)
-		])], 64)) : (r(), y("div", Ce, [b(s(C), {
+		])], 64)) : (r(), y("div", Ce, [b(s(S), {
 			class: "tpl-spinner",
 			size: 14,
 			"stroke-width": 2
@@ -423,25 +423,25 @@ var Z = /* @__PURE__ */ T(ue, [["render", fe]]), pe = [
 	},
 	emits: ["done"],
 	setup(e, { emit: t }) {
-		let n = e, a = t, { editor: o, EditorContent: c, isLoading: l, initError: u, retry: d, showLinkDialog: f, linkUrl: p, linkDialogRef: m, canRequestMergeTag: h, openLinkDialog: g, insertLink: _, removeLink: v, closeLinkDialog: x, handleLinkKeydown: S, handleAddMergeTag: C } = w({
+		let n = e, a = t, { editor: o, EditorContent: c, isLoading: l, initError: u, retry: d, showLinkDialog: f, linkUrl: p, linkDialogRef: m, canRequestMergeTag: h, openLinkDialog: g, insertLink: _, removeLink: v, closeLinkDialog: x, handleLinkKeydown: S, handleAddMergeTag: w } = C({
 			blockId: () => n.block.id,
 			blockContent: () => n.block.content,
 			onDone: () => a("done"),
 			editorName: "ParagraphEditor",
 			async loadExtensions({ mergeTags: e, syntax: t, triggerChar: n, autocompleteEnabled: r, suggestionEmptyText: i }) {
 				let [{ Editor: a, EditorContent: o }, { default: s }, { default: c }, { default: l }, { default: u }, { default: d }, { default: f }, { TextStyle: p }, { default: m }, { default: h }, { default: g }, { MergeTagNode: _, MergeTagSuggestion: v, LogicMergeTagNode: y, FontSize: b, LineHeight: x, LetterSpacing: S }] = await Promise.all([
-					import("./tiptap-D8whBv5F.js").then((e) => e.i),
-					import("./tiptap-D8whBv5F.js").then((e) => e.a),
-					import("./tiptap-D8whBv5F.js").then((e) => e.u),
-					import("./tiptap-D8whBv5F.js").then((e) => e.o),
-					import("./tiptap-D8whBv5F.js").then((e) => e.l),
-					import("./tiptap-D8whBv5F.js").then((e) => e.c),
-					import("./tiptap-D8whBv5F.js").then((e) => e.s),
-					import("./tiptap-D8whBv5F.js").then((e) => e.m),
-					import("./tiptap-D8whBv5F.js").then((e) => e.p),
-					import("./tiptap-D8whBv5F.js").then((e) => e.f),
-					import("./tiptap-D8whBv5F.js").then((e) => e.d),
-					import("./extensions-B0eT-yjf.js")
+					import("./tiptap-qXOh0vzV.js").then((e) => e.i),
+					import("./tiptap-qXOh0vzV.js").then((e) => e.a),
+					import("./tiptap-qXOh0vzV.js").then((e) => e.u),
+					import("./tiptap-qXOh0vzV.js").then((e) => e.o),
+					import("./tiptap-qXOh0vzV.js").then((e) => e.l),
+					import("./tiptap-qXOh0vzV.js").then((e) => e.c),
+					import("./tiptap-qXOh0vzV.js").then((e) => e.s),
+					import("./tiptap-qXOh0vzV.js").then((e) => e.m),
+					import("./tiptap-qXOh0vzV.js").then((e) => e.p),
+					import("./tiptap-qXOh0vzV.js").then((e) => e.f),
+					import("./tiptap-qXOh0vzV.js").then((e) => e.d),
+					import("./extensions-BbFKsjyT.js")
 				]);
 				return {
 					TiptapEditor: a,
@@ -492,7 +492,7 @@ var Z = /* @__PURE__ */ T(ue, [["render", fe]]), pe = [
 				"is-loading": s(l),
 				"can-request-merge-tag": s(h),
 				onOpenLinkDialog: s(g),
-				onAddMergeTag: s(C)
+				onAddMergeTag: s(w)
 			}, null, 8, [
 				"editor",
 				"toolbar-position",
@@ -541,4 +541,4 @@ var Z = /* @__PURE__ */ T(ue, [["render", fe]]), pe = [
 //#endregion
 export { Ee as default };
 
-//# sourceMappingURL=ParagraphEditor-1XJOpiLX.js.map
+//# sourceMappingURL=ParagraphEditor-ZV5SYYw8.js.map