@bagelink/vue 0.0.1020 → 0.0.1023

package/dist/components/Btn.vue.d.ts

@@ -25,6 +25,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
     href?: string;
     round?: boolean;
     is?: string;
+    ripple?: boolean;
     onClick?: (e: MouseEvent) => void;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
     disabled?: boolean;
@@ -44,6 +45,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
     href?: string;
     round?: boolean;
     is?: string;
+    ripple?: boolean;
     onClick?: (e: MouseEvent) => void;
 }> & Readonly<{}>, {
     onClick: (e: MouseEvent) => void;
@@ -55,6 +57,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
     loading: boolean;
     role: string;
     is: string;
+    ripple: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"Btn.vue.d.ts","sourceRoot":"","sources":["../../src/components/Btn.vue"],"names":[],"mappings":"AAqQA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AA2E7D,iBAAS,cAAc;;yBAyKO,GAAG;;;WASnB,OAAO,IAA6B;EAEjD;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;eAtQR,OAAO;WACX,aAAa;cACV,aAAa;YACf,SAAS;YACT,SAAS;WACV,OAAO;aACL,OAAO;cACN,OAAO;WACV,OAAO;WACP,QAAQ,GAAG,QAAQ,GAAG,OAAO;cAC1B,OAAO;WACV,MAAM;YACL,MAAM;SACT,MAAM;WACJ,MAAM;YACL,OAAO;SACV,MAAM;cACD,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI;;eAjBtB,OAAO;WACX,aAAa;cACV,aAAa;YACf,SAAS;YACT,SAAS;WACV,OAAO;aACL,OAAO;cACN,OAAO;WACV,OAAO;WACP,QAAQ,GAAG,QAAQ,GAAG,OAAO;cAC1B,OAAO;WACV,MAAM;YACL,MAAM;SACT,MAAM;WACJ,MAAM;YACL,OAAO;SACV,MAAM;cACD,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI;;aAAvB,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI;UAR1B,QAAQ,GAAG,QAAQ,GAAG,OAAO;cATzB,OAAO;YAMT,OAAO;aACN,OAAO;WAQT,OAAO;aALL,OAAO;UACV,MAAM;QAKR,MAAM;6EA6PX,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Btn.vue.d.ts","sourceRoot":"","sources":["../../src/components/Btn.vue"],"names":[],"mappings":"AAuQA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AA8E7D,iBAAS,cAAc;;yBAyKO,GAAG;;;WASnB,OAAO,IAA6B;EAEjD;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;eAzQR,OAAO;WACX,aAAa;cACV,aAAa;YACf,SAAS;YACT,SAAS;WACV,OAAO;aACL,OAAO;cACN,OAAO;WACV,OAAO;WACP,QAAQ,GAAG,QAAQ,GAAG,OAAO;cAC1B,OAAO;WACV,MAAM;YACL,MAAM;SACT,MAAM;WACJ,MAAM;YACL,OAAO;SACV,MAAM;aACF,OAAO;cACN,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI;;eAlBtB,OAAO;WACX,aAAa;cACV,aAAa;YACf,SAAS;YACT,SAAS;WACV,OAAO;aACL,OAAO;cACN,OAAO;WACV,OAAO;WACP,QAAQ,GAAG,QAAQ,GAAG,OAAO;cAC1B,OAAO;WACV,MAAM;YACL,MAAM;SACT,MAAM;WACJ,MAAM;YACL,OAAO;SACV,MAAM;aACF,OAAO;cACN,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI;;aAAvB,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI;UAT1B,QAAQ,GAAG,QAAQ,GAAG,OAAO;cATzB,OAAO;YAMT,OAAO;aACN,OAAO;WAQT,OAAO;aALL,OAAO;UACV,MAAM;QAKR,MAAM;YACF,OAAO;6EA+PhB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/form/FieldArray.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldArray.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/FieldArray.vue"],"names":[],"mappings":"AAAA,OAkHO,KAAK,EACX,WAAW,EACX,cAAc,EACd,UAAU,EACV,iBAAiB,EACjB,gBAAgB,EAChB,KAAK,EACL,MAAM,eAAe,CAAA;yBAKL,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,eAChC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAiOxD,mBAAmB,CAAC;;;aA7NvB,GAAG;YACJ,MAAM;gBACF,MAAM;sBACA,MAAM;mBACT,KAAK,CAAC,CAAC,CAAC,EAAE;gBACb,cAAc,GAAG,WAAW,CAAC,CAAC,CAAC;gBAC/B,UAAU,CAAC,CAAC,CAAC;mBACV,OAAO;mBACP,OAAO;mBACP,MAAM;kBACP,iBAAiB,CAAC,CAAC,CAAC;uBACf,GAAG;cACZ,OAAO;iBACJ,OAAO;gBACR,gBAAgB;oBACZ,CAAC,EAAE;KA8MsE,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;OAKD,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA3OzE,wBA2O4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"FieldArray.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/FieldArray.vue"],"names":[],"mappings":"AAiHA,OAAO,KAAK,EACX,WAAW,EACX,cAAc,EACd,UAAU,EACV,iBAAiB,EACjB,gBAAgB,EAChB,KAAK,EACL,MAAM,eAAe,CAAA;yBAIL,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,eAChC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAkOxD,mBAAmB,CAAC;;;aA9NvB,GAAG;YACJ,MAAM;gBACF,MAAM;sBACA,MAAM;mBACT,KAAK,CAAC,CAAC,CAAC,EAAE;gBACb,cAAc,GAAG,WAAW,CAAC,CAAC,CAAC;gBAC/B,UAAU,CAAC,CAAC,CAAC;mBACV,OAAO;mBACP,OAAO;mBACP,MAAM;kBACP,iBAAiB,CAAC,CAAC,CAAC;uBACf,GAAG;cACZ,OAAO;iBACJ,OAAO;gBACR,gBAAgB;oBACZ,CAAC,EAAE;KA+MsE,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;OAKD,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA5OzE,wBA4O4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/form/inputs/RangeInput.vue.d.ts

