@platforma-sdk/ui-vue 1.42.19 → 1.42.21

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

@@ -1,65 +0,0 @@
-import { defineComponent as d, ref as r, createBlock as h, onMounted as m, openBlock as p, unref as v, createSlots as f, withCtx as c, createElementVNode as t, normalizeClass as u, createElementBlock as x, createCommentVNode as g, renderSlot as s, withModifiers as w, withKeys as k } from "vue";
-import L from "../PlTooltip/PlTooltip.vue.js";
-(function() {
-  try {
-    if (typeof document < "u") {
-      var i = document.createElement("style");
-      i.appendChild(document.createTextNode(`.pl-chip-tooltip{display:inline-flex}.pl-chip{--chip-color: var(--txt-01);position:relative;display:inline-flex;align-items:center;gap:4px;padding:0 8px;height:32px;background:var(--chip-bg);border:var(--chip-border);border-radius:6px;max-width:256px;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weigh-base);letter-spacing:-.2px;color:var(--chip-color)}.pl-chip.small{height:24px;padding:0 6px;border-radius:4px}.pl-chip.large{height:40px;padding:0 12px;border-radius:6px}[data-theme=dark] .pl-chip{color:#fff}.pl-chip__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pl-chip__close{cursor:pointer;--mask-color: var(--chip-close-ic-color)}.pl-chip__close:hover{--mask-color: var(--chip-close-ic-hover-color)}.pl-chip__close:focus-visible{--mask-color: var(--chip-close-ic-hover-color);box-shadow:0 0 0 2px var(--border-color-focus);border-radius:1px;outline:none}.pl-chip__close--icon{background:var(--mask-color);mask-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M4.00001%202.93933L8.00001%206.93933L12%202.93933L13.0607%203.99999L9.06067%207.99999L13.0607%2012L12%2013.0607L8.00001%209.06065L4.00001%2013.0607L2.93935%2012L6.93935%207.99999L2.93935%203.99999L4.00001%202.93933Z'%20fill='%23110529'/%3e%3c/svg%3e");-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M4.00001%202.93933L8.00001%206.93933L12%202.93933L13.0607%203.99999L9.06067%207.99999L13.0607%2012L12%2013.0607L8.00001%209.06065L4.00001%2013.0607L2.93935%2012L6.93935%207.99999L2.93935%203.99999L4.00001%202.93933Z'%20fill='%23110529'/%3e%3c/svg%3e");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:16px;-webkit-mask-size:16px;width:16px;height:16px}`)), document.head.appendChild(i);
-    }
-  } catch (o) {
-    console.error("vite-plugin-css-injected-by-js", o);
-  }
-})();
-const b = { class: "pl-chip__text" }, C = /* @__PURE__ */ d({
-  __name: "PlChip",
-  props: {
-    closeable: { type: Boolean },
-    small: { type: Boolean }
-  },
-  emits: ["close"],
-  setup(i) {
-    const o = r(), a = r(!1);
-    return m(() => {
-      var e;
-      o.value && (a.value = ((e = o.value) == null ? void 0 : e.clientWidth) >= 256);
-    }), (e, l) => (p(), h(v(L), {
-      position: "top",
-      class: "pl-chip-tooltip",
-      delay: 500
-    }, f({
-      default: c(() => [
-        t("div", {
-          ref_key: "chip",
-          ref: o,
-          class: u(["pl-chip", { small: e.small }])
-        }, [
-          t("div", b, [
-            s(e.$slots, "default")
-          ]),
-          e.closeable ? (p(), x("div", {
-            key: 0,
-            tabindex: "0",
-            class: "pl-chip__close",
-            onKeydown: l[0] || (l[0] = k((n) => e.$emit("close"), ["enter"])),
-            onClick: l[1] || (l[1] = w((n) => e.$emit("close"), ["stop"]))
-          }, l[2] || (l[2] = [
-            t("div", { class: "pl-chip__close--icon" }, null, -1)
-          ]), 32)) : g("", !0)
-        ], 2)
-      ]),
-      _: 2
-    }, [
-      a.value ? {
-        name: "tooltip",
-        fn: c(() => [
-          s(e.$slots, "default")
-        ]),
-        key: "0"
-      } : void 0
-    ]), 1024));
-  }
-});
-export {
-  C as default
-};
-//# sourceMappingURL=PlChip.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PlChip.vue.js","sources":["../../../../../../../../../lib/ui/uikit/src/components/PlChip/PlChip.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport './pl-chip.scss';\nimport { onMounted, ref } from 'vue';\nimport { PlTooltip } from '../PlTooltip';\n\ndefineEmits(['close']);\n\ndefineProps<{\n  closeable?: boolean;\n  small?: boolean;\n}>();\n\nconst chip = ref<HTMLElement>();\nconst canShowTooltip = ref(false);\n\nonMounted(() => {\n  if (chip.value) {\n    canShowTooltip.value = chip.value?.clientWidth >= 256;\n  }\n});\n</script>\n\n<template>\n  <PlTooltip position=\"top\" class=\"pl-chip-tooltip\" :delay=\"500\">\n    <template v-if=\"canShowTooltip\" #tooltip>\n      <slot />\n    </template>\n    <div ref=\"chip\" class=\"pl-chip\" :class=\"{ small }\">\n      <div class=\"pl-chip__text\">\n        <slot />\n      </div>\n      <div v-if=\"closeable\" tabindex=\"0\" class=\"pl-chip__close\" @keydown.enter=\"$emit('close')\" @click.stop=\"$emit('close')\">\n        <div class=\"pl-chip__close--icon\" />\n      </div>\n    </div>\n  </PlTooltip>\n</template>\n"],"names":["w","ref","l","i","s","chip"],"mappings":";;;;;;;;;;;;;;;;;;;EAYA,MAAAA,GAAaC;AAGb,UAAAC,IAAgBC,EAAA,GAAAC,IAAAD,EAAA,EAAA;;AACVE;AAGL,MAAAH,EAAA,UAAAE,EAAA,UAAA,IAAAF,EAAA,UAAA,OAAA,SAAA,EAAA,gBAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

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

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

