@milaboratories/uikit 2.16.0 → 2.16.1

package/dist/utils/PlCloseModalBtn.style.js

@@ -1,5 +1,5 @@
-import './PlCloseModalBtn.vue.css';var e = { component: "_component_grelk_1" };
-//#endregion
-export { e as default };
+import './PlCloseModalBtn.style.css';// src/utils/PlCloseModalBtn.vue?vue&type=style&index=0&lang.module.scss
+var e = "_component_grelk_1", t = { component: e };
+export { e as component, t as default };
 
 //# sourceMappingURL=PlCloseModalBtn.style.js.map

package/dist/utils/PlCloseModalBtn.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlCloseModalBtn.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../src/utils/PlCloseModalBtn.vue"],"sourcesContent":["<template>\n  <div :class=\"$style.component\">\n    <div />\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n@use \"../assets/mixins\" as *;\n\n.component {\n  display: flex;\n  place-content: center;\n  place-items: center;\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n  border-radius: 12px; // slide-modal 6px\n  &:hover {\n    background-color: var(--btn-sec-hover-grey);\n    transition: all 0.1s ease-in-out;\n  }\n  > div {\n    background-color: var(--ic-01);\n    @include mask(url(../assets/images/24_close.svg), 24px);\n  }\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PlCloseModalBtn.vue_vue_type_style_index_0_lang.module.js","names":["component","PlCloseModalBtn_vue_vue_type_style_index_0_lang_module_default"],"sources":["../../src/utils/PlCloseModalBtn.vue"],"sourcesContent":["<template>\n  <div :class=\"$style.component\">\n    <div />\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n@use \"../assets/mixins\" as *;\n\n.component {\n  display: flex;\n  place-content: center;\n  place-items: center;\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n  border-radius: 12px; // slide-modal 6px\n  &:hover {\n    background-color: var(--btn-sec-hover-grey);\n    transition: all 0.1s ease-in-out;\n  }\n  > div {\n    background-color: var(--ic-01);\n    @include mask(url(../assets/images/24_close.svg), 24px);\n  }\n}\n</style>\n"],"mappings":""}

package/dist/utils/TextLabel.js

@@ -1,13 +1,12 @@
 import e from "../_virtual/_plugin-vue_export-helper.js";
 import t from "./TextLabel.style.js";
 import { createElementBlock as n, createElementVNode as r, normalizeClass as i, openBlock as a, renderSlot as o } from "vue";
-//#region src/utils/TextLabel.vue
+// src/utils/TextLabel.vue
 var s = {};
 function c(e, t) {
 	return a(), n("div", { class: i(e.$style.textLabel) }, [r("div", { class: i(e.$style.label) }, [r("div", { class: i(e.$style.labelText) }, [o(e.$slots, "default")], 2)], 2)], 2);
 }
-var l = /* @__PURE__ */ e(s, [["render", c], ["__cssModules", { $style: t }]]);
-//#endregion
+var l = /*#__PURE__*/ e(s, [["render", c], ["__cssModules", { $style: t }]]);
 export { l as default };
 
 //# sourceMappingURL=TextLabel.js.map

