@milaboratories/uikit 2.6.2 → 2.6.3

package/dist/components/PlRadio/PlRadioGroup.vue2.js

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

package/dist/components/PlRadio/PlRadioGroup.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlRadioGroup.vue2.js","sources":["../../../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"],"mappings":";;;;;;;;;;;;;;;AAWA,UAAMA,IAAQC,iBAAe,GAEvBC,IAAQC;AAaAC,IAAAA,EAAA;AAUd,UAAMC,IAAeH,EAAM,iBAAiB,CAACI,GAAGC,MAAMA;AAEtD,WAAAC,EAAQC,GAAmBP,EAAM,IAAI,GACrCM,EAAQE,GAAoBV,CAAK;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlRadioGroup.vue2.js","sources":["../../../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","_createElementBlock","_normalizeClass","$style","_createElementVNode","_renderSlot","_ctx","_openBlock","_Fragment","_renderList","option","_createBlock","PlRadio","_unref","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;AAWA,UAAMA,IAAQC,iBAAe,GAEvBC,IAAQC;AAaAC,IAAAA,EAAA;AAUd,UAAMC,IAAeH,EAAM,iBAAiB,CAACI,GAAGC,MAAMA;AAEtD,WAAAC,EAAQC,GAAmBP,EAAM,IAAI,GACrCM,EAAQE,GAAoBV,CAAK,mBAI/BW,EAaW,YAAA;AAAA,MAbA,OAAKC,EAAEC,EAAAA,OAAO,SAAS;AAAA,IAAA;MAChCC,EAES,UAAA;AAAA,QAFA,OAAKF,EAAEC,EAAAA,OAAO,KAAK;AAAA,MAAA;QAC1BE,EAAqBC,EAAA,QAAA,OAAA;AAAA,MAAA;OAEvBC,EAAA,EAAA,GAAAN,EAOUO,GAAA,MAAAC,EANchB,EAAA,SAAO,CAArBiB,GAAQb,YADlBc,EAOUC,GAAA;AAAA,QALP,KAAKC,EAAAlB,CAAA,EAAae,EAAO,OAAOb,CAAC;AAAA,QACjC,OAAOa,EAAO;AAAA,QACd,UAAUA,EAAO;AAAA,MAAA;mBAElB,MAAkB;AAAA,UAAfI,EAAAC,EAAAL,EAAO,KAAK,GAAA,CAAA;AAAA,QAAA;;;MAEjBL,EAAQC,EAAA,QAAA,SAAA;AAAA,IAAA;;;"}

package/dist/components/PlSearchField/PlSearchField.vue2.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"PlSearchField.vue2.js","sources":["../../../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,EAAA,GAERE,IAAQC,EAAS;AAAA,MACrB,MAAM;AACJ,eAAON,EAAM,cAAc;AAAA,MAC7B;AAAA,MACA,IAAIO,GAAG;AACL,QAAAT,EAAK,qBAAqBS,CAAC;AAAA,MAC7B;AAAA,IAAA,CACD,GAEKC,IAAWF,EAAS,MAAM,CAAC,CAACN,EAAM,UAAU,GAE5CS,IAAQ,MAAMX,EAAK,qBAAqB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlSearchField.vue2.js","sources":["../../../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","_createElementBlock","_normalizeClass","$style","_createVNode","_unref","PlIcon24","_createElementVNode","$event","_createBlock","PlIcon16"],"mappings":";;;;;;;;;;;;;AAKA,UAAMA,IAAOC,GAEPC,IAAQC,GAORC,IAAOC,EAAkC,MAAS,GAClDC,IAAQD,EAAA,GAERE,IAAQC,EAAS;AAAA,MACrB,MAAM;AACJ,eAAON,EAAM,cAAc;AAAA,MAC7B;AAAA,MACA,IAAIO,GAAG;AACL,QAAAT,EAAK,qBAAqBS,CAAC;AAAA,MAC7B;AAAA,IAAA,CACD,GAEKC,IAAWF,EAAS,MAAM,CAAC,CAACN,EAAM,UAAU,GAE5CS,IAAQ,MAAMX,EAAK,qBAAqB,EAAE;2BAI9CY,EAIM,OAAA;AAAA,eAJG;AAAA,MAAJ,KAAIR;AAAA,MAAO,OAAKS,EAAA,CAAC,mBAAiB,CAAUC,EAAAA,OAAO,SAAS,CAAA,CAAA;AAAA,IAAA;MAC/DC,EAA0BC,EAAAC,CAAA,GAAA,EAAhB,MAAK,UAAQ;AAAA,QACvBC,EAAiI,SAAA;AAAA,iBAAtH;AAAA,QAAJ,KAAIZ;AAAA,sDAAiBC,EAAK,QAAAY;AAAA,QAAG,UAAUhB,EAAA;AAAA,QAAU,MAAK;AAAA,QAAQ,aAAaA,EAAA,eAAW;AAAA,QAAe,YAAW;AAAA,MAAA;YAA3FI,EAAA,KAAK;AAAA,MAAA;MACjBJ,EAAA,aAAaO,EAAA,cAA7BU,EAAuGJ,EAAAK,CAAA,GAAA;AAAA;QAA/D,OAAKR,EAAEC,EAAAA,OAAO,KAAK;AAAA,QAAE,MAAK;AAAA,QAAgB,WAAYH,GAAK,CAAA,MAAA,CAAA;AAAA,MAAA;;;;"}

package/dist/components/PlSectionSeparator/PlSectionSeparator.vue2.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"PlSectionSeparator.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlSectionSeparator.vue2.js","sources":["../../../src/components/PlSectionSeparator/PlSectionSeparator.vue"],"sourcesContent":["<script lang=\"ts\" setup>\ndefineProps<{\n  /**\n   * If `true`, remove top padding\n   */\n  compact?: boolean;\n}>();\n</script>\n\n<template>\n  <div class=\"pl-section-separator\" :class=\"{ [$style.compact]: compact }\">\n    <div :class=\"$style.content\"><slot /></div>\n  </div>\n</template>\n\n<style module>\n:global(.pl-section-separator) {\n  --pl-separator-padding: 20px 0 4px 0;\n  --pl-separator-txt-color: var(--txt-03);\n  --pl-separador-divider-color: var(--border-color-div-grey);\n  --mask-icon-bg-color: var(--ic-02);\n  display: flex;\n  flex-direction: column;\n  padding: var(--pl-separator-padding);\n}\n\n:global(.pl-section-separator):first-child {\n  --pl-separator-padding: 4px 0 4px 0;\n}\n\n.compact {\n  --pl-separator-padding: 0 0 4px 0;\n}\n\n.content {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  color: var(--pl-separator-txt-color);\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 14px;\n  min-height: 16px;\n  letter-spacing: 0.52px;\n  text-transform: uppercase;\n  user-select: none;\n}\n\n.content::after {\n  flex: 1;\n  content: '';\n  height: 1px;\n  background-color: var(--pl-separador-divider-color);\n  margin-left: 4px;\n}\n</style>\n"],"names":["_createElementBlock","$style","__props","_createElementVNode","_normalizeClass","_renderSlot","_ctx"],"mappings":";;;;;;;2BAUEA,EAEM,OAAA;AAAA,MAFD,UAAM,wBAAsB,EAAA,CAAYC,SAAO,OAAO,GAAGC,EAAA,SAAO,CAAA;AAAA,IAAA;MACnEC,EAA2C,OAAA;AAAA,QAArC,OAAKC,EAAEH,EAAAA,OAAO,OAAO;AAAA,MAAA;QAAEI,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;"}

package/dist/components/PlSidebar/PlSidebarGroup.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlSidebarGroup.vue2.js","sources":["../../../src/components/PlSidebar/PlSidebarGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst slots = defineSlots<{\n  [K in `item-${number}`]: () => unknown;\n}>();\n</script>\n\n<template>\n  <div :class=\"$style.root\">\n    <template v-for=\"name in Object.keys(slots) as `item-${number}`[]\" :key=\"name\" >\n      <div :class=\"$style.item\">\n        <slot :name=\"name\" />\n      </div>\n    </template>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n@use '../../assets/variables.scss';\n\n.root {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n}\n\n.item {\n  width: 1000%;\n  height: 100%;\n  border-right: 1px solid var(--border-color-div-grey);\n\n  &:last-child {\n    border-right: none;\n  }\n}\n</style>\n"],"names":["slots","_useSlots"],"mappings":";;;;AACA,UAAMA,IAAQC,EAAA;;;;;;;;;;;;;"}
+{"version":3,"file":"PlSidebarGroup.vue2.js","sources":["../../../src/components/PlSidebar/PlSidebarGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst slots = defineSlots<{\n  [K in `item-${number}`]: () => unknown;\n}>();\n</script>\n\n<template>\n  <div :class=\"$style.root\">\n    <template v-for=\"name in Object.keys(slots) as `item-${number}`[]\" :key=\"name\" >\n      <div :class=\"$style.item\">\n        <slot :name=\"name\" />\n      </div>\n    </template>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n@use '../../assets/variables.scss';\n\n.root {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n}\n\n.item {\n  width: 1000%;\n  height: 100%;\n  border-right: 1px solid var(--border-color-div-grey);\n\n  &:last-child {\n    border-right: none;\n  }\n}\n</style>\n"],"names":["slots","_useSlots","_createElementBlock","_normalizeClass","$style","_openBlock","_Fragment","name","_renderSlot","_ctx"],"mappings":";;;;AACA,UAAMA,IAAQC,EAAA;2BAMZC,EAMM,OAAA;AAAA,MANA,OAAKC,EAAEC,EAAAA,OAAO,IAAI;AAAA,IAAA;OACtBC,EAAA,EAAA,GAAAH,EAIWI,WAJc,OAAO,KAAKN,CAAK,IAAzBO,YACfL,EAEM,OAAA;AAAA,aAHiEK;AAAA,QACjE,OAAKJ,EAAEC,EAAAA,OAAO,IAAI;AAAA,MAAA;QACtBI,EAAqBC,UAARF,CAAI;AAAA,MAAA;;;;"}

