@milaboratories/uikit 2.8.9 → 2.9.0

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.
Files changed (33) hide show
  1. package/.turbo/turbo-build.log +45 -44
  2. package/.turbo/turbo-lint.log +1 -1
  3. package/.turbo/turbo-type-check.log +1 -1
  4. package/CHANGELOG.md +6 -0
  5. package/dist/components/PlAutocomplete/PlAutocomplete.vue.js +1 -1
  6. package/dist/components/PlAutocompleteMulti/PlAutocompleteMulti.vue.js +1 -1
  7. package/dist/components/PlDropdown/PlDropdown.vue.js +1 -1
  8. package/dist/components/PlDropdownLegacy/PlDropdownLegacy.vue.js +1 -1
  9. package/dist/components/PlDropdownMulti/PlDropdownMulti.vue.js +1 -1
  10. package/dist/components/PlFileInput/PlFileInput.vue.js +1 -1
  11. package/dist/components/PlLogView/PlLogView.vue.js +1 -1
  12. package/dist/components/PlNumberField/PlNumberField.vue.js +1 -1
  13. package/dist/components/PlTextArea/PlTextArea.vue.js +1 -1
  14. package/dist/components/PlTextField/PlTextField.vue.js +1 -1
  15. package/dist/index.js +125 -123
  16. package/dist/index.js.map +1 -1
  17. package/dist/layout/PlBlockPage/PlBlockPage.vue.d.ts.map +1 -1
  18. package/dist/layout/PlBlockPage/PlBlockPage.vue.js +13 -12
  19. package/dist/layout/PlBlockPage/PlBlockPage.vue.js.map +1 -1
  20. package/dist/layout/PlPlaceholder/PlPlaceholder.vue.d.ts.map +1 -1
  21. package/dist/layout/PlPlaceholder/PlPlaceholder.vue2.js +35 -34
  22. package/dist/layout/PlPlaceholder/PlPlaceholder.vue2.js.map +1 -1
  23. package/dist/layout/PlPlaceholder/index.d.ts +11 -1
  24. package/dist/layout/PlPlaceholder/index.d.ts.map +1 -1
  25. package/dist/layout/PlPlaceholder/index.js +25 -0
  26. package/dist/layout/PlPlaceholder/index.js.map +1 -0
  27. package/dist/utils/DoubleContour.vue2.js +23 -0
  28. package/dist/utils/DoubleContour.vue2.js.map +1 -0
  29. package/dist/utils/DoubleContour.vue3.js +1 -1
  30. package/package.json +6 -6
  31. package/src/layout/PlBlockPage/PlBlockPage.vue +2 -2
  32. package/src/layout/PlPlaceholder/PlPlaceholder.vue +13 -19
  33. package/src/layout/PlPlaceholder/index.ts +22 -1
package/dist/index.js CHANGED
@@ -7,26 +7,26 @@ import { default as d } from "./components/DropdownListItem.vue.js";
7
7
  import { default as x } from "./components/ContextProvider.vue.js";
8
8
  import { default as n } from "./components/Slider.vue.js";
9
9
  import { showContextMenu as c } from "./components/contextMenu/index.js";
10
- import { default as S } from "./components/LongText.vue.js";
10
+ import { default as g } from "./components/LongText.vue.js";
11
11
 
12
12
  import { default as h } from "./components/Scrollable.vue.js";
13
- import { default as b } from "./components/SliderRange.vue.js";
14
- import { default as B } from "./components/SliderRangeTriple.vue.js";
13
+ import { default as L } from "./components/SliderRange.vue.js";
14
+ import { default as w } from "./components/SliderRangeTriple.vue.js";
15
15
  import { allCssVariables as e } from "./demo-site-data/all-css-variables.js";
16
- import { default as L } from "./layout/PlBlockPage/PlBlockPage.vue.js";
16
+ import { default as B } from "./layout/PlBlockPage/PlBlockPage.vue.js";
17
17
  import { usePlBlockPageTitleTeleportTarget as k } from "./layout/PlBlockPage/usePlBlockPageTitleTeleportTarget.js";
18
- import { default as v } from "./layout/PlContainer/PlContainer.vue.js";
19
- import { default as E } from "./layout/PlGrid/PlGrid.vue.js";
20
- import { default as O } from "./layout/PlPlaceholder/PlPlaceholder.vue.js";
21
- import { default as G } from "./layout/PlRow/PlRow.vue.js";
18
+ import { default as I } from "./layout/PlContainer/PlContainer.vue.js";
19
+ import { default as v } from "./layout/PlGrid/PlGrid.vue.js";
20
+ import { PL_PLACEHOLDER_TEXTS as A } from "./layout/PlPlaceholder/index.js";
21
+ import { default as R } from "./layout/PlRow/PlRow.vue.js";
22
22
  import { default as V } from "./layout/PlSpacer/PlSpacer.vue.js";
23
- import { default as N } from "./components/PlErrorBoundary/PlErrorBoundary.vue.js";
24
- import { default as H } from "./components/PlAccordion/PlAccordion.vue.js";
25
- import { default as q } from "./components/PlAccordion/PlAccordionSection.vue.js";
26
- import { default as j } from "./components/PlAlert/PlAlert.vue.js";
27
- import { default as K } from "./components/PlAutocomplete/PlAutocomplete.vue.js";
28
- import { default as Y } from "./components/PlAutocompleteMulti/PlAutocompleteMulti.vue.js";
29
- import { default as _ } from "./components/PlBtnAccent/PlBtnAccent.vue.js";
23
+ import { default as H } from "./components/PlErrorBoundary/PlErrorBoundary.vue.js";
24
+ import { default as U } from "./components/PlAccordion/PlAccordion.vue.js";
25
+ import { default as _ } from "./components/PlAccordion/PlAccordionSection.vue.js";
26
+ import { default as W } from "./components/PlAlert/PlAlert.vue.js";
27
+ import { default as j } from "./components/PlAutocomplete/PlAutocomplete.vue.js";
28
+ import { default as K } from "./components/PlAutocompleteMulti/PlAutocompleteMulti.vue.js";
29
+ import { default as Z } from "./components/PlBtnAccent/PlBtnAccent.vue.js";
30
30
  import { default as ee } from "./components/PlBtnDanger/PlBtnDanger.vue.js";
31
31
  import { default as re } from "./components/PlBtnGhost/PlBtnGhost.vue.js";
32
32
  import { default as ae } from "./components/PlBtnGroup/PlBtnGroup.vue.js";
@@ -36,24 +36,24 @@ import { default as de } from "./components/PlBtnSecondary/PlBtnSecondary.vue.js
36
36
  import { default as xe } from "./components/PlBtnSplit/PlBtnSplit.vue.js";
