{"version":3,"sources":["src/components/common/atomic-focus-trap.tsx","src/components/common/atomic-modal/atomic-modal.pcss?tag=atomic-modal&encapsulation=shadow","src/components/common/atomic-modal/atomic-modal.tsx"],"names":["AtomicFocusTrap","[object Object]","hostRef","this","active","shouldHideSelf","scope","document","body","hiddenElements","element","hasAttribute","tagName","toLowerCase","setAttribute","push","el","pop","removeAttribute","parent","getParent","Array","from","children","forEach","sibling","assignedSlot","isAncestorOf","host","hide","hideSiblingsRecursively","parentToHide","isInitialLoad","showAll","defer","_a","source","focus","hideSelf","showSelf","getFirstFocusableDescendant","wasActive","onActivated","onDeactivated","e","elementIsPartOfHost","focusedElement","elementIsPartOfScope","target","getFocusedElement","activeChanged","container","atomicModalCss","AtomicModal","fullscreen","isOpen","close","boundary","wasEverOpened","headerId","randomID","currentWatchToggleOpenExecution","updateBreakpoints","once","watchToggleOpenExecution","modalOpenedClass","classList","add","bindings","interfaceElement","waitForAnimationEnded","focusTrap","remove","isIOS","key","Promise","resolve","listenOnce","animatableContainer","classes","preventDefault","watchToggleOpen","Content","h","part","class","onAnimationEnd","animationEnded","emit","ref","id","name","addEventListener","stopPropagation","passive","Host","getClasses","join","onClick","currentTarget","role","aria-modal","toString","aria-labelledby","__decorate","InitializeBindings"],"mappings":"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","sourcesContent":["import {Component, Element, Listen, Prop, Watch} from '@stencil/core';\nimport {getFirstFocusableDescendant} from '../../utils/accessibility-utils';\nimport {\n isAncestorOf,\n defer,\n getFocusedElement,\n getParent,\n} from '../../utils/utils';\n\n/**\n * @internal\n */\n@Component({\n tag: 'atomic-focus-trap',\n shadow: false,\n})\nexport class AtomicFocusTrap {\n @Element() private host!: HTMLElement;\n @Prop() public active = false;\n /**\n * The source to focus when the focus trap becomes inactive.\n */\n @Prop({mutable: true}) source?: HTMLElement;\n /**\n * The container to hide from the tabindex and accessibility DOM when the focus trap is inactive.\n */\n @Prop({mutable: true}) container?: HTMLElement;\n\n /**\n * Whether the element should be hidden from screen readers & not interactive with the tab, when not active.\n */\n @Prop() shouldHideSelf = true;\n\n /**\n * The common ancestor of the focus trap and of all the elements that should be inaccessible when inside the focus trap.\n */\n @Prop() scope = document.body;\n\n private readonly hiddenElements: Element[] = [];\n\n hide(element: Element) {\n // aria-hidden -> already hidden\n // aria-live or atomic-aria-live -> must not be hidden otherwise it won't announce dynamic changes in the live region\n if (\n element.hasAttribute('aria-hidden') ||\n element.hasAttribute('aria-live') ||\n element.tagName.toLowerCase() === 'atomic-aria-live'\n ) {\n return;\n }\n element.setAttribute('aria-hidden', 'true');\n this.hiddenElements.push(element);\n }\n\n showAll() {\n let el: Element | undefined;\n while ((el = this.hiddenElements.pop())) {\n el.removeAttribute('aria-hidden');\n }\n }\n\n hideSiblingsRecursively(element: Element | ShadowRoot) {\n const parent = getParent(element);\n if (parent === null) {\n return;\n }\n Array.from(parent.children as HTMLCollection).forEach((sibling) => {\n if (sibling === element) {\n return;\n }\n if (\n sibling.assignedSlot &&\n isAncestorOf(this.host, sibling.assignedSlot)\n ) {\n return;\n }\n this.hide(sibling);\n });\n if (parent !== this.scope) {\n this.hideSiblingsRecursively(parent);\n }\n }\n\n showSelf() {\n this.parentToHide.removeAttribute('aria-hidden');\n this.parentToHide.removeAttribute('tabindex');\n }\n\n hideSelf() {\n if (this.shouldHideSelf) {\n this.parentToHide.setAttribute('aria-hidden', 'true');\n this.parentToHide.setAttribute('tabindex', '-1');\n }\n }\n\n async onDeactivated(isInitialLoad: boolean) {\n this.showAll();\n if (!isInitialLoad) {\n await defer();\n this.source?.focus();\n }\n this.hideSelf();\n }\n\n async onActivated(isInitialLoad: boolean) {\n this.showSelf();\n if (!isInitialLoad) {\n await defer();\n getFirstFocusableDescendant(this.host)?.focus();\n }\n this.hideSiblingsRecursively(this.host);\n }\n\n @Watch('active')\n async activeChanged(active: boolean, wasActive: boolean) {\n const isInitialLoad = active === wasActive;\n if (active) {\n await this.onActivated(isInitialLoad);\n } else {\n await this.onDeactivated(isInitialLoad);\n }\n }\n\n @Listen('focusin', {target: 'document'})\n onFocusChanged(e: FocusEvent) {\n const elementIsPartOfHost = (focusedElement: Element | ShadowRoot) =>\n isAncestorOf(this.host, focusedElement);\n\n const elementIsPartOfScope = (focusedElement: Element | ShadowRoot) =>\n isAncestorOf(this.scope, focusedElement);\n\n if (!e.target || !this.active) {\n return;\n }\n\n const focusedElement = getFocusedElement();\n\n if (\n focusedElement &&\n (elementIsPartOfHost(focusedElement) ||\n !elementIsPartOfScope(focusedElement))\n ) {\n return;\n }\n\n getFirstFocusableDescendant(this.host)?.focus();\n }\n\n connectedCallback() {\n this.activeChanged(this.active, this.active);\n }\n\n disconnectedCallback() {\n this.showAll();\n }\n\n private get parentToHide() {\n return this.container ?? this.host;\n }\n}\n","@import '../../../global/global.pcss';\n\n[part='backdrop'] {\n @apply pointer-events-none;\n}\n\natomic-focus-trap {\n @apply contents;\n}\n\n[part='container'] {\n @apply overflow-hidden;\n grid-area: modal;\n}\n\n.animate-scaleUpModalIPX[part='container'] {\n @apply rounded shadow;\n}\n\n:host(.open) {\n [part='backdrop'] {\n @apply pointer-events-auto;\n }\n}\n\n:host(.open.dialog) {\n [part='backdrop'] {\n background-color: rgba(40, 40, 40, 0.8);\n }\n}\n\n:host(.dialog) {\n [part='backdrop'] {\n @apply grid p-6;\n transition: background-color 500ms ease-in-out;\n\n grid-template-areas:\n '. . .'\n '. modal .'\n '. . .';\n\n grid-template-columns: 1fr min(30rem, 100%) 1fr;\n grid-template-rows: 1fr auto 3fr;\n }\n\n [part='container'] {\n @apply rounded shadow;\n }\n\n [part='header-wrapper'] {\n @apply px-6 py-4;\n }\n\n [part='header'] {\n @apply font-bold;\n }\n\n [part='body-wrapper'] {\n @apply p-6;\n }\n\n [part='footer-wrapper'] {\n @apply bg-neutral-light;\n padding: 1rem 1.125rem;\n }\n}\n\n:host(.fullscreen) {\n [part='container'] {\n @apply absolute inset-0;\n }\n\n [part='header-wrapper'] {\n @apply p-6;\n }\n\n [part='body-wrapper'] {\n @apply px-6 pt-8 pb-5;\n }\n\n [part='footer-wrapper'] {\n @apply shadow-t-lg px-6 py-4;\n }\n}\n","import {\n Component,\n h,\n State,\n Prop,\n Element,\n Watch,\n Event,\n EventEmitter,\n Host,\n Listen,\n} from '@stencil/core';\nimport {isIOS} from '../../../utils/device-utils';\nimport {listenOnce} from '../../../utils/event-utils';\nimport {\n InitializableComponent,\n InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {updateBreakpoints} from '../../../utils/replace-breakpoint';\nimport {once, randomID} from '../../../utils/utils';\nimport {AnyBindings} from '../interface/bindings';\n\n/**\n * When the modal is opened, the class `atomic-modal-opened` is added to the interfaceElement and the body, allowing further customization.\n *\n * @part backdrop - The transparent backdrop hiding the content behind the modal.\n * @part container - The modal's outermost container with the outline and background.\n * @part header-wrapper - The wrapper around the header.\n * @part header - The header at the top of the modal.\n * @part header-ruler - The horizontal ruler underneath the header.\n * @part body-wrapper - The wrapper around the body.\n * @part body - The body of the modal, between the header and the footer.\n * @part footer-wrapper - The wrapper with a shadow or background color around the footer.\n * @part footer - The footer at the bottom of the modal.\n * @internal\n */\n@Component({\n tag: 'atomic-modal',\n styleUrl: 'atomic-modal.pcss',\n shadow: true,\n})\nexport class AtomicModal implements InitializableComponent {\n @InitializeBindings() public bindings!: AnyBindings;\n @Element() public host!: HTMLElement;\n\n @State() public error!: Error;\n\n @Prop({reflect: true, mutable: true}) fullscreen = false;\n @Prop({mutable: true}) source?: HTMLElement;\n /**\n * The container to hide from the tabindex and accessibility DOM when the modal is closed.\n */\n @Prop({mutable: true}) container?: HTMLElement;\n @Prop({reflect: true, mutable: true}) isOpen = false;\n @Prop({mutable: true}) close: () => void = () => (this.isOpen = false);\n @Prop({reflect: true}) scope?: HTMLElement;\n /**\n * Whether to display the open and close animations over the entire page or the atomic-modal only.\n */\n @Prop({reflect: true}) boundary: 'page' | 'element' = 'page';\n\n @Event() animationEnded!: EventEmitter;\n\n private wasEverOpened = false;\n private headerId = randomID('atomic-modal-header-');\n private focusTrap?: HTMLAtomicFocusTrapElement;\n private animatableContainer?: HTMLElement;\n private currentWatchToggleOpenExecution = 0;\n\n @Watch('isOpen')\n async watchToggleOpen(isOpen: boolean) {\n const watchToggleOpenExecution = ++this.currentWatchToggleOpenExecution;\n const modalOpenedClass = 'atomic-modal-opened';\n\n if (isOpen) {\n this.wasEverOpened = true;\n //TODO: remove the addition of a class to the body in atomicV3\n document.body.classList.add(modalOpenedClass);\n this.bindings.interfaceElement.classList.add(modalOpenedClass);\n await this.waitForAnimationEnded();\n if (watchToggleOpenExecution !== this.currentWatchToggleOpenExecution) {\n return;\n }\n this.focusTrap!.active = true;\n } else {\n //TODO: remove the removal of a class to the body in atomicV3\n document.body.classList.remove(modalOpenedClass);\n this.bindings.interfaceElement.classList.remove(modalOpenedClass);\n if (isIOS()) {\n await this.waitForAnimationEnded();\n }\n if (watchToggleOpenExecution !== this.currentWatchToggleOpenExecution) {\n return;\n }\n this.focusTrap!.active = false;\n }\n }\n\n @Listen('keyup', {target: 'body'})\n handleCloseOnEscape(e: KeyboardEvent) {\n if (e.key?.toLowerCase() === 'escape') {\n this.close();\n }\n }\n\n private waitForAnimationEnded() {\n // The focus trap focuses its first child when active. It cannot do that while an animation is ongoing.\n return new Promise((resolve) =>\n listenOnce(this.animatableContainer!, 'animationend', resolve)\n );\n }\n\n private getClasses() {\n const classes: string[] = [];\n if (this.isOpen) {\n classes.push('open');\n }\n if (this.fullscreen) {\n classes.push('fullscreen');\n } else {\n classes.push('dialog');\n }\n return classes;\n }\n\n @Listen('touchmove', {passive: false})\n onWindowTouchMove(e: Event) {\n this.isOpen && e.preventDefault();\n }\n\n public componentDidLoad() {\n this.watchToggleOpen(this.isOpen);\n }\n\n private updateBreakpoints = once(() => updateBreakpoints(this.host));\n\n public render() {\n this.updateBreakpoints();\n\n const Content = () => (\n this.animationEnded.emit()}\n ref={(ref) => (this.animatableContainer = ref)}\n >\n \n
\n \n \n element?.addEventListener(\n 'touchmove',\n (e) => this.isOpen && e.stopPropagation(),\n {passive: false}\n )\n }\n >\n \n \n \n \n \n \n
\n \n \n );\n\n return (\n \n e.target === e.currentTarget && this.close()}\n >\n (this.focusTrap = ref)}\n scope={this.scope}\n >\n \n \n \n \n );\n }\n}\n"]}
威尼斯人在线
皇冠app下载
一起飞国际机票网
捡宝贝
九森林业
保定易登网
太阳城娱乐城
天创环境
Sun-City-support@ruansaen.com
澳门银河
Online-betting-website-feedback@c178.net
ag8-Asia-Tour-contact@summercampinglights.net
威尼斯人在线
欧洲杯竞猜app
太阳城娱乐
皇冠博彩
皇冠官网
Crown-Sports-Betting-sales@berxwedan.net
Euro-2024-buying-entrance-admin@babyfeedingshop.com
bet365体育
P2P聚焦网
坤鼎集团
免费在线闹钟
秀人网
信阳赶集网
QQ网名大全
《一站到底》官方网站
石家庄实验中学
山东万通汽车学院
英格电气
站点地图
易道网
东方传动