@@ -1,21 +1,18 @@
-interface RangeInputProps {
-    min?: number;
-    max?: number;
+interface props {
+    min: number;
+    max: number;
+    modelValue: number | [number, number];
     step?: number;
+    required?: boolean;
+    label?: string;
     disabled?: boolean;
     id?: string;
-    name?: string;
-    required?: boolean;
-    thickness?: string;
+    rtl?: boolean;
 }
-declare let __VLS_typeProps: RangeInputProps;
-type __VLS_PublicProps = {
-    modelValue?: number;
-} & typeof __VLS_typeProps;
-declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: number) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((modelValue: number) => any) | undefined;
+declare const _default: import('vue').DefineComponent<props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<props> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=RangeInput.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RangeInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/RangeInput.vue"],"names":[],"mappings":"AAoHA,UAAU,eAAe;IACxB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CAClB;AACD,QAAA,IAAI,eAAe,EAAG,eAAe,CAAC;AAuCtC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,OAAO,eAAe,CAAC;;;;;;AAkF3B,wBAOG"}
+{"version":3,"file":"RangeInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/RangeInput.vue"],"names":[],"mappings":"AAqLA,UAAU,KAAK;IACd,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,UAAU,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACrC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,GAAG,CAAC,EAAE,OAAO,CAAA;CACb;;;;;;AAuKD,wBAOG"}

package/dist/components/form/inputs/TelInput.vue.d.ts

@@ -59,9 +59,9 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     focus: (...args: any[]) => void;
     blur: (...args: any[]) => void;
     change: (...args: any[]) => void;
-    space: (...args: any[]) => void;
     "country-changed": (...args: any[]) => void;
     enter: (...args: any[]) => void;
+    space: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onInput?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -69,9 +69,9 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
-    onSpace?: ((...args: any[]) => any) | undefined;
     "onCountry-changed"?: ((...args: any[]) => any) | undefined;
     onEnter?: ((...args: any[]) => any) | undefined;
