@platforma-sdk/ui-vue 1.42.19 → 1.42.21

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

@@ -1,156 +0,0 @@
-import { defineComponent as P, reactive as M, useSlots as I, computed as i, watch as j, ref as q, createElementBlock as n, openBlock as o, Fragment as S, createElementVNode as u, createVNode as D, normalizeClass as B, createCommentVNode as s, withModifiers as E, withKeys as H, createBlock as p, normalizeStyle as K, toDisplayString as c, unref as r, withCtx as L, renderSlot as Q, createTextVNode as R } from "vue";
-import { prettyBytes as x } from "../../lib/util/helpers/dist/index.js";
-import "../../sdk/model/dist/index.js";
-import U from "../../generated/components/svg/images/SvgRequired.vue2.js";
-import { getErrorMessage as Y } from "../../helpers/error.js";
-import A from "../../utils/DoubleContour.vue.js";
-import { useLabelNotch as G } from "../../utils/useLabelNotch.js";
-import J from "../PlFileDialog/PlFileDialog.vue.js";
-import f from "../PlIcon24/PlIcon24.vue.js";
-import W from "../PlTooltip/PlTooltip.vue.js";
-import { getFileNameFromHandle as X, getFilePathFromHandle as Z } from "../../lib/model/common/dist/index.js";
-(function() {
-  try {
-    if (typeof document < "u") {
-      var h = document.createElement("style");
-      h.appendChild(document.createTextNode(".pl-file-input{--contour-color: var(--txt-01);--label-color: var(--txt-01);--text-color: var(--txt-01);--contour-border-width: 1px;--contour-box-shadow: none;--label-offset-left-x: 8px;--label-offset-right-x: 8px;--prefix-color: var(--color-placeholder);--contour-offset: 2px;--icon-color: #000;position:relative;z-index:0;width:100%;height:var(--control-height, 40px);border-radius:var(--border-radius-control);display:flex;flex-direction:row;align-items:center;outline:none;padding:0 8px;gap:8px;cursor:pointer}.pl-file-input__envelope{font-family:var(--font-family-base);display:flex;flex-direction:column;min-width:160px}.pl-file-input .mask-24{display:block;min-width:24px}.pl-file-input .mask-close{cursor:pointer}.pl-file-input__progress{position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:linear-gradient(90deg,#fff,#d8fac8);pointer-events:none;width:0}.pl-file-input__clear{--icon-color: var(--ic-02)}.pl-file-input__filename{width:100%;border:none;font-size:inherit;background-color:transparent;color:var(--text-color);caret-color:var(--border-color-focus);z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:18px}.pl-file-input__filename:empty:before{color:var(--color-placeholder);content:attr(data-placeholder);color:var(--txt-03);font-size:14px;font-weight:500;line-height:20px}.pl-file-input__stats{white-space:nowrap;z-index:1;font-size:11px;font-weight:600;letter-spacing:.44px;text-transform:uppercase;color:var(--txt-03)}.pl-file-input label{display:flex;align-items:center;gap:4px;position:absolute;top:0;transform:translateY(-60%);left:var(--label-offset-left-x);padding:0 4px;max-width:calc(100% - 16px);overflow:hidden;white-space:pre;text-overflow:ellipsis;cursor:inherit;color:var(--label-color);font-size:12px;font-weight:500;border-bottom-right-radius:4px;border-bottom-left-radius:4px;background:var(--bg-elevated-01)}.pl-file-input label>span{overflow:hidden;white-space:pre;text-overflow:ellipsis}.pl-file-input__contour{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--border-radius-control);border-width:var(--contour-border-width);border-color:var(--contour-color);border-style:solid;box-shadow:var(--contour-box-shadow);z-index:0;pointer-events:none}.pl-file-input__prefix{padding-left:12px;white-space:nowrap;margin-right:-12px;color:var(--prefix-color)}.pl-file-input__helper{font-size:12px;color:var(--txt-03);padding:2px 0 0;white-space:pre-wrap;text-overflow:ellipsis;font-weight:500;line-height:16px;margin-top:6px}.pl-file-input__error{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}.pl-file-input:hover{--contour-color: var(--control-hover-color)}.pl-file-input:focus-within:not(.error){--label-color: var(--txt-focus);--contour-color: var(--border-color-focus);--contour-border-width: 2px;--contour-box-shadow: 0 0 0 4px var(--border-color-focus-shadow)}.pl-file-input:focus-within.error{--contour-border-width: 2px;--contour-box-shadow: 0 0 0 4px var(--color-error-shadow)}.pl-file-input.dashed .pl-file-input__contour{border-style:dashed}.pl-file-input.nonEmpty{--prefix-color: var(--txt-01)}.pl-file-input.error{--contour-color: var(--txt-error);--label-color: var(--txt-error);--text-color: var(--txt-error);--icon-color: var(--txt-error)}.pl-file-input.error .pl-file-input__progress{display:none}.pl-file-input.disabled{--contour-color: var(--color-dis-01);cursor:not-allowed}.pl-file-input__cell-style{--border-radius-control: 0px;--input-active-color: var(--bg-base-light);--border-color: var(--border-color-div-grey);background-color:var(--input-active-color);padding:4px;height:100%;position:relative}.pl-file-input__cell-style .mask-paper-clip{display:none}.pl-file-input__cell-style .pl-file-input{height:100%!important;position:unset}.pl-file-input__cell-style .pl-file-input .double-contour{top:2px;right:2px;bottom:2px;left:2px}.pl-file-input__cell-style .pl-file-input__contour{border-width:1px;box-shadow:unset!important;border-color:var(--border-color);border-style:dashed}.pl-file-input__cell-style .pl-file-input__filename{text-align:center!important}.pl-file-input__cell-style .pl-file-input__error{margin-top:0;margin-right:8px}.pl-file-input__cell-style:hover{--border-color: var(--border-color-focus);background-color:#d9f8ca}.pl-file-input__cell-style:hover .pl-file-input__filename:before{color:#110529!important}.pl-file-input__cell-style.has-file:hover{background-color:var(--input-active-color)}.pl-file-input__cell-style.has-file{padding-left:0;padding-right:0}.pl-file-input__cell-style.has-file .pl-file-input__contour{border:unset}.pl-file-input__cell-style.has-file .pl-file-input__filename{text-align:left!important}.pl-file-input__cell-style.has-file .mask-paper-clip{display:block}")), document.head.appendChild(h);
-    }
-  } catch (v) {
-    console.error("vite-plugin-css-injected-by-js", v);
-  }
-})();
-const ee = {
-  key: 0,
-  ref: "label"
-}, oe = ["data-placeholder"], le = {
-  key: 5,
-  class: "pl-file-input__stats"
-}, te = {
-  key: 0,
-  class: "pl-file-input__error"
-}, re = {
-  key: 1,
-  class: "pl-file-input__helper"
-}, me = /* @__PURE__ */ P({
-  __name: "PlFileInput",
-  props: {
-    modelValue: {},
-    label: { default: void 0 },
-    required: { type: Boolean },
-    dashed: { type: Boolean },
-    extensions: { default: void 0 },
-    placeholder: { default: void 0 },
-    progress: { default: void 0 },
-    error: { default: void 0 },
-    helper: { default: void 0 },
-    cellStyle: { type: Boolean, default: !1 },
-    fileDialogTitle: { default: void 0 },
-    fileDialogCloseOnOutsideClick: { type: Boolean, default: !0 }
-  },
-  emits: ["update:modelValue"],
-  setup(h, { emit: v }) {
-    const a = M({
-      fileDialogOpen: !1,
-      error: void 0
-    }), _ = I(), g = v, l = h, b = (e, t) => {
-      if (e)
-        try {
-          return t(e);
-        } catch (d) {
-          return a.error = d instanceof Error ? d.message : String(d), e;
-        }
-    }, y = i(() => b(l.modelValue, X)), w = i(() => b(l.modelValue, Z)), N = i(() => l.progress && !l.progress.done), O = i(() => l.progress && l.progress.done), k = i(() => Y(a.error, l.error)), m = i(() => typeof k.value == "string"), V = i(() => {
-      const { status: e, done: t } = l.progress ?? {};
-      return !e || !e.bytesTotal ? "" : e.bytesProcessed && !t ? x(e.bytesProcessed, {}) + " / " + x(e.bytesTotal, {}) : x(e.bytesTotal, {});
-    }), T = i(() => {
-      var e;
-      const { progress: t } = l;
-      return t ? {
-        width: t.done ? "100%" : Math.round((((e = t.status) == null ? void 0 : e.progress) ?? 0) * 100) + "%"
-      } : {};
-    }), C = () => {
-      a.fileDialogOpen = !0;
-    }, $ = (e) => {
-      e.files.length && g("update:modelValue", e.files[0]);
-    }, F = () => g("update:modelValue", void 0);
-    j(
-      () => l.modelValue,
-      () => a.error = void 0,
-      { immediate: !0 }
-    );
-    const z = q();
-    return l.cellStyle || G(z), (e, t) => (o(), n(S, null, [
-      u("div", {
-        class: B([{ "pl-file-input__cell-style": !!e.cellStyle, "has-file": !!y.value }, "pl-file-input__envelope"])
-      }, [
-        u("div", {
-          ref_key: "rootRef",
-          ref: z,
-          class: B([{ dashed: e.dashed, error: m.value }, "pl-file-input"]),
-          tabindex: "0",
-          onKeyup: H(C, ["enter"]),
-          onClick: E(C, ["stop"])
-        }, [
-          u("div", {
-            style: K(T.value),
-            class: "pl-file-input__progress"
-          }, null, 4),
-          !e.cellStyle && e.label ? (o(), n("label", ee, [
-            e.required ? (o(), p(U, { key: 0 })) : s("", !0),
-            u("span", null, c(e.label), 1),
-            r(_).tooltip || w.value ? (o(), p(r(W), {
-              key: 1,
-              class: "info",
-              position: "top"
-            }, {
-              tooltip: L(() => [
-                r(_).tooltip ? Q(e.$slots, "tooltip", { key: 0 }) : (o(), n(S, { key: 1 }, [
-                  R(c(w.value), 1)
-                ], 64))
-              ]),
-              _: 3
-            })) : s("", !0)
-          ], 512)) : s("", !0),
-          m.value ? (o(), p(r(f), {
-            key: 1,
-            name: "restart"
-          })) : N.value ? (o(), p(r(f), {
-            key: 2,
-            name: "cloud-upload"
-          })) : O.value ? (o(), p(r(f), {
-            key: 3,
-            name: "success"
-          })) : (o(), p(r(f), {
-            key: 4,
-            name: "paper-clip"
-          })),
-          u("div", {
-            "data-placeholder": e.placeholder ?? "Choose file",
-            class: "pl-file-input__filename"
-          }, c(y.value), 9, oe),
-          V.value ? (o(), n("div", le, c(V.value), 1)) : s("", !0),
-          e.modelValue ? (o(), p(r(f), {
-            key: 6,
-            class: "pl-file-input__clear",
-            name: "close",
-            onClick: E(F, ["stop"])
-          })) : s("", !0),
-          D(A, { class: "pl-file-input__contour" })
-        ], 34),
-        m.value ? (o(), n("div", te, c(k.value), 1)) : e.helper ? (o(), n("div", re, c(e.helper), 1)) : s("", !0)
-      ], 2),
-      D(r(J), {
-        modelValue: a.fileDialogOpen,
-        "onUpdate:modelValue": t[0] || (t[0] = (d) => a.fileDialogOpen = d),
-        "close-on-outside-click": e.fileDialogCloseOnOutsideClick,
-        extensions: e.extensions,
-        title: e.fileDialogTitle,
-        "onImport:files": $
-      }, null, 8, ["modelValue", "close-on-outside-click", "extensions", "title"])
-    ], 64));
-  }
-});
-export {
-  me as default
-};
-//# sourceMappingURL=PlFileInput.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PlFileInput.vue.js","sources":["../../../../../../../../../lib/ui/uikit/src/components/PlFileInput/PlFileInput.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { prettyBytes } from '@milaboratories/helpers';\nimport type { ImportFileHandle, ImportProgress } from '@platforma-sdk/model';\nimport { getFileNameFromHandle, getFilePathFromHandle } from '@platforma-sdk/model';\nimport { computed, reactive, ref, useSlots, watch } from 'vue';\nimport SvgRequired from '../../generated/components/svg/images/SvgRequired.vue';\nimport { getErrorMessage } from '../../helpers/error.ts';\nimport type { ImportedFiles } from '../../types';\nimport DoubleContour from '../../utils/DoubleContour.vue';\nimport { useLabelNotch } from '../../utils/useLabelNotch';\nimport { PlFileDialog } from '../PlFileDialog';\nimport { PlMaskIcon24 } from '../PlMaskIcon24';\nimport { PlTooltip } from '../PlTooltip';\nimport './pl-file-input.scss';\n\nconst data = reactive({\n  fileDialogOpen: false,\n  error: undefined as undefined | string,\n});\n\nconst slots = useSlots();\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: ImportFileHandle | undefined): void;\n}>();\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * The current import file handle.\n     */\n    modelValue: ImportFileHandle | undefined;\n    /**\n     * The label to display above the input field.\n     */\n    label?: string;\n    /**\n     * If `true`, the input field is marked as required.\n     */\n    required?: boolean;\n    /**\n     * If `true`, the component border is dashed.\n     */\n    dashed?: boolean;\n    /**\n     * Allowed file extensions (should start with `.`)\n     */\n    extensions?: string[];\n    /**\n     * Placeholder text\n     */\n    placeholder?: string;\n    /**\n     * Import/Upload progress\n     */\n    progress?: ImportProgress;\n    /**\n     * An error message to display below the input field.\n     */\n    error?: unknown;\n    /**\n     * A helper text to display below the input field when there are no errors.\n     */\n    helper?: string;\n    /**\n     * Remove rounded border and change styles\n     */\n    cellStyle?: boolean;\n    /**\n     * File dialog title\n     */\n    fileDialogTitle?: string;\n    /**\n     * If `true`, the file dialog window closes when clicking outside the modal area (default: `true`)\n     */\n    fileDialogCloseOnOutsideClick?: boolean;\n  }>(),\n  {\n    label: undefined,\n    extensions: undefined,\n    fileDialogTitle: undefined,\n    placeholder: undefined,\n    progress: undefined,\n    error: undefined,\n    helper: undefined,\n    cellStyle: false,\n    fileDialogCloseOnOutsideClick: true,\n  },\n);\n\nconst tryValue = <T extends ImportFileHandle>(v: T | undefined, cb: (v: T) => string | undefined) => {\n  if (!v) {\n    return undefined;\n  }\n\n  try {\n    return cb(v);\n  } catch (err) {\n    data.error = err instanceof Error ? err.message : String(err);\n    return v;\n  }\n};\n\nconst fileName = computed(() => tryValue(props.modelValue, getFileNameFromHandle));\n\nconst filePath = computed(() => tryValue(props.modelValue, getFilePathFromHandle));\n\nconst isUploading = computed(() => props.progress && !props.progress.done);\n\nconst isUploaded = computed(() => props.progress && props.progress.done);\n\nconst computedErrorMessage = computed(() => getErrorMessage(data.error, props.error));\n\nconst hasErrors = computed(() => typeof computedErrorMessage.value === 'string');\n\nconst uploadStats = computed(() => {\n  const { status, done } = props.progress ?? {};\n\n  if (!status || !status.bytesTotal) {\n    return '';\n  }\n\n  if (status.bytesProcessed && !done) {\n    return prettyBytes(status.bytesProcessed, {}) + ' / ' + prettyBytes(status.bytesTotal, {});\n  }\n\n  return prettyBytes(status.bytesTotal, {});\n});\n\nconst progressStyle = computed(() => {\n  const { progress } = props;\n\n  if (!progress) {\n    return {};\n  }\n\n  return {\n    width: progress.done ? '100%' : Math.round((progress.status?.progress ?? 0) * 100) + '%',\n  };\n});\n\nconst openFileDialog = () => {\n  data.fileDialogOpen = true;\n};\n\nconst onImport = (v: ImportedFiles) => {\n  if (v.files.length) {\n    emit('update:modelValue', v.files[0]);\n  }\n};\n\nconst clear = () => emit('update:modelValue', undefined);\n\nwatch(\n  () => props.modelValue,\n  () => (data.error = undefined),\n  { immediate: true },\n);\n\nconst rootRef = ref();\n\nif (!props.cellStyle) {\n  useLabelNotch(rootRef);\n}\n</script>\n\n<template>\n  <div :class=\"{ 'pl-file-input__cell-style': !!cellStyle, 'has-file': !!fileName }\" class=\"pl-file-input__envelope\">\n    <div\n      ref=\"rootRef\"\n      :class=\"{ dashed, error: hasErrors }\"\n      class=\"pl-file-input\"\n      tabindex=\"0\"\n      @keyup.enter=\"openFileDialog\"\n      @click.stop=\"openFileDialog\"\n    >\n      <div :style=\"progressStyle\" class=\"pl-file-input__progress\" />\n      <label v-if=\"!cellStyle && label\" ref=\"label\">\n        <SvgRequired v-if=\"required\" />\n        <span>{{ label }}</span>\n        <PlTooltip v-if=\"slots.tooltip || filePath\" class=\"info\" position=\"top\">\n          <template #tooltip>\n            <slot v-if=\"slots.tooltip\" name=\"tooltip\" />\n            <template v-else>{{ filePath }}</template>\n          </template>\n        </PlTooltip>\n      </label>\n      <PlMaskIcon24 v-if=\"hasErrors\" name=\"restart\" />\n      <PlMaskIcon24 v-else-if=\"isUploading\" name=\"cloud-upload\" />\n      <PlMaskIcon24 v-else-if=\"isUploaded\" name=\"success\" />\n      <PlMaskIcon24 v-else name=\"paper-clip\" />\n      <div :data-placeholder=\"placeholder ?? 'Choose file'\" class=\"pl-file-input__filename\">\n        {{ fileName }}\n      </div>\n      <div v-if=\"uploadStats\" class=\"pl-file-input__stats\">{{ uploadStats }}</div>\n      <PlMaskIcon24 v-if=\"modelValue\" class=\"pl-file-input__clear\" name=\"close\" @click.stop=\"clear\" />\n      <DoubleContour class=\"pl-file-input__contour\" />\n    </div>\n    <div v-if=\"hasErrors\" class=\"pl-file-input__error\">\n      {{ computedErrorMessage }}\n    </div>\n    <div v-else-if=\"helper\" class=\"pl-file-input__helper\">{{ helper }}</div>\n  </div>\n  <PlFileDialog\n    v-model=\"data.fileDialogOpen\"\n    :close-on-outside-click=\"fileDialogCloseOnOutsideClick\"\n    :extensions=\"extensions\"\n    :title=\"fileDialogTitle\"\n    @import:files=\"onImport\"\n  />\n</template>\n"],"names":["N","T","R","useSlots","v","err","data","k","s","props","h","o","x","E","P","V","J","b","status","computed","y","t","e","progress","openFileDialog","emit","clear","watch","$","useLabelNotch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAeA,MAAAA,WAAsBC,EAAA,GAAA;AAAA,UACJ,IAAAC,EAAA;AAAA,MAChB,gBAAO;AAAA,MACR,OAEaC;AAAAA,IAuEPC,CAAAA,GAAAA,IAAAA,EAAAA,GAAAA,IAAAA,GAAAA,IAAAA,GAAAA,IAAAA,CAAAA,GAAAA,MAAAA;AAID,UAAA;AACF,YAAA;AAAW,iBACJC,EAAK,CAAA;AAAA,QACZC,SAAAA;AACO,iBAAA,EAAA,QAAA,aAAA,QAAA,EAAA,UAAA,OAAA,CAAA,GAAA;AAAA,QAAA;AAAA,IAiBH,GAAAC,IAAAC,EAAA,UAAU,YAASC,CAAAA,CAAAA,eAAmBC,EAAAC,EAAA,YAAAC,CAAA,CAAA,GAAAC,IAAAL,EAAA,MAAAG,EAAA,YAAA,CAAAA,EAAA,SAAA,IAAA,GAAAG,IAAAN,EAAA,MAAAG,EAAA,YAAAA,EAAA,SAAA,IAAA,GAAAI,IAAAP,EAAA,MAAAQ,EAAA,EAAA,OAAAL,EAAA,KAAA,CAAA,GAAA,IAAAH,EAAA,MAAA,OAAAO,EAAA,SAAA,QAAA,GAAAE,IAAAT,EAAA,MAAA;AAExC,YAAA,EAACU,QAAkB,GAAA,MAAA,oBAIZ,CAAA;AAKZ,aAEqBC,CAAS,KAAM,CAAA,EAAA,aAAA,KAAA,EAAA,kBAAA,CAAA,IAAAC,EAAA,EAAA,gBAAA,CAAA,CAAA,IAAA,QAAAA,EAAA,EAAA,YAAA,CAAA,CAAA,IAAAA,EAAA,EAAA,YAAA,CAAA,CAAA;AAAA;AAC7B,UAAAC;AAEN,YAAA,EAIO,UAAAC,EAAA,IAAAX;AAAA,aACEY,IAAS;AAAA,eAJRD,EAAA,OAAA,SAAA,KAAA,SAAAD,IAAAC,EAAA,WAAA,OAAA,SAAAD,EAAA,aAAA,KAAA,GAAA,IAAA;AAAA,MAAA,IAQNG,CAAiB;AAAA,IACrB,CAAA,GAAK,IAAiB,MAAA;AACxB,QAEiB,iBAAsB;AAAA,IACjC,GAAApB,WACFqB;AAIEC,QAAAA,MAAcD,iCAAmC,EAAA,MAAA,CAAA,CAAA;AAAA,IAEvDE,GAAAA,IAAAA,MAAAA,EAAAA,qBAAAA,MAAAA;AAAAC,IAAAA;AAAAA,MAEE,MAAOtB,EAAK;AAAA,MACZ,gBAAkB;AAAA,MACpB,EAAA,WAAA,GAAA;AAAA,IAEA;AAEKG,UAAAA,IACHoB,EAAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

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

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

