@bagelink/vue 0.0.755 → 0.0.761

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

@@ -1 +1 @@
-{"version":3,"file":"NavBar.vue.d.ts","sourceRoot":"","sources":["../../src/components/NavBar.vue"],"names":[],"mappings":"AAyXA,OAAO,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAoC3D,iBAAS,cAAc;;;;YAsME,GAAG;uBACA,GAAG;;;WASjB,OAAO,IAA6B;EAEjD;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;kBA7PL,OAAO,EAAE;YACf,OAAO,EAAE;eACN,aAAa;gBACZ,MAAM;aACT,MAAM;;kBAJD,OAAO,EAAE;YACf,OAAO,EAAE;eACN,aAAa;gBACZ,MAAM;aACT,MAAM;;WAHP,OAAO,EAAE;iBADH,OAAO,EAAE;cAEZ,aAAa;eACZ,MAAM;YACT,MAAM;6EAgQf,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":"NavBar.vue.d.ts","sourceRoot":"","sources":["../../src/components/NavBar.vue"],"names":[],"mappings":"AAqYA,OAAO,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AA8C3D,iBAAS,cAAc;;;;YAkME,GAAG;uBACA,GAAG;;;WASjB,OAAO,IAA6B;EAEjD;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;kBApQL,OAAO,EAAE;YACf,OAAO,EAAE;eACN,aAAa;gBACZ,MAAM;aACT,MAAM;;kBAJD,OAAO,EAAE;YACf,OAAO,EAAE;eACN,aAAa;gBACZ,MAAM;aACT,MAAM;;WAHP,OAAO,EAAE;iBADH,OAAO,EAAE;cAEZ,aAAa;eACZ,MAAM;YACT,MAAM;6EAuQf,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/inputs/PasswordInput.vue.d.ts

@@ -1,9 +1,28 @@
-import { TextInput } from '../../..';
-export type TextInputT = InstanceType<typeof TextInput>;
-export type TextInputProps = Omit<TextInputT['$props'], (`${string}modelValue` | `ref${string}` | `onVnode${string}` | 'key' | 'type')>;
-declare let __VLS_typeProps: {
-    txtInputProps: TextInputProps;
-};
+import { MaterialIcons } from '../../..';
+export interface TextInputProps {
+    id?: string;
+    title?: string;
+    helptext?: string;
+    placeholder?: string;
+    label?: string;
+    small?: boolean;
+    dense?: boolean;
+    required?: boolean;
+    pattern?: string;
+    shrink?: boolean;
+    disabled?: boolean;
+    nativeInputAttrs?: Record<string, any>;
+    icon?: MaterialIcons;
+    iconStart?: MaterialIcons;
+    multiline?: boolean;
+    autoheight?: boolean;
+    code?: boolean;
+    lines?: number;
+    autofocus?: boolean;
+    debounceDelay?: number;
+    onFocusout?: (e: FocusEvent) => void;
+}
+declare let __VLS_typeProps: TextInputProps;
 type __VLS_PublicProps = {
     'modelValue'?: string;
     'showPwd'?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"PasswordInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/PasswordInput.vue"],"names":[],"mappings":"AAiCA,OAAO,EAAO,SAAS,EAAE,MAAM,eAAe,CAAA;AAE9C,MAAM,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,CAAA;AAEvD,MAAM,MAAM,cAAc,GAAG,IAAI,CAChC,UAAU,CAAC,QAAQ,CAAC,EACpB,CAAC,GAAG,MAAM,YAAY,GAAG,MAAM,MAAM,EAAE,GAAG,UAAU,MAAM,EAAE,GAAG,KAAK,GAAG,MAAM,CAAC,CAC9E,CAAA;AAID,QAAA,IAAI,eAAe,EAAG;IAAE,aAAa,EAAE,cAAc,CAAA;CAAE,CAAC;AAgBxD,KAAK,iBAAiB,GAAG;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,OAAO,eAAe,CAAC;;;;;;;;AA2F3B,wBAOG"}
