@bagelink/vue 0.0.863 → 0.0.869

package/dist/components/Carousel.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.vue.d.ts","sourceRoot":"","sources":["../../src/components/Carousel.vue"],"names":[],"mappings":"AAqYA,iBAAS,IAAI,SAIZ;AAED,iBAAS,IAAI,SAIZ;AAwCD,iBAAS,cAAc;;yBAsEM,GAAG;;;;YACN,GAAG;;;;YACH,GAAG;;;;;WAUf,OAAO,IAA6B;EAEjD;AA6BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAgBnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Carousel.vue.d.ts","sourceRoot":"","sources":["../../src/components/Carousel.vue"],"names":[],"mappings":"AAyYA,iBAAS,IAAI,SAIZ;AAED,iBAAS,IAAI,SAIZ;AAwCD,iBAAS,cAAc;;yBAsEM,GAAG;;;;YACN,GAAG;;;;YACH,GAAG;;;;;WAUf,OAAO,IAA6B;EAEjD;AA6BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAgBnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/form/inputs/RichText2/Toolbar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/inputs/RichText2/Toolbar.vue"],"names":[],"mappings":"AAAA,OAwFO,KAAK,EAAE,aAAa,EAAuB,MAAM,kBAAkB,CAAA;;YAM1C,aAAa;;;;YAAb,aAAa;;;;AAuK7C,wBAOG"}
+{"version":3,"file":"Toolbar.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/inputs/RichText2/Toolbar.vue"],"names":[],"mappings":"AAAA,OAmFO,KAAK,EAAE,aAAa,EAAuB,MAAM,kBAAkB,CAAA;;YAM1C,aAAa;;;;YAAb,aAAa;;;;AAiJ7C,wBAOG"}

package/dist/components/form/inputs/RichText2/formatting.d.ts

@@ -2,4 +2,10 @@ export declare function applyFormatting(command: string, value?: string): void;
 export declare function insertLink(): void;
 export declare function insertImage(): void;
 export declare function createTable(): void;
+declare function clearFormatting(): void;
+export declare function useFormatting(modalInstance?: any): {
+    applyFormatting: typeof applyFormatting;
+    clearFormatting: typeof clearFormatting;
+};
+export {};
 //# sourceMappingURL=formatting.d.ts.map

package/dist/components/form/inputs/RichText2/formatting.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formatting.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/inputs/RichText2/formatting.ts"],"names":[],"mappings":"AAEA,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,GAAE,MAAW,QAyFlE;AAoDD,wBAAgB,UAAU,SAWzB;AAED,wBAAgB,WAAW,SAkB1B;AAED,wBAAgB,WAAW,SAyB1B"}
+{"version":3,"file":"formatting.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/inputs/RichText2/formatting.ts"],"names":[],"mappings":"AAEA,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,GAAE,MAAW,QA4FlE;AAsED,wBAAgB,UAAU,SAgBzB;AAED,wBAAgB,WAAW,SAiB1B;AAED,wBAAgB,WAAW,SAyB1B;AAED,iBAAS,eAAe,SAYvB;AAED,wBAAgB,aAAa,CAAC,aAAa,CAAC,EAAE,GAAG;;;EAGhD"}

