@platforma-sdk/ui-vue 1.37.7 → 1.37.11

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlElementList.vue2.js","sources":["../../../../../../../../../lib/ui/uikit/src/components/PlElementList/PlElementList.vue"],"sourcesContent":["<script generic=\"T extends unknown = unknown, K extends number | string = number | string\" lang=\"ts\" setup>\nimport type { ShallowRef } from 'vue';\nimport { computed, shallowRef, watch } from 'vue';\nimport { isNil, shallowHash } from '@milaboratories/helpers';\nimport { useSortable } from '@vueuse/integrations/useSortable';\nimport { type SortableEvent } from 'sortablejs';\nimport { moveElements, optionalUpdateRef } from './utils.ts';\nimport PlElementListItem from './PlElementListItem.vue';\n\nconst itemsRef = defineModel<T[]>('items', { required: true });\nconst draggableSetRef = defineModel<Set<T>>('draggableItems');\nconst removableSetRef = defineModel<Set<T>>('removableItems');\n\nconst expandableSetRef = defineModel<Set<T>>('expandableItems');\nconst expandedSetRef = defineModel<Set<T>>('expandedItems');\n\nconst pinnableSetRef = defineModel<Set<T>>('pinnableItems');\nconst pinnedSetRef = defineModel<Set<T>>('pinnedItems');\n\nconst toggableSetRef = defineModel<Set<T>>('toggableItems');\nconst toggledSetRef = defineModel<Set<T>>('toggledItems');\n\nconst props = withDefaults(\n  defineProps<{\n    itemClass?: string | string[] | ((item: T, index: number) => string | string[]);\n    activeItems?: Set<T>;\n\n    enableDragging?: boolean;\n    getItemKey?: (item: T) => K;\n    onDragEnd?: (oldIndex: number, newIndex: number) => void | boolean;\n    onSort?: (oldIndex: number, newIndex: number) => void | boolean;\n\n    enableExpanding?: boolean;\n    onExpand?: (item: T, index: number) => void | boolean;\n\n    enableRemoving?: boolean;\n    onRemove?: (item: T, index: number) => void | boolean;\n\n    enableToggling?: boolean;\n    onToggle?: (item: T, index: number) => void | boolean;\n\n    enablePinning?: boolean;\n    onPin?: (item: T, index: number) => void | boolean;\n  }>(), {\n    itemClass: undefined,\n    activeItems: undefined,\n\n    enableDragging: undefined,\n    enableRemoving: undefined,\n    enableExpanding: undefined,\n    enableToggling: undefined,\n    enablePinning: undefined,\n\n    getItemKey: undefined,\n    onDragEnd: undefined,\n    onSort: undefined,\n    onRemove: undefined,\n    onExpand: undefined,\n    onToggle: undefined,\n    onPin: undefined,\n  },\n);\n\nconst emits = defineEmits<{\n  (e: 'itemClick', item: T): void;\n}>();\n\nconst slots = defineSlots<{\n  ['item-title']: (props: { item: T; index: number }) => unknown;\n  ['item-content']?: (props: { item: T; index: number }) => unknown;\n}>();\n\nconst dndSortingEnabled = computed((): boolean => {\n  return props.enableDragging !== false && !isNil(props.getItemKey);\n});\n\nconst pinnedItemsRef = computed(() => itemsRef.value.filter(isPinned));\nconst hasPinnedItems = computed(() => pinnedItemsRef.value.length > 0);\n\nconst unpinnedItemsRef = computed(() => itemsRef.value.filter((item) => !isPinned(item)));\nconst hasUnpinnedItems = computed(() => unpinnedItemsRef.value.length > 0);\n\nconst domProjectionItemsRef = shallowRef<undefined | T[]>();\nconst pinnedContainerRef = shallowRef<HTMLElement>();\nconst unpinnedContainerRef = shallowRef<HTMLElement>();\n\n// version fix problem with sync between data and rendered values when items have been changed\nconst versionRef = computed<number>((oldVersion) => {\n  const currentVersion = shallowHash(...itemsRef.value);\n\n  if (domProjectionItemsRef.value === undefined) return oldVersion ?? currentVersion;\n\n  const lastSortedVersion = shallowHash(...domProjectionItemsRef.value);\n\n  if (currentVersion === lastSortedVersion) return oldVersion ?? currentVersion;\n\n  return oldVersion !== currentVersion ? currentVersion : lastSortedVersion;\n});\n\ncreateSortable(hasPinnedItems, pinnedContainerRef, pinnedItemsRef, () => 0);\ncreateSortable(hasUnpinnedItems, unpinnedContainerRef, unpinnedItemsRef, () => pinnedItemsRef.value.length);\n\nfunction createSortable(toggler: ShallowRef<boolean>, elRef: ShallowRef<undefined | HTMLElement>, itemsRef: ShallowRef<T[]>, getOffset: () => number) {\n  const sortable = useSortable(elRef, itemsRef, {\n    handle: `[data-draggable=\"true\"]`,\n    animation: 150,\n    forceFallback: true,\n    fallbackOnBody: true,\n    scrollSensitivity: 80,\n    forceAutoScrollFallback: true,\n    onUpdate: (evt: SortableEvent) => {\n      if (evt.oldIndex == null || evt.newIndex == null) {\n        throw new Error('Sortable event has no index');\n      }\n      if (props.onDragEnd?.(evt.oldIndex, evt.newIndex) !== false) {\n        moveItems(getOffset() + evt.oldIndex, getOffset() + evt.newIndex, true);\n      }\n    },\n  });\n  watch(toggler, (on) => on ? sortable.start() : sortable.stop());\n\n  return sortable;\n}\n\nfunction moveItems(oldIndex: number, newIndex: number, afterUpdateDom: boolean) {\n  if (oldIndex === newIndex) return;\n\n  if (afterUpdateDom) {\n    domProjectionItemsRef.value = moveElements(itemsRef.value.slice(), oldIndex, newIndex);\n  }\n\n  const preventDefault = props.onSort?.(oldIndex, newIndex) === false;\n\n  if (!preventDefault) {\n    moveElements(itemsRef.value, oldIndex, newIndex);\n    optionalUpdateRef(itemsRef);\n  }\n}\n\nfunction isActive(item: T): boolean {\n  return props.activeItems?.has(item) ?? false;\n}\n\nfunction isDraggable(item: T): boolean {\n  if (props.enableDragging === false) return false;\n  return (draggableSetRef.value?.has(item) ?? true);\n}\n\nfunction isToggable(item: T): boolean {\n  if (props.enableToggling === false) return false;\n  return !isNil(toggledSetRef.value) && (toggableSetRef.value?.has(item) ?? true);\n}\n\nfunction isToggled(item: T): boolean {\n  return toggledSetRef.value?.has(item) ?? false;\n}\n\nfunction isPinnable(item: T): boolean {\n  if (props.enablePinning === false) return false;\n  return !isNil(pinnedSetRef.value) && (pinnableSetRef.value?.has(item) ?? true);\n}\n\nfunction isPinned(item: T): boolean {\n  return pinnedSetRef.value?.has(item) ?? false;\n}\n\nfunction isExpandable(item: T): boolean {\n  if (props.enableExpanding === false) return false;\n  return !isNil(expandedSetRef.value) && (expandableSetRef.value?.has(item) ?? true);\n}\n\nfunction isExpanded(item: T): boolean {\n  return expandedSetRef.value?.has(item) ?? false;\n}\n\nfunction isRemovable(item: T): boolean {\n  if (props.enableRemoving === false) return false;\n  if (removableSetRef.value?.has(item) === false) return false;\n  return props.enableRemoving === true || typeof props.onRemove === 'function';\n}\n\nfunction handleExpand(item: T, index: number) {\n  if (props.onExpand?.(item, index) === false || isNil(expandedSetRef.value)) return;\n\n  const expanded = expandedSetRef.value;\n  if (expanded.has(item)) expanded.delete(item);\n  else expanded.add(item);\n  optionalUpdateRef(expandedSetRef);\n}\n\nfunction handleToggle(item: T, index: number) {\n  if (props.onToggle?.(item, index) === false || isNil(toggledSetRef.value)) return;\n\n  const toggled = toggledSetRef.value;\n  if (toggled.has(item)) toggled.delete(item);\n  else toggled.add(item);\n  optionalUpdateRef(toggledSetRef);\n}\n\nfunction handlePin(item: T, oldIndex: number) {\n  if (oldIndex === -1) {\n    throw new Error('Pinnable item not found');\n  }\n\n  if (props.onPin?.(item, oldIndex) === false || isNil(pinnedSetRef.value)) return;\n\n  const pinned = pinnedSetRef.value;\n  const alreadyPinned = pinned.has(item);\n  if (alreadyPinned) pinned.delete(item);\n  else pinned.add(item);\n  optionalUpdateRef(pinnedSetRef);\n  moveItems(oldIndex, pinned.size + (alreadyPinned ? 0 : -1), false);\n}\n\nfunction handleRemove(item: T, index: number) {\n  if (props.onRemove?.(item, index) !== false) {\n    itemsRef.value.splice(index, 1);\n    optionalUpdateRef(itemsRef);\n\n    if (pinnedSetRef.value?.has(item)) {\n      pinnedSetRef.value.delete(item);\n      optionalUpdateRef(pinnedSetRef);\n    }\n\n    if (toggledSetRef.value?.has(item)) {\n      toggledSetRef.value.delete(item);\n      optionalUpdateRef(toggledSetRef);\n    }\n  }\n}\n\n// version fix problem with sync between data and rendered values\nconst getKey = (item: T, index: number) => {\n  if (isNil(props.getItemKey)) return `${versionRef.value}-${index}`;\n  return `${versionRef.value}-${props.getItemKey(item)}`;\n};\nconst pinnedKeysRef = computed(() => pinnedItemsRef.value.map(getKey));\nconst unpinnedKeysRef = computed(() => unpinnedItemsRef.value.map(getKey));\n\nconst getItemClass = (item: T, index: number): null | string | string[] => {\n  if (typeof props.itemClass === 'function') {\n    return props.itemClass(item, index);\n  }\n  return props.itemClass ?? null;\n};\n\n</script>\n\n<template>\n  <div :class=\"$style.root\">\n    <div ref=\"pinnedContainerRef\" :class=\"$style.list\">\n      <PlElementListItem\n        v-for=\"(pinnedItem, pinnedIndex) in pinnedItemsRef\" :key=\"pinnedKeysRef[pinnedIndex]\"\n        :class=\"[$style.item, getItemClass(pinnedItem, pinnedIndex)]\"\n\n        :index=\"pinnedIndex\"\n        :item=\"pinnedItem\"\n        :showDragHandle=\"dndSortingEnabled\"\n        :isActive=\"isActive(pinnedItem)\"\n        :isDraggable=\"isDraggable(pinnedItem)\"\n        :isRemovable=\"isRemovable(pinnedItem)\"\n        :isToggable=\"isToggable(pinnedItem)\"\n        :isToggled=\"isToggled(pinnedItem)\"\n        :isPinnable=\"isPinnable(pinnedItem)\"\n        :isPinned=\"isPinned(pinnedItem)\"\n        :isExpandable=\"isExpandable(pinnedItem)\"\n        :isExpanded=\"isExpanded(pinnedItem)\"\n\n        @click=\"emits('itemClick', pinnedItem)\"\n        @remove=\"handleRemove\"\n        @toggle=\"handleToggle\"\n        @pin=\"handlePin\"\n        @expand=\"handleExpand\"\n      >\n        <template #title=\"{ item, index }\">\n          <slot :index=\"index\" :item=\"item\" name=\"item-title\" />\n        </template>\n        <template v-if=\"slots['item-content']\" #content=\"{ item, index }\">\n          <slot :index=\"index\" :item=\"item\" name=\"item-content\" />\n        </template>\n      </PlElementListItem>\n    </div>\n    <div v-if=\"hasUnpinnedItems\" ref=\"unpinnedContainerRef\" :class=\"$style.list\">\n      <PlElementListItem\n        v-for=\"(unpinnedItem, unpinnedIndex) in unpinnedItemsRef\" :key=\"unpinnedKeysRef[unpinnedIndex]\"\n        :class=\"[$style.item, getItemClass(unpinnedItem, unpinnedIndex)]\"\n\n        :index=\"unpinnedIndex + (pinnedSetRef?.size ?? 0)\"\n        :item=\"unpinnedItem\"\n        :showDragHandle=\"dndSortingEnabled\"\n        :isActive=\"isActive(unpinnedItem)\"\n        :isDraggable=\"isDraggable(unpinnedItem)\"\n        :isRemovable=\"isRemovable(unpinnedItem)\"\n        :isToggable=\"isToggable(unpinnedItem)\"\n        :isToggled=\"isToggled(unpinnedItem)\"\n        :isPinnable=\"isPinnable(unpinnedItem)\"\n        :isPinned=\"isPinned(unpinnedItem)\"\n        :isExpandable=\"isExpandable(unpinnedItem)\"\n        :isExpanded=\"isExpanded(unpinnedItem)\"\n\n        @click=\"emits('itemClick', unpinnedItem)\"\n        @remove=\"handleRemove\"\n        @toggle=\"handleToggle\"\n        @pin=\"handlePin\"\n        @expand=\"handleExpand\"\n      >\n        <template #title=\"{ item, index }\">\n          <slot :index=\"index\" :item=\"item\" name=\"item-title\" />\n        </template>\n        <template v-if=\"slots['item-content']\" #content=\"{ item, index }\">\n          <slot :index=\"index\" :item=\"item\" name=\"item-content\" />\n        </template>\n      </PlElementListItem>\n    </div>\n  </div>\n</template>\n\n<style module>\n.root, .list {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  min-width: 180px;\n}\n\n.item {\n  width: 100%;\n}\n\n:global(.sortable-ghost) {\n  visibility: hidden;\n}\n:global(.sortable-drag) {\n  opacity: 1;\n}\n</style>\n"],"names":["itemsRef","_useModel","__props","draggableSetRef","removableSetRef","expandableSetRef","expandedSetRef","pinnableSetRef","pinnedSetRef","toggableSetRef","toggledSetRef","props","emits","__emit","slots","_useSlots","dndSortingEnabled","computed","isNil","pinnedItemsRef","isPinned","hasPinnedItems","unpinnedItemsRef","item","hasUnpinnedItems","domProjectionItemsRef","shallowRef","pinnedContainerRef","unpinnedContainerRef","versionRef","oldVersion","currentVersion","shallowHash","lastSortedVersion","createSortable","toggler","elRef","getOffset","sortable","useSortable","evt","_a","moveItems","watch","on","oldIndex","newIndex","afterUpdateDom","moveElements","optionalUpdateRef","isActive","isDraggable","isToggable","isToggled","isPinnable","isExpandable","isExpanded","isRemovable","handleExpand","index","expanded","handleToggle","toggled","handlePin","pinned","alreadyPinned","handleRemove","_b","_c","getKey","pinnedKeysRef","unpinnedKeysRef","getItemClass"],"mappings":"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"}

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

