@milaboratories/uikit 2.10.37 → 2.10.39

package/dist/components/PlDropdownLine/PlDropdownLine.vue.js

@@ -1,236 +0,0 @@
-import { defineComponent as W, reactive as B, ref as y, computed as O, toRef as X, watch as _, nextTick as D, createElementBlock as d, openBlock as r, normalizeClass as Y, createElementVNode as c, createVNode as C, createBlock as Z, createCommentVNode as k, toDisplayString as ee, withDirectives as F, vShow as A, Teleport as te, withModifiers as f, normalizeStyle as H, Fragment as T, renderList as L, unref as b, renderSlot as M } from "vue";
-import './pl-dropdown-line.css';/* empty css                      */
-import { deepEqual as S } from "../../helpers/objects.js";
-import { useClickOutside as oe } from "../../composition/useClickOutside.js";
-import { useFilteredList as ne } from "../../composition/useFilteredList.js";
-import ie from "./ResizableInput.vue.js";
-import { tap as le, tapIf as se } from "../../helpers/functions.js";
-import { scrollIntoView as re } from "../../helpers/dom.js";
-import ae from "../DropdownListItem.vue.js";
-import de from "../TabItem.vue.js";
-import { normalizeListOptions as ue } from "../../helpers/utils.js";
-import { useElementPosition as pe } from "../../composition/usePosition.js";
-const ce = { class: "pl-line-dropdown__prefix" }, fe = { class: "pl-line-dropdown__icon-wrapper" }, me = { class: "pl-line-dropdown__icon" }, ve = {
-  key: 0,
-  class: "pl-line-dropdown__no-item"
-}, he = {
-  key: 0,
-  class: "pl-line-dropdown__no-item"
-}, $e = /* @__PURE__ */ W({
-  __name: "PlDropdownLine",
-  props: {
-    modelValue: {},
-    disabled: { type: Boolean },
-    prefix: { default: "" },
-    options: {},
-    placeholder: { default: "Select.." },
-    mode: { default: "list" },
-    tabsContainerStyles: { type: [Boolean, null, String, Object, Array], default: void 0 },
-    clearable: { type: Boolean, default: !1 }
-  },
-  emits: ["update:modelValue"],
-  setup(P, { emit: q }) {
-    const I = q, i = P, n = B({
-      isOpen: !1,
-      activeOption: -1,
-      optionsHeight: 0
-    }), u = y(), m = y(), z = O(() => {
-      const e = [];
-      return n.isOpen && e.push("open"), i.disabled && e.push("disabled"), e.join(" ");
-    }), s = y(""), a = ne(X(i, "options"), s), $ = O(
-      () => !!(i.clearable && n.isOpen && i.modelValue && p.value)
-    ), p = O(() => {
-      if (i.modelValue !== void 0) {
-        const e = j();
-        if (e !== -1)
-          return ue(i.options)[e].label;
-      }
-      return "";
-    }), w = y(p.value);
-    _(p, (e) => {
-      w.value = e;
-    });
-    const N = O(() => n.isOpen && s.value && s.value.length >= p.value.length - 1 ? s.value : p.value || "...");
-    oe(u, () => {
-      i.mode === "list" && (n.isOpen = !1);
-    }), _(
-      () => w.value,
-      (e) => {
-        p.value !== e ? s.value = e : s.value = "";
-      }
-    ), _(
-      () => n.isOpen,
-      (e) => {
-        var t;
-        e && u.value && ((t = u.value.querySelector("input")) == null || t.focus(), D(() => E()));
-      }
-    ), _(
-      () => i.modelValue,
-      () => R(),
-      { immediate: !0 }
-    );
-    function j() {
-      return i.options.findIndex((e) => S(e.value, i.modelValue));
-    }
-    function R() {
-      n.activeOption = le(
-        a.value.findIndex((e) => S(e.value, i.modelValue)),
-        (e) => e < 0 ? 0 : e
-      );
-    }
-    function U() {
-      s.value = "";
-    }
-    function K() {
-      i.disabled ? n.isOpen = !1 : D(() => {
-        n.isOpen = !n.isOpen;
-      });
-    }
-    function G() {
-      i.mode === "list" && (n.isOpen = !1);
-    }
-    function v(e) {
-      e && (I("update:modelValue", e.value), G(), U());
-    }
-    function g(e) {
-      return S(e.value, i.modelValue);
-    }
-    const x = (e) => {
-      var o, l;
-      const t = e.relatedTarget;
-      !((o = u.value) != null && o.contains(t)) && !((l = m.value) != null && l.contains(t)) && (s.value = "", n.isOpen = !1);
-    };
-    function J(e) {
-      const { activeOption: t } = n;
-      if (!n.isOpen && e.code === "Enter") {
-        n.isOpen = !0;
-        return;
-      }
-      const { length: o } = a.value;
-      if (!o)
-        return;
-      ["ArrowDown", "ArrowUp", "Enter"].includes(e.code) && e.preventDefault(), e.code === "Enter" && v(a.value[t]);
-      const l = e.code === "ArrowDown" ? 1 : e.code === "ArrowUp" ? -1 : 0;
-      n.activeOption = Math.abs(t + l + o) % o, requestAnimationFrame(E);
-    }
-    function E() {
-      const e = m.value;
-      e && se(e.querySelector(".hovered-item"), (t) => {
-        i.mode === "list" ? re(e, t) : t.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "center" });
-      });
-    }
-    function Q() {
-      I("update:modelValue", void 0);
-    }
-    const h = B({
-      top: "0px",
-      left: "0px"
-    });
-    return _(m, (e) => {
-      if (e) {
-        const t = e.getBoundingClientRect();
-        n.optionsHeight = t.height, window.dispatchEvent(new CustomEvent("adjust"));
-      }
-    }), pe(u, (e) => {
-      const o = e.top + e.height + 2;
-      o + n.optionsHeight > e.clientHeight ? h.top = e.top - n.optionsHeight - 2 + "px" : h.top = o + "px", h.left = e.left + "px";
-    }), (e, t) => (r(), d("div", {
-      ref_key: "container",
-      ref: u,
-      tabindex: "0",
-      class: Y([z.value, "pl-line-dropdown uc-pointer"]),
-      onKeydown: J,
-      onFocusout: x,
-      onClick: K
-    }, [
-      c("div", ce, ee(i == null ? void 0 : i.prefix), 1),
-      C(ie, {
-        modelValue: w.value,
-        "onUpdate:modelValue": t[0] || (t[0] = (o) => w.value = o),
-        placeholder: N.value,
-        disabled: i.disabled,
-        class: "pl-line-dropdown__input"
-      }, null, 8, ["modelValue", "placeholder", "disabled"]),
-      c("div", fe, [
-        F(c("div", me, null, 512), [
-          [A, !$.value]
-        ]),
-        F(c("div", {
-          class: "pl-line-dropdown__icon-clear",
-          onClick: Q
-        }, null, 512), [
-          [A, $.value]
-        ])
-      ]),
-      n.isOpen ? (r(), Z(te, {
-        key: 0,
-        to: "body"
-      }, [
-        i.mode === "list" ? (r(), d("div", {
-          key: 0,
-          ref_key: "list",
-          ref: m,
-          style: H(h),
-          tabindex: "-1",
-          class: "pl-line-dropdown__items",
-          onFocusout: x,
-          onClick: t[1] || (t[1] = f(() => {
-          }, ["stop"]))
-        }, [
-          (r(!0), d(T, null, L(b(a), (o, l) => M(e.$slots, "item", {
-            key: l,
-            item: o,
-            textItem: "text",
-            isSelected: g(o),
-            isHovered: n.activeOption == l,
-            onClick: f((V) => v(o), ["stop"])
-          }, () => [
-            C(ae, {
-              option: o,
-              "text-item": "text",
-              "is-selected": g(o),
-              "is-hovered": n.activeOption == l,
-              size: "medium",
-              onClick: f((V) => v(o), ["stop"])
-            }, null, 8, ["option", "is-selected", "is-hovered", "onClick"])
-          ])), 128)),
-          b(a).length === 0 ? (r(), d("div", ve, [...t[3] || (t[3] = [
-            c("div", { class: "pl-line-dropdown__no-item-title text-s" }, " Didn't find anything that matched ", -1)
-          ])])) : k("", !0)
-        ], 36)) : i.mode === "tabs" ? (r(), d("div", {
-          key: 1,
-          ref_key: "list",
-          ref: m,
-          style: H(h),
-          tabindex: "-1",
-          class: "pl-line-dropdown__items-tabs",
-          onFocusout: x,
-          onClick: t[2] || (t[2] = f(() => {
-          }, ["stop"]))
-        }, [
-          (r(!0), d(T, null, L(b(a), (o, l) => M(e.$slots, "item", {
-            key: l,
-            item: o,
-            isSelected: g(o),
-            isHovered: n.activeOption == l,
-            onClick: f((V) => v(o), ["stop"])
-          }, () => [
-            C(de, {
-              option: o,
-              "is-selected": g(o),
-              "is-hovered": n.activeOption == l,
-              onClick: f((V) => v(o), ["stop"])
-            }, null, 8, ["option", "is-selected", "is-hovered", "onClick"])
-          ])), 128)),
-          b(a).length === 0 ? (r(), d("div", he, [...t[4] || (t[4] = [
-            c("div", { class: "pl-line-dropdown__no-item-title text-s" }, " Didn't find anything that matched ", -1)
-          ])])) : k("", !0)
-        ], 36)) : k("", !0)
-      ])) : k("", !0)
-    ], 34));
-  }
-});
-export {
-  $e as default
-};
-//# sourceMappingURL=PlDropdownLine.vue.js.map

