@milaboratories/uikit 2.3.13 → 2.3.15

package/dist/components/PlAccordion/{ExpandTransition.vue2.js → ExpandTransition.vue.js}

@@ -24,4 +24,4 @@ const f = /* @__PURE__ */ n({
 export {
   f as default
 };
-//# sourceMappingURL=ExpandTransition.vue2.js.map
+//# sourceMappingURL=ExpandTransition.vue.js.map

package/dist/components/PlAccordion/ExpandTransition.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandTransition.vue.js","sources":["../../../src/components/PlAccordion/ExpandTransition.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nconst onStart = (el: Element) => {\n  el.classList.add('expand-collapse-fix');\n  (el as HTMLElement).style.setProperty('--component-height', el.scrollHeight + 'px');\n};\n\nconst onAfter = (el: Element) => {\n  (el as HTMLElement).style.removeProperty('--component-height');\n  el.classList.remove('expand-collapse-fix');\n};\n</script>\n\n<template>\n  <Transition name=\"expand-collapse\" @enter=\"onStart\" @leave=\"onStart\" @after-enter=\"onAfter\" @after-leave=\"onAfter\">\n    <slot/>\n  </Transition>\n</template>\n\n<style>\n.expand-collapse-fix {\n  overflow: hidden;\n}\n\n.expand-collapse-enter-active,\n.expand-collapse-leave-active {\n  transition:\n    height 0.2s ease-in-out,\n    opacity 0.2s ease-in-out;\n  height: var(--component-height);\n}\n\n.expand-collapse-enter-from,\n.expand-collapse-leave-to {\n  opacity: 0.5;\n  height: 0;\n}\n</style>\n"],"names":["onStart","el","onAfter"],"mappings":";;;;AACM,UAAAA,IAAU,CAACC,MAAgB;AAC5B,MAAAA,EAAA,UAAU,IAAI,qBAAqB,GACrCA,EAAmB,MAAM,YAAY,sBAAsBA,EAAG,eAAe,IAAI;AAAA,IACpF,GAEMC,IAAU,CAACD,MAAgB;AAC9B,MAAAA,EAAmB,MAAM,eAAe,oBAAoB,GAC1DA,EAAA,UAAU,OAAO,qBAAqB;AAAA,IAC3C;;;;;;;;;;;;;;;"}

package/dist/components/PlAccordion/ExpandTransition.vue3.js

