@7pmlabs/design-system 0.5.11 → 0.6.0

package/dist/design-system237.mjs

@@ -0,0 +1,8 @@
+function e(t) {
+  var o = typeof t;
+  return o == "string" || o == "number" || o == "symbol" || o == "boolean" ? t !== "__proto__" : t === null;
+}
+export {
+  e as default
+};
+//# sourceMappingURL=design-system237.mjs.map

package/dist/design-system237.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-system237.mjs","sources":["../node_modules/lodash-es/_isKeyable.js"],"sourcesContent":["/**\n * Checks if `value` is suitable for use as unique object key.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is suitable, else `false`.\n */\nfunction isKeyable(value) {\n  var type = typeof value;\n  return (type == 'string' || type == 'number' || type == 'symbol' || type == 'boolean')\n    ? (value !== '__proto__')\n    : (value === null);\n}\n\nexport default isKeyable;\n"],"names":["isKeyable","value","type"],"mappings":"AAOA,SAASA,EAAUC,GAAO;AACxB,MAAIC,IAAO,OAAOD;AAClB,SAAQC,KAAQ,YAAYA,KAAQ,YAAYA,KAAQ,YAAYA,KAAQ,YACvED,MAAU,cACVA,MAAU;AACjB;","x_google_ignoreList":[0]}

package/dist/design-system238.js

@@ -0,0 +1,2 @@
+"use strict";const r=require("./design-system134.js");function s(t,n){for(var e=t.length;e--;)if(r(t[e][0],n))return e;return-1}module.exports=s;
+//# sourceMappingURL=design-system238.js.map

package/dist/design-system238.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-system238.js","sources":["../node_modules/lodash-es/_assocIndexOf.js"],"sourcesContent":["import eq from './eq.js';\n\n/**\n * Gets the index at which the `key` is found in `array` of key-value pairs.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {*} key The key to search for.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\nfunction assocIndexOf(array, key) {\n  var length = array.length;\n  while (length--) {\n    if (eq(array[length][0], key)) {\n      return length;\n    }\n  }\n  return -1;\n}\n\nexport default assocIndexOf;\n"],"names":["assocIndexOf","array","key","length","eq"],"mappings":"sDAUA,SAASA,EAAaC,EAAOC,EAAK,CAEhC,QADIC,EAASF,EAAM,OACZE,KACL,GAAIC,EAAGH,EAAME,CAAM,EAAE,CAAC,EAAGD,CAAG,EAC1B,OAAOC,EAGX,MAAO,EACT","x_google_ignoreList":[0]}

package/dist/design-system238.mjs

@@ -0,0 +1,11 @@
+import r from "./design-system134.mjs";
+function o(t, n) {
+  for (var e = t.length; e--; )
+    if (r(t[e][0], n))
+      return e;
+  return -1;
+}
+export {
+  o as default
+};
+//# sourceMappingURL=design-system238.mjs.map

package/dist/design-system238.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-system238.mjs","sources":["../node_modules/lodash-es/_assocIndexOf.js"],"sourcesContent":["import eq from './eq.js';\n\n/**\n * Gets the index at which the `key` is found in `array` of key-value pairs.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {*} key The key to search for.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\nfunction assocIndexOf(array, key) {\n  var length = array.length;\n  while (length--) {\n    if (eq(array[length][0], key)) {\n      return length;\n    }\n  }\n  return -1;\n}\n\nexport default assocIndexOf;\n"],"names":["assocIndexOf","array","key","length","eq"],"mappings":";AAUA,SAASA,EAAaC,GAAOC,GAAK;AAEhC,WADIC,IAASF,EAAM,QACZE;AACL,QAAIC,EAAGH,EAAME,CAAM,EAAE,CAAC,GAAGD,CAAG;AAC1B,aAAOC;AAGX,SAAO;AACT;","x_google_ignoreList":[0]}

package/dist/design-system239.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("./design-system209.js");var t=e(Object,"create");const r=t;module.exports=r;
+//# sourceMappingURL=design-system239.js.map

package/dist/design-system239.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-system239.js","sources":["../node_modules/lodash-es/_nativeCreate.js"],"sourcesContent":["import getNative from './_getNative.js';\n\n/* Built-in method references that are verified to be native. */\nvar nativeCreate = getNative(Object, 'create');\n\nexport default nativeCreate;\n"],"names":["nativeCreate","getNative","nativeCreate$1"],"mappings":"sDAGA,IAAIA,EAAeC,EAAU,OAAQ,QAAQ,EAE7C,MAAAC,EAAeF","x_google_ignoreList":[0]}

package/dist/design-system239.mjs

@@ -0,0 +1,7 @@
+import e from "./design-system209.mjs";
+var t = e(Object, "create");
+const r = t;
+export {
+  r as default
+};
+//# sourceMappingURL=design-system239.mjs.map

package/dist/design-system239.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-system239.mjs","sources":["../node_modules/lodash-es/_nativeCreate.js"],"sourcesContent":["import getNative from './_getNative.js';\n\n/* Built-in method references that are verified to be native. */\nvar nativeCreate = getNative(Object, 'create');\n\nexport default nativeCreate;\n"],"names":["nativeCreate","getNative","nativeCreate$1"],"mappings":";AAGA,IAAIA,IAAeC,EAAU,QAAQ,QAAQ;AAE7C,MAAAC,IAAeF;","x_google_ignoreList":[0]}

package/dist/design-system24.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),u=require("./design-system43.js"),d={class:"ds-fixed ds-right-4 ds-top-4 ds-z-[110]"},p=e.defineComponent({__name:"BToast",props:{modelValue:{}},emits:["update:modelValue"],setup(n,{emit:l}){const c=n,s=e.computed({get(){return c.modelValue},set(t){r("update:modelValue",t)}}),r=l,i=t=>{s.value.splice(t,1)};return(t,m)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",d,[e.createVNode(e.TransitionGroup,{"enter-active-class":"ds-transition-all ds-duration-300 ds-ease-in-out","enter-from-class":"ds-opacity-0","enter-to-class":"ds-opacity-1","leave-active-class":"ds-transition-all ds-duration-300 ds-ease-in-out","leave-from-class":"ds-opacity-1","leave-to-class":"ds-opacity-0"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,(o,a)=>(e.openBlock(),e.createBlock(u,{key:`toastItem${a}`,icon:o.icon,text:o.text,type:o.type,class:"ds-my-2",onClose:v=>i(a)},null,8,["icon","text","type","onClose"]))),128))]),_:1})],512)),[[e.vShow,s.value.length>0]])}});module.exports=p;
+"use strict";const e=require("vue"),i={class:"ds-flex"},m=["onClick"],p=e.defineComponent({__name:"BStepper",props:{headers:{},modelValue:{}},emits:["update:modelValue"],setup(a,{emit:d}){const n=a,c=d,l=e.computed({get(){return n.modelValue},set(t){c("update:modelValue",t)}}),u=(t,o)=>{t.clickable&&(l.value=o)};return(t,o)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("ul",i,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.headers,(s,r)=>(e.openBlock(),e.createElementBlock("li",{key:s.text,class:e.normalizeClass([{"ds-cursor-pointer":s.clickable,"ds-pointer-events-none ds-text-black/40":s.disabled,"ds-text-primary-t":r<l.value,"after:ds-border-1 after:content-[``] ds-flex-auto after:ds-mx-3 after:ds-h-1 after:ds-w-full after:ds-border-b after:ds-border-gray-200":r<t.headers.length-1},"ds-flex ds-items-center ds-whitespace-nowrap ds-text-sm ds-font-medium"]),onClick:k=>u(s,r)},[e.renderSlot(t.$slots,`step-header-${r}`,{text:s.text},()=>[e.createTextVNode(e.toDisplayString(s.text),1)])],10,m))),128))]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.headers,(s,r)=>(e.openBlock(),e.createElementBlock("div",{key:s.text,class:e.normalizeClass({"ds-hidden":l.value!==r})},[e.renderSlot(t.$slots,`step-content-${r}`)],2))),128))]))}});module.exports=p;
 //# sourceMappingURL=design-system24.js.map

