@mozaic-ds/web-components 0.13.0 → 0.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/public/{EventForward-422700d7.js → EventForward-24fc0272.js} +2 -2
- package/public/{EventForward-422700d7.js.map → EventForward-24fc0272.js.map} +1 -1
- package/public/EventHandler-f7ee47ca.js +2 -0
- package/public/EventHandler-f7ee47ca.js.map +1 -0
- package/public/adeo/{EventForward-422700d7.js → EventForward-24fc0272.js} +2 -2
- package/public/adeo/{EventForward-422700d7.js.map → EventForward-24fc0272.js.map} +1 -1
- package/public/adeo/EventHandler-f7ee47ca.js +2 -0
- package/public/adeo/EventHandler-f7ee47ca.js.map +1 -0
- package/public/adeo/bundle.js +5 -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 +8 -1
- package/public/adeo/components/actionbar/ActionBar.js +1 -1
- package/public/adeo/components/actionbar/ActionBar.js.map +1 -1
- package/public/adeo/components/actionbar/ActionBar.svelte +8 -1
- package/public/adeo/components/autocomplete/Autocomplete.js +1 -1
- package/public/adeo/components/autocomplete/Autocomplete.js.map +1 -1
- package/public/adeo/components/autocomplete/Autocomplete.svelte +8 -2
- 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/barchart/BarChart.svelte +8 -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/breadcrumb/Breadcrumb.nested.svelte +8 -1
- package/public/adeo/components/breadcrumb/Breadcrumb.svelte +8 -1
- package/public/adeo/components/button/Button.js +1 -1
- package/public/adeo/components/button/Button.nested.js +2 -0
- package/public/adeo/components/button/Button.nested.js.map +1 -0
- package/public/adeo/components/button/Button.nested.svelte +173 -0
- package/public/adeo/components/card/Card.js +1 -1
- package/public/adeo/components/carousel/Carousel.js +2 -0
- package/public/adeo/components/carousel/Carousel.js.map +1 -0
- package/public/adeo/components/carousel/Carousel.svelte +421 -0
- package/public/adeo/components/carousel/CarouselCard.nested.js +2 -0
- package/public/adeo/components/carousel/CarouselCard.nested.js.map +1 -0
- package/public/adeo/components/carousel/carousel.types.d.ts +19 -0
- package/public/adeo/components/carousel/carousel.types.d.ts.map +1 -0
- package/public/adeo/components/carouselcard/CarouselCard.nested.svelte +37 -0
- package/public/adeo/components/chart/BarChart.js +1 -1
- package/public/adeo/components/chart/BarChart.js.map +1 -1
- package/public/adeo/components/chart/Donut.js +1 -1
- package/public/adeo/components/chart/Donut.js.map +1 -1
- package/public/adeo/components/chart/GroupedBarChart.js +1 -1
- package/public/adeo/components/chart/GroupedBarChart.js.map +1 -1
- package/public/adeo/components/chart/LineChart.js +1 -1
- package/public/adeo/components/chart/LineChart.js.map +1 -1
- package/public/adeo/components/chart/Radar.js +1 -1
- package/public/adeo/components/chart/Radar.js.map +1 -1
- package/public/adeo/components/chart/StackedBarChart.js +1 -1
- package/public/adeo/components/chart/StackedBarChart.js.map +1 -1
- package/public/adeo/components/checkbox/Checkbox.js +1 -1
- package/public/adeo/components/checkbox/Checkbox.js.map +1 -1
- package/public/adeo/components/checkbox/Checkbox.svelte +8 -2
- package/public/adeo/components/checkboxgroup/checkboxGroup.js +1 -1
- package/public/adeo/components/checkboxgroup/checkboxGroup.js.map +1 -1
- package/public/adeo/components/checkboxgroup/checkboxGroup.svelte +9 -2
- package/public/adeo/components/datatable/DataTable.js +1 -1
- package/public/adeo/components/datatable/DataTable.js.map +1 -1
- package/public/adeo/components/datatable/DataTable.svelte +19 -10
- package/public/adeo/components/datatable/datatable-default-action.nested.js +2 -0
- package/public/adeo/components/datatable/datatable-default-action.nested.js.map +1 -0
- package/public/{bricoman/components/datatabledefaultaction/DataTableDefaultAction.nested.svelte → adeo/components/datatable/datatable-default-action.nested.svelte} +8 -1
- package/public/adeo/components/datatable/datatable-default-edtion.nested.js +2 -0
- package/public/adeo/components/datatable/datatable-default-edtion.nested.js.map +1 -0
- package/public/{components/datatabledefaultedtion/DataTableDefaultEdtion.nested.svelte → adeo/components/datatable/datatable-default-edtion.nested.svelte} +8 -1
- package/public/adeo/components/datatable/datatable-default-filter-tags.nested.js +2 -0
- package/public/adeo/components/datatable/datatable-default-filter-tags.nested.js.map +1 -0
- package/public/{bricoman/components/datatabledefaultfiltertags/DataTableDefaultFilterTags.nested.svelte → adeo/components/datatable/datatable-default-filter-tags.nested.svelte} +8 -1
- package/public/adeo/components/datatable/datatable-default-footer.nested.js +2 -0
- package/public/adeo/components/datatable/datatable-default-footer.nested.js.map +1 -0
- package/public/{components/datatablefooter/DataTableFooter.nested.svelte → adeo/components/datatable/datatable-default-footer.nested.svelte} +8 -1
- package/public/adeo/components/datatable/datatable-default-selection-label.nested.js +2 -0
- package/public/adeo/components/datatable/datatable-default-selection-label.nested.js.map +1 -0
- package/public/adeo/components/datatable/datatable-default-selection.nested.js +2 -0
- package/public/adeo/components/datatable/datatable-default-selection.nested.js.map +1 -0
- package/public/{bricoman/components/datatabledefaultselection/DataTableDefaultSelection.nested.svelte → adeo/components/datatable/datatable-default-selection.nested.svelte} +8 -16
- package/public/adeo/components/datatable/datatable.types.d.ts +1 -0
- package/public/adeo/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/adeo/components/donut/Donut.svelte +8 -1
- package/public/adeo/components/dropdown/Dropdown.js +1 -1
- package/public/adeo/components/dropdown/Dropdown.js.map +1 -1
- package/public/adeo/components/dropdown/Dropdown.svelte +8 -2
- package/public/adeo/components/field/Field.js +1 -1
- package/public/adeo/components/fileuploader/FileUploader.js +1 -1
- package/public/adeo/components/fileuploader/FileUploader.js.map +1 -1
- package/public/adeo/components/fileuploader/FileUploader.svelte +10 -3
- package/public/adeo/components/fileuploader/fileuploader-result.js +2 -0
- package/public/adeo/components/fileuploader/fileuploader-result.js.map +1 -0
- package/public/{components/resultfile/ResultFile.nested.svelte → adeo/components/fileuploader-result/fileuploader-result.svelte} +4 -1
- package/public/adeo/components/flag/Flag.js +1 -1
- package/public/adeo/components/groupedbarchart/GroupedBarChart.svelte +8 -1
- package/public/adeo/components/header/Header.js +1 -1
- package/public/adeo/components/header/Header.js.map +1 -1
- package/public/adeo/components/header/Header.svelte +9 -2
- package/public/adeo/components/header/_c.header.scss +310 -0
- package/public/adeo/components/header/_s.header.scss +28 -0
- package/public/adeo/components/hero/Hero.js +1 -1
- package/public/adeo/components/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/layer/Layer.js.map +1 -1
- package/public/adeo/components/layer/Layer.svelte +12 -2
- package/public/adeo/components/layer/layer.types.d.ts +2 -0
- package/public/adeo/components/layer/layer.types.d.ts.map +1 -0
- package/public/adeo/components/linechart/LineChart.svelte +8 -1
- package/public/adeo/components/link/Link.js +1 -1
- package/public/adeo/components/link/Link.nested.js +2 -0
- package/public/adeo/components/link/Link.nested.js.map +1 -0
- package/public/adeo/components/link/Link.nested.svelte +78 -0
- package/public/adeo/components/listbox/Listbox.js +1 -1
- package/public/adeo/components/listbox/Listbox.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/listbox/Listbox.nested.svelte +8 -1
- package/public/adeo/components/listbox/Listbox.svelte +8 -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/menu/Menu.js.map +1 -1
- package/public/adeo/components/menu/Menu.svelte +12 -2
- package/public/adeo/components/modal/Modal.js +1 -1
- package/public/adeo/components/modal/Modal.js.map +1 -1
- package/public/adeo/components/modal/Modal.svelte +9 -2
- package/public/adeo/components/notification/Notification.js +1 -1
- package/public/adeo/components/notification/Notification.js.map +1 -1
- package/public/adeo/components/notification/Notification.svelte +8 -1
- package/public/adeo/components/optionbutton/OptionButton.js +1 -1
- package/public/adeo/components/optionbutton/OptionButton.js.map +1 -1
- package/public/adeo/components/optionbutton/OptionButton.svelte +8 -2
- package/public/adeo/components/overlay/Overlay.js +1 -1
- package/public/adeo/components/overlay/OverlayLoader.js +1 -1
- package/public/adeo/components/pagination/Pagination.js +1 -1
- package/public/adeo/components/pagination/Pagination.js.map +1 -1
- package/public/adeo/components/pagination/Pagination.svelte +9 -2
- package/public/adeo/components/passwordinput/PasswordInput.js +1 -1
- package/public/adeo/components/phonenumber/PhoneNumber.js +1 -1
- package/public/adeo/components/phonenumber/PhoneNumber.js.map +1 -1
- package/public/adeo/components/phonenumber/PhoneNumber.svelte +8 -1
- package/public/adeo/components/price/Price.js +1 -1
- package/public/adeo/components/price/Price.js.map +1 -1
- package/public/adeo/components/progressbar/ProgressBar.js +1 -1
- package/public/adeo/components/quantityselector/QuantitySelector.js +1 -1
- package/public/adeo/components/quantityselector/QuantitySelector.js.map +1 -1
- package/public/adeo/components/quantityselector/QuantitySelector.svelte +9 -3
- package/public/adeo/components/radar/Radar.svelte +4 -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/radiogroup/RadioGroup.svelte +8 -2
- 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/segmentedcontrol/SegmentedControl.js.map +1 -1
- package/public/adeo/components/segmentedcontrol/SegmentedControl.svelte +12 -2
- package/public/adeo/components/select/Select.js +1 -1
- package/public/adeo/components/select/Select.js.map +1 -1
- package/public/adeo/components/select/Select.svelte +8 -2
- package/public/adeo/components/sidebar/Sidebar.js +1 -1
- package/public/adeo/components/sidebar/Sidebar.js.map +1 -1
- package/public/adeo/components/sidebar/Sidebar.svelte +10 -3
- package/public/adeo/components/sidebar/_c.sidebar.scss +9 -0
- 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/{bricoman/components/sidebar-feature-group → adeo/components/sidebar}/sidebar-feature-group.nested.svelte +22 -9
- package/public/adeo/components/sidebar/sidebar-feature.nested.js +1 -1
- package/public/adeo/components/sidebar/sidebar-feature.nested.js.map +1 -1
- package/public/{bricoman/components/sidebar-feature → adeo/components/sidebar}/sidebar-feature.nested.svelte +6 -3
- package/public/adeo/components/sidebar/sidebar-section.nested.js +1 -1
- package/public/adeo/components/sidebar/sidebar-section.nested.js.map +1 -1
- package/public/{components/sidebar-section → adeo/components/sidebar}/sidebar-section.nested.svelte +5 -2
- 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/{bricoman/components/sidebar-segment → adeo/components/sidebar}/sidebar-segment.nested.svelte +11 -10
- package/public/adeo/components/sidebar/sidebar-separator.nested.js +1 -1
- package/public/adeo/components/sidebar/sidebar-separator.nested.js.map +1 -1
- package/public/adeo/components/{sidebar-separator → sidebar}/sidebar-separator.nested.svelte +2 -2
- package/public/adeo/components/sidebar/sidebar-sub-features.nested.js +1 -1
- package/public/adeo/components/sidebar/sidebar-sub-features.nested.js.map +1 -1
- package/public/{components/sidebar-sub-features → adeo/components/sidebar}/sidebar-sub-features.nested.svelte +10 -3
- package/public/adeo/components/sidebar/sidebar-user.nested.js +1 -1
- package/public/adeo/components/sidebar/sidebar-user.nested.js.map +1 -1
- package/public/{components/sidebar-user → adeo/components/sidebar}/sidebar-user.nested.svelte +2 -2
- package/public/adeo/components/sidebar/sidebar.types.d.ts +10 -0
- package/public/adeo/components/sidebar/sidebar.types.d.ts.map +1 -1
- package/public/adeo/components/stackedbarchart/StackedBarChart.svelte +8 -1
- package/public/adeo/components/starsinput/StarsInput.svelte +8 -1
- package/public/adeo/components/stepper/Stepper.js +1 -1
- package/public/adeo/components/stepper/Stepper.js.map +1 -1
- package/public/adeo/components/stepper/Stepper.svelte +8 -1
- package/public/adeo/components/stepperbar/StepperBar.js +1 -1
- package/public/adeo/components/stepperbar/StepperBar.js.map +1 -1
- package/public/adeo/components/stepperbar/StepperBar.svelte +8 -1
- package/public/adeo/components/tabs/Tabs.js +1 -1
- package/public/adeo/components/tabs/Tabs.js.map +1 -1
- package/public/adeo/components/tabs/Tabs.nested.js +1 -1
- package/public/adeo/components/tabs/Tabs.nested.js.map +1 -1
- package/public/adeo/components/tabs/Tabs.nested.svelte +8 -1
- package/public/adeo/components/tabs/Tabs.svelte +8 -1
- package/public/adeo/components/tag/Tag.js +1 -1
- package/public/adeo/components/tag/Tag.js.map +1 -1
- package/public/adeo/components/tag/Tag.nested.js +1 -1
- package/public/adeo/components/tag/Tag.nested.js.map +1 -1
- package/public/adeo/components/tag/Tag.nested.svelte +13 -2
- package/public/adeo/components/tag/Tag.svelte +13 -3
- package/public/adeo/components/taglist/TagList.js +1 -1
- package/public/adeo/components/taglist/TagList.js.map +1 -1
- package/public/adeo/components/taglist/TagList.svelte +8 -1
- package/public/adeo/components/textarea/Textarea.js +1 -1
- package/public/adeo/components/textinput/Textinput.js +1 -1
- package/public/adeo/components/textinput/Textinput.js.map +1 -1
- package/public/adeo/components/textinput/Textinput.nested.js +1 -1
- package/public/adeo/components/textinput/Textinput.svelte +8 -2
- package/public/adeo/components/toggle/Toggle.js +1 -1
- package/public/adeo/components/toggle/Toggle.js.map +1 -1
- package/public/adeo/components/toggle/Toggle.svelte +8 -2
- package/public/adeo/components/tooltip/Tooltip.js +1 -1
- package/public/adeo/{index-52f16292.js → index-9ffad6d0.js} +2 -2
- package/public/{bricoman/index-52f16292.js.map → adeo/index-9ffad6d0.js.map} +1 -1
- package/public/adeo/main.d.ts +1 -0
- package/public/adeo/main.d.ts.map +1 -1
- package/public/adeo/{sidebar-service-293d79ef.js → sidebar-service-ab65d83f.js} +2 -2
- package/public/{sidebar-service-293d79ef.js.map → adeo/sidebar-service-ab65d83f.js.map} +1 -1
- package/public/adeo/stories/carousel/items.d.ts +3 -0
- package/public/adeo/stories/carousel/items.d.ts.map +1 -0
- package/public/adeo/utilities/EventHandler.d.ts +2 -1
- package/public/adeo/utilities/EventHandler.d.ts.map +1 -1
- package/public/adeo/utilities/EventHandler.ts +5 -5
- package/public/adeo/utilities/sidebar-service.d.ts +8 -0
- package/public/adeo/utilities/sidebar-service.d.ts.map +1 -0
- package/public/adeo/utilities/sidebar-service.ts +93 -0
- package/public/bricoman/{EventForward-422700d7.js → EventForward-24fc0272.js} +2 -2
- package/public/bricoman/{EventForward-422700d7.js.map → EventForward-24fc0272.js.map} +1 -1
- package/public/bricoman/EventHandler-f7ee47ca.js +2 -0
- package/public/bricoman/EventHandler-f7ee47ca.js.map +1 -0
- package/public/bricoman/bundle.js +5 -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 +8 -1
- package/public/bricoman/components/actionbar/ActionBar.js +1 -1
- package/public/bricoman/components/actionbar/ActionBar.js.map +1 -1
- package/public/bricoman/components/actionbar/ActionBar.svelte +8 -1
- package/public/bricoman/components/autocomplete/Autocomplete.js +1 -1
- package/public/bricoman/components/autocomplete/Autocomplete.js.map +1 -1
- package/public/bricoman/components/autocomplete/Autocomplete.svelte +8 -2
- package/public/bricoman/components/badge/Badge.js +1 -1
- package/public/bricoman/components/badge/Badge.nested.js +1 -1
- package/public/bricoman/components/barchart/BarChart.svelte +8 -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/breadcrumb/Breadcrumb.nested.svelte +8 -1
- package/public/bricoman/components/breadcrumb/Breadcrumb.svelte +8 -1
- package/public/bricoman/components/button/Button.js +1 -1
- package/public/bricoman/components/button/Button.nested.js +2 -0
- package/public/bricoman/components/button/Button.nested.js.map +1 -0
- package/public/bricoman/components/button/Button.nested.svelte +173 -0
- package/public/bricoman/components/card/Card.js +1 -1
- package/public/bricoman/components/carousel/Carousel.js +2 -0
- package/public/bricoman/components/carousel/Carousel.js.map +1 -0
- package/public/bricoman/components/carousel/Carousel.svelte +421 -0
- package/public/bricoman/components/carousel/CarouselCard.nested.js +2 -0
- package/public/bricoman/components/carousel/CarouselCard.nested.js.map +1 -0
- package/public/bricoman/components/carousel/carousel.types.d.ts +19 -0
- package/public/bricoman/components/carousel/carousel.types.d.ts.map +1 -0
- package/public/bricoman/components/carouselcard/CarouselCard.nested.svelte +37 -0
- package/public/bricoman/components/chart/BarChart.js +1 -1
- package/public/bricoman/components/chart/BarChart.js.map +1 -1
- package/public/bricoman/components/chart/Donut.js +1 -1
- package/public/bricoman/components/chart/Donut.js.map +1 -1
- package/public/bricoman/components/chart/GroupedBarChart.js +1 -1
- package/public/bricoman/components/chart/GroupedBarChart.js.map +1 -1
- package/public/bricoman/components/chart/LineChart.js +1 -1
- package/public/bricoman/components/chart/LineChart.js.map +1 -1
- package/public/bricoman/components/chart/Radar.js +1 -1
- package/public/bricoman/components/chart/Radar.js.map +1 -1
- package/public/bricoman/components/chart/StackedBarChart.js +1 -1
- package/public/bricoman/components/chart/StackedBarChart.js.map +1 -1
- package/public/bricoman/components/checkbox/Checkbox.js +1 -1
- package/public/bricoman/components/checkbox/Checkbox.js.map +1 -1
- package/public/bricoman/components/checkbox/Checkbox.svelte +8 -2
- package/public/bricoman/components/checkboxgroup/checkboxGroup.js +1 -1
- package/public/bricoman/components/checkboxgroup/checkboxGroup.js.map +1 -1
- package/public/bricoman/components/checkboxgroup/checkboxGroup.svelte +9 -2
- package/public/bricoman/components/datatable/DataTable.js +1 -1
- package/public/bricoman/components/datatable/DataTable.js.map +1 -1
- package/public/bricoman/components/datatable/DataTable.svelte +19 -10
- package/public/bricoman/components/datatable/datatable-default-action.nested.js +2 -0
- package/public/bricoman/components/datatable/datatable-default-action.nested.js.map +1 -0
- package/public/{adeo/components/datatabledefaultaction/DataTableDefaultAction.nested.svelte → bricoman/components/datatable/datatable-default-action.nested.svelte} +8 -1
- package/public/bricoman/components/datatable/datatable-default-edtion.nested.js +2 -0
- package/public/bricoman/components/datatable/datatable-default-edtion.nested.js.map +1 -0
- package/public/{adeo/components/datatabledefaultedtion/DataTableDefaultEdtion.nested.svelte → bricoman/components/datatable/datatable-default-edtion.nested.svelte} +8 -1
- package/public/bricoman/components/datatable/datatable-default-filter-tags.nested.js +2 -0
- package/public/bricoman/components/datatable/datatable-default-filter-tags.nested.js.map +1 -0
- package/public/{components/datatabledefaultfiltertags/DataTableDefaultFilterTags.nested.svelte → bricoman/components/datatable/datatable-default-filter-tags.nested.svelte} +8 -1
- package/public/bricoman/components/datatable/datatable-default-footer.nested.js +2 -0
- package/public/bricoman/components/datatable/datatable-default-footer.nested.js.map +1 -0
- package/public/{adeo/components/datatablefooter/DataTableFooter.nested.svelte → bricoman/components/datatable/datatable-default-footer.nested.svelte} +8 -1
- package/public/bricoman/components/datatable/datatable-default-selection-label.nested.js +2 -0
- package/public/bricoman/components/datatable/datatable-default-selection-label.nested.js.map +1 -0
- package/public/bricoman/components/datatable/datatable-default-selection.nested.js +2 -0
- package/public/bricoman/components/datatable/datatable-default-selection.nested.js.map +1 -0
- package/public/{components/datatabledefaultselection/DataTableDefaultSelection.nested.svelte → bricoman/components/datatable/datatable-default-selection.nested.svelte} +8 -16
- package/public/bricoman/components/datatable/datatable.types.d.ts +1 -0
- package/public/bricoman/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/bricoman/components/donut/Donut.svelte +8 -1
- package/public/bricoman/components/dropdown/Dropdown.js +1 -1
- package/public/bricoman/components/dropdown/Dropdown.js.map +1 -1
- package/public/bricoman/components/dropdown/Dropdown.svelte +8 -2
- package/public/bricoman/components/field/Field.js +1 -1
- package/public/bricoman/components/fileuploader/FileUploader.js +1 -1
- package/public/bricoman/components/fileuploader/FileUploader.js.map +1 -1
- package/public/bricoman/components/fileuploader/FileUploader.svelte +10 -3
- package/public/bricoman/components/fileuploader/fileuploader-result.js +2 -0
- package/public/bricoman/components/fileuploader/fileuploader-result.js.map +1 -0
- package/public/{adeo/components/resultfile/ResultFile.nested.svelte → bricoman/components/fileuploader-result/fileuploader-result.svelte} +4 -1
- package/public/bricoman/components/flag/Flag.js +1 -1
- package/public/bricoman/components/groupedbarchart/GroupedBarChart.svelte +8 -1
- package/public/bricoman/components/header/Header.js +1 -1
- package/public/bricoman/components/header/Header.js.map +1 -1
- package/public/bricoman/components/header/Header.svelte +9 -2
- package/public/bricoman/components/header/_c.header.scss +310 -0
- package/public/bricoman/components/header/_s.header.scss +28 -0
- package/public/bricoman/components/hero/Hero.js +1 -1
- package/public/bricoman/components/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/layer/Layer.js.map +1 -1
- package/public/bricoman/components/layer/Layer.svelte +12 -2
- package/public/bricoman/components/layer/layer.types.d.ts +2 -0
- package/public/bricoman/components/layer/layer.types.d.ts.map +1 -0
- package/public/bricoman/components/linechart/LineChart.svelte +8 -1
- package/public/bricoman/components/link/Link.js +1 -1
- package/public/bricoman/components/link/Link.nested.js +2 -0
- package/public/bricoman/components/link/Link.nested.js.map +1 -0
- package/public/bricoman/components/link/Link.nested.svelte +78 -0
- package/public/bricoman/components/listbox/Listbox.js +1 -1
- package/public/bricoman/components/listbox/Listbox.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/listbox/Listbox.nested.svelte +8 -1
- package/public/bricoman/components/listbox/Listbox.svelte +8 -1
- package/public/bricoman/components/loader/Loader.js +1 -1
- package/public/bricoman/components/loader/Loader.nested.js +1 -1
- package/public/bricoman/components/menu/Menu.js +1 -1
- package/public/bricoman/components/menu/Menu.js.map +1 -1
- package/public/bricoman/components/menu/Menu.svelte +12 -2
- package/public/bricoman/components/modal/Modal.js +1 -1
- package/public/bricoman/components/modal/Modal.js.map +1 -1
- package/public/bricoman/components/modal/Modal.svelte +9 -2
- package/public/bricoman/components/notification/Notification.js +1 -1
- package/public/bricoman/components/notification/Notification.js.map +1 -1
- package/public/bricoman/components/notification/Notification.svelte +8 -1
- package/public/bricoman/components/optionbutton/OptionButton.js +1 -1
- package/public/bricoman/components/optionbutton/OptionButton.js.map +1 -1
- package/public/bricoman/components/optionbutton/OptionButton.svelte +8 -2
- package/public/bricoman/components/overlay/Overlay.js +1 -1
- package/public/bricoman/components/overlay/OverlayLoader.js +1 -1
- package/public/bricoman/components/pagination/Pagination.js +1 -1
- package/public/bricoman/components/pagination/Pagination.js.map +1 -1
- package/public/bricoman/components/pagination/Pagination.svelte +9 -2
- package/public/bricoman/components/passwordinput/PasswordInput.js +1 -1
- package/public/bricoman/components/phonenumber/PhoneNumber.js +1 -1
- package/public/bricoman/components/phonenumber/PhoneNumber.js.map +1 -1
- package/public/bricoman/components/phonenumber/PhoneNumber.svelte +8 -1
- package/public/bricoman/components/price/Price.js +1 -1
- package/public/bricoman/components/price/Price.js.map +1 -1
- package/public/bricoman/components/progressbar/ProgressBar.js +1 -1
- package/public/bricoman/components/quantityselector/QuantitySelector.js +1 -1
- package/public/bricoman/components/quantityselector/QuantitySelector.js.map +1 -1
- package/public/bricoman/components/quantityselector/QuantitySelector.svelte +9 -3
- package/public/bricoman/components/radar/Radar.svelte +4 -1
- package/public/bricoman/components/radio/Radio.js +1 -1
- package/public/bricoman/components/radiogroup/RadioGroup.js +1 -1
- package/public/bricoman/components/radiogroup/RadioGroup.js.map +1 -1
- package/public/bricoman/components/radiogroup/RadioGroup.svelte +8 -2
- 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/segmentedcontrol/SegmentedControl.svelte +12 -2
- package/public/bricoman/components/select/Select.js +1 -1
- package/public/bricoman/components/select/Select.js.map +1 -1
- package/public/bricoman/components/select/Select.svelte +8 -2
- package/public/bricoman/components/sidebar/Sidebar.js +1 -1
- package/public/bricoman/components/sidebar/Sidebar.js.map +1 -1
- package/public/bricoman/components/sidebar/Sidebar.svelte +10 -3
- package/public/bricoman/components/sidebar/_c.sidebar.scss +9 -0
- 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/{components/sidebar-feature-group → bricoman/components/sidebar}/sidebar-feature-group.nested.svelte +22 -9
- package/public/bricoman/components/sidebar/sidebar-feature.nested.js +1 -1
- package/public/bricoman/components/sidebar/sidebar-feature.nested.js.map +1 -1
- package/public/{components/sidebar-feature → bricoman/components/sidebar}/sidebar-feature.nested.svelte +6 -3
- package/public/bricoman/components/sidebar/sidebar-section.nested.js +1 -1
- package/public/bricoman/components/sidebar/sidebar-section.nested.js.map +1 -1
- package/public/bricoman/components/{sidebar-section → sidebar}/sidebar-section.nested.svelte +5 -2
- 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/{components/sidebar-segment → bricoman/components/sidebar}/sidebar-segment.nested.svelte +11 -10
- package/public/bricoman/components/sidebar/sidebar-separator.nested.js +1 -1
- package/public/bricoman/components/sidebar/sidebar-separator.nested.js.map +1 -1
- package/public/bricoman/components/{sidebar-separator → sidebar}/sidebar-separator.nested.svelte +2 -2
- 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-sub-features → sidebar}/sidebar-sub-features.nested.svelte +10 -3
- 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/{adeo/components/sidebar-user → bricoman/components/sidebar}/sidebar-user.nested.svelte +2 -2
- package/public/bricoman/components/sidebar/sidebar.types.d.ts +10 -0
- package/public/bricoman/components/sidebar/sidebar.types.d.ts.map +1 -1
- package/public/bricoman/components/stackedbarchart/StackedBarChart.svelte +8 -1
- package/public/bricoman/components/starsinput/StarsInput.svelte +8 -1
- package/public/bricoman/components/stepper/Stepper.js +1 -1
- package/public/bricoman/components/stepper/Stepper.js.map +1 -1
- package/public/bricoman/components/stepper/Stepper.svelte +8 -1
- package/public/bricoman/components/stepperbar/StepperBar.js +1 -1
- package/public/bricoman/components/stepperbar/StepperBar.js.map +1 -1
- package/public/bricoman/components/stepperbar/StepperBar.svelte +8 -1
- package/public/bricoman/components/tabs/Tabs.js +1 -1
- package/public/bricoman/components/tabs/Tabs.js.map +1 -1
- package/public/bricoman/components/tabs/Tabs.nested.js +1 -1
- package/public/bricoman/components/tabs/Tabs.nested.js.map +1 -1
- package/public/bricoman/components/tabs/Tabs.nested.svelte +8 -1
- package/public/bricoman/components/tabs/Tabs.svelte +8 -1
- package/public/bricoman/components/tag/Tag.js +1 -1
- package/public/bricoman/components/tag/Tag.js.map +1 -1
- package/public/bricoman/components/tag/Tag.nested.js +1 -1
- package/public/bricoman/components/tag/Tag.nested.js.map +1 -1
- package/public/bricoman/components/tag/Tag.nested.svelte +13 -2
- package/public/bricoman/components/tag/Tag.svelte +13 -3
- package/public/bricoman/components/taglist/TagList.js +1 -1
- package/public/bricoman/components/taglist/TagList.js.map +1 -1
- package/public/bricoman/components/taglist/TagList.svelte +8 -1
- package/public/bricoman/components/textarea/Textarea.js +1 -1
- package/public/bricoman/components/textinput/Textinput.js +1 -1
- package/public/bricoman/components/textinput/Textinput.js.map +1 -1
- package/public/bricoman/components/textinput/Textinput.nested.js +1 -1
- package/public/bricoman/components/textinput/Textinput.svelte +8 -2
- package/public/bricoman/components/toggle/Toggle.js +1 -1
- package/public/bricoman/components/toggle/Toggle.js.map +1 -1
- package/public/bricoman/components/toggle/Toggle.svelte +8 -2
- package/public/bricoman/components/tooltip/Tooltip.js +1 -1
- package/public/bricoman/{index-52f16292.js → index-9ffad6d0.js} +2 -2
- package/public/{adeo/index-52f16292.js.map → bricoman/index-9ffad6d0.js.map} +1 -1
- package/public/bricoman/main.d.ts +1 -0
- package/public/bricoman/main.d.ts.map +1 -1
- package/public/bricoman/{sidebar-service-293d79ef.js → sidebar-service-ab65d83f.js} +2 -2
- package/public/bricoman/sidebar-service-ab65d83f.js.map +1 -0
- package/public/bricoman/stories/carousel/items.d.ts +3 -0
- package/public/bricoman/stories/carousel/items.d.ts.map +1 -0
- package/public/bricoman/utilities/EventHandler.d.ts +2 -1
- package/public/bricoman/utilities/EventHandler.d.ts.map +1 -1
- package/public/bricoman/utilities/EventHandler.ts +5 -5
- package/public/bricoman/utilities/sidebar-service.d.ts +8 -0
- package/public/bricoman/utilities/sidebar-service.d.ts.map +1 -0
- package/public/bricoman/utilities/sidebar-service.ts +93 -0
- package/public/bundle.js +5 -1
- package/public/components/accordion/Accordion.js +1 -1
- package/public/components/accordion/Accordion.js.map +1 -1
- package/public/components/accordion/Accordion.svelte +8 -1
- package/public/components/actionbar/ActionBar.js +1 -1
- package/public/components/actionbar/ActionBar.js.map +1 -1
- package/public/components/actionbar/ActionBar.svelte +8 -1
- package/public/components/autocomplete/Autocomplete.js +1 -1
- package/public/components/autocomplete/Autocomplete.js.map +1 -1
- package/public/components/autocomplete/Autocomplete.svelte +8 -2
- package/public/components/badge/Badge.js +1 -1
- package/public/components/badge/Badge.nested.js +1 -1
- package/public/components/barchart/BarChart.svelte +8 -1
- package/public/components/bottombar/BottomBar.js +1 -1
- package/public/components/breadcrumb/Breadcrumb.js +1 -1
- package/public/components/breadcrumb/Breadcrumb.js.map +1 -1
- package/public/components/breadcrumb/Breadcrumb.nested.js +1 -1
- package/public/components/breadcrumb/Breadcrumb.nested.js.map +1 -1
- package/public/components/breadcrumb/Breadcrumb.nested.svelte +8 -1
- package/public/components/breadcrumb/Breadcrumb.svelte +8 -1
- package/public/components/button/Button.js +1 -1
- package/public/components/button/Button.nested.js +2 -0
- package/public/components/button/Button.nested.js.map +1 -0
- package/public/components/button/Button.nested.svelte +173 -0
- package/public/components/card/Card.js +1 -1
- package/public/components/carousel/Carousel.js +2 -0
- package/public/components/carousel/Carousel.js.map +1 -0
- package/public/components/carousel/Carousel.svelte +421 -0
- package/public/components/carousel/CarouselCard.nested.js +2 -0
- package/public/components/carousel/CarouselCard.nested.js.map +1 -0
- package/public/components/carousel/carousel.types.d.ts +19 -0
- package/public/components/carousel/carousel.types.d.ts.map +1 -0
- package/public/components/carouselcard/CarouselCard.nested.svelte +37 -0
- package/public/components/chart/BarChart.js +1 -1
- package/public/components/chart/BarChart.js.map +1 -1
- package/public/components/chart/Donut.js +1 -1
- package/public/components/chart/Donut.js.map +1 -1
- package/public/components/chart/GroupedBarChart.js +1 -1
- package/public/components/chart/GroupedBarChart.js.map +1 -1
- package/public/components/chart/LineChart.js +1 -1
- package/public/components/chart/LineChart.js.map +1 -1
- package/public/components/chart/Radar.js +1 -1
- package/public/components/chart/Radar.js.map +1 -1
- package/public/components/chart/StackedBarChart.js +1 -1
- package/public/components/chart/StackedBarChart.js.map +1 -1
- package/public/components/checkbox/Checkbox.js +1 -1
- package/public/components/checkbox/Checkbox.js.map +1 -1
- package/public/components/checkbox/Checkbox.svelte +8 -2
- package/public/components/checkboxgroup/checkboxGroup.js +1 -1
- package/public/components/checkboxgroup/checkboxGroup.js.map +1 -1
- package/public/components/checkboxgroup/checkboxGroup.svelte +9 -2
- package/public/components/datatable/DataTable.js +1 -1
- package/public/components/datatable/DataTable.js.map +1 -1
- package/public/components/datatable/DataTable.svelte +19 -10
- package/public/components/datatable/datatable-default-action.nested.js +2 -0
- package/public/components/datatable/datatable-default-action.nested.js.map +1 -0
- package/public/components/{datatabledefaultaction/DataTableDefaultAction.nested.svelte → datatable/datatable-default-action.nested.svelte} +8 -1
- package/public/components/datatable/datatable-default-edtion.nested.js +2 -0
- package/public/components/datatable/datatable-default-edtion.nested.js.map +1 -0
- package/public/{bricoman/components/datatabledefaultedtion/DataTableDefaultEdtion.nested.svelte → components/datatable/datatable-default-edtion.nested.svelte} +8 -1
- package/public/components/datatable/datatable-default-filter-tags.nested.js +2 -0
- package/public/components/datatable/datatable-default-filter-tags.nested.js.map +1 -0
- package/public/{adeo/components/datatabledefaultfiltertags/DataTableDefaultFilterTags.nested.svelte → components/datatable/datatable-default-filter-tags.nested.svelte} +8 -1
- package/public/components/datatable/datatable-default-footer.nested.js +2 -0
- package/public/components/datatable/datatable-default-footer.nested.js.map +1 -0
- package/public/{bricoman/components/datatablefooter/DataTableFooter.nested.svelte → components/datatable/datatable-default-footer.nested.svelte} +8 -1
- package/public/components/datatable/datatable-default-selection-label.nested.js +2 -0
- package/public/components/datatable/datatable-default-selection-label.nested.js.map +1 -0
- package/public/components/datatable/datatable-default-selection.nested.js +2 -0
- package/public/components/datatable/datatable-default-selection.nested.js.map +1 -0
- package/public/{adeo/components/datatabledefaultselection/DataTableDefaultSelection.nested.svelte → components/datatable/datatable-default-selection.nested.svelte} +8 -16
- package/public/components/datatable/datatable.types.d.ts +1 -0
- package/public/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/components/donut/Donut.svelte +8 -1
- package/public/components/dropdown/Dropdown.js +1 -1
- package/public/components/dropdown/Dropdown.js.map +1 -1
- package/public/components/dropdown/Dropdown.svelte +8 -2
- package/public/components/field/Field.js +1 -1
- package/public/components/fileuploader/FileUploader.js +1 -1
- package/public/components/fileuploader/FileUploader.js.map +1 -1
- package/public/components/fileuploader/FileUploader.svelte +10 -3
- package/public/components/fileuploader/fileuploader-result.js +2 -0
- package/public/components/fileuploader/fileuploader-result.js.map +1 -0
- package/public/{bricoman/components/resultfile/ResultFile.nested.svelte → components/fileuploader-result/fileuploader-result.svelte} +4 -1
- package/public/components/flag/Flag.js +1 -1
- package/public/components/groupedbarchart/GroupedBarChart.svelte +8 -1
- package/public/components/header/Header.js +1 -1
- package/public/components/header/Header.js.map +1 -1
- package/public/components/header/Header.svelte +9 -2
- package/public/components/header/_c.header.scss +310 -0
- package/public/components/header/_s.header.scss +28 -0
- package/public/components/hero/Hero.js +1 -1
- package/public/components/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/layer/Layer.js.map +1 -1
- package/public/components/layer/Layer.svelte +12 -2
- package/public/components/layer/layer.types.d.ts +2 -0
- package/public/components/layer/layer.types.d.ts.map +1 -0
- package/public/components/linechart/LineChart.svelte +8 -1
- package/public/components/link/Link.js +1 -1
- package/public/components/link/Link.nested.js +2 -0
- package/public/components/link/Link.nested.js.map +1 -0
- package/public/components/link/Link.nested.svelte +78 -0
- package/public/components/listbox/Listbox.js +1 -1
- package/public/components/listbox/Listbox.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/listbox/Listbox.nested.svelte +8 -1
- package/public/components/listbox/Listbox.svelte +8 -1
- package/public/components/loader/Loader.js +1 -1
- package/public/components/loader/Loader.nested.js +1 -1
- package/public/components/menu/Menu.js +1 -1
- package/public/components/menu/Menu.js.map +1 -1
- package/public/components/menu/Menu.svelte +12 -2
- package/public/components/modal/Modal.js +1 -1
- package/public/components/modal/Modal.js.map +1 -1
- package/public/components/modal/Modal.svelte +9 -2
- package/public/components/notification/Notification.js +1 -1
- package/public/components/notification/Notification.js.map +1 -1
- package/public/components/notification/Notification.svelte +8 -1
- package/public/components/optionbutton/OptionButton.js +1 -1
- package/public/components/optionbutton/OptionButton.js.map +1 -1
- package/public/components/optionbutton/OptionButton.svelte +8 -2
- package/public/components/overlay/Overlay.js +1 -1
- package/public/components/overlay/OverlayLoader.js +1 -1
- package/public/components/pagination/Pagination.js +1 -1
- package/public/components/pagination/Pagination.js.map +1 -1
- package/public/components/pagination/Pagination.svelte +9 -2
- package/public/components/passwordinput/PasswordInput.js +1 -1
- package/public/components/phonenumber/PhoneNumber.js +1 -1
- package/public/components/phonenumber/PhoneNumber.js.map +1 -1
- package/public/components/phonenumber/PhoneNumber.svelte +8 -1
- package/public/components/price/Price.js +1 -1
- package/public/components/price/Price.js.map +1 -1
- package/public/components/progressbar/ProgressBar.js +1 -1
- package/public/components/quantityselector/QuantitySelector.js +1 -1
- package/public/components/quantityselector/QuantitySelector.js.map +1 -1
- package/public/components/quantityselector/QuantitySelector.svelte +9 -3
- package/public/components/radar/Radar.svelte +4 -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/radiogroup/RadioGroup.svelte +8 -2
- 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/segmentedcontrol/SegmentedControl.js.map +1 -1
- package/public/components/segmentedcontrol/SegmentedControl.svelte +12 -2
- package/public/components/select/Select.js +1 -1
- package/public/components/select/Select.js.map +1 -1
- package/public/components/select/Select.svelte +8 -2
- package/public/components/sidebar/Sidebar.js +1 -1
- package/public/components/sidebar/Sidebar.js.map +1 -1
- package/public/components/sidebar/Sidebar.svelte +10 -3
- package/public/components/sidebar/_c.sidebar.scss +9 -0
- package/public/components/sidebar/sidebar-feature-group.nested.js +1 -1
- package/public/components/sidebar/sidebar-feature-group.nested.js.map +1 -1
- package/public/{adeo/components/sidebar-feature-group → components/sidebar}/sidebar-feature-group.nested.svelte +22 -9
- package/public/components/sidebar/sidebar-feature.nested.js +1 -1
- package/public/components/sidebar/sidebar-feature.nested.js.map +1 -1
- package/public/{adeo/components/sidebar-feature → components/sidebar}/sidebar-feature.nested.svelte +6 -3
- package/public/components/sidebar/sidebar-section.nested.js +1 -1
- package/public/components/sidebar/sidebar-section.nested.js.map +1 -1
- package/public/{adeo/components/sidebar-section → components/sidebar}/sidebar-section.nested.svelte +5 -2
- package/public/components/sidebar/sidebar-segment.nested.js +1 -1
- package/public/components/sidebar/sidebar-segment.nested.js.map +1 -1
- package/public/{adeo/components/sidebar-segment → components/sidebar}/sidebar-segment.nested.svelte +11 -10
- package/public/components/sidebar/sidebar-separator.nested.js +1 -1
- package/public/components/sidebar/sidebar-separator.nested.js.map +1 -1
- package/public/components/{sidebar-separator → sidebar}/sidebar-separator.nested.svelte +2 -2
- 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/{adeo/components/sidebar-sub-features → components/sidebar}/sidebar-sub-features.nested.svelte +10 -3
- package/public/components/sidebar/sidebar-user.nested.js +1 -1
- package/public/components/sidebar/sidebar-user.nested.js.map +1 -1
- package/public/{bricoman/components/sidebar-user → components/sidebar}/sidebar-user.nested.svelte +2 -2
- package/public/components/sidebar/sidebar.types.d.ts +10 -0
- package/public/components/sidebar/sidebar.types.d.ts.map +1 -1
- package/public/components/stackedbarchart/StackedBarChart.svelte +8 -1
- package/public/components/starsinput/StarsInput.svelte +8 -1
- package/public/components/stepper/Stepper.js +1 -1
- package/public/components/stepper/Stepper.js.map +1 -1
- package/public/components/stepper/Stepper.svelte +8 -1
- package/public/components/stepperbar/StepperBar.js +1 -1
- package/public/components/stepperbar/StepperBar.js.map +1 -1
- package/public/components/stepperbar/StepperBar.svelte +8 -1
- package/public/components/tabs/Tabs.js +1 -1
- package/public/components/tabs/Tabs.js.map +1 -1
- package/public/components/tabs/Tabs.nested.js +1 -1
- package/public/components/tabs/Tabs.nested.js.map +1 -1
- package/public/components/tabs/Tabs.nested.svelte +8 -1
- package/public/components/tabs/Tabs.svelte +8 -1
- package/public/components/tag/Tag.js +1 -1
- package/public/components/tag/Tag.js.map +1 -1
- package/public/components/tag/Tag.nested.js +1 -1
- package/public/components/tag/Tag.nested.js.map +1 -1
- package/public/components/tag/Tag.nested.svelte +13 -2
- package/public/components/tag/Tag.svelte +13 -3
- package/public/components/taglist/TagList.js +1 -1
- package/public/components/taglist/TagList.js.map +1 -1
- package/public/components/taglist/TagList.svelte +8 -1
- package/public/components/textarea/Textarea.js +1 -1
- package/public/components/textinput/Textinput.js +1 -1
- package/public/components/textinput/Textinput.js.map +1 -1
- package/public/components/textinput/Textinput.nested.js +1 -1
- package/public/components/textinput/Textinput.svelte +8 -2
- package/public/components/toggle/Toggle.js +1 -1
- package/public/components/toggle/Toggle.js.map +1 -1
- package/public/components/toggle/Toggle.svelte +8 -2
- package/public/components/tooltip/Tooltip.js +1 -1
- package/public/{index-52f16292.js → index-9ffad6d0.js} +2 -2
- package/public/{index-52f16292.js.map → index-9ffad6d0.js.map} +1 -1
- package/public/main.d.ts +1 -0
- package/public/main.d.ts.map +1 -1
- package/public/{sidebar-service-293d79ef.js → sidebar-service-ab65d83f.js} +2 -2
- package/public/sidebar-service-ab65d83f.js.map +1 -0
- package/public/stories/carousel/items.d.ts +3 -0
- package/public/stories/carousel/items.d.ts.map +1 -0
- package/public/utilities/EventHandler.d.ts +2 -1
- package/public/utilities/EventHandler.d.ts.map +1 -1
- package/public/utilities/EventHandler.js +1 -2
- package/public/utilities/EventHandler.ts +5 -5
- package/public/utilities/components/carousel/carousel.types.d.ts +19 -0
- package/public/utilities/components/carousel/carousel.types.d.ts.map +1 -0
- package/public/utilities/components/datatable/datatable.types.d.ts +1 -0
- package/public/utilities/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/utilities/components/layer/layer.types.d.ts +2 -0
- package/public/utilities/components/layer/layer.types.d.ts.map +1 -0
- package/public/utilities/components/sidebar/sidebar.types.d.ts +10 -0
- package/public/utilities/components/sidebar/sidebar.types.d.ts.map +1 -1
- package/public/utilities/main.d.ts +1 -0
- package/public/utilities/main.d.ts.map +1 -1
- package/public/utilities/sidebar-service.d.ts +8 -0
- package/public/utilities/sidebar-service.d.ts.map +1 -0
- package/public/utilities/sidebar-service.ts +93 -0
- package/public/utilities/stories/carousel/Carousel.stories.d.ts +8 -0
- package/public/utilities/stories/carousel/Carousel.stories.d.ts.map +1 -0
- package/public/utilities/stories/carousel/items.d.ts +3 -0
- package/public/utilities/stories/carousel/items.d.ts.map +1 -0
- package/public/utilities/stories/layer/Layer.stories.d.ts +1 -0
- package/public/utilities/stories/layer/Layer.stories.d.ts.map +1 -1
- package/public/utilities/utilities/EventHandler.d.ts +2 -1
- package/public/utilities/utilities/EventHandler.d.ts.map +1 -1
- package/public/utilities/utilities/sidebar-service.d.ts +8 -0
- package/public/utilities/utilities/sidebar-service.d.ts.map +1 -0
- package/public/EventHandler-f4efd23c.js +0 -2
- package/public/EventHandler-f4efd23c.js.map +0 -1
- package/public/adeo/EventHandler-f4efd23c.js +0 -2
- package/public/adeo/EventHandler-f4efd23c.js.map +0 -1
- package/public/adeo/components/datatable/DataTableDefaultAction.nested.js +0 -2
- package/public/adeo/components/datatable/DataTableDefaultAction.nested.js.map +0 -1
- package/public/adeo/components/datatable/DataTableDefaultEdtion.nested.js +0 -2
- package/public/adeo/components/datatable/DataTableDefaultEdtion.nested.js.map +0 -1
- package/public/adeo/components/datatable/DataTableDefaultFilterTags.nested.js +0 -2
- package/public/adeo/components/datatable/DataTableDefaultFilterTags.nested.js.map +0 -1
- package/public/adeo/components/datatable/DataTableDefaultSelection.nested.js +0 -2
- package/public/adeo/components/datatable/DataTableDefaultSelection.nested.js.map +0 -1
- package/public/adeo/components/datatable/DataTableDefaultSelectionLabel.nested.js +0 -2
- package/public/adeo/components/datatable/DataTableDefaultSelectionLabel.nested.js.map +0 -1
- package/public/adeo/components/datatable/DataTableFooter.nested.js +0 -2
- package/public/adeo/components/datatable/DataTableFooter.nested.js.map +0 -1
- package/public/adeo/components/fileuploader/ResultFile.nested.js +0 -2
- package/public/adeo/components/fileuploader/ResultFile.nested.js.map +0 -1
- package/public/adeo/sidebar-service-293d79ef.js.map +0 -1
- package/public/bricoman/EventHandler-f4efd23c.js +0 -2
- package/public/bricoman/EventHandler-f4efd23c.js.map +0 -1
- package/public/bricoman/components/datatable/DataTableDefaultAction.nested.js +0 -2
- package/public/bricoman/components/datatable/DataTableDefaultAction.nested.js.map +0 -1
- package/public/bricoman/components/datatable/DataTableDefaultEdtion.nested.js +0 -2
- package/public/bricoman/components/datatable/DataTableDefaultEdtion.nested.js.map +0 -1
- package/public/bricoman/components/datatable/DataTableDefaultFilterTags.nested.js +0 -2
- package/public/bricoman/components/datatable/DataTableDefaultFilterTags.nested.js.map +0 -1
- package/public/bricoman/components/datatable/DataTableDefaultSelection.nested.js +0 -2
- package/public/bricoman/components/datatable/DataTableDefaultSelection.nested.js.map +0 -1
- package/public/bricoman/components/datatable/DataTableDefaultSelectionLabel.nested.js +0 -2
- package/public/bricoman/components/datatable/DataTableDefaultSelectionLabel.nested.js.map +0 -1
- package/public/bricoman/components/datatable/DataTableFooter.nested.js +0 -2
- package/public/bricoman/components/datatable/DataTableFooter.nested.js.map +0 -1
- package/public/bricoman/components/fileuploader/ResultFile.nested.js +0 -2
- package/public/bricoman/components/fileuploader/ResultFile.nested.js.map +0 -1
- package/public/bricoman/sidebar-service-293d79ef.js.map +0 -1
- package/public/components/datatable/DataTableDefaultAction.nested.js +0 -2
- package/public/components/datatable/DataTableDefaultAction.nested.js.map +0 -1
- package/public/components/datatable/DataTableDefaultEdtion.nested.js +0 -2
- package/public/components/datatable/DataTableDefaultEdtion.nested.js.map +0 -1
- package/public/components/datatable/DataTableDefaultFilterTags.nested.js +0 -2
- package/public/components/datatable/DataTableDefaultFilterTags.nested.js.map +0 -1
- package/public/components/datatable/DataTableDefaultSelection.nested.js +0 -2
- package/public/components/datatable/DataTableDefaultSelection.nested.js.map +0 -1
- package/public/components/datatable/DataTableDefaultSelectionLabel.nested.js +0 -2
- package/public/components/datatable/DataTableDefaultSelectionLabel.nested.js.map +0 -1
- package/public/components/datatable/DataTableFooter.nested.js +0 -2
- package/public/components/datatable/DataTableFooter.nested.js.map +0 -1
- package/public/components/fileuploader/ResultFile.nested.js +0 -2
- package/public/components/fileuploader/ResultFile.nested.js.map +0 -1
- package/public/utilities/EventHandler.js.map +0 -1
- /package/public/adeo/components/{datatabledefaultselectionlabel/DataTableDefaultSelectionLabel.nested.svelte → datatable/datatable-default-selection-label.nested.svelte} +0 -0
- /package/public/bricoman/components/{datatabledefaultselectionlabel/DataTableDefaultSelectionLabel.nested.svelte → datatable/datatable-default-selection-label.nested.svelte} +0 -0
- /package/public/components/{datatabledefaultselectionlabel/DataTableDefaultSelectionLabel.nested.svelte → datatable/datatable-default-selection-label.nested.svelte} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{S as e,i,a as t,b as c,f as l,s as o,e as r,d as n,t as a,n as p,g as m,j as s,k as d,o as k}from"../../index-
|
|
1
|
+
import{S as e,i,a as t,b as c,f as l,s as o,e as r,d as n,t as a,n as p,g as m,j as s,k as d,o as k}from"../../index-9ffad6d0.js";function u(e){let i,t;return{c(){i=r("span"),t=a(e[3]),m(i,"class","mc-kpi__label")},m(e,l){c(e,i,l),s(i,t)},p(e,i){8&i&&d(t,e[3])},d(e){e&&k(i)}}}function b(e){let i,t;return{c(){i=r("span"),t=a(e[3]),m(i,"class","mc-kpi__label")},m(e,l){c(e,i,l),s(i,t)},p(e,i){8&i&&d(t,e[3])},d(e){e&&k(i)}}}function x(e){let i,t,l=e[5]&&g(e),o=e[1]&&f(e);return{c(){i=r("div"),l&&l.c(),t=n(),o&&o.c(),m(i,"class","mc-kpi__aside")},m(e,r){c(e,i,r),l&&l.m(i,null),s(i,t),o&&o.m(i,null)},p(e,c){e[5]?l?l.p(e,c):(l=g(e),l.c(),l.m(i,t)):l&&(l.d(1),l=null),e[1]?o?o.p(e,c):(o=f(e),o.c(),o.m(i,null)):o&&(o.d(1),o=null)},d(e){e&&k(i),l&&l.d(),o&&o.d()}}}function g(e){let i,t;return{c(){i=r("span"),t=a(e[5]),m(i,"class","mc-kpi__detail")},m(e,l){c(e,i,l),s(i,t)},p(e,i){32&i&&d(t,e[5])},d(e){e&&k(i)}}}function f(e){let i,t=`<${h(e[1],e[2])} />`;return{c(){i=r("span"),m(i,"class","mc-kpi__icon")},m(e,l){c(e,i,l),i.innerHTML=t},p(e,c){6&c&&t!==(t=`<${h(e[1],e[2])} />`)&&(i.innerHTML=t)},d(e){e&&k(i)}}}function _(e){let i,t,l,o,g,f,_,h,$,v=e[7]&&u(e),y=!e[7]&&b(e),w=(e[1]||e[5])&&x(e);return{c(){i=r("div"),v&&v.c(),t=n(),l=r("div"),o=r("div"),y&&y.c(),g=n(),f=r("span"),_=a(e[0]),h=n(),w&&w.c(),this.c=p,m(f,"class","mc-kpi__value"),m(o,"class","mc-kpi__main"),m(l,"class","mc-kpi__content"),m(i,"class",$="mc-kpi mc-kpi--"+e[6]()+" mc-kpi--"+e[4])},m(e,r){c(e,i,r),v&&v.m(i,null),s(i,t),s(i,l),s(l,o),y&&y.m(o,null),s(o,g),s(o,f),s(f,_),s(l,h),w&&w.m(l,null)},p(e,[c]){e[7]?v?v.p(e,c):(v=u(e),v.c(),v.m(i,t)):v&&(v.d(1),v=null),e[7]?y&&(y.d(1),y=null):y?y.p(e,c):(y=b(e),y.c(),y.m(o,g)),1&c&&d(_,e[0]),e[1]||e[5]?w?w.p(e,c):(w=x(e),w.c(),w.m(l,null)):w&&(w.d(1),w=null),80&c&&$!==($="mc-kpi mc-kpi--"+e[6]()+" mc-kpi--"+e[4])&&m(i,"class",$)},i:p,o:p,d(e){e&&k(i),v&&v.d(),y&&y.d(),w&&w.d()}}}function h(e,i){return i?`${e} fill="${i}"`:`${e}`}function $(e,i,t){let c,l,{value:o=""}=i,{iconname:r=""}=i,{iconcolor:n=""}=i,{label:a=""}=i,{type:p=""}=i,{detail:m=""}=i;return e.$$set=e=>{"value"in e&&t(0,o=e.value),"iconname"in e&&t(1,r=e.iconname),"iconcolor"in e&&t(2,n=e.iconcolor),"label"in e&&t(3,a=e.label),"type"in e&&t(4,p=e.type),"detail"in e&&t(5,m=e.detail)},e.$$.update=()=>{40&e.$$.dirty&&t(6,l=function(){let e="small";return a&&a.length>0&&!m?e="medium":m&&m.length>0&&(e="large"),e}),72&e.$$.dirty&&t(7,c=a&&a.length>0&&"large"!==l())},[o,r,n,a,p,m,l,c]}class v extends e{constructor(e){super();const r=document.createElement("style");r.textContent=".mc-kpi{color:var(--color-kpi-text, #005c91);display:inline-block}.mc-kpi__label{font-size:1.2rem;display:block}.mc-kpi__content{display:-webkit-box;display:-ms-flexbox;display:flex}.mc-kpi__main{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-kpi__value{font-size:1.2rem;font-weight:600}.mc-kpi__aside{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--color-grey-000, #ffffff);color:var(--color-font-dark, #000000);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-kpi__detail{font-size:1.2rem}.mc-kpi__icon{display:block;height:16px;width:16px}.mc-kpi--small .mc-kpi__label{font-size:1rem;margin-bottom:6px;color:var(--color-grey-999, #999999)}.mc-kpi--small .mc-kpi__content{gap:0.5rem}.mc-kpi--small .mc-kpi__value{font-size:0.875rem;line-height:1.2}.mc-kpi--small .mc-kpi__main{background-color:var(--color-kpi-background, #daeff7);border:1px solid var(--color-kpi-border, #007bb4);border-radius:4px;overflow:hidden;padding:3px 7px}.mc-kpi--small .mc-kpi__aside{background-color:transparent}.mc-kpi--medium .mc-kpi__label{color:var(--color-grey-999, #999999);margin-bottom:6px}.mc-kpi--medium .mc-kpi__content{background-color:var(--color-kpi-background, #daeff7);border:1px solid var(--color-kpi-border, #007bb4);border-radius:4px;overflow:hidden;height:40px;min-width:160px}.mc-kpi--medium .mc-kpi__main{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:2px 2px 2px 7px}.mc-kpi--medium .mc-kpi__value{font-size:1.5rem}.mc-kpi--medium .mc-kpi__aside{padding-left:12px;padding-right:15px}.mc-kpi--large{background-color:var(--color-kpi-background, #daeff7);border:1px solid var(--color-kpi-border, #007bb4);border-radius:4px;overflow:hidden}.mc-kpi--large .mc-kpi__content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:160px;min-height:100px}.mc-kpi--large .mc-kpi__main{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:10px 15px;min-height:5rem}.mc-kpi--large .mc-kpi__label{line-height:1.5;font-size:1rem}.mc-kpi--large .mc-kpi__value{font-size:2rem}.mc-kpi--large .mc-kpi__detail{font-size:1rem;line-height:1}.mc-kpi--large .mc-kpi__aside{min-height:3rem;padding-right:15px;padding-left:15px;gap:12px}.mc-kpi--information{--color-kpi-background:#daeff7;--color-kpi-border:#007bb4;--color-kpi-text:#005c91}.mc-kpi--warning{--color-kpi-background:#fdf1e8;--color-kpi-border:#c65200;--color-kpi-text:#8c3500}.mc-kpi--danger{--color-kpi-background:#fdeaea;--color-kpi-border:#c61112;--color-kpi-text:#8c0003}.mc-kpi--success{--color-kpi-background:#ebf5de;--color-kpi-border:#188803;--color-kpi-text:#006902}.mc-kpi--neutral{--color-kpi-background:#e6e6e6;--color-kpi-border:#666666;--color-kpi-text:#4d4d4d}",this.shadowRoot.appendChild(r),i(this,{target:this.shadowRoot,props:t(this.attributes),customElement:!0},$,_,o,{value:0,iconname:1,iconcolor:2,label:3,type:4,detail:5},null),e&&(e.target&&c(e.target,this,e.anchor),e.props&&(this.$set(e.props),l()))}static get observedAttributes(){return["value","iconname","iconcolor","label","type","detail"]}get value(){return this.$$.ctx[0]}set value(e){this.$$set({value:e}),l()}get iconname(){return this.$$.ctx[1]}set iconname(e){this.$$set({iconname:e}),l()}get iconcolor(){return this.$$.ctx[2]}set iconcolor(e){this.$$set({iconcolor:e}),l()}get label(){return this.$$.ctx[3]}set label(e){this.$$set({label:e}),l()}get type(){return this.$$.ctx[4]}set type(e){this.$$set({type:e}),l()}get detail(){return this.$$.ctx[5]}set detail(e){this.$$set({detail:e}),l()}}export{v as default};
|
|
2
2
|
//# sourceMappingURL=Kpi.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{S as e,i as t,a as i,b as r,f as a,s as o,c as n,e as l,d as s,t as d,n as c,g as m,v as b,h as y,j as p,l as x,k as g,m as h,o as f,M as _,p as w,a1 as u,q as v,H as k}from"../../index-52f16292.js";import{E as $}from"../../EventHandler-f4efd23c.js";function z(e){let t,i=`<${j(e[4])} class="mc-layer__icon" />`;return{c(){t=l("span"),m(t,"class","mc-layer__icon")},m(e,a){r(e,t,a),t.innerHTML=i},p(e,r){16&r&&i!==(i=`<${j(e[4])} class="mc-layer__icon" />`)&&(t.innerHTML=i)},d(e){e&&f(t)}}}function H(e){let t;return{c(){t=l("footer"),t.innerHTML='<slot name="footer"></slot>',m(t,"class","mc-layer__footer")},m(e,i){r(e,t,i)},d(e){e&&f(t)}}}function L(e){let t,i,a,o,w,u,v,k,$,L,j,E,T,C,M,q,R,S,A,B,O,D=e[4]&&z(e),F=!e[9]&&H(),G=[{class:"mc-layer"},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":e[5]},{"aria-modal":"true"},{"aria-hidden":q=!e[0]},e[6]],I={};for(let e=0;e<G.length;e+=1)I=n(I,G[e]);return{c(){t=l("div"),i=l("div"),a=l("div"),o=l("div"),D&&D.c(),w=s(),u=l("h2"),v=d(e[1]),k=s(),$=l("button"),L=l("span"),j=d(e[3]),E=s(),T=l("main"),T.innerHTML='<article class="mc-layer__content"><slot name="content"></slot></article>',C=s(),F&&F.c(),R=s(),S=l("div"),this.c=c,m(u,"class","mc-layer__title"),m(u,"id","modallayerTitleTitle"),m(L,"class","mc-layer__close-text"),m($,"class","mc-layer__close"),m($,"type","button"),m(o,"class","mc-layer__header"),m(T,"class","mc-layer__body"),b(T,"mc-layer__body--overflowing-scroll-edge",e[8]),m(a,"class",M="mc-layer__dialog "+(e[0]?" is-open":"")+" "+(e[2]?" mc-layer__dialog--extend":"")),m(a,"role","document"),y(i,I),m(S,"class",A="mc-layer-overlay "+(e[0]?" is-visible":"")),m(S,"tabindex","-1"),m(S,"role","dialog")},m(n,l){r(n,t,l),p(t,i),p(i,a),p(a,o),D&&D.m(o,null),p(o,w),p(o,u),p(u,v),p(o,k),p(o,$),p($,L),p(L,j),p(a,E),p(a,T),p(a,C),F&&F.m(a,null),p(t,R),p(t,S),e[15](t),B||(O=[x($,"click",e[13]),x(S,"click",e[14])],B=!0)},p(e,[t]){e[4]?D?D.p(e,t):(D=z(e),D.c(),D.m(o,w)):D&&(D.d(1),D=null),2&t&&g(v,e[1]),8&t&&g(j,e[3]),256&t&&b(T,"mc-layer__body--overflowing-scroll-edge",e[8]),e[9]?F&&(F.d(1),F=null):F||(F=H(),F.c(),F.m(a,null)),5&t&&M!==(M="mc-layer__dialog "+(e[0]?" is-open":"")+" "+(e[2]?" mc-layer__dialog--extend":""))&&m(a,"class",M),y(i,I=h(G,[{class:"mc-layer"},{tabindex:"-1"},{role:"dialog"},32&t&&{"aria-labelledby":e[5]},{"aria-modal":"true"},1&t&&q!==(q=!e[0])&&{"aria-hidden":q},64&t&&e[6]])),1&t&&A!==(A="mc-layer-overlay "+(e[0]?" is-visible":""))&&m(S,"class",A)},i:c,o:c,d(i){i&&f(t),D&&D.d(),F&&F.d(),e[15](null),B=!1,_(O)}}}function j(e){return`${e} size="1.5rem"`}function E(e,t,i){let r,a,o;const l=["title","isopen","extended","scrollbaredge","closebuttontext","iconname","hidefooter","arialabelledby"];let s,d=w(t,l),{title:c}=t,{isopen:m}=t,{extended:b}=t,{scrollbaredge:y}=t,{closebuttontext:p="Close"}=t,{iconname:x}=t,{hidefooter:g}=t,{arialabelledby:h="LayerTitle"}=t,f=new $;function _(){i(0,m=!1)}u((()=>{const e=s.querySelector(".mc-layer__body"),t=s.querySelector(".mc-layer__content"),i=y?"mc-layer__body--overflowing-scroll-edge":"mc-layer__body--overflowing";if(e&&t){const r=e.clientHeight;t.scrollHeight>r?e.classList.add(i):e.classList.remove(i)}}));return e.$$set=e=>{t=n(n({},t),v(e)),i(17,d=w(t,l)),"title"in e&&i(1,c=e.title),"isopen"in e&&i(0,m=e.isopen),"extended"in e&&i(2,b=e.extended),"scrollbaredge"in e&&i(11,y=e.scrollbaredge),"closebuttontext"in e&&i(3,p=e.closebuttontext),"iconname"in e&&i(4,x=e.iconname),"hidefooter"in e&&i(12,g=e.hidefooter),"arialabelledby"in e&&i(5,h=e.arialabelledby)},e.$$.update=()=>{4096&e.$$.dirty&&i(9,r=null!=g&&g),2048&e.$$.dirty&&i(8,a=null!=y&&y),1&e.$$.dirty&&(m?f.dispatch("layer-opened",{}):f.dispatch("layer-closed",{})),i(6,o=Object.assign({},d)),64&e.$$.dirty&&delete o.class},[m,c,b,p,x,h,o,s,a,r,_,y,g,()=>_(),()=>_(),function(e){k[e?"unshift":"push"]((()=>{s=e,i(7,s)}))}]}class T extends e{constructor(e){super();const n=document.createElement("style");n.textContent=".mc-layer{font-family:\"Roboto\", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;bottom:0;left:0;outline:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1999999999;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.mc-layer *{-webkit-box-sizing:inherit;box-sizing:inherit}.mc-layer--ltr{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.mc-layer--ltr .mc-layer__dialog{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}.mc-layer:not(.mc-layer--ltr){-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.mc-layer:not(.mc-layer--ltr) .mc-layer__dialog{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}.mc-layer__dialog{background:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;max-width:calc(100% - 2rem);-webkit-transition:visibility 0s linear 0.4s, -webkit-transform 0.4s;transition:visibility 0s linear 0.4s, -webkit-transform 0.4s;-o-transition:visibility 0s linear 0.4s, transform 0.4s;transition:visibility 0s linear 0.4s, transform 0.4s;transition:visibility 0s linear 0.4s, transform 0.4s, -webkit-transform 0.4s;visibility:hidden;width:100%}@media screen and (min-width: 680px){.mc-layer__dialog{max-width:25rem}}@media screen and (min-width: 769px){.mc-layer__dialog{max-width:28.6875rem}}@media screen and (min-width: 1024px){.mc-layer__dialog{max-width:28rem}}@media screen and (min-width: 680px){.mc-layer__dialog--extend{max-width:31.75rem}}@media screen and (min-width: 769px){.mc-layer__dialog--extend{max-width:36.3125rem}}@media screen and (min-width: 1024px){.mc-layer__dialog--extend{max-width:43rem}}.mc-layer__header,.mc-layer__footer{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 1024px){.mc-layer__header,.mc-layer__footer{padding-left:2rem;padding-right:2rem}}.mc-layer__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:0.5rem;padding-top:1rem;min-height:3.75rem;position:relative}.mc-layer__header::after{background:#b3b3b3;content:\"\";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}@media screen and (min-width: 1024px){.mc-layer__header{padding-bottom:0.75rem;padding-top:1.25rem;min-height:4.25rem}}.mc-layer__icon{fill:#666666;height:1.5rem;margin-right:0.75rem;width:1.5rem}.mc-layer__title{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#666666;margin-bottom:0;margin-top:0}.mc-layer__close{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;position:relative;-ms-flex-item-align:start;align-self:flex-start;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23808080'%3E%3Cpath d='M17.41 16l8.8-8.79a1 1 0 10-1.42-1.42L16 14.59l-8.79-8.8a1 1 0 00-1.42 1.42l8.8 8.79-8.8 8.79a1 1 0 000 1.42 1 1 0 001.42 0l8.79-8.8 8.79 8.8a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\") no-repeat;background-size:contain;cursor:pointer;height:2rem;margin-left:auto;width:2rem}.mc-layer__close::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-layer__close-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-layer__close:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.mc-layer__body{-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;overflow:hidden;padding-left:0.5rem;padding-right:0.5rem}@media screen and (min-width: 1024px){.mc-layer__body{padding-left:1rem;padding-right:1rem}}.mc-layer__body--overflowing-scroll-edge+.mc-layer__footer{-webkit-box-shadow:0px 4px 20px 0px rgba(25, 25, 25, 0.2);box-shadow:0px 4px 20px 0px rgba(25, 25, 25, 0.2);position:relative}.mc-layer__body--overflowing-scroll-edge{padding-left:0;padding-right:0}.mc-layer__body--overflowing-scroll-edge .mc-layer__content{padding-left:1rem;padding-right:1.125rem}@media screen and (min-width: 1024px){.mc-layer__body--overflowing-scroll-edge .mc-layer__content{padding-left:2rem;padding-right:2rem}}.mc-layer__content{max-height:100%;overflow-y:auto;overflow-x:hidden;padding:1.5rem 0.5rem 3rem;scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin}@media screen and (min-width: 1024px){.mc-layer__content{padding-left:1rem;padding-right:1rem}}.mc-layer__content::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-layer__content::-webkit-scrollbar-thumb{background:#666666}.mc-layer__footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:1rem;padding-bottom:1rem}@media screen and (min-width: 1024px){.mc-layer__footer{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:1.5rem;padding-bottom:1.5rem}}.mc-layer__footer>:first-child:not(:only-child){margin-bottom:0.75rem}@media screen and (min-width: 1024px){.mc-layer__footer>:first-child:not(:only-child){margin-bottom:0;margin-right:1rem}}.mc-layer-open{overflow:hidden}.mc-layer .mc-layer__dialog.is-open{pointer-events:all;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:visibility 0s linear 0s, -webkit-transform 0.4s;transition:visibility 0s linear 0s, -webkit-transform 0.4s;-o-transition:visibility 0s linear 0s, transform 0.4s;transition:visibility 0s linear 0s, transform 0.4s;transition:visibility 0s linear 0s, transform 0.4s, -webkit-transform 0.4s;visibility:visible}.mc-layer-overlay{background-color:rgba(25, 25, 25, 0.7);-webkit-filter:blur(1px);filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;-webkit-transition:opacity 0.4s ease, visibility 0ms 0.4s;-o-transition:opacity 0.4s ease, visibility 0ms 0.4s;transition:opacity 0.4s ease, visibility 0ms 0.4s;z-index:1999999998}.mc-layer-overlay.is-visible{opacity:1;pointer-events:all;-webkit-transition:opacity 0.4s ease, visibility 0ms;-o-transition:opacity 0.4s ease, visibility 0ms;transition:opacity 0.4s ease, visibility 0ms;visibility:visible}",this.shadowRoot.appendChild(n),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},E,L,o,{title:1,isopen:0,extended:2,scrollbaredge:11,closebuttontext:3,iconname:4,hidefooter:12,arialabelledby:5},null),e&&(e.target&&r(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["title","isopen","extended","scrollbaredge","closebuttontext","iconname","hidefooter","arialabelledby"]}get title(){return this.$$.ctx[1]}set title(e){this.$$set({title:e}),a()}get isopen(){return this.$$.ctx[0]}set isopen(e){this.$$set({isopen:e}),a()}get extended(){return this.$$.ctx[2]}set extended(e){this.$$set({extended:e}),a()}get scrollbaredge(){return this.$$.ctx[11]}set scrollbaredge(e){this.$$set({scrollbaredge:e}),a()}get closebuttontext(){return this.$$.ctx[3]}set closebuttontext(e){this.$$set({closebuttontext:e}),a()}get iconname(){return this.$$.ctx[4]}set iconname(e){this.$$set({iconname:e}),a()}get hidefooter(){return this.$$.ctx[12]}set hidefooter(e){this.$$set({hidefooter:e}),a()}get arialabelledby(){return this.$$.ctx[5]}set arialabelledby(e){this.$$set({arialabelledby:e}),a()}}export{T as default};
|
|
1
|
+
import{S as e,i as t,a as i,b as r,f as a,s as o,c as n,e as l,d as s,t as d,n as c,g as m,v as b,h as y,j as p,l as x,k as h,m as g,o as f,M as _,p as w,q as u,r as v,a1 as k,u as $,H as z}from"../../index-9ffad6d0.js";import{E as H}from"../../EventHandler-f7ee47ca.js";function L(e){let t,i=`<${T(e[5])} class="mc-layer__icon" />`;return{c(){t=l("span"),m(t,"class","mc-layer__icon")},m(e,a){r(e,t,a),t.innerHTML=i},p(e,r){32&r&&i!==(i=`<${T(e[5])} class="mc-layer__icon" />`)&&(t.innerHTML=i)},d(e){e&&f(t)}}}function j(e){let t;return{c(){t=l("footer"),t.innerHTML='<slot name="footer"></slot>',m(t,"class","mc-layer__footer")},m(e,i){r(e,t,i)},d(e){e&&f(t)}}}function E(e){let t,i,a,o,w,u,v,k,$,z,H,E,T,C,M,q,R,S,A,B,O,D=e[5]&&L(e),F=!e[10]&&j(),G=[{class:"mc-layer"},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":e[6]},{"aria-modal":"true"},{"aria-hidden":q=!e[0]},e[7]],I={};for(let e=0;e<G.length;e+=1)I=n(I,G[e]);return{c(){t=l("div"),i=l("div"),a=l("div"),o=l("div"),D&&D.c(),w=s(),u=l("h2"),v=d(e[1]),k=s(),$=l("button"),z=l("span"),H=d(e[4]),E=s(),T=l("main"),T.innerHTML='<article class="mc-layer__content"><slot name="content"></slot></article>',C=s(),F&&F.c(),R=s(),S=l("div"),this.c=c,m(u,"class","mc-layer__title"),m(u,"id","modallayerTitleTitle"),m(z,"class","mc-layer__close-text"),m($,"class","mc-layer__close"),m($,"type","button"),m(o,"class","mc-layer__header"),m(T,"class","mc-layer__body"),b(T,"mc-layer__body--overflowing-scroll-edge",e[9]),m(a,"class",M="mc-layer__dialog "+(e[0]?" is-open":"")+" "+(e[3]?" mc-layer__dialog--extend":"")),m(a,"role","document"),y(i,I),b(i,"mc-layer--ltr","left"===e[2]),m(S,"class",A="mc-layer-overlay "+(e[0]?" is-visible":"")),m(S,"tabindex","-1"),m(S,"role","dialog")},m(n,l){r(n,t,l),p(t,i),p(i,a),p(a,o),D&&D.m(o,null),p(o,w),p(o,u),p(u,v),p(o,k),p(o,$),p($,z),p(z,H),p(a,E),p(a,T),p(a,C),F&&F.m(a,null),p(t,R),p(t,S),e[16](t),B||(O=[x($,"click",e[14]),x(S,"click",e[15])],B=!0)},p(e,[t]){e[5]?D?D.p(e,t):(D=L(e),D.c(),D.m(o,w)):D&&(D.d(1),D=null),2&t&&h(v,e[1]),16&t&&h(H,e[4]),512&t&&b(T,"mc-layer__body--overflowing-scroll-edge",e[9]),e[10]?F&&(F.d(1),F=null):F||(F=j(),F.c(),F.m(a,null)),9&t&&M!==(M="mc-layer__dialog "+(e[0]?" is-open":"")+" "+(e[3]?" mc-layer__dialog--extend":""))&&m(a,"class",M),y(i,I=g(G,[{class:"mc-layer"},{tabindex:"-1"},{role:"dialog"},64&t&&{"aria-labelledby":e[6]},{"aria-modal":"true"},1&t&&q!==(q=!e[0])&&{"aria-hidden":q},128&t&&e[7]])),b(i,"mc-layer--ltr","left"===e[2]),1&t&&A!==(A="mc-layer-overlay "+(e[0]?" is-visible":""))&&m(S,"class",A)},i:c,o:c,d(i){i&&f(t),D&&D.d(),F&&F.d(),e[16](null),B=!1,_(O)}}}function T(e){return`${e} size="1.5rem"`}function C(e,t,i){let r,a,o;const l=["title","isopen","position","extended","scrollbaredge","closebuttontext","iconname","hidefooter","arialabelledby"];let s,d=w(t,l),{title:c}=t,{isopen:m}=t,{position:b="right"}=t,{extended:y}=t,{scrollbaredge:p}=t,{closebuttontext:x="Close"}=t,{iconname:h}=t,{hidefooter:g}=t,{arialabelledby:f="LayerTitle"}=t,_=new H(u(),v());function L(){i(0,m=!1)}k((()=>{const e=s.querySelector(".mc-layer__body"),t=s.querySelector(".mc-layer__content"),i=p?"mc-layer__body--overflowing-scroll-edge":"mc-layer__body--overflowing";if(e&&t){const r=e.clientHeight;t.scrollHeight>r?e.classList.add(i):e.classList.remove(i)}}));return e.$$set=e=>{t=n(n({},t),$(e)),i(18,d=w(t,l)),"title"in e&&i(1,c=e.title),"isopen"in e&&i(0,m=e.isopen),"position"in e&&i(2,b=e.position),"extended"in e&&i(3,y=e.extended),"scrollbaredge"in e&&i(12,p=e.scrollbaredge),"closebuttontext"in e&&i(4,x=e.closebuttontext),"iconname"in e&&i(5,h=e.iconname),"hidefooter"in e&&i(13,g=e.hidefooter),"arialabelledby"in e&&i(6,f=e.arialabelledby)},e.$$.update=()=>{8192&e.$$.dirty&&i(10,r=null!=g&&g),4096&e.$$.dirty&&i(9,a=null!=p&&p),1&e.$$.dirty&&(m?_.dispatch("layer-opened",{}):_.dispatch("layer-closed",{})),i(7,o=Object.assign({},d)),128&e.$$.dirty&&delete o.class},[m,c,b,y,x,h,f,o,s,a,r,L,p,g,()=>L(),()=>L(),function(e){z[e?"unshift":"push"]((()=>{s=e,i(8,s)}))}]}class M extends e{constructor(e){super();const n=document.createElement("style");n.textContent=".mc-layer{font-family:\"Roboto\", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;bottom:0;left:0;outline:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1999999999;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.mc-layer *{-webkit-box-sizing:inherit;box-sizing:inherit}.mc-layer--ltr{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.mc-layer--ltr .mc-layer__dialog{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}.mc-layer:not(.mc-layer--ltr){-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.mc-layer:not(.mc-layer--ltr) .mc-layer__dialog{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}.mc-layer__dialog{background:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;max-width:calc(100% - 2rem);-webkit-transition:visibility 0s linear 0.4s, -webkit-transform 0.4s;transition:visibility 0s linear 0.4s, -webkit-transform 0.4s;-o-transition:visibility 0s linear 0.4s, transform 0.4s;transition:visibility 0s linear 0.4s, transform 0.4s;transition:visibility 0s linear 0.4s, transform 0.4s, -webkit-transform 0.4s;visibility:hidden;width:100%}@media screen and (min-width: 680px){.mc-layer__dialog{max-width:25rem}}@media screen and (min-width: 769px){.mc-layer__dialog{max-width:28.6875rem}}@media screen and (min-width: 1024px){.mc-layer__dialog{max-width:28rem}}@media screen and (min-width: 680px){.mc-layer__dialog--extend{max-width:31.75rem}}@media screen and (min-width: 769px){.mc-layer__dialog--extend{max-width:36.3125rem}}@media screen and (min-width: 1024px){.mc-layer__dialog--extend{max-width:43rem}}.mc-layer__header,.mc-layer__footer{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 1024px){.mc-layer__header,.mc-layer__footer{padding-left:2rem;padding-right:2rem}}.mc-layer__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:0.5rem;padding-top:1rem;min-height:3.75rem;position:relative}.mc-layer__header::after{background:#b3b3b3;content:\"\";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}@media screen and (min-width: 1024px){.mc-layer__header{padding-bottom:0.75rem;padding-top:1.25rem;min-height:4.25rem}}.mc-layer__icon{fill:#666666;height:1.5rem;margin-right:0.75rem;width:1.5rem}.mc-layer__title{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#666666;margin-bottom:0;margin-top:0}.mc-layer__close{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;position:relative;-ms-flex-item-align:start;align-self:flex-start;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23808080'%3E%3Cpath d='M17.41 16l8.8-8.79a1 1 0 10-1.42-1.42L16 14.59l-8.79-8.8a1 1 0 00-1.42 1.42l8.8 8.79-8.8 8.79a1 1 0 000 1.42 1 1 0 001.42 0l8.79-8.8 8.79 8.8a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\") no-repeat;background-size:contain;cursor:pointer;height:2rem;margin-left:auto;width:2rem}.mc-layer__close::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-layer__close-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-layer__close:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.mc-layer__body{-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;overflow:hidden;padding-left:0.5rem;padding-right:0.5rem}@media screen and (min-width: 1024px){.mc-layer__body{padding-left:1rem;padding-right:1rem}}.mc-layer__body--overflowing-scroll-edge+.mc-layer__footer{-webkit-box-shadow:0px 4px 20px 0px rgba(25, 25, 25, 0.2);box-shadow:0px 4px 20px 0px rgba(25, 25, 25, 0.2);position:relative}.mc-layer__body--overflowing-scroll-edge{padding-left:0;padding-right:0}.mc-layer__body--overflowing-scroll-edge .mc-layer__content{padding-left:1rem;padding-right:1.125rem}@media screen and (min-width: 1024px){.mc-layer__body--overflowing-scroll-edge .mc-layer__content{padding-left:2rem;padding-right:2rem}}.mc-layer__content{max-height:100%;overflow-y:auto;overflow-x:hidden;padding:1.5rem 0.5rem 3rem;scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin}@media screen and (min-width: 1024px){.mc-layer__content{padding-left:1rem;padding-right:1rem}}.mc-layer__content::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-layer__content::-webkit-scrollbar-thumb{background:#666666}.mc-layer__footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:1rem;padding-bottom:1rem}@media screen and (min-width: 1024px){.mc-layer__footer{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:1.5rem;padding-bottom:1.5rem}}.mc-layer__footer>:first-child:not(:only-child){margin-bottom:0.75rem}@media screen and (min-width: 1024px){.mc-layer__footer>:first-child:not(:only-child){margin-bottom:0;margin-right:1rem}}.mc-layer-open{overflow:hidden}.mc-layer .mc-layer__dialog.is-open{pointer-events:all;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:visibility 0s linear 0s, -webkit-transform 0.4s;transition:visibility 0s linear 0s, -webkit-transform 0.4s;-o-transition:visibility 0s linear 0s, transform 0.4s;transition:visibility 0s linear 0s, transform 0.4s;transition:visibility 0s linear 0s, transform 0.4s, -webkit-transform 0.4s;visibility:visible}.mc-layer-overlay{background-color:rgba(25, 25, 25, 0.7);-webkit-filter:blur(1px);filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;-webkit-transition:opacity 0.4s ease, visibility 0ms 0.4s;-o-transition:opacity 0.4s ease, visibility 0ms 0.4s;transition:opacity 0.4s ease, visibility 0ms 0.4s;z-index:1999999998}.mc-layer-overlay.is-visible{opacity:1;pointer-events:all;-webkit-transition:opacity 0.4s ease, visibility 0ms;-o-transition:opacity 0.4s ease, visibility 0ms;transition:opacity 0.4s ease, visibility 0ms;visibility:visible}",this.shadowRoot.appendChild(n),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},C,E,o,{title:1,isopen:0,position:2,extended:3,scrollbaredge:12,closebuttontext:4,iconname:5,hidefooter:13,arialabelledby:6},null),e&&(e.target&&r(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["title","isopen","position","extended","scrollbaredge","closebuttontext","iconname","hidefooter","arialabelledby"]}get title(){return this.$$.ctx[1]}set title(e){this.$$set({title:e}),a()}get isopen(){return this.$$.ctx[0]}set isopen(e){this.$$set({isopen:e}),a()}get position(){return this.$$.ctx[2]}set position(e){this.$$set({position:e}),a()}get extended(){return this.$$.ctx[3]}set extended(e){this.$$set({extended:e}),a()}get scrollbaredge(){return this.$$.ctx[12]}set scrollbaredge(e){this.$$set({scrollbaredge:e}),a()}get closebuttontext(){return this.$$.ctx[4]}set closebuttontext(e){this.$$set({closebuttontext:e}),a()}get iconname(){return this.$$.ctx[5]}set iconname(e){this.$$set({iconname:e}),a()}get hidefooter(){return this.$$.ctx[13]}set hidefooter(e){this.$$set({hidefooter:e}),a()}get arialabelledby(){return this.$$.ctx[6]}set arialabelledby(e){this.$$set({arialabelledby:e}),a()}}export{M as default};
|
|
2
2
|
//# sourceMappingURL=Layer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Layer.js","sources":["../../../../src/components/layer/Layer.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import {
|
|
1
|
+
{"version":3,"file":"Layer.js","sources":["../../../../src/components/layer/Layer.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import {\n get_current_component,\n onMount,\n createEventDispatcher,\n } from 'svelte/internal';\n import { EventHandler } from '../../utilities/EventHandler';\n import type { LayerPosition } from './layer.types';\n export let title: string;\n export let isopen: boolean;\n export let position: LayerPosition = 'right';\n export let extended: boolean;\n export let scrollbaredge: boolean;\n export let closebuttontext = 'Close';\n export let iconname: string | undefined = undefined;\n export let hidefooter: boolean;\n export let arialabelledby = 'LayerTitle';\n\n $: hideFooter = hidefooter ?? false;\n $: scrollbarEdge = scrollbaredge ?? false;\n $: isopen\n ? eventHandler.dispatch('layer-opened', {})\n : eventHandler.dispatch('layer-closed', {});\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n let root: HTMLElement;\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n onMount(() => {\n const body = root.querySelector('.mc-layer__body');\n const content = root.querySelector('.mc-layer__content');\n const overflowingClass = !scrollbaredge\n ? 'mc-layer__body--overflowing'\n : 'mc-layer__body--overflowing-scroll-edge';\n if (body && content) {\n const bodyHeight = body.clientHeight;\n const contentHeight = content.scrollHeight;\n\n if (contentHeight > bodyHeight) {\n body.classList.add(overflowingClass);\n } else {\n body.classList.remove(overflowingClass);\n }\n }\n });\n\n function onClose(): void {\n isopen = false;\n }\n\n function generateIconName(iconname: string): string {\n return `${iconname} size=\"1.5rem\"`;\n }\n</script>\n\n<div bind:this={root}>\n <div\n class=\"mc-layer\"\n class:mc-layer--ltr={position === 'left'}\n tabindex=\"-1\"\n role=\"dialog\"\n aria-labelledby={arialabelledby}\n aria-modal=\"true\"\n aria-hidden={!isopen}\n {...attributes}\n >\n <div\n class=\"mc-layer__dialog {isopen ? ' is-open' : ''} {extended\n ? ' mc-layer__dialog--extend'\n : ''}\"\n role=\"document\"\n >\n <div class=\"mc-layer__header\">\n {#if iconname}\n <span class=\"mc-layer__icon\">\n {@html `<${generateIconName(iconname)} class=\"mc-layer__icon\" />`}\n </span>\n {/if}\n <h2 class=\"mc-layer__title\" id=\"modallayerTitleTitle\">{title}</h2>\n <button\n class=\"mc-layer__close\"\n type=\"button\"\n on:click={() => onClose()}\n >\n <span class=\"mc-layer__close-text\">{closebuttontext}</span>\n </button>\n </div>\n <main\n class=\"mc-layer__body\"\n class:mc-layer__body--overflowing-scroll-edge={scrollbarEdge}\n >\n <article class=\"mc-layer__content\">\n <slot name=\"content\" />\n </article>\n </main>\n {#if !hideFooter}\n <footer class=\"mc-layer__footer\">\n <slot name=\"footer\" />\n </footer>\n {/if}\n </div>\n </div>\n <div\n class=\"mc-layer-overlay {isopen ? ' is-visible' : ''}\"\n tabindex=\"-1\"\n role=\"dialog\"\n on:click={() => onClose()}\n />\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.layer';\n</style>\n"],"names":["raw_value","generateIconName","ctx","insert","target","span","anchor","dirty","innerHTML","footer","create_if_block_1","create_if_block","toggle_class","div2","div4","append","div1","div0","h2","button","main","div3","div2_aria_hidden_value","iconname","root","title","$$props","isopen","position","extended","scrollbaredge","closebuttontext","hidefooter","arialabelledby","eventHandler","EventHandler","get_current_component","createEventDispatcher","onClose","$$invalidate","onMount","body","querySelector","content","overflowingClass","bodyHeight","clientHeight","scrollHeight","classList","add","remove","hideFooter","scrollbarEdge","dispatch","attributes","Object","assign","$$restProps","class","$$value"],"mappings":"mSA+EuBA,EAAA,IAAAC,EAAiBC,EAAQ,6FADtCC,EAEMC,EAAAC,EAAAC,yBADO,GAAAC,GAAAP,KAAAA,EAAA,IAAAC,EAAiBC,EAAQ,mCAAAG,EAAAG,UAAAR,kJAqBxCG,EAEQC,EAAAK,EAAAH,iFAzBHJ,EAAQ,IAAAQ,EAAAR,MAsBTA,EAAU,KAAAS,6EAlCDT,EAAc,4CAEjBA,EAAM,IAChBA,EAAU,qIAc6CA,EAAK,wCAMtBA,EAAe,2ZAKNA,EAAa,uCAtBrCA,EAAM,GAAG,WAAa,SAAKA,EAAA,GAChD,4BACA,mCAXeU,EAAAC,EAAA,gBAAa,SAAbX,yCA6CIA,EAAM,GAAG,cAAgB,uDAhDtDC,EAqDKC,EAAAU,EAAAR,GApDHS,EA6CKD,EAAAD,GAnCHE,EAkCKF,EAAAG,GA5BHD,EAcKC,EAAAC,yBARHF,EAAiEE,EAAAC,iBACjEH,EAMQE,EAAAE,GADNJ,EAA0DI,EAAAd,iBAG9DU,EAOMC,EAAAI,gCAQVL,EAKCD,EAAAO,0EAlCUnB,EAAQ,kEAK0CA,EAAK,cAMtBA,EAAe,yDAKNA,EAAa,IAMxDA,EAAU,qFA5BSA,EAAM,GAAG,WAAa,SAAKA,EAAA,GAChD,4BACA,4GARWA,EAAc,uCAEjBA,EAAM,KAAA,CAAA,cAAAoB,UAChBpB,EAAU,MANOU,EAAAC,EAAA,gBAAa,SAAbX,uCA6CIA,EAAM,GAAG,cAAgB,qFArD3C,SAAAD,EAAiBsB,YACdA,8KA5BRC,kBAjBOC,GAAaC,UACbC,GAAeD,GACfE,SAAAA,EAA0B,SAAOF,YACjCG,GAAiBH,iBACjBI,GAAsBJ,GACtBK,gBAAAA,EAAkB,SAAOL,GACzBH,SAAAA,GAAwCG,cACxCM,GAAmBN,GACnBO,eAAAA,EAAiB,cAAYP,EAUpCQ,EAAmB,IAAAC,EACrBC,IACAC,cAoBOC,IACPC,EAAA,EAAAZ,GAAS,GAnBXa,GAAO,KACC,MAAAC,EAAOjB,EAAKkB,cAAc,mBAC1BC,EAAUnB,EAAKkB,cAAc,sBAC7BE,EAAoBd,EAEtB,0CADA,8BAEA,GAAAW,GAAQE,EAAO,OACXE,EAAaJ,EAAKK,aACFH,EAAQI,aAEVF,EAClBJ,EAAKO,UAAUC,IAAIL,GAEnBH,EAAKO,UAAUE,OAAON,gbAzB3BL,EAAA,GAAEY,EAAanB,SAAAA,oBACfO,EAAA,EAAEa,EAAgBtB,SAAAA,kBAChBH,EACCO,EAAamB,SAAS,eAAc,IACpCnB,EAAamB,SAAS,eAAc,CAAA,QACrCC,EAALC,OAAAC,UAAuBC,2BACXH,EAAWI,wCA4DGpB,QAwBNA,4CAnDJd,EAAImC"}
|
|
@@ -1,10 +1,16 @@
|
|
|
1
1
|
<svelte:options tag={null} />
|
|
2
2
|
|
|
3
3
|
<script lang="ts">
|
|
4
|
-
import {
|
|
4
|
+
import {
|
|
5
|
+
get_current_component,
|
|
6
|
+
onMount,
|
|
7
|
+
createEventDispatcher,
|
|
8
|
+
} from 'svelte/internal';
|
|
5
9
|
import { EventHandler } from '../../utilities/EventHandler';
|
|
10
|
+
import type { LayerPosition } from './layer.types';
|
|
6
11
|
export let title: string;
|
|
7
12
|
export let isopen: boolean;
|
|
13
|
+
export let position: LayerPosition = 'right';
|
|
8
14
|
export let extended: boolean;
|
|
9
15
|
export let scrollbaredge: boolean;
|
|
10
16
|
export let closebuttontext = 'Close';
|
|
@@ -20,7 +26,10 @@
|
|
|
20
26
|
$: attributes = { ...$$restProps };
|
|
21
27
|
$: delete attributes.class;
|
|
22
28
|
let root: HTMLElement;
|
|
23
|
-
let eventHandler = new EventHandler(
|
|
29
|
+
let eventHandler = new EventHandler(
|
|
30
|
+
get_current_component(),
|
|
31
|
+
createEventDispatcher(),
|
|
32
|
+
);
|
|
24
33
|
onMount(() => {
|
|
25
34
|
const body = root.querySelector('.mc-layer__body');
|
|
26
35
|
const content = root.querySelector('.mc-layer__content');
|
|
@@ -51,6 +60,7 @@
|
|
|
51
60
|
<div bind:this={root}>
|
|
52
61
|
<div
|
|
53
62
|
class="mc-layer"
|
|
63
|
+
class:mc-layer--ltr={position === 'left'}
|
|
54
64
|
tabindex="-1"
|
|
55
65
|
role="dialog"
|
|
56
66
|
aria-labelledby={arialabelledby}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"layer.types.d.ts","sourceRoot":"","sources":["../../../../src/components/layer/layer.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,OAAO,CAAC"}
|
|
@@ -22,6 +22,10 @@
|
|
|
22
22
|
} from 'd3';
|
|
23
23
|
import type { LineData, LinePoint, SymbolType } from './line-chart.types';
|
|
24
24
|
import { EventHandler } from '../../utilities/EventHandler';
|
|
25
|
+
import {
|
|
26
|
+
get_current_component,
|
|
27
|
+
createEventDispatcher,
|
|
28
|
+
} from 'svelte/internal';
|
|
25
29
|
|
|
26
30
|
export let data = '';
|
|
27
31
|
export let backgroundcolor = '#fff';
|
|
@@ -32,7 +36,10 @@
|
|
|
32
36
|
|
|
33
37
|
let _data: string;
|
|
34
38
|
let hasMounted = false;
|
|
35
|
-
let eventHandler = new EventHandler(
|
|
39
|
+
let eventHandler = new EventHandler(
|
|
40
|
+
get_current_component(),
|
|
41
|
+
createEventDispatcher(),
|
|
42
|
+
);
|
|
36
43
|
let parsedData: LineData[];
|
|
37
44
|
|
|
38
45
|
$: parsedData = data ? (JSON.parse(data) as LineData[]) : ([] as LineData[]);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{S as e,i,a as t,b as n,f as s,s as o,c as r,e as l,d as c,t as a,n as m,h,j as d,K as f,l as k,X as b,m as p,o as g,M as u,p as x,
|
|
1
|
+
import{S as e,i,a as t,b as n,f as s,s as o,c as r,e as l,d as c,t as a,n as m,h,j as d,K as f,l as k,X as b,m as p,o as g,M as u,p as x,q as $,u as v,g as w,R as y}from"../../index-9ffad6d0.js";import{c as z}from"../../EventForward-24fc0272.js";function _(e){let i,t,s=`<${H(e[6])} />`;return{c(){i=l("span"),w(i,"class",t=L(e[7]))},m(e,t){n(e,i,t),i.innerHTML=s},p(e,n){64&n&&s!==(s=`<${H(e[6])} />`)&&(i.innerHTML=s),128&n&&t!==(t=L(e[7]))&&w(i,"class",t)},d(e){e&&g(i)}}}function j(e){let i,t,s=`<${H(e[6])} />`;return{c(){i=l("span"),w(i,"class",t=L(e[7]))},m(e,t){n(e,i,t),i.innerHTML=s},p(e,n){64&n&&s!==(s=`<${H(e[6])} />`)&&(i.innerHTML=s),128&n&&t!==(t=L(e[7]))&&w(i,"class",t)},d(e){e&&g(i)}}}function M(e){let i,t,s,o,x,$,v,w=e[6]&&"left"===e[7]&&_(e),y=e[6]&&"right"===e[7]&&j(e),z=[{href:e[1]},{target:e[2]},{class:x=T(e[3],e[5])+" "+(e[4]?"is-disabled":"")+" "+e[9]},e[8]],M={};for(let e=0;e<z.length;e+=1)M=r(M,z[e]);return{c(){i=l("a"),w&&w.c(),t=c(),s=a(e[0]),o=c(),y&&y.c(),this.c=m,h(i,M)},m(r,l){n(r,i,l),w&&w.m(i,null),d(i,t),d(i,s),d(i,o),y&&y.m(i,null),$||(v=[f(e[10].call(null,i)),k(i,"click",e[11])],$=!0)},p(e,[n]){e[6]&&"left"===e[7]?w?w.p(e,n):(w=_(e),w.c(),w.m(i,t)):w&&(w.d(1),w=null),1&n&&b(s,e[0],M.contenteditable),e[6]&&"right"===e[7]?y?y.p(e,n):(y=j(e),y.c(),y.m(i,null)):y&&(y.d(1),y=null),h(i,M=p(z,[2&n&&{href:e[1]},4&n&&{target:e[2]},568&n&&x!==(x=T(e[3],e[5])+" "+(e[4]?"is-disabled":"")+" "+e[9])&&{class:x},256&n&&e[8]]))},i:m,o:m,d(e){e&&g(i),w&&w.d(),y&&y.d(),$=!1,u(v)}}}function H(e){return`${e} size="1rem"`}function L(e){const i=["mc-link__icon"];return"left"===e&&i.push("mc-link__icon--left"),"right"===e&&i.push("mc-link__icon--right"),i.join(" ")}function T(e,i){const t=["mc-link"];return e&&t.push(`mc-link--${e}`),i&&t.push(`mc-link--${i}`),t.join(" ")}function C(e,i,t){let n,s;const o=["label","href","target","theme","disabled","size","iconname","iconposition"];let l=x(i,o),{label:c}=i,{href:a}=i,{target:m}=i,{theme:h}=i,{disabled:d=!1}=i,{size:f="m"}=i,{iconname:k}=i,{iconposition:b}=i;const p=z($());return e.$$set=e=>{t(13,i=r(r({},i),v(e))),t(12,l=x(i,o)),"label"in e&&t(0,c=e.label),"href"in e&&t(1,a=e.href),"target"in e&&t(2,m=e.target),"theme"in e&&t(3,h=e.theme),"disabled"in e&&t(4,d=e.disabled),"size"in e&&t(5,f=e.size),"iconname"in e&&t(6,k=e.iconname),"iconposition"in e&&t(7,b=e.iconposition)},e.$$.update=()=>{t(9,n=i.class),t(8,s=Object.assign({},l)),256&e.$$.dirty&&delete s.class},i=v(i),[c,a,m,h,d,f,k,b,s,n,p,function(i){y.call(this,e,i)}]}class E extends e{constructor(e){super();const r=document.createElement("style");r.textContent='.mc-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:inherit;text-decoration:underline;-webkit-transition:color ease 200ms;-o-transition:color ease 200ms;transition:color ease 200ms;gap:0.25rem;color:#000000;position:relative;font-size:1rem;line-height:1.375}.mc-link:focus{outline:none}.mc-link:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.mc-link.is-visited,.mc-link:visited{color:#333333}.mc-link.is-hover,.mc-link:hover{color:#666666}.mc-link.is-active,.mc-link:active{color:#333333}.mc-link.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--s{font-size:0.875rem;line-height:1.2857142857}.mc-link--m{font-size:1rem;line-height:1.375}.mc-link::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-link__icon{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light{color:#ffffff}.mc-link--light.is-visited,.mc-link--light:visited{color:#cccccc}.mc-link--light.is-hover,.mc-link--light:hover{color:#999999}.mc-link--light.is-active,.mc-link--light:active{color:#cccccc}.mc-link--light.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary{color:#007f8c}.mc-link--primary.is-visited,.mc-link--primary:visited{color:#006974}.mc-link--primary.is-hover,.mc-link--primary:hover{color:#004e57}.mc-link--primary.is-active,.mc-link--primary:active{color:#006974}.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),customElement:!0},C,M,o,{label:0,href:1,target:2,theme:3,disabled:4,size:5,iconname:6,iconposition:7},null),e&&(e.target&&n(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["label","href","target","theme","disabled","size","iconname","iconposition"]}get label(){return this.$$.ctx[0]}set label(e){this.$$set({label:e}),s()}get href(){return this.$$.ctx[1]}set href(e){this.$$set({href:e}),s()}get target(){return this.$$.ctx[2]}set target(e){this.$$set({target:e}),s()}get theme(){return this.$$.ctx[3]}set theme(e){this.$$set({theme:e}),s()}get disabled(){return this.$$.ctx[4]}set disabled(e){this.$$set({disabled:e}),s()}get size(){return this.$$.ctx[5]}set size(e){this.$$set({size:e}),s()}get iconname(){return this.$$.ctx[6]}set iconname(e){this.$$set({iconname:e}),s()}get iconposition(){return this.$$.ctx[7]}set iconposition(e){this.$$set({iconposition:e}),s()}}export{E as default};
|
|
2
2
|
//# sourceMappingURL=Link.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{E as e,i,s as l,F as s,c as t,e as n,d as o,t as r,h as c,v as a,b as d,j as v,K as m,l as b,X as h,m as f,n as k,o as j,M as p,p as g,q as u,u as x,g as w,T as y,R as z}from"../../index-9ffad6d0.js";import{c as $}from"../../EventForward-24fc0272.js";function _(e){s(e,"svelte-bdv99j",'.mc-link.svelte-bdv99j{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:inherit;text-decoration:underline;-webkit-transition:color ease 200ms;-o-transition:color ease 200ms;transition:color ease 200ms;gap:0.25rem;color:#000000;position:relative;font-size:1rem;line-height:1.375}.mc-link.svelte-bdv99j:focus{outline:none}.mc-link.svelte-bdv99j:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.mc-link.is-visited.svelte-bdv99j,.mc-link.svelte-bdv99j:visited{color:#333333}.mc-link.is-hover.svelte-bdv99j,.mc-link.svelte-bdv99j:hover{color:#666666}.mc-link.is-active.svelte-bdv99j,.mc-link.svelte-bdv99j:active{color:#333333}.mc-link.is-disabled.svelte-bdv99j{color:#e6e6e6;cursor:not-allowed}.mc-link--s.svelte-bdv99j{font-size:0.875rem;line-height:1.2857142857}.mc-link--m.svelte-bdv99j{font-size:1rem;line-height:1.375}.mc-link.svelte-bdv99j::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-link__icon.svelte-bdv99j{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light.svelte-bdv99j{color:#ffffff}.mc-link--light.is-visited.svelte-bdv99j,.mc-link--light.svelte-bdv99j:visited{color:#cccccc}.mc-link--light.is-hover.svelte-bdv99j,.mc-link--light.svelte-bdv99j:hover{color:#999999}.mc-link--light.is-active.svelte-bdv99j,.mc-link--light.svelte-bdv99j:active{color:#cccccc}.mc-link--light.is-disabled.svelte-bdv99j{color:#e6e6e6;cursor:not-allowed}.mc-link--primary.svelte-bdv99j{color:#007f8c}.mc-link--primary.is-visited.svelte-bdv99j,.mc-link--primary.svelte-bdv99j:visited{color:#006974}.mc-link--primary.is-hover.svelte-bdv99j,.mc-link--primary.svelte-bdv99j:hover{color:#004e57}.mc-link--primary.is-active.svelte-bdv99j,.mc-link--primary.svelte-bdv99j:active{color:#006974}.mc-link--primary.is-disabled.svelte-bdv99j{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02.svelte-bdv99j{color:#494f60}.mc-link--primary-02.is-visited.svelte-bdv99j,.mc-link--primary-02.svelte-bdv99j:visited{color:#343b4c}.mc-link--primary-02.is-hover.svelte-bdv99j,.mc-link--primary-02.svelte-bdv99j:hover{color:#171b26}.mc-link--primary-02.is-active.svelte-bdv99j,.mc-link--primary-02.svelte-bdv99j:active{color:#343b4c}.mc-link--primary-02.is-disabled.svelte-bdv99j{color:#e6e6e6;cursor:not-allowed}.mc-link--danger.svelte-bdv99j{color:#c61112}.mc-link--danger.is-visited.svelte-bdv99j,.mc-link--danger.svelte-bdv99j:visited{color:#8c0003}.mc-link--danger.is-hover.svelte-bdv99j,.mc-link--danger.svelte-bdv99j:hover{color:#530000}.mc-link--danger.is-active.svelte-bdv99j,.mc-link--danger.svelte-bdv99j:active{color:#8c0003}.mc-link--danger.is-disabled.svelte-bdv99j{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m.svelte-bdv99j{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m.svelte-bdv99j{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l.svelte-bdv99j{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l.svelte-bdv99j{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl.svelte-bdv99j{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl.svelte-bdv99j{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl.svelte-bdv99j{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl.svelte-bdv99j{font-size:1rem;line-height:1.375}}')}function M(e){let i,l,s=`<${L(e[6])} />`;return{c(){i=n("span"),w(i,"class",l=y(E(e[7]))+" svelte-bdv99j")},m(e,l){d(e,i,l),i.innerHTML=s},p(e,t){64&t&&s!==(s=`<${L(e[6])} />`)&&(i.innerHTML=s),128&t&&l!==(l=y(E(e[7]))+" svelte-bdv99j")&&w(i,"class",l)},d(e){e&&j(i)}}}function T(e){let i,l,s=`<${L(e[6])} />`;return{c(){i=n("span"),w(i,"class",l=y(E(e[7]))+" svelte-bdv99j")},m(e,l){d(e,i,l),i.innerHTML=s},p(e,t){64&t&&s!==(s=`<${L(e[6])} />`)&&(i.innerHTML=s),128&t&&l!==(l=y(E(e[7]))+" svelte-bdv99j")&&w(i,"class",l)},d(e){e&&j(i)}}}function H(e){let i,l,s,g,u,x,w,y=e[6]&&"left"===e[7]&&M(e),z=e[6]&&"right"===e[7]&&T(e),$=[{href:e[1]},{target:e[2]},{class:u=F(e[3],e[5])+" "+(e[4]?"is-disabled":"")+" "+e[9]},e[8]],_={};for(let e=0;e<$.length;e+=1)_=t(_,$[e]);return{c(){i=n("a"),y&&y.c(),l=o(),s=r(e[0]),g=o(),z&&z.c(),c(i,_),a(i,"svelte-bdv99j",!0)},m(t,n){d(t,i,n),y&&y.m(i,null),v(i,l),v(i,s),v(i,g),z&&z.m(i,null),x||(w=[m(e[10].call(null,i)),b(i,"click",e[11])],x=!0)},p(e,[t]){e[6]&&"left"===e[7]?y?y.p(e,t):(y=M(e),y.c(),y.m(i,l)):y&&(y.d(1),y=null),1&t&&h(s,e[0],_.contenteditable),e[6]&&"right"===e[7]?z?z.p(e,t):(z=T(e),z.c(),z.m(i,null)):z&&(z.d(1),z=null),c(i,_=f($,[2&t&&{href:e[1]},4&t&&{target:e[2]},568&t&&u!==(u=F(e[3],e[5])+" "+(e[4]?"is-disabled":"")+" "+e[9])&&{class:u},256&t&&e[8]])),a(i,"svelte-bdv99j",!0)},i:k,o:k,d(e){e&&j(i),y&&y.d(),z&&z.d(),x=!1,p(w)}}}function L(e){return`${e} size="1rem"`}function E(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 F(e,i){const l=["mc-link"];return e&&l.push(`mc-link--${e}`),i&&l.push(`mc-link--${i}`),l.join(" ")}function q(e,i,l){let s,n;const o=["label","href","target","theme","disabled","size","iconname","iconposition"];let r=g(i,o),{label:c}=i,{href:a}=i,{target:d}=i,{theme:v}=i,{disabled:m=!1}=i,{size:b="m"}=i,{iconname:h}=i,{iconposition:f}=i;const k=$(u());return e.$$set=e=>{l(13,i=t(t({},i),x(e))),l(12,r=g(i,o)),"label"in e&&l(0,c=e.label),"href"in e&&l(1,a=e.href),"target"in e&&l(2,d=e.target),"theme"in e&&l(3,v=e.theme),"disabled"in e&&l(4,m=e.disabled),"size"in e&&l(5,b=e.size),"iconname"in e&&l(6,h=e.iconname),"iconposition"in e&&l(7,f=e.iconposition)},e.$$.update=()=>{l(9,s=i.class),l(8,n=Object.assign({},r)),256&e.$$.dirty&&delete n.class},i=x(i),[c,a,d,v,m,b,h,f,n,s,k,function(i){z.call(this,e,i)}]}class C extends e{constructor(e){super(),i(this,e,q,H,l,{label:0,href:1,target:2,theme:3,disabled:4,size:5,iconname:6,iconposition:7},_)}}export{C as default};
|
|
2
|
+
//# sourceMappingURL=Link.nested.js.map
|
|
@@ -0,0 +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 && iconposition === 'left'}\n <span class={generateIconClass(iconposition)}>\n {@html `<${generateIconName(iconname)} />`}\n </span>\n {/if}\n\n {label}\n\n {#if iconname && iconposition === 'right'}\n <span class={generateIconClass(iconposition)}>\n {@html `<${generateIconName(iconname)} />`}\n </span>\n {/if}\n</a>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.links';\n</style>\n"],"names":["raw_value","generateIconName","ctx","attr","span","span_class_value","null_to_empty","generateIconClass","insert","target","anchor","dirty","innerHTML","create_if_block_1","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":"6zIA6DiBA,EAAA,IAAAC,EAAiBC,EAAQ,gCADzBC,EAAAC,EAAA,QAAAC,EAAAC,EAAAC,EAAkBL,EAAY,KAAA,0BAA3CM,EAEMC,EAAAL,EAAAM,yBADO,GAAAC,GAAAX,KAAAA,EAAA,IAAAC,EAAiBC,EAAQ,YAAAE,EAAAQ,UAAAZ,GADzB,IAAAW,GAAAN,KAAAA,EAAAC,EAAAC,EAAkBL,EAAY,KAAA,wEAS9BF,EAAA,IAAAC,EAAiBC,EAAQ,gCADzBC,EAAAC,EAAA,QAAAC,EAAAC,EAAAC,EAAkBL,EAAY,KAAA,0BAA3CM,EAEMC,EAAAL,EAAAM,yBADO,GAAAC,GAAAX,KAAAA,EAAA,IAAAC,EAAiBC,EAAQ,YAAAE,EAAAQ,UAAAZ,GADzB,IAAAW,GAAAN,KAAAA,EAAAC,EAAAC,EAAkBL,EAAY,KAAA,oFATxCA,EAAQ,IAAqB,SAAjBA,EAAY,IAAWW,EAAAX,KAQnCA,EAAQ,IAAqB,UAAjBA,EAAY,IAAYY,EAAAZ,yCAXjCa,EAAWb,EAAK,GAAEA,EAAI,IAAA,KAAIA,EAAQ,GAAG,cAAgB,IAAE,IAAGA,EAAS,IACvEA,EAAU,wFAQbA,EAAK,0DAdRM,EAqBGC,EAAAO,EAAAN,uHAbIR,EAAQ,IAAqB,SAAjBA,EAAY,kEAM5BA,EAAK,GAAAe,EAAA,iBAEDf,EAAQ,IAAqB,UAAjBA,EAAY,yHAXrBa,EAAWb,EAAK,GAAEA,EAAI,IAAA,KAAIA,EAAQ,GAAG,cAAgB,IAAE,IAAGA,EAAS,KAAA,CAAAgB,MAAAC,UACvEjB,EAAU,kFApCL,SAAAD,EAAiBmB,YACdA,gBAGH,SAAAb,EAAkBc,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,yIAzCXG,GAAaC,QACbC,GAAYD,UACZnB,GAAcmB,GACdH,MAAAA,GAA4BG,GAC5BE,SAAAA,GAAW,GAAKF,GAChBF,KAAAA,EAAiB,KAAGE,GACpBG,SAAAA,GAAwCH,GACxCP,aAAAA,GAAsDO,QAE3DI,EAAgBC,EAAqBC,yUAExCC,EAAA,EAAAC,EAAYR,EAAQV,WACpBmB,EAALC,OAAAC,UAAuBC,2BACXH,EAAWnB"}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
<svelte:options tag={null} />
|
|
2
|
+
|
|
3
|
+
<script lang="ts">
|
|
4
|
+
import { get_current_component } from 'svelte/internal';
|
|
5
|
+
import type { LinkIconPosition, LinkSize, LinkTheme } from './link.types';
|
|
6
|
+
import { createEventForwarder } from '../../utilities/EventForward';
|
|
7
|
+
export let label: string;
|
|
8
|
+
export let href: string;
|
|
9
|
+
export let target: string;
|
|
10
|
+
export let theme: LinkTheme = undefined;
|
|
11
|
+
export let disabled = false;
|
|
12
|
+
export let size: LinkSize = 'm';
|
|
13
|
+
export let iconname: string | undefined = undefined;
|
|
14
|
+
export let iconposition: LinkIconPosition | undefined = undefined;
|
|
15
|
+
|
|
16
|
+
const forwardEvents = createEventForwarder(get_current_component());
|
|
17
|
+
|
|
18
|
+
$: userClass = $$props.class;
|
|
19
|
+
$: attributes = { ...$$restProps };
|
|
20
|
+
$: delete attributes.class;
|
|
21
|
+
|
|
22
|
+
function generateIconName(iconName: string): string {
|
|
23
|
+
return `${iconName} size="1rem"`;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
function generateIconClass(iconposition: string): string {
|
|
27
|
+
const classes = ['mc-link__icon'];
|
|
28
|
+
|
|
29
|
+
if (iconposition === 'left') {
|
|
30
|
+
classes.push('mc-link__icon--left');
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
if (iconposition === 'right') {
|
|
34
|
+
classes.push('mc-link__icon--right');
|
|
35
|
+
}
|
|
36
|
+
return classes.join(' ');
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
function setClasses(theme: LinkTheme, size: LinkSize): string {
|
|
40
|
+
const classes = ['mc-link'];
|
|
41
|
+
|
|
42
|
+
if (theme) {
|
|
43
|
+
classes.push(`mc-link--${theme}`);
|
|
44
|
+
}
|
|
45
|
+
if (size) {
|
|
46
|
+
classes.push(`mc-link--${size}`);
|
|
47
|
+
}
|
|
48
|
+
return classes.join(' ');
|
|
49
|
+
}
|
|
50
|
+
</script>
|
|
51
|
+
|
|
52
|
+
<a
|
|
53
|
+
use:forwardEvents
|
|
54
|
+
on:click
|
|
55
|
+
{href}
|
|
56
|
+
{target}
|
|
57
|
+
class="{setClasses(theme, size)} {disabled ? 'is-disabled' : ''} {userClass}"
|
|
58
|
+
{...attributes}
|
|
59
|
+
>
|
|
60
|
+
{#if iconname && iconposition === 'left'}
|
|
61
|
+
<span class={generateIconClass(iconposition)}>
|
|
62
|
+
{@html `<${generateIconName(iconname)} />`}
|
|
63
|
+
</span>
|
|
64
|
+
{/if}
|
|
65
|
+
|
|
66
|
+
{label}
|
|
67
|
+
|
|
68
|
+
{#if iconname && iconposition === 'right'}
|
|
69
|
+
<span class={generateIconClass(iconposition)}>
|
|
70
|
+
{@html `<${generateIconName(iconname)} />`}
|
|
71
|
+
</span>
|
|
72
|
+
{/if}
|
|
73
|
+
</a>
|
|
74
|
+
|
|
75
|
+
<style lang="scss">
|
|
76
|
+
@import '@mozaic-ds/styles/settings-tools/_all-settings';
|
|
77
|
+
@import '@mozaic-ds/styles/components/c.links';
|
|
78
|
+
</style>
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{S as e,i as t,a as i,b as o,f as c,s as a,c as l,e as s,n as r,h as n,v as m,K as d,m as h,o as b,p,q as u,R as x,V as f,t as _,g,j as k,k as v,P as w,O as $,d as y,W as E,l as C,M as z}from"../../index-52f16292.js";import{E as j}from"../../EventHandler-f4efd23c.js";function M(e,t,i){const o=e.slice();return o[21]=t[i],o[23]=i,o}function B(e){let t,i,c;return{c(){t=s("li"),i=s("span"),c=_(e[4]),g(i,"class","mc-listbox__empty"),g(t,"class","mc-listbox__item")},m(e,a){o(e,t,a),k(t,i),k(i,c)},p(e,t){16&t&&v(c,e[4])},d(e){e&&b(t)}}}function H(e){let t,i=e[9],c=[];for(let t=0;t<i.length;t+=1)c[t]=N(M(e,i,t));return{c(){for(let e=0;e<c.length;e+=1)c[e].c();t=w()},m(e,i){for(let t=0;t<c.length;t+=1)c[t]&&c[t].m(e,i);o(e,t,i)},p(e,o){if(3685&o){let a;for(i=e[9],a=0;a<i.length;a+=1){const l=M(e,i,a);c[a]?c[a].p(l,o):(c[a]=N(l),c[a].c(),c[a].m(t.parentNode,t))}for(;a<c.length;a+=1)c[a].d(1);c.length=i.length}},d(e){$(c,e),e&&b(t)}}}function O(e){let t,i,c,a,l,r,n=!1;return a=E(e[17][0]),{c(){t=s("input"),g(t,"id",e[11](e[23])),g(t,"class","mc-listbox__input mc-checkbox__input"),g(t,"type","checkbox"),t.__value=i=e[21][e[6]],t.value=t.__value,t.checked=c=e[0].includes(e[21][e[6]]),a.p(t)},m(i,c){o(i,t,c),t.checked=~(e[0]||[]).indexOf(t.__value),l||(r=[C(t,"change",e[18]),C(t,"change",e[15])],l=!0)},p(e,o){576&o&&i!==(i=e[21][e[6]])&&(t.__value=i,t.value=t.__value,n=!0),577&o&&c!==(c=e[0].includes(e[21][e[6]]))&&(t.checked=c),(n||513&o)&&(t.checked=~(e[0]||[]).indexOf(t.__value))},d(e){e&&b(t),a.r(),l=!1,z(r)}}}function R(e){let t,i,c,a,l,r=!1;return c=E(e[17][0]),{c(){t=s("input"),g(t,"id",e[11](e[23])),g(t,"class","mc-listbox__input"),g(t,"type","radio"),t.__value=i=e[21][e[6]],t.value=t.__value,g(t,"name",`listboxradio-${e[10]}`),c.p(t)},m(i,c){o(i,t,c),t.checked=t.__value===e[0],a||(l=[C(t,"change",e[16]),C(t,"change",e[14])],a=!0)},p(e,o){576&o&&i!==(i=e[21][e[6]])&&(t.__value=i,t.value=t.__value,r=!0),(r||513&o)&&(t.checked=t.__value===e[0])},d(e){e&&b(t),c.r(),a=!1,z(l)}}}function N(e){let t,i,c,a,l,r=e[21][e[5]]+"";function n(e,t){return e[2]?O:R}let m=n(e),d=m(e);return{c(){t=s("li"),d.c(),i=y(),c=s("label"),a=_(r),l=y(),g(c,"for",e[11](e[23])),g(c,"class","mc-listbox__label"),g(t,"class","mc-listbox__item")},m(e,s){o(e,t,s),d.m(t,null),k(t,i),k(t,c),k(c,a),k(t,l)},p(e,o){m===(m=n(e))&&d?d.p(e,o):(d.d(1),d=m(e),d&&(d.c(),d.m(t,i))),544&o&&r!==(r=e[21][e[5]]+"")&&v(a,r)},d(e){e&&b(t),d.d()}}}function Y(e){let t,i,c,a;function p(e,t){return e[3]?B:H}let u=p(e),x=u(e),f=[{role:"listbox"},{class:"mc-listbox"},{"aria-labelledby":"listbox"},{style:i="--listbox-width: "+e[7]+";"},e[8]],_={};for(let e=0;e<f.length;e+=1)_=l(_,f[e]);return{c(){t=s("ul"),x.c(),this.c=r,n(t,_),m(t,"is-open",e[1]),m(t,"mc-listbox--multi",e[2])},m(i,l){o(i,t,l),x.m(t,null),c||(a=d(e[12].call(null,t)),c=!0)},p(e,[o]){u===(u=p(e))&&x?x.p(e,o):(x.d(1),x=u(e),x&&(x.c(),x.m(t,null))),n(t,_=h(f,[{role:"listbox"},{class:"mc-listbox"},{"aria-labelledby":"listbox"},128&o&&i!==(i="--listbox-width: "+e[7]+";")&&{style:i},256&o&&e[8]])),m(t,"is-open",e[1]),m(t,"mc-listbox--multi",e[2])},i:r,o:r,d(e){e&&b(t),x.d(),c=!1,a()}}}function A(e,t,i){let o,c;const a=["items","value","open","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","maxwidth"];let s=p(t,a),{items:r}=t,{value:n}=t,{open:m}=t,{multiple:d}=t,{isfiltered:h}=t,{emptysearchlabel:b="No results found"}=t,{datatextexpr:_="label"}=t,{datavalueexpr:g="value"}=t,{maxwidth:k="100%"}=t;const v=Math.random();let w=new j;const $=[[]];return e.$$set=e=>{t=l(l({},t),u(e)),i(20,s=p(t,a)),"items"in e&&i(13,r=e.items),"value"in e&&i(0,n=e.value),"open"in e&&i(1,m=e.open),"multiple"in e&&i(2,d=e.multiple),"isfiltered"in e&&i(3,h=e.isfiltered),"emptysearchlabel"in e&&i(4,b=e.emptysearchlabel),"datatextexpr"in e&&i(5,_=e.datatextexpr),"datavalueexpr"in e&&i(6,g=e.datavalueexpr),"maxwidth"in e&&i(7,k=e.maxwidth)},e.$$.update=()=>{8192&e.$$.dirty&&i(9,o=r?JSON.parse(r):[]),i(8,c=Object.assign({},s)),256&e.$$.dirty&&delete c.class},[n,m,d,h,b,_,g,k,c,o,v,function(e){return`listboxItem-${e+v}`},function(e){e.addEventListener("scroll",(()=>{e.offsetHeight+e.scrollTop>=e.scrollHeight&&w.dispatch("scrollend",{})}))},r,function(t){x.call(this,e,t)},function(t){x.call(this,e,t)},function(){n=this.__value,i(0,n)},$,function(){n=f($[0],this.__value,this.checked),i(0,n)}]}class L extends e{constructor(e){super();const l=document.createElement("style");l.textContent=".mc-checkbox{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:0.5rem;color:#000000}.mc-checkbox__input{font-family:\"Roboto\", 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;-o-transition:all 200ms ease;transition:all 200ms ease;cursor:pointer}.mc-checkbox__input[type=number]::-webkit-inner-spin-button,.mc-checkbox__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#ffffff;border:2px solid #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 #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.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 #758992}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#00919f;border-color:#00919f;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:#00919f;border-color:#00919f}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#004e57}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#004e57}.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{list-style:none;margin-left:0;padding-left:0;background-color:#ffffff;border:1px solid #666666;border-radius:3px;position:absolute;overflow-y:auto;margin-top:0.25rem;margin-bottom:0;max-height:13.8125rem;min-width:auto;opacity:0;visibility:hidden;max-width:var(--listbox-width, auto);width:100%}.mc-listbox.is-open{opacity:1;visibility:visible;z-index:10}.mc-listbox::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-listbox::-webkit-scrollbar-thumb{background:#666666}.mc-listbox__item,.mc-listbox__tile{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;min-height:3rem;padding-left:0.75rem;padding-right:0.75rem;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mc-listbox__item:not(:last-child),.mc-listbox__tile:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-listbox__item:hover,.mc-listbox__tile:hover{background-color:#e6e6e6;-webkit-box-shadow:inset 9px 0 0 -7px #191919;box-shadow:inset 9px 0 0 -7px #191919}.mc-listbox__flag,.mc-listbox__icon{width:2rem;height:2rem}.mc-listbox__flag{font-size:1.4375rem;line-height:1.3913043478;text-align:center}.mc-listbox__empty{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-listbox__label{cursor:pointer;margin-right:auto}.mc-listbox__label::after{content:\"\";position:absolute;inset:0;z-index:2}.mc-listbox__input{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.mc-listbox:not(.mc-listbox--multi) .mc-listbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-listbox:not(.mc-listbox--multi) .mc-listbox__input:checked+.mc-listbox__label::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%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-repeat:no-repeat;background-position:center;content:\"\";height:1.5rem;position:absolute;right:0.75rem;top:0;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);width:1.5rem}.mc-listbox--left{right:0}",this.shadowRoot.appendChild(l),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},A,Y,a,{items:13,value:0,open:1,multiple:2,isfiltered:3,emptysearchlabel:4,datatextexpr:5,datavalueexpr:6,maxwidth:7},null),e&&(e.target&&o(e.target,this,e.anchor),e.props&&(this.$set(e.props),c()))}static get observedAttributes(){return["items","value","open","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","maxwidth"]}get items(){return this.$$.ctx[13]}set items(e){this.$$set({items:e}),c()}get value(){return this.$$.ctx[0]}set value(e){this.$$set({value:e}),c()}get open(){return this.$$.ctx[1]}set open(e){this.$$set({open:e}),c()}get multiple(){return this.$$.ctx[2]}set multiple(e){this.$$set({multiple:e}),c()}get isfiltered(){return this.$$.ctx[3]}set isfiltered(e){this.$$set({isfiltered:e}),c()}get emptysearchlabel(){return this.$$.ctx[4]}set emptysearchlabel(e){this.$$set({emptysearchlabel:e}),c()}get datatextexpr(){return this.$$.ctx[5]}set datatextexpr(e){this.$$set({datatextexpr:e}),c()}get datavalueexpr(){return this.$$.ctx[6]}set datavalueexpr(e){this.$$set({datavalueexpr:e}),c()}get maxwidth(){return this.$$.ctx[7]}set maxwidth(e){this.$$set({maxwidth:e}),c()}}export{L as default};
|
|
1
|
+
import{S as e,i as t,a as i,b as o,f as a,s as c,c as l,e as s,n as r,h as n,v as m,K as d,m as h,o as b,p,q as u,r as x,u as f,R as _,V as g,t as k,g as v,j as w,k as $,P as y,O as E,d as C,W as z,l as j,M}from"../../index-9ffad6d0.js";import{E as B}from"../../EventHandler-f7ee47ca.js";function H(e,t,i){const o=e.slice();return o[21]=t[i],o[23]=i,o}function O(e){let t,i,a;return{c(){t=s("li"),i=s("span"),a=k(e[4]),v(i,"class","mc-listbox__empty"),v(t,"class","mc-listbox__item")},m(e,c){o(e,t,c),w(t,i),w(i,a)},p(e,t){16&t&&$(a,e[4])},d(e){e&&b(t)}}}function R(e){let t,i=e[9],a=[];for(let t=0;t<i.length;t+=1)a[t]=A(H(e,i,t));return{c(){for(let e=0;e<a.length;e+=1)a[e].c();t=y()},m(e,i){for(let t=0;t<a.length;t+=1)a[t]&&a[t].m(e,i);o(e,t,i)},p(e,o){if(3685&o){let c;for(i=e[9],c=0;c<i.length;c+=1){const l=H(e,i,c);a[c]?a[c].p(l,o):(a[c]=A(l),a[c].c(),a[c].m(t.parentNode,t))}for(;c<a.length;c+=1)a[c].d(1);a.length=i.length}},d(e){E(a,e),e&&b(t)}}}function N(e){let t,i,a,c,l,r,n=!1;return c=z(e[17][0]),{c(){t=s("input"),v(t,"id",e[11](e[23])),v(t,"class","mc-listbox__input mc-checkbox__input"),v(t,"type","checkbox"),t.__value=i=e[21][e[6]],t.value=t.__value,t.checked=a=e[0].includes(e[21][e[6]]),c.p(t)},m(i,a){o(i,t,a),t.checked=~(e[0]||[]).indexOf(t.__value),l||(r=[j(t,"change",e[18]),j(t,"change",e[15])],l=!0)},p(e,o){576&o&&i!==(i=e[21][e[6]])&&(t.__value=i,t.value=t.__value,n=!0),577&o&&a!==(a=e[0].includes(e[21][e[6]]))&&(t.checked=a),(n||513&o)&&(t.checked=~(e[0]||[]).indexOf(t.__value))},d(e){e&&b(t),c.r(),l=!1,M(r)}}}function Y(e){let t,i,a,c,l,r=!1;return a=z(e[17][0]),{c(){t=s("input"),v(t,"id",e[11](e[23])),v(t,"class","mc-listbox__input"),v(t,"type","radio"),t.__value=i=e[21][e[6]],t.value=t.__value,v(t,"name",`listboxradio-${e[10]}`),a.p(t)},m(i,a){o(i,t,a),t.checked=t.__value===e[0],c||(l=[j(t,"change",e[16]),j(t,"change",e[14])],c=!0)},p(e,o){576&o&&i!==(i=e[21][e[6]])&&(t.__value=i,t.value=t.__value,r=!0),(r||513&o)&&(t.checked=t.__value===e[0])},d(e){e&&b(t),a.r(),c=!1,M(l)}}}function A(e){let t,i,a,c,l,r=e[21][e[5]]+"";function n(e,t){return e[2]?N:Y}let m=n(e),d=m(e);return{c(){t=s("li"),d.c(),i=C(),a=s("label"),c=k(r),l=C(),v(a,"for",e[11](e[23])),v(a,"class","mc-listbox__label"),v(t,"class","mc-listbox__item")},m(e,s){o(e,t,s),d.m(t,null),w(t,i),w(t,a),w(a,c),w(t,l)},p(e,o){m===(m=n(e))&&d?d.p(e,o):(d.d(1),d=m(e),d&&(d.c(),d.m(t,i))),544&o&&r!==(r=e[21][e[5]]+"")&&$(c,r)},d(e){e&&b(t),d.d()}}}function L(e){let t,i,a,c;function p(e,t){return e[3]?O:R}let u=p(e),x=u(e),f=[{role:"listbox"},{class:"mc-listbox"},{"aria-labelledby":"listbox"},{style:i="--listbox-width: "+e[7]+";"},e[8]],_={};for(let e=0;e<f.length;e+=1)_=l(_,f[e]);return{c(){t=s("ul"),x.c(),this.c=r,n(t,_),m(t,"is-open",e[1]),m(t,"mc-listbox--multi",e[2])},m(i,l){o(i,t,l),x.m(t,null),a||(c=d(e[12].call(null,t)),a=!0)},p(e,[o]){u===(u=p(e))&&x?x.p(e,o):(x.d(1),x=u(e),x&&(x.c(),x.m(t,null))),n(t,_=h(f,[{role:"listbox"},{class:"mc-listbox"},{"aria-labelledby":"listbox"},128&o&&i!==(i="--listbox-width: "+e[7]+";")&&{style:i},256&o&&e[8]])),m(t,"is-open",e[1]),m(t,"mc-listbox--multi",e[2])},i:r,o:r,d(e){e&&b(t),x.d(),a=!1,c()}}}function S(e,t,i){let o,a;const c=["items","value","open","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","maxwidth"];let s=p(t,c),{items:r}=t,{value:n}=t,{open:m}=t,{multiple:d}=t,{isfiltered:h}=t,{emptysearchlabel:b="No results found"}=t,{datatextexpr:k="label"}=t,{datavalueexpr:v="value"}=t,{maxwidth:w="100%"}=t;const $=Math.random();let y=new B(u(),x());const E=[[]];return e.$$set=e=>{t=l(l({},t),f(e)),i(20,s=p(t,c)),"items"in e&&i(13,r=e.items),"value"in e&&i(0,n=e.value),"open"in e&&i(1,m=e.open),"multiple"in e&&i(2,d=e.multiple),"isfiltered"in e&&i(3,h=e.isfiltered),"emptysearchlabel"in e&&i(4,b=e.emptysearchlabel),"datatextexpr"in e&&i(5,k=e.datatextexpr),"datavalueexpr"in e&&i(6,v=e.datavalueexpr),"maxwidth"in e&&i(7,w=e.maxwidth)},e.$$.update=()=>{8192&e.$$.dirty&&i(9,o=r?JSON.parse(r):[]),i(8,a=Object.assign({},s)),256&e.$$.dirty&&delete a.class},[n,m,d,h,b,k,v,w,a,o,$,function(e){return`listboxItem-${e+$}`},function(e){e.addEventListener("scroll",(()=>{e.offsetHeight+e.scrollTop>=e.scrollHeight&&y.dispatch("scrollend",{})}))},r,function(t){_.call(this,e,t)},function(t){_.call(this,e,t)},function(){n=this.__value,i(0,n)},E,function(){n=g(E[0],this.__value,this.checked),i(0,n)}]}class q extends e{constructor(e){super();const l=document.createElement("style");l.textContent=".mc-checkbox{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:0.5rem;color:#000000}.mc-checkbox__input{font-family:\"Roboto\", 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;-o-transition:all 200ms ease;transition:all 200ms ease;cursor:pointer}.mc-checkbox__input[type=number]::-webkit-inner-spin-button,.mc-checkbox__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#ffffff;border:2px solid #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 #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.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 #758992}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#00919f;border-color:#00919f;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:#00919f;border-color:#00919f}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#004e57}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#004e57}.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{list-style:none;margin-left:0;padding-left:0;background-color:#ffffff;border:1px solid #666666;border-radius:3px;position:absolute;overflow-y:auto;margin-top:0.25rem;margin-bottom:0;max-height:13.8125rem;min-width:auto;opacity:0;visibility:hidden;max-width:var(--listbox-width, auto);width:100%}.mc-listbox.is-open{opacity:1;visibility:visible;z-index:10}.mc-listbox::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-listbox::-webkit-scrollbar-thumb{background:#666666}.mc-listbox__item,.mc-listbox__tile{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;min-height:3rem;padding-left:0.75rem;padding-right:0.75rem;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mc-listbox__item:not(:last-child),.mc-listbox__tile:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-listbox__item:hover,.mc-listbox__tile:hover{background-color:#e6e6e6;-webkit-box-shadow:inset 9px 0 0 -7px #191919;box-shadow:inset 9px 0 0 -7px #191919}.mc-listbox__flag,.mc-listbox__icon{width:2rem;height:2rem}.mc-listbox__flag{font-size:1.4375rem;line-height:1.3913043478;text-align:center}.mc-listbox__empty{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-listbox__label{cursor:pointer;margin-right:auto}.mc-listbox__label::after{content:\"\";position:absolute;inset:0;z-index:2}.mc-listbox__input{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.mc-listbox:not(.mc-listbox--multi) .mc-listbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-listbox:not(.mc-listbox--multi) .mc-listbox__input:checked+.mc-listbox__label::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%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-repeat:no-repeat;background-position:center;content:\"\";height:1.5rem;position:absolute;right:0.75rem;top:0;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);width:1.5rem}.mc-listbox--left{right:0}",this.shadowRoot.appendChild(l),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},S,L,c,{items:13,value:0,open:1,multiple:2,isfiltered:3,emptysearchlabel:4,datatextexpr:5,datavalueexpr:6,maxwidth:7},null),e&&(e.target&&o(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["items","value","open","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","maxwidth"]}get items(){return this.$$.ctx[13]}set items(e){this.$$set({items:e}),a()}get value(){return this.$$.ctx[0]}set value(e){this.$$set({value:e}),a()}get open(){return this.$$.ctx[1]}set open(e){this.$$set({open:e}),a()}get multiple(){return this.$$.ctx[2]}set multiple(e){this.$$set({multiple:e}),a()}get isfiltered(){return this.$$.ctx[3]}set isfiltered(e){this.$$set({isfiltered:e}),a()}get emptysearchlabel(){return this.$$.ctx[4]}set emptysearchlabel(e){this.$$set({emptysearchlabel:e}),a()}get datatextexpr(){return this.$$.ctx[5]}set datatextexpr(e){this.$$set({datatextexpr:e}),a()}get datavalueexpr(){return this.$$.ctx[6]}set datavalueexpr(e){this.$$set({datavalueexpr:e}),a()}get maxwidth(){return this.$$.ctx[7]}set maxwidth(e){this.$$set({maxwidth:e}),a()}}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\n export let items: string;\n export let value: any;\n export let open: boolean;\n export let multiple: boolean;\n export let isfiltered: boolean;\n export let emptysearchlabel = 'No results found';\n export let datatextexpr = 'label';\n export let datavalueexpr = 'value';\n export let maxwidth = '100%';\n\n const uuid = Math.random();\n let eventHandler = new EventHandler();\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<ul\n role=\"listbox\"\n class=\"mc-listbox\"\n class:is-open={open}\n class:mc-listbox--multi={multiple}\n aria-labelledby=\"listbox\"\n style=\"--listbox-width: {maxwidth};\"\n use:scrollEnd\n {...attributes}\n>\n {#if !isfiltered}\n {#each parsedItems as item, index}\n <li class=\"mc-listbox__item\">\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 {:else}\n <li class=\"mc-listbox__item\">\n <span class=\"mc-listbox__empty\">{emptysearchlabel}</span>\n </li>\n {/if}\n</ul>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n @import '@mozaic-ds/styles/components/c.checkbox';\n @import '@mozaic-ds/styles/components/c.listbox';\n</style>\n"],"names":["ctx","insert","target","li","anchor","append","span","length","i","attr","input","__value","input_value_value","checked","input_checked_value","includes","indexOf","dirty","t1_value","create_if_block_1","label","set_data","t1","create_if_block","ul","style","ul_style_value","items","$$props","value","open","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","maxwidth","uuid","Math","random","eventHandler","EventHandler","$$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 open: boolean;\n export let multiple: boolean;\n export let isfiltered: boolean;\n export let emptysearchlabel = 'No results found';\n export let datatextexpr = 'label';\n export let datavalueexpr = 'value';\n export let maxwidth = '100%';\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<ul\n role=\"listbox\"\n class=\"mc-listbox\"\n class:is-open={open}\n class:mc-listbox--multi={multiple}\n aria-labelledby=\"listbox\"\n style=\"--listbox-width: {maxwidth};\"\n use:scrollEnd\n {...attributes}\n>\n {#if !isfiltered}\n {#each parsedItems as item, index}\n <li class=\"mc-listbox__item\">\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 {:else}\n <li class=\"mc-listbox__item\">\n <span class=\"mc-listbox__empty\">{emptysearchlabel}</span>\n </li>\n {/if}\n</ul>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n @import '@mozaic-ds/styles/components/c.checkbox';\n @import '@mozaic-ds/styles/components/c.listbox';\n</style>\n"],"names":["ctx","insert","target","li","anchor","append","span","length","i","attr","input","__value","input_value_value","checked","input_checked_value","includes","indexOf","dirty","t1_value","create_if_block_1","label","set_data","t1","create_if_block","ul","style","ul_style_value","items","$$props","value","open","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","maxwidth","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":"6ZAqFuCA,EAAgB,6EADnDC,EAEIC,EAAAC,EAAAC,GADFC,EAAwDF,EAAAG,4BAAvBN,EAAgB,0CA/B5CA,EAAW,wBAAhBO,OAAIC,GAAA,uKAACR,EAAW,WAAhBO,OAAIC,GAAA,EAAA,yHAAJD,yGAcUE,EAAAC,EAAA,KAAAV,MAAUA,EAAK,iFAGZU,EAAAC,QAAAC,EAAAZ,MAAKA,EAAa,sBAChBU,EAAAG,QAAAC,EAAAd,EAAM,GAAAe,SAASf,MAAKA,EAAa,oBAL5CC,EAQCC,EAAAQ,EAAAN,eAFaJ,EAAK,IAAA,IAAAgB,QAAAN,EAAAC,uEAFV,IAAAM,GAAAL,KAAAA,EAAAZ,MAAKA,EAAa,2CAChB,IAAAiB,GAAAH,KAAAA,EAAAd,EAAM,GAAAe,SAASf,MAAKA,EAAa,8CAC9BA,EAAK,IAAA,IAAAgB,QAAAN,EAAAC,kHAfbF,EAAAC,EAAA,KAAAV,MAAUA,EAAK,2DAGZU,EAAAC,QAAAC,EAAAZ,MAAKA,EAAa,iDACHA,EAAI,sBAL5BC,EAQCC,EAAAQ,EAAAN,yBAFaJ,EAAK,iEAFV,IAAAiB,GAAAL,KAAAA,EAAAZ,MAAKA,EAAa,8EAEbA,EAAK,gEAgBlBkB,EAAAlB,MAAKA,EAAY,IAAA,0BAvBdA,EAAQ,KAAAmB,+EAsBFV,EAAAW,EAAA,MAAApB,MAAUA,EAAK,+EAvB7BC,EA0BIC,EAAAC,EAAAC,sBAHFC,EAEOF,EAAAiB,sFADJ,IAAAH,GAAAC,KAAAA,EAAAlB,MAAKA,EAAY,IAAA,KAAAqB,EAAAC,EAAAJ,0EA1BpBlB,EAAU,KAAAuB,wHAJSvB,EAAQ,GAAA,KAE7BA,EAAU,0GALCA,EAAI,4BACMA,EAAQ,YAJnCC,EA6CIC,EAAAsB,EAAApB,4OAvCuBJ,EAAQ,GAAA,MAAA,CAAAyB,MAAAC,UAE7B1B,EAAU,oBALCA,EAAI,4BACMA,EAAQ,+MArCtB2B,GAAaC,SACbC,GAAUD,QACVE,GAAaF,YACbG,GAAiBH,cACjBI,GAAmBJ,GACnBK,iBAAAA,EAAmB,oBAAkBL,GACrCM,aAAAA,EAAe,SAAON,GACtBO,cAAAA,EAAgB,SAAOP,GACvBQ,SAAAA,EAAW,QAAMR,QAEtBS,EAAOC,KAAKC,SACd,IAAAC,EAAmB,IAAAC,EACrBC,IACAC,8aAGDC,EAAA,EAAEC,EAAclB,EAASmB,KAAKC,MAAMpB,GAAK,QACvCqB,EAALC,OAAAC,UAAuBC,2BACXH,EAAWI,8BAEZ,SAAUC,GACK,MAAA,eAAAA,EAAQhB,KAGvB,SAAUiB,GACjBA,EAAKC,iBAAiB,UAAQ,KACxBD,EAAKE,aAAeF,EAAKG,WAAaH,EAAKI,cAC7ClB,EAAamB,SAAS,YAAW,CAAA,gFA0BjB9B,EAAK+B,KAAAjD,6BAULkB,EAAKgC,EAAAC,EAAA,GAAAF,KAAAjD,QAAAiD,KAAA/C"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{E as e,i as t,s as l,F as s,e as i,g as o,J as a,v as c,b as n,K as r,n as f,o as d,R as g,V as m,t as b,j as w,k as v,d as u,P as h,O as p,l as x,M as q,W as _}from"../../index-52f16292.js";import{E as k}from"../../EventHandler-f4efd23c.js";function y(e){s(e,"svelte-1qgwf44",".mc-checkbox__input.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44{font-family:\"Roboto\", 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;-o-transition:all 200ms ease;transition:all 200ms ease;cursor:pointer}.mc-checkbox__input.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44::-ms-check{background-color:#ffffff;border:2px solid #666666;border-radius:4px;color:#ffffff}.mc-checkbox__input.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44:hover{border-color:#191919}.mc-checkbox__input.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44:hover::-ms-check{border-color:#191919}.mc-checkbox__input.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.mc-checkbox__input.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44:focus::-ms-check{box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.mc-checkbox__input.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44:checked,.mc-checkbox__input.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44:indeterminate{background-color:#00919f;border-color:#00919f;background-size:1rem 1rem}.mc-checkbox__input.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44: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-1qgwf44.svelte-1qgwf44.svelte-1qgwf44:checked::-ms-check{background-color:#00919f;border-color:#00919f}.mc-checkbox__input.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44:checked:hover:not(:disabled){border-color:#004e57}.mc-checkbox__input.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44:checked:hover:not(:disabled)::-ms-check{border-color:#004e57}.mc-checkbox__input.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44: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-1qgwf44.svelte-1qgwf44.svelte-1qgwf44:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44: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-1qgwf44.svelte-1qgwf44.svelte-1qgwf44: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-1qgwf44.svelte-1qgwf44.svelte-1qgwf44{list-style:none;margin-left:0;padding-left:0;background-color:#ffffff;border:1px solid #666666;border-radius:3px;position:absolute;overflow-y:auto;margin-top:0.25rem;margin-bottom:0;max-height:13.8125rem;min-width:auto;opacity:0;visibility:hidden;max-width:var(--listbox-width, auto);width:100%}.mc-listbox.is-open.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44{opacity:1;visibility:visible;z-index:10}.mc-listbox.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-listbox.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44::-webkit-scrollbar-thumb{background:#666666}.mc-listbox__item.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;min-height:3rem;padding-left:0.75rem;padding-right:0.75rem;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mc-listbox__item.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-listbox__item.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44:hover{background-color:#e6e6e6;-webkit-box-shadow:inset 9px 0 0 -7px #191919;box-shadow:inset 9px 0 0 -7px #191919}.mc-listbox__empty.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-listbox__label.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44{cursor:pointer;margin-right:auto}.mc-listbox__label.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44::after{content:\"\";position:absolute;inset:0;z-index:2}.mc-listbox__input.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.mc-listbox.svelte-1qgwf44 .is-disabled.svelte-1qgwf44.svelte-1qgwf44{cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none;background-color:#cccccc;color:#666666;pointer-events:none}.mc-listbox.svelte-1qgwf44:not(.mc-listbox--multi) .mc-listbox__input.svelte-1qgwf44.svelte-1qgwf44{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-listbox.svelte-1qgwf44:not(.mc-listbox--multi) .mc-listbox__input.svelte-1qgwf44:checked+.mc-listbox__label.svelte-1qgwf44::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%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-repeat:no-repeat;background-position:center;content:\"\";height:1.5rem;position:absolute;right:0.75rem;top:0;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);width:1.5rem}")}function E(e,t,l){const s=e.slice();return s[27]=t[l],s[29]=l,s}function C(e){let t,l,s;return{c(){t=i("li"),l=i("span"),s=b(e[4]),o(l,"class","mc-listbox__empty svelte-1qgwf44"),o(t,"class","mc-listbox__item svelte-1qgwf44")},m(e,i){n(e,t,i),w(t,l),w(l,s)},p(e,t){16&t&&v(s,e[4])},d(e){e&&d(t)}}}function z(e){let t,l,s=e[2]&&e[9]&&$(e),i=e[11],o=[];for(let t=0;t<i.length;t+=1)o[t]=j(E(e,i,t));return{c(){s&&s.c(),t=u();for(let e=0;e<o.length;e+=1)o[e].c();l=h()},m(e,i){s&&s.m(e,i),n(e,t,i);for(let t=0;t<o.length;t+=1)o[t]&&o[t].m(e,i);n(e,l,i)},p(e,a){if(e[2]&&e[9]?s?s.p(e,a):(s=$(e),s.c(),s.m(t.parentNode,t)):s&&(s.d(1),s=null),51429&a){let t;for(i=e[11],t=0;t<i.length;t+=1){const s=E(e,i,t);o[t]?o[t].p(s,a):(o[t]=j(s),o[t].c(),o[t].m(l.parentNode,l))}for(;t<o.length;t+=1)o[t].d(1);o.length=i.length}},d(e){s&&s.d(e),e&&d(t),p(o,e),e&&d(l)}}}function $(e){let t,l,s,a,c,r,f;return{c(){t=i("li"),l=i("input"),s=u(),a=i("label"),c=b(e[10]),o(l,"id","select-all"),o(l,"class","mc-listbox__input mc-checkbox__input svelte-1qgwf44"),o(l,"type","checkbox"),l.indeterminate=e[13],o(a,"for","select-all"),o(a,"class","mc-listbox__label svelte-1qgwf44"),o(t,"class","mc-listbox__item svelte-1qgwf44")},m(i,o){n(i,t,o),w(t,l),l.checked=e[12],w(t,s),w(t,a),w(a,c),r||(f=[x(l,"change",e[21]),x(l,"change",e[17])],r=!0)},p(e,t){8192&t&&(l.indeterminate=e[13]),4096&t&&(l.checked=e[12]),1024&t&&v(c,e[10])},d(e){e&&d(t),r=!1,q(f)}}}function B(e){let t,l,s,a,c,r,f,g=!1;return c=_(e[23][0]),{c(){t=i("input"),o(t,"id",e[15](e[29])),o(t,"class","mc-listbox__input mc-checkbox__input svelte-1qgwf44"),o(t,"type","checkbox"),t.__value=l=e[27][e[6]],t.value=t.__value,t.checked=s=e[0].includes(e[27][e[6]]),t.disabled=a=Boolean(e[27][e[7]]),c.p(t)},m(l,s){n(l,t,s),t.checked=~(e[0]||[]).indexOf(t.__value),r||(f=[x(t,"change",e[24]),x(t,"change",e[20])],r=!0)},p(e,i){2112&i&&l!==(l=e[27][e[6]])&&(t.__value=l,t.value=t.__value,g=!0),2113&i&&s!==(s=e[0].includes(e[27][e[6]]))&&(t.checked=s),2176&i&&a!==(a=Boolean(e[27][e[7]]))&&(t.disabled=a),(g||2049&i)&&(t.checked=~(e[0]||[]).indexOf(t.__value))},d(e){e&&d(t),c.r(),r=!1,q(f)}}}function M(e){let t,l,s,a,r,f,g=!1;return a=_(e[23][0]),{c(){t=i("input"),o(t,"id",e[15](e[29])),o(t,"class","mc-listbox__input svelte-1qgwf44"),o(t,"type","radio"),t.__value=l=e[27][e[6]],t.value=t.__value,o(t,"name",`listboxradio-${e[14]}`),t.disabled=s=Boolean(e[27][e[7]]),c(t,"is-disabled",e[27][e[7]]),a.p(t)},m(l,s){n(l,t,s),t.checked=t.__value===e[0],r||(f=[x(t,"change",e[22]),x(t,"change",e[19])],r=!0)},p(e,i){2112&i&&l!==(l=e[27][e[6]])&&(t.__value=l,t.value=t.__value,g=!0),2176&i&&s!==(s=Boolean(e[27][e[7]]))&&(t.disabled=s),(g||2049&i)&&(t.checked=t.__value===e[0]),2176&i&&c(t,"is-disabled",e[27][e[7]])},d(e){e&&d(t),a.r(),r=!1,q(f)}}}function j(e){let t,l,s,a,r,f=e[27][e[5]]+"";function g(e,t){return e[2]?B:M}let m=g(e),h=m(e);return{c(){t=i("li"),h.c(),l=u(),s=i("label"),a=b(f),r=u(),o(s,"for",e[15](e[29])),o(s,"class","mc-listbox__label svelte-1qgwf44"),o(t,"class","mc-listbox__item svelte-1qgwf44"),c(t,"is-disabled",e[27][e[7]])},m(e,i){n(e,t,i),h.m(t,null),w(t,l),w(t,s),w(s,a),w(t,r)},p(e,s){m===(m=g(e))&&h?h.p(e,s):(h.d(1),h=m(e),h&&(h.c(),h.m(t,l))),2080&s&&f!==(f=e[27][e[5]]+"")&&v(a,f),2176&s&&c(t,"is-disabled",e[27][e[7]])},d(e){e&&d(t),h.d()}}}function H(e){let t,l,s;function g(e,t){return e[3]?C:z}let m=g(e),b=m(e);return{c(){t=i("ul"),b.c(),o(t,"role","listbox"),o(t,"class","mc-listbox svelte-1qgwf44"),o(t,"aria-labelledby","listbox"),a(t,"--listbox-width",e[8]),c(t,"is-open",e[1]),c(t,"mc-listbox--multi",e[2])},m(i,o){n(i,t,o),b.m(t,null),l||(s=r(e[16].call(null,t)),l=!0)},p(e,[l]){m===(m=g(e))&&b?b.p(e,l):(b.d(1),b=m(e),b&&(b.c(),b.m(t,null))),256&l&&a(t,"--listbox-width",e[8]),2&l&&c(t,"is-open",e[1]),4&l&&c(t,"mc-listbox--multi",e[2])},i:f,o:f,d(e){e&&d(t),b.d(),l=!1,s()}}}function O(e,t,l){let s,i,o,{items:a}=t,{value:c}=t,{open:n}=t,{multiple:r}=t,{isfiltered:f}=t,{emptysearchlabel:d="No results found"}=t,{datatextexpr:b="label"}=t,{datavalueexpr:w="value"}=t,{datadisabledexpr:v="disabled"}=t,{maxwidth:u="100%"}=t,{selectall:h=!1}=t,{labelselectall:p="Select all"}=t;const x=Math.random();let q=new k;const _=[[]];return e.$$set=e=>{"items"in e&&l(18,a=e.items),"value"in e&&l(0,c=e.value),"open"in e&&l(1,n=e.open),"multiple"in e&&l(2,r=e.multiple),"isfiltered"in e&&l(3,f=e.isfiltered),"emptysearchlabel"in e&&l(4,d=e.emptysearchlabel),"datatextexpr"in e&&l(5,b=e.datatextexpr),"datavalueexpr"in e&&l(6,w=e.datavalueexpr),"datadisabledexpr"in e&&l(7,v=e.datadisabledexpr),"maxwidth"in e&&l(8,u=e.maxwidth),"selectall"in e&&l(9,h=e.selectall),"labelselectall"in e&&l(10,p=e.labelselectall)},e.$$.update=()=>{512&e.$$.dirty&&l(12,s=null!=h&&h),262144&e.$$.dirty&&l(11,i=a?JSON.parse(a):[]),1&e.$$.dirty&&l(0,c=c?(l(12,s=!1),l(13,o=!1),c&&0===c.length?(l(12,s=!1),l(13,o=!1)):c&&c.length<i.length?l(13,o=!0):c&&c.length===i.length&&l(12,s=!0),c):[])},l(13,o=!0),[c,n,r,f,d,b,w,v,u,h,p,i,s,o,x,function(e){return`listboxItem-${e+x}`},function(e){e.addEventListener("scroll",(()=>{e.offsetHeight+e.scrollTop>=e.scrollHeight&&q.dispatch("scrollend",{})}))},function(e){const t=e.target.checked;l(12,s=!!t),s?i.map((e=>{e[v]||-1!==c.indexOf(e[w])||c.push(e[w])})):l(0,c=[]),q.dispatch("select-all",c),l(0,c)},a,function(t){g.call(this,e,t)},function(t){g.call(this,e,t)},function(){s=this.checked,l(12,s),l(9,h)},function(){c=this.__value,l(0,c)},_,function(){c=m(_[0],this.__value,this.checked),l(0,c)}]}class N extends e{constructor(e){super(),t(this,e,O,H,l,{items:18,value:0,open:1,multiple:2,isfiltered:3,emptysearchlabel:4,datatextexpr:5,datavalueexpr:6,datadisabledexpr:7,maxwidth:8,selectall:9,labelselectall:10},y)}}export{N as default};
|
|
1
|
+
import{E as e,i as t,s as l,F as s,e as i,g as o,J as a,v as c,b as n,K as r,n as f,o as d,q as g,r as m,R as b,V as w,t as v,j as u,k as h,d as p,P as x,O as q,l as _,M as k,W as y}from"../../index-9ffad6d0.js";import{E}from"../../EventHandler-f7ee47ca.js";function C(e){s(e,"svelte-1qgwf44",".mc-checkbox__input.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44{font-family:\"Roboto\", 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;-o-transition:all 200ms ease;transition:all 200ms ease;cursor:pointer}.mc-checkbox__input.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44::-ms-check{background-color:#ffffff;border:2px solid #666666;border-radius:4px;color:#ffffff}.mc-checkbox__input.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44:hover{border-color:#191919}.mc-checkbox__input.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44:hover::-ms-check{border-color:#191919}.mc-checkbox__input.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.mc-checkbox__input.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44:focus::-ms-check{box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.mc-checkbox__input.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44:checked,.mc-checkbox__input.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44:indeterminate{background-color:#00919f;border-color:#00919f;background-size:1rem 1rem}.mc-checkbox__input.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44: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-1qgwf44.svelte-1qgwf44.svelte-1qgwf44:checked::-ms-check{background-color:#00919f;border-color:#00919f}.mc-checkbox__input.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44:checked:hover:not(:disabled){border-color:#004e57}.mc-checkbox__input.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44:checked:hover:not(:disabled)::-ms-check{border-color:#004e57}.mc-checkbox__input.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44: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-1qgwf44.svelte-1qgwf44.svelte-1qgwf44:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44: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-1qgwf44.svelte-1qgwf44.svelte-1qgwf44: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-1qgwf44.svelte-1qgwf44.svelte-1qgwf44{list-style:none;margin-left:0;padding-left:0;background-color:#ffffff;border:1px solid #666666;border-radius:3px;position:absolute;overflow-y:auto;margin-top:0.25rem;margin-bottom:0;max-height:13.8125rem;min-width:auto;opacity:0;visibility:hidden;max-width:var(--listbox-width, auto);width:100%}.mc-listbox.is-open.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44{opacity:1;visibility:visible;z-index:10}.mc-listbox.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-listbox.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44::-webkit-scrollbar-thumb{background:#666666}.mc-listbox__item.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;min-height:3rem;padding-left:0.75rem;padding-right:0.75rem;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mc-listbox__item.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-listbox__item.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44:hover{background-color:#e6e6e6;-webkit-box-shadow:inset 9px 0 0 -7px #191919;box-shadow:inset 9px 0 0 -7px #191919}.mc-listbox__empty.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-listbox__label.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44{cursor:pointer;margin-right:auto}.mc-listbox__label.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44::after{content:\"\";position:absolute;inset:0;z-index:2}.mc-listbox__input.svelte-1qgwf44.svelte-1qgwf44.svelte-1qgwf44{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.mc-listbox.svelte-1qgwf44 .is-disabled.svelte-1qgwf44.svelte-1qgwf44{cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none;background-color:#cccccc;color:#666666;pointer-events:none}.mc-listbox.svelte-1qgwf44:not(.mc-listbox--multi) .mc-listbox__input.svelte-1qgwf44.svelte-1qgwf44{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-listbox.svelte-1qgwf44:not(.mc-listbox--multi) .mc-listbox__input.svelte-1qgwf44:checked+.mc-listbox__label.svelte-1qgwf44::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%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-repeat:no-repeat;background-position:center;content:\"\";height:1.5rem;position:absolute;right:0.75rem;top:0;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);width:1.5rem}")}function z(e,t,l){const s=e.slice();return s[27]=t[l],s[29]=l,s}function $(e){let t,l,s;return{c(){t=i("li"),l=i("span"),s=v(e[4]),o(l,"class","mc-listbox__empty svelte-1qgwf44"),o(t,"class","mc-listbox__item svelte-1qgwf44")},m(e,i){n(e,t,i),u(t,l),u(l,s)},p(e,t){16&t&&h(s,e[4])},d(e){e&&d(t)}}}function B(e){let t,l,s=e[2]&&e[9]&&M(e),i=e[11],o=[];for(let t=0;t<i.length;t+=1)o[t]=O(z(e,i,t));return{c(){s&&s.c(),t=p();for(let e=0;e<o.length;e+=1)o[e].c();l=x()},m(e,i){s&&s.m(e,i),n(e,t,i);for(let t=0;t<o.length;t+=1)o[t]&&o[t].m(e,i);n(e,l,i)},p(e,a){if(e[2]&&e[9]?s?s.p(e,a):(s=M(e),s.c(),s.m(t.parentNode,t)):s&&(s.d(1),s=null),51429&a){let t;for(i=e[11],t=0;t<i.length;t+=1){const s=z(e,i,t);o[t]?o[t].p(s,a):(o[t]=O(s),o[t].c(),o[t].m(l.parentNode,l))}for(;t<o.length;t+=1)o[t].d(1);o.length=i.length}},d(e){s&&s.d(e),e&&d(t),q(o,e),e&&d(l)}}}function M(e){let t,l,s,a,c,r,f;return{c(){t=i("li"),l=i("input"),s=p(),a=i("label"),c=v(e[10]),o(l,"id","select-all"),o(l,"class","mc-listbox__input mc-checkbox__input svelte-1qgwf44"),o(l,"type","checkbox"),l.indeterminate=e[13],o(a,"for","select-all"),o(a,"class","mc-listbox__label svelte-1qgwf44"),o(t,"class","mc-listbox__item svelte-1qgwf44")},m(i,o){n(i,t,o),u(t,l),l.checked=e[12],u(t,s),u(t,a),u(a,c),r||(f=[_(l,"change",e[21]),_(l,"change",e[17])],r=!0)},p(e,t){8192&t&&(l.indeterminate=e[13]),4096&t&&(l.checked=e[12]),1024&t&&h(c,e[10])},d(e){e&&d(t),r=!1,k(f)}}}function j(e){let t,l,s,a,c,r,f,g=!1;return c=y(e[23][0]),{c(){t=i("input"),o(t,"id",e[15](e[29])),o(t,"class","mc-listbox__input mc-checkbox__input svelte-1qgwf44"),o(t,"type","checkbox"),t.__value=l=e[27][e[6]],t.value=t.__value,t.checked=s=e[0].includes(e[27][e[6]]),t.disabled=a=Boolean(e[27][e[7]]),c.p(t)},m(l,s){n(l,t,s),t.checked=~(e[0]||[]).indexOf(t.__value),r||(f=[_(t,"change",e[24]),_(t,"change",e[20])],r=!0)},p(e,i){2112&i&&l!==(l=e[27][e[6]])&&(t.__value=l,t.value=t.__value,g=!0),2113&i&&s!==(s=e[0].includes(e[27][e[6]]))&&(t.checked=s),2176&i&&a!==(a=Boolean(e[27][e[7]]))&&(t.disabled=a),(g||2049&i)&&(t.checked=~(e[0]||[]).indexOf(t.__value))},d(e){e&&d(t),c.r(),r=!1,k(f)}}}function H(e){let t,l,s,a,r,f,g=!1;return a=y(e[23][0]),{c(){t=i("input"),o(t,"id",e[15](e[29])),o(t,"class","mc-listbox__input svelte-1qgwf44"),o(t,"type","radio"),t.__value=l=e[27][e[6]],t.value=t.__value,o(t,"name",`listboxradio-${e[14]}`),t.disabled=s=Boolean(e[27][e[7]]),c(t,"is-disabled",e[27][e[7]]),a.p(t)},m(l,s){n(l,t,s),t.checked=t.__value===e[0],r||(f=[_(t,"change",e[22]),_(t,"change",e[19])],r=!0)},p(e,i){2112&i&&l!==(l=e[27][e[6]])&&(t.__value=l,t.value=t.__value,g=!0),2176&i&&s!==(s=Boolean(e[27][e[7]]))&&(t.disabled=s),(g||2049&i)&&(t.checked=t.__value===e[0]),2176&i&&c(t,"is-disabled",e[27][e[7]])},d(e){e&&d(t),a.r(),r=!1,k(f)}}}function O(e){let t,l,s,a,r,f=e[27][e[5]]+"";function g(e,t){return e[2]?j:H}let m=g(e),b=m(e);return{c(){t=i("li"),b.c(),l=p(),s=i("label"),a=v(f),r=p(),o(s,"for",e[15](e[29])),o(s,"class","mc-listbox__label svelte-1qgwf44"),o(t,"class","mc-listbox__item svelte-1qgwf44"),c(t,"is-disabled",e[27][e[7]])},m(e,i){n(e,t,i),b.m(t,null),u(t,l),u(t,s),u(s,a),u(t,r)},p(e,s){m===(m=g(e))&&b?b.p(e,s):(b.d(1),b=m(e),b&&(b.c(),b.m(t,l))),2080&s&&f!==(f=e[27][e[5]]+"")&&h(a,f),2176&s&&c(t,"is-disabled",e[27][e[7]])},d(e){e&&d(t),b.d()}}}function N(e){let t,l,s;function g(e,t){return e[3]?$:B}let m=g(e),b=m(e);return{c(){t=i("ul"),b.c(),o(t,"role","listbox"),o(t,"class","mc-listbox svelte-1qgwf44"),o(t,"aria-labelledby","listbox"),a(t,"--listbox-width",e[8]),c(t,"is-open",e[1]),c(t,"mc-listbox--multi",e[2])},m(i,o){n(i,t,o),b.m(t,null),l||(s=r(e[16].call(null,t)),l=!0)},p(e,[l]){m===(m=g(e))&&b?b.p(e,l):(b.d(1),b=m(e),b&&(b.c(),b.m(t,null))),256&l&&a(t,"--listbox-width",e[8]),2&l&&c(t,"is-open",e[1]),4&l&&c(t,"mc-listbox--multi",e[2])},i:f,o:f,d(e){e&&d(t),b.d(),l=!1,s()}}}function Y(e,t,l){let s,i,o,{items:a}=t,{value:c}=t,{open:n}=t,{multiple:r}=t,{isfiltered:f}=t,{emptysearchlabel:d="No results found"}=t,{datatextexpr:v="label"}=t,{datavalueexpr:u="value"}=t,{datadisabledexpr:h="disabled"}=t,{maxwidth:p="100%"}=t,{selectall:x=!1}=t,{labelselectall:q="Select all"}=t;const _=Math.random();let k=new E(g(),m());const y=[[]];return e.$$set=e=>{"items"in e&&l(18,a=e.items),"value"in e&&l(0,c=e.value),"open"in e&&l(1,n=e.open),"multiple"in e&&l(2,r=e.multiple),"isfiltered"in e&&l(3,f=e.isfiltered),"emptysearchlabel"in e&&l(4,d=e.emptysearchlabel),"datatextexpr"in e&&l(5,v=e.datatextexpr),"datavalueexpr"in e&&l(6,u=e.datavalueexpr),"datadisabledexpr"in e&&l(7,h=e.datadisabledexpr),"maxwidth"in e&&l(8,p=e.maxwidth),"selectall"in e&&l(9,x=e.selectall),"labelselectall"in e&&l(10,q=e.labelselectall)},e.$$.update=()=>{512&e.$$.dirty&&l(12,s=null!=x&&x),262144&e.$$.dirty&&l(11,i=a?JSON.parse(a):[]),1&e.$$.dirty&&l(0,c=c?(l(12,s=!1),l(13,o=!1),c&&0===c.length?(l(12,s=!1),l(13,o=!1)):c&&c.length<i.length?l(13,o=!0):c&&c.length===i.length&&l(12,s=!0),c):[])},l(13,o=!0),[c,n,r,f,d,v,u,h,p,x,q,i,s,o,_,function(e){return`listboxItem-${e+_}`},function(e){e.addEventListener("scroll",(()=>{e.offsetHeight+e.scrollTop>=e.scrollHeight&&k.dispatch("scrollend",{})}))},function(e){const t=e.target.checked;l(12,s=!!t),s?i.map((e=>{e[h]||-1!==c.indexOf(e[u])||c.push(e[u])})):l(0,c=[]),k.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(12,s),l(9,x)},function(){c=this.__value,l(0,c)},y,function(){c=w(y[0],this.__value,this.checked),l(0,c)}]}class J extends e{constructor(e){super(),t(this,e,Y,N,l,{items:18,value:0,open:1,multiple:2,isfiltered:3,emptysearchlabel:4,datatextexpr:5,datavalueexpr:6,datadisabledexpr:7,maxwidth:8,selectall:9,labelselectall:10},C)}}export{J as default};
|
|
2
2
|
//# sourceMappingURL=Listbox.nested.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Listbox.nested.js","sources":["../../../../src/components/listbox/Listbox.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { ListboxItems } from './listbox.types';\n import { EventHandler } from '../../utilities/EventHandler';\n\n export let items: string;\n export let value: any;\n export let open: boolean;\n export let multiple: boolean;\n export let isfiltered: boolean;\n export let emptysearchlabel = 'No results found';\n export let datatextexpr = 'label';\n export let datavalueexpr = 'value';\n export let datadisabledexpr = 'disabled';\n export let maxwidth = '100%';\n export let selectall = false;\n export let labelselectall = 'Select all';\n\n const uuid = Math.random();\n let eventHandler = new EventHandler();\n\n $: allSelected = selectall ?? false;\n $: parsedItems = items ? (JSON.parse(items) as ListboxItems[]) : [];\n $: value = value ? (determineSelectionState() as []) : [];\n $: selectAllIndeterminate = true;\n\n function determineSelectionState(): [] {\n allSelected = false;\n selectAllIndeterminate = false;\n if (value && value.length === 0) {\n allSelected = false;\n selectAllIndeterminate = false;\n } else if (value && value.length < parsedItems.length) {\n selectAllIndeterminate = true;\n } else if (value && value.length === parsedItems.length) {\n allSelected = true;\n }\n\n return value;\n }\n\n function setItemId(index: number) {\n return `listboxItem-${index + uuid}`;\n }\n\n function scrollEnd(node: HTMLElement) {\n node.addEventListener('scroll', () => {\n if (node.offsetHeight + node.scrollTop >= node.scrollHeight) {\n eventHandler.dispatch('scrollend', {});\n }\n });\n }\n\n function onSelectAll(e: Event) {\n const ischecked = (<HTMLInputElement>e.target).checked;\n allSelected = ischecked ? true : false;\n if (allSelected) {\n parsedItems.map((item) => {\n if (\n !item[datadisabledexpr] &&\n value.indexOf(item[datavalueexpr]) === -1\n )\n value.push(item[datavalueexpr]);\n });\n } else {\n value = [];\n }\n eventHandler.dispatch('select-all', value);\n value = value;\n }\n</script>\n\n<ul\n role=\"listbox\"\n class=\"mc-listbox\"\n class:is-open={open}\n class:mc-listbox--multi={multiple}\n aria-labelledby=\"listbox\"\n style=\"--listbox-width: {maxwidth};\"\n use:scrollEnd\n>\n {#if !isfiltered}\n {#if multiple && selectall}\n <li class=\"mc-listbox__item\">\n <input\n id=\"select-all\"\n class=\"mc-listbox__input mc-checkbox__input\"\n type=\"checkbox\"\n indeterminate={selectAllIndeterminate}\n bind:checked={allSelected}\n on:change={onSelectAll}\n />\n <label for=\"select-all\" class=\"mc-listbox__label\">\n {labelselectall}\n </label>\n </li>\n {/if}\n {#each parsedItems as item, index}\n <li class=\"mc-listbox__item\" class:is-disabled={item[datadisabledexpr]}>\n {#if !multiple}\n <input\n id={setItemId(index)}\n class=\"mc-listbox__input\"\n class:is-disabled={item[datadisabledexpr]}\n type=\"radio\"\n value={item[datavalueexpr]}\n name={`listboxradio-${uuid}`}\n disabled={Boolean(item[datadisabledexpr])}\n bind:group={value}\n on:change\n />\n {:else}\n <input\n id={setItemId(index)}\n class=\"mc-listbox__input mc-checkbox__input\"\n type=\"checkbox\"\n value={item[datavalueexpr]}\n checked={value.includes(item[datavalueexpr])}\n disabled={Boolean(item[datadisabledexpr])}\n bind:group={value}\n on:change\n />\n {/if}\n\n <label for={setItemId(index)} class=\"mc-listbox__label\">\n {item[datatextexpr]}\n </label>\n </li>\n {/each}\n {:else}\n <li class=\"mc-listbox__item\">\n <span class=\"mc-listbox__empty\">{emptysearchlabel}</span>\n </li>\n {/if}\n</ul>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n @import '@mozaic-ds/styles/components/c.checkbox';\n @import '@mozaic-ds/styles/components/c.listbox';\n</style>\n"],"names":["ctx","insert","target","li","anchor","append","span","if_block","create_if_block_2","length","i","input","label","attr","__value","input_value_value","checked","input_checked_value","includes","Boolean","indexOf","dirty","toggle_class","t1_value","create_if_block_1","set_data","t1","create_if_block","ul","items","$$props","value","open","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","datadisabledexpr","maxwidth","selectall","labelselectall","uuid","Math","random","eventHandler","EventHandler","$$invalidate","allSelected","parsedItems","JSON","parse","selectAllIndeterminate","index","node","addEventListener","offsetHeight","scrollTop","scrollHeight","dispatch","e","ischecked","map","item","push","this","get_binding_group_value","$$binding_groups"],"mappings":"
|
|
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 export let items: string;\n export let value: any;\n export let open: boolean;\n export let multiple: boolean;\n export let isfiltered: boolean;\n export let emptysearchlabel = 'No results found';\n export let datatextexpr = 'label';\n export let datavalueexpr = 'value';\n export let datadisabledexpr = 'disabled';\n export let maxwidth = '100%';\n export let selectall = false;\n export let labelselectall = 'Select all';\n\n const uuid = Math.random();\n let eventHandler = new EventHandler(\n 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<ul\n role=\"listbox\"\n class=\"mc-listbox\"\n class:is-open={open}\n class:mc-listbox--multi={multiple}\n aria-labelledby=\"listbox\"\n style=\"--listbox-width: {maxwidth};\"\n use:scrollEnd\n>\n {#if !isfiltered}\n {#if multiple && selectall}\n <li class=\"mc-listbox__item\">\n <input\n id=\"select-all\"\n class=\"mc-listbox__input mc-checkbox__input\"\n type=\"checkbox\"\n indeterminate={selectAllIndeterminate}\n bind:checked={allSelected}\n on:change={onSelectAll}\n />\n <label for=\"select-all\" class=\"mc-listbox__label\">\n {labelselectall}\n </label>\n </li>\n {/if}\n {#each parsedItems as item, index}\n <li class=\"mc-listbox__item\" class:is-disabled={item[datadisabledexpr]}>\n {#if !multiple}\n <input\n id={setItemId(index)}\n class=\"mc-listbox__input\"\n class:is-disabled={item[datadisabledexpr]}\n type=\"radio\"\n value={item[datavalueexpr]}\n name={`listboxradio-${uuid}`}\n disabled={Boolean(item[datadisabledexpr])}\n bind:group={value}\n on:change\n />\n {:else}\n <input\n id={setItemId(index)}\n class=\"mc-listbox__input mc-checkbox__input\"\n type=\"checkbox\"\n value={item[datavalueexpr]}\n checked={value.includes(item[datavalueexpr])}\n disabled={Boolean(item[datadisabledexpr])}\n bind:group={value}\n on:change\n />\n {/if}\n\n <label for={setItemId(index)} class=\"mc-listbox__label\">\n {item[datatextexpr]}\n </label>\n </li>\n {/each}\n {:else}\n <li class=\"mc-listbox__item\">\n <span class=\"mc-listbox__empty\">{emptysearchlabel}</span>\n </li>\n {/if}\n</ul>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n @import '@mozaic-ds/styles/components/c.checkbox';\n @import '@mozaic-ds/styles/components/c.listbox';\n</style>\n"],"names":["ctx","insert","target","li","anchor","append","span","if_block","create_if_block_2","length","i","input","label","attr","__value","input_value_value","checked","input_checked_value","includes","Boolean","indexOf","dirty","toggle_class","t1_value","create_if_block_1","set_data","t1","create_if_block","ul","items","$$props","value","open","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","datadisabledexpr","maxwidth","selectall","labelselectall","uuid","Math","random","eventHandler","EventHandler","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":"+hNA2IuCA,EAAgB,2GADnDC,EAEIC,EAAAC,EAAAC,GADFC,EAAwDF,EAAAG,4BAAvBN,EAAgB,0CAjD9CO,EAAAP,MAAYA,EAAS,IAAAQ,EAAAR,KAenBA,EAAW,yBAAhBS,OAAIC,GAAA,uLAfDV,MAAYA,EAAS,yFAenBA,EAAW,YAAhBS,OAAIC,GAAA,EAAA,yHAAJD,0IAJKT,EAAc,sIALAA,EAAsB,mIALzCC,EAYIC,EAAAC,EAAAC,GAXFC,EAOCF,EAAAQ,aAFeX,EAAW,WAG3BK,EAEOF,EAAAS,kDAJMZ,EAAW,6CAFPA,EAAsB,wBACvBA,EAAW,iBAIxBA,EAAc,2GAoBTa,EAAAF,EAAA,KAAAX,MAAUA,EAAK,gGAGZW,EAAAG,QAAAC,EAAAf,MAAKA,EAAa,sBAChBW,EAAAK,QAAAC,EAAAjB,EAAM,GAAAkB,SAASlB,MAAKA,EAAa,kBAChCmB,QAAQnB,EAAI,IAACA,EAAgB,oBANzCC,EASCC,EAAAS,EAAAP,eAFaJ,EAAK,IAAA,IAAAoB,QAAAT,EAAAG,uEAHV,KAAAO,GAAAN,KAAAA,EAAAf,MAAKA,EAAa,2CAChB,KAAAqB,GAAAJ,KAAAA,EAAAjB,EAAM,GAAAkB,SAASlB,MAAKA,EAAa,oCAChCmB,QAAQnB,EAAI,IAACA,EAAgB,gDAC3BA,EAAK,IAAA,IAAAoB,QAAAT,EAAAG,oHAlBbD,EAAAF,EAAA,KAAAX,MAAUA,EAAK,0EAIZW,EAAAG,QAAAC,EAAAf,MAAKA,EAAa,iDACHA,EAAI,oBAChBmB,QAAQnB,EAAI,IAACA,EAAgB,KAJpBsB,EAAAX,EAAA,cAAAX,MAAKA,EAAgB,oBAH1CC,EAUCC,EAAAS,EAAAP,yBAFaJ,EAAK,iEAHV,KAAAqB,GAAAN,KAAAA,EAAAf,MAAKA,EAAa,0DAEfmB,QAAQnB,EAAI,IAACA,EAAgB,0DAC3BA,EAAK,YALEsB,EAAAX,EAAA,cAAAX,MAAKA,EAAgB,iEAsBzCuB,EAAAvB,MAAKA,EAAY,IAAA,0BA1BdA,EAAQ,KAAAwB,+EAyBFX,EAAAD,EAAA,MAAAZ,MAAUA,EAAK,qGA1BmBsB,EAAAnB,EAAA,cAAAH,MAAKA,EAAgB,aAArEC,EA6BIC,EAAAC,EAAAC,sBAHFC,EAEOF,EAAAS,sFADJ,KAAAS,GAAAE,KAAAA,EAAAvB,MAAKA,EAAY,IAAA,KAAAyB,EAAAC,EAAAH,WA3B0BD,EAAAnB,EAAA,cAAAH,MAAKA,EAAgB,0EAjBnEA,EAAU,KAAA2B,qKAHS3B,EAAQ,kBAHlBA,EAAI,4BACMA,EAAQ,YAJnCC,EA8DIC,EAAA0B,EAAAxB,wJAxDuBJ,EAAQ,uBAHlBA,EAAI,iCACMA,EAAQ,8EA1EtB6B,GAAaC,SACbC,GAAUD,QACVE,GAAaF,YACbG,GAAiBH,cACjBI,GAAmBJ,GACnBK,iBAAAA,EAAmB,oBAAkBL,GACrCM,aAAAA,EAAe,SAAON,GACtBO,cAAAA,EAAgB,SAAOP,GACvBQ,iBAAAA,EAAmB,YAAUR,GAC7BS,SAAAA,EAAW,QAAMT,GACjBU,UAAAA,GAAY,GAAKV,GACjBW,eAAAA,EAAiB,cAAYX,QAElCY,EAAOC,KAAKC,SACd,IAAAC,EAAmB,IAAAC,EACrBC,IACAC,ihBAGDC,EAAA,GAAEC,EAAcV,SAAAA,sBAChBS,EAAA,GAAEE,EAActB,EAASuB,KAAKC,MAAMxB,GAAK,kBACvCoB,EAAA,EAAAlB,EAAQA,GAITkB,EAAA,GAAAC,GAAc,GACdD,EAAA,GAAAK,GAAyB,GACrBvB,GAA0B,IAAjBA,EAAMtB,QACjBwC,EAAA,GAAAC,GAAc,GACdD,EAAA,GAAAK,GAAyB,IAChBvB,GAASA,EAAMtB,OAAS0C,EAAY1C,OAC7CwC,EAAA,GAAAK,GAAyB,GAChBvB,GAASA,EAAMtB,SAAW0C,EAAY1C,QAC/CwC,EAAA,GAAAC,GAAc,GAGTnB,GAfkC,KAC1CkB,EAAA,GAAEK,GAAyB,kCAiBnB,SAAUC,GACK,MAAA,eAAAA,EAAQb,KAGvB,SAAUc,GACjBA,EAAKC,iBAAiB,UAAQ,KACxBD,EAAKE,aAAeF,EAAKG,WAAaH,EAAKI,cAC7Cf,EAAagB,SAAS,YAAW,CAAA,OAK9B,SAAYC,GACb,MAAAC,EAA+BD,EAAE5D,OAAQc,QAC/CiC,EAAA,GAAAC,IAAca,GACVb,EACFC,EAAYa,KAAKC,IAEZA,EAAK3B,KACkC,IAAxCP,EAAMX,QAAQ6C,EAAK5B,KAEnBN,EAAMmC,KAAKD,EAAK5B,GAAa,QAGjCN,EAAK,IAEPc,EAAagB,SAAS,aAAc9B,oFAsBhBmB,EAAWiB,KAAAnD,mCAmBXe,EAAKoC,KAAArD,6BAWLiB,EAAKqC,EAAAC,EAAA,GAAAF,KAAArD,QAAAqD,KAAAnD"}
|