package/dist/components/PlSidebar/PlSidebarItem.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlSidebarItem.vue2.js","sources":["../../../src/components/PlSidebar/PlSidebarItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst slots = defineSlots<{\n  'header'?: () => unknown;\n  'header-content'?: () => unknown;\n  'body'?: () => unknown;\n  'body-content'?: () => unknown;\n  'footer'?: () => unknown;\n  'footer-content'?: () => unknown;\n}>();\n</script>\n\n<template>\n  <div :class=\"$style.root\">\n    <slot name=\"header\">\n      <div v-if=\"slots['header-content']\" :class=\"$style.header\">\n        <slot name=\"header-content\" />\n      </div>\n    </slot>\n    <slot name=\"body\">\n      <div v-if=\"slots['body-content']\" :class=\"$style.body\">\n        <slot name=\"body-content\" />\n      </div>\n    </slot>\n    <slot name=\"footer\">\n      <div v-if=\"slots['footer-content']\" :class=\"$style.footer\">\n        <slot name=\"footer-content\" />\n      </div>\n    </slot>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n@use '../../assets/variables.scss';\n\n.root {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n.close {\n  cursor: pointer;\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  padding: 8px;\n}\n.header {\n  padding: 24px;\n}\n.body {\n  flex-grow: 1;\n  padding: 24px;\n  overflow-y: auto;\n}\n.footer {\n  padding: 24px;\n  border-top: 1px solid var(--border-color-div-grey);\n}\n</style>\n"],"names":["slots","_useSlots"],"mappings":";;;;AACA,UAAMA,IAAQC,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlSidebarItem.vue2.js","sources":["../../../src/components/PlSidebar/PlSidebarItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst slots = defineSlots<{\n  'header'?: () => unknown;\n  'header-content'?: () => unknown;\n  'body'?: () => unknown;\n  'body-content'?: () => unknown;\n  'footer'?: () => unknown;\n  'footer-content'?: () => unknown;\n}>();\n</script>\n\n<template>\n  <div :class=\"$style.root\">\n    <slot name=\"header\">\n      <div v-if=\"slots['header-content']\" :class=\"$style.header\">\n        <slot name=\"header-content\" />\n      </div>\n    </slot>\n    <slot name=\"body\">\n      <div v-if=\"slots['body-content']\" :class=\"$style.body\">\n        <slot name=\"body-content\" />\n      </div>\n    </slot>\n    <slot name=\"footer\">\n      <div v-if=\"slots['footer-content']\" :class=\"$style.footer\">\n        <slot name=\"footer-content\" />\n      </div>\n    </slot>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n@use '../../assets/variables.scss';\n\n.root {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n.close {\n  cursor: pointer;\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  padding: 8px;\n}\n.header {\n  padding: 24px;\n}\n.body {\n  flex-grow: 1;\n  padding: 24px;\n  overflow-y: auto;\n}\n.footer {\n  padding: 24px;\n  border-top: 1px solid var(--border-color-div-grey);\n}\n</style>\n"],"names":["slots","_useSlots","_createElementBlock","_normalizeClass","$style","_renderSlot","_ctx"],"mappings":";;;;AACA,UAAMA,IAAQC,EAAA;2BAWZC,EAgBM,OAAA;AAAA,MAhBA,OAAKC,EAAEC,EAAAA,OAAO,IAAI;AAAA,IAAA;MACtBC,EAIOC,wBAJP,MAIO;AAAA,QAHMN,EAAK,gBAAA,UAAhBE,EAEM,OAAA;AAAA;UAF+B,OAAKC,EAAEC,EAAAA,OAAO,MAAM;AAAA,QAAA;UACvDC,EAA8BC,EAAA,QAAA,gBAAA;AAAA,QAAA;;MAGlCD,EAIOC,sBAJP,MAIO;AAAA,QAHMN,EAAK,cAAA,UAAhBE,EAEM,OAAA;AAAA;UAF6B,OAAKC,EAAEC,EAAAA,OAAO,IAAI;AAAA,QAAA;UACnDC,EAA4BC,EAAA,QAAA,cAAA;AAAA,QAAA;;MAGhCD,EAIOC,wBAJP,MAIO;AAAA,QAHMN,EAAK,gBAAA,UAAhBE,EAEM,OAAA;AAAA;UAF+B,OAAKC,EAAEC,EAAAA,OAAO,MAAM;AAAA,QAAA;UACvDC,EAA8BC,EAAA,QAAA,gBAAA;AAAA,QAAA;;;;;"}

package/dist/components/PlSlideModal/PlPureSlideModal.vue.js