+    onSpace?: ((...args: any[]) => any) | undefined;
 }>, {
     mode: NumberFormat;
     disabled: boolean;

package/dist/components/layout/TabsNav.vue.d.ts

@@ -4,7 +4,25 @@ interface TabType {
     label?: string;
     icon?: MaterialIcons;
 }
-declare const _default: import('vue').DefineComponent<{
+declare function selectTab(tab: TabType | string): void;
+declare function isActive(tab: TabType | string): boolean;
+declare function tabLabel(tab: TabType | string): string | undefined;
+declare function __VLS_template(): {
+    slots: {
+        tabs?(_: {
+            selectTab: typeof selectTab;
+            isActive: typeof isActive;
+            tabLabel: typeof tabLabel;
+            tabs: HTMLElement[];
+        }): any;
+    };
+    refs: {
+        tabsWrap: HTMLDivElement;
+    };
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{
     title?: string;
     tabs: (TabType | string)[];
     modelValue?: string;
@@ -25,5 +43,11 @@ declare const _default: import('vue').DefineComponent<{
 }> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 //# sourceMappingURL=TabsNav.vue.d.ts.map

package/dist/components/layout/TabsNav.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/layout/TabsNav.vue"],"names":[],"mappings":"AAoMA,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,eAAe,CAAA;AAMxD,UAAU,OAAO;IAChB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,aAAa,CAAA;CACpB;;YAGQ,MAAM;UACR,CAAC,OAAO,GAAG,MAAM,CAAC,EAAE;iBACb,MAAM;eACR,OAAO;WACX,MAAM;WACN,OAAO;eACH,OAAO;;;;YANV,MAAM;UACR,CAAC,OAAO,GAAG,MAAM,CAAC,EAAE;iBACb,MAAM;eACR,OAAO;WACX,MAAM;WACN,OAAO;eACH,OAAO;;;;AA2KnB,wBAOG"}
+{"version":3,"file":"TabsNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/layout/TabsNav.vue"],"names":[],"mappings":"AAsMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAMlD,UAAU,OAAO;IAChB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,aAAa,CAAA;CACpB;AAkCD,iBAAS,SAAS,CAAC,GAAG,EAAE,OAAO,GAAG,MAAM,QAIvC;AAED,iBAAS,QAAQ,CAAC,GAAG,EAAE,OAAO,GAAG,MAAM,WAGtC;AAED,iBAAS,QAAQ,CAAC,GAAG,EAAE,OAAO,GAAG,MAAM,sBAGtC;AAyBD,iBAAS,cAAc;;;;;;;YAmFG,GAAG;;;;;WAUf,OAAO,IAA6B;EAEjD;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;YApLZ,MAAM;UACR,CAAC,OAAO,GAAG,MAAM,CAAC,EAAE;iBACb,MAAM;eACR,OAAO;WACX,MAAM;WACN,OAAO;eACH,OAAO;;;;YANV,MAAM;UACR,CAAC,OAAO,GAAG,MAAM,CAAC,EAAE;iBACb,MAAM;eACR,OAAO;WACX,MAAM;WACN,OAAO;eACH,OAAO;;;kFAqLjB,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/index.cjs

@@ -241,6 +241,7 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
     href: {},
     round: { type: Boolean, default: false },
     is: { default: "button" },
+    ripple: { type: Boolean, default: true },
     onClick: { type: Function, default: () => "" }
   },
   setup(__props) {
@@ -302,12 +303,12 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
         ]),
         _: 3
       }, 16, ["disabled", "class", "tabindex", "onClick", "onKeydown"])), [
-        [_directive_ripple]
+        [_directive_ripple, _ctx.ripple]
       ]);
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__scopeId", "data-v-521354bb"]]);
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__scopeId", "data-v-c23a3626"]]);
 const _hoisted_1$M = ["dismissable"];
 const _hoisted_2$v = { class: "m-0" };
 const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
@@ -6583,9 +6584,9 @@ const _hoisted_1$1$1 = {
 };
 const _hoisted_2$1$1 = ["width", "height", "viewBox"];
 const _hoisted_3$m = { class: "layer-rectangles" };