package/dist/components/PlDropdownLine/PlDropdownLine.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PlDropdownLine.vue.js","sources":["../../../src/components/PlDropdownLine/PlDropdownLine.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./pl-dropdown-line.scss\";\nimport type { StyleValue } from \"vue\";\nimport { computed, nextTick, reactive, ref, toRef, watch } from \"vue\";\nimport { deepEqual } from \"../../helpers/objects\";\nimport { useClickOutside } from \"../../composition/useClickOutside\";\nimport { useFilteredList } from \"../../composition/useFilteredList\";\nimport ResizableInput from \"./ResizableInput.vue\";\nimport { tapIf, tap } from \"../../helpers/functions\";\nimport { scrollIntoView } from \"../../helpers/dom\";\nimport DropdownListItem from \"../DropdownListItem.vue\";\nimport TabItem from \"../TabItem.vue\";\nimport type { ListOption } from \"../../types\";\nimport { normalizeListOptions } from \"../../helpers/utils\";\nimport { useElementPosition } from \"../../composition/usePosition\";\n\nconst emit = defineEmits([\"update:modelValue\"]); // at the top always\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: unknown;\n    disabled?: boolean;\n    prefix?: string;\n    options: ListOption[]; // @todo extend with size field\n    placeholder?: string;\n    mode?: \"list\" | \"tabs\";\n    tabsContainerStyles?: StyleValue;\n    clearable?: boolean;\n  }>(),\n  {\n    mode: \"list\",\n    placeholder: \"Select..\",\n    prefix: \"\",\n    tabsContainerStyles: undefined,\n    clearable: false,\n  },\n);\n\nconst data = reactive({\n  isOpen: false,\n  activeOption: -1,\n  optionsHeight: 0,\n});\n\nconst container = ref<HTMLElement>();\n\nconst list = ref<HTMLElement>();\n\nconst classes = computed(() => {\n  const classesResult = [];\n  if (data.isOpen) {\n    classesResult.push(\"open\");\n  }\n  if (props.disabled) {\n    classesResult.push(\"disabled\");\n  }\n  return classesResult.join(\" \");\n});\n\nconst searchPhrase = ref<string>(\"\");\n\nconst options = useFilteredList(toRef(props, \"options\"), searchPhrase);\n\nconst canShowClearBtn = computed<boolean>(\n  () => !!(props.clearable && data.isOpen && props.modelValue && modelText.value),\n);\n\nconst modelText = computed<string>(() => {\n  if (props.modelValue !== undefined) {\n    const index = getIndexForModelInItems();\n    if (index !== -1) {\n      const item = normalizeListOptions(props.options)[index];\n      return item.label;\n    }\n  }\n  return \"\";\n});\n\nconst inputModel = ref(modelText.value);\n\nwatch(modelText, (v) => {\n  inputModel.value = v;\n});\n\nconst placeholderVal = computed(() => {\n  if (data.isOpen) {\n    if (searchPhrase.value && searchPhrase.value.length >= modelText.value.length - 1) {\n      return searchPhrase.value;\n    }\n  }\n\n  return modelText.value || \"...\";\n});\n\nuseClickOutside(container, () => {\n  if (props.mode === \"list\") {\n    data.isOpen = false;\n  }\n});\n\nwatch(\n  () => inputModel.value,\n  (val) => {\n    if (modelText.value !== val) {\n      searchPhrase.value = val;\n    } else {\n      searchPhrase.value = \"\";\n    }\n  },\n);\n\nwatch(\n  () => data.isOpen,\n  (value: boolean) => {\n    if (value && container.value) {\n      container.value.querySelector(\"input\")?.focus();\n      nextTick(() => scrollIntoActive());\n    }\n  },\n);\n\nwatch(\n  () => props.modelValue,\n  () => updateSelected(),\n  { immediate: true },\n);\n\nfunction getIndexForModelInItems(): number | -1 {\n  return props.options.findIndex((o: ListOption) => {\n    return deepEqual(o.value, props.modelValue);\n  });\n}\n\nfunction updateSelected() {\n  data.activeOption = tap(\n    options.value.findIndex((o: ListOption) => {\n      return deepEqual(o.value, props.modelValue);\n    }),\n    (v) => (v < 0 ? 0 : v),\n  );\n}\n\nfunction resetSearchPhrase() {\n  searchPhrase.value = \"\";\n}\n\nfunction toggleList(): void {\n  if (props.disabled) {\n    data.isOpen = false;\n  } else {\n    nextTick(() => {\n      data.isOpen = !data.isOpen;\n    });\n  }\n}\n\nfunction closePopupIfNeeded() {\n  if (props.mode === \"list\") {\n    data.isOpen = false;\n  }\n}\n\nfunction selectItem(item?: ListOption): void {\n  if (item) {\n    emit(\"update:modelValue\", item.value);\n    closePopupIfNeeded();\n    resetSearchPhrase();\n  }\n}\n\nfunction isItemSelected(item: ListOption): boolean {\n  return deepEqual(item.value, props.modelValue);\n}\n\nconst onFocusOut = (event: FocusEvent) => {\n  const relatedTarget = event.relatedTarget as Node | null;\n\n  if (!container.value?.contains(relatedTarget) && !list.value?.contains(relatedTarget)) {\n    searchPhrase.value = \"\";\n    data.isOpen = false;\n  }\n};\n\nfunction handleKeydown(e: { code: string; preventDefault(): void }) {\n  const { activeOption } = data;\n\n  if (!data.isOpen && e.code === \"Enter\") {\n    data.isOpen = true;\n    return;\n  }\n\n  const { length } = options.value;\n\n  if (!length) {\n    return;\n  }\n\n  if ([\"ArrowDown\", \"ArrowUp\", \"Enter\"].includes(e.code)) {\n    e.preventDefault();\n  }\n\n  if (e.code === \"Enter\") {\n    selectItem(options.value[activeOption]);\n  }\n\n  const d = e.code === \"ArrowDown\" ? 1 : e.code === \"ArrowUp\" ? -1 : 0;\n\n  data.activeOption = Math.abs(activeOption + d + length) % length;\n\n  requestAnimationFrame(scrollIntoActive);\n}\n\nfunction scrollIntoActive() {\n  const $list = list.value;\n  if (!$list) {\n    return;\n  }\n  tapIf($list.querySelector(\".hovered-item\"), (el: Element) => {\n    if (props.mode === \"list\") {\n      scrollIntoView($list, el as HTMLElement);\n    } else {\n      el.scrollIntoView({ behavior: \"smooth\", block: \"nearest\", inline: \"center\" });\n    }\n  });\n}\n\nfunction clearModel() {\n  emit(\"update:modelValue\", undefined);\n}\n\nconst optionsStyle = reactive({\n  top: \"0px\",\n  left: \"0px\",\n});\n\nwatch(list, (el) => {\n  if (el) {\n    const rect = el.getBoundingClientRect();\n    data.optionsHeight = rect.height;\n    window.dispatchEvent(new CustomEvent(\"adjust\"));\n  }\n});\n\nuseElementPosition(container, (pos) => {\n  const gap = 2;\n\n  const downTopOffset = pos.top + pos.height + gap;\n\n  if (downTopOffset + data.optionsHeight > pos.clientHeight) {\n    optionsStyle.top = pos.top - data.optionsHeight - gap + \"px\";\n  } else {\n    optionsStyle.top = downTopOffset + \"px\";\n  }\n\n  optionsStyle.left = pos.left + \"px\";\n});\n</script>\n\n<template>\n  <div\n    ref=\"container\"\n    tabindex=\"0\"\n    :class=\"classes\"\n    class=\"pl-line-dropdown uc-pointer\"\n    @keydown=\"handleKeydown\"\n    @focusout=\"onFocusOut\"\n    @click=\"toggleList\"\n  >\n    <div class=\"pl-line-dropdown__prefix\">{{ props?.prefix }}</div>\n\n    <ResizableInput\n      v-model=\"inputModel\"\n      :placeholder=\"placeholderVal\"\n      :disabled=\"props.disabled\"\n      class=\"pl-line-dropdown__input\"\n    />\n\n    <div class=\"pl-line-dropdown__icon-wrapper\">\n      <div v-show=\"!canShowClearBtn\" class=\"pl-line-dropdown__icon\" />\n      <div v-show=\"canShowClearBtn\" class=\"pl-line-dropdown__icon-clear\" @click=\"clearModel\" />\n    </div>\n    <Teleport v-if=\"data.isOpen\" to=\"body\">\n      <div\n        v-if=\"props.mode === 'list'\"\n        ref=\"list\"\n        :style=\"optionsStyle\"\n        tabindex=\"-1\"\n        class=\"pl-line-dropdown__items\"\n        @focusout=\"onFocusOut\"\n        @click.stop\n      >\n        <template v-for=\"(item, index) in options\" :key=\"index\">\n          <slot\n            name=\"item\"\n            :item=\"item\"\n            :text-item=\"'text'\"\n            :is-selected=\"isItemSelected(item)\"\n            :is-hovered=\"data.activeOption == index\"\n            @click.stop=\"selectItem(item)\"\n          >\n            <DropdownListItem\n              :option=\"item\"\n              :text-item=\"'text'\"\n              :is-selected=\"isItemSelected(item)\"\n              :is-hovered=\"data.activeOption == index\"\n              size=\"medium\"\n              @click.stop=\"selectItem(item)\"\n            />\n          </slot>\n        </template>\n\n        <div v-if=\"options.length === 0\" class=\"pl-line-dropdown__no-item\">\n          <div class=\"pl-line-dropdown__no-item-title text-s\">\n            Didn't find anything that matched\n          </div>\n        </div>\n      </div>\n      <div\n        v-else-if=\"props.mode === 'tabs'\"\n        ref=\"list\"\n        :style=\"optionsStyle\"\n        tabindex=\"-1\"\n        class=\"pl-line-dropdown__items-tabs\"\n        @focusout=\"onFocusOut\"\n        @click.stop\n      >\n        <template v-for=\"(item, index) in options\" :key=\"index\">\n          <slot\n            name=\"item\"\n            :item=\"item\"\n            :is-selected=\"isItemSelected(item)\"\n            :is-hovered=\"data.activeOption == index\"\n            @click.stop=\"selectItem(item)\"\n          >\n            <TabItem\n              :option=\"item\"\n              :is-selected=\"isItemSelected(item)\"\n              :is-hovered=\"data.activeOption == index\"\n              @click.stop=\"selectItem(item)\"\n            />\n          </slot>\n        </template>\n        <div v-if=\"options.length === 0\" class=\"pl-line-dropdown__no-item\">\n          <div class=\"pl-line-dropdown__no-item-title text-s\">\n            Didn't find anything that matched\n          </div>\n        </div>\n      </div>\n    </Teleport>\n  </div>\n</template>\n"],"names":["emit","__emit","props","__props","data","reactive","container","ref","list","classes","computed","classesResult","searchPhrase","options","useFilteredList","toRef","canShowClearBtn","modelText","index","getIndexForModelInItems","normalizeListOptions","inputModel","watch","v","placeholderVal","useClickOutside","val","value","_a","nextTick","scrollIntoActive","updateSelected","o","deepEqual","tap","resetSearchPhrase","toggleList","closePopupIfNeeded","selectItem","item","isItemSelected","onFocusOut","event","relatedTarget","_b","handleKeydown","activeOption","length","d","$list","tapIf","el","scrollIntoView","clearModel","optionsStyle","rect","useElementPosition","pos","downTopOffset","_createElementBlock","_normalizeClass","_createElementVNode","_hoisted_1","_toDisplayString","_createVNode","ResizableInput","$event","_hoisted_2","_withDirectives","_hoisted_3","_createBlock","_Teleport","_openBlock","_Fragment","_renderList","_unref","_renderSlot","_ctx","_withModifiers","DropdownListItem","_hoisted_4","_cache","TabItem","_hoisted_5"],"mappings":"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"}

