@milaboratories/uikit 2.6.1 → 2.6.3

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

@@ -1 +1 @@
-{"version":3,"file":"PlIcon16.vue2.js","sources":["../../../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;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;;;;;;;;;;;"}
+{"version":3,"file":"PlIcon16.vue2.js","sources":["../../../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","_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,CAAGC,EAAAA,OAAO,MAAI,WAAA,WAAA,QAAgCR,EAAM,IAAI,IAAA,QAAYA,EAAM,IAAI,EAAA,CAAA;AAAA,MACnF,OAAOE,EAAA;AAAA,MACP,QAAQA,EAAA;AAAA,MACR,OAAOF,EAAM;AAAA,MACb,QAAQA,EAAM;AAAA,IAAA;;;"}

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"],"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;;;;;;;;;;;"}
+{"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;;;"}

package/dist/components/PlLoaderCircular/PlLoaderCircular.vue.js

@@ -1,22 +1,22 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.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(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-import { defineComponent as i, createElementBlock as r, openBlock as l, createElementVNode as c, normalizeStyle as o } from "vue";
+import { defineComponent as i, createElementBlock as c, openBlock as r, createElementVNode as l, normalizeStyle as t } from "vue";
 
-const s = { class: "pl-loader-circular" }, a = {
+const a = { class: "pl-loader-circular" }, o = {
   class: "pl-loader-circular__svg",
   viewBox: "25 25 50 50"
-}, t = ["stroke"], m = /* @__PURE__ */ i({
+}, s = ["stroke"], p = /* @__PURE__ */ i({
   __name: "PlLoaderCircular",
   props: {
     size: { default: "16" }
   },
-  setup(n) {
-    return (e, p) => (l(), r("div", s, [
-      c("div", {
-        style: o({ height: `${e.size}px`, width: `${e.size}px`, "--main-color": `${+e.size < 48 ? "var(--ic-01)" : "var(--ic-02)"}` }),
+  setup(e) {
+    return (n, d) => (r(), c("div", a, [
+      l("div", {
+        style: t({ height: `${e.size}px`, width: `${e.size}px`, "--main-color": `${+e.size < 48 ? "var(--ic-01)" : "var(--ic-02)"}` }),
         class: "pl-circle-loader__wrapper"
       }, [
-        (l(), r("svg", a, [
-          c("circle", {
+        (r(), c("svg", o, [
+          l("circle", {
             class: "pl-loader-circular__svg-circle",
             cx: "50",
             cy: "50",
@@ -24,13 +24,13 @@ const s = { class: "pl-loader-circular" }, a = {
             fill: "none",
             stroke: `${+e.size < 48 ? "var(--ic-01)" : "var(--ic-02)"}`,
             "stroke-width": "2"
-          }, null, 8, t)
+          }, null, 8, s)
         ]))
       ], 4)
     ]));
   }
 });
 export {
-  m as default
+  p as default
 };
 //# sourceMappingURL=PlLoaderCircular.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlLoaderCircular.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlLoaderCircular.vue.js","sources":["../../../src/components/PlLoaderCircular/PlLoaderCircular.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport './pl-loader-circular.scss';\n\nwithDefaults(defineProps<{\n  size?: '16' | '24' | '48' | string;\n}>(), { size: '16' });\n</script>\n<template>\n  <div class=\"pl-loader-circular\">\n    <div :style=\"{height: `${size}px`, width: `${size}px`, '--main-color': `${+size < 48 ? 'var(--ic-01)' :'var(--ic-02)' }`}\" class=\"pl-circle-loader__wrapper\">\n      <svg class=\"pl-loader-circular__svg\" viewBox=\"25 25 50 50\">\n        <circle class=\"pl-loader-circular__svg-circle\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" :stroke=\"`${+size < 48 ? 'var(--ic-01)' :'var(--ic-02)' }`\" stroke-width=\"2\" />\n      </svg>\n    </div>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_normalizeStyle","__props","_hoisted_2"],"mappings":";;;;;;;;;;;sBAQEA,EAAA,GAAAC,EAMM,OANNC,GAMM;AAAA,MALJC,EAIM,OAAA;AAAA,QAJA,OAAKC,EAAA,EAAA,QAAA,GAAcC,EAAA,IAAI,MAAA,OAAA,GAAgBA,EAAA,IAAI,0BAA0BA,EAAA,OAAI,KAAA,iBAAA,cAAA,IAAA;AAAA,QAA4C,OAAM;AAAA,MAAA;SAC/HL,KAAAC,EAEM,OAFNK,GAEM;AAAA,UADJH,EAAiK,UAAA;AAAA,YAAzJ,OAAM;AAAA,YAAiC,IAAG;AAAA,YAAK,IAAG;AAAA,YAAK,GAAE;AAAA,YAAK,MAAK;AAAA,YAAQ,YAAYE,EAAA,OAAI,KAAA,iBAAA,cAAA;AAAA,YAA2C,gBAAa;AAAA,UAAA;;;;;;"}

package/dist/components/PlLogView/PlLogView.vue.js

@@ -1,19 +1,21 @@
-(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.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(o)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
-import { defineComponent as F, useSlots as L, ref as s, computed as c, watch as P, createElementBlock as u, openBlock as l, normalizeClass as x, createCommentVNode as f, createVNode as p, createElementVNode as C, createBlock as b, toDisplayString as d, unref as r, withCtx as a, renderSlot as R, createTextVNode as S } from "vue";
-import T from "../PlIcon24/PlIcon24.vue.js";
+(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.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)}
+.double-contour.top>div{border-bottom-right-radius:0;border-bottom-left-radius:0}.double-contour.bottom>div{border-top-right-radius:0;border-top-left-radius:0}.double-contour.left>div{border-top-right-radius:0;border-bottom-right-radius:0}.double-contour.right>div{border-top-left-radius:0;border-bottom-left-radius:0}.double-contour.top-left>div{border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.double-contour.top-right>div{border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:0}.double-contour.bottom-left>div{border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:0}.double-contour.bottom-right>div{border-top-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0}.double-contour.middle>div{border-radius:0}`)),document.head.appendChild(o)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
+import { defineComponent as E, useSlots as F, ref as c, computed as u, watch as L, createElementBlock as p, openBlock as l, normalizeClass as P, createCommentVNode as v, createVNode as d, createElementVNode as b, createBlock as S, toDisplayString as m, unref as r, withCtx as i, renderSlot as R, createTextVNode as T } from "vue";
+import h from "../PlIcon24/PlIcon24.vue.js";
 
-import { okOptional as I, tapIf as O } from "@milaboratories/helpers";
-import { useLogHandle as $ } from "./useLogHandle.js";
+import { okOptional as $, tapIf as I } from "@milaboratories/helpers";
+import { useLogHandle as O } from "./useLogHandle.js";
 import { useLabelNotch as j } from "../../utils/useLabelNotch.js";
 import q from "../../utils/DoubleContour.vue.js";
-import v from "../PlTooltip/PlTooltip.vue.js";
+
+import y from "../PlTooltip/PlTooltip.vue.js";
 import { downloadContent as z } from "../../helpers/downloadContent.js";
 const M = { key: 0 }, G = { class: "pl-log-view__copy" }, J = {
   key: 1,
   class: "pl-log-view__error"
 }, K = {
   name: "PlLogView"
-}, lo = /* @__PURE__ */ F({
+}, ro = /* @__PURE__ */ E({
   ...K,
   props: {
     value: {},
@@ -28,40 +30,40 @@ const M = { key: 0 }, G = { class: "pl-log-view__copy" }, J = {
     disableAutoScroll: { type: Boolean },
     downloadFilename: {}
   },
-  setup(h) {
-    const V = (o) => {
+  setup(n) {
+    const x = (o) => {
       if (o && o.ok === !1)
         return o.errors.join(`
 `);
-    }, N = L(), t = h, y = $(t), _ = s(!0), g = s(), k = s(), m = c(() => {
+    }, V = F(), t = n, g = O(t), k = c(!0), w = c(), _ = c(), f = u(() => {
       var o;
-      return ((o = y.value) == null ? void 0 : o.error) ?? t.error ?? V(t.output);
-    }), n = c(() => {
+      return ((o = g.value) == null ? void 0 : o.error) ?? t.error ?? x(t.output);
+    }), a = u(() => {
       var o;
-      return ((o = y.value) == null ? void 0 : o.lines) ?? t.value ?? I(t.output);
-    }), w = c(() => {
+      return ((o = g.value) == null ? void 0 : o.lines) ?? t.value ?? $(t.output);
+    }), C = u(() => {
       if (t.valueToCopy)
         return t.valueToCopy;
-      if (n.value && typeof n.value == "string")
-        return n.value;
-    }), i = s(!1);
-    j(k);
-    const A = c(() => i.value ? "clipboard-copied" : "clipboard"), D = () => {
-      i.value = !0, setTimeout(() => {
-        i.value = !1;
+      if (a.value && typeof a.value == "string")
+        return a.value;
+    }), s = c(!1);
+    j(_);
+    const N = u(() => s.value ? "clipboard-copied" : "clipboard"), A = () => {
+      s.value = !0, setTimeout(() => {
+        s.value = !1;
       }, 1200);
-      const o = w.value;
+      const o = C.value;
       o !== void 0 && navigator.clipboard.writeText(o);
     }, H = (o) => {
-      const e = w.value;
+      const e = C.value;
       e !== void 0 && z([e, "text/plain"], o);
     }, B = () => {
-      t.disableAutoScroll || O(g.value, (o) => {
-        _.value && o.scrollTo(o.scrollLeft, o.scrollHeight);
+      t.disableAutoScroll || I(w.value, (o) => {
+        k.value && o.scrollTo(o.scrollLeft, o.scrollHeight);
       });
     };
-    P(
-      n,
+    L(
+      a,
       () => {
         requestAnimationFrame(() => {
           B();
@@ -69,74 +71,74 @@ const M = { key: 0 }, G = { class: "pl-log-view__copy" }, J = {
       },
       { immediate: !0 }
     );
-    const E = (o) => {
+    const D = (o) => {
       const e = o.target;
-      _.value = e.scrollTop + 20 >= e.scrollHeight - e.offsetHeight;
+      k.value = e.scrollTop + 20 >= e.scrollHeight - e.offsetHeight;
     };
-    return (o, e) => (l(), u("div", {
+    return (o, e) => (l(), p("div", {
       ref_key: "root",
-      ref: k,
-      class: x(["pl-log-view", { "has-error": m.value }])
+      ref: _,
+      class: P(["pl-log-view", { "has-error": f.value }])
     }, [
-      o.label ? (l(), u("label", M, [
-        C("span", null, d(o.label), 1),
-        r(N).tooltip ? (l(), b(r(v), {
+      n.label ? (l(), p("label", M, [
+        b("span", null, m(n.label), 1),
+        r(V).tooltip ? (l(), S(r(y), {
           key: 0,
           class: "info",
           position: "top"
         }, {
-          tooltip: a(() => [
+          tooltip: i(() => [
             R(o.$slots, "tooltip")
           ]),
           _: 3
-        })) : f("", !0)
-      ])) : f("", !0),
-      p(q, { class: "pl-log-view__contour" }),
-      C("div", G, [
-        p(r(v), {
+        })) : v("", !0)
+      ])) : v("", !0),
+      d(q, { class: "pl-log-view__contour" }),
+      b("div", G, [
+        d(r(y), {
           "close-delay": 800,
           position: "top"
         }, {
-          tooltip: a(() => [
-            S(d(i.value ? "copied" : "copy"), 1)
+          tooltip: i(() => [
+            T(m(s.value ? "copied" : "copy"), 1)
           ]),
-          default: a(() => [
-            p(r(T), {
+          default: i(() => [
+            d(r(h), {
               title: "Copy content",
-              name: A.value,
-              onClick: D
+              name: N.value,
+              onClick: A
             }, null, 8, ["name"])
           ]),
           _: 1
         }),
-        o.downloadFilename ? (l(), b(r(v), {
+        n.downloadFilename ? (l(), S(r(y), {
           key: 0,
           "close-delay": 800,
           position: "top"
         }, {
-          tooltip: a(() => e[1] || (e[1] = [
-            S("download")
-          ])),
-          default: a(() => [
-            p(r(T), {
+          tooltip: i(() => [...e[1] || (e[1] = [
+            T("download", -1)
+          ])]),
+          default: i(() => [
+            d(r(h), {
               name: "download",
-              onClick: e[0] || (e[0] = () => H(o.downloadFilename))
+              onClick: e[0] || (e[0] = () => H(n.downloadFilename))
             })
           ]),
           _: 1
-        })) : f("", !0)
+        })) : v("", !0)
       ]),
-      m.value ? (l(), u("div", J, d(m.value), 1)) : (l(), u("div", {
+      f.value ? (l(), p("div", J, m(f.value), 1)) : (l(), p("div", {
         key: 2,
         ref_key: "contentRef",
-        ref: g,
+        ref: w,
         class: "pl-log-view__content",
-        onScroll: E
-      }, d(n.value), 545))
+        onScroll: D
+      }, m(a.value), 545))
     ], 2));
   }
 });
 export {
-  lo as default
+  ro as default
 };
 //# sourceMappingURL=PlLogView.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlLogView.vue.js","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, 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":["__default__","getOutputError","slots","useSlots","props","__props","logState","useLogHandle","isAnchored","ref","contentRef","root","computedError","computed","_a","computedValue","okOptional","computedValueToCopy","copyActive","useLabelNotch","iconName","onClickCopy","toCopy","onClickDownload","filename","toDownload","downloadContent","optionallyScrollDown","tapIf","el","watch","onContentScroll","ev"],"mappings":";;;;;;;;;;;;GAIAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;;;;;;;;;;AAgBA,UAAMC,IAAiB,CAAI,MAAyB;AAClD,UAAI,KAAK,EAAE,OAAO;AAChB,eAAO,EAAE,OAAO,KAAK;AAAA,CAAI;AAAA,IAE7B,GAEMC,IAAQC,EAAA,GAERC,IAAQC,GA+CRC,IAAWC,EAAaH,CAAK,GAE7BI,IAAaC,EAAa,EAAI,GAE9BC,IAAaD,EAAA,GAEbE,IAAOF,EAAA,GAEPG,IAAgBC,EAAS,MAAA;;AAAM,eAAAC,IAAAR,EAAS,UAAT,gBAAAQ,EAAgB,UAASV,EAAM,SAASH,EAAeG,EAAM,MAAM;AAAA,KAAC,GAEnGW,IAAgBF,EAAS,MAAA;;AAAM,eAAAC,IAAAR,EAAS,UAAT,gBAAAQ,EAAgB,UAASV,EAAM,SAASY,EAAWZ,EAAM,MAAM;AAAA,KAAC,GAE/Fa,IAAsBJ,EAAS,MAAM;AACzC,UAAIT,EAAM;AACR,eAAOA,EAAM;AAEf,UAAIW,EAAc,SAAS,OAAOA,EAAc,SAAU;AACxD,eAAOA,EAAc;AAAA,IAGzB,CAAC,GAEKG,IAAaT,EAAI,EAAK;AAE5B,IAAAU,EAAcR,CAAI;AAElB,UAAMS,IAAWP,EAAS,MAAOK,EAAW,QAAQ,qBAAqB,WAAY,GAE/EG,IAAc,MAAM;AACxB,MAAAH,EAAW,QAAQ,IACnB,WAAW,MAAM;AACf,QAAAA,EAAW,QAAQ;AAAA,MACrB,GAAG,IAAI;AAEP,YAAMI,IAASL,EAAoB;AAEnC,MAAIK,MAAW,UACb,UAAU,UAAU,UAAUA,CAAM;AAAA,IAExC,GAEMC,IAAkB,CAACC,MAAqB;AAC5C,YAAMC,IAAaR,EAAoB;AAEvC,MAAIQ,MAAe,UACjBC,EAAgB,CAACD,GAAY,YAAY,GAAGD,CAAQ;AAAA,IAExD,GAEMG,IAAuB,MAAM;AACjC,MAAIvB,EAAM,qBAIVwB,EAAMlB,EAAW,OAAO,CAACmB,MAAO;AAC9B,QAAIrB,EAAW,SACbqB,EAAG,SAASA,EAAG,YAAYA,EAAG,YAAY;AAAA,MAE9C,CAAC;AAAA,IACH;AAEA,IAAAC;AAAA,MACEf;AAAA,MACA,MAAM;AACJ,8BAAsB,MAAM;AAC1B,UAAAY,EAAA;AAAA,QACF,CAAC;AAAA,MACH;AAAA,MACA,EAAE,WAAW,GAAA;AAAA,IAAK;AAGpB,UAAMI,IAAkB,CAACC,MAAc;AACrC,YAAMH,IAAKG,EAAG;AACd,MAAAxB,EAAW,QAAQqB,EAAG,YAAY,MAA4BA,EAAG,eAAeA,EAAG;AAAA,IACrF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlLogView.vue.js","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, 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":["__default__","getOutputError","slots","useSlots","props","__props","logState","useLogHandle","isAnchored","ref","contentRef","root","computedError","computed","_a","computedValue","okOptional","computedValueToCopy","copyActive","useLabelNotch","iconName","onClickCopy","toCopy","onClickDownload","filename","toDownload","downloadContent","optionallyScrollDown","tapIf","el","watch","onContentScroll","ev","_createElementBlock","_normalizeClass","_hoisted_1","_createElementVNode","_unref","_createBlock","PlTooltip","_renderSlot","_ctx","_createVNode","DoubleContour","_hoisted_2","PlMaskIcon24","_cache","PlIcon24","_hoisted_3","_toDisplayString"],"mappings":"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"}

package/dist/components/PlNotificationAlert/PlNotificationAlert.vue.js

@@ -1,14 +1,14 @@
 (function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode(".pl-notification-alert{padding:12px;position:relative;border-radius:6px;border:1px solid var(--border-color-default);min-height:40px;width:256px;max-height:100%;overflow:auto}.pl-notification-alert .ui-btn-ghost{position:absolute;right:0;top:0}.pl-notification-alert__close{width:32px;min-width:28px}.pl-notification-alert__close .pl-btn-ghost{position:absolute;top:0;right:0;width:40px!important;height:40px!important}.pl-notification-alert__wrapper{flex-grow:1;overflow:auto}.pl-notification-alert.neutral{background:var(--notification-neutral)}.pl-notification-alert.error{background:var(--notification-error)}.pl-notification-alert.success{background:var(--notification-success)}.pl-notification-alert.warning{background:var(--notification-warning)}")),document.head.appendChild(t)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();
-import { defineComponent as d, mergeModels as f, useModel as p, createElementBlock as t, createCommentVNode as o, openBlock as l, normalizeStyle as m, normalizeClass as u, createElementVNode as i, renderSlot as n, createVNode as _, unref as h, withModifiers as y } from "vue";
+import { defineComponent as r, mergeModels as f, useModel as m, createElementBlock as o, createCommentVNode as l, openBlock as a, normalizeStyle as u, normalizeClass as p, createElementVNode as s, renderSlot as n, createVNode as _, unref as h, withModifiers as y } from "vue";
 import v from "../PlBtnGhost/PlBtnGhost.vue.js";
 
-const k = { class: "pl-notification-alert__wrapper d-flex text-s" }, w = { class: "pl-notification-alert__content flex-grow-1" }, V = {
+const k = { class: "pl-notification-alert__wrapper d-flex text-s" }, w = { class: "pl-notification-alert__content flex-grow-1" }, x = {
   key: 0,
   class: "pl-notification-alert__close"
-}, $ = {
+}, V = {
   key: 0,
   class: "pl-notification-alert__actions d-flex"
-}, b = /* @__PURE__ */ d({
+}, N = /* @__PURE__ */ r({
   __name: "PlNotificationAlert",
   props: /* @__PURE__ */ f({
     type: { default: "neutral" },
@@ -19,34 +19,34 @@ const k = { class: "pl-notification-alert__wrapper d-flex text-s" }, w = { class
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(s) {
-    const r = s, a = p(s, "modelValue");
-    function c() {
-      r.closable && (a.value = !1);
+  setup(e) {
+    const c = e, i = m(e, "modelValue");
+    function d() {
+      c.closable && (i.value = !1);
     }
-    return (e, B) => a.value ? (l(), t("div", {
+    return (t, $) => i.value ? (a(), o("div", {
       key: 0,
-      class: u([e.type, "pl-notification-alert d-flex flex-column gap-16"]),
-      style: m({ width: `${e.width}` })
+      class: p([e.type, "pl-notification-alert d-flex flex-column gap-16"]),
+      style: u({ width: `${e.width}` })
     }, [
-      i("div", k, [
-        i("div", w, [
-          n(e.$slots, "default")
+      s("div", k, [
+        s("div", w, [
+          n(t.$slots, "default")
         ]),
-        e.closable ? (l(), t("div", V, [
+        e.closable ? (a(), o("div", x, [
           _(h(v), {
             icon: "close",
-            onClick: y(c, ["stop"])
+            onClick: y(d, ["stop"])
           })
-        ])) : o("", !0)
+        ])) : l("", !0)
       ]),
-      e.$slots.actions ? (l(), t("div", $, [
-        n(e.$slots, "actions")
-      ])) : o("", !0)
-    ], 6)) : o("", !0);
+      t.$slots.actions ? (a(), o("div", V, [
+        n(t.$slots, "actions")
+      ])) : l("", !0)
+    ], 6)) : l("", !0);
   }
 });
 export {
-  b as default
+  N as default
 };
 //# sourceMappingURL=PlNotificationAlert.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlNotificationAlert.vue.js","sources":["../../../src/components/PlNotificationAlert/PlNotificationAlert.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlBtnGhost } from '../PlBtnGhost';\nimport './pl-notification-alert.scss';\n\nconst props = withDefaults(\n  defineProps<{\n    type?: 'success' | 'error' | 'warning' | 'neutral';\n    width?: string;\n    closable?: boolean;\n  }>(),\n  { type: 'neutral', width: '256px' },\n);\n\nconst model = defineModel({ type: Boolean, default: true });\n\nfunction closeAlert() {\n  if (props.closable) {\n    model.value = false;\n  }\n}\n</script>\n\n<template>\n  <div v-if=\"model\" :class=\"type\" :style=\"{ width: `${width}` }\" class=\"pl-notification-alert d-flex flex-column gap-16\">\n    <div class=\"pl-notification-alert__wrapper d-flex text-s\">\n      <div class=\"pl-notification-alert__content flex-grow-1\">\n        <slot />\n      </div>\n      <div v-if=\"closable\" class=\"pl-notification-alert__close\">\n        <PlBtnGhost icon=\"close\" @click.stop=\"closeAlert\" />\n      </div>\n    </div>\n\n    <div v-if=\"!!$slots.actions\" class=\"pl-notification-alert__actions d-flex\">\n      <slot name=\"actions\" />\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","model","_useModel","closeAlert"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIA,UAAMA,IAAQC,GASRC,IAAQC,iBAA4C;AAE1D,aAASC,IAAa;AACpB,MAAIJ,EAAM,aACRE,EAAM,QAAQ;AAAA,IAElB;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlNotificationAlert.vue.js","sources":["../../../src/components/PlNotificationAlert/PlNotificationAlert.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlBtnGhost } from '../PlBtnGhost';\nimport './pl-notification-alert.scss';\n\nconst props = withDefaults(\n  defineProps<{\n    type?: 'success' | 'error' | 'warning' | 'neutral';\n    width?: string;\n    closable?: boolean;\n  }>(),\n  { type: 'neutral', width: '256px' },\n);\n\nconst model = defineModel({ type: Boolean, default: true });\n\nfunction closeAlert() {\n  if (props.closable) {\n    model.value = false;\n  }\n}\n</script>\n\n<template>\n  <div v-if=\"model\" :class=\"type\" :style=\"{ width: `${width}` }\" class=\"pl-notification-alert d-flex flex-column gap-16\">\n    <div class=\"pl-notification-alert__wrapper d-flex text-s\">\n      <div class=\"pl-notification-alert__content flex-grow-1\">\n        <slot />\n      </div>\n      <div v-if=\"closable\" class=\"pl-notification-alert__close\">\n        <PlBtnGhost icon=\"close\" @click.stop=\"closeAlert\" />\n      </div>\n    </div>\n\n    <div v-if=\"!!$slots.actions\" class=\"pl-notification-alert__actions d-flex\">\n      <slot name=\"actions\" />\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","model","_useModel","closeAlert","_createElementBlock","_normalizeClass","_createElementVNode","_hoisted_1","_hoisted_2","_renderSlot","_ctx","_openBlock","_hoisted_3","_createVNode","_unref","PlBtnGhost","$slots","_hoisted_4"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIA,UAAMA,IAAQC,GASRC,IAAQC,iBAA4C;AAE1D,aAASC,IAAa;AACpB,MAAIJ,EAAM,aACRE,EAAM,QAAQ;AAAA,IAElB;qBAIaA,EAAA,cAAXG,EAaM,OAAA;AAAA;MAba,OAAKC,EAAA,CAAEL,EAAA,MAA2C,iDAAiD,CAAA;AAAA,MAArF,qBAAmBA,EAAA,KAAK,IAAA;AAAA,IAAA;MACvDM,EAOM,OAPNC,GAOM;AAAA,QANJD,EAEM,OAFNE,GAEM;AAAA,UADJC,EAAQC,EAAA,QAAA,SAAA;AAAA,QAAA;QAECV,EAAA,YAAXW,EAAA,GAAAP,EAEM,OAFNQ,GAEM;AAAA,UADJC,EAAoDC,EAAAC,CAAA,GAAA;AAAA,YAAxC,MAAK;AAAA,YAAS,WAAYZ,GAAU,CAAA,MAAA,CAAA;AAAA,UAAA;;;MAIvCa,EAAAA,OAAO,WAApBL,EAAA,GAAAP,EAEM,OAFNa,GAEM;AAAA,QADJR,EAAuBC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;"}

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

@@ -35,6 +35,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     errorMessage?: string;
     /** Additional validity check for input value that must return an error text if failed */
     validate?: (v: number) => string | undefined;
+    /** Makes some of corners not rounded */
+    groupPosition?: "top" | "bottom" | "left" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "middle";
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: number | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<{
@@ -60,12 +62,15 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     errorMessage?: string;
     /** Additional validity check for input value that must return an error text if failed */
     validate?: (v: number) => string | undefined;
+    /** Makes some of corners not rounded */
+    groupPosition?: "top" | "bottom" | "left" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "middle";
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
 }>, {
     label: string;
-    step: number;
     placeholder: string;
+    step: number;
+    groupPosition: "top" | "bottom" | "left" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "middle";
     minValue: number;
     maxValue: number;
     useIncrementButtons: boolean;