37
37
  import { default as ne } from "./components/PlCheckbox/PlCheckbox.vue.js";
38
38
  import { default as ce } from "./components/PlCheckboxGroup/PlCheckboxGroup.vue.js";
39
- import { default as Se } from "./components/PlChip/PlChip.vue.js";
39
+ import { default as ge } from "./components/PlChip/PlChip.vue.js";
40
40
  import { default as he } from "./components/PlDialogModal/PlDialogModal.vue.js";
41
- import { default as be } from "./components/PlDropdown/PlDropdown.vue.js";
42
- import { default as Be } from "./components/PlDropdownLegacy/PlDropdownLegacy.vue.js";
43
- import { default as Le } from "./components/PlDropdownLine/PlDropdownLine.vue.js";
41
+ import { default as Le } from "./components/PlDropdown/PlDropdown.vue.js";
42
+ import { default as we } from "./components/PlDropdownLegacy/PlDropdownLegacy.vue.js";
43
+ import { default as Be } from "./components/PlDropdownLine/PlDropdownLine.vue.js";
44
44
  import { default as ke } from "./components/PlDropdownMulti/PlDropdownMulti.vue.js";
45
- import { default as ve } from "./components/PlDropdownMultiRef/PlDropdownMultiRef.vue.js";
46
- import { default as Ee } from "./components/PlDropdownRef/PlDropdownRef.vue.js";
47
- import { default as Oe } from "./components/PlEditableTitle/PlEditableTitle.vue.js";
48
- import { default as Ge } from "./components/PlElementList/PlElementList.vue.js";
45
+ import { default as Ie } from "./components/PlDropdownMultiRef/PlDropdownMultiRef.vue.js";
46
+ import { default as ve } from "./components/PlDropdownRef/PlDropdownRef.vue.js";
47
+ import { default as Ae } from "./components/PlEditableTitle/PlEditableTitle.vue.js";
48
+ import { default as Re } from "./components/PlElementList/PlElementList.vue.js";
49
49
  import { default as Ve } from "./components/PlLoaderCircular/PlLoaderCircular.vue.js";
50
- import { default as Ne } from "./components/PlLogView/PlLogView.vue.js";
51
- import { default as He } from "./components/PlNumberField/PlNumberField.vue.js";
52
- import { default as qe } from "./components/PlProgressBar/PlProgressBar.vue.js";
53
- import { default as je } from "./components/PlProgressCell/PlProgressCell.vue.js";
54
- import { default as Ke } from "./components/PlSearchField/PlSearchField.vue.js";
55
- import { default as Ye } from "./components/PlSectionSeparator/PlSectionSeparator.vue.js";
56
- import { default as _e } from "./components/PlSlideModal/PlPureSlideModal.vue.js";
50
+ import { default as He } from "./components/PlLogView/PlLogView.vue.js";
51
+ import { default as Ue } from "./components/PlNumberField/PlNumberField.vue.js";
52
+ import { default as _e } from "./components/PlProgressBar/PlProgressBar.vue.js";
53
+ import { default as We } from "./components/PlProgressCell/PlProgressCell.vue.js";
54
+ import { default as je } from "./components/PlSearchField/PlSearchField.vue.js";
55
+ import { default as Ke } from "./components/PlSectionSeparator/PlSectionSeparator.vue.js";
56
+ import { default as Ze } from "./components/PlSlideModal/PlPureSlideModal.vue.js";
57
57
  import { default as eo } from "./components/PlSlideModal/PlSlideModal.vue.js";
58
58
  import { default as ro } from "./components/PlSplash/PlSplash.vue.js";
59
59
  import { default as ao } from "./components/PlStatusTag/PlStatusTag.vue.js";
@@ -62,22 +62,22 @@ import { default as po } from "./components/PlTextArea/PlTextArea.vue.js";
62
62
  import { default as uo } from "./components/PlTextField/PlTextField.vue.js";
63
63
  import { default as io } from "./components/PlToggleSwitch/PlToggleSwitch.vue.js";
64
64
  import { default as Po } from "./components/PlTooltip/PlTooltip.vue.js";
65
- import { default as go } from "./components/PlFileDialog/PlFileDialog.vue.js";
65
+ import { default as So } from "./components/PlFileDialog/PlFileDialog.vue.js";
66
66
  import { default as Co } from "./components/PlFileInput/PlFileInput.vue.js";
67
67
  import { default as To } from "./components/PlNotificationAlert/PlNotificationAlert.vue.js";
68
- import { default as wo } from "./components/PlSidebar/PlSidebarGroup.vue.js";
68
+ import { default as bo } from "./components/PlSidebar/PlSidebarGroup.vue.js";
69
69
  import { default as Do } from "./components/PlSidebar/PlSidebarItem.vue.js";
70
70
  import { default as Mo, default as ko } from "./components/PlIcon16/PlIcon16.vue.js";
71
- import { default as vo, default as yo } from "./components/PlIcon24/PlIcon24.vue.js";
72
- import { default as Fo } from "./components/PlSvg/PlSvg.vue.js";
73
- import { default as Ao } from "./components/PlChartHistogram/PlChartHistogram.vue.js";
74
- import { default as Ro } from "./components/PlChartStackedBar/PlChartStackedBar.vue.js";
71
+ import { default as Io, default as Oo } from "./components/PlIcon24/PlIcon24.vue.js";
72
+ import { default as yo } from "./components/PlSvg/PlSvg.vue.js";
73
+ import { default as Fo } from "./components/PlChartHistogram/PlChartHistogram.vue.js";
74
+ import { default as Go } from "./components/PlChartStackedBar/PlChartStackedBar.vue.js";
75
75
  import { default as zo } from "./components/PlChartStackedBar/PlChartStackedBarCompact.vue.js";
76
- import { default as Uo } from "./components/PlRadio/PlRadio.vue.js";
76
+ import { default as No } from "./components/PlRadio/PlRadio.vue.js";
77
77
  import { default as Qo } from "./components/PlRadio/PlRadioGroup.vue.js";
78
- import { default as Wo } from "./components/PlLoaderLogo.vue.js";
79
- import { categoricalColors as Jo, magma as Ko, palettes as Xo, viridis as Yo } from "./colors/palette.js";
80
- import { Color as _o } from "./colors/color.js";
78
+ import { default as qo } from "./components/PlLoaderLogo.vue.js";
79
+ import { categoricalColors as Xo, magma as jo, palettes as Jo, viridis as Ko } from "./colors/palette.js";
80
+ import { Color as Zo } from "./colors/color.js";
81
81
  import { Gradient as er, interpolateColor as or, normalizeGradient as rr } from "./colors/gradient.js";
82
82
  import { useClickOutside as ar } from "./composition/useClickOutside.js";
83
83
  import { useComponentProp as fr } from "./composition/useComponentProp.js";
