@milaboratories/uikit 2.2.98 → 2.3.1
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 +32 -27
- package/.turbo/turbo-type-check.log +1 -1
- package/CHANGELOG.md +19 -0
- package/dist/_virtual/_commonjsHelpers.js +7 -0
- package/dist/_virtual/_commonjsHelpers.js.map +1 -0
- package/dist/_virtual/canonicalize.js +8 -0
- package/dist/_virtual/canonicalize.js.map +1 -0
- package/dist/components/DataTable/TableComponent.vue.js +9 -8
- package/dist/components/DataTable/TableComponent.vue.js.map +1 -1
- package/dist/components/PlBtnAccent/PlBtnAccent.vue.js +1 -1
- package/dist/components/PlBtnDanger/PlBtnDanger.vue.js +1 -1
- package/dist/components/PlBtnGhost/PlBtnGhost.vue.js +1 -1
- package/dist/components/PlBtnPrimary/PlBtnPrimary.vue.js +1 -1
- package/dist/components/PlBtnSecondary/PlBtnSecondary.vue.js +1 -1
- package/dist/components/PlDropdown/PlDropdown.vue.js +1 -1
- package/dist/components/PlDropdown/PlDropdown.vue.js.map +1 -1
- package/dist/components/PlDropdownLine/PlDropdownLine.vue.d.ts +4 -4
- package/dist/components/PlDropdownMultiRef/PlDropdownMultiRef.vue.d.ts +1 -1
- package/dist/components/PlDropdownMultiRef/PlDropdownMultiRef.vue.d.ts.map +1 -1
- package/dist/components/PlDropdownRef/PlDropdownRef.vue.d.ts +1 -1
- package/dist/components/PlDropdownRef/PlDropdownRef.vue.d.ts.map +1 -1
- package/dist/components/PlFileDialog/Remote.vue.d.ts +1 -1
- package/dist/components/PlFileDialog/Remote.vue.js +4 -4
- package/dist/components/PlFileInput/PlFileInput.vue.d.ts +2 -2
- package/dist/components/PlFileInput/PlFileInput.vue.d.ts.map +1 -1
- package/dist/components/PlFileInput/PlFileInput.vue.js +13 -13
- package/dist/components/PlProgressCell/PlProgressCell.vue.d.ts +1 -1
- package/dist/components/PlSlideModal/PlSlideModal.vue.js +9 -8
- package/dist/components/PlSlideModal/PlSlideModal.vue.js.map +1 -1
- package/dist/components/Slider.vue.d.ts +1 -1
- package/dist/components/Slider.vue.d.ts.map +1 -1
- package/dist/components/SliderRange.vue.d.ts +1 -1
- package/dist/components/SliderRange.vue.d.ts.map +1 -1
- package/dist/components/SliderRangeTriple.vue.d.ts +1 -1
- package/dist/components/SliderRangeTriple.vue.d.ts.map +1 -1
- package/dist/index.js +191 -189
- package/dist/index.js.map +1 -1
- package/dist/layout/PlBlockPage/PlBlockPage.vue.d.ts.map +1 -1
- package/dist/layout/PlBlockPage/PlBlockPage.vue.js +27 -22
- package/dist/layout/PlBlockPage/PlBlockPage.vue.js.map +1 -1
- package/dist/layout/PlBlockPage/PlBlockPageTitleTeleportId.d.ts +2 -0
- package/dist/layout/PlBlockPage/PlBlockPageTitleTeleportId.d.ts.map +1 -0
- package/dist/layout/PlBlockPage/PlBlockPageTitleTeleportId.js +6 -0
- package/dist/layout/PlBlockPage/PlBlockPageTitleTeleportId.js.map +1 -0
- package/dist/layout/PlBlockPage/index.d.ts +1 -0
- package/dist/layout/PlBlockPage/index.d.ts.map +1 -1
- package/dist/layout/PlBlockPage/usePlBlockPageTitleTeleportTarget.d.ts +2 -0
- package/dist/layout/PlBlockPage/usePlBlockPageTitleTeleportTarget.d.ts.map +1 -0
- package/dist/layout/PlBlockPage/usePlBlockPageTitleTeleportTarget.js +18 -0
- package/dist/layout/PlBlockPage/usePlBlockPageTitleTeleportTarget.js.map +1 -0
- package/dist/lib/model/common/dist/index.js +534 -33
- package/dist/lib/model/common/dist/index.js.map +1 -1
- package/dist/node_modules/.pnpm/canonicalize@2.1.0/node_modules/canonicalize/lib/canonicalize.js +19 -0
- package/dist/node_modules/.pnpm/canonicalize@2.1.0/node_modules/canonicalize/lib/canonicalize.js.map +1 -0
- package/dist/sdk/model/dist/index.js +1508 -26
- package/dist/sdk/model/dist/index.js.map +1 -1
- package/package.json +6 -6
- package/src/assets/base-btn.scss +2 -1
- package/src/components/PlBtnGhost/pl-btn-ghost.scss +1 -0
- package/src/components/PlBtnPrimary/pl-btn-primary.scss +1 -0
- package/src/components/PlBtnSecondary/pl-btn-secondary.scss +1 -0
- package/src/components/PlDropdown/PlDropdown.vue +1 -1
- package/src/layout/PlBlockPage/PlBlockPage.vue +2 -0
- package/src/layout/PlBlockPage/PlBlockPageTitleTeleportId.ts +3 -0
- package/src/layout/PlBlockPage/index.ts +1 -0
- package/src/layout/PlBlockPage/pl-block-page.scss +6 -0
- package/src/layout/PlBlockPage/usePlBlockPageTitleTeleportTarget.ts +25 -0
package/dist/index.js
CHANGED
|
@@ -10,212 +10,214 @@ import { showContextMenu as c } from "./components/contextMenu/index.js";
|
|
|
10
10
|
import { default as g } from "./components/LongText.vue.js";
|
|
11
11
|
|
|
12
12
|
import { default as h } from "./components/SliderRangeTriple.vue.js";
|
|
13
|
-
import { default as
|
|
14
|
-
import { default as
|
|
13
|
+
import { default as b } from "./components/SliderRange.vue.js";
|
|
14
|
+
import { default as D } from "./components/Scrollable.vue.js";
|
|
15
15
|
import { allCssVariables as e } from "./demo-site-data/all-css-variables.js";
|
|
16
|
-
import { default as
|
|
17
|
-
import {
|
|
18
|
-
import { default as v } from "./layout/
|
|
19
|
-
import { default as O } from "./layout/
|
|
20
|
-
import { default as y } from "./layout/
|
|
21
|
-
import { default as F } from "./
|
|
22
|
-
import { default as V } from "./components/
|
|
23
|
-
import { default as N } from "./components/
|
|
24
|
-
import { default as q } from "./components/
|
|
25
|
-
import { default as W } from "./components/
|
|
26
|
-
import { default as J } from "./components/
|
|
27
|
-
import { default as U } from "./components/
|
|
28
|
-
import { default as Y } from "./components/
|
|
29
|
-
import { default as _ } from "./components/
|
|
30
|
-
import { default as ee } from "./components/
|
|
31
|
-
import { default as re } from "./components/
|
|
32
|
-
import { default as ae } from "./components/
|
|
33
|
-
import { default as fe } from "./components/
|
|
34
|
-
import { default as pe } from "./components/
|
|
35
|
-
import { default as ue } from "./components/
|
|
36
|
-
import { default as xe } from "./components/
|
|
37
|
-
import { default as ne } from "./components/
|
|
38
|
-
import { default as ce } from "./components/
|
|
39
|
-
import { default as ge } from "./components/
|
|
40
|
-
import { default as he } from "./components/
|
|
16
|
+
import { default as k } from "./layout/PlBlockPage/PlBlockPage.vue.js";
|
|
17
|
+
import { usePlBlockPageTitleTeleportTarget as I } from "./layout/PlBlockPage/usePlBlockPageTitleTeleportTarget.js";
|
|
18
|
+
import { default as v } from "./layout/PlContainer/PlContainer.vue.js";
|
|
19
|
+
import { default as O } from "./layout/PlRow/PlRow.vue.js";
|
|
20
|
+
import { default as y } from "./layout/PlSpacer/PlSpacer.vue.js";
|
|
21
|
+
import { default as F } from "./layout/PlGrid/PlGrid.vue.js";
|
|
22
|
+
import { default as V } from "./components/PlErrorBoundary/PlErrorBoundary.vue.js";
|
|
23
|
+
import { default as N } from "./components/PlAlert/PlAlert.vue.js";
|
|
24
|
+
import { default as q } from "./components/PlBtnSplit/PlBtnSplit.vue.js";
|
|
25
|
+
import { default as W } from "./components/PlBtnPrimary/PlBtnPrimary.vue.js";
|
|
26
|
+
import { default as J } from "./components/PlBtnAccent/PlBtnAccent.vue.js";
|
|
27
|
+
import { default as U } from "./components/PlBtnDanger/PlBtnDanger.vue.js";
|
|
28
|
+
import { default as Y } from "./components/PlBtnSecondary/PlBtnSecondary.vue.js";
|
|
29
|
+
import { default as _ } from "./components/PlBtnGhost/PlBtnGhost.vue.js";
|
|
30
|
+
import { default as ee } from "./components/PlBtnLink/PlBtnLink.vue.js";
|
|
31
|
+
import { default as re } from "./components/PlBtnGroup/PlBtnGroup.vue.js";
|
|
32
|
+
import { default as ae } from "./components/PlEditableTitle/PlEditableTitle.vue.js";
|
|
33
|
+
import { default as fe } from "./components/PlTextField/PlTextField.vue.js";
|
|
34
|
+
import { default as pe } from "./components/PlSearchField/PlSearchField.vue.js";
|
|
35
|
+
import { default as ue } from "./components/PlTextArea/PlTextArea.vue.js";
|
|
36
|
+
import { default as xe } from "./components/PlDropdown/PlDropdown.vue.js";
|
|
37
|
+
import { default as ne } from "./components/PlDropdownRef/PlDropdownRef.vue.js";
|
|
38
|
+
import { default as ce } from "./components/PlDropdownLine/PlDropdownLine.vue.js";
|
|
39
|
+
import { default as ge } from "./components/PlDropdownLegacy/PlDropdownLegacy.vue.js";
|
|
40
|
+
import { default as he } from "./components/PlTooltip/PlTooltip.vue.js";
|
|
41
|
+
import { default as be } from "./components/PlProgressBar/PlProgressBar.vue.js";
|
|
41
42
|
import { default as De } from "./components/PlNumberField/PlNumberField.vue.js";
|
|
42
|
-
import { default as
|
|
43
|
-
import { default as
|
|
44
|
-
import { default as
|
|
45
|
-
import { default as
|
|
46
|
-
import { default as
|
|
47
|
-
import { default as
|
|
48
|
-
import { default as
|
|
49
|
-
import { default as
|
|
50
|
-
import { default as
|
|
51
|
-
import { default as
|
|
52
|
-
import { default as
|
|
53
|
-
import { default as
|
|
54
|
-
import { default as
|
|
55
|
-
import { default as
|
|
56
|
-
import { default as
|
|
57
|
-
import { default as
|
|
58
|
-
import { default as
|
|
59
|
-
import { default as
|
|
60
|
-
import { default as
|
|
61
|
-
import { default as
|
|
62
|
-
import { default as
|
|
63
|
-
import { default as
|
|
64
|
-
import { default as
|
|
65
|
-
import { default as
|
|
66
|
-
import { default as
|
|
43
|
+
import { default as ke } from "./components/PlDropdownMulti/PlDropdownMulti.vue.js";
|
|
44
|
+
import { default as Ie } from "./components/PlDropdownMultiRef/PlDropdownMultiRef.vue.js";
|
|
45
|
+
import { default as ve } from "./components/PlCheckbox/PlCheckbox.vue.js";
|
|
46
|
+
import { default as Oe } from "./components/PlCheckboxGroup/PlCheckboxGroup.vue.js";
|
|
47
|
+
import { default as ye } from "./components/PlChip/PlChip.vue.js";
|
|
48
|
+
import { default as Fe } from "./components/PlDialogModal/PlDialogModal.vue.js";
|
|
49
|
+
import { default as Ve } from "./components/PlSlideModal/PlSlideModal.vue.js";
|
|
50
|
+
import { default as Ne } from "./components/PlToggleSwitch/PlToggleSwitch.vue.js";
|
|
51
|
+
import { default as qe } from "./components/PlLogView/PlLogView.vue.js";
|
|
52
|
+
import { default as We } from "./components/PlTabs/PlTabs.vue.js";
|
|
53
|
+
import { default as Je } from "./components/PlSectionSeparator/PlSectionSeparator.vue.js";
|
|
54
|
+
import { default as Ue } from "./components/PlAccordion/PlAccordion.vue.js";
|
|
55
|
+
import { default as Ye } from "./components/PlAccordion/PlAccordionSection.vue.js";
|
|
56
|
+
import { default as _e } from "./components/PlStatusTag/PlStatusTag.vue.js";
|
|
57
|
+
import { default as eo } from "./components/PlLoaderCircular/PlLoaderCircular.vue.js";
|
|
58
|
+
import { default as ro } from "./components/PlSplash/PlSplash.vue.js";
|
|
59
|
+
import { default as ao } from "./components/PlProgressCell/PlProgressCell.vue.js";
|
|
60
|
+
import { default as fo } from "./components/PlAutocomplete/PlAutocomplete.vue.js";
|
|
61
|
+
import { default as po } from "./components/PlElementList/PlElementList.vue.js";
|
|
62
|
+
import { default as uo } from "./components/PlFileDialog/PlFileDialog.vue.js";
|
|
63
|
+
import { default as io } from "./components/PlFileInput/PlFileInput.vue.js";
|
|
64
|
+
import { default as Po } from "./components/PlNotificationAlert/PlNotificationAlert.vue.js";
|
|
65
|
+
import { default as So } from "./components/PlSvg/PlSvg.vue.js";
|
|
66
|
+
import { default as Co, default as ho } from "./components/PlIcon16/PlIcon16.vue.js";
|
|
67
|
+
import { default as bo, default as Bo } from "./components/PlIcon24/PlIcon24.vue.js";
|
|
67
68
|
import { default as wo } from "./components/PlChartStackedBar/PlChartStackedBar.vue.js";
|
|
68
|
-
import { default as
|
|
69
|
-
import { default as
|
|
70
|
-
import { default as
|
|
71
|
-
import { default as
|
|
72
|
-
import { categoricalColors as
|
|
73
|
-
import { Color as
|
|
74
|
-
import { Gradient as
|
|
75
|
-
import { useElementPosition as
|
|
76
|
-
import { useClickOutside as
|
|
77
|
-
import { useEventListener as
|
|
78
|
-
import { useScroll as
|
|
79
|
-
import { useResizeObserver as
|
|
80
|
-
import { useTheme as
|
|
81
|
-
import { useLocalStorage as
|
|
82
|
-
import { useMouseCapture as
|
|
83
|
-
import { useHover as
|
|
84
|
-
import { useMouse as
|
|
85
|
-
import { useSortable as
|
|
86
|
-
import { useSortable2 as
|
|
87
|
-
import { useInterval as
|
|
88
|
-
import { useFormState as
|
|
89
|
-
import { useQuery as
|
|
90
|
-
import { useDraggable as
|
|
69
|
+
import { default as Lo } from "./components/PlChartStackedBar/PlChartStackedBarCompact.vue.js";
|
|
70
|
+
import { default as Mo } from "./components/PlChartHistogram/PlChartHistogram.vue.js";
|
|
71
|
+
import { default as Eo } from "./components/PlRadio/PlRadio.vue.js";
|
|
72
|
+
import { default as Ro } from "./components/PlRadio/PlRadioGroup.vue.js";
|
|
73
|
+
import { categoricalColors as Ao, magma as Fo, palettes as Go, viridis as Vo } from "./colors/palette.js";
|
|
74
|
+
import { Color as No } from "./colors/color.js";
|
|
75
|
+
import { Gradient as qo, interpolateColor as Qo, normalizeGradient as Wo } from "./colors/gradient.js";
|
|
76
|
+
import { useElementPosition as Jo } from "./composition/usePosition.js";
|
|
77
|
+
import { useClickOutside as Uo } from "./composition/useClickOutside.js";
|
|
78
|
+
import { useEventListener as Yo } from "./composition/useEventListener.js";
|
|
79
|
+
import { useScroll as _o } from "./composition/useScroll.js";
|
|
80
|
+
import { useResizeObserver as er } from "./composition/useResizeObserver.js";
|
|
81
|
+
import { useTheme as rr } from "./composition/useTheme.js";
|
|
82
|
+
import { useLocalStorage as ar } from "./composition/useLocalStorage.js";
|
|
83
|
+
import { useMouseCapture as fr } from "./composition/useMouseCapture.js";
|
|
84
|
+
import { useHover as pr } from "./composition/useHover.js";
|
|
85
|
+
import { useMouse as ur } from "./composition/useMouse.js";
|
|
86
|
+
import { useSortable as xr } from "./composition/useSortable.js";
|
|
87
|
+
import { useSortable2 as nr } from "./composition/useSortable2.js";
|
|
88
|
+
import { useInterval as cr } from "./composition/useInterval.js";
|
|
89
|
+
import { useFormState as gr } from "./composition/useFormState.js";
|
|
90
|
+
import { useQuery as hr } from "./composition/useQuery.js";
|
|
91
|
+
import { useDraggable as br } from "./composition/useDraggable.js";
|
|
91
92
|
import { useComponentProp as Dr } from "./composition/useComponentProp.js";
|
|
92
|
-
import { useWatchFetch as
|
|
93
|
-
import { default as
|
|
94
|
-
import { default as
|
|
95
|
-
import { useLabelNotch as
|
|
96
|
-
import { icons16 as
|
|
97
|
-
import { icons24 as
|
|
98
|
-
import { detectOutside as
|
|
99
|
-
import { animate as
|
|
93
|
+
import { useWatchFetch as kr } from "./composition/useWatchFetch.js";
|
|
94
|
+
import { default as Ir } from "./utils/PlCloseModalBtn.vue.js";
|
|
95
|
+
import { default as vr } from "./utils/DropdownOverlay/DropdownOverlay.vue.js";
|
|
96
|
+
import { useLabelNotch as Or } from "./utils/useLabelNotch.js";
|
|
97
|
+
import { icons16 as yr } from "./generated/icons-16.js";
|
|
98
|
+
import { icons24 as Fr } from "./generated/icons-24.js";
|
|
99
|
+
import { detectOutside as Vr, eventListener as zr, getElementScrollPosition as Nr, isElementVisible as Hr, scrollIntoView as qr } from "./helpers/dom.js";
|
|
100
|
+
import { animate as Wr, animateInfinite as jr, call as Jr, delay as Kr, listToOptions as Ur, makeEaseInOut as Xr, makeEaseOut as Yr, normalizeListOptions as Zr, randomInt as _r, randomString as $r, requestTick as et, throttle as ot, timeout as rt } from "./helpers/utils.js";
|
|
100
101
|
const l = { allCssVariables: e() };
|
|
101
102
|
export {
|
|
102
|
-
|
|
103
|
+
No as Color,
|
|
103
104
|
x as ContextProvider,
|
|
104
105
|
r as DataTable,
|
|
105
106
|
l as DemoData,
|
|
106
107
|
u as DropdownListItem,
|
|
107
|
-
|
|
108
|
-
|
|
108
|
+
vr as DropdownOverlay,
|
|
109
|
+
qo as Gradient,
|
|
109
110
|
g as LongText,
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
111
|
+
Ue as PlAccordion,
|
|
112
|
+
Ye as PlAccordionSection,
|
|
113
|
+
N as PlAlert,
|
|
114
|
+
fo as PlAutocomplete,
|
|
115
|
+
k as PlBlockPage,
|
|
116
|
+
J as PlBtnAccent,
|
|
117
|
+
U as PlBtnDanger,
|
|
118
|
+
_ as PlBtnGhost,
|
|
119
|
+
re as PlBtnGroup,
|
|
120
|
+
ee as PlBtnLink,
|
|
121
|
+
W as PlBtnPrimary,
|
|
122
|
+
Y as PlBtnSecondary,
|
|
123
|
+
q as PlBtnSplit,
|
|
124
|
+
Mo as PlChartHistogram,
|
|
124
125
|
wo as PlChartStackedBar,
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
126
|
+
Lo as PlChartStackedBarCompact,
|
|
127
|
+
ve as PlCheckbox,
|
|
128
|
+
Oe as PlCheckboxGroup,
|
|
129
|
+
ye as PlChip,
|
|
130
|
+
Ir as PlCloseModalBtn,
|
|
131
|
+
v as PlContainer,
|
|
132
|
+
Fe as PlDialogModal,
|
|
133
|
+
xe as PlDropdown,
|
|
134
|
+
ge as PlDropdownLegacy,
|
|
135
|
+
ce as PlDropdownLine,
|
|
136
|
+
ke as PlDropdownMulti,
|
|
137
|
+
Ie as PlDropdownMultiRef,
|
|
138
|
+
ne as PlDropdownRef,
|
|
139
|
+
ae as PlEditableTitle,
|
|
140
|
+
po as PlElementList,
|
|
141
|
+
V as PlErrorBoundary,
|
|
142
|
+
uo as PlFileDialog,
|
|
143
|
+
io as PlFileInput,
|
|
144
|
+
F as PlGrid,
|
|
145
|
+
Co as PlIcon16,
|
|
146
|
+
bo as PlIcon24,
|
|
147
|
+
eo as PlLoaderCircular,
|
|
148
|
+
qe as PlLogView,
|
|
149
|
+
ho as PlMaskIcon16,
|
|
150
|
+
Bo as PlMaskIcon24,
|
|
151
|
+
Po as PlNotificationAlert,
|
|
151
152
|
De as PlNumberField,
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
153
|
+
be as PlProgressBar,
|
|
154
|
+
ao as PlProgressCell,
|
|
155
|
+
Eo as PlRadio,
|
|
156
|
+
Ro as PlRadioGroup,
|
|
157
|
+
O as PlRow,
|
|
158
|
+
pe as PlSearchField,
|
|
159
|
+
Je as PlSectionSeparator,
|
|
160
|
+
Ve as PlSlideModal,
|
|
161
|
+
y as PlSpacer,
|
|
162
|
+
ro as PlSplash,
|
|
163
|
+
_e as PlStatusTag,
|
|
164
|
+
So as PlSvg,
|
|
165
|
+
We as PlTabs,
|
|
166
|
+
ue as PlTextArea,
|
|
167
|
+
fe as PlTextField,
|
|
168
|
+
Ne as PlToggleSwitch,
|
|
169
|
+
he as PlTooltip,
|
|
170
|
+
D as Scrollable,
|
|
170
171
|
n as Slider,
|
|
171
|
-
|
|
172
|
+
b as SliderRange,
|
|
172
173
|
h as SliderRangeTriple,
|
|
173
174
|
p as ThemeSwitcher,
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
175
|
+
Wr as animate,
|
|
176
|
+
jr as animateInfinite,
|
|
177
|
+
Jr as call,
|
|
178
|
+
Ao as categoricalColors,
|
|
179
|
+
Kr as delay,
|
|
180
|
+
Vr as detectOutside,
|
|
181
|
+
zr as eventListener,
|
|
182
|
+
Nr as getElementScrollPosition,
|
|
183
|
+
yr as icons16,
|
|
184
|
+
Fr as icons24,
|
|
185
|
+
Qo as interpolateColor,
|
|
186
|
+
Hr as isElementVisible,
|
|
187
|
+
Ur as listToOptions,
|
|
188
|
+
Fo as magma,
|
|
189
|
+
Xr as makeEaseInOut,
|
|
190
|
+
Yr as makeEaseOut,
|
|
191
|
+
Wo as normalizeGradient,
|
|
192
|
+
Zr as normalizeListOptions,
|
|
193
|
+
Go as palettes,
|
|
194
|
+
_r as randomInt,
|
|
195
|
+
$r as randomString,
|
|
196
|
+
et as requestTick,
|
|
197
|
+
qr as scrollIntoView,
|
|
197
198
|
c as showContextMenu,
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
199
|
+
ot as throttle,
|
|
200
|
+
rt as timeout,
|
|
201
|
+
Uo as useClickOutside,
|
|
201
202
|
Dr as useComponentProp,
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
xr as
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
203
|
+
br as useDraggable,
|
|
204
|
+
Yo as useEventListener,
|
|
205
|
+
gr as useFormState,
|
|
206
|
+
pr as useHover,
|
|
207
|
+
cr as useInterval,
|
|
208
|
+
Or as useLabelNotch,
|
|
209
|
+
ar as useLocalStorage,
|
|
210
|
+
ur as useMouse,
|
|
211
|
+
fr as useMouseCapture,
|
|
212
|
+
I as usePlBlockPageTitleTeleportTarget,
|
|
213
|
+
Jo as usePosition,
|
|
214
|
+
hr as useQuery,
|
|
215
|
+
er as useResizeObserver,
|
|
216
|
+
_o as useScroll,
|
|
217
|
+
xr as useSortable,
|
|
218
|
+
nr as useSortable2,
|
|
219
|
+
rr as useTheme,
|
|
220
|
+
kr as useWatchFetch,
|
|
221
|
+
Vo as viridis
|
|
220
222
|
};
|
|
221
223
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import './assets/ui.scss';\n\n// @TODO review\nimport * as DataTable from './components/DataTable';\nimport ThemeSwitcher from './components/ThemeSwitcher.vue';\n// @TODO review (may be private)\nimport DropdownListItem from './components/DropdownListItem.vue';\n\n// @TODO review\nimport ContextProvider from './components/ContextProvider.vue';\nimport Slider from './components/Slider.vue';\nimport { showContextMenu } from './components/contextMenu';\n// for new version\nimport LongText from './components/LongText.vue';\nimport SliderRangeTriple from './components/SliderRangeTriple.vue';\nimport SliderRange from './components/SliderRange.vue';\nimport Scrollable from './components/Scrollable.vue';\n\nimport { allCssVariables } from './demo-site-data/all-css-variables.ts';\n\n/**\n * Layout components\n */\n\nexport * from './layout/PlBlockPage';\nexport * from './layout/PlContainer';\nexport * from './layout/PlRow';\nexport * from './layout/PlSpacer';\nexport * from './layout/PlGrid';\n\n/**\n * Components\n */\nexport * from './components/PlErrorBoundary';\n// export * from './components/PlErrorAlert'; // @TODO discuss if we should export it\nexport * from './components/PlAlert';\nexport * from './components/PlBtnSplit';\nexport * from './components/PlBtnPrimary';\nexport * from './components/PlBtnAccent';\nexport * from './components/PlBtnDanger';\nexport * from './components/PlBtnSecondary';\nexport * from './components/PlBtnGhost';\nexport * from './components/PlBtnLink';\nexport * from './components/PlBtnGroup';\nexport * from './components/PlEditableTitle';\nexport * from './components/PlTextField';\nexport * from './components/PlSearchField';\nexport * from './components/PlTextArea';\nexport * from './components/PlDropdown';\nexport * from './components/PlDropdownRef';\nexport * from './components/PlDropdownLine';\nexport * from './components/PlDropdownLegacy';\nexport * from './components/PlTooltip';\nexport * from './components/PlProgressBar';\nexport * from './components/PlNumberField';\nexport * from './components/PlDropdownMulti';\nexport * from './components/PlDropdownMultiRef';\nexport * from './components/PlCheckbox';\nexport * from './components/PlCheckboxGroup';\nexport * from './components/PlChip';\nexport * from './components/PlDialogModal';\nexport * from './components/PlSlideModal';\nexport * from './components/PlToggleSwitch';\nexport * from './components/PlLogView';\nexport * from './components/PlTabs';\nexport * from './components/PlSectionSeparator';\nexport * from './components/PlAccordion';\nexport * from './components/PlStatusTag';\nexport * from './components/PlLoaderCircular';\nexport * from './components/PlSplash';\nexport * from './components/PlProgressCell';\nexport * from './components/PlAutocomplete';\nexport * from './components/PlElementList';\n\nexport * from './components/PlFileDialog';\nexport * from './components/PlFileInput';\nexport * from './components/PlNotificationAlert';\n\nexport * from './components/PlSvg';\nexport * from './components/PlMaskIcon16';\nexport * from './components/PlMaskIcon24';\nexport * from './components/PlIcon16';\nexport * from './components/PlIcon24';\n\nexport * from './components/PlChartStackedBar';\nexport * from './components/PlChartHistogram';\n\nexport * from './components/PlRadio';\n\nexport * from './colors';\n\n/**\n * Usables\n */\nexport { useElementPosition as usePosition } from './composition/usePosition';\nexport { useClickOutside } from './composition/useClickOutside';\nexport { useEventListener } from './composition/useEventListener';\nexport { useScroll } from './composition/useScroll';\nexport { useResizeObserver } from './composition/useResizeObserver';\nexport { useTheme } from './composition/useTheme';\nexport { useLocalStorage } from './composition/useLocalStorage';\nexport { useMouseCapture } from './composition/useMouseCapture';\nexport { useHover } from './composition/useHover';\nexport { useMouse } from './composition/useMouse';\nexport { useSortable } from './composition/useSortable';\nexport { useSortable2 } from './composition/useSortable2';\nexport { useInterval } from './composition/useInterval';\nexport { useFormState } from './composition/useFormState';\nexport { useQuery } from './composition/useQuery.ts';\nexport { useDraggable } from './composition/useDraggable';\nexport { useComponentProp } from './composition/useComponentProp';\nexport * from './composition/useWatchFetch';\n\n/**\n * Utils/Partials\n */\n\nexport { default as PlCloseModalBtn } from './utils/PlCloseModalBtn.vue';\nexport * from './utils/DropdownOverlay';\n\n/**\n * Technical\n * @TODO move it from here maybe\n */\nexport { useLabelNotch } from './utils/useLabelNotch.ts';\n\nexport type * from './types';\n\nexport { icons16, icons24 } from './types';\n\nexport * from './helpers/dom';\n\nexport * from './helpers/utils';\n\n/**\n * @TODO review\n */\nexport { ThemeSwitcher, DropdownListItem, DataTable, ContextProvider, Slider };\n\n// Helpers\nexport { showContextMenu };\n\n// move to new version pl-uikit\nexport { LongText, SliderRangeTriple, SliderRange, Scrollable };\n\n// @todo\nconst DemoData = { allCssVariables: allCssVariables() };\nexport { DemoData };\n"],"names":["DemoData","allCssVariables"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import './assets/ui.scss';\n\n// @TODO review\nimport * as DataTable from './components/DataTable';\nimport ThemeSwitcher from './components/ThemeSwitcher.vue';\n// @TODO review (may be private)\nimport DropdownListItem from './components/DropdownListItem.vue';\n\n// @TODO review\nimport ContextProvider from './components/ContextProvider.vue';\nimport Slider from './components/Slider.vue';\nimport { showContextMenu } from './components/contextMenu';\n// for new version\nimport LongText from './components/LongText.vue';\nimport SliderRangeTriple from './components/SliderRangeTriple.vue';\nimport SliderRange from './components/SliderRange.vue';\nimport Scrollable from './components/Scrollable.vue';\n\nimport { allCssVariables } from './demo-site-data/all-css-variables.ts';\n\n/**\n * Layout components\n */\n\nexport * from './layout/PlBlockPage';\nexport * from './layout/PlContainer';\nexport * from './layout/PlRow';\nexport * from './layout/PlSpacer';\nexport * from './layout/PlGrid';\n\n/**\n * Components\n */\nexport * from './components/PlErrorBoundary';\n// export * from './components/PlErrorAlert'; // @TODO discuss if we should export it\nexport * from './components/PlAlert';\nexport * from './components/PlBtnSplit';\nexport * from './components/PlBtnPrimary';\nexport * from './components/PlBtnAccent';\nexport * from './components/PlBtnDanger';\nexport * from './components/PlBtnSecondary';\nexport * from './components/PlBtnGhost';\nexport * from './components/PlBtnLink';\nexport * from './components/PlBtnGroup';\nexport * from './components/PlEditableTitle';\nexport * from './components/PlTextField';\nexport * from './components/PlSearchField';\nexport * from './components/PlTextArea';\nexport * from './components/PlDropdown';\nexport * from './components/PlDropdownRef';\nexport * from './components/PlDropdownLine';\nexport * from './components/PlDropdownLegacy';\nexport * from './components/PlTooltip';\nexport * from './components/PlProgressBar';\nexport * from './components/PlNumberField';\nexport * from './components/PlDropdownMulti';\nexport * from './components/PlDropdownMultiRef';\nexport * from './components/PlCheckbox';\nexport * from './components/PlCheckboxGroup';\nexport * from './components/PlChip';\nexport * from './components/PlDialogModal';\nexport * from './components/PlSlideModal';\nexport * from './components/PlToggleSwitch';\nexport * from './components/PlLogView';\nexport * from './components/PlTabs';\nexport * from './components/PlSectionSeparator';\nexport * from './components/PlAccordion';\nexport * from './components/PlStatusTag';\nexport * from './components/PlLoaderCircular';\nexport * from './components/PlSplash';\nexport * from './components/PlProgressCell';\nexport * from './components/PlAutocomplete';\nexport * from './components/PlElementList';\n\nexport * from './components/PlFileDialog';\nexport * from './components/PlFileInput';\nexport * from './components/PlNotificationAlert';\n\nexport * from './components/PlSvg';\nexport * from './components/PlMaskIcon16';\nexport * from './components/PlMaskIcon24';\nexport * from './components/PlIcon16';\nexport * from './components/PlIcon24';\n\nexport * from './components/PlChartStackedBar';\nexport * from './components/PlChartHistogram';\n\nexport * from './components/PlRadio';\n\nexport * from './colors';\n\n/**\n * Usables\n */\nexport { useElementPosition as usePosition } from './composition/usePosition';\nexport { useClickOutside } from './composition/useClickOutside';\nexport { useEventListener } from './composition/useEventListener';\nexport { useScroll } from './composition/useScroll';\nexport { useResizeObserver } from './composition/useResizeObserver';\nexport { useTheme } from './composition/useTheme';\nexport { useLocalStorage } from './composition/useLocalStorage';\nexport { useMouseCapture } from './composition/useMouseCapture';\nexport { useHover } from './composition/useHover';\nexport { useMouse } from './composition/useMouse';\nexport { useSortable } from './composition/useSortable';\nexport { useSortable2 } from './composition/useSortable2';\nexport { useInterval } from './composition/useInterval';\nexport { useFormState } from './composition/useFormState';\nexport { useQuery } from './composition/useQuery.ts';\nexport { useDraggable } from './composition/useDraggable';\nexport { useComponentProp } from './composition/useComponentProp';\nexport * from './composition/useWatchFetch';\n\n/**\n * Utils/Partials\n */\n\nexport { default as PlCloseModalBtn } from './utils/PlCloseModalBtn.vue';\nexport * from './utils/DropdownOverlay';\n\n/**\n * Technical\n * @TODO move it from here maybe\n */\nexport { useLabelNotch } from './utils/useLabelNotch.ts';\n\nexport type * from './types';\n\nexport { icons16, icons24 } from './types';\n\nexport * from './helpers/dom';\n\nexport * from './helpers/utils';\n\n/**\n * @TODO review\n */\nexport { ThemeSwitcher, DropdownListItem, DataTable, ContextProvider, Slider };\n\n// Helpers\nexport { showContextMenu };\n\n// move to new version pl-uikit\nexport { LongText, SliderRangeTriple, SliderRange, Scrollable };\n\n// @todo\nconst DemoData = { allCssVariables: allCssVariables() };\nexport { DemoData };\n"],"names":["DemoData","allCssVariables"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkJA,MAAMA,IAAW,EAAE,iBAAiBC,EAAkB,EAAA;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PlBlockPage.vue.d.ts","sourceRoot":"","sources":["../../../src/layout/PlBlockPage/PlBlockPage.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PlBlockPage.vue.d.ts","sourceRoot":"","sources":["../../../src/layout/PlBlockPage/PlBlockPage.vue"],"names":[],"mappings":"AAiEA,OAAO,sBAAsB,CAAC;AAI9B,gCAAgC;;IAK9B;;OAEG;oBACa,OAAO;IACvB;;OAEG;kBACW,OAAO;IACrB;;OAEG;sBACe,MAAM;;IAXxB;;OAEG;oBACa,OAAO;IACvB;;OAEG;kBACW,OAAO;IACrB;;OAEG;sBACe,MAAM;;mBA4EC,GAAG;2BACK,GAAG;oBACV,GAAG;qBACF,GAAG;;AA9FhC,wBAuIK;AASL,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1,48 +1,53 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.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__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(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
|
|
2
|
-
import { defineComponent as
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.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(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
|
|
2
|
+
import { defineComponent as p, useSlots as r, createElementBlock as e, openBlock as o, normalizeClass as _, createVNode as c, unref as n, createElementVNode as s, withDirectives as u, renderSlot as l, withCtx as m } from "vue";
|
|
3
|
+
import { PlBlockPageTitleTeleportId as f } from "./PlBlockPageTitleTeleportId.js";
|
|
3
4
|
|
|
4
|
-
import
|
|
5
|
-
const
|
|
5
|
+
import g from "../../components/PlSplash/PlSplash.vue.js";
|
|
6
|
+
const b = {
|
|
6
7
|
key: 0,
|
|
7
8
|
class: "pl-block-page__title"
|
|
8
|
-
}, y = { class: "pl-block-page__title__default" },
|
|
9
|
+
}, y = { class: "pl-block-page__title__default" }, k = { class: "pl-block-page__title__append" }, h = ["id"], v = { key: 1 }, B = {
|
|
9
10
|
name: "PlBlockPage"
|
|
10
|
-
},
|
|
11
|
-
...
|
|
11
|
+
}, G = /* @__PURE__ */ p({
|
|
12
|
+
...B,
|
|
12
13
|
props: {
|
|
13
14
|
noBodyGutters: { type: Boolean },
|
|
14
15
|
bodyLoading: { type: Boolean },
|
|
15
16
|
bodyLoadingText: {}
|
|
16
17
|
},
|
|
17
|
-
setup(
|
|
18
|
-
const
|
|
18
|
+
setup(T) {
|
|
19
|
+
const d = r(), i = (t) => {
|
|
19
20
|
t.removeAttribute("title"), t.clientWidth < t.scrollWidth && t.setAttribute("title", t.innerText);
|
|
20
|
-
},
|
|
21
|
-
mounted:
|
|
22
|
-
updated:
|
|
21
|
+
}, a = {
|
|
22
|
+
mounted: i,
|
|
23
|
+
updated: i
|
|
23
24
|
};
|
|
24
|
-
return (t,
|
|
25
|
-
class:
|
|
25
|
+
return (t, $) => (o(), e("div", {
|
|
26
|
+
class: _(["pl-layout-component pl-block-page", { noBodyGutters: t.noBodyGutters }])
|
|
26
27
|
}, [
|
|
27
|
-
|
|
28
|
-
|
|
28
|
+
n(d).title ? (o(), e("div", b, [
|
|
29
|
+
s("div", y, [
|
|
29
30
|
u((o(), e("span", null, [
|
|
30
31
|
l(t.$slots, "title")
|
|
31
32
|
])), [
|
|
32
|
-
[
|
|
33
|
+
[a]
|
|
33
34
|
]),
|
|
34
35
|
l(t.$slots, "after-title")
|
|
35
36
|
]),
|
|
36
|
-
|
|
37
|
+
s("div", k, [
|
|
38
|
+
s("div", {
|
|
39
|
+
id: n(f),
|
|
40
|
+
class: "pl-block-page__title__append__teleport"
|
|
41
|
+
}, null, 8, h),
|
|
37
42
|
l(t.$slots, "append")
|
|
38
43
|
])
|
|
39
|
-
])) : (o(), e("div",
|
|
40
|
-
c(
|
|
44
|
+
])) : (o(), e("div", v)),
|
|
45
|
+
c(g, {
|
|
41
46
|
loading: t.bodyLoading,
|
|
42
47
|
"loading-text": t.bodyLoadingText,
|
|
43
48
|
class: "pl-block-page__body"
|
|
44
49
|
}, {
|
|
45
|
-
default:
|
|
50
|
+
default: m(() => [
|
|
46
51
|
l(t.$slots, "default")
|
|
47
52
|
]),
|
|
48
53
|
_: 3
|
|
@@ -51,6 +56,6 @@ const g = {
|
|
|
51
56
|
}
|
|
52
57
|
});
|
|
53
58
|
export {
|
|
54
|
-
|
|
59
|
+
G as default
|
|
55
60
|
};
|
|
56
61
|
//# sourceMappingURL=PlBlockPage.vue.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PlBlockPage.vue.js","sources":["../../../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 './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 <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":["__default__","slots","useSlots","setTitleIfNeeded","el","vTextOverflownTitle"],"mappings":"
|
|
1
|
+
{"version":3,"file":"PlBlockPage.vue.js","sources":["../../../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":["__default__","slots","useSlots","setTitleIfNeeded","el","vTextOverflownTitle"],"mappings":";;;;;;;8HAEeA,IAAA;AAAA,EACb,MAAM;AACR;;;;;;;;AASA,UAAMC,IAAQC,EAAS,GAiBjBC,IAAmB,CAACC,MAAoB;AAC5C,MAAAA,EAAG,gBAAgB,OAAO,GACtBA,EAAG,cAAcA,EAAG,eACnBA,EAAA,aAAa,SAASA,EAAG,SAAS;AAAA,IAEzC,GAEMC,IAAsB;AAAA,MAC1B,SAASF;AAAA,MACT,SAASA;AAAA,IACX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PlBlockPageTitleTeleportId.d.ts","sourceRoot":"","sources":["../../../src/layout/PlBlockPage/PlBlockPageTitleTeleportId.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,0BAA0B,QAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PlBlockPageTitleTeleportId.js","sources":["../../../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;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/PlBlockPage/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/PlBlockPage/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,cAAc,qCAAqC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"usePlBlockPageTitleTeleportTarget.d.ts","sourceRoot":"","sources":["../../../src/layout/PlBlockPage/usePlBlockPageTitleTeleportTarget.ts"],"names":[],"mappings":"AAKA,wBAAgB,iCAAiC,CAAC,aAAa,EAAE,MAAM,6DAmBtE"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ref as n, onMounted as c, onUpdated as l, nextTick as i } from "vue";
|
|
2
|
+
import { PlBlockPageTitleTeleportId as s } from "./PlBlockPageTitleTeleportId.js";
|
|
3
|
+
const t = "#" + s;
|
|
4
|
+
function p(r) {
|
|
5
|
+
const e = n(), o = () => {
|
|
6
|
+
i(() => {
|
|
7
|
+
e.value = document.querySelector(t) ? t : void 0, e.value || console.error(
|
|
8
|
+
`[${r}] Error: 'PlBlockPage' component is missing.
|
|
9
|
+
Ensure that you placed the components inside <PlBlockPage />.`
|
|
10
|
+
);
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
return c(o), l(o), e;
|
|
14
|
+
}
|
|
15
|
+
export {
|
|
16
|
+
p as usePlBlockPageTitleTeleportTarget
|
|
17
|
+
};
|
|
18
|
+
//# sourceMappingURL=usePlBlockPageTitleTeleportTarget.js.map
|