@milaboratories/uikit 2.2.90 → 2.2.92

package/dist/components/PlDropdownLine/ResizableInput.vue.d.ts

@@ -0,0 +1,14 @@
+type __VLS_Props = {
+    modelValue?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    maxWidth?: string;
+    width?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=ResizableInput.vue.d.ts.map

package/dist/components/PlDropdownLine/ResizableInput.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizableInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlDropdownLine/ResizableInput.vue"],"names":[],"mappings":"AA6CA,OAAO,wBAAwB,CAAC;AAGhC,KAAK,WAAW,GAAG;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;;;;;;AAiFF,wBAQG"}

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

@@ -0,0 +1,43 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".resizable-input{position:relative;box-sizing:border-box;padding:0 8px;display:inline-block;max-width:100%;text-overflow:ellipsis;overflow:hidden}.resizable-input__size-span{font-family:inherit;white-space:pre;display:inline-block;font-size:inherit;line-height:inherit;box-sizing:border-box;position:relative;left:0;opacity:0;min-width:2px;-webkit-user-select:none;user-select:none;vertical-align:top}.resizable-input input{border:none;outline:none;height:100%;text-overflow:ellipsis;font-family:inherit;background:none;color:inherit;top:0;left:0;right:0;font-size:inherit;line-height:inherit;position:absolute;box-sizing:border-box}")),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();
+import { defineComponent as p, computed as a, createElementBlock as u, openBlock as c, createElementVNode as o, normalizeStyle as m, toDisplayString as h, mergeProps as _ } from "vue";
+
+const f = { class: "resizable-input" }, b = ["placeholder", "value", "disabled"], x = /* @__PURE__ */ p({
+  __name: "ResizableInput",
+  props: {
+    modelValue: {},
+    placeholder: {},
+    disabled: { type: Boolean },
+    maxWidth: {},
+    width: {}
+  },
+  emits: ["update:modelValue"],
+  setup(s, { emit: d }) {
+    const t = s, n = d, i = a(() => {
+      var e;
+      return t.placeholder ? t.placeholder : (e = t.modelValue) == null ? void 0 : e.replace('"', "");
+    }), l = a(() => {
+      const e = {};
+      return t.width && (e.width = t.width), t.maxWidth && (e.maxWidth = t.maxWidth), e;
+    });
+    function r(e) {
+      n("update:modelValue", e.target.value);
+    }
+    return (e, v) => (c(), u("div", f, [
+      o("span", {
+        style: m(l.value),
+        class: "resizable-input__size-span"
+      }, h(i.value), 5),
+      o("input", _(e.$attrs, {
+        placeholder: e.placeholder,
+        value: t.modelValue,
+        disabled: t.disabled,
+        style: l.value,
+        onInput: r
+      }), null, 16, b)
+    ]));
+  }
+});
+export {
+  x as default
+};
+//# sourceMappingURL=ResizableInput.vue.js.map

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

@@ -0,0 +1 @@
+{"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 v-bind=\"$attrs\" :placeholder=\"placeholder\" :value=\"props.modelValue\" :disabled=\"props.disabled\" :style=\"styles\" @input=\"handleInput\" />\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","text","computed","_a","styles","stl","handleInput","event"],"mappings":";;;;;;;;;;;;;AAIA,UAAMA,IAAQC,GAQRC,IAAOC,GAEPC,IAAOC,EAAS,MAAM;;AAC1B,aAAIL,EAAM,cACDA,EAAM,eAEPM,IAAAN,EAAM,eAAN,gBAAAM,EAAmB,QAAQ,KAAK;AAAA,IAAE,CAC3C,GAEKC,IAASF,EAAS,MAAM;AAC5B,YAAMG,IAA8B,CAAC;AACrC,aAAIR,EAAM,UACJQ,EAAA,QAAWR,EAAM,QAEnBA,EAAM,aACJQ,EAAA,WAAcR,EAAM,WAEnBQ;AAAA,IAAA,CACR;AAED,aAASC,EAAYC,GAAc;AAC5B,MAAAR,EAAA,qBAAsBQ,EAAM,OAA4B,KAAK;AAAA,IAAA;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,5 @@
+import f from "./ResizableInput.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=ResizableInput.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResizableInput.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/PlDropdownLine/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PlDropdownLine/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/PlDropdownMulti/PlDropdownMulti.vue.d.ts