@@ -1,33 +0,0 @@
-import { defineComponent as s, computed as t, createBlock as i, openBlock as a, unref as l, normalizeClass as m } from "vue";
-import c from "../PlSvg/PlSvg.vue.js";
-const k = /* @__PURE__ */ s({
-  __name: "PlIcon16",
-  props: {
-    name: {},
-    size: {},
-    color: {},
-    stroke: {}
-  },
-  setup(r) {
-    const e = r, o = t(() => {
-      if (typeof e.size == "string") {
-        if (e.size === "small") return 12;
-        if (e.size === "medium") return 16;
-        if (e.size === "large") return 24;
-      }
-      return e.size ?? 16;
-    });
-    return (n, u) => (a(), i(l(c), {
-      name: `16_${e.name}`,
-      class: m([n.$style.icon, "icon-16", "mask-16", `icon-${e.name}`, `mask-${e.name}`]),
-      width: o.value,
-      height: o.value,
-      color: e.color,
-      stroke: e.stroke
-    }, null, 8, ["name", "class", "width", "height", "color", "stroke"]));
-  }
-});
-export {
-  k as default
-};
-//# sourceMappingURL=PlIcon16.vue2.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PlIcon16.vue2.js","sources":["../../../../../../../../../lib/ui/uikit/src/components/PlIcon16/PlIcon16.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { MaskIconName16, Size } from '../../types';\nimport { PlSvg } from '../PlSvg';\nimport { computed } from 'vue';\n\nconst props = defineProps<{\n  name: MaskIconName16;\n  size?: number | string | Size;\n  color?: string | string[];\n  stroke?: string | string[];\n}>();\n\nconst size = computed(() => {\n  if (typeof props.size === 'string') {\n    if (props.size === 'small') return 12;\n    if (props.size === 'medium') return 16;\n    if (props.size === 'large') return 24;\n  }\n  return props.size ?? 16;\n});\n</script>\n\n<template>\n  <PlSvg\n    :name=\"`16_${props.name}`\"\n    :class=\"[$style.icon, 'icon-16', 'mask-16', `icon-${props.name}`, `mask-${props.name}`]\"\n    :width=\"size\"\n    :height=\"size\"\n    :color=\"props.color\"\n    :stroke=\"props.stroke\"\n  />\n</template>\n\n<style module>\n.icon {\n  /* pass color to svg variable */\n  --svg-fill-0: var(--icon-color, var(--mask-icon-bg-color));\n  --svg-fill-1: var(--icon-color, var(--mask-icon-bg-color));\n  --svg-fill-2: var(--icon-color, var(--mask-icon-bg-color));\n  display: inline-block;\n}\n</style>\n"],"names":["props","__props","size","computed"],"mappings":";;;;;;;;;;;AAKA,UAAMA,IAAQC,GAORC,IAAOC,EAAS,MAAM;AACtB,UAAA,OAAOH,EAAM,QAAS,UAAU;AAC9BA,YAAAA,EAAM,SAAS,QAAgB,QAAA;AAC/BA,YAAAA,EAAM,SAAS,SAAiB,QAAA;AAChCA,YAAAA,EAAM,SAAS,QAAgB,QAAA;AAAA,MAAA;AAErC,aAAOA,EAAM,QAAQ;AAAA,IAAA,CACtB;;;;;;;;;;;"}

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