package/dist/design-system24.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system24.js","sources":["../src/components/BToast/BToast.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createBlock as _createBlock, TransitionGroup as _TransitionGroup, withCtx as _withCtx, createVNode as _createVNode, vShow as _vShow, withDirectives as _withDirectives } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-fixed ds-right-4 ds-top-4 ds-z-[110]\" }\n\nimport type { BToastItemModel } from '@/types';\nimport { computed } from 'vue';\nimport BToastItem from './BToastItem.vue';\n\n//#region Props\nexport interface Props {\n  modelValue: BToastItemModel[];\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BToast',\n  props: {\n    modelValue: {}\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Data\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Methods\nconst onCloseToastItem = (i: number) => {\n  value.value.splice(i, 1);\n};\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return _withDirectives((_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createVNode(_TransitionGroup, {\n      \"enter-active-class\": \"ds-transition-all ds-duration-300 ds-ease-in-out\",\n      \"enter-from-class\": \"ds-opacity-0\",\n      \"enter-to-class\": \"ds-opacity-1\",\n      \"leave-active-class\": \"ds-transition-all ds-duration-300 ds-ease-in-out\",\n      \"leave-from-class\": \"ds-opacity-1\",\n      \"leave-to-class\": \"ds-opacity-0\"\n    }, {\n      default: _withCtx(() => [\n        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(value.value, (toastItem, index) => {\n          return (_openBlock(), _createBlock(BToastItem, {\n            key: `toastItem${index}`,\n            icon: toastItem.icon,\n            text: toastItem.text,\n            type: toastItem.type,\n            class: \"ds-my-2\",\n            onClose: ($event: any) => (onCloseToastItem(index))\n          }, null, 8, [\"icon\", \"text\", \"type\", \"onClose\"]))\n        }), 128))\n      ]),\n      _: 1\n    })\n  ], 512)), [\n    [_vShow, value.value.length > 0]\n  ])\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","__emit","props","value","computed","val","emit","onCloseToastItem","i","_ctx","_cache","_withDirectives","_openBlock","_createElementBlock","_createVNode","_TransitionGroup","_withCtx","_Fragment","_renderList","toastItem","index","_createBlock","BToastItem","$event","_vShow"],"mappings":"sEAGMA,EAAa,CAAE,MAAO,2CAYAC,EAAiBC,kBAAA,CAC3C,OAAQ,SACR,MAAO,CACL,WAAY,CAAC,CACf,EACA,MAAO,CAAC,mBAAmB,EAC3B,MAAMC,EAAc,CAAE,KAAMC,GAAU,CAExC,MAAMC,EAAQF,EAIRG,EAAQC,EAAAA,SAAS,CACrB,KAAM,CACJ,OAAOF,EAAM,UACf,EACA,IAAIG,EAAK,CACPC,EAAK,oBAAqBD,CAAG,CAC/B,CAAA,CACD,EAIKC,EAAOL,EAIPM,EAAoBC,GAAc,CAChCL,EAAA,MAAM,OAAOK,EAAG,CAAC,CAAA,EAIlB,MAAA,CAACC,EAAUC,IACTC,EAAiB,gBAAAC,EAAA,UAAA,EAAcC,EAAAA,mBAAoB,MAAOhB,EAAY,CAC3EiB,EAAAA,YAAaC,EAAAA,gBAAkB,CAC7B,qBAAsB,mDACtB,mBAAoB,eACpB,iBAAkB,eAClB,qBAAsB,mDACtB,mBAAoB,eACpB,iBAAkB,cAAA,EACjB,CACD,QAASC,UAAS,IAAM,EACrBJ,EAAAA,UAAW,EAAI,EAAGC,EAAoB,mBAAAI,WAAW,KAAMC,EAAA,WAAYf,EAAM,MAAO,CAACgB,EAAWC,KACnFR,EAAA,UAAA,EAAcS,EAAA,YAAaC,EAAY,CAC7C,IAAK,YAAYF,CAAK,GACtB,KAAMD,EAAU,KAChB,KAAMA,EAAU,KAChB,KAAMA,EAAU,KAChB,MAAO,UACP,QAAUI,GAAiBhB,EAAiBa,CAAK,CAAA,EAChD,KAAM,EAAG,CAAC,OAAQ,OAAQ,OAAQ,SAAS,CAAC,EAChD,EAAG,GAAG,EAAA,CACR,EACD,EAAG,CAAA,CACJ,CACH,EAAG,GAAG,GAAI,CACR,CAACI,EAAA,MAAQrB,EAAM,MAAM,OAAS,CAAC,CAAA,CAChC,CAEH,CAEA,CAAC"}
+{"version":3,"file":"design-system24.js","sources":["../src/components/BStepper.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-flex\" }\nconst _hoisted_2 = [\"onClick\"]\n\nimport type { BStepperHeader } from '@/types';\nimport { computed } from 'vue';\n\n//#region Props\ninterface Props {\n  /**\n   * Array of header objects.\n   */\n  headers: BStepperHeader[];\n  /**\n   * Index of step.\n   */\n  modelValue: number;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BStepper',\n  props: {\n    headers: {},\n    modelValue: {}\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#region\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\n//#region\n\n//#region Methods\nconst onClickStepperHeader = (header: BStepperHeader, index: number) => {\n  if (!header.clickable) {\n    return;\n  }\n  value.value = index;\n};\n//#region\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createElementVNode(\"ul\", _hoisted_1, [\n      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(props.headers, (header, i) => {\n        return (_openBlock(), _createElementBlock(\"li\", {\n          key: header.text,\n          class: _normalizeClass([{\n          'ds-cursor-pointer': header.clickable,\n          'ds-pointer-events-none ds-text-black/40': header.disabled,\n          'ds-text-primary-t': i < value.value,\n          'after:ds-border-1 after:content-[``] ds-flex-auto after:ds-mx-3 after:ds-h-1 after:ds-w-full after:ds-border-b after:ds-border-gray-200':\n            i < _ctx.headers.length - 1,\n        }, \"ds-flex ds-items-center ds-whitespace-nowrap ds-text-sm ds-font-medium\"]),\n          onClick: ($event: any) => (onClickStepperHeader(header, i))\n        }, [\n          _renderSlot(_ctx.$slots, `step-header-${i}`, {\n            text: header.text\n          }, () => [\n            _createTextVNode(_toDisplayString(header.text), 1)\n          ])\n        ], 10, _hoisted_2))\n      }), 128))\n    ]),\n    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.headers, (step, i) => {\n      return (_openBlock(), _createElementBlock(\"div\", {\n        key: step.text,\n        class: _normalizeClass({\n        'ds-hidden': value.value !== i,\n      })\n      }, [\n        _renderSlot(_ctx.$slots, `step-content-${i}`)\n      ], 2))\n    }), 128))\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","__emit","props","emit","value","computed","val","onClickStepperHeader","header","index","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_Fragment","_renderList","i","_normalizeClass","$event","_renderSlot","_createTextVNode","_toDisplayString","step"],"mappings":"oCAGMA,EAAa,CAAE,MAAO,WACtBC,EAAa,CAAC,SAAS,EAkBDC,EAAiBC,kBAAA,CAC3C,OAAQ,WACR,MAAO,CACL,QAAS,CAAC,EACV,WAAY,CAAC,CACf,EACA,MAAO,CAAC,mBAAmB,EAC3B,MAAMC,EAAc,CAAE,KAAMC,GAAU,CAExC,MAAMC,EAAQF,EAIRG,EAAOF,EAIPG,EAAQC,EAAAA,SAAS,CACrB,KAAM,CACJ,OAAOH,EAAM,UACf,EACA,IAAII,EAAK,CACPH,EAAK,oBAAqBG,CAAG,CAC/B,CAAA,CACD,EAIKC,EAAuB,CAACC,EAAwBC,IAAkB,CACjED,EAAO,YAGZJ,EAAM,MAAQK,EAAA,EAIT,MAAA,CAACC,EAAUC,KACRC,YAAW,EAAGC,qBAAoB,MAAO,KAAM,CACrDC,EAAA,mBAAoB,KAAMlB,EAAY,EACnCgB,EAAAA,UAAW,EAAI,EAAGC,EAAoB,mBAAAE,WAAW,KAAMC,EAAA,WAAYd,EAAM,QAAS,CAACM,EAAQS,KAClFL,EAAA,UAAA,EAAcC,EAAA,mBAAoB,KAAM,CAC9C,IAAKL,EAAO,KACZ,MAAOU,iBAAgB,CAAC,CACxB,oBAAqBV,EAAO,UAC5B,0CAA2CA,EAAO,SAClD,oBAAqBS,EAAIb,EAAM,MAC/B,0IACEa,EAAIP,EAAK,QAAQ,OAAS,CAC9B,EAAG,wEAAwE,CAAC,EAC1E,QAAUS,GAAiBZ,EAAqBC,EAAQS,CAAC,CAAA,EACxD,CACDG,EAAY,WAAAV,EAAK,OAAQ,eAAeO,CAAC,GAAI,CAC3C,KAAMT,EAAO,IAAA,EACZ,IAAM,CACPa,EAAAA,gBAAiBC,EAAAA,gBAAiBd,EAAO,IAAI,EAAG,CAAC,CAAA,CAClD,CAAA,EACA,GAAIX,CAAU,EAClB,EAAG,GAAG,EAAA,CACR,GACAe,EAAAA,UAAW,EAAI,EAAGC,EAAoB,mBAAAE,WAAW,KAAMC,EAAA,WAAYN,EAAK,QAAS,CAACa,EAAMN,KAC/EL,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,IAAKU,EAAK,KACV,MAAOL,EAAAA,eAAgB,CACvB,YAAad,EAAM,QAAUa,CAAA,CAC9B,CAAA,EACE,CACDG,EAAY,WAAAV,EAAK,OAAQ,gBAAgBO,CAAC,EAAE,GAC3C,CAAC,EACL,EAAG,GAAG,EAAA,CACR,EAEH,CAEA,CAAC"}

