@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.
Files changed (67) hide show
  1. package/.turbo/turbo-build.log +32 -27
  2. package/.turbo/turbo-type-check.log +1 -1
  3. package/CHANGELOG.md +19 -0
  4. package/dist/_virtual/_commonjsHelpers.js +7 -0
  5. package/dist/_virtual/_commonjsHelpers.js.map +1 -0
  6. package/dist/_virtual/canonicalize.js +8 -0
  7. package/dist/_virtual/canonicalize.js.map +1 -0
  8. package/dist/components/DataTable/TableComponent.vue.js +9 -8
  9. package/dist/components/DataTable/TableComponent.vue.js.map +1 -1
  10. package/dist/components/PlBtnAccent/PlBtnAccent.vue.js +1 -1
  11. package/dist/components/PlBtnDanger/PlBtnDanger.vue.js +1 -1
  12. package/dist/components/PlBtnGhost/PlBtnGhost.vue.js +1 -1
  13. package/dist/components/PlBtnPrimary/PlBtnPrimary.vue.js +1 -1
  14. package/dist/components/PlBtnSecondary/PlBtnSecondary.vue.js +1 -1
  15. package/dist/components/PlDropdown/PlDropdown.vue.js +1 -1
  16. package/dist/components/PlDropdown/PlDropdown.vue.js.map +1 -1
  17. package/dist/components/PlDropdownLine/PlDropdownLine.vue.d.ts +4 -4
  18. package/dist/components/PlDropdownMultiRef/PlDropdownMultiRef.vue.d.ts +1 -1
  19. package/dist/components/PlDropdownMultiRef/PlDropdownMultiRef.vue.d.ts.map +1 -1
  20. package/dist/components/PlDropdownRef/PlDropdownRef.vue.d.ts +1 -1
  21. package/dist/components/PlDropdownRef/PlDropdownRef.vue.d.ts.map +1 -1
  22. package/dist/components/PlFileDialog/Remote.vue.d.ts +1 -1
  23. package/dist/components/PlFileDialog/Remote.vue.js +4 -4
  24. package/dist/components/PlFileInput/PlFileInput.vue.d.ts +2 -2
  25. package/dist/components/PlFileInput/PlFileInput.vue.d.ts.map +1 -1
  26. package/dist/components/PlFileInput/PlFileInput.vue.js +13 -13
  27. package/dist/components/PlProgressCell/PlProgressCell.vue.d.ts +1 -1
  28. package/dist/components/PlSlideModal/PlSlideModal.vue.js +9 -8
  29. package/dist/components/PlSlideModal/PlSlideModal.vue.js.map +1 -1
  30. package/dist/components/Slider.vue.d.ts +1 -1
  31. package/dist/components/Slider.vue.d.ts.map +1 -1
  32. package/dist/components/SliderRange.vue.d.ts +1 -1
  33. package/dist/components/SliderRange.vue.d.ts.map +1 -1
  34. package/dist/components/SliderRangeTriple.vue.d.ts +1 -1
  35. package/dist/components/SliderRangeTriple.vue.d.ts.map +1 -1
  36. package/dist/index.js +191 -189
  37. package/dist/index.js.map +1 -1
  38. package/dist/layout/PlBlockPage/PlBlockPage.vue.d.ts.map +1 -1
  39. package/dist/layout/PlBlockPage/PlBlockPage.vue.js +27 -22
  40. package/dist/layout/PlBlockPage/PlBlockPage.vue.js.map +1 -1
  41. package/dist/layout/PlBlockPage/PlBlockPageTitleTeleportId.d.ts +2 -0
  42. package/dist/layout/PlBlockPage/PlBlockPageTitleTeleportId.d.ts.map +1 -0
  43. package/dist/layout/PlBlockPage/PlBlockPageTitleTeleportId.js +6 -0
  44. package/dist/layout/PlBlockPage/PlBlockPageTitleTeleportId.js.map +1 -0
  45. package/dist/layout/PlBlockPage/index.d.ts +1 -0
  46. package/dist/layout/PlBlockPage/index.d.ts.map +1 -1
  47. package/dist/layout/PlBlockPage/usePlBlockPageTitleTeleportTarget.d.ts +2 -0
  48. package/dist/layout/PlBlockPage/usePlBlockPageTitleTeleportTarget.d.ts.map +1 -0
  49. package/dist/layout/PlBlockPage/usePlBlockPageTitleTeleportTarget.js +18 -0
  50. package/dist/layout/PlBlockPage/usePlBlockPageTitleTeleportTarget.js.map +1 -0
  51. package/dist/lib/model/common/dist/index.js +534 -33
  52. package/dist/lib/model/common/dist/index.js.map +1 -1
  53. package/dist/node_modules/.pnpm/canonicalize@2.1.0/node_modules/canonicalize/lib/canonicalize.js +19 -0
  54. package/dist/node_modules/.pnpm/canonicalize@2.1.0/node_modules/canonicalize/lib/canonicalize.js.map +1 -0
  55. package/dist/sdk/model/dist/index.js +1508 -26
  56. package/dist/sdk/model/dist/index.js.map +1 -1
  57. package/package.json +6 -6
  58. package/src/assets/base-btn.scss +2 -1
  59. package/src/components/PlBtnGhost/pl-btn-ghost.scss +1 -0
  60. package/src/components/PlBtnPrimary/pl-btn-primary.scss +1 -0
  61. package/src/components/PlBtnSecondary/pl-btn-secondary.scss +1 -0
  62. package/src/components/PlDropdown/PlDropdown.vue +1 -1
  63. package/src/layout/PlBlockPage/PlBlockPage.vue +2 -0
  64. package/src/layout/PlBlockPage/PlBlockPageTitleTeleportId.ts +3 -0
  65. package/src/layout/PlBlockPage/index.ts +1 -0
  66. package/src/layout/PlBlockPage/pl-block-page.scss +6 -0
  67. 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 D } from "./components/SliderRange.vue.js";
