{"version":3,"file":"AccessibilityToggle.BpMLoh3I.js","sources":["../../../../../../../../packages/common/src/accessibility/accessibility.ts","../../../../../../../../packages/builder-oem/src/components/CC-04/CC-04-1-AccessibilityToggle/AccessibilityToggle.svelte"],"sourcesContent":["import { accessibilityMode } from '../stores/accessibility';\n\nexport function toggleAccesibilityMode(value: boolean) {\n\taccessibilityMode.set(value);\n\twindow.postMessage({ accessibilityMode: value });\n\n\tif (!value) {\n\t\tlocalStorage.removeItem('se2.accessibility');\n\n\t\treturn;\n\t}\n\n\tlocalStorage.setItem('se2.accessibility', 'true');\n}\n","<script lang=\"ts\">\n\timport { onMount } from 'svelte';\n\timport { IconName, IconSize } from '@se/common/src/components';\n\timport Icon from '@se/common/src/components/icon/Icon.svelte';\n\timport { toggleAccesibilityMode } from '@se/common/src/accessibility/accessibility';\n\timport { accessibilityMode } from '@se/common/stores';\n\timport { DataLayerEventName, ItemClickedSuboption, analytics } from '@se/core/services/analytics';\n\timport ComponentStylesWrapper from '../../CC-03/shared/component-styles-wrapper/ComponentStylesWrapper.svelte';\n\timport isComponentOutdated from '../../../utility/is-component-outdated';\n\timport { COMPONENT_META_DATA } from './consts';\n\n\texport let componentVersion: string;\n\texport let accessibilityModeOnText: string = '';\n\texport let accessibilityModeOffText: string = '';\n\n\tlet isHover: boolean = false;\n\tlet isFocus: boolean = false;\n\t$: isAccessibility = $accessibilityMode;\n\t$: isFullyVisible = isHover || isFocus;\n\n\tonMount(() => {\n\t\tif (localStorage.getItem('se2.accessibility') === 'true') {\n\t\t\ttoggleAccesibilityMode(true);\n\t\t}\n\t});\n\n\tfunction handleToggle() {\n\t\tisAccessibility = !isAccessibility;\n\n\t\ttoggleAccesibilityMode(isAccessibility);\n\t\tanalytics.pushToDataLayer({\n\t\t\tevent: DataLayerEventName.ITEM_CLICKED,\n\t\t\tselected_option: isAccessibility ? accessibilityModeOnText : accessibilityModeOffText,\n\t\t\tselected_sub_option: ItemClickedSuboption.ONPAGE_NAVI,\n\t\t});\n\t}\n</script>\n\n<ComponentStylesWrapper\n\tisComponentOutdated={isComponentOutdated(COMPONENT_META_DATA.VERSION, componentVersion)}\n\ttestID={COMPONENT_META_DATA.NAME}\n\tdataInsertName={COMPONENT_META_DATA.NAME}\n\tcustomClass=\"bg-se-charcoal fixed bottom-5 left-5 z-[999] flex items-center rounded-full p-2.5 text-white\"\n>\n\t<button\n\t\ton:click={handleToggle}\n\t\ton:mouseenter={() => (isHover = true)}\n\t\ton:mouseleave={() => (isHover = false)}\n\t\ton:focus={() => (isFocus = true)}\n\t\ton:blur={() => (isFocus = false)}\n\t\taria-checked={isAccessibility}\n\t\taria-label={isAccessibility ? accessibilityModeOnText : accessibilityModeOffText}\n\t\trole=\"switch\"\n\t>\n\t\t<div class=\"flex items-center gap-2\">\n\t\t\t<Icon name={IconName.ACCESSIBILITY} size={IconSize.SM}></Icon>\n\n\t\t\t{#if isFullyVisible}\n\t\t\t\t<label class=\"inline-flex cursor-pointer items-center\">\n\t\t\t\t\t<input\n\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\tbind:checked={isAccessibility}\n\t\t\t\t\t\ton:click|preventDefault={handleToggle}\n\t\t\t\t\t\tclass=\"peer sr-only\"\n\t\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\t/>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"bg-se-gray-1011 dark:bg-se-gray-1011 peer-checked:after:bg-se-charcoal peer relative h-5 w-9\n\t\t\t\t\t\trounded-full after:absolute after:start-[2px] after:top-[2px] after:h-4 after:w-4 after:rounded-full\n\t\t\t\t\t\tafter:border after:bg-white after:transition-all after:content-[''] peer-checked:bg-white\n\t\t\t\t\t\tpeer-checked:after:translate-x-full peer-checked:after:border-white peer-focus:outline-none\n\t\t\t\t\t\trtl:peer-checked:after:-translate-x-full dark:border-gray-600\"\n\t\t\t\t\t/>\n\t\t\t\t</label>\n\n\t\t\t\t<div class=\"text-sm\">\n\t\t\t\t\t{#if isAccessibility}\n\t\t\t\t\t\t{accessibilityModeOnText}\n\t\t\t\t\t{:else}\n\t\t\t\t\t\t{accessibilityModeOffText}\n\t\t\t\t\t{/if}\n\t\t\t\t</div>\n\t\t\t{/if}\n\t\t</div>\n\t</button>\n</ComponentStylesWrapper>\n"],"names":["toggleAccesibilityMode","value","accessibilityMode","ctx","create_if_block_1","insert_hydration","target","label","anchor","append_hydration","input","div0","div1","IconName","IconSize","create_if_block","button","div","isComponentOutdated","COMPONENT_META_DATA","dirty","componentstyleswrapper_changes","componentVersion","$$props","accessibilityModeOnText","accessibilityModeOffText","isHover","isFocus","onMount","handleToggle","$$invalidate","isAccessibility","analytics","DataLayerEventName","ItemClickedSuboption","mouseenter_handler","mouseleave_handler","focus_handler","blur_handler","$accessibilityMode","isFullyVisible"],"mappings":"2eAEO,SAASA,EAAuBC,EAAgB,CAItD,GAHAC,EAAkB,IAAID,CAAK,EAC3B,OAAO,YAAY,CAAE,kBAAmBA,CAAO,CAAA,EAE3C,CAACA,EAAO,CACX,aAAa,WAAW,mBAAmB,EAE3C,MACD,CAEa,aAAA,QAAQ,oBAAqB,MAAM,CACjD,0DC+DUE,EAAe,CAAA,EAAAC,k7BAlBrBC,EAeOC,EAAAC,EAAAC,CAAA,EAdNC,EAMCF,EAAAG,CAAA,YAJcP,EAAe,CAAA,SAK9BM,EAMCF,EAAAI,CAAA,WAGFN,EAMKC,EAAAM,EAAAJ,CAAA,sDAnBsBL,EAAY,CAAA,CAAA,CAAA,kCADvBA,EAAe,CAAA,mJAkB5BA,EAAwB,CAAA,CAAA,cAAxBA,EAAwB,CAAA,CAAA,oCAAxBA,EAAwB,CAAA,CAAA,sDAFxBA,EAAuB,CAAA,CAAA,cAAvBA,EAAuB,CAAA,CAAA,oCAAvBA,EAAuB,CAAA,CAAA,qEAtBf,KAAAU,EAAS,cAAqB,KAAAC,EAAS,YAE9CX,EAAc,CAAA,GAAAY,EAAAZ,CAAA,qUAPNA,EAAe,CAAA,CAAA,qBACjBA,EAAe,CAAA,EAAGA,EAAuB,CAAA,EAAGA,EAAwB,CAAA,CAAA,+BAPjFE,EAwCQC,EAAAU,EAAAR,CAAA,EA9BPC,EA6BKO,EAAAC,CAAA,4DAtCKd,EAAY,CAAA,CAAA,sGAYhBA,EAAc,CAAA,0FAPNA,EAAe,CAAA,CAAA,oBACjBA,EAAe,CAAA,EAAGA,EAAuB,CAAA,EAAGA,EAAwB,CAAA,gLAZ5D,oBAAAe,EAAoBC,EAAoB,QAAShB,EAAgB,CAAA,CAAA,EAC9E,OAAAgB,EAAoB,KACZ,eAAAA,EAAoB,oPAFfC,EAAA,IAAAC,EAAA,oBAAAH,EAAoBC,EAAoB,QAAShB,EAAgB,CAAA,CAAA,sLA5B3E,iBAAAmB,CAAwB,EAAAC,EACxB,CAAA,wBAAAC,EAAkC,EAAE,EAAAD,EACpC,CAAA,yBAAAE,EAAmC,EAAE,EAAAF,EAE5CG,EAAmB,GACnBC,EAAmB,GAIvBC,EAAO,IAAA,CACF,aAAa,QAAQ,mBAAmB,IAAM,QACjD5B,EAAuB,EAAI,aAIpB6B,GAAY,CACpBC,EAAA,EAAAC,GAAmBA,CAAe,EAElC/B,EAAuB+B,CAAe,EACtCC,EAAU,gBAAe,CACxB,MAAOC,GAAmB,aAC1B,gBAAiBF,EAAkBP,EAA0BC,EAC7D,oBAAqBS,GAAqB,2BA4BzBH,EAAe,KAAA,sBAfX,MAAAI,EAAA,IAAAL,EAAA,EAAAJ,EAAU,EAAI,EACdU,EAAA,IAAAN,EAAA,EAAAJ,EAAU,EAAK,EACpBW,EAAA,IAAAP,EAAA,EAAAH,EAAU,EAAI,EACfW,EAAA,IAAAR,EAAA,EAAAH,EAAU,EAAK,2OAhC/BG,EAAA,EAAEC,EAAkBQ,CAAkB,iBACpCT,EAAA,EAAAU,EAAiBd,GAAWC,CAAO"}