@mozaic-ds/web-components 0.17.1 → 0.18.0-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/public/EventForward-e61ea03d.js +2 -0
- package/public/{EventForward-24fc0272.js.map → EventForward-e61ea03d.js.map} +1 -1
- package/public/adeo/EventForward-e61ea03d.js +2 -0
- package/public/{bricoman/EventForward-24fc0272.js.map → adeo/EventForward-e61ea03d.js.map} +1 -1
- package/public/adeo/components/accordion/Accordion.js +1 -1
- package/public/adeo/components/accordion/Accordion.js.map +1 -1
- package/public/adeo/components/accordion/Accordion.svelte +12 -6
- package/public/adeo/components/actionbar/ActionBar.js +1 -1
- package/public/adeo/components/actionbar/ActionBar.js.map +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/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/badge/Badge.nested.js.map +1 -1
- package/public/adeo/components/bottombar/BottomBar.js +1 -1
- package/public/adeo/components/breadcrumb/Breadcrumb.js +1 -1
- package/public/adeo/components/breadcrumb/Breadcrumb.js.map +1 -1
- package/public/adeo/components/breadcrumb/Breadcrumb.nested.js +1 -1
- package/public/adeo/components/breadcrumb/Breadcrumb.nested.js.map +1 -1
- package/public/adeo/components/button/Button.js +1 -1
- package/public/adeo/components/button/Button.js.map +1 -1
- package/public/adeo/components/button/Button.nested.js +1 -1
- package/public/adeo/components/button/Button.nested.js.map +1 -1
- package/public/adeo/components/button/Button.nested.svelte +14 -8
- package/public/adeo/components/button/Button.svelte +15 -9
- package/public/adeo/components/button/ButtonSlot.js +1 -1
- package/public/adeo/components/button/ButtonSlot.js.map +1 -1
- package/public/adeo/components/buttonslot/ButtonSlot.svelte +1 -1
- package/public/adeo/components/card/Card.js +1 -1
- package/public/adeo/components/card/Card.js.map +1 -1
- package/public/adeo/components/card/Card.svelte +6 -2
- package/public/adeo/components/carousel/Carousel.js +1 -1
- package/public/adeo/components/carousel/Carousel.js.map +1 -1
- package/public/adeo/components/carousel/Carousel.svelte +1 -1
- package/public/adeo/components/carousel/CarouselCard.nested.js +1 -1
- package/public/adeo/components/carousel/CarouselCard.nested.js.map +1 -1
- package/public/adeo/components/carousel/carousel.types.d.ts.map +1 -1
- package/public/adeo/components/chart/BarChart.js +1 -1
- package/public/adeo/components/chart/BarChart.js.map +1 -1
- package/public/adeo/components/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/GroupedBarChart.js.map +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/chart/StackedBarChart.js.map +1 -1
- package/public/adeo/components/checkbox/Checkbox.js +1 -1
- package/public/adeo/components/checkboxgroup/checkboxGroup.js +1 -1
- package/public/adeo/components/checkboxgroup/checkboxGroup.js.map +1 -1
- package/public/adeo/components/datatable/DataTable.js +1 -1
- package/public/adeo/components/datatable/DataTable.js.map +1 -1
- package/public/adeo/components/datatable/DataTable.svelte +11 -1
- package/public/adeo/components/datatable/data.d.ts.map +1 -1
- package/public/adeo/components/datatable/datatable-default-action.nested.js +1 -1
- package/public/adeo/components/datatable/datatable-default-action.nested.js.map +1 -1
- package/public/adeo/components/datatable/datatable-default-edtion.nested.js +1 -1
- package/public/adeo/components/datatable/datatable-default-edtion.nested.js.map +1 -1
- package/public/adeo/components/datatable/datatable-default-edtion.nested.svelte +6 -6
- package/public/adeo/components/datatable/datatable-default-filter-tags.nested.js +1 -1
- package/public/adeo/components/datatable/datatable-default-filter-tags.nested.js.map +1 -1
- package/public/adeo/components/datatable/datatable-default-filter-tags.nested.svelte +51 -22
- package/public/adeo/components/datatable/datatable-default-footer.nested.js +1 -1
- package/public/adeo/components/datatable/datatable-default-selection-label.nested.js +1 -1
- package/public/adeo/components/datatable/datatable-default-selection.nested.js +1 -1
- package/public/adeo/components/datatable/datatable-default-selection.nested.js.map +1 -1
- package/public/adeo/components/datatable/datatable.types.d.ts +8 -3
- package/public/adeo/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/adeo/components/dropdown/Dropdown.js +1 -1
- package/public/adeo/components/dropdown/Dropdown.js.map +1 -1
- package/public/adeo/components/field/Field.js +1 -1
- package/public/adeo/components/fileuploader/FileUploader.js +1 -1
- package/public/adeo/components/fileuploader/FileUploader.js.map +1 -1
- package/public/adeo/components/fileuploader/fileuploader-result.js +1 -1
- package/public/adeo/components/fileuploader/fileuploader-result.nested.js +1 -1
- package/public/adeo/components/flag/Flag.js +1 -1
- package/public/adeo/components/flag/Flag.js.map +1 -1
- package/public/adeo/components/header/Header.js +1 -1
- package/public/adeo/components/header/Header.js.map +1 -1
- package/public/adeo/components/header/_c.header.scss +1 -1
- package/public/adeo/components/hero/Hero.js +1 -1
- package/public/adeo/components/hero/Hero.js.map +1 -1
- package/public/adeo/components/kpi/Kpi.js +1 -1
- package/public/adeo/components/kpi/Kpi.js.map +1 -1
- package/public/adeo/components/kpi/Kpi.svelte +6 -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 +5 -0
- package/public/adeo/components/link/Link.js +1 -1
- package/public/adeo/components/link/Link.js.map +1 -1
- package/public/adeo/components/link/Link.nested.js +1 -1
- package/public/adeo/components/link/Link.nested.js.map +1 -1
- package/public/adeo/components/link/Link.nested.svelte +12 -4
- package/public/adeo/components/link/Link.svelte +12 -4
- package/public/adeo/components/listbox/Listbox.js +1 -1
- package/public/adeo/components/listbox/Listbox.js.map +1 -1
- package/public/adeo/components/listbox/Listbox.nested.js +1 -1
- package/public/adeo/components/listbox/Listbox.nested.js.map +1 -1
- package/public/adeo/components/loader/Loader.js +1 -1
- package/public/adeo/components/loader/Loader.nested.js +1 -1
- package/public/adeo/components/loader/Loader.nested.js.map +1 -1
- package/public/adeo/components/menu/Menu.js +1 -1
- package/public/adeo/components/modal/Modal.js +1 -1
- package/public/adeo/components/notification/Notification.js +1 -1
- package/public/adeo/components/notification/Notification.js.map +1 -1
- package/public/adeo/components/notification/Notification.svelte +3 -1
- package/public/adeo/components/optionbutton/OptionButton.js +1 -1
- 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/pagination/Pagination.js.map +1 -1
- package/public/adeo/components/passwordinput/PasswordInput.js +1 -1
- package/public/adeo/components/passwordinput/PasswordInput.js.map +1 -1
- package/public/adeo/components/passwordinput/PasswordInput.svelte +4 -0
- package/public/adeo/components/phonenumber/PhoneNumber.js +1 -1
- package/public/adeo/components/phonenumber/PhoneNumber.js.map +1 -1
- package/public/adeo/components/phonenumber/PhoneNumber.svelte +4 -0
- 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/progressbar/ProgressBar.js.map +1 -1
- package/public/adeo/components/quantityselector/QuantitySelector.js +1 -1
- package/public/adeo/components/quantityselector/QuantitySelector.js.map +1 -1
- package/public/adeo/components/quantityselector/QuantitySelector.svelte +4 -0
- package/public/adeo/components/radio/Radio.js +1 -1
- package/public/adeo/components/radio/Radio.js.map +1 -1
- package/public/adeo/components/radio/Radio.svelte +3 -1
- package/public/adeo/components/radiogroup/RadioGroup.js +1 -1
- package/public/adeo/components/radiogroup/RadioGroup.js.map +1 -1
- package/public/adeo/components/ratings/StarsInput.js +1 -1
- package/public/adeo/components/ratings/StarsResult.js +1 -1
- package/public/adeo/components/segmentedcontrol/SegmentedControl.js +1 -1
- package/public/adeo/components/select/Select.js +1 -1
- package/public/adeo/components/sidebar/Sidebar.js +1 -1
- package/public/adeo/components/sidebar/sidebar-feature-group.nested.js +1 -1
- package/public/adeo/components/sidebar/sidebar-feature-group.nested.js.map +1 -1
- package/public/adeo/components/sidebar/sidebar-feature-group.nested.svelte +5 -0
- 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-segment.nested.js +1 -1
- package/public/adeo/components/sidebar/sidebar-segment.nested.js.map +1 -1
- package/public/adeo/components/sidebar/sidebar-segment.nested.svelte +5 -0
- package/public/adeo/components/sidebar/sidebar-separator.nested.js +1 -1
- package/public/adeo/components/sidebar/sidebar-sub-features.nested.js +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/stepper/Stepper.js +1 -1
- package/public/adeo/components/stepper/Stepper.js.map +1 -1
- package/public/adeo/components/stepperbar/StepperBar.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/tabs/Tabs.nested.js.map +1 -1
- package/public/adeo/components/tag/Tag.js +1 -1
- package/public/adeo/components/tag/Tag.js.map +1 -1
- package/public/adeo/components/tag/Tag.nested.js +1 -1
- package/public/adeo/components/tag/Tag.nested.js.map +1 -1
- package/public/adeo/components/tag/Tag.nested.svelte +0 -1
- package/public/adeo/components/taglist/TagList.js +1 -1
- package/public/adeo/components/taglist/TagList.js.map +1 -1
- package/public/adeo/components/textarea/Textarea.js +1 -1
- package/public/adeo/components/textarea/Textarea.js.map +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.nested.js.map +1 -1
- package/public/adeo/components/textinput/Textinput.nested.svelte +6 -1
- package/public/adeo/components/textinput/Textinput.svelte +7 -2
- package/public/adeo/components/toggle/Toggle.js +1 -1
- package/public/adeo/components/toggle/Toggle.js.map +1 -1
- package/public/adeo/components/tooltip/Tooltip.js +1 -1
- package/public/adeo/components/tooltip/Tooltip.js.map +1 -1
- package/public/adeo/index-d12e76e8.js +2 -0
- package/public/adeo/{index-9ffad6d0.js.map → index-d12e76e8.js.map} +1 -1
- package/public/adeo/{sidebar-service-ab65d83f.js → sidebar-service-be26885e.js} +2 -2
- package/public/adeo/{sidebar-service-ab65d83f.js.map → sidebar-service-be26885e.js.map} +1 -1
- package/public/adeo/utilities/components/carousel/carousel.types.d.ts.map +1 -1
- package/public/adeo/utilities/components/datatable/data.d.ts.map +1 -1
- package/public/adeo/utilities/components/datatable/datatable.types.d.ts +8 -3
- package/public/adeo/utilities/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/adeo/utilities/stories/datatable/DataTable.stories.d.ts.map +1 -1
- package/public/bricoman/EventForward-e61ea03d.js +2 -0
- package/public/{adeo/EventForward-24fc0272.js.map → bricoman/EventForward-e61ea03d.js.map} +1 -1
- package/public/bricoman/components/accordion/Accordion.js +1 -1
- package/public/bricoman/components/accordion/Accordion.js.map +1 -1
- package/public/bricoman/components/accordion/Accordion.svelte +12 -6
- package/public/bricoman/components/actionbar/ActionBar.js +1 -1
- package/public/bricoman/components/actionbar/ActionBar.js.map +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/badge/Badge.js +1 -1
- package/public/bricoman/components/badge/Badge.js.map +1 -1
- package/public/bricoman/components/badge/Badge.nested.js +1 -1
- package/public/bricoman/components/badge/Badge.nested.js.map +1 -1
- package/public/bricoman/components/bottombar/BottomBar.js +1 -1
- package/public/bricoman/components/breadcrumb/Breadcrumb.js +1 -1
- package/public/bricoman/components/breadcrumb/Breadcrumb.js.map +1 -1
- package/public/bricoman/components/breadcrumb/Breadcrumb.nested.js +1 -1
- package/public/bricoman/components/breadcrumb/Breadcrumb.nested.js.map +1 -1
- package/public/bricoman/components/button/Button.js +1 -1
- package/public/bricoman/components/button/Button.js.map +1 -1
- package/public/bricoman/components/button/Button.nested.js +1 -1
- package/public/bricoman/components/button/Button.nested.js.map +1 -1
- package/public/bricoman/components/button/Button.nested.svelte +14 -8
- package/public/bricoman/components/button/Button.svelte +15 -9
- package/public/bricoman/components/button/ButtonSlot.js +1 -1
- package/public/bricoman/components/button/ButtonSlot.js.map +1 -1
- package/public/bricoman/components/buttonslot/ButtonSlot.svelte +1 -1
- package/public/bricoman/components/card/Card.js +1 -1
- package/public/bricoman/components/card/Card.js.map +1 -1
- package/public/bricoman/components/card/Card.svelte +6 -2
- package/public/bricoman/components/carousel/Carousel.js +1 -1
- package/public/bricoman/components/carousel/Carousel.js.map +1 -1
- package/public/bricoman/components/carousel/Carousel.svelte +1 -1
- package/public/bricoman/components/carousel/CarouselCard.nested.js +1 -1
- package/public/bricoman/components/carousel/CarouselCard.nested.js.map +1 -1
- package/public/bricoman/components/carousel/carousel.types.d.ts.map +1 -1
- package/public/bricoman/components/chart/BarChart.js +1 -1
- package/public/bricoman/components/chart/BarChart.js.map +1 -1
- package/public/bricoman/components/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/GroupedBarChart.js.map +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/chart/StackedBarChart.js.map +1 -1
- package/public/bricoman/components/checkbox/Checkbox.js +1 -1
- package/public/bricoman/components/checkboxgroup/checkboxGroup.js +1 -1
- package/public/bricoman/components/checkboxgroup/checkboxGroup.js.map +1 -1
- package/public/bricoman/components/datatable/DataTable.js +1 -1
- package/public/bricoman/components/datatable/DataTable.js.map +1 -1
- package/public/bricoman/components/datatable/DataTable.svelte +11 -1
- package/public/bricoman/components/datatable/data.d.ts.map +1 -1
- package/public/bricoman/components/datatable/datatable-default-action.nested.js +1 -1
- package/public/bricoman/components/datatable/datatable-default-action.nested.js.map +1 -1
- package/public/bricoman/components/datatable/datatable-default-edtion.nested.js +1 -1
- package/public/bricoman/components/datatable/datatable-default-edtion.nested.js.map +1 -1
- package/public/bricoman/components/datatable/datatable-default-edtion.nested.svelte +6 -6
- package/public/bricoman/components/datatable/datatable-default-filter-tags.nested.js +1 -1
- package/public/bricoman/components/datatable/datatable-default-filter-tags.nested.js.map +1 -1
- package/public/bricoman/components/datatable/datatable-default-filter-tags.nested.svelte +51 -22
- package/public/bricoman/components/datatable/datatable-default-footer.nested.js +1 -1
- package/public/bricoman/components/datatable/datatable-default-selection-label.nested.js +1 -1
- package/public/bricoman/components/datatable/datatable-default-selection.nested.js +1 -1
- package/public/bricoman/components/datatable/datatable-default-selection.nested.js.map +1 -1
- package/public/bricoman/components/datatable/datatable.types.d.ts +8 -3
- package/public/bricoman/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/bricoman/components/dropdown/Dropdown.js +1 -1
- package/public/bricoman/components/dropdown/Dropdown.js.map +1 -1
- package/public/bricoman/components/field/Field.js +1 -1
- package/public/bricoman/components/fileuploader/FileUploader.js +1 -1
- package/public/bricoman/components/fileuploader/FileUploader.js.map +1 -1
- package/public/bricoman/components/fileuploader/fileuploader-result.js +1 -1
- package/public/bricoman/components/fileuploader/fileuploader-result.nested.js +1 -1
- package/public/bricoman/components/flag/Flag.js +1 -1
- package/public/bricoman/components/flag/Flag.js.map +1 -1
- package/public/bricoman/components/header/Header.js +1 -1
- package/public/bricoman/components/header/Header.js.map +1 -1
- package/public/bricoman/components/header/_c.header.scss +1 -1
- package/public/bricoman/components/hero/Hero.js +1 -1
- package/public/bricoman/components/hero/Hero.js.map +1 -1
- package/public/bricoman/components/kpi/Kpi.js +1 -1
- package/public/bricoman/components/kpi/Kpi.js.map +1 -1
- package/public/bricoman/components/kpi/Kpi.svelte +6 -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 +5 -0
- package/public/bricoman/components/link/Link.js +1 -1
- package/public/bricoman/components/link/Link.js.map +1 -1
- package/public/bricoman/components/link/Link.nested.js +1 -1
- package/public/bricoman/components/link/Link.nested.js.map +1 -1
- package/public/bricoman/components/link/Link.nested.svelte +12 -4
- package/public/bricoman/components/link/Link.svelte +12 -4
- package/public/bricoman/components/listbox/Listbox.js +1 -1
- package/public/bricoman/components/listbox/Listbox.js.map +1 -1
- package/public/bricoman/components/listbox/Listbox.nested.js +1 -1
- package/public/bricoman/components/listbox/Listbox.nested.js.map +1 -1
- package/public/bricoman/components/loader/Loader.js +1 -1
- package/public/bricoman/components/loader/Loader.nested.js +1 -1
- package/public/bricoman/components/menu/Menu.js +1 -1
- package/public/bricoman/components/modal/Modal.js +1 -1
- package/public/bricoman/components/notification/Notification.js +1 -1
- package/public/bricoman/components/notification/Notification.js.map +1 -1
- package/public/bricoman/components/notification/Notification.svelte +3 -1
- package/public/bricoman/components/optionbutton/OptionButton.js +1 -1
- 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/pagination/Pagination.js.map +1 -1
- package/public/bricoman/components/passwordinput/PasswordInput.js +1 -1
- package/public/bricoman/components/passwordinput/PasswordInput.js.map +1 -1
- package/public/bricoman/components/passwordinput/PasswordInput.svelte +4 -0
- package/public/bricoman/components/phonenumber/PhoneNumber.js +1 -1
- package/public/bricoman/components/phonenumber/PhoneNumber.js.map +1 -1
- package/public/bricoman/components/phonenumber/PhoneNumber.svelte +4 -0
- 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/progressbar/ProgressBar.js.map +1 -1
- package/public/bricoman/components/quantityselector/QuantitySelector.js +1 -1
- package/public/bricoman/components/quantityselector/QuantitySelector.js.map +1 -1
- package/public/bricoman/components/quantityselector/QuantitySelector.svelte +4 -0
- package/public/bricoman/components/radio/Radio.js +1 -1
- package/public/bricoman/components/radio/Radio.js.map +1 -1
- package/public/bricoman/components/radio/Radio.svelte +3 -1
- package/public/bricoman/components/radiogroup/RadioGroup.js +1 -1
- package/public/bricoman/components/radiogroup/RadioGroup.js.map +1 -1
- package/public/bricoman/components/ratings/StarsInput.js +1 -1
- package/public/bricoman/components/ratings/StarsResult.js +1 -1
- package/public/bricoman/components/segmentedcontrol/SegmentedControl.js +1 -1
- package/public/bricoman/components/select/Select.js +1 -1
- package/public/bricoman/components/sidebar/Sidebar.js +1 -1
- package/public/bricoman/components/sidebar/sidebar-feature-group.nested.js +1 -1
- package/public/bricoman/components/sidebar/sidebar-feature-group.nested.js.map +1 -1
- package/public/bricoman/components/sidebar/sidebar-feature-group.nested.svelte +5 -0
- 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-segment.nested.js +1 -1
- package/public/bricoman/components/sidebar/sidebar-segment.nested.js.map +1 -1
- package/public/bricoman/components/sidebar/sidebar-segment.nested.svelte +5 -0
- package/public/bricoman/components/sidebar/sidebar-separator.nested.js +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/stepper/Stepper.js +1 -1
- package/public/bricoman/components/stepper/Stepper.js.map +1 -1
- package/public/bricoman/components/stepperbar/StepperBar.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 +0 -1
- package/public/bricoman/components/taglist/TagList.js +1 -1
- package/public/bricoman/components/taglist/TagList.js.map +1 -1
- package/public/bricoman/components/textarea/Textarea.js +1 -1
- package/public/bricoman/components/textarea/Textarea.js.map +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.nested.js.map +1 -1
- package/public/bricoman/components/textinput/Textinput.nested.svelte +6 -1
- package/public/bricoman/components/textinput/Textinput.svelte +7 -2
- package/public/bricoman/components/toggle/Toggle.js +1 -1
- package/public/bricoman/components/toggle/Toggle.js.map +1 -1
- package/public/bricoman/components/tooltip/Tooltip.js +1 -1
- package/public/bricoman/components/tooltip/Tooltip.js.map +1 -1
- package/public/bricoman/index-d12e76e8.js +2 -0
- package/public/bricoman/{index-9ffad6d0.js.map → index-d12e76e8.js.map} +1 -1
- package/public/bricoman/{sidebar-service-ab65d83f.js → sidebar-service-be26885e.js} +2 -2
- package/public/bricoman/{sidebar-service-ab65d83f.js.map → sidebar-service-be26885e.js.map} +1 -1
- package/public/bricoman/utilities/components/carousel/carousel.types.d.ts.map +1 -1
- package/public/bricoman/utilities/components/datatable/data.d.ts.map +1 -1
- package/public/bricoman/utilities/components/datatable/datatable.types.d.ts +8 -3
- package/public/bricoman/utilities/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/bricoman/utilities/stories/datatable/DataTable.stories.d.ts.map +1 -1
- package/public/components/accordion/Accordion.js +1 -1
- package/public/components/accordion/Accordion.js.map +1 -1
- package/public/components/accordion/Accordion.svelte +12 -6
- package/public/components/actionbar/ActionBar.js +1 -1
- package/public/components/actionbar/ActionBar.js.map +1 -1
- package/public/components/autocomplete/Autocomplete.js +1 -1
- package/public/components/autocomplete/Autocomplete.js.map +1 -1
- package/public/components/badge/Badge.js +1 -1
- package/public/components/badge/Badge.js.map +1 -1
- package/public/components/badge/Badge.nested.js +1 -1
- package/public/components/badge/Badge.nested.js.map +1 -1
- package/public/components/bottombar/BottomBar.js +1 -1
- package/public/components/breadcrumb/Breadcrumb.js +1 -1
- package/public/components/breadcrumb/Breadcrumb.js.map +1 -1
- package/public/components/breadcrumb/Breadcrumb.nested.js +1 -1
- package/public/components/breadcrumb/Breadcrumb.nested.js.map +1 -1
- package/public/components/button/Button.js +1 -1
- package/public/components/button/Button.js.map +1 -1
- package/public/components/button/Button.nested.js +1 -1
- package/public/components/button/Button.nested.js.map +1 -1
- package/public/components/button/Button.nested.svelte +14 -8
- package/public/components/button/Button.svelte +15 -9
- package/public/components/button/ButtonSlot.js +1 -1
- package/public/components/button/ButtonSlot.js.map +1 -1
- package/public/components/buttonslot/ButtonSlot.svelte +1 -1
- package/public/components/card/Card.js +1 -1
- package/public/components/card/Card.js.map +1 -1
- package/public/components/card/Card.svelte +6 -2
- package/public/components/carousel/Carousel.js +1 -1
- package/public/components/carousel/Carousel.js.map +1 -1
- package/public/components/carousel/Carousel.svelte +1 -1
- package/public/components/carousel/CarouselCard.nested.js +1 -1
- package/public/components/carousel/CarouselCard.nested.js.map +1 -1
- package/public/components/carousel/carousel.types.d.ts.map +1 -1
- package/public/components/chart/BarChart.js +1 -1
- package/public/components/chart/BarChart.js.map +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/GroupedBarChart.js.map +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/chart/StackedBarChart.js.map +1 -1
- package/public/components/checkbox/Checkbox.js +1 -1
- package/public/components/checkboxgroup/checkboxGroup.js +1 -1
- package/public/components/checkboxgroup/checkboxGroup.js.map +1 -1
- package/public/components/datatable/DataTable.js +1 -1
- package/public/components/datatable/DataTable.js.map +1 -1
- package/public/components/datatable/DataTable.svelte +11 -1
- package/public/components/datatable/data.d.ts.map +1 -1
- package/public/components/datatable/datatable-default-action.nested.js +1 -1
- package/public/components/datatable/datatable-default-action.nested.js.map +1 -1
- package/public/components/datatable/datatable-default-edtion.nested.js +1 -1
- package/public/components/datatable/datatable-default-edtion.nested.js.map +1 -1
- package/public/components/datatable/datatable-default-edtion.nested.svelte +6 -6
- package/public/components/datatable/datatable-default-filter-tags.nested.js +1 -1
- package/public/components/datatable/datatable-default-filter-tags.nested.js.map +1 -1
- package/public/components/datatable/datatable-default-filter-tags.nested.svelte +51 -22
- package/public/components/datatable/datatable-default-footer.nested.js +1 -1
- package/public/components/datatable/datatable-default-footer.nested.js.map +1 -1
- package/public/components/datatable/datatable-default-selection-label.nested.js +1 -1
- package/public/components/datatable/datatable-default-selection.nested.js +1 -1
- package/public/components/datatable/datatable-default-selection.nested.js.map +1 -1
- package/public/components/datatable/datatable.types.d.ts +8 -3
- package/public/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/components/dropdown/Dropdown.js +1 -1
- package/public/components/dropdown/Dropdown.js.map +1 -1
- package/public/components/field/Field.js +1 -1
- package/public/components/fileuploader/FileUploader.js +1 -1
- package/public/components/fileuploader/FileUploader.js.map +1 -1
- package/public/components/fileuploader/fileuploader-result.js +1 -1
- package/public/components/fileuploader/fileuploader-result.nested.js +1 -1
- package/public/components/flag/Flag.js +1 -1
- package/public/components/flag/Flag.js.map +1 -1
- package/public/components/header/Header.js +1 -1
- package/public/components/header/Header.js.map +1 -1
- package/public/components/header/_c.header.scss +1 -1
- package/public/components/hero/Hero.js +1 -1
- package/public/components/hero/Hero.js.map +1 -1
- package/public/components/kpi/Kpi.js +1 -1
- package/public/components/kpi/Kpi.js.map +1 -1
- package/public/components/kpi/Kpi.svelte +6 -1
- package/public/components/layer/Layer.js +1 -1
- package/public/components/layer/Layer.js.map +1 -1
- package/public/components/layer/Layer.svelte +5 -0
- package/public/components/link/Link.js +1 -1
- package/public/components/link/Link.js.map +1 -1
- package/public/components/link/Link.nested.js +1 -1
- package/public/components/link/Link.nested.js.map +1 -1
- package/public/components/link/Link.nested.svelte +12 -4
- package/public/components/link/Link.svelte +12 -4
- package/public/components/listbox/Listbox.js +1 -1
- package/public/components/listbox/Listbox.js.map +1 -1
- package/public/components/listbox/Listbox.nested.js +1 -1
- package/public/components/listbox/Listbox.nested.js.map +1 -1
- package/public/components/loader/Loader.js +1 -1
- package/public/components/loader/Loader.nested.js +1 -1
- package/public/components/loader/Loader.nested.js.map +1 -1
- package/public/components/menu/Menu.js +1 -1
- package/public/components/modal/Modal.js +1 -1
- package/public/components/notification/Notification.js +1 -1
- package/public/components/notification/Notification.js.map +1 -1
- package/public/components/notification/Notification.svelte +3 -1
- package/public/components/optionbutton/OptionButton.js +1 -1
- 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/pagination/Pagination.js.map +1 -1
- package/public/components/passwordinput/PasswordInput.js +1 -1
- package/public/components/passwordinput/PasswordInput.js.map +1 -1
- package/public/components/passwordinput/PasswordInput.svelte +4 -0
- package/public/components/phonenumber/PhoneNumber.js +1 -1
- package/public/components/phonenumber/PhoneNumber.js.map +1 -1
- package/public/components/phonenumber/PhoneNumber.svelte +4 -0
- 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/progressbar/ProgressBar.js.map +1 -1
- package/public/components/quantityselector/QuantitySelector.js +1 -1
- package/public/components/quantityselector/QuantitySelector.js.map +1 -1
- package/public/components/quantityselector/QuantitySelector.svelte +4 -0
- package/public/components/radio/Radio.js +1 -1
- package/public/components/radio/Radio.js.map +1 -1
- package/public/components/radio/Radio.svelte +3 -1
- package/public/components/radiogroup/RadioGroup.js +1 -1
- package/public/components/radiogroup/RadioGroup.js.map +1 -1
- package/public/components/ratings/StarsInput.js +1 -1
- package/public/components/ratings/StarsResult.js +1 -1
- package/public/components/segmentedcontrol/SegmentedControl.js +1 -1
- package/public/components/select/Select.js +1 -1
- package/public/components/sidebar/Sidebar.js +1 -1
- package/public/components/sidebar/sidebar-feature-group.nested.js +1 -1
- package/public/components/sidebar/sidebar-feature-group.nested.js.map +1 -1
- package/public/components/sidebar/sidebar-feature-group.nested.svelte +5 -0
- 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-segment.nested.js +1 -1
- package/public/components/sidebar/sidebar-segment.nested.js.map +1 -1
- package/public/components/sidebar/sidebar-segment.nested.svelte +5 -0
- package/public/components/sidebar/sidebar-separator.nested.js +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/stepper/Stepper.js +1 -1
- package/public/components/stepper/Stepper.js.map +1 -1
- package/public/components/stepperbar/StepperBar.js +1 -1
- package/public/components/tabs/Tabs.js +1 -1
- package/public/components/tabs/Tabs.nested.js +1 -1
- package/public/components/tabs/Tabs.nested.js.map +1 -1
- package/public/components/tag/Tag.js +1 -1
- package/public/components/tag/Tag.js.map +1 -1
- package/public/components/tag/Tag.nested.js +1 -1
- package/public/components/tag/Tag.nested.js.map +1 -1
- package/public/components/tag/Tag.nested.svelte +0 -1
- package/public/components/taglist/TagList.js +1 -1
- package/public/components/taglist/TagList.js.map +1 -1
- package/public/components/textarea/Textarea.js +1 -1
- package/public/components/textarea/Textarea.js.map +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.nested.js.map +1 -1
- package/public/components/textinput/Textinput.nested.svelte +6 -1
- package/public/components/textinput/Textinput.svelte +7 -2
- package/public/components/toggle/Toggle.js +1 -1
- package/public/components/toggle/Toggle.js.map +1 -1
- package/public/components/tooltip/Tooltip.js +1 -1
- package/public/components/tooltip/Tooltip.js.map +1 -1
- package/public/index-d12e76e8.js +2 -0
- package/public/{index-9ffad6d0.js.map → index-d12e76e8.js.map} +1 -1
- package/public/{sidebar-service-ab65d83f.js → sidebar-service-be26885e.js} +2 -2
- package/public/{sidebar-service-ab65d83f.js.map → sidebar-service-be26885e.js.map} +1 -1
- package/public/utilities/components/carousel/carousel.types.d.ts.map +1 -1
- package/public/utilities/components/datatable/data.d.ts.map +1 -1
- package/public/utilities/components/datatable/datatable.types.d.ts +8 -3
- package/public/utilities/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/utilities/stories/datatable/DataTable.stories.d.ts.map +1 -1
- package/public/EventForward-24fc0272.js +0 -2
- package/public/adeo/EventForward-24fc0272.js +0 -2
- package/public/adeo/index-9ffad6d0.js +0 -2
- package/public/bricoman/EventForward-24fc0272.js +0 -2
- package/public/bricoman/index-9ffad6d0.js +0 -2
- package/public/index-9ffad6d0.js +0 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{S as e,i as l,a as m,_ as t,b as f,f as o,s as i,c as x,e as r,d as n,t as a,n as h,g as d,$ as s,h as c,j as _,k as g,m as b,o as w,p as y,a0 as p,u}from"../../index-9ffad6d0.js";function k(e){let l;return{c(){l=r("div"),l.innerHTML="<slot></slot>",d(l,"class","mc-hero__content mt-body-m")},m(e,m){f(e,l,m)},d(e){e&&w(l)}}}function j(e){let l,m,t,o,i,y,p,u,j,v,$,z,L,M,I,C=(e[5]||e[4])&&k(),E=[{class:I="mc-hero "+(e[3]?"mc-hero--center":"")},e[6]],R={};for(let e=0;e<E.length;e+=1)R=x(R,E[e]);return{c(){l=r("div"),m=r("div"),t=r("div"),o=r("div"),i=r("picture"),y=r("img"),j=n(),v=r("div"),$=r("h1"),z=a(e[2]),M=n(),C&&C.c(),this.c=h,d(y,"class","mc-hero__visual"),s(y.src,p=e[0])||d(y,"src",p),d(y,"alt",u=e[1]||""),d(i,"class","mc-hero__cover"),d($,"class",L=`mc-hero__title \n mt-heading\n mt-heading--lightest\n mt-heading--s \n mt-heading--underline\n ${e[3]?"mt-heading--center":""}\n ${e[5]||e[4]?"mc-hero--with-content":""}\n `),d(v,"class","mc-hero__header"),d(o,"class","mc-hero__main ml-flexy__col"),d(t,"class","ml-flexy ml-flexy--gutter"),d(m,"class","ml-container ml-container--fluid"),c(l,R)},m(e,x){f(e,l,x),_(l,m),_(m,t),_(t,o),_(o,i),_(i,y),_(o,j),_(o,v),_(v,$),_($,z),_(v,M),C&&C.m(v,null)},p(e,[m]){1&m&&!s(y.src,p=e[0])&&d(y,"src",p),2&m&&u!==(u=e[1]||"")&&d(y,"alt",u),4&m&&g(z,e[2]),24&m&&L!==(L=`mc-hero__title \n mt-heading\n mt-heading--lightest\n mt-heading--s \n mt-heading--underline\n ${e[3]?"mt-heading--center":""}\n ${e[5]||e[4]?"mc-hero--with-content":""}\n `)&&d($,"class",L),e[5]||e[4]?C||(C=k(),C.c(),C.m(v,null)):C&&(C.d(1),C=null),c(l,R=b(E,[8&m&&I!==(I="mc-hero "+(e[3]?"mc-hero--center":""))&&{class:I},64&m&&e[6]]))},i:h,o:h,d(e){e&&w(l),C&&C.d()}}}function v(e,l,m){const t=["image","altImage","title","centered","hascontent"];let f=y(l,t),{$$slots:o={},$$scope:i}=l;const r=p(o);let{image:n}=l,{altImage:a}=l,{title:h}=l,{centered:d=!1}=l,{hascontent:s=!1}=l;const c=!(!r||!Object.keys(r).length);return e.$$set=e=>{l=x(x({},l),u(e)),m(6,f=y(l,t)),"image"in e&&m(0,n=e.image),"altImage"in e&&m(1,a=e.altImage),"title"in e&&m(2,h=e.title),"centered"in e&&m(3,d=e.centered),"hascontent"in e&&m(4,s=e.hascontent)},[n,a,h,d,s,c,f]}class $ extends e{constructor(e){super();const x=document.createElement("style");x.textContent='.mt-body-l{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:1.125rem;line-height:1.5555555556}.mt-body-l--line-height-m{line-height:1.3333333333}.mt-body-l--semi-bold{font-family:"LeroyMerlin", sans-serif;font-weight:600}.mt-body-m{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:1rem;line-height:1.5}.mt-body-m--line-height-m{line-height:1.375}.mt-body-m--semi-bold{font-family:"LeroyMerlin", sans-serif;font-weight:600}.mt-body-s{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.5714285714}.mt-body-s--line-height-m{line-height:1.2857142857}.mt-body-s--semi-bold{font-family:"LeroyMerlin", sans-serif;font-weight:600}.mt-heading{font-family:"LeroyMerlin", sans-serif;font-weight:400;color:#000000;display:block;margin-bottom:2rem}.mt-heading--underline::after{content:"";display:block;height:0.25rem;background-color:#4d5bf5}.mt-heading--line-primary-01-200::after,.mt-heading--line-lightest::after{background-color:#b8bef4}.mt-heading--line-primary-02-200::after{background-color:#ffab80}.mt-heading--line-primary-02-600::after{background-color:#b83f00}.mt-heading--center{text-align:center}.mt-heading--center.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right{text-align:right}.mt-heading--right.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left{text-align:left}.mt-heading--left.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:1.5rem;line-height:1.3333333333}.mt-heading--s.mt-heading--underline::after{width:4rem;margin-top:1rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1}.mt-heading--m{font-size:1.75rem;line-height:1.2857142857}.mt-heading--m.mt-heading--underline::after{width:4.5rem;margin-top:1rem}.mt-heading--m.mt-heading--line-height-xs{line-height:1}.mt-heading--l{font-size:2.125rem;line-height:1.2941176471}.mt-heading--l.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--l.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--lightest{color:#ffffff}.mt-heading--light{font-weight:300}.mt-heading--semi-bold,.mt-heading--underline{font-weight:600}@media screen and (min-width: 680px){.mt-heading--center\\@from-m{text-align:center}.mt-heading--center\\@from-m.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-m{text-align:right}.mt-heading--right\\@from-m.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-m{text-align:left}.mt-heading--left\\@from-m.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:1.75rem;line-height:1.2857142857}.mt-heading--s.mt-heading--underline::after{width:4.5rem;margin-top:1rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1}.mt-heading--m{font-size:2.125rem;line-height:1.2941176471}.mt-heading--m.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--m.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--l{font-size:2.5625rem;line-height:1.3658536585}.mt-heading--l.mt-heading--underline::after{width:5.5rem;margin-top:1.5rem}.mt-heading--l.mt-heading--line-height-xs{line-height:0.9756097561}}@media screen and (min-width: 1024px){.mt-heading--center\\@from-l{text-align:center}.mt-heading--center\\@from-l.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-l{text-align:right}.mt-heading--right\\@from-l.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-l{text-align:left}.mt-heading--left\\@from-l.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:2.125rem;line-height:1.2941176471}.mt-heading--s.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--m{font-size:2.5625rem;line-height:1.3658536585}.mt-heading--m.mt-heading--underline::after{width:5.5rem;margin-top:1.5rem}.mt-heading--m.mt-heading--line-height-xs{line-height:0.9756097561}.mt-heading--l{font-size:3.0625rem;line-height:1.387755102;margin-bottom:3.5rem}.mt-heading--l.mt-heading--underline::after{width:6rem;margin-top:2rem}.mt-heading--l.mt-heading--line-height-xs{line-height:0.9795918367}}@media screen and (min-width: 1280px){.mt-heading--center\\@from-xl{text-align:center}.mt-heading--center\\@from-xl.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-xl{text-align:right}.mt-heading--right\\@from-xl.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-xl{text-align:left}.mt-heading--left\\@from-xl.mt-heading--underline::after{margin-left:0;margin-right:auto}}@media screen and (min-width: 1920px){.mt-heading--center\\@from-xxl{text-align:center}.mt-heading--center\\@from-xxl.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-xxl{text-align:right}.mt-heading--right\\@from-xxl.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-xxl{text-align:left}.mt-heading--left\\@from-xxl.mt-heading--underline::after{margin-left:0;margin-right:auto}}.mt-hero{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:2.125rem;line-height:1.5294117647}.mt-hero--semi-bold{font-family:"LeroyMerlin", sans-serif;font-weight:600}.mt-hero--line-height-s{line-height:1.1764705882}@media screen and (min-width: 680px){.mt-hero{font-size:2.5625rem;line-height:1.4634146341}.mt-hero--line-height-s{line-height:1.1707317073}}@media screen and (min-width: 1024px){.mt-hero{font-size:3.0625rem;line-height:1.4693877551}.mt-hero--line-height-s{line-height:1.1428571429}}@media screen and (min-width: 1440px){.mt-hero{font-size:3.6875rem;line-height:1.4915254237}.mt-hero--line-height-s{line-height:1.1525423729}}.ml-container{-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem;width:100%}@media screen and (min-width: 680px){.ml-container{padding-right:2rem;padding-left:2rem}}@media screen and (min-width: 1024px){.ml-container{padding-right:3rem;padding-left:3rem;max-width:64rem}}@media screen and (min-width: 1280px){.ml-container{padding-right:2rem;padding-left:2rem;max-width:80rem}}@media screen and (min-width: 1920px){.ml-container{padding-right:2.5rem;padding-left:2.5rem;max-width:120rem}}.ml-container--fluid{max-width:none}@media screen and (min-width: 680px){.ml-container--fluid\\@from-m{max-width:none}}@media screen and (min-width: 1024px){.ml-container--fluid\\@from-l{max-width:none}}@media screen and (min-width: 1280px){.ml-container--fluid\\@from-xl{max-width:none}}@media screen and (min-width: 1920px){.ml-container--fluid\\@from-xxl{max-width:none}}.ml-flexy{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}.ml-flexy--gutter{margin-right:-0.5rem;margin-left:-0.5rem}.ml-flexy--space-around{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy--items-stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ml-flexy--items-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.ml-flexy--items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ml-flexy--items-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.ml-flexy__col{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy--gutter>.ml-flexy__col{padding-right:0.5rem;padding-left:0.5rem}.ml-flexy__col--fill{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2{margin-left:50%}.ml-flexy__col--1of3{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3{margin-left:33.3333333333%}.ml-flexy__col--2of3{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3{margin-left:66.6666666667%}.ml-flexy__col--1of4{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4{margin-left:25%}.ml-flexy__col--3of4{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4{margin-left:75%}.ml-flexy__col--1of6{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6{margin-left:16.6666666667%}.ml-flexy__col--5of6{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6{margin-left:83.3333333333%}.ml-flexy__col--1of12{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12{margin-left:8.3333333333%}.ml-flexy__col--2of12{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12{margin-left:16.6666666667%}.ml-flexy__col--3of12{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12{margin-left:25%}.ml-flexy__col--4of12{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12{margin-left:33.3333333333%}.ml-flexy__col--5of12{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12{margin-left:41.6666666667%}.ml-flexy__col--6of12{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12{margin-left:50%}.ml-flexy__col--7of12{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12{margin-left:58.3333333333%}.ml-flexy__col--8of12{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12{margin-left:66.6666666667%}.ml-flexy__col--9of12{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12{margin-left:75%}.ml-flexy__col--10of12{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12{margin-left:83.3333333333%}.ml-flexy__col--11of12{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12{margin-left:91.6666666667%}.ml-flexy__col--initial{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset{margin-left:auto}@media screen and (min-width: 680px){.ml-flexy--gutter{margin-right:-1rem;margin-left:-1rem}.ml-flexy--space-around\\@from-m{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between\\@from-m{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly\\@from-m{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start\\@from-m{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center\\@from-m{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end\\@from-m{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy--gutter>.ml-flexy__col{padding-right:1rem;padding-left:1rem}.ml-flexy__col--fill\\@from-m{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full\\@from-m{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2\\@from-m{margin-left:50%}.ml-flexy__col--1of3\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3\\@from-m{margin-left:33.3333333333%}.ml-flexy__col--2of3\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3\\@from-m{margin-left:66.6666666667%}.ml-flexy__col--1of4\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4\\@from-m{margin-left:25%}.ml-flexy__col--3of4\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4\\@from-m{margin-left:75%}.ml-flexy__col--1of6\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6\\@from-m{margin-left:16.6666666667%}.ml-flexy__col--5of6\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6\\@from-m{margin-left:83.3333333333%}.ml-flexy__col--1of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12\\@from-m{margin-left:8.3333333333%}.ml-flexy__col--2of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12\\@from-m{margin-left:16.6666666667%}.ml-flexy__col--3of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12\\@from-m{margin-left:25%}.ml-flexy__col--4of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12\\@from-m{margin-left:33.3333333333%}.ml-flexy__col--5of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12\\@from-m{margin-left:41.6666666667%}.ml-flexy__col--6of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12\\@from-m{margin-left:50%}.ml-flexy__col--7of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12\\@from-m{margin-left:58.3333333333%}.ml-flexy__col--8of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12\\@from-m{margin-left:66.6666666667%}.ml-flexy__col--9of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12\\@from-m{margin-left:75%}.ml-flexy__col--10of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12\\@from-m{margin-left:83.3333333333%}.ml-flexy__col--11of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12\\@from-m{margin-left:91.6666666667%}.ml-flexy__col--initial\\@from-m{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow\\@from-m{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first\\@from-m{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last\\@from-m{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset\\@from-m{margin-left:auto}}@media screen and (min-width: 1024px){.ml-flexy--space-around\\@from-l{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between\\@from-l{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly\\@from-l{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start\\@from-l{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center\\@from-l{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end\\@from-l{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy__col--fill\\@from-l{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full\\@from-l{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2\\@from-l{margin-left:50%}.ml-flexy__col--1of3\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3\\@from-l{margin-left:33.3333333333%}.ml-flexy__col--2of3\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3\\@from-l{margin-left:66.6666666667%}.ml-flexy__col--1of4\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4\\@from-l{margin-left:25%}.ml-flexy__col--3of4\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4\\@from-l{margin-left:75%}.ml-flexy__col--1of6\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6\\@from-l{margin-left:16.6666666667%}.ml-flexy__col--5of6\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6\\@from-l{margin-left:83.3333333333%}.ml-flexy__col--1of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12\\@from-l{margin-left:8.3333333333%}.ml-flexy__col--2of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12\\@from-l{margin-left:16.6666666667%}.ml-flexy__col--3of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12\\@from-l{margin-left:25%}.ml-flexy__col--4of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12\\@from-l{margin-left:33.3333333333%}.ml-flexy__col--5of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12\\@from-l{margin-left:41.6666666667%}.ml-flexy__col--6of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12\\@from-l{margin-left:50%}.ml-flexy__col--7of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12\\@from-l{margin-left:58.3333333333%}.ml-flexy__col--8of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12\\@from-l{margin-left:66.6666666667%}.ml-flexy__col--9of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12\\@from-l{margin-left:75%}.ml-flexy__col--10of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12\\@from-l{margin-left:83.3333333333%}.ml-flexy__col--11of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12\\@from-l{margin-left:91.6666666667%}.ml-flexy__col--initial\\@from-l{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow\\@from-l{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first\\@from-l{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last\\@from-l{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset\\@from-l{margin-left:auto}}@media screen and (min-width: 1280px){.ml-flexy--space-around\\@from-xl{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between\\@from-xl{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly\\@from-xl{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start\\@from-xl{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center\\@from-xl{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end\\@from-xl{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy__col--fill\\@from-xl{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full\\@from-xl{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2\\@from-xl{margin-left:50%}.ml-flexy__col--1of3\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3\\@from-xl{margin-left:33.3333333333%}.ml-flexy__col--2of3\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3\\@from-xl{margin-left:66.6666666667%}.ml-flexy__col--1of4\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4\\@from-xl{margin-left:25%}.ml-flexy__col--3of4\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4\\@from-xl{margin-left:75%}.ml-flexy__col--1of6\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6\\@from-xl{margin-left:16.6666666667%}.ml-flexy__col--5of6\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6\\@from-xl{margin-left:83.3333333333%}.ml-flexy__col--1of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12\\@from-xl{margin-left:8.3333333333%}.ml-flexy__col--2of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12\\@from-xl{margin-left:16.6666666667%}.ml-flexy__col--3of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12\\@from-xl{margin-left:25%}.ml-flexy__col--4of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12\\@from-xl{margin-left:33.3333333333%}.ml-flexy__col--5of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12\\@from-xl{margin-left:41.6666666667%}.ml-flexy__col--6of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12\\@from-xl{margin-left:50%}.ml-flexy__col--7of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12\\@from-xl{margin-left:58.3333333333%}.ml-flexy__col--8of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12\\@from-xl{margin-left:66.6666666667%}.ml-flexy__col--9of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12\\@from-xl{margin-left:75%}.ml-flexy__col--10of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12\\@from-xl{margin-left:83.3333333333%}.ml-flexy__col--11of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12\\@from-xl{margin-left:91.6666666667%}.ml-flexy__col--initial\\@from-xl{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow\\@from-xl{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first\\@from-xl{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last\\@from-xl{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset\\@from-xl{margin-left:auto}}@media screen and (min-width: 1920px){.ml-flexy--space-around\\@from-xxl{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between\\@from-xxl{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly\\@from-xxl{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start\\@from-xxl{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center\\@from-xxl{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end\\@from-xxl{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy__col--fill\\@from-xxl{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full\\@from-xxl{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2\\@from-xxl{margin-left:50%}.ml-flexy__col--1of3\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3\\@from-xxl{margin-left:33.3333333333%}.ml-flexy__col--2of3\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3\\@from-xxl{margin-left:66.6666666667%}.ml-flexy__col--1of4\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4\\@from-xxl{margin-left:25%}.ml-flexy__col--3of4\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4\\@from-xxl{margin-left:75%}.ml-flexy__col--1of6\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6\\@from-xxl{margin-left:16.6666666667%}.ml-flexy__col--5of6\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6\\@from-xxl{margin-left:83.3333333333%}.ml-flexy__col--1of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12\\@from-xxl{margin-left:8.3333333333%}.ml-flexy__col--2of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12\\@from-xxl{margin-left:16.6666666667%}.ml-flexy__col--3of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12\\@from-xxl{margin-left:25%}.ml-flexy__col--4of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12\\@from-xxl{margin-left:33.3333333333%}.ml-flexy__col--5of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12\\@from-xxl{margin-left:41.6666666667%}.ml-flexy__col--6of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12\\@from-xxl{margin-left:50%}.ml-flexy__col--7of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12\\@from-xxl{margin-left:58.3333333333%}.ml-flexy__col--8of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12\\@from-xxl{margin-left:66.6666666667%}.ml-flexy__col--9of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12\\@from-xxl{margin-left:75%}.ml-flexy__col--10of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12\\@from-xxl{margin-left:83.3333333333%}.ml-flexy__col--11of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12\\@from-xxl{margin-left:91.6666666667%}.ml-flexy__col--initial\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow\\@from-xxl{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first\\@from-xxl{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last\\@from-xxl{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset\\@from-xxl{margin-left:auto}}.mc-hero{position:relative}.mc-hero__main{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;padding-bottom:4.5rem;padding-top:4rem}@media screen and (min-width: 680px){.mc-hero__main{padding-bottom:7rem;padding-top:6rem}}@media screen and (min-width: 1024px){.mc-hero__main{padding-bottom:10rem}}@media screen and (min-width: 1440px){.mc-hero__main{padding-bottom:8rem;padding-top:8rem}}.mc-hero__cover{z-index:-1}.mc-hero__cover,.mc-hero__cover::before{height:100%;left:0;position:absolute;top:0;width:100%}.mc-hero__cover::before{background-color:rgba(25, 25, 25, 0.8);content:"";display:block}.mc-hero__visual{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media screen and (min-width: 1024px){.mc-hero__header{max-width:75%}}@media screen and (min-width: 1280px){.mc-hero__header{max-width:66.6666666667%}}@media(min-width: 1440px) and (max-width: 1919px){.mc-hero__header{max-width:75%}}.mc-hero__title{margin-top:0}.mc-hero__content{color:#ffffff}@media screen and (min-width: 1024px){.mc-hero__content{max-width:83.3333333333%}}@media(min-width: 1280px) and (max-width: 1919px){.mc-hero__content{max-width:75%}}.mc-hero__boxed{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;margin-top:-6rem}@media screen and (min-width: 680px){.mc-hero__boxed{margin-top:-5rem}}@media screen and (min-width: 1024px){.mc-hero__boxed{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%;margin-top:0}}@media screen and (min-width: 1920px){.mc-hero__boxed{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}}.mc-hero--with-content .mc-hero__main{padding-bottom:3rem;padding-top:2.5rem}@media screen and (min-width: 680px){.mc-hero--with-content .mc-hero__main{padding-bottom:5rem;padding-top:3.5rem}}@media screen and (min-width: 1024px){.mc-hero--with-content .mc-hero__main{padding-bottom:6rem;padding-top:5rem}}@media screen and (min-width: 1920px){.mc-hero--with-content .mc-hero__main{padding-bottom:8rem}}@media(min-width: 1440px) and (max-width: 1919px){.mc-hero--with-content .mc-hero__header{max-width:66.6666666667%}}@media screen and (min-width: 1920px){.mc-hero--with-content .mc-hero__header{max-width:58.3333333333%}}.mc-hero--with-boxed *{-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width: 1024px){.mc-hero--with-boxed{padding-bottom:3rem;padding-top:4rem}}@media screen and (min-width: 1440px){.mc-hero--with-boxed{padding-bottom:4rem}}@media screen and (min-width: 1920px){.mc-hero--with-boxed{padding-bottom:5rem}}.mc-hero--with-boxed .mc-hero__main{padding-bottom:6rem;padding-top:2.5rem;position:relative;-webkit-box-flex:100%;-ms-flex:100%;flex:100%}@media screen and (min-width: 680px){.mc-hero--with-boxed .mc-hero__main{padding-bottom:5rem;padding-top:4rem}}@media screen and (min-width: 1024px){.mc-hero--with-boxed .mc-hero__main{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%;padding-bottom:0;padding-top:0;position:static}}@media screen and (min-width: 1920px){.mc-hero--with-boxed .mc-hero__main{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}}@media(max-width: 679px){.mc-hero--with-boxed .mc-hero__cover{left:-0.5rem;width:calc(100% + 1rem)}}@media(max-width: 1023px){.mc-hero--with-boxed .mc-hero__cover{left:-1rem;width:calc(100% + 2rem)}}.mc-hero--with-boxed .mc-hero__header,.mc-hero--with-boxed .mc-hero__content{max-width:none}.mc-hero--with-boxed .mc-hero__content{margin-bottom:2rem}@media screen and (min-width: 680px){.mc-hero--with-boxed .mc-hero__content{margin-bottom:3rem}}@media screen and (min-width: 1024px){.mc-hero--with-boxed .mc-hero__content{margin-bottom:0}}@media(min-width: 1024px) and (max-width: 1279px){.mc-hero--boxed-l{padding-bottom:0;padding-top:0}.mc-hero--boxed-l .mc-hero__main,.mc-hero--boxed-l .mc-hero__boxed{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:none}.mc-hero--boxed-l .mc-hero__cover{left:-2rem;width:calc(100% + 4rem)}.mc-hero--boxed-l .mc-hero__main{padding-bottom:7rem;padding-top:4rem;position:relative}.mc-hero--boxed-l .mc-hero__content{margin-bottom:3rem}.mc-hero--boxed-l .mc-hero__boxed{margin-top:-7rem}}.mc-hero--center .mc-hero__header,.mc-hero--center .mc-hero__content{margin-left:auto;margin-right:auto}@media screen and (min-width: 1024px){.mc-hero--center .mc-hero__header{max-width:66.6666666667%}}@media screen and (min-width: 1920px){.mc-hero--center .mc-hero__header{max-width:50%}}.mc-hero--center .mc-hero__content{text-align:center}@media screen and (min-width: 1024px){.mc-hero--center .mc-hero__content{max-width:none}}@media screen and (min-width: 1280px){.mc-hero--center .mc-hero__content{max-width:66.6666666667%}}@media(min-width: 1440px) and (max-width: 1919px){.mc-hero--center .mc-hero__content{max-width:83.3333333333%}}',this.shadowRoot.appendChild(x),l(this,{target:this.shadowRoot,props:{...m(this.attributes),$$slots:t(this)},customElement:!0},v,j,i,{image:0,altImage:1,title:2,centered:3,hascontent:4},null),e&&(e.target&&f(e.target,this,e.anchor),e.props&&(this.$set(e.props),o()))}static get observedAttributes(){return["image","altImage","title","centered","hascontent"]}get image(){return this.$$.ctx[0]}set image(e){this.$$set({image:e}),o()}get altImage(){return this.$$.ctx[1]}set altImage(e){this.$$set({altImage:e}),o()}get title(){return this.$$.ctx[2]}set title(e){this.$$set({title:e}),o()}get centered(){return this.$$.ctx[3]}set centered(e){this.$$set({centered:e}),o()}get hascontent(){return this.$$.ctx[4]}set hascontent(e){this.$$set({hascontent:e}),o()}}export{$ as default};
|
|
1
|
+
import{S as e,i as l,a as m,g as t,b as f,f as o,s as i,c as x,e as r,d as n,t as a,n as h,h as d,a4 as s,j as c,l as _,o as g,p as b,q as w,r as y,u as p,x as u}from"../../index-d12e76e8.js";function k(e){let l;return{c(){l=r("div"),l.innerHTML="<slot></slot>",d(l,"class","mc-hero__content mt-body-m")},m(e,m){f(e,l,m)},d(e){e&&w(l)}}}function j(e){let l,m,t,o,i,y,p,u,j,v,$,z,L,M,I,C=(e[5]||e[4])&&k(),E=[{class:I="mc-hero "+(e[3]?"mc-hero--center":"")},e[6]],R={};for(let e=0;e<E.length;e+=1)R=x(R,E[e]);return{c(){l=r("div"),m=r("div"),t=r("div"),o=r("div"),i=r("picture"),y=r("img"),j=n(),v=r("div"),$=r("h1"),z=a(e[2]),M=n(),C&&C.c(),this.c=h,d(y,"class","mc-hero__visual"),s(y.src,p=e[0])||d(y,"src",p),d(y,"alt",u=e[1]||""),d(i,"class","mc-hero__cover"),d($,"class",L=`mc-hero__title \n mt-heading\n mt-heading--lightest\n mt-heading--s \n mt-heading--underline\n ${e[3]?"mt-heading--center":""}\n ${e[5]||e[4]?"mc-hero--with-content":""}\n `),d(v,"class","mc-hero__header"),d(o,"class","mc-hero__main ml-flexy__col"),d(t,"class","ml-flexy ml-flexy--gutter"),d(m,"class","ml-container ml-container--fluid"),c(l,R)},m(e,x){f(e,l,x),_(l,m),_(m,t),_(t,o),_(o,i),_(i,y),_(o,j),_(o,v),_(v,$),_($,z),_(v,M),C&&C.m(v,null)},p(e,[m]){1&m&&!s(y.src,p=e[0])&&d(y,"src",p),2&m&&u!==(u=e[1]||"")&&d(y,"alt",u),4&m&&g(z,e[2]),24&m&&L!==(L=`mc-hero__title \n mt-heading\n mt-heading--lightest\n mt-heading--s \n mt-heading--underline\n ${e[3]?"mt-heading--center":""}\n ${e[5]||e[4]?"mc-hero--with-content":""}\n `)&&d($,"class",L),e[5]||e[4]?C||(C=k(),C.c(),C.m(v,null)):C&&(C.d(1),C=null),c(l,R=b(E,[8&m&&I!==(I="mc-hero "+(e[3]?"mc-hero--center":""))&&{class:I},64&m&&e[6]]))},i:h,o:h,d(e){e&&w(l),C&&C.d()}}}function v(e,l,m){const t=["image","altImage","title","centered","hascontent"];let f=y(l,t),{$$slots:o={},$$scope:i}=l;const r=p(o);let{image:n}=l,{altImage:a}=l,{title:h}=l,{centered:d=!1}=l,{hascontent:s=!1}=l;const c=!(!r||!Object.keys(r).length);return e.$$set=e=>{l=x(x({},l),u(e)),m(6,f=y(l,t)),"image"in e&&m(0,n=e.image),"altImage"in e&&m(1,a=e.altImage),"title"in e&&m(2,h=e.title),"centered"in e&&m(3,d=e.centered),"hascontent"in e&&m(4,s=e.hascontent)},[n,a,h,d,s,c,f]}class $ extends e{constructor(e){super();const x=document.createElement("style");x.textContent='.mt-body-l{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:1.125rem;line-height:1.5555555556}.mt-body-l--line-height-m{line-height:1.3333333333}.mt-body-l--semi-bold{font-family:"LeroyMerlin", sans-serif;font-weight:600}.mt-body-m{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:1rem;line-height:1.5}.mt-body-m--line-height-m{line-height:1.375}.mt-body-m--semi-bold{font-family:"LeroyMerlin", sans-serif;font-weight:600}.mt-body-s{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.5714285714}.mt-body-s--line-height-m{line-height:1.2857142857}.mt-body-s--semi-bold{font-family:"LeroyMerlin", sans-serif;font-weight:600}.mt-heading{font-family:"LeroyMerlin", sans-serif;font-weight:400;color:#000000;display:block;margin-bottom:2rem}.mt-heading--underline::after{content:"";display:block;height:0.25rem;background-color:#4d5bf5}.mt-heading--line-primary-01-200::after,.mt-heading--line-lightest::after{background-color:#b8bef4}.mt-heading--line-primary-02-200::after{background-color:#ffab80}.mt-heading--line-primary-02-600::after{background-color:#b83f00}.mt-heading--center{text-align:center}.mt-heading--center.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right{text-align:right}.mt-heading--right.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left{text-align:left}.mt-heading--left.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:1.5rem;line-height:1.3333333333}.mt-heading--s.mt-heading--underline::after{width:4rem;margin-top:1rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1}.mt-heading--m{font-size:1.75rem;line-height:1.2857142857}.mt-heading--m.mt-heading--underline::after{width:4.5rem;margin-top:1rem}.mt-heading--m.mt-heading--line-height-xs{line-height:1}.mt-heading--l{font-size:2.125rem;line-height:1.2941176471}.mt-heading--l.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--l.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--lightest{color:#ffffff}.mt-heading--light{font-weight:300}.mt-heading--semi-bold,.mt-heading--underline{font-weight:600}@media screen and (min-width: 680px){.mt-heading--center\\@from-m{text-align:center}.mt-heading--center\\@from-m.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-m{text-align:right}.mt-heading--right\\@from-m.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-m{text-align:left}.mt-heading--left\\@from-m.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:1.75rem;line-height:1.2857142857}.mt-heading--s.mt-heading--underline::after{width:4.5rem;margin-top:1rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1}.mt-heading--m{font-size:2.125rem;line-height:1.2941176471}.mt-heading--m.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--m.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--l{font-size:2.5625rem;line-height:1.3658536585}.mt-heading--l.mt-heading--underline::after{width:5.5rem;margin-top:1.5rem}.mt-heading--l.mt-heading--line-height-xs{line-height:0.9756097561}}@media screen and (min-width: 1024px){.mt-heading--center\\@from-l{text-align:center}.mt-heading--center\\@from-l.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-l{text-align:right}.mt-heading--right\\@from-l.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-l{text-align:left}.mt-heading--left\\@from-l.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:2.125rem;line-height:1.2941176471}.mt-heading--s.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--m{font-size:2.5625rem;line-height:1.3658536585}.mt-heading--m.mt-heading--underline::after{width:5.5rem;margin-top:1.5rem}.mt-heading--m.mt-heading--line-height-xs{line-height:0.9756097561}.mt-heading--l{font-size:3.0625rem;line-height:1.387755102;margin-bottom:3.5rem}.mt-heading--l.mt-heading--underline::after{width:6rem;margin-top:2rem}.mt-heading--l.mt-heading--line-height-xs{line-height:0.9795918367}}@media screen and (min-width: 1280px){.mt-heading--center\\@from-xl{text-align:center}.mt-heading--center\\@from-xl.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-xl{text-align:right}.mt-heading--right\\@from-xl.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-xl{text-align:left}.mt-heading--left\\@from-xl.mt-heading--underline::after{margin-left:0;margin-right:auto}}@media screen and (min-width: 1920px){.mt-heading--center\\@from-xxl{text-align:center}.mt-heading--center\\@from-xxl.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-xxl{text-align:right}.mt-heading--right\\@from-xxl.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-xxl{text-align:left}.mt-heading--left\\@from-xxl.mt-heading--underline::after{margin-left:0;margin-right:auto}}.mt-hero{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:2.125rem;line-height:1.5294117647}.mt-hero--semi-bold{font-family:"LeroyMerlin", sans-serif;font-weight:600}.mt-hero--line-height-s{line-height:1.1764705882}@media screen and (min-width: 680px){.mt-hero{font-size:2.5625rem;line-height:1.4634146341}.mt-hero--line-height-s{line-height:1.1707317073}}@media screen and (min-width: 1024px){.mt-hero{font-size:3.0625rem;line-height:1.4693877551}.mt-hero--line-height-s{line-height:1.1428571429}}@media screen and (min-width: 1440px){.mt-hero{font-size:3.6875rem;line-height:1.4915254237}.mt-hero--line-height-s{line-height:1.1525423729}}.ml-container{-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem;width:100%}@media screen and (min-width: 680px){.ml-container{padding-right:2rem;padding-left:2rem}}@media screen and (min-width: 1024px){.ml-container{padding-right:3rem;padding-left:3rem;max-width:64rem}}@media screen and (min-width: 1280px){.ml-container{padding-right:2rem;padding-left:2rem;max-width:80rem}}@media screen and (min-width: 1920px){.ml-container{padding-right:2.5rem;padding-left:2.5rem;max-width:120rem}}.ml-container--fluid{max-width:none}@media screen and (min-width: 680px){.ml-container--fluid\\@from-m{max-width:none}}@media screen and (min-width: 1024px){.ml-container--fluid\\@from-l{max-width:none}}@media screen and (min-width: 1280px){.ml-container--fluid\\@from-xl{max-width:none}}@media screen and (min-width: 1920px){.ml-container--fluid\\@from-xxl{max-width:none}}.ml-flexy{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}.ml-flexy--gutter{margin-right:-0.5rem;margin-left:-0.5rem}.ml-flexy--space-around{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy--items-stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ml-flexy--items-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.ml-flexy--items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ml-flexy--items-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.ml-flexy__col{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy--gutter>.ml-flexy__col{padding-right:0.5rem;padding-left:0.5rem}.ml-flexy__col--fill{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2{margin-left:50%}.ml-flexy__col--1of3{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3{margin-left:33.3333333333%}.ml-flexy__col--2of3{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3{margin-left:66.6666666667%}.ml-flexy__col--1of4{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4{margin-left:25%}.ml-flexy__col--3of4{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4{margin-left:75%}.ml-flexy__col--1of6{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6{margin-left:16.6666666667%}.ml-flexy__col--5of6{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6{margin-left:83.3333333333%}.ml-flexy__col--1of12{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12{margin-left:8.3333333333%}.ml-flexy__col--2of12{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12{margin-left:16.6666666667%}.ml-flexy__col--3of12{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12{margin-left:25%}.ml-flexy__col--4of12{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12{margin-left:33.3333333333%}.ml-flexy__col--5of12{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12{margin-left:41.6666666667%}.ml-flexy__col--6of12{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12{margin-left:50%}.ml-flexy__col--7of12{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12{margin-left:58.3333333333%}.ml-flexy__col--8of12{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12{margin-left:66.6666666667%}.ml-flexy__col--9of12{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12{margin-left:75%}.ml-flexy__col--10of12{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12{margin-left:83.3333333333%}.ml-flexy__col--11of12{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12{margin-left:91.6666666667%}.ml-flexy__col--initial{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset{margin-left:auto}@media screen and (min-width: 680px){.ml-flexy--gutter{margin-right:-1rem;margin-left:-1rem}.ml-flexy--space-around\\@from-m{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between\\@from-m{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly\\@from-m{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start\\@from-m{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center\\@from-m{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end\\@from-m{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy--gutter>.ml-flexy__col{padding-right:1rem;padding-left:1rem}.ml-flexy__col--fill\\@from-m{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full\\@from-m{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2\\@from-m{margin-left:50%}.ml-flexy__col--1of3\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3\\@from-m{margin-left:33.3333333333%}.ml-flexy__col--2of3\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3\\@from-m{margin-left:66.6666666667%}.ml-flexy__col--1of4\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4\\@from-m{margin-left:25%}.ml-flexy__col--3of4\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4\\@from-m{margin-left:75%}.ml-flexy__col--1of6\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6\\@from-m{margin-left:16.6666666667%}.ml-flexy__col--5of6\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6\\@from-m{margin-left:83.3333333333%}.ml-flexy__col--1of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12\\@from-m{margin-left:8.3333333333%}.ml-flexy__col--2of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12\\@from-m{margin-left:16.6666666667%}.ml-flexy__col--3of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12\\@from-m{margin-left:25%}.ml-flexy__col--4of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12\\@from-m{margin-left:33.3333333333%}.ml-flexy__col--5of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12\\@from-m{margin-left:41.6666666667%}.ml-flexy__col--6of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12\\@from-m{margin-left:50%}.ml-flexy__col--7of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12\\@from-m{margin-left:58.3333333333%}.ml-flexy__col--8of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12\\@from-m{margin-left:66.6666666667%}.ml-flexy__col--9of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12\\@from-m{margin-left:75%}.ml-flexy__col--10of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12\\@from-m{margin-left:83.3333333333%}.ml-flexy__col--11of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12\\@from-m{margin-left:91.6666666667%}.ml-flexy__col--initial\\@from-m{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow\\@from-m{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first\\@from-m{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last\\@from-m{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset\\@from-m{margin-left:auto}}@media screen and (min-width: 1024px){.ml-flexy--space-around\\@from-l{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between\\@from-l{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly\\@from-l{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start\\@from-l{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center\\@from-l{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end\\@from-l{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy__col--fill\\@from-l{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full\\@from-l{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2\\@from-l{margin-left:50%}.ml-flexy__col--1of3\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3\\@from-l{margin-left:33.3333333333%}.ml-flexy__col--2of3\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3\\@from-l{margin-left:66.6666666667%}.ml-flexy__col--1of4\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4\\@from-l{margin-left:25%}.ml-flexy__col--3of4\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4\\@from-l{margin-left:75%}.ml-flexy__col--1of6\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6\\@from-l{margin-left:16.6666666667%}.ml-flexy__col--5of6\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6\\@from-l{margin-left:83.3333333333%}.ml-flexy__col--1of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12\\@from-l{margin-left:8.3333333333%}.ml-flexy__col--2of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12\\@from-l{margin-left:16.6666666667%}.ml-flexy__col--3of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12\\@from-l{margin-left:25%}.ml-flexy__col--4of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12\\@from-l{margin-left:33.3333333333%}.ml-flexy__col--5of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12\\@from-l{margin-left:41.6666666667%}.ml-flexy__col--6of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12\\@from-l{margin-left:50%}.ml-flexy__col--7of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12\\@from-l{margin-left:58.3333333333%}.ml-flexy__col--8of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12\\@from-l{margin-left:66.6666666667%}.ml-flexy__col--9of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12\\@from-l{margin-left:75%}.ml-flexy__col--10of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12\\@from-l{margin-left:83.3333333333%}.ml-flexy__col--11of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12\\@from-l{margin-left:91.6666666667%}.ml-flexy__col--initial\\@from-l{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow\\@from-l{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first\\@from-l{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last\\@from-l{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset\\@from-l{margin-left:auto}}@media screen and (min-width: 1280px){.ml-flexy--space-around\\@from-xl{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between\\@from-xl{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly\\@from-xl{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start\\@from-xl{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center\\@from-xl{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end\\@from-xl{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy__col--fill\\@from-xl{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full\\@from-xl{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2\\@from-xl{margin-left:50%}.ml-flexy__col--1of3\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3\\@from-xl{margin-left:33.3333333333%}.ml-flexy__col--2of3\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3\\@from-xl{margin-left:66.6666666667%}.ml-flexy__col--1of4\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4\\@from-xl{margin-left:25%}.ml-flexy__col--3of4\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4\\@from-xl{margin-left:75%}.ml-flexy__col--1of6\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6\\@from-xl{margin-left:16.6666666667%}.ml-flexy__col--5of6\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6\\@from-xl{margin-left:83.3333333333%}.ml-flexy__col--1of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12\\@from-xl{margin-left:8.3333333333%}.ml-flexy__col--2of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12\\@from-xl{margin-left:16.6666666667%}.ml-flexy__col--3of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12\\@from-xl{margin-left:25%}.ml-flexy__col--4of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12\\@from-xl{margin-left:33.3333333333%}.ml-flexy__col--5of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12\\@from-xl{margin-left:41.6666666667%}.ml-flexy__col--6of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12\\@from-xl{margin-left:50%}.ml-flexy__col--7of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12\\@from-xl{margin-left:58.3333333333%}.ml-flexy__col--8of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12\\@from-xl{margin-left:66.6666666667%}.ml-flexy__col--9of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12\\@from-xl{margin-left:75%}.ml-flexy__col--10of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12\\@from-xl{margin-left:83.3333333333%}.ml-flexy__col--11of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12\\@from-xl{margin-left:91.6666666667%}.ml-flexy__col--initial\\@from-xl{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow\\@from-xl{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first\\@from-xl{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last\\@from-xl{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset\\@from-xl{margin-left:auto}}@media screen and (min-width: 1920px){.ml-flexy--space-around\\@from-xxl{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between\\@from-xxl{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly\\@from-xxl{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start\\@from-xxl{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center\\@from-xxl{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end\\@from-xxl{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy__col--fill\\@from-xxl{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full\\@from-xxl{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2\\@from-xxl{margin-left:50%}.ml-flexy__col--1of3\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3\\@from-xxl{margin-left:33.3333333333%}.ml-flexy__col--2of3\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3\\@from-xxl{margin-left:66.6666666667%}.ml-flexy__col--1of4\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4\\@from-xxl{margin-left:25%}.ml-flexy__col--3of4\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4\\@from-xxl{margin-left:75%}.ml-flexy__col--1of6\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6\\@from-xxl{margin-left:16.6666666667%}.ml-flexy__col--5of6\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6\\@from-xxl{margin-left:83.3333333333%}.ml-flexy__col--1of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12\\@from-xxl{margin-left:8.3333333333%}.ml-flexy__col--2of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12\\@from-xxl{margin-left:16.6666666667%}.ml-flexy__col--3of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12\\@from-xxl{margin-left:25%}.ml-flexy__col--4of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12\\@from-xxl{margin-left:33.3333333333%}.ml-flexy__col--5of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12\\@from-xxl{margin-left:41.6666666667%}.ml-flexy__col--6of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12\\@from-xxl{margin-left:50%}.ml-flexy__col--7of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12\\@from-xxl{margin-left:58.3333333333%}.ml-flexy__col--8of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12\\@from-xxl{margin-left:66.6666666667%}.ml-flexy__col--9of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12\\@from-xxl{margin-left:75%}.ml-flexy__col--10of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12\\@from-xxl{margin-left:83.3333333333%}.ml-flexy__col--11of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12\\@from-xxl{margin-left:91.6666666667%}.ml-flexy__col--initial\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow\\@from-xxl{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first\\@from-xxl{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last\\@from-xxl{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset\\@from-xxl{margin-left:auto}}.mc-hero{position:relative}.mc-hero__main{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;padding-bottom:4.5rem;padding-top:4rem}@media screen and (min-width: 680px){.mc-hero__main{padding-bottom:7rem;padding-top:6rem}}@media screen and (min-width: 1024px){.mc-hero__main{padding-bottom:10rem}}@media screen and (min-width: 1440px){.mc-hero__main{padding-bottom:8rem;padding-top:8rem}}.mc-hero__cover{z-index:-1}.mc-hero__cover,.mc-hero__cover::before{height:100%;left:0;position:absolute;top:0;width:100%}.mc-hero__cover::before{background-color:rgba(25, 25, 25, 0.8);content:"";display:block}.mc-hero__visual{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media screen and (min-width: 1024px){.mc-hero__header{max-width:75%}}@media screen and (min-width: 1280px){.mc-hero__header{max-width:66.6666666667%}}@media(min-width: 1440px) and (max-width: 1919px){.mc-hero__header{max-width:75%}}.mc-hero__title{margin-top:0}.mc-hero__content{color:#ffffff}@media screen and (min-width: 1024px){.mc-hero__content{max-width:83.3333333333%}}@media(min-width: 1280px) and (max-width: 1919px){.mc-hero__content{max-width:75%}}.mc-hero__boxed{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;margin-top:-6rem}@media screen and (min-width: 680px){.mc-hero__boxed{margin-top:-5rem}}@media screen and (min-width: 1024px){.mc-hero__boxed{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%;margin-top:0}}@media screen and (min-width: 1920px){.mc-hero__boxed{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}}.mc-hero--with-content .mc-hero__main{padding-bottom:3rem;padding-top:2.5rem}@media screen and (min-width: 680px){.mc-hero--with-content .mc-hero__main{padding-bottom:5rem;padding-top:3.5rem}}@media screen and (min-width: 1024px){.mc-hero--with-content .mc-hero__main{padding-bottom:6rem;padding-top:5rem}}@media screen and (min-width: 1920px){.mc-hero--with-content .mc-hero__main{padding-bottom:8rem}}@media(min-width: 1440px) and (max-width: 1919px){.mc-hero--with-content .mc-hero__header{max-width:66.6666666667%}}@media screen and (min-width: 1920px){.mc-hero--with-content .mc-hero__header{max-width:58.3333333333%}}.mc-hero--with-boxed *{-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width: 1024px){.mc-hero--with-boxed{padding-bottom:3rem;padding-top:4rem}}@media screen and (min-width: 1440px){.mc-hero--with-boxed{padding-bottom:4rem}}@media screen and (min-width: 1920px){.mc-hero--with-boxed{padding-bottom:5rem}}.mc-hero--with-boxed .mc-hero__main{padding-bottom:6rem;padding-top:2.5rem;position:relative;-webkit-box-flex:100%;-ms-flex:100%;flex:100%}@media screen and (min-width: 680px){.mc-hero--with-boxed .mc-hero__main{padding-bottom:5rem;padding-top:4rem}}@media screen and (min-width: 1024px){.mc-hero--with-boxed .mc-hero__main{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%;padding-bottom:0;padding-top:0;position:static}}@media screen and (min-width: 1920px){.mc-hero--with-boxed .mc-hero__main{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}}@media(max-width: 679px){.mc-hero--with-boxed .mc-hero__cover{left:-0.5rem;width:calc(100% + 1rem)}}@media(max-width: 1023px){.mc-hero--with-boxed .mc-hero__cover{left:-1rem;width:calc(100% + 2rem)}}.mc-hero--with-boxed .mc-hero__header,.mc-hero--with-boxed .mc-hero__content{max-width:none}.mc-hero--with-boxed .mc-hero__content{margin-bottom:2rem}@media screen and (min-width: 680px){.mc-hero--with-boxed .mc-hero__content{margin-bottom:3rem}}@media screen and (min-width: 1024px){.mc-hero--with-boxed .mc-hero__content{margin-bottom:0}}@media(min-width: 1024px) and (max-width: 1279px){.mc-hero--boxed-l{padding-bottom:0;padding-top:0}.mc-hero--boxed-l .mc-hero__main,.mc-hero--boxed-l .mc-hero__boxed{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:none}.mc-hero--boxed-l .mc-hero__cover{left:-2rem;width:calc(100% + 4rem)}.mc-hero--boxed-l .mc-hero__main{padding-bottom:7rem;padding-top:4rem;position:relative}.mc-hero--boxed-l .mc-hero__content{margin-bottom:3rem}.mc-hero--boxed-l .mc-hero__boxed{margin-top:-7rem}}.mc-hero--center .mc-hero__header,.mc-hero--center .mc-hero__content{margin-left:auto;margin-right:auto}@media screen and (min-width: 1024px){.mc-hero--center .mc-hero__header{max-width:66.6666666667%}}@media screen and (min-width: 1920px){.mc-hero--center .mc-hero__header{max-width:50%}}.mc-hero--center .mc-hero__content{text-align:center}@media screen and (min-width: 1024px){.mc-hero--center .mc-hero__content{max-width:none}}@media screen and (min-width: 1280px){.mc-hero--center .mc-hero__content{max-width:66.6666666667%}}@media(min-width: 1440px) and (max-width: 1919px){.mc-hero--center .mc-hero__content{max-width:83.3333333333%}}',this.shadowRoot.appendChild(x),l(this,{target:this.shadowRoot,props:{...m(this.attributes),$$slots:t(this)},customElement:!0},v,j,i,{image:0,altImage:1,title:2,centered:3,hascontent:4},null),e&&(e.target&&f(e.target,this,e.anchor),e.props&&(this.$set(e.props),o()))}static get observedAttributes(){return["image","altImage","title","centered","hascontent"]}get image(){return this.$$.ctx[0]}set image(e){this.$$set({image:e}),o()}get altImage(){return this.$$.ctx[1]}set altImage(e){this.$$set({altImage:e}),o()}get title(){return this.$$.ctx[2]}set title(e){this.$$set({title:e}),o()}get centered(){return this.$$.ctx[3]}set centered(e){this.$$set({centered:e}),o()}get hascontent(){return this.$$.ctx[4]}set hascontent(e){this.$$set({hascontent:e}),o()}}export{$ as default};
|
|
2
2
|
//# sourceMappingURL=Hero.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Hero.js","sources":["../../../../src/components/hero/Hero.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { HeroProps } from './hero.type';\n\n export let image: HeroProps['image'];\n export let altImage: HeroProps['altImage'];\n export let title: HeroProps['title'];\n export let centered: HeroProps['centered'] = false;\n export let hascontent = false;\n\n const hasSlot = !!($$slots && Object.keys($$slots).length);\n</script>\n\n<div class={`mc-hero ${centered ? 'mc-hero--center' : ''}`} {...$$restProps}>\n <div class=\"ml-container ml-container--fluid\">\n <div class=\"ml-flexy ml-flexy--gutter\">\n <div class=\"mc-hero__main ml-flexy__col\">\n <picture class=\"mc-hero__cover\">\n <img class=\"mc-hero__visual\" src={image} alt={altImage || ''} />\n </picture>\n\n <div class=\"mc-hero__header\">\n <h1\n class={`mc-hero__title \n mt-heading\n mt-heading--lightest\n mt-heading--s \n mt-heading--underline\n ${centered ? 'mt-heading--center' : ''}\n ${hasSlot || hascontent ? 'mc-hero--with-content' : ''}\n `}\n >\n {title}\n </h1>\n {#if hasSlot || hascontent}\n <div class=\"mc-hero__content mt-body-m\">\n <slot />\n </div>\n {/if}\n </div>\n </div>\n </div>\n </div>\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/typography/_t.all-base-typography';\n @import '@mozaic-ds/styles/layouts/_l.container';\n @import '@mozaic-ds/styles/layouts/_l.flexy';\n @import '@mozaic-ds/styles/components/_c.hero';\n\n p :global {\n margin-bottom: 0;\n margin-top: 0;\n }\n</style>\n"],"names":["insert","target","div","anchor","if_block","ctx","create_if_block","attr","img","img_src_value","img_alt_value","div4","append","div3","div2","div1","picture","div0","h1","dirty","class","div4_class_value","image","$$props","altImage","title","centered","hascontent","hasSlot","$$slots","Object","keys","length"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Hero.js","sources":["../../../../src/components/hero/Hero.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { HeroProps } from './hero.type';\n\n export let image: HeroProps['image'];\n export let altImage: HeroProps['altImage'];\n export let title: HeroProps['title'];\n export let centered: HeroProps['centered'] = false;\n export let hascontent = false;\n\n const hasSlot = !!($$slots && Object.keys($$slots).length);\n</script>\n\n<div class={`mc-hero ${centered ? 'mc-hero--center' : ''}`} {...$$restProps}>\n <div class=\"ml-container ml-container--fluid\">\n <div class=\"ml-flexy ml-flexy--gutter\">\n <div class=\"mc-hero__main ml-flexy__col\">\n <picture class=\"mc-hero__cover\">\n <img class=\"mc-hero__visual\" src={image} alt={altImage || ''} />\n </picture>\n\n <div class=\"mc-hero__header\">\n <h1\n class={`mc-hero__title \n mt-heading\n mt-heading--lightest\n mt-heading--s \n mt-heading--underline\n ${centered ? 'mt-heading--center' : ''}\n ${hasSlot || hascontent ? 'mc-hero--with-content' : ''}\n `}\n >\n {title}\n </h1>\n {#if hasSlot || hascontent}\n <div class=\"mc-hero__content mt-body-m\">\n <slot />\n </div>\n {/if}\n </div>\n </div>\n </div>\n </div>\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/typography/_t.all-base-typography';\n @import '@mozaic-ds/styles/layouts/_l.container';\n @import '@mozaic-ds/styles/layouts/_l.flexy';\n @import '@mozaic-ds/styles/components/_c.hero';\n\n p :global {\n margin-bottom: 0;\n margin-top: 0;\n }\n</style>\n"],"names":["insert","target","div","anchor","if_block","ctx","create_if_block","attr","img","img_src_value","img_alt_value","div4","append","div3","div2","div1","picture","div0","h1","dirty","class","div4_class_value","image","$$props","altImage","title","centered","hascontent","hasSlot","$$slots","Object","keys","length"],"mappings":"wTAoCYA,EAEKC,EAAAC,EAAAC,mEAHFC,GAAAC,MAAWA,EAAU,KAAAC,4BArBbD,EAAQ,GAAG,kBAAoB,KAAUA,EAAW,iKAmB9DA,EAAK,qEAd0BA,EAAK,KAAAE,EAAAC,EAAA,MAAAC,GAAOF,EAAAC,EAAA,MAAAE,EAAAL,MAAY,yMAUtDA,EAAQ,GAAG,qBAAuB,mBAClCA,MAAWA,EAAU,GAAG,wBAA0B,sMAhBhEL,EA8BKC,EAAAU,EAAAR,GA7BHS,EA4BKD,EAAAE,GA3BHD,EA0BKC,EAAAC,GAzBHF,EAwBKE,EAAAC,GAvBHH,EAESG,EAAAC,GADPJ,EAA+DI,EAAAR,UAGjEI,EAkBKG,EAAAE,GAjBHL,EAWIK,EAAAC,0DAf8Bb,EAAK,kBAAO,EAAAc,GAAAT,KAAAA,EAAAL,MAAY,2BAcvDA,EAAK,0KAJJA,EAAQ,GAAG,qBAAuB,mBAClCA,MAAWA,EAAU,GAAG,wBAA0B,oCAKjDA,MAAWA,EAAU,sFArBbA,EAAQ,GAAG,kBAAoB,MAAE,CAAAe,MAAAC,SAAQhB,EAAW,qLAT9DiB,GAAyBC,YACzBC,GAA+BD,SAC/BE,GAAyBF,GACzBG,SAAAA,GAAkC,GAAKH,GACvCI,WAAAA,GAAa,GAAKJ,QAEvBK,KAAaC,IAAWC,OAAOC,KAAKF,GAASG"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{S as e,i,a as t,
|
|
1
|
+
import{S as e,i,a as t,g as c,b as l,f as o,s as n,e as r,d as a,t as p,n as s,h as m,l as d,o as k,q as u,u as b}from"../../index-d12e76e8.js";function x(e){let i,t;return{c(){i=r("span"),t=p(e[3]),m(i,"class","mc-kpi__label")},m(e,c){l(e,i,c),d(i,t)},p(e,i){8&i&&k(t,e[3])},d(e){e&&u(i)}}}function g(e){let i,t;return{c(){i=r("span"),t=p(e[3]),m(i,"class","mc-kpi__label")},m(e,c){l(e,i,c),d(i,t)},p(e,i){8&i&&k(t,e[3])},d(e){e&&u(i)}}}function f(e){let i,t,c,o=e[5]&&_(e),n=e[1]&&h(e),p=e[8].icon&&$();return{c(){i=r("div"),o&&o.c(),t=a(),n&&n.c(),c=a(),p&&p.c(),m(i,"class","mc-kpi__aside")},m(e,r){l(e,i,r),o&&o.m(i,null),d(i,t),n&&n.m(i,null),d(i,c),p&&p.m(i,null)},p(e,l){e[5]?o?o.p(e,l):(o=_(e),o.c(),o.m(i,t)):o&&(o.d(1),o=null),e[1]?n?n.p(e,l):(n=h(e),n.c(),n.m(i,c)):n&&(n.d(1),n=null),e[8].icon?p||(p=$(),p.c(),p.m(i,null)):p&&(p.d(1),p=null)},d(e){e&&u(i),o&&o.d(),n&&n.d(),p&&p.d()}}}function _(e){let i,t;return{c(){i=r("span"),t=p(e[5]),m(i,"class","mc-kpi__detail")},m(e,c){l(e,i,c),d(i,t)},p(e,i){32&i&&k(t,e[5])},d(e){e&&u(i)}}}function h(e){let i,t=`<${y(e[1],e[2])} />`;return{c(){i=r("span"),m(i,"class","mc-kpi__icon")},m(e,c){l(e,i,c),i.innerHTML=t},p(e,c){6&c&&t!==(t=`<${y(e[1],e[2])} />`)&&(i.innerHTML=t)},d(e){e&&u(i)}}}function $(e){let i;return{c(){i=r("span"),i.innerHTML='<slot name="icon"></slot>',m(i,"class","mc-kpi__icon")},m(e,t){l(e,i,t)},d(e){e&&u(i)}}}function v(e){let i,t,c,o,n,b,_,h,$,v=e[7]&&x(e),y=!e[7]&&g(e),w=(e[1]||e[5]||e[8].icon)&&f(e);return{c(){i=r("div"),v&&v.c(),t=a(),c=r("div"),o=r("div"),y&&y.c(),n=a(),b=r("span"),_=p(e[0]),h=a(),w&&w.c(),this.c=s,m(b,"class","mc-kpi__value"),m(o,"class","mc-kpi__main"),m(c,"class","mc-kpi__content"),m(i,"class",$="mc-kpi mc-kpi--"+e[6]()+" mc-kpi--"+e[4])},m(e,r){l(e,i,r),v&&v.m(i,null),d(i,t),d(i,c),d(c,o),y&&y.m(o,null),d(o,n),d(o,b),d(b,_),d(c,h),w&&w.m(c,null)},p(e,[l]){e[7]?v?v.p(e,l):(v=x(e),v.c(),v.m(i,t)):v&&(v.d(1),v=null),e[7]?y&&(y.d(1),y=null):y?y.p(e,l):(y=g(e),y.c(),y.m(o,n)),1&l&&k(_,e[0]),e[1]||e[5]||e[8].icon?w?w.p(e,l):(w=f(e),w.c(),w.m(c,null)):w&&(w.d(1),w=null),80&l&&$!==($="mc-kpi mc-kpi--"+e[6]()+" mc-kpi--"+e[4])&&m(i,"class",$)},i:s,o:s,d(e){e&&u(i),v&&v.d(),y&&y.d(),w&&w.d()}}}function y(e,i){return i?`${e} fill="${i}"`:`${e}`}function w(e,i,t){let c,l,{$$slots:o={},$$scope:n}=i;const r=b(o);let{value:a=""}=i,{iconname:p=""}=i,{iconcolor:s=""}=i,{label:m=""}=i,{type:d=""}=i,{detail:k=""}=i;return e.$$set=e=>{"value"in e&&t(0,a=e.value),"iconname"in e&&t(1,p=e.iconname),"iconcolor"in e&&t(2,s=e.iconcolor),"label"in e&&t(3,m=e.label),"type"in e&&t(4,d=e.type),"detail"in e&&t(5,k=e.detail)},e.$$.update=()=>{40&e.$$.dirty&&t(6,l=function(){let e="small";return m&&m.length>0&&!k?e="medium":k&&k.length>0&&(e="large"),e}),72&e.$$.dirty&&t(7,c=m&&m.length>0&&"large"!==l())},[a,p,s,m,d,k,l,c,r]}class z extends e{constructor(e){super();const r=document.createElement("style");r.textContent=".mc-kpi{color:var(--color-kpi-text, #005c91);display:inline-block}.mc-kpi__label{font-size:1.2rem;display:block}.mc-kpi__content{display:-webkit-box;display:-ms-flexbox;display:flex}.mc-kpi__main{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-kpi__value{font-size:1.2rem;font-weight:600}.mc-kpi__aside{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--color-grey-000, #ffffff);color:var(--color-font-dark, #000000);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-kpi__detail{font-size:1.2rem}.mc-kpi__icon{display:block;height:16px;width:16px}.mc-kpi--small .mc-kpi__label{font-size:1rem;margin-bottom:6px;color:var(--color-grey-999, #999999)}.mc-kpi--small .mc-kpi__content{gap:0.5rem}.mc-kpi--small .mc-kpi__value{font-size:0.875rem;line-height:1.2}.mc-kpi--small .mc-kpi__main{background-color:var(--color-kpi-background, #daeff7);border:1px solid var(--color-kpi-border, #007bb4);border-radius:4px;overflow:hidden;padding:3px 7px}.mc-kpi--small .mc-kpi__aside{background-color:transparent}.mc-kpi--medium .mc-kpi__label{color:var(--color-grey-999, #999999);margin-bottom:6px}.mc-kpi--medium .mc-kpi__content{background-color:var(--color-kpi-background, #daeff7);border:1px solid var(--color-kpi-border, #007bb4);border-radius:4px;overflow:hidden;height:40px;min-width:160px}.mc-kpi--medium .mc-kpi__main{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:2px 2px 2px 7px}.mc-kpi--medium .mc-kpi__value{font-size:1.5rem}.mc-kpi--medium .mc-kpi__aside{padding-left:12px;padding-right:15px}.mc-kpi--large{background-color:var(--color-kpi-background, #daeff7);border:1px solid var(--color-kpi-border, #007bb4);border-radius:4px;overflow:hidden}.mc-kpi--large .mc-kpi__content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:160px;min-height:100px}.mc-kpi--large .mc-kpi__main{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:10px 15px;min-height:5rem}.mc-kpi--large .mc-kpi__label{line-height:1.5;font-size:1rem}.mc-kpi--large .mc-kpi__value{font-size:2rem}.mc-kpi--large .mc-kpi__detail{font-size:1rem;line-height:1}.mc-kpi--large .mc-kpi__aside{min-height:3rem;padding-right:15px;padding-left:15px;gap:12px}.mc-kpi--information{--color-kpi-background:#daeff7;--color-kpi-border:#007bb4;--color-kpi-text:#005c91}.mc-kpi--warning{--color-kpi-background:#fdf1e8;--color-kpi-border:#c65200;--color-kpi-text:#8c3500}.mc-kpi--danger{--color-kpi-background:#fdeaea;--color-kpi-border:#c61112;--color-kpi-text:#8c0003}.mc-kpi--success{--color-kpi-background:#ebf5de;--color-kpi-border:#188803;--color-kpi-text:#006902}.mc-kpi--neutral{--color-kpi-background:#e6e6e6;--color-kpi-border:#666666;--color-kpi-text:#4d4d4d}",this.shadowRoot.appendChild(r),i(this,{target:this.shadowRoot,props:{...t(this.attributes),$$slots:c(this)},customElement:!0},w,v,n,{value:0,iconname:1,iconcolor:2,label:3,type:4,detail:5},null),e&&(e.target&&l(e.target,this,e.anchor),e.props&&(this.$set(e.props),o()))}static get observedAttributes(){return["value","iconname","iconcolor","label","type","detail"]}get value(){return this.$$.ctx[0]}set value(e){this.$$set({value:e}),o()}get iconname(){return this.$$.ctx[1]}set iconname(e){this.$$set({iconname:e}),o()}get iconcolor(){return this.$$.ctx[2]}set iconcolor(e){this.$$set({iconcolor:e}),o()}get label(){return this.$$.ctx[3]}set label(e){this.$$set({label:e}),o()}get type(){return this.$$.ctx[4]}set type(e){this.$$set({type:e}),o()}get detail(){return this.$$.ctx[5]}set detail(e){this.$$set({detail:e}),o()}}export{z as default};
|
|
2
2
|
//# sourceMappingURL=Kpi.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Kpi.js","sources":["../../../../src/components/kpi/Kpi.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n export let value: string = '';\n export let iconname: string = '';\n export let iconcolor: string = '';\n export let label: string = '';\n export let type: string = '';\n export let detail: string = '';\n $: labelOutsideContent = label && label.length > 0 && size() !== 'large';\n $: size = function getSize() {\n let size = 'small';\n if (label && label.length > 0 && !detail) {\n size = 'medium';\n } else if (detail && detail.length > 0) {\n size = 'large';\n }\n\n return size;\n };\n\n function generateIconName(iconname: string, iconcolor?: string): string {\n return iconcolor ? `${iconname} fill=\"${iconcolor}\"` : `${iconname}`;\n }\n</script>\n\n<div class=\"mc-kpi mc-kpi--{size()} mc-kpi--{type}\">\n {#if labelOutsideContent}\n <span class=\"mc-kpi__label\">{label}</span>\n {/if}\n <div class=\"mc-kpi__content\">\n <div class=\"mc-kpi__main\">\n {#if !labelOutsideContent}\n <span class=\"mc-kpi__label\">{label}</span>\n {/if}\n <span class=\"mc-kpi__value\">{value}</span>\n </div>\n {#if iconname || detail}\n <div class=\"mc-kpi__aside\">\n {#if detail}\n <span class=\"mc-kpi__detail\">{detail}</span>\n {/if}\n {#if iconname}\n <span class=\"mc-kpi__icon\"\n >{@html `<${generateIconName(iconname, iconcolor)} />`}</span\n >\n {/if}\n </div>\n {/if}\n </div>\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n .mc-kpi {\n color: var(--color-kpi-text, #005c91);\n display: inline-block;\n\n &__label {\n font-size: 1.2rem;\n display: block;\n }\n\n &__content {\n display: flex;\n }\n\n &__main {\n align-items: center;\n display: flex;\n justify-content: center;\n }\n\n &__value {\n font-size: 1.2rem;\n font-weight: 600;\n }\n\n &__aside {\n align-items: center;\n background-color: var(--color-grey-000, #ffffff);\n color: var(--color-font-dark, #000000);\n display: flex;\n justify-content: center;\n }\n\n &__detail {\n font-size: 1.2rem;\n }\n\n &__icon {\n display: block;\n height: 16px;\n width: 16px;\n }\n\n &--small {\n .mc-kpi {\n &__label {\n font-size: 1rem;\n margin-bottom: 6px;\n color: var(--color-grey-999, #999999);\n }\n\n &__content {\n gap: 0.5rem;\n }\n\n &__value {\n font-size: 0.875rem;\n line-height: 1.2;\n }\n\n &__main {\n background-color: var(--color-kpi-background, #daeff7);\n border: 1px solid var(--color-kpi-border, #007bb4);\n border-radius: 4px;\n overflow: hidden;\n padding: 3px 7px;\n }\n\n &__aside {\n background-color: transparent;\n }\n }\n }\n\n &--medium {\n .mc-kpi {\n &__label {\n color: var(--color-grey-999, #999999);\n margin-bottom: 6px;\n }\n\n &__content {\n background-color: var(--color-kpi-background, #daeff7);\n border: 1px solid var(--color-kpi-border, #007bb4);\n border-radius: 4px;\n overflow: hidden;\n height: 40px;\n min-width: 160px;\n }\n\n &__main {\n flex-grow: 1;\n padding: 2px 2px 2px 7px;\n }\n\n &__value {\n font-size: 1.5rem;\n }\n\n &__aside {\n padding-left: 12px;\n padding-right: 15px;\n }\n }\n }\n\n &--large {\n background-color: var(--color-kpi-background, #daeff7);\n border: 1px solid var(--color-kpi-border, #007bb4);\n border-radius: 4px;\n overflow: hidden;\n\n .mc-kpi {\n &__content {\n flex-direction: column;\n min-width: 160px;\n min-height: 100px;\n }\n\n &__main {\n flex-direction: column;\n padding: 10px 15px;\n min-height: 5rem;\n }\n\n &__label {\n line-height: 1.5;\n font-size: 1rem;\n }\n\n &__value {\n font-size: 2rem;\n }\n\n &__detail {\n font-size: 1rem;\n line-height: 1;\n }\n\n &__aside {\n min-height: 3rem;\n padding-right: 15px;\n padding-left: 15px;\n gap: 12px;\n }\n }\n }\n\n &--information {\n --color-kpi-background: #daeff7;\n --color-kpi-border: #007bb4;\n --color-kpi-text: #005c91;\n }\n\n &--warning {\n --color-kpi-background: #fdf1e8;\n --color-kpi-border: #c65200;\n --color-kpi-text: #8c3500;\n }\n\n &--danger {\n --color-kpi-background: #fdeaea;\n --color-kpi-border: #c61112;\n --color-kpi-text: #8c0003;\n }\n\n &--success {\n --color-kpi-background: #ebf5de;\n --color-kpi-border: #188803;\n --color-kpi-text: #006902;\n }\n\n &--neutral {\n --color-kpi-background: #e6e6e6;\n --color-kpi-border: #666666;\n --color-kpi-text: #4d4d4d;\n }\n }\n</style>\n"],"names":["ctx","insert","target","span","anchor","create_if_block_2","create_if_block_1","div","generateIconName","innerHTML","raw_value","
|
|
1
|
+
{"version":3,"file":"Kpi.js","sources":["../../../../src/components/kpi/Kpi.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n export let value: string = '';\n export let iconname: string = '';\n export let iconcolor: string = '';\n export let label: string = '';\n export let type: string = '';\n export let detail: string = '';\n $: labelOutsideContent = label && label.length > 0 && size() !== 'large';\n $: size = function getSize() {\n let size = 'small';\n if (label && label.length > 0 && !detail) {\n size = 'medium';\n } else if (detail && detail.length > 0) {\n size = 'large';\n }\n\n return size;\n };\n\n function generateIconName(iconname: string, iconcolor?: string): string {\n return iconcolor ? `${iconname} fill=\"${iconcolor}\"` : `${iconname}`;\n }\n</script>\n\n<div class=\"mc-kpi mc-kpi--{size()} mc-kpi--{type}\">\n {#if labelOutsideContent}\n <span class=\"mc-kpi__label\">{label}</span>\n {/if}\n <div class=\"mc-kpi__content\">\n <div class=\"mc-kpi__main\">\n {#if !labelOutsideContent}\n <span class=\"mc-kpi__label\">{label}</span>\n {/if}\n <span class=\"mc-kpi__value\">{value}</span>\n </div>\n {#if iconname || detail || $$slots.icon}\n <div class=\"mc-kpi__aside\">\n {#if detail}\n <span class=\"mc-kpi__detail\">{detail}</span>\n {/if}\n {#if iconname}\n <span class=\"mc-kpi__icon\"\n >{@html `<${generateIconName(iconname, iconcolor)} />`}</span\n >\n {/if}\n {#if $$slots.icon}\n <span class=\"mc-kpi__icon\">\n <slot name=\"icon\" />\n </span>\n {/if}\n </div>\n {/if}\n </div>\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n .mc-kpi {\n color: var(--color-kpi-text, #005c91);\n display: inline-block;\n\n &__label {\n font-size: 1.2rem;\n display: block;\n }\n\n &__content {\n display: flex;\n }\n\n &__main {\n align-items: center;\n display: flex;\n justify-content: center;\n }\n\n &__value {\n font-size: 1.2rem;\n font-weight: 600;\n }\n\n &__aside {\n align-items: center;\n background-color: var(--color-grey-000, #ffffff);\n color: var(--color-font-dark, #000000);\n display: flex;\n justify-content: center;\n }\n\n &__detail {\n font-size: 1.2rem;\n }\n\n &__icon {\n display: block;\n height: 16px;\n width: 16px;\n }\n\n &--small {\n .mc-kpi {\n &__label {\n font-size: 1rem;\n margin-bottom: 6px;\n color: var(--color-grey-999, #999999);\n }\n\n &__content {\n gap: 0.5rem;\n }\n\n &__value {\n font-size: 0.875rem;\n line-height: 1.2;\n }\n\n &__main {\n background-color: var(--color-kpi-background, #daeff7);\n border: 1px solid var(--color-kpi-border, #007bb4);\n border-radius: 4px;\n overflow: hidden;\n padding: 3px 7px;\n }\n\n &__aside {\n background-color: transparent;\n }\n }\n }\n\n &--medium {\n .mc-kpi {\n &__label {\n color: var(--color-grey-999, #999999);\n margin-bottom: 6px;\n }\n\n &__content {\n background-color: var(--color-kpi-background, #daeff7);\n border: 1px solid var(--color-kpi-border, #007bb4);\n border-radius: 4px;\n overflow: hidden;\n height: 40px;\n min-width: 160px;\n }\n\n &__main {\n flex-grow: 1;\n padding: 2px 2px 2px 7px;\n }\n\n &__value {\n font-size: 1.5rem;\n }\n\n &__aside {\n padding-left: 12px;\n padding-right: 15px;\n }\n }\n }\n\n &--large {\n background-color: var(--color-kpi-background, #daeff7);\n border: 1px solid var(--color-kpi-border, #007bb4);\n border-radius: 4px;\n overflow: hidden;\n\n .mc-kpi {\n &__content {\n flex-direction: column;\n min-width: 160px;\n min-height: 100px;\n }\n\n &__main {\n flex-direction: column;\n padding: 10px 15px;\n min-height: 5rem;\n }\n\n &__label {\n line-height: 1.5;\n font-size: 1rem;\n }\n\n &__value {\n font-size: 2rem;\n }\n\n &__detail {\n font-size: 1rem;\n line-height: 1;\n }\n\n &__aside {\n min-height: 3rem;\n padding-right: 15px;\n padding-left: 15px;\n gap: 12px;\n }\n }\n }\n\n &--information {\n --color-kpi-background: #daeff7;\n --color-kpi-border: #007bb4;\n --color-kpi-text: #005c91;\n }\n\n &--warning {\n --color-kpi-background: #fdf1e8;\n --color-kpi-border: #c65200;\n --color-kpi-text: #8c3500;\n }\n\n &--danger {\n --color-kpi-background: #fdeaea;\n --color-kpi-border: #c61112;\n --color-kpi-text: #8c0003;\n }\n\n &--success {\n --color-kpi-background: #ebf5de;\n --color-kpi-border: #188803;\n --color-kpi-text: #006902;\n }\n\n &--neutral {\n --color-kpi-background: #e6e6e6;\n --color-kpi-border: #666666;\n --color-kpi-text: #4d4d4d;\n }\n }\n</style>\n"],"names":["ctx","insert","target","span","anchor","create_if_block_3","create_if_block_2","if_block2","icon","create_if_block_1","div","generateIconName","innerHTML","raw_value","create_if_block_5","create_if_block_4","create_if_block","attr","div2","div2_class_value","append","div1","div0","dirty","iconname","iconcolor","value","$$props","label","type","detail","$$invalidate","size","length","labelOutsideContent"],"mappings":"iMA4BiCA,EAAK,yCAAlCC,EAAyCC,EAAAC,EAAAC,2BAAZJ,EAAK,qEAKDA,EAAK,yCAAlCC,EAAyCC,EAAAC,EAAAC,2BAAZJ,EAAK,8CAM7BA,EAAM,IAAAK,EAAAL,KAGNA,EAAQ,IAAAM,EAAAN,GAKRO,EAAAP,KAAQQ,MAAIC,sGATnBR,EAcKC,EAAAQ,EAAAN,sEAbEJ,EAAM,yDAGNA,EAAQ,yDAKRA,KAAQQ,iJAPmBR,EAAM,0CAApCC,EAA2CC,EAAAC,EAAAC,4BAAbJ,EAAM,8CAItBW,EAAiBX,EAAQ,GAAEA,EAAS,oEADlDC,EAEAC,EAAAC,EAAAC,yCADcO,EAAiBX,EAAQ,GAAEA,EAAS,YAAAG,EAAAS,UAAAC,0IAIlDZ,EAEMC,EAAAC,EAAAC,yDAvBTJ,EAAmB,IAAAc,EAAAd,MAKdA,EAAmB,IAAAe,EAAAf,GAKtBO,GAAAP,EAAY,IAAAA,EAAU,IAAAA,KAAQQ,OAAIQ,EAAAhB,6FAFRA,EAAK,oHATZiB,EAAAC,EAAA,QAAAC,EAAA,kBAAAnB,mBAAiBA,EAAI,YAAjDC,EA6BKC,EAAAgB,EAAAd,yBAzBHgB,EAwBKF,EAAAG,GAvBHD,EAKKC,EAAAC,yBADHF,EAAyCE,EAAAnB,0CARxCH,EAAmB,yDAKdA,EAAmB,kEAGIA,EAAK,IAE/BA,EAAY,IAAAA,EAAU,IAAAA,KAAQQ,8DAXX,GAAAe,GAAAJ,KAAAA,EAAA,kBAAAnB,mBAAiBA,EAAI,gFALtCW,EAAiBa,EAAkBC,UACnCA,EAAe,GAAAD,YAAmBC,QAAkBD,sEAnBlD,IAAAE,MAAAA,EAAgB,IAAEC,GAClBH,SAAAA,EAAmB,IAAEG,GACrBF,UAAAA,EAAoB,IAAEE,GACtBC,MAAAA,EAAgB,IAAED,GAClBE,KAAAA,EAAe,IAAEF,GACjBG,OAAAA,EAAiB,IAAEH,4OAE7BI,EAAA,EAAEC,EAAI,WACD,IAAAA,EAAO,eACPJ,GAASA,EAAMK,OAAS,IAAMH,EAChCE,EAAO,SACEF,GAAUA,EAAOG,OAAS,IACnCD,EAAO,SAGFA,mBATND,EAAA,EAAAG,EAAsBN,GAASA,EAAMK,OAAS,GAAgB,UAAXD"}
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
{/if}
|
|
36
36
|
<span class="mc-kpi__value">{value}</span>
|
|
37
37
|
</div>
|
|
38
|
-
{#if iconname || detail}
|
|
38
|
+
{#if iconname || detail || $$slots.icon}
|
|
39
39
|
<div class="mc-kpi__aside">
|
|
40
40
|
{#if detail}
|
|
41
41
|
<span class="mc-kpi__detail">{detail}</span>
|
|
@@ -45,6 +45,11 @@
|
|
|
45
45
|
>{@html `<${generateIconName(iconname, iconcolor)} />`}</span
|
|
46
46
|
>
|
|
47
47
|
{/if}
|
|
48
|
+
{#if $$slots.icon}
|
|
49
|
+
<span class="mc-kpi__icon">
|
|
50
|
+
<slot name="icon" />
|
|
51
|
+
</span>
|
|
52
|
+
{/if}
|
|
48
53
|
</div>
|
|
49
54
|
{/if}
|
|
50
55
|
</div>
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{S as e,i as t,a as i,b as r,f as a,s as o,c as n,e as l,d as s,t as d,n as c,g as m,v as b,h as y,j as p,l as x,k as h,m as g,o as f,M as _,p as w,q as u,r as v,a1 as k,u as $,H as z}from"../../index-9ffad6d0.js";import{E as L}from"../../EventHandler-f7ee47ca.js";function H(e){let t,i=`<${M(e[5])} class="mc-layer__icon" />`;return{c(){t=l("span"),m(t,"class","mc-layer__icon")},m(e,a){r(e,t,a),t.innerHTML=i},p(e,r){32&r&&i!==(i=`<${M(e[5])} class="mc-layer__icon" />`)&&(t.innerHTML=i)},d(e){e&&f(t)}}}function j(e){let t;return{c(){t=l("footer"),t.innerHTML='<slot name="footer"></slot>',m(t,"class","mc-layer__footer")},m(e,i){r(e,t,i)},d(e){e&&f(t)}}}function E(e){let t,i,a,o,w,u,v,k,$,z,L,E,M,T,C,q,S,R,A,B,O,D=e[5]&&H(e),F=!e[10]&&j(),G=[{class:"mc-layer"},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":e[6]},{"aria-modal":"true"},{"aria-hidden":q=!e[0]},e[7]],I={};for(let e=0;e<G.length;e+=1)I=n(I,G[e]);return{c(){t=l("div"),i=l("div"),a=l("div"),o=l("div"),D&&D.c(),w=s(),u=l("h2"),v=d(e[1]),k=s(),$=l("button"),z=l("span"),L=d(e[4]),E=s(),M=l("main"),M.innerHTML='<article class="mc-layer__content"><slot name="content"></slot></article>',T=s(),F&&F.c(),S=s(),R=l("div"),this.c=c,m(u,"class","mc-layer__title"),m(u,"id","modallayerTitleTitle"),m(z,"class","mc-layer__close-text"),m($,"class","mc-layer__close"),m($,"type","button"),m(o,"class","mc-layer__header"),m(M,"class","mc-layer__body"),b(M,"mc-layer__body--overflowing-scroll-edge",e[9]),m(a,"class",C="mc-layer__dialog "+(e[0]?" is-open":"")+" "+(e[3]?" mc-layer__dialog--extend":"")),m(a,"role","document"),y(i,I),b(i,"mc-layer--ltr","left"===e[2]),m(R,"class",A="mc-layer-overlay "+(e[0]?" is-visible":"")),m(R,"tabindex","-1"),m(R,"role","dialog")},m(n,l){r(n,t,l),p(t,i),p(i,a),p(a,o),D&&D.m(o,null),p(o,w),p(o,u),p(u,v),p(o,k),p(o,$),p($,z),p(z,L),p(a,E),p(a,M),p(a,T),F&&F.m(a,null),p(t,S),p(t,R),e[16](t),B||(O=[x($,"click",e[14]),x(R,"click",e[15])],B=!0)},p(e,[t]){e[5]?D?D.p(e,t):(D=H(e),D.c(),D.m(o,w)):D&&(D.d(1),D=null),2&t&&h(v,e[1]),16&t&&h(L,e[4]),512&t&&b(M,"mc-layer__body--overflowing-scroll-edge",e[9]),e[10]?F&&(F.d(1),F=null):F||(F=j(),F.c(),F.m(a,null)),9&t&&C!==(C="mc-layer__dialog "+(e[0]?" is-open":"")+" "+(e[3]?" mc-layer__dialog--extend":""))&&m(a,"class",C),y(i,I=g(G,[{class:"mc-layer"},{tabindex:"-1"},{role:"dialog"},64&t&&{"aria-labelledby":e[6]},{"aria-modal":"true"},1&t&&q!==(q=!e[0])&&{"aria-hidden":q},128&t&&e[7]])),b(i,"mc-layer--ltr","left"===e[2]),1&t&&A!==(A="mc-layer-overlay "+(e[0]?" is-visible":""))&&m(R,"class",A)},i:c,o:c,d(i){i&&f(t),D&&D.d(),F&&F.d(),e[16](null),B=!1,_(O)}}}function M(e){return`${e} size="1.5rem"`}function T(e,t,i){let r,a,o;const l=["title","isopen","position","extended","scrollbaredge","closebuttontext","iconname","hidefooter","arialabelledby"];let s,d=w(t,l),{title:c}=t,{isopen:m}=t,{position:b="right"}=t,{extended:y}=t,{scrollbaredge:p}=t,{closebuttontext:x="Close"}=t,{iconname:h}=t,{hidefooter:g}=t,{arialabelledby:f="LayerTitle"}=t,_=new L(u(),v());function H(){i(0,m=!1)}k((()=>{const e=s.querySelector(".mc-layer__body"),t=s.querySelector(".mc-layer__content"),i=p?"mc-layer__body--overflowing-scroll-edge":"mc-layer__body--overflowing";if(e&&t){const r=e.clientHeight;t.scrollHeight>r?e.classList.add(i):e.classList.remove(i)}}));return e.$$set=e=>{t=n(n({},t),$(e)),i(18,d=w(t,l)),"title"in e&&i(1,c=e.title),"isopen"in e&&i(0,m=e.isopen),"position"in e&&i(2,b=e.position),"extended"in e&&i(3,y=e.extended),"scrollbaredge"in e&&i(12,p=e.scrollbaredge),"closebuttontext"in e&&i(4,x=e.closebuttontext),"iconname"in e&&i(5,h=e.iconname),"hidefooter"in e&&i(13,g=e.hidefooter),"arialabelledby"in e&&i(6,f=e.arialabelledby)},e.$$.update=()=>{8192&e.$$.dirty&&i(10,r=null!=g&&g),4096&e.$$.dirty&&i(9,a=null!=p&&p),1&e.$$.dirty&&(m?_.dispatch("layer-opened",{}):_.dispatch("layer-closed",{})),i(7,o=Object.assign({},d)),128&e.$$.dirty&&delete o.class},[m,c,b,y,x,h,f,o,s,a,r,H,p,g,()=>H(),()=>H(),function(e){z[e?"unshift":"push"]((()=>{s=e,i(8,s)}))}]}class C extends e{constructor(e){super();const n=document.createElement("style");n.textContent=".mc-layer{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;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.mc-layer *{-webkit-box-sizing:inherit;box-sizing:inherit}.mc-layer--ltr{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.mc-layer--ltr .mc-layer__dialog{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}.mc-layer:not(.mc-layer--ltr){-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.mc-layer:not(.mc-layer--ltr) .mc-layer__dialog{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}.mc-layer__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;height:100%;max-width:calc(100% - 2rem);-webkit-transition:visibility 0s linear 0.4s, -webkit-transform 0.4s;transition:visibility 0s linear 0.4s, -webkit-transform 0.4s;-o-transition:visibility 0s linear 0.4s, transform 0.4s;transition:visibility 0s linear 0.4s, transform 0.4s;transition:visibility 0s linear 0.4s, transform 0.4s, -webkit-transform 0.4s;visibility:hidden;width:100%}@media screen and (min-width: 680px){.mc-layer__dialog{max-width:25rem}}@media screen and (min-width: 769px){.mc-layer__dialog{max-width:28.6875rem}}@media screen and (min-width: 1024px){.mc-layer__dialog{max-width:28rem}}@media screen and (min-width: 680px){.mc-layer__dialog--extend{max-width:31.75rem}}@media screen and (min-width: 769px){.mc-layer__dialog--extend{max-width:36.3125rem}}@media screen and (min-width: 1024px){.mc-layer__dialog--extend{max-width:43rem}}.mc-layer__header,.mc-layer__footer{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 1024px){.mc-layer__header,.mc-layer__footer{padding-left:2rem;padding-right:2rem}}.mc-layer__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:0.5rem;padding-top:1rem;min-height:3.75rem;position:relative}.mc-layer__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: 1024px){.mc-layer__header{padding-bottom:0.75rem;padding-top:1.25rem;min-height:4.25rem}}.mc-layer__icon{fill:#666666;height:1.5rem;margin-right:0.75rem;width:1.5rem}.mc-layer__title{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#666666;margin-bottom:0;margin-top:0}.mc-layer__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,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23808080'%3E%3Cpath d='M17.41 16l8.8-8.79a1 1 0 10-1.42-1.42L16 14.59l-8.79-8.8a1 1 0 00-1.42 1.42l8.8 8.79-8.8 8.79a1 1 0 000 1.42 1 1 0 001.42 0l8.79-8.8 8.79 8.8a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\") no-repeat;background-size:contain;cursor:pointer;height:2rem;margin-left:auto;width:2rem}.mc-layer__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-layer__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-layer__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-layer__body{-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;overflow:hidden;padding-left:0.5rem;padding-right:0.5rem}@media screen and (min-width: 1024px){.mc-layer__body{padding-left:1rem;padding-right:1rem}}.mc-layer__body--overflowing-scroll-edge+.mc-layer__footer{-webkit-box-shadow:0px 4px 20px 0px rgba(25, 25, 25, 0.2);box-shadow:0px 4px 20px 0px rgba(25, 25, 25, 0.2);position:relative}.mc-layer__body--overflowing-scroll-edge{padding-left:0;padding-right:0}.mc-layer__body--overflowing-scroll-edge .mc-layer__content{padding-left:1rem;padding-right:1.125rem}@media screen and (min-width: 1024px){.mc-layer__body--overflowing-scroll-edge .mc-layer__content{padding-left:2rem;padding-right:2rem}}.mc-layer__content{max-height:100%;overflow-y:auto;overflow-x:hidden;padding:1.5rem 0.5rem 3rem;scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin}@media screen and (min-width: 1024px){.mc-layer__content{padding-left:1rem;padding-right:1rem}}.mc-layer__content::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-layer__content::-webkit-scrollbar-thumb{background:#666666}.mc-layer__footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:1rem;padding-bottom:1rem}@media screen and (min-width: 1024px){.mc-layer__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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:1.5rem;padding-bottom:1.5rem}}.mc-layer__footer>:first-child:not(:only-child){margin-bottom:0.75rem}@media screen and (min-width: 1024px){.mc-layer__footer>:first-child:not(:only-child){margin-bottom:0;margin-right:1rem}}.mc-layer-open{overflow:hidden}.mc-layer .mc-layer__dialog.is-open{pointer-events:all;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:visibility 0s linear 0s, -webkit-transform 0.4s;transition:visibility 0s linear 0s, -webkit-transform 0.4s;-o-transition:visibility 0s linear 0s, transform 0.4s;transition:visibility 0s linear 0s, transform 0.4s;transition:visibility 0s linear 0s, transform 0.4s, -webkit-transform 0.4s;visibility:visible}.mc-layer-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-layer-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},T,E,o,{title:1,isopen:0,position:2,extended:3,scrollbaredge:12,closebuttontext:4,iconname:5,hidefooter:13,arialabelledby:6},null),e&&(e.target&&r(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["title","isopen","position","extended","scrollbaredge","closebuttontext","iconname","hidefooter","arialabelledby"]}get title(){return this.$$.ctx[1]}set title(e){this.$$set({title:e}),a()}get isopen(){return this.$$.ctx[0]}set isopen(e){this.$$set({isopen:e}),a()}get position(){return this.$$.ctx[2]}set position(e){this.$$set({position:e}),a()}get extended(){return this.$$.ctx[3]}set extended(e){this.$$set({extended:e}),a()}get scrollbaredge(){return this.$$.ctx[12]}set scrollbaredge(e){this.$$set({scrollbaredge:e}),a()}get closebuttontext(){return this.$$.ctx[4]}set closebuttontext(e){this.$$set({closebuttontext:e}),a()}get iconname(){return this.$$.ctx[5]}set iconname(e){this.$$set({iconname:e}),a()}get hidefooter(){return this.$$.ctx[13]}set hidefooter(e){this.$$set({hidefooter:e}),a()}get arialabelledby(){return this.$$.ctx[6]}set arialabelledby(e){this.$$set({arialabelledby:e}),a()}}export{C as default};
|
|
1
|
+
import{S as e,i as t,a as i,g as r,b as a,f as o,s as n,c as l,e as s,d,t as c,n as m,h as b,k as y,j as p,l as x,m as h,o as g,p as f,q as _,O as w,r as u,u as v,v as k,w as $,a6 as z,x as L,J as H}from"../../index-d12e76e8.js";import{E as T}from"../../EventHandler-f7ee47ca.js";function j(e){let t,i=`<${q(e[5])} class="mc-layer__icon" />`;return{c(){t=s("span"),b(t,"class","mc-layer__icon")},m(e,r){a(e,t,r),t.innerHTML=i},p(e,r){32&r&&i!==(i=`<${q(e[5])} class="mc-layer__icon" />`)&&(t.innerHTML=i)},d(e){e&&_(t)}}}function E(e){let t;return{c(){t=s("span"),t.innerHTML='<slot name="icon"></slot>',b(t,"class","mc-layer__icon")},m(e,i){a(e,t,i)},d(e){e&&_(t)}}}function M(e){let t;return{c(){t=s("footer"),t.innerHTML='<slot name="footer"></slot>',b(t,"class","mc-layer__footer")},m(e,i){a(e,t,i)},d(e){e&&_(t)}}}function C(e){let t,i,r,o,n,u,v,k,$,z,L,H,T,C,q,S,O,R,A,B,J,D,F=e[5]&&j(e),G=e[12].icon&&E(),I=!e[10]&&M(),K=[{class:"mc-layer"},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":e[6]},{"aria-modal":"true"},{"aria-hidden":O=!e[0]},e[7]],N={};for(let e=0;e<K.length;e+=1)N=l(N,K[e]);return{c(){t=s("div"),i=s("div"),r=s("div"),o=s("div"),F&&F.c(),n=d(),G&&G.c(),u=d(),v=s("h2"),k=c(e[1]),$=d(),z=s("button"),L=s("span"),H=c(e[4]),T=d(),C=s("main"),C.innerHTML='<article class="mc-layer__content"><slot name="content"></slot></article>',q=d(),I&&I.c(),R=d(),A=s("div"),this.c=m,b(v,"class","mc-layer__title"),b(v,"id","modallayerTitleTitle"),b(L,"class","mc-layer__close-text"),b(z,"class","mc-layer__close"),b(z,"type","button"),b(o,"class","mc-layer__header"),b(C,"class","mc-layer__body"),y(C,"mc-layer__body--overflowing-scroll-edge",e[9]),b(r,"class",S="mc-layer__dialog "+(e[0]?" is-open":"")+" "+(e[3]?" mc-layer__dialog--extend":"")),b(r,"role","document"),p(i,N),y(i,"mc-layer--ltr","left"===e[2]),b(A,"class",B="mc-layer-overlay "+(e[0]?" is-visible":"")),b(A,"tabindex","-1"),b(A,"role","dialog")},m(l,s){a(l,t,s),x(t,i),x(i,r),x(r,o),F&&F.m(o,null),x(o,n),G&&G.m(o,null),x(o,u),x(o,v),x(v,k),x(o,$),x(o,z),x(z,L),x(L,H),x(r,T),x(r,C),x(r,q),I&&I.m(r,null),x(t,R),x(t,A),e[17](t),J||(D=[h(z,"click",e[15]),h(A,"click",e[16])],J=!0)},p(e,[t]){e[5]?F?F.p(e,t):(F=j(e),F.c(),F.m(o,n)):F&&(F.d(1),F=null),e[12].icon?G||(G=E(),G.c(),G.m(o,u)):G&&(G.d(1),G=null),2&t&&g(k,e[1]),16&t&&g(H,e[4]),512&t&&y(C,"mc-layer__body--overflowing-scroll-edge",e[9]),e[10]?I&&(I.d(1),I=null):I||(I=M(),I.c(),I.m(r,null)),9&t&&S!==(S="mc-layer__dialog "+(e[0]?" is-open":"")+" "+(e[3]?" mc-layer__dialog--extend":""))&&b(r,"class",S),p(i,N=f(K,[{class:"mc-layer"},{tabindex:"-1"},{role:"dialog"},64&t&&{"aria-labelledby":e[6]},{"aria-modal":"true"},1&t&&O!==(O=!e[0])&&{"aria-hidden":O},128&t&&e[7]])),y(i,"mc-layer--ltr","left"===e[2]),1&t&&B!==(B="mc-layer-overlay "+(e[0]?" is-visible":""))&&b(A,"class",B)},i:m,o:m,d(i){i&&_(t),F&&F.d(),G&&G.d(),I&&I.d(),e[17](null),J=!1,w(D)}}}function q(e){return`${e} size="1.5rem"`}function S(e,t,i){let r,a,o;const n=["title","isopen","position","extended","scrollbaredge","closebuttontext","iconname","hidefooter","arialabelledby"];let s=u(t,n),{$$slots:d={},$$scope:c}=t;const m=v(d);let b,{title:y}=t,{isopen:p}=t,{position:x="right"}=t,{extended:h}=t,{scrollbaredge:g}=t,{closebuttontext:f="Close"}=t,{iconname:_}=t,{hidefooter:w}=t,{arialabelledby:j="LayerTitle"}=t,E=new T(k(),$());function M(){i(0,p=!1)}z((()=>{const e=b.querySelector(".mc-layer__body"),t=b.querySelector(".mc-layer__content"),i=g?"mc-layer__body--overflowing-scroll-edge":"mc-layer__body--overflowing";if(e&&t){const r=e.clientHeight;t.scrollHeight>r?e.classList.add(i):e.classList.remove(i)}}));return e.$$set=e=>{t=l(l({},t),L(e)),i(19,s=u(t,n)),"title"in e&&i(1,y=e.title),"isopen"in e&&i(0,p=e.isopen),"position"in e&&i(2,x=e.position),"extended"in e&&i(3,h=e.extended),"scrollbaredge"in e&&i(13,g=e.scrollbaredge),"closebuttontext"in e&&i(4,f=e.closebuttontext),"iconname"in e&&i(5,_=e.iconname),"hidefooter"in e&&i(14,w=e.hidefooter),"arialabelledby"in e&&i(6,j=e.arialabelledby)},e.$$.update=()=>{16384&e.$$.dirty&&i(10,r=null!=w&&w),8192&e.$$.dirty&&i(9,a=null!=g&&g),1&e.$$.dirty&&(p?E.dispatch("layer-opened",{}):E.dispatch("layer-closed",{})),i(7,o=Object.assign({},s)),128&e.$$.dirty&&delete o.class},[p,y,x,h,f,_,j,o,b,a,r,M,m,g,w,()=>M(),()=>M(),function(e){H[e?"unshift":"push"]((()=>{b=e,i(8,b)}))}]}class O extends e{constructor(e){super();const l=document.createElement("style");l.textContent=".mc-layer{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;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.mc-layer *{-webkit-box-sizing:inherit;box-sizing:inherit}.mc-layer--ltr{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.mc-layer--ltr .mc-layer__dialog{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}.mc-layer:not(.mc-layer--ltr){-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.mc-layer:not(.mc-layer--ltr) .mc-layer__dialog{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}.mc-layer__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;height:100%;max-width:calc(100% - 2rem);-webkit-transition:visibility 0s linear 0.4s, -webkit-transform 0.4s;transition:visibility 0s linear 0.4s, -webkit-transform 0.4s;-o-transition:visibility 0s linear 0.4s, transform 0.4s;transition:visibility 0s linear 0.4s, transform 0.4s;transition:visibility 0s linear 0.4s, transform 0.4s, -webkit-transform 0.4s;visibility:hidden;width:100%}@media screen and (min-width: 680px){.mc-layer__dialog{max-width:25rem}}@media screen and (min-width: 769px){.mc-layer__dialog{max-width:28.6875rem}}@media screen and (min-width: 1024px){.mc-layer__dialog{max-width:28rem}}@media screen and (min-width: 680px){.mc-layer__dialog--extend{max-width:31.75rem}}@media screen and (min-width: 769px){.mc-layer__dialog--extend{max-width:36.3125rem}}@media screen and (min-width: 1024px){.mc-layer__dialog--extend{max-width:43rem}}.mc-layer__header,.mc-layer__footer{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 1024px){.mc-layer__header,.mc-layer__footer{padding-left:2rem;padding-right:2rem}}.mc-layer__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:0.5rem;padding-top:1rem;min-height:3.75rem;position:relative}.mc-layer__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: 1024px){.mc-layer__header{padding-bottom:0.75rem;padding-top:1.25rem;min-height:4.25rem}}.mc-layer__icon{fill:#666666;height:1.5rem;margin-right:0.75rem;width:1.5rem}.mc-layer__title{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#666666;margin-bottom:0;margin-top:0}.mc-layer__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,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23808080'%3E%3Cpath d='M17.41 16l8.8-8.79a1 1 0 10-1.42-1.42L16 14.59l-8.79-8.8a1 1 0 00-1.42 1.42l8.8 8.79-8.8 8.79a1 1 0 000 1.42 1 1 0 001.42 0l8.79-8.8 8.79 8.8a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\") no-repeat;background-size:contain;cursor:pointer;height:2rem;margin-left:auto;width:2rem}.mc-layer__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-layer__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-layer__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-layer__body{-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;overflow:hidden;padding-left:0.5rem;padding-right:0.5rem}@media screen and (min-width: 1024px){.mc-layer__body{padding-left:1rem;padding-right:1rem}}.mc-layer__body--overflowing-scroll-edge+.mc-layer__footer{-webkit-box-shadow:0px 4px 20px 0px rgba(25, 25, 25, 0.2);box-shadow:0px 4px 20px 0px rgba(25, 25, 25, 0.2);position:relative}.mc-layer__body--overflowing-scroll-edge{padding-left:0;padding-right:0}.mc-layer__body--overflowing-scroll-edge .mc-layer__content{padding-left:1rem;padding-right:1.125rem}@media screen and (min-width: 1024px){.mc-layer__body--overflowing-scroll-edge .mc-layer__content{padding-left:2rem;padding-right:2rem}}.mc-layer__content{max-height:100%;overflow-y:auto;overflow-x:hidden;padding:1.5rem 0.5rem 3rem;scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin}@media screen and (min-width: 1024px){.mc-layer__content{padding-left:1rem;padding-right:1rem}}.mc-layer__content::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-layer__content::-webkit-scrollbar-thumb{background:#666666}.mc-layer__footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:1rem;padding-bottom:1rem}@media screen and (min-width: 1024px){.mc-layer__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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:1.5rem;padding-bottom:1.5rem}}.mc-layer__footer>:first-child:not(:only-child){margin-bottom:0.75rem}@media screen and (min-width: 1024px){.mc-layer__footer>:first-child:not(:only-child){margin-bottom:0;margin-right:1rem}}.mc-layer-open{overflow:hidden}.mc-layer .mc-layer__dialog.is-open{pointer-events:all;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:visibility 0s linear 0s, -webkit-transform 0.4s;transition:visibility 0s linear 0s, -webkit-transform 0.4s;-o-transition:visibility 0s linear 0s, transform 0.4s;transition:visibility 0s linear 0s, transform 0.4s;transition:visibility 0s linear 0s, transform 0.4s, -webkit-transform 0.4s;visibility:visible}.mc-layer-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-layer-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(l),t(this,{target:this.shadowRoot,props:{...i(this.attributes),$$slots:r(this)},customElement:!0},S,C,n,{title:1,isopen:0,position:2,extended:3,scrollbaredge:13,closebuttontext:4,iconname:5,hidefooter:14,arialabelledby:6},null),e&&(e.target&&a(e.target,this,e.anchor),e.props&&(this.$set(e.props),o()))}static get observedAttributes(){return["title","isopen","position","extended","scrollbaredge","closebuttontext","iconname","hidefooter","arialabelledby"]}get title(){return this.$$.ctx[1]}set title(e){this.$$set({title:e}),o()}get isopen(){return this.$$.ctx[0]}set isopen(e){this.$$set({isopen:e}),o()}get position(){return this.$$.ctx[2]}set position(e){this.$$set({position:e}),o()}get extended(){return this.$$.ctx[3]}set extended(e){this.$$set({extended:e}),o()}get scrollbaredge(){return this.$$.ctx[13]}set scrollbaredge(e){this.$$set({scrollbaredge:e}),o()}get closebuttontext(){return this.$$.ctx[4]}set closebuttontext(e){this.$$set({closebuttontext:e}),o()}get iconname(){return this.$$.ctx[5]}set iconname(e){this.$$set({iconname:e}),o()}get hidefooter(){return this.$$.ctx[14]}set hidefooter(e){this.$$set({hidefooter:e}),o()}get arialabelledby(){return this.$$.ctx[6]}set arialabelledby(e){this.$$set({arialabelledby:e}),o()}}export{O as default};
|
|
2
2
|
//# sourceMappingURL=Layer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Layer.js","sources":["../../../../src/components/layer/Layer.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import {\n get_current_component,\n onMount,\n createEventDispatcher,\n } from 'svelte/internal';\n import { EventHandler } from '../../utilities/EventHandler';\n import type { LayerPosition } from './layer.types';\n export let title: string;\n export let isopen: boolean;\n export let position: LayerPosition = 'right';\n export let extended: boolean;\n export let scrollbaredge: boolean;\n export let closebuttontext = 'Close';\n export let iconname: string | undefined = undefined;\n export let hidefooter: boolean;\n export let arialabelledby = 'LayerTitle';\n\n $: hideFooter = hidefooter ?? false;\n $: scrollbarEdge = scrollbaredge ?? false;\n $: isopen\n ? eventHandler.dispatch('layer-opened', {})\n : eventHandler.dispatch('layer-closed', {});\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n let root: HTMLElement;\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n onMount(() => {\n const body = root.querySelector('.mc-layer__body');\n const content = root.querySelector('.mc-layer__content');\n const overflowingClass = !scrollbaredge\n ? 'mc-layer__body--overflowing'\n : 'mc-layer__body--overflowing-scroll-edge';\n if (body && content) {\n const bodyHeight = body.clientHeight;\n const contentHeight = content.scrollHeight;\n\n if (contentHeight > bodyHeight) {\n body.classList.add(overflowingClass);\n } else {\n body.classList.remove(overflowingClass);\n }\n }\n });\n\n function onClose(): void {\n isopen = false;\n }\n\n function generateIconName(iconname: string): string {\n return `${iconname} size=\"1.5rem\"`;\n }\n</script>\n\n<div bind:this={root}>\n <div\n class=\"mc-layer\"\n class:mc-layer--ltr={position === 'left'}\n tabindex=\"-1\"\n role=\"dialog\"\n aria-labelledby={arialabelledby}\n aria-modal=\"true\"\n aria-hidden={!isopen}\n {...attributes}\n >\n <div\n class=\"mc-layer__dialog {isopen ? ' is-open' : ''} {extended\n ? ' mc-layer__dialog--extend'\n : ''}\"\n role=\"document\"\n >\n <div class=\"mc-layer__header\">\n {#if iconname}\n <span class=\"mc-layer__icon\">\n {@html `<${generateIconName(iconname)} class=\"mc-layer__icon\" />`}\n </span>\n {/if}\n <h2 class=\"mc-layer__title\" id=\"modallayerTitleTitle\">{title}</h2>\n <button\n class=\"mc-layer__close\"\n type=\"button\"\n on:click={() => onClose()}\n >\n <span class=\"mc-layer__close-text\">{closebuttontext}</span>\n </button>\n </div>\n <main\n class=\"mc-layer__body\"\n class:mc-layer__body--overflowing-scroll-edge={scrollbarEdge}\n >\n <article class=\"mc-layer__content\">\n <slot name=\"content\" />\n </article>\n </main>\n {#if !hideFooter}\n <footer class=\"mc-layer__footer\">\n <slot name=\"footer\" />\n </footer>\n {/if}\n </div>\n </div>\n <div\n class=\"mc-layer-overlay {isopen ? ' is-visible' : ''}\"\n tabindex=\"-1\"\n role=\"dialog\"\n on:click={() => onClose()}\n />\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.layer';\n</style>\n"],"names":["raw_value","generateIconName","ctx","insert","target","span","anchor","dirty","innerHTML","footer","create_if_block_1","create_if_block","toggle_class","div2","div4","append","div1","div0","h2","button","main","div3","div2_aria_hidden_value","iconname","root","title","$$props","isopen","position","extended","scrollbaredge","closebuttontext","hidefooter","arialabelledby","eventHandler","EventHandler","get_current_component","createEventDispatcher","onClose","$$invalidate","onMount","body","querySelector","content","overflowingClass","bodyHeight","clientHeight","scrollHeight","classList","add","remove","hideFooter","scrollbarEdge","dispatch","attributes","Object","assign","$$restProps","class","$$value"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Layer.js","sources":["../../../../src/components/layer/Layer.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import {\n get_current_component,\n onMount,\n createEventDispatcher,\n } from 'svelte/internal';\n import { EventHandler } from '../../utilities/EventHandler';\n import type { LayerPosition } from './layer.types';\n export let title: string;\n export let isopen: boolean;\n export let position: LayerPosition = 'right';\n export let extended: boolean;\n export let scrollbaredge: boolean;\n export let closebuttontext = 'Close';\n export let iconname: string | undefined = undefined;\n export let hidefooter: boolean;\n export let arialabelledby = 'LayerTitle';\n\n $: hideFooter = hidefooter ?? false;\n $: scrollbarEdge = scrollbaredge ?? false;\n $: isopen\n ? eventHandler.dispatch('layer-opened', {})\n : eventHandler.dispatch('layer-closed', {});\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n let root: HTMLElement;\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n onMount(() => {\n const body = root.querySelector('.mc-layer__body');\n const content = root.querySelector('.mc-layer__content');\n const overflowingClass = !scrollbaredge\n ? 'mc-layer__body--overflowing'\n : 'mc-layer__body--overflowing-scroll-edge';\n if (body && content) {\n const bodyHeight = body.clientHeight;\n const contentHeight = content.scrollHeight;\n\n if (contentHeight > bodyHeight) {\n body.classList.add(overflowingClass);\n } else {\n body.classList.remove(overflowingClass);\n }\n }\n });\n\n function onClose(): void {\n isopen = false;\n }\n\n function generateIconName(iconname: string): string {\n return `${iconname} size=\"1.5rem\"`;\n }\n</script>\n\n<div bind:this={root}>\n <div\n class=\"mc-layer\"\n class:mc-layer--ltr={position === 'left'}\n tabindex=\"-1\"\n role=\"dialog\"\n aria-labelledby={arialabelledby}\n aria-modal=\"true\"\n aria-hidden={!isopen}\n {...attributes}\n >\n <div\n class=\"mc-layer__dialog {isopen ? ' is-open' : ''} {extended\n ? ' mc-layer__dialog--extend'\n : ''}\"\n role=\"document\"\n >\n <div class=\"mc-layer__header\">\n {#if iconname}\n <span class=\"mc-layer__icon\">\n {@html `<${generateIconName(iconname)} class=\"mc-layer__icon\" />`}\n </span>\n {/if}\n {#if $$slots.icon}\n <span class=\"mc-layer__icon\">\n <slot name=\"icon\" />\n </span>\n {/if}\n <h2 class=\"mc-layer__title\" id=\"modallayerTitleTitle\">{title}</h2>\n <button\n class=\"mc-layer__close\"\n type=\"button\"\n on:click={() => onClose()}\n >\n <span class=\"mc-layer__close-text\">{closebuttontext}</span>\n </button>\n </div>\n <main\n class=\"mc-layer__body\"\n class:mc-layer__body--overflowing-scroll-edge={scrollbarEdge}\n >\n <article class=\"mc-layer__content\">\n <slot name=\"content\" />\n </article>\n </main>\n {#if !hideFooter}\n <footer class=\"mc-layer__footer\">\n <slot name=\"footer\" />\n </footer>\n {/if}\n </div>\n </div>\n <div\n class=\"mc-layer-overlay {isopen ? ' is-visible' : ''}\"\n tabindex=\"-1\"\n role=\"dialog\"\n on:click={() => onClose()}\n />\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.layer';\n</style>\n"],"names":["raw_value","generateIconName","ctx","insert","target","span","anchor","dirty","innerHTML","footer","create_if_block_2","if_block1","icon","create_if_block_1","create_if_block","toggle_class","div2","div4","append","div1","div0","h2","button","main","div3","div2_aria_hidden_value","iconname","root","title","$$props","isopen","position","extended","scrollbaredge","closebuttontext","hidefooter","arialabelledby","eventHandler","EventHandler","get_current_component","createEventDispatcher","onClose","$$invalidate","onMount","body","querySelector","content","overflowingClass","bodyHeight","clientHeight","scrollHeight","classList","add","remove","hideFooter","scrollbarEdge","dispatch","attributes","Object","assign","$$restProps","class","$$value"],"mappings":"4SA+EuBA,EAAA,IAAAC,EAAiBC,EAAQ,6FADtCC,EAEMC,EAAAC,EAAAC,yBADO,GAAAC,GAAAP,KAAAA,EAAA,IAAAC,EAAiBC,EAAQ,mCAAAG,EAAAG,UAAAR,4IAItCG,EAEMC,EAAAC,EAAAC,kJAoBRH,EAEQC,EAAAK,EAAAH,mFA9BHJ,EAAQ,IAAAQ,EAAAR,GAKRS,EAAAT,MAAQU,MAAIC,OAsBbX,EAAU,KAAAY,6EAvCDZ,EAAc,4CAEjBA,EAAM,IAChBA,EAAU,oJAmB6CA,EAAK,wCAMtBA,EAAe,2ZAKNA,EAAa,uCA3BrCA,EAAM,GAAG,WAAa,SAAKA,EAAA,GAChD,4BACA,mCAXea,EAAAC,EAAA,gBAAa,SAAbd,yCAkDIA,EAAM,GAAG,cAAgB,uDArDtDC,EA0DKC,EAAAa,EAAAX,GAzDHY,EAkDKD,EAAAD,GAxCHE,EAuCKF,EAAAG,GAjCHD,EAmBKC,EAAAC,+CARHF,EAAiEE,EAAAC,iBACjEH,EAMQE,EAAAE,GADNJ,EAA0DI,EAAAjB,iBAG9Da,EAOMC,EAAAI,gCAQVL,EAKCD,EAAAO,0EAvCUtB,EAAQ,yDAKRA,MAAQU,2DAK0CV,EAAK,cAMtBA,EAAe,yDAKNA,EAAa,IAMxDA,EAAU,qFAjCSA,EAAM,GAAG,WAAa,SAAKA,EAAA,GAChD,4BACA,4GARWA,EAAc,uCAEjBA,EAAM,KAAA,CAAA,cAAAuB,UAChBvB,EAAU,MANOa,EAAAC,EAAA,gBAAa,SAAbd,uCAkDIA,EAAM,GAAG,cAAgB,8FA1D3C,SAAAD,EAAiByB,YACdA,mOA5BRC,SAjBOC,GAAaC,UACbC,GAAeD,GACfE,SAAAA,EAA0B,SAAOF,YACjCG,GAAiBH,iBACjBI,GAAsBJ,GACtBK,gBAAAA,EAAkB,SAAOL,GACzBH,SAAAA,GAAwCG,cACxCM,GAAmBN,GACnBO,eAAAA,EAAiB,cAAYP,EAUpCQ,EAAmB,IAAAC,EACrBC,IACAC,cAoBOC,IACPC,EAAA,EAAAZ,GAAS,GAnBXa,GAAO,KACC,MAAAC,EAAOjB,EAAKkB,cAAc,mBAC1BC,EAAUnB,EAAKkB,cAAc,sBAC7BE,EAAoBd,EAEtB,0CADA,8BAEA,GAAAW,GAAQE,EAAO,OACXE,EAAaJ,EAAKK,aACFH,EAAQI,aAEVF,EAClBJ,EAAKO,UAAUC,IAAIL,GAEnBH,EAAKO,UAAUE,OAAON,ibAzB3BL,EAAA,GAAEY,EAAanB,SAAAA,oBACfO,EAAA,EAAEa,EAAgBtB,SAAAA,kBAChBH,EACCO,EAAamB,SAAS,eAAc,IACpCnB,EAAamB,SAAS,eAAc,CAAA,QACrCC,EAALC,OAAAC,UAAuBC,2BACXH,EAAWI,0CAiEGpB,QAwBNA,4CAxDJd,EAAImC"}
|
|
@@ -80,6 +80,11 @@
|
|
|
80
80
|
{@html `<${generateIconName(iconname)} class="mc-layer__icon" />`}
|
|
81
81
|
</span>
|
|
82
82
|
{/if}
|
|
83
|
+
{#if $$slots.icon}
|
|
84
|
+
<span class="mc-layer__icon">
|
|
85
|
+
<slot name="icon" />
|
|
86
|
+
</span>
|
|
87
|
+
{/if}
|
|
83
88
|
<h2 class="mc-layer__title" id="modallayerTitleTitle">{title}</h2>
|
|
84
89
|
<button
|
|
85
90
|
class="mc-layer__close"
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{S as e,i,a as t,
|
|
1
|
+
import{S as e,i,a as t,g as n,b as s,f as o,s as r,c as l,e as c,d as a,t as m,n as d,j as h,l as f,M as p,m as k,a1 as u,p as b,q as g,O as $,r as x,u as v,v as w,x as y,h as z,U as _,R as j,a3 as C}from"../../index-d12e76e8.js";import{c as E}from"../../EventForward-e61ea03d.js";function R(e){let i,t;function n(e,i){return e[6]?q:e[11].icon?O:void 0}let o=n(e),r=o&&o(e);return{c(){i=c("span"),r&&r.c(),z(i,"class",t=B(e[7]))},m(e,t){s(e,i,t),r&&r.m(i,null)},p(e,s){o===(o=n(e))&&r?r.p(e,s):(r&&r.d(1),r=o&&o(e),r&&(r.c(),r.m(i,null))),128&s&&t!==(t=B(e[7]))&&z(i,"class",t)},d(e){e&&g(i),r&&r.d()}}}function O(e){let i;return{c(){i=c("slot"),z(i,"name","icon")},m(e,t){s(e,i,t)},p:d,d(e){e&&g(i)}}}function q(e){let i,t,n=`<${U(e[6])} />`;return{c(){i=new C(!1),t=j(),i.a=t},m(e,o){i.m(n,e,o),s(e,t,o)},p(e,t){64&t&&n!==(n=`<${U(e[6])} />`)&&i.p(n)},d(e){e&&g(t),e&&i.d()}}}function A(e){let i,t;function n(e,i){return e[6]?M:e[11].icon?F:void 0}let o=n(e),r=o&&o(e);return{c(){i=c("span"),r&&r.c(),z(i,"class",t=B(e[7]))},m(e,t){s(e,i,t),r&&r.m(i,null)},p(e,s){o===(o=n(e))&&r?r.p(e,s):(r&&r.d(1),r=o&&o(e),r&&(r.c(),r.m(i,null))),128&s&&t!==(t=B(e[7]))&&z(i,"class",t)},d(e){e&&g(i),r&&r.d()}}}function F(e){let i;return{c(){i=c("slot"),z(i,"name","icon")},m(e,t){s(e,i,t)},p:d,d(e){e&&g(i)}}}function M(e){let i,t,n=`<${U(e[6])} />`;return{c(){i=new C(!1),t=j(),i.a=t},m(e,o){i.m(n,e,o),s(e,t,o)},p(e,t){64&t&&n!==(n=`<${U(e[6])} />`)&&i.p(n)},d(e){e&&g(t),e&&i.d()}}}function S(e){let i,t,n,o,r,x,v,w=(e[6]||e[11].icon)&&"left"===e[7]&&R(e),y=(e[6]||e[11].icon)&&"right"===e[7]&&A(e),z=[{href:e[1]},{target:e[2]},{class:r=D(e[3],e[5])+" "+(e[4]?"is-disabled":"")+" "+e[9]},e[8]],_={};for(let e=0;e<z.length;e+=1)_=l(_,z[e]);return{c(){i=c("a"),w&&w.c(),t=a(),n=m(e[0]),o=a(),y&&y.c(),this.c=d,h(i,_)},m(r,l){s(r,i,l),w&&w.m(i,null),f(i,t),f(i,n),f(i,o),y&&y.m(i,null),x||(v=[p(e[10].call(null,i)),k(i,"click",e[12])],x=!0)},p(e,[s]){(e[6]||e[11].icon)&&"left"===e[7]?w?w.p(e,s):(w=R(e),w.c(),w.m(i,t)):w&&(w.d(1),w=null),1&s&&u(n,e[0],_.contenteditable),(e[6]||e[11].icon)&&"right"===e[7]?y?y.p(e,s):(y=A(e),y.c(),y.m(i,null)):y&&(y.d(1),y=null),h(i,_=b(z,[2&s&&{href:e[1]},4&s&&{target:e[2]},568&s&&r!==(r=D(e[3],e[5])+" "+(e[4]?"is-disabled":"")+" "+e[9])&&{class:r},256&s&&e[8]]))},i:d,o:d,d(e){e&&g(i),w&&w.d(),y&&y.d(),x=!1,$(v)}}}function U(e){return`${e} size="1rem"`}function B(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 D(e,i){const t=["mc-link"];return e&&t.push(`mc-link--${e}`),i&&t.push(`mc-link--${i}`),t.join(" ")}function G(e,i,t){let n,s;const o=["label","href","target","theme","disabled","size","iconname","iconposition"];let r=x(i,o),{$$slots:c={},$$scope:a}=i;const m=v(c);let{label:d}=i,{href:h}=i,{target:f}=i,{theme:p}=i,{disabled:k=!1}=i,{size:u="m"}=i,{iconname:b}=i,{iconposition:g}=i;const $=E(w());return e.$$set=e=>{t(14,i=l(l({},i),y(e))),t(13,r=x(i,o)),"label"in e&&t(0,d=e.label),"href"in e&&t(1,h=e.href),"target"in e&&t(2,f=e.target),"theme"in e&&t(3,p=e.theme),"disabled"in e&&t(4,k=e.disabled),"size"in e&&t(5,u=e.size),"iconname"in e&&t(6,b=e.iconname),"iconposition"in e&&t(7,g=e.iconposition)},e.$$.update=()=>{t(9,n=i.class),t(8,s=Object.assign({},r)),256&e.$$.dirty&&delete s.class},i=y(i),[d,h,f,p,k,u,b,g,s,n,$,m,function(i){_.call(this,e,i)}]}class H extends e{constructor(e){super();const l=document.createElement("style");l.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(l),i(this,{target:this.shadowRoot,props:{...t(this.attributes),$$slots:n(this)},customElement:!0},G,S,r,{label:0,href:1,target:2,theme:3,disabled:4,size:5,iconname:6,iconposition:7},null),e&&(e.target&&s(e.target,this,e.anchor),e.props&&(this.$set(e.props),o()))}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}),o()}get href(){return this.$$.ctx[1]}set href(e){this.$$set({href:e}),o()}get target(){return this.$$.ctx[2]}set target(e){this.$$set({target:e}),o()}get theme(){return this.$$.ctx[3]}set theme(e){this.$$set({theme:e}),o()}get disabled(){return this.$$.ctx[4]}set disabled(e){this.$$set({disabled:e}),o()}get size(){return this.$$.ctx[5]}set size(e){this.$$set({size:e}),o()}get iconname(){return this.$$.ctx[6]}set iconname(e){this.$$set({iconname:e}),o()}get iconposition(){return this.$$.ctx[7]}set iconposition(e){this.$$set({iconposition:e}),o()}}export{H as default};
|
|
2
2
|
//# sourceMappingURL=Link.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.js","sources":["../../../../src/components/link/Link.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { get_current_component } from 'svelte/internal';\n import type { LinkIconPosition, LinkSize, LinkTheme } from './link.types';\n import { createEventForwarder } from '../../utilities/EventForward';\n export let label: string;\n export let href: string;\n export let target: string;\n export let theme: LinkTheme = undefined;\n export let disabled = false;\n export let size: LinkSize = 'm';\n export let iconname: string | undefined = undefined;\n export let iconposition: LinkIconPosition | undefined = undefined;\n\n const forwardEvents = createEventForwarder(get_current_component());\n\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n function generateIconName(iconName: string): string {\n return `${iconName} size=\"1rem\"`;\n }\n\n function generateIconClass(iconposition: string): string {\n const classes = ['mc-link__icon'];\n\n if (iconposition === 'left') {\n classes.push('mc-link__icon--left');\n }\n\n if (iconposition === 'right') {\n classes.push('mc-link__icon--right');\n }\n return classes.join(' ');\n }\n\n function setClasses(theme: LinkTheme, size: LinkSize): string {\n const classes = ['mc-link'];\n\n if (theme) {\n classes.push(`mc-link--${theme}`);\n }\n if (size) {\n classes.push(`mc-link--${size}`);\n }\n return classes.join(' ');\n }\n</script>\n\n<a\n use:forwardEvents\n on:click\n {href}\n {target}\n class=\"{setClasses(theme, size)} {disabled ? 'is-disabled' : ''} {userClass}\"\n {...attributes}\n>\n {#if iconname && iconposition === 'left'}\n <span class={generateIconClass(iconposition)}>\n {@html `<${generateIconName(iconname)} />`}\n </span>\n {/if}\n\n {label}\n\n {#if iconname && iconposition === 'right'}\n <span class={generateIconClass(iconposition)}>\n {@html `<${generateIconName(iconname)} />`}\n </span>\n {/if}\n</a>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.links';\n</style>\n"],"names":["
|
|
1
|
+
{"version":3,"file":"Link.js","sources":["../../../../src/components/link/Link.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { get_current_component } from 'svelte/internal';\n import type { LinkIconPosition, LinkSize, LinkTheme } from './link.types';\n import { createEventForwarder } from '../../utilities/EventForward';\n export let label: string;\n export let href: string;\n export let target: string;\n export let theme: LinkTheme = undefined;\n export let disabled = false;\n export let size: LinkSize = 'm';\n export let iconname: string | undefined = undefined;\n export let iconposition: LinkIconPosition | undefined = undefined;\n\n const forwardEvents = createEventForwarder(get_current_component());\n\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n function generateIconName(iconName: string): string {\n return `${iconName} size=\"1rem\"`;\n }\n\n function generateIconClass(iconposition: string): string {\n const classes = ['mc-link__icon'];\n\n if (iconposition === 'left') {\n classes.push('mc-link__icon--left');\n }\n\n if (iconposition === 'right') {\n classes.push('mc-link__icon--right');\n }\n return classes.join(' ');\n }\n\n function setClasses(theme: LinkTheme, size: LinkSize): string {\n const classes = ['mc-link'];\n\n if (theme) {\n classes.push(`mc-link--${theme}`);\n }\n if (size) {\n classes.push(`mc-link--${size}`);\n }\n return classes.join(' ');\n }\n</script>\n\n<a\n use:forwardEvents\n on:click\n {href}\n {target}\n class=\"{setClasses(theme, size)} {disabled ? 'is-disabled' : ''} {userClass}\"\n {...attributes}\n>\n {#if (iconname || $$slots.icon) && iconposition === 'left'}\n <span class={generateIconClass(iconposition)}>\n {#if iconname}\n {@html `<${generateIconName(iconname)} />`}\n {:else if $$slots.icon}\n <slot name=\"icon\" />\n {/if}\n </span>\n {/if}\n\n {label}\n\n {#if (iconname || $$slots.icon) && iconposition === 'right'}\n <span class={generateIconClass(iconposition)}>\n {#if iconname}\n {@html `<${generateIconName(iconname)} />`}\n {:else if $$slots.icon}\n <slot name=\"icon\" />\n {/if}\n </span>\n {/if}\n</a>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.links';\n</style>\n"],"names":["ctx","create_if_block_4","icon","create_if_block_5","attr","span","span_class_value","generateIconClass","insert","target","anchor","dirty","slot","raw_value","generateIconName","html_tag","p","create_if_block_1","create_if_block_2","if_block0","create_if_block_3","if_block1","create_if_block","setClasses","a","a_data","class","a_class_value","iconName","iconposition","classes","push","join","theme","size","label","$$props","href","disabled","iconname","forwardEvents","createEventForwarder","get_current_component","$$invalidate","userClass","attributes","Object","assign","$$restProps"],"mappings":"sUA6DWA,EAAQ,GAAAC,EAEHD,MAAQE,KAAIC,OAAZ,uDAHCC,EAAAC,EAAA,QAAAC,EAAAC,EAAkBP,EAAY,aAA3CQ,EAMMC,EAAAJ,EAAAK,gGANO,IAAAC,GAAAL,KAAAA,EAAAC,EAAkBP,EAAY,oHAIvCQ,EAAmBC,EAAAG,EAAAF,6CAFRG,EAAA,IAAAC,EAAiBd,EAAQ,gFAAzB,GAAAW,GAAAE,KAAAA,EAAA,IAAAC,EAAiBd,EAAQ,WAAAe,EAAAC,EAAAH,yEAWjCb,EAAQ,GAAAiB,EAEHjB,MAAQE,KAAIgB,OAAZ,uDAHCd,EAAAC,EAAA,QAAAC,EAAAC,EAAkBP,EAAY,aAA3CQ,EAMMC,EAAAJ,EAAAK,gGANO,IAAAC,GAAAL,KAAAA,EAAAC,EAAkBP,EAAY,oHAIvCQ,EAAmBC,EAAAG,EAAAF,6CAFRG,EAAA,IAAAC,EAAiBd,EAAQ,gFAAzB,GAAAW,GAAAE,KAAAA,EAAA,IAAAC,EAAiBd,EAAQ,WAAAe,EAAAC,EAAAH,4DAfpCM,GAAAnB,MAAYA,EAAO,IAACE,OAA0B,SAAjBF,MAAuBoB,EAAApB,GAYpDqB,GAAArB,MAAYA,EAAO,IAACE,OAA0B,UAAjBF,MAAwBsB,EAAAtB,yCAfnDuB,EAAWvB,EAAK,GAAEA,EAAI,IAAA,KAAIA,EAAQ,GAAG,cAAgB,IAAE,IAAGA,EAAS,IACvEA,EAAU,wFAYbA,EAAK,2CAlBRQ,EA6BGC,EAAAe,EAAAd,wHArBKV,MAAYA,EAAO,IAACE,OAA0B,SAAjBF,oEAUlCA,EAAK,GAAAyB,EAAA,kBAEAzB,MAAYA,EAAO,IAACE,OAA0B,UAAjBF,2HAf3BuB,EAAWvB,EAAK,GAAEA,EAAI,IAAA,KAAIA,EAAQ,GAAG,cAAgB,IAAE,IAAGA,EAAS,KAAA,CAAA0B,MAAAC,UACvE3B,EAAU,0DApCL,SAAAc,EAAiBc,YACdA,gBAGH,SAAArB,EAAkBsB,GACnB,MAAAC,GAAW,uBAEI,SAAjBD,GACFC,EAAQC,KAAK,uBAGM,UAAjBF,GACFC,EAAQC,KAAK,wBAERD,EAAQE,KAAK,cAGbT,EAAWU,EAAkBC,GAC9B,MAAAJ,GAAW,kBAEbG,GACFH,EAAQC,KAAI,YAAaE,KAEvBC,GACFJ,EAAQC,KAAI,YAAaG,KAEpBJ,EAAQE,KAAK,oLAzCXG,GAAaC,QACbC,GAAYD,UACZ3B,GAAc2B,GACdH,MAAAA,GAA4BG,GAC5BE,SAAAA,GAAW,GAAKF,GAChBF,KAAAA,EAAiB,KAAGE,GACpBG,SAAAA,GAAwCH,GACxCP,aAAAA,GAAsDO,QAE3DI,EAAgBC,EAAqBC,yUAExCC,EAAA,EAAAC,EAAYR,EAAQV,WACpBmB,EAALC,OAAAC,UAAuBC,2BACXH,EAAWnB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{G as e,i,s as l,H as t,c as n,e as s,d as o,t as c,j as r,k as a,b as m,l as h,M as d,m as v,A as w,y as f,z,a1 as k,p,q as u,O as b,r as g,u as x,v as y,x as $,h as _,V as j,B as O,U as q,X as A,Y as B,Z as C,_ as E,R as F,n as G,a3 as H}from"../../index-d12e76e8.js";import{c as M}from"../../EventForward-e61ea03d.js";function R(e){t(e,"svelte-14hi1wz",'.mc-link.svelte-14hi1wz{-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.svelte-14hi1wz:focus{outline:none}.mc-link.svelte-14hi1wz: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.svelte-14hi1wz,.mc-link.svelte-14hi1wz:visited{color:#333333}.mc-link.is-hover.svelte-14hi1wz,.mc-link.svelte-14hi1wz:hover{color:#666666}.mc-link.is-active.svelte-14hi1wz,.mc-link.svelte-14hi1wz:active{color:#333333}.mc-link.is-disabled.svelte-14hi1wz{color:#e6e6e6;cursor:not-allowed}.mc-link--s.svelte-14hi1wz{font-size:0.875rem;line-height:1.2857142857}.mc-link--m.svelte-14hi1wz{font-size:1rem;line-height:1.375}.mc-link.svelte-14hi1wz::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.svelte-14hi1wz{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light.svelte-14hi1wz{color:#ffffff}.mc-link--light.is-visited.svelte-14hi1wz,.mc-link--light.svelte-14hi1wz:visited{color:#cccccc}.mc-link--light.is-hover.svelte-14hi1wz,.mc-link--light.svelte-14hi1wz:hover{color:#999999}.mc-link--light.is-active.svelte-14hi1wz,.mc-link--light.svelte-14hi1wz:active{color:#cccccc}.mc-link--light.is-disabled.svelte-14hi1wz{color:#e6e6e6;cursor:not-allowed}.mc-link--primary.svelte-14hi1wz{color:#ff5800}.mc-link--primary.is-visited.svelte-14hi1wz,.mc-link--primary.svelte-14hi1wz:visited{color:#ff5800}.mc-link--primary.is-hover.svelte-14hi1wz,.mc-link--primary.svelte-14hi1wz:hover{color:#b83f00}.mc-link--primary.is-active.svelte-14hi1wz,.mc-link--primary.svelte-14hi1wz:active{color:#ff5800}.mc-link--primary.is-disabled.svelte-14hi1wz{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02.svelte-14hi1wz{color:#b83f00}.mc-link--primary-02.is-visited.svelte-14hi1wz,.mc-link--primary-02.svelte-14hi1wz:visited{color:#943300}.mc-link--primary-02.is-hover.svelte-14hi1wz,.mc-link--primary-02.svelte-14hi1wz:hover{color:#421700}.mc-link--primary-02.is-active.svelte-14hi1wz,.mc-link--primary-02.svelte-14hi1wz:active{color:#943300}.mc-link--primary-02.is-disabled.svelte-14hi1wz{color:#e6e6e6;cursor:not-allowed}.mc-link--danger.svelte-14hi1wz{color:#c61112}.mc-link--danger.is-visited.svelte-14hi1wz,.mc-link--danger.svelte-14hi1wz:visited{color:#8c0003}.mc-link--danger.is-hover.svelte-14hi1wz,.mc-link--danger.svelte-14hi1wz:hover{color:#530000}.mc-link--danger.is-active.svelte-14hi1wz,.mc-link--danger.svelte-14hi1wz:active{color:#8c0003}.mc-link--danger.is-disabled.svelte-14hi1wz{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m.svelte-14hi1wz{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m.svelte-14hi1wz{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l.svelte-14hi1wz{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l.svelte-14hi1wz{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl.svelte-14hi1wz{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl.svelte-14hi1wz{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl.svelte-14hi1wz{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl.svelte-14hi1wz{font-size:1rem;line-height:1.375}}')}const U=e=>({}),V=e=>({}),X=e=>({}),Y=e=>({});function Z(e){let i,l,t,n,o;const c=[I,D],r=[];function a(e,i){return e[6]?0:e[11].icon?1:-1}return~(l=a(e))&&(t=r[l]=c[l](e)),{c(){i=s("span"),t&&t.c(),_(i,"class",n=j(Q(e[7]))+" svelte-14hi1wz")},m(e,t){m(e,i,t),~l&&r[l].m(i,null),o=!0},p(e,s){let m=l;l=a(e),l===m?~l&&r[l].p(e,s):(t&&(O(),f(r[m],1,1,(()=>{r[m]=null})),z()),~l?(t=r[l],t?t.p(e,s):(t=r[l]=c[l](e),t.c()),w(t,1),t.m(i,null)):t=null),(!o||128&s&&n!==(n=j(Q(e[7]))+" svelte-14hi1wz"))&&_(i,"class",n)},i(e){o||(w(t),o=!0)},o(e){f(t),o=!1},d(e){e&&u(i),~l&&r[l].d()}}}function D(e){let i;const l=e[13].icon,t=A(l,e,e[12],Y);return{c(){t&&t.c()},m(e,l){t&&t.m(e,l),i=!0},p(e,n){t&&t.p&&(!i||4096&n)&&B(t,l,e,e[12],i?E(l,e[12],n,X):C(e[12]),Y)},i(e){i||(w(t,e),i=!0)},o(e){f(t,e),i=!1},d(e){t&&t.d(e)}}}function I(e){let i,l,t=`<${P(e[6])} />`;return{c(){i=new H(!1),l=F(),i.a=l},m(e,n){i.m(t,e,n),m(e,l,n)},p(e,l){64&l&&t!==(t=`<${P(e[6])} />`)&&i.p(t)},i:G,o:G,d(e){e&&u(l),e&&i.d()}}}function J(e){let i,l,t,n,o;const c=[L,K],r=[];function a(e,i){return e[6]?0:e[11].icon?1:-1}return~(l=a(e))&&(t=r[l]=c[l](e)),{c(){i=s("span"),t&&t.c(),_(i,"class",n=j(Q(e[7]))+" svelte-14hi1wz")},m(e,t){m(e,i,t),~l&&r[l].m(i,null),o=!0},p(e,s){let m=l;l=a(e),l===m?~l&&r[l].p(e,s):(t&&(O(),f(r[m],1,1,(()=>{r[m]=null})),z()),~l?(t=r[l],t?t.p(e,s):(t=r[l]=c[l](e),t.c()),w(t,1),t.m(i,null)):t=null),(!o||128&s&&n!==(n=j(Q(e[7]))+" svelte-14hi1wz"))&&_(i,"class",n)},i(e){o||(w(t),o=!0)},o(e){f(t),o=!1},d(e){e&&u(i),~l&&r[l].d()}}}function K(e){let i;const l=e[13].icon,t=A(l,e,e[12],V);return{c(){t&&t.c()},m(e,l){t&&t.m(e,l),i=!0},p(e,n){t&&t.p&&(!i||4096&n)&&B(t,l,e,e[12],i?E(l,e[12],n,U):C(e[12]),V)},i(e){i||(w(t,e),i=!0)},o(e){f(t,e),i=!1},d(e){t&&t.d(e)}}}function L(e){let i,l,t=`<${P(e[6])} />`;return{c(){i=new H(!1),l=F(),i.a=l},m(e,n){i.m(t,e,n),m(e,l,n)},p(e,l){64&l&&t!==(t=`<${P(e[6])} />`)&&i.p(t)},i:G,o:G,d(e){e&&u(l),e&&i.d()}}}function N(e){let i,l,t,g,x,y,$,_,j=(e[6]||e[11].icon)&&"left"===e[7]&&Z(e),q=(e[6]||e[11].icon)&&"right"===e[7]&&J(e),A=[{href:e[1]},{target:e[2]},{class:x=S(e[3],e[5])+" "+(e[4]?"is-disabled":"")+" "+e[9]},e[8]],B={};for(let e=0;e<A.length;e+=1)B=n(B,A[e]);return{c(){i=s("a"),j&&j.c(),l=o(),t=c(e[0]),g=o(),q&&q.c(),r(i,B),a(i,"svelte-14hi1wz",!0)},m(n,s){m(n,i,s),j&&j.m(i,null),h(i,l),h(i,t),h(i,g),q&&q.m(i,null),y=!0,$||(_=[d(e[10].call(null,i)),v(i,"click",e[14])],$=!0)},p(e,[n]){(e[6]||e[11].icon)&&"left"===e[7]?j?(j.p(e,n),2240&n&&w(j,1)):(j=Z(e),j.c(),w(j,1),j.m(i,l)):j&&(O(),f(j,1,1,(()=>{j=null})),z()),(!y||1&n)&&k(t,e[0],B.contenteditable),(e[6]||e[11].icon)&&"right"===e[7]?q?(q.p(e,n),2240&n&&w(q,1)):(q=J(e),q.c(),w(q,1),q.m(i,null)):q&&(O(),f(q,1,1,(()=>{q=null})),z()),r(i,B=p(A,[(!y||2&n)&&{href:e[1]},(!y||4&n)&&{target:e[2]},(!y||568&n&&x!==(x=S(e[3],e[5])+" "+(e[4]?"is-disabled":"")+" "+e[9]))&&{class:x},256&n&&e[8]])),a(i,"svelte-14hi1wz",!0)},i(e){y||(w(j),w(q),y=!0)},o(e){f(j),f(q),y=!1},d(e){e&&u(i),j&&j.d(),q&&q.d(),$=!1,b(_)}}}function P(e){return`${e} size="1rem"`}function Q(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 S(e,i){const l=["mc-link"];return e&&l.push(`mc-link--${e}`),i&&l.push(`mc-link--${i}`),l.join(" ")}function T(e,i,l){let t,s;const o=["label","href","target","theme","disabled","size","iconname","iconposition"];let c=g(i,o),{$$slots:r={},$$scope:a}=i;const m=x(r);let{label:h}=i,{href:d}=i,{target:v}=i,{theme:w}=i,{disabled:f=!1}=i,{size:z="m"}=i,{iconname:k}=i,{iconposition:p}=i;const u=M(y());return e.$$set=e=>{l(16,i=n(n({},i),$(e))),l(15,c=g(i,o)),"label"in e&&l(0,h=e.label),"href"in e&&l(1,d=e.href),"target"in e&&l(2,v=e.target),"theme"in e&&l(3,w=e.theme),"disabled"in e&&l(4,f=e.disabled),"size"in e&&l(5,z=e.size),"iconname"in e&&l(6,k=e.iconname),"iconposition"in e&&l(7,p=e.iconposition),"$$scope"in e&&l(12,a=e.$$scope)},e.$$.update=()=>{l(9,t=i.class),l(8,s=Object.assign({},c)),256&e.$$.dirty&&delete s.class},i=$(i),[h,d,v,w,f,z,k,p,s,t,u,m,a,r,function(i){q.call(this,e,i)}]}class W extends e{constructor(e){super(),i(this,e,T,N,l,{label:0,href:1,target:2,theme:3,disabled:4,size:5,iconname:6,iconposition:7},R)}}export{W as default};
|
|
2
2
|
//# sourceMappingURL=Link.nested.js.map
|