@platforma-sdk/ui-vue 1.42.19 → 1.42.21

package/dist/lib/ui/uikit/dist/components/PlDropdown/PlDropdown.vue.js

@@ -1,234 +0,0 @@
-import { defineComponent as no, ref as D, useTemplateRef as io, reactive as ao, computed as i, unref as a, createElementBlock as u, watch as N, watchPostEffect as po, openBlock as l, createElementVNode as c, createCommentVNode as d, normalizeClass as so, createBlock as p, createVNode as T, withDirectives as co, vModelText as uo, withCtx as O, createTextVNode as fo, toDisplayString as v, renderSlot as S, withModifiers as H } from "vue";
-import { tap as vo } from "../../helpers/functions.js";
-import ho from "../PlTooltip/PlTooltip.vue.js";
-import wo from "../../utils/DoubleContour.vue.js";
-import { useLabelNotch as mo } from "../../utils/useLabelNotch.js";
-import { deepEqual as z } from "../../helpers/objects.js";
-import xo from "../LongText.vue.js";
-import { normalizeListOptions as bo } from "../../helpers/utils.js";
-import I from "../PlIcon16/PlIcon16.vue.js";
-import M from "../PlIcon24/PlIcon24.vue.js";
-import go from "../../generated/components/svg/images/SvgRequired.vue2.js";
-import { getErrorMessage as _o } from "../../helpers/error.js";
-import ko from "./OptionList.vue.js";
-import { useGroupBy as yo } from "./useGroupBy.js";
-(function() {
-  try {
-    if (typeof document < "u") {
-      var h = document.createElement("style");
-      h.appendChild(document.createTextNode(`.pl-dropdown__options{--option-hover-bg: var(--btn-sec-hover-grey);z-index:var(--z-dropdown-options);border:1px solid var(--border-color-div-grey);position:absolute;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__options::-webkit-scrollbar{width:var(--scrollbar-width, 6px);height:5px;background-color:transparent;display:block}.pl-dropdown__options::-webkit-scrollbar-thumb{background:var(--thumb-color);border-radius:5px}.pl-dropdown__options::-webkit-scrollbar-thumb:hover{--thumb-color: var(--border-color-focus)}.pl-dropdown__options .nothing-found{padding:0 10px;height:var(--control-height);line-height:var(--control-height);background-color:#fff;opacity:.5;font-style:italic}.pl-dropdown__options .group-container{padding:4px 0}.pl-dropdown__options .option{position:relative;padding:0 30px 0 10px;height:var(--control-height);line-height:var(--control-height);cursor:pointer;-webkit-user-select:none;user-select:none}.pl-dropdown__options .option .checkmark{position:absolute;display:none;right:10px;top:50%;transform:translateY(-50%)}.pl-dropdown__options .option>span{display:block;overflow:hidden;white-space:nowrap;max-width:100%;text-overflow:ellipsis}.pl-dropdown__options .option.selected{background-color:var(--color-active-select)}.pl-dropdown__options .option.selected .checkmark{display:block}.pl-dropdown__options .option.active:not(.selected){background-color:var(--option-hover-bg)}.pl-dropdown__options .option:hover{background-color:var(--option-hover-bg)}.pl-dropdown{--contour-color: var(--txt-01);--contour-border-width: 1px;--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)}.pl-dropdown__envelope{font-family:var(--control-font-family);min-width:160px}.pl-dropdown 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 label>span{overflow:hidden;white-space:pre;text-overflow:ellipsis}.pl-dropdown__container{position:absolute;top:0;left:0;right:0;border-radius:6px;min-height:var(--control-height);color:var(--txt-01)}.pl-dropdown__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__field{position:relative;border-radius:6px;overflow:hidden;background:transparent;padding-left:11px;min-height:var(--control-height);line-height:var(--control-height);display:flex;flex-direction:row;align-items:center;cursor:pointer}.pl-dropdown__field .input-value{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;flex-direction:row;align-items:center;padding:0 60px 0 11px;pointer-events:none;line-height:20px;color:var(--txt-01);overflow:hidden;white-space:pre;text-overflow:ellipsis;cursor:inherit}.pl-dropdown__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% - 40px);color:var(--txt-01);caret-color:var(--border-color-focus)}.pl-dropdown__field input:focus{outline:none}.pl-dropdown__field input:placeholder-shown{text-overflow:ellipsis}.pl-dropdown__field input::placeholder{color:var(--color-placeholder)}.pl-dropdown__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__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__controls{display:flex;flex-direction:row;align-items:center;gap:6px;margin-left:auto}.pl-dropdown__controls .mask-16,.pl-dropdown__controls .mask-24{cursor:pointer}.pl-dropdown__controls .clear{--icon-color: var(--ic-02)}.pl-dropdown__controls .mask-loading{--icon-color: var(--ic-accent);animation:spin 2.5s linear infinite}.pl-dropdown__arrow-wrapper{display:flex;align-items:center;min-height:var(--control-height);padding-right:11px}.pl-dropdown .arrow-icon{cursor:pointer}.pl-dropdown .arrow-icon.arrow-icon-default{transition:transform .2s}.pl-dropdown.open,.pl-dropdown:focus-within{z-index:1;--label-color: var(--txt-focus)}.pl-dropdown.open .pl-dropdown__container{z-index:1000}.pl-dropdown.open .pl-dropdown__field{border-radius:6px 6px 0 0}.pl-dropdown.open .arrow-icon.arrow-icon-default{transform:rotate(-180deg)}.pl-dropdown:hover{--contour-color: var(--control-hover-color)}.pl-dropdown: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:focus-within.error{--contour-border-width: 2px;--contour-box-shadow: 0 0 0 4px var(--color-error-shadow)}.pl-dropdown.error{--contour-color: var(--txt-error);--label-color: var(--txt-error)}.pl-dropdown.disabled{--contour-color: var(--color-dis-01);--icon-color: var(--color-dis-01);--label-color: var(--color-dis-01);cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.pl-dropdown.disabled .input-value{color:var(--dis-01)}
-.ui-lt-container{min-width:0;white-space:nowrap;overflow:hidden;position:relative;border-radius:5px}.ui-lt-container span{display:inline-block;overflow:hidden;text-overflow:ellipsis;width:100%;vertical-align:bottom;pointer-events:all!important}.ui-lt-container .ui-lt-animate{position:relative;animation:left-to-right var(--5deba9de) infinite alternate linear;overflow:unset!important;text-overflow:unset!important;width:fit-content!important}@keyframes left-to-right{0%{transform:translate(0);left:0%}to{transform:translate(-101%);left:101%}}`)), document.head.appendChild(h);
-    }
-  } catch (b) {
-    console.error("vite-plugin-css-injected-by-js", b);
-  }
-})();
-const Vo = ["tabindex"], zo = { class: "pl-dropdown__container" }, Io = { class: "pl-dropdown__field" }, Co = ["disabled", "placeholder"], Eo = {
-  key: 0,
-  class: "input-value"
-}, Lo = { class: "pl-dropdown__controls" }, Ro = { key: 0 }, $o = {
-  key: 0,
-  class: "pl-dropdown__error"
-}, Ao = {
-  key: 1,
-  class: "pl-dropdown__helper"
-}, Bo = {
-  key: 2,
-  class: "pl-dropdown__helper"
-}, Do = {
-  name: "PlDropdown"
-}, Qo = /* @__PURE__ */ no({
-  ...Do,
-  props: {
-    modelValue: {},
-    label: { default: "" },
-    options: { default: void 0 },
-    helper: { default: void 0 },
-    loadingOptionsHelper: { default: void 0 },
-    error: { default: void 0 },
-    placeholder: { default: "..." },
-    clearable: { type: Boolean, default: !1 },
-    required: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    arrowIcon: { default: void 0 },
-    arrowIconLarge: { default: void 0 },
-    optionSize: { default: "small" }
-  },
-  emits: ["update:modelValue"],
-  setup(h, { emit: b }) {
-    const C = b, t = h, s = D(), g = D(), _ = io("optionListRef"), e = ao({
-      search: "",
-      activeIndex: -1,
-      open: !1,
-      optionsHeight: 0
-    }), q = () => vo(
-      A.value.findIndex((o) => z(o.value, t.modelValue)),
-      (o) => o < 0 ? 0 : o
-    ), U = () => e.activeIndex = q(), w = i(() => t.options === void 0), k = i(() => w.value ? !0 : t.disabled), E = i(() => (t.options ?? []).findIndex((o) => z(o.value, t.modelValue))), L = i(() => {
-      if (!w.value) {
-        if (t.error)
-          return _o(t.error);
-        if (t.modelValue !== void 0 && E.value === -1)
-          return "The selected value is not one of the options";
-      }
-    }), R = i(
-      () => bo(t.options ?? []).map((o, r) => ({
-        ...o,
-        index: r,
-        isSelected: r === E.value,
-        isActive: r === e.activeIndex
-      }))
-    ), $ = i(() => {
-      const o = a(R).find((r) => z(r.value, t.modelValue));
-      return (o == null ? void 0 : o.label) || t.modelValue;
-    }), j = i(() => !e.open && t.modelValue !== void 0 ? "" : t.modelValue ? String($.value) : t.placeholder), P = i(() => t.modelValue !== void 0 && t.modelValue !== null), Y = i(() => {
-      const o = R.value;
-      return e.search ? o.filter((r) => {
-        const n = e.search.toLowerCase();
-        return r.label.toLowerCase().includes(n) || r.description && r.description.toLowerCase().includes(n) ? !0 : typeof r.value == "string" ? r.value.toLowerCase().includes(n) : r.value === e.search;
-      }) : o;
-    }), { orderedRef: A, groupsRef: F, restRef: G } = yo(Y, "group"), K = i(() => k.value ? void 0 : "0"), B = (o) => {
-      var r;
-      C("update:modelValue", o), e.search = "", e.open = !1, (r = s == null ? void 0 : s.value) == null || r.focus();
-    }, Q = (o) => {
-      B(o);
-    }, J = () => C("update:modelValue", void 0), W = () => {
-      var o;
-      return (o = g.value) == null ? void 0 : o.focus();
-    }, X = () => {
-      e.open = !e.open, e.open || (e.search = "");
-    }, Z = () => e.open = !0, oo = (o) => {
-      var r, n, m;
-      const f = o.relatedTarget;
-      !((r = s.value) != null && r.contains(f)) && !((m = (n = _.value) == null ? void 0 : n.listRef) != null && m.contains(f)) && (e.search = "", e.open = !1);
-    }, eo = (o) => {
-      var r, n;
-      if (["ArrowDown", "ArrowUp", "Enter", "Escape"].includes(o.code))
-        o.preventDefault();
-      else
-        return;
-      const { open: m, activeIndex: f } = e;
-      if (!m) {
-        o.code === "Enter" && (e.open = !0);
-        return;
-      }
-      o.code === "Escape" && (e.open = !1, (r = s.value) == null || r.focus());
-      const x = A.value, { length: y } = x;
-      if (!y)
-        return;
-      o.code === "Enter" && B((n = x.find((V) => V.index === f)) == null ? void 0 : n.value);
-      const ro = x.findIndex((V) => V.index === f) ?? -1, to = o.code === "ArrowDown" ? 1 : o.code === "ArrowUp" ? -1 : 0, lo = Math.abs(ro + to + y) % y;
-      e.activeIndex = x[lo].index ?? -1;
-    };
-    return mo(s), N(() => t.modelValue, U, { immediate: !0 }), N(
-      () => e.open,
-      (o) => {
-        var r;
-        return o ? (r = g.value) == null ? void 0 : r.focus() : "";
-      }
-    ), po(() => {
-      var o;
-      e.search, e.activeIndex >= 0 && e.open && ((o = _.value) == null || o.scrollIntoActive());
-    }), (o, r) => (l(), u("div", {
-      class: "pl-dropdown__envelope",
-      onClick: W
-    }, [
-      c("div", {
-        ref_key: "rootRef",
-        ref: s,
-        tabindex: K.value,
-        class: so(["pl-dropdown", { open: e.open, error: o.error, disabled: k.value }]),
-        onKeydown: eo,
-        onFocusout: oo
-      }, [
-        c("div", zo, [
-          c("div", Io, [
-            co(c("input", {
-              ref_key: "input",
-              ref: g,
-              "onUpdate:modelValue": r[0] || (r[0] = (n) => e.search = n),
-              type: "text",
-              tabindex: "-1",
-              disabled: k.value,
-              placeholder: j.value,
-              spellcheck: "false",
-              autocomplete: "chrome-off",
-              onFocus: Z
-            }, null, 40, Co), [
-              [uo, e.search]
-            ]),
-            e.open ? d("", !0) : (l(), u("div", Eo, [
-              T(xo, null, {
-                default: O(() => [
-                  fo(v($.value), 1)
-                ]),
-                _: 1
-              })
-            ])),
-            c("div", Lo, [
-              w.value ? (l(), p(a(M), {
-                key: 0,
-                name: "loading"
-              })) : d("", !0),
-              o.clearable && P.value ? (l(), p(a(I), {
-                key: 1,
-                class: "clear",
-                name: "delete-clear",
-                onClick: H(J, ["stop"])
-              })) : d("", !0),
-              S(o.$slots, "append"),
-              c("div", {
-                class: "pl-dropdown__arrow-wrapper",
-                onClick: H(X, ["stop"])
-              }, [
-                o.arrowIconLarge ? (l(), p(a(M), {
-                  key: 0,
-                  name: o.arrowIconLarge,
-                  class: "arrow-icon"
-                }, null, 8, ["name"])) : o.arrowIcon ? (l(), p(a(I), {
-                  key: 1,
-                  name: o.arrowIcon,
-                  class: "arrow-icon"
-                }, null, 8, ["name"])) : (l(), p(a(I), {
-                  key: 2,
-                  name: "chevron-down",
-                  class: "arrow-icon arrow-icon-default"
-                }))
-              ])
-            ])
-          ]),
-          o.label ? (l(), u("label", Ro, [
-            o.required ? (l(), p(go, { key: 0 })) : d("", !0),
-            c("span", null, v(o.label), 1),
-            o.$slots.tooltip ? (l(), p(a(ho), {
-              key: 1,
-              class: "info",
-              position: "top"
-            }, {
-              tooltip: O(() => [
-                S(o.$slots, "tooltip")
-              ]),
-              _: 3
-            })) : d("", !0)
-          ])) : d("", !0),
-          e.open ? (l(), p(ko, {
-            key: 1,
-            ref_key: "optionListRef",
-            ref: _,
-            "root-ref": s.value,
-            groups: a(F),
-            rest: a(G),
-            "option-size": o.optionSize,
-            "select-option": Q
-          }, null, 8, ["root-ref", "groups", "rest", "option-size"])) : d("", !0),
-          T(wo, { class: "pl-dropdown__contour" })
-        ])
-      ], 42, Vo),
-      L.value ? (l(), u("div", $o, v(L.value), 1)) : w.value && o.loadingOptionsHelper ? (l(), u("div", Ao, v(o.loadingOptionsHelper), 1)) : o.helper ? (l(), u("div", Bo, v(o.helper), 1)) : d("", !0)
-    ]));
-  }
-});
-export {
-  Qo as default
-};
-//# sourceMappingURL=PlDropdown.vue.js.map

