@mozaic-ds/web-components 0.9.0 → 0.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +2 -2
- package/public/DataTableDefaultAction.nested-46712849.js +2 -0
- package/public/{DataTableDefaultAction.nested-60e24c9f.js.map → DataTableDefaultAction.nested-46712849.js.map} +1 -1
- package/public/DataTableUtilities-313a448d.js +2 -0
- package/public/DataTableUtilities-313a448d.js.map +1 -0
- package/public/adeo/DataTableDefaultAction.nested-c4d942ab.js +2 -0
- package/public/adeo/{DataTableDefaultAction.nested-ad728094.js.map → DataTableDefaultAction.nested-c4d942ab.js.map} +1 -1
- package/public/adeo/DataTableUtilities-313a448d.js +2 -0
- package/public/adeo/DataTableUtilities-313a448d.js.map +1 -0
- package/public/adeo/components/accordion/Accordion.js +1 -1
- package/public/adeo/components/badge/Badge.nested.js +1 -1
- package/public/adeo/components/badge/Badge.nested.js.map +1 -1
- package/public/adeo/components/barchart/BarChart.svelte +1 -1
- package/public/adeo/components/breadcrumb/Breadcrumb.js +1 -1
- package/public/adeo/components/breadcrumb/Breadcrumb.js.map +1 -1
- package/public/adeo/components/breadcrumb/Breadcrumb.nested.js +1 -1
- package/public/adeo/components/breadcrumb/Breadcrumb.nested.js.map +1 -1
- package/public/adeo/components/chart/BarChart.js +1 -1
- package/public/adeo/components/chart/BarChart.js.map +1 -1
- package/public/adeo/components/checkbox/Checkbox.js +1 -1
- package/public/adeo/components/checkbox/Checkbox.js.map +1 -1
- package/public/adeo/components/checkboxgroup/checkboxGroup.js +1 -1
- package/public/adeo/components/checkboxgroup/checkboxGroup.js.map +1 -1
- package/public/adeo/components/datatable/DataTable.js +1 -1
- package/public/adeo/components/datatable/DataTable.js.map +1 -1
- package/public/adeo/components/datatable/DataTable.svelte +12 -0
- package/public/adeo/components/datatable/DataTableDefaultAction.nested.js +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/DataTableFooter.nested.js +1 -1
- package/public/adeo/components/datatable/DataTableFooter.nested.js.map +1 -1
- package/public/adeo/components/datatable/data.d.ts.map +1 -1
- package/public/adeo/components/datatable/datatable.types.d.ts +9 -2
- package/public/adeo/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/adeo/components/dropdown/Dropdown.js +1 -1
- package/public/adeo/components/fileuploader/FileUploader.js +1 -1
- package/public/adeo/components/fileuploader/FileUploader.js.map +1 -1
- package/public/adeo/components/fileuploader/ResultFile.nested.js +1 -1
- package/public/adeo/components/fileuploader/ResultFile.nested.js.map +1 -1
- package/public/adeo/components/header/Header.js +1 -1
- package/public/adeo/components/header/Header.js.map +1 -1
- package/public/adeo/components/header/Header.svelte +1 -1
- package/public/adeo/components/layer/Layer.js +1 -1
- package/public/adeo/components/listbox/Listbox.js +1 -1
- package/public/adeo/components/listbox/Listbox.js.map +1 -1
- package/public/adeo/components/listbox/Listbox.nested.js +1 -1
- package/public/adeo/components/listbox/Listbox.nested.js.map +1 -1
- package/public/adeo/components/loader/Loader.nested.js +1 -1
- package/public/adeo/components/loader/Loader.nested.js.map +1 -1
- package/public/adeo/components/modal/Modal.js +1 -1
- package/public/adeo/components/notification/Notification.js +1 -1
- package/public/adeo/components/notification/Notification.js.map +1 -1
- package/public/adeo/components/pagination/Pagination.js +1 -1
- package/public/adeo/components/passwordinput/PasswordInput.js +1 -1
- package/public/adeo/components/passwordinput/PasswordInput.js.map +1 -1
- package/public/adeo/components/phonenumber/PhoneNumber.js +1 -1
- package/public/adeo/components/price/Price.js +1 -1
- package/public/adeo/components/quantityselector/QuantitySelector.js +1 -1
- package/public/adeo/components/ratings/StarsInput.js +1 -1
- package/public/adeo/components/ratings/StarsInput.js.map +1 -1
- package/public/adeo/components/ratings/StarsResult.js +1 -1
- package/public/adeo/components/select/Select.js +1 -1
- package/public/adeo/components/select/Select.js.map +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-feature.nested.js.map +1 -1
- package/public/adeo/components/sidebar/sidebar-section.nested.js +1 -1
- package/public/adeo/components/sidebar/sidebar-section.nested.js.map +1 -1
- package/public/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-separator.nested.js.map +1 -1
- package/public/adeo/components/sidebar/sidebar-sub-features.nested.js +1 -1
- package/public/adeo/components/sidebar/sidebar-sub-features.nested.js.map +1 -1
- package/public/adeo/components/sidebar/sidebar-user.nested.js +1 -1
- package/public/adeo/components/sidebar/sidebar-user.nested.js.map +1 -1
- package/public/adeo/components/sidebar-feature-group/sidebar-feature-group.nested.svelte +2 -4
- package/public/adeo/components/sidebar-segment/sidebar-segment.nested.svelte +2 -6
- package/public/adeo/components/tabs/Tabs.nested.js +1 -1
- package/public/adeo/components/tabs/Tabs.nested.js.map +1 -1
- package/public/adeo/components/tag/Tag.js +1 -1
- package/public/adeo/components/tag/Tag.js.map +1 -1
- package/public/adeo/components/tag/Tag.nested.js +1 -1
- package/public/adeo/components/tag/Tag.nested.js.map +1 -1
- package/public/adeo/components/textinput/Textinput.js +1 -1
- package/public/adeo/components/textinput/Textinput.nested.js +1 -1
- package/public/adeo/components/textinput/Textinput.nested.js.map +1 -1
- package/public/adeo/components/toggle/Toggle.js +1 -1
- package/public/adeo/components/toggle/Toggle.js.map +1 -1
- package/public/adeo/components/tooltip/Tooltip.js +1 -1
- package/public/adeo/utilities/DataTableUtilities.d.ts.map +1 -1
- package/public/adeo/utilities/DataTableUtilities.ts +17 -5
- package/public/bricoman/DataTableDefaultAction.nested-b325de83.js +2 -0
- package/public/bricoman/{DataTableDefaultAction.nested-e557bfca.js.map → DataTableDefaultAction.nested-b325de83.js.map} +1 -1
- package/public/bricoman/DataTableUtilities-313a448d.js +2 -0
- package/public/bricoman/DataTableUtilities-313a448d.js.map +1 -0
- package/public/bricoman/components/accordion/Accordion.js +1 -1
- package/public/bricoman/components/badge/Badge.nested.js +1 -1
- package/public/bricoman/components/badge/Badge.nested.js.map +1 -1
- package/public/bricoman/components/barchart/BarChart.svelte +1 -1
- package/public/bricoman/components/breadcrumb/Breadcrumb.js +1 -1
- package/public/bricoman/components/breadcrumb/Breadcrumb.js.map +1 -1
- package/public/bricoman/components/breadcrumb/Breadcrumb.nested.js +1 -1
- package/public/bricoman/components/breadcrumb/Breadcrumb.nested.js.map +1 -1
- package/public/bricoman/components/chart/BarChart.js +1 -1
- package/public/bricoman/components/chart/BarChart.js.map +1 -1
- package/public/bricoman/components/checkbox/Checkbox.js +1 -1
- package/public/bricoman/components/checkbox/Checkbox.js.map +1 -1
- package/public/bricoman/components/checkboxgroup/checkboxGroup.js +1 -1
- package/public/bricoman/components/checkboxgroup/checkboxGroup.js.map +1 -1
- package/public/bricoman/components/datatable/DataTable.js +1 -1
- package/public/bricoman/components/datatable/DataTable.js.map +1 -1
- package/public/bricoman/components/datatable/DataTable.svelte +12 -0
- package/public/bricoman/components/datatable/DataTableDefaultAction.nested.js +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/DataTableFooter.nested.js +1 -1
- package/public/bricoman/components/datatable/DataTableFooter.nested.js.map +1 -1
- package/public/bricoman/components/datatable/data.d.ts.map +1 -1
- package/public/bricoman/components/datatable/datatable.types.d.ts +9 -2
- package/public/bricoman/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/bricoman/components/dropdown/Dropdown.js +1 -1
- package/public/bricoman/components/fileuploader/FileUploader.js +1 -1
- package/public/bricoman/components/fileuploader/FileUploader.js.map +1 -1
- package/public/bricoman/components/fileuploader/ResultFile.nested.js +1 -1
- package/public/bricoman/components/fileuploader/ResultFile.nested.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/layer/Layer.js +1 -1
- package/public/bricoman/components/listbox/Listbox.js +1 -1
- package/public/bricoman/components/listbox/Listbox.js.map +1 -1
- package/public/bricoman/components/listbox/Listbox.nested.js +1 -1
- package/public/bricoman/components/listbox/Listbox.nested.js.map +1 -1
- package/public/bricoman/components/loader/Loader.nested.js +1 -1
- package/public/bricoman/components/loader/Loader.nested.js.map +1 -1
- package/public/bricoman/components/modal/Modal.js +1 -1
- package/public/bricoman/components/notification/Notification.js +1 -1
- package/public/bricoman/components/notification/Notification.js.map +1 -1
- package/public/bricoman/components/pagination/Pagination.js +1 -1
- package/public/bricoman/components/passwordinput/PasswordInput.js +1 -1
- package/public/bricoman/components/passwordinput/PasswordInput.js.map +1 -1
- package/public/bricoman/components/phonenumber/PhoneNumber.js +1 -1
- package/public/bricoman/components/price/Price.js +1 -1
- package/public/bricoman/components/price/Price.js.map +1 -1
- package/public/bricoman/components/quantityselector/QuantitySelector.js +1 -1
- package/public/bricoman/components/ratings/StarsInput.js +1 -1
- package/public/bricoman/components/ratings/StarsInput.js.map +1 -1
- package/public/bricoman/components/ratings/StarsResult.js +1 -1
- package/public/bricoman/components/select/Select.js +1 -1
- package/public/bricoman/components/select/Select.js.map +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-section.nested.js.map +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-separator.nested.js.map +1 -1
- package/public/bricoman/components/sidebar/sidebar-sub-features.nested.js +1 -1
- package/public/bricoman/components/sidebar/sidebar-sub-features.nested.js.map +1 -1
- package/public/bricoman/components/sidebar/sidebar-user.nested.js +1 -1
- package/public/bricoman/components/sidebar/sidebar-user.nested.js.map +1 -1
- package/public/bricoman/components/sidebar-feature-group/sidebar-feature-group.nested.svelte +2 -4
- package/public/bricoman/components/sidebar-segment/sidebar-segment.nested.svelte +2 -6
- package/public/bricoman/components/tabs/Tabs.nested.js +1 -1
- package/public/bricoman/components/tabs/Tabs.nested.js.map +1 -1
- package/public/bricoman/components/tag/Tag.js +1 -1
- package/public/bricoman/components/tag/Tag.js.map +1 -1
- package/public/bricoman/components/tag/Tag.nested.js +1 -1
- package/public/bricoman/components/tag/Tag.nested.js.map +1 -1
- package/public/bricoman/components/textinput/Textinput.js +1 -1
- package/public/bricoman/components/textinput/Textinput.nested.js +1 -1
- package/public/bricoman/components/textinput/Textinput.nested.js.map +1 -1
- package/public/bricoman/components/toggle/Toggle.js +1 -1
- package/public/bricoman/components/toggle/Toggle.js.map +1 -1
- package/public/bricoman/components/tooltip/Tooltip.js +1 -1
- package/public/bricoman/utilities/DataTableUtilities.d.ts.map +1 -1
- package/public/bricoman/utilities/DataTableUtilities.ts +17 -5
- package/public/components/accordion/Accordion.js +1 -1
- package/public/components/badge/Badge.nested.js +1 -1
- package/public/components/badge/Badge.nested.js.map +1 -1
- package/public/components/barchart/BarChart.svelte +1 -1
- package/public/components/breadcrumb/Breadcrumb.js +1 -1
- package/public/components/breadcrumb/Breadcrumb.js.map +1 -1
- package/public/components/breadcrumb/Breadcrumb.nested.js +1 -1
- package/public/components/breadcrumb/Breadcrumb.nested.js.map +1 -1
- package/public/components/chart/BarChart.js +1 -1
- package/public/components/chart/BarChart.js.map +1 -1
- package/public/components/checkbox/Checkbox.js +1 -1
- package/public/components/checkbox/Checkbox.js.map +1 -1
- package/public/components/checkboxgroup/checkboxGroup.js +1 -1
- package/public/components/checkboxgroup/checkboxGroup.js.map +1 -1
- package/public/components/datatable/DataTable.js +1 -1
- package/public/components/datatable/DataTable.js.map +1 -1
- package/public/components/datatable/DataTable.svelte +12 -0
- package/public/components/datatable/DataTableDefaultAction.nested.js +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/DataTableFooter.nested.js +1 -1
- package/public/components/datatable/DataTableFooter.nested.js.map +1 -1
- package/public/components/datatable/data.d.ts.map +1 -1
- package/public/components/datatable/datatable.types.d.ts +9 -2
- package/public/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/components/dropdown/Dropdown.js +1 -1
- package/public/components/fileuploader/FileUploader.js +1 -1
- package/public/components/fileuploader/FileUploader.js.map +1 -1
- package/public/components/fileuploader/ResultFile.nested.js +1 -1
- package/public/components/fileuploader/ResultFile.nested.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/layer/Layer.js +1 -1
- package/public/components/listbox/Listbox.js +1 -1
- package/public/components/listbox/Listbox.js.map +1 -1
- package/public/components/listbox/Listbox.nested.js +1 -1
- package/public/components/listbox/Listbox.nested.js.map +1 -1
- package/public/components/loader/Loader.nested.js +1 -1
- package/public/components/loader/Loader.nested.js.map +1 -1
- package/public/components/modal/Modal.js +1 -1
- package/public/components/notification/Notification.js +1 -1
- package/public/components/notification/Notification.js.map +1 -1
- package/public/components/pagination/Pagination.js +1 -1
- package/public/components/passwordinput/PasswordInput.js +1 -1
- package/public/components/passwordinput/PasswordInput.js.map +1 -1
- package/public/components/phonenumber/PhoneNumber.js +1 -1
- package/public/components/price/Price.js +1 -1
- package/public/components/price/Price.js.map +1 -1
- package/public/components/quantityselector/QuantitySelector.js +1 -1
- package/public/components/ratings/StarsInput.js +1 -1
- package/public/components/ratings/StarsInput.js.map +1 -1
- package/public/components/ratings/StarsResult.js +1 -1
- package/public/components/select/Select.js +1 -1
- package/public/components/select/Select.js.map +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-feature.nested.js.map +1 -1
- package/public/components/sidebar/sidebar-section.nested.js +1 -1
- package/public/components/sidebar/sidebar-section.nested.js.map +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-separator.nested.js.map +1 -1
- package/public/components/sidebar/sidebar-sub-features.nested.js +1 -1
- package/public/components/sidebar/sidebar-sub-features.nested.js.map +1 -1
- package/public/components/sidebar/sidebar-user.nested.js +1 -1
- package/public/components/sidebar/sidebar-user.nested.js.map +1 -1
- package/public/components/sidebar-feature-group/sidebar-feature-group.nested.svelte +2 -4
- package/public/components/sidebar-segment/sidebar-segment.nested.svelte +2 -6
- package/public/components/tabs/Tabs.nested.js +1 -1
- package/public/components/tabs/Tabs.nested.js.map +1 -1
- package/public/components/tag/Tag.js +1 -1
- package/public/components/tag/Tag.js.map +1 -1
- package/public/components/tag/Tag.nested.js +1 -1
- package/public/components/tag/Tag.nested.js.map +1 -1
- package/public/components/textinput/Textinput.js +1 -1
- package/public/components/textinput/Textinput.nested.js +1 -1
- package/public/components/textinput/Textinput.nested.js.map +1 -1
- package/public/components/toggle/Toggle.js +1 -1
- package/public/components/toggle/Toggle.js.map +1 -1
- package/public/components/tooltip/Tooltip.js +1 -1
- package/public/utilities/DataTableUtilities.d.ts.map +1 -1
- package/public/utilities/DataTableUtilities.ts +17 -5
- package/public/utilities/components/datatable/data.d.ts.map +1 -1
- package/public/utilities/components/datatable/datatable.types.d.ts +9 -2
- package/public/utilities/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/utilities/stories/datatable/DataTable.stories.d.ts.map +1 -1
- package/public/utilities/stories/header/Header.stories.d.ts +1 -0
- package/public/utilities/stories/header/Header.stories.d.ts.map +1 -1
- package/public/utilities/utilities/DataTableUtilities.d.ts.map +1 -1
- package/public/DataTableDefaultAction.nested-60e24c9f.js +0 -2
- package/public/DataTableUtilities-e3e0dc27.js +0 -2
- package/public/DataTableUtilities-e3e0dc27.js.map +0 -1
- package/public/adeo/DataTableDefaultAction.nested-ad728094.js +0 -2
- package/public/adeo/DataTableUtilities-e3e0dc27.js +0 -2
- package/public/adeo/DataTableUtilities-e3e0dc27.js.map +0 -1
- package/public/bricoman/DataTableDefaultAction.nested-e557bfca.js +0 -2
- package/public/bricoman/DataTableUtilities-e3e0dc27.js +0 -2
- package/public/bricoman/DataTableUtilities-e3e0dc27.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-section.nested.js","sources":["../../../../src/components/sidebar/sidebar-section.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n import type { A11yLabels, Feature, FeatureGroup } from './sidebar.types';\n import FeatureGroupComponent from './sidebar-feature-group.nested.svelte';\n import SubFeaturesComponent from './sidebar-sub-features.nested.svelte';\n import { isSidebarOpen, toggleSidebar } from './sidebar-service';\n\n export let data: FeatureGroup[] = [];\n export let a11yLabels: A11yLabels;\n\n let expandedGroup: string | undefined;\n let expandedSubGroup: Feature | undefined;\n\n function handleGroupClick(code: string) {\n // opens the menu if at the time of the click on a FeatureGroup this one was closed\n const open = $isSidebarOpen;\n if (!open) {\n toggleSidebar();\n }\n\n if (open && expandedGroup === code) {\n expandedGroup = undefined;\n } else {\n expandedGroup = code;\n }\n }\n\n function handleFeatureClick(event?: CustomEvent<Feature>) {\n if (event?.detail) {\n if (expandedSubGroup && expandedSubGroup.code === event.detail.code) {\n expandedSubGroup = undefined;\n } else {\n expandedSubGroup = event.detail;\n }\n } else {\n expandedSubGroup = undefined;\n }\n }\n</script>\n\n{#if data?.length}\n <div class=\"mc-sidebar-section\">\n <ul\n class={expandedSubGroup && $isSidebarOpen ? 'is-hidden' : 'is-visible'}\n aria-hidden={expandedSubGroup && $isSidebarOpen}\n >\n {#each data as featureGroup}\n <li on:click={() => handleGroupClick(featureGroup.code)}>\n <FeatureGroupComponent\n {featureGroup}\n expand={expandedGroup === featureGroup.code}\n {a11yLabels}\n on:feature-click={(event) => handleFeatureClick(event)}\n />\n </li>\n {/each}\n </ul>\n {#if expandedSubGroup && $isSidebarOpen}\n <SubFeaturesComponent\n data={expandedSubGroup}\n {a11yLabels}\n on:back-click={() => handleFeatureClick()}\n />\n {/if}\n </div>\n{/if}\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import './sidebar-variables';\n\n .mc-sidebar-section {\n display: flex;\n flex-direction: row;\n flex: 1;\n align-items: flex-start;\n min-height: 38px;\n overflow-x: hidden;\n overflow-y: auto;\n overflow-y: overlay;\n padding: 1px 0px;\n scrollbar-color: $color-primary-02-400 $color-sidebar-divider-background;\n scrollbar-width: thin;\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 margin: 4px 0px;\n\n &:first-child {\n margin-top: 0;\n }\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n &.is-hidden {\n @include transition(margin-left 300ms ease-in-out);\n margin-left: -320px;\n opacity: 0;\n }\n\n &.is-visible {\n @include transition(margin-left 300ms ease-in-out);\n margin-left: 0;\n }\n }\n\n &::-webkit-scrollbar {\n width: 5px;\n height: 10px;\n background: $color-sidebar-scroll-background;\n\n &-thumb {\n background: $color-sidebar-scroll-color;\n }\n }\n }\n</style>\n"],"names":["ctx","length","i","if_block","create_if_block_1","attr","ul","ul_class_value","null_to_empty","ul_aria_hidden_value","insert","target","div","anchor","append","each_blocks","current","dirty","code","li","create_if_block","expandedGroup","expandedSubGroup","data","$$props","a11yLabels","handleGroupClick","open","$isSidebarOpen","toggleSidebar","$$invalidate","undefined","handleFeatureClick","event","detail","featureGroup"],"mappings":"
|
|
1
|
+
{"version":3,"file":"sidebar-section.nested.js","sources":["../../../../src/components/sidebar/sidebar-section.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n import type { A11yLabels, Feature, FeatureGroup } from './sidebar.types';\n import FeatureGroupComponent from './sidebar-feature-group.nested.svelte';\n import SubFeaturesComponent from './sidebar-sub-features.nested.svelte';\n import { isSidebarOpen, toggleSidebar } from './sidebar-service';\n\n export let data: FeatureGroup[] = [];\n export let a11yLabels: A11yLabels;\n\n let expandedGroup: string | undefined;\n let expandedSubGroup: Feature | undefined;\n\n function handleGroupClick(code: string) {\n // opens the menu if at the time of the click on a FeatureGroup this one was closed\n const open = $isSidebarOpen;\n if (!open) {\n toggleSidebar();\n }\n\n if (open && expandedGroup === code) {\n expandedGroup = undefined;\n } else {\n expandedGroup = code;\n }\n }\n\n function handleFeatureClick(event?: CustomEvent<Feature>) {\n if (event?.detail) {\n if (expandedSubGroup && expandedSubGroup.code === event.detail.code) {\n expandedSubGroup = undefined;\n } else {\n expandedSubGroup = event.detail;\n }\n } else {\n expandedSubGroup = undefined;\n }\n }\n</script>\n\n{#if data?.length}\n <div class=\"mc-sidebar-section\">\n <ul\n class={expandedSubGroup && $isSidebarOpen ? 'is-hidden' : 'is-visible'}\n aria-hidden={expandedSubGroup && $isSidebarOpen}\n >\n {#each data as featureGroup}\n <li on:click={() => handleGroupClick(featureGroup.code)}>\n <FeatureGroupComponent\n {featureGroup}\n expand={expandedGroup === featureGroup.code}\n {a11yLabels}\n on:feature-click={(event) => handleFeatureClick(event)}\n />\n </li>\n {/each}\n </ul>\n {#if expandedSubGroup && $isSidebarOpen}\n <SubFeaturesComponent\n data={expandedSubGroup}\n {a11yLabels}\n on:back-click={() => handleFeatureClick()}\n />\n {/if}\n </div>\n{/if}\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import './sidebar-variables';\n\n .mc-sidebar-section {\n display: flex;\n flex-direction: row;\n flex: 1;\n align-items: flex-start;\n min-height: 38px;\n overflow-x: hidden;\n overflow-y: auto;\n overflow-y: overlay;\n padding: 1px 0px;\n scrollbar-color: $color-primary-02-400 $color-sidebar-divider-background;\n scrollbar-width: thin;\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 margin: 4px 0px;\n\n &:first-child {\n margin-top: 0;\n }\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n &.is-hidden {\n @include transition(margin-left 300ms ease-in-out);\n margin-left: -320px;\n opacity: 0;\n }\n\n &.is-visible {\n @include transition(margin-left 300ms ease-in-out);\n margin-left: 0;\n }\n }\n\n &::-webkit-scrollbar {\n width: 5px;\n height: 10px;\n background: $color-sidebar-scroll-background;\n\n &-thumb {\n background: $color-sidebar-scroll-color;\n }\n }\n }\n</style>\n"],"names":["ctx","length","i","if_block","create_if_block_1","attr","ul","ul_class_value","null_to_empty","ul_aria_hidden_value","insert","target","div","anchor","append","each_blocks","current","dirty","code","li","create_if_block","expandedGroup","expandedSubGroup","data","$$props","a11yLabels","handleGroupClick","open","$isSidebarOpen","toggleSidebar","$$invalidate","undefined","handleFeatureClick","event","detail","featureGroup"],"mappings":"o+EA+CaA,EAAI,wBAATC,OAAIC,GAAA,4DAWH,IAAAC,EAAAH,MAAoBA,EAAc,IAAAI,EAAAJ,uFAd9BK,EAAAC,EAAA,QAAAC,EAAAC,EAAAR,MAAoBA,EAAc,GAAG,YAAc,cAAY,mBACzDK,EAAAC,EAAA,cAAAG,EAAAT,MAAoBA,EAAc,6DAHnDU,EAuBKC,EAAAC,EAAAC,GAtBHC,EAcIF,EAAAN,6GAVKN,EAAI,WAATC,OAAIC,GAAA,EAAA,yGAAJD,OAAIC,EAAAa,EAAAd,OAAAC,GAAA,aAHCc,GAAA,GAAAC,GAAAV,KAAAA,EAAAC,EAAAR,MAAoBA,EAAc,GAAG,YAAc,cAAY,sCACzDgB,GAAA,GAAAC,GAAAR,KAAAA,EAAAT,MAAoBA,EAAc,2BAa5CA,MAAoBA,EAAc,iIAXnCC,OAAIC,GAAA,4OAIQF,EAAa,KAAKA,EAAY,IAACkB,gIAH3CR,EAOIC,EAAAQ,EAAAN,wHAJQb,EAAa,KAAKA,EAAY,IAACkB,0LASrClB,EAAgB,2HAAhBA,EAAgB,6IAnBzBG,EAAAH,MAAMC,QAAMmB,EAAApB,yEAAZA,MAAMC,+NA9BLoB,EACAC,QAJOC,EAAI,IAAAC,cACJC,GAAsBD,EAKxB,SAAAE,EAAiBR,GAElB,MAAAS,EAAOC,EACRD,GACHE,IAIAC,EAAA,EAAAT,EADEM,GAAQN,IAAkBH,OACZa,EAEAb,GAIX,SAAAc,EAAmBC,IACtBA,eAAAA,EAAOC,QACLZ,GAAoBA,EAAiBJ,OAASe,EAAMC,OAAOhB,KAC7DY,EAAA,EAAAR,OAAmBS,OAEnBT,EAAmBW,EAAMC,QAG3BJ,EAAA,EAAAR,OAAmBS,sGAiBME,GAAUD,EAAmBC,MALhCP,EAAiBS,EAAajB,UAc7Bc"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{P as e,i as s,s as t,Q as
|
|
1
|
+
import{P as e,i as s,s as t,Q as a,K as i,b as n,n as c,o as l,ab as o,e as r,d,t as m,g as p,j as b,l as g,k as v,Z as f}from"../../index-c33b3772.js";import{a as x,s as u,i as _}from"../../sidebar-service-275bf9ef.js";function h(e){a(e,"svelte-1pacte9",".mc-sidebar-segment.svelte-1pacte9.svelte-1pacte9{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-1pacte9.svelte-1pacte9{fill:#ffffff}.mc-sidebar-segment.svelte-1pacte9 span.svelte-1pacte9{width:200px;min-width:200px}.mc-sidebar-segment__container.svelte-1pacte9.svelte-1pacte9{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-1pacte9.svelte-1pacte9{margin-left:10px}.mc-sidebar-segment.is-selected.svelte-1pacte9.svelte-1pacte9{background:#5b737d}.mc-sidebar-segment.svelte-1pacte9 .svelte-1pacte9:last-child{margin-left:10px}.mc-sidebar-segment.svelte-1pacte9.svelte-1pacte9:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-segment.svelte-1pacte9:focus-visible .mc-sidebar-segment__container.svelte-1pacte9{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}.mc-sidebar-segment.svelte-1pacte9.svelte-1pacte9:hover{background:#405d68}.mc-sidebar-segment.is-close.svelte-1pacte9 .mc-sidebar-segment__container.svelte-1pacte9{-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-1pacte9 .mc-sidebar-segment__text.svelte-1pacte9{opacity:0}.mc-sidebar-segment.is-open.svelte-1pacte9 .mc-sidebar-segment__container.svelte-1pacte9{-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-1pacte9 .mc-sidebar-segment__text.svelte-1pacte9{opacity:1}")}function w(e){let s,t,a,i,c,o,f,x,u,_,h,w,y=e[0].label+"",j=e[0].icon&&k(e);return{c(){s=r("a"),t=r("div"),j&&j.c(),a=d(),i=r("span"),c=m(y),p(i,"aria-hidden",o=!e[2]),p(i,"class","mc-sidebar-segment__text svelte-1pacte9"),p(t,"class","mc-sidebar-segment__container mc-sidebar-segment__icon svelte-1pacte9"),p(s,"aria-label",f=e[0].label),p(s,"class",x="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-1pacte9"),p(s,"href",u=e[0].href??"javascript:void(null)"),p(s,"id",_=e[0].code)},m(l,o){n(l,s,o),b(s,t),j&&j.m(t,null),b(t,a),b(t,i),b(i,c),h||(w=g(s,"click",e[3]),h=!0)},p(e,n){e[0].icon?j?j.p(e,n):(j=k(e),j.c(),j.m(t,a)):j&&(j.d(1),j=null),1&n&&y!==(y=e[0].label+"")&&v(c,y),4&n&&o!==(o=!e[2])&&p(i,"aria-hidden",o),1&n&&f!==(f=e[0].label)&&p(s,"aria-label",f),7&n&&x!==(x="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-1pacte9")&&p(s,"class",x),1&n&&u!==(u=e[0].href??"javascript:void(null)")&&p(s,"href",u),1&n&&_!==(_=e[0].code)&&p(s,"id",_)},d(e){e&&l(s),j&&j.d(),h=!1,w()}}}function k(e){let s,t,a=`<${j(e[0].icon)} class="mc-sidebar-segment__icon"/>`;return{c(){s=new f(!1),t=i(),s.a=t},m(e,i){s.m(a,e,i),n(e,t,i)},p(e,t){1&t&&a!==(a=`<${j(e[0].icon)} class="mc-sidebar-segment__icon"/>`)&&s.p(a)},d(e){e&&l(t),e&&s.d()}}}function y(e){let s,t=e[0]&&w(e);return{c(){t&&t.c(),s=i()},m(e,a){t&&t.m(e,a),n(e,s,a)},p(e,[a]){e[0]?t?t.p(e,a):(t=w(e),t.c(),t.m(s.parentNode,s)):t&&(t.d(1),t=null)},i:c,o:c,d(e){t&&t.d(e),e&&l(s)}}}function j(e){return`${e} size="1.5rem"`}function $(e,s,t){let a,i;o(e,u,(e=>t(1,a=e))),o(e,_,(e=>t(2,i=e)));let{data:n}=s;return e.$$set=e=>{"data"in e&&t(0,n=e.data)},[n,a,i,function(){x(n.code)}]}class z extends e{constructor(e){super(),s(this,e,$,y,t,{data:0},h)}}export{z 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
|
|
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 mc-sidebar-segment__icon\">\n {#if data.icon}\n {@html `<${generateIcon(data.icon)} class=\"mc-sidebar-segment__icon\"/>`}\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 }\n\n span {\n width: 200px;\n min-width: 200px;\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 }\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","html_tag","p","raw_value","create_if_block","iconname","data","$$props","selectFeature"],"mappings":"4nEAoCSA,EAAAC,KAAKC,MAAK,GAJRC,EAAAF,KAAKG,MAAIC,EAAAJ,yFAGMA,EAAc,gJAZxBK,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,EAiBGC,EAAAR,EAAAS,GARDC,EAOKV,EAAAW,yBAHHD,EAEMC,EAAAC,4BARElB,EAAW,kBAGdA,KAAKG,2DAIP,EAAAgB,GAAApB,KAAAA,EAAAC,KAAKC,MAAK,KAAAmB,EAAAC,EAAAtB,gBADOC,EAAc,0BAZxB,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,iFAKMa,EAAatB,EAAI,GAACG,kIAAlBmB,EAAatB,EAAI,GAACG,6CAAIoB,EAAAC,EAAAC,kDAZpCzB,EAAI,IAAA0B,EAAA1B,oEAAJA,EAAI,sGATE,SAAAsB,EAAaK,YACVA,+FAHDC,GAAaC,kEAOtBC,EAAcF,EAAKnB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{P as s,i as e,s as
|
|
1
|
+
import{P as s,i as e,s as i,Q as a,e as t,g as r,b as o,n,o as m,ab as d}from"../../index-c33b3772.js";import{i as l}from"../../sidebar-service-275bf9ef.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-separator.nested.js","sources":["../../../../src/components/sidebar/sidebar-separator.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n import { isSidebarOpen } from './sidebar-service';\n</script>\n\n<span\n role=\"separator\"\n class=\"mc-sidebar-separator {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n/>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import './sidebar-variables';\n\n .mc-sidebar-separator {\n border-bottom: 1px solid $color-sidebar-divider-background;\n display: flex;\n\n &.is-close {\n @include transition(margin 300ms ease-in-out);\n margin: 24px 0;\n }\n\n &.is-open {\n @include transition(margin 300ms ease-in-out);\n margin: 24px 32px;\n }\n }\n</style>\n"],"names":["ctx","insert","target","span","anchor"],"mappings":"
|
|
1
|
+
{"version":3,"file":"sidebar-separator.nested.js","sources":["../../../../src/components/sidebar/sidebar-separator.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n import { isSidebarOpen } from './sidebar-service';\n</script>\n\n<span\n role=\"separator\"\n class=\"mc-sidebar-separator {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n/>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import './sidebar-variables';\n\n .mc-sidebar-separator {\n border-bottom: 1px solid $color-sidebar-divider-background;\n display: flex;\n\n &.is-close {\n @include transition(margin 300ms ease-in-out);\n margin: 24px 0;\n }\n\n &.is-open {\n @include transition(margin 300ms ease-in-out);\n margin: 24px 32px;\n }\n }\n</style>\n"],"names":["ctx","insert","target","span","anchor"],"mappings":"8wBAQ+BA,EAAc,GAAG,UAAY,YAAU,0BAFtEC,EAGCC,EAAAC,EAAAC,kDAD8BJ,EAAc,GAAG,UAAY,YAAU"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{P as e,i as
|
|
1
|
+
import{P as e,i as s,s as l,Q as t,e as a,T as i,d as n,t as r,g as u,b as o,j as b,l as f,k as c,C as m,D as d,E as p,o as h,M as g,J as x,x as v,A as _,I as w,G as y}from"../../index-c33b3772.js";import{a as k}from"../../sidebar-service-275bf9ef.js";import $ from"./sidebar-feature.nested.js";import{E as L}from"../../EventHandler-02058705.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 E(e){let s,l,t=e[0]?.items,i=[];for(let s=0;s<t.length;s+=1)i[s]=H(z(e,t,s));const n=e=>d(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),m(i[a],1)):(i[a]=H(n),i[a].c(),m(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)m(i[e]);l=!0}},o(e){i=i.filter(Boolean);for(let e=0;e<i.length;e+=1)d(i[e]);l=!1},d(e){e&&h(s),x(i,e)}}}function H(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),b(s,t),i=!0,r||(c=f(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||(m(l.$$.fragment,e),i=!0)},o(e){d(l.$$.fragment,e),i=!1},d(e){e&&h(s),y(l),r=!1,c()}}}function M(e){let s,l,t,x,v,_,w,y,k,$,L,j,z,H,M=e[0]?.label+"",A=e[0]?.items?.length&&E(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(M),$=n(),A&&A.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),b(s,l),b(l,t),b(t,x),b(x,v),b(x,_),b(t,w),b(t,y),b(y,k),b(s,$),A&&A.m(s,null),j=!0,z||(H=f(l,"click",e[2]),z=!0)},p(e,[l]){(!j||1&l)&&M!==(M=e[0]?.label+"")&&c(k,M),e[0]?.items?.length?A?(A.p(e,l),1&l&&m(A,1)):(A=E(e),A.c(),m(A,1),A.m(s,null)):A&&(g(),d(A,1,1,(()=>{A=null})),p()),(!j||1&l&&L!==(L=e[0]?.label))&&u(s,"aria-label",L)},i(e){j||(m(A),j=!0)},o(e){d(A),j=!1},d(e){e&&h(s),A&&A.d(),z=!1,H()}}}function A(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 B extends e{constructor(e){super(),s(this,e,A,M,l,{data:0,a11yLabels:1},j)}}export{B as default};
|
|
2
2
|
//# sourceMappingURL=sidebar-sub-features.nested.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-sub-features.nested.js","sources":["../../../../src/components/sidebar/sidebar-sub-features.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n import { selectFeature } from './sidebar-service';\n import type { A11yLabels, Feature } from './sidebar.types';\n import FeatureComponent from './sidebar-feature.nested.svelte';\n import { EventHandler } from '../../utilities/EventHandler';\n\n export let data: Feature;\n export let a11yLabels: A11yLabels;\n\n let eventHandler = new EventHandler();\n\n function handleBackClick(): void {\n eventHandler.dispatch('back-click', data);\n }\n\n function handleFeatureClick(feature: Feature): void {\n if (!feature.disabled) {\n selectFeature(feature.code);\n }\n }\n</script>\n\n<div class=\"mc-sidebar-sub-feature\" aria-label={data?.label}>\n <button class=\"mc-sidebar-sub-feature__trigger\" on:click={handleBackClick}>\n <span class=\"mc-sidebar-sub-feature__container\">\n <svg\n class=\"mc-sidebar-sub-feature__icon\"\n width=\"24px\"\n height=\"24px\"\n viewBox=\"0 0 24 24\"\n ><path\n 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\"\n /><path d=\"M21 13H3.24a1 1 0 010-2H21a1 1 0 010 2z\" /></svg\n >\n <span class=\"mc-sidebar-sub-feature__trigger__label\">{data?.label}</span>\n </span>\n </button>\n {#if data?.items?.length}\n <ul>\n {#each data?.items as feature}\n <li\n class=\"mc-sidebar-sub-feature__item\"\n on:click|stopPropagation={() => handleFeatureClick(feature)}\n >\n <FeatureComponent {feature} {a11yLabels} />\n </li>\n {/each}\n </ul>\n {/if}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import './sidebar-variables';\n\n .mc-sidebar-sub-feature {\n width: 320px;\n\n &__trigger {\n background: none;\n border: none;\n cursor: pointer;\n display: flex;\n padding: 0;\n margin: 0;\n font-size: inherit;\n font-family: inherit;\n width: 100%;\n padding: 0px 32px;\n\n &__label {\n font-size: 16px;\n font-weight: 700;\n margin-left: 8px;\n color: $color-sidebar-text-color;\n }\n\n &:focus-visible {\n box-shadow: none;\n border: none;\n outline: none;\n\n .mc-sidebar-sub-feature__container {\n box-shadow: none;\n border: none;\n border-radius: 6px;\n outline: 1px solid #0b96cc;\n }\n }\n }\n\n &__icon {\n fill: $color-sidebar-icon;\n }\n\n &__container {\n display: flex;\n align-items: center;\n width: 100%;\n height: 24px;\n padding: 8px 0px;\n }\n\n ul {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n }\n</style>\n"],"names":["each_value","ctx","items","length","i","insert","target","ul","anchor","each_blocks","li","t1_value","label","create_if_block","attr","div","div_aria_label_value","append","button","span1","svg","path0","path1","span0","current","dirty","set_data","t1","data","$$props","a11yLabels","eventHandler","EventHandler","handleFeatureClick","feature","disabled","selectFeature","code","dispatch"],"mappings":"
|
|
1
|
+
{"version":3,"file":"sidebar-sub-features.nested.js","sources":["../../../../src/components/sidebar/sidebar-sub-features.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n import { selectFeature } from './sidebar-service';\n import type { A11yLabels, Feature } from './sidebar.types';\n import FeatureComponent from './sidebar-feature.nested.svelte';\n import { EventHandler } from '../../utilities/EventHandler';\n\n export let data: Feature;\n export let a11yLabels: A11yLabels;\n\n let eventHandler = new EventHandler();\n\n function handleBackClick(): void {\n eventHandler.dispatch('back-click', data);\n }\n\n function handleFeatureClick(feature: Feature): void {\n if (!feature.disabled) {\n selectFeature(feature.code);\n }\n }\n</script>\n\n<div class=\"mc-sidebar-sub-feature\" aria-label={data?.label}>\n <button class=\"mc-sidebar-sub-feature__trigger\" on:click={handleBackClick}>\n <span class=\"mc-sidebar-sub-feature__container\">\n <svg\n class=\"mc-sidebar-sub-feature__icon\"\n width=\"24px\"\n height=\"24px\"\n viewBox=\"0 0 24 24\"\n ><path\n 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\"\n /><path d=\"M21 13H3.24a1 1 0 010-2H21a1 1 0 010 2z\" /></svg\n >\n <span class=\"mc-sidebar-sub-feature__trigger__label\">{data?.label}</span>\n </span>\n </button>\n {#if data?.items?.length}\n <ul>\n {#each data?.items as feature}\n <li\n class=\"mc-sidebar-sub-feature__item\"\n on:click|stopPropagation={() => handleFeatureClick(feature)}\n >\n <FeatureComponent {feature} {a11yLabels} />\n </li>\n {/each}\n </ul>\n {/if}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import './sidebar-variables';\n\n .mc-sidebar-sub-feature {\n width: 320px;\n\n &__trigger {\n background: none;\n border: none;\n cursor: pointer;\n display: flex;\n padding: 0;\n margin: 0;\n font-size: inherit;\n font-family: inherit;\n width: 100%;\n padding: 0px 32px;\n\n &__label {\n font-size: 16px;\n font-weight: 700;\n margin-left: 8px;\n color: $color-sidebar-text-color;\n }\n\n &:focus-visible {\n box-shadow: none;\n border: none;\n outline: none;\n\n .mc-sidebar-sub-feature__container {\n box-shadow: none;\n border: none;\n border-radius: 6px;\n outline: 1px solid #0b96cc;\n }\n }\n }\n\n &__icon {\n fill: $color-sidebar-icon;\n }\n\n &__container {\n display: flex;\n align-items: center;\n width: 100%;\n height: 24px;\n padding: 8px 0px;\n }\n\n ul {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n }\n</style>\n"],"names":["each_value","ctx","items","length","i","insert","target","ul","anchor","each_blocks","li","t1_value","label","create_if_block","attr","div","div_aria_label_value","append","button","span1","svg","path0","path1","span0","current","dirty","set_data","t1","data","$$props","a11yLabels","eventHandler","EventHandler","handleFeatureClick","feature","disabled","selectFeature","code","dispatch"],"mappings":"wlDAyCaA,EAAAC,MAAMC,2BAAXC,OAAIC,GAAA,2JADRC,EASIC,EAAAC,EAAAC,oFARKR,EAAAC,MAAMC,cAAXC,OAAIC,GAAA,EAAA,yGAAJD,OAAIC,EAAAK,EAAAN,OAAAC,GAAA,yCAAJD,OAAIC,GAAA,wTACJC,EAKIC,EAAAI,EAAAF,sRAXgDG,EAAAV,MAAMW,MAAK,KAGhEX,EAAI,IAAEC,OAAOC,QAAMU,EAAAZ,6pBAfsBa,EAAAC,EAAA,aAAAC,EAAAf,MAAMW,eAAtDP,EA2BKC,EAAAS,EAAAP,GA1BHS,EAaQF,EAAAG,GAZND,EAWMC,EAAAC,GAVJF,EAQAE,EAAAC,GAHGH,EAECG,EAAAC,GAAAJ,EAAoDG,EAAAE,UAExDL,EAAwEE,EAAAI,uDAXlBtB,EAAe,sBAWfuB,GAAA,EAAAC,IAAAd,KAAAA,EAAAV,MAAMW,MAAK,KAAAc,EAAAC,EAAAhB,GAGhEV,EAAI,IAAEC,OAAOC,yGAf4BqB,GAAA,EAAAC,GAAAT,KAAAA,EAAAf,MAAMW,+HAhBzCgB,GAAaC,cACbC,GAAsBD,EAE7BE,MAAmBC,EAMd,SAAAC,EAAmBC,GACrBA,EAAQC,UACXC,EAAcF,EAAQG,0GALxBN,EAAaO,SAAS,aAAcV,MA8BEM,GAAAD,EAAmBC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{P as e,i as t,s,Q as n,K as i,b as l,C as a,D as r,E as o,o as u,ab as d,e as c,d as m,g as p,j as f,l as b,M as h,t as _,k as x,J as g,x as v,A as z,I as w,G as y,v as k,T as $,n as L,y as j,$ 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){n(e,"svelte-1lutzn3",".mc-sidebar-user.svelte-1lutzn3.svelte-1lutzn3{left:0;right:0;bottom:0;position:absolute;background:#264653}.mc-sidebar-user__header.svelte-1lutzn3.svelte-1lutzn3{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-1lutzn3.svelte-1lutzn3: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-1lutzn3.svelte-1lutzn3:hover{cursor:pointer}.mc-sidebar-user__header.svelte-1lutzn3:hover .mc-sidebar-user__header__information__icon.svelte-1lutzn3{background:#405d68}.mc-sidebar-user__header__picture.svelte-1lutzn3.svelte-1lutzn3{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-1lutzn3 img.svelte-1lutzn3{display:block}.mc-sidebar-user__header__information.svelte-1lutzn3.svelte-1lutzn3{-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-1lutzn3.svelte-1lutzn3{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-1lutzn3.svelte-1lutzn3{font-size:16px;font-weight:bold}.mc-sidebar-user__header__information__title.svelte-1lutzn3.svelte-1lutzn3,.mc-sidebar-user__header__information__identity.svelte-1lutzn3.svelte-1lutzn3{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;max-width:176px}.mc-sidebar-user__icon.svelte-1lutzn3.svelte-1lutzn3{fill:#ffffff}.mc-sidebar-user__content.svelte-1lutzn3.svelte-1lutzn3{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-1lutzn3.svelte-1lutzn3{height:0;margin:0}.mc-sidebar-user.is-close.svelte-1lutzn3 .mc-sidebar-user__header.svelte-1lutzn3{-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-1lutzn3 .mc-sidebar-user__header.svelte-1lutzn3{-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 n=e.slice();return n[11]=t[s],n}function V(e){let t,s,n,i,d,_,x,g,v,z,w;function y(e,t){return e[0].imageBase64?D:q}let k=y(e),$=k(e),L=e[4]&&F(e),j=e[1]?.length&&G(e);return{c(){t=c("div"),s=c("button"),n=c("span"),$.c(),i=m(),L&&L.c(),x=m(),j&&j.c(),p(n,"class","mc-sidebar-user__header__picture svelte-1lutzn3"),p(s,"aria-expanded",d=e[4]&&e[3]),p(s,"class","mc-sidebar-user__header svelte-1lutzn3"),p(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"),p(s,"aria-controls","user-content"),p(t,"class",g="mc-sidebar-user "+(e[4]?"is-open":"is-close")+" svelte-1lutzn3")},m(a,r){l(a,t,r),f(t,s),f(s,n),$.m(n,null),f(s,i),L&&L.m(s,null),f(t,x),j&&j.m(t,null),v=!0,z||(w=b(t,"click",e[6]),z=!0)},p(e,i){k===(k=y(e))&&$?$.p(e,i):($.d(1),$=k(e),$&&($.c(),$.m(n,null))),e[4]?L?L.p(e,i):(L=F(e),L.c(),L.m(s,null)):L&&(L.d(1),L=null),(!v||24&i&&d!==(d=e[4]&&e[3]))&&p(s,"aria-expanded",d),(!v||28&i&&_!==(_=e[4]&&e[3]?e[2]?.["close-user"]||"Close the user sub menu":e[2]?.["open-user"]||"Open the user sub menu"))&&p(s,"aria-label",_),e[1]?.length?j?(j.p(e,i),2&i&&a(j,1)):(j=G(e),j.c(),a(j,1),j.m(t,null)):j&&(h(),r(j,1,1,(()=>{j=null})),o()),(!v||16&i&&g!==(g="mc-sidebar-user "+(e[4]?"is-open":"is-close")+" svelte-1lutzn3"))&&p(t,"class",g)},i(e){v||(a(j),v=!0)},o(e){r(j),v=!1},d(e){e&&u(t),$.d(),L&&L.d(),j&&j.d(),z=!1,w()}}}function q(e){let t,s;return{c(){t=$("svg"),s=$("path"),p(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"),p(t,"class","mc-sidebar-user__icon svelte-1lutzn3"),p(t,"width","24px"),p(t,"height","24px"),p(t,"viewBox","0 0 24 24")},m(e,n){l(e,t,n),f(t,s)},p:L,d(e){e&&u(t)}}}function D(e){let t,s;return{c(){t=c("img"),p(t,"class","base64 svelte-1lutzn3"),j(t,"display","block"),j(t,"width","auto"),j(t,"height","48px"),j(t,"max-width","48px"),p(t,"aria-hidden",""),p(t,"alt","User Picture"),B(t.src,s="data:image/png;base64, "+e[0].imageBase64)||p(t,"src",s)},m(e,s){l(e,t,s)},p(e,n){1&n&&!B(t.src,s="data:image/png;base64, "+e[0].imageBase64)&&p(t,"src",s)},d(e){e&&u(t)}}}function F(e){let t,s,n,a,r,o,d,b,h=(e[0]?.firstName||"")+"",g=(e[0]?.lastName||"")+"",v=e[0]?.title&&O(e),z=e[1]?.length&&P(e);return{c(){t=c("p"),s=c("span"),n=_(h),a=m(),r=_(g),o=m(),v&&v.c(),d=m(),z&&z.c(),b=i(),p(s,"class","mc-sidebar-user__header__information__identity svelte-1lutzn3"),p(t,"class","mc-sidebar-user__header__information svelte-1lutzn3")},m(e,i){l(e,t,i),f(t,s),f(s,n),f(s,a),f(s,r),f(t,o),v&&v.m(t,null),l(e,d,i),z&&z.m(e,i),l(e,b,i)},p(e,s){1&s&&h!==(h=(e[0]?.firstName||"")+"")&&x(n,h),1&s&&g!==(g=(e[0]?.lastName||"")+"")&&x(r,g),e[0]?.title?v?v.p(e,s):(v=O(e),v.c(),v.m(t,null)):v&&(v.d(1),v=null),e[1]?.length?z?z.p(e,s):(z=P(e),z.c(),z.m(b.parentNode,b)):z&&(z.d(1),z=null)},d(e){e&&u(t),v&&v.d(),e&&u(d),z&&z.d(e),e&&u(b)}}}function O(e){let t,s,n=K(e[0].title)+"";return{c(){t=c("span"),s=_(n),p(t,"class","mc-sidebar-user__header__information__title svelte-1lutzn3")},m(e,n){l(e,t,n),f(t,s)},p(e,t){1&t&&n!==(n=K(e[0].title)+"")&&x(s,n)},d(e){e&&u(t)}}}function P(e){let t;function s(e,t){return e[4]&&!e[3]?U:S}let n=s(e),i=n(e);return{c(){t=c("span"),i.c(),p(t,"class","mc-sidebar-user__header__information__icon svelte-1lutzn3")},m(e,s){l(e,t,s),i.m(t,null)},p(e,l){n!==(n=s(e))&&(i.d(1),i=n(e),i&&(i.c(),i.m(t,null)))},d(e){e&&u(t),i.d()}}}function S(e){let t,s;return{c(){t=$("svg"),s=$("path"),p(s,"d","M12 9H4a1 1 0 010-2h8a1 1 0 010 2z"),p(t,"width","16px"),p(t,"height","16px"),p(t,"class","mc-sidebar-user__icon svelte-1lutzn3"),p(t,"viewBox","0 0 16 16")},m(e,n){l(e,t,n),f(t,s)},d(e){e&&u(t)}}}function U(e){let t,s;return{c(){t=$("svg"),s=$("path"),p(s,"d","M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z"),p(t,"class","mc-sidebar-user__icon svelte-1lutzn3"),p(t,"width","16px"),p(t,"height","16px"),p(t,"viewBox","0 0 16 16")},m(e,n){l(e,t,n),f(t,s)},d(e){e&&u(t)}}}function G(e){let t,s,n,i=e[1],d=[];for(let t=0;t<i.length;t+=1)d[t]=I(E(e,i,t));const m=e=>r(d[e],1,1,(()=>{d[e]=null}));return{c(){t=c("ul");for(let e=0;e<d.length;e+=1)d[e].c();p(t,"aria-hidden",s=!e[4]||!e[3]),p(t,"class","mc-sidebar-user__content is-close svelte-1lutzn3"),p(t,"id","user-content")},m(s,i){l(s,t,i);for(let e=0;e<d.length;e+=1)d[e]&&d[e].m(t,null);e[9](t),n=!0},p(e,l){if(134&l){let s;for(i=e[1],s=0;s<i.length;s+=1){const n=E(e,i,s);d[s]?(d[s].p(n,l),a(d[s],1)):(d[s]=I(n),d[s].c(),a(d[s],1),d[s].m(t,null))}for(h(),s=i.length;s<d.length;s+=1)m(s);o()}(!n||24&l&&s!==(s=!e[4]||!e[3]))&&p(t,"aria-hidden",s)},i(e){if(!n){for(let e=0;e<i.length;e+=1)a(d[e]);n=!0}},o(e){d=d.filter(Boolean);for(let e=0;e<d.length;e+=1)r(d[e]);n=!1},d(s){s&&u(t),g(d,s),e[9](null)}}}function I(e){let t,s,n,i,o,d;function p(){return e[8](e[11])}return s=new N({props:{feature:e[11],a11yLabels:e[2]}}),{c(){t=c("li"),v(s.$$.fragment),n=m()},m(e,a){l(e,t,a),z(s,t,null),f(t,n),i=!0,o||(d=b(t,"click",w(p)),o=!0)},p(t,n){e=t;const i={};2&n&&(i.feature=e[11]),4&n&&(i.a11yLabels=e[2]),s.$set(i)},i(e){i||(a(s.$$.fragment,e),i=!0)},o(e){r(s.$$.fragment,e),i=!1},d(e){e&&u(t),y(s),o=!1,d()}}}function J(e){let t,s,n=e[0]&&V(e);return{c(){n&&n.c(),t=i()},m(e,i){n&&n.m(e,i),l(e,t,i),s=!0},p(e,[s]){e[0]?n?(n.p(e,s),1&s&&a(n,1)):(n=V(e),n.c(),a(n,1),n.m(t.parentNode,t)):n&&(h(),r(n,1,1,(()=>{n=null})),o())},i(e){s||(a(n),s=!0)},o(e){r(n),s=!1},d(e){n&&n.d(e),e&&u(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 n;d(e,A,(e=>s(4,n=e)));let i,{user:l}=t,{data:a}=t,{a11yLabels:r}=t,o=!1;function u(e){e.disabled||M(e.code)}return e.$$set=e=>{"user"in e&&s(0,l=e.user),"data"in e&&s(1,a=e.data),"a11yLabels"in e&&s(2,r=e.a11yLabels)},e.$$.update=()=>{24&e.$$.dirty&&function(e,t){if(i){s(5,i.style.height="",i),s(5,i.style.transition="none",i);const n=window.getComputedStyle(i).height;i.classList.add(t&&e?"is-open":"is-close"),i.classList.remove(t&&e?"is-close":"is-open");const l=window.getComputedStyle(i).height;s(5,i.style.height=n,i),requestAnimationFrame((()=>{s(5,i.style.transition="",i),requestAnimationFrame((()=>{s(5,i.style.height=l,i)}))}));const a=()=>{s(5,i.style.height="",i),i.removeEventListener("transitionend",a)};i.addEventListener("transitionend",a)}}(o,n)},[l,a,r,o,n,i,function(){n?s(3,o=!o):(C(!0),s(3,o=!0))},u,e=>u(e),function(e){k[e?"unshift":"push"]((()=>{i=e,s(5,i)}))}]}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{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(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};
|
|
2
2
|
//# sourceMappingURL=sidebar-user.nested.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-user.nested.js","sources":["../../../../src/components/sidebar/sidebar-user.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n import {\n isSidebarOpen,\n selectFeature,\n toggleSidebar,\n } from './sidebar-service';\n import type { User, Feature, A11yLabels } from './sidebar.types';\n import FeatureComponent from './sidebar-feature.nested.svelte';\n\n export let user: User;\n export let data: Feature[];\n export let a11yLabels: A11yLabels;\n\n let content: HTMLElement;\n let isExpanded = false;\n\n $: updateContentCSS(isExpanded, $isSidebarOpen);\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 toggle(): void {\n if (!$isSidebarOpen) {\n toggleSidebar(true);\n isExpanded = true;\n } else {\n isExpanded = !isExpanded;\n }\n }\n\n function capitalizeTheFirstLetterOfEachWord(words: string): string {\n let separateWord: string[] = words.toLowerCase().split(' ');\n for (let i = 0; i < separateWord.length; i++) {\n separateWord[i] =\n separateWord[i].charAt(0).toUpperCase() + separateWord[i].substring(1);\n }\n return separateWord.join(' ');\n }\n\n function handleClick(feature: Feature) {\n if (!feature.disabled) {\n selectFeature(feature.code);\n }\n }\n</script>\n\n{#if user}\n <!-- svelte-ignore a11y-click-events-have-key-events -->\n <div\n class=\"mc-sidebar-user {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n on:click={toggle}\n >\n <button\n aria-expanded={$isSidebarOpen && isExpanded}\n class=\"mc-sidebar-user__header\"\n aria-label={$isSidebarOpen && isExpanded\n ? a11yLabels?.['close-user'] || 'Close the user sub menu'\n : a11yLabels?.['open-user'] || 'Open the user sub menu'}\n aria-controls=\"user-content\"\n >\n <span class=\"mc-sidebar-user__header__picture\">\n {#if user.imageBase64}\n <img\n class=\"base64\"\n style=\"display:block; width:auto; height:48px; max-width:48px;\"\n aria-hidden\n alt=\"User Picture\"\n src=\"data:image/png;base64, {user.imageBase64}\"\n />\n {:else}\n <svg\n class=\"mc-sidebar-user__icon\"\n width=\"24px\"\n height=\"24px\"\n viewBox=\"0 0 24 24\"\n ><path\n 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\"\n /></svg\n >\n {/if}\n </span>\n {#if $isSidebarOpen}\n <p class=\"mc-sidebar-user__header__information\">\n <span class=\"mc-sidebar-user__header__information__identity\">\n {user?.firstName || ''}\n {user?.lastName || ''}\n </span>\n {#if user?.title}\n <span class=\"mc-sidebar-user__header__information__title\">\n {capitalizeTheFirstLetterOfEachWord(user.title)}\n </span>\n {/if}\n </p>\n {#if data?.length}\n <span class=\"mc-sidebar-user__header__information__icon\">\n {#if $isSidebarOpen && !isExpanded}\n <svg\n class=\"mc-sidebar-user__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 width=\"16px\"\n height=\"16px\"\n class=\"mc-sidebar-user__icon\"\n viewBox=\"0 0 16 16\"\n ><path d=\"M12 9H4a1 1 0 010-2h8a1 1 0 010 2z\" /></svg\n >\n {/if}\n </span>\n {/if}\n {/if}\n </button>\n {#if data?.length}\n <ul\n aria-hidden={!$isSidebarOpen || !isExpanded}\n class=\"mc-sidebar-user__content is-close\"\n id=\"user-content\"\n bind:this={content}\n >\n {#each data as feature}\n <!-- svelte-ignore a11y-click-events-have-key-events -->\n <li on:click|stopPropagation={() => handleClick(feature)}>\n <FeatureComponent {feature} {a11yLabels} />\n </li>\n {/each}\n </ul>\n {/if}\n </div>\n{/if}\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import './sidebar-variables';\n\n .mc-sidebar-user {\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n background: $color-sidebar-user-background;\n\n &__header {\n display: flex;\n align-items: center;\n background: none;\n border: none;\n color: $color-sidebar-text-color;\n font-size: inherit;\n font-family: inherit;\n text-align: initial;\n margin: 0;\n width: 100%;\n overflow: hidden;\n\n &:focus-visible {\n box-shadow: none;\n border: none;\n border-radius: 12px;\n outline: 1px solid #0b96cc;\n outline-offset: -5px;\n }\n\n &:hover {\n cursor: pointer;\n\n .mc-sidebar-user__header__information__icon {\n background: $color-sidebar-feature-hover-background;\n }\n }\n\n &__picture {\n display: flex;\n align-items: center;\n justify-content: center;\n background: $color-grey;\n border-radius: 24px;\n width: 48px;\n min-width: 48px;\n height: 48px;\n overflow: hidden;\n img {\n display: block;\n }\n }\n\n &__information {\n justify-content: space-around;\n display: flex;\n flex-direction: column;\n flex: 1;\n margin: 0;\n margin-left: 8px;\n height: 40px;\n &__icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n border-radius: 4px;\n }\n\n &__identity {\n font-size: 16px;\n font-weight: bold;\n }\n\n &__title,\n &__identity {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 176px;\n }\n }\n }\n\n &__icon {\n fill: $color-sidebar-icon;\n }\n\n &__content {\n list-style-type: none;\n padding: 0;\n overflow: hidden;\n margin: -8px 0px 24px 0px;\n @include transition(all 300ms ease-in-out);\n\n &.is-close {\n height: 0;\n margin: 0;\n }\n\n .is-open {\n height: auto;\n }\n }\n\n &.is-close {\n .mc-sidebar-user__header {\n @include transition(padding 300ms ease-in-out);\n padding: 12px 8px;\n margin: 8px 0;\n }\n }\n\n &.is-open {\n .mc-sidebar-user__header {\n @include transition(padding 300ms ease-in-out);\n padding: 12px 24px 12px 32px;\n margin: 8px 0;\n }\n }\n }\n</style>\n"],"names":["ctx","imageBase64","create_if_block_6","create_if_block_2","if_block2","length","create_if_block_1","attr","button","button_aria_expanded_value","button_aria_label_value","insert","target","div","anchor","append","span","current","dirty","svg","path","src_url_equal","img","src","img_src_value","firstName","lastName","if_block0","title","create_if_block_5","if_block1","create_if_block_3","p","set_data","t0","t0_value","t2","t2_value","capitalizeTheFirstLetterOfEachWord","t","t_value","create_if_block_4","i","ul","ul_aria_hidden_value","each_blocks","li","create_if_block","words","separateWord","toLowerCase","split","charAt","toUpperCase","substring","join","content","user","$$props","data","a11yLabels","isExpanded","handleClick","feature","disabled","selectFeature","code","isOpen","$$invalidate","style","height","transition","startHeight","window","getComputedStyle","classList","add","remove","requestAnimationFrame","handler","removeEventListener","addEventListener","updateContentCSS","$isSidebarOpen","toggleSidebar","$$value"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"sidebar-user.nested.js","sources":["../../../../src/components/sidebar/sidebar-user.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n import {\n isSidebarOpen,\n selectFeature,\n toggleSidebar,\n } from './sidebar-service';\n import type { User, Feature, A11yLabels } from './sidebar.types';\n import FeatureComponent from './sidebar-feature.nested.svelte';\n\n export let user: User;\n export let data: Feature[];\n export let a11yLabels: A11yLabels;\n\n let content: HTMLElement;\n let isExpanded = false;\n\n $: updateContentCSS(isExpanded, $isSidebarOpen);\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 toggle(): void {\n if (!$isSidebarOpen) {\n toggleSidebar(true);\n isExpanded = true;\n } else {\n isExpanded = !isExpanded;\n }\n }\n\n function capitalizeTheFirstLetterOfEachWord(words: string): string {\n let separateWord: string[] = words.toLowerCase().split(' ');\n for (let i = 0; i < separateWord.length; i++) {\n separateWord[i] =\n separateWord[i].charAt(0).toUpperCase() + separateWord[i].substring(1);\n }\n return separateWord.join(' ');\n }\n\n function handleClick(feature: Feature) {\n if (!feature.disabled) {\n selectFeature(feature.code);\n }\n }\n</script>\n\n{#if user}\n <!-- svelte-ignore a11y-click-events-have-key-events -->\n <div\n class=\"mc-sidebar-user {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n on:click={toggle}\n >\n <button\n aria-expanded={$isSidebarOpen && isExpanded}\n class=\"mc-sidebar-user__header\"\n aria-label={$isSidebarOpen && isExpanded\n ? a11yLabels?.['close-user'] || 'Close the user sub menu'\n : a11yLabels?.['open-user'] || 'Open the user sub menu'}\n aria-controls=\"user-content\"\n >\n <span class=\"mc-sidebar-user__header__picture\">\n {#if user.imageBase64}\n <img\n class=\"base64\"\n style=\"display:block; width:auto; height:48px; max-width:48px;\"\n aria-hidden\n alt=\"User Picture\"\n src=\"data:image/png;base64, {user.imageBase64}\"\n />\n {:else}\n <svg\n class=\"mc-sidebar-user__icon\"\n width=\"24px\"\n height=\"24px\"\n viewBox=\"0 0 24 24\"\n ><path\n 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\"\n /></svg\n >\n {/if}\n </span>\n {#if $isSidebarOpen}\n <p class=\"mc-sidebar-user__header__information\">\n <span class=\"mc-sidebar-user__header__information__identity\">\n {user?.firstName || ''}\n {user?.lastName || ''}\n </span>\n {#if user?.title}\n <span class=\"mc-sidebar-user__header__information__title\">\n {capitalizeTheFirstLetterOfEachWord(user.title)}\n </span>\n {/if}\n </p>\n {#if data?.length}\n <span class=\"mc-sidebar-user__header__information__icon\">\n {#if $isSidebarOpen && !isExpanded}\n <svg\n class=\"mc-sidebar-user__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 width=\"16px\"\n height=\"16px\"\n class=\"mc-sidebar-user__icon\"\n viewBox=\"0 0 16 16\"\n ><path d=\"M12 9H4a1 1 0 010-2h8a1 1 0 010 2z\" /></svg\n >\n {/if}\n </span>\n {/if}\n {/if}\n </button>\n {#if data?.length}\n <ul\n aria-hidden={!$isSidebarOpen || !isExpanded}\n class=\"mc-sidebar-user__content is-close\"\n id=\"user-content\"\n bind:this={content}\n >\n {#each data as feature}\n <!-- svelte-ignore a11y-click-events-have-key-events -->\n <li on:click|stopPropagation={() => handleClick(feature)}>\n <FeatureComponent {feature} {a11yLabels} />\n </li>\n {/each}\n </ul>\n {/if}\n </div>\n{/if}\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import './sidebar-variables';\n\n .mc-sidebar-user {\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n background: $color-sidebar-user-background;\n\n &__header {\n display: flex;\n align-items: center;\n background: none;\n border: none;\n color: $color-sidebar-text-color;\n font-size: inherit;\n font-family: inherit;\n text-align: initial;\n margin: 0;\n width: 100%;\n overflow: hidden;\n\n &:focus-visible {\n box-shadow: none;\n border: none;\n border-radius: 12px;\n outline: 1px solid #0b96cc;\n outline-offset: -5px;\n }\n\n &:hover {\n cursor: pointer;\n\n .mc-sidebar-user__header__information__icon {\n background: $color-sidebar-feature-hover-background;\n }\n }\n\n &__picture {\n display: flex;\n align-items: center;\n justify-content: center;\n background: $color-grey;\n border-radius: 24px;\n width: 48px;\n min-width: 48px;\n height: 48px;\n overflow: hidden;\n img {\n display: block;\n }\n }\n\n &__information {\n justify-content: space-around;\n display: flex;\n flex-direction: column;\n flex: 1;\n margin: 0;\n margin-left: 8px;\n height: 40px;\n &__icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n border-radius: 4px;\n }\n\n &__identity {\n font-size: 16px;\n font-weight: bold;\n }\n\n &__title,\n &__identity {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 176px;\n }\n }\n }\n\n &__icon {\n fill: $color-sidebar-icon;\n }\n\n &__content {\n list-style-type: none;\n padding: 0;\n overflow: hidden;\n margin: -8px 0px 24px 0px;\n @include transition(all 300ms ease-in-out);\n\n &.is-close {\n height: 0;\n margin: 0;\n }\n\n .is-open {\n height: auto;\n }\n }\n\n &.is-close {\n .mc-sidebar-user__header {\n @include transition(padding 300ms ease-in-out);\n padding: 12px 8px;\n margin: 8px 0;\n }\n }\n\n &.is-open {\n .mc-sidebar-user__header {\n @include transition(padding 300ms ease-in-out);\n padding: 12px 24px 12px 32px;\n margin: 8px 0;\n }\n }\n }\n</style>\n"],"names":["ctx","imageBase64","create_if_block_6","create_if_block_2","if_block2","length","create_if_block_1","attr","button","button_aria_expanded_value","button_aria_label_value","insert","target","div","anchor","append","span","current","dirty","svg","path","src_url_equal","img","src","img_src_value","firstName","lastName","if_block0","title","create_if_block_5","if_block1","create_if_block_3","p","set_data","t0","t0_value","t2","t2_value","capitalizeTheFirstLetterOfEachWord","t","t_value","create_if_block_4","i","ul","ul_aria_hidden_value","each_blocks","li","create_if_block","words","separateWord","toLowerCase","split","charAt","toUpperCase","substring","join","content","user","$$props","data","a11yLabels","isExpanded","handleClick","feature","disabled","selectFeature","code","isOpen","$$invalidate","style","height","transition","startHeight","window","getComputedStyle","classList","add","remove","requestAnimationFrame","handler","removeEventListener","addEventListener","updateContentCSS","$isSidebarOpen","toggleSidebar","$$value"],"mappings":"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"}
|
|
@@ -24,8 +24,6 @@
|
|
|
24
24
|
|
|
25
25
|
let label: HTMLElement;
|
|
26
26
|
|
|
27
|
-
const mediumIconStyle = 'width: 24px; height: 24px;';
|
|
28
|
-
|
|
29
27
|
function updateSelection(
|
|
30
28
|
isExpanded: boolean,
|
|
31
29
|
isOpen: boolean,
|
|
@@ -71,7 +69,7 @@
|
|
|
71
69
|
}
|
|
72
70
|
|
|
73
71
|
function generateIcon(iconname: string): string {
|
|
74
|
-
return `${iconname} size="
|
|
72
|
+
return `${iconname} size="1.5rem"`;
|
|
75
73
|
}
|
|
76
74
|
|
|
77
75
|
function handleClick(feature: Feature) {
|
|
@@ -99,7 +97,7 @@
|
|
|
99
97
|
{#if featureGroup.icon}
|
|
100
98
|
{@html `<${generateIcon(
|
|
101
99
|
featureGroup.icon,
|
|
102
|
-
)} class="mc-feature-group__icon"
|
|
100
|
+
)} class="mc-feature-group__icon" />`}
|
|
103
101
|
{/if}
|
|
104
102
|
{#if $isSidebarOpen}
|
|
105
103
|
<span class="mc-feature-group__label" bind:this={label}>
|
|
@@ -10,10 +10,8 @@
|
|
|
10
10
|
|
|
11
11
|
export let data: Segment;
|
|
12
12
|
|
|
13
|
-
const mediumIconStyle = 'width: 24px; height: 24px;';
|
|
14
|
-
|
|
15
13
|
function generateIcon(iconname: string): string {
|
|
16
|
-
return `${iconname} size="
|
|
14
|
+
return `${iconname} size="1.5rem"`;
|
|
17
15
|
}
|
|
18
16
|
|
|
19
17
|
function handleClick() {
|
|
@@ -33,9 +31,7 @@
|
|
|
33
31
|
>
|
|
34
32
|
<div class="mc-sidebar-segment__container mc-sidebar-segment__icon">
|
|
35
33
|
{#if data.icon}
|
|
36
|
-
{@html `<${generateIcon(
|
|
37
|
-
data.icon,
|
|
38
|
-
)} class="mc-sidebar-segment__icon" style="${mediumIconStyle}" />`}
|
|
34
|
+
{@html `<${generateIcon(data.icon)} class="mc-sidebar-segment__icon"/>`}
|
|
39
35
|
{/if}
|
|
40
36
|
<span aria-hidden={!$isSidebarOpen} class="mc-sidebar-segment__text">
|
|
41
37
|
{data.label}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{P as e,i as t,s,Q as
|
|
1
|
+
import{P as e,i as t,s,Q as i,e as l,g as a,b as n,j as v,n as c,o,J as r,d as p,v as d,t as b,R as x,l as m,k as f,K as j}from"../../index-c33b3772.js";import{E as _}from"../../EventHandler-02058705.js";function u(e){i(e,"svelte-10xvjpi",'.mc-tabs.svelte-10xvjpi.svelte-10xvjpi{font-family:"Roboto", sans-serif;font-weight:400;background-color:#ffffff;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;width:100%}.mc-tabs.svelte-10xvjpi.svelte-10xvjpi::after{background:#b3b3b3;content:"";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}.mc-tabs--no-shadow.svelte-10xvjpi.svelte-10xvjpi::after,.mc-tabs--no-divider.svelte-10xvjpi.svelte-10xvjpi::after{display:none}.mc-tabs__nav.svelte-10xvjpi.svelte-10xvjpi{list-style:none;margin-left:0;padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:0;margin-bottom:0}.mc-tabs__nav.svelte-10xvjpi.svelte-10xvjpi,.mc-tabs__select.svelte-10xvjpi.svelte-10xvjpi{position:relative}.mc-tabs__link.svelte-10xvjpi.svelte-10xvjpi,.mc-tabs__element.svelte-10xvjpi.svelte-10xvjpi{font-size:0.875rem;line-height:1.2857142857;font-weight:700;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:none;color:#666666;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;height:3.5rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;outline:none;padding-left:0.75rem;padding-right:0.75rem;position:relative;text-decoration:none}.mc-tabs__link.svelte-10xvjpi.svelte-10xvjpi::before,.mc-tabs__element.svelte-10xvjpi.svelte-10xvjpi::before{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;bottom:-0.125rem;top:-0.125rem}.mc-tabs__link.svelte-10xvjpi.svelte-10xvjpi::after,.mc-tabs__element.svelte-10xvjpi.svelte-10xvjpi::after{background-color:transparent;bottom:0;content:"";height:0.25rem;left:1.5rem;position:absolute;right:1.5rem}.mc-tabs__link.svelte-10xvjpi:hover .mc-tabs__text.svelte-10xvjpi,.mc-tabs__element.svelte-10xvjpi:hover .mc-tabs__text.svelte-10xvjpi{background-color:#eeedea}.mc-tabs__link.svelte-10xvjpi.svelte-10xvjpi:active,.mc-tabs__element.svelte-10xvjpi.svelte-10xvjpi:active{color:#004e57}.mc-tabs__link.svelte-10xvjpi:active .mc-tabs__text.svelte-10xvjpi,.mc-tabs__element.svelte-10xvjpi:active .mc-tabs__text.svelte-10xvjpi{background-color:#dddcd5}.mc-tabs__link.svelte-10xvjpi.svelte-10xvjpi:focus::before,.mc-tabs__element.svelte-10xvjpi.svelte-10xvjpi:focus::before{-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-tabs__link--selected.svelte-10xvjpi.svelte-10xvjpi,.mc-tabs__element--selected.svelte-10xvjpi.svelte-10xvjpi{color:#007f8c}.mc-tabs__link--selected.svelte-10xvjpi.svelte-10xvjpi::after,.mc-tabs__element--selected.svelte-10xvjpi.svelte-10xvjpi::after{background-color:#007f8c}.mc-tabs__link--disabled.svelte-10xvjpi.svelte-10xvjpi,.mc-tabs__element--disabled.svelte-10xvjpi.svelte-10xvjpi{cursor:not-allowed;background-color:#cccccc;pointer-events:none}.mc-tabs__link--disabled.svelte-10xvjpi.svelte-10xvjpi,.mc-tabs__link--disabled.svelte-10xvjpi.svelte-10xvjpi:hover,.mc-tabs__link--disabled.svelte-10xvjpi.svelte-10xvjpi:focus,.mc-tabs__link--disabled.svelte-10xvjpi.svelte-10xvjpi:active,.mc-tabs__element--disabled.svelte-10xvjpi.svelte-10xvjpi,.mc-tabs__element--disabled.svelte-10xvjpi.svelte-10xvjpi:hover,.mc-tabs__element--disabled.svelte-10xvjpi.svelte-10xvjpi:focus,.mc-tabs__element--disabled.svelte-10xvjpi.svelte-10xvjpi:active{-webkit-box-shadow:none;box-shadow:none}.mc-tabs__text.svelte-10xvjpi.svelte-10xvjpi{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:0.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.25rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;padding:0.4375rem 0.75rem;pointer-events:none}.mc-tabs__icon.svelte-10xvjpi.svelte-10xvjpi{fill:currentColor;height:1.5rem;width:1.5rem}.mc-tabs--full-centered.svelte-10xvjpi.svelte-10xvjpi{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-tabs--dropdown.svelte-10xvjpi.svelte-10xvjpi{padding:1rem;width:auto}@media screen and (min-width: 680px){.mc-tabs.svelte-10xvjpi.svelte-10xvjpi{width:auto}.mc-tabs--full.svelte-10xvjpi.svelte-10xvjpi,.mc-tabs--full-centered.svelte-10xvjpi.svelte-10xvjpi{width:100%}}@media screen and (max-width: 679px){.mc-tabs.svelte-10xvjpi.svelte-10xvjpi:not(.mc-tabs--dropdown)::before{bottom:0.125rem}.mc-tabs__nav.svelte-10xvjpi.svelte-10xvjpi{overflow:auto hidden;white-space:nowrap}}')}function h(e,t,s){const i=e.slice();return i[12]=t[s],i[14]=s,i}function g(e){let t,s,i,c,r,p,d,j,_,u=e[12].text+"";function h(...t){return e[9](e[14],e[12],...t)}return{c(){t=l("button"),s=l("span"),i=b(u),a(s,"class","mc-tabs__text svelte-10xvjpi"),a(t,"role","tab"),a(t,"type","button"),a(t,"class",c=x(O(e[12]))+" svelte-10xvjpi"),a(t,"id",r=e[12].id),t.disabled=p=e[12].disabled,a(t,"aria-selected",d=e[12].isActive?"true":"false")},m(e,l){n(e,t,l),v(t,s),v(s,i),j||(_=m(t,"click",h),j=!0)},p(s,l){e=s,32&l&&u!==(u=e[12].text+"")&&f(i,u),32&l&&c!==(c=x(O(e[12]))+" svelte-10xvjpi")&&a(t,"class",c),32&l&&r!==(r=e[12].id)&&a(t,"id",r),32&l&&p!==(p=e[12].disabled)&&(t.disabled=p),32&l&&d!==(d=e[12].isActive?"true":"false")&&a(t,"aria-selected",d)},d(e){e&&o(t),j=!1,_()}}}function k(e){let t;function s(e,t){return e[12].disabled?w:y}let i=s(e),l=i(e);return{c(){l.c(),t=j()},m(e,s){l.m(e,s),n(e,t,s)},p(e,a){i===(i=s(e))&&l?l.p(e,a):(l.d(1),l=i(e),l&&(l.c(),l.m(t.parentNode,t)))},d(e){l.d(e),e&&o(t)}}}function w(e){let t,s,i,c,r,p,d=e[12].text+"";return{c(){t=l("span"),s=l("span"),i=b(d),a(s,"class","mc-tabs__text svelte-10xvjpi"),a(t,"role","tab"),a(t,"class",c=x(O(e[12]))+" svelte-10xvjpi"),a(t,"id",r=e[12].id),a(t,"aria-selected",p=e[12].isActive?"true":"false")},m(e,l){n(e,t,l),v(t,s),v(s,i)},p(e,s){32&s&&d!==(d=e[12].text+"")&&f(i,d),32&s&&c!==(c=x(O(e[12]))+" svelte-10xvjpi")&&a(t,"class",c),32&s&&r!==(r=e[12].id)&&a(t,"id",r),32&s&&p!==(p=e[12].isActive?"true":"false")&&a(t,"aria-selected",p)},d(e){e&&o(t)}}}function y(e){let t,s,i,c,r,p,d,j,_,u=e[12].text+"";function h(...t){return e[8](e[14],e[12],...t)}return{c(){t=l("a"),s=l("span"),i=b(u),a(s,"class","mc-tabs__text svelte-10xvjpi"),a(t,"href",c=e[12].href),a(t,"role","tab"),a(t,"class",r=x(O(e[12]))+" svelte-10xvjpi"),a(t,"id",p=e[12].id),a(t,"aria-selected",d=e[12].isActive?"true":"false")},m(e,l){n(e,t,l),v(t,s),v(s,i),j||(_=m(t,"click",h),j=!0)},p(s,l){e=s,32&l&&u!==(u=e[12].text+"")&&f(i,u),32&l&&c!==(c=e[12].href)&&a(t,"href",c),32&l&&r!==(r=x(O(e[12]))+" svelte-10xvjpi")&&a(t,"class",r),32&l&&p!==(p=e[12].id)&&a(t,"id",p),32&l&&d!==(d=e[12].isActive?"true":"false")&&a(t,"aria-selected",d)},d(e){e&&o(t),j=!1,_()}}}function A(e){let t,s;function i(e,t){return e[12].href?k:g}let c=i(e),r=c(e);return{c(){t=l("li"),r.c(),s=p(),a(t,"class","mc-tabs__item"),a(t,"role","presentation")},m(e,i){n(e,t,i),r.m(t,null),v(t,s)},p(e,l){c===(c=i(e))&&r?r.p(e,l):(r.d(1),r=c(e),r&&(r.c(),r.m(t,s)))},d(e){e&&o(t),r.d()}}}function $(e){let t,s,i,p=e[5],d=[];for(let t=0;t<p.length;t+=1)d[t]=A(h(e,p,t));return{c(){t=l("div"),s=l("ul");for(let e=0;e<d.length;e+=1)d[e].c();a(s,"class","mc-tabs__nav svelte-10xvjpi"),a(s,"role","tablist"),a(s,"aria-label",e[1]),a(t,"class",i="mc-tabs "+(e[0]&&"full"===e[0]?" mc-tabs--full":"")+" "+(e[0]&&"centered"===e[0]?" mc-tabs--full-centered":"")+" "+(e[3]?` mc-tabs--${e[3]}`:"")+(e[2]?" mc-tabs--no-divider":"")+" svelte-10xvjpi")},m(i,l){n(i,t,l),v(t,s);for(let e=0;e<d.length;e+=1)d[e]&&d[e].m(s,null);e[10](s)},p(e,[l]){if(96&l){let t;for(p=e[5],t=0;t<p.length;t+=1){const i=h(e,p,t);d[t]?d[t].p(i,l):(d[t]=A(i),d[t].c(),d[t].m(s,null))}for(;t<d.length;t+=1)d[t].d(1);d.length=p.length}2&l&&a(s,"aria-label",e[1]),13&l&&i!==(i="mc-tabs "+(e[0]&&"full"===e[0]?" mc-tabs--full":"")+" "+(e[0]&&"centered"===e[0]?" mc-tabs--full-centered":"")+" "+(e[3]?` mc-tabs--${e[3]}`:"")+(e[2]?" mc-tabs--no-divider":"")+" svelte-10xvjpi")&&a(t,"class",i)},i:c,o:c,d(s){s&&o(t),r(d,s),e[10](null)}}}function O(e){const t=["mc-tabs__element"];return e.isActive&&t.push("mc-tabs__element--selected"),e.disabled&&t.push("mc-tabs__element--disabled"),t.join(" ")}function E(e,t,s){let i,l,{align:a="auto"}=t,{description:n="Tabs"}=t,{nodivider:v=!1}=t,{tabs:c}=t,{type:o="tabs"}=t,r=new _;function p(e,t){const s=e.target;l.querySelectorAll(".mc-tabs__element").forEach((e=>{e.classList.remove("mc-tabs__element--selected"),e.setAttribute("aria-selected","false")})),s.classList.add("mc-tabs__element--selected"),s.setAttribute("aria-selected","true"),r.dispatch("tab-clicked",Object.assign(t,{target:s}))}return e.$$set=e=>{"align"in e&&s(0,a=e.align),"description"in e&&s(1,n=e.description),"nodivider"in e&&s(2,v=e.nodivider),"tabs"in e&&s(7,c=e.tabs),"type"in e&&s(3,o=e.type)},e.$$.update=()=>{128&e.$$.dirty&&s(5,i=c?JSON.parse(c):[])},[a,n,v,o,l,i,p,c,(e,t,s)=>p(s,Object.assign({index:e},t)),(e,t,s)=>p(s,Object.assign({index:e},t)),function(e){d[e?"unshift":"push"]((()=>{l=e,s(4,l)}))}]}class J extends e{constructor(e){super(),t(this,e,E,$,s,{align:0,description:1,nodivider:2,tabs:7,type:3},u)}}export{J as default};
|
|
2
2
|
//# sourceMappingURL=Tabs.nested.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.nested.js","sources":["../../../../src/components/tabs/Tabs.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { TabsAlign, TabsItems, TabsType } from './tabs.types';\n import { EventHandler } from '../../utilities/EventHandler';\n\n export let align: TabsAlign = 'auto';\n export let description = 'Tabs';\n export let nodivider = false;\n export let tabs: string;\n export let type: TabsType = 'tabs';\n let eventHandler = new EventHandler();\n let tablist: HTMLElement;\n $: parsedTabs = tabs ? (JSON.parse(tabs) as TabsItems[]) : [];\n\n function setActiveClass(tab: TabsItems): string {\n const tabClasses = ['mc-tabs__element'];\n\n if (tab.isActive) {\n tabClasses.push('mc-tabs__element--selected');\n }\n\n if (tab.disabled) {\n tabClasses.push('mc-tabs__element--disabled');\n }\n\n return tabClasses.join(' ');\n }\n\n function manageTabs(e: Event, tabItem: TabsItems): void {\n const currentEl = e.target as HTMLElement;\n\n tablist.querySelectorAll('.mc-tabs__element').forEach((el): void => {\n el.classList.remove('mc-tabs__element--selected');\n el.setAttribute('aria-selected', 'false');\n });\n\n currentEl.classList.add('mc-tabs__element--selected');\n currentEl.setAttribute('aria-selected', 'true');\n\n eventHandler.dispatch(\n 'tab-clicked',\n Object.assign(tabItem, { target: currentEl }),\n );\n }\n</script>\n\n<div\n class=\"mc-tabs\n {align && align === 'full' ? ' mc-tabs--full' : ''}\n {align && align === 'centered' ? ' mc-tabs--full-centered' : ''}\n {type ? ` mc-tabs--${type}` : ''}{nodivider ? ' mc-tabs--no-divider' : ''}\"\n>\n <ul\n class=\"mc-tabs__nav\"\n bind:this={tablist}\n role=\"tablist\"\n aria-label={description}\n >\n {#each parsedTabs as tab, index}\n <li class=\"mc-tabs__item\" role=\"presentation\">\n {#if tab.href}\n {#if !tab.disabled}\n <a\n href={tab.href}\n role=\"tab\"\n class={setActiveClass(tab)}\n id={tab.id}\n aria-selected={tab.isActive ? 'true' : 'false'}\n on:click={(event) =>\n manageTabs(event, Object.assign({ index: index }, tab))}\n >\n <span class=\"mc-tabs__text\">\n {tab.text}\n </span>\n </a>\n {:else}\n <span\n role=\"tab\"\n class={setActiveClass(tab)}\n id={tab.id}\n aria-selected={tab.isActive ? 'true' : 'false'}\n >\n <span class=\"mc-tabs__text\">\n {tab.text}\n </span>\n </span>\n {/if}\n {:else}\n <button\n role=\"tab\"\n type=\"button\"\n class={setActiveClass(tab)}\n id={tab.id}\n disabled={tab.disabled}\n aria-selected={tab.isActive ? 'true' : 'false'}\n on:click={(event) =>\n manageTabs(event, Object.assign({ index: index }, tab))}\n >\n <span class=\"mc-tabs__text\">\n {tab.text}\n </span>\n </button>\n {/if}\n </li>\n {/each}\n </ul>\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n @import '@mozaic-ds/styles/components/c.tabs';\n</style>\n"],"names":["t_value","ctx","text","attr","button","button_class_value","null_to_empty","setActiveClass","button_id_value","id","disabled","button_disabled_value","button_aria_selected_value","isActive","insert","target","anchor","append","span","dirty","set_data","t","create_if_block_1","span1","span1_class_value","span1_id_value","span1_aria_selected_value","span0","a","a_href_value","href","a_class_value","a_id_value","a_aria_selected_value","create_if_block","li","length","i","div","ul","tab","tabClasses","push","join","tablist","align","$$props","description","nodivider","tabs","type","eventHandler","EventHandler","manageTabs","e","tabItem","currentEl","querySelectorAll","forEach","el","classList","remove","setAttribute","add","dispatch","Object","assign","$$invalidate","parsedTabs","JSON","parse","event","index","$$value"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tabs.nested.js","sources":["../../../../src/components/tabs/Tabs.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { TabsAlign, TabsItems, TabsType } from './tabs.types';\n import { EventHandler } from '../../utilities/EventHandler';\n\n export let align: TabsAlign = 'auto';\n export let description = 'Tabs';\n export let nodivider = false;\n export let tabs: string;\n export let type: TabsType = 'tabs';\n let eventHandler = new EventHandler();\n let tablist: HTMLElement;\n $: parsedTabs = tabs ? (JSON.parse(tabs) as TabsItems[]) : [];\n\n function setActiveClass(tab: TabsItems): string {\n const tabClasses = ['mc-tabs__element'];\n\n if (tab.isActive) {\n tabClasses.push('mc-tabs__element--selected');\n }\n\n if (tab.disabled) {\n tabClasses.push('mc-tabs__element--disabled');\n }\n\n return tabClasses.join(' ');\n }\n\n function manageTabs(e: Event, tabItem: TabsItems): void {\n const currentEl = e.target as HTMLElement;\n\n tablist.querySelectorAll('.mc-tabs__element').forEach((el): void => {\n el.classList.remove('mc-tabs__element--selected');\n el.setAttribute('aria-selected', 'false');\n });\n\n currentEl.classList.add('mc-tabs__element--selected');\n currentEl.setAttribute('aria-selected', 'true');\n\n eventHandler.dispatch(\n 'tab-clicked',\n Object.assign(tabItem, { target: currentEl }),\n );\n }\n</script>\n\n<div\n class=\"mc-tabs\n {align && align === 'full' ? ' mc-tabs--full' : ''}\n {align && align === 'centered' ? ' mc-tabs--full-centered' : ''}\n {type ? ` mc-tabs--${type}` : ''}{nodivider ? ' mc-tabs--no-divider' : ''}\"\n>\n <ul\n class=\"mc-tabs__nav\"\n bind:this={tablist}\n role=\"tablist\"\n aria-label={description}\n >\n {#each parsedTabs as tab, index}\n <li class=\"mc-tabs__item\" role=\"presentation\">\n {#if tab.href}\n {#if !tab.disabled}\n <a\n href={tab.href}\n role=\"tab\"\n class={setActiveClass(tab)}\n id={tab.id}\n aria-selected={tab.isActive ? 'true' : 'false'}\n on:click={(event) =>\n manageTabs(event, Object.assign({ index: index }, tab))}\n >\n <span class=\"mc-tabs__text\">\n {tab.text}\n </span>\n </a>\n {:else}\n <span\n role=\"tab\"\n class={setActiveClass(tab)}\n id={tab.id}\n aria-selected={tab.isActive ? 'true' : 'false'}\n >\n <span class=\"mc-tabs__text\">\n {tab.text}\n </span>\n </span>\n {/if}\n {:else}\n <button\n role=\"tab\"\n type=\"button\"\n class={setActiveClass(tab)}\n id={tab.id}\n disabled={tab.disabled}\n aria-selected={tab.isActive ? 'true' : 'false'}\n on:click={(event) =>\n manageTabs(event, Object.assign({ index: index }, tab))}\n >\n <span class=\"mc-tabs__text\">\n {tab.text}\n </span>\n </button>\n {/if}\n </li>\n {/each}\n </ul>\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n @import '@mozaic-ds/styles/components/c.tabs';\n</style>\n"],"names":["t_value","ctx","text","attr","button","button_class_value","null_to_empty","setActiveClass","button_id_value","id","disabled","button_disabled_value","button_aria_selected_value","isActive","insert","target","anchor","append","span","dirty","set_data","t","create_if_block_1","span1","span1_class_value","span1_id_value","span1_aria_selected_value","span0","a","a_href_value","href","a_class_value","a_id_value","a_aria_selected_value","create_if_block","li","length","i","div","ul","tab","tabClasses","push","join","tablist","align","$$props","description","nodivider","tabs","type","eventHandler","EventHandler","manageTabs","e","tabItem","currentEl","querySelectorAll","forEach","el","classList","remove","setAttribute","add","dispatch","Object","assign","$$invalidate","parsedTabs","JSON","parse","event","index","$$value"],"mappings":"++JAoGeA,EAAAC,MAAIC,KAAI,iLARJC,EAAAC,EAAA,QAAAC,EAAAC,EAAAC,EAAeN,EAAG,MAAA,mBACrBE,EAAAC,EAAA,KAAAI,EAAAP,MAAIQ,IACEL,EAAAM,SAAAC,EAAAV,MAAIS,SACCP,EAAAC,EAAA,gBAAAQ,EAAAX,EAAI,IAAAY,SAAW,OAAS,iBANzCC,EAaQC,EAAAX,EAAAY,GAHNC,EAEMb,EAAAc,iDADH,GAAAC,GAAAnB,KAAAA,EAAAC,MAAIC,KAAI,KAAAkB,EAAAC,EAAArB,GARJ,GAAAmB,GAAAd,KAAAA,EAAAC,EAAAC,EAAeN,EAAG,MAAA,mCACrB,GAAAkB,GAAAX,KAAAA,EAAAP,MAAIQ,iBACE,GAAAU,GAAAR,KAAAA,EAAAV,MAAIS,0BACC,GAAAS,GAAAP,KAAAA,EAAAX,EAAI,IAAAY,SAAW,OAAS,8FAjCnC,OAAAZ,MAAIS,WAAQY,0MAsBXtB,EAAAC,MAAIC,KAAI,2GALJC,EAAAoB,EAAA,QAAAC,EAAAlB,EAAAC,EAAeN,EAAG,MAAA,mBACrBE,EAAAoB,EAAA,KAAAE,EAAAxB,MAAIQ,IACON,EAAAoB,EAAA,gBAAAG,EAAAzB,EAAI,IAAAY,SAAW,OAAS,iBAJzCC,EASMC,EAAAQ,EAAAP,GAHJC,EAEMM,EAAAI,kBADH,GAAAR,GAAAnB,KAAAA,EAAAC,MAAIC,KAAI,KAAAkB,EAAAC,EAAArB,GALJ,GAAAmB,GAAAK,KAAAA,EAAAlB,EAAAC,EAAeN,EAAG,MAAA,mCACrB,GAAAkB,GAAAM,KAAAA,EAAAxB,MAAIQ,iBACO,GAAAU,GAAAO,KAAAA,EAAAzB,EAAI,IAAAY,SAAW,OAAS,qFARpCb,EAAAC,MAAIC,KAAI,qIATLC,EAAAyB,EAAA,OAAAC,EAAA5B,MAAI6B,wBAEH3B,EAAAyB,EAAA,QAAAG,EAAAzB,EAAAC,EAAeN,EAAG,MAAA,mBACrBE,EAAAyB,EAAA,KAAAI,EAAA/B,MAAIQ,IACON,EAAAyB,EAAA,gBAAAK,EAAAhC,EAAI,IAAAY,SAAW,OAAS,iBALzCC,EAYGC,EAAAa,EAAAZ,GAHDC,EAEMW,EAAAV,iDADH,GAAAC,GAAAnB,KAAAA,EAAAC,MAAIC,KAAI,KAAAkB,EAAAC,EAAArB,GATL,GAAAmB,GAAAU,KAAAA,EAAA5B,MAAI6B,qBAEH,GAAAX,GAAAY,KAAAA,EAAAzB,EAAAC,EAAeN,EAAG,MAAA,mCACrB,GAAAkB,GAAAa,KAAAA,EAAA/B,MAAIQ,iBACO,GAAAU,GAAAc,KAAAA,EAAAhC,EAAI,IAAAY,SAAW,OAAS,gGAPxC,OAAAZ,MAAI6B,KAAII,uHADfpB,EA4CIC,EAAAoB,EAAAnB,2IA7CCf,EAAU,wBAAfmC,OAAIC,GAAA,0KAFMpC,EAAW,8BARxBA,EAAK,IAAc,SAAVA,EAAK,GAAc,iBAAmB,IAC/C,KAAAA,EAAS,IAAU,aAAVA,KAAuB,0BAA4B,IAAE,KAC9DA,EAAI,GAAA,aAAgBA,EAAI,KAAK,KAAIA,EAAS,GAAG,uBAAyB,IAAE,2BAJ3Ea,EA4DKC,EAAAuB,EAAAtB,GAtDHC,EAqDIqB,EAAAC,4FA/CKtC,EAAU,WAAfmC,OAAIC,GAAA,EAAA,iHAAJD,6BAFUnC,EAAW,6BARxBA,EAAK,IAAc,SAAVA,EAAK,GAAc,iBAAmB,IAC/C,KAAAA,EAAS,IAAU,aAAVA,KAAuB,0BAA4B,IAAE,KAC9DA,EAAI,GAAA,aAAgBA,EAAI,KAAK,KAAIA,EAAS,GAAG,uBAAyB,IAAE,8EApChE,SAAAM,EAAeiC,GAChB,MAAAC,GAAc,2BAEhBD,EAAI3B,UACN4B,EAAWC,KAAK,8BAGdF,EAAI9B,UACN+B,EAAWC,KAAK,8BAGXD,EAAWE,KAAK,6BAdrBC,GANOC,MAAAA,EAAmB,QAAMC,GACzBC,YAAAA,EAAc,QAAMD,GACpBE,UAAAA,GAAY,GAAKF,QACjBG,GAAYH,GACZI,KAAAA,EAAiB,QAAMJ,EAC9BK,MAAmBC,WAkBdC,EAAWC,EAAUC,SACtBC,EAAYF,EAAEvC,OAEpB6B,EAAQa,iBAAiB,qBAAqBC,SAASC,IACrDA,EAAGC,UAAUC,OAAO,8BACpBF,EAAGG,aAAa,gBAAiB,QAAO,IAG1CN,EAAUI,UAAUG,IAAI,8BACxBP,EAAUM,aAAa,gBAAiB,QAExCX,EAAaa,SACX,cACAC,OAAOC,OAAOX,EAAW,CAAAxC,OAAQyC,sNA7BpCW,EAAA,EAAEC,EAAanB,EAAQoB,KAAKC,MAAMrB,GAAI,2BAwDhBsB,IACTlB,EAAWkB,EAAON,OAAOC,OAAM,CAAUM,SAAShC,SA0B3C+B,IACTlB,EAAWkB,EAAON,OAAOC,OAAM,CAAUM,SAAShC,4CA1CjDI,EAAO6B"}
|