@milaboratories/uikit 2.10.23 → 2.10.25

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.
@@ -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.23 build /home/runner/_work/platforma/platforma/lib/ui/uikit
3
+ > @milaboratories/uikit@2.10.25 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,8 +24,8 @@ 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
27
  dist/components/PlChip/PlChip.vue2.js  0.10 kB │ gzip: 0.11 kB │ map: 0.10 kB
28
+ dist/components/PlTabs/PlTabs.vue2.js  0.10 kB │ gzip: 0.11 kB │ map: 0.10 kB
29
29
  dist/layout/PlGrid/PlGrid.vue2.js  0.10 kB │ gzip: 0.11 kB │ map: 0.10 kB
30
30
  dist/components/PlFileDialog/Remote.vue2.js  0.10 kB │ gzip: 0.11 kB │ map: 0.10 kB
31
31
  dist/components/DataTable/TdCell.vue2.js  0.10 kB │ gzip: 0.11 kB │ map: 0.10 kB
@@ -36,60 +36,60 @@ computing gzip size...
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
38
  dist/base/BtnBase.vue2.js  0.10 kB │ gzip: 0.11 kB │ map: 0.10 kB
39
- dist/components/TabItem.vue2.js  0.10 kB │ gzip: 0.11 kB │ map: 0.10 kB
40
39
  dist/components/DataTable/TScroll.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
43
  dist/components/PlBtnLink/PlBtnLink.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
44
44
  dist/components/PlTooltip/PlTooltip.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
45
45
  dist/components/PlLogView/PlLogView.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
46
46
  dist/components/Scrollable.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
47
+ dist/components/PlBtnGroup/PlBtnGroup.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
47
48
  dist/components/PlBtnGhost/PlBtnGhost.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
48
49
  dist/components/PlCheckbox/PlCheckbox.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
49
50
  dist/components/PlDropdown/PlDropdown.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
50
- dist/components/PlBtnSplit/PlBtnSplit.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
51
- dist/components/PlBtnGroup/PlBtnGroup.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
52
51
  dist/components/PlTextArea/PlTextArea.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
52
+ dist/components/PlBtnSplit/PlBtnSplit.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
53
53
  dist/components/InputRange.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
54
54
  dist/components/PlDropdown/OptionList.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
55
55
  dist/components/SliderRange.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
56
- dist/components/PlBtnAccent/PlBtnAccent.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
57
56
  dist/components/PlAccordion/PlAccordion.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
58
- dist/layout/PlContainer/PlContainer.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
59
57
  dist/components/PlBtnDanger/PlBtnDanger.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
60
- dist/components/PlTextField/PlTextField.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
61
58
  dist/components/PlFileInput/PlFileInput.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
59
+ dist/components/PlTextField/PlTextField.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
62
61
  dist/components/PlStatusTag/PlStatusTag.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
62
+ dist/layout/PlContainer/PlContainer.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
63
63
  dist/components/DataTable/ColumnCaret.vue2.js  0.11 kB │ gzip: 0.11 kB │ map: 0.10 kB
64
- dist/components/PlBtnPrimary/PlBtnPrimary.vue2.js  0.11 kB │ gzip: 0.12 kB │ map: 0.10 kB
65
64
  dist/components/PlFileDialog/PlFileDialog.vue2.js  0.11 kB │ gzip: 0.12 kB │ map: 0.10 kB
65
+ dist/components/PlBtnPrimary/PlBtnPrimary.vue2.js  0.11 kB │ gzip: 0.12 kB │ map: 0.10 kB
66
66
  dist/utils/InnerBorder.vue2.js  0.11 kB │ gzip: 0.12 kB │ map: 0.34 kB
67
67
  dist/components/ThemeSwitcher.vue2.js  0.11 kB │ gzip: 0.12 kB │ map: 0.10 kB
68
68
  dist/components/PlDropdownRef/PlDropdownRef.vue2.js  0.11 kB │ gzip: 0.12 kB │ map: 0.10 kB
69
- dist/components/PlNumberField/PlNumberField.vue2.js  0.11 kB │ gzip: 0.12 kB │ map: 0.10 kB
70
- dist/components/PlDialogModal/PlDialogModal.vue2.js  0.11 kB │ gzip: 0.12 kB │ map: 0.10 kB
71
69
  dist/components/PlProgressBar/PlProgressBar.vue2.js  0.11 kB │ gzip: 0.12 kB │ map: 0.10 kB
70
+ dist/components/PlDialogModal/PlDialogModal.vue2.js  0.11 kB │ gzip: 0.12 kB │ map: 0.10 kB
71
+ dist/components/PlNumberField/PlNumberField.vue2.js  0.11 kB │ gzip: 0.12 kB │ map: 0.10 kB
72
72
  dist/components/PlAutocomplete/PlAutocomplete.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.10 kB
73
- dist/components/PlDropdownLine/PlDropdownLine.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.10 kB
74
- dist/components/PlToggleSwitch/PlToggleSwitch.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.10 kB
75
- dist/components/PlProgressCell/PlProgressCell.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.10 kB
76
73
  dist/components/PlBtnSecondary/PlBtnSecondary.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.10 kB
77
74
  dist/components/DataTable/TableComponent.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
+ dist/components/PlDropdownLine/PlDropdownLine.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.10 kB
77
+ dist/components/PlProgressCell/PlProgressCell.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/PlDropdownLine/ResizableInput.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.10 kB
80
80
  dist/components/ContextProvider.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.11 kB
81
- dist/utils/DropdownOverlay/DropdownOverlay.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.11 kB
82
81
  dist/components/PlConfirmDialog.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
82
  dist/components/PlCheckboxGroup/PlCheckboxGroup.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.11 kB
86
83
  dist/components/PlErrorBoundary/PlErrorBoundary.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.11 kB
84
+ dist/components/PlEditableTitle/PlEditableTitle.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.11 kB
85
+ dist/utils/DropdownOverlay/DropdownOverlay.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.11 kB
86
+ dist/components/PlDropdownMulti/PlDropdownMulti.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.11 kB
87
87
  dist/helpers/math.js  0.12 kB │ gzip: 0.13 kB │ map: 0.33 kB
88
88
  dist/components/DataTable/RowsCommandMenu.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.11 kB
89
89
  dist/components/DropdownListItem.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