@@ -0,0 +1,58 @@
+import { ListOption } from '../../types';
+/**
+ * A component for selecting multiple values from a list of options
+ */
+declare const _default: <M = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly "onUpdate:modelValue"?: ((v: M[]) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue"> & {
+        /**
+         * The current selected values.
+         */
+        modelValue: M[];
+        /**
+         * The label text for the dropdown field (optional)
+         */
+        label?: string;
+        /**
+         * List of available options for the dropdown
+         */
+        options?: Readonly<ListOption<M>[]>;
+        /**
+         * A helper text displayed below the dropdown when there are no errors (optional).
+         */
+        helper?: string;
+        /**
+         * Error message displayed below the dropdown (optional)
+         */
+        error?: unknown;
+        /**
+         * Placeholder text shown when no value is selected.
+         */
+        placeholder?: string;
+        /**
+         * If `true`, the dropdown component is marked as required.
+         */
+        required?: boolean;
+        /**
+         * If `true`, the dropdown component is disabled and cannot be interacted with.
+         */
+        disabled?: boolean;
+    } & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        append?(_: {}): any;
+        tooltip?(_: {}): any;
+    };
+    emit: (e: "update:modelValue", v: M[]) => void;
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};
+//# sourceMappingURL=PlDropdownMulti.vue.d.ts.map