package/dist/components/PlDropdownLine/ResizableInput.vue.js

@@ -1,42 +0,0 @@
-import { defineComponent as p, computed as o, createElementBlock as u, openBlock as c, createElementVNode as d, normalizeStyle as m, toDisplayString as h, mergeProps as _ } from "vue";
-import './resizable-input.css';/* empty css                     */
-const f = { class: "resizable-input" }, b = ["placeholder", "value", "disabled"], V = /* @__PURE__ */ p({
-  __name: "ResizableInput",
-  props: {
-    modelValue: {},
-    placeholder: {},
-    disabled: { type: Boolean },
-    maxWidth: {},
-    width: {}
-  },
-  emits: ["update:modelValue"],
-  setup(l, { emit: n }) {
-    const t = l, s = n, i = o(() => {
-      var e;
-      return t.placeholder ? t.placeholder : (e = t.modelValue) == null ? void 0 : e.replace('"', "");
-    }), a = o(() => {
-      const e = {};
-      return t.width && (e.width = t.width), t.maxWidth && (e.maxWidth = t.maxWidth), e;
-    });
-    function r(e) {
-      s("update:modelValue", e.target.value);
-    }
-    return (e, v) => (c(), u("div", f, [
-      d("span", {
-        style: m(a.value),
-        class: "resizable-input__size-span"
-      }, h(i.value), 5),
-      d("input", _(e.$attrs, {
-        placeholder: l.placeholder,
-        value: t.modelValue,
-        disabled: t.disabled,
-        style: a.value,
-        onInput: r
-      }), null, 16, b)
-    ]));
-  }
-});
-export {
-  V as default
-};
-//# sourceMappingURL=ResizableInput.vue.js.map

