@milaboratories/uikit 2.10.37 → 2.10.39

package/dist/components/PlIcon24/PlIcon24.vue2.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"PlIcon24.vue2.js","sources":["../../../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","_createBlock","_unref","PlSvg","_normalizeClass","$style"],"mappings":";;;;;;;;;;;AAKA,UAAMA,IAAQC,GAORC,IAAOC,EAAS,MAAM;AAC1B,UAAI,OAAOH,EAAM,QAAS,UAAU;AAClC,YAAIA,EAAM,SAAS,QAAS,QAAO;AACnC,YAAIA,EAAM,SAAS,SAAU,QAAO;AACpC,YAAIA,EAAM,SAAS,QAAS,QAAO;AAAA,MACrC;AACA,aAAOA,EAAM,QAAQ;AAAA,IACvB,CAAC;2BAICI,EAOEC,EAAAC,CAAA,GAAA;AAAA,MANC,MAAI,MAAQN,EAAM,IAAI;AAAA,MACtB,OAAKO,EAAA,CAAA,WAAA,WAAA,QAAiCP,EAAM,IAAI,IAAA,QAAYA,EAAM,IAAI,IAAIQ,EAAAA,OAAO,IAAI,CAAA;AAAA,MACrF,OAAON,EAAA;AAAA,MACP,QAAQA,EAAA;AAAA,MACR,OAAOF,EAAM;AAAA,MACb,QAAQA,EAAM;AAAA,IAAA;;;"}
+{"version":3,"file":"PlIcon24.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../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"],"mappings":";;;;;;;;;;;EAKA,IAAM,IAAQ,GAOR,IAAO,QAAe;AAC1B,OAAI,OAAO,EAAM,QAAS,UAAU;AAClC,QAAI,EAAM,SAAS,QAAS,QAAO;AACnC,QAAI,EAAM,SAAS,SAAU,QAAO;AACpC,QAAI,EAAM,SAAS,QAAS,QAAO;;AAErC,UAAO,EAAM,QAAQ;IACrB;yBAIA,EAOE,EAAA,EAAA,EAAA;GANC,MAAI,MAAQ,EAAM;GAClB,OAAK,EAAA;IAAA;IAAA;IAAA,QAAiC,EAAM;IAAI,QAAY,EAAM;IAAQA,EAAAA,OAAO;IAAI,CAAA;GACrF,OAAO,EAAA;GACP,QAAQ,EAAA;GACR,OAAO,EAAM;GACb,QAAQ,EAAM"}

package/dist/components/PlLoaderCircular/PlLoaderCircular.js

@@ -0,0 +1,5 @@
+import e from "./PlLoaderCircular.vue2.js";
+var t = e;
+export { t as default };
+
+//# sourceMappingURL=PlLoaderCircular.js.map

package/dist/components/PlLoaderCircular/PlLoaderCircular.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlLoaderCircular.js","names":[],"sources":["../../../src/components/PlLoaderCircular/PlLoaderCircular.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./pl-loader-circular.scss\";\n\nwithDefaults(\n  defineProps<{\n    size?: \"16\" | \"24\" | \"48\" | string;\n  }>(),\n  { size: \"16\" },\n);\n</script>\n<template>\n  <div class=\"pl-loader-circular\">\n    <div\n      :style=\"{\n        height: `${size}px`,\n        width: `${size}px`,\n        '--main-color': `${+size < 48 ? 'var(--ic-01)' : 'var(--ic-02)'}`,\n      }\"\n      class=\"pl-circle-loader__wrapper\"\n    >\n      <svg class=\"pl-loader-circular__svg\" viewBox=\"25 25 50 50\">\n        <circle\n          class=\"pl-loader-circular__svg-circle\"\n          cx=\"50\"\n          cy=\"50\"\n          r=\"20\"\n          fill=\"none\"\n          :stroke=\"`${+size < 48 ? 'var(--ic-01)' : 'var(--ic-02)'}`\"\n          stroke-width=\"2\"\n        />\n      </svg>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/PlLoaderCircular/PlLoaderCircular.vue2.js

@@ -1,5 +1,30 @@
-import f from "./PlLoaderCircular.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=PlLoaderCircular.vue2.js.map
+import './pl-loader-circular.css';/* empty css                   */
+import { createElementBlock as e, createElementVNode as t, defineComponent as n, normalizeStyle as r, openBlock as i } from "vue";
+var a = { class: "pl-loader-circular" }, o = {
+	class: "pl-loader-circular__svg",
+	viewBox: "25 25 50 50"
+}, s = ["stroke"], c = /* @__PURE__ */ n({
+	__name: "PlLoaderCircular",
+	props: { size: { default: "16" } },
+	setup(n) {
+		return (c, l) => (i(), e("div", a, [t("div", {
+			style: r({
+				height: `${n.size}px`,
+				width: `${n.size}px`,
+				"--main-color": `${+n.size < 48 ? "var(--ic-01)" : "var(--ic-02)"}`
+			}),
+			class: "pl-circle-loader__wrapper"
+		}, [(i(), e("svg", o, [t("circle", {
+			class: "pl-loader-circular__svg-circle",
+			cx: "50",
+			cy: "50",
+			r: "20",
+			fill: "none",
+			stroke: `${+n.size < 48 ? "var(--ic-01)" : "var(--ic-02)"}`,
+			"stroke-width": "2"
+		}, null, 8, s)]))], 4)]));
+	}
+});
+export { c as default };
+
+//# sourceMappingURL=PlLoaderCircular.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlLoaderCircular.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"PlLoaderCircular.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlLoaderCircular/PlLoaderCircular.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./pl-loader-circular.scss\";\n\nwithDefaults(\n  defineProps<{\n    size?: \"16\" | \"24\" | \"48\" | string;\n  }>(),\n  { size: \"16\" },\n);\n</script>\n<template>\n  <div class=\"pl-loader-circular\">\n    <div\n      :style=\"{\n        height: `${size}px`,\n        width: `${size}px`,\n        '--main-color': `${+size < 48 ? 'var(--ic-01)' : 'var(--ic-02)'}`,\n      }\"\n      class=\"pl-circle-loader__wrapper\"\n    >\n      <svg class=\"pl-loader-circular__svg\" viewBox=\"25 25 50 50\">\n        <circle\n          class=\"pl-loader-circular__svg-circle\"\n          cx=\"50\"\n          cy=\"50\"\n          r=\"20\"\n          fill=\"none\"\n          :stroke=\"`${+size < 48 ? 'var(--ic-01)' : 'var(--ic-02)'}`\"\n          stroke-width=\"2\"\n        />\n      </svg>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;yBAWE,EAqBM,OArBN,GAqBM,CApBJ,EAmBM,OAAA;GAlBH,OAAK,EAAA;eAAuB,EAAA,KAAI;cAAwB,EAAA,KAAI;wBAAkC,EAAA,OAAI,KAAA,iBAAA;;GAKnG,OAAM;YAEN,EAUM,OAVN,GAUM,CATJ,EAQE,UAAA;GAPA,OAAM;GACN,IAAG;GACH,IAAG;GACH,GAAE;GACF,MAAK;GACJ,QAAM,GAAA,CAAM,EAAA,OAAI,KAAA,iBAAA;GACjB,gBAAa"}