package/dist/design-system24.mjs

@@ -1,46 +1,50 @@
-import { defineComponent as u, computed as p, withDirectives as m, openBlock as o, createElementBlock as l, createVNode as v, TransitionGroup as _, withCtx as f, Fragment as y, renderList as h, createBlock as x, vShow as C } from "vue";
-import V from "./design-system43.mjs";
-const g = { class: "ds-fixed ds-right-4 ds-top-4 ds-z-[110]" }, $ = /* @__PURE__ */ u({
-  __name: "BToast",
+import { defineComponent as k, computed as b, openBlock as r, createElementBlock as l, createElementVNode as v, Fragment as a, renderList as c, normalizeClass as u, renderSlot as i, createTextVNode as h, toDisplayString as V } from "vue";
+const _ = { class: "ds-flex" }, g = ["onClick"], $ = /* @__PURE__ */ k({
+  __name: "BStepper",
   props: {
+    headers: {},
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(n, { emit: c }) {
-    const i = n, t = p({
+  setup(p, { emit: m }) {
+    const o = p, f = m, n = b({
       get() {
-        return i.modelValue;
+        return o.modelValue;
       },
       set(e) {
-        r("update:modelValue", e);
+        f("update:modelValue", e);
       }
-    }), r = c, d = (e) => {
-      t.value.splice(e, 1);
+    }), x = (e, d) => {
+      e.clickable && (n.value = d);
     };
-    return (e, k) => m((o(), l("div", g, [
-      v(_, {
-        "enter-active-class": "ds-transition-all ds-duration-300 ds-ease-in-out",
-        "enter-from-class": "ds-opacity-0",
-        "enter-to-class": "ds-opacity-1",
-        "leave-active-class": "ds-transition-all ds-duration-300 ds-ease-in-out",
-        "leave-from-class": "ds-opacity-1",
-        "leave-to-class": "ds-opacity-0"
-      }, {
-        default: f(() => [
-          (o(!0), l(y, null, h(t.value, (s, a) => (o(), x(V, {
-            key: `toastItem${a}`,
-            icon: s.icon,
-            text: s.text,
-            type: s.type,
-            class: "ds-my-2",
-            onClose: (B) => d(a)
-          }, null, 8, ["icon", "text", "type", "onClose"]))), 128))
-        ]),
-        _: 1
-      })
-    ], 512)), [
-      [C, t.value.length > 0]
-    ]);
+    return (e, d) => (r(), l("div", null, [
+      v("ul", _, [
+        (r(!0), l(a, null, c(o.headers, (t, s) => (r(), l("li", {
+          key: t.text,
+          class: u([{
+            "ds-cursor-pointer": t.clickable,
+            "ds-pointer-events-none ds-text-black/40": t.disabled,
+            "ds-text-primary-t": s < n.value,
+            "after:ds-border-1 after:content-[``] ds-flex-auto after:ds-mx-3 after:ds-h-1 after:ds-w-full after:ds-border-b after:ds-border-gray-200": s < e.headers.length - 1
+          }, "ds-flex ds-items-center ds-whitespace-nowrap ds-text-sm ds-font-medium"]),
+          onClick: (y) => x(t, s)
+        }, [
+          i(e.$slots, `step-header-${s}`, {
+            text: t.text
+          }, () => [
+            h(V(t.text), 1)
+          ])
+        ], 10, g))), 128))
+      ]),
+      (r(!0), l(a, null, c(e.headers, (t, s) => (r(), l("div", {
+        key: t.text,
+        class: u({
+          "ds-hidden": n.value !== s
+        })
+      }, [
+        i(e.$slots, `step-content-${s}`)
+      ], 2))), 128))
+    ]));
   }
 });
 export {

package/dist/design-system24.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system24.mjs","sources":["../src/components/BToast/BToast.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createBlock as _createBlock, TransitionGroup as _TransitionGroup, withCtx as _withCtx, createVNode as _createVNode, vShow as _vShow, withDirectives as _withDirectives } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-fixed ds-right-4 ds-top-4 ds-z-[110]\" }\n\nimport type { BToastItemModel } from '@/types';\nimport { computed } from 'vue';\nimport BToastItem from './BToastItem.vue';\n\n//#region Props\nexport interface Props {\n  modelValue: BToastItemModel[];\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BToast',\n  props: {\n    modelValue: {}\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Data\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Methods\nconst onCloseToastItem = (i: number) => {\n  value.value.splice(i, 1);\n};\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return _withDirectives((_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createVNode(_TransitionGroup, {\n      \"enter-active-class\": \"ds-transition-all ds-duration-300 ds-ease-in-out\",\n      \"enter-from-class\": \"ds-opacity-0\",\n      \"enter-to-class\": \"ds-opacity-1\",\n      \"leave-active-class\": \"ds-transition-all ds-duration-300 ds-ease-in-out\",\n      \"leave-from-class\": \"ds-opacity-1\",\n      \"leave-to-class\": \"ds-opacity-0\"\n    }, {\n      default: _withCtx(() => [\n        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(value.value, (toastItem, index) => {\n          return (_openBlock(), _createBlock(BToastItem, {\n            key: `toastItem${index}`,\n            icon: toastItem.icon,\n            text: toastItem.text,\n            type: toastItem.type,\n            class: \"ds-my-2\",\n            onClose: ($event: any) => (onCloseToastItem(index))\n          }, null, 8, [\"icon\", \"text\", \"type\", \"onClose\"]))\n        }), 128))\n      ]),\n      _: 1\n    })\n  ], 512)), [\n    [_vShow, value.value.length > 0]\n  ])\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","__emit","props","value","computed","val","emit","onCloseToastItem","i","_ctx","_cache","_withDirectives","_openBlock","_createElementBlock","_createVNode","_TransitionGroup","_withCtx","_Fragment","_renderList","toastItem","index","_createBlock","BToastItem","$event","_vShow"],"mappings":";;AAGA,MAAMA,IAAa,EAAE,OAAO,6CAYAC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,YAAY,CAAC;AAAA,EACf;AAAA,EACA,OAAO,CAAC,mBAAmB;AAAA,EAC3B,MAAMC,GAAc,EAAE,MAAMC,KAAU;AAExC,UAAMC,IAAQF,GAIRG,IAAQC,EAAS;AAAA,MACrB,MAAM;AACJ,eAAOF,EAAM;AAAA,MACf;AAAA,MACA,IAAIG,GAAK;AACP,QAAAC,EAAK,qBAAqBD,CAAG;AAAA,MAC/B;AAAA,IAAA,CACD,GAIKC,IAAOL,GAIPM,IAAmB,CAACC,MAAc;AAChC,MAAAL,EAAA,MAAM,OAAOK,GAAG,CAAC;AAAA,IAAA;AAIlB,WAAA,CAACC,GAAUC,MACTC,GAAiBC,EAAA,GAAcC,EAAoB,OAAOhB,GAAY;AAAA,MAC3EiB,EAAaC,GAAkB;AAAA,QAC7B,sBAAsB;AAAA,QACtB,oBAAoB;AAAA,QACpB,kBAAkB;AAAA,QAClB,sBAAsB;AAAA,QACtB,oBAAoB;AAAA,QACpB,kBAAkB;AAAA,MAAA,GACjB;AAAA,QACD,SAASC,EAAS,MAAM;AAAA,WACrBJ,EAAW,EAAI,GAAGC,EAAoBI,GAAW,MAAMC,EAAYf,EAAM,OAAO,CAACgB,GAAWC,OACnFR,EAAA,GAAcS,EAAaC,GAAY;AAAA,YAC7C,KAAK,YAAYF,CAAK;AAAA,YACtB,MAAMD,EAAU;AAAA,YAChB,MAAMA,EAAU;AAAA,YAChB,MAAMA,EAAU;AAAA,YAChB,OAAO;AAAA,YACP,SAAS,CAACI,MAAiBhB,EAAiBa,CAAK;AAAA,UAAA,GAChD,MAAM,GAAG,CAAC,QAAQ,QAAQ,QAAQ,SAAS,CAAC,EAChD,GAAG,GAAG;AAAA,QAAA,CACR;AAAA,QACD,GAAG;AAAA,MAAA,CACJ;AAAA,IACH,GAAG,GAAG,IAAI;AAAA,MACR,CAACI,GAAQrB,EAAM,MAAM,SAAS,CAAC;AAAA,IAAA,CAChC;AAAA,EAEH;AAEA,CAAC;"}
+{"version":3,"file":"design-system24.mjs","sources":["../src/components/BStepper.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-flex\" }\nconst _hoisted_2 = [\"onClick\"]\n\nimport type { BStepperHeader } from '@/types';\nimport { computed } from 'vue';\n\n//#region Props\ninterface Props {\n  /**\n   * Array of header objects.\n   */\n  headers: BStepperHeader[];\n  /**\n   * Index of step.\n   */\n  modelValue: number;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BStepper',\n  props: {\n    headers: {},\n    modelValue: {}\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#region\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\n//#region\n\n//#region Methods\nconst onClickStepperHeader = (header: BStepperHeader, index: number) => {\n  if (!header.clickable) {\n    return;\n  }\n  value.value = index;\n};\n//#region\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createElementVNode(\"ul\", _hoisted_1, [\n      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(props.headers, (header, i) => {\n        return (_openBlock(), _createElementBlock(\"li\", {\n          key: header.text,\n          class: _normalizeClass([{\n          'ds-cursor-pointer': header.clickable,\n          'ds-pointer-events-none ds-text-black/40': header.disabled,\n          'ds-text-primary-t': i < value.value,\n          'after:ds-border-1 after:content-[``] ds-flex-auto after:ds-mx-3 after:ds-h-1 after:ds-w-full after:ds-border-b after:ds-border-gray-200':\n            i < _ctx.headers.length - 1,\n        }, \"ds-flex ds-items-center ds-whitespace-nowrap ds-text-sm ds-font-medium\"]),\n          onClick: ($event: any) => (onClickStepperHeader(header, i))\n        }, [\n          _renderSlot(_ctx.$slots, `step-header-${i}`, {\n            text: header.text\n          }, () => [\n            _createTextVNode(_toDisplayString(header.text), 1)\n          ])\n        ], 10, _hoisted_2))\n      }), 128))\n    ]),\n    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.headers, (step, i) => {\n      return (_openBlock(), _createElementBlock(\"div\", {\n        key: step.text,\n        class: _normalizeClass({\n        'ds-hidden': value.value !== i,\n      })\n      }, [\n        _renderSlot(_ctx.$slots, `step-content-${i}`)\n      ], 2))\n    }), 128))\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","__emit","props","emit","value","computed","val","onClickStepperHeader","header","index","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_Fragment","_renderList","i","_normalizeClass","$event","_renderSlot","_createTextVNode","_toDisplayString","step"],"mappings":";AAGA,MAAMA,IAAa,EAAE,OAAO,aACtBC,IAAa,CAAC,SAAS,GAkBDC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,SAAS,CAAC;AAAA,IACV,YAAY,CAAC;AAAA,EACf;AAAA,EACA,OAAO,CAAC,mBAAmB;AAAA,EAC3B,MAAMC,GAAc,EAAE,MAAMC,KAAU;AAExC,UAAMC,IAAQF,GAIRG,IAAOF,GAIPG,IAAQC,EAAS;AAAA,MACrB,MAAM;AACJ,eAAOH,EAAM;AAAA,MACf;AAAA,MACA,IAAII,GAAK;AACP,QAAAH,EAAK,qBAAqBG,CAAG;AAAA,MAC/B;AAAA,IAAA,CACD,GAIKC,IAAuB,CAACC,GAAwBC,MAAkB;AAClE,MAACD,EAAO,cAGZJ,EAAM,QAAQK;AAAA,IAAA;AAIT,WAAA,CAACC,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAO,MAAM;AAAA,MACrDC,EAAoB,MAAMlB,GAAY;AAAA,SACnCgB,EAAW,EAAI,GAAGC,EAAoBE,GAAW,MAAMC,EAAYd,EAAM,SAAS,CAACM,GAAQS,OAClFL,EAAA,GAAcC,EAAoB,MAAM;AAAA,UAC9C,KAAKL,EAAO;AAAA,UACZ,OAAOU,EAAgB,CAAC;AAAA,YACxB,qBAAqBV,EAAO;AAAA,YAC5B,2CAA2CA,EAAO;AAAA,YAClD,qBAAqBS,IAAIb,EAAM;AAAA,YAC/B,2IACEa,IAAIP,EAAK,QAAQ,SAAS;AAAA,UAC9B,GAAG,wEAAwE,CAAC;AAAA,UAC1E,SAAS,CAACS,MAAiBZ,EAAqBC,GAAQS,CAAC;AAAA,QAAA,GACxD;AAAA,UACDG,EAAYV,EAAK,QAAQ,eAAeO,CAAC,IAAI;AAAA,YAC3C,MAAMT,EAAO;AAAA,UAAA,GACZ,MAAM;AAAA,YACPa,EAAiBC,EAAiBd,EAAO,IAAI,GAAG,CAAC;AAAA,UAAA,CAClD;AAAA,QAAA,GACA,IAAIX,CAAU,EAClB,GAAG,GAAG;AAAA,MAAA,CACR;AAAA,OACAe,EAAW,EAAI,GAAGC,EAAoBE,GAAW,MAAMC,EAAYN,EAAK,SAAS,CAACa,GAAMN,OAC/EL,EAAA,GAAcC,EAAoB,OAAO;AAAA,QAC/C,KAAKU,EAAK;AAAA,QACV,OAAOL,EAAgB;AAAA,UACvB,aAAad,EAAM,UAAUa;AAAA,QAAA,CAC9B;AAAA,MAAA,GACE;AAAA,QACDG,EAAYV,EAAK,QAAQ,gBAAgBO,CAAC,EAAE;AAAA,SAC3C,CAAC,EACL,GAAG,GAAG;AAAA,IAAA,CACR;AAAA,EAEH;AAEA,CAAC;"}

package/dist/design-system25.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),i={class:"ds-flex"},m=["onClick"],p=e.defineComponent({__name:"BStepper",props:{headers:{},modelValue:{}},emits:["update:modelValue"],setup(a,{emit:d}){const n=a,c=d,l=e.computed({get(){return n.modelValue},set(t){c("update:modelValue",t)}}),u=(t,o)=>{t.clickable&&(l.value=o)};return(t,o)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("ul",i,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.headers,(s,r)=>(e.openBlock(),e.createElementBlock("li",{key:s.text,class:e.normalizeClass([{"ds-cursor-pointer":s.clickable,"ds-pointer-events-none ds-text-black/40":s.disabled,"ds-text-primary-t":r<l.value,"after:ds-border-1 after:content-[``] ds-flex-auto after:ds-mx-3 after:ds-h-1 after:ds-w-full after:ds-border-b after:ds-border-gray-200":r<t.headers.length-1},"ds-flex ds-items-center ds-whitespace-nowrap ds-text-sm ds-font-medium"]),onClick:k=>u(s,r)},[e.renderSlot(t.$slots,`step-header-${r}`,{text:s.text},()=>[e.createTextVNode(e.toDisplayString(s.text),1)])],10,m))),128))]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.headers,(s,r)=>(e.openBlock(),e.createElementBlock("div",{key:s.text,class:e.normalizeClass({"ds-hidden":l.value!==r})},[e.renderSlot(t.$slots,`step-content-${r}`)],2))),128))]))}});module.exports=p;
+"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=$;
 //# sourceMappingURL=design-system25.js.map

