@platforma-sdk/ui-vue 1.37.7 → 1.37.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@platforma-sdk/ui-vue",
-  "version": "1.37.7",
+  "version": "1.37.10",
   "type": "module",
   "main": "dist/lib.js",
   "styles": "dist/lib.js",
@@ -29,9 +29,9 @@
     "d3-format": "^3.1.0",
     "lodash": "^4.17.17",
     "zod": "~3.23.8",
+    "@milaboratories/uikit": "^2.2.93",
     "@milaboratories/biowasm-tools": "^1.1.0",
-    "@platforma-sdk/model": "^1.37.2",
-    "@milaboratories/uikit": "^2.2.92"
+    "@platforma-sdk/model": "^1.37.2"
   },
   "devDependencies": {
     "happy-dom": "^15.11.7",
@@ -45,9 +45,9 @@
     "vue-tsc": "^2.1.10",
     "yarpm": "^1.2.0",
     "@milaboratories/ts-configs": "1.0.4",
-    "@milaboratories/eslint-config": "^1.0.4",
     "@milaboratories/helpers": "^1.6.15",
-    "@milaboratories/build-configs": "1.0.4"
+    "@milaboratories/build-configs": "1.0.4",
+    "@milaboratories/eslint-config": "^1.0.4"
   },
   "scripts": {
     "test": "vitest run --passWithNoTests",

package/src/lib.ts

@@ -29,8 +29,6 @@ export * from './components/PlTableFilters';
 
 export * from './components/PlMultiSequenceAlignment';
 
-export * from './components/PlElementList';
-
 export * from './defineApp';
 
 export * from './createModel';

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

@@ -1,61 +0,0 @@
-declare const _default: <T extends unknown = unknown, K extends number | string = string | number>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
-        readonly "onUpdate:items"?: ((value: T[]) => any) | undefined;
-        readonly "onUpdate:draggableItems"?: ((value: Set<T>) => any) | undefined;
-        readonly "onUpdate:removableItems"?: ((value: Set<T>) => any) | undefined;
-        readonly "onUpdate:pinnableItems"?: ((value: Set<T>) => any) | undefined;
-        readonly "onUpdate:pinnedItems"?: ((value: Set<T>) => any) | undefined;
-        readonly "onUpdate:toggableItems"?: ((value: Set<T>) => any) | undefined;
-        readonly "onUpdate:toggledItems"?: ((value: Set<T>) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:items" | "onUpdate:draggableItems" | "onUpdate:removableItems" | "onUpdate:pinnableItems" | "onUpdate:pinnedItems" | "onUpdate:toggableItems" | "onUpdate:toggledItems"> & ({
-        items: T[];
-        draggableItems?: Set<T>;
-        removableItems?: Set<T>;
-        pinnableItems?: Set<T>;
-        pinnedItems?: Set<T>;
-        toggableItems?: Set<T>;
-        toggledItems?: Set<T>;
-    } & {
-        getItemKey: (item: T) => K;
-        onSort?: (oldIndex: number, newIndex: number) => void | boolean;
-        enableDragging?: boolean;
-        onDragEnd?: (oldIndex: number, newIndex: number) => void | boolean;
-        enableRemoving?: boolean;
-        onRemove?: (item: T, index: number) => void | boolean;
-        enableToggling?: boolean;
-        onToggle?: (item: T, index: number) => void | boolean;
-        enablePinning?: boolean;
-        onPin?: (item: T, index: number) => void | boolean;
-    }) & Partial<{}>> & import('vue').PublicProps;
-    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
-    attrs: any;
-    slots: Readonly<{
-        "item-title": (props: {
-            item: T;
-            index: number;
-        }) => unknown;
-        "item-content"?: (props: {
-            item: T;
-            index: number;
-        }) => unknown;
-    }> & {
-        "item-title": (props: {
-            item: T;
-            index: number;
-        }) => unknown;
-        "item-content"?: (props: {
-            item: T;
-            index: number;
-        }) => unknown;
-    };
-    emit: ((evt: "update:items", value: T[]) => void) & ((evt: "update:draggableItems", value: Set<T>) => void) & ((evt: "update:removableItems", value: Set<T>) => void) & ((evt: "update:pinnableItems", value: Set<T>) => void) & ((evt: "update:pinnedItems", value: Set<T>) => void) & ((evt: "update:toggableItems", value: Set<T>) => void) & ((evt: "update:toggledItems", value: Set<T>) => void);
-}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}> & {
-    __ctx?: Awaited<typeof __VLS_setup>;
-};
-export default _default;
-type __VLS_PrettifyLocal<T> = {
-    [K in keyof T]: T[K];
-} & {};
-//# sourceMappingURL=PlElementList.vue.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PlElementList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlElementList/PlElementList.vue"],"names":[],"mappings":"yBAySiB,CAAC,SAAS,OAAO,YAAY,CAAC,SAAS,MAAM,GAAG,MAAM,iCACzD,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA8c1D,mBAAmB,CAAC;;;;;;;;;eApPnB,CAAC,EAAE;yBACO,GAAG,CAAC,CAAC,CAAC;yBACN,GAAG,CAAC,CAAC,CAAC;wBACP,GAAG,CAAC,CAAC,CAAC;sBACR,GAAG,CAAC,CAAC,CAAC;wBACJ,GAAG,CAAC,CAAC,CAAC;uBACP,GAAG,CAAC,CAAC,CAAC;;oBAnNP,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC;iBACjB,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO;yBAE9C,OAAO;oBACZ,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO;yBAEjD,OAAO;mBACb,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO;yBAEpC,OAAO;mBACb,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO;wBAErC,OAAO;gBACf,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO;oBAobwC,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;sBAraO,CAAC,KAAK,EAAE;YAAE,IAAI,EAAE,CAAC,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,KAAK,OAAO;yBAC3C,CAAC,KAAK,EAAE;YAAE,IAAI,EAAE,CAAC,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,KAAK,OAAO;;sBADjD,CAAC,KAAK,EAAE;YAAE,IAAI,EAAE,CAAC,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,KAAK,OAAO;yBAC3C,CAAC,KAAK,EAAE;YAAE,IAAI,EAAE,CAAC,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,KAAK,OAAO;;;;;;YAyavB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAxdvE,wBAwd4E;AAS5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/PlElementList/PlElementList.vue.js

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