package/dist/components/PlLoaderCircular/pl-loader-circular.css

@@ -1 +1 @@
-.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)}}
+.pl-loader-circular{justify-content:center;align-items:center;height:100%;display:flex;position:relative}.pl-loader-circular__svg{transform-origin:50%;width:100%;height:100%;animation:2s linear infinite rotate}.pl-loader-circular__svg-circle{stroke-dasharray:150 200;stroke-dashoffset:-10px;stroke-linecap:round;animation:1.5s ease-in-out infinite dash,6s ease-in-out infinite color}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1 200;stroke-dashoffset:0}50%{stroke-dasharray:89 200;stroke-dashoffset:-35px}to{stroke-dasharray:89 200;stroke-dashoffset:-124px}}@keyframes color{0%{stroke:var(--ic-02)}40%{stroke:var(--ic-02)}66%{stroke:var(--ic-02)}80%,90%{stroke:var(--ic-02)}}

package/dist/components/PlLoaderLogo.js

@@ -0,0 +1,7 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import t from "./PlLoaderLogo.vue2.js";
+import n from "./PlLoaderLogo.style.js";
+var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
+export { r as default };
+
+//# sourceMappingURL=PlLoaderLogo.js.map

package/dist/components/PlLoaderLogo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlLoaderLogo.js","names":[],"sources":["../../src/components/PlLoaderLogo.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useCssModule } from \"vue\";\n\nconst props = defineProps<{\n  size?: number | string;\n  color?: string;\n  backgroundColor?: string;\n}>();\n\nconst styles = useCssModule();\n\nconst size = computed(() =>\n  typeof props.size === \"number\" ? CSS.px(props.size).toString() : props.size,\n);\n\nconst color = props.color ?? \"currentColor\";\nconst backgroundColor = props.backgroundColor ?? \"var(--color-div-bw)\";\n</script>\n\n<template>\n  <svg viewBox=\"0 0 64 64\" xmlns=\"http://www.w3.org/2000/svg\" :class=\"styles.root\">\n    <path d=\"m32 3 26 15H6z\" />\n    <path d=\"M32 18h26v28H32z\" />\n    <path d=\"M32 45.5h26L32 61z\" />\n    <path d=\"M6 39h26v22L6 46z\" />\n    <path d=\"M6 30h26v8H6z\" />\n    <path d=\"M6 18h26v12H6z\" />\n    <path\n      d=\"M28.816 1.834c.788-.423 1.357-.671 1.947-.796a6 6 0 0 1 2.474 0c.59.125 1.159.373 1.947.796.578.295 1.26.685 2.141 1.189l17.411 9.956a67 67 0 0 1 1.88 1.098c.853.511 1.397.896 1.83 1.375a6 6 0 0 1 1.258 2.167c.296.907.296 1.922.296 3.951v20.858c0 2.029 0 3.043-.296 3.95a6 6 0 0 1-1.258 2.168c-.433.479-.977.864-1.83 1.376-.504.31-1.116.66-1.88 1.097l-17.41 9.956c-.882.504-1.563.893-2.14 1.188-.79.424-1.358.672-1.949.796a6 6 0 0 1-2.474 0c-.59-.124-1.16-.372-1.948-.796-.578-.295-1.259-.684-2.14-1.188l-17.41-9.956a69 69 0 0 1-1.88-1.097c-.853-.512-1.397-.897-1.831-1.376a6 6 0 0 1-1.258-2.167C4 45.47 4 44.457 4 42.428V21.57c0-2.03 0-3.044.296-3.95a6 6 0 0 1 1.258-2.168c.434-.479.977-.864 1.83-1.375a68 68 0 0 1 1.88-1.098l17.411-9.956c.882-.504 1.563-.894 2.14-1.19M8 27.997V19.99h21.964v8.006zm0 8.005v-4.003h21.964v4.003zM29.964 58.33 8 45.722v-5.718h21.964zm22.051-10.32L34.037 58.33V48.01zM56 19.99v24.016H34.037V19.99zm-44.016-4L32 4.499l20.016 11.49z\"\n    />\n  </svg>\n</template>\n\n<style module>\n.root {\n  min-block-size: v-bind(size);\n  max-block-size: v-bind(size);\n  min-inline-size: v-bind(size);\n  max-inline-size: v-bind(size);\n  fill-rule: evenodd;\n  path {\n    &:not(:last-of-type) {\n      fill: v-bind(backgroundColor);\n      animation-duration: 1s;\n      animation-delay: calc(1s / 6 * (sibling-index() - 1));\n      animation-iteration-count: infinite;\n      animation-name: flash;\n    }\n    &:last-of-type {\n      fill: v-bind(color);\n    }\n  }\n}\n\n@keyframes flash {\n  from {\n    fill: v-bind(color);\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/PlLoaderLogo.style.js

@@ -0,0 +1,7 @@
+import './PlLoaderLogo.vue.css';var e = {
+	root: "_root_1hwch_2",
+	flash: "_flash_1hwch_1"
+};
+export { e as default };
+
+//# sourceMappingURL=PlLoaderLogo.style.js.map

