@mozaic-ds/web-components 0.26.1 → 0.28.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 +74 -22
- package/package.json +5 -5
- package/public/EventForward-c4c8cd29.js +2 -0
- package/public/{EventForward-78ecc73b.js.map → EventForward-c4c8cd29.js.map} +1 -1
- package/public/adeo/EventForward-c4c8cd29.js +2 -0
- package/public/{bricoman/EventForward-78ecc73b.js.map → adeo/EventForward-c4c8cd29.js.map} +1 -1
- package/public/adeo/components/accordion/Accordion.js +1 -1
- package/public/adeo/components/accordion/Accordion.js.map +1 -1
- package/public/adeo/components/accordion/Accordion.svelte +6 -4
- package/public/adeo/components/actionbar/ActionBar.js +1 -1
- package/public/adeo/components/actionbar/ActionBar.js.map +1 -1
- package/public/adeo/components/autocomplete/Autocomplete.js +1 -1
- package/public/adeo/components/autocomplete/Autocomplete.js.map +1 -1
- package/public/adeo/components/badge/Badge.js +1 -1
- package/public/adeo/components/badge/Badge.nested.js +1 -1
- package/public/adeo/components/badge/Badge.nested.js.map +1 -1
- package/public/adeo/components/bottombar/BottomBar.js +1 -1
- package/public/adeo/components/breadcrumb/Breadcrumb.js +1 -1
- package/public/adeo/components/breadcrumb/Breadcrumb.js.map +1 -1
- package/public/adeo/components/breadcrumb/Breadcrumb.nested.js +1 -1
- package/public/adeo/components/breadcrumb/Breadcrumb.nested.js.map +1 -1
- package/public/adeo/components/button/Button.js +1 -1
- package/public/adeo/components/button/Button.js.map +1 -1
- package/public/adeo/components/button/Button.nested.js +1 -1
- package/public/adeo/components/button/Button.nested.js.map +1 -1
- package/public/adeo/components/card/Card.js +1 -1
- package/public/adeo/components/card/Card.js.map +1 -1
- package/public/adeo/components/carousel/Carousel.js +1 -1
- package/public/adeo/components/carousel/Carousel.js.map +1 -1
- package/public/adeo/components/carousel/CarouselCard.nested.js +1 -1
- package/public/adeo/components/carousel/CarouselCard.nested.js.map +1 -1
- package/public/adeo/components/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/GroupedBarChart.js.map +1 -1
- package/public/adeo/components/chart/LineChart.js +1 -1
- package/public/adeo/components/chart/Radar.js +1 -1
- package/public/adeo/components/chart/StackedBarChart.js +1 -1
- package/public/adeo/components/checkbox/Checkbox.js +1 -1
- package/public/adeo/components/checkbox/Checkbox.js.map +1 -1
- package/public/adeo/components/checkboxgroup/checkboxGroup.js +1 -1
- package/public/adeo/components/datatable/DataTable.js +1 -1
- package/public/adeo/components/datatable/DataTable.js.map +1 -1
- package/public/adeo/components/datatable/datatable-default-action.nested.js +1 -1
- package/public/adeo/components/datatable/datatable-default-action.nested.js.map +1 -1
- package/public/adeo/components/datatable/datatable-default-edtion.nested.js +1 -1
- package/public/adeo/components/datatable/datatable-default-edtion.nested.js.map +1 -1
- package/public/adeo/components/datatable/datatable-default-filter-tags.nested.js +1 -1
- package/public/adeo/components/datatable/datatable-default-filter-tags.nested.js.map +1 -1
- package/public/adeo/components/datatable/datatable-default-footer.nested.js +1 -1
- package/public/adeo/components/datatable/datatable-default-footer.nested.js.map +1 -1
- package/public/adeo/components/datatable/datatable-default-selection-label.nested.js +1 -1
- package/public/adeo/components/datatable/datatable-default-selection.nested.js +1 -1
- package/public/adeo/components/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/field/Field.js.map +1 -1
- package/public/adeo/components/fileuploader/FileUploader.js +1 -1
- package/public/adeo/components/fileuploader/FileUploader.js.map +1 -1
- package/public/adeo/components/fileuploader/fileuploader-result.js +1 -1
- package/public/adeo/components/fileuploader/fileuploader-result.js.map +1 -1
- package/public/adeo/components/fileuploader/fileuploader-result.nested.js +1 -1
- package/public/adeo/components/flag/Flag.js +1 -1
- package/public/adeo/components/header/Header.js +1 -1
- package/public/adeo/components/header/Header.js.map +1 -1
- package/public/adeo/components/hero/Hero.js +1 -1
- package/public/adeo/components/hero/Hero.js.map +1 -1
- package/public/adeo/components/kpi/Kpi.js +1 -1
- package/public/adeo/components/layer/Layer.js +1 -1
- package/public/adeo/components/link/Link.js +1 -1
- package/public/adeo/components/link/Link.nested.js +1 -1
- package/public/adeo/components/link/Link.nested.js.map +1 -1
- package/public/adeo/components/listbox/Listbox.js +1 -1
- package/public/adeo/components/listbox/Listbox.js.map +1 -1
- package/public/adeo/components/listbox/Listbox.nested.js +1 -1
- package/public/adeo/components/listbox/Listbox.nested.js.map +1 -1
- package/public/adeo/components/loader/Loader.js +1 -1
- package/public/adeo/components/loader/Loader.js.map +1 -1
- package/public/adeo/components/loader/Loader.nested.js +1 -1
- package/public/adeo/components/menu/Menu.js +1 -1
- package/public/adeo/components/modal/Modal.js +1 -1
- package/public/adeo/components/notification/Notification.js +1 -1
- package/public/adeo/components/notification/Notification.js.map +1 -1
- package/public/adeo/components/optionbutton/OptionButton.js +1 -1
- package/public/adeo/components/optionbutton/OptionButton.js.map +1 -1
- package/public/adeo/components/optionbutton/OptionButton.svelte +14 -7
- package/public/adeo/components/overlay/Overlay.js +1 -1
- package/public/adeo/components/overlay/OverlayLoader.js +1 -1
- package/public/adeo/components/pagination/Pagination.js +1 -1
- package/public/adeo/components/passwordinput/PasswordInput.js +1 -1
- package/public/adeo/components/passwordinput/PasswordInput.js.map +1 -1
- package/public/adeo/components/phonenumber/PhoneNumber.js +1 -1
- package/public/adeo/components/price/Price.js +1 -1
- package/public/adeo/components/price/Price.js.map +1 -1
- package/public/adeo/components/progressbar/ProgressBar.js +1 -1
- package/public/adeo/components/progressbar/ProgressBar.js.map +1 -1
- package/public/adeo/components/quantityselector/QuantitySelector.js +1 -1
- package/public/adeo/components/quantityselector/QuantitySelector.js.map +1 -1
- package/public/adeo/components/radio/Radio.js +1 -1
- package/public/adeo/components/radiogroup/RadioGroup.js +1 -1
- package/public/adeo/components/radiogroup/RadioGroup.js.map +1 -1
- package/public/adeo/components/ratings/StarsInput.js +1 -1
- package/public/adeo/components/ratings/StarsInput.js.map +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/select/Select.js.map +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-segment.nested.svelte +8 -8
- package/public/adeo/components/sidebar/sidebar-separator.nested.js +1 -1
- package/public/adeo/components/sidebar/sidebar-sub-features.nested.js +1 -1
- package/public/adeo/components/sidebar/sidebar-user.nested.js +1 -1
- package/public/adeo/components/sidebar/sidebar.types.d.ts +4 -2
- package/public/adeo/components/sidebar/sidebar.types.d.ts.map +1 -1
- package/public/adeo/components/stepper/Stepper.js +1 -1
- package/public/adeo/components/stepperbar/StepperBar.js +1 -1
- package/public/adeo/components/tabs/Tabs.js +1 -1
- package/public/adeo/components/tabs/Tabs.nested.js +1 -1
- package/public/adeo/components/tag/Tag.js +1 -1
- package/public/adeo/components/tag/Tag.js.map +1 -1
- package/public/adeo/components/tag/Tag.nested.js +1 -1
- package/public/adeo/components/taglist/TagList.js +1 -1
- package/public/adeo/components/taglist/TagList.js.map +1 -1
- package/public/adeo/components/textarea/Textarea.js +1 -1
- package/public/adeo/components/textarea/Textarea.js.map +1 -1
- package/public/adeo/components/textinput/Textinput.js +1 -1
- package/public/adeo/components/textinput/Textinput.nested.js +1 -1
- package/public/adeo/components/textinput/Textinput.nested.js.map +1 -1
- package/public/adeo/components/toggle/Toggle.js +1 -1
- package/public/adeo/components/toggle/Toggle.js.map +1 -1
- package/public/adeo/components/tooltip/Tooltip.js +1 -1
- package/public/adeo/{index-48da6c1f.js → index-c222d0b7.js} +2 -2
- package/public/adeo/{index-48da6c1f.js.map → index-c222d0b7.js.map} +1 -1
- package/public/adeo/{sidebar-service-e5d3eb89.js → sidebar-service-8aa10fb1.js} +2 -2
- package/public/adeo/{sidebar-service-e5d3eb89.js.map → sidebar-service-8aa10fb1.js.map} +1 -1
- package/public/adeo/utilities/components/sidebar/sidebar.types.d.ts +4 -2
- package/public/adeo/utilities/components/sidebar/sidebar.types.d.ts.map +1 -1
- package/public/adeo/utilities/stories/optionbutton/OptionButton.stories.d.ts.map +1 -1
- package/public/bricoman/EventForward-c4c8cd29.js +2 -0
- package/public/{adeo/EventForward-78ecc73b.js.map → bricoman/EventForward-c4c8cd29.js.map} +1 -1
- package/public/bricoman/components/accordion/Accordion.js +1 -1
- package/public/bricoman/components/accordion/Accordion.js.map +1 -1
- package/public/bricoman/components/accordion/Accordion.svelte +6 -4
- package/public/bricoman/components/actionbar/ActionBar.js +1 -1
- package/public/bricoman/components/actionbar/ActionBar.js.map +1 -1
- package/public/bricoman/components/autocomplete/Autocomplete.js +1 -1
- package/public/bricoman/components/autocomplete/Autocomplete.js.map +1 -1
- package/public/bricoman/components/badge/Badge.js +1 -1
- package/public/bricoman/components/badge/Badge.js.map +1 -1
- package/public/bricoman/components/badge/Badge.nested.js +1 -1
- package/public/bricoman/components/bottombar/BottomBar.js +1 -1
- package/public/bricoman/components/breadcrumb/Breadcrumb.js +1 -1
- package/public/bricoman/components/breadcrumb/Breadcrumb.js.map +1 -1
- package/public/bricoman/components/breadcrumb/Breadcrumb.nested.js +1 -1
- package/public/bricoman/components/breadcrumb/Breadcrumb.nested.js.map +1 -1
- package/public/bricoman/components/button/Button.js +1 -1
- package/public/bricoman/components/button/Button.js.map +1 -1
- package/public/bricoman/components/button/Button.nested.js +1 -1
- package/public/bricoman/components/button/Button.nested.js.map +1 -1
- package/public/bricoman/components/card/Card.js +1 -1
- package/public/bricoman/components/card/Card.js.map +1 -1
- package/public/bricoman/components/carousel/Carousel.js +1 -1
- package/public/bricoman/components/carousel/Carousel.js.map +1 -1
- package/public/bricoman/components/carousel/CarouselCard.nested.js +1 -1
- package/public/bricoman/components/chart/BarChart.js +1 -1
- package/public/bricoman/components/chart/Donut.js +1 -1
- package/public/bricoman/components/chart/GroupedBarChart.js +1 -1
- package/public/bricoman/components/chart/GroupedBarChart.js.map +1 -1
- package/public/bricoman/components/chart/LineChart.js +1 -1
- package/public/bricoman/components/chart/Radar.js +1 -1
- package/public/bricoman/components/chart/StackedBarChart.js +1 -1
- package/public/bricoman/components/checkbox/Checkbox.js +1 -1
- package/public/bricoman/components/checkbox/Checkbox.js.map +1 -1
- package/public/bricoman/components/checkboxgroup/checkboxGroup.js +1 -1
- package/public/bricoman/components/datatable/DataTable.js +1 -1
- package/public/bricoman/components/datatable/datatable-default-action.nested.js +1 -1
- package/public/bricoman/components/datatable/datatable-default-action.nested.js.map +1 -1
- package/public/bricoman/components/datatable/datatable-default-edtion.nested.js +1 -1
- package/public/bricoman/components/datatable/datatable-default-edtion.nested.js.map +1 -1
- package/public/bricoman/components/datatable/datatable-default-filter-tags.nested.js +1 -1
- package/public/bricoman/components/datatable/datatable-default-filter-tags.nested.js.map +1 -1
- package/public/bricoman/components/datatable/datatable-default-footer.nested.js +1 -1
- package/public/bricoman/components/datatable/datatable-default-footer.nested.js.map +1 -1
- package/public/bricoman/components/datatable/datatable-default-selection-label.nested.js +1 -1
- package/public/bricoman/components/datatable/datatable-default-selection.nested.js +1 -1
- package/public/bricoman/components/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/field/Field.js.map +1 -1
- package/public/bricoman/components/fileuploader/FileUploader.js +1 -1
- package/public/bricoman/components/fileuploader/FileUploader.js.map +1 -1
- package/public/bricoman/components/fileuploader/fileuploader-result.js +1 -1
- package/public/bricoman/components/fileuploader/fileuploader-result.js.map +1 -1
- package/public/bricoman/components/fileuploader/fileuploader-result.nested.js +1 -1
- package/public/bricoman/components/fileuploader/fileuploader-result.nested.js.map +1 -1
- package/public/bricoman/components/flag/Flag.js +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/hero/Hero.js +1 -1
- package/public/bricoman/components/hero/Hero.js.map +1 -1
- package/public/bricoman/components/kpi/Kpi.js +1 -1
- package/public/bricoman/components/layer/Layer.js +1 -1
- package/public/bricoman/components/link/Link.js +1 -1
- package/public/bricoman/components/link/Link.nested.js +1 -1
- package/public/bricoman/components/listbox/Listbox.js +1 -1
- package/public/bricoman/components/listbox/Listbox.js.map +1 -1
- package/public/bricoman/components/listbox/Listbox.nested.js +1 -1
- package/public/bricoman/components/listbox/Listbox.nested.js.map +1 -1
- package/public/bricoman/components/loader/Loader.js +1 -1
- package/public/bricoman/components/loader/Loader.js.map +1 -1
- package/public/bricoman/components/loader/Loader.nested.js +1 -1
- package/public/bricoman/components/loader/Loader.nested.js.map +1 -1
- package/public/bricoman/components/menu/Menu.js +1 -1
- package/public/bricoman/components/modal/Modal.js +1 -1
- package/public/bricoman/components/notification/Notification.js +1 -1
- package/public/bricoman/components/notification/Notification.js.map +1 -1
- package/public/bricoman/components/optionbutton/OptionButton.js +1 -1
- package/public/bricoman/components/optionbutton/OptionButton.js.map +1 -1
- package/public/bricoman/components/optionbutton/OptionButton.svelte +14 -7
- package/public/bricoman/components/overlay/Overlay.js +1 -1
- package/public/bricoman/components/overlay/OverlayLoader.js +1 -1
- package/public/bricoman/components/pagination/Pagination.js +1 -1
- package/public/bricoman/components/passwordinput/PasswordInput.js +1 -1
- package/public/bricoman/components/passwordinput/PasswordInput.js.map +1 -1
- package/public/bricoman/components/phonenumber/PhoneNumber.js +1 -1
- package/public/bricoman/components/price/Price.js +1 -1
- package/public/bricoman/components/price/Price.js.map +1 -1
- package/public/bricoman/components/progressbar/ProgressBar.js +1 -1
- package/public/bricoman/components/progressbar/ProgressBar.js.map +1 -1
- package/public/bricoman/components/quantityselector/QuantitySelector.js +1 -1
- package/public/bricoman/components/quantityselector/QuantitySelector.js.map +1 -1
- package/public/bricoman/components/radio/Radio.js +1 -1
- package/public/bricoman/components/radio/Radio.js.map +1 -1
- package/public/bricoman/components/radiogroup/RadioGroup.js +1 -1
- package/public/bricoman/components/radiogroup/RadioGroup.js.map +1 -1
- package/public/bricoman/components/ratings/StarsInput.js +1 -1
- package/public/bricoman/components/ratings/StarsInput.js.map +1 -1
- package/public/bricoman/components/ratings/StarsResult.js +1 -1
- package/public/bricoman/components/segmentedcontrol/SegmentedControl.js +1 -1
- package/public/bricoman/components/segmentedcontrol/SegmentedControl.js.map +1 -1
- package/public/bricoman/components/select/Select.js +1 -1
- package/public/bricoman/components/select/Select.js.map +1 -1
- package/public/bricoman/components/sidebar/Sidebar.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-segment.nested.svelte +8 -8
- package/public/bricoman/components/sidebar/sidebar-separator.nested.js +1 -1
- package/public/bricoman/components/sidebar/sidebar-sub-features.nested.js +1 -1
- package/public/bricoman/components/sidebar/sidebar-sub-features.nested.js.map +1 -1
- package/public/bricoman/components/sidebar/sidebar-user.nested.js +1 -1
- package/public/bricoman/components/sidebar/sidebar-user.nested.js.map +1 -1
- package/public/bricoman/components/sidebar/sidebar.types.d.ts +4 -2
- package/public/bricoman/components/sidebar/sidebar.types.d.ts.map +1 -1
- package/public/bricoman/components/stepper/Stepper.js +1 -1
- package/public/bricoman/components/stepperbar/StepperBar.js +1 -1
- package/public/bricoman/components/tabs/Tabs.js +1 -1
- package/public/bricoman/components/tabs/Tabs.nested.js +1 -1
- package/public/bricoman/components/tag/Tag.js +1 -1
- package/public/bricoman/components/tag/Tag.js.map +1 -1
- package/public/bricoman/components/tag/Tag.nested.js +1 -1
- package/public/bricoman/components/tag/Tag.nested.js.map +1 -1
- package/public/bricoman/components/taglist/TagList.js +1 -1
- package/public/bricoman/components/taglist/TagList.js.map +1 -1
- package/public/bricoman/components/textarea/Textarea.js +1 -1
- package/public/bricoman/components/textarea/Textarea.js.map +1 -1
- package/public/bricoman/components/textinput/Textinput.js +1 -1
- package/public/bricoman/components/textinput/Textinput.nested.js +1 -1
- package/public/bricoman/components/textinput/Textinput.nested.js.map +1 -1
- package/public/bricoman/components/toggle/Toggle.js +1 -1
- package/public/bricoman/components/toggle/Toggle.js.map +1 -1
- package/public/bricoman/components/tooltip/Tooltip.js +1 -1
- package/public/{index-48da6c1f.js → bricoman/index-c222d0b7.js} +2 -2
- package/public/bricoman/{index-48da6c1f.js.map → index-c222d0b7.js.map} +1 -1
- package/public/bricoman/{sidebar-service-e5d3eb89.js → sidebar-service-8aa10fb1.js} +2 -2
- package/public/bricoman/{sidebar-service-e5d3eb89.js.map → sidebar-service-8aa10fb1.js.map} +1 -1
- package/public/bricoman/utilities/components/sidebar/sidebar.types.d.ts +4 -2
- package/public/bricoman/utilities/components/sidebar/sidebar.types.d.ts.map +1 -1
- package/public/bricoman/utilities/stories/optionbutton/OptionButton.stories.d.ts.map +1 -1
- package/public/components/accordion/Accordion.js +1 -1
- package/public/components/accordion/Accordion.js.map +1 -1
- package/public/components/accordion/Accordion.svelte +6 -4
- package/public/components/actionbar/ActionBar.js +1 -1
- package/public/components/actionbar/ActionBar.js.map +1 -1
- package/public/components/autocomplete/Autocomplete.js +1 -1
- package/public/components/autocomplete/Autocomplete.js.map +1 -1
- package/public/components/badge/Badge.js +1 -1
- package/public/components/badge/Badge.js.map +1 -1
- package/public/components/badge/Badge.nested.js +1 -1
- package/public/components/bottombar/BottomBar.js +1 -1
- package/public/components/breadcrumb/Breadcrumb.js +1 -1
- package/public/components/breadcrumb/Breadcrumb.js.map +1 -1
- package/public/components/breadcrumb/Breadcrumb.nested.js +1 -1
- package/public/components/button/Button.js +1 -1
- package/public/components/button/Button.js.map +1 -1
- package/public/components/button/Button.nested.js +1 -1
- package/public/components/button/Button.nested.js.map +1 -1
- package/public/components/card/Card.js +1 -1
- package/public/components/card/Card.js.map +1 -1
- package/public/components/carousel/Carousel.js +1 -1
- package/public/components/carousel/Carousel.js.map +1 -1
- package/public/components/carousel/CarouselCard.nested.js +1 -1
- 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/GroupedBarChart.js.map +1 -1
- package/public/components/chart/LineChart.js +1 -1
- package/public/components/chart/Radar.js +1 -1
- package/public/components/chart/StackedBarChart.js +1 -1
- package/public/components/checkbox/Checkbox.js +1 -1
- package/public/components/checkbox/Checkbox.js.map +1 -1
- package/public/components/checkboxgroup/checkboxGroup.js +1 -1
- package/public/components/checkboxgroup/checkboxGroup.js.map +1 -1
- package/public/components/datatable/DataTable.js +1 -1
- package/public/components/datatable/datatable-default-action.nested.js +1 -1
- package/public/components/datatable/datatable-default-action.nested.js.map +1 -1
- package/public/components/datatable/datatable-default-edtion.nested.js +1 -1
- package/public/components/datatable/datatable-default-edtion.nested.js.map +1 -1
- package/public/components/datatable/datatable-default-filter-tags.nested.js +1 -1
- package/public/components/datatable/datatable-default-filter-tags.nested.js.map +1 -1
- package/public/components/datatable/datatable-default-footer.nested.js +1 -1
- package/public/components/datatable/datatable-default-footer.nested.js.map +1 -1
- package/public/components/datatable/datatable-default-selection-label.nested.js +1 -1
- package/public/components/datatable/datatable-default-selection.nested.js +1 -1
- package/public/components/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/field/Field.js.map +1 -1
- package/public/components/fileuploader/FileUploader.js +1 -1
- package/public/components/fileuploader/FileUploader.js.map +1 -1
- package/public/components/fileuploader/fileuploader-result.js +1 -1
- package/public/components/fileuploader/fileuploader-result.js.map +1 -1
- package/public/components/fileuploader/fileuploader-result.nested.js +1 -1
- package/public/components/fileuploader/fileuploader-result.nested.js.map +1 -1
- package/public/components/flag/Flag.js +1 -1
- package/public/components/header/Header.js +1 -1
- package/public/components/header/Header.js.map +1 -1
- package/public/components/hero/Hero.js +1 -1
- package/public/components/hero/Hero.js.map +1 -1
- package/public/components/kpi/Kpi.js +1 -1
- package/public/components/layer/Layer.js +1 -1
- package/public/components/link/Link.js +1 -1
- package/public/components/link/Link.nested.js +1 -1
- package/public/components/link/Link.nested.js.map +1 -1
- package/public/components/listbox/Listbox.js +1 -1
- package/public/components/listbox/Listbox.js.map +1 -1
- package/public/components/listbox/Listbox.nested.js +1 -1
- package/public/components/listbox/Listbox.nested.js.map +1 -1
- package/public/components/loader/Loader.js +1 -1
- package/public/components/loader/Loader.js.map +1 -1
- package/public/components/loader/Loader.nested.js +1 -1
- package/public/components/loader/Loader.nested.js.map +1 -1
- package/public/components/menu/Menu.js +1 -1
- package/public/components/modal/Modal.js +1 -1
- package/public/components/notification/Notification.js +1 -1
- package/public/components/notification/Notification.js.map +1 -1
- package/public/components/optionbutton/OptionButton.js +1 -1
- package/public/components/optionbutton/OptionButton.js.map +1 -1
- package/public/components/optionbutton/OptionButton.svelte +14 -7
- package/public/components/overlay/Overlay.js +1 -1
- package/public/components/overlay/OverlayLoader.js +1 -1
- package/public/components/pagination/Pagination.js +1 -1
- package/public/components/passwordinput/PasswordInput.js +1 -1
- package/public/components/passwordinput/PasswordInput.js.map +1 -1
- package/public/components/phonenumber/PhoneNumber.js +1 -1
- package/public/components/price/Price.js +1 -1
- package/public/components/price/Price.js.map +1 -1
- package/public/components/progressbar/ProgressBar.js +1 -1
- package/public/components/progressbar/ProgressBar.js.map +1 -1
- package/public/components/quantityselector/QuantitySelector.js +1 -1
- package/public/components/quantityselector/QuantitySelector.js.map +1 -1
- package/public/components/radio/Radio.js +1 -1
- package/public/components/radiogroup/RadioGroup.js +1 -1
- package/public/components/radiogroup/RadioGroup.js.map +1 -1
- package/public/components/ratings/StarsInput.js +1 -1
- package/public/components/ratings/StarsInput.js.map +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/select/Select.js.map +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.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-segment.nested.svelte +8 -8
- package/public/components/sidebar/sidebar-separator.nested.js +1 -1
- package/public/components/sidebar/sidebar-sub-features.nested.js +1 -1
- package/public/components/sidebar/sidebar-sub-features.nested.js.map +1 -1
- package/public/components/sidebar/sidebar-user.nested.js +1 -1
- package/public/components/sidebar/sidebar.types.d.ts +4 -2
- package/public/components/sidebar/sidebar.types.d.ts.map +1 -1
- package/public/components/stepper/Stepper.js +1 -1
- package/public/components/stepper/Stepper.js.map +1 -1
- package/public/components/stepperbar/StepperBar.js +1 -1
- package/public/components/tabs/Tabs.js +1 -1
- package/public/components/tabs/Tabs.nested.js +1 -1
- package/public/components/tag/Tag.js +1 -1
- package/public/components/tag/Tag.js.map +1 -1
- package/public/components/tag/Tag.nested.js +1 -1
- package/public/components/tag/Tag.nested.js.map +1 -1
- package/public/components/taglist/TagList.js +1 -1
- package/public/components/taglist/TagList.js.map +1 -1
- package/public/components/textarea/Textarea.js +1 -1
- package/public/components/textarea/Textarea.js.map +1 -1
- package/public/components/textinput/Textinput.js +1 -1
- package/public/components/textinput/Textinput.nested.js +1 -1
- package/public/components/textinput/Textinput.nested.js.map +1 -1
- package/public/components/toggle/Toggle.js +1 -1
- package/public/components/toggle/Toggle.js.map +1 -1
- package/public/components/tooltip/Tooltip.js +1 -1
- package/public/{bricoman/index-48da6c1f.js → index-c222d0b7.js} +2 -2
- package/public/{index-48da6c1f.js.map → index-c222d0b7.js.map} +1 -1
- package/public/{sidebar-service-e5d3eb89.js → sidebar-service-8aa10fb1.js} +2 -2
- package/public/{sidebar-service-e5d3eb89.js.map → sidebar-service-8aa10fb1.js.map} +1 -1
- package/public/utilities/components/sidebar/sidebar.types.d.ts +4 -2
- package/public/utilities/components/sidebar/sidebar.types.d.ts.map +1 -1
- package/public/utilities/stories/optionbutton/OptionButton.stories.d.ts.map +1 -1
- package/public/EventForward-78ecc73b.js +0 -2
- package/public/adeo/EventForward-78ecc73b.js +0 -2
- package/public/bricoman/EventForward-78ecc73b.js +0 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{S as e,i,a as t,g as n,b as s,f as o,s as
|
|
1
|
+
import{S as e,i,a as t,g as n,b as s,f as o,s as l,c as r,e as c,d as a,v as m,n as d,j as h,k as f,N as p,x as k,a2 as u,l as b,m as g,P as $,o as x,p as v,q as w,u as y,h as z,V as _,T as j,a4 as C}from"../../index-c222d0b7.js";import{c as E}from"../../EventForward-c4c8cd29.js";function R(e){let i,t;function n(e,i){return e[6]?A:e[11].icon?q:void 0}let o=n(e),l=o&&o(e);return{c(){i=c("span"),l&&l.c(),z(i,"class",t=T(e[7]))},m(e,t){s(e,i,t),l&&l.m(i,null)},p(e,s){o===(o=n(e))&&l?l.p(e,s):(l&&l.d(1),l=o&&o(e),l&&(l.c(),l.m(i,null))),128&s&&t!==(t=T(e[7]))&&z(i,"class",t)},d(e){e&&g(i),l&&l.d()}}}function q(e){let i;return{c(){i=c("slot"),z(i,"name","icon")},m(e,t){s(e,i,t)},p:d,d(e){e&&g(i)}}}function A(e){let i,t,n=`<${S(e[6])} />`;return{c(){i=new C(!1),t=j(),i.a=t},m(e,o){i.m(n,e,o),s(e,t,o)},p(e,t){64&t&&n!==(n=`<${S(e[6])} />`)&&i.p(n)},d(e){e&&g(t),e&&i.d()}}}function F(e){let i,t;function n(e,i){return e[6]?O:e[11].icon?N:void 0}let o=n(e),l=o&&o(e);return{c(){i=c("span"),l&&l.c(),z(i,"class",t=T(e[7]))},m(e,t){s(e,i,t),l&&l.m(i,null)},p(e,s){o===(o=n(e))&&l?l.p(e,s):(l&&l.d(1),l=o&&o(e),l&&(l.c(),l.m(i,null))),128&s&&t!==(t=T(e[7]))&&z(i,"class",t)},d(e){e&&g(i),l&&l.d()}}}function N(e){let i;return{c(){i=c("slot"),z(i,"name","icon")},m(e,t){s(e,i,t)},p:d,d(e){e&&g(i)}}}function O(e){let i,t,n=`<${S(e[6])} />`;return{c(){i=new C(!1),t=j(),i.a=t},m(e,o){i.m(n,e,o),s(e,t,o)},p(e,t){64&t&&n!==(n=`<${S(e[6])} />`)&&i.p(n)},d(e){e&&g(t),e&&i.d()}}}function P(e){let i,t,n,o,l,x,v,w=(e[6]||e[11].icon)&&"left"===e[7]&&R(e),y=(e[6]||e[11].icon)&&"right"===e[7]&&F(e),z=[{href:e[1]},{target:e[2]},{class:l=V(e[3],e[5])+" "+(e[4]?"is-disabled":"")+" "+e[9]},e[8]],_={};for(let e=0;e<z.length;e+=1)_=r(_,z[e]);return{c(){i=c("a"),w&&w.c(),t=a(),n=m(e[0]),o=a(),y&&y.c(),this.c=d,h(i,_)},m(l,r){s(l,i,r),w&&w.m(i,null),f(i,t),f(i,n),f(i,o),y&&y.m(i,null),x||(v=[p(e[10].call(null,i)),k(i,"click",e[12])],x=!0)},p(e,[s]){(e[6]||e[11].icon)&&"left"===e[7]?w?w.p(e,s):(w=R(e),w.c(),w.m(i,t)):w&&(w.d(1),w=null),1&s&&u(n,e[0],_.contenteditable),(e[6]||e[11].icon)&&"right"===e[7]?y?y.p(e,s):(y=F(e),y.c(),y.m(i,null)):y&&(y.d(1),y=null),h(i,_=b(z,[2&s&&{href:e[1]},4&s&&{target:e[2]},568&s&&l!==(l=V(e[3],e[5])+" "+(e[4]?"is-disabled":"")+" "+e[9])&&{class:l},256&s&&e[8]]))},i:d,o:d,d(e){e&&g(i),w&&w.d(),y&&y.d(),x=!1,$(v)}}}function S(e){return`${e} size="1rem"`}function T(e){const i=["mc-link__icon"];return"left"===e&&i.push("mc-link__icon--left"),"right"===e&&i.push("mc-link__icon--right"),i.join(" ")}function V(e,i){const t=["mc-link"];return e&&t.push(`mc-link--${e}`),i&&t.push(`mc-link--${i}`),t.join(" ")}function B(e,i,t){let n,s;const o=["label","href","target","theme","disabled","size","iconname","iconposition"];let l=x(i,o),{$$slots:c={},$$scope:a}=i;const m=v(c);let{label:d}=i,{href:h}=i,{target:f}=i,{theme:p}=i,{disabled:k=!1}=i,{size:u="m"}=i,{iconname:b}=i,{iconposition:g}=i;const $=E(w());return e.$$set=e=>{t(14,i=r(r({},i),y(e))),t(13,l=x(i,o)),"label"in e&&t(0,d=e.label),"href"in e&&t(1,h=e.href),"target"in e&&t(2,f=e.target),"theme"in e&&t(3,p=e.theme),"disabled"in e&&t(4,k=e.disabled),"size"in e&&t(5,u=e.size),"iconname"in e&&t(6,b=e.iconname),"iconposition"in e&&t(7,g=e.iconposition)},e.$$.update=()=>{t(9,n=i.class),t(8,s=Object.assign({},l)),256&e.$$.dirty&&delete s.class},i=y(i),[d,h,f,p,k,u,b,g,s,n,$,m,function(i){_.call(this,e,i)}]}class D extends e{constructor(e){super();const r=document.createElement("style");r.textContent='.mc-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:inherit;text-decoration:underline;-webkit-transition:color ease 200ms;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;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:#188803}.mc-link--primary.is-visited,.mc-link--primary:visited{color:#006902}.mc-link--primary.is-hover,.mc-link--primary:hover{color:#035010}.mc-link--primary.is-active,.mc-link--primary:active{color:#006902}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#494f60}.mc-link--primary-02.is-visited,.mc-link--primary-02:visited{color:#343b4c}.mc-link--primary-02.is-hover,.mc-link--primary-02:hover{color:#171b26}.mc-link--primary-02.is-active,.mc-link--primary-02:active{color:#343b4c}.mc-link--primary-02.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--danger{color:#c61112}.mc-link--danger.is-visited,.mc-link--danger:visited{color:#8c0003}.mc-link--danger.is-hover,.mc-link--danger:hover{color:#530000}.mc-link--danger.is-active,.mc-link--danger:active{color:#8c0003}.mc-link--danger.is-disabled{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl{font-size:1rem;line-height:1.375}}',this.shadowRoot.appendChild(r),i(this,{target:this.shadowRoot,props:{...t(this.attributes),$$slots:n(this)},customElement:!0},B,P,l,{label:0,href:1,target:2,theme:3,disabled:4,size:5,iconname:6,iconposition:7},null),e&&(e.target&&s(e.target,this,e.anchor),e.props&&(this.$set(e.props),o()))}static get observedAttributes(){return["label","href","target","theme","disabled","size","iconname","iconposition"]}get label(){return this.$$.ctx[0]}set label(e){this.$$set({label:e}),o()}get href(){return this.$$.ctx[1]}set href(e){this.$$set({href:e}),o()}get target(){return this.$$.ctx[2]}set target(e){this.$$set({target:e}),o()}get theme(){return this.$$.ctx[3]}set theme(e){this.$$set({theme:e}),o()}get disabled(){return this.$$.ctx[4]}set disabled(e){this.$$set({disabled:e}),o()}get size(){return this.$$.ctx[5]}set size(e){this.$$set({size:e}),o()}get iconname(){return this.$$.ctx[6]}set iconname(e){this.$$set({iconname:e}),o()}get iconposition(){return this.$$.ctx[7]}set iconposition(e){this.$$set({iconposition:e}),o()}}export{D as default};
|
|
2
2
|
//# sourceMappingURL=Link.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{H as e,i,s as o,I as l,c as t,e as n,d as s,v as a,j as c,t as r,b as m,k as g,N as d,x as v,B as h,z as f,A as k,a2 as p,l as u,m as b,P as x,o as w,p as y,q as $,u as z,h as _,W as j,C,V as q,Y as A,Z as B,_ as E,$ as F,T as H,n as I,a4 as N}from"../../index-c222d0b7.js";import{c as O}from"../../EventForward-c4c8cd29.js";function P(e){l(e,"svelte-ag34o",'.mc-link.svelte-ag34o{-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;transition:color ease 200ms;gap:0.25rem;color:#000000;position:relative;font-size:1rem;line-height:1.375}.mc-link.svelte-ag34o:focus{outline:none}.mc-link.svelte-ag34o: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-ag34o,.mc-link.svelte-ag34o:visited{color:#333333}.mc-link.is-hover.svelte-ag34o,.mc-link.svelte-ag34o:hover{color:#666666}.mc-link.is-active.svelte-ag34o,.mc-link.svelte-ag34o:active{color:#333333}.mc-link.is-disabled.svelte-ag34o{color:#e6e6e6;cursor:not-allowed}.mc-link--s.svelte-ag34o{font-size:0.875rem;line-height:1.2857142857}.mc-link--m.svelte-ag34o{font-size:1rem;line-height:1.375}.mc-link.svelte-ag34o::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;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-link__icon.svelte-ag34o{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light.svelte-ag34o{color:#ffffff}.mc-link--light.is-visited.svelte-ag34o,.mc-link--light.svelte-ag34o:visited{color:#cccccc}.mc-link--light.is-hover.svelte-ag34o,.mc-link--light.svelte-ag34o:hover{color:#999999}.mc-link--light.is-active.svelte-ag34o,.mc-link--light.svelte-ag34o:active{color:#cccccc}.mc-link--light.is-disabled.svelte-ag34o{color:#e6e6e6;cursor:not-allowed}.mc-link--primary.svelte-ag34o{color:#188803}.mc-link--primary.is-visited.svelte-ag34o,.mc-link--primary.svelte-ag34o:visited{color:#006902}.mc-link--primary.is-hover.svelte-ag34o,.mc-link--primary.svelte-ag34o:hover{color:#035010}.mc-link--primary.is-active.svelte-ag34o,.mc-link--primary.svelte-ag34o:active{color:#006902}.mc-link--primary.is-disabled.svelte-ag34o{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02.svelte-ag34o{color:#494f60}.mc-link--primary-02.is-visited.svelte-ag34o,.mc-link--primary-02.svelte-ag34o:visited{color:#343b4c}.mc-link--primary-02.is-hover.svelte-ag34o,.mc-link--primary-02.svelte-ag34o:hover{color:#171b26}.mc-link--primary-02.is-active.svelte-ag34o,.mc-link--primary-02.svelte-ag34o:active{color:#343b4c}.mc-link--primary-02.is-disabled.svelte-ag34o{color:#e6e6e6;cursor:not-allowed}.mc-link--danger.svelte-ag34o{color:#c61112}.mc-link--danger.is-visited.svelte-ag34o,.mc-link--danger.svelte-ag34o:visited{color:#8c0003}.mc-link--danger.is-hover.svelte-ag34o,.mc-link--danger.svelte-ag34o:hover{color:#530000}.mc-link--danger.is-active.svelte-ag34o,.mc-link--danger.svelte-ag34o:active{color:#8c0003}.mc-link--danger.is-disabled.svelte-ag34o{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m.svelte-ag34o{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m.svelte-ag34o{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l.svelte-ag34o{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l.svelte-ag34o{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl.svelte-ag34o{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl.svelte-ag34o{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl.svelte-ag34o{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl.svelte-ag34o{font-size:1rem;line-height:1.375}}')}const T=e=>({}),V=e=>({}),W=e=>({}),Y=e=>({});function Z(e){let i,o,l,t,s;const a=[G,D],c=[];function r(e,i){return e[6]?0:e[11].icon?1:-1}return~(o=r(e))&&(l=c[o]=a[o](e)),{c(){i=n("span"),l&&l.c(),_(i,"class",t=j(R(e[7]))+" svelte-ag34o")},m(e,l){m(e,i,l),~o&&c[o].m(i,null),s=!0},p(e,n){let m=o;o=r(e),o===m?~o&&c[o].p(e,n):(l&&(C(),f(c[m],1,1,(()=>{c[m]=null})),k()),~o?(l=c[o],l?l.p(e,n):(l=c[o]=a[o](e),l.c()),h(l,1),l.m(i,null)):l=null),(!s||128&n&&t!==(t=j(R(e[7]))+" svelte-ag34o"))&&_(i,"class",t)},i(e){s||(h(l),s=!0)},o(e){f(l),s=!1},d(e){e&&b(i),~o&&c[o].d()}}}function D(e){let i;const o=e[13].icon,l=A(o,e,e[12],Y);return{c(){l&&l.c()},m(e,o){l&&l.m(e,o),i=!0},p(e,t){l&&l.p&&(!i||4096&t)&&B(l,o,e,e[12],i?F(o,e[12],t,W):E(e[12]),Y)},i(e){i||(h(l,e),i=!0)},o(e){f(l,e),i=!1},d(e){l&&l.d(e)}}}function G(e){let i,o,l=`<${Q(e[6])} />`;return{c(){i=new N(!1),o=H(),i.a=o},m(e,t){i.m(l,e,t),m(e,o,t)},p(e,o){64&o&&l!==(l=`<${Q(e[6])} />`)&&i.p(l)},i:I,o:I,d(e){e&&b(o),e&&i.d()}}}function J(e){let i,o,l,t,s;const a=[L,K],c=[];function r(e,i){return e[6]?0:e[11].icon?1:-1}return~(o=r(e))&&(l=c[o]=a[o](e)),{c(){i=n("span"),l&&l.c(),_(i,"class",t=j(R(e[7]))+" svelte-ag34o")},m(e,l){m(e,i,l),~o&&c[o].m(i,null),s=!0},p(e,n){let m=o;o=r(e),o===m?~o&&c[o].p(e,n):(l&&(C(),f(c[m],1,1,(()=>{c[m]=null})),k()),~o?(l=c[o],l?l.p(e,n):(l=c[o]=a[o](e),l.c()),h(l,1),l.m(i,null)):l=null),(!s||128&n&&t!==(t=j(R(e[7]))+" svelte-ag34o"))&&_(i,"class",t)},i(e){s||(h(l),s=!0)},o(e){f(l),s=!1},d(e){e&&b(i),~o&&c[o].d()}}}function K(e){let i;const o=e[13].icon,l=A(o,e,e[12],V);return{c(){l&&l.c()},m(e,o){l&&l.m(e,o),i=!0},p(e,t){l&&l.p&&(!i||4096&t)&&B(l,o,e,e[12],i?F(o,e[12],t,T):E(e[12]),V)},i(e){i||(h(l,e),i=!0)},o(e){f(l,e),i=!1},d(e){l&&l.d(e)}}}function L(e){let i,o,l=`<${Q(e[6])} />`;return{c(){i=new N(!1),o=H(),i.a=o},m(e,t){i.m(l,e,t),m(e,o,t)},p(e,o){64&o&&l!==(l=`<${Q(e[6])} />`)&&i.p(l)},i:I,o:I,d(e){e&&b(o),e&&i.d()}}}function M(e){let i,o,l,w,y,$,z,_,j=(e[6]||e[11].icon)&&"left"===e[7]&&Z(e),q=(e[6]||e[11].icon)&&"right"===e[7]&&J(e),A=[{href:e[1]},{target:e[2]},{class:y=S(e[3],e[5])+" "+(e[4]?"is-disabled":"")+" "+e[9]},e[8]],B={};for(let e=0;e<A.length;e+=1)B=t(B,A[e]);return{c(){i=n("a"),j&&j.c(),o=s(),l=a(e[0]),w=s(),q&&q.c(),c(i,B),r(i,"svelte-ag34o",!0)},m(t,n){m(t,i,n),j&&j.m(i,null),g(i,o),g(i,l),g(i,w),q&&q.m(i,null),$=!0,z||(_=[d(e[10].call(null,i)),v(i,"click",e[14])],z=!0)},p(e,[t]){(e[6]||e[11].icon)&&"left"===e[7]?j?(j.p(e,t),2240&t&&h(j,1)):(j=Z(e),j.c(),h(j,1),j.m(i,o)):j&&(C(),f(j,1,1,(()=>{j=null})),k()),(!$||1&t)&&p(l,e[0],B.contenteditable),(e[6]||e[11].icon)&&"right"===e[7]?q?(q.p(e,t),2240&t&&h(q,1)):(q=J(e),q.c(),h(q,1),q.m(i,null)):q&&(C(),f(q,1,1,(()=>{q=null})),k()),c(i,B=u(A,[(!$||2&t)&&{href:e[1]},(!$||4&t)&&{target:e[2]},(!$||568&t&&y!==(y=S(e[3],e[5])+" "+(e[4]?"is-disabled":"")+" "+e[9]))&&{class:y},256&t&&e[8]])),r(i,"svelte-ag34o",!0)},i(e){$||(h(j),h(q),$=!0)},o(e){f(j),f(q),$=!1},d(e){e&&b(i),j&&j.d(),q&&q.d(),z=!1,x(_)}}}function Q(e){return`${e} size="1rem"`}function R(e){const i=["mc-link__icon"];return"left"===e&&i.push("mc-link__icon--left"),"right"===e&&i.push("mc-link__icon--right"),i.join(" ")}function S(e,i){const o=["mc-link"];return e&&o.push(`mc-link--${e}`),i&&o.push(`mc-link--${i}`),o.join(" ")}function U(e,i,o){let l,n;const s=["label","href","target","theme","disabled","size","iconname","iconposition"];let a=w(i,s),{$$slots:c={},$$scope:r}=i;const m=y(c);let{label:g}=i,{href:d}=i,{target:v}=i,{theme:h}=i,{disabled:f=!1}=i,{size:k="m"}=i,{iconname:p}=i,{iconposition:u}=i;const b=O($());return e.$$set=e=>{o(16,i=t(t({},i),z(e))),o(15,a=w(i,s)),"label"in e&&o(0,g=e.label),"href"in e&&o(1,d=e.href),"target"in e&&o(2,v=e.target),"theme"in e&&o(3,h=e.theme),"disabled"in e&&o(4,f=e.disabled),"size"in e&&o(5,k=e.size),"iconname"in e&&o(6,p=e.iconname),"iconposition"in e&&o(7,u=e.iconposition),"$$scope"in e&&o(12,r=e.$$scope)},e.$$.update=()=>{o(9,l=i.class),o(8,n=Object.assign({},a)),256&e.$$.dirty&&delete n.class},i=z(i),[g,d,v,h,f,k,p,u,n,l,b,m,r,c,function(i){q.call(this,e,i)}]}class X extends e{constructor(e){super(),i(this,e,U,M,o,{label:0,href:1,target:2,theme:3,disabled:4,size:5,iconname:6,iconposition:7},P)}}export{X as default};
|
|
2
2
|
//# sourceMappingURL=Link.nested.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.nested.js","sources":["../../../src/components/link/Link.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { get_current_component } from 'svelte/internal';\n import type { LinkIconPosition, LinkSize, LinkTheme } from './link.types';\n import { createEventForwarder } from '../../utilities/EventForward';\n export let label: string;\n export let href: string;\n export let target: string;\n export let theme: LinkTheme = undefined;\n export let disabled = false;\n export let size: LinkSize = 'm';\n export let iconname: string | undefined = undefined;\n export let iconposition: LinkIconPosition | undefined = undefined;\n\n const forwardEvents = createEventForwarder(get_current_component());\n\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n function generateIconName(iconName: string): string {\n return `${iconName} size=\"1rem\"`;\n }\n\n function generateIconClass(iconposition: string): string {\n const classes = ['mc-link__icon'];\n\n if (iconposition === 'left') {\n classes.push('mc-link__icon--left');\n }\n\n if (iconposition === 'right') {\n classes.push('mc-link__icon--right');\n }\n return classes.join(' ');\n }\n\n function setClasses(theme: LinkTheme, size: LinkSize): string {\n const classes = ['mc-link'];\n\n if (theme) {\n classes.push(`mc-link--${theme}`);\n }\n if (size) {\n classes.push(`mc-link--${size}`);\n }\n return classes.join(' ');\n }\n</script>\n\n<a\n use:forwardEvents\n on:click\n {href}\n {target}\n class=\"{setClasses(theme, size)} {disabled ? 'is-disabled' : ''} {userClass}\"\n {...attributes}\n>\n {#if (iconname || $$slots.icon) && iconposition === 'left'}\n <span class={generateIconClass(iconposition)}>\n {#if iconname}\n {@html `<${generateIconName(iconname)} />`}\n {:else if $$slots.icon}\n <slot name=\"icon\" />\n {/if}\n </span>\n {/if}\n\n {label}\n\n {#if (iconname || $$slots.icon) && iconposition === 'right'}\n <span class={generateIconClass(iconposition)}>\n {#if iconname}\n {@html `<${generateIconName(iconname)} />`}\n {:else if $$slots.icon}\n <slot name=\"icon\" />\n {/if}\n </span>\n {/if}\n</a>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.links';\n</style>\n"],"names":["ctx","icon","attr","span","span_class_value","null_to_empty","generateIconClass","insert","target","anchor","current","dirty","raw_value","generateIconName","html_tag","p","if_block0","create_if_block_3","if_block1","create_if_block","setClasses","a","a_data","class","a_class_value","iconName","iconposition","classes","push","join","theme","size","label","$$props","href","disabled","iconname","forwardEvents","createEventForwarder","get_current_component","$$invalidate","userClass","attributes","Object","assign","$$restProps"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Link.nested.js","sources":["../../../src/components/link/Link.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { get_current_component } from 'svelte/internal';\n import type { LinkIconPosition, LinkSize, LinkTheme } from './link.types';\n import { createEventForwarder } from '../../utilities/EventForward';\n export let label: string;\n export let href: string;\n export let target: string;\n export let theme: LinkTheme = undefined;\n export let disabled = false;\n export let size: LinkSize = 'm';\n export let iconname: string | undefined = undefined;\n export let iconposition: LinkIconPosition | undefined = undefined;\n\n const forwardEvents = createEventForwarder(get_current_component());\n\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n function generateIconName(iconName: string): string {\n return `${iconName} size=\"1rem\"`;\n }\n\n function generateIconClass(iconposition: string): string {\n const classes = ['mc-link__icon'];\n\n if (iconposition === 'left') {\n classes.push('mc-link__icon--left');\n }\n\n if (iconposition === 'right') {\n classes.push('mc-link__icon--right');\n }\n return classes.join(' ');\n }\n\n function setClasses(theme: LinkTheme, size: LinkSize): string {\n const classes = ['mc-link'];\n\n if (theme) {\n classes.push(`mc-link--${theme}`);\n }\n if (size) {\n classes.push(`mc-link--${size}`);\n }\n return classes.join(' ');\n }\n</script>\n\n<a\n use:forwardEvents\n on:click\n {href}\n {target}\n class=\"{setClasses(theme, size)} {disabled ? 'is-disabled' : ''} {userClass}\"\n {...attributes}\n>\n {#if (iconname || $$slots.icon) && iconposition === 'left'}\n <span class={generateIconClass(iconposition)}>\n {#if iconname}\n {@html `<${generateIconName(iconname)} />`}\n {:else if $$slots.icon}\n <slot name=\"icon\" />\n {/if}\n </span>\n {/if}\n\n {label}\n\n {#if (iconname || $$slots.icon) && iconposition === 'right'}\n <span class={generateIconClass(iconposition)}>\n {#if iconname}\n {@html `<${generateIconName(iconname)} />`}\n {:else if $$slots.icon}\n <slot name=\"icon\" />\n {/if}\n </span>\n {/if}\n</a>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.links';\n</style>\n"],"names":["ctx","icon","attr","span","span_class_value","null_to_empty","generateIconClass","insert","target","anchor","current","dirty","raw_value","generateIconName","html_tag","p","if_block0","create_if_block_3","if_block1","create_if_block","setClasses","a","a_data","class","a_class_value","iconName","iconposition","classes","push","join","theme","size","label","$$props","href","disabled","iconname","forwardEvents","createEventForwarder","get_current_component","$$invalidate","userClass","attributes","Object","assign","$$restProps"],"mappings":"22IA6DWA,EAAQ,GAAA,EAEHA,MAAQC,KAAI,iEAHXC,EAAAC,EAAA,QAAAC,EAAAC,EAAAC,EAAkBN,EAAY,KAAA,yBAA3CO,EAMMC,EAAAL,EAAAM,+LANOC,GAAA,IAAAC,GAAAP,KAAAA,EAAAC,EAAAC,EAAkBN,EAAY,KAAA,mWAE5BY,EAAA,IAAAC,EAAiBb,EAAQ,gFAAzB,GAAAW,GAAAC,KAAAA,EAAA,IAAAC,EAAiBb,EAAQ,WAAAc,EAAAC,EAAAH,0GAWjCZ,EAAQ,GAAA,EAEHA,MAAQC,KAAI,iEAHXC,EAAAC,EAAA,QAAAC,EAAAC,EAAAC,EAAkBN,EAAY,KAAA,yBAA3CO,EAMMC,EAAAL,EAAAM,+LANOC,GAAA,IAAAC,GAAAP,KAAAA,EAAAC,EAAAC,EAAkBN,EAAY,KAAA,mWAE5BY,EAAA,IAAAC,EAAiBb,EAAQ,gFAAzB,GAAAW,GAAAC,KAAAA,EAAA,IAAAC,EAAiBb,EAAQ,WAAAc,EAAAC,EAAAH,sEAfpCI,GAAAhB,MAAYA,EAAO,IAACC,OAA0B,SAAjBD,MAAuBiB,EAAAjB,GAYpDkB,GAAAlB,MAAYA,EAAO,IAACC,OAA0B,UAAjBD,MAAwBmB,EAAAnB,yCAfnDoB,EAAWpB,EAAK,GAAEA,EAAI,IAAA,KAAIA,EAAQ,GAAG,cAAgB,IAAE,IAAGA,EAAS,IACvEA,EAAU,wFAYbA,EAAK,yDAlBRO,EA6BGC,EAAAa,EAAAZ,6HArBKT,MAAYA,EAAO,IAACC,OAA0B,SAAjBD,oHAUlCA,EAAK,GAAAsB,EAAA,kBAEAtB,MAAYA,EAAO,IAACC,OAA0B,UAAjBD,sLAf3BoB,EAAWpB,EAAK,GAAEA,EAAI,IAAA,KAAIA,EAAQ,GAAG,cAAgB,IAAE,IAAGA,EAAS,MAAA,CAAAuB,MAAAC,UACvExB,EAAU,wHApCL,SAAAa,EAAiBY,YACdA,gBAGH,SAAAnB,EAAkBoB,GACnB,MAAAC,GAAW,uBAEI,SAAjBD,GACFC,EAAQC,KAAK,uBAGM,UAAjBF,GACFC,EAAQC,KAAK,wBAERD,EAAQE,KAAK,cAGbT,EAAWU,EAAkBC,GAC9B,MAAAJ,GAAW,kBAEbG,GACFH,EAAQC,KAAI,YAAaE,KAEvBC,GACFJ,EAAQC,KAAI,YAAaG,KAEpBJ,EAAQE,KAAK,oLAzCXG,GAAaC,QACbC,GAAYD,UACZzB,GAAcyB,GACdH,MAAAA,GAA4BG,GAC5BE,SAAAA,GAAW,GAAKF,GAChBF,KAAAA,EAAiB,KAAGE,GACpBG,SAAAA,GAAwCH,GACxCP,aAAAA,GAAsDO,QAE3DI,EAAgBC,EAAqBC,0WAExCC,EAAA,EAAAC,EAAYR,EAAQV,WACpBmB,EAALC,OAAAC,UAAuBC,2BACXH,EAAWnB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{S as e,i as t,a as i,b as o,f as l,s,e as a,n as c,h as r,L as n,k as m,q as b,r as d,v as h,w as x,c as p,x as u,U as _,$ as f,t as g,l as w,o as v,j as k,M as y,p as $,Q as E,d as C,a0 as z,m as M,O as B}from"../../index-48da6c1f.js";import{E as j}from"../../EventHandler-f7ee47ca.js";function L(e,t,i){const o=e.slice();return o[23]=t[i],o[25]=i,o}function H(e){let t,i,l;return{c(){t=a("div"),i=a("span"),l=g(e[3]),r(i,"class","mc-listbox__label"),r(t,"class","mc-listbox__tile mc-listbox__tile--empty")},m(e,s){o(e,t,s),w(t,i),w(i,l)},p(e,t){8&t&&v(l,e[3])},d(e){e&&b(t)}}}function O(e){let t,i,l,s=e[11],c=[];for(let t=0;t<s.length;t+=1)c[t]=N(L(e,s,t));let r=[{role:"listbox"},{class:"mc-listbox__list"},{"aria-labelledby":"listbox"},e[10]],n={};for(let e=0;e<r.length;e+=1)n=p(n,r[e]);return{c(){t=a("ul");for(let e=0;e<c.length;e+=1)c[e].c();k(t,n)},m(s,a){o(s,t,a);for(let e=0;e<c.length;e+=1)c[e]&&c[e].m(t,null);i||(l=y(e[14].call(null,t)),i=!0)},p(e,i){if(14387&i){let o;for(s=e[11],o=0;o<s.length;o+=1){const l=L(e,s,o);c[o]?c[o].p(l,i):(c[o]=N(l),c[o].c(),c[o].m(t,null))}for(;o<c.length;o+=1)c[o].d(1);c.length=s.length}k(t,n=$(r,[{role:"listbox"},{class:"mc-listbox__list"},{"aria-labelledby":"listbox"},1024&i&&e[10]]))},d(e){e&&b(t),E(c,e),i=!1,l()}}}function A(e){let t,i,l,s,c,n,m=!1;return s=z(e[19][0]),{c(){t=a("input"),r(t,"id",e[13](e[25])),r(t,"class","mc-listbox__input mc-checkbox__input"),r(t,"type","checkbox"),t.__value=i=e[23][e[5]],t.value=t.__value,t.checked=l=e[0].includes(e[23][e[5]]),s.p(t)},m(i,l){o(i,t,l),t.checked=~(e[0]||[]).indexOf(t.__value),c||(n=[M(t,"change",e[20]),M(t,"change",e[17])],c=!0)},p(e,o){2080&o&&i!==(i=e[23][e[5]])&&(t.__value=i,t.value=t.__value,m=!0),2081&o&&l!==(l=e[0].includes(e[23][e[5]]))&&(t.checked=l),(m||2049&o)&&(t.checked=~(e[0]||[]).indexOf(t.__value))},d(e){e&&b(t),s.r(),c=!1,B(n)}}}function Y(e){let t,i,l,s,c,n=!1;return l=z(e[19][0]),{c(){t=a("input"),r(t,"id",e[13](e[25])),r(t,"class","mc-listbox__input"),r(t,"type","radio"),t.__value=i=e[23][e[5]],t.value=t.__value,r(t,"name",`listboxradio-${e[12]}`),l.p(t)},m(i,l){o(i,t,l),t.checked=t.__value===e[0],s||(c=[M(t,"change",e[18]),M(t,"change",e[16])],s=!0)},p(e,o){2080&o&&i!==(i=e[23][e[5]])&&(t.__value=i,t.value=t.__value,n=!0),(n||2049&o)&&(t.checked=t.__value===e[0])},d(e){e&&b(t),l.r(),s=!1,B(c)}}}function N(e){let t,i,l,s,c,n=e[23][e[4]]+"";function m(e,t){return e[1]?A:Y}let d=m(e),h=d(e);return{c(){t=a("li"),h.c(),i=C(),l=a("label"),s=g(n),c=C(),r(l,"for",e[13](e[25])),r(l,"class","mc-listbox__label"),r(t,"class","mc-listbox__tile")},m(e,a){o(e,t,a),h.m(t,null),w(t,i),w(t,l),w(l,s),w(t,c)},p(e,o){d===(d=m(e))&&h?h.p(e,o):(h.d(1),h=d(e),h&&(h.c(),h.m(t,i))),2064&o&&n!==(n=e[23][e[4]]+"")&&v(s,n)},d(e){e&&b(t),h.d()}}}function R(e){let t;function i(e,t){return e[2]?H:O}let l=i(e),s=l(e);return{c(){t=a("div"),s.c(),this.c=c,r(t,"class","mc-listbox"),n(t,"--listbox-maxwidth",e[6]),n(t,"--listbox-width",e[8]),m(t,"mc-listbox--options","options"===e[9]),m(t,"mc-listbox--multi",e[1]),m(t,"mc-listbox--overlay",e[7])},m(e,i){o(e,t,i),s.m(t,null)},p(e,[o]){l===(l=i(e))&&s?s.p(e,o):(s.d(1),s=l(e),s&&(s.c(),s.m(t,null))),64&o&&n(t,"--listbox-maxwidth",e[6]),256&o&&n(t,"--listbox-width",e[8]),512&o&&m(t,"mc-listbox--options","options"===e[9]),2&o&&m(t,"mc-listbox--multi",e[1]),128&o&&m(t,"mc-listbox--overlay",e[7])},i:c,o:c,d(e){e&&b(t),s.d()}}}function S(e,t,i){let o,l;const s=["items","value","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","maxwidth","overlay","width","type"];let a=d(t,s),{items:c}=t,{value:r}=t,{multiple:n}=t,{isfiltered:m}=t,{emptysearchlabel:b="No results found"}=t,{datatextexpr:g="label"}=t,{datavalueexpr:w="value"}=t,{maxwidth:v}=t,{overlay:k}=t,{width:y}=t,{type:$="options"}=t;const E=Math.random();let C=new j(h(),x());const z=[[]];return e.$$set=e=>{t=p(p({},t),u(e)),i(22,a=d(t,s)),"items"in e&&i(15,c=e.items),"value"in e&&i(0,r=e.value),"multiple"in e&&i(1,n=e.multiple),"isfiltered"in e&&i(2,m=e.isfiltered),"emptysearchlabel"in e&&i(3,b=e.emptysearchlabel),"datatextexpr"in e&&i(4,g=e.datatextexpr),"datavalueexpr"in e&&i(5,w=e.datavalueexpr),"maxwidth"in e&&i(6,v=e.maxwidth),"overlay"in e&&i(7,k=e.overlay),"width"in e&&i(8,y=e.width),"type"in e&&i(9,$=e.type)},e.$$.update=()=>{32768&e.$$.dirty&&i(11,o=c?JSON.parse(c):[]),i(10,l=Object.assign({},a)),1024&e.$$.dirty&&delete l.class},[r,n,m,b,g,w,v,k,y,$,l,o,E,function(e){return`listboxItem-${e+E}`},function(e){e.addEventListener("scroll",(()=>{e.offsetHeight+e.scrollTop>=e.scrollHeight&&C.dispatch("scrollend",{})}))},c,function(t){_.call(this,e,t)},function(t){_.call(this,e,t)},function(){r=this.__value,i(0,r)},z,function(){r=f(z[0],this.__value,this.checked),i(0,r)}]}class q extends e{constructor(e){super();const a=document.createElement("style");a.textContent=".mc-checkbox{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:0.5rem;color:#000000}.mc-checkbox__input{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #666666;background-color:#ffffff;position:relative;-webkit-transition:all 200ms ease;transition:all 200ms ease;cursor:pointer}.mc-checkbox__input[type=number]::-webkit-inner-spin-button,.mc-checkbox__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#ffffff;border:2px solid #666666;border-radius:4px;color:#ffffff}.mc-checkbox__input.is-hover,.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input.is-hover::-ms-check,.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input.is-focus,.mc-checkbox__input:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input.is-focus::-ms-check,.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#46a610;border-color:#46a610;background-size:1rem 1rem}.mc-checkbox__input:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\");background-position:center center}.mc-checkbox__input:checked::-ms-check{background-color:#46a610;border-color:#46a610}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#035010}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#035010}.mc-checkbox__input:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input:disabled:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid.is-hover,.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid.is-hover::-ms-check,.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-listbox{background-color:#ffffff;border:1px solid #666666;border-radius:3px;overflow-y:auto;max-width:var(--listbox-maxwidth, none);width:var(--listbox-width, auto)}.mc-listbox::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-listbox::-webkit-scrollbar-thumb{background:#666666}.mc-listbox__list{list-style:none;margin-left:0;padding-left:0;margin-top:0;margin-right:0;margin-bottom:0}.mc-listbox__tile{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-left:0.75rem;padding-right:0.75rem;position:relative}.mc-listbox__tile:not(.mc-listbox__tile--empty):not(.is-disabled):hover,.mc-listbox__tile:has(.mc-listbox__input:focus),.mc-listbox__tile:has(.mc-listbox__label:focus){background-color:#e6e6e6;-webkit-box-shadow:inset 9px 0 0 -7px #191919;box-shadow:inset 9px 0 0 -7px #191919}.mc-listbox__tile--danger,.mc-listbox__tile.is-danger{color:#c61112}.mc-listbox__tile--empty{color:#666666;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-listbox__tile--empty .mc-listbox__label{cursor:default}.mc-listbox__tile.is-disabled{-webkit-box-shadow:none;box-shadow:none;background-color:#cccccc;color:#666666;pointer-events:none}.mc-listbox__flag{font-size:1.4375rem;line-height:1.3913043478;text-align:center}.mc-listbox__icon{fill:#666666}.mc-listbox__label{font-size:1rem;line-height:1.375;color:currentColor;cursor:pointer;white-space:nowrap;outline:transparent}.mc-listbox__label::after{content:\"\";position:absolute;inset:0;z-index:2}.mc-listbox__input{margin-left:auto;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.mc-listbox--left{right:0}.mc-listbox:not(.mc-listbox--multi) .mc-listbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-listbox--options{max-height:13.8125rem;min-width:var(--listbox-minwidth, 6rem)}.mc-listbox--options .mc-listbox__flag,.mc-listbox--options .mc-listbox__icon,.mc-listbox--options .mc-listbox__logo{height:2rem;width:2rem}.mc-listbox--options .mc-listbox__tile{height:3rem}.mc-listbox--options .mc-listbox__tile:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-listbox--options .mc-listbox__tile.is-selected .mc-listbox__label::before{visibility:visible}.mc-listbox--options .mc-listbox__tile.is-selected.is-disabled .mc-listbox__label::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666666' height='1.5rem' width='1.5rem'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\")}.mc-listbox--options .mc-listbox__input:checked+.mc-listbox__label::before{visibility:visible}.mc-listbox--options .mc-listbox__input:checked:disabled+.mc-listbox__label::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666666' height='1.5rem' width='1.5rem'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\")}.mc-listbox--options .mc-listbox__label::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23191919' height='1.5rem' width='1.5rem'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\");background-position:center;background-repeat:no-repeat;background-size:1.5rem;content:\"\";height:1.5rem;position:absolute;right:0.75rem;top:0;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);width:1.5rem;visibility:hidden}.mc-listbox--actions{min-width:17.375rem}.mc-listbox--actions.align-top{-webkit-transform:translate(0, calc(-100% - 1.5rem));-ms-transform:translate(0, calc(-100% - 1.5rem));transform:translate(0, calc(-100% - 1.5rem))}.mc-listbox--actions.align-right{-webkit-transform:translate(calc(-100% + 1.5rem), 0);-ms-transform:translate(calc(-100% + 1.5rem), 0);transform:translate(calc(-100% + 1.5rem), 0)}.mc-listbox--actions.align-right.align-top{-webkit-transform:translate(calc(-100% + 1.5rem), calc(-100% - 1.5rem));-ms-transform:translate(calc(-100% + 1.5rem), calc(-100% - 1.5rem));transform:translate(calc(-100% + 1.5rem), calc(-100% - 1.5rem))}.mc-listbox--actions .mc-listbox__tile{height:2.5rem}.mc-listbox--overlay{position:absolute;z-index:10}",this.shadowRoot.appendChild(a),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},S,R,s,{items:15,value:0,multiple:1,isfiltered:2,emptysearchlabel:3,datatextexpr:4,datavalueexpr:5,maxwidth:6,overlay:7,width:8,type:9},null),e&&(e.target&&o(e.target,this,e.anchor),e.props&&(this.$set(e.props),l()))}static get observedAttributes(){return["items","value","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","maxwidth","overlay","width","type"]}get items(){return this.$$.ctx[15]}set items(e){this.$$set({items:e}),l()}get value(){return this.$$.ctx[0]}set value(e){this.$$set({value:e}),l()}get multiple(){return this.$$.ctx[1]}set multiple(e){this.$$set({multiple:e}),l()}get isfiltered(){return this.$$.ctx[2]}set isfiltered(e){this.$$set({isfiltered:e}),l()}get emptysearchlabel(){return this.$$.ctx[3]}set emptysearchlabel(e){this.$$set({emptysearchlabel:e}),l()}get datatextexpr(){return this.$$.ctx[4]}set datatextexpr(e){this.$$set({datatextexpr:e}),l()}get datavalueexpr(){return this.$$.ctx[5]}set datavalueexpr(e){this.$$set({datavalueexpr:e}),l()}get maxwidth(){return this.$$.ctx[6]}set maxwidth(e){this.$$set({maxwidth:e}),l()}get overlay(){return this.$$.ctx[7]}set overlay(e){this.$$set({overlay:e}),l()}get width(){return this.$$.ctx[8]}set width(e){this.$$set({width:e}),l()}get type(){return this.$$.ctx[9]}set type(e){this.$$set({type:e}),l()}}export{q as default};
|
|
1
|
+
import{S as e,i as t,a as i,b as o,f as l,s,e as a,n as c,h as r,M as n,t as m,m as b,o as d,q as h,r as x,c as p,u,V as _,a0 as g,v as f,k as v,y as w,j as k,N as y,l as $,R as E,d as C,a1 as z,x as M,P as B}from"../../index-c222d0b7.js";import{E as j}from"../../EventHandler-f7ee47ca.js";function H(e,t,i){const o=e.slice();return o[23]=t[i],o[25]=i,o}function L(e){let t,i,l;return{c(){t=a("div"),i=a("span"),l=f(e[3]),r(i,"class","mc-listbox__label"),r(t,"class","mc-listbox__tile mc-listbox__tile--empty")},m(e,s){o(e,t,s),v(t,i),v(i,l)},p(e,t){8&t&&w(l,e[3])},d(e){e&&b(t)}}}function A(e){let t,i,l,s=e[11],c=[];for(let t=0;t<s.length;t+=1)c[t]=R(H(e,s,t));let r=[{role:"listbox"},{class:"mc-listbox__list"},{"aria-labelledby":"listbox"},e[10]],n={};for(let e=0;e<r.length;e+=1)n=p(n,r[e]);return{c(){t=a("ul");for(let e=0;e<c.length;e+=1)c[e].c();k(t,n)},m(s,a){o(s,t,a);for(let e=0;e<c.length;e+=1)c[e]&&c[e].m(t,null);i||(l=y(e[14].call(null,t)),i=!0)},p(e,i){if(14387&i){let o;for(s=e[11],o=0;o<s.length;o+=1){const l=H(e,s,o);c[o]?c[o].p(l,i):(c[o]=R(l),c[o].c(),c[o].m(t,null))}for(;o<c.length;o+=1)c[o].d(1);c.length=s.length}k(t,n=$(r,[{role:"listbox"},{class:"mc-listbox__list"},{"aria-labelledby":"listbox"},1024&i&&e[10]]))},d(e){e&&b(t),E(c,e),i=!1,l()}}}function O(e){let t,i,l,s,c,n,m=!1;return s=z(e[19][0]),{c(){t=a("input"),r(t,"id",e[13](e[25])),r(t,"class","mc-listbox__input mc-checkbox__input"),r(t,"type","checkbox"),t.__value=i=e[23][e[5]],t.value=t.__value,t.checked=l=e[0].includes(e[23][e[5]]),s.p(t)},m(i,l){o(i,t,l),t.checked=~(e[0]||[]).indexOf(t.__value),c||(n=[M(t,"change",e[20]),M(t,"change",e[17])],c=!0)},p(e,o){2080&o&&i!==(i=e[23][e[5]])&&(t.__value=i,t.value=t.__value,m=!0),2081&o&&l!==(l=e[0].includes(e[23][e[5]]))&&(t.checked=l),(m||2049&o)&&(t.checked=~(e[0]||[]).indexOf(t.__value))},d(e){e&&b(t),s.r(),c=!1,B(n)}}}function N(e){let t,i,l,s,c,n=!1;return l=z(e[19][0]),{c(){t=a("input"),r(t,"id",e[13](e[25])),r(t,"class","mc-listbox__input"),r(t,"type","radio"),t.__value=i=e[23][e[5]],t.value=t.__value,r(t,"name",`listboxradio-${e[12]}`),l.p(t)},m(i,l){o(i,t,l),t.checked=t.__value===e[0],s||(c=[M(t,"change",e[18]),M(t,"change",e[16])],s=!0)},p(e,o){2080&o&&i!==(i=e[23][e[5]])&&(t.__value=i,t.value=t.__value,n=!0),(n||2049&o)&&(t.checked=t.__value===e[0])},d(e){e&&b(t),l.r(),s=!1,B(c)}}}function R(e){let t,i,l,s,c,n=e[23][e[4]]+"";function m(e,t){return e[1]?O:N}let d=m(e),h=d(e);return{c(){t=a("li"),h.c(),i=C(),l=a("label"),s=f(n),c=C(),r(l,"for",e[13](e[25])),r(l,"class","mc-listbox__label"),r(t,"class","mc-listbox__tile")},m(e,a){o(e,t,a),h.m(t,null),v(t,i),v(t,l),v(l,s),v(t,c)},p(e,o){d===(d=m(e))&&h?h.p(e,o):(h.d(1),h=d(e),h&&(h.c(),h.m(t,i))),2064&o&&n!==(n=e[23][e[4]]+"")&&w(s,n)},d(e){e&&b(t),h.d()}}}function Y(e){let t;function i(e,t){return e[2]?L:A}let l=i(e),s=l(e);return{c(){t=a("div"),s.c(),this.c=c,r(t,"class","mc-listbox"),n(t,"--listbox-maxwidth",e[6]),n(t,"--listbox-width",e[8]),m(t,"mc-listbox--options","options"===e[9]),m(t,"mc-listbox--multi",e[1]),m(t,"mc-listbox--overlay",e[7])},m(e,i){o(e,t,i),s.m(t,null)},p(e,[o]){l===(l=i(e))&&s?s.p(e,o):(s.d(1),s=l(e),s&&(s.c(),s.m(t,null))),64&o&&n(t,"--listbox-maxwidth",e[6]),256&o&&n(t,"--listbox-width",e[8]),512&o&&m(t,"mc-listbox--options","options"===e[9]),2&o&&m(t,"mc-listbox--multi",e[1]),128&o&&m(t,"mc-listbox--overlay",e[7])},i:c,o:c,d(e){e&&b(t),s.d()}}}function S(e,t,i){let o,l;const s=["items","value","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","maxwidth","overlay","width","type"];let a=d(t,s),{items:c}=t,{value:r}=t,{multiple:n}=t,{isfiltered:m}=t,{emptysearchlabel:b="No results found"}=t,{datatextexpr:f="label"}=t,{datavalueexpr:v="value"}=t,{maxwidth:w}=t,{overlay:k}=t,{width:y}=t,{type:$="options"}=t;const E=Math.random();let C=new j(h(),x());const z=[[]];return e.$$set=e=>{t=p(p({},t),u(e)),i(22,a=d(t,s)),"items"in e&&i(15,c=e.items),"value"in e&&i(0,r=e.value),"multiple"in e&&i(1,n=e.multiple),"isfiltered"in e&&i(2,m=e.isfiltered),"emptysearchlabel"in e&&i(3,b=e.emptysearchlabel),"datatextexpr"in e&&i(4,f=e.datatextexpr),"datavalueexpr"in e&&i(5,v=e.datavalueexpr),"maxwidth"in e&&i(6,w=e.maxwidth),"overlay"in e&&i(7,k=e.overlay),"width"in e&&i(8,y=e.width),"type"in e&&i(9,$=e.type)},e.$$.update=()=>{32768&e.$$.dirty&&i(11,o=c?JSON.parse(c):[]),i(10,l=Object.assign({},a)),1024&e.$$.dirty&&delete l.class},[r,n,m,b,f,v,w,k,y,$,l,o,E,function(e){return`listboxItem-${e+E}`},function(e){e.addEventListener("scroll",(()=>{e.offsetHeight+e.scrollTop>=e.scrollHeight&&C.dispatch("scrollend",{})}))},c,function(t){_.call(this,e,t)},function(t){_.call(this,e,t)},function(){r=this.__value,i(0,r)},z,function(){r=g(z[0],this.__value,this.checked),i(0,r)}]}class q extends e{constructor(e){super();const a=document.createElement("style");a.textContent=".mc-checkbox{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:0.5rem;color:#000000}.mc-checkbox__input{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #666666;background-color:#ffffff;position:relative;-webkit-transition:all 200ms ease;transition:all 200ms ease;cursor:pointer}.mc-checkbox__input[type=number]::-webkit-inner-spin-button,.mc-checkbox__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#ffffff;border:2px solid #666666;border-radius:4px;color:#ffffff}.mc-checkbox__input.is-hover,.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input.is-hover::-ms-check,.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input.is-focus,.mc-checkbox__input:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input.is-focus::-ms-check,.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#46a610;border-color:#46a610;background-size:1rem 1rem}.mc-checkbox__input:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\");background-position:center center}.mc-checkbox__input:checked::-ms-check{background-color:#46a610;border-color:#46a610}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#035010}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#035010}.mc-checkbox__input:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input:disabled:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid.is-hover,.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid.is-hover::-ms-check,.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-listbox{background-color:#ffffff;border:1px solid #666666;border-radius:3px;overflow-y:auto;max-width:var(--listbox-maxwidth, none);width:var(--listbox-width, auto)}.mc-listbox::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-listbox::-webkit-scrollbar-thumb{background:#666666}.mc-listbox__list{list-style:none;margin-left:0;padding-left:0;margin-top:0;margin-right:0;margin-bottom:0}.mc-listbox__tile{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-left:0.75rem;padding-right:0.75rem;position:relative}.mc-listbox__tile:not(.mc-listbox__tile--empty):not(.is-disabled):hover,.mc-listbox__tile:has(.mc-listbox__input:focus),.mc-listbox__tile:has(.mc-listbox__label:focus){background-color:#e6e6e6;-webkit-box-shadow:inset 9px 0 0 -7px #191919;box-shadow:inset 9px 0 0 -7px #191919}.mc-listbox__tile--danger,.mc-listbox__tile.is-danger{color:#c61112}.mc-listbox__tile--empty{color:#666666;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-listbox__tile--empty .mc-listbox__label{cursor:default}.mc-listbox__tile.is-disabled{-webkit-box-shadow:none;box-shadow:none;background-color:#cccccc;color:#666666;pointer-events:none}.mc-listbox__flag{font-size:1.4375rem;line-height:1.3913043478;text-align:center}.mc-listbox__icon{fill:#666666}.mc-listbox__label{font-size:1rem;line-height:1.375;color:currentColor;cursor:pointer;white-space:nowrap;outline:transparent}.mc-listbox__label::after{content:\"\";position:absolute;inset:0;z-index:var(--listbox-label-z-index, 2)}.mc-listbox__input{margin-left:auto;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.mc-listbox--left{right:0}.mc-listbox:not(.mc-listbox--multi) .mc-listbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-listbox--options{max-height:13.8125rem;min-width:var(--listbox-minwidth, 6rem)}.mc-listbox--options .mc-listbox__flag,.mc-listbox--options .mc-listbox__icon,.mc-listbox--options .mc-listbox__logo{height:2rem;width:2rem}.mc-listbox--options .mc-listbox__tile{height:3rem}.mc-listbox--options .mc-listbox__tile:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-listbox--options .mc-listbox__tile.is-selected .mc-listbox__label::before{visibility:visible}.mc-listbox--options .mc-listbox__tile.is-selected.is-disabled .mc-listbox__label::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666666' height='1.5rem' width='1.5rem'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\")}.mc-listbox--options .mc-listbox__input:checked+.mc-listbox__label::before{visibility:visible}.mc-listbox--options .mc-listbox__input:checked:disabled+.mc-listbox__label::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666666' height='1.5rem' width='1.5rem'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\")}.mc-listbox--options .mc-listbox__label::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23191919' height='1.5rem' width='1.5rem'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\");background-position:center;background-repeat:no-repeat;background-size:1.5rem;content:\"\";height:1.5rem;position:absolute;right:0.75rem;top:0;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);width:1.5rem;visibility:hidden}.mc-listbox--actions{min-width:17.375rem}.mc-listbox--actions.align-top{-webkit-transform:translate(0, calc(-100% - 1.5rem));-ms-transform:translate(0, calc(-100% - 1.5rem));transform:translate(0, calc(-100% - 1.5rem))}.mc-listbox--actions.align-right{-webkit-transform:translate(calc(-100% + 1.5rem), 0);-ms-transform:translate(calc(-100% + 1.5rem), 0);transform:translate(calc(-100% + 1.5rem), 0)}.mc-listbox--actions.align-right.align-top{-webkit-transform:translate(calc(-100% + 1.5rem), calc(-100% - 1.5rem));-ms-transform:translate(calc(-100% + 1.5rem), calc(-100% - 1.5rem));transform:translate(calc(-100% + 1.5rem), calc(-100% - 1.5rem))}.mc-listbox--actions .mc-listbox__tile{height:2.5rem}.mc-listbox--overlay{position:absolute;z-index:var(--listbox-overlay-z-index, 10)}",this.shadowRoot.appendChild(a),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},S,Y,s,{items:15,value:0,multiple:1,isfiltered:2,emptysearchlabel:3,datatextexpr:4,datavalueexpr:5,maxwidth:6,overlay:7,width:8,type:9},null),e&&(e.target&&o(e.target,this,e.anchor),e.props&&(this.$set(e.props),l()))}static get observedAttributes(){return["items","value","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","maxwidth","overlay","width","type"]}get items(){return this.$$.ctx[15]}set items(e){this.$$set({items:e}),l()}get value(){return this.$$.ctx[0]}set value(e){this.$$set({value:e}),l()}get multiple(){return this.$$.ctx[1]}set multiple(e){this.$$set({multiple:e}),l()}get isfiltered(){return this.$$.ctx[2]}set isfiltered(e){this.$$set({isfiltered:e}),l()}get emptysearchlabel(){return this.$$.ctx[3]}set emptysearchlabel(e){this.$$set({emptysearchlabel:e}),l()}get datatextexpr(){return this.$$.ctx[4]}set datatextexpr(e){this.$$set({datatextexpr:e}),l()}get datavalueexpr(){return this.$$.ctx[5]}set datavalueexpr(e){this.$$set({datavalueexpr:e}),l()}get maxwidth(){return this.$$.ctx[6]}set maxwidth(e){this.$$set({maxwidth:e}),l()}get overlay(){return this.$$.ctx[7]}set overlay(e){this.$$set({overlay:e}),l()}get width(){return this.$$.ctx[8]}set width(e){this.$$set({width:e}),l()}get type(){return this.$$.ctx[9]}set type(e){this.$$set({type:e}),l()}}export{q as default};
|
|
2
2
|
//# sourceMappingURL=Listbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Listbox.js","sources":["../../../src/components/listbox/Listbox.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { ListboxItems } from './listbox.types';\n import { EventHandler } from '../../utilities/EventHandler';\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n\n export let items: string;\n export let value: any;\n export let multiple: boolean;\n export let isfiltered: boolean;\n export let emptysearchlabel = 'No results found';\n export let datatextexpr = 'label';\n export let datavalueexpr = 'value';\n export let maxwidth: string;\n export let overlay: boolean;\n export let width: string;\n export let type = 'options';\n\n const uuid = Math.random();\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n\n $: parsedItems = items ? (JSON.parse(items) as ListboxItems[]) : [];\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n function setItemId(index: number) {\n return `listboxItem-${index + uuid}`;\n }\n\n function scrollEnd(node: HTMLElement) {\n node.addEventListener('scroll', () => {\n if (node.offsetHeight + node.scrollTop >= node.scrollHeight) {\n eventHandler.dispatch('scrollend', {});\n }\n });\n }\n</script>\n\n<div\n class=\"mc-listbox\"\n class:mc-listbox--options={type === 'options'}\n class:mc-listbox--multi={multiple}\n class:mc-listbox--overlay={overlay}\n style=\"--listbox-maxwidth: {maxwidth}; --listbox-width: {width};\"\n>\n {#if !isfiltered}\n <ul\n role=\"listbox\"\n class=\"mc-listbox__list\"\n aria-labelledby=\"listbox\"\n use:scrollEnd\n {...attributes}\n >\n {#each parsedItems as item, index}\n <li class=\"mc-listbox__tile\">\n {#if !multiple}\n <input\n id={setItemId(index)}\n class=\"mc-listbox__input\"\n type=\"radio\"\n value={item[datavalueexpr]}\n name={`listboxradio-${uuid}`}\n bind:group={value}\n on:change\n />\n {:else}\n <input\n id={setItemId(index)}\n class=\"mc-listbox__input mc-checkbox__input\"\n type=\"checkbox\"\n value={item[datavalueexpr]}\n checked={value.includes(item[datavalueexpr])}\n bind:group={value}\n on:change\n />\n {/if}\n\n <label for={setItemId(index)} class=\"mc-listbox__label\">\n {item[datatextexpr]}\n </label>\n </li>\n {/each}\n </ul>\n {:else}\n <div class=\"mc-listbox__tile mc-listbox__tile--empty\">\n <span class=\"mc-listbox__label\">{emptysearchlabel}</span>\n </div>\n {/if}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n @import '@mozaic-ds/styles/components/c.checkbox';\n @import '@mozaic-ds/styles/components/c.listbox';\n</style>\n"],"names":["ctx","insert","target","div","anchor","append","span","length","i","ul","attr","input","__value","input_value_value","checked","input_checked_value","includes","indexOf","dirty","t1_value","create_if_block_1","label","li","set_data","t1","create_if_block","toggle_class","items","$$props","value","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","maxwidth","overlay","width","type","uuid","Math","random","eventHandler","EventHandler","get_current_component","createEventDispatcher","$$invalidate","parsedItems","JSON","parse","attributes","Object","assign","$$restProps","class","index","node","addEventListener","offsetHeight","scrollTop","scrollHeight","dispatch","this","get_binding_group_value","$$binding_groups"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Listbox.js","sources":["../../../src/components/listbox/Listbox.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { ListboxItems } from './listbox.types';\n import { EventHandler } from '../../utilities/EventHandler';\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n\n export let items: string;\n export let value: any;\n export let multiple: boolean;\n export let isfiltered: boolean;\n export let emptysearchlabel = 'No results found';\n export let datatextexpr = 'label';\n export let datavalueexpr = 'value';\n export let maxwidth: string;\n export let overlay: boolean;\n export let width: string;\n export let type = 'options';\n\n const uuid = Math.random();\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n\n $: parsedItems = items ? (JSON.parse(items) as ListboxItems[]) : [];\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n function setItemId(index: number) {\n return `listboxItem-${index + uuid}`;\n }\n\n function scrollEnd(node: HTMLElement) {\n node.addEventListener('scroll', () => {\n if (node.offsetHeight + node.scrollTop >= node.scrollHeight) {\n eventHandler.dispatch('scrollend', {});\n }\n });\n }\n</script>\n\n<div\n class=\"mc-listbox\"\n class:mc-listbox--options={type === 'options'}\n class:mc-listbox--multi={multiple}\n class:mc-listbox--overlay={overlay}\n style=\"--listbox-maxwidth: {maxwidth}; --listbox-width: {width};\"\n>\n {#if !isfiltered}\n <ul\n role=\"listbox\"\n class=\"mc-listbox__list\"\n aria-labelledby=\"listbox\"\n use:scrollEnd\n {...attributes}\n >\n {#each parsedItems as item, index}\n <li class=\"mc-listbox__tile\">\n {#if !multiple}\n <input\n id={setItemId(index)}\n class=\"mc-listbox__input\"\n type=\"radio\"\n value={item[datavalueexpr]}\n name={`listboxradio-${uuid}`}\n bind:group={value}\n on:change\n />\n {:else}\n <input\n id={setItemId(index)}\n class=\"mc-listbox__input mc-checkbox__input\"\n type=\"checkbox\"\n value={item[datavalueexpr]}\n checked={value.includes(item[datavalueexpr])}\n bind:group={value}\n on:change\n />\n {/if}\n\n <label for={setItemId(index)} class=\"mc-listbox__label\">\n {item[datatextexpr]}\n </label>\n </li>\n {/each}\n </ul>\n {:else}\n <div class=\"mc-listbox__tile mc-listbox__tile--empty\">\n <span class=\"mc-listbox__label\">{emptysearchlabel}</span>\n </div>\n {/if}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n @import '@mozaic-ds/styles/components/c.checkbox';\n @import '@mozaic-ds/styles/components/c.listbox';\n</style>\n"],"names":["ctx","insert","target","div","anchor","append","span","length","i","ul","attr","input","__value","input_value_value","checked","input_checked_value","includes","indexOf","dirty","t1_value","create_if_block_1","label","li","set_data","t1","create_if_block","toggle_class","items","$$props","value","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","maxwidth","overlay","width","type","uuid","Math","random","eventHandler","EventHandler","get_current_component","createEventDispatcher","$$invalidate","parsedItems","JSON","parse","attributes","Object","assign","$$restProps","class","index","node","addEventListener","offsetHeight","scrollTop","scrollHeight","dispatch","this","get_binding_group_value","$$binding_groups"],"mappings":"gaA4FuCA,EAAgB,qGADnDC,EAEKC,EAAAC,EAAAC,GADHC,EAAwDF,EAAAG,2BAAvBN,EAAgB,8CAhC1CA,EAAW,yBAAhBO,OAAIC,GAAA,oGAFFR,EAAU,2HALhBC,EAoCIC,EAAAO,EAAAL,sHA7BKJ,EAAW,YAAhBO,OAAIC,GAAA,EAAA,iHAAJD,oGAFEP,EAAU,iHAgBFU,EAAAC,EAAA,KAAAX,MAAUA,EAAK,iFAGZW,EAAAC,QAAAC,EAAAb,MAAKA,EAAa,sBAChBW,EAAAG,QAAAC,EAAAf,EAAM,GAAAgB,SAAShB,MAAKA,EAAa,oBAL5CC,EAQCC,EAAAS,EAAAP,eAFaJ,EAAK,IAAA,IAAAiB,QAAAN,EAAAC,uEAFV,KAAAM,GAAAL,KAAAA,EAAAb,MAAKA,EAAa,2CAChB,KAAAkB,GAAAH,KAAAA,EAAAf,EAAM,GAAAgB,SAAShB,MAAKA,EAAa,+CAC9BA,EAAK,IAAA,IAAAiB,QAAAN,EAAAC,kHAfbF,EAAAC,EAAA,KAAAX,MAAUA,EAAK,2DAGZW,EAAAC,QAAAC,EAAAb,MAAKA,EAAa,iDACHA,EAAI,sBAL5BC,EAQCC,EAAAS,EAAAP,yBAFaJ,EAAK,iEAFV,KAAAkB,GAAAL,KAAAA,EAAAb,MAAKA,EAAa,+EAEbA,EAAK,gEAgBlBmB,EAAAnB,MAAKA,EAAY,IAAA,0BAvBdA,EAAQ,KAAAoB,+EAsBFV,EAAAW,EAAA,MAAArB,MAAUA,EAAK,+EAvB7BC,EA0BIC,EAAAoB,EAAAlB,sBAHFC,EAEOiB,EAAAD,sFADJ,KAAAH,GAAAC,KAAAA,EAAAnB,MAAKA,EAAY,IAAA,KAAAuB,EAAAC,EAAAL,oEAjCtBnB,EAAU,KAAAyB,4GAFYzB,EAAQ,0BAAqBA,EAAK,IAHnC0B,EAAAvB,EAAA,sBAAS,YAATH,8BACFA,EAAQ,8BACNA,EAAO,YAJpCC,EAkDKC,EAAAC,EAAAC,wHA7CyBJ,EAAQ,iCAAqBA,EAAK,WAHnC0B,EAAAvB,EAAA,sBAAS,YAATH,mCACFA,EAAQ,qCACNA,EAAO,wNAvCvB2B,GAAaC,SACbC,GAAUD,YACVE,GAAiBF,cACjBG,GAAmBH,GACnBI,iBAAAA,EAAmB,oBAAkBJ,GACrCK,aAAAA,EAAe,SAAOL,GACtBM,cAAAA,EAAgB,SAAON,YACvBO,GAAgBP,WAChBQ,GAAgBR,SAChBS,GAAaT,GACbU,KAAAA,EAAO,WAASV,QAErBW,EAAOC,KAAKC,SACd,IAAAC,EAAmB,IAAAC,EACrBC,IACAC,2eAGDC,EAAA,GAAEC,EAAcpB,EAASqB,KAAKC,MAAMtB,GAAK,SACvCuB,EAALC,OAAAC,UAAuBC,4BACXH,EAAWI,kCAEZ,SAAUC,GACK,MAAA,eAAAA,EAAQhB,KAGvB,SAAUiB,GACjBA,EAAKC,iBAAiB,UAAQ,KACxBD,EAAKE,aAAeF,EAAKG,WAAaH,EAAKI,cAC7ClB,EAAamB,SAAS,YAAW,CAAA,gFA8BfhC,EAAKiC,KAAAlD,6BAULiB,EAAKkC,EAAAC,EAAA,GAAAF,KAAAlD,QAAAkD,KAAAhD"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{G as e,i as t,s as l,H as s,e as i,h as r,L as u,k as o,b as a,n as c,q as n,v as f,w as d,U as b,$ as m,t as v,l as x,o as h,d as p,M as z,Q as _,m as g,O as w,a0 as k}from"../../index-48da6c1f.js";import{E as y}from"../../EventHandler-f7ee47ca.js";function E(e){s(e,"svelte-1ur1ufz",".mc-checkbox__input.svelte-1ur1ufz.svelte-1ur1ufz.svelte-1ur1ufz{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #666666;background-color:#ffffff;position:relative;-webkit-transition:all 200ms ease;transition:all 200ms ease;cursor:pointer}.mc-checkbox__input.svelte-1ur1ufz.svelte-1ur1ufz.svelte-1ur1ufz::-ms-check{background-color:#ffffff;border:2px solid #666666;border-radius:4px;color:#ffffff}.mc-checkbox__input.svelte-1ur1ufz.svelte-1ur1ufz.svelte-1ur1ufz:hover{border-color:#191919}.mc-checkbox__input.svelte-1ur1ufz.svelte-1ur1ufz.svelte-1ur1ufz:hover::-ms-check{border-color:#191919}.mc-checkbox__input.svelte-1ur1ufz.svelte-1ur1ufz.svelte-1ur1ufz:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input.svelte-1ur1ufz.svelte-1ur1ufz.svelte-1ur1ufz:focus::-ms-check{box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input.svelte-1ur1ufz.svelte-1ur1ufz.svelte-1ur1ufz:checked,.mc-checkbox__input.svelte-1ur1ufz.svelte-1ur1ufz.svelte-1ur1ufz:indeterminate{background-color:#46a610;border-color:#46a610;background-size:1rem 1rem}.mc-checkbox__input.svelte-1ur1ufz.svelte-1ur1ufz.svelte-1ur1ufz:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\");background-position:center center}.mc-checkbox__input.svelte-1ur1ufz.svelte-1ur1ufz.svelte-1ur1ufz:checked::-ms-check{background-color:#46a610;border-color:#46a610}.mc-checkbox__input.svelte-1ur1ufz.svelte-1ur1ufz.svelte-1ur1ufz:checked:hover:not(:disabled){border-color:#035010}.mc-checkbox__input.svelte-1ur1ufz.svelte-1ur1ufz.svelte-1ur1ufz:checked:hover:not(:disabled)::-ms-check{border-color:#035010}.mc-checkbox__input.svelte-1ur1ufz.svelte-1ur1ufz.svelte-1ur1ufz:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input.svelte-1ur1ufz.svelte-1ur1ufz.svelte-1ur1ufz:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input.svelte-1ur1ufz.svelte-1ur1ufz.svelte-1ur1ufz:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input.svelte-1ur1ufz.svelte-1ur1ufz.svelte-1ur1ufz:disabled:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\")}.mc-checkbox__input.svelte-1ur1ufz.svelte-1ur1ufz.svelte-1ur1ufz:disabled:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-listbox.svelte-1ur1ufz.svelte-1ur1ufz.svelte-1ur1ufz{background-color:#ffffff;border:1px solid #666666;border-radius:3px;overflow-y:auto;max-width:var(--listbox-maxwidth, none);width:var(--listbox-width, auto)}.mc-listbox.svelte-1ur1ufz.svelte-1ur1ufz.svelte-1ur1ufz::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-listbox.svelte-1ur1ufz.svelte-1ur1ufz.svelte-1ur1ufz::-webkit-scrollbar-thumb{background:#666666}.mc-listbox__list.svelte-1ur1ufz.svelte-1ur1ufz.svelte-1ur1ufz{list-style:none;margin-left:0;padding-left:0;margin-top:0;margin-right:0;margin-bottom:0}.mc-listbox__tile.svelte-1ur1ufz.svelte-1ur1ufz.svelte-1ur1ufz{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-left:0.75rem;padding-right:0.75rem;position:relative}.mc-listbox__tile.svelte-1ur1ufz.svelte-1ur1ufz.svelte-1ur1ufz:not(.mc-listbox__tile--empty):not(.is-disabled):hover,.mc-listbox__tile.svelte-1ur1ufz.svelte-1ur1ufz.svelte-1ur1ufz:has(.mc-listbox__input:focus),.mc-listbox__tile.svelte-1ur1ufz.svelte-1ur1ufz.svelte-1ur1ufz:has(.mc-listbox__label:focus){background-color:#e6e6e6;-webkit-box-shadow:inset 9px 0 0 -7px #191919;box-shadow:inset 9px 0 0 -7px #191919}.mc-listbox__tile--empty.svelte-1ur1ufz.svelte-1ur1ufz.svelte-1ur1ufz{color:#666666;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-listbox__tile--empty.svelte-1ur1ufz .mc-listbox__label.svelte-1ur1ufz.svelte-1ur1ufz{cursor:default}.mc-listbox__tile.is-disabled.svelte-1ur1ufz.svelte-1ur1ufz.svelte-1ur1ufz{-webkit-box-shadow:none;box-shadow:none;background-color:#cccccc;color:#666666;pointer-events:none}.mc-listbox__label.svelte-1ur1ufz.svelte-1ur1ufz.svelte-1ur1ufz{font-size:1rem;line-height:1.375;color:currentColor;cursor:pointer;white-space:nowrap;outline:transparent}.mc-listbox__label.svelte-1ur1ufz.svelte-1ur1ufz.svelte-1ur1ufz::after{content:\"\";position:absolute;inset:0;z-index:2}.mc-listbox__input.svelte-1ur1ufz.svelte-1ur1ufz.svelte-1ur1ufz{margin-left:auto;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.mc-listbox.svelte-1ur1ufz:not(.mc-listbox--multi) .mc-listbox__input.svelte-1ur1ufz.svelte-1ur1ufz{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-listbox--options.svelte-1ur1ufz.svelte-1ur1ufz.svelte-1ur1ufz{max-height:13.8125rem;min-width:var(--listbox-minwidth, 6rem)}.mc-listbox--options.svelte-1ur1ufz .mc-listbox__tile.svelte-1ur1ufz.svelte-1ur1ufz{height:3rem}.mc-listbox--options.svelte-1ur1ufz .mc-listbox__tile.svelte-1ur1ufz.svelte-1ur1ufz:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-listbox--options.svelte-1ur1ufz .mc-listbox__tile.is-selected .mc-listbox__label.svelte-1ur1ufz.svelte-1ur1ufz::before{visibility:visible}.mc-listbox--options.svelte-1ur1ufz .mc-listbox__tile.is-selected.is-disabled .mc-listbox__label.svelte-1ur1ufz.svelte-1ur1ufz::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666666' height='1.5rem' width='1.5rem'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\")}.mc-listbox--options.svelte-1ur1ufz .mc-listbox__input.svelte-1ur1ufz:checked+.mc-listbox__label.svelte-1ur1ufz::before{visibility:visible}.mc-listbox--options.svelte-1ur1ufz .mc-listbox__input.svelte-1ur1ufz:checked:disabled+.mc-listbox__label.svelte-1ur1ufz::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666666' height='1.5rem' width='1.5rem'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\")}.mc-listbox--options.svelte-1ur1ufz .mc-listbox__label.svelte-1ur1ufz.svelte-1ur1ufz::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23191919' height='1.5rem' width='1.5rem'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\");background-position:center;background-repeat:no-repeat;background-size:1.5rem;content:\"\";height:1.5rem;position:absolute;right:0.75rem;top:0;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);width:1.5rem;visibility:hidden}.mc-listbox--overlay.svelte-1ur1ufz.svelte-1ur1ufz.svelte-1ur1ufz{position:absolute;z-index:10}")}function C(e,t,l){const s=e.slice();return s[30]=t[l],s[32]=l,s}function $(e){let t,l,s;return{c(){t=i("div"),l=i("span"),s=v(e[4]),r(l,"class","mc-listbox__label svelte-1ur1ufz"),r(t,"class","mc-listbox__tile mc-listbox__tile--empty svelte-1ur1ufz")},m(e,i){a(e,t,i),x(t,l),x(l,s)},p(e,t){16&t[0]&&h(s,e[4])},d(e){e&&n(t)}}}function B(e){let t,l,s,u,o=e[2]&&e[9]&&M(e),c=e[14],f=[];for(let t=0;t<c.length;t+=1)f[t]=O(C(e,c,t));return{c(){t=i("ul"),o&&o.c(),l=p();for(let e=0;e<f.length;e+=1)f[e].c();r(t,"role","listbox"),r(t,"class","mc-listbox__list svelte-1ur1ufz"),r(t,"aria-labelledby","listbox")},m(i,r){a(i,t,r),o&&o.m(t,null),x(t,l);for(let e=0;e<f.length;e+=1)f[e]&&f[e].m(t,null);s||(u=z(e[18].call(null,t)),s=!0)},p(e,s){if(e[2]&&e[9]?o?o.p(e,s):(o=M(e),o.c(),o.m(t,l)):o&&(o.d(1),o=null),147687&s[0]){let l;for(c=e[14],l=0;l<c.length;l+=1){const i=C(e,c,l);f[l]?f[l].p(i,s):(f[l]=O(i),f[l].c(),f[l].m(t,null))}for(;l<f.length;l+=1)f[l].d(1);f.length=c.length}},d(e){e&&n(t),o&&o.d(),_(f,e),s=!1,u()}}}function M(e){let t,l,s,u,o,c,f;return{c(){t=i("li"),l=i("input"),s=p(),u=i("label"),o=v(e[10]),r(l,"id","select-all"),r(l,"class","mc-listbox__input mc-checkbox__input svelte-1ur1ufz"),r(l,"type","checkbox"),l.indeterminate=e[16],r(u,"for","select-all"),r(u,"class","mc-listbox__label svelte-1ur1ufz"),r(t,"class","mc-listbox__tile svelte-1ur1ufz")},m(i,r){a(i,t,r),x(t,l),l.checked=e[15],x(t,s),x(t,u),x(u,o),c||(f=[g(l,"change",e[23]),g(l,"change",e[19])],c=!0)},p(e,t){65536&t[0]&&(l.indeterminate=e[16]),32768&t[0]&&(l.checked=e[15]),1024&t[0]&&h(o,e[10])},d(e){e&&n(t),c=!1,w(f)}}}function H(e){let t,l,s,u,o,c,f,d=!1;return o=k(e[25][0]),{c(){t=i("input"),r(t,"id",e[17](e[32])),r(t,"class","mc-listbox__input mc-checkbox__input svelte-1ur1ufz"),r(t,"type","checkbox"),t.__value=l=e[30][e[6]],t.value=t.__value,t.checked=s=e[0].includes(e[30][e[6]]),t.disabled=u=Boolean(e[30][e[7]]),o.p(t)},m(l,s){a(l,t,s),t.checked=~(e[0]||[]).indexOf(t.__value),c||(f=[g(t,"change",e[26]),g(t,"change",e[22])],c=!0)},p(e,i){16448&i[0]&&l!==(l=e[30][e[6]])&&(t.__value=l,t.value=t.__value,d=!0),16449&i[0]&&s!==(s=e[0].includes(e[30][e[6]]))&&(t.checked=s),16512&i[0]&&u!==(u=Boolean(e[30][e[7]]))&&(t.disabled=u),(d||16385&i[0])&&(t.checked=~(e[0]||[]).indexOf(t.__value))},d(e){e&&n(t),o.r(),c=!1,w(f)}}}function L(e){let t,l,s,u,c,f,d=!1;return u=k(e[25][0]),{c(){t=i("input"),r(t,"id",e[17](e[32])),r(t,"class","mc-listbox__input svelte-1ur1ufz"),r(t,"type","radio"),t.__value=l=e[30][e[6]],t.value=t.__value,r(t,"name",e[1]),t.disabled=s=Boolean(e[30][e[7]]),o(t,"is-disabled",e[30][e[7]]),u.p(t)},m(l,s){a(l,t,s),t.checked=t.__value===e[0],c||(f=[g(t,"change",e[24]),g(t,"change",e[21])],c=!0)},p(e,i){16448&i[0]&&l!==(l=e[30][e[6]])&&(t.__value=l,t.value=t.__value,d=!0),2&i[0]&&r(t,"name",e[1]),16512&i[0]&&s!==(s=Boolean(e[30][e[7]]))&&(t.disabled=s),(d||16385&i[0])&&(t.checked=t.__value===e[0]),16512&i[0]&&o(t,"is-disabled",e[30][e[7]])},d(e){e&&n(t),u.r(),c=!1,w(f)}}}function O(e){let t,l,s,u,c,f=e[30][e[5]]+"";function d(e,t){return e[2]?H:L}let b=d(e),m=b(e);return{c(){t=i("li"),m.c(),l=p(),s=i("label"),u=v(f),c=p(),r(s,"for",e[17](e[32])),r(s,"class","mc-listbox__label svelte-1ur1ufz"),r(t,"class","mc-listbox__tile svelte-1ur1ufz"),o(t,"is-disabled",e[30][e[7]])},m(e,i){a(e,t,i),m.m(t,null),x(t,l),x(t,s),x(s,u),x(t,c)},p(e,s){b===(b=d(e))&&m?m.p(e,s):(m.d(1),m=b(e),m&&(m.c(),m.m(t,l))),16416&s[0]&&f!==(f=e[30][e[5]]+"")&&h(u,f),16512&s[0]&&o(t,"is-disabled",e[30][e[7]])},d(e){e&&n(t),m.d()}}}function j(e){let t;function l(e,t){return e[3]?$:B}let s=l(e),f=s(e);return{c(){t=i("div"),f.c(),r(t,"class","mc-listbox svelte-1ur1ufz"),u(t,"--listbox-maxwidth",e[8]),u(t,"--listbox-width",e[12]),u(t,"--listbox-minwidth",e[12]),o(t,"mc-listbox--options","options"===e[13]),o(t,"mc-listbox--multi",e[2]),o(t,"mc-listbox--overlay",e[11])},m(e,l){a(e,t,l),f.m(t,null)},p(e,i){s===(s=l(e))&&f?f.p(e,i):(f.d(1),f=s(e),f&&(f.c(),f.m(t,null))),256&i[0]&&u(t,"--listbox-maxwidth",e[8]),4096&i[0]&&u(t,"--listbox-width",e[12]),4096&i[0]&&u(t,"--listbox-minwidth",e[12]),8192&i[0]&&o(t,"mc-listbox--options","options"===e[13]),4&i[0]&&o(t,"mc-listbox--multi",e[2]),2048&i[0]&&o(t,"mc-listbox--overlay",e[11])},i:c,o:c,d(e){e&&n(t),f.d()}}}function A(e,t,l){let s,i,r;const u=Math.random();let{name:o=`listboxradio-${u}`}=t,{items:a}=t,{value:c}=t,{multiple:n}=t,{isfiltered:v}=t,{emptysearchlabel:x="No results found"}=t,{datatextexpr:h="label"}=t,{datavalueexpr:p="value"}=t,{datadisabledexpr:z="disabled"}=t,{maxwidth:_}=t,{selectall:g=!1}=t,{labelselectall:w="Select all"}=t,{overlay:k}=t,{width:E}=t,{type:C="options"}=t,$=new y(f(),d());const B=[[]];return e.$$set=e=>{"name"in e&&l(1,o=e.name),"items"in e&&l(20,a=e.items),"value"in e&&l(0,c=e.value),"multiple"in e&&l(2,n=e.multiple),"isfiltered"in e&&l(3,v=e.isfiltered),"emptysearchlabel"in e&&l(4,x=e.emptysearchlabel),"datatextexpr"in e&&l(5,h=e.datatextexpr),"datavalueexpr"in e&&l(6,p=e.datavalueexpr),"datadisabledexpr"in e&&l(7,z=e.datadisabledexpr),"maxwidth"in e&&l(8,_=e.maxwidth),"selectall"in e&&l(9,g=e.selectall),"labelselectall"in e&&l(10,w=e.labelselectall),"overlay"in e&&l(11,k=e.overlay),"width"in e&&l(12,E=e.width),"type"in e&&l(13,C=e.type)},e.$$.update=()=>{512&e.$$.dirty[0]&&l(15,s=null!=g&&g),1048576&e.$$.dirty[0]&&l(14,i=a?JSON.parse(a):[]),1&e.$$.dirty[0]&&l(0,c=c?(l(15,s=!1),l(16,r=!1),c&&0===c.length?(l(15,s=!1),l(16,r=!1)):c&&c.length<i.length?l(16,r=!0):c&&c.length===i.length&&l(15,s=!0),c):[])},l(16,r=!0),[c,o,n,v,x,h,p,z,_,g,w,k,E,C,i,s,r,function(e){return`listboxItem-${e+u}`},function(e){e.addEventListener("scroll",(()=>{e.offsetHeight+e.scrollTop>=e.scrollHeight&&$.dispatch("scrollend",{})}))},function(e){const t=e.target.checked;l(15,s=!!t),s?i.map((e=>{e[z]||-1!==c.indexOf(e[p])||c.push(e[p])})):l(0,c=[]),$.dispatch("select-all",c),l(0,c)},a,function(t){b.call(this,e,t)},function(t){b.call(this,e,t)},function(){s=this.checked,l(15,s),l(9,g)},function(){c=this.__value,l(0,c)},B,function(){c=m(B[0],this.__value,this.checked),l(0,c)}]}class Y extends e{constructor(e){super(),t(this,e,A,j,l,{name:1,items:20,value:0,multiple:2,isfiltered:3,emptysearchlabel:4,datatextexpr:5,datavalueexpr:6,datadisabledexpr:7,maxwidth:8,selectall:9,labelselectall:10,overlay:11,width:12,type:13},E,[-1,-1])}}export{Y as default};
|
|
1
|
+
import{H as t,i as e,s as l,I as s,e as c,h as i,M as o,t as a,b as n,n as x,m as h,q as r,r as d,V as b,a0 as m,v as w,k as v,y as u,d as p,N as _,R as f,x as g,P as k,a1 as y}from"../../index-c222d0b7.js";import{E}from"../../EventHandler-f7ee47ca.js";function C(t){s(t,"svelte-tcxwth",".mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #666666;background-color:#ffffff;position:relative;-webkit-transition:all 200ms ease;transition:all 200ms ease;cursor:pointer}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth::-ms-check{background-color:#ffffff;border:2px solid #666666;border-radius:4px;color:#ffffff}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:hover{border-color:#191919}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:hover::-ms-check{border-color:#191919}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:focus::-ms-check{box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:checked,.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:indeterminate{background-color:#46a610;border-color:#46a610;background-size:1rem 1rem}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\");background-position:center center}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:checked::-ms-check{background-color:#46a610;border-color:#46a610}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:checked:hover:not(:disabled){border-color:#035010}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:checked:hover:not(:disabled)::-ms-check{border-color:#035010}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:disabled:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\")}.mc-checkbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:disabled:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-listbox.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth{background-color:#ffffff;border:1px solid #666666;border-radius:3px;overflow-y:auto;max-width:var(--listbox-maxwidth, none);width:var(--listbox-width, auto)}.mc-listbox.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-listbox.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth::-webkit-scrollbar-thumb{background:#666666}.mc-listbox__list.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth{list-style:none;margin-left:0;padding-left:0;margin-top:0;margin-right:0;margin-bottom:0}.mc-listbox__tile.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-left:0.75rem;padding-right:0.75rem;position:relative}.mc-listbox__tile.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:not(.mc-listbox__tile--empty):not(.is-disabled):hover,.mc-listbox__tile.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:has(.mc-listbox__input:focus),.mc-listbox__tile.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth:has(.mc-listbox__label:focus){background-color:#e6e6e6;-webkit-box-shadow:inset 9px 0 0 -7px #191919;box-shadow:inset 9px 0 0 -7px #191919}.mc-listbox__tile--empty.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth{color:#666666;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-listbox__tile--empty.svelte-tcxwth .mc-listbox__label.svelte-tcxwth.svelte-tcxwth{cursor:default}.mc-listbox__tile.is-disabled.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth{-webkit-box-shadow:none;box-shadow:none;background-color:#cccccc;color:#666666;pointer-events:none}.mc-listbox__label.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth{font-size:1rem;line-height:1.375;color:currentColor;cursor:pointer;white-space:nowrap;outline:transparent}.mc-listbox__label.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth::after{content:\"\";position:absolute;inset:0;z-index:var(--listbox-label-z-index, 2)}.mc-listbox__input.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth{margin-left:auto;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.mc-listbox.svelte-tcxwth:not(.mc-listbox--multi) .mc-listbox__input.svelte-tcxwth.svelte-tcxwth{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-listbox--options.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth{max-height:13.8125rem;min-width:var(--listbox-minwidth, 6rem)}.mc-listbox--options.svelte-tcxwth .mc-listbox__tile.svelte-tcxwth.svelte-tcxwth{height:3rem}.mc-listbox--options.svelte-tcxwth .mc-listbox__tile.svelte-tcxwth.svelte-tcxwth:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-listbox--options.svelte-tcxwth .mc-listbox__tile.is-selected .mc-listbox__label.svelte-tcxwth.svelte-tcxwth::before{visibility:visible}.mc-listbox--options.svelte-tcxwth .mc-listbox__tile.is-selected.is-disabled .mc-listbox__label.svelte-tcxwth.svelte-tcxwth::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666666' height='1.5rem' width='1.5rem'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\")}.mc-listbox--options.svelte-tcxwth .mc-listbox__input.svelte-tcxwth:checked+.mc-listbox__label.svelte-tcxwth::before{visibility:visible}.mc-listbox--options.svelte-tcxwth .mc-listbox__input.svelte-tcxwth:checked:disabled+.mc-listbox__label.svelte-tcxwth::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666666' height='1.5rem' width='1.5rem'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\")}.mc-listbox--options.svelte-tcxwth .mc-listbox__label.svelte-tcxwth.svelte-tcxwth::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23191919' height='1.5rem' width='1.5rem'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\");background-position:center;background-repeat:no-repeat;background-size:1.5rem;content:\"\";height:1.5rem;position:absolute;right:0.75rem;top:0;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);width:1.5rem;visibility:hidden}.mc-listbox--overlay.svelte-tcxwth.svelte-tcxwth.svelte-tcxwth{position:absolute;z-index:var(--listbox-overlay-z-index, 10)}")}function z(t,e,l){const s=t.slice();return s[30]=e[l],s[32]=l,s}function $(t){let e,l,s;return{c(){e=c("div"),l=c("span"),s=w(t[4]),i(l,"class","mc-listbox__label svelte-tcxwth"),i(e,"class","mc-listbox__tile mc-listbox__tile--empty svelte-tcxwth")},m(t,c){n(t,e,c),v(e,l),v(l,s)},p(t,e){16&e[0]&&u(s,t[4])},d(t){t&&h(e)}}}function B(t){let e,l,s,o,a=t[2]&&t[9]&&M(t),x=t[14],r=[];for(let e=0;e<x.length;e+=1)r[e]=j(z(t,x,e));return{c(){e=c("ul"),a&&a.c(),l=p();for(let t=0;t<r.length;t+=1)r[t].c();i(e,"role","listbox"),i(e,"class","mc-listbox__list svelte-tcxwth"),i(e,"aria-labelledby","listbox")},m(c,i){n(c,e,i),a&&a.m(e,null),v(e,l);for(let t=0;t<r.length;t+=1)r[t]&&r[t].m(e,null);s||(o=_(t[18].call(null,e)),s=!0)},p(t,s){if(t[2]&&t[9]?a?a.p(t,s):(a=M(t),a.c(),a.m(e,l)):a&&(a.d(1),a=null),147687&s[0]){let l;for(x=t[14],l=0;l<x.length;l+=1){const c=z(t,x,l);r[l]?r[l].p(c,s):(r[l]=j(c),r[l].c(),r[l].m(e,null))}for(;l<r.length;l+=1)r[l].d(1);r.length=x.length}},d(t){t&&h(e),a&&a.d(),f(r,t),s=!1,o()}}}function M(t){let e,l,s,o,a,x,r;return{c(){e=c("li"),l=c("input"),s=p(),o=c("label"),a=w(t[10]),i(l,"id","select-all"),i(l,"class","mc-listbox__input mc-checkbox__input svelte-tcxwth"),i(l,"type","checkbox"),l.indeterminate=t[16],i(o,"for","select-all"),i(o,"class","mc-listbox__label svelte-tcxwth"),i(e,"class","mc-listbox__tile svelte-tcxwth")},m(c,i){n(c,e,i),v(e,l),l.checked=t[15],v(e,s),v(e,o),v(o,a),x||(r=[g(l,"change",t[23]),g(l,"change",t[19])],x=!0)},p(t,e){65536&e[0]&&(l.indeterminate=t[16]),32768&e[0]&&(l.checked=t[15]),1024&e[0]&&u(a,t[10])},d(t){t&&h(e),x=!1,k(r)}}}function H(t){let e,l,s,o,a,x,r,d=!1;return a=y(t[25][0]),{c(){e=c("input"),i(e,"id",t[17](t[32])),i(e,"class","mc-listbox__input mc-checkbox__input svelte-tcxwth"),i(e,"type","checkbox"),e.__value=l=t[30][t[6]],e.value=e.__value,e.checked=s=t[0].includes(t[30][t[6]]),e.disabled=o=Boolean(t[30][t[7]]),a.p(e)},m(l,s){n(l,e,s),e.checked=~(t[0]||[]).indexOf(e.__value),x||(r=[g(e,"change",t[26]),g(e,"change",t[22])],x=!0)},p(t,c){16448&c[0]&&l!==(l=t[30][t[6]])&&(e.__value=l,e.value=e.__value,d=!0),16449&c[0]&&s!==(s=t[0].includes(t[30][t[6]]))&&(e.checked=s),16512&c[0]&&o!==(o=Boolean(t[30][t[7]]))&&(e.disabled=o),(d||16385&c[0])&&(e.checked=~(t[0]||[]).indexOf(e.__value))},d(t){t&&h(e),a.r(),x=!1,k(r)}}}function L(t){let e,l,s,o,x,r,d=!1;return o=y(t[25][0]),{c(){e=c("input"),i(e,"id",t[17](t[32])),i(e,"class","mc-listbox__input svelte-tcxwth"),i(e,"type","radio"),e.__value=l=t[30][t[6]],e.value=e.__value,i(e,"name",t[1]),e.disabled=s=Boolean(t[30][t[7]]),a(e,"is-disabled",t[30][t[7]]),o.p(e)},m(l,s){n(l,e,s),e.checked=e.__value===t[0],x||(r=[g(e,"change",t[24]),g(e,"change",t[21])],x=!0)},p(t,c){16448&c[0]&&l!==(l=t[30][t[6]])&&(e.__value=l,e.value=e.__value,d=!0),2&c[0]&&i(e,"name",t[1]),16512&c[0]&&s!==(s=Boolean(t[30][t[7]]))&&(e.disabled=s),(d||16385&c[0])&&(e.checked=e.__value===t[0]),16512&c[0]&&a(e,"is-disabled",t[30][t[7]])},d(t){t&&h(e),o.r(),x=!1,k(r)}}}function j(t){let e,l,s,o,x,r=t[30][t[5]]+"";function d(t,e){return t[2]?H:L}let b=d(t),m=b(t);return{c(){e=c("li"),m.c(),l=p(),s=c("label"),o=w(r),x=p(),i(s,"for",t[17](t[32])),i(s,"class","mc-listbox__label svelte-tcxwth"),i(e,"class","mc-listbox__tile svelte-tcxwth"),a(e,"is-disabled",t[30][t[7]])},m(t,c){n(t,e,c),m.m(e,null),v(e,l),v(e,s),v(s,o),v(e,x)},p(t,s){b===(b=d(t))&&m?m.p(t,s):(m.d(1),m=b(t),m&&(m.c(),m.m(e,l))),16416&s[0]&&r!==(r=t[30][t[5]]+"")&&u(o,r),16512&s[0]&&a(e,"is-disabled",t[30][t[7]])},d(t){t&&h(e),m.d()}}}function O(t){let e;function l(t,e){return t[3]?$:B}let s=l(t),r=s(t);return{c(){e=c("div"),r.c(),i(e,"class","mc-listbox svelte-tcxwth"),o(e,"--listbox-maxwidth",t[8]),o(e,"--listbox-width",t[12]),o(e,"--listbox-minwidth",t[12]),a(e,"mc-listbox--options","options"===t[13]),a(e,"mc-listbox--multi",t[2]),a(e,"mc-listbox--overlay",t[11])},m(t,l){n(t,e,l),r.m(e,null)},p(t,c){s===(s=l(t))&&r?r.p(t,c):(r.d(1),r=s(t),r&&(r.c(),r.m(e,null))),256&c[0]&&o(e,"--listbox-maxwidth",t[8]),4096&c[0]&&o(e,"--listbox-width",t[12]),4096&c[0]&&o(e,"--listbox-minwidth",t[12]),8192&c[0]&&a(e,"mc-listbox--options","options"===t[13]),4&c[0]&&a(e,"mc-listbox--multi",t[2]),2048&c[0]&&a(e,"mc-listbox--overlay",t[11])},i:x,o:x,d(t){t&&h(e),r.d()}}}function A(t,e,l){let s,c,i;const o=Math.random();let{name:a=`listboxradio-${o}`}=e,{items:n}=e,{value:x}=e,{multiple:h}=e,{isfiltered:w}=e,{emptysearchlabel:v="No results found"}=e,{datatextexpr:u="label"}=e,{datavalueexpr:p="value"}=e,{datadisabledexpr:_="disabled"}=e,{maxwidth:f}=e,{selectall:g=!1}=e,{labelselectall:k="Select all"}=e,{overlay:y}=e,{width:C}=e,{type:z="options"}=e,$=new E(r(),d());const B=[[]];return t.$$set=t=>{"name"in t&&l(1,a=t.name),"items"in t&&l(20,n=t.items),"value"in t&&l(0,x=t.value),"multiple"in t&&l(2,h=t.multiple),"isfiltered"in t&&l(3,w=t.isfiltered),"emptysearchlabel"in t&&l(4,v=t.emptysearchlabel),"datatextexpr"in t&&l(5,u=t.datatextexpr),"datavalueexpr"in t&&l(6,p=t.datavalueexpr),"datadisabledexpr"in t&&l(7,_=t.datadisabledexpr),"maxwidth"in t&&l(8,f=t.maxwidth),"selectall"in t&&l(9,g=t.selectall),"labelselectall"in t&&l(10,k=t.labelselectall),"overlay"in t&&l(11,y=t.overlay),"width"in t&&l(12,C=t.width),"type"in t&&l(13,z=t.type)},t.$$.update=()=>{512&t.$$.dirty[0]&&l(15,s=null!=g&&g),1048576&t.$$.dirty[0]&&l(14,c=n?JSON.parse(n):[]),1&t.$$.dirty[0]&&l(0,x=x?(l(15,s=!1),l(16,i=!1),x&&0===x.length?(l(15,s=!1),l(16,i=!1)):x&&x.length<c.length?l(16,i=!0):x&&x.length===c.length&&l(15,s=!0),x):[])},l(16,i=!0),[x,a,h,w,v,u,p,_,f,g,k,y,C,z,c,s,i,function(t){return`listboxItem-${t+o}`},function(t){t.addEventListener("scroll",(()=>{t.offsetHeight+t.scrollTop>=t.scrollHeight&&$.dispatch("scrollend",{})}))},function(t){const e=t.target.checked;l(15,s=!!e),s?c.map((t=>{t[_]||-1!==x.indexOf(t[p])||x.push(t[p])})):l(0,x=[]),$.dispatch("select-all",x),l(0,x)},n,function(e){b.call(this,t,e)},function(e){b.call(this,t,e)},function(){s=this.checked,l(15,s),l(9,g)},function(){x=this.__value,l(0,x)},B,function(){x=m(B[0],this.__value,this.checked),l(0,x)}]}class N extends t{constructor(t){super(),e(this,t,A,O,l,{name:1,items:20,value:0,multiple:2,isfiltered:3,emptysearchlabel:4,datatextexpr:5,datavalueexpr:6,datadisabledexpr:7,maxwidth:8,selectall:9,labelselectall:10,overlay:11,width:12,type:13},C,[-1,-1])}}export{N as default};
|
|
2
2
|
//# sourceMappingURL=Listbox.nested.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Listbox.nested.js","sources":["../../../src/components/listbox/Listbox.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { ListboxItems } from './listbox.types';\n import { EventHandler } from '../../utilities/EventHandler';\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n\n const uuid = Math.random();\n\n export let name: string = `listboxradio-${uuid}`;\n export let items: string;\n export let value: any;\n export let multiple: boolean;\n export let isfiltered: boolean;\n export let emptysearchlabel = 'No results found';\n export let datatextexpr = 'label';\n export let datavalueexpr = 'value';\n export let datadisabledexpr = 'disabled';\n export let maxwidth: string;\n export let selectall = false;\n export let labelselectall = 'Select all';\n export let overlay: boolean;\n export let width: string;\n export let type = 'options';\n\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n\n $: allSelected = selectall ?? false;\n $: parsedItems = items ? (JSON.parse(items) as ListboxItems[]) : [];\n $: value = value ? (determineSelectionState() as []) : [];\n $: selectAllIndeterminate = true;\n\n function determineSelectionState(): [] {\n allSelected = false;\n selectAllIndeterminate = false;\n if (value && value.length === 0) {\n allSelected = false;\n selectAllIndeterminate = false;\n } else if (value && value.length < parsedItems.length) {\n selectAllIndeterminate = true;\n } else if (value && value.length === parsedItems.length) {\n allSelected = true;\n }\n\n return value;\n }\n\n function setItemId(index: number) {\n return `listboxItem-${index + uuid}`;\n }\n\n function scrollEnd(node: HTMLElement) {\n node.addEventListener('scroll', () => {\n if (node.offsetHeight + node.scrollTop >= node.scrollHeight) {\n eventHandler.dispatch('scrollend', {});\n }\n });\n }\n\n function onSelectAll(e: Event) {\n const ischecked = (<HTMLInputElement>e.target).checked;\n allSelected = ischecked ? true : false;\n if (allSelected) {\n parsedItems.map((item) => {\n if (\n !item[datadisabledexpr] &&\n value.indexOf(item[datavalueexpr]) === -1\n )\n value.push(item[datavalueexpr]);\n });\n } else {\n value = [];\n }\n eventHandler.dispatch('select-all', value);\n value = value;\n }\n</script>\n\n<div\n class=\"mc-listbox\"\n class:mc-listbox--options={type === 'options'}\n class:mc-listbox--multi={multiple}\n class:mc-listbox--overlay={overlay}\n style=\"--listbox-maxwidth: {maxwidth}; --listbox-width: {width}; --listbox-minwidth: {width};\"\n>\n {#if !isfiltered}\n <ul\n role=\"listbox\"\n class=\"mc-listbox__list\"\n aria-labelledby=\"listbox\"\n use:scrollEnd\n >\n {#if multiple && selectall}\n <li class=\"mc-listbox__tile\">\n <input\n id=\"select-all\"\n class=\"mc-listbox__input mc-checkbox__input\"\n type=\"checkbox\"\n indeterminate={selectAllIndeterminate}\n bind:checked={allSelected}\n on:change={onSelectAll}\n />\n <label for=\"select-all\" class=\"mc-listbox__label\">\n {labelselectall}\n </label>\n </li>\n {/if}\n {#each parsedItems as item, index}\n <li class=\"mc-listbox__tile\" class:is-disabled={item[datadisabledexpr]}>\n {#if !multiple}\n <input\n id={setItemId(index)}\n class=\"mc-listbox__input\"\n class:is-disabled={item[datadisabledexpr]}\n type=\"radio\"\n value={item[datavalueexpr]}\n {name}\n disabled={Boolean(item[datadisabledexpr])}\n bind:group={value}\n on:change\n />\n {:else}\n <input\n id={setItemId(index)}\n class=\"mc-listbox__input mc-checkbox__input\"\n type=\"checkbox\"\n value={item[datavalueexpr]}\n checked={value.includes(item[datavalueexpr])}\n disabled={Boolean(item[datadisabledexpr])}\n bind:group={value}\n on:change\n />\n {/if}\n\n <label for={setItemId(index)} class=\"mc-listbox__label\">\n {item[datatextexpr]}\n </label>\n </li>\n {/each}\n </ul>\n {:else}\n <div class=\"mc-listbox__tile mc-listbox__tile--empty\">\n <span class=\"mc-listbox__label\">{emptysearchlabel}</span>\n </div>\n {/if}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n @import '@mozaic-ds/styles/components/c.checkbox';\n @import '@mozaic-ds/styles/components/c.listbox';\n</style>\n"],"names":["ctx","insert","target","div","anchor","append","span","if_block","create_if_block_2","length","i","ul","li","input","label","attr","__value","input_value_value","checked","input_checked_value","includes","Boolean","indexOf","dirty","toggle_class","t1_value","create_if_block_1","set_data","t1","create_if_block","uuid","Math","random","name","$$props","items","value","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","datadisabledexpr","maxwidth","selectall","labelselectall","overlay","width","type","eventHandler","EventHandler","get_current_component","createEventDispatcher","$$invalidate","allSelected","parsedItems","JSON","parse","selectAllIndeterminate","index","node","addEventListener","offsetHeight","scrollTop","scrollHeight","dispatch","e","ischecked","map","item","push","this","get_binding_group_value","$$binding_groups"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Listbox.nested.js","sources":["../../../src/components/listbox/Listbox.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { ListboxItems } from './listbox.types';\n import { EventHandler } from '../../utilities/EventHandler';\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n\n const uuid = Math.random();\n\n export let name: string = `listboxradio-${uuid}`;\n export let items: string;\n export let value: any;\n export let multiple: boolean;\n export let isfiltered: boolean;\n export let emptysearchlabel = 'No results found';\n export let datatextexpr = 'label';\n export let datavalueexpr = 'value';\n export let datadisabledexpr = 'disabled';\n export let maxwidth: string;\n export let selectall = false;\n export let labelselectall = 'Select all';\n export let overlay: boolean;\n export let width: string;\n export let type = 'options';\n\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n\n $: allSelected = selectall ?? false;\n $: parsedItems = items ? (JSON.parse(items) as ListboxItems[]) : [];\n $: value = value ? (determineSelectionState() as []) : [];\n $: selectAllIndeterminate = true;\n\n function determineSelectionState(): [] {\n allSelected = false;\n selectAllIndeterminate = false;\n if (value && value.length === 0) {\n allSelected = false;\n selectAllIndeterminate = false;\n } else if (value && value.length < parsedItems.length) {\n selectAllIndeterminate = true;\n } else if (value && value.length === parsedItems.length) {\n allSelected = true;\n }\n\n return value;\n }\n\n function setItemId(index: number) {\n return `listboxItem-${index + uuid}`;\n }\n\n function scrollEnd(node: HTMLElement) {\n node.addEventListener('scroll', () => {\n if (node.offsetHeight + node.scrollTop >= node.scrollHeight) {\n eventHandler.dispatch('scrollend', {});\n }\n });\n }\n\n function onSelectAll(e: Event) {\n const ischecked = (<HTMLInputElement>e.target).checked;\n allSelected = ischecked ? true : false;\n if (allSelected) {\n parsedItems.map((item) => {\n if (\n !item[datadisabledexpr] &&\n value.indexOf(item[datavalueexpr]) === -1\n )\n value.push(item[datavalueexpr]);\n });\n } else {\n value = [];\n }\n eventHandler.dispatch('select-all', value);\n value = value;\n }\n</script>\n\n<div\n class=\"mc-listbox\"\n class:mc-listbox--options={type === 'options'}\n class:mc-listbox--multi={multiple}\n class:mc-listbox--overlay={overlay}\n style=\"--listbox-maxwidth: {maxwidth}; --listbox-width: {width}; --listbox-minwidth: {width};\"\n>\n {#if !isfiltered}\n <ul\n role=\"listbox\"\n class=\"mc-listbox__list\"\n aria-labelledby=\"listbox\"\n use:scrollEnd\n >\n {#if multiple && selectall}\n <li class=\"mc-listbox__tile\">\n <input\n id=\"select-all\"\n class=\"mc-listbox__input mc-checkbox__input\"\n type=\"checkbox\"\n indeterminate={selectAllIndeterminate}\n bind:checked={allSelected}\n on:change={onSelectAll}\n />\n <label for=\"select-all\" class=\"mc-listbox__label\">\n {labelselectall}\n </label>\n </li>\n {/if}\n {#each parsedItems as item, index}\n <li class=\"mc-listbox__tile\" class:is-disabled={item[datadisabledexpr]}>\n {#if !multiple}\n <input\n id={setItemId(index)}\n class=\"mc-listbox__input\"\n class:is-disabled={item[datadisabledexpr]}\n type=\"radio\"\n value={item[datavalueexpr]}\n {name}\n disabled={Boolean(item[datadisabledexpr])}\n bind:group={value}\n on:change\n />\n {:else}\n <input\n id={setItemId(index)}\n class=\"mc-listbox__input mc-checkbox__input\"\n type=\"checkbox\"\n value={item[datavalueexpr]}\n checked={value.includes(item[datavalueexpr])}\n disabled={Boolean(item[datadisabledexpr])}\n bind:group={value}\n on:change\n />\n {/if}\n\n <label for={setItemId(index)} class=\"mc-listbox__label\">\n {item[datatextexpr]}\n </label>\n </li>\n {/each}\n </ul>\n {:else}\n <div class=\"mc-listbox__tile mc-listbox__tile--empty\">\n <span class=\"mc-listbox__label\">{emptysearchlabel}</span>\n </div>\n {/if}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n @import '@mozaic-ds/styles/components/c.checkbox';\n @import '@mozaic-ds/styles/components/c.listbox';\n</style>\n"],"names":["ctx","insert","target","div","anchor","append","span","if_block","create_if_block_2","length","i","ul","li","input","label","attr","__value","input_value_value","checked","input_checked_value","includes","Boolean","indexOf","dirty","toggle_class","t1_value","create_if_block_1","set_data","t1","create_if_block","uuid","Math","random","name","$$props","items","value","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","datadisabledexpr","maxwidth","selectall","labelselectall","overlay","width","type","eventHandler","EventHandler","get_current_component","createEventDispatcher","$$invalidate","allSelected","parsedItems","JSON","parse","selectAllIndeterminate","index","node","addEventListener","offsetHeight","scrollTop","scrollHeight","dispatch","e","ischecked","map","item","push","this","get_binding_group_value","$$binding_groups"],"mappings":"ysQAoJuCA,EAAgB,iIADnDC,EAEKC,EAAAC,EAAAC,GADHC,EAAwDF,EAAAG,+BAAvBN,EAAgB,8CAlD5CO,EAAAP,MAAYA,EAAS,IAAAQ,EAAAR,KAenBA,EAAW,yBAAhBS,OAAIC,GAAA,yMArBRT,EAqDIC,EAAAS,EAAAP,uHA/CGJ,MAAYA,EAAS,kFAenBA,EAAW,YAAhBS,OAAIC,GAAA,EAAA,iHAAJD,0IAJKT,EAAc,qIALAA,EAAsB,iIALzCC,EAYIC,EAAAU,EAAAR,GAXFC,EAOCO,EAAAC,aAFeb,EAAW,WAG3BK,EAEOO,EAAAE,kDAJMd,EAAW,iDAFPA,EAAsB,4BACvBA,EAAW,oBAIxBA,EAAc,2GAoBTe,EAAAF,EAAA,KAAAb,MAAUA,EAAK,+FAGZa,EAAAG,QAAAC,EAAAjB,MAAKA,EAAa,sBAChBa,EAAAK,QAAAC,EAAAnB,EAAM,GAAAoB,SAASpB,MAAKA,EAAa,kBAChCqB,QAAQrB,EAAI,IAACA,EAAgB,oBANzCC,EASCC,EAAAW,EAAAT,eAFaJ,EAAK,IAAA,IAAAsB,QAAAT,EAAAG,uEAHV,MAAAO,EAAA,IAAAN,KAAAA,EAAAjB,MAAKA,EAAa,2CAChB,MAAAuB,EAAA,IAAAJ,KAAAA,EAAAnB,EAAM,GAAAoB,SAASpB,MAAKA,EAAa,wCAChCqB,QAAQrB,EAAI,IAACA,EAAgB,oDAC3BA,EAAK,IAAA,IAAAsB,QAAAT,EAAAG,oHAlBbD,EAAAF,EAAA,KAAAb,MAAUA,EAAK,yEAIZa,EAAAG,QAAAC,EAAAjB,MAAKA,EAAa,oDAEfqB,QAAQrB,EAAI,IAACA,EAAgB,KAJpBwB,EAAAX,EAAA,cAAAb,MAAKA,EAAgB,oBAH1CC,EAUCC,EAAAW,EAAAT,yBAFaJ,EAAK,iEAHV,MAAAuB,EAAA,IAAAN,KAAAA,EAAAjB,MAAKA,EAAa,uFAEfqB,QAAQrB,EAAI,IAACA,EAAgB,8DAC3BA,EAAK,gBALEwB,EAAAX,EAAA,cAAAb,MAAKA,EAAgB,iEAsBzCyB,EAAAzB,MAAKA,EAAY,IAAA,0BA1BdA,EAAQ,KAAA0B,+EAyBFX,EAAAD,EAAA,MAAAd,MAAUA,EAAK,mGA1BmBwB,EAAAZ,EAAA,cAAAZ,MAAKA,EAAgB,aAArEC,EA6BIC,EAAAU,EAAAR,sBAHFC,EAEOO,EAAAE,sFADJ,MAAAS,EAAA,IAAAE,KAAAA,EAAAzB,MAAKA,EAAY,IAAA,KAAA2B,EAAAC,EAAAH,eA3B0BD,EAAAZ,EAAA,cAAAZ,MAAKA,EAAgB,sEAvBrEA,EAAU,KAAA6B,iHAFY7B,EAAQ,0BAAqBA,EAAK,8BAAwBA,EAAK,KAHhEwB,EAAArB,EAAA,sBAAS,YAATH,+BACFA,EAAQ,8BACNA,EAAO,aAJpCC,EAmEKC,EAAAC,EAAAC,0HA9DyBJ,EAAQ,qCAAqBA,EAAK,yCAAwBA,EAAK,gBAHhEwB,EAAArB,EAAA,sBAAS,YAATH,uCACFA,EAAQ,yCACNA,EAAO,qEA9E5B8B,EAAOC,KAAKC,SAEP,IAAAC,KAAAA,kBAA+BH,KAAII,SACnCC,GAAaD,SACbE,GAAUF,YACVG,GAAiBH,cACjBI,GAAmBJ,GACnBK,iBAAAA,EAAmB,oBAAkBL,GACrCM,aAAAA,EAAe,SAAON,GACtBO,cAAAA,EAAgB,SAAOP,GACvBQ,iBAAAA,EAAmB,YAAUR,YAC7BS,GAAgBT,GAChBU,UAAAA,GAAY,GAAKV,GACjBW,eAAAA,EAAiB,cAAYX,WAC7BY,GAAgBZ,SAChBa,GAAab,GACbc,KAAAA,EAAO,WAASd,EAEvBe,EAAmB,IAAAC,EACrBC,IACAC,6mBAGDC,EAAA,GAAEC,EAAcV,SAAAA,0BAChBS,EAAA,GAAEE,EAAcpB,EAASqB,KAAKC,MAAMtB,GAAK,qBACvCkB,EAAA,EAAAjB,EAAQA,GAITiB,EAAA,GAAAC,GAAc,GACdD,EAAA,GAAAK,GAAyB,GACrBtB,GAA0B,IAAjBA,EAAM3B,QACjB4C,EAAA,GAAAC,GAAc,GACdD,EAAA,GAAAK,GAAyB,IAChBtB,GAASA,EAAM3B,OAAS8C,EAAY9C,OAC7C4C,EAAA,GAAAK,GAAyB,GAChBtB,GAASA,EAAM3B,SAAW8C,EAAY9C,QAC/C4C,EAAA,GAAAC,GAAc,GAGTlB,GAfkC,KAC1CiB,EAAA,GAAEK,GAAyB,sCAiBnB,SAAUC,GACK,MAAA,eAAAA,EAAQ7B,KAGvB,SAAU8B,GACjBA,EAAKC,iBAAiB,UAAQ,KACxBD,EAAKE,aAAeF,EAAKG,WAAaH,EAAKI,cAC7Cf,EAAagB,SAAS,YAAW,CAAA,OAK9B,SAAYC,GACb,MAAAC,EAA+BD,EAAEhE,OAAQgB,QAC/CmC,EAAA,GAAAC,IAAca,GACVb,EACFC,EAAYa,KAAKC,IAEZA,EAAK3B,KACkC,IAAxCN,EAAMd,QAAQ+C,EAAK5B,KAEnBL,EAAMkC,KAAKD,EAAK5B,GAAa,QAGjCL,EAAK,IAEPa,EAAagB,SAAS,aAAc7B,oFA0BdkB,EAAWiB,KAAArD,mCAmBXkB,EAAKmC,KAAAvD,6BAWLoB,EAAKoC,EAAAC,EAAA,GAAAF,KAAAvD,QAAAuD,KAAArD"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{S as e,i as t,a as r,b as a,f as s,s as o,c as i,e as n,
|
|
1
|
+
import{S as e,i as t,a as r,b as a,f as s,s as o,c as i,e as n,J as l,d,n as c,h as m,j as h,k as f,l as k,m as u,o as p,u as x,v as _,y as g}from"../../index-c222d0b7.js";function w(e){let t,r;return{c(){t=n("span"),r=_(e[2]),m(t,"class","mc-loader__text")},m(e,s){a(e,t,s),f(t,r)},p(e,t){4&t&&g(r,e[2])},d(e){e&&u(t)}}}function b(e){let t,r,s,o,p,x,_,g,b=e[2]&&w(e),v=[{class:g=y(e[0],e[1])},e[3]],C={};for(let e=0;e<v.length;e+=1)C=i(C,v[e]);return{c(){t=n("div"),r=n("span"),s=l("svg"),o=l("circle"),_=d(),b&&b.c(),this.c=c,m(o,"class","mc-loader__path"),m(o,"cx","50%"),m(o,"cy","50%"),m(o,"r",p=z(e[0])),m(s,"class","mc-loader__icon"),m(s,"xmlns","http://www.w3.org/2000/svg"),m(s,"viewBox",x=$(e[0])),m(r,"class","mc-loader__spinner"),h(t,C)},m(e,i){a(e,t,i),f(t,r),f(r,s),f(s,o),f(t,_),b&&b.m(t,null)},p(e,[r]){1&r&&p!==(p=z(e[0]))&&m(o,"r",p),1&r&&x!==(x=$(e[0]))&&m(s,"viewBox",x),e[2]?b?b.p(e,r):(b=w(e),b.c(),b.m(t,null)):b&&(b.d(1),b=null),h(t,C=k(v,[3&r&&g!==(g=y(e[0],e[1]))&&{class:g},8&r&&e[3]]))},i:c,o:c,d(e){e&&u(t),b&&b.d()}}}function y(e,t){const r=["mc-loader"];return e&&r.push(`mc-loader--${e}`),t&&r.push(`mc-loader--${t}`),r.join(" ")}function $(e){let t;switch(e){case"s":t="0 0 24 24";break;case"l":t="0 0 64 64";break;default:t="0 0 32 32"}return t}function z(e){let t;switch(e){case"s":t=6;break;case"l":t=19;break;default:t=9}return t}function v(e,t,r){const a=["size","theme","text"];let s=p(t,a),{size:o}=t,{theme:n}=t,{text:l}=t;return e.$$set=e=>{t=i(i({},t),x(e)),r(3,s=p(t,a)),"size"in e&&r(0,o=e.size),"theme"in e&&r(1,n=e.theme),"text"in e&&r(2,l=e.text)},[o,n,l,s]}class C extends e{constructor(e){super();const i=document.createElement("style");i.textContent=".mc-loader{color:#188803;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mc-loader .mc-loader__spinner{height:2rem;width:2rem}.mc-loader .mc-loader__path{stroke-width:4}.mc-loader .mc-loader__path{stroke:currentColor}.mc-loader__spinner:not(:only-child){margin-bottom:1rem}.mc-loader__icon{-webkit-animation:rotate-loader 2s linear infinite;animation:rotate-loader 2s linear infinite;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.mc-loader__path{fill:none;stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round;-webkit-animation:animate-dash-loader 2s ease-in-out infinite;animation:animate-dash-loader 2s ease-in-out infinite}.mc-loader__text{font-size:1rem;line-height:1.375;color:currentColor}.mc-loader--s .mc-loader__spinner{height:1.5rem;width:1.5rem}.mc-loader--s .mc-loader__path{stroke-width:4}.mc-loader--l .mc-loader__spinner{height:4rem;width:4rem}.mc-loader--l .mc-loader__path{stroke-width:8}.mc-loader--dark{color:#191919}.mc-loader--dark .mc-loader__path{stroke:currentColor}.mc-loader--light{color:#ffffff}.mc-loader--light .mc-loader__path{stroke:currentColor}@-webkit-keyframes rotate-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes rotate-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@-webkit-keyframes animate-dash-loader{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}@keyframes animate-dash-loader{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}",this.shadowRoot.appendChild(i),t(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},v,b,o,{size:0,theme:1,text:2},null),e&&(e.target&&a(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["size","theme","text"]}get size(){return this.$$.ctx[0]}set size(e){this.$$set({size:e}),s()}get theme(){return this.$$.ctx[1]}set theme(e){this.$$set({theme:e}),s()}get text(){return this.$$.ctx[2]}set text(e){this.$$set({text:e}),s()}}export{C as default};
|
|
2
2
|
//# sourceMappingURL=Loader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loader.js","sources":["../../../src/components/loader/Loader.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { LoaderSize, LoaderTheme } from './loader.types';\n\n export let size: LoaderSize;\n export let theme: LoaderTheme;\n export let text: string;\n\n function setClasses(size: LoaderSize, theme: LoaderTheme) {\n const classes = ['mc-loader'];\n\n if (size) {\n classes.push(`mc-loader--${size}`);\n }\n\n if (theme) {\n classes.push(`mc-loader--${theme}`);\n }\n\n return classes.join(' ');\n }\n\n function setViewBox(size: LoaderSize) {\n let viewBox: string;\n\n switch (size) {\n case 's':\n viewBox = '0 0 24 24';\n break;\n case 'l':\n viewBox = '0 0 64 64';\n break;\n default:\n viewBox = '0 0 32 32';\n }\n\n return viewBox;\n }\n\n function setCircleRadius(size: LoaderSize) {\n let circleRadius: number;\n\n switch (size) {\n case 's':\n circleRadius = 6;\n break;\n case 'l':\n circleRadius = 19;\n break;\n default:\n circleRadius = 9;\n }\n\n return circleRadius;\n }\n</script>\n\n<div class={setClasses(size, theme)} {...$$restProps}>\n <span class=\"mc-loader__spinner\">\n <svg\n class=\"mc-loader__icon\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox={setViewBox(size)}\n >\n <circle\n class=\"mc-loader__path\"\n cx=\"50%\"\n cy=\"50%\"\n r={setCircleRadius(size)}\n />\n </svg>\n </span>\n\n {#if text}\n <span class=\"mc-loader__text\">\n {text}\n </span>\n {/if}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n @import '@mozaic-ds/styles/components/c.loader';\n</style>\n"],"names":["ctx","insert","target","span","anchor","create_if_block","setClasses","attr","circle","circle_r_value","setCircleRadius","svg","svg_viewBox_value","setViewBox","div","append","dirty","class","div_class_value","size","theme","classes","push","join","viewBox","circleRadius","$$props","text"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Loader.js","sources":["../../../src/components/loader/Loader.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { LoaderSize, LoaderTheme } from './loader.types';\n\n export let size: LoaderSize;\n export let theme: LoaderTheme;\n export let text: string;\n\n function setClasses(size: LoaderSize, theme: LoaderTheme) {\n const classes = ['mc-loader'];\n\n if (size) {\n classes.push(`mc-loader--${size}`);\n }\n\n if (theme) {\n classes.push(`mc-loader--${theme}`);\n }\n\n return classes.join(' ');\n }\n\n function setViewBox(size: LoaderSize) {\n let viewBox: string;\n\n switch (size) {\n case 's':\n viewBox = '0 0 24 24';\n break;\n case 'l':\n viewBox = '0 0 64 64';\n break;\n default:\n viewBox = '0 0 32 32';\n }\n\n return viewBox;\n }\n\n function setCircleRadius(size: LoaderSize) {\n let circleRadius: number;\n\n switch (size) {\n case 's':\n circleRadius = 6;\n break;\n case 'l':\n circleRadius = 19;\n break;\n default:\n circleRadius = 9;\n }\n\n return circleRadius;\n }\n</script>\n\n<div class={setClasses(size, theme)} {...$$restProps}>\n <span class=\"mc-loader__spinner\">\n <svg\n class=\"mc-loader__icon\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox={setViewBox(size)}\n >\n <circle\n class=\"mc-loader__path\"\n cx=\"50%\"\n cy=\"50%\"\n r={setCircleRadius(size)}\n />\n </svg>\n </span>\n\n {#if text}\n <span class=\"mc-loader__text\">\n {text}\n </span>\n {/if}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n @import '@mozaic-ds/styles/components/c.loader';\n</style>\n"],"names":["ctx","insert","target","span","anchor","create_if_block","setClasses","attr","circle","circle_r_value","setCircleRadius","svg","svg_viewBox_value","setViewBox","div","append","dirty","class","div_class_value","size","theme","classes","push","join","viewBox","circleRadius","$$props","text"],"mappings":"6NA4EOA,EAAI,2CADPC,EAEMC,EAAAC,EAAAC,2BADHJ,EAAI,wDAFJA,EAAI,IAAAK,EAAAL,eAhBCM,EAAWN,EAAI,GAAEA,EAAK,KAAOA,EAAW,mMAWzCO,EAAAC,EAAA,IAAAC,EAAAC,EAAgBV,EAAI,8EANhBO,EAAAI,EAAA,UAAAC,EAAAC,EAAWb,EAAI,sDAL9BC,EAqBKC,EAAAY,EAAAV,GApBHW,EAaMD,EAAAX,GAZJY,EAWKZ,EAAAQ,GANHI,EAKCJ,EAAAH,mCADI,EAAAQ,GAAAP,KAAAA,EAAAC,EAAgBV,EAAI,iBANhB,EAAAgB,GAAAJ,KAAAA,EAAAC,EAAWb,EAAI,uBAWvBA,EAAI,mFAhBCM,EAAWN,EAAI,GAAEA,EAAK,MAAA,CAAAiB,MAAAC,QAAOlB,EAAW,gDAjDzCM,EAAWa,EAAkBC,GAC9B,MAAAC,GAAW,oBAEbF,GACFE,EAAQC,KAAI,cAAeH,KAGzBC,GACFC,EAAQC,KAAI,cAAeF,KAGtBC,EAAQE,KAAK,KAGb,SAAAV,EAAWM,OACdK,SAEIL,OACD,IACHK,EAAU,sBAEP,IACHA,EAAU,0BAGVA,EAAU,mBAGPA,EAGA,SAAAd,EAAgBS,OACnBM,SAEIN,OACD,IACHM,EAAe,YAEZ,IACHA,EAAe,iBAGfA,EAAe,SAGZA,uEAjDEN,GAAgBO,SAChBN,GAAkBM,QAClBC,GAAYD"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{H as e,i as t,s as i,I as s,e as r,J as a,d as o,h as l,b as n,k as f,n as d,m as c,c as m,u as h,v,y as k}from"../../index-c222d0b7.js";function _(e){s(e,"svelte-1f3i5i2",".mc-loader.svelte-1f3i5i2.svelte-1f3i5i2{color:#188803;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mc-loader.svelte-1f3i5i2 .mc-loader__spinner.svelte-1f3i5i2{height:2rem;width:2rem}.mc-loader.svelte-1f3i5i2 .mc-loader__path.svelte-1f3i5i2{stroke-width:4}.mc-loader.svelte-1f3i5i2 .mc-loader__path.svelte-1f3i5i2{stroke:currentColor}.mc-loader__spinner.svelte-1f3i5i2.svelte-1f3i5i2:not(:only-child){margin-bottom:1rem}.mc-loader__icon.svelte-1f3i5i2.svelte-1f3i5i2{-webkit-animation:svelte-1f3i5i2-rotate-loader 2s linear infinite;animation:svelte-1f3i5i2-rotate-loader 2s linear infinite;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.mc-loader__path.svelte-1f3i5i2.svelte-1f3i5i2{fill:none;stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round;-webkit-animation:svelte-1f3i5i2-animate-dash-loader 2s ease-in-out infinite;animation:svelte-1f3i5i2-animate-dash-loader 2s ease-in-out infinite}.mc-loader__text.svelte-1f3i5i2.svelte-1f3i5i2{font-size:1rem;line-height:1.375;color:currentColor}.mc-loader--s.svelte-1f3i5i2 .mc-loader__spinner.svelte-1f3i5i2{height:1.5rem;width:1.5rem}.mc-loader--s.svelte-1f3i5i2 .mc-loader__path.svelte-1f3i5i2{stroke-width:4}.mc-loader--l.svelte-1f3i5i2 .mc-loader__spinner.svelte-1f3i5i2{height:4rem;width:4rem}.mc-loader--l.svelte-1f3i5i2 .mc-loader__path.svelte-1f3i5i2{stroke-width:8}.mc-loader--dark.svelte-1f3i5i2.svelte-1f3i5i2{color:#191919}.mc-loader--dark.svelte-1f3i5i2 .mc-loader__path.svelte-1f3i5i2{stroke:currentColor}.mc-loader--light.svelte-1f3i5i2.svelte-1f3i5i2{color:#ffffff}.mc-loader--light.svelte-1f3i5i2 .mc-loader__path.svelte-1f3i5i2{stroke:currentColor}@-webkit-keyframes svelte-1f3i5i2-rotate-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes svelte-1f3i5i2-rotate-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@-webkit-keyframes svelte-1f3i5i2-animate-dash-loader{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}@keyframes svelte-1f3i5i2-animate-dash-loader{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}")}function u(e){let t,i;return{c(){t=r("span"),i=v(e[2]),l(t,"class","mc-loader__text svelte-1f3i5i2")},m(e,s){n(e,t,s),f(t,i)},p(e,t){4&t&&k(i,e[2])},d(e){e&&c(t)}}}function p(e){let t,i,s,m,h,v,k,_,p=e[2]&&u(e);return{c(){t=r("div"),i=r("span"),s=a("svg"),m=a("circle"),k=o(),p&&p.c(),l(m,"class","mc-loader__path svelte-1f3i5i2"),l(m,"cx","50%"),l(m,"cy","50%"),l(m,"r",h=b(e[0])),l(s,"class","mc-loader__icon svelte-1f3i5i2"),l(s,"xmlns","http://www.w3.org/2000/svg"),l(s,"viewBox",v=x(e[0])),l(i,"class","mc-loader__spinner svelte-1f3i5i2"),l(t,"class",_=w(e[0],e[1])+" "+e[3].class+" svelte-1f3i5i2")},m(e,r){n(e,t,r),f(t,i),f(i,s),f(s,m),f(t,k),p&&p.m(t,null)},p(e,[i]){1&i&&h!==(h=b(e[0]))&&l(m,"r",h),1&i&&v!==(v=x(e[0]))&&l(s,"viewBox",v),e[2]?p?p.p(e,i):(p=u(e),p.c(),p.m(t,null)):p&&(p.d(1),p=null),11&i&&_!==(_=w(e[0],e[1])+" "+e[3].class+" svelte-1f3i5i2")&&l(t,"class",_)},i:d,o:d,d(e){e&&c(t),p&&p.d()}}}function w(e,t){const i=["mc-loader"];return e&&i.push(`mc-loader--${e}`),t&&i.push(`mc-loader--${t}`),i.join(" ")}function x(e){let t;switch(e){case"s":t="0 0 24 24";break;case"l":t="0 0 64 64";break;default:t="0 0 32 32"}return t}function b(e){let t;switch(e){case"s":t=6;break;case"l":t=19;break;default:t=9}return t}function g(e,t,i){let{size:s}=t,{theme:r}=t,{text:a}=t;return e.$$set=e=>{i(3,t=m(m({},t),h(e))),"size"in e&&i(0,s=e.size),"theme"in e&&i(1,r=e.theme),"text"in e&&i(2,a=e.text)},t=h(t),[s,r,a,t]}class y extends e{constructor(e){super(),t(this,e,g,p,i,{size:0,theme:1,text:2},_)}}export{y as default};
|
|
2
2
|
//# sourceMappingURL=Loader.nested.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loader.nested.js","sources":["../../../src/components/loader/Loader.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { LoaderSize, LoaderTheme } from './loader.types';\n\n export let size: LoaderSize;\n export let theme: LoaderTheme;\n export let text: string;\n\n function setClasses(size: LoaderSize, theme: LoaderTheme) {\n const classes = ['mc-loader'];\n\n if (size) {\n classes.push(`mc-loader--${size}`);\n }\n\n if (theme) {\n classes.push(`mc-loader--${theme}`);\n }\n\n return classes.join(' ');\n }\n\n function setViewBox(size: LoaderSize) {\n let viewBox: string;\n\n switch (size) {\n case 's':\n viewBox = '0 0 24 24';\n break;\n case 'l':\n viewBox = '0 0 64 64';\n break;\n default:\n viewBox = '0 0 32 32';\n }\n\n return viewBox;\n }\n\n function setCircleRadius(size: LoaderSize) {\n let circleRadius: number;\n\n switch (size) {\n case 's':\n circleRadius = 6;\n break;\n case 'l':\n circleRadius = 19;\n break;\n default:\n circleRadius = 9;\n }\n\n return circleRadius;\n }\n</script>\n\n<div class=\"{setClasses(size, theme)} {$$props.class}\">\n <span class=\"mc-loader__spinner\">\n <svg\n class=\"mc-loader__icon\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox={setViewBox(size)}\n >\n <circle\n class=\"mc-loader__path\"\n cx=\"50%\"\n cy=\"50%\"\n r={setCircleRadius(size)}\n />\n </svg>\n </span>\n\n {#if text}\n <span class=\"mc-loader__text\">\n {text}\n </span>\n {/if}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n @import '@mozaic-ds/styles/components/c.loader';\n</style>\n"],"names":["ctx","insert","target","span","anchor","create_if_block","attr","circle","circle_r_value","setCircleRadius","svg","svg_viewBox_value","setViewBox","div","div_class_value","setClasses","class","append","dirty","size","theme","classes","push","join","viewBox","circleRadius","$$props","text"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Loader.nested.js","sources":["../../../src/components/loader/Loader.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { LoaderSize, LoaderTheme } from './loader.types';\n\n export let size: LoaderSize;\n export let theme: LoaderTheme;\n export let text: string;\n\n function setClasses(size: LoaderSize, theme: LoaderTheme) {\n const classes = ['mc-loader'];\n\n if (size) {\n classes.push(`mc-loader--${size}`);\n }\n\n if (theme) {\n classes.push(`mc-loader--${theme}`);\n }\n\n return classes.join(' ');\n }\n\n function setViewBox(size: LoaderSize) {\n let viewBox: string;\n\n switch (size) {\n case 's':\n viewBox = '0 0 24 24';\n break;\n case 'l':\n viewBox = '0 0 64 64';\n break;\n default:\n viewBox = '0 0 32 32';\n }\n\n return viewBox;\n }\n\n function setCircleRadius(size: LoaderSize) {\n let circleRadius: number;\n\n switch (size) {\n case 's':\n circleRadius = 6;\n break;\n case 'l':\n circleRadius = 19;\n break;\n default:\n circleRadius = 9;\n }\n\n return circleRadius;\n }\n</script>\n\n<div class=\"{setClasses(size, theme)} {$$props.class}\">\n <span class=\"mc-loader__spinner\">\n <svg\n class=\"mc-loader__icon\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox={setViewBox(size)}\n >\n <circle\n class=\"mc-loader__path\"\n cx=\"50%\"\n cy=\"50%\"\n r={setCircleRadius(size)}\n />\n </svg>\n </span>\n\n {#if text}\n <span class=\"mc-loader__text\">\n {text}\n </span>\n {/if}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n @import '@mozaic-ds/styles/components/c.loader';\n</style>\n"],"names":["ctx","insert","target","span","anchor","create_if_block","attr","circle","circle_r_value","setCircleRadius","svg","svg_viewBox_value","setViewBox","div","div_class_value","setClasses","class","append","dirty","size","theme","classes","push","join","viewBox","circleRadius","$$props","text"],"mappings":"uxFA4EOA,EAAI,0DADPC,EAEMC,EAAAC,EAAAC,2BADHJ,EAAI,wDAFJA,EAAI,IAAAK,EAAAL,2JALAM,EAAAC,EAAA,IAAAC,EAAAC,EAAgBT,EAAI,6FANhBM,EAAAI,EAAA,UAAAC,EAAAC,EAAWZ,EAAI,sDALjBM,EAAAO,EAAA,QAAAC,EAAAC,EAAWf,EAAI,GAAEA,EAAS,IAAA,IAAAA,KAAQgB,MAAK,2BAApDf,EAqBKC,EAAAW,EAAAT,GApBHa,EAaMJ,EAAAV,GAZJc,EAWKd,EAAAO,GANHO,EAKCP,EAAAH,mCADI,EAAAW,GAAAV,KAAAA,EAAAC,EAAgBT,EAAI,iBANhB,EAAAkB,GAAAP,KAAAA,EAAAC,EAAWZ,EAAI,uBAWvBA,EAAI,4DAhBE,GAAAkB,GAAAJ,KAAAA,EAAAC,EAAWf,EAAI,GAAEA,EAAS,IAAA,IAAAA,KAAQgB,MAAK,6EAjDzCD,EAAWI,EAAkBC,GAC9B,MAAAC,GAAW,oBAEbF,GACFE,EAAQC,KAAI,cAAeH,KAGzBC,GACFC,EAAQC,KAAI,cAAeF,KAGtBC,EAAQE,KAAK,KAGb,SAAAX,EAAWO,OACdK,SAEIL,OACD,IACHK,EAAU,sBAEP,IACHA,EAAU,0BAGVA,EAAU,mBAGPA,EAGA,SAAAf,EAAgBU,OACnBM,SAEIN,OACD,IACHM,EAAe,YAEZ,IACHA,EAAe,iBAGfA,EAAe,SAGZA,6BAjDEN,GAAgBO,SAChBN,GAAkBM,QAClBC,GAAYD"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{S as e,i as t,a as i,g as n,b as s,f as o,s as a,e as l,n as r,h as m,
|
|
1
|
+
import{S as e,i as t,a as i,g as n,b as s,f as o,s as a,e as l,n as r,h as m,k as c,m as d,R as f,p as u,q as b,r as g,d as h,v as p,t as _,x as w,y as x}from"../../index-c222d0b7.js";import{E as k}from"../../EventHandler-f7ee47ca.js";function v(e,t,i){const n=e.slice();return n[8]=t[i],n[10]=i,n}function $(e){let t,i,n;return{c(){t=l("span"),i=l("slot"),m(i,"prop",n=e[8]),m(i,"name","icon"),m(t,"class","mc-menu__icon")},m(e,n){s(e,t,n),c(t,i)},p(e,t){2&t&&n!==(n=e[8])&&m(i,"prop",n)},d(e){e&&d(t)}}}function y(e){let t,i,n,o,a,r,f,u,b,g,k=`<${C(e[8].iconName,e[0]===e[10])} />`,v=e[8].label+"",y=e[3].icon&&$(e);function E(){return e[6](e[10],e[8])}return{c(){t=l("li"),i=l("div"),n=l("span"),o=h(),y&&y.c(),a=h(),r=l("span"),f=p(v),u=h(),m(n,"class","mc-menu__icon"),m(r,"class","mc-menu__label"),m(i,"class","mc-menu__link"),_(i,"is-active",e[0]===e[10]),_(i,"is-disabled",e[8].disabled),m(t,"class","mc-menu__item")},m(e,l){s(e,t,l),c(t,i),c(i,n),n.innerHTML=k,c(i,o),y&&y.m(i,null),c(i,a),c(i,r),c(r,f),c(t,u),b||(g=w(i,"click",E),b=!0)},p(t,s){e=t,3&s&&k!==(k=`<${C(e[8].iconName,e[0]===e[10])} />`)&&(n.innerHTML=k),e[3].icon?y?y.p(e,s):(y=$(e),y.c(),y.m(i,a)):y&&(y.d(1),y=null),2&s&&v!==(v=e[8].label+"")&&x(f,v),1&s&&_(i,"is-active",e[0]===e[10]),2&s&&_(i,"is-disabled",e[8].disabled)},d(e){e&&d(t),y&&y.d(),b=!1,g()}}}function E(e){let t,i,n=e[1],o=[];for(let t=0;t<n.length;t+=1)o[t]=y(v(e,n,t));return{c(){t=l("nav"),i=l("ul");for(let e=0;e<o.length;e+=1)o[e].c();this.c=r,m(i,"class","mc-menu__list"),m(t,"class","mc-menu"),m(t,"aria-label","menu")},m(e,n){s(e,t,n),c(t,i);for(let e=0;e<o.length;e+=1)o[e]&&o[e].m(i,null)},p(e,[t]){if(15&t){let s;for(n=e[1],s=0;s<n.length;s+=1){const a=v(e,n,s);o[s]?o[s].p(a,t):(o[s]=y(a),o[s].c(),o[s].m(i,null))}for(;s<o.length;s+=1)o[s].d(1);o.length=n.length}},i:r,o:r,d(e){e&&d(t),f(o,e)}}}function C(e,t){return t?`${e} fill="white" `:`${e} `}function z(e,t,i){let n,s,{$$slots:o={},$$scope:a}=t;const l=u(o);let{items:r}=t,{selected:m}=t,c=new k(b(),g());function d(e,t){i(0,s=e),c.dispatch("item-selected",{index:e,item:t})}return e.$$set=e=>{"items"in e&&i(4,r=e.items),"selected"in e&&i(5,m=e.selected)},e.$$.update=()=>{16&e.$$.dirty&&i(1,n=r?JSON.parse(r):[]),32&e.$$.dirty&&i(0,s=m?Number(m):"")},[s,n,d,l,r,m,(e,t)=>d(e,t)]}class L extends e{constructor(e){super();const l=document.createElement("style");l.textContent=".mc-menu,.mc-menu *{-webkit-box-sizing:border-box;box-sizing:border-box}.mc-menu__list{list-style:none;padding:0;margin:0}.mc-menu__item{position:relative}.mc-menu__item:not(:last-child) .mc-menu__link::after{background:#b3b3b3;content:\"\";display:block;margin:0 auto;height:1px;width:100%}.mc-menu__item:not(:last-child) .mc-menu__link::after{bottom:0;position:absolute;left:0}.mc-menu__item:not(:last-child) .mc-menu__link.is-active::after{display:none}.mc-menu__item:first-of-type .mc-menu__link{border-radius:0.25rem 0.25rem 0 0}.mc-menu__item:last-of-type .mc-menu__link{border-radius:0 0 0.25rem 0.25rem}.mc-menu__link{font-weight:400;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;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='%23191919'%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\");background-position:center right 1rem;background-repeat:no-repeat;background-size:1rem;border:none;cursor:pointer;color:#191919;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;height:3.5rem;font-family:inherit;padding-right:3rem;padding-left:1rem;position:relative;text-decoration:none;outline:none;width:100%}.mc-menu__link::before{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;z-index:var(--menu-link-z-index, 1)}.mc-menu__link.is-active,.mc-menu__link.is-disabled{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\");color:#ffffff}.mc-menu__link:hover{background-color:#eeeff1}.mc-menu__link:active{background-color:#cfd2d8}.mc-menu__link:focus::before{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-menu__link.is-active{background-color:#188803;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\");color:#ffffff}.mc-menu__link.is-active .mc-menu__label{font-family:\"LeroyMerlin\", sans-serif;font-weight:600}.mc-menu__link.is-disabled{background-color:#e6e6e6;cursor:not-allowed}.mc-menu__icon{-ms-flex-negative:0;flex-shrink:0}.mc-menu__label{font-size:1rem;line-height:1.375;font-family:\"LeroyMerlin\", sans-serif;font-weight:400;display:-webkit-box;max-height:2.75rem;overflow:hidden;text-align:left;-webkit-line-clamp:2;-webkit-box-orient:vertical}",this.shadowRoot.appendChild(l),t(this,{target:this.shadowRoot,props:{...i(this.attributes),$$slots:n(this)},customElement:!0},z,E,a,{items:4,selected:5},null),e&&(e.target&&s(e.target,this,e.anchor),e.props&&(this.$set(e.props),o()))}static get observedAttributes(){return["items","selected"]}get items(){return this.$$.ctx[4]}set items(e){this.$$set({items:e}),o()}get selected(){return this.$$.ctx[5]}set selected(e){this.$$set({selected:e}),o()}}export{L as default};
|
|
2
2
|
//# sourceMappingURL=Menu.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{S as e,i as t,a as i,b as o,f as a,s,c as n,e as l,t as r,d,n as m,h as c,j as b,l as h,m as p,o as f,p as x,q as g,r as w,v as _,w as u,a9 as y,x as v,J as k}from"../../index-48da6c1f.js";import{E as $}from"../../EventHandler-f7ee47ca.js";function z(e){let t,i;return{c(){t=l("h3"),i=r(e[1]),c(t,"class","mc-modal__heading"),c(t,"id","layerTitle")},m(e,a){o(e,t,a),h(t,i)},p(e,t){2&t&&f(i,e[1])},d(e){e&&g(t)}}}function E(e){let t;return{c(){t=l("footer"),t.innerHTML='<slot name="footer"></slot>',c(t,"class","mc-modal__footer")},m(e,i){o(e,t,i)},d(e){e&&g(t)}}}function j(e){let t,i,a,s,w,_,u,y,v,k,$,j,C,Y,T,q,H,L,S,M,R,A,B,J,O=e[1]&&z(e),D=!e[6]&&E(),F=[{class:L="mc-modal "+(e[7]?" mc-modal--overflow":"")},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"modalTitle"},{"aria-hidden":S=!e[0]},e[4]],G={};for(let e=0;e<F.length;e+=1)G=n(G,F[e]);return{c(){t=l("div"),i=l("div"),a=l("div"),s=l("header"),w=l("h2"),_=r(e[2]),u=d(),y=l("button"),v=l("span"),k=r(e[3]),$=d(),j=l("main"),C=l("article"),O&&O.c(),Y=d(),T=l("slot"),q=d(),D&&D.c(),M=d(),R=l("div"),this.c=m,c(w,"class","mc-modal__title"),c(w,"id","modalTitle"),c(v,"class","mc-modal__close-text"),c(y,"class","mc-modal__close"),c(y,"type","button"),c(s,"class","mc-modal__header"),c(T,"name","content"),c(C,"class","mc-modal__content"),c(j,"class","mc-modal__body"),c(a,"class",H="mc-modal__dialog "+(e[0]?" is-open":"")),c(a,"role","document"),b(i,G),c(R,"class",A="mc-modal-overlay "+(e[0]?" is-visible":"")),c(R,"tabindex","-1"),c(R,"role","dialog")},m(n,l){o(n,t,l),h(t,i),h(i,a),h(a,s),h(s,w),h(w,_),h(s,u),h(s,y),h(y,v),h(v,k),h(a,$),h(a,j),h(j,C),O&&O.m(C,null),h(C,Y),h(C,T),h(a,q),D&&D.m(a,null),h(t,M),h(t,R),e[11](t),B||(J=p(y,"click",e[10]),B=!0)},p(e,[t]){4&t&&f(_,e[2]),8&t&&f(k,e[3]),e[1]?O?O.p(e,t):(O=z(e),O.c(),O.m(C,Y)):O&&(O.d(1),O=null),e[6]?D&&(D.d(1),D=null):D||(D=E(),D.c(),D.m(a,null)),1&t&&H!==(H="mc-modal__dialog "+(e[0]?" is-open":""))&&c(a,"class",H),b(i,G=x(F,[{class:L},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"modalTitle"},1&t&&S!==(S=!e[0])&&{"aria-hidden":S},16&t&&e[4]])),1&t&&A!==(A="mc-modal-overlay "+(e[0]?" is-visible":""))&&c(R,"class",A)},i:m,o:m,d(i){i&&g(t),O&&O.d(),D&&D.d(),e[11](null),B=!1,J()}}}function C(e,t,i){let o,a;const s=["title","modaltitle","isopen","closebuttontext","hidefooter"];let l,r=w(t,s),{title:d}=t,{modaltitle:m}=t,{isopen:c}=t,{closebuttontext:b="Close"}=t,{hidefooter:h}=t,p=new $(_(),u());function f(){i(0,c=!1)}y((()=>{const e=l.querySelector(".mc-modal"),t=l.querySelector(".mc-modal__body"),i=l.querySelector(".mc-modal__content"),o=t?t.clientHeight:0;(i?i.scrollHeight:0)>o&&e&&e.classList.add("mc-modal--overflow")}));return e.$$set=e=>{t=n(n({},t),v(e)),i(13,r=w(t,s)),"title"in e&&i(1,d=e.title),"modaltitle"in e&&i(2,m=e.modaltitle),"isopen"in e&&i(0,c=e.isopen),"closebuttontext"in e&&i(3,b=e.closebuttontext),"hidefooter"in e&&i(9,h=e.hidefooter)},e.$$.update=()=>{512&e.$$.dirty&&i(6,o=null!=h&&h),1&e.$$.dirty&&(c?p.dispatch("modal-opened",{}):p.dispatch("modal-closed",{})),i(4,a=Object.assign({},r)),16&e.$$.dirty&&delete a.class},[c,d,m,b,a,l,o,undefined,f,h,()=>f(),function(e){k[e?"unshift":"push"]((()=>{l=e,i(5,l)}))}]}class Y extends e{constructor(e){super();const n=document.createElement("style");n.textContent=".mc-modal{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;bottom:0;left:0;outline:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1999999999;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;height:-webkit-fill-available;height:-moz-available;height:stretch;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:1rem 1.125rem;width:100vw}.mc-modal,.mc-modal *{-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width: 680px){.mc-modal{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0}}.mc-modal__dialog{background:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;opacity:0;max-height:100%;position:relative;-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%);-webkit-transition:visibility 0s linear 0.4s, opacity 0.4s ease, -webkit-transform 0.4s ease;transition:visibility 0s linear 0.4s, opacity 0.4s ease, -webkit-transform 0.4s ease;transition:visibility 0s linear 0.4s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0.4s, transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;visibility:hidden;width:100%}@media screen and (min-width: 680px){.mc-modal__dialog{max-height:50%;max-width:38.5rem}}@media(min-width: 1024px) and (max-width: 1919px){.mc-modal__dialog{max-height:66.6666666667%}}@media screen and (min-width: 1024px){.mc-modal__dialog{max-width:48rem}}@media screen and (min-width: 1280px){.mc-modal__dialog{max-width:50rem}}@media screen and (min-width: 1920px){.mc-modal__dialog{max-width:56.5rem}}.mc-modal__dialog.is-open{opacity:1;pointer-events:all;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:visibility 0s linear 0s, opacity 0.4s ease, -webkit-transform 0.4s ease;transition:visibility 0s linear 0s, opacity 0.4s ease, -webkit-transform 0.4s ease;transition:visibility 0s linear 0s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0s, transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;visibility:visible}.mc-modal__form{display:contents}.mc-modal__header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.75rem;margin-bottom:1rem;min-height:3.75rem;padding:0.75rem 0.75rem 0.75rem 1rem;position:relative}.mc-modal__header::after{background:#b3b3b3;content:\"\";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}@media screen and (min-width: 680px){.mc-modal__header{padding-top:1rem;padding-right:1rem;padding-left:1.5rem}}.mc-modal__icon{fill:#666666;height:1.5rem;width:1.5rem}.mc-modal__title{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#666666;margin-bottom:0;margin-top:0}.mc-modal__close{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;position:relative;-ms-flex-item-align:start;align-self:flex-start;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23808080'%3E%3Cpath d='M17.41 16l8.8-8.79a1 1 0 10-1.42-1.42L16 14.59l-8.79-8.8a1 1 0 00-1.42 1.42l8.8 8.79-8.8 8.79a1 1 0 000 1.42 1 1 0 001.42 0l8.79-8.8 8.79 8.8a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\") no-repeat;background-size:contain;cursor:pointer;height:2rem;-ms-flex-negative:0;flex-shrink:0;margin-left:auto;width:2rem}.mc-modal__close::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-modal__close-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-modal__close:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-modal__body{font-size:1rem;line-height:1.375;-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;color:#191919;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;padding-left:0.5rem;padding-right:0.5rem}@media screen and (min-width: 680px){.mc-modal__body{padding-left:0.75rem;padding-right:1rem}}.mc-modal__content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin;padding-left:0.5rem;padding-right:0.5rem}@media screen and (min-width: 680px){.mc-modal__content{padding-left:0.75rem;padding-right:0.75rem}}.mc-modal__content::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-modal__content::-webkit-scrollbar-thumb{background:#666666}.mc-modal__heading{font-size:1.125rem;line-height:1.3333333333;font-weight:600;color:#000000;margin-bottom:0;margin-top:0}.mc-modal__inner{padding-top:1.5rem;padding-bottom:3rem}.mc-modal__footer{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:1rem}@media screen and (min-width: 680px){.mc-modal__footer{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:1.5rem}}.mc-modal__footer>:first-child:not(:only-child){margin-bottom:0.75rem}@media screen and (min-width: 680px){.mc-modal__footer>:first-child:not(:only-child){margin-bottom:0;margin-right:1rem}}.mc-modal-open{overflow:hidden}.mc-modal-overlay{background-color:rgba(25, 25, 25, 0.7);-webkit-filter:blur(1px);filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;-webkit-transition:opacity 0.4s ease, visibility 0ms 0.4s;transition:opacity 0.4s ease, visibility 0ms 0.4s;z-index:1999999998}.mc-modal-overlay.is-visible{opacity:1;pointer-events:all;-webkit-transition:opacity 0.4s ease, visibility 0ms;transition:opacity 0.4s ease, visibility 0ms;visibility:visible}",this.shadowRoot.appendChild(n),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},C,j,s,{title:1,modaltitle:2,isopen:0,closebuttontext:3,hidefooter:9},null),e&&(e.target&&o(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["title","modaltitle","isopen","closebuttontext","hidefooter"]}get title(){return this.$$.ctx[1]}set title(e){this.$$set({title:e}),a()}get modaltitle(){return this.$$.ctx[2]}set modaltitle(e){this.$$set({modaltitle:e}),a()}get isopen(){return this.$$.ctx[0]}set isopen(e){this.$$set({isopen:e}),a()}get closebuttontext(){return this.$$.ctx[3]}set closebuttontext(e){this.$$set({closebuttontext:e}),a()}get hidefooter(){return this.$$.ctx[9]}set hidefooter(e){this.$$set({hidefooter:e}),a()}}export{Y as default};
|
|
1
|
+
import{S as e,i as t,a as i,b as o,f as a,s,c as n,e as l,v as r,d,n as m,h as c,j as b,k as h,x as p,y as f,l as x,m as g,o as w,q as _,r as u,a9 as y,u as v,K as k}from"../../index-c222d0b7.js";import{E as $}from"../../EventHandler-f7ee47ca.js";function z(e){let t,i;return{c(){t=l("h3"),i=r(e[1]),c(t,"class","mc-modal__heading"),c(t,"id","layerTitle")},m(e,a){o(e,t,a),h(t,i)},p(e,t){2&t&&f(i,e[1])},d(e){e&&g(t)}}}function E(e){let t;return{c(){t=l("footer"),t.innerHTML='<slot name="footer"></slot>',c(t,"class","mc-modal__footer")},m(e,i){o(e,t,i)},d(e){e&&g(t)}}}function j(e){let t,i,a,s,w,_,u,y,v,k,$,j,C,Y,T,q,H,L,S,M,R,A,B,K,O=e[1]&&z(e),D=!e[6]&&E(),F=[{class:L="mc-modal "+(e[7]?" mc-modal--overflow":"")},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"modalTitle"},{"aria-hidden":S=!e[0]},e[4]],G={};for(let e=0;e<F.length;e+=1)G=n(G,F[e]);return{c(){t=l("div"),i=l("div"),a=l("div"),s=l("header"),w=l("h2"),_=r(e[2]),u=d(),y=l("button"),v=l("span"),k=r(e[3]),$=d(),j=l("main"),C=l("article"),O&&O.c(),Y=d(),T=l("slot"),q=d(),D&&D.c(),M=d(),R=l("div"),this.c=m,c(w,"class","mc-modal__title"),c(w,"id","modalTitle"),c(v,"class","mc-modal__close-text"),c(y,"class","mc-modal__close"),c(y,"type","button"),c(s,"class","mc-modal__header"),c(T,"name","content"),c(C,"class","mc-modal__content"),c(j,"class","mc-modal__body"),c(a,"class",H="mc-modal__dialog "+(e[0]?" is-open":"")),c(a,"role","document"),b(i,G),c(R,"class",A="mc-modal-overlay "+(e[0]?" is-visible":"")),c(R,"tabindex","-1"),c(R,"role","dialog")},m(n,l){o(n,t,l),h(t,i),h(i,a),h(a,s),h(s,w),h(w,_),h(s,u),h(s,y),h(y,v),h(v,k),h(a,$),h(a,j),h(j,C),O&&O.m(C,null),h(C,Y),h(C,T),h(a,q),D&&D.m(a,null),h(t,M),h(t,R),e[11](t),B||(K=p(y,"click",e[10]),B=!0)},p(e,[t]){4&t&&f(_,e[2]),8&t&&f(k,e[3]),e[1]?O?O.p(e,t):(O=z(e),O.c(),O.m(C,Y)):O&&(O.d(1),O=null),e[6]?D&&(D.d(1),D=null):D||(D=E(),D.c(),D.m(a,null)),1&t&&H!==(H="mc-modal__dialog "+(e[0]?" is-open":""))&&c(a,"class",H),b(i,G=x(F,[{class:L},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"modalTitle"},1&t&&S!==(S=!e[0])&&{"aria-hidden":S},16&t&&e[4]])),1&t&&A!==(A="mc-modal-overlay "+(e[0]?" is-visible":""))&&c(R,"class",A)},i:m,o:m,d(i){i&&g(t),O&&O.d(),D&&D.d(),e[11](null),B=!1,K()}}}function C(e,t,i){let o,a;const s=["title","modaltitle","isopen","closebuttontext","hidefooter"];let l,r=w(t,s),{title:d}=t,{modaltitle:m}=t,{isopen:c}=t,{closebuttontext:b="Close"}=t,{hidefooter:h}=t,p=new $(_(),u());function f(){i(0,c=!1)}y((()=>{const e=l.querySelector(".mc-modal"),t=l.querySelector(".mc-modal__body"),i=l.querySelector(".mc-modal__content"),o=t?t.clientHeight:0;(i?i.scrollHeight:0)>o&&e&&e.classList.add("mc-modal--overflow")}));return e.$$set=e=>{t=n(n({},t),v(e)),i(13,r=w(t,s)),"title"in e&&i(1,d=e.title),"modaltitle"in e&&i(2,m=e.modaltitle),"isopen"in e&&i(0,c=e.isopen),"closebuttontext"in e&&i(3,b=e.closebuttontext),"hidefooter"in e&&i(9,h=e.hidefooter)},e.$$.update=()=>{512&e.$$.dirty&&i(6,o=null!=h&&h),1&e.$$.dirty&&(c?p.dispatch("modal-opened",{}):p.dispatch("modal-closed",{})),i(4,a=Object.assign({},r)),16&e.$$.dirty&&delete a.class},[c,d,m,b,a,l,o,undefined,f,h,()=>f(),function(e){k[e?"unshift":"push"]((()=>{l=e,i(5,l)}))}]}class Y extends e{constructor(e){super();const n=document.createElement("style");n.textContent=".mc-modal{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;bottom:0;left:0;outline:0;pointer-events:none;position:fixed;right:0;top:0;z-index:var(--modal-z-index, 1999999999);-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;height:-webkit-fill-available;height:-moz-available;height:stretch;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:1rem 1.125rem;width:100vw}.mc-modal,.mc-modal *{-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width: 680px){.mc-modal{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0}}.mc-modal__dialog{background:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;opacity:0;max-height:100%;position:relative;-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%);-webkit-transition:visibility 0s linear 0.4s, opacity 0.4s ease, -webkit-transform 0.4s ease;transition:visibility 0s linear 0.4s, opacity 0.4s ease, -webkit-transform 0.4s ease;transition:visibility 0s linear 0.4s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0.4s, transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;visibility:hidden;width:100%}@media screen and (min-width: 680px){.mc-modal__dialog{max-height:50%;max-width:38.5rem}}@media(min-width: 1024px) and (max-width: 1919px){.mc-modal__dialog{max-height:66.6666666667%}}@media screen and (min-width: 1024px){.mc-modal__dialog{max-width:48rem}}@media screen and (min-width: 1280px){.mc-modal__dialog{max-width:50rem}}@media screen and (min-width: 1920px){.mc-modal__dialog{max-width:56.5rem}}.mc-modal__dialog.is-open{opacity:1;pointer-events:all;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:visibility 0s linear 0s, opacity 0.4s ease, -webkit-transform 0.4s ease;transition:visibility 0s linear 0s, opacity 0.4s ease, -webkit-transform 0.4s ease;transition:visibility 0s linear 0s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0s, transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;visibility:visible}.mc-modal__form{display:contents}.mc-modal__header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.75rem;margin-bottom:1rem;min-height:3.75rem;padding:0.75rem 0.75rem 0.75rem 1rem;position:relative}.mc-modal__header::after{background:#b3b3b3;content:\"\";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}@media screen and (min-width: 680px){.mc-modal__header{padding-top:1rem;padding-right:1rem;padding-left:1.5rem}}.mc-modal__icon{fill:#666666;height:1.5rem;width:1.5rem}.mc-modal__title{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#666666;margin-bottom:0;margin-top:0}.mc-modal__close{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;position:relative;-ms-flex-item-align:start;align-self:flex-start;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23808080'%3E%3Cpath d='M17.41 16l8.8-8.79a1 1 0 10-1.42-1.42L16 14.59l-8.79-8.8a1 1 0 00-1.42 1.42l8.8 8.79-8.8 8.79a1 1 0 000 1.42 1 1 0 001.42 0l8.79-8.8 8.79 8.8a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\") no-repeat;background-size:contain;cursor:pointer;height:2rem;-ms-flex-negative:0;flex-shrink:0;margin-left:auto;width:2rem}.mc-modal__close::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-modal__close-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-modal__close:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-modal__body{font-size:1rem;line-height:1.375;-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;color:#191919;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;padding-left:0.5rem;padding-right:0.5rem}@media screen and (min-width: 680px){.mc-modal__body{padding-left:0.75rem;padding-right:1rem}}.mc-modal__content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin;padding-left:0.5rem;padding-right:0.5rem}@media screen and (min-width: 680px){.mc-modal__content{padding-left:0.75rem;padding-right:0.75rem}}.mc-modal__content::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-modal__content::-webkit-scrollbar-thumb{background:#666666}.mc-modal__heading{font-size:1.125rem;line-height:1.3333333333;font-weight:600;color:#000000;margin-bottom:0;margin-top:0}.mc-modal__inner{padding-top:1.5rem;padding-bottom:3rem}.mc-modal__footer{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:1rem}@media screen and (min-width: 680px){.mc-modal__footer{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:1.5rem}}.mc-modal__footer>:first-child:not(:only-child){margin-bottom:0.75rem}@media screen and (min-width: 680px){.mc-modal__footer>:first-child:not(:only-child){margin-bottom:0;margin-right:1rem}}.mc-modal-open{overflow:hidden}.mc-modal-overlay{background-color:rgba(25, 25, 25, 0.7);-webkit-filter:blur(1px);filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;-webkit-transition:opacity 0.4s ease, visibility 0ms 0.4s;transition:opacity 0.4s ease, visibility 0ms 0.4s;z-index:1999999998}.mc-modal-overlay.is-visible{opacity:1;pointer-events:all;-webkit-transition:opacity 0.4s ease, visibility 0ms;transition:opacity 0.4s ease, visibility 0ms;visibility:visible}",this.shadowRoot.appendChild(n),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},C,j,s,{title:1,modaltitle:2,isopen:0,closebuttontext:3,hidefooter:9},null),e&&(e.target&&o(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["title","modaltitle","isopen","closebuttontext","hidefooter"]}get title(){return this.$$.ctx[1]}set title(e){this.$$set({title:e}),a()}get modaltitle(){return this.$$.ctx[2]}set modaltitle(e){this.$$set({modaltitle:e}),a()}get isopen(){return this.$$.ctx[0]}set isopen(e){this.$$set({isopen:e}),a()}get closebuttontext(){return this.$$.ctx[3]}set closebuttontext(e){this.$$set({closebuttontext:e}),a()}get hidefooter(){return this.$$.ctx[9]}set hidefooter(e){this.$$set({hidefooter:e}),a()}}export{Y as default};
|
|
2
2
|
//# sourceMappingURL=Modal.js.map
|