@@ -1,18 +0,0 @@
-(function() {
-  try {
-    if (typeof document < "u") {
-      var o = document.createElement("style");
-      o.appendChild(document.createTextNode("._icon_d0ctm_2{--svg-fill-0: var(--icon-color, var(--mask-icon-bg-color));--svg-fill-1: var(--icon-color, var(--mask-icon-bg-color));--svg-fill-2: var(--icon-color, var(--mask-icon-bg-color));display:inline-block}")), document.head.appendChild(o);
-    }
-  } catch (c) {
-    console.error("vite-plugin-css-injected-by-js", c);
-  }
-})();
-const e = "_icon_d0ctm_2", n = {
-  icon: e
-};
-export {
-  n as default,
-  e as icon
-};
-//# sourceMappingURL=PlIcon16.vue3.js.map

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

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

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

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

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

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

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

@@ -1,33 +0,0 @@
-import { defineComponent as s, computed as t, createBlock as i, openBlock as a, unref as l, normalizeClass as m } from "vue";
-import c from "../PlSvg/PlSvg.vue.js";
-const k = /* @__PURE__ */ s({
-  __name: "PlIcon24",
-  props: {
-    name: {},
-    size: {},
-    color: {},
-    stroke: {}
-  },
-  setup(r) {
-    const e = r, o = t(() => {
-      if (typeof e.size == "string") {
-        if (e.size === "small") return 16;
-        if (e.size === "medium") return 24;
-        if (e.size === "large") return 32;
-      }
-      return e.size ?? 24;
-    });
-    return (n, u) => (a(), i(l(c), {
-      name: `24_${e.name}`,
-      class: m(["icon-24", "mask-24", `icon-${e.name}`, `mask-${e.name}`, n.$style.icon]),
-      width: o.value,
-      height: o.value,
-      color: e.color,
-      stroke: e.stroke
-    }, null, 8, ["name", "class", "width", "height", "color", "stroke"]));
-  }
-});
-export {
-  k as default
-};
-//# sourceMappingURL=PlIcon24.vue2.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PlIcon24.vue2.js","sources":["../../../../../../../../../lib/ui/uikit/src/components/PlIcon24/PlIcon24.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { MaskIconName24, Size } from '../../types';\nimport { PlSvg } from '../PlSvg';\nimport { computed } from 'vue';\n\nconst props = defineProps<{\n  name: MaskIconName24;\n  size?: number | string | Size;\n  color?: string | string[];\n  stroke?: string | string[];\n}>();\n\nconst size = computed(() => {\n  if (typeof props.size === 'string') {\n    if (props.size === 'small') return 16;\n    if (props.size === 'medium') return 24;\n    if (props.size === 'large') return 32;\n  }\n  return props.size ?? 24;\n});\n</script>\n\n<template>\n  <PlSvg\n    :name=\"`24_${props.name}`\"\n    :class=\"['icon-24', 'mask-24', `icon-${props.name}`, `mask-${props.name}`, $style.icon]\"\n    :width=\"size\"\n    :height=\"size\"\n    :color=\"props.color\"\n    :stroke=\"props.stroke\"\n  />\n</template>\n\n<style module>\n.icon {\n  /* pass color to svg variable */\n  --svg-fill-0: var(--icon-color, var(--mask-icon-bg-color));\n  --svg-fill-1: var(--icon-color, var(--mask-icon-bg-color));\n  --svg-fill-2: var(--icon-color, var(--mask-icon-bg-color));\n  --svg-fill-3: var(--icon-color, var(--mask-icon-bg-color));\n  --svg-fill-4: var(--icon-color, var(--mask-icon-bg-color));\n  --svg-fill-5: var(--icon-color, var(--mask-icon-bg-color));\n  --svg-fill-6: var(--icon-color, var(--mask-icon-bg-color));\n  --svg-stroke-0: var(--icon-color, var(--mask-icon-bg-color));\n  --svg-stroke-1: var(--icon-color, var(--mask-icon-bg-color));\n  --svg-stroke-2: var(--icon-color, var(--mask-icon-bg-color));\n  --svg-stroke-3: var(--icon-color, var(--mask-icon-bg-color));\n  --svg-stroke-4: var(--icon-color, var(--mask-icon-bg-color));\n  --svg-stroke-5: var(--icon-color, var(--mask-icon-bg-color));\n  --svg-stroke-6: var(--icon-color, var(--mask-icon-bg-color));\n  display: inline-block;\n}\n</style>\n"],"names":["props","__props","size","computed"],"mappings":";;;;;;;;;;;AAKA,UAAMA,IAAQC,GAORC,IAAOC,EAAS,MAAM;AACtB,UAAA,OAAOH,EAAM,QAAS,UAAU;AAC9BA,YAAAA,EAAM,SAAS,QAAgB,QAAA;AAC/BA,YAAAA,EAAM,SAAS,SAAiB,QAAA;AAChCA,YAAAA,EAAM,SAAS,QAAgB,QAAA;AAAA,MAAA;AAErC,aAAOA,EAAM,QAAQ;AAAA,IAAA,CACtB;;;;;;;;;;;"}

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