@@ -86,47 +86,49 @@ import { useDraggable as dr } from "./composition/useDraggable.js";
86
86
  import { useEventListener as xr } from "./composition/useEventListener.js";
87
87
  import { useFormState as nr } from "./composition/useFormState.js";
88
88
  import { useHover as cr } from "./composition/useHover.js";
89
- import { useInterval as Sr } from "./composition/useInterval.js";
89
+ import { useInterval as gr } from "./composition/useInterval.js";
90
90
  import { usePollingQuery as hr } from "./composition/usePollingQuery.js";
91
- import { useLocalStorage as br } from "./composition/useLocalStorage.js";
92
- import { useMouse as Br } from "./composition/useMouse.js";
93
- import { useMouseCapture as Lr } from "./composition/useMouseCapture.js";
91
+ import { useLocalStorage as Lr } from "./composition/useLocalStorage.js";
92
+ import { useMouse as wr } from "./composition/useMouse.js";
93
+ import { useMouseCapture as Br } from "./composition/useMouseCapture.js";
94
94
  import { useElementPosition as kr } from "./composition/usePosition.js";
95
- import { useQuery as vr } from "./composition/useQuery.js";
96
- import { useResizeObserver as Er } from "./composition/useResizeObserver.js";
97
- import { useScroll as Or } from "./composition/useScroll.js";
98
- import { useSortable as Gr } from "./composition/useSortable.js";
95
+ import { useQuery as Ir } from "./composition/useQuery.js";
96
+ import { useResizeObserver as vr } from "./composition/useResizeObserver.js";
97
+ import { useScroll as Ar } from "./composition/useScroll.js";
98
+ import { useSortable as Rr } from "./composition/useSortable.js";
99
99
  import { useSortable2 as Vr } from "./composition/useSortable2.js";
100
- import { useTheme as Nr } from "./composition/useTheme.js";
101
- import { computedCached as Hr } from "./composition/computedCached.js";
102
- import { filterUiMetadata as qr, getFilterUiMetadata as Wr, getFilterUiTypeOptions as jr } from "./composition/filters/metadata.js";
103
- import { useWatchFetch as Kr } from "./composition/useWatchFetch.js";
104
- import { watchCached as Yr } from "./composition/watchCached.js";
105
- import { default as _r } from "./utils/DropdownOverlay/DropdownOverlay.vue.js";
100
+ import { useTheme as Hr } from "./composition/useTheme.js";
101
+ import { computedCached as Ur } from "./composition/computedCached.js";
102
+ import { filterUiMetadata as _r, getFilterUiMetadata as qr, getFilterUiTypeOptions as Wr } from "./composition/filters/metadata.js";
103
+ import { useWatchFetch as jr } from "./composition/useWatchFetch.js";
104
+ import { watchCached as Kr } from "./composition/watchCached.js";
105
+ import { default as Zr } from "./utils/DropdownOverlay/DropdownOverlay.vue.js";
106
106
  import { default as et } from "./utils/PlCloseModalBtn.vue.js";
107
107
  import { useLabelNotch as rt } from "./utils/useLabelNotch.js";
108
108
  import { icons16 as at } from "./generated/icons-16.js";
109
109
  import { icons24 as ft } from "./generated/icons-24.js";
110
110
  import { detectOutside as pt, eventListener as mt, getElementScrollPosition as dt, isElementVisible as ut, scrollIntoView as xt } from "./helpers/dom.js";
111
- import { animate as nt, animateInfinite as Pt, call as ct, delay as gt, listToOptions as St, makeEaseInOut as Ct, makeEaseOut as ht, normalizeListOptions as Tt, randomInt as bt, randomString as wt, requestTick as Bt, throttle as Dt, timeout as Lt } from "./helpers/utils.js";
112
- import { downloadContent as kt } from "./helpers/downloadContent.js";
111
+ import { animate as nt, animateInfinite as Pt, call as ct, delay as St, listToOptions as gt, makeEaseInOut as Ct, makeEaseOut as ht, normalizeListOptions as Tt, randomInt as Lt, randomString as bt, requestTick as wt, throttle as Dt, timeout as Bt } from "./helpers/utils.js";
112
+ import { default as kt } from "./layout/PlPlaceholder/PlPlaceholder.vue.js";
113
+ import { downloadContent as It } from "./helpers/downloadContent.js";
113
114
  const l = { allCssVariables: e() };
