@7pmlabs/design-system 0.6.0 → 0.6.1

package/dist/design-system128.mjs

@@ -1,6 +1,6 @@
-import { defineComponent as b, openBlock as d, createElementBlock as n, createElementVNode as g, Fragment as u, renderList as p, unref as i, toDisplayString as y, normalizeClass as h } from "vue";
+import { defineComponent as k, openBlock as d, createElementBlock as n, createElementVNode as c, Fragment as u, renderList as p, unref as g, toDisplayString as y, normalizeClass as h } from "vue";
 import { useDate as v } from "./design-system2.mjs";
-const w = { class: "b-date-picker__grid-date-range ds-space-y-3" }, S = { class: "ds-grid ds-w-full ds-grid-cols-7 ds-gap-1 ds-text-xs ds-text-gray-400" }, C = { class: "date-range -ds-mx-0.5 ds-grid ds-w-full ds-grid-cols-7" }, $ = ["onClick"], E = /* @__PURE__ */ b({
+const w = { class: "b-date-picker__grid-date-range ds-space-y-3" }, S = { class: "ds-grid ds-w-full ds-grid-cols-7 ds-gap-1 ds-text-xs ds-text-gray-400" }, C = { class: "date-range -ds-mx-0.5 ds-grid ds-w-full ds-grid-cols-7" }, $ = ["disabled", "onClick"], E = /* @__PURE__ */ k({
   __name: "BDatePickerGridDateRange",
   props: {
     dateRange: {},
@@ -8,52 +8,47 @@ const w = { class: "b-date-picker__grid-date-range ds-space-y-3" }, S = { class:
   },
   emits: ["select:date"],
   setup(f, { emit: R }) {
-    const t = f, _ = R, { dayShortNames: l } = v(), x = ({ year: a, month: s, date: e }) => {
+    const t = f, _ = R, { dayShortNames: l } = v(), b = ({ year: a, month: s, date: e }) => {
       if (t.dateRange.length < 2)
         return !1;
-      const c = new Date(
+      const i = new Date(
         t.dateRange[0].year,
         t.dateRange[0].month,
         t.dateRange[0].date
-      ), k = new Date(
+      ), D = new Date(
         t.dateRange[1].year,
         t.dateRange[1].month,
         t.dateRange[1].date
       ), m = new Date(a, s, e);
-      return c < m && m < k;
-    }, r = ({ year: a, month: s, date: e }) => t.dateRange.length > 0 ? a === t.dateRange[0].year && s === t.dateRange[0].month && e === t.dateRange[0].date : !1, o = ({ year: a, month: s, date: e }) => t.dateRange.length === 2 ? a === t.dateRange[1].year && s === t.dateRange[1].month && e === t.dateRange[1].date : !1, D = ({
-      year: a,
-      month: s,
-      date: e,
-      disabled: c
-    }) => {
-      c || _("select:date", { year: a, month: s, date: e });
+      return i < m && m < D;
+    }, r = ({ year: a, month: s, date: e }) => t.dateRange.length > 0 ? a === t.dateRange[0].year && s === t.dateRange[0].month && e === t.dateRange[0].date : !1, o = ({ year: a, month: s, date: e }) => t.dateRange.length === 2 ? a === t.dateRange[1].year && s === t.dateRange[1].month && e === t.dateRange[1].date : !1, x = ({ year: a, month: s, date: e }) => {
+      _("select:date", { year: a, month: s, date: e });
     };
     return (a, s) => (d(), n("div", w, [
-      g("div", S, [
-        (d(!0), n(u, null, p(Object.keys(i(l)).length, (e) => (d(), n("div", {
+      c("div", S, [
+        (d(!0), n(u, null, p(Object.keys(g(l)).length, (e) => (d(), n("div", {
           key: e,
           class: "ds-flex ds-justify-center"
-        }, y(e - 1 === 6 ? i(l)[0] : i(l)[e]), 1))), 128))
+        }, y(e - 1 === 6 ? g(l)[0] : g(l)[e]), 1))), 128))
       ]),
-      g("div", C, [
-        (d(!0), n(u, null, p(a.dates, (e) => (d(), n("div", {
+      c("div", C, [
+        (d(!0), n(u, null, p(a.dates, (e) => (d(), n("button", {
           key: `${e.date}${e.month}${e.year}`,
           class: h([{
-            "*:hover:ds-bg-gray-150": !e.disabled && !r(e) && !o(e),
+            "*:enabled:hover:ds-bg-gray-150": !r(e) && !o(e),
+            "enabled:ds-text-gray-400": e.secondary,
             "--selected": r(e) || o(e),
             "--start": r(e),
             "--end": o(e)
-          }, "date-item group ds-cursor-pointer ds-p-0.5"]),
-          onClick: (c) => D(e)
+          }, "date-item group ds-cursor-pointer ds-p-0.5 ds-transition-all focus-visible:ds-bg-gray-150 disabled:ds-text-gray-200"]),
+          disabled: e.disabled,
+          onClick: (i) => x(e)
         }, [
-          g("div", {
+          c("span", {
             class: h([{
-              "ds-text-gray-400": !e.disabled && e.secondary,
-              "ds-text-gray-200": e.disabled,
               "ds-bg-primary-t ds-text-white": r(e) || o(e),
-              "ds-bg-primary-t/10": x(e)
-            }, "date-item__inner ds-flex ds-aspect-square ds-items-center ds-justify-center ds-rounded-lg ds-transition-all"])
+              "ds-bg-primary-t/10": b(e)
+            }, "date-item__inner ds-flex ds-aspect-square ds-items-center ds-justify-center ds-rounded-lg"])
           }, y(e.date), 3)
         ], 10, $))), 128))
       ])

package/dist/design-system128.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system128.mjs","sources":["../src/components/BDatePicker/BDatePickerGridDateRange.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-46467ac7\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"b-date-picker__grid-date-range ds-space-y-3\" }\nconst _hoisted_2 = { class: \"ds-grid ds-w-full ds-grid-cols-7 ds-gap-1 ds-text-xs ds-text-gray-400\" }\nconst _hoisted_3 = { class: \"date-range -ds-mx-0.5 ds-grid ds-w-full ds-grid-cols-7\" }\nconst _hoisted_4 = [\"onClick\"]\n\nimport type { BDatePickerDateItem } from '@/types';\nimport { useDate } from '@/composables/Date';\n\n// https://tailwindcss.com/docs/functions-and-directives#theme\n// https://tailwindcss.com/docs/hover-focus-and-other-states#styling-based-on-parent-state\n\n//#region Props\ninterface BDatePickerDateGridProps {\n  dateRange: BDatePickerDateItem[];\n  dates: BDatePickerDateItem[];\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BDatePickerGridDateRange',\n  props: {\n    dateRange: {},\n    dates: {}\n  },\n  emits: [\"select:date\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst { dayShortNames } = useDate();\n//#endregion\n\n//#region Methods\nconst isWithin = ({ year, month, date }: BDatePickerDateItem) => {\n  if (props.dateRange.length < 2) {\n    return false;\n  }\n\n  const startDate = new Date(\n    props.dateRange[0].year!,\n    props.dateRange[0].month!,\n    props.dateRange[0].date!,\n  );\n  const endDate = new Date(\n    props.dateRange[1].year!,\n    props.dateRange[1].month!,\n    props.dateRange[1].date!,\n  );\n  const d = new Date(year!, month!, date);\n\n  return startDate < d && d < endDate;\n};\nconst isSelectedStart = ({ year, month, date }: BDatePickerDateItem) =>\n  props.dateRange.length > 0\n    ? year === props.dateRange[0].year &&\n      month === props.dateRange[0].month &&\n      date === props.dateRange[0].date\n    : false;\nconst isSelectedEnd = ({ year, month, date }: BDatePickerDateItem) =>\n  props.dateRange.length === 2\n    ? year === props.dateRange[1].year &&\n      month === props.dateRange[1].month &&\n      date === props.dateRange[1].date\n    : false;\nconst handleSelectDate = ({\n  year,\n  month,\n  date,\n  disabled,\n}: BDatePickerDateItem) => {\n  if (disabled) {\n    return;\n  }\n  emit('select:date', { year, month, date });\n};\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createElementVNode(\"div\", _hoisted_2, [\n      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(Object.keys(_unref(dayShortNames)).length, (i) => {\n        return (_openBlock(), _createElementBlock(\"div\", {\n          key: i,\n          class: \"ds-flex ds-justify-center\"\n        }, _toDisplayString(i - 1 === 6 ? _unref(dayShortNames)[0] : _unref(dayShortNames)[i]), 1))\n      }), 128))\n    ]),\n    _createElementVNode(\"div\", _hoisted_3, [\n      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.dates, (i) => {\n        return (_openBlock(), _createElementBlock(\"div\", {\n          key: `${i.date}${i.month}${i.year}`,\n          class: _normalizeClass([{\n          '*:hover:ds-bg-gray-150':\n            !i.disabled && !isSelectedStart(i) && !isSelectedEnd(i),\n          '--selected': isSelectedStart(i) || isSelectedEnd(i),\n          '--start': isSelectedStart(i),\n          '--end': isSelectedEnd(i),\n        }, \"date-item group ds-cursor-pointer ds-p-0.5\"]),\n          onClick: ($event: any) => (handleSelectDate(i))\n        }, [\n          _createElementVNode(\"div\", {\n            class: _normalizeClass([{\n            'ds-text-gray-400': !i.disabled && i.secondary,\n            'ds-text-gray-200': i.disabled,\n            'ds-bg-primary-t ds-text-white':\n              isSelectedStart(i) || isSelectedEnd(i),\n            'ds-bg-primary-t/10': isWithin(i),\n          }, \"date-item__inner ds-flex ds-aspect-square ds-items-center ds-justify-center ds-rounded-lg ds-transition-all\"])\n          }, _toDisplayString(i.date), 3)\n        ], 10, _hoisted_4))\n      }), 128))\n    ])\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_sfc_main","_defineComponent","__props","__emit","props","emit","dayShortNames","useDate","isWithin","year","month","date","startDate","endDate","d","isSelectedStart","isSelectedEnd","handleSelectDate","disabled","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_Fragment","_renderList","_unref","i","_toDisplayString","_normalizeClass","$event"],"mappings":"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"}
+{"version":3,"file":"design-system128.mjs","sources":["../src/components/BDatePicker/BDatePickerGridDateRange.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-9a965dba\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"b-date-picker__grid-date-range ds-space-y-3\" }\nconst _hoisted_2 = { class: \"ds-grid ds-w-full ds-grid-cols-7 ds-gap-1 ds-text-xs ds-text-gray-400\" }\nconst _hoisted_3 = { class: \"date-range -ds-mx-0.5 ds-grid ds-w-full ds-grid-cols-7\" }\nconst _hoisted_4 = [\"disabled\", \"onClick\"]\n\nimport type { BDatePickerDateItem } from '@/types';\nimport { useDate } from '@/composables/Date';\n\n// https://tailwindcss.com/docs/functions-and-directives#theme\n// https://tailwindcss.com/docs/hover-focus-and-other-states#styling-based-on-parent-state\n\n//#region Props\ninterface BDatePickerDateGridProps {\n  dateRange: BDatePickerDateItem[];\n  dates: BDatePickerDateItem[];\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BDatePickerGridDateRange',\n  props: {\n    dateRange: {},\n    dates: {}\n  },\n  emits: [\"select:date\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst { dayShortNames } = useDate();\n//#endregion\n\n//#region Methods\nconst isWithin = ({ year, month, date }: BDatePickerDateItem) => {\n  if (props.dateRange.length < 2) {\n    return false;\n  }\n\n  const startDate = new Date(\n    props.dateRange[0].year!,\n    props.dateRange[0].month!,\n    props.dateRange[0].date!,\n  );\n  const endDate = new Date(\n    props.dateRange[1].year!,\n    props.dateRange[1].month!,\n    props.dateRange[1].date!,\n  );\n  const d = new Date(year!, month!, date);\n\n  return startDate < d && d < endDate;\n};\nconst isSelectedStart = ({ year, month, date }: BDatePickerDateItem) =>\n  props.dateRange.length > 0\n    ? year === props.dateRange[0].year &&\n      month === props.dateRange[0].month &&\n      date === props.dateRange[0].date\n    : false;\nconst isSelectedEnd = ({ year, month, date }: BDatePickerDateItem) =>\n  props.dateRange.length === 2\n    ? year === props.dateRange[1].year &&\n      month === props.dateRange[1].month &&\n      date === props.dateRange[1].date\n    : false;\nconst handleSelectDate = ({ year, month, date }: BDatePickerDateItem) => {\n  emit('select:date', { year, month, date });\n};\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createElementVNode(\"div\", _hoisted_2, [\n      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(Object.keys(_unref(dayShortNames)).length, (i) => {\n        return (_openBlock(), _createElementBlock(\"div\", {\n          key: i,\n          class: \"ds-flex ds-justify-center\"\n        }, _toDisplayString(i - 1 === 6 ? _unref(dayShortNames)[0] : _unref(dayShortNames)[i]), 1))\n      }), 128))\n    ]),\n    _createElementVNode(\"div\", _hoisted_3, [\n      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.dates, (i) => {\n        return (_openBlock(), _createElementBlock(\"button\", {\n          key: `${i.date}${i.month}${i.year}`,\n          class: _normalizeClass([{\n          '*:enabled:hover:ds-bg-gray-150':\n            !isSelectedStart(i) && !isSelectedEnd(i),\n          'enabled:ds-text-gray-400': i.secondary,\n          '--selected': isSelectedStart(i) || isSelectedEnd(i),\n          '--start': isSelectedStart(i),\n          '--end': isSelectedEnd(i),\n        }, \"date-item group ds-cursor-pointer ds-p-0.5 ds-transition-all focus-visible:ds-bg-gray-150 disabled:ds-text-gray-200\"]),\n          disabled: i.disabled,\n          onClick: ($event: any) => (handleSelectDate(i))\n        }, [\n          _createElementVNode(\"span\", {\n            class: _normalizeClass([{\n            'ds-bg-primary-t ds-text-white':\n              isSelectedStart(i) || isSelectedEnd(i),\n            'ds-bg-primary-t/10': isWithin(i),\n          }, \"date-item__inner ds-flex ds-aspect-square ds-items-center ds-justify-center ds-rounded-lg\"])\n          }, _toDisplayString(i.date), 3)\n        ], 10, _hoisted_4))\n      }), 128))\n    ])\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_sfc_main","_defineComponent","__props","__emit","props","emit","dayShortNames","useDate","isWithin","year","month","date","startDate","endDate","d","isSelectedStart","isSelectedEnd","handleSelectDate","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_Fragment","_renderList","_unref","i","_toDisplayString","_normalizeClass","$event"],"mappings":"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"}

package/dist/design-system13.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),E=require("./design-system6.js"),B=require("./design-system4.js"),$=require("./design-system101.js"),V=["for"],P=["id"],L=["id","data-cy","data-ut"],M=e.defineComponent({__name:"BDropdown",props:{inputId:{default:""},modelValue:{type:Boolean,default:void 0},label:{default:""},toggleCssClass:{default:""},menuCssClass:{default:""},noCloseOnClickOutside:{type:Boolean,default:!1},noCloseOnEsc:{type:Boolean,default:!1},menuFixed:{type:Boolean,default:!1}},emits:["hidden","shown","update:modelValue"],setup(g,{emit:w}){const o=g,a=w,r=e.ref(null),n=e.ref(null),l=e.ref(null),c=e.ref(!1),i=e.computed(()=>o.inputId||`id-${$()}`),s=e.computed({get(){return o.modelValue!==void 0?o.modelValue:c.value},set(t){o.modelValue!==void 0?a("update:modelValue",t):c.value=t}});e.watch(s,t=>{var d;t?O():(C(),(d=r.value)==null||d.blur())}),e.watch(()=>o.noCloseOnClickOutside,t=>{t?y():v()}),e.watch(()=>o.noCloseOnEsc,t=>{t?k():m()});const m=()=>{document.addEventListener("keydown",f)},f=t=>{t.key==="Escape"&&u()},v=()=>{document.addEventListener("click",p)},p=t=>{[n.value,l.value].some(b=>t.composedPath().includes(b))||u()},h=()=>{s.value=!s.value},O=()=>{e.nextTick(()=>{E.ensureVisiblePosition(n.value,l.value,o.menuFixed),a("shown")})},C=()=>{E.resetPosition(n.value,l.value),a("hidden")},u=()=>{s.value=!1},k=()=>{document.removeEventListener("keydown",f)},y=()=>{document.removeEventListener("click",p)};return e.onMounted(()=>{o.noCloseOnEsc||m(),o.noCloseOnClickOutside||v()}),e.onBeforeUnmount(()=>{k(),y(),C()}),e.provide(B.PIKey.CloseDropdown,u),(t,d)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"dropdown",ref:n},[o.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:i.value,class:"ds-mb-2 ds-block ds-text-xs ds-font-bold ds-capitalize ds-text-gray-500"},e.toDisplayString(o.label),9,V)):e.createCommentVNode("",!0),e.createElementVNode("button",{id:i.value,ref_key:"toggle",ref:r,class:e.normalizeClass([t.toggleCssClass,"focus:ds-ring-1 focus:ds-ring-primary-t"]),type:"button",onClick:h},[e.renderSlot(t.$slots,"toggle")],10,P),e.withDirectives(e.createElementVNode("div",{id:`${i.value}Menu`,ref_key:"dropdownMenu",ref:l,class:e.normalizeClass([`${t.menuCssClass} ${o.menuFixed?"ds-fixed":"ds-absolute"}`,"ds-z-50 ds-py-1"]),"data-cy":t.$attrs["data-cy"]?`${t.$attrs["data-cy"]}Menu`:void 0,"data-ut":t.$attrs["data-ut"]?`${t.$attrs["data-ut"]}Menu`:void 0},[e.renderSlot(t.$slots,"default")],10,L),[[e.vShow,s.value]])],512))}});module.exports=M;
+"use strict";const e=require("vue"),E=require("./design-system6.js"),B=require("./design-system4.js"),$=require("./design-system100.js"),V=["for"],P=["id"],L=["id","data-cy","data-ut"],M=e.defineComponent({__name:"BDropdown",props:{inputId:{default:""},modelValue:{type:Boolean,default:void 0},label:{default:""},toggleCssClass:{default:""},menuCssClass:{default:""},noCloseOnClickOutside:{type:Boolean,default:!1},noCloseOnEsc:{type:Boolean,default:!1},menuFixed:{type:Boolean,default:!1}},emits:["hidden","shown","update:modelValue"],setup(g,{emit:w}){const o=g,a=w,r=e.ref(null),n=e.ref(null),l=e.ref(null),c=e.ref(!1),i=e.computed(()=>o.inputId||`id-${$()}`),s=e.computed({get(){return o.modelValue!==void 0?o.modelValue:c.value},set(t){o.modelValue!==void 0?a("update:modelValue",t):c.value=t}});e.watch(s,t=>{var d;t?O():(C(),(d=r.value)==null||d.blur())}),e.watch(()=>o.noCloseOnClickOutside,t=>{t?y():v()}),e.watch(()=>o.noCloseOnEsc,t=>{t?k():m()});const m=()=>{document.addEventListener("keydown",f)},f=t=>{t.key==="Escape"&&u()},v=()=>{document.addEventListener("click",p)},p=t=>{[n.value,l.value].some(b=>t.composedPath().includes(b))||u()},h=()=>{s.value=!s.value},O=()=>{e.nextTick(()=>{E.ensureVisiblePosition(n.value,l.value,o.menuFixed),a("shown")})},C=()=>{E.resetPosition(n.value,l.value),a("hidden")},u=()=>{s.value=!1},k=()=>{document.removeEventListener("keydown",f)},y=()=>{document.removeEventListener("click",p)};return e.onMounted(()=>{o.noCloseOnEsc||m(),o.noCloseOnClickOutside||v()}),e.onBeforeUnmount(()=>{k(),y(),C()}),e.provide(B.PIKey.CloseDropdown,u),(t,d)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"dropdown",ref:n},[o.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:i.value,class:"ds-mb-2 ds-block ds-text-xs ds-font-bold ds-capitalize ds-text-gray-500"},e.toDisplayString(o.label),9,V)):e.createCommentVNode("",!0),e.createElementVNode("button",{id:i.value,ref_key:"toggle",ref:r,class:e.normalizeClass([t.toggleCssClass,"focus:ds-ring-1 focus:ds-ring-primary-t"]),type:"button",onClick:h},[e.renderSlot(t.$slots,"toggle")],10,P),e.withDirectives(e.createElementVNode("div",{id:`${i.value}Menu`,ref_key:"dropdownMenu",ref:l,class:e.normalizeClass([`${t.menuCssClass} ${o.menuFixed?"ds-fixed":"ds-absolute"}`,"ds-z-50 ds-py-1"]),"data-cy":t.$attrs["data-cy"]?`${t.$attrs["data-cy"]}Menu`:void 0,"data-ut":t.$attrs["data-ut"]?`${t.$attrs["data-ut"]}Menu`:void 0},[e.renderSlot(t.$slots,"default")],10,L),[[e.vShow,s.value]])],512))}});module.exports=M;
 //# sourceMappingURL=design-system13.js.map

package/dist/design-system13.mjs

@@ -1,7 +1,7 @@
 import { defineComponent as _, ref as d, computed as E, watch as r, nextTick as D, onMounted as z, onBeforeUnmount as F, provide as I, openBlock as w, createElementBlock as h, toDisplayString as S, createCommentVNode as x, createElementVNode as O, normalizeClass as b, renderSlot as $, withDirectives as N, vShow as T } from "vue";
 import { ensureVisiblePosition as K, resetPosition as U } from "./design-system6.mjs";
 import { PIKey as j } from "./design-system4.mjs";
-import q from "./design-system101.mjs";
+import q from "./design-system100.mjs";
 const A = ["for"], G = ["id"], H = ["id", "data-cy", "data-ut"], Y = /* @__PURE__ */ _({
   __name: "BDropdown",
   props: {

package/dist/design-system17.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),i=require("./design-system5.js"),o=require("./design-system6.js"),u=require("./design-system100.js"),d={inheritAttrs:!1},p=e.defineComponent({...d,__name:"BModal",props:{modelValue:{type:Boolean},size:{default:i.BModalSize.Medium},fullscreen:{type:Boolean,default:!1},persistent:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(n,{emit:r}){const s=n,c=r,l=e.computed({get(){return s.modelValue},set(t){c("update:modelValue",t)}});return e.watch(l,t=>{t?o.lockScrollBody():o.unlockScrollBody()},{immediate:!0}),e.onBeforeUnmount(()=>{o.unlockScrollBody()}),(t,a)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{"enter-active-class":"ds-transition-all ds-ease-in-out","enter-from-class":"ds-opacity-0","enter-to-class":"ds-opacity-1","leave-active-class":"ds-transition-all ds-ease-in-out","leave-from-class":"ds-opacity-1","leave-to-class":"ds-opacity-0"},{default:e.withCtx(()=>[l.value?(e.openBlock(),e.createBlock(u,{key:0,class:e.normalizeClass(t.$attrs.class),fullscreen:s.fullscreen,persistent:s.persistent,size:s.size,onClose:a[0]||(a[0]=m=>l.value=!1)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["class","fullscreen","persistent","size"])):e.createCommentVNode("",!0)]),_:3})]))}});module.exports=p;
+"use strict";const e=require("vue"),i=require("./design-system5.js"),o=require("./design-system6.js"),u=require("./design-system101.js"),d={inheritAttrs:!1},p=e.defineComponent({...d,__name:"BModal",props:{modelValue:{type:Boolean},size:{default:i.BModalSize.Medium},fullscreen:{type:Boolean,default:!1},persistent:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(n,{emit:r}){const s=n,c=r,l=e.computed({get(){return s.modelValue},set(t){c("update:modelValue",t)}});return e.watch(l,t=>{t?o.lockScrollBody():o.unlockScrollBody()},{immediate:!0}),e.onBeforeUnmount(()=>{o.unlockScrollBody()}),(t,a)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{"enter-active-class":"ds-transition-all ds-ease-in-out","enter-from-class":"ds-opacity-0","enter-to-class":"ds-opacity-1","leave-active-class":"ds-transition-all ds-ease-in-out","leave-from-class":"ds-opacity-1","leave-to-class":"ds-opacity-0"},{default:e.withCtx(()=>[l.value?(e.openBlock(),e.createBlock(u,{key:0,class:e.normalizeClass(t.$attrs.class),fullscreen:s.fullscreen,persistent:s.persistent,size:s.size,onClose:a[0]||(a[0]=m=>l.value=!1)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["class","fullscreen","persistent","size"])):e.createCommentVNode("",!0)]),_:3})]))}});module.exports=p;
 //# sourceMappingURL=design-system17.js.map