-const _hoisted_4$e = ["transform", "onMouseover"];
-const _hoisted_5$d = ["width", "height"];
-const _hoisted_6$a = {
+const _hoisted_4$f = ["transform", "onMouseover"];
+const _hoisted_5$e = ["width", "height"];
+const _hoisted_6$b = {
   x: 0 + 10,
   y: 0 + 20,
   "font-size": `15px`,
@@ -6621,21 +6622,21 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                   y: 0,
                   width: r2.width,
                   height: r2.height
-                }), null, 16, _hoisted_5$d),
+                }), null, 16, _hoisted_5$e),
                 vue.renderSlot(_ctx.$slots, "text", {
                   r: r2,
                   selected: _ctx.selected === i2
                 }, () => [
                   vue.createElementVNode(
                     "text",
-                    _hoisted_6$a,
+                    _hoisted_6$b,
                     vue.toDisplayString(r2.data.name),
                     1
                     /* TEXT */
                   )
                 ])
               ])
-            ], 42, _hoisted_4$e);
+            ], 42, _hoisted_4$f);
           }),
           128
           /* KEYED_FRAGMENT */
@@ -6859,9 +6860,9 @@ const _hoisted_2$r = {
   class: "data-row m_py-05"
 };
 const _hoisted_3$l = { class: "key" };
-const _hoisted_4$d = { class: "m-0" };
-const _hoisted_5$c = { key: 1 };
-const _hoisted_6$9 = {
+const _hoisted_4$e = { class: "m-0" };
+const _hoisted_5$d = { key: 1 };
+const _hoisted_6$a = {
   key: 0,
   class: "data-row"
 };
@@ -6918,7 +6919,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
           }, [
             vue.unref(iffer)(field, itemData.value) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$r, [
               vue.createElementVNode("div", _hoisted_3$l, [
-                vue.createElementVNode("p", _hoisted_4$d, vue.toDisplayString((field == null ? void 0 : field.label) || vue.unref(keyToLabel)(field.id)), 1)
+                vue.createElementVNode("p", _hoisted_4$e, vue.toDisplayString((field == null ? void 0 : field.label) || vue.unref(keyToLabel)(field.id)), 1)
               ]),
               vue.createVNode(vue.unref(_sfc_main$P), {
                 modelValue: itemData.value,
@@ -6930,10 +6931,10 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
             ])) : vue.createCommentVNode("", true)
           ], 64);
         }), 128)),
-        !((_a2 = _ctx.schema) == null ? void 0 : _a2.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$c, [
+        !((_a2 = _ctx.schema) == null ? void 0 : _a2.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$d, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(computedSchema.value, ({ id, label }) => {
             return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: id }, [
-              !isUnset(itemData.value[id]) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$9, [
+              !isUnset(itemData.value[id]) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$a, [
                 vue.createElementVNode("div", _hoisted_7$6, [
                   vue.createElementVNode("p", _hoisted_8$4, vue.toDisplayString(label), 1)
                 ]),
@@ -9671,30 +9672,33 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
       window.removeEventListener("resize", updateIndicator);
     });
     return (_ctx, _cache) => {
+      const _component_Icon = vue.resolveComponent("Icon");
       return vue.openBlock(), vue.createElementBlock("div", {
         ref_key: "tabsWrap",
         ref: tabsWrap,
         class: vue.normalizeClass(["grid auto-flow-columns relative fit-content bgl_tabs_wrap overflow-hidden", { "bgl_flat-tabs": _ctx.flat, "bgl_vertical-tabs": _ctx.vertical }])
       }, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props2.tabs, (tab, i2) => {
-          return vue.openBlock(), vue.createElementBlock("button", {
-            key: i2,
-            type: "button",
-            class: vue.normalizeClass([{ active: isActive(tab) }, "bgl_tab relative z-1"]),
-            onClick: ($event) => selectTab(tab)
-          }, [
-            typeof tab !== "string" && tab.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$c), {
-              key: 0,
-              icon: tab.icon
-            }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
-            vue.createTextVNode(" " + vue.toDisplayString(tabLabel(tab)), 1)
-          ], 10, _hoisted_1$F);
-        }), 128))
+        vue.renderSlot(_ctx.$slots, "tabs", vue.normalizeProps(vue.guardReactiveProps({ selectTab, isActive, tabLabel, tabs: tabs.value })), () => [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props2.tabs, (tab, i2) => {
+            return vue.openBlock(), vue.createElementBlock("button", {
+              key: i2,
+              type: "button",
+              class: vue.normalizeClass([{ active: isActive(tab) }, "bgl_tab relative z-1"]),
+              onClick: ($event) => selectTab(tab)
+            }, [
+              typeof tab !== "string" && tab.icon ? (vue.openBlock(), vue.createBlock(_component_Icon, {
+                key: 0,
+                icon: tab.icon
+              }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
+              vue.createTextVNode(" " + vue.toDisplayString(tabLabel(tab)), 1)
+            ], 10, _hoisted_1$F);
+          }), 128))
+        ], true)
       ], 2);
     };
   }
 });