+{"version":3,"file":"PasswordInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/PasswordInput.vue"],"names":[],"mappings":"AA+DA,OAAO,EAAO,KAAK,aAAa,EAAa,MAAM,eAAe,CAAA;AAElE,MAAM,WAAW,cAAc;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACtC,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;CACpC;AAGD,QAAA,IAAI,eAAe,EAAG,cAAc,CAAC;AAkBrC,KAAK,iBAAiB,GAAG;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,OAAO,eAAe,CAAC;;;;;;;;AA2F3B,wBAOG"}

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,OA6WO,EAKN,KAAK,aAAa,EAClB,KAAK,MAAM,EAEX,MAAM,eAAe,CAAA;AAEtB,OAAO,wBAAwB,CAAA;AA+K/B,iBAAS,cAAc;;sBAkMI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAmEixB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAxDv5B,OAAO,IAA6B;EAEjD;AA4BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;aAtZX,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;;;;aAZV,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;;;kFAiZlB,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":"AAAA,OA8WO,EAKN,KAAK,aAAa,EAClB,KAAK,MAAM,EAEX,MAAM,eAAe,CAAA;AAEtB,OAAO,wBAAwB,CAAA;AA+K/B,iBAAS,cAAc;;sBAkMI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAmEuuB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAxD72B,OAAO,IAA6B;EAEjD;AA4BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;aAtZX,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;;;;aAZV,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;;;kFAiZlB,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/layout/Tabs.vue.d.ts