14
- import { default as B } from "./components/Scrollable.vue.js";
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 L } from "./layout/PlBlockPage/PlBlockPage.vue.js";
17
- import { default as I } from "./layout/PlContainer/PlContainer.vue.js";
18
- import { default as v } from "./layout/PlRow/PlRow.vue.js";
19
- import { default as O } from "./layout/PlSpacer/PlSpacer.vue.js";
20
- import { default as y } from "./layout/PlGrid/PlGrid.vue.js";
21
- import { default as F } from "./components/PlErrorBoundary/PlErrorBoundary.vue.js";
22
- import { default as V } from "./components/PlAlert/PlAlert.vue.js";
23
- import { default as N } from "./components/PlBtnSplit/PlBtnSplit.vue.js";
24
- import { default as q } from "./components/PlBtnPrimary/PlBtnPrimary.vue.js";
25
- import { default as W } from "./components/PlBtnAccent/PlBtnAccent.vue.js";
26
- import { default as J } from "./components/PlBtnDanger/PlBtnDanger.vue.js";
27
- import { default as U } from "./components/PlBtnSecondary/PlBtnSecondary.vue.js";
28
- import { default as Y } from "./components/PlBtnGhost/PlBtnGhost.vue.js";
29
- import { default as _ } from "./components/PlBtnLink/PlBtnLink.vue.js";
30
- import { default as ee } from "./components/PlBtnGroup/PlBtnGroup.vue.js";
31
- import { default as re } from "./components/PlEditableTitle/PlEditableTitle.vue.js";
32
- import { default as ae } from "./components/PlTextField/PlTextField.vue.js";
33
- import { default as fe } from "./components/PlSearchField/PlSearchField.vue.js";
34
- import { default as pe } from "./components/PlTextArea/PlTextArea.vue.js";
35
- import { default as ue } from "./components/PlDropdown/PlDropdown.vue.js";
36
- import { default as xe } from "./components/PlDropdownRef/PlDropdownRef.vue.js";
37
- import { default as ne } from "./components/PlDropdownLine/PlDropdownLine.vue.js";
38
- import { default as ce } from "./components/PlDropdownLegacy/PlDropdownLegacy.vue.js";
39
- import { default as ge } from "./components/PlTooltip/PlTooltip.vue.js";
40
- import { default as he } from "./components/PlProgressBar/PlProgressBar.vue.js";
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 Be } from "./components/PlDropdownMulti/PlDropdownMulti.vue.js";
43
- import { default as Le } from "./components/PlDropdownMultiRef/PlDropdownMultiRef.vue.js";
44
- import { default as Ie } from "./components/PlCheckbox/PlCheckbox.vue.js";
45
- import { default as ve } from "./components/PlCheckboxGroup/PlCheckboxGroup.vue.js";
46
- import { default as Oe } from "./components/PlChip/PlChip.vue.js";
47
- import { default as ye } from "./components/PlDialogModal/PlDialogModal.vue.js";
48
- import { default as Fe } from "./components/PlSlideModal/PlSlideModal.vue.js";
49
- import { default as Ve } from "./components/PlToggleSwitch/PlToggleSwitch.vue.js";
50
- import { default as Ne } from "./components/PlLogView/PlLogView.vue.js";
51
- import { default as qe } from "./components/PlTabs/PlTabs.vue.js";
52
- import { default as We } from "./components/PlSectionSeparator/PlSectionSeparator.vue.js";
53
- import { default as Je } from "./components/PlAccordion/PlAccordion.vue.js";
54
- import { default as Ue } from "./components/PlAccordion/PlAccordionSection.vue.js";
55
- import { default as Ye } from "./components/PlStatusTag/PlStatusTag.vue.js";
56
- import { default as _e } from "./components/PlLoaderCircular/PlLoaderCircular.vue.js";
57
- import { default as eo } from "./components/PlSplash/PlSplash.vue.js";
58
- import { default as ro } from "./components/PlProgressCell/PlProgressCell.vue.js";
59
- import { default as ao } from "./components/PlAutocomplete/PlAutocomplete.vue.js";
60
- import { default as fo } from "./components/PlElementList/PlElementList.vue.js";
61
- import { default as po } from "./components/PlFileDialog/PlFileDialog.vue.js";
62
- import { default as uo } from "./components/PlFileInput/PlFileInput.vue.js";
63
- import { default as io } from "./components/PlNotificationAlert/PlNotificationAlert.vue.js";
64
- import { default as Po } from "./components/PlSvg/PlSvg.vue.js";
65
- import { default as So, default as go } from "./components/PlIcon16/PlIcon16.vue.js";
66
- import { default as ho, default as bo } from "./components/PlIcon24/PlIcon24.vue.js";
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 To } from "./components/PlChartStackedBar/PlChartStackedBarCompact.vue.js";
69
- import { default as ko } from "./components/PlChartHistogram/PlChartHistogram.vue.js";
70
- import { default as Mo } from "./components/PlRadio/PlRadio.vue.js";
71
- import { default as Eo } from "./components/PlRadio/PlRadioGroup.vue.js";
72
- import { categoricalColors as Ro, magma as yo, palettes as Ao, viridis as Fo } from "./colors/palette.js";
73
- import { Color as Vo } from "./colors/color.js";
74
- import { Gradient as No, interpolateColor as Ho, normalizeGradient as qo } from "./colors/gradient.js";
75
- import { useElementPosition as Wo } from "./composition/usePosition.js";
76
- import { useClickOutside as Jo } from "./composition/useClickOutside.js";
77
- import { useEventListener as Uo } from "./composition/useEventListener.js";
78
- import { useScroll as Yo } from "./composition/useScroll.js";
79
- import { useResizeObserver as _o } from "./composition/useResizeObserver.js";
80
- import { useTheme as er } from "./composition/useTheme.js";
81
- import { useLocalStorage as rr } from "./composition/useLocalStorage.js";
82
- import { useMouseCapture as ar } from "./composition/useMouseCapture.js";
83
- import { useHover as fr } from "./composition/useHover.js";
84
- import { useMouse as pr } from "./composition/useMouse.js";
85
- import { useSortable as ur } from "./composition/useSortable.js";
86
- import { useSortable2 as xr } from "./composition/useSortable2.js";
87
- import { useInterval as nr } from "./composition/useInterval.js";
88
- import { useFormState as cr } from "./composition/useFormState.js";
89
- import { useQuery as gr } from "./composition/useQuery.js";
90
- import { useDraggable as hr } from "./composition/useDraggable.js";
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 Br } from "./composition/useWatchFetch.js";
93
- import { default as Lr } from "./utils/PlCloseModalBtn.vue.js";
94
- import { default as Ir } from "./utils/DropdownOverlay/DropdownOverlay.vue.js";
95
- import { useLabelNotch as vr } from "./utils/useLabelNotch.js";
96
- import { icons16 as Or } from "./generated/icons-16.js";
97
- import { icons24 as yr } from "./generated/icons-24.js";
98
- import { detectOutside as Fr, eventListener as Gr, getElementScrollPosition as Vr, isElementVisible as zr, scrollIntoView as Nr } from "./helpers/dom.js";
99
- import { animate as qr, animateInfinite as Qr, call as Wr, delay as jr, listToOptions as Jr, makeEaseInOut as Kr, makeEaseOut as Ur, normalizeListOptions as Xr, randomInt as Yr, randomString as Zr, requestTick as _r, throttle as $r, timeout as et } from "./helpers/utils.js";
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
- Vo as Color,
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
- Ir as DropdownOverlay,
108
- No as Gradient,
108
+ vr as DropdownOverlay,
109
+ qo as Gradient,
109
110
  g as LongText,