-const TabsNav = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-dbce6d28"]]);
+const TabsNav = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-bbb66a44"]]);
 const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
   __name: "BglField",
   props: {
@@ -10087,7 +10091,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$D = { class: "label mb-05" };
-const _hoisted_2$q = { class: "ps-05 border-start" };
+const _hoisted_2$q = { class: "-ms-05 ps-05 border-start" };
 const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
   __name: "FieldArray",
   props: {
@@ -10250,7 +10254,7 @@ const _hoisted_1$A = {
 };
 const _hoisted_2$o = { class: "overflow-hidden absolute inset-0 p-0 m-0 h-100 codeText" };
 const _hoisted_3$j = ["innerHTML"];
-const _hoisted_4$c = ["onKeydown"];
+const _hoisted_4$d = ["onKeydown"];
 const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
   __name: "Index",
   props: {
@@ -10356,7 +10360,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
             "data-gramm": "false",
             onKeydown: vue.withKeys(vue.withModifiers(handleTab, ["prevent"]), ["tab"]),
             onInput: _cache[1] || (_cache[1] = ($event) => emit2("update:modelValue", vue.unref(code)))
-          }, null, 40, _hoisted_4$c)), [
+          }, null, 40, _hoisted_4$d)), [
             [vue.vModelText, vue.unref(code)]
           ]) : vue.createCommentVNode("", true)
         ], 4)
@@ -19037,8 +19041,8 @@ const _hoisted_3$i = {
   key: 0,
   class: "time-wrap"
 };
-const _hoisted_4$b = ["id", "name", "value"];
-const _hoisted_5$b = ["for"];
+const _hoisted_4$c = ["id", "name", "value"];
+const _hoisted_5$c = ["for"];
 const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   __name: "DatePicker",
   props: {
@@ -19095,12 +19099,12 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
                 type: "radio",
                 name: _ctx.label,
                 value: hr2
-              }, null, 8, _hoisted_4$b), [
+              }, null, 8, _hoisted_4$c), [
                 [vue.vModelRadio, selectedHour.value]
               ]),
               vue.createElementVNode("label", {
                 for: `${hr2}_${_ctx.id}`
-              }, vue.toDisplayString(hr2), 9, _hoisted_5$b)
+              }, vue.toDisplayString(hr2), 9, _hoisted_5$c)
             ], 64);
           }), 128))
         ])) : vue.createCommentVNode("", true)
@@ -19191,12 +19195,12 @@ const _hoisted_2$k = {
   class: "pixel"
 };
 const _hoisted_3$h = { class: "m-05 flex opacity-7 z-99" };
-const _hoisted_4$a = { class: "ellipsis-1 word-break-all h-20 m-0" };
-const _hoisted_5$a = {
+const _hoisted_4$b = { class: "ellipsis-1 word-break-all h-20 m-0" };
+const _hoisted_5$b = {
   key: 1,
   class: "txt-gray txt-12"
 };
-const _hoisted_6$8 = {
+const _hoisted_6$9 = {
   key: 0,
   class: "bgl-multi-preview"
 };
@@ -19451,7 +19455,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
                   }, null, 8, ["href", "download"]), [
                     [_directive_tooltip, "Download"]
                   ]),