package/dist/design-system25.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system25.js","sources":["../src/components/BStepper.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-flex\" }\nconst _hoisted_2 = [\"onClick\"]\n\nimport type { BStepperHeader } from '@/types';\nimport { computed } from 'vue';\n\n//#region Props\ninterface Props {\n  /**\n   * Array of header objects.\n   */\n  headers: BStepperHeader[];\n  /**\n   * Index of step.\n   */\n  modelValue: number;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BStepper',\n  props: {\n    headers: {},\n    modelValue: {}\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#region\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\n//#region\n\n//#region Methods\nconst onClickStepperHeader = (header: BStepperHeader, index: number) => {\n  if (!header.clickable) {\n    return;\n  }\n  value.value = index;\n};\n//#region\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createElementVNode(\"ul\", _hoisted_1, [\n      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(props.headers, (header, i) => {\n        return (_openBlock(), _createElementBlock(\"li\", {\n          key: header.text,\n          class: _normalizeClass([{\n          'ds-cursor-pointer': header.clickable,\n          'ds-pointer-events-none ds-text-black/40': header.disabled,\n          'ds-text-primary-t': i < value.value,\n          'after:ds-border-1 after:content-[``] ds-flex-auto after:ds-mx-3 after:ds-h-1 after:ds-w-full after:ds-border-b after:ds-border-gray-200':\n            i < _ctx.headers.length - 1,\n        }, \"ds-flex ds-items-center ds-whitespace-nowrap ds-text-sm ds-font-medium\"]),\n          onClick: ($event: any) => (onClickStepperHeader(header, i))\n        }, [\n          _renderSlot(_ctx.$slots, `step-header-${i}`, {\n            text: header.text\n          }, () => [\n            _createTextVNode(_toDisplayString(header.text), 1)\n          ])\n        ], 10, _hoisted_2))\n      }), 128))\n    ]),\n    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.headers, (step, i) => {\n      return (_openBlock(), _createElementBlock(\"div\", {\n        key: step.text,\n        class: _normalizeClass({\n        'ds-hidden': value.value !== i,\n      })\n      }, [\n        _renderSlot(_ctx.$slots, `step-content-${i}`)\n      ], 2))\n    }), 128))\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","__emit","props","emit","value","computed","val","onClickStepperHeader","header","index","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_Fragment","_renderList","i","_normalizeClass","$event","_renderSlot","_createTextVNode","_toDisplayString","step"],"mappings":"oCAGMA,EAAa,CAAE,MAAO,WACtBC,EAAa,CAAC,SAAS,EAkBDC,EAAiBC,kBAAA,CAC3C,OAAQ,WACR,MAAO,CACL,QAAS,CAAC,EACV,WAAY,CAAC,CACf,EACA,MAAO,CAAC,mBAAmB,EAC3B,MAAMC,EAAc,CAAE,KAAMC,GAAU,CAExC,MAAMC,EAAQF,EAIRG,EAAOF,EAIPG,EAAQC,EAAAA,SAAS,CACrB,KAAM,CACJ,OAAOH,EAAM,UACf,EACA,IAAII,EAAK,CACPH,EAAK,oBAAqBG,CAAG,CAC/B,CAAA,CACD,EAIKC,EAAuB,CAACC,EAAwBC,IAAkB,CACjED,EAAO,YAGZJ,EAAM,MAAQK,EAAA,EAIT,MAAA,CAACC,EAAUC,KACRC,YAAW,EAAGC,qBAAoB,MAAO,KAAM,CACrDC,EAAA,mBAAoB,KAAMlB,EAAY,EACnCgB,EAAAA,UAAW,EAAI,EAAGC,EAAoB,mBAAAE,WAAW,KAAMC,EAAA,WAAYd,EAAM,QAAS,CAACM,EAAQS,KAClFL,EAAA,UAAA,EAAcC,EAAA,mBAAoB,KAAM,CAC9C,IAAKL,EAAO,KACZ,MAAOU,iBAAgB,CAAC,CACxB,oBAAqBV,EAAO,UAC5B,0CAA2CA,EAAO,SAClD,oBAAqBS,EAAIb,EAAM,MAC/B,0IACEa,EAAIP,EAAK,QAAQ,OAAS,CAC9B,EAAG,wEAAwE,CAAC,EAC1E,QAAUS,GAAiBZ,EAAqBC,EAAQS,CAAC,CAAA,EACxD,CACDG,EAAY,WAAAV,EAAK,OAAQ,eAAeO,CAAC,GAAI,CAC3C,KAAMT,EAAO,IAAA,EACZ,IAAM,CACPa,EAAAA,gBAAiBC,EAAAA,gBAAiBd,EAAO,IAAI,EAAG,CAAC,CAAA,CAClD,CAAA,EACA,GAAIX,CAAU,EAClB,EAAG,GAAG,EAAA,CACR,GACAe,EAAAA,UAAW,EAAI,EAAGC,EAAoB,mBAAAE,WAAW,KAAMC,EAAA,WAAYN,EAAK,QAAS,CAACa,EAAMN,KAC/EL,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,IAAKU,EAAK,KACV,MAAOL,EAAAA,eAAgB,CACvB,YAAad,EAAM,QAAUa,CAAA,CAC9B,CAAA,EACE,CACDG,EAAY,WAAAV,EAAK,OAAQ,gBAAgBO,CAAC,EAAE,GAC3C,CAAC,EACL,EAAG,GAAG,EAAA,CACR,EAEH,CAEA,CAAC"}
+{"version":3,"file":"design-system25.js","sources":["../src/components/BBreadcrumb/BBreadcrumb.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, createVNode as _createVNode, vShow as _vShow, normalizeClass as _normalizeClass, withDirectives as _withDirectives, createCommentVNode as _createCommentVNode, Teleport as _Teleport, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = [\"href\", \"title\"]\nconst _hoisted_2 = {\n  \"aria-hidden\": \"true\",\n  class: \"ds-pl-2\"\n}\nconst _hoisted_3 = [\"id\"]\nconst _hoisted_4 = [\"href\", \"title\"]\nconst _hoisted_5 = {\n  key: 0,\n  \"aria-hidden\": \"true\",\n  class: \"ds-pl-2\"\n}\n\nimport { computed, nextTick, onMounted, onUnmounted, ref } from 'vue';\nimport { v4 as uuid } from 'uuid';\nimport type { BBreadcrumbItem } from '@/types';\nimport BBreadcrumbSeparator from '@/components/BBreadcrumb/BBreadcrumbSeparator.vue';\n\ninterface BBreadcrumbItemInternal extends BBreadcrumbItem {\n  hidden: boolean;\n  width: number;\n}\n\n//#region Props\nexport interface BBreadcrumbProps {\n  /**\n   * Array of breadcrumb items.\n   */\n  items?: BBreadcrumbItem[];\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BBreadcrumb',\n  props: {\n    items: { default: () => [] }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n//#endregion\n\n//#region Data\nconst collapsedBreadcrumbMenu = ref(false);\nconst ulRef = ref<HTMLUListElement | null>(null);\nconst liRefs = ref<HTMLLIElement[] | null>(null);\nconst ellipsisRefs = ref<HTMLSpanElement[] | null>(null);\nconst ellipsisMenuRefs = ref<HTMLUListElement[] | null>(null);\nconst breadcrumbItems = ref<BBreadcrumbItemInternal[]>([]);\nconst resizeObserver = new ResizeObserver(() => {\n  if (breadcrumbItems.value.length <= 1) {\n    return;\n  }\n\n  const ulRefWidth = ulRef.value!.clientWidth;\n  const ellipsisRefWidth = ellipsisRefs.value![0].clientWidth;\n\n  for (let i = 1; i < breadcrumbItems.value.length; i++) {\n    if (\n      breadcrumbItems.value.reduce(\n        (acc, item) => (!item.hidden ? acc + item.width : acc),\n        0,\n      ) +\n        ellipsisRefWidth >\n      ulRefWidth\n    ) {\n      breadcrumbItems.value[i].hidden = true;\n    } else {\n      break;\n    }\n  }\n\n  for (let i = breadcrumbItems.value.length - 1; i >= 1; i--) {\n    if (breadcrumbItems.value[i].hidden) {\n      if (\n        breadcrumbItems.value.reduce(\n          (acc, item) => (!item.hidden ? acc + item.width : acc),\n          0,\n        ) +\n          breadcrumbItems.value[i].width +\n          ellipsisRefWidth <=\n        ulRefWidth\n      ) {\n        breadcrumbItems.value[i].hidden = false;\n      } else {\n        break;\n      }\n    }\n  }\n});\nconst isCollapsed = computed(() => breadcrumbItems.value.some((i) => i.hidden));\nconst ellipsisMenuId = computed(() => `menu-id-${uuid()}`);\n//#region\n\n//#region Methods\nconst toggleCollapedBreadcrumbMenu = () => {\n  collapsedBreadcrumbMenu.value = !collapsedBreadcrumbMenu.value;\n};\nconst initClickOutsideEventListener = () => {\n  document.addEventListener('click', closeOnClickOutside);\n};\nconst removeClickOutsideEventListener = () => {\n  document.removeEventListener('click', closeOnClickOutside);\n};\nconst closeOnClickOutside = (event: any) => {\n  const refs = [ellipsisRefs.value![0], ellipsisMenuRefs.value![0]];\n  const withinBoundaries = refs.some((r) => event.composedPath().includes(r));\n  if (!withinBoundaries) {\n    collapsedBreadcrumbMenu.value = false;\n  }\n};\n//#region\n\n//#region Lifecycle hooks\nonMounted(() => {\n  initClickOutsideEventListener();\n  resizeObserver.observe(ulRef.value!);\n\n  breadcrumbItems.value = props.items.map(\n    (item) =>\n      ({\n        ...item,\n        hidden: false,\n        width: 0,\n      }) as BBreadcrumbItemInternal,\n  );\n  nextTick(() => {\n    breadcrumbItems.value.forEach((item, index) => {\n      item.width = liRefs.value![index].clientWidth;\n    });\n  });\n});\nonUnmounted(() => {\n  removeClickOutsideEventListener();\n  resizeObserver.unobserve(ulRef.value!);\n});\n//#region\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"nav\", null, [\n    _createElementVNode(\"ol\", {\n      ref_key: \"ulRef\",\n      ref: ulRef,\n      class: _normalizeClass([{ collapsed: isCollapsed.value }, \"ds-relative ds-flex\"])\n    }, [\n      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(breadcrumbItems.value, (item, index) => {\n        return (_openBlock(), _createElementBlock(_Fragment, {\n          key: `item${item.text}`\n        }, [\n          (index === 0)\n            ? (_openBlock(), _createElementBlock(\"li\", {\n                key: 0,\n                ref_for: true,\n                ref_key: \"liRefs\",\n                ref: liRefs,\n                class: \"ds-whitespace-nowrap ds-text-black/[0.85]\"\n              }, [\n                _renderSlot(_ctx.$slots, `item-${index}`, { item: item }, () => [\n                  _createElementVNode(\"a\", {\n                    href: item.href,\n                    title: item.href,\n                    class: \"ds-transition-colors hover:ds-text-primary-t\"\n                  }, _toDisplayString(item.text), 9, _hoisted_1)\n                ]),\n                _createElementVNode(\"span\", _hoisted_2, [\n                  _renderSlot(_ctx.$slots, `separator-${index}`, { item: item }, () => [\n                    _createVNode(BBreadcrumbSeparator)\n                  ])\n                ]),\n                _createElementVNode(\"div\", {\n                  ref_for: true,\n                  ref_key: \"ellipsisRefs\",\n                  ref: ellipsisRefs,\n                  class: \"ds-inline-block\"\n                }, [\n                  _withDirectives(_createElementVNode(\"button\", {\n                    class: _normalizeClass([{ 'ds-bg-slate-50': collapsedBreadcrumbMenu.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\"]),\n                    onClick: toggleCollapedBreadcrumbMenu\n                  }, \" ... \", 2), [\n                    [_vShow, isCollapsed.value]\n                  ]),\n                  _withDirectives(_createElementVNode(\"ol\", {\n                    id: ellipsisMenuId.value,\n                    ref_for: true,\n                    ref_key: \"ellipsisMenuRefs\",\n                    ref: ellipsisMenuRefs,\n                    class: \"ds-absolute ds-mt-1 ds-space-y-2 ds-rounded-lg ds-bg-white ds-p-4 ds-shadow\"\n                  }, null, 8, _hoisted_3), [\n                    [_vShow, isCollapsed.value && collapsedBreadcrumbMenu.value]\n                  ])\n                ], 512)\n              ], 512))\n            : (_openBlock(), _createBlock(_Teleport, {\n                key: 1,\n                disabled: !item.hidden,\n                to: `#${ellipsisMenuId.value}`\n              }, [\n                _createElementVNode(\"li\", {\n                  ref_for: true,\n                  ref_key: \"liRefs\",\n                  ref: liRefs,\n                  class: \"ds-whitespace-nowrap ds-pl-2 ds-text-black/[0.85]\"\n                }, [\n                  _renderSlot(_ctx.$slots, `item-${index}`, { item: item }, () => [\n                    _createElementVNode(\"a\", {\n                      href: item.href,\n                      title: item.href,\n                      class: \"ds-transition-colors hover:ds-text-primary-t\"\n                    }, _toDisplayString(item.text), 9, _hoisted_4)\n                  ]),\n                  (index < _ctx.items?.length - 1)\n                    ? (_openBlock(), _createElementBlock(\"span\", _hoisted_5, [\n                        _renderSlot(_ctx.$slots, `separator-${index}`, { item: item }, () => [\n                          _createVNode(BBreadcrumbSeparator)\n                        ])\n                      ]))\n                    : _createCommentVNode(\"\", true)\n                ], 512)\n              ], 8, [\"disabled\", \"to\"]))\n        ], 64))\n      }), 128))\n    ], 2)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_sfc_main","_defineComponent","__props","props","collapsedBreadcrumbMenu","ref","ulRef","liRefs","ellipsisRefs","ellipsisMenuRefs","breadcrumbItems","resizeObserver","ulRefWidth","ellipsisRefWidth","i","acc","item","isCollapsed","computed","ellipsisMenuId","uuid","toggleCollapedBreadcrumbMenu","initClickOutsideEventListener","closeOnClickOutside","removeClickOutsideEventListener","event","r","onMounted","nextTick","index","onUnmounted","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_normalizeClass","_Fragment","_renderList","_renderSlot","_toDisplayString","_createVNode","BBreadcrumbSeparator","_withDirectives","_vShow","_createBlock","_Teleport","_a","_createCommentVNode"],"mappings":"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"}

