@platforma-sdk/ui-vue 1.42.19 → 1.42.21

package/dist/lib/ui/uikit/dist/components/PlElementList/PlElementListItem.vue2.js

@@ -1,107 +0,0 @@
-import { defineComponent as u, useSlots as B, computed as f, createElementBlock as i, openBlock as a, normalizeClass as t, createElementVNode as r, createCommentVNode as n, createBlock as h, createVNode as c, unref as o, renderSlot as $, withModifiers as p } from "vue";
-import m from "../PlIcon16/PlIcon16.vue.js";
-import b from "../PlIcon24/PlIcon24.vue.js";
-const E = ["data-draggable"], T = /* @__PURE__ */ u({
-  __name: "PlElementListItem",
-  props: {
-    item: {},
-    index: {},
-    showDragHandle: { type: Boolean },
-    isActive: { type: Boolean },
-    isDraggable: { type: Boolean },
-    isRemovable: { type: Boolean },
-    isExpandable: { type: Boolean },
-    isExpanded: { type: Boolean },
-    isToggable: { type: Boolean },
-    isToggled: { type: Boolean },
-    isPinnable: { type: Boolean },
-    isPinned: { type: Boolean }
-  },
-  emits: ["expand", "toggle", "pin", "remove"],
-  setup(v, { emit: x }) {
-    const l = v, k = B(), g = f(() => k.content !== void 0), d = x;
-    return (e, s) => (a(), i("div", {
-      class: t([e.$style.root, {
-        [e.$style.active]: l.isActive,
-        [e.$style.pinned]: l.isPinned,
-        [e.$style.opened]: l.isExpanded,
-        [e.$style.disabled]: l.isToggled
-      }])
-    }, [
-      r("div", {
-        class: t([e.$style.head, {
-          [e.$style.clickable]: g.value
-        }]),
-        onClick: s[3] || (s[3] = (y) => e.isExpandable && d("expand", l.item, l.index))
-      }, [
-        l.showDragHandle ? (a(), i("div", {
-          key: 0,
-          class: t([e.$style.action, e.$style.draggable, { [e.$style.disable]: !l.isDraggable }]),
-          "data-draggable": l.isDraggable
-        }, [
-          c(o(m), { name: "drag-dots" })
-        ], 10, E)) : n("", !0),
-        e.isExpandable ? (a(), h(o(m), {
-          key: 1,
-          class: t([e.$style.contentChevron, { [e.$style.opened]: l.isExpanded }]),
-          name: "chevron-down"
-        }, null, 8, ["class"])) : n("", !0),
-        r("div", {
-          class: t(e.$style.title)
-        }, [
-          $(e.$slots, "title", {
-            item: l.item,
-            index: l.index
-          })
-        ], 2),
-        r("div", {
-          class: t([e.$style.actions, e.$style.showOnHover])
-        }, [
-          l.isToggable ? (a(), i("div", {
-            key: 0,
-            class: t([e.$style.action, e.$style.clickable, { [e.$style.disable]: !l.isToggable }]),
-            onClick: s[0] || (s[0] = p((y) => d("toggle", l.item, l.index), ["stop"]))
-          }, [
-            c(o(b), {
-              name: l.isToggled === !0 ? "view-hide" : "view-show",
-              size: "16"
-            }, null, 8, ["name"])
-          ], 2)) : n("", !0),
-          l.isPinnable ? (a(), i("div", {
-            key: 1,
-            class: t([e.$style.action, e.$style.clickable, {
-              [e.$style.disable]: !l.isPinnable,
-              [e.$style.activated]: l.isPinned
-            }]),
-            onClick: s[1] || (s[1] = p((y) => d("pin", l.item, l.index), ["stop"]))
-          }, [
-            c(o(b), {
-              name: "pin",
-              size: "16"
-            })
-          ], 2)) : n("", !0),
-          l.isRemovable ? (a(), i("div", {
-            key: 2,
-            class: t([e.$style.action, e.$style.clickable]),
-            onClick: s[2] || (s[2] = p((y) => d("remove", l.item, l.index), ["stop"]))
-          }, [
-            c(o(m), { name: "close" })
-          ], 2)) : n("", !0)
-        ], 2)
-      ], 2),
-      g.value && l.isExpanded ? (a(), i("div", {
-        key: 0,
-        class: t([e.$style.body, { [e.$style.disabled]: l.isToggled }])
-      }, [
-        $(e.$slots, "content", {
-          item: l.item,
-          index: l.index
-        })
-      ], 2)) : n("", !0)
-    ], 2));
-  }
-});
-export {
-  T as default
-};
-//# sourceMappingURL=PlElementListItem.vue2.js.map