package/dist/components/PlDropdownLine/ResizableInput.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ResizableInput.vue.js","sources":["../../../src/components/PlDropdownLine/ResizableInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./resizable-input.scss\";\nimport { computed } from \"vue\";\n\nconst props = defineProps<{\n  modelValue?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  maxWidth?: string;\n  width?: string;\n}>();\n\nconst emit = defineEmits([\"update:modelValue\"]);\n\nconst text = computed(() => {\n  if (props.placeholder) {\n    return props.placeholder;\n  }\n  return props.modelValue?.replace('\"', \"\");\n});\n\nconst styles = computed(() => {\n  const stl: Record<string, string> = {};\n  if (props.width) {\n    stl[\"width\"] = props.width;\n  }\n  if (props.maxWidth) {\n    stl[\"maxWidth\"] = props.maxWidth;\n  }\n  return stl;\n});\n\nfunction handleInput(event: Event) {\n  emit(\"update:modelValue\", (event.target as HTMLInputElement).value);\n}\n</script>\n\n<template>\n  <div class=\"resizable-input\">\n    <span :style=\"styles\" class=\"resizable-input__size-span\">{{ text }}</span>\n    <input\n      v-bind=\"$attrs\"\n      :placeholder=\"placeholder\"\n      :value=\"props.modelValue\"\n      :disabled=\"props.disabled\"\n      :style=\"styles\"\n      @input=\"handleInput\"\n    />\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","text","computed","_a","styles","stl","handleInput","event","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_mergeProps","_ctx"],"mappings":";;;;;;;;;;;;;AAIA,UAAMA,IAAQC,GAQRC,IAAOC,GAEPC,IAAOC,EAAS,MAAM;;AAC1B,aAAIL,EAAM,cACDA,EAAM,eAERM,IAAAN,EAAM,eAAN,gBAAAM,EAAkB,QAAQ,KAAK;AAAA,IACxC,CAAC,GAEKC,IAASF,EAAS,MAAM;AAC5B,YAAMG,IAA8B,CAAA;AACpC,aAAIR,EAAM,UACRQ,EAAI,QAAWR,EAAM,QAEnBA,EAAM,aACRQ,EAAI,WAAcR,EAAM,WAEnBQ;AAAA,IACT,CAAC;AAED,aAASC,EAAYC,GAAc;AACjC,MAAAR,EAAK,qBAAsBQ,EAAM,OAA4B,KAAK;AAAA,IACpE;sBAIEC,EAAA,GAAAC,EAUM,OAVNC,GAUM;AAAA,MATJC,EAA0E,QAAA;AAAA,QAAnE,SAAOP,EAAA,KAAM;AAAA,QAAE,OAAM;AAAA,MAAA,KAAgCH,EAAA,KAAI,GAAA,CAAA;AAAA,MAChEU,EAOE,SAPFC,EAOEC,EAAA,QANc;AAAA,QACb,aAAaf,EAAA;AAAA,QACb,OAAOD,EAAM;AAAA,QACb,UAAUA,EAAM;AAAA,QAChB,OAAOO,EAAA;AAAA,QACP,SAAOE;AAAA,MAAA;;;;"}

package/dist/components/PlDropdownMulti/PlDropdownMulti.vue.js