@@ -1,32 +0,0 @@
-import { defineComponent as r, ref as m, computed as p, createBlock as u, onUnmounted as f, openBlock as d, unref as z, normalizeClass as C } from "vue";
-import k from "../PlIcon16/PlIcon16.vue.js";
-const v = {
-  name: "PlClipboard"
-}, w = /* @__PURE__ */ r({
-  ...v,
-  props: {
-    size: {}
-  },
-  emits: ["copy"],
-  setup(l, { emit: a }) {
-    const t = l, n = a, e = m(!1), s = p(() => e.value ? "clipboard-copied" : "clipboard");
-    let o;
-    function i() {
-      clearTimeout(o), e.value = !0, n("copy"), o = window.setTimeout(() => {
-        e.value = !1;
-      }, 1e3);
-    }
-    return f(() => {
-      clearTimeout(o);
-    }), (c, y) => (d(), u(z(k), {
-      name: s.value,
-      size: t.size,
-      class: C(c.$style.copy),
-      onClick: i
-    }, null, 8, ["name", "size", "class"]));
-  }
-});
-export {
-  w as default
-};
-//# sourceMappingURL=PlClipboard.vue2.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PlClipboard.vue2.js","sources":["../../../../../../../../../lib/ui/uikit/src/components/PlClipboard/PlClipboard.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: 'PlClipboard',\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { PlMaskIcon16 } from '../PlMaskIcon16';\nimport type { Size } from '../../types.ts';\nimport { computed, onUnmounted, ref } from 'vue';\n\nconst props = defineProps<{\n  size?: Size;\n}>();\n\nconst emit = defineEmits(['copy']);\n\nconst copyEffect = ref<boolean>(false);\n\nconst iconName = computed(() => copyEffect.value ? 'clipboard-copied' : 'clipboard');\n\nlet timeoutId: undefined | number;\n\nfunction onCopy() {\n  clearTimeout(timeoutId);\n  copyEffect.value = true;\n  emit('copy');\n  timeoutId = window.setTimeout(() => {\n    copyEffect.value = false;\n  }, 1000);\n}\n\nonUnmounted(() => {\n  clearTimeout(timeoutId);\n});\n</script>\n\n<template>\n  <PlMaskIcon16 :name=\"iconName\" :size=\"props.size\" :class=\"$style.copy\" @click=\"onCopy\" />\n</template>\n\n<style module>\n.copy {\n  cursor: pointer;\n  display: block;\n}\n</style>\n"],"names":["__default__","T","r","props","__props","emit","__emit","copyEffect","ref","iconName","computed","timeoutId","onCopy","onUnmounted","i","k","d","f","_","z"],"mappings":";;AACA,MAAeA,IAAA;AAAA,EACb,MAAM;AACR,GAAAC,IAAAC,gBAAAA,EAAA;AAAA;;;;;;AAQA,UAAMC,IAAQC,GAIRC,IAAOC,GAEPC,IAAaC,EAAa,EAAK,GAE/BC,IAAWC,EAAS,MAAMH,EAAW,QAAQ,qBAAqB,WAAW;AAE/EI,QAAAA;AAEJ,aAASC,IAAS;AACHD,mBAAAA,CAAS,GACtBJ,EAAW,QAAQ,IACnBF,EAAK,MAAM,GACCM,IAAA,OAAO,WAAW,MAAM;AAClCJ,UAAW,QAAQ;AAAA,MAAA,GAClB,GAAI;AAAA,IAAA;AAGT,WAAAM,EAAY,MAAM;AAChB,mBAAaF,CAAS;AAAA,IAAA,CACvB,GAAA,CAAAG,GAAAC,OAAAC,EAAA,GAAAC,EAAAC,EAAAC,CAAA,GAAA;AAAA;;;;;;;"}

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