package/dist/design-system17.mjs

@@ -1,7 +1,7 @@
 import { defineComponent as u, computed as m, watch as f, onBeforeUnmount as p, openBlock as o, createBlock as a, Teleport as y, createVNode as B, Transition as _, withCtx as r, normalizeClass as v, renderSlot as z, createCommentVNode as V } from "vue";
 import { BModalSize as k } from "./design-system5.mjs";
 import { lockScrollBody as C, unlockScrollBody as n } from "./design-system6.mjs";
-import S from "./design-system100.mjs";
+import S from "./design-system101.mjs";
 const $ = {
   // https://vuejs.org/guide/components/attrs.html#disabling-attribute-inheritance
   inheritAttrs: !1

package/dist/design-system18.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),O=require("./design-system3.js"),k=require("./design-system6.js"),U=require("./design-system50.js"),j=require("./design-system29.js"),W=require("./design-system15.js"),A=require("./design-system16.js"),H=require("./design-system40.js"),G=require("./design-system101.js"),J={class:"ds-absolute ds-right-3 ds-z-[1]"},K=e.createElementVNode("path",{d:"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"},null,-1),Q=[K],X=["onClick"],Y=e.createElementVNode("path",{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z"},null,-1),Z=[Y],ee=["id","disabled"],se=e.createElementVNode("path",{d:"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"},null,-1),le=[se],te=["id","data-cy","data-ut"],oe={class:"ds-max-h-72 ds-overflow-y-auto ds-rounded-lg ds-bg-white ds-shadow"},ne={class:"ds-py-1 ds-text-sm ds-text-black/[0.85]"},ae=["onClick"],de=e.defineComponent({__name:"BMultiSelect",props:{inputId:{default:""},modelValue:{},label:{default:""},items:{},disabled:{type:Boolean,default:!1},placeholder:{default:""},valueCssClass:{default:""},menuCssClass:{default:""},validationRules:{default:void 0},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1},showSelectedItemCount:{type:Boolean,default:!1},allowInput:{type:Boolean,default:!1}},emits:["change","open","close","change:input","update:modelValue"],setup(_,{expose:V,emit:M}){const o=_,u=M,v=e.ref(null),g=e.ref(null),p=e.ref(null),a=e.ref(!1),{t:B}=U.useI18n(),$={validateRule:s=>!!s&&s.length>0,errorMessage:()=>o.requiredErrorMessage||B("ds.global.field_required")},h=e.ref(""),r=e.ref([]),m=e.computed(()=>o.inputId||`id-${G()}`),n=e.computed({get(){return o.modelValue},set(s){u("update:modelValue",s)}}),q=e.computed(()=>{let s="ds-border ds-drop-shadow-light ds-text-sm ds-h-[40px] ds-px-3 ds-rounded-lg ds-block ds-w-full ds-inline-flex ds-items-center ds-justify-between ";return s+=o.disabled?"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4] ":"ds-bg-white ds-text-black/[0.85] ",s+=i.value.valid?"ds-border-black/10 focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus ":"ds-border-error focus:ds-ring-1 focus:ds-ring-error ",s}),I=e.computed(()=>{let s=[];return o.required&&s.push($),o.validationRules&&(s=s.concat(o.validationRules)),s.length?s:void 0}),N=e.computed(()=>{var s,l;return((s=n.value)==null?void 0:s.length)>1?` (${B("ds.components.base.multi_select.selected_item_count",{count:(l=n.value)==null?void 0:l.length})})`:""}),z=e.computed(()=>o.showSelectedItemCount?`${o.label}${N.value}`:o.label),{validate:b,validationResult:i}=O.useValidationField(m.value,n,I.value);e.watch(a,s=>{s?(k.lockScrollBody(),P(),u("open")):(k.unlockScrollBody(),C(),u("close"))}),e.watch(n,()=>{w()},{deep:!0}),e.watch(()=>o.items,()=>{n.value.length!==0&&r.value.length===0&&w()},{deep:!0});const w=()=>{r.value=n.value.map(s=>{let l=r.value.find(d=>d.value===s);return l||(l=o.items.find(d=>d.value===s)),{text:l==null?void 0:l.text,value:s,cssClass:l==null?void 0:l.cssClass}})},S=()=>{document.addEventListener("keydown",y)},y=s=>{s.key==="Escape"&&E()},L=()=>{document.addEventListener("click",x)},x=s=>{[v.value,p.value].some(t=>s.composedPath().includes(t))||E()},R=s=>{const l=n.value.findIndex(d=>d===s.value);l!==-1?n.value.splice(l,1):n.value.push(s.value),u("change",s.value),e.nextTick(()=>{b()})},D=(s,l)=>{l.style.width=`${s.offsetWidth}px`},P=()=>{e.nextTick(()=>{k.ensureVisiblePosition(v.value,p.value),D(v.value,p.value)})},C=()=>{k.resetPosition(v.value,p.value)},T=s=>{u("change:input",s)},E=()=>{var s;a.value=!1,(s=g.value)==null||s.blur(),h.value=""},F=s=>{const l=n.value.findIndex(d=>d===s.value);l!==-1&&(n.value.splice(l,1),u("change",s.value),e.nextTick(()=>{b()}))};return(()=>{var s;((s=o.items)==null?void 0:s.length)>0&&w()})(),e.onMounted(()=>{S(),L()}),e.onBeforeUnmount(()=>{document.removeEventListener("keydown",y),document.removeEventListener("click",x),k.unlockScrollBody(),C()}),V({validate:b,selectMenu:a}),(s,l)=>{var d;return e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",{ref_key:"selectEl",ref:v},[e.createVNode(A,{id:m.value,label:z.value,required:s.required},null,8,["id","label","required"]),o.allowInput?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([{"ds-border-focus ds-ring-1 ds-ring-focus":a.value&&e.unref(i).valid,"ds-ring-1 ds-ring-error":a.value&&!e.unref(i).valid,"ds-border-black/10":e.unref(i).valid,"ds-border-error":!e.unref(i).valid},"ds-relative ds-flex ds-flex-wrap ds-items-center ds-gap-x-1 ds-rounded-lg ds-border ds-bg-white ds-px-3 ds-py-1 ds-drop-shadow-light"])},[e.createElementVNode("div",J,[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([[a.value?"ds-rotate-180":""],"ds-h-4 ds-w-4 ds-transition-transform"]),viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg",onClick:l[0]||(l[0]=t=>{var c;return(c=g.value)==null?void 0:c.focus()})},Q,2))]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,(t,c)=>(e.openBlock(),e.createElementBlock("div",{key:`item${c}`,class:"ds-my-0.5 ds-flex-initial ds-space-x-1 ds-rounded-lg ds-bg-black/10 ds-px-2"},[e.createElementVNode("span",null,e.toDisplayString(t.text),1),(e.openBlock(),e.createElementBlock("svg",{class:"ds-mb-1 ds-inline ds-h-4 ds-w-4 ds-cursor-pointer ds-fill-black/60 hover:ds-fill-black/40",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg",onClick:f=>F(t)},Z,8,X))]))),128)),o.allowInput?(e.openBlock(),e.createBlock(H,{key:0,id:m.value,ref_key:"inputRef",ref:g,modelValue:h.value,"onUpdate:modelValue":[l[1]||(l[1]=t=>h.value=t),T],disabled:o.disabled,class:"ds-flex-auto","hide-details":"","input-css-class":"ds-drop-shadow-none ds-border-none !ds-ring-0 ds-px-0 !ds-h-[30px] ds-pl-0",onFocus:l[2]||(l[2]=t=>a.value=!0)},null,8,["id","modelValue","disabled"])):e.createCommentVNode("",!0)],2)):(e.openBlock(),e.createElementBlock("button",{key:1,id:m.value,class:e.normalizeClass(q.value),disabled:s.disabled,type:"button",onClick:l[3]||(l[3]=t=>a.value=!a.value)},[r.value.length>0?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([s.valueCssClass,"ds-truncate ds-text-sm"])},e.toDisplayString((d=r.value)==null?void 0:d.map(t=>t.text).join(", ")),3)):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass([s.valueCssClass,"ds-truncate ds-text-sm ds-text-black/[0.4]"])},e.toDisplayString(o.placeholder),3)),e.createTextVNode("   "),(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([[a.value?"ds-rotate-180":""],"ds-h-4 ds-w-4 ds-transition-transform"]),viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},le,2))],10,ee)),e.withDirectives(e.createElementVNode("div",{id:`${m.value}Menu`,ref_key:"selectMenuEl",ref:p,class:e.normalizeClass([s.menuCssClass,"ds-absolute ds-z-50 ds-min-w-[8rem] ds-py-1"]),"data-cy":s.$attrs["data-cy"]?`${s.$attrs["data-cy"]}Menu`:void 0,"data-ut":s.$attrs["data-ut"]?`${s.$attrs["data-ut"]}Menu`:void 0},[e.createElementVNode("div",oe,[e.createElementVNode("ul",ne,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,(t,c)=>(e.openBlock(),e.createElementBlock("li",{key:`item${c}`,class:"ds-cursor-pointer",onClick:e.withModifiers(f=>R(t),["prevent"])},[e.createElementVNode("a",{class:e.normalizeClass([t.cssClass+`${r.value.some(f=>f.value===t.value)?" ds-bg-slate-100":""}`,"ds-flex ds-items-center ds-space-x-2 ds-px-4 ds-py-2 hover:ds-bg-slate-100"])},[e.createVNode(j,{modelValue:n.value,"onUpdate:modelValue":l[4]||(l[4]=f=>n.value=f),value:t.value,size:"sm"},null,8,["modelValue","value"]),e.createElementVNode("span",null,e.toDisplayString(t==null?void 0:t.text),1)],2)],8,ae))),128))])])],10,te),[[e.vShow,a.value]])],512),s.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(W,{key:0,"error-message":e.unref(i).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))])}}});module.exports=de;
+"use strict";const e=require("vue"),O=require("./design-system3.js"),k=require("./design-system6.js"),U=require("./design-system50.js"),j=require("./design-system29.js"),W=require("./design-system15.js"),A=require("./design-system16.js"),H=require("./design-system40.js"),G=require("./design-system100.js"),J={class:"ds-absolute ds-right-3 ds-z-[1]"},K=e.createElementVNode("path",{d:"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"},null,-1),Q=[K],X=["onClick"],Y=e.createElementVNode("path",{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z"},null,-1),Z=[Y],ee=["id","disabled"],se=e.createElementVNode("path",{d:"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"},null,-1),le=[se],te=["id","data-cy","data-ut"],oe={class:"ds-max-h-72 ds-overflow-y-auto ds-rounded-lg ds-bg-white ds-shadow"},ne={class:"ds-py-1 ds-text-sm ds-text-black/[0.85]"},ae=["onClick"],de=e.defineComponent({__name:"BMultiSelect",props:{inputId:{default:""},modelValue:{},label:{default:""},items:{},disabled:{type:Boolean,default:!1},placeholder:{default:""},valueCssClass:{default:""},menuCssClass:{default:""},validationRules:{default:void 0},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1},showSelectedItemCount:{type:Boolean,default:!1},allowInput:{type:Boolean,default:!1}},emits:["change","open","close","change:input","update:modelValue"],setup(_,{expose:V,emit:M}){const o=_,u=M,v=e.ref(null),g=e.ref(null),p=e.ref(null),a=e.ref(!1),{t:B}=U.useI18n(),$={validateRule:s=>!!s&&s.length>0,errorMessage:()=>o.requiredErrorMessage||B("ds.global.field_required")},h=e.ref(""),r=e.ref([]),m=e.computed(()=>o.inputId||`id-${G()}`),n=e.computed({get(){return o.modelValue},set(s){u("update:modelValue",s)}}),q=e.computed(()=>{let s="ds-border ds-drop-shadow-light ds-text-sm ds-h-[40px] ds-px-3 ds-rounded-lg ds-block ds-w-full ds-inline-flex ds-items-center ds-justify-between ";return s+=o.disabled?"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4] ":"ds-bg-white ds-text-black/[0.85] ",s+=i.value.valid?"ds-border-black/10 focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus ":"ds-border-error focus:ds-ring-1 focus:ds-ring-error ",s}),I=e.computed(()=>{let s=[];return o.required&&s.push($),o.validationRules&&(s=s.concat(o.validationRules)),s.length?s:void 0}),N=e.computed(()=>{var s,l;return((s=n.value)==null?void 0:s.length)>1?` (${B("ds.components.base.multi_select.selected_item_count",{count:(l=n.value)==null?void 0:l.length})})`:""}),z=e.computed(()=>o.showSelectedItemCount?`${o.label}${N.value}`:o.label),{validate:b,validationResult:i}=O.useValidationField(m.value,n,I.value);e.watch(a,s=>{s?(k.lockScrollBody(),P(),u("open")):(k.unlockScrollBody(),C(),u("close"))}),e.watch(n,()=>{w()},{deep:!0}),e.watch(()=>o.items,()=>{n.value.length!==0&&r.value.length===0&&w()},{deep:!0});const w=()=>{r.value=n.value.map(s=>{let l=r.value.find(d=>d.value===s);return l||(l=o.items.find(d=>d.value===s)),{text:l==null?void 0:l.text,value:s,cssClass:l==null?void 0:l.cssClass}})},S=()=>{document.addEventListener("keydown",y)},y=s=>{s.key==="Escape"&&E()},L=()=>{document.addEventListener("click",x)},x=s=>{[v.value,p.value].some(t=>s.composedPath().includes(t))||E()},R=s=>{const l=n.value.findIndex(d=>d===s.value);l!==-1?n.value.splice(l,1):n.value.push(s.value),u("change",s.value),e.nextTick(()=>{b()})},D=(s,l)=>{l.style.width=`${s.offsetWidth}px`},P=()=>{e.nextTick(()=>{k.ensureVisiblePosition(v.value,p.value),D(v.value,p.value)})},C=()=>{k.resetPosition(v.value,p.value)},T=s=>{u("change:input",s)},E=()=>{var s;a.value=!1,(s=g.value)==null||s.blur(),h.value=""},F=s=>{const l=n.value.findIndex(d=>d===s.value);l!==-1&&(n.value.splice(l,1),u("change",s.value),e.nextTick(()=>{b()}))};return(()=>{var s;((s=o.items)==null?void 0:s.length)>0&&w()})(),e.onMounted(()=>{S(),L()}),e.onBeforeUnmount(()=>{document.removeEventListener("keydown",y),document.removeEventListener("click",x),k.unlockScrollBody(),C()}),V({validate:b,selectMenu:a}),(s,l)=>{var d;return e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",{ref_key:"selectEl",ref:v},[e.createVNode(A,{id:m.value,label:z.value,required:s.required},null,8,["id","label","required"]),o.allowInput?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([{"ds-border-focus ds-ring-1 ds-ring-focus":a.value&&e.unref(i).valid,"ds-ring-1 ds-ring-error":a.value&&!e.unref(i).valid,"ds-border-black/10":e.unref(i).valid,"ds-border-error":!e.unref(i).valid},"ds-relative ds-flex ds-flex-wrap ds-items-center ds-gap-x-1 ds-rounded-lg ds-border ds-bg-white ds-px-3 ds-py-1 ds-drop-shadow-light"])},[e.createElementVNode("div",J,[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([[a.value?"ds-rotate-180":""],"ds-h-4 ds-w-4 ds-transition-transform"]),viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg",onClick:l[0]||(l[0]=t=>{var c;return(c=g.value)==null?void 0:c.focus()})},Q,2))]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,(t,c)=>(e.openBlock(),e.createElementBlock("div",{key:`item${c}`,class:"ds-my-0.5 ds-flex-initial ds-space-x-1 ds-rounded-lg ds-bg-black/10 ds-px-2"},[e.createElementVNode("span",null,e.toDisplayString(t.text),1),(e.openBlock(),e.createElementBlock("svg",{class:"ds-mb-1 ds-inline ds-h-4 ds-w-4 ds-cursor-pointer ds-fill-black/60 hover:ds-fill-black/40",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg",onClick:f=>F(t)},Z,8,X))]))),128)),o.allowInput?(e.openBlock(),e.createBlock(H,{key:0,id:m.value,ref_key:"inputRef",ref:g,modelValue:h.value,"onUpdate:modelValue":[l[1]||(l[1]=t=>h.value=t),T],disabled:o.disabled,class:"ds-flex-auto","hide-details":"","input-css-class":"ds-drop-shadow-none ds-border-none !ds-ring-0 ds-px-0 !ds-h-[30px] ds-pl-0",onFocus:l[2]||(l[2]=t=>a.value=!0)},null,8,["id","modelValue","disabled"])):e.createCommentVNode("",!0)],2)):(e.openBlock(),e.createElementBlock("button",{key:1,id:m.value,class:e.normalizeClass(q.value),disabled:s.disabled,type:"button",onClick:l[3]||(l[3]=t=>a.value=!a.value)},[r.value.length>0?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([s.valueCssClass,"ds-truncate ds-text-sm"])},e.toDisplayString((d=r.value)==null?void 0:d.map(t=>t.text).join(", ")),3)):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass([s.valueCssClass,"ds-truncate ds-text-sm ds-text-black/[0.4]"])},e.toDisplayString(o.placeholder),3)),e.createTextVNode("   "),(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([[a.value?"ds-rotate-180":""],"ds-h-4 ds-w-4 ds-transition-transform"]),viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},le,2))],10,ee)),e.withDirectives(e.createElementVNode("div",{id:`${m.value}Menu`,ref_key:"selectMenuEl",ref:p,class:e.normalizeClass([s.menuCssClass,"ds-absolute ds-z-50 ds-min-w-[8rem] ds-py-1"]),"data-cy":s.$attrs["data-cy"]?`${s.$attrs["data-cy"]}Menu`:void 0,"data-ut":s.$attrs["data-ut"]?`${s.$attrs["data-ut"]}Menu`:void 0},[e.createElementVNode("div",oe,[e.createElementVNode("ul",ne,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,(t,c)=>(e.openBlock(),e.createElementBlock("li",{key:`item${c}`,class:"ds-cursor-pointer",onClick:e.withModifiers(f=>R(t),["prevent"])},[e.createElementVNode("a",{class:e.normalizeClass([t.cssClass+`${r.value.some(f=>f.value===t.value)?" ds-bg-slate-100":""}`,"ds-flex ds-items-center ds-space-x-2 ds-px-4 ds-py-2 hover:ds-bg-slate-100"])},[e.createVNode(j,{modelValue:n.value,"onUpdate:modelValue":l[4]||(l[4]=f=>n.value=f),value:t.value,size:"sm"},null,8,["modelValue","value"]),e.createElementVNode("span",null,e.toDisplayString(t==null?void 0:t.text),1)],2)],8,ae))),128))])])],10,te),[[e.vShow,a.value]])],512),s.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(W,{key:0,"error-message":e.unref(i).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))])}}});module.exports=de;
 //# sourceMappingURL=design-system18.js.map