110
- Je as PlAccordion,
111
- Ue as PlAccordionSection,
112
- V as PlAlert,
113
- ao as PlAutocomplete,
114
- L as PlBlockPage,
115
- W as PlBtnAccent,
116
- J as PlBtnDanger,
117
- Y as PlBtnGhost,
118
- ee as PlBtnGroup,
119
- _ as PlBtnLink,
120
- q as PlBtnPrimary,
121
- U as PlBtnSecondary,
122
- N as PlBtnSplit,
123
- ko as PlChartHistogram,
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
- To as PlChartStackedBarCompact,
126
- Ie as PlCheckbox,
127
- ve as PlCheckboxGroup,
128
- Oe as PlChip,
129
- Lr as PlCloseModalBtn,
130
- I as PlContainer,
131
- ye as PlDialogModal,
132
- ue as PlDropdown,
133
- ce as PlDropdownLegacy,
134
- ne as PlDropdownLine,
135
- Be as PlDropdownMulti,
136
- Le as PlDropdownMultiRef,
137
- xe as PlDropdownRef,
138
- re as PlEditableTitle,
139
- fo as PlElementList,
140
- F as PlErrorBoundary,
141
- po as PlFileDialog,
142
- uo as PlFileInput,
143
- y as PlGrid,
144
- So as PlIcon16,
145
- ho as PlIcon24,
146
- _e as PlLoaderCircular,
147
- Ne as PlLogView,
148
- go as PlMaskIcon16,
149
- bo as PlMaskIcon24,
150
- io as PlNotificationAlert,
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
- he as PlProgressBar,
153
- ro as PlProgressCell,
154
- Mo as PlRadio,
155
- Eo as PlRadioGroup,
156
- v as PlRow,
157
- fe as PlSearchField,
158
- We as PlSectionSeparator,
159
- Fe as PlSlideModal,
160
- O as PlSpacer,
161
- eo as PlSplash,
162
- Ye as PlStatusTag,
163
- Po as PlSvg,
164
- qe as PlTabs,
165
- pe as PlTextArea,
166
- ae as PlTextField,
167
- Ve as PlToggleSwitch,
168
- ge as PlTooltip,
169
- B as Scrollable,
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
- D as SliderRange,
172
+ b as SliderRange,
172
173
  h as SliderRangeTriple,
