@caipira/tamandua 0.0.48 → 0.0.50

package/dist/plugins.js

@@ -24,19 +24,19 @@ import { p as X } from "./plugin-DOeDaXWj.js";
 import "./Icon.vue_vue_type_script_setup_true_lang-DXUyEtqW.js";
 import { p as Z } from "./plugin-Dk3KBChD.js";
 import { p as $ } from "./plugin--F5QK2vy.js";
-import "./InputCheckbox.vue_vue_type_style_index_0_lang-D5J-rPuH.js";
-import { p as or } from "./plugin-DPCk5fFS.js";
+import "./InputCheckbox.vue_vue_type_style_index_0_lang-DnRqQiOj.js";
+import { p as or } from "./plugin-4XhHBTQc.js";
 import { p as tr } from "./plugin-Bq4nQPd4.js";
 import { p as er } from "./plugin-D9KHvOM3.js";
 import { p as nr } from "./plugin-BtF6kCcf.js";
 import { p as ur } from "./plugin-Br-QOjhk.js";
 import { p as Pr } from "./plugin-BT2ef1QG.js";
 import { p as gr } from "./plugin-CrHDShgh.js";
-import { p as fr } from "./plugin-z8Hr_T_O.js";
+import { p as fr } from "./plugin-CQ-FpZui.js";
 import "./InputRadio.vue_vue_type_style_index_0_lang-DusKEybQ.js";
 import { p as cr } from "./plugin-Y4yYnlO3.js";
-import "./InputSelect.vue_vue_type_script_setup_true_lang-BDqMGvuy.js";
-import { p as yr } from "./plugin-XDIORJya.js";
+import "./InputSelect.vue_vue_type_script_setup_true_lang-B89uyzj-.js";
+import { p as yr } from "./plugin-C77cnZuW.js";
 import { p as Cr } from "./plugin-BZOU6h10.js";
 import { p as br } from "./plugin-lYDlOt8p.js";
 import { p as Sr } from "./plugin-BQFwx3d5.js";
@@ -44,7 +44,7 @@ import "./Link.vue_vue_type_script_setup_true_lang-gTf77Jvd.js";
 import { p as vr } from "./plugin-DHstqRmE.js";
 import { p as Dr } from "./plugin-DKjcKBPg.js";
 import { p as Lr } from "./plugin-DNXazWwT.js";
-import { p as Ar } from "./plugin-YUomn9tF.js";
+import { p as Ar } from "./plugin-43qPVkHg.js";
 import "./Popconfirm.vue_vue_type_script_setup_true_lang-XyjBUx0p.js";
 import { p as Er } from "./plugin-Ee4Z5Rtp.js";
 import "./Popover.vue_vue_type_script_setup_true_lang-dnL75W40.js";

package/dist/tamandua.js