@@ -1,18 +0,0 @@
-(function() {
-  try {
-    if (typeof document < "u") {
-      var o = document.createElement("style");
-      o.appendChild(document.createTextNode("._icon_6q2ws_2{--svg-fill-0: var(--icon-color, var(--mask-icon-bg-color));--svg-fill-1: var(--icon-color, var(--mask-icon-bg-color));--svg-fill-2: var(--icon-color, var(--mask-icon-bg-color));--svg-fill-3: var(--icon-color, var(--mask-icon-bg-color));--svg-fill-4: var(--icon-color, var(--mask-icon-bg-color));--svg-fill-5: var(--icon-color, var(--mask-icon-bg-color));--svg-fill-6: var(--icon-color, var(--mask-icon-bg-color));--svg-stroke-0: var(--icon-color, var(--mask-icon-bg-color));--svg-stroke-1: var(--icon-color, var(--mask-icon-bg-color));--svg-stroke-2: var(--icon-color, var(--mask-icon-bg-color));--svg-stroke-3: var(--icon-color, var(--mask-icon-bg-color));--svg-stroke-4: var(--icon-color, var(--mask-icon-bg-color));--svg-stroke-5: var(--icon-color, var(--mask-icon-bg-color));--svg-stroke-6: var(--icon-color, var(--mask-icon-bg-color));display:inline-block}")), document.head.appendChild(o);
-    }
-  } catch (c) {
-    console.error("vite-plugin-css-injected-by-js", c);
-  }
-})();
-const r = "_icon_6q2ws_2", a = {
-  icon: r
-};
-export {
-  a as default,
-  r as icon
-};
-//# sourceMappingURL=PlIcon24.vue3.js.map

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

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

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

