@milaboratories/uikit 2.10.27 → 2.10.29

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 (20) hide show
  1. package/.turbo/turbo-build.log +34 -34
  2. package/.turbo/turbo-formatter$colon$check.log +2 -2
  3. package/.turbo/turbo-linter$colon$check.log +2 -2
  4. package/.turbo/turbo-types$colon$check.log +1 -1
  5. package/CHANGELOG.md +13 -0
  6. package/dist/components/PlSearchField/PlSearchField.vue.d.ts +28 -4
  7. package/dist/components/PlSearchField/PlSearchField.vue.d.ts.map +1 -1
  8. package/dist/components/PlSearchField/PlSearchField.vue2.js +40 -30
  9. package/dist/components/PlSearchField/PlSearchField.vue2.js.map +1 -1
  10. package/dist/components/PlTooltip/PlTooltip.vue2.js +13 -13
  11. package/dist/components/PlTooltip/PlTooltip.vue2.js.map +1 -1
  12. package/dist/components/PlTooltip/PlTooltip.vue3.js +11 -11
  13. package/dist/index.js +1 -1
  14. package/package.json +5 -5
  15. package/src/components/PlSearchField/PlSearchField.vue +22 -17
  16. package/src/components/PlTooltip/PlTooltip.vue +5 -5
  17. package/dist/components/PlAccordion/ExpandTransition.vue.js +0 -27
  18. package/dist/components/PlAccordion/ExpandTransition.vue.js.map +0 -1
  19. package/dist/utils/DoubleContour.vue2.js +0 -23
  20. package/dist/utils/DoubleContour.vue2.js.map +0 -1
package/.turbo/turbo-build.log CHANGED
@@ -1,6 +1,6 @@
1
1
   WARN  Issue while reading "/home/runner/_work/platforma/platforma/.npmrc". Failed to replace env in config: ${NPMJS_TOKEN}
2
2
 
3
- > @milaboratories/uikit@2.10.27 build /home/runner/_work/platforma/platforma/lib/ui/uikit
3
+ > @milaboratories/uikit@2.10.29 build /home/runner/_work/platforma/platforma/lib/ui/uikit
4
4
  > ts-builder build --target browser-lib --build-config ./build.browser-lib.config.js
5
5
 
6
6
  Building browser-lib project...
@@ -24,9 +24,9 @@ computing gzip size...
24
24
  dist/layout/PlRow/PlRow.vue2.js  0.10 kB │ gzip: 0.11 kB │ map: 0.10 kB
25
25
  dist/components/PlFileDialog/Local.vue2.js  0.10 kB │ gzip: 0.11 kB │ map: 0.10 kB
26
26
  dist/components/Slider.vue2.js  0.10 kB │ gzip: 0.11 kB │ map: 0.10 kB
27
- dist/components/PlTabs/PlTabs.vue2.js  0.10 kB │ gzip: 0.11 kB │ map: 0.10 kB
28
- dist/layout/PlGrid/PlGrid.vue2.js  0.10 kB │ gzip: 0.11 kB │ map: 0.10 kB
29
27
  dist/components/PlChip/PlChip.vue2.js  0.10 kB │ gzip: 0.11 kB │ map: 0.10 kB
28
+ dist/layout/PlGrid/PlGrid.vue2.js  0.10 kB │ gzip: 0.11 kB │ map: 0.10 kB
29
+ dist/components/PlTabs/PlTabs.vue2.js  0.10 kB │ gzip: 0.11 kB │ map: 0.10 kB
30
30
  dist/components/DataTable/TdCell.vue2.js  0.10 kB │ gzip: 0.11 kB │ map: 0.10 kB
31
31
  dist/components/DataTable/TrHead.vue2.js  0.10 kB │ gzip: 0.11 kB │ map: 0.10 kB
32
32
  dist/components/DataTable/ThCell.vue2.js  0.10 kB │ gzip: 0.11 kB │ map: 0.10 kB
@@ -35,69 +35,69 @@ computing gzip size...
35
35
  dist/components/PlAlert/PlAlert.vue2.js  0.10 kB │ gzip: 0.11 kB │ map: 0.10 kB
36
36
  dist/components/VScroll.vue2.js  0.10 kB │ gzip: 0.11 kB │ map: 0.10 kB
37
37
  dist/components/HScroll.vue2.js  0.10 kB │ gzip: 0.11 kB │ map: 0.10 kB
38
- dist/components/TabItem.vue2.js  0.10 kB │ gzip: 0.11 kB │ map: 0.10 kB
39
38
  dist/components/DataTable/TScroll.vue2.js  0.10 kB │ gzip: 0.11 kB │ map: 0.10 kB
40
39
  dist/base/BtnBase.vue2.js  0.10 kB │ gzip: 0.11 kB │ map: 0.10 kB
40
+ dist/components/TabItem.vue2.js  0.10 kB │ gzip: 0.11 kB │ map: 0.10 kB
41
41
  dist/components/PlSplash/PlSplash.vue2.js  0.10 kB │ gzip: 0.11 kB │ map: 0.10 kB
42
42
  dist/layout/PlSpacer/PlSpacer.vue2.js  0.10 kB │ gzip: 0.11 kB │ map: 0.10 kB
43
- dist/components/PlBtnLink/PlBtnLink.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
44
43
  dist/components/PlLogView/PlLogView.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
44
+ dist/components/PlBtnLink/PlBtnLink.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
45
45
  dist/components/Scrollable.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
46
- dist/components/PlBtnSplit/PlBtnSplit.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
47
- dist/components/PlBtnGhost/PlBtnGhost.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
48
46
  dist/components/PlDropdown/PlDropdown.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
49
- dist/components/PlTextArea/PlTextArea.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
47
+ dist/components/PlBtnGhost/PlBtnGhost.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
50
48
  dist/components/PlCheckbox/PlCheckbox.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
49
+ dist/components/PlBtnSplit/PlBtnSplit.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
50
+ dist/components/PlTextArea/PlTextArea.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
51
51
  dist/components/PlBtnGroup/PlBtnGroup.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
52
- dist/components/PlDropdown/OptionList.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
53
52
  dist/components/InputRange.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
53
+ dist/components/PlDropdown/OptionList.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
54
54
  dist/components/SliderRange.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
55
- dist/components/PlFileInput/PlFileInput.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
55
+ dist/components/PlAccordion/PlAccordion.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
56
+ dist/components/PlTextField/PlTextField.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
56
57
  dist/layout/PlContainer/PlContainer.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
58
+ dist/components/PlFileInput/PlFileInput.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
59
+ dist/components/PlBtnAccent/PlBtnAccent.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
57
60
  dist/components/PlBtnDanger/PlBtnDanger.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
58
- dist/components/PlTextField/PlTextField.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
59
61
  dist/components/PlStatusTag/PlStatusTag.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
60
- dist/components/PlBtnAccent/PlBtnAccent.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
61
- dist/components/PlAccordion/PlAccordion.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
62
62
  dist/components/DataTable/ColumnCaret.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
63
63
  dist/components/PlBtnPrimary/PlBtnPrimary.vue2.js  0.11 kB │ gzip: 0.12 kB │ map: 0.10 kB
64
64
  dist/components/PlFileDialog/PlFileDialog.vue2.js  0.11 kB │ gzip: 0.12 kB │ map: 0.10 kB
65
65
  dist/utils/InnerBorder.vue2.js  0.11 kB │ gzip: 0.12 kB │ map: 0.34 kB
66
66
  dist/components/ThemeSwitcher.vue2.js  0.11 kB │ gzip: 0.12 kB │ map: 0.10 kB
67
+ dist/components/PlProgressBar/PlProgressBar.vue2.js  0.11 kB │ gzip: 0.12 kB │ map: 0.10 kB
67
68
  dist/components/PlNumberField/PlNumberField.vue2.js  0.11 kB │ gzip: 0.12 kB │ map: 0.10 kB
68
69
  dist/components/PlDropdownRef/PlDropdownRef.vue2.js  0.11 kB │ gzip: 0.12 kB │ map: 0.10 kB
69
- dist/components/PlProgressBar/PlProgressBar.vue2.js  0.11 kB │ gzip: 0.12 kB │ map: 0.10 kB
70
70
  dist/components/PlDialogModal/PlDialogModal.vue2.js  0.11 kB │ gzip: 0.12 kB │ map: 0.10 kB
71
+ dist/components/PlAutocomplete/PlAutocomplete.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.10 kB
71
72
  dist/components/PlProgressCell/PlProgressCell.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.10 kB
72
73
  dist/components/DataTable/TableComponent.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.10 kB
73
- dist/components/PlToggleSwitch/PlToggleSwitch.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.10 kB
74
- dist/components/PlAutocomplete/PlAutocomplete.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.10 kB
75
74
  dist/components/PlBtnSecondary/PlBtnSecondary.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.10 kB
75
+ dist/components/PlToggleSwitch/PlToggleSwitch.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.10 kB
76
76
  dist/components/PlDropdownLine/PlDropdownLine.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.10 kB
