bitboss-ui 0.2.65 → 0.2.66

package/dist/index220.js.map

@@ -1 +1 @@
-{"version":3,"file":"index220.js","sources":["../src/utilities/functions/waitFor.ts"],"sourcesContent":["/** Wait until iteratee returns true to resolve the promise */\nexport const waitFor: (\n\titeratee: () => boolean,\n\tinterval?: number\n) => Promise<void> = (iteratee, interval = 50) =>\n\tnew Promise((resolve) => {\n\t\tconst i = setInterval(() => {\n\t\t\tif (iteratee()) {\n\t\t\t\tclearInterval(i);\n\t\t\t\tresolve();\n\t\t\t}\n\t\t}, interval);\n\t});\n"],"names":["waitFor","iteratee","interval","resolve","i"],"mappings":"AACa,MAAAA,IAGQ,CAACC,GAAUC,IAAW,OAC1C,IAAI,QAAQ,CAACC,MAAY;AAClB,QAAAC,IAAI,YAAY,MAAM;AAC3B,IAAIH,QACH,cAAcG,CAAC,GACPD;KAEPD,CAAQ;AACZ,CAAC;"}
+{"version":3,"file":"index220.js","sources":["../node_modules/focusable-selectors/index.js"],"sourcesContent":["const not = {\n  inert: ':not([inert]):not([inert] *)',\n  negTabIndex: ':not([tabindex^=\"-\"])',\n  disabled: ':not(:disabled)',\n}\n\nexport default [\n  `a[href]${not.inert}${not.negTabIndex}`,\n  `area[href]${not.inert}${not.negTabIndex}`,\n  `input:not([type=\"hidden\"]):not([type=\"radio\"])${not.inert}${not.negTabIndex}${not.disabled}`,\n  `input[type=\"radio\"]${not.inert}${not.negTabIndex}${not.disabled}`,\n  `select${not.inert}${not.negTabIndex}${not.disabled}`,\n  `textarea${not.inert}${not.negTabIndex}${not.disabled}`,\n  `button${not.inert}${not.negTabIndex}${not.disabled}`,\n  `details${not.inert} > summary:first-of-type${not.negTabIndex}`,\n  // Discard until Firefox supports `:has()`\n  // See: https://github.com/KittyGiraudel/focusable-selectors/issues/12\n  // `details:not(:has(> summary))${not.inert}${not.negTabIndex}`,\n  `iframe${not.inert}${not.negTabIndex}`,\n  `audio[controls]${not.inert}${not.negTabIndex}`,\n  `video[controls]${not.inert}${not.negTabIndex}`,\n  `[contenteditable]${not.inert}${not.negTabIndex}`,\n  `[tabindex]${not.inert}${not.negTabIndex}`,\n]\n"],"names":["not","selectors"],"mappings":"AAAA,MAAMA,IAAM;AAAA,EACV,OAAO;AAAA,EACP,aAAa;AAAA,EACb,UAAU;AACZ,GAEeC,IAAA;AAAA,EACb,UAAUD,EAAI,KAAK,GAAGA,EAAI,WAAW;AAAA,EACrC,aAAaA,EAAI,KAAK,GAAGA,EAAI,WAAW;AAAA,EACxC,iDAAiDA,EAAI,KAAK,GAAGA,EAAI,WAAW,GAAGA,EAAI,QAAQ;AAAA,EAC3F,sBAAsBA,EAAI,KAAK,GAAGA,EAAI,WAAW,GAAGA,EAAI,QAAQ;AAAA,EAChE,SAASA,EAAI,KAAK,GAAGA,EAAI,WAAW,GAAGA,EAAI,QAAQ;AAAA,EACnD,WAAWA,EAAI,KAAK,GAAGA,EAAI,WAAW,GAAGA,EAAI,QAAQ;AAAA,EACrD,SAASA,EAAI,KAAK,GAAGA,EAAI,WAAW,GAAGA,EAAI,QAAQ;AAAA,EACnD,UAAUA,EAAI,KAAK,2BAA2BA,EAAI,WAAW;AAAA;AAAA;AAAA;AAAA,EAI7D,SAASA,EAAI,KAAK,GAAGA,EAAI,WAAW;AAAA,EACpC,kBAAkBA,EAAI,KAAK,GAAGA,EAAI,WAAW;AAAA,EAC7C,kBAAkBA,EAAI,KAAK,GAAGA,EAAI,WAAW;AAAA,EAC7C,oBAAoBA,EAAI,KAAK,GAAGA,EAAI,WAAW;AAAA,EAC/C,aAAaA,EAAI,KAAK,GAAGA,EAAI,WAAW;AAC1C;","x_google_ignoreList":[0]}

package/dist/index221.js

@@ -1,124 +1,6 @@
-import { arrow as j, computePosition as A } from "./index206.js";
-import { autoUpdate as T, flip as W, platform as X, shift as Y } from "./index206.js";
-import { unref as o, computed as r, ref as f, shallowRef as B, watch as h, getCurrentScope as F, onScopeDispose as I, shallowReadonly as a } from "vue";
-import { isNode as U, getNodeName as k } from "./index243.js";
-import { getOverflowAncestors as ee } from "./index243.js";
-function q(n) {
-  return n != null && typeof n == "object" && "$el" in n;
-}
-function g(n) {
-  if (q(n)) {
-    const l = n.$el;
-    return U(l) && k(l) === "#comment" ? null : l;
-  }
-  return n;
-}
-function J(n) {
-  return {
-    name: "arrow",
-    options: n,
-    fn(l) {
-      const t = g(o(n.element));
-      return t == null ? {} : j({
-        element: t,
-        padding: n.padding
-      }).fn(l);
-    }
-  };
-}
-function S(n) {
-  return typeof window > "u" ? 1 : (n.ownerDocument.defaultView || window).devicePixelRatio || 1;
-}
-function M(n, l) {
-  const t = S(n);
-  return Math.round(l * t) / t;
-}
-function K(n, l, t) {
-  t === void 0 && (t = {});
-  const x = t.whileElementsMounted, D = r(() => {
-    var e;
-    return (e = o(t.open)) != null ? e : !0;
-  }), O = r(() => o(t.middleware)), d = r(() => {
-    var e;
-    return (e = o(t.placement)) != null ? e : "bottom";
-  }), v = r(() => {
-    var e;
-    return (e = o(t.strategy)) != null ? e : "absolute";
-  }), _ = r(() => {
-    var e;
-    return (e = o(t.transform)) != null ? e : !0;
-  }), i = r(() => g(n.value)), u = r(() => g(l.value)), p = f(0), w = f(0), c = f(v.value), P = f(d.value), E = B({}), y = f(!1), N = r(() => {
-    const e = {
-      position: c.value,
-      left: "0",
-      top: "0"
-    };
-    if (!u.value)
-      return e;
-    const b = M(u.value, p.value), C = M(u.value, w.value);
-    return _.value ? {
-      ...e,
-      transform: "translate(" + b + "px, " + C + "px)",
-      ...S(u.value) >= 1.5 && {
-        willChange: "transform"
-      }
-    } : {
-      position: c.value,
-      left: b + "px",
-      top: C + "px"
-    };
-  });
-  let s;
-  function m() {
-    i.value == null || u.value == null || A(i.value, u.value, {
-      middleware: O.value,
-      placement: d.value,
-      strategy: v.value
-    }).then((e) => {
-      p.value = e.x, w.value = e.y, c.value = e.strategy, P.value = e.placement, E.value = e.middlewareData, y.value = !0;
-    });
-  }
-  function R() {
-    typeof s == "function" && (s(), s = void 0);
-  }
-  function V() {
-    if (R(), x === void 0) {
-      m();
-      return;
-    }
-    if (i.value != null && u.value != null) {
-      s = x(i.value, u.value, m);
-      return;
-    }
-  }
-  function $() {
-    D.value || (y.value = !1);
-  }
-  return h([O, d, v], m, {
-    flush: "sync"
-  }), h([i, u], V, {
-    flush: "sync"
-  }), h(D, $, {
-    flush: "sync"
-  }), F() && I(R), {
-    x: a(p),
-    y: a(w),
-    strategy: a(c),
-    placement: a(P),
-    middlewareData: a(E),
-    isPositioned: a(y),
-    floatingStyles: N,
-    update: m
-  };
-}
+import t from "./index249.js";
+const r = t;
 export {
-  J as arrow,
-  T as autoUpdate,
-  A as computePosition,
-  W as flip,
-  ee as getOverflowAncestors,
-  X as platform,
-  Y as shift,
-  K as useFloating
+  r as throttle
 };
 //# sourceMappingURL=index221.js.map

