@platforma-sdk/ui-vue 1.37.0 → 1.37.2

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

@@ -0,0 +1,57 @@
+import { defineComponent as u, computed as i, createElementBlock as s, openBlock as t, normalizeClass as _, createCommentVNode as l, createElementVNode as a, normalizeStyle as m, toDisplayString as g, unref as c, createBlock as h, Fragment as v, createTextVNode as x } from "vue";
+import y from "../PlIcon24/PlIcon24.vue.js";
+import { getErrorMessage as w } from "../../helpers/error.js";
+(function() {
+  try {
+    if (typeof document < "u") {
+      var o = document.createElement("style");
+      o.appendChild(document.createTextNode(".progress-cell{background-color:transparent;height:100%;position:relative;width:100%;overflow:hidden;border-radius:2px}.progress-cell .mask-error{--icon-color: var(--txt-error)}.progress-cell.not-started *{color:var(--txt-03)!important}.progress-cell.error *{color:var(--txt-error)!important}.progress-cell__white-bg{background-color:#fff}.progress-cell__indicator{position:absolute;height:100%;transition:width .4s ease-in-out;background:linear-gradient(90deg,#fff,#d8fac8);transition:width .2s ease-in-out}.progress-cell__body{padding:0 15px;display:flex;gap:12px;align-items:center;height:100%;width:100%;position:absolute;z-index:1}.progress-cell__stage{overflow:hidden;text-overflow:ellipsis;flex-shrink:1;text-wrap:nowrap}.progress-cell__percentage{flex-grow:1;flex-shrink:0;text-align:right}.progress-cell__stage--queued{color:var(--txt-03)}.progress-cell__infinity-loader{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;animation:move-gradient 2s linear infinite}.progress-cell__infinity-gradient{width:50%;height:100%;background:linear-gradient(90deg,#fff,#d8fac8,#fff)}@keyframes move-gradient{0%{transform:translate(-50%)}to{transform:translate(100%)}}")), document.head.appendChild(o);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+const b = {
+  key: 0,
+  class: "progress-cell__infinity-loader"
+}, k = { class: "progress-cell__body" }, C = { class: "progress-cell__stage text-s" }, B = { class: "progress-cell__percentage text-s d-flex align-center justify-end" }, j = /* @__PURE__ */ u({
+  __name: "PlProgressCell",
+  props: {
+    stage: { default: "not_started" },
+    step: { default: "" },
+    progressString: { default: "" },
+    progress: { default: void 0 },
+    error: { default: void 0 }
+  },
+  setup(o) {
+    const e = o, p = i(() => e.stage !== "not_started"), f = i(() => e.stage === "done" ? 100 : Math.min(100, e.progress || 0)), n = i(() => e.progress === void 0 && e.stage !== "done" && e.stage !== "not_started" && !e.error);
+    return (r, d) => (t(), s("div", {
+      class: _({ "progress-cell": !0, "progress-cell__white-bg": p.value, error: r.error, "not-started": e.stage === "not_started" })
+    }, [
+      n.value ? (t(), s("div", b, d[0] || (d[0] = [
+        a("div", { class: "progress-cell__infinity-gradient" }, null, -1)
+      ]))) : l("", !0),
+      !n.value && !r.error ? (t(), s("div", {
+        key: 1,
+        class: "progress-cell__indicator",
+        style: m({ width: f.value + "%" })
+      }, null, 4)) : l("", !0),
+      a("div", k, [
+        a("div", C, g(r.error ? c(w)(r.error) : r.step), 1),
+        a("div", B, [
+          r.error ? (t(), h(c(y), {
+            key: 0,
+            name: "error"
+          })) : l("", !0),
+          r.error ? l("", !0) : (t(), s(v, { key: 1 }, [
+            x(g(r.progressString), 1)
+          ], 64))
+        ])
+      ])
+    ], 2));
+  }
+});
+export {
+  j as default
+};
+//# sourceMappingURL=PlProgressCell.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlProgressCell.vue.js","sources":["../../../../../../../../../lib/ui/uikit/src/components/PlProgressCell/PlProgressCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport './pl-progress-cell.scss';\nimport { computed } from 'vue';\nimport { PlMaskIcon24 } from '../PlMaskIcon24';\nimport type { PlProgressCellProps } from './types';\nimport { getErrorMessage } from '../../helpers/error.ts';\n\nconst props = withDefaults(defineProps<PlProgressCellProps>(), {\n  stage: 'not_started',\n  step: '', // main text (left)\n  progressString: '', // appended text on the right side (right)\n  progress: undefined,\n  error: undefined,\n});\n\nconst canShowWhiteBg = computed(() => props.stage !== 'not_started');\n\nconst currentProgress = computed(() => props.stage === 'done' ? 100 : Math.min(100, props.progress || 0));\n\nconst canShowInfinityLoader = computed(() => props.progress === undefined && props.stage !== 'done' && props.stage !== 'not_started' && !props.error);\n</script>\n\n<template>\n  <div :class=\"{'progress-cell':true, 'progress-cell__white-bg': canShowWhiteBg, error, 'not-started': props.stage === 'not_started' }\">\n    <div v-if=\"canShowInfinityLoader\" class=\"progress-cell__infinity-loader\">\n      <div class=\"progress-cell__infinity-gradient\"/>\n    </div>\n    <div v-if=\"!canShowInfinityLoader && !error\" class=\"progress-cell__indicator\" :style=\"{ width: currentProgress + '%' }\"/>\n    <div class=\"progress-cell__body\">\n      <div class=\"progress-cell__stage text-s\">\n        {{ error ? getErrorMessage(error) : step }}\n      </div>\n      <div class=\"progress-cell__percentage text-s d-flex align-center justify-end\">\n        <PlMaskIcon24 v-if=\"error\" name=\"error\" />\n        <template v-if=\"!error\">\n          {{ progressString }}\n        </template>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["c"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EAOA,MAAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,10 @@
+import o from "./PlRadio.vue2.js";
+import r from "./PlRadio.vue3.js";
+import s from "../../_virtual/_plugin-vue_export-helper.js";
+const t = {
+  $style: r
+}, p = /* @__PURE__ */ s(o, [["__cssModules", t]]);
+export {
+  p as default
+};
+//# sourceMappingURL=PlRadio.vue.js.map

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

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

package/dist/lib/ui/uikit/dist/components/PlRadio/PlRadio.vue2.js

@@ -0,0 +1,38 @@
+import { defineComponent as u, mergeModels as c, useModel as f, createPropsRestProxy as y, inject as t, createElementBlock as M, openBlock as V, normalizeClass as s, withDirectives as v, createElementVNode as n, mergeProps as P, unref as r, isRef as R, vModelRadio as b, renderSlot as k } from "vue";
+import { radioGroupNameKey as B, radioGroupModelKey as G } from "./keys.js";
+const g = ["name"], E = /* @__PURE__ */ u({
+  __name: "PlRadio",
+  props: /* @__PURE__ */ c({
+    name: {},
+    value: {},
+    disabled: { type: Boolean }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(l) {
+    const d = f(l, "modelValue"), m = y(l, ["name"]), i = t(B, l.name), o = t(G, d);
+    return (e, a) => (V(), M("label", {
+      class: s(e.$style.container)
+    }, [
+      v(n("input", P({
+        "onUpdate:modelValue": a[0] || (a[0] = (p) => R(o) ? o.value = p : null),
+        class: e.$style.input,
+        type: "radio",
+        name: r(i)
+      }, m), null, 16, g), [
+        [b, r(o)]
+      ]),
+      n("span", {
+        class: s(e.$style.label)
+      }, [
+        k(e.$slots, "default")
+      ], 2)
+    ], 2));
+  }
+});
+export {
+  E as default
+};
+//# sourceMappingURL=PlRadio.vue2.js.map

package/dist/lib/ui/uikit/dist/components/PlRadio/PlRadio.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlRadio.vue2.js","sources":["../../../../../../../../../lib/ui/uikit/src/components/PlRadio/PlRadio.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"M\">\nimport { inject } from 'vue';\nimport { radioGroupModelKey, radioGroupNameKey } from './keys';\n// eslint-disable-next-line @typescript-eslint/no-unused-vars -- used by the props documentation\nimport type PlRadioGroup from './PlRadioGroup.vue';\n\nconst standaloneModel = defineModel<M>();\n\nconst { name: standaloneName, ...props } = defineProps<{\n  /** Used to group multiple radio controls. Will be ignored if this component is a descendant of a {@link PlRadioGroup}. */\n  name?: string;\n  /** Value that goes into `v-model`. */\n  value?: M;\n  /** Whether the radio control is disabled. */\n  disabled?: boolean;\n}>();\n\ndefineSlots<{\n  /** Label of the radio control. */\n  default?(): unknown;\n}>();\n\nconst name = inject(radioGroupNameKey, standaloneName);\nconst model = inject<typeof standaloneModel>(radioGroupModelKey, standaloneModel);\n</script>\n\n<template>\n  <label :class=\"$style.container\">\n    <input v-model=\"model\" :class=\"$style.input\" type=\"radio\" :name v-bind=\"props\" />\n    <span :class=\"$style.label\"><slot /></span>\n  </label>\n</template>\n\n<style module>\n  .container {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px;\n    border-radius: 6px;\n    transition: all 200ms ease-in-out;\n    color: var(--txt-01);\n    user-select: none;\n    &:hover:not(:has(:disabled)) {\n      background: var(--btn-sec-hover-grey);\n    }\n    &:has(:disabled) {\n      color: var(--dis-01);\n    }\n  }\n\n  .input {\n    appearance: none;\n    position: relative;\n    block-size: 24px;\n    aspect-ratio: 1;\n    margin: 0;\n    border-radius: 50%;\n    outline: 2px solid transparent;\n    color: inherit;\n    transition: inherit;\n    &:focus {\n      outline-color: var(--border-color-focus);\n    }\n    &::before {\n      content: \"\";\n      position: absolute;\n      inset: 2px;\n      border-radius: 50%;\n      border: 2px solid;\n    }\n    &::after {\n      content: \"\";\n      position: absolute;\n      inset: 7.5px;\n      border-radius: 50%;\n      background-color: currentColor;\n      scale: 0;\n      transition: inherit;\n    }\n    &:checked::after {\n      scale: 1;\n    }\n  }\n\n  .label {\n    padding-inline: 4px;\n    line-height: calc(20 / 14);\n    font-weight: 500;\n    text-box: trim-both cap alphabetic;\n  }\n</style>\n"],"names":["standaloneModel","_useModel","__props","props","_createPropsRestProxy","name","inject","radioGroupNameKey","model","radioGroupModelKey"],"mappings":";;;;;;;;;;;;;;AAMMA,UAAAA,IAAkBC,EAAcC,GAAA,YAAC,GAEjCC,IAAqCC,EAOvCF,GAAA,CAAA,MAAA,CAAA,GAOEG,IAAOC,EAAOC,GAAmBL,EAAAA,IAAc,GAC/CM,IAAQF,EAA+BG,GAAoBT,CAAe;;;;;;;;;;;;;;;;;;;;"}

package/dist/lib/ui/uikit/dist/components/PlRadio/PlRadio.vue3.js

@@ -0,0 +1,22 @@
+(function() {
+  try {
+    if (typeof document < "u") {
+      var e = document.createElement("style");
+      e.appendChild(document.createTextNode('._container_1yonu_2{display:flex;align-items:center;gap:4px;padding:4px;border-radius:6px;transition:all .2s ease-in-out;color:var(--txt-01);-webkit-user-select:none;user-select:none}._container_1yonu_2:hover:not(:has(:disabled)){background:var(--btn-sec-hover-grey)}._container_1yonu_2:has(:disabled){color:var(--dis-01)}._input_1yonu_19{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;block-size:24px;aspect-ratio:1;margin:0;border-radius:50%;outline:2px solid transparent;color:inherit;transition:inherit}._input_1yonu_19:focus{outline-color:var(--border-color-focus)}._input_1yonu_19:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;border:2px solid}._input_1yonu_19:after{content:"";position:absolute;top:7.5px;right:7.5px;bottom:7.5px;left:7.5px;border-radius:50%;background-color:currentColor;scale:0;transition:inherit}._input_1yonu_19:checked:after{scale:1}._label_1yonu_53{padding-inline:4px;line-height:calc(20 / 14);font-weight:500;text-box:trim-both cap alphabetic}')), document.head.appendChild(e);
+    }
+  } catch (o) {
+    console.error("vite-plugin-css-injected-by-js", o);
+  }
+})();
+const n = "_container_1yonu_2", t = "_input_1yonu_19", a = "_label_1yonu_53", i = {
+  container: n,
+  input: t,
+  label: a
+};
+export {
+  n as container,
+  i as default,
+  t as input,
+  a as label
+};
+//# sourceMappingURL=PlRadio.vue3.js.map

package/dist/lib/ui/uikit/dist/components/PlRadio/PlRadio.vue3.js.map

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

package/dist/lib/ui/uikit/dist/components/PlRadio/PlRadioGroup.vue.js

@@ -0,0 +1,10 @@
+import o from "./PlRadioGroup.vue2.js";
+import r from "./PlRadioGroup.vue3.js";
+import s from "../../_virtual/_plugin-vue_export-helper.js";
+const t = {
+  $style: r
+}, p = /* @__PURE__ */ s(o, [["__cssModules", t]]);
+export {
+  p as default
+};
+//# sourceMappingURL=PlRadioGroup.vue.js.map

package/dist/lib/ui/uikit/dist/components/PlRadio/PlRadioGroup.vue.js.map

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

package/dist/lib/ui/uikit/dist/components/PlRadio/PlRadioGroup.vue2.js

@@ -0,0 +1,44 @@
+import { defineComponent as c, mergeModels as f, useModel as y, useSlots as b, createElementBlock as s, provide as d, openBlock as l, normalizeClass as n, createElementVNode as k, renderSlot as i, Fragment as v, renderList as x, createBlock as V, unref as g, withCtx as E, createTextVNode as M, toDisplayString as $ } from "vue";
+import { radioGroupNameKey as B, radioGroupModelKey as C } from "./keys.js";
+import F from "./PlRadio.vue.js";
+const _ = /* @__PURE__ */ c({
+  __name: "PlRadioGroup",
+  props: /* @__PURE__ */ f({
+    name: {},
+    options: {},
+    keyExtractor: { type: Function }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    const m = y(t, "modelValue"), a = t;
+    b();
+    const u = a.keyExtractor ?? ((e, r) => r);
+    return d(B, a.name), d(C, m), (e, r) => (l(), s("fieldset", {
+      class: n(e.$style.container)
+    }, [
+      k("legend", {
+        class: n(e.$style.label)
+      }, [
+        i(e.$slots, "label")
+      ], 2),
+      (l(!0), s(v, null, x(e.options, (o, p) => (l(), V(F, {
+        key: g(u)(o.value, p),
+        value: o.value,
+        disabled: o.disabled
+      }, {
+        default: E(() => [
+          M($(o.label), 1)
+        ]),
+        _: 2
+      }, 1032, ["value", "disabled"]))), 128)),
+      i(e.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  _ as default
+};
+//# sourceMappingURL=PlRadioGroup.vue2.js.map

package/dist/lib/ui/uikit/dist/components/PlRadio/PlRadioGroup.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlRadioGroup.vue2.js","sources":["../../../../../../../../../lib/ui/uikit/src/components/PlRadio/PlRadioGroup.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"M\">\nimport { provide } from 'vue';\nimport { radioGroupModelKey, radioGroupNameKey } from './keys';\nimport PlRadio from './PlRadio.vue';\n\ntype RadioGroupOption = {\n  label: string;\n  value: M;\n  disabled?: boolean;\n};\n\nconst model = defineModel<M>();\n\nconst props = defineProps<{\n  /** Name of the radio group. */\n  name?: string;\n  /**\n   * List of available options.\n   * Renders a list of {@link PlRadio} components before the {@link slots.default | default} slot.\n   */\n  options?: Readonly<RadioGroupOption[]>;\n  /** Function to get option's unique key. Use if default mechanism (key = index) is unstable. */\n  keyExtractor?: (value: M, index: number) => PropertyKey;\n}>();\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars -- used by the props documentation\nconst slots = defineSlots<{\n  /**\n   * Can be anything, but usually an array of {@link PlRadio} components.\n   * If {@link props.options|options} are provided, they will be rendered before this slot.\n   */\n  default?(): unknown;\n  /** Label of the radio group. */\n  label?(): unknown;\n}>();\n\nconst keyExtractor = props.keyExtractor ?? ((_, i) => i);\n\nprovide(radioGroupNameKey, props.name);\nprovide(radioGroupModelKey, model);\n</script>\n\n<template>\n  <fieldset :class=\"$style.container\">\n    <legend :class=\"$style.label\">\n      <slot name=\"label\" />\n    </legend>\n    <PlRadio\n      v-for=\"(option, i) in options\"\n      :key=\"keyExtractor(option.value, i)\"\n      :value=\"option.value\"\n      :disabled=\"option.disabled\"\n    >\n      {{ option.label }}\n    </PlRadio>\n    <slot />\n  </fieldset>\n</template>\n\n<style module>\n  .container {\n    margin: 0;\n    padding: 0;\n    border: none;\n  }\n  .label {\n    margin-block-end: 12px;\n    padding: 0;\n    color: var(--txt-01);\n    line-height: calc(20 / 14);\n    font-weight: 500;\n    text-box: trim-both cap alphabetic;\n  }\n</style>\n"],"names":["model","_useModel","props","__props","_useSlots","keyExtractor","_","i","provide","radioGroupNameKey","radioGroupModelKey","o","d"],"mappings":";;;;;;;;;;;;;;;AAWMA,UAAAA,IAAQC,EAAe,GAAA,YAAA,GAEvBC,IAAQC;AAaAC,IAAAA,EAQV;AAEJ,UAAMC,IAAeH,EAAM,iBAAiB,CAACI,GAAGC,MAAMA;AAE9C,WAAAC,EAAAC,GAAmBP,EAAM,IAAI,GACrCM,EAAQE,GAAoBV,CAAK,GAAA,CAAA,GAAA,OAAAW,EAAA,GAAAC,EAAA,YAAA;AAAA;;;;;;;;;;;;;;;;;;;;;"}

package/dist/lib/ui/uikit/dist/components/PlRadio/PlRadioGroup.vue3.js

@@ -0,0 +1,20 @@
+(function() {
+  try {
+    if (typeof document < "u") {
+      var e = document.createElement("style");
+      e.appendChild(document.createTextNode("._container_10fxa_2{margin:0;padding:0;border:none}._label_10fxa_7{margin-block-end:12px;padding:0;color:var(--txt-01);line-height:calc(20 / 14);font-weight:500;text-box:trim-both cap alphabetic}")), document.head.appendChild(e);
+    }
+  } catch (a) {
+    console.error("vite-plugin-css-injected-by-js", a);
+  }
+})();
+const t = "_container_10fxa_2", n = "_label_10fxa_7", o = {
+  container: t,
+  label: n
+};
+export {
+  t as container,
+  o as default,
+  n as label
+};
+//# sourceMappingURL=PlRadioGroup.vue3.js.map

package/dist/lib/ui/uikit/dist/components/PlRadio/PlRadioGroup.vue3.js.map

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

package/dist/lib/ui/uikit/dist/components/PlRadio/keys.js

@@ -0,0 +1,6 @@
+const o = Symbol(), e = Symbol();
+export {
+  e as radioGroupModelKey,
+  o as radioGroupNameKey
+};
+//# sourceMappingURL=keys.js.map

package/dist/lib/ui/uikit/dist/components/PlRadio/keys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keys.js","sources":["../../../../../../../../../lib/ui/uikit/src/components/PlRadio/keys.ts"],"sourcesContent":["import { type InjectionKey, type ModelRef } from 'vue';\n\nexport const radioGroupNameKey: InjectionKey<string | undefined> = Symbol();\nexport const radioGroupModelKey: InjectionKey<ModelRef<unknown>> = Symbol();\n"],"names":["radioGroupNameKey","radioGroupModelKey"],"mappings":"AAEO,MAAMA,IAAsD,OAAA,GACtDC,IAAsD,OAAO;"}

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

@@ -0,0 +1,10 @@
+import o from "./PlSearchField.vue2.js";
+import m from "./PlSearchField.vue3.js";
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const s = {
+  $style: m
+}, p = /* @__PURE__ */ r(o, [["__cssModules", s]]);
+export {
+  p as default
+};
+//# sourceMappingURL=PlSearchField.vue.js.map

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

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

package/dist/lib/ui/uikit/dist/components/PlSearchField/PlSearchField.vue2.js

@@ -0,0 +1,51 @@
+import { defineComponent as k, ref as r, computed as d, createElementBlock as y, openBlock as c, normalizeClass as s, createVNode as v, withDirectives as b, createBlock as B, createCommentVNode as C, unref as m, createElementVNode as _, vModelText as $, withModifiers as w } from "vue";
+import x from "../PlIcon16/PlIcon16.vue.js";
+import N from "../PlIcon24/PlIcon24.vue.js";
+const g = ["disabled", "placeholder"], z = /* @__PURE__ */ k({
+  __name: "PlSearchField",
+  props: {
+    modelValue: {},
+    clearable: { type: Boolean },
+    placeholder: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(n, { emit: p }) {
+    const l = p, a = n, i = r(void 0), u = r(), o = d({
+      get() {
+        return a.modelValue ?? "";
+      },
+      set(e) {
+        l("update:modelValue", e);
+      }
+    }), f = d(() => !!a.modelValue), h = () => l("update:modelValue", "");
+    return (e, t) => (c(), y("div", {
+      ref_key: "root",
+      ref: i,
+      class: s(["pl-search-field", [e.$style.component]])
+    }, [
+      v(m(N), { name: "search" }),
+      b(_("input", {
+        ref_key: "input",
+        ref: u,
+        "onUpdate:modelValue": t[0] || (t[0] = (V) => o.value = V),
+        disabled: e.disabled,
+        type: "text",
+        placeholder: e.placeholder || "Find...",
+        spellcheck: "false"
+      }, null, 8, g), [
+        [$, o.value]
+      ]),
+      e.clearable && f.value ? (c(), B(m(x), {
+        key: 0,
+        class: s(e.$style.clear),
+        name: "delete-clear",
+        onClick: w(h, ["stop"])
+      }, null, 8, ["class"])) : C("", !0)
+    ], 2));
+  }
+});
+export {
+  z as default
+};
+//# sourceMappingURL=PlSearchField.vue2.js.map

package/dist/lib/ui/uikit/dist/components/PlSearchField/PlSearchField.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlSearchField.vue2.js","sources":["../../../../../../../../../lib/ui/uikit/src/components/PlSearchField/PlSearchField.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlIcon16 } from '../PlIcon16';\nimport { PlIcon24 } from '../PlIcon24';\nimport { computed, ref } from 'vue';\n\nconst emit = defineEmits(['update:modelValue']);\n\nconst props = defineProps<{\n  modelValue?: string;\n  clearable?: boolean;\n  placeholder?: string;\n  disabled?: boolean;\n}>();\n\nconst root = ref<HTMLInputElement | undefined>(undefined);\nconst input = ref<HTMLInputElement | undefined>();\n\nconst value = computed({\n  get() {\n    return props.modelValue ?? '';\n  },\n  set(v) {\n    emit('update:modelValue', v);\n  },\n});\n\nconst nonEmpty = computed(() => !!props.modelValue);\n\nconst clear = () => emit('update:modelValue', '');\n</script>\n\n<template>\n  <div ref=\"root\" class=\"pl-search-field\" :class=\"[$style.component]\">\n    <PlIcon24 name=\"search\" />\n    <input ref=\"input\" v-model=\"value\" :disabled=\"disabled\" type=\"text\" :placeholder=\"placeholder || 'Find...'\" spellcheck=\"false\" />\n    <PlIcon16 v-if=\"clearable && nonEmpty\" :class=\"$style.clear\" name=\"delete-clear\" @click.stop=\"clear\" />\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n  --pl-search-field-border-bottom-color: var(--txt-01);\n  --pl-search-field-bg: transparent;\n  --pl-search-field-caret-color: auto;\n  --pl-search-field-clear-display: none;\n\n  position: relative;\n  display: flex;\n  align-items: center;\n  min-height: calc(var(--control-height) - 2px);\n  line-height: calc(var(--control-height) - 2px);\n  background-color: var(--pl-search-field-bg);\n  padding: 0 0 0 0;\n  border-bottom: 1px solid var(--pl-search-field-border-bottom-color);\n\n  input {\n    margin-left: 8px;\n    height: 20px;\n    border: none;\n    outline: none;\n    background-color: transparent;\n    caret-color: var(--txt-focus);\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 20px;\n    caret-color: var(--pl-search-field-caret-color);\n  }\n\n  &:focus-within {\n    --pl-search-field-border-bottom-color: var(--txt-focus);\n    --pl-search-field-caret-color: var(--border-color-focus);\n    --pl-search-field-clear-display: block;\n  }\n\n  &:hover {\n    --pl-search-field-clear-display: block;\n  }\n\n  .clear {\n    --icon-color: var(--ic-02);\n    cursor: pointer;\n    margin-left: auto;\n    display: var(--pl-search-field-clear-display);\n  }\n}\n</style>\n"],"names":["emit","__emit","props","__props","root","ref","input","value","computed","v","nonEmpty","clear"],"mappings":";;;;;;;;;;;;;AAKA,UAAMA,IAAOC,GAEPC,IAAQC,GAORC,IAAOC,EAAkC,MAAS,GAClDC,IAAQD,KAERE,IAAQC,EAAS;AAAA,MACrB,MAAM;AACJ,eAAON,EAAM,cAAc;AAAA,MAC7B;AAAA,MACA,IAAIO,GAAG;AACLT,UAAK,qBAAqBS,CAAC;AAAA,MAAA;AAAA,IAE9B,CAAA,GAEKC,IAAWF,EAAS,MAAM,CAAC,CAACN,EAAM,UAAU,GAE5CS,IAAQ,MAAMX,EAAK,qBAAqB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/lib/ui/uikit/dist/components/PlSearchField/PlSearchField.vue3.js

@@ -0,0 +1,20 @@
+(function() {
+  try {
+    if (typeof document < "u") {
+      var e = document.createElement("style");
+      e.appendChild(document.createTextNode("._component_1q8md_1{--pl-search-field-border-bottom-color: var(--txt-01);--pl-search-field-bg: transparent;--pl-search-field-caret-color: auto;--pl-search-field-clear-display: none;position:relative;display:flex;align-items:center;min-height:calc(var(--control-height) - 2px);line-height:calc(var(--control-height) - 2px);background-color:var(--pl-search-field-bg);padding:0;border-bottom:1px solid var(--pl-search-field-border-bottom-color)}._component_1q8md_1 input{margin-left:8px;height:20px;border:none;outline:none;background-color:transparent;caret-color:var(--txt-focus);font-size:14px;font-weight:500;line-height:20px;caret-color:var(--pl-search-field-caret-color)}._component_1q8md_1:focus-within{--pl-search-field-border-bottom-color: var(--txt-focus);--pl-search-field-caret-color: var(--border-color-focus);--pl-search-field-clear-display: block}._component_1q8md_1:hover{--pl-search-field-clear-display: block}._component_1q8md_1 ._clear_1q8md_35{--icon-color: var(--ic-02);cursor:pointer;margin-left:auto;display:var(--pl-search-field-clear-display)}")), document.head.appendChild(e);
+    }
+  } catch (o) {
+    console.error("vite-plugin-css-injected-by-js", o);
+  }
+})();
+const r = "_component_1q8md_1", c = "_clear_1q8md_35", l = {
+  component: r,
+  clear: c
+};
+export {
+  c as clear,
+  r as component,
+  l as default
+};
+//# sourceMappingURL=PlSearchField.vue3.js.map

package/dist/lib/ui/uikit/dist/components/PlSearchField/PlSearchField.vue3.js.map

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

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

@@ -0,0 +1,10 @@
+import o from "./PlSectionSeparator.vue2.js";
+import r from "./PlSectionSeparator.vue3.js";
+import m from "../../_virtual/_plugin-vue_export-helper.js";
+const s = {
+  $style: r
+}, p = /* @__PURE__ */ m(o, [["__cssModules", s]]);
+export {
+  p as default
+};
+//# sourceMappingURL=PlSectionSeparator.vue.js.map

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

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

package/dist/lib/ui/uikit/dist/components/PlSectionSeparator/PlSectionSeparator.vue2.js

@@ -0,0 +1,22 @@
+import { defineComponent as o, createElementBlock as a, openBlock as l, normalizeClass as t, createElementVNode as c, renderSlot as n } from "vue";
+const m = /* @__PURE__ */ o({
+  __name: "PlSectionSeparator",
+  props: {
+    compact: { type: Boolean }
+  },
+  setup(s) {
+    return (e, r) => (l(), a("div", {
+      class: t(["pl-section-separator", { [e.$style.compact]: e.compact }])
+    }, [
+      c("div", {
+        class: t(e.$style.content)
+      }, [
+        n(e.$slots, "default")
+      ], 2)
+    ], 2));
+  }
+});
+export {
+  m as default
+};
+//# sourceMappingURL=PlSectionSeparator.vue2.js.map

package/dist/lib/ui/uikit/dist/components/PlSectionSeparator/PlSectionSeparator.vue2.js.map

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

package/dist/lib/ui/uikit/dist/components/PlSectionSeparator/PlSectionSeparator.vue3.js

@@ -0,0 +1,20 @@
+(function() {
+  try {
+    if (typeof document < "u") {
+      var e = document.createElement("style");
+      e.appendChild(document.createTextNode('.pl-section-separator{--pl-separator-padding: 20px 0 4px 0;--pl-separator-txt-color: var(--txt-03);--pl-separador-divider-color: var(--border-color-div-grey);--mask-icon-bg-color: var(--ic-02);display:flex;flex-direction:column;padding:var(--pl-separator-padding)}.pl-section-separator:first-child{--pl-separator-padding: 4px 0 4px 0}._compact_rhd5u_16{--pl-separator-padding: 0 0 4px 0}._content_rhd5u_20{flex:1;display:flex;align-items:center;gap:4px;color:var(--pl-separator-txt-color);font-size:13px;font-weight:600;line-height:14px;min-height:16px;letter-spacing:.52px;text-transform:uppercase;-webkit-user-select:none;user-select:none}._content_rhd5u_20:after{flex:1;content:"";height:1px;background-color:var(--pl-separador-divider-color);margin-left:4px}')), document.head.appendChild(e);
+    }
+  } catch (t) {
+    console.error("vite-plugin-css-injected-by-js", t);
+  }
+})();
+const r = "_compact_rhd5u_16", o = "_content_rhd5u_20", a = {
+  compact: r,
+  content: o
+};
+export {
+  r as compact,
+  o as content,
+  a as default
+};
+//# sourceMappingURL=PlSectionSeparator.vue3.js.map

package/dist/lib/ui/uikit/dist/components/PlSectionSeparator/PlSectionSeparator.vue3.js.map

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