@milaboratories/uikit 2.10.31 → 2.10.32

package/dist/layout/PlBlockPage/PlBlockPage.css

@@ -0,0 +1 @@
+._header_19wcy_2{display:flex;flex-direction:column;padding:12px 24px;margin-block-end:-8px;gap:2px;overflow:hidden}._subtitle_19wcy_11{display:flex;padding-inline-end:28px}._subtitle_19wcy_11 input{anchor-name:--pl-block-page-subtitle;field-sizing:content;padding:0;border:none;outline:none;caret-color:var(--border-color-focus);color:var(--txt-01);font-family:Manrope;font-size:20px;font-weight:500;line-height:28px;letter-spacing:-.2px;margin-block-end:-4px;max-inline-size:100%;text-overflow:ellipsis}._subtitle_19wcy_11 input::placeholder{color:var(--txt-03)}._subtitle_19wcy_11 ._editIcon_19wcy_37{visibility:hidden;position:fixed;position-anchor:--pl-block-page-subtitle;position-area:center inline-end;inset-inline-start:4px}._subtitle_19wcy_11:hover ._editIcon_19wcy_37,._subtitle_19wcy_11:focus-within ._editIcon_19wcy_37{visibility:visible}

package/dist/layout/PlBlockPage/PlBlockPage.vue2.js

@@ -1,8 +1,8 @@
 import { defineComponent as g, mergeModels as b, useSlots as h, useModel as k, useCssModule as P, computed as T, useTemplateRef as B, watchEffect as L, createElementBlock as o, openBlock as s, normalizeClass as i, createElementVNode as t, unref as l, createCommentVNode as E, renderSlot as r, toDisplayString as M, withDirectives as v, createVNode as y, vModelText as S, normalizeProps as C, guardReactiveProps as z, vShow as D, normalizeStyle as G } from "vue";
 import { PlBlockPageTitleTeleportTarget as N } from "./PlBlockPageTitleTeleportTarget.js";