package/dist/lib/ui/uikit/dist/components/PlElementList/PlElementListItem.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PlElementListItem.vue2.js","sources":["../../../../../../../../../lib/ui/uikit/src/components/PlElementList/PlElementListItem.vue"],"sourcesContent":["<script generic=\"T extends unknown = unknown\" lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport { PlIcon16 } from '../PlIcon16';\nimport { PlIcon24 } from '../PlIcon24';\n\nconst props = defineProps<{\n  item: T;\n  index: number;\n  showDragHandle: boolean;\n  isActive: boolean;\n  isDraggable: boolean;\n  isRemovable: boolean;\n  isExpandable: boolean;\n  isExpanded: boolean;\n  isToggable: boolean;\n  isToggled: boolean;\n  isPinnable: boolean;\n  isPinned: boolean;\n}>();\n\nconst slots = defineSlots<{\n  title: (props: { item: T; index: number }) => unknown;\n  content?: (props: { item: T; index: number }) => unknown;\n}>();\nconst hasContentSlot = computed(() => slots['content'] !== undefined);\n\nconst emit = defineEmits<{\n  (e: 'expand', item: T, index: number): void;\n  (e: 'toggle', item: T, index: number): void;\n  (e: 'pin', item: T, index: number): void;\n  (e: 'remove', item: T, index: number): void;\n}>();\n</script>\n\n<template>\n  <div\n    :class=\"[$style.root, {\n      [$style.active]: props.isActive,\n      [$style.pinned]: props.isPinned,\n      [$style.opened]: props.isExpanded,\n      [$style.disabled]: props.isToggled,\n    }]\"\n  >\n    <div\n      :class=\"[$style.head, {\n        [$style.clickable]: hasContentSlot,\n      }]\"\n      @click=\"isExpandable && emit('expand', props.item, props.index)\"\n    >\n      <div\n        v-if=\"props.showDragHandle\"\n        :class=\"[$style.action, $style.draggable, { [$style.disable]: !props.isDraggable } ]\"\n        :data-draggable=\"props.isDraggable\"\n      >\n        <PlIcon16 name=\"drag-dots\" />\n      </div>\n      <PlIcon16 v-if=\"isExpandable\" :class=\"[$style.contentChevron, { [$style.opened]: props.isExpanded }]\" name=\"chevron-down\" />\n\n      <div :class=\"$style.title\">\n        <slot name=\"title\" :item=\"props.item\" :index=\"props.index\" />\n      </div>\n\n      <div :class=\"[$style.actions, $style.showOnHover]\">\n        <div\n          v-if=\"props.isToggable\"\n          :class=\"[$style.action, $style.clickable, { [$style.disable]: !props.isToggable }]\"\n          @click.stop=\"emit('toggle', props.item, props.index)\"\n        >\n          <PlIcon24 :name=\"props.isToggled === true ? 'view-hide' : 'view-show'\" size=\"16\" />\n        </div>\n        <div\n          v-if=\"props.isPinnable\"\n          :class=\"[$style.action, $style.clickable, {\n            [$style.disable]: !props.isPinnable,\n            [$style.activated]: props.isPinned,\n          }]\"\n          @click.stop=\"emit('pin', props.item, props.index)\"\n        >\n          <PlIcon24 name=\"pin\" size=\"16\" />\n        </div>\n        <div\n          v-if=\"props.isRemovable\"\n          :class=\"[$style.action, $style.clickable]\"\n          @click.stop=\"emit('remove', props.item, props.index)\"\n        >\n          <PlIcon16 name=\"close\" />\n        </div>\n      </div>\n    </div>\n    <div\n      v-if=\"hasContentSlot && props.isExpanded\"\n      :class=\"[$style.body, { [$style.disabled]: props.isToggled }]\"\n    >\n      <slot name=\"content\" :item=\"props.item\" :index=\"props.index\" />\n    </div>\n  </div>\n</template>\n\n<style module>\n@use '../../assets/variables.scss' as *;\n\n.root {\n  --background: rgba(255, 255, 255, 0.8);\n  --border-color: var(--color-div-grey);\n  --head-background: unset;\n  --box-shadow: none;\n  --box-shadow-active: 0 0 0 4px color-mix(in srgb, var(--border-color-focus) 50%, transparent);\n\n  &:global(.sortable-drag),\n  &:global(.sortable-chosen) {\n    --head-background: var(--gradient-light-lime);\n    --border-color: var(--border-color-focus);\n    --box-shadow: var(--box-shadow-active)\n  }\n}\n.root {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  border-radius: var(--border-radius);\n  border: 1px solid var(--border-color);\n  background-color: var(--background);\n  transition: box-shadow 0.15s;\n  box-shadow: var(--box-shadow);;\n  overflow: hidden;\n\n  &:hover {\n    --border-color: var(--border-color-focus);\n    --head-background: var(--gradient-light-lime);\n  }\n\n  &.opened {\n    --head-background: var(--gradient-light-lime);\n  }\n\n  &.disabled {\n    --icon-color: var(--ic-02);\n    --border-color: var(--border-color-div-grey);\n    color: var(--txt-03);\n    filter: grayscale(1);\n  }\n\n  &.pinned {\n    --background: var(--bg-base-light);\n  }\n\n  &.active {\n    --border-color: var(--border-color-focus);\n    --head-background: var(--btn-accent-positive-500);\n  }\n}\n\n.head {\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding: 8px;\n  min-height: 40px;\n  border-radius: var(--border-radius) var(--border-radius) 0 0;\n  background: var(--head-background);\n}\n\n.contentChevron {\n  display: block;\n  width: 16px;\n  height: 16px;\n  margin-right: 4px;\n  transform: rotate(-90deg);\n  transition: transform 0.15s;\n\n  &.opened {\n    transform: rotate(0deg);\n  }\n}\n\n.title {\n  display: flex;\n  flex-direction: row;\n  flex: 1 1 0;\n  gap: 8px;\n  text-overflow: ellipsis;\n}\n\n.body {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  padding: 24px;\n  border-radius: 0 0 var(--border-radius) var(--border-radius);\n\n  &.disabled {\n    pointer-events: none;\n  }\n}\n\n.actions {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  display: flex;\n  align-items: center;\n  background-color: var(--background);\n  border-radius: var(--border-radius);\n}\n\n.action {\n  width: 24px;\n  height: 24px;\n  padding: 4px; /* use padding instead of gap on parent, for better accessibility */\n  opacity: 0.6;\n  border-radius: var(--border-radius);\n  transition: all 0.15s;\n\n  svg {\n    width: 16px;\n    height: 16px;\n  }\n\n  &:hover {\n    opacity: 1;\n    background-color: var(--bg-elevated-02);\n  }\n\n  &.activated {\n    opacity: 0.8;\n  }\n\n  &.disable {\n    cursor: not-allowed;\n    opacity: 0.4;\n  }\n}\n\n.clickable {\n  cursor: pointer;\n}\n\n.draggable {\n  cursor: grab;\n}\n\n.showOnHover {\n  opacity: 0;\n  transition: opacity 0.15s;\n}\n\n.root:hover .showOnHover {\n  opacity: 1;\n}\n</style>\n"],"names":["props","__props","slots","_useSlots","hasContentSlot","computed","emit","__emit"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAKA,UAAMA,IAAQC,GAeRC,IAAQC,EAIRC,GAAAA,IAAiBC,EAAS,MAAMH,EAAM,YAAe,MAAS,GAE9DI,IAAOC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/lib/ui/uikit/dist/components/PlElementList/PlElementListItem.vue3.js

@@ -1,48 +0,0 @@
-(function() {
-  try {
-    if (typeof document < "u") {
-      var o = document.createElement("style");
-      o.appendChild(document.createTextNode('@use "../../assets/variables.scss" as *;._root_102m7_4{--background: rgba(255, 255, 255, .8);--border-color: var(--color-div-grey);--head-background: unset;--box-shadow: none;--box-shadow-active: 0 0 0 4px color-mix(in srgb, var(--border-color-focus) 50%, transparent)}._root_102m7_4.sortable-drag,._root_102m7_4.sortable-chosen{--head-background: var(--gradient-light-lime);--border-color: var(--border-color-focus);--box-shadow: var(--box-shadow-active) }._root_102m7_4{display:flex;flex-direction:column;justify-content:center;border-radius:var(--border-radius);border:1px solid var(--border-color);background-color:var(--background);transition:box-shadow .15s;box-shadow:var(--box-shadow);overflow:hidden}._root_102m7_4:hover{--border-color: var(--border-color-focus);--head-background: var(--gradient-light-lime)}._root_102m7_4._opened_102m7_34{--head-background: var(--gradient-light-lime)}._root_102m7_4._disabled_102m7_38{--icon-color: var(--ic-02);--border-color: var(--border-color-div-grey);color:var(--txt-03);filter:grayscale(1)}._root_102m7_4._pinned_102m7_45{--background: var(--bg-base-light)}._root_102m7_4._active_102m7_49{--border-color: var(--border-color-focus);--head-background: var(--btn-accent-positive-500)}._head_102m7_55{position:relative;display:flex;align-items:center;padding:8px;min-height:40px;border-radius:var(--border-radius) var(--border-radius) 0 0;background:var(--head-background)}._contentChevron_102m7_65{display:block;width:16px;height:16px;margin-right:4px;transform:rotate(-90deg);transition:transform .15s}._contentChevron_102m7_65._opened_102m7_34{transform:rotate(0)}._title_102m7_78{display:flex;flex-direction:row;flex:1 1 0;gap:8px;text-overflow:ellipsis}._body_102m7_86{display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:0 0 var(--border-radius) var(--border-radius)}._body_102m7_86._disabled_102m7_38{pointer-events:none}._actions_102m7_98{position:absolute;top:8px;right:8px;display:flex;align-items:center;background-color:var(--background);border-radius:var(--border-radius)}._action_102m7_98{width:24px;height:24px;padding:4px;opacity:.6;border-radius:var(--border-radius);transition:all .15s}._action_102m7_98 svg{width:16px;height:16px}._action_102m7_98:hover{opacity:1;background-color:var(--bg-elevated-02)}._action_102m7_98._activated_102m7_126{opacity:.8}._action_102m7_98._disable_102m7_38{cursor:not-allowed;opacity:.4}._clickable_102m7_136{cursor:pointer}._draggable_102m7_140{cursor:grab}._showOnHover_102m7_144{opacity:0;transition:opacity .15s}._root_102m7_4:hover ._showOnHover_102m7_144{opacity:1}')), document.head.appendChild(o);
-    }
-  } catch (r) {
-    console.error("vite-plugin-css-injected-by-js", r);
-  }
-})();
-const a = "_root_102m7_4", e = "_opened_102m7_34", _ = "_disabled_102m7_38", t = "_pinned_102m7_45", d = "_active_102m7_49", i = "_head_102m7_55", n = "_contentChevron_102m7_65", s = "_title_102m7_78", c = "_body_102m7_86", l = "_actions_102m7_98", b = "_action_102m7_98", m = "_activated_102m7_126", v = "_disable_102m7_38", p = "_clickable_102m7_136", g = "_draggable_102m7_140", h = "_showOnHover_102m7_144", u = {
-  root: a,
-  opened: e,
-  disabled: _,
-  pinned: t,
-  active: d,
-  head: i,
-  contentChevron: n,
-  title: s,
-  body: c,
-  actions: l,
-  action: b,
-  activated: m,
-  disable: v,
-  clickable: p,
-  draggable: g,
-  showOnHover: h
-};
-export {
-  b as action,
-  l as actions,
-  m as activated,
-  d as active,
-  c as body,
-  p as clickable,
-  n as contentChevron,
-  u as default,
-  v as disable,
-  _ as disabled,
-  g as draggable,
-  i as head,
-  e as opened,
-  t as pinned,
-  a as root,
-  h as showOnHover,
-  s as title
-};
-//# sourceMappingURL=PlElementListItem.vue3.js.map

package/dist/lib/ui/uikit/dist/components/PlElementList/PlElementListItem.vue3.js.map

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

package/dist/lib/ui/uikit/dist/components/PlElementList/utils.js

@@ -1,12 +0,0 @@
-const l = (o, t, e) => {
-  if (e >= 0 && e < o.length) {
-    const n = o.splice(t, 1)[0];
-    o.splice(e, 0, n);
-  } else
-    console.warn(`Invalid move operation: from ${t} to ${e} in array of length ${o.length}`);
-  return o;
-};
-export {
-  l as moveElements
-};
-//# sourceMappingURL=utils.js.map

package/dist/lib/ui/uikit/dist/components/PlElementList/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../../../../../../../../../lib/ui/uikit/src/components/PlElementList/utils.ts"],"sourcesContent":["export const moveElements = <T>(array: T[], from: number, to: number): T[] => {\n  if (to >= 0 && to < array.length) {\n    const element = array.splice(from, 1)[0];\n    array.splice(to, 0, element);\n  } else {\n    console.warn(`Invalid move operation: from ${from} to ${to} in array of length ${array.length}`);\n  }\n\n  return array;\n};\n"],"names":["moveElements","array","from","to","element"],"mappings":"AAAO,MAAMA,IAAe,CAAIC,GAAYC,GAAcC,MAAoB;AAC5E,MAAIA,KAAM,KAAKA,IAAKF,EAAM,QAAQ;AAChC,UAAMG,IAAUH,EAAM,OAAOC,GAAM,CAAC,EAAE,CAAC;AACjCD,IAAAA,EAAA,OAAOE,GAAI,GAAGC,CAAO;AAAA,EAAA;AAEnB,YAAA,KAAK,gCAAgCF,CAAI,OAAOC,CAAE,uBAAuBF,EAAM,MAAM,EAAE;AAG1FA,SAAAA;AACT;"}

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

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

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

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

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

@@ -1,52 +0,0 @@
-import { defineComponent as m, createElementBlock as d, openBlock as p, normalizeClass as t, normalizeStyle as y, createVNode as o, renderSlot as a, unref as i, createElementVNode as l, toDisplayString as r } from "vue";
-import g from "../PlClipboard/PlClipboard.vue.js";
-import f from "../PlIcon16/PlIcon16.vue.js";
-const u = {
-  name: "PlErrorAlert"
-}, k = /* @__PURE__ */ m({
-  ...u,
-  props: {
-    title: { default: void 0 },
-    message: { default: void 0 },
-    maxHeight: { default: "300px" },
-    copyMessage: { default: void 0 }
-  },
-  setup(n) {
-    const s = n;
-    function c() {
-      const e = s.copyMessage ?? s.message;
-      typeof e == "string" && navigator.clipboard.writeText(e);
-    }
-    return (e, v) => (p(), d("div", {
-      style: y({ maxHeight: s.maxHeight }),
-      class: t(e.$style.root)
-    }, [
-      o(i(g), {
-        class: t(e.$style.copy),
-        onCopy: c
-      }, null, 8, ["class"]),
-      a(e.$slots, "title", {}, () => [
-        l("div", {
-          class: t(e.$style.title)
-        }, [
-          o(i(f), {
-            class: t(e.$style.titleIcon),
-            name: "warning"
-          }, null, 8, ["class"]),
-          l("div", {
-            class: t(e.$style.titleText)
-          }, r(s.title), 3)
-        ], 2)
-      ]),
-      a(e.$slots, "message", {}, () => [
-        l("div", {
-          class: t(e.$style.message)
-        }, r(s.message), 3)
-      ])
-    ], 6));
-  }
-});
-export {
-  k as default
-};
-//# sourceMappingURL=PlErrorAlert.vue2.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PlErrorAlert.vue2.js","sources":["../../../../../../../../../lib/ui/uikit/src/components/PlErrorAlert/PlErrorAlert.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: 'PlErrorAlert',\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { PlClipboard } from '../PlClipboard';\nimport { PlMaskIcon16 } from '../PlMaskIcon16';\n\nconst props = withDefaults(\n  defineProps<{\n    title?: string;\n    message?: string;\n    maxHeight?: string;\n    copyMessage?: string;\n  }>(),\n  {\n    title: undefined,\n    message: undefined,\n    maxHeight: '300px',\n    copyMessage: undefined,\n  },\n);\n\nfunction onCopy() {\n  const value = props.copyMessage ?? props.message;\n  if (typeof value === 'string') {\n    navigator.clipboard.writeText(value);\n  }\n}\n</script>\n\n<template>\n  <div :style=\"{ maxHeight: props.maxHeight }\" :class=\"$style.root\">\n    <PlClipboard :class=\"$style.copy\" @copy=\"onCopy\" />\n    <slot name=\"title\">\n      <div :class=\"$style.title\">\n        <PlMaskIcon16 :class=\"$style.titleIcon\" name=\"warning\" />\n        <div :class=\"$style.titleText\">{{ props.title }}</div>\n      </div>\n    </slot>\n    <slot name=\"message\">\n      <div :class=\"$style.message\">\n        {{ props.message }}\n      </div>\n    </slot>\n  </div>\n</template>\n\n<style module>\n.root {\n  position: relative;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  padding: 12px;\n  background: var(--bg-error);\n  border: 1px var(--border-color-error) solid;\n  border-radius: var(--border-radius-control);\n  /* color: var(--txt-error); */\n}\n\n.copy {\n  position: absolute;\n  right: 12px;\n  top: 12px;\n  opacity: 0.4;\n  transition: opacity 0.3s;\n\n  &:hover {\n    opacity: 1;\n  }\n}\n\n.title {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  max-width: calc(100% - 20px);\n  min-height: 24px;\n  line-height: 24px;\n  font-weight: bold;\n  overflow: hidden;\n}\n\n.titleIcon {\n  --icon-color: var(--txt-error);\n}\n\n.titleText {\n  width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.message {\n  overflow: auto;\n  max-height: 100%;\n  white-space: pre-wrap;\n  word-break: break-word;\n  font-family: var(--font-family-monospace);\n}\n</style>\n"],"names":["__default__","c","props","__props","onCopy","value"],"mappings":";;;AACA,MAAeA,IAAA;AAAA,EACb,MAAM;AACR,GAAA,IAAAC,gBAAAA,EAAA;AAAA;;;;;;;;AAOA,UAAMC,IAAQC;AAed,aAASC,IAAS;AACVC,YAAAA,IAAQH,EAAM,eAAeA,EAAM;AACrC,aAAOG,KAAU,YACT,UAAA,UAAU,UAAUA,CAAK;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,28 +0,0 @@
-(function() {
-  try {
-    if (typeof document < "u") {
-      var o = document.createElement("style");
-      o.appendChild(document.createTextNode("._root_o15c5_2{position:relative;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:12px;background:var(--bg-error);border:1px var(--border-color-error) solid;border-radius:var(--border-radius-control)}._copy_o15c5_15{position:absolute;right:12px;top:12px;opacity:.4;transition:opacity .3s}._copy_o15c5_15:hover{opacity:1}._title_o15c5_27{display:flex;align-items:center;gap:10px;max-width:calc(100% - 20px);min-height:24px;line-height:24px;font-weight:700;overflow:hidden}._titleIcon_o15c5_38{--icon-color: var(--txt-error)}._titleText_o15c5_42{width:100%;overflow:hidden;text-overflow:ellipsis}._message_o15c5_48{overflow:auto;max-height:100%;white-space:pre-wrap;word-break:break-word;font-family:var(--font-family-monospace)}")), document.head.appendChild(o);
-    }
-  } catch (e) {
-    console.error("vite-plugin-css-injected-by-js", e);
-  }
-})();
-const t = "_root_o15c5_2", r = "_copy_o15c5_15", i = "_title_o15c5_27", a = "_titleIcon_o15c5_38", c = "_titleText_o15c5_42", l = "_message_o15c5_48", _ = {
-  root: t,
-  copy: r,
-  title: i,
-  titleIcon: a,
-  titleText: c,
-  message: l
-};
-export {
-  r as copy,
-  _ as default,
-  l as message,
-  t as root,
-  i as title,
-  a as titleIcon,
-  c as titleText
-};
-//# sourceMappingURL=PlErrorAlert.vue3.js.map

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

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

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

@@ -1,45 +0,0 @@
-import { defineComponent as f, ref as s, computed as i, onBeforeUpdate as p, onErrorCaptured as k, createElementBlock as g, openBlock as m, Fragment as y, renderSlot as B, createBlock as E, createCommentVNode as C, unref as S } from "vue";
-import _ from "../PlErrorAlert/PlErrorAlert.vue.js";
-import { tryDo as h, isErrorLike as x } from "../../lib/util/helpers/dist/index.js";
-const F = /* @__PURE__ */ f({
-  __name: "PlErrorBoundary",
-  setup(D, { expose: c }) {
-    const v = (e) => {
-      if (e != null)
-        return x(e) ? e.stack == null || e.stack.length === 0 ? e.message : e.stack.includes(e.message) ? e.stack : e.message + `
-` + e.stack : h(() => JSON.stringify(e, null, 4), () => e.toString());
-    }, r = s(null), t = i(() => {
-      var e;
-      return (e = r.value) == null ? void 0 : e.error;
-    }), d = i(() => v(t.value));
-    function o() {
-      r.value = null;
-    }
-    const u = s(null);
-    return p(() => {
-      r.value !== null && u.value && o();
-    }), k((e, n) => {
-      var l, a;
-      return r.value = {
-        title: ((a = (l = n == null ? void 0 : n.$) == null ? void 0 : l.type) == null ? void 0 : a.name) ?? void 0,
-        error: e
-      }, !1;
-    }), c({ error: t, reset: o }), (e, n) => {
-      var l;
-      return m(), g(y, null, [
-        B(e.$slots, "default"),
-        t.value ? (m(), E(S(_), {
-          key: 0,
-          ref_key: "errorAlert",
-          ref: u,
-          message: d.value,
-          title: (l = r.value) == null ? void 0 : l.title
-        }, null, 8, ["message", "title"])) : C("", !0)
-      ], 64);
-    };
-  }
-});
-export {
-  F as default
-};
-//# sourceMappingURL=PlErrorBoundary.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PlErrorBoundary.vue.js","sources":["../../../../../../../../../lib/ui/uikit/src/components/PlErrorBoundary/PlErrorBoundary.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, onErrorCaptured, ref, onBeforeUpdate } from 'vue';\nimport { PlErrorAlert } from '../PlErrorAlert';\nimport { isErrorLike, tryDo } from '@milaboratories/helpers';\n\nconst extractMessage = (err: unknown): undefined | string => {\n  if (err == null) {\n    return undefined;\n  }\n\n  if (isErrorLike(err)) {\n    return err.stack == null || err.stack.length === 0\n      ? err.message\n      : err.stack.includes(err.message)\n        ? err.stack\n        : err.message + '\\n' + err.stack;\n  }\n\n  return tryDo(() => JSON.stringify(err, null, 4), () => err.toString());\n};\n\nconst data = ref<null | {\n  title: undefined | string;\n  error: Error;\n}>(null);\n\nconst error = computed(() => data.value?.error);\nconst message = computed(() => extractMessage(error.value));\n\nfunction reset() {\n  data.value = null;\n}\n\nconst errorAlert = ref<InstanceType<typeof PlErrorAlert> | null>(null);\n\nonBeforeUpdate(() => {\n  // If an error is currently displayed, and the component updates (e.g., due to slot content changing),\n  // reset the error state.\n  if (data.value !== null && errorAlert.value) {\n    reset();\n  }\n});\n\nonErrorCaptured((err, instance) => {\n  data.value = {\n    title: instance?.$?.type?.name ?? undefined,\n    error: err,\n  };\n  // stop error propagation\n  return false;\n});\n\ndefineExpose({ error, reset });\n</script>\n\n<template>\n  <slot />\n  <PlErrorAlert v-if=\"error\" ref=\"errorAlert\" :message=\"message\" :title=\"data?.title\" />\n</template>\n"],"names":["extractMessage","err","isErrorLike","tryDo","data","ref","error","computed","_a","message","reset","errorAlert","onBeforeUpdate","onErrorCaptured","instance","_b","__expose","r"],"mappings":";;;;;;AAKMA,UAAAA,IAAiB,CAACC,MAAqC;AAC3D,UAAIA,KAAO;AAIPC,eAAAA,EAAYD,CAAG,IACVA,EAAI,SAAS,QAAQA,EAAI,MAAM,WAAW,IAC7CA,EAAI,UACJA,EAAI,MAAM,SAASA,EAAI,OAAO,IAC5BA,EAAI,QACJA,EAAI,UAAU;AAAA,IAAOA,EAAI,QAG1BE,EAAM,MAAM,KAAK,UAAUF,GAAK,MAAM,CAAC,GAAG,MAAMA,EAAI,SAAU,CAAA;AAAA,IAAA,GAGjEG,IAAOC,EAGV,IAAI,GAEDC,IAAQC,EAAS,MAAM;;AAAA,cAAAC,IAAAJ,EAAK,UAAL,OAAA,SAAAI,EAAY;AAAA,IAAA,CAAK,GACxCC,IAAUF,EAAS,MAAMP,EAAeM,EAAM,KAAK,CAAC;AAE1D,aAASI,IAAQ;AACfN,MAAAA,EAAK,QAAQ;AAAA,IAAA;AAGTO,UAAAA,IAAaN,EAA8C,IAAI;AAErE,WAAAO,EAAe,MAAM;AAGfR,MAAAA,EAAK,UAAU,QAAQO,EAAW,SAC9BD,EAAA;AAAA,IAET,CAAA,GAEeG,EAAA,CAACZ,GAAKa,MAAa;;AACjC,aAAAV,EAAK,QAAQ;AAAA,QACX,SAAOW,KAAAP,IAAAM,KAAA,OAAAA,SAAAA,EAAU,MAAV,OAAA,SAAAN,EAAa,SAAb,OAAAO,SAAAA,EAAmB,SAAQ;AAAA,QAClC,OAAOd;AAAAA,MAAA,GAGF;AAAA,IAAA,CACR,GAEYe,EAAA,EAAE,OAAAV,GAAO,OAAAI,GAAO,GAAA,CAAA,GAAAO,MAAA;;;;;;;;;;;;;;;"}

package/dist/lib/ui/uikit/dist/components/PlFileDialog/Local.vue.js

@@ -1,74 +0,0 @@
-import { defineComponent as w, reactive as I, computed as S, createElementBlock as s, openBlock as a, withModifiers as z, normalizeClass as v, unref as m, createVNode as B, createElementVNode as C, createCommentVNode as D, toDisplayString as p } from "vue";
-import h from "./pl-file-dialog.module.scss.js";
-import P from "../PlIcon24/PlIcon24.vue.js";
-import { getRawPlatformaInstance as c } from "../../sdk/model/dist/index.js";
-import { normalizeExtensions as E } from "./utils.js";
-const N = {
-  key: 1,
-  class: "alert-error"
-}, M = /* @__PURE__ */ w({
-  __name: "Local",
-  props: {
-    importFiles: { type: Function },
-    multi: { type: Boolean },
-    extensions: {}
-  },
-  setup(g) {
-    const o = g, n = I({
-      error: void 0
-    }), x = S(() => o.multi ? "Drag & Drop files here or click to add" : "Drag & Drop file here or click to add"), k = async (t) => {
-      var r, l, e;
-      const f = (l = (r = c()) == null ? void 0 : r.lsDriver) == null ? void 0 : l.fileToImportHandle;
-      if (!f)
-        return console.error("API getPlatformaRawInstance().lsDriver.fileToImportHandle is not available");
-      const u = E(o.extensions), d = await Promise.all(
-        [...((e = t.dataTransfer) == null ? void 0 : e.files) ?? []].filter((i) => !!i).filter((i) => u ? u.some((F) => i.name.endsWith(F)) : !0).map((i) => f(i))
-      );
-      d.length && o.importFiles({
-        files: d
-      });
-    }, y = async () => {
-      var t, r;
-      const l = o.extensions ? [
-        {
-          name: "All Files",
-          extensions: [...o.extensions]
-        }
-      ] : [];
-      o.multi ? (t = c()) == null || t.lsDriver.showOpenMultipleFilesDialog({
-        title: "Select files to import",
-        filters: l
-      }).then(({ files: e }) => {
-        e && o.importFiles({
-          files: e
-        });
-      }).catch((e) => n.error = e) : (r = c()) == null || r.lsDriver.showOpenSingleFileDialog({
-        title: "Select file to import",
-        filters: l
-      }).then(({ file: e }) => {
-        e && o.importFiles({
-          files: [e]
-        });
-      }).catch((e) => n.error = e);
-    };
-    return (t, r) => (a(), s("div", {
-      class: v(m(h).local),
-      onDrop: k,
-      onDragover: r[0] || (r[0] = z(() => {
-      }, ["prevent"])),
-      onClick: y
-    }, [
-      B(m(P), { name: "cloud-upload" }),
-      C("span", null, p(x.value), 1),
-      t.extensions ? (a(), s("span", {
-        key: 0,
-        class: v(m(h).supported)
-      }, "Supported formats: " + p(t.extensions.join(", ")), 3)) : D("", !0),
-      n.error ? (a(), s("span", N, p(n.error), 1)) : D("", !0)
-    ], 34));
-  }
-});
-export {
-  M as default
-};
-//# sourceMappingURL=Local.vue.js.map

package/dist/lib/ui/uikit/dist/components/PlFileDialog/Local.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Local.vue.js","sources":["../../../../../../../../../lib/ui/uikit/src/components/PlFileDialog/Local.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport style from './pl-file-dialog.module.scss';\nimport type { ImportedFiles } from '../../types';\nimport { PlIcon24 } from '../PlIcon24';\nimport { computed, reactive } from 'vue';\nimport { getRawPlatformaInstance, type OpenDialogFilter } from '@platforma-sdk/model';\nimport { normalizeExtensions } from './utils';\n\nconst props = defineProps<{\n  importFiles: (value: ImportedFiles) => void;\n  multi?: boolean;\n  extensions?: string[];\n}>();\n\nconst data = reactive({\n  error: undefined as unknown,\n});\n\nconst label = computed(() => (props.multi ? 'Drag & Drop files here or click to add' : 'Drag & Drop file here or click to add'));\n\nconst onDrop = async (ev: DragEvent) => {\n  const fileToImportHandle = getRawPlatformaInstance()?.lsDriver?.fileToImportHandle;\n\n  if (!fileToImportHandle) {\n    return console.error('API getPlatformaRawInstance().lsDriver.fileToImportHandle is not available');\n  }\n\n  const extensions = normalizeExtensions(props.extensions);\n\n  const files = await Promise.all(\n    [...(ev.dataTransfer?.files ?? [])]\n      .filter((f) => !!f)\n      .filter((f) => (extensions ? extensions.some((ext) => f.name.endsWith(ext)) : true))\n      .map((file) => {\n        return fileToImportHandle(file);\n      }),\n  );\n\n  if (files.length) {\n    props.importFiles({\n      files,\n    });\n  }\n};\n\nconst openNativeDialog = async () => {\n  const filters: OpenDialogFilter[] = props.extensions\n    ? [\n        {\n          name: 'All Files',\n          extensions: [...props.extensions],\n        },\n      ]\n    : [];\n\n  if (props.multi) {\n    getRawPlatformaInstance()?.lsDriver\n      .showOpenMultipleFilesDialog({\n        title: 'Select files to import',\n        filters,\n      })\n      .then(({ files }) => {\n        if (files) {\n          props.importFiles({\n            files,\n          });\n        }\n      })\n      .catch((err) => (data.error = err));\n  } else {\n    getRawPlatformaInstance()?.lsDriver\n      .showOpenSingleFileDialog({\n        title: 'Select file to import',\n        filters,\n      })\n      .then(({ file }) => {\n        if (file) {\n          props.importFiles({\n            files: [file],\n          });\n        }\n      })\n      .catch((err) => (data.error = err));\n  }\n};\n</script>\n\n<template>\n  <div :class=\"style.local\" @drop=\"onDrop\" @dragover.prevent @click=\"openNativeDialog\">\n    <PlIcon24 name=\"cloud-upload\" />\n    <span>{{ label }}</span>\n    <span v-if=\"extensions\" :class=\"style.supported\">Supported formats: {{ extensions.join(', ') }}</span>\n    <span v-if=\"data.error\" class=\"alert-error\">{{ data.error }}</span>\n  </div>\n</template>\n"],"names":["props","__props","data","reactive","label","computed","onDrop","ev","fileToImportHandle","getRawPlatformaInstance","extensions","normalizeExtensions","files","_c","f","ext","file","openNativeDialog","filters","err"],"mappings":";;;;;;;;;;;;;;;;AAQMA,UAAAA,IAAQC,GAMRC,IAAOC,EAAS;AAAA,MACpB,OAAO;AAAA,IACR,CAAA,GAEKC,IAAQC,EAAS,MAAOL,EAAM,QAAQ,2CAA2C,uCAAwC,GAEzHM,IAAS,OAAOC,MAAkB;;AAChCC,YAAAA,KAAqBC,KAAAA,IAAAA,EAAAA,MAAAA,gBAAAA,EAA2B,aAA3BA,gBAAAA,EAAqC;AAEhE,UAAI,CAACD;AACI,eAAA,QAAQ,MAAM,4EAA4E;AAG7F,YAAAE,IAAaC,EAAoBX,EAAM,UAAU,GAEjDY,IAAQ,MAAM,QAAQ;AAAA,QAC1B,CAAC,KAAIC,IAAAN,EAAG,iBAAH,gBAAAM,EAAiB,UAAS,CAAA,CAAG,EAC/B,OAAO,CAACC,MAAM,CAAC,CAACA,CAAC,EACjB,OAAO,CAACA,MAAOJ,IAAaA,EAAW,KAAK,CAACK,MAAQD,EAAE,KAAK,SAASC,CAAG,CAAC,IAAI,EAAK,EAClF,IAAI,CAACC,MACGR,EAAmBQ,CAAI,CAC/B;AAAA,MACL;AAEIJ,MAAAA,EAAM,UACRZ,EAAM,YAAY;AAAA,QAChB,OAAAY;AAAAA,MAAA,CACD;AAAA,IAEL,GAEMK,IAAmB,YAAY;;AAC7BC,YAAAA,IAA8BlB,EAAM,aACtC;AAAA,QACE;AAAA,UACE,MAAM;AAAA,UACN,YAAY,CAAC,GAAGA,EAAM,UAAU;AAAA,QAAA;AAAA,MAAA,IAGpC,CAAC;AAEDA,QAAM,SACgBS,IAAAA,QAAAA,QAAAA,EAAG,SACxB,4BAA4B;AAAA,QAC3B,OAAO;AAAA,QACP,SAAAS;AAAAA,MAED,CAAA,EAAA,KAAK,CAAC,EAAE,OAAAN,EAAY,MAAA;AACfA,aACFZ,EAAM,YAAY;AAAA,UAChB,OAAAY;AAAAA,QAAA,CACD;AAAA,MAGJ,CAAA,EAAA,MAAM,CAACO,MAASjB,EAAK,QAAQiB,CAERV,KAAAA,IAAAA,EAAA,MAAAA,QAAAA,EAAG,SACxB,yBAAyB;AAAA,QACxB,OAAO;AAAA,QACP,SAAAS;AAAAA,MAED,CAAA,EAAA,KAAK,CAAC,EAAE,MAAAF,EAAW,MAAA;AACdA,aACFhB,EAAM,YAAY;AAAA,UAChB,OAAO,CAACgB,CAAI;AAAA,QAAA,CACb;AAAA,MAAA,CAGJ,EAAA,MAAM,CAACG,MAASjB,EAAK,QAAQiB,CAAAA;AAAAA,IAEpC;;;;;;;;;;;;;;;;;;"}

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

