bitboss-ui 2.0.3 → 2.0.5

package/dist/index236.js

@@ -1,6 +1,109 @@
-const o = () => {
-};
+import { defineComponent as y, ref as F, computed as H, watch as N, openBlock as p, createElementBlock as L, Fragment as S, renderList as V, createBlock as A, normalizeClass as O, withModifiers as P, withCtx as $, createTextVNode as z, toDisplayString as D } from "vue";
+import { hash as d } from "./index205.js";
+import { isNil as l } from "./index124.js";
+import E from "./index119.js";
+/* empty css         */
+const K = /* @__PURE__ */ y({
+  __name: "ChipsBox",
+  props: {
+    options: {}
+  },
+  emits: ["option:unselected"],
+  setup(f, { expose: v, emit: h }) {
+    const t = f, u = h, n = F(null), i = H(() => t.options.some((e) => !e.disabled)), a = (e = 1) => {
+      const s = l(n.value) ? -1 : n.value;
+      let o = (s + e) % t.options.length;
+      for (; t.options[o].disabled && o !== s; )
+        o = a(e + 1);
+      return o;
+    }, x = () => {
+      if (!i.value) return;
+      const e = a();
+      n.value = e;
+    }, c = (e = 1) => {
+      const s = l(n.value) ? 0 : n.value;
+      let o = (s - e + t.options.length) % t.options.length;
+      for (; t.options[o].disabled && o !== s; )
+        o = c(e + 1);
+      return o;
+    }, m = async () => {
+      if (!i.value) return;
+      const e = c();
+      n.value = e;
+    }, w = () => {
+      if (!i.value) return;
+      let e = 0;
+      for (; t.options[e].disabled; )
+        e++;
+      n.value = e;
+    }, b = () => {
+      if (!i.value) return;
+      let e = t.options.length - 1;
+      for (; t.options[e].disabled && e !== 0; )
+        e--;
+      n.value = e;
+    }, I = () => {
+      if (!i.value) return;
+      let e = 0;
+      for (; !t.options[e].selected && t.options.length !== e; )
+        e++;
+      n.value = e;
+    }, g = () => {
+      if (!i.value) return;
+      let e = t.options.length - 1;
+      for (; t.options[e].selected && e !== 0; )
+        e--;
+      n.value = e;
+    }, _ = (e) => {
+      if (!i.value) return;
+      const s = t.options.findIndex(
+        (o) => o.valueHash === e
+      );
+      s >= 0 && (n.value = s);
+    }, r = () => {
+      n.value = null;
+    }, k = () => {
+      if (l(n.value)) return;
+      const e = t.options[n.value];
+      e.selected && u("option:unselected", e);
+    }, C = () => l(n.value) ? void 0 : t.options[n.value];
+    return N(
+      () => t.options,
+      (e, s) => {
+        d(e) !== d(s) && r();
+      },
+      {
+        flush: "post"
+      }
+    ), v({
+      focusNext: x,
+      focusPrevious: m,
+      focusFirst: w,
+      focusFirstSelected: I,
+      focusLast: b,
+      focusLastSelected: g,
+      blur: r,
+      confirmOption: k,
+      focusByHash: _,
+      getHighlighted: C
+    }), (e, s) => (p(!0), L(S, null, V(e.options, (o, B) => (p(), A(E, {
+      key: o.valueHash,
+      class: O({
+        "bb-chipsbox-item": !0,
+        "bb-chipsbox-item--focused": B === n.value
+      }),
+      clearable: !0,
+      text: o.text,
+      "onClick:clear": P((M) => u("option:unselected", o), ["stop"])
+    }, {
+      default: $(() => [
+        z(D(o.text), 1)
+      ]),
+      _: 2
+    }, 1032, ["class", "text", "onClick:clear"]))), 128));
+  }
+});
 export {
-  o as noop
+  K as default
 };
 //# sourceMappingURL=index236.js.map

package/dist/index236.js.map

