@mozaic-ds/web-components 0.12.0 → 0.14.0-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -1
- package/package.json +3 -3
- package/public/{adeo/EventForward-8492ff62.js → EventForward-422700d7.js} +2 -2
- package/public/{EventForward-8492ff62.js.map → EventForward-422700d7.js.map} +1 -1
- package/public/{EventHandler-02058705.js → EventHandler-f4efd23c.js} +2 -2
- package/public/{EventHandler-02058705.js.map → EventHandler-f4efd23c.js.map} +1 -1
- package/public/{bricoman/EventForward-8492ff62.js → adeo/EventForward-422700d7.js} +2 -2
- package/public/adeo/{EventForward-8492ff62.js.map → EventForward-422700d7.js.map} +1 -1
- package/public/adeo/{EventHandler-02058705.js → EventHandler-f4efd23c.js} +2 -2
- package/public/adeo/{EventHandler-02058705.js.map → EventHandler-f4efd23c.js.map} +1 -1
- package/public/adeo/bundle.js +20 -0
- package/public/adeo/components/accordion/Accordion.js +1 -1
- package/public/adeo/components/actionbar/ActionBar.js +2 -0
- package/public/adeo/components/actionbar/ActionBar.js.map +1 -0
- package/public/adeo/components/actionbar/ActionBar.svelte +97 -0
- package/public/adeo/components/autocomplete/Autocomplete.js +1 -1
- package/public/adeo/components/autocomplete/Autocomplete.js.map +1 -1
- package/public/adeo/components/badge/Badge.js +1 -1
- package/public/adeo/components/badge/Badge.nested.js +1 -1
- package/public/adeo/components/bottombar/BottomBar.js +2 -0
- package/public/adeo/components/bottombar/BottomBar.js.map +1 -0
- package/public/adeo/components/bottombar/BottomBar.svelte +18 -0
- package/public/adeo/components/breadcrumb/Breadcrumb.js +1 -1
- package/public/adeo/components/breadcrumb/Breadcrumb.nested.js +1 -1
- package/public/adeo/components/button/Button.js +1 -1
- package/public/adeo/components/button/Button.nested.js +2 -0
- package/public/adeo/components/button/Button.nested.js.map +1 -0
- package/public/adeo/components/button/Button.nested.svelte +173 -0
- package/public/adeo/components/card/Card.js +1 -1
- package/public/adeo/components/carousel/Carousel.js +2 -0
- package/public/adeo/components/carousel/Carousel.js.map +1 -0
- package/public/adeo/components/carousel/Carousel.svelte +414 -0
- package/public/adeo/components/carousel/CarouselCard.nested.js +2 -0
- package/public/adeo/components/carousel/CarouselCard.nested.js.map +1 -0
- package/public/adeo/components/carousel/carousel.types.d.ts +19 -0
- package/public/adeo/components/carousel/carousel.types.d.ts.map +1 -0
- package/public/adeo/components/carouselcard/CarouselCard.nested.svelte +37 -0
- package/public/adeo/components/chart/BarChart.js +1 -1
- package/public/adeo/components/chart/Donut.js +1 -1
- package/public/adeo/components/chart/GroupedBarChart.js +1 -1
- package/public/adeo/components/chart/LineChart.js +1 -1
- package/public/adeo/components/chart/Radar.js +1 -1
- package/public/adeo/components/chart/StackedBarChart.js +1 -1
- package/public/adeo/components/checkbox/Checkbox.js +1 -1
- package/public/adeo/components/checkboxgroup/checkboxGroup.js +1 -1
- package/public/adeo/components/checkboxgroup/checkboxgroup.types.d.ts.map +1 -1
- package/public/adeo/components/datatable/DataTable.js +1 -1
- package/public/adeo/components/datatable/DataTable.js.map +1 -1
- package/public/adeo/components/datatable/DataTable.svelte +9 -4
- package/public/adeo/components/datatable/DataTableDefaultAction.nested.js +1 -1
- package/public/adeo/components/datatable/DataTableDefaultAction.nested.js.map +1 -1
- package/public/adeo/components/datatable/DataTableDefaultEdtion.nested.js +1 -1
- package/public/adeo/components/datatable/DataTableDefaultEdtion.nested.js.map +1 -1
- package/public/adeo/components/datatable/DataTableDefaultFilterTags.nested.js +1 -1
- package/public/adeo/components/datatable/DataTableDefaultFilterTags.nested.js.map +1 -1
- package/public/adeo/components/datatable/DataTableDefaultSelection.nested.js +1 -1
- package/public/adeo/components/datatable/DataTableDefaultSelection.nested.js.map +1 -1
- package/public/adeo/components/datatable/DataTableDefaultSelectionLabel.nested.js +1 -1
- package/public/adeo/components/datatable/DataTableFooter.nested.js +1 -1
- package/public/adeo/components/datatable/datatable.types.d.ts +3 -0
- package/public/adeo/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/adeo/components/datatabledefaultaction/DataTableDefaultAction.nested.svelte +6 -1
- package/public/adeo/components/datatabledefaultedtion/DataTableDefaultEdtion.nested.svelte +15 -10
- package/public/adeo/components/datatabledefaultselection/DataTableDefaultSelection.nested.svelte +0 -15
- package/public/adeo/components/dropdown/Dropdown.js +1 -1
- package/public/adeo/components/dropdown/Dropdown.js.map +1 -1
- package/public/adeo/components/field/Field.js +1 -1
- package/public/adeo/components/fileuploader/FileUploader.js +1 -1
- package/public/adeo/components/fileuploader/ResultFile.nested.js +1 -1
- package/public/adeo/components/flag/Flag.js +1 -1
- package/public/adeo/components/header/Header.js +1 -1
- package/public/adeo/components/header/Header.js.map +1 -1
- package/public/adeo/components/header/Header.svelte +1 -1
- package/public/adeo/components/header/Header.types.d.ts.map +1 -1
- package/public/adeo/components/header/_c.header.scss +310 -0
- package/public/adeo/components/header/_s.header.scss +28 -0
- package/public/adeo/components/hero/Hero.js +1 -1
- package/public/adeo/components/kpi/Kpi.js +1 -1
- package/public/adeo/components/layer/Layer.js +1 -1
- package/public/adeo/components/layer/Layer.js.map +1 -1
- package/public/adeo/components/layer/Layer.svelte +6 -3
- package/public/adeo/components/layer/layer.types.d.ts +2 -0
- package/public/adeo/components/layer/layer.types.d.ts.map +1 -0
- package/public/adeo/components/link/Link.js +1 -1
- package/public/adeo/components/link/Link.nested.js +2 -0
- package/public/adeo/components/link/Link.nested.js.map +1 -0
- package/public/adeo/components/link/Link.nested.svelte +78 -0
- package/public/adeo/components/listbox/Listbox.js +1 -1
- package/public/adeo/components/listbox/Listbox.nested.js +1 -1
- package/public/adeo/components/loader/Loader.js +1 -1
- package/public/adeo/components/loader/Loader.nested.js +1 -1
- package/public/adeo/components/loader/Loader.nested.js.map +1 -1
- package/public/adeo/components/menu/Menu.js +1 -1
- package/public/adeo/components/modal/Modal.js +1 -1
- package/public/adeo/components/notification/Notification.js +1 -1
- package/public/adeo/components/optionbutton/OptionButton.js +1 -1
- package/public/adeo/components/overlay/Overlay.js +1 -1
- package/public/adeo/components/overlay/OverlayLoader.js +1 -1
- package/public/adeo/components/pagination/Pagination.js +1 -1
- package/public/adeo/components/pagination/Pagination.js.map +1 -1
- package/public/adeo/components/passwordinput/PasswordInput.js +1 -1
- package/public/adeo/components/phonenumber/PhoneNumber.js +1 -1
- package/public/adeo/components/phonenumber/PhoneNumber.js.map +1 -1
- package/public/adeo/components/phonenumber/PhoneNumber.svelte +1 -1
- package/public/adeo/components/price/Price.js +1 -1
- package/public/adeo/components/progressbar/ProgressBar.js +1 -1
- package/public/adeo/components/progressbar/ProgressBar.js.map +1 -1
- package/public/adeo/components/progressbar/ProgressBar.svelte +5 -5
- package/public/adeo/components/quantityselector/QuantitySelector.js +1 -1
- package/public/adeo/components/quantityselector/QuantitySelector.js.map +1 -1
- package/public/adeo/components/quantityselector/QuantitySelector.svelte +1 -1
- package/public/adeo/components/radio/Radio.js +1 -1
- package/public/adeo/components/radiogroup/RadioGroup.js +1 -1
- package/public/adeo/components/radiogroup/radioGroup.types.d.ts.map +1 -1
- package/public/adeo/components/ratings/StarsInput.js +1 -1
- package/public/adeo/components/ratings/StarsResult.js +1 -1
- package/public/adeo/components/segmentedcontrol/SegmentedControl.js +1 -1
- package/public/adeo/components/select/Select.js +1 -1
- package/public/adeo/components/sidebar/Sidebar.js +1 -1
- package/public/adeo/components/sidebar/sidebar-feature-group.nested.js +1 -1
- package/public/adeo/components/sidebar/sidebar-feature-group.nested.js.map +1 -1
- package/public/adeo/components/sidebar/sidebar-feature.nested.js +1 -1
- package/public/adeo/components/sidebar/sidebar-section.nested.js +1 -1
- package/public/adeo/components/sidebar/sidebar-segment.nested.js +1 -1
- package/public/adeo/components/sidebar/sidebar-segment.nested.js.map +1 -1
- package/public/adeo/components/sidebar/sidebar-separator.nested.js +1 -1
- package/public/adeo/components/sidebar/sidebar-service.d.ts.map +1 -1
- package/public/adeo/components/sidebar/sidebar-sub-features.nested.js +1 -1
- package/public/adeo/components/sidebar/sidebar-user.nested.js +1 -1
- package/public/adeo/components/sidebar/sidebar.types.d.ts.map +1 -1
- package/public/adeo/components/sidebar-feature-group/sidebar-feature-group.nested.svelte +6 -4
- package/public/adeo/components/sidebar-segment/sidebar-segment.nested.svelte +9 -8
- package/public/adeo/components/stepper/Stepper.js +1 -1
- package/public/adeo/components/stepperbar/StepperBar.js +2 -0
- package/public/adeo/components/stepperbar/StepperBar.js.map +1 -0
- package/public/adeo/components/stepperbar/StepperBar.svelte +86 -0
- package/public/adeo/components/tabs/Tabs.js +1 -1
- package/public/adeo/components/tabs/Tabs.js.map +1 -1
- package/public/adeo/components/tabs/Tabs.nested.js +1 -1
- package/public/adeo/components/tag/Tag.js +1 -1
- package/public/adeo/components/tag/Tag.nested.js +1 -1
- package/public/adeo/components/taglist/TagList.js +1 -1
- package/public/adeo/components/textarea/Textarea.js +1 -1
- package/public/adeo/components/textinput/Textinput.js +1 -1
- package/public/adeo/components/textinput/Textinput.js.map +1 -1
- package/public/adeo/components/textinput/Textinput.nested.js +1 -1
- package/public/adeo/components/textinput/Textinput.nested.js.map +1 -1
- package/public/adeo/components/textinput/Textinput.svelte +8 -0
- package/public/adeo/components/toggle/Toggle.js +1 -1
- package/public/adeo/components/tooltip/Tooltip.js +1 -1
- package/public/adeo/components/undefined/sidebar-variables.scss +9 -0
- package/public/adeo/{index-c33b3772.js → index-52f16292.js} +2 -2
- package/public/adeo/{index-c33b3772.js.map → index-52f16292.js.map} +1 -1
- package/public/adeo/index-64cccc06-4c960e34.js +2 -0
- package/public/adeo/index-64cccc06-4c960e34.js.map +1 -0
- package/public/adeo/main.d.ts +4 -0
- package/public/adeo/main.d.ts.map +1 -1
- package/public/adeo/{sidebar-service-275bf9ef.js → sidebar-service-293d79ef.js} +2 -2
- package/public/adeo/{sidebar-service-275bf9ef.js.map → sidebar-service-293d79ef.js.map} +1 -1
- package/public/adeo/stories/carousel/items.d.ts +3 -0
- package/public/adeo/stories/carousel/items.d.ts.map +1 -0
- package/public/{EventForward-8492ff62.js → bricoman/EventForward-422700d7.js} +2 -2
- package/public/bricoman/{EventForward-8492ff62.js.map → EventForward-422700d7.js.map} +1 -1
- package/public/bricoman/{EventHandler-02058705.js → EventHandler-f4efd23c.js} +2 -2
- package/public/bricoman/{EventHandler-02058705.js.map → EventHandler-f4efd23c.js.map} +1 -1
- package/public/bricoman/bundle.js +20 -0
- package/public/bricoman/components/accordion/Accordion.js +1 -1
- package/public/bricoman/components/actionbar/ActionBar.js +2 -0
- package/public/bricoman/components/actionbar/ActionBar.js.map +1 -0
- package/public/bricoman/components/actionbar/ActionBar.svelte +97 -0
- package/public/bricoman/components/autocomplete/Autocomplete.js +1 -1
- package/public/bricoman/components/autocomplete/Autocomplete.js.map +1 -1
- package/public/bricoman/components/badge/Badge.js +1 -1
- package/public/bricoman/components/badge/Badge.nested.js +1 -1
- package/public/bricoman/components/bottombar/BottomBar.js +2 -0
- package/public/bricoman/components/bottombar/BottomBar.js.map +1 -0
- package/public/bricoman/components/bottombar/BottomBar.svelte +18 -0
- package/public/bricoman/components/breadcrumb/Breadcrumb.js +1 -1
- package/public/bricoman/components/breadcrumb/Breadcrumb.nested.js +1 -1
- package/public/bricoman/components/button/Button.js +1 -1
- package/public/bricoman/components/button/Button.nested.js +2 -0
- package/public/bricoman/components/button/Button.nested.js.map +1 -0
- package/public/bricoman/components/button/Button.nested.svelte +173 -0
- package/public/bricoman/components/card/Card.js +1 -1
- package/public/bricoman/components/carousel/Carousel.js +2 -0
- package/public/bricoman/components/carousel/Carousel.js.map +1 -0
- package/public/bricoman/components/carousel/Carousel.svelte +414 -0
- package/public/bricoman/components/carousel/CarouselCard.nested.js +2 -0
- package/public/bricoman/components/carousel/CarouselCard.nested.js.map +1 -0
- package/public/bricoman/components/carousel/carousel.types.d.ts +19 -0
- package/public/bricoman/components/carousel/carousel.types.d.ts.map +1 -0
- package/public/bricoman/components/carouselcard/CarouselCard.nested.svelte +37 -0
- package/public/bricoman/components/chart/BarChart.js +1 -1
- package/public/bricoman/components/chart/Donut.js +1 -1
- package/public/bricoman/components/chart/GroupedBarChart.js +1 -1
- package/public/bricoman/components/chart/LineChart.js +1 -1
- package/public/bricoman/components/chart/Radar.js +1 -1
- package/public/bricoman/components/chart/StackedBarChart.js +1 -1
- package/public/bricoman/components/checkbox/Checkbox.js +1 -1
- package/public/bricoman/components/checkboxgroup/checkboxGroup.js +1 -1
- package/public/bricoman/components/checkboxgroup/checkboxgroup.types.d.ts.map +1 -1
- package/public/bricoman/components/datatable/DataTable.js +1 -1
- package/public/bricoman/components/datatable/DataTable.js.map +1 -1
- package/public/bricoman/components/datatable/DataTable.svelte +9 -4
- package/public/bricoman/components/datatable/DataTableDefaultAction.nested.js +1 -1
- package/public/bricoman/components/datatable/DataTableDefaultAction.nested.js.map +1 -1
- package/public/bricoman/components/datatable/DataTableDefaultEdtion.nested.js +1 -1
- package/public/bricoman/components/datatable/DataTableDefaultEdtion.nested.js.map +1 -1
- package/public/bricoman/components/datatable/DataTableDefaultFilterTags.nested.js +1 -1
- package/public/bricoman/components/datatable/DataTableDefaultFilterTags.nested.js.map +1 -1
- package/public/bricoman/components/datatable/DataTableDefaultSelection.nested.js +1 -1
- package/public/bricoman/components/datatable/DataTableDefaultSelection.nested.js.map +1 -1
- package/public/bricoman/components/datatable/DataTableDefaultSelectionLabel.nested.js +1 -1
- package/public/bricoman/components/datatable/DataTableFooter.nested.js +1 -1
- package/public/bricoman/components/datatable/datatable.types.d.ts +3 -0
- package/public/bricoman/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/bricoman/components/datatabledefaultaction/DataTableDefaultAction.nested.svelte +6 -1
- package/public/bricoman/components/datatabledefaultedtion/DataTableDefaultEdtion.nested.svelte +15 -10
- package/public/bricoman/components/datatabledefaultselection/DataTableDefaultSelection.nested.svelte +0 -15
- package/public/bricoman/components/dropdown/Dropdown.js +1 -1
- package/public/bricoman/components/dropdown/Dropdown.js.map +1 -1
- package/public/bricoman/components/field/Field.js +1 -1
- package/public/bricoman/components/fileuploader/FileUploader.js +1 -1
- package/public/bricoman/components/fileuploader/ResultFile.nested.js +1 -1
- package/public/bricoman/components/flag/Flag.js +1 -1
- package/public/bricoman/components/flag/Flag.js.map +1 -1
- package/public/bricoman/components/header/Header.js +1 -1
- package/public/bricoman/components/header/Header.js.map +1 -1
- package/public/bricoman/components/header/Header.svelte +1 -1
- package/public/bricoman/components/header/Header.types.d.ts.map +1 -1
- package/public/bricoman/components/header/_c.header.scss +310 -0
- package/public/bricoman/components/header/_s.header.scss +28 -0
- package/public/bricoman/components/hero/Hero.js +1 -1
- package/public/bricoman/components/kpi/Kpi.js +1 -1
- package/public/bricoman/components/layer/Layer.js +1 -1
- package/public/bricoman/components/layer/Layer.js.map +1 -1
- package/public/bricoman/components/layer/Layer.svelte +6 -3
- package/public/bricoman/components/layer/layer.types.d.ts +2 -0
- package/public/bricoman/components/layer/layer.types.d.ts.map +1 -0
- package/public/bricoman/components/link/Link.js +1 -1
- package/public/bricoman/components/link/Link.nested.js +2 -0
- package/public/bricoman/components/link/Link.nested.js.map +1 -0
- package/public/bricoman/components/link/Link.nested.svelte +78 -0
- package/public/bricoman/components/listbox/Listbox.js +1 -1
- package/public/bricoman/components/listbox/Listbox.nested.js +1 -1
- package/public/bricoman/components/loader/Loader.js +1 -1
- package/public/bricoman/components/loader/Loader.nested.js +1 -1
- package/public/bricoman/components/menu/Menu.js +1 -1
- package/public/bricoman/components/modal/Modal.js +1 -1
- package/public/bricoman/components/notification/Notification.js +1 -1
- package/public/bricoman/components/optionbutton/OptionButton.js +1 -1
- package/public/bricoman/components/overlay/Overlay.js +1 -1
- package/public/bricoman/components/overlay/OverlayLoader.js +1 -1
- package/public/bricoman/components/pagination/Pagination.js +1 -1
- package/public/bricoman/components/pagination/Pagination.js.map +1 -1
- package/public/bricoman/components/passwordinput/PasswordInput.js +1 -1
- package/public/bricoman/components/phonenumber/PhoneNumber.js +1 -1
- package/public/bricoman/components/phonenumber/PhoneNumber.js.map +1 -1
- package/public/bricoman/components/phonenumber/PhoneNumber.svelte +1 -1
- package/public/bricoman/components/price/Price.js +1 -1
- package/public/bricoman/components/progressbar/ProgressBar.js +1 -1
- package/public/bricoman/components/progressbar/ProgressBar.js.map +1 -1
- package/public/bricoman/components/progressbar/ProgressBar.svelte +5 -5
- package/public/bricoman/components/quantityselector/QuantitySelector.js +1 -1
- package/public/bricoman/components/quantityselector/QuantitySelector.js.map +1 -1
- package/public/bricoman/components/quantityselector/QuantitySelector.svelte +1 -1
- package/public/bricoman/components/radio/Radio.js +1 -1
- package/public/bricoman/components/radiogroup/RadioGroup.js +1 -1
- package/public/bricoman/components/radiogroup/radioGroup.types.d.ts.map +1 -1
- package/public/bricoman/components/ratings/StarsInput.js +1 -1
- package/public/bricoman/components/ratings/StarsResult.js +1 -1
- package/public/bricoman/components/segmentedcontrol/SegmentedControl.js +1 -1
- package/public/bricoman/components/select/Select.js +1 -1
- package/public/bricoman/components/sidebar/Sidebar.js +1 -1
- package/public/bricoman/components/sidebar/sidebar-feature-group.nested.js +1 -1
- package/public/bricoman/components/sidebar/sidebar-feature-group.nested.js.map +1 -1
- package/public/bricoman/components/sidebar/sidebar-feature.nested.js +1 -1
- package/public/bricoman/components/sidebar/sidebar-section.nested.js +1 -1
- package/public/bricoman/components/sidebar/sidebar-segment.nested.js +1 -1
- package/public/bricoman/components/sidebar/sidebar-segment.nested.js.map +1 -1
- package/public/bricoman/components/sidebar/sidebar-separator.nested.js +1 -1
- package/public/bricoman/components/sidebar/sidebar-service.d.ts.map +1 -1
- package/public/bricoman/components/sidebar/sidebar-sub-features.nested.js +1 -1
- package/public/bricoman/components/sidebar/sidebar-user.nested.js +1 -1
- package/public/bricoman/components/sidebar/sidebar-user.nested.js.map +1 -1
- package/public/bricoman/components/sidebar/sidebar.types.d.ts.map +1 -1
- package/public/bricoman/components/sidebar-feature-group/sidebar-feature-group.nested.svelte +6 -4
- package/public/bricoman/components/sidebar-segment/sidebar-segment.nested.svelte +9 -8
- package/public/bricoman/components/stepper/Stepper.js +1 -1
- package/public/bricoman/components/stepperbar/StepperBar.js +2 -0
- package/public/bricoman/components/stepperbar/StepperBar.js.map +1 -0
- package/public/bricoman/components/stepperbar/StepperBar.svelte +86 -0
- package/public/bricoman/components/tabs/Tabs.js +1 -1
- package/public/bricoman/components/tabs/Tabs.js.map +1 -1
- package/public/bricoman/components/tabs/Tabs.nested.js +1 -1
- package/public/bricoman/components/tag/Tag.js +1 -1
- package/public/bricoman/components/tag/Tag.nested.js +1 -1
- package/public/bricoman/components/taglist/TagList.js +1 -1
- package/public/bricoman/components/textarea/Textarea.js +1 -1
- package/public/bricoman/components/textinput/Textinput.js +1 -1
- package/public/bricoman/components/textinput/Textinput.js.map +1 -1
- package/public/bricoman/components/textinput/Textinput.nested.js +1 -1
- package/public/bricoman/components/textinput/Textinput.nested.js.map +1 -1
- package/public/bricoman/components/textinput/Textinput.svelte +8 -0
- package/public/bricoman/components/toggle/Toggle.js +1 -1
- package/public/bricoman/components/tooltip/Tooltip.js +1 -1
- package/public/bricoman/components/undefined/sidebar-variables.scss +9 -0
- package/public/bricoman/{index-c33b3772.js → index-52f16292.js} +2 -2
- package/public/bricoman/{index-c33b3772.js.map → index-52f16292.js.map} +1 -1
- package/public/bricoman/index-64cccc06-4c960e34.js +2 -0
- package/public/bricoman/index-64cccc06-4c960e34.js.map +1 -0
- package/public/bricoman/main.d.ts +4 -0
- package/public/bricoman/main.d.ts.map +1 -1
- package/public/bricoman/{sidebar-service-275bf9ef.js → sidebar-service-293d79ef.js} +2 -2
- package/public/bricoman/{sidebar-service-275bf9ef.js.map → sidebar-service-293d79ef.js.map} +1 -1
- package/public/bricoman/stories/carousel/items.d.ts +3 -0
- package/public/bricoman/stories/carousel/items.d.ts.map +1 -0
- package/public/bundle.js +20 -0
- package/public/components/accordion/Accordion.js +1 -1
- package/public/components/actionbar/ActionBar.js +2 -0
- package/public/components/actionbar/ActionBar.js.map +1 -0
- package/public/components/actionbar/ActionBar.svelte +97 -0
- package/public/components/autocomplete/Autocomplete.js +1 -1
- package/public/components/autocomplete/Autocomplete.js.map +1 -1
- package/public/components/badge/Badge.js +1 -1
- package/public/components/badge/Badge.nested.js +1 -1
- package/public/components/bottombar/BottomBar.js +2 -0
- package/public/components/bottombar/BottomBar.js.map +1 -0
- package/public/components/bottombar/BottomBar.svelte +18 -0
- package/public/components/breadcrumb/Breadcrumb.js +1 -1
- package/public/components/breadcrumb/Breadcrumb.nested.js +1 -1
- package/public/components/button/Button.js +1 -1
- package/public/components/button/Button.nested.js +2 -0
- package/public/components/button/Button.nested.js.map +1 -0
- package/public/components/button/Button.nested.svelte +173 -0
- package/public/components/card/Card.js +1 -1
- package/public/components/carousel/Carousel.js +2 -0
- package/public/components/carousel/Carousel.js.map +1 -0
- package/public/components/carousel/Carousel.svelte +414 -0
- package/public/components/carousel/CarouselCard.nested.js +2 -0
- package/public/components/carousel/CarouselCard.nested.js.map +1 -0
- package/public/components/carousel/carousel.types.d.ts +19 -0
- package/public/components/carousel/carousel.types.d.ts.map +1 -0
- package/public/components/carouselcard/CarouselCard.nested.svelte +37 -0
- package/public/components/chart/BarChart.js +1 -1
- package/public/components/chart/Donut.js +1 -1
- package/public/components/chart/GroupedBarChart.js +1 -1
- package/public/components/chart/LineChart.js +1 -1
- package/public/components/chart/Radar.js +1 -1
- package/public/components/chart/StackedBarChart.js +1 -1
- package/public/components/checkbox/Checkbox.js +1 -1
- package/public/components/checkboxgroup/checkboxGroup.js +1 -1
- package/public/components/checkboxgroup/checkboxgroup.types.d.ts.map +1 -1
- package/public/components/datatable/DataTable.js +1 -1
- package/public/components/datatable/DataTable.js.map +1 -1
- package/public/components/datatable/DataTable.svelte +9 -4
- package/public/components/datatable/DataTableDefaultAction.nested.js +1 -1
- package/public/components/datatable/DataTableDefaultAction.nested.js.map +1 -1
- package/public/components/datatable/DataTableDefaultEdtion.nested.js +1 -1
- package/public/components/datatable/DataTableDefaultEdtion.nested.js.map +1 -1
- package/public/components/datatable/DataTableDefaultFilterTags.nested.js +1 -1
- package/public/components/datatable/DataTableDefaultFilterTags.nested.js.map +1 -1
- package/public/components/datatable/DataTableDefaultSelection.nested.js +1 -1
- package/public/components/datatable/DataTableDefaultSelection.nested.js.map +1 -1
- package/public/components/datatable/DataTableDefaultSelectionLabel.nested.js +1 -1
- package/public/components/datatable/DataTableFooter.nested.js +1 -1
- package/public/components/datatable/datatable.types.d.ts +3 -0
- package/public/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/components/datatabledefaultaction/DataTableDefaultAction.nested.svelte +6 -1
- package/public/components/datatabledefaultedtion/DataTableDefaultEdtion.nested.svelte +15 -10
- package/public/components/datatabledefaultselection/DataTableDefaultSelection.nested.svelte +0 -15
- package/public/components/dropdown/Dropdown.js +1 -1
- package/public/components/dropdown/Dropdown.js.map +1 -1
- package/public/components/field/Field.js +1 -1
- package/public/components/fileuploader/FileUploader.js +1 -1
- package/public/components/fileuploader/ResultFile.nested.js +1 -1
- package/public/components/flag/Flag.js +1 -1
- package/public/components/flag/Flag.js.map +1 -1
- package/public/components/header/Header.js +1 -1
- package/public/components/header/Header.js.map +1 -1
- package/public/components/header/Header.svelte +1 -1
- package/public/components/header/Header.types.d.ts.map +1 -1
- package/public/components/header/_c.header.scss +310 -0
- package/public/components/header/_s.header.scss +28 -0
- package/public/components/hero/Hero.js +1 -1
- package/public/components/kpi/Kpi.js +1 -1
- package/public/components/layer/Layer.js +1 -1
- package/public/components/layer/Layer.js.map +1 -1
- package/public/components/layer/Layer.svelte +6 -3
- package/public/components/layer/layer.types.d.ts +2 -0
- package/public/components/layer/layer.types.d.ts.map +1 -0
- package/public/components/link/Link.js +1 -1
- package/public/components/link/Link.nested.js +2 -0
- package/public/components/link/Link.nested.js.map +1 -0
- package/public/components/link/Link.nested.svelte +78 -0
- package/public/components/listbox/Listbox.js +1 -1
- package/public/components/listbox/Listbox.nested.js +1 -1
- package/public/components/loader/Loader.js +1 -1
- package/public/components/loader/Loader.js.map +1 -1
- package/public/components/loader/Loader.nested.js +1 -1
- package/public/components/menu/Menu.js +1 -1
- package/public/components/modal/Modal.js +1 -1
- package/public/components/notification/Notification.js +1 -1
- package/public/components/optionbutton/OptionButton.js +1 -1
- package/public/components/overlay/Overlay.js +1 -1
- package/public/components/overlay/OverlayLoader.js +1 -1
- package/public/components/pagination/Pagination.js +1 -1
- package/public/components/pagination/Pagination.js.map +1 -1
- package/public/components/passwordinput/PasswordInput.js +1 -1
- package/public/components/phonenumber/PhoneNumber.js +1 -1
- package/public/components/phonenumber/PhoneNumber.js.map +1 -1
- package/public/components/phonenumber/PhoneNumber.svelte +1 -1
- package/public/components/price/Price.js +1 -1
- package/public/components/progressbar/ProgressBar.js +1 -1
- package/public/components/progressbar/ProgressBar.js.map +1 -1
- package/public/components/progressbar/ProgressBar.svelte +5 -5
- package/public/components/quantityselector/QuantitySelector.js +1 -1
- package/public/components/quantityselector/QuantitySelector.js.map +1 -1
- package/public/components/quantityselector/QuantitySelector.svelte +1 -1
- package/public/components/radio/Radio.js +1 -1
- package/public/components/radiogroup/RadioGroup.js +1 -1
- package/public/components/radiogroup/radioGroup.types.d.ts.map +1 -1
- package/public/components/ratings/StarsInput.js +1 -1
- package/public/components/ratings/StarsResult.js +1 -1
- package/public/components/segmentedcontrol/SegmentedControl.js +1 -1
- package/public/components/select/Select.js +1 -1
- package/public/components/sidebar/Sidebar.js +1 -1
- package/public/components/sidebar/sidebar-feature-group.nested.js +1 -1
- package/public/components/sidebar/sidebar-feature-group.nested.js.map +1 -1
- package/public/components/sidebar/sidebar-feature.nested.js +1 -1
- package/public/components/sidebar/sidebar-section.nested.js +1 -1
- package/public/components/sidebar/sidebar-segment.nested.js +1 -1
- package/public/components/sidebar/sidebar-segment.nested.js.map +1 -1
- package/public/components/sidebar/sidebar-separator.nested.js +1 -1
- package/public/components/sidebar/sidebar-service.d.ts.map +1 -1
- package/public/components/sidebar/sidebar-sub-features.nested.js +1 -1
- package/public/components/sidebar/sidebar-user.nested.js +1 -1
- package/public/components/sidebar/sidebar.types.d.ts.map +1 -1
- package/public/components/sidebar-feature-group/sidebar-feature-group.nested.svelte +6 -4
- package/public/components/sidebar-segment/sidebar-segment.nested.svelte +9 -8
- package/public/components/stepper/Stepper.js +1 -1
- package/public/components/stepperbar/StepperBar.js +2 -0
- package/public/components/stepperbar/StepperBar.js.map +1 -0
- package/public/components/stepperbar/StepperBar.svelte +86 -0
- package/public/components/tabs/Tabs.js +1 -1
- package/public/components/tabs/Tabs.js.map +1 -1
- package/public/components/tabs/Tabs.nested.js +1 -1
- package/public/components/tag/Tag.js +1 -1
- package/public/components/tag/Tag.nested.js +1 -1
- package/public/components/taglist/TagList.js +1 -1
- package/public/components/textarea/Textarea.js +1 -1
- package/public/components/textinput/Textinput.js +1 -1
- package/public/components/textinput/Textinput.js.map +1 -1
- package/public/components/textinput/Textinput.nested.js +1 -1
- package/public/components/textinput/Textinput.nested.js.map +1 -1
- package/public/components/textinput/Textinput.svelte +8 -0
- package/public/components/toggle/Toggle.js +1 -1
- package/public/components/tooltip/Tooltip.js +1 -1
- package/public/components/undefined/sidebar-variables.scss +9 -0
- package/public/{index-c33b3772.js → index-52f16292.js} +2 -2
- package/public/{index-c33b3772.js.map → index-52f16292.js.map} +1 -1
- package/public/index-64cccc06-4c960e34.js +2 -0
- package/public/index-64cccc06-4c960e34.js.map +1 -0
- package/public/main.d.ts +4 -0
- package/public/main.d.ts.map +1 -1
- package/public/{sidebar-service-275bf9ef.js → sidebar-service-293d79ef.js} +2 -2
- package/public/{sidebar-service-275bf9ef.js.map → sidebar-service-293d79ef.js.map} +1 -1
- package/public/stories/carousel/items.d.ts +3 -0
- package/public/stories/carousel/items.d.ts.map +1 -0
- package/public/utilities/components/carousel/carousel.types.d.ts +19 -0
- package/public/utilities/components/carousel/carousel.types.d.ts.map +1 -0
- package/public/utilities/components/checkboxgroup/checkboxgroup.types.d.ts.map +1 -1
- package/public/utilities/components/datatable/datatable.types.d.ts +3 -0
- package/public/utilities/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/utilities/components/header/Header.types.d.ts.map +1 -1
- package/public/utilities/components/layer/layer.types.d.ts +2 -0
- package/public/utilities/components/layer/layer.types.d.ts.map +1 -0
- package/public/utilities/components/radiogroup/radioGroup.types.d.ts.map +1 -1
- package/public/utilities/components/sidebar/sidebar-service.d.ts.map +1 -1
- package/public/utilities/components/sidebar/sidebar.types.d.ts.map +1 -1
- package/public/utilities/main.d.ts +4 -0
- package/public/utilities/main.d.ts.map +1 -1
- package/public/utilities/stories/actionbar/ActionBar.stories.d.ts +7 -0
- package/public/utilities/stories/actionbar/ActionBar.stories.d.ts.map +1 -0
- package/public/utilities/stories/bottombar/BottomBar.stories.d.ts +6 -0
- package/public/utilities/stories/bottombar/BottomBar.stories.d.ts.map +1 -0
- package/public/utilities/stories/carousel/Carousel.stories.d.ts +8 -0
- package/public/utilities/stories/carousel/Carousel.stories.d.ts.map +1 -0
- package/public/utilities/stories/carousel/items.d.ts +3 -0
- package/public/utilities/stories/carousel/items.d.ts.map +1 -0
- package/public/utilities/stories/datatable/DataTable.stories.d.ts.map +1 -1
- package/public/utilities/stories/layer/Layer.stories.d.ts +1 -0
- package/public/utilities/stories/layer/Layer.stories.d.ts.map +1 -1
- package/public/utilities/stories/stepperbar/StepperBar.stories.d.ts +6 -0
- package/public/utilities/stories/stepperbar/StepperBar.stories.d.ts.map +1 -0
- package/public/DataTableDefaultAction.nested-e758217a.js +0 -2
- package/public/DataTableDefaultAction.nested-e758217a.js.map +0 -1
- package/public/adeo/DataTableDefaultAction.nested-be8d4e7b.js +0 -2
- package/public/adeo/DataTableDefaultAction.nested-be8d4e7b.js.map +0 -1
- package/public/bricoman/DataTableDefaultAction.nested-41f58b1f.js +0 -2
- package/public/bricoman/DataTableDefaultAction.nested-41f58b1f.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-feature-group.nested.js","sources":["../../../../src/components/sidebar/sidebar-feature-group.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n import type { FeatureGroup, Feature, A11yLabels } from './sidebar.types';\n import FeatureComponent from './sidebar-feature.nested.svelte';\n import {\n isSidebarOpen,\n selectedFeature,\n selectFeature,\n Selection,\n } from './sidebar-service';\n import { EventHandler } from '../../utilities/EventHandler';\n\n export let featureGroup: FeatureGroup;\n export let expand: boolean;\n export let a11yLabels: A11yLabels;\n let eventHandler = new EventHandler();\n let content: HTMLElement;\n\n $: updateSelection(expand, $isSidebarOpen, featureGroup, $selectedFeature);\n $: updateContentCSS(expand, $isSidebarOpen);\n\n let isSelected = false;\n\n let label: HTMLElement;\n\n function updateSelection(\n isExpanded: boolean,\n isOpen: boolean,\n group: FeatureGroup,\n selection?: Selection,\n ): void {\n isSelected =\n (selection?.lv0 &&\n group.code === selection?.lv0?.code &&\n (!selection.lv1 || !isExpanded || !isOpen)) ??\n false;\n }\n\n // Update the CSS programatically to have a nice animation on height between 0px and 'auto'\n function updateContentCSS(isExpanded: boolean, isOpen: boolean): void {\n if (content) {\n content.style.height = '';\n content.style.transition = 'none';\n const startHeight = window.getComputedStyle(content).height;\n\n content.classList.add(isOpen && isExpanded ? 'is-open' : 'is-close');\n content.classList.remove(isOpen && isExpanded ? 'is-close' : 'is-open');\n\n const height = window.getComputedStyle(content).height;\n content.style.height = startHeight;\n\n // wait until the next frame so that everything has time to update before starting the transition\n requestAnimationFrame(() => {\n content.style.transition = '';\n requestAnimationFrame(() => {\n content.style.height = height;\n });\n });\n\n // Clear the saved height values after the transition\n const handler = () => {\n content.style.height = '';\n content.removeEventListener('transitionend', handler);\n };\n\n content.addEventListener('transitionend', handler);\n }\n }\n\n function generateIcon(iconname: string): string {\n return `${iconname} size=\"1.5rem\" style=\"height: 1.5rem; width: 1.5rem;\"`;\n }\n\n function handleClick(feature: Feature) {\n if (!feature.disabled) {\n // Only select the feature if it is the last level item\n if (feature.items?.length) {\n eventHandler.dispatch('feature-click', feature);\n } else {\n selectFeature(feature.code);\n }\n }\n }\n</script>\n\n<button\n class=\"mc-feature-group {isSelected ? 'is-selected' : ''} {$isSidebarOpen\n ? 'is-open'\n : 'is-close'}\"\n aria-label={featureGroup.label}\n aria-expanded={$isSidebarOpen && expand}\n aria-controls=\"{featureGroup.code}-list\"\n id={featureGroup.code}\n>\n <span class=\"mc-feature-group__container\">\n {#if featureGroup.icon}\n {@html `<${generateIcon(\n featureGroup.icon,\n )} class=\"mc-feature-group__icon\" />`}\n {/if}\n {#if $isSidebarOpen}\n <span class=\"mc-feature-group__label\" bind:this={label}>\n {featureGroup.label}\n </span>\n {#if label?.offsetHeight < label?.scrollHeight}\n <div aria-hidden=\"true\" class=\"mc-feature-group__label__tooltip\">\n <div class=\"mc-feature-group__label__tooltip__pointer\"><div /></div>\n <span>{featureGroup.label}</span>\n </div>\n {/if}\n {#if !expand}\n <svg\n class=\"mc-feature-group__icon\"\n width=\"16px\"\n height=\"16px\"\n viewBox=\"0 0 16 16\"\n ><path\n d=\"M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z\"\n /></svg\n >\n {:else}\n <svg\n class=\"mc-feature-group__icon\"\n width=\"16px\"\n height=\"16px\"\n viewBox=\"0 0 16 16\"\n ><path d=\"M12 9H4a1 1 0 010-2h8a1 1 0 010 2z\" /></svg\n >\n {/if}\n {/if}\n </span>\n</button>\n<ul\n class=\"mc-feature-group__content is-close\"\n aria-hidden={!$isSidebarOpen || !expand}\n id=\"{featureGroup.code}-list\"\n bind:this={content}\n>\n {#each featureGroup.items as feature}\n <li on:click|stopPropagation={() => handleClick(feature)}>\n <FeatureComponent {feature} {a11yLabels} />\n </li>\n {/each}\n</ul>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import './sidebar-variables';\n\n .mc-feature-group {\n background: none;\n border: none;\n color: $color-sidebar-text-color;\n cursor: pointer;\n font-size: inherit;\n font-family: inherit;\n text-align: initial;\n margin: 0;\n padding: 0;\n overflow: hidden;\n\n &__icon {\n fill: $color-sidebar-icon;\n }\n\n &__container {\n display: flex;\n align-items: center;\n margin: 5px 0;\n padding: 8px 0px;\n @include transition(margin 300ms ease-in-out);\n }\n\n &__label {\n margin: 0 8px;\n width: 200px;\n min-width: 200px;\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n line-clamp: 2;\n -webkit-box-orient: vertical;\n\n &__tooltip {\n opacity: 0;\n transition: 0s opacity;\n background-color: $color-sidebar-divider-background;\n border: 1px solid $color-sidebar-text-color;\n border-radius: 4px;\n position: absolute;\n pointer-events: none;\n left: calc(100% - 16px);\n padding: 8px 16px;\n width: 188px;\n\n &__pointer {\n position: absolute;\n top: 50%;\n left: -8px;\n top: calc(50% - 6px);\n width: 0;\n height: 0;\n border-top: 6px solid transparent;\n border-bottom: 6px solid transparent;\n border-right: 8px solid white;\n\n & div {\n position: relative;\n top: -6px;\n left: 2px;\n width: 0;\n height: 0;\n border-top: 6px solid transparent;\n border-bottom: 6px solid transparent;\n border-right: 8px solid $color-sidebar-divider-background;\n }\n }\n }\n\n &:hover + .mc-feature-group__label__tooltip {\n opacity: 1;\n transition-delay: 1s;\n }\n }\n\n &__content {\n overflow: hidden;\n @include transition(height 300ms ease-in-out);\n &.is-close {\n height: 0;\n }\n\n &.is-open {\n height: auto;\n }\n }\n\n &.is-selected {\n background: $color-sidebar-feature-selected-background;\n }\n\n &.is-close {\n .mc-feature-group__container {\n margin: 0 20px;\n width: 24px;\n }\n }\n\n &.is-open {\n .mc-feature-group__container {\n margin: 0 32px;\n }\n }\n\n &:hover {\n background: $color-sidebar-feature-hover-background;\n }\n\n &:focus-visible {\n box-shadow: none;\n border: none;\n outline: none;\n\n .mc-feature-group__container {\n box-shadow: none;\n border: none;\n border-radius: 6px;\n outline: 1px solid #0b96cc;\n }\n }\n }\n\n ul,\n li {\n list-style-type: none;\n margin: 0;\n padding: 0;\n display: flex;\n width: 100%;\n }\n\n ul {\n align-items: start;\n flex-direction: column;\n justify-content: center;\n\n li {\n flex-direction: column;\n box-sizing: border-box;\n }\n }\n</style>\n"],"names":["generateIcon","ctx","icon","html_tag","p","raw_value","t0_value","label","if_block0","offsetHeight","scrollHeight","create_if_block_2","create_if_block_1","insert","target","span","anchor","dirty","set_data","t0","t1_value","div2","append","div1","t1","svg","path","li","create_if_block_3","create_if_block","each_value","items","length","i","attr","button","button_aria_label_value","button_aria_expanded_value","button_aria_controls_value","code","button_id_value","ul","ul_aria_hidden_value","ul_id_value","current","each_blocks","iconname","content","featureGroup","$$props","expand","a11yLabels","eventHandler","EventHandler","isSelected","handleClick","feature","disabled","_a","dispatch","selectFeature","isExpanded","isOpen","group","selection","$isSidebarOpen","_b","$selectedFeature","lv0","lv1","$$invalidate","style","height","transition","startHeight","window","getComputedStyle","classList","add","remove","requestAnimationFrame","handler","removeEventListener","addEventListener","updateContentCSS","$$value"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"sidebar-feature-group.nested.js","sources":["../../../../src/components/sidebar/sidebar-feature-group.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n import type { FeatureGroup, Feature, A11yLabels } from './sidebar.types';\n import FeatureComponent from './sidebar-feature.nested.svelte';\n import {\n isSidebarOpen,\n selectedFeature,\n selectFeature,\n Selection,\n } from './sidebar-service';\n import { EventHandler } from '../../utilities/EventHandler';\n\n export let featureGroup: FeatureGroup;\n export let expand: boolean;\n export let a11yLabels: A11yLabels;\n let eventHandler = new EventHandler();\n let content: HTMLElement;\n\n $: updateSelection(expand, $isSidebarOpen, featureGroup, $selectedFeature);\n $: updateContentCSS(expand, $isSidebarOpen);\n\n let isSelected = false;\n\n let label: HTMLElement;\n\n function updateSelection(\n isExpanded: boolean,\n isOpen: boolean,\n group: FeatureGroup,\n selection?: Selection,\n ): void {\n isSelected =\n (selection?.lv0 &&\n group.code === selection?.lv0?.code &&\n (!selection.lv1 || !isExpanded || !isOpen)) ??\n false;\n }\n\n // Update the CSS programatically to have a nice animation on height between 0px and 'auto'\n function updateContentCSS(isExpanded: boolean, isOpen: boolean): void {\n if (content) {\n content.style.height = '';\n content.style.transition = 'none';\n const startHeight = window.getComputedStyle(content).height;\n\n content.classList.add(isOpen && isExpanded ? 'is-open' : 'is-close');\n content.classList.remove(isOpen && isExpanded ? 'is-close' : 'is-open');\n\n const height = window.getComputedStyle(content).height;\n content.style.height = startHeight;\n\n // wait until the next frame so that everything has time to update before starting the transition\n requestAnimationFrame(() => {\n content.style.transition = '';\n requestAnimationFrame(() => {\n content.style.height = height;\n });\n });\n\n // Clear the saved height values after the transition\n const handler = () => {\n content.style.height = '';\n content.removeEventListener('transitionend', handler);\n };\n\n content.addEventListener('transitionend', handler);\n }\n }\n\n function generateIcon(iconname: string): string {\n return `${iconname} size=\"1.5rem\"`;\n }\n\n function handleClick(feature: Feature) {\n if (!feature.disabled) {\n // Only select the feature if it is the last level item\n if (feature.items?.length) {\n eventHandler.dispatch('feature-click', feature);\n } else {\n selectFeature(feature.code);\n }\n }\n }\n</script>\n\n<button\n class=\"mc-feature-group {isSelected ? 'is-selected' : ''} {$isSidebarOpen\n ? 'is-open'\n : 'is-close'}\"\n aria-label={featureGroup.label}\n aria-expanded={$isSidebarOpen && expand}\n aria-controls=\"{featureGroup.code}-list\"\n id={featureGroup.code}\n>\n <span class=\"mc-feature-group__container\">\n {#if featureGroup.icon}\n <span class=\"mc-feature-group__icon\">\n {@html `<${generateIcon(featureGroup.icon)} />`}\n </span>\n {/if}\n {#if $isSidebarOpen}\n <span class=\"mc-feature-group__label\" bind:this={label}>\n {featureGroup.label}\n </span>\n {#if label?.offsetHeight < label?.scrollHeight}\n <div aria-hidden=\"true\" class=\"mc-feature-group__label__tooltip\">\n <div class=\"mc-feature-group__label__tooltip__pointer\"><div /></div>\n <span>{featureGroup.label}</span>\n </div>\n {/if}\n {#if !expand}\n <svg\n class=\"mc-feature-group__icon\"\n width=\"16px\"\n height=\"16px\"\n viewBox=\"0 0 16 16\"\n ><path\n d=\"M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z\"\n /></svg\n >\n {:else}\n <svg\n class=\"mc-feature-group__icon\"\n width=\"16px\"\n height=\"16px\"\n viewBox=\"0 0 16 16\"\n ><path d=\"M12 9H4a1 1 0 010-2h8a1 1 0 010 2z\" /></svg\n >\n {/if}\n {/if}\n </span>\n</button>\n<ul\n class=\"mc-feature-group__content is-close\"\n aria-hidden={!$isSidebarOpen || !expand}\n id=\"{featureGroup.code}-list\"\n bind:this={content}\n>\n {#each featureGroup.items as feature}\n <li on:click|stopPropagation={() => handleClick(feature)}>\n <FeatureComponent {feature} {a11yLabels} />\n </li>\n {/each}\n</ul>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import './sidebar-variables';\n\n .mc-feature-group {\n background: none;\n border: none;\n color: $color-sidebar-text-color;\n cursor: pointer;\n font-size: inherit;\n font-family: inherit;\n text-align: initial;\n margin: 0;\n padding: 0;\n overflow: hidden;\n\n &__icon {\n fill: $color-sidebar-icon;\n height: 1.5rem;\n width: 1.5rem;\n }\n\n &__container {\n display: flex;\n align-items: center;\n margin: 5px 0;\n padding: 8px 0px;\n @include transition(margin 300ms ease-in-out);\n }\n\n &__label {\n margin: 0 8px;\n width: 200px;\n min-width: 200px;\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n line-clamp: 2;\n -webkit-box-orient: vertical;\n\n &__tooltip {\n opacity: 0;\n transition: 0s opacity;\n background-color: $color-sidebar-divider-background;\n border: 1px solid $color-sidebar-text-color;\n border-radius: 4px;\n position: absolute;\n pointer-events: none;\n left: calc(100% - 16px);\n padding: 8px 16px;\n width: 188px;\n\n &__pointer {\n position: absolute;\n top: 50%;\n left: -8px;\n top: calc(50% - 6px);\n width: 0;\n height: 0;\n border-top: 6px solid transparent;\n border-bottom: 6px solid transparent;\n border-right: 8px solid white;\n\n & div {\n position: relative;\n top: -6px;\n left: 2px;\n width: 0;\n height: 0;\n border-top: 6px solid transparent;\n border-bottom: 6px solid transparent;\n border-right: 8px solid $color-sidebar-divider-background;\n }\n }\n }\n\n &:hover + .mc-feature-group__label__tooltip {\n opacity: 1;\n transition-delay: 1s;\n }\n }\n\n &__content {\n overflow: hidden;\n @include transition(height 300ms ease-in-out);\n &.is-close {\n height: 0;\n }\n\n &.is-open {\n height: auto;\n }\n }\n\n &.is-selected {\n background: $color-sidebar-feature-selected-background;\n }\n\n &.is-close {\n .mc-feature-group__container {\n margin: 0 20px;\n width: 24px;\n }\n }\n\n &.is-open {\n .mc-feature-group__container {\n margin: 0 32px;\n }\n }\n\n &:hover {\n background: $color-sidebar-feature-hover-background;\n }\n\n &:focus-visible {\n box-shadow: none;\n border: none;\n outline: none;\n\n .mc-feature-group__container {\n box-shadow: none;\n border: none;\n border-radius: 6px;\n outline: 1px solid #0b96cc;\n }\n }\n }\n\n ul,\n li {\n list-style-type: none;\n margin: 0;\n padding: 0;\n display: flex;\n width: 100%;\n }\n\n ul {\n align-items: start;\n flex-direction: column;\n justify-content: center;\n\n li {\n flex-direction: column;\n box-sizing: border-box;\n }\n }\n</style>\n"],"names":["generateIcon","ctx","icon","insert","target","span","anchor","innerHTML","raw_value","t0_value","label","if_block0","offsetHeight","scrollHeight","create_if_block_2","create_if_block_1","dirty","set_data","t0","t1_value","div2","append","div1","t1","svg","path","li","create_if_block_3","create_if_block","each_value","items","length","i","attr","button","button_aria_label_value","button_aria_expanded_value","button_aria_controls_value","code","button_id_value","ul","ul_aria_hidden_value","ul_id_value","current","each_blocks","iconname","content","featureGroup","$$props","expand","a11yLabels","eventHandler","EventHandler","isSelected","handleClick","feature","disabled","_a","dispatch","selectFeature","isExpanded","isOpen","group","selection","$isSidebarOpen","_b","$selectedFeature","lv0","lv1","$$invalidate","style","height","transition","startHeight","window","getComputedStyle","classList","add","remove","requestAnimationFrame","handler","removeEventListener","addEventListener","updateContentCSS","$$value"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{E as e,i as l,s as t,F as i,P as a,b as s,n as d,o,ab as n,H as r,e as m,G as c,d as b,t as p,g as f,j as u,k as v}from"../../index-52f16292.js";import{i as x,s as _}from"../../sidebar-service-293d79ef.js";function h(e){i(e,"svelte-l4q53m",".mc-sidebar-feature.svelte-l4q53m.svelte-l4q53m{font-size:16px;min-width:200px;cursor:pointer;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;text-decoration:none;color:#ffffff;line-height:22px;overflow:hidden}.mc-sidebar-feature__container.svelte-l4q53m.svelte-l4q53m{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding-top:8px;padding-bottom:8px}.mc-sidebar-feature__container.svelte-l4q53m span.svelte-l4q53m{max-width:200px;min-width:200px}.mc-sidebar-feature__icon.svelte-l4q53m.svelte-l4q53m{fill:#ffffff}.mc-sidebar-feature__icon-disabled.svelte-l4q53m.svelte-l4q53m{fill:#92a2a9}.mc-sidebar-feature__label.svelte-l4q53m.svelte-l4q53m{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:8px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.mc-sidebar-feature__label__tooltip.svelte-l4q53m.svelte-l4q53m{opacity:0;-webkit-transition:0s opacity;-o-transition:0s opacity;transition:0s opacity;background-color:#5b737d;border:1px solid #ffffff;border-radius:4px;position:absolute;pointer-events:none;left:calc(100% - 16px);padding:8px 16px;width:188px}.mc-sidebar-feature__label__tooltip__pointer.svelte-l4q53m.svelte-l4q53m{position:absolute;top:50%;left:-8px;top:calc(50% - 6px);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid #ffffff}.mc-sidebar-feature__label__tooltip__pointer.svelte-l4q53m div.svelte-l4q53m{position:relative;top:-6px;left:2px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid #5b737d}.mc-sidebar-feature__label.svelte-l4q53m:hover+.mc-sidebar-feature__label__tooltip.svelte-l4q53m{opacity:1;-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}.mc-sidebar-feature__icon.svelte-l4q53m.svelte-l4q53m{margin-right:8px}.mc-sidebar-feature.is-selected.svelte-l4q53m.svelte-l4q53m{background:#5b737d}.mc-sidebar-feature.is-close.svelte-l4q53m.svelte-l4q53m{-o-transition:padding 300ms ease-in-out;-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:0px 0px}.mc-sidebar-feature.is-close.svelte-l4q53m .mc-sidebar-feature__container.svelte-l4q53m{-o-transition:padding-left 300ms ease-in-out;-webkit-transition:padding-left 300ms ease-in-out;transition:padding-left 300ms ease-in-out;padding-left:20px;width:24px}.mc-sidebar-feature.is-open.svelte-l4q53m.svelte-l4q53m{-o-transition:padding 300ms ease-in-out;-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:0px 32px}.mc-sidebar-feature.is-open.svelte-l4q53m .mc-sidebar-feature__container.svelte-l4q53m{-o-transition:padding-left 300ms ease-in-out;-webkit-transition:padding-left 300ms ease-in-out;transition:padding-left 300ms ease-in-out;padding-left:32px}.mc-sidebar-feature.is-disabled.svelte-l4q53m.svelte-l4q53m{color:#92a2a9;fill:#92a2a9}.mc-sidebar-feature.svelte-l4q53m.svelte-l4q53m:hover{background:#405d68}.mc-sidebar-feature.svelte-l4q53m.svelte-l4q53m:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-feature.svelte-l4q53m:focus-visible .mc-sidebar-feature__container.svelte-l4q53m{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}")}function q(e){let l,t,i,a,d,n,r,x,_,h,q,g,w,k,y=e[0].label+"";return{c(){l=m("span"),t=m("div"),i=c("svg"),a=c("g"),d=c("path"),n=c("defs"),r=c("clipPath"),x=c("path"),_=b(),h=m("span"),q=p(y),f(d,"fill-rule","evenodd"),f(d,"d","M8 2a3 3 0 00-3 3v1H4a1 1 0 00-1 1v6a1 1 0 001 1h8a1 1 0 001-1V7a1 1 0 00-1-1h-1V5a3 3 0 00-3-3zm1 4V5a1 1 0 10-2 0v1h2zm-4 6V8h6v4H5z"),f(a,"clip-path","url(#a)"),f(x,"d","M0 0h16v16H0z"),f(r,"id","a"),f(i,"class","mc-sidebar-feature__icon-disabled svelte-l4q53m"),f(i,"width","16px"),f(i,"height","16px"),f(i,"viewBox","0 0 16 16"),f(h,"class","svelte-l4q53m"),f(t,"class","mc-sidebar-feature__container svelte-l4q53m"),f(l,"aria-label",g=e[0].label),f(l,"aria-disabled","true"),f(l,"class",w="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" is-disabled svelte-l4q53m"),f(l,"id",k=e[0].code)},m(e,o){s(e,l,o),u(l,t),u(t,i),u(i,a),u(a,d),u(i,n),u(n,r),u(r,x),u(t,_),u(t,h),u(h,q)},p(e,t){1&t&&y!==(y=e[0].label+"")&&v(q,y),1&t&&g!==(g=e[0].label)&&f(l,"aria-label",g),6&t&&w!==(w="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" is-disabled svelte-l4q53m")&&f(l,"class",w),1&t&&k!==(k=e[0].code)&&f(l,"id",k)},d(e){e&&o(l)}}}function g(e){let l,t,i,a,d,n,r,c,x,_,h,q=e[0].label+"",g=e[5]&&w(e),y="_blank"===e[0].embedded&&k();return{c(){l=m("a"),t=m("div"),i=m("span"),a=p(q),d=b(),g&&g.c(),n=b(),y&&y.c(),f(i,"class","mc-sidebar-feature__label svelte-l4q53m"),f(t,"class","mc-sidebar-feature__container svelte-l4q53m"),f(l,"aria-label",r=""+(e[0].label+e[3])),f(l,"href",c=e[0].href??"javascript:void(null)"),f(l,"target",x=e[0].embedded),f(l,"class",_="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" svelte-l4q53m"),f(l,"id",h=e[0].code)},m(o,r){s(o,l,r),u(l,t),u(t,i),u(i,a),e[8](i),u(t,d),g&&g.m(t,null),u(t,n),y&&y.m(t,null)},p(e,i){1&i&&q!==(q=e[0].label+"")&&v(a,q),e[5]?g?g.p(e,i):(g=w(e),g.c(),g.m(t,n)):g&&(g.d(1),g=null),"_blank"===e[0].embedded?y||(y=k(),y.c(),y.m(t,null)):y&&(y.d(1),y=null),9&i&&r!==(r=""+(e[0].label+e[3]))&&f(l,"aria-label",r),1&i&&c!==(c=e[0].href??"javascript:void(null)")&&f(l,"href",c),1&i&&x!==(x=e[0].embedded)&&f(l,"target",x),6&i&&_!==(_="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" svelte-l4q53m")&&f(l,"class",_),1&i&&h!==(h=e[0].code)&&f(l,"id",h)},d(t){t&&o(l),e[8](null),g&&g.d(),y&&y.d()}}}function w(e){let l,t,i,a,d,n=e[0].label+"";return{c(){l=m("div"),t=m("div"),t.innerHTML='<div class="svelte-l4q53m"></div>',i=b(),a=m("span"),d=p(n),f(t,"class","mc-sidebar-feature__label__tooltip__pointer svelte-l4q53m"),f(a,"class","svelte-l4q53m"),f(l,"aria-hidden","true"),f(l,"class","mc-sidebar-feature__label__tooltip svelte-l4q53m")},m(e,o){s(e,l,o),u(l,t),u(l,i),u(l,a),u(a,d)},p(e,l){1&l&&n!==(n=e[0].label+"")&&v(d,n)},d(e){e&&o(l)}}}function k(e){let l,t;return{c(){l=c("svg"),t=c("path"),f(t,"fill-rule","evenodd"),f(t,"d","M9 2a1 1 0 000 2h1.586L6.293 8.293a1 1 0 001.414 1.414L12 5.414V7a1 1 0 102 0V3a1 1 0 00-1-1H9zM3 4a1 1 0 00-1 1v8a1 1 0 001 1h8a1 1 0 001-1v-2a1 1 0 10-2 0v1H4V6h1a1 1 0 000-2H3z"),f(l,"class","mc-sidebar-feature__icon svelte-l4q53m"),f(l,"width","16px"),f(l,"height","16px"),f(l,"viewBox","0 0 16 16")},m(e,i){s(e,l,i),u(l,t)},d(e){e&&o(l)}}}function y(e){let l;function t(e,l){return e[0].disabled?q:g}let i=t(e),n=i(e);return{c(){n.c(),l=a()},m(e,t){n.m(e,t),s(e,l,t)},p(e,[a]){i===(i=t(e))&&n?n.p(e,a):(n.d(1),n=i(e),n&&(n.c(),n.m(l.parentNode,l)))},i:d,o:d,d(e){n.d(e),e&&o(l)}}}function $(e,l,t){let i,a;n(e,x,(e=>t(1,i=e))),n(e,_,(e=>t(7,a=e)));let s,d,o,{feature:m}=l,{a11yLabels:c}=l,b=!1;return e.$$set=e=>{"feature"in e&&t(0,m=e.feature),"a11yLabels"in e&&t(6,c=e.a11yLabels)},e.$$.update=()=>{129&e.$$.dirty&&function(e,l){var i,a,s;t(2,b=null!==(s=(null==l?void 0:l.lv1)&&e.code===(null===(i=null==l?void 0:l.lv1)||void 0===i?void 0:i.code)||(null==l?void 0:l.lv2)&&e.code===(null===(a=null==l?void 0:l.lv2)||void 0===a?void 0:a.code))&&void 0!==s&&s)}(m,a),65&e.$$.dirty&&function(e,l){l.embedded?t(3,s=(null==e?void 0:e["external-link-suffix"])?` (${e["external-link-suffix"]})`:" (link to a new window)"):t(3,s="")}(c,m),2&e.$$.dirty&&setTimeout((()=>{t(5,o=(null==d?void 0:d.offsetHeight)<(null==d?void 0:d.scrollHeight))}),500)},[m,i,b,s,d,o,c,a,function(e){r[e?"unshift":"push"]((()=>{d=e,t(4,d)}))}]}class H extends e{constructor(e){super(),l(this,e,$,y,t,{feature:0,a11yLabels:6},h)}}export{H as default};
|
|
2
2
|
//# sourceMappingURL=sidebar-feature.nested.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{E as e,i as t,s as i,F as s,P as o,b as l,y as a,w as n,x as r,o as d,ab as c,e as b,d as m,g as f,T as u,j as x,z as p,O as g,B as v,C as h,l as w,D as q}from"../../index-52f16292.js";import k from"./sidebar-feature-group.nested.js";import y from"./sidebar-sub-features.nested.js";import{t as $,i as j}from"../../sidebar-service-293d79ef.js";import"./sidebar-feature.nested.js";import"../../EventHandler-f4efd23c.js";function L(e){s(e,"svelte-1o2q15d",".mc-sidebar-section.svelte-1o2q15d.svelte-1o2q15d{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;min-height:38px;overflow-x:hidden;overflow-y:auto;overflow-y:overlay;padding:1px 0px;scrollbar-color:#8f94a3 #5b737d;scrollbar-width:thin}.mc-sidebar-section.svelte-1o2q15d ul.svelte-1o2q15d,.mc-sidebar-section.svelte-1o2q15d li.svelte-1o2q15d{list-style-type:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.mc-sidebar-section.svelte-1o2q15d ul.svelte-1o2q15d{-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-sidebar-section.svelte-1o2q15d ul li.svelte-1o2q15d{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;margin:4px 0px}.mc-sidebar-section.svelte-1o2q15d ul li.svelte-1o2q15d:first-child{margin-top:0}.mc-sidebar-section.svelte-1o2q15d ul li.svelte-1o2q15d:last-child{margin-bottom:0}.mc-sidebar-section.svelte-1o2q15d ul.is-hidden.svelte-1o2q15d{-o-transition:margin-left 300ms ease-in-out;-webkit-transition:margin-left 300ms ease-in-out;transition:margin-left 300ms ease-in-out;margin-left:-320px;opacity:0}.mc-sidebar-section.svelte-1o2q15d ul.is-visible.svelte-1o2q15d{-o-transition:margin-left 300ms ease-in-out;-webkit-transition:margin-left 300ms ease-in-out;transition:margin-left 300ms ease-in-out;margin-left:0}.mc-sidebar-section.svelte-1o2q15d.svelte-1o2q15d::-webkit-scrollbar{width:5px;height:10px;background:#082435}.mc-sidebar-section.svelte-1o2q15d.svelte-1o2q15d::-webkit-scrollbar-thumb{background:#009eac}")}function z(e,t,i){const s=e.slice();return s[10]=t[i],s}function B(e){let t,i,s,o,c,v,h=e[0],w=[];for(let t=0;t<h.length;t+=1)w[t]=E(z(e,h,t));const q=e=>n(w[e],1,1,(()=>{w[e]=null}));let k=e[3]&&e[4]&&G(e);return{c(){t=b("div"),i=b("ul");for(let e=0;e<w.length;e+=1)w[e].c();c=m(),k&&k.c(),f(i,"class",s=u(e[3]&&e[4]?"is-hidden":"is-visible")+" svelte-1o2q15d"),f(i,"aria-hidden",o=e[3]&&e[4]),f(t,"class","mc-sidebar-section svelte-1o2q15d")},m(e,s){l(e,t,s),x(t,i);for(let e=0;e<w.length;e+=1)w[e]&&w[e].m(i,null);x(t,c),k&&k.m(t,null),v=!0},p(e,l){if(103&l){let t;for(h=e[0],t=0;t<h.length;t+=1){const s=z(e,h,t);w[t]?(w[t].p(s,l),a(w[t],1)):(w[t]=E(s),w[t].c(),a(w[t],1),w[t].m(i,null))}for(p(),t=h.length;t<w.length;t+=1)q(t);r()}(!v||24&l&&s!==(s=u(e[3]&&e[4]?"is-hidden":"is-visible")+" svelte-1o2q15d"))&&f(i,"class",s),(!v||24&l&&o!==(o=e[3]&&e[4]))&&f(i,"aria-hidden",o),e[3]&&e[4]?k?(k.p(e,l),24&l&&a(k,1)):(k=G(e),k.c(),a(k,1),k.m(t,null)):k&&(p(),n(k,1,1,(()=>{k=null})),r())},i(e){if(!v){for(let e=0;e<h.length;e+=1)a(w[e]);a(k),v=!0}},o(e){w=w.filter(Boolean);for(let e=0;e<w.length;e+=1)n(w[e]);n(k),v=!1},d(e){e&&d(t),g(w,e),k&&k.d()}}}function E(e){let t,i,s,o,r,c;function u(){return e[8](e[10])}return i=new k({props:{featureGroup:e[10],expand:e[2]===e[10].code,a11yLabels:e[1]}}),i.$on("feature-click",e[7]),{c(){t=b("li"),v(i.$$.fragment),s=m(),f(t,"class","svelte-1o2q15d")},m(e,a){l(e,t,a),h(i,t,null),x(t,s),o=!0,r||(c=w(t,"click",u),r=!0)},p(t,s){e=t;const o={};1&s&&(o.featureGroup=e[10]),5&s&&(o.expand=e[2]===e[10].code),2&s&&(o.a11yLabels=e[1]),i.$set(o)},i(e){o||(a(i.$$.fragment,e),o=!0)},o(e){n(i.$$.fragment,e),o=!1},d(e){e&&d(t),q(i),r=!1,c()}}}function G(e){let t,i;return t=new y({props:{data:e[3],a11yLabels:e[1]}}),t.$on("back-click",e[9]),{c(){v(t.$$.fragment)},m(e,s){h(t,e,s),i=!0},p(e,i){const s={};8&i&&(s.data=e[3]),2&i&&(s.a11yLabels=e[1]),t.$set(s)},i(e){i||(a(t.$$.fragment,e),i=!0)},o(e){n(t.$$.fragment,e),i=!1},d(e){q(t,e)}}}function C(e){let t,i,s=e[0]?.length&&B(e);return{c(){s&&s.c(),t=o()},m(e,o){s&&s.m(e,o),l(e,t,o),i=!0},p(e,[i]){e[0]?.length?s?(s.p(e,i),1&i&&a(s,1)):(s=B(e),s.c(),a(s,1),s.m(t.parentNode,t)):s&&(p(),n(s,1,1,(()=>{s=null})),r())},i(e){i||(a(s),i=!0)},o(e){n(s),i=!1},d(e){s&&s.d(e),e&&d(t)}}}function D(e,t,i){let s;c(e,j,(e=>i(4,s=e)));let o,l,{data:a=[]}=t,{a11yLabels:n}=t;function r(e){const t=s;t||$(),i(2,o=t&&o===e?void 0:e)}function d(e){(null==e?void 0:e.detail)?l&&l.code===e.detail.code?i(3,l=void 0):i(3,l=e.detail):i(3,l=void 0)}return e.$$set=e=>{"data"in e&&i(0,a=e.data),"a11yLabels"in e&&i(1,n=e.a11yLabels)},[a,n,o,l,s,r,d,e=>d(e),e=>r(e.code),()=>d()]}class F extends e{constructor(e){super(),t(this,e,D,C,i,{data:0,a11yLabels:1},L)}}export{F as default};
|
|
2
2
|
//# sourceMappingURL=sidebar-section.nested.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{E as e,i as s,s as t,F as i,P as n,b as l,n as a,o,ab as r,e as b,d as c,t as d,g as m,j as h,l as k,k as v}from"../../index-52f16292.js";import{a as g,s as f,i as p}from"../../sidebar-service-293d79ef.js";function x(e){i(e,"svelte-1khl2b1",".mc-sidebar-segment.svelte-1khl2b1.svelte-1khl2b1{cursor:pointer;-webkit-box-flex:0;-ms-flex:0;flex:0;text-decoration:none;color:#ffffff;line-height:22px;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;min-height:40px}.mc-sidebar-segment__icon.svelte-1khl2b1.svelte-1khl2b1{fill:#ffffff;height:1.5rem;width:1.5rem}.mc-sidebar-segment__container.svelte-1khl2b1.svelte-1khl2b1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:8px 0px}.mc-sidebar-segment__text.svelte-1khl2b1.svelte-1khl2b1{margin-left:10px;width:200px;min-width:200px}.mc-sidebar-segment.is-selected.svelte-1khl2b1.svelte-1khl2b1{background:#5b737d}.mc-sidebar-segment.svelte-1khl2b1 .svelte-1khl2b1:last-child{margin-left:10px}.mc-sidebar-segment.svelte-1khl2b1.svelte-1khl2b1:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-segment.svelte-1khl2b1:focus-visible .mc-sidebar-segment__container.svelte-1khl2b1{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}.mc-sidebar-segment.svelte-1khl2b1.svelte-1khl2b1:hover{background:#405d68}.mc-sidebar-segment.is-close.svelte-1khl2b1 .mc-sidebar-segment__container.svelte-1khl2b1{-o-transition:margin 300ms ease-in-out;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:0 20px;width:24px}.mc-sidebar-segment.is-close.svelte-1khl2b1 .mc-sidebar-segment__text.svelte-1khl2b1{opacity:0}.mc-sidebar-segment.is-open.svelte-1khl2b1 .mc-sidebar-segment__container.svelte-1khl2b1{-o-transition:margin 300ms ease-in-out;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:0 32px}.mc-sidebar-segment.is-open.svelte-1khl2b1 .mc-sidebar-segment__text.svelte-1khl2b1{opacity:1}")}function u(e){let s,t,i,n,a,r,g,f,p,x,u,w,y=e[0].label+"",j=e[0].icon&&_(e);return{c(){s=b("a"),t=b("div"),j&&j.c(),i=c(),n=b("span"),a=d(y),m(n,"aria-hidden",r=!e[2]),m(n,"class","mc-sidebar-segment__text svelte-1khl2b1"),m(t,"class","mc-sidebar-segment__container svelte-1khl2b1"),m(s,"aria-label",g=e[0].label),m(s,"class",f="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-1khl2b1"),m(s,"href",p=e[0].href??"javascript:void(null)"),m(s,"id",x=e[0].code)},m(o,r){l(o,s,r),h(s,t),j&&j.m(t,null),h(t,i),h(t,n),h(n,a),u||(w=k(s,"click",e[3]),u=!0)},p(e,l){e[0].icon?j?j.p(e,l):(j=_(e),j.c(),j.m(t,i)):j&&(j.d(1),j=null),1&l&&y!==(y=e[0].label+"")&&v(a,y),4&l&&r!==(r=!e[2])&&m(n,"aria-hidden",r),1&l&&g!==(g=e[0].label)&&m(s,"aria-label",g),7&l&&f!==(f="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-1khl2b1")&&m(s,"class",f),1&l&&p!==(p=e[0].href??"javascript:void(null)")&&m(s,"href",p),1&l&&x!==(x=e[0].code)&&m(s,"id",x)},d(e){e&&o(s),j&&j.d(),u=!1,w()}}}function _(e){let s,t=`<${y(e[0].icon)} />`;return{c(){s=b("span"),m(s,"class","mc-sidebar-segment__icon svelte-1khl2b1")},m(e,i){l(e,s,i),s.innerHTML=t},p(e,i){1&i&&t!==(t=`<${y(e[0].icon)} />`)&&(s.innerHTML=t)},d(e){e&&o(s)}}}function w(e){let s,t=e[0]&&u(e);return{c(){t&&t.c(),s=n()},m(e,i){t&&t.m(e,i),l(e,s,i)},p(e,[i]){e[0]?t?t.p(e,i):(t=u(e),t.c(),t.m(s.parentNode,s)):t&&(t.d(1),t=null)},i:a,o:a,d(e){t&&t.d(e),e&&o(s)}}}function y(e){return`${e} size="1.5rem"`}function j(e,s,t){let i,n;r(e,f,(e=>t(1,i=e))),r(e,p,(e=>t(2,n=e)));let{data:l}=s;return e.$$set=e=>{"data"in e&&t(0,l=e.data)},[l,i,n,function(){g(l.code)}]}class $ extends e{constructor(e){super(),s(this,e,j,w,t,{data:0},x)}}export{$ as default};
|
|
2
2
|
//# sourceMappingURL=sidebar-segment.nested.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-segment.nested.js","sources":["../../../../src/components/sidebar/sidebar-segment.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n import type { Segment } from './sidebar.types';\n import {\n isSidebarOpen,\n selectedFeature,\n selectFeature,\n } from './sidebar-service';\n\n export let data: Segment;\n\n function generateIcon(iconname: string): string {\n return `${iconname} size=\"1.5rem\"
|
|
1
|
+
{"version":3,"file":"sidebar-segment.nested.js","sources":["../../../../src/components/sidebar/sidebar-segment.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n import type { Segment } from './sidebar.types';\n import {\n isSidebarOpen,\n selectedFeature,\n selectFeature,\n } from './sidebar-service';\n\n export let data: Segment;\n\n function generateIcon(iconname: string): string {\n return `${iconname} size=\"1.5rem\"`;\n }\n\n function handleClick() {\n selectFeature(data.code);\n }\n</script>\n\n{#if data}\n <a\n aria-label={data.label}\n class=\"mc-sidebar-segment {data.code === $selectedFeature?.lv0?.code\n ? 'is-selected'\n : ''} {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n href={data.href ?? 'javascript:void(null)'}\n id={data.code}\n on:click={handleClick}\n >\n <div class=\"mc-sidebar-segment__container\">\n {#if data.icon}\n <span class=\"mc-sidebar-segment__icon\">\n {@html `<${generateIcon(data.icon)} />`}\n </span>\n {/if}\n <span aria-hidden={!$isSidebarOpen} class=\"mc-sidebar-segment__text\">\n {data.label}\n </span>\n </div>\n </a>\n{/if}\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import './sidebar-variables';\n\n .mc-sidebar-segment {\n cursor: pointer;\n flex: 0;\n text-decoration: none;\n color: $color-sidebar-text-color;\n line-height: 22px;\n display: flex;\n overflow: hidden;\n min-height: 40px;\n\n &__icon {\n fill: $color-sidebar-icon;\n height: 1.5rem;\n width: 1.5rem;\n }\n\n &__container {\n display: flex;\n align-items: center;\n width: 100%;\n padding: 8px 0px;\n }\n\n svg {\n fill: $color-sidebar-icon;\n }\n\n &__text {\n margin-left: 10px;\n width: 200px;\n min-width: 200px;\n }\n\n &.is-selected {\n background: $color-sidebar-feature-selected-background;\n }\n\n :last-child {\n margin-left: 10px;\n }\n\n &:focus-visible {\n box-shadow: none;\n border: none;\n outline: none;\n\n .mc-sidebar-segment__container {\n box-shadow: none;\n border: none;\n border-radius: 6px;\n outline: 1px solid #0b96cc;\n }\n }\n\n &:hover {\n background: $color-sidebar-feature-hover-background;\n }\n\n &.is-close {\n .mc-sidebar-segment__container {\n @include transition(margin 300ms ease-in-out);\n margin: 0 20px;\n width: 24px;\n }\n\n .mc-sidebar-segment__text {\n opacity: 0;\n }\n }\n\n &.is-open {\n .mc-sidebar-segment__container {\n @include transition(margin 300ms ease-in-out);\n margin: 0 32px;\n }\n\n .mc-sidebar-segment__text {\n opacity: 1;\n }\n }\n }\n</style>\n"],"names":["t1_value","ctx","label","if_block","icon","create_if_block_1","attr","a","a_aria_label_value","a_class_value","code","lv0","href","a_id_value","insert","target","anchor","append","div","span","dirty","set_data","t1","generateIcon","innerHTML","raw_value","create_if_block","iconname","data","$$props","selectFeature"],"mappings":"ylEAsCSA,EAAAC,KAAKC,MAAK,GANRC,EAAAF,KAAKG,MAAIC,EAAAJ,yFAKMA,EAAc,uHAdxBK,EAAAC,EAAA,aAAAC,EAAAP,KAAKC,OACUI,EAAAC,EAAA,QAAAE,EAAA,uBAAAR,KAAKS,OAAST,EAAkB,IAAAU,KAAKD,KAC5D,cACA,IAAK,KAAAT,EAAiB,GAAA,UAAY,YAAU,gCAC1CA,EAAI,GAACW,MAAQ,yBACfN,EAAAC,EAAA,KAAAM,EAAAZ,KAAKS,cANXI,EAmBGC,EAAAR,EAAAS,GAVDC,EASKV,EAAAW,yBAHHD,EAEMC,EAAAC,4BAVElB,EAAW,kBAGdA,KAAKG,2DAMP,EAAAgB,GAAApB,KAAAA,EAAAC,KAAKC,MAAK,KAAAmB,EAAAC,EAAAtB,gBADOC,EAAc,0BAdxB,EAAAmB,GAAAZ,KAAAA,EAAAP,KAAKC,4BACU,EAAAkB,GAAAX,KAAAA,EAAA,uBAAAR,KAAKS,OAAST,EAAkB,IAAAU,KAAKD,KAC5D,cACA,IAAK,KAAAT,EAAiB,GAAA,UAAY,YAAU,+CAC1CA,EAAI,GAACW,MAAQ,wCACf,EAAAQ,GAAAP,KAAAA,EAAAZ,KAAKS,+EAMQa,EAAatB,EAAI,GAACG,iGAD/BU,EAEMC,EAAAI,EAAAH,yCADOO,EAAatB,EAAI,GAACG,cAAIe,EAAAK,UAAAC,yCAbtCxB,EAAI,IAAAyB,EAAAzB,oEAAJA,EAAI,sGATE,SAAAsB,EAAaI,YACVA,+FAHDC,GAAaC,kEAOtBC,EAAcF,EAAKlB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{E as s,i as e,s as i,F as a,e as t,g as r,b as o,n,o as m,ab as d}from"../../index-52f16292.js";import{i as l}from"../../sidebar-service-293d79ef.js";function p(s){a(s,"svelte-7t2kdi",".mc-sidebar-separator.svelte-7t2kdi{border-bottom:1px solid #5b737d;display:-webkit-box;display:-ms-flexbox;display:flex}.mc-sidebar-separator.is-close.svelte-7t2kdi{-o-transition:margin 300ms ease-in-out;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:24px 0}.mc-sidebar-separator.is-open.svelte-7t2kdi{-o-transition:margin 300ms ease-in-out;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:24px 32px}")}function c(s){let e,i;return{c(){e=t("span"),r(e,"role","separator"),r(e,"class",i="mc-sidebar-separator "+(s[0]?"is-open":"is-close")+" svelte-7t2kdi")},m(s,i){o(s,e,i)},p(s,[a]){1&a&&i!==(i="mc-sidebar-separator "+(s[0]?"is-open":"is-close")+" svelte-7t2kdi")&&r(e,"class",i)},i:n,o:n,d(s){s&&m(e)}}}function b(s,e,i){let a;return d(s,l,(s=>i(0,a=s))),[a]}class u extends s{constructor(s){super(),e(this,s,b,c,i,{},p)}}export{u as default};
|
|
2
2
|
//# sourceMappingURL=sidebar-separator.nested.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-service.d.ts","sourceRoot":"","sources":["../../../../src/components/sidebar/sidebar-service.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,WAAW,SAAS;IACxB,GAAG,CAAC,EAAE,WAAW,CAAC;IAClB,GAAG,CAAC,EAAE,WAAW,CAAC;IAClB,GAAG,CAAC,EAAE,WAAW,CAAC;CACnB;AAED,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;CACvB;AAED,eAAO,MAAM,OAAO,0CAAsB,CAAC;AAG3C,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,
|
|
1
|
+
{"version":3,"file":"sidebar-service.d.ts","sourceRoot":"","sources":["../../../../src/components/sidebar/sidebar-service.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,WAAW,SAAS;IACxB,GAAG,CAAC,EAAE,WAAW,CAAC;IAClB,GAAG,CAAC,EAAE,WAAW,CAAC;IAClB,GAAG,CAAC,EAAE,WAAW,CAAC;CACnB;AAED,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;CACvB;AAED,eAAO,MAAM,OAAO,0CAAsB,CAAC;AAG3C,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,CAM9D;AAED,eAAO,MAAM,aAAa,0CAA2B,CAAC;AAEtD,wBAAgB,aAAa,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI,CAMnD;AAED,eAAO,MAAM,eAAe,wDAAoC,CAAC;AAEjE,wBAAgB,aAAa,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAmCjD"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{E as e,i as s,s as l,F as t,e as a,G as i,d as n,t as r,g as u,b as o,j as f,l as b,k as c,y as d,w as m,x as p,o as h,z as g,O as x,B as v,C as _,N as w,D as y}from"../../index-52f16292.js";import{a as k}from"../../sidebar-service-293d79ef.js";import $ from"./sidebar-feature.nested.js";import{E as L}from"../../EventHandler-f4efd23c.js";function j(e){t(e,"svelte-5hmulp",".mc-sidebar-sub-feature.svelte-5hmulp.svelte-5hmulp{width:320px}.mc-sidebar-sub-feature__trigger.svelte-5hmulp.svelte-5hmulp{background:none;border:none;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0;margin:0;font-size:inherit;font-family:inherit;width:100%;padding:0px 32px}.mc-sidebar-sub-feature__trigger__label.svelte-5hmulp.svelte-5hmulp{font-size:16px;font-weight:700;margin-left:8px;color:#ffffff}.mc-sidebar-sub-feature__trigger.svelte-5hmulp.svelte-5hmulp:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-sub-feature__trigger.svelte-5hmulp:focus-visible .mc-sidebar-sub-feature__container.svelte-5hmulp{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}.mc-sidebar-sub-feature__icon.svelte-5hmulp.svelte-5hmulp{fill:#ffffff}.mc-sidebar-sub-feature__container.svelte-5hmulp.svelte-5hmulp{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:24px;padding:8px 0px}.mc-sidebar-sub-feature.svelte-5hmulp ul.svelte-5hmulp{list-style:none;margin:0;padding:0}")}function z(e,s,l){const t=e.slice();return t[6]=s[l],t}function B(e){let s,l,t=e[0]?.items,i=[];for(let s=0;s<t.length;s+=1)i[s]=E(z(e,t,s));const n=e=>m(i[e],1,1,(()=>{i[e]=null}));return{c(){s=a("ul");for(let e=0;e<i.length;e+=1)i[e].c();u(s,"class","svelte-5hmulp")},m(e,t){o(e,s,t);for(let e=0;e<i.length;e+=1)i[e]&&i[e].m(s,null);l=!0},p(e,l){if(11&l){let a;for(t=e[0]?.items,a=0;a<t.length;a+=1){const n=z(e,t,a);i[a]?(i[a].p(n,l),d(i[a],1)):(i[a]=E(n),i[a].c(),d(i[a],1),i[a].m(s,null))}for(g(),a=t.length;a<i.length;a+=1)n(a);p()}},i(e){if(!l){for(let e=0;e<t.length;e+=1)d(i[e]);l=!0}},o(e){i=i.filter(Boolean);for(let e=0;e<i.length;e+=1)m(i[e]);l=!1},d(e){e&&h(s),x(i,e)}}}function E(e){let s,l,t,i,r,c;function p(){return e[4](e[6])}return l=new $({props:{feature:e[6],a11yLabels:e[1]}}),{c(){s=a("li"),v(l.$$.fragment),t=n(),u(s,"class","mc-sidebar-sub-feature__item")},m(e,a){o(e,s,a),_(l,s,null),f(s,t),i=!0,r||(c=b(s,"click",w(p)),r=!0)},p(s,t){e=s;const a={};1&t&&(a.feature=e[6]),2&t&&(a.a11yLabels=e[1]),l.$set(a)},i(e){i||(d(l.$$.fragment,e),i=!0)},o(e){m(l.$$.fragment,e),i=!1},d(e){e&&h(s),y(l),r=!1,c()}}}function H(e){let s,l,t,x,v,_,w,y,k,$,L,j,z,E,H=e[0]?.label+"",M=e[0]?.items?.length&&B(e);return{c(){s=a("div"),l=a("button"),t=a("span"),x=i("svg"),v=i("path"),_=i("path"),w=n(),y=a("span"),k=r(H),$=n(),M&&M.c(),u(v,"d","M9 19a1 1 0 01-.71-.29l-6-6a1 1 0 010-1.42l6-6a1 1 0 111.42 1.42L4.41 12l5.3 5.29a1 1 0 010 1.42A1 1 0 019 19z"),u(_,"d","M21 13H3.24a1 1 0 010-2H21a1 1 0 010 2z"),u(x,"class","mc-sidebar-sub-feature__icon svelte-5hmulp"),u(x,"width","24px"),u(x,"height","24px"),u(x,"viewBox","0 0 24 24"),u(y,"class","mc-sidebar-sub-feature__trigger__label svelte-5hmulp"),u(t,"class","mc-sidebar-sub-feature__container svelte-5hmulp"),u(l,"class","mc-sidebar-sub-feature__trigger svelte-5hmulp"),u(s,"class","mc-sidebar-sub-feature svelte-5hmulp"),u(s,"aria-label",L=e[0]?.label)},m(a,i){o(a,s,i),f(s,l),f(l,t),f(t,x),f(x,v),f(x,_),f(t,w),f(t,y),f(y,k),f(s,$),M&&M.m(s,null),j=!0,z||(E=b(l,"click",e[2]),z=!0)},p(e,[l]){(!j||1&l)&&H!==(H=e[0]?.label+"")&&c(k,H),e[0]?.items?.length?M?(M.p(e,l),1&l&&d(M,1)):(M=B(e),M.c(),d(M,1),M.m(s,null)):M&&(g(),m(M,1,1,(()=>{M=null})),p()),(!j||1&l&&L!==(L=e[0]?.label))&&u(s,"aria-label",L)},i(e){j||(d(M),j=!0)},o(e){m(M),j=!1},d(e){e&&h(s),M&&M.d(),z=!1,E()}}}function M(e,s,l){let{data:t}=s,{a11yLabels:a}=s,i=new L;function n(e){e.disabled||k(e.code)}return e.$$set=e=>{"data"in e&&l(0,t=e.data),"a11yLabels"in e&&l(1,a=e.a11yLabels)},[t,a,function(){i.dispatch("back-click",t)},n,e=>n(e)]}class A extends e{constructor(e){super(),s(this,e,M,H,l,{data:0,a11yLabels:1},j)}}export{A as default};
|
|
2
2
|
//# sourceMappingURL=sidebar-sub-features.nested.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{P as e,i as t,s,Q as i,K as n,b as a,C as r,D as l,E as o,o as d,ab as m,e as c,d as u,g as b,j as p,l as f,M as h,t as _,k as y,J as x,x as g,A as k,I as v,G as w,v as $,T as L,n as j,y as z,$ as B}from"../../index-c33b3772.js";import{t as C,a as M,i as A}from"../../sidebar-service-275bf9ef.js";import N from"./sidebar-feature.nested.js";function H(e){i(e,"svelte-3b5ykm",".mc-sidebar-user.svelte-3b5ykm.svelte-3b5ykm{left:0;right:0;bottom:0;position:absolute;background:#264653}.mc-sidebar-user__header.svelte-3b5ykm.svelte-3b5ykm{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:none;color:#ffffff;font-size:inherit;font-family:inherit;text-align:initial;margin:0;width:100%;overflow:hidden}.mc-sidebar-user__header.svelte-3b5ykm.svelte-3b5ykm:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:12px;outline:1px solid #0b96cc;outline-offset:-5px}.mc-sidebar-user__header.svelte-3b5ykm.svelte-3b5ykm:hover{cursor:pointer}.mc-sidebar-user__header.svelte-3b5ykm:hover .mc-sidebar-user__header__information__icon.svelte-3b5ykm{background:#405d68}.mc-sidebar-user__header__picture.svelte-3b5ykm.svelte-3b5ykm{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#5B737D;border-radius:24px;width:48px;min-width:48px;height:48px;overflow:hidden}.mc-sidebar-user__header__picture.svelte-3b5ykm img.svelte-3b5ykm{display:block}.mc-sidebar-user__header__information.svelte-3b5ykm.svelte-3b5ykm{-ms-flex-pack:distribute;justify-content:space-around;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0;margin-left:8px;height:40px}.mc-sidebar-user__header__information__icon.svelte-3b5ykm.svelte-3b5ykm{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;border-radius:4px}.mc-sidebar-user__header__information__identity.svelte-3b5ykm.svelte-3b5ykm{font-size:16px;font-weight:bold}.mc-sidebar-user__header__information__title.svelte-3b5ykm.svelte-3b5ykm,.mc-sidebar-user__header__information__identity.svelte-3b5ykm.svelte-3b5ykm{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;max-width:176px}.mc-sidebar-user__icon.svelte-3b5ykm.svelte-3b5ykm{fill:#ffffff}.mc-sidebar-user__content.svelte-3b5ykm.svelte-3b5ykm{list-style-type:none;padding:0;overflow:hidden;margin:-8px 0px 24px 0px;-o-transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.mc-sidebar-user__content.is-close.svelte-3b5ykm.svelte-3b5ykm{height:0;margin:0}.mc-sidebar-user.is-close.svelte-3b5ykm .mc-sidebar-user__header.svelte-3b5ykm{-o-transition:padding 300ms ease-in-out;-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:12px 8px;margin:8px 0}.mc-sidebar-user.is-open.svelte-3b5ykm .mc-sidebar-user__header.svelte-3b5ykm{-o-transition:padding 300ms ease-in-out;-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:12px 24px 12px 32px;margin:8px 0}")}function E(e,t,s){const i=e.slice();return i[11]=t[s],i}function V(e){let t,s,i,n,m,_,y,x,g,k,v;function w(e,t){return e[0].imageBase64?D:q}let $=w(e),L=$(e),j=e[4]&&F(e),z=e[1]?.length&&G(e);return{c(){t=c("div"),s=c("button"),i=c("span"),L.c(),n=u(),j&&j.c(),y=u(),z&&z.c(),b(i,"class","mc-sidebar-user__header__picture svelte-3b5ykm"),b(s,"aria-expanded",m=e[4]&&e[3]),b(s,"class","mc-sidebar-user__header svelte-3b5ykm"),b(s,"aria-label",_=e[4]&&e[3]?e[2]?.["close-user"]||"Close the user sub menu":e[2]?.["open-user"]||"Open the user sub menu"),b(s,"aria-controls","user-content"),b(s,"id","user-trigger"),b(t,"class",x="mc-sidebar-user "+(e[4]?"is-open":"is-close")+" svelte-3b5ykm")},m(r,l){a(r,t,l),p(t,s),p(s,i),L.m(i,null),p(s,n),j&&j.m(s,null),p(t,y),z&&z.m(t,null),g=!0,k||(v=f(t,"click",e[6]),k=!0)},p(e,n){$===($=w(e))&&L?L.p(e,n):(L.d(1),L=$(e),L&&(L.c(),L.m(i,null))),e[4]?j?j.p(e,n):(j=F(e),j.c(),j.m(s,null)):j&&(j.d(1),j=null),(!g||24&n&&m!==(m=e[4]&&e[3]))&&b(s,"aria-expanded",m),(!g||28&n&&_!==(_=e[4]&&e[3]?e[2]?.["close-user"]||"Close the user sub menu":e[2]?.["open-user"]||"Open the user sub menu"))&&b(s,"aria-label",_),e[1]?.length?z?(z.p(e,n),2&n&&r(z,1)):(z=G(e),z.c(),r(z,1),z.m(t,null)):z&&(h(),l(z,1,1,(()=>{z=null})),o()),(!g||16&n&&x!==(x="mc-sidebar-user "+(e[4]?"is-open":"is-close")+" svelte-3b5ykm"))&&b(t,"class",x)},i(e){g||(r(z),g=!0)},o(e){l(z),g=!1},d(e){e&&d(t),L.d(),j&&j.d(),z&&z.d(),k=!1,v()}}}function q(e){let t,s;return{c(){t=L("svg"),s=L("path"),b(s,"d","M12 12.76a5.38 5.38 0 115.38-5.38A5.39 5.39 0 0112 12.76zM12 4a3.38 3.38 0 103.38 3.38A3.39 3.39 0 0012 4zM16.48 13.58a1 1 0 00-.81.11 7.3 7.3 0 01-7.34 0 1 1 0 00-.81-.11l-2.81.87a1 1 0 00-.71 1V21a1 1 0 001 1h14a1 1 0 001-1v-5.59a1 1 0 00-.71-1zM18 20H6v-3.86l1.75-.53a9.36 9.36 0 008.5 0l1.75.53z"),b(t,"class","mc-sidebar-user__icon svelte-3b5ykm"),b(t,"width","24px"),b(t,"height","24px"),b(t,"viewBox","0 0 24 24")},m(e,i){a(e,t,i),p(t,s)},p:j,d(e){e&&d(t)}}}function D(e){let t,s;return{c(){t=c("img"),b(t,"class","base64 svelte-3b5ykm"),z(t,"display","block"),z(t,"width","auto"),z(t,"height","48px"),z(t,"max-width","48px"),b(t,"aria-hidden",""),b(t,"alt","User Picture"),B(t.src,s="data:image/png;base64, "+e[0].imageBase64)||b(t,"src",s)},m(e,s){a(e,t,s)},p(e,i){1&i&&!B(t.src,s="data:image/png;base64, "+e[0].imageBase64)&&b(t,"src",s)},d(e){e&&d(t)}}}function F(e){let t,s,i,r,l,o,m,f,h=(e[0]?.firstName||"")+"",x=(e[0]?.lastName||"")+"",g=e[0]?.title&&O(e),k=e[1]?.length&&P(e);return{c(){t=c("p"),s=c("span"),i=_(h),r=u(),l=_(x),o=u(),g&&g.c(),m=u(),k&&k.c(),f=n(),b(s,"class","mc-sidebar-user__header__information__identity svelte-3b5ykm"),b(t,"class","mc-sidebar-user__header__information svelte-3b5ykm")},m(e,n){a(e,t,n),p(t,s),p(s,i),p(s,r),p(s,l),p(t,o),g&&g.m(t,null),a(e,m,n),k&&k.m(e,n),a(e,f,n)},p(e,s){1&s&&h!==(h=(e[0]?.firstName||"")+"")&&y(i,h),1&s&&x!==(x=(e[0]?.lastName||"")+"")&&y(l,x),e[0]?.title?g?g.p(e,s):(g=O(e),g.c(),g.m(t,null)):g&&(g.d(1),g=null),e[1]?.length?k?k.p(e,s):(k=P(e),k.c(),k.m(f.parentNode,f)):k&&(k.d(1),k=null)},d(e){e&&d(t),g&&g.d(),e&&d(m),k&&k.d(e),e&&d(f)}}}function O(e){let t,s,i=K(e[0].title)+"";return{c(){t=c("span"),s=_(i),b(t,"class","mc-sidebar-user__header__information__title svelte-3b5ykm")},m(e,i){a(e,t,i),p(t,s)},p(e,t){1&t&&i!==(i=K(e[0].title)+"")&&y(s,i)},d(e){e&&d(t)}}}function P(e){let t;function s(e,t){return e[4]&&!e[3]?U:S}let i=s(e),n=i(e);return{c(){t=c("span"),n.c(),b(t,"class","mc-sidebar-user__header__information__icon svelte-3b5ykm")},m(e,s){a(e,t,s),n.m(t,null)},p(e,a){i!==(i=s(e))&&(n.d(1),n=i(e),n&&(n.c(),n.m(t,null)))},d(e){e&&d(t),n.d()}}}function S(e){let t,s;return{c(){t=L("svg"),s=L("path"),b(s,"d","M12 9H4a1 1 0 010-2h8a1 1 0 010 2z"),b(t,"width","16px"),b(t,"height","16px"),b(t,"class","mc-sidebar-user__icon svelte-3b5ykm"),b(t,"viewBox","0 0 16 16")},m(e,i){a(e,t,i),p(t,s)},d(e){e&&d(t)}}}function U(e){let t,s;return{c(){t=L("svg"),s=L("path"),b(s,"d","M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z"),b(t,"class","mc-sidebar-user__icon svelte-3b5ykm"),b(t,"width","16px"),b(t,"height","16px"),b(t,"viewBox","0 0 16 16")},m(e,i){a(e,t,i),p(t,s)},d(e){e&&d(t)}}}function G(e){let t,s,i,n=e[1],m=[];for(let t=0;t<n.length;t+=1)m[t]=I(E(e,n,t));const u=e=>l(m[e],1,1,(()=>{m[e]=null}));return{c(){t=c("ul");for(let e=0;e<m.length;e+=1)m[e].c();b(t,"aria-hidden",s=!e[4]||!e[3]),b(t,"class","mc-sidebar-user__content is-close svelte-3b5ykm"),b(t,"id","user-content")},m(s,n){a(s,t,n);for(let e=0;e<m.length;e+=1)m[e]&&m[e].m(t,null);e[9](t),i=!0},p(e,a){if(134&a){let s;for(n=e[1],s=0;s<n.length;s+=1){const i=E(e,n,s);m[s]?(m[s].p(i,a),r(m[s],1)):(m[s]=I(i),m[s].c(),r(m[s],1),m[s].m(t,null))}for(h(),s=n.length;s<m.length;s+=1)u(s);o()}(!i||24&a&&s!==(s=!e[4]||!e[3]))&&b(t,"aria-hidden",s)},i(e){if(!i){for(let e=0;e<n.length;e+=1)r(m[e]);i=!0}},o(e){m=m.filter(Boolean);for(let e=0;e<m.length;e+=1)l(m[e]);i=!1},d(s){s&&d(t),x(m,s),e[9](null)}}}function I(e){let t,s,i,n,o,m;function b(){return e[8](e[11])}return s=new N({props:{feature:e[11],a11yLabels:e[2]}}),{c(){t=c("li"),g(s.$$.fragment),i=u()},m(e,r){a(e,t,r),k(s,t,null),p(t,i),n=!0,o||(m=f(t,"click",v(b)),o=!0)},p(t,i){e=t;const n={};2&i&&(n.feature=e[11]),4&i&&(n.a11yLabels=e[2]),s.$set(n)},i(e){n||(r(s.$$.fragment,e),n=!0)},o(e){l(s.$$.fragment,e),n=!1},d(e){e&&d(t),w(s),o=!1,m()}}}function J(e){let t,s,i=e[0]&&V(e);return{c(){i&&i.c(),t=n()},m(e,n){i&&i.m(e,n),a(e,t,n),s=!0},p(e,[s]){e[0]?i?(i.p(e,s),1&s&&r(i,1)):(i=V(e),i.c(),r(i,1),i.m(t.parentNode,t)):i&&(h(),l(i,1,1,(()=>{i=null})),o())},i(e){s||(r(i),s=!0)},o(e){l(i),s=!1},d(e){i&&i.d(e),e&&d(t)}}}function K(e){let t=e.toLowerCase().split(" ");for(let e=0;e<t.length;e++)t[e]=t[e].charAt(0).toUpperCase()+t[e].substring(1);return t.join(" ")}function Q(e,t,s){let i;m(e,A,(e=>s(4,i=e)));let n,{user:a}=t,{data:r}=t,{a11yLabels:l}=t,o=!1;function d(e){e.disabled||M(e.code)}return e.$$set=e=>{"user"in e&&s(0,a=e.user),"data"in e&&s(1,r=e.data),"a11yLabels"in e&&s(2,l=e.a11yLabels)},e.$$.update=()=>{24&e.$$.dirty&&function(e,t){if(n){s(5,n.style.height="",n),s(5,n.style.transition="none",n);const i=window.getComputedStyle(n).height;n.classList.add(t&&e?"is-open":"is-close"),n.classList.remove(t&&e?"is-close":"is-open");const a=window.getComputedStyle(n).height;s(5,n.style.height=i,n),requestAnimationFrame((()=>{s(5,n.style.transition="",n),requestAnimationFrame((()=>{s(5,n.style.height=a,n)}))}));const r=()=>{s(5,n.style.height="",n),n.removeEventListener("transitionend",r)};n.addEventListener("transitionend",r)}}(o,i)},[a,r,l,o,i,n,function(){i?s(3,o=!o):(C(!0),s(3,o=!0))},d,e=>d(e),function(e){$[e?"unshift":"push"]((()=>{n=e,s(5,n)}))}]}class T extends e{constructor(e){super(),t(this,e,Q,J,s,{user:0,data:1,a11yLabels:2},H)}}export{T as default};
|
|
1
|
+
import{E as e,i as t,s,F as i,P as n,b as a,y as r,w as l,x as o,o as d,ab as m,e as c,d as u,g as b,j as p,l as f,z as h,t as _,k as y,O as x,B as g,C as k,N as v,D as w,H as $,G as L,n as z,J as B,$ as j}from"../../index-52f16292.js";import{t as C,a as N,i as M}from"../../sidebar-service-293d79ef.js";import A from"./sidebar-feature.nested.js";function H(e){i(e,"svelte-3b5ykm",".mc-sidebar-user.svelte-3b5ykm.svelte-3b5ykm{left:0;right:0;bottom:0;position:absolute;background:#264653}.mc-sidebar-user__header.svelte-3b5ykm.svelte-3b5ykm{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:none;color:#ffffff;font-size:inherit;font-family:inherit;text-align:initial;margin:0;width:100%;overflow:hidden}.mc-sidebar-user__header.svelte-3b5ykm.svelte-3b5ykm:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:12px;outline:1px solid #0b96cc;outline-offset:-5px}.mc-sidebar-user__header.svelte-3b5ykm.svelte-3b5ykm:hover{cursor:pointer}.mc-sidebar-user__header.svelte-3b5ykm:hover .mc-sidebar-user__header__information__icon.svelte-3b5ykm{background:#405d68}.mc-sidebar-user__header__picture.svelte-3b5ykm.svelte-3b5ykm{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#5B737D;border-radius:24px;width:48px;min-width:48px;height:48px;overflow:hidden}.mc-sidebar-user__header__picture.svelte-3b5ykm img.svelte-3b5ykm{display:block}.mc-sidebar-user__header__information.svelte-3b5ykm.svelte-3b5ykm{-ms-flex-pack:distribute;justify-content:space-around;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0;margin-left:8px;height:40px}.mc-sidebar-user__header__information__icon.svelte-3b5ykm.svelte-3b5ykm{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;border-radius:4px}.mc-sidebar-user__header__information__identity.svelte-3b5ykm.svelte-3b5ykm{font-size:16px;font-weight:bold}.mc-sidebar-user__header__information__title.svelte-3b5ykm.svelte-3b5ykm,.mc-sidebar-user__header__information__identity.svelte-3b5ykm.svelte-3b5ykm{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;max-width:176px}.mc-sidebar-user__icon.svelte-3b5ykm.svelte-3b5ykm{fill:#ffffff}.mc-sidebar-user__content.svelte-3b5ykm.svelte-3b5ykm{list-style-type:none;padding:0;overflow:hidden;margin:-8px 0px 24px 0px;-o-transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.mc-sidebar-user__content.is-close.svelte-3b5ykm.svelte-3b5ykm{height:0;margin:0}.mc-sidebar-user.is-close.svelte-3b5ykm .mc-sidebar-user__header.svelte-3b5ykm{-o-transition:padding 300ms ease-in-out;-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:12px 8px;margin:8px 0}.mc-sidebar-user.is-open.svelte-3b5ykm .mc-sidebar-user__header.svelte-3b5ykm{-o-transition:padding 300ms ease-in-out;-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:12px 24px 12px 32px;margin:8px 0}")}function E(e,t,s){const i=e.slice();return i[11]=t[s],i}function F(e){let t,s,i,n,m,_,y,x,g,k,v;function w(e,t){return e[0].imageBase64?V:O}let $=w(e),L=$(e),z=e[4]&&q(e),B=e[1]?.length&&G(e);return{c(){t=c("div"),s=c("button"),i=c("span"),L.c(),n=u(),z&&z.c(),y=u(),B&&B.c(),b(i,"class","mc-sidebar-user__header__picture svelte-3b5ykm"),b(s,"aria-expanded",m=e[4]&&e[3]),b(s,"class","mc-sidebar-user__header svelte-3b5ykm"),b(s,"aria-label",_=e[4]&&e[3]?e[2]?.["close-user"]||"Close the user sub menu":e[2]?.["open-user"]||"Open the user sub menu"),b(s,"aria-controls","user-content"),b(s,"id","user-trigger"),b(t,"class",x="mc-sidebar-user "+(e[4]?"is-open":"is-close")+" svelte-3b5ykm")},m(r,l){a(r,t,l),p(t,s),p(s,i),L.m(i,null),p(s,n),z&&z.m(s,null),p(t,y),B&&B.m(t,null),g=!0,k||(v=f(t,"click",e[6]),k=!0)},p(e,n){$===($=w(e))&&L?L.p(e,n):(L.d(1),L=$(e),L&&(L.c(),L.m(i,null))),e[4]?z?z.p(e,n):(z=q(e),z.c(),z.m(s,null)):z&&(z.d(1),z=null),(!g||24&n&&m!==(m=e[4]&&e[3]))&&b(s,"aria-expanded",m),(!g||28&n&&_!==(_=e[4]&&e[3]?e[2]?.["close-user"]||"Close the user sub menu":e[2]?.["open-user"]||"Open the user sub menu"))&&b(s,"aria-label",_),e[1]?.length?B?(B.p(e,n),2&n&&r(B,1)):(B=G(e),B.c(),r(B,1),B.m(t,null)):B&&(h(),l(B,1,1,(()=>{B=null})),o()),(!g||16&n&&x!==(x="mc-sidebar-user "+(e[4]?"is-open":"is-close")+" svelte-3b5ykm"))&&b(t,"class",x)},i(e){g||(r(B),g=!0)},o(e){l(B),g=!1},d(e){e&&d(t),L.d(),z&&z.d(),B&&B.d(),k=!1,v()}}}function O(e){let t,s;return{c(){t=L("svg"),s=L("path"),b(s,"d","M12 12.76a5.38 5.38 0 115.38-5.38A5.39 5.39 0 0112 12.76zM12 4a3.38 3.38 0 103.38 3.38A3.39 3.39 0 0012 4zM16.48 13.58a1 1 0 00-.81.11 7.3 7.3 0 01-7.34 0 1 1 0 00-.81-.11l-2.81.87a1 1 0 00-.71 1V21a1 1 0 001 1h14a1 1 0 001-1v-5.59a1 1 0 00-.71-1zM18 20H6v-3.86l1.75-.53a9.36 9.36 0 008.5 0l1.75.53z"),b(t,"class","mc-sidebar-user__icon svelte-3b5ykm"),b(t,"width","24px"),b(t,"height","24px"),b(t,"viewBox","0 0 24 24")},m(e,i){a(e,t,i),p(t,s)},p:z,d(e){e&&d(t)}}}function V(e){let t,s;return{c(){t=c("img"),b(t,"class","base64 svelte-3b5ykm"),B(t,"display","block"),B(t,"width","auto"),B(t,"height","48px"),B(t,"max-width","48px"),b(t,"aria-hidden",""),b(t,"alt","User Picture"),j(t.src,s="data:image/png;base64, "+e[0].imageBase64)||b(t,"src",s)},m(e,s){a(e,t,s)},p(e,i){1&i&&!j(t.src,s="data:image/png;base64, "+e[0].imageBase64)&&b(t,"src",s)},d(e){e&&d(t)}}}function q(e){let t,s,i,r,l,o,m,f,h=(e[0]?.firstName||"")+"",x=(e[0]?.lastName||"")+"",g=e[0]?.title&&D(e),k=e[1]?.length&&P(e);return{c(){t=c("p"),s=c("span"),i=_(h),r=u(),l=_(x),o=u(),g&&g.c(),m=u(),k&&k.c(),f=n(),b(s,"class","mc-sidebar-user__header__information__identity svelte-3b5ykm"),b(t,"class","mc-sidebar-user__header__information svelte-3b5ykm")},m(e,n){a(e,t,n),p(t,s),p(s,i),p(s,r),p(s,l),p(t,o),g&&g.m(t,null),a(e,m,n),k&&k.m(e,n),a(e,f,n)},p(e,s){1&s&&h!==(h=(e[0]?.firstName||"")+"")&&y(i,h),1&s&&x!==(x=(e[0]?.lastName||"")+"")&&y(l,x),e[0]?.title?g?g.p(e,s):(g=D(e),g.c(),g.m(t,null)):g&&(g.d(1),g=null),e[1]?.length?k?k.p(e,s):(k=P(e),k.c(),k.m(f.parentNode,f)):k&&(k.d(1),k=null)},d(e){e&&d(t),g&&g.d(),e&&d(m),k&&k.d(e),e&&d(f)}}}function D(e){let t,s,i=K(e[0].title)+"";return{c(){t=c("span"),s=_(i),b(t,"class","mc-sidebar-user__header__information__title svelte-3b5ykm")},m(e,i){a(e,t,i),p(t,s)},p(e,t){1&t&&i!==(i=K(e[0].title)+"")&&y(s,i)},d(e){e&&d(t)}}}function P(e){let t;function s(e,t){return e[4]&&!e[3]?U:S}let i=s(e),n=i(e);return{c(){t=c("span"),n.c(),b(t,"class","mc-sidebar-user__header__information__icon svelte-3b5ykm")},m(e,s){a(e,t,s),n.m(t,null)},p(e,a){i!==(i=s(e))&&(n.d(1),n=i(e),n&&(n.c(),n.m(t,null)))},d(e){e&&d(t),n.d()}}}function S(e){let t,s;return{c(){t=L("svg"),s=L("path"),b(s,"d","M12 9H4a1 1 0 010-2h8a1 1 0 010 2z"),b(t,"width","16px"),b(t,"height","16px"),b(t,"class","mc-sidebar-user__icon svelte-3b5ykm"),b(t,"viewBox","0 0 16 16")},m(e,i){a(e,t,i),p(t,s)},d(e){e&&d(t)}}}function U(e){let t,s;return{c(){t=L("svg"),s=L("path"),b(s,"d","M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z"),b(t,"class","mc-sidebar-user__icon svelte-3b5ykm"),b(t,"width","16px"),b(t,"height","16px"),b(t,"viewBox","0 0 16 16")},m(e,i){a(e,t,i),p(t,s)},d(e){e&&d(t)}}}function G(e){let t,s,i,n=e[1],m=[];for(let t=0;t<n.length;t+=1)m[t]=J(E(e,n,t));const u=e=>l(m[e],1,1,(()=>{m[e]=null}));return{c(){t=c("ul");for(let e=0;e<m.length;e+=1)m[e].c();b(t,"aria-hidden",s=!e[4]||!e[3]),b(t,"class","mc-sidebar-user__content is-close svelte-3b5ykm"),b(t,"id","user-content")},m(s,n){a(s,t,n);for(let e=0;e<m.length;e+=1)m[e]&&m[e].m(t,null);e[9](t),i=!0},p(e,a){if(134&a){let s;for(n=e[1],s=0;s<n.length;s+=1){const i=E(e,n,s);m[s]?(m[s].p(i,a),r(m[s],1)):(m[s]=J(i),m[s].c(),r(m[s],1),m[s].m(t,null))}for(h(),s=n.length;s<m.length;s+=1)u(s);o()}(!i||24&a&&s!==(s=!e[4]||!e[3]))&&b(t,"aria-hidden",s)},i(e){if(!i){for(let e=0;e<n.length;e+=1)r(m[e]);i=!0}},o(e){m=m.filter(Boolean);for(let e=0;e<m.length;e+=1)l(m[e]);i=!1},d(s){s&&d(t),x(m,s),e[9](null)}}}function J(e){let t,s,i,n,o,m;function b(){return e[8](e[11])}return s=new A({props:{feature:e[11],a11yLabels:e[2]}}),{c(){t=c("li"),g(s.$$.fragment),i=u()},m(e,r){a(e,t,r),k(s,t,null),p(t,i),n=!0,o||(m=f(t,"click",v(b)),o=!0)},p(t,i){e=t;const n={};2&i&&(n.feature=e[11]),4&i&&(n.a11yLabels=e[2]),s.$set(n)},i(e){n||(r(s.$$.fragment,e),n=!0)},o(e){l(s.$$.fragment,e),n=!1},d(e){e&&d(t),w(s),o=!1,m()}}}function I(e){let t,s,i=e[0]&&F(e);return{c(){i&&i.c(),t=n()},m(e,n){i&&i.m(e,n),a(e,t,n),s=!0},p(e,[s]){e[0]?i?(i.p(e,s),1&s&&r(i,1)):(i=F(e),i.c(),r(i,1),i.m(t.parentNode,t)):i&&(h(),l(i,1,1,(()=>{i=null})),o())},i(e){s||(r(i),s=!0)},o(e){l(i),s=!1},d(e){i&&i.d(e),e&&d(t)}}}function K(e){let t=e.toLowerCase().split(" ");for(let e=0;e<t.length;e++)t[e]=t[e].charAt(0).toUpperCase()+t[e].substring(1);return t.join(" ")}function Q(e,t,s){let i;m(e,M,(e=>s(4,i=e)));let n,{user:a}=t,{data:r}=t,{a11yLabels:l}=t,o=!1;function d(e){e.disabled||N(e.code)}return e.$$set=e=>{"user"in e&&s(0,a=e.user),"data"in e&&s(1,r=e.data),"a11yLabels"in e&&s(2,l=e.a11yLabels)},e.$$.update=()=>{24&e.$$.dirty&&function(e,t){if(n){s(5,n.style.height="",n),s(5,n.style.transition="none",n);const i=window.getComputedStyle(n).height;n.classList.add(t&&e?"is-open":"is-close"),n.classList.remove(t&&e?"is-close":"is-open");const a=window.getComputedStyle(n).height;s(5,n.style.height=i,n),requestAnimationFrame((()=>{s(5,n.style.transition="",n),requestAnimationFrame((()=>{s(5,n.style.height=a,n)}))}));const r=()=>{s(5,n.style.height="",n),n.removeEventListener("transitionend",r)};n.addEventListener("transitionend",r)}}(o,i)},[a,r,l,o,i,n,function(){i?s(3,o=!o):(C(!0),s(3,o=!0))},d,e=>d(e),function(e){$[e?"unshift":"push"]((()=>{n=e,s(5,n)}))}]}class R extends e{constructor(e){super(),t(this,e,Q,I,s,{user:0,data:1,a11yLabels:2},H)}}export{R as default};
|
|
2
2
|
//# sourceMappingURL=sidebar-user.nested.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar.types.d.ts","sourceRoot":"","sources":["../../../../src/components/sidebar/sidebar.types.ts"],"names":[],"mappings":"AAAA,qBAAa,OAAO;IAClB,KAAK,SAAM;IACX,IAAI,SAAM;IACV,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;CACnB;AAED,MAAM,WAAW,OAAQ,SAAQ,OAAO;IACtC,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,OAAO,EAAE,CAAC;CAClB;AAMD,MAAM,WAAW,IAAI;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,
|
|
1
|
+
{"version":3,"file":"sidebar.types.d.ts","sourceRoot":"","sources":["../../../../src/components/sidebar/sidebar.types.ts"],"names":[],"mappings":"AAAA,qBAAa,OAAO;IAClB,KAAK,SAAM;IACX,IAAI,SAAM;IACV,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;CACnB;AAED,MAAM,WAAW,OAAQ,SAAQ,OAAO;IACtC,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,OAAO,EAAE,CAAC;CAClB;AAMD,MAAM,WAAW,IAAI;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;CAC1C;AAED,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,OAAO,EAAE,EAAE,CAAC;IACvB,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,aAAa,EAAE,OAAO,EAAE,CAAC;CAC1B;AAED,MAAM,MAAM,UAAU,GAAG;KACtB,GAAG,IACA,MAAM,GACN,OAAO,GACP,sBAAsB,GACtB,WAAW,GACX,YAAY,GAAG,MAAM;CAC1B,CAAC"}
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
}
|
|
70
70
|
|
|
71
71
|
function generateIcon(iconname: string): string {
|
|
72
|
-
return `${iconname} size="1.5rem"
|
|
72
|
+
return `${iconname} size="1.5rem"`;
|
|
73
73
|
}
|
|
74
74
|
|
|
75
75
|
function handleClick(feature: Feature) {
|
|
@@ -95,9 +95,9 @@
|
|
|
95
95
|
>
|
|
96
96
|
<span class="mc-feature-group__container">
|
|
97
97
|
{#if featureGroup.icon}
|
|
98
|
-
|
|
99
|
-
featureGroup.icon
|
|
100
|
-
|
|
98
|
+
<span class="mc-feature-group__icon">
|
|
99
|
+
{@html `<${generateIcon(featureGroup.icon)} />`}
|
|
100
|
+
</span>
|
|
101
101
|
{/if}
|
|
102
102
|
{#if $isSidebarOpen}
|
|
103
103
|
<span class="mc-feature-group__label" bind:this={label}>
|
|
@@ -162,6 +162,8 @@
|
|
|
162
162
|
|
|
163
163
|
&__icon {
|
|
164
164
|
fill: $color-sidebar-icon;
|
|
165
|
+
height: 1.5rem;
|
|
166
|
+
width: 1.5rem;
|
|
165
167
|
}
|
|
166
168
|
|
|
167
169
|
&__container {
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
export let data: Segment;
|
|
12
12
|
|
|
13
13
|
function generateIcon(iconname: string): string {
|
|
14
|
-
return `${iconname} size="1.5rem"
|
|
14
|
+
return `${iconname} size="1.5rem"`;
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
function handleClick() {
|
|
@@ -29,9 +29,11 @@
|
|
|
29
29
|
id={data.code}
|
|
30
30
|
on:click={handleClick}
|
|
31
31
|
>
|
|
32
|
-
<div class="mc-sidebar-segment__container
|
|
32
|
+
<div class="mc-sidebar-segment__container">
|
|
33
33
|
{#if data.icon}
|
|
34
|
-
|
|
34
|
+
<span class="mc-sidebar-segment__icon">
|
|
35
|
+
{@html `<${generateIcon(data.icon)} />`}
|
|
36
|
+
</span>
|
|
35
37
|
{/if}
|
|
36
38
|
<span aria-hidden={!$isSidebarOpen} class="mc-sidebar-segment__text">
|
|
37
39
|
{data.label}
|
|
@@ -56,11 +58,8 @@
|
|
|
56
58
|
|
|
57
59
|
&__icon {
|
|
58
60
|
fill: $color-sidebar-icon;
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
span {
|
|
62
|
-
width: 200px;
|
|
63
|
-
min-width: 200px;
|
|
61
|
+
height: 1.5rem;
|
|
62
|
+
width: 1.5rem;
|
|
64
63
|
}
|
|
65
64
|
|
|
66
65
|
&__container {
|
|
@@ -76,6 +75,8 @@
|
|
|
76
75
|
|
|
77
76
|
&__text {
|
|
78
77
|
margin-left: 10px;
|
|
78
|
+
width: 200px;
|
|
79
|
+
min-width: 200px;
|
|
79
80
|
}
|
|
80
81
|
|
|
81
82
|
&.is-selected {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{S as e,i as t,a as r,b as i,f as s,s as p,c,e as o,n,g as a,h as m,j as l,m as d,o as _,
|
|
1
|
+
import{S as e,i as t,a as r,b as i,f as s,s as p,c,e as o,n,g as a,h as m,j as l,m as d,o as _,O as f,p as b,q as h,d as u,t as x,l as g,k}from"../../index-52f16292.js";import{E as w}from"../../EventHandler-f4efd23c.js";function v(e,t,r){const i=e.slice();return i[10]=t[r],i[12]=r,i}function y(e){let t,r,s=e[12]+1+"";return{c(){t=o("span"),r=x(s)},m(e,s){i(e,t,s),l(t,r)},d(e){e&&_(t)}}}function $(e){let t;return{c(){t=o("div"),t.innerHTML='<navigation-notification-available-16px name="NotificationAvailable16" size="100%"></navigation-notification-available-16px>',a(t,"class","mc-stepper__icon")},m(e,r){i(e,t,r)},d(e){e&&_(t)}}}function z(e){let t,r,s,p,c,n,m,d,f,b,h,w,v,z,C=e[4](e[12],e[2])+"",j=e[10].label+"";function E(e,t){return 4&t&&(s=null),null==s&&(s=!!e[3](e[12],e[2])),s?$:e[10].isCurrent?y:void 0}let L=E(e,-1),O=L&&L(e);function A(){return e[7](e[10])}return{c(){t=o("li"),r=o("div"),O&&O.c(),p=u(),c=o("div"),n=o("span"),m=x(C),d=u(),f=o("span"),b=x(j),h=u(),a(r,"class","mc-stepper__indicator"),a(r,"aria-hidden","true"),a(n,"class","mc-stepper__title"),a(f,"class","mc-stepper__label"),a(c,"class","mc-stepper__detail"),a(t,"class",w="mc-stepper__item "+(e[10].isCurrent?"mc-stepper__item--current":"")+" "+(e[3](e[12],e[2])?"mc-stepper__item--validated":""))},m(e,s){i(e,t,s),l(t,r),O&&O.m(r,null),l(t,p),l(t,c),l(c,n),l(n,m),l(c,d),l(c,f),l(f,b),l(t,h),v||(z=g(t,"click",A),v=!0)},p(i,s){L!==(L=E(e=i,s))&&(O&&O.d(1),O=L&&L(e),O&&(O.c(),O.m(r,null))),4&s&&C!==(C=e[4](e[12],e[2])+"")&&k(m,C),4&s&&j!==(j=e[10].label+"")&&k(b,j),4&s&&w!==(w="mc-stepper__item "+(e[10].isCurrent?"mc-stepper__item--current":"")+" "+(e[3](e[12],e[2])?"mc-stepper__item--validated":""))&&a(t,"class",w)},d(e){e&&_(t),O&&O.d(),v=!1,z()}}}function C(e){let t,r,s,p=e[2],b=[];for(let t=0;t<p.length;t+=1)b[t]=z(v(e,p,t));let h=[{class:s="mc-stepper "+(e[0]?"mc-stepper--compact":"")+" "+(e[2].length>3?"mc-stepper--shrinked":"")},{"aria-label":"accessibilityLabels.stepperDescription"},e[1]],u={};for(let e=0;e<h.length;e+=1)u=c(u,h[e]);return{c(){t=o("nav"),r=o("ol");for(let e=0;e<b.length;e+=1)b[e].c();this.c=n,a(r,"class","mc-stepper__list"),m(t,u)},m(e,s){i(e,t,s),l(t,r);for(let e=0;e<b.length;e+=1)b[e]&&b[e].m(r,null)},p(e,[i]){if(60&i){let t;for(p=e[2],t=0;t<p.length;t+=1){const s=v(e,p,t);b[t]?b[t].p(s,i):(b[t]=z(s),b[t].c(),b[t].m(r,null))}for(;t<b.length;t+=1)b[t].d(1);b.length=p.length}m(t,u=d(h,[5&i&&s!==(s="mc-stepper "+(e[0]?"mc-stepper--compact":"")+" "+(e[2].length>3?"mc-stepper--shrinked":""))&&{class:s},{"aria-label":"accessibilityLabels.stepperDescription"},2&i&&e[1]]))},i:n,o:n,d(e){e&&_(t),f(b,e)}}}function j(e,t,r){let i,s;const p=["steps","compact"];let o=b(t,p),{steps:n}=t,{compact:a=!1}=t,m=new w;function l(e){m.dispatch("step-changed",e)}return e.$$set=e=>{t=c(c({},t),h(e)),r(9,o=b(t,p)),"steps"in e&&r(6,n=e.steps),"compact"in e&&r(0,a=e.compact)},e.$$.update=()=>{64&e.$$.dirty&&r(2,i=n?JSON.parse(n):[]),r(1,s=Object.assign({},o)),2&e.$$.dirty&&delete s.class},[a,s,i,function(e,t){return e<t.findIndex((e=>e.isCurrent))},function(e,t){return`${e+1} / ${t.length}`},l,n,e=>l(e)]}class E extends e{constructor(e){super();const c=document.createElement("style");c.textContent='.mc-stepper{width:100%}.mc-stepper__list{display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:0;margin-bottom:0;margin-top:0}.mc-stepper__item,.mc-stepper__link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mc-stepper__item{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}.mc-stepper__item::before,.mc-stepper__item::after{background-color:#999999;content:"";height:0.125rem;position:absolute;top:11px;width:calc(50% - 1.25rem);z-index:1}.mc-stepper__item::before{border-top-right-radius:1px;border-bottom-right-radius:1px;left:0}.mc-stepper__item::after{border-top-left-radius:1px;border-bottom-left-radius:1px;right:0}.mc-stepper__item:first-child::before,.mc-stepper__item:last-child::after{content:none}.mc-stepper__item--current .mc-stepper__indicator,.mc-stepper__item--validated .mc-stepper__indicator{border-color:#00919f}.mc-stepper__item--current .mc-stepper__detail,.mc-stepper__item--validated .mc-stepper__detail{font-weight:700}.mc-stepper__item--current::before{background-color:#00919f}.mc-stepper__item--current .mc-stepper__indicator{background-color:#00919f;color:#ffffff}.mc-stepper__item--current .mc-stepper__label{color:#000000}.mc-stepper__item--validated::before,.mc-stepper__item--validated:not(.mc-stepper__item--current)::after{background-color:#00919f}.mc-stepper__link{height:100%;text-decoration:none;width:100%}.mc-stepper__link:hover .mc-stepper__label,.mc-stepper__link:focus .mc-stepper__label{color:#00919f}.mc-stepper__indicator{font-size:0.875rem;line-height:1.1428571429;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:2px solid #999999;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;height:1.5rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0.5rem;position:relative;width:1.5rem;z-index:2}.mc-stepper__icon{fill:#00919f;max-width:100%}.mc-stepper__detail{font-size:0.875rem;line-height:1.2857142857;color:#666666;text-align:center;width:auto}.mc-stepper__title{display:none;color:#00919f}.mc-stepper--compact .mc-stepper__item{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--compact .mc-stepper__item::before,.mc-stepper--compact .mc-stepper__item::after{bottom:0;border-radius:6px;height:0.25rem;top:auto}.mc-stepper--compact .mc-stepper__item::after{width:100%}.mc-stepper--compact .mc-stepper__item::before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--compact .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--compact .mc-stepper__indicator{display:none}.mc-stepper--compact .mc-stepper__detail{text-align:left}.mc-stepper--compact .mc-stepper__title{display:block;margin-bottom:0.25rem}@media screen and (max-width: 679px){.mc-stepper--shrinked .mc-stepper__item{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--shrinked .mc-stepper__item::before,.mc-stepper--shrinked .mc-stepper__item::after{bottom:0;border-radius:6px;height:0.25rem;top:auto}.mc-stepper--shrinked .mc-stepper__item::after{width:100%}.mc-stepper--shrinked .mc-stepper__item::before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--shrinked .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--shrinked .mc-stepper__indicator{display:none}.mc-stepper--shrinked .mc-stepper__detail{text-align:left}.mc-stepper--shrinked .mc-stepper__title{display:block;margin-bottom:0.25rem}}',this.shadowRoot.appendChild(c),t(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},j,C,p,{steps:6,compact:0},null),e&&(e.target&&i(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["steps","compact"]}get steps(){return this.$$.ctx[6]}set steps(e){this.$$set({steps:e}),s()}get compact(){return this.$$.ctx[0]}set compact(e){this.$$set({compact:e}),s()}}export{E as default};
|
|
2
2
|
//# sourceMappingURL=Stepper.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{S as e,i as t,a as r,b as a,f as n,s as i,e as o,t as l,d as c,n as d,g as s,v as b,j as m,l as p,k as u,o as f,M as x}from"../../index-52f16292.js";import{E as h}from"../../EventHandler-f4efd23c.js";function g(e){let t,r,n,i;return{c(){t=o("button"),r=l(e[1]),s(t,"class","mc-button mc-button--s mc-button--bordered-neutral"),s(t,"aria-label",e[1]),s(t,"type","button"),s(t,"id","prevlabel")},m(o,l){a(o,t,l),m(t,r),n||(i=p(t,"click",e[8]),n=!0)},p(e,a){2&a&&u(r,e[1]),2&a&&s(t,"aria-label",e[1])},d(e){e&&f(t),n=!1,i()}}}function w(e){let t;return{c(){t=l(e[3])},m(e,r){a(e,t,r)},p(e,r){8&r&&u(t,e[3])},d(e){e&&f(t)}}}function v(e){let t;return{c(){t=l(e[2])},m(e,r){a(e,t,r)},p(e,r){4&r&&u(t,e[2])},d(e){e&&f(t)}}}function k(e){let t,r,n,i,h,k,$,y,z,j=e[4]>0&&g(e);function _(e,t){return e[4]<e[5]?v:e[4]>=e[5]?w:void 0}let E=_(e),C=E&&E(e);return{c(){t=o("div"),r=o("button"),n=l(e[0]),i=c(),h=o("div"),j&&j.c(),k=c(),$=o("button"),C&&C.c(),this.c=d,s(r,"class","mc-button mc-button--s mc-button--bordered-danger"),s(r,"aria-label",e[0]),s(r,"type","button"),s(r,"id","cancelbutton"),s($,"class","mc-button mc-button--s mc-stepper-bar__next"),s($,"aria-label",e[2]),s($,"type","button"),s($,"id","nextlabel"),s(h,"class","mc-stepper-bar__actions"),s(t,"class","ml-container ml-container--fluid mc-bottom-bar mc-stepper-bar"),b(t,"mc-bottom-bar--fixed",e[6])},m(o,l){a(o,t,l),m(t,r),m(r,n),m(t,i),m(t,h),j&&j.m(h,null),m(h,k),m(h,$),C&&C.m($,null),y||(z=[p(r,"click",e[7]),p($,"click",e[9])],y=!0)},p(e,[a]){1&a&&u(n,e[0]),1&a&&s(r,"aria-label",e[0]),e[4]>0?j?j.p(e,a):(j=g(e),j.c(),j.m(h,k)):j&&(j.d(1),j=null),E===(E=_(e))&&C?C.p(e,a):(C&&C.d(1),C=E&&E(e),C&&(C.c(),C.m($,null))),4&a&&s($,"aria-label",e[2]),64&a&&b(t,"mc-bottom-bar--fixed",e[6])},i:d,o:d,d(e){e&&f(t),j&&j.d(),C&&C.d(),y=!1,x(z)}}}function $(e,t,r){let a,n,i,{fixed:o}=t,{cancellabel:l}=t,{prevlabel:c}=t,{nextlabel:d}=t,{validatelabel:s}=t,{currentstep:b}=t,{stepsnb:m}=t,p=new h;return e.$$set=e=>{"fixed"in e&&r(10,o=e.fixed),"cancellabel"in e&&r(0,l=e.cancellabel),"prevlabel"in e&&r(1,c=e.prevlabel),"nextlabel"in e&&r(2,d=e.nextlabel),"validatelabel"in e&&r(3,s=e.validatelabel),"currentstep"in e&&r(11,b=e.currentstep),"stepsnb"in e&&r(12,m=e.stepsnb)},e.$$.update=()=>{1024&e.$$.dirty&&r(6,a=!!o||void 0),2048&e.$$.dirty&&r(4,n=b||0),4096&e.$$.dirty&&r(5,i=m||0)},[l,c,d,s,n,i,a,function(e){p.dispatch("cancel",e)},function(){n-1>=0&&(r(4,n--,n),p.dispatch("previous-step",n))},function(){r(4,n++,n),p.dispatch("next-step",n)},o,b,m]}class y extends e{constructor(e){super();const o=document.createElement("style");o.textContent='.ml-container{-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem;width:100%}@media screen and (min-width: 680px){.ml-container{padding-right:2rem;padding-left:2rem}}@media screen and (min-width: 1024px){.ml-container{padding-right:3rem;padding-left:3rem;max-width:64rem}}@media screen and (min-width: 1280px){.ml-container{padding-right:2rem;padding-left:2rem;max-width:80rem}}@media screen and (min-width: 1920px){.ml-container{padding-right:2.5rem;padding-left:2.5rem;max-width:120rem}}.ml-container--fluid{max-width:none}@media screen and (min-width: 680px){}@media screen and (min-width: 1024px){}@media screen and (min-width: 1280px){}@media screen and (min-width: 1920px){}.mc-bottom-bar{-webkit-box-shadow:0px 1px 5px 0px rgba(25, 25, 25, 0.2);box-shadow:0px 1px 5px 0px rgba(25, 25, 25, 0.2);-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;height:4rem}.mc-bottom-bar--fixed{bottom:0;left:0;position:fixed;right:0;width:100%}.mc-stepper-bar{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mc-stepper-bar__actions{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem}.mc-button{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;color:#ffffff;background-color:#007f8c;font-family:"Roboto", sans-serif;font-weight:700;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;fill:currentColor}.mc-button:hover{background-color:#006974;color:#ffffff}.mc-button:active{background-color:#006974}.mc-button:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button: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-button--s{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}.mc-button--bordered-neutral{color:#333333;border-color:#333333;background-color:#ffffff}.mc-button--bordered-neutral:hover{background-color:#e6e6e6;color:#333333}.mc-button--bordered-neutral:active{background-color:#cccccc}.mc-button--bordered-neutral:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-danger{color:#c61112;border-color:#c61112;background-color:#ffffff}.mc-button--bordered-danger:hover{background-color:#fdeaea;color:#8c0003}.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}@media screen and (min-width: 680px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}@media screen and (min-width: 1024px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}@media screen and (min-width: 1280px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}@media screen and (min-width: 1920px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}',this.shadowRoot.appendChild(o),t(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},$,k,i,{fixed:10,cancellabel:0,prevlabel:1,nextlabel:2,validatelabel:3,currentstep:11,stepsnb:12},null),e&&(e.target&&a(e.target,this,e.anchor),e.props&&(this.$set(e.props),n()))}static get observedAttributes(){return["fixed","cancellabel","prevlabel","nextlabel","validatelabel","currentstep","stepsnb"]}get fixed(){return this.$$.ctx[10]}set fixed(e){this.$$set({fixed:e}),n()}get cancellabel(){return this.$$.ctx[0]}set cancellabel(e){this.$$set({cancellabel:e}),n()}get prevlabel(){return this.$$.ctx[1]}set prevlabel(e){this.$$set({prevlabel:e}),n()}get nextlabel(){return this.$$.ctx[2]}set nextlabel(e){this.$$set({nextlabel:e}),n()}get validatelabel(){return this.$$.ctx[3]}set validatelabel(e){this.$$set({validatelabel:e}),n()}get currentstep(){return this.$$.ctx[11]}set currentstep(e){this.$$set({currentstep:e}),n()}get stepsnb(){return this.$$.ctx[12]}set stepsnb(e){this.$$set({stepsnb:e}),n()}}export{y as default};
|
|
2
|
+
//# sourceMappingURL=StepperBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StepperBar.js","sources":["../../../../src/components/stepperbar/StepperBar.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { EventHandler } from '../../utilities/EventHandler';\n\n export let fixed: boolean;\n export let cancellabel: string;\n export let prevlabel: string;\n export let nextlabel: string;\n export let validatelabel: string;\n export let currentstep: number;\n export let stepsnb: number;\n\n $: isFixed = fixed ? true : undefined;\n $: currentStep = currentstep ? currentstep : 0;\n $: stepsNb = stepsnb ? stepsnb : 0;\n\n let eventHandler = new EventHandler();\n\n function handleCancel(e: Event): void {\n eventHandler.dispatch('cancel', e);\n }\n\n function handlePrev(): void {\n if (currentStep - 1 >= 0) {\n currentStep--;\n eventHandler.dispatch('previous-step', currentStep);\n }\n }\n\n function handleNext(): void {\n currentStep++;\n eventHandler.dispatch('next-step', currentStep);\n }\n</script>\n\n<div\n class=\"ml-container ml-container--fluid mc-bottom-bar mc-stepper-bar\"\n class:mc-bottom-bar--fixed={isFixed}\n>\n <button\n class=\"mc-button mc-button--s mc-button--bordered-danger\"\n aria-label={cancellabel}\n type=\"button\"\n id=\"cancelbutton\"\n on:click={handleCancel}\n >\n {cancellabel}\n </button>\n\n <div class=\"mc-stepper-bar__actions\">\n {#if currentStep > 0}\n <button\n class=\"mc-button mc-button--s mc-button--bordered-neutral\"\n aria-label={prevlabel}\n type=\"button\"\n id=\"prevlabel\"\n on:click={handlePrev}\n >\n {prevlabel}\n </button>\n {/if}\n\n <button\n class=\"mc-button mc-button--s mc-stepper-bar__next\"\n aria-label={nextlabel}\n type=\"button\"\n id=\"nextlabel\"\n on:click={handleNext}\n >\n {#if currentStep < stepsNb}\n {nextlabel}\n {:else if currentStep >= stepsNb}\n {validatelabel}\n {/if}\n </button>\n </div>\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/layouts/_l.container';\n @import '@mozaic-ds/styles/components/_c.bottom-bar';\n @import '@mozaic-ds/styles/components/_c.stepper-bar';\n @import '@mozaic-ds/styles/components/_c.button';\n</style>\n"],"names":["ctx","insert","target","button","anchor","if_block0","create_if_block_2","create_if_block","create_if_block_1","div1","append","button0","div0","button1","fixed","$$props","cancellabel","prevlabel","nextlabel","validatelabel","currentstep","stepsnb","eventHandler","EventHandler","isFixed","undefined","currentStep","stepsNb","e","dispatch"],"mappings":"sQA2DSA,EAAS,uFALEA,EAAS,uDAFvBC,EAQQC,EAAAC,EAAAC,4BAHIJ,EAAU,2BAEnBA,EAAS,0BALEA,EAAS,gEAmBpBA,EAAa,sCAAbA,EAAa,uDAFbA,EAAS,sCAATA,EAAS,wDApBTK,EAAAL,KAAc,GAACM,EAAAN,mBAmBb,OAAAA,KAAcA,EAAO,GAAAO,EAEhBP,MAAeA,EAAO,GAAAQ,OAAtB,+DAzBXR,EAAW,sJALAA,EAAW,8HAuBTA,EAAS,8LA3BGA,EAAO,YAFrCC,EAyCKC,EAAAO,EAAAL,GArCHM,EAQQD,EAAAE,iBAERD,EA0BKD,EAAAG,yBAbHF,EAYQE,EAAAC,qCA9BEb,EAAY,gBAuBVA,EAAU,8BArBrBA,EAAW,0BALAA,EAAW,IASlBA,KAAc,oJAcLA,EAAS,qCA3BGA,EAAO,2FAjCxBc,GAAcC,eACdC,GAAmBD,aACnBE,GAAiBF,aACjBG,GAAiBH,iBACjBI,GAAqBJ,eACrBK,GAAmBL,WACnBM,GAAeN,EAMtBO,MAAmBC,+TAJpBC,IAAUV,QAAeW,wBACzBC,EAAcN,GAA4B,wBAC1CO,EAAUN,GAAoB,mBAIxB,SAAaO,GACpBN,EAAaO,SAAS,SAAUD,eAI5BF,EAAc,GAAK,QACrBA,IAAWA,GACXJ,EAAaO,SAAS,gBAAiBH,oBAKzCA,IAAWA,GACXJ,EAAaO,SAAS,YAAaH"}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
<svelte:options tag={null} />
|
|
2
|
+
|
|
3
|
+
<script lang="ts">
|
|
4
|
+
import { EventHandler } from '../../utilities/EventHandler';
|
|
5
|
+
|
|
6
|
+
export let fixed: boolean;
|
|
7
|
+
export let cancellabel: string;
|
|
8
|
+
export let prevlabel: string;
|
|
9
|
+
export let nextlabel: string;
|
|
10
|
+
export let validatelabel: string;
|
|
11
|
+
export let currentstep: number;
|
|
12
|
+
export let stepsnb: number;
|
|
13
|
+
|
|
14
|
+
$: isFixed = fixed ? true : undefined;
|
|
15
|
+
$: currentStep = currentstep ? currentstep : 0;
|
|
16
|
+
$: stepsNb = stepsnb ? stepsnb : 0;
|
|
17
|
+
|
|
18
|
+
let eventHandler = new EventHandler();
|
|
19
|
+
|
|
20
|
+
function handleCancel(e: Event): void {
|
|
21
|
+
eventHandler.dispatch('cancel', e);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
function handlePrev(): void {
|
|
25
|
+
if (currentStep - 1 >= 0) {
|
|
26
|
+
currentStep--;
|
|
27
|
+
eventHandler.dispatch('previous-step', currentStep);
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
function handleNext(): void {
|
|
32
|
+
currentStep++;
|
|
33
|
+
eventHandler.dispatch('next-step', currentStep);
|
|
34
|
+
}
|
|
35
|
+
</script>
|
|
36
|
+
|
|
37
|
+
<div
|
|
38
|
+
class="ml-container ml-container--fluid mc-bottom-bar mc-stepper-bar"
|
|
39
|
+
class:mc-bottom-bar--fixed={isFixed}
|
|
40
|
+
>
|
|
41
|
+
<button
|
|
42
|
+
class="mc-button mc-button--s mc-button--bordered-danger"
|
|
43
|
+
aria-label={cancellabel}
|
|
44
|
+
type="button"
|
|
45
|
+
id="cancelbutton"
|
|
46
|
+
on:click={handleCancel}
|
|
47
|
+
>
|
|
48
|
+
{cancellabel}
|
|
49
|
+
</button>
|
|
50
|
+
|
|
51
|
+
<div class="mc-stepper-bar__actions">
|
|
52
|
+
{#if currentStep > 0}
|
|
53
|
+
<button
|
|
54
|
+
class="mc-button mc-button--s mc-button--bordered-neutral"
|
|
55
|
+
aria-label={prevlabel}
|
|
56
|
+
type="button"
|
|
57
|
+
id="prevlabel"
|
|
58
|
+
on:click={handlePrev}
|
|
59
|
+
>
|
|
60
|
+
{prevlabel}
|
|
61
|
+
</button>
|
|
62
|
+
{/if}
|
|
63
|
+
|
|
64
|
+
<button
|
|
65
|
+
class="mc-button mc-button--s mc-stepper-bar__next"
|
|
66
|
+
aria-label={nextlabel}
|
|
67
|
+
type="button"
|
|
68
|
+
id="nextlabel"
|
|
69
|
+
on:click={handleNext}
|
|
70
|
+
>
|
|
71
|
+
{#if currentStep < stepsNb}
|
|
72
|
+
{nextlabel}
|
|
73
|
+
{:else if currentStep >= stepsNb}
|
|
74
|
+
{validatelabel}
|
|
75
|
+
{/if}
|
|
76
|
+
</button>
|
|
77
|
+
</div>
|
|
78
|
+
</div>
|
|
79
|
+
|
|
80
|
+
<style lang="scss">
|
|
81
|
+
@import '@mozaic-ds/styles/settings-tools/_all-settings';
|
|
82
|
+
@import '@mozaic-ds/styles/layouts/_l.container';
|
|
83
|
+
@import '@mozaic-ds/styles/components/_c.bottom-bar';
|
|
84
|
+
@import '@mozaic-ds/styles/components/_c.stepper-bar';
|
|
85
|
+
@import '@mozaic-ds/styles/components/_c.button';
|
|
86
|
+
</style>
|