package/dist/lib/ui/uikit/dist/components/PlDropdown/PlDropdown.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PlDropdown.vue.js","sources":["../../../../../../../../../lib/ui/uikit/src/components/PlDropdown/PlDropdown.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * A component for selecting one value from a list of options\n */\nexport default {\n  name: 'PlDropdown',\n};\n</script>\n\n<script lang=\"ts\" setup generic=\"M = unknown\">\nimport './pl-dropdown.scss';\nimport { computed, reactive, ref, unref, useTemplateRef, watch, watchPostEffect } from 'vue';\nimport { tap } from '../../helpers/functions';\nimport { PlTooltip } from '../PlTooltip';\nimport DoubleContour from '../../utils/DoubleContour.vue';\nimport { useLabelNotch } from '../../utils/useLabelNotch';\nimport type { ListOption, ListOptionNormalized, MaskIconName16, MaskIconName24 } from '../../types';\nimport { deepEqual } from '../../helpers/objects';\nimport LongText from '../LongText.vue';\nimport { normalizeListOptions } from '../../helpers/utils';\nimport { PlIcon16 } from '../PlIcon16';\nimport { PlIcon24 } from '../PlIcon24';\nimport SvgRequired from '../../generated/components/svg/images/SvgRequired.vue';\nimport { getErrorMessage } from '../../helpers/error.ts';\nimport OptionList from './OptionList.vue';\nimport { useGroupBy } from './useGroupBy';\nimport type { LOption } from './types';\n\nconst emit = defineEmits<{\n  /**\n   * Emitted when the model value is updated.\n   */\n  (e: 'update:modelValue', value: M | undefined): void;\n}>();\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * The current selected value of the dropdown.\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     * A helper text displayed below the dropdown when there are no options yet or options is undefined (optional).\n     */\n    loadingOptionsHelper?: 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     * Enables a button to clear the selected value (default: false)\n     */\n    clearable?: boolean;\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     * Custom icon (16px) class for the dropdown arrow (optional)\n     */\n    arrowIcon?: MaskIconName16;\n    /**\n     * Custom icon (24px) class for the dropdown arrow (optional)\n     */\n    arrowIconLarge?: MaskIconName24;\n    /**\n     * Option list item size\n     */\n    optionSize?: 'small' | 'medium';\n  }>(),\n  {\n    label: '',\n    helper: undefined,\n    loadingOptionsHelper: undefined,\n    error: undefined,\n    placeholder: '...',\n    clearable: false,\n    required: false,\n    disabled: false,\n    arrowIcon: undefined,\n    arrowIconLarge: undefined,\n    optionSize: 'small',\n    options: undefined,\n  },\n);\n\nconst rootRef = ref<HTMLElement | undefined>();\nconst input = ref<HTMLInputElement | undefined>();\n\nconst optionListRef = useTemplateRef<InstanceType<typeof OptionList>>('optionListRef');\n\nconst data = reactive({\n  search: '',\n  activeIndex: -1,\n  open: false,\n  optionsHeight: 0,\n});\n\nconst findActiveIndex = () =>\n  tap(\n    orderedRef.value.findIndex((o) => deepEqual(o.value, props.modelValue)),\n    (v) => (v < 0 ? 0 : v),\n  );\n\nconst updateActive = () => (data.activeIndex = findActiveIndex());\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 selectedIndex = computed(() => {\n  return (props.options ?? []).findIndex((o) => deepEqual(o.value, props.modelValue));\n});\n\nconst computedError = computed(() => {\n  if (isLoadingOptions.value) {\n    return undefined;\n  }\n\n  if (props.error) {\n    return getErrorMessage(props.error);\n  }\n\n  if (props.modelValue !== undefined && selectedIndex.value === -1) {\n    return 'The selected value is not one of the options';\n  }\n\n  return undefined;\n});\n\nconst optionsRef = computed<LOption<M>[]>(() =>\n  normalizeListOptions(props.options ?? []).map((opt, index) => ({\n    ...opt,\n    index,\n    isSelected: index === selectedIndex.value,\n    isActive: index === data.activeIndex,\n  })),\n);\n\nconst textValue = computed(() => {\n  const options = unref(optionsRef);\n\n  const item: ListOption | undefined = options.find((o) => deepEqual(o.value, props.modelValue));\n\n  return item?.label || props.modelValue; // @todo show inner value?\n});\n\nconst computedPlaceholder = computed(() => {\n  if (!data.open && props.modelValue !== undefined) {\n    return '';\n  }\n\n  return props.modelValue ? String(textValue.value) : props.placeholder;\n});\n\nconst hasValue = computed(() => {\n  return props.modelValue !== undefined && props.modelValue !== null;\n});\n\nconst filteredRef = computed(() => {\n  const options = optionsRef.value;\n\n  if (data.search) {\n    return options.filter((o: ListOptionNormalized) => {\n      const search = data.search.toLowerCase();\n\n      if (o.label.toLowerCase().includes(search)) {\n        return true;\n      }\n\n      if (o.description && o.description.toLowerCase().includes(search)) {\n        return true;\n      }\n\n      if (typeof o.value === 'string') {\n        return o.value.toLowerCase().includes(search);\n      }\n\n      return o.value === data.search;\n    });\n  }\n\n  return options;\n});\n\nconst { orderedRef, groupsRef, restRef } = useGroupBy(filteredRef, 'group');\n\nconst tabindex = computed(() => (isDisabled.value ? undefined : '0'));\n\nconst selectOption = (v: M | undefined) => {\n  emit('update:modelValue', v);\n  data.search = '';\n  data.open = false;\n  rootRef?.value?.focus();\n};\n\nconst selectOptionWrapper = (v: unknown) => {\n  selectOption(v as M | undefined);\n};\n\nconst clear = () => emit('update:modelValue', undefined);\n\nconst setFocusOnInput = () => input.value?.focus();\n\nconst toggleOpen = () => {\n  data.open = !data.open;\n  if (!data.open) {\n    data.search = '';\n  }\n};\n\nconst onInputFocus = () => (data.open = true);\n\nconst onFocusOut = (event: FocusEvent) => {\n  const relatedTarget = event.relatedTarget as Node | null;\n\n  if (!rootRef.value?.contains(relatedTarget) && !optionListRef.value?.listRef?.contains(relatedTarget)) {\n    data.search = '';\n    data.open = false;\n  }\n};\n\nconst handleKeydown = (e: { code: string; preventDefault(): void }) => {\n  if (!['ArrowDown', 'ArrowUp', 'Enter', 'Escape'].includes(e.code)) {\n    return;\n  } else {\n    e.preventDefault();\n  }\n\n  const { open, activeIndex } = 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 ordered = orderedRef.value;\n\n  const { length } = ordered;\n\n  if (!length) {\n    return;\n  }\n\n  if (e.code === 'Enter') {\n    selectOption(ordered.find((it) => it.index === activeIndex)?.value);\n  }\n\n  const localIndex = ordered.findIndex((it) => it.index === activeIndex) ?? -1;\n\n  const delta = e.code === 'ArrowDown' ? 1 : e.code === 'ArrowUp' ? -1 : 0;\n\n  const newIndex = Math.abs(localIndex + delta + length) % length;\n\n  data.activeIndex = ordered[newIndex].index ?? -1;\n};\n\nuseLabelNotch(rootRef);\n\nwatch(() => props.modelValue, updateActive, { immediate: true });\n\nwatch(\n  () => data.open,\n  (open) => (open ? input.value?.focus() : ''),\n);\n\nwatchPostEffect(() => {\n  // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n  data.search; // to watch\n\n  if (data.activeIndex >= 0 && data.open) {\n    optionListRef.value?.scrollIntoActive();\n  }\n});\n</script>\n\n<template>\n  <div class=\"pl-dropdown__envelope\" @click=\"setFocusOnInput\">\n    <div\n      ref=\"rootRef\"\n      :tabindex=\"tabindex\"\n      class=\"pl-dropdown\"\n      :class=\"{ open: data.open, error, disabled: isDisabled }\"\n      @keydown=\"handleKeydown\"\n      @focusout=\"onFocusOut\"\n    >\n      <div class=\"pl-dropdown__container\">\n        <div class=\"pl-dropdown__field\">\n          <input\n            ref=\"input\"\n            v-model=\"data.search\"\n            type=\"text\"\n            tabindex=\"-1\"\n            :disabled=\"isDisabled\"\n            :placeholder=\"computedPlaceholder\"\n            spellcheck=\"false\"\n            autocomplete=\"chrome-off\"\n            @focus=\"onInputFocus\"\n          />\n\n          <div v-if=\"!data.open\" class=\"input-value\">\n            <LongText> {{ textValue }} </LongText>\n          </div>\n\n          <div class=\"pl-dropdown__controls\">\n            <PlIcon24 v-if=\"isLoadingOptions\" name=\"loading\" />\n            <PlIcon16 v-if=\"clearable && hasValue\" class=\"clear\" name=\"delete-clear\" @click.stop=\"clear\" />\n            <slot name=\"append\" />\n            <div class=\"pl-dropdown__arrow-wrapper\" @click.stop=\"toggleOpen\">\n              <PlIcon24 v-if=\"arrowIconLarge\" :name=\"arrowIconLarge\" class=\"arrow-icon\" />\n              <PlIcon16 v-else-if=\"arrowIcon\" :name=\"arrowIcon\" class=\"arrow-icon\" />\n              <PlIcon16 v-else name=\"chevron-down\" 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        <OptionList\n          v-if=\"data.open\"\n          ref=\"optionListRef\"\n          :root-ref=\"rootRef!\"\n          :groups=\"groupsRef\"\n          :rest=\"restRef\"\n          :option-size=\"optionSize\"\n          :select-option=\"selectOptionWrapper\"\n        />\n        <DoubleContour class=\"pl-dropdown__contour\" />\n      </div>\n    </div>\n    <div v-if=\"computedError\" class=\"pl-dropdown__error\">{{ computedError }}</div>\n    <div v-else-if=\"isLoadingOptions && loadingOptionsHelper\" class=\"pl-dropdown__helper\">{{ loadingOptionsHelper }}</div>\n    <div v-else-if=\"helper\" class=\"pl-dropdown__helper\">{{ helper }}</div>\n  </div>\n</template>\n"],"names":["Be","emit","F","N","b","r","i","D","w","ae","o","se","findActiveIndex","orderedRef","v","fe","computed","e","q","P","h","a","k","V","g","getErrorMessage","props","ye","C","opt","index","t","E","data","l","H","U","K","search","options","useGroupBy","tabindex","selectOption","Ie","j","_a","clear","Q","input","X","onInputFocus","ee","rootRef","f","oe","x","A","length","c","R","localIndex","O","y","te","re","ne","useLabelNotch","he","B"],"mappings":"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"}