package/dist/components/form/inputs/RichText2/index.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/inputs/RichText2/index.vue"],"names":[],"mappings":"AA8RA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;;gBAOjB,MAAM;oBAAkB,aAAa;;;;gBAArC,MAAM;oBAAkB,aAAa;;;;AAiQzE,wBAOG"}
+{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/inputs/RichText2/index.vue"],"names":[],"mappings":"AAAA,OA8SO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;;gBAQjB,MAAM;oBAAkB,aAAa;;;;gBAArC,MAAM;oBAAkB,aAAa;;;;AA0QzE,wBAOG"}

package/dist/components/form/inputs/RichText2/richtext-types.d.ts

@@ -1,3 +1,3 @@
-export type ToolbarConfigOption = 'bold' | 'italic' | 'underline' | 'strikethrough' | 'fontSize' | 'fontFamily' | 'textColor' | 'backgroundColor' | 'alignLeft' | 'alignCenter' | 'alignRight' | 'alignJustify' | 'orderedList' | 'unorderedList' | 'indent' | 'outdent' | 'link' | 'image' | 'table' | 'blockquote' | 'codeBlock' | 'splitView' | 'codeView' | 'youtube' | 'clear' | 'fullScreen';
+export type ToolbarConfigOption = 'bold' | 'italic' | 'underline' | 'strikethrough' | 'fontSize' | 'fontFamily' | 'textColor' | 'backgroundColor' | 'alignLeft' | 'alignCenter' | 'alignRight' | 'alignJustify' | 'orderedList' | 'unorderedList' | 'indent' | 'outdent' | 'link' | 'image' | 'table' | 'blockquote' | 'codeBlock' | 'splitView' | 'codeView' | 'youtube' | 'clear' | 'fullScreen' | 'formatBlock';
 export type ToolbarConfig = ToolbarConfigOption[];
 //# sourceMappingURL=richtext-types.d.ts.map

package/dist/components/form/inputs/RichText2/richtext-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"richtext-types.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/inputs/RichText2/richtext-types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAAG,MAAM,GACrC,QAAQ,GACR,WAAW,GACX,eAAe,GACf,UAAU,GACV,YAAY,GACZ,WAAW,GACX,iBAAiB,GACjB,WAAW,GACX,aAAa,GACb,YAAY,GACZ,cAAc,GACd,aAAa,GACb,eAAe,GACf,QAAQ,GACR,SAAS,GACT,MAAM,GACN,OAAO,GACP,OAAO,GACP,YAAY,GACZ,WAAW,GACX,WAAW,GACX,UAAU,GACV,SAAS,GACT,OAAO,GACP,YAAY,CAAA;AAEf,MAAM,MAAM,aAAa,GAAG,mBAAmB,EAAE,CAAA"}
+{"version":3,"file":"richtext-types.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/inputs/RichText2/richtext-types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAAG,MAAM,GACrC,QAAQ,GACR,WAAW,GACX,eAAe,GACf,UAAU,GACV,YAAY,GACZ,WAAW,GACX,iBAAiB,GACjB,WAAW,GACX,aAAa,GACb,YAAY,GACZ,cAAc,GACd,aAAa,GACb,eAAe,GACf,QAAQ,GACR,SAAS,GACT,MAAM,GACN,OAAO,GACP,OAAO,GACP,YAAY,GACZ,WAAW,GACX,WAAW,GACX,UAAU,GACV,SAAS,GACT,OAAO,GACP,YAAY,GACZ,aAAa,CAAA;AAEhB,MAAM,MAAM,aAAa,GAAG,mBAAmB,EAAE,CAAA"}

package/dist/components/form/inputs/SelectInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SelectInput.vue"],"names":[],"mappings":"AAAA,OAmZO,EAMN,KAAK,aAAa,EAClB,KAAK,MAAM,EAEX,MAAM,eAAe,CAAA;AAEtB,OAAO,wBAAwB,CAAA;AA6M/B,iBAAS,cAAc;;sBA2OI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCApCgG,GAAG,8CAGpH,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WA4CpE,OAAO,IAA6B;EAEjD;AAiCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;aAleX,MAAM,EAAE;kBACH,MAAM;eACT,OAAO;iBACL,MAAM;iBACN,OAAO;eACT,OAAO;YACV,MAAM;gBACF,OAAO;kBACL,OAAO;WACd,aAAa;gBACR,OAAO;mBACJ,MAAM;gBACT,OAAO;wBACC,MAAM;eACf,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC;;;;aAdvC,MAAM,EAAE;kBACH,MAAM;eACT,OAAO;iBACL,MAAM;iBACN,OAAO;eACT,OAAO;YACV,MAAM;gBACF,OAAO;kBACL,OAAO;WACd,aAAa;gBACR,OAAO;mBACJ,MAAM;gBACT,OAAO;wBACC,MAAM;eACf,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC;;;kFA2d/C,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"SelectInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SelectInput.vue"],"names":[],"mappings":"AAmZA,OAAO,EAMN,KAAK,aAAa,EAClB,KAAK,MAAM,EAEX,MAAM,eAAe,CAAA;AAEtB,OAAO,wBAAwB,CAAA;AA6M/B,iBAAS,cAAc;;sBA2OI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCApCgG,GAAG,8CAGpH,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WA4CpE,OAAO,IAA6B;EAEjD;AAiCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;aAleX,MAAM,EAAE;kBACH,MAAM;eACT,OAAO;iBACL,MAAM;iBACN,OAAO;eACT,OAAO;YACV,MAAM;gBACF,OAAO;kBACL,OAAO;WACd,aAAa;gBACR,OAAO;mBACJ,MAAM;gBACT,OAAO;wBACC,MAAM;eACf,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC;;;;aAdvC,MAAM,EAAE;kBACH,MAAM;eACT,OAAO;iBACL,MAAM;iBACN,OAAO;eACT,OAAO;YACV,MAAM;gBACF,OAAO;kBACL,OAAO;WACd,aAAa;gBACR,OAAO;mBACJ,MAAM;gBACT,OAAO;wBACC,MAAM;eACf,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC;;;kFA2d/C,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/form/inputs/index.d.ts