77
77
  dist/components/PlDropdownLine/ResizableInput.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.10 kB
78
78
  dist/components/PlCheckbox/PlCheckboxBase.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.10 kB
79
79
  dist/components/ContextProvider.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.11 kB
80
80
  dist/components/PlConfirmDialog.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.11 kB
81
- dist/components/PlDropdownMulti/PlDropdownMulti.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.11 kB
82
- dist/components/PlEditableTitle/PlEditableTitle.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.11 kB
83
- dist/utils/DropdownOverlay/DropdownOverlay.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.11 kB
84
81
  dist/components/PlErrorBoundary/PlErrorBoundary.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.11 kB
82
+ dist/utils/DropdownOverlay/DropdownOverlay.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.11 kB
83
+ dist/components/PlEditableTitle/PlEditableTitle.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.11 kB
84
+ dist/components/PlDropdownMulti/PlDropdownMulti.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.11 kB
85
85
  dist/components/PlCheckboxGroup/PlCheckboxGroup.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.11 kB
86
86
  dist/helpers/math.js  0.12 kB │ gzip: 0.13 kB │ map: 0.33 kB
87
87
  dist/components/DataTable/RowsCommandMenu.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.11 kB
88
88
  dist/components/DropdownListItem.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.11 kB
89
89
  dist/components/PlDropdownLegacy/PlDropdownLegacy.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.11 kB
90
- dist/components/PlSlideModal/PlPureSlideModal.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.11 kB
91
90
  dist/components/PlLoaderCircular/PlLoaderCircular.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.11 kB
91
+ dist/components/PlSlideModal/PlPureSlideModal.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.11 kB
92
92
  dist/components/SliderRangeTriple.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.11 kB
93
93
  dist/components/PlSvg/PlSvg.vue3.js  0.12 kB │ gzip: 0.13 kB │ map: 0.10 kB
94
94
  dist/components/DataTable/BaseCellComponent.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.11 kB
95
95
  dist/components/PlDropdownMultiRef/PlDropdownMultiRef.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.11 kB
96
96
  dist/components/DataTable/ColumnsCommandMenu.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.11 kB
97
- dist/components/PlAutocompleteMulti/PlAutocompleteMulti.vue2.js  0.13 kB │ gzip: 0.12 kB │ map: 0.11 kB
98
97
  dist/components/PlNotificationAlert/PlNotificationAlert.vue2.js  0.13 kB │ gzip: 0.12 kB │ map: 0.11 kB
99
- dist/components/PlIcon16/PlIcon16.vue3.js  0.13 kB │ gzip: 0.13 kB │ map: 0.10 kB
98
+ dist/components/PlAutocompleteMulti/PlAutocompleteMulti.vue2.js  0.13 kB │ gzip: 0.12 kB │ map: 0.11 kB
100
99
  dist/components/PlIcon24/PlIcon24.vue3.js  0.13 kB │ gzip: 0.13 kB │ map: 0.10 kB
100
+ dist/components/PlIcon16/PlIcon16.vue3.js  0.13 kB │ gzip: 0.13 kB │ map: 0.10 kB
101
101
  dist/components/TransitionSlidePanel.vue2.js  0.13 kB │ gzip: 0.12 kB │ map: 0.11 kB
102
102
  dist/components/PlRadio/keys.js  0.13 kB │ gzip: 0.13 kB │ map: 0.43 kB
103
103
  dist/components/PlClipboard/PlClipboard.vue3.js  0.13 kB │ gzip: 0.13 kB │ map: 0.10 kB
@@ -118,8 +118,8 @@ computing gzip size...
118
118
  dist/_virtual/_plugin-vue_export-helper.js  0.19 kB │ gzip: 0.17 kB │ map: 0.12 kB
119
119
  dist/components/PlRadio/PlRadioGroup.vue3.js  0.20 kB │ gzip: 0.16 kB │ map: 0.11 kB
120
120
  dist/components/PlSearchField/PlSearchField.vue3.js  0.20 kB │ gzip: 0.16 kB │ map: 0.11 kB
121
- dist/components/PlChartHistogram/PlChartHistogram.vue3.js  0.20 kB │ gzip: 0.16 kB │ map: 0.11 kB
122
121
  dist/components/PlChartStackedBar/PlChartStackedBar.vue3.js  0.20 kB │ gzip: 0.16 kB │ map: 0.11 kB
122
+ dist/components/PlChartHistogram/PlChartHistogram.vue3.js  0.20 kB │ gzip: 0.16 kB │ map: 0.11 kB
123
123
  dist/components/PlSectionSeparator/PlSectionSeparator.vue3.js  0.20 kB │ gzip: 0.16 kB │ map: 0.11 kB
124
124
  dist/helpers/index.js  0.21 kB │ gzip: 0.17 kB │ map: 0.65 kB
125
125
  dist/components/PlElementList/PlElementList.vue3.js  0.22 kB │ gzip: 0.17 kB │ map: 0.11 kB
@@ -177,10 +177,10 @@ computing gzip size...
177
177
  dist/assets/icons/icon-assets-min/16_maximize.svg.js  0.29 kB │ gzip: 0.24 kB │ map: 0.47 kB
178
178
  dist/components/PlSlideModal/PlSlideModal.vue.js  0.29 kB │ gzip: 0.22 kB │ map: 0.11 kB
179
179
  dist/components/PlRadio/PlRadioGroup.vue.js  0.29 kB │ gzip: 0.22 kB │ map: 0.11 kB
180
- dist/components/PlErrorAlert/PlErrorAlert.vue.js  0.29 kB │ gzip: 0.22 kB │ map: 0.11 kB
181
180
  dist/assets/icons/icon-assets-min/16_caret-left.svg.js  0.29 kB │ gzip: 0.24 kB │ map: 0.46 kB
182
181
  dist/assets/icons/icon-assets-min/16_download.svg.js  0.29 kB │ gzip: 0.24 kB │ map: 0.46 kB
183
182
  dist/assets/icons/icon-assets-min/24_linetype-dashed.svg.js  0.29 kB │ gzip: 0.23 kB │ map: 0.48 kB
183
+ dist/components/PlErrorAlert/PlErrorAlert.vue.js  0.29 kB │ gzip: 0.22 kB │ map: 0.11 kB
184
184
  dist/assets/icons/icon-assets-min/24_drag-dots.svg.js  0.29 kB │ gzip: 0.23 kB │ map: 0.46 kB
185
185
  dist/assets/icons/icon-assets-min/16_chevron-up.svg.js  0.29 kB │ gzip: 0.24 kB │ map: 0.47 kB
186
186
  dist/components/PlElementList/PlElementList.vue.js  0.29 kB │ gzip: 0.22 kB │ map: 0.11 kB
@@ -212,10 +212,10 @@ computing gzip size...
212
212
  dist/assets/icons/icon-assets-min/24_text-align-right.svg.js  0.30 kB │ gzip: 0.25 kB │ map: 0.50 kB
213
213
  dist/assets/icons/icon-assets-min/16_checkmark.svg.js  0.30 kB │ gzip: 0.25 kB │ map: 0.48 kB
214
214
  dist/components/PlChartStackedBar/PlChartStackedBar.vue.js  0.30 kB │ gzip: 0.22 kB │ map: 0.11 kB
215
+ dist/components/PlChartStackedBar/StackedRowCompact.vue.js  0.30 kB │ gzip: 0.22 kB │ map: 0.11 kB
216
+ dist/components/PlElementList/PlElementListItem.vue.js  0.30 kB │ gzip: 0.22 kB │ map: 0.11 kB
215
217
  dist/assets/icons/icon-assets-min/16_arrow-up.svg.js  0.30 kB │ gzip: 0.25 kB │ map: 0.48 kB
216
218
  dist/assets/icons/icon-assets-min/24_linetype-twodash.svg.js  0.30 kB │ gzip: 0.25 kB │ map: 0.50 kB
217
- dist/components/PlElementList/PlElementListItem.vue.js  0.30 kB │ gzip: 0.22 kB │ map: 0.11 kB
218
- dist/components/PlChartStackedBar/StackedRowCompact.vue.js  0.30 kB │ gzip: 0.22 kB │ map: 0.11 kB
219
219
  dist/assets/icons/icon-assets-min/24_checkmark.svg.js  0.31 kB │ gzip: 0.25 kB │ map: 0.49 kB
220
220
  dist/assets/icons/icon-assets-min/16_arrow-down.svg.js  0.31 kB │ gzip: 0.25 kB │ map: 0.49 kB
221
221
  dist/assets/icons/icon-assets-min/16_arrow-left.svg.js  0.31 kB │ gzip: 0.24 kB │ map: 0.49 kB
@@ -259,8 +259,8 @@ computing gzip size...
259
259
  dist/layout/PlSpacer/PlSpacer.vue.js  0.35 kB │ gzip: 0.27 kB │ map: 0.53 kB