package/dist/components/PlElementList/PlElementList.vue2.js

@@ -1,214 +0,0 @@
-import { defineComponent as oe, mergeModels as se, useModel as f, useSlots as ie, computed as d, shallowRef as P, watch as re, createElementBlock as T, openBlock as v, normalizeClass as h, createElementVNode as ue, createCommentVNode as ge, Fragment as A, renderList as G, createBlock as J, createSlots as Q, withCtx as S, renderSlot as p } from "vue";
-import { shallowHash as W, isNil as D } from "../../lib/util/helpers/dist/index.js";
-import { useSortable as fe } from "../../node_modules/.pnpm/@vueuse_integrations@13.3.0_axios@1.8.1_focus-trap@7.6.0_sortablejs@1.15.6_vue@3.5.13_typescript@5.5.4_/node_modules/@vueuse/integrations/useSortable.js";
-import { optionalUpdateRef as c, moveElements as X } from "./utils.js";
-import Y from "./PlElementListItem.vue.js";
-const he = /* @__PURE__ */ oe({
-  __name: "PlElementList",
-  props: /* @__PURE__ */ se({
-    getItemKey: {},
-    onSort: { type: Function, default: void 0 },
-    enableDragging: { type: Boolean, default: !0 },
-    onDragEnd: { type: Function, default: void 0 },
-    enableRemoving: { type: Boolean, default: void 0 },
-    onRemove: { type: Function, default: void 0 },
-    enableToggling: { type: Boolean, default: !0 },
-    onToggle: { type: Function, default: void 0 },
-    enablePinning: { type: Boolean, default: !0 },
-    onPin: { type: Function, default: void 0 }
-  }, {
-    items: { required: !0 },
-    itemsModifiers: {},
-    draggableItems: {},
-    draggableItemsModifiers: {},
-    removableItems: {},
-    removableItemsModifiers: {},
-    pinnableItems: {},
-    pinnableItemsModifiers: {},
-    pinnedItems: {},
-    pinnedItemsModifiers: {},
-    toggableItems: {},
-    toggableItemsModifiers: {},
-    toggledItems: {},
-    toggledItemsModifiers: {}
-  }),
-  emits: ["update:items", "update:draggableItems", "update:removableItems", "update:pinnableItems", "update:pinnedItems", "update:toggableItems", "update:toggledItems"],
-  setup(r) {
-    const u = f(r, "items"), Z = f(r, "draggableItems"), x = f(r, "removableItems"), _ = f(r, "pinnableItems"), i = f(r, "pinnedItems"), ee = f(r, "toggableItems"), g = f(r, "toggledItems"), l = r, k = ie(), b = d(() => u.value.filter(y)), ne = d(() => b.value.length > 0), R = d(() => u.value.filter((e) => !y(e))), C = d(() => R.value.length > 0), I = P(/* @__PURE__ */ new Set()), w = P(), $ = P(), E = P(), te = d((e) => {
-      const n = W(...u.value);
-      if (w.value === void 0) return e ?? n;
-      const t = W(...w.value);
-      return n === t ? e ?? n : e !== n ? n : t;
-    });
-    M(ne, $, b, () => 0), M(C, E, R, () => b.value.length);
-    function M(e, n, t, o) {
-      const a = fe(n, t, {
-        handle: '[data-draggable="true"]',
-        animation: 150,
-        forceFallback: !0,
-        scrollSensitivity: 80,
-        forceAutoScrollFallback: !0,
-        onUpdate: (s) => {
-          var m;
-          if (s.oldIndex == null || s.newIndex == null)
-            throw new Error("Sortable event has no index");
-          ((m = l.onDragEnd) == null ? void 0 : m.call(l, s.oldIndex, s.newIndex)) !== !1 && F(o() + s.oldIndex, o() + s.newIndex, !0);
-        }
-      });
-      return re(e, (s) => s ? a.start() : a.stop()), a;
-    }
-    function F(e, n, t) {
-      var a;
-      if (e === n) return;
-      t && (w.value = X(u.value.slice(), e, n)), ((a = l.onSort) == null ? void 0 : a.call(l, e, n)) === !1 || (X(u.value, e, n), c(u));
-    }
-    function B(e) {
-      var n;
-      return l.enableDragging === !1 ? !1 : ((n = Z.value) == null ? void 0 : n.has(e)) ?? !0;
-    }
-    function H(e) {
-      var n;
-      return l.enableToggling === !1 ? !1 : !D(g.value) && (((n = ee.value) == null ? void 0 : n.has(e)) ?? !0);
-    }
-    function K(e) {
-      var n;
-      return ((n = g.value) == null ? void 0 : n.has(e)) ?? !1;
-    }
-    function O(e) {
-      var n;
-      return l.enablePinning === !1 ? !1 : !D(i.value) && (((n = _.value) == null ? void 0 : n.has(e)) ?? !0);
-    }
-    function y(e) {
-      var n;
-      return ((n = i.value) == null ? void 0 : n.has(e)) ?? !1;
-    }
-    function z(e) {
-      return I.value.has(e);
-    }
-    function L(e) {
-      var n;
-      return l.enableRemoving === !1 || ((n = x.value) == null ? void 0 : n.has(e)) === !1 ? !1 : l.enableRemoving === !0 || typeof l.onRemove == "function";
-    }
-    function N(e, n) {
-      var o;
-      if (((o = l.onToggle) == null ? void 0 : o.call(l, e, n)) === !1 || D(g.value)) return;
-      const t = g.value;
-      t.has(e) ? t.delete(e) : t.add(e), c(g);
-    }
-    function U(e, n) {
-      var a;
-      if (n === -1)
-        throw new Error("Pinnable item not found");
-      if (((a = l.onPin) == null ? void 0 : a.call(l, e, n)) === !1 || D(i.value)) return;
-      const t = i.value, o = t.has(e);
-      o ? t.delete(e) : t.add(e), c(i), F(n, t.size + (o ? 0 : -1), !1);
-    }
-    function V(e, n) {
-      var t, o, a;
-      ((t = l.onRemove) == null ? void 0 : t.call(l, e, n)) !== !1 && (u.value.splice(n, 1), c(u), (o = i.value) != null && o.has(e) && (i.value.delete(e), c(i)), (a = g.value) != null && a.has(e) && (g.value.delete(e), c(g)));
-    }
-    function j(e) {
-      const n = I.value;
-      n.has(e) ? n.delete(e) : n.add(e), c(I);
-    }
-    const q = (e) => `${te.value}-${l.getItemKey(e)}`, le = d(() => b.value.map(q)), ae = d(() => R.value.map(q));
-    return (e, n) => (v(), T("div", {
-      class: h(e.$style.root)
-    }, [
-      ue("div", {
-        ref_key: "pinnedContainerRef",
-        ref: $,
-        class: h(e.$style.list)
-      }, [
-        (v(!0), T(A, null, G(b.value, (t, o) => (v(), J(Y, {
-          key: le.value[o],
-          class: h(e.$style.item),
-          index: o,
-          item: t,
-          showDragHandle: l.enableDragging,
-          isDraggable: B(t),
-          isRemovable: L(t),
-          isToggable: H(t),
-          isToggled: K(t),
-          isPinnable: O(t),
-          isPinned: y(t),
-          isOpened: z(t),
-          onRemove: V,
-          onToggle: N,
-          onPin: U,
-          onToggleContent: j
-        }, Q({
-          title: S(({ item: a, index: s }) => [
-            p(e.$slots, "item-title", {
-              index: s,
-              item: a
-            })
-          ]),
-          _: 2
-        }, [
-          k["item-content"] ? {
-            name: "content",
-            fn: S(({ item: a, index: s }) => [
-              p(e.$slots, "item-content", {
-                index: s,
-                item: a
-              })
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["class", "index", "item", "showDragHandle", "isDraggable", "isRemovable", "isToggable", "isToggled", "isPinnable", "isPinned", "isOpened"]))), 128))
-      ], 2),
-      C.value ? (v(), T("div", {
-        key: 0,
-        ref_key: "unpinnedContainerRef",
-        ref: E,
-        class: h(e.$style.list)
-      }, [
-        (v(!0), T(A, null, G(R.value, (t, o) => {
-          var a;
-          return v(), J(Y, {
-            key: ae.value[o],
-            class: h(e.$style.item),
-            index: o + (((a = i.value) == null ? void 0 : a.size) ?? 0),
-            item: t,
-            showDragHandle: l.enableDragging,
-            isDraggable: B(t),
-            isRemovable: L(t),
-            isToggable: H(t),
-            isToggled: K(t),
-            isPinnable: O(t),
-            isPinned: y(t),
-            isOpened: z(t),
-            onRemove: V,
-            onToggle: N,
-            onPin: U,
-            onToggleContent: j
-          }, Q({
-            title: S(({ item: s, index: m }) => [
-              p(e.$slots, "item-title", {
-                index: m,
-                item: s
-              })
-            ]),
-            _: 2
-          }, [
-            k["item-content"] ? {
-              name: "content",
-              fn: S(({ item: s, index: m }) => [
-                p(e.$slots, "item-content", {
-                  index: m,
-                  item: s
-                })
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1032, ["class", "index", "item", "showDragHandle", "isDraggable", "isRemovable", "isToggable", "isToggled", "isPinnable", "isPinned", "isOpened"]);
-        }), 128))
-      ], 2)) : ge("", !0)
-    ], 2));
-  }
-});
-export {
-  he as default
-};
-//# sourceMappingURL=PlElementList.vue2.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PlElementList.vue2.js","sources":["../../../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 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    getItemKey: (item: T) => K;\n    onSort?: (oldIndex: number, newIndex: number) => void | boolean;\n\n    enableDragging?: boolean;\n    onDragEnd?: (oldIndex: number, newIndex: 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    enableDragging: true,\n    enableRemoving: undefined,\n    enableToggling: true,\n    enablePinning: true,\n    onSort: undefined,\n    onDragEnd: undefined,\n    onRemove: undefined,\n    onToggle: undefined,\n    onPin: undefined,\n  },\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 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 openedSetRef = shallowRef(new Set<T>());\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    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 isDraggable(item: T) {\n  if (props.enableDragging === false) return false;\n  return (draggableSetRef.value?.has(item) ?? true);\n}\n\nfunction isToggable(item: T) {\n  if (props.enableToggling === false) return false;\n  return !isNil(toggledSetRef.value) && (toggableSetRef.value?.has(item) ?? true);\n}\n\nfunction isToggled(item: T) {\n  return toggledSetRef.value?.has(item) ?? false;\n}\n\nfunction isPinnable(item: T) {\n  if (props.enablePinning === false) return false;\n  return !isNil(pinnedSetRef.value) && (pinnableSetRef.value?.has(item) ?? true);\n}\n\nfunction isPinned(item: T) {\n  return pinnedSetRef.value?.has(item) ?? false;\n}\n\nfunction isOpened(item: T) {\n  return openedSetRef.value.has(item);\n}\n\nfunction isRemovable(item: T) {\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 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\nfunction handleToggleContent(item: T) {\n  const opened = openedSetRef.value;\n  if (opened.has(item)) opened.delete(item);\n  else opened.add(item);\n  optionalUpdateRef(openedSetRef);\n}\n\n// version fix problem with sync between data and rendered values\nconst getKey = (item: T) => `${versionRef.value}-${props.getItemKey(item)}`;\nconst pinnedKeysRef = computed(() => pinnedItemsRef.value.map(getKey));\nconst unpinnedKeysRef = computed(() => unpinnedItemsRef.value.map(getKey));\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\"\n\n        :index=\"pinnedIndex\"\n        :item=\"pinnedItem\"\n        :showDragHandle=\"props.enableDragging\"\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        :isOpened=\"isOpened(pinnedItem)\"\n\n        @remove=\"handleRemove\"\n        @toggle=\"handleToggle\"\n        @pin=\"handlePin\"\n        @toggleContent=\"handleToggleContent\"\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\"\n\n        :index=\"unpinnedIndex + (pinnedSetRef?.size ?? 0)\"\n        :item=\"unpinnedItem\"\n        :showDragHandle=\"props.enableDragging\"\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        :isOpened=\"isOpened(unpinnedItem)\"\n\n        @remove=\"handleRemove\"\n        @toggle=\"handleToggle\"\n        @pin=\"handlePin\"\n        @toggleContent=\"handleToggleContent\"\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","pinnableSetRef","pinnedSetRef","toggableSetRef","toggledSetRef","props","slots","_useSlots","pinnedItemsRef","computed","isPinned","hasPinnedItems","unpinnedItemsRef","item","hasUnpinnedItems","openedSetRef","shallowRef","domProjectionItemsRef","pinnedContainerRef","unpinnedContainerRef","versionRef","oldVersion","currentVersion","shallowHash","lastSortedVersion","createSortable","toggler","elRef","getOffset","sortable","useSortable","evt","_a","moveItems","watch","on","oldIndex","newIndex","afterUpdateDom","moveElements","optionalUpdateRef","isDraggable","isToggable","isNil","isToggled","isPinnable","isOpened","isRemovable","handleToggle","index","toggled","handlePin","pinned","alreadyPinned","handleRemove","_b","_c","handleToggleContent","opened","getKey","pinnedKeysRef","unpinnedKeysRef"],"mappings":"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"}

package/dist/components/PlElementList/PlElementList.vue3.js

@@ -1,13 +0,0 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.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(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();
-const t = "_root_1inp1_2", o = "_list_1inp1_2", i = "_item_1inp1_9", s = {
-  root: t,
-  list: o,
-  item: i
-};
-export {
-  s as default,
-  i as item,
-  o as list,
-  t as root
-};
-//# sourceMappingURL=PlElementList.vue3.js.map

package/dist/components/PlElementList/PlElementListItem.vue.d.ts

@@ -1,55 +0,0 @@
-declare const _default: <T extends unknown = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
-        readonly onToggle?: ((item: T, index: number) => any) | undefined;
-        readonly onPin?: ((item: T, index: number) => any) | undefined;
-        readonly onRemove?: ((item: T, index: number) => any) | undefined;
-        readonly onToggleContent?: ((item: T, index: number) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onToggle" | "onPin" | "onRemove" | "onToggleContent"> & {
-        item: T;
-        index: number;
-        showDragHandle: boolean;
-        isDraggable: boolean;
-        isRemovable: boolean;
-        isToggable: boolean;
-        isToggled: boolean;
-        isPinnable: boolean;
-        isPinned: boolean;
-        isOpened: boolean;
-    } & Partial<{}>> & import('vue').PublicProps;
-    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
-    attrs: any;
-    slots: Readonly<{
-        title: (props: {
-            item: T;
-            index: number;
-        }) => unknown;
-        content?: (props: {
-            item: T;
-            index: number;
-        }) => unknown;
-    }> & {
-        title: (props: {
-            item: T;
-            index: number;
-        }) => unknown;
-        content?: (props: {
-            item: T;
-            index: number;
-        }) => unknown;
-    };
-    emit: {
-        (e: "toggle", item: T, index: number): void;
-        (e: "pin", item: T, index: number): void;
-        (e: "remove", item: T, index: number): void;
-        (e: "toggleContent", item: T, index: number): void;
-    };
-}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}> & {
-    __ctx?: Awaited<typeof __VLS_setup>;
-};
-export default _default;
-type __VLS_PrettifyLocal<T> = {
-    [K in keyof T]: T[K];
-} & {};
-//# sourceMappingURL=PlElementListItem.vue.d.ts.map

package/dist/components/PlElementList/PlElementListItem.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PlElementListItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlElementList/PlElementListItem.vue"],"names":[],"mappings":"yBAmOiB,CAAC,SAAS,OAAO,yBACpB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAqM1D,mBAAmB,CAAC;;;;;;cAlMpB,CAAC;eACA,MAAM;wBACG,OAAO;qBACV,OAAO;qBACP,OAAO;oBACR,OAAO;mBACR,OAAO;oBACN,OAAO;kBACT,OAAO;kBACP,OAAO;mBAyL2E,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;eAtLF,CAAC,KAAK,EAAE;YAAE,IAAI,EAAE,CAAC,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,KAAK,OAAO;kBAC3C,CAAC,KAAK,EAAE;YAAE,IAAI,EAAE,CAAC,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,KAAK,OAAO;;eADjD,CAAC,KAAK,EAAE;YAAE,IAAI,EAAE,CAAC,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,KAAK,OAAO;kBAC3C,CAAC,KAAK,EAAE;YAAE,IAAI,EAAE,CAAC,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,KAAK,OAAO;;;YAKpD,QAAQ,QAAQ,CAAC,SAAS,MAAM,GAAG,IAAI;YACvC,KAAK,QAAQ,CAAC,SAAS,MAAM,GAAG,IAAI;YACpC,QAAQ,QAAQ,CAAC,SAAS,MAAM,GAAG,IAAI;YACvC,eAAe,QAAQ,CAAC,SAAS,MAAM,GAAG,IAAI;;;;;YAkLR,OAAO,CAAC,OAAO,WAAW,CAAC;;AA/MvE,wBA+M4E;AAyB5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/PlElementList/PlElementListItem.vue.js

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

package/dist/components/PlElementList/PlElementListItem.vue2.js

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

package/dist/components/PlElementList/PlElementListItem.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PlElementListItem.vue2.js","sources":["../../../src/components/PlElementList/PlElementListItem.vue"],"sourcesContent":["<script generic=\"T extends unknown = unknown\" lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport { PlIcon16, PlIcon24 } from '@milaboratories/uikit';\n\nconst props = defineProps<{\n  item: T;\n  index: number;\n  showDragHandle: boolean;\n  isDraggable: boolean;\n  isRemovable: boolean;\n  isToggable: boolean;\n  isToggled: boolean;\n  isPinnable: boolean;\n  isPinned: boolean;\n  isOpened: 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: 'toggle', item: T, index: number): void;\n  (e: 'pin', item: T, index: number): void;\n  (e: 'remove', item: T, index: number): void;\n  (e: 'toggleContent', item: T, index: number): void;\n}>();\n</script>\n\n<template>\n  <div\n    :class=\"[$style.root, {\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=\"emit('toggleContent', 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 :class=\"[$style.contentChevron, { [$style.opened]: props.isOpened }]\" 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 && isOpened\" :class=\"$style.body\">\n      <slot name=\"content\" :item=\"props.item\" :index=\"props.index\" />\n    </div>\n  </div>\n</template>\n\n<style module>\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\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\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: block;\n  max-width: calc(100% - 50px);\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.body {\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":";;;;;;;;;;;;;;;;;;;;AAIA,UAAMA,IAAQC,GAaRC,IAAQC,EAGV,GACEC,IAAiBC,EAAS,MAAMH,EAAM,YAAe,MAAS,GAE9DI,IAAOC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/PlElementList/PlElementListItem.vue3.js

@@ -1,37 +0,0 @@
-(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode("._root_1sir1_2{--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_1sir1_2.sortable-drag,._root_1sir1_2.sortable-chosen{--head-background: var(--gradient-light-lime);--border-color: var(--border-color-focus);--box-shadow: var(--box-shadow-active) }._root_1sir1_2{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)}._root_1sir1_2:hover{--border-color: var(--border-color-focus)}._root_1sir1_2._disabled_1sir1_30{opacity:.6;filter:grayscale(1)}._root_1sir1_2._pinned_1sir1_35{--background: var(--bg-base-light)}._head_1sir1_40{position:relative;display:flex;align-items:center;padding:8px;border-radius:var(--border-radius) var(--border-radius) 0 0;background:var(--head-background)}._head_1sir1_40:hover,._head_1sir1_40._opened_1sir1_48{--head-background: var(--gradient-light-lime)}._contentChevron_1sir1_53{display:block;width:16px;height:16px;margin-right:4px;transform:rotate(-90deg);transition:transform .15s}._contentChevron_1sir1_53._opened_1sir1_48{transform:rotate(0)}._title_1sir1_66{display:block;max-width:calc(100% - 50px);overflow:hidden;text-overflow:ellipsis}._body_1sir1_73{padding:24px;border-radius:0 0 var(--border-radius) var(--border-radius)}._actions_1sir1_78{position:absolute;top:8px;right:8px;display:flex;align-items:center;background-color:var(--background);border-radius:var(--border-radius)}._action_1sir1_78{width:24px;height:24px;padding:4px;opacity:.6;border-radius:var(--border-radius);transition:all .15s}._action_1sir1_78 svg{width:16px;height:16px}._action_1sir1_78:hover{opacity:1;background-color:var(--bg-elevated-02)}._action_1sir1_78._activated_1sir1_106{opacity:.8}._action_1sir1_78._disable_1sir1_30{cursor:not-allowed;opacity:.4}._clickable_1sir1_116{cursor:pointer}._draggable_1sir1_120{cursor:grab}._showOnHover_1sir1_124{opacity:0;transition:opacity .15s}._root_1sir1_2:hover ._showOnHover_1sir1_124{opacity:1}")),document.head.appendChild(r)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
-const o = "_root_1sir1_2", t = "_disabled_1sir1_30", s = "_pinned_1sir1_35", _ = "_head_1sir1_40", n = "_opened_1sir1_48", e = "_contentChevron_1sir1_53", i = "_title_1sir1_66", c = "_body_1sir1_73", a = "_actions_1sir1_78", d = "_action_1sir1_78", r = "_activated_1sir1_106", l = "_disable_1sir1_30", b = "_clickable_1sir1_116", h = "_draggable_1sir1_120", v = "_showOnHover_1sir1_124", p = {
-  root: o,
-  disabled: t,
-  pinned: s,
-  head: _,
-  opened: n,
-  contentChevron: e,
-  title: i,
-  body: c,
-  actions: a,
-  action: d,
-  activated: r,
-  disable: l,
-  clickable: b,
-  draggable: h,
-  showOnHover: v
-};
-export {
-  d as action,
-  a as actions,
-  r as activated,
-  c as body,
-  b as clickable,
-  e as contentChevron,
-  p as default,
-  l as disable,
-  t as disabled,
-  h as draggable,
-  _ as head,
-  n as opened,
-  s as pinned,
-  o as root,
-  v as showOnHover,
-  i as title
-};
-//# sourceMappingURL=PlElementListItem.vue3.js.map

package/dist/components/PlElementList/PlElementListItem.vue3.js.map

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

package/dist/components/PlElementList/index.d.ts

@@ -1,2 +0,0 @@
-export { default as PlElementList } from './PlElementList.vue';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/PlElementList/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PlElementList/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/PlElementList/utils.d.ts

@@ -1,3 +0,0 @@
-export declare const moveElements: <T>(array: T[], from: number, to: number) => T[];
-export declare function optionalUpdateRef<T>(ref: T): void;
-//# sourceMappingURL=utils.d.ts.map

package/dist/components/PlElementList/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/PlElementList/utils.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,CAAC,EAAE,QAAQ,MAAM,MAAM,MAAM,KAAG,CAAC,EAOvE,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,QAI1C"}