@platforma-sdk/ui-vue 1.42.10 → 1.42.15

package/dist/lib/ui/uikit/dist/utils/DropdownOverlay/DropdownOverlay.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as h, reactive as a, toRef as g, ref as u, createBlock as w, watch as x, openBlock as v, Teleport as y, createElementVNode as H, mergeProps as R, renderSlot as B } from "vue";
-import { useElementPosition as C } from "../../composition/usePosition.js";
+import { defineComponent as h, reactive as a, toRef as g, ref as u, createBlock as w, watch as x, openBlock as v, Teleport as y, createElementVNode as C, mergeProps as H, withModifiers as R, renderSlot as k } from "vue";
+import { useElementPosition as B } from "../../composition/usePosition.js";
 import { scrollIntoView as E } from "../../helpers/dom.js";
 import { tapIf as b } from "../../lib/util/helpers/dist/index.js";
-const $ = /* @__PURE__ */ h({
+const A = /* @__PURE__ */ h({
   __name: "DropdownOverlay",
   props: {
     root: {},
@@ -15,7 +15,7 @@ const $ = /* @__PURE__ */ h({
       top: "0px",
       left: "0px",
       width: "0px"
-    }), m = g(r, "root"), i = u();
+    }), f = g(r, "root"), i = u();
     return d({
       scrollIntoActive: () => {
         const e = i.value;
@@ -29,23 +29,25 @@ const $ = /* @__PURE__ */ h({
         const t = e.getBoundingClientRect();
         n.optionsHeight = t.height, window.dispatchEvent(new CustomEvent("adjust"));
       });
-    }), C(m, (e) => {
-      const t = document.body.getBoundingClientRect(), p = e.top - t.top, f = e.left - t.left, s = r.gap ?? 0, l = p + e.height + s;
-      l + n.optionsHeight > e.clientHeight ? o.top = p - n.optionsHeight - s + "px" : o.top = l + "px", o.left = f + "px", o.width = e.width + "px";
+    }), B(f, (e) => {
+      const t = document.body.getBoundingClientRect(), p = e.top - t.top, m = e.left - t.left, s = r.gap ?? 0, l = p + e.height + s;
+      l + n.optionsHeight > e.clientHeight ? o.top = p - n.optionsHeight - s + "px" : o.top = l + "px", o.left = m + "px", o.width = e.width + "px";
     }), (e, t) => (v(), w(y, { to: "body" }, [
-      H("div", R({
+      C("div", H({
         ref_key: "listRef",
         ref: i
       }, e.$attrs, {
         style: o,
-        tabindex: "-1"
+        tabindex: "-1",
+        onClick: t[0] || (t[0] = R(() => {
+        }, ["stop"]))
       }), [
-        B(e.$slots, "default", { ref: "list" })
+        k(e.$slots, "default", { ref: "list" })
       ], 16)
     ]));
   }
 });
 export {
-  $ as default
+  A as default
 };
 //# sourceMappingURL=DropdownOverlay.vue.js.map

package/dist/lib/ui/uikit/dist/utils/DropdownOverlay/DropdownOverlay.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownOverlay.vue.js","sources":["../../../../../../../../../lib/ui/uikit/src/utils/DropdownOverlay/DropdownOverlay.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useElementPosition } from '../../composition/usePosition';\nimport { scrollIntoView } from '../../helpers/dom';\nimport { tapIf } from '@milaboratories/helpers';\nimport { reactive, ref, toRef, watch } from 'vue';\n\nconst props = defineProps<{\n  root: HTMLElement | undefined; // element to \"track\"\n  gap?: number; // additional gap between overlay and \"root\" component\n}>();\n\nconst data = reactive({\n  optionsHeight: 0,\n});\n\nconst optionsStyle = reactive({\n  top: '0px',\n  left: '0px',\n  width: '0px',\n});\n\nconst rootRef = toRef(props, 'root');\n\nconst listRef = ref<HTMLElement>();\n\nconst scrollIntoActive = () => {\n  const $list = listRef.value;\n\n  if (!$list) {\n    return;\n  }\n\n  tapIf($list.querySelector('.hovered-item') as HTMLElement, (opt) => {\n    scrollIntoView($list, opt);\n  });\n};\n\ndefineExpose({\n  scrollIntoActive,\n  listRef,\n});\n\nwatch(listRef, (el) => {\n  if (el) {\n    requestAnimationFrame(() => {\n      const rect = el.getBoundingClientRect();\n      data.optionsHeight = rect.height;\n      window.dispatchEvent(new CustomEvent('adjust'));\n    });\n  }\n});\n\nuseElementPosition(rootRef, (pos) => {\n  const bodyRect = document.body.getBoundingClientRect();\n\n  const top = pos.top - bodyRect.top;\n\n  const left = pos.left - bodyRect.left;\n\n  const gap = props.gap ?? 0;\n\n  const downTopOffset = top + pos.height + gap;\n\n  if (downTopOffset + data.optionsHeight > pos.clientHeight) {\n    optionsStyle.top = top - data.optionsHeight - gap + 'px';\n  } else {\n    optionsStyle.top = downTopOffset + 'px';\n  }\n\n  optionsStyle.left = left + 'px';\n  optionsStyle.width = pos.width + 'px';\n});\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <div ref=\"listRef\" v-bind=\"$attrs\" :style=\"optionsStyle\" tabindex=\"-1\">\n      <slot ref=\"list\" />\n    </div>\n  </Teleport>\n</template>\n"],"names":["props","__props","data","reactive","optionsStyle","rootRef","toRef","listRef","ref","__expose","$list","tapIf","opt","scrollIntoView","watch","el","rect","useElementPosition","pos","bodyRect","top","left","gap","downTopOffset","t","e","x","v","y"],"mappings":";;;;;;;;;;;AAMMA,UAAAA,IAAQC,GAKRC,IAAOC,EAAS;AAAA,MACpB,eAAe;AAAA,IAAA,CAChB,GAEKC,IAAeD,EAAS;AAAA,MAC5B,KAAK;AAAA,MACL,MAAM;AAAA,MACN,OAAO;AAAA,IAAA,CACR,GAEKE,IAAUC,EAAMN,GAAO,MAAM,GAE7BO,IAAUC,EAAiB;AAcpB,WAAAC,EAAA;AAAA,MACX,kBAbuB,MAAM;AAC7B,cAAMC,IAAQH,EAAQ;AAEjBG,QAAAA,KAILC,EAAMD,EAAM,cAAc,eAAe,GAAkB,CAACE,MAAQ;AAClEC,UAAAA,EAAeH,GAAOE,CAAG;AAAA,QAAA,CAC1B;AAAA,MACH;AAAA,MAIE,SAAAL;AAAAA,IACD,CAAA,GAEKO,EAAAP,GAAS,CAACQ,MAAO;AACjBA,MAAAA,KACF,sBAAsB,MAAM;AACpBC,cAAAA,IAAOD,EAAG,sBAAsB;AACtCb,QAAAA,EAAK,gBAAgBc,EAAK,QAC1B,OAAO,cAAc,IAAI,YAAY,QAAQ,CAAC;AAAA,MAAA,CAC/C;AAAA,IAEJ,CAAA,GAEkBC,EAAAZ,GAAS,CAACa,MAAQ;AAC7BC,YAAAA,IAAW,SAAS,KAAK,yBAEzBC,IAAMF,EAAI,MAAMC,EAAS,KAEzBE,IAAOH,EAAI,OAAOC,EAAS,MAE3BG,IAAMtB,EAAM,OAAO,GAEnBuB,IAAgBH,IAAMF,EAAI,SAASI;AAErCC,MAAAA,IAAgBrB,EAAK,gBAAgBgB,EAAI,eAC3Cd,EAAa,MAAMgB,IAAMlB,EAAK,gBAAgBoB,IAAM,OAEpDlB,EAAa,MAAMmB,IAAgB,MAGrCnB,EAAa,OAAOiB,IAAO,MACdjB,EAAA,QAAQc,EAAI,QAAQ;AAAA,IAAA,CAClC,GAAA,CAAAM,GAAAC,OAAAC,EAAA,GAAAC,EAAAC,GAAA,EAAA,IAAA,UAAA;AAAA;;;;;;;;;;;;"}
+{"version":3,"file":"DropdownOverlay.vue.js","sources":["../../../../../../../../../lib/ui/uikit/src/utils/DropdownOverlay/DropdownOverlay.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useElementPosition } from '../../composition/usePosition';\nimport { scrollIntoView } from '../../helpers/dom';\nimport { tapIf } from '@milaboratories/helpers';\nimport { reactive, ref, toRef, watch } from 'vue';\n\nconst props = defineProps<{\n  root: HTMLElement | undefined; // element to \"track\"\n  gap?: number; // additional gap between overlay and \"root\" component\n}>();\n\nconst data = reactive({\n  optionsHeight: 0,\n});\n\nconst optionsStyle = reactive({\n  top: '0px',\n  left: '0px',\n  width: '0px',\n});\n\nconst rootRef = toRef(props, 'root');\n\nconst listRef = ref<HTMLElement>();\n\nconst scrollIntoActive = () => {\n  const $list = listRef.value;\n\n  if (!$list) {\n    return;\n  }\n\n  tapIf($list.querySelector('.hovered-item') as HTMLElement, (opt) => {\n    scrollIntoView($list, opt);\n  });\n};\n\ndefineExpose({\n  scrollIntoActive,\n  listRef,\n});\n\nwatch(listRef, (el) => {\n  if (el) {\n    requestAnimationFrame(() => {\n      const rect = el.getBoundingClientRect();\n      data.optionsHeight = rect.height;\n      window.dispatchEvent(new CustomEvent('adjust'));\n    });\n  }\n});\n\nuseElementPosition(rootRef, (pos) => {\n  const bodyRect = document.body.getBoundingClientRect();\n\n  const top = pos.top - bodyRect.top;\n\n  const left = pos.left - bodyRect.left;\n\n  const gap = props.gap ?? 0;\n\n  const downTopOffset = top + pos.height + gap;\n\n  if (downTopOffset + data.optionsHeight > pos.clientHeight) {\n    optionsStyle.top = top - data.optionsHeight - gap + 'px';\n  } else {\n    optionsStyle.top = downTopOffset + 'px';\n  }\n\n  optionsStyle.left = left + 'px';\n  optionsStyle.width = pos.width + 'px';\n});\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <div\n      ref=\"listRef\"\n      v-bind=\"$attrs\"\n      :style=\"optionsStyle\"\n      tabindex=\"-1\"\n      @click.stop\n    >\n      <slot ref=\"list\" />\n    </div>\n  </Teleport>\n</template>\n"],"names":["props","__props","data","reactive","optionsStyle","rootRef","toRef","listRef","ref","__expose","$list","tapIf","opt","scrollIntoView","watch","el","rect","useElementPosition","pos","bodyRect","top","left","gap","downTopOffset","t","e","x","v","y"],"mappings":";;;;;;;;;;;AAMMA,UAAAA,IAAQC,GAKRC,IAAOC,EAAS;AAAA,MACpB,eAAe;AAAA,IAAA,CAChB,GAEKC,IAAeD,EAAS;AAAA,MAC5B,KAAK;AAAA,MACL,MAAM;AAAA,MACN,OAAO;AAAA,IAAA,CACR,GAEKE,IAAUC,EAAMN,GAAO,MAAM,GAE7BO,IAAUC,EAAiB;AAcpB,WAAAC,EAAA;AAAA,MACX,kBAbuB,MAAM;AAC7B,cAAMC,IAAQH,EAAQ;AAEjBG,QAAAA,KAILC,EAAMD,EAAM,cAAc,eAAe,GAAkB,CAACE,MAAQ;AAClEC,UAAAA,EAAeH,GAAOE,CAAG;AAAA,QAAA,CAC1B;AAAA,MACH;AAAA,MAIE,SAAAL;AAAAA,IACD,CAAA,GAEKO,EAAAP,GAAS,CAACQ,MAAO;AACjBA,MAAAA,KACF,sBAAsB,MAAM;AACpBC,cAAAA,IAAOD,EAAG,sBAAsB;AACtCb,QAAAA,EAAK,gBAAgBc,EAAK,QAC1B,OAAO,cAAc,IAAI,YAAY,QAAQ,CAAC;AAAA,MAAA,CAC/C;AAAA,IAEJ,CAAA,GAEkBC,EAAAZ,GAAS,CAACa,MAAQ;AAC7BC,YAAAA,IAAW,SAAS,KAAK,yBAEzBC,IAAMF,EAAI,MAAMC,EAAS,KAEzBE,IAAOH,EAAI,OAAOC,EAAS,MAE3BG,IAAMtB,EAAM,OAAO,GAEnBuB,IAAgBH,IAAMF,EAAI,SAASI;AAErCC,UAAgBrB,EAAK,gBAAgBgB,EAAI,eAC3Cd,EAAa,MAAMgB,IAAMlB,EAAK,gBAAgBoB,IAAM,OAEpDlB,EAAa,MAAMmB,IAAgB,MAGrCnB,EAAa,OAAOiB,IAAO,MACdjB,EAAA,QAAQc,EAAI,QAAQ;AAAA,IAAA,CAClC,GAAA,CAAAM,GAAAC,OAAAC,EAAA,GAAAC,EAAAC,GAAA,EAAA,IAAA,UAAA;AAAA;;;;;;;;;;;;;;"}

package/dist/plugins/Monetization/MonetizationSidebar.vue.js

@@ -7,8 +7,8 @@ import $ from "./RunStatus.vue.js";
 import D from "./LimitCard.vue.js";
 import F from "./EndOfPeriod.vue.js";
 import K from "../../lib/ui/uikit/dist/components/PlSlideModal/PlSlideModal.vue.js";
-import W from "../../lib/ui/uikit/dist/components/PlDropdown/PlDropdown.vue.js";
-import Z from "../../lib/ui/uikit/dist/components/PlBtnSecondary/PlBtnSecondary.vue.js";
+import Q from "../../lib/ui/uikit/dist/components/PlDropdown/PlDropdown.vue.js";
+import W from "../../lib/ui/uikit/dist/components/PlBtnSecondary/PlBtnSecondary.vue.js";
 import j from "../../lib/ui/uikit/dist/components/PlAlert/PlAlert.vue.js";
 import A from "../../lib/ui/uikit/dist/components/PlBtnGhost/PlBtnGhost.vue.js";
 import G from "../../lib/ui/uikit/dist/components/PlIcon24/PlIcon24.vue.js";
@@ -68,7 +68,7 @@ const de = /* @__PURE__ */ R({
           ], -1)
         ])),
         default: l(() => [
-          d(e(W), {
+          d(e(Q), {
             label: "Product",
             readonly: "",
             "model-value": B.value,
@@ -79,7 +79,7 @@ const de = /* @__PURE__ */ R({
             "status-text": _.value
           }, {
             default: l(() => [
-              d(e(Z), {
+              d(e(W), {
                 title: "Refresh status",
                 round: "",
                 size: "small",