260
260
  dist/assets/icons/icon-assets-min/24_checkbox.svg.js  0.35 kB │ gzip: 0.26 kB │ map: 0.53 kB
261
261
  dist/assets/icons/icon-assets-min/24_play.svg.js  0.35 kB │ gzip: 0.28 kB │ map: 0.53 kB
262
- dist/components/PlSplash/pl-splash.module.scss.js  0.36 kB │ gzip: 0.22 kB │ map: 0.11 kB
263
262
  dist/components/PlTabs/pl-tabs.module.scss.js  0.36 kB │ gzip: 0.23 kB │ map: 0.11 kB
263
+ dist/components/PlSplash/pl-splash.module.scss.js  0.36 kB │ gzip: 0.22 kB │ map: 0.11 kB
264
264
  dist/assets/icons/icon-assets-min/16_play.svg.js  0.36 kB │ gzip: 0.27 kB │ map: 0.53 kB
265
265
  dist/composition/useMouse.js  0.37 kB │ gzip: 0.24 kB │ map: 0.88 kB
266
266
  dist/assets/icons/icon-assets-min/24_checkbox-checked.svg.js  0.37 kB │ gzip: 0.29 kB │ map: 0.60 kB
@@ -418,8 +418,8 @@ computing gzip size...
418
418
  dist/assets/icons/icon-assets-min/24_filter-on.svg.js  0.62 kB │ gzip: 0.41 kB │ map: 0.81 kB
419
419
  dist/assets/icons/icon-assets-min/16_duplicate.svg.js  0.62 kB │ gzip: 0.39 kB │ map: 0.83 kB
420
420
  dist/assets/icons/icon-assets-min/24_bar-stacked.svg.js  0.62 kB │ gzip: 0.34 kB │ map: 0.83 kB
421
- dist/assets/icons/icon-assets-min/24_file-doc-download.svg.js  0.63 kB │ gzip: 0.38 kB │ map: 0.85 kB
422
421
  dist/composition/useRipple.js  0.63 kB │ gzip: 0.40 kB │ map: 1.70 kB
422
+ dist/assets/icons/icon-assets-min/24_file-doc-download.svg.js  0.63 kB │ gzip: 0.38 kB │ map: 0.85 kB
423
423
  dist/assets/icons/icon-assets-min/24_axes.svg.js  0.63 kB │ gzip: 0.37 kB │ map: 0.81 kB
424
424
  dist/utils/DoubleContour.vue.js  0.63 kB │ gzip: 0.41 kB │ map: 2.22 kB
425
425
  dist/assets/icons/icon-assets-min/24_clipboard.svg.js  0.63 kB │ gzip: 0.37 kB │ map: 0.84 kB
@@ -497,8 +497,8 @@ computing gzip size...
497
497
  dist/assets/icons/icon-assets-min/24_view-show.svg.js  0.93 kB │ gzip: 0.55 kB │ map: 1.11 kB
498
498
  dist/assets/icons/icon-assets-min/24_theme-dark.svg.js  0.94 kB │ gzip: 0.48 kB │ map: 1.12 kB
499
499
  dist/components/PlCheckbox/PlCheckboxBase.vue.js  0.94 kB │ gzip: 0.51 kB │ map: 1.26 kB
500
- dist/components/PlIcon16/PlIcon16.vue2.js  0.95 kB │ gzip: 0.51 kB │ map: 1.87 kB
501
500
  dist/components/PlIcon24/PlIcon24.vue2.js  0.95 kB │ gzip: 0.51 kB │ map: 2.58 kB
501
+ dist/components/PlIcon16/PlIcon16.vue2.js  0.95 kB │ gzip: 0.51 kB │ map: 1.87 kB
502
502
  dist/assets/icons/icon-assets-min/24_dendrogram-X-line.svg.js  0.95 kB │ gzip: 0.39 kB │ map: 1.24 kB
503
503
  dist/components/DataTable/composition/useTableColumns.js  0.97 kB │ gzip: 0.53 kB │ map: 2.89 kB
504
504
  dist/assets/icons/icon-assets-min/24_lasso.svg.js  0.97 kB │ gzip: 0.57 kB │ map: 1.15 kB
@@ -563,7 +563,6 @@ computing gzip size...
563
563
  dist/components/VScroll.vue.js  1.50 kB │ gzip: 0.73 kB │ map: 2.80 kB
564
564
  dist/components/HScroll.vue.js  1.50 kB │ gzip: 0.73 kB │ map: 2.79 kB
565
565
  dist/assets/icons/icon-assets-min/24_social-github.svg.js  1.55 kB │ gzip: 0.87 kB │ map: 1.74 kB
566
- dist/components/PlSearchField/PlSearchField.vue2.js  1.61 kB │ gzip: 0.79 kB │ map: 3.45 kB
567
566
  dist/components/PlNumberField/parseNumber.js  1.61 kB │ gzip: 0.56 kB │ map: 4.43 kB
568
567
  dist/base/BtnBase.vue.js  1.63 kB │ gzip: 0.74 kB │ map: 2.39 kB
569
568
  dist/components/PlTabs/PlTabs.vue.js  1.64 kB │ gzip: 0.81 kB │ map: 3.16 kB
@@ -590,6 +589,7 @@ computing gzip size...
590
589
  dist/components/PlCheckboxGroup/PlCheckboxGroup.vue.js  2.03 kB │ gzip: 0.92 kB │ map: 3.79 kB
591
590
  dist/assets/icons/icon-assets-min/24_bindot.svg.js  2.04 kB │ gzip: 0.38 kB │ map: 2.40 kB
592
591
  dist/components/PlAccordion/PlAccordionSection.vue2.js  2.06 kB │ gzip: 0.93 kB │ map: 3.71 kB
592
+ dist/components/PlSearchField/PlSearchField.vue2.js  2.07 kB │ gzip: 0.95 kB │ map: 3.96 kB
593
593
  dist/components/PlLoaderLogo.vue2.js  2.07 kB │ gzip: 1.14 kB │ map: 2.97 kB
594
594
  dist/assets/icons/icon-assets-min/24_violin-jitter.svg.js  2.08 kB │ gzip: 0.98 kB │ map: 2.29 kB
595
595
  dist/assets/icons/icon-assets-min/24_violin-binned.svg.js  2.11 kB │ gzip: 1.02 kB │ map: 2.32 kB
@@ -619,7 +619,7 @@ computing gzip size...
619
619
  dist/components/PlFileDialog/PlFileDialog.vue.js  3.60 kB │ gzip: 1.41 kB │ map: 6.11 kB
620
620
  dist/composition/useSortable.js  3.68 kB │ gzip: 1.30 kB │ map: 10.89 kB
621
621
  dist/composition/usePollingQuery.js  4.15 kB │ gzip: 1.58 kB │ map: 19.11 kB
622
- dist/components/PlTooltip/PlTooltip.vue2.js  4.24 kB │ gzip: 1.52 kB │ map: 12.02 kB
622
+ dist/components/PlTooltip/PlTooltip.vue2.js  4.24 kB │ gzip: 1.52 kB │ map: 12.01 kB
623
623
  dist/components/PlLogView/PlLogView.vue.js  4.28 kB │ gzip: 1.57 kB │ map: 8.47 kB
624
624
  dist/assets/icons/icon-assets-min/24_heatmap.svg.js  4.38 kB │ gzip: 0.99 kB │ map: 4.68 kB
625
625
  dist/composition/useSortable2.js  4.43 kB │ gzip: 1.50 kB │ map: 13.15 kB
@@ -644,8 +644,8 @@ computing gzip size...
644
644
  dist/demo-site-data/all-css-variables.js  11.47 kB │ gzip: 1.77 kB │ map: 19.30 kB
645
645
  dist/composition/filters/metadata.js  13.39 kB │ gzip: 1.20 kB │ map: 25.54 kB
646
646
  dist/components/PlSvg/PlSvg.vue2.js  39.58 kB │ gzip: 3.39 kB │ map: 12.40 kB
647
- dist/index.js 684.88 kB │ gzip: 226.68 kB │ map: 6.19 kB
648
- [vite:dts] Declaration files built in 6237ms.
647
+ dist/index.js 684.88 kB │ gzip: 226.69 kB │ map: 6.19 kB
648
+ [vite:dts] Declaration files built in 8575ms.
649
649
 
650
- ✓ built in 9.19s
650
+ ✓ built in 13.31s
651
651
  Build completed successfully
package/.turbo/turbo-formatter$colon$check.log CHANGED
@@ -1,6 +1,6 @@
1
1
   WARN  Issue while reading "/home/runner/_work/platforma/platforma/.npmrc". Failed to replace env in config: ${NPMJS_TOKEN}
2
2
 
3
- > @milaboratories/uikit@2.10.27 formatter:check /home/runner/_work/platforma/platforma/lib/ui/uikit
3
+ > @milaboratories/uikit@2.10.29 formatter:check /home/runner/_work/platforma/platforma/lib/ui/uikit
4
4
  > ts-builder formatter --check
5
5
 
