@milaboratories/uikit 2.2.90 → 2.2.91

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

@@ -0,0 +1,129 @@
+import { ModelRef, RefOption } from '../../types';
+/**
+ * A component for selecting one value from a list of options
+ */
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
+    /**
+     * The current selected ref of the dropdown.
+     */
+    modelValue: ModelRef | undefined;
+    /**
+     * The label text for the dropdown field (optional)
+     */
+    label?: string;
+    /**
+     * List of available ref options for the dropdown
+     */
+    options?: Readonly<RefOption[]>;
+    /**
+     * A helper text displayed below the dropdown when there are no errors (optional).
+     */
+    helper?: string;
+    /**
+     * A helper text displayed below the dropdown when there are no options yet or options is undefined (optional).
+     */
+    loadingOptionsHelper?: string;
+    /**
+     * Error message displayed below the dropdown (optional)
+     */
+    error?: unknown;
+    /**
+     * Placeholder text shown when no value is selected.
+     */
+    placeholder?: string;
+    /**
+     * Enables a button to clear the selected value (default: false)
+     */
+    clearable?: boolean;
+    /**
+     * If `true`, the dropdown component is marked as required.
+     */
+    required?: boolean;
+    /**
+     * If `true`, the dropdown component is disabled and cannot be interacted with.
+     */
+    disabled?: boolean;
+    /**
+     * Option list item size
+     */
+    optionSize?: "small" | "medium";
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: Readonly<{
+        __isRef: true;
+        blockId: string;
+        name: string;
+        requireEnrichments?: true | undefined;
+    }> | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<{
+    /**
+     * The current selected ref of the dropdown.
+     */
+    modelValue: ModelRef | undefined;
+    /**
+     * The label text for the dropdown field (optional)
+     */
+    label?: string;
+    /**
+     * List of available ref options for the dropdown
+     */
+    options?: Readonly<RefOption[]>;
+    /**
+     * A helper text displayed below the dropdown when there are no errors (optional).
+     */
+    helper?: string;
+    /**
+     * A helper text displayed below the dropdown when there are no options yet or options is undefined (optional).
+     */
+    loadingOptionsHelper?: string;
+    /**
+     * Error message displayed below the dropdown (optional)
+     */
+    error?: unknown;
+    /**
+     * Placeholder text shown when no value is selected.
+     */
+    placeholder?: string;
+    /**
+     * Enables a button to clear the selected value (default: false)
+     */
+    clearable?: boolean;
+    /**
+     * If `true`, the dropdown component is marked as required.
+     */
+    required?: boolean;
+    /**
+     * If `true`, the dropdown component is disabled and cannot be interacted with.
+     */
+    disabled?: boolean;
+    /**
+     * Option list item size
+     */
+    optionSize?: "small" | "medium";
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Readonly<{
+        __isRef: true;
+        blockId: string;
+        name: string;
+        requireEnrichments?: true | undefined;
+    }> | undefined) => any) | undefined;
+}>, {
+    options: Readonly<RefOption[]>;
+    error: undefined;
+    label: string;
+    required: boolean;
+    disabled: boolean;
+    helper: string;
+    placeholder: string;
+    clearable: boolean;
+    loadingOptionsHelper: string;
+    optionSize: "small" | "medium";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    tooltip?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=PlDropdownRef.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlDropdownRef.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlDropdownRef/PlDropdownRef.vue"],"names":[],"mappings":"AA+GA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAKvD;;GAEG;;IAcC;;OAEG;gBACS,QAAQ,GAAG,SAAS;IAChC;;OAEG;YACK,MAAM;IACd;;OAEG;cACO,QAAQ,CAAC,SAAS,EAAE,CAAC;IAC/B;;OAEG;aACM,MAAM;IACf;;OAEG;2BACoB,MAAM;IAC7B;;OAEG;YACK,OAAO;IACf;;OAEG;kBACW,MAAM;IACpB;;OAEG;gBACS,OAAO;IACnB;;OAEG;eACQ,OAAO;IAClB;;OAEG;eACQ,OAAO;IAClB;;OAEG;iBACU,OAAO,GAAG,QAAQ;;;;;;;;;IA3C/B;;OAEG;gBACS,QAAQ,GAAG,SAAS;IAChC;;OAEG;YACK,MAAM;IACd;;OAEG;cACO,QAAQ,CAAC,SAAS,EAAE,CAAC;IAC/B;;OAEG;aACM,MAAM;IACf;;OAEG;2BACoB,MAAM;IAC7B;;OAEG;YACK,OAAO;IACf;;OAEG;kBACW,MAAM;IACpB;;OAEG;gBACS,OAAO;IACnB;;OAEG;eACQ,OAAO;IAClB;;OAEG;eACQ,OAAO;IAClB;;OAEG;iBACU,OAAO,GAAG,QAAQ;;;;;;;;;aAhCrB,QAAQ,CAAC,SAAS,EAAE,CAAC;;WAJvB,MAAM;cA4BH,OAAO;cAIP,OAAO;YAxBT,MAAM;iBAYD,MAAM;eAIR,OAAO;0BAZI,MAAM;gBAwBhB,OAAO,GAAG,QAAQ;;qBAsFN,GAAG;;AA9IhC,wBA2LK;AAcL,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

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

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

@@ -0,0 +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>\nimport type { ModelRef, RefOption } from '../../types';\nimport { PlDropdown } from '../PlDropdown';\nimport { computed, useSlots } from 'vue';\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: ModelRef | undefined): void;\n}>();\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * The current selected ref of the dropdown.\n     */\n    modelValue: ModelRef | 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[]>;\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    label: opt.label,\n    value: opt.ref,\n  })),\n);\n\nconst arrowIcon = computed(() => (props.disabled ? 'icon-link-disabled' : 'icon-link'));\n</script>\n\n<template>\n  <PlDropdown\n    v-bind=\"props\"\n    :options=\"options\"\n    :loading-options-helper=\"loadingOptionsHelper\"\n    :arrow-icon-large=\"arrowIcon\"\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","arrowIcon"],"mappings":";;AAIA,MAAeA,IAAA;AAAA,EACb,MAAM;AACR;;;;;;;;;;;;;;;;;AASA,UAAMC,IAAaC,EAAS,GAStBC,IAAQC,GA8DRC,IAAUC;AAAA,MAAS,MAAA;;AACvB,gBAAAC,IAAAJ,EAAM,YAAN,gBAAAI,EAAe,IAAI,CAACC,OAAS;AAAA,UAC3B,OAAOA,EAAI;AAAA,UACX,OAAOA,EAAI;AAAA,QAAA;AAAA;AAAA,IAEf,GAEMC,IAAYH,EAAS,MAAOH,EAAM,WAAW,uBAAuB,WAAY;;;;;;;;;;;;;;;;;"}