package/dist/components/PlLoaderLogo.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlLoaderLogo.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../src/components/PlLoaderLogo.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useCssModule } from \"vue\";\n\nconst props = defineProps<{\n  size?: number | string;\n  color?: string;\n  backgroundColor?: string;\n}>();\n\nconst styles = useCssModule();\n\nconst size = computed(() =>\n  typeof props.size === \"number\" ? CSS.px(props.size).toString() : props.size,\n);\n\nconst color = props.color ?? \"currentColor\";\nconst backgroundColor = props.backgroundColor ?? \"var(--color-div-bw)\";\n</script>\n\n<template>\n  <svg viewBox=\"0 0 64 64\" xmlns=\"http://www.w3.org/2000/svg\" :class=\"styles.root\">\n    <path d=\"m32 3 26 15H6z\" />\n    <path d=\"M32 18h26v28H32z\" />\n    <path d=\"M32 45.5h26L32 61z\" />\n    <path d=\"M6 39h26v22L6 46z\" />\n    <path d=\"M6 30h26v8H6z\" />\n    <path d=\"M6 18h26v12H6z\" />\n    <path\n      d=\"M28.816 1.834c.788-.423 1.357-.671 1.947-.796a6 6 0 0 1 2.474 0c.59.125 1.159.373 1.947.796.578.295 1.26.685 2.141 1.189l17.411 9.956a67 67 0 0 1 1.88 1.098c.853.511 1.397.896 1.83 1.375a6 6 0 0 1 1.258 2.167c.296.907.296 1.922.296 3.951v20.858c0 2.029 0 3.043-.296 3.95a6 6 0 0 1-1.258 2.168c-.433.479-.977.864-1.83 1.376-.504.31-1.116.66-1.88 1.097l-17.41 9.956c-.882.504-1.563.893-2.14 1.188-.79.424-1.358.672-1.949.796a6 6 0 0 1-2.474 0c-.59-.124-1.16-.372-1.948-.796-.578-.295-1.259-.684-2.14-1.188l-17.41-9.956a69 69 0 0 1-1.88-1.097c-.853-.512-1.397-.897-1.831-1.376a6 6 0 0 1-1.258-2.167C4 45.47 4 44.457 4 42.428V21.57c0-2.03 0-3.044.296-3.95a6 6 0 0 1 1.258-2.168c.434-.479.977-.864 1.83-1.375a68 68 0 0 1 1.88-1.098l17.411-9.956c.882-.504 1.563-.894 2.14-1.19M8 27.997V19.99h21.964v8.006zm0 8.005v-4.003h21.964v4.003zM29.964 58.33 8 45.722v-5.718h21.964zm22.051-10.32L34.037 58.33V48.01zM56 19.99v24.016H34.037V19.99zm-44.016-4L32 4.499l20.016 11.49z\"\n    />\n  </svg>\n</template>\n\n<style module>\n.root {\n  min-block-size: v-bind(size);\n  max-block-size: v-bind(size);\n  min-inline-size: v-bind(size);\n  max-inline-size: v-bind(size);\n  fill-rule: evenodd;\n  path {\n    &:not(:last-of-type) {\n      fill: v-bind(backgroundColor);\n      animation-duration: 1s;\n      animation-delay: calc(1s / 6 * (sibling-index() - 1));\n      animation-iteration-count: infinite;\n      animation-name: flash;\n    }\n    &:last-of-type {\n      fill: v-bind(color);\n    }\n  }\n}\n\n@keyframes flash {\n  from {\n    fill: v-bind(color);\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/PlLoaderLogo.vue.css

@@ -0,0 +1 @@
+._root_1hwch_2{min-block-size:var(--v292e9844);max-block-size:var(--v292e9844);min-inline-size:var(--v292e9844);max-inline-size:var(--v292e9844);fill-rule:evenodd}._root_1hwch_2 path:not(:last-of-type){fill:var(--v0b1a86b2);animation-duration:1s;animation-delay:calc(1s / 6 * (sibling-index() - 1));animation-name:_flash_1hwch_1;animation-iteration-count:infinite}._root_1hwch_2 path:last-of-type{fill:var(--v08750100)}@keyframes _flash_1hwch_1{0%{fill:var(--v08750100)}}

package/dist/components/PlLoaderLogo.vue2.js