package/dist/design-system25.mjs

@@ -1,53 +1,144 @@
-import { defineComponent as k, computed as b, openBlock as r, createElementBlock as l, createElementVNode as v, Fragment as a, renderList as c, normalizeClass as u, renderSlot as i, createTextVNode as h, toDisplayString as V } from "vue";
-const _ = { class: "ds-flex" }, g = ["onClick"], $ = /* @__PURE__ */ k({
-  __name: "BStepper",
+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";
+const U = ["href", "title"], j = {
+  "aria-hidden": "true",
+  class: "ds-pl-2"
+}, q = ["id"], A = ["href", "title"], G = {
+  key: 0,
+  "aria-hidden": "true",
+  class: "ds-pl-2"
+}, Q = /* @__PURE__ */ x({
+  __name: "BBreadcrumb",
   props: {
-    headers: {},
-    modelValue: {}
+    items: { default: () => [] }
   },
-  emits: ["update:modelValue"],
-  setup(p, { emit: m }) {
-    const o = p, f = m, n = b({
-      get() {
-        return o.modelValue;
-      },
-      set(e) {
-        f("update:modelValue", e);
-      }
-    }), x = (e, d) => {
-      e.clickable && (n.value = d);
+  setup(M) {
+    const O = M, i = n(!1), c = n(null), h = n(null), v = n(null), m = n(null), l = n([]), k = new ResizeObserver(() => {
+      if (l.value.length <= 1)
+        return;
+      const s = c.value.clientWidth, a = v.value[0].clientWidth;
+      for (let e = 1; e < l.value.length && l.value.reduce(
+        (t, r) => r.hidden ? t : t + r.width,
+        0
+      ) + a > s; e++)
+        l.value[e].hidden = !0;
+      for (let e = l.value.length - 1; e >= 1; e--)
+        if (l.value[e].hidden)
+          if (l.value.reduce(
+            (t, r) => r.hidden ? t : t + r.width,
+            0
+          ) + l.value[e].width + a <= s)
+            l.value[e].hidden = !1;
+          else
+            break;
+    }), p = w(() => l.value.some((s) => s.hidden)), b = w(() => `menu-id-${P()}`), L = () => {
+      i.value = !i.value;
+    }, W = () => {
+      document.addEventListener("click", _);
+    }, S = () => {
+      document.removeEventListener("click", _);
+    }, _ = (s) => {
+      [v.value[0], m.value[0]].some((t) => s.composedPath().includes(t)) || (i.value = !1);
     };
-    return (e, d) => (r(), l("div", null, [
-      v("ul", _, [
-        (r(!0), l(a, null, c(o.headers, (t, s) => (r(), l("li", {
-          key: t.text,
-          class: u([{
-            "ds-cursor-pointer": t.clickable,
-            "ds-pointer-events-none ds-text-black/40": t.disabled,
-            "ds-text-primary-t": s < n.value,
-            "after:ds-border-1 after:content-[``] ds-flex-auto after:ds-mx-3 after:ds-h-1 after:ds-w-full after:ds-border-b after:ds-border-gray-200": s < e.headers.length - 1
-          }, "ds-flex ds-items-center ds-whitespace-nowrap ds-text-sm ds-font-medium"]),
-          onClick: (y) => x(t, s)
-        }, [
-          i(e.$slots, `step-header-${s}`, {
-            text: t.text
-          }, () => [
-            h(V(t.text), 1)
-          ])
-        ], 10, g))), 128))
-      ]),
-      (r(!0), l(a, null, c(e.headers, (t, s) => (r(), l("div", {
-        key: t.text,
-        class: u({
-          "ds-hidden": n.value !== s
+    return z(() => {
+      W(), k.observe(c.value), l.value = O.items.map(
+        (s) => ({
+          ...s,
+          hidden: !1,
+          width: 0
         })
+      ), N(() => {
+        l.value.forEach((s, a) => {
+          s.width = h.value[a].clientWidth;
+        });
+      });
+    }), V(() => {
+      S(), k.unobserve(c.value);
+    }), (s, a) => (d(), u("nav", null, [
+      o("ol", {
+        ref_key: "ulRef",
+        ref: c,
+        class: g([{ collapsed: p.value }, "ds-relative ds-flex"])
       }, [
-        i(e.$slots, `step-content-${s}`)
-      ], 2))), 128))
+        (d(!0), u(y, null, D(l.value, (e, t) => {
+          var r;
+          return d(), u(y, {
+            key: `item${e.text}`
+          }, [
+            t === 0 ? (d(), u("li", {
+              key: 0,
+              ref_for: !0,
+              ref_key: "liRefs",
+              ref: h,
+              class: "ds-whitespace-nowrap ds-text-black/[0.85]"
+            }, [
+              f(s.$slots, `item-${t}`, { item: e }, () => [
+                o("a", {
+                  href: e.href,
+                  title: e.href,
+                  class: "ds-transition-colors hover:ds-text-primary-t"
+                }, R(e.text), 9, U)
+              ]),
+              o("span", j, [
+                f(s.$slots, `separator-${t}`, { item: e }, () => [
+                  B(E)
+                ])
+              ]),
+              o("div", {
+                ref_for: !0,
+                ref_key: "ellipsisRefs",
+                ref: v,
+                class: "ds-inline-block"
+              }, [
+                $(o("button", {
+                  class: g([{ "ds-bg-slate-50": i.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: L
+                }, " ... ", 2), [
+                  [C, p.value]
+                ]),
+                $(o("ol", {
+                  id: b.value,
+                  ref_for: !0,
+                  ref_key: "ellipsisMenuRefs",
+                  ref: m,
+                  class: "ds-absolute ds-mt-1 ds-space-y-2 ds-rounded-lg ds-bg-white ds-p-4 ds-shadow"
+                }, null, 8, q), [
+                  [C, p.value && i.value]
+                ])
+              ], 512)
+            ], 512)) : (d(), I(T, {
+              key: 1,
+              disabled: !e.hidden,
+              to: `#${b.value}`
+            }, [
+              o("li", {
+                ref_for: !0,
+                ref_key: "liRefs",
+                ref: h,
+                class: "ds-whitespace-nowrap ds-pl-2 ds-text-black/[0.85]"
+              }, [
+                f(s.$slots, `item-${t}`, { item: e }, () => [
+                  o("a", {
+                    href: e.href,
+                    title: e.href,
+                    class: "ds-transition-colors hover:ds-text-primary-t"
+                  }, R(e.text), 9, A)
+                ]),
+                t < ((r = s.items) == null ? void 0 : r.length) - 1 ? (d(), u("span", G, [
+                  f(s.$slots, `separator-${t}`, { item: e }, () => [
+                    B(E)
+                  ])
+                ])) : F("", !0)
+              ], 512)
+            ], 8, ["disabled", "to"]))
+          ], 64);
+        }), 128))
+      ], 2)
     ]));
   }
 });
 export {
-  $ as default
+  Q as default
 };
 //# sourceMappingURL=design-system25.mjs.map

package/dist/design-system25.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system25.mjs","sources":["../src/components/BStepper.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-flex\" }\nconst _hoisted_2 = [\"onClick\"]\n\nimport type { BStepperHeader } from '@/types';\nimport { computed } from 'vue';\n\n//#region Props\ninterface Props {\n  /**\n   * Array of header objects.\n   */\n  headers: BStepperHeader[];\n  /**\n   * Index of step.\n   */\n  modelValue: number;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BStepper',\n  props: {\n    headers: {},\n    modelValue: {}\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#region\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\n//#region\n\n//#region Methods\nconst onClickStepperHeader = (header: BStepperHeader, index: number) => {\n  if (!header.clickable) {\n    return;\n  }\n  value.value = index;\n};\n//#region\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createElementVNode(\"ul\", _hoisted_1, [\n      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(props.headers, (header, i) => {\n        return (_openBlock(), _createElementBlock(\"li\", {\n          key: header.text,\n          class: _normalizeClass([{\n          'ds-cursor-pointer': header.clickable,\n          'ds-pointer-events-none ds-text-black/40': header.disabled,\n          'ds-text-primary-t': i < value.value,\n          'after:ds-border-1 after:content-[``] ds-flex-auto after:ds-mx-3 after:ds-h-1 after:ds-w-full after:ds-border-b after:ds-border-gray-200':\n            i < _ctx.headers.length - 1,\n        }, \"ds-flex ds-items-center ds-whitespace-nowrap ds-text-sm ds-font-medium\"]),\n          onClick: ($event: any) => (onClickStepperHeader(header, i))\n        }, [\n          _renderSlot(_ctx.$slots, `step-header-${i}`, {\n            text: header.text\n          }, () => [\n            _createTextVNode(_toDisplayString(header.text), 1)\n          ])\n        ], 10, _hoisted_2))\n      }), 128))\n    ]),\n    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.headers, (step, i) => {\n      return (_openBlock(), _createElementBlock(\"div\", {\n        key: step.text,\n        class: _normalizeClass({\n        'ds-hidden': value.value !== i,\n      })\n      }, [\n        _renderSlot(_ctx.$slots, `step-content-${i}`)\n      ], 2))\n    }), 128))\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","__emit","props","emit","value","computed","val","onClickStepperHeader","header","index","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_Fragment","_renderList","i","_normalizeClass","$event","_renderSlot","_createTextVNode","_toDisplayString","step"],"mappings":";AAGA,MAAMA,IAAa,EAAE,OAAO,aACtBC,IAAa,CAAC,SAAS,GAkBDC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,SAAS,CAAC;AAAA,IACV,YAAY,CAAC;AAAA,EACf;AAAA,EACA,OAAO,CAAC,mBAAmB;AAAA,EAC3B,MAAMC,GAAc,EAAE,MAAMC,KAAU;AAExC,UAAMC,IAAQF,GAIRG,IAAOF,GAIPG,IAAQC,EAAS;AAAA,MACrB,MAAM;AACJ,eAAOH,EAAM;AAAA,MACf;AAAA,MACA,IAAII,GAAK;AACP,QAAAH,EAAK,qBAAqBG,CAAG;AAAA,MAC/B;AAAA,IAAA,CACD,GAIKC,IAAuB,CAACC,GAAwBC,MAAkB;AAClE,MAACD,EAAO,cAGZJ,EAAM,QAAQK;AAAA,IAAA;AAIT,WAAA,CAACC,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAO,MAAM;AAAA,MACrDC,EAAoB,MAAMlB,GAAY;AAAA,SACnCgB,EAAW,EAAI,GAAGC,EAAoBE,GAAW,MAAMC,EAAYd,EAAM,SAAS,CAACM,GAAQS,OAClFL,EAAA,GAAcC,EAAoB,MAAM;AAAA,UAC9C,KAAKL,EAAO;AAAA,UACZ,OAAOU,EAAgB,CAAC;AAAA,YACxB,qBAAqBV,EAAO;AAAA,YAC5B,2CAA2CA,EAAO;AAAA,YAClD,qBAAqBS,IAAIb,EAAM;AAAA,YAC/B,2IACEa,IAAIP,EAAK,QAAQ,SAAS;AAAA,UAC9B,GAAG,wEAAwE,CAAC;AAAA,UAC1E,SAAS,CAACS,MAAiBZ,EAAqBC,GAAQS,CAAC;AAAA,QAAA,GACxD;AAAA,UACDG,EAAYV,EAAK,QAAQ,eAAeO,CAAC,IAAI;AAAA,YAC3C,MAAMT,EAAO;AAAA,UAAA,GACZ,MAAM;AAAA,YACPa,EAAiBC,EAAiBd,EAAO,IAAI,GAAG,CAAC;AAAA,UAAA,CAClD;AAAA,QAAA,GACA,IAAIX,CAAU,EAClB,GAAG,GAAG;AAAA,MAAA,CACR;AAAA,OACAe,EAAW,EAAI,GAAGC,EAAoBE,GAAW,MAAMC,EAAYN,EAAK,SAAS,CAACa,GAAMN,OAC/EL,EAAA,GAAcC,EAAoB,OAAO;AAAA,QAC/C,KAAKU,EAAK;AAAA,QACV,OAAOL,EAAgB;AAAA,UACvB,aAAad,EAAM,UAAUa;AAAA,QAAA,CAC9B;AAAA,MAAA,GACE;AAAA,QACDG,EAAYV,EAAK,QAAQ,gBAAgBO,CAAC,EAAE;AAAA,SAC3C,CAAC,EACL,GAAG,GAAG;AAAA,IAAA,CACR;AAAA,EAEH;AAEA,CAAC;"}
+{"version":3,"file":"design-system25.mjs","sources":["../src/components/BBreadcrumb/BBreadcrumb.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, createVNode as _createVNode, vShow as _vShow, normalizeClass as _normalizeClass, withDirectives as _withDirectives, createCommentVNode as _createCommentVNode, Teleport as _Teleport, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = [\"href\", \"title\"]\nconst _hoisted_2 = {\n  \"aria-hidden\": \"true\",\n  class: \"ds-pl-2\"\n}\nconst _hoisted_3 = [\"id\"]\nconst _hoisted_4 = [\"href\", \"title\"]\nconst _hoisted_5 = {\n  key: 0,\n  \"aria-hidden\": \"true\",\n  class: \"ds-pl-2\"\n}\n\nimport { computed, nextTick, onMounted, onUnmounted, ref } from 'vue';\nimport { v4 as uuid } from 'uuid';\nimport type { BBreadcrumbItem } from '@/types';\nimport BBreadcrumbSeparator from '@/components/BBreadcrumb/BBreadcrumbSeparator.vue';\n\ninterface BBreadcrumbItemInternal extends BBreadcrumbItem {\n  hidden: boolean;\n  width: number;\n}\n\n//#region Props\nexport interface BBreadcrumbProps {\n  /**\n   * Array of breadcrumb items.\n   */\n  items?: BBreadcrumbItem[];\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BBreadcrumb',\n  props: {\n    items: { default: () => [] }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n//#endregion\n\n//#region Data\nconst collapsedBreadcrumbMenu = ref(false);\nconst ulRef = ref<HTMLUListElement | null>(null);\nconst liRefs = ref<HTMLLIElement[] | null>(null);\nconst ellipsisRefs = ref<HTMLSpanElement[] | null>(null);\nconst ellipsisMenuRefs = ref<HTMLUListElement[] | null>(null);\nconst breadcrumbItems = ref<BBreadcrumbItemInternal[]>([]);\nconst resizeObserver = new ResizeObserver(() => {\n  if (breadcrumbItems.value.length <= 1) {\n    return;\n  }\n\n  const ulRefWidth = ulRef.value!.clientWidth;\n  const ellipsisRefWidth = ellipsisRefs.value![0].clientWidth;\n\n  for (let i = 1; i < breadcrumbItems.value.length; i++) {\n    if (\n      breadcrumbItems.value.reduce(\n        (acc, item) => (!item.hidden ? acc + item.width : acc),\n        0,\n      ) +\n        ellipsisRefWidth >\n      ulRefWidth\n    ) {\n      breadcrumbItems.value[i].hidden = true;\n    } else {\n      break;\n    }\n  }\n\n  for (let i = breadcrumbItems.value.length - 1; i >= 1; i--) {\n    if (breadcrumbItems.value[i].hidden) {\n      if (\n        breadcrumbItems.value.reduce(\n          (acc, item) => (!item.hidden ? acc + item.width : acc),\n          0,\n        ) +\n          breadcrumbItems.value[i].width +\n          ellipsisRefWidth <=\n        ulRefWidth\n      ) {\n        breadcrumbItems.value[i].hidden = false;\n      } else {\n        break;\n      }\n    }\n  }\n});\nconst isCollapsed = computed(() => breadcrumbItems.value.some((i) => i.hidden));\nconst ellipsisMenuId = computed(() => `menu-id-${uuid()}`);\n//#region\n\n//#region Methods\nconst toggleCollapedBreadcrumbMenu = () => {\n  collapsedBreadcrumbMenu.value = !collapsedBreadcrumbMenu.value;\n};\nconst initClickOutsideEventListener = () => {\n  document.addEventListener('click', closeOnClickOutside);\n};\nconst removeClickOutsideEventListener = () => {\n  document.removeEventListener('click', closeOnClickOutside);\n};\nconst closeOnClickOutside = (event: any) => {\n  const refs = [ellipsisRefs.value![0], ellipsisMenuRefs.value![0]];\n  const withinBoundaries = refs.some((r) => event.composedPath().includes(r));\n  if (!withinBoundaries) {\n    collapsedBreadcrumbMenu.value = false;\n  }\n};\n//#region\n\n//#region Lifecycle hooks\nonMounted(() => {\n  initClickOutsideEventListener();\n  resizeObserver.observe(ulRef.value!);\n\n  breadcrumbItems.value = props.items.map(\n    (item) =>\n      ({\n        ...item,\n        hidden: false,\n        width: 0,\n      }) as BBreadcrumbItemInternal,\n  );\n  nextTick(() => {\n    breadcrumbItems.value.forEach((item, index) => {\n      item.width = liRefs.value![index].clientWidth;\n    });\n  });\n});\nonUnmounted(() => {\n  removeClickOutsideEventListener();\n  resizeObserver.unobserve(ulRef.value!);\n});\n//#region\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"nav\", null, [\n    _createElementVNode(\"ol\", {\n      ref_key: \"ulRef\",\n      ref: ulRef,\n      class: _normalizeClass([{ collapsed: isCollapsed.value }, \"ds-relative ds-flex\"])\n    }, [\n      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(breadcrumbItems.value, (item, index) => {\n        return (_openBlock(), _createElementBlock(_Fragment, {\n          key: `item${item.text}`\n        }, [\n          (index === 0)\n            ? (_openBlock(), _createElementBlock(\"li\", {\n                key: 0,\n                ref_for: true,\n                ref_key: \"liRefs\",\n                ref: liRefs,\n                class: \"ds-whitespace-nowrap ds-text-black/[0.85]\"\n              }, [\n                _renderSlot(_ctx.$slots, `item-${index}`, { item: item }, () => [\n                  _createElementVNode(\"a\", {\n                    href: item.href,\n                    title: item.href,\n                    class: \"ds-transition-colors hover:ds-text-primary-t\"\n                  }, _toDisplayString(item.text), 9, _hoisted_1)\n                ]),\n                _createElementVNode(\"span\", _hoisted_2, [\n                  _renderSlot(_ctx.$slots, `separator-${index}`, { item: item }, () => [\n                    _createVNode(BBreadcrumbSeparator)\n                  ])\n                ]),\n                _createElementVNode(\"div\", {\n                  ref_for: true,\n                  ref_key: \"ellipsisRefs\",\n                  ref: ellipsisRefs,\n                  class: \"ds-inline-block\"\n                }, [\n                  _withDirectives(_createElementVNode(\"button\", {\n                    class: _normalizeClass([{ 'ds-bg-slate-50': collapsedBreadcrumbMenu.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\"]),\n                    onClick: toggleCollapedBreadcrumbMenu\n                  }, \" ... \", 2), [\n                    [_vShow, isCollapsed.value]\n                  ]),\n                  _withDirectives(_createElementVNode(\"ol\", {\n                    id: ellipsisMenuId.value,\n                    ref_for: true,\n                    ref_key: \"ellipsisMenuRefs\",\n                    ref: ellipsisMenuRefs,\n                    class: \"ds-absolute ds-mt-1 ds-space-y-2 ds-rounded-lg ds-bg-white ds-p-4 ds-shadow\"\n                  }, null, 8, _hoisted_3), [\n                    [_vShow, isCollapsed.value && collapsedBreadcrumbMenu.value]\n                  ])\n                ], 512)\n              ], 512))\n            : (_openBlock(), _createBlock(_Teleport, {\n                key: 1,\n                disabled: !item.hidden,\n                to: `#${ellipsisMenuId.value}`\n              }, [\n                _createElementVNode(\"li\", {\n                  ref_for: true,\n                  ref_key: \"liRefs\",\n                  ref: liRefs,\n                  class: \"ds-whitespace-nowrap ds-pl-2 ds-text-black/[0.85]\"\n                }, [\n                  _renderSlot(_ctx.$slots, `item-${index}`, { item: item }, () => [\n                    _createElementVNode(\"a\", {\n                      href: item.href,\n                      title: item.href,\n                      class: \"ds-transition-colors hover:ds-text-primary-t\"\n                    }, _toDisplayString(item.text), 9, _hoisted_4)\n                  ]),\n                  (index < _ctx.items?.length - 1)\n                    ? (_openBlock(), _createElementBlock(\"span\", _hoisted_5, [\n                        _renderSlot(_ctx.$slots, `separator-${index}`, { item: item }, () => [\n                          _createVNode(BBreadcrumbSeparator)\n                        ])\n                      ]))\n                    : _createCommentVNode(\"\", true)\n                ], 512)\n              ], 8, [\"disabled\", \"to\"]))\n        ], 64))\n      }), 128))\n    ], 2)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_sfc_main","_defineComponent","__props","props","collapsedBreadcrumbMenu","ref","ulRef","liRefs","ellipsisRefs","ellipsisMenuRefs","breadcrumbItems","resizeObserver","ulRefWidth","ellipsisRefWidth","i","acc","item","isCollapsed","computed","ellipsisMenuId","uuid","toggleCollapedBreadcrumbMenu","initClickOutsideEventListener","closeOnClickOutside","removeClickOutsideEventListener","event","r","onMounted","nextTick","index","onUnmounted","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_normalizeClass","_Fragment","_renderList","_renderSlot","_toDisplayString","_createVNode","BBreadcrumbSeparator","_withDirectives","_vShow","_createBlock","_Teleport","_a","_createCommentVNode"],"mappings":"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"}

package/dist/design-system26.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),m=require("./design-system111.js"),E=require("./design-system103.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 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;
 //# sourceMappingURL=design-system26.js.map