@mozaic-ds/web-components 0.12.0 → 0.14.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/README.md +2 -1
- package/package.json +3 -3
- package/public/{adeo/EventForward-8492ff62.js → EventForward-422700d7.js} +2 -2
- package/public/{EventForward-8492ff62.js.map → EventForward-422700d7.js.map} +1 -1
- package/public/{EventHandler-02058705.js → EventHandler-f4efd23c.js} +2 -2
- package/public/{EventHandler-02058705.js.map → EventHandler-f4efd23c.js.map} +1 -1
- package/public/{bricoman/EventForward-8492ff62.js → adeo/EventForward-422700d7.js} +2 -2
- package/public/adeo/{EventForward-8492ff62.js.map → EventForward-422700d7.js.map} +1 -1
- package/public/adeo/{EventHandler-02058705.js → EventHandler-f4efd23c.js} +2 -2
- package/public/adeo/{EventHandler-02058705.js.map → EventHandler-f4efd23c.js.map} +1 -1
- package/public/adeo/bundle.js +20 -0
- package/public/adeo/components/accordion/Accordion.js +1 -1
- package/public/adeo/components/actionbar/ActionBar.js +2 -0
- package/public/adeo/components/actionbar/ActionBar.js.map +1 -0
- package/public/adeo/components/actionbar/ActionBar.svelte +97 -0
- 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.nested.js +1 -1
- package/public/adeo/components/bottombar/BottomBar.js +2 -0
- package/public/adeo/components/bottombar/BottomBar.js.map +1 -0
- package/public/adeo/components/bottombar/BottomBar.svelte +18 -0
- package/public/adeo/components/breadcrumb/Breadcrumb.js +1 -1
- package/public/adeo/components/breadcrumb/Breadcrumb.nested.js +1 -1
- package/public/adeo/components/button/Button.js +1 -1
- package/public/adeo/components/button/Button.nested.js +2 -0
- package/public/adeo/components/button/Button.nested.js.map +1 -0
- package/public/adeo/components/button/Button.nested.svelte +173 -0
- package/public/adeo/components/card/Card.js +1 -1
- package/public/adeo/components/carousel/Carousel.js +2 -0
- package/public/adeo/components/carousel/Carousel.js.map +1 -0
- package/public/adeo/components/carousel/Carousel.svelte +414 -0
- package/public/adeo/components/carousel/CarouselCard.nested.js +2 -0
- package/public/adeo/components/carousel/CarouselCard.nested.js.map +1 -0
- package/public/adeo/components/carousel/carousel.types.d.ts +19 -0
- package/public/adeo/components/carousel/carousel.types.d.ts.map +1 -0
- package/public/adeo/components/carouselcard/CarouselCard.nested.svelte +37 -0
- package/public/adeo/components/chart/BarChart.js +1 -1
- package/public/adeo/components/chart/Donut.js +1 -1
- package/public/adeo/components/chart/GroupedBarChart.js +1 -1
- package/public/adeo/components/chart/LineChart.js +1 -1
- package/public/adeo/components/chart/Radar.js +1 -1
- package/public/adeo/components/chart/StackedBarChart.js +1 -1
- package/public/adeo/components/checkbox/Checkbox.js +1 -1
- package/public/adeo/components/checkboxgroup/checkboxGroup.js +1 -1
- package/public/adeo/components/checkboxgroup/checkboxgroup.types.d.ts.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 +9 -4
- package/public/adeo/components/datatable/DataTableDefaultAction.nested.js +1 -1
- package/public/adeo/components/datatable/DataTableDefaultAction.nested.js.map +1 -1
- package/public/adeo/components/datatable/DataTableDefaultEdtion.nested.js +1 -1
- package/public/adeo/components/datatable/DataTableDefaultEdtion.nested.js.map +1 -1
- package/public/adeo/components/datatable/DataTableDefaultFilterTags.nested.js +1 -1
- package/public/adeo/components/datatable/DataTableDefaultFilterTags.nested.js.map +1 -1
- package/public/adeo/components/datatable/DataTableDefaultSelection.nested.js +1 -1
- package/public/adeo/components/datatable/DataTableDefaultSelection.nested.js.map +1 -1
- package/public/adeo/components/datatable/DataTableDefaultSelectionLabel.nested.js +1 -1
- package/public/adeo/components/datatable/DataTableFooter.nested.js +1 -1
- package/public/adeo/components/datatable/datatable.types.d.ts +3 -0
- package/public/adeo/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/adeo/components/datatabledefaultaction/DataTableDefaultAction.nested.svelte +6 -1
- package/public/adeo/components/datatabledefaultedtion/DataTableDefaultEdtion.nested.svelte +15 -10
- package/public/adeo/components/datatabledefaultselection/DataTableDefaultSelection.nested.svelte +0 -15
- 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/ResultFile.nested.js +1 -1
- package/public/adeo/components/flag/Flag.js +1 -1
- package/public/adeo/components/header/Header.js +1 -1
- package/public/adeo/components/header/Header.js.map +1 -1
- package/public/adeo/components/header/Header.svelte +1 -1
- package/public/adeo/components/header/Header.types.d.ts.map +1 -1
- package/public/adeo/components/header/_c.header.scss +310 -0
- package/public/adeo/components/header/_s.header.scss +28 -0
- package/public/adeo/components/hero/Hero.js +1 -1
- package/public/adeo/components/kpi/Kpi.js +1 -1
- package/public/adeo/components/layer/Layer.js +1 -1
- package/public/adeo/components/layer/Layer.js.map +1 -1
- package/public/adeo/components/layer/Layer.svelte +6 -3
- package/public/adeo/components/layer/layer.types.d.ts +2 -0
- package/public/adeo/components/layer/layer.types.d.ts.map +1 -0
- package/public/adeo/components/link/Link.js +1 -1
- package/public/adeo/components/link/Link.nested.js +2 -0
- package/public/adeo/components/link/Link.nested.js.map +1 -0
- package/public/adeo/components/link/Link.nested.svelte +78 -0
- package/public/adeo/components/listbox/Listbox.js +1 -1
- package/public/adeo/components/listbox/Listbox.nested.js +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/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/phonenumber/PhoneNumber.js +1 -1
- package/public/adeo/components/phonenumber/PhoneNumber.js.map +1 -1
- package/public/adeo/components/phonenumber/PhoneNumber.svelte +1 -1
- package/public/adeo/components/price/Price.js +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/progressbar/ProgressBar.svelte +5 -5
- 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 +1 -1
- package/public/adeo/components/radio/Radio.js +1 -1
- package/public/adeo/components/radiogroup/RadioGroup.js +1 -1
- package/public/adeo/components/radiogroup/radioGroup.types.d.ts.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.nested.js +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-separator.nested.js +1 -1
- package/public/adeo/components/sidebar/sidebar-service.d.ts.map +1 -1
- package/public/adeo/components/sidebar/sidebar-sub-features.nested.js +1 -1
- package/public/adeo/components/sidebar/sidebar-user.nested.js +1 -1
- package/public/adeo/components/sidebar/sidebar.types.d.ts.map +1 -1
- package/public/adeo/components/sidebar-feature-group/sidebar-feature-group.nested.svelte +6 -4
- package/public/adeo/components/sidebar-segment/sidebar-segment.nested.svelte +9 -8
- package/public/adeo/components/stepper/Stepper.js +1 -1
- package/public/adeo/components/stepperbar/StepperBar.js +2 -0
- package/public/adeo/components/stepperbar/StepperBar.js.map +1 -0
- package/public/adeo/components/stepperbar/StepperBar.svelte +86 -0
- package/public/adeo/components/tabs/Tabs.js +1 -1
- package/public/adeo/components/tabs/Tabs.js.map +1 -1
- package/public/adeo/components/tabs/Tabs.nested.js +1 -1
- package/public/adeo/components/tag/Tag.js +1 -1
- package/public/adeo/components/tag/Tag.nested.js +1 -1
- package/public/adeo/components/taglist/TagList.js +1 -1
- package/public/adeo/components/textarea/Textarea.js +1 -1
- package/public/adeo/components/textinput/Textinput.js +1 -1
- package/public/adeo/components/textinput/Textinput.js.map +1 -1
- package/public/adeo/components/textinput/Textinput.nested.js +1 -1
- package/public/adeo/components/textinput/Textinput.nested.js.map +1 -1
- package/public/adeo/components/textinput/Textinput.svelte +8 -0
- package/public/adeo/components/toggle/Toggle.js +1 -1
- package/public/adeo/components/tooltip/Tooltip.js +1 -1
- package/public/adeo/components/undefined/sidebar-variables.scss +9 -0
- package/public/adeo/{index-c33b3772.js → index-52f16292.js} +2 -2
- package/public/adeo/{index-c33b3772.js.map → index-52f16292.js.map} +1 -1
- package/public/adeo/index-64cccc06-4c960e34.js +2 -0
- package/public/adeo/index-64cccc06-4c960e34.js.map +1 -0
- package/public/adeo/main.d.ts +4 -0
- package/public/adeo/main.d.ts.map +1 -1
- package/public/adeo/{sidebar-service-275bf9ef.js → sidebar-service-293d79ef.js} +2 -2
- package/public/adeo/{sidebar-service-275bf9ef.js.map → sidebar-service-293d79ef.js.map} +1 -1
- package/public/adeo/stories/carousel/items.d.ts +3 -0
- package/public/adeo/stories/carousel/items.d.ts.map +1 -0
- package/public/{EventForward-8492ff62.js → bricoman/EventForward-422700d7.js} +2 -2
- package/public/bricoman/{EventForward-8492ff62.js.map → EventForward-422700d7.js.map} +1 -1
- package/public/bricoman/{EventHandler-02058705.js → EventHandler-f4efd23c.js} +2 -2
- package/public/bricoman/{EventHandler-02058705.js.map → EventHandler-f4efd23c.js.map} +1 -1
- package/public/bricoman/bundle.js +20 -0
- package/public/bricoman/components/accordion/Accordion.js +1 -1
- package/public/bricoman/components/actionbar/ActionBar.js +2 -0
- package/public/bricoman/components/actionbar/ActionBar.js.map +1 -0
- package/public/bricoman/components/actionbar/ActionBar.svelte +97 -0
- 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.nested.js +1 -1
- package/public/bricoman/components/bottombar/BottomBar.js +2 -0
- package/public/bricoman/components/bottombar/BottomBar.js.map +1 -0
- package/public/bricoman/components/bottombar/BottomBar.svelte +18 -0
- package/public/bricoman/components/breadcrumb/Breadcrumb.js +1 -1
- package/public/bricoman/components/breadcrumb/Breadcrumb.nested.js +1 -1
- package/public/bricoman/components/button/Button.js +1 -1
- package/public/bricoman/components/button/Button.nested.js +2 -0
- package/public/bricoman/components/button/Button.nested.js.map +1 -0
- package/public/bricoman/components/button/Button.nested.svelte +173 -0
- package/public/bricoman/components/card/Card.js +1 -1
- package/public/bricoman/components/carousel/Carousel.js +2 -0
- package/public/bricoman/components/carousel/Carousel.js.map +1 -0
- package/public/bricoman/components/carousel/Carousel.svelte +414 -0
- package/public/bricoman/components/carousel/CarouselCard.nested.js +2 -0
- package/public/bricoman/components/carousel/CarouselCard.nested.js.map +1 -0
- package/public/bricoman/components/carousel/carousel.types.d.ts +19 -0
- package/public/bricoman/components/carousel/carousel.types.d.ts.map +1 -0
- package/public/bricoman/components/carouselcard/CarouselCard.nested.svelte +37 -0
- package/public/bricoman/components/chart/BarChart.js +1 -1
- package/public/bricoman/components/chart/Donut.js +1 -1
- package/public/bricoman/components/chart/GroupedBarChart.js +1 -1
- package/public/bricoman/components/chart/LineChart.js +1 -1
- package/public/bricoman/components/chart/Radar.js +1 -1
- package/public/bricoman/components/chart/StackedBarChart.js +1 -1
- package/public/bricoman/components/checkbox/Checkbox.js +1 -1
- package/public/bricoman/components/checkboxgroup/checkboxGroup.js +1 -1
- package/public/bricoman/components/checkboxgroup/checkboxgroup.types.d.ts.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 +9 -4
- package/public/bricoman/components/datatable/DataTableDefaultAction.nested.js +1 -1
- package/public/bricoman/components/datatable/DataTableDefaultAction.nested.js.map +1 -1
- package/public/bricoman/components/datatable/DataTableDefaultEdtion.nested.js +1 -1
- package/public/bricoman/components/datatable/DataTableDefaultEdtion.nested.js.map +1 -1
- package/public/bricoman/components/datatable/DataTableDefaultFilterTags.nested.js +1 -1
- package/public/bricoman/components/datatable/DataTableDefaultFilterTags.nested.js.map +1 -1
- package/public/bricoman/components/datatable/DataTableDefaultSelection.nested.js +1 -1
- package/public/bricoman/components/datatable/DataTableDefaultSelection.nested.js.map +1 -1
- package/public/bricoman/components/datatable/DataTableDefaultSelectionLabel.nested.js +1 -1
- package/public/bricoman/components/datatable/DataTableFooter.nested.js +1 -1
- package/public/bricoman/components/datatable/datatable.types.d.ts +3 -0
- package/public/bricoman/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/bricoman/components/datatabledefaultaction/DataTableDefaultAction.nested.svelte +6 -1
- package/public/bricoman/components/datatabledefaultedtion/DataTableDefaultEdtion.nested.svelte +15 -10
- package/public/bricoman/components/datatabledefaultselection/DataTableDefaultSelection.nested.svelte +0 -15
- 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/ResultFile.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/Header.svelte +1 -1
- package/public/bricoman/components/header/Header.types.d.ts.map +1 -1
- package/public/bricoman/components/header/_c.header.scss +310 -0
- package/public/bricoman/components/header/_s.header.scss +28 -0
- package/public/bricoman/components/hero/Hero.js +1 -1
- package/public/bricoman/components/kpi/Kpi.js +1 -1
- package/public/bricoman/components/layer/Layer.js +1 -1
- package/public/bricoman/components/layer/Layer.js.map +1 -1
- package/public/bricoman/components/layer/Layer.svelte +6 -3
- package/public/bricoman/components/layer/layer.types.d.ts +2 -0
- package/public/bricoman/components/layer/layer.types.d.ts.map +1 -0
- package/public/bricoman/components/link/Link.js +1 -1
- package/public/bricoman/components/link/Link.nested.js +2 -0
- package/public/bricoman/components/link/Link.nested.js.map +1 -0
- package/public/bricoman/components/link/Link.nested.svelte +78 -0
- package/public/bricoman/components/listbox/Listbox.js +1 -1
- package/public/bricoman/components/listbox/Listbox.nested.js +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/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/phonenumber/PhoneNumber.js +1 -1
- package/public/bricoman/components/phonenumber/PhoneNumber.js.map +1 -1
- package/public/bricoman/components/phonenumber/PhoneNumber.svelte +1 -1
- package/public/bricoman/components/price/Price.js +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/progressbar/ProgressBar.svelte +5 -5
- 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 +1 -1
- package/public/bricoman/components/radio/Radio.js +1 -1
- package/public/bricoman/components/radiogroup/RadioGroup.js +1 -1
- package/public/bricoman/components/radiogroup/radioGroup.types.d.ts.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.nested.js +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-separator.nested.js +1 -1
- package/public/bricoman/components/sidebar/sidebar-service.d.ts.map +1 -1
- package/public/bricoman/components/sidebar/sidebar-sub-features.nested.js +1 -1
- package/public/bricoman/components/sidebar/sidebar-user.nested.js +1 -1
- package/public/bricoman/components/sidebar/sidebar-user.nested.js.map +1 -1
- package/public/bricoman/components/sidebar/sidebar.types.d.ts.map +1 -1
- package/public/bricoman/components/sidebar-feature-group/sidebar-feature-group.nested.svelte +6 -4
- package/public/bricoman/components/sidebar-segment/sidebar-segment.nested.svelte +9 -8
- package/public/bricoman/components/stepper/Stepper.js +1 -1
- package/public/bricoman/components/stepperbar/StepperBar.js +2 -0
- package/public/bricoman/components/stepperbar/StepperBar.js.map +1 -0
- package/public/bricoman/components/stepperbar/StepperBar.svelte +86 -0
- package/public/bricoman/components/tabs/Tabs.js +1 -1
- package/public/bricoman/components/tabs/Tabs.js.map +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.nested.js +1 -1
- package/public/bricoman/components/taglist/TagList.js +1 -1
- package/public/bricoman/components/textarea/Textarea.js +1 -1
- package/public/bricoman/components/textinput/Textinput.js +1 -1
- package/public/bricoman/components/textinput/Textinput.js.map +1 -1
- package/public/bricoman/components/textinput/Textinput.nested.js +1 -1
- package/public/bricoman/components/textinput/Textinput.nested.js.map +1 -1
- package/public/bricoman/components/textinput/Textinput.svelte +8 -0
- package/public/bricoman/components/toggle/Toggle.js +1 -1
- package/public/bricoman/components/tooltip/Tooltip.js +1 -1
- package/public/bricoman/components/undefined/sidebar-variables.scss +9 -0
- package/public/bricoman/{index-c33b3772.js → index-52f16292.js} +2 -2
- package/public/bricoman/{index-c33b3772.js.map → index-52f16292.js.map} +1 -1
- package/public/bricoman/index-64cccc06-4c960e34.js +2 -0
- package/public/bricoman/index-64cccc06-4c960e34.js.map +1 -0
- package/public/bricoman/main.d.ts +4 -0
- package/public/bricoman/main.d.ts.map +1 -1
- package/public/bricoman/{sidebar-service-275bf9ef.js → sidebar-service-293d79ef.js} +2 -2
- package/public/bricoman/{sidebar-service-275bf9ef.js.map → sidebar-service-293d79ef.js.map} +1 -1
- package/public/bricoman/stories/carousel/items.d.ts +3 -0
- package/public/bricoman/stories/carousel/items.d.ts.map +1 -0
- package/public/bundle.js +20 -0
- package/public/components/accordion/Accordion.js +1 -1
- package/public/components/actionbar/ActionBar.js +2 -0
- package/public/components/actionbar/ActionBar.js.map +1 -0
- package/public/components/actionbar/ActionBar.svelte +97 -0
- 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.nested.js +1 -1
- package/public/components/bottombar/BottomBar.js +2 -0
- package/public/components/bottombar/BottomBar.js.map +1 -0
- package/public/components/bottombar/BottomBar.svelte +18 -0
- package/public/components/breadcrumb/Breadcrumb.js +1 -1
- package/public/components/breadcrumb/Breadcrumb.nested.js +1 -1
- package/public/components/button/Button.js +1 -1
- package/public/components/button/Button.nested.js +2 -0
- package/public/components/button/Button.nested.js.map +1 -0
- package/public/components/button/Button.nested.svelte +173 -0
- package/public/components/card/Card.js +1 -1
- package/public/components/carousel/Carousel.js +2 -0
- package/public/components/carousel/Carousel.js.map +1 -0
- package/public/components/carousel/Carousel.svelte +414 -0
- package/public/components/carousel/CarouselCard.nested.js +2 -0
- package/public/components/carousel/CarouselCard.nested.js.map +1 -0
- package/public/components/carousel/carousel.types.d.ts +19 -0
- package/public/components/carousel/carousel.types.d.ts.map +1 -0
- package/public/components/carouselcard/CarouselCard.nested.svelte +37 -0
- package/public/components/chart/BarChart.js +1 -1
- package/public/components/chart/Donut.js +1 -1
- package/public/components/chart/GroupedBarChart.js +1 -1
- package/public/components/chart/LineChart.js +1 -1
- package/public/components/chart/Radar.js +1 -1
- package/public/components/chart/StackedBarChart.js +1 -1
- package/public/components/checkbox/Checkbox.js +1 -1
- package/public/components/checkboxgroup/checkboxGroup.js +1 -1
- package/public/components/checkboxgroup/checkboxgroup.types.d.ts.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 +9 -4
- package/public/components/datatable/DataTableDefaultAction.nested.js +1 -1
- package/public/components/datatable/DataTableDefaultAction.nested.js.map +1 -1
- package/public/components/datatable/DataTableDefaultEdtion.nested.js +1 -1
- package/public/components/datatable/DataTableDefaultEdtion.nested.js.map +1 -1
- package/public/components/datatable/DataTableDefaultFilterTags.nested.js +1 -1
- package/public/components/datatable/DataTableDefaultFilterTags.nested.js.map +1 -1
- package/public/components/datatable/DataTableDefaultSelection.nested.js +1 -1
- package/public/components/datatable/DataTableDefaultSelection.nested.js.map +1 -1
- package/public/components/datatable/DataTableDefaultSelectionLabel.nested.js +1 -1
- package/public/components/datatable/DataTableFooter.nested.js +1 -1
- package/public/components/datatable/datatable.types.d.ts +3 -0
- package/public/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/components/datatabledefaultaction/DataTableDefaultAction.nested.svelte +6 -1
- package/public/components/datatabledefaultedtion/DataTableDefaultEdtion.nested.svelte +15 -10
- package/public/components/datatabledefaultselection/DataTableDefaultSelection.nested.svelte +0 -15
- 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/ResultFile.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/Header.svelte +1 -1
- package/public/components/header/Header.types.d.ts.map +1 -1
- package/public/components/header/_c.header.scss +310 -0
- package/public/components/header/_s.header.scss +28 -0
- package/public/components/hero/Hero.js +1 -1
- package/public/components/kpi/Kpi.js +1 -1
- package/public/components/layer/Layer.js +1 -1
- package/public/components/layer/Layer.js.map +1 -1
- package/public/components/layer/Layer.svelte +6 -3
- package/public/components/layer/layer.types.d.ts +2 -0
- package/public/components/layer/layer.types.d.ts.map +1 -0
- package/public/components/link/Link.js +1 -1
- package/public/components/link/Link.nested.js +2 -0
- package/public/components/link/Link.nested.js.map +1 -0
- package/public/components/link/Link.nested.svelte +78 -0
- package/public/components/listbox/Listbox.js +1 -1
- package/public/components/listbox/Listbox.nested.js +1 -1
- package/public/components/loader/Loader.js +1 -1
- package/public/components/loader/Loader.js.map +1 -1
- package/public/components/loader/Loader.nested.js +1 -1
- package/public/components/menu/Menu.js +1 -1
- package/public/components/modal/Modal.js +1 -1
- package/public/components/notification/Notification.js +1 -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/phonenumber/PhoneNumber.js +1 -1
- package/public/components/phonenumber/PhoneNumber.js.map +1 -1
- package/public/components/phonenumber/PhoneNumber.svelte +1 -1
- package/public/components/price/Price.js +1 -1
- package/public/components/progressbar/ProgressBar.js +1 -1
- package/public/components/progressbar/ProgressBar.js.map +1 -1
- package/public/components/progressbar/ProgressBar.svelte +5 -5
- package/public/components/quantityselector/QuantitySelector.js +1 -1
- package/public/components/quantityselector/QuantitySelector.js.map +1 -1
- package/public/components/quantityselector/QuantitySelector.svelte +1 -1
- package/public/components/radio/Radio.js +1 -1
- package/public/components/radiogroup/RadioGroup.js +1 -1
- package/public/components/radiogroup/radioGroup.types.d.ts.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.nested.js +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-separator.nested.js +1 -1
- package/public/components/sidebar/sidebar-service.d.ts.map +1 -1
- package/public/components/sidebar/sidebar-sub-features.nested.js +1 -1
- package/public/components/sidebar/sidebar-user.nested.js +1 -1
- package/public/components/sidebar/sidebar.types.d.ts.map +1 -1
- package/public/components/sidebar-feature-group/sidebar-feature-group.nested.svelte +6 -4
- package/public/components/sidebar-segment/sidebar-segment.nested.svelte +9 -8
- package/public/components/stepper/Stepper.js +1 -1
- package/public/components/stepperbar/StepperBar.js +2 -0
- package/public/components/stepperbar/StepperBar.js.map +1 -0
- package/public/components/stepperbar/StepperBar.svelte +86 -0
- package/public/components/tabs/Tabs.js +1 -1
- package/public/components/tabs/Tabs.js.map +1 -1
- package/public/components/tabs/Tabs.nested.js +1 -1
- package/public/components/tag/Tag.js +1 -1
- package/public/components/tag/Tag.nested.js +1 -1
- package/public/components/taglist/TagList.js +1 -1
- package/public/components/textarea/Textarea.js +1 -1
- package/public/components/textinput/Textinput.js +1 -1
- package/public/components/textinput/Textinput.js.map +1 -1
- package/public/components/textinput/Textinput.nested.js +1 -1
- package/public/components/textinput/Textinput.nested.js.map +1 -1
- package/public/components/textinput/Textinput.svelte +8 -0
- package/public/components/toggle/Toggle.js +1 -1
- package/public/components/tooltip/Tooltip.js +1 -1
- package/public/components/undefined/sidebar-variables.scss +9 -0
- package/public/{index-c33b3772.js → index-52f16292.js} +2 -2
- package/public/{index-c33b3772.js.map → index-52f16292.js.map} +1 -1
- package/public/index-64cccc06-4c960e34.js +2 -0
- package/public/index-64cccc06-4c960e34.js.map +1 -0
- package/public/main.d.ts +4 -0
- package/public/main.d.ts.map +1 -1
- package/public/{sidebar-service-275bf9ef.js → sidebar-service-293d79ef.js} +2 -2
- package/public/{sidebar-service-275bf9ef.js.map → sidebar-service-293d79ef.js.map} +1 -1
- package/public/stories/carousel/items.d.ts +3 -0
- package/public/stories/carousel/items.d.ts.map +1 -0
- package/public/utilities/components/carousel/carousel.types.d.ts +19 -0
- package/public/utilities/components/carousel/carousel.types.d.ts.map +1 -0
- package/public/utilities/components/checkboxgroup/checkboxgroup.types.d.ts.map +1 -1
- package/public/utilities/components/datatable/datatable.types.d.ts +3 -0
- package/public/utilities/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/utilities/components/header/Header.types.d.ts.map +1 -1
- package/public/utilities/components/layer/layer.types.d.ts +2 -0
- package/public/utilities/components/layer/layer.types.d.ts.map +1 -0
- package/public/utilities/components/radiogroup/radioGroup.types.d.ts.map +1 -1
- package/public/utilities/components/sidebar/sidebar-service.d.ts.map +1 -1
- package/public/utilities/components/sidebar/sidebar.types.d.ts.map +1 -1
- package/public/utilities/main.d.ts +4 -0
- package/public/utilities/main.d.ts.map +1 -1
- package/public/utilities/stories/actionbar/ActionBar.stories.d.ts +7 -0
- package/public/utilities/stories/actionbar/ActionBar.stories.d.ts.map +1 -0
- package/public/utilities/stories/bottombar/BottomBar.stories.d.ts +6 -0
- package/public/utilities/stories/bottombar/BottomBar.stories.d.ts.map +1 -0
- package/public/utilities/stories/carousel/Carousel.stories.d.ts +8 -0
- package/public/utilities/stories/carousel/Carousel.stories.d.ts.map +1 -0
- package/public/utilities/stories/carousel/items.d.ts +3 -0
- package/public/utilities/stories/carousel/items.d.ts.map +1 -0
- package/public/utilities/stories/datatable/DataTable.stories.d.ts.map +1 -1
- package/public/utilities/stories/layer/Layer.stories.d.ts +1 -0
- package/public/utilities/stories/layer/Layer.stories.d.ts.map +1 -1
- package/public/utilities/stories/stepperbar/StepperBar.stories.d.ts +6 -0
- package/public/utilities/stories/stepperbar/StepperBar.stories.d.ts.map +1 -0
- package/public/DataTableDefaultAction.nested-e758217a.js +0 -2
- package/public/DataTableDefaultAction.nested-e758217a.js.map +0 -1
- package/public/adeo/DataTableDefaultAction.nested-be8d4e7b.js +0 -2
- package/public/adeo/DataTableDefaultAction.nested-be8d4e7b.js.map +0 -1
- package/public/bricoman/DataTableDefaultAction.nested-41f58b1f.js +0 -2
- package/public/bricoman/DataTableDefaultAction.nested-41f58b1f.js.map +0 -1
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{S as e,i as t,a as i,b as d,f as n,s as a,e as r,n as o,g as m,v as s,o as x}from"../../index-52f16292.js";function p(e){let t;return{c(){t=r("div"),this.c=o,m(t,"class","ml-container ml-container--fluid mc-bottom-bar"),s(t,"mc-bottom-bar--fixed",e[0])},m(e,i){d(e,t,i)},p(e,[i]){1&i&&s(t,"mc-bottom-bar--fixed",e[0])},i:o,o:o,d(e){e&&x(t)}}}function c(e,t,i){let d,{fixed:n}=t;return e.$$set=e=>{"fixed"in e&&i(1,n=e.fixed)},e.$$.update=()=>{2&e.$$.dirty&&i(0,d=!!n||void 0)},[d,n]}class h extends e{constructor(e){super();const r=document.createElement("style");r.textContent=".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){}@media screen and (min-width: 1024px){}@media screen and (min-width: 1280px){}@media screen and (min-width: 1920px){}.mc-bottom-bar{-webkit-box-shadow:0px 1px 5px 0px rgba(25, 25, 25, 0.2);box-shadow:0px 1px 5px 0px rgba(25, 25, 25, 0.2);-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;height:4rem}.mc-bottom-bar--fixed{bottom:0;left:0;position:fixed;right:0;width:100%}",this.shadowRoot.appendChild(r),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},c,p,a,{fixed:1},null),e&&(e.target&&d(e.target,this,e.anchor),e.props&&(this.$set(e.props),n()))}static get observedAttributes(){return["fixed"]}get fixed(){return this.$$.ctx[1]}set fixed(e){this.$$set({fixed:e}),n()}}export{h as default};
|
|
2
|
+
//# sourceMappingURL=BottomBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BottomBar.js","sources":["../../../../src/components/bottombar/BottomBar.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n export let fixed: boolean;\n\n $: isFixed = fixed ? true : undefined;\n</script>\n\n<div\n class=\"ml-container ml-container--fluid mc-bottom-bar\"\n class:mc-bottom-bar--fixed={isFixed}\n/>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/layouts/_l.container';\n @import '@mozaic-ds/styles/components/_c.bottom-bar';\n</style>\n"],"names":["ctx","insert","target","div","anchor","fixed","$$props","isFixed","undefined"],"mappings":"8PAU8BA,EAAO,YAFrCC,EAGCC,EAAAC,EAAAC,6CAD6BJ,EAAO,2DAPxBK,GAAcC,qFAEtBC,IAAUF,QAAeG"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
<svelte:options tag={null} />
|
|
2
|
+
|
|
3
|
+
<script lang="ts">
|
|
4
|
+
export let fixed: boolean;
|
|
5
|
+
|
|
6
|
+
$: isFixed = fixed ? true : undefined;
|
|
7
|
+
</script>
|
|
8
|
+
|
|
9
|
+
<div
|
|
10
|
+
class="ml-container ml-container--fluid mc-bottom-bar"
|
|
11
|
+
class:mc-bottom-bar--fixed={isFixed}
|
|
12
|
+
/>
|
|
13
|
+
|
|
14
|
+
<style lang="scss">
|
|
15
|
+
@import '@mozaic-ds/styles/settings-tools/_all-settings';
|
|
16
|
+
@import '@mozaic-ds/styles/layouts/_l.container';
|
|
17
|
+
@import '@mozaic-ds/styles/components/_c.bottom-bar';
|
|
18
|
+
</style>
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{S as e,i,a as r,b as t,f as n,s as c,c as m,e as a,n as s,g as l,h as d,z as o,j as b,m as h,o as p,J as f,p as u,q as g,d as k,t as x,k as v,l as w}from"../../index-c33b3772.js";import{E as _}from"../../EventHandler-02058705.js";function y(e,i,r){const t=e.slice();return t[12]=i[r],t[14]=r,t}function $(e){let i,r,n,c=e[12].text+"";return{c(){i=a("span"),r=x(c),l(i,"class",n="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":""))},m(e,n){t(e,i,n),b(i,r)},p(e,t){32&t&&c!==(c=e[12].text+"")&&v(r,c),1&t&&n!==(n="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":""))&&l(i,"class",n)},d(e){e&&p(i)}}}function z(e){let i,r,n,c,m,s,d=e[12].text+"";function o(){return e[9](e[12])}return{c(){i=a("a"),r=x(d),l(i,"href",n=e[12].href),l(i,"class",c="mc-link mc-link--s"+(e[0]?" mc-link--light":""))},m(e,n){t(e,i,n),b(i,r),m||(s=w(i,"click",o),m=!0)},p(t,m){e=t,32&m&&d!==(d=e[12].text+"")&&v(r,d),32&m&&n!==(n=e[12].href)&&l(i,"href",n),1&m&&c!==(c="mc-link mc-link--s"+(e[0]?" mc-link--light":""))&&l(i,"class",c)},d(e){e&&p(i),m=!1,s()}}}function C(e){let i,r,n;function c(e,i){return e[14]!==e[5].length-1?z:$}let m=c(e),s=m(e);return{c(){i=a("li"),s.c(),r=k(),l(i,"class",n="mc-breadcrumb__item"+(e[12].isActive?" is-active":""))},m(e,n){t(e,i,n),s.m(i,null),b(i,r)},p(e,t){m===(m=c(e))&&s?s.p(e,t):(s.d(1),s=m(e),s&&(s.c(),s.m(i,r))),32&t&&n!==(n="mc-breadcrumb__item"+(e[12].isActive?" is-active":""))&&l(i,"class",n)},d(e){e&&p(i),s.d()}}}function E(e){let i,r,n,c=e[5],u=[];for(let i=0;i<c.length;i+=1)u[i]=C(y(e,c,i));let g=[{class:n="mc-breadcrumb "+(e[1]?" mc-breadcrumb--responsive":"")+(e[0]?" mc-breadcrumb--dark":"")+" "+e[3]},{"aria-label":"Breadcrumb"},e[2]],k={};for(let e=0;e<g.length;e+=1)k=m(k,g[e]);return{c(){i=a("nav"),r=a("ul");for(let e=0;e<u.length;e+=1)u[e].c();this.c=s,l(r,"class","mc-breadcrumb__container"),d(i,k),o(i,"mc-breadcrumb--no-padding",e[4])},m(e,n){t(e,i,n),b(i,r);for(let e=0;e<u.length;e+=1)u[e]&&u[e].m(r,null)},p(e,[t]){if(97&t){let i;for(c=e[5],i=0;i<c.length;i+=1){const n=y(e,c,i);u[i]?u[i].p(n,t):(u[i]=C(n),u[i].c(),u[i].m(r,null))}for(;i<u.length;i+=1)u[i].d(1);u.length=c.length}d(i,k=h(g,[11&t&&n!==(n="mc-breadcrumb "+(e[1]?" mc-breadcrumb--responsive":"")+(e[0]?" mc-breadcrumb--dark":"")+" "+e[3])&&{class:n},{"aria-label":"Breadcrumb"},4&t&&e[2]])),o(i,"mc-breadcrumb--no-padding",e[4])},i:s,o:s,d(e){e&&p(i),f(u,e)}}}function B(e,i,r){let t,n,c,a;const s=["items","dark","responsive","nopadding"];let l=u(i,s),{items:d}=i,{dark:o=!1}=i,{responsive:b=!1}=i,{nopadding:h=!1}=i,p=new _;return e.$$set=e=>{r(11,i=m(m({},i),g(e))),r(10,l=u(i,s)),"items"in e&&r(7,d=e.items),"dark"in e&&r(0,o=e.dark),"responsive"in e&&r(1,b=e.responsive),"nopadding"in e&&r(8,h=e.nopadding)},e.$$.update=()=>{128&e.$$.dirty&&r(5,t=d?JSON.parse(d):[]),256&e.$$.dirty&&r(4,n=h&&"false"!==h),r(3,c=i.class),r(2,a=Object.assign({},l)),4&e.$$.dirty&&delete a.class},i=g(i),[o,b,a,c,n,t,p,d,h,e=>p.dispatch("link-clicked",e)]}class j extends e{constructor(e){super();const m=document.createElement("style");m.textContent=".mc-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:inherit;text-decoration:underline;-webkit-transition:color ease 200ms;-o-transition:color ease 200ms;transition:color ease 200ms;gap:0.25rem;color:#000000;position:relative;font-size:1rem;line-height:1.375}.mc-link:focus{outline:none}.mc-link:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-link.is-visited,.mc-link:visited{color:#333333}.mc-link.is-hover,.mc-link:hover{color:#666666}.mc-link.is-active,.mc-link:active{color:#333333}.mc-link.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--s{font-size:0.875rem;line-height:1.2857142857}.mc-link--m{font-size:1rem;line-height:1.375}.mc-link::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-link__icon{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light{color:#ffffff}.mc-link--light.is-visited,.mc-link--light:visited{color:#cccccc}.mc-link--light.is-hover,.mc-link--light:hover{color:#999999}.mc-link--light.is-active,.mc-link--light:active{color:#cccccc}.mc-link--light.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary{color:#ff5800}.mc-link--primary.is-visited,.mc-link--primary:visited{color:#ff5800}.mc-link--primary.is-hover,.mc-link--primary:hover{color:#b83f00}.mc-link--primary.is-active,.mc-link--primary:active{color:#ff5800}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#b83f00}.mc-link--primary-02.is-visited,.mc-link--primary-02:visited{color:#943300}.mc-link--primary-02.is-hover,.mc-link--primary-02:hover{color:#421700}.mc-link--primary-02.is-active,.mc-link--primary-02:active{color:#943300}.mc-link--primary-02.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--danger{color:#c61112}.mc-link--danger.is-visited,.mc-link--danger:visited{color:#8c0003}.mc-link--danger.is-hover,.mc-link--danger:hover{color:#530000}.mc-link--danger.is-active,.mc-link--danger:active{color:#8c0003}.mc-link--danger.is-disabled{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl{font-size:1rem;line-height:1.375}}.mc-breadcrumb{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;color:#191919;padding:0.9375rem 0 0.9375rem 1.125rem}@media screen and (min-width: 360px){.mc-breadcrumb{padding-left:1.25rem}}@media screen and (min-width: 390px){.mc-breadcrumb{padding-left:1.375rem}}@media screen and (min-width: 680px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 769px){.mc-breadcrumb{padding-left:2.125rem}}@media screen and (min-width: 1024px){.mc-breadcrumb{padding-left:3rem}}@media screen and (min-width: 1280px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 1440px){.mc-breadcrumb{padding-left:7rem}}@media screen and (min-width: 1680px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 1920px){.mc-breadcrumb{padding-left:2.5rem}}.mc-breadcrumb__container{list-style:none;margin-left:0;padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:0;margin-top:0}.mc-breadcrumb__item{padding-right:0.5rem;background-position:left center;background-repeat:no-repeat;background-size:1rem}@media screen and (min-width: 1024px){.mc-breadcrumb__item{-ms-flex-negative:0;flex-shrink:0}}.mc-breadcrumb__item.is-active,.mc-breadcrumb__item:only-child,.mc-breadcrumb__item:not(:first-child){padding-left:1.5rem}.mc-breadcrumb__item:not(:first-child){background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23333333'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}@media screen and (max-width: 1023px){.mc-breadcrumb__item.is-active,.mc-breadcrumb__item:only-child{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23333333'%3E%3Cpath d='M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}}.mc-breadcrumb__current,.mc-breadcrumb__current.mc-link{cursor:default;text-decoration:none}.mc-breadcrumb__current,.mc-breadcrumb__current:active,.mc-breadcrumb__current:focus,.mc-breadcrumb__current:hover,.mc-breadcrumb__current:visited,.mc-breadcrumb__current.mc-link,.mc-breadcrumb__current.mc-link:active,.mc-breadcrumb__current.mc-link:focus,.mc-breadcrumb__current.mc-link:hover,.mc-breadcrumb__current.mc-link:visited{color:currentColor}.mc-breadcrumb--dark{background-color:#4d4d4d;color:#ffffff}.mc-breadcrumb--dark .mc-breadcrumb__item:not(:first-child){background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}@media screen and (max-width: 1023px){.mc-breadcrumb--dark .mc-breadcrumb__item.is-active,.mc-breadcrumb--dark .mc-breadcrumb__item:only-child{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}}@media screen and (max-width: 1023px){.mc-breadcrumb--responsive .mc-breadcrumb__item:not(.is-active){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-breadcrumb--no-padding{padding-left:0}",this.shadowRoot.appendChild(m),i(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},B,E,c,{items:7,dark:0,responsive:1,nopadding:8},null),e&&(e.target&&t(e.target,this,e.anchor),e.props&&(this.$set(e.props),n()))}static get observedAttributes(){return["items","dark","responsive","nopadding"]}get items(){return this.$$.ctx[7]}set items(e){this.$$set({items:e}),n()}get dark(){return this.$$.ctx[0]}set dark(e){this.$$set({dark:e}),n()}get responsive(){return this.$$.ctx[1]}set responsive(e){this.$$set({responsive:e}),n()}get nopadding(){return this.$$.ctx[8]}set nopadding(e){this.$$set({nopadding:e}),n()}}export{j as default};
|
|
1
|
+
import{S as e,i,a as r,b as t,f as n,s as c,c as m,e as a,n as s,g as l,h as d,v as o,j as b,m as h,o as f,O as p,p as u,q as g,d as k,t as x,k as v,l as w}from"../../index-52f16292.js";import{E as _}from"../../EventHandler-f4efd23c.js";function y(e,i,r){const t=e.slice();return t[12]=i[r],t[14]=r,t}function $(e){let i,r,n,c=e[12].text+"";return{c(){i=a("span"),r=x(c),l(i,"class",n="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":""))},m(e,n){t(e,i,n),b(i,r)},p(e,t){32&t&&c!==(c=e[12].text+"")&&v(r,c),1&t&&n!==(n="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":""))&&l(i,"class",n)},d(e){e&&f(i)}}}function z(e){let i,r,n,c,m,s,d=e[12].text+"";function o(){return e[9](e[12])}return{c(){i=a("a"),r=x(d),l(i,"href",n=e[12].href),l(i,"class",c="mc-link mc-link--s"+(e[0]?" mc-link--light":""))},m(e,n){t(e,i,n),b(i,r),m||(s=w(i,"click",o),m=!0)},p(t,m){e=t,32&m&&d!==(d=e[12].text+"")&&v(r,d),32&m&&n!==(n=e[12].href)&&l(i,"href",n),1&m&&c!==(c="mc-link mc-link--s"+(e[0]?" mc-link--light":""))&&l(i,"class",c)},d(e){e&&f(i),m=!1,s()}}}function C(e){let i,r,n;function c(e,i){return e[14]!==e[5].length-1?z:$}let m=c(e),s=m(e);return{c(){i=a("li"),s.c(),r=k(),l(i,"class",n="mc-breadcrumb__item"+(e[12].isActive?" is-active":""))},m(e,n){t(e,i,n),s.m(i,null),b(i,r)},p(e,t){m===(m=c(e))&&s?s.p(e,t):(s.d(1),s=m(e),s&&(s.c(),s.m(i,r))),32&t&&n!==(n="mc-breadcrumb__item"+(e[12].isActive?" is-active":""))&&l(i,"class",n)},d(e){e&&f(i),s.d()}}}function E(e){let i,r,n,c=e[5],u=[];for(let i=0;i<c.length;i+=1)u[i]=C(y(e,c,i));let g=[{class:n="mc-breadcrumb "+(e[1]?" mc-breadcrumb--responsive":"")+(e[0]?" mc-breadcrumb--dark":"")+" "+e[3]},{"aria-label":"Breadcrumb"},e[2]],k={};for(let e=0;e<g.length;e+=1)k=m(k,g[e]);return{c(){i=a("nav"),r=a("ul");for(let e=0;e<u.length;e+=1)u[e].c();this.c=s,l(r,"class","mc-breadcrumb__container"),d(i,k),o(i,"mc-breadcrumb--no-padding",e[4])},m(e,n){t(e,i,n),b(i,r);for(let e=0;e<u.length;e+=1)u[e]&&u[e].m(r,null)},p(e,[t]){if(97&t){let i;for(c=e[5],i=0;i<c.length;i+=1){const n=y(e,c,i);u[i]?u[i].p(n,t):(u[i]=C(n),u[i].c(),u[i].m(r,null))}for(;i<u.length;i+=1)u[i].d(1);u.length=c.length}d(i,k=h(g,[11&t&&n!==(n="mc-breadcrumb "+(e[1]?" mc-breadcrumb--responsive":"")+(e[0]?" mc-breadcrumb--dark":"")+" "+e[3])&&{class:n},{"aria-label":"Breadcrumb"},4&t&&e[2]])),o(i,"mc-breadcrumb--no-padding",e[4])},i:s,o:s,d(e){e&&f(i),p(u,e)}}}function B(e,i,r){let t,n,c,a;const s=["items","dark","responsive","nopadding"];let l=u(i,s),{items:d}=i,{dark:o=!1}=i,{responsive:b=!1}=i,{nopadding:h=!1}=i,f=new _;return e.$$set=e=>{r(11,i=m(m({},i),g(e))),r(10,l=u(i,s)),"items"in e&&r(7,d=e.items),"dark"in e&&r(0,o=e.dark),"responsive"in e&&r(1,b=e.responsive),"nopadding"in e&&r(8,h=e.nopadding)},e.$$.update=()=>{128&e.$$.dirty&&r(5,t=d?JSON.parse(d):[]),256&e.$$.dirty&&r(4,n=h&&"false"!==h),r(3,c=i.class),r(2,a=Object.assign({},l)),4&e.$$.dirty&&delete a.class},i=g(i),[o,b,a,c,n,t,f,d,h,e=>f.dispatch("link-clicked",e)]}class j extends e{constructor(e){super();const m=document.createElement("style");m.textContent=".mc-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:inherit;text-decoration:underline;-webkit-transition:color ease 200ms;-o-transition:color ease 200ms;transition:color ease 200ms;gap:0.25rem;color:#000000;position:relative;font-size:1rem;line-height:1.375}.mc-link:focus{outline:none}.mc-link:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-link.is-visited,.mc-link:visited{color:#333333}.mc-link.is-hover,.mc-link:hover{color:#666666}.mc-link.is-active,.mc-link:active{color:#333333}.mc-link.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--s{font-size:0.875rem;line-height:1.2857142857}.mc-link--m{font-size:1rem;line-height:1.375}.mc-link::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-link__icon{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light{color:#ffffff}.mc-link--light.is-visited,.mc-link--light:visited{color:#cccccc}.mc-link--light.is-hover,.mc-link--light:hover{color:#999999}.mc-link--light.is-active,.mc-link--light:active{color:#cccccc}.mc-link--light.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary{color:#ff5800}.mc-link--primary.is-visited,.mc-link--primary:visited{color:#ff5800}.mc-link--primary.is-hover,.mc-link--primary:hover{color:#b83f00}.mc-link--primary.is-active,.mc-link--primary:active{color:#ff5800}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#b83f00}.mc-link--primary-02.is-visited,.mc-link--primary-02:visited{color:#943300}.mc-link--primary-02.is-hover,.mc-link--primary-02:hover{color:#421700}.mc-link--primary-02.is-active,.mc-link--primary-02:active{color:#943300}.mc-link--primary-02.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--danger{color:#c61112}.mc-link--danger.is-visited,.mc-link--danger:visited{color:#8c0003}.mc-link--danger.is-hover,.mc-link--danger:hover{color:#530000}.mc-link--danger.is-active,.mc-link--danger:active{color:#8c0003}.mc-link--danger.is-disabled{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl{font-size:1rem;line-height:1.375}}.mc-breadcrumb{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;color:#191919;padding:0.9375rem 0 0.9375rem 1.125rem}@media screen and (min-width: 360px){.mc-breadcrumb{padding-left:1.25rem}}@media screen and (min-width: 390px){.mc-breadcrumb{padding-left:1.375rem}}@media screen and (min-width: 680px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 769px){.mc-breadcrumb{padding-left:2.125rem}}@media screen and (min-width: 1024px){.mc-breadcrumb{padding-left:3rem}}@media screen and (min-width: 1280px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 1440px){.mc-breadcrumb{padding-left:7rem}}@media screen and (min-width: 1680px){.mc-breadcrumb{padding-left:2rem}}@media screen and (min-width: 1920px){.mc-breadcrumb{padding-left:2.5rem}}.mc-breadcrumb__container{list-style:none;margin-left:0;padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:0;margin-top:0}.mc-breadcrumb__item{padding-right:0.5rem;background-position:left center;background-repeat:no-repeat;background-size:1rem}@media screen and (min-width: 1024px){.mc-breadcrumb__item{-ms-flex-negative:0;flex-shrink:0}}.mc-breadcrumb__item.is-active,.mc-breadcrumb__item:only-child,.mc-breadcrumb__item:not(:first-child){padding-left:1.5rem}.mc-breadcrumb__item:not(:first-child){background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23333333'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}@media screen and (max-width: 1023px){.mc-breadcrumb__item.is-active,.mc-breadcrumb__item:only-child{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23333333'%3E%3Cpath d='M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}}.mc-breadcrumb__current,.mc-breadcrumb__current.mc-link{cursor:default;text-decoration:none}.mc-breadcrumb__current,.mc-breadcrumb__current:active,.mc-breadcrumb__current:focus,.mc-breadcrumb__current:hover,.mc-breadcrumb__current:visited,.mc-breadcrumb__current.mc-link,.mc-breadcrumb__current.mc-link:active,.mc-breadcrumb__current.mc-link:focus,.mc-breadcrumb__current.mc-link:hover,.mc-breadcrumb__current.mc-link:visited{color:currentColor}.mc-breadcrumb--dark{background-color:#4d4d4d;color:#ffffff}.mc-breadcrumb--dark .mc-breadcrumb__item:not(:first-child){background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}@media screen and (max-width: 1023px){.mc-breadcrumb--dark .mc-breadcrumb__item.is-active,.mc-breadcrumb--dark .mc-breadcrumb__item:only-child{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}}@media screen and (max-width: 1023px){.mc-breadcrumb--responsive .mc-breadcrumb__item:not(.is-active){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-breadcrumb--no-padding{padding-left:0}",this.shadowRoot.appendChild(m),i(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},B,E,c,{items:7,dark:0,responsive:1,nopadding:8},null),e&&(e.target&&t(e.target,this,e.anchor),e.props&&(this.$set(e.props),n()))}static get observedAttributes(){return["items","dark","responsive","nopadding"]}get items(){return this.$$.ctx[7]}set items(e){this.$$set({items:e}),n()}get dark(){return this.$$.ctx[0]}set dark(e){this.$$set({dark:e}),n()}get responsive(){return this.$$.ctx[1]}set responsive(e){this.$$set({responsive:e}),n()}get nopadding(){return this.$$.ctx[8]}set nopadding(e){this.$$set({nopadding:e}),n()}}export{j as default};
|
|
2
2
|
//# sourceMappingURL=Breadcrumb.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{P as e,i as l,s as i,Q as n,c as m,e as t,g as s,h as r,z as c,b as a,j as k,m as d,n as v,o,J as b,p as f,q as h,d as u,t as g,k as p,l as x}from"../../index-c33b3772.js";import{E as w}from"../../EventHandler-02058705.js";function _(e){n(e,"svelte-1mnkl9i",".mc-link.svelte-1mnkl9i.svelte-1mnkl9i{-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-1mnkl9i.svelte-1mnkl9i:focus{outline:none}.mc-link.svelte-1mnkl9i.svelte-1mnkl9i: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-1mnkl9i.svelte-1mnkl9i,.mc-link.svelte-1mnkl9i.svelte-1mnkl9i:visited{color:#333333}.mc-link.is-hover.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link.svelte-1mnkl9i.svelte-1mnkl9i:hover{color:#666666}.mc-link.is-active.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link.svelte-1mnkl9i.svelte-1mnkl9i:active{color:#333333}.mc-link.is-disabled.svelte-1mnkl9i.svelte-1mnkl9i{color:#e6e6e6;cursor:not-allowed}.mc-link--s.svelte-1mnkl9i.svelte-1mnkl9i{font-size:0.875rem;line-height:1.2857142857}.mc-link--m.svelte-1mnkl9i.svelte-1mnkl9i{font-size:1rem;line-height:1.375}.mc-link.svelte-1mnkl9i.svelte-1mnkl9i::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-1mnkl9i.svelte-1mnkl9i{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light.svelte-1mnkl9i.svelte-1mnkl9i{color:#ffffff}.mc-link--light.is-visited.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link--light.svelte-1mnkl9i.svelte-1mnkl9i:visited{color:#cccccc}.mc-link--light.is-hover.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link--light.svelte-1mnkl9i.svelte-1mnkl9i:hover{color:#999999}.mc-link--light.is-active.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link--light.svelte-1mnkl9i.svelte-1mnkl9i:active{color:#cccccc}.mc-link--light.is-disabled.svelte-1mnkl9i.svelte-1mnkl9i{color:#e6e6e6;cursor:not-allowed}.mc-link--primary.svelte-1mnkl9i.svelte-1mnkl9i{color:#ff5800}.mc-link--primary.is-visited.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link--primary.svelte-1mnkl9i.svelte-1mnkl9i:visited{color:#ff5800}.mc-link--primary.is-hover.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link--primary.svelte-1mnkl9i.svelte-1mnkl9i:hover{color:#b83f00}.mc-link--primary.is-active.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link--primary.svelte-1mnkl9i.svelte-1mnkl9i:active{color:#ff5800}.mc-link--primary.is-disabled.svelte-1mnkl9i.svelte-1mnkl9i{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02.svelte-1mnkl9i.svelte-1mnkl9i{color:#b83f00}.mc-link--primary-02.is-visited.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link--primary-02.svelte-1mnkl9i.svelte-1mnkl9i:visited{color:#943300}.mc-link--primary-02.is-hover.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link--primary-02.svelte-1mnkl9i.svelte-1mnkl9i:hover{color:#421700}.mc-link--primary-02.is-active.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link--primary-02.svelte-1mnkl9i.svelte-1mnkl9i:active{color:#943300}.mc-link--primary-02.is-disabled.svelte-1mnkl9i.svelte-1mnkl9i{color:#e6e6e6;cursor:not-allowed}.mc-link--danger.svelte-1mnkl9i.svelte-1mnkl9i{color:#c61112}.mc-link--danger.is-visited.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link--danger.svelte-1mnkl9i.svelte-1mnkl9i:visited{color:#8c0003}.mc-link--danger.is-hover.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link--danger.svelte-1mnkl9i.svelte-1mnkl9i:hover{color:#530000}.mc-link--danger.is-active.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link--danger.svelte-1mnkl9i.svelte-1mnkl9i:active{color:#8c0003}.mc-link--danger.is-disabled.svelte-1mnkl9i.svelte-1mnkl9i{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m.svelte-1mnkl9i.svelte-1mnkl9i{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m.svelte-1mnkl9i.svelte-1mnkl9i{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l.svelte-1mnkl9i.svelte-1mnkl9i{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l.svelte-1mnkl9i.svelte-1mnkl9i{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl.svelte-1mnkl9i.svelte-1mnkl9i{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl.svelte-1mnkl9i.svelte-1mnkl9i{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl.svelte-1mnkl9i.svelte-1mnkl9i{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl.svelte-1mnkl9i.svelte-1mnkl9i{font-size:1rem;line-height:1.375}}.mc-breadcrumb.svelte-1mnkl9i.svelte-1mnkl9i{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;color:#191919;padding:0.9375rem 0 0.9375rem 1.125rem}@media screen and (min-width: 360px){.mc-breadcrumb.svelte-1mnkl9i.svelte-1mnkl9i{padding-left:1.25rem}}@media screen and (min-width: 390px){.mc-breadcrumb.svelte-1mnkl9i.svelte-1mnkl9i{padding-left:1.375rem}}@media screen and (min-width: 680px){.mc-breadcrumb.svelte-1mnkl9i.svelte-1mnkl9i{padding-left:2rem}}@media screen and (min-width: 769px){.mc-breadcrumb.svelte-1mnkl9i.svelte-1mnkl9i{padding-left:2.125rem}}@media screen and (min-width: 1024px){.mc-breadcrumb.svelte-1mnkl9i.svelte-1mnkl9i{padding-left:3rem}}@media screen and (min-width: 1280px){.mc-breadcrumb.svelte-1mnkl9i.svelte-1mnkl9i{padding-left:2rem}}@media screen and (min-width: 1440px){.mc-breadcrumb.svelte-1mnkl9i.svelte-1mnkl9i{padding-left:7rem}}@media screen and (min-width: 1680px){.mc-breadcrumb.svelte-1mnkl9i.svelte-1mnkl9i{padding-left:2rem}}@media screen and (min-width: 1920px){.mc-breadcrumb.svelte-1mnkl9i.svelte-1mnkl9i{padding-left:2.5rem}}.mc-breadcrumb__container.svelte-1mnkl9i.svelte-1mnkl9i{list-style:none;margin-left:0;padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:0;margin-top:0}.mc-breadcrumb__item.svelte-1mnkl9i.svelte-1mnkl9i{padding-right:0.5rem;background-position:left center;background-repeat:no-repeat;background-size:1rem}@media screen and (min-width: 1024px){.mc-breadcrumb__item.svelte-1mnkl9i.svelte-1mnkl9i{-ms-flex-negative:0;flex-shrink:0}}.mc-breadcrumb__item.is-active.svelte-1mnkl9i.svelte-1mnkl9i,.mc-breadcrumb__item.svelte-1mnkl9i.svelte-1mnkl9i:only-child,.mc-breadcrumb__item.svelte-1mnkl9i.svelte-1mnkl9i:not(:first-child){padding-left:1.5rem}.mc-breadcrumb__item.svelte-1mnkl9i.svelte-1mnkl9i:not(:first-child){background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23333333'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}@media screen and (max-width: 1023px){.mc-breadcrumb__item.is-active.svelte-1mnkl9i.svelte-1mnkl9i,.mc-breadcrumb__item.svelte-1mnkl9i.svelte-1mnkl9i:only-child{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23333333'%3E%3Cpath d='M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}}.mc-breadcrumb__current.svelte-1mnkl9i.svelte-1mnkl9i,.mc-breadcrumb__current.mc-link.svelte-1mnkl9i.svelte-1mnkl9i{cursor:default;text-decoration:none}.mc-breadcrumb__current.svelte-1mnkl9i.svelte-1mnkl9i,.mc-breadcrumb__current.svelte-1mnkl9i.svelte-1mnkl9i:active,.mc-breadcrumb__current.svelte-1mnkl9i.svelte-1mnkl9i:focus,.mc-breadcrumb__current.svelte-1mnkl9i.svelte-1mnkl9i:hover,.mc-breadcrumb__current.svelte-1mnkl9i.svelte-1mnkl9i:visited,.mc-breadcrumb__current.mc-link.svelte-1mnkl9i.svelte-1mnkl9i,.mc-breadcrumb__current.mc-link.svelte-1mnkl9i.svelte-1mnkl9i:active,.mc-breadcrumb__current.mc-link.svelte-1mnkl9i.svelte-1mnkl9i:focus,.mc-breadcrumb__current.mc-link.svelte-1mnkl9i.svelte-1mnkl9i:hover,.mc-breadcrumb__current.mc-link.svelte-1mnkl9i.svelte-1mnkl9i:visited{color:currentColor}.mc-breadcrumb--dark.svelte-1mnkl9i.svelte-1mnkl9i{background-color:#4d4d4d;color:#ffffff}.mc-breadcrumb--dark.svelte-1mnkl9i .mc-breadcrumb__item.svelte-1mnkl9i:not(:first-child){background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}@media screen and (max-width: 1023px){.mc-breadcrumb--dark.svelte-1mnkl9i .mc-breadcrumb__item.is-active.svelte-1mnkl9i,.mc-breadcrumb--dark.svelte-1mnkl9i .mc-breadcrumb__item.svelte-1mnkl9i:only-child{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}}@media screen and (max-width: 1023px){.mc-breadcrumb--responsive.svelte-1mnkl9i .mc-breadcrumb__item.svelte-1mnkl9i:not(.is-active){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-breadcrumb--no-padding.svelte-1mnkl9i.svelte-1mnkl9i{padding-left:0}")}function y(e,l,i){const n=e.slice();return n[12]=l[i],n[14]=i,n}function z(e){let l,i,n,m=e[12].text+"";return{c(){l=t("span"),i=g(m),s(l,"class",n="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":"")+" svelte-1mnkl9i")},m(e,n){a(e,l,n),k(l,i)},p(e,t){32&t&&m!==(m=e[12].text+"")&&p(i,m),1&t&&n!==(n="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":"")+" svelte-1mnkl9i")&&s(l,"class",n)},d(e){e&&o(l)}}}function C(e){let l,i,n,m,r,c,d=e[12].text+"";function v(){return e[9](e[12])}return{c(){l=t("a"),i=g(d),s(l,"href",n=e[12].href),s(l,"class",m="mc-link mc-link--s"+(e[0]?" mc-link--light":"")+" svelte-1mnkl9i")},m(e,n){a(e,l,n),k(l,i),r||(c=x(l,"click",v),r=!0)},p(t,r){e=t,32&r&&d!==(d=e[12].text+"")&&p(i,d),32&r&&n!==(n=e[12].href)&&s(l,"href",n),1&r&&m!==(m="mc-link mc-link--s"+(e[0]?" mc-link--light":"")+" svelte-1mnkl9i")&&s(l,"class",m)},d(e){e&&o(l),r=!1,c()}}}function E(e){let l,i,n;function m(e,l){return e[14]!==e[5].length-1?C:z}let r=m(e),c=r(e);return{c(){l=t("li"),c.c(),i=u(),s(l,"class",n="mc-breadcrumb__item"+(e[12].isActive?" is-active":"")+" svelte-1mnkl9i")},m(e,n){a(e,l,n),c.m(l,null),k(l,i)},p(e,t){r===(r=m(e))&&c?c.p(e,t):(c.d(1),c=r(e),c&&(c.c(),c.m(l,i))),32&t&&n!==(n="mc-breadcrumb__item"+(e[12].isActive?" is-active":"")+" svelte-1mnkl9i")&&s(l,"class",n)},d(e){e&&o(l),c.d()}}}function $(e){let l,i,n,f=e[5],h=[];for(let l=0;l<f.length;l+=1)h[l]=E(y(e,f,l));let u=[{class:n="mc-breadcrumb "+(e[1]?" mc-breadcrumb--responsive":"")+(e[0]?" mc-breadcrumb--dark":"")+" "+e[3]},{"aria-label":"Breadcrumb"},e[2]],g={};for(let e=0;e<u.length;e+=1)g=m(g,u[e]);return{c(){l=t("nav"),i=t("ul");for(let e=0;e<h.length;e+=1)h[e].c();s(i,"class","mc-breadcrumb__container svelte-1mnkl9i"),r(l,g),c(l,"mc-breadcrumb--no-padding",e[4]),c(l,"svelte-1mnkl9i",!0)},m(e,n){a(e,l,n),k(l,i);for(let e=0;e<h.length;e+=1)h[e]&&h[e].m(i,null)},p(e,[m]){if(97&m){let l;for(f=e[5],l=0;l<f.length;l+=1){const n=y(e,f,l);h[l]?h[l].p(n,m):(h[l]=E(n),h[l].c(),h[l].m(i,null))}for(;l<h.length;l+=1)h[l].d(1);h.length=f.length}r(l,g=d(u,[11&m&&n!==(n="mc-breadcrumb "+(e[1]?" mc-breadcrumb--responsive":"")+(e[0]?" mc-breadcrumb--dark":"")+" "+e[3])&&{class:n},{"aria-label":"Breadcrumb"},4&m&&e[2]])),c(l,"mc-breadcrumb--no-padding",e[4]),c(l,"svelte-1mnkl9i",!0)},i:v,o:v,d(e){e&&o(l),b(h,e)}}}function B(e,l,i){let n,t,s,r;const c=["items","dark","responsive","nopadding"];let a=f(l,c),{items:k}=l,{dark:d=!1}=l,{responsive:v=!1}=l,{nopadding:o=!1}=l,b=new w;return e.$$set=e=>{i(11,l=m(m({},l),h(e))),i(10,a=f(l,c)),"items"in e&&i(7,k=e.items),"dark"in e&&i(0,d=e.dark),"responsive"in e&&i(1,v=e.responsive),"nopadding"in e&&i(8,o=e.nopadding)},e.$$.update=()=>{128&e.$$.dirty&&i(5,n=k?JSON.parse(k):[]),256&e.$$.dirty&&i(4,t=o&&"false"!==o),i(3,s=l.class),i(2,r=Object.assign({},a)),4&e.$$.dirty&&delete r.class},l=h(l),[d,v,r,s,t,n,b,k,o,e=>b.dispatch("link-clicked",e)]}class j extends e{constructor(e){super(),l(this,e,B,$,i,{items:7,dark:0,responsive:1,nopadding:8},_)}}export{j as default};
|
|
1
|
+
import{E as e,i as l,s as i,F as n,c as m,e as t,g as s,h as r,v as c,b as a,j as k,m as d,n as v,o,O as b,p as f,q as h,d as u,t as g,k as p,l as x}from"../../index-52f16292.js";import{E as w}from"../../EventHandler-f4efd23c.js";function _(e){n(e,"svelte-1mnkl9i",".mc-link.svelte-1mnkl9i.svelte-1mnkl9i{-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-1mnkl9i.svelte-1mnkl9i:focus{outline:none}.mc-link.svelte-1mnkl9i.svelte-1mnkl9i: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-1mnkl9i.svelte-1mnkl9i,.mc-link.svelte-1mnkl9i.svelte-1mnkl9i:visited{color:#333333}.mc-link.is-hover.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link.svelte-1mnkl9i.svelte-1mnkl9i:hover{color:#666666}.mc-link.is-active.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link.svelte-1mnkl9i.svelte-1mnkl9i:active{color:#333333}.mc-link.is-disabled.svelte-1mnkl9i.svelte-1mnkl9i{color:#e6e6e6;cursor:not-allowed}.mc-link--s.svelte-1mnkl9i.svelte-1mnkl9i{font-size:0.875rem;line-height:1.2857142857}.mc-link--m.svelte-1mnkl9i.svelte-1mnkl9i{font-size:1rem;line-height:1.375}.mc-link.svelte-1mnkl9i.svelte-1mnkl9i::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-1mnkl9i.svelte-1mnkl9i{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light.svelte-1mnkl9i.svelte-1mnkl9i{color:#ffffff}.mc-link--light.is-visited.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link--light.svelte-1mnkl9i.svelte-1mnkl9i:visited{color:#cccccc}.mc-link--light.is-hover.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link--light.svelte-1mnkl9i.svelte-1mnkl9i:hover{color:#999999}.mc-link--light.is-active.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link--light.svelte-1mnkl9i.svelte-1mnkl9i:active{color:#cccccc}.mc-link--light.is-disabled.svelte-1mnkl9i.svelte-1mnkl9i{color:#e6e6e6;cursor:not-allowed}.mc-link--primary.svelte-1mnkl9i.svelte-1mnkl9i{color:#ff5800}.mc-link--primary.is-visited.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link--primary.svelte-1mnkl9i.svelte-1mnkl9i:visited{color:#ff5800}.mc-link--primary.is-hover.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link--primary.svelte-1mnkl9i.svelte-1mnkl9i:hover{color:#b83f00}.mc-link--primary.is-active.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link--primary.svelte-1mnkl9i.svelte-1mnkl9i:active{color:#ff5800}.mc-link--primary.is-disabled.svelte-1mnkl9i.svelte-1mnkl9i{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02.svelte-1mnkl9i.svelte-1mnkl9i{color:#b83f00}.mc-link--primary-02.is-visited.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link--primary-02.svelte-1mnkl9i.svelte-1mnkl9i:visited{color:#943300}.mc-link--primary-02.is-hover.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link--primary-02.svelte-1mnkl9i.svelte-1mnkl9i:hover{color:#421700}.mc-link--primary-02.is-active.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link--primary-02.svelte-1mnkl9i.svelte-1mnkl9i:active{color:#943300}.mc-link--primary-02.is-disabled.svelte-1mnkl9i.svelte-1mnkl9i{color:#e6e6e6;cursor:not-allowed}.mc-link--danger.svelte-1mnkl9i.svelte-1mnkl9i{color:#c61112}.mc-link--danger.is-visited.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link--danger.svelte-1mnkl9i.svelte-1mnkl9i:visited{color:#8c0003}.mc-link--danger.is-hover.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link--danger.svelte-1mnkl9i.svelte-1mnkl9i:hover{color:#530000}.mc-link--danger.is-active.svelte-1mnkl9i.svelte-1mnkl9i,.mc-link--danger.svelte-1mnkl9i.svelte-1mnkl9i:active{color:#8c0003}.mc-link--danger.is-disabled.svelte-1mnkl9i.svelte-1mnkl9i{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m.svelte-1mnkl9i.svelte-1mnkl9i{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m.svelte-1mnkl9i.svelte-1mnkl9i{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l.svelte-1mnkl9i.svelte-1mnkl9i{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l.svelte-1mnkl9i.svelte-1mnkl9i{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl.svelte-1mnkl9i.svelte-1mnkl9i{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl.svelte-1mnkl9i.svelte-1mnkl9i{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl.svelte-1mnkl9i.svelte-1mnkl9i{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl.svelte-1mnkl9i.svelte-1mnkl9i{font-size:1rem;line-height:1.375}}.mc-breadcrumb.svelte-1mnkl9i.svelte-1mnkl9i{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;color:#191919;padding:0.9375rem 0 0.9375rem 1.125rem}@media screen and (min-width: 360px){.mc-breadcrumb.svelte-1mnkl9i.svelte-1mnkl9i{padding-left:1.25rem}}@media screen and (min-width: 390px){.mc-breadcrumb.svelte-1mnkl9i.svelte-1mnkl9i{padding-left:1.375rem}}@media screen and (min-width: 680px){.mc-breadcrumb.svelte-1mnkl9i.svelte-1mnkl9i{padding-left:2rem}}@media screen and (min-width: 769px){.mc-breadcrumb.svelte-1mnkl9i.svelte-1mnkl9i{padding-left:2.125rem}}@media screen and (min-width: 1024px){.mc-breadcrumb.svelte-1mnkl9i.svelte-1mnkl9i{padding-left:3rem}}@media screen and (min-width: 1280px){.mc-breadcrumb.svelte-1mnkl9i.svelte-1mnkl9i{padding-left:2rem}}@media screen and (min-width: 1440px){.mc-breadcrumb.svelte-1mnkl9i.svelte-1mnkl9i{padding-left:7rem}}@media screen and (min-width: 1680px){.mc-breadcrumb.svelte-1mnkl9i.svelte-1mnkl9i{padding-left:2rem}}@media screen and (min-width: 1920px){.mc-breadcrumb.svelte-1mnkl9i.svelte-1mnkl9i{padding-left:2.5rem}}.mc-breadcrumb__container.svelte-1mnkl9i.svelte-1mnkl9i{list-style:none;margin-left:0;padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:0;margin-top:0}.mc-breadcrumb__item.svelte-1mnkl9i.svelte-1mnkl9i{padding-right:0.5rem;background-position:left center;background-repeat:no-repeat;background-size:1rem}@media screen and (min-width: 1024px){.mc-breadcrumb__item.svelte-1mnkl9i.svelte-1mnkl9i{-ms-flex-negative:0;flex-shrink:0}}.mc-breadcrumb__item.is-active.svelte-1mnkl9i.svelte-1mnkl9i,.mc-breadcrumb__item.svelte-1mnkl9i.svelte-1mnkl9i:only-child,.mc-breadcrumb__item.svelte-1mnkl9i.svelte-1mnkl9i:not(:first-child){padding-left:1.5rem}.mc-breadcrumb__item.svelte-1mnkl9i.svelte-1mnkl9i:not(:first-child){background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23333333'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}@media screen and (max-width: 1023px){.mc-breadcrumb__item.is-active.svelte-1mnkl9i.svelte-1mnkl9i,.mc-breadcrumb__item.svelte-1mnkl9i.svelte-1mnkl9i:only-child{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23333333'%3E%3Cpath d='M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}}.mc-breadcrumb__current.svelte-1mnkl9i.svelte-1mnkl9i,.mc-breadcrumb__current.mc-link.svelte-1mnkl9i.svelte-1mnkl9i{cursor:default;text-decoration:none}.mc-breadcrumb__current.svelte-1mnkl9i.svelte-1mnkl9i,.mc-breadcrumb__current.svelte-1mnkl9i.svelte-1mnkl9i:active,.mc-breadcrumb__current.svelte-1mnkl9i.svelte-1mnkl9i:focus,.mc-breadcrumb__current.svelte-1mnkl9i.svelte-1mnkl9i:hover,.mc-breadcrumb__current.svelte-1mnkl9i.svelte-1mnkl9i:visited,.mc-breadcrumb__current.mc-link.svelte-1mnkl9i.svelte-1mnkl9i,.mc-breadcrumb__current.mc-link.svelte-1mnkl9i.svelte-1mnkl9i:active,.mc-breadcrumb__current.mc-link.svelte-1mnkl9i.svelte-1mnkl9i:focus,.mc-breadcrumb__current.mc-link.svelte-1mnkl9i.svelte-1mnkl9i:hover,.mc-breadcrumb__current.mc-link.svelte-1mnkl9i.svelte-1mnkl9i:visited{color:currentColor}.mc-breadcrumb--dark.svelte-1mnkl9i.svelte-1mnkl9i{background-color:#4d4d4d;color:#ffffff}.mc-breadcrumb--dark.svelte-1mnkl9i .mc-breadcrumb__item.svelte-1mnkl9i:not(:first-child){background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}@media screen and (max-width: 1023px){.mc-breadcrumb--dark.svelte-1mnkl9i .mc-breadcrumb__item.is-active.svelte-1mnkl9i,.mc-breadcrumb--dark.svelte-1mnkl9i .mc-breadcrumb__item.svelte-1mnkl9i:only-child{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z'/%3E%3C/svg%3E\")}}@media screen and (max-width: 1023px){.mc-breadcrumb--responsive.svelte-1mnkl9i .mc-breadcrumb__item.svelte-1mnkl9i:not(.is-active){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-breadcrumb--no-padding.svelte-1mnkl9i.svelte-1mnkl9i{padding-left:0}")}function y(e,l,i){const n=e.slice();return n[12]=l[i],n[14]=i,n}function z(e){let l,i,n,m=e[12].text+"";return{c(){l=t("span"),i=g(m),s(l,"class",n="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":"")+" svelte-1mnkl9i")},m(e,n){a(e,l,n),k(l,i)},p(e,t){32&t&&m!==(m=e[12].text+"")&&p(i,m),1&t&&n!==(n="mc-link mc-link--s mc-breadcrumb__current"+(e[0]?" mc-link--light":"")+" svelte-1mnkl9i")&&s(l,"class",n)},d(e){e&&o(l)}}}function E(e){let l,i,n,m,r,c,d=e[12].text+"";function v(){return e[9](e[12])}return{c(){l=t("a"),i=g(d),s(l,"href",n=e[12].href),s(l,"class",m="mc-link mc-link--s"+(e[0]?" mc-link--light":"")+" svelte-1mnkl9i")},m(e,n){a(e,l,n),k(l,i),r||(c=x(l,"click",v),r=!0)},p(t,r){e=t,32&r&&d!==(d=e[12].text+"")&&p(i,d),32&r&&n!==(n=e[12].href)&&s(l,"href",n),1&r&&m!==(m="mc-link mc-link--s"+(e[0]?" mc-link--light":"")+" svelte-1mnkl9i")&&s(l,"class",m)},d(e){e&&o(l),r=!1,c()}}}function C(e){let l,i,n;function m(e,l){return e[14]!==e[5].length-1?E:z}let r=m(e),c=r(e);return{c(){l=t("li"),c.c(),i=u(),s(l,"class",n="mc-breadcrumb__item"+(e[12].isActive?" is-active":"")+" svelte-1mnkl9i")},m(e,n){a(e,l,n),c.m(l,null),k(l,i)},p(e,t){r===(r=m(e))&&c?c.p(e,t):(c.d(1),c=r(e),c&&(c.c(),c.m(l,i))),32&t&&n!==(n="mc-breadcrumb__item"+(e[12].isActive?" is-active":"")+" svelte-1mnkl9i")&&s(l,"class",n)},d(e){e&&o(l),c.d()}}}function $(e){let l,i,n,f=e[5],h=[];for(let l=0;l<f.length;l+=1)h[l]=C(y(e,f,l));let u=[{class:n="mc-breadcrumb "+(e[1]?" mc-breadcrumb--responsive":"")+(e[0]?" mc-breadcrumb--dark":"")+" "+e[3]},{"aria-label":"Breadcrumb"},e[2]],g={};for(let e=0;e<u.length;e+=1)g=m(g,u[e]);return{c(){l=t("nav"),i=t("ul");for(let e=0;e<h.length;e+=1)h[e].c();s(i,"class","mc-breadcrumb__container svelte-1mnkl9i"),r(l,g),c(l,"mc-breadcrumb--no-padding",e[4]),c(l,"svelte-1mnkl9i",!0)},m(e,n){a(e,l,n),k(l,i);for(let e=0;e<h.length;e+=1)h[e]&&h[e].m(i,null)},p(e,[m]){if(97&m){let l;for(f=e[5],l=0;l<f.length;l+=1){const n=y(e,f,l);h[l]?h[l].p(n,m):(h[l]=C(n),h[l].c(),h[l].m(i,null))}for(;l<h.length;l+=1)h[l].d(1);h.length=f.length}r(l,g=d(u,[11&m&&n!==(n="mc-breadcrumb "+(e[1]?" mc-breadcrumb--responsive":"")+(e[0]?" mc-breadcrumb--dark":"")+" "+e[3])&&{class:n},{"aria-label":"Breadcrumb"},4&m&&e[2]])),c(l,"mc-breadcrumb--no-padding",e[4]),c(l,"svelte-1mnkl9i",!0)},i:v,o:v,d(e){e&&o(l),b(h,e)}}}function B(e,l,i){let n,t,s,r;const c=["items","dark","responsive","nopadding"];let a=f(l,c),{items:k}=l,{dark:d=!1}=l,{responsive:v=!1}=l,{nopadding:o=!1}=l,b=new w;return e.$$set=e=>{i(11,l=m(m({},l),h(e))),i(10,a=f(l,c)),"items"in e&&i(7,k=e.items),"dark"in e&&i(0,d=e.dark),"responsive"in e&&i(1,v=e.responsive),"nopadding"in e&&i(8,o=e.nopadding)},e.$$.update=()=>{128&e.$$.dirty&&i(5,n=k?JSON.parse(k):[]),256&e.$$.dirty&&i(4,t=o&&"false"!==o),i(3,s=l.class),i(2,r=Object.assign({},a)),4&e.$$.dirty&&delete r.class},l=h(l),[d,v,r,s,t,n,b,k,o,e=>b.dispatch("link-clicked",e)]}class j extends e{constructor(e){super(),l(this,e,B,$,i,{items:7,dark:0,responsive:1,nopadding:8},_)}}export{j as default};
|
|
2
2
|
//# sourceMappingURL=Breadcrumb.nested.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{S as t,i as o,a as e,b as i,f as n,s as r,c as m,e as c,d as l,n as d,h as a,z as s,j as b,B as u,C as h,D as f,E as g,m as p,o as x,p as w,r as _,q as $,g as y,M as v,Z as k,K as z,x as j,A as q,G as C,t as E,k as N}from"../../index-c33b3772.js";import{c as A}from"../../EventForward-8492ff62.js";import L from"../loader/Loader.nested.js";function M(t){let o,e,n,r;const m=[R,O],l=[];function d(t,o){return t[13]&&"left"===t[12]?0:1}return e=d(t),n=l[e]=m[e](t),{c(){o=c("span"),n.c(),y(o,"class","mc-button__icon")},m(t,n){i(t,o,n),l[e].m(o,null),r=!0},p(t,i){let r=e;e=d(t),e===r?l[e].p(t,i):(v(),f(l[r],1,1,(()=>{l[r]=null})),g(),n=l[e],n?n.p(t,i):(n=l[e]=m[e](t),n.c()),h(n,1),n.m(o,null))},i(t){r||(h(n),r=!0)},o(t){f(n),r=!1},d(t){t&&x(o),l[e].d()}}}function O(t){let o,e,n=`<${P(t[2],t[6],t[5])} />`;return{c(){o=new k(!1),e=z(),o.a=e},m(t,r){o.m(n,t,r),i(t,e,r)},p(t,e){100&e&&n!==(n=`<${P(t[2],t[6],t[5])} />`)&&o.p(n)},i:d,o:d,d(t){t&&x(e),t&&o.d()}}}function R(t){let o,e;return o=new L({props:{size:"s",theme:t[11],text:""}}),{c(){j(o.$$.fragment)},m(t,i){q(o,t,i),e=!0},p(t,e){const i={};2048&e&&(i.theme=t[11]),o.$set(i)},i(t){e||(h(o.$$.fragment,t),e=!0)},o(t){f(o.$$.fragment,t),e=!1},d(t){C(o,t)}}}function S(t){let o,e,n,r,m,d,a=t[13]&&"left"===t[12]&&!t[5]&&D(t),s=t[13]&&"right"===t[12]&&!t[5]&&F(t);return{c(){a&&a.c(),o=l(),e=c("span"),n=E(t[4]),r=l(),s&&s.c(),m=z(),y(e,"class","mc-button__label")},m(t,c){a&&a.m(t,c),i(t,o,c),i(t,e,c),b(e,n),i(t,r,c),s&&s.m(t,c),i(t,m,c),d=!0},p(t,e){t[13]&&"left"===t[12]&&!t[5]?a?(a.p(t,e),12320&e&&h(a,1)):(a=D(t),a.c(),h(a,1),a.m(o.parentNode,o)):a&&(v(),f(a,1,1,(()=>{a=null})),g()),(!d||16&e)&&N(n,t[4]),t[13]&&"right"===t[12]&&!t[5]?s?(s.p(t,e),12320&e&&h(s,1)):(s=F(t),s.c(),h(s,1),s.m(m.parentNode,m)):s&&(v(),f(s,1,1,(()=>{s=null})),g())},i(t){d||(h(a),h(s),d=!0)},o(t){f(a),f(s),d=!1},d(t){a&&a.d(t),t&&x(o),t&&x(e),t&&x(r),s&&s.d(t),t&&x(m)}}}function B(t){let o,e,n,r;const m=[J,G],l=[];function d(t,o){return t[13]?0:1}return e=d(t),n=l[e]=m[e](t),{c(){o=c("span"),n.c(),y(o,"class","mc-button__icon")},m(t,n){i(t,o,n),l[e].m(o,null),r=!0},p(t,i){let r=e;e=d(t),e===r?l[e].p(t,i):(v(),f(l[r],1,1,(()=>{l[r]=null})),g(),n=l[e],n?n.p(t,i):(n=l[e]=m[e](t),n.c()),h(n,1),n.m(o,null))},i(t){r||(h(n),r=!0)},o(t){f(n),r=!1},d(t){t&&x(o),l[e].d()}}}function D(t){let o,e,n;return e=new L({props:{size:"s",theme:t[11],text:""}}),{c(){o=c("span"),j(e.$$.fragment),y(o,"class","mc-button__icon")},m(t,r){i(t,o,r),q(e,o,null),n=!0},p(t,o){const i={};2048&o&&(i.theme=t[11]),e.$set(i)},i(t){n||(h(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){t&&x(o),C(e)}}}function F(t){let o,e,n;return e=new L({props:{size:"s",theme:t[11],text:""}}),{c(){o=c("span"),j(e.$$.fragment),y(o,"class","mc-button__icon")},m(t,r){i(t,o,r),q(e,o,null),n=!0},p(t,o){const i={};2048&o&&(i.theme=t[11]),e.$set(i)},i(t){n||(h(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){t&&x(o),C(e)}}}function G(t){let o,e,n=`<${P(t[2],t[6],t[5])} size="100%" />`;return{c(){o=new k(!1),e=z(),o.a=e},m(t,r){o.m(n,t,r),i(t,e,r)},p(t,e){100&e&&n!==(n=`<${P(t[2],t[6],t[5])} size="100%" />`)&&o.p(n)},i:d,o:d,d(t){t&&x(e),t&&o.d()}}}function J(t){let o,e;return o=new L({props:{size:"m",theme:t[11],text:""}}),{c(){j(o.$$.fragment)},m(t,i){q(o,t,i),e=!0},p(t,e){const i={};2048&e&&(i.theme=t[11]),o.$set(i)},i(t){e||(h(o.$$.fragment,t),e=!0)},o(t){f(o.$$.fragment,t),e=!1},d(t){C(o,t)}}}function K(t){let o,e,n,r;const m=[H,Z],l=[];function d(t,o){return t[13]&&"right"===t[12]?0:1}return e=d(t),n=l[e]=m[e](t),{c(){o=c("span"),n.c(),y(o,"class","mc-button__icon")},m(t,n){i(t,o,n),l[e].m(o,null),r=!0},p(t,i){let r=e;e=d(t),e===r?l[e].p(t,i):(v(),f(l[r],1,1,(()=>{l[r]=null})),g(),n=l[e],n?n.p(t,i):(n=l[e]=m[e](t),n.c()),h(n,1),n.m(o,null))},i(t){r||(h(n),r=!0)},o(t){f(n),r=!1},d(t){t&&x(o),l[e].d()}}}function Z(t){let o,e,n=`<${P(t[2],t[6],t[5])} />`;return{c(){o=new k(!1),e=z(),o.a=e},m(t,r){o.m(n,t,r),i(t,e,r)},p(t,e){100&e&&n!==(n=`<${P(t[2],t[6],t[5])} />`)&&o.p(n)},i:d,o:d,d(t){t&&x(e),t&&o.d()}}}function H(t){let o,e;return o=new L({props:{size:"s",theme:t[11],text:""}}),{c(){j(o.$$.fragment)},m(t,i){q(o,t,i),e=!0},p(t,e){const i={};2048&e&&(i.theme=t[11]),o.$set(i)},i(t){e||(h(o.$$.fragment,t),e=!0)},o(t){f(o.$$.fragment,t),e=!1},d(t){C(o,t)}}}function I(t){let o,e,n,r,w,_,$,y,k,z=t[5]&&"left"===t[6]&&M(t);const j=[B,S],q=[];function C(t,o){return t[5]&&"only"===t[6]?0:1}n=C(t),r=q[n]=j[n](t);let E=t[5]&&"right"===t[6]&&K(t),N=[{type:t[8]},{class:_=t[15](t[1],t[0],t[2],t[3])+" "+t[10]},{disabled:t[7]},t[9]],A={};for(let t=0;t<N.length;t+=1)A=m(A,N[t]);return{c(){o=c("button"),z&&z.c(),e=l(),r.c(),w=l(),E&&E.c(),this.c=d,a(o,A),s(o,"mc-button--square","only"==t[6])},m(r,m){i(r,o,m),z&&z.m(o,null),b(o,e),q[n].m(o,null),b(o,w),E&&E.m(o,null),o.autofocus&&o.focus(),$=!0,y||(k=u(t[14].call(null,o)),y=!0)},p(t,[i]){t[5]&&"left"===t[6]?z?(z.p(t,i),96&i&&h(z,1)):(z=M(t),z.c(),h(z,1),z.m(o,e)):z&&(v(),f(z,1,1,(()=>{z=null})),g());let m=n;n=C(t),n===m?q[n].p(t,i):(v(),f(q[m],1,1,(()=>{q[m]=null})),g(),r=q[n],r?r.p(t,i):(r=q[n]=j[n](t),r.c()),h(r,1),r.m(o,w)),t[5]&&"right"===t[6]?E?(E.p(t,i),96&i&&h(E,1)):(E=K(t),E.c(),h(E,1),E.m(o,null)):E&&(v(),f(E,1,1,(()=>{E=null})),g()),a(o,A=p(N,[(!$||256&i)&&{type:t[8]},(!$||1039&i&&_!==(_=t[15](t[1],t[0],t[2],t[3])+" "+t[10]))&&{class:_},(!$||128&i)&&{disabled:t[7]},512&i&&t[9]])),s(o,"mc-button--square","only"==t[6])},i(t){$||(h(z),h(r),h(E),$=!0)},o(t){f(z),f(r),f(E),$=!1},d(t){t&&x(o),z&&z.d(),q[n].d(),E&&E.d(),y=!1,k()}}}function P(t,o,e){const i="only"===o;let n;switch(t){case"s":n="24px";break;case"m":n=i?"32px":"24px";break;case"l":n=i?"100%":"32px"}return`${e} size="${n}" class="no"`}function Q(t,o,e){let i,n,r,c,l,d;const a=["bordered","theme","size","full","label","iconname","iconmode","disabled","responsivesize","responsivewidth","type","loader"];let s=w(o,a);var b,u,h;let{bordered:f=!1}=o,{theme:g}=o,{size:p="m"}=o,{full:x=!1}=o,{label:y}=o,{iconname:v}=o,{iconmode:k}=o,{disabled:z=!1}=o,{responsivesize:j}=o,{responsivewidth:q}=o,{type:C="button"}=o,{loader:E}=o;const N=A(_());return t.$$set=t=>{e(24,o=m(m({},o),$(t))),e(23,s=w(o,a)),"bordered"in t&&e(0,f=t.bordered),"theme"in t&&e(1,g=t.theme),"size"in t&&e(2,p=t.size),"full"in t&&e(3,x=t.full),"label"in t&&e(4,y=t.label),"iconname"in t&&e(5,v=t.iconname),"iconmode"in t&&e(6,k=t.iconmode),"disabled"in t&&e(7,z=t.disabled),"responsivesize"in t&&e(16,j=t.responsivesize),"responsivewidth"in t&&e(17,q=t.responsivewidth),"type"in t&&e(8,C=t.type),"loader"in t&&e(18,E=t.loader)},t.$$.update=()=>{262144&t.$$.dirty&&e(22,i=E?JSON.parse(E):void 0),4718592&t.$$.dirty&&e(13,n=null!==e(19,b=null==i?void 0:i.enabled)&&void 0!==b&&b),5242880&t.$$.dirty&&e(12,r=null!==e(20,u=null==i?void 0:i.position)&&void 0!==u?u:"left"),6291456&t.$$.dirty&&e(11,c=null!==e(21,h=null==i?void 0:i.theme)&&void 0!==h?h:"primary"),e(10,l=o.class),e(9,d=Object.assign({},s)),512&t.$$.dirty&&delete d.class},o=$(o),[f,g,p,x,y,v,k,z,C,d,l,c,r,n,N,function(t,o,e,i){const n=["mc-button"],r=function(t,o){if(!o&&!t)return"";const e=o?"bordered":"solid";return t?`mc-button--${e}-${t}`:`mc-button--${e}`}(t,o);return r&&n.push(r),e&&n.push(`mc-button--${e}`),i?n.push("mc-button--full"):n.push("mc-button--fit"),"only"===k&&n.push("mc-button--square"),j&&n.push(`mc-button--${j}`),q&&n.push(`mc-button--${q}`),n.join(" ")},j,q,E,b,u,h,i]}class T extends t{constructor(t){super();const m=document.createElement("style");m.textContent='.mc-button{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;color:#ffffff;background-color:#120949;font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;fill:currentColor}.mc-button.is-hover,.mc-button:hover{background-color:#161cb6;color:#ffffff}.mc-button.is-active,.mc-button:active{background-color:#161cb6}.mc-button:disabled,.mc-button.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button .mc-button__icon:first-child,.mc-button .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button.is-focus,.mc-button:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-button--s{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s .mc-button__icon:first-child,.mc-button--s .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m .mc-button__icon:first-child,.mc-button--m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l .mc-button__icon{width:2rem;height:2rem}.mc-button--l .mc-button__icon:first-child,.mc-button--l .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:0;padding:0}.mc-button__icon{-ms-flex-negative:0;flex-shrink:0}.mc-button__icon:last-child{margin-left:0.5rem;margin-right:-0.25rem}.mc-button__icon:first-child{margin-right:0.5rem;margin-left:-0.25rem}.mc-button__icon:only-child{margin:0}.mc-button__label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:none}.mc-button--solid-primary-02{background-color:#ff5800}.mc-button--solid-primary-02.is-hover,.mc-button--solid-primary-02:hover{background-color:#b83f00}.mc-button--solid-primary-02.is-active,.mc-button--solid-primary-02:active{background-color:#421700}.mc-button--solid-primary-02:disabled,.mc-button--solid-primary-02.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-neutral{background-color:#333333}.mc-button--solid-neutral.is-hover,.mc-button--solid-neutral:hover{background-color:#191919}.mc-button--solid-neutral.is-active,.mc-button--solid-neutral:active{background-color:#333333}.mc-button--solid-neutral:disabled,.mc-button--solid-neutral.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-danger{background-color:#c61112}.mc-button--solid-danger.is-hover,.mc-button--solid-danger:hover{background-color:#8c0003}.mc-button--solid-danger.is-active,.mc-button--solid-danger:active{background-color:#8c0003}.mc-button--solid-danger:disabled,.mc-button--solid-danger.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered{color:#120949;border-color:#120949;background-color:#ffffff}.mc-button--bordered.is-hover,.mc-button--bordered:hover{background-color:#e5e7fa;color:#161cb6}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#b8bef4;color:#130f7b}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#b8bef4;color:#130f7b}.mc-button--bordered:disabled,.mc-button--bordered.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-primary-02{color:#ff5800;border-color:#ff5800;background-color:#ffffff}.mc-button--bordered-primary-02.is-hover,.mc-button--bordered-primary-02:hover{background-color:#ffe1d1;color:#ff5800}.mc-button--bordered-primary-02.is-active,.mc-button--bordered-primary-02:active{background-color:#ffab80}.mc-button--bordered-primary-02:disabled,.mc-button--bordered-primary-02.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-neutral{color:#333333;border-color:#333333;background-color:#ffffff}.mc-button--bordered-neutral.is-hover,.mc-button--bordered-neutral:hover{background-color:#e6e6e6;color:#333333}.mc-button--bordered-neutral.is-active,.mc-button--bordered-neutral:active{background-color:#cccccc}.mc-button--bordered-neutral:disabled,.mc-button--bordered-neutral.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-danger{color:#c61112;border-color:#c61112;background-color:#ffffff}.mc-button--bordered-danger.is-hover,.mc-button--bordered-danger:hover{background-color:#fdeaea;color:#8c0003}.mc-button--bordered-danger.is-active,.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger.is-active,.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:disabled,.mc-button--bordered-danger.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}@media screen and (min-width: 680px){.mc-button--s\\@from-m{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-m .mc-button__icon:first-child,.mc-button--s\\@from-m .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-m{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-m .mc-button__icon:first-child,.mc-button--m\\@from-m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-m{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-m .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-m .mc-button__icon:first-child,.mc-button--l\\@from-m .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-m{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-m{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-m{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1024px){.mc-button--s\\@from-l{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-l .mc-button__icon:first-child,.mc-button--s\\@from-l .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-l{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-l .mc-button__icon:first-child,.mc-button--m\\@from-l .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-l{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-l .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-l .mc-button__icon:first-child,.mc-button--l\\@from-l .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-l{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-l{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-l{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square{padding:0}}@media screen and (min-width: 1280px){.mc-button--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xl .mc-button__icon:first-child,.mc-button--s\\@from-xl .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl .mc-button__icon:first-child,.mc-button--m\\@from-xl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xl{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xl .mc-button__icon:first-child,.mc-button--l\\@from-xl .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xl{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xl{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1920px){.mc-button--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xxl .mc-button__icon:first-child,.mc-button--s\\@from-xxl .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl .mc-button__icon:first-child,.mc-button--m\\@from-xxl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xxl{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xxl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xxl .mc-button__icon:first-child,.mc-button--l\\@from-xxl .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xxl{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xxl{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xxl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}.mc-button__icon{pointer-events:none}',this.shadowRoot.appendChild(m),o(this,{target:this.shadowRoot,props:e(this.attributes),customElement:!0},Q,I,r,{bordered:0,theme:1,size:2,full:3,label:4,iconname:5,iconmode:6,disabled:7,responsivesize:16,responsivewidth:17,type:8,loader:18},null),t&&(t.target&&i(t.target,this,t.anchor),t.props&&(this.$set(t.props),n()))}static get observedAttributes(){return["bordered","theme","size","full","label","iconname","iconmode","disabled","responsivesize","responsivewidth","type","loader"]}get bordered(){return this.$$.ctx[0]}set bordered(t){this.$$set({bordered:t}),n()}get theme(){return this.$$.ctx[1]}set theme(t){this.$$set({theme:t}),n()}get size(){return this.$$.ctx[2]}set size(t){this.$$set({size:t}),n()}get full(){return this.$$.ctx[3]}set full(t){this.$$set({full:t}),n()}get label(){return this.$$.ctx[4]}set label(t){this.$$set({label:t}),n()}get iconname(){return this.$$.ctx[5]}set iconname(t){this.$$set({iconname:t}),n()}get iconmode(){return this.$$.ctx[6]}set iconmode(t){this.$$set({iconmode:t}),n()}get disabled(){return this.$$.ctx[7]}set disabled(t){this.$$set({disabled:t}),n()}get responsivesize(){return this.$$.ctx[16]}set responsivesize(t){this.$$set({responsivesize:t}),n()}get responsivewidth(){return this.$$.ctx[17]}set responsivewidth(t){this.$$set({responsivewidth:t}),n()}get type(){return this.$$.ctx[8]}set type(t){this.$$set({type:t}),n()}get loader(){return this.$$.ctx[18]}set loader(t){this.$$set({loader:t}),n()}}export{T as default};
|
|
1
|
+
import{S as t,i as o,a as e,b as i,f as n,s as r,c as m,e as c,d as l,n as d,h as a,v as s,j as b,K as u,y as h,w as f,x as g,m as p,o as x,p as w,r as _,q as $,g as y,z as v,Z as k,P as z,B as j,C as q,D as C,t as E,k as N}from"../../index-52f16292.js";import{c as L}from"../../EventForward-422700d7.js";import O from"../loader/Loader.nested.js";function R(t){let o,e,n,r;const m=[A,S],l=[];function d(t,o){return t[13]&&"left"===t[12]?0:1}return e=d(t),n=l[e]=m[e](t),{c(){o=c("span"),n.c(),y(o,"class","mc-button__icon")},m(t,n){i(t,o,n),l[e].m(o,null),r=!0},p(t,i){let r=e;e=d(t),e===r?l[e].p(t,i):(v(),f(l[r],1,1,(()=>{l[r]=null})),g(),n=l[e],n?n.p(t,i):(n=l[e]=m[e](t),n.c()),h(n,1),n.m(o,null))},i(t){r||(h(n),r=!0)},o(t){f(n),r=!1},d(t){t&&x(o),l[e].d()}}}function S(t){let o,e,n=`<${I(t[2],t[6],t[5])} />`;return{c(){o=new k(!1),e=z(),o.a=e},m(t,r){o.m(n,t,r),i(t,e,r)},p(t,e){100&e&&n!==(n=`<${I(t[2],t[6],t[5])} />`)&&o.p(n)},i:d,o:d,d(t){t&&x(e),t&&o.d()}}}function A(t){let o,e;return o=new O({props:{size:"s",theme:t[11],text:""}}),{c(){j(o.$$.fragment)},m(t,i){q(o,t,i),e=!0},p(t,e){const i={};2048&e&&(i.theme=t[11]),o.$set(i)},i(t){e||(h(o.$$.fragment,t),e=!0)},o(t){f(o.$$.fragment,t),e=!1},d(t){C(o,t)}}}function B(t){let o,e,n,r,m,d,a=t[13]&&"left"===t[12]&&!t[5]&&F(t),s=t[13]&&"right"===t[12]&&!t[5]&&J(t);return{c(){a&&a.c(),o=l(),e=c("span"),n=E(t[4]),r=l(),s&&s.c(),m=z(),y(e,"class","mc-button__label")},m(t,c){a&&a.m(t,c),i(t,o,c),i(t,e,c),b(e,n),i(t,r,c),s&&s.m(t,c),i(t,m,c),d=!0},p(t,e){t[13]&&"left"===t[12]&&!t[5]?a?(a.p(t,e),12320&e&&h(a,1)):(a=F(t),a.c(),h(a,1),a.m(o.parentNode,o)):a&&(v(),f(a,1,1,(()=>{a=null})),g()),(!d||16&e)&&N(n,t[4]),t[13]&&"right"===t[12]&&!t[5]?s?(s.p(t,e),12320&e&&h(s,1)):(s=J(t),s.c(),h(s,1),s.m(m.parentNode,m)):s&&(v(),f(s,1,1,(()=>{s=null})),g())},i(t){d||(h(a),h(s),d=!0)},o(t){f(a),f(s),d=!1},d(t){a&&a.d(t),t&&x(o),t&&x(e),t&&x(r),s&&s.d(t),t&&x(m)}}}function D(t){let o,e,n,r;const m=[M,K],l=[];function d(t,o){return t[13]?0:1}return e=d(t),n=l[e]=m[e](t),{c(){o=c("span"),n.c(),y(o,"class","mc-button__icon")},m(t,n){i(t,o,n),l[e].m(o,null),r=!0},p(t,i){let r=e;e=d(t),e===r?l[e].p(t,i):(v(),f(l[r],1,1,(()=>{l[r]=null})),g(),n=l[e],n?n.p(t,i):(n=l[e]=m[e](t),n.c()),h(n,1),n.m(o,null))},i(t){r||(h(n),r=!0)},o(t){f(n),r=!1},d(t){t&&x(o),l[e].d()}}}function F(t){let o,e,n;return e=new O({props:{size:"s",theme:t[11],text:""}}),{c(){o=c("span"),j(e.$$.fragment),y(o,"class","mc-button__icon")},m(t,r){i(t,o,r),q(e,o,null),n=!0},p(t,o){const i={};2048&o&&(i.theme=t[11]),e.$set(i)},i(t){n||(h(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){t&&x(o),C(e)}}}function J(t){let o,e,n;return e=new O({props:{size:"s",theme:t[11],text:""}}),{c(){o=c("span"),j(e.$$.fragment),y(o,"class","mc-button__icon")},m(t,r){i(t,o,r),q(e,o,null),n=!0},p(t,o){const i={};2048&o&&(i.theme=t[11]),e.$set(i)},i(t){n||(h(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){t&&x(o),C(e)}}}function K(t){let o,e,n=`<${I(t[2],t[6],t[5])} size="100%" />`;return{c(){o=new k(!1),e=z(),o.a=e},m(t,r){o.m(n,t,r),i(t,e,r)},p(t,e){100&e&&n!==(n=`<${I(t[2],t[6],t[5])} size="100%" />`)&&o.p(n)},i:d,o:d,d(t){t&&x(e),t&&o.d()}}}function M(t){let o,e;return o=new O({props:{size:"m",theme:t[11],text:""}}),{c(){j(o.$$.fragment)},m(t,i){q(o,t,i),e=!0},p(t,e){const i={};2048&e&&(i.theme=t[11]),o.$set(i)},i(t){e||(h(o.$$.fragment,t),e=!0)},o(t){f(o.$$.fragment,t),e=!1},d(t){C(o,t)}}}function P(t){let o,e,n,r;const m=[G,Z],l=[];function d(t,o){return t[13]&&"right"===t[12]?0:1}return e=d(t),n=l[e]=m[e](t),{c(){o=c("span"),n.c(),y(o,"class","mc-button__icon")},m(t,n){i(t,o,n),l[e].m(o,null),r=!0},p(t,i){let r=e;e=d(t),e===r?l[e].p(t,i):(v(),f(l[r],1,1,(()=>{l[r]=null})),g(),n=l[e],n?n.p(t,i):(n=l[e]=m[e](t),n.c()),h(n,1),n.m(o,null))},i(t){r||(h(n),r=!0)},o(t){f(n),r=!1},d(t){t&&x(o),l[e].d()}}}function Z(t){let o,e,n=`<${I(t[2],t[6],t[5])} />`;return{c(){o=new k(!1),e=z(),o.a=e},m(t,r){o.m(n,t,r),i(t,e,r)},p(t,e){100&e&&n!==(n=`<${I(t[2],t[6],t[5])} />`)&&o.p(n)},i:d,o:d,d(t){t&&x(e),t&&o.d()}}}function G(t){let o,e;return o=new O({props:{size:"s",theme:t[11],text:""}}),{c(){j(o.$$.fragment)},m(t,i){q(o,t,i),e=!0},p(t,e){const i={};2048&e&&(i.theme=t[11]),o.$set(i)},i(t){e||(h(o.$$.fragment,t),e=!0)},o(t){f(o.$$.fragment,t),e=!1},d(t){C(o,t)}}}function H(t){let o,e,n,r,w,_,$,y,k,z=t[5]&&"left"===t[6]&&R(t);const j=[D,B],q=[];function C(t,o){return t[5]&&"only"===t[6]?0:1}n=C(t),r=q[n]=j[n](t);let E=t[5]&&"right"===t[6]&&P(t),N=[{type:t[8]},{class:_=t[15](t[1],t[0],t[2],t[3])+" "+t[10]},{disabled:t[7]},t[9]],L={};for(let t=0;t<N.length;t+=1)L=m(L,N[t]);return{c(){o=c("button"),z&&z.c(),e=l(),r.c(),w=l(),E&&E.c(),this.c=d,a(o,L),s(o,"mc-button--square","only"==t[6])},m(r,m){i(r,o,m),z&&z.m(o,null),b(o,e),q[n].m(o,null),b(o,w),E&&E.m(o,null),o.autofocus&&o.focus(),$=!0,y||(k=u(t[14].call(null,o)),y=!0)},p(t,[i]){t[5]&&"left"===t[6]?z?(z.p(t,i),96&i&&h(z,1)):(z=R(t),z.c(),h(z,1),z.m(o,e)):z&&(v(),f(z,1,1,(()=>{z=null})),g());let m=n;n=C(t),n===m?q[n].p(t,i):(v(),f(q[m],1,1,(()=>{q[m]=null})),g(),r=q[n],r?r.p(t,i):(r=q[n]=j[n](t),r.c()),h(r,1),r.m(o,w)),t[5]&&"right"===t[6]?E?(E.p(t,i),96&i&&h(E,1)):(E=P(t),E.c(),h(E,1),E.m(o,null)):E&&(v(),f(E,1,1,(()=>{E=null})),g()),a(o,L=p(N,[(!$||256&i)&&{type:t[8]},(!$||1039&i&&_!==(_=t[15](t[1],t[0],t[2],t[3])+" "+t[10]))&&{class:_},(!$||128&i)&&{disabled:t[7]},512&i&&t[9]])),s(o,"mc-button--square","only"==t[6])},i(t){$||(h(z),h(r),h(E),$=!0)},o(t){f(z),f(r),f(E),$=!1},d(t){t&&x(o),z&&z.d(),q[n].d(),E&&E.d(),y=!1,k()}}}function I(t,o,e){const i="only"===o;let n;switch(t){case"s":n="24px";break;case"m":n=i?"32px":"24px";break;case"l":n=i?"100%":"32px"}return`${e} size="${n}" class="no"`}function Q(t,o,e){let i,n,r,c,l,d;const a=["bordered","theme","size","full","label","iconname","iconmode","disabled","responsivesize","responsivewidth","type","loader"];let s=w(o,a);var b,u,h;let{bordered:f=!1}=o,{theme:g}=o,{size:p="m"}=o,{full:x=!1}=o,{label:y}=o,{iconname:v}=o,{iconmode:k}=o,{disabled:z=!1}=o,{responsivesize:j}=o,{responsivewidth:q}=o,{type:C="button"}=o,{loader:E}=o;const N=L(_());return t.$$set=t=>{e(24,o=m(m({},o),$(t))),e(23,s=w(o,a)),"bordered"in t&&e(0,f=t.bordered),"theme"in t&&e(1,g=t.theme),"size"in t&&e(2,p=t.size),"full"in t&&e(3,x=t.full),"label"in t&&e(4,y=t.label),"iconname"in t&&e(5,v=t.iconname),"iconmode"in t&&e(6,k=t.iconmode),"disabled"in t&&e(7,z=t.disabled),"responsivesize"in t&&e(16,j=t.responsivesize),"responsivewidth"in t&&e(17,q=t.responsivewidth),"type"in t&&e(8,C=t.type),"loader"in t&&e(18,E=t.loader)},t.$$.update=()=>{262144&t.$$.dirty&&e(22,i=E?JSON.parse(E):void 0),4718592&t.$$.dirty&&e(13,n=null!==e(19,b=null==i?void 0:i.enabled)&&void 0!==b&&b),5242880&t.$$.dirty&&e(12,r=null!==e(20,u=null==i?void 0:i.position)&&void 0!==u?u:"left"),6291456&t.$$.dirty&&e(11,c=null!==e(21,h=null==i?void 0:i.theme)&&void 0!==h?h:"primary"),e(10,l=o.class),e(9,d=Object.assign({},s)),512&t.$$.dirty&&delete d.class},o=$(o),[f,g,p,x,y,v,k,z,C,d,l,c,r,n,N,function(t,o,e,i){const n=["mc-button"],r=function(t,o){if(!o&&!t)return"";const e=o?"bordered":"solid";return t?`mc-button--${e}-${t}`:`mc-button--${e}`}(t,o);return r&&n.push(r),e&&n.push(`mc-button--${e}`),i?n.push("mc-button--full"):n.push("mc-button--fit"),"only"===k&&n.push("mc-button--square"),j&&n.push(`mc-button--${j}`),q&&n.push(`mc-button--${q}`),n.join(" ")},j,q,E,b,u,h,i]}class T extends t{constructor(t){super();const m=document.createElement("style");m.textContent='.mc-button{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;color:#ffffff;background-color:#120949;font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;fill:currentColor}.mc-button.is-hover,.mc-button:hover{background-color:#161cb6;color:#ffffff}.mc-button.is-active,.mc-button:active{background-color:#161cb6}.mc-button:disabled,.mc-button.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button .mc-button__icon:first-child,.mc-button .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button.is-focus,.mc-button:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-button--s{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s .mc-button__icon:first-child,.mc-button--s .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m .mc-button__icon:first-child,.mc-button--m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l .mc-button__icon{width:2rem;height:2rem}.mc-button--l .mc-button__icon:first-child,.mc-button--l .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:0;padding:0}.mc-button__icon{-ms-flex-negative:0;flex-shrink:0}.mc-button__icon:last-child{margin-left:0.5rem;margin-right:-0.25rem}.mc-button__icon:first-child{margin-right:0.5rem;margin-left:-0.25rem}.mc-button__icon:only-child{margin:0}.mc-button__label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:none}.mc-button--solid-primary-02{background-color:#ff5800}.mc-button--solid-primary-02.is-hover,.mc-button--solid-primary-02:hover{background-color:#b83f00}.mc-button--solid-primary-02.is-active,.mc-button--solid-primary-02:active{background-color:#421700}.mc-button--solid-primary-02:disabled,.mc-button--solid-primary-02.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-neutral{background-color:#333333}.mc-button--solid-neutral.is-hover,.mc-button--solid-neutral:hover{background-color:#191919}.mc-button--solid-neutral.is-active,.mc-button--solid-neutral:active{background-color:#333333}.mc-button--solid-neutral:disabled,.mc-button--solid-neutral.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-danger{background-color:#c61112}.mc-button--solid-danger.is-hover,.mc-button--solid-danger:hover{background-color:#8c0003}.mc-button--solid-danger.is-active,.mc-button--solid-danger:active{background-color:#8c0003}.mc-button--solid-danger:disabled,.mc-button--solid-danger.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered{color:#120949;border-color:#120949;background-color:#ffffff}.mc-button--bordered.is-hover,.mc-button--bordered:hover{background-color:#e5e7fa;color:#161cb6}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#b8bef4;color:#130f7b}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#b8bef4;color:#130f7b}.mc-button--bordered:disabled,.mc-button--bordered.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-primary-02{color:#ff5800;border-color:#ff5800;background-color:#ffffff}.mc-button--bordered-primary-02.is-hover,.mc-button--bordered-primary-02:hover{background-color:#ffe1d1;color:#ff5800}.mc-button--bordered-primary-02.is-active,.mc-button--bordered-primary-02:active{background-color:#ffab80}.mc-button--bordered-primary-02:disabled,.mc-button--bordered-primary-02.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-neutral{color:#333333;border-color:#333333;background-color:#ffffff}.mc-button--bordered-neutral.is-hover,.mc-button--bordered-neutral:hover{background-color:#e6e6e6;color:#333333}.mc-button--bordered-neutral.is-active,.mc-button--bordered-neutral:active{background-color:#cccccc}.mc-button--bordered-neutral:disabled,.mc-button--bordered-neutral.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-danger{color:#c61112;border-color:#c61112;background-color:#ffffff}.mc-button--bordered-danger.is-hover,.mc-button--bordered-danger:hover{background-color:#fdeaea;color:#8c0003}.mc-button--bordered-danger.is-active,.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger.is-active,.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:disabled,.mc-button--bordered-danger.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}@media screen and (min-width: 680px){.mc-button--s\\@from-m{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-m .mc-button__icon:first-child,.mc-button--s\\@from-m .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-m{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-m .mc-button__icon:first-child,.mc-button--m\\@from-m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-m{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-m .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-m .mc-button__icon:first-child,.mc-button--l\\@from-m .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-m{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-m{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-m{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1024px){.mc-button--s\\@from-l{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-l .mc-button__icon:first-child,.mc-button--s\\@from-l .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-l{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-l .mc-button__icon:first-child,.mc-button--m\\@from-l .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-l{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-l .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-l .mc-button__icon:first-child,.mc-button--l\\@from-l .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-l{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-l{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-l{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square{padding:0}}@media screen and (min-width: 1280px){.mc-button--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xl .mc-button__icon:first-child,.mc-button--s\\@from-xl .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl .mc-button__icon:first-child,.mc-button--m\\@from-xl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xl{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xl .mc-button__icon:first-child,.mc-button--l\\@from-xl .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xl{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xl{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1920px){.mc-button--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xxl .mc-button__icon:first-child,.mc-button--s\\@from-xxl .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl .mc-button__icon:first-child,.mc-button--m\\@from-xxl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xxl{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xxl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xxl .mc-button__icon:first-child,.mc-button--l\\@from-xxl .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xxl{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xxl{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xxl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}.mc-button__icon{pointer-events:none}',this.shadowRoot.appendChild(m),o(this,{target:this.shadowRoot,props:e(this.attributes),customElement:!0},Q,H,r,{bordered:0,theme:1,size:2,full:3,label:4,iconname:5,iconmode:6,disabled:7,responsivesize:16,responsivewidth:17,type:8,loader:18},null),t&&(t.target&&i(t.target,this,t.anchor),t.props&&(this.$set(t.props),n()))}static get observedAttributes(){return["bordered","theme","size","full","label","iconname","iconmode","disabled","responsivesize","responsivewidth","type","loader"]}get bordered(){return this.$$.ctx[0]}set bordered(t){this.$$set({bordered:t}),n()}get theme(){return this.$$.ctx[1]}set theme(t){this.$$set({theme:t}),n()}get size(){return this.$$.ctx[2]}set size(t){this.$$set({size:t}),n()}get full(){return this.$$.ctx[3]}set full(t){this.$$set({full:t}),n()}get label(){return this.$$.ctx[4]}set label(t){this.$$set({label:t}),n()}get iconname(){return this.$$.ctx[5]}set iconname(t){this.$$set({iconname:t}),n()}get iconmode(){return this.$$.ctx[6]}set iconmode(t){this.$$set({iconmode:t}),n()}get disabled(){return this.$$.ctx[7]}set disabled(t){this.$$set({disabled:t}),n()}get responsivesize(){return this.$$.ctx[16]}set responsivesize(t){this.$$set({responsivesize:t}),n()}get responsivewidth(){return this.$$.ctx[17]}set responsivewidth(t){this.$$set({responsivewidth:t}),n()}get type(){return this.$$.ctx[8]}set type(t){this.$$set({type:t}),n()}get loader(){return this.$$.ctx[18]}set loader(t){this.$$set({loader:t}),n()}}export{T as default};
|
|
2
2
|
//# sourceMappingURL=Button.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{E as e,i as t,s as l,F as i,c as o,e as n,d as r,h as m,v as s,b as c,j as d,K as a,y as b,w,x as u,m as v,o as z,p as h,r as f,q as g,g as p,z as x,Z as _,P as y,n as k,B as $,C as j,D as q,t as E,k as N}from"../../index-52f16292.js";import{c as C}from"../../EventForward-422700d7.js";import F from"../loader/Loader.nested.js";function L(e){i(e,"svelte-l8iwz2",'.mc-button.svelte-l8iwz2.svelte-l8iwz2{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;color:#ffffff;background-color:#120949;font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;fill:currentColor}.mc-button.is-hover.svelte-l8iwz2.svelte-l8iwz2,.mc-button.svelte-l8iwz2.svelte-l8iwz2:hover{background-color:#161cb6;color:#ffffff}.mc-button.is-active.svelte-l8iwz2.svelte-l8iwz2,.mc-button.svelte-l8iwz2.svelte-l8iwz2:active{background-color:#161cb6}.mc-button.svelte-l8iwz2.svelte-l8iwz2:disabled,.mc-button.is-disabled.svelte-l8iwz2.svelte-l8iwz2{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2{width:1.5rem;height:1.5rem}.mc-button.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:first-child,.mc-button.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button.is-focus.svelte-l8iwz2.svelte-l8iwz2,.mc-button.svelte-l8iwz2.svelte-l8iwz2:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-button--s.svelte-l8iwz2.svelte-l8iwz2{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2{width:1.5rem;height:1.5rem}.mc-button--s.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:first-child,.mc-button--s.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m.svelte-l8iwz2.svelte-l8iwz2{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2{width:1.5rem;height:1.5rem}.mc-button--m.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:first-child,.mc-button--m.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l.svelte-l8iwz2.svelte-l8iwz2{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2{width:2rem;height:2rem}.mc-button--l.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:first-child,.mc-button--l.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit.svelte-l8iwz2.svelte-l8iwz2{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full.svelte-l8iwz2.svelte-l8iwz2{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full.svelte-l8iwz2.svelte-l8iwz2{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square.svelte-l8iwz2.svelte-l8iwz2{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:0;padding:0}.mc-button__icon.svelte-l8iwz2.svelte-l8iwz2{-ms-flex-negative:0;flex-shrink:0}.mc-button__icon.svelte-l8iwz2.svelte-l8iwz2:last-child{margin-left:0.5rem;margin-right:-0.25rem}.mc-button__icon.svelte-l8iwz2.svelte-l8iwz2:first-child{margin-right:0.5rem;margin-left:-0.25rem}.mc-button__icon.svelte-l8iwz2.svelte-l8iwz2:only-child{margin:0}.mc-button__label.svelte-l8iwz2.svelte-l8iwz2{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:none}.mc-button--solid-primary-02.svelte-l8iwz2.svelte-l8iwz2{background-color:#ff5800}.mc-button--solid-primary-02.is-hover.svelte-l8iwz2.svelte-l8iwz2,.mc-button--solid-primary-02.svelte-l8iwz2.svelte-l8iwz2:hover{background-color:#b83f00}.mc-button--solid-primary-02.is-active.svelte-l8iwz2.svelte-l8iwz2,.mc-button--solid-primary-02.svelte-l8iwz2.svelte-l8iwz2:active{background-color:#421700}.mc-button--solid-primary-02.svelte-l8iwz2.svelte-l8iwz2:disabled,.mc-button--solid-primary-02.is-disabled.svelte-l8iwz2.svelte-l8iwz2{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-neutral.svelte-l8iwz2.svelte-l8iwz2{background-color:#333333}.mc-button--solid-neutral.is-hover.svelte-l8iwz2.svelte-l8iwz2,.mc-button--solid-neutral.svelte-l8iwz2.svelte-l8iwz2:hover{background-color:#191919}.mc-button--solid-neutral.is-active.svelte-l8iwz2.svelte-l8iwz2,.mc-button--solid-neutral.svelte-l8iwz2.svelte-l8iwz2:active{background-color:#333333}.mc-button--solid-neutral.svelte-l8iwz2.svelte-l8iwz2:disabled,.mc-button--solid-neutral.is-disabled.svelte-l8iwz2.svelte-l8iwz2{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-danger.svelte-l8iwz2.svelte-l8iwz2{background-color:#c61112}.mc-button--solid-danger.is-hover.svelte-l8iwz2.svelte-l8iwz2,.mc-button--solid-danger.svelte-l8iwz2.svelte-l8iwz2:hover{background-color:#8c0003}.mc-button--solid-danger.is-active.svelte-l8iwz2.svelte-l8iwz2,.mc-button--solid-danger.svelte-l8iwz2.svelte-l8iwz2:active{background-color:#8c0003}.mc-button--solid-danger.svelte-l8iwz2.svelte-l8iwz2:disabled,.mc-button--solid-danger.is-disabled.svelte-l8iwz2.svelte-l8iwz2{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered.svelte-l8iwz2.svelte-l8iwz2{color:#120949;border-color:#120949;background-color:#ffffff}.mc-button--bordered.is-hover.svelte-l8iwz2.svelte-l8iwz2,.mc-button--bordered.svelte-l8iwz2.svelte-l8iwz2:hover{background-color:#e5e7fa;color:#161cb6}.mc-button--bordered.is-active.svelte-l8iwz2.svelte-l8iwz2,.mc-button--bordered.svelte-l8iwz2.svelte-l8iwz2:active{background-color:#b8bef4;color:#130f7b}.mc-button--bordered.is-active.svelte-l8iwz2.svelte-l8iwz2,.mc-button--bordered.svelte-l8iwz2.svelte-l8iwz2:active{background-color:#b8bef4;color:#130f7b}.mc-button--bordered.svelte-l8iwz2.svelte-l8iwz2:disabled,.mc-button--bordered.is-disabled.svelte-l8iwz2.svelte-l8iwz2{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-primary-02.svelte-l8iwz2.svelte-l8iwz2{color:#ff5800;border-color:#ff5800;background-color:#ffffff}.mc-button--bordered-primary-02.is-hover.svelte-l8iwz2.svelte-l8iwz2,.mc-button--bordered-primary-02.svelte-l8iwz2.svelte-l8iwz2:hover{background-color:#ffe1d1;color:#ff5800}.mc-button--bordered-primary-02.is-active.svelte-l8iwz2.svelte-l8iwz2,.mc-button--bordered-primary-02.svelte-l8iwz2.svelte-l8iwz2:active{background-color:#ffab80}.mc-button--bordered-primary-02.svelte-l8iwz2.svelte-l8iwz2:disabled,.mc-button--bordered-primary-02.is-disabled.svelte-l8iwz2.svelte-l8iwz2{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-neutral.svelte-l8iwz2.svelte-l8iwz2{color:#333333;border-color:#333333;background-color:#ffffff}.mc-button--bordered-neutral.is-hover.svelte-l8iwz2.svelte-l8iwz2,.mc-button--bordered-neutral.svelte-l8iwz2.svelte-l8iwz2:hover{background-color:#e6e6e6;color:#333333}.mc-button--bordered-neutral.is-active.svelte-l8iwz2.svelte-l8iwz2,.mc-button--bordered-neutral.svelte-l8iwz2.svelte-l8iwz2:active{background-color:#cccccc}.mc-button--bordered-neutral.svelte-l8iwz2.svelte-l8iwz2:disabled,.mc-button--bordered-neutral.is-disabled.svelte-l8iwz2.svelte-l8iwz2{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-danger.svelte-l8iwz2.svelte-l8iwz2{color:#c61112;border-color:#c61112;background-color:#ffffff}.mc-button--bordered-danger.is-hover.svelte-l8iwz2.svelte-l8iwz2,.mc-button--bordered-danger.svelte-l8iwz2.svelte-l8iwz2:hover{background-color:#fdeaea;color:#8c0003}.mc-button--bordered-danger.is-active.svelte-l8iwz2.svelte-l8iwz2,.mc-button--bordered-danger.svelte-l8iwz2.svelte-l8iwz2:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger.is-active.svelte-l8iwz2.svelte-l8iwz2,.mc-button--bordered-danger.svelte-l8iwz2.svelte-l8iwz2:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger.svelte-l8iwz2.svelte-l8iwz2:disabled,.mc-button--bordered-danger.is-disabled.svelte-l8iwz2.svelte-l8iwz2{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}@media screen and (min-width: 680px){.mc-button--s\\@from-m.svelte-l8iwz2.svelte-l8iwz2{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-m.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2{width:1.5rem;height:1.5rem}.mc-button--s\\@from-m.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:first-child,.mc-button--s\\@from-m.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-m.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-m.svelte-l8iwz2.svelte-l8iwz2{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-m.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2{width:1.5rem;height:1.5rem}.mc-button--m\\@from-m.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:first-child,.mc-button--m\\@from-m.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-m.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-m.svelte-l8iwz2.svelte-l8iwz2{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-m.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2{width:2rem;height:2rem}.mc-button--l\\@from-m.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:first-child,.mc-button--l\\@from-m.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-m.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-m.svelte-l8iwz2.svelte-l8iwz2{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-m.svelte-l8iwz2.svelte-l8iwz2{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-m.svelte-l8iwz2.svelte-l8iwz2{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1024px){.mc-button--s\\@from-l.svelte-l8iwz2.svelte-l8iwz2{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-l.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2{width:1.5rem;height:1.5rem}.mc-button--s\\@from-l.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:first-child,.mc-button--s\\@from-l.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-l.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-l.svelte-l8iwz2.svelte-l8iwz2{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-l.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2{width:1.5rem;height:1.5rem}.mc-button--m\\@from-l.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:first-child,.mc-button--m\\@from-l.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-l.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-l.svelte-l8iwz2.svelte-l8iwz2{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-l.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2{width:2rem;height:2rem}.mc-button--l\\@from-l.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:first-child,.mc-button--l\\@from-l.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-l.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-l.svelte-l8iwz2.svelte-l8iwz2{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-l.svelte-l8iwz2.svelte-l8iwz2{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-l.svelte-l8iwz2.svelte-l8iwz2{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square.svelte-l8iwz2.svelte-l8iwz2{padding:0}}@media screen and (min-width: 1280px){.mc-button--s\\@from-xl.svelte-l8iwz2.svelte-l8iwz2{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xl.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xl.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:first-child,.mc-button--s\\@from-xl.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xl.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl.svelte-l8iwz2.svelte-l8iwz2{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xl.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:first-child,.mc-button--m\\@from-xl.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xl.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xl.svelte-l8iwz2.svelte-l8iwz2{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xl.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2{width:2rem;height:2rem}.mc-button--l\\@from-xl.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:first-child,.mc-button--l\\@from-xl.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xl.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xl.svelte-l8iwz2.svelte-l8iwz2{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xl.svelte-l8iwz2.svelte-l8iwz2{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xl.svelte-l8iwz2.svelte-l8iwz2{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1920px){.mc-button--s\\@from-xxl.svelte-l8iwz2.svelte-l8iwz2{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xxl.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xxl.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:first-child,.mc-button--s\\@from-xxl.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xxl.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl.svelte-l8iwz2.svelte-l8iwz2{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xxl.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:first-child,.mc-button--m\\@from-xxl.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xxl.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xxl.svelte-l8iwz2.svelte-l8iwz2{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xxl.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2{width:2rem;height:2rem}.mc-button--l\\@from-xxl.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:first-child,.mc-button--l\\@from-xxl.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xxl.svelte-l8iwz2 .mc-button__icon.svelte-l8iwz2:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xxl.svelte-l8iwz2.svelte-l8iwz2{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xxl.svelte-l8iwz2.svelte-l8iwz2{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xxl.svelte-l8iwz2.svelte-l8iwz2{width:-webkit-fill-available;width:-moz-available;width:stretch}}}.mc-button__icon.svelte-l8iwz2.svelte-l8iwz2{pointer-events:none}')}function O(e){let t,l,i,o;const r=[T,S],m=[];function s(e,t){return e[13]&&"left"===e[12]?0:1}return l=s(e),i=m[l]=r[l](e),{c(){t=n("span"),i.c(),p(t,"class","mc-button__icon svelte-l8iwz2")},m(e,i){c(e,t,i),m[l].m(t,null),o=!0},p(e,o){let n=l;l=s(e),l===n?m[l].p(e,o):(x(),w(m[n],1,1,(()=>{m[n]=null})),u(),i=m[l],i?i.p(e,o):(i=m[l]=r[l](e),i.c()),b(i,1),i.m(t,null))},i(e){o||(b(i),o=!0)},o(e){w(i),o=!1},d(e){e&&z(t),m[l].d()}}}function S(e){let t,l,i=`<${I(e[2],e[6],e[5])} />`;return{c(){t=new _(!1),l=y(),t.a=l},m(e,o){t.m(i,e,o),c(e,l,o)},p(e,l){100&l&&i!==(i=`<${I(e[2],e[6],e[5])} />`)&&t.p(i)},i:k,o:k,d(e){e&&z(l),e&&t.d()}}}function T(e){let t,l;return t=new F({props:{size:"s",theme:e[11],text:"TEST"}}),{c(){$(t.$$.fragment)},m(e,i){j(t,e,i),l=!0},p(e,l){const i={};2048&l&&(i.theme=e[11]),t.$set(i)},i(e){l||(b(t.$$.fragment,e),l=!0)},o(e){w(t.$$.fragment,e),l=!1},d(e){q(t,e)}}}function B(e){let t,l,i,o,m,s,a=e[13]&&"left"===e[12]&&!e[5]&&J(e),v=e[13]&&"right"===e[12]&&!e[5]&&K(e);return{c(){a&&a.c(),t=r(),l=n("span"),i=E(e[4]),o=r(),v&&v.c(),m=y(),p(l,"class","mc-button__label svelte-l8iwz2")},m(e,n){a&&a.m(e,n),c(e,t,n),c(e,l,n),d(l,i),c(e,o,n),v&&v.m(e,n),c(e,m,n),s=!0},p(e,l){e[13]&&"left"===e[12]&&!e[5]?a?(a.p(e,l),12320&l&&b(a,1)):(a=J(e),a.c(),b(a,1),a.m(t.parentNode,t)):a&&(x(),w(a,1,1,(()=>{a=null})),u()),(!s||16&l)&&N(i,e[4]),e[13]&&"right"===e[12]&&!e[5]?v?(v.p(e,l),12320&l&&b(v,1)):(v=K(e),v.c(),b(v,1),v.m(m.parentNode,m)):v&&(x(),w(v,1,1,(()=>{v=null})),u())},i(e){s||(b(a),b(v),s=!0)},o(e){w(a),w(v),s=!1},d(e){a&&a.d(e),e&&z(t),e&&z(l),e&&z(o),v&&v.d(e),e&&z(m)}}}function D(e){let t,l,i,o;const r=[P,M],m=[];function s(e,t){return e[13]?0:1}return l=s(e),i=m[l]=r[l](e),{c(){t=n("span"),i.c(),p(t,"class","mc-button__icon svelte-l8iwz2")},m(e,i){c(e,t,i),m[l].m(t,null),o=!0},p(e,o){let n=l;l=s(e),l===n?m[l].p(e,o):(x(),w(m[n],1,1,(()=>{m[n]=null})),u(),i=m[l],i?i.p(e,o):(i=m[l]=r[l](e),i.c()),b(i,1),i.m(t,null))},i(e){o||(b(i),o=!0)},o(e){w(i),o=!1},d(e){e&&z(t),m[l].d()}}}function J(e){let t,l,i;return l=new F({props:{size:"s",theme:e[11],text:""}}),{c(){t=n("span"),$(l.$$.fragment),p(t,"class","mc-button__icon svelte-l8iwz2")},m(e,o){c(e,t,o),j(l,t,null),i=!0},p(e,t){const i={};2048&t&&(i.theme=e[11]),l.$set(i)},i(e){i||(b(l.$$.fragment,e),i=!0)},o(e){w(l.$$.fragment,e),i=!1},d(e){e&&z(t),q(l)}}}function K(e){let t,l,i;return l=new F({props:{size:"s",theme:e[11],text:""}}),{c(){t=n("span"),$(l.$$.fragment),p(t,"class","mc-button__icon svelte-l8iwz2")},m(e,o){c(e,t,o),j(l,t,null),i=!0},p(e,t){const i={};2048&t&&(i.theme=e[11]),l.$set(i)},i(e){i||(b(l.$$.fragment,e),i=!0)},o(e){w(l.$$.fragment,e),i=!1},d(e){e&&z(t),q(l)}}}function M(e){let t,l,i=`<${I(e[2],e[6],e[5])} size="100%" />`;return{c(){t=new _(!1),l=y(),t.a=l},m(e,o){t.m(i,e,o),c(e,l,o)},p(e,l){100&l&&i!==(i=`<${I(e[2],e[6],e[5])} size="100%" />`)&&t.p(i)},i:k,o:k,d(e){e&&z(l),e&&t.d()}}}function P(e){let t,l;return t=new F({props:{size:"m",theme:e[11],text:""}}),{c(){$(t.$$.fragment)},m(e,i){j(t,e,i),l=!0},p(e,l){const i={};2048&l&&(i.theme=e[11]),t.$set(i)},i(e){l||(b(t.$$.fragment,e),l=!0)},o(e){w(t.$$.fragment,e),l=!1},d(e){q(t,e)}}}function Z(e){let t,l,i,o;const r=[G,A],m=[];function s(e,t){return e[13]&&"right"===e[12]?0:1}return l=s(e),i=m[l]=r[l](e),{c(){t=n("span"),i.c(),p(t,"class","mc-button__icon svelte-l8iwz2")},m(e,i){c(e,t,i),m[l].m(t,null),o=!0},p(e,o){let n=l;l=s(e),l===n?m[l].p(e,o):(x(),w(m[n],1,1,(()=>{m[n]=null})),u(),i=m[l],i?i.p(e,o):(i=m[l]=r[l](e),i.c()),b(i,1),i.m(t,null))},i(e){o||(b(i),o=!0)},o(e){w(i),o=!1},d(e){e&&z(t),m[l].d()}}}function A(e){let t,l,i=`<${I(e[2],e[6],e[5])} />`;return{c(){t=new _(!1),l=y(),t.a=l},m(e,o){t.m(i,e,o),c(e,l,o)},p(e,l){100&l&&i!==(i=`<${I(e[2],e[6],e[5])} />`)&&t.p(i)},i:k,o:k,d(e){e&&z(l),e&&t.d()}}}function G(e){let t,l;return t=new F({props:{size:"s",theme:e[11],text:""}}),{c(){$(t.$$.fragment)},m(e,i){j(t,e,i),l=!0},p(e,l){const i={};2048&l&&(i.theme=e[11]),t.$set(i)},i(e){l||(b(t.$$.fragment,e),l=!0)},o(e){w(t.$$.fragment,e),l=!1},d(e){q(t,e)}}}function H(e){let t,l,i,h,f,g,p,_,y,k=e[5]&&"left"===e[6]&&O(e);const $=[D,B],j=[];function q(e,t){return e[5]&&"only"===e[6]?0:1}i=q(e),h=j[i]=$[i](e);let E=e[5]&&"right"===e[6]&&Z(e),N=[{type:e[8]},{class:g=e[15](e[1],e[0],e[2],e[3])+" "+e[10]},{disabled:e[7]},e[9]],C={};for(let e=0;e<N.length;e+=1)C=o(C,N[e]);return{c(){t=n("button"),k&&k.c(),l=r(),h.c(),f=r(),E&&E.c(),m(t,C),s(t,"mc-button--square",e[6]),s(t,"svelte-l8iwz2",!0)},m(o,n){c(o,t,n),k&&k.m(t,null),d(t,l),j[i].m(t,null),d(t,f),E&&E.m(t,null),t.autofocus&&t.focus(),p=!0,_||(y=a(e[14].call(null,t)),_=!0)},p(e,[o]){e[5]&&"left"===e[6]?k?(k.p(e,o),96&o&&b(k,1)):(k=O(e),k.c(),b(k,1),k.m(t,l)):k&&(x(),w(k,1,1,(()=>{k=null})),u());let n=i;i=q(e),i===n?j[i].p(e,o):(x(),w(j[n],1,1,(()=>{j[n]=null})),u(),h=j[i],h?h.p(e,o):(h=j[i]=$[i](e),h.c()),b(h,1),h.m(t,f)),e[5]&&"right"===e[6]?E?(E.p(e,o),96&o&&b(E,1)):(E=Z(e),E.c(),b(E,1),E.m(t,null)):E&&(x(),w(E,1,1,(()=>{E=null})),u()),m(t,C=v(N,[(!p||256&o)&&{type:e[8]},(!p||1039&o&&g!==(g=e[15](e[1],e[0],e[2],e[3])+" "+e[10]))&&{class:g},(!p||128&o)&&{disabled:e[7]},512&o&&e[9]])),s(t,"mc-button--square",e[6]),s(t,"svelte-l8iwz2",!0)},i(e){p||(b(k),b(h),b(E),p=!0)},o(e){w(k),w(h),w(E),p=!1},d(e){e&&z(t),k&&k.d(),j[i].d(),E&&E.d(),_=!1,y()}}}function I(e,t,l){const i="only"===t;let o;switch(e){case"s":o="24px";break;case"m":o=i?"32px":"24px";break;case"l":o=i?"100%":"32px"}return`${l} size="${o}" class="no"`}function Q(e,t,l){let i,n,r,m,s,c;const d=["bordered","theme","size","full","label","iconname","iconmode","disabled","responsivesize","responsivewidth","type","loader"];let a=h(t,d);var b,w,u;let{bordered:v=!1}=t,{theme:z}=t,{size:p="m"}=t,{full:x=!1}=t,{label:_}=t,{iconname:y}=t,{iconmode:k}=t,{disabled:$=!1}=t,{responsivesize:j}=t,{responsivewidth:q}=t,{type:E="button"}=t,{loader:N}=t;const F=C(f());return e.$$set=e=>{l(24,t=o(o({},t),g(e))),l(23,a=h(t,d)),"bordered"in e&&l(0,v=e.bordered),"theme"in e&&l(1,z=e.theme),"size"in e&&l(2,p=e.size),"full"in e&&l(3,x=e.full),"label"in e&&l(4,_=e.label),"iconname"in e&&l(5,y=e.iconname),"iconmode"in e&&l(6,k=e.iconmode),"disabled"in e&&l(7,$=e.disabled),"responsivesize"in e&&l(16,j=e.responsivesize),"responsivewidth"in e&&l(17,q=e.responsivewidth),"type"in e&&l(8,E=e.type),"loader"in e&&l(18,N=e.loader)},e.$$.update=()=>{262144&e.$$.dirty&&l(22,i=N?JSON.parse(N):void 0),4718592&e.$$.dirty&&l(13,n=null!==l(19,b=null==i?void 0:i.enabled)&&void 0!==b&&b),5242880&e.$$.dirty&&l(12,r=null!==l(20,w=null==i?void 0:i.position)&&void 0!==w?w:"left"),6291456&e.$$.dirty&&l(11,m=null!==l(21,u=null==i?void 0:i.theme)&&void 0!==u?u:"primary"),l(10,s=t.class),l(9,c=Object.assign({},a)),512&e.$$.dirty&&delete c.class},t=g(t),[v,z,p,x,_,y,k,$,E,c,s,m,r,n,F,function(e,t,l,i){const o=["mc-button"],n=function(e,t){if(!t&&!e)return"";const l=t?"bordered":"solid";return e?`mc-button--${l}-${e}`:`mc-button--${l}`}(e,t);return n&&o.push(n),l&&o.push(`mc-button--${l}`),i?o.push("mc-button--full"):o.push("mc-button--fit"),"only"===k&&o.push("mc-button--square"),j&&o.push(`mc-button--${j}`),q&&o.push(`mc-button--${q}`),o.join(" ")},j,q,N,b,w,u,i]}class R extends e{constructor(e){super(),t(this,e,Q,H,l,{bordered:0,theme:1,size:2,full:3,label:4,iconname:5,iconmode:6,disabled:7,responsivesize:16,responsivewidth:17,type:8,loader:18},L)}}export{R as default};
|
|
2
|
+
//# sourceMappingURL=Button.nested.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.nested.js","sources":["../../../../src/components/button/Button.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { get_current_component } from 'svelte/internal';\n import { createEventForwarder } from '../../utilities/EventForward';\n import Loader from '../loader/Loader.nested.svelte';\n import type {\n ButtonIconMode,\n ButtonSize,\n ButtonTheme,\n ButtonResponsiveSize,\n ButtonResponsiveWidth,\n ButtonType,\n ButtonLoader,\n } from './button.types';\n\n export let bordered = false;\n export let theme: ButtonTheme | undefined = undefined;\n export let size: ButtonSize = 'm';\n export let full = false;\n export let label: string;\n export let iconname: string | undefined;\n export let iconmode: ButtonIconMode | undefined;\n export let disabled = false;\n export let responsivesize: ButtonResponsiveSize = undefined;\n export let responsivewidth: ButtonResponsiveWidth = undefined;\n export let type: ButtonType = 'button';\n export let loader: string;\n\n const forwardEvents = createEventForwarder(get_current_component());\n\n $: loaderOpts = loader ? (JSON.parse(loader) as ButtonLoader) : undefined;\n $: isLoading = loaderOpts?.enabled ?? false;\n $: loaderPosition = loaderOpts?.position ?? 'left';\n $: loaderTheme = loaderOpts?.theme ?? 'primary';\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n function generateIconName(\n size: ButtonSize,\n iconMode: ButtonIconMode,\n iconName: string,\n ): string {\n const isIconOnly = iconMode === 'only';\n let iconSize: string;\n\n switch (size) {\n case 's':\n iconSize = '24px';\n break;\n case 'm':\n iconSize = isIconOnly ? '32px' : '24px';\n break;\n case 'l':\n iconSize = isIconOnly ? '100%' : '32px';\n break;\n }\n\n return `${iconName} size=\"${iconSize}\" class=\"no\"`;\n }\n\n function getAppearanceClass(theme: ButtonTheme, isBordered: boolean): string {\n if (!isBordered && !theme) {\n return '';\n }\n\n const type = isBordered ? 'bordered' : 'solid';\n\n if (theme) {\n return `mc-button--${type}-${theme}`;\n }\n return `mc-button--${type}`;\n }\n\n function getClasses(\n theme: ButtonTheme,\n isBordered: boolean,\n size: ButtonSize,\n isFull: boolean,\n ): string {\n const classes = ['mc-button'];\n\n const appearanceClass = getAppearanceClass(theme, isBordered);\n if (appearanceClass) {\n classes.push(appearanceClass);\n }\n\n if (size) {\n classes.push(`mc-button--${size}`);\n }\n\n if (isFull) {\n classes.push(`mc-button--full`);\n } else {\n classes.push(`mc-button--fit`);\n }\n\n if (iconmode === 'only') {\n classes.push('mc-button--square');\n }\n\n if (responsivesize) {\n classes.push(`mc-button--${responsivesize}`);\n }\n\n if (responsivewidth) {\n classes.push(`mc-button--${responsivewidth}`);\n }\n\n return classes.join(' ');\n }\n</script>\n\n<button\n use:forwardEvents\n {type}\n class=\"{getClasses(theme, bordered, size, full)} {userClass}\"\n class:mc-button--square={iconmode}\n {disabled}\n {...attributes}\n>\n {#if iconname && iconmode === 'left'}\n <span class=\"mc-button__icon\">\n {#if isLoading && loaderPosition === 'left'}\n <Loader size=\"s\" theme={loaderTheme} text=\"TEST\" />\n {:else}\n {@html `<${generateIconName(size, iconmode, iconname)} />`}\n {/if}\n </span>\n {/if}\n\n {#if iconname && iconmode === 'only'}\n <span class=\"mc-button__icon\">\n {#if isLoading}\n <Loader size=\"m\" theme={loaderTheme} text=\"\" />\n {:else}\n {@html `<${generateIconName(size, iconmode, iconname)} size=\"100%\" />`}\n {/if}\n </span>\n {:else}\n {#if isLoading && loaderPosition === 'left' && !iconname}\n <span class=\"mc-button__icon\">\n <Loader size=\"s\" theme={loaderTheme} text=\"\" />\n </span>\n {/if}\n <span class=\"mc-button__label\">{label}</span>\n {#if isLoading && loaderPosition === 'right' && !iconname}\n <span class=\"mc-button__icon\">\n <Loader size=\"s\" theme={loaderTheme} text=\"\" />\n </span>\n {/if}\n {/if}\n\n {#if iconname && iconmode === 'right'}\n <span class=\"mc-button__icon\">\n {#if isLoading && loaderPosition === 'right'}\n <Loader size=\"s\" theme={loaderTheme} text=\"\" />\n {:else}\n {@html `<${generateIconName(size, iconmode, iconname)} />`}\n {/if}\n </span>\n {/if}\n</button>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.button';\n\n .mc-button__icon {\n pointer-events: none;\n }\n</style>\n"],"names":["ctx","insert","target","span","anchor","raw_value","generateIconName","dirty","html_tag","p","if_block0","create_if_block_5","if_block1","create_if_block_4","create_if_block_6","create_if_block","button","class","button_class_value","size","iconMode","iconName","isIconOnly","iconSize","_a","_b","_c","bordered","$$props","theme","full","label","iconname","iconmode","disabled","responsivesize","responsivewidth","type","loader","forwardEvents","createEventForwarder","get_current_component","$$invalidate","loaderOpts","JSON","parse","undefined","isLoading","enabled","loaderPosition","position","loaderTheme","userClass","attributes","Object","assign","$$restProps","isBordered","isFull","classes","appearanceClass","getAppearanceClass","push","join"],"mappings":"04kBA4HWA,EAAS,KAAuB,SAAnBA,EAAc,IAAW,6GAD7CC,EAMMC,EAAAC,EAAAC,wPAFSC,EAAA,IAAAC,EAAiBN,EAAM,GAAAA,KAAUA,EAAQ,gFAAzC,IAAAO,GAAAF,KAAAA,EAAA,IAAAC,EAAiBN,EAAM,GAAAA,KAAUA,EAAQ,WAAAQ,EAAAC,EAAAJ,gGAF5BL,EAAW,mGAAXA,EAAW,6HAgBlCU,EAAAV,EAAa,KAAmB,SAAnBA,EAAmB,MAAWA,EAAQ,IAAAW,EAAAX,GAMnDY,EAAAZ,EAAa,KAAmB,UAAnBA,EAAmB,MAAYA,EAAQ,IAAAa,EAAAb,6CADzBA,EAAK,oGAArCC,EAA4CC,EAAAC,EAAAC,qDALvCJ,EAAa,KAAmB,SAAnBA,EAAmB,MAAWA,EAAQ,+HAKxBA,EAAK,IAChCA,EAAa,KAAmB,UAAnBA,EAAmB,MAAYA,EAAQ,8RAblDA,EAAS,IAAA,6GADhBC,EAMMC,EAAAC,EAAAC,gSAIsBJ,EAAW,sGADrCC,EAEMC,EAAAC,EAAAC,wDADoBJ,EAAW,mKAMXA,EAAW,sGADrCC,EAEMC,EAAAC,EAAAC,wDADoBJ,EAAW,2HAZxBK,EAAA,IAAAC,EAAiBN,EAAM,GAAAA,KAAUA,EAAQ,4FAAzC,IAAAO,GAAAF,KAAAA,EAAA,IAAAC,EAAiBN,EAAM,GAAAA,KAAUA,EAAQ,uBAAAQ,EAAAC,EAAAJ,gGAF5BL,EAAW,+FAAXA,EAAW,mKAqBhCA,EAAS,KAAuB,UAAnBA,EAAc,IAAY,6GAD9CC,EAMMC,EAAAC,EAAAC,wPAFSC,EAAA,IAAAC,EAAiBN,EAAM,GAAAA,KAAUA,EAAQ,gFAAzC,IAAAO,GAAAF,KAAAA,EAAA,IAAAC,EAAiBN,EAAM,GAAAA,KAAUA,EAAQ,WAAAQ,EAAAC,EAAAJ,gGAF5BL,EAAW,+FAAXA,EAAW,qIAnCpCA,EAAQ,IAAiB,SAAbA,EAAQ,IAAWc,EAAAd,6CAU/BA,EAAQ,IAAiB,SAAbA,EAAQ,GAAW,gCAsB/BA,EAAQ,IAAiB,UAAbA,EAAQ,IAAYe,EAAAf,2BArC7BA,EAAU,IAACA,EAAO,GAAAA,KAAUA,EAAI,GAAEA,EAAI,IAAA,IAAIA,EAAS,qBAGvDA,EAAU,6IAFWA,EAAQ,oCAJnCC,EAiDQC,EAAAc,EAAAZ,sIAzCDJ,EAAQ,IAAiB,SAAbA,EAAQ,mOAgCpBA,EAAQ,IAAiB,UAAbA,EAAQ,4JArCjBA,EAAU,IAACA,EAAO,GAAAA,KAAUA,EAAI,GAAEA,EAAI,IAAA,IAAIA,EAAS,OAAA,CAAAiB,MAAAC,uCAGvDlB,EAAU,8BAFWA,EAAQ,yIA/ExB,SAAAM,EACPa,EACAC,EACAC,SAEMC,EAA0B,SAAbF,MACfG,SAEIJ,OACD,IACHI,EAAW,iBAER,IACHA,EAAWD,EAAa,OAAS,iBAE9B,IACHC,EAAWD,EAAa,OAAS,OAI3B,MAAA,GAAAD,WAAkBE,0MAzDfC,EAAAC,EAAAC,EAcJ,IAAAC,SAAAA,GAAW,GAAKC,GAChBC,MAAAA,GAA0CD,GAC1CT,KAAAA,EAAmB,KAAGS,GACtBE,KAAAA,GAAO,GAAKF,SACZG,GAAaH,YACbI,GAA4BJ,YAC5BK,GAAoCL,GACpCM,SAAAA,GAAW,GAAKN,GAChBO,eAAAA,GAAgDP,GAChDQ,gBAAAA,GAAkDR,GAClDS,KAAAA,EAAmB,UAAQT,UAC3BU,GAAcV,QAEnBW,EAAgBC,EAAqBC,ifAE1CC,EAAA,GAAEC,EAAaL,EAAUM,KAAKC,MAAMP,QAA2BQ,uBAC/DJ,EAAA,GAAEK,EAAL,OAAcL,EAAA,GAAdlB,EAAiBmB,eAAAA,EAAYK,mBAA7BxB,GAAAA,uBACGkB,EAAA,GAAEO,EAAL,OAAmBP,EAAA,GAAnBjB,EAAsBkB,eAAAA,EAAYO,oBAAlCzB,EAAAA,EAA8C,4BAC3CiB,EAAA,GAAES,EAAL,OAAgBT,EAAA,GAAhBhB,EAAmBiB,eAAAA,EAAYd,iBAA/BH,EAAAA,EAAwC,WACnCgB,EAAA,GAAAU,EAAYxB,EAAQX,WACpBoC,EAALC,OAAAC,UAAuBC,2BACXH,EAAWpC,6CAsCZ,SACPY,EACA4B,EACAtC,EACAuC,GAEM,MAAAC,GAAW,aAEXC,WArBoB/B,EAAoB4B,GACzC,IAAAA,IAAe5B,QACX,GAGH,MAAAQ,EAAOoB,EAAa,WAAa,eAEnC5B,EACmB,cAAAQ,KAAQR,kBAEVQ,IAWGwB,CAAmBhC,EAAO4B,UAC9CG,GACFD,EAAQG,KAAKF,GAGXzC,GACFwC,EAAQG,KAAI,cAAe3C,KAGzBuC,EACFC,EAAQG,KAAI,mBAEZH,EAAQG,KAAI,kBAGG,SAAb7B,GACF0B,EAAQG,KAAK,qBAGX3B,GACFwB,EAAQG,KAAI,cAAe3B,KAGzBC,GACFuB,EAAQG,KAAI,cAAe1B,KAGtBuB,EAAQI,KAAK"}
|
|
@@ -0,0 +1,173 @@
|
|
|
1
|
+
<svelte:options tag={null} />
|
|
2
|
+
|
|
3
|
+
<script lang="ts">
|
|
4
|
+
import { get_current_component } from 'svelte/internal';
|
|
5
|
+
import { createEventForwarder } from '../../utilities/EventForward';
|
|
6
|
+
import Loader from '../loader/Loader.nested.svelte';
|
|
7
|
+
import type {
|
|
8
|
+
ButtonIconMode,
|
|
9
|
+
ButtonSize,
|
|
10
|
+
ButtonTheme,
|
|
11
|
+
ButtonResponsiveSize,
|
|
12
|
+
ButtonResponsiveWidth,
|
|
13
|
+
ButtonType,
|
|
14
|
+
ButtonLoader,
|
|
15
|
+
} from './button.types';
|
|
16
|
+
|
|
17
|
+
export let bordered = false;
|
|
18
|
+
export let theme: ButtonTheme | undefined = undefined;
|
|
19
|
+
export let size: ButtonSize = 'm';
|
|
20
|
+
export let full = false;
|
|
21
|
+
export let label: string;
|
|
22
|
+
export let iconname: string | undefined;
|
|
23
|
+
export let iconmode: ButtonIconMode | undefined;
|
|
24
|
+
export let disabled = false;
|
|
25
|
+
export let responsivesize: ButtonResponsiveSize = undefined;
|
|
26
|
+
export let responsivewidth: ButtonResponsiveWidth = undefined;
|
|
27
|
+
export let type: ButtonType = 'button';
|
|
28
|
+
export let loader: string;
|
|
29
|
+
|
|
30
|
+
const forwardEvents = createEventForwarder(get_current_component());
|
|
31
|
+
|
|
32
|
+
$: loaderOpts = loader ? (JSON.parse(loader) as ButtonLoader) : undefined;
|
|
33
|
+
$: isLoading = loaderOpts?.enabled ?? false;
|
|
34
|
+
$: loaderPosition = loaderOpts?.position ?? 'left';
|
|
35
|
+
$: loaderTheme = loaderOpts?.theme ?? 'primary';
|
|
36
|
+
$: userClass = $$props.class;
|
|
37
|
+
$: attributes = { ...$$restProps };
|
|
38
|
+
$: delete attributes.class;
|
|
39
|
+
|
|
40
|
+
function generateIconName(
|
|
41
|
+
size: ButtonSize,
|
|
42
|
+
iconMode: ButtonIconMode,
|
|
43
|
+
iconName: string,
|
|
44
|
+
): string {
|
|
45
|
+
const isIconOnly = iconMode === 'only';
|
|
46
|
+
let iconSize: string;
|
|
47
|
+
|
|
48
|
+
switch (size) {
|
|
49
|
+
case 's':
|
|
50
|
+
iconSize = '24px';
|
|
51
|
+
break;
|
|
52
|
+
case 'm':
|
|
53
|
+
iconSize = isIconOnly ? '32px' : '24px';
|
|
54
|
+
break;
|
|
55
|
+
case 'l':
|
|
56
|
+
iconSize = isIconOnly ? '100%' : '32px';
|
|
57
|
+
break;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
return `${iconName} size="${iconSize}" class="no"`;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
function getAppearanceClass(theme: ButtonTheme, isBordered: boolean): string {
|
|
64
|
+
if (!isBordered && !theme) {
|
|
65
|
+
return '';
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
const type = isBordered ? 'bordered' : 'solid';
|
|
69
|
+
|
|
70
|
+
if (theme) {
|
|
71
|
+
return `mc-button--${type}-${theme}`;
|
|
72
|
+
}
|
|
73
|
+
return `mc-button--${type}`;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
function getClasses(
|
|
77
|
+
theme: ButtonTheme,
|
|
78
|
+
isBordered: boolean,
|
|
79
|
+
size: ButtonSize,
|
|
80
|
+
isFull: boolean,
|
|
81
|
+
): string {
|
|
82
|
+
const classes = ['mc-button'];
|
|
83
|
+
|
|
84
|
+
const appearanceClass = getAppearanceClass(theme, isBordered);
|
|
85
|
+
if (appearanceClass) {
|
|
86
|
+
classes.push(appearanceClass);
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
if (size) {
|
|
90
|
+
classes.push(`mc-button--${size}`);
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
if (isFull) {
|
|
94
|
+
classes.push(`mc-button--full`);
|
|
95
|
+
} else {
|
|
96
|
+
classes.push(`mc-button--fit`);
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
if (iconmode === 'only') {
|
|
100
|
+
classes.push('mc-button--square');
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
if (responsivesize) {
|
|
104
|
+
classes.push(`mc-button--${responsivesize}`);
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
if (responsivewidth) {
|
|
108
|
+
classes.push(`mc-button--${responsivewidth}`);
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
return classes.join(' ');
|
|
112
|
+
}
|
|
113
|
+
</script>
|
|
114
|
+
|
|
115
|
+
<button
|
|
116
|
+
use:forwardEvents
|
|
117
|
+
{type}
|
|
118
|
+
class="{getClasses(theme, bordered, size, full)} {userClass}"
|
|
119
|
+
class:mc-button--square={iconmode}
|
|
120
|
+
{disabled}
|
|
121
|
+
{...attributes}
|
|
122
|
+
>
|
|
123
|
+
{#if iconname && iconmode === 'left'}
|
|
124
|
+
<span class="mc-button__icon">
|
|
125
|
+
{#if isLoading && loaderPosition === 'left'}
|
|
126
|
+
<Loader size="s" theme={loaderTheme} text="TEST" />
|
|
127
|
+
{:else}
|
|
128
|
+
{@html `<${generateIconName(size, iconmode, iconname)} />`}
|
|
129
|
+
{/if}
|
|
130
|
+
</span>
|
|
131
|
+
{/if}
|
|
132
|
+
|
|
133
|
+
{#if iconname && iconmode === 'only'}
|
|
134
|
+
<span class="mc-button__icon">
|
|
135
|
+
{#if isLoading}
|
|
136
|
+
<Loader size="m" theme={loaderTheme} text="" />
|
|
137
|
+
{:else}
|
|
138
|
+
{@html `<${generateIconName(size, iconmode, iconname)} size="100%" />`}
|
|
139
|
+
{/if}
|
|
140
|
+
</span>
|
|
141
|
+
{:else}
|
|
142
|
+
{#if isLoading && loaderPosition === 'left' && !iconname}
|
|
143
|
+
<span class="mc-button__icon">
|
|
144
|
+
<Loader size="s" theme={loaderTheme} text="" />
|
|
145
|
+
</span>
|
|
146
|
+
{/if}
|
|
147
|
+
<span class="mc-button__label">{label}</span>
|
|
148
|
+
{#if isLoading && loaderPosition === 'right' && !iconname}
|
|
149
|
+
<span class="mc-button__icon">
|
|
150
|
+
<Loader size="s" theme={loaderTheme} text="" />
|
|
151
|
+
</span>
|
|
152
|
+
{/if}
|
|
153
|
+
{/if}
|
|
154
|
+
|
|
155
|
+
{#if iconname && iconmode === 'right'}
|
|
156
|
+
<span class="mc-button__icon">
|
|
157
|
+
{#if isLoading && loaderPosition === 'right'}
|
|
158
|
+
<Loader size="s" theme={loaderTheme} text="" />
|
|
159
|
+
{:else}
|
|
160
|
+
{@html `<${generateIconName(size, iconmode, iconname)} />`}
|
|
161
|
+
{/if}
|
|
162
|
+
</span>
|
|
163
|
+
{/if}
|
|
164
|
+
</button>
|
|
165
|
+
|
|
166
|
+
<style lang="scss">
|
|
167
|
+
@import '@mozaic-ds/styles/settings-tools/_all-settings';
|
|
168
|
+
@import '@mozaic-ds/styles/components/c.button';
|
|
169
|
+
|
|
170
|
+
.mc-button__icon {
|
|
171
|
+
pointer-events: none;
|
|
172
|
+
}
|
|
173
|
+
</style>
|