@@ -1 +1 @@
-{"version":3,"file":"index236.js","sources":["../src/utilities/functions/noop.ts"],"sourcesContent":["/* \n This function is No-OP it does nothing\n*/\nexport const noop = () => {};\n"],"names":["noop"],"mappings":"AAGO,MAAMA,IAAO,MAAM;AAAC;"}
+{"version":3,"file":"index236.js","sources":["../src/components/ChipsBox.vue"],"sourcesContent":["<template>\n\t<BbChip\n\t\tv-for=\"(item, index) in options\"\n\t\t:key=\"item.valueHash\"\n\t\t:class=\"{\n\t\t\t'bb-chipsbox-item': true,\n\t\t\t'bb-chipsbox-item--focused': index === focusedIndex,\n\t\t}\"\n\t\t:clearable=\"true\"\n\t\t:text=\"item.text\"\n\t\t@click:clear.stop=\"emit('option:unselected', item)\"\n\t\t>{{ item.text }}</BbChip\n\t>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { hash } from '@/utilities/functions/hash';\nimport { isNil } from '@/utilities/functions/isNil';\nimport { ref } from 'vue';\nimport { watch } from 'vue';\nimport BbChip from './BbChip/BbChip.vue';\nimport type { Option } from '@/types/Option';\n\ntype Props = {\n\toptions: Option[];\n};\nconst props = defineProps<Props>();\n\nconst emit = defineEmits<{\n\t(e: 'option:unselected', option: Option): void;\n}>();\n\n/**\n * START FOCUS HANDLING\n */\n\nconst focusedIndex = ref<null | number>(null);\n\nconst canFocus = computed(() => props.options.some((o) => !o.disabled));\n\nconst findNextAvailableIndex = (offset = 1) => {\n\tconst initialValue = isNil(focusedIndex.value) ? -1 : focusedIndex.value!;\n\tlet newIndex = (initialValue + offset) % props.options.length;\n\twhile (props.options[newIndex].disabled && newIndex !== initialValue) {\n\t\tnewIndex = findNextAvailableIndex(offset + 1);\n\t}\n\treturn newIndex;\n};\n\nconst focusNext = () => {\n\tif (!canFocus.value) return;\n\tconst newIndex = findNextAvailableIndex();\n\tfocusedIndex.value = newIndex;\n};\nconst findPreviousAvailableIndex = (offset = 1) => {\n\tconst initialValue = isNil(focusedIndex.value) ? 0 : focusedIndex.value!;\n\tlet newIndex =\n\t\t(initialValue - offset + props.options.length) % props.options.length;\n\twhile (props.options[newIndex].disabled && newIndex !== initialValue) {\n\t\tnewIndex = findPreviousAvailableIndex(offset + 1);\n\t}\n\treturn newIndex;\n};\nconst focusPrevious = async () => {\n\tif (!canFocus.value) return;\n\tconst newIndex = findPreviousAvailableIndex();\n\tfocusedIndex.value = newIndex;\n};\n\nconst focusFirst = () => {\n\tif (!canFocus.value) return;\n\tlet newIndex = 0;\n\twhile (props.options[newIndex].disabled) {\n\t\tnewIndex++;\n\t}\n\tfocusedIndex.value = newIndex;\n};\n\nconst focusLast = () => {\n\tif (!canFocus.value) return;\n\tlet newIndex = props.options.length - 1;\n\twhile (props.options[newIndex].disabled && newIndex !== 0) {\n\t\tnewIndex--;\n\t}\n\tfocusedIndex.value = newIndex;\n};\nconst focusFirstSelected = () => {\n\tif (!canFocus.value) return;\n\tlet newIndex = 0;\n\twhile (\n\t\t!props.options[newIndex].selected &&\n\t\tprops.options.length !== newIndex\n\t) {\n\t\tnewIndex++;\n\t}\n\tfocusedIndex.value = newIndex;\n};\nconst focusLastSelected = () => {\n\tif (!canFocus.value) return;\n\tlet newIndex = props.options.length - 1;\n\twhile (props.options[newIndex].selected && newIndex !== 0) {\n\t\tnewIndex--;\n\t}\n\tfocusedIndex.value = newIndex;\n};\n\nconst focusByHash = (hash: Option['valueHash']) => {\n\tif (!canFocus.value) return;\n\tconst linkedOptionIndex = props.options.findIndex(\n\t\t(o) => o.valueHash === hash\n\t);\n\tif (linkedOptionIndex >= 0) {\n\t\tfocusedIndex.value = linkedOptionIndex;\n\t}\n};\n\nconst blur = () => {\n\tfocusedIndex.value = null;\n};\n\n/**\n * END FOCUS HANDLING\n */\n\nconst confirmOption = () => {\n\tif (isNil(focusedIndex.value)) return;\n\tconst option = props.options[focusedIndex.value!];\n\tif (option.selected) {\n\t\temit('option:unselected', option);\n\t}\n};\n\nconst getHighlighted = () => {\n\tif (isNil(focusedIndex.value)) return;\n\tconst option = props.options[focusedIndex.value!];\n\treturn option;\n};\n\nwatch(\n\t() => props.options,\n\t(value, previous) => {\n\t\tif (hash(value) !== hash(previous)) {\n\t\t\tblur();\n\t\t}\n\t},\n\t{\n\t\tflush: 'post',\n\t}\n);\n\ndefineExpose({\n\tfocusNext,\n\tfocusPrevious,\n\tfocusFirst,\n\tfocusFirstSelected,\n\tfocusLast,\n\tfocusLastSelected,\n\tblur,\n\tconfirmOption,\n\tfocusByHash,\n\tgetHighlighted,\n});\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/ChipsBox';\n</style>\n"],"names":["props","__props","emit","__emit","focusedIndex","ref","canFocus","computed","o","findNextAvailableIndex","offset","initialValue","isNil","newIndex","focusNext","findPreviousAvailableIndex","focusPrevious","focusFirst","focusLast","focusFirstSelected","focusLastSelected","focusByHash","hash","linkedOptionIndex","blur","confirmOption","option","getHighlighted","watch","value","previous","__expose"],"mappings":"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"}

