@mozaic-ds/web-components 0.1.0 → 0.3.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/README.md +76 -2
- package/package.json +5 -5
- package/public/DataTableDefaultAction.nested-5a775e5d.js +2 -0
- package/public/DataTableDefaultAction.nested-5a775e5d.js.map +1 -0
- package/public/{DataTableUtilities-be64e0a0.js → DataTableUtilities-60220c78.js} +2 -2
- package/public/DataTableUtilities-60220c78.js.map +1 -0
- package/public/EventForward-c82e97d9.js +2 -0
- package/public/EventForward-c82e97d9.js.map +1 -0
- package/public/{EventHandler-02058705.js → EventHandler-316af043.js} +2 -2
- package/public/{EventHandler-02058705.js.map → EventHandler-316af043.js.map} +1 -1
- package/public/adeo/DataTableDefaultAction.nested-806484db.js +2 -0
- package/public/adeo/DataTableDefaultAction.nested-806484db.js.map +1 -0
- package/public/adeo/{DataTableUtilities-be64e0a0.js → DataTableUtilities-60220c78.js} +2 -2
- package/public/adeo/DataTableUtilities-60220c78.js.map +1 -0
- package/public/adeo/EventForward-c82e97d9.js +2 -0
- package/public/adeo/EventForward-c82e97d9.js.map +1 -0
- package/public/adeo/{EventHandler-02058705.js → EventHandler-316af043.js} +2 -2
- package/public/adeo/{EventHandler-02058705.js.map → EventHandler-316af043.js.map} +1 -1
- package/public/adeo/bundle.js +10 -0
- package/public/adeo/components/accordion/Accordion.js +1 -1
- package/public/adeo/components/autocomplete/Autocomplete.js +1 -1
- package/public/adeo/components/autocomplete/Autocomplete.js.map +1 -1
- package/public/adeo/components/autocomplete/Autocomplete.svelte +76 -59
- package/public/adeo/components/badge/Badge.js +1 -1
- package/public/adeo/components/badge/Badge.js.map +1 -1
- package/public/adeo/components/badge/Badge.nested.js +1 -1
- package/public/adeo/components/breadcrumb/Breadcrumb.js +1 -1
- package/public/adeo/components/breadcrumb/Breadcrumb.nested.js +1 -1
- package/public/adeo/components/button/Button.js +1 -1
- package/public/adeo/components/card/Card.js +1 -1
- package/public/adeo/components/chart/BarChart.js +1 -1
- package/public/adeo/components/chart/Donut.js +1 -1
- package/public/adeo/components/chart/Donut.js.map +1 -1
- package/public/adeo/components/chart/GroupedBarChart.js +1 -1
- package/public/adeo/components/chart/LineChart.js +1 -1
- package/public/adeo/components/chart/Radar.js +1 -1
- package/public/adeo/components/chart/StackedBarChart.js +1 -1
- package/public/adeo/components/checkbox/Checkbox.js +1 -1
- package/public/adeo/components/checkboxgroup/checkboxGroup.js +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 +153 -63
- package/public/adeo/components/datatable/DataTableDefaultAction.nested.js +1 -1
- package/public/adeo/components/datatable/DataTableDefaultAction.nested.js.map +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/DataTableDefaultSelection.nested.js +1 -1
- package/public/adeo/components/datatable/DataTableDefaultSelectionLabel.nested.js +1 -1
- package/public/adeo/components/datatable/DataTableFooter.nested.js +1 -1
- package/public/adeo/components/datatable/data.d.ts.map +1 -1
- package/public/adeo/components/datatable/datatable.types.d.ts +7 -0
- package/public/adeo/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/adeo/components/datatabledefaultaction/DataTableDefaultAction.nested.svelte +230 -2
- package/public/adeo/components/donut/Donut.svelte +0 -1
- package/public/adeo/components/dropdown/Dropdown.js +1 -1
- package/public/adeo/components/dropdown/Dropdown.js.map +1 -1
- package/public/adeo/components/dropdown/Dropdown.svelte +55 -45
- package/public/adeo/components/field/Field.js +1 -1
- package/public/adeo/components/fileuploader/FileUploader.js +2 -0
- package/public/adeo/components/fileuploader/FileUploader.js.map +1 -0
- package/public/adeo/components/fileuploader/FileUploader.svelte +93 -0
- package/public/adeo/components/fileuploader/ResultFile.nested.js +2 -0
- package/public/adeo/components/fileuploader/ResultFile.nested.js.map +1 -0
- package/public/adeo/components/flag/Flag.js +1 -1
- package/public/adeo/components/header/Header.js +1 -1
- package/public/adeo/components/hero/Hero.js +1 -1
- package/public/adeo/components/layer/Layer.js +1 -1
- package/public/adeo/components/layer/Layer.js.map +1 -1
- package/public/adeo/components/layer/Layer.svelte +8 -3
- package/public/adeo/components/link/Link.js +1 -1
- package/public/adeo/components/listbox/Listbox.js +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/listbox/Listbox.nested.svelte +5 -3
- package/public/adeo/components/loader/Loader.js +1 -1
- package/public/adeo/components/loader/Loader.nested.js +1 -1
- package/public/adeo/components/modal/Modal.js +1 -1
- package/public/adeo/components/modal/Modal.js.map +1 -1
- package/public/adeo/components/modal/Modal.svelte +9 -3
- package/public/adeo/components/notification/Notification.js +1 -1
- package/public/adeo/components/optionbutton/OptionButton.js +1 -1
- package/public/adeo/components/optionbutton/OptionButton.js.map +1 -1
- package/public/adeo/components/optionbutton/OptionButton.svelte +8 -5
- package/public/adeo/components/overlay/Overlay.js +1 -1
- package/public/adeo/components/overlay/OverlayLoader.js +1 -1
- package/public/adeo/components/pagination/Pagination.js +1 -1
- package/public/adeo/components/passwordinput/PasswordInput.js +1 -1
- package/public/adeo/components/phonenumber/PhoneNumber.js +1 -1
- package/public/adeo/components/phonenumber/PhoneNumber.js.map +1 -1
- package/public/adeo/components/price/Price.js +1 -1
- package/public/adeo/components/price/Price.js.map +1 -1
- package/public/adeo/components/progressbar/ProgressBar.js +1 -1
- package/public/adeo/components/quantityselector/QuantitySelector.js +1 -1
- package/public/adeo/components/radio/Radio.js +1 -1
- package/public/adeo/components/radiogroup/RadioGroup.js +1 -1
- package/public/adeo/components/ratings/StarsInput.js +1 -1
- package/public/adeo/components/ratings/StarsResult.js +1 -1
- package/public/adeo/components/resultfile/ResultFile.nested.svelte +118 -0
- package/public/adeo/components/select/Select.js +1 -1
- package/public/adeo/components/sidebar/Sidebar.js +1 -1
- package/public/adeo/components/sidebar/Sidebar.js.map +1 -1
- package/public/adeo/components/sidebar/Sidebar.svelte +50 -14
- 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-service.d.ts.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/sidebar-feature.nested.svelte +27 -11
- package/public/adeo/components/sidebar-feature-group/sidebar-feature-group.nested.svelte +22 -9
- package/public/adeo/components/sidebar-section/sidebar-section.nested.svelte +4 -3
- package/public/adeo/components/sidebar-segment/sidebar-segment.nested.svelte +8 -6
- package/public/adeo/components/sidebar-separator/sidebar-separator.nested.svelte +2 -1
- package/public/adeo/components/sidebar-sub-features/sidebar-sub-features.nested.svelte +11 -2
- package/public/adeo/components/sidebar-user/sidebar-user.nested.svelte +25 -6
- package/public/adeo/components/stepper/Stepper.js +1 -1
- package/public/adeo/components/tabs/Tabs.js +1 -1
- package/public/adeo/components/tabs/Tabs.nested.js +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/tag/Tag.nested.svelte +12 -7
- package/public/adeo/components/tag/Tag.svelte +9 -10
- package/public/adeo/components/tag/tag.types.d.ts +6 -0
- package/public/adeo/components/tag/tag.types.d.ts.map +1 -1
- package/public/adeo/components/taglist/TagList.js +2 -0
- package/public/adeo/components/taglist/TagList.js.map +1 -0
- package/public/adeo/components/taglist/TagList.svelte +78 -0
- package/public/adeo/components/textarea/Textarea.js +1 -1
- package/public/adeo/components/textinput/Textinput.js +1 -1
- package/public/adeo/components/textinput/Textinput.js.map +1 -1
- package/public/adeo/components/textinput/Textinput.nested.js +1 -1
- package/public/adeo/components/textinput/Textinput.svelte +7 -1
- package/public/adeo/components/toggle/Toggle.js +1 -1
- package/public/adeo/components/tooltip/Tooltip.js +1 -1
- package/public/adeo/icons-storybook.js +1 -4
- package/public/adeo/{index-c33b3772.js → index-17a01ab4.js} +2 -2
- package/public/adeo/{index-c33b3772.js.map → index-17a01ab4.js.map} +1 -1
- package/public/adeo/main.d.ts +2 -0
- package/public/adeo/main.d.ts.map +1 -1
- package/public/adeo/sidebar-service-51f0ac60.js +2 -0
- package/public/{bricoman/sidebar-service-6bb0964f.js.map → adeo/sidebar-service-51f0ac60.js.map} +1 -1
- package/public/adeo/utilities/DataTableUtilities.d.ts +3 -0
- package/public/adeo/utilities/DataTableUtilities.d.ts.map +1 -1
- package/public/adeo/utilities/DataTableUtilities.ts +4 -0
- package/public/adeo/utilities/EventForward.d.ts.map +1 -1
- package/public/adeo/utilities/EventForward.ts +0 -1
- package/public/bricoman/DataTableDefaultAction.nested-515f0028.js +2 -0
- package/public/bricoman/DataTableDefaultAction.nested-515f0028.js.map +1 -0
- package/public/bricoman/{DataTableUtilities-be64e0a0.js → DataTableUtilities-60220c78.js} +2 -2
- package/public/bricoman/DataTableUtilities-60220c78.js.map +1 -0
- package/public/bricoman/EventForward-c82e97d9.js +2 -0
- package/public/bricoman/EventForward-c82e97d9.js.map +1 -0
- package/public/bricoman/{EventHandler-02058705.js → EventHandler-316af043.js} +2 -2
- package/public/bricoman/{EventHandler-02058705.js.map → EventHandler-316af043.js.map} +1 -1
- package/public/bricoman/bundle.js +10 -0
- package/public/bricoman/components/accordion/Accordion.js +1 -1
- package/public/bricoman/components/autocomplete/Autocomplete.js +1 -1
- package/public/bricoman/components/autocomplete/Autocomplete.js.map +1 -1
- package/public/bricoman/components/autocomplete/Autocomplete.svelte +76 -59
- package/public/bricoman/components/badge/Badge.js +1 -1
- package/public/bricoman/components/badge/Badge.nested.js +1 -1
- package/public/bricoman/components/breadcrumb/Breadcrumb.js +1 -1
- package/public/bricoman/components/breadcrumb/Breadcrumb.nested.js +1 -1
- package/public/bricoman/components/button/Button.js +1 -1
- package/public/bricoman/components/card/Card.js +1 -1
- package/public/bricoman/components/chart/BarChart.js +1 -1
- package/public/bricoman/components/chart/Donut.js +1 -1
- package/public/bricoman/components/chart/Donut.js.map +1 -1
- package/public/bricoman/components/chart/GroupedBarChart.js +1 -1
- package/public/bricoman/components/chart/LineChart.js +1 -1
- package/public/bricoman/components/chart/Radar.js +1 -1
- package/public/bricoman/components/chart/StackedBarChart.js +1 -1
- package/public/bricoman/components/checkbox/Checkbox.js +1 -1
- package/public/bricoman/components/checkboxgroup/checkboxGroup.js +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 +153 -63
- package/public/bricoman/components/datatable/DataTableDefaultAction.nested.js +1 -1
- package/public/bricoman/components/datatable/DataTableDefaultAction.nested.js.map +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/DataTableDefaultSelection.nested.js +1 -1
- package/public/bricoman/components/datatable/DataTableDefaultSelectionLabel.nested.js +1 -1
- package/public/bricoman/components/datatable/DataTableFooter.nested.js +1 -1
- package/public/bricoman/components/datatable/data.d.ts.map +1 -1
- package/public/bricoman/components/datatable/datatable.types.d.ts +7 -0
- package/public/bricoman/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/bricoman/components/datatabledefaultaction/DataTableDefaultAction.nested.svelte +230 -2
- package/public/bricoman/components/donut/Donut.svelte +0 -1
- package/public/bricoman/components/dropdown/Dropdown.js +1 -1
- package/public/bricoman/components/dropdown/Dropdown.js.map +1 -1
- package/public/bricoman/components/dropdown/Dropdown.svelte +55 -45
- package/public/bricoman/components/field/Field.js +1 -1
- package/public/bricoman/components/fileuploader/FileUploader.js +2 -0
- package/public/bricoman/components/fileuploader/FileUploader.js.map +1 -0
- package/public/bricoman/components/fileuploader/FileUploader.svelte +93 -0
- package/public/bricoman/components/fileuploader/ResultFile.nested.js +2 -0
- package/public/bricoman/components/fileuploader/ResultFile.nested.js.map +1 -0
- package/public/bricoman/components/flag/Flag.js +1 -1
- package/public/bricoman/components/header/Header.js +1 -1
- package/public/bricoman/components/hero/Hero.js +1 -1
- package/public/bricoman/components/layer/Layer.js +1 -1
- package/public/bricoman/components/layer/Layer.js.map +1 -1
- package/public/bricoman/components/layer/Layer.svelte +8 -3
- package/public/bricoman/components/link/Link.js +1 -1
- package/public/bricoman/components/listbox/Listbox.js +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/listbox/Listbox.nested.svelte +5 -3
- package/public/bricoman/components/loader/Loader.js +1 -1
- package/public/bricoman/components/loader/Loader.nested.js +1 -1
- package/public/bricoman/components/modal/Modal.js +1 -1
- package/public/bricoman/components/modal/Modal.js.map +1 -1
- package/public/bricoman/components/modal/Modal.svelte +9 -3
- package/public/bricoman/components/notification/Notification.js +1 -1
- package/public/bricoman/components/optionbutton/OptionButton.js +1 -1
- package/public/bricoman/components/optionbutton/OptionButton.js.map +1 -1
- package/public/bricoman/components/optionbutton/OptionButton.svelte +8 -5
- package/public/bricoman/components/overlay/Overlay.js +1 -1
- package/public/bricoman/components/overlay/OverlayLoader.js +1 -1
- package/public/bricoman/components/pagination/Pagination.js +1 -1
- package/public/bricoman/components/passwordinput/PasswordInput.js +1 -1
- package/public/bricoman/components/phonenumber/PhoneNumber.js +1 -1
- package/public/bricoman/components/phonenumber/PhoneNumber.js.map +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/progressbar/ProgressBar.js +1 -1
- package/public/bricoman/components/quantityselector/QuantitySelector.js +1 -1
- package/public/bricoman/components/radio/Radio.js +1 -1
- package/public/bricoman/components/radiogroup/RadioGroup.js +1 -1
- package/public/bricoman/components/ratings/StarsInput.js +1 -1
- package/public/bricoman/components/ratings/StarsResult.js +1 -1
- package/public/bricoman/components/resultfile/ResultFile.nested.svelte +118 -0
- package/public/bricoman/components/select/Select.js +1 -1
- package/public/bricoman/components/sidebar/Sidebar.js +1 -1
- package/public/bricoman/components/sidebar/Sidebar.js.map +1 -1
- package/public/bricoman/components/sidebar/Sidebar.svelte +50 -14
- 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-feature.nested.js.map +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-service.d.ts.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/sidebar-feature.nested.svelte +27 -11
- package/public/bricoman/components/sidebar-feature-group/sidebar-feature-group.nested.svelte +22 -9
- package/public/bricoman/components/sidebar-section/sidebar-section.nested.svelte +4 -3
- package/public/bricoman/components/sidebar-segment/sidebar-segment.nested.svelte +8 -6
- package/public/bricoman/components/sidebar-separator/sidebar-separator.nested.svelte +2 -1
- package/public/bricoman/components/sidebar-sub-features/sidebar-sub-features.nested.svelte +11 -2
- package/public/bricoman/components/sidebar-user/sidebar-user.nested.svelte +25 -6
- package/public/bricoman/components/stepper/Stepper.js +1 -1
- package/public/bricoman/components/tabs/Tabs.js +1 -1
- package/public/bricoman/components/tabs/Tabs.nested.js +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/tag/Tag.nested.svelte +12 -7
- package/public/bricoman/components/tag/Tag.svelte +9 -10
- package/public/bricoman/components/tag/tag.types.d.ts +6 -0
- package/public/bricoman/components/tag/tag.types.d.ts.map +1 -1
- package/public/bricoman/components/taglist/TagList.js +2 -0
- package/public/bricoman/components/taglist/TagList.js.map +1 -0
- package/public/bricoman/components/taglist/TagList.svelte +78 -0
- package/public/bricoman/components/textarea/Textarea.js +1 -1
- package/public/bricoman/components/textinput/Textinput.js +1 -1
- package/public/bricoman/components/textinput/Textinput.js.map +1 -1
- package/public/bricoman/components/textinput/Textinput.nested.js +1 -1
- package/public/bricoman/components/textinput/Textinput.svelte +7 -1
- package/public/bricoman/components/toggle/Toggle.js +1 -1
- package/public/bricoman/components/tooltip/Tooltip.js +1 -1
- package/public/bricoman/icons-storybook.js +1 -4
- package/public/bricoman/{index-c33b3772.js → index-17a01ab4.js} +2 -2
- package/public/bricoman/{index-c33b3772.js.map → index-17a01ab4.js.map} +1 -1
- package/public/bricoman/main.d.ts +2 -0
- package/public/bricoman/main.d.ts.map +1 -1
- package/public/bricoman/sidebar-service-51f0ac60.js +2 -0
- package/public/{adeo/sidebar-service-6bb0964f.js.map → bricoman/sidebar-service-51f0ac60.js.map} +1 -1
- package/public/bricoman/utilities/DataTableUtilities.d.ts +3 -0
- package/public/bricoman/utilities/DataTableUtilities.d.ts.map +1 -1
- package/public/bricoman/utilities/DataTableUtilities.ts +4 -0
- package/public/bricoman/utilities/EventForward.d.ts.map +1 -1
- package/public/bricoman/utilities/EventForward.ts +0 -1
- package/public/bundle.js +10 -0
- package/public/components/accordion/Accordion.js +1 -1
- package/public/components/autocomplete/Autocomplete.js +1 -1
- package/public/components/autocomplete/Autocomplete.js.map +1 -1
- package/public/components/autocomplete/Autocomplete.svelte +76 -59
- package/public/components/badge/Badge.js +1 -1
- package/public/components/badge/Badge.nested.js +1 -1
- package/public/components/breadcrumb/Breadcrumb.js +1 -1
- package/public/components/breadcrumb/Breadcrumb.nested.js +1 -1
- package/public/components/button/Button.js +1 -1
- package/public/components/card/Card.js +1 -1
- package/public/components/chart/BarChart.js +1 -1
- package/public/components/chart/Donut.js +1 -1
- package/public/components/chart/Donut.js.map +1 -1
- package/public/components/chart/GroupedBarChart.js +1 -1
- package/public/components/chart/LineChart.js +1 -1
- package/public/components/chart/Radar.js +1 -1
- package/public/components/chart/StackedBarChart.js +1 -1
- package/public/components/checkbox/Checkbox.js +1 -1
- package/public/components/checkboxgroup/checkboxGroup.js +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 +153 -63
- package/public/components/datatable/DataTableDefaultAction.nested.js +1 -1
- package/public/components/datatable/DataTableDefaultAction.nested.js.map +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/DataTableDefaultSelection.nested.js +1 -1
- package/public/components/datatable/DataTableDefaultSelectionLabel.nested.js +1 -1
- package/public/components/datatable/DataTableFooter.nested.js +1 -1
- package/public/components/datatable/data.d.ts.map +1 -1
- package/public/components/datatable/datatable.types.d.ts +7 -0
- package/public/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/components/datatabledefaultaction/DataTableDefaultAction.nested.svelte +230 -2
- package/public/components/donut/Donut.svelte +0 -1
- package/public/components/dropdown/Dropdown.js +1 -1
- package/public/components/dropdown/Dropdown.js.map +1 -1
- package/public/components/dropdown/Dropdown.svelte +55 -45
- package/public/components/field/Field.js +1 -1
- package/public/components/fileuploader/FileUploader.js +2 -0
- package/public/components/fileuploader/FileUploader.js.map +1 -0
- package/public/components/fileuploader/FileUploader.svelte +93 -0
- package/public/components/fileuploader/ResultFile.nested.js +2 -0
- package/public/components/fileuploader/ResultFile.nested.js.map +1 -0
- package/public/components/flag/Flag.js +1 -1
- package/public/components/header/Header.js +1 -1
- package/public/components/hero/Hero.js +1 -1
- package/public/components/layer/Layer.js +1 -1
- package/public/components/layer/Layer.js.map +1 -1
- package/public/components/layer/Layer.svelte +8 -3
- package/public/components/link/Link.js +1 -1
- package/public/components/listbox/Listbox.js +1 -1
- package/public/components/listbox/Listbox.nested.js +1 -1
- package/public/components/listbox/Listbox.nested.js.map +1 -1
- package/public/components/listbox/Listbox.nested.svelte +5 -3
- package/public/components/loader/Loader.js +1 -1
- package/public/components/loader/Loader.js.map +1 -1
- package/public/components/loader/Loader.nested.js +1 -1
- package/public/components/modal/Modal.js +1 -1
- package/public/components/modal/Modal.js.map +1 -1
- package/public/components/modal/Modal.svelte +9 -3
- package/public/components/notification/Notification.js +1 -1
- package/public/components/optionbutton/OptionButton.js +1 -1
- package/public/components/optionbutton/OptionButton.js.map +1 -1
- package/public/components/optionbutton/OptionButton.svelte +8 -5
- package/public/components/overlay/Overlay.js +1 -1
- package/public/components/overlay/OverlayLoader.js +1 -1
- package/public/components/pagination/Pagination.js +1 -1
- package/public/components/passwordinput/PasswordInput.js +1 -1
- package/public/components/phonenumber/PhoneNumber.js +1 -1
- package/public/components/phonenumber/PhoneNumber.js.map +1 -1
- package/public/components/price/Price.js +1 -1
- package/public/components/price/Price.js.map +1 -1
- package/public/components/progressbar/ProgressBar.js +1 -1
- package/public/components/quantityselector/QuantitySelector.js +1 -1
- package/public/components/radio/Radio.js +1 -1
- package/public/components/radiogroup/RadioGroup.js +1 -1
- package/public/components/ratings/StarsInput.js +1 -1
- package/public/components/ratings/StarsResult.js +1 -1
- package/public/components/resultfile/ResultFile.nested.svelte +118 -0
- package/public/components/select/Select.js +1 -1
- package/public/components/sidebar/Sidebar.js +1 -1
- package/public/components/sidebar/Sidebar.js.map +1 -1
- package/public/components/sidebar/Sidebar.svelte +50 -14
- 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-service.d.ts.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/sidebar-feature.nested.svelte +27 -11
- package/public/components/sidebar-feature-group/sidebar-feature-group.nested.svelte +22 -9
- package/public/components/sidebar-section/sidebar-section.nested.svelte +4 -3
- package/public/components/sidebar-segment/sidebar-segment.nested.svelte +8 -6
- package/public/components/sidebar-separator/sidebar-separator.nested.svelte +2 -1
- package/public/components/sidebar-sub-features/sidebar-sub-features.nested.svelte +11 -2
- package/public/components/sidebar-user/sidebar-user.nested.svelte +25 -6
- package/public/components/stepper/Stepper.js +1 -1
- package/public/components/tabs/Tabs.js +1 -1
- package/public/components/tabs/Tabs.nested.js +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/tag/Tag.nested.svelte +12 -7
- package/public/components/tag/Tag.svelte +9 -10
- package/public/components/tag/tag.types.d.ts +6 -0
- package/public/components/tag/tag.types.d.ts.map +1 -1
- package/public/components/taglist/TagList.js +2 -0
- package/public/components/taglist/TagList.js.map +1 -0
- package/public/components/taglist/TagList.svelte +78 -0
- package/public/components/textarea/Textarea.js +1 -1
- package/public/components/textinput/Textinput.js +1 -1
- package/public/components/textinput/Textinput.js.map +1 -1
- package/public/components/textinput/Textinput.nested.js +1 -1
- package/public/components/textinput/Textinput.svelte +7 -1
- package/public/components/toggle/Toggle.js +1 -1
- package/public/components/tooltip/Tooltip.js +1 -1
- package/public/icons/A11y24.js +2 -0
- package/public/icons/A11y24.js.map +1 -0
- package/public/icons/A11y32.js +2 -0
- package/public/icons/A11y32.js.map +1 -0
- package/public/icons/A11y48.js +2 -0
- package/public/icons/A11y48.js.map +1 -0
- package/public/icons/A11y64.js +2 -0
- package/public/icons/A11y64.js.map +1 -0
- package/public/icons/Company24.js +2 -0
- package/public/icons/Company24.js.map +1 -0
- package/public/icons/Company32.js +2 -0
- package/public/icons/Company32.js.map +1 -0
- package/public/icons/Company48.js +2 -0
- package/public/icons/Company48.js.map +1 -0
- package/public/icons/Company64.js +2 -0
- package/public/icons/Company64.js.map +1 -0
- package/public/icons/Drillalt24.js +2 -0
- package/public/icons/Drillalt24.js.map +1 -0
- package/public/icons/Drillalt32.js +2 -0
- package/public/icons/Drillalt32.js.map +1 -0
- package/public/icons/Drillalt48.js +2 -0
- package/public/icons/Drillalt48.js.map +1 -0
- package/public/icons/Drillalt64.js +2 -0
- package/public/icons/Drillalt64.js.map +1 -0
- package/public/icons/Floor24.js +1 -1
- package/public/icons/Floor24.js.map +1 -1
- package/public/icons/Floor32.js +1 -1
- package/public/icons/Floor32.js.map +1 -1
- package/public/icons/Floor48.js +1 -1
- package/public/icons/Floor48.js.map +1 -1
- package/public/icons/Floor64.js +1 -1
- package/public/icons/Floor64.js.map +1 -1
- package/public/icons/Garden24.js +2 -0
- package/public/icons/Garden24.js.map +1 -0
- package/public/icons/Garden32.js +2 -0
- package/public/icons/Garden32.js.map +1 -0
- package/public/icons/Garden48.js +2 -0
- package/public/icons/Garden48.js.map +1 -0
- package/public/icons/Garden64.js +2 -0
- package/public/icons/Garden64.js.map +1 -0
- package/public/icons/Hardhatalt24.js +2 -0
- package/public/icons/Hardhatalt24.js.map +1 -0
- package/public/icons/Hardhatalt32.js +2 -0
- package/public/icons/Hardhatalt32.js.map +1 -0
- package/public/icons/Hardhatalt48.js +2 -0
- package/public/icons/Hardhatalt48.js.map +1 -0
- package/public/icons/Hardhatalt64.js +2 -0
- package/public/icons/Hardhatalt64.js.map +1 -0
- package/public/icons/Imagealt24.js +2 -0
- package/public/icons/Imagealt24.js.map +1 -0
- package/public/icons/Imagealt32.js +2 -0
- package/public/icons/Imagealt32.js.map +1 -0
- package/public/icons/Imagealt48.js +2 -0
- package/public/icons/Imagealt48.js.map +1 -0
- package/public/icons/Imagealt64.js +2 -0
- package/public/icons/Imagealt64.js.map +1 -0
- package/public/icons/Insulationalt24.js +2 -0
- package/public/icons/Insulationalt24.js.map +1 -0
- package/public/icons/Insulationalt32.js +2 -0
- package/public/icons/Insulationalt32.js.map +1 -0
- package/public/icons/Insulationalt48.js +2 -0
- package/public/icons/Insulationalt48.js.map +1 -0
- package/public/icons/Insulationalt64.js +2 -0
- package/public/icons/Insulationalt64.js.map +1 -0
- package/public/icons/Kitchenalt24.js +2 -0
- package/public/icons/Kitchenalt24.js.map +1 -0
- package/public/icons/Kitchenalt32.js +2 -0
- package/public/icons/Kitchenalt32.js.map +1 -0
- package/public/icons/Kitchenalt48.js +2 -0
- package/public/icons/Kitchenalt48.js.map +1 -0
- package/public/icons/Kitchenalt64.js +2 -0
- package/public/icons/Kitchenalt64.js.map +1 -0
- package/public/icons/Masonryalt24.js +2 -0
- package/public/icons/Masonryalt24.js.map +1 -0
- package/public/icons/Masonryalt32.js +2 -0
- package/public/icons/Masonryalt32.js.map +1 -0
- package/public/icons/Masonryalt48.js +2 -0
- package/public/icons/Masonryalt48.js.map +1 -0
- package/public/icons/Masonryalt64.js +2 -0
- package/public/icons/Masonryalt64.js.map +1 -0
- package/public/icons/Paint24.js +1 -1
- package/public/icons/Paint24.js.map +1 -1
- package/public/icons/Paint32.js +1 -1
- package/public/icons/Paint32.js.map +1 -1
- package/public/icons/Paint48.js +1 -1
- package/public/icons/Paint48.js.map +1 -1
- package/public/icons/Paint64.js +1 -1
- package/public/icons/Paint64.js.map +1 -1
- package/public/icons/PaymentMonochromeOney24.js +2 -0
- package/public/icons/PaymentMonochromeOney24.js.map +1 -0
- package/public/icons/PaymentMonochromeOney32.js +2 -0
- package/public/icons/PaymentMonochromeOney32.js.map +1 -0
- package/public/icons/PaymentMonochromeOney48.js +2 -0
- package/public/icons/PaymentMonochromeOney48.js.map +1 -0
- package/public/icons/PaymentMonochromeOney64.js +2 -0
- package/public/icons/PaymentMonochromeOney64.js.map +1 -0
- package/public/icons/Picker24.js +2 -0
- package/public/icons/Picker24.js.map +1 -0
- package/public/icons/Picker32.js +2 -0
- package/public/icons/Picker32.js.map +1 -0
- package/public/icons/Picker48.js +2 -0
- package/public/icons/Picker48.js.map +1 -0
- package/public/icons/Picker64.js +2 -0
- package/public/icons/Picker64.js.map +1 -0
- package/public/icons/Pushpin32.js +2 -0
- package/public/icons/Pushpin32.js.map +1 -0
- package/public/icons/Pushpin48.js +2 -0
- package/public/icons/Pushpin48.js.map +1 -0
- package/public/icons/Pushpin64.js +2 -0
- package/public/icons/Pushpin64.js.map +1 -0
- package/public/icons/Pushpinoff24.js +2 -0
- package/public/icons/Pushpinoff24.js.map +1 -0
- package/public/icons/Pushpinoff32.js +2 -0
- package/public/icons/Pushpinoff32.js.map +1 -0
- package/public/icons/Pushpinoff48.js +2 -0
- package/public/icons/Pushpinoff48.js.map +1 -0
- package/public/icons/Pushpinoff64.js +2 -0
- package/public/icons/Pushpinoff64.js.map +1 -0
- package/public/icons/Release24.js +2 -0
- package/public/icons/Release24.js.map +1 -0
- package/public/icons/Release32.js +2 -0
- package/public/icons/Release32.js.map +1 -0
- package/public/icons/Release48.js +2 -0
- package/public/icons/Release48.js.map +1 -0
- package/public/icons/Release64.js +2 -0
- package/public/icons/Release64.js.map +1 -0
- package/public/icons/Server24.js +2 -0
- package/public/icons/Server24.js.map +1 -0
- package/public/icons/Server32.js +2 -0
- package/public/icons/Server32.js.map +1 -0
- package/public/icons/Server48.js +2 -0
- package/public/icons/Server48.js.map +1 -0
- package/public/icons/Server64.js +2 -0
- package/public/icons/Server64.js.map +1 -0
- package/public/icons/Stairs24.js +2 -0
- package/public/icons/Stairs24.js.map +1 -0
- package/public/icons/Stairs32.js +2 -0
- package/public/icons/Stairs32.js.map +1 -0
- package/public/icons/Stairs48.js +2 -0
- package/public/icons/Stairs48.js.map +1 -0
- package/public/icons/Stairs64.js +2 -0
- package/public/icons/Stairs64.js.map +1 -0
- package/public/icons/Wallpaper24.js +2 -0
- package/public/icons/Wallpaper24.js.map +1 -0
- package/public/icons/Wallpaper32.js +2 -0
- package/public/icons/Wallpaper32.js.map +1 -0
- package/public/icons/Wallpaper48.js +2 -0
- package/public/icons/Wallpaper48.js.map +1 -0
- package/public/icons/Wallpaper64.js +2 -0
- package/public/icons/Wallpaper64.js.map +1 -0
- package/public/icons-storybook.js +1 -4
- package/public/icons.js +1481 -1213
- package/public/{index-c33b3772.js → index-17a01ab4.js} +2 -2
- package/public/{index-c33b3772.js.map → index-17a01ab4.js.map} +1 -1
- package/public/main.d.ts +2 -0
- package/public/main.d.ts.map +1 -1
- package/public/sidebar-service-51f0ac60.js +2 -0
- package/public/{sidebar-service-6bb0964f.js.map → sidebar-service-51f0ac60.js.map} +1 -1
- package/public/utilities/DataTableUtilities.d.ts +3 -0
- package/public/utilities/DataTableUtilities.d.ts.map +1 -1
- package/public/utilities/DataTableUtilities.ts +4 -0
- package/public/utilities/EventForward.d.ts.map +1 -1
- package/public/utilities/EventForward.js +1 -1
- package/public/utilities/EventForward.js.map +1 -1
- package/public/utilities/EventForward.ts +0 -1
- package/public/utilities/components/datatable/data.d.ts.map +1 -1
- package/public/utilities/components/datatable/datatable.types.d.ts +7 -0
- package/public/utilities/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/utilities/components/sidebar/sidebar-service.d.ts.map +1 -1
- package/public/utilities/components/tag/tag.types.d.ts +6 -0
- package/public/utilities/components/tag/tag.types.d.ts.map +1 -1
- package/public/utilities/main.d.ts +2 -0
- package/public/utilities/main.d.ts.map +1 -1
- package/public/utilities/stories/autocomplete/Autocomplete.stories.d.ts.map +1 -1
- package/public/utilities/stories/datatable/DataTable.stories.d.ts.map +1 -1
- package/public/utilities/stories/dropdown/Dropdown.stories.d.ts.map +1 -1
- package/public/utilities/stories/fileuploader/FileUploader.stories.d.ts +10 -0
- package/public/utilities/stories/fileuploader/FileUploader.stories.d.ts.map +1 -0
- package/public/utilities/stories/layer/Layer.stories.d.ts.map +1 -1
- package/public/utilities/stories/modal/Modal.stories.d.ts.map +1 -1
- package/public/utilities/stories/optionbutton/OptionButton.stories.d.ts +1 -0
- package/public/utilities/stories/optionbutton/OptionButton.stories.d.ts.map +1 -1
- package/public/utilities/stories/tag/Tag.stories.d.ts.map +1 -1
- package/public/utilities/stories/taglist/Taglist.stories.d.ts +6 -0
- package/public/utilities/stories/taglist/Taglist.stories.d.ts.map +1 -0
- package/public/utilities/utilities/DataTableUtilities.d.ts +3 -0
- package/public/utilities/utilities/DataTableUtilities.d.ts.map +1 -1
- package/public/utilities/utilities/EventForward.d.ts.map +1 -1
- package/public/DataTableUtilities-be64e0a0.js.map +0 -1
- package/public/EventForward-3dbb2f25.js +0 -2
- package/public/EventForward-3dbb2f25.js.map +0 -1
- package/public/adeo/DataTableUtilities-be64e0a0.js.map +0 -1
- package/public/adeo/EventForward-3dbb2f25.js +0 -2
- package/public/adeo/EventForward-3dbb2f25.js.map +0 -1
- package/public/adeo/sidebar-service-6bb0964f.js +0 -2
- package/public/bricoman/DataTableUtilities-be64e0a0.js.map +0 -1
- package/public/bricoman/EventForward-3dbb2f25.js +0 -2
- package/public/bricoman/EventForward-3dbb2f25.js.map +0 -1
- package/public/bricoman/sidebar-service-6bb0964f.js +0 -2
- package/public/sidebar-service-6bb0964f.js +0 -2
|
@@ -9,6 +9,9 @@
|
|
|
9
9
|
export let scrollbaredge: boolean;
|
|
10
10
|
export let closebuttontext = 'Close';
|
|
11
11
|
export let iconname: string | undefined = undefined;
|
|
12
|
+
export let hidefooter: boolean;
|
|
13
|
+
|
|
14
|
+
$: hideFooter = hidefooter ?? false;
|
|
12
15
|
$: isopen
|
|
13
16
|
? eventHandler.dispatch('layer-opened', {})
|
|
14
17
|
: eventHandler.dispatch('layer-closed', {});
|
|
@@ -83,9 +86,11 @@
|
|
|
83
86
|
<slot name="content" />
|
|
84
87
|
</article>
|
|
85
88
|
</main>
|
|
86
|
-
|
|
87
|
-
<
|
|
88
|
-
|
|
89
|
+
{#if !hideFooter}
|
|
90
|
+
<footer class="mc-layer__footer">
|
|
91
|
+
<slot name="footer" />
|
|
92
|
+
</footer>
|
|
93
|
+
{/if}
|
|
89
94
|
</div>
|
|
90
95
|
</div>
|
|
91
96
|
<div
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{S as e,i,a as t,b as n,f as s,s as o,c as r,e as l,d as c,t as a,n as m,h,j as d,B as f,l as k,X as b,m as p,o as g,H as u,p as x,r as $,q as v,g as w,O as y}from"../../index-
|
|
1
|
+
import{S as e,i,a as t,b as n,f as s,s as o,c as r,e as l,d as c,t as a,n as m,h,j as d,B as f,l as k,X as b,m as p,o as g,H as u,p as x,r as $,q as v,g as w,O as y}from"../../index-17a01ab4.js";import{c as z}from"../../EventForward-c82e97d9.js";function _(e){let i,t,s=`<${L(e[6])} />`;return{c(){i=l("span"),w(i,"class",t=M(e[7]))},m(e,t){n(e,i,t),i.innerHTML=s},p(e,n){64&n&&s!==(s=`<${L(e[6])} />`)&&(i.innerHTML=s),128&n&&t!==(t=M(e[7]))&&w(i,"class",t)},d(e){e&&g(i)}}}function j(e){let i,t,s=`<${L(e[6])} />`;return{c(){i=l("span"),w(i,"class",t=M(e[7]))},m(e,t){n(e,i,t),i.innerHTML=s},p(e,n){64&n&&s!==(s=`<${L(e[6])} />`)&&(i.innerHTML=s),128&n&&t!==(t=M(e[7]))&&w(i,"class",t)},d(e){e&&g(i)}}}function H(e){let i,t,s,o,x,$,v,w=e[6]&&"left"===e[7]&&_(e),y=e[6]&&"right"===e[7]&&j(e),z=[{href:e[1]},{target:e[2]},{class:x=T(e[3],e[5])+" "+(e[4]?"is-disabled":"")+" "+e[9]},e[8]],H={};for(let e=0;e<z.length;e+=1)H=r(H,z[e]);return{c(){i=l("a"),w&&w.c(),t=c(),s=a(e[0]),o=c(),y&&y.c(),this.c=m,h(i,H)},m(r,l){n(r,i,l),w&&w.m(i,null),d(i,t),d(i,s),d(i,o),y&&y.m(i,null),$||(v=[f(e[10].call(null,i)),k(i,"click",e[11])],$=!0)},p(e,[n]){e[6]&&"left"===e[7]?w?w.p(e,n):(w=_(e),w.c(),w.m(i,t)):w&&(w.d(1),w=null),1&n&&b(s,e[0],H.contenteditable),e[6]&&"right"===e[7]?y?y.p(e,n):(y=j(e),y.c(),y.m(i,null)):y&&(y.d(1),y=null),h(i,H=p(z,[2&n&&{href:e[1]},4&n&&{target:e[2]},568&n&&x!==(x=T(e[3],e[5])+" "+(e[4]?"is-disabled":"")+" "+e[9])&&{class:x},256&n&&e[8]]))},i:m,o:m,d(e){e&&g(i),w&&w.d(),y&&y.d(),$=!1,u(v)}}}function L(e){return`${e} size="1rem"`}function M(e){const i=["mc-link__icon"];return"left"===e&&i.push("mc-link__icon--left"),"right"===e&&i.push("mc-link__icon--right"),i.join(" ")}function T(e,i){const t=["mc-link"];return e&&t.push(`mc-link--${e}`),i&&t.push(`mc-link--${i}`),t.join(" ")}function C(e,i,t){let n,s;const o=["label","href","target","theme","disabled","size","iconname","iconposition"];let l=x(i,o),{label:c}=i,{href:a}=i,{target:m}=i,{theme:h}=i,{disabled:d=!1}=i,{size:f="m"}=i,{iconname:k}=i,{iconposition:b}=i;const p=z($());return e.$$set=e=>{t(13,i=r(r({},i),v(e))),t(12,l=x(i,o)),"label"in e&&t(0,c=e.label),"href"in e&&t(1,a=e.href),"target"in e&&t(2,m=e.target),"theme"in e&&t(3,h=e.theme),"disabled"in e&&t(4,d=e.disabled),"size"in e&&t(5,f=e.size),"iconname"in e&&t(6,k=e.iconname),"iconposition"in e&&t(7,b=e.iconposition)},e.$$.update=()=>{t(9,n=i.class),t(8,s=Object.assign({},l)),256&e.$$.dirty&&delete s.class},i=v(i),[c,a,m,h,d,f,k,b,s,n,p,function(i){y.call(this,e,i)}]}class E extends e{constructor(e){super();const r=document.createElement("style");r.textContent='.mc-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:inherit;text-decoration:underline;-webkit-transition:color ease 200ms;-o-transition:color ease 200ms;transition:color ease 200ms;gap:0.25rem;color:#000000;position:relative;font-size:1rem;line-height:1.375}.mc-link:focus{outline:none}.mc-link:focus::after{-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-link.is-visited,.mc-link:visited{color:#333333}.mc-link.is-hover,.mc-link:hover{color:#666666}.mc-link.is-active,.mc-link:active{color:#333333}.mc-link.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--s{font-size:0.875rem;line-height:1.2857142857}.mc-link--m{font-size:1rem;line-height:1.375}.mc-link::after{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}.mc-link__icon{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light{color:#ffffff}.mc-link--light.is-visited,.mc-link--light:visited{color:#cccccc}.mc-link--light.is-hover,.mc-link--light:hover{color:#999999}.mc-link--light.is-active,.mc-link--light:active{color:#cccccc}.mc-link--light.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary{color:#ff5800}.mc-link--primary.is-visited,.mc-link--primary:visited{color:#ff5800}.mc-link--primary.is-hover,.mc-link--primary:hover{color:#b83f00}.mc-link--primary.is-active,.mc-link--primary:active{color:#ff5800}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#b83f00}.mc-link--primary-02.is-visited,.mc-link--primary-02:visited{color:#943300}.mc-link--primary-02.is-hover,.mc-link--primary-02:hover{color:#421700}.mc-link--primary-02.is-active,.mc-link--primary-02:active{color:#943300}.mc-link--primary-02.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--danger{color:#c61112}.mc-link--danger.is-visited,.mc-link--danger:visited{color:#8c0003}.mc-link--danger.is-hover,.mc-link--danger:hover{color:#530000}.mc-link--danger.is-active,.mc-link--danger:active{color:#8c0003}.mc-link--danger.is-disabled{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl{font-size:1rem;line-height:1.375}}',this.shadowRoot.appendChild(r),i(this,{target:this.shadowRoot,props:t(this.attributes),customElement:!0},C,H,o,{label:0,href:1,target:2,theme:3,disabled:4,size:5,iconname:6,iconposition:7},null),e&&(e.target&&n(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["label","href","target","theme","disabled","size","iconname","iconposition"]}get label(){return this.$$.ctx[0]}set label(e){this.$$set({label:e}),s()}get href(){return this.$$.ctx[1]}set href(e){this.$$set({href:e}),s()}get target(){return this.$$.ctx[2]}set target(e){this.$$set({target:e}),s()}get theme(){return this.$$.ctx[3]}set theme(e){this.$$set({theme:e}),s()}get disabled(){return this.$$.ctx[4]}set disabled(e){this.$$set({disabled:e}),s()}get size(){return this.$$.ctx[5]}set size(e){this.$$set({size:e}),s()}get iconname(){return this.$$.ctx[6]}set iconname(e){this.$$set({iconname:e}),s()}get iconposition(){return this.$$.ctx[7]}set iconposition(e){this.$$set({iconposition:e}),s()}}export{E as default};
|
|
2
2
|
//# sourceMappingURL=Link.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{S as e,i as t,a as i,b as c,f as o,s as l,c as a,e as r,n as s,h as n,z as d,B as m,m as b,o as x,p as u,q as h,O as p,V as g,t as _,g as f,j as k,k as v,K as M,J as w,d as y,W as I,l as A,H as $}from"../../index-c33b3772.js";import{E as Z}from"../../EventHandler-02058705.js";function j(e,t,i){const c=e.slice();return c[21]=t[i],c[23]=i,c}function D(e){let t,i,o;return{c(){t=r("li"),i=r("span"),o=_(e[4]),f(i,"class","mc-listbox__empty"),f(t,"class","mc-listbox__item")},m(e,l){c(e,t,l),k(t,i),k(i,o)},p(e,t){16&t&&v(o,e[4])},d(e){e&&x(t)}}}function S(e){let t,i=e[9],o=[];for(let t=0;t<i.length;t+=1)o[t]=C(j(e,i,t));return{c(){for(let e=0;e<o.length;e+=1)o[e].c();t=M()},m(e,i){for(let t=0;t<o.length;t+=1)o[t]&&o[t].m(e,i);c(e,t,i)},p(e,c){if(3685&c){let l;for(i=e[9],l=0;l<i.length;l+=1){const a=j(e,i,l);o[l]?o[l].p(a,c):(o[l]=C(a),o[l].c(),o[l].m(t.parentNode,t))}for(;l<o.length;l+=1)o[l].d(1);o.length=i.length}},d(e){w(o,e),e&&x(t)}}}function N(e){let t,i,o,l,a,s,n=!1;return l=I(e[17][0]),{c(){t=r("input"),f(t,"id",e[11](e[23])),f(t,"class","mc-listbox__input mc-checkbox__input"),f(t,"type","checkbox"),t.__value=i=e[21][e[6]],t.value=t.__value,t.checked=o=e[0].includes(e[21][e[6]]),l.p(t)},m(i,o){c(i,t,o),t.checked=~(e[0]||[]).indexOf(t.__value),a||(s=[A(t,"change",e[18]),A(t,"change",e[15])],a=!0)},p(e,c){576&c&&i!==(i=e[21][e[6]])&&(t.__value=i,t.value=t.__value,n=!0),577&c&&o!==(o=e[0].includes(e[21][e[6]]))&&(t.checked=o),(n||513&c)&&(t.checked=~(e[0]||[]).indexOf(t.__value))},d(e){e&&x(t),l.r(),a=!1,$(s)}}}function z(e){let t,i,o,l,a,s=!1;return o=I(e[17][0]),{c(){t=r("input"),f(t,"id",e[11](e[23])),f(t,"class","mc-listbox__input"),f(t,"type","radio"),t.__value=i=e[21][e[6]],t.value=t.__value,f(t,"name",`listboxradio-${e[10]}`),o.p(t)},m(i,o){c(i,t,o),t.checked=t.__value===e[0],l||(a=[A(t,"change",e[16]),A(t,"change",e[14])],l=!0)},p(e,c){576&c&&i!==(i=e[21][e[6]])&&(t.__value=i,t.value=t.__value,s=!0),(s||513&c)&&(t.checked=t.__value===e[0])},d(e){e&&x(t),o.r(),l=!1,$(a)}}}function C(e){let t,i,o,l,a,s=e[21][e[5]]+"";function n(e,t){return e[2]?N:z}let d=n(e),m=d(e);return{c(){t=r("li"),m.c(),i=y(),o=r("label"),l=_(s),a=y(),f(o,"for",e[11](e[23])),f(o,"class","mc-listbox__label"),f(t,"class","mc-listbox__item")},m(e,r){c(e,t,r),m.m(t,null),k(t,i),k(t,o),k(o,l),k(t,a)},p(e,c){d===(d=n(e))&&m?m.p(e,c):(m.d(1),m=d(e),m&&(m.c(),m.m(t,i))),544&c&&s!==(s=e[21][e[5]]+"")&&v(l,s)},d(e){e&&x(t),m.d()}}}function E(e){let t,i,o,l;function u(e,t){return e[3]?D:S}let h=u(e),p=h(e),g=[{role:"listbox"},{class:"mc-listbox"},{"aria-labelledby":"listbox"},{style:i="--listbox-width: "+e[7]+";"},e[8]],_={};for(let e=0;e<g.length;e+=1)_=a(_,g[e]);return{c(){t=r("ul"),p.c(),this.c=s,n(t,_),d(t,"is-open",e[1]),d(t,"mc-listbox--multi",e[2])},m(i,a){c(i,t,a),p.m(t,null),o||(l=m(e[12].call(null,t)),o=!0)},p(e,[c]){h===(h=u(e))&&p?p.p(e,c):(p.d(1),p=h(e),p&&(p.c(),p.m(t,null))),n(t,_=b(g,[{role:"listbox"},{class:"mc-listbox"},{"aria-labelledby":"listbox"},128&c&&i!==(i="--listbox-width: "+e[7]+";")&&{style:i},256&c&&e[8]])),d(t,"is-open",e[1]),d(t,"mc-listbox--multi",e[2])},i:s,o:s,d(e){e&&x(t),p.d(),o=!1,l()}}}function T(e,t,i){let c,o;const l=["items","value","open","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","maxwidth"];let r=u(t,l),{items:s}=t,{value:n}=t,{open:d}=t,{multiple:m}=t,{isfiltered:b}=t,{emptysearchlabel:x="No results found"}=t,{datatextexpr:_="label"}=t,{datavalueexpr:f="value"}=t,{maxwidth:k="100%"}=t;const v=Math.random();let M=new Z;const w=[[]];return e.$$set=e=>{t=a(a({},t),h(e)),i(20,r=u(t,l)),"items"in e&&i(13,s=e.items),"value"in e&&i(0,n=e.value),"open"in e&&i(1,d=e.open),"multiple"in e&&i(2,m=e.multiple),"isfiltered"in e&&i(3,b=e.isfiltered),"emptysearchlabel"in e&&i(4,x=e.emptysearchlabel),"datatextexpr"in e&&i(5,_=e.datatextexpr),"datavalueexpr"in e&&i(6,f=e.datavalueexpr),"maxwidth"in e&&i(7,k=e.maxwidth)},e.$$.update=()=>{8192&e.$$.dirty&&i(9,c=s?JSON.parse(s):[]),i(8,o=Object.assign({},r)),256&e.$$.dirty&&delete o.class},[n,d,m,b,x,_,f,k,o,c,v,function(e){return`listboxItem-${e+v}`},function(e){e.addEventListener("scroll",(()=>{e.offsetHeight+e.scrollTop>=e.scrollHeight&&M.dispatch("scrollend",{})}))},s,function(t){p.call(this,e,t)},function(t){p.call(this,e,t)},function(){n=this.__value,i(0,n)},w,function(){n=g(w[0],this.__value,this.checked),i(0,n)}]}class G extends e{constructor(e){super();const a=document.createElement("style");a.textContent='.mc-checkbox{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:0.5rem;color:#000000}.mc-checkbox__input{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;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #808080;background-color:#ffffff;position:relative;-webkit-transition:all 200ms ease;-o-transition:all 200ms ease;transition:all 200ms ease;cursor:pointer}.mc-checkbox__input[type=number]::-webkit-inner-spin-button,.mc-checkbox__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#ffffff;border:2px solid #808080;border-radius:4px;color:#ffffff}.mc-checkbox__input.is-hover,.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input.is-hover::-ms-check,.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input.is-focus,.mc-checkbox__input: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-checkbox__input.is-focus::-ms-check,.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#ff5800;border-color:#ff5800;background-size:1rem 1rem}.mc-checkbox__input:checked{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiNmZmZmZmYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTcuNjMgMTEuMjFhMSAxIDAgMCAxLTEuMzggMGwtMi45Mi0yLjZhMSAxIDAgMSAxIDEuMzQtMS40OGwyLjIyIDIgNC40MS00LjM0YTEgMSAwIDEgMSAxLjQgMS40MnoiLz48L3N2Zz4=");background-position:center center}.mc-checkbox__input:checked::-ms-check{background-color:#ff5800;border-color:#ff5800}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#ff5800}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#ff5800}.mc-checkbox__input:indeterminate{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiNmZmZmZmYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyIDlINGExIDEgMCAwMTAtMmg4YTEgMSAwIDAxMCAyeiIvPjwvc3ZnPg==")}.mc-checkbox__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input:disabled:checked{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiM5OTk5OTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTcuNjMgMTEuMjFhMSAxIDAgMCAxLTEuMzggMGwtMi45Mi0yLjZhMSAxIDAgMSAxIDEuMzQtMS40OGwyLjIyIDIgNC40MS00LjM0YTEgMSAwIDEgMSAxLjQgMS40MnoiLz48L3N2Zz4=")}.mc-checkbox__input:disabled:indeterminate{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiM5OTk5OTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyIDlINGExIDEgMCAwMTAtMmg4YTEgMSAwIDAxMCAyeiIvPjwvc3ZnPg==")}.mc-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid.is-hover,.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid.is-hover::-ms-check,.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-listbox{list-style:none;margin-left:0;padding-left:0;background-color:#ffffff;border:1px solid #666666;border-radius:3px;position:absolute;overflow-y:auto;margin-top:0.25rem;margin-bottom:0;max-height:13.8125rem;min-width:auto;opacity:0;visibility:hidden;max-width:var(--listbox-width, auto);width:100%}.mc-listbox.is-open{opacity:1;visibility:visible;z-index:10}.mc-listbox::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-listbox::-webkit-scrollbar-thumb{background:#666666}.mc-listbox__item,.mc-listbox__tile{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;min-height:3rem;padding-left:0.75rem;padding-right:0.75rem;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mc-listbox__item:not(:last-child),.mc-listbox__tile:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-listbox__item:hover,.mc-listbox__tile:hover{background-color:#e6e6e6;-webkit-box-shadow:inset 9px 0 0 -7px #191919;box-shadow:inset 9px 0 0 -7px #191919}.mc-listbox__flag,.mc-listbox__icon{width:2rem;height:2rem}.mc-listbox__flag{font-size:1.4375rem;line-height:1.3913043478;text-align:center}.mc-listbox__empty{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-listbox__label{cursor:pointer;margin-right:auto}.mc-listbox__label::after{content:"";position:absolute;inset:0;z-index:2}.mc-listbox__input{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.mc-listbox:not(.mc-listbox--multi) .mc-listbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-listbox:not(.mc-listbox--multi) .mc-listbox__input:checked+.mc-listbox__label::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEwIDE4LjY4YTEgMSAwIDAxLS43LS4yOWwtNS01QTEgMSAwIDAxNS43MyAxMkwxMCAxNi4yNyAxOC4zMSA4YTEgMSAwIDAxMS40MiAxLjQybC05IDlhMSAxIDAgMDEtLjczLjI2eiIvPjwvc3ZnPg==");background-repeat:no-repeat;background-position:center;content:"";height:1.5rem;position:absolute;right:0.75rem;top:0;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);width:1.5rem}.mc-listbox--left{right:0}',this.shadowRoot.appendChild(a),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},T,E,l,{items:13,value:0,open:1,multiple:2,isfiltered:3,emptysearchlabel:4,datatextexpr:5,datavalueexpr:6,maxwidth:7},null),e&&(e.target&&c(e.target,this,e.anchor),e.props&&(this.$set(e.props),o()))}static get observedAttributes(){return["items","value","open","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","maxwidth"]}get items(){return this.$$.ctx[13]}set items(e){this.$$set({items:e}),o()}get value(){return this.$$.ctx[0]}set value(e){this.$$set({value:e}),o()}get open(){return this.$$.ctx[1]}set open(e){this.$$set({open:e}),o()}get multiple(){return this.$$.ctx[2]}set multiple(e){this.$$set({multiple:e}),o()}get isfiltered(){return this.$$.ctx[3]}set isfiltered(e){this.$$set({isfiltered:e}),o()}get emptysearchlabel(){return this.$$.ctx[4]}set emptysearchlabel(e){this.$$set({emptysearchlabel:e}),o()}get datatextexpr(){return this.$$.ctx[5]}set datatextexpr(e){this.$$set({datatextexpr:e}),o()}get datavalueexpr(){return this.$$.ctx[6]}set datavalueexpr(e){this.$$set({datavalueexpr:e}),o()}get maxwidth(){return this.$$.ctx[7]}set maxwidth(e){this.$$set({maxwidth:e}),o()}}export{G as default};
|
|
1
|
+
import{S as e,i as t,a as i,b as c,f as o,s as a,c as l,e as r,n as s,h as n,z as d,B as m,m as b,o as x,p as u,q as h,O as p,V as g,t as _,g as f,j as k,k as v,K as M,J as w,d as y,W as I,l as A,H as $}from"../../index-17a01ab4.js";import{E as Z}from"../../EventHandler-316af043.js";function j(e,t,i){const c=e.slice();return c[21]=t[i],c[23]=i,c}function D(e){let t,i,o;return{c(){t=r("li"),i=r("span"),o=_(e[4]),f(i,"class","mc-listbox__empty"),f(t,"class","mc-listbox__item")},m(e,a){c(e,t,a),k(t,i),k(i,o)},p(e,t){16&t&&v(o,e[4])},d(e){e&&x(t)}}}function S(e){let t,i=e[9],o=[];for(let t=0;t<i.length;t+=1)o[t]=C(j(e,i,t));return{c(){for(let e=0;e<o.length;e+=1)o[e].c();t=M()},m(e,i){for(let t=0;t<o.length;t+=1)o[t]&&o[t].m(e,i);c(e,t,i)},p(e,c){if(3685&c){let a;for(i=e[9],a=0;a<i.length;a+=1){const l=j(e,i,a);o[a]?o[a].p(l,c):(o[a]=C(l),o[a].c(),o[a].m(t.parentNode,t))}for(;a<o.length;a+=1)o[a].d(1);o.length=i.length}},d(e){w(o,e),e&&x(t)}}}function N(e){let t,i,o,a,l,s,n=!1;return a=I(e[17][0]),{c(){t=r("input"),f(t,"id",e[11](e[23])),f(t,"class","mc-listbox__input mc-checkbox__input"),f(t,"type","checkbox"),t.__value=i=e[21][e[6]],t.value=t.__value,t.checked=o=e[0].includes(e[21][e[6]]),a.p(t)},m(i,o){c(i,t,o),t.checked=~(e[0]||[]).indexOf(t.__value),l||(s=[A(t,"change",e[18]),A(t,"change",e[15])],l=!0)},p(e,c){576&c&&i!==(i=e[21][e[6]])&&(t.__value=i,t.value=t.__value,n=!0),577&c&&o!==(o=e[0].includes(e[21][e[6]]))&&(t.checked=o),(n||513&c)&&(t.checked=~(e[0]||[]).indexOf(t.__value))},d(e){e&&x(t),a.r(),l=!1,$(s)}}}function z(e){let t,i,o,a,l,s=!1;return o=I(e[17][0]),{c(){t=r("input"),f(t,"id",e[11](e[23])),f(t,"class","mc-listbox__input"),f(t,"type","radio"),t.__value=i=e[21][e[6]],t.value=t.__value,f(t,"name",`listboxradio-${e[10]}`),o.p(t)},m(i,o){c(i,t,o),t.checked=t.__value===e[0],a||(l=[A(t,"change",e[16]),A(t,"change",e[14])],a=!0)},p(e,c){576&c&&i!==(i=e[21][e[6]])&&(t.__value=i,t.value=t.__value,s=!0),(s||513&c)&&(t.checked=t.__value===e[0])},d(e){e&&x(t),o.r(),a=!1,$(l)}}}function C(e){let t,i,o,a,l,s=e[21][e[5]]+"";function n(e,t){return e[2]?N:z}let d=n(e),m=d(e);return{c(){t=r("li"),m.c(),i=y(),o=r("label"),a=_(s),l=y(),f(o,"for",e[11](e[23])),f(o,"class","mc-listbox__label"),f(t,"class","mc-listbox__item")},m(e,r){c(e,t,r),m.m(t,null),k(t,i),k(t,o),k(o,a),k(t,l)},p(e,c){d===(d=n(e))&&m?m.p(e,c):(m.d(1),m=d(e),m&&(m.c(),m.m(t,i))),544&c&&s!==(s=e[21][e[5]]+"")&&v(a,s)},d(e){e&&x(t),m.d()}}}function E(e){let t,i,o,a;function u(e,t){return e[3]?D:S}let h=u(e),p=h(e),g=[{role:"listbox"},{class:"mc-listbox"},{"aria-labelledby":"listbox"},{style:i="--listbox-width: "+e[7]+";"},e[8]],_={};for(let e=0;e<g.length;e+=1)_=l(_,g[e]);return{c(){t=r("ul"),p.c(),this.c=s,n(t,_),d(t,"is-open",e[1]),d(t,"mc-listbox--multi",e[2])},m(i,l){c(i,t,l),p.m(t,null),o||(a=m(e[12].call(null,t)),o=!0)},p(e,[c]){h===(h=u(e))&&p?p.p(e,c):(p.d(1),p=h(e),p&&(p.c(),p.m(t,null))),n(t,_=b(g,[{role:"listbox"},{class:"mc-listbox"},{"aria-labelledby":"listbox"},128&c&&i!==(i="--listbox-width: "+e[7]+";")&&{style:i},256&c&&e[8]])),d(t,"is-open",e[1]),d(t,"mc-listbox--multi",e[2])},i:s,o:s,d(e){e&&x(t),p.d(),o=!1,a()}}}function T(e,t,i){let c,o;const a=["items","value","open","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","maxwidth"];let r=u(t,a),{items:s}=t,{value:n}=t,{open:d}=t,{multiple:m}=t,{isfiltered:b}=t,{emptysearchlabel:x="No results found"}=t,{datatextexpr:_="label"}=t,{datavalueexpr:f="value"}=t,{maxwidth:k="100%"}=t;const v=Math.random();let M=new Z;const w=[[]];return e.$$set=e=>{t=l(l({},t),h(e)),i(20,r=u(t,a)),"items"in e&&i(13,s=e.items),"value"in e&&i(0,n=e.value),"open"in e&&i(1,d=e.open),"multiple"in e&&i(2,m=e.multiple),"isfiltered"in e&&i(3,b=e.isfiltered),"emptysearchlabel"in e&&i(4,x=e.emptysearchlabel),"datatextexpr"in e&&i(5,_=e.datatextexpr),"datavalueexpr"in e&&i(6,f=e.datavalueexpr),"maxwidth"in e&&i(7,k=e.maxwidth)},e.$$.update=()=>{8192&e.$$.dirty&&i(9,c=s?JSON.parse(s):[]),i(8,o=Object.assign({},r)),256&e.$$.dirty&&delete o.class},[n,d,m,b,x,_,f,k,o,c,v,function(e){return`listboxItem-${e+v}`},function(e){e.addEventListener("scroll",(()=>{e.offsetHeight+e.scrollTop>=e.scrollHeight&&M.dispatch("scrollend",{})}))},s,function(t){p.call(this,e,t)},function(t){p.call(this,e,t)},function(){n=this.__value,i(0,n)},w,function(){n=g(w[0],this.__value,this.checked),i(0,n)}]}class G extends e{constructor(e){super();const l=document.createElement("style");l.textContent='.mc-checkbox{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:0.5rem;color:#000000}.mc-checkbox__input{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;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #808080;background-color:#ffffff;position:relative;-webkit-transition:all 200ms ease;-o-transition:all 200ms ease;transition:all 200ms ease;cursor:pointer}.mc-checkbox__input[type=number]::-webkit-inner-spin-button,.mc-checkbox__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#ffffff;border:2px solid #808080;border-radius:4px;color:#ffffff}.mc-checkbox__input.is-hover,.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input.is-hover::-ms-check,.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input.is-focus,.mc-checkbox__input: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-checkbox__input.is-focus::-ms-check,.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#ff5800;border-color:#ff5800;background-size:1rem 1rem}.mc-checkbox__input:checked{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiNmZmZmZmYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTcuNjMgMTEuMjFhMSAxIDAgMCAxLTEuMzggMGwtMi45Mi0yLjZhMSAxIDAgMSAxIDEuMzQtMS40OGwyLjIyIDIgNC40MS00LjM0YTEgMSAwIDEgMSAxLjQgMS40MnoiLz48L3N2Zz4=");background-position:center center}.mc-checkbox__input:checked::-ms-check{background-color:#ff5800;border-color:#ff5800}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#ff5800}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#ff5800}.mc-checkbox__input:indeterminate{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiNmZmZmZmYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyIDlINGExIDEgMCAwMTAtMmg4YTEgMSAwIDAxMCAyeiIvPjwvc3ZnPg==")}.mc-checkbox__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input:disabled:checked{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiM5OTk5OTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTcuNjMgMTEuMjFhMSAxIDAgMCAxLTEuMzggMGwtMi45Mi0yLjZhMSAxIDAgMSAxIDEuMzQtMS40OGwyLjIyIDIgNC40MS00LjM0YTEgMSAwIDEgMSAxLjQgMS40MnoiLz48L3N2Zz4=")}.mc-checkbox__input:disabled:indeterminate{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiM5OTk5OTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyIDlINGExIDEgMCAwMTAtMmg4YTEgMSAwIDAxMCAyeiIvPjwvc3ZnPg==")}.mc-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid.is-hover,.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid.is-hover::-ms-check,.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-listbox{list-style:none;margin-left:0;padding-left:0;background-color:#ffffff;border:1px solid #666666;border-radius:3px;position:absolute;overflow-y:auto;margin-top:0.25rem;margin-bottom:0;max-height:13.8125rem;min-width:auto;opacity:0;visibility:hidden;max-width:var(--listbox-width, auto);width:100%}.mc-listbox.is-open{opacity:1;visibility:visible;z-index:10}.mc-listbox::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-listbox::-webkit-scrollbar-thumb{background:#666666}.mc-listbox__item,.mc-listbox__tile{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;min-height:3rem;padding-left:0.75rem;padding-right:0.75rem;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mc-listbox__item:not(:last-child),.mc-listbox__tile:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-listbox__item:hover,.mc-listbox__tile:hover{background-color:#e6e6e6;-webkit-box-shadow:inset 9px 0 0 -7px #191919;box-shadow:inset 9px 0 0 -7px #191919}.mc-listbox__flag,.mc-listbox__icon{width:2rem;height:2rem}.mc-listbox__flag{font-size:1.4375rem;line-height:1.3913043478;text-align:center}.mc-listbox__empty{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-listbox__label{cursor:pointer;margin-right:auto}.mc-listbox__label::after{content:"";position:absolute;inset:0;z-index:2}.mc-listbox__input{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.mc-listbox:not(.mc-listbox--multi) .mc-listbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-listbox:not(.mc-listbox--multi) .mc-listbox__input:checked+.mc-listbox__label::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEwIDE4LjY4YTEgMSAwIDAxLS43LS4yOWwtNS01QTEgMSAwIDAxNS43MyAxMkwxMCAxNi4yNyAxOC4zMSA4YTEgMSAwIDAxMS40MiAxLjQybC05IDlhMSAxIDAgMDEtLjczLjI2eiIvPjwvc3ZnPg==");background-repeat:no-repeat;background-position:center;content:"";height:1.5rem;position:absolute;right:0.75rem;top:0;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);width:1.5rem}.mc-listbox--left{right:0}',this.shadowRoot.appendChild(l),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},T,E,a,{items:13,value:0,open:1,multiple:2,isfiltered:3,emptysearchlabel:4,datatextexpr:5,datavalueexpr:6,maxwidth:7},null),e&&(e.target&&c(e.target,this,e.anchor),e.props&&(this.$set(e.props),o()))}static get observedAttributes(){return["items","value","open","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","maxwidth"]}get items(){return this.$$.ctx[13]}set items(e){this.$$set({items:e}),o()}get value(){return this.$$.ctx[0]}set value(e){this.$$set({value:e}),o()}get open(){return this.$$.ctx[1]}set open(e){this.$$set({open:e}),o()}get multiple(){return this.$$.ctx[2]}set multiple(e){this.$$set({multiple:e}),o()}get isfiltered(){return this.$$.ctx[3]}set isfiltered(e){this.$$set({isfiltered:e}),o()}get emptysearchlabel(){return this.$$.ctx[4]}set emptysearchlabel(e){this.$$set({emptysearchlabel:e}),o()}get datatextexpr(){return this.$$.ctx[5]}set datatextexpr(e){this.$$set({datatextexpr:e}),o()}get datavalueexpr(){return this.$$.ctx[6]}set datavalueexpr(e){this.$$set({datavalueexpr:e}),o()}get maxwidth(){return this.$$.ctx[7]}set maxwidth(e){this.$$set({maxwidth:e}),o()}}export{G as default};
|
|
2
2
|
//# sourceMappingURL=Listbox.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{P as e,i as t,s as i,Q as l,e as m,g as s,y as o,z as c,b as a,B as n,n as u,o as r,O as d,V as p,t as b,j as v,k as x,d as g,K as h,J as f,l as _,W as k,H as M}from"../../index-c33b3772.js";import{E as w}from"../../EventHandler-02058705.js";function I(e){l(e,"svelte-mpuimt",'.mc-checkbox__input.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt{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;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #808080;background-color:#ffffff;position:relative;-webkit-transition:all 200ms ease;-o-transition:all 200ms ease;transition:all 200ms ease;cursor:pointer}.mc-checkbox__input.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt::-ms-check{background-color:#ffffff;border:2px solid #808080;border-radius:4px;color:#ffffff}.mc-checkbox__input.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt:hover{border-color:#191919}.mc-checkbox__input.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt:hover::-ms-check{border-color:#191919}.mc-checkbox__input.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt: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-checkbox__input.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt:focus::-ms-check{box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt:checked,.mc-checkbox__input.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt:indeterminate{background-color:#ff5800;border-color:#ff5800;background-size:1rem 1rem}.mc-checkbox__input.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt:checked{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiNmZmZmZmYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTcuNjMgMTEuMjFhMSAxIDAgMCAxLTEuMzggMGwtMi45Mi0yLjZhMSAxIDAgMSAxIDEuMzQtMS40OGwyLjIyIDIgNC40MS00LjM0YTEgMSAwIDEgMSAxLjQgMS40MnoiLz48L3N2Zz4=");background-position:center center}.mc-checkbox__input.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt:checked::-ms-check{background-color:#ff5800;border-color:#ff5800}.mc-checkbox__input.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt:checked:hover:not(:disabled){border-color:#ff5800}.mc-checkbox__input.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt:checked:hover:not(:disabled)::-ms-check{border-color:#ff5800}.mc-checkbox__input.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt:indeterminate{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiNmZmZmZmYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyIDlINGExIDEgMCAwMTAtMmg4YTEgMSAwIDAxMCAyeiIvPjwvc3ZnPg==")}.mc-checkbox__input.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt:disabled:checked{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiM5OTk5OTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTcuNjMgMTEuMjFhMSAxIDAgMCAxLTEuMzggMGwtMi45Mi0yLjZhMSAxIDAgMSAxIDEuMzQtMS40OGwyLjIyIDIgNC40MS00LjM0YTEgMSAwIDEgMSAxLjQgMS40MnoiLz48L3N2Zz4=")}.mc-checkbox__input.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt:disabled:indeterminate{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiM5OTk5OTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyIDlINGExIDEgMCAwMTAtMmg4YTEgMSAwIDAxMCAyeiIvPjwvc3ZnPg==")}.mc-listbox.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt{list-style:none;margin-left:0;padding-left:0;background-color:#ffffff;border:1px solid #666666;border-radius:3px;position:absolute;overflow-y:auto;margin-top:0.25rem;margin-bottom:0;max-height:13.8125rem;min-width:auto;opacity:0;visibility:hidden;max-width:var(--listbox-width, auto);width:100%}.mc-listbox.is-open.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt{opacity:1;visibility:visible;z-index:10}.mc-listbox.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-listbox.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt::-webkit-scrollbar-thumb{background:#666666}.mc-listbox__item.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;min-height:3rem;padding-left:0.75rem;padding-right:0.75rem;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mc-listbox__item.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-listbox__item.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt:hover{background-color:#e6e6e6;-webkit-box-shadow:inset 9px 0 0 -7px #191919;box-shadow:inset 9px 0 0 -7px #191919}.mc-listbox__empty.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-listbox__label.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt{cursor:pointer;margin-right:auto}.mc-listbox__label.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt::after{content:"";position:absolute;inset:0;z-index:2}.mc-listbox__input.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.mc-listbox.svelte-mpuimt .is-disabled.svelte-mpuimt.svelte-mpuimt{cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none;background-color:#cccccc;color:#666666;pointer-events:none}.mc-listbox.svelte-mpuimt:not(.mc-listbox--multi) .mc-listbox__input.svelte-mpuimt.svelte-mpuimt{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-listbox.svelte-mpuimt:not(.mc-listbox--multi) .mc-listbox__input.svelte-mpuimt:checked+.mc-listbox__label.svelte-mpuimt::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEwIDE4LjY4YTEgMSAwIDAxLS43LS4yOWwtNS01QTEgMSAwIDAxNS43MyAxMkwxMCAxNi4yNyAxOC4zMSA4YTEgMSAwIDAxMS40MiAxLjQybC05IDlhMSAxIDAgMDEtLjczLjI2eiIvPjwvc3ZnPg==");background-repeat:no-repeat;background-position:center;content:"";height:1.5rem;position:absolute;right:0.75rem;top:0;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);width:1.5rem}')}function y(e,t,i){const l=e.slice();return l[26]=t[i],l[28]=i,l}function A(e){let t,i,l;return{c(){t=m("li"),i=m("span"),l=b(e[4]),s(i,"class","mc-listbox__empty svelte-mpuimt"),s(t,"class","mc-listbox__item svelte-mpuimt")},m(e,m){a(e,t,m),v(t,i),v(i,l)},p(e,t){16&t&&x(l,e[4])},d(e){e&&r(t)}}}function Z(e){let t,i,l=e[2]&&e[9]&&j(e),m=e[11],s=[];for(let t=0;t<m.length;t+=1)s[t]=N(y(e,m,t));return{c(){l&&l.c(),t=g();for(let e=0;e<s.length;e+=1)s[e].c();i=h()},m(e,m){l&&l.m(e,m),a(e,t,m);for(let t=0;t<s.length;t+=1)s[t]&&s[t].m(e,m);a(e,i,m)},p(e,o){if(e[2]&&e[9]?l?l.p(e,o):(l=j(e),l.c(),l.m(t.parentNode,t)):l&&(l.d(1),l=null),51429&o){let t;for(m=e[11],t=0;t<m.length;t+=1){const l=y(e,m,t);s[t]?s[t].p(l,o):(s[t]=N(l),s[t].c(),s[t].m(i.parentNode,i))}for(;t<s.length;t+=1)s[t].d(1);s.length=m.length}},d(e){l&&l.d(e),e&&r(t),f(s,e),e&&r(i)}}}function j(e){let t,i,l,o,c,n,u;return{c(){t=m("li"),i=m("input"),l=g(),o=m("label"),c=b(e[10]),s(i,"id","select-all"),s(i,"class","mc-listbox__input mc-checkbox__input svelte-mpuimt"),s(i,"type","checkbox"),i.indeterminate=e[13],i.checked=e[12],s(o,"for","select-all"),s(o,"class","mc-listbox__label svelte-mpuimt"),s(t,"class","mc-listbox__item svelte-mpuimt")},m(m,s){a(m,t,s),v(t,i),v(t,l),v(t,o),v(o,c),n||(u=_(i,"change",e[17]),n=!0)},p(e,t){8192&t&&(i.indeterminate=e[13]),4096&t&&(i.checked=e[12]),1024&t&&x(c,e[10])},d(e){e&&r(t),n=!1,u()}}}function D(e){let t,i,l,o,c,n,u,d=!1;return c=k(e[22][0]),{c(){t=m("input"),s(t,"id",e[15](e[28])),s(t,"class","mc-listbox__input mc-checkbox__input svelte-mpuimt"),s(t,"type","checkbox"),t.__value=i=e[26][e[6]],t.value=t.__value,t.checked=l=e[0].includes(e[26][e[6]]),t.disabled=o=Boolean(e[26][e[7]]),c.p(t)},m(i,l){a(i,t,l),t.checked=~(e[0]||[]).indexOf(t.__value),n||(u=[_(t,"change",e[23]),_(t,"change",e[20])],n=!0)},p(e,m){2112&m&&i!==(i=e[26][e[6]])&&(t.__value=i,t.value=t.__value,d=!0),2113&m&&l!==(l=e[0].includes(e[26][e[6]]))&&(t.checked=l),2176&m&&o!==(o=Boolean(e[26][e[7]]))&&(t.disabled=o),(d||2049&m)&&(t.checked=~(e[0]||[]).indexOf(t.__value))},d(e){e&&r(t),c.r(),n=!1,M(u)}}}function S(e){let t,i,l,o,n,u,d=!1;return o=k(e[22][0]),{c(){t=m("input"),s(t,"id",e[15](e[28])),s(t,"class","mc-listbox__input svelte-mpuimt"),s(t,"type","radio"),t.__value=i=e[26][e[6]],t.value=t.__value,s(t,"name",`listboxradio-${e[14]}`),t.disabled=l=Boolean(e[26][e[7]]),c(t,"is-disabled",e[26][e[7]]),o.p(t)},m(i,l){a(i,t,l),t.checked=t.__value===e[0],n||(u=[_(t,"change",e[21]),_(t,"change",e[19])],n=!0)},p(e,m){2112&m&&i!==(i=e[26][e[6]])&&(t.__value=i,t.value=t.__value,d=!0),2176&m&&l!==(l=Boolean(e[26][e[7]]))&&(t.disabled=l),(d||2049&m)&&(t.checked=t.__value===e[0]),2176&m&&c(t,"is-disabled",e[26][e[7]])},d(e){e&&r(t),o.r(),n=!1,M(u)}}}function N(e){let t,i,l,o,n,u=e[26][e[5]]+"";function d(e,t){return e[2]?D:S}let p=d(e),h=p(e);return{c(){t=m("li"),h.c(),i=g(),l=m("label"),o=b(u),n=g(),s(l,"for",e[15](e[28])),s(l,"class","mc-listbox__label svelte-mpuimt"),s(t,"class","mc-listbox__item svelte-mpuimt"),c(t,"is-disabled",e[26][e[7]])},m(e,m){a(e,t,m),h.m(t,null),v(t,i),v(t,l),v(l,o),v(t,n)},p(e,l){p===(p=d(e))&&h?h.p(e,l):(h.d(1),h=p(e),h&&(h.c(),h.m(t,i))),2080&l&&u!==(u=e[26][e[5]]+"")&&x(o,u),2176&l&&c(t,"is-disabled",e[26][e[7]])},d(e){e&&r(t),h.d()}}}function z(e){let t,i,l;function d(e,t){return e[3]?A:Z}let p=d(e),b=p(e);return{c(){t=m("ul"),b.c(),s(t,"role","listbox"),s(t,"class","mc-listbox svelte-mpuimt"),s(t,"aria-labelledby","listbox"),o(t,"--listbox-width",e[8]),c(t,"is-open",e[1]),c(t,"mc-listbox--multi",e[2])},m(m,s){a(m,t,s),b.m(t,null),i||(l=n(e[16].call(null,t)),i=!0)},p(e,[i]){p===(p=d(e))&&b?b.p(e,i):(b.d(1),b=p(e),b&&(b.c(),b.m(t,null))),256&i&&o(t,"--listbox-width",e[8]),2&i&&c(t,"is-open",e[1]),4&i&&c(t,"mc-listbox--multi",e[2])},i:u,o:u,d(e){e&&r(t),b.d(),i=!1,l()}}}function C(e,t,i){let l,m,s,{items:o}=t,{value:c}=t,{open:a}=t,{multiple:n}=t,{isfiltered:u}=t,{emptysearchlabel:r="No results found"}=t,{datatextexpr:b="label"}=t,{datavalueexpr:v="value"}=t,{datadisabledexpr:x="disabled"}=t,{maxwidth:g="100%"}=t,{selectall:h=!1}=t,{labelselectall:f="Select all"}=t;const _=Math.random();let k=new w;const M=[[]];return e.$$set=e=>{"items"in e&&i(18,o=e.items),"value"in e&&i(0,c=e.value),"open"in e&&i(1,a=e.open),"multiple"in e&&i(2,n=e.multiple),"isfiltered"in e&&i(3,u=e.isfiltered),"emptysearchlabel"in e&&i(4,r=e.emptysearchlabel),"datatextexpr"in e&&i(5,b=e.datatextexpr),"datavalueexpr"in e&&i(6,v=e.datavalueexpr),"datadisabledexpr"in e&&i(7,x=e.datadisabledexpr),"maxwidth"in e&&i(8,g=e.maxwidth),"selectall"in e&&i(9,h=e.selectall),"labelselectall"in e&&i(10,f=e.labelselectall)},e.$$.update=()=>{512&e.$$.dirty&&i(12,l=null!=h&&h),262144&e.$$.dirty&&i(11,m=o?JSON.parse(o):[]),1&e.$$.dirty&&i(0,c=c?(i(12,l=!1),i(13,s=!1),c&&0===c.length?(i(12,l=!1),i(13,s=!1)):c&&c.length<m.length?i(13,s=!0):c&&c.length===m.length&&i(12,l=!0),c):[])},i(13,s=!0),[c,a,n,u,r,b,v,x,g,h,f,m,l,s,_,function(e){return`listboxItem-${e+_}`},function(e){e.addEventListener("scroll",(()=>{e.offsetHeight+e.scrollTop>=e.scrollHeight&&k.dispatch("scrollend",{})}))},function(){i(12,l=!l),l?m.map((e=>{e[x]||-1!==c.indexOf(e[v])||c.push(e[v])})):i(0,c=[]),i(0,c)},o,function(t){d.call(this,e,t)},function(t){d.call(this,e,t)},function(){c=this.__value,i(0,c)},M,function(){c=p(M[0],this.__value,this.checked),i(0,c)}]}class T extends e{constructor(e){super(),t(this,e,C,z,i,{items:18,value:0,open:1,multiple:2,isfiltered:3,emptysearchlabel:4,datatextexpr:5,datavalueexpr:6,datadisabledexpr:7,maxwidth:8,selectall:9,labelselectall:10},I)}}export{T as default};
|
|
1
|
+
import{P as e,i as t,s as i,Q as l,e as m,g as s,y as o,z as c,b as a,B as n,n as u,o as r,O as d,V as p,t as b,j as v,k as x,d as g,K as h,J as f,l as _,H as k,W as M}from"../../index-17a01ab4.js";import{E as w}from"../../EventHandler-316af043.js";function I(e){l(e,"svelte-mpuimt",'.mc-checkbox__input.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt{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;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #808080;background-color:#ffffff;position:relative;-webkit-transition:all 200ms ease;-o-transition:all 200ms ease;transition:all 200ms ease;cursor:pointer}.mc-checkbox__input.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt::-ms-check{background-color:#ffffff;border:2px solid #808080;border-radius:4px;color:#ffffff}.mc-checkbox__input.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt:hover{border-color:#191919}.mc-checkbox__input.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt:hover::-ms-check{border-color:#191919}.mc-checkbox__input.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt: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-checkbox__input.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt:focus::-ms-check{box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt:checked,.mc-checkbox__input.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt:indeterminate{background-color:#ff5800;border-color:#ff5800;background-size:1rem 1rem}.mc-checkbox__input.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt:checked{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiNmZmZmZmYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTcuNjMgMTEuMjFhMSAxIDAgMCAxLTEuMzggMGwtMi45Mi0yLjZhMSAxIDAgMSAxIDEuMzQtMS40OGwyLjIyIDIgNC40MS00LjM0YTEgMSAwIDEgMSAxLjQgMS40MnoiLz48L3N2Zz4=");background-position:center center}.mc-checkbox__input.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt:checked::-ms-check{background-color:#ff5800;border-color:#ff5800}.mc-checkbox__input.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt:checked:hover:not(:disabled){border-color:#ff5800}.mc-checkbox__input.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt:checked:hover:not(:disabled)::-ms-check{border-color:#ff5800}.mc-checkbox__input.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt:indeterminate{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiNmZmZmZmYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyIDlINGExIDEgMCAwMTAtMmg4YTEgMSAwIDAxMCAyeiIvPjwvc3ZnPg==")}.mc-checkbox__input.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt:disabled:checked{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiM5OTk5OTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTcuNjMgMTEuMjFhMSAxIDAgMCAxLTEuMzggMGwtMi45Mi0yLjZhMSAxIDAgMSAxIDEuMzQtMS40OGwyLjIyIDIgNC40MS00LjM0YTEgMSAwIDEgMSAxLjQgMS40MnoiLz48L3N2Zz4=")}.mc-checkbox__input.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt:disabled:indeterminate{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiM5OTk5OTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyIDlINGExIDEgMCAwMTAtMmg4YTEgMSAwIDAxMCAyeiIvPjwvc3ZnPg==")}.mc-listbox.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt{list-style:none;margin-left:0;padding-left:0;background-color:#ffffff;border:1px solid #666666;border-radius:3px;position:absolute;overflow-y:auto;margin-top:0.25rem;margin-bottom:0;max-height:13.8125rem;min-width:auto;opacity:0;visibility:hidden;max-width:var(--listbox-width, auto);width:100%}.mc-listbox.is-open.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt{opacity:1;visibility:visible;z-index:10}.mc-listbox.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-listbox.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt::-webkit-scrollbar-thumb{background:#666666}.mc-listbox__item.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;min-height:3rem;padding-left:0.75rem;padding-right:0.75rem;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mc-listbox__item.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-listbox__item.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt:hover{background-color:#e6e6e6;-webkit-box-shadow:inset 9px 0 0 -7px #191919;box-shadow:inset 9px 0 0 -7px #191919}.mc-listbox__empty.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-listbox__label.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt{cursor:pointer;margin-right:auto}.mc-listbox__label.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt::after{content:"";position:absolute;inset:0;z-index:2}.mc-listbox__input.svelte-mpuimt.svelte-mpuimt.svelte-mpuimt{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.mc-listbox.svelte-mpuimt .is-disabled.svelte-mpuimt.svelte-mpuimt{cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none;background-color:#cccccc;color:#666666;pointer-events:none}.mc-listbox.svelte-mpuimt:not(.mc-listbox--multi) .mc-listbox__input.svelte-mpuimt.svelte-mpuimt{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-listbox.svelte-mpuimt:not(.mc-listbox--multi) .mc-listbox__input.svelte-mpuimt:checked+.mc-listbox__label.svelte-mpuimt::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEwIDE4LjY4YTEgMSAwIDAxLS43LS4yOWwtNS01QTEgMSAwIDAxNS43MyAxMkwxMCAxNi4yNyAxOC4zMSA4YTEgMSAwIDAxMS40MiAxLjQybC05IDlhMSAxIDAgMDEtLjczLjI2eiIvPjwvc3ZnPg==");background-repeat:no-repeat;background-position:center;content:"";height:1.5rem;position:absolute;right:0.75rem;top:0;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);width:1.5rem}')}function y(e,t,i){const l=e.slice();return l[27]=t[i],l[29]=i,l}function A(e){let t,i,l;return{c(){t=m("li"),i=m("span"),l=b(e[4]),s(i,"class","mc-listbox__empty svelte-mpuimt"),s(t,"class","mc-listbox__item svelte-mpuimt")},m(e,m){a(e,t,m),v(t,i),v(i,l)},p(e,t){16&t&&x(l,e[4])},d(e){e&&r(t)}}}function Z(e){let t,i,l=e[2]&&e[9]&&j(e),m=e[11],s=[];for(let t=0;t<m.length;t+=1)s[t]=N(y(e,m,t));return{c(){l&&l.c(),t=g();for(let e=0;e<s.length;e+=1)s[e].c();i=h()},m(e,m){l&&l.m(e,m),a(e,t,m);for(let t=0;t<s.length;t+=1)s[t]&&s[t].m(e,m);a(e,i,m)},p(e,o){if(e[2]&&e[9]?l?l.p(e,o):(l=j(e),l.c(),l.m(t.parentNode,t)):l&&(l.d(1),l=null),51429&o){let t;for(m=e[11],t=0;t<m.length;t+=1){const l=y(e,m,t);s[t]?s[t].p(l,o):(s[t]=N(l),s[t].c(),s[t].m(i.parentNode,i))}for(;t<s.length;t+=1)s[t].d(1);s.length=m.length}},d(e){l&&l.d(e),e&&r(t),f(s,e),e&&r(i)}}}function j(e){let t,i,l,o,c,n,u;return{c(){t=m("li"),i=m("input"),l=g(),o=m("label"),c=b(e[10]),s(i,"id","select-all"),s(i,"class","mc-listbox__input mc-checkbox__input svelte-mpuimt"),s(i,"type","checkbox"),i.indeterminate=e[13],s(o,"for","select-all"),s(o,"class","mc-listbox__label svelte-mpuimt"),s(t,"class","mc-listbox__item svelte-mpuimt")},m(m,s){a(m,t,s),v(t,i),i.checked=e[12],v(t,l),v(t,o),v(o,c),n||(u=[_(i,"change",e[21]),_(i,"change",e[17])],n=!0)},p(e,t){8192&t&&(i.indeterminate=e[13]),4096&t&&(i.checked=e[12]),1024&t&&x(c,e[10])},d(e){e&&r(t),n=!1,k(u)}}}function D(e){let t,i,l,o,c,n,u,d=!1;return c=M(e[23][0]),{c(){t=m("input"),s(t,"id",e[15](e[29])),s(t,"class","mc-listbox__input mc-checkbox__input svelte-mpuimt"),s(t,"type","checkbox"),t.__value=i=e[27][e[6]],t.value=t.__value,t.checked=l=e[0].includes(e[27][e[6]]),t.disabled=o=Boolean(e[27][e[7]]),c.p(t)},m(i,l){a(i,t,l),t.checked=~(e[0]||[]).indexOf(t.__value),n||(u=[_(t,"change",e[24]),_(t,"change",e[20])],n=!0)},p(e,m){2112&m&&i!==(i=e[27][e[6]])&&(t.__value=i,t.value=t.__value,d=!0),2113&m&&l!==(l=e[0].includes(e[27][e[6]]))&&(t.checked=l),2176&m&&o!==(o=Boolean(e[27][e[7]]))&&(t.disabled=o),(d||2049&m)&&(t.checked=~(e[0]||[]).indexOf(t.__value))},d(e){e&&r(t),c.r(),n=!1,k(u)}}}function S(e){let t,i,l,o,n,u,d=!1;return o=M(e[23][0]),{c(){t=m("input"),s(t,"id",e[15](e[29])),s(t,"class","mc-listbox__input svelte-mpuimt"),s(t,"type","radio"),t.__value=i=e[27][e[6]],t.value=t.__value,s(t,"name",`listboxradio-${e[14]}`),t.disabled=l=Boolean(e[27][e[7]]),c(t,"is-disabled",e[27][e[7]]),o.p(t)},m(i,l){a(i,t,l),t.checked=t.__value===e[0],n||(u=[_(t,"change",e[22]),_(t,"change",e[19])],n=!0)},p(e,m){2112&m&&i!==(i=e[27][e[6]])&&(t.__value=i,t.value=t.__value,d=!0),2176&m&&l!==(l=Boolean(e[27][e[7]]))&&(t.disabled=l),(d||2049&m)&&(t.checked=t.__value===e[0]),2176&m&&c(t,"is-disabled",e[27][e[7]])},d(e){e&&r(t),o.r(),n=!1,k(u)}}}function N(e){let t,i,l,o,n,u=e[27][e[5]]+"";function d(e,t){return e[2]?D:S}let p=d(e),h=p(e);return{c(){t=m("li"),h.c(),i=g(),l=m("label"),o=b(u),n=g(),s(l,"for",e[15](e[29])),s(l,"class","mc-listbox__label svelte-mpuimt"),s(t,"class","mc-listbox__item svelte-mpuimt"),c(t,"is-disabled",e[27][e[7]])},m(e,m){a(e,t,m),h.m(t,null),v(t,i),v(t,l),v(l,o),v(t,n)},p(e,l){p===(p=d(e))&&h?h.p(e,l):(h.d(1),h=p(e),h&&(h.c(),h.m(t,i))),2080&l&&u!==(u=e[27][e[5]]+"")&&x(o,u),2176&l&&c(t,"is-disabled",e[27][e[7]])},d(e){e&&r(t),h.d()}}}function z(e){let t,i,l;function d(e,t){return e[3]?A:Z}let p=d(e),b=p(e);return{c(){t=m("ul"),b.c(),s(t,"role","listbox"),s(t,"class","mc-listbox svelte-mpuimt"),s(t,"aria-labelledby","listbox"),o(t,"--listbox-width",e[8]),c(t,"is-open",e[1]),c(t,"mc-listbox--multi",e[2])},m(m,s){a(m,t,s),b.m(t,null),i||(l=n(e[16].call(null,t)),i=!0)},p(e,[i]){p===(p=d(e))&&b?b.p(e,i):(b.d(1),b=p(e),b&&(b.c(),b.m(t,null))),256&i&&o(t,"--listbox-width",e[8]),2&i&&c(t,"is-open",e[1]),4&i&&c(t,"mc-listbox--multi",e[2])},i:u,o:u,d(e){e&&r(t),b.d(),i=!1,l()}}}function C(e,t,i){let l,m,s,{items:o}=t,{value:c}=t,{open:a}=t,{multiple:n}=t,{isfiltered:u}=t,{emptysearchlabel:r="No results found"}=t,{datatextexpr:b="label"}=t,{datavalueexpr:v="value"}=t,{datadisabledexpr:x="disabled"}=t,{maxwidth:g="100%"}=t,{selectall:h=!1}=t,{labelselectall:f="Select all"}=t;const _=Math.random();let k=new w;const M=[[]];return e.$$set=e=>{"items"in e&&i(18,o=e.items),"value"in e&&i(0,c=e.value),"open"in e&&i(1,a=e.open),"multiple"in e&&i(2,n=e.multiple),"isfiltered"in e&&i(3,u=e.isfiltered),"emptysearchlabel"in e&&i(4,r=e.emptysearchlabel),"datatextexpr"in e&&i(5,b=e.datatextexpr),"datavalueexpr"in e&&i(6,v=e.datavalueexpr),"datadisabledexpr"in e&&i(7,x=e.datadisabledexpr),"maxwidth"in e&&i(8,g=e.maxwidth),"selectall"in e&&i(9,h=e.selectall),"labelselectall"in e&&i(10,f=e.labelselectall)},e.$$.update=()=>{512&e.$$.dirty&&i(12,l=null!=h&&h),262144&e.$$.dirty&&i(11,m=o?JSON.parse(o):[]),1&e.$$.dirty&&i(0,c=c?(i(12,l=!1),i(13,s=!1),c&&0===c.length?(i(12,l=!1),i(13,s=!1)):c&&c.length<m.length?i(13,s=!0):c&&c.length===m.length&&i(12,l=!0),c):[])},i(13,s=!0),[c,a,n,u,r,b,v,x,g,h,f,m,l,s,_,function(e){return`listboxItem-${e+_}`},function(e){e.addEventListener("scroll",(()=>{e.offsetHeight+e.scrollTop>=e.scrollHeight&&k.dispatch("scrollend",{})}))},function(e){const t=e.target.checked;i(12,l=!!t),l?m.map((e=>{e[x]||-1!==c.indexOf(e[v])||c.push(e[v])})):i(0,c=[]),k.dispatch("select-all",c),i(0,c)},o,function(t){d.call(this,e,t)},function(t){d.call(this,e,t)},function(){l=this.checked,i(12,l),i(9,h)},function(){c=this.__value,i(0,c)},M,function(){c=p(M[0],this.__value,this.checked),i(0,c)}]}class T extends e{constructor(e){super(),t(this,e,C,z,i,{items:18,value:0,open:1,multiple:2,isfiltered:3,emptysearchlabel:4,datatextexpr:5,datavalueexpr:6,datadisabledexpr:7,maxwidth:8,selectall:9,labelselectall:10},I)}}export{T as default};
|
|
2
2
|
//# sourceMappingURL=Listbox.nested.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Listbox.nested.js","sources":["../../../../src/components/listbox/Listbox.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { ListboxItems } from './listbox.types';\n import { EventHandler } from '../../utilities/EventHandler';\n\n export let items: string;\n export let value: any;\n export let open: boolean;\n export let multiple: boolean;\n export let isfiltered: boolean;\n export let emptysearchlabel = 'No results found';\n export let datatextexpr = 'label';\n export let datavalueexpr = 'value';\n export let datadisabledexpr = 'disabled';\n export let maxwidth = '100%';\n export let selectall = false;\n export let labelselectall = 'Select all';\n\n const uuid = Math.random();\n let eventHandler = new EventHandler();\n\n $: allSelected = selectall ?? false;\n $: parsedItems = items ? (JSON.parse(items) as ListboxItems[]) : [];\n $: value = value ? (determineSelectionState() as []) : [];\n $: selectAllIndeterminate = true;\n\n function determineSelectionState(): [] {\n allSelected = false;\n selectAllIndeterminate = false;\n if (value && value.length === 0) {\n allSelected = false;\n selectAllIndeterminate = false;\n } else if (value && value.length < parsedItems.length) {\n selectAllIndeterminate = true;\n } else if (value && value.length === parsedItems.length) {\n allSelected = true;\n }\n\n return value;\n }\n\n function setItemId(index: number) {\n return `listboxItem-${index + uuid}`;\n }\n\n function scrollEnd(node: HTMLElement) {\n node.addEventListener('scroll', () => {\n if (node.offsetHeight + node.scrollTop >= node.scrollHeight) {\n eventHandler.dispatch('scrollend', {});\n }\n });\n }\n\n function onSelectAll() {\n allSelected =
|
|
1
|
+
{"version":3,"file":"Listbox.nested.js","sources":["../../../../src/components/listbox/Listbox.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { ListboxItems } from './listbox.types';\n import { EventHandler } from '../../utilities/EventHandler';\n\n export let items: string;\n export let value: any;\n export let open: boolean;\n export let multiple: boolean;\n export let isfiltered: boolean;\n export let emptysearchlabel = 'No results found';\n export let datatextexpr = 'label';\n export let datavalueexpr = 'value';\n export let datadisabledexpr = 'disabled';\n export let maxwidth = '100%';\n export let selectall = false;\n export let labelselectall = 'Select all';\n\n const uuid = Math.random();\n let eventHandler = new EventHandler();\n\n $: allSelected = selectall ?? false;\n $: parsedItems = items ? (JSON.parse(items) as ListboxItems[]) : [];\n $: value = value ? (determineSelectionState() as []) : [];\n $: selectAllIndeterminate = true;\n\n function determineSelectionState(): [] {\n allSelected = false;\n selectAllIndeterminate = false;\n if (value && value.length === 0) {\n allSelected = false;\n selectAllIndeterminate = false;\n } else if (value && value.length < parsedItems.length) {\n selectAllIndeterminate = true;\n } else if (value && value.length === parsedItems.length) {\n allSelected = true;\n }\n\n return value;\n }\n\n function setItemId(index: number) {\n return `listboxItem-${index + uuid}`;\n }\n\n function scrollEnd(node: HTMLElement) {\n node.addEventListener('scroll', () => {\n if (node.offsetHeight + node.scrollTop >= node.scrollHeight) {\n eventHandler.dispatch('scrollend', {});\n }\n });\n }\n\n function onSelectAll(e: Event) {\n const ischecked = (<HTMLInputElement>e.target).checked;\n allSelected = ischecked ? true : false;\n if (allSelected) {\n parsedItems.map((item) => {\n if (\n !item[datadisabledexpr] &&\n value.indexOf(item[datavalueexpr]) === -1\n )\n value.push(item[datavalueexpr]);\n });\n } else {\n value = [];\n }\n eventHandler.dispatch('select-all', value);\n value = value;\n }\n</script>\n\n<ul\n role=\"listbox\"\n class=\"mc-listbox\"\n class:is-open={open}\n class:mc-listbox--multi={multiple}\n aria-labelledby=\"listbox\"\n style=\"--listbox-width: {maxwidth};\"\n use:scrollEnd\n>\n {#if !isfiltered}\n {#if multiple && selectall}\n <li class=\"mc-listbox__item\">\n <input\n id=\"select-all\"\n class=\"mc-listbox__input mc-checkbox__input\"\n type=\"checkbox\"\n indeterminate={selectAllIndeterminate}\n bind:checked={allSelected}\n on:change={onSelectAll}\n />\n <label for=\"select-all\" class=\"mc-listbox__label\">\n {labelselectall}\n </label>\n </li>\n {/if}\n {#each parsedItems as item, index}\n <li class=\"mc-listbox__item\" class:is-disabled={item[datadisabledexpr]}>\n {#if !multiple}\n <input\n id={setItemId(index)}\n class=\"mc-listbox__input\"\n class:is-disabled={item[datadisabledexpr]}\n type=\"radio\"\n value={item[datavalueexpr]}\n name={`listboxradio-${uuid}`}\n disabled={Boolean(item[datadisabledexpr])}\n bind:group={value}\n on:change\n />\n {:else}\n <input\n id={setItemId(index)}\n class=\"mc-listbox__input mc-checkbox__input\"\n type=\"checkbox\"\n value={item[datavalueexpr]}\n checked={value.includes(item[datavalueexpr])}\n disabled={Boolean(item[datadisabledexpr])}\n bind:group={value}\n on:change\n />\n {/if}\n\n <label for={setItemId(index)} class=\"mc-listbox__label\">\n {item[datatextexpr]}\n </label>\n </li>\n {/each}\n {:else}\n <li class=\"mc-listbox__item\">\n <span class=\"mc-listbox__empty\">{emptysearchlabel}</span>\n </li>\n {/if}\n</ul>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n @import '@mozaic-ds/styles/components/c.checkbox';\n @import '@mozaic-ds/styles/components/c.listbox';\n</style>\n"],"names":["ctx","insert","target","li","anchor","append","span","if_block","create_if_block_2","length","i","input","label","attr","__value","input_value_value","checked","input_checked_value","includes","Boolean","indexOf","dirty","toggle_class","t1_value","create_if_block_1","set_data","t1","create_if_block","ul","items","$$props","value","open","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","datadisabledexpr","maxwidth","selectall","labelselectall","uuid","Math","random","eventHandler","EventHandler","$$invalidate","allSelected","parsedItems","JSON","parse","selectAllIndeterminate","index","node","addEventListener","offsetHeight","scrollTop","scrollHeight","dispatch","e","ischecked","map","item","push","this","get_binding_group_value","$$binding_groups"],"mappings":"ysNAoIuCA,EAAgB,yGADnDC,EAEIC,EAAAC,EAAAC,GADFC,EAAwDF,EAAAG,4BAAvBN,EAAgB,0CAjD9CO,EAAAP,MAAYA,EAAS,IAAAQ,EAAAR,KAenBA,EAAW,yBAAhBS,OAAIC,GAAA,uLAfDV,MAAYA,EAAS,yFAenBA,EAAW,YAAhBS,OAAIC,GAAA,EAAA,yHAAJD,0IAJKT,EAAc,qIALAA,EAAsB,iIALzCC,EAYIC,EAAAC,EAAAC,GAXFC,EAOCF,EAAAQ,aAFeX,EAAW,WAG3BK,EAEOF,EAAAS,kDAJMZ,EAAW,6CAFPA,EAAsB,wBACvBA,EAAW,iBAIxBA,EAAc,2GAoBTa,EAAAF,EAAA,KAAAX,MAAUA,EAAK,+FAGZW,EAAAG,QAAAC,EAAAf,MAAKA,EAAa,sBAChBW,EAAAK,QAAAC,EAAAjB,EAAM,GAAAkB,SAASlB,MAAKA,EAAa,kBAChCmB,QAAQnB,EAAI,IAACA,EAAgB,oBANzCC,EASCC,EAAAS,EAAAP,eAFaJ,EAAK,IAAA,IAAAoB,QAAAT,EAAAG,uEAHV,KAAAO,GAAAN,KAAAA,EAAAf,MAAKA,EAAa,2CAChB,KAAAqB,GAAAJ,KAAAA,EAAAjB,EAAM,GAAAkB,SAASlB,MAAKA,EAAa,oCAChCmB,QAAQnB,EAAI,IAACA,EAAgB,gDAC3BA,EAAK,IAAA,IAAAoB,QAAAT,EAAAG,oHAlBbD,EAAAF,EAAA,KAAAX,MAAUA,EAAK,yEAIZW,EAAAG,QAAAC,EAAAf,MAAKA,EAAa,iDACHA,EAAI,oBAChBmB,QAAQnB,EAAI,IAACA,EAAgB,KAJpBsB,EAAAX,EAAA,cAAAX,MAAKA,EAAgB,oBAH1CC,EAUCC,EAAAS,EAAAP,yBAFaJ,EAAK,iEAHV,KAAAqB,GAAAN,KAAAA,EAAAf,MAAKA,EAAa,0DAEfmB,QAAQnB,EAAI,IAACA,EAAgB,0DAC3BA,EAAK,YALEsB,EAAAX,EAAA,cAAAX,MAAKA,EAAgB,iEAsBzCuB,EAAAvB,MAAKA,EAAY,IAAA,0BA1BdA,EAAQ,KAAAwB,+EAyBFX,EAAAD,EAAA,MAAAZ,MAAUA,EAAK,mGA1BmBsB,EAAAnB,EAAA,cAAAH,MAAKA,EAAgB,aAArEC,EA6BIC,EAAAC,EAAAC,sBAHFC,EAEOF,EAAAS,sFADJ,KAAAS,GAAAE,KAAAA,EAAAvB,MAAKA,EAAY,IAAA,KAAAyB,EAAAC,EAAAH,WA3B0BD,EAAAnB,EAAA,cAAAH,MAAKA,EAAgB,0EAjBnEA,EAAU,KAAA2B,oKAHS3B,EAAQ,kBAHlBA,EAAI,4BACMA,EAAQ,YAJnCC,EA8DIC,EAAA0B,EAAAxB,wJAxDuBJ,EAAQ,uBAHlBA,EAAI,iCACMA,EAAQ,8EAvEtB6B,GAAaC,SACbC,GAAUD,QACVE,GAAaF,YACbG,GAAiBH,cACjBI,GAAmBJ,GACnBK,iBAAAA,EAAmB,oBAAkBL,GACrCM,aAAAA,EAAe,SAAON,GACtBO,cAAAA,EAAgB,SAAOP,GACvBQ,iBAAAA,EAAmB,YAAUR,GAC7BS,SAAAA,EAAW,QAAMT,GACjBU,UAAAA,GAAY,GAAKV,GACjBW,eAAAA,EAAiB,cAAYX,QAElCY,EAAOC,KAAKC,SACd,IAAAC,MAAmBC,8gBAEtBC,EAAA,GAAEC,EAAcR,SAAAA,sBAChBO,EAAA,GAAEE,EAAcpB,EAASqB,KAAKC,MAAMtB,GAAK,kBACvCkB,EAAA,EAAAhB,EAAQA,GAITgB,EAAA,GAAAC,GAAc,GACdD,EAAA,GAAAK,GAAyB,GACrBrB,GAA0B,IAAjBA,EAAMtB,QACjBsC,EAAA,GAAAC,GAAc,GACdD,EAAA,GAAAK,GAAyB,IAChBrB,GAASA,EAAMtB,OAASwC,EAAYxC,OAC7CsC,EAAA,GAAAK,GAAyB,GAChBrB,GAASA,EAAMtB,SAAWwC,EAAYxC,QAC/CsC,EAAA,GAAAC,GAAc,GAGTjB,GAfkC,KAC1CgB,EAAA,GAAEK,GAAyB,kCAiBnB,SAAUC,GACK,MAAA,eAAAA,EAAQX,KAGvB,SAAUY,GACjBA,EAAKC,iBAAiB,UAAQ,KACxBD,EAAKE,aAAeF,EAAKG,WAAaH,EAAKI,cAC7Cb,EAAac,SAAS,YAAW,CAAA,OAK9B,SAAYC,GACb,MAAAC,EAA+BD,EAAE1D,OAAQc,QAC/C+B,EAAA,GAAAC,IAAca,GACVb,EACFC,EAAYa,KAAKC,IAEZA,EAAKzB,KACkC,IAAxCP,EAAMX,QAAQ2C,EAAK1B,KAEnBN,EAAMiC,KAAKD,EAAK1B,GAAa,QAGjCN,EAAK,IAEPc,EAAac,SAAS,aAAc5B,oFAsBhBiB,EAAWiB,KAAAjD,mCAmBXe,EAAKkC,KAAAnD,6BAWLiB,EAAKmC,EAAAC,EAAA,GAAAF,KAAAnD,QAAAmD,KAAAjD"}
|
|
@@ -52,8 +52,9 @@
|
|
|
52
52
|
});
|
|
53
53
|
}
|
|
54
54
|
|
|
55
|
-
function onSelectAll() {
|
|
56
|
-
|
|
55
|
+
function onSelectAll(e: Event) {
|
|
56
|
+
const ischecked = (<HTMLInputElement>e.target).checked;
|
|
57
|
+
allSelected = ischecked ? true : false;
|
|
57
58
|
if (allSelected) {
|
|
58
59
|
parsedItems.map((item) => {
|
|
59
60
|
if (
|
|
@@ -65,6 +66,7 @@
|
|
|
65
66
|
} else {
|
|
66
67
|
value = [];
|
|
67
68
|
}
|
|
69
|
+
eventHandler.dispatch('select-all', value);
|
|
68
70
|
value = value;
|
|
69
71
|
}
|
|
70
72
|
</script>
|
|
@@ -86,7 +88,7 @@
|
|
|
86
88
|
class="mc-listbox__input mc-checkbox__input"
|
|
87
89
|
type="checkbox"
|
|
88
90
|
indeterminate={selectAllIndeterminate}
|
|
89
|
-
checked={allSelected}
|
|
91
|
+
bind:checked={allSelected}
|
|
90
92
|
on:change={onSelectAll}
|
|
91
93
|
/>
|
|
92
94
|
<label for="select-all" class="mc-listbox__label">
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{S as e,i as t,a as r,b as a,f as s,s as o,c as i,e as n,T as l,d,n as c,g as m,h,j as f,m as k,o as p,p as u,q as x,t as _,k as g}from"../../index-
|
|
1
|
+
import{S as e,i as t,a as r,b as a,f as s,s as o,c as i,e as n,T as l,d,n as c,g as m,h,j as f,m as k,o as p,p as u,q as x,t as _,k as g}from"../../index-17a01ab4.js";function w(e){let t,r;return{c(){t=n("span"),r=_(e[2]),m(t,"class","mc-loader__text")},m(e,s){a(e,t,s),f(t,r)},p(e,t){4&t&&g(r,e[2])},d(e){e&&p(t)}}}function b(e){let t,r,s,o,u,x,_,g,b=e[2]&&w(e),v=[{class:g=y(e[0],e[1])},e[3]],C={};for(let e=0;e<v.length;e+=1)C=i(C,v[e]);return{c(){t=n("div"),r=n("span"),s=l("svg"),o=l("circle"),_=d(),b&&b.c(),this.c=c,m(o,"class","mc-loader__path"),m(o,"cx","50%"),m(o,"cy","50%"),m(o,"r",u=z(e[0])),m(s,"class","mc-loader__icon"),m(s,"xmlns","http://www.w3.org/2000/svg"),m(s,"viewBox",x=$(e[0])),m(r,"class","mc-loader__spinner"),h(t,C)},m(e,i){a(e,t,i),f(t,r),f(r,s),f(s,o),f(t,_),b&&b.m(t,null)},p(e,[r]){1&r&&u!==(u=z(e[0]))&&m(o,"r",u),1&r&&x!==(x=$(e[0]))&&m(s,"viewBox",x),e[2]?b?b.p(e,r):(b=w(e),b.c(),b.m(t,null)):b&&(b.d(1),b=null),h(t,C=k(v,[3&r&&g!==(g=y(e[0],e[1]))&&{class:g},8&r&&e[3]]))},i:c,o:c,d(e){e&&p(t),b&&b.d()}}}function y(e,t){const r=["mc-loader"];return e&&r.push(`mc-loader--${e}`),t&&r.push(`mc-loader--${t}`),r.join(" ")}function $(e){let t;switch(e){case"s":t="0 0 24 24";break;case"l":t="0 0 64 64";break;default:t="0 0 32 32"}return t}function z(e){let t;switch(e){case"s":t=6;break;case"l":t=19;break;default:t=9}return t}function v(e,t,r){const a=["size","theme","text"];let s=u(t,a),{size:o}=t,{theme:n}=t,{text:l}=t;return e.$$set=e=>{t=i(i({},t),x(e)),r(3,s=u(t,a)),"size"in e&&r(0,o=e.size),"theme"in e&&r(1,n=e.theme),"text"in e&&r(2,l=e.text)},[o,n,l,s]}class C extends e{constructor(e){super();const i=document.createElement("style");i.textContent=".mc-loader{color:#373de7;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mc-loader .mc-loader__spinner{height:2rem;width:2rem}.mc-loader .mc-loader__path{stroke-width:4}.mc-loader .mc-loader__path{stroke:currentColor}.mc-loader__spinner:not(:only-child){margin-bottom:1rem}.mc-loader__icon{-webkit-animation:rotate-loader 2s linear infinite;animation:rotate-loader 2s linear infinite;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.mc-loader__path{fill:none;stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round;-webkit-animation:animate-dash-loader 2s ease-in-out infinite;animation:animate-dash-loader 2s ease-in-out infinite}.mc-loader__text{font-size:1rem;line-height:1.375;color:currentColor}.mc-loader--s .mc-loader__spinner{height:1.5rem;width:1.5rem}.mc-loader--s .mc-loader__path{stroke-width:4}.mc-loader--l .mc-loader__spinner{height:4rem;width:4rem}.mc-loader--l .mc-loader__path{stroke-width:8}.mc-loader--dark{color:#191919}.mc-loader--dark .mc-loader__path{stroke:currentColor}.mc-loader--light{color:#ffffff}.mc-loader--light .mc-loader__path{stroke:currentColor}@-webkit-keyframes rotate-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes rotate-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@-webkit-keyframes animate-dash-loader{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}@keyframes animate-dash-loader{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}",this.shadowRoot.appendChild(i),t(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},v,b,o,{size:0,theme:1,text:2},null),e&&(e.target&&a(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["size","theme","text"]}get size(){return this.$$.ctx[0]}set size(e){this.$$set({size:e}),s()}get theme(){return this.$$.ctx[1]}set theme(e){this.$$set({theme:e}),s()}get text(){return this.$$.ctx[2]}set text(e){this.$$set({text:e}),s()}}export{C as default};
|
|
2
2
|
//# sourceMappingURL=Loader.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{P as e,i as s,s as t,Q as r,e as a,T as o,d as l,g as m,b as n,j as i,n as v,o as d,c,q as p,t as b,k as f}from"../../index-
|
|
1
|
+
import{P as e,i as s,s as t,Q as r,e as a,T as o,d as l,g as m,b as n,j as i,n as v,o as d,c,q as p,t as b,k as f}from"../../index-17a01ab4.js";function h(e){r(e,"svelte-19bvpms",".mc-loader.svelte-19bvpms.svelte-19bvpms{color:#373de7;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mc-loader.svelte-19bvpms .mc-loader__spinner.svelte-19bvpms{height:2rem;width:2rem}.mc-loader.svelte-19bvpms .mc-loader__path.svelte-19bvpms{stroke-width:4}.mc-loader.svelte-19bvpms .mc-loader__path.svelte-19bvpms{stroke:currentColor}.mc-loader__spinner.svelte-19bvpms.svelte-19bvpms:not(:only-child){margin-bottom:1rem}.mc-loader__icon.svelte-19bvpms.svelte-19bvpms{-webkit-animation:svelte-19bvpms-rotate-loader 2s linear infinite;animation:svelte-19bvpms-rotate-loader 2s linear infinite;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.mc-loader__path.svelte-19bvpms.svelte-19bvpms{fill:none;stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round;-webkit-animation:svelte-19bvpms-animate-dash-loader 2s ease-in-out infinite;animation:svelte-19bvpms-animate-dash-loader 2s ease-in-out infinite}.mc-loader__text.svelte-19bvpms.svelte-19bvpms{font-size:1rem;line-height:1.375;color:currentColor}.mc-loader--s.svelte-19bvpms .mc-loader__spinner.svelte-19bvpms{height:1.5rem;width:1.5rem}.mc-loader--s.svelte-19bvpms .mc-loader__path.svelte-19bvpms{stroke-width:4}.mc-loader--l.svelte-19bvpms .mc-loader__spinner.svelte-19bvpms{height:4rem;width:4rem}.mc-loader--l.svelte-19bvpms .mc-loader__path.svelte-19bvpms{stroke-width:8}.mc-loader--dark.svelte-19bvpms.svelte-19bvpms{color:#191919}.mc-loader--dark.svelte-19bvpms .mc-loader__path.svelte-19bvpms{stroke:currentColor}.mc-loader--light.svelte-19bvpms.svelte-19bvpms{color:#ffffff}.mc-loader--light.svelte-19bvpms .mc-loader__path.svelte-19bvpms{stroke:currentColor}@-webkit-keyframes svelte-19bvpms-rotate-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes svelte-19bvpms-rotate-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@-webkit-keyframes svelte-19bvpms-animate-dash-loader{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}@keyframes svelte-19bvpms-animate-dash-loader{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}")}function k(e){let s,t;return{c(){s=a("span"),t=b(e[2]),m(s,"class","mc-loader__text svelte-19bvpms")},m(e,r){n(e,s,r),i(s,t)},p(e,s){4&s&&f(t,e[2])},d(e){e&&d(s)}}}function _(e){let s,t,r,c,p,b,f,h,_=e[2]&&k(e);return{c(){s=a("div"),t=a("span"),r=o("svg"),c=o("circle"),f=l(),_&&_.c(),m(c,"class","mc-loader__path svelte-19bvpms"),m(c,"cx","50%"),m(c,"cy","50%"),m(c,"r",p=x(e[0])),m(r,"class","mc-loader__icon svelte-19bvpms"),m(r,"xmlns","http://www.w3.org/2000/svg"),m(r,"viewBox",b=w(e[0])),m(t,"class","mc-loader__spinner svelte-19bvpms"),m(s,"class",h=u(e[0],e[1])+" "+e[3].class+" svelte-19bvpms")},m(e,a){n(e,s,a),i(s,t),i(t,r),i(r,c),i(s,f),_&&_.m(s,null)},p(e,[t]){1&t&&p!==(p=x(e[0]))&&m(c,"r",p),1&t&&b!==(b=w(e[0]))&&m(r,"viewBox",b),e[2]?_?_.p(e,t):(_=k(e),_.c(),_.m(s,null)):_&&(_.d(1),_=null),11&t&&h!==(h=u(e[0],e[1])+" "+e[3].class+" svelte-19bvpms")&&m(s,"class",h)},i:v,o:v,d(e){e&&d(s),_&&_.d()}}}function u(e,s){const t=["mc-loader"];return e&&t.push(`mc-loader--${e}`),s&&t.push(`mc-loader--${s}`),t.join(" ")}function w(e){let s;switch(e){case"s":s="0 0 24 24";break;case"l":s="0 0 64 64";break;default:s="0 0 32 32"}return s}function x(e){let s;switch(e){case"s":s=6;break;case"l":s=19;break;default:s=9}return s}function g(e,s,t){let{size:r}=s,{theme:a}=s,{text:o}=s;return e.$$set=e=>{t(3,s=c(c({},s),p(e))),"size"in e&&t(0,r=e.size),"theme"in e&&t(1,a=e.theme),"text"in e&&t(2,o=e.text)},s=p(s),[r,a,o,s]}class y extends e{constructor(e){super(),s(this,e,g,_,t,{size:0,theme:1,text:2},h)}}export{y as default};
|
|
2
2
|
//# sourceMappingURL=Loader.nested.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{S as e,i as t,a as i,b as o,f as a,s,c as n,e as l,t as r,d as m,n as d,g as c,h as b,j as p,l as h,k as g,m as x,o as f,p as w,a4 as y,q as _,v as u}from"../../index-c33b3772.js";import{E as v}from"../../EventHandler-02058705.js";function k(e){let t,i;return{c(){t=l("h3"),i=r(e[1]),c(t,"class","mc-modal__heading"),c(t,"id","layerTitle")},m(e,a){o(e,t,a),p(t,i)},p(e,t){2&t&&g(i,e[1])},d(e){e&&f(t)}}}function M(e){let t,i,a,s,w,y,_,u,v,M,A,$,D,I,j,z,C,S,L,E,T,O,Y,H,Z,N=e[1]&&k(e),q=[{class:L="mc-modal "+(e[6]?" mc-modal--overflow":"")},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"modalTitle"},{"aria-hidden":E=!e[0]},e[4]],P={};for(let e=0;e<q.length;e+=1)P=n(P,q[e]);return{c(){t=l("div"),i=l("div"),a=l("div"),s=l("header"),w=l("h2"),y=r(e[2]),_=m(),u=l("button"),v=l("span"),M=r(e[3]),A=m(),$=l("main"),D=l("article"),N&&N.c(),I=m(),j=l("slot"),z=m(),C=l("footer"),C.innerHTML='<slot name="footer"></slot>',T=m(),O=l("div"),this.c=d,c(w,"class","mc-modal__title"),c(w,"id","modalTitle"),c(v,"class","mc-modal__close-text"),c(u,"class","mc-modal__close"),c(u,"type","button"),c(s,"class","mc-modal__header"),c(j,"name","content"),c(D,"class","mc-modal__content"),c($,"class","mc-modal__body"),c(C,"class","mc-modal__footer"),c(a,"class",S="mc-modal__dialog "+(e[0]?" is-open":"")),c(a,"role","document"),b(i,P),c(O,"class",Y="mc-modal-overlay "+(e[0]?" is-visible":"")),c(O,"tabindex","-1"),c(O,"role","dialog")},m(n,l){o(n,t,l),p(t,i),p(i,a),p(a,s),p(s,w),p(w,y),p(s,_),p(s,u),p(u,v),p(v,M),p(a,A),p(a,$),p($,D),N&&N.m(D,null),p(D,I),p(D,j),p(a,z),p(a,C),p(t,T),p(t,O),e[9](t),H||(Z=h(u,"click",e[8]),H=!0)},p(e,[t]){4&t&&g(y,e[2]),8&t&&g(M,e[3]),e[1]?N?N.p(e,t):(N=k(e),N.c(),N.m(D,I)):N&&(N.d(1),N=null),1&t&&S!==(S="mc-modal__dialog "+(e[0]?" is-open":""))&&c(a,"class",S),b(i,P=x(q,[{class:L},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"modalTitle"},1&t&&E!==(E=!e[0])&&{"aria-hidden":E},16&t&&e[4]])),1&t&&Y!==(Y="mc-modal-overlay "+(e[0]?" is-visible":""))&&c(O,"class",Y)},i:d,o:d,d(i){i&&f(t),N&&N.d(),e[9](null),H=!1,Z()}}}function A(e,t,i){let o;const a=["title","modaltitle","isopen","closebuttontext"];let s,l=w(t,a),{title:r}=t,{modaltitle:m}=t,{isopen:d}=t,{closebuttontext:c="Close"}=t,b=new v;function p(){i(0,d=!1)}y((()=>{const e=s.querySelector(".mc-modal"),t=s.querySelector(".mc-modal__body"),i=s.querySelector(".mc-modal__content"),o=t?t.clientHeight:0;(i?i.scrollHeight:0)>o&&e&&e.classList.add("mc-modal--overflow")}));return e.$$set=e=>{t=n(n({},t),_(e)),i(11,l=w(t,a)),"title"in e&&i(1,r=e.title),"modaltitle"in e&&i(2,m=e.modaltitle),"isopen"in e&&i(0,d=e.isopen),"closebuttontext"in e&&i(3,c=e.closebuttontext)},e.$$.update=()=>{1&e.$$.dirty&&(d?b.dispatch("modal-opened",{}):b.dispatch("modal-closed",{})),i(4,o=Object.assign({},l)),16&e.$$.dirty&&delete o.class},[d,r,m,c,o,s,undefined,p,()=>p(),function(e){u[e?"unshift":"push"]((()=>{s=e,i(5,s)}))}]}class $ extends e{constructor(e){super();const n=document.createElement("style");n.textContent='.mc-modal{font-family:"LeroyMerlin", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;bottom:0;left:0;outline:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1999999999;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;height:-webkit-fill-available;height:-moz-available;height:stretch;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:1rem 1.125rem;width:100vw}@media screen and (min-width: 680px){.mc-modal{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0}}.mc-modal__dialog{background:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;opacity:0;position:relative;-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%);-webkit-transition:visibility 0s linear 0.4s, opacity 0.4s ease, -webkit-transform 0.4s ease;transition:visibility 0s linear 0.4s, opacity 0.4s ease, -webkit-transform 0.4s ease;-o-transition:visibility 0s linear 0.4s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0.4s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0.4s, transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;visibility:hidden;width:100%}@media screen and (min-width: 680px){.mc-modal__dialog{max-height:50%;max-width:38.5rem}}@media(min-width: 1024px) and (max-width: 1919px){.mc-modal__dialog{max-height:66.6666666667%}}@media screen and (min-width: 1024px){.mc-modal__dialog{max-width:48rem}}@media screen and (min-width: 1280px){.mc-modal__dialog{max-width:50rem}}@media screen and (min-width: 1920px){.mc-modal__dialog{max-width:56.5rem}}.mc-modal__dialog.is-open{opacity:1;pointer-events:all;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:visibility 0s linear 0s, opacity 0.4s ease, -webkit-transform 0.4s ease;transition:visibility 0s linear 0s, opacity 0.4s ease, -webkit-transform 0.4s ease;-o-transition:visibility 0s linear 0s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0s, transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;visibility:visible}.mc-modal__form{display:contents}.mc-modal__header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.75rem;margin-bottom:1rem;min-height:3.75rem;padding:0.75rem 0.75rem 0.75rem 1rem;position:relative}.mc-modal__header::after{background:#b3b3b3;content:"";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}@media screen and (min-width: 680px){.mc-modal__header{padding-top:1rem;padding-right:1rem;padding-left:1.5rem}}.mc-modal__icon{fill:#666666;height:1.5rem;width:1.5rem}.mc-modal__title{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#666666;margin-bottom:0;margin-top:0}.mc-modal__close{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;position:relative;-ms-flex-item-align:start;align-self:flex-start;background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iIzgwODA4MCI+PHBhdGggZD0iTTE3LjQxIDE2bDguOC04Ljc5YTEgMSAwIDEwLTEuNDItMS40MkwxNiAxNC41OWwtOC43OS04LjhhMSAxIDAgMDAtMS40MiAxLjQybDguOCA4Ljc5LTguOCA4Ljc5YTEgMSAwIDAwMCAxLjQyIDEgMSAwIDAwMS40MiAwbDguNzktOC44IDguNzkgOC44YTEgMSAwIDAwMS40MiAwIDEgMSAwIDAwMC0xLjQyeiIvPjwvc3ZnPg==") no-repeat;background-size:contain;cursor:pointer;height:2rem;-ms-flex-negative:0;flex-shrink:0;margin-left:auto;width:2rem}.mc-modal__close::after{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}.mc-modal__close-text{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-modal__close:focus::after{-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-modal__body{font-size:1rem;line-height:1.375;-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;color:#191919;overflow:hidden;padding-left:0.5rem;padding-right:0.5rem}@media screen and (min-width: 680px){.mc-modal__body{padding-left:0.75rem;padding-right:1rem}}.mc-modal__content{max-height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin;padding-left:0.5rem;padding-right:0.5rem}@media screen and (min-width: 680px){.mc-modal__content{padding-left:0.75rem;padding-right:0.75rem}}.mc-modal__content::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-modal__content::-webkit-scrollbar-thumb{background:#666666}.mc-modal__heading{font-size:1.125rem;line-height:1.3333333333;font-weight:600;color:#000000;margin-bottom:0;margin-top:0}.mc-modal__inner{padding-top:1.5rem;padding-bottom:3rem}.mc-modal__footer{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:1rem}@media screen and (min-width: 680px){.mc-modal__footer{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:1.5rem}}.mc-modal__footer>:first-child:not(:only-child){margin-bottom:0.75rem}@media screen and (min-width: 680px){.mc-modal__footer>:first-child:not(:only-child){margin-bottom:0;margin-right:1rem}}.mc-modal-open{overflow:hidden}.mc-modal--overflow .mc-modal__dialog{height:100%}.mc-modal--overflow .mc-modal__footer{-webkit-box-shadow:0 0.25rem 1.25rem 0 rgba(25, 25, 25, 0.2);box-shadow:0 0.25rem 1.25rem 0 rgba(25, 25, 25, 0.2)}.mc-modal-overlay{background-color:rgba(25, 25, 25, 0.7);-webkit-filter:blur(1px);filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;-webkit-transition:opacity 0.4s ease, visibility 0ms 0.4s;-o-transition:opacity 0.4s ease, visibility 0ms 0.4s;transition:opacity 0.4s ease, visibility 0ms 0.4s;z-index:1999999998}.mc-modal-overlay.is-visible{opacity:1;pointer-events:all;-webkit-transition:opacity 0.4s ease, visibility 0ms;-o-transition:opacity 0.4s ease, visibility 0ms;transition:opacity 0.4s ease, visibility 0ms;visibility:visible}',this.shadowRoot.appendChild(n),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},A,M,s,{title:1,modaltitle:2,isopen:0,closebuttontext:3},null),e&&(e.target&&o(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["title","modaltitle","isopen","closebuttontext"]}get title(){return this.$$.ctx[1]}set title(e){this.$$set({title:e}),a()}get modaltitle(){return this.$$.ctx[2]}set modaltitle(e){this.$$set({modaltitle:e}),a()}get isopen(){return this.$$.ctx[0]}set isopen(e){this.$$set({isopen:e}),a()}get closebuttontext(){return this.$$.ctx[3]}set closebuttontext(e){this.$$set({closebuttontext:e}),a()}}export{$ as default};
|
|
1
|
+
import{S as e,i as t,a as i,b as o,f as a,s,c as n,e as l,t as r,d,n as m,g as c,h as b,j as h,l as p,k as g,m as f,o as x,p as w,a4 as y,q as u,v as _}from"../../index-17a01ab4.js";import{E as v}from"../../EventHandler-316af043.js";function k(e){let t,i;return{c(){t=l("h3"),i=r(e[1]),c(t,"class","mc-modal__heading"),c(t,"id","layerTitle")},m(e,a){o(e,t,a),h(t,i)},p(e,t){2&t&&g(i,e[1])},d(e){e&&x(t)}}}function $(e){let t;return{c(){t=l("footer"),t.innerHTML='<slot name="footer"></slot>',c(t,"class","mc-modal__footer")},m(e,i){o(e,t,i)},d(e){e&&x(t)}}}function M(e){let t,i,a,s,w,y,u,_,v,M,A,D,I,j,z,C,S,L,E,T,O,Y,H,Z,N=e[1]&&k(e),q=!e[6]&&$(),P=[{class:L="mc-modal "+(e[7]?" mc-modal--overflow":"")},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"modalTitle"},{"aria-hidden":E=!e[0]},e[4]],Q={};for(let e=0;e<P.length;e+=1)Q=n(Q,P[e]);return{c(){t=l("div"),i=l("div"),a=l("div"),s=l("header"),w=l("h2"),y=r(e[2]),u=d(),_=l("button"),v=l("span"),M=r(e[3]),A=d(),D=l("main"),I=l("article"),N&&N.c(),j=d(),z=l("slot"),C=d(),q&&q.c(),T=d(),O=l("div"),this.c=m,c(w,"class","mc-modal__title"),c(w,"id","modalTitle"),c(v,"class","mc-modal__close-text"),c(_,"class","mc-modal__close"),c(_,"type","button"),c(s,"class","mc-modal__header"),c(z,"name","content"),c(I,"class","mc-modal__content"),c(D,"class","mc-modal__body"),c(a,"class",S="mc-modal__dialog "+(e[0]?" is-open":"")),c(a,"role","document"),b(i,Q),c(O,"class",Y="mc-modal-overlay "+(e[0]?" is-visible":"")),c(O,"tabindex","-1"),c(O,"role","dialog")},m(n,l){o(n,t,l),h(t,i),h(i,a),h(a,s),h(s,w),h(w,y),h(s,u),h(s,_),h(_,v),h(v,M),h(a,A),h(a,D),h(D,I),N&&N.m(I,null),h(I,j),h(I,z),h(a,C),q&&q.m(a,null),h(t,T),h(t,O),e[11](t),H||(Z=p(_,"click",e[10]),H=!0)},p(e,[t]){4&t&&g(y,e[2]),8&t&&g(M,e[3]),e[1]?N?N.p(e,t):(N=k(e),N.c(),N.m(I,j)):N&&(N.d(1),N=null),e[6]?q&&(q.d(1),q=null):q||(q=$(),q.c(),q.m(a,null)),1&t&&S!==(S="mc-modal__dialog "+(e[0]?" is-open":""))&&c(a,"class",S),b(i,Q=f(P,[{class:L},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"modalTitle"},1&t&&E!==(E=!e[0])&&{"aria-hidden":E},16&t&&e[4]])),1&t&&Y!==(Y="mc-modal-overlay "+(e[0]?" is-visible":""))&&c(O,"class",Y)},i:m,o:m,d(i){i&&x(t),N&&N.d(),q&&q.d(),e[11](null),H=!1,Z()}}}function A(e,t,i){let o,a;const s=["title","modaltitle","isopen","closebuttontext","hidefooter"];let l,r=w(t,s),{title:d}=t,{modaltitle:m}=t,{isopen:c}=t,{closebuttontext:b="Close"}=t,{hidefooter:h}=t,p=new v;function g(){i(0,c=!1)}y((()=>{const e=l.querySelector(".mc-modal"),t=l.querySelector(".mc-modal__body"),i=l.querySelector(".mc-modal__content"),o=t?t.clientHeight:0;(i?i.scrollHeight:0)>o&&e&&e.classList.add("mc-modal--overflow")}));return e.$$set=e=>{t=n(n({},t),u(e)),i(13,r=w(t,s)),"title"in e&&i(1,d=e.title),"modaltitle"in e&&i(2,m=e.modaltitle),"isopen"in e&&i(0,c=e.isopen),"closebuttontext"in e&&i(3,b=e.closebuttontext),"hidefooter"in e&&i(9,h=e.hidefooter)},e.$$.update=()=>{512&e.$$.dirty&&i(6,o=null!=h&&h),1&e.$$.dirty&&(c?p.dispatch("modal-opened",{}):p.dispatch("modal-closed",{})),i(4,a=Object.assign({},r)),16&e.$$.dirty&&delete a.class},[c,d,m,b,a,l,o,undefined,g,h,()=>g(),function(e){_[e?"unshift":"push"]((()=>{l=e,i(5,l)}))}]}class D extends e{constructor(e){super();const n=document.createElement("style");n.textContent='.mc-modal{font-family:"LeroyMerlin", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;bottom:0;left:0;outline:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1999999999;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;height:-webkit-fill-available;height:-moz-available;height:stretch;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:1rem 1.125rem;width:100vw}@media screen and (min-width: 680px){.mc-modal{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0}}.mc-modal__dialog{background:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;opacity:0;position:relative;-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%);-webkit-transition:visibility 0s linear 0.4s, opacity 0.4s ease, -webkit-transform 0.4s ease;transition:visibility 0s linear 0.4s, opacity 0.4s ease, -webkit-transform 0.4s ease;-o-transition:visibility 0s linear 0.4s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0.4s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0.4s, transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;visibility:hidden;width:100%}@media screen and (min-width: 680px){.mc-modal__dialog{max-height:50%;max-width:38.5rem}}@media(min-width: 1024px) and (max-width: 1919px){.mc-modal__dialog{max-height:66.6666666667%}}@media screen and (min-width: 1024px){.mc-modal__dialog{max-width:48rem}}@media screen and (min-width: 1280px){.mc-modal__dialog{max-width:50rem}}@media screen and (min-width: 1920px){.mc-modal__dialog{max-width:56.5rem}}.mc-modal__dialog.is-open{opacity:1;pointer-events:all;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:visibility 0s linear 0s, opacity 0.4s ease, -webkit-transform 0.4s ease;transition:visibility 0s linear 0s, opacity 0.4s ease, -webkit-transform 0.4s ease;-o-transition:visibility 0s linear 0s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0s, transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;visibility:visible}.mc-modal__form{display:contents}.mc-modal__header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.75rem;margin-bottom:1rem;min-height:3.75rem;padding:0.75rem 0.75rem 0.75rem 1rem;position:relative}.mc-modal__header::after{background:#b3b3b3;content:"";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}@media screen and (min-width: 680px){.mc-modal__header{padding-top:1rem;padding-right:1rem;padding-left:1.5rem}}.mc-modal__icon{fill:#666666;height:1.5rem;width:1.5rem}.mc-modal__title{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#666666;margin-bottom:0;margin-top:0}.mc-modal__close{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;position:relative;-ms-flex-item-align:start;align-self:flex-start;background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iIzgwODA4MCI+PHBhdGggZD0iTTE3LjQxIDE2bDguOC04Ljc5YTEgMSAwIDEwLTEuNDItMS40MkwxNiAxNC41OWwtOC43OS04LjhhMSAxIDAgMDAtMS40MiAxLjQybDguOCA4Ljc5LTguOCA4Ljc5YTEgMSAwIDAwMCAxLjQyIDEgMSAwIDAwMS40MiAwbDguNzktOC44IDguNzkgOC44YTEgMSAwIDAwMS40MiAwIDEgMSAwIDAwMC0xLjQyeiIvPjwvc3ZnPg==") no-repeat;background-size:contain;cursor:pointer;height:2rem;-ms-flex-negative:0;flex-shrink:0;margin-left:auto;width:2rem}.mc-modal__close::after{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}.mc-modal__close-text{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-modal__close:focus::after{-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-modal__body{font-size:1rem;line-height:1.375;-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;color:#191919;overflow:hidden;padding-left:0.5rem;padding-right:0.5rem}@media screen and (min-width: 680px){.mc-modal__body{padding-left:0.75rem;padding-right:1rem}}.mc-modal__content{max-height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin;padding-left:0.5rem;padding-right:0.5rem}@media screen and (min-width: 680px){.mc-modal__content{padding-left:0.75rem;padding-right:0.75rem}}.mc-modal__content::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-modal__content::-webkit-scrollbar-thumb{background:#666666}.mc-modal__heading{font-size:1.125rem;line-height:1.3333333333;font-weight:600;color:#000000;margin-bottom:0;margin-top:0}.mc-modal__inner{padding-top:1.5rem;padding-bottom:3rem}.mc-modal__footer{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:1rem}@media screen and (min-width: 680px){.mc-modal__footer{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:1.5rem}}.mc-modal__footer>:first-child:not(:only-child){margin-bottom:0.75rem}@media screen and (min-width: 680px){.mc-modal__footer>:first-child:not(:only-child){margin-bottom:0;margin-right:1rem}}.mc-modal-open{overflow:hidden}.mc-modal--overflow .mc-modal__dialog{height:100%}.mc-modal--overflow .mc-modal__footer{-webkit-box-shadow:0 0.25rem 1.25rem 0 rgba(25, 25, 25, 0.2);box-shadow:0 0.25rem 1.25rem 0 rgba(25, 25, 25, 0.2)}.mc-modal-overlay{background-color:rgba(25, 25, 25, 0.7);-webkit-filter:blur(1px);filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;-webkit-transition:opacity 0.4s ease, visibility 0ms 0.4s;-o-transition:opacity 0.4s ease, visibility 0ms 0.4s;transition:opacity 0.4s ease, visibility 0ms 0.4s;z-index:1999999998}.mc-modal-overlay.is-visible{opacity:1;pointer-events:all;-webkit-transition:opacity 0.4s ease, visibility 0ms;-o-transition:opacity 0.4s ease, visibility 0ms;transition:opacity 0.4s ease, visibility 0ms;visibility:visible}',this.shadowRoot.appendChild(n),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},A,M,s,{title:1,modaltitle:2,isopen:0,closebuttontext:3,hidefooter:9},null),e&&(e.target&&o(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["title","modaltitle","isopen","closebuttontext","hidefooter"]}get title(){return this.$$.ctx[1]}set title(e){this.$$set({title:e}),a()}get modaltitle(){return this.$$.ctx[2]}set modaltitle(e){this.$$set({modaltitle:e}),a()}get isopen(){return this.$$.ctx[0]}set isopen(e){this.$$set({isopen:e}),a()}get closebuttontext(){return this.$$.ctx[3]}set closebuttontext(e){this.$$set({closebuttontext:e}),a()}get hidefooter(){return this.$$.ctx[9]}set hidefooter(e){this.$$set({hidefooter:e}),a()}}export{D as default};
|
|
2
2
|
//# sourceMappingURL=Modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sources":["../../../../src/components/modal/Modal.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { afterUpdate } from 'svelte/internal';\n import { EventHandler } from '../../utilities/EventHandler';\n export let title: string;\n export let modaltitle: string;\n export let isopen: boolean;\n export let closebuttontext = 'Close';\n $: isopen\n ? eventHandler.dispatch('modal-opened', {})\n : eventHandler.dispatch('modal-closed', {});\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n let scrollable: boolean;\n\n let root: HTMLElement;\n let eventHandler = new EventHandler();\n\n afterUpdate(() => {\n const modal = root.querySelector('.mc-modal');\n const body = root.querySelector('.mc-modal__body');\n const content = root.querySelector('.mc-modal__content');\n\n const bodyHeight = body ? body.clientHeight : 0;\n const contentHeight = content ? content.scrollHeight : 0;\n\n if (contentHeight > bodyHeight && modal) {\n modal.classList.add('mc-modal--overflow');\n }\n });\n\n function onClose(): void {\n isopen = false;\n }\n</script>\n\n<div bind:this={root}>\n <div\n class=\"mc-modal {scrollable ? ' mc-modal--overflow' : ''}\"\n tabindex=\"-1\"\n role=\"dialog\"\n aria-labelledby=\"modalTitle\"\n aria-hidden={!isopen}\n {...attributes}\n >\n <div class=\"mc-modal__dialog {isopen ? ' is-open' : ''}\" role=\"document\">\n <header class=\"mc-modal__header\">\n <h2 class=\"mc-modal__title\" id=\"modalTitle\">{modaltitle}</h2>\n <button\n class=\"mc-modal__close\"\n type=\"button\"\n on:click={() => onClose()}\n >\n <span class=\"mc-modal__close-text\">{closebuttontext}</span>\n </button>\n </header>\n <main class=\"mc-modal__body\">\n <article class=\"mc-modal__content\">\n {#if title}\n <h3 class=\"mc-modal__heading\" id=\"layerTitle\">{title}</h3>\n {/if}\n <slot name=\"content\" />\n </article>\n </main>\n <footer class=\"mc-modal__footer\">\n
|
|
1
|
+
{"version":3,"file":"Modal.js","sources":["../../../../src/components/modal/Modal.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { afterUpdate } from 'svelte/internal';\n import { EventHandler } from '../../utilities/EventHandler';\n export let title: string;\n export let modaltitle: string;\n export let isopen: boolean;\n export let closebuttontext = 'Close';\n export let hidefooter: boolean;\n\n $: hideFooter = hidefooter ?? false;\n\n $: isopen\n ? eventHandler.dispatch('modal-opened', {})\n : eventHandler.dispatch('modal-closed', {});\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n let scrollable: boolean;\n\n let root: HTMLElement;\n let eventHandler = new EventHandler();\n\n afterUpdate(() => {\n const modal = root.querySelector('.mc-modal');\n const body = root.querySelector('.mc-modal__body');\n const content = root.querySelector('.mc-modal__content');\n\n const bodyHeight = body ? body.clientHeight : 0;\n const contentHeight = content ? content.scrollHeight : 0;\n\n if (contentHeight > bodyHeight && modal) {\n modal.classList.add('mc-modal--overflow');\n }\n });\n\n function onClose(): void {\n isopen = false;\n }\n</script>\n\n<div bind:this={root}>\n <div\n class=\"mc-modal {scrollable ? ' mc-modal--overflow' : ''}\"\n tabindex=\"-1\"\n role=\"dialog\"\n aria-labelledby=\"modalTitle\"\n aria-hidden={!isopen}\n {...attributes}\n >\n <div class=\"mc-modal__dialog {isopen ? ' is-open' : ''}\" role=\"document\">\n <header class=\"mc-modal__header\">\n <h2 class=\"mc-modal__title\" id=\"modalTitle\">{modaltitle}</h2>\n <button\n class=\"mc-modal__close\"\n type=\"button\"\n on:click={() => onClose()}\n >\n <span class=\"mc-modal__close-text\">{closebuttontext}</span>\n </button>\n </header>\n <main class=\"mc-modal__body\">\n <article class=\"mc-modal__content\">\n {#if title}\n <h3 class=\"mc-modal__heading\" id=\"layerTitle\">{title}</h3>\n {/if}\n <slot name=\"content\" />\n </article>\n </main>\n {#if !hideFooter}\n <footer class=\"mc-modal__footer\">\n <slot name=\"footer\" />\n </footer>\n {/if}\n </div>\n </div>\n <div\n class=\"mc-modal-overlay {isopen ? ' is-visible' : ''}\"\n tabindex=\"-1\"\n role=\"dialog\"\n />\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.modal';\n</style>\n"],"names":["ctx","insert","target","h3","anchor","footer","create_if_block_1","create_if_block","div3","append","div1","div0","header","h2","button","span","main","article","slot","div2","div1_aria_hidden_value","root","title","$$props","modaltitle","isopen","closebuttontext","hidefooter","eventHandler","EventHandler","onClose","$$invalidate","afterUpdate","modal","querySelector","body","content","bodyHeight","clientHeight","scrollHeight","classList","add","hideFooter","dispatch","attributes","Object","assign","$$restProps","class","scrollable","$$value"],"mappings":"wRAgE2DA,EAAK,oEAApDC,EAAyDC,EAAAC,EAAAC,2BAAVJ,EAAK,mJAMxDC,EAEQC,EAAAG,EAAAD,uFATDJ,EAAK,IAAAM,EAAAN,MAMRA,EAAU,IAAAO,6BA1BDP,EAAU,GAAG,sBAAwB,wFAIxCA,EAAM,IAChBA,EAAU,yHAImCA,EAAU,wCAMjBA,EAAe,+YAR3BA,EAAM,GAAG,WAAa,sEA2B3BA,EAAM,GAAG,cAAgB,uDApCtDC,EAwCKC,EAAAM,EAAAJ,GAvCHK,EAiCKD,EAAAE,GAzBHD,EAwBKC,EAAAC,GAvBHF,EASQE,EAAAC,GARNH,EAA4DG,EAAAC,iBAC5DJ,EAMQG,EAAAE,GADNL,EAA0DK,EAAAC,iBAG9DN,EAOME,EAAAK,GANJP,EAKSO,EAAAC,yBADPR,EAAsBQ,EAAAC,gCAU9BT,EAICD,EAAAW,8DA5BkDnB,EAAU,aAMjBA,EAAe,IAK9CA,EAAK,yDAMRA,EAAU,oFAnBYA,EAAM,GAAG,WAAa,wHAHtCA,EAAM,KAAA,CAAA,cAAAoB,SAChBpB,EAAU,uCA6BWA,EAAM,GAAG,cAAgB,yLAzDhDqB,kBAfOC,GAAaC,cACbC,GAAkBD,UAClBE,GAAeF,GACfG,gBAAAA,EAAkB,SAAOH,cACzBI,GAAmBJ,EAY1BK,MAAmBC,WAedC,IACPC,EAAA,EAAAN,GAAS,GAdXO,GAAW,KACH,MAAAC,EAAQZ,EAAKa,cAAc,aAC3BC,EAAOd,EAAKa,cAAc,mBAC1BE,EAAUf,EAAKa,cAAc,sBAE7BG,EAAaF,EAAOA,EAAKG,aAAe,GACxBF,EAAUA,EAAQG,aAAe,GAEnCF,GAAcJ,GAChCA,EAAMO,UAAUC,IAAI,qSArBvBV,EAAA,EAAEW,EAAaf,SAAAA,kBAEbF,EACCG,EAAae,SAAS,eAAc,IACpCf,EAAae,SAAS,eAAc,CAAA,QACrCC,EAALC,OAAAC,UAAuBC,0BACXH,EAAWI,sBACjBC,kBAsCoBnB,4CAfVT,EAAI6B"}
|
|
@@ -7,6 +7,10 @@
|
|
|
7
7
|
export let modaltitle: string;
|
|
8
8
|
export let isopen: boolean;
|
|
9
9
|
export let closebuttontext = 'Close';
|
|
10
|
+
export let hidefooter: boolean;
|
|
11
|
+
|
|
12
|
+
$: hideFooter = hidefooter ?? false;
|
|
13
|
+
|
|
10
14
|
$: isopen
|
|
11
15
|
? eventHandler.dispatch('modal-opened', {})
|
|
12
16
|
: eventHandler.dispatch('modal-closed', {});
|
|
@@ -63,9 +67,11 @@
|
|
|
63
67
|
<slot name="content" />
|
|
64
68
|
</article>
|
|
65
69
|
</main>
|
|
66
|
-
|
|
67
|
-
<
|
|
68
|
-
|
|
70
|
+
{#if !hideFooter}
|
|
71
|
+
<footer class="mc-modal__footer">
|
|
72
|
+
<slot name="footer" />
|
|
73
|
+
</footer>
|
|
74
|
+
{/if}
|
|
69
75
|
</div>
|
|
70
76
|
</div>
|
|
71
77
|
<div
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{S as i,i as t,a as e,b as o,f as n,s,c as a,e as c,d as r,n as l,g as m,h as M,j as x,m as d,o as w,p as g,q as D,K as b,l as f,Z as I,t as h,k as L}from"../../index-c33b3772.js";import{E as A}from"../../EventHandler-02058705.js";function k(i){let t,e,n=`<${i[1]} class="mc-notification__title">${i[0]}</${i[1]}>`;return{c(){t=new I(!1),e=b(),t.a=e},m(i,s){t.m(n,i,s),o(i,e,s)},p(i,e){3&e&&n!==(n=`<${i[1]} class="mc-notification__title">${i[0]}</${i[1]}>`)&&t.p(n)},d(i){i&&w(e),i&&t.d()}}}function E(i){let t;return{c(){t=c("div"),t.innerHTML='<slot name="footer"></slot>',m(t,"class","mc-notification__footer")},m(i,e){o(i,t,e)},p:l,d(i){i&&w(t)}}}function u(i){let t,e,n;return{c(){t=c("div"),e=c("a"),n=h(i[4]),m(e,"class","mc-notification__link mc-link"),m(e,"href",i[3]),m(t,"class","mc-notification__footer")},m(i,s){o(i,t,s),x(t,e),x(e,n)},p(i,t){16&t&&L(n,i[4]),8&t&&m(e,"href",i[3])},d(i){i&&w(t)}}}function p(i){let t,e,n;return{c(){t=c("button"),m(t,"type","button"),m(t,"class","mc-notification-closable__close"),m(t,"title","Close")},m(s,a){o(s,t,a),e||(n=f(t,"click",i[10]),e=!0)},p:l,d(i){i&&w(t),e=!1,n()}}}function y(i){let t,e,n,s,g,D,b,f,I=i[0]&&k(i);function h(i,t){return i[3]&&i[4]?u:i[8]?E:void 0}let L=h(i),A=L&&L(i),y=i[6]&&p(i),j=[{class:b=C(i[5],i[7],i[6])+" "+i[11].class},{role:f=i[2]?"alert":"status"},i[9]],z={};for(let i=0;i<j.length;i+=1)z=a(z,j[i]);return{c(){t=c("div"),e=c("div"),I&&I.c(),n=r(),s=c("div"),s.innerHTML="<slot></slot>",g=r(),A&&A.c(),D=r(),y&&y.c(),this.c=l,m(s,"class","mc-notification__message"),m(e,"class","mc-notification__content"),M(t,z)},m(i,a){o(i,t,a),x(t,e),I&&I.m(e,null),x(e,n),x(e,s),x(e,g),A&&A.m(e,null),x(t,D),y&&y.m(t,null)},p(i,[o]){i[0]?I?I.p(i,o):(I=k(i),I.c(),I.m(e,n)):I&&(I.d(1),I=null),L===(L=h(i))&&A?A.p(i,o):(A&&A.d(1),A=L&&L(i),A&&(A.c(),A.m(e,null))),i[6]?y?y.p(i,o):(y=p(i),y.c(),y.m(t,null)):y&&(y.d(1),y=null),M(t,z=d(j,[2272&o&&b!==(b=C(i[5],i[7],i[6])+" "+i[11].class)&&{class:b},4&o&&f!==(f=i[2]?"alert":"status")&&{role:f},512&o&&i[9]]))},i:l,o:l,d(i){i&&w(t),I&&I.d(),A&&A.d(),y&&y.d()}}}function C(i,t,e){const o=["mc-notification"];return i&&o.push(`mc-notification--${i}`),t&&"m"!==t&&o.push(`mc-notification--${t}`),e&&o.push("mc-notification-closable"),o.join(" ")}function j(i,t,e){let o;const n=["title","titletag","alert","href","linkcontent","type","closable","size","hasfooter"];let s=g(t,n),{title:c}=t,{titletag:r="h3"}=t,{alert:l=!1}=t,{href:m}=t,{linkcontent:M}=t,{type:x}=t,{closable:d=!1}=t,{size:w="m"}=t,{hasfooter:b=!1}=t,f=new A;return i.$$set=i=>{e(11,t=a(a({},t),D(i))),e(13,s=g(t,n)),"title"in i&&e(0,c=i.title),"titletag"in i&&e(1,r=i.titletag),"alert"in i&&e(2,l=i.alert),"href"in i&&e(3,m=i.href),"linkcontent"in i&&e(4,M=i.linkcontent),"type"in i&&e(5,x=i.type),"closable"in i&&e(6,d=i.closable),"size"in i&&e(7,w=i.size),"hasfooter"in i&&e(8,b=i.hasfooter)},i.$$.update=()=>{e(9,o=Object.assign({},s)),512&i.$$.dirty&&delete o.class},t=D(t),[c,r,l,m,M,x,d,w,b,o,function(i){f.dispatch("close",i)},t]}class z extends i{constructor(i){super();const a=document.createElement("style");a.textContent='.mc-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:inherit;text-decoration:underline;-webkit-transition:color ease 200ms;-o-transition:color ease 200ms;transition:color ease 200ms;gap:0.25rem;color:#000000;position:relative;font-size:1rem;line-height:1.375}.mc-link:focus{outline:none}.mc-link:focus::after{-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-link.is-visited,.mc-link:visited{color:#333333}.mc-link.is-hover,.mc-link:hover{color:#666666}.mc-link.is-active,.mc-link:active{color:#333333}.mc-link.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--s{font-size:0.875rem;line-height:1.2857142857}.mc-link--m{font-size:1rem;line-height:1.375}.mc-link::after{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}.mc-link__icon{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light{color:#ffffff}.mc-link--light.is-visited,.mc-link--light:visited{color:#cccccc}.mc-link--light.is-hover,.mc-link--light:hover{color:#999999}.mc-link--light.is-active,.mc-link--light:active{color:#cccccc}.mc-link--light.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary{color:#ff5800}.mc-link--primary.is-visited,.mc-link--primary:visited{color:#ff5800}.mc-link--primary.is-hover,.mc-link--primary:hover{color:#b83f00}.mc-link--primary.is-active,.mc-link--primary:active{color:#ff5800}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#b83f00}.mc-link--primary-02.is-visited,.mc-link--primary-02:visited{color:#943300}.mc-link--primary-02.is-hover,.mc-link--primary-02:hover{color:#421700}.mc-link--primary-02.is-active,.mc-link--primary-02:active{color:#943300}.mc-link--primary-02.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--danger{color:#c61112}.mc-link--danger.is-visited,.mc-link--danger:visited{color:#8c0003}.mc-link--danger.is-hover,.mc-link--danger:hover{color:#530000}.mc-link--danger.is-active,.mc-link--danger:active{color:#8c0003}.mc-link--danger.is-disabled{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl{font-size:1rem;line-height:1.375}}.mc-notification{font-family:"LeroyMerlin", sans-serif;font-weight:400;border-radius:4px;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;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:1rem 1.5rem 1.5rem 1rem;background:#daeff7;-webkit-box-shadow:inset 0 0 0 1px #0b96cc;box-shadow:inset 0 0 0 1px #0b96cc;-webkit-box-sizing:border-box;box-sizing:border-box;color:#000000}.mc-notification::before{background-size:2rem;-webkit-box-flex:0;-ms-flex:0 0 2rem;flex:0 0 2rem;height:2rem;margin-right:1rem;width:2rem}.mc-notification .mc-notification__content{padding-top:0.25rem}.mc-notification::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iIzAwN2JiNCI+PHBhdGggZD0iTTE2LDI5QTEzLDEzLDAsMSwxLDI5LDE2LDEzLDEzLDAsMCwxLDE2LDI5Wk0xNiw1QTExLDExLDAsMSwwLDI3LDE2LDExLDExLDAsMCwwLDE2LDVaIi8+PHBhdGggZD0iTTE2LDIxLjdhMSwxLDAsMCwxLTEtMVYxNC44N2ExLDEsMCwxLDEsMiwwVjIwLjdBMSwxLDAsMCwxLDE2LDIxLjdaIi8+PGNpcmNsZSBjeD0iMTYiIGN5PSIxMS4zIiByPSIxIi8+PC9zdmc+")}.mc-notification::before{background-color:transparent;background-repeat:no-repeat;content:"";display:block}.mc-notification__content{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.mc-notification__title,.mc-notification__message{margin-bottom:0;margin-top:0}.mc-notification__title{font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:1rem;line-height:1.5}.mc-notification__message{font-size:0.875rem;line-height:1.5714285714}.mc-notification__footer{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:1rem}.mc-notification__link{font-size:0.875rem;line-height:1.2857142857;margin-top:0.5rem}.mc-notification--information{background:#daeff7;-webkit-box-shadow:inset 0 0 0 1px #0b96cc;box-shadow:inset 0 0 0 1px #0b96cc}.mc-notification--information::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iIzAwN2JiNCI+PHBhdGggZD0iTTE2LDI5QTEzLDEzLDAsMSwxLDI5LDE2LDEzLDEzLDAsMCwxLDE2LDI5Wk0xNiw1QTExLDExLDAsMSwwLDI3LDE2LDExLDExLDAsMCwwLDE2LDVaIi8+PHBhdGggZD0iTTE2LDIxLjdhMSwxLDAsMCwxLTEtMVYxNC44N2ExLDEsMCwxLDEsMiwwVjIwLjdBMSwxLDAsMCwxLDE2LDIxLjdaIi8+PGNpcmNsZSBjeD0iMTYiIGN5PSIxMS4zIiByPSIxIi8+PC9zdmc+")}.mc-notification--success{background:#ebf5de;-webkit-box-shadow:inset 0 0 0 1px #46a610;box-shadow:inset 0 0 0 1px #46a610}.mc-notification--success::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIGZpbGw9IiMxODg4MDMiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTE2LDVBMTEsMTEsMCwxLDEsNSwxNiwxMSwxMSwwLDAsMSwxNiw1bTAtMkExMywxMywwLDEsMCwyOSwxNiwxMywxMywwLDAsMCwxNiwzWiIvPjxwYXRoIGQ9Ik0xNC4yLDIxLjQ1LDguNSwxNi4xOGExLDEsMCwxLDEsMS4zNS0xLjQ3bDQuMjgsNCw4LTguMDlhMSwxLDAsMCwxLDEuNDIsMCwxLDEsMCwwLDEsMCwxLjQxWiIvPjwvc3ZnPg==")}.mc-notification--warning{background:#fdf1e8;-webkit-box-shadow:inset 0 0 0 1px #ea7315;box-shadow:inset 0 0 0 1px #ea7315}.mc-notification--warning::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iI2M2NTIwMCI+PHBhdGggZD0iTTE2LDI5QTEzLDEzLDAsMSwxLDI5LDE2LDEzLDEzLDAsMCwxLDE2LDI5Wk0xNiw1QTExLDExLDAsMSwwLDI3LDE2LDExLDExLDAsMCwwLDE2LDVaIi8+PHBhdGggZD0iTTE2LDE4LjEzYTEsMSwwLDAsMS0xLTFWMTEuM2ExLDEsMCwwLDEsMiwwdjUuODNBMSwxLDAsMCwxLDE2LDE4LjEzWiIvPjxjaXJjbGUgY3g9IjE2IiBjeT0iMjAuNyIgcj0iMSIvPjwvc3ZnPg==")}.mc-notification--danger{background:#fdeaea;-webkit-box-shadow:inset 0 0 0 1px #ea302d;box-shadow:inset 0 0 0 1px #ea302d}.mc-notification--danger::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iI2M2MTExMiI+PHBhdGggZD0iTTE2LDNBMTMsMTMsMCwxLDAsMjksMTYsMTMsMTMsMCwwLDAsMTYsM1ptMCwyNEExMSwxMSwwLDEsMSwyNywxNiwxMSwxMSwwLDAsMSwxNiwyN1oiLz48cGF0aCBkPSJNMjAuNzEsMTEuMjlhMSwxLDAsMCwwLTEuNDIsMEwxNiwxNC41OWwtMy4yOS0zLjNhMSwxLDAsMCwwLTEuNDIsMS40MkwxNC41OSwxNmwtMy4zLDMuMjlhMSwxLDAsMCwwLDAsMS40MiwxLDEsMCwwLDAsMS40MiwwTDE2LDE3LjQxbDMuMjksMy4zYTEsMSwwLDAsMCwxLjQyLDAsMSwxLDAsMCwwLDAtMS40MkwxNy40MSwxNmwzLjMtMy4yOUExLDEsMCwwLDAsMjAuNzEsMTEuMjlaIi8+PC9zdmc+")}.mc-notification--s{padding:0.75rem 0.75rem 1.5rem}.mc-notification--s::before{background-size:1.5rem;-webkit-box-flex:0;-ms-flex:0 0 1.5rem;flex:0 0 1.5rem;height:1.5rem;margin-right:0.5rem;width:1.5rem}.mc-notification--s .mc-notification__content{padding-top:0}.mc-notification--s::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiMwMDdiYjQiPjxwYXRoIGQ9Ik0xMiAyMmExMCAxMCAwIDExMTAtMTAgMTAgMTAgMCAwMS0xMCAxMHptMC0xOGE4IDggMCAxMDggOCA4IDggMCAwMC04LTh6Ii8+PHBhdGggZD0iTTEyIDE3YTEgMSAwIDAxLTEtMXYtNC4zOWExIDEgMCAwMTIgMFYxNmExIDEgMCAwMS0xIDF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSI4IiByPSIxIi8+PC9zdmc+")}.mc-notification--s.mc-notification--success::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiMxODg4MDMiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDExLTggOCA4IDggMCAwMTgtOG0wLTJhMTAgMTAgMCAxMDEwIDEwQTEwIDEwIDAgMDAxMiAyeiIvPjxwYXRoIGQ9Ik0xMC43MyAxNS43NWExIDEgMCAwMS0uNjgtLjI2bC0zLTIuNzRhMSAxIDAgMDExLjM2LTEuNDdsMi4yNSAyLjA4IDQuMzYtNC40MmExIDEgMCAxMTEuNDIgMS40MWwtNSA1LjFhMSAxIDAgMDEtLjcxLjN6Ii8+PC9zdmc+")}.mc-notification--s.mc-notification--warning::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjUyMDAiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTEyIDdhMSAxIDAgMDAtMSAxdjQuMzhhMSAxIDAgMDAyIDBWOGExIDEgMCAwMC0xLTF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNiIgcj0iMSIvPjwvc3ZnPg==")}.mc-notification--s.mc-notification--danger::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjExMTIiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTE2LjIxIDcuODhhMSAxIDAgMDAtMS40MiAwbC0yLjc0IDIuNzQtMi44NC0yLjgzYTEgMSAwIDEwLTEuNDIgMS40MkwxMC42MyAxMmwtMi43NyAyLjc5YTEgMSAwIDAwMS40MSAxLjQybDIuNzgtMi43NyAyLjY4IDIuNjhhMSAxIDAgMDAxLjQxLTEuNDJMMTMuNDYgMTJsMi43NS0yLjdhMSAxIDAgMDAwLTEuNDJ6Ii8+PC9zdmc+")}.mc-notification-closable{position:relative}.mc-notification-closable__close{position:relative;background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMwMDAwMDAiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTkuNDEgOGwzLjMtMy4yOWExIDEgMCAxMC0xLjQyLTEuNDJMOCA2LjU5bC0zLjI5LTMuM2ExIDEgMCAwMC0xLjQyIDEuNDJMNi41OSA4bC0zLjMgMy4yOWExIDEgMCAwMDAgMS40MiAxIDEgMCAwMDEuNDIgMEw4IDkuNDFsMy4yOSAzLjNhMSAxIDAgMDAxLjQyIDAgMSAxIDAgMDAwLTEuNDJ6Ii8+PC9zdmc+") no-repeat;background-size:1rem;border:0;cursor:pointer;display:block;height:1rem;padding:0;position:absolute;outline:0;right:1rem;top:1rem;width:1rem}.mc-notification-closable__close::after{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}.mc-notification-closable__close:focus::after{-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}@media screen and (min-width: 1024px){.mc-notification__footer{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}',this.shadowRoot.appendChild(a),t(this,{target:this.shadowRoot,props:e(this.attributes),customElement:!0},j,y,s,{title:0,titletag:1,alert:2,href:3,linkcontent:4,type:5,closable:6,size:7,hasfooter:8},null),i&&(i.target&&o(i.target,this,i.anchor),i.props&&(this.$set(i.props),n()))}static get observedAttributes(){return["title","titletag","alert","href","linkcontent","type","closable","size","hasfooter"]}get title(){return this.$$.ctx[0]}set title(i){this.$$set({title:i}),n()}get titletag(){return this.$$.ctx[1]}set titletag(i){this.$$set({titletag:i}),n()}get alert(){return this.$$.ctx[2]}set alert(i){this.$$set({alert:i}),n()}get href(){return this.$$.ctx[3]}set href(i){this.$$set({href:i}),n()}get linkcontent(){return this.$$.ctx[4]}set linkcontent(i){this.$$set({linkcontent:i}),n()}get type(){return this.$$.ctx[5]}set type(i){this.$$set({type:i}),n()}get closable(){return this.$$.ctx[6]}set closable(i){this.$$set({closable:i}),n()}get size(){return this.$$.ctx[7]}set size(i){this.$$set({size:i}),n()}get hasfooter(){return this.$$.ctx[8]}set hasfooter(i){this.$$set({hasfooter:i}),n()}}export{z as default};
|
|
1
|
+
import{S as i,i as t,a as e,b as o,f as n,s,c as a,e as c,d as r,n as l,g as m,h as M,j as x,m as d,o as w,p as g,q as D,K as b,l as f,Z as I,t as h,k as L}from"../../index-17a01ab4.js";import{E as A}from"../../EventHandler-316af043.js";function k(i){let t,e,n=`<${i[1]} class="mc-notification__title">${i[0]}</${i[1]}>`;return{c(){t=new I(!1),e=b(),t.a=e},m(i,s){t.m(n,i,s),o(i,e,s)},p(i,e){3&e&&n!==(n=`<${i[1]} class="mc-notification__title">${i[0]}</${i[1]}>`)&&t.p(n)},d(i){i&&w(e),i&&t.d()}}}function E(i){let t;return{c(){t=c("div"),t.innerHTML='<slot name="footer"></slot>',m(t,"class","mc-notification__footer")},m(i,e){o(i,t,e)},p:l,d(i){i&&w(t)}}}function u(i){let t,e,n;return{c(){t=c("div"),e=c("a"),n=h(i[4]),m(e,"class","mc-notification__link mc-link"),m(e,"href",i[3]),m(t,"class","mc-notification__footer")},m(i,s){o(i,t,s),x(t,e),x(e,n)},p(i,t){16&t&&L(n,i[4]),8&t&&m(e,"href",i[3])},d(i){i&&w(t)}}}function p(i){let t,e,n;return{c(){t=c("button"),m(t,"type","button"),m(t,"class","mc-notification-closable__close"),m(t,"title","Close")},m(s,a){o(s,t,a),e||(n=f(t,"click",i[10]),e=!0)},p:l,d(i){i&&w(t),e=!1,n()}}}function y(i){let t,e,n,s,g,D,b,f,I=i[0]&&k(i);function h(i,t){return i[3]&&i[4]?u:i[8]?E:void 0}let L=h(i),A=L&&L(i),y=i[6]&&p(i),j=[{class:b=C(i[5],i[7],i[6])+" "+i[11].class},{role:f=i[2]?"alert":"status"},i[9]],z={};for(let i=0;i<j.length;i+=1)z=a(z,j[i]);return{c(){t=c("div"),e=c("div"),I&&I.c(),n=r(),s=c("div"),s.innerHTML="<slot></slot>",g=r(),A&&A.c(),D=r(),y&&y.c(),this.c=l,m(s,"class","mc-notification__message"),m(e,"class","mc-notification__content"),M(t,z)},m(i,a){o(i,t,a),x(t,e),I&&I.m(e,null),x(e,n),x(e,s),x(e,g),A&&A.m(e,null),x(t,D),y&&y.m(t,null)},p(i,[o]){i[0]?I?I.p(i,o):(I=k(i),I.c(),I.m(e,n)):I&&(I.d(1),I=null),L===(L=h(i))&&A?A.p(i,o):(A&&A.d(1),A=L&&L(i),A&&(A.c(),A.m(e,null))),i[6]?y?y.p(i,o):(y=p(i),y.c(),y.m(t,null)):y&&(y.d(1),y=null),M(t,z=d(j,[2272&o&&b!==(b=C(i[5],i[7],i[6])+" "+i[11].class)&&{class:b},4&o&&f!==(f=i[2]?"alert":"status")&&{role:f},512&o&&i[9]]))},i:l,o:l,d(i){i&&w(t),I&&I.d(),A&&A.d(),y&&y.d()}}}function C(i,t,e){const o=["mc-notification"];return i&&o.push(`mc-notification--${i}`),t&&"m"!==t&&o.push(`mc-notification--${t}`),e&&o.push("mc-notification-closable"),o.join(" ")}function j(i,t,e){let o;const n=["title","titletag","alert","href","linkcontent","type","closable","size","hasfooter"];let s=g(t,n),{title:c}=t,{titletag:r="h3"}=t,{alert:l=!1}=t,{href:m}=t,{linkcontent:M}=t,{type:x}=t,{closable:d=!1}=t,{size:w="m"}=t,{hasfooter:b=!1}=t,f=new A;return i.$$set=i=>{e(11,t=a(a({},t),D(i))),e(13,s=g(t,n)),"title"in i&&e(0,c=i.title),"titletag"in i&&e(1,r=i.titletag),"alert"in i&&e(2,l=i.alert),"href"in i&&e(3,m=i.href),"linkcontent"in i&&e(4,M=i.linkcontent),"type"in i&&e(5,x=i.type),"closable"in i&&e(6,d=i.closable),"size"in i&&e(7,w=i.size),"hasfooter"in i&&e(8,b=i.hasfooter)},i.$$.update=()=>{e(9,o=Object.assign({},s)),512&i.$$.dirty&&delete o.class},t=D(t),[c,r,l,m,M,x,d,w,b,o,function(i){f.dispatch("close",i)},t]}class z extends i{constructor(i){super();const a=document.createElement("style");a.textContent='.mc-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:inherit;text-decoration:underline;-webkit-transition:color ease 200ms;-o-transition:color ease 200ms;transition:color ease 200ms;gap:0.25rem;color:#000000;position:relative;font-size:1rem;line-height:1.375}.mc-link:focus{outline:none}.mc-link:focus::after{-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-link.is-visited,.mc-link:visited{color:#333333}.mc-link.is-hover,.mc-link:hover{color:#666666}.mc-link.is-active,.mc-link:active{color:#333333}.mc-link.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--s{font-size:0.875rem;line-height:1.2857142857}.mc-link--m{font-size:1rem;line-height:1.375}.mc-link::after{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}.mc-link__icon{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light{color:#ffffff}.mc-link--light.is-visited,.mc-link--light:visited{color:#cccccc}.mc-link--light.is-hover,.mc-link--light:hover{color:#999999}.mc-link--light.is-active,.mc-link--light:active{color:#cccccc}.mc-link--light.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary{color:#ff5800}.mc-link--primary.is-visited,.mc-link--primary:visited{color:#ff5800}.mc-link--primary.is-hover,.mc-link--primary:hover{color:#b83f00}.mc-link--primary.is-active,.mc-link--primary:active{color:#ff5800}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#b83f00}.mc-link--primary-02.is-visited,.mc-link--primary-02:visited{color:#943300}.mc-link--primary-02.is-hover,.mc-link--primary-02:hover{color:#421700}.mc-link--primary-02.is-active,.mc-link--primary-02:active{color:#943300}.mc-link--primary-02.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--danger{color:#c61112}.mc-link--danger.is-visited,.mc-link--danger:visited{color:#8c0003}.mc-link--danger.is-hover,.mc-link--danger:hover{color:#530000}.mc-link--danger.is-active,.mc-link--danger:active{color:#8c0003}.mc-link--danger.is-disabled{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl{font-size:1rem;line-height:1.375}}.mc-notification{font-family:"LeroyMerlin", sans-serif;font-weight:400;border-radius:4px;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;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:1rem 1.5rem 1.5rem 1rem;background:#daeff7;-webkit-box-shadow:inset 0 0 0 1px #0b96cc;box-shadow:inset 0 0 0 1px #0b96cc;-webkit-box-sizing:border-box;box-sizing:border-box;color:#000000}.mc-notification::before{background-size:2rem;-webkit-box-flex:0;-ms-flex:0 0 2rem;flex:0 0 2rem;height:2rem;margin-right:1rem;width:2rem}.mc-notification .mc-notification__content{padding-top:0.25rem}.mc-notification::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iIzAwN2JiNCI+PHBhdGggZD0iTTE2LDI5QTEzLDEzLDAsMSwxLDI5LDE2LDEzLDEzLDAsMCwxLDE2LDI5Wk0xNiw1QTExLDExLDAsMSwwLDI3LDE2LDExLDExLDAsMCwwLDE2LDVaIi8+PHBhdGggZD0iTTE2LDIxLjdhMSwxLDAsMCwxLTEtMVYxNC44N2ExLDEsMCwxLDEsMiwwVjIwLjdBMSwxLDAsMCwxLDE2LDIxLjdaIi8+PGNpcmNsZSBjeD0iMTYiIGN5PSIxMS4zIiByPSIxIi8+PC9zdmc+")}.mc-notification::before{background-color:transparent;background-repeat:no-repeat;content:"";display:block}.mc-notification__content{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.mc-notification__title,.mc-notification__message{margin-bottom:0;margin-top:0}.mc-notification__title{font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:1rem;line-height:1.5}.mc-notification__message{font-size:0.875rem;line-height:1.5714285714}.mc-notification__footer{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:1rem}.mc-notification__link{font-size:0.875rem;line-height:1.2857142857;margin-top:0.5rem}.mc-notification--information{background:#daeff7;-webkit-box-shadow:inset 0 0 0 1px #0b96cc;box-shadow:inset 0 0 0 1px #0b96cc}.mc-notification--information::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iIzAwN2JiNCI+PHBhdGggZD0iTTE2LDI5QTEzLDEzLDAsMSwxLDI5LDE2LDEzLDEzLDAsMCwxLDE2LDI5Wk0xNiw1QTExLDExLDAsMSwwLDI3LDE2LDExLDExLDAsMCwwLDE2LDVaIi8+PHBhdGggZD0iTTE2LDIxLjdhMSwxLDAsMCwxLTEtMVYxNC44N2ExLDEsMCwxLDEsMiwwVjIwLjdBMSwxLDAsMCwxLDE2LDIxLjdaIi8+PGNpcmNsZSBjeD0iMTYiIGN5PSIxMS4zIiByPSIxIi8+PC9zdmc+")}.mc-notification--success{background:#ebf5de;-webkit-box-shadow:inset 0 0 0 1px #46a610;box-shadow:inset 0 0 0 1px #46a610}.mc-notification--success::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIGZpbGw9IiMxODg4MDMiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTE2LDVBMTEsMTEsMCwxLDEsNSwxNiwxMSwxMSwwLDAsMSwxNiw1bTAtMkExMywxMywwLDEsMCwyOSwxNiwxMywxMywwLDAsMCwxNiwzWiIvPjxwYXRoIGQ9Ik0xNC4yLDIxLjQ1LDguNSwxNi4xOGExLDEsMCwxLDEsMS4zNS0xLjQ3bDQuMjgsNCw4LTguMDlhMSwxLDAsMCwxLDEuNDIsMCwxLDEsMCwwLDEsMCwxLjQxWiIvPjwvc3ZnPg==")}.mc-notification--warning{background:#fdf1e8;-webkit-box-shadow:inset 0 0 0 1px #ea7315;box-shadow:inset 0 0 0 1px #ea7315}.mc-notification--warning::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iI2M2NTIwMCI+PHBhdGggZD0iTTE2LDI5QTEzLDEzLDAsMSwxLDI5LDE2LDEzLDEzLDAsMCwxLDE2LDI5Wk0xNiw1QTExLDExLDAsMSwwLDI3LDE2LDExLDExLDAsMCwwLDE2LDVaIi8+PHBhdGggZD0iTTE2LDE4LjEzYTEsMSwwLDAsMS0xLTFWMTEuM2ExLDEsMCwwLDEsMiwwdjUuODNBMSwxLDAsMCwxLDE2LDE4LjEzWiIvPjxjaXJjbGUgY3g9IjE2IiBjeT0iMjAuNyIgcj0iMSIvPjwvc3ZnPg==")}.mc-notification--danger{background:#fdeaea;-webkit-box-shadow:inset 0 0 0 1px #ea302d;box-shadow:inset 0 0 0 1px #ea302d}.mc-notification--danger::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iI2M2MTExMiI+PHBhdGggZD0iTTE2LDNBMTMsMTMsMCwxLDAsMjksMTYsMTMsMTMsMCwwLDAsMTYsM1ptMCwyNEExMSwxMSwwLDEsMSwyNywxNiwxMSwxMSwwLDAsMSwxNiwyN1oiLz48cGF0aCBkPSJNMjAuNzEsMTEuMjlhMSwxLDAsMCwwLTEuNDIsMEwxNiwxNC41OWwtMy4yOS0zLjNhMSwxLDAsMCwwLTEuNDIsMS40MkwxNC41OSwxNmwtMy4zLDMuMjlhMSwxLDAsMCwwLDAsMS40MiwxLDEsMCwwLDAsMS40MiwwTDE2LDE3LjQxbDMuMjksMy4zYTEsMSwwLDAsMCwxLjQyLDAsMSwxLDAsMCwwLDAtMS40MkwxNy40MSwxNmwzLjMtMy4yOUExLDEsMCwwLDAsMjAuNzEsMTEuMjlaIi8+PC9zdmc+")}.mc-notification--s{padding:0.75rem 0.75rem 1.5rem}.mc-notification--s::before{background-size:1.5rem;-webkit-box-flex:0;-ms-flex:0 0 1.5rem;flex:0 0 1.5rem;height:1.5rem;margin-right:0.5rem;width:1.5rem}.mc-notification--s .mc-notification__content{padding-top:0}.mc-notification--s::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiMwMDdiYjQiPjxwYXRoIGQ9Ik0xMiAyMmExMCAxMCAwIDExMTAtMTAgMTAgMTAgMCAwMS0xMCAxMHptMC0xOGE4IDggMCAxMDggOCA4IDggMCAwMC04LTh6Ii8+PHBhdGggZD0iTTEyIDE3YTEgMSAwIDAxLTEtMXYtNC4zOWExIDEgMCAwMTIgMFYxNmExIDEgMCAwMS0xIDF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSI4IiByPSIxIi8+PC9zdmc+")}.mc-notification--s.mc-notification--success::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiMxODg4MDMiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDExLTggOCA4IDggMCAwMTgtOG0wLTJhMTAgMTAgMCAxMDEwIDEwQTEwIDEwIDAgMDAxMiAyeiIvPjxwYXRoIGQ9Ik0xMC43MyAxNS43NWExIDEgMCAwMS0uNjgtLjI2bC0zLTIuNzRhMSAxIDAgMDExLjM2LTEuNDdsMi4yNSAyLjA4IDQuMzYtNC40MmExIDEgMCAxMTEuNDIgMS40MWwtNSA1LjFhMSAxIDAgMDEtLjcxLjN6Ii8+PC9zdmc+")}.mc-notification--s.mc-notification--warning::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjUyMDAiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTEyIDdhMSAxIDAgMDAtMSAxdjQuMzhhMSAxIDAgMDAyIDBWOGExIDEgMCAwMC0xLTF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNiIgcj0iMSIvPjwvc3ZnPg==")}.mc-notification--s.mc-notification--danger::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjExMTIiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTE2LjIxIDcuODhhMSAxIDAgMDAtMS40MiAwbC0yLjc0IDIuNzQtMi44NC0yLjgzYTEgMSAwIDEwLTEuNDIgMS40MkwxMC42MyAxMmwtMi43NyAyLjc5YTEgMSAwIDAwMS40MSAxLjQybDIuNzgtMi43NyAyLjY4IDIuNjhhMSAxIDAgMDAxLjQxLTEuNDJMMTMuNDYgMTJsMi43NS0yLjdhMSAxIDAgMDAwLTEuNDJ6Ii8+PC9zdmc+")}.mc-notification-closable{position:relative}.mc-notification-closable__close{position:relative;background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMwMDAwMDAiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTkuNDEgOGwzLjMtMy4yOWExIDEgMCAxMC0xLjQyLTEuNDJMOCA2LjU5bC0zLjI5LTMuM2ExIDEgMCAwMC0xLjQyIDEuNDJMNi41OSA4bC0zLjMgMy4yOWExIDEgMCAwMDAgMS40MiAxIDEgMCAwMDEuNDIgMEw4IDkuNDFsMy4yOSAzLjNhMSAxIDAgMDAxLjQyIDAgMSAxIDAgMDAwLTEuNDJ6Ii8+PC9zdmc+") no-repeat;background-size:1rem;border:0;cursor:pointer;display:block;height:1rem;padding:0;position:absolute;outline:0;right:1rem;top:1rem;width:1rem}.mc-notification-closable__close::after{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}.mc-notification-closable__close:focus::after{-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}@media screen and (min-width: 1024px){.mc-notification__footer{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}',this.shadowRoot.appendChild(a),t(this,{target:this.shadowRoot,props:e(this.attributes),customElement:!0},j,y,s,{title:0,titletag:1,alert:2,href:3,linkcontent:4,type:5,closable:6,size:7,hasfooter:8},null),i&&(i.target&&o(i.target,this,i.anchor),i.props&&(this.$set(i.props),n()))}static get observedAttributes(){return["title","titletag","alert","href","linkcontent","type","closable","size","hasfooter"]}get title(){return this.$$.ctx[0]}set title(i){this.$$set({title:i}),n()}get titletag(){return this.$$.ctx[1]}set titletag(i){this.$$set({titletag:i}),n()}get alert(){return this.$$.ctx[2]}set alert(i){this.$$set({alert:i}),n()}get href(){return this.$$.ctx[3]}set href(i){this.$$set({href:i}),n()}get linkcontent(){return this.$$.ctx[4]}set linkcontent(i){this.$$set({linkcontent:i}),n()}get type(){return this.$$.ctx[5]}set type(i){this.$$set({type:i}),n()}get closable(){return this.$$.ctx[6]}set closable(i){this.$$set({closable:i}),n()}get size(){return this.$$.ctx[7]}set size(i){this.$$set({size:i}),n()}get hasfooter(){return this.$$.ctx[8]}set hasfooter(i){this.$$set({hasfooter:i}),n()}}export{z as default};
|
|
2
2
|
//# sourceMappingURL=Notification.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{S as t,i as o,a as e,b as s,f as n,s as i,c as a,e as c,n as r,h as l,m as
|
|
1
|
+
import{S as t,i as o,a as e,b as s,f as n,s as i,c as a,e as c,n as r,h as l,m as d,o as b,J as p,p as u,r as h,q as f,d as m,t as x,g as w,z as g,j as k,B as _,l as y,k as $,H as j}from"../../index-17a01ab4.js";import{c as v}from"../../EventForward-c82e97d9.js";import{E}from"../../EventHandler-316af043.js";function C(t,o,e){const s=t.slice();return s[12]=o[e],s}function H(t){let o,e,n,i,a,r,l,d,p,u,h,f,v=t[12].label+"";function E(){return t[8](t[12])}return{c(){o=c("div"),e=c("input"),r=m(),l=c("label"),d=x(v),u=m(),w(e,"id",n=t[12].id),w(e,"type","radio"),w(e,"class","mc-option-button__input"),w(e,"name",i=t[12].name),e.checked=t[0],e.disabled=a=t[12].disabled,w(l,"for",p=t[12].id),w(l,"class","mc-option-button__label"),w(o,"class","mc-option-button"),g(o,"mc-option-button--full",t[12].fullwidth)},m(n,i){s(n,o,i),k(o,e),k(o,r),k(o,l),k(l,d),k(o,u),h||(f=[_(t[5].call(null,e)),y(e,"change",E)],h=!0)},p(s,c){t=s,16&c&&n!==(n=t[12].id)&&w(e,"id",n),16&c&&i!==(i=t[12].name)&&w(e,"name",i),1&c&&(e.checked=t[0]),16&c&&a!==(a=t[12].disabled)&&(e.disabled=a),16&c&&v!==(v=t[12].label+"")&&$(d,v),16&c&&p!==(p=t[12].id)&&w(l,"for",p),16&c&&g(o,"mc-option-button--full",t[12].fullwidth)},d(t){t&&b(o),h=!1,j(f)}}}function J(t){let o,e,n,i=t[4],u=[];for(let o=0;o<i.length;o+=1)u[o]=H(C(t,i,o));let h=[{class:e="mc-option-group "+t[3]},t[2],{style:n=`justify-content:${t[1]}`}],f={};for(let t=0;t<h.length;t+=1)f=a(f,h[t]);return{c(){o=c("div");for(let t=0;t<u.length;t+=1)u[t].c();this.c=r,l(o,f)},m(t,e){s(t,o,e);for(let t=0;t<u.length;t+=1)u[t]&&u[t].m(o,null)},p(t,[s]){if(81&s){let e;for(i=t[4],e=0;e<i.length;e+=1){const n=C(t,i,e);u[e]?u[e].p(n,s):(u[e]=H(n),u[e].c(),u[e].m(o,null))}for(;e<u.length;e+=1)u[e].d(1);u.length=i.length}l(o,f=d(h,[8&s&&e!==(e="mc-option-group "+t[3])&&{class:e},4&s&&t[2],2&s&&n!==(n=`justify-content:${t[1]}`)&&{style:n}]))},i:r,o:r,d(t){t&&b(o),p(u,t)}}}function O(t,o,e){let s,n,i;const c=["checked","options","justifycontent"];let r=u(o,c),{checked:l}=o,{options:d}=o,{justifycontent:b="space-between"}=o,p=new E;const m=v(h());function x(t){t.checked=!t.checked,p.dispatch("change",t)}return t.$$set=t=>{e(11,o=a(a({},o),f(t))),e(10,r=u(o,c)),"checked"in t&&e(0,l=t.checked),"options"in t&&e(7,d=t.options),"justifycontent"in t&&e(1,b=t.justifycontent)},t.$$.update=()=>{128&t.$$.dirty&&e(4,s=d?JSON.parse(d):[]),e(3,n=o.class),e(2,i=Object.assign({},r)),4&t.$$.dirty&&delete i.class},o=f(o),[l,b,i,n,s,m,x,d,t=>x(t)]}class R extends t{constructor(t){super();const a=document.createElement("style");a.textContent='.mc-option-button{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center}.mc-option-button__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-option-button__input:hover+.mc-option-button__label{-webkit-box-shadow:0 0 0 2px #333333;box-shadow:0 0 0 2px #333333}.mc-option-button__input:checked+.mc-option-button__label{border-color:#4d5bf5;-webkit-box-shadow:0 0 0 0.25rem #e5e7fa;box-shadow:0 0 0 0.25rem #e5e7fa}.mc-option-button__input:focus+.mc-option-button__label::after{-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-option-button__input:disabled+.mc-option-button__label{cursor:not-allowed;background-color:#cccccc;color:#666666;-webkit-box-shadow:none;box-shadow:none}.mc-option-button__label{font-family:"LeroyMerlin", sans-serif;font-weight:600;position:relative;padding:1.5625rem 2rem;border-radius:4px;-webkit-box-shadow:0 0 0 1px #b3b3b3;box-shadow:0 0 0 1px #b3b3b3;border:2px solid transparent;cursor:pointer;position:relative}.mc-option-button__label::after{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;border-radius:6px;top:-0.25rem;right:-0.25rem;bottom:-0.25rem;left:-0.25rem}.mc-option-button--full .mc-option-button__label{width:100%}.mc-option-group{display:-webkit-box;display:-ms-flexbox;display:flex}',this.shadowRoot.appendChild(a),o(this,{target:this.shadowRoot,props:e(this.attributes),customElement:!0},O,J,i,{checked:0,options:7,justifycontent:1},null),t&&(t.target&&s(t.target,this,t.anchor),t.props&&(this.$set(t.props),n()))}static get observedAttributes(){return["checked","options","justifycontent"]}get checked(){return this.$$.ctx[0]}set checked(t){this.$$set({checked:t}),n()}get options(){return this.$$.ctx[7]}set options(t){this.$$set({options:t}),n()}get justifycontent(){return this.$$.ctx[1]}set justifycontent(t){this.$$set({justifycontent:t}),n()}}export{R as default};
|
|
2
2
|
//# sourceMappingURL=OptionButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OptionButton.js","sources":["../../../../src/components/optionbutton/OptionButton.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { get_current_component } from 'svelte/internal';\n import { createEventForwarder } from '../../utilities/EventForward';\n import { EventHandler } from '../../utilities/EventHandler';\n import type { OptionItems } from './optionbutton.types';\n export let checked: boolean;\n export let options: string;\n $: parsedOptions = options ? (JSON.parse(options) as OptionItems[]) : [];\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n let eventHandler = new EventHandler();\n const forwardEvents = createEventForwarder(get_current_component());\n\n function handleChange(option: OptionItems): void {\n option.checked = !option.checked;\n eventHandler.dispatch('change', option);\n }\n</script>\n\n<div
|
|
1
|
+
{"version":3,"file":"OptionButton.js","sources":["../../../../src/components/optionbutton/OptionButton.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { get_current_component } from 'svelte/internal';\n import { createEventForwarder } from '../../utilities/EventForward';\n import { EventHandler } from '../../utilities/EventHandler';\n import type { OptionItems } from './optionbutton.types';\n export let checked: boolean;\n export let options: string;\n export let justifycontent = 'space-between';\n $: parsedOptions = options ? (JSON.parse(options) as OptionItems[]) : [];\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n let eventHandler = new EventHandler();\n const forwardEvents = createEventForwarder(get_current_component());\n\n function handleChange(option: OptionItems): void {\n option.checked = !option.checked;\n eventHandler.dispatch('change', option);\n }\n</script>\n\n<div\n class=\"mc-option-group {userClass}\"\n {...attributes}\n style={`justify-content:${justifycontent}`}\n>\n {#each parsedOptions as option}\n <div\n class=\"mc-option-button\"\n class:mc-option-button--full={option.fullwidth}\n >\n <input\n use:forwardEvents\n id={option.id}\n type=\"radio\"\n class=\"mc-option-button__input\"\n name={option.name}\n {checked}\n disabled={option.disabled}\n on:change={() => handleChange(option)}\n />\n <label for={option.id} class=\"mc-option-button__label\">\n {option.label}\n </label>\n </div>\n {/each}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.option-button';\n\n .mc-option-group {\n display: flex;\n }\n</style>\n"],"names":["t1_value","ctx","label","attr","input","input_id_value","id","input_name_value","name","disabled","input_disabled_value","label_for_value","toggle_class","div","fullwidth","insert","target","anchor","append","dirty","set_data","t1","length","i","class","div_class_value","style","div_style_value","checked","$$props","options","justifycontent","eventHandler","EventHandler","forwardEvents","createEventForwarder","get_current_component","handleChange","option","dispatch","$$invalidate","parsedOptions","JSON","parse","userClass","attributes","Object","assign","$$restProps"],"mappings":"uZA6CSA,EAAAC,MAAOC,MAAK,sGATTC,EAAAC,EAAA,KAAAC,EAAAJ,MAAOK,+DAGLH,EAAAC,EAAA,OAAAG,EAAAN,MAAOO,qBAEHJ,EAAAK,SAAAC,EAAAT,MAAOQ,SAGPN,EAAAD,EAAA,MAAAS,EAAAV,MAAOK,2EAZWM,EAAAC,EAAA,yBAAAZ,MAAOa,mBAFvCC,EAiBKC,EAAAH,EAAAI,GAbHC,EASCL,EAAAT,UACDc,EAEOL,EAAAX,gFAVD,GAAAiB,GAAAd,KAAAA,EAAAJ,MAAOK,iBAGL,GAAAa,GAAAZ,KAAAA,EAAAN,MAAOO,2CAEH,GAAAW,GAAAT,KAAAA,EAAAT,MAAOQ,0BAIhB,GAAAU,GAAAnB,KAAAA,EAAAC,MAAOC,MAAK,KAAAkB,EAAAC,EAAArB,GADH,GAAAmB,GAAAR,KAAAA,EAAAV,MAAOK,wBAZWM,EAAAC,EAAA,yBAAAZ,MAAOa,+DAHlCb,EAAa,wBAAlBqB,OAAIC,GAAA,sDAJkBtB,EAAS,IAC7BA,EAAU,+BACYA,EAAc,uIAH1Cc,EAyBKC,EAAAH,EAAAI,mFApBIhB,EAAa,WAAlBqB,OAAIC,GAAA,EAAA,iHAAJD,iDAJsBrB,EAAS,KAAA,CAAAuB,MAAAC,QAC7BxB,EAAU,kCACYA,EAAc,OAAA,CAAAyB,MAAAC,sIApB7BC,GAAgBC,WAChBC,GAAeD,GACfE,eAAAA,EAAiB,iBAAeF,EAMvCG,MAAmBC,QACjBC,EAAgBC,EAAqBC,KAElC,SAAAC,EAAaC,GACpBA,EAAOV,SAAWU,EAAOV,QACzBI,EAAaO,SAAS,SAAUD,6MAVjCE,EAAA,EAAEC,EAAgBX,EAAWY,KAAKC,MAAMb,GAAO,IAC7CU,EAAA,EAAAI,EAAYf,EAAQL,WACpBqB,EAALC,OAAAC,UAAuBC,yBACXH,EAAWrB,+BA6BEc,GAAAD,EAAaC"}
|