@@ -1,18 +0,0 @@
-(function() {
-  try {
-    if (typeof document < "u") {
-      var e = document.createElement("style");
-      e.appendChild(document.createTextNode("._copy_19vr8_2{cursor:pointer;display:block}")), document.head.appendChild(e);
-    }
-  } catch (c) {
-    console.error("vite-plugin-css-injected-by-js", c);
-  }
-})();
-const o = "_copy_19vr8_2", t = {
-  copy: o
-};
-export {
-  o as copy,
-  t as default
-};
-//# sourceMappingURL=PlClipboard.vue3.js.map

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"PlConfirmDialog.vue.js","sources":["../../../../../../../../lib/ui/uikit/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;;AAC1BF,MAAAA,EAAM,SAAS,IACfG,IAAAL,EAAM,cAAN,QAAAK,EAAA,KAAAL,CAAAA;AAAAA,IACF,GAEMM,IAAe,MAAM;;AACzBJ,MAAAA,EAAM,QAAQ,IACdG,IAAAL,EAAM,aAAN,QAAAK,EAAA,KAAAL,CAAAA;AAAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,105 +0,0 @@
-import { defineComponent as y, useSlots as v, ref as k, computed as w, createBlock as g, openBlock as o, Teleport as C, createVNode as H, Transition as B, withCtx as V, createElementBlock as c, createCommentVNode as i, createElementVNode as h, mergeProps as z, withModifiers as T, renderSlot as m, normalizeClass as x } from "vue";
-import { useEventListener as E } from "../../composition/useEventListener.js";
-import O from "../../utils/PlCloseModalBtn.vue.js";
-(function() {
-  try {
-    if (typeof document < "u") {
-      var e = document.createElement("style");
-      e.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(e);
-    }
-  } catch (d) {
-    console.error("vite-plugin-css-injected-by-js", d);
-  }
-})();
-const G = {
-  key: 1,
-  class: "pl-dialog-modal__title"
-}, N = {
-  inheritAttrs: !1
-}, M = /* @__PURE__ */ y({
-  ...N,
-  __name: "PlDialogModal",
-  props: {
-    modelValue: { type: Boolean },
-    width: { default: "448px" },
-    height: { default: "auto" },
-    minHeight: { default: "auto" },
-    maxHeight: { default: "auto" },
-    closable: { type: Boolean, default: !0 },
-    noContentGutters: { type: Boolean, default: !1 },
-    noTopContentGutter: { type: Boolean },
-    actionsHasTopBorder: { type: Boolean, default: !0 },
-    closeOnOutsideClick: { type: Boolean },
-    size: { default: void 0 }
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: d }) {
-    const a = v(), n = d, r = e, p = k(), f = w(() => {
-      const { width: t, height: l, minHeight: u, maxHeight: _, size: s } = r;
-      return s === "small" ? {
-        width: "448px",
-        height: "440px",
-        minHeight: "auto",
-        maxHeight: "auto"
-      } : s === "medium" ? {
-        width: "720px",
-        height: "720px",
-        minHeight: "auto",
-        maxHeight: "auto"
-      } : s === "large" ? {
-        width: "1080px",
-        height: "880px",
-        minHeight: "auto",
-        maxHeight: "auto"
-      } : { width: t, height: l, minHeight: u, maxHeight: _ };
-    });
-    function b(t) {
-      p.value && r.closeOnOutsideClick && document.contains(t.target) && !p.value.contains(t.target) && n("update:modelValue", !1);
-    }
-    return E(document.body, "keyup", (t) => {
-      r.modelValue && t.code === "Escape" && n("update:modelValue", !1);
-    }), (t, l) => (o(), g(C, { to: "body" }, [
-      H(B, { name: "dialog" }, {
-        default: V(() => [
-          t.modelValue ? (o(), c("div", {
-            key: 0,
-            class: "pl-dialog-modal__shadow",
-            onClick: b
-          }, [
-            h("div", z(t.$attrs, {
-              ref_key: "modal",
-              ref: p,
-              class: ["pl-dialog-modal", { "has-title": a.title, "has-content": a.default }],
-              style: f.value
-            }), [
-              t.closable ? (o(), g(O, {
-                key: 0,
-                class: "close-modal-btn",
-                onClick: l[0] || (l[0] = T((u) => n("update:modelValue", !1), ["stop"]))
-              })) : i("", !0),
-              a.title ? (o(), c("div", G, [
-                m(t.$slots, "title")
-              ])) : i("", !0),
-              h("div", {
-                class: x(["pl-dialog-modal__content", { "no-content-gutters": t.noContentGutters, "no-top-content-gutter": t.noTopContentGutter }])
-              }, [
-                m(t.$slots, "default")
-              ], 2),
-              a.actions ? (o(), c("div", {
-                key: 2,
-                class: x(["pl-dialog-modal__actions", { "has-top-border": t.actionsHasTopBorder }])
-              }, [
-                m(t.$slots, "actions")
-              ], 2)) : i("", !0)
-            ], 16)
-          ])) : i("", !0)
-        ]),
-        _: 3
-      })
-    ]));
-  }
-});
-export {
-  M as default
-};
-//# sourceMappingURL=PlDialogModal.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PlDialogModal.vue.js","sources":["../../../../../../../../../lib/ui/uikit/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":["z","h","_useSlots","emit","props","o","H","width","height","minHeight","e","a","m","C","d","n","s","i","ev"],"mappings":";;;;;;;;;;;;;;;SACe;AAAA,GACCA,IAAA;AAAA,EAChB,cAAA;;;;;;;;;;;;;;;;;;EAUA,MAAAC,GAAcC,EAAAA,MAMRC,EAAAA,GAEAC;AA8DE,UAAAC,IAAEC,KAAAC,IAAAA,GAAOC,IAAAA,GAAAA,aAAQC,EAAW,MAAA;AAElC,YAAA,SACSC,GAAA,QAAAC,GAAA,WAAAC,GAAA,WAAAC,GAAA,MAAAC,EAAA,IAAAC;AAAA,aACED,MAAA,UAAA;AAAA,QACP,OAAQ;AAAA,QACR,QAAW;AAAA,QACX,WAAW;AAAA,QACb,WAIO;AAAA,MAAA,IACEA,MAAA,WAAA;AAAA,QACP,OAAQ;AAAA,QACR,QAAW;AAAA,QACX,WAAW;AAAA,QACb,WAIO;AAAA,MAAA,IACEA,MAAA,UAAA;AAAA,QACP,OAAQ;AAAA,QACR,QAAW;AAAA,QACX,WAAW;AAAA,QACb,WAGOP;AAAAA,MAAoC,IAC9C,EAAA,OAAAG,GAAA,QAAAC,GAAA,WAAAC,GAAA,WAAAC,EAAA;AAAA,IAED,CAAA;AACE,aAAmBT,EAAAA,GAAAA;AAEnB,MAAAY,EAAA,SAAAD,EAAA,uBAAA,SAAA,SAAAL,EAAA,MAAA,KAAA,CAAAM,EAAA,MAAA,SAAAN,EAAA,MAAA,KAAAO,EAAA,qBAAA,EAAA;AAAA,IAGF;AACE,WAAwBC,EAAAA,SAAAA,eACtBf,CAAAA,MAAAA;AAEH,MAAAY,EAAA,cAAAL,EAAA,SAAA,YAAAO,EAAA,qBAAA,EAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,88 +0,0 @@
-import { defineComponent as B, useTemplateRef as R, computed as u, createBlock as c, openBlock as o, unref as O, withCtx as f, createElementBlock as l, createCommentVNode as m, Fragment as p, renderList as a, normalizeClass as g, createVNode as k, createElementVNode as h, createTextVNode as V, toDisplayString as w, withModifiers as y } from "vue";
-import z from "../DropdownListItem.vue.js";
-import b from "../../utils/DropdownOverlay/DropdownOverlay.vue.js";
-import C from "../../utils/TextLabel.vue.js";
-const E = {
-  key: 1,
-  class: "nothing-found"
-}, q = /* @__PURE__ */ B({
-  __name: "OptionList",
-  props: {
-    rootRef: {},
-    groups: {},
-    rest: {},
-    optionSize: {},
-    selectOption: { type: Function }
-  },
-  setup(_, { expose: N }) {
-    const r = _, s = R("overlay"), S = u(() => {
-      var e;
-      return (e = s.value) == null ? void 0 : e.listRef;
-    }), d = u(() => r.groups.size > 0), x = u(() => {
-      let e = 0;
-      for (const v of r.groups.values())
-        e += v.length;
-      return e + r.rest.length;
-    });
-    return N({
-      scrollIntoActive: () => {
-        var e;
-        (e = s.value) == null || e.scrollIntoActive();
-      },
-      listRef: S
-    }), (e, v) => (o(), c(O(b), {
-      ref_key: "overlay",
-      ref: s,
-      root: e.rootRef,
-      class: "pl-dropdown__options",
-      tabindex: "-1",
-      gap: 3
-    }, {
-      default: f(() => [
-        (o(!0), l(p, null, a(e.groups.entries(), ([t, n]) => (o(), l("div", {
-          key: t,
-          class: g({ "group-container": d.value })
-        }, [
-          k(C, null, {
-            default: f(() => [
-              V(w(t), 1)
-            ]),
-            _: 2
-          }, 1024),
-          h("div", null, [
-            (o(!0), l(p, null, a(n, (i, A) => (o(), c(z, {
-              key: A,
-              option: i,
-              "is-selected": i.isSelected,
-              "is-hovered": i.isActive,
-              size: e.optionSize,
-              onClick: y((F) => e.selectOption(i.value), ["stop"])
-            }, null, 8, ["option", "is-selected", "is-hovered", "size", "onClick"]))), 128))
-          ])
-        ], 2))), 128)),
-        e.rest.length ? (o(), l("div", {
-          key: 0,
-          class: g({ "group-container": d.value })
-        }, [
-          k(C),
-          h("div", null, [
-            (o(!0), l(p, null, a(e.rest, (t, n) => (o(), c(z, {
-              key: n,
-              option: t,
-              "is-selected": t.isSelected,
-              "is-hovered": t.isActive,
-              size: e.optionSize,
-              onClick: y((i) => e.selectOption(t.value), ["stop"])
-            }, null, 8, ["option", "is-selected", "is-hovered", "size", "onClick"]))), 128))
-          ])
-        ], 2)) : m("", !0),
-        x.value ? m("", !0) : (o(), l("div", E, "Nothing found"))
-      ]),
-      _: 1
-    }, 8, ["root"]));
-  }
-});
-export {
-  q as default
-};
-//# sourceMappingURL=OptionList.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"OptionList.vue.js","sources":["../../../../../../../../../lib/ui/uikit/src/components/PlDropdown/OptionList.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport DropdownListItem from '../DropdownListItem.vue';\nimport { DropdownOverlay } from '../../utils/DropdownOverlay';\nimport TextLabel from '../../utils/TextLabel.vue';\nimport { computed, useTemplateRef } from 'vue';\nimport type { LOption } from './types';\n\nconst props = defineProps<{\n  rootRef: HTMLElement;\n  groups: Map<string, LOption[]>;\n  rest: LOption[];\n  optionSize: 'small' | 'medium';\n  selectOption: (v: unknown) => void;\n}>();\n\nconst overlay = useTemplateRef('overlay');\n\nconst listRef = computed(() => overlay.value?.listRef);\n\nconst hasGroups = computed(() => props.groups.size > 0);\n\nconst optionsLength = computed(() => {\n  let totalGroupItems = 0;\n  for (const items of props.groups.values()) {\n    totalGroupItems += items.length;\n  }\n  return totalGroupItems + props.rest.length;\n});\n\nconst scrollIntoActive = () => {\n  overlay.value?.scrollIntoActive();\n};\n\ndefineExpose({\n  scrollIntoActive,\n  listRef,\n});\n</script>\n\n<template>\n  <DropdownOverlay ref=\"overlay\" :root=\"rootRef\" class=\"pl-dropdown__options\" tabindex=\"-1\" :gap=\"3\">\n    <div v-for=\"[group, items] in groups.entries()\" :key=\"group\" :class=\"{ 'group-container': hasGroups }\">\n      <TextLabel>{{ group }}</TextLabel>\n      <div>\n        <DropdownListItem\n          v-for=\"(item, index) in items\"\n          :key=\"index\"\n          :option=\"item\"\n          :is-selected=\"item.isSelected\"\n          :is-hovered=\"item.isActive\"\n          :size=\"optionSize\"\n          @click.stop=\"selectOption(item.value)\"\n        />\n      </div>\n    </div>\n    <div v-if=\"rest.length\" :class=\"{ 'group-container': hasGroups }\">\n      <TextLabel />\n      <div>\n        <DropdownListItem\n          v-for=\"(item, index) in rest\"\n          :key=\"index\" :option=\"item\"\n          :is-selected=\"item.isSelected\"\n          :is-hovered=\"item.isActive\"\n          :size=\"optionSize\"\n          @click.stop=\"selectOption(item.value)\"\n        />\n      </div>\n    </div>\n    <div v-if=\"!optionsLength\" class=\"nothing-found\">Nothing found</div>\n  </DropdownOverlay>\n</template>\n"],"names":["props","__props","overlay","useTemplateRef","listRef","computed","_a","hasGroups","optionsLength","totalGroupItems","items","__expose","o","u","O","w"],"mappings":";;;;;;;;;;;;;;;;;AAOMA,UAAAA,IAAQC,GAQRC,IAAUC,EAAe,SAAS,GAElCC,IAAUC,EAAS,MAAM;;AAAA,cAAAC,IAAAJ,EAAQ,UAAR,OAAA,SAAAI,EAAe;AAAA,IAAO,CAAA,GAE/CC,IAAYF,EAAS,MAAML,EAAM,OAAO,OAAO,CAAC,GAEhDQ,IAAgBH,EAAS,MAAM;AACnC,UAAII,IAAkB;AACXC,iBAAAA,KAASV,EAAM,OAAO,OAAA;AAC/BS,aAAmBC,EAAM;AAEpBD,aAAAA,IAAkBT,EAAM,KAAK;AAAA,IAAA,CACrC;AAMY,WAAAW,EAAA;AAAA,MACX,kBALuB,MAAM;;AAC7B,SAAAL,IAAAJ,EAAQ,UAAR,QAAAI,EAAe,iBAAA;AAAA,MACjB;AAAA,MAIE,SAAAF;AAAAA,IAAA,CACD,GAAA,CAAA,GAAA,OAAAQ,EAAA,GAAAC,EAAAC,EAAAC,CAAA,GAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}