@milaboratories/uikit 2.6.2 → 2.6.3

package/dist/components/PlDropdownRef/PlDropdownRef.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as i, useSlots as p, computed as s, createBlock as u, openBlock as f, unref as a, mergeProps as m, createSlots as c, withCtx as g, renderSlot as b } from "vue";
+import { defineComponent as r, useSlots as s, computed as p, createBlock as u, openBlock as f, unref as a, mergeProps as m, createSlots as c, withCtx as g, renderSlot as b } from "vue";
 import v from "../PlDropdown/PlDropdown.vue.js";
 const k = {
   name: "PlDropdownRef"
-}, h = /* @__PURE__ */ i({
+}, w = /* @__PURE__ */ r({
   ...k,
   props: {
     modelValue: {},
@@ -18,11 +18,11 @@ const k = {
     optionSize: { default: "small" }
   },
   emits: ["update:modelValue"],
-  setup(t) {
-    const n = p(), l = t, r = s(
+  setup(l) {
+    const n = s(), t = l, d = p(
       () => {
         var o;
-        return (o = l.options) == null ? void 0 : o.map(
+        return (o = t.options) == null ? void 0 : o.map(
           (e) => "ref" in e ? {
             label: e.label,
             value: e.ref,
@@ -31,11 +31,11 @@ const k = {
         );
       }
     );
-    return (o, e) => (f(), u(a(v), m(l, {
-      options: r.value,
-      "loading-options-helper": o.loadingOptionsHelper,
-      "arrow-icon-large": o.disabled ? "link-disabled" : "link",
-      "onUpdate:modelValue": e[0] || (e[0] = (d) => o.$emit("update:modelValue", d))
+    return (o, e) => (f(), u(a(v), m(t, {
+      options: d.value,
+      "loading-options-helper": l.loadingOptionsHelper,
+      "arrow-icon-large": l.disabled ? "link-disabled" : "link",
+      "onUpdate:modelValue": e[0] || (e[0] = (i) => o.$emit("update:modelValue", i))
     }), c({ _: 2 }, [
       a(n).tooltip ? {
         name: "tooltip",
@@ -48,6 +48,6 @@ const k = {
   }
 });
 export {
-  h as default
+  w as default
 };
 //# sourceMappingURL=PlDropdownRef.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlDropdownRef.vue.js","sources":["../../../src/components/PlDropdownRef/PlDropdownRef.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * A component for selecting one value from a list of options\n */\nexport default {\n  name: 'PlDropdownRef',\n};\n</script>\n\n<script lang=\"ts\" setup generic=\"M = ModelRef\">\nimport { computed, useSlots } from 'vue';\nimport type { ListOption, ModelRef, RefOption } from '../../types';\nimport { PlDropdown } from '../PlDropdown';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst slots: any = useSlots();\n\ndefineEmits<{\n  /**\n   * Emitted when the model value is updated.\n   */\n  (e: 'update:modelValue', value: M | undefined): void;\n}>();\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * The current selected ref of the dropdown.\n     */\n    modelValue: M | undefined;\n    /**\n     * The label text for the dropdown field (optional)\n     */\n    label?: string;\n    /**\n     * List of available ref options for the dropdown\n     */\n    options?: Readonly<RefOption[] | ListOption<M>[]>;\n    /**\n     * A helper text displayed below the dropdown when there are no errors (optional).\n     */\n    helper?: string;\n    /**\n     * A helper text displayed below the dropdown when there are no options yet or options is undefined (optional).\n     */\n    loadingOptionsHelper?: string;\n    /**\n     * Error message displayed below the dropdown (optional)\n     */\n    error?: unknown;\n    /**\n     * Placeholder text shown when no value is selected.\n     */\n    placeholder?: string;\n    /**\n     * Enables a button to clear the selected value (default: false)\n     */\n    clearable?: boolean;\n    /**\n     * If `true`, the dropdown component is marked as required.\n     */\n    required?: boolean;\n    /**\n     * If `true`, the dropdown component is disabled and cannot be interacted with.\n     */\n    disabled?: boolean;\n    /**\n     * Option list item size\n     */\n    optionSize?: 'small' | 'medium';\n  }>(),\n  {\n    label: '',\n    helper: undefined,\n    loadingOptionsHelper: undefined,\n    error: undefined,\n    placeholder: '...',\n    clearable: false,\n    required: false,\n    disabled: false,\n    arrowIcon: undefined,\n    optionSize: 'small',\n    options: undefined,\n  },\n);\n\nconst options = computed(() =>\n  props.options?.map((opt) =>\n    'ref' in opt\n      ? {\n          label: opt.label,\n          value: opt.ref,\n          group: opt.group,\n        } as ListOption<M>\n      : opt,\n  ),\n);\n</script>\n\n<template>\n  <PlDropdown\n    v-bind=\"props\"\n    :options=\"options\"\n    :loading-options-helper=\"loadingOptionsHelper\"\n    :arrow-icon-large=\"disabled ? 'link-disabled' : 'link'\"\n    @update:model-value=\"$emit('update:modelValue', $event)\"\n  >\n    <template v-if=\"slots.tooltip\" #tooltip>\n      <slot name=\"tooltip\" />\n    </template>\n  </PlDropdown>\n</template>\n"],"names":["__default__","slots","useSlots","props","__props","options","computed","_a","opt"],"mappings":";;AAIA,MAAAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;;;;;;;;;;;AASA,UAAMC,IAAaC,EAAA,GASbC,IAAQC,GA8DRC,IAAUC;AAAA,MAAS,MAAA;;AACvB,gBAAAC,IAAAJ,EAAM,YAAN,gBAAAI,EAAe;AAAA,UAAI,CAACC,MAClB,SAASA,IACL;AAAA,YACE,OAAOA,EAAI;AAAA,YACX,OAAOA,EAAI;AAAA,YACX,OAAOA,EAAI;AAAA,UAAA,IAEbA;AAAA;AAAA;AAAA,IACN;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlDropdownRef.vue.js","sources":["../../../src/components/PlDropdownRef/PlDropdownRef.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * A component for selecting one value from a list of options\n */\nexport default {\n  name: 'PlDropdownRef',\n};\n</script>\n\n<script lang=\"ts\" setup generic=\"M = ModelRef\">\nimport { computed, useSlots } from 'vue';\nimport type { ListOption, ModelRef, RefOption } from '../../types';\nimport { PlDropdown } from '../PlDropdown';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst slots: any = useSlots();\n\ndefineEmits<{\n  /**\n   * Emitted when the model value is updated.\n   */\n  (e: 'update:modelValue', value: M | undefined): void;\n}>();\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * The current selected ref of the dropdown.\n     */\n    modelValue: M | undefined;\n    /**\n     * The label text for the dropdown field (optional)\n     */\n    label?: string;\n    /**\n     * List of available ref options for the dropdown\n     */\n    options?: Readonly<RefOption[] | ListOption<M>[]>;\n    /**\n     * A helper text displayed below the dropdown when there are no errors (optional).\n     */\n    helper?: string;\n    /**\n     * A helper text displayed below the dropdown when there are no options yet or options is undefined (optional).\n     */\n    loadingOptionsHelper?: string;\n    /**\n     * Error message displayed below the dropdown (optional)\n     */\n    error?: unknown;\n    /**\n     * Placeholder text shown when no value is selected.\n     */\n    placeholder?: string;\n    /**\n     * Enables a button to clear the selected value (default: false)\n     */\n    clearable?: boolean;\n    /**\n     * If `true`, the dropdown component is marked as required.\n     */\n    required?: boolean;\n    /**\n     * If `true`, the dropdown component is disabled and cannot be interacted with.\n     */\n    disabled?: boolean;\n    /**\n     * Option list item size\n     */\n    optionSize?: 'small' | 'medium';\n  }>(),\n  {\n    label: '',\n    helper: undefined,\n    loadingOptionsHelper: undefined,\n    error: undefined,\n    placeholder: '...',\n    clearable: false,\n    required: false,\n    disabled: false,\n    arrowIcon: undefined,\n    optionSize: 'small',\n    options: undefined,\n  },\n);\n\nconst options = computed(() =>\n  props.options?.map((opt) =>\n    'ref' in opt\n      ? {\n          label: opt.label,\n          value: opt.ref,\n          group: opt.group,\n        } as ListOption<M>\n      : opt,\n  ),\n);\n</script>\n\n<template>\n  <PlDropdown\n    v-bind=\"props\"\n    :options=\"options\"\n    :loading-options-helper=\"loadingOptionsHelper\"\n    :arrow-icon-large=\"disabled ? 'link-disabled' : 'link'\"\n    @update:model-value=\"$emit('update:modelValue', $event)\"\n  >\n    <template v-if=\"slots.tooltip\" #tooltip>\n      <slot name=\"tooltip\" />\n    </template>\n  </PlDropdown>\n</template>\n"],"names":["__default__","slots","useSlots","props","__props","options","computed","_a","opt","_createBlock","_unref","PlDropdown","_mergeProps","_cache","$event","$emit","_renderSlot","_ctx"],"mappings":";;AAIA,MAAAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;;;;;;;;;;;AASA,UAAMC,IAAaC,EAAA,GASbC,IAAQC,GA8DRC,IAAUC;AAAA,MAAS,MAAA;;AACvB,gBAAAC,IAAAJ,EAAM,YAAN,gBAAAI,EAAe;AAAA,UAAI,CAACC,MAClB,SAASA,IACL;AAAA,YACE,OAAOA,EAAI;AAAA,YACX,OAAOA,EAAI;AAAA,YACX,OAAOA,EAAI;AAAA,UAAA,IAEbA;AAAA;AAAA;AAAA,IACN;2BAKAC,EAUaC,EAAAC,CAAA,GAVbC,EAUaT,GATE;AAAA,MACZ,SAASE,EAAA;AAAA,MACT,0BAAwBD,EAAA;AAAA,MACxB,oBAAkBA,EAAA,WAAQ,kBAAA;AAAA,MAC1B,uBAAkBS,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEC,EAAAA,MAAK,qBAAsBD,CAAM;AAAA,IAAA;MAEtCJ,EAAAT,CAAA,EAAM;cAAU;AAAA,cAC9B,MAAuB;AAAA,UAAvBe,EAAuBC,EAAA,QAAA,SAAA;AAAA,QAAA;;;;;;"}

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

@@ -32,8 +32,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
-    maxWidth: string;
     placeholder: string;
+    maxWidth: string;
     prefix: string;
     maxLength: number;
     minLength: number;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"PlEditableTitle.vue.js","sources":["../../../src/components/PlEditableTitle/PlEditableTitle.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useTransformedModel } from '../../composition/useTransformedModel';\nimport style from './pl-editable-title.module.scss';\nimport { computed, onMounted, ref } from 'vue';\n\nconst model = defineModel<string>();\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * Standard input placeholder\n     */\n    placeholder?: string;\n    /**\n     * Any css `width` value (px, %), default is 80%\n     */\n    maxWidth?: string;\n    /**\n     * Fixed non-editable prefix\n     */\n    prefix?: string;\n    /**\n     * Max title length (default is 1000)\n     */\n    maxLength?: number;\n    /**\n     * Min title length\n     */\n    minLength?: number;\n    /**\n     * If true, input will be focused on mount\n     */\n    autofocus?: boolean;\n  }>(),\n  {\n    placeholder: 'Title',\n    maxWidth: '80%',\n    prefix: undefined,\n    maxLength: 1000,\n    minLength: undefined,\n  },\n);\n\nconst local = useTransformedModel(model, {\n  update() {\n    return false;\n  },\n  parse: (v): string => {\n    if (typeof v !== 'string') {\n      throw Error('value should be a string');\n    }\n\n    if (props.maxLength && v.length > props.maxLength) {\n      throw Error(`Max title length is ${props.maxLength} characters`);\n    }\n\n    if (props.minLength && v.length < props.minLength) {\n      throw Error(`Min title length is ${props.minLength} characters`);\n    }\n\n    return v.trim();\n  },\n});\n\nconst inputRef = ref<HTMLInputElement>();\n\nconst computedStyle = computed(() => ({\n  maxWidth: props.maxWidth ?? '80%',\n}));\n\nconst save = () => {\n  model.value = local.value && !local.error ? local.value : model.value;\n  local.reset();\n};\n\nonMounted(() => {\n  if (props.autofocus) {\n    inputRef.value?.focus();\n  }\n});\n\n</script>\n\n<template>\n  <div class=\"pl-editable-title\" :class=\"style.component\" :style=\"computedStyle\">\n    <div :class=\"style.container\" @click=\"() => inputRef?.focus()\">\n      <span v-if=\"prefix\">{{ prefix.trim() }}&nbsp;</span>\n      <input\n        ref=\"inputRef\"\n        v-model=\"local.value\"\n        :placeholder=\"placeholder\"\n        @focusout=\"save\"\n        @keydown.escape=\"local.reset\"\n        @keydown.enter=\"(ev) => (ev.target as HTMLInputElement)?.blur()\"\n      />\n    </div>\n    <div v-if=\"local.error\" :class=\"style.error\">{{ local.error }}</div>\n  </div>\n</template>\n"],"names":["model","_useModel","__props","props","local","useTransformedModel","v","inputRef","ref","computedStyle","computed","save","onMounted","_a"],"mappings":";;;;;;;;;;;;;;;;;;AAKA,UAAMA,IAAQC,EAAmBC,GAAA,YAAC,GAE5BC,IAAQD,GAoCRE,IAAQC,EAAoBL,GAAO;AAAA,MACvC,SAAS;AACP,eAAO;AAAA,MACT;AAAA,MACA,OAAO,CAACM,MAAc;AACpB,YAAI,OAAOA,KAAM;AACf,gBAAM,MAAM,0BAA0B;AAGxC,YAAIH,EAAM,aAAaG,EAAE,SAASH,EAAM;AACtC,gBAAM,MAAM,uBAAuBA,EAAM,SAAS,aAAa;AAGjE,YAAIA,EAAM,aAAaG,EAAE,SAASH,EAAM;AACtC,gBAAM,MAAM,uBAAuBA,EAAM,SAAS,aAAa;AAGjE,eAAOG,EAAE,KAAA;AAAA,MACX;AAAA,IAAA,CACD,GAEKC,IAAWC,EAAA,GAEXC,IAAgBC,EAAS,OAAO;AAAA,MACpC,UAAUP,EAAM,YAAY;AAAA,IAAA,EAC5B,GAEIQ,IAAO,MAAM;AACjB,MAAAX,EAAM,QAAQI,EAAM,SAAS,CAACA,EAAM,QAAQA,EAAM,QAAQJ,EAAM,OAChEI,EAAM,MAAA;AAAA,IACR;AAEA,WAAAQ,EAAU,MAAM;;AACd,MAAIT,EAAM,eACRU,IAAAN,EAAS,UAAT,QAAAM,EAAgB;AAAA,IAEpB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlEditableTitle.vue.js","sources":["../../../src/components/PlEditableTitle/PlEditableTitle.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useTransformedModel } from '../../composition/useTransformedModel';\nimport style from './pl-editable-title.module.scss';\nimport { computed, onMounted, ref } from 'vue';\n\nconst model = defineModel<string>();\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * Standard input placeholder\n     */\n    placeholder?: string;\n    /**\n     * Any css `width` value (px, %), default is 80%\n     */\n    maxWidth?: string;\n    /**\n     * Fixed non-editable prefix\n     */\n    prefix?: string;\n    /**\n     * Max title length (default is 1000)\n     */\n    maxLength?: number;\n    /**\n     * Min title length\n     */\n    minLength?: number;\n    /**\n     * If true, input will be focused on mount\n     */\n    autofocus?: boolean;\n  }>(),\n  {\n    placeholder: 'Title',\n    maxWidth: '80%',\n    prefix: undefined,\n    maxLength: 1000,\n    minLength: undefined,\n  },\n);\n\nconst local = useTransformedModel(model, {\n  update() {\n    return false;\n  },\n  parse: (v): string => {\n    if (typeof v !== 'string') {\n      throw Error('value should be a string');\n    }\n\n    if (props.maxLength && v.length > props.maxLength) {\n      throw Error(`Max title length is ${props.maxLength} characters`);\n    }\n\n    if (props.minLength && v.length < props.minLength) {\n      throw Error(`Min title length is ${props.minLength} characters`);\n    }\n\n    return v.trim();\n  },\n});\n\nconst inputRef = ref<HTMLInputElement>();\n\nconst computedStyle = computed(() => ({\n  maxWidth: props.maxWidth ?? '80%',\n}));\n\nconst save = () => {\n  model.value = local.value && !local.error ? local.value : model.value;\n  local.reset();\n};\n\nonMounted(() => {\n  if (props.autofocus) {\n    inputRef.value?.focus();\n  }\n});\n\n</script>\n\n<template>\n  <div class=\"pl-editable-title\" :class=\"style.component\" :style=\"computedStyle\">\n    <div :class=\"style.container\" @click=\"() => inputRef?.focus()\">\n      <span v-if=\"prefix\">{{ prefix.trim() }}&nbsp;</span>\n      <input\n        ref=\"inputRef\"\n        v-model=\"local.value\"\n        :placeholder=\"placeholder\"\n        @focusout=\"save\"\n        @keydown.escape=\"local.reset\"\n        @keydown.enter=\"(ev) => (ev.target as HTMLInputElement)?.blur()\"\n      />\n    </div>\n    <div v-if=\"local.error\" :class=\"style.error\">{{ local.error }}</div>\n  </div>\n</template>\n"],"names":["model","_useModel","__props","props","local","useTransformedModel","v","inputRef","ref","computedStyle","computed","save","onMounted","_a","_createElementBlock","_normalizeClass","_unref","style","_createElementVNode","_cache","_openBlock","_hoisted_1","_toDisplayString","$event","args","_withKeys","ev","_vModelText"],"mappings":";;;;;;;;;;;;;;;;;;AAKA,UAAMA,IAAQC,EAAmBC,GAAA,YAAC,GAE5BC,IAAQD,GAoCRE,IAAQC,EAAoBL,GAAO;AAAA,MACvC,SAAS;AACP,eAAO;AAAA,MACT;AAAA,MACA,OAAO,CAACM,MAAc;AACpB,YAAI,OAAOA,KAAM;AACf,gBAAM,MAAM,0BAA0B;AAGxC,YAAIH,EAAM,aAAaG,EAAE,SAASH,EAAM;AACtC,gBAAM,MAAM,uBAAuBA,EAAM,SAAS,aAAa;AAGjE,YAAIA,EAAM,aAAaG,EAAE,SAASH,EAAM;AACtC,gBAAM,MAAM,uBAAuBA,EAAM,SAAS,aAAa;AAGjE,eAAOG,EAAE,KAAA;AAAA,MACX;AAAA,IAAA,CACD,GAEKC,IAAWC,EAAA,GAEXC,IAAgBC,EAAS,OAAO;AAAA,MACpC,UAAUP,EAAM,YAAY;AAAA,IAAA,EAC5B,GAEIQ,IAAO,MAAM;AACjB,MAAAX,EAAM,QAAQI,EAAM,SAAS,CAACA,EAAM,QAAQA,EAAM,QAAQJ,EAAM,OAChEI,EAAM,MAAA;AAAA,IACR;AAEA,WAAAQ,EAAU,MAAM;;AACd,MAAIT,EAAM,eACRU,IAAAN,EAAS,UAAT,QAAAM,EAAgB;AAAA,IAEpB,CAAC,mBAKCC,EAaM,OAAA;AAAA,MAbD,OAAKC,EAAA,CAAC,qBAA4BC,EAAAC,CAAA,EAAM,SAAS,CAAA;AAAA,MAAG,SAAOR,EAAA,KAAa;AAAA,IAAA;MAC3ES,EAUM,OAAA;AAAA,QAVA,OAAKH,EAAEC,EAAAC,CAAA,EAAM,SAAS;AAAA,QAAG,SAAKE,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,MAAA;;AAAQ,kBAAAN,IAAAN,EAAA,UAAA,gBAAAM,EAAU;AAAA;AAAA,MAAK;QAC7CX,EAAA,UAAZkB,EAAA,GAAAN,EAAoD,QAAAO,GAAAC,EAA7BpB,EAAA,OAAO,KAAA,KAAS,KAAM,CAAA;UAC7CgB,EAOE,SAAA;AAAA,mBANI;AAAA,UAAJ,KAAIX;AAAA,UACK,uBAAAY,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAI,MAAAP,EAAAZ,CAAA,EAAM,QAAKmB;AAAA,UACnB,aAAarB,EAAA;AAAA,UACb,YAAUS;AAAA,UACV,WAAO;AAAA;;cAAS,IAAAa,MAAAR,EAAAZ,CAAA,EAAM,SAANY,EAAAZ,CAAA,EAAM,MAAK,GAAAoB,CAAA;AAAA,cAAA,CAAA,QAAA;AAAA,YAAA;AAAA,YACXL,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAM,EAAA,CAAAC,MAAA;;AAAQ,sBAAAb,IAAAa,EAAG,WAAH,gBAAAb,EAAgC;AAAA,eAAI,CAAA,OAAA,CAAA;AAAA,UAAA;AAAA;UAJpD,CAAAc,GAAAX,EAAAZ,CAAA,EAAM,KAAK;AAAA,QAAA;;MAObY,EAAAZ,CAAA,EAAM,cAAjBU,EAAoE,OAAA;AAAA;QAA3C,OAAKC,EAAEC,EAAAC,CAAA,EAAM,KAAK;AAAA,MAAA,GAAKK,EAAAN,EAAAZ,CAAA,EAAM,KAAK,GAAA,CAAA;;;;"}

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

@@ -1 +1 @@
-{"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 { isFunction, shallowHash } from '@milaboratories/helpers';\nimport { useSortable } from '@vueuse/integrations/useSortable';\nimport { type SortableEvent } from 'sortablejs';\nimport type { ShallowRef } from 'vue';\nimport { computed, shallowRef, watch } from 'vue';\nimport PlElementListItem from './PlElementListItem.vue';\nimport { moveElements } from './utils.ts';\n\nconst itemsRef = defineModel<T[]>('items', { required: true });\n\nconst props = withDefaults(\n  defineProps<{\n    getItemKey?: (item: T, index: number) => K;\n\n    itemClass?: string | string[] | ((item: T, index: number) => string | string[]);\n    itemClassTitle?: string | string[] | ((item: T, index: number) => string | string[]);\n    itemClassBefore?: string | string[] | ((item: T, index: number) => string | string[]);\n    itemClassAfter?: string | string[] | ((item: T, index: number) => string | string[]);\n    itemClassContent?: string | string[] | ((item: T, index: number) => string | string[]);\n    isActive?: (item: T, index: number) => boolean;\n\n    disableDragging?: boolean;\n    isDraggable?: (item: T, index: number) => boolean;\n    onDragEnd?: (oldIndex: number, newIndex: number) => void | boolean;\n    onSort?: (oldIndex: number, newIndex: number) => void | boolean;\n\n    disableRemoving?: boolean;\n    isRemovable?: (item: T, index: number) => boolean;\n    onRemove?: (item: T, index: number) => void | boolean;\n\n    disableExpanding?: boolean;\n    isExpandable?: (item: T, index: number) => boolean;\n    isExpanded?: (item: T, index: number) => boolean;\n    onExpand?: (item: T, index: number) => unknown;\n\n    disableToggling?: boolean;\n    isToggable?: (item: T, index: number) => boolean;\n    isToggled?: (item: T, index: number) => boolean;\n    onToggle?: (item: T, index: number) => unknown;\n\n    disablePinning?: boolean;\n    isPinnable?: (item: T, index: number) => boolean;\n    isPinned?: (item: T, index: number) => boolean;\n    onPin?: (item: T, index: number) => void | boolean;\n  }>(), {\n    getItemKey: (item: T) => JSON.stringify(item) as K,\n\n    itemClass: undefined,\n    itemClassTitle: undefined,\n    itemClassContent: undefined,\n    itemClassBefore: undefined,\n    itemClassAfter: undefined,\n    isActive: undefined,\n\n    disableDragging: undefined,\n    isDraggable: undefined,\n    onDragEnd: undefined,\n    onSort: undefined,\n\n    disableRemoving: undefined,\n    isRemovable: undefined,\n    onRemove: undefined,\n\n    disableExpanding: undefined,\n    isExpandable: undefined,\n    isExpanded: undefined,\n    onExpand: undefined,\n\n    disableToggling: undefined,\n    isToggable: undefined,\n    isToggled: undefined,\n    onToggle: undefined,\n\n    disablePinning: undefined,\n    isPinnable: undefined,\n    isPinned: 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  ['item-before']?: (props: { item: T; index: number }) => unknown;\n  ['item-after']?: (props: { item: T; index: number }) => unknown;\n}>();\n\nconst dndSortingEnabled = computed((): boolean => {\n  return props.disableDragging !== true;\n});\n\nconst pinnedItemsRef = computed(() => itemsRef.value.filter(isPinnedItem));\nconst hasPinnedItems = computed(() => pinnedItemsRef.value.length > 0);\n\nconst unpinnedItemsRef = computed(() => itemsRef.value.filter((item, index) => !isPinnedItem(item, index)));\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\nconst getKey = (item: T, index: number) => {\n  return `${versionRef.value}-${props.getItemKey(item, index)}`;\n};\nconst pinnedKeysRef = computed(() => pinnedItemsRef.value.map(getKey));\nconst unpinnedKeysRef = computed(() => unpinnedItemsRef.value.map(getKey));\n\n// version fix problem with sync between data and rendered values when items have been changed\nconst versionRef = computed<number>((oldVersion) => {\n  const currentKeys = itemsRef.value.map(props.getItemKey);\n\n  if (domProjectionItemsRef.value === undefined) return oldVersion ?? shallowHash(...currentKeys);\n  if (currentKeys.length !== domProjectionItemsRef.value.length) return shallowHash(...currentKeys);\n\n  const domProjectionKeys = domProjectionItemsRef.value.map(props.getItemKey);\n  const domProjectionKeysSet = new Set(domProjectionKeys);\n\n  for (let i = 0; i < currentKeys.length; i++) {\n    const hasInconsistentPosition = domProjectionKeysSet.has(currentKeys[i]) && domProjectionKeys[i] !== currentKeys[i];\n\n    if (hasInconsistentPosition) {\n      return shallowHash(...currentKeys);\n    }\n  }\n\n  return oldVersion ?? shallowHash(...currentKeys);\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(\n    [elRef, () => props.disableDragging, toggler],\n    ([elRef, disabled, on]) => {\n      if (!elRef || disabled || !on) {\n        sortable.stop();\n      } else {\n        sortable.start();\n      }\n    },\n    { immediate: true },\n  );\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  }\n}\n\nfunction isActiveItem(item: T, index: number): boolean {\n  return props.isActive?.(item, index) ?? false;\n}\n\nfunction isDraggableItem(item: T, index: number): boolean {\n  if (props.disableDragging === true) return false;\n  return (props.isDraggable?.(item, index) ?? true);\n}\n\nfunction isRemovableItem(item: T, index: number): boolean {\n  if (props.disableRemoving === true) return false;\n  return (props.isRemovable?.(item, index) ?? true);\n}\n\nfunction isToggableItem(item: T, index: number): boolean {\n  if (props.disableToggling === true) return false;\n  return (props.isToggable?.(item, index) ?? (isFunction(props.isToggled) || isFunction(props.onToggle)));\n}\n\nfunction isToggledItem(item: T, index: number): boolean {\n  return props.isToggled?.(item, index) ?? false;\n}\n\nfunction isPinnableItem(item: T, index: number): boolean {\n  if (props.disablePinning === true) return false;\n  return (props.isPinnable?.(item, index) ?? (isFunction(props.isPinned) || isFunction(props.onPin)));\n}\n\nfunction isPinnedItem(item: T, index: number): boolean {\n  return props.isPinned?.(item, index) ?? false;\n}\n\nfunction isExpandableItem(item: T, index: number): boolean {\n  if (props.disableExpanding === true) return false;\n  return (props.isExpandable?.(item, index) ?? (isFunction(props.isExpanded) || isFunction(props.onExpand)));\n}\n\nfunction isExpandedItem(item: T, index: number): boolean {\n  return props.isExpanded?.(item, index) ?? false;\n}\n\nfunction handleExpand(item: T, index: number) {\n  props.onExpand?.(item, index);\n}\n\nfunction handleToggle(item: T, index: number) {\n  props.onToggle?.(item, index);\n}\n\nfunction handlePin(item: T, index: number) {\n  if (index === -1) {\n    throw new Error('Pinnable item not found');\n  }\n\n  const alreadyPinned = pinnedItemsRef.value.includes(item);\n\n  if (props.onPin?.(item, index) === false) return;\n\n  moveItems(index, pinnedItemsRef.value.length + (alreadyPinned ? 0 : -1), false);\n}\n\nfunction handleRemove(item: T, index: number) {\n  if (props.onRemove?.(item, index) === false) return;\n  itemsRef.value.splice(index, 1);\n}\n\nfunction getClassFunction(propsItemClass: string | string[] | ((item: T, index: number) => string | string[]) | undefined): (item: T, index: number) => null | string | string[] {\n  return (item: T, index: number): null | string | string[] => {\n    if (typeof propsItemClass === 'function') {\n      return propsItemClass(item, index);\n    }\n    return propsItemClass ?? null;\n  };\n}\nconst getItemClass = getClassFunction(props.itemClass);\nconst getItemClassTitle = getClassFunction(props.itemClassTitle);\nconst getItemClassContent = getClassFunction(props.itemClassContent);\nconst getItemClassBefore = getClassFunction(props.itemClassBefore);\nconst getItemClassAfter = getClassFunction(props.itemClassAfter);\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        :titleClass=\"getItemClassTitle(pinnedItem, pinnedIndex)\"\n        :contentClass=\"getItemClassContent(pinnedItem, pinnedIndex)\"\n        :beforeClass=\"getItemClassBefore(pinnedItem, pinnedIndex)\"\n        :afterClass=\"getItemClassAfter(pinnedItem, pinnedIndex)\"\n\n        :index=\"pinnedIndex\"\n        :item=\"pinnedItem\"\n        :showDragHandle=\"dndSortingEnabled\"\n        :isActive=\"isActiveItem(pinnedItem, pinnedIndex)\"\n        :isDraggable=\"isDraggableItem(pinnedItem, pinnedIndex)\"\n        :isRemovable=\"isRemovableItem(pinnedItem, pinnedIndex)\"\n        :isToggable=\"isToggableItem(pinnedItem, pinnedIndex)\"\n        :isToggled=\"isToggledItem(pinnedItem, pinnedIndex)\"\n        :isPinnable=\"isPinnableItem(pinnedItem, pinnedIndex)\"\n        :isPinned=\"true\"\n        :isExpandable=\"isExpandableItem(pinnedItem, pinnedIndex)\"\n        :isExpanded=\"isExpandedItem(pinnedItem, pinnedIndex)\"\n\n        @click=\"emits('itemClick', pinnedItem)\"\n        @remove=\"handleRemove\"\n        @toggle=\"handleToggle\"\n        @pin=\"handlePin\"\n        @expand=\"handleExpand\"\n      >\n        <template v-if=\"slots['item-before']\" #before=\"{ item, index }\">\n          <slot :index=\"index\" :item=\"item\" name=\"item-before\" />\n        </template>\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        <template v-if=\"slots['item-after']\" #after=\"{ item, index }\">\n          <slot :index=\"index\" :item=\"item\" name=\"item-after\" />\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        :titleClass=\"getItemClassTitle(unpinnedItem, unpinnedIndex)\"\n        :contentClass=\"getItemClassContent(unpinnedItem, unpinnedIndex)\"\n        :beforeClass=\"getItemClassBefore(unpinnedItem, unpinnedIndex)\"\n        :afterClass=\"getItemClassAfter(unpinnedItem, unpinnedIndex)\"\n\n        :index=\"unpinnedIndex + (pinnedItemsRef?.length ?? 0)\"\n        :item=\"unpinnedItem\"\n        :showDragHandle=\"dndSortingEnabled\"\n        :isActive=\"isActiveItem(unpinnedItem, unpinnedIndex)\"\n        :isDraggable=\"isDraggableItem(unpinnedItem, unpinnedIndex)\"\n        :isRemovable=\"isRemovableItem(unpinnedItem, unpinnedIndex)\"\n        :isToggable=\"isToggableItem(unpinnedItem, unpinnedIndex)\"\n        :isToggled=\"isToggledItem(unpinnedItem, unpinnedIndex)\"\n        :isPinnable=\"isPinnableItem(unpinnedItem, unpinnedIndex)\"\n        :isPinned=\"false\"\n        :isExpandable=\"isExpandableItem(unpinnedItem, unpinnedIndex)\"\n        :isExpanded=\"isExpandedItem(unpinnedItem, unpinnedIndex)\"\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        <template v-if=\"slots['item-after']\" #after=\"{ item, index }\">\n          <slot :index=\"index\" :item=\"item\" name=\"item-after\" />\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","props","emits","__emit","slots","_useSlots","dndSortingEnabled","computed","pinnedItemsRef","isPinnedItem","hasPinnedItems","unpinnedItemsRef","item","index","hasUnpinnedItems","domProjectionItemsRef","shallowRef","pinnedContainerRef","unpinnedContainerRef","getKey","versionRef","pinnedKeysRef","unpinnedKeysRef","oldVersion","currentKeys","shallowHash","domProjectionKeys","domProjectionKeysSet","i","createSortable","toggler","elRef","getOffset","sortable","useSortable","evt","_a","moveItems","watch","disabled","on","oldIndex","newIndex","afterUpdateDom","moveElements","isActiveItem","isDraggableItem","isRemovableItem","isToggableItem","isFunction","isToggledItem","isPinnableItem","isExpandableItem","isExpandedItem","handleExpand","handleToggle","handlePin","alreadyPinned","handleRemove","getClassFunction","propsItemClass","getItemClass","getItemClassTitle","getItemClassContent","getItemClassBefore","getItemClassAfter"],"mappings":"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"}
+{"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 { isFunction, shallowHash } from '@milaboratories/helpers';\nimport { useSortable } from '@vueuse/integrations/useSortable';\nimport { type SortableEvent } from 'sortablejs';\nimport type { ShallowRef } from 'vue';\nimport { computed, shallowRef, watch } from 'vue';\nimport PlElementListItem from './PlElementListItem.vue';\nimport { moveElements } from './utils.ts';\n\nconst itemsRef = defineModel<T[]>('items', { required: true });\n\nconst props = withDefaults(\n  defineProps<{\n    getItemKey?: (item: T, index: number) => K;\n\n    itemClass?: string | string[] | ((item: T, index: number) => string | string[]);\n    itemClassTitle?: string | string[] | ((item: T, index: number) => string | string[]);\n    itemClassBefore?: string | string[] | ((item: T, index: number) => string | string[]);\n    itemClassAfter?: string | string[] | ((item: T, index: number) => string | string[]);\n    itemClassContent?: string | string[] | ((item: T, index: number) => string | string[]);\n    isActive?: (item: T, index: number) => boolean;\n\n    disableDragging?: boolean;\n    isDraggable?: (item: T, index: number) => boolean;\n    onDragEnd?: (oldIndex: number, newIndex: number) => void | boolean;\n    onSort?: (oldIndex: number, newIndex: number) => void | boolean;\n\n    disableRemoving?: boolean;\n    isRemovable?: (item: T, index: number) => boolean;\n    onRemove?: (item: T, index: number) => void | boolean;\n\n    disableExpanding?: boolean;\n    isExpandable?: (item: T, index: number) => boolean;\n    isExpanded?: (item: T, index: number) => boolean;\n    onExpand?: (item: T, index: number) => unknown;\n\n    disableToggling?: boolean;\n    isToggable?: (item: T, index: number) => boolean;\n    isToggled?: (item: T, index: number) => boolean;\n    onToggle?: (item: T, index: number) => unknown;\n\n    disablePinning?: boolean;\n    isPinnable?: (item: T, index: number) => boolean;\n    isPinned?: (item: T, index: number) => boolean;\n    onPin?: (item: T, index: number) => void | boolean;\n  }>(), {\n    getItemKey: (item: T) => JSON.stringify(item) as K,\n\n    itemClass: undefined,\n    itemClassTitle: undefined,\n    itemClassContent: undefined,\n    itemClassBefore: undefined,\n    itemClassAfter: undefined,\n    isActive: undefined,\n\n    disableDragging: undefined,\n    isDraggable: undefined,\n    onDragEnd: undefined,\n    onSort: undefined,\n\n    disableRemoving: undefined,\n    isRemovable: undefined,\n    onRemove: undefined,\n\n    disableExpanding: undefined,\n    isExpandable: undefined,\n    isExpanded: undefined,\n    onExpand: undefined,\n\n    disableToggling: undefined,\n    isToggable: undefined,\n    isToggled: undefined,\n    onToggle: undefined,\n\n    disablePinning: undefined,\n    isPinnable: undefined,\n    isPinned: 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  ['item-before']?: (props: { item: T; index: number }) => unknown;\n  ['item-after']?: (props: { item: T; index: number }) => unknown;\n}>();\n\nconst dndSortingEnabled = computed((): boolean => {\n  return props.disableDragging !== true;\n});\n\nconst pinnedItemsRef = computed(() => itemsRef.value.filter(isPinnedItem));\nconst hasPinnedItems = computed(() => pinnedItemsRef.value.length > 0);\n\nconst unpinnedItemsRef = computed(() => itemsRef.value.filter((item, index) => !isPinnedItem(item, index)));\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\nconst getKey = (item: T, index: number) => {\n  return `${versionRef.value}-${props.getItemKey(item, index)}`;\n};\nconst pinnedKeysRef = computed(() => pinnedItemsRef.value.map(getKey));\nconst unpinnedKeysRef = computed(() => unpinnedItemsRef.value.map(getKey));\n\n// version fix problem with sync between data and rendered values when items have been changed\nconst versionRef = computed<number>((oldVersion) => {\n  const currentKeys = itemsRef.value.map(props.getItemKey);\n\n  if (domProjectionItemsRef.value === undefined) return oldVersion ?? shallowHash(...currentKeys);\n  if (currentKeys.length !== domProjectionItemsRef.value.length) return shallowHash(...currentKeys);\n\n  const domProjectionKeys = domProjectionItemsRef.value.map(props.getItemKey);\n  const domProjectionKeysSet = new Set(domProjectionKeys);\n\n  for (let i = 0; i < currentKeys.length; i++) {\n    const hasInconsistentPosition = domProjectionKeysSet.has(currentKeys[i]) && domProjectionKeys[i] !== currentKeys[i];\n\n    if (hasInconsistentPosition) {\n      return shallowHash(...currentKeys);\n    }\n  }\n\n  return oldVersion ?? shallowHash(...currentKeys);\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(\n    [elRef, () => props.disableDragging, toggler],\n    ([elRef, disabled, on]) => {\n      if (!elRef || disabled || !on) {\n        sortable.stop();\n      } else {\n        sortable.start();\n      }\n    },\n    { immediate: true },\n  );\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  }\n}\n\nfunction isActiveItem(item: T, index: number): boolean {\n  return props.isActive?.(item, index) ?? false;\n}\n\nfunction isDraggableItem(item: T, index: number): boolean {\n  if (props.disableDragging === true) return false;\n  return (props.isDraggable?.(item, index) ?? true);\n}\n\nfunction isRemovableItem(item: T, index: number): boolean {\n  if (props.disableRemoving === true) return false;\n  return (props.isRemovable?.(item, index) ?? true);\n}\n\nfunction isToggableItem(item: T, index: number): boolean {\n  if (props.disableToggling === true) return false;\n  return (props.isToggable?.(item, index) ?? (isFunction(props.isToggled) || isFunction(props.onToggle)));\n}\n\nfunction isToggledItem(item: T, index: number): boolean {\n  return props.isToggled?.(item, index) ?? false;\n}\n\nfunction isPinnableItem(item: T, index: number): boolean {\n  if (props.disablePinning === true) return false;\n  return (props.isPinnable?.(item, index) ?? (isFunction(props.isPinned) || isFunction(props.onPin)));\n}\n\nfunction isPinnedItem(item: T, index: number): boolean {\n  return props.isPinned?.(item, index) ?? false;\n}\n\nfunction isExpandableItem(item: T, index: number): boolean {\n  if (props.disableExpanding === true) return false;\n  return (props.isExpandable?.(item, index) ?? (isFunction(props.isExpanded) || isFunction(props.onExpand)));\n}\n\nfunction isExpandedItem(item: T, index: number): boolean {\n  return props.isExpanded?.(item, index) ?? false;\n}\n\nfunction handleExpand(item: T, index: number) {\n  props.onExpand?.(item, index);\n}\n\nfunction handleToggle(item: T, index: number) {\n  props.onToggle?.(item, index);\n}\n\nfunction handlePin(item: T, index: number) {\n  if (index === -1) {\n    throw new Error('Pinnable item not found');\n  }\n\n  const alreadyPinned = pinnedItemsRef.value.includes(item);\n\n  if (props.onPin?.(item, index) === false) return;\n\n  moveItems(index, pinnedItemsRef.value.length + (alreadyPinned ? 0 : -1), false);\n}\n\nfunction handleRemove(item: T, index: number) {\n  if (props.onRemove?.(item, index) === false) return;\n  itemsRef.value.splice(index, 1);\n}\n\nfunction getClassFunction(propsItemClass: string | string[] | ((item: T, index: number) => string | string[]) | undefined): (item: T, index: number) => null | string | string[] {\n  return (item: T, index: number): null | string | string[] => {\n    if (typeof propsItemClass === 'function') {\n      return propsItemClass(item, index);\n    }\n    return propsItemClass ?? null;\n  };\n}\nconst getItemClass = getClassFunction(props.itemClass);\nconst getItemClassTitle = getClassFunction(props.itemClassTitle);\nconst getItemClassContent = getClassFunction(props.itemClassContent);\nconst getItemClassBefore = getClassFunction(props.itemClassBefore);\nconst getItemClassAfter = getClassFunction(props.itemClassAfter);\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        :titleClass=\"getItemClassTitle(pinnedItem, pinnedIndex)\"\n        :contentClass=\"getItemClassContent(pinnedItem, pinnedIndex)\"\n        :beforeClass=\"getItemClassBefore(pinnedItem, pinnedIndex)\"\n        :afterClass=\"getItemClassAfter(pinnedItem, pinnedIndex)\"\n\n        :index=\"pinnedIndex\"\n        :item=\"pinnedItem\"\n        :showDragHandle=\"dndSortingEnabled\"\n        :isActive=\"isActiveItem(pinnedItem, pinnedIndex)\"\n        :isDraggable=\"isDraggableItem(pinnedItem, pinnedIndex)\"\n        :isRemovable=\"isRemovableItem(pinnedItem, pinnedIndex)\"\n        :isToggable=\"isToggableItem(pinnedItem, pinnedIndex)\"\n        :isToggled=\"isToggledItem(pinnedItem, pinnedIndex)\"\n        :isPinnable=\"isPinnableItem(pinnedItem, pinnedIndex)\"\n        :isPinned=\"true\"\n        :isExpandable=\"isExpandableItem(pinnedItem, pinnedIndex)\"\n        :isExpanded=\"isExpandedItem(pinnedItem, pinnedIndex)\"\n\n        @click=\"emits('itemClick', pinnedItem)\"\n        @remove=\"handleRemove\"\n        @toggle=\"handleToggle\"\n        @pin=\"handlePin\"\n        @expand=\"handleExpand\"\n      >\n        <template v-if=\"slots['item-before']\" #before=\"{ item, index }\">\n          <slot :index=\"index\" :item=\"item\" name=\"item-before\" />\n        </template>\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        <template v-if=\"slots['item-after']\" #after=\"{ item, index }\">\n          <slot :index=\"index\" :item=\"item\" name=\"item-after\" />\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        :titleClass=\"getItemClassTitle(unpinnedItem, unpinnedIndex)\"\n        :contentClass=\"getItemClassContent(unpinnedItem, unpinnedIndex)\"\n        :beforeClass=\"getItemClassBefore(unpinnedItem, unpinnedIndex)\"\n        :afterClass=\"getItemClassAfter(unpinnedItem, unpinnedIndex)\"\n\n        :index=\"unpinnedIndex + (pinnedItemsRef?.length ?? 0)\"\n        :item=\"unpinnedItem\"\n        :showDragHandle=\"dndSortingEnabled\"\n        :isActive=\"isActiveItem(unpinnedItem, unpinnedIndex)\"\n        :isDraggable=\"isDraggableItem(unpinnedItem, unpinnedIndex)\"\n        :isRemovable=\"isRemovableItem(unpinnedItem, unpinnedIndex)\"\n        :isToggable=\"isToggableItem(unpinnedItem, unpinnedIndex)\"\n        :isToggled=\"isToggledItem(unpinnedItem, unpinnedIndex)\"\n        :isPinnable=\"isPinnableItem(unpinnedItem, unpinnedIndex)\"\n        :isPinned=\"false\"\n        :isExpandable=\"isExpandableItem(unpinnedItem, unpinnedIndex)\"\n        :isExpanded=\"isExpandedItem(unpinnedItem, unpinnedIndex)\"\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        <template v-if=\"slots['item-after']\" #after=\"{ item, index }\">\n          <slot :index=\"index\" :item=\"item\" name=\"item-after\" />\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","props","emits","__emit","slots","_useSlots","dndSortingEnabled","computed","pinnedItemsRef","isPinnedItem","hasPinnedItems","unpinnedItemsRef","item","index","hasUnpinnedItems","domProjectionItemsRef","shallowRef","pinnedContainerRef","unpinnedContainerRef","getKey","versionRef","pinnedKeysRef","unpinnedKeysRef","oldVersion","currentKeys","shallowHash","domProjectionKeys","domProjectionKeysSet","i","createSortable","toggler","elRef","getOffset","sortable","useSortable","evt","_a","moveItems","watch","disabled","on","oldIndex","newIndex","afterUpdateDom","moveElements","isActiveItem","isDraggableItem","isRemovableItem","isToggableItem","isFunction","isToggledItem","isPinnableItem","isExpandableItem","isExpandedItem","handleExpand","handleToggle","handlePin","alreadyPinned","handleRemove","getClassFunction","propsItemClass","getItemClass","getItemClassTitle","getItemClassContent","getItemClassBefore","getItemClassAfter","_createElementBlock","_normalizeClass","$style","_createElementVNode","_openBlock","_Fragment","_renderList","pinnedItem","pinnedIndex","_createBlock","PlElementListItem","_unref","$event","_withCtx","_renderSlot","_ctx","unpinnedItem","unpinnedIndex"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"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 } 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  titleClass: string | string[] | null;\n  contentClass: string | string[] | null;\n  afterClass: string | string[] | null;\n  beforeClass: string | string[] | null;\n}>();\ndefineOptions({ inheritAttrs: false });\n\nconst slots = defineSlots<{\n  title: (props: { item: T; index: number }) => unknown;\n  content?: (props: { item: T; index: number }) => unknown;\n  after?: (props: { item: T; index: number }) => unknown;\n  before?: (props: { item: T; index: number }) => unknown;\n}>();\nconst hasContentSlot = computed(() => slots['content'] !== undefined);\nconst hasAfterSlot = computed(() => slots['after'] !== undefined);\nconst hasBeforeSlot = computed(() => slots['before'] !== 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    <div v-if=\"hasBeforeSlot\" :class=\"beforeClass\">\n      <slot name=\"before\" :item=\"props.item\" :index=\"props.index\" />\n    </div>\n    <div\n      :class=\"[$style.root, $attrs.class, {\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, titleClass, {\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, contentClass, { [$style.disabled]: props.isToggled }]\"\n      >\n        <slot name=\"content\" :item=\"props.item\" :index=\"props.index\" />\n      </div>\n    </div>\n    <div v-if=\"hasAfterSlot\" :class=\"afterClass\">\n      <slot name=\"after\" :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","hasAfterSlot","hasBeforeSlot","emit","__emit"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,UAAMA,IAAQC,GAoBRC,IAAQC,EAAA,GAMRC,IAAiBC,EAAS,MAAMH,EAAM,YAAe,MAAS,GAC9DI,IAAeD,EAAS,MAAMH,EAAM,UAAa,MAAS,GAC1DK,IAAgBF,EAAS,MAAMH,EAAM,WAAc,MAAS,GAE5DM,IAAOC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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 } 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  titleClass: string | string[] | null;\n  contentClass: string | string[] | null;\n  afterClass: string | string[] | null;\n  beforeClass: string | string[] | null;\n}>();\ndefineOptions({ inheritAttrs: false });\n\nconst slots = defineSlots<{\n  title: (props: { item: T; index: number }) => unknown;\n  content?: (props: { item: T; index: number }) => unknown;\n  after?: (props: { item: T; index: number }) => unknown;\n  before?: (props: { item: T; index: number }) => unknown;\n}>();\nconst hasContentSlot = computed(() => slots['content'] !== undefined);\nconst hasAfterSlot = computed(() => slots['after'] !== undefined);\nconst hasBeforeSlot = computed(() => slots['before'] !== 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    <div v-if=\"hasBeforeSlot\" :class=\"beforeClass\">\n      <slot name=\"before\" :item=\"props.item\" :index=\"props.index\" />\n    </div>\n    <div\n      :class=\"[$style.root, $attrs.class, {\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, titleClass, {\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, contentClass, { [$style.disabled]: props.isToggled }]\"\n      >\n        <slot name=\"content\" :item=\"props.item\" :index=\"props.index\" />\n      </div>\n    </div>\n    <div v-if=\"hasAfterSlot\" :class=\"afterClass\">\n      <slot name=\"after\" :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","hasAfterSlot","hasBeforeSlot","emit","__emit","_createElementBlock","_renderSlot","_ctx","_createElementVNode","$style","$attrs","_normalizeClass","_cache","$event","_createVNode","_unref","PlIcon16","_createBlock","_withModifiers","PlIcon24"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"PlErrorAlert.vue2.js","sources":["../../../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__","props","__props","onCopy","value"],"mappings":";;;AACA,MAAAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;;;AAOA,UAAMC,IAAQC;AAed,aAASC,IAAS;AAChB,YAAMC,IAAQH,EAAM,eAAeA,EAAM;AACzC,MAAI,OAAOG,KAAU,YACnB,UAAU,UAAU,UAAUA,CAAK;AAAA,IAEvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlErrorAlert.vue2.js","sources":["../../../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__","props","__props","onCopy","value","_createElementBlock","_normalizeStyle","_normalizeClass","$style","_createVNode","_unref","PlClipboard","_renderSlot","_ctx","_createElementVNode","PlMaskIcon16","_toDisplayString"],"mappings":";;;AACA,MAAAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;;;AAOA,UAAMC,IAAQC;AAed,aAASC,IAAS;AAChB,YAAMC,IAAQH,EAAM,eAAeA,EAAM;AACzC,MAAI,OAAOG,KAAU,YACnB,UAAU,UAAU,UAAUA,CAAK;AAAA,IAEvC;2BAIEC,EAaM,OAAA;AAAA,MAbA,OAAKC,EAAA,EAAA,WAAeL,EAAM,WAAS;AAAA,MAAK,OAAKM,EAAEC,EAAAA,OAAO,IAAI;AAAA,IAAA;MAC9DC,EAAmDC,EAAAC,CAAA,GAAA;AAAA,QAArC,OAAKJ,EAAEC,EAAAA,OAAO,IAAI;AAAA,QAAG,QAAAL;AAAA,MAAA;MACnCS,EAKOC,uBALP,MAKO;AAAA,QAJLC,EAGM,OAAA;AAAA,UAHA,OAAKP,EAAEC,EAAAA,OAAO,KAAK;AAAA,QAAA;UACvBC,EAAyDC,EAAAK,CAAA,GAAA;AAAA,YAA1C,OAAKR,EAAEC,EAAAA,OAAO,SAAS;AAAA,YAAE,MAAK;AAAA,UAAA;UAC7CM,EAAsD,OAAA;AAAA,YAAhD,OAAKP,EAAEC,EAAAA,OAAO,SAAS;AAAA,UAAA,GAAKQ,EAAAf,EAAM,KAAK,GAAA,CAAA;AAAA,QAAA;;MAGjDW,EAIOC,yBAJP,MAIO;AAAA,QAHLC,EAEM,OAAA;AAAA,UAFA,OAAKP,EAAEC,EAAAA,OAAO,OAAO;AAAA,QAAA,GACtBQ,EAAAf,EAAM,OAAO,GAAA,CAAA;AAAA,MAAA;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"PlErrorBoundary.vue.js","sources":["../../../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"],"mappings":";;;;;;AAKA,UAAMA,IAAiB,CAACC,MAAqC;AAC3D,UAAIA,KAAO;AAIX,eAAIC,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,UAAU;AAAA,IACvE,GAEMG,IAAOC,EAGV,IAAI,GAEDC,IAAQC,EAAS,MAAA;;AAAM,cAAAC,IAAAJ,EAAK,UAAL,gBAAAI,EAAY;AAAA,KAAK,GACxCC,IAAUF,EAAS,MAAMP,EAAeM,EAAM,KAAK,CAAC;AAE1D,aAASI,IAAQ;AACf,MAAAN,EAAK,QAAQ;AAAA,IACf;AAEA,UAAMO,IAAaN,EAA8C,IAAI;AAErE,WAAAO,EAAe,MAAM;AAGnB,MAAIR,EAAK,UAAU,QAAQO,EAAW,SACpCD,EAAA;AAAA,IAEJ,CAAC,GAEDG,EAAgB,CAACZ,GAAKa,MAAa;;AACjC,aAAAV,EAAK,QAAQ;AAAA,QACX,SAAOW,KAAAP,IAAAM,KAAA,gBAAAA,EAAU,MAAV,gBAAAN,EAAa,SAAb,gBAAAO,EAAmB,SAAQ;AAAA,QAClC,OAAOd;AAAA,MAAA,GAGF;AAAA,IACT,CAAC,GAEDe,EAAa,EAAE,OAAAV,GAAO,OAAAI,GAAO;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlErrorBoundary.vue.js","sources":["../../../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","_renderSlot","_ctx","_createBlock","_unref","PlErrorAlert"],"mappings":";;;;;;AAKA,UAAMA,IAAiB,CAACC,MAAqC;AAC3D,UAAIA,KAAO;AAIX,eAAIC,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,UAAU;AAAA,IACvE,GAEMG,IAAOC,EAGV,IAAI,GAEDC,IAAQC,EAAS,MAAA;;AAAM,cAAAC,IAAAJ,EAAK,UAAL,gBAAAI,EAAY;AAAA,KAAK,GACxCC,IAAUF,EAAS,MAAMP,EAAeM,EAAM,KAAK,CAAC;AAE1D,aAASI,IAAQ;AACf,MAAAN,EAAK,QAAQ;AAAA,IACf;AAEA,UAAMO,IAAaN,EAA8C,IAAI;AAErE,WAAAO,EAAe,MAAM;AAGnB,MAAIR,EAAK,UAAU,QAAQO,EAAW,SACpCD,EAAA;AAAA,IAEJ,CAAC,GAEDG,EAAgB,CAACZ,GAAKa,MAAa;;AACjC,aAAAV,EAAK,QAAQ;AAAA,QACX,SAAOW,KAAAP,IAAAM,KAAA,gBAAAA,EAAU,MAAV,gBAAAN,EAAa,SAAb,gBAAAO,EAAmB,SAAQ;AAAA,QAClC,OAAOd;AAAA,MAAA,GAGF;AAAA,IACT,CAAC,GAEDe,EAAa,EAAE,OAAAV,GAAO,OAAAI,GAAO;;;QAI3BO,EAAQC,EAAA,QAAA,SAAA;AAAA,QACYZ,EAAA,cAApBa,EAAsFC,EAAAC,CAAA,GAAA;AAAA;mBAAvD;AAAA,UAAJ,KAAIV;AAAA,UAAc,SAASF,EAAA;AAAA,UAAU,QAAOD,IAAAJ,EAAA,UAAA,gBAAAI,EAAM;AAAA,QAAA;;;;;"}