@7pmlabs/design-system 0.6.2 → 0.6.4

package/dist/design-system230.mjs

@@ -1,9 +1,10 @@
-import e from "./design-system238.mjs";
-function d(s, i) {
-  var t = this.__data__, a = e(t, s);
-  return a < 0 ? (++this.size, t.push([s, i])) : t[a][1] = i, this;
+import r from "./design-system234.mjs";
+var e = Object.prototype, o = e.hasOwnProperty;
+function p(t) {
+  var a = this.__data__;
+  return r ? a[t] !== void 0 : o.call(a, t);
 }
 export {
-  d as default
+  p as default
 };
 //# sourceMappingURL=design-system230.mjs.map

package/dist/design-system230.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system230.mjs","sources":["../node_modules/lodash-es/_listCacheSet.js"],"sourcesContent":["import assocIndexOf from './_assocIndexOf.js';\n\n/**\n * Sets the list cache `key` to `value`.\n *\n * @private\n * @name set\n * @memberOf ListCache\n * @param {string} key The key of the value to set.\n * @param {*} value The value to set.\n * @returns {Object} Returns the list cache instance.\n */\nfunction listCacheSet(key, value) {\n  var data = this.__data__,\n      index = assocIndexOf(data, key);\n\n  if (index < 0) {\n    ++this.size;\n    data.push([key, value]);\n  } else {\n    data[index][1] = value;\n  }\n  return this;\n}\n\nexport default listCacheSet;\n"],"names":["listCacheSet","key","value","data","index","assocIndexOf"],"mappings":";AAYA,SAASA,EAAaC,GAAKC,GAAO;AAChC,MAAIC,IAAO,KAAK,UACZC,IAAQC,EAAaF,GAAMF,CAAG;AAElC,SAAIG,IAAQ,KACV,EAAE,KAAK,MACPD,EAAK,KAAK,CAACF,GAAKC,CAAK,CAAC,KAEtBC,EAAKC,CAAK,EAAE,CAAC,IAAIF,GAEZ;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system230.mjs","sources":["../node_modules/lodash-es/_hashHas.js"],"sourcesContent":["import nativeCreate from './_nativeCreate.js';\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Checks if a hash value for `key` exists.\n *\n * @private\n * @name has\n * @memberOf Hash\n * @param {string} key The key of the entry to check.\n * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.\n */\nfunction hashHas(key) {\n  var data = this.__data__;\n  return nativeCreate ? (data[key] !== undefined) : hasOwnProperty.call(data, key);\n}\n\nexport default hashHas;\n"],"names":["objectProto","hasOwnProperty","hashHas","key","data","nativeCreate"],"mappings":";AAGA,IAAIA,IAAc,OAAO,WAGrBC,IAAiBD,EAAY;AAWjC,SAASE,EAAQC,GAAK;AACpB,MAAIC,IAAO,KAAK;AAChB,SAAOC,IAAgBD,EAAKD,CAAG,MAAM,SAAaF,EAAe,KAAKG,GAAMD,CAAG;AACjF;","x_google_ignoreList":[0]}

package/dist/design-system231.mjs

@@ -1,7 +1,10 @@
-import r from "./design-system143.mjs";
-var t = r.Uint8Array;
-const o = t;
+import e from "./design-system234.mjs";
+var h = "__lodash_hash_undefined__";
+function s(t, a) {
+  var _ = this.__data__;
+  return this.size += this.has(t) ? 0 : 1, _[t] = e && a === void 0 ? h : a, this;
+}
 export {
-  o as default
+  s as default
 };
 //# sourceMappingURL=design-system231.mjs.map

package/dist/design-system231.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system231.mjs","sources":["../node_modules/lodash-es/_Uint8Array.js"],"sourcesContent":["import root from './_root.js';\n\n/** Built-in value references. */\nvar Uint8Array = root.Uint8Array;\n\nexport default Uint8Array;\n"],"names":["Uint8Array","root","Uint8Array$1"],"mappings":";AAGA,IAAIA,IAAaC,EAAK;AAEtB,MAAAC,IAAeF;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system231.mjs","sources":["../node_modules/lodash-es/_hashSet.js"],"sourcesContent":["import nativeCreate from './_nativeCreate.js';\n\n/** Used to stand-in for `undefined` hash values. */\nvar HASH_UNDEFINED = '__lodash_hash_undefined__';\n\n/**\n * Sets the hash `key` to `value`.\n *\n * @private\n * @name set\n * @memberOf Hash\n * @param {string} key The key of the value to set.\n * @param {*} value The value to set.\n * @returns {Object} Returns the hash instance.\n */\nfunction hashSet(key, value) {\n  var data = this.__data__;\n  this.size += this.has(key) ? 0 : 1;\n  data[key] = (nativeCreate && value === undefined) ? HASH_UNDEFINED : value;\n  return this;\n}\n\nexport default hashSet;\n"],"names":["HASH_UNDEFINED","hashSet","key","value","data","nativeCreate"],"mappings":";AAGA,IAAIA,IAAiB;AAYrB,SAASC,EAAQC,GAAKC,GAAO;AAC3B,MAAIC,IAAO,KAAK;AAChB,cAAK,QAAQ,KAAK,IAAIF,CAAG,IAAI,IAAI,GACjCE,EAAKF,CAAG,IAAKG,KAAgBF,MAAU,SAAaH,IAAiBG,GAC9D;AACT;","x_google_ignoreList":[0]}

package/dist/design-system232.mjs

@@ -1,6 +1,6 @@
-import t from "./design-system239.mjs";
-function e() {
-  this.__data__ = t ? t(null) : {}, this.size = 0;
+function e(t) {
+  var o = typeof t;
+  return o == "string" || o == "number" || o == "symbol" || o == "boolean" ? t !== "__proto__" : t === null;
 }
 export {
   e as default

package/dist/design-system232.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system232.mjs","sources":["../node_modules/lodash-es/_hashClear.js"],"sourcesContent":["import nativeCreate from './_nativeCreate.js';\n\n/**\n * Removes all key-value entries from the hash.\n *\n * @private\n * @name clear\n * @memberOf Hash\n */\nfunction hashClear() {\n  this.__data__ = nativeCreate ? nativeCreate(null) : {};\n  this.size = 0;\n}\n\nexport default hashClear;\n"],"names":["hashClear","nativeCreate"],"mappings":";AASA,SAASA,IAAY;AACnB,OAAK,WAAWC,IAAeA,EAAa,IAAI,IAAI,CAAA,GACpD,KAAK,OAAO;AACd;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system232.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-system233.mjs

@@ -1,8 +1,11 @@
-function s(t) {
-  var e = this.has(t) && delete this.__data__[t];
-  return this.size -= e ? 1 : 0, e;
+import r from "./design-system129.mjs";
+function o(t, n) {
+  for (var e = t.length; e--; )
+    if (r(t[e][0], n))
+      return e;
+  return -1;
 }
 export {
-  s as default
+  o as default
 };
 //# sourceMappingURL=design-system233.mjs.map

package/dist/design-system233.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system233.mjs","sources":["../node_modules/lodash-es/_hashDelete.js"],"sourcesContent":["/**\n * Removes `key` and its value from the hash.\n *\n * @private\n * @name delete\n * @memberOf Hash\n * @param {Object} hash The hash to modify.\n * @param {string} key The key of the value to remove.\n * @returns {boolean} Returns `true` if the entry was removed, else `false`.\n */\nfunction hashDelete(key) {\n  var result = this.has(key) && delete this.__data__[key];\n  this.size -= result ? 1 : 0;\n  return result;\n}\n\nexport default hashDelete;\n"],"names":["hashDelete","key","result"],"mappings":"AAUA,SAASA,EAAWC,GAAK;AACvB,MAAIC,IAAS,KAAK,IAAID,CAAG,KAAK,OAAO,KAAK,SAASA,CAAG;AACtD,cAAK,QAAQC,IAAS,IAAI,GACnBA;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system233.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-system234.mjs

@@ -1,14 +1,7 @@
-import e from "./design-system239.mjs";
-var n = "__lodash_hash_undefined__", o = Object.prototype, _ = o.hasOwnProperty;
-function h(a) {
-  var r = this.__data__;
-  if (e) {
-    var t = r[a];
-    return t === n ? void 0 : t;
-  }
-  return _.call(r, a) ? r[a] : void 0;
-}
+import e from "./design-system204.mjs";
+var t = e(Object, "create");
+const r = t;
 export {
-  h as default
+  r as default
 };
 //# sourceMappingURL=design-system234.mjs.map

package/dist/design-system234.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system234.mjs","sources":["../node_modules/lodash-es/_hashGet.js"],"sourcesContent":["import nativeCreate from './_nativeCreate.js';\n\n/** Used to stand-in for `undefined` hash values. */\nvar HASH_UNDEFINED = '__lodash_hash_undefined__';\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Gets the hash value for `key`.\n *\n * @private\n * @name get\n * @memberOf Hash\n * @param {string} key The key of the value to get.\n * @returns {*} Returns the entry value.\n */\nfunction hashGet(key) {\n  var data = this.__data__;\n  if (nativeCreate) {\n    var result = data[key];\n    return result === HASH_UNDEFINED ? undefined : result;\n  }\n  return hasOwnProperty.call(data, key) ? data[key] : undefined;\n}\n\nexport default hashGet;\n"],"names":["HASH_UNDEFINED","objectProto","hasOwnProperty","hashGet","key","data","nativeCreate","result"],"mappings":";AAGA,IAAIA,IAAiB,6BAGjBC,IAAc,OAAO,WAGrBC,IAAiBD,EAAY;AAWjC,SAASE,EAAQC,GAAK;AACpB,MAAIC,IAAO,KAAK;AAChB,MAAIC,GAAc;AAChB,QAAIC,IAASF,EAAKD,CAAG;AACrB,WAAOG,MAAWP,IAAiB,SAAYO;AAAA,EAChD;AACD,SAAOL,EAAe,KAAKG,GAAMD,CAAG,IAAIC,EAAKD,CAAG,IAAI;AACtD;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system234.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.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-system105.mjs";
+import P from "./design-system98.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-system24.mjs.map

package/dist/design-system24.mjs.map

@@ -1 +1 @@
-{"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;"}
+{"version":3,"file":"design-system24.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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"}