package/dist/design-system18.mjs

@@ -6,7 +6,7 @@ import pe from "./design-system29.mjs";
 import fe from "./design-system15.mjs";
 import me from "./design-system16.mjs";
 import he from "./design-system40.mjs";
-import ge from "./design-system101.mjs";
+import ge from "./design-system100.mjs";
 const be = { class: "ds-absolute ds-right-3 ds-z-[1]" }, we = /* @__PURE__ */ i("path", { d: "M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z" }, null, -1), ke = [
   we
 ], xe = ["onClick"], ye = /* @__PURE__ */ i("path", { d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" }, null, -1), Ce = [

package/dist/design-system19.js

@@ -1,2 +1,2 @@
-"use strict";const t=require("vue"),K=require("./design-system15.js"),P=require("./design-system3.js"),N=require("./design-system50.js"),$=require("./design-system102.js"),L=require("./design-system101.js"),S=require("./design-system103.js"),W={class:"ds-flex ds-items-center ds-justify-center ds-space-x-2"},z=t.defineComponent({__name:"BOtpField",props:{inputId:{default:""},modelValue:{default:""},numInputs:{default:6},focusIndex:{default:void 0},disabled:{type:Boolean,default:!1},inputCssClass:{default:""},validationRules:{default:void 0},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1}},emits:["complete","change","update:focusIndex","update:modelValue"],setup(b,{expose:k,emit:O}){const s=b,l=O,{t:x}=N.useI18n(),B={validateRule:e=>!!e,errorMessage:()=>s.requiredErrorMessage||x("ds.global.field_required")},i=t.ref(0),p=t.ref([]),f=t.ref(null),q=e=>{u.value=e},y=()=>{u.value=-1},C=t.computed(()=>s.inputId||`id-${L()}`),n=t.computed({get(){return s.modelValue.split("")},set(e){l("update:modelValue",e.join(""))}}),D=t.computed(()=>s.modelValue),u=t.computed({get(){return s.focusIndex!==void 0?s.focusIndex:i.value},set(e){s.focusIndex!==void 0?l("update:focusIndex",e):i.value=e}}),V=t.computed(()=>{let e=[];return s.required&&e.push(B),s.validationRules&&(e=e.concat(s.validationRules)),e.length?e:void 0}),R=t.computed(()=>[s.disabled?"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]":"ds-text-black/[0.85]",m.value.valid?"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":"ds-border-error focus:ds-ring-1 focus:ds-ring-error",s.inputCssClass]),{validate:v,validationResult:m}=P.useValidationField(C.value,D,V.value),F=()=>{f.value[u.value].focus()},h=()=>n.value.join("").length===s.numInputs?l("complete",n.value.join("")):"Wait until the user enters the required number of characters",c=e=>{u.value=Math.max(Math.min(s.numInputs-1,e),0)},g=()=>{c(u.value+1)},I=()=>{c(u.value-1)},d=e=>{p.value=[...n.value],n.value[u.value]=e,n.value=S(n.value);const o=p.value.join(""),r=n.value.join("");o!==r&&(l("change",r),h())},j=e=>{e.preventDefault();const o=e.clipboardData.getData("text/plain").slice(0,s.numInputs-u.value).split("");if(!o.join("").match(/^\d+$/))return"Invalid pasted data";const a=n.value.slice(0,u.value).concat(o);return a.slice(0,s.numInputs).forEach((_,A)=>{n.value[A]=_}),c(a.slice(0,s.numInputs).length),l("update:modelValue",n.value.join("")),h()},E=e=>{d(e),g()},M=e=>{switch(e.key){case"Backspace":e.preventDefault(),d(""),I();break;case"Delete":e.preventDefault(),d("");break;case"ArrowLeft":e.preventDefault(),I();break;case"ArrowRight":e.preventDefault(),g();break}},w=()=>{v()};return k({validate:v,focus:F}),(e,o)=>(t.openBlock(),t.createElementBlock("div",null,[t.createElementVNode("div",W,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.numInputs,(r,a)=>(t.openBlock(),t.createBlock($,{key:a,ref_for:!0,ref_key:"boxRefs",ref:f,class:t.normalizeClass(R.value),focus:u.value===a,"is-disabled":e.disabled,value:n.value[a],onOnChange:E,onOnKeydown:M,onOnKeyup:w,onOnPaste:j,onOnFocus:_=>q(a),onOnBlur:y},null,8,["class","focus","is-disabled","value","onOnFocus"]))),128))]),e.hideDetails?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(K,{key:0,"error-message":t.unref(m).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=z;
+"use strict";const t=require("vue"),K=require("./design-system15.js"),P=require("./design-system3.js"),N=require("./design-system50.js"),$=require("./design-system102.js"),L=require("./design-system100.js"),S=require("./design-system103.js"),W={class:"ds-flex ds-items-center ds-justify-center ds-space-x-2"},z=t.defineComponent({__name:"BOtpField",props:{inputId:{default:""},modelValue:{default:""},numInputs:{default:6},focusIndex:{default:void 0},disabled:{type:Boolean,default:!1},inputCssClass:{default:""},validationRules:{default:void 0},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1}},emits:["complete","change","update:focusIndex","update:modelValue"],setup(b,{expose:k,emit:O}){const s=b,l=O,{t:x}=N.useI18n(),B={validateRule:e=>!!e,errorMessage:()=>s.requiredErrorMessage||x("ds.global.field_required")},i=t.ref(0),p=t.ref([]),f=t.ref(null),q=e=>{u.value=e},y=()=>{u.value=-1},C=t.computed(()=>s.inputId||`id-${L()}`),n=t.computed({get(){return s.modelValue.split("")},set(e){l("update:modelValue",e.join(""))}}),D=t.computed(()=>s.modelValue),u=t.computed({get(){return s.focusIndex!==void 0?s.focusIndex:i.value},set(e){s.focusIndex!==void 0?l("update:focusIndex",e):i.value=e}}),V=t.computed(()=>{let e=[];return s.required&&e.push(B),s.validationRules&&(e=e.concat(s.validationRules)),e.length?e:void 0}),R=t.computed(()=>[s.disabled?"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]":"ds-text-black/[0.85]",m.value.valid?"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":"ds-border-error focus:ds-ring-1 focus:ds-ring-error",s.inputCssClass]),{validate:v,validationResult:m}=P.useValidationField(C.value,D,V.value),F=()=>{f.value[u.value].focus()},h=()=>n.value.join("").length===s.numInputs?l("complete",n.value.join("")):"Wait until the user enters the required number of characters",c=e=>{u.value=Math.max(Math.min(s.numInputs-1,e),0)},g=()=>{c(u.value+1)},I=()=>{c(u.value-1)},d=e=>{p.value=[...n.value],n.value[u.value]=e,n.value=S(n.value);const o=p.value.join(""),r=n.value.join("");o!==r&&(l("change",r),h())},j=e=>{e.preventDefault();const o=e.clipboardData.getData("text/plain").slice(0,s.numInputs-u.value).split("");if(!o.join("").match(/^\d+$/))return"Invalid pasted data";const a=n.value.slice(0,u.value).concat(o);return a.slice(0,s.numInputs).forEach((_,A)=>{n.value[A]=_}),c(a.slice(0,s.numInputs).length),l("update:modelValue",n.value.join("")),h()},E=e=>{d(e),g()},M=e=>{switch(e.key){case"Backspace":e.preventDefault(),d(""),I();break;case"Delete":e.preventDefault(),d("");break;case"ArrowLeft":e.preventDefault(),I();break;case"ArrowRight":e.preventDefault(),g();break}},w=()=>{v()};return k({validate:v,focus:F}),(e,o)=>(t.openBlock(),t.createElementBlock("div",null,[t.createElementVNode("div",W,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.numInputs,(r,a)=>(t.openBlock(),t.createBlock($,{key:a,ref_for:!0,ref_key:"boxRefs",ref:f,class:t.normalizeClass(R.value),focus:u.value===a,"is-disabled":e.disabled,value:n.value[a],onOnChange:E,onOnKeydown:M,onOnKeyup:w,onOnPaste:j,onOnFocus:_=>q(a),onOnBlur:y},null,8,["class","focus","is-disabled","value","onOnFocus"]))),128))]),e.hideDetails?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(K,{key:0,"error-message":t.unref(m).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=z;
 //# sourceMappingURL=design-system19.js.map

package/dist/design-system19.mjs

@@ -3,7 +3,7 @@ import J from "./design-system15.mjs";
 import { useValidationField as Q } from "./design-system3.mjs";
 import { useI18n as T } from "./design-system50.mjs";
 import X from "./design-system102.mjs";
-import Y from "./design-system101.mjs";
+import Y from "./design-system100.mjs";
 import Z from "./design-system103.mjs";
 const ee = { class: "ds-flex ds-items-center ds-justify-center ds-space-x-2" }, re = /* @__PURE__ */ L({
   __name: "BOtpField",

package/dist/design-system21.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),D=require("./design-system3.js"),v=require("./design-system6.js"),F=require("./design-system50.js"),O=require("./design-system15.js"),U=require("./design-system16.js"),W=require("./design-system40.js"),j=require("./design-system101.js"),H=e.createElementVNode("path",{d:"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"},null,-1),A=[H],G=["id","disabled"],J={key:0},K={key:1,class:"ds-text-black/[0.4]"},Q=e.createElementVNode("path",{d:"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"},null,-1),X=[Q],Y=["id","data-cy","data-ut"],Z={class:"ds-max-h-72 ds-overflow-y-auto ds-rounded-lg ds-bg-white ds-shadow"},ee={class:"ds-py-1 ds-text-sm ds-text-black/[0.85]"},se=["onClick"],te=e.defineComponent({__name:"BSelect",props:{inputId:{default:""},modelValue:{},label:{default:""},items:{},disabled:{type:Boolean,default:!1},placeholder:{default:""},valueCssClass:{default:""},menuCssClass:{default:""},validationRules:{default:void 0},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1},allowInput:{type:Boolean,default:!1}},emits:["change","open","close","change:input","update:modelValue"],setup(x,{expose:V,emit:M}){const t=x,d=M,r=e.ref(null),k=e.ref(null),u=e.ref(null),n=e.ref(!1),{t:q}=F.useI18n(),$={validateRule:s=>!!s,errorMessage:()=>t.requiredErrorMessage||q("ds.global.field_required")},h=e.ref(""),i=e.ref(),c=e.computed(()=>t.inputId||`id-${j()}`),a=e.computed({get(){return t.modelValue},set(s){d("update:modelValue",s)}}),I=e.computed(()=>{let s="ds-border ds-drop-shadow-light ds-text-sm ds-h-[40px] ds-px-3 ds-rounded-lg ds-block ds-w-full ds-inline-flex ds-items-center ds-justify-between ";return s+=t.disabled?"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4] ":"ds-bg-white ds-text-black/[0.85] ",s+=w.value.valid?"ds-border-black/10 focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus ":"ds-border-error focus:ds-ring-1 focus:ds-ring-error ",s}),N=e.computed(()=>{let s=[];return t.required&&s.push($),t.validationRules&&(s=s.concat(t.validationRules)),s.length?s:void 0}),{validate:B,validationResult:w}=D.useValidationField(c.value,a,N.value);e.watch(n,s=>{s?(v.lockScrollBody(),P(),d("open")):(v.unlockScrollBody(),_(),d("close"))}),e.watch(a,()=>{g(),p()}),e.watch(()=>t.items,()=>{var s;a.value&&!((s=i.value)!=null&&s.value)&&(g(),p())},{deep:!0});const g=()=>{var s;i.value=(s=t.items)==null?void 0:s.find(l=>l.value===a.value)},p=()=>{var s;t.allowInput&&(h.value=((s=i.value)==null?void 0:s.text)||"")},L=()=>{document.addEventListener("keydown",E)},E=s=>{s.key==="Escape"&&b()},S=()=>{document.addEventListener("click",C)},C=s=>{[r.value,u.value].some(m=>s.composedPath().includes(m))||b()},z=s=>{a.value=s.value,b(),d("change",s.value),e.nextTick(()=>{B()})},R=(s,l)=>{l.style.width=`${s.offsetWidth}px`},P=()=>{e.nextTick(()=>{v.ensureVisiblePosition(r.value,u.value),R(r.value,u.value)})},_=()=>{v.resetPosition(r.value,u.value)},T=s=>{d("change:input",s)},b=()=>{var s;n.value=!1,(s=k.value)==null||s.blur(),p()};return(()=>{g(),p()})(),e.onMounted(()=>{L(),S()}),e.onBeforeUnmount(()=>{document.removeEventListener("keydown",E),document.removeEventListener("click",C),v.unlockScrollBody(),_()}),V({validate:B,selectMenu:n}),(s,l)=>{var y,m;return e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",{ref_key:"selectEl",ref:r},[e.createVNode(U,{id:c.value,label:s.label,required:s.required},null,8,["id","label","required"]),t.allowInput?(e.openBlock(),e.createBlock(W,{key:0,id:c.value,ref_key:"inputRef",ref:k,modelValue:h.value,"onUpdate:modelValue":[l[0]||(l[0]=o=>h.value=o),T],disabled:t.disabled,placeholder:t.placeholder,"hide-details":"",onFocus:l[1]||(l[1]=o=>n.value=!0),"onClick:append":l[2]||(l[2]=o=>{var f;return(f=k.value)==null?void 0:f.focus()})},{appendIcon:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([[n.value?"ds-rotate-180":""],"ds-h-4 ds-w-4 ds-transition-transform"]),viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},A,2))]),_:1},8,["id","modelValue","disabled","placeholder"])):(e.openBlock(),e.createElementBlock("button",{key:1,id:c.value,class:e.normalizeClass(I.value),disabled:t.disabled,type:"button",onClick:l[3]||(l[3]=o=>n.value=!n.value)},[e.createElementVNode("span",{class:e.normalizeClass([s.valueCssClass,"ds-truncate"])},[(y=i.value)!=null&&y.text?(e.openBlock(),e.createElementBlock("span",J,e.toDisplayString((m=i.value)==null?void 0:m.text),1)):(e.openBlock(),e.createElementBlock("span",K,e.toDisplayString(t.placeholder),1))],2),e.createTextVNode("   "),(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([[n.value?"ds-rotate-180":""],"ds-h-4 ds-w-4 ds-transition-transform"]),viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},X,2))],10,G)),e.withDirectives(e.createElementVNode("div",{id:`${c.value}Menu`,ref_key:"selectMenuEl",ref:u,class:e.normalizeClass([s.menuCssClass,"ds-absolute ds-z-50 ds-min-w-[8rem] ds-py-1"]),"data-cy":s.$attrs["data-cy"]?`${s.$attrs["data-cy"]}Menu`:void 0,"data-ut":s.$attrs["data-ut"]?`${s.$attrs["data-ut"]}Menu`:void 0},[e.createElementVNode("div",Z,[e.createElementVNode("ul",ee,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,(o,f)=>(e.openBlock(),e.createElementBlock("li",{key:`item${f}`,class:"ds-cursor-pointer",onClick:oe=>z(o)},[e.createElementVNode("a",{class:e.normalizeClass([o.cssClass+`${o.value===a.value?" ds-bg-gray-150":""}`,"ds-block ds-px-4 ds-py-2 hover:ds-bg-gray-150"])},e.toDisplayString(o==null?void 0:o.text),3)],8,se))),128))])])],10,Y),[[e.vShow,n.value]])],512),s.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(O,{key:0,"error-message":e.unref(w).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))])}}});module.exports=te;
+"use strict";const e=require("vue"),D=require("./design-system3.js"),v=require("./design-system6.js"),F=require("./design-system50.js"),O=require("./design-system15.js"),U=require("./design-system16.js"),W=require("./design-system40.js"),j=require("./design-system100.js"),H=e.createElementVNode("path",{d:"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"},null,-1),A=[H],G=["id","disabled"],J={key:0},K={key:1,class:"ds-text-black/[0.4]"},Q=e.createElementVNode("path",{d:"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"},null,-1),X=[Q],Y=["id","data-cy","data-ut"],Z={class:"ds-max-h-72 ds-overflow-y-auto ds-rounded-lg ds-bg-white ds-shadow"},ee={class:"ds-py-1 ds-text-sm ds-text-black/[0.85]"},se=["onClick"],te=e.defineComponent({__name:"BSelect",props:{inputId:{default:""},modelValue:{},label:{default:""},items:{},disabled:{type:Boolean,default:!1},placeholder:{default:""},valueCssClass:{default:""},menuCssClass:{default:""},validationRules:{default:void 0},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1},allowInput:{type:Boolean,default:!1}},emits:["change","open","close","change:input","update:modelValue"],setup(x,{expose:V,emit:M}){const t=x,d=M,r=e.ref(null),k=e.ref(null),u=e.ref(null),n=e.ref(!1),{t:q}=F.useI18n(),$={validateRule:s=>!!s,errorMessage:()=>t.requiredErrorMessage||q("ds.global.field_required")},h=e.ref(""),i=e.ref(),c=e.computed(()=>t.inputId||`id-${j()}`),a=e.computed({get(){return t.modelValue},set(s){d("update:modelValue",s)}}),I=e.computed(()=>{let s="ds-border ds-drop-shadow-light ds-text-sm ds-h-[40px] ds-px-3 ds-rounded-lg ds-block ds-w-full ds-inline-flex ds-items-center ds-justify-between ";return s+=t.disabled?"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4] ":"ds-bg-white ds-text-black/[0.85] ",s+=w.value.valid?"ds-border-black/10 focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus ":"ds-border-error focus:ds-ring-1 focus:ds-ring-error ",s}),N=e.computed(()=>{let s=[];return t.required&&s.push($),t.validationRules&&(s=s.concat(t.validationRules)),s.length?s:void 0}),{validate:B,validationResult:w}=D.useValidationField(c.value,a,N.value);e.watch(n,s=>{s?(v.lockScrollBody(),P(),d("open")):(v.unlockScrollBody(),_(),d("close"))}),e.watch(a,()=>{g(),p()}),e.watch(()=>t.items,()=>{var s;a.value&&!((s=i.value)!=null&&s.value)&&(g(),p())},{deep:!0});const g=()=>{var s;i.value=(s=t.items)==null?void 0:s.find(l=>l.value===a.value)},p=()=>{var s;t.allowInput&&(h.value=((s=i.value)==null?void 0:s.text)||"")},L=()=>{document.addEventListener("keydown",E)},E=s=>{s.key==="Escape"&&b()},S=()=>{document.addEventListener("click",C)},C=s=>{[r.value,u.value].some(m=>s.composedPath().includes(m))||b()},z=s=>{a.value=s.value,b(),d("change",s.value),e.nextTick(()=>{B()})},R=(s,l)=>{l.style.width=`${s.offsetWidth}px`},P=()=>{e.nextTick(()=>{v.ensureVisiblePosition(r.value,u.value),R(r.value,u.value)})},_=()=>{v.resetPosition(r.value,u.value)},T=s=>{d("change:input",s)},b=()=>{var s;n.value=!1,(s=k.value)==null||s.blur(),p()};return(()=>{g(),p()})(),e.onMounted(()=>{L(),S()}),e.onBeforeUnmount(()=>{document.removeEventListener("keydown",E),document.removeEventListener("click",C),v.unlockScrollBody(),_()}),V({validate:B,selectMenu:n}),(s,l)=>{var y,m;return e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",{ref_key:"selectEl",ref:r},[e.createVNode(U,{id:c.value,label:s.label,required:s.required},null,8,["id","label","required"]),t.allowInput?(e.openBlock(),e.createBlock(W,{key:0,id:c.value,ref_key:"inputRef",ref:k,modelValue:h.value,"onUpdate:modelValue":[l[0]||(l[0]=o=>h.value=o),T],disabled:t.disabled,placeholder:t.placeholder,"hide-details":"",onFocus:l[1]||(l[1]=o=>n.value=!0),"onClick:append":l[2]||(l[2]=o=>{var f;return(f=k.value)==null?void 0:f.focus()})},{appendIcon:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([[n.value?"ds-rotate-180":""],"ds-h-4 ds-w-4 ds-transition-transform"]),viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},A,2))]),_:1},8,["id","modelValue","disabled","placeholder"])):(e.openBlock(),e.createElementBlock("button",{key:1,id:c.value,class:e.normalizeClass(I.value),disabled:t.disabled,type:"button",onClick:l[3]||(l[3]=o=>n.value=!n.value)},[e.createElementVNode("span",{class:e.normalizeClass([s.valueCssClass,"ds-truncate"])},[(y=i.value)!=null&&y.text?(e.openBlock(),e.createElementBlock("span",J,e.toDisplayString((m=i.value)==null?void 0:m.text),1)):(e.openBlock(),e.createElementBlock("span",K,e.toDisplayString(t.placeholder),1))],2),e.createTextVNode("   "),(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([[n.value?"ds-rotate-180":""],"ds-h-4 ds-w-4 ds-transition-transform"]),viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},X,2))],10,G)),e.withDirectives(e.createElementVNode("div",{id:`${c.value}Menu`,ref_key:"selectMenuEl",ref:u,class:e.normalizeClass([s.menuCssClass,"ds-absolute ds-z-50 ds-min-w-[8rem] ds-py-1"]),"data-cy":s.$attrs["data-cy"]?`${s.$attrs["data-cy"]}Menu`:void 0,"data-ut":s.$attrs["data-ut"]?`${s.$attrs["data-ut"]}Menu`:void 0},[e.createElementVNode("div",Z,[e.createElementVNode("ul",ee,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,(o,f)=>(e.openBlock(),e.createElementBlock("li",{key:`item${f}`,class:"ds-cursor-pointer",onClick:oe=>z(o)},[e.createElementVNode("a",{class:e.normalizeClass([o.cssClass+`${o.value===a.value?" ds-bg-gray-150":""}`,"ds-block ds-px-4 ds-py-2 hover:ds-bg-gray-150"])},e.toDisplayString(o==null?void 0:o.text),3)],8,se))),128))])])],10,Y),[[e.vShow,n.value]])],512),s.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(O,{key:0,"error-message":e.unref(w).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))])}}});module.exports=te;
 //# sourceMappingURL=design-system21.js.map

package/dist/design-system21.mjs

@@ -5,7 +5,7 @@ import { useI18n as re } from "./design-system50.mjs";
 import ce from "./design-system15.mjs";
 import ve from "./design-system16.mjs";
 import pe from "./design-system40.mjs";
-import fe from "./design-system101.mjs";
+import fe from "./design-system100.mjs";
 const me = /* @__PURE__ */ n("path", { d: "M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z" }, null, -1), he = [
   me
 ], be = ["id", "disabled"], ge = { key: 0 }, ke = {

package/dist/design-system22.js

@@ -1,2 +1,2 @@
-"use strict";const l=require("vue"),g=require("./design-system3.js"),_=require("./design-system50.js"),q=require("./design-system15.js"),y=require("./design-system16.js"),B=require("./design-system101.js"),h=["id","autocomplete","disabled","placeholder","readonly","rows"],V=l.defineComponent({__name:"BTextarea",props:{inputId:{default:""},inputCssClass:{default:""},modelValue:{},validationRules:{default:void 0},label:{default:""},placeholder:{default:""},autocomplete:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},rows:{default:3},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(a,{expose:u,emit:i}){const s=a,n=i,{t:c}=_.useI18n(),p={validateRule:e=>typeof e=="number"?!!e:!!(e&&(e!=null&&e.trim())),errorMessage:()=>s.requiredErrorMessage||c("ds.global.field_required")},t=l.computed(()=>s.inputId||`id-${B()}`),r=l.computed({get(){return s.modelValue},set(e){n("update:modelValue",e)}}),f=l.computed(()=>[{"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/40":s.disabled,"ds-text-black/[0.85]":!s.disabled,"ds-border-error focus:ds-ring-1 focus:ds-ring-error":!o.value.valid,"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":o.value.valid},s.inputCssClass]),m=l.computed(()=>{let e=[];return s.required&&e.push(p),s.validationRules&&(e=e.concat(s.validationRules)),e.length?e:void 0}),{validate:v,validationResult:o}=g.useValidationField(t.value,r,m.value);return u({validate:v}),(e,d)=>(l.openBlock(),l.createElementBlock("div",null,[l.createVNode(y,{id:t.value,label:e.label,required:e.required},null,8,["id","label","required"]),l.withDirectives(l.createElementVNode("textarea",{id:t.value,"onUpdate:modelValue":d[0]||(d[0]=b=>r.value=b),autocomplete:s.autocomplete?"on":"off",class:l.normalizeClass([f.value,"ds-block ds-w-full ds-rounded-lg ds-border ds-px-3 ds-py-1 ds-text-sm ds-drop-shadow-light"]),disabled:s.disabled,placeholder:s.placeholder,readonly:s.readonly,rows:s.rows},null,10,h),[[l.vModelText,r.value]]),e.hideDetails?l.createCommentVNode("",!0):(l.openBlock(),l.createBlock(q,{key:0,"error-message":l.unref(o).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=V;
+"use strict";const l=require("vue"),g=require("./design-system3.js"),_=require("./design-system50.js"),q=require("./design-system15.js"),y=require("./design-system16.js"),B=require("./design-system100.js"),h=["id","autocomplete","disabled","placeholder","readonly","rows"],V=l.defineComponent({__name:"BTextarea",props:{inputId:{default:""},inputCssClass:{default:""},modelValue:{},validationRules:{default:void 0},label:{default:""},placeholder:{default:""},autocomplete:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},rows:{default:3},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(a,{expose:u,emit:i}){const s=a,n=i,{t:c}=_.useI18n(),p={validateRule:e=>typeof e=="number"?!!e:!!(e&&(e!=null&&e.trim())),errorMessage:()=>s.requiredErrorMessage||c("ds.global.field_required")},t=l.computed(()=>s.inputId||`id-${B()}`),r=l.computed({get(){return s.modelValue},set(e){n("update:modelValue",e)}}),f=l.computed(()=>[{"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/40":s.disabled,"ds-text-black/[0.85]":!s.disabled,"ds-border-error focus:ds-ring-1 focus:ds-ring-error":!o.value.valid,"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":o.value.valid},s.inputCssClass]),m=l.computed(()=>{let e=[];return s.required&&e.push(p),s.validationRules&&(e=e.concat(s.validationRules)),e.length?e:void 0}),{validate:v,validationResult:o}=g.useValidationField(t.value,r,m.value);return u({validate:v}),(e,d)=>(l.openBlock(),l.createElementBlock("div",null,[l.createVNode(y,{id:t.value,label:e.label,required:e.required},null,8,["id","label","required"]),l.withDirectives(l.createElementVNode("textarea",{id:t.value,"onUpdate:modelValue":d[0]||(d[0]=b=>r.value=b),autocomplete:s.autocomplete?"on":"off",class:l.normalizeClass([f.value,"ds-block ds-w-full ds-rounded-lg ds-border ds-px-3 ds-py-1 ds-text-sm ds-drop-shadow-light"]),disabled:s.disabled,placeholder:s.placeholder,readonly:s.readonly,rows:s.rows},null,10,h),[[l.vModelText,r.value]]),e.hideDetails?l.createCommentVNode("",!0):(l.openBlock(),l.createBlock(q,{key:0,"error-message":l.unref(o).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=V;
 //# sourceMappingURL=design-system22.js.map

package/dist/design-system22.mjs

@@ -3,7 +3,7 @@ import { useValidationField as R } from "./design-system3.mjs";
 import { useI18n as M } from "./design-system50.mjs";
 import E from "./design-system15.mjs";
 import D from "./design-system16.mjs";
-import I from "./design-system101.mjs";
+import I from "./design-system100.mjs";
 const N = ["id", "autocomplete", "disabled", "placeholder", "readonly", "rows"], A = /* @__PURE__ */ y({
   __name: "BTextarea",
   props: {

package/dist/design-system25.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),m=require("./design-system107.js"),E=require("./design-system101.js"),g=["href","title"],y={"aria-hidden":"true",class:"ds-pl-2"},R=["id"],N=["href","title"],V={key:0,"aria-hidden":"true",class:"ds-pl-2"},$=e.defineComponent({__name:"BBreadcrumb",props:{items:{default:()=>[]}},setup(k){const b=k,a=e.ref(!1),d=e.ref(null),i=e.ref(null),c=e.ref(null),f=e.ref(null),r=e.ref([]),h=new ResizeObserver(()=>{if(r.value.length<=1)return;const s=d.value.clientWidth,n=c.value[0].clientWidth;for(let t=1;t<r.value.length&&r.value.reduce((l,o)=>o.hidden?l:l+o.width,0)+n>s;t++)r.value[t].hidden=!0;for(let t=r.value.length-1;t>=1;t--)if(r.value[t].hidden)if(r.value.reduce((l,o)=>o.hidden?l:l+o.width,0)+r.value[t].width+n<=s)r.value[t].hidden=!1;else break}),u=e.computed(()=>r.value.some(s=>s.hidden)),v=e.computed(()=>`menu-id-${E()}`),B=()=>{a.value=!a.value},_=()=>{document.addEventListener("click",p)},w=()=>{document.removeEventListener("click",p)},p=s=>{[c.value[0],f.value[0]].some(l=>s.composedPath().includes(l))||(a.value=!1)};return e.onMounted(()=>{_(),h.observe(d.value),r.value=b.items.map(s=>({...s,hidden:!1,width:0})),e.nextTick(()=>{r.value.forEach((s,n)=>{s.width=i.value[n].clientWidth})})}),e.onUnmounted(()=>{w(),h.unobserve(d.value)}),(s,n)=>(e.openBlock(),e.createElementBlock("nav",null,[e.createElementVNode("ol",{ref_key:"ulRef",ref:d,class:e.normalizeClass([{collapsed:u.value},"ds-relative ds-flex"])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,(t,l)=>{var o;return e.openBlock(),e.createElementBlock(e.Fragment,{key:`item${t.text}`},[l===0?(e.openBlock(),e.createElementBlock("li",{key:0,ref_for:!0,ref_key:"liRefs",ref:i,class:"ds-whitespace-nowrap ds-text-black/[0.85]"},[e.renderSlot(s.$slots,`item-${l}`,{item:t},()=>[e.createElementVNode("a",{href:t.href,title:t.href,class:"ds-transition-colors hover:ds-text-primary-t"},e.toDisplayString(t.text),9,g)]),e.createElementVNode("span",y,[e.renderSlot(s.$slots,`separator-${l}`,{item:t},()=>[e.createVNode(m)])]),e.createElementVNode("div",{ref_for:!0,ref_key:"ellipsisRefs",ref:c,class:"ds-inline-block"},[e.withDirectives(e.createElementVNode("button",{class:e.normalizeClass([{"ds-bg-slate-50":a.value},"ds-ml-2 ds-rounded-lg ds-bg-slate-100 ds-px-2 ds-text-primary-t ds-transition-colors hover:ds-bg-slate-50"]),onClick:B}," ... ",2),[[e.vShow,u.value]]),e.withDirectives(e.createElementVNode("ol",{id:v.value,ref_for:!0,ref_key:"ellipsisMenuRefs",ref:f,class:"ds-absolute ds-mt-1 ds-space-y-2 ds-rounded-lg ds-bg-white ds-p-4 ds-shadow"},null,8,R),[[e.vShow,u.value&&a.value]])],512)],512)):(e.openBlock(),e.createBlock(e.Teleport,{key:1,disabled:!t.hidden,to:`#${v.value}`},[e.createElementVNode("li",{ref_for:!0,ref_key:"liRefs",ref:i,class:"ds-whitespace-nowrap ds-pl-2 ds-text-black/[0.85]"},[e.renderSlot(s.$slots,`item-${l}`,{item:t},()=>[e.createElementVNode("a",{href:t.href,title:t.href,class:"ds-transition-colors hover:ds-text-primary-t"},e.toDisplayString(t.text),9,N)]),l<((o=s.items)==null?void 0:o.length)-1?(e.openBlock(),e.createElementBlock("span",V,[e.renderSlot(s.$slots,`separator-${l}`,{item:t},()=>[e.createVNode(m)])])):e.createCommentVNode("",!0)],512)],8,["disabled","to"]))],64)}),128))],2)]))}});module.exports=$;
+"use strict";const e=require("vue"),m=require("./design-system107.js"),E=require("./design-system100.js"),g=["href","title"],y={"aria-hidden":"true",class:"ds-pl-2"},R=["id"],N=["href","title"],V={key:0,"aria-hidden":"true",class:"ds-pl-2"},$=e.defineComponent({__name:"BBreadcrumb",props:{items:{default:()=>[]}},setup(k){const b=k,a=e.ref(!1),d=e.ref(null),i=e.ref(null),c=e.ref(null),f=e.ref(null),r=e.ref([]),h=new ResizeObserver(()=>{if(r.value.length<=1)return;const s=d.value.clientWidth,n=c.value[0].clientWidth;for(let t=1;t<r.value.length&&r.value.reduce((l,o)=>o.hidden?l:l+o.width,0)+n>s;t++)r.value[t].hidden=!0;for(let t=r.value.length-1;t>=1;t--)if(r.value[t].hidden)if(r.value.reduce((l,o)=>o.hidden?l:l+o.width,0)+r.value[t].width+n<=s)r.value[t].hidden=!1;else break}),u=e.computed(()=>r.value.some(s=>s.hidden)),v=e.computed(()=>`menu-id-${E()}`),B=()=>{a.value=!a.value},_=()=>{document.addEventListener("click",p)},w=()=>{document.removeEventListener("click",p)},p=s=>{[c.value[0],f.value[0]].some(l=>s.composedPath().includes(l))||(a.value=!1)};return e.onMounted(()=>{_(),h.observe(d.value),r.value=b.items.map(s=>({...s,hidden:!1,width:0})),e.nextTick(()=>{r.value.forEach((s,n)=>{s.width=i.value[n].clientWidth})})}),e.onUnmounted(()=>{w(),h.unobserve(d.value)}),(s,n)=>(e.openBlock(),e.createElementBlock("nav",null,[e.createElementVNode("ol",{ref_key:"ulRef",ref:d,class:e.normalizeClass([{collapsed:u.value},"ds-relative ds-flex"])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,(t,l)=>{var o;return e.openBlock(),e.createElementBlock(e.Fragment,{key:`item${t.text}`},[l===0?(e.openBlock(),e.createElementBlock("li",{key:0,ref_for:!0,ref_key:"liRefs",ref:i,class:"ds-whitespace-nowrap ds-text-black/[0.85]"},[e.renderSlot(s.$slots,`item-${l}`,{item:t},()=>[e.createElementVNode("a",{href:t.href,title:t.href,class:"ds-transition-colors hover:ds-text-primary-t"},e.toDisplayString(t.text),9,g)]),e.createElementVNode("span",y,[e.renderSlot(s.$slots,`separator-${l}`,{item:t},()=>[e.createVNode(m)])]),e.createElementVNode("div",{ref_for:!0,ref_key:"ellipsisRefs",ref:c,class:"ds-inline-block"},[e.withDirectives(e.createElementVNode("button",{class:e.normalizeClass([{"ds-bg-slate-50":a.value},"ds-ml-2 ds-rounded-lg ds-bg-slate-100 ds-px-2 ds-text-primary-t ds-transition-colors hover:ds-bg-slate-50"]),onClick:B}," ... ",2),[[e.vShow,u.value]]),e.withDirectives(e.createElementVNode("ol",{id:v.value,ref_for:!0,ref_key:"ellipsisMenuRefs",ref:f,class:"ds-absolute ds-mt-1 ds-space-y-2 ds-rounded-lg ds-bg-white ds-p-4 ds-shadow"},null,8,R),[[e.vShow,u.value&&a.value]])],512)],512)):(e.openBlock(),e.createBlock(e.Teleport,{key:1,disabled:!t.hidden,to:`#${v.value}`},[e.createElementVNode("li",{ref_for:!0,ref_key:"liRefs",ref:i,class:"ds-whitespace-nowrap ds-pl-2 ds-text-black/[0.85]"},[e.renderSlot(s.$slots,`item-${l}`,{item:t},()=>[e.createElementVNode("a",{href:t.href,title:t.href,class:"ds-transition-colors hover:ds-text-primary-t"},e.toDisplayString(t.text),9,N)]),l<((o=s.items)==null?void 0:o.length)-1?(e.openBlock(),e.createElementBlock("span",V,[e.renderSlot(s.$slots,`separator-${l}`,{item:t},()=>[e.createVNode(m)])])):e.createCommentVNode("",!0)],512)],8,["disabled","to"]))],64)}),128))],2)]))}});module.exports=$;
 //# sourceMappingURL=design-system25.js.map

package/dist/design-system25.mjs

@@ -1,6 +1,6 @@
 import { defineComponent as x, ref as n, computed as w, onMounted as z, nextTick as N, onUnmounted as V, openBlock as d, createElementBlock as u, createElementVNode as o, normalizeClass as g, Fragment as y, renderList as D, renderSlot as f, toDisplayString as R, createVNode as B, withDirectives as $, vShow as C, createBlock as I, Teleport as T, createCommentVNode as F } from "vue";
 import E from "./design-system107.mjs";
-import P from "./design-system101.mjs";
+import P from "./design-system100.mjs";
 const U = ["href", "title"], j = {
   "aria-hidden": "true",
   class: "ds-pl-2"

package/dist/design-system26.js

@@ -1,2 +1,2 @@
-"use strict";const t=require("vue"),me=require("./design-system11.js"),Ke=require("./design-system16.js"),Ue=require("./design-system3.js"),We=require("./design-system15.js"),Je=require("./design-system50.js"),P=require("./design-system6.js"),x=require("./design-system106.js"),E=require("./design-system99.js"),pe=require("./design-system4.js"),Qe=require("./design-system49.js"),Xe=require("./design-system108.js"),Ze=require("./design-system109.js"),et=require("./design-system110.js"),tt=require("./design-system111.js"),at=require("./design-system112.js"),lt=require("./design-system113.js"),st=require("./design-system2.js"),nt=require("./design-system114.js"),ot=require("./design-system115.js"),ge=require("./design-system116.js"),g=require("./design-system5.js"),ut=require("./design-system101.js"),Y=require("./design-system105.js"),w=require("./design-system117.js"),rt={class:"b-date-picker"},it={class:"ds-relative"},dt=["id","disabled","placeholder","value"],ct=["id","disabled","placeholder"],vt={class:"ds-mt-1 ds-grid ds-w-80 ds-gap-5 ds-rounded-lg ds-bg-white ds-p-3 ds-shadow-2xl"},ft={class:"ds-flex ds-w-full ds-items-center ds-justify-between"},ht={class:"ds-grid ds-w-full ds-grid-cols-2 ds-gap-2"},mt=t.defineComponent({__name:"BDatePicker",props:{inputId:{default:""},modelValue:{default:void 0},label:{default:""},validationRules:{default:void 0},placeholder:{default:""},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},disabled:{type:Boolean,default:!1},inputCssClass:{default:""},minDate:{default:void 0},maxDate:{default:void 0},range:{type:Boolean,default:!1},hideDetails:{type:Boolean,default:!1},view:{default:g.BDatePickerView.Dates}},emits:["update:modelValue"],setup(ke,{emit:De}){const l=ke,ye=De;let _;const T=`DD${pe.DateDelimiter}MM${pe.DateDelimiter}YYYY`,k=new Date(new Date().getFullYear(),new Date().getMonth(),new Date().getDate()),Z=ge.useBreakpoints(ge.breakpointsTailwind).greaterOrEqual("sm"),{t:$}=Je.useI18n(),{formatMonthYear:we}=st.useDate(),r=t.ref({}),o=t.ref([]),V=t.ref({year:k.getFullYear(),month:k.getMonth()}),n=t.ref({year:k.getFullYear(),month:k.getMonth()}),D=t.ref(!1),m=t.ref(l.view),q=t.ref(null),B=t.ref(null),ee=t.ref(null),H=t.ref(null),C=t.ref([]),L=t.ref([]),N=t.ref([]),F=t.ref(""),te=t.ref(!1),ae=t.ref(!1),c=t.computed(()=>d(l.minDate)),v=t.computed(()=>d(l.maxDate)),_e={validateRule:e=>!!e,errorMessage:()=>l.requiredErrorMessage||$("ds.global.field_required")},R=t.computed(()=>l.inputId||`id-${ut()}`),i=t.computed({get(){return l.modelValue},set(e){ye("update:modelValue",e)}}),be=t.computed(()=>{var e;return(e=l.modelValue)==null?void 0:e.map(a=>X(a)).join(" - ")}),Me=t.computed(()=>{let e=[];return l.required&&e.push(_e),l.validationRules&&(e=e.concat(l.validationRules)),e.length?e:void 0}),{validate:Ve,validationResult:j}=Ue.useValidationField(R.value,i,Me.value),le=t.computed(()=>["ds-border ds-rounded-lg ds-block ds-w-full ds-text-sm ds-px-3 ds-h-[40px] ds-transition-all ds-ease-in-out",{"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]":l.disabled,"ds-text-black/[0.85]":!l.disabled,"ds-border-error focus:ds-ring-1 focus:ds-ring-error":!j.value.valid,"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":j.value.valid,"!ds-border-focus ds-ring-1 ds-ring-focus":D.value},l.inputCssClass]),Be=t.computed(()=>{const e={mask:x.MaskedDate,pattern:T,lazy:!0,format:a=>E(a).format(T),parse:a=>E(a,T),blocks:{YYYY:{mask:x.MaskedRange,from:1,to:9999},MM:{mask:x.MaskedRange,from:1,to:12},DD:{mask:x.MaskedRange,from:1,to:31}}};return c.value&&(e.min=c.value),v.value&&(e.max=v.value),e}),I=t.computed(()=>({[g.BDatePickerView.Years]:{handleClickPreview:Te,handleClickNext:Fe},[g.BDatePickerView.Months]:{handleClickPreview:Re,handleClickNext:Ie,handleClickHeading:Pe},[g.BDatePickerView.Dates]:{handleClickPreview:Oe,handleClickNext:$e,handleClickHeading:Ce}}));t.watch(()=>l.minDate,()=>{if(l.range){const e=i.value;e.length>0&&se(e[0])}else{const e=i.value;se(e)}y()}),t.watch(()=>l.maxDate,()=>{if(l.range){const e=i.value;e.length>1&&z(e[1]),e.length>0&&z(e[0])}else{const e=i.value;z(e)}y()}),t.watch(()=>l.range,e=>{e||t.nextTick(()=>{fe()}),r.value={},o.value=[]}),t.watch(()=>l.view,e=>{m.value=e}),t.watch(Z,()=>{D.value=!1}),t.watch(D,e=>{e?(P.lockScrollBody(),l.range?o.value=i.value?ne(i.value):[]:r.value=i.value?p(i.value):{},n.value=M(V.value),t.nextTick(()=>{Z.value?P.ensureVisiblePosition(q.value,B.value):document.body.append(B.value)})):(P.unlockScrollBody(),P.resetPosition(q.value,B.value))}),t.watch(()=>l.modelValue,e=>{if(A(e))if(l.range){const a=e;o.value=e?ne(a):[],V.value=e?p(a[1],!0):{},n.value=e?p(a[1],!0):{}}else{const a=e;r.value=e?p(a):{},V.value=e?p(a,!0):{},n.value=e?p(a,!0):{}}!l.range&&A(Q())&&(_.value=X(d(e)||""))});const se=e=>{const a=d(e);c.value&&a&&c.value>a&&(i.value=void 0)},z=e=>{const a=d(e);v.value&&a&&v.value<a&&(i.value=void 0)},d=e=>{switch(typeof e){case"object":return e;case"number":return new Date(e);case"string":return Qe.checkIfISOFormat(e)?new Date(e):void 0}return e},Ce=()=>{S(),m.value=g.BDatePickerView.Months},Pe=()=>{O(),m.value=g.BDatePickerView.Years},A=e=>{var s,f;return(l.range?[!Y(l.modelValue)&&Y(e),!Y(e)&&Y(l.modelValue),!Y(l.modelValue)&&!Y(e)&&l.modelValue.some((h,u)=>{var b,he;return((b=d(h))==null?void 0:b.getTime())!==((he=d(e[u]))==null?void 0:he.getTime())})]:[!l.modelValue&&e,!e&&l.modelValue,l.modelValue&&e&&((s=d(l.modelValue))==null?void 0:s.getTime())!==((f=d(e))==null?void 0:f.getTime())]).some(h=>h)},Ye=()=>{D.value=!1},qe=()=>{D.value=!1,l.range?o.value.length===2?i.value=[new Date(o.value[0].year,o.value[0].month,o.value[0].date),new Date(o.value[1].year,o.value[1].month,o.value[1].date)]:i.value=void 0:!w(r.value.year)&&!w(r.value.month)&&!w(r.value.date)?i.value=new Date(r.value.year,r.value.month,r.value.date):i.value=void 0,V.value=M(n.value)},M=(e,a)=>({year:e.year,month:e.month,date:a?void 0:e.date}),p=(e,a)=>({year:d(e).getFullYear(),month:d(e).getMonth(),date:a?void 0:d(e).getDate()}),ne=(e,a)=>[{year:d(e[0]).getFullYear(),month:d(e[0]).getMonth(),date:a?void 0:d(e[0]).getDate()},{year:d(e[1]).getFullYear(),month:d(e[1]).getMonth(),date:a?void 0:d(e[1]).getDate()}],Ne=e=>{n.value=M(e),S(),m.value=g.BDatePickerView.Months},Se=e=>{n.value=M(e),y(),m.value=g.BDatePickerView.Dates},xe=e=>{e.year===r.value.year&&e.month===r.value.month&&e.date===r.value.date?r.value=M({}):(r.value=M(e),n.value=M(e,!0),y())},Ee=({year:e,month:a,date:s})=>{const f=o.value.length;if(f===0)o.value.push({year:e,month:a,date:s});else if(f===1){const h=o.value.findIndex(u=>u.year===e&&u.month===a&&u.date===s);h!==-1?o.value.splice(h,1):new Date(e,a,s)>new Date(o.value[0].year,o.value[0].month,o.value[0].date)?o.value.push({year:e,month:a,date:s}):o.value.unshift({year:e,month:a,date:s})}else if(f===2){const h=o.value.findIndex(u=>u.year===e&&u.month===a&&u.date===s);h!==-1?o.value.splice(h,1):(o.value=[],o.value.push({year:e,month:a,date:s}))}n.value={year:e,month:a},y()},Te=()=>{oe(-1),O()},Fe=()=>{oe(1),O()},oe=e=>{w(n.value.year)||(n.value.year+=e*10)},Re=()=>{ue(-1),S()},Ie=()=>{ue(1),S()},ue=e=>{w(n.value.year)||(n.value.year+=e)},Oe=()=>{re(-1),y()},$e=()=>{re(1),y()},re=e=>{w(n.value.month)||(n.value.month+=e)},He=()=>{D.value=!0},ie=()=>{l.disabled||(D.value=!D.value)},G=e=>(c.value?c.value.getFullYear()>e:!1)||(v.value?e>v.value.getFullYear():!1),Le=(e,a)=>(c.value?c.value.getFullYear()===e&&c.value.getMonth()>a||c.value.getFullYear()>e:!1)||(v.value?v.value.getFullYear()===e&&v.value.getMonth()<a||v.value.getFullYear()<e:!1),K=e=>(c.value?c.value>e:!1)||(v.value?e>v.value:!1),U=(e,a)=>new Date(e,a,1),W=(e,a)=>new Date(e,a+1,0),O=()=>{if(N.value=[],w(n.value.year))return;const e=n.value.year.toString().slice(0,-1),a=+`${e}0`,s=+`${e}9`;N.value.push({year:a-1,secondary:!0,disabled:G(a-1)});for(let u=a;u<=s;u++)N.value.push({year:u,disabled:G(u)});N.value.push({year:s+1,secondary:!0,disabled:G(s+1)}),F.value=`${e}0 - ${e}9`;const f=U(a,0),h=W(s,11);J(f,h)},S=()=>{if(L.value=[],w(n.value.year))return;for(let s=0;s<12;s++)L.value.push({year:n.value.year,month:s,disabled:Le(n.value.year,s)});F.value=n.value.year.toString();const e=U(n.value.year,0),a=W(n.value.year,11);J(e,a)},y=()=>{if(C.value=[],w(n.value.year)||w(n.value.month))return;const e=U(n.value.year,n.value.month),a=W(n.value.year,n.value.month),s=structuredClone(e);let f=s.getDay()===0?6:s.getDay()-1;for(;f>0;){const u=structuredClone(s);u.setDate(-(f-1)),C.value.push({date:u.getDate(),month:u.getMonth(),year:u.getFullYear(),secondary:!0,disabled:K(u)}),f--}for(;s<=a;)C.value.push({date:s.getDate(),month:s.getMonth(),year:s.getFullYear(),disabled:K(s)}),s.setDate(s.getDate()+1);const h=s.getDay()===0?1:7-s.getDay()+1;if(h<6){let u=1;const b=structuredClone(s);for(;u<=h;)b.setDate(u),C.value.push({date:b.getDate(),month:b.getMonth(),year:b.getFullYear(),secondary:!0,disabled:K(b)}),u++}F.value=we(new Date(n.value.year,n.value.month,1)).toString(),J(e,a)},J=(e,a)=>{te.value=c.value?c.value>=e:!1,ae.value=v.value?v.value<=a:!1},Q=()=>{const e=_.value.split("/"),a=`${e[2]}-${e[1]}-${e[0]}`;if(E(a,E.ISO_8601,!0).isValid())return new Date(a)},je=()=>{_.unmaskedValue||(i.value=void 0,r.value={year:k.getFullYear(),month:k.getMonth()})},ze=()=>{const e=Q();e?(i.value=e,r.value=p(e),V.value=p(e,!0),n.value=p(e,!0),y()):(i.value=void 0,r.value={year:k.getFullYear(),month:k.getMonth()})},Ae=()=>{const e=Q();Ve(),A(e)&&(e?(i.value=e,V.value=p(e,!0),r.value=p(e),n.value=p(e,!0),y()):(i.value=void 0,r.value={year:k.getFullYear(),month:k.getMonth()}))},X=e=>E(e).format(T),de=e=>{[q.value,B.value].some(f=>e.composedPath().includes(f))||ve()},ce=e=>{e.key==="Escape"&&ve()},ve=()=>{var e,a;D.value=!1,(e=ee.value)==null||e.blur(),(a=H.value)==null||a.blur()},fe=()=>{_=x(H.value,Be.value),_.value=X(d(l.modelValue)||""),_.on("accept",je),_.on("complete",ze)},Ge=()=>{_&&_.destroy()};return(()=>{O(),S(),y()})(),t.onMounted(()=>{l.range||fe(),document.addEventListener("click",de),document.addEventListener("keydown",ce)}),t.onBeforeUnmount(()=>{Ge(),P.unlockScrollBody(),P.resetPosition(q.value,B.value),document.removeEventListener("keydown",ce),document.removeEventListener("click",de)}),(e,a)=>(t.openBlock(),t.createElementBlock("div",rt,[t.createElementVNode("div",{ref_key:"datePickerRef",ref:q},[t.createVNode(Ke,{id:R.value,label:e.label,required:e.required},null,8,["id","label","required"]),t.createElementVNode("div",it,[l.range?(t.openBlock(),t.createElementBlock("input",{key:0,id:R.value,ref_key:"datePickerInputRef",ref:ee,class:t.normalizeClass([le.value,"ds-drop-shadow-light"]),disabled:e.disabled,placeholder:e.placeholder,value:be.value,readonly:"",onFocus:He},null,42,dt)):(t.openBlock(),t.createElementBlock("input",{key:1,id:R.value,ref_key:"datePickerInputMaskRef",ref:H,class:t.normalizeClass([le.value,"ds-drop-shadow-light"]),disabled:e.disabled,placeholder:e.placeholder,onBlur:Ae},null,42,ct)),t.createVNode(lt,{disabled:l.disabled,onClick:ie,onKeyup:t.withKeys(ie,["enter"])},null,8,["disabled"])]),t.withDirectives(t.createElementVNode("div",{ref_key:"datePickerMenuRef",ref:B,class:"b-date-picker__menu sm:ds-items-[unset] sm:ds-justify-[unset] ds-fixed ds-left-0 ds-top-0 ds-z-100 ds-flex ds-h-full ds-w-full ds-items-center ds-justify-center ds-bg-black/65 ds-backdrop-blur-sm sm:ds-absolute sm:ds-left-[unset] sm:ds-top-[unset] sm:ds-z-50 sm:ds-block sm:ds-h-auto sm:ds-w-auto sm:ds-bg-transparent sm:ds-backdrop-blur-none"},[t.createElementVNode("div",vt,[t.createElementVNode("div",ft,[t.createVNode(et,{disabled:te.value,onClick:a[0]||(a[0]=s=>I.value[m.value].handleClickPreview())},null,8,["disabled"]),t.createVNode(at,{class:t.normalizeClass({"ds-cursor-pointer hover:ds-bg-gray-150":I.value[m.value].handleClickHeading}),onClick:I.value[m.value].handleClickHeading},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(F.value),1)]),_:1},8,["class","onClick"]),t.createVNode(tt,{disabled:ae.value,onClick:a[1]||(a[1]=s=>I.value[m.value].handleClickNext())},null,8,["disabled"])]),m.value===t.unref(g.BDatePickerView).Years?(t.openBlock(),t.createBlock(nt,{key:0,year:r.value,years:N.value,"onSelect:year":Ne},null,8,["year","years"])):t.createCommentVNode("",!0),m.value===t.unref(g.BDatePickerView).Months?(t.openBlock(),t.createBlock(Ze,{key:1,month:r.value,months:L.value,"onSelect:month":Se},null,8,["month","months"])):t.createCommentVNode("",!0),m.value===t.unref(g.BDatePickerView).Dates?(t.openBlock(),t.createElementBlock(t.Fragment,{key:2},[l.range?(t.openBlock(),t.createBlock(ot,{key:0,"date-range":o.value,dates:C.value,"onSelect:date":Ee},null,8,["date-range","dates"])):(t.openBlock(),t.createBlock(Xe,{key:1,date:r.value,dates:C.value,"onSelect:date":xe},null,8,["date","dates"]))],64)):t.createCommentVNode("",!0),t.createElementVNode("div",ht,[t.createVNode(me,{onClick:Ye},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(t.unref($)("ds.components.base.date_picker.buttons.cancel")),1)]),_:1}),t.createVNode(me,{type:"primary",onClick:qe},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(t.unref($)("ds.components.base.date_picker.buttons.confirm")),1)]),_:1})])])],512),[[t.vShow,D.value]])],512),e.hideDetails?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(We,{key:0,"error-message":t.unref(j).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=mt;
+"use strict";const t=require("vue"),ge=require("./design-system11.js"),Ue=require("./design-system16.js"),We=require("./design-system3.js"),Je=require("./design-system15.js"),Qe=require("./design-system50.js"),P=require("./design-system6.js"),E=require("./design-system106.js"),T=require("./design-system99.js"),pe=require("./design-system4.js"),Xe=require("./design-system49.js"),Ze=require("./design-system108.js"),et=require("./design-system109.js"),tt=require("./design-system110.js"),at=require("./design-system111.js"),lt=require("./design-system112.js"),st=require("./design-system113.js"),nt=require("./design-system2.js"),ot=require("./design-system114.js"),ut=require("./design-system115.js"),ke=require("./design-system116.js"),p=require("./design-system5.js"),rt=require("./design-system100.js"),Y=require("./design-system105.js"),w=require("./design-system117.js"),it={class:"b-date-picker"},dt={class:"ds-relative"},ct=["id","disabled","placeholder","value"],vt=["id","disabled","placeholder"],ft={class:"ds-mt-1 ds-grid ds-w-80 ds-gap-5 ds-rounded-lg ds-bg-white ds-p-3 ds-shadow-2xl"},ht={class:"ds-flex ds-w-full ds-items-center ds-justify-between"},mt={class:"ds-grid ds-w-full ds-grid-cols-2 ds-gap-2"},gt=t.defineComponent({__name:"BDatePicker",props:{inputId:{default:""},modelValue:{default:void 0},label:{default:""},validationRules:{default:void 0},placeholder:{default:""},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},disabled:{type:Boolean,default:!1},inputCssClass:{default:""},minDate:{default:void 0},maxDate:{default:void 0},range:{type:Boolean,default:!1},hideDetails:{type:Boolean,default:!1},view:{default:p.BDatePickerView.Dates}},emits:["update:modelValue"],setup(De,{emit:ye}){const l=De,we=ye;let b;const F=`DD${pe.DateDelimiter}MM${pe.DateDelimiter}YYYY`,k=new Date(new Date().getFullYear(),new Date().getMonth(),new Date().getDate()),ee=ke.useBreakpoints(ke.breakpointsTailwind).greaterOrEqual("sm"),{t:H}=Qe.useI18n(),{formatMonthYear:be}=nt.useDate(),r=t.ref({}),o=t.ref([]),M=t.ref({year:k.getFullYear(),month:k.getMonth()}),n=t.ref({year:k.getFullYear(),month:k.getMonth()}),D=t.ref(!1),m=t.ref(l.view),q=t.ref(null),B=t.ref(null),te=t.ref(null),L=t.ref(null),C=t.ref([]),j=t.ref([]),N=t.ref([]),R=t.ref(""),ae=t.ref(!1),le=t.ref(!1),c=t.computed(()=>d(l.minDate)),v=t.computed(()=>d(l.maxDate)),_e={validateRule:e=>!!e,errorMessage:()=>l.requiredErrorMessage||H("ds.global.field_required")},I=t.computed(()=>l.inputId||`id-${rt()}`),i=t.computed({get(){return l.modelValue},set(e){we("update:modelValue",e)}}),Ve=t.computed(()=>{var e;return(e=l.modelValue)==null?void 0:e.map(a=>Z(a)).join(" - ")}),Me=t.computed(()=>{let e=[];return l.required&&e.push(_e),l.validationRules&&(e=e.concat(l.validationRules)),e.length?e:void 0}),{validate:Be,validationResult:z}=We.useValidationField(I.value,i,Me.value),se=t.computed(()=>["ds-border ds-rounded-lg ds-block ds-w-full ds-text-sm ds-px-3 ds-h-[40px] ds-transition-all ds-ease-in-out",{"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]":l.disabled,"ds-text-black/[0.85]":!l.disabled,"ds-border-error focus:ds-ring-1 focus:ds-ring-error":!z.value.valid,"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":z.value.valid,"!ds-border-focus ds-ring-1 ds-ring-focus":D.value},l.inputCssClass]),Ce=t.computed(()=>{const e={mask:E.MaskedDate,pattern:F,lazy:!0,format:a=>T(a).format(F),parse:a=>T(a,F),blocks:{YYYY:{mask:E.MaskedRange,from:1,to:9999},MM:{mask:E.MaskedRange,from:1,to:12},DD:{mask:E.MaskedRange,from:1,to:31}}};return c.value&&(e.min=c.value),v.value&&(e.max=v.value),e}),O=t.computed(()=>({[p.BDatePickerView.Years]:{handleClickPreview:Fe,handleClickNext:Re},[p.BDatePickerView.Months]:{handleClickPreview:Ie,handleClickNext:Oe,handleClickHeading:Ye},[p.BDatePickerView.Dates]:{handleClickPreview:$e,handleClickNext:He,handleClickHeading:Pe}}));t.watch(()=>l.minDate,()=>{if(l.range){const e=i.value;e.length>0&&ne(e[0])}else{const e=i.value;ne(e)}y()}),t.watch(()=>l.maxDate,()=>{if(l.range){const e=i.value;e.length>1&&A(e[1]),e.length>0&&A(e[0])}else{const e=i.value;A(e)}y()}),t.watch(()=>l.range,e=>{e||t.nextTick(()=>{he()}),r.value={},o.value=[]}),t.watch(()=>l.view,e=>{m.value=e}),t.watch(ee,()=>{D.value=!1}),t.watch(D,e=>{e?(P.lockScrollBody(),l.range?o.value=i.value?oe(i.value):[]:r.value=i.value?g(i.value):{},n.value=V(M.value),t.nextTick(()=>{ee.value?P.ensureVisiblePosition(q.value,B.value):document.body.append(B.value)})):(P.unlockScrollBody(),P.resetPosition(q.value,B.value))}),t.watch(()=>l.modelValue,e=>{if(G(e))if(l.range){const a=e;o.value=e?oe(a):[],M.value=e?g(a[1],!0):{},n.value=e?g(a[1],!0):{}}else{const a=e;r.value=e?g(a):{},M.value=e?g(a,!0):{},n.value=e?g(a,!0):{}}!l.range&&G(X())&&(b.value=Z(d(e)||""))});const S=e=>typeof l.modelValue=="string"?e.toISOString():e,ne=e=>{const a=d(e);c.value&&a&&c.value>a&&(i.value=void 0)},A=e=>{const a=d(e);v.value&&a&&v.value<a&&(i.value=void 0)},d=e=>{switch(typeof e){case"object":return e;case"string":return Xe.checkIfISOFormat(e)?new Date(e):void 0}return e},Pe=()=>{x(),m.value=p.BDatePickerView.Months},Ye=()=>{$(),m.value=p.BDatePickerView.Years},G=e=>{var s,f;return(l.range?[!Y(l.modelValue)&&Y(e),!Y(e)&&Y(l.modelValue),!Y(l.modelValue)&&!Y(e)&&l.modelValue.some((h,u)=>{var _,me;return((_=d(h))==null?void 0:_.getTime())!==((me=d(e[u]))==null?void 0:me.getTime())})]:[!l.modelValue&&e,!e&&l.modelValue,l.modelValue&&e&&((s=d(l.modelValue))==null?void 0:s.getTime())!==((f=d(e))==null?void 0:f.getTime())]).some(h=>h)},qe=()=>{D.value=!1},Ne=()=>{D.value=!1,l.range?o.value.length===2?i.value=[S(new Date(o.value[0].year,o.value[0].month,o.value[0].date)),S(new Date(o.value[1].year,o.value[1].month,o.value[1].date))]:i.value=void 0:!w(r.value.year)&&!w(r.value.month)&&!w(r.value.date)?i.value=S(new Date(r.value.year,r.value.month,r.value.date)):i.value=void 0,M.value=V(n.value)},V=(e,a)=>({year:e.year,month:e.month,date:a?void 0:e.date}),g=(e,a)=>({year:d(e).getFullYear(),month:d(e).getMonth(),date:a?void 0:d(e).getDate()}),oe=(e,a)=>[{year:d(e[0]).getFullYear(),month:d(e[0]).getMonth(),date:a?void 0:d(e[0]).getDate()},{year:d(e[1]).getFullYear(),month:d(e[1]).getMonth(),date:a?void 0:d(e[1]).getDate()}],Se=e=>{n.value=V(e),x(),m.value=p.BDatePickerView.Months},xe=e=>{n.value=V(e),y(),m.value=p.BDatePickerView.Dates},Ee=e=>{e.year===r.value.year&&e.month===r.value.month&&e.date===r.value.date?r.value=V({}):(r.value=V(e),n.value=V(e,!0),y())},Te=({year:e,month:a,date:s})=>{const f=o.value.length;if(f===0)o.value.push({year:e,month:a,date:s});else if(f===1){const h=o.value.findIndex(u=>u.year===e&&u.month===a&&u.date===s);h!==-1?o.value.splice(h,1):new Date(e,a,s)>new Date(o.value[0].year,o.value[0].month,o.value[0].date)?o.value.push({year:e,month:a,date:s}):o.value.unshift({year:e,month:a,date:s})}else if(f===2){const h=o.value.findIndex(u=>u.year===e&&u.month===a&&u.date===s);h!==-1?o.value.splice(h,1):(o.value=[],o.value.push({year:e,month:a,date:s}))}n.value={year:e,month:a},y()},Fe=()=>{ue(-1),$()},Re=()=>{ue(1),$()},ue=e=>{w(n.value.year)||(n.value.year+=e*10)},Ie=()=>{re(-1),x()},Oe=()=>{re(1),x()},re=e=>{w(n.value.year)||(n.value.year+=e)},$e=()=>{ie(-1),y()},He=()=>{ie(1),y()},ie=e=>{w(n.value.month)||(n.value.month+=e)},Le=()=>{D.value=!0},de=()=>{l.disabled||(D.value=!D.value)},K=e=>(c.value?c.value.getFullYear()>e:!1)||(v.value?e>v.value.getFullYear():!1),je=(e,a)=>(c.value?c.value.getFullYear()===e&&c.value.getMonth()>a||c.value.getFullYear()>e:!1)||(v.value?v.value.getFullYear()===e&&v.value.getMonth()<a||v.value.getFullYear()<e:!1),U=e=>(c.value?c.value>e:!1)||(v.value?e>v.value:!1),W=(e,a)=>new Date(e,a,1),J=(e,a)=>new Date(e,a+1,0),$=()=>{if(N.value=[],w(n.value.year))return;const e=n.value.year.toString().slice(0,-1),a=+`${e}0`,s=+`${e}9`;N.value.push({year:a-1,secondary:!0,disabled:K(a-1)});for(let u=a;u<=s;u++)N.value.push({year:u,disabled:K(u)});N.value.push({year:s+1,secondary:!0,disabled:K(s+1)}),R.value=`${e}0 - ${e}9`;const f=W(a,0),h=J(s,11);Q(f,h)},x=()=>{if(j.value=[],w(n.value.year))return;for(let s=0;s<12;s++)j.value.push({year:n.value.year,month:s,disabled:je(n.value.year,s)});R.value=n.value.year.toString();const e=W(n.value.year,0),a=J(n.value.year,11);Q(e,a)},y=()=>{if(C.value=[],w(n.value.year)||w(n.value.month))return;const e=W(n.value.year,n.value.month),a=J(n.value.year,n.value.month),s=structuredClone(e);let f=s.getDay()===0?6:s.getDay()-1;for(;f>0;){const u=structuredClone(s);u.setDate(-(f-1)),C.value.push({date:u.getDate(),month:u.getMonth(),year:u.getFullYear(),secondary:!0,disabled:U(u)}),f--}for(;s<=a;)C.value.push({date:s.getDate(),month:s.getMonth(),year:s.getFullYear(),disabled:U(s)}),s.setDate(s.getDate()+1);const h=s.getDay()===0?1:7-s.getDay()+1;if(h<6){let u=1;const _=structuredClone(s);for(;u<=h;)_.setDate(u),C.value.push({date:_.getDate(),month:_.getMonth(),year:_.getFullYear(),secondary:!0,disabled:U(_)}),u++}R.value=be(new Date(n.value.year,n.value.month,1)).toString(),Q(e,a)},Q=(e,a)=>{ae.value=c.value?c.value>=e:!1,le.value=v.value?v.value<=a:!1},X=()=>{const e=b.value.split("/"),a=`${e[2]}-${e[1]}-${e[0]}`;if(T(a,T.ISO_8601,!0).isValid())return new Date(a)},ze=()=>{b.unmaskedValue||(i.value=void 0,r.value={year:k.getFullYear(),month:k.getMonth()})},Ae=()=>{const e=X();e?(i.value=S(e),r.value=g(e),M.value=g(e,!0),n.value=g(e,!0),y()):(i.value=void 0,r.value={year:k.getFullYear(),month:k.getMonth()})},Ge=()=>{const e=X();Be(),G(e)&&(e?(i.value=S(e),M.value=g(e,!0),r.value=g(e),n.value=g(e,!0),y()):(i.value=void 0,r.value={year:k.getFullYear(),month:k.getMonth()}))},Z=e=>T(e).format(F),ce=e=>{[q.value,B.value].some(f=>e.composedPath().includes(f))||fe()},ve=e=>{e.key==="Escape"&&fe()},fe=()=>{var e,a;D.value=!1,(e=te.value)==null||e.blur(),(a=L.value)==null||a.blur()},he=()=>{b=E(L.value,Ce.value),b.value=Z(d(l.modelValue)||""),b.on("accept",ze),b.on("complete",Ae)},Ke=()=>{b&&b.destroy()};return(()=>{$(),x(),y()})(),t.onMounted(()=>{l.range||he(),document.addEventListener("click",ce),document.addEventListener("keydown",ve)}),t.onBeforeUnmount(()=>{Ke(),P.unlockScrollBody(),P.resetPosition(q.value,B.value),document.removeEventListener("keydown",ve),document.removeEventListener("click",ce)}),(e,a)=>(t.openBlock(),t.createElementBlock("div",it,[t.createElementVNode("div",{ref_key:"datePickerRef",ref:q},[t.createVNode(Ue,{id:I.value,label:e.label,required:e.required},null,8,["id","label","required"]),t.createElementVNode("div",dt,[l.range?(t.openBlock(),t.createElementBlock("input",{key:0,id:I.value,ref_key:"datePickerInputRef",ref:te,class:t.normalizeClass([se.value,"ds-drop-shadow-light"]),disabled:e.disabled,placeholder:e.placeholder,value:Ve.value,readonly:"",onFocus:Le},null,42,ct)):(t.openBlock(),t.createElementBlock("input",{key:1,id:I.value,ref_key:"datePickerInputMaskRef",ref:L,class:t.normalizeClass([se.value,"ds-drop-shadow-light"]),disabled:e.disabled,placeholder:e.placeholder,onBlur:Ge},null,42,vt)),t.createVNode(st,{disabled:l.disabled,onClick:de,onKeyup:t.withKeys(de,["enter"])},null,8,["disabled"])]),t.withDirectives(t.createElementVNode("div",{ref_key:"datePickerMenuRef",ref:B,class:"b-date-picker__menu sm:ds-items-[unset] sm:ds-justify-[unset] ds-fixed ds-left-0 ds-top-0 ds-z-100 ds-flex ds-h-full ds-w-full ds-items-center ds-justify-center ds-bg-black/65 ds-backdrop-blur-sm sm:ds-absolute sm:ds-left-[unset] sm:ds-top-[unset] sm:ds-z-50 sm:ds-block sm:ds-h-auto sm:ds-w-auto sm:ds-bg-transparent sm:ds-backdrop-blur-none"},[t.createElementVNode("div",ft,[t.createElementVNode("div",ht,[t.createVNode(tt,{disabled:ae.value,onClick:a[0]||(a[0]=s=>O.value[m.value].handleClickPreview())},null,8,["disabled"]),t.createVNode(lt,{class:t.normalizeClass({"ds-cursor-pointer hover:ds-bg-blue-light focus-visible:ds-bg-blue-light":O.value[m.value].handleClickHeading}),onClick:O.value[m.value].handleClickHeading},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(R.value),1)]),_:1},8,["class","onClick"]),t.createVNode(at,{disabled:le.value,onClick:a[1]||(a[1]=s=>O.value[m.value].handleClickNext())},null,8,["disabled"])]),m.value===t.unref(p.BDatePickerView).Years?(t.openBlock(),t.createBlock(ot,{key:0,year:r.value,years:N.value,"onSelect:year":Se},null,8,["year","years"])):t.createCommentVNode("",!0),m.value===t.unref(p.BDatePickerView).Months?(t.openBlock(),t.createBlock(et,{key:1,month:r.value,months:j.value,"onSelect:month":xe},null,8,["month","months"])):t.createCommentVNode("",!0),m.value===t.unref(p.BDatePickerView).Dates?(t.openBlock(),t.createElementBlock(t.Fragment,{key:2},[l.range?(t.openBlock(),t.createBlock(ut,{key:0,"date-range":o.value,dates:C.value,"onSelect:date":Te},null,8,["date-range","dates"])):(t.openBlock(),t.createBlock(Ze,{key:1,date:r.value,dates:C.value,"onSelect:date":Ee},null,8,["date","dates"]))],64)):t.createCommentVNode("",!0),t.createElementVNode("div",mt,[t.createVNode(ge,{onClick:qe},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(t.unref(H)("ds.components.base.date_picker.buttons.cancel")),1)]),_:1}),t.createVNode(ge,{type:"primary",onClick:Ne},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(t.unref(H)("ds.components.base.date_picker.buttons.confirm")),1)]),_:1})])])],512),[[t.vShow,D.value]])],512),e.hideDetails?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(Je,{key:0,"error-message":t.unref(z).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=gt;
 //# sourceMappingURL=design-system26.js.map