@@ -0,0 +1,22 @@
+(function() {
+  try {
+    if (typeof document < "u") {
+      var t = document.createElement("style");
+      t.appendChild(document.createTextNode("._root_1inp1_2,._list_1inp1_2{display:flex;flex-direction:column;gap:8px;min-width:180px}._item_1inp1_9{width:100%}.sortable-ghost{visibility:hidden}.sortable-drag{opacity:1}")), document.head.appendChild(t);
+    }
+  } catch (i) {
+    console.error("vite-plugin-css-injected-by-js", i);
+  }
+})();
+const e = "_root_1inp1_2", o = "_list_1inp1_2", n = "_item_1inp1_9", s = {
+  root: e,
+  list: o,
+  item: n
+};
+export {
+  s as default,
+  n as item,
+  o as list,
+  e as root
+};
+//# sourceMappingURL=PlElementList.vue3.js.map

package/dist/{components → lib/ui/uikit/dist/components}/PlElementList/PlElementList.vue3.js.map

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

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

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

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

@@ -0,0 +1,106 @@
+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 m } from "vue";
+import p 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.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(p), { name: "drag-dots" })
+        ], 10, E)) : n("", !0),
+        e.isExpandable ? (a(), h(o(p), {
+          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] = m((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] = m((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] = m((y) => d("remove", l.item, l.index), ["stop"]))
+          }, [
+            c(o(p), { name: "close" })
+          ], 2)) : n("", !0)
+        ], 2)
+      ], 2),
+      g.value && l.isExpanded ? (a(), i("div", {
+        key: 0,
+        class: t(e.$style.body)
+      }, [
+        $(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

@@ -0,0 +1 @@
+{"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.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 v-if=\"hasContentSlot && props.isExpanded\" :class=\"$style.body\">\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  }\n\n  &.disabled {\n    opacity: 0.6;\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  border-radius: var(--border-radius) var(--border-radius) 0 0;\n  background: var(--head-background);\n\n  &:hover, &.opened {\n    --head-background: var(--gradient-light-lime);\n  }\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  gap: 8px;\n  max-width: calc(100% - 50px);\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.body {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 24px;\n  border-radius: 0 0 var(--border-radius) var(--border-radius);\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

@@ -0,0 +1,48 @@
+(function() {
+  try {
+    if (typeof document < "u") {
+      var o = document.createElement("style");
+      o.appendChild(document.createTextNode('@use "../../assets/variables.scss" as *;._root_lt147_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_lt147_4.sortable-drag,._root_lt147_4.sortable-chosen{--head-background: var(--gradient-light-lime);--border-color: var(--border-color-focus);--box-shadow: var(--box-shadow-active) }._root_lt147_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_lt147_4:hover{--border-color: var(--border-color-focus)}._root_lt147_4._disabled_lt147_33{opacity:.6;filter:grayscale(1)}._root_lt147_4._pinned_lt147_38{--background: var(--bg-base-light)}._root_lt147_4._active_lt147_42{--border-color: var(--border-color-focus);--head-background: var(--btn-accent-positive-500)}._head_lt147_48{position:relative;display:flex;align-items:center;padding:8px;border-radius:var(--border-radius) var(--border-radius) 0 0;background:var(--head-background)}._head_lt147_48:hover,._head_lt147_48._opened_lt147_56{--head-background: var(--gradient-light-lime)}._contentChevron_lt147_61{display:block;width:16px;height:16px;margin-right:4px;transform:rotate(-90deg);transition:transform .15s}._contentChevron_lt147_61._opened_lt147_56{transform:rotate(0)}._title_lt147_74{display:flex;flex-direction:row;gap:8px;max-width:calc(100% - 50px);overflow:hidden;text-overflow:ellipsis}._body_lt147_83{display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:0 0 var(--border-radius) var(--border-radius)}._actions_lt147_91{position:absolute;top:8px;right:8px;display:flex;align-items:center;background-color:var(--background);border-radius:var(--border-radius)}._action_lt147_91{width:24px;height:24px;padding:4px;opacity:.6;border-radius:var(--border-radius);transition:all .15s}._action_lt147_91 svg{width:16px;height:16px}._action_lt147_91:hover{opacity:1;background-color:var(--bg-elevated-02)}._action_lt147_91._activated_lt147_119{opacity:.8}._action_lt147_91._disable_lt147_33{cursor:not-allowed;opacity:.4}._clickable_lt147_129{cursor:pointer}._draggable_lt147_133{cursor:grab}._showOnHover_lt147_137{opacity:0;transition:opacity .15s}._root_lt147_4:hover ._showOnHover_lt147_137{opacity:1}')), document.head.appendChild(o);
+    }
+  } catch (a) {
+    console.error("vite-plugin-css-injected-by-js", a);
+  }
+})();
+const r = "_root_lt147_4", t = "_disabled_lt147_33", e = "_pinned_lt147_38", _ = "_active_lt147_42", d = "_head_lt147_48", l = "_opened_lt147_56", i = "_contentChevron_lt147_61", n = "_title_lt147_74", s = "_body_lt147_83", c = "_actions_lt147_91", b = "_action_lt147_91", p = "_activated_lt147_119", v = "_disable_lt147_33", h = "_clickable_lt147_129", g = "_draggable_lt147_133", u = "_showOnHover_lt147_137", x = {
+  root: r,
+  disabled: t,
+  pinned: e,
+  active: _,
+  head: d,
+  opened: l,
+  contentChevron: i,
+  title: n,
+  body: s,
+  actions: c,
+  action: b,
+  activated: p,
+  disable: v,
+  clickable: h,
+  draggable: g,
+  showOnHover: u
+};
+export {
+  b as action,
+  c as actions,
+  p as activated,
+  _ as active,
+  s as body,
+  h as clickable,
+  i as contentChevron,
+  x as default,
+  v as disable,
+  t as disabled,
+  g as draggable,
+  d as head,
+  l as opened,
+  e as pinned,
+  r as root,
+  u as showOnHover,
+  n as title
+};
+//# sourceMappingURL=PlElementListItem.vue3.js.map

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

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

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

@@ -0,0 +1,17 @@
+import { isRef as a, isShallow as i } from "vue";
+import { shallowClone as n } from "../../lib/util/helpers/dist/index.js";
+const p = (o, s, t) => {
+  if (t >= 0 && t < o.length) {
+    const l = o.splice(s, 1)[0];
+    o.splice(t, 0, l);
+  }
+  return o;
+};
+function r(o) {
+  a(o) && i(o) && (o.value = n(o.value));
+}
+export {
+  p as moveElements,
+  r as optionalUpdateRef
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../../../../../lib/ui/uikit/src/components/PlElementList/utils.ts"],"sourcesContent":["import { isRef, isShallow } from 'vue';\nimport { shallowClone } from '@milaboratories/helpers';\n\nexport 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  }\n\n  return array;\n};\n\nexport function optionalUpdateRef<T>(ref: T) {\n  if (isRef(ref) && isShallow(ref)) {\n    ref.value = shallowClone(ref.value);\n  }\n}\n"],"names":["moveElements","array","from","to","element","optionalUpdateRef","ref","isRef","isShallow","shallowClone"],"mappings":";;AAGO,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;AAGtBH,SAAAA;AACT;AAEO,SAASI,EAAqBC,GAAQ;AACvCC,EAAAA,EAAMD,CAAG,KAAKE,EAAUF,CAAG,MACzBA,EAAA,QAAQG,EAAaH,EAAI,KAAK;AAEtC;"}

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

@@ -1,9 +1,9 @@
-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 S, unref as C } from "vue";
+import { defineComponent as f, ref as s, computed as i, onBeforeUpdate as p, onErrorCaptured as k, createElementBlock as g, openBlock as c, Fragment as y, renderSlot as B, createBlock as E, createCommentVNode as S, unref as C } from "vue";
 import _ from "../PlErrorAlert/PlErrorAlert.vue.js";
 import { tryDo as x, isErrorLike as D } from "../../lib/util/helpers/dist/index.js";
 const F = /* @__PURE__ */ f({
   __name: "PlErrorBoundary",
-  setup(N, { expose: c }) {
+  setup(N, { expose: m }) {
     const v = (e) => {
       if (e != null)
         return D(e) ? e.stack == null || e.stack.length === 0 ? e.message : e.stack.includes(e.message) ? e.stack : e.message + `
@@ -24,11 +24,11 @@ const F = /* @__PURE__ */ f({
         title: ((u = (l = n == null ? void 0 : n.$) == null ? void 0 : l.type) == null ? void 0 : u.name) ?? void 0,
         error: e
       }, !1;
-    }), c({ error: t, reset: o }), (e, n) => {
+    }), m({ error: t, reset: o }), (e, n) => {
       var l;
-      return m(), g(y, null, [
+      return c(), g(y, null, [
         B(e.$slots, "default"),
-        t.value ? (m(), E(C(_), {
+        t.value ? (c(), E(C(_), {
           key: 0,
           ref_key: "errorAlert",
           ref: a,

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

@@ -1,9 +1,9 @@
-import { defineComponent as B, ref as S, computed as _, useTemplateRef as b, createBlock as s, openBlock as p, unref as t, normalizeClass as R, createSlots as w, withCtx as a, createElementVNode as F, createCommentVNode as f, createVNode as d, mergeProps as v, createTextVNode as n, toDisplayString as I, withModifiers as y } from "vue";
-import N from "./pl-file-dialog.module.scss.js";
-import { notEmpty as O } from "../../lib/util/helpers/dist/index.js";
-import $ from "../PlDialogModal/PlDialogModal.vue.js";
-import z from "../PlBtnPrimary/PlBtnPrimary.vue.js";
-import D from "../PlBtnGhost/PlBtnGhost.vue.js";
+import { defineComponent as B, ref as S, computed as _, useTemplateRef as b, createBlock as s, openBlock as p, unref as t, normalizeClass as R, createSlots as $, withCtx as a, createElementVNode as w, createCommentVNode as f, createVNode as d, mergeProps as v, createTextVNode as n, toDisplayString as D, withModifiers as y } from "vue";
+import F from "./pl-file-dialog.module.scss.js";
+import { notEmpty as I } from "../../lib/util/helpers/dist/index.js";
+import N from "../PlDialogModal/PlDialogModal.vue.js";
+import O from "../PlBtnPrimary/PlBtnPrimary.vue.js";
+import z from "../PlBtnGhost/PlBtnGhost.vue.js";
 import T from "../PlBtnGroup/PlBtnGroup.vue.js";
 import U from "./Remote.vue.js";
 import E from "./Local.vue.js";
@@ -30,24 +30,24 @@ const M = { style: { margin: "0 24px" } }, L = /* @__PURE__ */ B({
       }
     ], i = () => m("update:modelValue", !1), u = b("remote"), c = () => {
       var e, l;
-      (e = u.value) != null && e.isReady && (m("import:files", O((l = u.value) == null ? void 0 : l.getFilesToImport())), i());
+      (e = u.value) != null && e.isReady && (m("import:files", I((l = u.value) == null ? void 0 : l.getFilesToImport())), i());
     }, h = (e) => {
       m("import:files", e), i();
     };
-    return (e, l) => (p(), s(t($), {
+    return (e, l) => (p(), s(t(N), {
       "no-content-gutters": !0,
       "close-on-outside-click": e.closeOnOutsideClick,
-      class: R(["pl-dialog-modal", t(N).component]),
+      class: R(["pl-dialog-modal", t(F).component]),
       "model-value": e.modelValue,
       width: "688px",
       height: "720px",
       "onUpdate:modelValue": i
-    }, w({
+    }, $({
       title: a(() => [
-        n(I(e.title ?? g.value), 1)
+        n(D(e.title ?? g.value), 1)
       ]),
       default: a(() => [
-        F("div", M, [
+        w("div", M, [
           d(t(T), {
             modelValue: o.value,
             "onUpdate:modelValue": l[0] || (l[0] = (r) => o.value = r),
@@ -70,7 +70,7 @@ const M = { style: { margin: "0 24px" } }, L = /* @__PURE__ */ B({
         fn: a(() => {
           var r;
           return [
-            d(t(z), {
+            d(t(O), {
               style: { "min-width": "160px" },
               disabled: !((r = t(u)) != null && r.isReady),
               onClick: y(c, ["stop"])
@@ -80,7 +80,7 @@ const M = { style: { margin: "0 24px" } }, L = /* @__PURE__ */ B({
               ])),
               _: 1
             }, 8, ["disabled"]),
-            d(t(D), {
+            d(t(z), {
               "justify-center": !1,
               onClick: y(i, ["stop"])
             }, {

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

@@ -1,4 +1,4 @@
-import { defineComponent as Y, reactive as J, computed as h, createElementBlock as c, watch as V, toRef as Q, onMounted as X, openBlock as n, withModifiers as I, normalizeClass as o, unref as r, createElementVNode as d, createVNode as p, Fragment as g, renderList as _, createBlock as Z, createCommentVNode as $, toDisplayString as f, withDirectives as H, createTextVNode as K } from "vue";
+import { defineComponent as G, reactive as J, computed as h, createElementBlock as c, watch as V, toRef as Q, onMounted as X, openBlock as n, withModifiers as L, normalizeClass as o, unref as r, createElementVNode as d, createVNode as p, Fragment as g, renderList as _, createBlock as Z, createCommentVNode as $, toDisplayString as f, withDirectives as H, createTextVNode as K } from "vue";
 import { useEventListener as ee } from "../../composition/useEventListener.js";
 import { tapIf as te, notEmpty as z, between as ae } from "../../lib/util/helpers/dist/index.js";
 import { getRawPlatformaInstance as y } from "../../sdk/model/dist/index.js";
@@ -12,7 +12,7 @@ import { normalizeExtensions as oe, getFilePathBreadcrumbs as ne } from "./utils
 const de = ["title", "onClick"], ce = {
   key: 0,
   class: "ls-loader"
-}, me = ["onClick"], ue = ["title"], ve = ["onClick"], he = ["title"], Be = /* @__PURE__ */ Y({
+}, me = ["onClick"], ue = ["title"], ve = ["onClick"], he = ["title"], Be = /* @__PURE__ */ G({
   __name: "Remote",
   props: {
     modelValue: { type: Boolean },
@@ -78,7 +78,7 @@ const de = ["title", "onClick"], ce = {
       e && !u.multi || S.value.filter((a) => a.canBeSelected).forEach((a) => {
         a.selected = e;
       });
-    }, G = () => x(!0), F = () => x(!1), L = () => {
+    }, Y = () => x(!0), F = () => x(!1), I = () => {
       if (k(), F(), !y()) {
         console.warn("platforma API is not found");
         return;
@@ -103,20 +103,20 @@ const de = ["title", "onClick"], ce = {
     }), V(
       () => u.modelValue,
       (e) => {
-        e ? L() : Object.assign(t, N());
+        e ? I() : Object.assign(t, N());
       },
       { immediate: !0 }
     ), ee(document, "keydown", (e) => {
       if (!u.modelValue || e.target !== document.body)
         return;
       const a = b(e);
-      a && e.code === "KeyA" && (e.preventDefault(), G()), a && e.shiftKey && e.code === "Period" && (e.preventDefault(), t.showHiddenItems = !t.showHiddenItems), e.code === "Enter" && u.submit();
+      a && e.code === "KeyA" && (e.preventDefault(), Y()), a && e.shiftKey && e.code === "Period" && (e.preventDefault(), t.showHiddenItems = !t.showHiddenItems), e.code === "Enter" && u.submit();
     }), T({
       isReady: A,
       getFilesToImport: M
-    }), X(L), (e, a) => (n(), c("div", {
+    }), X(I), (e, a) => (n(), c("div", {
       class: o(r(i).remote),
-      onClick: I(F, ["stop"])
+      onClick: L(F, ["stop"])
     }, [
       d("div", {
         class: o(r(i).search)
@@ -200,7 +200,7 @@ const de = ["title", "onClick"], ce = {
             ], 10, me)) : (n(), c("div", {
               key: 1,
               class: o({ [r(i).canBeSelected]: l.canBeSelected, [r(i).selected]: l.selected }),
-              onClick: I((s) => q(s, l), ["stop"])
+              onClick: L((s) => q(s, l), ["stop"])
             }, [
               p(r(D), {
                 name: "box",

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

@@ -3,24 +3,24 @@ function u(e) {
   return e ? e.map((t) => "." + o(t, ["."])) : void 0;
 }
 function l(e) {
-  const t = "/", s = e.startsWith(t), r = m(e, [t]).split(t), n = [
+  const t = "/", s = e.startsWith(t), n = m(e, [t]).split(t), i = [
     {
       index: 0,
       name: "Root",
       path: ""
     }
   ];
-  if (r.length === 1 && r[0] === "")
-    return n;
-  for (let i = 0; i < r.length; i++) {
-    const a = (s ? t : "") + r.slice(0, i + 1).join(t);
-    n.push({
-      index: i + 1,
-      name: r[i],
+  if (n.length === 1 && n[0] === "")
+    return i;
+  for (let r = 0; r < n.length; r++) {
+    const a = (s ? t : "") + n.slice(0, r + 1).join(t);
+    i.push({
+      index: r + 1,
+      name: n[r],
       path: a
     });
   }
-  return n;
+  return i;
 }
 export {
   l as getFilePathBreadcrumbs,

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

@@ -1,4 +1,4 @@
-import { defineComponent as S, useSlots as z, ref as n, computed as v, watch as B, createElementBlock as s, openBlock as t, normalizeClass as V, createCommentVNode as x, createVNode as b, createElementVNode as _, createBlock as E, toDisplayString as c, unref as p, withCtx as f, renderSlot as H, createTextVNode as L } from "vue";
+import { defineComponent as S, useSlots as V, ref as n, computed as v, watch as z, createElementBlock as s, openBlock as t, normalizeClass as B, createCommentVNode as x, createVNode as b, createElementVNode as _, createBlock as E, toDisplayString as c, unref as p, withCtx as f, renderSlot as H, createTextVNode as L } from "vue";
 import j from "../PlIcon24/PlIcon24.vue.js";
 import { okOptional as A, tapIf as P } from "../../lib/util/helpers/dist/index.js";
 import { useLogHandle as R } from "./useLogHandle.js";
@@ -15,12 +15,12 @@ import y from "../PlTooltip/PlTooltip.vue.js";
     console.error("vite-plugin-css-injected-by-js", u);
   }
 })();
-const I = { key: 0 }, D = { class: "pl-log-view__copy" }, M = {
+const D = { key: 0 }, I = { class: "pl-log-view__copy" }, M = {
   key: 1,
   class: "pl-log-view__error"
 }, O = {
   name: "PlLogView"
-}, W = /* @__PURE__ */ S({
+}, U = /* @__PURE__ */ S({
   ...O,
   props: {
     value: {},
@@ -39,7 +39,7 @@ const I = { key: 0 }, D = { class: "pl-log-view__copy" }, M = {
       if (o && o.ok === !1)
         return o.errors.join(`
 `);
-    }, k = z(), e = l, g = R(e), h = n(!0), m = n(), w = n(), d = v(() => {
+    }, k = V(), e = l, g = R(e), h = n(!0), m = n(), w = n(), d = v(() => {
       var o;
       return ((o = g.value) == null ? void 0 : o.error) ?? e.error ?? u(e.output);
     }), r = v(() => {
@@ -58,7 +58,7 @@ const I = { key: 0 }, D = { class: "pl-log-view__copy" }, M = {
         h.value && o.scrollTo(o.scrollLeft, o.scrollHeight);
       });
     };
-    B(
+    z(
       r,
       () => {
         requestAnimationFrame(() => {
@@ -74,9 +74,9 @@ const I = { key: 0 }, D = { class: "pl-log-view__copy" }, M = {
     return (o, i) => (t(), s("div", {
       ref_key: "root",
       ref: w,
-      class: V(["pl-log-view", { "has-error": d.value }])
+      class: B(["pl-log-view", { "has-error": d.value }])
     }, [
-      o.label ? (t(), s("label", I, [
+      o.label ? (t(), s("label", D, [
         _("span", null, c(o.label), 1),
         p(k).tooltip ? (t(), E(p(y), {
           key: 0,
@@ -90,7 +90,7 @@ const I = { key: 0 }, D = { class: "pl-log-view__copy" }, M = {
         })) : x("", !0)
       ])) : x("", !0),
       b(q, { class: "pl-log-view__contour" }),
-      _("div", D, [
+      _("div", I, [
         b(p(y), {
           "close-delay": 800,
           position: "top"
@@ -119,6 +119,6 @@ const I = { key: 0 }, D = { class: "pl-log-view__copy" }, M = {
   }
 });
 export {
-  W as default
+  U as default
 };
 //# sourceMappingURL=PlLogView.vue.js.map

package/dist/lib/ui/uikit/dist/composition/useFormState.js

@@ -1,17 +1,17 @@
-import { reactive as c, watch as o } from "vue";
+import { reactive as c, watch as n } from "vue";
 import { objects as t } from "../lib/util/helpers/dist/index.js";
-function u(r, d, n) {
+function u(r, d, o) {
   const e = c({
     data: t.deepClone(d(r.value)),
     changed: !1
   });
-  return o(
+  return n(
     () => e.data,
     (a) => {
-      e.changed ? n(t.deepClone(a)) : e.changed = !0;
+      e.changed ? o(t.deepClone(a)) : e.changed = !0;
     },
     { deep: !0 }
-  ), o(
+  ), n(
     r,
     (a) => {
       Object.assign(e, {

package/dist/lib/ui/uikit/dist/composition/useQuery.js

@@ -1,25 +1,25 @@
-import { reactive as s } from "vue";
-import { debounce as n } from "../lib/util/helpers/dist/index.js";
-function c(e) {
-  const r = s({
+import { reactive as n } from "vue";
+import { debounce as s } from "../lib/util/helpers/dist/index.js";
+function c(t) {
+  const r = n({
     isLoading: !1,
     result: void 0,
     error: void 0,
     async run(...i) {
       this.isLoading = !0, this.error = void 0;
       try {
-        this.result = await e(...i);
-      } catch (t) {
-        this.error = t;
+        this.result = await t(...i);
+      } catch (o) {
+        this.error = o;
       } finally {
         this.isLoading = !1;
       }
     },
-    debounce(i, t = 1e3) {
-      return n(() => {
-        const o = i();
-        this.run(...o).catch(console.error);
-      }, t);
+    debounce(i, o = 1e3) {
+      return s(() => {
+        const e = i();
+        this.run(...e).catch(console.error);
+      }, o);
     }
   });
   return r.run = r.run.bind(r), r;

package/dist/lib/ui/uikit/dist/composition/useWatchFetch.js

@@ -1,13 +1,13 @@
-import { ref as c, reactive as l, computed as n, watch as d } from "vue";
-import { exclusiveRequest as s } from "../lib/util/helpers/dist/index.js";
+import { ref as c, reactive as l, computed as n, watch as s } from "vue";
+import { exclusiveRequest as d } from "../lib/util/helpers/dist/index.js";
 function h(o, t, u) {
   const r = c(0), e = l({
     loading: n(() => r.value > 0),
     loadingRef: r,
     value: void 0,
     error: void 0
-  }), i = s(t);
-  return d(
+  }), i = d(t);
+  return s(
     o,
     async (v) => {
       e.error = void 0, r.value++, i(v).then((a) => {