package/dist/components/PlDropdownRef/PlDropdownRef.vue2.js

@@ -0,0 +1,5 @@
+import f from "./PlDropdownRef.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=PlDropdownRef.vue2.js.map

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

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

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

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

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

@@ -0,0 +1,40 @@
+type __VLS_Props = {
+    /**
+     * Standard input placeholder
+     */
+    placeholder?: string;
+    /**
+     * Any css `width` value (px, %), default is 80%
+     */
+    maxWidth?: string;
+    /**
+     * Fixed non-editable prefix
+     */
+    prefix?: string;
+    /**
+     * Max title length (default is 1000)
+     */
+    maxLength?: number;
+    /**
+     * Min title length
+     */
+    minLength?: number;
+};
+type __VLS_PublicProps = {
+    modelValue?: string;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    maxWidth: string;
+    placeholder: string;
+    prefix: string;
+    maxLength: number;
+    minLength: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputRef: HTMLInputElement;
+}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=PlEditableTitle.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlEditableTitle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlEditableTitle/PlEditableTitle.vue"],"names":[],"mappings":"AAgGA,KAAK,WAAW,GAAG;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAsDJ,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;;;;;;cArED,MAAM;iBAJH,MAAM;YAQX,MAAM;eAIH,MAAM;eAIN,MAAM;;;;AAoItB,wBAUG"}

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

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

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