114
115
  export {
115
- _o as Color,
116
+ Zo as Color,
116
117
  x as ContextProvider,
117
118
  r as DataTable,
118
119
  l as DemoData,
119
120
  d as DropdownListItem,
120
- _r as DropdownOverlay,
121
+ Zr as DropdownOverlay,
121
122
  er as Gradient,
122
- S as LongText,
123
- H as PlAccordion,
124
- q as PlAccordionSection,
125
- j as PlAlert,
126
- K as PlAutocomplete,
127
- Y as PlAutocompleteMulti,
128
- L as PlBlockPage,
129
- _ as PlBtnAccent,
123
+ g as LongText,
124
+ A as PL_PLACEHOLDER_TEXTS,
125
+ U as PlAccordion,
126
+ _ as PlAccordionSection,
127
+ W as PlAlert,
128
+ j as PlAutocomplete,
129
+ K as PlAutocompleteMulti,
130
+ B as PlBlockPage,
131
+ Z as PlBtnAccent,
130
132
  ee as PlBtnDanger,
131
133
  re as PlBtnGhost,
132
134
  ae as PlBtnGroup,
@@ -134,52 +136,52 @@ export {
134
136
  pe as PlBtnPrimary,
135
137
  de as PlBtnSecondary,
136
138
  xe as PlBtnSplit,
137
- Ao as PlChartHistogram,
138
- Ro as PlChartStackedBar,
139
+ Fo as PlChartHistogram,
140
+ Go as PlChartStackedBar,
139
141
  zo as PlChartStackedBarCompact,
140
142
  ne as PlCheckbox,
141
143
  ce as PlCheckboxGroup,
142
- Se as PlChip,
144
+ ge as PlChip,
143
145
  et as PlCloseModalBtn,
144
- v as PlContainer,
146
+ I as PlContainer,
145
147
  he as PlDialogModal,
146
- be as PlDropdown,
147
- Be as PlDropdownLegacy,
148
- Le as PlDropdownLine,
148
+ Le as PlDropdown,
149
+ we as PlDropdownLegacy,
150
+ Be as PlDropdownLine,
149
151
  ke as PlDropdownMulti,
150
- ve as PlDropdownMultiRef,
151
- Ee as PlDropdownRef,
152
- Oe as PlEditableTitle,
153
- Ge as PlElementList,
154
- N as PlErrorBoundary,
155
- go as PlFileDialog,
152
+ Ie as PlDropdownMultiRef,
153
+ ve as PlDropdownRef,
154
+ Ae as PlEditableTitle,
155
+ Re as PlElementList,
156
+ H as PlErrorBoundary,
157
+ So as PlFileDialog,
156
158
  Co as PlFileInput,
157
- E as PlGrid,
159
+ v as PlGrid,
158
160
  Mo as PlIcon16,
159
- vo as PlIcon24,
161
+ Io as PlIcon24,
160
162
  Ve as PlLoaderCircular,
161
- Wo as PlLoaderLogo,
162
- Ne as PlLogView,
163
+ qo as PlLoaderLogo,
164
+ He as PlLogView,
163
165
  ko as PlMaskIcon16,
164
- yo as PlMaskIcon24,
166
+ Oo as PlMaskIcon24,
165
167
  To as PlNotificationAlert,
166
- He as PlNumberField,
167
- O as PlPlaceholder,
168
- qe as PlProgressBar,
169
- je as PlProgressCell,
170
- _e as PlPureSlideModal,
171
- Uo as PlRadio,
168
+ Ue as PlNumberField,
169
+ kt as PlPlaceholder,
170
+ _e as PlProgressBar,
171
+ We as PlProgressCell,
172
+ Ze as PlPureSlideModal,
173
+ No as PlRadio,
172
174
  Qo as PlRadioGroup,
173
- G as PlRow,
174
- Ke as PlSearchField,
175
- Ye as PlSectionSeparator,
176
- wo as PlSidebarGroup,
175
+ R as PlRow,
176
+ je as PlSearchField,
177
+ Ke as PlSectionSeparator,
178
+ bo as PlSidebarGroup,
177
179
  Do as PlSidebarItem,
178
180
  eo as PlSlideModal,
179
181
  V as PlSpacer,
180
182
  ro as PlSplash,
181
183
  ao as PlStatusTag,
182
- Fo as PlSvg,
184
+ yo as PlSvg,
183
185
  fo as PlTabs,
184
186
  po as PlTextArea,
185
187
  uo as PlTextField,
@@ -187,40 +189,40 @@ export {
187
189
  Po as PlTooltip,
188
190
  h as Scrollable,
189
191
  n as Slider,
190
- b as SliderRange,
191
- B as SliderRangeTriple,
192
+ L as SliderRange,
193
+ w as SliderRangeTriple,
192
194
  p as ThemeSwitcher,
193
195
  nt as animate,
194
196
  Pt as animateInfinite,
195
197
  ct as call,
196
- Jo as categoricalColors,
197
- Hr as computedCached,
198
- gt as delay,
198
+ Xo as categoricalColors,
199
+ Ur as computedCached,
200
+ St as delay,
199
201
  pt as detectOutside,
200
- kt as downloadContent,
202
+ It as downloadContent,
201
203
  mt as eventListener,
202
- qr as filterUiMetadata,
204
+ _r as filterUiMetadata,
203
205
  dt as getElementScrollPosition,
204
- Wr as getFilterUiMetadata,
205
- jr as getFilterUiTypeOptions,
206
+ qr as getFilterUiMetadata,
207
+ Wr as getFilterUiTypeOptions,
206
208
  at as icons16,
207
209
  ft as icons24,
208
210
  or as interpolateColor,
209
211
  ut as isElementVisible,
210
- St as listToOptions,
211
- Ko as magma,
212
+ gt as listToOptions,
213
+ jo as magma,
212
214
  Ct as makeEaseInOut,
213
215
  ht as makeEaseOut,
214
216
  rr as normalizeGradient,
215
217
  Tt as normalizeListOptions,
216
- Xo as palettes,
217
- bt as randomInt,
218
- wt as randomString,
219
- Bt as requestTick,
218
+ Jo as palettes,
219
+ Lt as randomInt,
220
+ bt as randomString,
221
+ wt as requestTick,
220
222
  xt as scrollIntoView,
221
223
  c as showContextMenu,
222
224
  Dt as throttle,
223
- Lt as timeout,
225
+ Bt as timeout,
224
226
  ar as useClickOutside,
225
227
  fr as useComponentProp,
226
228
  pr as useConfirm,
@@ -228,22 +230,22 @@ export {
228
230
  xr as useEventListener,
229
231
  nr as useFormState,
230
232
  cr as useHover,
231
- Sr as useInterval,
233
+ gr as useInterval,
232
234
  rt as useLabelNotch,
233
- br as useLocalStorage,
234
- Br as useMouse,
235
- Lr as useMouseCapture,
235
+ Lr as useLocalStorage,
236
+ wr as useMouse,
237
+ Br as useMouseCapture,
236
238
  k as usePlBlockPageTitleTeleportTarget,
237
239
  hr as usePollingQuery,
238
240
  kr as usePosition,
239
- vr as useQuery,
240
- Er as useResizeObserver,
241
- Or as useScroll,
242
- Gr as useSortable,
241
+ Ir as useQuery,
242
+ vr as useResizeObserver,
243
+ Ar as useScroll,
244
+ Rr as useSortable,
243
245
  Vr as useSortable2,
244
- Nr as useTheme,
245
- Kr as useWatchFetch,
246
- Yo as viridis,
247
- Yr as watchCached
246
+ Hr as useTheme,
247
+ jr as useWatchFetch,
248
+ Ko as viridis,
249
+ Kr as watchCached
248
250
  };
249
251
  //# 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 Scrollable from './components/Scrollable.vue';\nimport SliderRange from './components/SliderRange.vue';\nimport SliderRangeTriple from './components/SliderRangeTriple.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/PlGrid';\nexport * from './layout/PlPlaceholder';\nexport * from './layout/PlRow';\nexport * from './layout/PlSpacer';\n\n/**\n * Components\n */\nexport * from './components/PlErrorBoundary';\n// export * from './components/PlErrorAlert'; // @TODO discuss if we should export it\nexport * from './components/PlAccordion';\nexport * from './components/PlAlert';\nexport * from './components/PlAutocomplete';\nexport * from './components/PlAutocompleteMulti';\nexport * from './components/PlBtnAccent';\nexport * from './components/PlBtnDanger';\nexport * from './components/PlBtnGhost';\nexport * from './components/PlBtnGroup';\nexport * from './components/PlBtnLink';\nexport * from './components/PlBtnPrimary';\nexport * from './components/PlBtnSecondary';\nexport * from './components/PlBtnSplit';\nexport * from './components/PlCheckbox';\nexport * from './components/PlCheckboxGroup';\nexport * from './components/PlChip';\nexport * from './components/PlDialogModal';\nexport * from './components/PlDropdown';\nexport * from './components/PlDropdownLegacy';\nexport * from './components/PlDropdownLine';\nexport * from './components/PlDropdownMulti';\nexport * from './components/PlDropdownMultiRef';\nexport * from './components/PlDropdownRef';\nexport * from './components/PlEditableTitle';\nexport * from './components/PlElementList';\nexport * from './components/PlLoaderCircular';\nexport * from './components/PlLogView';\nexport * from './components/PlNumberField';\nexport * from './components/PlProgressBar';\nexport * from './components/PlProgressCell';\nexport * from './components/PlSearchField';\nexport * from './components/PlSectionSeparator';\nexport * from './components/PlSlideModal';\nexport * from './components/PlSplash';\nexport * from './components/PlStatusTag';\nexport * from './components/PlTabs';\nexport * from './components/PlTextArea';\nexport * from './components/PlTextField';\nexport * from './components/PlToggleSwitch';\nexport * from './components/PlTooltip';\n\nexport * from './components/PlFileDialog';\nexport * from './components/PlFileInput';\nexport * from './components/PlNotificationAlert';\n\nexport * from './components/PlSidebar';\n\nexport * from './components/PlIcon16';\nexport * from './components/PlIcon24';\nexport * from './components/PlMaskIcon16';\nexport * from './components/PlMaskIcon24';\nexport * from './components/PlSvg';\n\nexport * from './components/PlChartHistogram';\nexport * from './components/PlChartStackedBar';\n\nexport * from './components/PlRadio';\n\nexport { default as PlLoaderLogo } from './components/PlLoaderLogo.vue';\n\nexport * from './colors';\n\n/**\n * Usables\n */\nexport { useClickOutside } from './composition/useClickOutside';\nexport { useComponentProp } from './composition/useComponentProp';\nexport { useConfirm } from './composition/useConfirm';\nexport { useDraggable } from './composition/useDraggable';\nexport { useEventListener } from './composition/useEventListener';\nexport { useFormState } from './composition/useFormState';\nexport { useHover } from './composition/useHover';\nexport { useInterval } from './composition/useInterval';\nexport { usePollingQuery } from './composition/usePollingQuery';\nexport { useLocalStorage } from './composition/useLocalStorage';\nexport { useMouse } from './composition/useMouse';\nexport { useMouseCapture } from './composition/useMouseCapture';\nexport { useElementPosition as usePosition } from './composition/usePosition';\nexport { useQuery } from './composition/useQuery.ts';\nexport { useResizeObserver } from './composition/useResizeObserver';\nexport { useScroll } from './composition/useScroll';\nexport { useSortable } from './composition/useSortable';\nexport { useSortable2 } from './composition/useSortable2';\nexport { useTheme } from './composition/useTheme';\n\nexport * from './composition/computedCached';\nexport * from './composition/filters';\nexport * from './composition/useWatchFetch';\nexport * from './composition/watchCached';\n\n/**\n * Utils/Partials\n */\n\nexport * from './utils/DropdownOverlay';\nexport { default as PlCloseModalBtn } from './utils/PlCloseModalBtn.vue';\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 { ContextProvider, DataTable, DropdownListItem, Slider, ThemeSwitcher };\n\n// Helpers\nexport { showContextMenu };\n\n// move to new version pl-uikit\nexport { LongText, Scrollable, SliderRange, SliderRangeTriple };\n\n// @todo\nconst DemoData = { allCssVariables: allCssVariables() };\nexport { DemoData };\n"],"names":["DemoData","allCssVariables"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8JA,MAAMA,IAAW,EAAE,iBAAiBC,EAAA,EAAgB;"}
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 Scrollable from './components/Scrollable.vue';\nimport SliderRange from './components/SliderRange.vue';\nimport SliderRangeTriple from './components/SliderRangeTriple.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/PlGrid';\nexport * from './layout/PlPlaceholder';\nexport * from './layout/PlRow';\nexport * from './layout/PlSpacer';\n\n/**\n * Components\n */\nexport * from './components/PlErrorBoundary';\n// export * from './components/PlErrorAlert'; // @TODO discuss if we should export it\nexport * from './components/PlAccordion';\nexport * from './components/PlAlert';\nexport * from './components/PlAutocomplete';\nexport * from './components/PlAutocompleteMulti';\nexport * from './components/PlBtnAccent';\nexport * from './components/PlBtnDanger';\nexport * from './components/PlBtnGhost';\nexport * from './components/PlBtnGroup';\nexport * from './components/PlBtnLink';\nexport * from './components/PlBtnPrimary';\nexport * from './components/PlBtnSecondary';\nexport * from './components/PlBtnSplit';\nexport * from './components/PlCheckbox';\nexport * from './components/PlCheckboxGroup';\nexport * from './components/PlChip';\nexport * from './components/PlDialogModal';\nexport * from './components/PlDropdown';\nexport * from './components/PlDropdownLegacy';\nexport * from './components/PlDropdownLine';\nexport * from './components/PlDropdownMulti';\nexport * from './components/PlDropdownMultiRef';\nexport * from './components/PlDropdownRef';\nexport * from './components/PlEditableTitle';\nexport * from './components/PlElementList';\nexport * from './components/PlLoaderCircular';\nexport * from './components/PlLogView';\nexport * from './components/PlNumberField';\nexport * from './components/PlProgressBar';\nexport * from './components/PlProgressCell';\nexport * from './components/PlSearchField';\nexport * from './components/PlSectionSeparator';\nexport * from './components/PlSlideModal';\nexport * from './components/PlSplash';\nexport * from './components/PlStatusTag';\nexport * from './components/PlTabs';\nexport * from './components/PlTextArea';\nexport * from './components/PlTextField';\nexport * from './components/PlToggleSwitch';\nexport * from './components/PlTooltip';\n\nexport * from './components/PlFileDialog';\nexport * from './components/PlFileInput';\nexport * from './components/PlNotificationAlert';\n\nexport * from './components/PlSidebar';\n\nexport * from './components/PlIcon16';\nexport * from './components/PlIcon24';\nexport * from './components/PlMaskIcon16';\nexport * from './components/PlMaskIcon24';\nexport * from './components/PlSvg';\n\nexport * from './components/PlChartHistogram';\nexport * from './components/PlChartStackedBar';\n\nexport * from './components/PlRadio';\n\nexport { default as PlLoaderLogo } from './components/PlLoaderLogo.vue';\n\nexport * from './colors';\n\n/**\n * Usables\n */\nexport { useClickOutside } from './composition/useClickOutside';\nexport { useComponentProp } from './composition/useComponentProp';\nexport { useConfirm } from './composition/useConfirm';\nexport { useDraggable } from './composition/useDraggable';\nexport { useEventListener } from './composition/useEventListener';\nexport { useFormState } from './composition/useFormState';\nexport { useHover } from './composition/useHover';\nexport { useInterval } from './composition/useInterval';\nexport { usePollingQuery } from './composition/usePollingQuery';\nexport { useLocalStorage } from './composition/useLocalStorage';\nexport { useMouse } from './composition/useMouse';\nexport { useMouseCapture } from './composition/useMouseCapture';\nexport { useElementPosition as usePosition } from './composition/usePosition';\nexport { useQuery } from './composition/useQuery.ts';\nexport { useResizeObserver } from './composition/useResizeObserver';\nexport { useScroll } from './composition/useScroll';\nexport { useSortable } from './composition/useSortable';\nexport { useSortable2 } from './composition/useSortable2';\nexport { useTheme } from './composition/useTheme';\n\nexport * from './composition/computedCached';\nexport * from './composition/filters';\nexport * from './composition/useWatchFetch';\nexport * from './composition/watchCached';\n\n/**\n * Utils/Partials\n */\n\nexport * from './utils/DropdownOverlay';\nexport { default as PlCloseModalBtn } from './utils/PlCloseModalBtn.vue';\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 { ContextProvider, DataTable, DropdownListItem, Slider, ThemeSwitcher };\n\n// Helpers\nexport { showContextMenu };\n\n// move to new version pl-uikit\nexport { LongText, Scrollable, SliderRange, SliderRangeTriple };\n\n// @todo\nconst DemoData = { allCssVariables: allCssVariables() };\nexport { DemoData };\n"],"names":["DemoData","allCssVariables"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8JA,MAAMA,IAAW,EAAE,iBAAiBC,EAAA,EAAgB;"}
@@ -1 +1 @@
1
- {"version":3,"file":"PlBlockPage.vue.d.ts","sourceRoot":"","sources":["../../../src/layout/PlBlockPage/PlBlockPage.vue"],"names":[],"mappings":"AA0EA,OAAO,sBAAsB,CAAC;AAC9B,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAG1E,gCAAgC;;IAK9B;;OAEG;oBACa,OAAO;IACvB;;OAEG;kBACW,kBAAkB,CAAC,SAAS,CAAC,GAAG,kBAAkB;;IAPhE;;OAEG;oBACa,OAAO;IACvB;;OAEG;kBACW,kBAAkB,CAAC,SAAS,CAAC,GAAG,kBAAkB;;mBAoFvC,GAAG;2BACK,GAAG;oBACV,GAAG;qBACF,GAAG;;AAlGhC,wBA4IK;AASL,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"PlBlockPage.vue.d.ts","sourceRoot":"","sources":["../../../src/layout/PlBlockPage/PlBlockPage.vue"],"names":[],"mappings":"AA0EA,OAAO,sBAAsB,CAAC;AAC9B,OAAO,EAAuC,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAGhG,gCAAgC;;IAK9B;;OAEG;oBACa,OAAO;IACvB;;OAEG;kBACW,kBAAkB,CAAC,SAAS,CAAC,GAAG,kBAAkB;;IAPhE;;OAEG;oBACa,OAAO;IACvB;;OAEG;kBACW,kBAAkB,CAAC,SAAS,CAAC,GAAG,kBAAkB;;mBAoFvC,GAAG;2BACK,GAAG;oBACV,GAAG;qBACF,GAAG;;AAlGhC,wBA4IK;AASL,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -2,30 +2,31 @@
2
2
  import { defineComponent as u, useSlots as m, computed as v, createElementBlock as o, openBlock as l, normalizeClass as f, createElementVNode as t, unref as d, withDirectives as c, renderSlot as s, createVNode as y, normalizeProps as g, guardReactiveProps as b, vShow as h, normalizeStyle as k } from "vue";
3
3
  import { PlBlockPageTitleTeleportId as P } from "./PlBlockPageTitleTeleportId.js";
4
4
 
5
- import B from "../PlPlaceholder/PlPlaceholder.vue.js";
5
+ import { PL_PLACEHOLDER_TEXTS as B } from "../PlPlaceholder/index.js";
6
+ import L from "../PlPlaceholder/PlPlaceholder.vue.js";
6
7
  const T = {
7
8
  key: 0,
8
9
  class: "pl-block-page__title"
9
- }, L = { class: "pl-block-page__title__default" }, S = { class: "pl-block-page__title__append" }, $ = ["id"], w = { key: 1 }, z = { class: "pl-block-page__body" }, G = {
10
+ }, E = { class: "pl-block-page__title__default" }, S = { class: "pl-block-page__title__append" }, A = ["id"], G = { key: 1 }, N = { class: "pl-block-page__body" }, $ = {
10
11
  name: "PlBlockPage"
11
- }, V = /* @__PURE__ */ u({
12
- ...G,
12
+ }, R = /* @__PURE__ */ u({
13
+ ...$,
13
14
  props: {
14
15
  noBodyGutters: { type: Boolean },
15
16
  bodyLoading: {}
16
17
  },
17
18
  setup(a) {
18
- const p = m(), n = a, i = v(() => typeof n.bodyLoading == "string" ? { variant: n.bodyLoading } : n.bodyLoading), r = (e) => {
19
+ const p = m(), n = a, i = v(() => typeof n.bodyLoading == "string" ? { variant: n.bodyLoading, ...B.LOADING } : n.bodyLoading), r = (e) => {
19
20
  e.removeAttribute("title"), e.clientWidth < e.scrollWidth && e.setAttribute("title", e.innerText);
20
21
  }, _ = {
21
22
  mounted: r,
22
23
  updated: r
23
24
  };
24
- return (e, N) => (l(), o("div", {
25
+ return (e, w) => (l(), o("div", {
25
26
  class: f(["pl-layout-component pl-block-page", { noBodyGutters: a.noBodyGutters }])
26
27
  }, [
27
28
  d(p).title ? (l(), o("div", T, [
28
- t("div", L, [
29
+ t("div", E, [
29
30
  c((l(), o("span", null, [
30
31
  s(e.$slots, "title")
31
32
  ])), [
@@ -37,12 +38,12 @@ const T = {
37
38
  t("div", {
38
39
  id: d(P),
39
40
  class: "pl-block-page__title__append__teleport"
40
- }, null, 8, $),
41
+ }, null, 8, A),
41
42
  s(e.$slots, "append")
42
43
  ])
43
- ])) : (l(), o("div", w)),
44
- t("div", z, [
45
- c(y(d(B), g(b(i.value)), null, 16), [
44
+ ])) : (l(), o("div", G)),
45
+ t("div", N, [
46
+ c(y(d(L), g(b(i.value)), null, 16), [
46
47
  [h, i.value]
47
48
  ]),
48
49
  t("div", {
@@ -55,6 +56,6 @@ const T = {
55
56
  }
56
57
  });
57
58
  export {
58
- V as default
59
+ R as default
59
60
  };
60
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 { computed, useSlots } from 'vue';\nimport { PlBlockPageTitleTeleportId } from './PlBlockPageTitleTeleportId';\nimport './pl-block-page.scss';\nimport { PlPlaceholder, type PlPlaceholderProps } from '../PlPlaceholder';\n\nconst slots = useSlots();\n\nconst props = defineProps<{\n /**\n * If `true` body gutters are removed\n */\n noBodyGutters?: boolean;\n /**\n * If defined, a loading overlay is displayed on the page body (over all default slot content)\n */\n bodyLoading?: PlPlaceholderProps['variant'] | PlPlaceholderProps;\n}>();\n\nconst loadingPlaceholder = computed<PlPlaceholderProps | undefined>(() => {\n if (typeof props.bodyLoading === 'string') {\n return { variant: props.bodyLoading };\n }\n return props.bodyLoading;\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\n :id=\"PlBlockPageTitleTeleportId\"\n class=\"pl-block-page__title__append__teleport\"\n />\n <slot name=\"append\" />\n </div>\n </div>\n <div v-else />\n <div class=\"pl-block-page__body\">\n <PlPlaceholder v-show=\"loadingPlaceholder\" v-bind=\"loadingPlaceholder\" />\n <div :style=\"{ display: loadingPlaceholder ? 'none' : 'contents' }\">\n <slot />\n </div>\n </div>\n </div>\n</template>\n"],"names":["__default__","slots","useSlots","props","__props","loadingPlaceholder","computed","setTitleIfNeeded","el","vTextOverflownTitle","_createElementBlock","_normalizeClass","_unref","_openBlock","_hoisted_1","_createElementVNode","_hoisted_2","_renderSlot","_ctx","_hoisted_3","PlBlockPageTitleTeleportId","_hoisted_5","_hoisted_6","_withDirectives","_createVNode"],"mappings":";;;;;;;oKAEAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;AASA,UAAMC,IAAQC,EAAA,GAERC,IAAQC,GAWRC,IAAqBC,EAAyC,MAC9D,OAAOH,EAAM,eAAgB,WACxB,EAAE,SAASA,EAAM,YAAA,IAEnBA,EAAM,WACd,GAEKI,IAAmB,CAACC,MAAoB;AAC5C,MAAAA,EAAG,gBAAgB,OAAO,GACtBA,EAAG,cAAcA,EAAG,eACtBA,EAAG,aAAa,SAASA,EAAG,SAAS;AAAA,IAEzC,GAEMC,IAAsB;AAAA,MAC1B,SAASF;AAAA,MACT,SAASA;AAAA,IAAA;2BAKTG,EAqBM,OAAA;AAAA,MArBD,OAAKC,EAAA,CAAC,qCAAmC,EAAA,eAAWP,EAAA,eAAa,CAAA;AAAA,IAAA;MACzDQ,EAAAX,CAAA,EAAM,SAAjBY,KAAAH,EAYM,OAZNI,GAYM;AAAA,QAXJC,EAGM,OAHNC,GAGM;AAAA,kBAFJN,EAAyD,QAAA,MAAA;AAAA,YAA5BO,EAAqBC,EAAA,QAAA,OAAA;AAAA,UAAA;;;UAClDD,EAA2BC,EAAA,QAAA,aAAA;AAAA,QAAA;QAE7BH,EAMM,OANNI,GAMM;AAAA,UALJJ,EAGE,OAAA;AAAA,YAFC,IAAIH,EAAAQ,CAAA;AAAA,YACL,OAAM;AAAA,UAAA;UAERH,EAAsBC,EAAA,QAAA,QAAA;AAAA,QAAA;kBAG1BR,EAAc,OAAAW,CAAA;AAAA,MACdN,EAKM,OALNO,GAKM;AAAA,QAJJC,EAAAC,EAAyEZ,UAAtBP,EAAA,KAAkB,CAAA,GAAA,MAAA,EAAA,GAAA;AAAA,cAA9CA,EAAA,KAAkB;AAAA,QAAA;QACzCU,EAEM,OAAA;AAAA,UAFA,oBAAkBV,EAAA,QAAkB,SAAA,YAAA;AAAA,QAAA;UACxCY,EAAQC,EAAA,QAAA,SAAA;AAAA,QAAA;;;;;"}
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 { computed, useSlots } from 'vue';\nimport { PlBlockPageTitleTeleportId } from './PlBlockPageTitleTeleportId';\nimport './pl-block-page.scss';\nimport { PL_PLACEHOLDER_TEXTS, PlPlaceholder, type PlPlaceholderProps } from '../PlPlaceholder';\n\nconst slots = useSlots();\n\nconst props = defineProps<{\n /**\n * If `true` body gutters are removed\n */\n noBodyGutters?: boolean;\n /**\n * If defined, a loading overlay is displayed on the page body (over all default slot content)\n */\n bodyLoading?: PlPlaceholderProps['variant'] | PlPlaceholderProps;\n}>();\n\nconst loadingPlaceholder = computed<PlPlaceholderProps | undefined>(() => {\n if (typeof props.bodyLoading === 'string') {\n return { variant: props.bodyLoading, ...PL_PLACEHOLDER_TEXTS.LOADING };\n }\n return props.bodyLoading;\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\n :id=\"PlBlockPageTitleTeleportId\"\n class=\"pl-block-page__title__append__teleport\"\n />\n <slot name=\"append\" />\n </div>\n </div>\n <div v-else />\n <div class=\"pl-block-page__body\">\n <PlPlaceholder v-show=\"loadingPlaceholder\" v-bind=\"loadingPlaceholder\" />\n <div :style=\"{ display: loadingPlaceholder ? 'none' : 'contents' }\">\n <slot />\n </div>\n </div>\n </div>\n</template>\n"],"names":["__default__","slots","useSlots","props","__props","loadingPlaceholder","computed","PL_PLACEHOLDER_TEXTS","setTitleIfNeeded","el","vTextOverflownTitle","_createElementBlock","_normalizeClass","_unref","_openBlock","_hoisted_1","_createElementVNode","_hoisted_2","_renderSlot","_ctx","_hoisted_3","PlBlockPageTitleTeleportId","_hoisted_5","_hoisted_6","_withDirectives","_createVNode"],"mappings":";;;;;;;;oKAEAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;AASA,UAAMC,IAAQC,EAAA,GAERC,IAAQC,GAWRC,IAAqBC,EAAyC,MAC9D,OAAOH,EAAM,eAAgB,WACxB,EAAE,SAASA,EAAM,aAAa,GAAGI,EAAqB,QAAA,IAExDJ,EAAM,WACd,GAEKK,IAAmB,CAACC,MAAoB;AAC5C,MAAAA,EAAG,gBAAgB,OAAO,GACtBA,EAAG,cAAcA,EAAG,eACtBA,EAAG,aAAa,SAASA,EAAG,SAAS;AAAA,IAEzC,GAEMC,IAAsB;AAAA,MAC1B,SAASF;AAAA,MACT,SAASA;AAAA,IAAA;2BAKTG,EAqBM,OAAA;AAAA,MArBD,OAAKC,EAAA,CAAC,qCAAmC,EAAA,eAAWR,EAAA,eAAa,CAAA;AAAA,IAAA;MACzDS,EAAAZ,CAAA,EAAM,SAAjBa,KAAAH,EAYM,OAZNI,GAYM;AAAA,QAXJC,EAGM,OAHNC,GAGM;AAAA,kBAFJN,EAAyD,QAAA,MAAA;AAAA,YAA5BO,EAAqBC,EAAA,QAAA,OAAA;AAAA,UAAA;;;UAClDD,EAA2BC,EAAA,QAAA,aAAA;AAAA,QAAA;QAE7BH,EAMM,OANNI,GAMM;AAAA,UALJJ,EAGE,OAAA;AAAA,YAFC,IAAIH,EAAAQ,CAAA;AAAA,YACL,OAAM;AAAA,UAAA;UAERH,EAAsBC,EAAA,QAAA,QAAA;AAAA,QAAA;kBAG1BR,EAAc,OAAAW,CAAA;AAAA,MACdN,EAKM,OALNO,GAKM;AAAA,QAJJC,EAAAC,EAAyEZ,UAAtBR,EAAA,KAAkB,CAAA,GAAA,MAAA,EAAA,GAAA;AAAA,cAA9CA,EAAA,KAAkB;AAAA,QAAA;QACzCW,EAEM,OAAA;AAAA,UAFA,oBAAkBX,EAAA,QAAkB,SAAA,YAAA;AAAA,QAAA;UACxCa,EAAQC,EAAA,QAAA,SAAA;AAAA,QAAA;;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"PlPlaceholder.vue.d.ts","sourceRoot":"","sources":["../../../src/layout/PlPlaceholder/PlPlaceholder.vue"],"names":[],"mappings":"AAgKA,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC9B;;AASD,wBA8GK"}
1
+ {"version":3,"file":"PlPlaceholder.vue.d.ts","sourceRoot":"","sources":["../../../src/layout/PlPlaceholder/PlPlaceholder.vue"],"names":[],"mappings":"AA0JA,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC9B;;AAYD,wBA0GK"}
@@ -1,55 +1,56 @@
1
- import { defineComponent as d, useCssModule as u, createElementBlock as o, openBlock as l, normalizeClass as r, unref as t, createElementVNode as s, createVNode as m, toDisplayString as n, Fragment as p, renderList as v } from "vue";
2
- import b from "../../components/PlLoaderLogo.vue.js";
3
- import y from "./paint-worklet.js";
4
- const g = { key: 1 }, k = new Blob([y], { type: "application/javascript" }), f = URL.createObjectURL(k);
5
- CSS.paintWorklet.addModule(f);
6
- const P = /* @__PURE__ */ d({
1
+ import { defineComponent as u, useCssModule as m, createElementBlock as o, openBlock as l, normalizeClass as a, unref as r, createElementVNode as n, createVNode as b, createCommentVNode as s, toDisplayString as i, Fragment as k, renderList as v } from "vue";
2
+ import y from "../../components/PlLoaderLogo.vue.js";
3
+ import _ from "./paint-worklet.js";
4
+ const f = { key: 1 }, g = new Blob(
5
+ [_],
6
+ { type: "application/javascript" }
7
+ ), C = URL.createObjectURL(g);
8
+ CSS.paintWorklet.addModule(C);
9
+ const N = /* @__PURE__ */ u({
7
10
  __name: "PlPlaceholder",
8
11
  props: {
9
12
  variant: {},
10
- title: { default: "Running analysis..." },
11
- subtitle: { default: () => [
12
- "No action needed—the job is active",
13
- "Larger datasets take longer to process",
14
- "Results will appear here as soon as they’re ready",
15
- "Processing may take minutes to hours"
16
- ] }
13
+ title: {},
14
+ subtitle: {}
17
15
  },
18
- setup(a) {
19
- const e = u();
16
+ setup(c) {
17
+ const t = c, e = m();
20
18
  return (h, L) => (l(), o("div", {
21
- class: r(t(e).root)
19
+ class: a(r(e).root)
22
20
  }, [
23
- s("div", {
24
- class: r([t(e).background, {
25
- [t(e).table]: a.variant === "table",
26
- [t(e).graph]: a.variant === "graph"
21
+ n("div", {
22
+ class: a([r(e).background, {
23
+ [r(e).table]: t.variant === "table",
24
+ [r(e).graph]: t.variant === "graph"
27
25
  }])
28
26
  }, null, 2),
29
- s("div", {
30
- class: r(t(e).content)
27
+ n("div", {
28
+ class: a(r(e).content)
31
29
  }, [
32
- m(b, {
30
+ b(y, {
33
31
  size: 64,
34
32
  color: "var(--color-div-grey)"
35
33
  }),
36
- s("div", {
37
- class: r(t(e).text)
34
+ t.title || t.subtitle ? (l(), o("div", {
35
+ key: 0,
36
+ class: a(r(e).text)
38
37
  }, [
39
- s("div", {
40
- class: r(t(e).title)
41
- }, n(a.title), 3),
42
- s("div", {
43
- class: r(t(e).subtitle)
38
+ t.title ? (l(), o("div", {
39
+ key: 0,
40
+ class: a(r(e).title)
41
+ }, i(t.title), 3)) : s("", !0),
42
+ t.subtitle ? (l(), o("div", {
43
+ key: 1,
44
+ class: a(r(e).subtitle)
44
45
  }, [
45
- Array.isArray(a.subtitle) ? (l(!0), o(p, { key: 0 }, v(a.subtitle, (i, c) => (l(), o("span", { key: c }, n(i), 1))), 128)) : (l(), o("span", g, n(a.subtitle), 1))
46
- ], 2)
47
- ], 2)
46
+ Array.isArray(t.subtitle) ? (l(!0), o(k, { key: 0 }, v(t.subtitle, (d, p) => (l(), o("span", { key: p }, i(d), 1))), 128)) : (l(), o("span", f, i(t.subtitle), 1))
47
+ ], 2)) : s("", !0)
48
+ ], 2)) : s("", !0)
48
49
  ], 2)
49
50
  ], 2));
50
51
  }
51
52
  });
52
53
  export {
53
- P as default
54
+ N as default
54
55
  };
55
56
  //# sourceMappingURL=PlPlaceholder.vue2.js.map