@@ -1,30 +1,25 @@
-import { defineComponent as n, useCssVars as h, unref as t, computed as v, useCssModule as z, createElementBlock as d, openBlock as u, normalizeClass as m, createStaticVNode as i } from "vue";
-const M = /* @__PURE__ */ n({
-  __name: "PlLoaderLogo",
-  props: {
-    size: {},
-    color: {},
-    backgroundColor: {}
-  },
-  setup(e) {
-    h((l) => ({
-      v292e9844: r.value,
-      v0b1a86b2: t(p),
-      v08750100: t(s)
-    }));
-    const o = e, c = z(), r = v(
-      () => typeof o.size == "number" ? CSS.px(o.size).toString() : o.size
-    ), s = o.color ?? "currentColor", p = o.backgroundColor ?? "var(--color-div-bw)";
-    return (l, a) => (u(), d("svg", {
-      viewBox: "0 0 64 64",
-      xmlns: "http://www.w3.org/2000/svg",
-      class: m(t(c).root)
-    }, [...a[0] || (a[0] = [
-      i('<path d="m32 3 26 15H6z"></path><path d="M32 18h26v28H32z"></path><path d="M32 45.5h26L32 61z"></path><path d="M6 39h26v22L6 46z"></path><path d="M6 30h26v8H6z"></path><path d="M6 18h26v12H6z"></path><path d="M28.816 1.834c.788-.423 1.357-.671 1.947-.796a6 6 0 0 1 2.474 0c.59.125 1.159.373 1.947.796.578.295 1.26.685 2.141 1.189l17.411 9.956a67 67 0 0 1 1.88 1.098c.853.511 1.397.896 1.83 1.375a6 6 0 0 1 1.258 2.167c.296.907.296 1.922.296 3.951v20.858c0 2.029 0 3.043-.296 3.95a6 6 0 0 1-1.258 2.168c-.433.479-.977.864-1.83 1.376-.504.31-1.116.66-1.88 1.097l-17.41 9.956c-.882.504-1.563.893-2.14 1.188-.79.424-1.358.672-1.949.796a6 6 0 0 1-2.474 0c-.59-.124-1.16-.372-1.948-.796-.578-.295-1.259-.684-2.14-1.188l-17.41-9.956a69 69 0 0 1-1.88-1.097c-.853-.512-1.397-.897-1.831-1.376a6 6 0 0 1-1.258-2.167C4 45.47 4 44.457 4 42.428V21.57c0-2.03 0-3.044.296-3.95a6 6 0 0 1 1.258-2.168c.434-.479.977-.864 1.83-1.375a68 68 0 0 1 1.88-1.098l17.411-9.956c.882-.504 1.563-.894 2.14-1.19M8 27.997V19.99h21.964v8.006zm0 8.005v-4.003h21.964v4.003zM29.964 58.33 8 45.722v-5.718h21.964zm22.051-10.32L34.037 58.33V48.01zM56 19.99v24.016H34.037V19.99zm-44.016-4L32 4.499l20.016 11.49z"></path>', 7)
-    ])], 2));
-  }
+import { computed as e, createElementBlock as t, createStaticVNode as n, defineComponent as r, normalizeClass as i, openBlock as a, unref as o, useCssModule as s, useCssVars as c } from "vue";
+var l = /* @__PURE__ */ r({
+	__name: "PlLoaderLogo",
+	props: {
+		size: {},
+		color: {},
+		backgroundColor: {}
+	},
+	setup(r) {
+		c((e) => ({
+			v292e9844: d.value,
+			v0b1a86b2: o(p),
+			v08750100: o(f)
+		}));
+		let l = r, u = s(), d = e(() => typeof l.size == "number" ? CSS.px(l.size).toString() : l.size), f = l.color ?? "currentColor", p = l.backgroundColor ?? "var(--color-div-bw)";
+		return (e, r) => (a(), t("svg", {
+			viewBox: "0 0 64 64",
+			xmlns: "http://www.w3.org/2000/svg",
+			class: i(o(u).root)
+		}, [...r[0] ||= [n("<path d=\"m32 3 26 15H6z\"></path><path d=\"M32 18h26v28H32z\"></path><path d=\"M32 45.5h26L32 61z\"></path><path d=\"M6 39h26v22L6 46z\"></path><path d=\"M6 30h26v8H6z\"></path><path d=\"M6 18h26v12H6z\"></path><path d=\"M28.816 1.834c.788-.423 1.357-.671 1.947-.796a6 6 0 0 1 2.474 0c.59.125 1.159.373 1.947.796.578.295 1.26.685 2.141 1.189l17.411 9.956a67 67 0 0 1 1.88 1.098c.853.511 1.397.896 1.83 1.375a6 6 0 0 1 1.258 2.167c.296.907.296 1.922.296 3.951v20.858c0 2.029 0 3.043-.296 3.95a6 6 0 0 1-1.258 2.168c-.433.479-.977.864-1.83 1.376-.504.31-1.116.66-1.88 1.097l-17.41 9.956c-.882.504-1.563.893-2.14 1.188-.79.424-1.358.672-1.949.796a6 6 0 0 1-2.474 0c-.59-.124-1.16-.372-1.948-.796-.578-.295-1.259-.684-2.14-1.188l-17.41-9.956a69 69 0 0 1-1.88-1.097c-.853-.512-1.397-.897-1.831-1.376a6 6 0 0 1-1.258-2.167C4 45.47 4 44.457 4 42.428V21.57c0-2.03 0-3.044.296-3.95a6 6 0 0 1 1.258-2.168c.434-.479.977-.864 1.83-1.375a68 68 0 0 1 1.88-1.098l17.411-9.956c.882-.504 1.563-.894 2.14-1.19M8 27.997V19.99h21.964v8.006zm0 8.005v-4.003h21.964v4.003zM29.964 58.33 8 45.722v-5.718h21.964zm22.051-10.32L34.037 58.33V48.01zM56 19.99v24.016H34.037V19.99zm-44.016-4L32 4.499l20.016 11.49z\"></path>", 7)]], 2));
+	}
 });
-export {
-  M as default
-};
-//# sourceMappingURL=PlLoaderLogo.vue2.js.map
+export { l as default };
+
+//# sourceMappingURL=PlLoaderLogo.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlLoaderLogo.vue2.js","sources":["../../src/components/PlLoaderLogo.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useCssModule } from \"vue\";\n\nconst props = defineProps<{\n  size?: number | string;\n  color?: string;\n  backgroundColor?: string;\n}>();\n\nconst styles = useCssModule();\n\nconst size = computed(() =>\n  typeof props.size === \"number\" ? CSS.px(props.size).toString() : props.size,\n);\n\nconst color = props.color ?? \"currentColor\";\nconst backgroundColor = props.backgroundColor ?? \"var(--color-div-bw)\";\n</script>\n\n<template>\n  <svg viewBox=\"0 0 64 64\" xmlns=\"http://www.w3.org/2000/svg\" :class=\"styles.root\">\n    <path d=\"m32 3 26 15H6z\" />\n    <path d=\"M32 18h26v28H32z\" />\n    <path d=\"M32 45.5h26L32 61z\" />\n    <path d=\"M6 39h26v22L6 46z\" />\n    <path d=\"M6 30h26v8H6z\" />\n    <path d=\"M6 18h26v12H6z\" />\n    <path\n      d=\"M28.816 1.834c.788-.423 1.357-.671 1.947-.796a6 6 0 0 1 2.474 0c.59.125 1.159.373 1.947.796.578.295 1.26.685 2.141 1.189l17.411 9.956a67 67 0 0 1 1.88 1.098c.853.511 1.397.896 1.83 1.375a6 6 0 0 1 1.258 2.167c.296.907.296 1.922.296 3.951v20.858c0 2.029 0 3.043-.296 3.95a6 6 0 0 1-1.258 2.168c-.433.479-.977.864-1.83 1.376-.504.31-1.116.66-1.88 1.097l-17.41 9.956c-.882.504-1.563.893-2.14 1.188-.79.424-1.358.672-1.949.796a6 6 0 0 1-2.474 0c-.59-.124-1.16-.372-1.948-.796-.578-.295-1.259-.684-2.14-1.188l-17.41-9.956a69 69 0 0 1-1.88-1.097c-.853-.512-1.397-.897-1.831-1.376a6 6 0 0 1-1.258-2.167C4 45.47 4 44.457 4 42.428V21.57c0-2.03 0-3.044.296-3.95a6 6 0 0 1 1.258-2.168c.434-.479.977-.864 1.83-1.375a68 68 0 0 1 1.88-1.098l17.411-9.956c.882-.504 1.563-.894 2.14-1.19M8 27.997V19.99h21.964v8.006zm0 8.005v-4.003h21.964v4.003zM29.964 58.33 8 45.722v-5.718h21.964zm22.051-10.32L34.037 58.33V48.01zM56 19.99v24.016H34.037V19.99zm-44.016-4L32 4.499l20.016 11.49z\"\n    />\n  </svg>\n</template>\n\n<style module>\n.root {\n  min-block-size: v-bind(size);\n  max-block-size: v-bind(size);\n  min-inline-size: v-bind(size);\n  max-inline-size: v-bind(size);\n  fill-rule: evenodd;\n  path {\n    &:not(:last-of-type) {\n      fill: v-bind(backgroundColor);\n      animation-duration: 1s;\n      animation-delay: calc(1s / 6 * (sibling-index() - 1));\n      animation-iteration-count: infinite;\n      animation-name: flash;\n    }\n    &:last-of-type {\n      fill: v-bind(color);\n    }\n  }\n}\n\n@keyframes flash {\n  from {\n    fill: v-bind(color);\n  }\n}\n</style>\n"],"names":["props","__props","styles","useCssModule","size","computed","color","backgroundColor","_createElementBlock","_normalizeClass","_unref"],"mappings":";;;;;;;;;;;;;;AAGA,UAAMA,IAAQC,GAMRC,IAASC,EAAA,GAETC,IAAOC;AAAA,MAAS,MACpB,OAAOL,EAAM,QAAS,WAAW,IAAI,GAAGA,EAAM,IAAI,EAAE,SAAA,IAAaA,EAAM;AAAA,IAAA,GAGnEM,IAAQN,EAAM,SAAS,gBACvBO,IAAkBP,EAAM,mBAAmB;2BAI/CQ,EAUM,OAAA;AAAA,MAVD,SAAQ;AAAA,MAAY,OAAM;AAAA,MAA8B,OAAKC,EAAEC,EAAAR,CAAA,EAAO,IAAI;AAAA,IAAA;;;;;"}
+{"version":3,"file":"PlLoaderLogo.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/PlLoaderLogo.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useCssModule } from \"vue\";\n\nconst props = defineProps<{\n  size?: number | string;\n  color?: string;\n  backgroundColor?: string;\n}>();\n\nconst styles = useCssModule();\n\nconst size = computed(() =>\n  typeof props.size === \"number\" ? CSS.px(props.size).toString() : props.size,\n);\n\nconst color = props.color ?? \"currentColor\";\nconst backgroundColor = props.backgroundColor ?? \"var(--color-div-bw)\";\n</script>\n\n<template>\n  <svg viewBox=\"0 0 64 64\" xmlns=\"http://www.w3.org/2000/svg\" :class=\"styles.root\">\n    <path d=\"m32 3 26 15H6z\" />\n    <path d=\"M32 18h26v28H32z\" />\n    <path d=\"M32 45.5h26L32 61z\" />\n    <path d=\"M6 39h26v22L6 46z\" />\n    <path d=\"M6 30h26v8H6z\" />\n    <path d=\"M6 18h26v12H6z\" />\n    <path\n      d=\"M28.816 1.834c.788-.423 1.357-.671 1.947-.796a6 6 0 0 1 2.474 0c.59.125 1.159.373 1.947.796.578.295 1.26.685 2.141 1.189l17.411 9.956a67 67 0 0 1 1.88 1.098c.853.511 1.397.896 1.83 1.375a6 6 0 0 1 1.258 2.167c.296.907.296 1.922.296 3.951v20.858c0 2.029 0 3.043-.296 3.95a6 6 0 0 1-1.258 2.168c-.433.479-.977.864-1.83 1.376-.504.31-1.116.66-1.88 1.097l-17.41 9.956c-.882.504-1.563.893-2.14 1.188-.79.424-1.358.672-1.949.796a6 6 0 0 1-2.474 0c-.59-.124-1.16-.372-1.948-.796-.578-.295-1.259-.684-2.14-1.188l-17.41-9.956a69 69 0 0 1-1.88-1.097c-.853-.512-1.397-.897-1.831-1.376a6 6 0 0 1-1.258-2.167C4 45.47 4 44.457 4 42.428V21.57c0-2.03 0-3.044.296-3.95a6 6 0 0 1 1.258-2.168c.434-.479.977-.864 1.83-1.375a68 68 0 0 1 1.88-1.098l17.411-9.956c.882-.504 1.563-.894 2.14-1.19M8 27.997V19.99h21.964v8.006zm0 8.005v-4.003h21.964v4.003zM29.964 58.33 8 45.722v-5.718h21.964zm22.051-10.32L34.037 58.33V48.01zM56 19.99v24.016H34.037V19.99zm-44.016-4L32 4.499l20.016 11.49z\"\n    />\n  </svg>\n</template>\n\n<style module>\n.root {\n  min-block-size: v-bind(size);\n  max-block-size: v-bind(size);\n  min-inline-size: v-bind(size);\n  max-inline-size: v-bind(size);\n  fill-rule: evenodd;\n  path {\n    &:not(:last-of-type) {\n      fill: v-bind(backgroundColor);\n      animation-duration: 1s;\n      animation-delay: calc(1s / 6 * (sibling-index() - 1));\n      animation-iteration-count: infinite;\n      animation-name: flash;\n    }\n    &:last-of-type {\n      fill: v-bind(color);\n    }\n  }\n}\n\n@keyframes flash {\n  from {\n    fill: v-bind(color);\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;EAGA,IAAM,IAAQ,GAMR,IAAS,GAAc,EAEvB,IAAO,QACX,OAAO,EAAM,QAAS,WAAW,IAAI,GAAG,EAAM,KAAK,CAAC,UAAU,GAAG,EAAM,KACxE,EAEK,IAAQ,EAAM,SAAS,gBACvB,IAAkB,EAAM,mBAAmB;yBAI/C,EAUM,OAAA;GAVD,SAAQ;GAAY,OAAM;GAA8B,OAAK,EAAE,EAAA,EAAM,CAAC,KAAI"}

package/dist/components/PlLogView/PlLogView.js

@@ -0,0 +1,5 @@
+import e from "./PlLogView.vue2.js";
+var t = e;
+export { t as default };
+
+//# sourceMappingURL=PlLogView.js.map

package/dist/components/PlLogView/PlLogView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlLogView.js","names":[],"sources":["../../../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, OutputWithStatus, Platforma } 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?: OutputWithStatus<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?: OutputWithStatus<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(\n  () => logState.value?.error ?? props.error ?? getOutputError(props.output),\n);\n\nconst computedValue = computed(\n  () => logState.value?.lines ?? props.value ?? okOptional(props.output),\n);\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\">\n      {{ computedValue }}\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/PlLogView/PlLogView.vue2.js

@@ -1,5 +1,108 @@
-import f from "./PlLogView.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=PlLogView.vue2.js.map
+import e from "../PlTooltip/PlTooltip.js";
+import { downloadContent as t } from "../../helpers/downloadContent.js";
+import n from "../PlIcon24/PlIcon24.js";
+import r from "../../utils/DoubleContour.js";
+import { useLabelNotch as i } from "../../utils/useLabelNotch.js";
+import './pl-log-view.css';/* empty css            */
+import { useLogHandle as a } from "./useLogHandle.js";
+import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, openBlock as h, ref as g, renderSlot as _, toDisplayString as v, unref as y, useSlots as b, watch as x, withCtx as S } from "vue";
+import { okOptional as C, tapIf as w } from "@milaboratories/helpers";
+var T = { key: 0 }, E = { class: "pl-log-view__copy" }, D = {
+	key: 1,
+	class: "pl-log-view__error"
+}, O = /* @__PURE__ */ p({
+	name: "PlLogView",
+	props: {
+		value: {},
+		valueToCopy: {},
+		logHandle: {},
+		progressPrefix: {},
+		error: {},
+		output: {},
+		maxRetries: {},
+		mockPlatforma: {},
+		label: {},
+		disableAutoScroll: { type: Boolean },
+		downloadFilename: {}
+	},
+	setup(p) {
+		let O = (e) => {
+			if (e && e.ok === !1) return e.errors.join("\n");
+		}, k = b(), A = p, j = a(A), M = g(!0), N = g(), P = g(), F = o(() => j.value?.error ?? A.error ?? O(A.output)), I = o(() => j.value?.lines ?? A.value ?? C(A.output)), L = o(() => {
+			if (A.valueToCopy) return A.valueToCopy;
+			if (I.value && typeof I.value == "string") return I.value;
+		}), R = g(!1);
+		i(P);
+		let z = o(() => R.value ? "clipboard-copied" : "clipboard"), B = () => {
+			R.value = !0, setTimeout(() => {
+				R.value = !1;
+			}, 1200);
+			let e = L.value;
+			e !== void 0 && navigator.clipboard.writeText(e);
+		}, V = (e) => {
+			let n = L.value;
+			n !== void 0 && t([n, "text/plain"], e);
+		}, H = () => {
+			A.disableAutoScroll || w(N.value, (e) => {
+				M.value && e.scrollTo(e.scrollLeft, e.scrollHeight);
+			});
+		};
+		x(I, () => {
+			requestAnimationFrame(() => {
+				H();
+			});
+		}, { immediate: !0 });
+		let U = (e) => {
+			let t = e.target;
+			M.value = t.scrollTop + 20 >= t.scrollHeight - t.offsetHeight;
+		};
+		return (t, i) => (h(), l("div", {
+			ref_key: "root",
+			ref: P,
+			class: m(["pl-log-view", { "has-error": F.value }])
+		}, [
+			p.label ? (h(), l("label", T, [u("span", null, v(p.label), 1), y(k).tooltip ? (h(), s(y(e), {
+				key: 0,
+				class: "info",
+				position: "top"
+			}, {
+				tooltip: S(() => [_(t.$slots, "tooltip")]),
+				_: 3
+			})) : c("", !0)])) : c("", !0),
+			f(r, { class: "pl-log-view__contour" }),
+			u("div", E, [f(y(e), {
+				"close-delay": 800,
+				position: "top"
+			}, {
+				tooltip: S(() => [d(v(R.value ? "copied" : "copy"), 1)]),
+				default: S(() => [f(y(n), {
+					title: "Copy content",
+					name: z.value,
+					onClick: B
+				}, null, 8, ["name"])]),
+				_: 1
+			}), p.downloadFilename ? (h(), s(y(e), {
+				key: 0,
+				"close-delay": 800,
+				position: "top"
+			}, {
+				tooltip: S(() => [...i[1] ||= [d("download", -1)]]),
+				default: S(() => [f(y(n), {
+					name: "download",
+					onClick: i[0] ||= () => V(p.downloadFilename)
+				})]),
+				_: 1
+			})) : c("", !0)]),
+			F.value ? (h(), l("div", D, v(F.value), 1)) : (h(), l("div", {
+				key: 2,
+				ref_key: "contentRef",
+				ref: N,
+				class: "pl-log-view__content",
+				onScroll: U
+			}, v(I.value), 545))
+		], 2));
+	}
+});
+export { O as default };
+
+//# sourceMappingURL=PlLogView.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlLogView.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"PlLogView.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../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, OutputWithStatus, Platforma } 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?: OutputWithStatus<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?: OutputWithStatus<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(\n  () => logState.value?.error ?? props.error ?? getOutputError(props.output),\n);\n\nconst computedValue = computed(\n  () => logState.value?.lines ?? props.value ?? okOptional(props.output),\n);\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\">\n      {{ computedValue }}\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;CAKE,MAAM;;;;;;;;;;;;;;;EAiBR,IAAM,KAAsB,MAA4B;AACtD,OAAI,KAAK,EAAE,OAAO,GAChB,QAAO,EAAE,OAAO,KAAK,KAAK;KAIxB,IAAQ,GAAU,EAElB,IAAQ,GA+CR,IAAW,EAAa,EAAM,EAE9B,IAAa,EAAa,GAAK,EAE/B,IAAa,GAAkB,EAE/B,IAAO,GAAuB,EAE9B,IAAgB,QACd,EAAS,OAAO,SAAS,EAAM,SAAS,EAAe,EAAM,OAAO,CAC3E,EAEK,IAAgB,QACd,EAAS,OAAO,SAAS,EAAM,SAAS,EAAW,EAAM,OAAO,CACvE,EAEK,IAAsB,QAAe;AACzC,OAAI,EAAM,YACR,QAAO,EAAM;AAEf,OAAI,EAAc,SAAS,OAAO,EAAc,SAAU,SACxD,QAAO,EAAc;IAGvB,EAEI,IAAa,EAAI,GAAM;AAE7B,IAAc,EAAK;EAEnB,IAAM,IAAW,QAAgB,EAAW,QAAQ,qBAAqB,YAAa,EAEhF,UAAoB;AAExB,GADA,EAAW,QAAQ,IACnB,iBAAiB;AACf,MAAW,QAAQ;MAClB,KAAK;GAER,IAAM,IAAS,EAAoB;AAEnC,GAAI,MAAW,KAAA,KACb,UAAU,UAAU,UAAU,EAAO;KAInC,KAAmB,MAAqB;GAC5C,IAAM,IAAa,EAAoB;AAEvC,GAAI,MAAe,KAAA,KACjB,EAAgB,CAAC,GAAY,aAAa,EAAE,EAAS;KAInD,UAA6B;AAC7B,KAAM,qBAIV,EAAM,EAAW,QAAQ,MAAO;AAC9B,IAAI,EAAW,SACb,EAAG,SAAS,EAAG,YAAY,EAAG,aAAa;KAE7C;;AAGJ,IACE,SACM;AACJ,+BAA4B;AAC1B,OAAsB;KACtB;KAEJ,EAAE,WAAW,IAAM,CACpB;EAED,IAAM,KAAmB,MAAc;GACrC,IAAM,IAAK,EAAG;AACd,KAAW,QAAQ,EAAG,YAAY,MAA4B,EAAG,eAAe,EAAG;;yBAKnF,EAwBM,OAAA;YAxBG;GAAJ,KAAI;GAAO,OAAK,EAAA,CAAC,eAAa,EAAA,aAAwB,EAAA,OAAa,CAAA,CAAA;;GACzD,EAAA,SAAA,GAAA,EAAb,EAOQ,SAAA,GAAA,CANN,EAAwB,QAAA,MAAA,EAAf,EAAA,MAAK,EAAA,EAAA,EACG,EAAA,EAAK,CAAC,WAAA,GAAA,EAAvB,EAIY,EAAA,EAAA,EAAA;;IAJoB,OAAM;IAAO,UAAS;;IACzC,SAAO,QACO,CAAvB,EAAuB,EAAA,QAAA,UAAA,CAAA,CAAA;;;GAI7B,EAA8C,GAAA,EAA/B,OAAM,wBAAsB,CAAA;GAC3C,EASM,OATN,GASM,CARJ,EAGY,EAAA,EAAA,EAAA;IAHA,eAAa;IAAK,UAAS;;IAE1B,SAAO,QAAqC,CAAA,EAAA,EAAjC,EAAA,QAAU,WAAA,OAAA,EAAA,EAAA,CAAA,CAAA;qBAD2C,CAA3E,EAA2E,EAAA,EAAA,EAAA;KAA7D,OAAM;KAAgB,MAAM,EAAA;KAAW,SAAO;;;OAG7C,EAAA,oBAAA,GAAA,EAAjB,EAGY,EAAA,EAAA,EAAA;;IAHwB,eAAa;IAAK,UAAS;;IAElD,SAAO,QAAS,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAAR,YAAQ,GAAA,CAAA,CAAA,CAAA;qBADmD,CAA9E,EAA8E,EAAA,EAAA,EAAA;KAApE,MAAK;KAAY,SAAK,AAAA,EAAA,aAAQ,EAAgB,EAAA,iBAAgB;;;;GAIjE,EAAA,SAAA,GAAA,EAAX,EAA8E,OAA9E,GAA8E,EAAtB,EAAA,MAAa,EAAA,EAAA,KAAA,GAAA,EACrE,EAEM,OAAA;;aAFU;IAAJ,KAAI;IAAa,OAAM;IAAwB,UAAQ;QAC9D,EAAA,MAAa,EAAA,IAAA"}