@@ -10,8 +10,8 @@ export { default as PasswordInput } from './PasswordInput.vue';
 export { default as RadioGroup } from './RadioGroup.vue';
 export { default as RadioPillsInput } from './RadioPillsInput.vue';
 export { default as RangeInput } from './RangeInput.vue';
-export { default as RichText } from './RichText.vue';
-export { default as RichText2 } from './RichText2/index.vue';
+export { default as RichText2 } from './RichText.vue';
+export { default as RichText } from './RichText2/index.vue';
 export { default as SelectInput } from './SelectInput.vue';
 export { default as SignaturePad } from './SignaturePad.vue';
 export { default as TableField } from './TableField.vue';

package/dist/components/form/inputs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/index.cjs

@@ -601,9 +601,11 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
     }
     function updateHeight() {
       if (!props2.autoHeight || !bglSlider.value) return;
-      const children2 = Array.from(bglSlider.value.children[activeSlideIndex.value].children);
-      const totalHeight = children2.reduce((sum, el) => sum + el.clientHeight, 0);
-      yHeight.value = `${totalHeight}px`;
+      setTimeout(() => {
+        const children2 = Array.from(bglSlider.value.children[activeSlideIndex.value].children);
+        const totalHeight = children2.reduce((sum, el) => sum + el.clientHeight, 0);
+        yHeight.value = `${totalHeight}px`;
+      }, 200);
     }
     function easeScroll(target, duration = 500) {
       if (!bglSlider.value || isPressed.value) return;
@@ -635,7 +637,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
     }
     function handleResize() {
       if (!bglSlider.value) return;
-      itemCount.value = window.innerWidth < 600 ? 1 : window.innerWidth < 991 ? Math.min(props2.items, 2) : Math.min(props2.items, 3);
+      itemCount.value = window.innerWidth < 600 ? 1 : window.innerWidth < 991 ? Math.min(props2.items, 2) : props2.items;
       goToSlide(activeSlideIndex.value);
     }
     function onScrollEnd() {
@@ -739,7 +741,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-8e22119a"]]);
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-ca63f224"]]);
 function _isPlaceholder(a2) {
   return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
 }
@@ -9587,7 +9589,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
       if (props2.field.$el === "select") return SelectInput;
       if (props2.field.$el === "toggle") return ToggleInput;
       if (props2.field.$el === "check") return CheckInput;
-      if (props2.field.$el === "richtext") return _sfc_main$w;
+      if (props2.field.$el === "richtext") return RichText;
       if (props2.field.$el === "file") return $el;
       if (props2.field.$el === "date") return _sfc_main$F;
       return props2.field.$el ?? "div";
@@ -43495,12 +43497,16 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
+let modal;
 function applyFormatting(command2, value = "") {
   const selection = window.getSelection();
   if (selection && selection.rangeCount > 0) {
     const range2 = selection.getRangeAt(0);
     const span = document.createElement("span");
     switch (command2) {
+      case "formatBlock":
+        formatBlock(value);
+        break;
       case "bold":
         span.style.fontWeight = "bold";
         break;
@@ -43565,8 +43571,9 @@ function applyFormatting(command2, value = "") {
         increaseFontSize();
         break;
       case "decreaseFontSize":
+        decreaseFontSize();
         break;
-      case "insertLink":
+      case "link":
         insertLink();
         break;
       case "image":
@@ -43582,6 +43589,15 @@ function applyFormatting(command2, value = "") {
     range2.surroundContents(span);
   }
 }
+function formatBlock(value) {
+  if (!value) return;
+  const selection = window.getSelection();
+  const range2 = selection == null ? void 0 : selection.getRangeAt(0);
+  if (!range2) return;
+  range2.selectNodeContents(range2.startContainer);
+  const el = document.createElement(value);
+  range2.surroundContents(el);
+}
 function increaseFontSize() {
   const selection = window.getSelection();
   if (selection && selection.rangeCount > 0) {
@@ -43593,6 +43609,17 @@ function increaseFontSize() {
     range2.surroundContents(span);
   }
 }
+function decreaseFontSize() {
+  const selection = window.getSelection();
+  if (selection && selection.rangeCount > 0) {
+    const range2 = selection.getRangeAt(0);
+    const span = document.createElement("span");
+    const currentFontSize = Number.parseInt(range2.startContainer.parentNode.style.fontSize || "16", 10);
+    const newFontSize = currentFontSize - 2;
+    span.style.fontSize = `${newFontSize}px`;
+    range2.surroundContents(span);
+  }
+}
 function removeFormatting() {
   const selection = window.getSelection();
   if (selection && selection.rangeCount > 0) {
@@ -43625,22 +43652,38 @@ function insertList(type3) {
   }
 }
 function insertLink() {
-  const url = prompt("Enter the URL:");
-  if (url) {
-    const selection = window.getSelection();
-    if (selection && selection.rangeCount > 0) {
-      const range2 = selection.getRangeAt(0);
+  const selection = window.getSelection();
+  if (!selection || selection.rangeCount < 1) return;
+  const range2 = selection.getRangeAt(0);
+  modal.showModalForm({ title: "Insert Link", schema: [
+    { id: "url", $el: "text", label: "URL" },
+    { id: "openInNewTab", $el: "check", label: "Open in new tab" }
+  ], onSubmit: (data2) => {
+    const { url, openInNewTab } = data2;
+    if (url) {
       const anchor = document.createElement("a");
       anchor.href = url;
       range2.surroundContents(anchor);
+      if (openInNewTab) anchor.target = "_blank";
     }
-  }
+  } });
 }
 function insertImage() {
-  console.log("image");
-  const { showModalForm } = useModal();
-  console.log(showModalForm);
-  showModalForm({ title: "Upload Image", schema: [{ id: "image", type: "file" }], onSubmit: (_data) => {
+  const selection = window.getSelection();
+  if (!selection || selection.rangeCount < 1) return;
+  const range2 = selection.getRangeAt(0);
+  modal.showModalForm({ title: "Upload Image", schema: [
+    { id: "src", $el: "file", attrs: { bindkey: "url" } },
+    { id: "alt", $el: "text", label: "Alt Text" }
+  ], onSubmit: (_data) => {
+    const { src } = _data;
+    if (src) {
+      const img = document.createElement("img");
+      img.src = src;
+      img.alt = _data.alt;
+      range2.deleteContents();
+      range2.insertNode(img);
+    }
   } });
 }
 function createTable() {
@@ -43667,6 +43710,25 @@ function createTable() {
     }
   }
 }
+function clearFormatting() {
+  const selection = window.getSelection();
+  const range2 = selection == null ? void 0 : selection.getRangeAt(0);
+  if (!range2) return;
+  range2.selectNodeContents(range2.startContainer);
+  const contents = range2.extractContents();
+  const text = contents.textContent;
+  if (text !== null && text !== "") {
+    range2.deleteContents();
+    const textNode = document.createTextNode(`${text}`);
+    setTimeout(() => {
+      range2.insertNode(textNode);
+    }, 1);
+  }
+}
+function useFormatting(modalInstance) {
+  modal = modalInstance;
+  return { applyFormatting, clearFormatting };
+}
 const _hoisted_1$o = { class: "flex gap-05" };
 const _hoisted_2$f = ["disabled"];
 const _hoisted_3$c = { key: 1 };
@@ -43974,6 +44036,11 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   setup(__props, { emit: __emit }) {
     const emit2 = __emit;
     const toolbarOptions = [
+      { name: "formatBlock", label: "h2", icon: "format_h2" },
+      { name: "formatBlock", label: "h3", icon: "format_h3" },
+      { name: "formatBlock", label: "h4", icon: "format_h4" },
+      { name: "formatBlock", label: "h5", icon: "format_h5" },
+      { name: "formatBlock", label: "h6", icon: "format_h6" },
       { name: "separator" },
       { name: "bold", label: "Bold", icon: "format_bold" },
       { name: "italic", label: "Italic", icon: "format_italic" },
@@ -43990,31 +44057,22 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
       { name: "clear", label: "Clear Formatting", icon: "format_clear" },
       { name: "fullScreen", label: "Full Screen", icon: "fullscreen", class: "ms-auto" }
     ];
-    function handleSelectChange(selectedOption) {
-      emit2("action", "formatBlock", selectedOption);
-    }
     return (_ctx, _cache) => {
       const _directive_tooltip = vue.resolveDirective("tooltip");
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$n, [
-        vue.createVNode(SelectInput, {
-          class: "m-0 w150",
-          options: ["Text", "Heading 1", "Heading 2", "Heading 3", "Heading 4", "Heading 5", "Heading 6", "Blockquote", "Code"],
-          onChange: handleSelectChange
-        }),
         (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(toolbarOptions, (action, index2) => {
-          return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+          return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index2 }, [
             action.name !== "separator" && _ctx.config.includes(action.name) ? vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(Btn), {
-              key: action.name,
+              key: 0,
+              icon: action.icon,
               thin: "",
               flat: "",
-              class: vue.normalizeClass([action.class, "radius-05"]),
               "aria-label": action.name,
-              icon: action.icon,
-              onClick: ($event) => emit2("action", action.name)
-            }, null, 8, ["class", "aria-label", "icon", "onClick"])), [
+              class: vue.normalizeClass([action.class, "radius-05"]),
+              onClick: ($event) => emit2("action", action.name, action.label)
+            }, null, 8, ["icon", "aria-label", "class", "onClick"])), [
               [_directive_tooltip, action.label]
-            ]) : vue.createCommentVNode("", true),
-            action.name === "separator" ? (vue.openBlock(), vue.createElementBlock("span", {
+            ]) : action.name === "separator" ? (vue.openBlock(), vue.createElementBlock("span", {
               key: `separator-${index2}`,
               class: "opacity-2 mb-025"
             }, "|")) : vue.createCommentVNode("", true)
@@ -44024,13 +44082,10 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$m = { class: "rich-text-editor rounded pt-05 px-1 pb-1" };
+const _hoisted_1$m = { class: "rich-text-editor rounded pt-05 px-05 pb-1" };
 const _hoisted_2$e = { class: "editor-container flex flex-stretch gap-1 m_column" };
-const _hoisted_3$b = { class: "content-area radius-05 p-1 shadow-light w-100 grid" };
-const _hoisted_4$7 = {
-  key: 0,
-  class: "preview-area w-100 radius-05 p-1"
-};
+const _hoisted_3$b = { class: "content-area radius-05 p-1 w-100 grid" };
+const _hoisted_4$7 = ["textContent"];
 const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: {
@@ -44041,8 +44096,11 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   setup(__props, { emit: __emit }) {
     const props2 = __props;
     const emit2 = __emit;
+    const modal2 = useModal();
+    const { applyFormatting: applyFormatting2, clearFormatting: clearFormatting2 } = useFormatting(modal2);
     const editableContent = vue.ref();
     const defaultConfig2 = [
+      "formatBlock",
       "bold",
       "italic",
       "underline",
@@ -44080,36 +44138,32 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
       }
       emit2("update:modelValue", contentHtml.value);
     }
+    function updateToolbarHighlight() {
+      if (document.getSelection()) {
+        const selection = document.getSelection();
+        const range2 = (selection == null ? void 0 : selection.rangeCount) ? selection.getRangeAt(0) : null;
+        const container = range2 == null ? void 0 : range2.commonAncestorContainer;
+        if (container) {
+          let currentElement = container.nodeType === 3 ? container.parentElement : container;
+          while (currentElement && currentElement !== editableContent.value) {
+            if (["H1", "H2", "H3"].includes(currentElement.tagName)) {
+              break;
+            }
+            currentElement = currentElement.parentElement;
+          }
+        }
+      }
+    }
+    document.addEventListener("selectionchange", updateToolbarHighlight);
     function handleToolbarAction(action, value) {
       if (!editableContent.value) return;
       if (["alignLeft", "alignCenter", "alignRight", "alignJustify"].includes(action))
         value = action.replace("align", "").toLowerCase();
-      switch (action) {
-        case "orderedList":
-          applyFormatting("insertOrderedList");
-          break;
-        case "unorderedList":
-          applyFormatting("insertUnorderedList");
-          break;
-        case "blockquote":
-          applyFormatting("formatBlock", "<blockquote>");
-          break;
-        case "codeBlock":
-          applyFormatting("formatBlock", "<pre>");
-          break;
-        case "splitView":
-          isSplitView.value = !isSplitView.value;
-          break;
-        case "codeView":
-          isCodeView.value = !isCodeView.value;
-          break;
-        case "fullScreen":
-          toggleFullScreen();
-          break;
-        default:
-          applyFormatting(action, value);
-          break;
-      }
+      if (action === "splitView") isSplitView.value = !isSplitView.value;
+      else if (action === "codeView") isCodeView.value = !isCodeView.value;
+      else if (action === "fullScreen") toggleFullScreen();
+      else if (action === "clear") clearFormatting2();
+      else applyFormatting2(action, value);
       updateContent();
     }
     function toggleFullScreen() {
@@ -44157,6 +44211,10 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
         }
       }
     }
+    function logInput(e) {
+      const target = e.target;
+      contentHtml.value = target.textContent || "";
+    }
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$m, [
         vue.createVNode(_sfc_main$u, {
@@ -44184,13 +44242,19 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
               onKeydown: handleKeyDown2
             }, null, 544))
           ]),
-          vue.unref(isSplitView) ? (vue.openBlock(), vue.createElementBlock("code", _hoisted_4$7, vue.toDisplayString(vue.unref(contentHtml)), 1)) : vue.createCommentVNode("", true)
+          vue.unref(isSplitView) ? (vue.openBlock(), vue.createElementBlock("code", {
+            key: 0,
+            contenteditable: "true",
+            class: "preview-area w-100 radius-05 p-1",
+            onInput: _cache[1] || (_cache[1] = (e) => logInput(e)),
+            textContent: vue.toDisplayString(vue.unref(contentHtml))
+          }, null, 40, _hoisted_4$7)) : vue.createCommentVNode("", true)
         ])
       ]);
     };
   }
 });