-                  vue.withDirectives((vue.openBlock(), vue.createElementBlock("p", _hoisted_4$a, [
+                  vue.withDirectives((vue.openBlock(), vue.createElementBlock("p", _hoisted_4$b, [
                     vue.createTextVNode(vue.toDisplayString(file.name), 1)
                   ])), [
                     [_directive_lightbox, { src: file.url, download: true }]
@@ -19466,7 +19470,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
                 ])
               ]);
             }), 128)),
-            !storageFiles.value.length && !fileQueue.value.length ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$a, " No file selected ")) : vue.createCommentVNode("", true)
+            !storageFiles.value.length && !fileQueue.value.length ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$b, " No file selected ")) : vue.createCommentVNode("", true)
           ]),
           _: 1
         })) : (vue.openBlock(), vue.createElementBlock("div", {
@@ -19486,7 +19490,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
             files: storageFiles.value,
             fileQueue: fileQueue.value
           }, () => [
-            _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$8, [
+            _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$9, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(storageFiles.value, (file) => {
                 return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
                   key: file.id,
@@ -19855,9 +19859,9 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
 const _hoisted_1$s = ["for"];
 const _hoisted_2$i = ["id", "name", "value"];
 const _hoisted_3$f = { class: "flex w-100 gap-1 flex-wrap m_gap-05 m_gap-row-025" };
-const _hoisted_4$9 = ["src", "alt"];
-const _hoisted_5$9 = { class: "" };
-const _hoisted_6$7 = {
+const _hoisted_4$a = ["src", "alt"];
+const _hoisted_5$a = { class: "" };
+const _hoisted_6$8 = {
   key: 0,
   class: "m-0 m_txt-14"
 };
@@ -19903,9 +19907,9 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
                 width: "60",
                 src: opt.imgSrc,
                 alt: opt.imgAlt
-              }, null, 8, _hoisted_4$9)) : vue.createCommentVNode("", true),
-              vue.createElementVNode("div", _hoisted_5$9, [
-                opt.label ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_6$7, vue.toDisplayString(opt.label), 1)) : vue.createCommentVNode("", true),
+              }, null, 8, _hoisted_4$a)) : vue.createCommentVNode("", true),
+              vue.createElementVNode("div", _hoisted_5$a, [
+                opt.label ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_6$8, vue.toDisplayString(opt.label), 1)) : vue.createCommentVNode("", true),
                 opt.subLabel ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_7$4, vue.toDisplayString(opt.subLabel), 1)) : vue.createCommentVNode("", true)
               ]),
               vue.renderSlot(_ctx.$slots, "radioItem", vue.mergeProps({ ref_for: true }, opt), void 0, true)
@@ -19928,8 +19932,8 @@ const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data
 const _hoisted_1$r = { class: "bagel-input" };
 const _hoisted_2$h = { class: "pb-025" };
 const _hoisted_3$e = { class: "flex gap-05 flex-wrap" };
-const _hoisted_4$8 = ["id", "name", "value", "checked"];
-const _hoisted_5$8 = ["for"];
+const _hoisted_4$9 = ["id", "name", "value", "checked"];
+const _hoisted_5$9 = ["for"];
 const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   __name: "RadioPillsInput",
   props: {
@@ -19986,10 +19990,10 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
                 value: getValue(option2),
                 checked: vue.unref(selectedValue) === getValue(option2),
                 onChange: handleSelect
-              }, null, 40, _hoisted_4$8),
+              }, null, 40, _hoisted_4$9),
               vue.createElementVNode("label", {
                 for: `${_ctx.id}-${getValue(option2)}`
-              }, vue.toDisplayString(getLabel(option2)), 9, _hoisted_5$8)
+              }, vue.toDisplayString(getLabel(option2)), 9, _hoisted_5$9)
             ]);
           }), 128))
         ])