@@ -3,7 +3,7 @@
 .data-table{--cell-font-family: var(--font-family-base);--cell-font-weight: 500;--selected-bg: rgba(99, 224, 36, .12);width:100%;max-height:100%;flex-direction:column;border:1px solid var(--bg-elevated-02);border-radius:6px;position:relative;font-weight:500}.data-table.monospace{--cell-font-family: var(--font-family-monospace);--cell-font-weight: 400}.data-table .t-scroll{--handle-bg: #ccc;position:absolute;right:0;bottom:0;width:0;z-index:1}.data-table .t-scroll>div{position:absolute;top:6px;bottom:6px;width:0px}.data-table .t-scroll__handle{position:absolute;width:12px;background-color:var(--handle-bg);transform:translate(-50%);cursor:pointer}.data-table .t-scroll__handle:before{background-color:var(--handle-bg);border-radius:6px 6px 0 0;position:absolute;width:100%;height:6px;top:-6px;content:""}.data-table .t-scroll__handle:after{background-color:var(--handle-bg);border-radius:0 0 6px 6px;position:absolute;width:100%;height:6px;bottom:-6px;content:""}.data-table .carets{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none}.data-table .column-caret{position:absolute;top:0;height:100%;pointer-events:none}.data-table .column-caret.selected{outline:1px solid var(--border-color-focus);background:var(--selected-bg)}.data-table .column-caret.frozen{z-index:1;box-shadow:10px 0 5px -2px #888}.data-table .command-menu{display:inline-flex;height:40px;align-items:center;flex-shrink:0;gap:12px;border-radius:6px;background:#110529;color:#fff;padding:0 12px;box-shadow:0 4px 12px -2px #0f244d14,0 6px 24px -2px #0f244d14}.data-table .command-menu hr{width:1px;height:100%;margin:12px 0;background-color:#9babcc;opacity:.24}.data-table .command-menu span.command{font-weight:600;color:#fff;cursor:pointer}.data-table .command-menu__container{position:absolute;top:-45px;left:0;width:100%;z-index:1000;display:flex;gap:12px}.data-table .table-head{position:relative;max-width:100%;overflow:hidden;padding-bottom:1px;background-color:var(--bg-elevated-02);border-bottom:1px solid var(--txt-01)}.data-table .table-head .tr-head{max-width:100%;position:relative;display:flex;flex-direction:row;gap:1px;min-height:40px;background-color:transparent;overflow:hidden}.data-table .table-head .th-cell{position:absolute;background-color:#f7f8fa;font-weight:600;font-size:14px;-webkit-user-select:none;user-select:none;white-space:nowrap;padding:8px 12px;overflow:hidden;display:flex;align-items:center;height:100%}.data-table .table-head .th-cell .integer{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%3cpath%20d='M4.22886%2012.993H5.65686L6.41286%2010.158H8.33786L7.58886%2012.993H9.01686L9.77286%2010.158H12.4189L12.7829%208.76501H10.1439L10.6409%206.92401H13.2869L13.6509%205.54501H11.0119L11.7189%202.92001H10.2839L9.57686%205.54501H7.65186L8.35886%202.92001H6.92386L6.21686%205.54501H3.58486L3.20686%206.92401H5.84586L5.36286%208.76501H2.71686L2.34586%2010.158H4.98486L4.22886%2012.993ZM6.79086%208.76501L7.28086%206.92401H9.20586L8.70886%208.76501H6.79086Z'%20fill='%2307AD3E'/%3e%3c/svg%3e") no-repeat center;width:16px;height:16px;margin-right:4px}.data-table .table-head .th-cell .float{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%3cpath%20d='M4.22886%2012.993H5.65686L6.41286%2010.158H8.33786L7.58886%2012.993H9.01686L9.77286%2010.158H12.4189L12.7829%208.76501H10.1439L10.6409%206.92401H13.2869L13.6509%205.54501H11.0119L11.7189%202.92001H10.2839L9.57686%205.54501H7.65186L8.35886%202.92001H6.92386L6.21686%205.54501H3.58486L3.20686%206.92401H5.84586L5.36286%208.76501H2.71686L2.34586%2010.158H4.98486L4.22886%2012.993ZM6.79086%208.76501L7.28086%206.92401H9.20586L8.70886%208.76501H6.79086Z'%20fill='%2307AD3E'/%3e%3c/svg%3e") no-repeat center;width:16px;height:16px;margin-right:4px}.data-table .table-head .th-cell .string{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%3cpath%20d='M0.0372314%2013H1.55623L2.29123%2010.725H6.42823L7.17723%2013H8.69623L5.42023%202.92001H3.31323L0.0372314%2013ZM2.73923%209.35301L4.34923%204.38301L5.98023%209.35301H2.73923Z'%20fill='%2307AD3E'/%3e%3cpath%20d='M11.3871%2013.21C12.6121%2013.21%2013.4871%2012.79%2014.1101%2011.901V13H15.4051V8.34501C15.4051%207.71501%2015.3771%207.16901%2015.1391%206.67201C14.6701%205.67801%2013.6201%205.23001%2012.2691%205.23001C10.5191%205.23001%209.46908%206.05601%209.10508%207.35101L10.4701%207.77101C10.7291%206.93101%2011.4571%206.58101%2012.2551%206.58101C13.4381%206.58101%2013.9141%207.07101%2013.9631%208.11401C12.7381%208.28201%2011.4921%208.44301%2010.6171%208.70201C9.44808%209.07301%208.83208%209.80101%208.83208%2010.942C8.83208%2012.174%209.71408%2013.21%2011.3871%2013.21ZM10.2811%2010.928C10.2811%2010.333%2010.7221%2010.011%2011.3241%209.80801C11.9611%209.61901%2012.8081%209.50001%2013.9491%209.33201C13.9421%209.68201%2013.9141%2010.165%2013.7951%2010.515C13.6271%2011.25%2012.8921%2012.013%2011.6461%2012.013C10.7081%2012.013%2010.2811%2011.516%2010.2811%2010.928Z'%20fill='%2307AD3E'/%3e%3c/svg%3e") no-repeat center;width:16px;height:16px;margin-right:4px}.data-table .table-head .th-cell .unknown{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%3cpath%20d='M0.0372314%2013H1.55623L2.29123%2010.725H6.42823L7.17723%2013H8.69623L5.42023%202.92001H3.31323L0.0372314%2013ZM2.73923%209.35301L4.34923%204.38301L5.98023%209.35301H2.73923Z'%20fill='%2307AD3E'/%3e%3cpath%20d='M11.3871%2013.21C12.6121%2013.21%2013.4871%2012.79%2014.1101%2011.901V13H15.4051V8.34501C15.4051%207.71501%2015.3771%207.16901%2015.1391%206.67201C14.6701%205.67801%2013.6201%205.23001%2012.2691%205.23001C10.5191%205.23001%209.46908%206.05601%209.10508%207.35101L10.4701%207.77101C10.7291%206.93101%2011.4571%206.58101%2012.2551%206.58101C13.4381%206.58101%2013.9141%207.07101%2013.9631%208.11401C12.7381%208.28201%2011.4921%208.44301%2010.6171%208.70201C9.44808%209.07301%208.83208%209.80101%208.83208%2010.942C8.83208%2012.174%209.71408%2013.21%2011.3871%2013.21ZM10.2811%2010.928C10.2811%2010.333%2010.7221%2010.011%2011.3241%209.80801C11.9611%209.61901%2012.8081%209.50001%2013.9491%209.33201C13.9421%209.68201%2013.9141%2010.165%2013.7951%2010.515C13.6271%2011.25%2012.8921%2012.013%2011.6461%2012.013C10.7081%2012.013%2010.2811%2011.516%2010.2811%2010.928Z'%20fill='%2307AD3E'/%3e%3c/svg%3e") no-repeat center;width:16px;height:16px;margin-right:4px;opacity:.5}.data-table .table-head .th-cell .sort{margin-left:auto;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%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8%2014.0607L13.5303%208.53034L12.4697%207.46968L8.75%2011.1893V2.00001H7.25V11.1893L3.53033%207.46968L2.46967%208.53034L8%2014.0607Z'%20fill='%23110529'/%3e%3c/svg%3e") no-repeat center;width:16px;height:16px;opacity:.1;cursor:pointer}.data-table .table-head .th-cell .sort:hover{opacity:.5}.data-table .table-head .th-cell .sort.DESC{display:block;opacity:1}.data-table .table-head .th-cell .sort.ASC{display:block;transform:rotate(180deg);opacity:1}.data-table .table-body{position:relative;max-height:100%;max-width:100%;overflow:hidden;background-color:var(--bg-elevated-02)}.data-table .table-body .tr-body{position:absolute;left:0;max-width:100%;overflow:hidden;display:flex;flex-direction:row;gap:1px;background-color:transparent;width:100%}.data-table .table-body .tr-body.selected{background-color:#fff;outline:1px solid var(--border-color-focus)}.data-table .table-body .tr-body.selected .td-cell:after{position:absolute;top:0;bottom:0;left:0;right:0;content:"";background:var(--selected-bg);pointer-events:none}.data-table .table-body__no-data{height:212px;background-color:#f7f8fa;display:flex;align-items:center;justify-content:center;color:var(--txt-mask);font-size:28px;font-style:normal;font-weight:500;line-height:32px;letter-spacing:-.56px}.data-table .table-body__no-data>div{display:flex;flex-direction:column;gap:4px;align-items:center}.data-table .td-cell{position:absolute;background-color:#fff;overflow:hidden;display:flex;align-items:center;height:100%;padding:1px}.data-table .td-cell.justify-center{justify-content:center}.data-table .td-cell .control-cell{padding:8px 12px}.data-table .td-cell .base-cell{font-family:var(--cell-font-family);font-weight:var(--cell-font-weight);padding:8px 12px;width:100%;height:100%;display:flex;align-items:center;-webkit-user-select:text;user-select:text;overflow:hidden}.data-table .td-cell .base-cell input{border:none;outline:none;font-size:inherit;font-family:inherit;font-weight:inherit;width:100%;padding:0}.data-table .td-cell .base-cell__edit{outline:1px solid var(--border-color-focus)}
 .context-menu[data-v-12530966]{display:block;position:absolute;top:50px;left:50px;z-index:var(--z-context-menu);margin:0;padding:3px 0 4px;background:#fffffff2;box-shadow:0 8px 15px #00000059;border-radius:4px;font-family:Lucida Grande,sans-serif;font-size:14px;line-height:15px}.context-menu[data-v-12530966]:before{display:block;position:absolute;content:"";top:-1px;left:-1px;bottom:-1px;right:-1px;border-radius:4px;border:1px solid rgba(0,0,0,.125);z-index:-1}.context-menu hr[data-v-12530966]{border:none;height:1px;background:#0000001a;margin:6px 1px 5px;padding:0}.context-menu>div[data-v-12530966]{display:block;padding:0 20px;border-top:1px solid rgba(0,0,0,0);border-bottom:1px solid rgba(0,0,0,0)}.context-menu>div span[data-v-12530966]{vertical-align:2px;-webkit-user-select:none;user-select:none}.context-menu>div[data-v-12530966]:hover{background:-webkit-linear-gradient(top,#648bf5,#2866f2);background:linear-gradient(to bottom,#648bf5,#2866f2);border-top:1px solid #5a82eb;border-bottom:1px solid #1758e7}.context-menu>div[data-v-12530966]:hover:after{color:#fff}
 .pl-tooltip{--pl-tooltip-max-width: 300px;z-index:var(--z-tooltip);position:absolute;display:inline-block;padding:8px 12px 9px;background:var(--tooltip-bg);border-radius:6px;width:max-content;word-break:normal;transform-origin:0 50%;max-width:var(--pl-tooltip-max-width);color:#fff}.pl-tooltip__container{position:absolute;width:0;height:0}.pl-tooltip a{color:var(--tooltip-link-color)}.pl-tooltip p{margin-bottom:8px}.pl-tooltip ul,.pl-tooltip li{margin-left:6px;padding-left:6px}.pl-tooltip li{margin-bottom:4px}.pl-tooltip .beak{position:absolute;top:50%;right:100%}.pl-tooltip.top-left{bottom:0}.pl-tooltip.top-left .beak{position:absolute;top:calc(100% - 2px);transform:translate(-50%) rotate(-90deg);left:20%}.pl-tooltip.left{right:0;transform:translateY(-50%)}.pl-tooltip.left .beak{position:absolute;top:50%;transform:translateY(-50%) rotate(180deg);left:100%}.pl-tooltip.right{left:0;transform:translateY(-50%)}.pl-tooltip.right .beak{position:absolute;top:50%;transform:translateY(-50%);right:100%}.pl-tooltip.top{transform:translate(-50%);bottom:0}.pl-tooltip.top .beak{position:absolute;top:calc(100% - 2px);transform:translate(-50%) rotate(-90deg);left:50%}.pl-tooltip.southwest{transform:translateY(100%);bottom:0;right:-6px}.pl-tooltip.southwest .beak{position:absolute;top:-2px;transform:translateY(-50%) rotate(90deg);right:12px}.tooltip-transition-enter-active,.tooltip-transition-leave-active{transition:all .1s ease-in-out}.tooltip-transition-enter-from,.tooltip-transition-leave-to{opacity:0;transform:translateY(-50%) scale(0)}
-.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%}}
+.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(--v5deba9de) 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%}}
 .pl-block-page{--pl-block-page-body-padding: var(--main-spacing, 24px);padding:var(--container-spacing);background-color:var(--bg-elevated-01);height:100%;max-width:100%;display:grid;grid-template-rows:auto minmax(0,1fr)}.pl-block-page.noBodyGutters{--pl-block-page-body-padding: 0}.pl-block-page__title{height:80px;display:flex;align-items:center;gap:12px;padding:20px 24px;min-width:0;max-width:100%}.pl-block-page__title__default{flex:1;min-width:0;max-width:100%;margin:0;color:var(--txt-01);display:flex;flex-direction:row;align-items:center;gap:12px}.pl-block-page__title__default>span{font-size:28px;font-weight:500;line-height:36px;letter-spacing:-.56px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:100%;display:inline-block}.pl-block-page__title__append{margin-left:auto;display:flex;align-items:center;gap:2px}.pl-block-page__title__append__teleport{display:flex;align-items:center;gap:2px}.pl-block-page__body{max-width:100%;display:flex;flex-direction:column;gap:var(--gap-v);padding:var(--pl-block-page-body-padding);--thumb-color: var(--ic-02);overflow-y:auto;overflow-x:auto}.pl-block-page__body::-webkit-scrollbar{width:var(--scrollbar-width, 6px);height:5px;background-color:transparent;display:block}.pl-block-page__body::-webkit-scrollbar-thumb{background:var(--thumb-color);border-radius:5px}.pl-block-page__body::-webkit-scrollbar-thumb:hover{--thumb-color: var(--border-color-focus)}
 .pl-loader-circular{position:relative;height:100%;display:flex;align-items:center;justify-content:center}.pl-loader-circular__svg{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;height:100%;width:100%;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}.pl-loader-circular__svg-circle{stroke-dasharray:150,200;stroke-dashoffset:-10;-webkit-animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:89,200;stroke-dashoffset:-124}}@keyframes color{0%{stroke:var(--ic-02)}40%{stroke:var(--ic-02)}66%{stroke:var(--ic-02)}80%,90%{stroke:var(--ic-02)}}
 .pl-container{display:flex;flex-direction:column;gap:var(--gap-v)}