package/dist/index238.js

@@ -1,26 +1,103 @@
-const e = {
-  inert: ":not([inert]):not([inert] *)",
-  negTabIndex: ':not([tabindex^="-"])',
-  disabled: ":not(:disabled)"
-}, n = [
-  `a[href]${e.inert}${e.negTabIndex}`,
-  `area[href]${e.inert}${e.negTabIndex}`,
-  `input:not([type="hidden"]):not([type="radio"])${e.inert}${e.negTabIndex}${e.disabled}`,
-  `input[type="radio"]${e.inert}${e.negTabIndex}${e.disabled}`,
-  `select${e.inert}${e.negTabIndex}${e.disabled}`,
-  `textarea${e.inert}${e.negTabIndex}${e.disabled}`,
-  `button${e.inert}${e.negTabIndex}${e.disabled}`,
-  `details${e.inert} > summary:first-of-type${e.negTabIndex}`,
-  // Discard until Firefox supports `:has()`
-  // See: https://github.com/KittyGiraudel/focusable-selectors/issues/12
-  // `details:not(:has(> summary))${not.inert}${not.negTabIndex}`,
-  `iframe${e.inert}${e.negTabIndex}`,
-  `audio[controls]${e.inert}${e.negTabIndex}`,
-  `video[controls]${e.inert}${e.negTabIndex}`,
-  `[contenteditable]${e.inert}${e.negTabIndex}`,
-  `[tabindex]${e.inert}${e.negTabIndex}`
-];
+import { defineComponent as F, ref as H, computed as L, watch as N, openBlock as d, createElementBlock as v, Fragment as S, renderList as A, normalizeClass as O, withModifiers as P, toDisplayString as V } from "vue";
+import { hash as f } from "./index205.js";
+import { isNil as i } from "./index124.js";
+const z = ["text", "onClick:clear"], j = /* @__PURE__ */ F({
+  __name: "CommaBox",
+  props: {
+    options: {}
+  },
+  emits: ["option:unselected"],
+  setup(m, { expose: h, emit: x }) {
+    const t = m, a = x, n = H(null), l = L(() => t.options.some((e) => !e.disabled)), u = (e = 1) => {
+      const s = i(n.value) ? -1 : n.value;
+      let o = (s + e) % t.options.length;
+      for (; t.options[o].disabled && o !== s; )
+        o = u(e + 1);
+      return o;
+    }, b = () => {
+      if (!l.value) return;
+      const e = u();
+      n.value = e;
+    }, c = (e = 1) => {
+      const s = i(n.value) ? 0 : n.value;
+      let o = (s - e + t.options.length) % t.options.length;
+      for (; t.options[o].disabled && o !== s; )
+        o = c(e + 1);
+      return o;
+    }, w = async () => {
+      if (!l.value) return;
+      const e = c();
+      n.value = e;
+    }, I = () => {
+      if (!l.value) return;
+      let e = 0;
+      for (; t.options[e].disabled; )
+        e++;
+      n.value = e;
+    }, g = () => {
+      if (!l.value) return;
+      let e = t.options.length - 1;
+      for (; t.options[e].disabled && e !== 0; )
+        e--;
+      n.value = e;
+    }, k = () => {
+      if (!l.value) return;
+      let e = 0;
+      for (; !t.options[e].selected && t.options.length !== e; )
+        e++;
+      n.value = e;
+    }, _ = () => {
+      if (!l.value) return;
+      let e = t.options.length - 1;
+      for (; t.options[e].selected && e !== 0; )
+        e--;
+      n.value = e;
+    }, C = (e) => {
+      if (!l.value) return;
+      const s = t.options.findIndex(
+        (o) => o.valueHash === e
+      );
+      s >= 0 && (n.value = s);
+    }, r = () => {
+      n.value = null;
+    }, y = () => {
+      if (!n.value) return;
+      const e = t.options[n.value];
+      e.selected && a("option:unselected", e);
+    }, B = () => i(n.value) ? void 0 : t.options[n.value];
+    return N(
+      () => t.options,
+      (e, s) => {
+        f(e) !== f(s) && r();
+      },
+      {
+        flush: "post"
+      }
+    ), h({
+      focusNext: b,
+      focusPrevious: w,
+      focusFirst: I,
+      focusFirstSelected: k,
+      focusLast: g,
+      focusLastSelected: _,
+      blur: r,
+      confirmOption: y,
+      focusByHash: C,
+      getHighlighted: B
+    }), (e, s) => (d(!0), v(S, null, A(e.options, (o, p) => (d(), v("span", {
+      key: o.valueHash,
+      class: O({
+        "bb-commabox-item": !0,
+        "bb-commabox-item--focused": p === n.value,
+        "bb-commabox-item--has-comma": p !== e.options.length - 1
+      }),
+      clearable: !0,
+      text: o.text,
+      "onClick:clear": P((D) => a("option:unselected", o), ["stop"])
+    }, V(o.text), 43, z))), 128));
+  }
+});
 export {
-  n as default
+  j as default
 };
 //# sourceMappingURL=index238.js.map