@@ -1,44 +0,0 @@
-import { defineComponent as o, createElementBlock as t, openBlock as i, createElementVNode as a, normalizeStyle as s } from "vue";
-(function() {
-  try {
-    if (typeof document < "u") {
-      var r = document.createElement("style");
-      r.appendChild(document.createTextNode(".pl-loader-circular{position:relative;height:100%;display:flex;align-items:center;justify-content:center}.pl-loader-circular__svg{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;height:100%;width:100%;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}.pl-loader-circular__svg-circle{stroke-dasharray:150,200;stroke-dashoffset:-10;-webkit-animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:89,200;stroke-dashoffset:-124}}@keyframes color{0%{stroke:var(--ic-02)}40%{stroke:var(--ic-02)}66%{stroke:var(--ic-02)}80%,90%{stroke:var(--ic-02)}}")), document.head.appendChild(r);
-    }
-  } catch (e) {
-    console.error("vite-plugin-css-injected-by-js", e);
-  }
-})();
-const n = { class: "pl-loader-circular" }, c = {
-  class: "pl-loader-circular__svg",
-  viewBox: "25 25 50 50"
-}, l = ["stroke"], p = /* @__PURE__ */ o({
-  __name: "PlLoaderCircular",
-  props: {
-    size: { default: "16" }
-  },
-  setup(r) {
-    return (e, d) => (i(), t("div", n, [
-      a("div", {
-        style: s({ height: `${e.size}px`, width: `${e.size}px`, "--main-color": `${+e.size < 48 ? "var(--ic-01)" : "var(--ic-02)"}` }),
-        class: "pl-circle-loader__wrapper"
-      }, [
-        (i(), t("svg", c, [
-          a("circle", {
-            class: "pl-loader-circular__svg-circle",
-            cx: "50",
-            cy: "50",
-            r: "20",
-            fill: "none",
-            stroke: `${+e.size < 48 ? "var(--ic-01)" : "var(--ic-02)"}`,
-            "stroke-width": "2"
-          }, null, 8, l)
-        ]))
-      ], 4)
-    ]));
-  }
-});
-export {
-  p as default
-};
-//# sourceMappingURL=PlLoaderCircular.vue.js.map

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

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

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

