@platforma-sdk/ui-vue 1.42.19 → 1.42.21

package/dist/lib/ui/uikit/dist/index.js.map

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

package/dist/lib/ui/uikit/dist/layout/PlBlockPage/PlBlockPage.vue.js

@@ -1,69 +0,0 @@
-import { defineComponent as c, useSlots as s, createElementBlock as l, openBlock as t, normalizeClass as g, createVNode as b, unref as n, createElementVNode as p, withDirectives as _, renderSlot as o, withCtx as m } from "vue";
-import { PlBlockPageTitleTeleportId as u } from "./PlBlockPageTitleTeleportId.js";
-import x from "../../components/PlSplash/PlSplash.vue.js";
-(function() {
-  try {
-    if (typeof document < "u") {
-      var a = document.createElement("style");
-      a.appendChild(document.createTextNode(".pl-block-page{--pl-block-page-body-padding: var(--main-spacing, 24px);padding:var(--container-spacing);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{height:80px;display:flex;align-items:center;gap:12px;padding:20px 24px;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:flex;align-items:center;gap:2px}.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)}")), document.head.appendChild(a);
-    }
-  } catch (i) {
-    console.error("vite-plugin-css-injected-by-js", i);
-  }
-})();
-const h = {
-  key: 0,
-  class: "pl-block-page__title"
-}, k = { class: "pl-block-page__title__default" }, y = { class: "pl-block-page__title__append" }, f = ["id"], v = { key: 1 }, w = {
-  name: "PlBlockPage"
-}, L = /* @__PURE__ */ c({
-  ...w,
-  props: {
-    noBodyGutters: { type: Boolean },
-    bodyLoading: { type: Boolean },
-    bodyLoadingText: {}
-  },
-  setup(a) {
-    const i = s(), d = (e) => {
-      e.removeAttribute("title"), e.clientWidth < e.scrollWidth && e.setAttribute("title", e.innerText);
-    }, r = {
-      mounted: d,
-      updated: d
-    };
-    return (e, B) => (t(), l("div", {
-      class: g(["pl-layout-component pl-block-page", { noBodyGutters: e.noBodyGutters }])
-    }, [
-      n(i).title ? (t(), l("div", h, [
-        p("div", k, [
-          _((t(), l("span", null, [
-            o(e.$slots, "title")
-          ])), [
-            [r]
-          ]),
-          o(e.$slots, "after-title")
-        ]),
-        p("div", y, [
-          p("div", {
-            id: n(u),
-            class: "pl-block-page__title__append__teleport"
-          }, null, 8, f),
-          o(e.$slots, "append")
-        ])
-      ])) : (t(), l("div", v)),
-      b(x, {
-        loading: e.bodyLoading,
-        "loading-text": e.bodyLoadingText,
-        class: "pl-block-page__body"
-      }, {
-        default: m(() => [
-          o(e.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["loading", "loading-text"])
-    ], 2));
-  }
-});
-export {
-  L as default
-};
-//# sourceMappingURL=PlBlockPage.vue.js.map

package/dist/lib/ui/uikit/dist/layout/PlBlockPage/PlBlockPage.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PlBlockPage.vue.js","sources":["../../../../../../../../../lib/ui/uikit/src/layout/PlBlockPage/PlBlockPage.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Root block page component */\nexport default {\n  name: 'PlBlockPage',\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { useSlots } from 'vue';\nimport { PlBlockPageTitleTeleportId } from './PlBlockPageTitleTeleportId';\nimport './pl-block-page.scss';\nimport PlSplash from '../../components/PlSplash/PlSplash.vue';\n\nconst slots = useSlots();\n\ndefineProps<{\n  /**\n   * If `true` body gutters are removed\n   */\n  noBodyGutters?: boolean;\n  /**\n   * If `true`, a loading overlay is displayed on the page body (over all default slot content)\n   */\n  bodyLoading?: boolean;\n  /**\n   * Optional body loading text\n   */\n  bodyLoadingText?: string;\n}>();\n\nconst setTitleIfNeeded = (el: HTMLElement) => {\n  el.removeAttribute('title');\n  if (el.clientWidth < el.scrollWidth) {\n    el.setAttribute('title', el.innerText);\n  }\n};\n\nconst vTextOverflownTitle = {\n  mounted: setTitleIfNeeded,\n  updated: setTitleIfNeeded,\n};\n</script>\n\n<template>\n  <div class=\"pl-layout-component pl-block-page\" :class=\"{ noBodyGutters }\">\n    <div v-if=\"slots.title\" class=\"pl-block-page__title\">\n      <div class=\"pl-block-page__title__default\">\n        <span v-text-overflown-title><slot name=\"title\" /></span>\n        <slot name=\"after-title\" />\n      </div>\n      <div class=\"pl-block-page__title__append\">\n        <div :id=\"PlBlockPageTitleTeleportId\" class=\"pl-block-page__title__append__teleport\" />\n        <slot name=\"append\" />\n      </div>\n    </div>\n    <div v-else />\n    <PlSplash :loading=\"bodyLoading\" :loading-text=\"bodyLoadingText\" class=\"pl-block-page__body\">\n      <slot />\n    </PlSplash>\n  </div>\n</template>\n"],"names":["y","k","h","B","T","useSlots","d","r","i","t","setTitleIfNeeded"],"mappings":";;;;;;;;;;;;;;;;AAEe,GACPA,IAAA,EAAA,OAAA,gCAAA,GAAAC,IAAA,EAAA,OAAA,+BAAA,GAAAC,IAAA,CAAA,IAAA,GAAA,IAAA,EAAA,KAAA,KAAAC,IAAA;AAAA,EACR,MAAA;;;;;;;;EASA,MAAAC,GAAcC;AAkBZ,UAAGC,IAAAC,EAAA,GAAAC,IAAA,CAAgBC,MAAO;QAMA,gBAAA,OAAA,GAAAA,EAAA,cAAAA,EAAA,eAAAA,EAAA,aAAA,SAAAA,EAAA,SAAA;AAAA,IAAA,GACjBC,IAAAA;AAAAA,MACT,SAASA;AAAAA,MACX,SAAAF;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/lib/ui/uikit/dist/layout/PlBlockPage/PlBlockPageTitleTeleportId.js

@@ -1,6 +0,0 @@
-import { uniqueId as e } from "../../lib/util/helpers/dist/index.js";
-const t = e();
-export {
-  t as PlBlockPageTitleTeleportId
-};
-//# sourceMappingURL=PlBlockPageTitleTeleportId.js.map

package/dist/lib/ui/uikit/dist/layout/PlBlockPage/PlBlockPageTitleTeleportId.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PlBlockPageTitleTeleportId.js","sources":["../../../../../../../../../lib/ui/uikit/src/layout/PlBlockPage/PlBlockPageTitleTeleportId.ts"],"sourcesContent":["import { uniqueId } from '@milaboratories/helpers';\n\nexport const PlBlockPageTitleTeleportId = uniqueId();\n"],"names":["PlBlockPageTitleTeleportId","uniqueId"],"mappings":";AAEO,MAAMA,IAA6BC,EAAS;"}

package/dist/lib/ui/uikit/dist/layout/PlBlockPage/usePlBlockPageTitleTeleportTarget.js

@@ -1,18 +0,0 @@
-import { ref as n, onMounted as l, onUpdated as c, nextTick as a } from "vue";
-import { PlBlockPageTitleTeleportId as i } from "./PlBlockPageTitleTeleportId.js";
-const t = "#" + i;
-function u(r) {
-  const e = n(), o = () => {
-    a(() => {
-      e.value = document.querySelector(t) ? t : void 0, e.value || console.error(
-        `[${r}] Error: 'PlBlockPage' component is missing. 
-          Ensure that you placed the components inside <PlBlockPage />.`
-      );
-    });
-  };
-  return l(o), c(o), e;
-}
-export {
-  u as usePlBlockPageTitleTeleportTarget
-};
-//# sourceMappingURL=usePlBlockPageTitleTeleportTarget.js.map

package/dist/lib/ui/uikit/dist/layout/PlBlockPage/usePlBlockPageTitleTeleportTarget.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePlBlockPageTitleTeleportTarget.js","sources":["../../../../../../../../../lib/ui/uikit/src/layout/PlBlockPage/usePlBlockPageTitleTeleportTarget.ts"],"sourcesContent":["import { nextTick, onMounted, onUpdated, ref } from 'vue';\nimport { PlBlockPageTitleTeleportId } from './PlBlockPageTitleTeleportId';\n\nconst selector = '#' + PlBlockPageTitleTeleportId;\n\nexport function usePlBlockPageTitleTeleportTarget(componentName: string) {\n  const target = ref<string>();\n\n  const check = () => {\n    nextTick(() => {\n      target.value = document.querySelector(selector) ? selector : undefined;\n      if (!target.value) {\n        console.error(\n          `[${componentName}] Error: 'PlBlockPage' component is missing. \n          Ensure that you placed the components inside <PlBlockPage />.`,\n        );\n      }\n    });\n  };\n\n  onMounted(check);\n  onUpdated(check);\n\n  return target;\n}\n"],"names":["selector","PlBlockPageTitleTeleportId","usePlBlockPageTitleTeleportTarget","componentName","target","ref","check","nextTick","onMounted","onUpdated"],"mappings":";;AAGA,MAAMA,IAAW,MAAMC;AAEhB,SAASC,EAAkCC,GAAuB;AACvE,QAAMC,IAASC,KAETC,IAAQ,MAAM;AAClBC,IAAAA,EAAS,MAAM;AACbH,QAAO,QAAQ,SAAS,cAAcJ,CAAQ,IAAIA,IAAW,QACxDI,EAAO,SACF,QAAA;AAAA,QACN,IAAID,CAAa;AAAA;AAAA,MAEnB;AAAA,IAAA,CAEH;AAAA,EACH;AAEA,SAAAK,EAAUF,CAAK,GACfG,EAAUH,CAAK,GAERF;AACT;"}

package/dist/lib/ui/uikit/dist/layout/PlContainer/PlContainer.vue.js

@@ -1,42 +0,0 @@
-import { defineComponent as l, computed as a, createBlock as d, openBlock as i, normalizeStyle as c, withCtx as r, renderSlot as p } from "vue";
-import s from "../../components/PlSplash/PlSplash.vue.js";
-(function() {
-  try {
-    if (typeof document < "u") {
-      var e = document.createElement("style");
-      e.appendChild(document.createTextNode(".pl-container{display:flex;flex-direction:column;gap:var(--gap-v)}")), document.head.appendChild(e);
-    }
-  } catch (t) {
-    console.error("vite-plugin-css-injected-by-js", t);
-  }
-})();
-const u = {
-  name: "PlContainer"
-}, y = /* @__PURE__ */ l({
-  ...u,
-  props: {
-    width: {},
-    loading: { type: Boolean },
-    loadingText: {}
-  },
-  setup(e) {
-    const t = e, n = a(() => ({
-      width: t.width
-    }));
-    return (o, m) => (i(), d(s, {
-      loading: o.loading,
-      "loading-text": o.loadingText,
-      class: "pl-container pl-layout-component",
-      style: c(n.value)
-    }, {
-      default: r(() => [
-        p(o.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["loading", "loading-text", "style"]));
-  }
-});
-export {
-  y as default
-};
-//# sourceMappingURL=PlContainer.vue.js.map

package/dist/lib/ui/uikit/dist/layout/PlContainer/PlContainer.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PlContainer.vue.js","sources":["../../../../../../../../../lib/ui/uikit/src/layout/PlContainer/PlContainer.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Container with vertical spacing */\nexport default {\n  name: 'PlContainer',\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport './pl-container.scss';\nimport PlSplash from '../../components/PlSplash/PlSplash.vue';\n\nconst props = defineProps<{\n  /**\n   * CSS width value (px, %)\n   */\n  width?: string;\n  /**\n   * Shows loading overlay\n   */\n  loading?: boolean;\n  /**\n   * Optional loading text\n   */\n  loadingText?: string;\n}>();\n\nconst style = computed(() => ({\n  width: props.width,\n}));\n</script>\n\n<template>\n  <PlSplash :loading=\"loading\" :loading-text=\"loadingText\" class=\"pl-container pl-layout-component\" :style=\"style\">\n    <slot />\n  </PlSplash>\n</template>\n"],"names":["m","o","__props","a","e"],"mappings":";;;;;;;;;;;;AAGQ,MAAAA,IAAA;AAAA,EACR,MAAA;;;;;;;;EAQA,MAAAC,GAAcC;AAegB,cACfD,GAAA,IAAAE,EAAA,OAAA;AAAA,MACb,OAAAC,EAAA;AAAA;;;;;;;;;;;;;;"}

package/dist/lib/ui/uikit/dist/layout/PlGrid/PlGrid.vue.js

@@ -1,34 +0,0 @@
-import { defineComponent as l, computed as r, createElementBlock as a, openBlock as p, normalizeStyle as c, renderSlot as d } from "vue";
-(function() {
-  try {
-    if (typeof document < "u") {
-      var e = document.createElement("style");
-      e.appendChild(document.createTextNode(".pl-grid{display:grid;row-gap:var(--gap-h);column-gap:var(--gap-v)}")), document.head.appendChild(e);
-    }
-  } catch (t) {
-    console.error("vite-plugin-css-injected-by-js", t);
-  }
-})();
-const m = {
-  name: "PlGrid"
-}, i = /* @__PURE__ */ l({
-  ...m,
-  props: {
-    columns: {}
-  },
-  setup(e) {
-    const t = e, o = r(() => ({
-      gridTemplateColumns: `repeat(${t.columns}, minmax(0, 1fr))`
-    }));
-    return (n, s) => (p(), a("div", {
-      class: "pl-layout-component pl-grid",
-      style: c(o.value)
-    }, [
-      d(n.$slots, "default")
-    ], 4));
-  }
-});
-export {
-  i as default
-};
-//# sourceMappingURL=PlGrid.vue.js.map

package/dist/lib/ui/uikit/dist/layout/PlGrid/PlGrid.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PlGrid.vue.js","sources":["../../../../../../../../../lib/ui/uikit/src/layout/PlGrid/PlGrid.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Grid container */\nexport default {\n  name: 'PlGrid',\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport './pl-grid.scss';\n\nconst props = defineProps<{\n  columns: number;\n}>();\n\nconst style = computed(() => {\n  return {\n    gridTemplateColumns: `repeat(${props.columns}, minmax(0, 1fr))`,\n  };\n});\n</script>\n\n<template>\n  <div class=\"pl-layout-component pl-grid\" :style=\"style\">\n    <slot />\n  </div>\n</template>\n"],"names":["c","__props","r","props"],"mappings":";;;;;;;;;;;AAGQ,MAAAA,IAAA;AAAA,EACR,MAAA;;;;;;EAOA,MAAA,GAAcC;AAMV,UAAA,IAAA,GAAA,IAAAC,EAAA,OAA+BC;AAAAA,MAElC,qBAAA,UAAA,EAAA,OAAA;AAAA;;;;;;;;;"}

package/dist/lib/ui/uikit/dist/layout/PlRow/PlRow.vue.js

@@ -1,32 +0,0 @@
-import { defineComponent as n, createElementBlock as t, openBlock as r, normalizeClass as a, renderSlot as l } from "vue";
-(function() {
-  try {
-    if (typeof document < "u") {
-      var o = document.createElement("style");
-      o.appendChild(document.createTextNode(".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}")), document.head.appendChild(o);
-    }
-  } catch (e) {
-    console.error("vite-plugin-css-injected-by-js", e);
-  }
-})();
-const p = {
-  name: "PlRow"
-}, d = /* @__PURE__ */ n({
-  ...p,
-  props: {
-    wrap: { type: Boolean },
-    alignCenter: { type: Boolean },
-    noGap: { type: Boolean }
-  },
-  setup(o) {
-    return (e, c) => (r(), t("div", {
-      class: a(["pl-layout-component pl-row", { wrap: e.wrap, "align-center": e.alignCenter }])
-    }, [
-      l(e.$slots, "default")
-    ], 2));
-  }
-});
-export {
-  d as default
-};
-//# sourceMappingURL=PlRow.vue.js.map

package/dist/lib/ui/uikit/dist/layout/PlRow/PlRow.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PlRow.vue.js","sources":["../../../../../../../../../lib/ui/uikit/src/layout/PlRow/PlRow.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Horizontal Flex flow container */\nexport default {\n  name: 'PlRow',\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport './pl-row.scss';\n\ndefineProps<{\n  wrap?: boolean;\n  alignCenter?: boolean;\n  noGap?: boolean;\n}>();\n</script>\n\n<template>\n  <div class=\"pl-layout-component pl-row\" :class=\"{ wrap, 'align-center': alignCenter }\">\n    <slot />\n  </div>\n</template>\n"],"names":["r"],"mappings":";;;;;;;;;;;AAGQ,MAAAA,IAAA;AAAA,EACR,MAAA;;;;;;;;;;;;;;;;"}

package/dist/lib/ui/uikit/dist/layout/PlSpacer/PlSpacer.vue.js

@@ -1,16 +0,0 @@
-import { defineComponent as e, createElementBlock as o, openBlock as t } from "vue";
-const l = {
-  class: "pl-layout-component",
-  style: { "flex-grow": "1" }
-}, n = {
-  name: "PlSpacer"
-}, m = /* @__PURE__ */ e({
-  ...n,
-  setup(r) {
-    return (a, c) => (t(), o("div", l));
-  }
-});
-export {
-  m as default
-};
-//# sourceMappingURL=PlSpacer.vue.js.map

package/dist/lib/ui/uikit/dist/layout/PlSpacer/PlSpacer.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PlSpacer.vue.js","sources":["../../../../../../../../../lib/ui/uikit/src/layout/PlSpacer/PlSpacer.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Fills flex remaining space */\nexport default {\n  name: 'PlSpacer',\n};\n</script>\n\n<script lang=\"ts\" setup>\n//\n</script>\n\n<template>\n  <div class=\"pl-layout-component\" style=\"flex-grow: 1\" />\n</template>\n"],"names":["__default__","a","e"],"mappings":";;;;GAEeA,IAAA;AAAA,EACb,MAAM;AACR,GAAAC,IAAAC,gBAAAA,EAAA;AAAA;;;;;"}