bitboss-ui 2.0.7 → 2.0.9

package/dist/index216.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index216.js","sources":["../src/composables/useOptions.ts"],"sourcesContent":["import {\n\tcomputed,\n\tnextTick,\n\tonBeforeMount,\n\tonBeforeUnmount,\n\tref,\n\twatch,\n\ttype Ref,\n} from 'vue';\nimport type { Option as BaseOption } from '@/types/Option';\nimport { last } from '@/utilities/functions/last';\nimport { useArray } from './useArray';\nimport { uniqBy } from '@/utilities/functions/uniqBy';\nimport { useItemValue } from './useItemValue';\nimport { useItemText } from './useItemText';\nimport { hash } from '@/utilities/functions/hash';\nimport { isNotNil } from '@/utilities/functions/isNotNil';\nimport { waitFor } from '@/utilities/functions/waitFor';\nimport { isNil } from '@/utilities/functions/isNil';\n\ntype Options = {\n\tmultiple: boolean;\n\tstash: boolean;\n\titemText: string | ((item: any) => string) | undefined;\n\titemValue: string | ((item: any) => string) | undefined;\n\tmodelValue: Ref<any>;\n\tresetQueryOnOptionSelected: boolean;\n\temit: any;\n\titems: Ref<any>;\n\tenforceCoherence: boolean;\n\tprefill: boolean;\n\tmodelValueDebounceTime: number;\n\tdepsDebounceTime: number;\n\tdependencies: Ref<any[]>;\n\tqueryDebounceTime: number;\n\tdisabled: Ref<boolean>;\n};\n\nexport const useOptions = (params: Options) => {\n\tconst query = ref<string>('');\n\n\tconst lastEmittedValue = ref();\n\tconst updateModelValue = (value: any) => {\n\t\tlastEmittedValue.value = value;\n\t\tparams.emit('update:modelValue', value);\n\t};\n\n\tconst internalItems = ref<any[]>([]);\n\tconst {\n\t\tarray: innerStash,\n\t\tadd: addToStash,\n\t\tremove: removeFromStash,\n\t\tset: setStash,\n\t} = useArray<BaseOption>();\n\n\tconst {\n\t\tarray: manualItems,\n\t\tadd: addToManualItems,\n\t\tremove: removeFromManualItems,\n\t} = useArray<BaseOption>();\n\n\tconst { getItemText } = useItemText();\n\tconst { getItemValue } = useItemValue();\n\tconst createOption = (item: any): BaseOption => {\n\t\tconst disabled = !!(params.disabled.value || item.disabled);\n\t\tconst text = getItemText(item, params.itemText);\n\t\tconst value = getItemValue(item, params.itemValue);\n\n\t\t// Undefined is not supported\n\t\tif (value === undefined)\n\t\t\tthrow new Error(\n\t\t\t\t'The result of extracting \"value\" from option was undefined. Affected item is ' +\n\t\t\t\t\tJSON.stringify(item) +\n\t\t\t\t\t' please check itemValue property is correct.'\n\t\t\t);\n\t\tconst valueHash = hash(value);\n\t\tconst selected = false;\n\t\treturn {\n\t\t\titem,\n\t\t\ttext,\n\t\t\tvalue,\n\t\t\tvalueHash,\n\t\t\tdisabled,\n\t\t\tselected,\n\t\t};\n\t};\n\n\tconst setSelected = (o: BaseOption) => {\n\t\to.selected = isNotNil(modelValueIndexedByHash.value[o.valueHash]);\n\t\treturn o;\n\t};\n\tconst options = computed<BaseOption[]>(() => {\n\t\tconst base = ([] as BaseOption[]).concat(\n\t\t\tinternalItems.value.map((item) => {\n\t\t\t\treturn setSelected(createOption(item));\n\t\t\t}),\n\t\t\tmanualItems.value.map(setSelected),\n\t\t\tinnerStash.value.map(setSelected)\n\t\t);\n\t\treturn uniqBy(base, (o) => o.valueHash);\n\t});\n\n\tconst selectOption = (option: BaseOption) => {\n\t\tif (params.multiple) {\n\t\t\tupdateModelValue(params.modelValue.value.concat(option.value));\n\t\t\tif (params.stash) {\n\t\t\t\taddToStash(option);\n\t\t\t}\n\n\t\t\tif (params.resetQueryOnOptionSelected) {\n\t\t\t\talignQueryToState();\n\t\t\t}\n\t\t} else {\n\t\t\tif (params.stash) {\n\t\t\t\tsetStash(option);\n\t\t\t}\n\t\t\tupdateModelValue(option.value);\n\t\t\tnextTick(() => alignQueryToState());\n\t\t}\n\t};\n\tconst unselectOption = async (option: BaseOption) => {\n\t\tremoveFromManualItems((o) => o.valueHash !== option.valueHash);\n\t\tremoveFromStash((o) => o.valueHash !== option.valueHash);\n\t\tif (params.multiple) {\n\t\t\tconst copy = { ...modelValueIndexedByHash.value };\n\t\t\tdelete copy[option.valueHash];\n\t\t\tupdateModelValue(Object.values(copy));\n\t\t} else {\n\t\t\tupdateModelValue(null);\n\t\t\tawait nextTick();\n\t\t\talignQueryToState();\n\t\t}\n\t};\n\n\t/**\n\t * Indexes modelValue to a map of hash - value pairs so we can easily track which values are selected\n\t */\n\tconst modelValueIndexedByHash = computed(() => {\n\t\tconst map: Record<string, any> = {};\n\t\tconst arr = [].concat(params.modelValue.value);\n\t\tfor (let index = 0; index < arr.length; index++) {\n\t\t\tconst element = arr[index];\n\t\t\tmap[hash(element)] = element;\n\t\t}\n\t\treturn map;\n\t});\n\n\tconst getOptions = async ({ prefill = false }) => {\n\t\tlet items: any[] = [];\n\t\tif (Array.isArray(params.items.value)) {\n\t\t\titems = params.items.value;\n\t\t} else {\n\t\t\tif (typeof params.items.value === 'function') {\n\t\t\t\tconst order = ++innerLoading.value;\n\t\t\t\ttry {\n\t\t\t\t\titems = await params.items.value(\n\t\t\t\t\t\tquery.value,\n\t\t\t\t\t\tprefill,\n\t\t\t\t\t\tparams.modelValue.value\n\t\t\t\t\t);\n\t\t\t\t\t// If by the time this resolves another call has already been made discard this result\n\t\t\t\t\tif (order < innerLoading.value) {\n\t\t\t\t\t\tawait waitFor(() => order === innerLoading.value);\n\t\t\t\t\t\titems = internalItems.value;\n\t\t\t\t\t}\n\t\t\t\t} catch (error) {\n\t\t\t\t\tconsole.error(error);\n\t\t\t\t}\n\t\t\t\tinnerLoading.value--;\n\t\t\t}\n\t\t}\n\t\tinternalItems.value = items as any;\n\t};\n\n\t/**\n\t * Indexes options by their hash so they can be retrieved\n\t */\n\tconst optionsIndexedByHash = computed(() => {\n\t\tconst map: Record<string, BaseOption> = {};\n\t\tfor (let index = 0; index < options.value.length; index++) {\n\t\t\tconst element = options.value[index];\n\t\t\tconst { valueHash } = element;\n\t\t\tmap[valueHash] = element;\n\t\t}\n\t\treturn {\n\t\t\tget: (value: any) => {\n\t\t\t\treturn map[hash(value)];\n\t\t\t},\n\t\t};\n\t});\n\n\t/**\n\t * For every item in modelValue find the linked option if it exists.\n\t * This is used to display chips.\n\t */\n\tconst selectedOptions = computed(() => {\n\t\treturn [].concat(params.modelValue.value).reduce((acc, h) => {\n\t\t\tconst found = optionsIndexedByHash.value.get(h);\n\t\t\tif (found) {\n\t\t\t\tacc.push(found);\n\t\t\t}\n\t\t\treturn acc;\n\t\t}, [] as BaseOption[]);\n\t});\n\n\tconst valueIsSelected = (value: any) =>\n\t\tisNotNil(optionsIndexedByHash.value.get(value));\n\n\tconst alignQueryToState = () => {\n\t\tif (params.multiple) {\n\t\t\tquery.value = '';\n\t\t\treturn;\n\t\t}\n\t\tlet option: BaseOption | undefined;\n\t\tif (selectedOptions.value) {\n\t\t\toption = last(selectedOptions.value);\n\t\t}\n\t\tquery.value = option?.text || '';\n\t};\n\n\t/**\n\t * Add an option to the manual items and then reset the query\n\t */\n\tconst addCurrentQueryToManualItems = () => {\n\t\tconst text = query.value.trim();\n\t\tconst option = createOption(text);\n\t\taddToManualItems(option);\n\t\talignQueryToState();\n\t};\n\n\t/**\n\t * Use a number accumulator because if the fn takes 5 seconds\n\t * and after 2 seconds another search is run\n\t * When the first returns the second is still out for 2 seconds\n\t * and we want to track them both.\n\t * Debounce will not be enough.\n\t */\n\tconst innerLoading = ref(0);\n\n\t/**\n\t * Coherent values are values that have an option they can be linked to.\n\t * Divide coherent and incoherent values.\n\t */\n\n\tconst coherenceStatus = computed(() => {\n\t\treturn [].concat(params.modelValue.value).reduce(\n\t\t\t(acc, curr) => {\n\t\t\t\tif (valueIsSelected(curr)) {\n\t\t\t\t\tacc.coherent.push(curr);\n\t\t\t\t} else {\n\t\t\t\t\tacc.incoherent.push(curr);\n\t\t\t\t}\n\t\t\t\treturn acc;\n\t\t\t},\n\t\t\t{ coherent: [], incoherent: [] }\n\t\t);\n\t});\n\n\t/**\n\t * Model value is considered coherent when:\n\t * - multiple mode is empty\n\t * - single mode is null\n\t */\n\tconst modelValueIsCoherent = computed(() => {\n\t\tif (params.multiple && !params.modelValue.value.length) return true;\n\t\telse if (!params.multiple && isNil(params.modelValue.value)) return true;\n\t\treturn !coherenceStatus.value.incoherent.length;\n\t});\n\n\t/**\n\t * Realign selection state to the passed settings.\n\t * If modelValue has any value that is not coherent while\n\t * coherence is enforced the value should be removed\n\t */\n\tconst alignToCoherenceSettings = () => {\n\t\tif (params.enforceCoherence && !modelValueIsCoherent.value) {\n\t\t\tif (!params.multiple) updateModelValue(null);\n\t\t\telse updateModelValue(coherenceStatus.value.coherent);\n\t\t}\n\t};\n\n\t/**\n\t * Prefilling is the phase where the component understands it needs\n\t * to update its inner items due to a change in state, whether dependencies have changed, items or modelValue have changed.\n\t * It can be intended as the component aligning itself to what state is passed to it.\n\t */\n\tconst hasPrefilled = ref(false);\n\tconst isPrefilling = ref(false);\n\tconst prefillItems = async () => {\n\t\tisPrefilling.value = true;\n\t\tawait getOptions({ prefill: true });\n\t\talignToCoherenceSettings();\n\t\talignQueryToState();\n\t\thasPrefilled.value = true;\n\t\tisPrefilling.value = false;\n\t};\n\n\tonBeforeMount(async () => {\n\t\tif (params.prefill) {\n\t\t\tawait prefillItems();\n\t\t\tif (params.stash) {\n\t\t\t\tsetStash(...selectedOptions.value);\n\t\t\t}\n\t\t}\n\t});\n\n\t/**\n\t * Triggered on input when items is a function.\n\t */\n\n\tlet timeout: ReturnType<typeof setTimeout>;\n\tconst searchByQuery = () => {\n\t\tif (timeout) clearTimeout(timeout);\n\t\ttimeout = setTimeout(async () => {\n\t\t\ttry {\n\t\t\t\tawait getOptions({ prefill: false });\n\t\t\t} catch (error) {\n\t\t\t\tconsole.error(error);\n\t\t\t}\n\t\t}, params.queryDebounceTime);\n\t};\n\tonBeforeUnmount(() => clearTimeout(timeout));\n\n\t/**\n\t * When modelValue changes split behavior for single and multiple selection:\n\t */\n\tlet modelValueTimeout: ReturnType<typeof setTimeout>;\n\twatch(\n\t\t() => params.modelValue.value,\n\t\t() => {\n\t\t\tif (modelValueIsCoherent.value) return;\n\t\t\tif (modelValueTimeout) clearTimeout(modelValueTimeout);\n\t\t\tmodelValueTimeout = setTimeout(async () => {\n\t\t\t\tprefillItems();\n\t\t\t}, params.modelValueDebounceTime);\n\t\t}\n\t);\n\n\t/**\n\t * START DEPENDENCY HANDLING\n\t * Explicit dependencies (props.dependencies) and implicit dependencies (props.items)\n\t * need to trigger a pipeline of realignment whenever they change\n\t */\n\tlet depsTimeout: ReturnType<typeof setTimeout>;\n\n\tconst handleDependencyChange = async (current: any, previous: any) => {\n\t\t// Circumvent arrays defined in the template by the parent triggering the watcher\n\t\tif (hash(previous) === hash(current)) return;\n\t\t// Do not track until prefill completes\n\t\tif (!hasPrefilled.value) return;\n\t\tif (depsTimeout) clearTimeout(depsTimeout);\n\t\tdepsTimeout = setTimeout(async () => {\n\t\t\tawait prefillItems();\n\t\t}, params.depsDebounceTime);\n\t};\n\n\t/**\n\t * This is triggered to refresh static items whenever the passed array changes.\n\t * If the parent defines an array in the template this is triggered\n\t * at every render so we take counter measures\n\t * Even if the entire array changes all the previously selected values are still in the stash.\n\t */\n\twatch(() => params.items.value, handleDependencyChange);\n\n\t/**\n\t * When dependencies change\n\t * If the input has not been prefilled yet just return\n\t * Check dependencies are the same by value and not reference\n\t * Otherwise we search again for options as they might be different base on dependencies.\n\t * If coherence is enforced we set the state accordingly\n\t */\n\twatch(() => params.dependencies.value, handleDependencyChange);\n\n\t/**\n\t * END DEPENDENCIES HANDLING\n\t */\n\n\treturn {\n\t\taddCurrentQueryToManualItems,\n\t\talignQueryToState,\n\t\tgetOptions,\n\t\thasPrefilled,\n\t\tinnerLoading,\n\t\tisPrefilling,\n\t\tmanualItems,\n\t\toptions,\n\t\tprefillItems,\n\t\tquery,\n\t\tsearchByQuery,\n\t\tselectedOptions,\n\t\tselectOption,\n\t\tsetStash,\n\t\tunselectOption,\n\t\tupdateModelValue,\n\t\tvalueIsSelected,\n\t\tinternalItems,\n\t};\n};\n"],"names":["useOptions","params","query","ref","lastEmittedValue","updateModelValue","value","internalItems","innerStash","addToStash","removeFromStash","setStash","useArray","manualItems","addToManualItems","removeFromManualItems","getItemText","useItemText","getItemValue","useItemValue","createOption","item","disabled","text","valueHash","hash","setSelected","o","isNotNil","modelValueIndexedByHash","options","computed","base","uniqBy","selectOption","option","alignQueryToState","nextTick","unselectOption","copy","map","arr","index","element","getOptions","prefill","items","order","innerLoading","waitFor","error","optionsIndexedByHash","selectedOptions","acc","h","found","valueIsSelected","last","addCurrentQueryToManualItems","coherenceStatus","curr","modelValueIsCoherent","isNil","alignToCoherenceSettings","hasPrefilled","isPrefilling","prefillItems","onBeforeMount","timeout","searchByQuery","onBeforeUnmount","modelValueTimeout","watch","depsTimeout","handleDependencyChange","current","previous"],"mappings":"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"}

package/dist/index217.js

@@ -1,16 +1,87 @@
-import { openBlock as t, createElementBlock as n, renderSlot as e } from "vue";
-/* empty css         */
-import r from "./index260.js";
-const s = {}, c = { class: "bb-common-input-outer-container" };
-function p(o, a) {
-  return t(), n("span", c, [
-    e(o.$slots, "prepend-outer"),
-    e(o.$slots, "default"),
-    e(o.$slots, "append-outer")
-  ]);
-}
-const i = /* @__PURE__ */ r(s, [["render", p]]);
+import { defineComponent as b, openBlock as n, createElementBlock as s, normalizeClass as r, createElementVNode as l, renderSlot as t, createTextVNode as o, toDisplayString as d, createCommentVNode as h, Fragment as c, renderList as m } from "vue";
+const p = { class: "bb-cr-container__container" }, u = {
+  key: 0,
+  class: "bb-cr-container__loading-container"
+}, g = {
+  key: 1,
+  class: "bb-cr-container__no-data-container"
+}, _ = /* @__PURE__ */ b({
+  __name: "OptionsContainer",
+  props: {
+    direction: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    loadingText: {},
+    loading: { type: Boolean },
+    noDataText: {},
+    options: {}
+  },
+  setup(k) {
+    return (a, $) => (n(), s("span", {
+      ref: "container",
+      class: r(["bb-cr-container", {
+        "bb-cr-container--errors": a.hasErrors,
+        "bb-cr-container--horizontal": a.direction === "horizontal",
+        "bb-cr-container--vertical": a.direction === "vertical"
+      }])
+    }, [
+      l("span", p, [
+        t(a.$slots, "prepend"),
+        !a.options.length && a.loading ? (n(), s("span", u, [
+          t(a.$slots, "loading", {}, () => [
+            o(d(a.loadingText), 1)
+          ])
+        ])) : a.options.length ? h("", !0) : (n(), s("span", g, [
+          t(a.$slots, "no-data", {}, () => [
+            o(d(a.noDataText), 1)
+          ])
+        ])),
+        (n(!0), s(c, null, m(a.options, (e, i) => (n(), s(c, {
+          key: (e == null ? void 0 : e.id) || i
+        }, [
+          t(a.$slots, "option:prepend", {
+            id: e.valueHash,
+            checked: !!e.selected,
+            disabled: !!e.disabled,
+            item: e.item,
+            text: e.text
+          }),
+          l("label", {
+            class: r(["bb-cr-container-option", { "bb-base-radio-selected": e.selected }])
+          }, [
+            t(a.$slots, "input", {
+              index: i,
+              option: e
+            }),
+            l("span", {
+              class: r({
+                "bb-cr-container-option__text": !0,
+                "bb-cr-container-option__text--hidden": a.hideLabel
+              })
+            }, [
+              t(a.$slots, "label", {
+                checked: !!e.selected,
+                item: e.item,
+                text: e.text
+              }, () => [
+                o(d(e.text), 1)
+              ])
+            ], 2)
+          ], 2),
+          t(a.$slots, "option:append", {
+            id: e.valueHash,
+            checked: !!e.selected,
+            disabled: !!e.disabled,
+            item: e.item,
+            text: e.text
+          })
+        ], 64))), 128)),
+        t(a.$slots, "append")
+      ])
+    ], 2));
+  }
+});
 export {
-  i as default
+  _ as default
 };
 //# sourceMappingURL=index217.js.map

package/dist/index217.js.map

@@ -1 +1 @@
-{"version":3,"file":"index217.js","sources":["../src/components/CommonInputOuterContainer.vue"],"sourcesContent":["<template>\n\t<span class=\"bb-common-input-outer-container\">\n\t\t<slot name=\"prepend-outer\" />\n\t\t<slot />\n\t\t<slot name=\"append-outer\" />\n\t</span>\n</template>\n\n<script setup lang=\"ts\"></script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/CommonInputInnerContainer';\n</style>\n"],"names":["_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_hoisted_1","_renderSlot"],"mappings":";;;;AACC,SAAAA,EAAAC,GAAAC,GAAA;SAC8BC,EAAA,GAAAC,EAAA,QAAAC,GAAA;AAAA,IAC7BC,EAAQL,EAAA,QAAA,eAAA;AAAA,IACRK,EAA4BL,EAAA,QAAA,SAAA;AAAA;;;;"}
+{"version":3,"file":"index217.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index219.js

@@ -1,372 +1,84 @@
-import { offset as et, shift as it, flip as nt, hide as ot, arrow as st, computePosition as rt } from "./index275.js";
-import { createCoords as b, rectToClientRect as X, round as D, floor as A, max as T, min as z } from "./index276.js";
-import { getOverflowAncestors as $, isElement as x, getWindow as E, getFrameElement as U, getComputedStyle as y, getDocumentElement as C, isHTMLElement as R, isWebKit as j, isTopLayer as S, getNodeName as M, isOverflowElement as _, getNodeScroll as H, getParentNode as W, isLastTraversableNode as N, isTableElement as ct, isContainingBlock as G, getContainingBlock as lt } from "./index256.js";
-function J(t) {
-  const e = y(t);
-  let n = parseFloat(e.width) || 0, i = parseFloat(e.height) || 0;
-  const o = R(t), c = o ? t.offsetWidth : n, s = o ? t.offsetHeight : i, r = D(n) !== c || D(i) !== s;
-  return r && (n = c, i = s), {
-    width: n,
-    height: i,
-    $: r
-  };
-}
-function k(t) {
-  return x(t) ? t : t.contextElement;
-}
-function F(t) {
-  const e = k(t);
-  if (!R(e))
-    return b(1);
-  const n = e.getBoundingClientRect(), {
-    width: i,
-    height: o,
-    $: c
-  } = J(e);
-  let s = (c ? D(n.width) : n.width) / i, r = (c ? D(n.height) : n.height) / o;
-  return (!s || !Number.isFinite(s)) && (s = 1), (!r || !Number.isFinite(r)) && (r = 1), {
-    x: s,
-    y: r
-  };
-}
-const ft = /* @__PURE__ */ b(0);
-function Q(t) {
-  const e = E(t);
-  return !j() || !e.visualViewport ? ft : {
-    x: e.visualViewport.offsetLeft,
-    y: e.visualViewport.offsetTop
-  };
-}
-function ut(t, e, n) {
-  return e === void 0 && (e = !1), !n || e && n !== E(t) ? !1 : e;
+import { getCurrentScope as g, onScopeDispose as D, unref as x, onMounted as O, nextTick as S, isRef as C, getCurrentInstance as F } from "vue";
+function G(e) {
+  return g() ? (D(e), !0) : !1;
 }
-function L(t, e, n, i) {
-  e === void 0 && (e = !1), n === void 0 && (n = !1);
-  const o = t.getBoundingClientRect(), c = k(t);
-  let s = b(1);
-  e && (i ? x(i) && (s = F(i)) : s = F(t));
-  const r = ut(c, n, i) ? Q(c) : b(0);
-  let l = (o.left + r.x) / s.x, f = (o.top + r.y) / s.y, u = o.width / s.x, h = o.height / s.y;
-  if (c) {
-    const m = E(c), g = i && x(i) ? E(i) : i;
-    let v = m, a = U(v);
-    for (; a && i && g !== v; ) {
-      const p = F(a), d = a.getBoundingClientRect(), w = y(a), O = d.left + (a.clientLeft + parseFloat(w.paddingLeft)) * p.x, B = d.top + (a.clientTop + parseFloat(w.paddingTop)) * p.y;
-      l *= p.x, f *= p.y, u *= p.x, h *= p.y, l += O, f += B, v = E(a), a = U(v);
-    }
-  }
-  return X({
-    width: u,
-    height: h,
-    x: l,
-    y: f
-  });
+function d(e) {
+  return typeof e == "function" ? e() : x(e);
 }
-function ht(t) {
-  let {
-    elements: e,
-    rect: n,
-    offsetParent: i,
-    strategy: o
-  } = t;
-  const c = o === "fixed", s = C(i), r = e ? S(e.floating) : !1;
-  if (i === s || r && c)
-    return n;
-  let l = {
-    scrollLeft: 0,
-    scrollTop: 0
-  }, f = b(1);
-  const u = b(0), h = R(i);
-  if ((h || !h && !c) && ((M(i) !== "body" || _(s)) && (l = H(i)), R(i))) {
-    const m = L(i);
-    f = F(i), u.x = m.x + i.clientLeft, u.y = m.y + i.clientTop;
-  }
-  return {
-    width: n.width * f.x,
-    height: n.height * f.y,
-    x: n.x * f.x - l.scrollLeft * f.x + u.x,
-    y: n.y * f.y - l.scrollTop * f.y + u.y
-  };
-}
-function at(t) {
-  return Array.from(t.getClientRects());
-}
-function Y(t) {
-  return L(C(t)).left + H(t).scrollLeft;
-}
-function dt(t) {
-  const e = C(t), n = H(t), i = t.ownerDocument.body, o = T(e.scrollWidth, e.clientWidth, i.scrollWidth, i.clientWidth), c = T(e.scrollHeight, e.clientHeight, i.scrollHeight, i.clientHeight);
-  let s = -n.scrollLeft + Y(t);
-  const r = -n.scrollTop;
-  return y(i).direction === "rtl" && (s += T(e.clientWidth, i.clientWidth) - o), {
-    width: o,
-    height: c,
-    x: s,
-    y: r
-  };
-}
-function gt(t, e) {
-  const n = E(t), i = C(t), o = n.visualViewport;
-  let c = i.clientWidth, s = i.clientHeight, r = 0, l = 0;
-  if (o) {
-    c = o.width, s = o.height;
-    const f = j();
-    (!f || f && e === "fixed") && (r = o.offsetLeft, l = o.offsetTop);
-  }
-  return {
-    width: c,
-    height: s,
-    x: r,
-    y: l
-  };
-}
-function pt(t, e) {
-  const n = L(t, !0, e === "fixed"), i = n.top + t.clientTop, o = n.left + t.clientLeft, c = R(t) ? F(t) : b(1), s = t.clientWidth * c.x, r = t.clientHeight * c.y, l = o * c.x, f = i * c.y;
-  return {
-    width: s,
-    height: r,
-    x: l,
-    y: f
-  };
-}
-function K(t, e, n) {
-  let i;
-  if (e === "viewport")
-    i = gt(t, n);
-  else if (e === "document")
-    i = dt(C(t));
-  else if (x(e))
-    i = pt(e, n);
-  else {
-    const o = Q(t);
-    i = {
-      ...e,
-      x: e.x - o.x,
-      y: e.y - o.y
-    };
-  }
-  return X(i);
-}
-function Z(t, e) {
-  const n = W(t);
-  return n === e || !x(n) || N(n) ? !1 : y(n).position === "fixed" || Z(n, e);
-}
-function wt(t, e) {
-  const n = e.get(t);
-  if (n)
-    return n;
-  let i = $(t, [], !1).filter((r) => x(r) && M(r) !== "body"), o = null;
-  const c = y(t).position === "fixed";
-  let s = c ? W(t) : t;
-  for (; x(s) && !N(s); ) {
-    const r = y(s), l = G(s);
-    !l && r.position === "fixed" && (o = null), (c ? !l && !o : !l && r.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || _(s) && !l && Z(t, s)) ? i = i.filter((u) => u !== s) : o = r, s = W(s);
+const L = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const V = (e) => e != null, P = Object.prototype.toString, A = (e) => P.call(e) === "[object Object]", m = () => {
+};
+function h(e, r) {
+  function t(...n) {
+    return new Promise((o, i) => {
+      Promise.resolve(e(() => r.apply(this, n), { fn: r, thisArg: this, args: n })).then(o).catch(i);
+    });
   }
-  return e.set(t, i), i;
+  return t;
 }
-function mt(t) {
-  let {
-    element: e,
-    boundary: n,
-    rootBoundary: i,
-    strategy: o
-  } = t;
-  const s = [...n === "clippingAncestors" ? S(e) ? [] : wt(e, this._c) : [].concat(n), i], r = s[0], l = s.reduce((f, u) => {
-    const h = K(e, u, o);
-    return f.top = T(h.top, f.top), f.right = z(h.right, f.right), f.bottom = z(h.bottom, f.bottom), f.left = T(h.left, f.left), f;
-  }, K(e, r, o));
-  return {
-    width: l.right - l.left,
-    height: l.bottom - l.top,
-    x: l.left,
-    y: l.top
+function W(e, r = {}) {
+  let t, n, o = m;
+  const i = (l) => {
+    clearTimeout(l), o(), o = m;
   };
-}
-function vt(t) {
-  const {
-    width: e,
-    height: n
-  } = J(t);
-  return {
-    width: e,
-    height: n
+  return (l) => {
+    const c = d(e), u = d(r.maxWait);
+    return t && i(t), c <= 0 || u !== void 0 && u <= 0 ? (n && (i(n), n = null), Promise.resolve(l())) : new Promise((s, T) => {
+      o = r.rejectOnCancel ? T : s, u && !n && (n = setTimeout(() => {
+        t && i(t), n = null, s(l());
+      }, u)), t = setTimeout(() => {
+        n && i(n), n = null, s(l());
+      }, c);
+    });
   };
 }
-function xt(t, e, n) {
-  const i = R(e), o = C(e), c = n === "fixed", s = L(t, !0, c, e);
-  let r = {
-    scrollLeft: 0,
-    scrollTop: 0
+function M(...e) {
+  let r = 0, t, n = !0, o = m, i, a, l, c, u;
+  !C(e[0]) && typeof e[0] == "object" ? { delay: a, trailing: l = !0, leading: c = !0, rejectOnCancel: u = !1 } = e[0] : [a, l = !0, c = !0, u = !1] = e;
+  const s = () => {
+    t && (clearTimeout(t), t = void 0, o(), o = m);
   };
-  const l = b(0);
-  if (i || !i && !c)
-    if ((M(e) !== "body" || _(o)) && (r = H(e)), i) {
-      const h = L(e, !0, c, e);
-      l.x = h.x + e.clientLeft, l.y = h.y + e.clientTop;
-    } else o && (l.x = Y(o));
-  const f = s.left + r.scrollLeft - l.x, u = s.top + r.scrollTop - l.y;
-  return {
-    x: f,
-    y: u,
-    width: s.width,
-    height: s.height
+  return (w) => {
+    const f = d(a), y = Date.now() - r, p = () => i = w();
+    return s(), f <= 0 ? (r = Date.now(), p()) : (y > f && (c || !n) ? (r = Date.now(), p()) : l && (i = new Promise((b, j) => {
+      o = u ? j : b, t = setTimeout(() => {
+        r = Date.now(), n = !0, b(p()), s();
+      }, Math.max(0, f - y));
+    })), !c && !t && (t = setTimeout(() => n = !0, f)), n = !1, i);
   };
 }
-function V(t) {
-  return y(t).position === "static";
-}
-function P(t, e) {
-  return !R(t) || y(t).position === "fixed" ? null : e ? e(t) : t.offsetParent;
-}
-function tt(t, e) {
-  const n = E(t);
-  if (S(t))
-    return n;
-  if (!R(t)) {
-    let o = W(t);
-    for (; o && !N(o); ) {
-      if (x(o) && !V(o))
-        return o;
-      o = W(o);
-    }
-    return n;
-  }
-  let i = P(t, e);
-  for (; i && ct(i) && V(i); )
-    i = P(i, e);
-  return i && N(i) && V(i) && !G(i) ? n : i || lt(t) || n;
+function R(e) {
+  return F();
 }
-const yt = async function(t) {
-  const e = this.getOffsetParent || tt, n = this.getDimensions, i = await n(t.floating);
-  return {
-    reference: xt(t.reference, await e(t.floating), t.strategy),
-    floating: {
-      x: 0,
-      y: 0,
-      width: i.width,
-      height: i.height
-    }
-  };
-};
-function bt(t) {
-  return y(t).direction === "rtl";
+function E(e, r = 200, t = {}) {
+  return h(
+    W(r, t),
+    e
+  );
 }
-const Rt = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: ht,
-  getDocumentElement: C,
-  getClippingRect: mt,
-  getOffsetParent: tt,
-  getElementRects: yt,
-  getClientRects: at,
-  getDimensions: vt,
-  getScale: F,
-  isElement: x,
-  isRTL: bt
-};
-function Ct(t, e) {
-  let n = null, i;
-  const o = C(t);
-  function c() {
-    var r;
-    clearTimeout(i), (r = n) == null || r.disconnect(), n = null;
-  }
-  function s(r, l) {
-    r === void 0 && (r = !1), l === void 0 && (l = 1), c();
-    const {
-      left: f,
-      top: u,
-      width: h,
-      height: m
-    } = t.getBoundingClientRect();
-    if (r || e(), !h || !m)
-      return;
-    const g = A(u), v = A(o.clientWidth - (f + h)), a = A(o.clientHeight - (u + m)), p = A(f), w = {
-      rootMargin: -g + "px " + -v + "px " + -a + "px " + -p + "px",
-      threshold: T(0, z(1, l)) || 1
-    };
-    let O = !0;
-    function B(q) {
-      const I = q[0].intersectionRatio;
-      if (I !== l) {
-        if (!O)
-          return s();
-        I ? s(!1, I) : i = setTimeout(() => {
-          s(!1, 1e-7);
-        }, 1e3);
-      }
-      O = !1;
-    }
-    try {
-      n = new IntersectionObserver(B, {
-        ...w,
-        // Handle <iframe>s
-        root: o.ownerDocument
-      });
-    } catch {
-      n = new IntersectionObserver(B, w);
-    }
-    n.observe(t);
-  }
-  return s(!0), c;
+function I(e, r = 200, t = !1, n = !0, o = !1) {
+  return h(
+    M(r, t, n, o),
+    e
+  );
 }
-function Tt(t, e, n, i) {
-  i === void 0 && (i = {});
-  const {
-    ancestorScroll: o = !0,
-    ancestorResize: c = !0,
-    elementResize: s = typeof ResizeObserver == "function",
-    layoutShift: r = typeof IntersectionObserver == "function",
-    animationFrame: l = !1
-  } = i, f = k(t), u = o || c ? [...f ? $(f) : [], ...$(e)] : [];
-  u.forEach((d) => {
-    o && d.addEventListener("scroll", n, {
-      passive: !0
-    }), c && d.addEventListener("resize", n);
-  });
-  const h = f && r ? Ct(f, n) : null;
-  let m = -1, g = null;
-  s && (g = new ResizeObserver((d) => {
-    let [w] = d;
-    w && w.target === f && g && (g.unobserve(e), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
-      var O;
-      (O = g) == null || O.observe(e);
-    })), n();
-  }), f && !l && g.observe(f), g.observe(e));
-  let v, a = l ? L(t) : null;
-  l && p();
-  function p() {
-    const d = L(t);
-    a && (d.x !== a.x || d.y !== a.y || d.width !== a.width || d.height !== a.height) && n(), a = d, v = requestAnimationFrame(p);
-  }
-  return n(), () => {
-    var d;
-    u.forEach((w) => {
-      o && w.removeEventListener("scroll", n), c && w.removeEventListener("resize", n);
-    }), h == null || h(), (d = g) == null || d.disconnect(), g = null, l && cancelAnimationFrame(v);
-  };
+function N(e, r = !0, t) {
+  R() ? O(e, t) : r ? e() : S(e);
 }
-const Ft = et, Wt = it, Bt = nt, At = ot, Dt = st, Nt = (t, e, n) => {
-  const i = /* @__PURE__ */ new Map(), o = {
-    platform: Rt,
-    ...n
-  }, c = {
-    ...o.platform,
-    _c: i
-  };
-  return rt(t, e, {
-    ...o,
-    platform: c
-  });
-};
 export {
-  Dt as arrow,
-  Tt as autoUpdate,
-  Nt as computePosition,
-  Bt as flip,
-  $ as getOverflowAncestors,
-  At as hide,
-  Ft as offset,
-  Rt as platform,
-  Wt as shift
+  h as createFilterWrapper,
+  W as debounceFilter,
+  R as getLifeCycleTarget,
+  L as isClient,
+  A as isObject,
+  m as noop,
+  V as notNullish,
+  M as throttleFilter,
+  d as toValue,
+  N as tryOnMounted,
+  G as tryOnScopeDispose,
+  E as useDebounceFn,
+  I as useThrottleFn
 };
 //# sourceMappingURL=index219.js.map