@@ -1,150 +0,0 @@
-import { defineComponent as z, useSlots as A, ref as c, computed as p, watch as L, createElementBlock as d, openBlock as t, normalizeClass as $, createCommentVNode as g, createVNode as u, createElementVNode as k, createBlock as C, toDisplayString as v, unref as l, withCtx as i, renderSlot as j, createTextVNode as F } from "vue";
-import T from "../PlIcon24/PlIcon24.vue.js";
-import { okOptional as P, tapIf as R } from "../../lib/util/helpers/dist/index.js";
-import { useLogHandle as D } from "./useLogHandle.js";
-import { useLabelNotch as q } from "../../utils/useLabelNotch.js";
-import G from "../../utils/DoubleContour.vue.js";
-import m from "../PlTooltip/PlTooltip.vue.js";
-import { downloadContent as I } from "../../helpers/downloadContent.js";
-(function() {
-  try {
-    if (typeof document < "u") {
-      var n = document.createElement("style");
-      n.appendChild(document.createTextNode('.pl-log-view{--log-background: var(--bg-base-light);--contour-color: var(--txt-01);--contour-border-width: 1px;--label-offset-left-x: 8px;--label-offset-right-x: 8px;--border-color-log-view: var(--border-color-div-grey);height:100%;max-height:calc(100% - var(--contour-offset));max-width:calc(100% - var(--contour-offset));border-radius:6px;background:var(--log-background);display:flex;position:relative;min-height:44px;padding-right:40px}.pl-log-view__contour{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--border-radius-control);border-width:var(--contour-border-width);border-color:var(--border-color-log-view);border-style:solid;box-shadow:none;z-index:0;pointer-events:none}.pl-log-view label{display:flex;align-items:center;gap:4px;position:absolute;top:0;transform:translateY(-60%);left:var(--label-offset-left-x);padding:0 4px;max-width:calc(100% - 16px);overflow:hidden;white-space:pre;text-overflow:ellipsis;cursor:inherit;color:var(--label-color);font-size:12px;font-weight:500;border-bottom-right-radius:4px;border-bottom-left-radius:4px;background:var(--bg-elevated-01)}.pl-log-view label>span{overflow:hidden;white-space:pre;text-overflow:ellipsis}.pl-log-view.has-error{--log-background: linear-gradient(90deg, #FFEBEB 0%, #FFFFFF 100%);--border-color-log-view: var(--border-color-error)}.pl-log-view__copy{position:absolute;top:12px;right:12px;cursor:pointer;--icon-color: var(--ic-02)}.pl-log-view__copy>*:hover{--icon-color: var(--txt-01)}.pl-log-view__content{margin:12px;max-height:100%;max-width:100%;flex:1;color:var(--txt-01);font-feature-settings:"ss11" on,"ss15" on,"ss17" on;font-family:var(--font-family-monospace);white-space:pre;font-size:14px;font-weight:400;line-height:20px;--thumb-color: var(--ic-02);overflow-y:auto;overflow-x:auto}.pl-log-view__content::-webkit-scrollbar{width:var(--scrollbar-width, 6px);height:5px;background-color:transparent;display:block}.pl-log-view__content::-webkit-scrollbar-thumb{background:var(--thumb-color);border-radius:5px}.pl-log-view__content::-webkit-scrollbar-thumb:hover{--thumb-color: var(--border-color-focus)}.pl-log-view__error{margin:12px;max-height:100%;max-width:100%;flex:1;color:var(--txt-01);font-feature-settings:"ss11" on,"ss15" on,"ss17" on;font-family:var(--font-family-monospace);white-space:pre;font-size:14px;font-weight:400;line-height:20px;--thumb-color: var(--ic-02);overflow-y:auto;overflow-x:auto}.pl-log-view__error::-webkit-scrollbar{width:var(--scrollbar-width, 6px);height:5px;background-color:transparent;display:block}.pl-log-view__error::-webkit-scrollbar-thumb{background:var(--thumb-color);border-radius:5px}.pl-log-view__error::-webkit-scrollbar-thumb:hover{--thumb-color: var(--border-color-focus)}')), document.head.appendChild(n);
-    }
-  } catch (f) {
-    console.error("vite-plugin-css-injected-by-js", f);
-  }
-})();
-const J = { key: 0 }, M = { class: "pl-log-view__copy" }, O = {
-  key: 1,
-  class: "pl-log-view__error"
-}, Q = {
-  name: "PlLogView"
-}, ro = /* @__PURE__ */ z({
-  ...Q,
-  props: {
-    value: {},
-    valueToCopy: {},
-    logHandle: {},
-    progressPrefix: {},
-    error: {},
-    output: {},
-    maxRetries: {},
-    mockPlatforma: {},
-    label: {},
-    disableAutoScroll: { type: Boolean },
-    downloadFilename: {}
-  },
-  setup(n) {
-    const f = (o) => {
-      if (o && o.ok === !1)
-        return o.errors.join(`
-`);
-    }, N = A(), r = n, h = D(r), w = c(!0), x = c(), y = c(), b = p(() => {
-      var o;
-      return ((o = h.value) == null ? void 0 : o.error) ?? r.error ?? f(r.output);
-    }), a = p(() => {
-      var o;
-      return ((o = h.value) == null ? void 0 : o.lines) ?? r.value ?? P(r.output);
-    }), _ = p(() => {
-      if (r.valueToCopy)
-        return r.valueToCopy;
-      if (a.value && typeof a.value == "string")
-        return a.value;
-    }), s = c(!1);
-    q(y);
-    const B = p(() => s.value ? "clipboard-copied" : "clipboard"), V = () => {
-      s.value = !0, setTimeout(() => {
-        s.value = !1;
-      }, 1200);
-      const o = _.value;
-      o !== void 0 && navigator.clipboard.writeText(o);
-    }, E = (o) => {
-      const e = _.value;
-      e !== void 0 && I([e, "text/plain"], o);
-    }, H = () => {
-      r.disableAutoScroll || R(x.value, (o) => {
-        w.value && o.scrollTo(o.scrollLeft, o.scrollHeight);
-      });
-    };
-    L(
-      a,
-      () => {
-        requestAnimationFrame(() => {
-          H();
-        });
-      },
-      { immediate: !0 }
-    );
-    const S = (o) => {
-      const e = o.target;
-      w.value = e.scrollTop + 20 >= e.scrollHeight - e.offsetHeight;
-    };
-    return (o, e) => (t(), d("div", {
-      ref_key: "root",
-      ref: y,
-      class: $(["pl-log-view", { "has-error": b.value }])
-    }, [
-      o.label ? (t(), d("label", J, [
-        k("span", null, v(o.label), 1),
-        l(N).tooltip ? (t(), C(l(m), {
-          key: 0,
-          class: "info",
-          position: "top"
-        }, {
-          tooltip: i(() => [
-            j(o.$slots, "tooltip")
-          ]),
-          _: 3
-        })) : g("", !0)
-      ])) : g("", !0),
-      u(G, { class: "pl-log-view__contour" }),
-      k("div", M, [
-        u(l(m), {
-          "close-delay": 800,
-          position: "top"
-        }, {
-          tooltip: i(() => [
-            F(v(s.value ? "copied" : "copy"), 1)
-          ]),
-          default: i(() => [
-            u(l(T), {
-              title: "Copy content",
-              name: B.value,
-              onClick: V
-            }, null, 8, ["name"])
-          ]),
-          _: 1
-        }),
-        o.downloadFilename ? (t(), C(l(m), {
-          key: 0,
-          "close-delay": 800,
-          position: "top"
-        }, {
-          tooltip: i(() => e[1] || (e[1] = [
-            F("download")
-          ])),
-          default: i(() => [
-            u(l(T), {
-              name: "download",
-              onClick: e[0] || (e[0] = () => E(o.downloadFilename))
-            })
-          ]),
-          _: 1
-        })) : g("", !0)
-      ]),
-      b.value ? (t(), d("div", O, v(b.value), 1)) : (t(), d("div", {
-        key: 2,
-        ref_key: "contentRef",
-        ref: x,
-        class: "pl-log-view__content",
-        onScroll: S
-      }, v(a.value), 545))
-    ], 2));
-  }
-});
-export {
-  ro as default
-};
-//# sourceMappingURL=PlLogView.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PlLogView.vue.js","sources":["../../../../../../../../../lib/ui/uikit/src/components/PlLogView/PlLogView.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Log Viewer Component\n */\nexport default {\n  name: 'PlLogView',\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, useSlots, watch } from 'vue';\nimport { PlMaskIcon24 } from '../PlMaskIcon24';\nimport './pl-log-view.scss';\nimport { okOptional, tapIf } from '@milaboratories/helpers';\nimport type { AnyLogHandle, Platforma, ValueOrErrors } from '@platforma-sdk/model';\nimport { useLogHandle } from './useLogHandle';\nimport { useLabelNotch } from '../../utils/useLabelNotch';\nimport DoubleContour from '../../utils/DoubleContour.vue';\nimport { PlTooltip } from '../PlTooltip';\nimport { PlIcon24 } from '../PlIcon24';\nimport { downloadContent } from '../../helpers/dom';\n\nconst getOutputError = <T>(o?: ValueOrErrors<T>) => {\n  if (o && o.ok === false) {\n    return o.errors.join('\\n');\n  }\n};\n\nconst slots = useSlots();\n\nconst props = defineProps<{\n  /**\n   * String contents\n   */\n  value?: string;\n  /**\n   * The content to copy (Note: it takes precedence over value property)\n   */\n  valueToCopy?: string;\n  /**\n   * AnyLogHandle\n   */\n  logHandle?: AnyLogHandle;\n  /**\n   * Custom progress prefix (to filter logHandle results)\n   */\n  progressPrefix?: string;\n  /**\n   * String contents\n   */\n  error?: unknown;\n  /**\n   * Block output (Note: error and value take precedence over output property)\n   */\n  output?: ValueOrErrors<unknown>;\n  /**\n   * Max retries for AnyLogHandle fetch (with the same parameters)\n   */\n  maxRetries?: number;\n  /**\n   * @TODO\n   */\n  mockPlatforma?: Platforma;\n  /**\n   * The label to display above the texarea.\n   */\n  label?: string;\n  /**\n   * Do not scroll to bottom on content change. Default is false (scroll to bottom).\n   */\n  disableAutoScroll?: boolean;\n  /**\n   * If provided, a download icon will be shown and the content will be downloaded when clicked.\n   */\n  downloadFilename?: string;\n}>();\n\nconst logState = useLogHandle(props);\n\nconst isAnchored = ref<boolean>(true);\n\nconst contentRef = ref<HTMLElement>();\n\nconst root = ref<HTMLInputElement>();\n\nconst computedError = computed(() => logState.value?.error ?? props.error ?? getOutputError(props.output));\n\nconst computedValue = computed(() => logState.value?.lines ?? props.value ?? okOptional(props.output));\n\nconst computedValueToCopy = computed(() => {\n  if (props.valueToCopy) {\n    return props.valueToCopy;\n  }\n  if (computedValue.value && typeof computedValue.value === 'string') {\n    return computedValue.value;\n  }\n  return undefined;\n});\n\nconst copyActive = ref(false);\n\nuseLabelNotch(root);\n\nconst iconName = computed(() => (copyActive.value ? 'clipboard-copied' : 'clipboard'));\n\nconst onClickCopy = () => {\n  copyActive.value = true;\n  setTimeout(() => {\n    copyActive.value = false;\n  }, 1200);\n\n  const toCopy = computedValueToCopy.value;\n\n  if (toCopy !== undefined) {\n    navigator.clipboard.writeText(toCopy);\n  }\n};\n\nconst onClickDownload = (filename: string) => {\n  const toDownload = computedValueToCopy.value;\n\n  if (toDownload !== undefined) {\n    downloadContent([toDownload, 'text/plain'], filename);\n  }\n};\n\nconst optionallyScrollDown = () => {\n  if (props.disableAutoScroll) {\n    return;\n  }\n\n  tapIf(contentRef.value, (el) => {\n    if (isAnchored.value) {\n      el.scrollTo(el.scrollLeft, el.scrollHeight);\n    }\n  });\n};\n\nwatch(\n  computedValue,\n  () => {\n    requestAnimationFrame(() => {\n      optionallyScrollDown();\n    });\n  },\n  { immediate: true },\n);\n\nconst onContentScroll = (ev: Event) => {\n  const el = ev.target as HTMLElement;\n  isAnchored.value = el.scrollTop + 20 /* ~ 1 line height */ >= el.scrollHeight - el.offsetHeight;\n};\n</script>\n\n<template>\n  <div ref=\"root\" class=\"pl-log-view\" :class=\"{ 'has-error': computedError }\">\n    <label v-if=\"label\">\n      <span>{{ label }}</span>\n      <PlTooltip v-if=\"slots.tooltip\" class=\"info\" position=\"top\">\n        <template #tooltip>\n          <slot name=\"tooltip\" />\n        </template>\n      </PlTooltip>\n    </label>\n    <DoubleContour class=\"pl-log-view__contour\" />\n    <div class=\"pl-log-view__copy\">\n      <PlTooltip :close-delay=\"800\" position=\"top\">\n        <PlMaskIcon24 title=\"Copy content\" :name=\"iconName\" @click=\"onClickCopy\" />\n        <template #tooltip>{{ copyActive ? 'copied' : 'copy' }}</template>\n      </PlTooltip>\n      <PlTooltip v-if=\"downloadFilename\" :close-delay=\"800\" position=\"top\">\n        <PlIcon24 name=\"download\" @click=\"() => onClickDownload(downloadFilename!)\" />\n        <template #tooltip>download</template>\n      </PlTooltip>\n    </div>\n    <div v-if=\"computedError\" class=\"pl-log-view__error\">{{ computedError }}</div>\n    <div v-else ref=\"contentRef\" class=\"pl-log-view__content\" @scroll=\"onContentScroll\">{{ computedValue }}</div>\n  </div>\n</template>\n"],"names":["J","getOutputError","V","_a","y","t","I","w","c","n","copyActive","i","s","iconName","A","D","toCopy","filename","H","toDownload","downloadContent","z","tapIf","isAnchored","g","_","watch","computedValue","B","onContentScroll","E","el"],"mappings":";;;;;;;;;;;;;;;;;;;;SAIe;AAAA,GACPA,IAAA;AAAA,EACR,MAAA;;;;;;;;;;;;;;;;EAgBMC,MAAAA,GAAAA;AACA,UAAAC,IAAA,CAAK,MAAS;AACT,UAAA,KAAA,EAAE,OAAO;AAAS,eAAA,EAAA,OAAA,KAAA;AAAA,CAE7B;AAAA;AA2DqCC,UAAAA;AAAoE,eAEpE,IAAAC,EAAA,UAAA,OAAA,SAAA,EAAA,UAAAC,EAAA,SAAAH,EAAAG,EAAA,MAAA;AAAA;AAAAF,UAAAA;AAAgE,eAE1D,IAAAC,EAAA,UAAA,OAAA,SAAA,EAAA,UAAAC,EAAA,SAAAC,EAAAD,EAAA,MAAA;AAAA,IACzC,CAAA,GAAAE,IAAUC,EAAA,MAAA;AACR,UAAAH,EAAA;AAEF,eAAkBA,EAAA;AAChB,UAAAI,EAAA,SAAqB,OAAAA,EAAA,SAAA;AAKnBC,eAAsBD,EAAA;AAAA,IAE5B,IAAkBE,IAAAC,EAAA,EAAA;AAEZC,IAAAA,EAAAA,CAAAA;AAGJ,UAAWC,IAAAN,EAAQ,MACnBG,EAAA,QAAiB,qBAAA,WAAA,GAAAI,IAAA,MAAA;AACf,MAAAJ,EAAAD,QAAmB,IAAA,WAAA,MAAA;AAAA,QAAAC,EACd,QAAA;AAAA,MAEP,GAAA;AAEIK,YAAW,IAAAT,EAAA;AAGjB,YAEyBU,UAAqB,UAAA,UAAA,UAAA,CAAA;AAAA,IAC5C,GAAAC,IAAA,CAAMC,MAAiC;AAEnCA,YAAe,IACjBC,EAAAA;AAEJ,YAEmC,UAAAC,EAAA,CAAA,GAAA,YAAA,GAAA,CAAA;AAAA,IACjC,OAIMC,MAAAA;AACJ,MAAAjB,EAAIkB,uBACaC,EAAA,OAAA,CAAA,MAA2B;AAE7C,QAAAC,EAAA,SAAA,EAAA,SAAA,EAAA,YAAA,EAAA,YAAA;AAAA,MAAA,CACH;AAAA,IAEAC;AACEC,IAAAA;AAAAA,MACAlB;AAAAA,MACE,MAAA;AACuB,8BAAA,MAAA;AACtB,UAAAmB,EAAA;AAAA,QAAA,CACH;AAAA,MACA;AAAA,MACF,EAAA,WAAA,GAAA;AAAA,IAEMC;AACJ,UAAAC,WAAc;AACdP,YAAmBQ,IAAAA,EAAG;AACxB,MAAAN,EAAA,QAAA,EAAA,YAAA,MAAA,EAAA,eAAA,EAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,54 +0,0 @@
-import { ref as d, reactive as v, watch as c } from "vue";
-import { useTimeoutPoll as m } from "../../node_modules/.pnpm/@vueuse_core@13.3.0_vue@3.5.13_typescript@5.6.3_/node_modules/@vueuse/core/index.js";
-import { getRawPlatformaInstance as g } from "../../sdk/model/dist/index.js";
-import { whenever as p } from "../../node_modules/.pnpm/@vueuse_shared@13.3.0_vue@3.5.13_typescript@5.6.3_/node_modules/@vueuse/shared/index.js";
-const w = "[==PROGRESS==]";
-function h(a) {
-  return a.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-}
-function C(a) {
-  const o = d(), n = v({
-    errorCount: 0
-  });
-  async function s() {
-    var e;
-    let r = o.value;
-    if (r === void 0) return;
-    const i = a.mockPlatforma ?? g();
-    if (!i) {
-      console.warn("Platforma API is not available");
-      return;
-    }
-    for (; ; ) {
-      const l = await i.logDriver.readText(r.logHandle, 100, r.lastOffset);
-      if (r.error = void 0, n.errorCount = 0, l.shouldUpdateHandle || r.logHandle !== ((e = o.value) == null ? void 0 : e.logHandle)) return;
-      const u = a.progressPrefix ?? w, f = new TextDecoder().decode(l.data).replace(new RegExp(`${h(u)}`, "g"), "");
-      if (r = Object.assign(r, {
-        lines: r.lines + f,
-        lastOffset: l.newOffset,
-        finished: !l.live
-      }), l.newOffset >= l.size) break;
-    }
-  }
-  const t = m(() => s().catch((e) => {
-    o.value && (n.errorCount++, n.errorCount > (a.maxRetries ?? 3) ? o.value.error = e : console.warn("skip error:", e, "retry..."));
-  }), 1500, { immediate: !1, immediateCallback: !0 });
-  return p(
-    () => {
-      var e;
-      return (e = o == null ? void 0 : o.value) == null ? void 0 : e.finished;
-    },
-    () => t.pause()
-  ), c(
-    () => a.logHandle,
-    (e) => {
-      var r;
-      e === void 0 ? (o.value = void 0, t.pause()) : e !== ((r = o.value) == null ? void 0 : r.logHandle) && (o.value = { logHandle: e, lastOffset: 0, lines: "", finished: !1, error: void 0 }, n.errorCount = 0, t.resume());
-    },
-    { immediate: !0 }
-  ), o;
-}
-export {
-  C as useLogHandle
-};
-//# sourceMappingURL=useLogHandle.js.map