90
91
  dist/components/PlDropdownLegacy/PlDropdownLegacy.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.11 kB
91
92
  dist/components/PlLoaderCircular/PlLoaderCircular.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.11 kB
92
- dist/components/PlSlideModal/PlPureSlideModal.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.11 kB
93
93
  dist/components/SliderRangeTriple.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.11 kB
94
94
  dist/components/PlSvg/PlSvg.vue3.js  0.12 kB │ gzip: 0.13 kB │ map: 0.10 kB
95
95
  dist/components/DataTable/BaseCellComponent.vue2.js  0.12 kB │ gzip: 0.12 kB │ map: 0.11 kB
@@ -111,7 +111,7 @@ computing gzip size...
111
111
  dist/components/DataTable/keys.js  0.15 kB │ gzip: 0.15 kB │ map: 0.58 kB
112
112
  dist/layout/PlBlockPage/PlBlockPageTitleTeleportTarget.js  0.16 kB │ gzip: 0.13 kB │ map: 0.35 kB
113
113
  dist/components/PlSlideModal/props.js  0.16 kB │ gzip: 0.15 kB │ map: 0.79 kB
114
- dist/components/PlAccordion/ExpandTransition.vue3.js  0.16 kB │ gzip: 0.13 kB │ map: 0.11 kB
114
+ dist/components/PlAccordion/ExpandTransition.vue3.js  0.16 kB │ gzip: 0.14 kB │ map: 0.11 kB
115
115
  dist/components/PlChartStackedBar/PlChartStackedBarCompact.vue3.js  0.16 kB │ gzip: 0.15 kB │ map: 0.12 kB
116
116
  dist/components/DataTable/constants.js  0.16 kB │ gzip: 0.16 kB │ map: 0.42 kB
117
117
  dist/components/PlLoaderLogo.vue3.js  0.18 kB │ gzip: 0.16 kB │ map: 0.11 kB
@@ -119,8 +119,8 @@ computing gzip size...
119
119
  dist/_virtual/_plugin-vue_export-helper.js  0.19 kB │ gzip: 0.17 kB │ map: 0.12 kB
120
120
  dist/components/PlRadio/PlRadioGroup.vue3.js  0.20 kB │ gzip: 0.16 kB │ map: 0.11 kB
121
121
  dist/components/PlSearchField/PlSearchField.vue3.js  0.20 kB │ gzip: 0.16 kB │ map: 0.11 kB
122
- dist/components/PlChartStackedBar/PlChartStackedBar.vue3.js  0.20 kB │ gzip: 0.16 kB │ map: 0.11 kB
123
122
  dist/components/PlChartHistogram/PlChartHistogram.vue3.js  0.20 kB │ gzip: 0.16 kB │ map: 0.11 kB
123
+ dist/components/PlChartStackedBar/PlChartStackedBar.vue3.js  0.20 kB │ gzip: 0.16 kB │ map: 0.11 kB
124
124
  dist/components/PlSectionSeparator/PlSectionSeparator.vue3.js  0.20 kB │ gzip: 0.16 kB │ map: 0.11 kB
125
125
  dist/helpers/index.js  0.21 kB │ gzip: 0.17 kB │ map: 0.65 kB
126
126
  dist/components/PlElementList/PlElementList.vue3.js  0.22 kB │ gzip: 0.17 kB │ map: 0.11 kB
@@ -155,8 +155,8 @@ computing gzip size...
155
155
  dist/assets/icons/icon-assets-min/24_arrow-down.svg.js  0.27 kB │ gzip: 0.24 kB │ map: 0.44 kB
156
156
  dist/assets/icons/icon-assets-min/16_add.svg.js  0.27 kB │ gzip: 0.23 kB │ map: 0.44 kB
157
157
  dist/components/PlRadio/PlRadio.vue.js  0.27 kB │ gzip: 0.21 kB │ map: 0.10 kB
158
- dist/assets/icons/icon-assets-min/24_linetype-longdash.svg.js  0.27 kB │ gzip: 0.23 kB │ map: 0.47 kB
159
158
  dist/components/PlChartStackedBar/Legends.vue.js  0.27 kB │ gzip: 0.21 kB │ map: 0.10 kB
159
+ dist/assets/icons/icon-assets-min/24_linetype-longdash.svg.js  0.27 kB │ gzip: 0.23 kB │ map: 0.47 kB
160
160
  dist/assets/icons/icon-assets-min/16_chevron-first.svg.js  0.28 kB │ gzip: 0.23 kB │ map: 0.45 kB
161
161
  dist/components/PlIcon16/PlIcon16.vue.js  0.28 kB │ gzip: 0.22 kB │ map: 0.10 kB
162
162
  dist/components/PlIcon24/PlIcon24.vue.js  0.28 kB │ gzip: 0.22 kB │ map: 0.10 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
180
181
  dist/assets/icons/icon-assets-min/16_caret-left.svg.js  0.29 kB │ gzip: 0.24 kB │ map: 0.46 kB
181
182
  dist/assets/icons/icon-assets-min/16_download.svg.js  0.29 kB │ gzip: 0.24 kB │ map: 0.46 kB
182
183
  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
@@ -333,6 +333,7 @@ computing gzip size...
333
333
  dist/assets/icons/icon-assets-min/24_table-add.svg.js  0.47 kB │ gzip: 0.33 kB │ map: 0.65 kB
334
334
  dist/assets/icons/icon-assets-min/24_table-import.svg.js  0.47 kB │ gzip: 0.33 kB │ map: 0.66 kB
335
335
  dist/composition/useLocalStorage.js  0.48 kB │ gzip: 0.30 kB │ map: 1.37 kB
336
+ dist/composition/computedCached.js  0.48 kB │ gzip: 0.31 kB │ map: 2.14 kB
336
337
  dist/assets/icons/icon-assets-min/16_clear.svg.js  0.48 kB │ gzip: 0.33 kB │ map: 0.68 kB
337
338
  dist/assets/icons/icon-assets-min/16_lock.svg.js  0.48 kB │ gzip: 0.33 kB │ map: 0.65 kB
338
339
  dist/composition/useResizeObserver.js  0.48 kB │ gzip: 0.26 kB │ map: 1.21 kB
@@ -376,7 +377,6 @@ computing gzip size...
376
377
  dist/assets/icons/icon-assets-min/24_cell-type-subset.svg.js  0.54 kB │ gzip: 0.34 kB │ map: 0.74 kB
