@zipify/wysiwyg 4.11.0-4 → 4.11.1

package/dist/wysiwyg.mjs

@@ -19265,24 +19265,19 @@ const DeviceList = [
   "desktop"
   /* DESKTOP */
 ];
-const Devices = {
-  ...Device,
-  values: DeviceList
-};
-var CaseStyle$1 = /* @__PURE__ */ ((CaseStyle2) => {
+var CaseStyle = /* @__PURE__ */ ((CaseStyle2) => {
   CaseStyle2["UPPERCASE"] = "uppercase";
   CaseStyle2["LOWERCASE"] = "lowercase";
   CaseStyle2["CAPITALIZE"] = "capitalize";
   return CaseStyle2;
-})(CaseStyle$1 || {});
-const CaseStyles = CaseStyle$1;
-var Alignment$1 = /* @__PURE__ */ ((Alignment2) => {
+})(CaseStyle || {});
+var Alignment = /* @__PURE__ */ ((Alignment2) => {
   Alignment2["LEFT"] = "left";
   Alignment2["CENTER"] = "center";
   Alignment2["RIGHT"] = "right";
   Alignment2["JUSTIFY"] = "justify";
   return Alignment2;
-})(Alignment$1 || {});
+})(Alignment || {});
 const AlignmentList = [
   "left",
   "center",
@@ -19290,10 +19285,6 @@ const AlignmentList = [
   "justify"
   /* JUSTIFY */
 ];
-const Alignments = {
-  ...Alignment$1,
-  values: AlignmentList
-};
 var NodeType3 = /* @__PURE__ */ ((NodeType22) => {
   NodeType22["DOCUMENT"] = "doc";
   NodeType22["PARAGRAPH"] = "paragraph";
@@ -19309,10 +19300,6 @@ const NodeBlockTypeList = [
   "heading"
   /* HEADING */
 ];
-const NodeTypes = Object.freeze({
-  ...NodeType3,
-  blocks: NodeBlockTypeList
-});
 var ListType = /* @__PURE__ */ ((ListType2) => {
   ListType2["DISC"] = "disc";
   ListType2["CIRCLE"] = "circle";
@@ -19337,11 +19324,6 @@ const ListOrderedTypeList = [
   "latin"
   /* LATIN */
 ];
-const ListTypes = {
-  ...ListType,
-  values: ListTypeList,
-  ordered: ListOrderedTypeList
-};
 var TextSetting = /* @__PURE__ */ ((TextSetting2) => {
   TextSetting2["ALIGNMENT"] = "alignment";
   TextSetting2["BACKGROUND_COLOR"] = "background_color";
@@ -19386,31 +19368,21 @@ const TextBlockMarkList = [
   "superscript"
   /* SUPERSCRIPT */
 ];
-const TextSettings = {
-  ...TextSetting,
-  attributes: TextAttributeSettingList,
-  presetAttributes: TextPresetAttributeSettingList,
-  inlineMarks: TextInlineMarkList,
-  marks: TextBlockMarkList
-};
 var MarkGroup = /* @__PURE__ */ ((MarkGroup2) => {
   MarkGroup2["SETTINGS"] = "settings";
   MarkGroup2["ALL"] = "_";
   return MarkGroup2;
 })(MarkGroup || {});
-const MarkGroups = MarkGroup;
 var LinkTarget = /* @__PURE__ */ ((LinkTarget2) => {
   LinkTarget2["BLANK"] = "_blank";
   LinkTarget2["SELF"] = "_self";
   return LinkTarget2;
 })(LinkTarget || {});
-const LinkTargets = LinkTarget;
 var LinkDestination = /* @__PURE__ */ ((LinkDestination2) => {
   LinkDestination2["URL"] = "url";
   LinkDestination2["BLOCK"] = "block";
   return LinkDestination2;
 })(LinkDestination || {});
-const LinkDestinations = LinkDestination;
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -20118,7 +20090,7 @@ class PastePlugin extends ProseMirrorPlugin {
     let from2 = selection.from;
     let to = selection.to;
     doc2.nodesBetween(from2, to, (node, position, parent) => {
-      if (parent.type.name !== NodeTypes.DOCUMENT) return;
+      if (parent.type.name !== NodeType3.DOCUMENT) return;
       from2 = Math.min(from2, position + 1);
       to = Math.max(to, position + node.nodeSize - 1);
     });
@@ -21320,9 +21292,9 @@ class PasteLinkPlugin extends ProseMirrorPlugin {
   }
   _createLinkAttrs(text, nodes) {
     const pastingLink = NodeSelector.query(nodes, {
-      typeName: NodeTypes.TEXT,
-      mark: { typeName: TextSettings.LINK },
-      getMark: { typeName: TextSettings.LINK }
+      typeName: NodeType3.TEXT,
+      mark: { typeName: TextSetting.LINK },
+      getMark: { typeName: TextSetting.LINK }
     });
     return (pastingLink == null ? void 0 : pastingLink.attrs) || { href: text };
   }
@@ -21372,12 +21344,12 @@ function convertLineHeight(value, sourceEl, wrapperEl) {
   return fontSize ? (parseInt(value) / fontSize).toFixed(2) : null;
 }
 const MAPPING = {
-  start: Alignments.LEFT,
-  end: Alignments.RIGHT
+  start: Alignment.LEFT,
+  end: Alignment.RIGHT
 };
 function convertAlignment(alignment) {
   const mapped = MAPPING[alignment] || alignment;
-  return Alignments.values.includes(mapped) ? mapped : null;
+  return AlignmentList.includes(mapped) ? mapped : null;
 }
 const __vite_glob_0_0 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" fill-rule="evenodd" d="M23 7H5v2h18V7Zm-3 4H8v2h12v-2Zm3 4H5v2h18v-2ZM8 19h12v2H8v-2Z" clip-rule="evenodd"/>\n</svg>\n';
 const __vite_glob_0_1 = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="width:var(--zw-icon-width);height:var(--zw-icon-height)" viewBox="0 0 28 28">\n    <path fill="var(--zw-icon-foreground)" fill-rule="evenodd" d="M23 7H5v2h18V7Zm0 4H5v2h18v-2Zm0 4H5v2h18v-2ZM5 19h18v2H5v-2Z" clip-rule="evenodd"/>\n</svg>\n';
@@ -23183,30 +23155,30 @@ const NodeProcessor = Extension.create({
         const { doc: doc2, tr: tr2 } = state;
         const { from: from2, to } = tr2.selection;
         doc2.nodesBetween(from2, to, (node, position) => {
-          if (!NodeTypes.blocks.includes(node.type.name)) return;
+          if (!NodeBlockTypeList.includes(node.type.name)) return;
           tr2.setNodeAttribute(position, name, { ...defaults2, ...current, ...attrs });
         });
       }),
       getBlockAttributes: createCommand(({ editor }, name, defaults2) => computed(() => {
         var _a;
         let attrs = Object.assign({}, defaults2 || {});
-        for (const type of NodeTypes.blocks) {
+        for (const type of NodeBlockTypeList) {
           Object.assign(attrs, ((_a = editor.getAttributes(type)) == null ? void 0 : _a[name]) || {});
         }
         return Object.keys(attrs).length ? attrs : null;
       })),
       removeBlockAttributes: createCommand(({ commands: commands2 }, names) => {
-        for (const type of NodeTypes.blocks) {
+        for (const type of NodeBlockTypeList) {
           commands2.resetAttributes(type, names);
         }
       }),
       applyMark: createCommand(({ state, commands: commands2 }, name, value, customizer = {}) => {
         const { tr: tr2, doc: doc2, schema } = state;
         const { $from, $to } = tr2.selection;
-        const linkMarkType = getMarkType(TextSettings.LINK, schema);
+        const linkMarkType = getMarkType(TextSetting.LINK, schema);
         const markType = getMarkType(name, schema);
         const markGroup = markType.spec.group || "";
-        if (!markGroup.includes(MarkGroups.SETTINGS)) {
+        if (!markGroup.includes(MarkGroup.SETTINGS)) {
           return commands2.setMark(name, value);
         }
         if ($from.pos === $to.pos) return;
@@ -23217,7 +23189,7 @@ const NodeProcessor = Extension.create({
           }
         };
         doc2.nodesBetween($from.pos, $to.pos, (node, position) => {
-          if (node.type.name === NodeTypes.LIST) return;
+          if (node.type.name === NodeType3.LIST) return;
           const initialMark = findMarkByType(node.marks, name);
           const applyingMark = markType.create({ ...(initialMark == null ? void 0 : initialMark.attrs) || {}, ...value });
           const textPosition = resolveTextPosition($from, $to, node, position);
@@ -23391,7 +23363,7 @@ class SetDocAttr extends Step {
 }
 Step.jsonID("setDocAttr", SetDocAttr);
 const Document = Document$1.extend({
-  marks: MarkGroups.SETTINGS,
+  marks: MarkGroup.SETTINGS,
   addAttributes: () => ({
     meta: { default: {} }
   }),
@@ -23440,7 +23412,7 @@ const Paragraph$1 = Node$1.create({
   }
 });
 const Paragraph = Paragraph$1.extend({
-  marks: MarkGroups.ALL,
+  marks: MarkGroup.ALL,
   addOptions: () => ({
     HTMLAttributes: { class: "zw-style" }
   })
@@ -23512,7 +23484,7 @@ const Heading$1 = Node$1.create({
   }
 });
 const Heading = Heading$1.extend({
-  marks: MarkGroups.ALL,
+  marks: MarkGroup.ALL,
   addOptions: () => ({
     levels: [1, 2, 3, 4],
     HTMLAttributes: { class: "zw-style" }
@@ -23539,8 +23511,8 @@ const buildCoreExtensions = () => [
   ProseMirrorPlugins
 ];
 const FontFamily = Mark2.create({
-  name: TextSettings.FONT_FAMILY,
-  group: MarkGroups.SETTINGS,
+  name: TextSetting.FONT_FAMILY,
+  group: MarkGroup.SETTINGS,
   addOptions: () => ({
     fonts: []
   }),
@@ -23557,7 +23529,7 @@ const FontFamily = Mark2.create({
           fontWeight = font.findClosestWeight(fontWeight);
           commands2.applyFontWeight(fontWeight);
         }
-        const isItalicCustomized = commands2.isSettingCustomized(TextSettings.FONT_STYLE).value;
+        const isItalicCustomized = commands2.isSettingCustomized(TextSetting.FONT_STYLE).value;
         if (!font.isItalicSupported(fontWeight) && isItalicCustomized) {
           commands2.removeItalic();
         }
@@ -23599,11 +23571,11 @@ const FontFamily = Mark2.create({
   }
 });
 const StylePreset = Extension.create({
-  name: TextSettings.STYLE_PRESET,
+  name: TextSetting.STYLE_PRESET,
   addGlobalAttributes() {
     return [
       {
-        types: [NodeTypes.PARAGRAPH, NodeTypes.HEADING],
+        types: [NodeType3.PARAGRAPH, NodeType3.HEADING],
         attributes: {
           preset: {
             isRequired: false,
@@ -23670,14 +23642,14 @@ const StylePreset = Extension.create({
         var _a;
         const presets = unref(commands2.getPresetList());
         const preset = findPresetById(presets, presetId);
-        const nodeType = ((_a = preset.node) == null ? void 0 : _a.type) ?? NodeTypes.PARAGRAPH;
+        const nodeType = ((_a = preset.node) == null ? void 0 : _a.type) ?? NodeType3.PARAGRAPH;
         const attrs = {
           preset: { id: presetId }
         };
         if (preset.node) {
           attrs.level = preset.node.level;
         }
-        for (const textAttribute of TextSettings.attributes) {
+        for (const textAttribute of TextAttributeSettingList) {
           attrs[textAttribute] = unref(commands2.getBlockAttributes(textAttribute));
         }
         chain().removeList().setNode(nodeType, attrs).run();
@@ -23686,7 +23658,7 @@ const StylePreset = Extension.create({
         commands2.applyPreset(unref(this.options.defaultId));
       }),
       removePreset: createCommand(({ commands: commands2 }) => {
-        commands2.setNode(NodeTypes.PARAGRAPH, { preset: null });
+        commands2.setNode(NodeType3.PARAGRAPH, { preset: null });
       }),
       getPresetCustomization: createCommand(({ editor, commands: commands2 }) => {
         const state = toRef(editor, "state");
@@ -23698,7 +23670,7 @@ const StylePreset = Extension.create({
       }),
       isSettingCustomized: createCommand(({ commands: commands2 }, name) => {
         const customization = commands2.getPresetCustomization();
-        const group = TextSettings.presetAttributes.includes(name) ? "attributes" : "marks";
+        const group = TextPresetAttributeSettingList.includes(name) ? "attributes" : "marks";
         return computed(() => {
           var _a;
           return ((_a = unref(customization)[group]) == null ? void 0 : _a.includes(name)) ?? false;
@@ -23716,11 +23688,11 @@ const StylePreset = Extension.create({
         const attributes = /* @__PURE__ */ new Set();
         doc2.nodesBetween(from2, to, (node) => {
           for (const [name, value] of Object.entries(node.attrs)) {
-            const isSetting = TextSettings.presetAttributes.includes(name);
+            const isSetting = TextPresetAttributeSettingList.includes(name);
             if (isSetting && value) attributes.add(name);
           }
           for (const { type } of node.marks) {
-            if (TextSettings.marks.includes(type.name)) {
+            if (TextBlockMarkList.includes(type.name)) {
               marks.add(type.name);
             }
           }
@@ -23731,7 +23703,7 @@ const StylePreset = Extension.create({
         };
       }),
       removePresetCustomization: createCommand(({ chain }) => {
-        chain().storeSelection().expandSelectionToBlock().removeMarks(TextSettings.marks).resetAttributes(NodeTypes.PARAGRAPH, TextSettings.presetAttributes).resetAttributes(NodeTypes.HEADING, TextSettings.presetAttributes).restoreSelection().run();
+        chain().storeSelection().expandSelectionToBlock().removeMarks(TextBlockMarkList).resetAttributes(NodeType3.PARAGRAPH, TextPresetAttributeSettingList).resetAttributes(NodeType3.HEADING, TextPresetAttributeSettingList).restoreSelection().run();
       }),
       removeFormat: createCommand(({ chain }) => {
         chain().storeSelection().expandSelectionToBlock().removeAllMarks().applyDefaultPreset().restoreSelection().run();
@@ -23743,8 +23715,8 @@ const StylePreset = Extension.create({
   }
 });
 const FontWeight = Mark2.create({
-  name: TextSettings.FONT_WEIGHT,
-  group: MarkGroups.SETTINGS,
+  name: TextSetting.FONT_WEIGHT,
+  group: MarkGroup.SETTINGS,
   addAttributes: () => ({
     value: { required: true }
   }),
@@ -23813,8 +23785,8 @@ const FontWeight = Mark2.create({
   }
 });
 const FontSize = Mark2.create({
-  name: TextSettings.FONT_SIZE,
-  group: MarkGroups.SETTINGS,
+  name: TextSetting.FONT_SIZE,
+  group: MarkGroup.SETTINGS,
   addOptions: () => ({
     minSize: 1,
     maxSize: 100
@@ -23907,8 +23879,8 @@ const FontSize = Mark2.create({
   }
 });
 const FontColor = Mark2.create({
-  name: TextSettings.FONT_COLOR,
-  group: MarkGroups.SETTINGS,
+  name: TextSetting.FONT_COLOR,
+  group: MarkGroup.SETTINGS,
   addAttributes: () => ({
     value: { required: true }
   }),
@@ -23944,7 +23916,7 @@ const FontColor = Mark2.create({
   }
 });
 const BackgroundColor = Mark2.create({
-  name: TextSettings.BACKGROUND_COLOR,
+  name: TextSetting.BACKGROUND_COLOR,
   addAttributes: () => ({
     value: { required: true }
   }),
@@ -23984,8 +23956,8 @@ const DeviceManager = Extension.create({
   }
 });
 const FontStyle = Mark2.create({
-  name: TextSettings.FONT_STYLE,
-  group: MarkGroups.SETTINGS,
+  name: TextSetting.FONT_STYLE,
+  group: MarkGroup.SETTINGS,
   addAttributes: () => ({
     italic: { required: true }
   }),
@@ -24054,7 +24026,7 @@ const FontStyle = Mark2.create({
   }
 });
 const TextDecoration = Mark2.create({
-  name: TextSettings.TEXT_DECORATION,
+  name: TextSetting.TEXT_DECORATION,
   priority: 1e3,
   addAttributes: () => ({
     underline: { default: false },
@@ -24166,17 +24138,17 @@ const TextDecoration = Mark2.create({
     return renderMark({ text_decoration: decorations.join(" ") });
   }
 });
-const CaseStyle = Extension.create({
+const CaseStyleExtension = Extension.create({
   name: "case_style",
   addCommands() {
     return {
       applyCaseStyle: createCommand(({ commands: commands2 }, value) => {
         switch (value) {
-          case CaseStyles.CAPITALIZE:
+          case CaseStyle.CAPITALIZE:
             return commands2.applyCapitalize();
-          case CaseStyles.LOWERCASE:
+          case CaseStyle.LOWERCASE:
             return commands2.applyLowerCase();
-          case CaseStyles.UPPERCASE:
+          case CaseStyle.UPPERCASE:
             return commands2.applyUpperCase();
         }
       }),
@@ -24197,13 +24169,13 @@ const DEFAULTS$1 = {
   tablet: null,
   desktop: null
 };
-const Alignment = Extension.create({
-  name: TextSettings.ALIGNMENT,
+const AlignmentExtension = Extension.create({
+  name: TextSetting.ALIGNMENT,
   addGlobalAttributes: () => [
     {
-      types: [NodeTypes.PARAGRAPH, NodeTypes.HEADING],
+      types: [NodeType3.PARAGRAPH, NodeType3.HEADING],
       attributes: {
-        [TextSettings.ALIGNMENT]: {
+        [TextSetting.ALIGNMENT]: {
           isRequired: false,
           parseHTML({ style: style2 }) {
             const textAlign = convertAlignment(style2.textAlign);
@@ -24247,15 +24219,15 @@ const Alignment = Extension.create({
       getDefaultAlignment: createCommand(({ commands: commands2 }) => {
         const device = commands2.getDevice();
         const preset = commands2.getPreset();
-        return computed(() => unref(preset)[unref(device)].alignment ?? Alignments.LEFT);
+        return computed(() => unref(preset)[unref(device)].alignment ?? Alignment.LEFT);
       })
     };
   },
   addKeyboardShortcuts: () => ({
-    "Mod-Shift-l": createKeyboardShortcut("applyAlignment", Alignments.LEFT),
-    "Mod-Shift-e": createKeyboardShortcut("applyAlignment", Alignments.CENTER),
-    "Mod-Shift-r": createKeyboardShortcut("applyAlignment", Alignments.RIGHT),
-    "Mod-Shift-j": createKeyboardShortcut("applyAlignment", Alignments.JUSTIFY)
+    "Mod-Shift-l": createKeyboardShortcut("applyAlignment", Alignment.LEFT),
+    "Mod-Shift-e": createKeyboardShortcut("applyAlignment", Alignment.CENTER),
+    "Mod-Shift-r": createKeyboardShortcut("applyAlignment", Alignment.RIGHT),
+    "Mod-Shift-j": createKeyboardShortcut("applyAlignment", Alignment.JUSTIFY)
   })
 });
 const DEFAULTS = {
@@ -24264,13 +24236,13 @@ const DEFAULTS = {
   desktop: null
 };
 const LineHeight = Extension.create({
-  name: TextSettings.LINE_HEIGHT,
+  name: TextSetting.LINE_HEIGHT,
   addGlobalAttributes() {
     return [
       {
-        types: [NodeTypes.PARAGRAPH, NodeTypes.HEADING],
+        types: [NodeType3.PARAGRAPH, NodeType3.HEADING],
         attributes: {
-          [TextSettings.LINE_HEIGHT]: {
+          [TextSetting.LINE_HEIGHT]: {
             isRequired: false,
             parseHTML: (element) => {
               if (element.matches('[style*="--zw-line-height"]')) {
@@ -24351,8 +24323,8 @@ const ListItem$1 = Node$1.create({
   }
 });
 const ListItem = ListItem$1.extend({
-  name: NodeTypes.LIST_ITEM,
-  marks: MarkGroups.SETTINGS,
+  name: NodeType3.LIST_ITEM,
+  marks: MarkGroup.SETTINGS,
   addCommands() {
     const getItemPosition = ({ selection }) => selection.$cursor.before(selection.$cursor.depth - 1);
     return {
@@ -24378,7 +24350,7 @@ const ListItem = ListItem$1.extend({
       const { state, commands: commands2 } = context.editor;
       const isListSelected = (_a = state.selection.$cursor) == null ? void 0 : _a.path.some((node) => {
         var _a2;
-        return ((_a2 = node.type) == null ? void 0 : _a2.name) === NodeTypes.LIST;
+        return ((_a2 = node.type) == null ? void 0 : _a2.name) === NodeType3.LIST;
       });
       if (isListSelected) return commands2.listItemNewline();
     }
@@ -24862,7 +24834,7 @@ const Link$1 = Mark2.create({
   }
 });
 const Link = Link$1.extend({
-  name: TextSettings.LINK,
+  name: TextSetting.LINK,
   addOptions() {
     var _a;
     return {
@@ -24882,18 +24854,18 @@ const Link = Link$1.extend({
         }
       },
       target: {
-        default: LinkTargets.SELF,
-        parseHTML: (element) => element.getAttribute("target") || LinkTargets.SELF
+        default: LinkTarget.SELF,
+        parseHTML: (element) => element.getAttribute("target") || LinkTarget.SELF
       },
       destination: {
-        default: LinkDestinations.URL,
+        default: LinkDestination.URL,
         parseHTML: (element) => {
           const href = element.getAttribute("href");
-          if (!href.startsWith("#")) return LinkDestinations.URL;
+          if (!href.startsWith("#")) return LinkDestination.URL;
           const id = href.replace("#", "");
           const blocks = unref(this.options.pageBlocks);
           const block = blocks.find((block2) => block2.id === parseInt(id));
-          return block ? LinkDestinations.BLOCK : LinkDestinations.URL;
+          return block ? LinkDestination.BLOCK : LinkDestination.URL;
         }
       }
     };
@@ -24906,7 +24878,7 @@ const Link = Link$1.extend({
         commands2.setMeta("preventAutolink", true);
         if (!commands2.getSelectedText()) {
           return commands2.insertContent(NodeFactory.text(attributes.text, [
-            NodeFactory.mark(TextSettings.LINK, attributes)
+            NodeFactory.mark(TextSetting.LINK, attributes)
           ]));
         }
         return chain().applyMark(this.name, attributes).expandSelectionToLink().command(({ tr: tr2 }) => {
@@ -24930,14 +24902,14 @@ const Link = Link$1.extend({
     ];
   },
   renderHTML({ HTMLAttributes: attrs }) {
-    const href = attrs.destination === LinkDestinations.BLOCK ? `#${attrs.href}` : attrs.href;
+    const href = attrs.destination === LinkDestination.BLOCK ? `#${attrs.href}` : attrs.href;
     const presetClass = unref(this.options.basePresetClass) + unref(this.options.preset).id;
     const linkAttrs = { href, target: attrs.target, class: `${presetClass} zw-style` };
     return ["a", linkAttrs, 0];
   }
 });
 const Superscript = Mark2.create({
-  name: TextSettings.SUPERSCRIPT,
+  name: TextSetting.SUPERSCRIPT,
   addCommands() {
     return {
       applySuperscript: createCommand(({ commands: commands2 }) => {
@@ -24970,12 +24942,12 @@ const Superscript = Mark2.create({
   }
 });
 const Margin = Extension.create({
-  name: TextSettings.MARGIN,
+  name: TextSetting.MARGIN,
   addGlobalAttributes: () => [
     {
-      types: [NodeTypes.PARAGRAPH, NodeTypes.HEADING],
+      types: [NodeType3.PARAGRAPH, NodeType3.HEADING],
       attributes: {
-        [TextSettings.MARGIN]: {
+        [TextSetting.MARGIN]: {
           isRequired: false,
           parseHTML(el) {
             const { margin, marginTop, marginRight, marginBottom, marginLeft } = el.style;
@@ -25034,9 +25006,9 @@ function buildExtensions(options) {
     BackgroundColor,
     FontStyle,
     TextDecoration,
-    CaseStyle,
+    CaseStyleExtension,
     Superscript,
-    Alignment,
+    AlignmentExtension,
     LineHeight.configure({
       wrapperRef: options.wrapperRef
     }),
@@ -25655,7 +25627,7 @@ class JsonNormalizer extends BaseNormalizer {
   }
   _bubbleMarks(node) {
     if (!node.content) return;
-    if (node.type === NodeTypes.LIST) return;
+    if (node.type === NodeType3.LIST) return;
     for (const child of node.content) {
       if (this._isLink(child)) continue;
       if (!child.marks) continue;
@@ -25672,10 +25644,10 @@ class JsonNormalizer extends BaseNormalizer {
     }
   }
   _canBubbleMark(node, childMark) {
-    if (TextSettings.inlineMarks.includes(childMark.type)) return false;
+    if (TextInlineMarkList.includes(childMark.type)) return false;
     if (this._includesMarkType(node, childMark.type)) return false;
     for (const child of node.content) {
-      if (!child.content && node.type === NodeTypes.LIST_ITEM) continue;
+      if (!child.content && node.type === NodeType3.LIST_ITEM) continue;
       if (!child.marks) return false;
       if (!this._includesMark(child, childMark)) return false;
     }
@@ -25690,7 +25662,7 @@ class JsonNormalizer extends BaseNormalizer {
     return ((_a = node.marks) == null ? void 0 : _a.some((mark) => mark.type === type)) ?? false;
   }
   _isLink(node) {
-    return node.type === NodeTypes.TEXT && this._includesMarkType(node, TextSettings.LINK);
+    return node.type === NodeType3.TEXT && this._includesMarkType(node, TextSetting.LINK);
   }
   _removeMark(node, mark) {
     if (!node.marks) return;
@@ -25763,7 +25735,7 @@ class ContentSerializer {
       makePresetVariable: () => "",
       basePresetClass: config.basePresetClass,
       baseListClass: config.baseListClass,
-      deviceRef: ref(Devices.DESKTOP),
+      deviceRef: ref(Device.DESKTOP),
       pageBlocksRef: ref([]),
       wrapperRef: ContextWindow.document.createElement("p")
     });
@@ -25940,12 +25912,12 @@ class StylePresetRenderer {
       const isLink = preset.id === this._linkPresetId;
       const className = this.makePresetCssClass(preset);
       css += ` ${className} {`;
-      for (const device of Devices.values) {
+      for (const device of DeviceList) {
         for (const setting of Object.keys(preset[device])) {
           const variable = this._makeVariable({ device, preset, property: setting });
           const internalVariable = this._makeInternalVariableName(setting, device);
           css += `${internalVariable}: var(${variable}, inherit);`;
-          if (isLink && !TextSettings.attributes.includes(setting)) {
+          if (isLink && !TextAttributeSettingList.includes(setting)) {
             const overrideVariable = internalVariable.replace("preset-", "");
             css += `${overrideVariable}: var(${internalVariable});`;
           }
@@ -25957,7 +25929,7 @@ class StylePresetRenderer {
   }
   _makeInternalVariableName(setting, device) {
     const property = setting === "color" ? "font-color" : setting.replace(/_/i, "-");
-    const prefix = device === Devices.COMMON ? "" : `-${device}`;
+    const prefix = device === Device.COMMON ? "" : `-${device}`;
     return `--zw-preset-${property}${prefix}`;
   }
   makePresetHtmlClass(preset) {
@@ -28696,7 +28668,7 @@ const _sfc_main$q = {
     const editor = inject(InjectionTokens$1.EDITOR);
     const defaultFontFamily = editor.commands.getDefaultFontFamily();
     const recentFontNames = useRecentFonts({ limit: 5 });
-    const isCustomized = editor.commands.isSettingCustomized(TextSettings.FONT_FAMILY);
+    const isCustomized = editor.commands.isSettingCustomized(TextSetting.FONT_FAMILY);
     const recentFontsCategory = computed(() => ({
       id: "Recently Used",
       options: recentFontNames.fonts.value.map((name) => ({
@@ -28758,7 +28730,7 @@ const _sfc_main$q = {
     };
   }
 };
-const FontFamilyControl = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-3931975f"]]);
+const FontFamilyControl = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-e3657967"]]);
 const _hoisted_1$a = {
   key: 0,
   class: "zw-dropdown__default-option"
@@ -28776,7 +28748,7 @@ const _sfc_main$p = {
       }));
     });
     const currentValue = editor.commands.getFontWeight();
-    const isCustomized = editor.commands.isSettingCustomized(TextSettings.FONT_WEIGHT);
+    const isCustomized = editor.commands.isSettingCustomized(TextSetting.FONT_WEIGHT);
     const apply2 = (value) => editor.chain().focus().applyFontWeight(value).run();
     return (_ctx, _cache) => {
       return withDirectives((openBlock(), createBlock(unref(Dropdown), {
@@ -28807,7 +28779,7 @@ const _sfc_main$p = {
     };
   }
 };
-const FontWeightControl = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-54f744a9"]]);
+const FontWeightControl = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-6c8237c7"]]);
 const _hoisted_1$9 = {
   key: 0,
   class: "zw-dropdown__default-option"
@@ -28826,7 +28798,7 @@ const _sfc_main$o = {
       }));
     });
     const currentValue = editor.commands.getFontSize();
-    const isCustomized = editor.commands.isSettingCustomized(TextSettings.FONT_SIZE);
+    const isCustomized = editor.commands.isSettingCustomized(TextSetting.FONT_SIZE);
     const apply2 = (value) => editor.chain().focus().applyFontSize(value).run();
     return (_ctx, _cache) => {
       return withDirectives((openBlock(), createBlock(unref(Dropdown), {
@@ -28857,7 +28829,7 @@ const _sfc_main$o = {
     };
   }
 };
-const FontSizeControl = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-9452b945"]]);
+const FontSizeControl = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-779fe48e"]]);
 const _hoisted_1$8 = {
   key: 0,
   class: "zw-button__customized-indicator",
@@ -28868,7 +28840,7 @@ const _sfc_main$n = {
   setup(__props) {
     const editor = inject(InjectionTokens$1.EDITOR);
     const currentValue = editor.commands.getFontColor();
-    const isCustomized = editor.commands.isSettingCustomized(TextSettings.FONT_COLOR);
+    const isCustomized = editor.commands.isSettingCustomized(TextSetting.FONT_COLOR);
     const apply2 = (color) => editor.chain().applyFontColor(color).run();
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(_sfc_main$r), {
@@ -28954,7 +28926,7 @@ const _sfc_main$l = {
     const editor = inject(InjectionTokens$1.EDITOR);
     const currentValue = editor.commands.isItalic();
     const isAvailable = editor.commands.isItalicAvailable();
-    const isCustomized = editor.commands.isSettingCustomized(TextSettings.FONT_STYLE);
+    const isCustomized = editor.commands.isSettingCustomized(TextSetting.FONT_STYLE);
     const apply2 = () => editor.chain().focus().toggleItalic().run();
     return (_ctx, _cache) => {
       return withDirectives((openBlock(), createBlock(unref(Button), {
@@ -29087,9 +29059,9 @@ const _sfc_main$h = {
   __name: "CaseStyleControl",
   setup(__props) {
     const styles = [
-      { id: CaseStyles.UPPERCASE, title: "UPPERCASE" },
-      { id: CaseStyles.LOWERCASE, title: "lowercase" },
-      { id: CaseStyles.CAPITALIZE, title: "Capitalize" }
+      { id: CaseStyle.UPPERCASE, title: "UPPERCASE" },
+      { id: CaseStyle.LOWERCASE, title: "lowercase" },
+      { id: CaseStyle.CAPITALIZE, title: "Capitalize" }
     ];
     const editor = inject(InjectionTokens$1.EDITOR);
     const apply2 = (value) => editor.chain().focus().applyCaseStyle(value).run();
@@ -29129,25 +29101,25 @@ const _sfc_main$g = {
     const emit = __emit;
     const alignments = [
       {
-        id: Alignments.LEFT,
+        id: Alignment.LEFT,
         tooltip: { text: "Align Left", hotkey: "Mod Shift L" }
       },
       {
-        id: Alignments.CENTER,
+        id: Alignment.CENTER,
         tooltip: { text: "Align Center", hotkey: "Mod Shift E" }
       },
       {
-        id: Alignments.RIGHT,
+        id: Alignment.RIGHT,
         tooltip: { text: "Align Right", hotkey: "Mod Shift R" }
       },
       {
-        id: Alignments.JUSTIFY,
+        id: Alignment.JUSTIFY,
         tooltip: { text: "Justify", hotkey: "Mod Shift J" }
       }
     ];
     const editor = inject(InjectionTokens$1.EDITOR);
     const currentValue = editor.commands.getAlignment();
-    const isCustomized = editor.commands.isSettingCustomized(TextSettings.ALIGNMENT);
+    const isCustomized = editor.commands.isSettingCustomized(TextSetting.ALIGNMENT);
     function toggle(value) {
       editor.chain().focus().applyAlignment(value).run();
       emit("applied");
@@ -29210,7 +29182,7 @@ const _sfc_main$f = {
     const wrapperRef = ref(null);
     const toggler = useModalToggler();
     const currentValue = editor.commands.getLineHeight();
-    const isCustomized = editor.commands.isSettingCustomized(TextSettings.LINE_HEIGHT);
+    const isCustomized = editor.commands.isSettingCustomized(TextSetting.LINE_HEIGHT);
     const apply2 = (value) => editor.commands.applyLineHeight(String(value));
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
@@ -29285,26 +29257,26 @@ const _sfc_main$f = {
     };
   }
 };
-const LineHeightControl = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-8eb86211"]]);
+const LineHeightControl = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-643242a1"]]);
 const _hoisted_1$4 = { class: "zpa-list-control" };
 const _sfc_main$e = {
   __name: "ListControl",
   setup(__props) {
-    const listTypes = ListTypes.values.map((type) => ({
+    const listTypes = ListTypeList.map((type) => ({
       id: type,
       icon: `list-${type}`
     }));
     const editor = inject(InjectionTokens$1.EDITOR);
     const selectionValue = editor.commands.getListType();
     const currentValue = computed(() => unref(selectionValue) || "none");
-    const recentListType = ref(ListTypes.DISC);
+    const recentListType = ref(ListType.DISC);
     const isCurrentListSelected = computed(() => unref(selectionValue) === recentListType.value);
     const currentIcon = computed(() => `list-${recentListType.value}`);
     const apply2 = (type) => {
       recentListType.value = type;
       editor.chain().focus().applyList(type).run();
     };
-    const toggle = () => apply2(recentListType.value || ListTypes.DISC);
+    const toggle = () => apply2(recentListType.value || ListType.DISC);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$4, [
         withDirectives((openBlock(), createBlock(unref(Button), {
@@ -29370,7 +29342,7 @@ const _sfc_main$e = {
     };
   }
 };
-const ListControl = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-923a86d6"]]);
+const ListControl = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-55962f5e"]]);
 const _sfc_main$d = {
   __name: "RemoveFormatControl",
   setup(__props) {
@@ -29439,18 +29411,18 @@ const LinkControlHeader = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId"
 function useLink() {
   const editor = inject(InjectionTokens$1.EDITOR);
   const pageBlocks = inject(InjectionTokens$1.PAGE_BLOCKS);
-  const linkData = ref({ text: "", target: LinkTargets.SELF, destination: LinkDestinations.URL });
+  const linkData = ref({ text: "", target: LinkTarget.SELF, destination: LinkDestination.URL });
   const destinationHrefs = ref({ block: pageBlocks.value[0].id, url: "" });
-  const currentDestination = ref({ id: LinkDestinations.URL });
+  const currentDestination = ref({ id: LinkDestination.URL });
   function updateTarget(isChecked) {
-    linkData.value.target = isChecked ? LinkTargets.BLANK : LinkTargets.SELF;
+    linkData.value.target = isChecked ? LinkTarget.BLANK : LinkTarget.SELF;
   }
   function prepareInitialFields() {
     editor.commands.expandSelectionToLink();
     linkData.value.text = editor.commands.getSelectedText();
-    const { destination, href, target } = editor.getAttributes(TextSettings.LINK);
-    currentDestination.value.id = destination || LinkDestinations.URL;
-    linkData.value.target = target || LinkTargets.SELF;
+    const { destination, href, target } = editor.getAttributes(TextSetting.LINK);
+    currentDestination.value.id = destination || LinkDestination.URL;
+    linkData.value.target = target || LinkTarget.SELF;
     destinationHrefs.value[currentDestination.value.id] = href || "";
   }
   function resetDestinations() {
@@ -29458,7 +29430,7 @@ function useLink() {
     destinationHrefs.value.url = "";
   }
   function getFormattedHref() {
-    if (currentDestination.value.id === LinkDestinations.URL) {
+    if (currentDestination.value.id === LinkDestination.URL) {
       const url = destinationHrefs.value.url;
       const isTelOrMail = RegExps.TEL_PROTOCOL.test(url) || RegExps.MAILTO_PROTOCOL.test(url);
       if (isTelOrMail) return url;
@@ -29604,16 +29576,18 @@ const _sfc_main$9 = {
     const props = __props;
     const emit = __emit;
     const destinationTypes = [
-      { id: LinkDestinations.URL, title: "URL" },
-      { id: LinkDestinations.BLOCK, title: "Page Section" }
+      { id: LinkDestination.URL, title: "URL" },
+      { id: LinkDestination.BLOCK, title: "Page Section" }
     ];
     const link = toRef(props, "link");
-    const isURLDestination = computed(() => link.value.currentDestination.value.id === LinkDestinations.URL);
-    const isTargetBlank = computed(() => link.value.linkData.value.target === LinkTargets.BLANK);
+    const isURLDestination = computed(() => link.value.currentDestination.value.id === LinkDestination.URL);
+    const isTargetBlank = computed(() => link.value.linkData.value.target === LinkTarget.BLANK);
     const changeDestination = (value) => {
       emit("reset-errors");
       link.value.currentDestination.value.id = value;
-      if (!isURLDestination.value) link.value.target = LinkTargets.SELF;
+      if (!isURLDestination.value) {
+        link.value.target = LinkTarget.SELF;
+      }
       link.value.destinationHrefs.value.url = "";
     };
     const updateLink = (value) => {
@@ -29624,7 +29598,7 @@ const _sfc_main$9 = {
       return openBlock(), createElementBlock("div", null, [
         createVNode(unref(FieldLabel), { class: "zw-margin-bottom--xxs" }, {
           default: withCtx(() => _cache[0] || (_cache[0] = [
-            createTextVNode(" Destination ")
+            createTextVNode(" Click Action ")
           ])),
           _: 1
         }),
@@ -29672,7 +29646,7 @@ const _sfc_main$8 = {
       return link.linkData.value.text ? false : "Can't be empty";
     };
     const isValidUrl = () => {
-      if (link.currentDestination.value.id !== LinkDestinations.URL) return false;
+      if (link.currentDestination.value.id !== LinkDestination.URL) return false;
       const href = link.destinationHrefs.value.url;
       const isTelOrMail = RegExps.TEL_PROTOCOL.test(href) || RegExps.MAILTO_PROTOCOL.test(href);
       if (isTelOrMail) return false;
@@ -29692,7 +29666,7 @@ const _sfc_main$8 = {
     };
     const toggler = useModalToggler({
       onBeforeOpened: () => {
-        editor.commands.extendMarkRange(TextSettings.LINK);
+        editor.commands.extendMarkRange(TextSetting.LINK);
         resetErrors();
         link.prepareInitialFields();
       }
@@ -29794,7 +29768,7 @@ const _sfc_main$8 = {
     };
   }
 };
-const LinkControl = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-5d6cf980"]]);
+const LinkControl = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-ebae331e"]]);
 const _sfc_main$7 = {
   name: "StylePresetOption",
   components: {
@@ -30185,12 +30159,12 @@ const _sfc_main$1 = {
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "7b6bf359": __props.offsets[1]
+      "35f1c9c0": __props.offsets[1]
     }));
     const props = __props;
     const layoutComponent = computed(() => {
       if (props.popupMode) return _sfc_main$3;
-      return props.device === Devices.MOBILE ? _sfc_main$4 : _sfc_main$5;
+      return props.device === Device.MOBILE ? _sfc_main$4 : _sfc_main$5;
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(KeepAlive, null, [
@@ -30217,7 +30191,7 @@ const _sfc_main$1 = {
     };
   }
 };
-const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-e9105a30"]]);
+const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-da0b6f48"]]);
 function useEditor({ content, onChange, extensions, isReadonlyRef }) {
   const editor = reactive(new Editor2({
     content: ContentNormalizer.normalize(content.value),
@@ -30315,7 +30289,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     device: {
       type: String,
       required: false,
-      default: Devices.DESKTOP
+      default: Device.DESKTOP
     },
     favoriteColors: {
       type: Array,
@@ -30437,18 +30411,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 export {
-  Alignment$1 as Alignment,
+  Alignment,
   AlignmentList,
-  Alignments,
   Button,
   ButtonToggle,
-  CaseStyle$1 as CaseStyle,
-  CaseStyles,
+  CaseStyle,
   Checkbox,
   _sfc_main$r as ColorPicker,
   Device,
   DeviceList,
-  Devices,
   Dropdown,
   DropdownOption,
   FieldLabel,
@@ -30456,20 +30427,15 @@ export {
   Icon,
   InjectionTokens$1 as InjectionTokens,
   LinkDestination,
-  LinkDestinations,
   LinkTarget,
-  LinkTargets,
   ListOrderedTypeList,
   ListType,
   ListTypeList,
-  ListTypes,
   MarkGroup,
-  MarkGroups,
   Modal,
   NodeBlockTypeList,
   NodeFactory,
   NodeType3 as NodeType,
-  NodeTypes,
   NumberField,
   Range,
   ScrollView,
@@ -30479,7 +30445,6 @@ export {
   TextInlineMarkList,
   TextPresetAttributeSettingList,
   TextSetting,
-  TextSettings,
   _sfc_main as Wysiwyg,
   isWysiwygContent,
   useElementRef,