-const index$1 = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-8f1898f5"]]);
+const RichText = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-492bb647"]]);
 /*!
  * Signature Pad v5.0.3 | https://github.com/szimek/signature_pad
  * (c) 2024 Szymon Nowak | Released under the MIT license
@@ -53376,7 +53440,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     const props2 = __props;
     const emit2 = __emit;
     const bagel = useBagel();
-    const modal = vue.ref();
+    const modal2 = vue.ref();
     const computedFormSchema = vue.computed(() => {
       if (typeof props2.schema === "function") return props2.schema();
       return props2.schema;
@@ -53385,7 +53449,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     const form = vue.ref();
     const closeModal = () => {
       var _a2;
-      return (_a2 = modal.value) == null ? void 0 : _a2.closeModal();
+      return (_a2 = modal2.value) == null ? void 0 : _a2.closeModal();
     };
     let submitting = vue.ref(false);
     async function runSubmit() {
@@ -53414,7 +53478,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$b), {
         ref_key: "modal",
-        ref: modal,
+        ref: modal2,
         side: _ctx.side,
         width: _ctx.width,
         visible: _ctx.visible,
@@ -55707,21 +55771,21 @@ const ModalPlugin = {
     const ModalComponent = vue.defineComponent({
       data: () => ({ modalStack: modalStack.value }),
       render() {
-        return this.modalStack.map((modal, index2) => {
+        return this.modalStack.map((modal2, index2) => {
           const props2 = {
-            ...modal.modalOptions,
+            ...modal2.modalOptions,
             "visible": true,
             "onUpdate:visible": () => {
               hideModal(index2);
             }
           };
-          switch (modal.modalType) {
+          switch (modal2.modalType) {
             case "modalForm":
-              return vue.h(ModalForm, props2, modal.componentSlots);
+              return vue.h(ModalForm, props2, modal2.componentSlots);
             case "confirmModal":
               return vue.h(_sfc_main$a, props2, {});
             default:
-              return vue.h(_sfc_main$b, props2, modal.componentSlots);
+              return vue.h(_sfc_main$b, props2, modal2.componentSlots);
           }
         });
       }
@@ -56102,8 +56166,8 @@ exports.Pill = Pill;
 exports.RadioGroup = RadioGroup;
 exports.RadioPillsInput = RadioPillsInput;
 exports.RangeInput = RangeInput;
-exports.RichText = _sfc_main$w;
-exports.RichText2 = index$1;
+exports.RichText = RichText;
+exports.RichText2 = _sfc_main$w;
 exports.RouterWrapper = RouterWrapper;
 exports.SelectInput = SelectInput;
 exports.SidebarMenu = SidebarMenu;