package/dist/components/PlDropdownMulti/PlDropdownMulti.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlDropdownMulti.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlDropdownMulti/PlDropdownMulti.vue"],"names":[],"mappings":"AAAA,OAkUO,0BAA0B,CAAC;AAOlC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAU9C;;GAEG;yBACc,CAAC,yBACJ,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA6iB1D,mBAAmB,CAAC;;;QAjiBxB;;WAEG;oBACS,CAAC,EAAE;QACf;;WAEG;gBACK,MAAM;QACd;;WAEG;kBACO,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;QACnC;;WAEG;iBACM,MAAM;QACf;;WAEG;gBACK,OAAO;QACf;;WAEG;sBACW,MAAM;QACpB;;WAEG;mBACQ,OAAO;QAClB;;WAEG;mBACQ,OAAO;mBAkgBwE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;wBA3DkB,GAAG;yBACF,GAAG;;cAlf3B,mBAAmB,KAAK,CAAC,EAAE,KAAG,IAAI;;;;YAijBI,OAAO,CAAC,OAAO,WAAW,CAAC;;AAvjBvE,wBAujB4E;AAG5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -0,0 +1,219 @@
+(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode(`.pl-dropdown-multi{--contour-color: var(--txt-01);--contour-border-width: 1px;--options-bg: #fff;--option-hover-bg: var(--btn-sec-hover-grey);--label-offset-left-x: 8px;--label-offset-right-x: 8px;--label-color: var(--txt-01);position:relative;outline:none;min-height:var(--control-height);border-radius:6px;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weigh-base)}[data-theme=dark] .pl-dropdown-multi{--options-bg: #1B1B1F}.pl-dropdown-multi__envelope{font-family:var(--control-font-family);min-width:160px}.pl-dropdown-multi label{display:flex;align-items:center;gap:4px;position:absolute;top:0;transform:translateY(-60%);left:var(--label-offset-left-x);padding:0 4px;max-width:calc(100% - 16px);overflow:hidden;white-space:pre;text-overflow:ellipsis;cursor:inherit;color:var(--label-color);font-size:12px;font-weight:500;border-bottom-right-radius:4px;border-bottom-left-radius:4px;background:var(--bg-elevated-01)}.pl-dropdown-multi label>span{overflow:hidden;white-space:pre;text-overflow:ellipsis}.pl-dropdown-multi__container{position:absolute;top:0;left:0;right:0;border-radius:6px;min-height:var(--control-height);padding:1px;color:var(--txt-01)}.pl-dropdown-multi__contour{border-radius:var(--border-radius-control);border:var(--contour-border-width) solid var(--contour-color);box-shadow:var(--contour-box-shadow);z-index:0;pointer-events:none}.pl-dropdown-multi__options{position:absolute;top:0;z-index:var(--z-dropdown-options);border:1px solid var(--border-color-div-grey);background-color:var(--pl-dropdown-options-bg);border-radius:6px;max-height:244px;box-shadow:0 4px 12px -2px #0f244d14,0 6px 24px -2px #0f244d14;--thumb-color: var(--ic-02);overflow-y:auto}.pl-dropdown-multi__options::-webkit-scrollbar{width:var(--scrollbar-width, 6px);height:5px;background-color:transparent;display:block}.pl-dropdown-multi__options::-webkit-scrollbar-thumb{background:var(--thumb-color);border-radius:5px}.pl-dropdown-multi__options::-webkit-scrollbar-thumb:hover{--thumb-color: var(--border-color-focus)}.pl-dropdown-multi__options .nothing-found{padding:0 10px;height:var(--control-height);line-height:20px;background-color:#fff;opacity:.5;font-style:italic}.pl-dropdown-multi__options .option{position:relative;padding:0 10px;height:var(--control-height);line-height:20px;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:12px;--base-icon: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M19.5%204.5H4.5L4.5%2019.5H19.5V4.5ZM4.5%203C3.67157%203%203%203.67157%203%204.5V19.5C3%2020.3284%203.67157%2021%204.5%2021H19.5C20.3284%2021%2021%2020.3284%2021%2019.5V4.5C21%203.67157%2020.3284%203%2019.5%203H4.5Z'%20fill='%23110529'/%3e%3c/svg%3e");--checked-icon: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='3'%20y='3'%20width='18'%20height='18'%20rx='2'%20fill='%23110529'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M17.5431%208.51739L10.3333%2016.0877L6.45691%2012.0174L7.54312%2010.9829L10.3333%2013.9127L16.4569%207.48291L17.5431%208.51739Z'%20fill='white'/%3e%3c/svg%3e")}.pl-dropdown-multi__options .option .pl-dropdown-multi__checkmark{cursor:pointer;outline:none;border-radius:4px;background:var(--base-icon) no-repeat center;width:24px;height:24px}[data-theme=dark] .pl-dropdown-multi__options .option .pl-dropdown-multi__checkmark{--base-icon: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M19.5%204.5H4.5L4.5%2019.5H19.5V4.5ZM4.5%203C3.67157%203%203%203.67157%203%204.5V19.5C3%2020.3284%203.67157%2021%204.5%2021H19.5C20.3284%2021%2021%2020.3284%2021%2019.5V4.5C21%203.67157%2020.3284%203%2019.5%203H4.5Z'%20fill='white'/%3e%3c/svg%3e");--checked-icon: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='3'%20y='3'%20width='18'%20height='18'%20rx='2'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M17.5431%208.51739L10.3333%2016.0877L6.45691%2012.0174L7.54312%2010.9829L10.3333%2013.9127L16.4569%207.48291L17.5431%208.51739Z'%20fill='%23110529'/%3e%3c/svg%3e")}.pl-dropdown-multi__options .option>span{display:block;overflow:hidden;white-space:nowrap;max-width:100%;text-overflow:ellipsis}.pl-dropdown-multi__options .option.selected{background-color:var(--color-active-select)}.pl-dropdown-multi__options .option.selected .pl-dropdown-multi__checkmark{background:var(--checked-icon) no-repeat center;width:24px;height:24px}.pl-dropdown-multi__options .option.active:not(.selected){background-color:var(--option-hover-bg)}.pl-dropdown-multi__options .option:hover{background-color:var(--option-hover-bg)}.pl-dropdown-multi__field{position:relative;border-radius:6px;overflow:hidden;background:transparent;padding-left:11px;min-height:var(--control-height);line-height:20px;cursor:pointer;display:flex;flex-direction:row;align-items:center}.pl-dropdown-multi__field .chips-container{position:absolute;top:0;left:0;bottom:0;right:30px;overflow:hidden;padding:0 60px 0 11px;line-height:20px;color:var(--contour-color);display:flex;gap:8px;align-items:center}.pl-dropdown-multi__field input{min-height:calc(var(--control-height) - 2px);line-height:20px;font-family:inherit;font-size:inherit;background-color:transparent;border:none;padding:0;width:calc(100% - 20px);color:var(--txt-01);caret-color:var(--border-color-focus)}.pl-dropdown-multi__field input:focus{outline:none}.pl-dropdown-multi__field input:placeholder-shown{text-overflow:ellipsis}.pl-dropdown-multi__field input::placeholder{color:var(--color-placeholder)}.pl-dropdown-multi__field:hover .clear{display:block}.pl-dropdown-multi__controls{display:flex;flex-direction:row;align-items:center;gap:6px;margin-left:auto}.pl-dropdown-multi__controls .mask-16,.pl-dropdown-multi__controls .mask-24{--icon-color: var(--control-mask-fill);cursor:pointer}.pl-dropdown-multi__controls .mask-loading{--icon-color: var(--ic-accent);animation:spin 2.5s linear infinite}.pl-dropdown-multi__arrow-wrapper{display:flex;align-items:center;min-height:var(--control-height);padding-right:11px}.pl-dropdown-multi .arrow-icon{cursor:pointer}.pl-dropdown-multi .arrow-icon.arrow-icon-default{transition:transform .2s;background-color:var(--control-mask-fill);mask-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M2.46967%206.53033L3.53033%205.46967L8%209.93934L12.4697%205.46967L13.5303%206.53033L8%2012.0607L2.46967%206.53033Z'%20fill='%23110529'/%3e%3c/svg%3e");-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M2.46967%206.53033L3.53033%205.46967L8%209.93934L12.4697%205.46967L13.5303%206.53033L8%2012.0607L2.46967%206.53033Z'%20fill='%23110529'/%3e%3c/svg%3e");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:16px;-webkit-mask-size:16px;width:16px;height:16px}.pl-dropdown-multi__helper{font-size:12px;color:var(--txt-03);padding:2px 0 0;white-space:pre-wrap;text-overflow:ellipsis;font-weight:500;line-height:16px;margin-top:6px}.pl-dropdown-multi__error{font-size:12px;color:var(--txt-error);padding:2px 0 0;white-space:pre-wrap;text-overflow:ellipsis;font-weight:500;line-height:16px;margin-top:6px}.pl-dropdown-multi.open .arrow-icon.arrow-icon-default{background-color:var(--control-mask-fill);transform:rotate(-180deg)}.pl-dropdown-multi .clear{display:none;position:absolute;top:50%;transform:translateY(-50%);right:36px;z-index:1;background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_586_7851)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8%2016C12.4183%2016%2016%2012.4183%2016%208C16%203.58172%2012.4183%200%208%200C3.58172%200%200%203.58172%200%208C0%2012.4183%203.58172%2016%208%2016ZM4.46967%205.53033L6.93934%208L4.46967%2010.4697L5.53033%2011.5303L8%209.06066L10.4697%2011.5303L11.5303%2010.4697L9.06066%208L11.5303%205.53033L10.4697%204.46967L8%206.93934L5.53033%204.46967L4.46967%205.53033Z'%20fill='%23CFD1DB'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_586_7851'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") no-repeat center;width:16px;height:16px;cursor:pointer}.pl-dropdown-multi.open,.pl-dropdown-multi:focus-within{z-index:1}.pl-dropdown-multi.open .pl-dropdown-multi__container .label,.pl-dropdown-multi:focus-within .pl-dropdown-multi__container .label{color:var(--txt-focus)}.pl-dropdown-multi.open .pl-dropdown-multi__container{z-index:1000}.pl-dropdown-multi.open .pl-dropdown-multi__field{border-radius:6px 6px 0 0}.pl-dropdown-multi.open .arrow{background-color:var(--control-mask-fill);mask-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8%204.93933L13.5303%2010.4697L12.4697%2011.5303L8%207.06065L3.53033%2011.5303L2.46967%2010.4697L8%204.93933Z'%20fill='%23110529'/%3e%3c/svg%3e");-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8%204.93933L13.5303%2010.4697L12.4697%2011.5303L8%207.06065L3.53033%2011.5303L2.46967%2010.4697L8%204.93933Z'%20fill='%23110529'/%3e%3c/svg%3e");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:16px;-webkit-mask-size:16px;width:16px;height:16px}.pl-dropdown-multi:hover{--contour-color: var(--control-hover-color)}.pl-dropdown-multi:focus-within:not(.error){--label-color: var(--txt-focus);--contour-color: var(--border-color-focus);--contour-border-width: 2px;--contour-box-shadow: 0 0 0 4px var(--border-color-focus-shadow)}.pl-dropdown-multi:focus-within.error{--contour-border-width: 2px;--contour-box-shadow: 0 0 0 4px var(--color-error-shadow)}.pl-dropdown-multi.error{--contour-color: var(--txt-error);--label-color: var(--txt-error)}.pl-dropdown-multi.disabled{--contour-color: var(--color-dis-01);--control-mask-fill: var(--color-dis-01);--label-color: var(--color-dis-01);cursor:not-allowed;pointer-events:none}.pl-dropdown-multi.disabled .mask-loading{animation:spin 2.5s linear infinite;--icon-color: var(--ic-accent)}.pl-dropdown-multi__open-chips-container{padding:12px}.pl-dropdown-multi__open-chips-container .pl-chip{margin-right:4px;margin-bottom:4px}`)),document.head.appendChild(o)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+import { defineComponent as X, useSlots as Y, ref as N, useTemplateRef as Z, reactive as ee, computed as p, unref as a, watch as oe, watchPostEffect as te, createElementBlock as d, openBlock as r, createElementVNode as u, createCommentVNode as f, normalizeClass as le, createBlock as m, createVNode as ne, withDirectives as re, vModelText as se, Fragment as g, renderList as C, withModifiers as O, withCtx as y, createTextVNode as q, toDisplayString as v, renderSlot as B } from "vue";
+
+import { tap as ae } from "../../helpers/functions.js";
+import ie from "../PlTooltip/PlTooltip.vue.js";
+import T from "../PlChip/PlChip.vue.js";
+import de from "../../utils/DoubleContour.vue.js";
+import { useLabelNotch as ue } from "../../utils/useLabelNotch.js";
+import ce from "../DropdownListItem.vue.js";
+import { deepEqual as k, deepIncludes as x } from "../../helpers/objects.js";
+import { normalizeListOptions as pe } from "../../helpers/utils.js";
+import fe from "../../utils/DropdownOverlay/DropdownOverlay.vue.js";
+import me from "../PlIcon24/PlIcon24.vue.js";
+import ve from "../../generated/components/svg/images/SvgRequired.vue2.js";
+import { getErrorMessage as he } from "../../helpers/error.js";
+const _e = ["tabindex"], we = { class: "pl-dropdown-multi__container" }, ye = { class: "pl-dropdown-multi__field" }, ke = ["disabled", "placeholder"], be = {
+  key: 0,
+  class: "chips-container"
+}, ge = { class: "pl-dropdown-multi__controls" }, Ce = { key: 0 }, Oe = { class: "pl-dropdown-multi__open-chips-container" }, Ve = {
+  key: 0,
+  class: "nothing-found"
+}, $e = {
+  key: 0,
+  class: "pl-dropdown-multi__error"
+}, Ae = {
+  key: 1,
+  class: "pl-dropdown-multi__helper"
+}, Ee = {
+  name: "PlDropdownMulti"
+}, Ue = /* @__PURE__ */ X({
+  ...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 }
+  },
+  emits: ["update:modelValue"],
+  setup(z, { emit: S }) {
+    const P = S, V = (e) => P("update:modelValue", e), U = Y(), s = z, c = N(), $ = N(), h = Z("overlay"), t = ee({
+      search: "",
+      activeOption: -1,
+      open: !1,
+      optionsHeight: 0
+    }), _ = p(() => Array.isArray(s.modelValue) ? s.modelValue : []), K = p(() => t.open && s.modelValue.length > 0 ? s.placeholder : s.modelValue.length > 0 ? "" : s.placeholder), A = p(() => pe(s.options ?? [])), E = p(() => _.value.map((e) => A.value.find((l) => k(l.value, e))).filter((e) => e !== void 0)), w = p(() => {
+      const e = a(_), l = a(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: x(e, o.value)
+      }));
+    }), D = p(() => s.options === void 0), b = p(() => D.value ? !0 : s.disabled), H = p(() => b.value ? void 0 : "0"), j = () => {
+      t.activeOption = ae(
+        w.value.findIndex((e) => k(e.value, s.modelValue)),
+        (e) => e < 0 ? 0 : e
+      );
+    }, M = (e) => {
+      var o;
+      const l = a(_);
+      V(x(l, e) ? l.filter((n) => !k(n, e)) : [...l, e]), t.search = "", (o = c == null ? void 0 : c.value) == null || o.focus();
+    }, R = (e) => V(a(_).filter((l) => !k(l, e))), G = () => {
+      var e;
+      return (e = $.value) == null ? void 0 : e.focus();
+    }, J = () => {
+      t.open = !t.open, t.open || (t.search = "");
+    }, F = (e) => {
+      var o, n, i;
+      const l = e.relatedTarget;
+      !((o = c.value) != null && o.contains(l)) && !((i = (n = h.value) == null ? void 0 : n.listRef) != null && i.contains(l)) && (t.search = "", t.open = !1);
+    }, Q = (e) => {
+      var L;
+      const { open: l, activeOption: o } = t;
+      if (!l) {
+        e.code === "Enter" && (t.open = !0);
+        return;
+      }
+      e.code === "Escape" && (t.open = !1, (L = c.value) == null || L.focus());
+      const n = a(w), { length: i } = n;
+      if (!i)
+        return;
+      ["ArrowDown", "ArrowUp", "Enter"].includes(e.code) && e.preventDefault(), e.code === "Enter" && M(n[o].value);
+      const W = e.code === "ArrowDown" ? 1 : e.code === "ArrowUp" ? -1 : 0;
+      t.activeOption = Math.abs(o + W + i) % i, requestAnimationFrame(() => {
+        var I;
+        return (I = h.value) == null ? void 0 : I.scrollIntoActive();
+      });
+    };
+    return ue(c), oe(
+      () => s.modelValue,
+      () => j(),
+      { immediate: !0 }
+    ), te(() => {
+      var e;
+      t.search, t.open && ((e = h.value) == null || e.scrollIntoActive());
+    }), (e, l) => (r(), d("div", {
+      class: "pl-dropdown-multi__envelope",
+      onClick: G
+    }, [
+      u("div", {
+        ref_key: "rootRef",
+        ref: c,
+        tabindex: H.value,
+        class: le(["pl-dropdown-multi", { open: t.open, error: e.error, disabled: b.value }]),
+        onKeydown: Q,
+        onFocusout: F
+      }, [
+        u("div", we, [
+          u("div", ye, [
+            re(u("input", {
+              ref_key: "input",
+              ref: $,
+              "onUpdate:modelValue": l[0] || (l[0] = (o) => t.search = o),
+              type: "text",
+              tabindex: "-1",
+              disabled: b.value,
+              placeholder: K.value,
+              spellcheck: "false",
+              autocomplete: "chrome-off",
+              onFocus: l[1] || (l[1] = (o) => t.open = !0)
+            }, null, 40, ke), [
+              [se, t.search]
+            ]),
+            t.open ? f("", !0) : (r(), d("div", be, [
+              (r(!0), d(g, null, C(E.value, (o, n) => (r(), m(a(T), {
+                key: n,
+                closeable: "",
+                small: "",
+                onClick: l[2] || (l[2] = O((i) => t.open = !0, ["stop"])),
+                onClose: (i) => R(o.value)
+              }, {
+                default: y(() => [
+                  q(v(o.label || o.value), 1)
+                ]),
+                _: 2
+              }, 1032, ["onClose"]))), 128))
+            ])),
+            u("div", ge, [
+              D.value ? (r(), m(a(me), {
+                key: 0,
+                name: "loading"
+              })) : f("", !0),
+              B(e.$slots, "append"),
+              u("div", {
+                class: "pl-dropdown-multi__arrow-wrapper",
+                onClick: O(J, ["stop"])
+              }, l[3] || (l[3] = [
+                u("div", { class: "arrow-icon arrow-icon-default" }, null, -1)
+              ]))
+            ])
+          ]),
+          e.label ? (r(), d("label", Ce, [
+            e.required ? (r(), m(ve, { key: 0 })) : f("", !0),
+            u("span", null, v(e.label), 1),
+            a(U).tooltip ? (r(), m(a(ie), {
+              key: 1,
+              class: "info",
+              position: "top"
+            }, {
+              tooltip: y(() => [
+                B(e.$slots, "tooltip")
+              ]),
+              _: 3
+            })) : f("", !0)
+          ])) : f("", !0),
+          t.open ? (r(), m(fe, {
+            key: 1,
+            ref_key: "overlay",
+            ref: h,
+            root: c.value,
+            class: "pl-dropdown-multi__options",
+            gap: 5,
+            tabindex: "-1",
+            onFocusout: F
+          }, {
+            default: y(() => [
+              u("div", Oe, [
+                (r(!0), d(g, null, C(E.value, (o, n) => (r(), m(a(T), {
+                  key: n,
+                  closeable: "",
+                  small: "",
+                  onClose: (i) => R(o.value)
+                }, {
+                  default: y(() => [
+                    q(v(o.label || o.value), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["onClose"]))), 128))
+              ]),
+              (r(!0), d(g, null, C(w.value, (o, n) => (r(), m(ce, {
+                key: n,
+                option: o,
+                "text-item": "text",
+                "is-selected": o.selected,
+                "is-hovered": t.activeOption == n,
+                size: "medium",
+                "use-checkbox": "",
+                onClick: O((i) => M(o.value), ["stop"])
+              }, null, 8, ["option", "is-selected", "is-hovered", "onClick"]))), 128)),
+              w.value.length ? f("", !0) : (r(), d("div", Ve, "Nothing found"))
+            ]),
+            _: 1
+          }, 8, ["root"])) : f("", !0),
+          ne(de, { class: "pl-dropdown-multi__contour" })
+        ])
+      ], 42, _e),
+      e.error ? (r(), d("div", $e, v(a(he)(e.error)), 1)) : e.helper ? (r(), d("div", Ae, v(e.helper), 1)) : f("", !0)
+    ]));
+  }
+});
+export {
+  Ue as default
+};
+//# sourceMappingURL=PlDropdownMulti.vue.js.map

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

@@ -0,0 +1 @@
+{"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 './pl-dropdown-multi.scss';\nimport { computed, reactive, ref, unref, useSlots, useTemplateRef, watch, watchPostEffect } from 'vue';\nimport { tap } from '../../helpers/functions';\nimport { PlTooltip } from '../PlTooltip';\nimport { PlChip } from '../PlChip';\nimport DoubleContour from '../../utils/DoubleContour.vue';\nimport { useLabelNotch } from '../../utils/useLabelNotch';\nimport type { ListOption } from '../../types';\nimport DropdownListItem from '../DropdownListItem.vue';\nimport { deepEqual, deepIncludes } from '../../helpers/objects';\nimport { normalizeListOptions } from '../../helpers/utils';\nimport DropdownOverlay from '../../utils/DropdownOverlay/DropdownOverlay.vue';\nimport { PlMaskIcon24 } from '../PlMaskIcon24';\nimport SvgRequired from '../../generated/components/svg/images/SvgRequired.vue';\nimport { getErrorMessage } from '../../helpers/error.ts';\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  {\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 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.map((v) => normalizedOptionsRef.value.find((opt) => deepEqual(opt.value, v))).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 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 = tap(\n    filteredOptionsRef.value.findIndex((o) => deepEqual(o.value, props.modelValue)),\n    (v) => (v < 0 ? 0 : v),\n  );\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) => 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 v-for=\"(opt, i) in selectedOptionsRef\" :key=\"i\" closeable small @click.stop=\"data.open = true\" @close=\"unselectOption(opt.value)\">\n              {{ opt.label || opt.value }}\n            </PlChip>\n          </div>\n\n          <div class=\"pl-dropdown-multi__controls\">\n            <PlMaskIcon24 v-if=\"isLoadingOptions\" 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          <SvgRequired v-if=\"required\" />\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 v-for=\"(opt, i) in selectedOptionsRef\" :key=\"i\" closeable small @close=\"unselectOption(opt.value)\">\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\" />\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","isDisabled","tabindex","updateActiveOption","tap","o","selectOption","values","it","_a","unselectOption","d","setFocusOnInput","toggleModel","onFocusOut","event","relatedTarget","_c","_b","handleKeydown","open","activeOption","filteredOptions","length","useLabelNotch","watch","watchPostEffect"],"mappings":"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"}