@@ -19998,76 +20002,113 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-cf892d71"]]);
-const _hoisted_1$q = { key: 0 };
-const _hoisted_2$g = ["id", "disabled", "max", "min", "step", "required", "name"];
-const _hoisted_3$d = { key: 1 };
+const _hoisted_1$q = { class: "label" };
+const _hoisted_2$g = { class: "range-slider relative w-100" };
+const _hoisted_3$d = ["id", "min", "max", "step", "required", "disabled"];
+const _hoisted_4$8 = ["min", "max", "step", "required", "disabled"];
+const _hoisted_5$8 = { class: "track absolute pointer-events-none overflow-hidden round" };
+const _hoisted_6$7 = { class: "txt-center txt-14 range-slider-txt flex space-between opacity-4 mx-05" };
 const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   __name: "RangeInput",
-  props: /* @__PURE__ */ vue.mergeModels({
-    min: {},
-    max: {},
-    step: {},
+  props: {
+    min: { default: 0 },
+    max: { default: 100 },
+    modelValue: {},
+    step: { default: 1 },
+    required: { type: Boolean },
+    label: {},
     disabled: { type: Boolean },
     id: {},
-    name: {},
-    required: { type: Boolean },
-    thickness: { default: "8px" }
-  }, {
-    "modelValue": { default: 0 },
-    "modelModifiers": {}
-  }),
+    rtl: { type: Boolean }
+  },
   emits: ["update:modelValue"],