package/dist/components/PlSlideModal/PlPureSlideModal.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlPureSlideModal.vue.js","sources":["../../../src/components/PlSlideModal/PlPureSlideModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: 'PlPureSlideModal',\n  inheritAttrs: false,\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport './pl-slide-modal.scss';\nimport { ref, useAttrs } from 'vue';\nimport TransitionSlidePanel from '../TransitionSlidePanel.vue';\nimport { useClickOutside, useEventListener } from '../../index';\nimport type { Props } from './props';\nimport { defaultProps } from './props';\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void;\n}>();\n\nconst modal = ref();\nconst attrs = useAttrs();\nconst props = withDefaults(\n  defineProps<Props>(),\n  defaultProps,\n);\n\nuseClickOutside(modal, () => {\n  if (props.modelValue && props.closeOnOutsideClick) {\n    emit('update:modelValue', false);\n  }\n});\n\nuseEventListener(document, 'keydown', (evt: KeyboardEvent) => {\n  if (evt.key === 'Escape') {\n    emit('update:modelValue', false);\n  }\n});\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <TransitionSlidePanel>\n      <div\n        v-if=\"props.modelValue\"\n        ref=\"modal\"\n        class=\"pl-slide-modal\"\n        :style=\"{ width: props.width }\"\n        v-bind=\"attrs\"\n        @keyup.esc=\"emit('update:modelValue', false)\"\n      >\n        <div class=\"close-dialog-btn\" @click=\"emit('update:modelValue', false)\" />\n        <slot />\n      </div>\n    </TransitionSlidePanel>\n    <div v-if=\"props.modelValue && props.shadow\" class=\"pl-slide-modal__shadow\" @keyup.esc=\"emit('update:modelValue', false)\" />\n  </Teleport>\n</template>\n"],"names":["__default__","emit","__emit","modal","ref","attrs","useAttrs","props","__props","useClickOutside","useEventListener","evt"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,MAAAA,IAAe;AAAA,EACb,MAAM;AAAA,EACN,cAAc;AAChB;;;;;;;;;;AAWA,UAAMC,IAAOC,GAIPC,IAAQC,EAAA,GACRC,IAAQC,EAAA,GACRC,IAAQC;AAKd,WAAAC,EAAgBN,GAAO,MAAM;AAC3B,MAAII,EAAM,cAAcA,EAAM,uBAC5BN,EAAK,qBAAqB,EAAK;AAAA,IAEnC,CAAC,GAEDS,EAAiB,UAAU,WAAW,CAACC,MAAuB;AAC5D,MAAIA,EAAI,QAAQ,YACdV,EAAK,qBAAqB,EAAK;AAAA,IAEnC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlPureSlideModal.vue.js","sources":["../../../src/components/PlSlideModal/PlPureSlideModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: 'PlPureSlideModal',\n  inheritAttrs: false,\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport './pl-slide-modal.scss';\nimport { ref, useAttrs } from 'vue';\nimport TransitionSlidePanel from '../TransitionSlidePanel.vue';\nimport { useClickOutside, useEventListener } from '../../index';\nimport type { Props } from './props';\nimport { defaultProps } from './props';\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void;\n}>();\n\nconst modal = ref();\nconst attrs = useAttrs();\nconst props = withDefaults(\n  defineProps<Props>(),\n  defaultProps,\n);\n\nuseClickOutside(modal, () => {\n  if (props.modelValue && props.closeOnOutsideClick) {\n    emit('update:modelValue', false);\n  }\n});\n\nuseEventListener(document, 'keydown', (evt: KeyboardEvent) => {\n  if (evt.key === 'Escape') {\n    emit('update:modelValue', false);\n  }\n});\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <TransitionSlidePanel>\n      <div\n        v-if=\"props.modelValue\"\n        ref=\"modal\"\n        class=\"pl-slide-modal\"\n        :style=\"{ width: props.width }\"\n        v-bind=\"attrs\"\n        @keyup.esc=\"emit('update:modelValue', false)\"\n      >\n        <div class=\"close-dialog-btn\" @click=\"emit('update:modelValue', false)\" />\n        <slot />\n      </div>\n    </TransitionSlidePanel>\n    <div v-if=\"props.modelValue && props.shadow\" class=\"pl-slide-modal__shadow\" @keyup.esc=\"emit('update:modelValue', false)\" />\n  </Teleport>\n</template>\n"],"names":["__default__","emit","__emit","modal","ref","attrs","useAttrs","props","__props","useClickOutside","useEventListener","evt","_createBlock","_Teleport","_createVNode","TransitionSlidePanel","_openBlock","_createElementBlock","_mergeProps","_unref","_createElementVNode","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,MAAAA,IAAe;AAAA,EACb,MAAM;AAAA,EACN,cAAc;AAChB;;;;;;;;;;AAWA,UAAMC,IAAOC,GAIPC,IAAQC,EAAA,GACRC,IAAQC,EAAA,GACRC,IAAQC;AAKd,WAAAC,EAAgBN,GAAO,MAAM;AAC3B,MAAII,EAAM,cAAcA,EAAM,uBAC5BN,EAAK,qBAAqB,EAAK;AAAA,IAEnC,CAAC,GAEDS,EAAiB,UAAU,WAAW,CAACC,MAAuB;AAC5D,MAAIA,EAAI,QAAQ,YACdV,EAAK,qBAAqB,EAAK;AAAA,IAEnC,CAAC,mBAICW,EAeWC,GAAA,EAfD,IAAG,UAAM;AAAA,MACjBC,EAYuBC,GAAA,MAAA;AAAA,mBAXrB,MAUM;AAAA,UATER,EAAM,cADdS,EAAA,GAAAC,EAUM,OAVNC,EAUM;AAAA;qBARA;AAAA,YAAJ,KAAIf;AAAA,YACJ,OAAM;AAAA,YACL,OAAK,EAAA,OAAWI,EAAM,MAAA;AAAA,UAAK,GACpBY,EAAAd,CAAA,GAAK;AAAA,YACZ,kCAAWJ,EAAI,qBAAA,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,UAAA;YAEhBmB,EAA0E,OAAA;AAAA,cAArE,OAAM;AAAA,cAAoB,gCAAOnB,EAAI,qBAAA,EAAA;AAAA,YAAA;YAC1CoB,EAAQC,EAAA,QAAA,SAAA;AAAA,UAAA;;;;MAGDf,EAAM,cAAcA,EAAM,eAArCU,EAA4H,OAAA;AAAA;QAA/E,OAAM;AAAA,QAA0B,kCAAWhB,EAAI,qBAAA,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,MAAA;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"PlSlideModal.vue2.js","sources":["../../../src/components/PlSlideModal/PlSlideModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: 'PlSlideModal',\n  inheritAttrs: false,\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport './pl-slide-modal.scss';\nimport { useAttrs, useSlots } from 'vue';\nimport PlPureSlideModal from './PlPureSlideModal.vue';\nimport type { Props } from './props';\nimport { defaultProps } from './props';\n\nconst slots = useSlots();\nconst attrs = useAttrs();\nconst props = withDefaults(\n  defineProps<Props>(),\n  defaultProps,\n);\n\n</script>\n\n<template>\n  <PlPureSlideModal\n    v-bind=\"{...props, ...attrs}\"\n    :class=\"[$style.root, { 'has-title': slots.title, 'has-actions': slots.actions }]\"\n  >\n    <div v-if=\"slots.title\" class=\"pl-slide-modal__title\">\n      <span class=\"pl-slide-modal__title-content\">\n        <slot name=\"title\" />\n      </span>\n    </div>\n    <div class=\"pl-slide-modal__content\">\n      <slot />\n    </div>\n    <div v-if=\"slots.actions\" class=\"pl-slide-modal__actions\">\n      <slot name=\"actions\" />\n    </div>\n  </PlPureSlideModal>\n</template>\n\n<style lang=\"css\" module>\n.root {\n  --padding-top: 24px;\n  --padding-bottom: 24px;\n}\n</style>\n"],"names":["__default__","slots","useSlots","attrs","useAttrs","props","__props"],"mappings":";;;;;;;;;;GACAA,IAAe;AAAA,EACb,MAAM;AAAA,EACN,cAAc;AAChB;;;;;;;;;AAUA,UAAMC,IAAQC,EAAA,GACRC,IAAQC,EAAA,GACRC,IAAQC;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlSlideModal.vue2.js","sources":["../../../src/components/PlSlideModal/PlSlideModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: 'PlSlideModal',\n  inheritAttrs: false,\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport './pl-slide-modal.scss';\nimport { useAttrs, useSlots } from 'vue';\nimport PlPureSlideModal from './PlPureSlideModal.vue';\nimport type { Props } from './props';\nimport { defaultProps } from './props';\n\nconst slots = useSlots();\nconst attrs = useAttrs();\nconst props = withDefaults(\n  defineProps<Props>(),\n  defaultProps,\n);\n\n</script>\n\n<template>\n  <PlPureSlideModal\n    v-bind=\"{...props, ...attrs}\"\n    :class=\"[$style.root, { 'has-title': slots.title, 'has-actions': slots.actions }]\"\n  >\n    <div v-if=\"slots.title\" class=\"pl-slide-modal__title\">\n      <span class=\"pl-slide-modal__title-content\">\n        <slot name=\"title\" />\n      </span>\n    </div>\n    <div class=\"pl-slide-modal__content\">\n      <slot />\n    </div>\n    <div v-if=\"slots.actions\" class=\"pl-slide-modal__actions\">\n      <slot name=\"actions\" />\n    </div>\n  </PlPureSlideModal>\n</template>\n\n<style lang=\"css\" module>\n.root {\n  --padding-top: 24px;\n  --padding-bottom: 24px;\n}\n</style>\n"],"names":["__default__","slots","useSlots","attrs","useAttrs","props","__props","_openBlock","_createBlock","PlPureSlideModal","_mergeProps","_unref","$style","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_renderSlot","_ctx","_hoisted_3","_hoisted_4"],"mappings":";;;;;;;;;;GACAA,IAAe;AAAA,EACb,MAAM;AAAA,EACN,cAAc;AAChB;;;;;;;;;AAUA,UAAMC,IAAQC,EAAA,GACRC,IAAQC,EAAA,GACRC,IAAQC;sBAQZC,EAAA,GAAAC,EAemBC,GAfnBC,EAemB,EAAA,GAdLL,MAAUM,EAAAR,CAAA,KAAK;AAAA,MAC1B,OAAK,CAAGS,EAAAA,OAAO,MAAI,EAAA,aAAiBD,EAAAV,CAAA,EAAM,OAAK,eAAiBU,EAAAV,CAAA,EAAM,SAAO;AAAA,IAAA;iBAE9E,MAIM;AAAA,QAJKU,EAAAV,CAAA,EAAM,SAAjBM,KAAAM,EAIM,OAJNC,GAIM;AAAA,UAHJC,EAEO,QAFPC,GAEO;AAAA,YADLC,EAAqBC,EAAA,QAAA,OAAA;AAAA,UAAA;;QAGzBH,EAEM,OAFNI,GAEM;AAAA,UADJF,EAAQC,EAAA,QAAA,SAAA;AAAA,QAAA;QAECP,EAAAV,CAAA,EAAM,WAAjBM,KAAAM,EAEM,OAFNO,GAEM;AAAA,UADJH,EAAuBC,EAAA,QAAA,SAAA;AAAA,QAAA;;;;;;"}