package/dist/components/PlDropdownMulti/PlDropdownMulti.vue2.js

@@ -0,0 +1,5 @@
+import f from "./PlDropdownMulti.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=PlDropdownMulti.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlDropdownMulti.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/PlDropdownMulti/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PlDropdownMulti/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/components/PlDropdownMultiRef/PlDropdownMultiRef.vue.d.ts

@@ -0,0 +1,76 @@
+import { ModelRef, RefOption } from '../../types';
+type __VLS_Props = {
+    /**
+     * The current selected values.
+     */
+    modelValue: ModelRef[] | undefined;
+    /**
+     * The label text for the dropdown field (optional)
+     */
+    label?: string;
+    /**
+     * List of available options for the dropdown
+     */
+    options?: Readonly<RefOption[]>;
+    /**
+     * A helper text displayed below the dropdown when there are no errors (optional).
+     */
+    helper?: string;
+    /**
+     * Error message displayed below the dropdown (optional)
+     */
+    error?: unknown;
+    /**
+     * Placeholder text shown when no value is selected.
+     */
+    placeholder?: string;
+    /**
+     * If `true`, the dropdown component is marked as required.
+     */
+    required?: boolean;
+    /**
+     * If `true`, the dropdown component is disabled and cannot be interacted with.
+     */
+    disabled?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        tooltip?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: Readonly<{
+        __isRef: true;
+        blockId: string;
+        name: string;
+        requireEnrichments?: true | undefined;
+    }>[] | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Readonly<{
+        __isRef: true;
+        blockId: string;
+        name: string;
+        requireEnrichments?: true | undefined;
+    }>[] | undefined) => any) | undefined;
+}>, {
+    options: Readonly<RefOption[]>;
+    error: undefined;
+    label: string;
+    modelValue: ModelRef[] | undefined;
+    required: boolean;
+    disabled: boolean;
+    helper: string;
+    placeholder: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=PlDropdownMultiRef.vue.d.ts.map

package/dist/components/PlDropdownMultiRef/PlDropdownMultiRef.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlDropdownMultiRef.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlDropdownMultiRef/PlDropdownMultiRef.vue"],"names":[],"mappings":"AAmFA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAevD,KAAK,WAAW,GAAG;IACf;;OAEG;IACH,UAAU,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAC;IACnC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS,EAAE,CAAC,CAAC;IAChC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAkCJ,iBAAS,cAAc;WAiDT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;aA3HP,QAAQ,CAAC,SAAS,EAAE,CAAC;;WAJvB,MAAM;gBAJF,QAAQ,EAAE,GAAG,SAAS;cAwBvB,OAAO;cAIP,OAAO;YAhBT,MAAM;iBAQD,MAAM;6EAwHtB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -0,0 +1,43 @@
+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

@@ -0,0 +1 @@
+{"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"],"mappings":";;;;;;;;;;;;;;;;AAMA,UAAMA,IAAaC,EAAS,GAStBC,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,IAEf;;;;;;;;;;;;;;;"}

package/dist/components/PlDropdownMultiRef/PlDropdownMultiRef.vue2.js

@@ -0,0 +1,5 @@
+import f from "./PlDropdownMultiRef.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=PlDropdownMultiRef.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlDropdownMultiRef.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/PlDropdownMultiRef/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PlDropdownMultiRef/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAC"}