@mozaic-ds/web-components 0.9.0 → 0.10.0
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/package.json +2 -2
- package/public/DataTableDefaultAction.nested-46712849.js +2 -0
- package/public/{DataTableDefaultAction.nested-60e24c9f.js.map → DataTableDefaultAction.nested-46712849.js.map} +1 -1
- package/public/DataTableUtilities-313a448d.js +2 -0
- package/public/DataTableUtilities-313a448d.js.map +1 -0
- package/public/adeo/DataTableDefaultAction.nested-c4d942ab.js +2 -0
- package/public/adeo/{DataTableDefaultAction.nested-ad728094.js.map → DataTableDefaultAction.nested-c4d942ab.js.map} +1 -1
- package/public/adeo/DataTableUtilities-313a448d.js +2 -0
- package/public/adeo/DataTableUtilities-313a448d.js.map +1 -0
- package/public/adeo/components/accordion/Accordion.js +1 -1
- package/public/adeo/components/badge/Badge.nested.js +1 -1
- package/public/adeo/components/badge/Badge.nested.js.map +1 -1
- package/public/adeo/components/barchart/BarChart.svelte +1 -1
- package/public/adeo/components/breadcrumb/Breadcrumb.js +1 -1
- package/public/adeo/components/breadcrumb/Breadcrumb.js.map +1 -1
- package/public/adeo/components/breadcrumb/Breadcrumb.nested.js +1 -1
- package/public/adeo/components/breadcrumb/Breadcrumb.nested.js.map +1 -1
- package/public/adeo/components/chart/BarChart.js +1 -1
- package/public/adeo/components/chart/BarChart.js.map +1 -1
- package/public/adeo/components/checkbox/Checkbox.js +1 -1
- package/public/adeo/components/checkbox/Checkbox.js.map +1 -1
- package/public/adeo/components/checkboxgroup/checkboxGroup.js +1 -1
- package/public/adeo/components/checkboxgroup/checkboxGroup.js.map +1 -1
- package/public/adeo/components/datatable/DataTable.js +1 -1
- package/public/adeo/components/datatable/DataTable.js.map +1 -1
- package/public/adeo/components/datatable/DataTable.svelte +12 -0
- package/public/adeo/components/datatable/DataTableDefaultAction.nested.js +1 -1
- package/public/adeo/components/datatable/DataTableDefaultEdtion.nested.js +1 -1
- package/public/adeo/components/datatable/DataTableDefaultEdtion.nested.js.map +1 -1
- package/public/adeo/components/datatable/DataTableDefaultFilterTags.nested.js +1 -1
- package/public/adeo/components/datatable/DataTableDefaultFilterTags.nested.js.map +1 -1
- package/public/adeo/components/datatable/DataTableFooter.nested.js +1 -1
- package/public/adeo/components/datatable/DataTableFooter.nested.js.map +1 -1
- package/public/adeo/components/datatable/data.d.ts.map +1 -1
- package/public/adeo/components/datatable/datatable.types.d.ts +9 -2
- package/public/adeo/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/adeo/components/dropdown/Dropdown.js +1 -1
- package/public/adeo/components/fileuploader/FileUploader.js +1 -1
- package/public/adeo/components/fileuploader/FileUploader.js.map +1 -1
- package/public/adeo/components/fileuploader/ResultFile.nested.js +1 -1
- package/public/adeo/components/fileuploader/ResultFile.nested.js.map +1 -1
- package/public/adeo/components/header/Header.js +1 -1
- package/public/adeo/components/header/Header.js.map +1 -1
- package/public/adeo/components/header/Header.svelte +1 -1
- package/public/adeo/components/layer/Layer.js +1 -1
- package/public/adeo/components/listbox/Listbox.js +1 -1
- package/public/adeo/components/listbox/Listbox.js.map +1 -1
- package/public/adeo/components/listbox/Listbox.nested.js +1 -1
- package/public/adeo/components/listbox/Listbox.nested.js.map +1 -1
- package/public/adeo/components/loader/Loader.nested.js +1 -1
- package/public/adeo/components/loader/Loader.nested.js.map +1 -1
- package/public/adeo/components/modal/Modal.js +1 -1
- package/public/adeo/components/notification/Notification.js +1 -1
- package/public/adeo/components/notification/Notification.js.map +1 -1
- package/public/adeo/components/pagination/Pagination.js +1 -1
- package/public/adeo/components/passwordinput/PasswordInput.js +1 -1
- package/public/adeo/components/passwordinput/PasswordInput.js.map +1 -1
- package/public/adeo/components/phonenumber/PhoneNumber.js +1 -1
- package/public/adeo/components/price/Price.js +1 -1
- package/public/adeo/components/quantityselector/QuantitySelector.js +1 -1
- package/public/adeo/components/ratings/StarsInput.js +1 -1
- package/public/adeo/components/ratings/StarsInput.js.map +1 -1
- package/public/adeo/components/ratings/StarsResult.js +1 -1
- package/public/adeo/components/select/Select.js +1 -1
- package/public/adeo/components/select/Select.js.map +1 -1
- package/public/adeo/components/sidebar/sidebar-feature-group.nested.js +1 -1
- package/public/adeo/components/sidebar/sidebar-feature-group.nested.js.map +1 -1
- package/public/adeo/components/sidebar/sidebar-feature.nested.js +1 -1
- package/public/adeo/components/sidebar/sidebar-feature.nested.js.map +1 -1
- package/public/adeo/components/sidebar/sidebar-section.nested.js +1 -1
- package/public/adeo/components/sidebar/sidebar-section.nested.js.map +1 -1
- package/public/adeo/components/sidebar/sidebar-segment.nested.js +1 -1
- package/public/adeo/components/sidebar/sidebar-segment.nested.js.map +1 -1
- package/public/adeo/components/sidebar/sidebar-separator.nested.js +1 -1
- package/public/adeo/components/sidebar/sidebar-separator.nested.js.map +1 -1
- package/public/adeo/components/sidebar/sidebar-sub-features.nested.js +1 -1
- package/public/adeo/components/sidebar/sidebar-sub-features.nested.js.map +1 -1
- package/public/adeo/components/sidebar/sidebar-user.nested.js +1 -1
- package/public/adeo/components/sidebar/sidebar-user.nested.js.map +1 -1
- package/public/adeo/components/sidebar-feature-group/sidebar-feature-group.nested.svelte +2 -4
- package/public/adeo/components/sidebar-segment/sidebar-segment.nested.svelte +2 -6
- package/public/adeo/components/tabs/Tabs.nested.js +1 -1
- package/public/adeo/components/tabs/Tabs.nested.js.map +1 -1
- package/public/adeo/components/tag/Tag.js +1 -1
- package/public/adeo/components/tag/Tag.js.map +1 -1
- package/public/adeo/components/tag/Tag.nested.js +1 -1
- package/public/adeo/components/tag/Tag.nested.js.map +1 -1
- package/public/adeo/components/textinput/Textinput.js +1 -1
- package/public/adeo/components/textinput/Textinput.nested.js +1 -1
- package/public/adeo/components/textinput/Textinput.nested.js.map +1 -1
- package/public/adeo/components/toggle/Toggle.js +1 -1
- package/public/adeo/components/toggle/Toggle.js.map +1 -1
- package/public/adeo/components/tooltip/Tooltip.js +1 -1
- package/public/adeo/utilities/DataTableUtilities.d.ts.map +1 -1
- package/public/adeo/utilities/DataTableUtilities.ts +17 -5
- package/public/bricoman/DataTableDefaultAction.nested-b325de83.js +2 -0
- package/public/bricoman/{DataTableDefaultAction.nested-e557bfca.js.map → DataTableDefaultAction.nested-b325de83.js.map} +1 -1
- package/public/bricoman/DataTableUtilities-313a448d.js +2 -0
- package/public/bricoman/DataTableUtilities-313a448d.js.map +1 -0
- package/public/bricoman/components/accordion/Accordion.js +1 -1
- package/public/bricoman/components/badge/Badge.nested.js +1 -1
- package/public/bricoman/components/badge/Badge.nested.js.map +1 -1
- package/public/bricoman/components/barchart/BarChart.svelte +1 -1
- package/public/bricoman/components/breadcrumb/Breadcrumb.js +1 -1
- package/public/bricoman/components/breadcrumb/Breadcrumb.js.map +1 -1
- package/public/bricoman/components/breadcrumb/Breadcrumb.nested.js +1 -1
- package/public/bricoman/components/breadcrumb/Breadcrumb.nested.js.map +1 -1
- package/public/bricoman/components/chart/BarChart.js +1 -1
- package/public/bricoman/components/chart/BarChart.js.map +1 -1
- package/public/bricoman/components/checkbox/Checkbox.js +1 -1
- package/public/bricoman/components/checkbox/Checkbox.js.map +1 -1
- package/public/bricoman/components/checkboxgroup/checkboxGroup.js +1 -1
- package/public/bricoman/components/checkboxgroup/checkboxGroup.js.map +1 -1
- package/public/bricoman/components/datatable/DataTable.js +1 -1
- package/public/bricoman/components/datatable/DataTable.js.map +1 -1
- package/public/bricoman/components/datatable/DataTable.svelte +12 -0
- package/public/bricoman/components/datatable/DataTableDefaultAction.nested.js +1 -1
- package/public/bricoman/components/datatable/DataTableDefaultEdtion.nested.js +1 -1
- package/public/bricoman/components/datatable/DataTableDefaultEdtion.nested.js.map +1 -1
- package/public/bricoman/components/datatable/DataTableDefaultFilterTags.nested.js +1 -1
- package/public/bricoman/components/datatable/DataTableDefaultFilterTags.nested.js.map +1 -1
- package/public/bricoman/components/datatable/DataTableFooter.nested.js +1 -1
- package/public/bricoman/components/datatable/DataTableFooter.nested.js.map +1 -1
- package/public/bricoman/components/datatable/data.d.ts.map +1 -1
- package/public/bricoman/components/datatable/datatable.types.d.ts +9 -2
- package/public/bricoman/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/bricoman/components/dropdown/Dropdown.js +1 -1
- package/public/bricoman/components/fileuploader/FileUploader.js +1 -1
- package/public/bricoman/components/fileuploader/FileUploader.js.map +1 -1
- package/public/bricoman/components/fileuploader/ResultFile.nested.js +1 -1
- package/public/bricoman/components/fileuploader/ResultFile.nested.js.map +1 -1
- package/public/bricoman/components/header/Header.js +1 -1
- package/public/bricoman/components/header/Header.js.map +1 -1
- package/public/bricoman/components/header/Header.svelte +1 -1
- package/public/bricoman/components/layer/Layer.js +1 -1
- package/public/bricoman/components/listbox/Listbox.js +1 -1
- package/public/bricoman/components/listbox/Listbox.js.map +1 -1
- package/public/bricoman/components/listbox/Listbox.nested.js +1 -1
- package/public/bricoman/components/listbox/Listbox.nested.js.map +1 -1
- package/public/bricoman/components/loader/Loader.nested.js +1 -1
- package/public/bricoman/components/loader/Loader.nested.js.map +1 -1
- package/public/bricoman/components/modal/Modal.js +1 -1
- package/public/bricoman/components/notification/Notification.js +1 -1
- package/public/bricoman/components/notification/Notification.js.map +1 -1
- package/public/bricoman/components/pagination/Pagination.js +1 -1
- package/public/bricoman/components/passwordinput/PasswordInput.js +1 -1
- package/public/bricoman/components/passwordinput/PasswordInput.js.map +1 -1
- package/public/bricoman/components/phonenumber/PhoneNumber.js +1 -1
- package/public/bricoman/components/price/Price.js +1 -1
- package/public/bricoman/components/price/Price.js.map +1 -1
- package/public/bricoman/components/quantityselector/QuantitySelector.js +1 -1
- package/public/bricoman/components/ratings/StarsInput.js +1 -1
- package/public/bricoman/components/ratings/StarsInput.js.map +1 -1
- package/public/bricoman/components/ratings/StarsResult.js +1 -1
- package/public/bricoman/components/select/Select.js +1 -1
- package/public/bricoman/components/select/Select.js.map +1 -1
- package/public/bricoman/components/sidebar/sidebar-feature-group.nested.js +1 -1
- package/public/bricoman/components/sidebar/sidebar-feature-group.nested.js.map +1 -1
- package/public/bricoman/components/sidebar/sidebar-feature.nested.js +1 -1
- package/public/bricoman/components/sidebar/sidebar-section.nested.js +1 -1
- package/public/bricoman/components/sidebar/sidebar-section.nested.js.map +1 -1
- package/public/bricoman/components/sidebar/sidebar-segment.nested.js +1 -1
- package/public/bricoman/components/sidebar/sidebar-segment.nested.js.map +1 -1
- package/public/bricoman/components/sidebar/sidebar-separator.nested.js +1 -1
- package/public/bricoman/components/sidebar/sidebar-separator.nested.js.map +1 -1
- package/public/bricoman/components/sidebar/sidebar-sub-features.nested.js +1 -1
- package/public/bricoman/components/sidebar/sidebar-sub-features.nested.js.map +1 -1
- package/public/bricoman/components/sidebar/sidebar-user.nested.js +1 -1
- package/public/bricoman/components/sidebar/sidebar-user.nested.js.map +1 -1
- package/public/bricoman/components/sidebar-feature-group/sidebar-feature-group.nested.svelte +2 -4
- package/public/bricoman/components/sidebar-segment/sidebar-segment.nested.svelte +2 -6
- package/public/bricoman/components/tabs/Tabs.nested.js +1 -1
- package/public/bricoman/components/tabs/Tabs.nested.js.map +1 -1
- package/public/bricoman/components/tag/Tag.js +1 -1
- package/public/bricoman/components/tag/Tag.js.map +1 -1
- package/public/bricoman/components/tag/Tag.nested.js +1 -1
- package/public/bricoman/components/tag/Tag.nested.js.map +1 -1
- package/public/bricoman/components/textinput/Textinput.js +1 -1
- package/public/bricoman/components/textinput/Textinput.nested.js +1 -1
- package/public/bricoman/components/textinput/Textinput.nested.js.map +1 -1
- package/public/bricoman/components/toggle/Toggle.js +1 -1
- package/public/bricoman/components/toggle/Toggle.js.map +1 -1
- package/public/bricoman/components/tooltip/Tooltip.js +1 -1
- package/public/bricoman/utilities/DataTableUtilities.d.ts.map +1 -1
- package/public/bricoman/utilities/DataTableUtilities.ts +17 -5
- package/public/components/accordion/Accordion.js +1 -1
- package/public/components/badge/Badge.nested.js +1 -1
- package/public/components/badge/Badge.nested.js.map +1 -1
- package/public/components/barchart/BarChart.svelte +1 -1
- package/public/components/breadcrumb/Breadcrumb.js +1 -1
- package/public/components/breadcrumb/Breadcrumb.js.map +1 -1
- package/public/components/breadcrumb/Breadcrumb.nested.js +1 -1
- package/public/components/breadcrumb/Breadcrumb.nested.js.map +1 -1
- package/public/components/chart/BarChart.js +1 -1
- package/public/components/chart/BarChart.js.map +1 -1
- package/public/components/checkbox/Checkbox.js +1 -1
- package/public/components/checkbox/Checkbox.js.map +1 -1
- package/public/components/checkboxgroup/checkboxGroup.js +1 -1
- package/public/components/checkboxgroup/checkboxGroup.js.map +1 -1
- package/public/components/datatable/DataTable.js +1 -1
- package/public/components/datatable/DataTable.js.map +1 -1
- package/public/components/datatable/DataTable.svelte +12 -0
- package/public/components/datatable/DataTableDefaultAction.nested.js +1 -1
- package/public/components/datatable/DataTableDefaultEdtion.nested.js +1 -1
- package/public/components/datatable/DataTableDefaultEdtion.nested.js.map +1 -1
- package/public/components/datatable/DataTableDefaultFilterTags.nested.js +1 -1
- package/public/components/datatable/DataTableDefaultFilterTags.nested.js.map +1 -1
- package/public/components/datatable/DataTableFooter.nested.js +1 -1
- package/public/components/datatable/DataTableFooter.nested.js.map +1 -1
- package/public/components/datatable/data.d.ts.map +1 -1
- package/public/components/datatable/datatable.types.d.ts +9 -2
- package/public/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/components/dropdown/Dropdown.js +1 -1
- package/public/components/fileuploader/FileUploader.js +1 -1
- package/public/components/fileuploader/FileUploader.js.map +1 -1
- package/public/components/fileuploader/ResultFile.nested.js +1 -1
- package/public/components/fileuploader/ResultFile.nested.js.map +1 -1
- package/public/components/header/Header.js +1 -1
- package/public/components/header/Header.js.map +1 -1
- package/public/components/header/Header.svelte +1 -1
- package/public/components/layer/Layer.js +1 -1
- package/public/components/listbox/Listbox.js +1 -1
- package/public/components/listbox/Listbox.js.map +1 -1
- package/public/components/listbox/Listbox.nested.js +1 -1
- package/public/components/listbox/Listbox.nested.js.map +1 -1
- package/public/components/loader/Loader.nested.js +1 -1
- package/public/components/loader/Loader.nested.js.map +1 -1
- package/public/components/modal/Modal.js +1 -1
- package/public/components/notification/Notification.js +1 -1
- package/public/components/notification/Notification.js.map +1 -1
- package/public/components/pagination/Pagination.js +1 -1
- package/public/components/passwordinput/PasswordInput.js +1 -1
- package/public/components/passwordinput/PasswordInput.js.map +1 -1
- package/public/components/phonenumber/PhoneNumber.js +1 -1
- package/public/components/price/Price.js +1 -1
- package/public/components/price/Price.js.map +1 -1
- package/public/components/quantityselector/QuantitySelector.js +1 -1
- package/public/components/ratings/StarsInput.js +1 -1
- package/public/components/ratings/StarsInput.js.map +1 -1
- package/public/components/ratings/StarsResult.js +1 -1
- package/public/components/select/Select.js +1 -1
- package/public/components/select/Select.js.map +1 -1
- package/public/components/sidebar/sidebar-feature-group.nested.js +1 -1
- package/public/components/sidebar/sidebar-feature-group.nested.js.map +1 -1
- package/public/components/sidebar/sidebar-feature.nested.js +1 -1
- package/public/components/sidebar/sidebar-feature.nested.js.map +1 -1
- package/public/components/sidebar/sidebar-section.nested.js +1 -1
- package/public/components/sidebar/sidebar-section.nested.js.map +1 -1
- package/public/components/sidebar/sidebar-segment.nested.js +1 -1
- package/public/components/sidebar/sidebar-segment.nested.js.map +1 -1
- package/public/components/sidebar/sidebar-separator.nested.js +1 -1
- package/public/components/sidebar/sidebar-separator.nested.js.map +1 -1
- package/public/components/sidebar/sidebar-sub-features.nested.js +1 -1
- package/public/components/sidebar/sidebar-sub-features.nested.js.map +1 -1
- package/public/components/sidebar/sidebar-user.nested.js +1 -1
- package/public/components/sidebar/sidebar-user.nested.js.map +1 -1
- package/public/components/sidebar-feature-group/sidebar-feature-group.nested.svelte +2 -4
- package/public/components/sidebar-segment/sidebar-segment.nested.svelte +2 -6
- package/public/components/tabs/Tabs.nested.js +1 -1
- package/public/components/tabs/Tabs.nested.js.map +1 -1
- package/public/components/tag/Tag.js +1 -1
- package/public/components/tag/Tag.js.map +1 -1
- package/public/components/tag/Tag.nested.js +1 -1
- package/public/components/tag/Tag.nested.js.map +1 -1
- package/public/components/textinput/Textinput.js +1 -1
- package/public/components/textinput/Textinput.nested.js +1 -1
- package/public/components/textinput/Textinput.nested.js.map +1 -1
- package/public/components/toggle/Toggle.js +1 -1
- package/public/components/toggle/Toggle.js.map +1 -1
- package/public/components/tooltip/Tooltip.js +1 -1
- package/public/utilities/DataTableUtilities.d.ts.map +1 -1
- package/public/utilities/DataTableUtilities.ts +17 -5
- package/public/utilities/components/datatable/data.d.ts.map +1 -1
- package/public/utilities/components/datatable/datatable.types.d.ts +9 -2
- package/public/utilities/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/utilities/stories/datatable/DataTable.stories.d.ts.map +1 -1
- package/public/utilities/stories/header/Header.stories.d.ts +1 -0
- package/public/utilities/stories/header/Header.stories.d.ts.map +1 -1
- package/public/utilities/utilities/DataTableUtilities.d.ts.map +1 -1
- package/public/DataTableDefaultAction.nested-60e24c9f.js +0 -2
- package/public/DataTableUtilities-e3e0dc27.js +0 -2
- package/public/DataTableUtilities-e3e0dc27.js.map +0 -1
- package/public/adeo/DataTableDefaultAction.nested-ad728094.js +0 -2
- package/public/adeo/DataTableUtilities-e3e0dc27.js +0 -2
- package/public/adeo/DataTableUtilities-e3e0dc27.js.map +0 -1
- package/public/bricoman/DataTableDefaultAction.nested-e557bfca.js +0 -2
- package/public/bricoman/DataTableUtilities-e3e0dc27.js +0 -2
- package/public/bricoman/DataTableUtilities-e3e0dc27.js.map +0 -1
|
@@ -54,11 +54,11 @@ export type BodyData = {
|
|
|
54
54
|
subRow?: SubRow;
|
|
55
55
|
cells: Cells;
|
|
56
56
|
};
|
|
57
|
-
export type CellsFormat = 'Text' | 'Image' | 'Badge' | 'Link' | 'LinkWithoutRedirect' | 'CheckBox' | 'IconButton' | 'CustomText' | 'ProgressBar' | 'Button';
|
|
57
|
+
export type CellsFormat = 'Text' | 'Number' | 'Image' | 'Badge' | 'Link' | 'LinkWithoutRedirect' | 'CheckBox' | 'IconButton' | 'CustomText' | 'ProgressBar' | 'FileFormat' | 'Button';
|
|
58
58
|
export type Cells = {
|
|
59
59
|
[key: string]: CellValue;
|
|
60
60
|
};
|
|
61
|
-
export type CellValue = string | Image | Badge | Link | ProgressBar | Button | IconButton | CustomText | SubRow | string[];
|
|
61
|
+
export type CellValue = string | number | Image | Badge | Link | ProgressBar | Button | IconButton | CustomText | SubRow | FileFormat | string[];
|
|
62
62
|
export type Image = {
|
|
63
63
|
src: string;
|
|
64
64
|
style?: string;
|
|
@@ -87,6 +87,13 @@ export type ProgressBar = {
|
|
|
87
87
|
branded?: boolean;
|
|
88
88
|
labelOnLeft?: boolean;
|
|
89
89
|
};
|
|
90
|
+
export type FileFormat = {
|
|
91
|
+
documentName: string;
|
|
92
|
+
documentNameTooltip: string;
|
|
93
|
+
date?: string;
|
|
94
|
+
loader?: string;
|
|
95
|
+
style?: string;
|
|
96
|
+
};
|
|
90
97
|
export type IconButton = {
|
|
91
98
|
svg: string;
|
|
92
99
|
function?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"datatable.types.d.ts","sourceRoot":"","sources":["../../../src/components/datatable/datatable.types.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,YAAY,GAAG;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACpC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,WAAW,CAAC,
|
|
1
|
+
{"version":3,"file":"datatable.types.d.ts","sourceRoot":"","sources":["../../../src/components/datatable/datatable.types.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,YAAY,GAAG;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACpC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAGF,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,SAAS,EAAE,QAAQ,EAAE,CAAC;CACvB,CAAC;AACF,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,WAAW,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AACF,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAGF,MAAM,MAAM,WAAW,GACnB,MAAM,GACN,QAAQ,GACR,OAAO,GACP,OAAO,GACP,MAAM,GACN,qBAAqB,GACrB,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,QAAQ,CAAC;AACb,MAAM,MAAM,KAAK,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,CAAC;AACjD,MAAM,MAAM,SAAS,GACjB,MAAM,GACN,MAAM,GACN,KAAK,GACL,KAAK,GACL,IAAI,GACJ,WAAW,GACX,MAAM,GACN,UAAU,GACV,UAAU,GACV,MAAM,GACN,UAAU,GACV,MAAM,EAAE,CAAC;AACb,MAAM,MAAM,KAAK,GAAG;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AACF,MAAM,MAAM,KAAK,GAAG;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;CAC/D,CAAC;AACF,MAAM,MAAM,IAAI,GAAG;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AACF,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AACF,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB,EAAE,OAAO,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AACF,MAAM,MAAM,UAAU,GAAG,cAAc,EAAE,CAAC;AAC1C,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AACF,MAAM,MAAM,MAAM,GAAG;IACnB,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAGF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAGF,MAAM,MAAM,UAAU,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,aAAa,CAAA;CAAE,CAAC;AACxE,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;AAGlD,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AACF,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,aAAa,EAAE,OAAO,CAAC;CACxB;AAGD,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;IACrB,wBAAwB,EAAE,MAAM,EAAE,CAAC;IACnC,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{S as e,i as t,a,b as l,f as i,s,v as r,w as n,c as o,e as c,d,t as m,x as g,n as p,g as h,z as x,y as u,h as b,j as w,A as f,l as $,B as M,C as I,D as v,E as y,k as A,F as D,m as j,o as k,G as E,H as C,p as z,r as S,q as N,I as T,J as _,K as L,L as G,M as Z,N as P}from"../../index-c33b3772.js";import{E as W}from"../../EventHandler-02058705.js";import{c as H}from"../../ClickOutside-63071e7a.js";import Q from"../tag/Tag.nested.js";import B from"../loader/Loader.nested.js";import O from"../listbox/Listbox.nested.js";function R(e,t,a){const l=e.slice();return l[61]=t[a],l}function J(e,t,a){const l=e.slice();return l[61]=t[a],l[65]=a,l}function V(e){let t,a,l={id:e[1]?e[1]:`autocompleteTag-${e[29]}`,class:"mc-dropdown__tag",label:e[28](),size:"s",type:"removable",dark:!1,disabled:!1,href:"",name:"",selected:!1,value:""};return t=new Q({props:l}),e[45](t),t.$on("tag-removed",e[30]),{c(){g(t.$$.fragment)},m(e,l){f(t,e,l),a=!0},p(e,a){const l={};2&a[0]&&(l.id=e[1]?e[1]:`autocompleteTag-${e[29]}`),268435456&a[0]&&(l.label=e[28]()),t.$set(l)},i(e){a||(I(t.$$.fragment,e),a=!0)},o(e){v(t.$$.fragment,e),a=!1},d(a){e[45](null),E(t,a)}}}function Y(e){let t,a,i;return{c(){t=c("button"),t.innerHTML="<navigation-control-tag--cross-24px></navigation-control-tag--cross-24px>",h(t,"class","mc-dropdown__clear"),h(t,"type","button")},m(s,r){l(s,t,r),a||(i=$(t,"click",T(e[46])),a=!0)},p:p,d(e){e&&k(t),a=!1,i()}}}function X(e){let t,a;return t=new B({props:{size:"s",theme:"primary",text:"",class:"mc-dropdown__loader"}}),{c(){g(t.$$.fragment)},m(e,l){f(t,e,l),a=!0},i(e){a||(I(t.$$.fragment,e),a=!0)},o(e){v(t.$$.fragment,e),a=!1},d(e){E(t,e)}}}function F(e){let t,a,i=e[25],s=[];for(let t=0;t<i.length;t+=1)s[t]=K(J(e,i,t));let r=e[19].length>e[15]&&U(e);return{c(){t=c("div");for(let e=0;e<s.length;e+=1)s[e].c();a=d(),r&&r.c(),h(t,"class","tags-selected")},m(e,i){l(e,t,i);for(let e=0;e<s.length;e+=1)s[e]&&s[e].m(t,null);w(t,a),r&&r.m(t,null)},p(e,l){if(33587200&l[0]|1&l[1]){let r;for(i=e[25],r=0;r<i.length;r+=1){const n=J(e,i,r);s[r]?s[r].p(n,l):(s[r]=K(n),s[r].c(),s[r].m(t,a))}for(;r<s.length;r+=1)s[r].d(1);s.length=i.length}e[19].length>e[15]?r?r.p(e,l):(r=U(e),r.c(),r.m(t,null)):r&&(r.d(1),r=null)},d(e){e&&k(t),_(s,e),r&&r.d()}}}function q(e){let t,a,i,s,r,n;function o(){return e[49](e[61])}return{c(){t=c("div"),a=c("m-tag"),G(a,"id",i=e[61].id),G(a,"label",s=e[61].label),G(a,"size","s"),G(a,"type","removable"),h(t,"class","tag-selected")},m(e,i){l(e,t,i),w(t,a),r||(n=$(a,"tag-removed",o),r=!0)},p(t,l){e=t,33554432&l[0]&&i!==(i=e[61].id)&&G(a,"id",i),33554432&l[0]&&s!==(s=e[61].label)&&G(a,"label",s)},d(e){e&&k(t),r=!1,n()}}}function K(e){let t,a=e[65]<e[15]&&q(e);return{c(){a&&a.c(),t=L()},m(e,i){a&&a.m(e,i),l(e,t,i)},p(e,l){e[65]<e[15]?a?a.p(e,l):(a=q(e),a.c(),a.m(t.parentNode,t)):a&&(a.d(1),a=null)},d(e){a&&a.d(e),e&&k(t)}}}function U(e){let t,a,i,s,r;return{c(){t=c("div"),a=c("m-tag"),G(a,"id","id-tag"),G(a,"label",i="("+e[19].length+") "+e[14]+" "),G(a,"size","s"),G(a,"type","link"),h(t,"class","tag-selected")},m(i,n){l(i,t,n),w(t,a),s||(r=$(a,"tag-selected",e[50]),s=!0)},p(e,t){540672&t[0]&&i!==(i="("+e[19].length+") "+e[14]+" ")&&G(a,"label",i)},d(e){e&&k(t),s=!1,r()}}}function ee(e){let t,a,i,s,r,n,o=e[25],d=[];for(let t=0;t<o.length;t+=1)d[t]=te(R(e,o,t));return{c(){t=c("div"),a=c("m-layer"),i=c("small"),s=c("div");for(let e=0;e<d.length;e+=1)d[e].c();h(s,"class","tags-selected"),h(i,"slot","content"),G(a,"title",e[13]),G(a,"layertitletag","h3"),G(a,"isopen",e[26])},m(o,c){l(o,t,c),w(t,a),w(a,i),w(i,s);for(let e=0;e<d.length;e+=1)d[e]&&d[e].m(s,null);r||(n=$(a,"layer-closed",e[52]),r=!0)},p(e,t){if(33554432&t[0]|1&t[1]){let a;for(o=e[25],a=0;a<o.length;a+=1){const l=R(e,o,a);d[a]?d[a].p(l,t):(d[a]=te(l),d[a].c(),d[a].m(s,null))}for(;a<d.length;a+=1)d[a].d(1);d.length=o.length}8192&t[0]&&G(a,"title",e[13]),67108864&t[0]&&G(a,"isopen",e[26])},d(e){e&&k(t),_(d,e),r=!1,n()}}}function te(e){let t,a,i,s,r,n,o;function m(){return e[51](e[61])}return{c(){t=c("div"),a=c("m-tag"),r=d(),G(a,"id",i=e[61].id),G(a,"label",s=e[61].label),G(a,"size","s"),G(a,"type","removable"),h(t,"class","tag-selected")},m(e,i){l(e,t,i),w(t,a),w(t,r),n||(o=$(a,"tag-removed",m),n=!0)},p(t,l){e=t,33554432&l[0]&&i!==(i=e[61].id)&&G(a,"id",i),33554432&l[0]&&s!==(s=e[61].label)&&G(a,"label",s)},d(e){e&&k(t),n=!1,o()}}}function ae(e){let t,a,i,s,z,S,N,T,_,L,G,P,W,Q,B,R,J,q,K,U,te,ae,ie,se=(e[24]?e[24]:e[2])+"",re=e[8]&&e[19].length>0&&!e[16]&&V(e),ne=!e[8]&&e[24]&&e[12]&&Y(e),oe=e[7]&&X();function ce(t){e[48](t)}let de={items:JSON.stringify(e[27]),open:e[20],multiple:e[8],isfiltered:le,emptysearchlabel:e[9],maxwidth:e[0],datatextexpr:e[10],datavalueexpr:e[11],selectall:e[17],labelselectall:e[18]};void 0!==e[19]&&(de.value=e[19]),L=new O({props:de}),r.push((()=>n(L,"value",ce))),L.$on("change",e[35]),L.$on("scrollend",e[36]),L.$on("select-all",e[37]);let me=e[8]&&e[16]&&F(e),ge=e[8]&&e[16]&&ee(e),pe=[{class:"mc-dropdown"},{style:U="--dropdown-tag-width: "+e[23]+"; --dropdown-width: "+e[0]+";"},e[21]],he={};for(let e=0;e<pe.length;e+=1)he=o(he,pe[e]);return{c(){t=c("div"),a=c("div"),re&&re.c(),i=d(),s=c("button"),z=m(se),S=d(),ne&&ne.c(),N=d(),T=c("div"),oe&&oe.c(),_=d(),g(L.$$.fragment),P=d(),me&&me.c(),W=d(),Q=c("span"),B=d(),R=c("span"),J=d(),q=c("span"),K=d(),ge&&ge.c(),this.c=p,h(s,"type","button"),h(s,"class","mc-select mc-dropdown__trigger"),s.disabled=e[3],x(s,"is-open",e[20]),x(s,"is-valid",e[5]),x(s,"is-invalid",e[6]),x(s,"mc-select--s","s"===e[4]),h(T,"class","mc-dropdown__tools"),h(a,"class","mc-dropdown__main"),h(Q,"class","mc-dropdown__tag"),u(Q,"display","none"),h(R,"class","mc-dropdown__loader"),u(R,"display","none"),h(q,"class","mc-text-input mc-dropdown__trigger"),u(q,"display","none"),b(t,he),x(t,"mc-dropdown--multi",e[8])},m(r,n){l(r,t,n),w(t,a),re&&re.m(a,null),w(a,i),w(a,s),w(s,z),w(s,S),ne&&ne.m(s,null),w(a,N),w(a,T),oe&&oe.m(T,null),w(t,_),f(L,t,null),w(t,P),me&&me.m(t,null),w(t,W),w(t,Q),w(t,B),w(t,R),w(t,J),w(t,q),w(t,K),ge&&ge.m(t,null),te=!0,ae||(ie=[$(s,"click",e[47]),M(H.call(null,t)),$(t,"outclick",e[34])],ae=!0)},p(e,l){e[8]&&e[19].length>0&&!e[16]?re?(re.p(e,l),590080&l[0]&&I(re,1)):(re=V(e),re.c(),I(re,1),re.m(a,i)):re&&(Z(),v(re,1,1,(()=>{re=null})),y()),(!te||16777220&l[0])&&se!==(se=(e[24]?e[24]:e[2])+"")&&A(z,se),!e[8]&&e[24]&&e[12]?ne?ne.p(e,l):(ne=Y(e),ne.c(),ne.m(s,null)):ne&&(ne.d(1),ne=null),(!te||8&l[0])&&(s.disabled=e[3]),(!te||1048576&l[0])&&x(s,"is-open",e[20]),(!te||32&l[0])&&x(s,"is-valid",e[5]),(!te||64&l[0])&&x(s,"is-invalid",e[6]),(!te||16&l[0])&&x(s,"mc-select--s","s"===e[4]),e[7]?oe?128&l[0]&&I(oe,1):(oe=X(),oe.c(),I(oe,1),oe.m(T,null)):oe&&(Z(),v(oe,1,1,(()=>{oe=null})),y());const r={};134217728&l[0]&&(r.items=JSON.stringify(e[27])),1048576&l[0]&&(r.open=e[20]),256&l[0]&&(r.multiple=e[8]),512&l[0]&&(r.emptysearchlabel=e[9]),1&l[0]&&(r.maxwidth=e[0]),1024&l[0]&&(r.datatextexpr=e[10]),2048&l[0]&&(r.datavalueexpr=e[11]),131072&l[0]&&(r.selectall=e[17]),262144&l[0]&&(r.labelselectall=e[18]),!G&&524288&l[0]&&(G=!0,r.value=e[19],D((()=>G=!1))),L.$set(r),e[8]&&e[16]?me?me.p(e,l):(me=F(e),me.c(),me.m(t,W)):me&&(me.d(1),me=null),e[8]&&e[16]?ge?ge.p(e,l):(ge=ee(e),ge.c(),ge.m(t,null)):ge&&(ge.d(1),ge=null),b(t,he=j(pe,[{class:"mc-dropdown"},(!te||8388609&l[0]&&U!==(U="--dropdown-tag-width: "+e[23]+"; --dropdown-width: "+e[0]+";"))&&{style:U},2097152&l[0]&&e[21]])),x(t,"mc-dropdown--multi",e[8])},i(e){te||(I(re),I(oe),I(L.$$.fragment,e),te=!0)},o(e){v(re),v(oe),v(L.$$.fragment,e),te=!1},d(e){e&&k(t),re&&re.d(),ne&&ne.d(),oe&&oe.d(),E(L),me&&me.d(),ge&&ge.d(),ae=!1,C(ie)}}}let le=!1;function ie(e,t,a){let l,i,s,n,c,d;const m=["maxwidth","tagid","taglabel","placeholder","disabled","size","isvalid","isinvalid","loading","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","clearfield","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"];let g=z(t,m),{maxwidth:p="100%"}=t,{tagid:h}=t,{taglabel:x=""}=t,{placeholder:u="-- Placeholder --"}=t,{disabled:b=!1}=t,{size:w="m"}=t,{isvalid:f}=t,{isinvalid:$}=t,{loading:M=!1}=t,{items:I}=t,{value:v}=t,{open:y=!1}=t,{multiple:A=!1}=t,{emptysearchlabel:D="No results found"}=t,{datatextexpr:j="label"}=t,{datavalueexpr:k="value"}=t,{nosort:E=!1}=t,{clearfield:C=!1}=t,{layertitle:T="Title layer"}=t,{showmoretagslabel:_="Show more"}=t,{maxnumbertoshowtags:L=12}=t,{alltags:G=!1}=t,{selectall:Z=!1}=t,{labelselectall:H="Select all"}=t;const Q=S(),B=Math.random();let O,R,J,V,Y=new W,X="0px",F=[],q=null;function K(){a(19,s=A?[]:""),ae(),Y.dispatch("clear",!0)}function U(e){a(19,s=s.filter((t=>t!==e))),Y.dispatch("onchange",s)}function ee(){a(26,q=!0)}function te(){a(26,q=null)}function ae(){a(20,c=!1),A&&!E?function(){V=l;const e=le();V.sort(((t,a)=>{const l=e.includes(t),i=e.includes(a);return l===i?t[k]-a[k]:l<i?1:-1})),a(27,i=V)}():a(27,i=l)}function le(e){const t=e||s;return l.filter((e=>A?t.includes(e[k]):t===e[k]))}return e.$$set=e=>{t=o(o({},t),N(e)),a(60,g=z(t,m)),"maxwidth"in e&&a(0,p=e.maxwidth),"tagid"in e&&a(1,h=e.tagid),"taglabel"in e&&a(38,x=e.taglabel),"placeholder"in e&&a(2,u=e.placeholder),"disabled"in e&&a(3,b=e.disabled),"size"in e&&a(4,w=e.size),"isvalid"in e&&a(5,f=e.isvalid),"isinvalid"in e&&a(6,$=e.isinvalid),"loading"in e&&a(7,M=e.loading),"items"in e&&a(39,I=e.items),"value"in e&&a(40,v=e.value),"open"in e&&a(41,y=e.open),"multiple"in e&&a(8,A=e.multiple),"emptysearchlabel"in e&&a(9,D=e.emptysearchlabel),"datatextexpr"in e&&a(10,j=e.datatextexpr),"datavalueexpr"in e&&a(11,k=e.datavalueexpr),"nosort"in e&&a(42,E=e.nosort),"clearfield"in e&&a(12,C=e.clearfield),"layertitle"in e&&a(13,T=e.layertitle),"showmoretagslabel"in e&&a(14,_=e.showmoretagslabel),"maxnumbertoshowtags"in e&&a(15,L=e.maxnumbertoshowtags),"alltags"in e&&a(16,G=e.alltags),"selectall"in e&&a(17,Z=e.selectall),"labelselectall"in e&&a(18,H=e.labelselectall)},e.$$.update=()=>{if(256&e.$$.dirty[1]&&a(44,l=I?JSON.parse(I):[]),8192&e.$$.dirty[1]&&a(27,i=l),256&e.$$.dirty[0]|512&e.$$.dirty[1]&&a(19,s=!v&&A?[]:v?JSON.parse(v):v),524288&e.$$.dirty[0]|128&e.$$.dirty[1]&&a(28,n=()=>s.length.toString()+" "+x),524288&e.$$.dirty[0]&&async function(e){await P(),a(25,F=le(e));const t=F.map((e=>e[j]));a(24,J=t.join(", ")),A&&a(43,R=e)}(s),4096&e.$$.dirty[1]&&async function(e){await P(),a(23,X=O&&e&&e.length?`${Q.shadowRoot.querySelector(".mc-tag-removable").clientWidth+8}px`:"0px")}(R),1024&e.$$.dirty[1]&&a(20,c=y),1048576&e.$$.dirty[0]){const e=c?"open":"close";Y.dispatch(e,c)}a(21,d=Object.assign({},g)),2097152&e.$$.dirty[0]&&delete d.class},[p,h,u,b,w,f,$,M,A,D,j,k,C,T,_,L,G,Z,H,s,c,d,O,X,J,F,q,i,n,B,K,U,ee,te,ae,function(){Y.dispatch("onchange",s),A||ae()},function(){Y.dispatch("scrollend",!0)},function(e){Y.dispatch("select-all",e.detail)},x,I,v,y,E,R,l,function(e){r[e?"unshift":"push"]((()=>{O=e,a(22,O)}))},()=>{K()},()=>a(20,c=!c),function(e){s=e,a(19,s),a(40,v),a(8,A)},e=>U(e.id),()=>ee(),e=>U(e.id),()=>te()]}class se extends e{constructor(e){super();const r=document.createElement("style");r.textContent='.mc-select{font-family:"LeroyMerlin", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px);background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==");background-color:#ffffff;background-repeat:no-repeat;background-size:1rem 1rem, 1.5rem 1.5rem;border:1px solid #666666;border-radius:4px;color:#191919;-webkit-transition:border-color 200ms ease, -webkit-box-shadow 200ms ease;transition:border-color 200ms ease, -webkit-box-shadow 200ms ease;-o-transition:border-color 200ms ease, box-shadow 200ms ease;transition:border-color 200ms ease, box-shadow 200ms ease;transition:border-color 200ms ease, box-shadow 200ms ease, -webkit-box-shadow 200ms ease;width:100%}.mc-select[type=number]::-webkit-inner-spin-button,.mc-select[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-select[type=number]{-moz-appearance:textfield}.mc-select[type=search]::-webkit-search-decoration:hover,.mc-select[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-select::-ms-expand{display:none}.mc-select.is-hover,.mc-select:hover{border-color:#191919}.mc-select.is-focus,.mc-select:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-select:disabled{background-color:#e6e6e6;border-color:#e6e6e6;color:#666666;cursor:not-allowed;opacity:1}.mc-select.is-invalid{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg=="), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjExMTIiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTEyIDdhMSAxIDAgMDAtMSAxdjQuMzhhMSAxIDAgMDAyIDBWOGExIDEgMCAwMC0xLTF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNiIgcj0iMSIvPjwvc3ZnPg==");border-color:#c61112}.mc-select.is-valid{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg=="), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNDZhNjEwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDExLTggOCA4IDggMCAwMTgtOG0wLTJhMTAgMTAgMCAxMDEwIDEwQTEwIDEwIDAgMDAxMiAyeiIvPjxwYXRoIGQ9Ik0xMC43MyAxNS43NWExIDEgMCAwMS0uNjgtLjI2bC0zLTIuNzRhMSAxIDAgMDExLjM2LTEuNDdsMi4yNSAyLjA4IDQuMzYtNC40MmExIDEgMCAxMTEuNDIgMS40MWwtNSA1LjFhMSAxIDAgMDEtLjcxLjN6Ii8+PC9zdmc+");border-color:#46a610}.mc-select--s{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}@media screen and (min-width: 680px){.mc-select--s\\@from-m{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-m{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1024px){.mc-select--s\\@from-l{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-l{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1280px){.mc-select--s\\@from-xl{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-xl{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1920px){.mc-select--s\\@from-xxl{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-xxl{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}.mc-dropdown{-ms-flex-item-align:start;align-self:start;position:relative;min-width:18rem;max-width:var(--dropdown-width, auto);width:100%}.mc-dropdown__tag,.mc-dropdown__tools{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2}.mc-dropdown__tag{left:0.75rem}.mc-dropdown__trigger{display:block;overflow:hidden;text-align:left;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.mc-dropdown__trigger.is-open{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMwMDAwMDAiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTIgMTAuNWExIDEgMCAwMS4yOS0uNzFsNS01YTEgMSAwIDAxMS40MiAwbDUgNWExIDEgMCAwMS0xLjQyIDEuNDJMOCA2LjkxbC00LjI5IDQuM2ExIDEgMCAwMS0xLjQyIDBBMSAxIDAgMDEyIDEwLjV6Ii8+PC9zdmc+")}.mc-dropdown__tools{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;right:2.5rem}.is-valid+.mc-dropdown__tools,.is-invalid+.mc-dropdown__tools{right:4.5rem}.mc-dropdown__clear{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;-webkit-transition:-webkit-box-shadow 150ms ease;transition:-webkit-box-shadow 150ms ease;-o-transition:box-shadow 150ms ease;transition:box-shadow 150ms ease;transition:box-shadow 150ms ease, -webkit-box-shadow 150ms ease;background:none;border-radius:50%}.mc-dropdown__clear:focus{-webkit-box-shadow:0 0 0 2px #0b96cc;box-shadow:0 0 0 2px #0b96cc}.mc-dropdown__clear,.mc-dropdown__clear-icon{height:1.5rem;width:1.5rem}.mc-dropdown__clear-icon{fill:#666666}.mc-dropdown__clear-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-dropdown--multi .mc-dropdown__trigger{padding-left:calc(0.75rem + var(--dropdown-tag-width, 0px))}.mc-dropdown__tag{position:absolute !important}.mc-dropdown--multi .mc-dropdown__trigger{padding-left:calc(0.75rem + var(--dropdown-tag-width)) !important}.tags-selected{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.tag-selected{margin-top:1em;margin-left:5px;margin-right:5px}',this.shadowRoot.appendChild(r),t(this,{target:this.shadowRoot,props:a(this.attributes),customElement:!0},ie,ae,s,{maxwidth:0,tagid:1,taglabel:38,placeholder:2,disabled:3,size:4,isvalid:5,isinvalid:6,loading:7,items:39,value:40,open:41,multiple:8,emptysearchlabel:9,datatextexpr:10,datavalueexpr:11,nosort:42,clearfield:12,layertitle:13,showmoretagslabel:14,maxnumbertoshowtags:15,alltags:16,selectall:17,labelselectall:18},null,[-1,-1,-1]),e&&(e.target&&l(e.target,this,e.anchor),e.props&&(this.$set(e.props),i()))}static get observedAttributes(){return["maxwidth","tagid","taglabel","placeholder","disabled","size","isvalid","isinvalid","loading","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","clearfield","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"]}get maxwidth(){return this.$$.ctx[0]}set maxwidth(e){this.$$set({maxwidth:e}),i()}get tagid(){return this.$$.ctx[1]}set tagid(e){this.$$set({tagid:e}),i()}get taglabel(){return this.$$.ctx[38]}set taglabel(e){this.$$set({taglabel:e}),i()}get placeholder(){return this.$$.ctx[2]}set placeholder(e){this.$$set({placeholder:e}),i()}get disabled(){return this.$$.ctx[3]}set disabled(e){this.$$set({disabled:e}),i()}get size(){return this.$$.ctx[4]}set size(e){this.$$set({size:e}),i()}get isvalid(){return this.$$.ctx[5]}set isvalid(e){this.$$set({isvalid:e}),i()}get isinvalid(){return this.$$.ctx[6]}set isinvalid(e){this.$$set({isinvalid:e}),i()}get loading(){return this.$$.ctx[7]}set loading(e){this.$$set({loading:e}),i()}get items(){return this.$$.ctx[39]}set items(e){this.$$set({items:e}),i()}get value(){return this.$$.ctx[40]}set value(e){this.$$set({value:e}),i()}get open(){return this.$$.ctx[41]}set open(e){this.$$set({open:e}),i()}get multiple(){return this.$$.ctx[8]}set multiple(e){this.$$set({multiple:e}),i()}get emptysearchlabel(){return this.$$.ctx[9]}set emptysearchlabel(e){this.$$set({emptysearchlabel:e}),i()}get datatextexpr(){return this.$$.ctx[10]}set datatextexpr(e){this.$$set({datatextexpr:e}),i()}get datavalueexpr(){return this.$$.ctx[11]}set datavalueexpr(e){this.$$set({datavalueexpr:e}),i()}get nosort(){return this.$$.ctx[42]}set nosort(e){this.$$set({nosort:e}),i()}get clearfield(){return this.$$.ctx[12]}set clearfield(e){this.$$set({clearfield:e}),i()}get layertitle(){return this.$$.ctx[13]}set layertitle(e){this.$$set({layertitle:e}),i()}get showmoretagslabel(){return this.$$.ctx[14]}set showmoretagslabel(e){this.$$set({showmoretagslabel:e}),i()}get maxnumbertoshowtags(){return this.$$.ctx[15]}set maxnumbertoshowtags(e){this.$$set({maxnumbertoshowtags:e}),i()}get alltags(){return this.$$.ctx[16]}set alltags(e){this.$$set({alltags:e}),i()}get selectall(){return this.$$.ctx[17]}set selectall(e){this.$$set({selectall:e}),i()}get labelselectall(){return this.$$.ctx[18]}set labelselectall(e){this.$$set({labelselectall:e}),i()}}export{se as default};
|
|
1
|
+
import{S as e,i as t,a,b as l,f as i,s,v as r,w as n,c as o,e as c,d,t as m,x as g,n as p,g as h,z as x,y as u,h as w,j as b,A as f,l as $,B as v,C as y,D as M,E as k,k as I,F as _,m as A,o as z,G as D,H as E,p as C,r as j,q as S,I as N,J as T,K as L,L as B,M as P,N as G}from"../../index-c33b3772.js";import{E as W}from"../../EventHandler-02058705.js";import{c as O}from"../../ClickOutside-63071e7a.js";import Q from"../tag/Tag.nested.js";import R from"../loader/Loader.nested.js";import Y from"../listbox/Listbox.nested.js";function H(e,t,a){const l=e.slice();return l[61]=t[a],l}function Z(e,t,a){const l=e.slice();return l[61]=t[a],l[65]=a,l}function J(e){let t,a,l={id:e[1]?e[1]:`autocompleteTag-${e[29]}`,class:"mc-dropdown__tag",label:e[28](),size:"s",type:"removable",dark:!1,disabled:!1,href:"",name:"",selected:!1,value:""};return t=new Q({props:l}),e[45](t),t.$on("tag-removed",e[30]),{c(){g(t.$$.fragment)},m(e,l){f(t,e,l),a=!0},p(e,a){const l={};2&a[0]&&(l.id=e[1]?e[1]:`autocompleteTag-${e[29]}`),268435456&a[0]&&(l.label=e[28]()),t.$set(l)},i(e){a||(y(t.$$.fragment,e),a=!0)},o(e){M(t.$$.fragment,e),a=!1},d(a){e[45](null),D(t,a)}}}function V(e){let t,a,i;return{c(){t=c("button"),t.innerHTML="<navigation-control-tag--cross-24px></navigation-control-tag--cross-24px>",h(t,"class","mc-dropdown__clear"),h(t,"type","button")},m(s,r){l(s,t,r),a||(i=$(t,"click",N(e[46])),a=!0)},p:p,d(e){e&&z(t),a=!1,i()}}}function F(e){let t,a;return t=new R({props:{size:"s",theme:"primary",text:"",class:"mc-dropdown__loader"}}),{c(){g(t.$$.fragment)},m(e,l){f(t,e,l),a=!0},i(e){a||(y(t.$$.fragment,e),a=!0)},o(e){M(t.$$.fragment,e),a=!1},d(e){D(t,e)}}}function X(e){let t,a,i=e[25],s=[];for(let t=0;t<i.length;t+=1)s[t]=K(Z(e,i,t));let r=e[19].length>e[15]&&U(e);return{c(){t=c("div");for(let e=0;e<s.length;e+=1)s[e].c();a=d(),r&&r.c(),h(t,"class","tags-selected")},m(e,i){l(e,t,i);for(let e=0;e<s.length;e+=1)s[e]&&s[e].m(t,null);b(t,a),r&&r.m(t,null)},p(e,l){if(33587200&l[0]|1&l[1]){let r;for(i=e[25],r=0;r<i.length;r+=1){const n=Z(e,i,r);s[r]?s[r].p(n,l):(s[r]=K(n),s[r].c(),s[r].m(t,a))}for(;r<s.length;r+=1)s[r].d(1);s.length=i.length}e[19].length>e[15]?r?r.p(e,l):(r=U(e),r.c(),r.m(t,null)):r&&(r.d(1),r=null)},d(e){e&&z(t),T(s,e),r&&r.d()}}}function q(e){let t,a,i,s,r,n;function o(){return e[49](e[61])}return{c(){t=c("div"),a=c("m-tag"),B(a,"id",i=e[61].id),B(a,"label",s=e[61].label),B(a,"size","s"),B(a,"type","removable"),h(t,"class","tag-selected")},m(e,i){l(e,t,i),b(t,a),r||(n=$(a,"tag-removed",o),r=!0)},p(t,l){e=t,33554432&l[0]&&i!==(i=e[61].id)&&B(a,"id",i),33554432&l[0]&&s!==(s=e[61].label)&&B(a,"label",s)},d(e){e&&z(t),r=!1,n()}}}function K(e){let t,a=e[65]<e[15]&&q(e);return{c(){a&&a.c(),t=L()},m(e,i){a&&a.m(e,i),l(e,t,i)},p(e,l){e[65]<e[15]?a?a.p(e,l):(a=q(e),a.c(),a.m(t.parentNode,t)):a&&(a.d(1),a=null)},d(e){a&&a.d(e),e&&z(t)}}}function U(e){let t,a,i,s,r;return{c(){t=c("div"),a=c("m-tag"),B(a,"id","id-tag"),B(a,"label",i="("+e[19].length+") "+e[14]+" "),B(a,"size","s"),B(a,"type","link"),h(t,"class","tag-selected")},m(i,n){l(i,t,n),b(t,a),s||(r=$(a,"tag-selected",e[50]),s=!0)},p(e,t){540672&t[0]&&i!==(i="("+e[19].length+") "+e[14]+" ")&&B(a,"label",i)},d(e){e&&z(t),s=!1,r()}}}function ee(e){let t,a,i,s,r,n,o=e[25],d=[];for(let t=0;t<o.length;t+=1)d[t]=te(H(e,o,t));return{c(){t=c("div"),a=c("m-layer"),i=c("small"),s=c("div");for(let e=0;e<d.length;e+=1)d[e].c();h(s,"class","tags-selected"),h(i,"slot","content"),B(a,"title",e[13]),B(a,"layertitletag","h3"),B(a,"isopen",e[26])},m(o,c){l(o,t,c),b(t,a),b(a,i),b(i,s);for(let e=0;e<d.length;e+=1)d[e]&&d[e].m(s,null);r||(n=$(a,"layer-closed",e[52]),r=!0)},p(e,t){if(33554432&t[0]|1&t[1]){let a;for(o=e[25],a=0;a<o.length;a+=1){const l=H(e,o,a);d[a]?d[a].p(l,t):(d[a]=te(l),d[a].c(),d[a].m(s,null))}for(;a<d.length;a+=1)d[a].d(1);d.length=o.length}8192&t[0]&&B(a,"title",e[13]),67108864&t[0]&&B(a,"isopen",e[26])},d(e){e&&z(t),T(d,e),r=!1,n()}}}function te(e){let t,a,i,s,r,n,o;function m(){return e[51](e[61])}return{c(){t=c("div"),a=c("m-tag"),r=d(),B(a,"id",i=e[61].id),B(a,"label",s=e[61].label),B(a,"size","s"),B(a,"type","removable"),h(t,"class","tag-selected")},m(e,i){l(e,t,i),b(t,a),b(t,r),n||(o=$(a,"tag-removed",m),n=!0)},p(t,l){e=t,33554432&l[0]&&i!==(i=e[61].id)&&B(a,"id",i),33554432&l[0]&&s!==(s=e[61].label)&&B(a,"label",s)},d(e){e&&z(t),n=!1,o()}}}function ae(e){let t,a,i,s,C,j,S,N,T,L,B,G,W,Q,R,H,Z,q,K,U,te,ae,ie,se=(e[24]?e[24]:e[2])+"",re=e[8]&&e[19].length>0&&!e[16]&&J(e),ne=!e[8]&&e[24]&&e[12]&&V(e),oe=e[7]&&F();function ce(t){e[48](t)}let de={items:JSON.stringify(e[27]),open:e[20],multiple:e[8],isfiltered:le,emptysearchlabel:e[9],maxwidth:e[0],datatextexpr:e[10],datavalueexpr:e[11],selectall:e[17],labelselectall:e[18]};void 0!==e[19]&&(de.value=e[19]),L=new Y({props:de}),r.push((()=>n(L,"value",ce))),L.$on("change",e[35]),L.$on("scrollend",e[36]),L.$on("select-all",e[37]);let me=e[8]&&e[16]&&X(e),ge=e[8]&&e[16]&&ee(e),pe=[{class:"mc-dropdown"},{style:U="--dropdown-tag-width: "+e[23]+"; --dropdown-width: "+e[0]+";"},e[21]],he={};for(let e=0;e<pe.length;e+=1)he=o(he,pe[e]);return{c(){t=c("div"),a=c("div"),re&&re.c(),i=d(),s=c("button"),C=m(se),j=d(),ne&&ne.c(),S=d(),N=c("div"),oe&&oe.c(),T=d(),g(L.$$.fragment),G=d(),me&&me.c(),W=d(),Q=c("span"),R=d(),H=c("span"),Z=d(),q=c("span"),K=d(),ge&&ge.c(),this.c=p,h(s,"type","button"),h(s,"class","mc-select mc-dropdown__trigger"),s.disabled=e[3],x(s,"is-open",e[20]),x(s,"is-valid",e[5]),x(s,"is-invalid",e[6]),x(s,"mc-select--s","s"===e[4]),h(N,"class","mc-dropdown__tools"),h(a,"class","mc-dropdown__main"),h(Q,"class","mc-dropdown__tag"),u(Q,"display","none"),h(H,"class","mc-dropdown__loader"),u(H,"display","none"),h(q,"class","mc-text-input mc-dropdown__trigger"),u(q,"display","none"),w(t,he),x(t,"mc-dropdown--multi",e[8])},m(r,n){l(r,t,n),b(t,a),re&&re.m(a,null),b(a,i),b(a,s),b(s,C),b(s,j),ne&&ne.m(s,null),b(a,S),b(a,N),oe&&oe.m(N,null),b(t,T),f(L,t,null),b(t,G),me&&me.m(t,null),b(t,W),b(t,Q),b(t,R),b(t,H),b(t,Z),b(t,q),b(t,K),ge&&ge.m(t,null),te=!0,ae||(ie=[$(s,"click",e[47]),v(O.call(null,t)),$(t,"outclick",e[34])],ae=!0)},p(e,l){e[8]&&e[19].length>0&&!e[16]?re?(re.p(e,l),590080&l[0]&&y(re,1)):(re=J(e),re.c(),y(re,1),re.m(a,i)):re&&(P(),M(re,1,1,(()=>{re=null})),k()),(!te||16777220&l[0])&&se!==(se=(e[24]?e[24]:e[2])+"")&&I(C,se),!e[8]&&e[24]&&e[12]?ne?ne.p(e,l):(ne=V(e),ne.c(),ne.m(s,null)):ne&&(ne.d(1),ne=null),(!te||8&l[0])&&(s.disabled=e[3]),(!te||1048576&l[0])&&x(s,"is-open",e[20]),(!te||32&l[0])&&x(s,"is-valid",e[5]),(!te||64&l[0])&&x(s,"is-invalid",e[6]),(!te||16&l[0])&&x(s,"mc-select--s","s"===e[4]),e[7]?oe?128&l[0]&&y(oe,1):(oe=F(),oe.c(),y(oe,1),oe.m(N,null)):oe&&(P(),M(oe,1,1,(()=>{oe=null})),k());const r={};134217728&l[0]&&(r.items=JSON.stringify(e[27])),1048576&l[0]&&(r.open=e[20]),256&l[0]&&(r.multiple=e[8]),512&l[0]&&(r.emptysearchlabel=e[9]),1&l[0]&&(r.maxwidth=e[0]),1024&l[0]&&(r.datatextexpr=e[10]),2048&l[0]&&(r.datavalueexpr=e[11]),131072&l[0]&&(r.selectall=e[17]),262144&l[0]&&(r.labelselectall=e[18]),!B&&524288&l[0]&&(B=!0,r.value=e[19],_((()=>B=!1))),L.$set(r),e[8]&&e[16]?me?me.p(e,l):(me=X(e),me.c(),me.m(t,W)):me&&(me.d(1),me=null),e[8]&&e[16]?ge?ge.p(e,l):(ge=ee(e),ge.c(),ge.m(t,null)):ge&&(ge.d(1),ge=null),w(t,he=A(pe,[{class:"mc-dropdown"},(!te||8388609&l[0]&&U!==(U="--dropdown-tag-width: "+e[23]+"; --dropdown-width: "+e[0]+";"))&&{style:U},2097152&l[0]&&e[21]])),x(t,"mc-dropdown--multi",e[8])},i(e){te||(y(re),y(oe),y(L.$$.fragment,e),te=!0)},o(e){M(re),M(oe),M(L.$$.fragment,e),te=!1},d(e){e&&z(t),re&&re.d(),ne&&ne.d(),oe&&oe.d(),D(L),me&&me.d(),ge&&ge.d(),ae=!1,E(ie)}}}let le=!1;function ie(e,t,a){let l,i,s,n,c,d;const m=["maxwidth","tagid","taglabel","placeholder","disabled","size","isvalid","isinvalid","loading","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","clearfield","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"];let g=C(t,m),{maxwidth:p="100%"}=t,{tagid:h}=t,{taglabel:x=""}=t,{placeholder:u="-- Placeholder --"}=t,{disabled:w=!1}=t,{size:b="m"}=t,{isvalid:f}=t,{isinvalid:$}=t,{loading:v=!1}=t,{items:y}=t,{value:M}=t,{open:k=!1}=t,{multiple:I=!1}=t,{emptysearchlabel:_="No results found"}=t,{datatextexpr:A="label"}=t,{datavalueexpr:z="value"}=t,{nosort:D=!1}=t,{clearfield:E=!1}=t,{layertitle:N="Title layer"}=t,{showmoretagslabel:T="Show more"}=t,{maxnumbertoshowtags:L=12}=t,{alltags:B=!1}=t,{selectall:P=!1}=t,{labelselectall:O="Select all"}=t;const Q=j(),R=Math.random();let Y,H,Z,J,V=new W,F="0px",X=[],q=null;function K(){a(19,s=I?[]:""),ae(),V.dispatch("clear",!0)}function U(e){a(19,s=s.filter((t=>t!==e))),V.dispatch("onchange",s)}function ee(){a(26,q=!0)}function te(){a(26,q=null)}function ae(){a(20,c=!1),I&&!D?function(){J=l;const e=le();J.sort(((t,a)=>{const l=e.includes(t),i=e.includes(a);return l===i?t[z]-a[z]:l<i?1:-1})),a(27,i=J)}():a(27,i=l)}function le(e){const t=e||s;return l.filter((e=>I?t.includes(e[z]):t===e[z]))}return e.$$set=e=>{t=o(o({},t),S(e)),a(60,g=C(t,m)),"maxwidth"in e&&a(0,p=e.maxwidth),"tagid"in e&&a(1,h=e.tagid),"taglabel"in e&&a(38,x=e.taglabel),"placeholder"in e&&a(2,u=e.placeholder),"disabled"in e&&a(3,w=e.disabled),"size"in e&&a(4,b=e.size),"isvalid"in e&&a(5,f=e.isvalid),"isinvalid"in e&&a(6,$=e.isinvalid),"loading"in e&&a(7,v=e.loading),"items"in e&&a(39,y=e.items),"value"in e&&a(40,M=e.value),"open"in e&&a(41,k=e.open),"multiple"in e&&a(8,I=e.multiple),"emptysearchlabel"in e&&a(9,_=e.emptysearchlabel),"datatextexpr"in e&&a(10,A=e.datatextexpr),"datavalueexpr"in e&&a(11,z=e.datavalueexpr),"nosort"in e&&a(42,D=e.nosort),"clearfield"in e&&a(12,E=e.clearfield),"layertitle"in e&&a(13,N=e.layertitle),"showmoretagslabel"in e&&a(14,T=e.showmoretagslabel),"maxnumbertoshowtags"in e&&a(15,L=e.maxnumbertoshowtags),"alltags"in e&&a(16,B=e.alltags),"selectall"in e&&a(17,P=e.selectall),"labelselectall"in e&&a(18,O=e.labelselectall)},e.$$.update=()=>{if(256&e.$$.dirty[1]&&a(44,l=y?JSON.parse(y):[]),8192&e.$$.dirty[1]&&a(27,i=l),256&e.$$.dirty[0]|512&e.$$.dirty[1]&&a(19,s=!M&&I?[]:M?JSON.parse(M):M),524288&e.$$.dirty[0]|128&e.$$.dirty[1]&&a(28,n=()=>s.length.toString()+" "+x),524288&e.$$.dirty[0]&&async function(e){await G(),a(25,X=le(e));const t=X.map((e=>e[A]));a(24,Z=t.join(", ")),I&&a(43,H=e)}(s),4096&e.$$.dirty[1]&&async function(e){await G(),a(23,F=Y&&e&&e.length?`${Q.shadowRoot.querySelector(".mc-tag-removable").clientWidth+8}px`:"0px")}(H),1024&e.$$.dirty[1]&&a(20,c=k),1048576&e.$$.dirty[0]){const e=c?"open":"close";V.dispatch(e,c)}a(21,d=Object.assign({},g)),2097152&e.$$.dirty[0]&&delete d.class},[p,h,u,w,b,f,$,v,I,_,A,z,E,N,T,L,B,P,O,s,c,d,Y,F,Z,X,q,i,n,R,K,U,ee,te,ae,function(){V.dispatch("onchange",s),I||ae()},function(){V.dispatch("scrollend",!0)},function(e){V.dispatch("select-all",e.detail)},x,y,M,k,D,H,l,function(e){r[e?"unshift":"push"]((()=>{Y=e,a(22,Y)}))},()=>{K()},()=>a(20,c=!c),function(e){s=e,a(19,s),a(40,M),a(8,I)},e=>U(e.id),()=>ee(),e=>U(e.id),()=>te()]}class se extends e{constructor(e){super();const r=document.createElement("style");r.textContent=".mc-select{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");background-color:#ffffff;background-repeat:no-repeat;background-size:1rem 1rem, 1.5rem 1.5rem;border:1px solid #666666;border-radius:4px;color:#191919;-webkit-transition:border-color 200ms ease, -webkit-box-shadow 200ms ease;transition:border-color 200ms ease, -webkit-box-shadow 200ms ease;-o-transition:border-color 200ms ease, box-shadow 200ms ease;transition:border-color 200ms ease, box-shadow 200ms ease;transition:border-color 200ms ease, box-shadow 200ms ease, -webkit-box-shadow 200ms ease;width:100%}.mc-select[type=number]::-webkit-inner-spin-button,.mc-select[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-select[type=number]{-moz-appearance:textfield}.mc-select[type=search]::-webkit-search-decoration:hover,.mc-select[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-select::-ms-expand{display:none}.mc-select.is-hover,.mc-select:hover{border-color:#191919}.mc-select.is-focus,.mc-select:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-select:disabled{background-color:#e6e6e6;border-color:#e6e6e6;color:#666666;cursor:not-allowed;opacity:1}.mc-select.is-invalid{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\"), url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjExMTIiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTEyIDdhMSAxIDAgMDAtMSAxdjQuMzhhMSAxIDAgMDAyIDBWOGExIDEgMCAwMC0xLTF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNiIgcj0iMSIvPjwvc3ZnPg==\");border-color:#c61112}.mc-select.is-valid{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\"), url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNDZhNjEwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDExLTggOCA4IDggMCAwMTgtOG0wLTJhMTAgMTAgMCAxMDEwIDEwQTEwIDEwIDAgMDAxMiAyeiIvPjxwYXRoIGQ9Ik0xMC43MyAxNS43NWExIDEgMCAwMS0uNjgtLjI2bC0zLTIuNzRhMSAxIDAgMDExLjM2LTEuNDdsMi4yNSAyLjA4IDQuMzYtNC40MmExIDEgMCAxMTEuNDIgMS40MWwtNSA1LjFhMSAxIDAgMDEtLjcxLjN6Ii8+PC9zdmc+\");border-color:#46a610}.mc-select--s{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}@media screen and (min-width: 680px){.mc-select--s\\@from-m{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-m{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1024px){.mc-select--s\\@from-l{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-l{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1280px){.mc-select--s\\@from-xl{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-xl{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1920px){.mc-select--s\\@from-xxl{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-xxl{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}.mc-dropdown{-ms-flex-item-align:start;align-self:start;position:relative;min-width:18rem;max-width:var(--dropdown-width, auto);width:100%}.mc-dropdown__tag,.mc-dropdown__tools{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2}.mc-dropdown__tag{left:0.75rem}.mc-dropdown__trigger{display:block;overflow:hidden;text-align:left;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.mc-dropdown__trigger.is-open{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23000000' viewBox='0 0 16 16'%3E%3Cpath d='M2 10.5a1 1 0 01.29-.71l5-5a1 1 0 011.42 0l5 5a1 1 0 01-1.42 1.42L8 6.91l-4.29 4.3a1 1 0 01-1.42 0A1 1 0 012 10.5z'/%3E%3C/svg%3E\")}.mc-dropdown__tools{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;right:2.5rem}.is-valid+.mc-dropdown__tools,.is-invalid+.mc-dropdown__tools{right:4.5rem}.mc-dropdown__clear{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;-webkit-transition:-webkit-box-shadow 150ms ease;transition:-webkit-box-shadow 150ms ease;-o-transition:box-shadow 150ms ease;transition:box-shadow 150ms ease;transition:box-shadow 150ms ease, -webkit-box-shadow 150ms ease;background:none;border-radius:50%}.mc-dropdown__clear:focus{-webkit-box-shadow:0 0 0 2px #0b96cc;box-shadow:0 0 0 2px #0b96cc}.mc-dropdown__clear,.mc-dropdown__clear-icon{height:1.5rem;width:1.5rem}.mc-dropdown__clear-icon{fill:#666666}.mc-dropdown__clear-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-dropdown--multi .mc-dropdown__trigger{padding-left:calc(0.75rem + var(--dropdown-tag-width, 0px))}.mc-dropdown__tag{position:absolute !important}.mc-dropdown--multi .mc-dropdown__trigger{padding-left:calc(0.75rem + var(--dropdown-tag-width)) !important}.tags-selected{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.tag-selected{margin-top:1em;margin-left:5px;margin-right:5px}",this.shadowRoot.appendChild(r),t(this,{target:this.shadowRoot,props:a(this.attributes),customElement:!0},ie,ae,s,{maxwidth:0,tagid:1,taglabel:38,placeholder:2,disabled:3,size:4,isvalid:5,isinvalid:6,loading:7,items:39,value:40,open:41,multiple:8,emptysearchlabel:9,datatextexpr:10,datavalueexpr:11,nosort:42,clearfield:12,layertitle:13,showmoretagslabel:14,maxnumbertoshowtags:15,alltags:16,selectall:17,labelselectall:18},null,[-1,-1,-1]),e&&(e.target&&l(e.target,this,e.anchor),e.props&&(this.$set(e.props),i()))}static get observedAttributes(){return["maxwidth","tagid","taglabel","placeholder","disabled","size","isvalid","isinvalid","loading","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","clearfield","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"]}get maxwidth(){return this.$$.ctx[0]}set maxwidth(e){this.$$set({maxwidth:e}),i()}get tagid(){return this.$$.ctx[1]}set tagid(e){this.$$set({tagid:e}),i()}get taglabel(){return this.$$.ctx[38]}set taglabel(e){this.$$set({taglabel:e}),i()}get placeholder(){return this.$$.ctx[2]}set placeholder(e){this.$$set({placeholder:e}),i()}get disabled(){return this.$$.ctx[3]}set disabled(e){this.$$set({disabled:e}),i()}get size(){return this.$$.ctx[4]}set size(e){this.$$set({size:e}),i()}get isvalid(){return this.$$.ctx[5]}set isvalid(e){this.$$set({isvalid:e}),i()}get isinvalid(){return this.$$.ctx[6]}set isinvalid(e){this.$$set({isinvalid:e}),i()}get loading(){return this.$$.ctx[7]}set loading(e){this.$$set({loading:e}),i()}get items(){return this.$$.ctx[39]}set items(e){this.$$set({items:e}),i()}get value(){return this.$$.ctx[40]}set value(e){this.$$set({value:e}),i()}get open(){return this.$$.ctx[41]}set open(e){this.$$set({open:e}),i()}get multiple(){return this.$$.ctx[8]}set multiple(e){this.$$set({multiple:e}),i()}get emptysearchlabel(){return this.$$.ctx[9]}set emptysearchlabel(e){this.$$set({emptysearchlabel:e}),i()}get datatextexpr(){return this.$$.ctx[10]}set datatextexpr(e){this.$$set({datatextexpr:e}),i()}get datavalueexpr(){return this.$$.ctx[11]}set datavalueexpr(e){this.$$set({datavalueexpr:e}),i()}get nosort(){return this.$$.ctx[42]}set nosort(e){this.$$set({nosort:e}),i()}get clearfield(){return this.$$.ctx[12]}set clearfield(e){this.$$set({clearfield:e}),i()}get layertitle(){return this.$$.ctx[13]}set layertitle(e){this.$$set({layertitle:e}),i()}get showmoretagslabel(){return this.$$.ctx[14]}set showmoretagslabel(e){this.$$set({showmoretagslabel:e}),i()}get maxnumbertoshowtags(){return this.$$.ctx[15]}set maxnumbertoshowtags(e){this.$$set({maxnumbertoshowtags:e}),i()}get alltags(){return this.$$.ctx[16]}set alltags(e){this.$$set({alltags:e}),i()}get selectall(){return this.$$.ctx[17]}set selectall(e){this.$$set({selectall:e}),i()}get labelselectall(){return this.$$.ctx[18]}set labelselectall(e){this.$$set({labelselectall:e}),i()}}export{se as default};
|
|
2
2
|
//# sourceMappingURL=Dropdown.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{S as e,i as
|
|
1
|
+
import{S as e,i as l,a as t,b as i,f as s,s as a,e as r,d as o,t as n,n as d,g as c,j as p,l as m,k as b,C as f,D as u,E as h,o as x,x as g,A as $,G as w,M as v,v as _}from"../../index-c33b3772.js";import{E as y}from"../../EventHandler-02058705.js";import k from"./ResultFile.nested.js";function E(e){let l,t;return l=new k({props:{files:e[7],allowedExtensions:e[10],disabled:e[5],maxSize:e[11],removelabel:e[6],errorLabels:e[12]}}),l.$on("file-removed",e[14]),{c(){g(l.$$.fragment)},m(e,i){$(l,e,i),t=!0},p(e,t){const i={};128&t&&(i.files=e[7]),1024&t&&(i.allowedExtensions=e[10]),32&t&&(i.disabled=e[5]),2048&t&&(i.maxSize=e[11]),64&t&&(i.removelabel=e[6]),4096&t&&(i.errorLabels=e[12]),l.$set(i)},i(e){t||(f(l.$$.fragment,e),t=!0)},o(e){u(l.$$.fragment,e),t=!1},d(e){w(l,e)}}}function C(e){let l,t;return l=new k({props:{files:e[9],allowedExtensions:e[10],disabled:e[5],maxSize:e[11],removelabel:e[6],errorLabels:e[12]}}),l.$on("file-removed",e[15]),{c(){g(l.$$.fragment)},m(e,i){$(l,e,i),t=!0},p(e,t){const i={};512&t&&(i.files=e[9]),1024&t&&(i.allowedExtensions=e[10]),32&t&&(i.disabled=e[5]),2048&t&&(i.maxSize=e[11]),64&t&&(i.removelabel=e[6]),4096&t&&(i.errorLabels=e[12]),l.$set(i)},i(e){t||(f(l.$$.fragment,e),t=!0)},o(e){u(l.$$.fragment,e),t=!1},d(e){w(l,e)}}}function z(e){let l,t,s,a,g,$,w,_,y,k,z,S=e[0]&&e[7]&&e[7].length>0&&E(e),M=e[9].length>0&&C(e);return{c(){l=r("div"),t=r("input"),s=o(),a=r("label"),g=r("span"),$=n(e[2]),w=o(),S&&S.c(),_=o(),M&&M.c(),this.c=d,c(t,"id",e[1]),c(t,"type","file"),c(t,"class","mc-fileuploader__input"),c(t,"accept",e[3]),t.multiple=e[4],t.disabled=e[5],c(g,"class","mc-fileuploader__label--center"),c(a,"for",e[1]),c(a,"class","mc-fileuploader__label"),c(l,"class","mc-fileuploader")},m(r,o){i(r,l,o),p(l,t),p(l,s),p(l,a),p(a,g),p(g,$),p(l,w),S&&S.m(l,null),p(l,_),M&&M.m(l,null),e[21](l),y=!0,k||(z=m(t,"change",e[13]),k=!0)},p(e,[i]){(!y||2&i)&&c(t,"id",e[1]),(!y||8&i)&&c(t,"accept",e[3]),(!y||16&i)&&(t.multiple=e[4]),(!y||32&i)&&(t.disabled=e[5]),(!y||4&i)&&b($,e[2]),(!y||2&i)&&c(a,"for",e[1]),e[0]&&e[7]&&e[7].length>0?S?(S.p(e,i),129&i&&f(S,1)):(S=E(e),S.c(),f(S,1),S.m(l,_)):S&&(v(),u(S,1,1,(()=>{S=null})),h()),e[9].length>0?M?(M.p(e,i),512&i&&f(M,1)):(M=C(e),M.c(),f(M,1),M.m(l,null)):M&&(v(),u(M,1,1,(()=>{M=null})),h())},i(e){y||(f(S),f(M),y=!0)},o(e){u(S),u(M),y=!1},d(t){t&&x(l),S&&S.d(),M&&M.d(),e[21](null),k=!1,z()}}}function S(e,l){const t=Array.from(e),i=t.indexOf(l);return-1!==i&&t.splice(i,1),t}function M(e,l,t){let i,s,a,r,o,n,{id:d}=l,{label:c}=l,{accept:p}=l,{multiple:m=!0}=l,{allowedextensions:b}=l,{maxsize:f}=l,{displayfileslist:u=!1}=l,{disabled:h=!1}=l,{removelabel:x="Remove"}=l,{uploadedfiles:g}=l,{errorlabels:$}=l,{stateless:w}=l,v=new y;return e.$$set=e=>{"id"in e&&t(1,d=e.id),"label"in e&&t(2,c=e.label),"accept"in e&&t(3,p=e.accept),"multiple"in e&&t(4,m=e.multiple),"allowedextensions"in e&&t(16,b=e.allowedextensions),"maxsize"in e&&t(17,f=e.maxsize),"displayfileslist"in e&&t(0,u=e.displayfileslist),"disabled"in e&&t(5,h=e.disabled),"removelabel"in e&&t(6,x=e.removelabel),"uploadedfiles"in e&&t(18,g=e.uploadedfiles),"errorlabels"in e&&t(19,$=e.errorlabels),"stateless"in e&&t(20,w=e.stateless)},e.$$.update=()=>{65536&e.$$.dirty&&t(10,i=b?JSON.parse(b):[]),262144&e.$$.dirty&&t(9,s=g?JSON.parse(g):[]),e.$$.dirty,131072&e.$$.dirty&&t(11,a=f||void 0),524288&e.$$.dirty&&t(12,r=$?JSON.parse($):[])},[u,d,c,p,m,h,x,o,n,s,i,a,r,function(e){const l=e.target;t(7,o=l.files),t(0,u=!0);const s=[];if([...o].forEach(((e,l)=>{const t=e.name,r=e.size,o=function(e){if(i&&i.length>0){const l=e.slice(2+(e.lastIndexOf(".")-1>>>0));if(i&&!i.includes(String(l)))return!1}return!0}(t),n=function(e){return!(a&&e/1024/1024>a)}(r);let d="";o||(d="invalid-extension"),n||(d="invalid-size"),o&&n||s.push({index:l,fileName:t,fileSize:r,errorType:d})})),s.length>0&&v.dispatch("invalid-files",s),v.dispatch("change",o),w){n.querySelector(".mc-fileuploader__input").value=""}},function(e){t(7,o=S(o,e.detail)),n.querySelector(".mc-fileuploader__input").value="",v.dispatch("file-removed",e.detail)},function(e){const l=S(s,e.detail);t(9,s=l),v.dispatch("uploaded-file-removed",e.detail)},b,f,g,$,w,function(e){_[e?"unshift":"push"]((()=>{n=e,t(8,n)}))}]}class A extends e{constructor(e){super();const r=document.createElement("style");r.textContent=".mc-fileuploader{position:relative;display:block}.mc-fileuploader__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-fileuploader__label{font-family:\"LeroyMerlin\", sans-serif;font-weight:600;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;color:#188803;border-color:#188803;background-color:#ffffff;margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box}.mc-fileuploader__label:hover{background-color:#ebf5de;color:#006902}.mc-fileuploader__label:active{background-color:#c5e39e;color:#035010}.mc-fileuploader__label:active{background-color:#c5e39e;color:#035010}.mc-fileuploader__label:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-fileuploader__label::before{content:\"\";width:1.5rem;height:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23188803' viewBox='0 0 24 24'%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d='M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z'/%3E%3Cpath d='M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z'/%3E%3C/svg%3E\") no-repeat;background-size:1.5rem;margin-right:0.5rem;margin-left:-0.5rem}:focus+.mc-fileuploader__label{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}:hover+.mc-fileuploader__label{color:#006902;background-color:#ebf5de}:disabled+.mc-fileuploader__label{color:#666666;background-color:#cccccc;border-color:transparent;cursor:not-allowed}:disabled+.mc-fileuploader__label::before{background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23666666' viewBox='0 0 24 24'%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d='M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z'/%3E%3Cpath d='M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z'/%3E%3C/svg%3E\") no-repeat}",this.shadowRoot.appendChild(r),l(this,{target:this.shadowRoot,props:t(this.attributes),customElement:!0},M,z,a,{id:1,label:2,accept:3,multiple:4,allowedextensions:16,maxsize:17,displayfileslist:0,disabled:5,removelabel:6,uploadedfiles:18,errorlabels:19,stateless:20},null),e&&(e.target&&i(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["id","label","accept","multiple","allowedextensions","maxsize","displayfileslist","disabled","removelabel","uploadedfiles","errorlabels","stateless"]}get id(){return this.$$.ctx[1]}set id(e){this.$$set({id:e}),s()}get label(){return this.$$.ctx[2]}set label(e){this.$$set({label:e}),s()}get accept(){return this.$$.ctx[3]}set accept(e){this.$$set({accept:e}),s()}get multiple(){return this.$$.ctx[4]}set multiple(e){this.$$set({multiple:e}),s()}get allowedextensions(){return this.$$.ctx[16]}set allowedextensions(e){this.$$set({allowedextensions:e}),s()}get maxsize(){return this.$$.ctx[17]}set maxsize(e){this.$$set({maxsize:e}),s()}get displayfileslist(){return this.$$.ctx[0]}set displayfileslist(e){this.$$set({displayfileslist:e}),s()}get disabled(){return this.$$.ctx[5]}set disabled(e){this.$$set({disabled:e}),s()}get removelabel(){return this.$$.ctx[6]}set removelabel(e){this.$$set({removelabel:e}),s()}get uploadedfiles(){return this.$$.ctx[18]}set uploadedfiles(e){this.$$set({uploadedfiles:e}),s()}get errorlabels(){return this.$$.ctx[19]}set errorlabels(e){this.$$set({errorlabels:e}),s()}get stateless(){return this.$$.ctx[20]}set stateless(e){this.$$set({stateless:e}),s()}}export{A as default};
|
|
2
2
|
//# sourceMappingURL=FileUploader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileUploader.js","sources":["../../../src/components/fileuploader/FileUploader.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n // @ts-nocheck\n import { EventHandler } from '../../utilities/EventHandler';\n import ResultFile from './ResultFile.nested.svelte';\n\n export let id: string;\n export let label: string;\n export let accept: string;\n export let multiple = true;\n export let allowedextensions: string;\n export let maxsize: number;\n export let displayfileslist = false;\n export let disabled = false;\n export let removelabel = 'Remove';\n export let uploadedfiles: string;\n export let errorlabels: string;\n export let stateless: false;\n\n let files: FileList;\n let root: HTMLElement;\n let eventHandler = new EventHandler();\n\n $: allowedExtensions = allowedextensions ? JSON.parse(allowedextensions) : [];\n $: uploadedFiles = uploadedfiles ? JSON.parse(uploadedfiles) : [];\n $: files;\n $: maxSize = maxsize ? maxsize : undefined;\n $: errorLabels = errorlabels ? JSON.parse(errorlabels) : [];\n\n function checkFileSize(fileSize: number): boolean {\n const fileSizeMB = fileSize / 1024 / 1024; // in MB\n if (maxSize && fileSizeMB > maxSize) {\n return false; // invalid\n }\n\n return true; // valid\n }\n function checkFileExtension(fileName: string): boolean {\n if (allowedExtensions && allowedExtensions.length > 0) {\n const extension: string = fileName.slice(\n ((fileName.lastIndexOf('.') - 1) >>> 0) + 2,\n );\n if (allowedExtensions && !allowedExtensions.includes(String(extension))) {\n return false; // invalid\n }\n }\n\n return true; // valid\n }\n\n function checkFileStatus(file: File): boolean {\n const validExtension = allowedExtensions\n ? checkFileExtension(file.name)\n : true;\n const validSize = checkFileSize(file.size);\n\n if (!validExtension || !validSize) {\n return false; // invalid\n }\n\n return true; // valid\n }\n function handleChange(e: Event): void {\n const target = e.target as HTMLInputElement;\n files = target.files as FileList;\n displayfileslist = true;\n const invalidFiles: Array = [];\n const fileList = [...files];\n fileList.forEach((file, index) => {\n const fileName = file.name;\n const fileSize = file.size;\n const validExtension = checkFileExtension(fileName);\n const validSize = checkFileSize(fileSize);\n let errorType = '';\n\n if (!validExtension) {\n errorType = 'invalid-extension';\n }\n\n if (!validSize) {\n errorType = 'invalid-size';\n }\n\n if (!validExtension || !validSize) {\n invalidFiles.push({\n index: index,\n fileName: fileName,\n fileSize: fileSize,\n errorType: errorType,\n });\n }\n });\n\n if (invalidFiles.length > 0) {\n eventHandler.dispatch('invalid-files', invalidFiles);\n }\n eventHandler.dispatch('change', files);\n if (stateless) {\n const fileuploader = root.querySelector(\n '.mc-fileuploader__input',\n ) as HTMLInputElement;\n fileuploader.value = '';\n }\n }\n\n function removeFromArray(fileList: FileList, value: File): FileList {\n const array = Array.from(fileList);\n const idx = array.indexOf(value);\n if (idx !== -1) {\n array.splice(idx, 1);\n }\n return array as FileList;\n }\n\n function deleteFile(e: CustomEvent): void {\n files = removeFromArray(files, e.detail);\n const fileuploader = root.querySelector(\n '.mc-fileuploader__input',\n ) as HTMLInputElement;\n fileuploader.value = '';\n eventHandler.dispatch('file-removed', e.detail);\n }\n\n function deleteUploadedFile(e: CustomEvent): void {\n const files = removeFromArray(uploadedFiles, e.detail);\n uploadedFiles = files;\n eventHandler.dispatch('uploaded-file-removed', e.detail);\n }\n\n function hasInvalidFiles(e: CustomEvent): void {\n eventHandler.dispatch('invalid-files', e.detail);\n }\n</script>\n\n<div class=\"mc-fileuploader\" bind:this={root}>\n <input\n {id}\n type=\"file\"\n class=\"mc-fileuploader__input\"\n {accept}\n {multiple}\n {disabled}\n on:change={handleChange}\n />\n <label for={id} class=\"mc-fileuploader__label\">\n <span class=\"mc-fileuploader__label--center\">\n {label}\n </span>\n </label>\n {#if displayfileslist && files && files.length > 0}\n <ResultFile\n {files}\n {allowedExtensions}\n {disabled}\n {maxSize}\n {removelabel}\n {errorLabels}\n on:file-removed={deleteFile}\n />\n {/if}\n {#if uploadedFiles.length > 0}\n <ResultFile\n files={uploadedFiles}\n {allowedExtensions}\n {disabled}\n {maxSize}\n {removelabel}\n {errorLabels}\n on:file-removed={deleteUploadedFile}\n />\n {/if}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n @import '@mozaic-ds/styles/components/c.file-uploader';\n</style>\n"],"names":["ctx","if_block0","length","create_if_block_1","create_if_block","insert","target","div","anchor","append","input","label_1","span","removeFromArray","fileList","value","array","Array","from","idx","indexOf","splice","files","root","id","$$props","label","accept","multiple","allowedextensions","maxsize","displayfileslist","disabled","removelabel","uploadedfiles","errorlabels","stateless","eventHandler","EventHandler","$$invalidate","allowedExtensions","JSON","parse","uploadedFiles","maxSize","undefined","errorLabels","e","invalidFiles","forEach","file","index","fileName","name","fileSize","size","validExtension","extension","slice","lastIndexOf","includes","String","checkFileExtension","validSize","checkFileSize","errorType","push","dispatch","querySelector","detail","$$value"],"mappings":"
|
|
1
|
+
{"version":3,"file":"FileUploader.js","sources":["../../../src/components/fileuploader/FileUploader.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n // @ts-nocheck\n import { EventHandler } from '../../utilities/EventHandler';\n import ResultFile from './ResultFile.nested.svelte';\n\n export let id: string;\n export let label: string;\n export let accept: string;\n export let multiple = true;\n export let allowedextensions: string;\n export let maxsize: number;\n export let displayfileslist = false;\n export let disabled = false;\n export let removelabel = 'Remove';\n export let uploadedfiles: string;\n export let errorlabels: string;\n export let stateless: false;\n\n let files: FileList;\n let root: HTMLElement;\n let eventHandler = new EventHandler();\n\n $: allowedExtensions = allowedextensions ? JSON.parse(allowedextensions) : [];\n $: uploadedFiles = uploadedfiles ? JSON.parse(uploadedfiles) : [];\n $: files;\n $: maxSize = maxsize ? maxsize : undefined;\n $: errorLabels = errorlabels ? JSON.parse(errorlabels) : [];\n\n function checkFileSize(fileSize: number): boolean {\n const fileSizeMB = fileSize / 1024 / 1024; // in MB\n if (maxSize && fileSizeMB > maxSize) {\n return false; // invalid\n }\n\n return true; // valid\n }\n function checkFileExtension(fileName: string): boolean {\n if (allowedExtensions && allowedExtensions.length > 0) {\n const extension: string = fileName.slice(\n ((fileName.lastIndexOf('.') - 1) >>> 0) + 2,\n );\n if (allowedExtensions && !allowedExtensions.includes(String(extension))) {\n return false; // invalid\n }\n }\n\n return true; // valid\n }\n\n function checkFileStatus(file: File): boolean {\n const validExtension = allowedExtensions\n ? checkFileExtension(file.name)\n : true;\n const validSize = checkFileSize(file.size);\n\n if (!validExtension || !validSize) {\n return false; // invalid\n }\n\n return true; // valid\n }\n function handleChange(e: Event): void {\n const target = e.target as HTMLInputElement;\n files = target.files as FileList;\n displayfileslist = true;\n const invalidFiles: Array = [];\n const fileList = [...files];\n fileList.forEach((file, index) => {\n const fileName = file.name;\n const fileSize = file.size;\n const validExtension = checkFileExtension(fileName);\n const validSize = checkFileSize(fileSize);\n let errorType = '';\n\n if (!validExtension) {\n errorType = 'invalid-extension';\n }\n\n if (!validSize) {\n errorType = 'invalid-size';\n }\n\n if (!validExtension || !validSize) {\n invalidFiles.push({\n index: index,\n fileName: fileName,\n fileSize: fileSize,\n errorType: errorType,\n });\n }\n });\n\n if (invalidFiles.length > 0) {\n eventHandler.dispatch('invalid-files', invalidFiles);\n }\n eventHandler.dispatch('change', files);\n if (stateless) {\n const fileuploader = root.querySelector(\n '.mc-fileuploader__input',\n ) as HTMLInputElement;\n fileuploader.value = '';\n }\n }\n\n function removeFromArray(fileList: FileList, value: File): FileList {\n const array = Array.from(fileList);\n const idx = array.indexOf(value);\n if (idx !== -1) {\n array.splice(idx, 1);\n }\n return array as FileList;\n }\n\n function deleteFile(e: CustomEvent): void {\n files = removeFromArray(files, e.detail);\n const fileuploader = root.querySelector(\n '.mc-fileuploader__input',\n ) as HTMLInputElement;\n fileuploader.value = '';\n eventHandler.dispatch('file-removed', e.detail);\n }\n\n function deleteUploadedFile(e: CustomEvent): void {\n const files = removeFromArray(uploadedFiles, e.detail);\n uploadedFiles = files;\n eventHandler.dispatch('uploaded-file-removed', e.detail);\n }\n\n function hasInvalidFiles(e: CustomEvent): void {\n eventHandler.dispatch('invalid-files', e.detail);\n }\n</script>\n\n<div class=\"mc-fileuploader\" bind:this={root}>\n <input\n {id}\n type=\"file\"\n class=\"mc-fileuploader__input\"\n {accept}\n {multiple}\n {disabled}\n on:change={handleChange}\n />\n <label for={id} class=\"mc-fileuploader__label\">\n <span class=\"mc-fileuploader__label--center\">\n {label}\n </span>\n </label>\n {#if displayfileslist && files && files.length > 0}\n <ResultFile\n {files}\n {allowedExtensions}\n {disabled}\n {maxSize}\n {removelabel}\n {errorLabels}\n on:file-removed={deleteFile}\n />\n {/if}\n {#if uploadedFiles.length > 0}\n <ResultFile\n files={uploadedFiles}\n {allowedExtensions}\n {disabled}\n {maxSize}\n {removelabel}\n {errorLabels}\n on:file-removed={deleteUploadedFile}\n />\n {/if}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n @import '@mozaic-ds/styles/components/c.file-uploader';\n</style>\n"],"names":["ctx","if_block0","length","create_if_block_1","create_if_block","insert","target","div","anchor","append","input","label_1","span","removeFromArray","fileList","value","array","Array","from","idx","indexOf","splice","files","root","id","$$props","label","accept","multiple","allowedextensions","maxsize","displayfileslist","disabled","removelabel","uploadedfiles","errorlabels","stateless","eventHandler","EventHandler","$$invalidate","allowedExtensions","JSON","parse","uploadedFiles","maxSize","undefined","errorLabels","e","invalidFiles","forEach","file","index","fileName","name","fileSize","size","validExtension","extension","slice","lastIndexOf","includes","String","checkFileExtension","validSize","checkFileSize","errorType","push","dispatch","querySelector","detail","$$value"],"mappings":"scA8JuBA,EAAU,sXAKpBA,EAAa,kHAMHA,EAAkB,oFAN5BA,EAAa,qRAbnBC,EAAAD,MAAoBA,EAAK,IAAIA,EAAM,GAAAE,OAAS,GAACC,EAAAH,KAW7CA,EAAa,GAACE,OAAS,GAACE,EAAAJ,yEAdxBA,EAAK,8NAFEA,EAAE,iFAVhBK,EAqCKC,EAAAC,EAAAC,GApCHC,EAQCF,EAAAG,UACDD,EAIOF,EAAAI,GAHLF,EAEME,EAAAC,uFALKZ,EAAY,wJAIpBA,EAAK,yBAFEA,EAAE,IAKTA,MAAoBA,EAAK,IAAIA,EAAM,GAAAE,OAAS,iGAW5CF,EAAa,GAACE,OAAS,mNAvDnBW,EAAgBC,EAAoBC,GACrC,MAAAC,EAAQC,MAAMC,KAAKJ,GACnBK,EAAMH,EAAMI,QAAQL,UACb,IAATI,GACFH,EAAMK,OAAOF,EAAK,GAEbH,gCA5FLM,EACAC,MAdOC,GAAUC,SACVC,GAAaD,UACbE,GAAcF,GACdG,SAAAA,GAAW,GAAIH,qBACfI,GAAyBJ,WACzBK,GAAeL,GACfM,iBAAAA,GAAmB,GAAKN,GACxBO,SAAAA,GAAW,GAAKP,GAChBQ,YAAAA,EAAc,UAAQR,iBACtBS,GAAqBT,eACrBU,GAAmBV,aACnBW,GAAgBX,EAIvBY,MAAmBC,wfAEtBC,EAAA,GAAEC,EAAoBX,EAAoBY,KAAKC,MAAMb,GAAiB,uBACtEU,EAAA,EAAEI,EAAgBT,EAAgBO,KAAKC,MAAMR,GAAa,uCAExDU,EAAUd,QAAoBe,sBAChCN,EAAA,GAAEO,EAAcX,EAAcM,KAAKC,MAAMP,GAAW,gCAmC5C,SAAaY,SACdzC,EAASyC,EAAEzC,WACjBgB,EAAQhB,EAAOgB,OACfiB,EAAA,EAAAR,GAAmB,SACbiB,EAAY,UACG1B,GACZ2B,SAAS,CAAAC,EAAMC,WAChBC,EAAWF,EAAKG,KAChBC,EAAWJ,EAAKK,KAChBC,EAlCD,SAAmBJ,GACtB,GAAAZ,GAAqBA,EAAkBtC,OAAS,EAAC,CAC7C,MAAAuD,EAAoBL,EAASM,MACS,GAAxCN,EAASO,YAAY,KAAO,IAAO,IAEnC,GAAAnB,IAAsBA,EAAkBoB,SAASC,OAAOJ,WACnD,SAIJ,EAwBkBK,CAAmBV,GACpCW,EA3CD,SAAcT,WAEjBV,GADeU,EAAW,KAAO,KACTV,GAyCRoB,CAAcV,GAC5B,IAAAW,EAAY,GAEXT,IACHS,EAAY,qBAGTF,IACHE,EAAY,gBAGTT,GAAmBO,GACtBf,EAAakB,KACJ,CAAAf,QACGC,WACAE,WACCW,iBAKbjB,EAAa9C,OAAS,GACxBmC,EAAa8B,SAAS,gBAAiBnB,GAEzCX,EAAa8B,SAAS,SAAU7C,GAC5Bc,EAAS,CACUb,EAAK6C,cACxB,2BAEWrD,MAAQ,KAahB,SAAWgC,GAClBR,EAAA,EAAAjB,EAAQT,EAAgBS,EAAOyB,EAAEsB,SACZ9C,EAAK6C,cACxB,2BAEWrD,MAAQ,GACrBsB,EAAa8B,SAAS,eAAgBpB,EAAEsB,SAGjC,SAAmBtB,GACpB,MAAAzB,EAAQT,EAAgB8B,EAAeI,EAAEsB,QAC/C9B,EAAA,EAAAI,EAAgBrB,GAChBe,EAAa8B,SAAS,wBAAyBpB,EAAEsB,2DAQb9C,EAAI+C"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{P as e,i as s,s as l,Q as i,e as t,g as o,b as a,n as r,o as p,J as n,c,q as M,t as d,d as w,j as z,l as m,k as f}from"../../index-c33b3772.js";import{E as u}from"../../EventHandler-02058705.js";function g(e){i(e,"svelte-10zpszp",'.mc-fileuploader.svelte-10zpszp.svelte-10zpszp{position:relative;display:block}.mc-fileuploader__input.svelte-10zpszp.svelte-10zpszp{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-fileuploader__label.svelte-10zpszp.svelte-10zpszp{font-family:"LeroyMerlin", sans-serif;font-weight:600;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;color:#188803;border-color:#188803;background-color:#ffffff;margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box}.mc-fileuploader__label.is-hover.svelte-10zpszp.svelte-10zpszp,.mc-fileuploader__label.svelte-10zpszp.svelte-10zpszp:hover{background-color:#ebf5de;color:#006902}.mc-fileuploader__label.is-active.svelte-10zpszp.svelte-10zpszp,.mc-fileuploader__label.svelte-10zpszp.svelte-10zpszp:active{background-color:#c5e39e;color:#035010}.mc-fileuploader__label.is-active.svelte-10zpszp.svelte-10zpszp,.mc-fileuploader__label.svelte-10zpszp.svelte-10zpszp:active{background-color:#c5e39e;color:#035010}.mc-fileuploader__label.svelte-10zpszp.svelte-10zpszp:disabled,.mc-fileuploader__label.is-disabled.svelte-10zpszp.svelte-10zpszp{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-fileuploader__label.svelte-10zpszp.svelte-10zpszp::before{content:"";width:1.5rem;height:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjMTg4ODAzIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjx0aXRsZT5NZWRpYV9VcGxvYWRfMjRweDwvdGl0bGU+PHBhdGggZD0iTTguNzEsNy43MSwxMSw1LjQxVjE2YTEsMSwwLDAsMCwyLDBWNS40MWwyLjI5LDIuM2ExLDEsMCwwLDAsMS40MiwwLDEsMSwwLDAsMCwwLTEuNDJsLTQtNGExLDEsMCwwLDAtMS40MiwwbC00LDRBMSwxLDAsMSwwLDguNzEsNy43MVoiLz48cGF0aCBkPSJNMTYuMjIsMTIuNDRhMSwxLDAsMCwwLTEuMi43NywxLDEsMCwwLDAsLjc2LDEuMTlDMTguNTUsMTUsMjAsMTYuMTcsMjAsMTdjMCwxLjIyLTMuMTIsMy04LDNzLTgtMS43OC04LTNjMC0uODMsMS40NS0yLDQuMjItMi42QTEsMSwwLDAsMCw5LDEzLjIxYTEsMSwwLDAsMC0xLjItLjc3QzQuMTYsMTMuMjUsMiwxNSwyLDE3YzAsMi44NSw0LjMsNSwxMCw1czEwLTIuMTUsMTAtNUMyMiwxNSwxOS44NCwxMy4yNSwxNi4yMiwxMi40NFoiLz48L3N2Zz4=") no-repeat;background-size:1.5rem;margin-right:0.5rem;margin-left:-0.5rem}.is-focus.svelte-10zpszp+.mc-fileuploader__label.svelte-10zpszp,.svelte-10zpszp:focus+.mc-fileuploader__label.svelte-10zpszp{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.is-hover.svelte-10zpszp+.mc-fileuploader__label.svelte-10zpszp,.svelte-10zpszp:hover+.mc-fileuploader__label.svelte-10zpszp{color:#006902;background-color:#ebf5de}.is-disabled.svelte-10zpszp+.mc-fileuploader__label.svelte-10zpszp,.svelte-10zpszp:disabled+.mc-fileuploader__label.svelte-10zpszp{color:#666666;background-color:#cccccc;border-color:transparent;cursor:not-allowed}.is-disabled.svelte-10zpszp+.mc-fileuploader__label.svelte-10zpszp::before,.svelte-10zpszp:disabled+.mc-fileuploader__label.svelte-10zpszp::before{background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNjY2NjY2IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjx0aXRsZT5NZWRpYV9VcGxvYWRfMjRweDwvdGl0bGU+PHBhdGggZD0iTTguNzEsNy43MSwxMSw1LjQxVjE2YTEsMSwwLDAsMCwyLDBWNS40MWwyLjI5LDIuM2ExLDEsMCwwLDAsMS40MiwwLDEsMSwwLDAsMCwwLTEuNDJsLTQtNGExLDEsMCwwLDAtMS40MiwwbC00LDRBMSwxLDAsMSwwLDguNzEsNy43MVoiLz48cGF0aCBkPSJNMTYuMjIsMTIuNDRhMSwxLDAsMCwwLTEuMi43NywxLDEsMCwwLDAsLjc2LDEuMTlDMTguNTUsMTUsMjAsMTYuMTcsMjAsMTdjMCwxLjIyLTMuMTIsMy04LDNzLTgtMS43OC04LTNjMC0uODMsMS40NS0yLDQuMjItMi42QTEsMSwwLDAsMCw5LDEzLjIxYTEsMSwwLDAsMC0xLjItLjc3QzQuMTYsMTMuMjUsMiwxNSwyLDE3YzAsMi44NSw0LjMsNSwxMCw1czEwLTIuMTUsMTAtNUMyMiwxNSwxOS44NCwxMy4yNSwxNi4yMiwxMi40NFoiLz48L3N2Zz4=") no-repeat}.mc-fileuploader__files.svelte-10zpszp.svelte-10zpszp{list-style:none;padding:0;margin:1rem 0 0 0}.mc-fileuploader__file.svelte-10zpszp.svelte-10zpszp{font-family:"LeroyMerlin", sans-serif;font-weight:400;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#e6e6e6;-webkit-box-sizing:content-box;box-sizing:content-box;color:#000000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.mc-fileuploader__file.svelte-10zpszp.svelte-10zpszp:not(:last-child){margin-bottom:0.25rem}.mc-fileuploader__file-name.svelte-10zpszp.svelte-10zpszp{font-size:1rem;line-height:1.375;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;padding-left:0.75rem;padding-right:0.75rem;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 7.5rem)}.mc-fileuploader__file-icon.svelte-10zpszp.svelte-10zpszp{background-color:transparent;background-position:center right;background-repeat:no-repeat;background-size:1.5rem;display:block;height:1.5rem;margin-left:1rem;margin-right:1rem;width:1.5rem}.mc-fileuploader__file--is-valid.svelte-10zpszp .mc-fileuploader__file-icon.svelte-10zpszp{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNDZhNjEwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDEgMS04IDggOCA4IDAgMCAxIDgtOG0wLTJhMTAgMTAgMCAxIDAgMTAgMTBBMTAgMTAgMCAwIDAgMTIgMnoiLz48cGF0aCBkPSJNMTAuNTkgMTYuMTJhMSAxIDAgMCAxLS42OC0uMjZsLTMuODQtMy41NWExIDEgMCAwIDEgMS4zNi0xLjQ3bDMuMTMgMi44OUwxNiA4LjE3YTEgMSAwIDAgMSAxLjQzIDEuNDFsLTYuMTMgNi4yNWExIDEgMCAwIDEtLjcxLjI5eiIvPjwvc3ZnPg==")}.mc-fileuploader__file--is-invalid.svelte-10zpszp .mc-fileuploader__file-icon.svelte-10zpszp{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjYzYxMTEyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTAgMThhOCA4IDAgMSAxIDgtOCA4IDggMCAwIDEtOCA4eiIvPjxwYXRoIGQ9Ik0xMiA3YTEgMSAwIDAgMC0xIDF2NC4zOGExIDEgMCAwIDAgMiAwVjhhMSAxIDAgMCAwLTEtMXoiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjE2IiByPSIxIi8+PC9zdmc+")}.mc-fileuploader__file--is-invalid.svelte-10zpszp .mc-fileuploader__file-message.svelte-10zpszp{font-size:0.875rem;line-height:1.2857142857;background:#ffffff;color:#c61112;-ms-flex-preferred-size:100%;flex-basis:100%;padding-top:0.25rem}.mc-fileuploader__delete.svelte-10zpszp.svelte-10zpszp{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#cccccc;border:none;cursor:pointer;padding:0.5rem}.mc-fileuploader__delete.svelte-10zpszp.svelte-10zpszp::before{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-fileuploader__delete.svelte-10zpszp.svelte-10zpszp::after{content:"";width:1.5rem;height:1.5rem;background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjMDAwMDAwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xOC4wOCA4YTEgMSAwIDAgMC0xLjA4LjkyTDE2LjA4IDIwSDcuOTJMNyA4LjkyYTEgMSAwIDEgMC0yIC4xNmwxIDEyQTEgMSAwIDAgMCA3IDIyaDEwYTEgMSAwIDAgMCAxLS45MmwxLTEyQTEgMSAwIDAgMCAxOC4wOCA4eiIvPjxwYXRoIGQ9Ik0xOSA1aC0zLjc3bC0uNjUtMi4yN2ExIDEgMCAwIDAtMS0uNzNoLTMuMmExIDEgMCAwIDAtMSAuNzNMOC43NyA1SDVhMSAxIDAgMCAwIDAgMmgxNGExIDEgMCAwIDAgMC0yem0tOC42Mi0yaDMuMjRsLjU3IDJIOS44MXpNMTIuNSAxOHYtOGEuNS41IDAgMCAwLTEgMHY4YS41LjUgMCAwIDAgMSAwek0xNC4yNSAxOC41YS41LjUgMCAwIDAgLjUtLjQ3bC41LThhLjUuNSAwIDAgMC0uNDctLjUzLjQ5LjQ5IDAgMCAwLS41My40N2wtLjUgOGEuNS41IDAgMCAwIC40Ny41M3pNOS43NSAxOC41YS41LjUgMCAwIDAgLjQ3LS41M2wtLjUtOGEuNDkuNDkgMCAwIDAtLjUzLS40Ny41LjUgMCAwIDAtLjQ3LjUzbC41IDhhLjUuNSAwIDAgMCAuNTMuNDd6Ii8+PC9zdmc+") no-repeat;background-size:1.5rem;display:block}.mc-fileuploader__delete.svelte-10zpszp.svelte-10zpszp:focus{outline:none}.mc-fileuploader__delete.svelte-10zpszp.svelte-10zpszp:focus::before{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;-webkit-box-shadow:0 0 0 0.125rem #0b96cc;box-shadow:0 0 0 0.125rem #0b96cc}')}function b(e,s,l){const i=e.slice();return i[15]=s[l],i[17]=l,i}function x(e){let s,l,i=e[3][e[15].errorType]+"";return{c(){s=t("div"),l=d(i),o(s,"class","mc-fileuploader__file-message svelte-10zpszp")},m(e,i){a(e,s,i),z(s,l)},p(e,s){9&s&&i!==(i=e[3][e[15].errorType]+"")&&f(l,i)},d(e){e&&p(s)}}}function D(e){let s,l,i,r,n,c,M,u,g,b,D,I,A=e[15].name+"";function v(){return e[9](e[15])}let L=e[15].errorType&&x(e);return{c(){s=t("li"),l=t("span"),i=d(A),r=w(),n=t("span"),n.textContent=" ",c=w(),M=t("button"),u=w(),L&&L.c(),g=w(),o(l,"class","mc-fileuploader__file-name svelte-10zpszp"),o(n,"class","mc-fileuploader__file-icon svelte-10zpszp"),o(M,"type","button"),o(M,"class","mc-fileuploader__delete svelte-10zpszp"),o(M,"aria-label",e[2]),M.disabled=e[1],o(s,"id",`file-${e[17]}`),o(s,"class",b=e[4](e[15])+" "+e[6].class+" svelte-10zpszp")},m(e,t){a(e,s,t),z(s,l),z(l,i),z(s,r),z(s,n),z(s,c),z(s,M),z(s,u),L&&L.m(s,null),z(s,g),D||(I=m(M,"click",v),D=!0)},p(l,t){e=l,1&t&&A!==(A=e[15].name+"")&&f(i,A),4&t&&o(M,"aria-label",e[2]),2&t&&(M.disabled=e[1]),e[15].errorType?L?L.p(e,t):(L=x(e),L.c(),L.m(s,g)):L&&(L.d(1),L=null),65&t&&b!==(b=e[4](e[15])+" "+e[6].class+" svelte-10zpszp")&&o(s,"class",b)},d(e){e&&p(s),L&&L.d(),D=!1,I()}}}function I(e){let s,l=e[0],i=[];for(let s=0;s<l.length;s+=1)i[s]=D(b(e,l,s));return{c(){s=t("ul");for(let e=0;e<i.length;e+=1)i[e].c();o(s,"id","file_uploaded"),o(s,"class","mc-fileuploader__files svelte-10zpszp")},m(e,l){a(e,s,l);for(let e=0;e<i.length;e+=1)i[e]&&i[e].m(s,null)},p(e,[t]){if(127&t){let o;for(l=e[0],o=0;o<l.length;o+=1){const a=b(e,l,o);i[o]?i[o].p(a,t):(i[o]=D(a),i[o].c(),i[o].m(s,null))}for(;o<i.length;o+=1)i[o].d(1);i.length=l.length}},i:r,o:r,d(e){e&&p(s),n(i,e)}}}function A(e,s,l){let{allowedExtensions:i}=s,{maxSize:t}=s,{disabled:o=!1}=s,{files:a}=s,{removelabel:r="Remove"}=s,{errorLabels:p}=s,n=new u;function d(e){if(i&&i.length>0){const s=e.slice(2+(e.lastIndexOf(".")-1>>>0));if(i&&!i.includes(String(s)))return!1}return!0}function w(e){return!(t&&e/1024/1024>t)}function z(e){n.dispatch("file-removed",e)}return e.$$set=e=>{l(6,s=c(c({},s),M(e))),"allowedExtensions"in e&&l(8,i=e.allowedExtensions),"maxSize"in e&&l(7,t=e.maxSize),"disabled"in e&&l(1,o=e.disabled),"files"in e&&l(0,a=e.files),"removelabel"in e&&l(2,r=e.removelabel),"errorLabels"in e&&l(3,p=e.errorLabels)},e.$$.update=()=>{1&e.$$.dirty&&l(0,a=a?function(e){let s=[...e];return s.forEach(((e,s)=>{const l=d(e.name),i=w(e.size);let t="";l||(t="invalid-extension"),i||(t="invalid-size"),e.errorType&&(t=e.errorType),l&&i&&!e.errorType||(e.errorType=t)})),s}(a):[]),128&e.$$.dirty&&l(7,t=t||void 0)},s=M(s),[a,o,r,p,function(e){let s=["mc-fileuploader__file"];return!function(e){const s=!i||d(e.name),l=w(e.size);if(!s||!l)return!1;return!0}(e)||e.errorType?s.push("mc-fileuploader__file--is-invalid"):s.push("mc-fileuploader__file--is-valid"),s.join(" ")},z,s,t,i,e=>z(e)]}class v extends e{constructor(e){super(),s(this,e,A,I,l,{allowedExtensions:8,maxSize:7,disabled:1,files:0,removelabel:2,errorLabels:3},g)}}export{v as default};
|
|
1
|
+
import{P as e,i as l,s as i,Q as t,e as a,g as r,b as o,n as s,o as n,J as c,c as d,q as u,t as f,d as m,j as b,l as p,k as v}from"../../index-c33b3772.js";import{E as g}from"../../EventHandler-02058705.js";function h(e){t(e,"svelte-10140ui",".mc-fileuploader.svelte-10140ui.svelte-10140ui{position:relative;display:block}.mc-fileuploader__input.svelte-10140ui.svelte-10140ui{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-fileuploader__label.svelte-10140ui.svelte-10140ui{font-family:\"LeroyMerlin\", sans-serif;font-weight:600;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;color:#188803;border-color:#188803;background-color:#ffffff;margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box}.mc-fileuploader__label.is-hover.svelte-10140ui.svelte-10140ui,.mc-fileuploader__label.svelte-10140ui.svelte-10140ui:hover{background-color:#ebf5de;color:#006902}.mc-fileuploader__label.is-active.svelte-10140ui.svelte-10140ui,.mc-fileuploader__label.svelte-10140ui.svelte-10140ui:active{background-color:#c5e39e;color:#035010}.mc-fileuploader__label.is-active.svelte-10140ui.svelte-10140ui,.mc-fileuploader__label.svelte-10140ui.svelte-10140ui:active{background-color:#c5e39e;color:#035010}.mc-fileuploader__label.svelte-10140ui.svelte-10140ui:disabled,.mc-fileuploader__label.is-disabled.svelte-10140ui.svelte-10140ui{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-fileuploader__label.svelte-10140ui.svelte-10140ui::before{content:\"\";width:1.5rem;height:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23188803' viewBox='0 0 24 24'%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d='M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z'/%3E%3Cpath d='M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z'/%3E%3C/svg%3E\") no-repeat;background-size:1.5rem;margin-right:0.5rem;margin-left:-0.5rem}.is-focus.svelte-10140ui+.mc-fileuploader__label.svelte-10140ui,.svelte-10140ui:focus+.mc-fileuploader__label.svelte-10140ui{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.is-hover.svelte-10140ui+.mc-fileuploader__label.svelte-10140ui,.svelte-10140ui:hover+.mc-fileuploader__label.svelte-10140ui{color:#006902;background-color:#ebf5de}.is-disabled.svelte-10140ui+.mc-fileuploader__label.svelte-10140ui,.svelte-10140ui:disabled+.mc-fileuploader__label.svelte-10140ui{color:#666666;background-color:#cccccc;border-color:transparent;cursor:not-allowed}.is-disabled.svelte-10140ui+.mc-fileuploader__label.svelte-10140ui::before,.svelte-10140ui:disabled+.mc-fileuploader__label.svelte-10140ui::before{background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23666666' viewBox='0 0 24 24'%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d='M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z'/%3E%3Cpath d='M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z'/%3E%3C/svg%3E\") no-repeat}.mc-fileuploader__files.svelte-10140ui.svelte-10140ui{list-style:none;padding:0;margin:1rem 0 0 0}.mc-fileuploader__file.svelte-10140ui.svelte-10140ui{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#e6e6e6;-webkit-box-sizing:content-box;box-sizing:content-box;color:#000000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.mc-fileuploader__file.svelte-10140ui.svelte-10140ui:not(:last-child){margin-bottom:0.25rem}.mc-fileuploader__file-name.svelte-10140ui.svelte-10140ui{font-size:1rem;line-height:1.375;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;padding-left:0.75rem;padding-right:0.75rem;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 7.5rem)}.mc-fileuploader__file-icon.svelte-10140ui.svelte-10140ui{background-color:transparent;background-position:center right;background-repeat:no-repeat;background-size:1.5rem;display:block;height:1.5rem;margin-left:1rem;margin-right:1rem;width:1.5rem}.mc-fileuploader__file--is-valid.svelte-10140ui .mc-fileuploader__file-icon.svelte-10140ui{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%2346a610' viewBox='0 0 24 24'%3E%3Cpath d='M12 4a8 8 0 1 1-8 8 8 8 0 0 1 8-8m0-2a10 10 0 1 0 10 10A10 10 0 0 0 12 2z'/%3E%3Cpath d='M10.59 16.12a1 1 0 0 1-.68-.26l-3.84-3.55a1 1 0 0 1 1.36-1.47l3.13 2.89L16 8.17a1 1 0 0 1 1.43 1.41l-6.13 6.25a1 1 0 0 1-.71.29z'/%3E%3C/svg%3E\")}.mc-fileuploader__file--is-invalid.svelte-10140ui .mc-fileuploader__file-icon.svelte-10140ui{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23c61112' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm0 18a8 8 0 1 1 8-8 8 8 0 0 1-8 8z'/%3E%3Cpath d='M12 7a1 1 0 0 0-1 1v4.38a1 1 0 0 0 2 0V8a1 1 0 0 0-1-1z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E\")}.mc-fileuploader__file--is-invalid.svelte-10140ui .mc-fileuploader__file-message.svelte-10140ui{font-size:0.875rem;line-height:1.2857142857;background:#ffffff;color:#c61112;-ms-flex-preferred-size:100%;flex-basis:100%;padding-top:0.25rem}.mc-fileuploader__delete.svelte-10140ui.svelte-10140ui{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#cccccc;border:none;cursor:pointer;padding:0.5rem}.mc-fileuploader__delete.svelte-10140ui.svelte-10140ui::before{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-fileuploader__delete.svelte-10140ui.svelte-10140ui::after{content:\"\";width:1.5rem;height:1.5rem;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23000000' viewBox='0 0 24 24'%3E%3Cpath d='M18.08 8a1 1 0 0 0-1.08.92L16.08 20H7.92L7 8.92a1 1 0 1 0-2 .16l1 12A1 1 0 0 0 7 22h10a1 1 0 0 0 1-.92l1-12A1 1 0 0 0 18.08 8z'/%3E%3Cpath d='M19 5h-3.77l-.65-2.27a1 1 0 0 0-1-.73h-3.2a1 1 0 0 0-1 .73L8.77 5H5a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2zm-8.62-2h3.24l.57 2H9.81zM12.5 18v-8a.5.5 0 0 0-1 0v8a.5.5 0 0 0 1 0zM14.25 18.5a.5.5 0 0 0 .5-.47l.5-8a.5.5 0 0 0-.47-.53.49.49 0 0 0-.53.47l-.5 8a.5.5 0 0 0 .47.53zM9.75 18.5a.5.5 0 0 0 .47-.53l-.5-8a.49.49 0 0 0-.53-.47.5.5 0 0 0-.47.53l.5 8a.5.5 0 0 0 .53.47z'/%3E%3C/svg%3E\") no-repeat;background-size:1.5rem;display:block}.mc-fileuploader__delete.svelte-10140ui.svelte-10140ui:focus{outline:none}.mc-fileuploader__delete.svelte-10140ui.svelte-10140ui:focus::before{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;-webkit-box-shadow:0 0 0 0.125rem #0b96cc;box-shadow:0 0 0 0.125rem #0b96cc}")}function w(e,l,i){const t=e.slice();return t[15]=l[i],t[17]=i,t}function x(e){let l,i,t=e[3][e[15].errorType]+"";return{c(){l=a("div"),i=f(t),r(l,"class","mc-fileuploader__file-message svelte-10140ui")},m(e,t){o(e,l,t),b(l,i)},p(e,l){9&l&&t!==(t=e[3][e[15].errorType]+"")&&v(i,t)},d(e){e&&n(l)}}}function _(e){let l,i,t,s,c,d,u,g,h,w,_,k,y=e[15].name+"";function C(){return e[9](e[15])}let E=e[15].errorType&&x(e);return{c(){l=a("li"),i=a("span"),t=f(y),s=m(),c=a("span"),c.textContent=" ",d=m(),u=a("button"),g=m(),E&&E.c(),h=m(),r(i,"class","mc-fileuploader__file-name svelte-10140ui"),r(c,"class","mc-fileuploader__file-icon svelte-10140ui"),r(u,"type","button"),r(u,"class","mc-fileuploader__delete svelte-10140ui"),r(u,"aria-label",e[2]),u.disabled=e[1],r(l,"id",`file-${e[17]}`),r(l,"class",w=e[4](e[15])+" "+e[6].class+" svelte-10140ui")},m(e,a){o(e,l,a),b(l,i),b(i,t),b(l,s),b(l,c),b(l,d),b(l,u),b(l,g),E&&E.m(l,null),b(l,h),_||(k=p(u,"click",C),_=!0)},p(i,a){e=i,1&a&&y!==(y=e[15].name+"")&&v(t,y),4&a&&r(u,"aria-label",e[2]),2&a&&(u.disabled=e[1]),e[15].errorType?E?E.p(e,a):(E=x(e),E.c(),E.m(l,h)):E&&(E.d(1),E=null),65&a&&w!==(w=e[4](e[15])+" "+e[6].class+" svelte-10140ui")&&r(l,"class",w)},d(e){e&&n(l),E&&E.d(),_=!1,k()}}}function k(e){let l,i=e[0],t=[];for(let l=0;l<i.length;l+=1)t[l]=_(w(e,i,l));return{c(){l=a("ul");for(let e=0;e<t.length;e+=1)t[e].c();r(l,"id","file_uploaded"),r(l,"class","mc-fileuploader__files svelte-10140ui")},m(e,i){o(e,l,i);for(let e=0;e<t.length;e+=1)t[e]&&t[e].m(l,null)},p(e,[a]){if(127&a){let r;for(i=e[0],r=0;r<i.length;r+=1){const o=w(e,i,r);t[r]?t[r].p(o,a):(t[r]=_(o),t[r].c(),t[r].m(l,null))}for(;r<t.length;r+=1)t[r].d(1);t.length=i.length}},i:s,o:s,d(e){e&&n(l),c(t,e)}}}function y(e,l,i){let{allowedExtensions:t}=l,{maxSize:a}=l,{disabled:r=!1}=l,{files:o}=l,{removelabel:s="Remove"}=l,{errorLabels:n}=l,c=new g;function f(e){if(t&&t.length>0){const l=e.slice(2+(e.lastIndexOf(".")-1>>>0));if(t&&!t.includes(String(l)))return!1}return!0}function m(e){return!(a&&e/1024/1024>a)}function b(e){c.dispatch("file-removed",e)}return e.$$set=e=>{i(6,l=d(d({},l),u(e))),"allowedExtensions"in e&&i(8,t=e.allowedExtensions),"maxSize"in e&&i(7,a=e.maxSize),"disabled"in e&&i(1,r=e.disabled),"files"in e&&i(0,o=e.files),"removelabel"in e&&i(2,s=e.removelabel),"errorLabels"in e&&i(3,n=e.errorLabels)},e.$$.update=()=>{1&e.$$.dirty&&i(0,o=o?function(e){let l=[...e];return l.forEach(((e,l)=>{const i=f(e.name),t=m(e.size);let a="";i||(a="invalid-extension"),t||(a="invalid-size"),e.errorType&&(a=e.errorType),i&&t&&!e.errorType||(e.errorType=a)})),l}(o):[]),128&e.$$.dirty&&i(7,a=a||void 0)},l=u(l),[o,r,s,n,function(e){let l=["mc-fileuploader__file"];return!function(e){const l=!t||f(e.name),i=m(e.size);if(!l||!i)return!1;return!0}(e)||e.errorType?l.push("mc-fileuploader__file--is-invalid"):l.push("mc-fileuploader__file--is-valid"),l.join(" ")},b,l,a,t,e=>b(e)]}class C extends e{constructor(e){super(),l(this,e,y,k,i,{allowedExtensions:8,maxSize:7,disabled:1,files:0,removelabel:2,errorLabels:3},h)}}export{C as default};
|
|
2
2
|
//# sourceMappingURL=ResultFile.nested.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResultFile.nested.js","sources":["../../../src/components/fileuploader/ResultFile.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n // @ts-nocheck\n import { EventHandler } from '../../utilities/EventHandler';\n\n export let allowedExtensions: [];\n export let maxSize: number;\n export let disabled = false;\n export let files: FileList;\n export let removelabel = 'Remove';\n export let errorLabels;\n\n let eventHandler = new EventHandler();\n $: files = files ? handleChange(files) : [];\n $: maxSize = maxSize ? maxSize : undefined;\n\n function setClasses(file: File): string {\n let classes = ['mc-fileuploader__file'];\n\n if (checkFileStatus(file) && !file.errorType)\n classes.push('mc-fileuploader__file--is-valid');\n else classes.push('mc-fileuploader__file--is-invalid');\n return classes.join(' ');\n }\n\n function checkFileExtension(fileName: string): boolean {\n if (allowedExtensions && allowedExtensions.length > 0) {\n const extension: string = fileName.slice(\n ((fileName.lastIndexOf('.') - 1) >>> 0) + 2,\n );\n if (allowedExtensions && !allowedExtensions.includes(String(extension))) {\n return false; // invalid\n }\n }\n\n return true; // valid\n }\n\n function checkFileSize(fileSize: number): boolean {\n const fileSizeMB = fileSize / 1024 / 1024; // in MB\n if (maxSize && fileSizeMB > maxSize) {\n return false; // invalid\n }\n\n return true; // valid\n }\n function handleChange(myFiles: FileList): void {\n let files = [...myFiles];\n files.forEach((file, index) => {\n const validExtension = checkFileExtension(file.name);\n const validSize = checkFileSize(file.size);\n let errorType = '';\n if (!validExtension) {\n errorType = 'invalid-extension';\n }\n if (!validSize) {\n errorType = 'invalid-size';\n }\n if (file.errorType) {\n errorType = file.errorType;\n }\n if (!validExtension || !validSize || file.errorType) {\n file.errorType = errorType;\n }\n });\n return files;\n }\n\n function checkFileStatus(file: File): boolean {\n const validExtension = allowedExtensions\n ? checkFileExtension(file.name)\n : true;\n const validSize = checkFileSize(file.size);\n\n if (!validExtension || !validSize) {\n return false; // invalid\n }\n\n return true; // valid\n }\n\n function deleteFile(file) {\n eventHandler.dispatch('file-removed', file);\n }\n</script>\n\n<ul id=\"file_uploaded\" class=\"mc-fileuploader__files\">\n {#each files as file, index}\n <li id={`file-${index}`} class=\"{setClasses(file)} {$$props.class}\">\n <span class=\"mc-fileuploader__file-name\">{file.name}</span>\n <span class=\"mc-fileuploader__file-icon\"> </span>\n <button\n type=\"button\"\n class=\"mc-fileuploader__delete\"\n aria-label={removelabel}\n {disabled}\n on:click={() => deleteFile(file)}\n />\n {#if file.errorType}\n <div class=\"mc-fileuploader__file-message\">\n {errorLabels[file.errorType]}\n </div>\n {/if}\n </li>\n {/each}\n</ul>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n @import '@mozaic-ds/styles/components/c.file-uploader';\n</style>\n"],"names":["ctx","errorType","insert","target","div","anchor","set_data","t","t_value","t0_value","name","if_block","create_if_block","attr","li","li_class_value","class","append","span0","span1","button","dirty","t0","length","i","ul","allowedExtensions","$$props","maxSize","disabled","files","removelabel","errorLabels","eventHandler","EventHandler","checkFileExtension","fileName","extension","slice","lastIndexOf","includes","String","checkFileSize","fileSize","deleteFile","file","dispatch","myFiles","forEach","index","validExtension","validSize","size","handleChange","undefined","classes","checkFileStatus","push","join"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ResultFile.nested.js","sources":["../../../src/components/fileuploader/ResultFile.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n // @ts-nocheck\n import { EventHandler } from '../../utilities/EventHandler';\n\n export let allowedExtensions: [];\n export let maxSize: number;\n export let disabled = false;\n export let files: FileList;\n export let removelabel = 'Remove';\n export let errorLabels;\n\n let eventHandler = new EventHandler();\n $: files = files ? handleChange(files) : [];\n $: maxSize = maxSize ? maxSize : undefined;\n\n function setClasses(file: File): string {\n let classes = ['mc-fileuploader__file'];\n\n if (checkFileStatus(file) && !file.errorType)\n classes.push('mc-fileuploader__file--is-valid');\n else classes.push('mc-fileuploader__file--is-invalid');\n return classes.join(' ');\n }\n\n function checkFileExtension(fileName: string): boolean {\n if (allowedExtensions && allowedExtensions.length > 0) {\n const extension: string = fileName.slice(\n ((fileName.lastIndexOf('.') - 1) >>> 0) + 2,\n );\n if (allowedExtensions && !allowedExtensions.includes(String(extension))) {\n return false; // invalid\n }\n }\n\n return true; // valid\n }\n\n function checkFileSize(fileSize: number): boolean {\n const fileSizeMB = fileSize / 1024 / 1024; // in MB\n if (maxSize && fileSizeMB > maxSize) {\n return false; // invalid\n }\n\n return true; // valid\n }\n function handleChange(myFiles: FileList): void {\n let files = [...myFiles];\n files.forEach((file, index) => {\n const validExtension = checkFileExtension(file.name);\n const validSize = checkFileSize(file.size);\n let errorType = '';\n if (!validExtension) {\n errorType = 'invalid-extension';\n }\n if (!validSize) {\n errorType = 'invalid-size';\n }\n if (file.errorType) {\n errorType = file.errorType;\n }\n if (!validExtension || !validSize || file.errorType) {\n file.errorType = errorType;\n }\n });\n return files;\n }\n\n function checkFileStatus(file: File): boolean {\n const validExtension = allowedExtensions\n ? checkFileExtension(file.name)\n : true;\n const validSize = checkFileSize(file.size);\n\n if (!validExtension || !validSize) {\n return false; // invalid\n }\n\n return true; // valid\n }\n\n function deleteFile(file) {\n eventHandler.dispatch('file-removed', file);\n }\n</script>\n\n<ul id=\"file_uploaded\" class=\"mc-fileuploader__files\">\n {#each files as file, index}\n <li id={`file-${index}`} class=\"{setClasses(file)} {$$props.class}\">\n <span class=\"mc-fileuploader__file-name\">{file.name}</span>\n <span class=\"mc-fileuploader__file-icon\"> </span>\n <button\n type=\"button\"\n class=\"mc-fileuploader__delete\"\n aria-label={removelabel}\n {disabled}\n on:click={() => deleteFile(file)}\n />\n {#if file.errorType}\n <div class=\"mc-fileuploader__file-message\">\n {errorLabels[file.errorType]}\n </div>\n {/if}\n </li>\n {/each}\n</ul>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n @import '@mozaic-ds/styles/components/c.file-uploader';\n</style>\n"],"names":["ctx","errorType","insert","target","div","anchor","set_data","t","t_value","t0_value","name","if_block","create_if_block","attr","li","li_class_value","class","append","span0","span1","button","dirty","t0","length","i","ul","allowedExtensions","$$props","maxSize","disabled","files","removelabel","errorLabels","eventHandler","EventHandler","checkFileExtension","fileName","extension","slice","lastIndexOf","includes","String","checkFileSize","fileSize","deleteFile","file","dispatch","myFiles","forEach","index","validExtension","validSize","size","handleChange","undefined","classes","checkFileStatus","push","join"],"mappings":"w+QAqGWA,EAAW,GAACA,EAAI,IAACC,WAAS,oGAD7BC,EAEKC,EAAAC,EAAAC,8BADFL,EAAW,GAACA,EAAI,IAACC,WAAS,KAAAK,EAAAC,EAAAC,6DAXWC,EAAAT,MAAKU,KAAI,mCAS9C,IAAAC,EAAAX,MAAKC,WAASW,EAAAZ,sUAJLA,EAAW,qCANXA,EAAK,OAAYa,EAAAC,EAAA,QAAAC,EAAAf,EAAW,GAAAA,EAAQ,KAAA,IAAAA,KAAQgB,MAAK,2BAAjEd,EAeIC,EAAAW,EAAAT,GAdFY,EAA0DH,EAAAI,iBAC1DD,EAAqDH,EAAAK,UACrDF,EAMCH,EAAAM,uEARyC,EAAAC,GAAAZ,KAAAA,EAAAT,MAAKU,KAAI,KAAAJ,EAAAgB,EAAAb,yBAKrCT,EAAW,2BAIpBA,MAAKC,gEAVqB,GAAAoB,GAAAN,KAAAA,EAAAf,EAAW,GAAAA,EAAQ,KAAA,IAAAA,KAAQgB,MAAK,2FAD5DhB,EAAK,wBAAVuB,OAAIC,GAAA,oKADRtB,EAmBIC,EAAAsB,EAAApB,oFAlBKL,EAAK,WAAVuB,OAAIC,GAAA,EAAA,iHAAJD,+EAlFSG,GAAqBC,WACrBC,GAAeD,GACfE,SAAAA,GAAW,GAAKF,SAChBG,GAAeH,GACfI,YAAAA,EAAc,UAAQJ,eACtBK,GAAWL,EAElBM,MAAmBC,EAad,SAAAC,EAAmBC,GACtB,GAAAV,GAAqBA,EAAkBH,OAAS,EAAC,CAC7C,MAAAc,EAAoBD,EAASE,MACS,GAAxCF,EAASG,YAAY,KAAO,IAAO,IAEnC,GAAAb,IAAsBA,EAAkBc,SAASC,OAAOJ,WACnD,SAIJ,EAGA,SAAAK,EAAcC,WAEjBf,GADee,EAAW,KAAO,KACTf,GAyCrB,SAAAgB,EAAWC,GAClBZ,EAAaa,SAAS,eAAgBD,mTArErCf,EAAQA,EAiCF,SAAaiB,GAChB,IAAAjB,MAAYiB,UAChBjB,EAAMkB,SAAS,CAAAH,EAAMI,KACb,MAAAC,EAAiBf,EAAmBU,EAAKnC,MACzCyC,EAAYT,EAAcG,EAAKO,MACjC,IAAAnD,EAAY,GACXiD,IACHjD,EAAY,qBAETkD,IACHlD,EAAY,gBAEV4C,EAAK5C,YACPA,EAAY4C,EAAK5C,WAEdiD,GAAmBC,IAAaN,EAAK5C,YACxC4C,EAAK5C,UAAYA,MAGd6B,EApDUuB,CAAavB,GAAK,wBAClCF,EAAUA,QAAoB0B,oBAExB,SAAWT,GACd,IAAAU,GAAW,gCAmDR,SAAgBV,SACjBK,GAAiBxB,GACnBS,EAAmBU,EAAKnC,MAEtByC,EAAYT,EAAcG,EAAKO,MAEhC,IAAAF,IAAmBC,SACf,SAGF,EA3DHK,CAAgBX,IAAUA,EAAK5C,UAE9BsD,EAAQE,KAAK,qCADhBF,EAAQE,KAAK,mCAERF,EAAQG,KAAK,cA0EAb,GAAAD,EAAWC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{S as e,i as t,a,_ as i,b as r,f as s,s as n,c as d,e as c,d as l,t as o,n as m,g as h,h as b,z as g,j as p,C as u,D as _,E as f,k as x,m as $,o as w,p as y,a0 as k,q as M,x as z,A,G as v,l as D,M as I,v as S}from"../../index-c33b3772.js";import{E as j}from"../../EventHandler-02058705.js";import N from"../breadcrumb/Breadcrumb.nested.js";import T from"../tabs/Tabs.nested.js";import L from"../badge/Badge.nested.js";function E(e){let t,a,i;return a=new N({props:{items:JSON.stringify(e[17]),nopadding:e[6]}}),a.$on("link-clicked",e[26]),{c(){t=c("div"),z(a.$$.fragment),h(t,"class","mc-header__breadcrumb")},m(e,s){r(e,t,s),A(a,t,null),i=!0},p(e,t){const i={};131072&t[0]&&(i.items=JSON.stringify(e[17])),64&t[0]&&(i.nopadding=e[6]),a.$set(i)},i(e){i||(u(a.$$.fragment,e),i=!0)},o(e){_(a.$$.fragment,e),i=!1},d(e){e&&w(t),v(a)}}}function C(e){let t,a,i,s,n,d=(e[15]?.back||"Back")+"";return{c(){t=c("button"),a=c("span"),i=o(d),h(a,"class","mc-header__back__label"),h(t,"class","mc-header__back")},m(d,c){r(d,t,c),p(t,a),p(a,i),s||(n=D(t,"click",e[19]),s=!0)},p(e,t){32768&t[0]&&d!==(d=(e[15]?.back||"Back")+"")&&x(i,d)},d(e){e&&w(t),s=!1,n()}}}function O(e){let t,a;return{c(){t=c("div"),a=o(e[1]),h(t,"class","mc-header__heading__subtitle")},m(e,i){r(e,t,i),p(t,a)},p(e,t){2&t[0]&&x(a,e[1])},d(e){e&&w(t)}}}function H(e){let t,a,i;return a=new L({props:{label:e[3],type:e[4]}}),{c(){t=c("div"),z(a.$$.fragment),h(t,"class","mc-header__heading__status")},m(e,s){r(e,t,s),A(a,t,null),i=!0},p(e,t){const i={};8&t[0]&&(i.label=e[3]),16&t[0]&&(i.type=e[4]),a.$set(i)},i(e){i||(u(a.$$.fragment,e),i=!0)},o(e){_(a.$$.fragment,e),i=!1},d(e){e&&w(t),v(a)}}}function J(e){let t,a,i=(e[20]?.icons||e[7])&&B(),s=(e[20]?.selector||e[8])&&Z(e);return{c(){t=c("div"),i&&i.c(),a=l(),s&&s.c(),h(t,"class","mc-header__right")},m(e,n){r(e,t,n),i&&i.m(t,null),p(t,a),s&&s.m(t,null)},p(e,r){e[20]?.icons||e[7]?i||(i=B(),i.c(),i.m(t,a)):i&&(i.d(1),i=null),e[20]?.selector||e[8]?s?s.p(e,r):(s=Z(e),s.c(),s.m(t,null)):s&&(s.d(1),s=null)},d(e){e&&w(t),i&&i.d(),s&&s.d()}}}function B(e){let t;return{c(){t=c("div"),t.innerHTML='<slot name="icons"></slot>',h(t,"class","mc-header__icons")},m(e,a){r(e,t,a)},d(e){e&&w(t)}}}function Z(e){let t;return{c(){t=c("div"),t.innerHTML='<slot name="selector"></slot>',h(t,"class","mc-header__selector"),g(t,"mc-header__selector--show-separator",(e[20]?.icons||e[7])&&(e[20]?.selector||e[8]))},m(e,a){r(e,t,a)},p(e,a){1048960&a[0]&&g(t,"mc-header__selector--show-separator",(e[20]?.icons||e[7])&&(e[20]?.selector||e[8]))},d(e){e&&w(t)}}}function G(e){let t,a,i;return a=new T({props:{tabs:JSON.stringify(e[16]),nodivider:!0}}),a.$on("tab-clicked",e[27]),{c(){t=c("div"),z(a.$$.fragment),h(t,"class","mc-header__tabs")},m(e,s){r(e,t,s),A(a,t,null),i=!0},p(e,t){const i={};65536&t[0]&&(i.tabs=JSON.stringify(e[16])),a.$set(i)},i(e){i||(u(a.$$.fragment,e),i=!0)},o(e){_(a.$$.fragment,e),i=!1},d(e){e&&w(t),v(a)}}}function R(e){let t,a,i,s,n,y,k,M,z,A,v,D,S,j=e[5]&&E(e),N=e[14]&&C(e),T=e[1]&&O(e),L=e[3]&&H(e),B=!e[9]&&J(e),Z=e[16]&&G(e),R=[{class:D="mc-header "+(e[2]?`mc-header--${e[2]}`:"")},e[10]],W={};for(let e=0;e<R.length;e+=1)W=d(W,R[e]);return{c(){t=c("div"),a=c("div"),j&&j.c(),i=l(),N&&N.c(),s=l(),n=c("div"),y=c("h1"),k=o(e[0]),M=l(),T&&T.c(),z=l(),L&&L.c(),A=l(),B&&B.c(),v=l(),Z&&Z.c(),this.c=m,h(y,"class","mc-header__heading__title"),h(n,"class","mc-header__heading"),h(a,"class","mc-header__left"),b(t,W),g(t,"mc-header--no-shadow",e[13]),g(t,"mc-header--animate",e[11])},m(d,c){r(d,t,c),p(t,a),j&&j.m(a,null),p(a,i),N&&N.m(a,null),p(a,s),p(a,n),p(n,y),p(y,k),p(n,M),T&&T.m(n,null),p(n,z),L&&L.m(n,null),p(t,A),B&&B.m(t,null),p(t,v),Z&&Z.m(t,null),e[28](t),S=!0},p(e,r){e[5]?j?(j.p(e,r),32&r[0]&&u(j,1)):(j=E(e),j.c(),u(j,1),j.m(a,i)):j&&(I(),_(j,1,1,(()=>{j=null})),f()),e[14]?N?N.p(e,r):(N=C(e),N.c(),N.m(a,s)):N&&(N.d(1),N=null),(!S||1&r[0])&&x(k,e[0]),e[1]?T?T.p(e,r):(T=O(e),T.c(),T.m(n,z)):T&&(T.d(1),T=null),e[3]?L?(L.p(e,r),8&r[0]&&u(L,1)):(L=H(e),L.c(),u(L,1),L.m(n,null)):L&&(I(),_(L,1,1,(()=>{L=null})),f()),e[9]?B&&(B.d(1),B=null):B?B.p(e,r):(B=J(e),B.c(),B.m(t,v)),e[16]?Z?(Z.p(e,r),65536&r[0]&&u(Z,1)):(Z=G(e),Z.c(),u(Z,1),Z.m(t,null)):Z&&(I(),_(Z,1,1,(()=>{Z=null})),f()),b(t,W=$(R,[(!S||4&r[0]&&D!==(D="mc-header "+(e[2]?`mc-header--${e[2]}`:"")))&&{class:D},1024&r[0]&&e[10]])),g(t,"mc-header--no-shadow",e[13]),g(t,"mc-header--animate",e[11])},i(e){S||(u(j),u(L),u(Z),S=!0)},o(e){_(j),_(L),_(Z),S=!1},d(a){a&&w(t),j&&j.d(),N&&N.d(),T&&T.d(),L&&L.d(),B&&B.d(),Z&&Z.d(),e[28](null)}}}function W(e,t,a){let i,r,s,n,c,l;const o=["title","subtitle","size","status","statustype","back","breadcrumb","tabs","noshadow","a11ylabels","scrollcontainer","nopaddingbreadcrumb","hasicons","hasselector","hideoptions"];let m=y(t,o),{$$slots:h={},$$scope:b}=t;const g=k(h);let p,u,{title:_}=t,{subtitle:f}=t,{size:x="m"}=t,{status:$}=t,{statustype:w}=t,{back:z}=t,{breadcrumb:A}=t,{tabs:v}=t,{noshadow:D}=t,{a11ylabels:I}=t,{scrollcontainer:N}=t,{nopaddingbreadcrumb:T}=t,{hasicons:L}=t,{hasselector:E}=t,{hideoptions:C=!1}=t,O=new j,H=0;function J(){const e=N.scrollTop,t=Number(u.style.marginTop.replace("px",""));H>e?e<u.offsetHeight?a(12,u.style.marginTop=`${Math.max(-e,t)}px`,u):a(12,u.style.marginTop="0",u):e<u.offsetHeight?(a(12,u.style.transition="none",u),a(12,u.style.marginTop=-e+"px",u)):(a(12,u.style.transition="margin-top ease-out 0.4s",u),a(12,u.style.marginTop=-u.offsetHeight-5+"px",u)),H=e}return e.$$set=e=>{t=d(d({},t),M(e)),a(32,m=y(t,o)),"title"in e&&a(0,_=e.title),"subtitle"in e&&a(1,f=e.subtitle),"size"in e&&a(2,x=e.size),"status"in e&&a(3,$=e.status),"statustype"in e&&a(4,w=e.statustype),"back"in e&&a(21,z=e.back),"breadcrumb"in e&&a(5,A=e.breadcrumb),"tabs"in e&&a(22,v=e.tabs),"noshadow"in e&&a(23,D=e.noshadow),"a11ylabels"in e&&a(24,I=e.a11ylabels),"scrollcontainer"in e&&a(25,N=e.scrollcontainer),"nopaddingbreadcrumb"in e&&a(6,T=e.nopaddingbreadcrumb),"hasicons"in e&&a(7,L=e.hasicons),"hasselector"in e&&a(8,E=e.hasselector),"hideoptions"in e&&a(9,C=e.hideoptions)},e.$$.update=()=>{32&e.$$.dirty[0]&&a(17,i="string"==typeof A?JSON.parse(A):A),4194304&e.$$.dirty[0]&&a(16,r="string"==typeof v?JSON.parse(v):v),16777216&e.$$.dirty[0]&&a(15,s="string"==typeof I?JSON.parse(I):I),2097152&e.$$.dirty[0]&&a(14,n=z&&"false"!==z),8388608&e.$$.dirty[0]&&a(13,c=D&&"false"!==D),33554432&e.$$.dirty[0]&&(a(11,p=Boolean(N)),function(e){e&&(e.removeEventListener("scroll",J),e.addEventListener("scroll",J))}(N)),a(10,l=Object.assign({},m)),1024&e.$$.dirty[0]&&delete l.class},[_,f,x,$,w,A,T,L,E,C,l,p,u,c,n,s,r,i,O,function(){O.dispatch("on-back-click",{})},g,z,v,D,I,N,e=>O.dispatch("link-clicked",e.detail),e=>O.dispatch("tab-clicked",e.detail),function(e){S[e?"unshift":"push"]((()=>{u=e,a(12,u)}))}]}class Y extends e{constructor(e){super();const d=document.createElement("style");d.textContent='.mc-header{background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-shadow:0px 4px 5px rgba(0, 0, 0, 0.2);box-shadow:0px 4px 5px rgba(0, 0, 0, 0.2);font-family:"LeroyMerlin", sans-serif;font-weight:400}.mc-header .mc-header__back{height:2.25rem}.mc-header .mc-header__heading__title{font-size:1.75rem;line-height:1.2857142857}.mc-header__left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:1rem;padding-top:0.5rem;padding-left:2rem}.mc-header__right{-webkit-box-flex:0;-ms-flex:0;flex:0;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:1.5rem;margin-bottom:1rem;padding-top:1rem;padding-right:2rem;height:2rem;width:28rem;min-width:28rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.mc-header__tabs{width:100%;position:relative;padding-left:2rem;padding-right:2rem}.mc-header__tabs::before{content:"";background-color:#b3b3b3;top:0;right:0;height:1px;position:absolute;width:100%;z-index:1}.mc-header__breadcrumb{height:3rem;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mc-header__back{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;background-color:transparent;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iIzMzMzMzMyI+PHBhdGggZD0iTTI4IDE1SDYuNDFsNi4zLTYuMjlhMSAxIDAgMTAtMS40Mi0xLjQybC04IDhhMS4xNSAxLjE1IDAgMDAtLjIxLjMzIDEgMSAwIDAwMCAuNzYuOTMuOTMgMCAwMC4yMS4zM2w4IDhhMSAxIDAgMDAxLjQyIDAgMSAxIDAgMDAwLTEuNDJMNi40MSAxN0gyOGExIDEgMCAwMDAtMnoiLz48L3N2Zz4=");background-repeat:no-repeat;background-position:center;background-size:2rem;color:currentColor;display:inline-block;-webkit-box-flex:0;-ms-flex:0 0 2rem;flex:0 0 2rem;margin-top:0.5rem;margin-right:1rem;height:2rem}.mc-header__back__label{font-size:0;height:1px;overflow:hidden;display:block}.mc-header__heading{display:inline-block;width:calc(100% - 3em)}.mc-header__heading__title{font-weight:600;color:#191919;width:100%;margin-top:0.5rem;margin-bottom:0}.mc-header__heading__subtitle{font-weight:400;color:#191919;display:inline-block;margin-top:0.25rem;margin-bottom:0}.mc-header__heading__status{font-weight:400;display:inline-block;margin-top:0.25rem;margin-bottom:0}.mc-header__heading__subtitle+.mc-header__heading__status{margin-left:1rem}.mc-header__icons{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;max-width:9rem;width:9rem}.mc-header__selector{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;padding-left:0;margin-left:1.5rem;max-width:16rem;width:16rem}.mc-header__selector--show-separator{padding-left:1.5rem}.mc-header__selector--show-separator::before{content:"";background-color:#b3b3b3;left:0;height:100%;position:absolute;width:1px}.mc-header--no-shadow{-webkit-box-shadow:none;box-shadow:none}.mc-header--animate{margin-top:0px;-webkit-transition:margin-top ease-out 0.4s;-o-transition:margin-top ease-out 0.4s;transition:margin-top ease-out 0.4s;width:100%}@media screen and (min-width: 360px){.mc-header__breadcrumb{margin-left:-1.25rem;margin-right:1.25rem}.mc-header__left{padding-left:1rem}.mc-header__right{padding-right:1rem}.mc-header__tabs{padding-left:1rem;padding-right:1rem}}@media screen and (min-width: 390px){.mc-header__breadcrumb{margin-left:-magic-unit-rem(1.375, "true");margin-right:1.375rem}}@media screen and (min-width: 680px){.mc-header__breadcrumb{margin-left:-2rem;margin-right:2rem}}@media screen and (min-width: 769px){.mc-header__breadcrumb{margin-left:-magic-unit-rem(2.125, "true");margin-right:2.125rem}.mc-header__left{padding-left:2rem}.mc-header__right{padding-right:2rem}.mc-header__tabs{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 1024px){.mc-header__breadcrumb{margin-left:-3rem;margin-right:3rem}.mc-header__left{padding-left:3rem}.mc-header__right{padding-right:3rem}.mc-header__tabs{padding-left:3rem;padding-right:3rem}}@media screen and (min-width: 1280px){.mc-header__breadcrumb{margin-left:-2rem;margin-right:2rem}.mc-header__left{padding-left:2rem}.mc-header__right{padding-right:2rem}.mc-header__tabs{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 1440px){.mc-header__breadcrumb{margin-left:-7rem;margin-right:7rem}}@media screen and (min-width: 1680px){.mc-header__breadcrumb{margin-left:-2rem;margin-right:2rem}}@media screen and (min-width: 1920px){.mc-header__breadcrumb{margin-left:-2.5rem;margin-right:2.5rem}}.mc-header--s .mc-header__back{height:2rem}.mc-header--s .mc-header__heading__title{font-size:1.4375rem;line-height:1.3913043478}.mc-header--l .mc-header__back{height:2.75rem}.mc-header--l .mc-header__heading__title{font-size:2.125rem;line-height:1.2941176471}:host{display:block;line-height:0}',this.shadowRoot.appendChild(d),t(this,{target:this.shadowRoot,props:{...a(this.attributes),$$slots:i(this)},customElement:!0},W,R,n,{title:0,subtitle:1,size:2,status:3,statustype:4,back:21,breadcrumb:5,tabs:22,noshadow:23,a11ylabels:24,scrollcontainer:25,nopaddingbreadcrumb:6,hasicons:7,hasselector:8,hideoptions:9},null,[-1,-1]),e&&(e.target&&r(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["title","subtitle","size","status","statustype","back","breadcrumb","tabs","noshadow","a11ylabels","scrollcontainer","nopaddingbreadcrumb","hasicons","hasselector","hideoptions"]}get title(){return this.$$.ctx[0]}set title(e){this.$$set({title:e}),s()}get subtitle(){return this.$$.ctx[1]}set subtitle(e){this.$$set({subtitle:e}),s()}get size(){return this.$$.ctx[2]}set size(e){this.$$set({size:e}),s()}get status(){return this.$$.ctx[3]}set status(e){this.$$set({status:e}),s()}get statustype(){return this.$$.ctx[4]}set statustype(e){this.$$set({statustype:e}),s()}get back(){return this.$$.ctx[21]}set back(e){this.$$set({back:e}),s()}get breadcrumb(){return this.$$.ctx[5]}set breadcrumb(e){this.$$set({breadcrumb:e}),s()}get tabs(){return this.$$.ctx[22]}set tabs(e){this.$$set({tabs:e}),s()}get noshadow(){return this.$$.ctx[23]}set noshadow(e){this.$$set({noshadow:e}),s()}get a11ylabels(){return this.$$.ctx[24]}set a11ylabels(e){this.$$set({a11ylabels:e}),s()}get scrollcontainer(){return this.$$.ctx[25]}set scrollcontainer(e){this.$$set({scrollcontainer:e}),s()}get nopaddingbreadcrumb(){return this.$$.ctx[6]}set nopaddingbreadcrumb(e){this.$$set({nopaddingbreadcrumb:e}),s()}get hasicons(){return this.$$.ctx[7]}set hasicons(e){this.$$set({hasicons:e}),s()}get hasselector(){return this.$$.ctx[8]}set hasselector(e){this.$$set({hasselector:e}),s()}get hideoptions(){return this.$$.ctx[9]}set hideoptions(e){this.$$set({hideoptions:e}),s()}}export{Y as default};
|
|
1
|
+
import{S as e,i as t,a,_ as i,b as r,f as s,s as n,c as d,e as l,d as c,t as o,n as m,g as h,h as b,z as g,j as p,C as u,D as _,E as f,k as x,m as $,o as w,p as y,a0 as k,q as M,x as z,A,G as v,l as D,M as I,v as S}from"../../index-c33b3772.js";import{E as j}from"../../EventHandler-02058705.js";import N from"../breadcrumb/Breadcrumb.nested.js";import T from"../tabs/Tabs.nested.js";import L from"../badge/Badge.nested.js";function E(e){let t,a,i;return a=new N({props:{items:JSON.stringify(e[17]),nopadding:e[6]}}),a.$on("link-clicked",e[26]),{c(){t=l("div"),z(a.$$.fragment),h(t,"class","mc-header__breadcrumb")},m(e,s){r(e,t,s),A(a,t,null),i=!0},p(e,t){const i={};131072&t[0]&&(i.items=JSON.stringify(e[17])),64&t[0]&&(i.nopadding=e[6]),a.$set(i)},i(e){i||(u(a.$$.fragment,e),i=!0)},o(e){_(a.$$.fragment,e),i=!1},d(e){e&&w(t),v(a)}}}function C(e){let t,a,i,s,n,d=(e[15]?.back||"Back")+"";return{c(){t=l("button"),a=l("span"),i=o(d),h(a,"class","mc-header__back__label"),h(t,"class","mc-header__back")},m(d,l){r(d,t,l),p(t,a),p(a,i),s||(n=D(t,"click",e[19]),s=!0)},p(e,t){32768&t[0]&&d!==(d=(e[15]?.back||"Back")+"")&&x(i,d)},d(e){e&&w(t),s=!1,n()}}}function O(e){let t,a;return{c(){t=l("div"),a=o(e[1]),h(t,"class","mc-header__heading__subtitle")},m(e,i){r(e,t,i),p(t,a)},p(e,t){2&t[0]&&x(a,e[1])},d(e){e&&w(t)}}}function H(e){let t,a,i;return a=new L({props:{label:e[3],type:e[4]}}),{c(){t=l("div"),z(a.$$.fragment),h(t,"class","mc-header__heading__status")},m(e,s){r(e,t,s),A(a,t,null),i=!0},p(e,t){const i={};8&t[0]&&(i.label=e[3]),16&t[0]&&(i.type=e[4]),a.$set(i)},i(e){i||(u(a.$$.fragment,e),i=!0)},o(e){_(a.$$.fragment,e),i=!1},d(e){e&&w(t),v(a)}}}function J(e){let t,a,i=(e[20]?.icons||e[7])&&B(),s=(e[20]?.selector||e[8])&&Z(e);return{c(){t=l("div"),i&&i.c(),a=c(),s&&s.c(),h(t,"class","mc-header__right")},m(e,n){r(e,t,n),i&&i.m(t,null),p(t,a),s&&s.m(t,null)},p(e,r){e[20]?.icons||e[7]?i||(i=B(),i.c(),i.m(t,a)):i&&(i.d(1),i=null),e[20]?.selector||e[8]?s?s.p(e,r):(s=Z(e),s.c(),s.m(t,null)):s&&(s.d(1),s=null)},d(e){e&&w(t),i&&i.d(),s&&s.d()}}}function B(e){let t;return{c(){t=l("div"),t.innerHTML='<slot name="icons"></slot>',h(t,"class","mc-header__icons")},m(e,a){r(e,t,a)},d(e){e&&w(t)}}}function Z(e){let t;return{c(){t=l("div"),t.innerHTML='<slot name="selector"></slot>',h(t,"class","mc-header__selector"),g(t,"mc-header__selector--show-separator",(e[20]?.icons||e[7])&&(e[20]?.selector||e[8]))},m(e,a){r(e,t,a)},p(e,a){1048960&a[0]&&g(t,"mc-header__selector--show-separator",(e[20]?.icons||e[7])&&(e[20]?.selector||e[8]))},d(e){e&&w(t)}}}function G(e){let t,a,i;return a=new T({props:{tabs:JSON.stringify(e[16]),nodivider:!0}}),a.$on("tab-clicked",e[27]),{c(){t=l("div"),z(a.$$.fragment),h(t,"class","mc-header__tabs")},m(e,s){r(e,t,s),A(a,t,null),i=!0},p(e,t){const i={};65536&t[0]&&(i.tabs=JSON.stringify(e[16])),a.$set(i)},i(e){i||(u(a.$$.fragment,e),i=!0)},o(e){_(a.$$.fragment,e),i=!1},d(e){e&&w(t),v(a)}}}function R(e){let t,a,i,s,n,y,k,M,z,A,v,D,S,j=e[5]&&E(e),N=e[14]&&C(e),T=e[1]&&O(e),L=e[3]&&H(e),B=!e[9]&&J(e),Z=e[16]&&e[16].length>0&&G(e),R=[{class:D="mc-header "+(e[2]?`mc-header--${e[2]}`:"")},e[10]],W={};for(let e=0;e<R.length;e+=1)W=d(W,R[e]);return{c(){t=l("div"),a=l("div"),j&&j.c(),i=c(),N&&N.c(),s=c(),n=l("div"),y=l("h1"),k=o(e[0]),M=c(),T&&T.c(),z=c(),L&&L.c(),A=c(),B&&B.c(),v=c(),Z&&Z.c(),this.c=m,h(y,"class","mc-header__heading__title"),h(n,"class","mc-header__heading"),h(a,"class","mc-header__left"),b(t,W),g(t,"mc-header--no-shadow",e[13]),g(t,"mc-header--animate",e[11])},m(d,l){r(d,t,l),p(t,a),j&&j.m(a,null),p(a,i),N&&N.m(a,null),p(a,s),p(a,n),p(n,y),p(y,k),p(n,M),T&&T.m(n,null),p(n,z),L&&L.m(n,null),p(t,A),B&&B.m(t,null),p(t,v),Z&&Z.m(t,null),e[28](t),S=!0},p(e,r){e[5]?j?(j.p(e,r),32&r[0]&&u(j,1)):(j=E(e),j.c(),u(j,1),j.m(a,i)):j&&(I(),_(j,1,1,(()=>{j=null})),f()),e[14]?N?N.p(e,r):(N=C(e),N.c(),N.m(a,s)):N&&(N.d(1),N=null),(!S||1&r[0])&&x(k,e[0]),e[1]?T?T.p(e,r):(T=O(e),T.c(),T.m(n,z)):T&&(T.d(1),T=null),e[3]?L?(L.p(e,r),8&r[0]&&u(L,1)):(L=H(e),L.c(),u(L,1),L.m(n,null)):L&&(I(),_(L,1,1,(()=>{L=null})),f()),e[9]?B&&(B.d(1),B=null):B?B.p(e,r):(B=J(e),B.c(),B.m(t,v)),e[16]&&e[16].length>0?Z?(Z.p(e,r),65536&r[0]&&u(Z,1)):(Z=G(e),Z.c(),u(Z,1),Z.m(t,null)):Z&&(I(),_(Z,1,1,(()=>{Z=null})),f()),b(t,W=$(R,[(!S||4&r[0]&&D!==(D="mc-header "+(e[2]?`mc-header--${e[2]}`:"")))&&{class:D},1024&r[0]&&e[10]])),g(t,"mc-header--no-shadow",e[13]),g(t,"mc-header--animate",e[11])},i(e){S||(u(j),u(L),u(Z),S=!0)},o(e){_(j),_(L),_(Z),S=!1},d(a){a&&w(t),j&&j.d(),N&&N.d(),T&&T.d(),L&&L.d(),B&&B.d(),Z&&Z.d(),e[28](null)}}}function W(e,t,a){let i,r,s,n,l,c;const o=["title","subtitle","size","status","statustype","back","breadcrumb","tabs","noshadow","a11ylabels","scrollcontainer","nopaddingbreadcrumb","hasicons","hasselector","hideoptions"];let m=y(t,o),{$$slots:h={},$$scope:b}=t;const g=k(h);let p,u,{title:_}=t,{subtitle:f}=t,{size:x="m"}=t,{status:$}=t,{statustype:w}=t,{back:z}=t,{breadcrumb:A}=t,{tabs:v}=t,{noshadow:D}=t,{a11ylabels:I}=t,{scrollcontainer:N}=t,{nopaddingbreadcrumb:T}=t,{hasicons:L}=t,{hasselector:E}=t,{hideoptions:C=!1}=t,O=new j,H=0;function J(){const e=N.scrollTop,t=Number(u.style.marginTop.replace("px",""));H>e?e<u.offsetHeight?a(12,u.style.marginTop=`${Math.max(-e,t)}px`,u):a(12,u.style.marginTop="0",u):e<u.offsetHeight?(a(12,u.style.transition="none",u),a(12,u.style.marginTop=-e+"px",u)):(a(12,u.style.transition="margin-top ease-out 0.4s",u),a(12,u.style.marginTop=-u.offsetHeight-5+"px",u)),H=e}return e.$$set=e=>{t=d(d({},t),M(e)),a(32,m=y(t,o)),"title"in e&&a(0,_=e.title),"subtitle"in e&&a(1,f=e.subtitle),"size"in e&&a(2,x=e.size),"status"in e&&a(3,$=e.status),"statustype"in e&&a(4,w=e.statustype),"back"in e&&a(21,z=e.back),"breadcrumb"in e&&a(5,A=e.breadcrumb),"tabs"in e&&a(22,v=e.tabs),"noshadow"in e&&a(23,D=e.noshadow),"a11ylabels"in e&&a(24,I=e.a11ylabels),"scrollcontainer"in e&&a(25,N=e.scrollcontainer),"nopaddingbreadcrumb"in e&&a(6,T=e.nopaddingbreadcrumb),"hasicons"in e&&a(7,L=e.hasicons),"hasselector"in e&&a(8,E=e.hasselector),"hideoptions"in e&&a(9,C=e.hideoptions)},e.$$.update=()=>{32&e.$$.dirty[0]&&a(17,i="string"==typeof A?JSON.parse(A):A),4194304&e.$$.dirty[0]&&a(16,r="string"==typeof v?JSON.parse(v):v),16777216&e.$$.dirty[0]&&a(15,s="string"==typeof I?JSON.parse(I):I),2097152&e.$$.dirty[0]&&a(14,n=z&&"false"!==z),8388608&e.$$.dirty[0]&&a(13,l=D&&"false"!==D),33554432&e.$$.dirty[0]&&(a(11,p=Boolean(N)),function(e){e&&(e.removeEventListener("scroll",J),e.addEventListener("scroll",J))}(N)),a(10,c=Object.assign({},m)),1024&e.$$.dirty[0]&&delete c.class},[_,f,x,$,w,A,T,L,E,C,c,p,u,l,n,s,r,i,O,function(){O.dispatch("on-back-click",{})},g,z,v,D,I,N,e=>O.dispatch("link-clicked",e.detail),e=>O.dispatch("tab-clicked",e.detail),function(e){S[e?"unshift":"push"]((()=>{u=e,a(12,u)}))}]}class Y extends e{constructor(e){super();const d=document.createElement("style");d.textContent='.mc-header{background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-shadow:0px 4px 5px rgba(0, 0, 0, 0.2);box-shadow:0px 4px 5px rgba(0, 0, 0, 0.2);font-family:"LeroyMerlin", sans-serif;font-weight:400}.mc-header .mc-header__back{height:2.25rem}.mc-header .mc-header__heading__title{font-size:1.75rem;line-height:1.2857142857}.mc-header__left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:1rem;padding-top:0.5rem;padding-left:2rem}.mc-header__right{-webkit-box-flex:0;-ms-flex:0;flex:0;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:1.5rem;margin-bottom:1rem;padding-top:1rem;padding-right:2rem;height:2rem;width:28rem;min-width:28rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.mc-header__tabs{width:100%;position:relative;padding-left:2rem;padding-right:2rem}.mc-header__tabs::before{content:"";background-color:#b3b3b3;top:0;right:0;height:1px;position:absolute;width:100%;z-index:1}.mc-header__breadcrumb{height:3rem;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mc-header__back{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;background-color:transparent;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iIzMzMzMzMyI+PHBhdGggZD0iTTI4IDE1SDYuNDFsNi4zLTYuMjlhMSAxIDAgMTAtMS40Mi0xLjQybC04IDhhMS4xNSAxLjE1IDAgMDAtLjIxLjMzIDEgMSAwIDAwMCAuNzYuOTMuOTMgMCAwMC4yMS4zM2w4IDhhMSAxIDAgMDAxLjQyIDAgMSAxIDAgMDAwLTEuNDJMNi40MSAxN0gyOGExIDEgMCAwMDAtMnoiLz48L3N2Zz4=");background-repeat:no-repeat;background-position:center;background-size:2rem;color:currentColor;display:inline-block;-webkit-box-flex:0;-ms-flex:0 0 2rem;flex:0 0 2rem;margin-top:0.5rem;margin-right:1rem;height:2rem}.mc-header__back__label{font-size:0;height:1px;overflow:hidden;display:block}.mc-header__heading{display:inline-block;width:calc(100% - 3em)}.mc-header__heading__title{font-weight:600;color:#191919;width:100%;margin-top:0.5rem;margin-bottom:0}.mc-header__heading__subtitle{font-weight:400;color:#191919;display:inline-block;margin-top:0.25rem;margin-bottom:0}.mc-header__heading__status{font-weight:400;display:inline-block;margin-top:0.25rem;margin-bottom:0}.mc-header__heading__subtitle+.mc-header__heading__status{margin-left:1rem}.mc-header__icons{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;max-width:9rem;width:9rem}.mc-header__selector{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;padding-left:0;margin-left:1.5rem;max-width:16rem;width:16rem}.mc-header__selector--show-separator{padding-left:1.5rem}.mc-header__selector--show-separator::before{content:"";background-color:#b3b3b3;left:0;height:100%;position:absolute;width:1px}.mc-header--no-shadow{-webkit-box-shadow:none;box-shadow:none}.mc-header--animate{margin-top:0px;-webkit-transition:margin-top ease-out 0.4s;-o-transition:margin-top ease-out 0.4s;transition:margin-top ease-out 0.4s;width:100%}@media screen and (min-width: 360px){.mc-header__breadcrumb{margin-left:-1.25rem;margin-right:1.25rem}.mc-header__left{padding-left:1rem}.mc-header__right{padding-right:1rem}.mc-header__tabs{padding-left:1rem;padding-right:1rem}}@media screen and (min-width: 390px){.mc-header__breadcrumb{margin-left:-magic-unit-rem(1.375, "true");margin-right:1.375rem}}@media screen and (min-width: 680px){.mc-header__breadcrumb{margin-left:-2rem;margin-right:2rem}}@media screen and (min-width: 769px){.mc-header__breadcrumb{margin-left:-magic-unit-rem(2.125, "true");margin-right:2.125rem}.mc-header__left{padding-left:2rem}.mc-header__right{padding-right:2rem}.mc-header__tabs{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 1024px){.mc-header__breadcrumb{margin-left:-3rem;margin-right:3rem}.mc-header__left{padding-left:3rem}.mc-header__right{padding-right:3rem}.mc-header__tabs{padding-left:3rem;padding-right:3rem}}@media screen and (min-width: 1280px){.mc-header__breadcrumb{margin-left:-2rem;margin-right:2rem}.mc-header__left{padding-left:2rem}.mc-header__right{padding-right:2rem}.mc-header__tabs{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 1440px){.mc-header__breadcrumb{margin-left:-7rem;margin-right:7rem}}@media screen and (min-width: 1680px){.mc-header__breadcrumb{margin-left:-2rem;margin-right:2rem}}@media screen and (min-width: 1920px){.mc-header__breadcrumb{margin-left:-2.5rem;margin-right:2.5rem}}.mc-header--s .mc-header__back{height:2rem}.mc-header--s .mc-header__heading__title{font-size:1.4375rem;line-height:1.3913043478}.mc-header--l .mc-header__back{height:2.75rem}.mc-header--l .mc-header__heading__title{font-size:2.125rem;line-height:1.2941176471}:host{display:block;line-height:0}',this.shadowRoot.appendChild(d),t(this,{target:this.shadowRoot,props:{...a(this.attributes),$$slots:i(this)},customElement:!0},W,R,n,{title:0,subtitle:1,size:2,status:3,statustype:4,back:21,breadcrumb:5,tabs:22,noshadow:23,a11ylabels:24,scrollcontainer:25,nopaddingbreadcrumb:6,hasicons:7,hasselector:8,hideoptions:9},null,[-1,-1]),e&&(e.target&&r(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["title","subtitle","size","status","statustype","back","breadcrumb","tabs","noshadow","a11ylabels","scrollcontainer","nopaddingbreadcrumb","hasicons","hasselector","hideoptions"]}get title(){return this.$$.ctx[0]}set title(e){this.$$set({title:e}),s()}get subtitle(){return this.$$.ctx[1]}set subtitle(e){this.$$set({subtitle:e}),s()}get size(){return this.$$.ctx[2]}set size(e){this.$$set({size:e}),s()}get status(){return this.$$.ctx[3]}set status(e){this.$$set({status:e}),s()}get statustype(){return this.$$.ctx[4]}set statustype(e){this.$$set({statustype:e}),s()}get back(){return this.$$.ctx[21]}set back(e){this.$$set({back:e}),s()}get breadcrumb(){return this.$$.ctx[5]}set breadcrumb(e){this.$$set({breadcrumb:e}),s()}get tabs(){return this.$$.ctx[22]}set tabs(e){this.$$set({tabs:e}),s()}get noshadow(){return this.$$.ctx[23]}set noshadow(e){this.$$set({noshadow:e}),s()}get a11ylabels(){return this.$$.ctx[24]}set a11ylabels(e){this.$$set({a11ylabels:e}),s()}get scrollcontainer(){return this.$$.ctx[25]}set scrollcontainer(e){this.$$set({scrollcontainer:e}),s()}get nopaddingbreadcrumb(){return this.$$.ctx[6]}set nopaddingbreadcrumb(e){this.$$set({nopaddingbreadcrumb:e}),s()}get hasicons(){return this.$$.ctx[7]}set hasicons(e){this.$$set({hasicons:e}),s()}get hasselector(){return this.$$.ctx[8]}set hasselector(e){this.$$set({hasselector:e}),s()}get hideoptions(){return this.$$.ctx[9]}set hideoptions(e){this.$$set({hideoptions:e}),s()}}export{Y as default};
|
|
2
2
|
//# sourceMappingURL=Header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sources":["../../../src/components/header/Header.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { EventHandler } from '../../utilities/EventHandler';\n import Breadcrumb from '../breadcrumb/Breadcrumb.nested.svelte';\n import type { BreadcrumbItems } from '../breadcrumb/breadcrumb.types';\n import Tabs from '../tabs/Tabs.nested.svelte';\n import type { TabsItems } from '../tabs/tabs.types';\n import Badge from '../badge/Badge.nested.svelte';\n import type { BadgeType } from '../badge/badge.types';\n import type { A11yLabels, HeaderSize } from './Header.types';\n\n export let title: string;\n export let subtitle: string;\n export let size: HeaderSize = 'm';\n export let status: string;\n export let statustype: BadgeType;\n export let back: boolean | string;\n export let breadcrumb: string | BreadcrumbItems[];\n export let tabs: string | TabsItems[];\n export let noshadow: boolean | string;\n export let a11ylabels: string | A11yLabels;\n export let scrollcontainer: HTMLElement;\n export let nopaddingbreadcrumb: boolean;\n export let hasicons: boolean;\n export let hasselector: boolean;\n export let hideoptions = false;\n\n const headerAnimationThreshold = 5;\n\n let eventHandler = new EventHandler();\n let originalScrollPos = 0;\n let hasAnimation: boolean;\n let root: HTMLElement;\n\n $: parsedBreadcrumb =\n typeof breadcrumb === 'string'\n ? (JSON.parse(breadcrumb) as BreadcrumbItems[])\n : breadcrumb;\n\n $: parsedTabs =\n typeof tabs === 'string' ? (JSON.parse(tabs) as TabsItems[]) : tabs;\n\n $: parsedA11yLabels =\n typeof a11ylabels === 'string'\n ? (JSON.parse(a11ylabels) as A11yLabels)\n : a11ylabels;\n\n $: hasBack = back && back !== 'false';\n $: hasNoShadow = noshadow && noshadow !== 'false';\n $: {\n hasAnimation = Boolean(scrollcontainer);\n updateAnimation(scrollcontainer);\n }\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n function goBack() {\n eventHandler.dispatch('on-back-click', {});\n }\n\n function updateAnimation(element: HTMLElement) {\n if (element) {\n element.removeEventListener('scroll', handleScroll);\n element.addEventListener('scroll', handleScroll);\n }\n }\n\n function handleScroll() {\n const currentScrollPos = scrollcontainer.scrollTop;\n const originHeaderMargin = Number(root.style.marginTop.replace('px', ''));\n\n if (originalScrollPos > currentScrollPos) {\n // scroll up\n if (currentScrollPos < root.offsetHeight) {\n // scroll while in header zone\n root.style.marginTop = `${Math.max(\n -currentScrollPos,\n originHeaderMargin,\n )}px`;\n } else {\n // scroll while below header zone\n root.style.marginTop = '0';\n }\n } else {\n // scroll down\n if (currentScrollPos < root.offsetHeight) {\n // scroll while in header zone\n\n root.style.transition = 'none';\n root.style.marginTop = `${-currentScrollPos}px`;\n } else {\n // scroll while below header zone\n root.style.transition = 'margin-top ease-out 0.4s';\n root.style.marginTop = `${\n -root.offsetHeight - headerAnimationThreshold\n }px`;\n }\n }\n\n originalScrollPos = currentScrollPos;\n }\n</script>\n\n<div\n class=\"mc-header {size ? `mc-header--${size}` : ''}\"\n class:mc-header--no-shadow={hasNoShadow}\n class:mc-header--animate={hasAnimation}\n bind:this={root}\n {...attributes}\n>\n <div class=\"mc-header__left\">\n {#if breadcrumb}\n <div class=\"mc-header__breadcrumb\">\n <Breadcrumb\n items={JSON.stringify(parsedBreadcrumb)}\n nopadding={nopaddingbreadcrumb}\n on:link-clicked={(event) =>\n eventHandler.dispatch('link-clicked', event.detail)}\n />\n </div>\n {/if}\n\n {#if hasBack}\n <button class=\"mc-header__back\" on:click={goBack}>\n <span class=\"mc-header__back__label\">\n {parsedA11yLabels?.['back'] || 'Back'}\n </span>\n </button>\n {/if}\n\n <div class=\"mc-header__heading\">\n <h1 class=\"mc-header__heading__title\">\n {title}\n </h1>\n {#if subtitle}\n <div class=\"mc-header__heading__subtitle\">\n {subtitle}\n </div>\n {/if}\n {#if status}\n <div class=\"mc-header__heading__status\">\n <Badge label={status} type={statustype} />\n </div>\n {/if}\n </div>\n </div>\n {#if !hideoptions}\n <div class=\"mc-header__right\">\n {#if $$slots?.icons || hasicons}\n <div class=\"mc-header__icons\">\n <slot name=\"icons\" />\n </div>\n {/if}\n {#if $$slots?.selector || hasselector}\n <div\n class:mc-header__selector--show-separator={($$slots?.icons ||\n hasicons) &&\n ($$slots?.selector || hasselector)}\n class=\"mc-header__selector\"\n >\n <slot name=\"selector\" />\n </div>\n {/if}\n </div>\n {/if}\n {#if parsedTabs}\n <div class=\"mc-header__tabs\">\n <Tabs\n tabs={JSON.stringify(parsedTabs)}\n nodivider={true}\n on:tab-clicked={(event) =>\n eventHandler.dispatch('tab-clicked', event.detail)}\n />\n </div>\n {/if}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import './_c.header.scss';\n\n :host {\n display: block;\n line-height: 0;\n }\n</style>\n"],"names":["JSON","stringify","ctx","insert","target","div","anchor","button","append","span","set_data","t","t_value","icons","create_if_block_3","selector","create_if_block_2","create_if_block_7","create_if_block_6","create_if_block_5","create_if_block_4","create_if_block_1","create_if_block","div2","div1","div0","h1","class","div2_class_value","hasAnimation","root","title","$$props","subtitle","size","status","statustype","back","breadcrumb","tabs","noshadow","a11ylabels","scrollcontainer","nopaddingbreadcrumb","hasicons","hasselector","hideoptions","eventHandler","EventHandler","originalScrollPos","handleScroll","currentScrollPos","scrollTop","originHeaderMargin","Number","style","marginTop","replace","offsetHeight","Math","max","$$invalidate","transition","parsedBreadcrumb","parse","parsedTabs","parsedA11yLabels","hasBack","hasNoShadow","Boolean","element","removeEventListener","addEventListener","updateAnimation","attributes","Object","assign","$$restProps","dispatch","event","detail","$$value"],"mappings":"6dAkHiBA,KAAKC,UAAUC,EAAgB,eAC3BA,EAAmB,gHAHlCC,EAOKC,EAAAC,EAAAC,6DALMN,KAAKC,UAAUC,EAAgB,4BAC3BA,EAAmB,mIAU7BA,EAAgB,KAAS,MAAK,QAAM,4HAFzCC,EAIQC,EAAAG,EAAAD,GAHNE,EAEMD,EAAAE,4BAHkCP,EAAM,uCAE3CA,EAAgB,KAAS,MAAK,QAAM,KAAAQ,EAAAC,EAAAC,4EAWpCV,EAAQ,wDADXC,EAEKC,EAAAC,EAAAC,8BADFJ,EAAQ,yEAKKA,EAAM,QAAQA,EAAU,yFADxCC,EAEKC,EAAAC,EAAAC,wDADWJ,EAAM,qBAAQA,EAAU,6HAOrCA,EAAO,KAAEW,OAASX,EAAQ,KAAAY,OAK1BZ,EAAO,KAAEa,UAAYb,EAAW,KAAAc,EAAAd,yFANvCC,EAgBKC,EAAAC,EAAAC,gDAfEJ,EAAO,KAAEW,OAASX,EAAQ,gDAK1BA,EAAO,KAAEa,UAAYb,EAAW,yNAJnCC,EAEKC,EAAAC,EAAAC,uLAIyCJ,EAAO,KAAEW,OACnDX,QACCA,EAAO,KAAEa,UAAYb,EAAW,aAHrCC,EAOKC,EAAAC,EAAAC,oEANyCJ,EAAO,KAAEW,OACnDX,QACCA,EAAO,KAAEa,UAAYb,EAAW,yEAW/BF,KAAKC,UAAUC,EAAU,gBACpB,wGAHfC,EAOKC,EAAAC,EAAAC,2DALKN,KAAKC,UAAUC,EAAU,oJAzD9BA,EAAU,IAAAe,EAAAf,KAWVA,EAAO,KAAAgB,EAAAhB,KAYLA,EAAQ,IAAAiB,EAAAjB,KAKRA,EAAM,IAAAkB,EAAAlB,MAOTA,EAAW,IAAAmB,EAAAnB,
|
|
1
|
+
{"version":3,"file":"Header.js","sources":["../../../src/components/header/Header.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { EventHandler } from '../../utilities/EventHandler';\n import Breadcrumb from '../breadcrumb/Breadcrumb.nested.svelte';\n import type { BreadcrumbItems } from '../breadcrumb/breadcrumb.types';\n import Tabs from '../tabs/Tabs.nested.svelte';\n import type { TabsItems } from '../tabs/tabs.types';\n import Badge from '../badge/Badge.nested.svelte';\n import type { BadgeType } from '../badge/badge.types';\n import type { A11yLabels, HeaderSize } from './Header.types';\n\n export let title: string;\n export let subtitle: string;\n export let size: HeaderSize = 'm';\n export let status: string;\n export let statustype: BadgeType;\n export let back: boolean | string;\n export let breadcrumb: string | BreadcrumbItems[];\n export let tabs: string | TabsItems[];\n export let noshadow: boolean | string;\n export let a11ylabels: string | A11yLabels;\n export let scrollcontainer: HTMLElement;\n export let nopaddingbreadcrumb: boolean;\n export let hasicons: boolean;\n export let hasselector: boolean;\n export let hideoptions = false;\n\n const headerAnimationThreshold = 5;\n\n let eventHandler = new EventHandler();\n let originalScrollPos = 0;\n let hasAnimation: boolean;\n let root: HTMLElement;\n\n $: parsedBreadcrumb =\n typeof breadcrumb === 'string'\n ? (JSON.parse(breadcrumb) as BreadcrumbItems[])\n : breadcrumb;\n\n $: parsedTabs =\n typeof tabs === 'string' ? (JSON.parse(tabs) as TabsItems[]) : tabs;\n\n $: parsedA11yLabels =\n typeof a11ylabels === 'string'\n ? (JSON.parse(a11ylabels) as A11yLabels)\n : a11ylabels;\n\n $: hasBack = back && back !== 'false';\n $: hasNoShadow = noshadow && noshadow !== 'false';\n $: {\n hasAnimation = Boolean(scrollcontainer);\n updateAnimation(scrollcontainer);\n }\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n function goBack() {\n eventHandler.dispatch('on-back-click', {});\n }\n\n function updateAnimation(element: HTMLElement) {\n if (element) {\n element.removeEventListener('scroll', handleScroll);\n element.addEventListener('scroll', handleScroll);\n }\n }\n\n function handleScroll() {\n const currentScrollPos = scrollcontainer.scrollTop;\n const originHeaderMargin = Number(root.style.marginTop.replace('px', ''));\n\n if (originalScrollPos > currentScrollPos) {\n // scroll up\n if (currentScrollPos < root.offsetHeight) {\n // scroll while in header zone\n root.style.marginTop = `${Math.max(\n -currentScrollPos,\n originHeaderMargin,\n )}px`;\n } else {\n // scroll while below header zone\n root.style.marginTop = '0';\n }\n } else {\n // scroll down\n if (currentScrollPos < root.offsetHeight) {\n // scroll while in header zone\n\n root.style.transition = 'none';\n root.style.marginTop = `${-currentScrollPos}px`;\n } else {\n // scroll while below header zone\n root.style.transition = 'margin-top ease-out 0.4s';\n root.style.marginTop = `${\n -root.offsetHeight - headerAnimationThreshold\n }px`;\n }\n }\n\n originalScrollPos = currentScrollPos;\n }\n</script>\n\n<div\n class=\"mc-header {size ? `mc-header--${size}` : ''}\"\n class:mc-header--no-shadow={hasNoShadow}\n class:mc-header--animate={hasAnimation}\n bind:this={root}\n {...attributes}\n>\n <div class=\"mc-header__left\">\n {#if breadcrumb}\n <div class=\"mc-header__breadcrumb\">\n <Breadcrumb\n items={JSON.stringify(parsedBreadcrumb)}\n nopadding={nopaddingbreadcrumb}\n on:link-clicked={(event) =>\n eventHandler.dispatch('link-clicked', event.detail)}\n />\n </div>\n {/if}\n\n {#if hasBack}\n <button class=\"mc-header__back\" on:click={goBack}>\n <span class=\"mc-header__back__label\">\n {parsedA11yLabels?.['back'] || 'Back'}\n </span>\n </button>\n {/if}\n\n <div class=\"mc-header__heading\">\n <h1 class=\"mc-header__heading__title\">\n {title}\n </h1>\n {#if subtitle}\n <div class=\"mc-header__heading__subtitle\">\n {subtitle}\n </div>\n {/if}\n {#if status}\n <div class=\"mc-header__heading__status\">\n <Badge label={status} type={statustype} />\n </div>\n {/if}\n </div>\n </div>\n {#if !hideoptions}\n <div class=\"mc-header__right\">\n {#if $$slots?.icons || hasicons}\n <div class=\"mc-header__icons\">\n <slot name=\"icons\" />\n </div>\n {/if}\n {#if $$slots?.selector || hasselector}\n <div\n class:mc-header__selector--show-separator={($$slots?.icons ||\n hasicons) &&\n ($$slots?.selector || hasselector)}\n class=\"mc-header__selector\"\n >\n <slot name=\"selector\" />\n </div>\n {/if}\n </div>\n {/if}\n {#if parsedTabs && parsedTabs.length > 0}\n <div class=\"mc-header__tabs\">\n <Tabs\n tabs={JSON.stringify(parsedTabs)}\n nodivider={true}\n on:tab-clicked={(event) =>\n eventHandler.dispatch('tab-clicked', event.detail)}\n />\n </div>\n {/if}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import './_c.header.scss';\n\n :host {\n display: block;\n line-height: 0;\n }\n</style>\n"],"names":["JSON","stringify","ctx","insert","target","div","anchor","button","append","span","set_data","t","t_value","icons","create_if_block_3","selector","create_if_block_2","create_if_block_7","create_if_block_6","create_if_block_5","create_if_block_4","create_if_block_1","if_block5","length","create_if_block","div2","div1","div0","h1","class","div2_class_value","hasAnimation","root","title","$$props","subtitle","size","status","statustype","back","breadcrumb","tabs","noshadow","a11ylabels","scrollcontainer","nopaddingbreadcrumb","hasicons","hasselector","hideoptions","eventHandler","EventHandler","originalScrollPos","handleScroll","currentScrollPos","scrollTop","originHeaderMargin","Number","style","marginTop","replace","offsetHeight","Math","max","$$invalidate","transition","parsedBreadcrumb","parse","parsedTabs","parsedA11yLabels","hasBack","hasNoShadow","Boolean","element","removeEventListener","addEventListener","updateAnimation","attributes","Object","assign","$$restProps","dispatch","event","detail","$$value"],"mappings":"6dAkHiBA,KAAKC,UAAUC,EAAgB,eAC3BA,EAAmB,gHAHlCC,EAOKC,EAAAC,EAAAC,6DALMN,KAAKC,UAAUC,EAAgB,4BAC3BA,EAAmB,mIAU7BA,EAAgB,KAAS,MAAK,QAAM,4HAFzCC,EAIQC,EAAAG,EAAAD,GAHNE,EAEMD,EAAAE,4BAHkCP,EAAM,uCAE3CA,EAAgB,KAAS,MAAK,QAAM,KAAAQ,EAAAC,EAAAC,4EAWpCV,EAAQ,wDADXC,EAEKC,EAAAC,EAAAC,8BADFJ,EAAQ,yEAKKA,EAAM,QAAQA,EAAU,yFADxCC,EAEKC,EAAAC,EAAAC,wDADWJ,EAAM,qBAAQA,EAAU,6HAOrCA,EAAO,KAAEW,OAASX,EAAQ,KAAAY,OAK1BZ,EAAO,KAAEa,UAAYb,EAAW,KAAAc,EAAAd,yFANvCC,EAgBKC,EAAAC,EAAAC,gDAfEJ,EAAO,KAAEW,OAASX,EAAQ,gDAK1BA,EAAO,KAAEa,UAAYb,EAAW,yNAJnCC,EAEKC,EAAAC,EAAAC,uLAIyCJ,EAAO,KAAEW,OACnDX,QACCA,EAAO,KAAEa,UAAYb,EAAW,aAHrCC,EAOKC,EAAAC,EAAAC,oEANyCJ,EAAO,KAAEW,OACnDX,QACCA,EAAO,KAAEa,UAAYb,EAAW,yEAW/BF,KAAKC,UAAUC,EAAU,gBACpB,wGAHfC,EAOKC,EAAAC,EAAAC,2DALKN,KAAKC,UAAUC,EAAU,oJAzD9BA,EAAU,IAAAe,EAAAf,KAWVA,EAAO,KAAAgB,EAAAhB,KAYLA,EAAQ,IAAAiB,EAAAjB,KAKRA,EAAM,IAAAkB,EAAAlB,MAOTA,EAAW,IAAAmB,EAAAnB,GAmBZoB,EAAApB,EAAc,KAAAA,EAAW,IAAAqB,OAAS,GAACC,EAAAtB,6BA7DtBA,EAAI,GAAA,cAAiBA,EAAI,KAAK,KAI5CA,EAAU,0IAwBPA,EAAK,qNA3BgBA,EAAW,8BACbA,EAAY,aAHxCC,EAwEKC,EAAAqB,EAAAnB,GAjEHE,EAmCKiB,EAAAC,+CAfHlB,EAcKkB,EAAAC,GAbHnB,EAEImB,EAAAC,wHAtBD1B,EAAU,oGAWVA,EAAO,4EAUPA,EAAK,IAEHA,EAAQ,yDAKRA,EAAM,sGAOTA,EAAW,yDAmBZA,EAAc,KAAAA,EAAW,IAAAqB,OAAS,sJA7DrBrB,EAAI,GAAA,cAAiBA,EAAI,KAAK,OAAE,CAAA2B,MAAAC,cAI9C5B,EAAU,kCAHcA,EAAW,8BACbA,EAAY,uaA1ElC6B,EACAC,SArBOC,GAAaC,YACbC,GAAgBD,GAChBE,KAAAA,EAAmB,KAAGF,UACtBG,GAAcH,cACdI,GAAqBJ,QACrBK,GAAsBL,cACtBM,GAAsCN,QACtCO,GAA0BP,YAC1BQ,GAA0BR,cAC1BS,GAA+BT,mBAC/BU,GAA4BV,uBAC5BW,GAA4BX,YAC5BY,GAAiBZ,eACjBa,GAAoBb,GACpBc,YAAAA,GAAc,GAAKd,EAI1Be,MAAmBC,EACnBC,EAAoB,WAoCfC,UACDC,EAAmBT,EAAgBU,UACnCC,EAAqBC,OAAOxB,EAAKyB,MAAMC,UAAUC,QAAQ,KAAM,KAEjER,EAAoBE,EAElBA,EAAmBrB,EAAK4B,kBAE1B5B,EAAKyB,MAAMC,UAAS,GAAMG,KAAKC,KAC5BT,EACDE,OAAkBvB,GAIpB+B,EAAA,GAAA/B,EAAKyB,MAAMC,UAAY,IAAG1B,GAIxBqB,EAAmBrB,EAAK4B,cAG1BG,EAAA,GAAA/B,EAAKyB,MAAMO,WAAa,OAAMhC,GAC9B+B,EAAA,GAAA/B,EAAKyB,MAAMC,WAAgBL,OAAgBrB,KAG3C+B,EAAA,GAAA/B,EAAKyB,MAAMO,WAAa,2BAA0BhC,QAClDA,EAAKyB,MAAMC,WACR1B,EAAK4B,aAlEmB,OAmE3B5B,IAIJmB,EAAoBE,unBAhEnBU,EAAA,GAAAE,EACqB,iBAAfzB,EACFxC,KAAKkE,MAAM1B,GACZA,0BAEHuB,EAAA,GAAAI,EACe,iBAAT1B,EAAqBzC,KAAKkE,MAAMzB,GAAwBA,2BAE9DsB,EAAA,GAAAK,EACqB,iBAAfzB,EACF3C,KAAKkE,MAAMvB,GACZA,+BAEH0B,EAAU9B,GAAiB,UAATA,+BAClB+B,EAAc5B,GAAyB,UAAbA,iCAE3BX,EAAewC,QAAQ3B,IAShB,SAAgB4B,GACnBA,IACFA,EAAQC,oBAAoB,SAAUrB,GACtCoB,EAAQE,iBAAiB,SAAUtB,IAXrCuB,CAAgB/B,SAEfgC,EAALC,OAAAC,UAAuBC,+BACXH,EAAW/C,yDAEnBoB,EAAa+B,SAAS,gBAAe,CAAA,gBA2DbC,GAChBhC,EAAa+B,SAAS,eAAgBC,EAAMC,QAqD/BD,GACfhC,EAAa+B,SAAS,cAAeC,EAAMC,gDAhExClD,EAAImD"}
|