package/dist/components/PlSplash/PlSplash.vue.js

@@ -1,34 +1,34 @@
-import { defineComponent as s, createElementBlock as l, openBlock as o, normalizeClass as r, unref as t, createCommentVNode as n, renderSlot as d, createElementVNode as i, createVNode as p, toDisplayString as m } from "vue";
+import { defineComponent as i, createElementBlock as l, openBlock as n, normalizeClass as o, unref as e, createCommentVNode as r, renderSlot as s, createElementVNode as m, createVNode as c, toDisplayString as f } from "vue";
 import a from "./pl-splash.module.scss.js";
-import f from "../PlLoaderCircular/PlLoaderCircular.vue.js";
-const k = /* @__PURE__ */ s({
+import u from "../PlLoaderCircular/PlLoaderCircular.vue.js";
+const x = /* @__PURE__ */ i({
   __name: "PlSplash",
   props: {
     loadingText: { default: void 0 },
     loading: { type: Boolean, default: !1 },
     type: { default: void 0 }
   },
-  setup(u) {
-    return (e, c) => (o(), l("div", {
-      class: r([t(a).splash, { [t(a).table]: e.type === "table", [t(a).transparent]: e.type === "transparent" }])
+  setup(t) {
+    return (d, p) => (n(), l("div", {
+      class: o([e(a).splash, { [e(a).table]: t.type === "table", [e(a).transparent]: t.type === "transparent" }])
     }, [
-      e.loading ? (o(), l("div", {
+      t.loading ? (n(), l("div", {
         key: 0,
-        class: r([t(a).overlay])
+        class: o([e(a).overlay])
       }, [
-        i("div", null, [
-          p(t(f), { size: "48" }),
-          e.loadingText ? (o(), l("div", {
+        m("div", null, [
+          c(e(u), { size: "48" }),
+          t.loadingText ? (n(), l("div", {
             key: 0,
-            class: r(t(a).text)
-          }, m(e.loadingText), 3)) : n("", !0)
+            class: o(e(a).text)
+          }, f(t.loadingText), 3)) : r("", !0)
         ])
-      ], 2)) : n("", !0),
-      d(e.$slots, "default")
+      ], 2)) : r("", !0),
+      s(d.$slots, "default")
     ], 2));
   }
 });
 export {
-  k as default
+  x as default
 };
 //# sourceMappingURL=PlSplash.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlSplash.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlSplash.vue.js","sources":["../../../src/components/PlSplash/PlSplash.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport style from './pl-splash.module.scss';\nimport { PlLoaderCircular } from '../PlLoaderCircular';\n\nwithDefaults(defineProps<{\n  /**\n   * Optional string that sets text that will be shown below the PlLoaderCircular.\n   */\n  loadingText?: string;\n  /**\n   * If `true` the loading overlay is shown.\n   */\n  loading?: boolean;\n  /**\n   * @TODO\n   */\n  type?: 'table' | 'transparent';\n}>(), { loadingText: undefined, loading: false, type: undefined });\n</script>\n\n<template>\n  <div :class=\"[style.splash, {[style.table]: type === 'table', [style.transparent]: type === 'transparent'}]\">\n    <div v-if=\"loading\" :class=\"[style.overlay]\">\n      <div>\n        <!-- @TODO refactor PlLoaderCircular size property -->\n        <PlLoaderCircular size=\"48\" />\n        <div v-if=\"loadingText\" :class=\"style.text\">{{ loadingText }}</div>\n      </div>\n    </div>\n    <slot />\n  </div>\n</template>\n"],"names":["_createElementBlock","_normalizeClass","_unref","style","__props","_createElementVNode","_createVNode","PlLoaderCircular","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;2BAqBEA,EASM,OAAA;AAAA,MATA,OAAKC,EAAA,CAAGC,EAAAC,CAAA,EAAM,WAAUD,EAAAC,CAAA,EAAM,KAAK,GAAGC,WAAI,SAAA,CAAeF,EAAAC,CAAA,EAAM,WAAW,GAAGC,EAAA,SAAI,eAAA,CAAA;AAAA,IAAA;MAC1EA,EAAA,gBAAXJ,EAMM,OAAA;AAAA;QANe,OAAKC,EAAA,CAAGC,EAAAC,CAAA,EAAM,OAAO,CAAA;AAAA,MAAA;QACxCE,EAIM,OAAA,MAAA;AAAA,UAFJC,EAA8BJ,EAAAK,CAAA,GAAA,EAAZ,MAAK,MAAI;AAAA,UAChBH,EAAA,oBAAXJ,EAAmE,OAAA;AAAA;YAA1C,OAAKC,EAAEC,EAAAC,CAAA,EAAM,IAAI;AAAA,UAAA,KAAKC,EAAA,WAAW,GAAA,CAAA;;;MAG9DI,EAAQC,EAAA,QAAA,SAAA;AAAA,IAAA;;;"}

package/dist/components/PlStatusTag/PlStatusTag.vue.js

@@ -1,13 +1,13 @@
 (function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode(".pl-status-tag{border-radius:4px;border:1px solid var(--txt-01);padding:2px 8px;width:fit-content;height:24px}.pl-status-tag.ok{background:var(--notification-success)}.pl-status-tag.warn{background:var(--notification-warning)}.pl-status-tag.alert{background:var(--notification-error)}.pl-status-tag.hold{background:var(--notification-neutral)}")),document.head.appendChild(t)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
-import { defineComponent as o, reactive as r, createElementBlock as a, createCommentVNode as p, openBlock as s, mergeProps as n, renderSlot as l, createTextVNode as c, toDisplayString as m } from "vue";
+import { defineComponent as o, reactive as r, createElementBlock as n, createCommentVNode as s, openBlock as c, mergeProps as l, renderSlot as p, createTextVNode as m, toDisplayString as d } from "vue";
 
 const T = /* @__PURE__ */ o({
   __name: "PlStatusTag",
   props: {
     type: {}
   },
-  setup(d) {
-    const t = r({
+  setup(e) {
+    const a = r({
       typeToText: {
         OK: "OK",
         WARN: "WARN",
@@ -15,13 +15,13 @@ const T = /* @__PURE__ */ o({
         HOLD: "HOLD"
       }
     });
-    return (e, i) => e.type ? (s(), a("div", n({ key: 0 }, e.$attrs, {
+    return (t, i) => e.type ? (c(), n("div", l({ key: 0 }, t.$attrs, {
       class: [{ [e.type.toLocaleLowerCase()]: !0 }, "pl-status-tag text-caps11 d-flex align-center"]
     }), [
-      l(e.$slots, "default", {}, () => [
-        c(m(t.typeToText[e.type]), 1)
+      p(t.$slots, "default", {}, () => [
+        m(d(a.typeToText[e.type]), 1)
       ])
-    ], 16)) : p("", !0);
+    ], 16)) : s("", !0);
   }
 });
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"PlStatusTag.vue.js","sources":["../../../src/components/PlStatusTag/PlStatusTag.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { reactive } from 'vue';\nimport './pl-status-tag.scss';\nimport type { PlStatusTagType } from './types';\n\ndefineProps<{ type?: PlStatusTagType }>();\n\nconst data = reactive<{ typeToText: Record<PlStatusTagType, string> }>({\n  typeToText: {\n    OK: 'OK',\n    WARN: 'WARN',\n    ALERT: 'ALERT',\n    HOLD: 'HOLD',\n  },\n});\n</script>\n<template>\n  <div v-if=\"type\" v-bind=\"$attrs\" :class=\"{[type.toLocaleLowerCase()]: true}\" class=\"pl-status-tag text-caps11 d-flex align-center\">\n    <slot>\n      {{ data.typeToText[type] }}\n    </slot>\n  </div>\n</template>\n"],"names":["data","reactive"],"mappings":";;;;;;;;AAOA,UAAMA,IAAOC,EAA0D;AAAA,MACrE,YAAY;AAAA,QACV,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,IACR,CACD;;;;;;;;;;"}
+{"version":3,"file":"PlStatusTag.vue.js","sources":["../../../src/components/PlStatusTag/PlStatusTag.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { reactive } from 'vue';\nimport './pl-status-tag.scss';\nimport type { PlStatusTagType } from './types';\n\ndefineProps<{ type?: PlStatusTagType }>();\n\nconst data = reactive<{ typeToText: Record<PlStatusTagType, string> }>({\n  typeToText: {\n    OK: 'OK',\n    WARN: 'WARN',\n    ALERT: 'ALERT',\n    HOLD: 'HOLD',\n  },\n});\n</script>\n<template>\n  <div v-if=\"type\" v-bind=\"$attrs\" :class=\"{[type.toLocaleLowerCase()]: true}\" class=\"pl-status-tag text-caps11 d-flex align-center\">\n    <slot>\n      {{ data.typeToText[type] }}\n    </slot>\n  </div>\n</template>\n"],"names":["data","reactive","__props","_createElementBlock","_mergeProps","$attrs","_renderSlot","_ctx"],"mappings":";;;;;;;;AAOA,UAAMA,IAAOC,EAA0D;AAAA,MACrE,YAAY;AAAA,QACV,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,IACR,CACD;qBAGYC,EAAA,aAAXC,EAIM,OAJNC,EAIM,EAAA,KAAA,KAJmBC,EAAAA,QAAM;AAAA,MAAG,OAAK,CAAA,EAAA,CAAIH,EAAA,KAAK,kBAAA,UAAmC,+CAA+C;AAAA,IAAA;MAChII,EAEOC,yBAFP,MAEO;AAAA,YADFP,EAAK,WAAWE,EAAA,IAAI,CAAA,GAAA,CAAA;AAAA,MAAA;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"PlSvg.vue2.js","sources":["../../../src/components/PlSvg/PlSvg.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport { computedAsync } from '@vueuse/core';\nimport { registerSvg } from './registry.ts';\nimport type { MaskIconName16, MaskIconName24 } from '../../types';\n\nconst props = defineProps<{\n  uri?: string;\n  name?: `16_${MaskIconName16}` | `24_${MaskIconName24}`;\n  width?: number | string;\n  height?: number | string;\n  color?: string | string[];\n  stroke?: string | string[];\n}>();\n\nconst uri = computedAsync(async () => {\n  if (typeof props.uri === 'string') return Promise.resolve(props.uri);\n  if (typeof props.name === 'string') return import(`../../assets/icons/icon-assets-min/${props.name}.svg?raw`).then((m) => m.default);\n  return undefined;\n});\n\nconst svgMeta = computed(() => (uri.value == null ? undefined : registerSvg(uri.value, props.name)));\n\nconst toPx = (value: undefined | number | string) => {\n  if (typeof value === 'number') return `${value}px`;\n  if (typeof value === 'string') return value;\n  return;\n};\n\nconst styleSize = computed(() => ({\n  '--svg-width': toPx(props.width ?? svgMeta.value?.defaultWidth),\n  '--svg-height': toPx(props.height ?? svgMeta.value?.defaultHeight),\n}));\n\nconst styleColor = computed(() => getStyleColor('fill', props.color));\nconst styleStroke = computed(() => getStyleColor('stroke', props.stroke));\n\nfunction getStyleColor(prop: 'fill' | 'stroke', color: undefined | string | string[]): undefined | string {\n  if (Array.isArray(color)) {\n    return color.reduce((acc, color, i) => acc + `--svg-${prop}-${i}: ${color};`, '');\n  }\n\n  if (typeof color === 'string' && color.length > 0) {\n    return `--svg-${prop}-0: ${color};`;\n  }\n\n  return undefined;\n}\n</script>\n\n<template>\n  <svg :style=\"[styleSize, styleColor, styleStroke]\" :class=\"$style.svg\">\n    <use :href=\"`#${svgMeta?.spriteId}`\" />\n  </svg>\n</template>\n\n<style module>\n.svg {\n  --svg-width: unset;\n  --svg-height: unset;\n  --svg-fill-0: unset; /* can be in any quantity, depends on the icon (--svg-fill-X) */\n  --svg-fill-1: unset; /* can be in any quantity, depends on the icon (--svg-fill-X) */\n  --svg-fill-2: unset; /* can be in any quantity, depends on the icon (--svg-fill-X) */\n  --svg-fill-3: unset; /* can be in any quantity, depends on the icon (--svg-fill-X) */\n  --svg-fill-4: unset; /* can be in any quantity, depends on the icon (--svg-fill-X) */\n  --svg-fill-5: unset; /* can be in any quantity, depends on the icon (--svg-fill-X) */\n  --svg-fill-6: unset; /* can be in any quantity, depends on the icon (--svg-fill-X) */\n  --svg-stroke-0: unset; /* can be in any quantity, depends on the icon (--svg-stroke-X) */\n\n  width: var(--svg-width);\n  height: var(--svg-height);\n}\n</style>\n"],"names":["props","__props","uri","computedAsync","__variableDynamicImportRuntimeHelper","m","svgMeta","computed","registerSvg","toPx","value","styleSize","_a","_b","styleColor","getStyleColor","styleStroke","prop","color","acc","i"],"mappings":"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"}
+{"version":3,"file":"PlSvg.vue2.js","sources":["../../../src/components/PlSvg/PlSvg.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport { computedAsync } from '@vueuse/core';\nimport { registerSvg } from './registry.ts';\nimport type { MaskIconName16, MaskIconName24 } from '../../types';\n\nconst props = defineProps<{\n  uri?: string;\n  name?: `16_${MaskIconName16}` | `24_${MaskIconName24}`;\n  width?: number | string;\n  height?: number | string;\n  color?: string | string[];\n  stroke?: string | string[];\n}>();\n\nconst uri = computedAsync(async () => {\n  if (typeof props.uri === 'string') return Promise.resolve(props.uri);\n  if (typeof props.name === 'string') return import(`../../assets/icons/icon-assets-min/${props.name}.svg?raw`).then((m) => m.default);\n  return undefined;\n});\n\nconst svgMeta = computed(() => (uri.value == null ? undefined : registerSvg(uri.value, props.name)));\n\nconst toPx = (value: undefined | number | string) => {\n  if (typeof value === 'number') return `${value}px`;\n  if (typeof value === 'string') return value;\n  return;\n};\n\nconst styleSize = computed(() => ({\n  '--svg-width': toPx(props.width ?? svgMeta.value?.defaultWidth),\n  '--svg-height': toPx(props.height ?? svgMeta.value?.defaultHeight),\n}));\n\nconst styleColor = computed(() => getStyleColor('fill', props.color));\nconst styleStroke = computed(() => getStyleColor('stroke', props.stroke));\n\nfunction getStyleColor(prop: 'fill' | 'stroke', color: undefined | string | string[]): undefined | string {\n  if (Array.isArray(color)) {\n    return color.reduce((acc, color, i) => acc + `--svg-${prop}-${i}: ${color};`, '');\n  }\n\n  if (typeof color === 'string' && color.length > 0) {\n    return `--svg-${prop}-0: ${color};`;\n  }\n\n  return undefined;\n}\n</script>\n\n<template>\n  <svg :style=\"[styleSize, styleColor, styleStroke]\" :class=\"$style.svg\">\n    <use :href=\"`#${svgMeta?.spriteId}`\" />\n  </svg>\n</template>\n\n<style module>\n.svg {\n  --svg-width: unset;\n  --svg-height: unset;\n  --svg-fill-0: unset; /* can be in any quantity, depends on the icon (--svg-fill-X) */\n  --svg-fill-1: unset; /* can be in any quantity, depends on the icon (--svg-fill-X) */\n  --svg-fill-2: unset; /* can be in any quantity, depends on the icon (--svg-fill-X) */\n  --svg-fill-3: unset; /* can be in any quantity, depends on the icon (--svg-fill-X) */\n  --svg-fill-4: unset; /* can be in any quantity, depends on the icon (--svg-fill-X) */\n  --svg-fill-5: unset; /* can be in any quantity, depends on the icon (--svg-fill-X) */\n  --svg-fill-6: unset; /* can be in any quantity, depends on the icon (--svg-fill-X) */\n  --svg-stroke-0: unset; /* can be in any quantity, depends on the icon (--svg-stroke-X) */\n\n  width: var(--svg-width);\n  height: var(--svg-height);\n}\n</style>\n"],"names":["props","__props","uri","computedAsync","__variableDynamicImportRuntimeHelper","m","svgMeta","computed","registerSvg","toPx","value","styleSize","_a","_b","styleColor","getStyleColor","styleStroke","prop","color","acc","i","_createElementBlock","_normalizeStyle","_normalizeClass","$style","_createElementVNode"],"mappings":"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"}

package/dist/components/PlTabs/PlTabs.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent as p, createElementBlock as i, openBlock as t, normalizeClass as d, unref as a, Fragment as b, renderList as c, createBlock as y, withKeys as f, normalizeStyle as v, withCtx as h, renderSlot as k, createElementVNode as V, toDisplayString as w } from "vue";
-import n from "./pl-tabs.module.scss.js";
-import B from "./Tab.vue.js";
-const C = {
+import { defineComponent as b, createElementBlock as d, openBlock as i, normalizeClass as s, unref as t, Fragment as y, renderList as f, createBlock as v, withKeys as x, normalizeStyle as h, withCtx as k, renderSlot as V, createElementVNode as w, toDisplayString as B } from "vue";
+import a from "./pl-tabs.module.scss.js";
+import C from "./Tab.vue.js";
+const L = {
   name: "PlTabs"
-}, T = /* @__PURE__ */ p({
-  ...C,
+}, T = /* @__PURE__ */ b({
+  ...L,
   props: {
     modelValue: {},
     options: {},
@@ -13,23 +13,23 @@ const C = {
     maxTabWidth: {}
   },
   emits: ["update:modelValue"],
-  setup(_, { emit: s }) {
-    const m = s, o = (l) => m("update:modelValue", l);
-    return (l, L) => (t(), i("div", {
-      class: d([a(n).component, { [a(n).disabled]: l.disabled, [a(n).topLine]: l.topLine }])
+  setup(l, { emit: m }) {
+    const u = m, o = (n) => u("update:modelValue", n);
+    return (n, $) => (i(), d("div", {
+      class: s([t(a).component, { [t(a).disabled]: l.disabled, [t(a).topLine]: l.topLine }])
     }, [
-      (t(!0), i(b, null, c(l.options, (e, r) => (t(), y(B, {
+      (i(!0), d(y, null, f(l.options, (e, r) => (i(), v(C, {
         key: r,
         tabindex: l.modelValue === e.value || l.disabled || e.disabled ? void 0 : 0,
         option: e,
-        class: d([{ [a(n).active]: l.modelValue === e.value, [a(n).disabled]: e.disabled }, a(n).tab]),
-        style: v({ "--pl-tabs-item-max-width": e.maxWidth ?? l.maxTabWidth }),
-        onKeydown: f((u) => o(e.value), ["enter"]),
-        onClick: (u) => o(e.value)
+        class: s([{ [t(a).active]: l.modelValue === e.value, [t(a).disabled]: e.disabled }, t(a).tab]),
+        style: h({ "--pl-tabs-item-max-width": e.maxWidth ?? l.maxTabWidth }),
+        onKeydown: x((c) => o(e.value), ["enter"]),
+        onClick: (c) => o(e.value)
       }, {
-        default: h(() => [
-          k(l.$slots, e.value, { option: e }, () => [
-            V("span", null, w(e.label), 1)
+        default: k(() => [
+          V(n.$slots, e.value, { option: e }, () => [
+            w("span", null, B(e.label), 1)
           ])
         ]),
         _: 2

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

@@ -1 +1 @@
-{"version":3,"file":"PlTabs.vue.js","sources":["../../../src/components/PlTabs/PlTabs.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * A component for selecting one value from a list of options\n */\nexport default {\n  name: 'PlTabs',\n};\n</script>\n\n<script lang=\"ts\" setup generic=\"M extends string\">\nimport style from './pl-tabs.module.scss';\nimport type { TabOption } from './types';\nimport Tab from './Tab.vue';\n\nconst emit = defineEmits<{\n  /**\n   * Emitted when the model value is updated.\n   */\n  (e: 'update:modelValue', value: M): void;\n}>();\n\nconst emitModel = (v: M) => emit('update:modelValue', v);\n\ndefineProps<{\n  /**\n   * The current selected tab value.\n   */\n  modelValue?: M;\n  /**\n   * List of available options for the component\n   */\n  options: Readonly<TabOption<M>[]>;\n  /**\n   * If `true`, the component is disabled and cannot be interacted with.\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the `active` line appears on the top of element.\n   */\n  topLine?: boolean;\n  /**\n   * Maximum tab width (css value), can be overridden for each option\n   */\n  maxTabWidth?: string;\n}>();\n</script>\n\n<template>\n  <div :class=\"[style.component, { [style.disabled]: disabled, [style.topLine]: topLine }]\">\n    <Tab\n      v-for=\"(opt, i) in options\"\n      :key=\"i\"\n      :tabindex=\"modelValue === opt.value || disabled || opt.disabled ? undefined : 0\"\n      :option=\"opt\"\n      :class=\"[{ [style.active]: modelValue === opt.value, [style.disabled]: opt.disabled }, style.tab]\"\n      :style=\"{ '--pl-tabs-item-max-width': opt.maxWidth ?? maxTabWidth }\"\n      @keydown.enter=\"emitModel(opt.value)\"\n      @click=\"emitModel(opt.value)\"\n    >\n      <slot :name=\"opt.value\" :option=\"opt\">\n        <span>{{ opt.label }}</span>\n      </slot>\n    </Tab>\n  </div>\n</template>\n"],"names":["__default__","emit","__emit","emitModel","v"],"mappings":";;;AAIA,MAAAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;;;;;AAQA,UAAMC,IAAOC,GAOPC,IAAY,CAACC,MAASH,EAAK,qBAAqBG,CAAC;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlTabs.vue.js","sources":["../../../src/components/PlTabs/PlTabs.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * A component for selecting one value from a list of options\n */\nexport default {\n  name: 'PlTabs',\n};\n</script>\n\n<script lang=\"ts\" setup generic=\"M extends string\">\nimport style from './pl-tabs.module.scss';\nimport type { TabOption } from './types';\nimport Tab from './Tab.vue';\n\nconst emit = defineEmits<{\n  /**\n   * Emitted when the model value is updated.\n   */\n  (e: 'update:modelValue', value: M): void;\n}>();\n\nconst emitModel = (v: M) => emit('update:modelValue', v);\n\ndefineProps<{\n  /**\n   * The current selected tab value.\n   */\n  modelValue?: M;\n  /**\n   * List of available options for the component\n   */\n  options: Readonly<TabOption<M>[]>;\n  /**\n   * If `true`, the component is disabled and cannot be interacted with.\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the `active` line appears on the top of element.\n   */\n  topLine?: boolean;\n  /**\n   * Maximum tab width (css value), can be overridden for each option\n   */\n  maxTabWidth?: string;\n}>();\n</script>\n\n<template>\n  <div :class=\"[style.component, { [style.disabled]: disabled, [style.topLine]: topLine }]\">\n    <Tab\n      v-for=\"(opt, i) in options\"\n      :key=\"i\"\n      :tabindex=\"modelValue === opt.value || disabled || opt.disabled ? undefined : 0\"\n      :option=\"opt\"\n      :class=\"[{ [style.active]: modelValue === opt.value, [style.disabled]: opt.disabled }, style.tab]\"\n      :style=\"{ '--pl-tabs-item-max-width': opt.maxWidth ?? maxTabWidth }\"\n      @keydown.enter=\"emitModel(opt.value)\"\n      @click=\"emitModel(opt.value)\"\n    >\n      <slot :name=\"opt.value\" :option=\"opt\">\n        <span>{{ opt.label }}</span>\n      </slot>\n    </Tab>\n  </div>\n</template>\n"],"names":["__default__","emit","__emit","emitModel","v","_createElementBlock","_normalizeClass","_unref","style","__props","_openBlock","_Fragment","_renderList","opt","i","_createBlock","Tab","_normalizeStyle","_withKeys","$event","_renderSlot","_ctx","_createElementVNode","_toDisplayString"],"mappings":";;;AAIA,MAAAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;;;;;AAQA,UAAMC,IAAOC,GAOPC,IAAY,CAACC,MAASH,EAAK,qBAAqBG,CAAC;2BA2BrDC,EAeM,OAAA;AAAA,MAfA,OAAKC,EAAA,CAAGC,EAAAC,CAAA,EAAM,cAAcD,EAAAC,CAAA,EAAM,QAAQ,GAAGC,YAAQ,CAAGF,EAAAC,CAAA,EAAM,OAAO,GAAGC,EAAA,SAAO,CAAA;AAAA,IAAA;OACnFC,EAAA,EAAA,GAAAL,EAaMM,GAAA,MAAAC,EAZeH,EAAA,SAAO,CAAlBI,GAAKC,YADfC,EAaMC,GAAA;AAAA,QAXH,KAAKF;AAAA,QACL,UAAUL,EAAA,eAAeI,EAAI,SAASJ,EAAA,YAAYI,EAAI,WAAW,SAAS;AAAA,QAC1E,QAAQA;AAAA,QACR,OAAKP,EAAA,CAAA,EAAA,CAAMC,KAAM,MAAM,GAAGE,EAAA,eAAeI,EAAI,QAAQN,EAAAC,CAAA,EAAM,QAAQ,GAAGK,EAAI,SAAA,GAAYN,EAAAC,CAAA,EAAM,GAAG,CAAA;AAAA,QAC/F,OAAKS,EAAA,EAAA,4BAAgCJ,EAAI,YAAYJ,EAAA,aAAW;AAAA,QAChE,WAAOS,EAAA,CAAAC,MAAQhB,EAAUU,EAAI,KAAK,GAAA,CAAA,OAAA,CAAA;AAAA,QAClC,SAAK,CAAAM,MAAEhB,EAAUU,EAAI,KAAK;AAAA,MAAA;mBAE3B,MAEO;AAAA,UAFPO,EAEOC,EAAA,QAFMR,EAAI,SAAQ,QAAQA,EAAA,GAAjC,MAEO;AAAA,YADLS,EAA4B,QAAA,MAAAC,EAAnBV,EAAI,KAAK,GAAA,CAAA;AAAA,UAAA;;;;;;;"}

package/dist/components/PlTabs/Tab.vue.js

@@ -1,15 +1,15 @@
-import { defineComponent as s, ref as f, reactive as l, onMounted as a, unref as n, createBlock as p, openBlock as c, withCtx as i, renderSlot as d, createTextVNode as u, toDisplayString as m } from "vue";
-import _ from "../PlTooltip/PlTooltip.vue.js";
-const y = /* @__PURE__ */ s({
+import { defineComponent as l, ref as s, reactive as a, onMounted as c, unref as n, createBlock as d, openBlock as p, withCtx as i, renderSlot as u, createTextVNode as m, toDisplayString as _ } from "vue";
+import v from "../PlTooltip/PlTooltip.vue.js";
+const y = /* @__PURE__ */ l({
   __name: "Tab",
   props: {
     option: {}
   },
-  setup(v) {
-    const r = f(), t = l({
+  setup(f) {
+    const r = s(), t = a({
       isOverflown: !1
     });
-    return a(() => {
+    return c(() => {
       const e = n(r);
       if (!e)
         return;
@@ -17,7 +17,7 @@ const y = /* @__PURE__ */ s({
       o && requestAnimationFrame(() => {
         o.offsetWidth < o.scrollWidth && (t.isOverflown = !0);
       });
-    }), (e, o) => (c(), p(n(_), {
+    }), (e, o) => (p(), d(n(v), {
       ref_key: "rootRef",
       ref: r,
       element: "div",
@@ -27,10 +27,10 @@ const y = /* @__PURE__ */ s({
       "data-is-overflown": t.isOverflown ? "true" : "false"
     }, {
       tooltip: i(() => [
-        u(m(e.option.label), 1)
+        m(_(f.option.label), 1)
       ]),
       default: i(() => [
-        d(e.$slots, "default")
+        u(e.$slots, "default")
       ]),
       _: 3
     }, 8, ["hide", "data-is-overflown"]));

package/dist/components/PlTabs/Tab.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.vue.js","sources":["../../../src/components/PlTabs/Tab.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { onMounted, unref, ref, reactive } from 'vue';\nimport { PlTooltip } from '../PlTooltip';\nimport type { TabOption } from './types';\n\nconst rootRef = ref<{ $el: HTMLElement }>();\n\ndefineProps<{\n  option: TabOption;\n}>();\n\nconst data = reactive({\n  isOverflown: false,\n});\n\nonMounted(() => {\n  const root = unref(rootRef);\n\n  if (!root) {\n    return;\n  }\n\n  const el = root.$el.querySelector('span') as HTMLElement | null;\n\n  if (!el) {\n    return;\n  }\n\n  requestAnimationFrame(() => {\n    if (el.offsetWidth < el.scrollWidth) {\n      data.isOverflown = true;\n    }\n  });\n});\n</script>\n\n<template>\n  <PlTooltip\n    ref=\"rootRef\"\n    element=\"div\"\n    position=\"top\"\n    :hide=\"!data.isOverflown\"\n    :close-delay=\"300\"\n    :data-is-overflown=\"data.isOverflown ? 'true' : 'false'\"\n  >\n    <slot />\n    <template #tooltip>\n      {{ option.label }}\n    </template>\n  </PlTooltip>\n</template>\n"],"names":["rootRef","ref","data","reactive","onMounted","root","unref","el"],"mappings":";;;;;;;;AAKA,UAAMA,IAAUC,EAAA,GAMVC,IAAOC,EAAS;AAAA,MACpB,aAAa;AAAA,IAAA,CACd;AAED,WAAAC,EAAU,MAAM;AACd,YAAMC,IAAOC,EAAMN,CAAO;AAE1B,UAAI,CAACK;AACH;AAGF,YAAME,IAAKF,EAAK,IAAI,cAAc,MAAM;AAExC,MAAKE,KAIL,sBAAsB,MAAM;AAC1B,QAAIA,EAAG,cAAcA,EAAG,gBACtBL,EAAK,cAAc;AAAA,MAEvB,CAAC;AAAA,IACH,CAAC;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Tab.vue.js","sources":["../../../src/components/PlTabs/Tab.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { onMounted, unref, ref, reactive } from 'vue';\nimport { PlTooltip } from '../PlTooltip';\nimport type { TabOption } from './types';\n\nconst rootRef = ref<{ $el: HTMLElement }>();\n\ndefineProps<{\n  option: TabOption;\n}>();\n\nconst data = reactive({\n  isOverflown: false,\n});\n\nonMounted(() => {\n  const root = unref(rootRef);\n\n  if (!root) {\n    return;\n  }\n\n  const el = root.$el.querySelector('span') as HTMLElement | null;\n\n  if (!el) {\n    return;\n  }\n\n  requestAnimationFrame(() => {\n    if (el.offsetWidth < el.scrollWidth) {\n      data.isOverflown = true;\n    }\n  });\n});\n</script>\n\n<template>\n  <PlTooltip\n    ref=\"rootRef\"\n    element=\"div\"\n    position=\"top\"\n    :hide=\"!data.isOverflown\"\n    :close-delay=\"300\"\n    :data-is-overflown=\"data.isOverflown ? 'true' : 'false'\"\n  >\n    <slot />\n    <template #tooltip>\n      {{ option.label }}\n    </template>\n  </PlTooltip>\n</template>\n"],"names":["rootRef","ref","data","reactive","onMounted","root","unref","el","_createBlock","_unref","PlTooltip","_createTextVNode","_toDisplayString","__props","_renderSlot","_ctx"],"mappings":";;;;;;;;AAKA,UAAMA,IAAUC,EAAA,GAMVC,IAAOC,EAAS;AAAA,MACpB,aAAa;AAAA,IAAA,CACd;AAED,WAAAC,EAAU,MAAM;AACd,YAAMC,IAAOC,EAAMN,CAAO;AAE1B,UAAI,CAACK;AACH;AAGF,YAAME,IAAKF,EAAK,IAAI,cAAc,MAAM;AAExC,MAAKE,KAIL,sBAAsB,MAAM;AAC1B,QAAIA,EAAG,cAAcA,EAAG,gBACtBL,EAAK,cAAc;AAAA,MAEvB,CAAC;AAAA,IACH,CAAC,mBAICM,EAYYC,EAAAC,CAAA,GAAA;AAAA,eAXN;AAAA,MAAJ,KAAIV;AAAA,MACJ,SAAQ;AAAA,MACR,UAAS;AAAA,MACR,MAAI,CAAGE,EAAK;AAAA,MACZ,eAAa;AAAA,MACb,qBAAmBA,EAAK,cAAW,SAAA;AAAA,IAAA;MAGzB,WACT,MAAkB;AAAA,QAAfS,EAAAC,EAAAC,EAAA,OAAO,KAAK,GAAA,CAAA;AAAA,MAAA;iBAFjB,MAAQ;AAAA,QAARC,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;;"}