6
6
  Checking formatting...
@@ -8,5 +8,5 @@ Checking formatting...
8
8
  Checking formatting...
9
9
 
10
10
  All matched files use the correct format.
11
- Finished in 2957ms on 380 files using 8 threads.
11
+ Finished in 2877ms on 380 files using 8 threads.
12
12
  Format check completed successfully
package/.turbo/turbo-linter$colon$check.log CHANGED
@@ -1,10 +1,10 @@
1
1
   WARN  Issue while reading "/home/runner/_work/platforma/platforma/.npmrc". Failed to replace env in config: ${NPMJS_TOKEN}
2
2
 
3
- > @milaboratories/uikit@2.10.27 linter:check /home/runner/_work/platforma/platforma/lib/ui/uikit
3
+ > @milaboratories/uikit@2.10.29 linter:check /home/runner/_work/platforma/platforma/lib/ui/uikit
4
4
  > ts-builder linter --check
5
5
 
6
6
  Linting project...
7
7
  ↳ oxlint --config /home/runner/_work/platforma/platforma/lib/ui/uikit/.oxlintrc.json --deny-warnings
8
8
  Found 0 warnings and 0 errors.
9
- Finished in 31ms on 307 files with 98 rules using 8 threads.
9
+ Finished in 27ms on 307 files with 98 rules using 8 threads.
10
10
  Linting completed successfully
package/.turbo/turbo-types$colon$check.log CHANGED
@@ -1,6 +1,6 @@
1
1
   WARN  Issue while reading "/home/runner/_work/platforma/platforma/.npmrc". Failed to replace env in config: ${NPMJS_TOKEN}
2
2
 
3
- > @milaboratories/uikit@2.10.27 types:check /home/runner/_work/platforma/platforma/lib/ui/uikit
3
+ > @milaboratories/uikit@2.10.29 types:check /home/runner/_work/platforma/platforma/lib/ui/uikit
4
4
  > ts-builder type-check --target browser-lib
5
5
 
6
6
  ↳ vue-tsc.js --noEmit --project ./tsconfig.json --customConditions ,
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @milaboratories/uikit
2
2
 
3
+ ## 2.10.29
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies [f2daf69]
8
+ - @platforma-sdk/model@1.56.0
9
+
10
+ ## 2.10.28
11
+
12
+ ### Patch Changes
13
+
14
+ - bc16fab: add helper with tooltip for table fast search
15
+
3
16
  ## 2.10.27
4
17
 
5
18
  ### Patch Changes
package/dist/components/PlSearchField/PlSearchField.vue.d.ts CHANGED
@@ -3,14 +3,38 @@ type __VLS_Props = {
3
3
  clearable?: boolean;
4
4
  placeholder?: string;
5
5
  disabled?: boolean;
6
+ helper?: string;
6
7
  };
7
- declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
8
- "update:modelValue": (...args: any[]) => void;
9
- }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
10
- "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
8
+ type __VLS_PublicProps = {
9
+ modelValue: string;
10
+ } & __VLS_Props;
11
+ declare function __VLS_template(): {
12
+ attrs: Partial<{}>;
13
+ slots: Readonly<{
14
+ helper: () => unknown;
15
+ }> & {
16
+ helper: () => unknown;
17
+ };
18
+ refs: {
19
+ root: HTMLDivElement;
20
+ input: HTMLInputElement;
21
+ };
22
+ rootEl: HTMLDivElement;
23
+ };
24
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
25
+ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
26
+ "update:modelValue": (value: string) => any;
27
+ }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
28
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
11
29
  }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
12
30
  root: HTMLDivElement;
13
31
  input: HTMLInputElement;
14
32
  }, HTMLDivElement>;
33
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
15
34
  export default _default;
35
+ type __VLS_WithTemplateSlots<T, S> = T & {
36
+ new (): {
37
+ $slots: S;
38
+ };
39
+ };
16
40
  //# sourceMappingURL=PlSearchField.vue.d.ts.map