-  setup(__props) {
-    const val = vue.useModel(__props, "modelValue");
-    const range2 = vue.ref();
-    const direction = vue.computed(() => {
-      if (!range2.value) return "ltr";
-      const parent = range2.value.parentElement;
-      return getComputedStyle(parent).direction;
-    });
-    const background = vue.computed(() => {
-      const minVal = __props.min ?? 0;
-      const maxVal = __props.max ?? 100;
-      const percentage = (val.value - minVal) / (maxVal - minVal) * 100;
-      if (direction.value === "rtl") {
-        return `linear-gradient(to left, var(--bgl-primary) ${percentage}%, var(--input-bg) ${percentage}%)`;
-      }
-      return `linear-gradient(to right, var(--bgl-primary) ${percentage}%, var(--input-bg) ${percentage}%)`;
+  setup(__props, { emit: __emit }) {
+    const emit2 = __emit;
+    const isRange = vue.computed(() => Array.isArray(__props.modelValue));
+    let from = vue.ref(__props.min);
+    let to2 = vue.ref(__props.max);
+    const validFrom = vue.computed(() => Math.min(Math.max(from.value, __props.min), to2.value));
+    const validTo = vue.computed(() => Math.max(Math.min(to2.value, __props.max), from.value));
+    function emitValue() {
+      emit2("update:modelValue", isRange.value ? [validFrom.value, validTo.value] : validFrom.value);
+    }
+    vue.watch(() => validFrom.value, (newVal) => {
+      if (from.value !== newVal) from.value = newVal;
     });
-    vue.watch(() => val.value, (newValue) => {
-      if (__props.min !== void 0 && newValue < __props.min) val.value = __props.min;
-      if (__props.max !== void 0 && newValue > __props.max) val.value = __props.max;
+    vue.watch(() => validTo.value, (newVal) => {
+      if (to2.value !== newVal) to2.value = newVal;
     });
-    const height = vue.computed(() => {
-      return Number.isNaN(Number(__props.thickness)) ? __props.thickness : `${__props.thickness}px`;
+    const fromPercentage = vue.computed(() => (validFrom.value - __props.min) / (__props.max - __props.min) * 100);
+    const toPercentage = vue.computed(() => (validTo.value - __props.min) / (__props.max - __props.min) * 100);
+    const rangeStyle = vue.computed(() => {
+      const width = (validTo.value - validFrom.value) / (__props.max - __props.min) * 100;
+      if (__props.rtl || isRange.value) return { left: `${fromPercentage.value}%`, width: `${width}%` };
+      return { right: `${width}%`, width: `${fromPercentage.value}%` };
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["flex gap-1 align-center range-slide", { disabled: _ctx.disabled }])
-      }, [
-        _ctx.min !== void 0 ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_1$q, vue.toDisplayString(_ctx.min), 1)) : vue.createCommentVNode("", true),
-        vue.withDirectives(vue.createElementVNode("input", {
-          id: _ctx.id,
-          ref_key: "range",
-          ref: range2,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => val.value = $event),
-          disabled: _ctx.disabled,
-          style: vue.normalizeStyle({ background: background.value, height: height.value }),
-          max: _ctx.max,
-          min: _ctx.min,
-          step: _ctx.step,
-          required: _ctx.required,
-          type: "range",
-          name: _ctx.name
-        }, null, 12, _hoisted_2$g), [
-          [vue.vModelText, val.value]
+      return vue.openBlock(), vue.createElementBlock("div", null, [
+        vue.createElementVNode("label", _hoisted_1$q, vue.toDisplayString(_ctx.label), 1),
+        vue.createElementVNode("div", _hoisted_2$g, [
+          vue.withDirectives(vue.createElementVNode("input", {
+            id: _ctx.id,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(from) ? from.value = $event : from = $event),
+            class: "from",
+            type: "range",
+            min: _ctx.min,
+            max: _ctx.max,
+            step: _ctx.step,
+            required: _ctx.required,
+            disabled: _ctx.disabled,
+            "aria-label": "Minimum value",
+            onChange: emitValue
+          }, null, 40, _hoisted_3$d), [
+            [vue.vModelText, vue.unref(from)]
+          ]),
+          isRange.value ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
+            key: 0,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(to2) ? to2.value = $event : to2 = $event),
+            class: "to",
+            type: "range",
+            min: _ctx.min,
+            max: _ctx.max,
+            step: _ctx.step,
+            required: _ctx.required,
+            disabled: _ctx.disabled,
+            "aria-label": "Maximum value",
+            onChange: emitValue
+          }, null, 40, _hoisted_4$8)), [
+            [vue.vModelText, vue.unref(to2)]
+          ]) : vue.createCommentVNode("", true),
+          vue.createElementVNode("div", _hoisted_5$8, [
+            vue.createElementVNode("div", {
+              class: "active-range absolute h-100 pointer-events-none bg-primary",
+              style: vue.normalizeStyle(rangeStyle.value)
+            }, null, 4)
+          ]),
+          vue.unref(from) !== _ctx.min ? (vue.openBlock(), vue.createElementBlock("p", {
+            key: 1,
+            class: "txt-center txt-12 range-slider-position-txt absolute line-height-1 opacity-0",
+            style: vue.normalizeStyle({ marginInlineStart: `calc(${fromPercentage.value}% - 4px)` })
+          }, [
+            vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(from)), 1)
+          ], 4)) : vue.createCommentVNode("", true),
+          isRange.value && vue.unref(to2) !== _ctx.max ? (vue.openBlock(), vue.createElementBlock("p", {
+            key: 2,
+            class: "txt-center txt-12 range-slider-position-txt opacity-0 line-height-1 absolute",
+            style: vue.normalizeStyle({ marginInlineStart: `calc(${toPercentage.value}% - 12px)` })
+          }, [
+            vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(to2)), 1)
+          ], 4)) : vue.createCommentVNode("", true)
         ]),
-        _ctx.max !== void 0 ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$d, vue.toDisplayString(_ctx.max), 1)) : vue.createCommentVNode("", true)
-      ], 2);
+        vue.createElementVNode("p", _hoisted_6$7, [
+          vue.createElementVNode("span", null, vue.toDisplayString(_ctx.min), 1),
+          vue.createElementVNode("span", null, vue.toDisplayString(_ctx.max), 1)
+        ])
+      ]);
     };
   }
 });
-const RangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-ded4d62d"]]);
+const RangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-dae624bd"]]);
 const defaultToolbarConfig = [
   "h2",
   "h3",