package/dist/lib/ui/uikit/dist/components/PlLogView/useLogHandle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useLogHandle.js","sources":["../../../../../../../../../lib/ui/uikit/src/components/PlLogView/useLogHandle.ts"],"sourcesContent":["import { reactive, type Reactive, ref, watch } from 'vue';\nimport { useTimeoutPoll, whenever } from '@vueuse/core';\nimport { getRawPlatformaInstance, type AnyLogHandle, type Platforma } from '@platforma-sdk/model';\n\ntype LogState = {\n  logHandle: AnyLogHandle;\n  lines: string;\n  lastOffset: number;\n  finished: boolean;\n  error: unknown;\n};\n\nconst ProgressPrefixDefault = '[==PROGRESS==]'; // @TODO ?\n\n// from here https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_expressions#escaping\nfunction escapeRegExp(str: string) {\n  return str.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n}\n\nexport function useLogHandle(\n  props: Reactive<{ logHandle: AnyLogHandle | undefined; maxRetries?: number; mockPlatforma?: Platforma; progressPrefix?: string }>,\n) {\n  const logState = ref<LogState>();\n\n  const data = reactive({\n    errorCount: 0,\n  });\n\n  async function fetchLogs() {\n    // making a snapshot of the ref\n    let currentLogState: LogState | undefined = logState.value;\n\n    if (currentLogState === undefined) return;\n\n    const platforma = props.mockPlatforma ?? getRawPlatformaInstance();\n\n    if (!platforma) {\n      console.warn('Platforma API is not available');\n      return;\n    }\n\n    while (true) {\n      const result = await platforma.logDriver.readText(currentLogState.logHandle, 100, currentLogState.lastOffset);\n\n      currentLogState.error = undefined;\n\n      data.errorCount = 0;\n\n      if (result.shouldUpdateHandle) return;\n\n      // somebody changed target log while we were fetching log data\n      // @TODO There may be a situation where the new descriptor points to the same file and we don't need to reread it\n      if (currentLogState.logHandle !== logState.value?.logHandle) return;\n\n      const progressPrefix = props.progressPrefix ?? ProgressPrefixDefault;\n\n      const newLines = new TextDecoder().decode(result.data).replace(new RegExp(`${escapeRegExp(progressPrefix)}`, 'g'), '');\n\n      // We simply change it in a mutable way: if logHandle has been changed, it points to the new object\n      currentLogState = Object.assign(currentLogState, {\n        lines: currentLogState.lines + newLines,\n        lastOffset: result.newOffset,\n        finished: !result.live,\n      });\n\n      if (result.newOffset >= result.size) break;\n    }\n  }\n\n  const fetchAndCatch = () =>\n    fetchLogs().catch((err) => {\n      if (logState.value) {\n        data.errorCount++;\n        if (data.errorCount > (props.maxRetries ?? 3)) {\n          logState.value.error = err;\n        } else {\n          console.warn('skip error:', err, 'retry...');\n        }\n      }\n    });\n\n  // Only trigger after last fetch is done\n  const timeoutPoll = useTimeoutPoll(fetchAndCatch, 1500, { immediate: false, immediateCallback: true });\n\n  whenever(\n    () => logState?.value?.finished,\n    () => timeoutPoll.pause(),\n  );\n\n  watch(\n    () => props.logHandle,\n    (lh) => {\n      if (lh === undefined) {\n        logState.value = undefined;\n        timeoutPoll.pause();\n      } else if (lh !== logState.value?.logHandle) {\n        logState.value = { logHandle: lh, lastOffset: 0, lines: '', finished: false, error: undefined };\n        data.errorCount = 0;\n        timeoutPoll.resume();\n      }\n    },\n    { immediate: true },\n  );\n\n  return logState;\n}\n"],"names":["ProgressPrefixDefault","escapeRegExp","str","useLogHandle","props","logState","ref","data","reactive","fetchLogs","currentLogState","platforma","getRawPlatformaInstance","result","_a","progressPrefix","newLines","timeoutPoll","useTimeoutPoll","err","whenever","watch","lh"],"mappings":";;;;AAYA,MAAMA,IAAwB;AAG9B,SAASC,EAAaC,GAAa;AAC1BA,SAAAA,EAAI,QAAQ,uBAAuB,MAAM;AAClD;AAEO,SAASC,EACdC,GACA;AACA,QAAMC,IAAWC,KAEXC,IAAOC,EAAS;AAAA,IACpB,YAAY;AAAA,EAAA,CACb;AAED,iBAAeC,IAAY;;AAEzB,QAAIC,IAAwCL,EAAS;AAErD,QAAIK,MAAoB,OAAW;AAE7BC,UAAAA,IAAYP,EAAM,iBAAiBQ,EAAwB;AAEjE,QAAI,CAACD,GAAW;AACd,cAAQ,KAAK,gCAAgC;AAC7C;AAAA,IAAA;AAGW,eAAA;AACLE,YAAAA,IAAS,MAAMF,EAAU,UAAU,SAASD,EAAgB,WAAW,KAAKA,EAAgB,UAAU;AAU5G,UARAA,EAAgB,QAAQ,QAExBH,EAAK,aAAa,GAEdM,EAAO,sBAIPH,EAAgB,gBAAcI,IAAAT,EAAS,UAAT,OAAA,SAAAS,EAAgB,WAAW;AAEvDC,YAAAA,IAAiBX,EAAM,kBAAkBJ,GAEzCgB,IAAW,IAAI,YAAA,EAAc,OAAOH,EAAO,IAAI,EAAE,QAAQ,IAAI,OAAO,GAAGZ,EAAac,CAAc,CAAC,IAAI,GAAG,GAAG,EAAE;AAGnGL,UAAAA,IAAA,OAAO,OAAOA,GAAiB;AAAA,QAC/C,OAAOA,EAAgB,QAAQM;AAAAA,QAC/B,YAAYH,EAAO;AAAA,QACnB,UAAU,CAACA,EAAO;AAAA,MACnB,CAAA,GAEGA,EAAO,aAAaA,EAAO,KAAM;AAAA,IAAA;AAAA,EAAA;AAiBnC,QAAAI,IAAcC,EAbE,MACpBT,IAAY,MAAM,CAACU,MAAQ;AACrBd,IAAAA,EAAS,UACNE,EAAA,cACDA,EAAK,cAAcH,EAAM,cAAc,KACzCC,EAAS,MAAM,QAAQc,IAEf,QAAA,KAAK,eAAeA,GAAK,UAAU;AAAA,EAAA,CAGhD,GAG+C,MAAM,EAAE,WAAW,IAAO,mBAAmB,IAAM;AAErGC,SAAAA;AAAAA,IACE,MAAM;;AAAA,cAAAN,IAAAT,KAAA,OAAA,SAAAA,EAAU,UAAV,gBAAAS,EAAiB;AAAA,IAAA;AAAA,IACvB,MAAMG,EAAY,MAAM;AAAA,EAAA,GAG1BI;AAAAA,IACE,MAAMjB,EAAM;AAAA,IACZ,CAACkB,MAAO;;AACFA,YAAO,UACTjB,EAAS,QAAQ,QACjBY,EAAY,WACHK,QAAOR,IAAAT,EAAS,UAAT,OAAA,SAAAS,EAAgB,eACvBT,EAAA,QAAQ,EAAE,WAAWiB,GAAI,YAAY,GAAG,OAAO,IAAI,UAAU,IAAO,OAAO,UACpFf,EAAK,aAAa,GAClBU,EAAY;IAEhB;AAAA,IACA,EAAE,WAAW,GAAK;AAAA,EAAA,GAGbZ;AACT;"}