@@ -1,4 +1,4 @@
-import { p as n } from "./plugins-CfuHgVBl.js";
+import { p as n } from "./plugins-D9rFe9qY.js";
 const o = {
   install(s) {
     for (const i in n)

package/dist/types/components/InputPrice/InputPrice.story.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Price: (args: any) => {
+    setup(): {
+        args: any;
+        onEnter: (newValue: any) => void;
+        onUpdate: (newValue: any) => void;
+        getCurrencies: () => Promise<unknown>;
+    };
+    template: string;
+};

package/dist/types/components/InputPrice/InputPrice.vue.d.ts

@@ -8,7 +8,10 @@ declare const _default: import('vue').DefineComponent<{
     disabled: {
         type: import("vue").PropType<boolean>;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    keyup: (val: KeyboardEvent) => void;
+    blur: (val: Event) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: import("vue").PropType<InputPriceModel>;
     resource: {
         type: import("vue").PropType<() => any>;
@@ -16,5 +19,8 @@ declare const _default: import('vue').DefineComponent<{
     disabled: {
         type: import("vue").PropType<boolean>;
     };
-}>>, {}, {}>;
+}>> & {
+    onBlur?: ((val: Event) => any) | undefined;
+    onKeyup?: ((val: KeyboardEvent) => any) | undefined;
+}, {}, {}>;
 export default _default;

package/dist/types/components/InputPrice/types.d.ts

@@ -6,4 +6,7 @@ export type InputPriceProps = {
     resource?: () => any;
     disabled?: boolean;
 };
-export type InputPriceEvents = {};
+export type InputPriceEvents = {
+    (e: "keyup", val: KeyboardEvent): void;
+    (e: "blur", val: Event): void;
+};

package/dist/types/components/InputSelect/InputSelect.vue.d.ts

@@ -1,43 +1,135 @@
 import { ElementSize, ElementPosition } from '../../enums/ui.js';
-import { InputSelectProps, InputSelectOption, SelectValuePrimitives } from './types.js';
+import { InputSelectValue, InputSelectOption, SelectValuePrimitives } from './types.js';
 import { APISearchFilters } from '../../types/api.js';
 import { Pagination } from '../../types/ui.js';
 
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<InputSelectProps>, {
-    size: ElementSize;
-    options: () => never[];
-    mapper: (i: any) => InputSelectOption;
-    filter: (input: string, option: InputSelectOption) => boolean;
-    tooltip: string;
-    multiple: boolean;
-    placeholder: string;
-    isSearchable: boolean;
-    dropdownPlacement: ElementPosition;
-    /**
-     * CSS Classes
-     */
-    widthClass: string;
-    borderClass: string;
-    roundnessClass: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
+    modelValue: import("vue").PropType<InputSelectValue>;
+    filter: {
+        type: import("vue").PropType<(input: string, option: InputSelectOption) => boolean>;
+        default: (input: string, option: InputSelectOption) => boolean;
+    };
+    size: {
+        type: import("vue").PropType<ElementSize>;
+        default: ElementSize;
+    };
+    multiple: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    options: {
+        type: import("vue").PropType<InputSelectOption[]>;
+        default: () => never[];
+    };
+    initialValue: {
+        type: import("vue").PropType<any>;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    resource: {
+        type: import("vue").PropType<(filters?: APISearchFilters | undefined) => Promise<{
+            items: unknown[];
+            pagination: Pagination;
+        }>>;
+    };
+    mapper: {
+        type: import("vue").PropType<(i: any) => InputSelectOption>;
+        default: (i: any) => InputSelectOption;
+    };
+    tooltip: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    isSearchable: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    dropdownPlacement: {
+        type: import("vue").PropType<"top-start" | "top" | "top-end" | "right-start" | "right" | "right-end" | "bottom-end" | "bottom" | "bottom-start" | "left-end" | "left" | "left-start">;
+        default: ElementPosition;
+    };
+    widthClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    borderClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    roundnessClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:model-value": (val: any) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<InputSelectProps>, {
-    size: ElementSize;
-    options: () => never[];
-    mapper: (i: any) => InputSelectOption;
-    filter: (input: string, option: InputSelectOption) => boolean;
-    tooltip: string;
-    multiple: boolean;
-    placeholder: string;
-    isSearchable: boolean;
-    dropdownPlacement: ElementPosition;
-    /**
-     * CSS Classes
-     */
-    widthClass: string;
-    borderClass: string;
-    roundnessClass: string;
-}>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: import("vue").PropType<InputSelectValue>;
+    filter: {
+        type: import("vue").PropType<(input: string, option: InputSelectOption) => boolean>;
+        default: (input: string, option: InputSelectOption) => boolean;
+    };
+    size: {
+        type: import("vue").PropType<ElementSize>;
+        default: ElementSize;
+    };
+    multiple: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    options: {
+        type: import("vue").PropType<InputSelectOption[]>;
+        default: () => never[];
+    };
+    initialValue: {
+        type: import("vue").PropType<any>;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    resource: {
+        type: import("vue").PropType<(filters?: APISearchFilters | undefined) => Promise<{
+            items: unknown[];
+            pagination: Pagination;
+        }>>;
+    };
+    mapper: {
+        type: import("vue").PropType<(i: any) => InputSelectOption>;
+        default: (i: any) => InputSelectOption;
+    };
+    tooltip: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    isSearchable: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    dropdownPlacement: {
+        type: import("vue").PropType<"top-start" | "top" | "top-end" | "right-start" | "right" | "right-end" | "bottom-end" | "bottom" | "bottom-start" | "left-end" | "left" | "left-start">;
+        default: ElementPosition;
+    };
+    widthClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    borderClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    roundnessClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>> & {
     "onUpdate:model-value"?: ((val: any) => any) | undefined;
 }, {
     filter: (input: string, option: InputSelectOption) => boolean;
@@ -84,23 +176,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     default?(_: any): any;
 }>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/types/components/InputSelect/types.d.ts

@@ -48,7 +48,6 @@ export type InputSelectProps = {
         pagination: Pagination;
     }>;
     multiple?: boolean;
-    modelValue?: InputSelectValue;
     placeholder?: string;
     initialValue?: any;
     /** Indicates whether the user can search the options */

package/dist/types/components/Pagination/Pagination.story.d.ts

@@ -1,5 +1,13 @@
 declare const _default: {
     title: string;
+    args: {
+        hasPageSize: boolean;
+        showDescription: boolean;
+        pagination: {
+            page: number;
+            pages: number;
+        };
+    };
 };
 export default _default;
 export declare const Pagination: (args: any) => {

package/dist/types/components/Pagination/Pagination.vue.d.ts

@@ -4,6 +4,7 @@ import { Pagination } from '../../types/ui.js';
 declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PaginationProps>, {
     disabled: boolean;
     pagination: () => Pagination;
+    hasPageSize: boolean;
     pageLengths: () => number[];
     showDescription: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -11,6 +12,7 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PaginationProps>, {
     disabled: boolean;
     pagination: () => Pagination;
+    hasPageSize: boolean;
     pageLengths: () => number[];
     showDescription: boolean;
 }>>> & {
@@ -18,6 +20,7 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
 }, {
     disabled: boolean;
     pagination: Pagination;
+    hasPageSize: boolean;
     pageLengths: number[];
     showDescription: boolean;
 }, {}>;

package/dist/types/components/Pagination/types.d.ts

@@ -3,6 +3,7 @@ import { Pagination } from '../../types/ui.js';
 export type PaginationProps = {
     disabled?: boolean;
     pagination?: Pagination;
+    hasPageSize?: boolean;
     pageLengths?: Array<number>;
     showDescription: boolean;
 };

package/dist/types/types/ui.d.ts

@@ -1,19 +1,19 @@
 import { ElementPosition, ToastVariant } from '../enums/ui.js';
 
-export interface Pagination {
+export type Pagination = {
     /** Amount of items in current page */
-    items: number;
+    items?: number;
     /** Current page */
     page: number;
     /** Amount of pages */
     pages: number;
     /** Amount of items per page */
-    perPage: number;
+    perPage?: number;
     /** Amount of items being skipped */
-    skip: number;
+    skip?: number;
     /** Total number of items */
-    totalItems: number;
-}
+    totalItems?: number;
+};
 export type TableColumn = {
     title?: string;
 } & ({

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@caipira/tamandua",
-    "version": "0.0.48",
+    "version": "0.0.50",
     "private": false,
     "description": "UI library for the Caipira ecosystem",
     "license": "GPL-3.0-only",

package/dist/InputPrice.vue_vue_type_script_setup_true_lang-BX4rsYIr.js

@@ -1,67 +0,0 @@
-import { defineComponent as p, mergeModels as c, useModel as m, watch as v, resolveComponent as b, openBlock as f, createElementBlock as _, createVNode as g, withDirectives as h, createElementVNode as x, vModelText as N } from "vue";
-const I = {
-  options: {
-    precision: 2
-  },
-  inputToPriceNumber(r) {
-    return r = r.replace(/[^0-9]/g, "").trim(), r ? parseFloat(r) / Math.pow(10, this.options.precision) : void 0;
-  }
-}, M = { class: "flex items-center h-9 w-full input-bg-color input-text-color border input-border input-roundness" }, P = ["disabled"], y = /* @__PURE__ */ p({
-  name: "TInputPrice",
-  inheritAttrs: !1,
-  __name: "InputPrice",
-  props: /* @__PURE__ */ c({
-    resource: { type: Function },
-    disabled: { type: Boolean }
-  }, {
-    modelValue: {
-      default: {
-        iso: "",
-        value: void 0
-      }
-    },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(r, { emit: n }) {
-    const t = m(r, "modelValue"), i = r, u = (e) => ({
-      label: e.symbol,
-      value: e.iso
-    }), a = (e, o) => {
-      if (o === void 0) {
-        t.value = { ...t.value };
-        return;
-      }
-      e?.value && e.value !== o?.value && (t.value.value = e.value), e?.iso && e.iso !== o?.iso && (t.value.iso = e.iso);
-    }, d = (e) => {
-      const s = e.target.value;
-      return t.value.value = I.inputToPriceNumber(s), !1;
-    };
-    return v(t, a, { immediate: !0 }), (e, o) => {
-      const s = b("t-input-select");
-      return f(), _("div", M, [
-        g(s, {
-          modelValue: t.value.iso,
-          "onUpdate:modelValue": o[0] || (o[0] = (l) => t.value.iso = l),
-          resource: i.resource,
-          mapper: u,
-          "width-class": "w-20",
-          "border-class": "border-t border-r border-b input-border",
-          "roundness-class": ""
-        }, null, 8, ["modelValue", "resource"]),
-        h(x("input", {
-          "onUpdate:modelValue": o[1] || (o[1] = (l) => t.value.value = l),
-          type: "text",
-          class: "w-full h-full input-bg-color input-text-color input-outline input-roundness input-padding",
-          disabled: i.disabled,
-          onInput: d
-        }, null, 40, P), [
-          [N, t.value.value]
-        ])
-      ]);
-    };
-  }
-});
-export {
-  y as _
-};

package/dist/InputSelect.vue_vue_type_script_setup_true_lang-BDqMGvuy.js

@@ -1,227 +0,0 @@
-import { defineComponent as le, ref as p, computed as I, onBeforeMount as te, watch as D, resolveComponent as w, openBlock as u, createBlock as C, normalizeClass as S, withCtx as x, createElementVNode as ae, withDirectives as oe, createElementBlock as c, vModelText as ne, createCommentVNode as R, createVNode as O, renderSlot as k, normalizeProps as g, mergeProps as z, Fragment as B, renderList as M, guardReactiveProps as K, toDisplayString as ue, createSlots as se, nextTick as ie } from "vue";
-import { a as re, E as pe } from "./ui-BC6H9E93.js";
-const ce = ["placeholder", "disabled", "readonly"], de = { key: 1 }, fe = {
-  key: 0,
-  class: "inline-flex w-full justify-between items-center"
-}, ve = {
-  key: 1,
-  class: "inline-flex items-center"
-}, he = /* @__PURE__ */ le({
-  name: "TInputSelect",
-  __name: "InputSelect",
-  props: {
-    size: { default: re.Default },
-    options: { default: () => [] },
-    mapper: { type: Function, default: (f) => ({
-      value: f.id ?? f.uuid,
-      label: f
-    }) },
-    filter: { type: Function, default: (f, T) => T.label.toLowerCase().indexOf(f.toLowerCase()) >= 0 },
-    tooltip: { default: "" },
-    disabled: { type: Boolean },
-    resource: {},
-    multiple: { type: Boolean, default: !1 },
-    modelValue: {},
-    placeholder: { default: "" },
-    initialValue: {},
-    isSearchable: { type: Boolean, default: !1 },
-    dropdownPlacement: { default: pe.BOTTOM_START },
-    widthClass: { default: "w-full" },
-    borderClass: { default: "border input-border" },
-    roundnessClass: { default: "input-roundness" }
-  },
-  emits: ["update:model-value"],
-  setup(f, { emit: T }) {
-    const e = f;
-    let $ = !1, V, j = "";
-    const U = T, o = p([]), r = p(""), P = p(null), F = p(), s = p(!1), L = p(null), a = p([]), A = p(!1), d = p(null), v = I(() => a.value.length > 0), m = I(() => e.isSearchable && s.value), h = I(() => typeof e.resource == "function"), N = (l) => !e.multiple || !e.modelValue || !Array.isArray(e.modelValue) ? !1 : e.modelValue.includes(l.value), q = (l = e.modelValue) => !(l === void 0 || l === "" || Array.isArray(l) && l.length === 0), G = (l) => {
-      U("update:model-value", l);
-    }, y = (l = e.modelValue) => {
-      if (q(l))
-        if (e.multiple)
-          Array.isArray(l) && (a.value = l.map(
-            (t) => E(t)
-          ).filter((t) => t > -1));
-        else {
-          const t = E(l);
-          ~t && (a.value = [t]);
-        }
-    }, H = (l) => {
-      s.value = !s.value, s.value && m.value && ie(() => {
-        P.value?.focus();
-      });
-    }, E = (l) => o.value.findIndex(
-      (t) => t.value === l
-    ), _ = async (l = !1) => {
-      if (!e.resource)
-        return;
-      A.value = !0;
-      const t = {
-        t: r.value,
-        r: "option"
-      };
-      l && d.value && d.value.pages > d.value.page ? t.page = d.value.page + 1 : l = !1, !r.value && e.modelValue && (t.i = e.modelValue);
-      const i = await e.resource(t);
-      l ? o.value.push(...i.items.map(e.mapper)) : o.value = i.items.map(e.mapper), d.value = i.pagination, !h.value && r.value && y(r.value), A.value = !1;
-    }, J = () => {
-      !r.value || j === r.value || (V && (clearTimeout(V), V = null), V = setTimeout(() => {
-        j = r.value, h.value ? (s.value || (s.value = !0), _()) : e.isSearchable && (o.value = e.options.filter(
-          (l) => e.filter(r.value, l)
-        ));
-      }, 500));
-    }, Q = ({
-      index: l,
-      hold: t
-    }) => {
-      if ($ = !0, e.multiple) {
-        const i = a.value.findIndex(
-          (b) => b === l
-        );
-        ~i ? a.value.splice(i, 1) : a.value.push(l);
-      } else
-        a.value = [l];
-      (!e.multiple || !t) && (s.value = !1);
-    }, W = () => {
-      h.value && d.value && d.value.pages > d.value.page && _(!0);
-    }, X = async (l) => {
-      switch (l.key) {
-        case "ArrowDown":
-          L.value?.move(l);
-          break;
-        case "Escape":
-          s.value = !1;
-          break;
-      }
-    };
-    return te(async () => {
-      h.value ? (await _(), y()) : e.options.length > 0 && (o.value = e.options), !e.modelValue && e.initialValue ? y(e.initialValue) : y(e.modelValue);
-    }), D(
-      () => e.modelValue,
-      async (l) => {
-        l && (E(l) < 0 && h.value && await _(), y(l));
-      }
-    ), D(
-      a,
-      (l) => {
-        const t = e.multiple ? o.value.filter(
-          (i, b) => a.value.includes(b)
-        ).map((i) => i.value) : o.value[a.value[0]].value;
-        $ && ($ = !1, G(t));
-      },
-      { deep: !0 }
-    ), D(
-      () => e.options,
-      (l) => {
-        l.length > 0 && (o.value = l, e.modelValue && a.value.length === 0 && y(e.modelValue));
-      }
-    ), (l, t) => {
-      const i = w("t-tag"), b = w("t-button"), Y = w("t-icon"), Z = w("t-dropdown"), ee = w("t-popover");
-      return u(), C(ee, {
-        open: s.value,
-        "onUpdate:open": t[1] || (t[1] = (n) => s.value = n),
-        placement: e.dropdownPlacement,
-        class: S([e.widthClass]),
-        ref_key: "popoverRef",
-        ref: F
-      }, {
-        default: x(() => [
-          ae("div", {
-            class: S([{
-              "h-9": !e.multiple,
-              "h-full *:min-h-9": e.multiple,
-              [e.borderClass]: !0,
-              [e.roundnessClass]: !0
-            }, "flex justify-between items-center w-full max-w-96 input-text-color select-none input-bg-color"])
-          }, [
-            m.value ? oe((u(), c("input", {
-              key: 0,
-              "onUpdate:modelValue": t[0] || (t[0] = (n) => r.value = n),
-              type: "text",
-              ref_key: "inputRef",
-              ref: P,
-              placeholder: e.placeholder,
-              disabled: e.disabled,
-              readonly: !e.isSearchable,
-              class: "w-full h-9 bg-transparent input-padding input-roundness input-outline",
-              onInput: J,
-              onKeydown: X
-            }, null, 40, ce)), [
-              [ne, r.value]
-            ]) : R("", !0),
-            O(b, {
-              variant: "transparent",
-              size: "",
-              class: S(["h-full", {
-                "w-full justify-end pr-2": !m.value && !v.value,
-                "w-full justify-between pr-2": !m.value && v.value,
-                "w-10 justify-center": m.value
-              }]),
-              "aria-describedby": F.value?.name,
-              icon: s.value === !0 ? "chevron-up" : "chevron-down",
-              onClick: H
-            }, {
-              default: x(() => [
-                v.value && !m.value ? (u(), c("div", {
-                  key: 0,
-                  class: S(["inline-flex items-center ml-2 max-w-[calc(100%-2.5rem)]", {
-                    "overflow-hidden whitespace-nowrap": !e.multiple,
-                    "flex-wrap gap-2 py-1": e.multiple
-                  }])
-                }, [
-                  l.$slots.selection && v.value ? k(l.$slots, "selection", g(z({ key: 0 }, o.value[a.value[0]]))) : l.$slots.default && v.value ? (u(), c(B, { key: 1 }, [
-                    e.multiple ? (u(!0), c(B, { key: 0 }, M(a.value, (n) => k(l.$slots, "default", g(K(o.value[n])))), 256)) : k(l.$slots, "default", g(z({ key: 1 }, o.value[a.value[0]])))
-                  ], 64)) : v.value ? (u(), c(B, { key: 2 }, [
-                    e.multiple ? (u(!0), c(B, { key: 0 }, M(a.value, (n) => (u(), C(i, {
-                      key: n,
-                      text: o.value[n].label,
-                      color: "#6e6e6e"
-                    }, null, 8, ["text"]))), 128)) : (u(), c("span", de, ue(o.value[a.value[0]]?.label), 1))
-                  ], 64)) : R("", !0)
-                ], 2)) : R("", !0)
-              ]),
-              _: 3
-            }, 8, ["aria-describedby", "class", "icon"])
-          ], 2)
-        ]),
-        content: x(() => [
-          O(Z, {
-            ref_key: "dropdownRef",
-            ref: L,
-            items: o.value,
-            "is-visible": s.value,
-            multiple: e.multiple,
-            loading: A.value,
-            onChange: Q,
-            onEndReached: W
-          }, se({ _: 2 }, [
-            l.$slots.default || e.multiple ? {
-              name: "default",
-              fn: x((n) => [
-                e.multiple ? (u(), c("div", fe, [
-                  l.$slots.default ? k(l.$slots, "default", g(z({ key: 0 }, n))) : (u(), C(i, {
-                    key: 1,
-                    text: n.label,
-                    class: "m-1"
-                  }, null, 8, ["text"])),
-                  N(n) ? (u(), C(Y, {
-                    key: 2,
-                    icon: "check",
-                    size: "sm",
-                    class: "float-right ml-2"
-                  })) : R("", !0)
-                ])) : (u(), c("div", ve, [
-                  k(l.$slots, "default", g(K(n)))
-                ]))
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1032, ["items", "is-visible", "multiple", "loading"])
-        ]),
-        _: 3
-      }, 8, ["open", "placement", "class"]);
-    };
-  }
-});
-export {
-  he as _
-};