377
378
  dist/assets/icons/icon-assets-min/16_data-dimentions.svg.js  0.55 kB │ gzip: 0.38 kB │ map: 0.77 kB
378
379
  dist/assets/icons/icon-assets-min/24_table-upload.svg.js  0.55 kB │ gzip: 0.34 kB │ map: 0.76 kB
379
- dist/composition/computedCached.js  0.55 kB │ gzip: 0.33 kB │ map: 2.43 kB
380
380
  dist/assets/icons/icon-assets-min/16_calendar.svg.js  0.55 kB │ gzip: 0.31 kB │ map: 0.82 kB
381
381
  dist/assets/icons/icon-assets-min/24_paper-clip.svg.js  0.55 kB │ gzip: 0.33 kB │ map: 0.73 kB
382
382
  dist/assets/icons/icon-assets-min/16_paper-clip.svg.js  0.55 kB │ gzip: 0.35 kB │ map: 0.73 kB
@@ -466,7 +466,7 @@ computing gzip size...
466
466
  dist/assets/icons/icon-assets-min/24_cell-type-txt.svg.js  0.77 kB │ gzip: 0.50 kB │ map: 0.94 kB
467
467
  dist/assets/icons/icon-assets-min/24_bubble.svg.js  0.77 kB │ gzip: 0.40 kB │ map: 0.97 kB
468
468
  dist/assets/icons/icon-assets-min/24_container.svg.js  0.78 kB │ gzip: 0.43 kB │ map: 1.05 kB
469
- dist/components/PlAccordion/ExpandTransition.vue.js  0.78 kB │ gzip: 0.43 kB │ map: 1.56 kB
469
+ dist/components/PlAccordion/ExpandTransition.vue2.js  0.78 kB │ gzip: 0.43 kB │ map: 1.56 kB
470
470
  dist/components/DataTable/adapters/AsyncData.js  0.79 kB │ gzip: 0.43 kB │ map: 2.13 kB
471
471
  dist/components/PlDropdown/useGroupBy.js  0.80 kB │ gzip: 0.42 kB │ map: 2.47 kB
472
472
  dist/composition/watchCached.js  0.80 kB │ gzip: 0.45 kB │ map: 2.43 kB
@@ -564,6 +564,7 @@ computing gzip size...
564
564
  dist/components/VScroll.vue.js  1.50 kB │ gzip: 0.73 kB │ map: 2.80 kB
565
565
  dist/components/HScroll.vue.js  1.50 kB │ gzip: 0.73 kB │ map: 2.79 kB
566
566
  dist/assets/icons/icon-assets-min/24_social-github.svg.js  1.55 kB │ gzip: 0.87 kB │ map: 1.74 kB
567
+ dist/components/PlSearchField/PlSearchField.vue2.js  1.61 kB │ gzip: 0.79 kB │ map: 3.45 kB
567
568
  dist/components/PlNumberField/parseNumber.js  1.61 kB │ gzip: 0.56 kB │ map: 4.43 kB
568
569
  dist/base/BtnBase.vue.js  1.63 kB │ gzip: 0.74 kB │ map: 2.39 kB
569
570
  dist/components/PlTabs/PlTabs.vue.js  1.64 kB │ gzip: 0.81 kB │ map: 3.16 kB
@@ -571,7 +572,6 @@ computing gzip size...
571
572
  dist/components/PlDropdownRef/PlDropdownRef.vue.js  1.65 kB │ gzip: 0.74 kB │ map: 3.81 kB
572
573
  dist/components/DataTable/composition/useResize.js  1.66 kB │ gzip: 0.81 kB │ map: 4.19 kB
573
574
  dist/components/PlErrorBoundary/PlErrorBoundary.vue.js  1.68 kB │ gzip: 0.78 kB │ map: 2.97 kB
574
- dist/components/PlSearchField/PlSearchField.vue2.js  1.68 kB │ gzip: 0.82 kB │ map: 3.68 kB
575
575
  dist/components/PlBtnGhost/PlBtnGhost.vue.js  1.69 kB │ gzip: 0.79 kB │ map: 3.18 kB
576
576
  dist/components/PlNotificationAlert/PlNotificationAlert.vue.js  1.70 kB │ gzip: 0.77 kB │ map: 2.14 kB
577
577
  dist/assets/icons/icon-assets-min/24_social-twitter-bird.svg.js  1.70 kB │ gzip: 0.94 kB │ map: 1.90 kB
@@ -625,7 +625,7 @@ computing gzip size...
625
625
  dist/assets/icons/icon-assets-min/24_heatmap.svg.js  4.38 kB │ gzip: 0.99 kB │ map: 4.68 kB
626
626
  dist/composition/useSortable2.js  4.43 kB │ gzip: 1.50 kB │ map: 13.15 kB
627
627
  dist/components/PlSlideModal/PlPureSlideModal.vue.js  4.68 kB │ gzip: 1.21 kB │ map: 2.97 kB
628
- dist/components/PlElementList/PlElementListItem.vue2.js  4.86 kB │ gzip: 1.34 kB │ map: 10.93 kB
628
+ dist/components/PlElementList/PlElementListItem.vue2.js  4.86 kB │ gzip: 1.34 kB │ map: 10.92 kB
629
629
  dist/components/PlBtnSplit/PlBtnSplit.vue.js  5.24 kB │ gzip: 2.06 kB │ map: 10.17 kB
630
630
  dist/components/PlTextField/PlTextField.vue.js  5.35 kB │ gzip: 1.92 kB │ map: 11.11 kB
631
631
  dist/components/Slider.vue.js  5.54 kB │ gzip: 1.93 kB │ map: 10.23 kB
@@ -645,8 +645,8 @@ computing gzip size...
645
645
  dist/demo-site-data/all-css-variables.js  11.47 kB │ gzip: 1.77 kB │ map: 19.30 kB
646
646
  dist/composition/filters/metadata.js  13.39 kB │ gzip: 1.20 kB │ map: 25.54 kB
647
647
  dist/components/PlSvg/PlSvg.vue2.js  39.58 kB │ gzip: 3.39 kB │ map: 12.40 kB