package/dist/utils/TextLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextLabel.js","names":[],"sources":["../../src/utils/TextLabel.vue"],"sourcesContent":["<template>\n  <div :class=\"$style.textLabel\">\n    <div :class=\"$style.label\">\n      <div :class=\"$style.labelText\">\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.textLabel {\n  padding: 0px 12px;\n}\n\n.label {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  color: var(--txt-03);\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 16px;\n}\n\n.labelText {\n  display: inline-block;\n  max-width: 100%;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.label::after {\n  display: block;\n  flex: 1;\n  content: \"\";\n  height: 1px;\n  background-color: var(--border-color-div-grey);\n  width: 100%;\n}\n</style>\n"],"mappings":";;;;;;aACE,EAMM,OAAA,EANA,OAAK,EAAE,EAAA,OAAO,UAAS,EAAA,EAAA,CAC3B,EAIM,OAAA,EAJA,OAAK,EAAE,EAAA,OAAO,MAAK,EAAA,EAAA,CACvB,EAEM,OAAA,EAFA,OAAK,EAAE,EAAA,OAAO,UAAS,EAAA,EAAA,CAC3B,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA,CAAA,EAAA,EAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"TextLabel.js","names":["_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_renderSlot","style0","_plugin_vue_export_helper_default","TextLabel_vue_vue_type_style_index_0_lang_module_default","_sfc_main","_sfc_render","openBlock","createElementBlock","normalizeClass","_ctx","createElementVNode","renderSlot","TextLabel_default","\"$style\""],"sources":["../../src/utils/TextLabel.vue"],"sourcesContent":["<template>\n  <div :class=\"$style.textLabel\">\n    <div :class=\"$style.label\">\n      <div :class=\"$style.labelText\">\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.textLabel {\n  padding: 0px 12px;\n}\n\n.label {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  color: var(--txt-03);\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 16px;\n}\n\n.labelText {\n  display: inline-block;\n  max-width: 100%;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.label::after {\n  display: block;\n  flex: 1;\n  content: \"\";\n  height: 1px;\n  background-color: var(--border-color-div-grey);\n  width: 100%;\n}\n</style>\n"],"mappings":";;;;;;CACE,OAAAA,EAAA,GAAAC,EAMM,OAAA,EANA,OAAKC,EAAEW,EAAA,OAAO,SAAS,E,IAC3BV,EAIM,OAAA,EAJA,OAAKD,EAAEW,EAAA,OAAO,KAAK,E,IACvBV,EAEM,OAAA,EAFA,OAAKD,EAAEW,EAAA,OAAO,SAAS,E,IAC3BT,EAAQS,EAAA,QAAA,SAAA,C"}

package/dist/utils/TextLabel.style.js

@@ -1,9 +1,9 @@
-import './TextLabel.vue.css';var e = {
-	textLabel: "_textLabel_v2o3d_1",
-	label: "_label_v2o3d_5",
-	labelText: "_labelText_v2o3d_15"
+import './TextLabel.style.css';// src/utils/TextLabel.vue?vue&type=style&index=0&lang.module.scss
+var e = "_textLabel_v2o3d_1", t = "_label_v2o3d_5", n = "_labelText_v2o3d_15", r = {
+	textLabel: e,
+	label: t,
+	labelText: n
 };
-//#endregion
-export { e as default };
+export { r as default, t as label, n as labelText, e as textLabel };
 
 //# sourceMappingURL=TextLabel.style.js.map

package/dist/utils/TextLabel.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextLabel.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../src/utils/TextLabel.vue"],"sourcesContent":["<template>\n  <div :class=\"$style.textLabel\">\n    <div :class=\"$style.label\">\n      <div :class=\"$style.labelText\">\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.textLabel {\n  padding: 0px 12px;\n}\n\n.label {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  color: var(--txt-03);\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 16px;\n}\n\n.labelText {\n  display: inline-block;\n  max-width: 100%;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.label::after {\n  display: block;\n  flex: 1;\n  content: \"\";\n  height: 1px;\n  background-color: var(--border-color-div-grey);\n  width: 100%;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"TextLabel.vue_vue_type_style_index_0_lang.module.js","names":["textLabel","label","labelText","TextLabel_vue_vue_type_style_index_0_lang_module_default"],"sources":["../../src/utils/TextLabel.vue"],"sourcesContent":["<template>\n  <div :class=\"$style.textLabel\">\n    <div :class=\"$style.label\">\n      <div :class=\"$style.labelText\">\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.textLabel {\n  padding: 0px 12px;\n}\n\n.label {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  color: var(--txt-03);\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 16px;\n}\n\n.labelText {\n  display: inline-block;\n  max-width: 100%;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.label::after {\n  display: block;\n  flex: 1;\n  content: \"\";\n  height: 1px;\n  background-color: var(--border-color-div-grey);\n  width: 100%;\n}\n</style>\n"],"mappings":""}

package/dist/utils/useLabelNotch.js

@@ -3,7 +3,7 @@ import { tap as t, tapIf as n } from "../helpers/functions.js";
 import { onChanged as r } from "../composition/utils.js";
 import { startResizeObserving as i, stopResizeObserving as a } from "../global/resizeObserver.js";
 import { onBeforeUnmount as o } from "vue";
-//#region src/utils/useLabelNotch.ts
+// src/utils/useLabelNotch.ts
 var s = 8, c = 4;
 function l(l, u = "label") {
 	let d = /* @__PURE__ */ new Set();
@@ -19,7 +19,6 @@ function l(l, u = "label") {
 		Array.from(d.values()).map((e) => a(e));
 	});
 }