@@ -1,5 +1,5 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".expand-collapse-fix{overflow:hidden}.expand-collapse-enter-active,.expand-collapse-leave-active{transition:height .2s ease-in-out,opacity .2s ease-in-out;height:var(--component-height)}.expand-collapse-enter-from,.expand-collapse-leave-to{opacity:.5;height:0}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-import o from "./ExpandTransition.vue2.js";
+import o from "./ExpandTransition.vue.js";
 
 export {
   o as default

package/dist/components/PlAccordion/PlAccordionSection.vue2.js

@@ -3,7 +3,7 @@ import { defineComponent as M, mergeModels as V, inject as i, toRef as m, useMod
 import { uniqueId as B } from "../../lib/util/helpers/dist/index.js";
 import N from "../PlIcon16/PlIcon16.vue.js";
 import P from "../PlSectionSeparator/PlSectionSeparator.vue.js";
-import _ from "./ExpandTransition.vue2.js";
+import _ from "./ExpandTransition.vue.js";
 
 const b = { class: "pl-accordion-section" }, E = /* @__PURE__ */ M({
   __name: "PlAccordionSection",

package/dist/components/PlAutocomplete/PlAutocomplete.vue.js

@@ -15,7 +15,7 @@ import Oe from "../PlIcon16/PlIcon16.vue.js";
 import xe from "../PlIcon24/PlIcon24.vue.js";
 import Ee from "../../utils/DropdownOverlay/DropdownOverlay.vue.js";
 import { useWatchFetch as H } from "../../composition/useWatchFetch.js";
-import Ve from "../../generated/components/svg/images/SvgRequired.vue.js";
+import Ve from "../../generated/components/svg/images/SvgRequired.vue2.js";
 import { getErrorMessage as Ae } from "../../helpers/error.js";
 import { debouncedRef as Ce } from "../../node_modules/.pnpm/@vueuse_shared@13.3.0_vue@3.5.13_typescript@5.6.3_/node_modules/@vueuse/shared/index.js";
 const De = ["tabindex"], Re = { class: "pl-autocomplete__container" }, Fe = { class: "pl-autocomplete__field" }, Me = ["disabled", "placeholder"], $e = {

package/dist/components/PlBtnGhost/PlBtnGhost.vue.js

@@ -1,4 +1,4 @@
-(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode(".pl-btn-ghost{--font-size: 14px;--border-radius: 6px;--button-height: 40px;--focus-shadow: 0 0 0 0 transparent;--btn-disabled-bg: var(--color-dis-01);--color-text: var(--txt-00);--shape-shadow: 0 0 0 0 transparent;--append-shadow: 0 0 0 0 transparent;--drop-shadow: 0 0 0 0 transparent;--active-shadow: 0 0 0 0 transparent;--main-padding: 0 12px;text-transform:capitalize;position:relative;overflow:hidden;display:flex;flex-direction:row;justify-content:space-between;align-items:center;white-space:nowrap;gap:8px;padding:var(--main-padding);color:var(--color-text);font-weight:600;font-size:var(--font-size);font-family:var(--font-family-base);line-height:16px;height:var(--button-height);min-height:var(--button-height);border-radius:var(--border-radius);outline:none;-webkit-user-select:none;user-select:none;transition:box-shadow .05s ease-in-out;box-shadow:var(--focus-shadow),var(--append-shadow),var(--shape-shadow),var(--active-shadow),var(--drop-shadow)}.pl-btn-ghost.justifyCenter{justify-content:center}.pl-btn-ghost.round{border-radius:50%;width:var(--button-height);min-width:var(--button-height);padding:0;justify-content:center}.pl-btn-ghost.small{--button-height: 32px;--main-padding: 0 8px}.pl-btn-ghost.medium{--main-padding: 0 16px}.pl-btn-ghost.large{--button-height: 56px;--border-radius: 8px;--font-size: 16px;--main-padding: 0 18px}.pl-btn-ghost.large .mask{--mask-size: 24px}.pl-btn-ghost:disabled{--color-text: var(--dis-00);--icon-color: var(--dis-00)}.pl-btn-ghost:disabled *{color:var(--color-text)}.pl-btn-ghost:not([disabled]){cursor:pointer}.pl-btn-ghost:not([disabled]).hover{background:var(--color-btn-hover)}.pl-btn-ghost:not([disabled]):hover{background:var(--color-btn-hover)}.pl-btn-ghost:focus-visible{--focus-shadow: inset 0 0 0 2px var(--border-color-focus)}.pl-btn-ghost .icon{display:block;width:16px;height:16px}.pl-btn-ghost.loading{box-shadow:none!important}.pl-btn-ghost.loading .mask-loading{display:block;animation:spin 4s linear infinite}.pl-btn-ghost.reverse{flex-direction:row-reverse}.pl-btn-ghost>span{display:inline-flex}.pl-btn-ghost{--color-text: var(--txt-01);--color-btn-hover: var(--btn-sec-hover-grey);--btn-min-width: auto;gap:10px;background:transparent;border:none;width:fit-content;min-width:var(--btn-min-width)}[data-theme=dark] .pl-btn-ghost{--mask-icon-bg-color: #fff}[data-theme=dark] .pl-btn-ghost:hover{--color-text: #87E087}.pl-btn-ghost:disabled{--color-text: var(--btn-disabled-bg);--icon-color: var(--dis-01);box-shadow:none!important;cursor:auto}.pl-btn-ghost.loading{--color-text: var(--btn-disabled-bg)}")),document.head.appendChild(t)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
+(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode(".pl-btn-ghost{--font-size: 14px;--border-radius: 6px;--button-height: 40px;--focus-shadow: 0 0 0 0 transparent;--btn-disabled-bg: var(--color-dis-01);--color-text: var(--txt-00);--shape-shadow: 0 0 0 0 transparent;--append-shadow: 0 0 0 0 transparent;--drop-shadow: 0 0 0 0 transparent;--active-shadow: 0 0 0 0 transparent;--main-padding: 0 12px;text-transform:capitalize;position:relative;overflow:hidden;display:flex;flex-direction:row;justify-content:space-between;align-items:center;white-space:nowrap;gap:8px;padding:var(--main-padding);color:var(--color-text);font-weight:600;font-size:var(--font-size);font-family:var(--font-family-base);line-height:16px;height:var(--button-height);min-height:var(--button-height);border-radius:var(--border-radius);outline:none;-webkit-user-select:none;user-select:none;transition:box-shadow .05s ease-in-out;box-shadow:var(--focus-shadow),var(--append-shadow),var(--shape-shadow),var(--active-shadow),var(--drop-shadow)}.pl-btn-ghost.justifyCenter{justify-content:center}.pl-btn-ghost.round{border-radius:50%;width:var(--button-height);min-width:var(--button-height);padding:0;justify-content:center}.pl-btn-ghost.small{--button-height: 32px;--main-padding: 0 8px}.pl-btn-ghost.medium{--main-padding: 0 16px}.pl-btn-ghost.large{--button-height: 56px;--border-radius: 8px;--font-size: 16px;--main-padding: 0 18px}.pl-btn-ghost.large .mask{--mask-size: 24px}.pl-btn-ghost:disabled{--color-text: var(--dis-00);--icon-color: var(--dis-00)}.pl-btn-ghost:disabled *{color:var(--color-text)}.pl-btn-ghost:not([disabled]){cursor:pointer}.pl-btn-ghost:not([disabled]).hover{background:var(--color-btn-hover)}.pl-btn-ghost:not([disabled]):hover{background:var(--color-btn-hover)}.pl-btn-ghost:focus-visible{--focus-shadow: inset 0 0 0 2px var(--border-color-focus)}.pl-btn-ghost .icon{display:block;width:16px;height:16px}.pl-btn-ghost.loading{box-shadow:none!important}.pl-btn-ghost.loading .mask-loading{display:block;animation:spin 4s linear infinite}.pl-btn-ghost.reverse{flex-direction:row-reverse}.pl-btn-ghost>span{display:inline-flex}.pl-btn-ghost{--color-text: var(--txt-01);--color-btn-hover: var(--btn-sec-hover-grey);--btn-min-width: auto;gap:10px;background:transparent;border:none;width:fit-content;min-width:var(--btn-min-width)}.pl-btn-ghost:disabled{--color-text: var(--btn-disabled-bg);--icon-color: var(--dis-01);box-shadow:none!important;cursor:auto}.pl-btn-ghost.loading{--color-text: var(--btn-disabled-bg)}")),document.head.appendChild(t)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
 import { defineComponent as y, computed as a, ref as c, useSlots as z, createElementBlock as r, openBlock as o, mergeProps as B, createCommentVNode as i, renderSlot as s, unref as n, createBlock as d } from "vue";
 
 import u from "../PlIcon24/PlIcon24.vue.js";

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

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    opened?: boolean;
+    title: string;
+    message: string;
+    confirmLabel: string;
+    cancelLabel: string;
+    onConfirm?: () => void;
+    onCancel?: () => void;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    cancel: () => any;
+    confirm: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+}>, {
+    onCancel: () => void;
+    opened: boolean;
+    onConfirm: () => void;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=PlConfirmDialog.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlConfirmDialog.vue.d.ts","sourceRoot":"","sources":["../../src/components/PlConfirmDialog.vue"],"names":[],"mappings":"AA6DA,KAAK,WAAW,GAAG;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;;;;;;;;cADW,MAAM,IAAI;YANZ,OAAO;eAKJ,MAAM,IAAI;;AA+I1B,wBASG"}

package/dist/components/PlConfirmDialog.vue.js

@@ -0,0 +1,63 @@
+import { defineComponent as C, createBlock as _, openBlock as b, unref as i, withModifiers as m, withCtx as n, createVNode as f, createTextVNode as l, toDisplayString as a } from "vue";
+import k from "./PlBtnPrimary/PlBtnPrimary.vue.js";
+import V from "./PlBtnSecondary/PlBtnSecondary.vue.js";
+import g from "./PlDialogModal/PlDialogModal.vue.js";
+const v = /* @__PURE__ */ C({
+  __name: "PlConfirmDialog",
+  props: {
+    opened: { type: Boolean, default: !0 },
+    title: {},
+    message: {},
+    confirmLabel: {},
+    cancelLabel: {},
+    onConfirm: { type: Function, default: void 0 },
+    onCancel: { type: Function, default: void 0 }
+  },
+  emits: ["confirm", "cancel"],
+  setup(r, { emit: s }) {
+    const e = r, c = s, d = () => {
+      var o;
+      c("confirm"), (o = e.onConfirm) == null || o.call(e);
+    }, u = () => {
+      var o;
+      c("cancel"), (o = e.onCancel) == null || o.call(e);
+    };
+    return (o, t) => (b(), _(i(g), {
+      modelValue: e.opened,
+      "onUpdate:modelValue": t[0] || (t[0] = (p) => e.opened = p),
+      closable: !1,
+      onClick: t[1] || (t[1] = m(() => {
+      }, ["stop"]))
+    }, {
+      title: n(() => [
+        l(a(o.title), 1)
+      ]),
+      default: n(() => [
+        l(a(o.message), 1)
+      ]),
+      actions: n(() => [
+        f(i(k), {
+          onClick: m(d, ["stop"])
+        }, {
+          default: n(() => [
+            l(a(e.confirmLabel), 1)
+          ]),
+          _: 1
+        }),
+        f(i(V), {
+          onClick: m(u, ["stop"])
+        }, {
+          default: n(() => [
+            l(a(e.cancelLabel), 1)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue"]));
+  }
+});
+export {
+  v as default
+};
+//# sourceMappingURL=PlConfirmDialog.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlConfirmDialog.vue.js","sources":["../../src/components/PlConfirmDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlBtnPrimary } from './PlBtnPrimary';\nimport { PlBtnSecondary } from './PlBtnSecondary';\nimport { PlDialogModal } from './PlDialogModal';\n\nconst props = withDefaults(\n  defineProps<{\n    opened?: boolean;\n    title: string;\n    message: string;\n    confirmLabel: string;\n    cancelLabel: string;\n    onConfirm?: () => void;\n    onCancel?: () => void;\n  }>(), {\n    opened: true,\n    onCancel: undefined,\n    onConfirm: undefined,\n  },\n);\n\nconst emits = defineEmits<{\n  confirm: [];\n  cancel: [];\n}>();\n\nconst handleConfirm = () => {\n  emits('confirm');\n  props.onConfirm?.();\n};\n\nconst handleCancel = () => {\n  emits('cancel');\n  props.onCancel?.();\n};\n</script>\n\n<template>\n  <PlDialogModal v-model=\"props.opened\" :closable=\"false\" @click.stop>\n    <template #title>\n      {{ title }}\n    </template>\n    <template #default>\n      {{ message }}\n    </template>\n    <template #actions>\n      <PlBtnPrimary @click.stop=\"handleConfirm\">\n        {{ props.confirmLabel }}\n      </PlBtnPrimary>\n      <PlBtnSecondary @click.stop=\"handleCancel\">\n        {{ props.cancelLabel }}\n      </PlBtnSecondary>\n    </template>\n  </PlDialogModal>\n</template>\n"],"names":["props","__props","emits","__emit","handleConfirm","_a","handleCancel"],"mappings":";;;;;;;;;;;;;;;;;AAKA,UAAMA,IAAQC,GAgBRC,IAAQC,GAKRC,IAAgB,MAAM;;AAC1B,MAAAF,EAAM,SAAS,IACfG,IAAAL,EAAM,cAAN,QAAAK,EAAA,KAAAL;AAAA,IACF,GAEMM,IAAe,MAAM;;AACzB,MAAAJ,EAAM,QAAQ,IACdG,IAAAL,EAAM,aAAN,QAAAK,EAAA,KAAAL;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/PlConfirmDialog.vue2.js

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

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

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

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

@@ -104,10 +104,14 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     actionsHasTopBorder: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     modal: HTMLDivElement;
-}, any>, {
-    title?(_: {}): any;
-    default?(_: {}): any;
-    actions?(_: {}): any;
+}, any>, Readonly<{
+    title?: () => unknown;
+    default?: () => unknown;
+    actions?: () => unknown;
+}> & {
+    title?: () => unknown;
+    default?: () => unknown;
+    actions?: () => unknown;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1 +1 @@
-{"version":3,"file":"PlDialogModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlDialogModal/PlDialogModal.vue"],"names":[],"mappings":"AAyJA,OAAO,wBAAwB,CAAC;AAGhC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;;IASpC;;OAEG;gBACS,OAAO;IACnB;;OAEG;YACK,MAAM;IACd;;OAEG;aACM,MAAM;IACf;;OAEG;gBACS,MAAM;IAClB;;OAEG;gBACS,MAAM;IAClB;;OAEG;eACQ,OAAO;IAClB;;OAEG;uBACgB,OAAO;IAC1B;;OAEG;yBACkB,OAAO;IAC5B;;OAEG;0BACmB,OAAO;IAC7B;;OAEG;0BACmB,OAAO;IAC7B;;OAEG;WACI,IAAI,GAAG,SAAS;;;;IA3CvB;;OAEG;gBACS,OAAO;IACnB;;OAEG;YACK,MAAM;IACd;;OAEG;aACM,MAAM;IACf;;OAEG;gBACS,MAAM;IAClB;;OAEG;gBACS,MAAM;IAClB;;OAEG;eACQ,OAAO;IAClB;;OAEG;uBACgB,OAAO;IAC1B;;OAEG;yBACkB,OAAO;IAC5B;;OAEG;0BACmB,OAAO;IAC7B;;OAEG;0BACmB,OAAO;IAC7B;;OAEG;WACI,IAAI,GAAG,SAAS;;;;;YAhCd,MAAM;WAJP,MAAM;eAYF,MAAM;eAJN,MAAM;cAQP,OAAO;sBAIC,OAAO;yBAQJ,OAAO;;;;mBA4KL,GAAG;qBACD,GAAG;qBACH,GAAG;;AAvNjC,wBAwQK;AAcL,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"PlDialogModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlDialogModal/PlDialogModal.vue"],"names":[],"mappings":"AA6JA,OAAO,wBAAwB,CAAC;AAGhC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;;IAapC;;OAEG;gBACS,OAAO;IACnB;;OAEG;YACK,MAAM;IACd;;OAEG;aACM,MAAM;IACf;;OAEG;gBACS,MAAM;IAClB;;OAEG;gBACS,MAAM;IAClB;;OAEG;eACQ,OAAO;IAClB;;OAEG;uBACgB,OAAO;IAC1B;;OAEG;yBACkB,OAAO;IAC5B;;OAEG;0BACmB,OAAO;IAC7B;;OAEG;0BACmB,OAAO;IAC7B;;OAEG;WACI,IAAI,GAAG,SAAS;;;;IA3CvB;;OAEG;gBACS,OAAO;IACnB;;OAEG;YACK,MAAM;IACd;;OAEG;aACM,MAAM;IACf;;OAEG;gBACS,MAAM;IAClB;;OAEG;gBACS,MAAM;IAClB;;OAEG;eACQ,OAAO;IAClB;;OAEG;uBACgB,OAAO;IAC1B;;OAEG;yBACkB,OAAO;IAC5B;;OAEG;0BACmB,OAAO;IAC7B;;OAEG;0BACmB,OAAO;IAC7B;;OAEG;WACI,IAAI,GAAG,SAAS;;;;;YAhCd,MAAM;WAJP,MAAM;eAYF,MAAM;eAJN,MAAM;cAQP,OAAO;sBAIC,OAAO;yBAQJ,OAAO;;;;YA3CvB,MAAM,OAAO;cACX,MAAM,OAAO;cACb,MAAM,OAAO;;YAFf,MAAM,OAAO;cACX,MAAM,OAAO;cACb,MAAM,OAAO;;AAJzB,wBAsQK;AAcL,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/PlDialogModal/PlDialogModal.vue.js

@@ -1,15 +1,15 @@
 (function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode(".pl-dialog-modal{--padding-top: 24px;--border-radius: 16px;--title-padding: 24px 24px 0 24px;min-height:400px;max-height:calc(100vh - 48px);max-width:calc(100% - 48px);min-width:448px;position:absolute;top:50%;left:50%;transform:translateY(-50%) translate(-50%);background-color:#fff;padding-top:var(--padding-top);display:flex;flex-direction:column;box-shadow:0 2px 8px #24223d1f;border-radius:var(--border-radius)}.pl-dialog-modal.has-title{--padding-top: 0}.pl-dialog-modal.has-content{--title-padding: 24px}.pl-dialog-modal__title{display:flex;align-items:center;font-family:var(--font-family-base);font-size:28px;font-style:normal;font-weight:500;line-height:32px;letter-spacing:-.56px;padding:var(--title-padding)}.pl-dialog-modal__content{flex:1;display:flex;flex-direction:column;gap:24px;padding:16px 24px 40px;min-height:0;line-height:20px;--thumb-color: var(--ic-02);overflow-y:auto}.pl-dialog-modal__content::-webkit-scrollbar{width:var(--scrollbar-width, 6px);height:5px;background-color:transparent;display:block}.pl-dialog-modal__content::-webkit-scrollbar-thumb{background:var(--thumb-color);border-radius:5px}.pl-dialog-modal__content::-webkit-scrollbar-thumb:hover{--thumb-color: var(--border-color-focus)}.pl-dialog-modal__content.no-content-gutters{padding:0}.pl-dialog-modal__content.no-top-content-gutter{padding-top:0}.pl-dialog-modal__actions{display:flex;align-items:center;gap:6px;min-height:88px;padding:0 24px}.pl-dialog-modal__actions button{min-width:160px}.pl-dialog-modal__actions.has-top-border{border-top:1px solid var(--border-color-div-grey)}.pl-dialog-modal .alert-error{background-color:var(--txt-error);color:#fff;font-weight:500;padding:12px;border-radius:6px}.pl-dialog-modal .alert-warning{background-color:#fee0a3;font-weight:500;padding:12px;border-radius:6px}.pl-dialog-modal__shadow{position:absolute;z-index:var(--z-dialog);top:var(--title-bar-height);left:0;right:0;bottom:0;background-color:#000000a3}.pl-dialog-modal .close-modal-btn{position:absolute;top:4px;right:4px}")),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-import { defineComponent as H, useSlots as _, ref as v, computed as V, createBlock as c, openBlock as t, Teleport as w, createVNode as b, Transition as x, withCtx as T, createElementBlock as r, createCommentVNode as l, createElementVNode as f, mergeProps as $, unref as n, withModifiers as E, renderSlot as m, normalizeClass as h } from "vue";
-import { useEventListener as G } from "../../composition/useEventListener.js";
+import { defineComponent as B, useSlots as H, ref as _, computed as v, createBlock as p, openBlock as t, Teleport as V, createVNode as w, Transition as b, withCtx as x, createElementBlock as u, createCommentVNode as l, createElementVNode as c, mergeProps as T, withModifiers as $, renderSlot as r, normalizeClass as f } from "vue";
+import { useEventListener as E } from "../../composition/useEventListener.js";
 
-import O from "../../utils/PlCloseModalBtn.vue.js";
-const z = {
+import G from "../../utils/PlCloseModalBtn.vue.js";
+const O = {
   key: 1,
   class: "pl-dialog-modal__title"
-}, M = {
+}, z = {
   inheritAttrs: !1
-}, D = /* @__PURE__ */ H({
-  ...M,
+}, A = /* @__PURE__ */ B({
+  ...z,
   __name: "PlDialogModal",
   props: {
     modelValue: { type: Boolean },
@@ -25,63 +25,63 @@ const z = {
     size: { default: void 0 }
   },
   emits: ["update:modelValue"],
-  setup(g, { emit: y }) {
-    const o = _(), i = y, s = g, d = v(), k = V(() => {
-      const { width: e, height: a, minHeight: p, maxHeight: B, size: u } = s;
-      return u === "small" ? {
+  setup(h, { emit: g }) {
+    const o = H(), i = g, n = h, s = _(), y = v(() => {
+      const { width: e, height: a, minHeight: m, maxHeight: C, size: d } = n;
+      return d === "small" ? {
         width: "448px",
         height: "440px",
         minHeight: "auto",
         maxHeight: "auto"
-      } : u === "medium" ? {
+      } : d === "medium" ? {
         width: "720px",
         height: "720px",
         minHeight: "auto",
         maxHeight: "auto"
-      } : u === "large" ? {
+      } : d === "large" ? {
         width: "1080px",
         height: "880px",
         minHeight: "auto",
         maxHeight: "auto"
-      } : { width: e, height: a, minHeight: p, maxHeight: B };
+      } : { width: e, height: a, minHeight: m, maxHeight: C };
     });
-    function C(e) {
-      d.value && s.closeOnOutsideClick && document.contains(e.target) && !d.value.contains(e.target) && i("update:modelValue", !1);
+    function k(e) {
+      s.value && n.closeOnOutsideClick && document.contains(e.target) && !s.value.contains(e.target) && i("update:modelValue", !1);
     }
-    return G(document.body, "keyup", (e) => {
-      s.modelValue && e.code === "Escape" && i("update:modelValue", !1);
-    }), (e, a) => (t(), c(w, { to: "body" }, [
-      b(x, { name: "dialog" }, {
-        default: T(() => [
-          e.modelValue ? (t(), r("div", {
+    return E(document.body, "keyup", (e) => {
+      n.modelValue && e.code === "Escape" && i("update:modelValue", !1);
+    }), (e, a) => (t(), p(V, { to: "body" }, [
+      w(b, { name: "dialog" }, {
+        default: x(() => [
+          e.modelValue ? (t(), u("div", {
             key: 0,
             class: "pl-dialog-modal__shadow",
-            onClick: C
+            onClick: k
           }, [
-            f("div", $(e.$attrs, {
+            c("div", T(e.$attrs, {
               ref_key: "modal",
-              ref: d,
-              class: ["pl-dialog-modal", { "has-title": n(o).title, "has-content": n(o).default }],
-              style: k.value
+              ref: s,
+              class: ["pl-dialog-modal", { "has-title": o.title, "has-content": o.default }],
+              style: y.value
             }), [
-              e.closable ? (t(), c(O, {
+              e.closable ? (t(), p(G, {
                 key: 0,
                 class: "close-modal-btn",
-                onClick: a[0] || (a[0] = E((p) => i("update:modelValue", !1), ["stop"]))
+                onClick: a[0] || (a[0] = $((m) => i("update:modelValue", !1), ["stop"]))
               })) : l("", !0),
-              n(o).title ? (t(), r("div", z, [
-                m(e.$slots, "title")
+              o.title ? (t(), u("div", O, [
+                r(e.$slots, "title")
               ])) : l("", !0),
-              f("div", {
-                class: h(["pl-dialog-modal__content", { "no-content-gutters": e.noContentGutters, "no-top-content-gutter": e.noTopContentGutter }])
+              c("div", {
+                class: f(["pl-dialog-modal__content", { "no-content-gutters": e.noContentGutters, "no-top-content-gutter": e.noTopContentGutter }])
               }, [
-                m(e.$slots, "default")
+                r(e.$slots, "default")
               ], 2),
-              n(o).actions ? (t(), r("div", {
+              o.actions ? (t(), u("div", {
                 key: 2,
-                class: h(["pl-dialog-modal__actions", { "has-top-border": e.actionsHasTopBorder }])
+                class: f(["pl-dialog-modal__actions", { "has-top-border": e.actionsHasTopBorder }])
               }, [
-                m(e.$slots, "actions")
+                r(e.$slots, "actions")
               ], 2)) : l("", !0)
             ], 16)
           ])) : l("", !0)
@@ -92,6 +92,6 @@ const z = {
   }
 });
 export {
-  D as default
+  A as default
 };
 //# sourceMappingURL=PlDialogModal.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlDialogModal.vue.js","sources":["../../../src/components/PlDialogModal/PlDialogModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  inheritAttrs: false,\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { useEventListener } from '../../composition/useEventListener';\nimport './pl-dialog-modal.scss';\nimport { computed, ref, useSlots } from 'vue';\nimport PlCloseModalBtn from '../../utils/PlCloseModalBtn.vue';\nimport type { Size } from '../../types';\n\nconst slots = useSlots();\n\nconst emit = defineEmits(['update:modelValue']);\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * Determines whether the modal is open\n     */\n    modelValue: boolean;\n    /**\n     * css width (default value is `448px`)\n     */\n    width?: string;\n    /**\n     * css height (default value is `auto`)\n     */\n    height?: string;\n    /**\n     * css min-height (default value is `auto`)\n     */\n    minHeight?: string;\n    /**\n     * css min-height (default value is `auto` but recommended is 440px)\n     */\n    maxHeight?: string;\n    /**\n     * Enables a button to close the modal (default: `true`)\n     */\n    closable?: boolean;\n    /**\n     * If `true` content gutters are removed\n     */\n    noContentGutters?: boolean;\n    /**\n     * If `true` top content gutter is removed\n     */\n    noTopContentGutter?: boolean;\n    /**\n     * Actions slot has a top border (default: `true`)\n     */\n    actionsHasTopBorder?: boolean;\n    /**\n     * If `true`, the modal window closes when clicking outside the modal area (default: `true`)\n     */\n    closeOnOutsideClick?: boolean;\n    /**\n     * Predefined size (standard small | medium | large). Takes precedence over (min|max)(width|height) properties. Not defined by default.\n     */\n    size?: Size | undefined;\n  }>(),\n  {\n    width: '448px',\n    minHeight: 'auto',\n    maxHeight: 'auto',\n    height: 'auto',\n    closable: true,\n    noContentGutters: false,\n    actionsHasTopBorder: true,\n    size: undefined,\n  },\n);\n\nconst modal = ref<HTMLElement>();\n\nconst style = computed(() => {\n  const { width, height, minHeight, maxHeight, size } = props;\n\n  if (size === 'small') {\n    return {\n      width: '448px',\n      height: '440px',\n      minHeight: 'auto',\n      maxHeight: 'auto',\n    };\n  }\n\n  if (size === 'medium') {\n    return {\n      width: '720px',\n      height: '720px',\n      minHeight: 'auto',\n      maxHeight: 'auto',\n    };\n  }\n\n  if (size === 'large') {\n    return {\n      width: '1080px',\n      height: '880px',\n      minHeight: 'auto',\n      maxHeight: 'auto',\n    };\n  }\n\n  return { width, height, minHeight, maxHeight };\n});\n\nfunction onClickShadow(ev: Event) {\n  if (modal.value && props.closeOnOutsideClick && document.contains(ev.target as Node) && !modal.value.contains(ev.target as Node)) {\n    emit('update:modelValue', false);\n  }\n}\n\nuseEventListener(document.body, 'keyup', (ev) => {\n  if (props.modelValue && ev.code === 'Escape') {\n    emit('update:modelValue', false);\n  }\n});\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <Transition name=\"dialog\">\n      <div v-if=\"modelValue\" class=\"pl-dialog-modal__shadow\" @click=\"onClickShadow\">\n        <div\n          v-bind=\"$attrs\"\n          ref=\"modal\"\n          class=\"pl-dialog-modal\"\n          :class=\"{ 'has-title': slots.title, 'has-content': slots.default }\"\n          :style=\"style\"\n        >\n          <PlCloseModalBtn v-if=\"closable\" class=\"close-modal-btn\" @click.stop=\"emit('update:modelValue', false)\" />\n          <div v-if=\"slots.title\" class=\"pl-dialog-modal__title\">\n            <slot name=\"title\" />\n          </div>\n          <div class=\"pl-dialog-modal__content\" :class=\"{ 'no-content-gutters': noContentGutters, 'no-top-content-gutter': noTopContentGutter }\">\n            <slot />\n          </div>\n          <div v-if=\"slots.actions\" class=\"pl-dialog-modal__actions\" :class=\"{ 'has-top-border': actionsHasTopBorder }\">\n            <slot name=\"actions\" />\n          </div>\n        </div>\n      </div>\n    </Transition>\n  </Teleport>\n</template>\n"],"names":["__default__","slots","useSlots","emit","__emit","props","__props","modal","ref","style","computed","width","height","minHeight","maxHeight","size","onClickShadow","ev","useEventListener"],"mappings":";;;;;;;GACeA,IAAA;AAAA,EACb,cAAc;AAChB;;;;;;;;;;;;;;;;;;AAUA,UAAMC,IAAQC,EAAS,GAEjBC,IAAOC,GAEPC,IAAQC,GA2DRC,IAAQC,EAAiB,GAEzBC,IAAQC,EAAS,MAAM;AAC3B,YAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,WAAAC,GAAW,WAAAC,GAAW,MAAAC,MAASV;AAEtD,aAAIU,MAAS,UACJ;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,WAAW;AAAA,MACb,IAGEA,MAAS,WACJ;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,WAAW;AAAA,MACb,IAGEA,MAAS,UACJ;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,WAAW;AAAA,MACb,IAGK,EAAE,OAAAJ,GAAO,QAAAC,GAAQ,WAAAC,GAAW,WAAAC,EAAU;AAAA,IAAA,CAC9C;AAED,aAASE,EAAcC,GAAW;AAChC,MAAIV,EAAM,SAASF,EAAM,uBAAuB,SAAS,SAASY,EAAG,MAAc,KAAK,CAACV,EAAM,MAAM,SAASU,EAAG,MAAc,KAC7Hd,EAAK,qBAAqB,EAAK;AAAA,IACjC;AAGF,WAAAe,EAAiB,SAAS,MAAM,SAAS,CAACD,MAAO;AAC/C,MAAIZ,EAAM,cAAcY,EAAG,SAAS,YAClCd,EAAK,qBAAqB,EAAK;AAAA,IACjC,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlDialogModal.vue.js","sources":["../../../src/components/PlDialogModal/PlDialogModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  inheritAttrs: false,\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { useEventListener } from '../../composition/useEventListener';\nimport './pl-dialog-modal.scss';\nimport { computed, ref } from 'vue';\nimport PlCloseModalBtn from '../../utils/PlCloseModalBtn.vue';\nimport type { Size } from '../../types';\n\nconst slots = defineSlots<{\n  title?: () => unknown;\n  default?: () => unknown;\n  actions?: () => unknown;\n}>();\n\nconst emit = defineEmits(['update:modelValue']);\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * Determines whether the modal is open\n     */\n    modelValue: boolean;\n    /**\n     * css width (default value is `448px`)\n     */\n    width?: string;\n    /**\n     * css height (default value is `auto`)\n     */\n    height?: string;\n    /**\n     * css min-height (default value is `auto`)\n     */\n    minHeight?: string;\n    /**\n     * css min-height (default value is `auto` but recommended is 440px)\n     */\n    maxHeight?: string;\n    /**\n     * Enables a button to close the modal (default: `true`)\n     */\n    closable?: boolean;\n    /**\n     * If `true` content gutters are removed\n     */\n    noContentGutters?: boolean;\n    /**\n     * If `true` top content gutter is removed\n     */\n    noTopContentGutter?: boolean;\n    /**\n     * Actions slot has a top border (default: `true`)\n     */\n    actionsHasTopBorder?: boolean;\n    /**\n     * If `true`, the modal window closes when clicking outside the modal area (default: `true`)\n     */\n    closeOnOutsideClick?: boolean;\n    /**\n     * Predefined size (standard small | medium | large). Takes precedence over (min|max)(width|height) properties. Not defined by default.\n     */\n    size?: Size | undefined;\n  }>(),\n  {\n    width: '448px',\n    minHeight: 'auto',\n    maxHeight: 'auto',\n    height: 'auto',\n    closable: true,\n    noContentGutters: false,\n    actionsHasTopBorder: true,\n    size: undefined,\n  },\n);\n\nconst modal = ref<HTMLElement>();\n\nconst style = computed(() => {\n  const { width, height, minHeight, maxHeight, size } = props;\n\n  if (size === 'small') {\n    return {\n      width: '448px',\n      height: '440px',\n      minHeight: 'auto',\n      maxHeight: 'auto',\n    };\n  }\n\n  if (size === 'medium') {\n    return {\n      width: '720px',\n      height: '720px',\n      minHeight: 'auto',\n      maxHeight: 'auto',\n    };\n  }\n\n  if (size === 'large') {\n    return {\n      width: '1080px',\n      height: '880px',\n      minHeight: 'auto',\n      maxHeight: 'auto',\n    };\n  }\n\n  return { width, height, minHeight, maxHeight };\n});\n\nfunction onClickShadow(ev: Event) {\n  if (modal.value && props.closeOnOutsideClick && document.contains(ev.target as Node) && !modal.value.contains(ev.target as Node)) {\n    emit('update:modelValue', false);\n  }\n}\n\nuseEventListener(document.body, 'keyup', (ev) => {\n  if (props.modelValue && ev.code === 'Escape') {\n    emit('update:modelValue', false);\n  }\n});\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <Transition name=\"dialog\">\n      <div v-if=\"modelValue\" class=\"pl-dialog-modal__shadow\" @click=\"onClickShadow\">\n        <div\n          v-bind=\"$attrs\"\n          ref=\"modal\"\n          class=\"pl-dialog-modal\"\n          :class=\"{ 'has-title': slots.title, 'has-content': slots.default }\"\n          :style=\"style\"\n        >\n          <PlCloseModalBtn v-if=\"closable\" class=\"close-modal-btn\" @click.stop=\"emit('update:modelValue', false)\" />\n          <div v-if=\"slots.title\" class=\"pl-dialog-modal__title\">\n            <slot name=\"title\" />\n          </div>\n          <div class=\"pl-dialog-modal__content\" :class=\"{ 'no-content-gutters': noContentGutters, 'no-top-content-gutter': noTopContentGutter }\">\n            <slot />\n          </div>\n          <div v-if=\"slots.actions\" class=\"pl-dialog-modal__actions\" :class=\"{ 'has-top-border': actionsHasTopBorder }\">\n            <slot name=\"actions\" />\n          </div>\n        </div>\n      </div>\n    </Transition>\n  </Teleport>\n</template>\n"],"names":["__default__","slots","_useSlots","emit","__emit","props","__props","modal","ref","style","computed","width","height","minHeight","maxHeight","size","onClickShadow","ev","useEventListener"],"mappings":";;;;;;;GACeA,IAAA;AAAA,EACb,cAAc;AAChB;;;;;;;;;;;;;;;;;;AAUA,UAAMC,IAAQC,EAIV,GAEEC,IAAOC,GAEPC,IAAQC,GA2DRC,IAAQC,EAAiB,GAEzBC,IAAQC,EAAS,MAAM;AAC3B,YAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,WAAAC,GAAW,WAAAC,GAAW,MAAAC,MAASV;AAEtD,aAAIU,MAAS,UACJ;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,WAAW;AAAA,MACb,IAGEA,MAAS,WACJ;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,WAAW;AAAA,MACb,IAGEA,MAAS,UACJ;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,WAAW;AAAA,MACb,IAGK,EAAE,OAAAJ,GAAO,QAAAC,GAAQ,WAAAC,GAAW,WAAAC,EAAU;AAAA,IAAA,CAC9C;AAED,aAASE,EAAcC,GAAW;AAChC,MAAIV,EAAM,SAASF,EAAM,uBAAuB,SAAS,SAASY,EAAG,MAAc,KAAK,CAACV,EAAM,MAAM,SAASU,EAAG,MAAc,KAC7Hd,EAAK,qBAAqB,EAAK;AAAA,IACjC;AAGF,WAAAe,EAAiB,SAAS,MAAM,SAAS,CAACD,MAAO;AAC/C,MAAIZ,EAAM,cAAcY,EAAG,SAAS,YAClCd,EAAK,qBAAqB,EAAK;AAAA,IACjC,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/PlDropdown/PlDropdown.vue.js

@@ -12,7 +12,7 @@ import we from "../LongText.vue.js";
 import { normalizeListOptions as _e } from "../../helpers/utils.js";
 import ke from "../PlIcon16/PlIcon16.vue.js";
 import ye from "../PlIcon24/PlIcon24.vue.js";
-import ge from "../../generated/components/svg/images/SvgRequired.vue.js";
+import ge from "../../generated/components/svg/images/SvgRequired.vue2.js";
 import { getErrorMessage as Ie } from "../../helpers/error.js";
 import be from "./OptionList.vue.js";
 import { useGroupBy as Ve } from "./useGroupBy.js";

package/dist/components/PlDropdownLegacy/PlDropdownLegacy.vue.js

@@ -14,7 +14,7 @@ import we from "../LongText.vue.js";
 import ke from "../PlIcon16/PlIcon16.vue.js";
 import ye from "../PlIcon24/PlIcon24.vue.js";
 import { normalizeListOptions as Ie } from "../../helpers/utils.js";
-import ge from "../../generated/components/svg/images/SvgRequired.vue.js";
+import ge from "../../generated/components/svg/images/SvgRequired.vue2.js";
 import { getErrorMessage as Ve } from "../../helpers/error.js";
 const be = { class: "ui-dropdown__envelope" }, Ce = ["tabindex"], Ee = { class: "ui-dropdown__container" }, Le = { class: "ui-dropdown__field" }, Se = ["disabled", "placeholder"], xe = { class: "ui-dropdown__controls" }, Ae = { key: 0 }, Oe = {
   key: 0,

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

@@ -41,8 +41,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
 }>, {
     mode: "list" | "tabs";
     placeholder: string;
-    prefix: string;
     clearable: boolean;
+    prefix: string;
     tabsContainerStyles: string | false | import('vue').CSSProperties | StyleValue[] | null;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     container: HTMLDivElement;

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

@@ -1 +1 @@
-{"version":3,"file":"PlDropdownLine.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlDropdownLine/PlDropdownLine.vue"],"names":[],"mappings":"AAkUA,OAAO,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAUtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAM9C,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,mBAAmB,CAAC,EAAE,UAAU,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AA8OJ,iBAAS,cAAc;WAsMT,OAAO,IAA6B;;;;;;;;YAbvB,GAAG;;;;;;YACH,GAAG;;;;;;;EAiB7B;AA4BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;UAzdV,MAAM,GAAG,MAAM;iBADR,MAAM;YAFX,MAAM;eAKH,OAAO;;;;;kBAierB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"PlDropdownLine.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlDropdownLine/PlDropdownLine.vue"],"names":[],"mappings":"AAkUA,OAAO,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAUtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAM9C,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,mBAAmB,CAAC,EAAE,UAAU,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AA8OJ,iBAAS,cAAc;WAsMT,OAAO,IAA6B;;;;;;;;YAbvB,GAAG;;;;;;YACH,GAAG;;;;;;;EAiB7B;AA4BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;UAzdV,MAAM,GAAG,MAAM;iBADR,MAAM;eAGR,OAAO;YALV,MAAM;;;;;kBAsejB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -11,7 +11,7 @@ import { deepEqual as k, deepIncludes as x } from "../../helpers/objects.js";
 import { normalizeListOptions as pe } from "../../helpers/utils.js";
 import fe from "../../utils/DropdownOverlay/DropdownOverlay.vue.js";
 import me from "../PlIcon24/PlIcon24.vue.js";
-import ve from "../../generated/components/svg/images/SvgRequired.vue.js";
+import ve from "../../generated/components/svg/images/SvgRequired.vue2.js";
 import { getErrorMessage as he } from "../../helpers/error.js";
 const _e = ["tabindex"], we = { class: "pl-dropdown-multi__container" }, ye = { class: "pl-dropdown-multi__field" }, ke = ["disabled", "placeholder"], be = {
   key: 0,

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

@@ -113,10 +113,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     required: boolean;
     disabled: boolean;
     helper: string;
+    loadingOptionsHelper: string;
     placeholder: string;
     clearable: boolean;
     optionSize: "small" | "medium";
-    loadingOptionsHelper: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
     tooltip?(_: {}): any;
 }>;

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

@@ -1 +1 @@
-{"version":3,"file":"PlDropdownRef.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlDropdownRef/PlDropdownRef.vue"],"names":[],"mappings":"AAgHA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAKvD;;GAEG;;IAcC;;OAEG;gBACS,QAAQ,GAAG,SAAS;IAChC;;OAEG;YACK,MAAM;IACd;;OAEG;cACO,QAAQ,CAAC,SAAS,EAAE,CAAC;IAC/B;;OAEG;aACM,MAAM;IACf;;OAEG;2BACoB,MAAM;IAC7B;;OAEG;YACK,OAAO;IACf;;OAEG;kBACW,MAAM;IACpB;;OAEG;gBACS,OAAO;IACnB;;OAEG;eACQ,OAAO;IAClB;;OAEG;eACQ,OAAO;IAClB;;OAEG;iBACU,OAAO,GAAG,QAAQ;;;;;;;;;IA3C/B;;OAEG;gBACS,QAAQ,GAAG,SAAS;IAChC;;OAEG;YACK,MAAM;IACd;;OAEG;cACO,QAAQ,CAAC,SAAS,EAAE,CAAC;IAC/B;;OAEG;aACM,MAAM;IACf;;OAEG;2BACoB,MAAM;IAC7B;;OAEG;YACK,OAAO;IACf;;OAEG;kBACW,MAAM;IACpB;;OAEG;gBACS,OAAO;IACnB;;OAEG;eACQ,OAAO;IAClB;;OAEG;eACQ,OAAO;IAClB;;OAEG;iBACU,OAAO,GAAG,QAAQ;;;;;;;;;aAhCrB,QAAQ,CAAC,SAAS,EAAE,CAAC;WAJvB,MAAM;;cA4BH,OAAO;cAIP,OAAO;YAxBT,MAAM;iBAYD,MAAM;eAIR,OAAO;gBAYN,OAAO,GAAG,QAAQ;0BAxBR,MAAM;;qBA+GJ,GAAG;;AA/IhC,wBA4LK;AAcL,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"PlDropdownRef.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlDropdownRef/PlDropdownRef.vue"],"names":[],"mappings":"AAgHA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAKvD;;GAEG;;IAcC;;OAEG;gBACS,QAAQ,GAAG,SAAS;IAChC;;OAEG;YACK,MAAM;IACd;;OAEG;cACO,QAAQ,CAAC,SAAS,EAAE,CAAC;IAC/B;;OAEG;aACM,MAAM;IACf;;OAEG;2BACoB,MAAM;IAC7B;;OAEG;YACK,OAAO;IACf;;OAEG;kBACW,MAAM;IACpB;;OAEG;gBACS,OAAO;IACnB;;OAEG;eACQ,OAAO;IAClB;;OAEG;eACQ,OAAO;IAClB;;OAEG;iBACU,OAAO,GAAG,QAAQ;;;;;;;;;IA3C/B;;OAEG;gBACS,QAAQ,GAAG,SAAS;IAChC;;OAEG;YACK,MAAM;IACd;;OAEG;cACO,QAAQ,CAAC,SAAS,EAAE,CAAC;IAC/B;;OAEG;aACM,MAAM;IACf;;OAEG;2BACoB,MAAM;IAC7B;;OAEG;YACK,OAAO;IACf;;OAEG;kBACW,MAAM;IACpB;;OAEG;gBACS,OAAO;IACnB;;OAEG;eACQ,OAAO;IAClB;;OAEG;eACQ,OAAO;IAClB;;OAEG;iBACU,OAAO,GAAG,QAAQ;;;;;;;;;aAhCrB,QAAQ,CAAC,SAAS,EAAE,CAAC;WAJvB,MAAM;;cA4BH,OAAO;cAIP,OAAO;YAxBT,MAAM;0BAIQ,MAAM;iBAQf,MAAM;eAIR,OAAO;gBAYN,OAAO,GAAG,QAAQ;;qBAuFN,GAAG;;AA/IhC,wBA4LK;AAcL,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -19,6 +19,10 @@ type __VLS_Props = {
      * Min title length
      */
     minLength?: number;
+    /**
+     * If true, input will be focused on mount
+     */
+    autofocus?: boolean;
 };
 type __VLS_PublicProps = {
     modelValue?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"PlEditableTitle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlEditableTitle/PlEditableTitle.vue"],"names":[],"mappings":"AAgGA,KAAK,WAAW,GAAG;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAsDJ,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;;;;;;cArED,MAAM;iBAJH,MAAM;YAQX,MAAM;eAIH,MAAM;eAIN,MAAM;;;;AAoItB,wBAUG"}
+{"version":3,"file":"PlEditableTitle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlEditableTitle/PlEditableTitle.vue"],"names":[],"mappings":"AA2GA,KAAK,WAAW,GAAG;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AA6DJ,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;;;;;;cAhFD,MAAM;iBAJH,MAAM;YAQX,MAAM;eAIH,MAAM;eAIN,MAAM;;;;AA+ItB,wBAUG"}

package/dist/components/PlEditableTitle/PlEditableTitle.vue.js

@@ -1,79 +1,83 @@
-import { defineComponent as L, mergeModels as M, useModel as k, computed as w, ref as E, createElementBlock as i, openBlock as s, normalizeStyle as V, normalizeClass as d, unref as t, createElementVNode as h, createCommentVNode as c, withDirectives as b, toDisplayString as g, withKeys as v, vModelText as C } from "vue";
-import { useTransformedModel as T } from "../../composition/useTransformedModel.js";
-import u from "./pl-editable-title.module.scss.js";
-const S = { key: 0 }, W = ["placeholder"], K = /* @__PURE__ */ L({
+import { defineComponent as L, mergeModels as M, useModel as k, ref as w, computed as E, onMounted as V, createElementBlock as s, openBlock as u, normalizeStyle as b, normalizeClass as d, unref as o, createElementVNode as c, createCommentVNode as h, withDirectives as C, toDisplayString as g, withKeys as v, vModelText as T } from "vue";
+import { useTransformedModel as B } from "../../composition/useTransformedModel.js";
+import m from "./pl-editable-title.module.scss.js";
+const S = { key: 0 }, W = ["placeholder"], N = /* @__PURE__ */ L({
   __name: "PlEditableTitle",
   props: /* @__PURE__ */ M({
     placeholder: { default: "Title" },
     maxWidth: { default: "80%" },
     prefix: { default: void 0 },
     maxLength: { default: 1e3 },
-    minLength: { default: void 0 }
+    minLength: { default: void 0 },
+    autofocus: { type: Boolean }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(m) {
-    const a = k(m, "modelValue"), n = m, e = T(a, {
+  setup(f) {
+    const a = k(f, "modelValue"), r = f, t = B(a, {
       update() {
         return !1;
       },
-      parse: (r) => {
-        if (typeof r != "string")
+      parse: (e) => {
+        if (typeof e != "string")
           throw Error("value should be a string");
-        if (n.maxLength && r.length > n.maxLength)
-          throw Error(`Max title length is ${n.maxLength} characters`);
-        if (n.minLength && r.length < n.minLength)
-          throw Error(`Min title length is ${n.minLength} characters`);
-        return r.trim();
+        if (r.maxLength && e.length > r.maxLength)
+          throw Error(`Max title length is ${r.maxLength} characters`);
+        if (r.minLength && e.length < r.minLength)
+          throw Error(`Min title length is ${r.minLength} characters`);
+        return e.trim();
       }
-    }), x = w(() => ({
-      maxWidth: n.maxWidth ?? "80%"
-    })), y = () => {
-      a.value = e.value && !e.error ? e.value : a.value, e.reset();
-    }, p = E();
-    return (r, o) => (s(), i("div", {
-      class: d(["pl-editable-title", t(u).component]),
-      style: V(x.value)
+    }), i = w(), y = E(() => ({
+      maxWidth: r.maxWidth ?? "80%"
+    })), x = () => {
+      a.value = t.value && !t.error ? t.value : a.value, t.reset();
+    };
+    return V(() => {
+      var e;
+      r.autofocus && ((e = i.value) == null || e.focus());
+    }), (e, l) => (u(), s("div", {
+      class: d(["pl-editable-title", o(m).component]),
+      style: b(y.value)
     }, [
-      h("div", {
-        class: d(t(u).container),
-        onClick: o[3] || (o[3] = () => {
-          var l;
-          return (l = p.value) == null ? void 0 : l.focus();
+      c("div", {
+        class: d(o(m).container),
+        onClick: l[3] || (l[3] = () => {
+          var n;
+          return (n = i.value) == null ? void 0 : n.focus();
         })
       }, [
-        r.prefix ? (s(), i("span", S, g(r.prefix.trim()) + " ", 1)) : c("", !0),
-        b(h("input", {
+        e.prefix ? (u(), s("span", S, g(e.prefix.trim()) + " ", 1)) : h("", !0),
+        C(c("input", {
           ref_key: "inputRef",
-          ref: p,
-          "onUpdate:modelValue": o[0] || (o[0] = (l) => t(e).value = l),
-          placeholder: r.placeholder,
-          onFocusout: y,
+          ref: i,
+          "onUpdate:modelValue": l[0] || (l[0] = (n) => o(t).value = n),
+          placeholder: e.placeholder,
+          onFocusout: x,
           onKeydown: [
-            o[1] || (o[1] = v(
+            l[1] || (l[1] = v(
               //@ts-ignore
-              (...l) => t(e).reset && t(e).reset(...l),
+              (...n) => o(t).reset && o(t).reset(...n),
               ["escape"]
             )),
-            o[2] || (o[2] = v((l) => {
-              var f;
-              return (f = l.target) == null ? void 0 : f.blur();
+            l[2] || (l[2] = v((n) => {
+              var p;
+              return (p = n.target) == null ? void 0 : p.blur();
             }, ["enter"]))
           ]
         }, null, 40, W), [
-          [C, t(e).value]
+          [T, o(t).value]
         ])
       ], 2),
-      t(e).error ? (s(), i("div", {
+      o(t).error ? (u(), s("div", {
         key: 0,
-        class: d(t(u).error)
-      }, g(t(e).error), 3)) : c("", !0)
+        class: d(o(m).error)
+      }, g(o(t).error), 3)) : h("", !0)
     ], 6));
   }
 });
 export {
-  K as default
+  N as default
 };
 //# sourceMappingURL=PlEditableTitle.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlEditableTitle.vue.js","sources":["../../../src/components/PlEditableTitle/PlEditableTitle.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useTransformedModel } from '../../composition/useTransformedModel';\nimport style from './pl-editable-title.module.scss';\nimport { computed, ref } from 'vue';\n\nconst model = defineModel<string>();\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * Standard input placeholder\n     */\n    placeholder?: string;\n    /**\n     * Any css `width` value (px, %), default is 80%\n     */\n    maxWidth?: string;\n    /**\n     * Fixed non-editable prefix\n     */\n    prefix?: string;\n    /**\n     * Max title length (default is 1000)\n     */\n    maxLength?: number;\n    /**\n     * Min title length\n     */\n    minLength?: number;\n  }>(),\n  {\n    placeholder: 'Title',\n    maxWidth: '80%',\n    prefix: undefined,\n    maxLength: 1000,\n    minLength: undefined,\n  },\n);\n\nconst local = useTransformedModel(model, {\n  update() {\n    return false;\n  },\n  parse: (v): string => {\n    if (typeof v !== 'string') {\n      throw Error('value should be a string');\n    }\n\n    if (props.maxLength && v.length > props.maxLength) {\n      throw Error(`Max title length is ${props.maxLength} characters`);\n    }\n\n    if (props.minLength && v.length < props.minLength) {\n      throw Error(`Min title length is ${props.minLength} characters`);\n    }\n\n    return v.trim();\n  },\n});\n\nconst computedStyle = computed(() => ({\n  maxWidth: props.maxWidth ?? '80%',\n}));\n\nconst save = () => {\n  model.value = local.value && !local.error ? local.value : model.value;\n  local.reset();\n};\n\nconst inputRef = ref<HTMLInputElement>();\n</script>\n\n<template>\n  <div class=\"pl-editable-title\" :class=\"style.component\" :style=\"computedStyle\">\n    <div :class=\"style.container\" @click=\"() => inputRef?.focus()\">\n      <span v-if=\"prefix\">{{ prefix.trim() }}&nbsp;</span>\n      <input\n        ref=\"inputRef\"\n        v-model=\"local.value\"\n        :placeholder=\"placeholder\"\n        @focusout=\"save\"\n        @keydown.escape=\"local.reset\"\n        @keydown.enter=\"(ev) => (ev.target as HTMLInputElement)?.blur()\"\n      />\n    </div>\n    <div v-if=\"local.error\" :class=\"style.error\">{{ local.error }}</div>\n  </div>\n</template>\n"],"names":["model","_useModel","__props","props","local","useTransformedModel","v","computedStyle","computed","save","inputRef","ref"],"mappings":";;;;;;;;;;;;;;;;;AAKM,UAAAA,IAAQC,EAAmBC,GAAA,YAAC,GAE5BC,IAAQD,GAgCRE,IAAQC,EAAoBL,GAAO;AAAA,MACvC,SAAS;AACA,eAAA;AAAA,MACT;AAAA,MACA,OAAO,CAACM,MAAc;AAChB,YAAA,OAAOA,KAAM;AACf,gBAAM,MAAM,0BAA0B;AAGxC,YAAIH,EAAM,aAAaG,EAAE,SAASH,EAAM;AACtC,gBAAM,MAAM,uBAAuBA,EAAM,SAAS,aAAa;AAGjE,YAAIA,EAAM,aAAaG,EAAE,SAASH,EAAM;AACtC,gBAAM,MAAM,uBAAuBA,EAAM,SAAS,aAAa;AAGjE,eAAOG,EAAE,KAAK;AAAA,MAAA;AAAA,IAChB,CACD,GAEKC,IAAgBC,EAAS,OAAO;AAAA,MACpC,UAAUL,EAAM,YAAY;AAAA,IAAA,EAC5B,GAEIM,IAAO,MAAM;AACX,MAAAT,EAAA,QAAQI,EAAM,SAAS,CAACA,EAAM,QAAQA,EAAM,QAAQJ,EAAM,OAChEI,EAAM,MAAM;AAAA,IACd,GAEMM,IAAWC,EAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlEditableTitle.vue.js","sources":["../../../src/components/PlEditableTitle/PlEditableTitle.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useTransformedModel } from '../../composition/useTransformedModel';\nimport style from './pl-editable-title.module.scss';\nimport { computed, onMounted, ref } from 'vue';\n\nconst model = defineModel<string>();\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * Standard input placeholder\n     */\n    placeholder?: string;\n    /**\n     * Any css `width` value (px, %), default is 80%\n     */\n    maxWidth?: string;\n    /**\n     * Fixed non-editable prefix\n     */\n    prefix?: string;\n    /**\n     * Max title length (default is 1000)\n     */\n    maxLength?: number;\n    /**\n     * Min title length\n     */\n    minLength?: number;\n    /**\n     * If true, input will be focused on mount\n     */\n    autofocus?: boolean;\n  }>(),\n  {\n    placeholder: 'Title',\n    maxWidth: '80%',\n    prefix: undefined,\n    maxLength: 1000,\n    minLength: undefined,\n  },\n);\n\nconst local = useTransformedModel(model, {\n  update() {\n    return false;\n  },\n  parse: (v): string => {\n    if (typeof v !== 'string') {\n      throw Error('value should be a string');\n    }\n\n    if (props.maxLength && v.length > props.maxLength) {\n      throw Error(`Max title length is ${props.maxLength} characters`);\n    }\n\n    if (props.minLength && v.length < props.minLength) {\n      throw Error(`Min title length is ${props.minLength} characters`);\n    }\n\n    return v.trim();\n  },\n});\n\nconst inputRef = ref<HTMLInputElement>();\n\nconst computedStyle = computed(() => ({\n  maxWidth: props.maxWidth ?? '80%',\n}));\n\nconst save = () => {\n  model.value = local.value && !local.error ? local.value : model.value;\n  local.reset();\n};\n\nonMounted(() => {\n  if (props.autofocus) {\n    inputRef.value?.focus();\n  }\n});\n\n</script>\n\n<template>\n  <div class=\"pl-editable-title\" :class=\"style.component\" :style=\"computedStyle\">\n    <div :class=\"style.container\" @click=\"() => inputRef?.focus()\">\n      <span v-if=\"prefix\">{{ prefix.trim() }}&nbsp;</span>\n      <input\n        ref=\"inputRef\"\n        v-model=\"local.value\"\n        :placeholder=\"placeholder\"\n        @focusout=\"save\"\n        @keydown.escape=\"local.reset\"\n        @keydown.enter=\"(ev) => (ev.target as HTMLInputElement)?.blur()\"\n      />\n    </div>\n    <div v-if=\"local.error\" :class=\"style.error\">{{ local.error }}</div>\n  </div>\n</template>\n"],"names":["model","_useModel","__props","props","local","useTransformedModel","v","inputRef","ref","computedStyle","computed","save","onMounted","_a"],"mappings":";;;;;;;;;;;;;;;;;;AAKM,UAAAA,IAAQC,EAAmBC,GAAA,YAAC,GAE5BC,IAAQD,GAoCRE,IAAQC,EAAoBL,GAAO;AAAA,MACvC,SAAS;AACA,eAAA;AAAA,MACT;AAAA,MACA,OAAO,CAACM,MAAc;AAChB,YAAA,OAAOA,KAAM;AACf,gBAAM,MAAM,0BAA0B;AAGxC,YAAIH,EAAM,aAAaG,EAAE,SAASH,EAAM;AACtC,gBAAM,MAAM,uBAAuBA,EAAM,SAAS,aAAa;AAGjE,YAAIA,EAAM,aAAaG,EAAE,SAASH,EAAM;AACtC,gBAAM,MAAM,uBAAuBA,EAAM,SAAS,aAAa;AAGjE,eAAOG,EAAE,KAAK;AAAA,MAAA;AAAA,IAChB,CACD,GAEKC,IAAWC,EAAsB,GAEjCC,IAAgBC,EAAS,OAAO;AAAA,MACpC,UAAUP,EAAM,YAAY;AAAA,IAAA,EAC5B,GAEIQ,IAAO,MAAM;AACX,MAAAX,EAAA,QAAQI,EAAM,SAAS,CAACA,EAAM,QAAQA,EAAM,QAAQJ,EAAM,OAChEI,EAAM,MAAM;AAAA,IACd;AAEA,WAAAQ,EAAU,MAAM;;AACd,MAAIT,EAAM,eACRU,IAAAN,EAAS,UAAT,QAAAM,EAAgB;AAAA,IAClB,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}