@@ -8,11 +8,13 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<{
     tabs: Tab[];
     modelValue?: string;
+    flat?: boolean;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<{
     tabs: Tab[];
     modelValue?: string;
+    flat?: boolean;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.vue.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Tabs.vue"],"names":[],"mappings":"AAmDA,OAAO,EAAE,KAAK,GAAG,EAAW,MAAM,eAAe,CAAA;AA2CjD,iBAAS,cAAc;0CA2C6D,GAAG;;WAUzE,OAAO,IAA6B;EAEjD;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;UAzGd,GAAG,EAAE;iBACE,MAAM;;;;UADb,GAAG,EAAE;iBACE,MAAM;;;kFA+GlB,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":"Tabs.vue.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Tabs.vue"],"names":[],"mappings":"AAsDA,OAAO,EAAE,KAAK,GAAG,EAAW,MAAM,eAAe,CAAA;AA8CjD,iBAAS,cAAc;0CA2C6D,GAAG;;WAUzE,OAAO,IAA6B;EAEjD;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;UA5Gd,GAAG,EAAE;iBACE,MAAM;WACZ,OAAO;;;;UAFR,GAAG,EAAE;iBACE,MAAM;WACZ,OAAO;;;kFAiHb,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

@@ -227,8 +227,8 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     vue.useCssVars((_ctx) => ({
-      "a30674be": computedBackgroundColor.value,
-      "1811393c": cumputedTextColor.value
+      "4cc6fa2a": computedBackgroundColor.value,
+      "0ff33606": cumputedTextColor.value
     }));
     const props2 = __props;
     const isComponent = vue.computed(() => {
@@ -317,7 +317,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-7463197f"]]);
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-a73ad8c2"]]);
 const _hoisted_1$G = ["dismissable"];
 const _hoisted_2$r = { class: "m-0" };
 const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
@@ -18947,7 +18947,27 @@ const _hoisted_1$r = { class: "relative" };
 const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   __name: "PasswordInput",
   props: /* @__PURE__ */ vue.mergeModels({
-    txtInputProps: {}
+    id: {},
+    title: {},
+    helptext: {},
+    placeholder: {},
+    label: {},
+    small: { type: Boolean },
+    dense: { type: Boolean },
+    required: { type: Boolean },
+    pattern: {},
+    shrink: { type: Boolean },
+    disabled: { type: Boolean },
+    nativeInputAttrs: {},
+    icon: {},
+    iconStart: {},
+    multiline: { type: Boolean },
+    autoheight: { type: Boolean },
+    code: { type: Boolean },
+    lines: {},
+    autofocus: { type: Boolean },
+    debounceDelay: {},
+    onFocusout: { type: Function }
   }, {
     "modelValue": {},
     "modelModifiers": {},
@@ -18956,18 +18976,23 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   }),
   emits: ["update:modelValue", "update:showPwd"],
   setup(__props) {
+    const props2 = __props;
     const password = vue.useModel(__props, "modelValue");
     const showPwd = vue.useModel(__props, "showPwd");
-    const toggleShowPwdIcon = vue.computed(() => showPwd.value ? "visibility_off" : "visibility");
+    const toggleShowPwdIcon = vue.computed(
+      () => showPwd.value ? "visibility_off" : "visibility"
+    );
     const inputType = vue.computed(() => showPwd.value ? "text" : "password");
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$r, [
         vue.createVNode(vue.unref(TextInput), vue.mergeProps({
           modelValue: password.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => password.value = $event),
-          class: "mb-0",
-          type: inputType.value
-        }, _ctx.txtInputProps), null, 16, ["modelValue", "type"]),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => password.value = $event)
+        }, props2, {
+          type: inputType.value,
+          autocomplete: "current-password",
+          class: "mb-0"
+        }), null, 16, ["modelValue", "type"]),
         vue.createVNode(vue.unref(Btn), {
           flat: "",
           thin: "",
@@ -19010,7 +19035,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (opt) => {
           return vue.openBlock(), vue.createElementBlock("label", {
             key: opt.id,
-            class: "border round p-1 flex bg-gray-light mb-05 gap-075 active-list-item hover",
+            class: "border rounded p-1 flex bg-gray-light mb-05 gap-075 active-list-item hover",
             for: opt.id
           }, [
             vue.withDirectives(vue.createElementVNode("input", {
@@ -19026,7 +19051,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
             vue.createElementVNode("div", _hoisted_3$d, [
               opt.imgSrc ? (vue.openBlock(), vue.createElementBlock("img", {
                 key: 0,
-                class: "bg-popup shadow-light py-025 rounded m_w40",
+                class: "bg-popup shadow-light py-025 radius-05 m_w40",
                 width: "60",
                 src: opt.imgSrc,
                 alt: opt.imgAlt
@@ -19051,7 +19076,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-3ae8f4d3"]]);
+const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-3e9e030f"]]);
 const _hoisted_1$p = { class: "bagel-input" };
 const _hoisted_2$f = { class: "pb-025" };
 const _hoisted_3$c = { class: "flex gap-05 flex-wrap" };
@@ -43623,7 +43648,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-3679d458"]]);
+const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-841bf0ec"]]);
 const _hoisted_1$m = {
   class: "toolbar flex gap-025 pb-05 flex-wrap",
   role: "toolbar"
@@ -43670,7 +43695,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
               key: action.name,
               thin: "",
               flat: "",
-              class: vue.normalizeClass([action.class, "rounded"]),
+              class: vue.normalizeClass([action.class, "radius-05"]),
               "aria-label": action.name,
               icon: action.icon,
               onClick: ($event) => emit2("action", action.name)
@@ -43687,12 +43712,12 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$l = { class: "rich-text-editor round pt-05 px-1 pb-1" };
+const _hoisted_1$l = { class: "rich-text-editor rounded pt-05 px-1 pb-1" };
 const _hoisted_2$c = { class: "editor-container flex flex-stretch gap-1 m_column" };
-const _hoisted_3$a = { class: "content-area rounded p-1 shadow-light w-100 grid" };
+const _hoisted_3$a = { class: "content-area radius-05 p-1 shadow-light w-100 grid" };
 const _hoisted_4$6 = {
   key: 0,
-  class: "preview-area w-100 rounded p-1"
+  class: "preview-area w-100 radius-05 p-1"
 };
 const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
@@ -43853,7 +43878,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const index$1 = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-1cddc1b1"]]);
+const index$1 = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-9c94183b"]]);
 /*!
  * Signature Pad v5.0.3 | https://github.com/szimek/signature_pad
  * (c) 2024 Szymon Nowak | Released under the MIT license
@@ -52214,7 +52239,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("div", {
           class: vue.normalizeClass(["switch", { checked: checked.value }])
         }, _cache[1] || (_cache[1] = [
-          vue.createElementVNode("span", { class: "slider round" }, null, -1)
+          vue.createElementVNode("span", { class: "slider rounded" }, null, -1)
         ]), 2),
         vue.withDirectives(vue.createElementVNode("input", {
           id: inputId.value,
@@ -52233,7 +52258,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ToggleInput = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-0a2b089d"]]);
+const ToggleInput = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-683b2f6d"]]);
 const _hoisted_1$f = { class: "m-0 pb-025 txt14 line-height-1" };
 const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   __name: "BottomMenu",
@@ -52342,7 +52367,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
           icon: "keyboard_arrow_right",
           onClick: toggleMenu
         }),
-        vue.createVNode(vue.unref(_sfc_main$N), { class: "py-1 px-05 h-100 flex column gap-05 round relative bg-primary font-light overflow-y" }, {
+        vue.createVNode(vue.unref(_sfc_main$N), { class: "py-1 px-05 h-100 flex column gap-05 rounded relative bg-primary font-light overflow-y" }, {
           default: vue.withCtx(() => [
             !vue.unref(isOpen) || !vue.unref(slots)["brand-open"] ? vue.renderSlot(_ctx.$slots, "brand", { key: 0 }, void 0, true) : vue.createCommentVNode("", true),
             vue.unref(isOpen) ? vue.renderSlot(_ctx.$slots, "brand-open", { key: 1 }, void 0, true) : vue.createCommentVNode("", true),
@@ -52388,7 +52413,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SidebarMenu = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-6007d02b"]]);
+const SidebarMenu = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-3ee4f3f7"]]);
 const _hoisted_1$d = { class: "bgl_card tabs-top" };
 const _hoisted_2$7 = { class: "tabs grid auto-flow-columns fit-content" };
 const _hoisted_3$5 = ["onClick"];
@@ -52471,7 +52496,8 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   __name: "Tabs",
   props: {
     tabs: {},
-    modelValue: {}
+    modelValue: {},
+    flat: { type: Boolean }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -52503,10 +52529,11 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
         vue.createVNode(vue.unref(TabsNav), {
           modelValue: slctTab.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => slctTab.value = $event),
+          flat: _ctx.flat,
           tabs: _ctx.tabs,
           group: vue.unref(group),
           class: "mb-05"
-        }, null, 8, ["modelValue", "tabs", "group"]),
+        }, null, 8, ["modelValue", "flat", "tabs", "group"]),
         vue.unref(currentTab) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
           vue.unref(slots)[vue.unref(currentTab)] ? vue.renderSlot(_ctx.$slots, vue.unref(currentTab), { key: 0 }) : vue.unref(currentTab) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(tabComponent)), { key: 1 })) : vue.createCommentVNode("", true)
         ])) : vue.createCommentVNode("", true)
@@ -53074,20 +53101,27 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     homeTo: { default: "/" }
   },
   setup(__props) {
-    const isSmallScreen = vue.computed(() => window.innerWidth < 1100);
-    const isOpen = vue.ref(!isSmallScreen.value);
+    let isOpen = vue.ref(true);
+    function calcIsOpen() {
+      isOpen.value = window.innerWidth < 1100 || [null, "true"].includes(localStorage.getItem("navOpen"));
+    }
+    function toggleMenu() {
+      isOpen.value = !isOpen.value;
+      localStorage.setItem("navOpen", `${isOpen.value}`);
+    }
+    vue.onMounted(calcIsOpen);
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass({ open: isOpen.value, closed: !isOpen.value })
+        class: vue.normalizeClass({ open: vue.unref(isOpen), closed: !vue.unref(isOpen) })
       }, [
-        vue.renderSlot(_ctx.$slots, "top", { isOpen: isOpen.value }, void 0, true),
+        vue.renderSlot(_ctx.$slots, "top", { isOpen: vue.unref(isOpen) }, void 0, true),
         vue.createElementVNode("div", {
           class: "nav-expend",
           role: "button",
           "aria-label": "Toggle Navigation",
           tabindex: "0",
-          onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value),
-          onKeypress: _cache[1] || (_cache[1] = vue.withKeys(($event) => isOpen.value = !isOpen.value, ["enter"]))
+          onClick: toggleMenu,
+          onKeypress: vue.withKeys(toggleMenu, ["enter"])
         }, [
           vue.createVNode(vue.unref(_sfc_main$b), {
             icon: "chevron_right",
@@ -53145,7 +53179,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-2f924811"]]);
+const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-5df5b310"]]);
 const _hoisted_1$3 = { class: "page-top" };
 const _hoisted_2$2 = { class: "top-title m-0" };
 const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
@@ -54659,13 +54693,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index2 }, [
                       item.type === "image" ? (vue.openBlock(), vue.createElementBlock("img", {
                         key: 0,
-                        class: vue.normalizeClass(["thumbnail object-fit-cover hover opacity-5 round flex bg-popup justify-content-center align-items-center flex-shrink-0", { active: vue.unref(currentIndex) === index2 }]),
+                        class: vue.normalizeClass(["thumbnail object-fit-cover hover opacity-5 rounded flex bg-popup justify-content-center align-items-center flex-shrink-0", { active: vue.unref(currentIndex) === index2 }]),
                         src: item.src,
                         alt: "",
                         onClick: ($event) => selectItem(index2)
                       }, null, 10, _hoisted_11)) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$b), {
                         key: 1,
-                        class: vue.normalizeClass(["thumbnail object-fit-cover hover opacity-5 round flex bg-popup justify-content-center align-items-center flex-shrink-0", { active: vue.unref(currentIndex) === index2 }]),
+                        class: vue.normalizeClass(["thumbnail object-fit-cover hover opacity-5 ed flex bg-popup justify-content-center align-items-center flex-shrink-0", { active: vue.unref(currentIndex) === index2 }]),
                         icon: "description",
                         onClick: ($event) => selectItem(index2)
                       }, null, 8, ["class", "onClick"]))
@@ -54681,7 +54715,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Lightbox$1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d550287d"]]);
+const Lightbox$1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-68949c15"]]);
 const groups = {};
 const lightboxDirective = {
   mounted(el, binding) {
@@ -54851,7 +54885,7 @@ function numField(id, label, options) {
 function frmRow(...children2) {
   return {
     $el: "div",
-    class: "flex gap-1 m_block",
+    class: "flex gap-1 m_block align-items-end",
     children: children2
   };
 }

package/dist/index.mjs

@@ -225,8 +225,8 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "a30674be": computedBackgroundColor.value,
-      "1811393c": cumputedTextColor.value
+      "4cc6fa2a": computedBackgroundColor.value,
+      "0ff33606": cumputedTextColor.value
     }));
     const props2 = __props;
     const isComponent = computed(() => {
@@ -315,7 +315,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-7463197f"]]);
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-a73ad8c2"]]);
 const _hoisted_1$G = ["dismissable"];
 const _hoisted_2$r = { class: "m-0" };
 const _sfc_main$R = /* @__PURE__ */ defineComponent({
@@ -18945,7 +18945,27 @@ const _hoisted_1$r = { class: "relative" };
 const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "PasswordInput",
   props: /* @__PURE__ */ mergeModels({
-    txtInputProps: {}
+    id: {},
+    title: {},
+    helptext: {},
+    placeholder: {},
+    label: {},
+    small: { type: Boolean },
+    dense: { type: Boolean },
+    required: { type: Boolean },
+    pattern: {},
+    shrink: { type: Boolean },
+    disabled: { type: Boolean },
+    nativeInputAttrs: {},
+    icon: {},
+    iconStart: {},
+    multiline: { type: Boolean },
+    autoheight: { type: Boolean },
+    code: { type: Boolean },
+    lines: {},
+    autofocus: { type: Boolean },
+    debounceDelay: {},
+    onFocusout: { type: Function }
   }, {
     "modelValue": {},
     "modelModifiers": {},
@@ -18954,18 +18974,23 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
   }),
   emits: ["update:modelValue", "update:showPwd"],
   setup(__props) {
+    const props2 = __props;
     const password = useModel(__props, "modelValue");
     const showPwd = useModel(__props, "showPwd");
-    const toggleShowPwdIcon = computed(() => showPwd.value ? "visibility_off" : "visibility");
+    const toggleShowPwdIcon = computed(
+      () => showPwd.value ? "visibility_off" : "visibility"
+    );
     const inputType = computed(() => showPwd.value ? "text" : "password");
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$r, [
         createVNode(unref(TextInput), mergeProps({
           modelValue: password.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => password.value = $event),
-          class: "mb-0",
-          type: inputType.value
-        }, _ctx.txtInputProps), null, 16, ["modelValue", "type"]),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => password.value = $event)
+        }, props2, {
+          type: inputType.value,
+          autocomplete: "current-password",
+          class: "mb-0"
+        }), null, 16, ["modelValue", "type"]),
         createVNode(unref(Btn), {
           flat: "",
           thin: "",
@@ -19008,7 +19033,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
         (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.options, (opt) => {
           return openBlock(), createElementBlock("label", {
             key: opt.id,
-            class: "border round p-1 flex bg-gray-light mb-05 gap-075 active-list-item hover",
+            class: "border rounded p-1 flex bg-gray-light mb-05 gap-075 active-list-item hover",
             for: opt.id
           }, [
             withDirectives(createElementVNode("input", {
@@ -19024,7 +19049,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
             createElementVNode("div", _hoisted_3$d, [
               opt.imgSrc ? (openBlock(), createElementBlock("img", {
                 key: 0,
-                class: "bg-popup shadow-light py-025 rounded m_w40",
+                class: "bg-popup shadow-light py-025 radius-05 m_w40",
                 width: "60",
                 src: opt.imgSrc,
                 alt: opt.imgAlt
@@ -19049,7 +19074,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-3ae8f4d3"]]);
+const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-3e9e030f"]]);
 const _hoisted_1$p = { class: "bagel-input" };
 const _hoisted_2$f = { class: "pb-025" };
 const _hoisted_3$c = { class: "flex gap-05 flex-wrap" };
@@ -43621,7 +43646,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-3679d458"]]);
+const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-841bf0ec"]]);
 const _hoisted_1$m = {
   class: "toolbar flex gap-025 pb-05 flex-wrap",
   role: "toolbar"
@@ -43668,7 +43693,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
               key: action.name,
               thin: "",
               flat: "",
-              class: normalizeClass([action.class, "rounded"]),
+              class: normalizeClass([action.class, "radius-05"]),
               "aria-label": action.name,
               icon: action.icon,
               onClick: ($event) => emit2("action", action.name)
@@ -43685,12 +43710,12 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$l = { class: "rich-text-editor round pt-05 px-1 pb-1" };
+const _hoisted_1$l = { class: "rich-text-editor rounded pt-05 px-1 pb-1" };
 const _hoisted_2$c = { class: "editor-container flex flex-stretch gap-1 m_column" };
-const _hoisted_3$a = { class: "content-area rounded p-1 shadow-light w-100 grid" };
+const _hoisted_3$a = { class: "content-area radius-05 p-1 shadow-light w-100 grid" };
 const _hoisted_4$6 = {
   key: 0,
-  class: "preview-area w-100 rounded p-1"
+  class: "preview-area w-100 radius-05 p-1"
 };
 const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "index",
@@ -43851,7 +43876,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const index$1 = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-1cddc1b1"]]);
+const index$1 = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-9c94183b"]]);
 /*!
  * Signature Pad v5.0.3 | https://github.com/szimek/signature_pad
  * (c) 2024 Szymon Nowak | Released under the MIT license
@@ -52212,7 +52237,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
         createElementVNode("div", {
           class: normalizeClass(["switch", { checked: checked.value }])
         }, _cache[1] || (_cache[1] = [
-          createElementVNode("span", { class: "slider round" }, null, -1)
+          createElementVNode("span", { class: "slider rounded" }, null, -1)
         ]), 2),
         withDirectives(createElementVNode("input", {
           id: inputId.value,
@@ -52231,7 +52256,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ToggleInput = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-0a2b089d"]]);
+const ToggleInput = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-683b2f6d"]]);
 const _hoisted_1$f = { class: "m-0 pb-025 txt14 line-height-1" };
 const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "BottomMenu",
@@ -52340,7 +52365,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
           icon: "keyboard_arrow_right",
           onClick: toggleMenu
         }),
-        createVNode(unref(_sfc_main$N), { class: "py-1 px-05 h-100 flex column gap-05 round relative bg-primary font-light overflow-y" }, {
+        createVNode(unref(_sfc_main$N), { class: "py-1 px-05 h-100 flex column gap-05 rounded relative bg-primary font-light overflow-y" }, {
           default: withCtx(() => [
             !unref(isOpen) || !unref(slots)["brand-open"] ? renderSlot(_ctx.$slots, "brand", { key: 0 }, void 0, true) : createCommentVNode("", true),
             unref(isOpen) ? renderSlot(_ctx.$slots, "brand-open", { key: 1 }, void 0, true) : createCommentVNode("", true),
@@ -52386,7 +52411,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SidebarMenu = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-6007d02b"]]);
+const SidebarMenu = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-3ee4f3f7"]]);
 const _hoisted_1$d = { class: "bgl_card tabs-top" };
 const _hoisted_2$7 = { class: "tabs grid auto-flow-columns fit-content" };
 const _hoisted_3$5 = ["onClick"];
@@ -52469,7 +52494,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "Tabs",
   props: {
     tabs: {},
-    modelValue: {}
+    modelValue: {},
+    flat: { type: Boolean }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -52501,10 +52527,11 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
         createVNode(unref(TabsNav), {
           modelValue: slctTab.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => slctTab.value = $event),
+          flat: _ctx.flat,
           tabs: _ctx.tabs,
           group: unref(group),
           class: "mb-05"
-        }, null, 8, ["modelValue", "tabs", "group"]),
+        }, null, 8, ["modelValue", "flat", "tabs", "group"]),
         unref(currentTab) ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
           unref(slots)[unref(currentTab)] ? renderSlot(_ctx.$slots, unref(currentTab), { key: 0 }) : unref(currentTab) ? (openBlock(), createBlock(resolveDynamicComponent(unref(tabComponent)), { key: 1 })) : createCommentVNode("", true)
         ])) : createCommentVNode("", true)
@@ -53072,20 +53099,27 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     homeTo: { default: "/" }
   },
   setup(__props) {
-    const isSmallScreen = computed(() => window.innerWidth < 1100);
-    const isOpen = ref(!isSmallScreen.value);
+    let isOpen = ref(true);
+    function calcIsOpen() {
+      isOpen.value = window.innerWidth < 1100 || [null, "true"].includes(localStorage.getItem("navOpen"));
+    }
+    function toggleMenu() {
+      isOpen.value = !isOpen.value;
+      localStorage.setItem("navOpen", `${isOpen.value}`);
+    }
+    onMounted(calcIsOpen);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass({ open: isOpen.value, closed: !isOpen.value })
+        class: normalizeClass({ open: unref(isOpen), closed: !unref(isOpen) })
       }, [
-        renderSlot(_ctx.$slots, "top", { isOpen: isOpen.value }, void 0, true),
+        renderSlot(_ctx.$slots, "top", { isOpen: unref(isOpen) }, void 0, true),
         createElementVNode("div", {
           class: "nav-expend",
           role: "button",
           "aria-label": "Toggle Navigation",
           tabindex: "0",
-          onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value),
-          onKeypress: _cache[1] || (_cache[1] = withKeys(($event) => isOpen.value = !isOpen.value, ["enter"]))
+          onClick: toggleMenu,
+          onKeypress: withKeys(toggleMenu, ["enter"])
         }, [
           createVNode(unref(_sfc_main$b), {
             icon: "chevron_right",
@@ -53143,7 +53177,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-2f924811"]]);
+const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-5df5b310"]]);
 const _hoisted_1$3 = { class: "page-top" };
 const _hoisted_2$2 = { class: "top-title m-0" };
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
@@ -54657,13 +54691,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     return openBlock(), createElementBlock(Fragment$1, { key: index2 }, [
                       item.type === "image" ? (openBlock(), createElementBlock("img", {
                         key: 0,
-                        class: normalizeClass(["thumbnail object-fit-cover hover opacity-5 round flex bg-popup justify-content-center align-items-center flex-shrink-0", { active: unref(currentIndex) === index2 }]),
+                        class: normalizeClass(["thumbnail object-fit-cover hover opacity-5 rounded flex bg-popup justify-content-center align-items-center flex-shrink-0", { active: unref(currentIndex) === index2 }]),
                         src: item.src,
                         alt: "",
                         onClick: ($event) => selectItem(index2)
                       }, null, 10, _hoisted_11)) : (openBlock(), createBlock(unref(_sfc_main$b), {
                         key: 1,
-                        class: normalizeClass(["thumbnail object-fit-cover hover opacity-5 round flex bg-popup justify-content-center align-items-center flex-shrink-0", { active: unref(currentIndex) === index2 }]),
+                        class: normalizeClass(["thumbnail object-fit-cover hover opacity-5 ed flex bg-popup justify-content-center align-items-center flex-shrink-0", { active: unref(currentIndex) === index2 }]),
                         icon: "description",
                         onClick: ($event) => selectItem(index2)
                       }, null, 8, ["class", "onClick"]))
@@ -54679,7 +54713,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Lightbox$1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d550287d"]]);
+const Lightbox$1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-68949c15"]]);
 const groups = {};
 const lightboxDirective = {
   mounted(el, binding) {
@@ -54849,7 +54883,7 @@ function numField(id, label, options) {
 function frmRow(...children2) {
   return {
     $el: "div",
-    class: "flex gap-1 m_block",
+    class: "flex gap-1 m_block align-items-end",
     children: children2
   };
 }