@milaboratories/uikit 2.11.7 → 2.11.8
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 +13 -13
- 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/PlDialogModal/PlDialogModal.js.map +1 -1
- package/dist/components/PlDialogModal/PlDialogModal.vue.d.ts +1 -0
- package/dist/components/PlDialogModal/PlDialogModal.vue.d.ts.map +1 -1
- package/dist/components/PlDialogModal/PlDialogModal.vue2.js +4 -1
- package/dist/components/PlDialogModal/PlDialogModal.vue2.js.map +1 -1
- package/package.json +4 -4
- package/src/components/PlDialogModal/PlDialogModal.vue +1 -0
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.11.
|
|
3
|
+
> @milaboratories/uikit@2.11.8 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 11623ms.
|
|
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
|
|
@@ -224,7 +224,7 @@ dist/components/PlFileDialog/PlFileDialog.js
|
|
|
224
224
|
dist/components/SliderRangeTriple.js 0.21 kB │ gzip: 0.16 kB │ map: 10.26 kB
|
|
225
225
|
dist/components/DataTable/TableComponent.js 0.21 kB │ gzip: 0.16 kB │ map: 3.77 kB
|
|
226
226
|
dist/components/PlCheckbox/PlCheckboxBase.js 0.22 kB │ gzip: 0.17 kB │ map: 0.73 kB
|
|
227
|
-
dist/components/PlDialogModal/PlDialogModal.js 0.22 kB │ gzip: 0.16 kB │ map: 4.
|
|
227
|
+
dist/components/PlDialogModal/PlDialogModal.js 0.22 kB │ gzip: 0.16 kB │ map: 4.61 kB
|
|
228
228
|
dist/components/PlDropdownRef/PlDropdownRef.js 0.22 kB │ gzip: 0.16 kB │ map: 3.02 kB
|
|
229
229
|
dist/components/PlNumberField/PlNumberField.js 0.22 kB │ gzip: 0.16 kB │ map: 10.17 kB
|
|
230
230
|
dist/components/PlProgressBar/PlProgressBar.js 0.22 kB │ gzip: 0.16 kB │ map: 0.93 kB
|
|
@@ -589,6 +589,14 @@ dist/assets/icons/icon-assets-min/24_folder-parent.js
|
|
|
589
589
|
dist/assets/icons/icon-assets-min/24_file-doc-add.js 0.74 kB │ gzip: 0.43 kB │ map: 0.83 kB
|
|
590
590
|
dist/assets/icons/icon-assets-min/24_filter.js 0.74 kB │ gzip: 0.44 kB │ map: 0.83 kB
|
|
591
591
|
dist/assets/icons/icon-assets-min/24_cpu.js 0.74 kB │ gzip: 0.42 kB │ map: 0.82 kB
|
|
592
|
+
[33m[33m[PLUGIN_TIMINGS] Warning:[0m Your build spent significant time in plugins. Here is a breakdown:
|
|
593
|
+
- vite:asset (39%)
|
|
594
|
+
- sourcemaps (14%)
|
|
595
|
+
- vite:dts (11%)
|
|
596
|
+
- vite:css-post (11%)
|
|
597
|
+
- vite:vue (8%)
|
|
598
|
+
See https://rolldown.rs/options/checks#plugintimings for more details.
|
|
599
|
+
[39m
|
|
592
600
|
dist/components/PlChartHistogram/createGridlines.js 0.75 kB │ gzip: 0.42 kB │ map: 2.52 kB
|
|
593
601
|
dist/assets/icons/icon-assets-min/24_cloud-online.js 0.76 kB │ gzip: 0.47 kB │ map: 0.84 kB
|
|
594
602
|
dist/generated/icons-16.js 0.76 kB │ gzip: 0.44 kB │ map: 1.35 kB
|
|
@@ -753,19 +761,11 @@ dist/generated/icons-24.js
|
|
|
753
761
|
dist/assets/icons/icon-assets-min/24_file-logs-accent.js 2.52 kB │ gzip: 1.25 kB │ map: 2.63 kB
|
|
754
762
|
dist/components/PlEditableTitle/PlEditableTitle.vue_vue_type_script_setup_true_lang.js 2.54 kB │ gzip: 1.21 kB │ map: 4.40 kB
|
|
755
763
|
dist/components/PlDropdown/OptionList.vue_vue_type_script_setup_true_lang.js 2.63 kB │ gzip: 1.08 kB │ map: 3.66 kB
|
|
756
|
-
[33m[33m[PLUGIN_TIMINGS] Warning:[0m Your build spent significant time in plugins. Here is a breakdown:
|
|
757
|
-
- vite:asset (35%)
|
|
758
|
-
- vite:css-post (15%)
|
|
759
|
-
- vite:dts (10%)
|
|
760
|
-
- vite:vue (9%)
|
|
761
|
-
- vite:build-import-analysis (8%)
|
|
762
|
-
See https://rolldown.rs/options/checks#plugintimings for more details.
|
|
763
|
-
[39m
|
|
764
764
|
dist/layout/PlBlockPage/PlBlockPage.vue_vue_type_script_setup_true_lang.js 2.89 kB │ gzip: 1.32 kB │ map: 7.63 kB
|
|
765
765
|
dist/colors/palette.js 3.16 kB │ gzip: 1.28 kB │ map: 6.06 kB
|
|
766
766
|
dist/components/DataTable/state.js 3.20 kB │ gzip: 1.23 kB │ map: 7.85 kB
|
|
767
767
|
dist/components/PlFileDialog/PlFileDialog.vue_vue_type_script_setup_true_lang.js 3.20 kB │ gzip: 1.39 kB │ map: 5.30 kB
|
|
768
|
-
dist/components/PlDialogModal/PlDialogModal.vue_vue_type_script_setup_true_lang.js 3.
|
|
768
|
+
dist/components/PlDialogModal/PlDialogModal.vue_vue_type_script_setup_true_lang.js 3.25 kB │ gzip: 1.31 kB │ map: 8.67 kB
|
|
769
769
|
dist/components/PlTextArea/PlTextArea.vue_vue_type_script_setup_true_lang.js 3.31 kB │ gzip: 1.47 kB │ map: 9.38 kB
|
|
770
770
|
dist/components/PlTooltip/PlTooltip.vue_vue_type_script_setup_true_lang.js 3.33 kB │ gzip: 1.45 kB │ map: 10.99 kB
|
|
771
771
|
dist/composition/useSortable.js 3.36 kB │ gzip: 1.25 kB │ map: 9.52 kB
|
|
@@ -796,5 +796,5 @@ dist/composition/filters/metadata.js
|
|
|
796
796
|
dist/index.js 12.53 kB │ gzip: 2.96 kB │ map: 21.32 kB
|
|
797
797
|
dist/components/PlSvg/PlSvg.vue_vue_type_script_setup_true_lang.js 39.41 kB │ gzip: 3.40 kB │ map: 8.66 kB
|
|
798
798
|
|
|
799
|
-
[32m✓ built in
|
|
799
|
+
[32m✓ built in 15.03s[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.11.
|
|
3
|
+
> @milaboratories/uikit@2.11.8 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 3090ms on 381 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.11.
|
|
3
|
+
> @milaboratories/uikit@2.11.8 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 32ms on 308 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.11.
|
|
3
|
+
> @milaboratories/uikit@2.11.8 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":"PlDialogModal.js","names":[],"sources":["../../../src/components/PlDialogModal/PlDialogModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n inheritAttrs: false,\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { useEventListener } from \"../../composition/useEventListener\";\nimport \"./pl-dialog-modal.scss\";\nimport { computed, ref } from \"vue\";\nimport PlCloseModalBtn from \"../../utils/PlCloseModalBtn.vue\";\nimport type { Size } from \"../../types\";\n\nconst slots = defineSlots<{\n title?: () => unknown;\n default?: () => unknown;\n actions?: () => unknown;\n}>();\n\nconst emit = defineEmits([\"update:modelValue\"]);\n\nconst props = withDefaults(\n defineProps<{\n /**\n * Determines whether the modal is open\n */\n modelValue: boolean;\n /**\n * css width (default value is `448px`)\n */\n width?: string;\n /**\n * css height (default value is `auto`)\n */\n height?: string;\n /**\n * css min-height (default value is `auto`)\n */\n minHeight?: string;\n /**\n * css min-height (default value is `auto` but recommended is 440px)\n */\n maxHeight?: string;\n /**\n * Enables a button to close the modal (default: `true`)\n */\n closable?: boolean;\n /**\n * If `true` content gutters are removed\n */\n noContentGutters?: boolean;\n /**\n * If `true` top content gutter is removed\n */\n noTopContentGutter?: boolean;\n /**\n * Actions slot has a top border (default: `true`)\n */\n actionsHasTopBorder?: boolean;\n /**\n * If `true`, the modal window closes when clicking outside the modal area (default: `true`)\n */\n closeOnOutsideClick?: boolean;\n /**\n * Predefined size (standard small | medium | large). Takes precedence over (min|max)(width|height) properties. Not defined by default.\n */\n size?: Size | undefined;\n }>(),\n {\n width: \"448px\",\n minHeight: \"auto\",\n maxHeight: \"auto\",\n height: \"auto\",\n closable: true,\n noContentGutters: false,\n actionsHasTopBorder: true,\n size: undefined,\n },\n);\n\nconst modal = ref<HTMLElement>();\n\nconst style = computed(() => {\n const { width, height, minHeight, maxHeight, size } = props;\n\n if (size === \"small\") {\n return {\n width: \"448px\",\n height: \"440px\",\n minHeight: \"auto\",\n maxHeight: \"auto\",\n };\n }\n\n if (size === \"medium\") {\n return {\n width: \"720px\",\n height: \"720px\",\n minHeight: \"auto\",\n maxHeight: \"auto\",\n };\n }\n\n if (size === \"large\") {\n return {\n width: \"1080px\",\n height: \"880px\",\n minHeight: \"auto\",\n maxHeight: \"auto\",\n };\n }\n\n return { width, height, minHeight, maxHeight };\n});\n\nfunction onClickShadow(ev: Event) {\n if (\n modal.value &&\n props.closeOnOutsideClick &&\n document.contains(ev.target as Node) &&\n !modal.value.contains(ev.target as Node)\n ) {\n emit(\"update:modelValue\", false);\n }\n}\n\nuseEventListener(document.body, \"keyup\", (ev) => {\n if (props.modelValue && ev.code === \"Escape\") {\n emit(\"update:modelValue\", false);\n }\n});\n</script>\n\n<template>\n <Teleport to=\"body\">\n <Transition name=\"dialog\">\n <div v-if=\"modelValue\" class=\"pl-dialog-modal__shadow\" @click=\"onClickShadow\">\n <div\n v-bind=\"$attrs\"\n ref=\"modal\"\n class=\"pl-dialog-modal\"\n :class=\"{ 'has-title': slots.title, 'has-content': slots.default }\"\n :style=\"style\"\n >\n <PlCloseModalBtn\n v-if=\"closable\"\n class=\"close-modal-btn\"\n @click.stop=\"emit('update:modelValue', false)\"\n />\n <div v-if=\"slots.title\" class=\"pl-dialog-modal__title\">\n <slot name=\"title\" />\n </div>\n <div\n class=\"pl-dialog-modal__content\"\n :class=\"{\n 'no-content-gutters': noContentGutters,\n 'no-top-content-gutter': noTopContentGutter,\n }\"\n >\n <slot />\n </div>\n <div\n v-if=\"slots.actions\"\n class=\"pl-dialog-modal__actions\"\n :class=\"{ 'has-top-border': actionsHasTopBorder }\"\n >\n <slot name=\"actions\" />\n </div>\n </div>\n </div>\n </Transition>\n </Teleport>\n</template>\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"PlDialogModal.js","names":[],"sources":["../../../src/components/PlDialogModal/PlDialogModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n inheritAttrs: false,\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { useEventListener } from \"../../composition/useEventListener\";\nimport \"./pl-dialog-modal.scss\";\nimport { computed, ref } from \"vue\";\nimport PlCloseModalBtn from \"../../utils/PlCloseModalBtn.vue\";\nimport type { Size } from \"../../types\";\n\nconst slots = defineSlots<{\n title?: () => unknown;\n default?: () => unknown;\n actions?: () => unknown;\n}>();\n\nconst emit = defineEmits([\"update:modelValue\"]);\n\nconst props = withDefaults(\n defineProps<{\n /**\n * Determines whether the modal is open\n */\n modelValue: boolean;\n /**\n * css width (default value is `448px`)\n */\n width?: string;\n /**\n * css height (default value is `auto`)\n */\n height?: string;\n /**\n * css min-height (default value is `auto`)\n */\n minHeight?: string;\n /**\n * css min-height (default value is `auto` but recommended is 440px)\n */\n maxHeight?: string;\n /**\n * Enables a button to close the modal (default: `true`)\n */\n closable?: boolean;\n /**\n * If `true` content gutters are removed\n */\n noContentGutters?: boolean;\n /**\n * If `true` top content gutter is removed\n */\n noTopContentGutter?: boolean;\n /**\n * Actions slot has a top border (default: `true`)\n */\n actionsHasTopBorder?: boolean;\n /**\n * If `true`, the modal window closes when clicking outside the modal area (default: `true`)\n */\n closeOnOutsideClick?: boolean;\n /**\n * Predefined size (standard small | medium | large). Takes precedence over (min|max)(width|height) properties. Not defined by default.\n */\n size?: Size | undefined;\n }>(),\n {\n width: \"448px\",\n minHeight: \"auto\",\n maxHeight: \"auto\",\n height: \"auto\",\n closable: true,\n noContentGutters: false,\n actionsHasTopBorder: true,\n closeOnOutsideClick: true,\n size: undefined,\n },\n);\n\nconst modal = ref<HTMLElement>();\n\nconst style = computed(() => {\n const { width, height, minHeight, maxHeight, size } = props;\n\n if (size === \"small\") {\n return {\n width: \"448px\",\n height: \"440px\",\n minHeight: \"auto\",\n maxHeight: \"auto\",\n };\n }\n\n if (size === \"medium\") {\n return {\n width: \"720px\",\n height: \"720px\",\n minHeight: \"auto\",\n maxHeight: \"auto\",\n };\n }\n\n if (size === \"large\") {\n return {\n width: \"1080px\",\n height: \"880px\",\n minHeight: \"auto\",\n maxHeight: \"auto\",\n };\n }\n\n return { width, height, minHeight, maxHeight };\n});\n\nfunction onClickShadow(ev: Event) {\n if (\n modal.value &&\n props.closeOnOutsideClick &&\n document.contains(ev.target as Node) &&\n !modal.value.contains(ev.target as Node)\n ) {\n emit(\"update:modelValue\", false);\n }\n}\n\nuseEventListener(document.body, \"keyup\", (ev) => {\n if (props.modelValue && ev.code === \"Escape\") {\n emit(\"update:modelValue\", false);\n }\n});\n</script>\n\n<template>\n <Teleport to=\"body\">\n <Transition name=\"dialog\">\n <div v-if=\"modelValue\" class=\"pl-dialog-modal__shadow\" @click=\"onClickShadow\">\n <div\n v-bind=\"$attrs\"\n ref=\"modal\"\n class=\"pl-dialog-modal\"\n :class=\"{ 'has-title': slots.title, 'has-content': slots.default }\"\n :style=\"style\"\n >\n <PlCloseModalBtn\n v-if=\"closable\"\n class=\"close-modal-btn\"\n @click.stop=\"emit('update:modelValue', false)\"\n />\n <div v-if=\"slots.title\" class=\"pl-dialog-modal__title\">\n <slot name=\"title\" />\n </div>\n <div\n class=\"pl-dialog-modal__content\"\n :class=\"{\n 'no-content-gutters': noContentGutters,\n 'no-top-content-gutter': noTopContentGutter,\n }\"\n >\n <slot />\n </div>\n <div\n v-if=\"slots.actions\"\n class=\"pl-dialog-modal__actions\"\n :class=\"{ 'has-top-border': actionsHasTopBorder }\"\n >\n <slot name=\"actions\" />\n </div>\n </div>\n </div>\n </Transition>\n </Teleport>\n</template>\n"],"mappings":""}
|
|
@@ -102,6 +102,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
|
|
|
102
102
|
closable: boolean;
|
|
103
103
|
noContentGutters: boolean;
|
|
104
104
|
actionsHasTopBorder: boolean;
|
|
105
|
+
closeOnOutsideClick: boolean;
|
|
105
106
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
106
107
|
modal: HTMLDivElement;
|
|
107
108
|
}, any>, Readonly<{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PlDialogModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlDialogModal/PlDialogModal.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PlDialogModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlDialogModal/PlDialogModal.vue"],"names":[],"mappings":"AAiLA,OAAO,wBAAwB,CAAC;AAGhC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;;IAapC;;OAEG;gBACS,OAAO;IACnB;;OAEG;YACK,MAAM;IACd;;OAEG;aACM,MAAM;IACf;;OAEG;gBACS,MAAM;IAClB;;OAEG;gBACS,MAAM;IAClB;;OAEG;eACQ,OAAO;IAClB;;OAEG;uBACgB,OAAO;IAC1B;;OAEG;yBACkB,OAAO;IAC5B;;OAEG;0BACmB,OAAO;IAC7B;;OAEG;0BACmB,OAAO;IAC7B;;OAEG;WACI,IAAI,GAAG,SAAS;;;;IA3CvB;;OAEG;gBACS,OAAO;IACnB;;OAEG;YACK,MAAM;IACd;;OAEG;aACM,MAAM;IACf;;OAEG;gBACS,MAAM;IAClB;;OAEG;gBACS,MAAM;IAClB;;OAEG;eACQ,OAAO;IAClB;;OAEG;uBACgB,OAAO;IAC1B;;OAEG;yBACkB,OAAO;IAC5B;;OAEG;0BACmB,OAAO;IAC7B;;OAEG;0BACmB,OAAO;IAC7B;;OAEG;WACI,IAAI,GAAG,SAAS;;;;;YAhCd,MAAM;WAJP,MAAM;eAYF,MAAM;eAJN,MAAM;cAQP,OAAO;sBAIC,OAAO;yBAQJ,OAAO;yBAIP,OAAO;;;;YA/CvB,MAAM,OAAO;cACX,MAAM,OAAO;cACb,MAAM,OAAO;;YAFf,MAAM,OAAO;cACX,MAAM,OAAO;cACb,MAAM,OAAO;;AAJzB,wBAgRK;AAcL,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PlDialogModal.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../../src/components/PlDialogModal/PlDialogModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n inheritAttrs: false,\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { useEventListener } from \"../../composition/useEventListener\";\nimport \"./pl-dialog-modal.scss\";\nimport { computed, ref } from \"vue\";\nimport PlCloseModalBtn from \"../../utils/PlCloseModalBtn.vue\";\nimport type { Size } from \"../../types\";\n\nconst slots = defineSlots<{\n title?: () => unknown;\n default?: () => unknown;\n actions?: () => unknown;\n}>();\n\nconst emit = defineEmits([\"update:modelValue\"]);\n\nconst props = withDefaults(\n defineProps<{\n /**\n * Determines whether the modal is open\n */\n modelValue: boolean;\n /**\n * css width (default value is `448px`)\n */\n width?: string;\n /**\n * css height (default value is `auto`)\n */\n height?: string;\n /**\n * css min-height (default value is `auto`)\n */\n minHeight?: string;\n /**\n * css min-height (default value is `auto` but recommended is 440px)\n */\n maxHeight?: string;\n /**\n * Enables a button to close the modal (default: `true`)\n */\n closable?: boolean;\n /**\n * If `true` content gutters are removed\n */\n noContentGutters?: boolean;\n /**\n * If `true` top content gutter is removed\n */\n noTopContentGutter?: boolean;\n /**\n * Actions slot has a top border (default: `true`)\n */\n actionsHasTopBorder?: boolean;\n /**\n * If `true`, the modal window closes when clicking outside the modal area (default: `true`)\n */\n closeOnOutsideClick?: boolean;\n /**\n * Predefined size (standard small | medium | large). Takes precedence over (min|max)(width|height) properties. Not defined by default.\n */\n size?: Size | undefined;\n }>(),\n {\n width: \"448px\",\n minHeight: \"auto\",\n maxHeight: \"auto\",\n height: \"auto\",\n closable: true,\n noContentGutters: false,\n actionsHasTopBorder: true,\n size: undefined,\n },\n);\n\nconst modal = ref<HTMLElement>();\n\nconst style = computed(() => {\n const { width, height, minHeight, maxHeight, size } = props;\n\n if (size === \"small\") {\n return {\n width: \"448px\",\n height: \"440px\",\n minHeight: \"auto\",\n maxHeight: \"auto\",\n };\n }\n\n if (size === \"medium\") {\n return {\n width: \"720px\",\n height: \"720px\",\n minHeight: \"auto\",\n maxHeight: \"auto\",\n };\n }\n\n if (size === \"large\") {\n return {\n width: \"1080px\",\n height: \"880px\",\n minHeight: \"auto\",\n maxHeight: \"auto\",\n };\n }\n\n return { width, height, minHeight, maxHeight };\n});\n\nfunction onClickShadow(ev: Event) {\n if (\n modal.value &&\n props.closeOnOutsideClick &&\n document.contains(ev.target as Node) &&\n !modal.value.contains(ev.target as Node)\n ) {\n emit(\"update:modelValue\", false);\n }\n}\n\nuseEventListener(document.body, \"keyup\", (ev) => {\n if (props.modelValue && ev.code === \"Escape\") {\n emit(\"update:modelValue\", false);\n }\n});\n</script>\n\n<template>\n <Teleport to=\"body\">\n <Transition name=\"dialog\">\n <div v-if=\"modelValue\" class=\"pl-dialog-modal__shadow\" @click=\"onClickShadow\">\n <div\n v-bind=\"$attrs\"\n ref=\"modal\"\n class=\"pl-dialog-modal\"\n :class=\"{ 'has-title': slots.title, 'has-content': slots.default }\"\n :style=\"style\"\n >\n <PlCloseModalBtn\n v-if=\"closable\"\n class=\"close-modal-btn\"\n @click.stop=\"emit('update:modelValue', false)\"\n />\n <div v-if=\"slots.title\" class=\"pl-dialog-modal__title\">\n <slot name=\"title\" />\n </div>\n <div\n class=\"pl-dialog-modal__content\"\n :class=\"{\n 'no-content-gutters': noContentGutters,\n 'no-top-content-gutter': noTopContentGutter,\n }\"\n >\n <slot />\n </div>\n <div\n v-if=\"slots.actions\"\n class=\"pl-dialog-modal__actions\"\n :class=\"{ 'has-top-border': actionsHasTopBorder }\"\n >\n <slot name=\"actions\" />\n </div>\n </div>\n </div>\n </Transition>\n </Teleport>\n</template>\n"],"mappings":";;;;;;;;;CAEE,cAAc
|
|
1
|
+
{"version":3,"file":"PlDialogModal.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../../src/components/PlDialogModal/PlDialogModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n inheritAttrs: false,\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { useEventListener } from \"../../composition/useEventListener\";\nimport \"./pl-dialog-modal.scss\";\nimport { computed, ref } from \"vue\";\nimport PlCloseModalBtn from \"../../utils/PlCloseModalBtn.vue\";\nimport type { Size } from \"../../types\";\n\nconst slots = defineSlots<{\n title?: () => unknown;\n default?: () => unknown;\n actions?: () => unknown;\n}>();\n\nconst emit = defineEmits([\"update:modelValue\"]);\n\nconst props = withDefaults(\n defineProps<{\n /**\n * Determines whether the modal is open\n */\n modelValue: boolean;\n /**\n * css width (default value is `448px`)\n */\n width?: string;\n /**\n * css height (default value is `auto`)\n */\n height?: string;\n /**\n * css min-height (default value is `auto`)\n */\n minHeight?: string;\n /**\n * css min-height (default value is `auto` but recommended is 440px)\n */\n maxHeight?: string;\n /**\n * Enables a button to close the modal (default: `true`)\n */\n closable?: boolean;\n /**\n * If `true` content gutters are removed\n */\n noContentGutters?: boolean;\n /**\n * If `true` top content gutter is removed\n */\n noTopContentGutter?: boolean;\n /**\n * Actions slot has a top border (default: `true`)\n */\n actionsHasTopBorder?: boolean;\n /**\n * If `true`, the modal window closes when clicking outside the modal area (default: `true`)\n */\n closeOnOutsideClick?: boolean;\n /**\n * Predefined size (standard small | medium | large). Takes precedence over (min|max)(width|height) properties. Not defined by default.\n */\n size?: Size | undefined;\n }>(),\n {\n width: \"448px\",\n minHeight: \"auto\",\n maxHeight: \"auto\",\n height: \"auto\",\n closable: true,\n noContentGutters: false,\n actionsHasTopBorder: true,\n closeOnOutsideClick: true,\n size: undefined,\n },\n);\n\nconst modal = ref<HTMLElement>();\n\nconst style = computed(() => {\n const { width, height, minHeight, maxHeight, size } = props;\n\n if (size === \"small\") {\n return {\n width: \"448px\",\n height: \"440px\",\n minHeight: \"auto\",\n maxHeight: \"auto\",\n };\n }\n\n if (size === \"medium\") {\n return {\n width: \"720px\",\n height: \"720px\",\n minHeight: \"auto\",\n maxHeight: \"auto\",\n };\n }\n\n if (size === \"large\") {\n return {\n width: \"1080px\",\n height: \"880px\",\n minHeight: \"auto\",\n maxHeight: \"auto\",\n };\n }\n\n return { width, height, minHeight, maxHeight };\n});\n\nfunction onClickShadow(ev: Event) {\n if (\n modal.value &&\n props.closeOnOutsideClick &&\n document.contains(ev.target as Node) &&\n !modal.value.contains(ev.target as Node)\n ) {\n emit(\"update:modelValue\", false);\n }\n}\n\nuseEventListener(document.body, \"keyup\", (ev) => {\n if (props.modelValue && ev.code === \"Escape\") {\n emit(\"update:modelValue\", false);\n }\n});\n</script>\n\n<template>\n <Teleport to=\"body\">\n <Transition name=\"dialog\">\n <div v-if=\"modelValue\" class=\"pl-dialog-modal__shadow\" @click=\"onClickShadow\">\n <div\n v-bind=\"$attrs\"\n ref=\"modal\"\n class=\"pl-dialog-modal\"\n :class=\"{ 'has-title': slots.title, 'has-content': slots.default }\"\n :style=\"style\"\n >\n <PlCloseModalBtn\n v-if=\"closable\"\n class=\"close-modal-btn\"\n @click.stop=\"emit('update:modelValue', false)\"\n />\n <div v-if=\"slots.title\" class=\"pl-dialog-modal__title\">\n <slot name=\"title\" />\n </div>\n <div\n class=\"pl-dialog-modal__content\"\n :class=\"{\n 'no-content-gutters': noContentGutters,\n 'no-top-content-gutter': noTopContentGutter,\n }\"\n >\n <slot />\n </div>\n <div\n v-if=\"slots.actions\"\n class=\"pl-dialog-modal__actions\"\n :class=\"{ 'has-top-border': actionsHasTopBorder }\"\n >\n <slot name=\"actions\" />\n </div>\n </div>\n </div>\n </Transition>\n </Teleport>\n</template>\n"],"mappings":";;;;;;;;;CAEE,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAWhB,IAAM,IAAQ,GAIV,EAEE,IAAO,GAEP,IAAQ,GA4DR,IAAQ,GAAkB,EAE1B,IAAQ,QAAe;GAC3B,IAAM,EAAE,UAAO,WAAQ,cAAW,cAAW,YAAS;AA6BtD,UA3BI,MAAS,UACJ;IACL,OAAO;IACP,QAAQ;IACR,WAAW;IACX,WAAW;IACZ,GAGC,MAAS,WACJ;IACL,OAAO;IACP,QAAQ;IACR,WAAW;IACX,WAAW;IACZ,GAGC,MAAS,UACJ;IACL,OAAO;IACP,QAAQ;IACR,WAAW;IACX,WAAW;IACZ,GAGI;IAAE;IAAO;IAAQ;IAAW;IAAW;IAC9C;EAEF,SAAS,EAAc,GAAW;AAChC,GACE,EAAM,SACN,EAAM,uBACN,SAAS,SAAS,EAAG,OAAe,IACpC,CAAC,EAAM,MAAM,SAAS,EAAG,OAAc,IAEvC,EAAK,qBAAqB,GAAM;;SAIpC,EAAiB,SAAS,MAAM,UAAU,MAAO;AAC/C,GAAI,EAAM,cAAc,EAAG,SAAS,YAClC,EAAK,qBAAqB,GAAM;IAElC,kBAIA,EAqCW,GAAA,EArCD,IAAG,QAAM,EAAA,CACjB,EAmCa,GAAA,EAnCD,MAAK,UAAQ,EAAA;oBAkCjB,CAjCK,EAAA,cAAA,GAAA,EAAX,EAiCM,OAAA;;IAjCiB,OAAM;IAA2B,SAAO;OAC7D,EA+BM,OA/BN,EACUA,EA8BJ,QA9BU;aACV;IAAJ,KAAI;IACJ,OAAK,CAAC,mBAAiB;KAAA,aACA,EAAM;KAAK,eAAiB,EAAM;KAAO,CAAA;IAC/D,OAAO,EAAA;;IAGA,EAAA,YAAA,GAAA,EADR,EAIE,GAAA;;KAFA,OAAM;KACL,SAAK,AAAA,EAAA,OAAA,GAAA,MAAO,EAAI,qBAAA,GAAA,EAAA,CAAA,OAAA,CAAA;;IAER,EAAM,SAAA,GAAA,EAAjB,EAEM,OAFN,GAEM,CADJ,EAAqB,EAAA,QAAA,QAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA;IAEvB,EAQM,OAAA,EAPJ,OAAK,EAAA,CAAC,4BAA0B;2BACc,EAAA;8BAAyD,EAAA;YAKvG,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA;IAGF,EAAM,WAAA,GAAA,EADd,EAMM,OAAA;;KAJJ,OAAK,EAAA,CAAC,4BAA0B,EAAA,kBACJ,EAAA,qBAAmB,CAAA,CAAA;QAE/C,EAAuB,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@milaboratories/uikit",
|
|
3
|
-
"version": "2.11.
|
|
3
|
+
"version": "2.11.8",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"exports": {
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
"sortablejs": "^1.15.6",
|
|
33
33
|
"vue": "^3.5.24",
|
|
34
34
|
"@milaboratories/helpers": "1.14.1",
|
|
35
|
-
"@platforma-sdk/model": "1.63.
|
|
35
|
+
"@platforma-sdk/model": "1.63.12"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
38
|
"@vitest/coverage-istanbul": "^4.1.3",
|
|
@@ -40,9 +40,9 @@
|
|
|
40
40
|
"svgo": "^3.3.2",
|
|
41
41
|
"typescript": "~5.9.3",
|
|
42
42
|
"vitest": "^4.1.3",
|
|
43
|
-
"@milaboratories/
|
|
43
|
+
"@milaboratories/ts-builder": "1.3.1",
|
|
44
44
|
"@milaboratories/ts-configs": "1.2.3",
|
|
45
|
-
"@milaboratories/
|
|
45
|
+
"@milaboratories/build-configs": "2.0.0"
|
|
46
46
|
},
|
|
47
47
|
"scripts": {
|
|
48
48
|
"dev": "ts-builder serve --target browser-lib --build-config ./build.browser-lib.config.js",
|