package/dist/index238.js.map

@@ -1 +1 @@
-{"version":3,"file":"index238.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]}
+{"version":3,"file":"index238.js","sources":["../src/components/CommaBox.vue"],"sourcesContent":["<template>\n\t<span\n\t\tv-for=\"(item, index) in options\"\n\t\t:key=\"item.valueHash\"\n\t\t:class=\"{\n\t\t\t'bb-commabox-item': true,\n\t\t\t'bb-commabox-item--focused': index === focusedIndex,\n\t\t\t'bb-commabox-item--has-comma': index !== options.length - 1,\n\t\t}\"\n\t\t:clearable=\"true\"\n\t\t:text=\"item.text\"\n\t\t@click:clear.stop=\"emit('option:unselected', item)\"\n\t\t>{{ item.text }}</span\n\t>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { hash } from '@/utilities/functions/hash';\nimport { isNil } from '@/utilities/functions/isNil';\nimport { ref } from 'vue';\nimport { watch } from 'vue';\nimport type { Option } from '@/types/Option';\n\ntype Props = {\n\toptions: Option[];\n};\nconst props = defineProps<Props>();\n\nconst emit = defineEmits<{\n\t(e: 'option:unselected', option: Option): void;\n}>();\n\n/**\n * START FOCUS HANDLING\n */\n\nconst focusedIndex = ref<null | number>(null);\n\nconst canFocus = computed(() => props.options.some((o) => !o.disabled));\n\nconst findNextAvailableIndex = (offset = 1) => {\n\tconst initialValue = isNil(focusedIndex.value) ? -1 : focusedIndex.value!;\n\tlet newIndex = (initialValue + offset) % props.options.length;\n\twhile (props.options[newIndex].disabled && newIndex !== initialValue) {\n\t\tnewIndex = findNextAvailableIndex(offset + 1);\n\t}\n\treturn newIndex;\n};\n\nconst focusNext = () => {\n\tif (!canFocus.value) return;\n\tconst newIndex = findNextAvailableIndex();\n\tfocusedIndex.value = newIndex;\n};\nconst findPreviousAvailableIndex = (offset = 1) => {\n\tconst initialValue = isNil(focusedIndex.value) ? 0 : focusedIndex.value!;\n\tlet newIndex =\n\t\t(initialValue - offset + props.options.length) % props.options.length;\n\twhile (props.options[newIndex].disabled && newIndex !== initialValue) {\n\t\tnewIndex = findPreviousAvailableIndex(offset + 1);\n\t}\n\treturn newIndex;\n};\nconst focusPrevious = async () => {\n\tif (!canFocus.value) return;\n\tconst newIndex = findPreviousAvailableIndex();\n\tfocusedIndex.value = newIndex;\n};\n\nconst focusFirst = () => {\n\tif (!canFocus.value) return;\n\tlet newIndex = 0;\n\twhile (props.options[newIndex].disabled) {\n\t\tnewIndex++;\n\t}\n\tfocusedIndex.value = newIndex;\n};\n\nconst focusLast = () => {\n\tif (!canFocus.value) return;\n\tlet newIndex = props.options.length - 1;\n\twhile (props.options[newIndex].disabled && newIndex !== 0) {\n\t\tnewIndex--;\n\t}\n\tfocusedIndex.value = newIndex;\n};\nconst focusFirstSelected = () => {\n\tif (!canFocus.value) return;\n\tlet newIndex = 0;\n\twhile (\n\t\t!props.options[newIndex].selected &&\n\t\tprops.options.length !== newIndex\n\t) {\n\t\tnewIndex++;\n\t}\n\tfocusedIndex.value = newIndex;\n};\nconst focusLastSelected = () => {\n\tif (!canFocus.value) return;\n\tlet newIndex = props.options.length - 1;\n\twhile (props.options[newIndex].selected && newIndex !== 0) {\n\t\tnewIndex--;\n\t}\n\tfocusedIndex.value = newIndex;\n};\n\nconst focusByHash = (hash: Option['valueHash']) => {\n\tif (!canFocus.value) return;\n\tconst linkedOptionIndex = props.options.findIndex(\n\t\t(o) => o.valueHash === hash\n\t);\n\tif (linkedOptionIndex >= 0) {\n\t\tfocusedIndex.value = linkedOptionIndex;\n\t}\n};\n\nconst blur = () => {\n\tfocusedIndex.value = null;\n};\n\n/**\n * END FOCUS HANDLING\n */\n\nconst confirmOption = () => {\n\tif (!focusedIndex.value) return;\n\tconst option = props.options[focusedIndex.value];\n\tif (option.selected) {\n\t\temit('option:unselected', option);\n\t}\n};\n\nconst getHighlighted = () => {\n\tif (isNil(focusedIndex.value)) return;\n\tconst option = props.options[focusedIndex.value!];\n\treturn option;\n};\n\nwatch(\n\t() => props.options,\n\t(value, previous) => {\n\t\tif (hash(value) !== hash(previous)) {\n\t\t\tblur();\n\t\t}\n\t},\n\t{\n\t\tflush: 'post',\n\t}\n);\n\ndefineExpose({\n\tfocusNext,\n\tfocusPrevious,\n\tfocusFirst,\n\tfocusFirstSelected,\n\tfocusLast,\n\tfocusLastSelected,\n\tblur,\n\tconfirmOption,\n\tfocusByHash,\n\tgetHighlighted,\n});\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/CommaBox';\n</style>\n"],"names":["props","__props","emit","__emit","focusedIndex","ref","canFocus","computed","o","findNextAvailableIndex","offset","initialValue","isNil","newIndex","focusNext","findPreviousAvailableIndex","focusPrevious","focusFirst","focusLast","focusFirstSelected","focusLastSelected","focusByHash","hash","linkedOptionIndex","blur","confirmOption","option","getHighlighted","watch","value","previous","__expose"],"mappings":"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"}

package/dist/index24.js

@@ -1,5 +1,5 @@
 import { defineComponent as S, computed as n, openBlock as r, createElementBlock as c, normalizeClass as T, createBlock as y, resolveDynamicComponent as B, normalizeProps as o, guardReactiveProps as l, withCtx as b, renderSlot as E, createTextVNode as V, toDisplayString as p, createElementVNode as d, unref as m, createVNode as P, Fragment as D, renderList as I } from "vue";
-import { deburr as N } from "./index202.js";
+import { deburr as N } from "./index198.js";
 import { getAsPercentage as $ } from "./index125.js";
 import { useId as F } from "./index7.js";
 import R from "./index120.js";

package/dist/index240.js

@@ -1,19 +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 o = (e) => e[0];
 export {
-  e as findInTree
+  o as head
 };
 //# sourceMappingURL=index240.js.map

package/dist/index240.js.map

@@ -1 +1 @@
-{"version":3,"file":"index240.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;AAC5C,MAAID,EAAY,QAAAA;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":"index240.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;"}

package/dist/index241.js

@@ -1,12 +1,13 @@
-function u(e, i) {
-  let t;
-  return function(...o) {
-    t !== void 0 && clearTimeout(t), t = setTimeout(() => {
-      e.apply(this, o);
-    }, i);
-  };
-}
+const o = (t, r) => {
+  const e = {};
+  for (const c in t)
+    if (Object.prototype.hasOwnProperty.call(t, c)) {
+      const n = t[c];
+      r(n, c, t) && (e[c] = n);
+    }
+  return e;
+};
 export {
-  u as debounce
+  o as pickBy
 };
 //# sourceMappingURL=index241.js.map

package/dist/index241.js.map

@@ -1 +1 @@
-{"version":3,"file":"index241.js","sources":["../src/utilities/functions/debounce.ts"],"sourcesContent":["export function debounce<T extends (...args: any[]) => any>(\n\tfunc: T,\n\twait: number\n): (...args: Parameters<T>) => void {\n\tlet timeoutId: ReturnType<typeof setTimeout> | undefined;\n\n\treturn function (this: any, ...args: Parameters<T>) {\n\t\tif (timeoutId !== undefined) {\n\t\t\tclearTimeout(timeoutId);\n\t\t}\n\n\t\ttimeoutId = setTimeout(() => {\n\t\t\tfunc.apply(this, args);\n\t\t}, wait);\n\t};\n}\n"],"names":["debounce","func","wait","timeoutId","args"],"mappings":"AAAgB,SAAAA,EACfC,GACAC,GACmC;AAC/B,MAAAC;AAEJ,SAAO,YAAwBC,GAAqB;AACnD,IAAID,MAAc,UACjB,aAAaA,CAAS,GAGvBA,IAAY,WAAW,MAAM;AACvB,MAAAF,EAAA,MAAM,MAAMG,CAAI;AAAA,OACnBF,CAAI;AAAA,EAAA;AAET;"}
+{"version":3,"file":"index241.js","sources":["../src/utilities/functions/pickBy.ts"],"sourcesContent":["export const pickBy = <T extends object>(\n\tobj: T,\n\titeratee: (value: T[keyof T], key: keyof T, object: T) => boolean\n): Partial<T> => {\n\tconst accumulator: Partial<T> = {};\n\tfor (const key in obj) {\n\t\tif (Object.prototype.hasOwnProperty.call(obj, key)) {\n\t\t\tconst element = obj[key];\n\t\t\tif (iteratee(element, key, obj)) accumulator[key] = element;\n\t\t}\n\t}\n\treturn accumulator;\n};\n"],"names":["pickBy","obj","iteratee","accumulator","key","element"],"mappings":"AAAa,MAAAA,IAAS,CACrBC,GACAC,MACgB;AAChB,QAAMC,IAA0B,CAAA;AAChC,aAAWC,KAAOH;AACjB,QAAI,OAAO,UAAU,eAAe,KAAKA,GAAKG,CAAG,GAAG;AAC7C,YAAAC,IAAUJ,EAAIG,CAAG;AACvB,MAAIF,EAASG,GAASD,GAAKH,CAAG,MAAGE,EAAYC,CAAG,IAAIC;AAAA,IACrD;AAEM,SAAAF;AACR;"}

package/dist/index242.js

@@ -1,6 +1,6 @@
-import o from "./index200.js";
-/* empty css         */
+const o = () => {
+};
 export {
-  o as default
+  o as noop
 };
 //# sourceMappingURL=index242.js.map

package/dist/index242.js.map

@@ -1 +1 @@
-{"version":3,"file":"index242.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index242.js","sources":["../src/utilities/functions/noop.ts"],"sourcesContent":["/* \n This function is No-OP it does nothing\n*/\nexport const noop = () => {};\n"],"names":["noop"],"mappings":"AAGO,MAAMA,IAAO,MAAM;AAAC;"}

package/dist/index243.js

@@ -1,15 +1,227 @@
-import { ref as t } from "vue";
-const n = () => {
-  const e = t([]);
-  return { array: e, set: (...r) => {
-    e.value = r;
-  }, add: (...r) => {
-    e.value.push(...r);
-  }, remove: (r) => {
-    e.value = e.value.filter(r);
-  } };
-};
+import { getDefaultExportFromCjs as f, commonjsGlobal as r } from "./index245.js";
+var c = 1 / 0, n = "[object Symbol]", a = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g, d = "\\u0300-\\u036f\\ufe20-\\ufe23", b = "\\u20d0-\\u20f0", i = "[" + d + b + "]", s = RegExp(i, "g"), l = {
+  // Latin-1 Supplement block.
+  À: "A",
+  Á: "A",
+  Â: "A",
+  Ã: "A",
+  Ä: "A",
+  Å: "A",
+  à: "a",
+  á: "a",
+  â: "a",
+  ã: "a",
+  ä: "a",
+  å: "a",
+  Ç: "C",
+  ç: "c",
+  Ð: "D",
+  ð: "d",
+  È: "E",
+  É: "E",
+  Ê: "E",
+  Ë: "E",
+  è: "e",
+  é: "e",
+  ê: "e",
+  ë: "e",
+  Ì: "I",
+  Í: "I",
+  Î: "I",
+  Ï: "I",
+  ì: "i",
+  í: "i",
+  î: "i",
+  ï: "i",
+  Ñ: "N",
+  ñ: "n",
+  Ò: "O",
+  Ó: "O",
+  Ô: "O",
+  Õ: "O",
+  Ö: "O",
+  Ø: "O",
+  ò: "o",
+  ó: "o",
+  ô: "o",
+  õ: "o",
+  ö: "o",
+  ø: "o",
+  Ù: "U",
+  Ú: "U",
+  Û: "U",
+  Ü: "U",
+  ù: "u",
+  ú: "u",
+  û: "u",
+  ü: "u",
+  Ý: "Y",
+  ý: "y",
+  ÿ: "y",
+  Æ: "Ae",
+  æ: "ae",
+  Þ: "Th",
+  þ: "th",
+  ß: "ss",
+  // Latin Extended-A block.
+  Ā: "A",
+  Ă: "A",
+  Ą: "A",
+  ā: "a",
+  ă: "a",
+  ą: "a",
+  Ć: "C",
+  Ĉ: "C",
+  Ċ: "C",
+  Č: "C",
+  ć: "c",
+  ĉ: "c",
+  ċ: "c",
+  č: "c",
+  Ď: "D",
+  Đ: "D",
+  ď: "d",
+  đ: "d",
+  Ē: "E",
+  Ĕ: "E",
+  Ė: "E",
+  Ę: "E",
+  Ě: "E",
+  ē: "e",
+  ĕ: "e",
+  ė: "e",
+  ę: "e",
+  ě: "e",
+  Ĝ: "G",
+  Ğ: "G",
+  Ġ: "G",
+  Ģ: "G",
+  ĝ: "g",
+  ğ: "g",
+  ġ: "g",
+  ģ: "g",
+  Ĥ: "H",
+  Ħ: "H",
+  ĥ: "h",
+  ħ: "h",
+  Ĩ: "I",
+  Ī: "I",
+  Ĭ: "I",
+  Į: "I",
+  İ: "I",
+  ĩ: "i",
+  ī: "i",
+  ĭ: "i",
+  į: "i",
+  ı: "i",
+  Ĵ: "J",
+  ĵ: "j",
+  Ķ: "K",
+  ķ: "k",
+  ĸ: "k",
+  Ĺ: "L",
+  Ļ: "L",
+  Ľ: "L",
+  Ŀ: "L",
+  Ł: "L",
+  ĺ: "l",
+  ļ: "l",
+  ľ: "l",
+  ŀ: "l",
+  ł: "l",
+  Ń: "N",
+  Ņ: "N",
+  Ň: "N",
+  Ŋ: "N",
+  ń: "n",
+  ņ: "n",
+  ň: "n",
+  ŋ: "n",
+  Ō: "O",
+  Ŏ: "O",
+  Ő: "O",
+  ō: "o",
+  ŏ: "o",
+  ő: "o",
+  Ŕ: "R",
+  Ŗ: "R",
+  Ř: "R",
+  ŕ: "r",
+  ŗ: "r",
+  ř: "r",
+  Ś: "S",
+  Ŝ: "S",
+  Ş: "S",
+  Š: "S",
+  ś: "s",
+  ŝ: "s",
+  ş: "s",
+  š: "s",
+  Ţ: "T",
+  Ť: "T",
+  Ŧ: "T",
+  ţ: "t",
+  ť: "t",
+  ŧ: "t",
+  Ũ: "U",
+  Ū: "U",
+  Ŭ: "U",
+  Ů: "U",
+  Ű: "U",
+  Ų: "U",
+  ũ: "u",
+  ū: "u",
+  ŭ: "u",
+  ů: "u",
+  ű: "u",
+  ų: "u",
+  Ŵ: "W",
+  ŵ: "w",
+  Ŷ: "Y",
+  ŷ: "y",
+  Ÿ: "Y",
+  Ź: "Z",
+  Ż: "Z",
+  Ž: "Z",
+  ź: "z",
+  ż: "z",
+  ž: "z",
+  IJ: "IJ",
+  ij: "ij",
+  Œ: "Oe",
+  œ: "oe",
+  ʼn: "'n",
+  ſ: "ss"
+}, y = typeof r == "object" && r && r.Object === Object && r, m = typeof self == "object" && self && self.Object === Object && self, O = y || m || Function("return this")();
+function p(u) {
+  return function(e) {
+    return u == null ? void 0 : u[e];
+  };
+}
+var S = p(l), g = Object.prototype, j = g.toString, o = O.Symbol, x = o ? o.prototype : void 0, t = x ? x.toString : void 0;
+function I(u) {
+  if (typeof u == "string")
+    return u;
+  if (A(u))
+    return t ? t.call(u) : "";
+  var e = u + "";
+  return e == "0" && 1 / u == -c ? "-0" : e;
+}
+function E(u) {
+  return !!u && typeof u == "object";
+}
+function A(u) {
+  return typeof u == "symbol" || E(u) && j.call(u) == n;
+}
+function C(u) {
+  return u == null ? "" : I(u);
+}
+function U(u) {
+  return u = C(u), u && u.replace(a, S).replace(s, "");
+}
+var L = U;
+const v = /* @__PURE__ */ f(L);
 export {
-  n as useArray
+  v as default
 };
 //# sourceMappingURL=index243.js.map