package/dist/components/PlSearchField/PlSearchField.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PlSearchField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlSearchField/PlSearchField.vue"],"names":[],"mappings":"AAuGA,KAAK,WAAW,GAAG;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;;;;;;;;;AA8GF,wBASG"}
1
+ {"version":3,"file":"PlSearchField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlSearchField/PlSearchField.vue"],"names":[],"mappings":"AA6GA,KAAK,WAAW,GAAG;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAcF,KAAK,iBAAiB,GAAG;IACzB,UAAU,EAAE,MAAM,CAAC;CAClB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA4FT,OAAO,IAA6B;;gBA9GxC,MAAM,OAAO;;gBAAb,MAAM,OAAO;;;;;;;EAmHtB;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;kBASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
package/dist/components/PlSearchField/PlSearchField.vue2.js CHANGED
@@ -1,49 +1,59 @@
1
- import { defineComponent as f, computed as d, createElementBlock as h, openBlock as r, normalizeClass as c, createVNode as V, withDirectives as k, createBlock as v, createCommentVNode as y, unref as s, createElementVNode as b, vModelText as B, withModifiers as C } from "vue";
2
- import M from "../PlIcon16/PlIcon16.vue.js";
3
- import E from "../PlIcon24/PlIcon24.vue.js";
4
- const N = ["disabled", "placeholder"], F = /* @__PURE__ */ f({
1
+ import { defineComponent as v, mergeModels as k, useModel as y, useSlots as V, computed as s, createElementBlock as b, openBlock as t, normalizeClass as n, createVNode as M, withDirectives as B, createBlock as d, createCommentVNode as c, unref as i, createElementVNode as C, vModelText as N, withModifiers as P, withCtx as S, renderSlot as g, createTextVNode as w, toDisplayString as x } from "vue";
2
+ import E from "../PlIcon16/PlIcon16.vue.js";
3
+ import T from "../PlIcon24/PlIcon24.vue.js";
4
+ import $ from "../PlTooltip/PlTooltip.vue.js";
5
+ const D = ["disabled", "placeholder"], z = /* @__PURE__ */ v({
5
6
  __name: "PlSearchField",
6
- props: {
7
+ props: /* @__PURE__ */ k({
7
8
  modelValue: {},
8
9
  clearable: { type: Boolean },
9
10
  placeholder: {},
10
- disabled: { type: Boolean }
11
- },
11
+ disabled: { type: Boolean },
12
+ helper: {}
13
+ }, {
14
+ modelValue: { required: !0 },
15
+ modelModifiers: {}
16
+ }),
12
17
  emits: ["update:modelValue"],
13
- setup(e, { emit: m }) {
14
- const t = m, a = e, o = d({
15
- get() {
16
- return a.modelValue ?? "";
17
- },
18
- set(l) {
19
- t("update:modelValue", l);
20
- }
21
- }), i = d(() => !!a.modelValue), u = () => t("update:modelValue", "");
22
- return (l, n) => (r(), h("div", {
18
+ setup(a) {
19
+ const e = y(a, "modelValue"), l = a, p = V(), u = s(() => e.value != null && e.value.length > 0), m = s(() => l.helper != null || p.helper != null), h = () => e.value = "";
20
+ return (o, r) => (t(), b("div", {
23
21
  ref: "root",
24
- class: c(["pl-search-field", [l.$style.component]])
22
+ class: n(o.$style.component)
25
23
  }, [
26
- V(s(E), { name: "search" }),
27
- k(b("input", {
24
+ M(i(T), { name: "search" }),
25
+ B(C("input", {
28
26
  ref: "input",
29
- "onUpdate:modelValue": n[0] || (n[0] = (p) => o.value = p),
30
- disabled: e.disabled,
31
- placeholder: e.placeholder || "Find...",
27
+ "onUpdate:modelValue": r[0] || (r[0] = (f) => e.value = f),
28
+ disabled: l.disabled,
29
+ placeholder: l.placeholder || "Find...",
32
30
  type: "text",
33
31
  spellcheck: "false"
34
- }, null, 8, N), [
35
- [B, o.value]
32
+ }, null, 8, D), [
33
+ [N, e.value]
36
34
  ]),
37
- e.clearable && i.value ? (r(), v(s(M), {
35
+ l.clearable && u.value ? (t(), d(i(E), {
38
36
  key: 0,
39
- class: c(l.$style.clear),
37
+ class: n(o.$style.clear),
40
38
  name: "delete-clear",
41
- onClick: C(u, ["stop"])
42
- }, null, 8, ["class"])) : y("", !0)
39
+ onClick: P(h, ["stop"])
40
+ }, null, 8, ["class"])) : c("", !0),
41
+ m.value ? (t(), d($, {
42
+ key: 1,
43
+ class: "info",
44
+ position: "bottom"
45
+ }, {
46
+ tooltip: S(() => [
47
+ g(o.$slots, "helper", {}, () => [
48
+ w(x(l.helper), 1)
49
+ ])
50
+ ]),
51
+ _: 3
52
+ })) : c("", !0)
43
53
  ], 2));
44
54
  }
45
55
  });
46
56
  export {
47
- F as default
57
+ z as default
48
58
  };
49
59
  //# sourceMappingURL=PlSearchField.vue2.js.map
package/dist/components/PlSearchField/PlSearchField.vue2.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PlSearchField.vue2.js","sources":["../../../src/components/PlSearchField/PlSearchField.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlIcon16 } from \"../PlIcon16\";\nimport { PlIcon24 } from \"../PlIcon24\";\nimport { computed } from \"vue\";\n\nconst emit = defineEmits([\"update:modelValue\"]);\n\nconst props = defineProps<{\n modelValue?: string;\n clearable?: boolean;\n placeholder?: string;\n disabled?: boolean;\n}>();\n\nconst value = computed({\n get() {\n return props.modelValue ?? \"\";\n },\n set(v) {\n emit(\"update:modelValue\", v);\n },\n});\n\nconst nonEmpty = computed(() => !!props.modelValue);\n\nconst clear = () => emit(\"update:modelValue\", \"\");\n</script>\n\n<template>\n <div ref=\"root\" class=\"pl-search-field\" :class=\"[$style.component]\">\n <PlIcon24 name=\"search\" />\n <input\n ref=\"input\"\n v-model=\"value\"\n :disabled=\"disabled\"\n :placeholder=\"placeholder || 'Find...'\"\n type=\"text\"\n spellcheck=\"false\"\n />\n <PlIcon16\n v-if=\"clearable && nonEmpty\"\n :class=\"$style.clear\"\n name=\"delete-clear\"\n @click.stop=\"clear\"\n />\n </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n --pl-search-field-border-bottom-color: var(--txt-01);\n --pl-search-field-bg: transparent;\n --pl-search-field-caret-color: auto;\n --pl-search-field-clear-display: none;\n\n position: relative;\n display: flex;\n align-items: center;\n min-height: calc(var(--control-height) - 2px);\n line-height: calc(var(--control-height) - 2px);\n background-color: var(--pl-search-field-bg);\n padding: 0 0 0 0;\n border-bottom: 1px solid var(--pl-search-field-border-bottom-color);\n\n input {\n margin-left: 8px;\n width: 100%;\n height: 20px;\n border: none;\n outline: none;\n background-color: transparent;\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n caret-color: var(--pl-search-field-caret-color);\n }\n\n &:focus-within {\n --pl-search-field-border-bottom-color: var(--txt-focus);\n --pl-search-field-caret-color: var(--border-color-focus);\n --pl-search-field-clear-display: block;\n }\n\n &:hover {\n --pl-search-field-clear-display: block;\n }\n\n .clear {\n --icon-color: var(--ic-02);\n cursor: pointer;\n margin-left: auto;\n display: var(--pl-search-field-clear-display);\n }\n}\n</style>\n"],"names":["emit","__emit","props","__props","value","computed","v","nonEmpty","clear","_createElementBlock","_normalizeClass","$style","_createVNode","_unref","PlIcon24","_createElementVNode","$event","_createBlock","PlIcon16"],"mappings":";;;;;;;;;;;;;AAKA,UAAMA,IAAOC,GAEPC,IAAQC,GAORC,IAAQC,EAAS;AAAA,MACrB,MAAM;AACJ,eAAOH,EAAM,cAAc;AAAA,MAC7B;AAAA,MACA,IAAII,GAAG;AACL,QAAAN,EAAK,qBAAqBM,CAAC;AAAA,MAC7B;AAAA,IAAA,CACD,GAEKC,IAAWF,EAAS,MAAM,CAAC,CAACH,EAAM,UAAU,GAE5CM,IAAQ,MAAMR,EAAK,qBAAqB,EAAE;2BAI9CS,EAgBM,OAAA;AAAA,MAhBD,KAAI;AAAA,MAAO,OAAKC,EAAA,CAAC,mBAAiB,CAAUC,EAAAA,OAAO,SAAS,CAAA,CAAA;AAAA,IAAA;MAC/DC,EAA0BC,EAAAC,CAAA,GAAA,EAAhB,MAAK,UAAQ;AAAA,QACvBC,EAOE,SAAA;AAAA,QANA,KAAI;AAAA,sDACKX,EAAK,QAAAY;AAAA,QACb,UAAUb,EAAA;AAAA,QACV,aAAaA,EAAA,eAAW;AAAA,QACzB,MAAK;AAAA,QACL,YAAW;AAAA,MAAA;YAJFC,EAAA,KAAK;AAAA,MAAA;MAORD,EAAA,aAAaI,EAAA,cADrBU,EAKEJ,EAAAK,CAAA,GAAA;AAAA;QAHC,OAAKR,EAAEC,EAAAA,OAAO,KAAK;AAAA,QACpB,MAAK;AAAA,QACJ,WAAYH,GAAK,CAAA,MAAA,CAAA;AAAA,MAAA;;;;"}
1
+ {"version":3,"file":"PlSearchField.vue2.js","sources":["../../../src/components/PlSearchField/PlSearchField.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlIcon16 } from \"../PlIcon16\";\nimport { PlIcon24 } from \"../PlIcon24\";\nimport { computed } from \"vue\";\nimport PlTooltip from \"../PlTooltip/PlTooltip.vue\";\n\nconst model = defineModel<string>({ required: true });\n\nconst props = defineProps<{\n modelValue?: string;\n clearable?: boolean;\n placeholder?: string;\n disabled?: boolean;\n helper?: string;\n}>();\nconst slots = defineSlots<{\n helper: () => unknown;\n}>();\n\nconst nonEmpty = computed(() => model.value != null && model.value.length > 0);\nconst hasHelper = computed(() => props.helper != null || slots.helper != null);\n\nconst clear = () => (model.value = \"\");\n</script>\n\n<template>\n <div ref=\"root\" :class=\"$style.component\">\n <PlIcon24 name=\"search\" />\n <input\n ref=\"input\"\n v-model=\"model\"\n :disabled=\"props.disabled\"\n :placeholder=\"props.placeholder || 'Find...'\"\n type=\"text\"\n spellcheck=\"false\"\n />\n <PlIcon16\n v-if=\"props.clearable && nonEmpty\"\n :class=\"$style.clear\"\n name=\"delete-clear\"\n @click.stop=\"clear\"\n />\n\n <PlTooltip v-if=\"hasHelper\" class=\"info\" position=\"bottom\">\n <template #tooltip>\n <slot name=\"helper\">\n {{ props.helper }}\n </slot>\n </template>\n </PlTooltip>\n </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n --pl-search-field-border-bottom-color: var(--txt-01);\n --pl-search-field-bg: transparent;\n --pl-search-field-caret-color: auto;\n --pl-search-field-clear-display: none;\n\n position: relative;\n display: flex;\n align-items: center;\n min-height: calc(var(--control-height) - 2px);\n line-height: calc(var(--control-height) - 2px);\n background-color: var(--pl-search-field-bg);\n padding: 0 0 0 0;\n border-bottom: 1px solid var(--pl-search-field-border-bottom-color);\n\n input {\n margin-left: 8px;\n width: 100%;\n height: 20px;\n border: none;\n outline: none;\n background-color: transparent;\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n caret-color: var(--pl-search-field-caret-color);\n }\n\n &:focus-within {\n --pl-search-field-border-bottom-color: var(--txt-focus);\n --pl-search-field-caret-color: var(--border-color-focus);\n --pl-search-field-clear-display: block;\n }\n\n &:hover {\n --pl-search-field-clear-display: block;\n }\n\n .clear {\n --icon-color: var(--ic-02);\n cursor: pointer;\n margin-left: auto;\n display: var(--pl-search-field-clear-display);\n }\n}\n</style>\n"],"names":["model","_useModel","__props","props","slots","_useSlots","nonEmpty","computed","hasHelper","clear","_createElementBlock","_normalizeClass","$style","_createVNode","_unref","PlIcon24","_createElementVNode","$event","_createBlock","PlIcon16","PlTooltip","_renderSlot","_ctx","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,EAAmBC,GAAA,YAAmB,GAE9CC,IAAQD,GAORE,IAAQC,EAAA,GAIRC,IAAWC,EAAS,MAAMP,EAAM,SAAS,QAAQA,EAAM,MAAM,SAAS,CAAC,GACvEQ,IAAYD,EAAS,MAAMJ,EAAM,UAAU,QAAQC,EAAM,UAAU,IAAI,GAEvEK,IAAQ,MAAOT,EAAM,QAAQ;2BAIjCU,EAwBM,OAAA;AAAA,MAxBD,KAAI;AAAA,MAAQ,OAAKC,EAAEC,EAAAA,OAAO,SAAS;AAAA,IAAA;MACtCC,EAA0BC,EAAAC,CAAA,GAAA,EAAhB,MAAK,UAAQ;AAAA,QACvBC,EAOE,SAAA;AAAA,QANA,KAAI;AAAA,sDACKhB,EAAK,QAAAiB;AAAA,QACb,UAAUd,EAAM;AAAA,QAChB,aAAaA,EAAM,eAAW;AAAA,QAC/B,MAAK;AAAA,QACL,YAAW;AAAA,MAAA;YAJFH,EAAA,KAAK;AAAA,MAAA;MAORG,EAAM,aAAaG,EAAA,cAD3BY,EAKEJ,EAAAK,CAAA,GAAA;AAAA;QAHC,OAAKR,EAAEC,EAAAA,OAAO,KAAK;AAAA,QACpB,MAAK;AAAA,QACJ,WAAYH,GAAK,CAAA,MAAA,CAAA;AAAA,MAAA;MAGHD,EAAA,cAAjBU,EAMYE,GAAA;AAAA;QANgB,OAAM;AAAA,QAAO,UAAS;AAAA,MAAA;QACrC,WACT,MAEO;AAAA,UAFPC,EAEOC,wBAFP,MAEO;AAAA,YADFC,EAAAC,EAAArB,EAAM,MAAM,GAAA,CAAA;AAAA,UAAA;;;;;;;"}
package/dist/components/PlTooltip/PlTooltip.vue2.js CHANGED
@@ -1,8 +1,8 @@
1
- import { defineComponent as B, useCssVars as M, reactive as D, watch as h, ref as T, onUnmounted as N, createBlock as $, openBlock as k, resolveDynamicComponent as O, mergeProps as E, withCtx as C, renderSlot as b, createVNode as S, Transition as V, createCommentVNode as W, Teleport as q, createElementVNode as i, normalizeStyle as z, normalizeClass as a, withModifiers as A } from "vue";
2
- import { delay as L, timeout as P } from "../../helpers/utils.js";
3
- import { useClickOutside as R } from "../../composition/useClickOutside.js";
1
+ import { defineComponent as B, useCssVars as w, reactive as D, watch as h, ref as T, onUnmounted as N, createBlock as $, openBlock as k, resolveDynamicComponent as O, mergeProps as E, withCtx as C, renderSlot as b, createVNode as S, Transition as V, createCommentVNode as W, Teleport as q, createElementVNode as i, normalizeStyle as z, normalizeClass as a, withModifiers as A } from "vue";
2
+ import { uniqueId as L } from "@milaboratories/helpers";
4
3
  import { tMap as f } from "./global.js";
5
- import { uniqueId as F } from "@milaboratories/helpers";
4
+ import { delay as P, timeout as R } from "../../helpers/utils.js";
5
+ import { useClickOutside as F } from "../../composition/useClickOutside.js";
6
6
  const I = {
7
7
  name: "PlTooltip"
8
8
  }, J = /* @__PURE__ */ B({
@@ -21,10 +21,10 @@ const I = {
21
21
  },
22
22
  emits: ["tooltip:close"],
23
23
  setup(l, { emit: g }) {
24
- M((e) => ({
25
- v0a45635a: v
24
+ w((e) => ({
25
+ v0ef0814d: v
26
26
  }));
27
- const w = g, r = Symbol(), o = l, t = D({
27
+ const M = g, r = Symbol(), o = l, t = D({
28
28
  open: !1,
29
29
  over: !1,
30
30
  tooltipOpen: !1,
@@ -45,11 +45,11 @@ const I = {
45
45
  for (const [e, n] of f.entries())
46
46
  e !== r && n();
47
47
  }, s = () => {
48
- t.open = !1, w("tooltip:close");
48
+ t.open = !1, M("tooltip:close");
49
49
  }, p = async () => {
50
- o.hide || !o.hoverable || (t.over = !0, d(), await L(o.openDelay ?? 100), t.over && m());
50
+ o.hide || !o.hoverable || (t.over = !0, d(), await P(o.openDelay ?? 100), t.over && m());
51
51
  }, u = () => {
52
- o.hoverable && (t.over = !1, d = P(() => {
52
+ o.hoverable && (t.over = !1, d = R(() => {
53
53
  t.over || s();
54
54
  }, o.closeDelay));
55
55
  };
@@ -60,10 +60,10 @@ const I = {
60
60
  }
61
61
  );
62
62
  const c = T(), y = T();
63
- R([c, y], () => s()), N(() => {
63
+ F([c, y], () => s()), N(() => {
64
64
  f.delete(r);
65
65
  });
66
- const v = `--anchor-${F()}`;
66
+ const v = `--anchor-${L()}`;
67
67
  return (e, n) => (k(), $(O(l.element), E({
68
68
  class: e.$style.plTooltipAnchorWrapper
69
69
  }, e.$attrs, {
@@ -96,7 +96,7 @@ const I = {
96
96
  "--anchorName": v,
97
97
  "--gap": l.gap + "px",
98
98
  "--offsetToTheEdge": l.offsetToTheEdge + "px",
99
- "--pl-tooltip-max-width": l.maxWidth
99
+ "--plTooltipMaxWidth": l.maxWidth
100
100
  })
101
101
  }, [
102
102
  i("div", {
package/dist/components/PlTooltip/PlTooltip.vue2.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PlTooltip.vue2.js","sources":["../../../src/components/PlTooltip/PlTooltip.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Simple tooltip on mouseover */\nexport default {\n name: \"PlTooltip\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { onUnmounted, reactive, ref, watch } from \"vue\";\nimport * as utils from \"../../helpers/utils\";\nimport { useClickOutside } from \"../../composition/useClickOutside\";\nimport { tMap } from \"./global\";\nimport { uniqueId } from \"@milaboratories/helpers\";\n\nconst emit = defineEmits([\"tooltip:close\"]);\n\nconst tKey = Symbol();\n\nconst props = withDefaults(\n defineProps<{\n /**\n * delay in milliseconds before the tooltip opens\n */\n openDelay?: number;\n /**\n * delay in milliseconds before the tooltip disappears\n */\n closeDelay?: number;\n /**\n * Tooltip position\n */\n position?: \"top\" | \"left\" | \"bottom\" | \"right\" | \"top-left\";\n /**\n * external prop to hide tooltips\n */\n hide?: boolean;\n /**\n * The gap in pixels between the tooltip and the target element\n */\n gap?: number;\n\n /**\n * The minimum offset in pixels from the edge of the screen to the tooltip\n */\n offsetToTheEdge?: number;\n /**\n * base html element for tooltip\n */\n element?: \"div\" | \"span\" | \"a\" | \"p\" | \"h1\" | \"h2\" | \"h3\";\n /**\n * Max width (css value) of the tooltip container (default is 300px)\n */\n maxWidth?: string;\n /**\n * The container to insert the tooltip to (body by default)\n */\n container?: \"body\" | HTMLElement;\n /**\n * Whether the tooltip is shown on hover (default is true); otherwise, it is shown when hide is set to false\n */\n hoverable?: boolean;\n }>(),\n {\n openDelay: 100,\n closeDelay: 1000,\n gap: 8,\n offsetToTheEdge: 8,\n position: \"top\",\n element: \"div\",\n maxWidth: \"300px\",\n container: \"body\",\n hoverable: true,\n },\n);\n\nconst data = reactive({\n open: false,\n over: false,\n tooltipOpen: false,\n key: Symbol(),\n});\n\ntMap.set(tKey, () => closeTooltip());\n\n// Hook to avoid the need to immediately teleport into the body (better performance)\nwatch(\n () => data.open,\n (v) => {\n requestAnimationFrame(() => {\n data.tooltipOpen = v;\n });\n },\n);\n\nlet clearTimeout = () => {};\n\nconst showTooltip = () => {\n data.open = true;\n\n for (const [k, f] of tMap.entries()) {\n if (k !== tKey) {\n f();\n }\n }\n};\n\nconst closeTooltip = () => {\n data.open = false;\n emit(\"tooltip:close\");\n};\n\nconst onOver = async () => {\n if (props.hide || !props.hoverable) {\n return;\n }\n\n data.over = true;\n\n clearTimeout();\n\n await utils.delay(props.openDelay ?? 100);\n\n if (data.over) {\n showTooltip();\n }\n};\n\nconst onLeave = () => {\n if (!props.hoverable) {\n return;\n }\n\n data.over = false;\n clearTimeout = utils.timeout(() => {\n if (!data.over) {\n closeTooltip();\n }\n }, props.closeDelay);\n};\n\nwatch(\n () => props.hide,\n (hide) => {\n if (hide) {\n closeTooltip();\n } else if (!props.hoverable) {\n showTooltip();\n }\n },\n);\n\nconst rootRef = ref<HTMLElement | undefined>();\nconst tooltip = ref<HTMLElement | undefined>();\n\nuseClickOutside([rootRef, tooltip], () => closeTooltip());\n\nonUnmounted(() => {\n tMap.delete(tKey);\n});\nconst anchorName = `--anchor-${uniqueId()}`;\n</script>\n\n<template>\n <component\n :class=\"$style.plTooltipAnchorWrapper\"\n :is=\"element\"\n v-bind=\"$attrs\"\n ref=\"rootRef\"\n @click=\"onOver\"\n @mouseover=\"onOver\"\n @mouseleave=\"onLeave\"\n >\n <!-- anchor element here -->\n <slot />\n <Transition name=\"pl-tooltip-fade\">\n <Teleport v-if=\"$slots['tooltip'] && data.tooltipOpen\" :to=\"container\">\n <div\n :class=\"[\n $style.plTooltipContainer,\n {\n [$style.top]: props.position === 'top',\n [$style.bottom]: props.position === 'bottom',\n [$style.left]: props.position === 'left',\n [$style.right]: props.position === 'right',\n [$style.topLeft]: props.position === 'top-left',\n },\n ]\"\n :style=\"{\n '--anchorName': anchorName,\n '--gap': gap + 'px',\n '--offsetToTheEdge': offsetToTheEdge + 'px',\n '--pl-tooltip-max-width': maxWidth,\n }\"\n >\n <div :class=\"$style.plTooltipBox\" @click.stop>\n <div\n ref=\"tooltip\"\n :class=\"[$style.plTooltipContent, position]\"\n @mouseover=\"onOver\"\n @mouseleave=\"onLeave\"\n >\n <!-- should be one line -->\n <div><slot name=\"tooltip\" /></div>\n </div>\n </div>\n <div :class=\"$style.plTooltipBeak\" />\n </div>\n </Teleport>\n </Transition>\n </component>\n</template>\n\n<style module>\n.plTooltipAnchorWrapper {\n display: inline-block;\n}\n/* just to set anchor-name for the anchor */\n.plTooltipAnchorWrapper > :first-child {\n --anchorName: v-bind(\"anchorName\");\n anchor-name: var(--anchorName);\n}\n\n.plTooltipAnchorWrapper:global(.info) {\n --anchorName: v-bind(\"anchorName\");\n anchor-name: var(--anchorName);\n}\n\n.plTooltipContainer {\n --pl-tooltip-max-width: 300px;\n --gap: 8px;\n --tailWidth: 8px;\n --tailHeight: calc(var(--gap) + 2px);\n\n --tailClipTop: polygon(\n 0 0,\n 100% 0,\n 100% calc(100% - var(--gap)),\n 50% calc(100% - 3px),\n 0 calc(100% - var(--gap))\n );\n --tailClipBottom: polygon(0 100%, 100% 100%, 100% var(--gap), 50% 3px, 0 var(--gap));\n --tailClipLeft: polygon(0 0, 0 100%, 2px 100%, calc(100% - 3px) 50%, 2px 0);\n --tailClipRight: polygon(100% 0, 100% 100%, calc(100% - 2px) 100%, 3px 50%, calc(100% - 2px) 0);\n\n z-index: var(--z-tooltip);\n}\n\n.plTooltipContent {\n display: inline-block;\n padding: 8px 12px 9px 12px;\n background: var(--tooltip-bg);\n border-radius: 6px;\n width: max-content;\n word-break: normal;\n max-width: var(--pl-tooltip-max-width);\n color: #fff;\n}\n\n.plTooltipBox {\n position: absolute;\n position-anchor: var(--anchorName);\n z-index: 1;\n}\n\n.plTooltipBeak {\n position: absolute;\n position-anchor: var(--anchorName);\n z-index: 0;\n background: var(--tooltip-bg);\n width: var(--tailWidth);\n height: var(--tailHeight);\n}\n\n/* top */\n.plTooltipContainer.top .plTooltipBox {\n position-area: top;\n bottom: var(--gap);\n left: var(--offsetToTheEdge);\n right: var(--offsetToTheEdge);\n}\n.plTooltipContainer.top .plTooltipBeak {\n position-area: top;\n bottom: 0;\n left: calc(anchor(var(--anchorName) center) - var(--tailWidth) / 2);\n clip-path: var(--tailClipTop);\n}\n\n/* bottom */\n.plTooltipContainer.bottom .plTooltipBox {\n position-area: bottom;\n top: var(--gap);\n left: var(--offsetToTheEdge);\n right: var(--offsetToTheEdge);\n}\n.plTooltipContainer.bottom .plTooltipBeak {\n position-area: bottom;\n top: 0;\n left: calc(anchor(var(--anchorName) center) - var(--tailWidth) / 2);\n clip-path: var(--tailClipBottom);\n}\n\n/* left */\n.plTooltipContainer.left .plTooltipBox {\n position-area: left;\n right: var(--gap);\n top: var(--offsetToTheEdge);\n bottom: var(--offsetToTheEdge);\n}\n\n.plTooltipContainer.left .plTooltipBeak {\n position-area: left;\n right: 0;\n top: calc(anchor(var(--anchorName) center) - var(--tailWidth) / 2);\n width: var(--tailHeight);\n height: var(--tailWidth);\n clip-path: var(--tailClipLeft);\n}\n\n/* right */\n.plTooltipContainer.right .plTooltipBox {\n position-area: right;\n left: var(--gap);\n top: var(--offsetToTheEdge);\n bottom: var(--offsetToTheEdge);\n}\n\n.plTooltipContainer.right .plTooltipBeak {\n position-area: right;\n left: 0;\n top: calc(anchor(var(--anchorName) center) - var(--tailWidth) / 2);\n width: var(--tailHeight);\n height: var(--tailWidth);\n clip-path: var(--tailClipRight);\n}\n\n/* top left */\n.plTooltipContainer.topLeft .plTooltipBox {\n position-area: top;\n bottom: var(--gap);\n left: anchor(var(--anchorName) left);\n}\n.plTooltipContainer.topLeft .plTooltipBeak {\n position-area: top;\n bottom: 0;\n left: calc(anchor(var(--anchorName) center) - var(--tailWidth) / 2);\n clip-path: var(--tailClipTop);\n}\n\n:global(.pl-tooltip-fade-leave-active),\n:global(.pl-tooltip-fade-enter-active) {\n z-index: var(--z-tooltip);\n transition: opacity 0.2s ease-in-out;\n}\n:global(.pl-tooltip-fade-enter-from),\n:global(.pl-tooltip-fade-leave-to) {\n opacity: 0;\n}\n\n.plTooltipContent a {\n color: var(--tooltip-link-color);\n}\n\n.plTooltipContent p {\n margin-bottom: 8px;\n}\n\n.plTooltipContent ul,\n.plTooltipContent li {\n margin-left: 6px;\n padding-left: 6px;\n}\n\n.plTooltipContent li {\n margin-bottom: 4px;\n}\n</style>\n"],"names":["__default__","emit","__emit","tKey","props","__props","data","reactive","tMap","closeTooltip","watch","v","clearTimeout","showTooltip","k","f","onOver","utils.delay","onLeave","utils.timeout","hide","rootRef","ref","tooltip","useClickOutside","onUnmounted","anchorName","uniqueId","_createBlock","_resolveDynamicComponent","_mergeProps","$style","$attrs","_renderSlot","_ctx","_createVNode","_Transition","$slots","_Teleport","_createElementVNode","_normalizeClass","_normalizeStyle"],"mappings":"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"}
1
+ {"version":3,"file":"PlTooltip.vue2.js","sources":["../../../src/components/PlTooltip/PlTooltip.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Simple tooltip on mouseover */\nexport default {\n name: \"PlTooltip\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { uniqueId } from \"@milaboratories/helpers\";\nimport { onUnmounted, reactive, ref, watch } from \"vue\";\nimport { tMap } from \"./global\";\nimport * as utils from \"../../helpers/utils\";\nimport { useClickOutside } from \"../../composition/useClickOutside\";\n\nconst emit = defineEmits([\"tooltip:close\"]);\n\nconst tKey = Symbol();\n\nconst props = withDefaults(\n defineProps<{\n /**\n * delay in milliseconds before the tooltip opens\n */\n openDelay?: number;\n /**\n * delay in milliseconds before the tooltip disappears\n */\n closeDelay?: number;\n /**\n * Tooltip position\n */\n position?: \"top\" | \"left\" | \"bottom\" | \"right\" | \"top-left\";\n /**\n * external prop to hide tooltips\n */\n hide?: boolean;\n /**\n * The gap in pixels between the tooltip and the target element\n */\n gap?: number;\n\n /**\n * The minimum offset in pixels from the edge of the screen to the tooltip\n */\n offsetToTheEdge?: number;\n /**\n * base html element for tooltip\n */\n element?: \"div\" | \"span\" | \"a\" | \"p\" | \"h1\" | \"h2\" | \"h3\";\n /**\n * Max width (css value) of the tooltip container (default is 300px)\n */\n maxWidth?: string;\n /**\n * The container to insert the tooltip to (body by default)\n */\n container?: \"body\" | HTMLElement;\n /**\n * Whether the tooltip is shown on hover (default is true); otherwise, it is shown when hide is set to false\n */\n hoverable?: boolean;\n }>(),\n {\n openDelay: 100,\n closeDelay: 1000,\n gap: 8,\n offsetToTheEdge: 8,\n position: \"top\",\n element: \"div\",\n maxWidth: \"300px\",\n container: \"body\",\n hoverable: true,\n },\n);\n\nconst data = reactive({\n open: false,\n over: false,\n tooltipOpen: false,\n key: Symbol(),\n});\n\ntMap.set(tKey, () => closeTooltip());\n\n// Hook to avoid the need to immediately teleport into the body (better performance)\nwatch(\n () => data.open,\n (v) => {\n requestAnimationFrame(() => {\n data.tooltipOpen = v;\n });\n },\n);\n\nlet clearTimeout = () => {};\n\nconst showTooltip = () => {\n data.open = true;\n\n for (const [k, f] of tMap.entries()) {\n if (k !== tKey) {\n f();\n }\n }\n};\n\nconst closeTooltip = () => {\n data.open = false;\n emit(\"tooltip:close\");\n};\n\nconst onOver = async () => {\n if (props.hide || !props.hoverable) {\n return;\n }\n\n data.over = true;\n\n clearTimeout();\n\n await utils.delay(props.openDelay ?? 100);\n\n if (data.over) {\n showTooltip();\n }\n};\n\nconst onLeave = () => {\n if (!props.hoverable) {\n return;\n }\n\n data.over = false;\n clearTimeout = utils.timeout(() => {\n if (!data.over) {\n closeTooltip();\n }\n }, props.closeDelay);\n};\n\nwatch(\n () => props.hide,\n (hide) => {\n if (hide) {\n closeTooltip();\n } else if (!props.hoverable) {\n showTooltip();\n }\n },\n);\n\nconst rootRef = ref<HTMLElement | undefined>();\nconst tooltip = ref<HTMLElement | undefined>();\n\nuseClickOutside([rootRef, tooltip], () => closeTooltip());\n\nonUnmounted(() => {\n tMap.delete(tKey);\n});\nconst anchorName = `--anchor-${uniqueId()}`;\n</script>\n\n<template>\n <component\n :class=\"$style.plTooltipAnchorWrapper\"\n :is=\"element\"\n v-bind=\"$attrs\"\n ref=\"rootRef\"\n @click=\"onOver\"\n @mouseover=\"onOver\"\n @mouseleave=\"onLeave\"\n >\n <!-- anchor element here -->\n <slot />\n <Transition name=\"pl-tooltip-fade\">\n <Teleport v-if=\"$slots['tooltip'] && data.tooltipOpen\" :to=\"container\">\n <div\n :class=\"[\n $style.plTooltipContainer,\n {\n [$style.top]: props.position === 'top',\n [$style.bottom]: props.position === 'bottom',\n [$style.left]: props.position === 'left',\n [$style.right]: props.position === 'right',\n [$style.topLeft]: props.position === 'top-left',\n },\n ]\"\n :style=\"{\n '--anchorName': anchorName,\n '--gap': gap + 'px',\n '--offsetToTheEdge': offsetToTheEdge + 'px',\n '--plTooltipMaxWidth': maxWidth,\n }\"\n >\n <div :class=\"$style.plTooltipBox\" @click.stop>\n <div\n ref=\"tooltip\"\n :class=\"[$style.plTooltipContent, position]\"\n @mouseover=\"onOver\"\n @mouseleave=\"onLeave\"\n >\n <!-- should be one line -->\n <div><slot name=\"tooltip\" /></div>\n </div>\n </div>\n <div :class=\"$style.plTooltipBeak\" />\n </div>\n </Teleport>\n </Transition>\n </component>\n</template>\n\n<style module>\n.plTooltipAnchorWrapper {\n display: inline-block;\n}\n/* just to set anchor-name for the anchor */\n.plTooltipAnchorWrapper > :first-child {\n --anchorName: v-bind(\"anchorName\");\n anchor-name: var(--anchorName);\n}\n\n.plTooltipAnchorWrapper:global(.info) {\n --anchorName: v-bind(\"anchorName\");\n anchor-name: var(--anchorName);\n}\n\n.plTooltipContainer {\n --plTooltipMaxWidth: 300px;\n --gap: 8px;\n --tailWidth: 8px;\n --tailHeight: calc(var(--gap) + 2px);\n\n --tailClipTop: polygon(\n 0 0,\n 100% 0,\n 100% calc(100% - var(--gap)),\n 50% calc(100% - 3px),\n 0 calc(100% - var(--gap))\n );\n --tailClipBottom: polygon(0 100%, 100% 100%, 100% var(--gap), 50% 3px, 0 var(--gap));\n --tailClipLeft: polygon(0 0, 0 100%, 2px 100%, calc(100% - 3px) 50%, 2px 0);\n --tailClipRight: polygon(100% 0, 100% 100%, calc(100% - 2px) 100%, 3px 50%, calc(100% - 2px) 0);\n\n z-index: var(--z-tooltip);\n}\n\n.plTooltipContent {\n display: inline-block;\n padding: 8px 12px 9px 12px;\n background: var(--tooltip-bg);\n border-radius: 6px;\n width: max-content;\n word-break: normal;\n max-width: var(--plTooltipMaxWidth);\n color: #fff;\n}\n\n.plTooltipBox {\n position: absolute;\n position-anchor: var(--anchorName);\n z-index: 1;\n}\n\n.plTooltipBeak {\n position: absolute;\n position-anchor: var(--anchorName);\n z-index: 0;\n background: var(--tooltip-bg);\n width: var(--tailWidth);\n height: var(--tailHeight);\n}\n\n/* top */\n.plTooltipContainer.top .plTooltipBox {\n position-area: top;\n bottom: var(--gap);\n left: var(--offsetToTheEdge);\n right: var(--offsetToTheEdge);\n}\n.plTooltipContainer.top .plTooltipBeak {\n position-area: top;\n bottom: 0;\n left: calc(anchor(var(--anchorName) center) - var(--tailWidth) / 2);\n clip-path: var(--tailClipTop);\n}\n\n/* bottom */\n.plTooltipContainer.bottom .plTooltipBox {\n position-area: bottom;\n top: var(--gap);\n left: var(--offsetToTheEdge);\n right: var(--offsetToTheEdge);\n}\n.plTooltipContainer.bottom .plTooltipBeak {\n position-area: bottom;\n top: 0;\n left: calc(anchor(var(--anchorName) center) - var(--tailWidth) / 2);\n clip-path: var(--tailClipBottom);\n}\n\n/* left */\n.plTooltipContainer.left .plTooltipBox {\n position-area: left;\n right: var(--gap);\n top: var(--offsetToTheEdge);\n bottom: var(--offsetToTheEdge);\n}\n\n.plTooltipContainer.left .plTooltipBeak {\n position-area: left;\n right: 0;\n top: calc(anchor(var(--anchorName) center) - var(--tailWidth) / 2);\n width: var(--tailHeight);\n height: var(--tailWidth);\n clip-path: var(--tailClipLeft);\n}\n\n/* right */\n.plTooltipContainer.right .plTooltipBox {\n position-area: right;\n left: var(--gap);\n top: var(--offsetToTheEdge);\n bottom: var(--offsetToTheEdge);\n}\n\n.plTooltipContainer.right .plTooltipBeak {\n position-area: right;\n left: 0;\n top: calc(anchor(var(--anchorName) center) - var(--tailWidth) / 2);\n width: var(--tailHeight);\n height: var(--tailWidth);\n clip-path: var(--tailClipRight);\n}\n\n/* top left */\n.plTooltipContainer.topLeft .plTooltipBox {\n position-area: top;\n bottom: var(--gap);\n left: anchor(var(--anchorName) left);\n}\n.plTooltipContainer.topLeft .plTooltipBeak {\n position-area: top;\n bottom: 0;\n left: calc(anchor(var(--anchorName) center) - var(--tailWidth) / 2);\n clip-path: var(--tailClipTop);\n}\n\n:global(.pl-tooltip-fade-leave-active),\n:global(.pl-tooltip-fade-enter-active) {\n z-index: var(--z-tooltip);\n transition: opacity 0.2s ease-in-out;\n}\n:global(.pl-tooltip-fade-enter-from),\n:global(.pl-tooltip-fade-leave-to) {\n opacity: 0;\n}\n\n.plTooltipContent a {\n color: var(--tooltip-link-color);\n}\n\n.plTooltipContent p {\n margin-bottom: 8px;\n}\n\n.plTooltipContent ul,\n.plTooltipContent li {\n margin-left: 6px;\n padding-left: 6px;\n}\n\n.plTooltipContent li {\n margin-bottom: 4px;\n}\n</style>\n"],"names":["__default__","emit","__emit","tKey","props","__props","data","reactive","tMap","closeTooltip","watch","v","clearTimeout","showTooltip","k","f","onOver","utils.delay","onLeave","utils.timeout","hide","rootRef","ref","tooltip","useClickOutside","onUnmounted","anchorName","uniqueId","_createBlock","_resolveDynamicComponent","_mergeProps","$style","$attrs","_renderSlot","_ctx","_createVNode","_Transition","$slots","_Teleport","_createElementVNode","_normalizeClass","_normalizeStyle"],"mappings":"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"}