package/dist/components/PlLogView/pl-log-view.css

@@ -1 +1 @@
-.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:-8px;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)}
+.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));background:var(--log-background);border-radius:6px;min-height:44px;padding-right:40px;display:flex;position:relative}.pl-log-view__contour{border-radius:var(--border-radius-control);border-width:var(--contour-border-width);border-color:var(--border-color-log-view);box-shadow:none;z-index:0;pointer-events:none;border-style:solid;position:absolute;inset:0}.pl-log-view label{top:-8px;left:var(--label-offset-left-x);white-space:pre;text-overflow:ellipsis;max-width:calc(100% - 16px);cursor:inherit;color:var(--label-color);background:var(--bg-elevated-01);border-bottom-right-radius:4px;border-bottom-left-radius:4px;align-items:center;gap:4px;padding:0 4px;font-size:12px;font-weight:500;display:flex;position:absolute;overflow:hidden}.pl-log-view label>span{white-space:pre;text-overflow:ellipsis;overflow:hidden}.pl-log-view.has-error{--log-background:linear-gradient(90deg, #ffebeb 0%, #fff 100%);--border-color-log-view:var(--border-color-error)}.pl-log-view__copy{cursor:pointer;--icon-color:var(--ic-02);position:absolute;top:12px;right:12px}.pl-log-view__copy>:hover{--icon-color:var(--txt-01)}.pl-log-view__content{max-width:100%;max-height:100%;color:var(--txt-01);font-feature-settings:"ss11" on, "ss15" on, "ss17" on;font-family:var(--font-family-monospace);white-space:pre;--thumb-color:var(--ic-02);flex:1;margin:12px;font-size:14px;font-weight:400;line-height:20px;overflow:auto}.pl-log-view__content::-webkit-scrollbar{width:var(--scrollbar-width,6px);background-color:#0000;height:5px;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{max-width:100%;max-height:100%;color:var(--txt-01);font-feature-settings:"ss11" on, "ss15" on, "ss17" on;font-family:var(--font-family-monospace);white-space:pre;--thumb-color:var(--ic-02);flex:1;margin:12px;font-size:14px;font-weight:400;line-height:20px;overflow:auto}.pl-log-view__error::-webkit-scrollbar{width:var(--scrollbar-width,6px);background-color:#0000;height:5px;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)}

package/dist/components/PlLogView/useLogHandle.js

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

package/dist/components/PlLogView/useLogHandle.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLogHandle.js","sources":["../../../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<{\n    logHandle: AnyLogHandle | undefined;\n    maxRetries?: number;\n    mockPlatforma?: Platforma;\n    progressPrefix?: string;\n  }>,\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(\n        currentLogState.logHandle,\n        100,\n        currentLogState.lastOffset,\n      );\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()\n        .decode(result.data)\n        .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, {\n    immediate: false,\n    immediateCallback: true,\n  });\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 = {\n          logHandle: lh,\n          lastOffset: 0,\n          lines: \"\",\n          finished: false,\n          error: undefined,\n        };\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;AACjC,SAAOA,EAAI,QAAQ,uBAAuB,MAAM;AAClD;AAEO,SAASC,EACdC,GAMA;AACA,QAAMC,IAAWC,EAAA,GAEXC,IAAOC,EAAS;AAAA,IACpB,YAAY;AAAA,EAAA,CACb;AAED,iBAAeC,IAAY;;AAEzB,QAAIC,IAAwCL,EAAS;AAErD,QAAIK,MAAoB,OAAW;AAEnC,UAAMC,IAAYP,EAAM,iBAAiBQ,EAAA;AAEzC,QAAI,CAACD,GAAW;AACd,cAAQ,KAAK,gCAAgC;AAC7C;AAAA,IACF;AAEA,eAAa;AACX,YAAME,IAAS,MAAMF,EAAU,UAAU;AAAA,QACvCD,EAAgB;AAAA,QAChB;AAAA,QACAA,EAAgB;AAAA,MAAA;AAWlB,UARAA,EAAgB,QAAQ,QAExBH,EAAK,aAAa,GAEdM,EAAO,sBAIPH,EAAgB,gBAAcI,IAAAT,EAAS,UAAT,gBAAAS,EAAgB,WAAW;AAE7D,YAAMC,IAAiBX,EAAM,kBAAkBJ,GAEzCgB,IAAW,IAAI,YAAA,EAClB,OAAOH,EAAO,IAAI,EAClB,QAAQ,IAAI,OAAO,GAAGZ,EAAac,CAAc,CAAC,IAAI,GAAG,GAAG,EAAE;AASjE,UANAL,IAAkB,OAAO,OAAOA,GAAiB;AAAA,QAC/C,OAAOA,EAAgB,QAAQM;AAAA,QAC/B,YAAYH,EAAO;AAAA,QACnB,UAAU,CAACA,EAAO;AAAA,MAAA,CACnB,GAEGA,EAAO,aAAaA,EAAO,KAAM;AAAA,IACvC;AAAA,EACF;AAeA,QAAMI,IAAcC,EAbE,MACpBT,EAAA,EAAY,MAAM,CAACU,MAAQ;AACzB,IAAId,EAAS,UACXE,EAAK,cACDA,EAAK,cAAcH,EAAM,cAAc,KACzCC,EAAS,MAAM,QAAQc,IAEvB,QAAQ,KAAK,eAAeA,GAAK,UAAU;AAAA,EAGjD,CAAC,GAG+C,MAAM;AAAA,IACtD,WAAW;AAAA,IACX,mBAAmB;AAAA,EAAA,CACpB;AAED,SAAAC;AAAA,IACE,MAAA;;AAAM,cAAAN,IAAAT,KAAA,gBAAAA,EAAU,UAAV,gBAAAS,EAAiB;AAAA;AAAA,IACvB,MAAMG,EAAY,MAAA;AAAA,EAAM,GAG1BI;AAAA,IACE,MAAMjB,EAAM;AAAA,IACZ,CAACkB,MAAO;;AACN,MAAIA,MAAO,UACTjB,EAAS,QAAQ,QACjBY,EAAY,MAAA,KACHK,QAAOR,IAAAT,EAAS,UAAT,gBAAAS,EAAgB,eAChCT,EAAS,QAAQ;AAAA,QACf,WAAWiB;AAAA,QACX,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,UAAU;AAAA,QACV,OAAO;AAAA,MAAA,GAETf,EAAK,aAAa,GAClBU,EAAY,OAAA;AAAA,IAEhB;AAAA,IACA,EAAE,WAAW,GAAA;AAAA,EAAK,GAGbZ;AACT;"}
+{"version":3,"file":"useLogHandle.js","names":[],"sources":["../../../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<{\n    logHandle: AnyLogHandle | undefined;\n    maxRetries?: number;\n    mockPlatforma?: Platforma;\n    progressPrefix?: string;\n  }>,\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(\n        currentLogState.logHandle,\n        100,\n        currentLogState.lastOffset,\n      );\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()\n        .decode(result.data)\n        .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, {\n    immediate: false,\n    immediateCallback: true,\n  });\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 = {\n          logHandle: lh,\n          lastOffset: 0,\n          lines: \"\",\n          finished: false,\n          error: undefined,\n        };\n        data.errorCount = 0;\n        timeoutPoll.resume();\n      }\n    },\n    { immediate: true },\n  );\n\n  return logState;\n}\n"],"mappings":";;;AAYA,IAAM,IAAwB;AAG9B,SAAS,EAAa,GAAa;AACjC,QAAO,EAAI,QAAQ,uBAAuB,OAAO;;AAGnD,SAAgB,EACd,GAMA;CACA,IAAM,IAAW,GAAe,EAE1B,IAAO,EAAS,EACpB,YAAY,GACb,CAAC;CAEF,eAAe,IAAY;EAEzB,IAAI,IAAwC,EAAS;AAErD,MAAI,MAAoB,KAAA,EAAW;EAEnC,IAAM,IAAY,EAAM,iBAAiB,GAAyB;AAElE,MAAI,CAAC,GAAW;AACd,WAAQ,KAAK,iCAAiC;AAC9C;;AAGF,WAAa;GACX,IAAM,IAAS,MAAM,EAAU,UAAU,SACvC,EAAgB,WAChB,KACA,EAAgB,WACjB;AAUD,OARA,EAAgB,QAAQ,KAAA,GAExB,EAAK,aAAa,GAEd,EAAO,sBAIP,EAAgB,cAAc,EAAS,OAAO,UAAW;GAE7D,IAAM,IAAiB,EAAM,kBAAkB,GAEzC,IAAW,IAAI,aAAa,CAC/B,OAAO,EAAO,KAAK,CACnB,QAAY,OAAO,GAAG,EAAa,EAAe,IAAI,IAAI,EAAE,GAAG;AASlE,OANA,IAAkB,OAAO,OAAO,GAAiB;IAC/C,OAAO,EAAgB,QAAQ;IAC/B,YAAY,EAAO;IACnB,UAAU,CAAC,EAAO;IACnB,CAAC,EAEE,EAAO,aAAa,EAAO,KAAM;;;CAiBzC,IAAM,IAAc,QAZlB,GAAW,CAAC,OAAO,MAAQ;AACzB,EAAI,EAAS,UACX,EAAK,cACD,EAAK,cAAc,EAAM,cAAc,KACzC,EAAS,MAAM,QAAQ,IAEvB,QAAQ,KAAK,eAAe,GAAK,WAAW;GAGhD,EAG8C,MAAM;EACtD,WAAW;EACX,mBAAmB;EACpB,CAAC;AA4BF,QA1BA,QACQ,GAAU,OAAO,gBACjB,EAAY,OAAO,CAC1B,EAED,QACQ,EAAM,YACX,MAAO;AACN,EAAI,MAAO,KAAA,KACT,EAAS,QAAQ,KAAA,GACjB,EAAY,OAAO,IACV,MAAO,EAAS,OAAO,cAChC,EAAS,QAAQ;GACf,WAAW;GACX,YAAY;GACZ,OAAO;GACP,UAAU;GACV,OAAO,KAAA;GACR,EACD,EAAK,aAAa,GAClB,EAAY,QAAQ;IAGxB,EAAE,WAAW,IAAM,CACpB,EAEM"}

package/dist/components/PlNotificationAlert/PlNotificationAlert.js

@@ -0,0 +1,5 @@
+import e from "./PlNotificationAlert.vue2.js";
+var t = e;
+export { t as default };
+
+//# sourceMappingURL=PlNotificationAlert.js.map