@mozaic-ds/web-components 0.7.0 → 0.9.0-beta
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/public/ClickOutside-63071e7a.js +15 -1
- package/public/ClickOutside-63071e7a.js.map +1 -1
- package/public/DataTableDefaultAction.nested-c37a5d51.js +762 -0
- package/public/DataTableDefaultAction.nested-c37a5d51.js.map +1 -0
- package/public/DataTableUtilities-313a448d.js +386 -0
- package/public/DataTableUtilities-313a448d.js.map +1 -0
- package/public/EventForward-8492ff62.js +109 -1
- package/public/EventForward-8492ff62.js.map +1 -1
- package/public/EventHandler-02058705.js +15 -1
- package/public/EventHandler-02058705.js.map +1 -1
- package/public/adeo/{DataTableDefaultAction.nested-90536fe3.js → DataTableDefaultAction.nested-ac2e3dbe.js} +2 -2
- package/public/adeo/{DataTableDefaultAction.nested-90536fe3.js.map → DataTableDefaultAction.nested-ac2e3dbe.js.map} +1 -1
- package/public/adeo/DataTableUtilities-313a448d.js +2 -0
- package/public/adeo/DataTableUtilities-313a448d.js.map +1 -0
- package/public/adeo/bundle.js +5 -0
- package/public/adeo/components/barchart/BarChart.svelte +3 -4
- package/public/adeo/components/chart/BarChart.js +1 -1
- package/public/adeo/components/chart/BarChart.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/DataTableDefaultFilterTags.nested.js +1 -1
- package/public/adeo/components/datatable/DataTableFooter.nested.js +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/header/Header.js +1 -1
- package/public/adeo/components/header/Header.js.map +1 -1
- package/public/adeo/components/header/Header.svelte +2 -2
- package/public/adeo/components/kpi/Kpi.js +2 -0
- package/public/adeo/components/kpi/Kpi.js.map +1 -0
- package/public/adeo/components/kpi/Kpi.svelte +232 -0
- package/public/adeo/components/sidebar/Sidebar.js +1 -1
- package/public/adeo/components/sidebar/Sidebar.js.map +1 -1
- package/public/adeo/components/sidebar/Sidebar.svelte +1 -1
- package/public/adeo/icons-storybook.js +16 -0
- package/public/adeo/main.d.ts +1 -0
- package/public/adeo/main.d.ts.map +1 -1
- package/public/adeo/utilities/DataTableUtilities.d.ts.map +1 -1
- package/public/adeo/utilities/DataTableUtilities.ts +22 -2
- package/public/array-5b770a93.js +13 -1
- package/public/array-5b770a93.js.map +1 -1
- package/public/axis-fbc0f7b5.js +174 -1
- package/public/axis-fbc0f7b5.js.map +1 -1
- package/public/band-d7a07d2c.js +186 -1
- package/public/band-d7a07d2c.js.map +1 -1
- package/public/bricoman/{DataTableDefaultAction.nested-928e5e2d.js → DataTableDefaultAction.nested-bcc599d1.js} +2 -2
- package/public/bricoman/{DataTableDefaultAction.nested-928e5e2d.js.map → DataTableDefaultAction.nested-bcc599d1.js.map} +1 -1
- package/public/bricoman/DataTableUtilities-313a448d.js +2 -0
- package/public/bricoman/DataTableUtilities-313a448d.js.map +1 -0
- package/public/bricoman/bundle.js +5 -0
- package/public/bricoman/components/barchart/BarChart.svelte +3 -4
- package/public/bricoman/components/chart/BarChart.js +1 -1
- package/public/bricoman/components/chart/BarChart.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/DataTableDefaultFilterTags.nested.js +1 -1
- package/public/bricoman/components/datatable/DataTableFooter.nested.js +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/header/Header.js +1 -1
- package/public/bricoman/components/header/Header.js.map +1 -1
- package/public/bricoman/components/header/Header.svelte +2 -2
- package/public/bricoman/components/kpi/Kpi.js +2 -0
- package/public/bricoman/components/kpi/Kpi.js.map +1 -0
- package/public/bricoman/components/kpi/Kpi.svelte +232 -0
- package/public/bricoman/components/sidebar/Sidebar.js +1 -1
- package/public/bricoman/components/sidebar/Sidebar.js.map +1 -1
- package/public/bricoman/components/sidebar/Sidebar.svelte +1 -1
- package/public/bricoman/icons-storybook.js +16 -0
- package/public/bricoman/main.d.ts +1 -0
- package/public/bricoman/main.d.ts.map +1 -1
- package/public/bricoman/utilities/DataTableUtilities.d.ts.map +1 -1
- package/public/bricoman/utilities/DataTableUtilities.ts +22 -2
- package/public/bundle.js +5 -0
- package/public/components/accordion/Accordion.js +365 -1
- package/public/components/accordion/Accordion.js.map +1 -1
- package/public/components/autocomplete/Autocomplete.js +1515 -1
- package/public/components/autocomplete/Autocomplete.js.map +1 -1
- package/public/components/badge/Badge.js +155 -1
- package/public/components/badge/Badge.js.map +1 -1
- package/public/components/badge/Badge.nested.js +101 -1
- package/public/components/badge/Badge.nested.js.map +1 -1
- package/public/components/barchart/BarChart.svelte +3 -4
- package/public/components/breadcrumb/Breadcrumb.js +372 -1
- package/public/components/breadcrumb/Breadcrumb.js.map +1 -1
- package/public/components/breadcrumb/Breadcrumb.nested.js +319 -1
- package/public/components/breadcrumb/Breadcrumb.nested.js.map +1 -1
- package/public/components/button/Button.js +1138 -1
- package/public/components/button/Button.js.map +1 -1
- package/public/components/card/Card.js +369 -1
- package/public/components/card/Card.js.map +1 -1
- package/public/components/chart/BarChart.js +583 -1
- package/public/components/chart/BarChart.js.map +1 -1
- package/public/components/chart/Donut.js +1189 -1
- package/public/components/chart/Donut.js.map +1 -1
- package/public/components/chart/GroupedBarChart.js +750 -1
- package/public/components/chart/GroupedBarChart.js.map +1 -1
- package/public/components/chart/LineChart.js +1731 -1
- package/public/components/chart/LineChart.js.map +1 -1
- package/public/components/chart/Radar.js +729 -1
- package/public/components/chart/Radar.js.map +1 -1
- package/public/components/chart/StackedBarChart.js +745 -1
- package/public/components/chart/StackedBarChart.js.map +1 -1
- package/public/components/checkbox/Checkbox.js +307 -1
- package/public/components/checkbox/Checkbox.js.map +1 -1
- package/public/components/checkboxgroup/checkboxGroup.js +404 -1
- package/public/components/checkboxgroup/checkboxGroup.js.map +1 -1
- package/public/components/datatable/DataTable.js +3098 -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 +4 -1
- package/public/components/datatable/DataTableDefaultAction.nested.js.map +1 -1
- package/public/components/datatable/DataTableDefaultEdtion.nested.js +164 -1
- package/public/components/datatable/DataTableDefaultEdtion.nested.js.map +1 -1
- package/public/components/datatable/DataTableDefaultFilterTags.nested.js +380 -1
- package/public/components/datatable/DataTableDefaultFilterTags.nested.js.map +1 -1
- package/public/components/datatable/DataTableDefaultSelection.nested.js +424 -1
- package/public/components/datatable/DataTableDefaultSelection.nested.js.map +1 -1
- package/public/components/datatable/DataTableDefaultSelectionLabel.nested.js +263 -1
- package/public/components/datatable/DataTableDefaultSelectionLabel.nested.js.map +1 -1
- package/public/components/datatable/DataTableFooter.nested.js +637 -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 +1426 -1
- package/public/components/dropdown/Dropdown.js.map +1 -1
- package/public/components/field/Field.js +375 -1
- package/public/components/field/Field.js.map +1 -1
- package/public/components/fileuploader/FileUploader.js +603 -1
- package/public/components/fileuploader/FileUploader.js.map +1 -1
- package/public/components/fileuploader/ResultFile.nested.js +344 -1
- package/public/components/fileuploader/ResultFile.nested.js.map +1 -1
- package/public/components/flag/Flag.js +174 -1
- package/public/components/flag/Flag.js.map +1 -1
- package/public/components/header/Header.js +918 -1
- package/public/components/header/Header.js.map +1 -1
- package/public/components/header/Header.svelte +2 -2
- package/public/components/hero/Hero.js +271 -1
- package/public/components/hero/Hero.js.map +1 -1
- package/public/components/kpi/Kpi.js +405 -0
- package/public/components/kpi/Kpi.js.map +1 -0
- package/public/components/kpi/Kpi.svelte +232 -0
- package/public/components/layer/Layer.js +471 -1
- package/public/components/layer/Layer.js.map +1 -1
- package/public/components/link/Link.js +380 -1
- package/public/components/link/Link.js.map +1 -1
- package/public/components/listbox/Listbox.js +595 -1
- package/public/components/listbox/Listbox.js.map +1 -1
- package/public/components/listbox/Listbox.nested.js +629 -1
- package/public/components/listbox/Listbox.nested.js.map +1 -1
- package/public/components/loader/Loader.js +246 -1
- package/public/components/loader/Loader.js.map +1 -1
- package/public/components/loader/Loader.nested.js +176 -1
- package/public/components/loader/Loader.nested.js.map +1 -1
- package/public/components/modal/Modal.js +395 -1
- package/public/components/modal/Modal.js.map +1 -1
- package/public/components/notification/Notification.js +458 -1
- package/public/components/notification/Notification.js.map +1 -1
- package/public/components/optionbutton/OptionButton.js +316 -1
- package/public/components/optionbutton/OptionButton.js.map +1 -1
- package/public/components/overlay/Overlay.js +104 -1
- package/public/components/overlay/Overlay.js.map +1 -1
- package/public/components/overlay/OverlayLoader.js +151 -1
- package/public/components/overlay/OverlayLoader.js.map +1 -1
- package/public/components/pagination/Pagination.js +613 -1
- package/public/components/pagination/Pagination.js.map +1 -1
- package/public/components/passwordinput/PasswordInput.js +291 -1
- package/public/components/passwordinput/PasswordInput.js.map +1 -1
- package/public/components/phonenumber/PhoneNumber.js +6894 -1
- package/public/components/phonenumber/PhoneNumber.js.map +1 -1
- package/public/components/price/Price.js +768 -1
- package/public/components/price/Price.js.map +1 -1
- package/public/components/progressbar/ProgressBar.js +278 -1
- package/public/components/progressbar/ProgressBar.js.map +1 -1
- package/public/components/quantityselector/QuantitySelector.js +397 -1
- package/public/components/quantityselector/QuantitySelector.js.map +1 -1
- package/public/components/radio/Radio.js +273 -1
- package/public/components/radio/Radio.js.map +1 -1
- package/public/components/radiogroup/RadioGroup.js +414 -1
- package/public/components/radiogroup/RadioGroup.js.map +1 -1
- package/public/components/ratings/StarsInput.js +292 -1
- package/public/components/ratings/StarsInput.js.map +1 -1
- package/public/components/ratings/StarsResult.js +246 -1
- package/public/components/ratings/StarsResult.js.map +1 -1
- package/public/components/select/Select.js +451 -1
- package/public/components/select/Select.js.map +1 -1
- package/public/components/sidebar/Sidebar.js +784 -1
- package/public/components/sidebar/Sidebar.js.map +1 -1
- package/public/components/sidebar/Sidebar.svelte +1 -1
- package/public/components/sidebar/sidebar-feature-group.nested.js +594 -1
- package/public/components/sidebar/sidebar-feature-group.nested.js.map +1 -1
- package/public/components/sidebar/sidebar-feature.nested.js +402 -1
- package/public/components/sidebar/sidebar-feature.nested.js.map +1 -1
- package/public/components/sidebar/sidebar-section.nested.js +394 -1
- package/public/components/sidebar/sidebar-section.nested.js.map +1 -1
- package/public/components/sidebar/sidebar-segment.nested.js +200 -1
- package/public/components/sidebar/sidebar-segment.nested.js.map +1 -1
- package/public/components/sidebar/sidebar-separator.nested.js +49 -1
- package/public/components/sidebar/sidebar-separator.nested.js.map +1 -1
- package/public/components/sidebar/sidebar-sub-features.nested.js +312 -1
- package/public/components/sidebar/sidebar-sub-features.nested.js.map +1 -1
- package/public/components/sidebar/sidebar-user.nested.js +733 -1
- package/public/components/sidebar/sidebar-user.nested.js.map +1 -1
- package/public/components/stepper/Stepper.js +371 -1
- package/public/components/stepper/Stepper.js.map +1 -1
- package/public/components/tabs/Tabs.js +615 -1
- package/public/components/tabs/Tabs.js.map +1 -1
- package/public/components/tabs/Tabs.nested.js +472 -1
- package/public/components/tabs/Tabs.nested.js.map +1 -1
- package/public/components/tag/Tag.js +665 -1
- package/public/components/tag/Tag.js.map +1 -1
- package/public/components/tag/Tag.nested.js +554 -1
- package/public/components/tag/Tag.nested.js.map +1 -1
- package/public/components/taglist/TagList.js +475 -1
- package/public/components/taglist/TagList.js.map +1 -1
- package/public/components/textarea/Textarea.js +303 -1
- package/public/components/textarea/Textarea.js.map +1 -1
- package/public/components/textinput/Textinput.js +497 -1
- package/public/components/textinput/Textinput.js.map +1 -1
- package/public/components/textinput/Textinput.nested.js +320 -1
- package/public/components/textinput/Textinput.nested.js.map +1 -1
- package/public/components/toggle/Toggle.js +278 -1
- package/public/components/toggle/Toggle.js.map +1 -1
- package/public/components/tooltip/Tooltip.js +173 -1
- package/public/components/tooltip/Tooltip.js.map +1 -1
- package/public/icons-storybook.js +16 -0
- package/public/index-c33b3772.js +873 -1
- package/public/index-c33b3772.js.map +1 -1
- package/public/linear-f46d7e9e.js +700 -1
- package/public/linear-f46d7e9e.js.map +1 -1
- package/public/main.d.ts +1 -0
- package/public/main.d.ts.map +1 -1
- package/public/path-1b5da959.js +186 -1
- package/public/path-1b5da959.js.map +1 -1
- package/public/sidebar-service-275bf9ef.js +129 -1
- package/public/sidebar-service-275bf9ef.js.map +1 -1
- package/public/symbol-b05a6e2b.js +169 -1
- package/public/symbol-b05a6e2b.js.map +1 -1
- package/public/transform-15d69d5d.js +2743 -1
- package/public/transform-15d69d5d.js.map +1 -1
- package/public/utilities/DataTableUtilities.d.ts.map +1 -1
- package/public/utilities/DataTableUtilities.ts +22 -2
- package/public/utilities/EventForward.js +136 -1
- package/public/utilities/EventForward.js.map +1 -1
- package/public/utilities/EventHandler.js +36 -1
- package/public/utilities/EventHandler.js.map +1 -1
- 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/main.d.ts +1 -0
- package/public/utilities/main.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.map +1 -1
- package/public/utilities/stories/kpi/kpi.stories.d.ts +7 -0
- package/public/utilities/stories/kpi/kpi.stories.d.ts.map +1 -0
- package/public/utilities/utilities/DataTableUtilities.d.ts.map +1 -1
- package/public/DataTableDefaultAction.nested-483f8bb0.js +0 -2
- package/public/DataTableDefaultAction.nested-483f8bb0.js.map +0 -1
- package/public/DataTableUtilities-60220c78.js +0 -2
- package/public/DataTableUtilities-60220c78.js.map +0 -1
- package/public/adeo/DataTableUtilities-60220c78.js +0 -2
- package/public/adeo/DataTableUtilities-60220c78.js.map +0 -1
- package/public/bricoman/DataTableUtilities-60220c78.js +0 -2
- package/public/bricoman/DataTableUtilities-60220c78.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sources":["../../../src/components/header/Header.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { EventHandler } from '../../utilities/EventHandler';\n import Breadcrumb from '../breadcrumb/Breadcrumb.nested.svelte';\n import type { BreadcrumbItems } from '../breadcrumb/breadcrumb.types';\n import Tabs from '../tabs/Tabs.nested.svelte';\n import type { TabsItems } from '../tabs/tabs.types';\n import Badge from '../badge/Badge.nested.svelte';\n import type { BadgeType } from '../badge/badge.types';\n import type { A11yLabels, HeaderSize } from './Header.types';\n\n export let title: string;\n export let subtitle: string;\n export let size: HeaderSize = 'm';\n export let status: string;\n export let statustype: BadgeType;\n export let back: boolean | string;\n export let breadcrumb: string | BreadcrumbItems[];\n export let tabs: string | TabsItems[];\n export let noshadow: boolean | string;\n export let a11ylabels: string | A11yLabels;\n export let scrollcontainer: HTMLElement;\n\n export let hasicons: boolean;\n export let hasselector: boolean;\n export let hideoptions = false;\n\n const headerAnimationThreshold = 5;\n\n let eventHandler = new EventHandler();\n let originalScrollPos = 0;\n let hasAnimation: boolean;\n let root: HTMLElement;\n\n $: parsedBreadcrumb =\n typeof breadcrumb === 'string'\n ? (JSON.parse(breadcrumb) as BreadcrumbItems[])\n : breadcrumb;\n\n $: parsedTabs =\n typeof tabs === 'string' ? (JSON.parse(tabs) as TabsItems[]) : tabs;\n\n $: parsedA11yLabels =\n typeof a11ylabels === 'string'\n ? (JSON.parse(a11ylabels) as A11yLabels)\n : a11ylabels;\n\n $: hasBack = back && back !== 'false';\n $: hasNoShadow = noshadow && noshadow !== 'false';\n $: {\n hasAnimation = Boolean(scrollcontainer);\n updateAnimation(scrollcontainer);\n }\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n function goBack() {\n eventHandler.dispatch('on-back-click', {});\n }\n\n function updateAnimation(element: HTMLElement) {\n if (element) {\n element.removeEventListener('scroll', handleScroll);\n element.addEventListener('scroll', handleScroll);\n }\n }\n\n function handleScroll() {\n const currentScrollPos = scrollcontainer.scrollTop;\n const originHeaderMargin = Number(root.style.marginTop.replace('px', ''));\n\n if (originalScrollPos > currentScrollPos) {\n // scroll up\n if (currentScrollPos < root.offsetHeight) {\n // scroll while in header zone\n root.style.marginTop = `${Math.max(\n -currentScrollPos,\n originHeaderMargin,\n )}px`;\n } else {\n // scroll while below header zone\n root.style.marginTop = '0';\n }\n } else {\n // scroll down\n if (currentScrollPos < root.offsetHeight) {\n // scroll while in header zone\n\n root.style.transition = 'none';\n root.style.marginTop = `${-currentScrollPos}px`;\n } else {\n // scroll while below header zone\n root.style.transition = 'margin-top ease-out 0.4s';\n root.style.marginTop = `${\n -root.offsetHeight - headerAnimationThreshold\n }px`;\n }\n }\n\n originalScrollPos = currentScrollPos;\n }\n</script>\n\n<div\n class=\"mc-header {size ? `mc-header--${size}` : ''}\"\n class:mc-header--no-shadow={hasNoShadow}\n class:mc-header--animate={hasAnimation}\n bind:this={root}\n {...attributes}\n>\n <div class=\"mc-header__left\">\n {#if breadcrumb}\n <div class=\"mc-header__breadcrumb\">\n <Breadcrumb\n items={JSON.stringify(parsedBreadcrumb)}\n nopadding=\"true\"\n on:link-clicked={(event) =>\n eventHandler.dispatch('link-clicked', event.detail)}\n />\n </div>\n {/if}\n\n {#if hasBack}\n <button class=\"mc-header__back\" on:click={goBack}>\n <span class=\"mc-header__back__label\">\n {parsedA11yLabels?.['back'] || 'Back'}\n </span>\n </button>\n {/if}\n\n <div class=\"mc-header__heading\">\n <h1 class=\"mc-header__heading__title\">\n {title}\n </h1>\n {#if subtitle}\n <div class=\"mc-header__heading__subtitle\">\n {subtitle}\n </div>\n {/if}\n {#if status}\n <div class=\"mc-header__heading__status\">\n <Badge label={status} type={statustype} />\n </div>\n {/if}\n </div>\n </div>\n {#if !hideoptions}\n <div class=\"mc-header__right\">\n {#if $$slots?.icons || hasicons}\n <div class=\"mc-header__icons\">\n <slot name=\"icons\" />\n </div>\n {/if}\n {#if $$slots?.selector || hasselector}\n <div\n class:mc-header__selector--show-separator={($$slots?.icons ||\n hasicons) &&\n ($$slots?.selector || hasselector)}\n class=\"mc-header__selector\"\n >\n <slot name=\"selector\" />\n </div>\n {/if}\n </div>\n {/if}\n {#if parsedTabs}\n <div class=\"mc-header__tabs\">\n <Tabs\n tabs={JSON.stringify(parsedTabs)}\n nodivider={true}\n on:tab-clicked={(event) =>\n eventHandler.dispatch('tab-clicked', event.detail)}\n />\n </div>\n {/if}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import './_c.header.scss';\n\n :host {\n display: block;\n line-height: 0;\n }\n</style>\n"],"names":["JSON","stringify","ctx","insert","target","div","anchor","button","append","span","set_data","t","t_value","icons","create_if_block_3","selector","create_if_block_2","create_if_block_7","create_if_block_6","create_if_block_5","create_if_block_4","create_if_block_1","create_if_block","div2","div1","div0","h1","class","div2_class_value","hasAnimation","root","title","$$props","subtitle","size","status","statustype","back","breadcrumb","tabs","noshadow","a11ylabels","scrollcontainer","hasicons","hasselector","hideoptions","eventHandler","EventHandler","originalScrollPos","handleScroll","currentScrollPos","scrollTop","originHeaderMargin","Number","style","marginTop","replace","offsetHeight","Math","max","$$invalidate","transition","parsedBreadcrumb","parse","parsedTabs","parsedA11yLabels","hasBack","hasNoShadow","Boolean","element","removeEventListener","addEventListener","updateAnimation","attributes","Object","assign","$$restProps","dispatch","event","detail","$$value"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Header.js","sources":["../../../src/components/header/Header.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { EventHandler } from '../../utilities/EventHandler';\n import Breadcrumb from '../breadcrumb/Breadcrumb.nested.svelte';\n import type { BreadcrumbItems } from '../breadcrumb/breadcrumb.types';\n import Tabs from '../tabs/Tabs.nested.svelte';\n import type { TabsItems } from '../tabs/tabs.types';\n import Badge from '../badge/Badge.nested.svelte';\n import type { BadgeType } from '../badge/badge.types';\n import type { A11yLabels, HeaderSize } from './Header.types';\n\n export let title: string;\n export let subtitle: string;\n export let size: HeaderSize = 'm';\n export let status: string;\n export let statustype: BadgeType;\n export let back: boolean | string;\n export let breadcrumb: string | BreadcrumbItems[];\n export let tabs: string | TabsItems[];\n export let noshadow: boolean | string;\n export let a11ylabels: string | A11yLabels;\n export let scrollcontainer: HTMLElement;\n export let nopaddingbreadcrumb: boolean;\n export let hasicons: boolean;\n export let hasselector: boolean;\n export let hideoptions = false;\n\n const headerAnimationThreshold = 5;\n\n let eventHandler = new EventHandler();\n let originalScrollPos = 0;\n let hasAnimation: boolean;\n let root: HTMLElement;\n\n $: parsedBreadcrumb =\n typeof breadcrumb === 'string'\n ? (JSON.parse(breadcrumb) as BreadcrumbItems[])\n : breadcrumb;\n\n $: parsedTabs =\n typeof tabs === 'string' ? (JSON.parse(tabs) as TabsItems[]) : tabs;\n\n $: parsedA11yLabels =\n typeof a11ylabels === 'string'\n ? (JSON.parse(a11ylabels) as A11yLabels)\n : a11ylabels;\n\n $: hasBack = back && back !== 'false';\n $: hasNoShadow = noshadow && noshadow !== 'false';\n $: {\n hasAnimation = Boolean(scrollcontainer);\n updateAnimation(scrollcontainer);\n }\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n function goBack() {\n eventHandler.dispatch('on-back-click', {});\n }\n\n function updateAnimation(element: HTMLElement) {\n if (element) {\n element.removeEventListener('scroll', handleScroll);\n element.addEventListener('scroll', handleScroll);\n }\n }\n\n function handleScroll() {\n const currentScrollPos = scrollcontainer.scrollTop;\n const originHeaderMargin = Number(root.style.marginTop.replace('px', ''));\n\n if (originalScrollPos > currentScrollPos) {\n // scroll up\n if (currentScrollPos < root.offsetHeight) {\n // scroll while in header zone\n root.style.marginTop = `${Math.max(\n -currentScrollPos,\n originHeaderMargin,\n )}px`;\n } else {\n // scroll while below header zone\n root.style.marginTop = '0';\n }\n } else {\n // scroll down\n if (currentScrollPos < root.offsetHeight) {\n // scroll while in header zone\n\n root.style.transition = 'none';\n root.style.marginTop = `${-currentScrollPos}px`;\n } else {\n // scroll while below header zone\n root.style.transition = 'margin-top ease-out 0.4s';\n root.style.marginTop = `${\n -root.offsetHeight - headerAnimationThreshold\n }px`;\n }\n }\n\n originalScrollPos = currentScrollPos;\n }\n</script>\n\n<div\n class=\"mc-header {size ? `mc-header--${size}` : ''}\"\n class:mc-header--no-shadow={hasNoShadow}\n class:mc-header--animate={hasAnimation}\n bind:this={root}\n {...attributes}\n>\n <div class=\"mc-header__left\">\n {#if breadcrumb}\n <div class=\"mc-header__breadcrumb\">\n <Breadcrumb\n items={JSON.stringify(parsedBreadcrumb)}\n nopadding={nopaddingbreadcrumb}\n on:link-clicked={(event) =>\n eventHandler.dispatch('link-clicked', event.detail)}\n />\n </div>\n {/if}\n\n {#if hasBack}\n <button class=\"mc-header__back\" on:click={goBack}>\n <span class=\"mc-header__back__label\">\n {parsedA11yLabels?.['back'] || 'Back'}\n </span>\n </button>\n {/if}\n\n <div class=\"mc-header__heading\">\n <h1 class=\"mc-header__heading__title\">\n {title}\n </h1>\n {#if subtitle}\n <div class=\"mc-header__heading__subtitle\">\n {subtitle}\n </div>\n {/if}\n {#if status}\n <div class=\"mc-header__heading__status\">\n <Badge label={status} type={statustype} />\n </div>\n {/if}\n </div>\n </div>\n {#if !hideoptions}\n <div class=\"mc-header__right\">\n {#if $$slots?.icons || hasicons}\n <div class=\"mc-header__icons\">\n <slot name=\"icons\" />\n </div>\n {/if}\n {#if $$slots?.selector || hasselector}\n <div\n class:mc-header__selector--show-separator={($$slots?.icons ||\n hasicons) &&\n ($$slots?.selector || hasselector)}\n class=\"mc-header__selector\"\n >\n <slot name=\"selector\" />\n </div>\n {/if}\n </div>\n {/if}\n {#if parsedTabs}\n <div class=\"mc-header__tabs\">\n <Tabs\n tabs={JSON.stringify(parsedTabs)}\n nodivider={true}\n on:tab-clicked={(event) =>\n eventHandler.dispatch('tab-clicked', event.detail)}\n />\n </div>\n {/if}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import './_c.header.scss';\n\n :host {\n display: block;\n line-height: 0;\n }\n</style>\n"],"names":[],"mappings":"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"}
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
export let noshadow: boolean | string;
|
|
22
22
|
export let a11ylabels: string | A11yLabels;
|
|
23
23
|
export let scrollcontainer: HTMLElement;
|
|
24
|
-
|
|
24
|
+
export let nopaddingbreadcrumb: boolean;
|
|
25
25
|
export let hasicons: boolean;
|
|
26
26
|
export let hasselector: boolean;
|
|
27
27
|
export let hideoptions = false;
|
|
@@ -113,7 +113,7 @@
|
|
|
113
113
|
<div class="mc-header__breadcrumb">
|
|
114
114
|
<Breadcrumb
|
|
115
115
|
items={JSON.stringify(parsedBreadcrumb)}
|
|
116
|
-
nopadding=
|
|
116
|
+
nopadding={nopaddingbreadcrumb}
|
|
117
117
|
on:link-clicked={(event) =>
|
|
118
118
|
eventHandler.dispatch('link-clicked', event.detail)}
|
|
119
119
|
/>
|
|
@@ -1,2 +1,272 @@
|
|
|
1
|
-
import{S as e,i as l,a as m,_ as t,b as f,f as o,s as i,c as x,e as r,d as n,t as a,n as h,g as d,$ as s,h as c,j as _,k as g,m as b,o as w,p as y,a0 as p,q as u}from"../../index-c33b3772.js";function k(e){let l;return{c(){l=r("div"),l.innerHTML="<slot></slot>",d(l,"class","mc-hero__content mt-body-m")},m(e,m){f(e,l,m)},d(e){e&&w(l)}}}function j(e){let l,m,t,o,i,y,p,u,j,v,$,z,L,M,I,C=(e[5]||e[4])&&k(),E=[{class:I="mc-hero "+(e[3]?"mc-hero--center":"")},e[6]],R={};for(let e=0;e<E.length;e+=1)R=x(R,E[e]);return{c(){l=r("div"),m=r("div"),t=r("div"),o=r("div"),i=r("picture"),y=r("img"),j=n(),v=r("div"),$=r("h1"),z=a(e[2]),M=n(),C&&C.c(),this.c=h,d(y,"class","mc-hero__visual"),s(y.src,p=e[0])||d(y,"src",p),d(y,"alt",u=e[1]||""),d(i,"class","mc-hero__cover"),d($,"class",L=`mc-hero__title \n mt-heading\n mt-heading--lightest\n mt-heading--s \n mt-heading--underline\n ${e[3]?"mt-heading--center":""}\n ${e[5]||e[4]?"mc-hero--with-content":""}\n `),d(v,"class","mc-hero__header"),d(o,"class","mc-hero__main ml-flexy__col"),d(t,"class","ml-flexy ml-flexy--gutter"),d(m,"class","ml-container ml-container--fluid"),c(l,R)},m(e,x){f(e,l,x),_(l,m),_(m,t),_(t,o),_(o,i),_(i,y),_(o,j),_(o,v),_(v,$),_($,z),_(v,M),C&&C.m(v,null)},p(e,[m]){1&m&&!s(y.src,p=e[0])&&d(y,"src",p),2&m&&u!==(u=e[1]||"")&&d(y,"alt",u),4&m&&g(z,e[2]),24&m&&L!==(L=`mc-hero__title \n mt-heading\n mt-heading--lightest\n mt-heading--s \n mt-heading--underline\n ${e[3]?"mt-heading--center":""}\n ${e[5]||e[4]?"mc-hero--with-content":""}\n `)&&d($,"class",L),e[5]||e[4]?C||(C=k(),C.c(),C.m(v,null)):C&&(C.d(1),C=null),c(l,R=b(E,[8&m&&I!==(I="mc-hero "+(e[3]?"mc-hero--center":""))&&{class:I},64&m&&e[6]]))},i:h,o:h,d(e){e&&w(l),C&&C.d()}}}function v(e,l,m){const t=["image","altImage","title","centered","hascontent"];let f=y(l,t),{$$slots:o={},$$scope:i}=l;const r=p(o);let{image:n}=l,{altImage:a}=l,{title:h}=l,{centered:d=!1}=l,{hascontent:s=!1}=l;const c=!(!r||!Object.keys(r).length);return e.$$set=e=>{l=x(x({},l),u(e)),m(6,f=y(l,t)),"image"in e&&m(0,n=e.image),"altImage"in e&&m(1,a=e.altImage),"title"in e&&m(2,h=e.title),"centered"in e&&m(3,d=e.centered),"hascontent"in e&&m(4,s=e.hascontent)},[n,a,h,d,s,c,f]}class $ extends e{constructor(e){super();const x=document.createElement("style");x.textContent='.mt-body-l{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:1.125rem;line-height:1.5555555556}.mt-body-l--line-height-m{line-height:1.3333333333}.mt-body-l--semi-bold{font-family:"LeroyMerlin", sans-serif;font-weight:600}.mt-body-m{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:1rem;line-height:1.5}.mt-body-m--line-height-m{line-height:1.375}.mt-body-m--semi-bold{font-family:"LeroyMerlin", sans-serif;font-weight:600}.mt-body-s{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.5714285714}.mt-body-s--line-height-m{line-height:1.2857142857}.mt-body-s--semi-bold{font-family:"LeroyMerlin", sans-serif;font-weight:600}.mt-heading{font-family:"LeroyMerlin", sans-serif;font-weight:400;color:#000000;display:block;margin-bottom:2rem}.mt-heading--underline::after{content:"";display:block;height:0.25rem;background-color:#46a610}.mt-heading--line-primary-01-200::after,.mt-heading--line-lightest::after{background-color:#c5e39e}.mt-heading--line-primary-02-200::after{background-color:#cfd2d8}.mt-heading--line-primary-02-600::after{background-color:#494f60}.mt-heading--center{text-align:center}.mt-heading--center.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right{text-align:right}.mt-heading--right.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left{text-align:left}.mt-heading--left.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:1.4375rem;line-height:1.3913043478}.mt-heading--s.mt-heading--underline::after{width:4rem;margin-top:1rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1.0434782609}.mt-heading--m{font-size:1.75rem;line-height:1.2857142857}.mt-heading--m.mt-heading--underline::after{width:4.5rem;margin-top:1rem}.mt-heading--m.mt-heading--line-height-xs{line-height:1}.mt-heading--l{font-size:2.125rem;line-height:1.2941176471}.mt-heading--l.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--l.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--lightest{color:#ffffff}.mt-heading--light{font-weight:300}.mt-heading--semi-bold,.mt-heading--underline{font-weight:600}@media screen and (min-width: 680px){.mt-heading--center\\@from-m{text-align:center}.mt-heading--center\\@from-m.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-m{text-align:right}.mt-heading--right\\@from-m.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-m{text-align:left}.mt-heading--left\\@from-m.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:1.75rem;line-height:1.2857142857}.mt-heading--s.mt-heading--underline::after{width:4.5rem;margin-top:1rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1}.mt-heading--m{font-size:2.125rem;line-height:1.2941176471}.mt-heading--m.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--m.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--l{font-size:2.5625rem;line-height:1.3658536585}.mt-heading--l.mt-heading--underline::after{width:5.5rem;margin-top:1.5rem}.mt-heading--l.mt-heading--line-height-xs{line-height:0.9756097561}}@media screen and (min-width: 1024px){.mt-heading--center\\@from-l{text-align:center}.mt-heading--center\\@from-l.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-l{text-align:right}.mt-heading--right\\@from-l.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-l{text-align:left}.mt-heading--left\\@from-l.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:2.125rem;line-height:1.2941176471}.mt-heading--s.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--m{font-size:2.5625rem;line-height:1.3658536585}.mt-heading--m.mt-heading--underline::after{width:5.5rem;margin-top:1.5rem}.mt-heading--m.mt-heading--line-height-xs{line-height:0.9756097561}.mt-heading--l{font-size:3.0625rem;line-height:1.387755102;margin-bottom:3.5rem}.mt-heading--l.mt-heading--underline::after{width:6rem;margin-top:2rem}.mt-heading--l.mt-heading--line-height-xs{line-height:0.9795918367}}@media screen and (min-width: 1280px){.mt-heading--center\\@from-xl{text-align:center}.mt-heading--center\\@from-xl.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-xl{text-align:right}.mt-heading--right\\@from-xl.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-xl{text-align:left}.mt-heading--left\\@from-xl.mt-heading--underline::after{margin-left:0;margin-right:auto}}@media screen and (min-width: 1920px){.mt-heading--center\\@from-xxl{text-align:center}.mt-heading--center\\@from-xxl.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-xxl{text-align:right}.mt-heading--right\\@from-xxl.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-xxl{text-align:left}.mt-heading--left\\@from-xxl.mt-heading--underline::after{margin-left:0;margin-right:auto}}.mt-hero{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:2.125rem;line-height:1.5294117647}.mt-hero--semi-bold{font-family:"LeroyMerlin", sans-serif;font-weight:600}.mt-hero--line-height-s{line-height:1.1764705882}@media screen and (min-width: 680px){.mt-hero{font-size:2.5625rem;line-height:1.4634146341}.mt-hero--line-height-s{line-height:1.1707317073}}@media screen and (min-width: 1024px){.mt-hero{font-size:3.0625rem;line-height:1.4693877551}.mt-hero--line-height-s{line-height:1.1428571429}}@media screen and (min-width: 1440px){.mt-hero{font-size:3.6875rem;line-height:1.4915254237}.mt-hero--line-height-s{line-height:1.1525423729}}.ml-container{-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem;width:100%}@media screen and (min-width: 680px){.ml-container{padding-right:2rem;padding-left:2rem}}@media screen and (min-width: 1024px){.ml-container{padding-right:3rem;padding-left:3rem;max-width:64rem}}@media screen and (min-width: 1280px){.ml-container{padding-right:2rem;padding-left:2rem;max-width:80rem}}@media screen and (min-width: 1920px){.ml-container{padding-right:2.5rem;padding-left:2.5rem;max-width:120rem}}.ml-container--fluid{max-width:none}@media screen and (min-width: 680px){.ml-container--fluid\\@from-m{max-width:none}}@media screen and (min-width: 1024px){.ml-container--fluid\\@from-l{max-width:none}}@media screen and (min-width: 1280px){.ml-container--fluid\\@from-xl{max-width:none}}@media screen and (min-width: 1920px){.ml-container--fluid\\@from-xxl{max-width:none}}.ml-flexy{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.ml-flexy--gutter{margin-right:-0.5rem;margin-left:-0.5rem}.ml-flexy--space-around{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy--items-stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ml-flexy--items-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.ml-flexy--items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ml-flexy--items-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.ml-flexy__col{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy--gutter>.ml-flexy__col{padding-right:0.5rem;padding-left:0.5rem}.ml-flexy__col--fill{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2{margin-left:50%}.ml-flexy__col--1of3{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3{margin-left:33.3333333333%}.ml-flexy__col--2of3{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3{margin-left:66.6666666667%}.ml-flexy__col--1of4{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4{margin-left:25%}.ml-flexy__col--3of4{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4{margin-left:75%}.ml-flexy__col--1of6{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6{margin-left:16.6666666667%}.ml-flexy__col--5of6{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6{margin-left:83.3333333333%}.ml-flexy__col--1of12{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12{margin-left:8.3333333333%}.ml-flexy__col--2of12{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12{margin-left:16.6666666667%}.ml-flexy__col--3of12{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12{margin-left:25%}.ml-flexy__col--4of12{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12{margin-left:33.3333333333%}.ml-flexy__col--5of12{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12{margin-left:41.6666666667%}.ml-flexy__col--6of12{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12{margin-left:50%}.ml-flexy__col--7of12{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12{margin-left:58.3333333333%}.ml-flexy__col--8of12{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12{margin-left:66.6666666667%}.ml-flexy__col--9of12{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12{margin-left:75%}.ml-flexy__col--10of12{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12{margin-left:83.3333333333%}.ml-flexy__col--11of12{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12{margin-left:91.6666666667%}.ml-flexy__col--initial{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset{margin-left:auto}@media screen and (min-width: 680px){.ml-flexy--gutter{margin-right:-1rem;margin-left:-1rem}.ml-flexy--space-around\\@from-m{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between\\@from-m{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly\\@from-m{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start\\@from-m{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center\\@from-m{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end\\@from-m{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy--gutter>.ml-flexy__col{padding-right:1rem;padding-left:1rem}.ml-flexy__col--fill\\@from-m{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full\\@from-m{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2\\@from-m{margin-left:50%}.ml-flexy__col--1of3\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3\\@from-m{margin-left:33.3333333333%}.ml-flexy__col--2of3\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3\\@from-m{margin-left:66.6666666667%}.ml-flexy__col--1of4\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4\\@from-m{margin-left:25%}.ml-flexy__col--3of4\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4\\@from-m{margin-left:75%}.ml-flexy__col--1of6\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6\\@from-m{margin-left:16.6666666667%}.ml-flexy__col--5of6\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6\\@from-m{margin-left:83.3333333333%}.ml-flexy__col--1of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12\\@from-m{margin-left:8.3333333333%}.ml-flexy__col--2of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12\\@from-m{margin-left:16.6666666667%}.ml-flexy__col--3of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12\\@from-m{margin-left:25%}.ml-flexy__col--4of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12\\@from-m{margin-left:33.3333333333%}.ml-flexy__col--5of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12\\@from-m{margin-left:41.6666666667%}.ml-flexy__col--6of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12\\@from-m{margin-left:50%}.ml-flexy__col--7of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12\\@from-m{margin-left:58.3333333333%}.ml-flexy__col--8of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12\\@from-m{margin-left:66.6666666667%}.ml-flexy__col--9of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12\\@from-m{margin-left:75%}.ml-flexy__col--10of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12\\@from-m{margin-left:83.3333333333%}.ml-flexy__col--11of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12\\@from-m{margin-left:91.6666666667%}.ml-flexy__col--initial\\@from-m{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow\\@from-m{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first\\@from-m{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last\\@from-m{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset\\@from-m{margin-left:auto}}@media screen and (min-width: 1024px){.ml-flexy--space-around\\@from-l{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between\\@from-l{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly\\@from-l{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start\\@from-l{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center\\@from-l{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end\\@from-l{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy__col--fill\\@from-l{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full\\@from-l{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2\\@from-l{margin-left:50%}.ml-flexy__col--1of3\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3\\@from-l{margin-left:33.3333333333%}.ml-flexy__col--2of3\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3\\@from-l{margin-left:66.6666666667%}.ml-flexy__col--1of4\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4\\@from-l{margin-left:25%}.ml-flexy__col--3of4\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4\\@from-l{margin-left:75%}.ml-flexy__col--1of6\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6\\@from-l{margin-left:16.6666666667%}.ml-flexy__col--5of6\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6\\@from-l{margin-left:83.3333333333%}.ml-flexy__col--1of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12\\@from-l{margin-left:8.3333333333%}.ml-flexy__col--2of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12\\@from-l{margin-left:16.6666666667%}.ml-flexy__col--3of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12\\@from-l{margin-left:25%}.ml-flexy__col--4of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12\\@from-l{margin-left:33.3333333333%}.ml-flexy__col--5of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12\\@from-l{margin-left:41.6666666667%}.ml-flexy__col--6of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12\\@from-l{margin-left:50%}.ml-flexy__col--7of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12\\@from-l{margin-left:58.3333333333%}.ml-flexy__col--8of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12\\@from-l{margin-left:66.6666666667%}.ml-flexy__col--9of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12\\@from-l{margin-left:75%}.ml-flexy__col--10of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12\\@from-l{margin-left:83.3333333333%}.ml-flexy__col--11of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12\\@from-l{margin-left:91.6666666667%}.ml-flexy__col--initial\\@from-l{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow\\@from-l{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first\\@from-l{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last\\@from-l{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset\\@from-l{margin-left:auto}}@media screen and (min-width: 1280px){.ml-flexy--space-around\\@from-xl{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between\\@from-xl{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly\\@from-xl{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start\\@from-xl{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center\\@from-xl{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end\\@from-xl{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy__col--fill\\@from-xl{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full\\@from-xl{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2\\@from-xl{margin-left:50%}.ml-flexy__col--1of3\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3\\@from-xl{margin-left:33.3333333333%}.ml-flexy__col--2of3\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3\\@from-xl{margin-left:66.6666666667%}.ml-flexy__col--1of4\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4\\@from-xl{margin-left:25%}.ml-flexy__col--3of4\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4\\@from-xl{margin-left:75%}.ml-flexy__col--1of6\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6\\@from-xl{margin-left:16.6666666667%}.ml-flexy__col--5of6\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6\\@from-xl{margin-left:83.3333333333%}.ml-flexy__col--1of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12\\@from-xl{margin-left:8.3333333333%}.ml-flexy__col--2of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12\\@from-xl{margin-left:16.6666666667%}.ml-flexy__col--3of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12\\@from-xl{margin-left:25%}.ml-flexy__col--4of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12\\@from-xl{margin-left:33.3333333333%}.ml-flexy__col--5of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12\\@from-xl{margin-left:41.6666666667%}.ml-flexy__col--6of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12\\@from-xl{margin-left:50%}.ml-flexy__col--7of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12\\@from-xl{margin-left:58.3333333333%}.ml-flexy__col--8of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12\\@from-xl{margin-left:66.6666666667%}.ml-flexy__col--9of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12\\@from-xl{margin-left:75%}.ml-flexy__col--10of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12\\@from-xl{margin-left:83.3333333333%}.ml-flexy__col--11of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12\\@from-xl{margin-left:91.6666666667%}.ml-flexy__col--initial\\@from-xl{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow\\@from-xl{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first\\@from-xl{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last\\@from-xl{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset\\@from-xl{margin-left:auto}}@media screen and (min-width: 1920px){.ml-flexy--space-around\\@from-xxl{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between\\@from-xxl{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly\\@from-xxl{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start\\@from-xxl{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center\\@from-xxl{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end\\@from-xxl{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy__col--fill\\@from-xxl{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full\\@from-xxl{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2\\@from-xxl{margin-left:50%}.ml-flexy__col--1of3\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3\\@from-xxl{margin-left:33.3333333333%}.ml-flexy__col--2of3\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3\\@from-xxl{margin-left:66.6666666667%}.ml-flexy__col--1of4\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4\\@from-xxl{margin-left:25%}.ml-flexy__col--3of4\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4\\@from-xxl{margin-left:75%}.ml-flexy__col--1of6\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6\\@from-xxl{margin-left:16.6666666667%}.ml-flexy__col--5of6\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6\\@from-xxl{margin-left:83.3333333333%}.ml-flexy__col--1of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12\\@from-xxl{margin-left:8.3333333333%}.ml-flexy__col--2of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12\\@from-xxl{margin-left:16.6666666667%}.ml-flexy__col--3of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12\\@from-xxl{margin-left:25%}.ml-flexy__col--4of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12\\@from-xxl{margin-left:33.3333333333%}.ml-flexy__col--5of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12\\@from-xxl{margin-left:41.6666666667%}.ml-flexy__col--6of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12\\@from-xxl{margin-left:50%}.ml-flexy__col--7of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12\\@from-xxl{margin-left:58.3333333333%}.ml-flexy__col--8of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12\\@from-xxl{margin-left:66.6666666667%}.ml-flexy__col--9of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12\\@from-xxl{margin-left:75%}.ml-flexy__col--10of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12\\@from-xxl{margin-left:83.3333333333%}.ml-flexy__col--11of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12\\@from-xxl{margin-left:91.6666666667%}.ml-flexy__col--initial\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow\\@from-xxl{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first\\@from-xxl{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last\\@from-xxl{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset\\@from-xxl{margin-left:auto}}.mc-hero{position:relative}.mc-hero__main{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;padding-bottom:4.5rem;padding-top:4rem}@media screen and (min-width: 680px){.mc-hero__main{padding-bottom:7rem;padding-top:6rem}}@media screen and (min-width: 1024px){.mc-hero__main{padding-bottom:10rem}}@media screen and (min-width: 1440px){.mc-hero__main{padding-bottom:8rem;padding-top:8rem}}.mc-hero__cover{z-index:-1}.mc-hero__cover,.mc-hero__cover::before{height:100%;left:0;position:absolute;top:0;width:100%}.mc-hero__cover::before{background-color:rgba(25, 25, 25, 0.8);content:"";display:block}.mc-hero__visual{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media screen and (min-width: 1024px){.mc-hero__header{max-width:75%}}@media screen and (min-width: 1280px){.mc-hero__header{max-width:66.6666666667%}}@media(min-width: 1440px) and (max-width: 1919px){.mc-hero__header{max-width:75%}}.mc-hero__title{margin-top:0}.mc-hero__content{color:#ffffff}@media screen and (min-width: 1024px){.mc-hero__content{max-width:83.3333333333%}}@media(min-width: 1280px) and (max-width: 1919px){.mc-hero__content{max-width:75%}}.mc-hero__boxed{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;margin-top:-6rem}@media screen and (min-width: 680px){.mc-hero__boxed{margin-top:-5rem}}@media screen and (min-width: 1024px){.mc-hero__boxed{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%;margin-top:0}}@media screen and (min-width: 1920px){.mc-hero__boxed{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}}.mc-hero--with-content .mc-hero__main{padding-bottom:3rem;padding-top:2.5rem}@media screen and (min-width: 680px){.mc-hero--with-content .mc-hero__main{padding-bottom:5rem;padding-top:3.5rem}}@media screen and (min-width: 1024px){.mc-hero--with-content .mc-hero__main{padding-bottom:6rem;padding-top:5rem}}@media screen and (min-width: 1920px){.mc-hero--with-content .mc-hero__main{padding-bottom:8rem}}@media(min-width: 1440px) and (max-width: 1919px){.mc-hero--with-content .mc-hero__header{max-width:66.6666666667%}}@media screen and (min-width: 1920px){.mc-hero--with-content .mc-hero__header{max-width:58.3333333333%}}.mc-hero--with-boxed *{-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width: 1024px){.mc-hero--with-boxed{padding-bottom:3rem;padding-top:4rem}}@media screen and (min-width: 1440px){.mc-hero--with-boxed{padding-bottom:4rem}}@media screen and (min-width: 1920px){.mc-hero--with-boxed{padding-bottom:5rem}}.mc-hero--with-boxed .mc-hero__main{padding-bottom:6rem;padding-top:2.5rem;position:relative;-webkit-box-flex:100%;-ms-flex:100%;flex:100%}@media screen and (min-width: 680px){.mc-hero--with-boxed .mc-hero__main{padding-bottom:5rem;padding-top:4rem}}@media screen and (min-width: 1024px){.mc-hero--with-boxed .mc-hero__main{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%;padding-bottom:0;padding-top:0;position:static}}@media screen and (min-width: 1920px){.mc-hero--with-boxed .mc-hero__main{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}}@media(max-width: 679px){.mc-hero--with-boxed .mc-hero__cover{left:-0.5rem;width:calc(100% + 1rem)}}@media(max-width: 1023px){.mc-hero--with-boxed .mc-hero__cover{left:-1rem;width:calc(100% + 2rem)}}.mc-hero--with-boxed .mc-hero__header,.mc-hero--with-boxed .mc-hero__content{max-width:none}.mc-hero--with-boxed .mc-hero__content{margin-bottom:2rem}@media screen and (min-width: 680px){.mc-hero--with-boxed .mc-hero__content{margin-bottom:3rem}}@media screen and (min-width: 1024px){.mc-hero--with-boxed .mc-hero__content{margin-bottom:0}}@media(min-width: 1024px) and (max-width: 1279px){.mc-hero--boxed-l{padding-bottom:0;padding-top:0}.mc-hero--boxed-l .mc-hero__main,.mc-hero--boxed-l .mc-hero__boxed{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:none}.mc-hero--boxed-l .mc-hero__cover{left:-2rem;width:calc(100% + 4rem)}.mc-hero--boxed-l .mc-hero__main{padding-bottom:7rem;padding-top:4rem;position:relative}.mc-hero--boxed-l .mc-hero__content{margin-bottom:3rem}.mc-hero--boxed-l .mc-hero__boxed{margin-top:-7rem}}.mc-hero--center .mc-hero__header,.mc-hero--center .mc-hero__content{margin-left:auto;margin-right:auto}@media screen and (min-width: 1024px){.mc-hero--center .mc-hero__header{max-width:66.6666666667%}}@media screen and (min-width: 1920px){.mc-hero--center .mc-hero__header{max-width:50%}}.mc-hero--center .mc-hero__content{text-align:center}@media screen and (min-width: 1024px){.mc-hero--center .mc-hero__content{max-width:none}}@media screen and (min-width: 1280px){.mc-hero--center .mc-hero__content{max-width:66.6666666667%}}@media(min-width: 1440px) and (max-width: 1919px){.mc-hero--center .mc-hero__content{max-width:83.3333333333%}}',this.shadowRoot.appendChild(x),l(this,{target:this.shadowRoot,props:{...m(this.attributes),$$slots:t(this)},customElement:!0},v,j,i,{image:0,altImage:1,title:2,centered:3,hascontent:4},null),e&&(e.target&&f(e.target,this,e.anchor),e.props&&(this.$set(e.props),o()))}static get observedAttributes(){return["image","altImage","title","centered","hascontent"]}get image(){return this.$$.ctx[0]}set image(e){this.$$set({image:e}),o()}get altImage(){return this.$$.ctx[1]}set altImage(e){this.$$set({altImage:e}),o()}get title(){return this.$$.ctx[2]}set title(e){this.$$set({title:e}),o()}get centered(){return this.$$.ctx[3]}set centered(e){this.$$set({centered:e}),o()}get hascontent(){return this.$$.ctx[4]}set hascontent(e){this.$$set({hascontent:e}),o()}}export{$ as default};
|
|
1
|
+
import { S as SvelteElement, i as init, a as attribute_to_object, _ as get_custom_elements_slots, b as insert, f as flush, s as safe_not_equal, c as assign, e as element, d as space, t as text, n as noop, g as attr, $ as src_url_equal, h as set_attributes, j as append, k as set_data, m as get_spread_update, o as detach, p as compute_rest_props, a0 as compute_slots, q as exclude_internal_props } from '../../index-c33b3772.js';
|
|
2
|
+
|
|
3
|
+
/* src/components/hero/Hero.svelte generated by Svelte v3.58.0 */
|
|
4
|
+
|
|
5
|
+
function create_if_block(ctx) {
|
|
6
|
+
let div;
|
|
7
|
+
|
|
8
|
+
return {
|
|
9
|
+
c() {
|
|
10
|
+
div = element("div");
|
|
11
|
+
div.innerHTML = `<slot></slot>`;
|
|
12
|
+
attr(div, "class", "mc-hero__content mt-body-m");
|
|
13
|
+
},
|
|
14
|
+
m(target, anchor) {
|
|
15
|
+
insert(target, div, anchor);
|
|
16
|
+
},
|
|
17
|
+
d(detaching) {
|
|
18
|
+
if (detaching) detach(div);
|
|
19
|
+
}
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
function create_fragment(ctx) {
|
|
24
|
+
let div4;
|
|
25
|
+
let div3;
|
|
26
|
+
let div2;
|
|
27
|
+
let div1;
|
|
28
|
+
let picture;
|
|
29
|
+
let img;
|
|
30
|
+
let img_src_value;
|
|
31
|
+
let img_alt_value;
|
|
32
|
+
let t0;
|
|
33
|
+
let div0;
|
|
34
|
+
let h1;
|
|
35
|
+
let t1;
|
|
36
|
+
let h1_class_value;
|
|
37
|
+
let t2;
|
|
38
|
+
let div4_class_value;
|
|
39
|
+
let if_block = (/*hasSlot*/ ctx[5] || /*hascontent*/ ctx[4]) && create_if_block();
|
|
40
|
+
|
|
41
|
+
let div4_levels = [
|
|
42
|
+
{
|
|
43
|
+
class: div4_class_value = `mc-hero ${/*centered*/ ctx[3] ? 'mc-hero--center' : ''}`
|
|
44
|
+
},
|
|
45
|
+
/*$$restProps*/ ctx[6]
|
|
46
|
+
];
|
|
47
|
+
|
|
48
|
+
let div_data_4 = {};
|
|
49
|
+
|
|
50
|
+
for (let i = 0; i < div4_levels.length; i += 1) {
|
|
51
|
+
div_data_4 = assign(div_data_4, div4_levels[i]);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
return {
|
|
55
|
+
c() {
|
|
56
|
+
div4 = element("div");
|
|
57
|
+
div3 = element("div");
|
|
58
|
+
div2 = element("div");
|
|
59
|
+
div1 = element("div");
|
|
60
|
+
picture = element("picture");
|
|
61
|
+
img = element("img");
|
|
62
|
+
t0 = space();
|
|
63
|
+
div0 = element("div");
|
|
64
|
+
h1 = element("h1");
|
|
65
|
+
t1 = text(/*title*/ ctx[2]);
|
|
66
|
+
t2 = space();
|
|
67
|
+
if (if_block) if_block.c();
|
|
68
|
+
this.c = noop;
|
|
69
|
+
attr(img, "class", "mc-hero__visual");
|
|
70
|
+
if (!src_url_equal(img.src, img_src_value = /*image*/ ctx[0])) attr(img, "src", img_src_value);
|
|
71
|
+
attr(img, "alt", img_alt_value = /*altImage*/ ctx[1] || '');
|
|
72
|
+
attr(picture, "class", "mc-hero__cover");
|
|
73
|
+
|
|
74
|
+
attr(h1, "class", h1_class_value = `mc-hero__title
|
|
75
|
+
mt-heading
|
|
76
|
+
mt-heading--lightest
|
|
77
|
+
mt-heading--s
|
|
78
|
+
mt-heading--underline
|
|
79
|
+
${/*centered*/ ctx[3] ? 'mt-heading--center' : ''}
|
|
80
|
+
${/*hasSlot*/ ctx[5] || /*hascontent*/ ctx[4]
|
|
81
|
+
? 'mc-hero--with-content'
|
|
82
|
+
: ''}
|
|
83
|
+
`);
|
|
84
|
+
|
|
85
|
+
attr(div0, "class", "mc-hero__header");
|
|
86
|
+
attr(div1, "class", "mc-hero__main ml-flexy__col");
|
|
87
|
+
attr(div2, "class", "ml-flexy ml-flexy--gutter");
|
|
88
|
+
attr(div3, "class", "ml-container ml-container--fluid");
|
|
89
|
+
set_attributes(div4, div_data_4);
|
|
90
|
+
},
|
|
91
|
+
m(target, anchor) {
|
|
92
|
+
insert(target, div4, anchor);
|
|
93
|
+
append(div4, div3);
|
|
94
|
+
append(div3, div2);
|
|
95
|
+
append(div2, div1);
|
|
96
|
+
append(div1, picture);
|
|
97
|
+
append(picture, img);
|
|
98
|
+
append(div1, t0);
|
|
99
|
+
append(div1, div0);
|
|
100
|
+
append(div0, h1);
|
|
101
|
+
append(h1, t1);
|
|
102
|
+
append(div0, t2);
|
|
103
|
+
if (if_block) if_block.m(div0, null);
|
|
104
|
+
},
|
|
105
|
+
p(ctx, [dirty]) {
|
|
106
|
+
if (dirty & /*image*/ 1 && !src_url_equal(img.src, img_src_value = /*image*/ ctx[0])) {
|
|
107
|
+
attr(img, "src", img_src_value);
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
if (dirty & /*altImage*/ 2 && img_alt_value !== (img_alt_value = /*altImage*/ ctx[1] || '')) {
|
|
111
|
+
attr(img, "alt", img_alt_value);
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
if (dirty & /*title*/ 4) set_data(t1, /*title*/ ctx[2]);
|
|
115
|
+
|
|
116
|
+
if (dirty & /*centered, hascontent*/ 24 && h1_class_value !== (h1_class_value = `mc-hero__title
|
|
117
|
+
mt-heading
|
|
118
|
+
mt-heading--lightest
|
|
119
|
+
mt-heading--s
|
|
120
|
+
mt-heading--underline
|
|
121
|
+
${/*centered*/ ctx[3] ? 'mt-heading--center' : ''}
|
|
122
|
+
${/*hasSlot*/ ctx[5] || /*hascontent*/ ctx[4]
|
|
123
|
+
? 'mc-hero--with-content'
|
|
124
|
+
: ''}
|
|
125
|
+
`)) {
|
|
126
|
+
attr(h1, "class", h1_class_value);
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
if (/*hasSlot*/ ctx[5] || /*hascontent*/ ctx[4]) {
|
|
130
|
+
if (if_block) ; else {
|
|
131
|
+
if_block = create_if_block();
|
|
132
|
+
if_block.c();
|
|
133
|
+
if_block.m(div0, null);
|
|
134
|
+
}
|
|
135
|
+
} else if (if_block) {
|
|
136
|
+
if_block.d(1);
|
|
137
|
+
if_block = null;
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
set_attributes(div4, div_data_4 = get_spread_update(div4_levels, [
|
|
141
|
+
dirty & /*centered*/ 8 && div4_class_value !== (div4_class_value = `mc-hero ${/*centered*/ ctx[3] ? 'mc-hero--center' : ''}`) && { class: div4_class_value },
|
|
142
|
+
dirty & /*$$restProps*/ 64 && /*$$restProps*/ ctx[6]
|
|
143
|
+
]));
|
|
144
|
+
},
|
|
145
|
+
i: noop,
|
|
146
|
+
o: noop,
|
|
147
|
+
d(detaching) {
|
|
148
|
+
if (detaching) detach(div4);
|
|
149
|
+
if (if_block) if_block.d();
|
|
150
|
+
}
|
|
151
|
+
};
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
function instance($$self, $$props, $$invalidate) {
|
|
155
|
+
const omit_props_names = ["image","altImage","title","centered","hascontent"];
|
|
156
|
+
let $$restProps = compute_rest_props($$props, omit_props_names);
|
|
157
|
+
let { $$slots: slots = {}, $$scope } = $$props;
|
|
158
|
+
const $$slots = compute_slots(slots);
|
|
159
|
+
let { image } = $$props;
|
|
160
|
+
let { altImage } = $$props;
|
|
161
|
+
let { title } = $$props;
|
|
162
|
+
let { centered = false } = $$props;
|
|
163
|
+
let { hascontent = false } = $$props;
|
|
164
|
+
const hasSlot = !!($$slots && Object.keys($$slots).length);
|
|
165
|
+
|
|
166
|
+
$$self.$$set = $$new_props => {
|
|
167
|
+
$$props = assign(assign({}, $$props), exclude_internal_props($$new_props));
|
|
168
|
+
$$invalidate(6, $$restProps = compute_rest_props($$props, omit_props_names));
|
|
169
|
+
if ('image' in $$new_props) $$invalidate(0, image = $$new_props.image);
|
|
170
|
+
if ('altImage' in $$new_props) $$invalidate(1, altImage = $$new_props.altImage);
|
|
171
|
+
if ('title' in $$new_props) $$invalidate(2, title = $$new_props.title);
|
|
172
|
+
if ('centered' in $$new_props) $$invalidate(3, centered = $$new_props.centered);
|
|
173
|
+
if ('hascontent' in $$new_props) $$invalidate(4, hascontent = $$new_props.hascontent);
|
|
174
|
+
};
|
|
175
|
+
|
|
176
|
+
return [image, altImage, title, centered, hascontent, hasSlot, $$restProps];
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
class Hero extends SvelteElement {
|
|
180
|
+
constructor(options) {
|
|
181
|
+
super();
|
|
182
|
+
const style = document.createElement('style');
|
|
183
|
+
style.textContent = `.mt-body-l{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:1.125rem;line-height:1.5555555556}.mt-body-l--line-height-m{line-height:1.3333333333}.mt-body-l--semi-bold{font-family:"LeroyMerlin", sans-serif;font-weight:600}.mt-body-m{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:1rem;line-height:1.5}.mt-body-m--line-height-m{line-height:1.375}.mt-body-m--semi-bold{font-family:"LeroyMerlin", sans-serif;font-weight:600}.mt-body-s{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.5714285714}.mt-body-s--line-height-m{line-height:1.2857142857}.mt-body-s--semi-bold{font-family:"LeroyMerlin", sans-serif;font-weight:600}.mt-heading{font-family:"LeroyMerlin", sans-serif;font-weight:400;color:#000000;display:block;margin-bottom:2rem}.mt-heading--underline::after{content:"";display:block;height:0.25rem;background-color:#46a610}.mt-heading--line-primary-01-200::after,.mt-heading--line-lightest::after{background-color:#c5e39e}.mt-heading--line-primary-02-200::after{background-color:#cfd2d8}.mt-heading--line-primary-02-600::after{background-color:#494f60}.mt-heading--center{text-align:center}.mt-heading--center.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right{text-align:right}.mt-heading--right.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left{text-align:left}.mt-heading--left.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:1.4375rem;line-height:1.3913043478}.mt-heading--s.mt-heading--underline::after{width:4rem;margin-top:1rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1.0434782609}.mt-heading--m{font-size:1.75rem;line-height:1.2857142857}.mt-heading--m.mt-heading--underline::after{width:4.5rem;margin-top:1rem}.mt-heading--m.mt-heading--line-height-xs{line-height:1}.mt-heading--l{font-size:2.125rem;line-height:1.2941176471}.mt-heading--l.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--l.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--lightest{color:#ffffff}.mt-heading--light{font-weight:300}.mt-heading--semi-bold,.mt-heading--underline{font-weight:600}@media screen and (min-width: 680px){.mt-heading--center\\@from-m{text-align:center}.mt-heading--center\\@from-m.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-m{text-align:right}.mt-heading--right\\@from-m.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-m{text-align:left}.mt-heading--left\\@from-m.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:1.75rem;line-height:1.2857142857}.mt-heading--s.mt-heading--underline::after{width:4.5rem;margin-top:1rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1}.mt-heading--m{font-size:2.125rem;line-height:1.2941176471}.mt-heading--m.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--m.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--l{font-size:2.5625rem;line-height:1.3658536585}.mt-heading--l.mt-heading--underline::after{width:5.5rem;margin-top:1.5rem}.mt-heading--l.mt-heading--line-height-xs{line-height:0.9756097561}}@media screen and (min-width: 1024px){.mt-heading--center\\@from-l{text-align:center}.mt-heading--center\\@from-l.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-l{text-align:right}.mt-heading--right\\@from-l.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-l{text-align:left}.mt-heading--left\\@from-l.mt-heading--underline::after{margin-left:0;margin-right:auto}.mt-heading--s{font-size:2.125rem;line-height:1.2941176471}.mt-heading--s.mt-heading--underline::after{width:5rem;margin-top:1.25rem}.mt-heading--s.mt-heading--line-height-xs{line-height:1.0588235294}.mt-heading--m{font-size:2.5625rem;line-height:1.3658536585}.mt-heading--m.mt-heading--underline::after{width:5.5rem;margin-top:1.5rem}.mt-heading--m.mt-heading--line-height-xs{line-height:0.9756097561}.mt-heading--l{font-size:3.0625rem;line-height:1.387755102;margin-bottom:3.5rem}.mt-heading--l.mt-heading--underline::after{width:6rem;margin-top:2rem}.mt-heading--l.mt-heading--line-height-xs{line-height:0.9795918367}}@media screen and (min-width: 1280px){.mt-heading--center\\@from-xl{text-align:center}.mt-heading--center\\@from-xl.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-xl{text-align:right}.mt-heading--right\\@from-xl.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-xl{text-align:left}.mt-heading--left\\@from-xl.mt-heading--underline::after{margin-left:0;margin-right:auto}}@media screen and (min-width: 1920px){.mt-heading--center\\@from-xxl{text-align:center}.mt-heading--center\\@from-xxl.mt-heading--underline::after{margin-left:auto;margin-right:auto}.mt-heading--right\\@from-xxl{text-align:right}.mt-heading--right\\@from-xxl.mt-heading--underline::after{margin-left:auto;margin-right:0}.mt-heading--left\\@from-xxl{text-align:left}.mt-heading--left\\@from-xxl.mt-heading--underline::after{margin-left:0;margin-right:auto}}.mt-hero{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:2.125rem;line-height:1.5294117647}.mt-hero--semi-bold{font-family:"LeroyMerlin", sans-serif;font-weight:600}.mt-hero--line-height-s{line-height:1.1764705882}@media screen and (min-width: 680px){.mt-hero{font-size:2.5625rem;line-height:1.4634146341}.mt-hero--line-height-s{line-height:1.1707317073}}@media screen and (min-width: 1024px){.mt-hero{font-size:3.0625rem;line-height:1.4693877551}.mt-hero--line-height-s{line-height:1.1428571429}}@media screen and (min-width: 1440px){.mt-hero{font-size:3.6875rem;line-height:1.4915254237}.mt-hero--line-height-s{line-height:1.1525423729}}.ml-container{-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem;width:100%}@media screen and (min-width: 680px){.ml-container{padding-right:2rem;padding-left:2rem}}@media screen and (min-width: 1024px){.ml-container{padding-right:3rem;padding-left:3rem;max-width:64rem}}@media screen and (min-width: 1280px){.ml-container{padding-right:2rem;padding-left:2rem;max-width:80rem}}@media screen and (min-width: 1920px){.ml-container{padding-right:2.5rem;padding-left:2.5rem;max-width:120rem}}.ml-container--fluid{max-width:none}@media screen and (min-width: 680px){.ml-container--fluid\\@from-m{max-width:none}}@media screen and (min-width: 1024px){.ml-container--fluid\\@from-l{max-width:none}}@media screen and (min-width: 1280px){.ml-container--fluid\\@from-xl{max-width:none}}@media screen and (min-width: 1920px){.ml-container--fluid\\@from-xxl{max-width:none}}.ml-flexy{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.ml-flexy--gutter{margin-right:-0.5rem;margin-left:-0.5rem}.ml-flexy--space-around{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy--items-stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ml-flexy--items-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.ml-flexy--items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ml-flexy--items-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.ml-flexy__col{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy--gutter>.ml-flexy__col{padding-right:0.5rem;padding-left:0.5rem}.ml-flexy__col--fill{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2{margin-left:50%}.ml-flexy__col--1of3{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3{margin-left:33.3333333333%}.ml-flexy__col--2of3{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3{margin-left:66.6666666667%}.ml-flexy__col--1of4{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4{margin-left:25%}.ml-flexy__col--3of4{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4{margin-left:75%}.ml-flexy__col--1of6{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6{margin-left:16.6666666667%}.ml-flexy__col--5of6{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6{margin-left:83.3333333333%}.ml-flexy__col--1of12{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12{margin-left:8.3333333333%}.ml-flexy__col--2of12{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12{margin-left:16.6666666667%}.ml-flexy__col--3of12{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12{margin-left:25%}.ml-flexy__col--4of12{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12{margin-left:33.3333333333%}.ml-flexy__col--5of12{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12{margin-left:41.6666666667%}.ml-flexy__col--6of12{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12{margin-left:50%}.ml-flexy__col--7of12{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12{margin-left:58.3333333333%}.ml-flexy__col--8of12{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12{margin-left:66.6666666667%}.ml-flexy__col--9of12{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12{margin-left:75%}.ml-flexy__col--10of12{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12{margin-left:83.3333333333%}.ml-flexy__col--11of12{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12{margin-left:91.6666666667%}.ml-flexy__col--initial{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset{margin-left:auto}@media screen and (min-width: 680px){.ml-flexy--gutter{margin-right:-1rem;margin-left:-1rem}.ml-flexy--space-around\\@from-m{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between\\@from-m{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly\\@from-m{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start\\@from-m{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center\\@from-m{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end\\@from-m{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy--gutter>.ml-flexy__col{padding-right:1rem;padding-left:1rem}.ml-flexy__col--fill\\@from-m{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full\\@from-m{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2\\@from-m{margin-left:50%}.ml-flexy__col--1of3\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3\\@from-m{margin-left:33.3333333333%}.ml-flexy__col--2of3\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3\\@from-m{margin-left:66.6666666667%}.ml-flexy__col--1of4\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4\\@from-m{margin-left:25%}.ml-flexy__col--3of4\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4\\@from-m{margin-left:75%}.ml-flexy__col--1of6\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6\\@from-m{margin-left:16.6666666667%}.ml-flexy__col--5of6\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6\\@from-m{margin-left:83.3333333333%}.ml-flexy__col--1of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12\\@from-m{margin-left:8.3333333333%}.ml-flexy__col--2of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12\\@from-m{margin-left:16.6666666667%}.ml-flexy__col--3of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12\\@from-m{margin-left:25%}.ml-flexy__col--4of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12\\@from-m{margin-left:33.3333333333%}.ml-flexy__col--5of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12\\@from-m{margin-left:41.6666666667%}.ml-flexy__col--6of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12\\@from-m{margin-left:50%}.ml-flexy__col--7of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12\\@from-m{margin-left:58.3333333333%}.ml-flexy__col--8of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12\\@from-m{margin-left:66.6666666667%}.ml-flexy__col--9of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12\\@from-m{margin-left:75%}.ml-flexy__col--10of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12\\@from-m{margin-left:83.3333333333%}.ml-flexy__col--11of12\\@from-m{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12\\@from-m{margin-left:91.6666666667%}.ml-flexy__col--initial\\@from-m{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow\\@from-m{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first\\@from-m{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last\\@from-m{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset\\@from-m{margin-left:auto}}@media screen and (min-width: 1024px){.ml-flexy--space-around\\@from-l{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between\\@from-l{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly\\@from-l{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start\\@from-l{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center\\@from-l{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end\\@from-l{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy__col--fill\\@from-l{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full\\@from-l{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2\\@from-l{margin-left:50%}.ml-flexy__col--1of3\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3\\@from-l{margin-left:33.3333333333%}.ml-flexy__col--2of3\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3\\@from-l{margin-left:66.6666666667%}.ml-flexy__col--1of4\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4\\@from-l{margin-left:25%}.ml-flexy__col--3of4\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4\\@from-l{margin-left:75%}.ml-flexy__col--1of6\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6\\@from-l{margin-left:16.6666666667%}.ml-flexy__col--5of6\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6\\@from-l{margin-left:83.3333333333%}.ml-flexy__col--1of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12\\@from-l{margin-left:8.3333333333%}.ml-flexy__col--2of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12\\@from-l{margin-left:16.6666666667%}.ml-flexy__col--3of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12\\@from-l{margin-left:25%}.ml-flexy__col--4of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12\\@from-l{margin-left:33.3333333333%}.ml-flexy__col--5of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12\\@from-l{margin-left:41.6666666667%}.ml-flexy__col--6of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12\\@from-l{margin-left:50%}.ml-flexy__col--7of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12\\@from-l{margin-left:58.3333333333%}.ml-flexy__col--8of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12\\@from-l{margin-left:66.6666666667%}.ml-flexy__col--9of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12\\@from-l{margin-left:75%}.ml-flexy__col--10of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12\\@from-l{margin-left:83.3333333333%}.ml-flexy__col--11of12\\@from-l{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12\\@from-l{margin-left:91.6666666667%}.ml-flexy__col--initial\\@from-l{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow\\@from-l{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first\\@from-l{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last\\@from-l{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset\\@from-l{margin-left:auto}}@media screen and (min-width: 1280px){.ml-flexy--space-around\\@from-xl{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between\\@from-xl{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly\\@from-xl{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start\\@from-xl{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center\\@from-xl{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end\\@from-xl{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy__col--fill\\@from-xl{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full\\@from-xl{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2\\@from-xl{margin-left:50%}.ml-flexy__col--1of3\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3\\@from-xl{margin-left:33.3333333333%}.ml-flexy__col--2of3\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3\\@from-xl{margin-left:66.6666666667%}.ml-flexy__col--1of4\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4\\@from-xl{margin-left:25%}.ml-flexy__col--3of4\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4\\@from-xl{margin-left:75%}.ml-flexy__col--1of6\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6\\@from-xl{margin-left:16.6666666667%}.ml-flexy__col--5of6\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6\\@from-xl{margin-left:83.3333333333%}.ml-flexy__col--1of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12\\@from-xl{margin-left:8.3333333333%}.ml-flexy__col--2of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12\\@from-xl{margin-left:16.6666666667%}.ml-flexy__col--3of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12\\@from-xl{margin-left:25%}.ml-flexy__col--4of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12\\@from-xl{margin-left:33.3333333333%}.ml-flexy__col--5of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12\\@from-xl{margin-left:41.6666666667%}.ml-flexy__col--6of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12\\@from-xl{margin-left:50%}.ml-flexy__col--7of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12\\@from-xl{margin-left:58.3333333333%}.ml-flexy__col--8of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12\\@from-xl{margin-left:66.6666666667%}.ml-flexy__col--9of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12\\@from-xl{margin-left:75%}.ml-flexy__col--10of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12\\@from-xl{margin-left:83.3333333333%}.ml-flexy__col--11of12\\@from-xl{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12\\@from-xl{margin-left:91.6666666667%}.ml-flexy__col--initial\\@from-xl{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow\\@from-xl{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first\\@from-xl{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last\\@from-xl{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset\\@from-xl{margin-left:auto}}@media screen and (min-width: 1920px){.ml-flexy--space-around\\@from-xxl{-ms-flex-pack:distribute;justify-content:space-around}.ml-flexy--justify-between\\@from-xxl{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ml-flexy--justify-evenly\\@from-xxl{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.ml-flexy--justify-start\\@from-xxl{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ml-flexy--justify-center\\@from-xxl{-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.ml-flexy--justify-end\\@from-xxl{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ml-flexy__col--fill\\@from-xxl{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.ml-flexy__col--full\\@from-xxl{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.ml-flexy__col--1of2\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-1of2\\@from-xxl{margin-left:50%}.ml-flexy__col--1of3\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-1of3\\@from-xxl{margin-left:33.3333333333%}.ml-flexy__col--2of3\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-2of3\\@from-xxl{margin-left:66.6666666667%}.ml-flexy__col--1of4\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-1of4\\@from-xxl{margin-left:25%}.ml-flexy__col--3of4\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-3of4\\@from-xxl{margin-left:75%}.ml-flexy__col--1of6\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-1of6\\@from-xxl{margin-left:16.6666666667%}.ml-flexy__col--5of6\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-5of6\\@from-xxl{margin-left:83.3333333333%}.ml-flexy__col--1of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.ml-flexy__col--push-1of12\\@from-xxl{margin-left:8.3333333333%}.ml-flexy__col--2of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.ml-flexy__col--push-2of12\\@from-xxl{margin-left:16.6666666667%}.ml-flexy__col--3of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ml-flexy__col--push-3of12\\@from-xxl{margin-left:25%}.ml-flexy__col--4of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.ml-flexy__col--push-4of12\\@from-xxl{margin-left:33.3333333333%}.ml-flexy__col--5of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.ml-flexy__col--push-5of12\\@from-xxl{margin-left:41.6666666667%}.ml-flexy__col--6of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ml-flexy__col--push-6of12\\@from-xxl{margin-left:50%}.ml-flexy__col--7of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.ml-flexy__col--push-7of12\\@from-xxl{margin-left:58.3333333333%}.ml-flexy__col--8of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.ml-flexy__col--push-8of12\\@from-xxl{margin-left:66.6666666667%}.ml-flexy__col--9of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ml-flexy__col--push-9of12\\@from-xxl{margin-left:75%}.ml-flexy__col--10of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.ml-flexy__col--push-10of12\\@from-xxl{margin-left:83.3333333333%}.ml-flexy__col--11of12\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.ml-flexy__col--push-11of12\\@from-xxl{margin-left:91.6666666667%}.ml-flexy__col--initial\\@from-xxl{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ml-flexy__col--grow\\@from-xxl{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:none}.ml-flexy__col--first\\@from-xxl{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.ml-flexy__col--last\\@from-xxl{-webkit-box-ordinal-group:1000;-ms-flex-order:999;order:999}.ml-flexy__col--push--reset\\@from-xxl{margin-left:auto}}.mc-hero{position:relative}.mc-hero__main{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;padding-bottom:4.5rem;padding-top:4rem}@media screen and (min-width: 680px){.mc-hero__main{padding-bottom:7rem;padding-top:6rem}}@media screen and (min-width: 1024px){.mc-hero__main{padding-bottom:10rem}}@media screen and (min-width: 1440px){.mc-hero__main{padding-bottom:8rem;padding-top:8rem}}.mc-hero__cover{z-index:-1}.mc-hero__cover,.mc-hero__cover::before{height:100%;left:0;position:absolute;top:0;width:100%}.mc-hero__cover::before{background-color:rgba(25, 25, 25, 0.8);content:"";display:block}.mc-hero__visual{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media screen and (min-width: 1024px){.mc-hero__header{max-width:75%}}@media screen and (min-width: 1280px){.mc-hero__header{max-width:66.6666666667%}}@media(min-width: 1440px) and (max-width: 1919px){.mc-hero__header{max-width:75%}}.mc-hero__title{margin-top:0}.mc-hero__content{color:#ffffff}@media screen and (min-width: 1024px){.mc-hero__content{max-width:83.3333333333%}}@media(min-width: 1280px) and (max-width: 1919px){.mc-hero__content{max-width:75%}}.mc-hero__boxed{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;margin-top:-6rem}@media screen and (min-width: 680px){.mc-hero__boxed{margin-top:-5rem}}@media screen and (min-width: 1024px){.mc-hero__boxed{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%;margin-top:0}}@media screen and (min-width: 1920px){.mc-hero__boxed{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}}.mc-hero--with-content .mc-hero__main{padding-bottom:3rem;padding-top:2.5rem}@media screen and (min-width: 680px){.mc-hero--with-content .mc-hero__main{padding-bottom:5rem;padding-top:3.5rem}}@media screen and (min-width: 1024px){.mc-hero--with-content .mc-hero__main{padding-bottom:6rem;padding-top:5rem}}@media screen and (min-width: 1920px){.mc-hero--with-content .mc-hero__main{padding-bottom:8rem}}@media(min-width: 1440px) and (max-width: 1919px){.mc-hero--with-content .mc-hero__header{max-width:66.6666666667%}}@media screen and (min-width: 1920px){.mc-hero--with-content .mc-hero__header{max-width:58.3333333333%}}.mc-hero--with-boxed *{-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width: 1024px){.mc-hero--with-boxed{padding-bottom:3rem;padding-top:4rem}}@media screen and (min-width: 1440px){.mc-hero--with-boxed{padding-bottom:4rem}}@media screen and (min-width: 1920px){.mc-hero--with-boxed{padding-bottom:5rem}}.mc-hero--with-boxed .mc-hero__main{padding-bottom:6rem;padding-top:2.5rem;position:relative;-webkit-box-flex:100%;-ms-flex:100%;flex:100%}@media screen and (min-width: 680px){.mc-hero--with-boxed .mc-hero__main{padding-bottom:5rem;padding-top:4rem}}@media screen and (min-width: 1024px){.mc-hero--with-boxed .mc-hero__main{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%;padding-bottom:0;padding-top:0;position:static}}@media screen and (min-width: 1920px){.mc-hero--with-boxed .mc-hero__main{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}}@media(max-width: 679px){.mc-hero--with-boxed .mc-hero__cover{left:-0.5rem;width:calc(100% + 1rem)}}@media(max-width: 1023px){.mc-hero--with-boxed .mc-hero__cover{left:-1rem;width:calc(100% + 2rem)}}.mc-hero--with-boxed .mc-hero__header,.mc-hero--with-boxed .mc-hero__content{max-width:none}.mc-hero--with-boxed .mc-hero__content{margin-bottom:2rem}@media screen and (min-width: 680px){.mc-hero--with-boxed .mc-hero__content{margin-bottom:3rem}}@media screen and (min-width: 1024px){.mc-hero--with-boxed .mc-hero__content{margin-bottom:0}}@media(min-width: 1024px) and (max-width: 1279px){.mc-hero--boxed-l{padding-bottom:0;padding-top:0}.mc-hero--boxed-l .mc-hero__main,.mc-hero--boxed-l .mc-hero__boxed{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:none}.mc-hero--boxed-l .mc-hero__cover{left:-2rem;width:calc(100% + 4rem)}.mc-hero--boxed-l .mc-hero__main{padding-bottom:7rem;padding-top:4rem;position:relative}.mc-hero--boxed-l .mc-hero__content{margin-bottom:3rem}.mc-hero--boxed-l .mc-hero__boxed{margin-top:-7rem}}.mc-hero--center .mc-hero__header,.mc-hero--center .mc-hero__content{margin-left:auto;margin-right:auto}@media screen and (min-width: 1024px){.mc-hero--center .mc-hero__header{max-width:66.6666666667%}}@media screen and (min-width: 1920px){.mc-hero--center .mc-hero__header{max-width:50%}}.mc-hero--center .mc-hero__content{text-align:center}@media screen and (min-width: 1024px){.mc-hero--center .mc-hero__content{max-width:none}}@media screen and (min-width: 1280px){.mc-hero--center .mc-hero__content{max-width:66.6666666667%}}@media(min-width: 1440px) and (max-width: 1919px){.mc-hero--center .mc-hero__content{max-width:83.3333333333%}}`;
|
|
184
|
+
this.shadowRoot.appendChild(style);
|
|
185
|
+
|
|
186
|
+
init(
|
|
187
|
+
this,
|
|
188
|
+
{
|
|
189
|
+
target: this.shadowRoot,
|
|
190
|
+
props: {
|
|
191
|
+
...attribute_to_object(this.attributes),
|
|
192
|
+
$$slots: get_custom_elements_slots(this)
|
|
193
|
+
},
|
|
194
|
+
customElement: true
|
|
195
|
+
},
|
|
196
|
+
instance,
|
|
197
|
+
create_fragment,
|
|
198
|
+
safe_not_equal,
|
|
199
|
+
{
|
|
200
|
+
image: 0,
|
|
201
|
+
altImage: 1,
|
|
202
|
+
title: 2,
|
|
203
|
+
centered: 3,
|
|
204
|
+
hascontent: 4
|
|
205
|
+
},
|
|
206
|
+
null
|
|
207
|
+
);
|
|
208
|
+
|
|
209
|
+
if (options) {
|
|
210
|
+
if (options.target) {
|
|
211
|
+
insert(options.target, this, options.anchor);
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
if (options.props) {
|
|
215
|
+
this.$set(options.props);
|
|
216
|
+
flush();
|
|
217
|
+
}
|
|
218
|
+
}
|
|
219
|
+
}
|
|
220
|
+
|
|
221
|
+
static get observedAttributes() {
|
|
222
|
+
return ["image", "altImage", "title", "centered", "hascontent"];
|
|
223
|
+
}
|
|
224
|
+
|
|
225
|
+
get image() {
|
|
226
|
+
return this.$$.ctx[0];
|
|
227
|
+
}
|
|
228
|
+
|
|
229
|
+
set image(image) {
|
|
230
|
+
this.$$set({ image });
|
|
231
|
+
flush();
|
|
232
|
+
}
|
|
233
|
+
|
|
234
|
+
get altImage() {
|
|
235
|
+
return this.$$.ctx[1];
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
set altImage(altImage) {
|
|
239
|
+
this.$$set({ altImage });
|
|
240
|
+
flush();
|
|
241
|
+
}
|
|
242
|
+
|
|
243
|
+
get title() {
|
|
244
|
+
return this.$$.ctx[2];
|
|
245
|
+
}
|
|
246
|
+
|
|
247
|
+
set title(title) {
|
|
248
|
+
this.$$set({ title });
|
|
249
|
+
flush();
|
|
250
|
+
}
|
|
251
|
+
|
|
252
|
+
get centered() {
|
|
253
|
+
return this.$$.ctx[3];
|
|
254
|
+
}
|
|
255
|
+
|
|
256
|
+
set centered(centered) {
|
|
257
|
+
this.$$set({ centered });
|
|
258
|
+
flush();
|
|
259
|
+
}
|
|
260
|
+
|
|
261
|
+
get hascontent() {
|
|
262
|
+
return this.$$.ctx[4];
|
|
263
|
+
}
|
|
264
|
+
|
|
265
|
+
set hascontent(hascontent) {
|
|
266
|
+
this.$$set({ hascontent });
|
|
267
|
+
flush();
|
|
268
|
+
}
|
|
269
|
+
}
|
|
270
|
+
|
|
271
|
+
export { Hero as default };
|
|
2
272
|
//# sourceMappingURL=Hero.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Hero.js","sources":["../../../src/components/hero/Hero.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { HeroProps } from './hero.type';\n\n export let image: HeroProps['image'];\n export let altImage: HeroProps['altImage'];\n export let title: HeroProps['title'];\n export let centered: HeroProps['centered'] = false;\n export let hascontent = false;\n\n const hasSlot = !!($$slots && Object.keys($$slots).length);\n</script>\n\n<div class={`mc-hero ${centered ? 'mc-hero--center' : ''}`} {...$$restProps}>\n <div class=\"ml-container ml-container--fluid\">\n <div class=\"ml-flexy ml-flexy--gutter\">\n <div class=\"mc-hero__main ml-flexy__col\">\n <picture class=\"mc-hero__cover\">\n <img class=\"mc-hero__visual\" src={image} alt={altImage || ''} />\n </picture>\n\n <div class=\"mc-hero__header\">\n <h1\n class={`mc-hero__title \n mt-heading\n mt-heading--lightest\n mt-heading--s \n mt-heading--underline\n ${centered ? 'mt-heading--center' : ''}\n ${hasSlot || hascontent ? 'mc-hero--with-content' : ''}\n `}\n >\n {title}\n </h1>\n {#if hasSlot || hascontent}\n <div class=\"mc-hero__content mt-body-m\">\n <slot />\n </div>\n {/if}\n </div>\n </div>\n </div>\n </div>\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/typography/_t.all-base-typography';\n @import '@mozaic-ds/styles/layouts/_l.container';\n @import '@mozaic-ds/styles/layouts/_l.flexy';\n @import '@mozaic-ds/styles/components/_c.hero';\n\n p :global {\n margin-bottom: 0;\n margin-top: 0;\n }\n</style>\n"],"names":[
|
|
1
|
+
{"version":3,"file":"Hero.js","sources":["../../../src/components/hero/Hero.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { HeroProps } from './hero.type';\n\n export let image: HeroProps['image'];\n export let altImage: HeroProps['altImage'];\n export let title: HeroProps['title'];\n export let centered: HeroProps['centered'] = false;\n export let hascontent = false;\n\n const hasSlot = !!($$slots && Object.keys($$slots).length);\n</script>\n\n<div class={`mc-hero ${centered ? 'mc-hero--center' : ''}`} {...$$restProps}>\n <div class=\"ml-container ml-container--fluid\">\n <div class=\"ml-flexy ml-flexy--gutter\">\n <div class=\"mc-hero__main ml-flexy__col\">\n <picture class=\"mc-hero__cover\">\n <img class=\"mc-hero__visual\" src={image} alt={altImage || ''} />\n </picture>\n\n <div class=\"mc-hero__header\">\n <h1\n class={`mc-hero__title \n mt-heading\n mt-heading--lightest\n mt-heading--s \n mt-heading--underline\n ${centered ? 'mt-heading--center' : ''}\n ${hasSlot || hascontent ? 'mc-hero--with-content' : ''}\n `}\n >\n {title}\n </h1>\n {#if hasSlot || hascontent}\n <div class=\"mc-hero__content mt-body-m\">\n <slot />\n </div>\n {/if}\n </div>\n </div>\n </div>\n </div>\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/typography/_t.all-base-typography';\n @import '@mozaic-ds/styles/layouts/_l.container';\n @import '@mozaic-ds/styles/layouts/_l.flexy';\n @import '@mozaic-ds/styles/components/_c.hero';\n\n p :global {\n margin-bottom: 0;\n margin-top: 0;\n }\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;GAoCY,MAEK,CAAA,MAAA,EAAA,GAAA,EAAA,MAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;AAHF,CAAA,IAAA,QAAA,GAAA,aAAA,GAAO,sBAAI,GAAU,CAAA,CAAA,CAAA,KAAA,eAAA,CAAA,CAAA,CAAA;;;;qDArBb,GAAQ,CAAA,CAAA,CAAA,GAAG,iBAAiB,GAAG,EAAE,CAAA,CAAA;;kBAAQ,GAAW,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;uBAmB9D,GAAK,CAAA,CAAA,CAAA,CAAA,CAAA;;;;;yDAd0B,GAAK,CAAA,CAAA,CAAA,CAAA,EAAA,IAAA,CAAA,GAAA,EAAA,KAAA,EAAA,aAAA,CAAA,CAAA;AAAO,GAAA,IAAA,CAAA,GAAA,EAAA,KAAA,EAAA,aAAA,gBAAA,GAAQ,OAAI,EAAE,CAAA,CAAA;;;;;;;;2BAUxD,GAAQ,CAAA,CAAA,CAAA,GAAG,oBAAoB,GAAG,EAAE,CAAA;AACpC,YAAA,cAAA,GAAO,sBAAI,GAAU,CAAA,CAAA,CAAA;KAAG,uBAAuB;KAAG,EAAE,CAAA;;;;;;;;;;GAhBlE,MA8BK,CAAA,MAAA,EAAA,IAAA,EAAA,MAAA,CAAA,CAAA;GA7BH,MA4BK,CAAA,IAAA,EAAA,IAAA,CAAA,CAAA;GA3BH,MA0BK,CAAA,IAAA,EAAA,IAAA,CAAA,CAAA;GAzBH,MAwBK,CAAA,IAAA,EAAA,IAAA,CAAA,CAAA;GAvBH,MAES,CAAA,IAAA,EAAA,OAAA,CAAA,CAAA;GADP,MAA+D,CAAA,OAAA,EAAA,GAAA,CAAA,CAAA;;GAGjE,MAkBK,CAAA,IAAA,EAAA,IAAA,CAAA,CAAA;GAjBH,MAWI,CAAA,IAAA,EAAA,EAAA,CAAA,CAAA;;;;;;gFAf8B,GAAK,CAAA,CAAA,CAAA,CAAA,EAAA;;;;AAAO,GAAA,IAAA,KAAA,gBAAA,CAAA,IAAA,aAAA,MAAA,aAAA,gBAAA,GAAQ,OAAI,EAAE,CAAA,EAAA;;;;mDAczD,GAAK,CAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;2BAJJ,GAAQ,CAAA,CAAA,CAAA,GAAG,oBAAoB,GAAG,EAAE,CAAA;AACpC,YAAA,cAAA,GAAO,sBAAI,GAAU,CAAA,CAAA,CAAA;KAAG,uBAAuB;KAAG,EAAE,CAAA;;;;;AAKnD,GAAA,gBAAA,GAAO,sBAAI,GAAU,CAAA,CAAA,CAAA,EAAA;;;;;;;;;;;;+FArBb,GAAQ,CAAA,CAAA,CAAA,GAAG,iBAAiB,GAAG,EAAE,CAAA,CAAA,CAAA,IAAA,EAAA,KAAA,EAAA,gBAAA,EAAA;kDAAQ,GAAW,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;OAT9D,KAAyB,EAAA,GAAA,OAAA,CAAA;OACzB,QAA+B,EAAA,GAAA,OAAA,CAAA;OAC/B,KAAyB,EAAA,GAAA,OAAA,CAAA;AACzB,CAAA,IAAA,EAAA,QAAQ,GAA0B,KAAK,EAAA,GAAA,OAAA,CAAA;AACvC,CAAA,IAAA,EAAA,UAAU,GAAG,KAAK,EAAA,GAAA,OAAA,CAAA;OAEvB,OAAO,GAAA,CAAA,EAAM,OAAO,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,CAAA,CAAE,MAAM,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|