-/* empty css                   */
-import V from "../../components/PlIcon24/PlIcon24.vue.js";
-import { PL_PLACEHOLDER_TEXTS as $ } from "../PlPlaceholder/index.js";
+import './pl-block-page.css';/* empty css                   */
+import { PL_PLACEHOLDER_TEXTS as V } from "../PlPlaceholder/index.js";
+import $ from "../../components/PlIcon24/PlIcon24.vue.js";
 import w from "../PlPlaceholder/PlPlaceholder.vue.js";
 const I = { class: "pl-block-page__title" }, R = { class: "pl-block-page__title__default" }, A = { key: 0 }, O = { key: 1 }, H = { class: "pl-block-page__title__append" }, U = ["placeholder"], X = { key: 1 }, j = { class: "pl-block-page__body" }, q = {
   name: "PlBlockPage"
@@ -19,7 +19,7 @@ const I = { class: "pl-block-page__title" }, R = { class: "pl-block-page__title_
   }),
   emits: ["update:subtitle"],
   setup(p) {
-    const u = h(), e = p, n = k(p, "subtitle"), d = P(), c = T(() => typeof e.bodyLoading == "string" ? { variant: e.bodyLoading, ...$.LOADING } : e.bodyLoading), _ = B("teleportTarget");
+    const u = h(), e = p, n = k(p, "subtitle"), d = P(), c = T(() => typeof e.bodyLoading == "string" ? { variant: e.bodyLoading, ...V.LOADING } : e.bodyLoading), _ = B("teleportTarget");
     return L(() => {
       N.value = _.value;
     }), (a, m) => (s(), o("div", {
@@ -63,7 +63,7 @@ const I = { class: "pl-block-page__title" }, R = { class: "pl-block-page__title_
               }
             ]
           ]),
-          y(l(V), {
+          y(l($), {
             class: i(l(d).editIcon),
             name: "edit",
             color: "var(--ic-02)"

package/dist/layout/PlBlockPage/PlBlockPage.vue3.js

@@ -1,4 +1,4 @@
-const t = "_header_19wcy_2", e = "_subtitle_19wcy_11", c = "_editIcon_19wcy_37", s = {
+import './PlBlockPage.css';const t = "_header_19wcy_2", e = "_subtitle_19wcy_11", c = "_editIcon_19wcy_37", s = {
   header: t,
   subtitle: e,
   editIcon: c

package/dist/layout/PlBlockPage/pl-block-page.css

@@ -0,0 +1 @@
+.pl-block-page{--pl-block-page-body-padding: var(--main-spacing, 24px);background-color:var(--bg-elevated-01);height:100%;max-width:100%;display:grid;grid-template-rows:auto minmax(0,1fr)}.pl-block-page.noBodyGutters{--pl-block-page-body-padding: 0}.pl-block-page__title{display:flex;align-items:center;gap:12px;min-width:0;max-width:100%}.pl-block-page__title__default{flex:1;min-width:0;max-width:100%;margin:0;color:var(--txt-01);display:flex;flex-direction:row;align-items:center;gap:12px}.pl-block-page__title__default>span{font-size:28px;font-weight:500;line-height:36px;letter-spacing:-.56px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:100%;display:inline-block}.pl-block-page__title__append{margin-left:auto;display:flex;align-items:center;gap:2px}.pl-block-page__title__append__teleport{display:contents}.pl-block-page__body{max-width:100%;display:flex;flex-direction:column;gap:var(--gap-v);padding:var(--pl-block-page-body-padding);--thumb-color: var(--ic-02);overflow-y:auto;overflow-x:auto}.pl-block-page__body::-webkit-scrollbar{width:var(--scrollbar-width, 6px);height:5px;background-color:transparent;display:block}.pl-block-page__body::-webkit-scrollbar-thumb{background:var(--thumb-color);border-radius:5px}.pl-block-page__body::-webkit-scrollbar-thumb:hover{--thumb-color: var(--border-color-focus)}

package/dist/layout/PlContainer/PlContainer.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent as l, computed as a, createBlock as i, openBlock as d, normalizeStyle as r, withCtx as c, renderSlot as s } from "vue";
-/* empty css                  */
+import './pl-container.css';/* empty css                  */
 import m from "../../components/PlSplash/PlSplash.vue.js";
 const p = {
   name: "PlContainer"

package/dist/layout/PlContainer/pl-container.css

@@ -0,0 +1 @@
+.pl-container{display:flex;flex-direction:column;gap:var(--gap-v)}

package/dist/layout/PlGrid/PlGrid.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent as n, computed as r, createElementBlock as s, openBlock as m, normalizeStyle as p, renderSlot as a } from "vue";
-/* empty css             */
+import './pl-grid.css';/* empty css             */
 const c = {
   name: "PlGrid"
 }, f = /* @__PURE__ */ n({

package/dist/layout/PlGrid/pl-grid.css

@@ -0,0 +1 @@
+.pl-grid{display:grid;row-gap:var(--gap-h);column-gap:var(--gap-v)}

package/dist/layout/PlPlaceholder/PlPlaceholder.css

@@ -0,0 +1 @@
+._root_xfknp_2{block-size:100%;inline-size:100%;position:relative;-webkit-user-select:none;user-select:none;background-color:var(--bg-elevated-01)}._background_xfknp_10{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mask:linear-gradient(transparent 35%,#000 40% 60%,transparent 65%);-webkit-mask-size:100% 300%;mask-size:100% 300%;animation-duration:5s;animation-iteration-count:infinite;animation-name:_slide_xfknp_1}._background_xfknp_10._table_xfknp_19{background-image:paint(pl-placeholder-table-skeleton)}._background_xfknp_10._graph_xfknp_22{background-image:paint(pl-placeholder-graph-skeleton)}._content_xfknp_27{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}._text_xfknp_37{display:flex;flex-direction:column;align-items:center;gap:4px;-webkit-text-stroke-color:white;-webkit-text-stroke-width:4px;paint-order:stroke}._title_xfknp_47{color:var(--txt-03);font-size:20px;font-weight:500;line-height:24px;letter-spacing:-.2px}._subtitle_xfknp_55{color:var(--txt-03);font-weight:500;line-height:20px;display:grid}._subtitle_xfknp_55 span{grid-area:1 / 1;text-align:center;animation-name:_active-subtitle_xfknp_1;animation-duration:calc(6s*sibling-count());animation-iteration-count:infinite;animation-timing-function:steps(sibling-count(),jump-none);visibility:if(style(--pl-placeholder-active-subtitle: sibling-index()): visible; else: hidden;)}@keyframes _slide_xfknp_1{0%{-webkit-mask-position:0 100%;mask-position:0 100%}}@keyframes _active-subtitle_xfknp_1{0%{--pl-placeholder-active-subtitle: 1}to{--pl-placeholder-active-subtitle: sibling-count()}}@property --pl-placeholder-active-subtitle{syntax: "<number>"; inherits: false; initial-value: 1;}

package/dist/layout/PlPlaceholder/PlPlaceholder.vue3.js

@@ -1,4 +1,4 @@
-const t = "_root_xfknp_2", _ = "_background_xfknp_10", n = "_slide_xfknp_1", e = "_table_xfknp_19", o = "_graph_xfknp_22", s = "_content_xfknp_27", c = "_text_xfknp_37", l = "_title_xfknp_47", p = "_subtitle_xfknp_55", x = {
+import './PlPlaceholder.css';const t = "_root_xfknp_2", _ = "_background_xfknp_10", n = "_slide_xfknp_1", e = "_table_xfknp_19", o = "_graph_xfknp_22", s = "_content_xfknp_27", c = "_text_xfknp_37", l = "_title_xfknp_47", p = "_subtitle_xfknp_55", x = {
   root: t,
   background: _,
   slide: n,

package/dist/layout/PlPlaceholder/index.js

@@ -1,5 +1,4 @@
-import "./PlPlaceholder.vue2.js";
-const t = {
+const e = {
   LOADING: {
     title: "Loading data...",
     subtitle: [
@@ -20,6 +19,6 @@ const t = {
   }
 };
 export {
-  t as PL_PLACEHOLDER_TEXTS
+  e as PL_PLACEHOLDER_TEXTS
 };
 //# sourceMappingURL=index.js.map

package/dist/layout/PlPlaceholder/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/layout/PlPlaceholder/index.ts"],"sourcesContent":["export { type PlPlaceholderProps, default as PlPlaceholder } from \"./PlPlaceholder.vue\";\n\nexport const PL_PLACEHOLDER_TEXTS = {\n  LOADING: {\n    title: \"Loading data...\",\n    subtitle: [\n      \"No action needed—the job is active\",\n      \"Larger datasets take longer to load\",\n      \"Results will appear here as soon as they’re ready\",\n      \"Loading may take minutes to hours\",\n    ],\n  },\n  RUNNING: {\n    title: \"Running analysis...\",\n    subtitle: [\n      \"No action needed—the job is active\",\n      \"Larger datasets take longer to process\",\n      \"Results will appear here as soon as they’re ready\",\n      \"Processing may take minutes to hours\",\n    ],\n  },\n};\n"],"names":["PL_PLACEHOLDER_TEXTS"],"mappings":";AAEO,MAAMA,IAAuB;AAAA,EAClC,SAAS;AAAA,IACP,OAAO;AAAA,IACP,UAAU;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,SAAS;AAAA,IACP,OAAO;AAAA,IACP,UAAU;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../src/layout/PlPlaceholder/index.ts"],"sourcesContent":["export { type PlPlaceholderProps, default as PlPlaceholder } from \"./PlPlaceholder.vue\";\n\nexport const PL_PLACEHOLDER_TEXTS = {\n  LOADING: {\n    title: \"Loading data...\",\n    subtitle: [\n      \"No action needed—the job is active\",\n      \"Larger datasets take longer to load\",\n      \"Results will appear here as soon as they’re ready\",\n      \"Loading may take minutes to hours\",\n    ],\n  },\n  RUNNING: {\n    title: \"Running analysis...\",\n    subtitle: [\n      \"No action needed—the job is active\",\n      \"Larger datasets take longer to process\",\n      \"Results will appear here as soon as they’re ready\",\n      \"Processing may take minutes to hours\",\n    ],\n  },\n};\n"],"names":["PL_PLACEHOLDER_TEXTS"],"mappings":"AAEO,MAAMA,IAAuB;AAAA,EAClC,SAAS;AAAA,IACP,OAAO;AAAA,IACP,UAAU;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,SAAS;AAAA,IACP,OAAO;AAAA,IACP,UAAU;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/layout/PlRow/PlRow.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent as n, createElementBlock as t, openBlock as a, normalizeClass as l, renderSlot as r } from "vue";
-/* empty css            */
+import './pl-row.css';/* empty css            */
 const p = {
   name: "PlRow"
 }, m = /* @__PURE__ */ n({

package/dist/layout/PlRow/pl-row.css

@@ -0,0 +1 @@
+.pl-row{display:flex;flex-direction:row;gap:var(--gap-h)}.pl-row.noGap{gap:0}.pl-row.wrap{flex-wrap:wrap}.pl-row.align-center{align-items:center}

package/dist/utils/DoubleContour.css

@@ -0,0 +1 @@
+.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}

package/dist/utils/DoubleContour.vue3.js

@@ -1,5 +1,5 @@
 import o from "./DoubleContour.vue.js";
-/* empty css                   */
+import './DoubleContour.css';/* empty css                   */
 export {
   o as default
 };

package/dist/utils/PlCloseModalBtn.css

@@ -0,0 +1 @@
+._component_grelk_1{display:flex;place-content:center;place-items:center;width:40px;height:40px;cursor:pointer;border-radius:12px}._component_grelk_1:hover{background-color:var(--btn-sec-hover-grey);transition:all .1s ease-in-out}._component_grelk_1>div{background-color:var(--ic-01);mask-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.99954%2018L11.9995%2012M11.9995%2012L17.9995%206M11.9995%2012L5.99954%206M11.9995%2012L17.9995%2018'%20stroke='%23110529'%20stroke-width='1.5'/%3e%3c/svg%3e");-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.99954%2018L11.9995%2012M11.9995%2012L17.9995%206M11.9995%2012L5.99954%206M11.9995%2012L17.9995%2018'%20stroke='%23110529'%20stroke-width='1.5'/%3e%3c/svg%3e");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:24px;-webkit-mask-size:24px;width:24px;height:24px}

package/dist/utils/PlCloseModalBtn.vue2.js

@@ -1,4 +1,4 @@
-const o = "_component_grelk_1", n = {
+import './PlCloseModalBtn.css';const o = "_component_grelk_1", n = {
   component: o
 };
 export {

package/dist/utils/TextLabel.css

@@ -0,0 +1 @@
+._textLabel_v2o3d_1{padding:0 12px}._label_v2o3d_5{display:flex;align-items:center;gap:4px;color:var(--txt-03);font-size:12px;font-weight:500;line-height:16px}._labelText_v2o3d_15{display:inline-block;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._label_v2o3d_5:after{display:block;flex:1;content:"";height:1px;background-color:var(--border-color-div-grey);width:100%}

package/dist/utils/TextLabel.vue2.js

@@ -1,4 +1,4 @@
-const e = "_textLabel_v2o3d_1", l = "_label_v2o3d_5", t = "_labelText_v2o3d_15", a = {
+import './TextLabel.css';const e = "_textLabel_v2o3d_1", l = "_label_v2o3d_5", t = "_labelText_v2o3d_15", a = {
   textLabel: e,
   label: l,
   labelText: t

package/package.json

@@ -1,7 +1,10 @@
 {
   "name": "@milaboratories/uikit",
-  "version": "2.10.31",
+  "version": "2.10.32",
   "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
   "main": "dist/index.js",
   "exports": {
     ".": {
@@ -9,7 +12,6 @@
       "sources": "./src/index.ts",
       "default": "./dist/index.js"
     },
-    "./styles": "./dist/index.js",
     "./styles/variables": "./src/assets/variables.scss",
     "./assets/mixins.scss": "./src/assets/mixins.scss",
     "./svg/icons/*": "./src/assets/icons/icon-assets-min/*",
@@ -32,8 +34,8 @@
     "resize-observer-polyfill": "^1.5.1",
     "sortablejs": "^1.15.6",
     "vue": "^3.5.24",
-    "@milaboratories/helpers": "1.13.5",
-    "@platforma-sdk/model": "1.57.2"
+    "@platforma-sdk/model": "1.57.2",
+    "@milaboratories/helpers": "1.13.5"
   },
   "devDependencies": {
     "@vitest/coverage-istanbul": "^4.0.16",
@@ -41,8 +43,8 @@
     "svgo": "^3.3.2",
     "typescript": "~5.6.3",
     "vitest": "^4.0.16",
-    "@milaboratories/ts-builder": "1.2.10",
-    "@milaboratories/build-configs": "1.4.4",
+    "@milaboratories/build-configs": "1.5.0",
+    "@milaboratories/ts-builder": "1.2.11",
     "@milaboratories/ts-configs": "1.2.1"
   },
   "scripts": {

package/dist/components/PlAccordion/ExpandTransition.vue2.js

@@ -1,27 +0,0 @@
-import { defineComponent as n, createBlock as r, openBlock as a, Transition as s, withCtx as p, renderSlot as c } from "vue";
-const f = /* @__PURE__ */ n({
-  __name: "ExpandTransition",
-  setup(l) {
-    const t = (e) => {
-      e.classList.add("expand-collapse-fix"), e.style.setProperty("--component-height", e.scrollHeight + "px");
-    }, o = (e) => {
-      e.style.removeProperty("--component-height"), e.classList.remove("expand-collapse-fix");
-    };
-    return (e, i) => (a(), r(s, {
-      name: "expand-collapse",
-      onEnter: t,
-      onLeave: t,
-      onAfterEnter: o,
-      onAfterLeave: o
-    }, {
-      default: p(() => [
-        c(e.$slots, "default")
-      ]),
-      _: 3
-    }));
-  }
-});
-export {
-  f as default
-};
-//# sourceMappingURL=ExpandTransition.vue2.js.map

package/dist/components/PlAccordion/ExpandTransition.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExpandTransition.vue2.js","sources":["../../../src/components/PlAccordion/ExpandTransition.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nconst onStart = (el: Element) => {\n  el.classList.add(\"expand-collapse-fix\");\n  (el as HTMLElement).style.setProperty(\"--component-height\", el.scrollHeight + \"px\");\n};\n\nconst onAfter = (el: Element) => {\n  (el as HTMLElement).style.removeProperty(\"--component-height\");\n  el.classList.remove(\"expand-collapse-fix\");\n};\n</script>\n\n<template>\n  <Transition\n    name=\"expand-collapse\"\n    @enter=\"onStart\"\n    @leave=\"onStart\"\n    @after-enter=\"onAfter\"\n    @after-leave=\"onAfter\"\n  >\n    <slot />\n  </Transition>\n</template>\n\n<style>\n.expand-collapse-fix {\n  overflow: hidden;\n}\n\n.expand-collapse-enter-active,\n.expand-collapse-leave-active {\n  transition:\n    height 0.2s ease-in-out,\n    opacity 0.2s ease-in-out;\n  height: var(--component-height);\n}\n\n.expand-collapse-enter-from,\n.expand-collapse-leave-to {\n  opacity: 0.5;\n  height: 0;\n}\n</style>\n"],"names":["onStart","el","onAfter","_createBlock","_Transition","_renderSlot","_ctx"],"mappings":";;;;AACA,UAAMA,IAAU,CAACC,MAAgB;AAC/B,MAAAA,EAAG,UAAU,IAAI,qBAAqB,GACrCA,EAAmB,MAAM,YAAY,sBAAsBA,EAAG,eAAe,IAAI;AAAA,IACpF,GAEMC,IAAU,CAACD,MAAgB;AAC9B,MAAAA,EAAmB,MAAM,eAAe,oBAAoB,GAC7DA,EAAG,UAAU,OAAO,qBAAqB;AAAA,IAC3C;2BAIEE,EAQaC,GAAA;AAAA,MAPX,MAAK;AAAA,MACJ,SAAOJ;AAAA,MACP,SAAOA;AAAA,MACP,cAAaE;AAAA,MACb,cAAaA;AAAA,IAAA;iBAEd,MAAQ;AAAA,QAARG,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;;"}