package/dist/lib/ui/uikit/dist/components/PlDropdown/useGroupBy.js

@@ -1,33 +0,0 @@
-import { computed as d } from "vue";
-function l(o, t) {
-  var e;
-  const r = /* @__PURE__ */ new Map();
-  if (!o)
-    return {
-      grouped: r,
-      rest: [],
-      ordered: []
-    };
-  for (const s of o) {
-    const u = s[t];
-    u != null && (r.has(u) || r.set(u, []), (e = r.get(u)) == null || e.push(s));
-  }
-  const n = o.filter((s) => s[t] == null), f = [...Array.from(r.values()).flat(), ...n];
-  return {
-    grouped: r,
-    rest: n,
-    ordered: f
-  };
-}
-function p(o, t) {
-  const e = d(() => l(o.value, t)), r = d(() => e.value.ordered), n = d(() => e.value.grouped), f = d(() => e.value.rest);
-  return {
-    orderedRef: r,
-    groupsRef: n,
-    restRef: f
-  };
-}
-export {
-  p as useGroupBy
-};
-//# sourceMappingURL=useGroupBy.js.map

package/dist/lib/ui/uikit/dist/components/PlDropdown/useGroupBy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useGroupBy.js","sources":["../../../../../../../../../lib/ui/uikit/src/components/PlDropdown/useGroupBy.ts"],"sourcesContent":["import type { Ref } from 'vue';\nimport { computed } from 'vue';\n\nfunction groupBy<T, K extends keyof T>(\n  list: T[],\n  groupBy: K,\n): {\n    grouped: Map<NonNullable<T[K]>, T[]>;\n    rest: T[];\n    ordered: T[];\n  } {\n  const grouped: Map<NonNullable<T[K]>, T[]> = new Map();\n\n  if (!list) {\n    return {\n      grouped,\n      rest: [],\n      ordered: [],\n    };\n  }\n\n  // Group items by the specified key\n  for (const item of list) {\n    const key = item[groupBy];\n    if (key === undefined) continue;\n    if (key === null) continue;\n    if (!grouped.has(key)) grouped.set(key, []);\n    grouped.get(key)?.push(item);\n  }\n\n  // Items without a group key\n  const rest = list.filter((item: T) => {\n    const key = item[groupBy];\n    return key === undefined || key === null;\n  });\n\n  const ordered = [...Array.from(grouped.values()).flat(), ...rest];\n\n  return {\n    grouped,\n    rest,\n    ordered,\n  };\n}\n\nexport function useGroupBy<T, K extends keyof T>(\n  list: Ref<T[]>,\n  byKey: K,\n) {\n  const result = computed(() => groupBy(list.value, byKey));\n\n  const orderedRef = computed(() => result.value.ordered);\n\n  const groupsRef = computed(() => result.value.grouped);\n\n  const restRef = computed(() => result.value.rest);\n\n  return {\n    orderedRef,\n    groupsRef,\n    restRef,\n  };\n}\n"],"names":["groupBy","list","grouped","item","key","_a","rest","ordered","useGroupBy","byKey","result","computed","orderedRef","groupsRef","restRef"],"mappings":";AAGA,SAASA,EACPC,GACAD,GAKE;;AACI,QAAAE,wBAA2C,IAAI;AAErD,MAAI,CAACD;AACI,WAAA;AAAA,MACL,SAAAC;AAAAA,MACA,MAAM,CAAC;AAAA,MACP,SAAS,CAAA;AAAA,IACX;AAIF,aAAWC,KAAQF,GAAM;AACjBG,UAAAA,IAAMD,EAAKH,CAAO;AACpBI,IACAA,KAAQ,SACPF,EAAQ,IAAIE,CAAG,KAAWF,EAAA,IAAIE,GAAK,CAAE,CAAA,IAC1CC,IAAAH,EAAQ,IAAIE,CAAG,MAAf,QAAAC,EAAkB,KAAKF,CAAAA;AAAAA,EAAA;AAIzB,QAAMG,IAAOL,EAAK,OAAO,CAACE,MACZA,EAAKH,CAAO,KACY,IACrC,GAEKO,IAAU,CAAC,GAAG,MAAM,KAAKL,EAAQ,QAAQ,EAAE,KAAA,GAAQ,GAAGI,CAAI;AAEzD,SAAA;AAAA,IACL,SAAAJ;AAAAA,IACA,MAAAI;AAAAA,IACA,SAAAC;AAAAA,EACF;AACF;AAEgB,SAAAC,EACdP,GACAQ,GACA;AACA,QAAMC,IAASC,EAAS,MAAMX,EAAQC,EAAK,OAAOQ,CAAK,CAAC,GAElDG,IAAaD,EAAS,MAAMD,EAAO,MAAM,OAAO,GAEhDG,IAAYF,EAAS,MAAMD,EAAO,MAAM,OAAO,GAE/CI,IAAUH,EAAS,MAAMD,EAAO,MAAM,IAAI;AAEzC,SAAA;AAAA,IACL,YAAAE;AAAAA,IACA,WAAAC;AAAAA,IACA,SAAAC;AAAAA,EACF;AACF;"}

package/dist/lib/ui/uikit/dist/components/PlDropdownLegacy/PlDropdownLegacy.vue.js

@@ -1,233 +0,0 @@
-import { defineComponent as re, useSlots as le, ref as C, reactive as te, computed as n, unref as c, createElementBlock as i, watch as T, watchPostEffect as ae, openBlock as t, createElementVNode as s, createCommentVNode as d, normalizeClass as I, createVNode as O, withDirectives as ie, vModelText as ne, withCtx as Z, createTextVNode as de, toDisplayString as v, createBlock as f, renderSlot as q, withModifiers as h, Fragment as pe, renderList as ce } from "vue";
-import { tap as se, tapIf as ue } from "../../helpers/functions.js";
-import ve from "../PlTooltip/PlTooltip.vue.js";
-import fe from "../../utils/DoubleContour.vue.js";
-import { useLabelNotch as he } from "../../utils/useLabelNotch.js";
-import { scrollIntoView as we } from "../../helpers/dom.js";
-import { deepEqual as E } from "../../helpers/objects.js";
-import ge from "../DropdownListItem.vue.js";
-import me from "../LongText.vue.js";
-import xe from "../PlIcon16/PlIcon16.vue.js";
-import be from "../PlIcon24/PlIcon24.vue.js";
-import { normalizeListOptions as ye } from "../../helpers/utils.js";
-import ke from "../../generated/components/svg/images/SvgRequired.vue2.js";
-import { getErrorMessage as _e } from "../../helpers/error.js";
-(function() {
-  try {
-    if (typeof document < "u") {
-      var w = document.createElement("style");
-      w.appendChild(document.createTextNode(`.pl-dropdown-legacy{--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-legacy{--options-bg: #1b1b1f}.pl-dropdown-legacy__envelope{font-family:var(--control-font-family);min-width:160px}.pl-dropdown-legacy 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-legacy label>span{overflow:hidden;white-space:pre;text-overflow:ellipsis}.pl-dropdown-legacy__container{position:absolute;top:0;left:0;right:0;border-radius:6px;min-height:var(--control-height);color:var(--txt-01)}.pl-dropdown-legacy__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-legacy__options{position:relative;background-color:var(--options-bg);border-radius:0 0 6px 6px;max-height:244px;border-top:1px solid var(--color-div-black);--thumb-color: var(--ic-02);overflow-y:auto}.pl-dropdown-legacy__options::-webkit-scrollbar{width:var(--scrollbar-width, 6px);height:5px;background-color:transparent;display:block}.pl-dropdown-legacy__options::-webkit-scrollbar-thumb{background:var(--thumb-color);border-radius:5px}.pl-dropdown-legacy__options::-webkit-scrollbar-thumb:hover{--thumb-color: var(--border-color-focus)}.pl-dropdown-legacy__options .nothing-found{padding:0 10px;height:var(--control-height);line-height:var(--control-height);background-color:#fff;opacity:.5;font-style:italic}.pl-dropdown-legacy__options .option{position:relative;padding:0 30px 0 10px;height:var(--control-height);line-height:var(--control-height);cursor:pointer;-webkit-user-select:none;user-select:none}.pl-dropdown-legacy__options .option .checkmark{position:absolute;display:none;right:10px;top:50%;transform:translateY(-50%)}.pl-dropdown-legacy__options .option>span{display:block;overflow:hidden;white-space:nowrap;max-width:100%;text-overflow:ellipsis}.pl-dropdown-legacy__options .option.selected{background-color:var(--color-active-select)}.pl-dropdown-legacy__options .option.selected .checkmark{display:block}.pl-dropdown-legacy__options .option.active:not(.selected){background-color:var(--option-hover-bg)}.pl-dropdown-legacy__options .option:hover{background-color:var(--option-hover-bg)}.pl-dropdown-legacy__field{position:relative;border-radius:6px;overflow:hidden;background:transparent;padding:0 11px;min-height:var(--control-height);line-height:var(--control-height);display:flex;flex-direction:row;align-items:center}.pl-dropdown-legacy__field .input-value{outline:1px solid red;position:absolute;top:0;left:0;bottom:0;right:0;padding:0 60px 0 11px;pointer-events:none;line-height:var(--control-height);color:var(--contour-color);overflow:hidden;white-space:pre;text-overflow:ellipsis}.pl-dropdown-legacy__field input{min-height:calc(var(--control-height) - 2px);line-height:calc(var(--control-height) - 2px);font-family:inherit;font-size:inherit;background-color:transparent;border:none;padding:0;width:calc(100% - 40px);color:var(--txt-01);caret-color:var(--border-color-focus)}.pl-dropdown-legacy__field input:focus{outline:none}.pl-dropdown-legacy__field input:placeholder-shown{text-overflow:ellipsis}.pl-dropdown-legacy__field input::placeholder{color:var(--color-placeholder)}.pl-dropdown-legacy__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-legacy__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-legacy__controls{display:flex;flex-direction:row;align-items:center;gap:6px;margin-left:auto}.pl-dropdown-legacy__controls .mask-16,.pl-dropdown-legacy__controls .mask-24{--icon-color: var(--control-mask-fill);cursor:pointer}.pl-dropdown-legacy__controls .clear{--icon-color: var(--ic-02)}.pl-dropdown-legacy__controls .mask-loading{--icon-color: var(#07AD3E);animation:spin 2.5s linear infinite}.pl-dropdown-legacy .arrow-icon{cursor:pointer}.pl-dropdown-legacy .arrow-icon.arrow-icon-default{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-legacy.open,.pl-dropdown-legacy:focus-within{z-index:1;--label-color: var(--txt-focus)}.pl-dropdown-legacy.open .pl-dropdown-legacy__container{z-index:1000}.pl-dropdown-legacy.open .pl-dropdown-legacy__field{border-radius:6px 6px 0 0}.pl-dropdown-legacy.open .arrow-icon{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-legacy:hover{--contour-color: var(--control-hover-color)}.pl-dropdown-legacy: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-legacy:focus-within.error{--contour-border-width: 2px;--contour-box-shadow: 0 0 0 4px var(--color-error-shadow)}.pl-dropdown-legacy.error{--contour-color: var(--txt-error);--label-color: var(--txt-error)}.pl-dropdown-legacy.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;-webkit-user-select:none;user-select:none}
-.ui-lt-container{min-width:0;white-space:nowrap;overflow:hidden;position:relative;border-radius:5px}.ui-lt-container span{display:inline-block;overflow:hidden;text-overflow:ellipsis;width:100%;vertical-align:bottom;pointer-events:all!important}.ui-lt-container .ui-lt-animate{position:relative;animation:left-to-right var(--5deba9de) infinite alternate linear;overflow:unset!important;text-overflow:unset!important;width:fit-content!important}@keyframes left-to-right{0%{transform:translate(0);left:0%}to{transform:translate(-101%);left:101%}}`)), document.head.appendChild(w);
-    }
-  } catch (m) {
-    console.error("vite-plugin-css-injected-by-js", m);
-  }
-})();
-const Le = { class: "ui-dropdown__envelope" }, ze = ["tabindex"], Ve = { class: "ui-dropdown__container" }, Ce = { class: "ui-dropdown__field" }, Ie = ["disabled", "placeholder"], Ee = { class: "ui-dropdown__controls" }, $e = { key: 0 }, Be = {
-  key: 0,
-  class: "nothing-found"
-}, Se = {
-  key: 0,
-  class: "ui-dropdown__error"
-}, Ae = {
-  key: 1,
-  class: "ui-dropdown__helper"
-}, De = {
-  key: 2,
-  class: "ui-dropdown__helper"
-}, Me = {
-  name: "PlDropdown"
-}, Qe = /* @__PURE__ */ re({
-  ...Me,
-  props: {
-    modelValue: {},
-    label: { default: "" },
-    options: { default: void 0 },
-    helper: { default: void 0 },
-    loadingOptionsHelper: { default: void 0 },
-    error: { default: void 0 },
-    placeholder: { default: "..." },
-    clearable: { type: Boolean, default: !1 },
-    required: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    arrowIcon: { default: void 0 },
-    arrowIconLarge: { default: void 0 },
-    optionSize: { default: "small" }
-  },
-  emits: ["update:modelValue"],
-  setup(w, { emit: m }) {
-    const $ = m, l = w, H = le(), p = C(), B = C(), x = C(), r = te({
-      search: "",
-      activeIndex: -1,
-      open: !1
-    }), U = () => se(
-      u.value.findIndex((e) => E(e.value, l.modelValue)),
-      (e) => e < 0 ? 0 : e
-    ), Y = () => r.activeIndex = U(), g = n(() => l.options === void 0), b = n(() => g.value ? !0 : l.disabled), S = n(() => (l.options ?? []).findIndex((e) => E(e.value, l.modelValue))), A = n(() => {
-      if (!g.value) {
-        if (l.error)
-          return _e(l.error);
-        if (l.modelValue !== void 0 && S.value === -1)
-          return "The selected value is not one of the options";
-      }
-    }), D = n(
-      () => ye(l.options ?? []).map((e, o) => ({
-        ...e,
-        index: o,
-        isSelected: o === S.value,
-        isActive: o === r.activeIndex
-      }))
-    ), M = n(() => {
-      const e = c(D).find((o) => E(o.value, l.modelValue));
-      return (e == null ? void 0 : e.label) || l.modelValue;
-    }), j = n(() => !r.open && l.modelValue ? "" : l.modelValue ? String(M.value) : l.placeholder), F = n(() => l.modelValue !== void 0 && l.modelValue !== null), u = n(() => {
-      const e = D.value;
-      return r.search ? e.filter((o) => {
-        const a = r.search.toLowerCase();
-        return o.label.toLowerCase().includes(a) || o.description && o.description.toLowerCase().includes(a) ? !0 : typeof o.value == "string" ? o.value.toLowerCase().includes(a) : o.value === r.search;
-      }) : e;
-    }), K = n(() => b.value ? void 0 : "0"), N = (e) => {
-      var o;
-      $("update:modelValue", e), r.search = "", r.open = !1, (o = p == null ? void 0 : p.value) == null || o.focus();
-    }, P = () => $("update:modelValue", void 0), G = () => {
-      var e;
-      return (e = x.value) == null ? void 0 : e.focus();
-    }, y = () => r.open = !r.open, J = () => r.open = !0, Q = (e) => {
-      var o;
-      (o = p == null ? void 0 : p.value) != null && o.contains(e.relatedTarget) || (r.search = "", r.open = !1);
-    }, R = () => {
-      const e = B.value;
-      e && ue(e.querySelector(".hovered-item"), (o) => {
-        we(e, o);
-      });
-    }, W = (e) => {
-      var o, a;
-      if (["ArrowDown", "ArrowUp", "Enter", "Escape"].includes(e.code))
-        e.preventDefault();
-      else
-        return;
-      const { open: k, activeIndex: _ } = r;
-      if (!k) {
-        e.code === "Enter" && (r.open = !0);
-        return;
-      }
-      e.code === "Escape" && (r.open = !1, (o = p.value) == null || o.focus());
-      const L = c(u), { length: z } = L;
-      if (!z)
-        return;
-      e.code === "Enter" && N((a = L.find((V) => V.index === _)) == null ? void 0 : a.value);
-      const X = L.findIndex((V) => V.index === _) ?? -1, ee = e.code === "ArrowDown" ? 1 : e.code === "ArrowUp" ? -1 : 0, oe = Math.abs(X + ee + z) % z;
-      r.activeIndex = u.value[oe].index ?? -1;
-    };
-    return he(p), T(() => l.modelValue, Y, { immediate: !0 }), T(
-      () => r.open,
-      (e) => {
-        var o;
-        return e ? (o = x.value) == null ? void 0 : o.focus() : "";
-      }
-    ), ae(() => {
-      r.search, r.activeIndex >= 0 && r.open && R();
-    }), (e, o) => (t(), i("div", Le, [
-      s("div", {
-        ref_key: "root",
-        ref: p,
-        tabindex: K.value,
-        class: I(["ui-dropdown", { open: r.open, error: e.error, disabled: b.value }]),
-        onKeydown: W,
-        onFocusout: Q
-      }, [
-        s("div", Ve, [
-          s("div", Ce, [
-            ie(s("input", {
-              ref_key: "input",
-              ref: x,
-              "onUpdate:modelValue": o[0] || (o[0] = (a) => r.search = a),
-              type: "text",
-              tabindex: "-1",
-              disabled: b.value,
-              placeholder: j.value,
-              spellcheck: "false",
-              autocomplete: "chrome-off",
-              onFocus: J
-            }, null, 40, Ie), [
-              [ne, r.search]
-            ]),
-            r.open ? d("", !0) : (t(), i("div", {
-              key: 0,
-              onClick: G
-            }, [
-              O(me, { class: "input-value" }, {
-                default: Z(() => [
-                  de(v(M.value), 1)
-                ]),
-                _: 1
-              })
-            ])),
-            s("div", Ee, [
-              g.value ? (t(), f(c(be), {
-                key: 0,
-                name: "loading"
-              })) : d("", !0),
-              e.clearable && F.value ? (t(), f(c(xe), {
-                key: 1,
-                class: "clear",
-                name: "delete-clear",
-                onClick: h(P, ["stop"])
-              })) : d("", !0),
-              q(e.$slots, "append"),
-              e.arrowIconLarge ? (t(), i("div", {
-                key: 2,
-                class: I(["arrow-icon", [`icon-24 ${e.arrowIconLarge}`]]),
-                onClick: h(y, ["stop"])
-              }, null, 2)) : e.arrowIcon ? (t(), i("div", {
-                key: 3,
-                class: I(["arrow-icon", [`icon-16 ${e.arrowIcon}`]]),
-                onClick: h(y, ["stop"])
-              }, null, 2)) : (t(), i("div", {
-                key: 4,
-                class: "arrow-icon arrow-icon-default",
-                onClick: h(y, ["stop"])
-              }))
-            ])
-          ]),
-          e.label ? (t(), i("label", $e, [
-            e.required ? (t(), f(ke, { key: 0 })) : d("", !0),
-            s("span", null, v(e.label), 1),
-            c(H).tooltip ? (t(), f(c(ve), {
-              key: 1,
-              class: "info",
-              position: "top"
-            }, {
-              tooltip: Z(() => [
-                q(e.$slots, "tooltip")
-              ]),
-              _: 3
-            })) : d("", !0)
-          ])) : d("", !0),
-          r.open ? (t(), i("div", {
-            key: 1,
-            ref_key: "list",
-            ref: B,
-            class: "ui-dropdown__options"
-          }, [
-            (t(!0), i(pe, null, ce(u.value, (a, k) => (t(), f(ge, {
-              key: k,
-              option: a,
-              "is-selected": a.isSelected,
-              "is-hovered": a.isActive,
-              size: e.optionSize,
-              onClick: h((_) => N(a.value), ["stop"])
-            }, null, 8, ["option", "is-selected", "is-hovered", "size", "onClick"]))), 128)),
-            u.value.length ? d("", !0) : (t(), i("div", Be, "Nothing found"))
-          ], 512)) : d("", !0),
-          O(fe, { class: "ui-dropdown__contour" })
-        ])
-      ], 42, ze),
-      A.value ? (t(), i("div", Se, v(A.value), 1)) : g.value && e.loadingOptionsHelper ? (t(), i("div", Ae, v(e.loadingOptionsHelper), 1)) : e.helper ? (t(), i("div", De, v(e.helper), 1)) : d("", !0)
-    ]));
-  }
-});
-export {
-  Qe as default
-};
-//# sourceMappingURL=PlDropdownLegacy.vue.js.map

package/dist/lib/ui/uikit/dist/components/PlDropdownLegacy/PlDropdownLegacy.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PlDropdownLegacy.vue.js","sources":["../../../../../../../../../lib/ui/uikit/src/components/PlDropdownLegacy/PlDropdownLegacy.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * A component for selecting one value from a list of options\n */\nexport default {\n  name: 'PlDropdown',\n};\n</script>\n\n<script lang=\"ts\" setup generic=\"M = unknown\">\nimport './pl-dropdown-legacy.scss';\nimport { computed, reactive, ref, unref, useSlots, watch, watchPostEffect } from 'vue';\nimport { tap, tapIf } from '../../helpers/functions';\nimport { PlTooltip } from '../PlTooltip';\nimport DoubleContour from '../../utils/DoubleContour.vue';\nimport { useLabelNotch } from '../../utils/useLabelNotch';\nimport type { ListOption, ListOptionNormalized } from '../../types';\nimport { scrollIntoView } from '../../helpers/dom';\nimport { deepEqual } from '../../helpers/objects';\nimport DropdownListItem from '../DropdownListItem.vue';\nimport LongText from '../LongText.vue';\nimport { PlIcon16 } from '../PlIcon16';\nimport { PlMaskIcon24 } from '../PlMaskIcon24';\nimport { normalizeListOptions } from '../../helpers/utils';\nimport SvgRequired from '../../generated/components/svg/images/SvgRequired.vue';\nimport { getErrorMessage } from '../../helpers/error.ts';\n\nconst emit = defineEmits<{\n  /**\n   * Emitted when the model value is updated.\n   */\n  (e: 'update:modelValue', value: M | undefined): void;\n}>();\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * The current selected value of the dropdown.\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     * A helper text displayed below the dropdown when there are no options yet or options is undefined (optional).\n     */\n    loadingOptionsHelper?: 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     * Enables a button to clear the selected value (default: false)\n     */\n    clearable?: boolean;\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     * Custom icon (16px) class for the dropdown arrow (optional)\n     */\n    arrowIcon?: string;\n    /**\n     * Custom icon (24px) class for the dropdown arrow (optional)\n     */\n    arrowIconLarge?: string;\n    /**\n     * Option list item size\n     */\n    optionSize?: 'small' | 'medium';\n  }>(),\n  {\n    label: '',\n    helper: undefined,\n    loadingOptionsHelper: undefined,\n    error: undefined,\n    placeholder: '...',\n    clearable: false,\n    required: false,\n    disabled: false,\n    arrowIcon: undefined,\n    arrowIconLarge: undefined,\n    optionSize: 'small',\n    options: undefined,\n  },\n);\n\nconst slots = useSlots();\n\nconst root = ref<HTMLElement | undefined>();\nconst list = ref<HTMLElement | undefined>();\nconst input = ref<HTMLInputElement | undefined>();\n\nconst data = reactive({\n  search: '',\n  activeIndex: -1,\n  open: false,\n});\n\nconst findActiveIndex = () =>\n  tap(\n    filteredRef.value.findIndex((o) => deepEqual(o.value, props.modelValue)),\n    (v) => (v < 0 ? 0 : v),\n  );\n\nconst updateActive = () => (data.activeIndex = findActiveIndex());\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 selectedIndex = computed(() => {\n  return (props.options ?? []).findIndex((o) => deepEqual(o.value, props.modelValue));\n});\n\nconst computedError = computed(() => {\n  if (isLoadingOptions.value) {\n    return undefined;\n  }\n\n  if (props.error) {\n    return getErrorMessage(props.error);\n  }\n\n  if (props.modelValue !== undefined && selectedIndex.value === -1) {\n    return 'The selected value is not one of the options';\n  }\n\n  return undefined;\n});\n\nconst optionsRef = computed(() =>\n  normalizeListOptions(props.options ?? []).map((opt, index) => ({\n    ...opt,\n    index,\n    isSelected: index === selectedIndex.value,\n    isActive: index === data.activeIndex,\n  })),\n);\n\nconst textValue = computed(() => {\n  const options = unref(optionsRef);\n\n  const item: ListOption | undefined = options.find((o) => deepEqual(o.value, props.modelValue));\n\n  return item?.label || props.modelValue; // @todo show inner value?\n});\n\nconst computedPlaceholder = computed(() => {\n  if (!data.open && props.modelValue) {\n    return '';\n  }\n\n  return props.modelValue ? String(textValue.value) : props.placeholder;\n});\n\nconst hasValue = computed(() => {\n  return props.modelValue !== undefined && props.modelValue !== null;\n});\n\nconst filteredRef = computed(() => {\n  const options = optionsRef.value;\n\n  if (data.search) {\n    return options.filter((o: ListOptionNormalized) => {\n      const search = data.search.toLowerCase();\n\n      if (o.label.toLowerCase().includes(search)) {\n        return true;\n      }\n\n      if (o.description && o.description.toLowerCase().includes(search)) {\n        return true;\n      }\n\n      if (typeof o.value === 'string') {\n        return o.value.toLowerCase().includes(search);\n      }\n\n      return o.value === data.search;\n    });\n  }\n\n  return options;\n});\n\nconst tabindex = computed(() => (isDisabled.value ? undefined : '0'));\n\nconst selectOption = (v: M | undefined) => {\n  emit('update:modelValue', v);\n  data.search = '';\n  data.open = false;\n  root?.value?.focus();\n};\n\nconst clear = () => emit('update:modelValue', undefined);\n\nconst setFocusOnInput = () => input.value?.focus();\n\nconst toggleOpen = () => (data.open = !data.open);\n\nconst onInputFocus = () => (data.open = true);\n\nconst onFocusOut = (event: FocusEvent) => {\n  if (!root?.value?.contains(event.relatedTarget as Node | null)) {\n    data.search = '';\n    data.open = false;\n  }\n};\n\nconst scrollIntoActive = () => {\n  const $list = list.value;\n\n  if (!$list) {\n    return;\n  }\n\n  tapIf($list.querySelector('.hovered-item') as HTMLElement, (opt) => {\n    scrollIntoView($list, opt);\n  });\n};\n\nconst handleKeydown = (e: { code: string; preventDefault(): void }) => {\n  if (!['ArrowDown', 'ArrowUp', 'Enter', 'Escape'].includes(e.code)) {\n    return;\n  } else {\n    e.preventDefault();\n  }\n\n  const { open, activeIndex } = 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    root.value?.focus();\n  }\n\n  const filtered = unref(filteredRef);\n\n  const { length } = filtered;\n\n  if (!length) {\n    return;\n  }\n\n  if (e.code === 'Enter') {\n    selectOption(filtered.find((it) => it.index === activeIndex)?.value);\n  }\n\n  const localIndex = filtered.findIndex((it) => it.index === activeIndex) ?? -1;\n\n  const delta = e.code === 'ArrowDown' ? 1 : e.code === 'ArrowUp' ? -1 : 0;\n\n  const newIndex = Math.abs(localIndex + delta + length) % length;\n\n  data.activeIndex = filteredRef.value[newIndex].index ?? -1;\n};\n\nuseLabelNotch(root);\n\nwatch(() => props.modelValue, updateActive, { immediate: true });\n\nwatch(\n  () => data.open,\n  (open) => (open ? input.value?.focus() : ''),\n);\n\nwatchPostEffect(() => {\n  // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n  data.search; // to watch\n\n  if (data.activeIndex >= 0 && data.open) {\n    scrollIntoActive();\n  }\n});\n</script>\n\n<template>\n  <div class=\"ui-dropdown__envelope\">\n    <div\n      ref=\"root\"\n      :tabindex=\"tabindex\"\n      class=\"ui-dropdown\"\n      :class=\"{ open: data.open, error, disabled: isDisabled }\"\n      @keydown=\"handleKeydown\"\n      @focusout=\"onFocusOut\"\n    >\n      <div class=\"ui-dropdown__container\">\n        <div class=\"ui-dropdown__field\">\n          <input\n            ref=\"input\"\n            v-model=\"data.search\"\n            type=\"text\"\n            tabindex=\"-1\"\n            :disabled=\"isDisabled\"\n            :placeholder=\"computedPlaceholder\"\n            spellcheck=\"false\"\n            autocomplete=\"chrome-off\"\n            @focus=\"onInputFocus\"\n          />\n\n          <div v-if=\"!data.open\" @click=\"setFocusOnInput\">\n            <LongText class=\"input-value\"> {{ textValue }} </LongText>\n          </div>\n\n          <div class=\"ui-dropdown__controls\">\n            <PlMaskIcon24 v-if=\"isLoadingOptions\" name=\"loading\" />\n            <PlIcon16 v-if=\"clearable && hasValue\" class=\"clear\" name=\"delete-clear\" @click.stop=\"clear\" />\n            <slot name=\"append\" />\n            <div v-if=\"arrowIconLarge\" class=\"arrow-icon\" :class=\"[`icon-24 ${arrowIconLarge}`]\" @click.stop=\"toggleOpen\" />\n            <div v-else-if=\"arrowIcon\" class=\"arrow-icon\" :class=\"[`icon-16 ${arrowIcon}`]\" @click.stop=\"toggleOpen\" />\n            <div v-else class=\"arrow-icon arrow-icon-default\" @click.stop=\"toggleOpen\" />\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        <div v-if=\"data.open\" ref=\"list\" class=\"ui-dropdown__options\">\n          <DropdownListItem\n            v-for=\"(item, index) in filteredRef\"\n            :key=\"index\"\n            :option=\"item\"\n            :is-selected=\"item.isSelected\"\n            :is-hovered=\"item.isActive\"\n            :size=\"optionSize\"\n            @click.stop=\"selectOption(item.value)\"\n          />\n          <div v-if=\"!filteredRef.length\" class=\"nothing-found\">Nothing found</div>\n        </div>\n        <DoubleContour class=\"ui-dropdown__contour\" />\n      </div>\n    </div>\n    <div v-if=\"computedError\" class=\"ui-dropdown__error\">{{ computedError }}</div>\n    <div v-else-if=\"isLoadingOptions && loadingOptionsHelper\" class=\"ui-dropdown__helper\">{{ loadingOptionsHelper }}</div>\n    <div v-else-if=\"helper\" class=\"ui-dropdown__helper\">{{ helper }}</div>\n  </div>\n</template>\n"],"names":["Be","emit","q","P","E","n","T","ne","a","V","L","k","t","re","findActiveIndex","tap","filteredRef","v","ce","computed","R","H","_","i","y","C","x","getErrorMessage","props","Ve","A","opt","index","O","data","l","o","U","K","p","search","options","tabindex","isDisabled","j","G","input","_a","J","root","event","list","tapIf","scrollIntoView","pe","he","Y","D","z","length","f","u","w","localIndex","newIndex","g","Z","useLabelNotch","me","B","le"],"mappings":"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"}