package/dist/index221.js.map

@@ -1 +1 @@
-{"version":3,"file":"index221.js","sources":["../node_modules/@floating-ui/vue/dist/floating-ui.vue.mjs"],"sourcesContent":["import { arrow as arrow$1, computePosition } from '@floating-ui/dom';\nexport { autoPlacement, autoUpdate, computePosition, detectOverflow, flip, getOverflowAncestors, hide, inline, limitShift, offset, platform, shift, size } from '@floating-ui/dom';\nimport { unref, computed, ref, shallowRef, watch, getCurrentScope, onScopeDispose, shallowReadonly } from 'vue-demi';\nimport { isNode, getNodeName } from '@floating-ui/utils/dom';\n\nfunction isComponentPublicInstance(target) {\n  return target != null && typeof target === 'object' && '$el' in target;\n}\nfunction unwrapElement(target) {\n  if (isComponentPublicInstance(target)) {\n    const element = target.$el;\n    return isNode(element) && getNodeName(element) === '#comment' ? null : element;\n  }\n  return target;\n}\n\n/**\n * Positions an inner element of the floating element such that it is centered to the reference element.\n * @param options The arrow options.\n * @see https://floating-ui.com/docs/arrow\n */\nfunction arrow(options) {\n  return {\n    name: 'arrow',\n    options,\n    fn(args) {\n      const element = unwrapElement(unref(options.element));\n      if (element == null) {\n        return {};\n      }\n      return arrow$1({\n        element,\n        padding: options.padding\n      }).fn(args);\n    }\n  };\n}\n\nfunction getDPR(element) {\n  if (typeof window === 'undefined') {\n    return 1;\n  }\n  const win = element.ownerDocument.defaultView || window;\n  return win.devicePixelRatio || 1;\n}\n\nfunction roundByDPR(element, value) {\n  const dpr = getDPR(element);\n  return Math.round(value * dpr) / dpr;\n}\n\n/**\n * Computes the `x` and `y` coordinates that will place the floating element next to a reference element when it is given a certain CSS positioning strategy.\n * @param reference The reference template ref.\n * @param floating The floating template ref.\n * @param options The floating options.\n * @see https://floating-ui.com/docs/vue\n */\nfunction useFloating(reference, floating, options) {\n  if (options === void 0) {\n    options = {};\n  }\n  const whileElementsMountedOption = options.whileElementsMounted;\n  const openOption = computed(() => {\n    var _unref;\n    return (_unref = unref(options.open)) != null ? _unref : true;\n  });\n  const middlewareOption = computed(() => unref(options.middleware));\n  const placementOption = computed(() => {\n    var _unref2;\n    return (_unref2 = unref(options.placement)) != null ? _unref2 : 'bottom';\n  });\n  const strategyOption = computed(() => {\n    var _unref3;\n    return (_unref3 = unref(options.strategy)) != null ? _unref3 : 'absolute';\n  });\n  const transformOption = computed(() => {\n    var _unref4;\n    return (_unref4 = unref(options.transform)) != null ? _unref4 : true;\n  });\n  const referenceElement = computed(() => unwrapElement(reference.value));\n  const floatingElement = computed(() => unwrapElement(floating.value));\n  const x = ref(0);\n  const y = ref(0);\n  const strategy = ref(strategyOption.value);\n  const placement = ref(placementOption.value);\n  const middlewareData = shallowRef({});\n  const isPositioned = ref(false);\n  const floatingStyles = computed(() => {\n    const initialStyles = {\n      position: strategy.value,\n      left: '0',\n      top: '0'\n    };\n    if (!floatingElement.value) {\n      return initialStyles;\n    }\n    const xVal = roundByDPR(floatingElement.value, x.value);\n    const yVal = roundByDPR(floatingElement.value, y.value);\n    if (transformOption.value) {\n      return {\n        ...initialStyles,\n        transform: \"translate(\" + xVal + \"px, \" + yVal + \"px)\",\n        ...(getDPR(floatingElement.value) >= 1.5 && {\n          willChange: 'transform'\n        })\n      };\n    }\n    return {\n      position: strategy.value,\n      left: xVal + \"px\",\n      top: yVal + \"px\"\n    };\n  });\n  let whileElementsMountedCleanup;\n  function update() {\n    if (referenceElement.value == null || floatingElement.value == null) {\n      return;\n    }\n    computePosition(referenceElement.value, floatingElement.value, {\n      middleware: middlewareOption.value,\n      placement: placementOption.value,\n      strategy: strategyOption.value\n    }).then(position => {\n      x.value = position.x;\n      y.value = position.y;\n      strategy.value = position.strategy;\n      placement.value = position.placement;\n      middlewareData.value = position.middlewareData;\n      isPositioned.value = true;\n    });\n  }\n  function cleanup() {\n    if (typeof whileElementsMountedCleanup === 'function') {\n      whileElementsMountedCleanup();\n      whileElementsMountedCleanup = undefined;\n    }\n  }\n  function attach() {\n    cleanup();\n    if (whileElementsMountedOption === undefined) {\n      update();\n      return;\n    }\n    if (referenceElement.value != null && floatingElement.value != null) {\n      whileElementsMountedCleanup = whileElementsMountedOption(referenceElement.value, floatingElement.value, update);\n      return;\n    }\n  }\n  function reset() {\n    if (!openOption.value) {\n      isPositioned.value = false;\n    }\n  }\n  watch([middlewareOption, placementOption, strategyOption], update, {\n    flush: 'sync'\n  });\n  watch([referenceElement, floatingElement], attach, {\n    flush: 'sync'\n  });\n  watch(openOption, reset, {\n    flush: 'sync'\n  });\n  if (getCurrentScope()) {\n    onScopeDispose(cleanup);\n  }\n  return {\n    x: shallowReadonly(x),\n    y: shallowReadonly(y),\n    strategy: shallowReadonly(strategy),\n    placement: shallowReadonly(placement),\n    middlewareData: shallowReadonly(middlewareData),\n    isPositioned: shallowReadonly(isPositioned),\n    floatingStyles,\n    update\n  };\n}\n\nexport { arrow, useFloating };\n"],"names":["isComponentPublicInstance","target","unwrapElement","element","isNode","getNodeName","arrow","options","args","unref","arrow$1","getDPR","roundByDPR","value","dpr","useFloating","reference","floating","whileElementsMountedOption","openOption","computed","_unref","middlewareOption","placementOption","_unref2","strategyOption","_unref3","transformOption","_unref4","referenceElement","floatingElement","x","ref","y","strategy","placement","middlewareData","shallowRef","isPositioned","floatingStyles","initialStyles","xVal","yVal","whileElementsMountedCleanup","update","computePosition","position","cleanup","attach","reset","watch","getCurrentScope","onScopeDispose","shallowReadonly"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index221.js","sources":["../src/utilities/functions/throttle.ts"],"sourcesContent":["import t from 'lodash.throttle';\n\nexport const throttle = t;\n"],"names":["throttle"],"mappings":";AAEO,MAAMA,IAAW;"}

package/dist/index222.js

@@ -1,5 +1,38 @@
-const o = (e) => e[0];
+import { unrefElement as m } from "./index131.js";
+import { ref as u, watch as l } from "vue";
+import { createFocusTrap as d } from "./index248.js";
+import { tryOnScopeDispose as D } from "./index197.js";
+function O(i, a = {}) {
+  let e;
+  const { immediate: f, ...n } = a, c = u(!1), s = u(!1), o = (t) => e && e.activate(t), r = (t) => e && e.deactivate(t), v = () => {
+    e && (e.pause(), s.value = !0);
+  }, p = () => {
+    e && (e.unpause(), s.value = !1);
+  };
+  return l(
+    () => m(i),
+    (t) => {
+      t && (e = d(t, {
+        ...n,
+        onActivate() {
+          c.value = !0, a.onActivate && a.onActivate();
+        },
+        onDeactivate() {
+          c.value = !1, a.onDeactivate && a.onDeactivate();
+        }
+      }), f && o());
+    },
+    { flush: "post" }
+  ), D(() => r()), {
+    hasFocus: c,
+    isPaused: s,
+    activate: o,
+    deactivate: r,
+    pause: v,
+    unpause: p
+  };
+}
 export {
-  o as head
+  O as useFocusTrap
 };
 //# sourceMappingURL=index222.js.map

package/dist/index222.js.map

@@ -1 +1 @@
-{"version":3,"file":"index222.js","sources":["../src/utilities/functions/head.ts"],"sourcesContent":["/** Takes an array and returns the first item in it */\nexport const head = <T>(arr: T[]) => arr[0];\n"],"names":["head","arr"],"mappings":"AACO,MAAMA,IAAO,CAAIC,MAAaA,EAAI,CAAC;"}
+{"version":3,"file":"index222.js","sources":["../node_modules/@vueuse/integrations/useFocusTrap.mjs"],"sourcesContent":["import { unrefElement, tryOnScopeDispose } from '@vueuse/core';\nimport { ref, watch } from 'vue-demi';\nimport { createFocusTrap } from 'focus-trap';\n\nfunction useFocusTrap(target, options = {}) {\n  let trap;\n  const { immediate, ...focusTrapOptions } = options;\n  const hasFocus = ref(false);\n  const isPaused = ref(false);\n  const activate = (opts) => trap && trap.activate(opts);\n  const deactivate = (opts) => trap && trap.deactivate(opts);\n  const pause = () => {\n    if (trap) {\n      trap.pause();\n      isPaused.value = true;\n    }\n  };\n  const unpause = () => {\n    if (trap) {\n      trap.unpause();\n      isPaused.value = false;\n    }\n  };\n  watch(\n    () => unrefElement(target),\n    (el) => {\n      if (!el)\n        return;\n      trap = createFocusTrap(el, {\n        ...focusTrapOptions,\n        onActivate() {\n          hasFocus.value = true;\n          if (options.onActivate)\n            options.onActivate();\n        },\n        onDeactivate() {\n          hasFocus.value = false;\n          if (options.onDeactivate)\n            options.onDeactivate();\n        }\n      });\n      if (immediate)\n        activate();\n    },\n    { flush: \"post\" }\n  );\n  tryOnScopeDispose(() => deactivate());\n  return {\n    hasFocus,\n    isPaused,\n    activate,\n    deactivate,\n    pause,\n    unpause\n  };\n}\n\nexport { useFocusTrap };\n"],"names":["useFocusTrap","target","options","trap","immediate","focusTrapOptions","hasFocus","ref","isPaused","activate","opts","deactivate","pause","unpause","watch","unrefElement","el","createFocusTrap","tryOnScopeDispose"],"mappings":";;;;AAIA,SAASA,EAAaC,GAAQC,IAAU,IAAI;AAC1C,MAAIC;AACJ,QAAM,EAAE,WAAAC,GAAW,GAAGC,EAAgB,IAAKH,GACrCI,IAAWC,EAAI,EAAK,GACpBC,IAAWD,EAAI,EAAK,GACpBE,IAAW,CAACC,MAASP,KAAQA,EAAK,SAASO,CAAI,GAC/CC,IAAa,CAACD,MAASP,KAAQA,EAAK,WAAWO,CAAI,GACnDE,IAAQ,MAAM;AAClB,IAAIT,MACFA,EAAK,MAAK,GACVK,EAAS,QAAQ;AAAA,EAEvB,GACQK,IAAU,MAAM;AACpB,IAAIV,MACFA,EAAK,QAAO,GACZK,EAAS,QAAQ;AAAA,EAEvB;AACE,SAAAM;AAAA,IACE,MAAMC,EAAad,CAAM;AAAA,IACzB,CAACe,MAAO;AACN,MAAKA,MAELb,IAAOc,EAAgBD,GAAI;AAAA,QACzB,GAAGX;AAAA,QACH,aAAa;AACX,UAAAC,EAAS,QAAQ,IACbJ,EAAQ,cACVA,EAAQ,WAAU;AAAA,QACrB;AAAA,QACD,eAAe;AACb,UAAAI,EAAS,QAAQ,IACbJ,EAAQ,gBACVA,EAAQ,aAAY;AAAA,QACvB;AAAA,MACT,CAAO,GACGE,KACFK;IACH;AAAA,IACD,EAAE,OAAO,OAAQ;AAAA,EACrB,GACES,EAAkB,MAAMP,EAAU,CAAE,GAC7B;AAAA,IACL,UAAAL;AAAA,IACA,UAAAE;AAAA,IACA,UAAAC;AAAA,IACA,YAAAE;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,EACJ;AACA;","x_google_ignoreList":[0]}

package/dist/index224.js

@@ -1,4 +1,4 @@
-import { getDefaultExportFromCjs as F, commonjsGlobal as g } from "./index234.js";
+import { getDefaultExportFromCjs as F, commonjsGlobal as g } from "./index235.js";
 var M = "Expected a function", S = NaN, N = "[object Symbol]", W = /^\s+|\s+$/g, A = /^[-+]0x[0-9a-f]+$/i, B = /^0b[01]+$/i, R = /^0o[0-7]+$/i, _ = parseInt, D = typeof g == "object" && g && g.Object === Object && g, G = typeof self == "object" && self && self.Object === Object && self, P = D || G || Function("return this")(), H = Object.prototype, U = H.toString, X = Math.max, q = Math.min, T = function() {
   return P.Date.now();
 };

package/dist/index225.js

@@ -1,5 +1,9 @@
-const t = (d, o) => +d + +o;
+import e from "./index251.js";
+import r from "./index252.js";
+import o from "./index253.js";
+const f = new o(r, e)._freeze();
 export {
-  t as add
+  o as Mime,
+  f as default
 };
 //# sourceMappingURL=index225.js.map

package/dist/index225.js.map

@@ -1 +1 @@
-{"version":3,"file":"index225.js","sources":["../src/utilities/functions/add.ts"],"sourcesContent":["export const add = (a: number | string, b: number | string) => +a + +b;\n"],"names":["add","a","b"],"mappings":"AAAO,MAAMA,IAAM,CAACC,GAAoBC,MAAuB,CAACD,IAAI,CAACC;"}
+{"version":3,"file":"index225.js","sources":["../node_modules/mime/dist/src/index.js"],"sourcesContent":["import otherTypes from '../types/other.js';\nimport standardTypes from '../types/standard.js';\nimport Mime from './Mime.js';\nexport { default as Mime } from './Mime.js';\nexport default new Mime(standardTypes, otherTypes)._freeze();\n//# sourceMappingURL=index.js.map"],"names":["index","Mime","standardTypes","otherTypes"],"mappings":";;;AAIA,MAAeA,IAAA,IAAIC,EAAKC,GAAeC,CAAU,EAAE,QAAS;","x_google_ignoreList":[0]}

package/dist/index226.js

@@ -1,9 +1,20 @@
-import e from "./index251.js";
-import r from "./index252.js";
-import o from "./index253.js";
-const f = new o(r, e)._freeze();
+const e = (o, r, f) => o.reduce((t, n) => {
+  if (t)
+    return t;
+  if (f(n))
+    return n;
+  if (r in n) {
+    const i = e(
+      [].concat(n[r]),
+      r,
+      f
+    );
+    if (i)
+      return i;
+  }
+  return t;
+}, null);
 export {
-  o as Mime,
-  f as default
+  e as findInTree
 };
 //# sourceMappingURL=index226.js.map

package/dist/index226.js.map

@@ -1 +1 @@
-{"version":3,"file":"index226.js","sources":["../node_modules/mime/dist/src/index.js"],"sourcesContent":["import otherTypes from '../types/other.js';\nimport standardTypes from '../types/standard.js';\nimport Mime from './Mime.js';\nexport { default as Mime } from './Mime.js';\nexport default new Mime(standardTypes, otherTypes)._freeze();\n//# sourceMappingURL=index.js.map"],"names":["index","Mime","standardTypes","otherTypes"],"mappings":";;;AAIA,MAAeA,IAAA,IAAIC,EAAKC,GAAeC,CAAU,EAAE,QAAS;","x_google_ignoreList":[0]}
+{"version":3,"file":"index226.js","sources":["../src/utilities/functions/findInTree.ts"],"sourcesContent":["/**\n * Find the eleemnt for which iteratee rfeturns true in a tree like structure\n */\nexport const findInTree = <T extends Record<string, any>>(\n\titems: T[],\n\tkeyName: keyof T,\n\titeratee: (item: T) => boolean\n): null | T => {\n\treturn items.reduce((acc: null | T, curr) => {\n\t\tif (acc) return acc;\n\t\tif (iteratee(curr)) {\n\t\t\treturn curr;\n\t\t}\n\n\t\tif (keyName in curr) {\n\t\t\tconst fromChildren = findInTree(\n\t\t\t\t[].concat(curr[keyName]),\n\t\t\t\tkeyName,\n\t\t\t\titeratee\n\t\t\t);\n\t\t\tif (fromChildren) {\n\t\t\t\treturn fromChildren;\n\t\t\t}\n\t\t}\n\t\treturn acc;\n\t}, null);\n};\n"],"names":["findInTree","items","keyName","iteratee","acc","curr","fromChildren"],"mappings":"AAGO,MAAMA,IAAa,CACzBC,GACAC,GACAC,MAEOF,EAAM,OAAO,CAACG,GAAeC,MAAS;AACxC,MAAAD;AAAY,WAAAA;AACZ,MAAAD,EAASE,CAAI;AACT,WAAAA;AAGR,MAAIH,KAAWG,GAAM;AACpB,UAAMC,IAAeN;AAAA,MACpB,CAAA,EAAG,OAAOK,EAAKH,CAAO,CAAC;AAAA,MACvBA;AAAA,MACAC;AAAA,IAAA;AAED,QAAIG;AACI,aAAAA;AAAA,EAET;AACO,SAAAF;GACL,IAAI;"}

package/dist/index227.js

@@ -1,20 +1,5 @@
-const e = (o, r, f) => o.reduce((t, n) => {
-  if (t)
-    return t;
-  if (f(n))
-    return n;
-  if (r in n) {
-    const i = e(
-      [].concat(n[r]),
-      r,
-      f
-    );
-    if (i)
-      return i;
-  }
-  return t;
-}, null);
+const t = (d, o) => +d + +o;
 export {
-  e as findInTree
+  t as add
 };
 //# sourceMappingURL=index227.js.map

package/dist/index227.js.map

@@ -1 +1 @@
-{"version":3,"file":"index227.js","sources":["../src/utilities/functions/findInTree.ts"],"sourcesContent":["/**\n * Find the eleemnt for which iteratee rfeturns true in a tree like structure\n */\nexport const findInTree = <T extends Record<string, any>>(\n\titems: T[],\n\tkeyName: keyof T,\n\titeratee: (item: T) => boolean\n): null | T => {\n\treturn items.reduce((acc: null | T, curr) => {\n\t\tif (acc) return acc;\n\t\tif (iteratee(curr)) {\n\t\t\treturn curr;\n\t\t}\n\n\t\tif (keyName in curr) {\n\t\t\tconst fromChildren = findInTree(\n\t\t\t\t[].concat(curr[keyName]),\n\t\t\t\tkeyName,\n\t\t\t\titeratee\n\t\t\t);\n\t\t\tif (fromChildren) {\n\t\t\t\treturn fromChildren;\n\t\t\t}\n\t\t}\n\t\treturn acc;\n\t}, null);\n};\n"],"names":["findInTree","items","keyName","iteratee","acc","curr","fromChildren"],"mappings":"AAGO,MAAMA,IAAa,CACzBC,GACAC,GACAC,MAEOF,EAAM,OAAO,CAACG,GAAeC,MAAS;AACxC,MAAAD;AAAY,WAAAA;AACZ,MAAAD,EAASE,CAAI;AACT,WAAAA;AAGR,MAAIH,KAAWG,GAAM;AACpB,UAAMC,IAAeN;AAAA,MACpB,CAAA,EAAG,OAAOK,EAAKH,CAAO,CAAC;AAAA,MACvBA;AAAA,MACAC;AAAA,IAAA;AAED,QAAIG;AACI,aAAAA;AAAA,EAET;AACO,SAAAF;GACL,IAAI;"}
+{"version":3,"file":"index227.js","sources":["../src/utilities/functions/add.ts"],"sourcesContent":["export const add = (a: number | string, b: number | string) => +a + +b;\n"],"names":["add","a","b"],"mappings":"AAAO,MAAMA,IAAM,CAACC,GAAoBC,MAAuB,CAACD,IAAI,CAACC;"}

package/dist/index228.js

@@ -1,72 +1,163 @@
-import { defineComponent as d, openBlock as s, createElementBlock as a, normalizeClass as b, createElementVNode as t, createBlock as i, createCommentVNode as o, toDisplayString as l, withCtx as p } from "vue";
-import h from "./index9.js";
-import "./index10.js";
-import u from "./index117.js";
-import "./index169.js";
-const k = { class: "bb-toast-message__icon-container" }, g = { class: "bb-toast-message__content" }, f = {
-  key: 0,
-  class: "bb-toast-message__title"
-}, C = { class: "bb-toast-message__text" }, v = { class: "bb-toast-message__close" }, w = /* @__PURE__ */ t("svg", {
-  fill: "none",
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg"
-}, [
-  /* @__PURE__ */ t("path", {
-    d: "M23 23L1 1M23 1L1 23",
-    stroke: "currentColor",
-    "stroke-linecap": "round",
-    "stroke-width": "2"
-  })
-], -1), N = /* @__PURE__ */ d({
-  __name: "BbToastMessage",
+import { defineComponent as K, ref as s, computed as y, openBlock as p, createElementBlock as m, normalizeClass as g, renderSlot as v, createElementVNode as k, Fragment as E, renderList as C, toDisplayString as B, createBlock as S, withDirectives as z, mergeProps as H, vModelDynamic as J } from "vue";
+import { clamp as P } from "./index208.js";
+import { drop as q } from "./index256.js";
+import { isNil as R } from "./index120.js";
+import { isNotNil as w } from "./index124.js";
+import { wait as L } from "./index122.js";
+import U from "./index115.js";
+import "./index158.js";
+const j = { class: "bb-base-tag__input-container" }, G = ["id", "autocomplete", "autofocus", "disabled", "placeholder", "readonly"], te = /* @__PURE__ */ K({
+  __name: "BaseTag",
   props: {
-    title: {},
-    text: {},
-    icon: {},
-    theme: { default: "default" },
+    autocomplete: {},
+    autofocus: {},
+    comma: { type: Boolean },
+    disabled: { type: Boolean },
+    divider: { default: "Enter" },
+    hasErrors: { type: Boolean },
     id: {},
-    showClose: { type: Boolean }
+    modelValue: {},
+    multiple: { type: Boolean, default: !0 },
+    name: {},
+    placeholder: {},
+    readonly: {}
   },
-  emits: ["click:close"],
-  setup(n, { emit: c }) {
-    const r = n, m = c, _ = () => {
-      m("click:close", r.id);
+  emits: ["blur", "change", "click", "duplicate", "focus", "inactive", "input", "keydown", "keyup", "update:modelValue"],
+  setup(N, { emit: I }) {
+    const a = N, u = I;
+    if (a.multiple && !Array.isArray(a.modelValue))
+      throw new Error('Multiple is set to "true" but modelValue is not an array.');
+    const i = s(null), $ = s(null), c = s(null), t = s(""), D = y(() => a.placeholder), o = y(
+      () => [].concat(a.modelValue).filter(w)
+    ), h = y(() => {
+      let e = {};
+      return o.value.forEach((n, r) => {
+        e[JSON.stringify(n)] = r;
+      }), {
+        get: (n) => e[JSON.stringify(n)]
+      };
+    }), f = s(!1), l = s(null), A = (e) => {
+      if (u("keyup", e), a.readonly || a.disabled) {
+        e.preventDefault();
+        return;
+      }
+      if (e.key === a.divider) {
+        if (t.value[t.value.length - 1] === e.key && (t.value = t.value.slice(0, t.value.length - 1)), !t.value)
+          return;
+        l.value = null;
+        const n = h.value.get(t.value);
+        R(n) ? F(t.value) : u("duplicate", t.value), t.value = "";
+      } else if (e.key === "ArrowLeft")
+        l.value === null ? l.value = o.value.length - 1 : l.value === 0 ? l.value = null : l.value--;
+      else if (e.key === "ArrowRight")
+        l.value === null ? l.value = 1 : l.value === o.value.length - 1 ? l.value = null : l.value++;
+      else if (e.key === "Backspace") {
+        if (t.value)
+          return;
+        w(l.value) ? (b(l.value), l.value = P(
+          l.value,
+          0,
+          o.value.length - 2
+        ), o.value.length === 1 && (l.value = null)) : l.value = o.value.length - 1;
+      } else
+        (e.key === "Tab" || e.key === "Escape") && (l.value = null);
+    }, F = (e) => {
+      a.multiple ? u("update:modelValue", a.modelValue.concat(e)) : u("update:modelValue", e);
+    }, b = (e) => {
+      if (typeof e == "number")
+        a.multiple ? u("update:modelValue", q(a.modelValue, 1, e)) : u("update:modelValue", null);
+      else {
+        const n = h.value.get(t.value);
+        b(n);
+      }
+    }, M = (e) => {
+      u("focus", e), f.value = !0, document.addEventListener("click", _), document.addEventListener("focusin", V), c.value instanceof HTMLInputElement && c.value.select();
+    }, O = (e) => {
+      u("click", e), !(a.disabled || a.readonly) && c.value instanceof HTMLElement && c.value.focus();
+    }, _ = (e) => {
+      if (e.target instanceof Node && i.value && !i.value.contains(e.target)) {
+        u("inactive"), document.removeEventListener("click", _), f.value = !1, a.multiple && L(500).then(() => {
+          t.value = "";
+        });
+        return;
+      }
+    }, V = (e) => {
+      if (e.target instanceof Node && i.value && !i.value.contains(e.target)) {
+        u("inactive"), document.removeEventListener("focusin", V), f.value = !1, a.multiple && L(500).then(() => {
+          t.value = "";
+        });
+        return;
+      }
+    }, T = {
+      onBlur: (e) => u("blur", e),
+      onChange: (e) => u("change", e),
+      onKeydown: (e) => {
+        e.key === "Enter" && a.divider === "Enter" && e.preventDefault(), u("keydown", e);
+      },
+      onInput: (e) => u("input", e)
     };
-    return (e, y) => (s(), a("div", {
-      "aria-atomic": "true",
-      "aria-live": "assertive",
-      "aria-role": "alert",
-      class: b(["bb-toast-message", { [`bb-toast-message--${e.theme}`]: e.theme }])
+    return (e, n) => (p(), m("span", {
+      ref_key: "outerContainer",
+      ref: i,
+      class: g({
+        "bb-base-tag": !0,
+        "bb-base-tag--active": f.value,
+        "bb-base-tag--disabled": e.disabled,
+        "bb-base-tag--errors": e.hasErrors,
+        "bb-base-tag--readonly": e.readonly
+      }),
+      onClick: O
     }, [
-      t("div", k, [
-        e.icon ? (s(), i(u, {
-          key: 0,
-          class: "bb-alert__icon",
-          type: e.icon
-        }, null, 8, ["type"])) : o("", !0)
-      ]),
-      t("div", g, [
-        e.title ? (s(), a("p", f, l(e.title), 1)) : o("", !0),
-        t("p", C, l(e.text), 1)
-      ]),
-      t("div", v, [
-        e.showClose ? (s(), i(h, {
-          key: 0,
-          "aria-label": "Chiudi",
-          block: "",
-          class: "bb-toast-message__close-btn",
-          onClick: _
-        }, {
-          default: p(() => [
-            w
-          ]),
-          _: 1
-        })) : o("", !0)
-      ])
+      v(e.$slots, "prepend-outer"),
+      k("span", {
+        ref_key: "innerContainer",
+        ref: $,
+        class: "bb-base-tag__inner-container"
+      }, [
+        v(e.$slots, "prepend"),
+        k("span", j, [
+          e.comma ? (p(!0), m(E, { key: 0 }, C(o.value, (r, d) => (p(), m("span", {
+            key: r,
+            class: g({
+              "bb-base-tag__selected": !0,
+              "bb-base-tag__selected--comma": !0,
+              "bb-base-tag__selected--focused": d === l.value
+            })
+          }, B(r) + B(d < o.value.length - 1 ? "," : ""), 3))), 128)) : (p(!0), m(E, { key: 1 }, C(o.value, (r, d) => (p(), S(U, {
+            key: r,
+            class: g({
+              "bb-base-tag__selected": !0,
+              "bb-base-tag__selected--chip": !0,
+              "bb-base-tag__selected--focused": d === l.value
+            }),
+            clearable: !0,
+            text: r,
+            "onClick:clear": (Q) => b(d)
+          }, null, 8, ["class", "text", "onClick:clear"]))), 128)),
+          z(k("input", H({ id: e.id }, T, {
+            ref_key: "input",
+            ref: c,
+            "onUpdate:modelValue": n[0] || (n[0] = (r) => t.value = r),
+            autocomplete: e.autocomplete,
+            autofocus: e.autofocus,
+            class: "bb-base-tag__text-input",
+            disabled: e.disabled,
+            placeholder: D.value,
+            readonly: e.readonly,
+            type: "text",
+            onFocus: M,
+            onKeyup: A
+          }), null, 16, G), [
+            [J, t.value]
+          ])
+        ]),
+        v(e.$slots, "append")
+      ], 512),
+      v(e.$slots, "append-outer")
     ], 2));
   }
 });
 export {
-  N as default
+  te as default
 };
 //# sourceMappingURL=index228.js.map

package/dist/index228.js.map

@@ -1 +1 @@
-{"version":3,"file":"index228.js","sources":["../src/components/BbToast/BbToastMessage.vue"],"sourcesContent":["<template>\n\t<div\n\t\taria-atomic=\"true\"\n\t\taria-live=\"assertive\"\n\t\taria-role=\"alert\"\n\t\tclass=\"bb-toast-message\"\n\t\t:class=\"{ [`bb-toast-message--${theme}`]: theme }\"\n\t>\n\t\t<div class=\"bb-toast-message__icon-container\">\n\t\t\t<BbIcon v-if=\"icon\" class=\"bb-alert__icon\" :type=\"icon\" />\n\t\t</div>\n\n\t\t<div class=\"bb-toast-message__content\">\n\t\t\t<p v-if=\"title\" class=\"bb-toast-message__title\">{{ title }}</p>\n\t\t\t<p class=\"bb-toast-message__text\">{{ text }}</p>\n\t\t</div>\n\t\t<div class=\"bb-toast-message__close\">\n\t\t\t<BaseButton\n\t\t\t\tv-if=\"showClose\"\n\t\t\t\t:aria-label=\"'Chiudi'\"\n\t\t\t\tblock\n\t\t\t\tclass=\"bb-toast-message__close-btn\"\n\t\t\t\t@click=\"onClickClose\"\n\t\t\t>\n\t\t\t\t<svg fill=\"none\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M23 23L1 1M23 1L1 23\"\n\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t</BaseButton>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport type { Message } from '../../composables/useToast';\nimport BaseButton from '../BaseButton/BaseButton.vue';\nimport BbIcon from '../BbIcon/BbIcon.vue';\n\nconst props = withDefaults(defineProps<Message>(), {\n\ttheme: 'default',\n});\ntype BbToastMessageEvents = {\n\t(e: 'click:close', id: Message['id']): void;\n};\nconst emit = defineEmits<BbToastMessageEvents>();\n\nconst onClickClose = () => {\n\temit('click:close', props.id);\n};\n</script>\n\n<style scoped></style>\n"],"names":["props","__props","emit","__emit","onClickClose"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,UAAMA,IAAQC,GAMRC,IAAOC,GAEPC,IAAe,MAAM;AACrB,MAAAF,EAAA,eAAeF,EAAM,EAAE;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index228.js","sources":["../src/components/BaseTag/BaseTag.vue"],"sourcesContent":["<template>\n\t<span\n\t\tref=\"outerContainer\"\n\t\t:class=\"{\n\t\t\t'bb-base-tag': true,\n\t\t\t'bb-base-tag--active': active,\n\t\t\t'bb-base-tag--disabled': disabled,\n\t\t\t'bb-base-tag--errors': hasErrors,\n\t\t\t'bb-base-tag--readonly': readonly,\n\t\t}\"\n\t\t@click=\"onOuterContainerClick\"\n\t>\n\t\t<slot name=\"prepend-outer\"></slot>\n\t\t<span ref=\"innerContainer\" class=\"bb-base-tag__inner-container\">\n\t\t\t<slot name=\"prepend\"></slot>\n\t\t\t<span class=\"bb-base-tag__input-container\">\n\t\t\t\t<template v-if=\"comma\">\n\t\t\t\t\t<span\n\t\t\t\t\t\tv-for=\"(option, index) in modelValueNormalized\"\n\t\t\t\t\t\t:key=\"option\"\n\t\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t\t'bb-base-tag__selected': true,\n\t\t\t\t\t\t\t'bb-base-tag__selected--comma': true,\n\t\t\t\t\t\t\t'bb-base-tag__selected--focused': index === focusedIndex,\n\t\t\t\t\t\t}\"\n\t\t\t\t\t\t>{{ option\n\t\t\t\t\t\t}}{{ index < modelValueNormalized.length - 1 ? ',' : '' }}</span\n\t\t\t\t\t>\n\t\t\t\t</template>\n\t\t\t\t<template v-else>\n\t\t\t\t\t<BbChip\n\t\t\t\t\t\tv-for=\"(option, index) in modelValueNormalized\"\n\t\t\t\t\t\t:key=\"option\"\n\t\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t\t'bb-base-tag__selected': true,\n\t\t\t\t\t\t\t'bb-base-tag__selected--chip': true,\n\t\t\t\t\t\t\t'bb-base-tag__selected--focused': index === focusedIndex,\n\t\t\t\t\t\t}\"\n\t\t\t\t\t\t:clearable=\"true\"\n\t\t\t\t\t\t:text=\"option\"\n\t\t\t\t\t\t@click:clear=\"removeValue(index)\"\n\t\t\t\t\t/>\n\t\t\t\t</template>\n\n\t\t\t\t<input\n\t\t\t\t\t:id=\"id\"\n\t\t\t\t\tv-bind=\"eventListeners\"\n\t\t\t\t\tref=\"input\"\n\t\t\t\t\tv-model=\"query\"\n\t\t\t\t\t:autocomplete=\"autocomplete\"\n\t\t\t\t\t:autofocus=\"autofocus\"\n\t\t\t\t\t:class=\"'bb-base-tag__text-input'\"\n\t\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t\t:placeholder=\"computedPlaceholder\"\n\t\t\t\t\t:readonly=\"readonly\"\n\t\t\t\t\t:type=\"'text'\"\n\t\t\t\t\t@focus=\"onInputFocus\"\n\t\t\t\t\t@keyup=\"onInputKeyup\"\n\t\t\t\t/>\n\t\t\t</span>\n\t\t\t<slot name=\"append\"></slot>\n\t\t</span>\n\t\t<slot name=\"append-outer\"></slot>\n\t</span>\n</template>\n\n<script setup lang=\"ts\">\nimport { clamp } from '@/utilities/functions/clamp';\nimport { computed, ref } from 'vue';\nimport { drop } from '@/utilities/functions/drop';\nimport { isNil } from '@/utilities/functions/isNil';\nimport { isNotNil } from '@/utilities/functions/isNotNil';\nimport { wait } from '@/utilities/functions/wait';\nimport BbChip from '../BbChip/BbChip.vue';\nimport type { InputHTMLAttributes, HTMLAttributes } from 'vue';\n\nexport type BaseTagProps = {\n\t/**\n\t * Guides to the browser as to the type of information expected in the field.\n\t */\n\tautocomplete?: InputHTMLAttributes['autocomplete'];\n\n\t/**\n\t * Sets autofocus on page load.\n\t */\n\tautofocus?: InputHTMLAttributes['autofocus'];\n\n\t/**\n\t * Sets the display model for selected values to a list\n\t * of comma separated string. In this mode the user\n\t * cannot deselect an option by pressing the close button.\n\t */\n\tcomma?: boolean;\n\n\t/**\n\t * Disables the component\n\t */\n\tdisabled?: boolean;\n\n\t/**\n\t * The divider key used to separate values from one another. By default it is \"Enter\"\n\t */\n\tdivider?: KeyboardEvent['key'];\n\n\t/**\n\t * Define if the component should be in an error state.\n\t * It usually attaches a CSS class for styling purposes.\n\t */\n\thasErrors?: boolean;\n\n\t/**\n\t * The identifier of the component.\n\t */\n\tid?: HTMLAttributes['id'];\n\n\t/**\n\t * Used by v-model. Can be any serializable type.\n\t */\n\tmodelValue: any;\n\n\t/**\n\t * Allows the selection of multiple items.\n\t */\n\tmultiple?: boolean;\n\n\t/**\n\t * Defines the name of the input.\n\t */\n\tname?: InputHTMLAttributes['name'];\n\n\t/**\n\t * String displayed when there's no data.\n\t */\n\tplaceholder?: InputHTMLAttributes['placeholder'];\n\n\t/**\n\t * Sets the input in a readonly state.\n\t */\n\treadonly?: InputHTMLAttributes['readonly'];\n};\n\nconst props = withDefaults(defineProps<BaseTagProps>(), {\n\tdivider: 'Enter',\n\tmultiple: true,\n});\n\nexport type BaseTagEvents = {\n\t(e: 'blur', event: FocusEvent): void;\n\n\t(e: 'change', event: Event): void;\n\n\t(e: 'click', event: MouseEvent): void;\n\n\t(e: 'duplicate', string: string): void;\n\n\t(e: 'focus', event: FocusEvent): void;\n\n\t(e: 'inactive'): void;\n\n\t(e: 'input', event: Event): void;\n\n\t(e: 'keydown', event: KeyboardEvent): void;\n\n\t(e: 'keyup', event: KeyboardEvent): void;\n\n\t(e: 'update:modelValue', value: any): void;\n};\n\nconst emit = defineEmits<BaseTagEvents>();\n\nexport type BaseTagSlots = {\n\tappend?: (props: object) => any;\n\n\t'append-outer'?: (props: object) => any;\n\n\tprepend?: (props: object) => any;\n\n\t'prepend-outer'?: (props: object) => any;\n};\n\ndefineSlots<BaseTagSlots>();\n\nif (props.multiple && !Array.isArray(props.modelValue)) {\n\tthrow new Error('Multiple is set to \"true\" but modelValue is not an array.');\n}\n\nconst outerContainer = ref<HTMLElement | null>(null);\nconst innerContainer = ref<HTMLElement | null>(null);\nconst input = ref<HTMLElement | null>(null);\nconst query = ref<string>('');\nconst computedPlaceholder = computed(() => {\n\treturn props.placeholder;\n});\n\nconst modelValueNormalized = computed(() =>\n\t[].concat(props.modelValue).filter(isNotNil)\n);\n\n/**\n * Indexes modelValue to a map so when can easily know which values are selected\n */\nconst modelValueIndexed = computed(() => {\n\tlet map: { [key: string]: number } = {};\n\tmodelValueNormalized.value.forEach((value: any, index: number) => {\n\t\tmap[JSON.stringify(value)] = index;\n\t});\n\treturn {\n\t\tget: (value: any) => map[JSON.stringify(value)],\n\t};\n});\n\n/**\n * Applies a class when the user is inside this whole component.\n * We cannot use focus within as it doesn't work for elements that are teleported.\n * Also we cannot use the <input/> if we phisically move focus to the options so\n * we track it manually.\n */\nconst active = ref(false);\n\nconst focusedIndex = ref<null | number>(null);\n\nconst onInputKeyup = (event: KeyboardEvent) => {\n\temit('keyup', event);\n\tif (props.readonly || props.disabled) {\n\t\tevent.preventDefault();\n\t\treturn;\n\t}\n\tif (event.key === props.divider) {\n\t\tif (query.value[query.value.length - 1] === event.key) {\n\t\t\tquery.value = query.value.slice(0, query.value.length - 1);\n\t\t}\n\t\tif (!query.value) return;\n\t\tfocusedIndex.value = null;\n\t\tconst currentIndex = modelValueIndexed.value.get(query.value);\n\t\tif (isNil(currentIndex)) selectValue(query.value);\n\t\telse emit('duplicate', query.value);\n\t\tquery.value = '';\n\t} else if (event.key === 'ArrowLeft') {\n\t\tif (focusedIndex.value === null)\n\t\t\tfocusedIndex.value = modelValueNormalized.value.length - 1;\n\t\telse if (focusedIndex.value === 0) focusedIndex.value = null;\n\t\telse focusedIndex.value--;\n\t} else if (event.key === 'ArrowRight') {\n\t\tif (focusedIndex.value === null) focusedIndex.value = 1;\n\t\telse if (focusedIndex.value === modelValueNormalized.value.length - 1)\n\t\t\tfocusedIndex.value = null;\n\t\telse focusedIndex.value++;\n\t} else if (event.key === 'Backspace') {\n\t\tif (query.value) return;\n\t\tif (isNotNil(focusedIndex.value)) {\n\t\t\tremoveValue(focusedIndex.value);\n\t\t\tfocusedIndex.value = clamp(\n\t\t\t\tfocusedIndex.value,\n\t\t\t\t0,\n\t\t\t\tmodelValueNormalized.value.length - 2\n\t\t\t);\n\t\t\tif (modelValueNormalized.value.length === 1) focusedIndex.value = null;\n\t\t} else focusedIndex.value = modelValueNormalized.value.length - 1;\n\t} else if (event.key === 'Tab' || event.key === 'Escape') {\n\t\tfocusedIndex.value = null;\n\t}\n};\n\nconst selectValue = (text: string) => {\n\tif (props.multiple) emit('update:modelValue', props.modelValue.concat(text));\n\telse emit('update:modelValue', text);\n};\n\nconst removeValue = (indexOrString: number | string) => {\n\tif (typeof indexOrString === 'number') {\n\t\tif (props.multiple)\n\t\t\temit('update:modelValue', drop(props.modelValue, 1, indexOrString));\n\t\telse emit('update:modelValue', null);\n\t} else {\n\t\tconst currentIndex = modelValueIndexed.value.get(query.value);\n\t\tremoveValue(currentIndex);\n\t}\n};\n\nconst onInputFocus = (event: FocusEvent) => {\n\temit('focus', event);\n\tactive.value = true;\n\tdocument.addEventListener('click', onClickOutside);\n\tdocument.addEventListener('focusin', onFocusOutside);\n\tif (input.value instanceof HTMLInputElement) input.value.select();\n};\n\n/**\n * When clicking on the outside container seamlessly move focus to the input and open the panel\n */\nconst onOuterContainerClick = (event: MouseEvent) => {\n\temit('click', event);\n\tif (props.disabled || props.readonly) return;\n\tif (input.value instanceof HTMLElement) {\n\t\tinput.value.focus();\n\t}\n};\n\n/**\n * On click outside of the container close the panel, remove active state.\n * In multiple selection clear query after a timeout\n */\nconst onClickOutside = (event: Event) => {\n\tif (event.target instanceof Node) {\n\t\tif (outerContainer.value) {\n\t\t\tif (!outerContainer.value.contains(event.target)) {\n\t\t\t\temit('inactive');\n\t\t\t\tdocument.removeEventListener('click', onClickOutside);\n\t\t\t\tactive.value = false;\n\t\t\t\tif (props.multiple)\n\t\t\t\t\twait(500).then(() => {\n\t\t\t\t\t\tquery.value = '';\n\t\t\t\t\t});\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\t}\n};\n\nconst onFocusOutside = (event: FocusEvent) => {\n\tif (event.target instanceof Node) {\n\t\tif (outerContainer.value) {\n\t\t\tif (!outerContainer.value.contains(event.target)) {\n\t\t\t\temit('inactive');\n\t\t\t\tdocument.removeEventListener('focusin', onFocusOutside);\n\t\t\t\tactive.value = false;\n\t\t\t\tif (props.multiple)\n\t\t\t\t\twait(500).then(() => {\n\t\t\t\t\t\tquery.value = '';\n\t\t\t\t\t});\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\t}\n};\n\nconst eventListeners = {\n\tonBlur: (event: FocusEvent) => emit('blur', event),\n\tonChange: (event: Event) => emit('change', event),\n\tonKeydown: (event: KeyboardEvent) => {\n\t\tif (event.key === 'Enter' && props.divider === 'Enter') {\n\t\t\tevent.preventDefault();\n\t\t}\n\t\temit('keydown', event);\n\t},\n\tonInput: (event: Event) => emit('input', event),\n};\n</script>\n<style lang=\"postcss\">\n@import '@/assets/css/BaseTag';\n</style>\n"],"names":["props","__props","emit","__emit","outerContainer","ref","innerContainer","input","query","computedPlaceholder","computed","modelValueNormalized","isNotNil","modelValueIndexed","map","value","index","active","focusedIndex","onInputKeyup","event","currentIndex","isNil","selectValue","removeValue","clamp","text","indexOrString","drop","onInputFocus","onClickOutside","onFocusOutside","onOuterContainerClick","wait","eventListeners"],"mappings":"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"}