-//#endregion
 export { l as useLabelNotch };
 
 //# sourceMappingURL=useLabelNotch.js.map

package/dist/utils/useLabelNotch.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLabelNotch.js","names":[],"sources":["../../src/utils/useLabelNotch.ts"],"sourcesContent":["import { onBeforeUnmount, type Ref } from \"vue\";\nimport { tap, tapIf } from \"../helpers/functions\";\nimport { onChanged } from \"../composition/utils\";\nimport { call } from \"../helpers/utils\";\nimport { startResizeObserving, stopResizeObserving } from \"../global/resizeObserver\";\n\nconst offset = 8; // see --label-offset-left-x css var\n\nconst contourOffset = 4; // see --contour-offset css var\n\n/**\n * Adjust the width of the cutout on the clip path for the notched label (TextField, Dropdown)\n */\nexport function useLabelNotch(root: Ref<HTMLElement | undefined>, labelSelector = \"label\") {\n  const labels = new Set<Element>();\n\n  onChanged(() => {\n    tapIf(root?.value, (el) => {\n      const label = el.querySelector(labelSelector);\n\n      if (!label) {\n        return;\n      }\n\n      labels.add(label);\n\n      startResizeObserving(label, () => {\n        const rightOffset = call(() => {\n          return (\n            label.getBoundingClientRect().width +\n            tap(offset, (n) => (Number.isNaN(n) ? contourOffset : n + contourOffset))\n          ); //\n        });\n\n        if (el.style.getPropertyValue(\"--label-offset-right-x\") !== `${rightOffset}px`) {\n          el.style.setProperty(\"--label-offset-right-x\", `${rightOffset}px`);\n        }\n      });\n    });\n  });\n\n  onBeforeUnmount(() => {\n    Array.from(labels.values()).map((el) => stopResizeObserving(el));\n  });\n}\n"],"mappings":";;;;;;AAMA,IAAM,IAAS,GAET,IAAgB;AAKtB,SAAgB,EAAc,GAAoC,IAAgB,SAAS;CACzF,IAAM,oBAAS,IAAI,KAAc;AA2BjC,CAzBA,QAAgB;AACd,IAAM,GAAM,QAAQ,MAAO;GACzB,IAAM,IAAQ,EAAG,cAAc,EAAc;AAExC,SAIL,EAAO,IAAI,EAAM,EAEjB,EAAqB,SAAa;IAChC,IAAM,IAAc,QAEhB,EAAM,uBAAuB,CAAC,QAC9B,EAAI,IAAS,MAAO,OAAO,MAAM,EAAE,GAAG,IAAgB,IAAI,EAAe,CAE3E;AAEF,IAAI,EAAG,MAAM,iBAAiB,yBAAyB,KAAK,GAAG,EAAY,OACzE,EAAG,MAAM,YAAY,0BAA0B,GAAG,EAAY,IAAI;KAEpE;IACF;GACF,EAEF,QAAsB;AACpB,QAAM,KAAK,EAAO,QAAQ,CAAC,CAAC,KAAK,MAAO,EAAoB,EAAG,CAAC;GAChE"}
+{"version":3,"file":"useLabelNotch.js","names":["offset","contourOffset","useLabelNotch","labels","onChanged","root","label","el","labelSelector","startResizeObserving","rightOffset","call","tap","n","onBeforeUnmount","stopResizeObserving"],"sources":["../../src/utils/useLabelNotch.ts"],"sourcesContent":["import { onBeforeUnmount, type Ref } from \"vue\";\nimport { tap, tapIf } from \"../helpers/functions\";\nimport { onChanged } from \"../composition/utils\";\nimport { call } from \"../helpers/utils\";\nimport { startResizeObserving, stopResizeObserving } from \"../global/resizeObserver\";\n\nconst offset = 8; // see --label-offset-left-x css var\n\nconst contourOffset = 4; // see --contour-offset css var\n\n/**\n * Adjust the width of the cutout on the clip path for the notched label (TextField, Dropdown)\n */\nexport function useLabelNotch(root: Ref<HTMLElement | undefined>, labelSelector = \"label\") {\n  const labels = new Set<Element>();\n\n  onChanged(() => {\n    tapIf(root?.value, (el) => {\n      const label = el.querySelector(labelSelector);\n\n      if (!label) {\n        return;\n      }\n\n      labels.add(label);\n\n      startResizeObserving(label, () => {\n        const rightOffset = call(() => {\n          return (\n            label.getBoundingClientRect().width +\n            tap(offset, (n) => (Number.isNaN(n) ? contourOffset : n + contourOffset))\n          ); //\n        });\n\n        if (el.style.getPropertyValue(\"--label-offset-right-x\") !== `${rightOffset}px`) {\n          el.style.setProperty(\"--label-offset-right-x\", `${rightOffset}px`);\n        }\n      });\n    });\n  });\n\n  onBeforeUnmount(() => {\n    Array.from(labels.values()).map((el) => stopResizeObserving(el));\n  });\n}\n"],"mappings":";;;;;;AAMA,IAAMA,IAAS,GAETC,IAAgB;AAKtB,SAAgBC,EAAc,GAAoC,IAAgB,SAAS;CACzF,IAAMC,oBAAS,IAAI,IAAa;CA2BhC,AAzBAC,QAAgB;EACd,EAAMC,GAAM,QAAQ,MAAO;GACzB,IAAMC,IAAQC,EAAG,cAAcC,CAAa;GAE5C,AAAKF,MAILH,EAAO,IAAIG,CAAK,GAEhBG,EAAqBH,SAAa;IAChC,IAAMI,IAAcC,QAEhBL,EAAM,sBAAsB,CAAC,CAAC,QAC9BM,EAAIZ,IAAS,MAAO,OAAO,MAAMa,CAAC,IAAIZ,IAAgBY,IAAIZ,CAAc,CAE3E;IAED,AAAIM,EAAG,MAAM,iBAAiB,wBAAwB,MAAM,GAAGG,EAAY,OACzEH,EAAG,MAAM,YAAY,0BAA0B,GAAGG,EAAY,GAAG;GAErE,CAAC;EACH,CAAC;CACH,CAAC,GAEDI,QAAsB;EACpB,MAAM,KAAKX,EAAO,OAAO,CAAC,CAAC,CAAC,KAAK,MAAOY,EAAoBR,CAAE,CAAC;CACjE,CAAC;AACH"}