@@ -1,223 +0,0 @@
-import { defineComponent as Y, useSlots as Z, ref as N, useTemplateRef as ee, reactive as oe, computed as d, unref as s, watch as te, watchPostEffect as le, createElementBlock as c, openBlock as r, createElementVNode as p, createCommentVNode as m, normalizeClass as ne, createBlock as v, createVNode as re, withDirectives as se, vModelText as ie, Fragment as b, renderList as C, withModifiers as O, withCtx as y, createTextVNode as S, toDisplayString as h, renderSlot as T } from "vue";
-import ae from "../../assets/images/required.svg.js";
-import { getErrorMessage as ue } from "../../helpers/error.js";
-import { deepEqual as V, deepIncludes as q } from "../../helpers/objects.js";
-import { normalizeListOptions as de } from "../../helpers/utils.js";
-import ce from "../../utils/DoubleContour.vue.js";
-import './pl-dropdown-multi.css';import '../../utils/DoubleContour.css';/* empty css                             */
-import pe from "../../utils/DropdownOverlay/DropdownOverlay.vue.js";
-import { useLabelNotch as fe } from "../../utils/useLabelNotch.js";
-import me from "../DropdownListItem.vue.js";
-/* empty css                       */
-import B from "../PlChip/PlChip.vue.js";
-import ve from "../PlIcon24/PlIcon24.vue.js";
-import he from "../PlSvg/PlSvg.vue.js";
-import _e from "../PlTooltip/PlTooltip.vue.js";
-const we = ["tabindex"], ye = { class: "pl-dropdown-multi__container" }, ge = { class: "pl-dropdown-multi__field" }, ke = ["disabled", "placeholder"], be = {
-  key: 0,
-  class: "chips-container"
-}, Ce = { class: "pl-dropdown-multi__controls" }, Oe = { key: 0 }, Ve = { class: "pl-dropdown-multi__open-chips-container" }, xe = {
-  key: 0,
-  class: "nothing-found"
-}, $e = {
-  key: 0,
-  class: "pl-dropdown-multi__error"
-}, Ae = {
-  key: 1,
-  class: "pl-dropdown-multi__helper"
-}, Ee = {
-  name: "PlDropdownMulti"
-}, He = /* @__PURE__ */ Y({
-  ...Ee,
-  props: {
-    modelValue: { default: () => [] },
-    label: { default: void 0 },
-    options: { default: void 0 },
-    helper: { default: void 0 },
-    error: { default: void 0 },
-    placeholder: { default: "..." },
-    required: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    groupPosition: { default: void 0 }
-  },
-  emits: ["update:modelValue"],
-  setup(a, { emit: I }) {
-    const z = I, x = (e) => z("update:modelValue", e), U = Z(), i = a, f = N(), $ = N(), _ = ee("overlay"), t = oe({
-      search: "",
-      activeOption: -1,
-      open: !1,
-      optionsHeight: 0
-    }), w = d(() => Array.isArray(i.modelValue) ? i.modelValue : []), K = d(() => t.open && i.modelValue.length > 0 ? i.placeholder : i.modelValue.length > 0 ? "" : i.placeholder), A = d(() => de(i.options ?? [])), E = d(() => w.value.map((e) => A.value.find((l) => V(l.value, e))).filter((e) => e !== void 0)), g = d(() => {
-      const e = s(w), l = s(A);
-      return (t.search ? l.filter((o) => {
-        const n = t.search.toLowerCase();
-        return o.label.toLowerCase().includes(n) ? !0 : typeof o.value == "string" ? o.value.toLowerCase().includes(n) : o.value === t.search;
-      }) : [...l]).map((o) => ({
-        ...o,
-        selected: q(e, o.value)
-      }));
-    }), L = d(() => i.options === void 0), H = d(() => !i.disabled && L.value), k = d(() => L.value ? !0 : i.disabled), j = d(() => k.value ? void 0 : "0"), G = () => {
-      t.activeOption = 0;
-    }, M = (e) => {
-      var o;
-      const l = s(w);
-      x(q(l, e) ? l.filter((n) => !V(n, e)) : [...l, e]), t.search = "", (o = f == null ? void 0 : f.value) == null || o.focus();
-    }, R = (e) => x(s(w).filter((l) => !V(l, e))), J = () => {
-      var e;
-      return (e = $.value) == null ? void 0 : e.focus();
-    }, Q = () => {
-      t.open = !t.open, t.open || (t.search = "");
-    }, D = (e) => {
-      var o, n, u;
-      const l = e.relatedTarget;
-      !((o = f.value) != null && o.contains(l)) && !((u = (n = _.value) == null ? void 0 : n.listRef) != null && u.contains(l)) && (t.search = "", t.open = !1);
-    }, W = (e) => {
-      var F;
-      const { open: l, activeOption: o } = t;
-      if (!l) {
-        e.code === "Enter" && (t.open = !0);
-        return;
-      }
-      e.code === "Escape" && (t.open = !1, (F = f.value) == null || F.focus());
-      const n = s(g), { length: u } = n;
-      if (!u)
-        return;
-      ["ArrowDown", "ArrowUp", "Enter"].includes(e.code) && e.preventDefault(), e.code === "Enter" && M(n[o].value);
-      const X = e.code === "ArrowDown" ? 1 : e.code === "ArrowUp" ? -1 : 0;
-      t.activeOption = Math.abs(o + X + u) % u, requestAnimationFrame(() => {
-        var P;
-        return (P = _.value) == null ? void 0 : P.scrollIntoActive();
-      });
-    };
-    return fe(f), te(
-      () => i.modelValue,
-      () => G(),
-      { immediate: !0 }
-    ), le(() => {
-      var e;
-      t.search, t.open && ((e = _.value) == null || e.scrollIntoActive());
-    }), (e, l) => (r(), c("div", {
-      class: "pl-dropdown-multi__envelope",
-      onClick: J
-    }, [
-      p("div", {
-        ref_key: "rootRef",
-        ref: f,
-        tabindex: j.value,
-        class: ne(["pl-dropdown-multi", { open: t.open, error: a.error, disabled: k.value }]),
-        onKeydown: W,
-        onFocusout: D
-      }, [
-        p("div", ye, [
-          p("div", ge, [
-            se(p("input", {
-              ref_key: "input",
-              ref: $,
-              "onUpdate:modelValue": l[0] || (l[0] = (o) => t.search = o),
-              type: "text",
-              tabindex: "-1",
-              disabled: k.value,
-              placeholder: K.value,
-              spellcheck: "false",
-              autocomplete: "chrome-off",
-              onFocus: l[1] || (l[1] = (o) => t.open = !0)
-            }, null, 40, ke), [
-              [ie, t.search]
-            ]),
-            t.open ? m("", !0) : (r(), c("div", be, [
-              (r(!0), c(b, null, C(E.value, (o, n) => (r(), v(s(B), {
-                key: n,
-                closeable: "",
-                small: "",
-                onClick: l[2] || (l[2] = O((u) => t.open = !0, ["stop"])),
-                onClose: (u) => R(o.value)
-              }, {
-                default: y(() => [
-                  S(h(o.label || o.value), 1)
-                ]),
-                _: 2
-              }, 1032, ["onClose"]))), 128))
-            ])),
-            p("div", Ce, [
-              H.value ? (r(), v(s(ve), {
-                key: 0,
-                name: "loading"
-              })) : m("", !0),
-              T(e.$slots, "append"),
-              p("div", {
-                class: "pl-dropdown-multi__arrow-wrapper",
-                onClick: O(Q, ["stop"])
-              }, [...l[3] || (l[3] = [
-                p("div", { class: "arrow-icon arrow-icon-default" }, null, -1)
-              ])])
-            ])
-          ]),
-          a.label ? (r(), c("label", Oe, [
-            a.required ? (r(), v(s(he), {
-              key: 0,
-              uri: s(ae)
-            }, null, 8, ["uri"])) : m("", !0),
-            p("span", null, h(a.label), 1),
-            s(U).tooltip ? (r(), v(s(_e), {
-              key: 1,
-              class: "info",
-              position: "top"
-            }, {
-              tooltip: y(() => [
-                T(e.$slots, "tooltip")
-              ]),
-              _: 3
-            })) : m("", !0)
-          ])) : m("", !0),
-          t.open ? (r(), v(pe, {
-            key: 1,
-            ref_key: "overlay",
-            ref: _,
-            root: f.value,
-            class: "pl-dropdown-multi__options",
-            gap: 5,
-            tabindex: "-1",
-            onFocusout: D
-          }, {
-            default: y(() => [
-              p("div", Ve, [
-                (r(!0), c(b, null, C(E.value, (o, n) => (r(), v(s(B), {
-                  key: n,
-                  closeable: "",
-                  small: "",
-                  onClose: (u) => R(o.value)
-                }, {
-                  default: y(() => [
-                    S(h(o.label || o.value), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["onClose"]))), 128))
-              ]),
-              (r(!0), c(b, null, C(g.value, (o, n) => (r(), v(me, {
-                key: n,
-                option: o,
-                "text-item": "text",
-                "is-selected": o.selected,
-                "is-hovered": t.activeOption == n,
-                size: "medium",
-                "use-checkbox": "",
-                onClick: O((u) => M(o.value), ["stop"])
-              }, null, 8, ["option", "is-selected", "is-hovered", "onClick"]))), 128)),
-              g.value.length ? m("", !0) : (r(), c("div", xe, "Nothing found"))
-            ]),
-            _: 1
-          }, 8, ["root"])) : m("", !0),
-          re(ce, {
-            class: "pl-dropdown-multi__contour",
-            "group-position": a.groupPosition
-          }, null, 8, ["group-position"])
-        ])
-      ], 42, we),
-      a.error ? (r(), c("div", $e, h(s(ue)(a.error)), 1)) : a.helper ? (r(), c("div", Ae, h(a.helper), 1)) : m("", !0)
-    ]));
-  }
-});
-export {
-  He as default
-};
-//# sourceMappingURL=PlDropdownMulti.vue.js.map

package/dist/components/PlDropdownMulti/PlDropdownMulti.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PlDropdownMulti.vue.js","sources":["../../../src/components/PlDropdownMulti/PlDropdownMulti.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * A component for selecting multiple values from a list of options\n */\nexport default {\n  name: \"PlDropdownMulti\",\n};\n</script>\n\n<script lang=\"ts\" setup generic=\"M = unknown\">\nimport {\n  computed,\n  reactive,\n  ref,\n  unref,\n  useSlots,\n  useTemplateRef,\n  watch,\n  watchPostEffect,\n} from \"vue\";\nimport SvgRequired from \"../../assets/images/required.svg?raw\";\nimport { getErrorMessage } from \"../../helpers/error.ts\";\nimport { deepEqual, deepIncludes } from \"../../helpers/objects\";\nimport { normalizeListOptions } from \"../../helpers/utils\";\nimport type { ListOption } from \"../../types\";\nimport DoubleContour from \"../../utils/DoubleContour.vue\";\nimport DropdownOverlay from \"../../utils/DropdownOverlay/DropdownOverlay.vue\";\nimport { useLabelNotch } from \"../../utils/useLabelNotch\";\nimport DropdownListItem from \"../DropdownListItem.vue\";\nimport { PlChip } from \"../PlChip\";\nimport { PlIcon24 } from \"../PlIcon24\";\nimport { PlSvg } from \"../PlSvg\";\nimport { PlTooltip } from \"../PlTooltip\";\nimport \"./pl-dropdown-multi.scss\";\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", v: M[]): void;\n}>();\n\nconst emitModel = (v: M[]) => emit(\"update:modelValue\", v);\n\nconst slots = useSlots();\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * The current selected values.\n     */\n    modelValue: M[];\n    /**\n     * The label text for the dropdown field (optional)\n     */\n    label?: string;\n    /**\n     * List of available options for the dropdown\n     */\n    options?: Readonly<ListOption<M>[]>;\n    /**\n     * A helper text displayed below the dropdown when there are no errors (optional).\n     */\n    helper?: string;\n    /**\n     * Error message displayed below the dropdown (optional)\n     */\n    error?: unknown;\n    /**\n     * Placeholder text shown when no value is selected.\n     */\n    placeholder?: string;\n    /**\n     * If `true`, the dropdown component is marked as required.\n     */\n    required?: boolean;\n    /**\n     * If `true`, the dropdown component is disabled and cannot be interacted with.\n     */\n    disabled?: boolean;\n    /**\n     * Makes some of corners not rounded\n     * */\n    groupPosition?:\n      | \"top\"\n      | \"bottom\"\n      | \"left\"\n      | \"right\"\n      | \"top-left\"\n      | \"top-right\"\n      | \"bottom-left\"\n      | \"bottom-right\"\n      | \"middle\";\n  }>(),\n  {\n    modelValue: () => [],\n    label: undefined,\n    helper: undefined,\n    error: undefined,\n    placeholder: \"...\",\n    required: false,\n    disabled: false,\n    options: undefined,\n    groupPosition: undefined,\n  },\n);\n\nconst rootRef = ref<HTMLElement | undefined>();\nconst input = ref<HTMLInputElement | undefined>();\n\nconst overlay = useTemplateRef(\"overlay\");\n\nconst data = reactive({\n  search: \"\",\n  activeOption: -1,\n  open: false,\n  optionsHeight: 0,\n});\n\nconst selectedValuesRef = computed(() => (Array.isArray(props.modelValue) ? props.modelValue : []));\n\nconst placeholderRef = computed(() => {\n  if (data.open && props.modelValue.length > 0) {\n    return props.placeholder;\n  }\n\n  return props.modelValue.length > 0 ? \"\" : props.placeholder;\n});\n\nconst normalizedOptionsRef = computed(() => normalizeListOptions(props.options ?? []));\n\nconst selectedOptionsRef = computed(() => {\n  return selectedValuesRef.value\n    .map((v) => normalizedOptionsRef.value.find((opt) => deepEqual(opt.value, v)))\n    .filter((v) => v !== undefined);\n});\n\nconst filteredOptionsRef = computed(() => {\n  const selectedValues = unref(selectedValuesRef);\n\n  const options = unref(normalizedOptionsRef);\n\n  return (\n    data.search\n      ? options.filter((opt) => {\n          const search = data.search.toLowerCase();\n\n          if (opt.label.toLowerCase().includes(search)) {\n            return true;\n          }\n\n          if (typeof opt.value === \"string\") {\n            return opt.value.toLowerCase().includes(search);\n          }\n\n          return opt.value === data.search;\n        })\n      : [...options]\n  ).map((opt) => ({\n    ...opt,\n    selected: deepIncludes(selectedValues, opt.value),\n  }));\n});\n\nconst isLoadingOptions = computed(() => {\n  return props.options === undefined;\n});\n\nconst showLoadingSpinner = computed(() => {\n  return !props.disabled && isLoadingOptions.value;\n});\n\nconst isDisabled = computed(() => {\n  if (isLoadingOptions.value) {\n    return true;\n  }\n\n  return props.disabled;\n});\n\nconst tabindex = computed(() => (isDisabled.value ? undefined : \"0\"));\n\nconst updateActiveOption = () => {\n  data.activeOption = 0;\n};\n\nconst selectOption = (v: M) => {\n  const values = unref(selectedValuesRef);\n  emitModel(deepIncludes(values, v) ? values.filter((it) => !deepEqual(it, v)) : [...values, v]);\n  data.search = \"\";\n  rootRef?.value?.focus();\n};\n\nconst unselectOption = (d: M) =>\n  emitModel(unref(selectedValuesRef).filter((v) => !deepEqual(v, d)));\n\nconst setFocusOnInput = () => input.value?.focus();\n\nconst toggleModel = () => {\n  data.open = !data.open;\n  if (!data.open) {\n    data.search = \"\";\n  }\n};\n\nconst onFocusOut = (event: FocusEvent) => {\n  const relatedTarget = event.relatedTarget as Node | null;\n\n  if (!rootRef.value?.contains(relatedTarget) && !overlay.value?.listRef?.contains(relatedTarget)) {\n    data.search = \"\";\n    data.open = false;\n  }\n};\n\nconst handleKeydown = (e: { code: string; preventDefault(): void }) => {\n  const { open, activeOption } = data;\n\n  if (!open) {\n    if (e.code === \"Enter\") {\n      data.open = true;\n    }\n    return;\n  }\n\n  if (e.code === \"Escape\") {\n    data.open = false;\n    rootRef.value?.focus();\n  }\n\n  const filteredOptions = unref(filteredOptionsRef);\n\n  const { length } = filteredOptions;\n\n  if (!length) {\n    return;\n  }\n\n  if ([\"ArrowDown\", \"ArrowUp\", \"Enter\"].includes(e.code)) {\n    e.preventDefault();\n  }\n\n  if (e.code === \"Enter\") {\n    selectOption(filteredOptions[activeOption].value);\n  }\n\n  const d = e.code === \"ArrowDown\" ? 1 : e.code === \"ArrowUp\" ? -1 : 0;\n\n  data.activeOption = Math.abs(activeOption + d + length) % length;\n\n  requestAnimationFrame(() => overlay.value?.scrollIntoActive());\n};\n\nuseLabelNotch(rootRef);\n\nwatch(\n  () => props.modelValue,\n  () => updateActiveOption(),\n  { immediate: true },\n);\n\nwatchPostEffect(() => {\n  // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n  data.search;\n\n  if (data.open) {\n    overlay.value?.scrollIntoActive();\n  }\n});\n</script>\n\n<template>\n  <div class=\"pl-dropdown-multi__envelope\" @click=\"setFocusOnInput\">\n    <div\n      ref=\"rootRef\"\n      :tabindex=\"tabindex\"\n      class=\"pl-dropdown-multi\"\n      :class=\"{ open: data.open, error, disabled: isDisabled }\"\n      @keydown=\"handleKeydown\"\n      @focusout=\"onFocusOut\"\n    >\n      <div class=\"pl-dropdown-multi__container\">\n        <div class=\"pl-dropdown-multi__field\">\n          <input\n            ref=\"input\"\n            v-model=\"data.search\"\n            type=\"text\"\n            tabindex=\"-1\"\n            :disabled=\"isDisabled\"\n            :placeholder=\"placeholderRef\"\n            spellcheck=\"false\"\n            autocomplete=\"chrome-off\"\n            @focus=\"data.open = true\"\n          />\n          <div v-if=\"!data.open\" class=\"chips-container\">\n            <PlChip\n              v-for=\"(opt, i) in selectedOptionsRef\"\n              :key=\"i\"\n              closeable\n              small\n              @click.stop=\"data.open = true\"\n              @close=\"unselectOption(opt.value)\"\n            >\n              {{ opt.label || opt.value }}\n            </PlChip>\n          </div>\n\n          <div class=\"pl-dropdown-multi__controls\">\n            <PlIcon24 v-if=\"showLoadingSpinner\" name=\"loading\" />\n            <slot name=\"append\" />\n            <div class=\"pl-dropdown-multi__arrow-wrapper\" @click.stop=\"toggleModel\">\n              <div class=\"arrow-icon arrow-icon-default\" />\n            </div>\n          </div>\n        </div>\n        <label v-if=\"label\">\n          <PlSvg v-if=\"required\" :uri=\"SvgRequired\" />\n          <span>{{ label }}</span>\n          <PlTooltip v-if=\"slots.tooltip\" class=\"info\" position=\"top\">\n            <template #tooltip>\n              <slot name=\"tooltip\" />\n            </template>\n          </PlTooltip>\n        </label>\n        <DropdownOverlay\n          v-if=\"data.open\"\n          ref=\"overlay\"\n          :root=\"rootRef\"\n          class=\"pl-dropdown-multi__options\"\n          :gap=\"5\"\n          tabindex=\"-1\"\n          @focusout=\"onFocusOut\"\n        >\n          <div class=\"pl-dropdown-multi__open-chips-container\">\n            <PlChip\n              v-for=\"(opt, i) in selectedOptionsRef\"\n              :key=\"i\"\n              closeable\n              small\n              @close=\"unselectOption(opt.value)\"\n            >\n              {{ opt.label || opt.value }}\n            </PlChip>\n          </div>\n          <DropdownListItem\n            v-for=\"(item, index) in filteredOptionsRef\"\n            :key=\"index\"\n            :option=\"item\"\n            :text-item=\"'text'\"\n            :is-selected=\"item.selected\"\n            :is-hovered=\"data.activeOption == index\"\n            size=\"medium\"\n            use-checkbox\n            @click.stop=\"selectOption(item.value)\"\n          />\n          <div v-if=\"!filteredOptionsRef.length\" class=\"nothing-found\">Nothing found</div>\n        </DropdownOverlay>\n        <DoubleContour class=\"pl-dropdown-multi__contour\" :group-position=\"groupPosition\" />\n      </div>\n    </div>\n    <div v-if=\"error\" class=\"pl-dropdown-multi__error\">{{ getErrorMessage(error) }}</div>\n    <div v-else-if=\"helper\" class=\"pl-dropdown-multi__helper\">{{ helper }}</div>\n  </div>\n</template>\n"],"names":["__default__","emit","__emit","emitModel","v","slots","useSlots","props","__props","rootRef","ref","input","overlay","useTemplateRef","data","reactive","selectedValuesRef","computed","placeholderRef","normalizedOptionsRef","normalizeListOptions","selectedOptionsRef","opt","deepEqual","filteredOptionsRef","selectedValues","unref","options","search","deepIncludes","isLoadingOptions","showLoadingSpinner","isDisabled","tabindex","updateActiveOption","selectOption","values","it","_a","unselectOption","d","setFocusOnInput","toggleModel","onFocusOut","event","relatedTarget","_c","_b","handleKeydown","open","activeOption","filteredOptions","length","useLabelNotch","watch","watchPostEffect","_createElementBlock","_createElementVNode","_normalizeClass","_hoisted_2","_hoisted_3","_cache","$event","_vModelText","_openBlock","_hoisted_5","_Fragment","_renderList","i","_createBlock","_unref","PlChip","_withModifiers","_createTextVNode","_toDisplayString","_hoisted_6","PlIcon24","_renderSlot","_ctx","_hoisted_7","PlSvg","SvgRequired","PlTooltip","DropdownOverlay","_hoisted_8","item","index","DropdownListItem","_hoisted_9","_createVNode","DoubleContour","_hoisted_10","getErrorMessage","_hoisted_11"],"mappings":"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"}

package/dist/components/PlDropdownMultiRef/PlDropdownMultiRef.vue.js

@@ -1,43 +0,0 @@
-import { defineComponent as r, useSlots as s, computed as n, createBlock as u, openBlock as i, mergeProps as f, createSlots as m, withCtx as c, unref as v, renderSlot as _ } from "vue";
-import b from "../PlDropdownMulti/PlDropdownMulti.vue.js";
-const k = /* @__PURE__ */ r({
-  __name: "PlDropdownMultiRef",
-  props: {
-    modelValue: { default: () => [] },
-    label: { default: void 0 },
-    options: { default: void 0 },
-    helper: { default: void 0 },
-    error: { default: void 0 },
-    placeholder: { default: "..." },
-    required: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 }
-  },
-  emits: ["update:modelValue"],
-  setup(l) {
-    const a = s(), t = l, d = n(
-      () => {
-        var e;
-        return (e = t.options) == null ? void 0 : e.map((o) => ({
-          label: o.label,
-          value: o.ref
-        }));
-      }
-    );
-    return (e, o) => (i(), u(b, f(t, {
-      options: d.value,
-      "onUpdate:modelValue": o[0] || (o[0] = (p) => e.$emit("update:modelValue", p))
-    }), m({ _: 2 }, [
-      v(a).tooltip ? {
-        name: "tooltip",
-        fn: c(() => [
-          _(e.$slots, "tooltip")
-        ]),
-        key: "0"
-      } : void 0
-    ]), 1040, ["options"]));
-  }
-});
-export {
-  k as default
-};
-//# sourceMappingURL=PlDropdownMultiRef.vue.js.map

package/dist/components/PlDropdownMultiRef/PlDropdownMultiRef.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PlDropdownMultiRef.vue.js","sources":["../../../src/components/PlDropdownMultiRef/PlDropdownMultiRef.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ModelRef, RefOption } from \"../../types\";\nimport PlDropdownMulti from \"../PlDropdownMulti/PlDropdownMulti.vue\";\nimport { computed, useSlots } from \"vue\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst slots: any = useSlots();\n\ndefineEmits<{\n  /**\n   * Emitted when the model value is updated.\n   */\n  (e: \"update:modelValue\", value: ModelRef[] | undefined): void;\n}>();\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * The current selected values.\n     */\n    modelValue: ModelRef[] | undefined;\n    /**\n     * The label text for the dropdown field (optional)\n     */\n    label?: string;\n    /**\n     * List of available options for the dropdown\n     */\n    options?: Readonly<RefOption[]>;\n    /**\n     * A helper text displayed below the dropdown when there are no errors (optional).\n     */\n    helper?: string;\n    /**\n     * Error message displayed below the dropdown (optional)\n     */\n    error?: unknown;\n    /**\n     * Placeholder text shown when no value is selected.\n     */\n    placeholder?: string;\n    /**\n     * If `true`, the dropdown component is marked as required.\n     */\n    required?: boolean;\n    /**\n     * If `true`, the dropdown component is disabled and cannot be interacted with.\n     */\n    disabled?: boolean;\n  }>(),\n  {\n    modelValue: () => [],\n    label: undefined,\n    helper: undefined,\n    error: undefined,\n    placeholder: \"...\",\n    required: false,\n    disabled: false,\n    options: undefined,\n  },\n);\n\nconst options = computed(() =>\n  props.options?.map((opt) => ({\n    label: opt.label,\n    value: opt.ref,\n  })),\n);\n</script>\n\n<template>\n  <PlDropdownMulti\n    v-bind=\"props\"\n    :options=\"options\"\n    @update:model-value=\"$emit('update:modelValue', $event)\"\n  >\n    <template v-if=\"slots.tooltip\" #tooltip>\n      <slot name=\"tooltip\" />\n    </template>\n  </PlDropdownMulti>\n</template>\n"],"names":["slots","useSlots","props","__props","options","computed","_a","opt","_createBlock","PlDropdownMulti","_mergeProps","_cache","$event","$emit","_unref","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;;;AAMA,UAAMA,IAAaC,EAAA,GASbC,IAAQC,GA+CRC,IAAUC;AAAA,MAAS,MAAA;;AACvB,gBAAAC,IAAAJ,EAAM,YAAN,gBAAAI,EAAe,IAAI,CAACC,OAAS;AAAA,UAC3B,OAAOA,EAAI;AAAA,UACX,OAAOA,EAAI;AAAA,QAAA;AAAA;AAAA,IACX;2BAKFC,EAQkBC,GARlBC,EAQkBR,GAPH;AAAA,MACZ,SAASE,EAAA;AAAA,MACT,uBAAkBO,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEC,EAAAA,MAAK,qBAAsBD,CAAM;AAAA,IAAA;MAEtCE,EAAAd,CAAA,EAAM;cAAU;AAAA,cAC9B,MAAuB;AAAA,UAAvBe,EAAuBC,EAAA,QAAA,SAAA;AAAA,QAAA;;;;;;"}