648
- dist/index.js 683.13 kB │ gzip: 226.29 kB │ map: 6.19 kB
649
- [vite:dts] Declaration files built in 13306ms.
648
+ dist/index.js 683.11 kB │ gzip: 226.29 kB │ map: 6.19 kB
649
+ [vite:dts] Declaration files built in 12109ms.
650
650
 
651
- ✓ built in 16.51s
651
+ ✓ built in 17.21s
652
652
  Build completed successfully
@@ -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.23 formatter:check /home/runner/_work/platforma/platforma/lib/ui/uikit
3
+ > @milaboratories/uikit@2.10.25 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 2314ms on 383 files using 8 threads.
11
+ Finished in 4559ms on 383 files using 8 threads.
12
12
  Format check completed successfully
@@ -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.23 linter:check /home/runner/_work/platforma/platforma/lib/ui/uikit
3
+ > @milaboratories/uikit@2.10.25 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 35ms on 309 files with 98 rules using 8 threads.
9
+ Finished in 26ms on 309 files with 98 rules using 8 threads.
10
10
  Linting completed successfully
@@ -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.23 types:check /home/runner/_work/platforma/platforma/lib/ui/uikit
3
+ > @milaboratories/uikit@2.10.25 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,20 @@
1
1
  # @milaboratories/uikit
2
2
 
3
+ ## 2.10.25
4
+
5
+ ### Patch Changes
6
+
7
+ - cb28fde: FilterSpec strict types, fast table search
8
+ - Updated dependencies [cb28fde]
9
+ - @milaboratories/helpers@1.13.5
10
+ - @platforma-sdk/model@1.54.13
11
+
12
+ ## 2.10.24
13
+
14
+ ### Patch Changes
15
+
16
+ - d2e1b6b: fix overflow in PlElementList
17
+
3
18
  ## 2.10.23
4
19
 
5
20
  ### Patch Changes
@@ -28,7 +28,7 @@ import "../../layout/PlPlaceholder/PlPlaceholder.vue2.js";
28
28
  /* empty css */
29
29
  /* empty css */
30
30
  /* empty css */
31
- /* empty css */
31
+ /* empty css */
32
32
  /* empty css */
33
33
  /* empty css */
34
34
  /* empty css */
@@ -0,0 +1,27 @@
1
+ import { defineComponent as n, createBlock as r, openBlock as a, Transition as s, withCtx as p, renderSlot as c } from "vue";
2
+ const f = /* @__PURE__ */ n({
3
+ __name: "ExpandTransition",
4
+ setup(l) {
5
+ const t = (e) => {
6
+ e.classList.add("expand-collapse-fix"), e.style.setProperty("--component-height", e.scrollHeight + "px");
7
+ }, o = (e) => {
8
+ e.style.removeProperty("--component-height"), e.classList.remove("expand-collapse-fix");
9
+ };
10
+ return (e, i) => (a(), r(s, {
11
+ name: "expand-collapse",
12
+ onEnter: t,
13
+ onLeave: t,
14
+ onAfterEnter: o,
15
+ onAfterLeave: o
16
+ }, {
17
+ default: p(() => [
18
+ c(e.$slots, "default")
19
+ ]),
20
+ _: 3
21
+ }));
22
+ }
23
+ });
24
+ export {
25
+ f as default
26
+ };
27
+ //# sourceMappingURL=ExpandTransition.vue2.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ExpandTransition.vue2.js","sources":["../../../src/components/PlAccordion/ExpandTransition.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nconst onStart = (el: Element) => {\n el.classList.add(\"expand-collapse-fix\");\n (el as HTMLElement).style.setProperty(\"--component-height\", el.scrollHeight + \"px\");\n};\n\nconst onAfter = (el: Element) => {\n (el as HTMLElement).style.removeProperty(\"--component-height\");\n el.classList.remove(\"expand-collapse-fix\");\n};\n</script>\n\n<template>\n <Transition\n name=\"expand-collapse\"\n @enter=\"onStart\"\n @leave=\"onStart\"\n @after-enter=\"onAfter\"\n @after-leave=\"onAfter\"\n >\n <slot />\n </Transition>\n</template>\n\n<style>\n.expand-collapse-fix {\n overflow: hidden;\n}\n\n.expand-collapse-enter-active,\n.expand-collapse-leave-active {\n transition:\n height 0.2s ease-in-out,\n opacity 0.2s ease-in-out;\n height: var(--component-height);\n}\n\n.expand-collapse-enter-from,\n.expand-collapse-leave-to {\n opacity: 0.5;\n height: 0;\n}\n</style>\n"],"names":["onStart","el","onAfter","_createBlock","_Transition","_renderSlot","_ctx"],"mappings":";;;;AACA,UAAMA,IAAU,CAACC,MAAgB;AAC/B,MAAAA,EAAG,UAAU,IAAI,qBAAqB,GACrCA,EAAmB,MAAM,YAAY,sBAAsBA,EAAG,eAAe,IAAI;AAAA,IACpF,GAEMC,IAAU,CAACD,MAAgB;AAC9B,MAAAA,EAAmB,MAAM,eAAe,oBAAoB,GAC7DA,EAAG,UAAU,OAAO,qBAAqB;AAAA,IAC3C;2BAIEE,EAQaC,GAAA;AAAA,MAPX,MAAK;AAAA,MACJ,SAAOJ;AAAA,MACP,SAAOA;AAAA,MACP,cAAaE;AAAA,MACb,cAAaA;AAAA,IAAA;iBAEd,MAAQ;AAAA,QAARG,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;;"}
@@ -1,5 +1,5 @@
1
- import o from "./ExpandTransition.vue.js";
2
- /* empty css */
1
+ import o from "./ExpandTransition.vue2.js";
2
+ /* empty css */
3
3
  export {
4
4
  o as default
5
5
  };