@@ -1,104 +0,0 @@
-import { defineComponent as h, ref as B, computed as S, useTemplateRef as b, createBlock as s, openBlock as p, unref as t, withModifiers as d, normalizeClass as R, createSlots as $, withCtx as a, createElementVNode as w, createCommentVNode as v, createVNode as n, mergeProps as y, createTextVNode as c, toDisplayString as F } from "vue";
-import I from "./pl-file-dialog.module.scss.js";
-import { notEmpty as N } from "../../lib/util/helpers/dist/index.js";
-import O from "../PlDialogModal/PlDialogModal.vue.js";
-import z from "../PlBtnPrimary/PlBtnPrimary.vue.js";
-import T from "../PlBtnGhost/PlBtnGhost.vue.js";
-import j from "../PlBtnGroup/PlBtnGroup.vue.js";
-import A from "./Remote.vue.js";
-import D from "./Local.vue.js";
-const E = { style: { margin: "0 24px" } }, K = /* @__PURE__ */ h({
-  __name: "PlFileDialog",
-  props: {
-    modelValue: { type: Boolean },
-    extensions: { default: void 0 },
-    multi: { type: Boolean },
-    title: { default: void 0 },
-    autoSelectStorage: { type: Boolean, default: !0 },
-    closeOnOutsideClick: { type: Boolean, default: !0 }
-  },
-  emits: ["update:modelValue", "import:files"],
-  setup(V, { emit: k }) {
-    const m = k, C = V, o = B("local"), g = S(() => C.multi ? "Select Files to Import" : "Select File to Import"), x = [
-      {
-        label: "My Computer",
-        value: "local"
-      },
-      {
-        label: "Remote",
-        value: "remote"
-      }
-    ], i = () => m("update:modelValue", !1), u = b("remote"), f = () => {
-      var l, e;
-      (l = u.value) != null && l.isReady && (m("import:files", N((e = u.value) == null ? void 0 : e.getFilesToImport())), i());
-    }, _ = (l) => {
-      m("import:files", l), i();
-    };
-    return (l, e) => (p(), s(t(O), {
-      "no-content-gutters": !0,
-      "close-on-outside-click": l.closeOnOutsideClick,
-      class: R(["pl-dialog-modal", t(I).component]),
-      "model-value": l.modelValue,
-      width: "688px",
-      height: "720px",
-      "onUpdate:modelValue": i,
-      onClick: e[1] || (e[1] = d(() => {
-      }, ["stop"]))
-    }, $({
-      title: a(() => [
-        c(F(l.title ?? g.value), 1)
-      ]),
-      default: a(() => [
-        w("div", E, [
-          n(t(j), {
-            modelValue: o.value,
-            "onUpdate:modelValue": e[0] || (e[0] = (r) => o.value = r),
-            options: x
-          }, null, 8, ["modelValue"])
-        ]),
-        o.value === "remote" ? (p(), s(A, y({
-          key: 0,
-          ref: "remote"
-        }, l.$props, { submit: f }), null, 16)) : v("", !0),
-        o.value === "local" ? (p(), s(D, y({
-          key: 1,
-          "import-files": _
-        }, l.$props), null, 16)) : v("", !0)
-      ]),
-      _: 2
-    }, [
-      o.value === "remote" ? {
-        name: "actions",
-        fn: a(() => {
-          var r;
-          return [
-            n(t(z), {
-              style: { "min-width": "160px" },
-              disabled: !((r = t(u)) != null && r.isReady),
-              onClick: d(f, ["stop"])
-            }, {
-              default: a(() => e[2] || (e[2] = [
-                c("Import")
-              ])),
-              _: 1
-            }, 8, ["disabled"]),
-            n(t(T), {
-              "justify-center": !1,
-              onClick: d(i, ["stop"])
-            }, {
-              default: a(() => e[3] || (e[3] = [
-                c("Cancel")
-              ])),
-              _: 1
-            })
-          ];
-        }),
-        key: "0"
-      } : void 0
-    ]), 1032, ["close-on-outside-click", "class", "model-value"]));
-  }
-});
-export {
-  K as default
-};
-//# sourceMappingURL=PlFileDialog.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PlFileDialog.vue.js","sources":["../../../../../../../../../lib/ui/uikit/src/components/PlFileDialog/PlFileDialog.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport style from './pl-file-dialog.module.scss';\nimport { computed, ref, useTemplateRef } from 'vue';\nimport { notEmpty } from '@milaboratories/helpers';\nimport type { ImportedFiles, SimpleOption } from '../../types';\nimport { PlDialogModal } from '../PlDialogModal';\nimport { PlBtnPrimary } from '../PlBtnPrimary';\nimport { PlBtnGhost } from '../PlBtnGhost';\nimport { PlBtnGroup } from '../PlBtnGroup';\nimport Remote from './Remote.vue';\nimport Local from './Local.vue';\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void;\n  (e: 'import:files', value: ImportedFiles): void;\n}>();\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * Controls the visibility of the modal.\n     *\n     * When `true`, the modal is open. When `false`, the modal is closed.\n     */\n    modelValue: boolean;\n    /**\n     * Specifies the file extensions that are allowed for selection.\n     *\n     * Provide an array of strings representing file extensions (leading dot can be omitted)\n     * If not specified, all file types are allowed.\n     */\n    extensions?: string[];\n    /**\n     * Enables the selection of multiple files.\n     *\n     * When `true`, the user can select multiple files.\n     * When `false` or not specified, only a single file can be selected.\n     */\n    multi?: boolean;\n    /**\n     * The custom title of the dialog.\n     */\n    title?: string;\n    /**\n     * Automatically selects the initial storage option.\n     * When `true`, the default storage is pre-selected for the user (default: `true`)\n     */\n    autoSelectStorage?: boolean;\n    /**\n     * If `true`, the modal window closes when clicking outside the modal area (default: `true`)\n     */\n    closeOnOutsideClick?: boolean;\n  }>(),\n  {\n    extensions: undefined,\n    title: undefined,\n    autoSelectStorage: true,\n    closeOnOutsideClick: true,\n  },\n);\n\nconst mode = ref<'local' | 'remote'>('local');\n\nconst defaultTitle = computed(() => (props.multi ? 'Select Files to Import' : 'Select File to Import'));\n\nconst modeOptions = [\n  {\n    label: 'My Computer',\n    value: 'local',\n  },\n  {\n    label: 'Remote',\n    value: 'remote',\n  },\n] satisfies SimpleOption[];\n\nconst closeModal = () => emit('update:modelValue', false);\n\nconst remoteRef = useTemplateRef('remote');\n\nconst submit = () => {\n  if (remoteRef.value?.isReady) {\n    emit('import:files', notEmpty(remoteRef.value?.getFilesToImport()));\n    closeModal();\n  }\n};\n\nconst importFiles = (importedFiles: ImportedFiles) => {\n  emit('import:files', importedFiles);\n  closeModal();\n};\n</script>\n\n<template>\n  <PlDialogModal\n    :no-content-gutters=\"true\"\n    :close-on-outside-click=\"closeOnOutsideClick\"\n    class=\"pl-dialog-modal\"\n    :class=\"style.component\"\n    :model-value=\"modelValue\"\n    width=\"688px\"\n    height=\"720px\"\n    @update:model-value=\"closeModal\"\n    @click.stop\n  >\n    <template #title>{{ title ?? defaultTitle }}</template>\n    <div style=\"margin: 0 24px\">\n      <PlBtnGroup v-model=\"mode\" :options=\"modeOptions\" />\n    </div>\n    <Remote v-if=\"mode === 'remote'\" ref=\"remote\" v-bind=\"$props\" :submit=\"submit\" />\n    <Local v-if=\"mode === 'local'\" :import-files=\"importFiles\" v-bind=\"$props\" />\n    <template v-if=\"mode === 'remote'\" #actions>\n      <PlBtnPrimary style=\"min-width: 160px\" :disabled=\"!remoteRef?.isReady\" @click.stop=\"submit\">Import</PlBtnPrimary>\n      <PlBtnGhost :justify-center=\"false\" @click.stop=\"closeModal\">Cancel</PlBtnGhost>\n    </template>\n  </PlDialogModal>\n</template>\n"],"names":["emit","__emit","props","__props","mode","ref","defaultTitle","computed","modeOptions","closeModal","remoteRef","useTemplateRef","submit","_a","notEmpty","_b","importFiles","importedFiles"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAYA,UAAMA,IAAOC,GAKPC,IAAQC,GA4CRC,IAAOC,EAAwB,OAAO,GAEtCC,IAAeC,EAAS,MAAOL,EAAM,QAAQ,2BAA2B,uBAAwB,GAEhGM,IAAc;AAAA,MAClB;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,IAILC,GAAAA,IAAa,MAAMT,EAAK,qBAAqB,EAAK,GAElDU,IAAYC,EAAe,QAAQ,GAEnCC,IAAS,MAAM;;AACf,OAAAC,IAAAH,EAAU,UAAV,QAAAG,EAAiB,YACnBb,EAAK,gBAAgBc,GAASC,IAAAL,EAAU,UAAV,OAAA,SAAAK,EAAiB,iBAAkB,CAAA,CAAC,GACvDN;IAAA,GAITO,IAAc,CAACC,MAAiC;AACpDjB,MAAAA,EAAK,gBAAgBiB,CAAa,GACvBR,EAAA;AAAA,IACb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}