@7pmlabs/design-system 0.5.0 → 0.5.1

package/dist/design-system18.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-system105.mjs";
+import S from "./design-system106.mjs";
 const $ = {
   // https://vuejs.org/guide/components/attrs.html#disabling-attribute-inheritance
   inheritAttrs: !1

package/dist/design-system194.js

@@ -1,2 +1,2 @@
-"use strict";const u=require("./design-system166.js"),a=require("./design-system123.js");function i(r,e,t){var s=e(r);return a(r)?s:u(s,t(r))}module.exports=i;
+"use strict";const u=require("./design-system165.js"),a=require("./design-system123.js");function i(r,e,t){var s=e(r);return a(r)?s:u(s,t(r))}module.exports=i;
 //# sourceMappingURL=design-system194.js.map

package/dist/design-system194.mjs

@@ -1,4 +1,4 @@
-import e from "./design-system166.mjs";
+import e from "./design-system165.mjs";
 import u from "./design-system123.mjs";
 function l(r, s, t) {
   var a = s(r);

package/dist/design-system195.js

@@ -1,2 +1,2 @@
-"use strict";const t=require("./design-system166.js"),s=require("./design-system183.js"),n=require("./design-system203.js"),o=require("./design-system147.js");var u=Object.getOwnPropertySymbols,y=u?function(r){for(var e=[];r;)t(e,n(r)),r=s(r);return e}:o;const i=y;module.exports=i;
+"use strict";const t=require("./design-system165.js"),s=require("./design-system183.js"),n=require("./design-system203.js"),o=require("./design-system147.js");var u=Object.getOwnPropertySymbols,y=u?function(r){for(var e=[];r;)t(e,n(r)),r=s(r);return e}:o;const i=y;module.exports=i;
 //# sourceMappingURL=design-system195.js.map

package/dist/design-system195.mjs

@@ -1,4 +1,4 @@
-import o from "./design-system166.mjs";
+import o from "./design-system165.mjs";
 import m from "./design-system183.mjs";
 import e from "./design-system203.mjs";
 import s from "./design-system147.mjs";

package/dist/design-system203.js

@@ -1,2 +1,2 @@
-"use strict";const n=require("./design-system168.js"),o=require("./design-system147.js");var s=Object.prototype,u=s.propertyIsEnumerable,t=Object.getOwnPropertySymbols,a=t?function(r){return r==null?[]:(r=Object(r),n(t(r),function(e){return u.call(r,e)}))}:o;const l=a;module.exports=l;
+"use strict";const n=require("./design-system169.js"),o=require("./design-system147.js");var s=Object.prototype,u=s.propertyIsEnumerable,t=Object.getOwnPropertySymbols,a=t?function(r){return r==null?[]:(r=Object(r),n(t(r),function(e){return u.call(r,e)}))}:o;const l=a;module.exports=l;
 //# sourceMappingURL=design-system203.js.map

package/dist/design-system203.mjs

@@ -1,4 +1,4 @@
-import o from "./design-system168.mjs";
+import o from "./design-system169.mjs";
 import a from "./design-system147.mjs";
 var n = Object.prototype, l = n.propertyIsEnumerable, t = Object.getOwnPropertySymbols, m = t ? function(r) {
   return r == null ? [] : (r = Object(r), o(t(r), function(e) {

package/dist/design-system26.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),g=require("./design-system102.js"),B=["href","title"],E={"aria-hidden":"true",class:"ds-pl-2"},y=e.createElementVNode("svg",{class:"ds-mb-0.5 ds-inline-block ds-h-4 ds-w-4",viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"})],-1),R=["id"],N=["href","title"],V={key:0,"aria-hidden":"true",class:"ds-pl-2"},$=e.createElementVNode("svg",{class:"ds-mb-0.5 ds-inline-block ds-h-4 ds-w-4",viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"})],-1),C=e.defineComponent({__name:"BBreadcrumb",props:{items:{default:()=>[]}},setup(m){const k=m,d=e.ref(!1),a=e.ref(null),c=e.ref(null),i=e.ref(null),f=e.ref(null),r=e.ref([]),h=new ResizeObserver(()=>{if(r.value.length<=1)return;const s=a.value.clientWidth,n=i.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-${g()}`),w=()=>{console.log("..."),d.value=!d.value},_=()=>{document.addEventListener("click",p)},b=()=>{document.removeEventListener("click",p)},p=s=>{[i.value[0],f.value[0]].some(l=>s.composedPath().includes(l))||(d.value=!1)};return e.onMounted(()=>{_(),h.observe(a.value),r.value=k.items.map(s=>({...s,hidden:!1,width:0})),e.nextTick(()=>{r.value.forEach((s,n)=>{s.width=c.value[n].clientWidth})})}),e.onUnmounted(()=>{b(),h.unobserve(a.value)}),(s,n)=>(e.openBlock(),e.createElementBlock("ul",{ref_key:"ulRef",ref:a,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:c,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},e.toDisplayString(t.text),9,B)]),e.createElementVNode("span",E,[e.renderSlot(s.$slots,`separator-${l}`,{item:t},()=>[y])]),e.withDirectives(e.createElementVNode("button",{ref_for:!0,ref_key:"ellipsisRefs",ref:i,class:"ds-ml-2 ds-rounded-lg ds-bg-slate-100 ds-px-2 ds-text-primary-t",onClick:w}," ... ",512),[[e.vShow,u.value]]),e.withDirectives(e.createElementVNode("ul",{id:v.value,ref_for:!0,ref_key:"menuRefs",ref:f,class:"ds-absolute ds-space-y-2 ds-rounded-lg ds-bg-white ds-p-4 ds-shadow"},null,8,R),[[e.vShow,u.value&&d.value]])],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:c,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},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.createCommentVNode("",!0)],512)],8,["disabled","to"]))],64)}),128))],2))}});module.exports=C;
+"use strict";const e=require("vue"),g=require("./design-system102.js"),B=["href","title"],E={"aria-hidden":"true",class:"ds-pl-2"},y=e.createElementVNode("svg",{class:"ds-mb-0.5 ds-inline-block ds-h-4 ds-w-4",viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"})],-1),R=["id"],N=["href","title"],V={key:0,"aria-hidden":"true",class:"ds-pl-2"},$=e.createElementVNode("svg",{class:"ds-mb-0.5 ds-inline-block ds-h-4 ds-w-4",viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"})],-1),C=e.defineComponent({__name:"BBreadcrumb",props:{items:{default:()=>[]}},setup(m){const k=m,d=e.ref(!1),a=e.ref(null),c=e.ref(null),i=e.ref(null),f=e.ref(null),r=e.ref([]),h=new ResizeObserver(()=>{if(r.value.length<=1)return;const t=a.value.clientWidth,n=i.value[0].clientWidth;for(let s=1;s<r.value.length&&r.value.reduce((l,o)=>o.hidden?l:l+o.width,0)+n>t;s++)r.value[s].hidden=!0;for(let s=r.value.length-1;s>=1;s--)if(r.value[s].hidden)if(r.value.reduce((l,o)=>o.hidden?l:l+o.width,0)+r.value[s].width+n<=t)r.value[s].hidden=!1;else break}),u=e.computed(()=>r.value.some(t=>t.hidden)),v=e.computed(()=>`menu-id-${g()}`),w=()=>{d.value=!d.value},b=()=>{document.addEventListener("click",p)},_=()=>{document.removeEventListener("click",p)},p=t=>{[i.value[0],f.value[0]].some(l=>t.composedPath().includes(l))||(d.value=!1)};return e.onMounted(()=>{b(),h.observe(a.value),r.value=k.items.map(t=>({...t,hidden:!1,width:0})),e.nextTick(()=>{r.value.forEach((t,n)=>{t.width=c.value[n].clientWidth})})}),e.onUnmounted(()=>{_(),h.unobserve(a.value)}),(t,n)=>(e.openBlock(),e.createElementBlock("ul",{ref_key:"ulRef",ref:a,class:e.normalizeClass([{collapsed:u.value},"ds-relative ds-flex"])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,(s,l)=>{var o;return e.openBlock(),e.createElementBlock(e.Fragment,{key:`item${s.text}`},[l===0?(e.openBlock(),e.createElementBlock("li",{key:0,ref_for:!0,ref_key:"liRefs",ref:c,class:"ds-whitespace-nowrap ds-text-black/[0.85]"},[e.renderSlot(t.$slots,`item-${l}`,{item:s},()=>[e.createElementVNode("a",{href:s.href,title:s.href,class:"hover:ds-text-primary-t"},e.toDisplayString(s.text),9,B)]),e.createElementVNode("span",E,[e.renderSlot(t.$slots,`separator-${l}`,{item:s},()=>[y])]),e.withDirectives(e.createElementVNode("button",{ref_for:!0,ref_key:"ellipsisRefs",ref:i,class:e.normalizeClass([{"ds-bg-slate-50":d.value},"ds-ml-2 ds-rounded-lg ds-bg-slate-100 ds-px-2 ds-text-primary-t hover:ds-bg-slate-50"]),onClick:w}," ... ",2),[[e.vShow,u.value]]),e.withDirectives(e.createElementVNode("ul",{id:v.value,ref_for:!0,ref_key:"menuRefs",ref:f,class:"ds-absolute ds-space-y-2 ds-rounded-lg ds-bg-white ds-p-4 ds-shadow"},null,8,R),[[e.vShow,u.value&&d.value]])],512)):(e.openBlock(),e.createBlock(e.Teleport,{key:1,disabled:!s.hidden,to:`#${v.value}`},[e.createElementVNode("li",{ref_for:!0,ref_key:"liRefs",ref:c,class:"ds-whitespace-nowrap ds-pl-2 ds-text-black/[0.85]"},[e.renderSlot(t.$slots,`item-${l}`,{item:s},()=>[e.createElementVNode("a",{href:s.href,title:s.href,class:"hover:ds-text-primary-t"},e.toDisplayString(s.text),9,N)]),l<((o=t.items)==null?void 0:o.length)-1?(e.openBlock(),e.createElementBlock("span",V,[e.renderSlot(t.$slots,`separator-${l}`,{item:s},()=>[$])])):e.createCommentVNode("",!0)],512)],8,["disabled","to"]))],64)}),128))],2))}});module.exports=C;
 //# sourceMappingURL=design-system26.js.map

package/dist/design-system26.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system26.js","sources":["../src/components/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, vShow as _vShow, withDirectives as _withDirectives, createCommentVNode as _createCommentVNode, Teleport as _Teleport, createBlock as _createBlock, normalizeClass as _normalizeClass } from \"vue\"\n\nconst _hoisted_1 = [\"href\", \"title\"]\nconst _hoisted_2 = {\n  \"aria-hidden\": \"true\",\n  class: \"ds-pl-2\"\n}\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-mb-0.5 ds-inline-block ds-h-4 ds-w-4\",\n  viewBox: \"0 0 320 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\" })\n], -1)\nconst _hoisted_4 = [\"id\"]\nconst _hoisted_5 = [\"href\", \"title\"]\nconst _hoisted_6 = {\n  key: 0,\n  \"aria-hidden\": \"true\",\n  class: \"ds-pl-2\"\n}\nconst _hoisted_7 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-mb-0.5 ds-inline-block ds-h-4 ds-w-4\",\n  viewBox: \"0 0 320 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\" })\n], -1)\n\nimport { computed, nextTick, onMounted, onUnmounted, ref } from 'vue';\nimport { v4 as uuid } from 'uuid';\nimport type { BBreadcrumbItem } from '@/types';\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 menuRefs = 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 menuId = computed(() => `menu-id-${uuid()}`);\n//#region\n\n//#region Methods\nconst toggleCollapedBreadcrumbMenu = () => {\n  console.log('...');\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], menuRefs.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(\"ul\", {\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                }, _toDisplayString(item.text), 9, _hoisted_1)\n              ]),\n              _createElementVNode(\"span\", _hoisted_2, [\n                _renderSlot(_ctx.$slots, `separator-${index}`, { item: item }, () => [\n                  _hoisted_3\n                ])\n              ]),\n              _withDirectives(_createElementVNode(\"button\", {\n                ref_for: true,\n                ref_key: \"ellipsisRefs\",\n                ref: ellipsisRefs,\n                class: \"ds-ml-2 ds-rounded-lg ds-bg-slate-100 ds-px-2 ds-text-primary-t\",\n                onClick: toggleCollapedBreadcrumbMenu\n              }, \" ... \", 512), [\n                [_vShow, isCollapsed.value]\n              ]),\n              _withDirectives(_createElementVNode(\"ul\", {\n                id: menuId.value,\n                ref_for: true,\n                ref_key: \"menuRefs\",\n                ref: menuRefs,\n                class: \"ds-absolute ds-space-y-2 ds-rounded-lg ds-bg-white ds-p-4 ds-shadow\"\n              }, null, 8, _hoisted_4), [\n                [_vShow, isCollapsed.value && collapsedBreadcrumbMenu.value]\n              ])\n            ], 512))\n          : (_openBlock(), _createBlock(_Teleport, {\n              key: 1,\n              disabled: !item.hidden,\n              to: `#${menuId.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                  }, _toDisplayString(item.text), 9, _hoisted_5)\n                ]),\n                (index < _ctx.items?.length - 1)\n                  ? (_openBlock(), _createElementBlock(\"span\", _hoisted_6, [\n                      _renderSlot(_ctx.$slots, `separator-${index}`, { item: item }, () => [\n                        _hoisted_7\n                      ])\n                    ]))\n                  : _createCommentVNode(\"\", true)\n              ], 512)\n            ], 8, [\"disabled\", \"to\"]))\n      ], 64))\n    }), 128))\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_createElementVNode","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_sfc_main","_defineComponent","__props","props","collapsedBreadcrumbMenu","ref","ulRef","liRefs","ellipsisRefs","menuRefs","breadcrumbItems","resizeObserver","ulRefWidth","ellipsisRefWidth","i","acc","item","isCollapsed","computed","menuId","uuid","toggleCollapedBreadcrumbMenu","initClickOutsideEventListener","closeOnClickOutside","removeClickOutsideEventListener","event","r","onMounted","nextTick","index","onUnmounted","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_Fragment","_renderList","_renderSlot","_toDisplayString","_withDirectives","_vShow","_createBlock","_Teleport","_a","_createCommentVNode"],"mappings":"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"}
+{"version":3,"file":"design-system26.js","sources":["../src/components/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, 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 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-mb-0.5 ds-inline-block ds-h-4 ds-w-4\",\n  viewBox: \"0 0 320 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\" })\n], -1)\nconst _hoisted_4 = [\"id\"]\nconst _hoisted_5 = [\"href\", \"title\"]\nconst _hoisted_6 = {\n  key: 0,\n  \"aria-hidden\": \"true\",\n  class: \"ds-pl-2\"\n}\nconst _hoisted_7 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-mb-0.5 ds-inline-block ds-h-4 ds-w-4\",\n  viewBox: \"0 0 320 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\" })\n], -1)\n\nimport { computed, nextTick, onMounted, onUnmounted, ref } from 'vue';\nimport { v4 as uuid } from 'uuid';\nimport type { BBreadcrumbItem } from '@/types';\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 menuRefs = 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 menuId = 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], menuRefs.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(\"ul\", {\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: \"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                  _hoisted_3\n                ])\n              ]),\n              _withDirectives(_createElementVNode(\"button\", {\n                ref_for: true,\n                ref_key: \"ellipsisRefs\",\n                ref: ellipsisRefs,\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 hover:ds-bg-slate-50\"]),\n                onClick: toggleCollapedBreadcrumbMenu\n              }, \" ... \", 2), [\n                [_vShow, isCollapsed.value]\n              ]),\n              _withDirectives(_createElementVNode(\"ul\", {\n                id: menuId.value,\n                ref_for: true,\n                ref_key: \"menuRefs\",\n                ref: menuRefs,\n                class: \"ds-absolute ds-space-y-2 ds-rounded-lg ds-bg-white ds-p-4 ds-shadow\"\n              }, null, 8, _hoisted_4), [\n                [_vShow, isCollapsed.value && collapsedBreadcrumbMenu.value]\n              ])\n            ], 512))\n          : (_openBlock(), _createBlock(_Teleport, {\n              key: 1,\n              disabled: !item.hidden,\n              to: `#${menuId.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: \"hover:ds-text-primary-t\"\n                  }, _toDisplayString(item.text), 9, _hoisted_5)\n                ]),\n                (index < _ctx.items?.length - 1)\n                  ? (_openBlock(), _createElementBlock(\"span\", _hoisted_6, [\n                      _renderSlot(_ctx.$slots, `separator-${index}`, { item: item }, () => [\n                        _hoisted_7\n                      ])\n                    ]))\n                  : _createCommentVNode(\"\", true)\n              ], 512)\n            ], 8, [\"disabled\", \"to\"]))\n      ], 64))\n    }), 128))\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_createElementVNode","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_sfc_main","_defineComponent","__props","props","collapsedBreadcrumbMenu","ref","ulRef","liRefs","ellipsisRefs","menuRefs","breadcrumbItems","resizeObserver","ulRefWidth","ellipsisRefWidth","i","acc","item","isCollapsed","computed","menuId","uuid","toggleCollapedBreadcrumbMenu","initClickOutsideEventListener","closeOnClickOutside","removeClickOutsideEventListener","event","r","onMounted","nextTick","index","onUnmounted","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_Fragment","_renderList","_renderSlot","_toDisplayString","_withDirectives","_vShow","_createBlock","_Teleport","_a","_createCommentVNode"],"mappings":"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"}

package/dist/design-system26.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as x, ref as d, computed as b, onMounted as z, nextTick as M, onUnmounted as W, openBlock as a, createElementBlock as i, normalizeClass as S, Fragment as g, renderList as D, renderSlot as f, createElementVNode as r, toDisplayString as y, withDirectives as R, vShow as B, createBlock as I, Teleport as N, createCommentVNode as T } from "vue";
+import { defineComponent as z, ref as n, computed as _, onMounted as M, nextTick as W, onUnmounted as S, openBlock as a, createElementBlock as u, normalizeClass as g, Fragment as y, renderList as D, renderSlot as f, createElementVNode as r, toDisplayString as R, withDirectives as B, vShow as $, createBlock as I, Teleport as N, createCommentVNode as T } from "vue";
 import V from "./design-system102.mjs";
 const F = ["href", "title"], P = {
   "aria-hidden": "true",
@@ -19,103 +19,104 @@ const F = ["href", "title"], P = {
   xmlns: "http://www.w3.org/2000/svg"
 }, [
   /* @__PURE__ */ r("path", { d: "M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z" })
-], -1), K = /* @__PURE__ */ x({
+], -1), K = /* @__PURE__ */ z({
   __name: "BBreadcrumb",
   props: {
     items: { default: () => [] }
   },
-  setup($) {
-    const C = $, u = d(!1), c = d(null), h = d(null), v = d(null), m = d(null), t = d([]), w = new ResizeObserver(() => {
-      if (t.value.length <= 1)
+  setup(C) {
+    const x = C, i = n(!1), c = n(null), h = n(null), v = n(null), m = n(null), l = n([]), w = new ResizeObserver(() => {
+      if (l.value.length <= 1)
         return;
-      const s = c.value.clientWidth, n = v.value[0].clientWidth;
-      for (let e = 1; e < t.value.length && t.value.reduce(
-        (l, o) => o.hidden ? l : l + o.width,
+      const s = c.value.clientWidth, o = v.value[0].clientWidth;
+      for (let e = 1; e < l.value.length && l.value.reduce(
+        (t, d) => d.hidden ? t : t + d.width,
         0
-      ) + n > s; e++)
-        t.value[e].hidden = !0;
-      for (let e = t.value.length - 1; e >= 1; e--)
-        if (t.value[e].hidden)
-          if (t.value.reduce(
-            (l, o) => o.hidden ? l : l + o.width,
+      ) + o > 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, d) => d.hidden ? t : t + d.width,
             0
-          ) + t.value[e].width + n <= s)
-            t.value[e].hidden = !1;
+          ) + l.value[e].width + o <= s)
+            l.value[e].hidden = !1;
           else
             break;
-    }), p = b(() => t.value.some((s) => s.hidden)), k = b(() => `menu-id-${V()}`), E = () => {
-      console.log("..."), u.value = !u.value;
+    }), p = _(() => l.value.some((s) => s.hidden)), b = _(() => `menu-id-${V()}`), E = () => {
+      i.value = !i.value;
     }, L = () => {
-      document.addEventListener("click", _);
+      document.addEventListener("click", k);
     }, O = () => {
-      document.removeEventListener("click", _);
-    }, _ = (s) => {
-      [v.value[0], m.value[0]].some((l) => s.composedPath().includes(l)) || (u.value = !1);
+      document.removeEventListener("click", k);
+    }, k = (s) => {
+      [v.value[0], m.value[0]].some((t) => s.composedPath().includes(t)) || (i.value = !1);
     };
-    return z(() => {
-      L(), w.observe(c.value), t.value = C.items.map(
+    return M(() => {
+      L(), w.observe(c.value), l.value = x.items.map(
         (s) => ({
           ...s,
           hidden: !1,
           width: 0
         })
-      ), M(() => {
-        t.value.forEach((s, n) => {
-          s.width = h.value[n].clientWidth;
+      ), W(() => {
+        l.value.forEach((s, o) => {
+          s.width = h.value[o].clientWidth;
         });
       });
-    }), W(() => {
+    }), S(() => {
       O(), w.unobserve(c.value);
-    }), (s, n) => (a(), i("ul", {
+    }), (s, o) => (a(), u("ul", {
       ref_key: "ulRef",
       ref: c,
-      class: S([{ collapsed: p.value }, "ds-relative ds-flex"])
+      class: g([{ collapsed: p.value }, "ds-relative ds-flex"])
     }, [
-      (a(!0), i(g, null, D(t.value, (e, l) => {
-        var o;
-        return a(), i(g, {
+      (a(!0), u(y, null, D(l.value, (e, t) => {
+        var d;
+        return a(), u(y, {
           key: `item${e.text}`
         }, [
-          l === 0 ? (a(), i("li", {
+          t === 0 ? (a(), 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-${l}`, { item: e }, () => [
+            f(s.$slots, `item-${t}`, { item: e }, () => [
               r("a", {
                 href: e.href,
-                title: e.href
-              }, y(e.text), 9, F)
+                title: e.href,
+                class: "hover:ds-text-primary-t"
+              }, R(e.text), 9, F)
             ]),
             r("span", P, [
-              f(s.$slots, `separator-${l}`, { item: e }, () => [
+              f(s.$slots, `separator-${t}`, { item: e }, () => [
                 U
               ])
             ]),
-            R(r("button", {
+            B(r("button", {
               ref_for: !0,
               ref_key: "ellipsisRefs",
               ref: v,
-              class: "ds-ml-2 ds-rounded-lg ds-bg-slate-100 ds-px-2 ds-text-primary-t",
+              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 hover:ds-bg-slate-50"]),
               onClick: E
-            }, " ... ", 512), [
-              [B, p.value]
+            }, " ... ", 2), [
+              [$, p.value]
             ]),
-            R(r("ul", {
-              id: k.value,
+            B(r("ul", {
+              id: b.value,
               ref_for: !0,
               ref_key: "menuRefs",
               ref: m,
               class: "ds-absolute ds-space-y-2 ds-rounded-lg ds-bg-white ds-p-4 ds-shadow"
             }, null, 8, j), [
-              [B, p.value && u.value]
+              [$, p.value && i.value]
             ])
           ], 512)) : (a(), I(N, {
             key: 1,
             disabled: !e.hidden,
-            to: `#${k.value}`
+            to: `#${b.value}`
           }, [
             r("li", {
               ref_for: !0,
@@ -123,14 +124,15 @@ const F = ["href", "title"], P = {
               ref: h,
               class: "ds-whitespace-nowrap ds-pl-2 ds-text-black/[0.85]"
             }, [
-              f(s.$slots, `item-${l}`, { item: e }, () => [
+              f(s.$slots, `item-${t}`, { item: e }, () => [
                 r("a", {
                   href: e.href,
-                  title: e.href
-                }, y(e.text), 9, q)
+                  title: e.href,
+                  class: "hover:ds-text-primary-t"
+                }, R(e.text), 9, q)
               ]),
-              l < ((o = s.items) == null ? void 0 : o.length) - 1 ? (a(), i("span", A, [
-                f(s.$slots, `separator-${l}`, { item: e }, () => [
+              t < ((d = s.items) == null ? void 0 : d.length) - 1 ? (a(), u("span", A, [
+                f(s.$slots, `separator-${t}`, { item: e }, () => [
                   G
                 ])
               ])) : T("", !0)

package/dist/design-system26.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system26.mjs","sources":["../src/components/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, vShow as _vShow, withDirectives as _withDirectives, createCommentVNode as _createCommentVNode, Teleport as _Teleport, createBlock as _createBlock, normalizeClass as _normalizeClass } from \"vue\"\n\nconst _hoisted_1 = [\"href\", \"title\"]\nconst _hoisted_2 = {\n  \"aria-hidden\": \"true\",\n  class: \"ds-pl-2\"\n}\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-mb-0.5 ds-inline-block ds-h-4 ds-w-4\",\n  viewBox: \"0 0 320 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\" })\n], -1)\nconst _hoisted_4 = [\"id\"]\nconst _hoisted_5 = [\"href\", \"title\"]\nconst _hoisted_6 = {\n  key: 0,\n  \"aria-hidden\": \"true\",\n  class: \"ds-pl-2\"\n}\nconst _hoisted_7 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-mb-0.5 ds-inline-block ds-h-4 ds-w-4\",\n  viewBox: \"0 0 320 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\" })\n], -1)\n\nimport { computed, nextTick, onMounted, onUnmounted, ref } from 'vue';\nimport { v4 as uuid } from 'uuid';\nimport type { BBreadcrumbItem } from '@/types';\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 menuRefs = 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 menuId = computed(() => `menu-id-${uuid()}`);\n//#region\n\n//#region Methods\nconst toggleCollapedBreadcrumbMenu = () => {\n  console.log('...');\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], menuRefs.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(\"ul\", {\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                }, _toDisplayString(item.text), 9, _hoisted_1)\n              ]),\n              _createElementVNode(\"span\", _hoisted_2, [\n                _renderSlot(_ctx.$slots, `separator-${index}`, { item: item }, () => [\n                  _hoisted_3\n                ])\n              ]),\n              _withDirectives(_createElementVNode(\"button\", {\n                ref_for: true,\n                ref_key: \"ellipsisRefs\",\n                ref: ellipsisRefs,\n                class: \"ds-ml-2 ds-rounded-lg ds-bg-slate-100 ds-px-2 ds-text-primary-t\",\n                onClick: toggleCollapedBreadcrumbMenu\n              }, \" ... \", 512), [\n                [_vShow, isCollapsed.value]\n              ]),\n              _withDirectives(_createElementVNode(\"ul\", {\n                id: menuId.value,\n                ref_for: true,\n                ref_key: \"menuRefs\",\n                ref: menuRefs,\n                class: \"ds-absolute ds-space-y-2 ds-rounded-lg ds-bg-white ds-p-4 ds-shadow\"\n              }, null, 8, _hoisted_4), [\n                [_vShow, isCollapsed.value && collapsedBreadcrumbMenu.value]\n              ])\n            ], 512))\n          : (_openBlock(), _createBlock(_Teleport, {\n              key: 1,\n              disabled: !item.hidden,\n              to: `#${menuId.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                  }, _toDisplayString(item.text), 9, _hoisted_5)\n                ]),\n                (index < _ctx.items?.length - 1)\n                  ? (_openBlock(), _createElementBlock(\"span\", _hoisted_6, [\n                      _renderSlot(_ctx.$slots, `separator-${index}`, { item: item }, () => [\n                        _hoisted_7\n                      ])\n                    ]))\n                  : _createCommentVNode(\"\", true)\n              ], 512)\n            ], 8, [\"disabled\", \"to\"]))\n      ], 64))\n    }), 128))\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_createElementVNode","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_sfc_main","_defineComponent","__props","props","collapsedBreadcrumbMenu","ref","ulRef","liRefs","ellipsisRefs","menuRefs","breadcrumbItems","resizeObserver","ulRefWidth","ellipsisRefWidth","i","acc","item","isCollapsed","computed","menuId","uuid","toggleCollapedBreadcrumbMenu","initClickOutsideEventListener","closeOnClickOutside","removeClickOutsideEventListener","event","r","onMounted","nextTick","index","onUnmounted","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_Fragment","_renderList","_renderSlot","_toDisplayString","_withDirectives","_vShow","_createBlock","_Teleport","_a","_createCommentVNode"],"mappings":"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"}
+{"version":3,"file":"design-system26.mjs","sources":["../src/components/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, 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 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-mb-0.5 ds-inline-block ds-h-4 ds-w-4\",\n  viewBox: \"0 0 320 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\" })\n], -1)\nconst _hoisted_4 = [\"id\"]\nconst _hoisted_5 = [\"href\", \"title\"]\nconst _hoisted_6 = {\n  key: 0,\n  \"aria-hidden\": \"true\",\n  class: \"ds-pl-2\"\n}\nconst _hoisted_7 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-mb-0.5 ds-inline-block ds-h-4 ds-w-4\",\n  viewBox: \"0 0 320 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\" })\n], -1)\n\nimport { computed, nextTick, onMounted, onUnmounted, ref } from 'vue';\nimport { v4 as uuid } from 'uuid';\nimport type { BBreadcrumbItem } from '@/types';\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 menuRefs = 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 menuId = 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], menuRefs.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(\"ul\", {\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: \"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                  _hoisted_3\n                ])\n              ]),\n              _withDirectives(_createElementVNode(\"button\", {\n                ref_for: true,\n                ref_key: \"ellipsisRefs\",\n                ref: ellipsisRefs,\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 hover:ds-bg-slate-50\"]),\n                onClick: toggleCollapedBreadcrumbMenu\n              }, \" ... \", 2), [\n                [_vShow, isCollapsed.value]\n              ]),\n              _withDirectives(_createElementVNode(\"ul\", {\n                id: menuId.value,\n                ref_for: true,\n                ref_key: \"menuRefs\",\n                ref: menuRefs,\n                class: \"ds-absolute ds-space-y-2 ds-rounded-lg ds-bg-white ds-p-4 ds-shadow\"\n              }, null, 8, _hoisted_4), [\n                [_vShow, isCollapsed.value && collapsedBreadcrumbMenu.value]\n              ])\n            ], 512))\n          : (_openBlock(), _createBlock(_Teleport, {\n              key: 1,\n              disabled: !item.hidden,\n              to: `#${menuId.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: \"hover:ds-text-primary-t\"\n                  }, _toDisplayString(item.text), 9, _hoisted_5)\n                ]),\n                (index < _ctx.items?.length - 1)\n                  ? (_openBlock(), _createElementBlock(\"span\", _hoisted_6, [\n                      _renderSlot(_ctx.$slots, `separator-${index}`, { item: item }, () => [\n                        _hoisted_7\n                      ])\n                    ]))\n                  : _createCommentVNode(\"\", true)\n              ], 512)\n            ], 8, [\"disabled\", \"to\"]))\n      ], 64))\n    }), 128))\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_createElementVNode","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_sfc_main","_defineComponent","__props","props","collapsedBreadcrumbMenu","ref","ulRef","liRefs","ellipsisRefs","menuRefs","breadcrumbItems","resizeObserver","ulRefWidth","ellipsisRefWidth","i","acc","item","isCollapsed","computed","menuId","uuid","toggleCollapedBreadcrumbMenu","initClickOutsideEventListener","closeOnClickOutside","removeClickOutsideEventListener","event","r","onMounted","nextTick","index","onUnmounted","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_Fragment","_renderList","_renderSlot","_toDisplayString","_withDirectives","_vShow","_createBlock","_Teleport","_a","_createCommentVNode"],"mappings":"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"}

package/dist/design-system89.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),y=require("./design-system4.js"),A=require("./design-system52.js"),k=require("./design-system109.js"),P=require("./design-system48.js"),U=require("./design-system3.js"),H=require("./design-system32.js"),O=require("./design-system11.js"),G=require("./design-system31.js"),J=require("./design-system102.js"),K=require("./design-system104.js"),Q=i=>(e.pushScopeId("data-v-8033e228"),i=i(),e.popScopeId(),i),W={class:"b-image-picker ds-w-full"},X={class:"ds-gap-2 ds-space-y-4 ds-rounded-lg ds-bg-white ds-p-4 ds-drop-shadow"},Y={key:0,class:"ds-flex ds-flex-wrap ds-justify-center ds-gap-1"},Z=["onClick","onDragenter","onDragstart","onDrop"],ee=["src"],te=["src"],ae={class:"ds-flex ds-flex-wrap ds-justify-center"},le=Q(()=>e.createElementVNode("svg",{class:"ds-h-4 ds-w-4 ds-fill-primary-t",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M447.1 32h-384C28.64 32-.0091 60.65-.0091 96v320c0 35.35 28.65 64 63.1 64h384c35.35 0 64-28.65 64-64V96C511.1 60.65 483.3 32 447.1 32zM111.1 96c26.51 0 48 21.49 48 48S138.5 192 111.1 192s-48-21.49-48-48S85.48 96 111.1 96zM446.1 407.6C443.3 412.8 437.9 416 432 416H82.01c-6.021 0-11.53-3.379-14.26-8.75c-2.73-5.367-2.215-11.81 1.334-16.68l70-96C142.1 290.4 146.9 288 152 288s9.916 2.441 12.93 6.574l32.46 44.51l93.3-139.1C293.7 194.7 298.7 192 304 192s10.35 2.672 13.31 7.125l128 192C448.6 396 448.9 402.3 446.1 407.6z"})],-1)),se=["accept","multiple"],re=e.defineComponent({__name:"BImagePicker",props:{inputId:{default:""},modelValue:{},label:{default:""},multiple:{type:Boolean,default:!1},maxFileSize:{default:20},hideDetails:{type:Boolean,default:!1},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},validationRules:{default:void 0}},emits:["change","update:modelValue"],setup(i,{expose:V,emit:w}){const l=i,u=w,{t:p}=A.useI18n(),g=e.ref(null),f=e.ref(0),r=e.computed({get(){return l.modelValue},set(t){u("update:modelValue",t)}}),v=e.ref(!0),m=e.ref(!0),c=e.ref({visible:!1,url:""}),_=e.computed(()=>y.FileImageTypes.join(", ")),B=e.computed(()=>l.inputId||`id-${J()}`),D={validateRule:t=>!!t&&t.length>0,errorMessage:()=>l.requiredErrorMessage||p("ds.global.field_required")},C={validateRule:()=>v.value,errorMessage:()=>p("ds.components.base.image_picker.file_types_valid",{types:_.value})},I={validateRule:()=>m.value,errorMessage:()=>p("ds.components.base.image_picker.file_size_valid",{size:l.maxFileSize})},b=e.computed(()=>{let t=[];return l.required&&t.push(D),l.validationRules&&(t=t.concat(l.validationRules)),t.push(C),t.push(I),t.length?t:void 0}),{validate:d,validationResult:E}=U.useValidationField(B.value,r,b.value),q=(t,a)=>{f.value=t,a.target.classList.add("dragging"),a.dataTransfer.effectAllowed="move",a.dataTransfer.setData("index",t.toString())},x=t=>{t.target.classList.remove("dragging")},N=(t,a)=>{const s=a.target;f.value!==t&&s.classList.add("dropped-target")},F=t=>{t.preventDefault(),t.dataTransfer.dropEffect="move"},S=t=>{t.target.classList.remove("dropped-target")},M=(t,a)=>{a.preventDefault(),a.target.classList.remove("dropped-target");const o=parseInt(a.dataTransfer.getData("index")),n=r.value[o];r.value.splice(o,1),r.value.splice(t,0,n),u("change"),d()},R=()=>{var t;(t=g.value)==null||t.click()},T=t=>{let a=t.target.files||t.dataTransfer.files;a.length&&(z(a),g.value&&(g.value.value=null))},z=t=>{Array.from(t).forEach(a=>{if(v.value=y.FileImageTypes.includes(a.type),m.value=j(a.size)<=l.maxFileSize,v.value&&m.value){let s=new FileReader;s.onload=o=>{l.multiple?r.value.push({url:o.target.result,file:a,type:a.type}):r.value={url:o.target.result,file:a,type:a.type},u("change"),d()},s.readAsDataURL(a)}else d()})},L=t=>{r.value.splice(t,1),u("change"),d()},$=()=>{r.value={},u("change"),d()},j=t=>t/1024**2,h=t=>{c.value.url=t.url||"",c.value.visible=!0};return V({validate:d}),(t,a)=>(e.openBlock(),e.createElementBlock("div",W,[e.createVNode(H,{label:l.label},null,8,["label"]),e.createElementVNode("div",X,[e.unref(K)(r.value)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Y,[l.multiple?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(r.value,(s,o)=>(e.openBlock(),e.createElementBlock("div",{key:s.url,class:"b-image-picker__draggable ds-h-full ds-cursor-pointer ds-rounded-lg ds-transition-all hover:ds-ring-2 hover:ds-ring-primary-t",draggable:"true",onClick:n=>h(s),onDragend:x,onDragenter:n=>N(o,n),onDragleave:S,onDragover:F,onDragstart:n=>q(o,n),onDrop:n=>M(o,n)},[e.createElementVNode("img",{src:s.url,alt:"image",class:"ds-h-full ds-w-full ds-rounded-lg"},null,8,ee),e.createVNode(k,{class:"ds-right-1 ds-top-1 ds-h-8 ds-w-8",onClick:e.withModifiers(n=>L(o),["stop"])},null,8,["onClick"])],40,Z))),128)):(e.openBlock(),e.createElementBlock("div",{key:1,class:"b-image-picker__draggable ds-h-full ds-cursor-pointer ds-rounded-lg ds-transition-all hover:ds-ring-2 hover:ds-ring-primary-t",draggable:"true",onClick:a[0]||(a[0]=s=>h(r.value))},[e.createElementVNode("img",{src:r.value.url,alt:"image",class:"ds-h-full ds-w-full ds-rounded-lg"},null,8,te),e.createVNode(k,{class:"ds-right-1 ds-top-1 ds-h-8 ds-w-8",onClick:e.withModifiers($,["stop"])})]))])),e.createElementVNode("div",ae,[e.createVNode(O,{onClick:R},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(p)("ds.components.base.image_picker.select_image")),1)]),appendIcon:e.withCtx(()=>[le]),_:1}),e.createElementVNode("input",{ref_key:"inputRef",ref:g,accept:_.value,multiple:l.multiple,class:"ds-hidden",type:"file",onChange:T},null,40,se)])]),l.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(G,{key:0,"error-message":e.unref(E).errorMessage(),class:"ds-mt-1"},null,8,["error-message"])),e.createVNode(P,{modelValue:c.value.visible,"onUpdate:modelValue":a[1]||(a[1]=s=>c.value.visible=s),url:c.value.url},null,8,["modelValue","url"])]))}});module.exports=re;
+"use strict";const e=require("vue"),y=require("./design-system4.js"),A=require("./design-system52.js"),k=require("./design-system109.js"),P=require("./design-system48.js"),U=require("./design-system3.js"),H=require("./design-system32.js"),O=require("./design-system11.js"),G=require("./design-system31.js"),J=require("./design-system102.js"),K=require("./design-system105.js"),Q=i=>(e.pushScopeId("data-v-8033e228"),i=i(),e.popScopeId(),i),W={class:"b-image-picker ds-w-full"},X={class:"ds-gap-2 ds-space-y-4 ds-rounded-lg ds-bg-white ds-p-4 ds-drop-shadow"},Y={key:0,class:"ds-flex ds-flex-wrap ds-justify-center ds-gap-1"},Z=["onClick","onDragenter","onDragstart","onDrop"],ee=["src"],te=["src"],ae={class:"ds-flex ds-flex-wrap ds-justify-center"},le=Q(()=>e.createElementVNode("svg",{class:"ds-h-4 ds-w-4 ds-fill-primary-t",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M447.1 32h-384C28.64 32-.0091 60.65-.0091 96v320c0 35.35 28.65 64 63.1 64h384c35.35 0 64-28.65 64-64V96C511.1 60.65 483.3 32 447.1 32zM111.1 96c26.51 0 48 21.49 48 48S138.5 192 111.1 192s-48-21.49-48-48S85.48 96 111.1 96zM446.1 407.6C443.3 412.8 437.9 416 432 416H82.01c-6.021 0-11.53-3.379-14.26-8.75c-2.73-5.367-2.215-11.81 1.334-16.68l70-96C142.1 290.4 146.9 288 152 288s9.916 2.441 12.93 6.574l32.46 44.51l93.3-139.1C293.7 194.7 298.7 192 304 192s10.35 2.672 13.31 7.125l128 192C448.6 396 448.9 402.3 446.1 407.6z"})],-1)),se=["accept","multiple"],re=e.defineComponent({__name:"BImagePicker",props:{inputId:{default:""},modelValue:{},label:{default:""},multiple:{type:Boolean,default:!1},maxFileSize:{default:20},hideDetails:{type:Boolean,default:!1},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},validationRules:{default:void 0}},emits:["change","update:modelValue"],setup(i,{expose:V,emit:w}){const l=i,u=w,{t:p}=A.useI18n(),g=e.ref(null),f=e.ref(0),r=e.computed({get(){return l.modelValue},set(t){u("update:modelValue",t)}}),v=e.ref(!0),m=e.ref(!0),c=e.ref({visible:!1,url:""}),_=e.computed(()=>y.FileImageTypes.join(", ")),B=e.computed(()=>l.inputId||`id-${J()}`),D={validateRule:t=>!!t&&t.length>0,errorMessage:()=>l.requiredErrorMessage||p("ds.global.field_required")},C={validateRule:()=>v.value,errorMessage:()=>p("ds.components.base.image_picker.file_types_valid",{types:_.value})},I={validateRule:()=>m.value,errorMessage:()=>p("ds.components.base.image_picker.file_size_valid",{size:l.maxFileSize})},b=e.computed(()=>{let t=[];return l.required&&t.push(D),l.validationRules&&(t=t.concat(l.validationRules)),t.push(C),t.push(I),t.length?t:void 0}),{validate:d,validationResult:E}=U.useValidationField(B.value,r,b.value),q=(t,a)=>{f.value=t,a.target.classList.add("dragging"),a.dataTransfer.effectAllowed="move",a.dataTransfer.setData("index",t.toString())},x=t=>{t.target.classList.remove("dragging")},N=(t,a)=>{const s=a.target;f.value!==t&&s.classList.add("dropped-target")},F=t=>{t.preventDefault(),t.dataTransfer.dropEffect="move"},S=t=>{t.target.classList.remove("dropped-target")},M=(t,a)=>{a.preventDefault(),a.target.classList.remove("dropped-target");const o=parseInt(a.dataTransfer.getData("index")),n=r.value[o];r.value.splice(o,1),r.value.splice(t,0,n),u("change"),d()},R=()=>{var t;(t=g.value)==null||t.click()},T=t=>{let a=t.target.files||t.dataTransfer.files;a.length&&(z(a),g.value&&(g.value.value=null))},z=t=>{Array.from(t).forEach(a=>{if(v.value=y.FileImageTypes.includes(a.type),m.value=j(a.size)<=l.maxFileSize,v.value&&m.value){let s=new FileReader;s.onload=o=>{l.multiple?r.value.push({url:o.target.result,file:a,type:a.type}):r.value={url:o.target.result,file:a,type:a.type},u("change"),d()},s.readAsDataURL(a)}else d()})},L=t=>{r.value.splice(t,1),u("change"),d()},$=()=>{r.value={},u("change"),d()},j=t=>t/1024**2,h=t=>{c.value.url=t.url||"",c.value.visible=!0};return V({validate:d}),(t,a)=>(e.openBlock(),e.createElementBlock("div",W,[e.createVNode(H,{label:l.label},null,8,["label"]),e.createElementVNode("div",X,[e.unref(K)(r.value)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Y,[l.multiple?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(r.value,(s,o)=>(e.openBlock(),e.createElementBlock("div",{key:s.url,class:"b-image-picker__draggable ds-h-full ds-cursor-pointer ds-rounded-lg ds-transition-all hover:ds-ring-2 hover:ds-ring-primary-t",draggable:"true",onClick:n=>h(s),onDragend:x,onDragenter:n=>N(o,n),onDragleave:S,onDragover:F,onDragstart:n=>q(o,n),onDrop:n=>M(o,n)},[e.createElementVNode("img",{src:s.url,alt:"image",class:"ds-h-full ds-w-full ds-rounded-lg"},null,8,ee),e.createVNode(k,{class:"ds-right-1 ds-top-1 ds-h-8 ds-w-8",onClick:e.withModifiers(n=>L(o),["stop"])},null,8,["onClick"])],40,Z))),128)):(e.openBlock(),e.createElementBlock("div",{key:1,class:"b-image-picker__draggable ds-h-full ds-cursor-pointer ds-rounded-lg ds-transition-all hover:ds-ring-2 hover:ds-ring-primary-t",draggable:"true",onClick:a[0]||(a[0]=s=>h(r.value))},[e.createElementVNode("img",{src:r.value.url,alt:"image",class:"ds-h-full ds-w-full ds-rounded-lg"},null,8,te),e.createVNode(k,{class:"ds-right-1 ds-top-1 ds-h-8 ds-w-8",onClick:e.withModifiers($,["stop"])})]))])),e.createElementVNode("div",ae,[e.createVNode(O,{onClick:R},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(p)("ds.components.base.image_picker.select_image")),1)]),appendIcon:e.withCtx(()=>[le]),_:1}),e.createElementVNode("input",{ref_key:"inputRef",ref:g,accept:_.value,multiple:l.multiple,class:"ds-hidden",type:"file",onChange:T},null,40,se)])]),l.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(G,{key:0,"error-message":e.unref(E).errorMessage(),class:"ds-mt-1"},null,8,["error-message"])),e.createVNode(P,{modelValue:c.value.visible,"onUpdate:modelValue":a[1]||(a[1]=s=>c.value.visible=s),url:c.value.url},null,8,["modelValue","url"])]))}});module.exports=re;
 //# sourceMappingURL=design-system89.js.map

package/dist/design-system89.mjs

@@ -8,7 +8,7 @@ import ie from "./design-system32.mjs";
 import de from "./design-system11.mjs";
 import ne from "./design-system31.mjs";
 import ue from "./design-system102.mjs";
-import ce from "./design-system104.mjs";
+import ce from "./design-system105.mjs";
 const ge = (u) => (ae("data-v-8033e228"), u = u(), le(), u), pe = { class: "b-image-picker ds-w-full" }, me = { class: "ds-gap-2 ds-space-y-4 ds-rounded-lg ds-bg-white ds-p-4 ds-drop-shadow" }, ve = {
   key: 0,
   class: "ds-flex ds-flex-wrap ds-justify-center ds-gap-1"

package/dist/design-system92.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),g=require("./design-system32.js"),V=require("./design-system3.js"),q=require("./design-system31.js"),B=require("./design-system52.js"),C=require("./design-system106.js"),E=require("./design-system5.js"),N=require("./design-system102.js"),R={class:"b-currency-field"},I={class:"ds-relative"},S={key:0,class:"b-currency-field__prepend-icon ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"},M=["id","autocomplete","disabled","placeholder","readonly"],w={key:1,class:"b-currency-field__append-icon ds-absolute ds-right-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"},$=e.defineComponent({__name:"BCurrencyField",props:{inputId:{default:""},inputCssClass:{default:""},modelValue:{},label:{default:""},validationRules:{default:void 0},placeholder:{default:""},autocomplete:{type:Boolean,default:!1},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},hideDetails:{type:Boolean,default:!1},locale:{default:E.SupportedLocale["vi-VN"]}},emits:["press:enter","update:modelValue"],setup(i,{emit:c}){const t=i,a=c;let o;const{t:p}=B.useI18n(),u=e.ref(null),m={validateRule:s=>!!(s&&(s!=null&&s.trim())),errorMessage:()=>t.requiredErrorMessage||p("ds.global.field_required")},r=e.computed(()=>t.inputId||`id-${N()}`),l=e.computed({get(){return t.modelValue},set(s){a("update:modelValue",s)}}),f=e.computed(()=>[{"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]":t.disabled,"ds-text-black/[0.85]":!t.disabled,"ds-border-error focus:ds-ring-1 focus:ds-ring-error":!d.value.valid,"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":d.value.valid},t.inputCssClass]),v=e.computed(()=>{let s=[];return t.required&&s.push(m),t.validationRules&&(s=s.concat(t.validationRules)),s.length?s:void 0}),k=e.computed(()=>t.locale==="en-US"?{mask:"$num",blocks:{num:{mask:Number,thousandsSeparator:" "}}}:[{mask:""},{mask:"num VND",lazy:!1,blocks:{num:{mask:Number,thousandsSeparator:" "}}}]),{validate:b,validationResult:d}=V.useValidationField(r.value,l,v.value);e.watch(()=>t.locale,()=>{n()}),e.watch(()=>t.modelValue,s=>{s!=o.unmaskedValue&&(o.unmaskedValue=s.toString())});const _=()=>{b()},y=()=>{a("press:enter")},h=()=>{l.value=typeof l.value=="number"?+o.unmaskedValue:o.unmaskedValue},n=()=>{o&&o.destroy(),o=C(u.value,k.value),o.on("accept",h)};return e.onMounted(()=>{n(),o.unmaskedValue=l.value.toString()}),(s,x)=>(e.openBlock(),e.createElementBlock("div",R,[e.createVNode(g,{id:r.value,label:s.label,required:s.required},null,8,["id","label","required"]),e.createElementVNode("div",I,[s.$slots.prependIcon?(e.openBlock(),e.createElementBlock("div",S,[e.renderSlot(s.$slots,"prependIcon",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("input",{id:r.value,ref_key:"inputRef",ref:u,autocomplete:t.autocomplete?"on":"off",class:e.normalizeClass([f.value,"ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light"]),disabled:t.disabled,placeholder:t.placeholder,readonly:t.readonly,onKeyup:[_,e.withKeys(y,["enter"])]},null,42,M),s.$slots.appendIcon?(e.openBlock(),e.createElementBlock("div",w,[e.renderSlot(s.$slots,"appendIcon",{},void 0,!0)])):e.createCommentVNode("",!0)]),s.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(q,{key:0,"error-message":e.unref(d).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=$;
+"use strict";const e=require("vue"),g=require("./design-system32.js"),V=require("./design-system3.js"),q=require("./design-system31.js"),B=require("./design-system52.js"),C=require("./design-system103.js"),E=require("./design-system5.js"),N=require("./design-system102.js"),R={class:"b-currency-field"},I={class:"ds-relative"},S={key:0,class:"b-currency-field__prepend-icon ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"},M=["id","autocomplete","disabled","placeholder","readonly"],w={key:1,class:"b-currency-field__append-icon ds-absolute ds-right-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"},$=e.defineComponent({__name:"BCurrencyField",props:{inputId:{default:""},inputCssClass:{default:""},modelValue:{},label:{default:""},validationRules:{default:void 0},placeholder:{default:""},autocomplete:{type:Boolean,default:!1},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},hideDetails:{type:Boolean,default:!1},locale:{default:E.SupportedLocale["vi-VN"]}},emits:["press:enter","update:modelValue"],setup(i,{emit:c}){const t=i,a=c;let o;const{t:p}=B.useI18n(),u=e.ref(null),m={validateRule:s=>!!(s&&(s!=null&&s.trim())),errorMessage:()=>t.requiredErrorMessage||p("ds.global.field_required")},r=e.computed(()=>t.inputId||`id-${N()}`),l=e.computed({get(){return t.modelValue},set(s){a("update:modelValue",s)}}),f=e.computed(()=>[{"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]":t.disabled,"ds-text-black/[0.85]":!t.disabled,"ds-border-error focus:ds-ring-1 focus:ds-ring-error":!d.value.valid,"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":d.value.valid},t.inputCssClass]),v=e.computed(()=>{let s=[];return t.required&&s.push(m),t.validationRules&&(s=s.concat(t.validationRules)),s.length?s:void 0}),k=e.computed(()=>t.locale==="en-US"?{mask:"$num",blocks:{num:{mask:Number,thousandsSeparator:" "}}}:[{mask:""},{mask:"num VND",lazy:!1,blocks:{num:{mask:Number,thousandsSeparator:" "}}}]),{validate:b,validationResult:d}=V.useValidationField(r.value,l,v.value);e.watch(()=>t.locale,()=>{n()}),e.watch(()=>t.modelValue,s=>{s!=o.unmaskedValue&&(o.unmaskedValue=s.toString())});const _=()=>{b()},y=()=>{a("press:enter")},h=()=>{l.value=typeof l.value=="number"?+o.unmaskedValue:o.unmaskedValue},n=()=>{o&&o.destroy(),o=C(u.value,k.value),o.on("accept",h)};return e.onMounted(()=>{n(),o.unmaskedValue=l.value.toString()}),(s,x)=>(e.openBlock(),e.createElementBlock("div",R,[e.createVNode(g,{id:r.value,label:s.label,required:s.required},null,8,["id","label","required"]),e.createElementVNode("div",I,[s.$slots.prependIcon?(e.openBlock(),e.createElementBlock("div",S,[e.renderSlot(s.$slots,"prependIcon",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("input",{id:r.value,ref_key:"inputRef",ref:u,autocomplete:t.autocomplete?"on":"off",class:e.normalizeClass([f.value,"ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light"]),disabled:t.disabled,placeholder:t.placeholder,readonly:t.readonly,onKeyup:[_,e.withKeys(y,["enter"])]},null,42,M),s.$slots.appendIcon?(e.openBlock(),e.createElementBlock("div",w,[e.renderSlot(s.$slots,"appendIcon",{},void 0,!0)])):e.createCommentVNode("",!0)]),s.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(q,{key:0,"error-message":e.unref(d).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=$;
 //# sourceMappingURL=design-system92.js.map

package/dist/design-system92.mjs

@@ -3,7 +3,7 @@ import z from "./design-system32.mjs";
 import { useValidationField as K } from "./design-system3.mjs";
 import D from "./design-system31.mjs";
 import { useI18n as U } from "./design-system52.mjs";
-import F from "./design-system106.mjs";
+import F from "./design-system103.mjs";
 import { SupportedLocale as A } from "./design-system5.mjs";
 import L from "./design-system102.mjs";
 const O = { class: "b-currency-field" }, j = { class: "ds-relative" }, G = {