@@ -2,8 +2,8 @@ import { defineComponent as V, mergeModels as k, inject as m, toRef as d, useMod
2
2
  import { uniqueId as B } from "@milaboratories/helpers";
3
3
  import N from "../PlIcon16/PlIcon16.vue.js";
4
4
  import P from "../PlSectionSeparator/PlSectionSeparator.vue.js";
5
- import b from "./ExpandTransition.vue.js";
6
- /* empty css */
5
+ import b from "./ExpandTransition.vue2.js";
6
+ /* empty css */
7
7
  const w = { class: "pl-accordion-section" }, R = /* @__PURE__ */ V({
8
8
  __name: "PlAccordionSection",
9
9
  props: /* @__PURE__ */ k({
@@ -1 +1 @@
1
- {"version":3,"file":"PlElementListItem.vue2.js","sources":["../../../src/components/PlElementList/PlElementListItem.vue"],"sourcesContent":["<script generic=\"T extends unknown = unknown\" lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport { PlIcon16 } from \"../PlIcon16\";\nimport { PlIcon24 } from \"../PlIcon24\";\n\nconst props = defineProps<{\n item: T;\n index: number;\n showDragHandle: boolean;\n isActive: boolean;\n isDraggable: boolean;\n isRemovable: boolean;\n isExpandable: boolean;\n isExpanded: boolean;\n isToggable: boolean;\n isToggled: boolean;\n isPinnable: boolean;\n isPinned: boolean;\n titleClass: string | string[] | null;\n contentClass: string | string[] | null;\n afterClass: string | string[] | null;\n beforeClass: string | string[] | null;\n}>();\ndefineOptions({ inheritAttrs: false });\n\nconst slots = defineSlots<{\n title: (props: { item: T; index: number }) => unknown;\n content?: (props: { item: T; index: number }) => unknown;\n after?: (props: { item: T; index: number }) => unknown;\n before?: (props: { item: T; index: number }) => unknown;\n}>();\nconst hasContentSlot = computed(() => slots[\"content\"] !== undefined);\nconst hasAfterSlot = computed(() => slots[\"after\"] !== undefined);\nconst hasBeforeSlot = computed(() => slots[\"before\"] !== undefined);\n\nconst emit = defineEmits<{\n (e: \"click\", item: MouseEvent): void;\n (e: \"expand\", item: T, index: number): void;\n (e: \"toggle\", item: T, index: number): void;\n (e: \"pin\", item: T, index: number): void;\n (e: \"remove\", item: T, index: number): void;\n}>();\n</script>\n\n<template>\n <div @click=\"(event) => emit('click', event)\">\n <div v-if=\"hasBeforeSlot\" :class=\"beforeClass\">\n <slot name=\"before\" :item=\"props.item\" :index=\"props.index\" />\n </div>\n <div\n :class=\"[\n $style.root,\n $attrs.class,\n {\n [$style.active]: props.isActive,\n [$style.pinned]: props.isPinned,\n [$style.opened]: props.isExpanded,\n [$style.disabled]: props.isToggled,\n },\n ]\"\n >\n <div\n :class=\"[\n $style.head,\n titleClass,\n {\n [$style.clickable]: hasContentSlot,\n },\n ]\"\n @click=\"isExpandable && emit('expand', props.item, props.index)\"\n >\n <div\n v-if=\"props.showDragHandle\"\n :class=\"[$style.action, $style.draggable, { [$style.disable]: !props.isDraggable }]\"\n :data-draggable=\"props.isDraggable\"\n >\n <PlIcon16 name=\"drag-dots\" />\n </div>\n <PlIcon16\n v-if=\"isExpandable\"\n :class=\"[$style.contentChevron, { [$style.opened]: props.isExpanded }]\"\n name=\"chevron-down\"\n />\n\n <div :class=\"$style.title\">\n <slot name=\"title\" :item=\"props.item\" :index=\"props.index\" />\n </div>\n\n <div :class=\"[$style.actions, $style.showOnHover]\">\n <div\n v-if=\"props.isToggable\"\n :class=\"[$style.action, $style.clickable, { [$style.disable]: !props.isToggable }]\"\n @click.stop=\"emit('toggle', props.item, props.index)\"\n >\n <PlIcon24 :name=\"props.isToggled === true ? 'view-hide' : 'view-show'\" size=\"16\" />\n </div>\n <div\n v-if=\"props.isPinnable\"\n :class=\"[\n $style.action,\n $style.clickable,\n {\n [$style.disable]: !props.isPinnable,\n [$style.activated]: props.isPinned,\n },\n ]\"\n @click.stop=\"emit('pin', props.item, props.index)\"\n >\n <PlIcon24 name=\"pin\" size=\"16\" />\n </div>\n <div\n v-if=\"props.isRemovable\"\n :class=\"[$style.action, $style.clickable]\"\n @click.stop=\"emit('remove', props.item, props.index)\"\n >\n <PlIcon16 name=\"close\" />\n </div>\n </div>\n </div>\n <div\n v-if=\"hasContentSlot && props.isExpanded\"\n :class=\"[$style.body, contentClass, { [$style.disabled]: props.isToggled }]\"\n >\n <slot name=\"content\" :item=\"props.item\" :index=\"props.index\" />\n </div>\n </div>\n <div v-if=\"hasAfterSlot\" :class=\"afterClass\">\n <slot name=\"after\" :item=\"props.item\" :index=\"props.index\" />\n </div>\n </div>\n</template>\n\n<style module>\n@use \"../../assets/variables.scss\" as *;\n\n.root {\n --background: rgba(255, 255, 255, 0.8);\n --border-color: var(--color-div-grey);\n --head-background: unset;\n --box-shadow: none;\n --box-shadow-active: 0 0 0 4px color-mix(in srgb, var(--border-color-focus) 50%, transparent);\n\n &:global(.sortable-drag),\n &:global(.sortable-chosen) {\n --head-background: var(--gradient-light-lime);\n --border-color: var(--border-color-focus);\n --box-shadow: var(--box-shadow-active);\n }\n}\n.root {\n display: flex;\n flex-direction: column;\n justify-content: center;\n border-radius: var(--border-radius);\n border: 1px solid var(--border-color);\n background-color: var(--background);\n transition: box-shadow 0.15s;\n box-shadow: var(--box-shadow);\n overflow: hidden;\n\n &:hover {\n --border-color: var(--border-color-focus);\n --head-background: var(--gradient-light-lime);\n }\n\n &.opened {\n --head-background: var(--gradient-light-lime);\n }\n\n &.disabled {\n --icon-color: var(--ic-02);\n --border-color: var(--border-color-div-grey);\n color: var(--txt-03);\n filter: grayscale(1);\n }\n\n &.pinned {\n --background: var(--bg-base-light);\n }\n\n &.active {\n --border-color: var(--border-color-focus);\n --head-background: var(--btn-accent-positive-500);\n }\n}\n\n.head {\n position: relative;\n display: flex;\n align-items: center;\n padding: 8px;\n min-height: 40px;\n border-radius: var(--border-radius) var(--border-radius) 0 0;\n background: var(--head-background);\n}\n\n.contentChevron {\n display: block;\n width: 16px;\n height: 16px;\n margin-right: 4px;\n transform: rotate(-90deg);\n transition: transform 0.15s;\n\n &.opened {\n transform: rotate(0deg);\n }\n}\n\n.title {\n display: flex;\n flex-direction: row;\n flex: 1 1 0;\n gap: 8px;\n text-overflow: ellipsis;\n}\n\n.body {\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding: 24px;\n border-radius: 0 0 var(--border-radius) var(--border-radius);\n\n &.disabled {\n pointer-events: none;\n }\n}\n\n.actions {\n position: absolute;\n top: 8px;\n right: 8px;\n display: flex;\n align-items: center;\n background-color: var(--background);\n border-radius: var(--border-radius);\n}\n\n.action {\n width: 24px;\n height: 24px;\n padding: 4px; /* use padding instead of gap on parent, for better accessibility */\n opacity: 0.6;\n border-radius: var(--border-radius);\n transition: all 0.15s;\n\n svg {\n width: 16px;\n height: 16px;\n }\n\n &:hover {\n opacity: 1;\n background-color: var(--bg-elevated-02);\n }\n\n &.activated {\n opacity: 0.8;\n }\n\n &.disable {\n cursor: not-allowed;\n opacity: 0.4;\n }\n}\n\n.clickable {\n cursor: pointer;\n}\n\n.draggable {\n cursor: grab;\n}\n\n.showOnHover {\n opacity: 0;\n transition: opacity 0.15s;\n}\n\n.root:hover .showOnHover {\n opacity: 1;\n}\n</style>\n"],"names":["props","__props","slots","_useSlots","hasContentSlot","computed","hasAfterSlot","hasBeforeSlot","emit","__emit","_createElementBlock","_cache","event","_renderSlot","_ctx","_createElementVNode","_normalizeClass","$style","$attrs","$event","_createVNode","_unref","PlIcon16","_createBlock","_withModifiers","PlIcon24"],"mappings":"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"}
1
+ {"version":3,"file":"PlElementListItem.vue2.js","sources":["../../../src/components/PlElementList/PlElementListItem.vue"],"sourcesContent":["<script generic=\"T extends unknown = unknown\" lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport { PlIcon16 } from \"../PlIcon16\";\nimport { PlIcon24 } from \"../PlIcon24\";\n\nconst props = defineProps<{\n item: T;\n index: number;\n showDragHandle: boolean;\n isActive: boolean;\n isDraggable: boolean;\n isRemovable: boolean;\n isExpandable: boolean;\n isExpanded: boolean;\n isToggable: boolean;\n isToggled: boolean;\n isPinnable: boolean;\n isPinned: boolean;\n titleClass: string | string[] | null;\n contentClass: string | string[] | null;\n afterClass: string | string[] | null;\n beforeClass: string | string[] | null;\n}>();\ndefineOptions({ inheritAttrs: false });\n\nconst slots = defineSlots<{\n title: (props: { item: T; index: number }) => unknown;\n content?: (props: { item: T; index: number }) => unknown;\n after?: (props: { item: T; index: number }) => unknown;\n before?: (props: { item: T; index: number }) => unknown;\n}>();\nconst hasContentSlot = computed(() => slots[\"content\"] !== undefined);\nconst hasAfterSlot = computed(() => slots[\"after\"] !== undefined);\nconst hasBeforeSlot = computed(() => slots[\"before\"] !== undefined);\n\nconst emit = defineEmits<{\n (e: \"click\", item: MouseEvent): void;\n (e: \"expand\", item: T, index: number): void;\n (e: \"toggle\", item: T, index: number): void;\n (e: \"pin\", item: T, index: number): void;\n (e: \"remove\", item: T, index: number): void;\n}>();\n</script>\n\n<template>\n <div @click=\"(event) => emit('click', event)\">\n <div v-if=\"hasBeforeSlot\" :class=\"beforeClass\">\n <slot name=\"before\" :item=\"props.item\" :index=\"props.index\" />\n </div>\n <div\n :class=\"[\n $style.root,\n $attrs.class,\n {\n [$style.active]: props.isActive,\n [$style.pinned]: props.isPinned,\n [$style.opened]: props.isExpanded,\n [$style.disabled]: props.isToggled,\n },\n ]\"\n >\n <div\n :class=\"[\n $style.head,\n titleClass,\n {\n [$style.clickable]: hasContentSlot,\n },\n ]\"\n @click=\"isExpandable && emit('expand', props.item, props.index)\"\n >\n <div\n v-if=\"props.showDragHandle\"\n :class=\"[$style.action, $style.draggable, { [$style.disable]: !props.isDraggable }]\"\n :data-draggable=\"props.isDraggable\"\n >\n <PlIcon16 name=\"drag-dots\" />\n </div>\n <PlIcon16\n v-if=\"isExpandable\"\n :class=\"[$style.contentChevron, { [$style.opened]: props.isExpanded }]\"\n name=\"chevron-down\"\n />\n\n <div :class=\"$style.title\">\n <slot name=\"title\" :item=\"props.item\" :index=\"props.index\" />\n </div>\n\n <div :class=\"[$style.actions, $style.showOnHover]\">\n <div\n v-if=\"props.isToggable\"\n :class=\"[$style.action, $style.clickable, { [$style.disable]: !props.isToggable }]\"\n @click.stop=\"emit('toggle', props.item, props.index)\"\n >\n <PlIcon24 :name=\"props.isToggled === true ? 'view-hide' : 'view-show'\" size=\"16\" />\n </div>\n <div\n v-if=\"props.isPinnable\"\n :class=\"[\n $style.action,\n $style.clickable,\n {\n [$style.disable]: !props.isPinnable,\n [$style.activated]: props.isPinned,\n },\n ]\"\n @click.stop=\"emit('pin', props.item, props.index)\"\n >\n <PlIcon24 name=\"pin\" size=\"16\" />\n </div>\n <div\n v-if=\"props.isRemovable\"\n :class=\"[$style.action, $style.clickable]\"\n @click.stop=\"emit('remove', props.item, props.index)\"\n >\n <PlIcon16 name=\"close\" />\n </div>\n </div>\n </div>\n <div\n v-if=\"hasContentSlot && props.isExpanded\"\n :class=\"[$style.body, contentClass, { [$style.disabled]: props.isToggled }]\"\n >\n <slot name=\"content\" :item=\"props.item\" :index=\"props.index\" />\n </div>\n </div>\n <div v-if=\"hasAfterSlot\" :class=\"afterClass\">\n <slot name=\"after\" :item=\"props.item\" :index=\"props.index\" />\n </div>\n </div>\n</template>\n\n<style module>\n@use \"../../assets/variables.scss\" as *;\n\n.root {\n --background: rgba(255, 255, 255, 0.8);\n --border-color: var(--color-div-grey);\n --head-background: unset;\n --box-shadow: none;\n --box-shadow-active: 0 0 0 4px color-mix(in srgb, var(--border-color-focus) 50%, transparent);\n\n &:global(.sortable-drag),\n &:global(.sortable-chosen) {\n --head-background: var(--gradient-light-lime);\n --border-color: var(--border-color-focus);\n --box-shadow: var(--box-shadow-active);\n }\n}\n.root {\n display: flex;\n flex-direction: column;\n justify-content: center;\n border-radius: var(--border-radius);\n border: 1px solid var(--border-color);\n background-color: var(--background);\n transition: box-shadow 0.15s;\n box-shadow: var(--box-shadow);\n overflow: hidden;\n\n &:hover {\n --border-color: var(--border-color-focus);\n --head-background: var(--gradient-light-lime);\n }\n\n &.opened {\n --head-background: var(--gradient-light-lime);\n }\n\n &.disabled {\n --icon-color: var(--ic-02);\n --border-color: var(--border-color-div-grey);\n color: var(--txt-03);\n filter: grayscale(1);\n }\n\n &.pinned {\n --background: var(--bg-base-light);\n }\n\n &.active {\n --border-color: var(--border-color-focus);\n --head-background: var(--btn-accent-positive-500);\n }\n}\n\n.head {\n position: relative;\n display: flex;\n align-items: center;\n padding: 8px;\n min-height: 40px;\n border-radius: var(--border-radius) var(--border-radius) 0 0;\n background: var(--head-background);\n}\n\n.contentChevron {\n display: block;\n width: 16px;\n height: 16px;\n margin-right: 4px;\n transform: rotate(-90deg);\n transition: transform 0.15s;\n\n &.opened {\n transform: rotate(0deg);\n }\n}\n\n.title {\n display: flex;\n flex-direction: row;\n flex: 1 1 0;\n gap: 8px;\n overflow: hidden;\n}\n\n.body {\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding: 24px;\n border-radius: 0 0 var(--border-radius) var(--border-radius);\n\n &.disabled {\n pointer-events: none;\n }\n}\n\n.actions {\n position: absolute;\n top: 8px;\n right: 8px;\n display: flex;\n align-items: center;\n background-color: var(--background);\n border-radius: var(--border-radius);\n}\n\n.action {\n width: 24px;\n height: 24px;\n padding: 4px; /* use padding instead of gap on parent, for better accessibility */\n opacity: 0.6;\n border-radius: var(--border-radius);\n transition: all 0.15s;\n\n svg {\n width: 16px;\n height: 16px;\n }\n\n &:hover {\n opacity: 1;\n background-color: var(--bg-elevated-02);\n }\n\n &.activated {\n opacity: 0.8;\n }\n\n &.disable {\n cursor: not-allowed;\n opacity: 0.4;\n }\n}\n\n.clickable {\n cursor: pointer;\n}\n\n.draggable {\n cursor: grab;\n}\n\n.showOnHover {\n opacity: 0;\n transition: opacity 0.15s;\n}\n\n.root:hover .showOnHover {\n opacity: 1;\n}\n</style>\n"],"names":["props","__props","slots","_useSlots","hasContentSlot","computed","hasAfterSlot","hasBeforeSlot","emit","__emit","_createElementBlock","_cache","event","_renderSlot","_ctx","_createElementVNode","_normalizeClass","$style","$attrs","$event","_createVNode","_unref","PlIcon16","_createBlock","_withModifiers","PlIcon24"],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- const t = "_root_zu9z5_4", o = "_opened_zu9z5_34", _ = "_disabled_zu9z5_38", e = "_pinned_zu9z5_45", n = "_active_zu9z5_49", c = "_head_zu9z5_55", a = "_contentChevron_zu9z5_65", z = "_title_zu9z5_78", s = "_body_zu9z5_86", d = "_actions_zu9z5_98", i = "_action_zu9z5_98", l = "_activated_zu9z5_126", u = "_disable_zu9z5_38", b = "_clickable_zu9z5_136", r = "_draggable_zu9z5_140", v = "_showOnHover_zu9z5_144", h = {
1
+ const t = "_root_1bqtz_4", o = "_opened_1bqtz_34", _ = "_disabled_1bqtz_38", e = "_pinned_1bqtz_45", n = "_active_1bqtz_49", c = "_head_1bqtz_55", a = "_contentChevron_1bqtz_65", b = "_title_1bqtz_78", s = "_body_1bqtz_86", d = "_actions_1bqtz_98", i = "_action_1bqtz_98", l = "_activated_1bqtz_126", q = "_disable_1bqtz_38", z = "_clickable_1bqtz_136", r = "_draggable_1bqtz_140", v = "_showOnHover_1bqtz_144", h = {
2
2
  root: t,
3
3
  opened: o,
4
4
  disabled: _,
@@ -6,13 +6,13 @@ const t = "_root_zu9z5_4", o = "_opened_zu9z5_34", _ = "_disabled_zu9z5_38", e =
6
6
  active: n,
7
7
  head: c,
8
8
  contentChevron: a,
9
- title: z,
9
+ title: b,
10
10
  body: s,
11
11
  actions: d,
12
12
  action: i,
13
13
  activated: l,
14
- disable: u,
15
- clickable: b,
14
+ disable: q,
15
+ clickable: z,
16
16
  draggable: r,
17
17
  showOnHover: v
18
18
  };
@@ -22,10 +22,10 @@ export {
22
22
  l as activated,
23
23
  n as active,
24
24
  s as body,
25
- b as clickable,
25
+ z as clickable,
26
26
  a as contentChevron,
27
27
  h as default,
28
- u as disable,
28
+ q as disable,
29
29
  _ as disabled,
30
30
  r as draggable,
31
31
  c as head,
@@ -33,6 +33,6 @@ export {
33
33
  e as pinned,
34
34
  t as root,
35
35
  v as showOnHover,
36
- z as title
36
+ b as title
37
37
  };
38
38
  //# sourceMappingURL=PlElementListItem.vue3.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"PlSearchField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlSearchField/PlSearchField.vue"],"names":[],"mappings":"AA0GA,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;;;;;;;;;AAmHF,wBASG"}
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,7 +1,7 @@
1
- import { defineComponent as V, ref as r, computed as c, createElementBlock as y, openBlock as d, normalizeClass as s, createVNode as v, withDirectives as b, createBlock as B, createCommentVNode as C, unref as i, createElementVNode as M, vModelText as E, withModifiers as N } from "vue";
2
- import P from "../PlIcon16/PlIcon16.vue.js";
3
- import w from "../PlIcon24/PlIcon24.vue.js";
4
- const x = ["disabled", "placeholder"], g = /* @__PURE__ */ V({
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({
5
5
  __name: "PlSearchField",
6
6
  props: {
7
7
  modelValue: {},
@@ -11,41 +11,39 @@ const x = ["disabled", "placeholder"], g = /* @__PURE__ */ V({
11
11
  },
12
12
  emits: ["update:modelValue"],
13
13
  setup(e, { emit: m }) {
14
- const o = m, t = e, u = r(void 0), p = r(), a = c({
14
+ const t = m, a = e, o = d({
15
15
  get() {
16
- return t.modelValue ?? "";
16
+ return a.modelValue ?? "";
17
17
  },
18
18
  set(l) {
19
- o("update:modelValue", l);
19
+ t("update:modelValue", l);
20
20
  }
21
- }), f = c(() => !!t.modelValue), h = () => o("update:modelValue", "");
22
- return (l, n) => (d(), y("div", {
23
- ref_key: "root",
24
- ref: u,
25
- class: s(["pl-search-field", [l.$style.component]])
21
+ }), i = d(() => !!a.modelValue), u = () => t("update:modelValue", "");
22
+ return (l, n) => (r(), h("div", {
23
+ ref: "root",
24
+ class: c(["pl-search-field", [l.$style.component]])
26
25
  }, [
27
- v(i(w), { name: "search" }),
28
- b(M("input", {
29
- ref_key: "input",
30
- ref: p,
31
- "onUpdate:modelValue": n[0] || (n[0] = (k) => a.value = k),
26
+ V(s(E), { name: "search" }),
27
+ k(b("input", {
28
+ ref: "input",
29
+ "onUpdate:modelValue": n[0] || (n[0] = (p) => o.value = p),
32
30
  disabled: e.disabled,
33
- type: "text",
34
31
  placeholder: e.placeholder || "Find...",
32
+ type: "text",
35
33
  spellcheck: "false"
36
- }, null, 8, x), [
37
- [E, a.value]
34
+ }, null, 8, N), [
35
+ [B, o.value]
38
36
  ]),
39
- e.clearable && f.value ? (d(), B(i(P), {
37
+ e.clearable && i.value ? (r(), v(s(M), {
40
38
  key: 0,
41
- class: s(l.$style.clear),
39
+ class: c(l.$style.clear),
42
40
  name: "delete-clear",
43
- onClick: N(h, ["stop"])
44
- }, null, 8, ["class"])) : C("", !0)
41
+ onClick: C(u, ["stop"])
42
+ }, null, 8, ["class"])) : y("", !0)
45
43
  ], 2));
46
44
  }
47
45
  });
48
46
  export {
49
- g as default
47
+ F as default
50
48
  };
51
49
  //# sourceMappingURL=PlSearchField.vue2.js.map
@@ -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, ref } 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 root = ref<HTMLInputElement | undefined>(undefined);\nconst input = ref<HTMLInputElement | undefined>();\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 type=\"text\"\n :placeholder=\"placeholder || 'Find...'\"\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 height: 20px;\n border: none;\n outline: none;\n background-color: transparent;\n caret-color: var(--txt-focus);\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","root","ref","input","value","computed","v","nonEmpty","clear","_createElementBlock","_normalizeClass","$style","_createVNode","_unref","PlIcon24","_createElementVNode","$event","_createBlock","PlIcon16"],"mappings":";;;;;;;;;;;;;AAKA,UAAMA,IAAOC,GAEPC,IAAQC,GAORC,IAAOC,EAAkC,MAAS,GAClDC,IAAQD,EAAA,GAERE,IAAQC,EAAS;AAAA,MACrB,MAAM;AACJ,eAAON,EAAM,cAAc;AAAA,MAC7B;AAAA,MACA,IAAIO,GAAG;AACL,QAAAT,EAAK,qBAAqBS,CAAC;AAAA,MAC7B;AAAA,IAAA,CACD,GAEKC,IAAWF,EAAS,MAAM,CAAC,CAACN,EAAM,UAAU,GAE5CS,IAAQ,MAAMX,EAAK,qBAAqB,EAAE;2BAI9CY,EAgBM,OAAA;AAAA,eAhBG;AAAA,MAAJ,KAAIR;AAAA,MAAO,OAAKS,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,iBANI;AAAA,QAAJ,KAAIZ;AAAA,sDACKC,EAAK,QAAAY;AAAA,QACb,UAAUhB,EAAA;AAAA,QACX,MAAK;AAAA,QACJ,aAAaA,EAAA,eAAW;AAAA,QACzB,YAAW;AAAA,MAAA;YAJFI,EAAA,KAAK;AAAA,MAAA;MAORJ,EAAA,aAAaO,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\";\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,4 +1,4 @@
1
- const o = "_component_1q8md_1", c = "_clear_1q8md_35", e = {
1
+ const o = "_component_1k3h6_1", c = "_clear_1k3h6_35", e = {
2
2
  component: o,
3
3
  clear: c
4
4
  };
@@ -20,7 +20,7 @@ import "../../layout/PlPlaceholder/PlPlaceholder.vue2.js";
20
20
  /* empty css */
21
21
  /* empty css */
22
22
  /* empty css */
23
- /* empty css */
23
+ /* empty css */
24
24
  /* empty css */
25
25
  /* empty css */
26
26
  /* empty css */