@platforma-sdk/ui-vue 1.42.8 → 1.42.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +14 -14
- package/.turbo/turbo-test.log +565 -0
- package/.turbo/turbo-type-check.log +1 -1
- package/CHANGELOG.md +15 -0
- package/dist/components/PlAnnotations/components/DynamicForm.vue2.js +12 -12
- package/dist/lib/model/common/dist/index.js.map +1 -1
- package/dist/lib/ui/uikit/dist/components/DataTable/TableComponent.vue.js +1 -1
- package/dist/lib/ui/uikit/dist/components/PlAccordion/ExpandTransition.vue2.js +27 -0
- package/dist/lib/ui/uikit/dist/components/PlAccordion/ExpandTransition.vue2.js.map +1 -0
- package/dist/lib/ui/uikit/dist/components/PlAutocomplete/PlAutocomplete.vue.js +22 -22
- package/dist/lib/ui/uikit/dist/components/PlAutocomplete/PlAutocomplete.vue.js.map +1 -1
- package/dist/lib/ui/uikit/dist/components/PlDropdown/OptionList.vue.js +2 -2
- package/dist/lib/ui/uikit/dist/components/PlDropdown/PlDropdown.vue.js +106 -103
- package/dist/lib/ui/uikit/dist/components/PlDropdown/PlDropdown.vue.js.map +1 -1
- package/dist/lib/ui/uikit/dist/components/PlDropdownLine/PlDropdownLine.vue.js +81 -77
- package/dist/lib/ui/uikit/dist/components/PlDropdownLine/PlDropdownLine.vue.js.map +1 -1
- package/dist/lib/ui/uikit/dist/components/PlDropdownMulti/PlDropdownMulti.vue.js +21 -21
- package/dist/lib/ui/uikit/dist/components/PlDropdownMulti/PlDropdownMulti.vue.js.map +1 -1
- package/dist/lib/ui/uikit/dist/components/PlDropdownRef/PlDropdownRef.vue.js +24 -22
- package/dist/lib/ui/uikit/dist/components/PlDropdownRef/PlDropdownRef.vue.js.map +1 -1
- package/dist/lib/ui/uikit/dist/components/PlFileDialog/Remote.vue.js +8 -8
- package/dist/lib/ui/uikit/dist/components/PlSlideModal/PlPureSlideModal.vue.js +1 -1
- package/dist/lib/ui/uikit/dist/lib/model/common/dist/index.js.map +1 -1
- package/dist/lib/ui/uikit/dist/sdk/model/dist/index.js +1 -1
- package/dist/lib/ui/uikit/dist/sdk/model/dist/index.js.map +1 -1
- package/dist/lib/ui/uikit/dist/utils/DropdownOverlay/DropdownOverlay.vue.js +13 -11
- package/dist/lib/ui/uikit/dist/utils/DropdownOverlay/DropdownOverlay.vue.js.map +1 -1
- package/dist/plugins/Monetization/MonetizationSidebar.vue.js +4 -4
- package/dist/sdk/model/dist/index.js +1 -1
- package/dist/sdk/model/dist/index.js.map +1 -1
- package/package.json +5 -5
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
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
|
|
2
|
-
import { useElementPosition as
|
|
1
|
+
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";
|
|
2
|
+
import { useElementPosition as B } from "../../composition/usePosition.js";
|
|
3
3
|
import { scrollIntoView as E } from "../../helpers/dom.js";
|
|
4
4
|
import { tapIf as b } from "../../lib/util/helpers/dist/index.js";
|
|
5
|
-
const
|
|
5
|
+
const A = /* @__PURE__ */ h({
|
|
6
6
|
__name: "DropdownOverlay",
|
|
7
7
|
props: {
|
|
8
8
|
root: {},
|
|
@@ -15,7 +15,7 @@ const $ = /* @__PURE__ */ h({
|
|
|
15
15
|
top: "0px",
|
|
16
16
|
left: "0px",
|
|
17
17
|
width: "0px"
|
|
18
|
-
}),
|
|
18
|
+
}), f = g(r, "root"), i = u();
|
|
19
19
|
return d({
|
|
20
20
|
scrollIntoActive: () => {
|
|
21
21
|
const e = i.value;
|
|
@@ -29,23 +29,25 @@ const $ = /* @__PURE__ */ h({
|
|
|
29
29
|
const t = e.getBoundingClientRect();
|
|
30
30
|
n.optionsHeight = t.height, window.dispatchEvent(new CustomEvent("adjust"));
|
|
31
31
|
});
|
|
32
|
-
}),
|
|
33
|
-
const t = document.body.getBoundingClientRect(), p = e.top - t.top,
|
|
34
|
-
l + n.optionsHeight > e.clientHeight ? o.top = p - n.optionsHeight - s + "px" : o.top = l + "px", o.left =
|
|
32
|
+
}), B(f, (e) => {
|
|
33
|
+
const t = document.body.getBoundingClientRect(), p = e.top - t.top, m = e.left - t.left, s = r.gap ?? 0, l = p + e.height + s;
|
|
34
|
+
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";
|
|
35
35
|
}), (e, t) => (v(), w(y, { to: "body" }, [
|
|
36
|
-
|
|
36
|
+
C("div", H({
|
|
37
37
|
ref_key: "listRef",
|
|
38
38
|
ref: i
|
|
39
39
|
}, e.$attrs, {
|
|
40
40
|
style: o,
|
|
41
|
-
tabindex: "-1"
|
|
41
|
+
tabindex: "-1",
|
|
42
|
+
onClick: t[0] || (t[0] = R(() => {
|
|
43
|
+
}, ["stop"]))
|
|
42
44
|
}), [
|
|
43
|
-
|
|
45
|
+
k(e.$slots, "default", { ref: "list" })
|
|
44
46
|
], 16)
|
|
45
47
|
]));
|
|
46
48
|
}
|
|
47
49
|
});
|
|
48
50
|
export {
|
|
49
|
-
|
|
51
|
+
A as default
|
|
50
52
|
};
|
|
51
53
|
//# sourceMappingURL=DropdownOverlay.vue.js.map
|
|
@@ -1 +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
|
|
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\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;;;;;;;;;;;;;;"}
|
|
@@ -7,8 +7,8 @@ import $ from "./RunStatus.vue.js";
|
|
|
7
7
|
import D from "./LimitCard.vue.js";
|
|
8
8
|
import F from "./EndOfPeriod.vue.js";
|
|
9
9
|
import K from "../../lib/ui/uikit/dist/components/PlSlideModal/PlSlideModal.vue.js";
|
|
10
|
-
import
|
|
11
|
-
import
|
|
10
|
+
import Q from "../../lib/ui/uikit/dist/components/PlDropdown/PlDropdown.vue.js";
|
|
11
|
+
import W from "../../lib/ui/uikit/dist/components/PlBtnSecondary/PlBtnSecondary.vue.js";
|
|
12
12
|
import j from "../../lib/ui/uikit/dist/components/PlAlert/PlAlert.vue.js";
|
|
13
13
|
import A from "../../lib/ui/uikit/dist/components/PlBtnGhost/PlBtnGhost.vue.js";
|
|
14
14
|
import G from "../../lib/ui/uikit/dist/components/PlIcon24/PlIcon24.vue.js";
|
|
@@ -68,7 +68,7 @@ const de = /* @__PURE__ */ R({
|
|
|
68
68
|
], -1)
|
|
69
69
|
])),
|
|
70
70
|
default: l(() => [
|
|
71
|
-
d(e(
|
|
71
|
+
d(e(Q), {
|
|
72
72
|
label: "Product",
|
|
73
73
|
readonly: "",
|
|
74
74
|
"model-value": B.value,
|
|
@@ -79,7 +79,7 @@ const de = /* @__PURE__ */ R({
|
|
|
79
79
|
"status-text": _.value
|
|
80
80
|
}, {
|
|
81
81
|
default: l(() => [
|
|
82
|
-
d(e(
|
|
82
|
+
d(e(W), {
|
|
83
83
|
title: "Refresh status",
|
|
84
84
|
round: "",
|
|
85
85
|
size: "small",
|