@milaboratories/uikit 2.10.40 → 2.10.41
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +18 -18
- package/.turbo/turbo-formatter$colon$check.log +2 -2
- package/.turbo/turbo-linter$colon$check.log +2 -2
- package/.turbo/turbo-types$colon$check.log +1 -1
- package/CHANGELOG.md +6 -0
- package/dist/components/PlAlert/PlAlert.js.map +1 -1
- package/dist/components/PlAlert/PlAlert.vue.d.ts.map +1 -1
- package/dist/components/PlAlert/PlAlert.vue2.js +19 -20
- package/dist/components/PlAlert/PlAlert.vue2.js.map +1 -1
- package/dist/components/PlAlert/pl-alert.css +1 -1
- package/dist/components/PlDialogModal/PlDialogModal.vue2.js +1 -1
- package/dist/components/PlSlideModal/PlPureSlideModal.js.map +1 -1
- package/dist/components/PlSlideModal/PlPureSlideModal.vue.d.ts.map +1 -1
- package/dist/components/PlSlideModal/PlPureSlideModal.vue2.js +13 -13
- package/dist/components/PlSlideModal/PlPureSlideModal.vue2.js.map +1 -1
- package/dist/components/PlSlideModal/pl-slide-modal.css +1 -1
- package/dist/index.js +20 -20
- package/package.json +5 -5
- package/src/components/PlAlert/PlAlert.vue +3 -3
- package/src/components/PlAlert/pl-alert.scss +0 -7
- package/src/components/PlSlideModal/PlPureSlideModal.vue +5 -2
- package/src/components/PlSlideModal/pl-slide-modal.scss +0 -8
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.
|
|
3
|
+
> @milaboratories/uikit@2.10.41 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,7 +24,7 @@ Using custom config: ./build.browser-lib.config.js
|
|
|
24
24
|
rendering chunks...
|
|
25
25
|
|
|
26
26
|
[vite:dts] Start generate declaration files...
|
|
27
|
-
[vite:dts] Declaration files built in
|
|
27
|
+
[vite:dts] Declaration files built in 7289ms.
|
|
28
28
|
|
|
29
29
|
computing gzip size...
|
|
30
30
|
dist/components/PlClipboard/PlClipboard.vue?vue&type=style&index=0&lang.css 0.04 kB │ gzip: 0.06 kB
|
|
@@ -68,14 +68,14 @@ dist/components/contextMenu/Menu.vue_vue_type_style_index_0_scoped_1bb3001b_lang
|
|
|
68
68
|
dist/components/PlSearchField/PlSearchField.vue?vue&type=style&index=0&lang.css 1.03 kB │ gzip: 0.39 kB
|
|
69
69
|
dist/components/PlProgressCell/pl-progress-cell.css 1.14 kB │ gzip: 0.48 kB
|
|
70
70
|
dist/layout/PlBlockPage/pl-block-page.css 1.32 kB │ gzip: 0.51 kB
|
|
71
|
+
dist/components/PlAlert/pl-alert.css 1.38 kB │ gzip: 0.54 kB
|
|
71
72
|
dist/components/PlChip/pl-chip.css 1.55 kB │ gzip: 0.70 kB
|
|
72
73
|
dist/layout/PlPlaceholder/PlPlaceholder.vue?vue&type=style&index=0&lang.css 1.56 kB │ gzip: 0.68 kB
|
|
73
74
|
dist/components/PlBtnSplit/pl-btn-split.css 1.57 kB │ gzip: 0.45 kB
|
|
75
|
+
dist/components/PlSlideModal/pl-slide-modal.css 1.80 kB │ gzip: 0.70 kB
|
|
74
76
|
dist/components/PlTabs/pl-tabs.css 1.80 kB │ gzip: 0.55 kB
|
|
75
|
-
dist/components/PlAlert/pl-alert.css 1.92 kB │ gzip: 0.80 kB
|
|
76
77
|
dist/components/PlDialogModal/pl-dialog-modal.css 2.00 kB │ gzip: 0.71 kB
|
|
77
78
|
dist/components/PlEditableTitle/pl-editable-title.css 2.10 kB │ gzip: 0.86 kB
|
|
78
|
-
dist/components/PlSlideModal/pl-slide-modal.css 2.33 kB │ gzip: 0.94 kB
|
|
79
79
|
dist/components/PlElementList/PlElementListItem.vue?vue&type=style&index=0&lang.css 2.35 kB │ gzip: 0.84 kB
|
|
80
80
|
dist/components/PlBtnGhost/pl-btn-ghost.css 2.37 kB │ gzip: 0.80 kB
|
|
81
81
|
dist/components/PlBtnDanger/pl-btn-danger.css 2.45 kB │ gzip: 0.83 kB
|
|
@@ -181,7 +181,7 @@ dist/layout/PlGrid/PlGrid.js
|
|
|
181
181
|
dist/base/BtnBase.js 0.13 kB │ gzip: 0.13 kB │ map: 1.36 kB
|
|
182
182
|
dist/components/DataTable/TScroll.js 0.13 kB │ gzip: 0.13 kB │ map: 1.43 kB
|
|
183
183
|
dist/components/HScroll.js 0.13 kB │ gzip: 0.13 kB │ map: 1.69 kB
|
|
184
|
-
dist/components/PlAlert/PlAlert.js 0.13 kB │ gzip: 0.13 kB │ map: 2.
|
|
184
|
+
dist/components/PlAlert/PlAlert.js 0.13 kB │ gzip: 0.13 kB │ map: 2.70 kB
|
|
185
185
|
dist/components/TabItem.js 0.13 kB │ gzip: 0.13 kB │ map: 0.96 kB
|
|
186
186
|
dist/components/VScroll.js 0.13 kB │ gzip: 0.13 kB │ map: 1.69 kB
|
|
187
187
|
dist/components/PlSplash/PlSplash.js 0.14 kB │ gzip: 0.13 kB │ map: 1.17 kB
|
|
@@ -236,7 +236,7 @@ dist/utils/DropdownOverlay/DropdownOverlay.js
|
|
|
236
236
|
dist/components/DropdownListItem.js 0.15 kB │ gzip: 0.14 kB │ map: 2.20 kB
|
|
237
237
|
dist/components/PlDropdownLegacy/PlDropdownLegacy.js 0.15 kB │ gzip: 0.14 kB │ map: 11.18 kB
|
|
238
238
|
dist/components/PlLoaderCircular/PlLoaderCircular.js 0.15 kB │ gzip: 0.14 kB │ map: 1.02 kB
|
|
239
|
-
dist/components/PlSlideModal/PlPureSlideModal.js 0.15 kB │ gzip: 0.14 kB │ map: 1.
|
|
239
|
+
dist/components/PlSlideModal/PlPureSlideModal.js 0.15 kB │ gzip: 0.14 kB │ map: 1.91 kB
|
|
240
240
|
dist/components/DataTable/BaseCellComponent.js 0.15 kB │ gzip: 0.14 kB │ map: 1.67 kB
|
|
241
241
|
dist/components/SliderRangeTriple.js 0.15 kB │ gzip: 0.14 kB │ map: 10.26 kB
|
|
242
242
|
dist/components/DataTable/ColumnsCommandMenu.js 0.16 kB │ gzip: 0.14 kB │ map: 1.06 kB
|
|
@@ -534,14 +534,6 @@ dist/composition/useConfirm.js
|
|
|
534
534
|
dist/assets/icons/icon-assets-min/16_clipboard-copied.js 0.57 kB │ gzip: 0.36 kB │ map: 0.73 kB
|
|
535
535
|
dist/assets/icons/icon-assets-min/16_clipboard.js 0.57 kB │ gzip: 0.34 kB │ map: 0.72 kB
|
|
536
536
|
dist/components/DataTable/ColumnCaret.vue_vue_type_script_setup_true_lang.js 0.57 kB │ gzip: 0.39 kB │ map: 0.85 kB
|
|
537
|
-
[33m[33m[PLUGIN_TIMINGS] Warning:[0m Your build spent significant time in plugins. Here is a breakdown:
|
|
538
|
-
- vite:asset (34%)
|
|
539
|
-
- sourcemaps (14%)
|
|
540
|
-
- vite:css-post (12%)
|
|
541
|
-
- vite:dts (10%)
|
|
542
|
-
- vite:vue (8%)
|
|
543
|
-
See https://rolldown.rs/options/checks#plugintimings for more details.
|
|
544
|
-
[39m
|
|
545
537
|
dist/components/PlChartStackedBar/PlChartStackedBarCompact.vue_vue_type_script_setup_true_lang.js 0.57 kB │ gzip: 0.39 kB │ map: 1.02 kB
|
|
546
538
|
dist/assets/icons/icon-assets-min/24_file-doc-import.js 0.57 kB │ gzip: 0.37 kB │ map: 0.74 kB
|
|
547
539
|
dist/composition/useRipple.js 0.57 kB │ gzip: 0.37 kB │ map: 1.50 kB
|
|
@@ -730,13 +722,13 @@ dist/components/PlBtnGhost/PlBtnGhost.vue_vue_type_script_setup_true_lang.js
|
|
|
730
722
|
dist/assets/icons/icon-assets-min/24_social-twitter-bird.js 1.70 kB │ gzip: 0.94 kB │ map: 1.86 kB
|
|
731
723
|
dist/assets/icons/icon-assets-min/24_publications.js 1.73 kB │ gzip: 0.90 kB │ map: 1.90 kB
|
|
732
724
|
dist/utils/DropdownOverlay/DropdownOverlay.vue_vue_type_script_setup_true_lang.js 1.75 kB │ gzip: 0.95 kB │ map: 3.52 kB
|
|
733
|
-
dist/components/PlAlert/PlAlert.vue_vue_type_script_setup_true_lang.js 1.
|
|
725
|
+
dist/components/PlAlert/PlAlert.vue_vue_type_script_setup_true_lang.js 1.79 kB │ gzip: 0.84 kB │ map: 4.91 kB
|
|
734
726
|
dist/components/PlSvg/registry.js 1.79 kB │ gzip: 0.90 kB │ map: 4.76 kB
|
|
735
727
|
dist/components/DropdownListItem.vue_vue_type_script_setup_true_lang.js 1.83 kB │ gzip: 0.78 kB │ map: 3.00 kB
|
|
736
728
|
dist/components/PlCheckboxGroup/PlCheckboxGroup.vue_vue_type_script_setup_true_lang.js 1.84 kB │ gzip: 0.92 kB │ map: 5.23 kB
|
|
737
729
|
dist/components/PlAccordion/PlAccordionSection.vue_vue_type_script_setup_true_lang.js 1.87 kB │ gzip: 0.93 kB │ map: 3.24 kB
|
|
738
730
|
dist/assets/icons/icon-assets-min/24_debug.js 1.88 kB │ gzip: 0.98 kB │ map: 2.02 kB
|
|
739
|
-
dist/components/PlSlideModal/PlPureSlideModal.vue_vue_type_script_setup_true_lang.js 1.
|
|
731
|
+
dist/components/PlSlideModal/PlPureSlideModal.vue_vue_type_script_setup_true_lang.js 1.90 kB │ gzip: 0.89 kB │ map: 5.14 kB
|
|
740
732
|
dist/composition/useTransformedModel.js 1.91 kB │ gzip: 0.90 kB │ map: 3.22 kB
|
|
741
733
|
dist/assets/icons/icon-assets-min/24_pen-tool.js 1.94 kB │ gzip: 1.00 kB │ map: 2.08 kB
|
|
742
734
|
dist/components/PlSearchField/PlSearchField.vue_vue_type_script_setup_true_lang.js 1.95 kB │ gzip: 0.95 kB │ map: 3.55 kB
|
|
@@ -763,7 +755,7 @@ dist/components/PlDropdown/OptionList.vue_vue_type_script_setup_true_lang.js
|
|
|
763
755
|
dist/layout/PlBlockPage/PlBlockPage.vue_vue_type_script_setup_true_lang.js 2.80 kB │ gzip: 1.27 kB │ map: 7.49 kB
|
|
764
756
|
dist/colors/gradient.js 2.83 kB │ gzip: 1.17 kB │ map: 5.92 kB
|
|
765
757
|
dist/components/PlFileDialog/PlFileDialog.vue_vue_type_script_setup_true_lang.js 3.10 kB │ gzip: 1.34 kB │ map: 5.30 kB
|
|
766
|
-
dist/components/PlDialogModal/PlDialogModal.vue_vue_type_script_setup_true_lang.js 3.12 kB │ gzip: 1.
|
|
758
|
+
dist/components/PlDialogModal/PlDialogModal.vue_vue_type_script_setup_true_lang.js 3.12 kB │ gzip: 1.27 kB │ map: 8.47 kB
|
|
767
759
|
dist/components/DataTable/state.js 3.14 kB │ gzip: 1.20 kB │ map: 7.85 kB
|
|
768
760
|
dist/colors/palette.js 3.17 kB │ gzip: 1.31 kB │ map: 6.07 kB
|
|
769
761
|
dist/components/PlTextArea/PlTextArea.vue_vue_type_script_setup_true_lang.js 3.21 kB │ gzip: 1.43 kB │ map: 9.24 kB
|
|
@@ -796,5 +788,13 @@ dist/composition/filters/metadata.js
|
|
|
796
788
|
dist/index.js 12.50 kB │ gzip: 2.94 kB │ map: 21.27 kB
|
|
797
789
|
dist/components/PlSvg/PlSvg.vue_vue_type_script_setup_true_lang.js 39.32 kB │ gzip: 3.34 kB │ map: 8.66 kB
|
|
798
790
|
|
|
799
|
-
[
|
|
791
|
+
[33m[33m[PLUGIN_TIMINGS] Warning:[0m Your build spent significant time in plugins. Here is a breakdown:
|
|
792
|
+
- vite:asset (38%)
|
|
793
|
+
- vite:css-post (13%)
|
|
794
|
+
- vite:dts (11%)
|
|
795
|
+
- vite:build-import-analysis (8%)
|
|
796
|
+
- vite:css (8%)
|
|
797
|
+
See https://rolldown.rs/options/checks#plugintimings for more details.
|
|
798
|
+
[39m
|
|
799
|
+
[32m✓ built in 10.08s[39m
|
|
800
800
|
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.
|
|
3
|
+
> @milaboratories/uikit@2.10.41 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
|
|
11
|
+
Finished in 2820ms on 380 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.
|
|
3
|
+
> @milaboratories/uikit@2.10.41 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
|
|
9
|
+
Finished in 34ms on 307 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.
|
|
3
|
+
> @milaboratories/uikit@2.10.41 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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PlAlert.js","names":[],"sources":["../../../src/components/PlAlert/PlAlert.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n name: \"PlAlert\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-alert.scss\";\n\ndefineEmits<{\n /**\n * Emitted when the model value is updated, typically when the close button is clicked.\n *\n * @param value - The new value of the model, generally `false` when the alert is closed.\n */\n (e: \"update:modelValue\", value: boolean): void;\n}>();\n\nwithDefaults(\n defineProps<{\n /**\n * Controls the visibility of the alert component. If `true`, the alert is visible.\n *\n * @default true\n */\n modelValue?: boolean;\n /**\n * The type of alert, which determines the alert's style and icon.\n * Can be one of `'success' | 'info' | 'warn' | 'error'`.\n */\n type?: \"success\" | \"info\" | \"warn\" | \"error\";\n /**\n * An optional label that appears at the top of the alert.\n */\n label?: string;\n /**\n * If `true`, an icon corresponding to the alert type is displayed.\n */\n icon?: boolean;\n /**\n * If `true`, a close button is displayed in the alert, allowing the user to close it.\n */\n closeable?: boolean;\n /**\n * If `true`, the alert text is displayed in a monospace font.\n */\n monospace?: boolean;\n /**\n * If `true`, the alert content will preserve whitespace and line breaks.\n */\n whiteSpacePre?: boolean;\n\n /**\n * Max height (css value like '120px or 30%')\n */\n maxHeight?: string;\n }>(),\n {\n modelValue: true,\n type: undefined,\n label: undefined,\n icon: undefined,\n closeable: undefined,\n monospace: undefined,\n whiteSpacePre: undefined,\n maxHeight: undefined,\n },\n);\n\nconst iconMap = {\n success: \"success\",\n warn: \"warning\",\n info: \"edit\",\n error: \"error\",\n};\n</script>\n\n<template>\n <div\n v-if=\"modelValue\"\n class=\"pl-alert\"\n :style=\"{ maxHeight }\"\n :class=\"[{ monospace, whiteSpacePre }, type ? `pl-alert__${type}` : '']\"\n >\n <div v-if=\"icon && type\" class=\"pl-alert__icon\">\n <div :class=\"`icon-24 icon-${iconMap[type]}`\" />\n </div>\n <div class=\"pl-alert__main\">\n <label v-if=\"label\">{{ label }}</label>\n <div class=\"pl-alert__main__text\"><slot /></div>\n </div>\n <
|
|
1
|
+
{"version":3,"file":"PlAlert.js","names":[],"sources":["../../../src/components/PlAlert/PlAlert.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n name: \"PlAlert\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-alert.scss\";\n\nimport PlCloseModalBtn from \"../../utils/PlCloseModalBtn.vue\";\n\ndefineEmits<{\n /**\n * Emitted when the model value is updated, typically when the close button is clicked.\n *\n * @param value - The new value of the model, generally `false` when the alert is closed.\n */\n (e: \"update:modelValue\", value: boolean): void;\n}>();\n\nwithDefaults(\n defineProps<{\n /**\n * Controls the visibility of the alert component. If `true`, the alert is visible.\n *\n * @default true\n */\n modelValue?: boolean;\n /**\n * The type of alert, which determines the alert's style and icon.\n * Can be one of `'success' | 'info' | 'warn' | 'error'`.\n */\n type?: \"success\" | \"info\" | \"warn\" | \"error\";\n /**\n * An optional label that appears at the top of the alert.\n */\n label?: string;\n /**\n * If `true`, an icon corresponding to the alert type is displayed.\n */\n icon?: boolean;\n /**\n * If `true`, a close button is displayed in the alert, allowing the user to close it.\n */\n closeable?: boolean;\n /**\n * If `true`, the alert text is displayed in a monospace font.\n */\n monospace?: boolean;\n /**\n * If `true`, the alert content will preserve whitespace and line breaks.\n */\n whiteSpacePre?: boolean;\n\n /**\n * Max height (css value like '120px or 30%')\n */\n maxHeight?: string;\n }>(),\n {\n modelValue: true,\n type: undefined,\n label: undefined,\n icon: undefined,\n closeable: undefined,\n monospace: undefined,\n whiteSpacePre: undefined,\n maxHeight: undefined,\n },\n);\n\nconst iconMap = {\n success: \"success\",\n warn: \"warning\",\n info: \"edit\",\n error: \"error\",\n};\n</script>\n\n<template>\n <div\n v-if=\"modelValue\"\n class=\"pl-alert\"\n :style=\"{ maxHeight }\"\n :class=\"[{ monospace, whiteSpacePre }, type ? `pl-alert__${type}` : '']\"\n >\n <div v-if=\"icon && type\" class=\"pl-alert__icon\">\n <div :class=\"`icon-24 icon-${iconMap[type]}`\" />\n </div>\n <div class=\"pl-alert__main\">\n <label v-if=\"label\">{{ label }}</label>\n <div class=\"pl-alert__main__text\"><slot /></div>\n </div>\n <PlCloseModalBtn\n v-if=\"closeable\"\n class=\"pl-alert__close-btn\"\n @click=\"$emit('update:modelValue', false)\"\n />\n </div>\n</template>\n"],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PlAlert.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlAlert/PlAlert.vue"],"names":[],"mappings":"AAsGA,OAAO,iBAAiB,CAAC;;
|
|
1
|
+
{"version":3,"file":"PlAlert.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlAlert/PlAlert.vue"],"names":[],"mappings":"AAsGA,OAAO,iBAAiB,CAAC;;IAiBrB;;;;OAIG;iBACU,OAAO;IACpB;;;OAGG;WACI,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO;IAC5C;;OAEG;YACK,MAAM;IACd;;OAEG;WACI,OAAO;IACd;;OAEG;gBACS,OAAO;IACnB;;OAEG;gBACS,OAAO;IACnB;;OAEG;oBACa,OAAO;IAEvB;;OAEG;gBACS,MAAM;;;;IAnClB;;;;OAIG;iBACU,OAAO;IACpB;;;OAGG;WACI,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO;IAC5C;;OAEG;YACK,MAAM;IACd;;OAEG;WACI,OAAO;IACd;;OAEG;gBACS,OAAO;IACnB;;OAEG;gBACS,OAAO;IACnB;;OAEG;oBACa,OAAO;IAEvB;;OAEG;gBACS,MAAM;;;;WArBV,MAAM;gBATD,OAAO;UAKb,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO;UAQrC,OAAO;eAiBF,MAAM;eAbN,OAAO;eAIP,OAAO;mBAIH,OAAO;;qBAoGE,GAAG;;AA9IhC,wBAwLK;AAcL,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import './pl-alert.css';/* empty css */
|
|
2
|
-
import
|
|
3
|
-
|
|
2
|
+
import e from "../../utils/PlCloseModalBtn.js";
|
|
3
|
+
import { createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeClass as o, normalizeStyle as s, openBlock as c, renderSlot as l, toDisplayString as u } from "vue";
|
|
4
|
+
var d = {
|
|
4
5
|
key: 0,
|
|
5
6
|
class: "pl-alert__icon"
|
|
6
|
-
},
|
|
7
|
+
}, f = { class: "pl-alert__main" }, p = { key: 0 }, m = { class: "pl-alert__main__text" }, h = /* @__PURE__ */ a({
|
|
7
8
|
name: "PlAlert",
|
|
8
9
|
props: {
|
|
9
10
|
modelValue: {
|
|
@@ -31,33 +32,31 @@ var l = {
|
|
|
31
32
|
maxHeight: { default: void 0 }
|
|
32
33
|
},
|
|
33
34
|
emits: ["update:modelValue"],
|
|
34
|
-
setup(
|
|
35
|
-
let
|
|
35
|
+
setup(a) {
|
|
36
|
+
let h = {
|
|
36
37
|
success: "success",
|
|
37
38
|
warn: "warning",
|
|
38
39
|
info: "edit",
|
|
39
40
|
error: "error"
|
|
40
41
|
};
|
|
41
|
-
return (
|
|
42
|
+
return (g, _) => a.modelValue ? (c(), r("div", {
|
|
42
43
|
key: 0,
|
|
43
|
-
class:
|
|
44
|
-
monospace:
|
|
45
|
-
whiteSpacePre:
|
|
46
|
-
},
|
|
47
|
-
style:
|
|
44
|
+
class: o(["pl-alert", [{
|
|
45
|
+
monospace: a.monospace,
|
|
46
|
+
whiteSpacePre: a.whiteSpacePre
|
|
47
|
+
}, a.type ? `pl-alert__${a.type}` : ""]]),
|
|
48
|
+
style: s({ maxHeight: a.maxHeight })
|
|
48
49
|
}, [
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
50
|
+
a.icon && a.type ? (c(), r("div", d, [i("div", { class: o(`icon-24 icon-${h[a.type]}`) }, null, 2)])) : n("", !0),
|
|
51
|
+
i("div", f, [a.label ? (c(), r("label", p, u(a.label), 1)) : n("", !0), i("div", m, [l(g.$slots, "default")])]),
|
|
52
|
+
a.closeable ? (c(), t(e, {
|
|
52
53
|
key: 1,
|
|
53
54
|
class: "pl-alert__close-btn",
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
})) : e("", !0)
|
|
58
|
-
], 6)) : e("", !0);
|
|
55
|
+
onClick: _[0] ||= (e) => g.$emit("update:modelValue", !1)
|
|
56
|
+
})) : n("", !0)
|
|
57
|
+
], 6)) : n("", !0);
|
|
59
58
|
}
|
|
60
59
|
});
|
|
61
|
-
export {
|
|
60
|
+
export { h as default };
|
|
62
61
|
|
|
63
62
|
//# sourceMappingURL=PlAlert.vue2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PlAlert.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../src/components/PlAlert/PlAlert.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n name: \"PlAlert\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-alert.scss\";\n\ndefineEmits<{\n /**\n * Emitted when the model value is updated, typically when the close button is clicked.\n *\n * @param value - The new value of the model, generally `false` when the alert is closed.\n */\n (e: \"update:modelValue\", value: boolean): void;\n}>();\n\nwithDefaults(\n defineProps<{\n /**\n * Controls the visibility of the alert component. If `true`, the alert is visible.\n *\n * @default true\n */\n modelValue?: boolean;\n /**\n * The type of alert, which determines the alert's style and icon.\n * Can be one of `'success' | 'info' | 'warn' | 'error'`.\n */\n type?: \"success\" | \"info\" | \"warn\" | \"error\";\n /**\n * An optional label that appears at the top of the alert.\n */\n label?: string;\n /**\n * If `true`, an icon corresponding to the alert type is displayed.\n */\n icon?: boolean;\n /**\n * If `true`, a close button is displayed in the alert, allowing the user to close it.\n */\n closeable?: boolean;\n /**\n * If `true`, the alert text is displayed in a monospace font.\n */\n monospace?: boolean;\n /**\n * If `true`, the alert content will preserve whitespace and line breaks.\n */\n whiteSpacePre?: boolean;\n\n /**\n * Max height (css value like '120px or 30%')\n */\n maxHeight?: string;\n }>(),\n {\n modelValue: true,\n type: undefined,\n label: undefined,\n icon: undefined,\n closeable: undefined,\n monospace: undefined,\n whiteSpacePre: undefined,\n maxHeight: undefined,\n },\n);\n\nconst iconMap = {\n success: \"success\",\n warn: \"warning\",\n info: \"edit\",\n error: \"error\",\n};\n</script>\n\n<template>\n <div\n v-if=\"modelValue\"\n class=\"pl-alert\"\n :style=\"{ maxHeight }\"\n :class=\"[{ monospace, whiteSpacePre }, type ? `pl-alert__${type}` : '']\"\n >\n <div v-if=\"icon && type\" class=\"pl-alert__icon\">\n <div :class=\"`icon-24 icon-${iconMap[type]}`\" />\n </div>\n <div class=\"pl-alert__main\">\n <label v-if=\"label\">{{ label }}</label>\n <div class=\"pl-alert__main__text\"><slot /></div>\n </div>\n <
|
|
1
|
+
{"version":3,"file":"PlAlert.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../src/components/PlAlert/PlAlert.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n name: \"PlAlert\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-alert.scss\";\n\nimport PlCloseModalBtn from \"../../utils/PlCloseModalBtn.vue\";\n\ndefineEmits<{\n /**\n * Emitted when the model value is updated, typically when the close button is clicked.\n *\n * @param value - The new value of the model, generally `false` when the alert is closed.\n */\n (e: \"update:modelValue\", value: boolean): void;\n}>();\n\nwithDefaults(\n defineProps<{\n /**\n * Controls the visibility of the alert component. If `true`, the alert is visible.\n *\n * @default true\n */\n modelValue?: boolean;\n /**\n * The type of alert, which determines the alert's style and icon.\n * Can be one of `'success' | 'info' | 'warn' | 'error'`.\n */\n type?: \"success\" | \"info\" | \"warn\" | \"error\";\n /**\n * An optional label that appears at the top of the alert.\n */\n label?: string;\n /**\n * If `true`, an icon corresponding to the alert type is displayed.\n */\n icon?: boolean;\n /**\n * If `true`, a close button is displayed in the alert, allowing the user to close it.\n */\n closeable?: boolean;\n /**\n * If `true`, the alert text is displayed in a monospace font.\n */\n monospace?: boolean;\n /**\n * If `true`, the alert content will preserve whitespace and line breaks.\n */\n whiteSpacePre?: boolean;\n\n /**\n * Max height (css value like '120px or 30%')\n */\n maxHeight?: string;\n }>(),\n {\n modelValue: true,\n type: undefined,\n label: undefined,\n icon: undefined,\n closeable: undefined,\n monospace: undefined,\n whiteSpacePre: undefined,\n maxHeight: undefined,\n },\n);\n\nconst iconMap = {\n success: \"success\",\n warn: \"warning\",\n info: \"edit\",\n error: \"error\",\n};\n</script>\n\n<template>\n <div\n v-if=\"modelValue\"\n class=\"pl-alert\"\n :style=\"{ maxHeight }\"\n :class=\"[{ monospace, whiteSpacePre }, type ? `pl-alert__${type}` : '']\"\n >\n <div v-if=\"icon && type\" class=\"pl-alert__icon\">\n <div :class=\"`icon-24 icon-${iconMap[type]}`\" />\n </div>\n <div class=\"pl-alert__main\">\n <label v-if=\"label\">{{ label }}</label>\n <div class=\"pl-alert__main__text\"><slot /></div>\n </div>\n <PlCloseModalBtn\n v-if=\"closeable\"\n class=\"pl-alert__close-btn\"\n @click=\"$emit('update:modelValue', false)\"\n />\n </div>\n</template>\n"],"mappings":";;;;;;;CAEE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqER,IAAM,IAAU;GACd,SAAS;GACT,MAAM;GACN,MAAM;GACN,OAAO;GACR;mBAKS,EAAA,cAAA,GAAA,EADR,EAkBM,OAAA;;GAhBJ,OAAK,EAAA,CAAC,YAAU,CAAA;IAAA,WAEL,EAAA;IAAS,eAAE,EAAA;IAAa,EAAI,EAAA,OAAI,aAAgB,EAAA,SAAI,GAAA,CAAA,CAAA;GAD9D,OAAK,EAAA,EAAA,WAAI,EAAA,WAAS,CAAA;;GAGR,EAAA,QAAQ,EAAA,QAAA,GAAA,EAAnB,EAEM,OAFN,GAEM,CADJ,EAAgD,OAAA,EAA1C,OAAK,EAAA,gBAAkB,EAAQ,EAAA,QAAI,EAAA,EAAA,MAAA,EAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA;GAE3C,EAGM,OAHN,GAGM,CAFS,EAAA,SAAA,GAAA,EAAb,EAAuC,SAAA,GAAA,EAAhB,EAAA,MAAK,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,EAC5B,EAAgD,OAAhD,GAAgD,CAAd,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA,CAAA,CAAA;GAGpC,EAAA,aAAA,GAAA,EADR,EAIE,GAAA;;IAFA,OAAM;IACL,SAAK,AAAA,EAAA,QAAA,MAAEA,EAAAA,MAAK,qBAAA,GAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pl-alert{--text-font-family:var(--font-family-base);--text-white-space:normal;--indent:24px;border:1px solid var(--border-color-default);color:var(--txt-01);border-radius:6px;flex-wrap:nowrap;gap:12px;padding:12px;display:flex;position:relative}.pl-alert.monospace{--text-font-family:var(--font-family-monospace)}.pl-alert.whiteSpacePre{--text-white-space:pre}.pl-alert__error{background:var(--notification-error)}.pl-alert__warn{background:var(--notification-warning)}.pl-alert__success{background:var(--notification-success)}.pl-alert__info{background:var(--notification-neutral)}.pl-alert__icon{width:24px}.pl-alert__main{flex-direction:column;flex:1;gap:6px;width:100%;min-height:24px;display:flex;overflow:hidden}.pl-alert__main label{letter-spacing:-.2px;font-size:20px;font-weight:500;line-height:24px}.pl-alert__main__text{font-size:14px;font-weight:500;line-height:20px;font-family:var(--text-font-family);white-space:var(--text-white-space);--thumb-color:var(--ic-02);flex:1;max-width:100%;overflow-y:auto}.pl-alert__main__text::-webkit-scrollbar{width:var(--scrollbar-width,6px);background-color:#0000;height:5px;display:block}.pl-alert__main__text::-webkit-scrollbar-thumb{background:var(--thumb-color);border-radius:5px}.pl-alert__main__text::-webkit-scrollbar-thumb:hover{--thumb-color:var(--border-color-focus)}.pl-alert__close-btn{
|
|
1
|
+
.pl-alert{--text-font-family:var(--font-family-base);--text-white-space:normal;--indent:24px;border:1px solid var(--border-color-default);color:var(--txt-01);border-radius:6px;flex-wrap:nowrap;gap:12px;padding:12px;display:flex;position:relative}.pl-alert.monospace{--text-font-family:var(--font-family-monospace)}.pl-alert.whiteSpacePre{--text-white-space:pre}.pl-alert__error{background:var(--notification-error)}.pl-alert__warn{background:var(--notification-warning)}.pl-alert__success{background:var(--notification-success)}.pl-alert__info{background:var(--notification-neutral)}.pl-alert__icon{width:24px}.pl-alert__main{flex-direction:column;flex:1;gap:6px;width:100%;min-height:24px;display:flex;overflow:hidden}.pl-alert__main label{letter-spacing:-.2px;font-size:20px;font-weight:500;line-height:24px}.pl-alert__main__text{font-size:14px;font-weight:500;line-height:20px;font-family:var(--text-font-family);white-space:var(--text-white-space);--thumb-color:var(--ic-02);flex:1;max-width:100%;overflow-y:auto}.pl-alert__main__text::-webkit-scrollbar{width:var(--scrollbar-width,6px);background-color:#0000;height:5px;display:block}.pl-alert__main__text::-webkit-scrollbar-thumb{background:var(--thumb-color);border-radius:5px}.pl-alert__main__text::-webkit-scrollbar-thumb:hover{--thumb-color:var(--border-color-focus)}.pl-alert__close-btn{position:absolute;top:10px;right:12px}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useEventListener as e } from "../../composition/useEventListener.js";
|
|
2
|
-
import './pl-dialog-modal.css';/* empty css */
|
|
3
2
|
import t from "../../utils/PlCloseModalBtn.js";
|
|
3
|
+
import './pl-dialog-modal.css';/* empty css */
|
|
4
4
|
import { Teleport as n, Transition as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, mergeProps as d, normalizeClass as f, openBlock as p, ref as m, renderSlot as h, useSlots as g, withCtx as _, withModifiers as v } from "vue";
|
|
5
5
|
var y = {
|
|
6
6
|
key: 1,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PlPureSlideModal.js","names":[],"sources":["../../../src/components/PlSlideModal/PlPureSlideModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n name: \"PlPureSlideModal\",\n inheritAttrs: false,\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-slide-modal.scss\";\nimport { ref, useAttrs } from \"vue\";\nimport
|
|
1
|
+
{"version":3,"file":"PlPureSlideModal.js","names":[],"sources":["../../../src/components/PlSlideModal/PlPureSlideModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n name: \"PlPureSlideModal\",\n inheritAttrs: false,\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-slide-modal.scss\";\n\nimport { ref, useAttrs } from \"vue\";\nimport { useClickOutside } from \"../../composition/useClickOutside\";\nimport { useEventListener } from \"../../composition/useEventListener\";\nimport PlCloseModalBtn from \"../../utils/PlCloseModalBtn.vue\";\nimport TransitionSlidePanel from \"../TransitionSlidePanel.vue\";\nimport type { Props } from \"./props\";\nimport { defaultProps } from \"./props\";\n\nconst emit = defineEmits<{\n (e: \"update:modelValue\", value: boolean): void;\n}>();\n\nconst modal = ref();\nconst attrs = useAttrs();\nconst props = withDefaults(defineProps<Props>(), defaultProps);\n\nuseClickOutside(modal, () => {\n if (props.modelValue && props.closeOnOutsideClick) {\n emit(\"update:modelValue\", false);\n }\n});\n\nuseEventListener(document, \"keydown\", (evt: KeyboardEvent) => {\n if (evt.key === \"Escape\") {\n emit(\"update:modelValue\", false);\n }\n});\n</script>\n\n<template>\n <Teleport to=\"body\">\n <TransitionSlidePanel>\n <div\n v-if=\"props.modelValue\"\n ref=\"modal\"\n class=\"pl-slide-modal\"\n :style=\"{ width: props.width }\"\n v-bind=\"attrs\"\n @keyup.esc=\"emit('update:modelValue', false)\"\n >\n <PlCloseModalBtn class=\"close-dialog-btn\" @click=\"emit('update:modelValue', false)\" />\n <slot />\n </div>\n </TransitionSlidePanel>\n <div\n v-if=\"props.modelValue && props.shadow\"\n class=\"pl-slide-modal__shadow\"\n @keyup.esc=\"emit('update:modelValue', false)\"\n />\n </Teleport>\n</template>\n"],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PlPureSlideModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlSlideModal/PlPureSlideModal.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PlPureSlideModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlSlideModal/PlPureSlideModal.vue"],"names":[],"mappings":"AA+DA,OAAO,uBAAuB,CAAC;AAO/B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;;;;;;;;;;;;;qBAwGP,GAAG;;AApGjC,wBAqJK;AAcL,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { useEventListener as e } from "../../composition/useEventListener.js";
|
|
2
2
|
import { useClickOutside as t } from "../../composition/useClickOutside.js";
|
|
3
|
+
import n from "../../utils/PlCloseModalBtn.js";
|
|
3
4
|
import './pl-slide-modal.css';/* empty css */
|
|
4
|
-
import
|
|
5
|
-
import { defaultProps as
|
|
6
|
-
import "
|
|
7
|
-
import { Teleport as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, mergeDefaults as d, mergeProps as f, openBlock as p, ref as m, renderSlot as h, unref as g, useAttrs as _, withCtx as v, withKeys as y } from "vue";
|
|
5
|
+
import r from "../TransitionSlidePanel.js";
|
|
6
|
+
import { defaultProps as i } from "./props.js";
|
|
7
|
+
import { Teleport as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createVNode as l, defineComponent as u, mergeDefaults as d, mergeProps as f, openBlock as p, ref as m, renderSlot as h, unref as g, useAttrs as _, withCtx as v, withKeys as y } from "vue";
|
|
8
8
|
var b = /* @__PURE__ */ u({
|
|
9
9
|
name: "PlPureSlideModal",
|
|
10
10
|
inheritAttrs: !1,
|
|
@@ -13,31 +13,31 @@ var b = /* @__PURE__ */ u({
|
|
|
13
13
|
width: {},
|
|
14
14
|
shadow: { type: Boolean },
|
|
15
15
|
closeOnOutsideClick: { type: Boolean }
|
|
16
|
-
},
|
|
16
|
+
}, i),
|
|
17
17
|
emits: ["update:modelValue"],
|
|
18
|
-
setup(
|
|
19
|
-
let d = u, b = m(), x = _(), S =
|
|
18
|
+
setup(i, { emit: u }) {
|
|
19
|
+
let d = u, b = m(), x = _(), S = i;
|
|
20
20
|
return t(b, () => {
|
|
21
21
|
S.modelValue && S.closeOnOutsideClick && d("update:modelValue", !1);
|
|
22
22
|
}), e(document, "keydown", (e) => {
|
|
23
23
|
e.key === "Escape" && d("update:modelValue", !1);
|
|
24
|
-
}), (e, t) => (p(), a
|
|
25
|
-
default: v(() => [S.modelValue ? (p(),
|
|
24
|
+
}), (e, t) => (p(), o(a, { to: "body" }, [l(r, null, {
|
|
25
|
+
default: v(() => [S.modelValue ? (p(), c("div", f({
|
|
26
26
|
key: 0,
|
|
27
27
|
ref_key: "modal",
|
|
28
28
|
ref: b,
|
|
29
29
|
class: "pl-slide-modal",
|
|
30
30
|
style: { width: S.width }
|
|
31
|
-
}, g(x), { onKeyup: t[1] ||= y((e) => d("update:modelValue", !1), ["esc"]) }), [
|
|
31
|
+
}, g(x), { onKeyup: t[1] ||= y((e) => d("update:modelValue", !1), ["esc"]) }), [l(n, {
|
|
32
32
|
class: "close-dialog-btn",
|
|
33
33
|
onClick: t[0] ||= (e) => d("update:modelValue", !1)
|
|
34
|
-
}), h(e.$slots, "default")], 16)) :
|
|
34
|
+
}), h(e.$slots, "default")], 16)) : s("", !0)]),
|
|
35
35
|
_: 3
|
|
36
|
-
}), S.modelValue && S.shadow ? (p(),
|
|
36
|
+
}), S.modelValue && S.shadow ? (p(), c("div", {
|
|
37
37
|
key: 0,
|
|
38
38
|
class: "pl-slide-modal__shadow",
|
|
39
39
|
onKeyup: t[2] ||= y((e) => d("update:modelValue", !1), ["esc"])
|
|
40
|
-
}, null, 32)) :
|
|
40
|
+
}, null, 32)) : s("", !0)]));
|
|
41
41
|
}
|
|
42
42
|
});
|
|
43
43
|
export { b as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PlPureSlideModal.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlSlideModal/PlPureSlideModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n name: \"PlPureSlideModal\",\n inheritAttrs: false,\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-slide-modal.scss\";\nimport { ref, useAttrs } from \"vue\";\nimport
|
|
1
|
+
{"version":3,"file":"PlPureSlideModal.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlSlideModal/PlPureSlideModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n name: \"PlPureSlideModal\",\n inheritAttrs: false,\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-slide-modal.scss\";\n\nimport { ref, useAttrs } from \"vue\";\nimport { useClickOutside } from \"../../composition/useClickOutside\";\nimport { useEventListener } from \"../../composition/useEventListener\";\nimport PlCloseModalBtn from \"../../utils/PlCloseModalBtn.vue\";\nimport TransitionSlidePanel from \"../TransitionSlidePanel.vue\";\nimport type { Props } from \"./props\";\nimport { defaultProps } from \"./props\";\n\nconst emit = defineEmits<{\n (e: \"update:modelValue\", value: boolean): void;\n}>();\n\nconst modal = ref();\nconst attrs = useAttrs();\nconst props = withDefaults(defineProps<Props>(), defaultProps);\n\nuseClickOutside(modal, () => {\n if (props.modelValue && props.closeOnOutsideClick) {\n emit(\"update:modelValue\", false);\n }\n});\n\nuseEventListener(document, \"keydown\", (evt: KeyboardEvent) => {\n if (evt.key === \"Escape\") {\n emit(\"update:modelValue\", false);\n }\n});\n</script>\n\n<template>\n <Teleport to=\"body\">\n <TransitionSlidePanel>\n <div\n v-if=\"props.modelValue\"\n ref=\"modal\"\n class=\"pl-slide-modal\"\n :style=\"{ width: props.width }\"\n v-bind=\"attrs\"\n @keyup.esc=\"emit('update:modelValue', false)\"\n >\n <PlCloseModalBtn class=\"close-dialog-btn\" @click=\"emit('update:modelValue', false)\" />\n <slot />\n </div>\n </TransitionSlidePanel>\n <div\n v-if=\"props.modelValue && props.shadow\"\n class=\"pl-slide-modal__shadow\"\n @keyup.esc=\"emit('update:modelValue', false)\"\n />\n </Teleport>\n</template>\n"],"mappings":";;;;;;;;CAEE,MAAM;CACN,cAAc;;;;;;;;;EAehB,IAAM,IAAO,GAIP,IAAQ,GAAK,EACb,IAAQ,GAAU,EAClB,IAAQ;SAEd,EAAgB,SAAa;AAC3B,GAAI,EAAM,cAAc,EAAM,uBAC5B,EAAK,qBAAqB,GAAM;IAElC,EAEF,EAAiB,UAAU,YAAY,MAAuB;AAC5D,GAAI,EAAI,QAAQ,YACd,EAAK,qBAAqB,GAAM;IAElC,kBAIA,EAmBW,GAAA,EAnBD,IAAG,QAAM,EAAA,CACjB,EAYuB,GAAA,MAAA;oBADf,CATE,EAAM,cAAA,GAAA,EADd,EAUM,OAVN,EAUM;;aARA;IAAJ,KAAI;IACJ,OAAM;IACL,OAAK,EAAA,OAAW,EAAM,OAAK;MACpB,EAAA,EAAK,EAAA,EACZ,SAAK,AAAA,EAAA,OAAA,GAAA,MAAM,EAAI,qBAAA,GAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,CAEhB,EAAsF,GAAA;IAArE,OAAM;IAAoB,SAAK,AAAA,EAAA,QAAA,MAAE,EAAI,qBAAA,GAAA;OACtD,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,GAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA;;MAIJ,EAAM,cAAc,EAAM,UAAA,GAAA,EADlC,EAIE,OAAA;;GAFA,OAAM;GACL,SAAK,AAAA,EAAA,OAAA,GAAA,MAAM,EAAI,qBAAA,GAAA,EAAA,CAAA,MAAA,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pl-slide-modal{--padding-top:0;--padding-bottom:0;top:var(--title-bar-height);z-index:var(--z-slide-dialog);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);will-change:transform;border-left:1px solid var(--div-grey);background-color:#fff;flex-direction:column;width:368px;min-width:368px;max-width:100%;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 8px 16px -4px #0f244d29,0 12px 32px -4px #0f244d29}.pl-slide-modal .close-dialog-btn{
|
|
1
|
+
.pl-slide-modal{--padding-top:0;--padding-bottom:0;top:var(--title-bar-height);z-index:var(--z-slide-dialog);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);will-change:transform;border-left:1px solid var(--div-grey);background-color:#fff;flex-direction:column;width:368px;min-width:368px;max-width:100%;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 8px 16px -4px #0f244d29,0 12px 32px -4px #0f244d29}.pl-slide-modal .close-dialog-btn{position:absolute;top:12px;right:12px}.pl-slide-modal.has-title{--padding-top:0}.pl-slide-modal.has-actions{--padding-bottom:0}.pl-slide-modal__title{font-family:var(--font-family-base);letter-spacing:-.56px;align-items:center;width:100%;padding:24px;font-size:28px;font-style:normal;font-weight:500;line-height:40px;display:flex;overflow:hidden}.pl-slide-modal__title-content{-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pl-slide-modal__actions{align-items:center;gap:6px;min-height:88px;padding:0 24px;display:flex}.pl-slide-modal__actions button{min-width:160px}.pl-slide-modal__content{padding:16px calc(24px - var(--scrollbar-width)) 16px 24px;--thumb-color:var(--ic-02);scrollbar-gutter:stable;flex-direction:column;flex:1;gap:24px;margin:0;display:flex;overflow-y:auto}.pl-slide-modal__content::-webkit-scrollbar{width:var(--scrollbar-width,6px);background-color:#0000;height:5px;display:block}.pl-slide-modal__content::-webkit-scrollbar-thumb{background:var(--thumb-color);border-radius:5px}.pl-slide-modal__content::-webkit-scrollbar-thumb:hover{--thumb-color:var(--border-color-focus)}.pl-slide-modal__shadow{z-index:var(--z-slide-shadow);top:var(--title-bar-height);background-color:#000000a3;position:absolute;bottom:0;left:0;right:0}
|
package/dist/index.js
CHANGED
|
@@ -53,42 +53,42 @@ import ne from "./components/PlSectionSeparator/PlSectionSeparator.js";
|
|
|
53
53
|
import "./components/PlSectionSeparator/index.js";
|
|
54
54
|
import re from "./components/PlAccordion/PlAccordionSection.js";
|
|
55
55
|
import "./components/PlAccordion/index.js";
|
|
56
|
-
import ie from "./
|
|
56
|
+
import ie from "./utils/PlCloseModalBtn.js";
|
|
57
|
+
import ae from "./components/PlAlert/PlAlert.js";
|
|
57
58
|
import "./components/PlAlert/index.js";
|
|
58
|
-
import { useLabelNotch as
|
|
59
|
+
import { useLabelNotch as oe } from "./utils/useLabelNotch.js";
|
|
59
60
|
import "./components/PlIcon16/index.js";
|
|
60
61
|
import "./components/PlMaskIcon24/index.js";
|
|
61
|
-
import { useElementPosition as
|
|
62
|
-
import
|
|
62
|
+
import { useElementPosition as se } from "./composition/usePosition.js";
|
|
63
|
+
import ce from "./utils/DropdownOverlay/DropdownOverlay.js";
|
|
63
64
|
import "./utils/DropdownOverlay/index.js";
|
|
64
|
-
import { useWatchFetch as
|
|
65
|
-
import
|
|
65
|
+
import { useWatchFetch as le } from "./composition/useWatchFetch.js";
|
|
66
|
+
import ue from "./components/PlAutocomplete/PlAutocomplete.js";
|
|
66
67
|
import "./components/PlAutocomplete/index.js";
|
|
67
|
-
import
|
|
68
|
+
import de from "./components/PlChip/PlChip.js";
|
|
68
69
|
import "./components/PlChip/index.js";
|
|
69
|
-
import
|
|
70
|
+
import fe from "./components/PlAutocompleteMulti/PlAutocompleteMulti.js";
|
|
70
71
|
import "./components/PlAutocompleteMulti/index.js";
|
|
71
|
-
import
|
|
72
|
+
import pe from "./components/PlBtnAccent/PlBtnAccent.js";
|
|
72
73
|
import "./components/PlBtnAccent/index.js";
|
|
73
|
-
import
|
|
74
|
+
import me from "./components/PlBtnDanger/PlBtnDanger.js";
|
|
74
75
|
import "./components/PlBtnDanger/index.js";
|
|
75
|
-
import
|
|
76
|
+
import he from "./components/PlBtnGhost/PlBtnGhost.js";
|
|
76
77
|
import "./components/PlBtnGhost/index.js";
|
|
77
|
-
import
|
|
78
|
+
import ge from "./components/PlBtnGroup/PlBtnGroup.js";
|
|
78
79
|
import "./components/PlBtnGroup/index.js";
|
|
79
|
-
import
|
|
80
|
-
import
|
|
80
|
+
import _e from "./components/PlBtnSecondary/PlBtnSecondary.js";
|
|
81
|
+
import ve from "./components/PlBtnLink/PlBtnLink.js";
|
|
81
82
|
import "./components/PlBtnLink/index.js";
|
|
82
|
-
import
|
|
83
|
+
import $ from "./components/PlBtnPrimary/PlBtnPrimary.js";
|
|
83
84
|
import "./components/PlBtnPrimary/index.js";
|
|
84
85
|
import "./components/PlBtnSecondary/index.js";
|
|
85
|
-
import
|
|
86
|
+
import ye from "./components/PlBtnSplit/PlBtnSplit.js";
|
|
86
87
|
import "./components/PlBtnSplit/index.js";
|
|
87
|
-
import
|
|
88
|
+
import be from "./components/PlCheckbox/PlCheckbox.js";
|
|
88
89
|
import "./components/PlCheckbox/index.js";
|
|
89
|
-
import
|
|
90
|
+
import xe from "./components/PlCheckboxGroup/PlCheckboxGroup.js";
|
|
90
91
|
import "./components/PlCheckboxGroup/index.js";
|
|
91
|
-
import xe from "./utils/PlCloseModalBtn.js";
|
|
92
92
|
import Se from "./components/PlDialogModal/PlDialogModal.js";
|
|
93
93
|
import "./components/PlDialogModal/index.js";
|
|
94
94
|
import Ce from "./components/PlDropdown/PlDropdown.js";
|
|
@@ -168,6 +168,6 @@ import { watchCached as xt } from "./composition/watchCached.js";
|
|
|
168
168
|
import { icons16 as St } from "./generated/icons-16.js";
|
|
169
169
|
import { icons24 as Ct } from "./generated/icons-24.js";
|
|
170
170
|
var wt = { allCssVariables: I() };
|
|
171
|
-
export { rt as Color, c as ContextProvider, r as DataTable, wt as DemoData, s as DropdownListItem,
|
|
171
|
+
export { rt as Color, c as ContextProvider, r as DataTable, wt as DemoData, s as DropdownListItem, ce as DropdownOverlay, it as Gradient, T as LongText, V as PL_PLACEHOLDER_TEXTS, Q as PlAccordion, re as PlAccordionSection, ae as PlAlert, ue as PlAutocomplete, fe as PlAutocompleteMulti, H as PlBlockPage, pe as PlBtnAccent, me as PlBtnDanger, he as PlBtnGhost, ge as PlBtnGroup, ve as PlBtnLink, $ as PlBtnPrimary, _e as PlBtnSecondary, ye as PlBtnSplit, Je as PlChartHistogram, Ye as PlChartStackedBar, Xe as PlChartStackedBarCompact, be as PlCheckbox, xe as PlCheckboxGroup, de as PlChip, ie as PlCloseModalBtn, K as PlContainer, Se as PlDialogModal, Ce as PlDropdown, we as PlDropdownLegacy, Te as PlDropdownLine, Ee as PlDropdownMulti, De as PlDropdownMultiRef, Oe as PlDropdownRef, ke as PlEditableTitle, Ae as PlElementList, Z as PlErrorBoundary, Ue as PlFileDialog, We as PlFileInput, q as PlGrid, X as PlIcon16, R as PlIcon24, W as PlLoaderCircular, z as PlLoaderLogo, je as PlLogView, X as PlMaskIcon16, R as PlMaskIcon24, Ge as PlNotificationAlert, Me as PlNumberField, B as PlPlaceholder, Ne as PlProgressBar, Pe as PlProgressCell, Ie as PlPureSlideModal, Ze as PlRadio, Qe as PlRadioGroup, J as PlRow, Fe as PlSearchField, ne as PlSectionSeparator, Ke as PlSidebarGroup, qe as PlSidebarItem, Le as PlSlideModal, Y as PlSpacer, G as PlSplash, Re as PlStatusTag, L as PlSvg, ze as PlTabs, Be as PlTextArea, Ve as PlTextField, He as PlToggleSwitch, C as PlTooltip, N as Scrollable, w as Slider, P as SliderRange, F as SliderRangeTriple, o as ThemeSwitcher, l as animate, u as animateInfinite, d as call, $e as categoricalColors, _t as computedCached, f as delay, D as detectOutside, E as downloadContent, O as eventListener, vt as filterUiMetadata, k as getElementScrollPosition, yt as getFilterUiMetadata, bt as getFilterUiTypeOptions, St as icons16, Ct as icons24, at as interpolateColor, A as isElementVisible, p as listToOptions, et as magma, m as makeEaseInOut, h as makeEaseOut, ot as normalizeGradient, g as normalizeListOptions, tt as palettes, _ as randomInt, v as randomString, y as requestTick, j as scrollIntoView, ee as showContextMenu, b as throttle, x as timeout, S as useClickOutside, st as useComponentProp, ct as useConfirm, lt as useDraggable, te as useEventListener, ut as useFormState, t as useHover, dt as useInterval, oe as useLabelNotch, i as useLocalStorage, e as useMouse, n as useMouseCapture, U as usePlBlockPageTitleTeleportTarget, ft as usePollingQuery, se as usePosition, pt as useQuery, M as useResizeObserver, mt as useScroll, ht as useSortable, gt as useSortable2, a as useTheme, le as useWatchFetch, nt as viridis, xt as watchCached };
|
|
172
172
|
|
|
173
173
|
//# sourceMappingURL=index.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@milaboratories/uikit",
|
|
3
|
-
"version": "2.10.
|
|
3
|
+
"version": "2.10.41",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"exports": {
|
|
@@ -31,8 +31,8 @@
|
|
|
31
31
|
"resize-observer-polyfill": "^1.5.1",
|
|
32
32
|
"sortablejs": "^1.15.6",
|
|
33
33
|
"vue": "^3.5.24",
|
|
34
|
-
"@
|
|
35
|
-
"@
|
|
34
|
+
"@platforma-sdk/model": "1.58.11",
|
|
35
|
+
"@milaboratories/helpers": "1.13.6"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
38
|
"@vitest/coverage-istanbul": "^4.0.18",
|
|
@@ -40,9 +40,9 @@
|
|
|
40
40
|
"svgo": "^3.3.2",
|
|
41
41
|
"typescript": "~5.9.3",
|
|
42
42
|
"vitest": "^4.0.18",
|
|
43
|
-
"@milaboratories/build-configs": "1.5.2",
|
|
44
43
|
"@milaboratories/ts-builder": "1.3.0",
|
|
45
|
-
"@milaboratories/ts-configs": "1.2.2"
|
|
44
|
+
"@milaboratories/ts-configs": "1.2.2",
|
|
45
|
+
"@milaboratories/build-configs": "1.5.2"
|
|
46
46
|
},
|
|
47
47
|
"scripts": {
|
|
48
48
|
"dev": "ts-builder serve --target browser-lib --build-config ./build.browser-lib.config.js",
|
|
@@ -7,6 +7,8 @@ export default {
|
|
|
7
7
|
<script lang="ts" setup>
|
|
8
8
|
import "./pl-alert.scss";
|
|
9
9
|
|
|
10
|
+
import PlCloseModalBtn from "../../utils/PlCloseModalBtn.vue";
|
|
11
|
+
|
|
10
12
|
defineEmits<{
|
|
11
13
|
/**
|
|
12
14
|
* Emitted when the model value is updated, typically when the close button is clicked.
|
|
@@ -89,11 +91,9 @@ const iconMap = {
|
|
|
89
91
|
<label v-if="label">{{ label }}</label>
|
|
90
92
|
<div class="pl-alert__main__text"><slot /></div>
|
|
91
93
|
</div>
|
|
92
|
-
<
|
|
94
|
+
<PlCloseModalBtn
|
|
93
95
|
v-if="closeable"
|
|
94
96
|
class="pl-alert__close-btn"
|
|
95
|
-
aria-label="Close alert"
|
|
96
|
-
role="button"
|
|
97
97
|
@click="$emit('update:modelValue', false)"
|
|
98
98
|
/>
|
|
99
99
|
</div>
|
|
@@ -72,12 +72,5 @@
|
|
|
72
72
|
position: absolute;
|
|
73
73
|
top: 10px;
|
|
74
74
|
right: 12px;
|
|
75
|
-
cursor: pointer;
|
|
76
|
-
background-color: #d3d7e0;
|
|
77
|
-
@include mask(url(../../assets/images/24_close.svg), 24px);
|
|
78
|
-
transition: all 0.1s ease-in-out;
|
|
79
|
-
&:hover {
|
|
80
|
-
background-color: var(--main-dark-color);
|
|
81
|
-
}
|
|
82
75
|
}
|
|
83
76
|
}
|
|
@@ -7,9 +7,12 @@ export default {
|
|
|
7
7
|
|
|
8
8
|
<script lang="ts" setup>
|
|
9
9
|
import "./pl-slide-modal.scss";
|
|
10
|
+
|
|
10
11
|
import { ref, useAttrs } from "vue";
|
|
12
|
+
import { useClickOutside } from "../../composition/useClickOutside";
|
|
13
|
+
import { useEventListener } from "../../composition/useEventListener";
|
|
14
|
+
import PlCloseModalBtn from "../../utils/PlCloseModalBtn.vue";
|
|
11
15
|
import TransitionSlidePanel from "../TransitionSlidePanel.vue";
|
|
12
|
-
import { useClickOutside, useEventListener } from "../../index";
|
|
13
16
|
import type { Props } from "./props";
|
|
14
17
|
import { defaultProps } from "./props";
|
|
15
18
|
|
|
@@ -45,7 +48,7 @@ useEventListener(document, "keydown", (evt: KeyboardEvent) => {
|
|
|
45
48
|
v-bind="attrs"
|
|
46
49
|
@keyup.esc="emit('update:modelValue', false)"
|
|
47
50
|
>
|
|
48
|
-
<
|
|
51
|
+
<PlCloseModalBtn class="close-dialog-btn" @click="emit('update:modelValue', false)" />
|
|
49
52
|
<slot />
|
|
50
53
|
</div>
|
|
51
54
|
</TransitionSlidePanel>
|
|
@@ -29,16 +29,8 @@
|
|
|
29
29
|
|
|
30
30
|
.close-dialog-btn {
|
|
31
31
|
position: absolute;
|
|
32
|
-
z-index: 1;
|
|
33
32
|
top: 12px;
|
|
34
33
|
right: 12px;
|
|
35
|
-
cursor: pointer;
|
|
36
|
-
background-color: #d3d7e0;
|
|
37
|
-
@include mask(url("../../assets/images/24_close.svg"), 24px);
|
|
38
|
-
|
|
39
|
-
&:hover {
|
|
40
|
-
background-color: var(--main-dark-color);
|
|
41
|
-
}
|
|
42
34
|
}
|
|
43
35
|
|
|
44
36
|
&.has-title {
|