{"version":3,"names":["zdsBackdropCss","ZdsBackdropStyle0","ZdsBackdrop","backdropClicked","event","this","zdsBackdropClosed","emit","onKeyDown","key","componentWillLoad","document","addEventListener","isInStorybook","disconnectedCallback","removeEventListener","render","backdropClasses","generateCssClasses","hide","show","storybook","backdropStyles","zIndex","toString","h","class","onClick","style","__decorate","bind","MouseEvent","KeyboardEvent"],"sources":["../src/components/zds-backdrop/zds-backdrop.scss?tag=zds-backdrop&encapsulation=shadow","../src/components/zds-backdrop/zds-backdrop.tsx"],"sourcesContent":[".zds-backdrop {\n\tbackdrop-filter: blur(var(--zds-backdrop-blur));\n\tbackground: var(--zds-backdrop-background);\n\tdisplay: block;\n\tinset: 0;\n\tposition: fixed;\n\ttransition:\n\t\tvisibility 0s,\n\t\topacity var(--zds-transition-md);\n\tz-index: 1000;\n\n\t&--hide {\n\t\topacity: 0;\n\t\ttransition:\n\t\t\tvisibility 0s 300ms,\n\t\t\topacity var(--zds-transition-md);\n\t\tvisibility: hidden;\n\t}\n\n\t&--storybook {\n\t\tposition: absolute;\n\t}\n}\n","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport bind from 'bind-decorator';\nimport { StyleCollection } from '../../types';\nimport { generateCssClasses } from '../../utils/generate-css-classes';\nimport { isInStorybook } from '../../utils/is-in-storybook';\n\n@Component({\n\tshadow: true,\n\tstyleUrl: 'zds-backdrop.scss',\n\ttag: 'zds-backdrop',\n})\nexport class ZdsBackdrop {\n\tisInStorybook: boolean;\n\n\t@Prop() show: boolean;\n\t@Prop() zIndex: number;\n\n\t@Event({ bubbles: true }) zdsBackdropClosed: EventEmitter<MouseEvent | KeyboardEvent>;\n\n\t@bind\n\tbackdropClicked(event: MouseEvent) {\n\t\tthis.zdsBackdropClosed.emit(event);\n\t}\n\n\t@bind\n\tonKeyDown(event: KeyboardEvent) {\n\t\tif (event.key === 'Escape') {\n\t\t\tthis.zdsBackdropClosed.emit(event);\n\t\t}\n\t}\n\n\tcomponentWillLoad() {\n\t\tdocument.addEventListener('keydown', this.onKeyDown);\n\t\tthis.isInStorybook = isInStorybook();\n\t}\n\n\tdisconnectedCallback() {\n\t\tdocument.removeEventListener('keydown', this.onKeyDown);\n\t}\n\n\trender() {\n\t\tconst backdropClasses = generateCssClasses('zds-backdrop', {\n\t\t\thide: !this.show,\n\t\t\tstorybook: this.isInStorybook,\n\t\t});\n\n\t\tconst backdropStyles: StyleCollection = {\n\t\t\tzIndex: this.zIndex?.toString(),\n\t\t};\n\n\t\treturn <div class={backdropClasses} onClick={this.backdropClicked} style={backdropStyles}></div>;\n\t}\n}\n"],"mappings":"4KAAA,MAAMA,EAAiB,qdACvB,MAAAC,EAAeD,E,MCUFE,EAAW,M,wHASvB,eAAAC,CAAgBC,GACfC,KAAKC,kBAAkBC,KAAKH,E,CAI7B,SAAAI,CAAUJ,GACT,GAAIA,EAAMK,MAAQ,SAAU,CAC3BJ,KAAKC,kBAAkBC,KAAKH,E,EAI9B,iBAAAM,GACCC,SAASC,iBAAiB,UAAWP,KAAKG,WAC1CH,KAAKQ,cAAgBA,G,CAGtB,oBAAAC,GACCH,SAASI,oBAAoB,UAAWV,KAAKG,U,CAG9C,MAAAQ,GACC,MAAMC,EAAkBC,EAAmB,eAAgB,CAC1DC,MAAOd,KAAKe,KACZC,UAAWhB,KAAKQ,gBAGjB,MAAMS,EAAkC,CACvCC,OAAQlB,KAAKkB,QAAQC,YAGtB,OAAOC,EAAA,OAAAhB,IAAA,2CAAKiB,MAAOT,EAAiBU,QAAStB,KAAKF,gBAAiByB,MAAON,G,GA9B3EO,EAAA,CADCC,E,iDACsBC,a,mEAKvBF,EAAA,CADCC,E,iDACgBE,gB"}