@@ -0,0 +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, 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  {\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 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\nconst inputRef = ref<HTMLInputElement>();\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","computedStyle","computed","save","inputRef","ref"],"mappings":";;;;;;;;;;;;;;;;;AAKM,UAAAA,IAAQC,EAAmBC,GAAA,YAAC,GAE5BC,IAAQD,GAgCRE,IAAQC,EAAoBL,GAAO;AAAA,MACvC,SAAS;AACA,eAAA;AAAA,MACT;AAAA,MACA,OAAO,CAACM,MAAc;AAChB,YAAA,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,KAAK;AAAA,MAAA;AAAA,IAChB,CACD,GAEKC,IAAgBC,EAAS,OAAO;AAAA,MACpC,UAAUL,EAAM,YAAY;AAAA,IAAA,EAC5B,GAEIM,IAAO,MAAM;AACX,MAAAT,EAAA,QAAQI,EAAM,SAAS,CAACA,EAAM,QAAQA,EAAM,QAAQJ,EAAM,OAChEI,EAAM,MAAM;AAAA,IACd,GAEMM,IAAWC,EAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/PlEditableTitle/PlEditableTitle.vue2.js

@@ -0,0 +1,5 @@
+import f from "./PlEditableTitle.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=PlEditableTitle.vue2.js.map

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

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

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

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

package/dist/components/PlEditableTitle/pl-editable-title.module.scss.js

@@ -0,0 +1,13 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(`._component_1w6b3_1{position:relative;display:flex;flex-direction:column;gap:0;--mask-icon-bg-color: transparent;--mask-size: 24px}._component_1w6b3_1:hover{--mask-icon-bg-color: var(--ic-02)}._component_1w6b3_1:focus-within:not(._component_1w6b3_1:hover){--mask-icon-bg-color: transparent}._component_1w6b3_1 ._container_1w6b3_15{position:relative;display:flex;flex-direction:row;gap:0;align-items:center;margin-right:calc(var(--mask-size))}._component_1w6b3_1 ._container_1w6b3_15 span{font-size:28px;font-weight:500;line-height:32px;letter-spacing:-.56px;white-space:nowrap}._component_1w6b3_1 ._container_1w6b3_15 input{outline:none;border:none;cursor:text;field-sizing:content;font-size:28px;font-weight:500;line-height:38px;letter-spacing:-.56px;padding-top:4px;padding-bottom:4px;padding-right:4px;margin:0;font-family:var(--font-family-base);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._component_1w6b3_1 ._container_1w6b3_15 input::placeholder{color:var(--txt-mask)}._component_1w6b3_1 ._container_1w6b3_15:before{content:"";-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20fill='none'%3e%3cpath%20fill='%23110529'%20fill-rule='evenodd'%20d='m5.136%2016.377%208.809-8.809%202.12%202.121-8.808%208.809h-2.12zM16.243%205.27l-1.238%201.237%202.121%202.122%201.238-1.238zm3.182%201.06a1.5%201.5%200%200%201%200%202.122L8.318%2019.559a1.5%201.5%200%200%201-1.06.439H4.635a1%201%200%200%201-1-1v-2.621c0-.398.158-.78.44-1.061L15.181%204.209a1.5%201.5%200%200%201%202.121%200zM20%2018.5h-8V20h8z'%20clip-rule='evenodd'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20fill='none'%3e%3cpath%20fill='%23110529'%20fill-rule='evenodd'%20d='m5.136%2016.377%208.809-8.809%202.12%202.121-8.808%208.809h-2.12zM16.243%205.27l-1.238%201.237%202.121%202.122%201.238-1.238zm3.182%201.06a1.5%201.5%200%200%201%200%202.122L8.318%2019.559a1.5%201.5%200%200%201-1.06.439H4.635a1%201%200%200%201-1-1v-2.621c0-.398.158-.78.44-1.061L15.181%204.209a1.5%201.5%200%200%201%202.121%200zM20%2018.5h-8V20h8z'%20clip-rule='evenodd'/%3e%3c/svg%3e");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;-webkit-mask-size:var(--mask-size);mask-size:var(--mask-size);width:var(--mask-size);height:var(--mask-size);position:absolute;right:calc((var(--mask-size)) * -1);bottom:6px;background-color:var(--mask-icon-bg-color);cursor:pointer}._component_1w6b3_1 ._error_1w6b3_69{position:absolute;bottom:-4px;transform:translateY(100%);white-space:nowrap;font-size:12px;color:var(--txt-error);padding:2px 0 0;white-space:pre-wrap;text-overflow:ellipsis;font-weight:500;line-height:16px;margin-top:6px}`)),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+const o = "_component_1w6b3_1", n = "_container_1w6b3_15", r = "_error_1w6b3_69", t = {
+  component: o,
+  container: n,
+  error: r
+};
+export {
+  o as component,
+  n as container,
+  t as default,
+  r as error
+};
+//# sourceMappingURL=pl-editable-title.module.scss.js.map

package/dist/components/PlEditableTitle/pl-editable-title.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pl-editable-title.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

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

@@ -0,0 +1,26 @@
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
+    title?: string;
+    message?: string;
+    maxHeight?: string;
+    copyMessage?: string;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    title?: string;
+    message?: string;
+    maxHeight?: string;
+    copyMessage?: string;
+}> & Readonly<{}>, {
+    title: string;
+    message: string;
+    maxHeight: string;
+    copyMessage: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
+    title?(_: {}): any;
+    message?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=PlErrorAlert.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlErrorAlert.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlErrorAlert/PlErrorAlert.vue"],"names":[],"mappings":";YAiHY,MAAM;cACJ,MAAM;gBACJ,MAAM;kBACJ,MAAM;;YAHZ,MAAM;cACJ,MAAM;gBACJ,MAAM;kBACJ,MAAM;;WAHZ,MAAM;aACJ,MAAM;eACJ,MAAM;iBACJ,MAAM;;mBAuFG,GAAG;qBACA,GAAG;;AA7FjC,wBAuIK;AAuBL,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/PlErrorAlert/PlErrorAlert.vue.js

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

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

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

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

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

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

@@ -0,0 +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,MAAeA,IAAA;AAAA,EACb,MAAM;AACR;;;;;;;;;AAOA,UAAMC,IAAQC;AAed,aAASC,IAAS;AACV,YAAAC,IAAQH,EAAM,eAAeA,EAAM;AACrC,MAAA,OAAOG,KAAU,YACT,UAAA,UAAU,UAAUA,CAAK;AAAA,IACrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/PlErrorAlert/PlErrorAlert.vue3.js

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

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

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

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

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