package/dist/utils/useValidation.js

@@ -1,5 +1,5 @@
 import { computed as e } from "vue";
-//#region src/utils/useValidation.ts
+// src/utils/useValidation.ts
 function t(e, t) {
 	let n = [];
 	return t && t.length > 0 && t.forEach((t) => {
@@ -13,7 +13,6 @@ function t(e, t) {
 function n(n, r) {
 	return e(() => t(n.value, r));
 }
-//#endregion
-export { n as useValidation };
+export { n as useValidation, t as validateFormValue };
 
 //# sourceMappingURL=useValidation.js.map

package/dist/utils/useValidation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useValidation.js","names":[],"sources":["../../src/utils/useValidation.ts"],"sourcesContent":["import { computed, type Ref } from \"vue\";\n\n// Validation rules similar to those in Vuetify\n\nexport function validateFormValue<T>(value: T, rules: ((v: T) => boolean | string)[]) {\n  const errors: string[] = [];\n  if (rules && rules.length > 0) {\n    rules.forEach((rule) => {\n      const err = rule(value);\n      if (typeof err === \"string\") {\n        errors.push(err);\n      }\n    });\n  }\n  return {\n    isValid: errors.length === 0,\n    errors: errors,\n  };\n}\n\nexport function useValidation<T>(val: Ref<T>, rules: ((v: T) => boolean | string)[]) {\n  return computed(() => {\n    return validateFormValue(val.value, rules);\n  });\n}\n"],"mappings":";;AAIA,SAAgB,EAAqB,GAAU,GAAuC;CACpF,IAAM,IAAmB,EAAE;AAS3B,QARI,KAAS,EAAM,SAAS,KAC1B,EAAM,SAAS,MAAS;EACtB,IAAM,IAAM,EAAK,EAAM;AACvB,EAAI,OAAO,KAAQ,YACjB,EAAO,KAAK,EAAI;GAElB,EAEG;EACL,SAAS,EAAO,WAAW;EACnB;EACT;;AAGH,SAAgB,EAAiB,GAAa,GAAuC;AACnF,QAAO,QACE,EAAkB,EAAI,OAAO,EAAM,CAC1C"}
+{"version":3,"file":"useValidation.js","names":["validateFormValue","errors","rules","err","rule","value","useValidation","computed","val"],"sources":["../../src/utils/useValidation.ts"],"sourcesContent":["import { computed, type Ref } from \"vue\";\n\n// Validation rules similar to those in Vuetify\n\nexport function validateFormValue<T>(value: T, rules: ((v: T) => boolean | string)[]) {\n  const errors: string[] = [];\n  if (rules && rules.length > 0) {\n    rules.forEach((rule) => {\n      const err = rule(value);\n      if (typeof err === \"string\") {\n        errors.push(err);\n      }\n    });\n  }\n  return {\n    isValid: errors.length === 0,\n    errors: errors,\n  };\n}\n\nexport function useValidation<T>(val: Ref<T>, rules: ((v: T) => boolean | string)[]) {\n  return computed(() => {\n    return validateFormValue(val.value, rules);\n  });\n}\n"],"mappings":";;AAIA,SAAgBA,EAAqB,GAAU,GAAuC;CACpF,IAAMC,IAAmB,CAAC;CAS1B,OARIC,KAASA,EAAM,SAAS,KAC1BA,EAAM,SAAS,MAAS;EACtB,IAAMC,IAAMC,EAAKC,CAAK;EACtB,AAAI,OAAOF,KAAQ,YACjBF,EAAO,KAAKE,CAAG;CAEnB,CAAC,GAEI;EACL,SAASF,EAAO,WAAW;EACnB;CACV;AACF;AAEA,SAAgBK,EAAiB,GAAa,GAAuC;CACnF,OAAOC,QACEP,EAAkBQ,EAAI,OAAON,CAAK,CAC1C;AACH"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@milaboratories/uikit",
-  "version": "2.16.0",
+  "version": "2.16.1",
   "type": "module",
   "main": "dist/index.js",
   "exports": {
@@ -15,14 +15,16 @@
     "./svg/images/*": "./src/assets/images/*"
   },
   "dependencies": {
+    "@milaboratories/helpers": "1.14.6",
+    "@platforma-sdk/model": "1.86.3",
     "@types/d3-array": "^3.2.1",
     "@types/d3-axis": "^3.0.6",
     "@types/d3-scale": "^4.0.9",
     "@types/d3-selection": "^3.0.11",
     "@types/sortablejs": "^1.15.6",
     "@vue/test-utils": "^2.4.6",
-    "@vueuse/core": "^13.3.0",
-    "@vueuse/integrations": "^13.3.0",
+    "@vueuse/core": "^13.9.0",
+    "@vueuse/integrations": "^13.9.0",
     "canonicalize": "~2.1.0",
     "d3-array": "^3.0.0",
     "d3-axis": "^3.0.0",
@@ -30,19 +32,17 @@
     "d3-selection": "^3.0.0",
     "resize-observer-polyfill": "^1.5.1",
     "sortablejs": "^1.15.6",
-    "vue": "3.5.24",
-    "@milaboratories/helpers": "1.14.5",
-    "@platforma-sdk/model": "1.86.0"
+    "vue": "3.5.44"
   },
   "devDependencies": {
-    "@vitest/coverage-istanbul": "^4.1.3",
-    "jsdom": "^25.0.1",
-    "svgo": "^3.3.2",
-    "typescript": "7.0.2",
-    "vitest": "^4.1.3",
     "@milaboratories/build-configs": "2.0.2",
-    "@milaboratories/ts-builder": "1.7.2",
-    "@milaboratories/ts-configs": "1.4.0"
+    "@milaboratories/ts-builder": "1.7.3",
+    "@milaboratories/ts-configs": "1.4.0",
+    "@vitest/coverage-istanbul": "^4.1.12",
+    "jsdom": "^27.4.0",
+    "svgo": "^3.3.5",
+    "typescript": "7.0.2",
+    "vitest": "^4.1.12"
   },
   "repository": {
     "type": "git",

package/src/components/PlLogView/PlLogView.vue

@@ -20,7 +20,7 @@ import { PlTooltip } from "../PlTooltip";
 import { PlIcon24 } from "../PlIcon24";
 import { downloadContent } from "../../helpers/dom";
 
-const getOutputError = <T,>(o?: OutputWithStatus<T>) => {
+const getOutputError = <T>(o?: OutputWithStatus<T>) => {
   if (o && o.ok === false) {
     return o.errors.join("\n");
   }