173
174
  p as ThemeSwitcher,
174
- qr as animate,
175
- Qr as animateInfinite,
176
- Wr as call,
177
- Ro as categoricalColors,
178
- jr as delay,
179
- Fr as detectOutside,
180
- Gr as eventListener,
181
- Vr as getElementScrollPosition,
182
- Or as icons16,
183
- yr as icons24,
184
- Ho as interpolateColor,
185
- zr as isElementVisible,
186
- Jr as listToOptions,
187
- yo as magma,
188
- Kr as makeEaseInOut,
189
- Ur as makeEaseOut,
190
- qo as normalizeGradient,
191
- Xr as normalizeListOptions,
192
- Ao as palettes,
193
- Yr as randomInt,
194
- Zr as randomString,
195
- _r as requestTick,
196
- Nr as scrollIntoView,
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
- $r as throttle,
199
- et as timeout,
200
- Jo as useClickOutside,
199
+ ot as throttle,
200
+ rt as timeout,
201
+ Uo as useClickOutside,
201
202
  Dr as useComponentProp,
202
- hr as useDraggable,
203
- Uo as useEventListener,
204
- cr as useFormState,
205
- fr as useHover,
206
- nr as useInterval,
207
- vr as useLabelNotch,
208
- rr as useLocalStorage,
209
- pr as useMouse,
210
- ar as useMouseCapture,
211
- Wo as usePosition,
212
- gr as useQuery,
213
- _o as useResizeObserver,
214
- Yo as useScroll,
215
- ur as useSortable,
216
- xr as useSortable2,
217
- er as useTheme,
218
- Br as useWatchFetch,
219
- Fo as viridis
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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkJA,MAAMA,IAAW,EAAE,iBAAiBC,EAAkB,EAAA;"}
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":"AA8DA,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;;mBAwEC,GAAG;2BACK,GAAG;oBACV,GAAG;qBACF,GAAG;;AA1FhC,wBAkIK;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":"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 a, useSlots as p, createElementBlock as e, openBlock as o, normalizeClass as r, createVNode as c, unref as _, createElementVNode as n, withDirectives as u, renderSlot as l, withCtx as f } from "vue";
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 m from "../../components/PlSplash/PlSplash.vue.js";
5
- const g = {
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" }, b = { class: "pl-block-page__title__append" }, k = { key: 1 }, h = {
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
- }, w = /* @__PURE__ */ a({
11
- ...h,
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(v) {
18
- const i = p(), s = (t) => {
18
+ setup(T) {
19
+ const d = r(), i = (t) => {
19
20
  t.removeAttribute("title"), t.clientWidth < t.scrollWidth && t.setAttribute("title", t.innerText);
20
- }, d = {
21
- mounted: s,
22
- updated: s
21
+ }, a = {
22
+ mounted: i,
23
+ updated: i
23
24
  };
24
- return (t, B) => (o(), e("div", {
25
- class: r(["pl-layout-component pl-block-page", { noBodyGutters: t.noBodyGutters }])
25
+ return (t, $) => (o(), e("div", {
26
+ class: _(["pl-layout-component pl-block-page", { noBodyGutters: t.noBodyGutters }])
26
27
  }, [
27
- _(i).title ? (o(), e("div", g, [
28
- n("div", y, [
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
- [d]
33
+ [a]
33
34
  ]),
34
35
  l(t.$slots, "after-title")
35
36
  ]),
36
- n("div", b, [
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", k)),
40
- c(m, {
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: f(() => [
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
- w as default
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":";;;;;;kHAEeA,IAAA;AAAA,EACb,MAAM;AACR;;;;;;;;AAQA,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
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,2 @@
1
+ export declare const PlBlockPageTitleTeleportId: string;
2
+ //# sourceMappingURL=PlBlockPageTitleTeleportId.d.ts.map
@@ -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,6 @@
1
+ import { uniqueId as e } from "../../lib/util/helpers/dist/index.js";
2
+ const t = e();
3
+ export {
4
+ t as PlBlockPageTitleTeleportId
5
+ };
6
+ //# sourceMappingURL=PlBlockPageTitleTeleportId.js.map
@@ -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,2 +1,3 @@
1
1
  export { default as PlBlockPage } from './PlBlockPage.vue';
2
+ export * from './usePlBlockPageTitleTeleportTarget';
2
3
  //# sourceMappingURL=index.d.ts.map
@@ -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,2 @@
1
+ export declare function usePlBlockPageTitleTeleportTarget(componentName: string): import('vue').Ref<string | undefined, string | undefined>;
2
+ //# sourceMappingURL=usePlBlockPageTitleTeleportTarget.d.ts.map
@@ -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