@gov-design-system-ce/components 4.2.6 → 4.2.7

package/dist/components/gov-banner.js.map

@@ -1 +1 @@
-{"version":3,"names":["BannerSizes","pick","Sizes","BannerBackground","BannerForeground","BannerTextColor","BannerClass","root","content","GovBanner","proxyCustomElement","H","constructor","_M","SIMPLE","LOGO","LIGHT","this","h","govHost","host","validateSize","newValue","validateProp","validateBackground","validateForeground","validateTextColor","componentWillLoad","size","background","foreground","textColor","render","Host","Object","assign","key","class","classes","role","name","hasSlot"],"sources":["../../../packages/core/src/components/gov-banner/constants.ts","../../../packages/core/src/components/gov-banner/gov-banner.tsx"],"sourcesContent":["import {ValueOf} from \"../../types/interfaces\";\nimport {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\n\nexport const BannerSizes = pick(Sizes, ['_S', '_M', '_L', '_XL'])\nexport type BannerSizesType = `${ValueOf<typeof BannerSizes>}`\n\nexport enum BannerBackground {\n\tSIMPLE = 'simple',\n\tWAVES = 'waves',\n\tSTRIPES = 'stripes',\n\tLINES = 'lines',\n}\nexport type BannerBackgroundsType = `${ValueOf<typeof BannerBackground>}`\n\nexport enum BannerForeground {\n\tIMAGE = 'image',\n\tLOGO = 'logo',\n\tICON = 'icon',\n}\nexport type BannerForegroundsType = `${ValueOf<typeof BannerForeground>}`\n\nexport enum BannerTextColor {\n\tLIGHT = 'light',\n\tDARK = 'dark',\n}\nexport type BannerTextColorsType = `${ValueOf<typeof BannerTextColor>}`\n\nexport const BannerClass = {\n\troot: 'gov-banner',\n\tcontent: 'gov-banner__content',\n}\n","import {Component, Element, h, Host, Prop, Watch} from '@stencil/core'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {\n    BannerBackground,\n    BannerBackgroundsType,\n    BannerClass,\n    BannerForeground,\n    BannerForegroundsType,\n    BannerSizes,\n    BannerSizesType,\n    BannerTextColor,\n    BannerTextColorsType\n} from \"./constants\";\nimport {validateProp} from \"../../helpers/Validate/props\";\n\n@Component({\n    tag: 'gov-banner',\n})\nexport class GovBanner {\n    private h: GovHost\n\n    constructor() {\n        this.h = govHost(this.host)\n    }\n\n    @Element() host: HTMLGovBannerElement\n    /**\n     * Banner’s size.\n     */\n    @Prop({reflect: true}) readonly size: BannerSizesType = BannerSizes._M\n    /**\n     * Banner’s background\n     */\n    @Prop() readonly background: BannerBackgroundsType = BannerBackground.SIMPLE\n    /**\n     * Banner’s foreground\n     */\n    @Prop() readonly foreground: BannerForegroundsType = BannerForeground.LOGO\n    /**\n     * XL Banner’s text color\n     */\n    @Prop({attribute: 'text-color'}) readonly textColor: BannerTextColorsType = BannerTextColor.LIGHT\n\n    @Watch('size')\n    validateSize(newValue: string): void {\n        validateProp(BannerSizes, newValue, BannerClass.root)\n    }\n\n    @Watch('background')\n    validateBackground(newValue: string): void {\n        validateProp(BannerBackground, newValue, BannerClass.root)\n    }\n\n    @Watch('foreground')\n    validateForeground(newValue: string): void {\n        validateProp(BannerForeground, newValue, BannerClass.root)\n    }\n\n    @Watch('text-color')\n    validateTextColor(newValue: string): void {\n        validateProp(BannerTextColor, newValue, BannerClass.root)\n    }\n\n    componentWillLoad(): void {\n        this.validateSize(this.size)\n        this.validateBackground(this.background)\n        this.validateForeground(this.foreground)\n        this.validateTextColor(this.textColor)\n    }\n\n    render() {\n        return (\n            <Host class={this.h.classes(BannerClass.root)}\n                  role=\"region\"\n                  size={this.size}\n                  {...(this.size !== \"xl\" ? {\n                      background: this.background,\n                      foreground: this.foreground\n                  } : {'text-color': this.textColor})}>\n                <div>\n                    <div class={BannerClass.content}>\n                        <slot name=\"headline\"/>\n                        <slot/>\n                    </div>\n                    {this.h.hasSlot('button') && (\n                        <slot name=\"button\"/>\n                    )}\n                </div>\n                <slot name=\"image\"/>\n            </Host>\n        )\n    }\n}\n"],"mappings":"yMAIO,MAAMA,EAAcC,EAAKC,EAAO,CAAC,KAAM,KAAM,KAAM,QAG1D,IAAYC,GAAZ,SAAYA,GACXA,EAAA,mBACAA,EAAA,iBACAA,EAAA,qBACAA,EAAA,gBACA,EALD,CAAYA,MAAgB,KAQ5B,IAAYC,GAAZ,SAAYA,GACXA,EAAA,iBACAA,EAAA,eACAA,EAAA,cACA,EAJD,CAAYA,MAAgB,KAO5B,IAAYC,GAAZ,SAAYA,GACXA,EAAA,iBACAA,EAAA,cACA,EAHD,CAAYA,MAAe,KAMpB,MAAMC,EAAc,CAC1BC,KAAM,aACNC,QAAS,uB,MCXGC,EAASC,EAAA,MAAAD,UAAAE,EAGlB,WAAAC,G,wCAQwDZ,EAAYa,G,gBAIfV,EAAiBW,O,gBAIjBV,EAAiBW,K,eAIMV,EAAgBW,MAnBxFC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAsB1B,YAAAC,CAAaC,GACTC,EAAavB,EAAasB,EAAUhB,EAAYC,K,CAIpD,kBAAAiB,CAAmBF,GACfC,EAAapB,EAAkBmB,EAAUhB,EAAYC,K,CAIzD,kBAAAkB,CAAmBH,GACfC,EAAanB,EAAkBkB,EAAUhB,EAAYC,K,CAIzD,iBAAAmB,CAAkBJ,GACdC,EAAalB,EAAiBiB,EAAUhB,EAAYC,K,CAGxD,iBAAAoB,GACIV,KAAKI,aAAaJ,KAAKW,MACvBX,KAAKO,mBAAmBP,KAAKY,YAC7BZ,KAAKQ,mBAAmBR,KAAKa,YAC7Bb,KAAKS,kBAAkBT,KAAKc,U,CAGhC,MAAAC,GACI,OACId,EAACe,EAAIC,OAAAC,OAAA,CAAAC,IAAA,2CAACC,MAAOpB,KAAKC,EAAEoB,QAAQhC,EAAYC,MAClCgC,KAAK,SACLX,KAAMX,KAAKW,MACNX,KAAKW,OAAS,KAAO,CACtBC,WAAYZ,KAAKY,WACjBC,WAAYb,KAAKa,YACjB,CAAC,aAAcb,KAAKc,YAC1Bb,EAAA,OAAAkB,IAAA,4CACIlB,EAAA,OAAAkB,IAAA,2CAAKC,MAAO/B,EAAYE,SACpBU,EAAA,QAAAkB,IAAA,2CAAMI,KAAK,aACXtB,EAAA,QAAAkB,IAAA,8CAEHnB,KAAKC,EAAEuB,QAAQ,WACZvB,EAAA,QAAAkB,IAAA,2CAAMI,KAAK,YAGnBtB,EAAA,QAAAkB,IAAA,2CAAMI,KAAK,U","ignoreList":[]}
+{"version":3,"names":["BannerSizes","pick","Sizes","BannerBackground","BannerForeground","BannerTextColor","BannerClass","root","content","GovBanner","__stencil_proxyCustomElement","HTMLElement","constructor","this","size","_M","background","SIMPLE","foreground","LOGO","textColor","LIGHT","h","govHost","host","validateSize","newValue","validateProp","validateBackground","validateForeground","validateTextColor","componentWillLoad","render","Host","Object","assign","key","class","classes","role","name","hasSlot"],"sources":["../../../packages/core/src/components/gov-banner/constants.ts","../../../packages/core/src/components/gov-banner/gov-banner.tsx"],"sourcesContent":["import {ValueOf} from \"../../types/interfaces\";\nimport {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\n\nexport const BannerSizes = pick(Sizes, ['_S', '_M', '_L', '_XL'])\nexport type BannerSizesType = `${ValueOf<typeof BannerSizes>}`\n\nexport enum BannerBackground {\n\tSIMPLE = 'simple',\n\tWAVES = 'waves',\n\tSTRIPES = 'stripes',\n\tLINES = 'lines',\n}\nexport type BannerBackgroundsType = `${ValueOf<typeof BannerBackground>}`\n\nexport enum BannerForeground {\n\tIMAGE = 'image',\n\tLOGO = 'logo',\n\tICON = 'icon',\n}\nexport type BannerForegroundsType = `${ValueOf<typeof BannerForeground>}`\n\nexport enum BannerTextColor {\n\tLIGHT = 'light',\n\tDARK = 'dark',\n}\nexport type BannerTextColorsType = `${ValueOf<typeof BannerTextColor>}`\n\nexport const BannerClass = {\n\troot: 'gov-banner',\n\tcontent: 'gov-banner__content',\n}\n","import {Component, Element, h, Host, Prop, Watch} from '@stencil/core'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {\n    BannerBackground,\n    BannerBackgroundsType,\n    BannerClass,\n    BannerForeground,\n    BannerForegroundsType,\n    BannerSizes,\n    BannerSizesType,\n    BannerTextColor,\n    BannerTextColorsType\n} from \"./constants\";\nimport {validateProp} from \"../../helpers/Validate/props\";\n\n@Component({\n    tag: 'gov-banner',\n})\nexport class GovBanner {\n    private h: GovHost\n\n    constructor() {\n        this.h = govHost(this.host)\n    }\n\n    @Element() host: HTMLGovBannerElement\n    /**\n     * Banner’s size.\n     */\n    @Prop({reflect: true}) readonly size: BannerSizesType = BannerSizes._M\n    /**\n     * Banner’s background\n     */\n    @Prop() readonly background: BannerBackgroundsType = BannerBackground.SIMPLE\n    /**\n     * Banner’s foreground\n     */\n    @Prop() readonly foreground: BannerForegroundsType = BannerForeground.LOGO\n    /**\n     * XL Banner’s text color\n     */\n    @Prop({attribute: 'text-color'}) readonly textColor: BannerTextColorsType = BannerTextColor.LIGHT\n\n    @Watch('size')\n    validateSize(newValue: string): void {\n        validateProp(BannerSizes, newValue, BannerClass.root)\n    }\n\n    @Watch('background')\n    validateBackground(newValue: string): void {\n        validateProp(BannerBackground, newValue, BannerClass.root)\n    }\n\n    @Watch('foreground')\n    validateForeground(newValue: string): void {\n        validateProp(BannerForeground, newValue, BannerClass.root)\n    }\n\n    @Watch('text-color')\n    validateTextColor(newValue: string): void {\n        validateProp(BannerTextColor, newValue, BannerClass.root)\n    }\n\n    componentWillLoad(): void {\n        this.validateSize(this.size)\n        this.validateBackground(this.background)\n        this.validateForeground(this.foreground)\n        this.validateTextColor(this.textColor)\n    }\n\n    render() {\n        return (\n            <Host class={this.h.classes(BannerClass.root)}\n                  role=\"region\"\n                  size={this.size}\n                  {...(this.size !== \"xl\" ? {\n                      background: this.background,\n                      foreground: this.foreground\n                  } : {'text-color': this.textColor})}>\n                <div>\n                    <div class={BannerClass.content}>\n                        <slot name=\"headline\"/>\n                        <slot/>\n                    </div>\n                    {this.h.hasSlot('button') && (\n                        <slot name=\"button\"/>\n                    )}\n                </div>\n                <slot name=\"image\"/>\n            </Host>\n        )\n    }\n}\n"],"mappings":"+LAIO,MAAMA,EAAcC,EAAKC,EAAO,CAAC,KAAM,KAAM,KAAM,QAG1D,IAAYC,GAAZ,SAAYA,GACXA,EAAA,mBACAA,EAAA,iBACAA,EAAA,qBACAA,EAAA,gBACA,EALD,CAAYA,MAKX,KAGD,IAAYC,GAAZ,SAAYA,GACXA,EAAA,iBACAA,EAAA,eACAA,EAAA,cACA,EAJD,CAAYA,MAIX,KAGD,IAAYC,GAAZ,SAAYA,GACXA,EAAA,iBACAA,EAAA,cACA,EAHD,CAAYA,MAGX,KAGM,MAAMC,EAAc,CAC1BC,KAAM,aACNC,QAAS,uB,MCXGC,EAASC,EAAA,MAAAD,UAAAE,EAGlB,WAAAC,G,8BAQgCC,KAAAC,KAAwBd,EAAYe,GAInDF,KAAAG,WAAoCb,EAAiBc,OAIrDJ,KAAAK,WAAoCd,EAAiBe,KAI5BN,KAAAO,UAAkCf,EAAgBgB,MAnBxFR,KAAKS,EAAIC,EAAQV,KAAKW,KACzB,CAqBD,YAAAC,CAAaC,GACTC,EAAa3B,EAAa0B,EAAUpB,EAAYC,K,CAIpD,kBAAAqB,CAAmBF,GACfC,EAAaxB,EAAkBuB,EAAUpB,EAAYC,K,CAIzD,kBAAAsB,CAAmBH,GACfC,EAAavB,EAAkBsB,EAAUpB,EAAYC,K,CAIzD,iBAAAuB,CAAkBJ,GACdC,EAAatB,EAAiBqB,EAAUpB,EAAYC,K,CAGxD,iBAAAwB,GACIlB,KAAKY,aAAaZ,KAAKC,MACvBD,KAAKe,mBAAmBf,KAAKG,YAC7BH,KAAKgB,mBAAmBhB,KAAKK,YAC7BL,KAAKiB,kBAAkBjB,KAAKO,U,CAGhC,MAAAY,GACI,OACIV,EAACW,EAAIC,OAAAC,OAAA,CAAAC,IAAA,2CAACC,MAAOxB,KAAKS,EAAEgB,QAAQhC,EAAYC,MAClCgC,KAAK,SACLzB,KAAMD,KAAKC,MACND,KAAKC,OAAS,KAAO,CACtBE,WAAYH,KAAKG,WACjBE,WAAYL,KAAKK,YACjB,CAAC,aAAcL,KAAKO,YAC1BE,EAAA,OAAAc,IAAA,4CACId,EAAA,OAAAc,IAAA,2CAAKC,MAAO/B,EAAYE,SACpBc,EAAM,QAAAc,IAAA,2CAAAI,KAAK,aACXlB,EAAA,QAAAc,IAAA,8CAEHvB,KAAKS,EAAEmB,QAAQ,WACZnB,EAAA,QAAAc,IAAA,2CAAMI,KAAK,YAGnBlB,EAAA,QAAAc,IAAA,2CAAMI,KAAK,U","ignoreList":[]}

package/dist/components/gov-blockquote.js

@@ -1,2 +1,2 @@
-import{p as e,H as t,h as o,d as s}from"./p-42200001.js";import{g as c}from"./p-ea7fdd2e.js";import{d as a}from"./p-8a9d4e12.js";var n;(function(e){e["PRIMARY"]="primary";e["SUBTLE"]="subtle";e["NEUTRAL"]="neutral"})(n||(n={}));const f={root:"gov-blockquote"};const i=e(class e extends t{constructor(){super();this.__registerHost();this.type=n.SUBTLE;this.cite=undefined;this.h=c(this.host)}render(){return o(s,{key:"0d4b930791ee54ea55552b1a8ab9a2f248b5109e",class:this.h.classes(f.root),type:this.type},o("gov-icon",{key:"f27a6a5059203b000bede13c47aa7e5eb150e4cd",type:"components",name:"quote",size:"3xl"}),o("blockquote",{key:"3206cd993309f5636920e5b552e3cd97be98b334",cite:this.cite},o("slot",{key:"16ac7ec3098d37e1c5b444fe18e47986a5afa915"})),o("slot",{key:"ae4f20fbf0820346cc9919014ab6a3fc9f9ef96e",name:"image"}),o("slot",{key:"f43c96fef744f2d6147f8579fad0c808c064c81a",name:"author"}))}get host(){return this}},[4,"gov-blockquote",{type:[513],cite:[1]}]);function r(){if(typeof customElements==="undefined"){return}const e=["gov-blockquote","gov-icon"];e.forEach((e=>{switch(e){case"gov-blockquote":if(!customElements.get(e)){customElements.define(e,i)}break;case"gov-icon":if(!customElements.get(e)){a()}break}}))}r();const u=i;const b=r;export{u as GovBlockquote,b as defineCustomElement};
+import{p as e,H as t,h as o,a as s}from"./index.js";import{g as c}from"./p-DfJDyRCE.js";import{d as a}from"./p-D82BPGeo.js";var n;(function(e){e["PRIMARY"]="primary";e["SUBTLE"]="subtle";e["NEUTRAL"]="neutral"})(n||(n={}));const f={root:"gov-blockquote"};const i=e(class e extends t{constructor(){super();this.__registerHost();this.type=n.SUBTLE;this.h=c(this.host)}render(){return o(s,{key:"0d4b930791ee54ea55552b1a8ab9a2f248b5109e",class:this.h.classes(f.root),type:this.type},o("gov-icon",{key:"f27a6a5059203b000bede13c47aa7e5eb150e4cd",type:"components",name:"quote",size:"3xl"}),o("blockquote",{key:"3206cd993309f5636920e5b552e3cd97be98b334",cite:this.cite},o("slot",{key:"16ac7ec3098d37e1c5b444fe18e47986a5afa915"})),o("slot",{key:"ae4f20fbf0820346cc9919014ab6a3fc9f9ef96e",name:"image"}),o("slot",{key:"f43c96fef744f2d6147f8579fad0c808c064c81a",name:"author"}))}get host(){return this}},[4,"gov-blockquote",{type:[513],cite:[1]}]);function r(){if(typeof customElements==="undefined"){return}const e=["gov-blockquote","gov-icon"];e.forEach((e=>{switch(e){case"gov-blockquote":if(!customElements.get(e)){customElements.define(e,i)}break;case"gov-icon":if(!customElements.get(e)){a()}break}}))}r();const b=i;const u=r;export{b as GovBlockquote,u as defineCustomElement};
 //# sourceMappingURL=gov-blockquote.js.map

package/dist/components/gov-blockquote.js.map

@@ -1 +1 @@
-{"version":3,"names":["BlockquoteType","BlockquoteClass","root","GovBlockquote","proxyCustomElement","H","constructor","SUBTLE","this","h","govHost","host","render","Host","key","class","classes","type","name","size","cite"],"sources":["../../../packages/core/src/components/gov-blockquote/constants.ts","../../../packages/core/src/components/gov-blockquote/gov-blockquote.tsx"],"sourcesContent":["import {ValueOf} from \"../../types/interfaces\";\n\nexport enum BlockquoteType {\n\tPRIMARY = 'primary',\n\tSUBTLE = 'subtle',\n\tNEUTRAL = 'neutral',\n}\nexport type BlockquoteTypesType = `${ValueOf<typeof BlockquoteType>}`\n\nexport const BlockquoteClass = {\n\troot: 'gov-blockquote',\n}\n","import {Component, Element, Host, h, Prop} from '@stencil/core'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport {BlockquoteClass, BlockquoteType, BlockquoteTypesType} from \"./constants\";\n\n\n@Component({\n\ttag: 'gov-blockquote',\n})\nexport class GovBlockquote {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovBlockquoteElement\n\t/**\n\t * Blockquote’s type\n\t */\n\t@Prop({reflect: true}) readonly type: BlockquoteTypesType = BlockquoteType.SUBTLE\n\t/**\n\t * Blockquote’s cite url\n\t */\n\t@Prop({attribute: 'cite'}) readonly cite: string\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(BlockquoteClass.root)} type={this.type}>\n\t\t\t\t<gov-icon type=\"components\" name=\"quote\" size=\"3xl\"></gov-icon>\n\t\t\t\t<blockquote cite={this.cite}>\n\t\t\t\t\t<slot />\n\t\t\t\t</blockquote>\n\t\t\t\t<slot name=\"image\" />\n\t\t\t\t<slot name=\"author\" />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"iIAEA,IAAYA,GAAZ,SAAYA,GACXA,EAAA,qBACAA,EAAA,mBACAA,EAAA,oBACA,EAJD,CAAYA,MAAc,KAOnB,MAAMC,EAAkB,CAC9BC,KAAM,kB,MCDMC,EAAaC,EAAA,MAAAD,UAAAE,EAGzB,WAAAC,G,wCAQ4DN,EAAeO,O,oBAP1EC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAavB,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOP,KAAKC,EAAEO,QAAQf,EAAgBC,MAAOe,KAAMT,KAAKS,MAC7DR,EAAA,YAAAK,IAAA,2CAAUG,KAAK,aAAaC,KAAK,QAAQC,KAAK,QAC9CV,EAAA,cAAAK,IAAA,2CAAYM,KAAMZ,KAAKY,MACtBX,EAAA,QAAAK,IAAA,8CAEDL,EAAA,QAAAK,IAAA,2CAAMI,KAAK,UACXT,EAAA,QAAAK,IAAA,2CAAMI,KAAK,W","ignoreList":[]}
+{"version":3,"names":["BlockquoteType","BlockquoteClass","root","GovBlockquote","__stencil_proxyCustomElement","HTMLElement","constructor","this","type","SUBTLE","h","govHost","host","render","Host","key","class","classes","name","size","cite"],"sources":["../../../packages/core/src/components/gov-blockquote/constants.ts","../../../packages/core/src/components/gov-blockquote/gov-blockquote.tsx"],"sourcesContent":["import {ValueOf} from \"../../types/interfaces\";\n\nexport enum BlockquoteType {\n\tPRIMARY = 'primary',\n\tSUBTLE = 'subtle',\n\tNEUTRAL = 'neutral',\n}\nexport type BlockquoteTypesType = `${ValueOf<typeof BlockquoteType>}`\n\nexport const BlockquoteClass = {\n\troot: 'gov-blockquote',\n}\n","import {Component, Element, Host, h, Prop} from '@stencil/core'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport {BlockquoteClass, BlockquoteType, BlockquoteTypesType} from \"./constants\";\n\n\n@Component({\n\ttag: 'gov-blockquote',\n})\nexport class GovBlockquote {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovBlockquoteElement\n\t/**\n\t * Blockquote’s type\n\t */\n\t@Prop({reflect: true}) readonly type: BlockquoteTypesType = BlockquoteType.SUBTLE\n\t/**\n\t * Blockquote’s cite url\n\t */\n\t@Prop({attribute: 'cite'}) readonly cite: string\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(BlockquoteClass.root)} type={this.type}>\n\t\t\t\t<gov-icon type=\"components\" name=\"quote\" size=\"3xl\"></gov-icon>\n\t\t\t\t<blockquote cite={this.cite}>\n\t\t\t\t\t<slot />\n\t\t\t\t</blockquote>\n\t\t\t\t<slot name=\"image\" />\n\t\t\t\t<slot name=\"author\" />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"4HAEA,IAAYA,GAAZ,SAAYA,GACXA,EAAA,qBACAA,EAAA,mBACAA,EAAA,oBACA,EAJD,CAAYA,MAIX,KAGM,MAAMC,EAAkB,CAC9BC,KAAM,kB,MCDMC,EAAaC,EAAA,MAAAD,UAAAE,EAGzB,WAAAC,G,8BAQgCC,KAAAC,KAA4BR,EAAeS,OAP1EF,KAAKG,EAAIC,EAAQJ,KAAKK,KACtB,CAYD,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOT,KAAKG,EAAEO,QAAQhB,EAAgBC,MAAOM,KAAMD,KAAKC,MAC7DE,EAAU,YAAAK,IAAA,2CAAAP,KAAK,aAAaU,KAAK,QAAQC,KAAK,QAC9CT,EAAA,cAAAK,IAAA,2CAAYK,KAAMb,KAAKa,MACtBV,EAAA,QAAAK,IAAA,8CAEDL,EAAM,QAAAK,IAAA,2CAAAG,KAAK,UACXR,EAAA,QAAAK,IAAA,2CAAMG,KAAK,W","ignoreList":[]}

package/dist/components/gov-breadcrumbs.js

@@ -1,2 +1,2 @@
-import{p as s,H as e,c as t,h as i,d as a}from"./p-42200001.js";import{a as c}from"./p-10cad7f1.js";import{c as o}from"./p-e8ec030e.js";import{g as n}from"./p-ea7fdd2e.js";import{t as l}from"./p-26618322.js";import{d as r}from"./p-4fb591c3.js";import{d}from"./p-8a9d4e12.js";const b={root:"gov-breadcrumbs"};const h=s(class s extends e{constructor(){super();this.__registerHost();this.govChange=t(this,"gov-change",7);this.inited=false;this.collapsible=false;this.isExpanded=false;this.accessibleLabel=undefined;this.accessibleLabelledBy=undefined;this.accessibleToggleLabel="Zobrazit či skrýt navigaci";this.expanded=false;this.toggleOption=false;this.h=n(this.host)}async componentDidRender(){this.scheduleContentVerification();if(o()){l((()=>this.validateAccessibility()))}}scheduleContentVerification(){if(this.inited)return;this.inited=true;l((()=>{this.calculateWidthOfItems();this.inited=false}))}calculateWidthOfItems(){const s=this.host.getBoundingClientRect().width;let e=0;this.host.querySelectorAll("li").forEach((s=>{e+=s.getBoundingClientRect().width}));this.toggleOption=e>s}render(){return i(a,{key:"dadd8de710050476be68e3f6fa0b317d6ccedfc1",class:this.h.classes(b.root),expanded:this.expanded},i("nav",{key:"468a3b605408c943421243024733b0381809f931","aria-label":this.accessibleLabel,"aria-labelledby":this.accessibleLabelledBy},i("slot",{key:"2c9f85b826c8c54340ab5abba51c1861282c9cb7"})),this.toggleOption?i("gov-button",{size:"xs",color:"primary",type:"base","aria-label":this.accessibleToggleLabel,"aria-pressed":this.expanded,"aria-expanded":this.expanded,"on-gov-click":()=>this.expanded=!this.expanded},i("gov-icon",{name:this.expanded?"chevron-up":"chevron-down",type:"components"})):null)}async validateAccessibility(){c(this.accessibleLabel,this.accessibleLabelledBy,b.root,this.host);c(this.accessibleToggleLabel,undefined,b.root,this.host)}get host(){return this}},[4,"gov-breadcrumbs",{collapsible:[4],isExpanded:[4,"is-expanded"],accessibleLabel:[1,"accessible-label"],accessibleLabelledBy:[1,"accessible-labelledby"],accessibleToggleLabel:[1,"accessible-toggle-label"],expanded:[32],toggleOption:[32],validateAccessibility:[64]}]);function f(){if(typeof customElements==="undefined"){return}const s=["gov-breadcrumbs","gov-button","gov-icon"];s.forEach((s=>{switch(s){case"gov-breadcrumbs":if(!customElements.get(s)){customElements.define(s,h)}break;case"gov-button":if(!customElements.get(s)){r()}break;case"gov-icon":if(!customElements.get(s)){d()}break}}))}f();const m=h;const p=f;export{m as GovBreadcrumbs,p as defineCustomElement};
+import{p as s,H as e,c as t,h as i,a}from"./index.js";import{a as c}from"./p-Nvj7WFs_.js";import{c as o}from"./p-DrPpH_9c.js";import{g as l}from"./p-DfJDyRCE.js";import{t as r}from"./p-Cjg0wpDG.js";import{d as n}from"./p-DxCeyMKq.js";import{d as b}from"./p-D82BPGeo.js";const h={root:"gov-breadcrumbs"};const d=s(class s extends e{constructor(){super();this.__registerHost();this.govChange=t(this,"gov-change");this.inited=false;this.collapsible=false;this.isExpanded=false;this.accessibleToggleLabel="Zobrazit či skrýt navigaci";this.expanded=false;this.toggleOption=false;this.h=l(this.host)}async componentDidRender(){this.scheduleContentVerification();if(o()){r((()=>this.validateAccessibility()))}}scheduleContentVerification(){if(this.inited)return;this.inited=true;r((()=>{this.calculateWidthOfItems();this.inited=false}))}calculateWidthOfItems(){const s=this.host.getBoundingClientRect().width;let e=0;this.host.querySelectorAll("li").forEach((s=>{e+=s.getBoundingClientRect().width}));this.toggleOption=e>s}render(){return i(a,{key:"dadd8de710050476be68e3f6fa0b317d6ccedfc1",class:this.h.classes(h.root),expanded:this.expanded},i("nav",{key:"468a3b605408c943421243024733b0381809f931","aria-label":this.accessibleLabel,"aria-labelledby":this.accessibleLabelledBy},i("slot",{key:"2c9f85b826c8c54340ab5abba51c1861282c9cb7"})),this.toggleOption?i("gov-button",{size:"xs",color:"primary",type:"base","aria-label":this.accessibleToggleLabel,"aria-pressed":this.expanded,"aria-expanded":this.expanded,"on-gov-click":()=>this.expanded=!this.expanded},i("gov-icon",{name:this.expanded?"chevron-up":"chevron-down",type:"components"})):null)}async validateAccessibility(){c(this.accessibleLabel,this.accessibleLabelledBy,h.root,this.host);c(this.accessibleToggleLabel,undefined,h.root,this.host)}get host(){return this}},[4,"gov-breadcrumbs",{collapsible:[4],isExpanded:[4,"is-expanded"],accessibleLabel:[1,"accessible-label"],accessibleLabelledBy:[1,"accessible-labelledby"],accessibleToggleLabel:[1,"accessible-toggle-label"],expanded:[32],toggleOption:[32],validateAccessibility:[64]}]);function m(){if(typeof customElements==="undefined"){return}const s=["gov-breadcrumbs","gov-button","gov-icon"];s.forEach((s=>{switch(s){case"gov-breadcrumbs":if(!customElements.get(s)){customElements.define(s,d)}break;case"gov-button":if(!customElements.get(s)){n()}break;case"gov-icon":if(!customElements.get(s)){b()}break}}))}m();const p=d;const f=m;export{p as GovBreadcrumbs,f as defineCustomElement};
 //# sourceMappingURL=gov-breadcrumbs.js.map

package/dist/components/gov-breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"names":["BreadcrumbsClass","root","GovBreadcrumbs","proxyCustomElement","H","constructor","this","inited","h","govHost","host","componentDidRender","scheduleContentVerification","canValidateWcagOnRender","tick","validateAccessibility","calculateWidthOfItems","hostWidth","getBoundingClientRect","width","sumOfWidths","querySelectorAll","forEach","li","toggleOption","render","Host","key","class","classes","expanded","accessibleLabel","accessibleLabelledBy","size","color","type","accessibleToggleLabel","name","validateAccessibleLabel","undefined"],"sources":["../../../packages/core/src/components/gov-breadcrumbs/constants.ts","../../../packages/core/src/components/gov-breadcrumbs/gov-breadcrumbs.tsx"],"sourcesContent":["export const BreadcrumbsClass = {\n\troot: 'gov-breadcrumbs',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State} from '@stencil/core'\nimport {BreadcrumbsClass} from './constants'\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {GovBreadcrumbsChangeEvent} from './gov-breadcrumbs.d'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {tick} from \"../../utils/stencil.utils\";\n\n@Component({\n\ttag: 'gov-breadcrumbs',\n})\nexport class GovBreadcrumbs {\n\tprivate inited = false;\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovBreadcrumbsElement\n\t/**\n\t * Defines whether the components can be collapsible when element doesn't fit in one row.\n\t */\n\t@Prop() readonly collapsible: boolean = false\n\t/**\n\t * Defines whether the breadcrumbs are open or closed by button\n\t */\n\t@Prop({attribute: 'is-expanded'}) readonly isExpanded: boolean = false\n\t/**\n\t * Adds accessible label for the pagination that is only shown for screen readers.\n\t */\n\t@Prop({attribute: 'accessible-label'}) readonly accessibleLabel: string\n\t/**\n\t * Indicates the id of a component that labels the pagination.\n\t */\n\t@Prop({attribute: 'accessible-labelledby'}) readonly accessibleLabelledBy: string\n\t/**\n\t * Adds an accessible label to display the full breadcrumb navigation that only screen readers can see.\n\t */\n\t@Prop({attribute: 'accessible-toggle-label'}) readonly accessibleToggleLabel: string = 'Zobrazit či skrýt navigaci'\n\t/**\n\t * Called when the Breadcrumbs state changes\n\t */\n\t@Event({eventName: 'gov-change'}) govChange: EventEmitter<GovBreadcrumbsChangeEvent>\n\n\t@State() expanded = false;\n\t@State() toggleOption = false;\n\n\tasync componentDidRender() {\n\t\tthis.scheduleContentVerification()\n\t\tif (canValidateWcagOnRender()) {\n\t\t\ttick(() => this.validateAccessibility())\n\t\t}\n\t}\n\n\tprivate scheduleContentVerification() {\n\t\tif (this.inited) return;\n\t\tthis.inited = true;\n\t\ttick(() => {\n\t\t\tthis.calculateWidthOfItems();\n\t\t\tthis.inited = false;\n\t\t});\n\t}\n\n\tprivate calculateWidthOfItems() {\n\t\tconst hostWidth = this.host.getBoundingClientRect().width;\n\t\tlet sumOfWidths = 0;\n\t\tthis.host.querySelectorAll('li').forEach((li) => {\n\t\t\tsumOfWidths += li.getBoundingClientRect().width\n\t\t})\n\t\tthis.toggleOption = sumOfWidths > hostWidth;\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(BreadcrumbsClass.root)} expanded={this.expanded}>\n\t\t\t\t<nav aria-label={this.accessibleLabel} aria-labelledby={this.accessibleLabelledBy}>\n\t\t\t\t\t<slot/>\n\t\t\t\t</nav>\n\t\t\t\t{this.toggleOption ? (\n\t\t\t\t\t<gov-button\n\t\t\t\t\t\tsize={'xs'}\n\t\t\t\t\t\tcolor={'primary'}\n\t\t\t\t\t\ttype={'base'}\n\t\t\t\t\t\taria-label={this.accessibleToggleLabel}\n\t\t\t\t\t\taria-pressed={this.expanded}\n\t\t\t\t\t\taria-expanded={this.expanded}\n\t\t\t\t\t\ton-gov-click={() => this.expanded = !this.expanded}\n\t\t\t\t\t>\n\t\t\t\t\t\t<gov-icon name={this.expanded ? 'chevron-up' : 'chevron-down'} type=\"components\"></gov-icon>\n\t\t\t\t\t</gov-button>\n\t\t\t\t) : null}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tvalidateAccessibleLabel(this.accessibleLabel, this.accessibleLabelledBy, BreadcrumbsClass.root, this.host)\n\t\tvalidateAccessibleLabel(this.accessibleToggleLabel, undefined, BreadcrumbsClass.root, this.host)\n\t}\n}\n"],"mappings":"mRAAO,MAAMA,EAAmB,CAC/BC,KAAM,mB,MCWMC,EAAcC,EAAA,MAAAD,UAAAE,EAI1B,WAAAC,G,oEAHQC,KAAAC,OAAS,M,iBAWuB,M,gBAIyB,M,8FAYsB,6B,cAMnE,M,kBACI,MA9BvBD,KAAKE,EAAIC,EAAQH,KAAKI,K,CAgCvB,wBAAMC,GACLL,KAAKM,8BACL,GAAIC,IAA2B,CAC9BC,GAAK,IAAMR,KAAKS,yB,EAIV,2BAAAH,GACP,GAAIN,KAAKC,OAAQ,OACjBD,KAAKC,OAAS,KACdO,GAAK,KACJR,KAAKU,wBACLV,KAAKC,OAAS,KAAK,G,CAIb,qBAAAS,GACP,MAAMC,EAAYX,KAAKI,KAAKQ,wBAAwBC,MACpD,IAAIC,EAAc,EAClBd,KAAKI,KAAKW,iBAAiB,MAAMC,SAASC,IACzCH,GAAeG,EAAGL,wBAAwBC,KAAK,IAEhDb,KAAKkB,aAAeJ,EAAcH,C,CAGnC,MAAAQ,GACC,OACCjB,EAACkB,EAAI,CAAAC,IAAA,2CAACC,MAAOtB,KAAKE,EAAEqB,QAAQ7B,EAAiBC,MAAO6B,SAAUxB,KAAKwB,UAClEtB,EAAA,OAAAmB,IAAA,wDAAiBrB,KAAKyB,gBAAe,kBAAmBzB,KAAK0B,sBAC5DxB,EAAA,QAAAmB,IAAA,8CAEArB,KAAKkB,aACLhB,EAAA,cACCyB,KAAM,KACNC,MAAO,UACPC,KAAM,OAAM,aACA7B,KAAK8B,sBAAqB,eACxB9B,KAAKwB,SAAQ,gBACZxB,KAAKwB,SAAQ,eACd,IAAMxB,KAAKwB,UAAYxB,KAAKwB,UAE1CtB,EAAA,YAAU6B,KAAM/B,KAAKwB,SAAW,aAAe,eAAgBK,KAAK,gBAElE,K,CAUP,2BAAMpB,GACLuB,EAAwBhC,KAAKyB,gBAAiBzB,KAAK0B,qBAAsBhC,EAAiBC,KAAMK,KAAKI,MACrG4B,EAAwBhC,KAAK8B,sBAAuBG,UAAWvC,EAAiBC,KAAMK,KAAKI,K","ignoreList":[]}
+{"version":3,"names":["BreadcrumbsClass","root","GovBreadcrumbs","__stencil_proxyCustomElement","HTMLElement","constructor","this","inited","collapsible","isExpanded","accessibleToggleLabel","expanded","toggleOption","h","govHost","host","componentDidRender","scheduleContentVerification","canValidateWcagOnRender","tick","validateAccessibility","calculateWidthOfItems","hostWidth","getBoundingClientRect","width","sumOfWidths","querySelectorAll","forEach","li","render","Host","key","class","classes","accessibleLabel","accessibleLabelledBy","size","color","type","name","validateAccessibleLabel","undefined"],"sources":["../../../packages/core/src/components/gov-breadcrumbs/constants.ts","../../../packages/core/src/components/gov-breadcrumbs/gov-breadcrumbs.tsx"],"sourcesContent":["export const BreadcrumbsClass = {\n\troot: 'gov-breadcrumbs',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State} from '@stencil/core'\nimport {BreadcrumbsClass} from './constants'\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {GovBreadcrumbsChangeEvent} from './gov-breadcrumbs.d'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {tick} from \"../../utils/stencil.utils\";\n\n@Component({\n\ttag: 'gov-breadcrumbs',\n})\nexport class GovBreadcrumbs {\n\tprivate inited = false;\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovBreadcrumbsElement\n\t/**\n\t * Defines whether the components can be collapsible when element doesn't fit in one row.\n\t */\n\t@Prop() readonly collapsible: boolean = false\n\t/**\n\t * Defines whether the breadcrumbs are open or closed by button\n\t */\n\t@Prop({attribute: 'is-expanded'}) readonly isExpanded: boolean = false\n\t/**\n\t * Adds accessible label for the pagination that is only shown for screen readers.\n\t */\n\t@Prop({attribute: 'accessible-label'}) readonly accessibleLabel: string\n\t/**\n\t * Indicates the id of a component that labels the pagination.\n\t */\n\t@Prop({attribute: 'accessible-labelledby'}) readonly accessibleLabelledBy: string\n\t/**\n\t * Adds an accessible label to display the full breadcrumb navigation that only screen readers can see.\n\t */\n\t@Prop({attribute: 'accessible-toggle-label'}) readonly accessibleToggleLabel: string = 'Zobrazit či skrýt navigaci'\n\t/**\n\t * Called when the Breadcrumbs state changes\n\t */\n\t@Event({eventName: 'gov-change'}) govChange: EventEmitter<GovBreadcrumbsChangeEvent>\n\n\t@State() expanded = false;\n\t@State() toggleOption = false;\n\n\tasync componentDidRender() {\n\t\tthis.scheduleContentVerification()\n\t\tif (canValidateWcagOnRender()) {\n\t\t\ttick(() => this.validateAccessibility())\n\t\t}\n\t}\n\n\tprivate scheduleContentVerification() {\n\t\tif (this.inited) return;\n\t\tthis.inited = true;\n\t\ttick(() => {\n\t\t\tthis.calculateWidthOfItems();\n\t\t\tthis.inited = false;\n\t\t});\n\t}\n\n\tprivate calculateWidthOfItems() {\n\t\tconst hostWidth = this.host.getBoundingClientRect().width;\n\t\tlet sumOfWidths = 0;\n\t\tthis.host.querySelectorAll('li').forEach((li) => {\n\t\t\tsumOfWidths += li.getBoundingClientRect().width\n\t\t})\n\t\tthis.toggleOption = sumOfWidths > hostWidth;\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(BreadcrumbsClass.root)} expanded={this.expanded}>\n\t\t\t\t<nav aria-label={this.accessibleLabel} aria-labelledby={this.accessibleLabelledBy}>\n\t\t\t\t\t<slot/>\n\t\t\t\t</nav>\n\t\t\t\t{this.toggleOption ? (\n\t\t\t\t\t<gov-button\n\t\t\t\t\t\tsize={'xs'}\n\t\t\t\t\t\tcolor={'primary'}\n\t\t\t\t\t\ttype={'base'}\n\t\t\t\t\t\taria-label={this.accessibleToggleLabel}\n\t\t\t\t\t\taria-pressed={this.expanded}\n\t\t\t\t\t\taria-expanded={this.expanded}\n\t\t\t\t\t\ton-gov-click={() => this.expanded = !this.expanded}\n\t\t\t\t\t>\n\t\t\t\t\t\t<gov-icon name={this.expanded ? 'chevron-up' : 'chevron-down'} type=\"components\"></gov-icon>\n\t\t\t\t\t</gov-button>\n\t\t\t\t) : null}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tvalidateAccessibleLabel(this.accessibleLabel, this.accessibleLabelledBy, BreadcrumbsClass.root, this.host)\n\t\tvalidateAccessibleLabel(this.accessibleToggleLabel, undefined, BreadcrumbsClass.root, this.host)\n\t}\n}\n"],"mappings":"8QAAO,MAAMA,EAAmB,CAC/BC,KAAM,mB,MCWMC,EAAcC,EAAA,MAAAD,UAAAE,EAI1B,WAAAC,G,kEAHQC,KAAMC,OAAG,MAWAD,KAAWE,YAAY,MAIGF,KAAUG,WAAY,MAYVH,KAAqBI,sBAAW,6BAM9EJ,KAAQK,SAAG,MACXL,KAAYM,aAAG,MA9BvBN,KAAKO,EAAIC,EAAQR,KAAKS,KACtB,CA+BD,wBAAMC,GACLV,KAAKW,8BACL,GAAIC,IAA2B,CAC9BC,GAAK,IAAMb,KAAKc,yB,EAIV,2BAAAH,GACP,GAAIX,KAAKC,OAAQ,OACjBD,KAAKC,OAAS,KACdY,GAAK,KACJb,KAAKe,wBACLf,KAAKC,OAAS,KAAK,G,CAIb,qBAAAc,GACP,MAAMC,EAAYhB,KAAKS,KAAKQ,wBAAwBC,MACpD,IAAIC,EAAc,EAClBnB,KAAKS,KAAKW,iBAAiB,MAAMC,SAASC,IACzCH,GAAeG,EAAGL,wBAAwBC,KAAK,IAEhDlB,KAAKM,aAAea,EAAcH,C,CAGnC,MAAAO,GACC,OACChB,EAACiB,EAAI,CAAAC,IAAA,2CAACC,MAAO1B,KAAKO,EAAEoB,QAAQjC,EAAiBC,MAAOU,SAAUL,KAAKK,UAClEE,EAAA,OAAAkB,IAAA,wDAAiBzB,KAAK4B,gBAAkC,kBAAA5B,KAAK6B,sBAC5DtB,EAAA,QAAAkB,IAAA,8CAEAzB,KAAKM,aACLC,EAAA,cACCuB,KAAM,KACNC,MAAO,UACPC,KAAM,OACM,aAAAhC,KAAKI,sBAAqB,eACxBJ,KAAKK,SACJ,gBAAAL,KAAKK,SAAQ,eACd,IAAML,KAAKK,UAAYL,KAAKK,UAE1CE,EAAU,YAAA0B,KAAMjC,KAAKK,SAAW,aAAe,eAAgB2B,KAAK,gBAElE,K,CAUP,2BAAMlB,GACLoB,EAAwBlC,KAAK4B,gBAAiB5B,KAAK6B,qBAAsBnC,EAAiBC,KAAMK,KAAKS,MACrGyB,EAAwBlC,KAAKI,sBAAuB+B,UAAWzC,EAAiBC,KAAMK,KAAKS,K","ignoreList":[]}

package/dist/components/gov-button.js

@@ -1,2 +1,2 @@
-import{G as o,d as s}from"./p-4fb591c3.js";const t=o;const c=s;export{t as GovButton,c as defineCustomElement};
+import{G as o,d as s}from"./p-DxCeyMKq.js";const t=o;const p=s;export{t as GovButton,p as defineCustomElement};
 //# sourceMappingURL=gov-button.js.map

package/dist/components/gov-card.js

@@ -1,2 +1,2 @@
-import{p as e,H as i,c as s,h as t,d as a}from"./p-42200001.js";import{g as c,b as d}from"./p-ea7fdd2e.js";import{c as o}from"./p-cd6c2938.js";import{a as n}from"./p-10cad7f1.js";import{c as r}from"./p-e8ec030e.js";import{d as l}from"./p-e0e2e9c1.js";import{d as h}from"./p-8a9d4e12.js";var f;(function(e){e["HORIZONTAL"]="horizontal";e["VERTICAL"]="vertical"})(f||(f={}));const b={root:"gov-card",header:"gov-card__header",arrow:"gov-card__arrow",inner:"gov-card__inner",img:"gov-card__img",icon:"gov-card__icon",content:"gov-card__content",footer:"gov-card__footer"};var m;(function(e){e["A"]="a";e["DIV"]="div"})(m||(m={}));const v=e(class e extends i{constructor(){super();this.__registerHost();this.govToggle=s(this,"gov-toggle",7);this.hydrated=false;this.direction="vertical";this.collapsible=false;this.open=true;this.href=undefined;this.target=undefined;this.accessibleTriggerLabel=undefined;this.accessibleTriggerLabelledBy=undefined;this.h=c(this.host);this.headlineId=o("GovCardHeadline");this.contentId=o("GovCardContent")}async componentDidRender(){if(r()){await l(500);await this.validateAccessibility()}}connectedCallback(){this.hydrated=true}render(){const e=this.href?m.A:m.DIV;return t(a,{key:"3a11dfeface1fa81d0c27f4ee3644c1c3b3a0191",class:this.h.classes(b.root),open:this.open,collapsible:d(this.collapsible),clickable:this.href?true:null,direction:this.direction,hydrated:this.hydrated},this.collapsible?t("button",{id:this.headlineId,class:b.header,"aria-label":this.accessibleTriggerLabel,"aria-labelledby":this.accessibleTriggerLabelledBy,"aria-expanded":d(this.open),"aria-controls":this.contentId,onClick:this.onClickHandler.bind(this)},t("slot",{name:"headline"}),t("gov-icon",{class:b.arrow,name:"chevron-down",type:"components"})):this.h.hasSlot("headline")?t("div",{class:b.header},t("slot",{name:"headline"})):null,t(e,{key:"bdf47c610db6c937ebe9f6fa45124b5df8e2847f",href:this.href,target:this.target,id:this.contentId,"aria-hidden":this.collapsible?d(!this.open):undefined,hidden:this.collapsible?!this.open:undefined,"aria-labelledby":this.collapsible?this.headlineId:undefined,class:b.inner},this.h.hasSlot("img")&&t("div",{key:"11ed1b55fe67d05382d538c903726ffd84fb7d48",class:b.img},t("slot",{key:"b1c362609163af2748256ecd1370bd074b8cd396",name:"img"})),this.h.hasSlot("icon")&&t("div",{key:"70b848927a86419442be3a84ee060c27a87fa12b",class:b.icon},t("slot",{key:"357b5dffa7c0970495ed167ca9a5db0b8d67c721",name:"icon"})),t("div",{key:"0bec7d7dc66dda27ba05e9041caeca8f20def8c4",class:b.content},t("slot",{key:"e3b08eb1097e0d788df4a45f78711bd0a5f02656"})),this.h.hasSlot("footer")&&t("div",{key:"0f4ef687f88e18a935d8f651bb7d2a9ea2c3df97",class:b.footer},t("slot",{key:"d645292f3ee9f007d9aeffdefcf2c26a1e5415b1",name:"footer"}))))}onClickHandler(e){e.stopPropagation();if(this.collapsible){this.open=!this.open;this.govToggle.emit({open:this.open,element:this.host})}}async validateAccessibility(){if(this.collapsible){n(this.accessibleTriggerLabel,this.accessibleTriggerLabelledBy,b.root,this.host)}}get host(){return this}},[4,"gov-card",{direction:[1],collapsible:[4],open:[1540],href:[513],target:[1],accessibleTriggerLabel:[1,"accessible-label"],accessibleTriggerLabelledBy:[1,"accessible-labelledby"],validateAccessibility:[64]}]);function g(){if(typeof customElements==="undefined"){return}const e=["gov-card","gov-icon"];e.forEach((e=>{switch(e){case"gov-card":if(!customElements.get(e)){customElements.define(e,v)}break;case"gov-icon":if(!customElements.get(e)){h()}break}}))}g();const p=v;const u=g;export{p as GovCard,u as defineCustomElement};
+import{p as e,H as s,c as i,h as a,a as t}from"./index.js";import{g as c,b as o}from"./p-DfJDyRCE.js";import{c as d}from"./p-vN03FcXN.js";import{a as n}from"./p-Nvj7WFs_.js";import{c as r}from"./p-DrPpH_9c.js";import{d as l}from"./p-CQvUntGY.js";import{d as h}from"./p-D82BPGeo.js";var f;(function(e){e["HORIZONTAL"]="horizontal";e["VERTICAL"]="vertical"})(f||(f={}));const b={root:"gov-card",header:"gov-card__header",arrow:"gov-card__arrow",inner:"gov-card__inner",img:"gov-card__img",icon:"gov-card__icon",content:"gov-card__content",footer:"gov-card__footer"};var m;(function(e){e["A"]="a";e["DIV"]="div"})(m||(m={}));const v=e(class e extends s{constructor(){super();this.__registerHost();this.govToggle=i(this,"gov-toggle");this.hydrated=false;this.direction="vertical";this.collapsible=false;this.clickable=false;this.open=true;this.h=c(this.host);this.headlineId=d("GovCardHeadline");this.contentId=d("GovCardContent")}async componentDidRender(){if(r()){await l(500);await this.validateAccessibility()}}connectedCallback(){this.hydrated=true}render(){const e=this.href?m.A:m.DIV;return a(t,{key:"cfc81619a6b8959e1f0a95b6f0f6cec1d123bade",class:this.h.classes(b.root),open:this.open,collapsible:o(this.collapsible),clickable:this.href?true:this.clickable,direction:this.direction,hydrated:this.hydrated},this.collapsible?a("button",{id:this.headlineId,class:b.header,"aria-label":this.accessibleTriggerLabel,"aria-labelledby":this.accessibleTriggerLabelledBy,"aria-expanded":o(this.open),"aria-controls":this.contentId,onClick:this.onClickHandler.bind(this)},a("slot",{name:"headline"}),a("gov-icon",{class:b.arrow,name:"chevron-down",type:"components"})):this.h.hasSlot("headline")?a("div",{class:b.header},a("slot",{name:"headline"})):null,a(e,{key:"034d1c7c548426ace3afd1f6969d4947d164959a",href:this.href,target:this.target,id:this.contentId,"aria-hidden":this.collapsible?o(!this.open):undefined,hidden:this.collapsible?!this.open:undefined,"aria-labelledby":this.collapsible?this.headlineId:undefined,class:b.inner},this.h.hasSlot("img")&&a("div",{key:"1254c0c835ffb86ee1e0e6ff27df3dda7d116116",class:b.img},a("slot",{key:"a4e514ffc7954843ac63c4567feb52d054dd8099",name:"img"})),this.h.hasSlot("icon")&&a("div",{key:"686422637d5a8a8811bd0bb0a84c39d00f3be209",class:b.icon},a("slot",{key:"531b91304a46b7afd93c56e8b2dc827ceb3460fb",name:"icon"})),a("div",{key:"7a2e77da712efac2a8da1acd8878badabd62cf9b",class:b.content},a("slot",{key:"1607b05bc068974881cd834ab4422d50f48d8e25"})),this.h.hasSlot("footer")&&a("div",{key:"06e922087b4998ea71db8f2ca0c7ae2851112450",class:b.footer},a("slot",{key:"d6c4e94efd19dc1aa0506f70d7a19aa263b994ff",name:"footer"}))))}onClickHandler(e){e.stopPropagation();if(this.collapsible){this.open=!this.open;this.govToggle.emit({open:this.open,element:this.host})}}async validateAccessibility(){if(this.collapsible){n(this.accessibleTriggerLabel,this.accessibleTriggerLabelledBy,b.root,this.host)}}get host(){return this}},[4,"gov-card",{direction:[1],collapsible:[4],clickable:[4],open:[1540],href:[513],target:[1],accessibleTriggerLabel:[1,"accessible-label"],accessibleTriggerLabelledBy:[1,"accessible-labelledby"],validateAccessibility:[64]}]);function g(){if(typeof customElements==="undefined"){return}const e=["gov-card","gov-icon"];e.forEach((e=>{switch(e){case"gov-card":if(!customElements.get(e)){customElements.define(e,v)}break;case"gov-icon":if(!customElements.get(e)){h()}break}}))}g();const p=v;const y=g;export{p as GovCard,y as defineCustomElement};
 //# sourceMappingURL=gov-card.js.map

package/dist/components/gov-card.js.map

@@ -1 +1 @@
-{"version":3,"names":["CardDirection","CardClass","root","header","arrow","inner","img","icon","content","footer","Tags","GovCard","proxyCustomElement","H","constructor","this","hydrated","h","govHost","host","headlineId","createID","contentId","componentDidRender","canValidateWcagOnRender","delay","validateAccessibility","connectedCallback","render","Tag","href","A","DIV","Host","key","class","classes","open","collapsible","booleanString","clickable","direction","id","accessibleTriggerLabel","accessibleTriggerLabelledBy","onClick","onClickHandler","bind","name","type","hasSlot","target","undefined","hidden","e","stopPropagation","govToggle","emit","element","validateAccessibleLabel"],"sources":["../../../packages/core/src/components/gov-card/constants.ts","../../../packages/core/src/components/gov-card/gov-card.tsx"],"sourcesContent":["import {ValueOf} from \"../../types/interfaces\";\n\nexport enum CardDirection {\n\tHORIZONTAL = 'horizontal',\n\tVERTICAL = 'vertical',\n}\nexport type CardDirectionType = `${ValueOf<typeof CardDirection>}`\n\nexport const CardClass = {\n\troot: 'gov-card',\n\theader: 'gov-card__header',\n\tarrow: 'gov-card__arrow',\n\tinner: 'gov-card__inner',\n\timg: 'gov-card__img',\n\ticon: 'gov-card__icon',\n\tcontent: 'gov-card__content',\n\tfooter: 'gov-card__footer',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop} from '@stencil/core'\nimport {CardClass, CardDirectionType} from './constants'\nimport {booleanString, govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {createID} from '../../utils/string.utils'\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {delay} from '../../utils/utils'\nimport {GovCardChangeEvent} from './interfaces'\nimport {ButtonTargetType} from \"../gov-button/button/constants\";\n\nenum Tags {\n\tA = \"a\",\n\tDIV = \"div\",\n}\n\n@Component({\n\ttag: 'gov-card',\n})\nexport class GovCard {\n\tprivate h: GovHost\n\tprivate readonly headlineId: string\n\tprivate readonly contentId: string\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.headlineId = createID('GovCardHeadline')\n\t\tthis.contentId = createID('GovCardContent')\n\t}\n\n\t@Element() host: HTMLGovCardElement\n\n\t/**\n\t * Card direction\n\t */\n\t@Prop() readonly direction: CardDirectionType = \"vertical\"\n\t/**\n\t * Defines weather the card can be collapsible\n\t */\n\t@Prop() readonly collapsible: boolean = false\n\t/**\n\t * Defines whether the card is open or closed\n\t */\n\t@Prop({reflect: true, mutable: true}) open = true\n\t/**\n\t * Link on whole card\n\t */\n\t@Prop({reflect: true}) readonly href: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\n\t */\n\t@Prop() readonly target?: ButtonTargetType\n\t/**\n\t * Adds accessible label for the collapsible button that is only shown for screen readers.\n\t */\n\t@Prop({attribute: 'accessible-label'}) accessibleTriggerLabel: string\n\t/**\n\t * A string of identifiers that indicate alternative label elements for collapsible card\n\t */\n\t@Prop({attribute: 'accessible-labelledby'}) accessibleTriggerLabelledBy: string\n\t/**\n\t * Called when the card toggle state changes\n\t */\n\t@Event({eventName: 'gov-toggle'}) govToggle: EventEmitter<GovCardChangeEvent>\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateAccessibility()\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\tconst Tag = this.href ? Tags.A : Tags.DIV\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(CardClass.root)} open={this.open}\n\t\t\t\t  collapsible={booleanString(this.collapsible)}\n\t\t\t\t  clickable={this.href ? true : null}\n\t\t\t\t  direction={this.direction} hydrated={this.hydrated}>\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<button\n\t\t\t\t\t\tid={this.headlineId}\n\t\t\t\t\t\tclass={CardClass.header}\n\t\t\t\t\t\taria-label={this.accessibleTriggerLabel}\n\t\t\t\t\t\taria-labelledby={this.accessibleTriggerLabelledBy}\n\t\t\t\t\t\taria-expanded={booleanString(this.open)}\n\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot name=\"headline\"/>\n\t\t\t\t\t\t<gov-icon class={CardClass.arrow} name=\"chevron-down\" type=\"components\"></gov-icon>\n\t\t\t\t\t</button>\n\t\t\t\t) : this.h.hasSlot(\"headline\") ? (\n\t\t\t\t\t<div class={CardClass.header}>\n\t\t\t\t\t\t<slot name=\"headline\"/>\n\t\t\t\t\t</div>\n\t\t\t\t) : null}\n\n\t\t\t\t<Tag href={this.href}\n\t\t\t\t\t target={this.target}\n\t\t\t\t\t id={this.contentId}\n\t\t\t\t\t aria-hidden={this.collapsible ? booleanString(!this.open) : undefined}\n\t\t\t\t\t hidden={this.collapsible ? !this.open : undefined}\n\t\t\t\t\t aria-labelledby={this.collapsible ? this.headlineId : undefined}\n\t\t\t\t\t class={CardClass.inner}>\n\n\t\t\t\t\t{this.h.hasSlot('img') && (\n\t\t\t\t\t\t<div class={CardClass.img}>\n\t\t\t\t\t\t\t<slot name=\"img\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t\t<div class={CardClass.icon}>\n\t\t\t\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div class={CardClass.content}>\n\t\t\t\t\t\t<slot/>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{this.h.hasSlot('footer') && (\n\t\t\t\t\t\t<div class={CardClass.footer}>\n\t\t\t\t\t\t\t<slot name=\"footer\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</Tag>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onClickHandler(e) {\n\t\te.stopPropagation()\n\t\tif (this.collapsible) {\n\t\t\tthis.open = !this.open\n\t\t\tthis.govToggle.emit({open: this.open, element: this.host})\n\t\t}\n\t}\n\n\t/**\n\t * Validate the accessible attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tif (this.collapsible) {\n\t\t\tvalidateAccessibleLabel(this.accessibleTriggerLabel, this.accessibleTriggerLabelledBy, CardClass.root, this.host)\n\t\t}\n\t}\n}\n"],"mappings":"+RAEA,IAAYA,GAAZ,SAAYA,GACXA,EAAA,2BACAA,EAAA,sBACA,EAHD,CAAYA,MAAa,KAMlB,MAAMC,EAAY,CACxBC,KAAM,WACNC,OAAQ,mBACRC,MAAO,kBACPC,MAAO,kBACPC,IAAK,gBACLC,KAAM,iBACNC,QAAS,oBACTC,OAAQ,oBCLT,IAAKC,GAAL,SAAKA,GACJA,EAAA,SACAA,EAAA,YACA,EAHD,CAAKA,MAAI,K,MAQIC,EAAOC,EAAA,MAAAD,UAAAE,EAMnB,WAAAC,G,oEAFQC,KAAAC,SAAW,M,eAa6B,W,iBAIR,M,UAIK,K,2HAlB5CD,KAAKE,EAAIC,EAAQH,KAAKI,MACtBJ,KAAKK,WAAaC,EAAS,mBAC3BN,KAAKO,UAAYD,EAAS,iB,CAuC3B,wBAAME,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACNV,KAAKW,uB,EAIb,iBAAAC,GACCZ,KAAKC,SAAW,I,CAGjB,MAAAY,GACC,MAAMC,EAAMd,KAAKe,KAAOpB,EAAKqB,EAAIrB,EAAKsB,IAEtC,OACCf,EAACgB,EAAI,CAAAC,IAAA,2CAACC,MAAOpB,KAAKE,EAAEmB,QAAQnC,EAAUC,MAAOmC,KAAMtB,KAAKsB,KACrDC,YAAaC,EAAcxB,KAAKuB,aAChCE,UAAWzB,KAAKe,KAAO,KAAO,KAC9BW,UAAW1B,KAAK0B,UAAWzB,SAAUD,KAAKC,UAC3CD,KAAKuB,YACLrB,EAAA,UACCyB,GAAI3B,KAAKK,WACTe,MAAOlC,EAAUE,OAAM,aACXY,KAAK4B,uBAAsB,kBACtB5B,KAAK6B,4BAA2B,gBAClCL,EAAcxB,KAAKsB,MAAK,gBACxBtB,KAAKO,UACpBuB,QAAS9B,KAAK+B,eAAeC,KAAKhC,OAElCE,EAAA,QAAM+B,KAAK,aACX/B,EAAA,YAAUkB,MAAOlC,EAAUG,MAAO4C,KAAK,eAAeC,KAAK,gBAEzDlC,KAAKE,EAAEiC,QAAQ,YAClBjC,EAAA,OAAKkB,MAAOlC,EAAUE,QACrBc,EAAA,QAAM+B,KAAK,cAET,KAEJ/B,EAACY,EAAG,CAAAK,IAAA,2CAACJ,KAAMf,KAAKe,KACdqB,OAAQpC,KAAKoC,OACbT,GAAI3B,KAAKO,UAAS,cACLP,KAAKuB,YAAcC,GAAexB,KAAKsB,MAAQe,UAC5DC,OAAQtC,KAAKuB,aAAevB,KAAKsB,KAAOe,UAAS,kBAChCrC,KAAKuB,YAAcvB,KAAKK,WAAagC,UACtDjB,MAAOlC,EAAUI,OAEjBU,KAAKE,EAAEiC,QAAQ,QACfjC,EAAA,OAAAiB,IAAA,2CAAKC,MAAOlC,EAAUK,KACrBW,EAAA,QAAAiB,IAAA,2CAAMc,KAAK,SAIZjC,KAAKE,EAAEiC,QAAQ,SACfjC,EAAA,OAAAiB,IAAA,2CAAKC,MAAOlC,EAAUM,MACrBU,EAAA,QAAAiB,IAAA,2CAAMc,KAAK,UAIb/B,EAAA,OAAAiB,IAAA,2CAAKC,MAAOlC,EAAUO,SACrBS,EAAA,QAAAiB,IAAA,8CAGAnB,KAAKE,EAAEiC,QAAQ,WACfjC,EAAA,OAAAiB,IAAA,2CAAKC,MAAOlC,EAAUQ,QACrBQ,EAAA,QAAAiB,IAAA,2CAAMc,KAAK,a,CAQT,cAAAF,CAAeQ,GACtBA,EAAEC,kBACF,GAAIxC,KAAKuB,YAAa,CACrBvB,KAAKsB,MAAQtB,KAAKsB,KAClBtB,KAAKyC,UAAUC,KAAK,CAACpB,KAAMtB,KAAKsB,KAAMqB,QAAS3C,KAAKI,M,EAQtD,2BAAMO,GACL,GAAIX,KAAKuB,YAAa,CACrBqB,EAAwB5C,KAAK4B,uBAAwB5B,KAAK6B,4BAA6B3C,EAAUC,KAAMa,KAAKI,K","ignoreList":[]}
+{"version":3,"names":["CardDirection","CardClass","root","header","arrow","inner","img","icon","content","footer","Tags","GovCard","__stencil_proxyCustomElement","HTMLElement","constructor","this","hydrated","direction","collapsible","clickable","open","h","govHost","host","headlineId","createID","contentId","componentDidRender","canValidateWcagOnRender","delay","validateAccessibility","connectedCallback","render","Tag","href","A","DIV","Host","key","class","classes","booleanString","id","accessibleTriggerLabel","accessibleTriggerLabelledBy","onClick","onClickHandler","bind","name","type","hasSlot","target","undefined","hidden","e","stopPropagation","govToggle","emit","element","validateAccessibleLabel"],"sources":["../../../packages/core/src/components/gov-card/constants.ts","../../../packages/core/src/components/gov-card/gov-card.tsx"],"sourcesContent":["import {ValueOf} from \"../../types/interfaces\";\n\nexport enum CardDirection {\n\tHORIZONTAL = 'horizontal',\n\tVERTICAL = 'vertical',\n}\nexport type CardDirectionType = `${ValueOf<typeof CardDirection>}`\n\nexport const CardClass = {\n\troot: 'gov-card',\n\theader: 'gov-card__header',\n\tarrow: 'gov-card__arrow',\n\tinner: 'gov-card__inner',\n\timg: 'gov-card__img',\n\ticon: 'gov-card__icon',\n\tcontent: 'gov-card__content',\n\tfooter: 'gov-card__footer',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop} from '@stencil/core'\nimport {CardClass, CardDirectionType} from './constants'\nimport {booleanString, govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {createID} from '../../utils/string.utils'\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {delay} from '../../utils/utils'\nimport {GovCardChangeEvent} from './interfaces'\nimport {ButtonTargetType} from \"../gov-button/button/constants\";\n\nenum Tags {\n\tA = \"a\",\n\tDIV = \"div\",\n}\n\n@Component({\n\ttag: 'gov-card',\n})\nexport class GovCard {\n\tprivate h: GovHost\n\tprivate readonly headlineId: string\n\tprivate readonly contentId: string\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.headlineId = createID('GovCardHeadline')\n\t\tthis.contentId = createID('GovCardContent')\n\t}\n\n\t@Element() host: HTMLGovCardElement\n\n\t/**\n\t * Card direction\n\t */\n\t@Prop() readonly direction: CardDirectionType = \"vertical\"\n\t/**\n\t * Defines weather the card can be collapsible\n\t */\n\t@Prop() readonly collapsible: boolean = false\n\t/**\n\t * Defines weather the card can be clickable with hover effect\n\t */\n\t@Prop() readonly clickable: boolean = false\n\t/**\n\t * Defines whether the card is open or closed\n\t */\n\t@Prop({reflect: true, mutable: true}) open = true\n\t/**\n\t * Link on whole card\n\t */\n\t@Prop({reflect: true}) readonly href: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\n\t */\n\t@Prop() readonly target?: ButtonTargetType\n\t/**\n\t * Adds accessible label for the collapsible button that is only shown for screen readers.\n\t */\n\t@Prop({attribute: 'accessible-label'}) accessibleTriggerLabel: string\n\t/**\n\t * A string of identifiers that indicate alternative label elements for collapsible card\n\t */\n\t@Prop({attribute: 'accessible-labelledby'}) accessibleTriggerLabelledBy: string\n\t/**\n\t * Called when the card toggle state changes\n\t */\n\t@Event({eventName: 'gov-toggle'}) govToggle: EventEmitter<GovCardChangeEvent>\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateAccessibility()\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\tconst Tag = this.href ? Tags.A : Tags.DIV\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(CardClass.root)} open={this.open}\n\t\t\t\t  collapsible={booleanString(this.collapsible)}\n\t\t\t\t  clickable={this.href ? true : this.clickable}\n\t\t\t\t  direction={this.direction} hydrated={this.hydrated}>\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<button\n\t\t\t\t\t\tid={this.headlineId}\n\t\t\t\t\t\tclass={CardClass.header}\n\t\t\t\t\t\taria-label={this.accessibleTriggerLabel}\n\t\t\t\t\t\taria-labelledby={this.accessibleTriggerLabelledBy}\n\t\t\t\t\t\taria-expanded={booleanString(this.open)}\n\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot name=\"headline\"/>\n\t\t\t\t\t\t<gov-icon class={CardClass.arrow} name=\"chevron-down\" type=\"components\"></gov-icon>\n\t\t\t\t\t</button>\n\t\t\t\t) : this.h.hasSlot(\"headline\") ? (\n\t\t\t\t\t<div class={CardClass.header}>\n\t\t\t\t\t\t<slot name=\"headline\"/>\n\t\t\t\t\t</div>\n\t\t\t\t) : null}\n\n\t\t\t\t<Tag href={this.href}\n\t\t\t\t\t target={this.target}\n\t\t\t\t\t id={this.contentId}\n\t\t\t\t\t aria-hidden={this.collapsible ? booleanString(!this.open) : undefined}\n\t\t\t\t\t hidden={this.collapsible ? !this.open : undefined}\n\t\t\t\t\t aria-labelledby={this.collapsible ? this.headlineId : undefined}\n\t\t\t\t\t class={CardClass.inner}>\n\n\t\t\t\t\t{this.h.hasSlot('img') && (\n\t\t\t\t\t\t<div class={CardClass.img}>\n\t\t\t\t\t\t\t<slot name=\"img\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t\t<div class={CardClass.icon}>\n\t\t\t\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div class={CardClass.content}>\n\t\t\t\t\t\t<slot/>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{this.h.hasSlot('footer') && (\n\t\t\t\t\t\t<div class={CardClass.footer}>\n\t\t\t\t\t\t\t<slot name=\"footer\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</Tag>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onClickHandler(e) {\n\t\te.stopPropagation()\n\t\tif (this.collapsible) {\n\t\t\tthis.open = !this.open\n\t\t\tthis.govToggle.emit({open: this.open, element: this.host})\n\t\t}\n\t}\n\n\t/**\n\t * Validate the accessible attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tif (this.collapsible) {\n\t\t\tvalidateAccessibleLabel(this.accessibleTriggerLabel, this.accessibleTriggerLabelledBy, CardClass.root, this.host)\n\t\t}\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/gov-chip.js

@@ -1,2 +1,2 @@
-import{G as o,d as s}from"./p-d2d05f02.js";const t=o;const d=s;export{t as GovChip,d as defineCustomElement};
+import{G as o,d as s}from"./p-CEl4WEkF.js";const t=o;const p=s;export{t as GovChip,p as defineCustomElement};
 //# sourceMappingURL=gov-chip.js.map

package/dist/components/gov-container.js

@@ -1,2 +1,2 @@
-import{p as e,H as t,h as s,d as o}from"./p-42200001.js";import{g as n}from"./p-ea7fdd2e.js";const c={root:"gov-container"};const r=e(class e extends t{constructor(){super();this.__registerHost();this.h=n(this.host)}render(){return s(o,{key:"82f7c451b4196138a062e9e807c0b264b5f8e1fe",class:this.h.classes(c.root)},s("slot",{key:"04a40aeafe57c99f4a148d04320bf390e3444ea8"}))}get host(){return this}},[4,"gov-container"]);function a(){if(typeof customElements==="undefined"){return}const e=["gov-container"];e.forEach((e=>{switch(e){case"gov-container":if(!customElements.get(e)){customElements.define(e,r)}break}}))}a();const i=r;const f=a;export{i as GovContainer,f as defineCustomElement};
+import{p as e,H as t,h as s,a as o}from"./index.js";import{g as n}from"./p-DfJDyRCE.js";const c={root:"gov-container"};const r=e(class e extends t{constructor(){super();this.__registerHost();this.h=n(this.host)}render(){return s(o,{key:"82f7c451b4196138a062e9e807c0b264b5f8e1fe",class:this.h.classes(c.root)},s("slot",{key:"04a40aeafe57c99f4a148d04320bf390e3444ea8"}))}get host(){return this}},[4,"gov-container"]);function a(){if(typeof customElements==="undefined"){return}const e=["gov-container"];e.forEach((e=>{switch(e){case"gov-container":if(!customElements.get(e)){customElements.define(e,r)}break}}))}a();const i=r;const f=a;export{i as GovContainer,f as defineCustomElement};
 //# sourceMappingURL=gov-container.js.map

package/dist/components/gov-container.js.map

@@ -1 +1 @@
-{"version":3,"names":["ContainerClass","root","GovContainer","proxyCustomElement","H","constructor","this","h","govHost","host","render","Host","key","class","classes"],"sources":["../../../packages/core/src/components/gov-container/constants.tsx","../../../packages/core/src/components/gov-container/gov-container.tsx"],"sourcesContent":["export const ContainerClass = {\n\troot: 'gov-container',\n}\n","import { Component, Element, h, Host } from '@stencil/core'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { ContainerClass } from './constants'\n\n@Component({\n\ttag: 'gov-container',\n})\nexport class GovContainer {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovContainerElement\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(ContainerClass.root)}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"6FAAO,MAAMA,EAAiB,CAC7BC,KAAM,iB,MCOMC,EAAYC,EAAA,MAAAD,UAAAE,EAGxB,WAAAC,G,8BACCC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAKvB,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOP,KAAKC,EAAEO,QAAQd,EAAeC,OAC1CM,EAAA,QAAAK,IAAA,6C","ignoreList":[]}
+{"version":3,"names":["ContainerClass","root","GovContainer","__stencil_proxyCustomElement","HTMLElement","constructor","this","h","govHost","host","render","Host","key","class","classes"],"sources":["../../../packages/core/src/components/gov-container/constants.tsx","../../../packages/core/src/components/gov-container/gov-container.tsx"],"sourcesContent":["export const ContainerClass = {\n\troot: 'gov-container',\n}\n","import { Component, Element, h, Host } from '@stencil/core'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { ContainerClass } from './constants'\n\n@Component({\n\ttag: 'gov-container',\n})\nexport class GovContainer {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovContainerElement\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(ContainerClass.root)}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"wFAAO,MAAMA,EAAiB,CAC7BC,KAAM,iB,MCOMC,EAAYC,EAAA,MAAAD,UAAAE,EAGxB,WAAAC,G,8BACCC,KAAKC,EAAIC,EAAQF,KAAKG,KACtB,CAID,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOP,KAAKC,EAAEO,QAAQd,EAAeC,OAC1CM,EAAQ,QAAAK,IAAA,6C","ignoreList":[]}

package/dist/components/gov-control-group.js

@@ -1,2 +1,2 @@
-import{p as o,H as t,h as e,d as r}from"./p-42200001.js";import{C as s}from"./p-5aad3497.js";import{g as c}from"./p-ea7fdd2e.js";import{v as a}from"./p-0b3574c2.js";import{p as n}from"./p-e0e2e9c1.js";n(s,["PRIMARY","SECONDARY","NEUTRAL","ERROR","SUCCESS","WARNING"]);const i={root:"gov-control-group"};const l=o(class o extends t{constructor(){super();this.__registerHost();this.color=s.PRIMARY;this.noBorder=false;this.fitContent=false;this.h=c(this.host)}validateColor(o){a(s,o,i.root)}render(){return e(r,{key:"74d339e88105be80b3f335aa2af1155ab23099c8",class:this.h.classes(i.root),color:this.color},e("slot",{key:"e3af09285370470ad4e1ca9e6b225ca98708cebc"}))}get host(){return this}static get watchers(){return{color:["validateColor"]}}},[4,"gov-control-group",{color:[1],noBorder:[4,"no-border"],fitContent:[4,"fit-content"]},undefined,{color:["validateColor"]}]);function f(){if(typeof customElements==="undefined"){return}const o=["gov-control-group"];o.forEach((o=>{switch(o){case"gov-control-group":if(!customElements.get(o)){customElements.define(o,l)}break}}))}f();const p=l;const d=f;export{p as GovControlGroup,d as defineCustomElement};
+import{p as o,H as t,h as r,a as s}from"./index.js";import{C as e}from"./p-U40vKHrs.js";import{g as n}from"./p-DfJDyRCE.js";import{v as c}from"./p-BKP-F1qP.js";import{p as a}from"./p-CQvUntGY.js";a(e,["PRIMARY","SECONDARY","NEUTRAL","ERROR","SUCCESS","WARNING"]);const i={root:"gov-control-group"};const l=o(class o extends t{constructor(){super();this.__registerHost();this.color=e.PRIMARY;this.noBorder=false;this.fitContent=false;this.h=n(this.host)}validateColor(o){c(e,o,i.root)}render(){return r(s,{key:"74d339e88105be80b3f335aa2af1155ab23099c8",class:this.h.classes(i.root),color:this.color},r("slot",{key:"e3af09285370470ad4e1ca9e6b225ca98708cebc"}))}get host(){return this}static get watchers(){return{color:["validateColor"]}}},[4,"gov-control-group",{color:[1],noBorder:[4,"no-border"],fitContent:[4,"fit-content"]},undefined,{color:["validateColor"]}]);function f(){if(typeof customElements==="undefined"){return}const o=["gov-control-group"];o.forEach((o=>{switch(o){case"gov-control-group":if(!customElements.get(o)){customElements.define(o,l)}break}}))}f();const p=l;const m=f;export{p as GovControlGroup,m as defineCustomElement};
 //# sourceMappingURL=gov-control-group.js.map

package/dist/components/gov-control-group.js.map

@@ -1 +1 @@
-{"version":3,"names":["pick","Colors","ControlGroupClass","root","GovControlGroup","proxyCustomElement","H","constructor","PRIMARY","this","h","govHost","host","validateColor","newValue","validateProp","render","Host","key","class","classes","color"],"sources":["../../../packages/core/src/components/gov-control-group/constants.ts","../../../packages/core/src/components/gov-control-group/gov-control-group.tsx"],"sourcesContent":["import { Colors } from '../../core/constants/colors'\nimport { ValueOf } from '../../types/interfaces'\nimport { pick } from '../../utils/utils'\n\nexport const ControlGroupColors = pick(Colors, ['PRIMARY', 'SECONDARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING'])\nexport type ControlGroupColorType = `${ValueOf<typeof ControlGroupColors>}`\n\nexport const ControlGroupClass = {\n\troot: 'gov-control-group',\n}\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\"\nimport { Colors } from \"../../core/constants/colors\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { ControlGroupClass, ControlGroupColorType } from \"./constants\"\n\n@Component({\n\ttag: \"gov-control-group\",\n})\nexport class GovControlGroup {\n\tprivate readonly h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovControlGroupElement\n\t/**\n\t * Style variation of the content message.\n\t */\n\t@Prop() readonly color: ControlGroupColorType = Colors.PRIMARY\n\t/**\n\t * Specifies the display of the border between elements\n\t */\n\t@Prop({ attribute: \"no-border\" }) readonly noBorder: boolean = false\n\t/**\n\t * Specifies the display of elements to full width\n\t */\n\t@Prop({ attribute: \"fit-content\" }) readonly fitContent: boolean = false\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(Colors, newValue, ControlGroupClass.root)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes(ControlGroupClass.root)}\n\t\t\t\tcolor={this.color}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"yMAIkCA,EAAKC,EAAQ,CAAC,UAAW,YAAa,UAAW,QAAS,UAAW,YAGhG,MAAMC,EAAoB,CAChCC,KAAM,qB,MCEMC,EAAeC,EAAA,MAAAD,UAAAE,EAG3B,WAAAC,G,yCAQgDN,EAAOO,Q,cAIQ,M,gBAII,MAflEC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAkBvB,aAAAC,CAAcC,GACbC,EAAad,EAAQa,EAAUZ,EAAkBC,K,CAGlD,MAAAa,GACC,OACCN,EAACO,EAAI,CAAAC,IAAA,2CACJC,MAAOV,KAAKC,EAAEU,QAAQlB,EAAkBC,MACxCkB,MAAOZ,KAAKY,OACZX,EAAA,QAAAQ,IAAA,6C","ignoreList":[]}
+{"version":3,"names":["pick","Colors","ControlGroupClass","root","GovControlGroup","__stencil_proxyCustomElement","HTMLElement","constructor","this","color","PRIMARY","noBorder","fitContent","h","govHost","host","validateColor","newValue","validateProp","render","Host","key","class","classes"],"sources":["../../../packages/core/src/components/gov-control-group/constants.ts","../../../packages/core/src/components/gov-control-group/gov-control-group.tsx"],"sourcesContent":["import { Colors } from '../../core/constants/colors'\nimport { ValueOf } from '../../types/interfaces'\nimport { pick } from '../../utils/utils'\n\nexport const ControlGroupColors = pick(Colors, ['PRIMARY', 'SECONDARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING'])\nexport type ControlGroupColorType = `${ValueOf<typeof ControlGroupColors>}`\n\nexport const ControlGroupClass = {\n\troot: 'gov-control-group',\n}\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\"\nimport { Colors } from \"../../core/constants/colors\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { ControlGroupClass, ControlGroupColorType } from \"./constants\"\n\n@Component({\n\ttag: \"gov-control-group\",\n})\nexport class GovControlGroup {\n\tprivate readonly h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovControlGroupElement\n\t/**\n\t * Style variation of the content message.\n\t */\n\t@Prop() readonly color: ControlGroupColorType = Colors.PRIMARY\n\t/**\n\t * Specifies the display of the border between elements\n\t */\n\t@Prop({ attribute: \"no-border\" }) readonly noBorder: boolean = false\n\t/**\n\t * Specifies the display of elements to full width\n\t */\n\t@Prop({ attribute: \"fit-content\" }) readonly fitContent: boolean = false\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(Colors, newValue, ControlGroupClass.root)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes(ControlGroupClass.root)}\n\t\t\t\tcolor={this.color}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"oMAIkCA,EAAKC,EAAQ,CAAC,UAAW,YAAa,UAAW,QAAS,UAAW,YAGhG,MAAMC,EAAoB,CAChCC,KAAM,qB,MCEMC,EAAeC,EAAA,MAAAD,UAAAE,EAG3B,WAAAC,G,8BAQiBC,KAAAC,MAA+BR,EAAOS,QAIZF,KAAQG,SAAY,MAIlBH,KAAUI,WAAY,MAflEJ,KAAKK,EAAIC,EAAQN,KAAKO,KACtB,CAiBD,aAAAC,CAAcC,GACbC,EAAajB,EAAQgB,EAAUf,EAAkBC,K,CAGlD,MAAAgB,GACC,OACCN,EAACO,EAAI,CAAAC,IAAA,2CACJC,MAAOd,KAAKK,EAAEU,QAAQrB,EAAkBC,MACxCM,MAAOD,KAAKC,OACZI,EAAQ,QAAAQ,IAAA,6C","ignoreList":[]}

package/dist/components/gov-cookiebar.js

@@ -1,2 +1,2 @@
-import{p as c,H as a,h as e,d as o}from"./p-42200001.js";import{g as s}from"./p-ea7fdd2e.js";const t={root:"gov-cookiebar",content:"gov-cookiebar__content",actions:"gov-cookiebar__actions",actionsPrimary:"gov-cookiebar__actions--primary",actionsSecondary:"gov-cookiebar__actions--secondary"};const d=c(class c extends a{constructor(){super();this.__registerHost();this.h=s(this.host)}render(){return e(o,{key:"ad50c5414cb7d3dc0c5b2d378e2484dea094b1de",class:this.h.classes(t.root)},e("div",{key:"aeedb06244acdb5bf57f11c37132d7fec2871cc5",class:t.content},e("slot",{key:"90ac710208833ac2c6349792a02f13c4e80741c4",name:"headline"}),e("slot",{key:"67c6c377aa6255bd31fefa8d20b55bfa3c90b489"})),(this.h.hasSlot("actions-primary")||this.h.hasSlot("actions-secondary"))&&e("div",{key:"aa9b2f1162adcd6d9a2d81da2262046ec8886f50",class:t.actions},this.h.hasSlot("actions-primary")&&e("div",{key:"b152aebaef3031dc48fe569fef4f1f8119dbaf6b",class:t.actionsPrimary},e("slot",{key:"16b3e328ddc88528d877052b445855dc909605d4",name:"actions-primary"})),this.h.hasSlot("actions-secondary")&&e("div",{key:"a825b255261a36cfd192d8936de9eb2b78d5d941",class:t.actionsSecondary},e("slot",{key:"f651dfbf6756682711b2c4415df6acf4a2c9a479",name:"actions-secondary"}))))}get host(){return this}},[4,"gov-cookiebar"]);function i(){if(typeof customElements==="undefined"){return}const c=["gov-cookiebar"];c.forEach((c=>{switch(c){case"gov-cookiebar":if(!customElements.get(c)){customElements.define(c,d)}break}}))}i();const n=d;const r=i;export{n as GovCookiebar,r as defineCustomElement};
+import{p as c,H as a,h as e,a as o}from"./index.js";import{g as s}from"./p-DfJDyRCE.js";const t={root:"gov-cookiebar",content:"gov-cookiebar__content",actions:"gov-cookiebar__actions",actionsPrimary:"gov-cookiebar__actions--primary",actionsSecondary:"gov-cookiebar__actions--secondary"};const i=c(class c extends a{constructor(){super();this.__registerHost();this.h=s(this.host)}render(){return e(o,{key:"ad50c5414cb7d3dc0c5b2d378e2484dea094b1de",class:this.h.classes(t.root)},e("div",{key:"aeedb06244acdb5bf57f11c37132d7fec2871cc5",class:t.content},e("slot",{key:"90ac710208833ac2c6349792a02f13c4e80741c4",name:"headline"}),e("slot",{key:"67c6c377aa6255bd31fefa8d20b55bfa3c90b489"})),(this.h.hasSlot("actions-primary")||this.h.hasSlot("actions-secondary"))&&e("div",{key:"aa9b2f1162adcd6d9a2d81da2262046ec8886f50",class:t.actions},this.h.hasSlot("actions-primary")&&e("div",{key:"b152aebaef3031dc48fe569fef4f1f8119dbaf6b",class:t.actionsPrimary},e("slot",{key:"16b3e328ddc88528d877052b445855dc909605d4",name:"actions-primary"})),this.h.hasSlot("actions-secondary")&&e("div",{key:"a825b255261a36cfd192d8936de9eb2b78d5d941",class:t.actionsSecondary},e("slot",{key:"f651dfbf6756682711b2c4415df6acf4a2c9a479",name:"actions-secondary"}))))}get host(){return this}},[4,"gov-cookiebar"]);function d(){if(typeof customElements==="undefined"){return}const c=["gov-cookiebar"];c.forEach((c=>{switch(c){case"gov-cookiebar":if(!customElements.get(c)){customElements.define(c,i)}break}}))}d();const n=i;const r=d;export{n as GovCookiebar,r as defineCustomElement};
 //# sourceMappingURL=gov-cookiebar.js.map

package/dist/components/gov-cookiebar.js.map

@@ -1 +1 @@
-{"version":3,"names":["CookieConsentClass","root","content","actions","actionsPrimary","actionsSecondary","GovCookiebar","proxyCustomElement","H","constructor","this","h","govHost","host","render","Host","key","class","classes","name","hasSlot"],"sources":["../../../packages/core/src/components/gov-cookiebar/constants.tsx","../../../packages/core/src/components/gov-cookiebar/gov-cookiebar.tsx"],"sourcesContent":["export const CookieConsentClass = {\n\troot: 'gov-cookiebar',\n\tcontent: 'gov-cookiebar__content',\n\tactions: 'gov-cookiebar__actions',\n\tactionsPrimary: 'gov-cookiebar__actions--primary',\n\tactionsSecondary: 'gov-cookiebar__actions--secondary',\n}\n","import { Component, Element, h, Host } from '@stencil/core'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { CookieConsentClass } from './constants'\n\n@Component({\n\ttag: 'gov-cookiebar',\n})\nexport class GovCookiebar {\n\th: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovCookiebarElement\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(CookieConsentClass.root)}>\n\t\t\t\t<div class={CookieConsentClass.content}>\n\t\t\t\t\t<slot name=\"headline\" />\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\n\t\t\t\t{(this.h.hasSlot('actions-primary') || this.h.hasSlot('actions-secondary')) && (\n\t\t\t\t\t<div class={CookieConsentClass.actions}>\n\t\t\t\t\t\t{this.h.hasSlot('actions-primary') && (\n\t\t\t\t\t\t\t<div class={CookieConsentClass.actionsPrimary}>\n\t\t\t\t\t\t\t\t<slot name=\"actions-primary\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{this.h.hasSlot('actions-secondary') && (\n\t\t\t\t\t\t\t<div class={CookieConsentClass.actionsSecondary}>\n\t\t\t\t\t\t\t\t<slot name=\"actions-secondary\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"6FAAO,MAAMA,EAAqB,CACjCC,KAAM,gBACNC,QAAS,yBACTC,QAAS,yBACTC,eAAgB,kCAChBC,iBAAkB,qC,MCGNC,EAAYC,EAAA,MAAAD,UAAAE,EAGxB,WAAAC,G,8BACCC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAKvB,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOP,KAAKC,EAAEO,QAAQlB,EAAmBC,OAC9CU,EAAA,OAAAK,IAAA,2CAAKC,MAAOjB,EAAmBE,SAC9BS,EAAA,QAAAK,IAAA,2CAAMG,KAAK,aACXR,EAAA,QAAAK,IAAA,+CAGCN,KAAKC,EAAES,QAAQ,oBAAsBV,KAAKC,EAAES,QAAQ,uBACrDT,EAAA,OAAAK,IAAA,2CAAKC,MAAOjB,EAAmBG,SAC7BO,KAAKC,EAAES,QAAQ,oBACfT,EAAA,OAAAK,IAAA,2CAAKC,MAAOjB,EAAmBI,gBAC9BO,EAAA,QAAAK,IAAA,2CAAMG,KAAK,qBAIZT,KAAKC,EAAES,QAAQ,sBACfT,EAAA,OAAAK,IAAA,2CAAKC,MAAOjB,EAAmBK,kBAC9BM,EAAA,QAAAK,IAAA,2CAAMG,KAAK,wB","ignoreList":[]}
+{"version":3,"names":["CookieConsentClass","root","content","actions","actionsPrimary","actionsSecondary","GovCookiebar","__stencil_proxyCustomElement","HTMLElement","constructor","this","h","govHost","host","render","Host","key","class","classes","name","hasSlot"],"sources":["../../../packages/core/src/components/gov-cookiebar/constants.tsx","../../../packages/core/src/components/gov-cookiebar/gov-cookiebar.tsx"],"sourcesContent":["export const CookieConsentClass = {\n\troot: 'gov-cookiebar',\n\tcontent: 'gov-cookiebar__content',\n\tactions: 'gov-cookiebar__actions',\n\tactionsPrimary: 'gov-cookiebar__actions--primary',\n\tactionsSecondary: 'gov-cookiebar__actions--secondary',\n}\n","import { Component, Element, h, Host } from '@stencil/core'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { CookieConsentClass } from './constants'\n\n@Component({\n\ttag: 'gov-cookiebar',\n})\nexport class GovCookiebar {\n\th: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovCookiebarElement\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(CookieConsentClass.root)}>\n\t\t\t\t<div class={CookieConsentClass.content}>\n\t\t\t\t\t<slot name=\"headline\" />\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\n\t\t\t\t{(this.h.hasSlot('actions-primary') || this.h.hasSlot('actions-secondary')) && (\n\t\t\t\t\t<div class={CookieConsentClass.actions}>\n\t\t\t\t\t\t{this.h.hasSlot('actions-primary') && (\n\t\t\t\t\t\t\t<div class={CookieConsentClass.actionsPrimary}>\n\t\t\t\t\t\t\t\t<slot name=\"actions-primary\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{this.h.hasSlot('actions-secondary') && (\n\t\t\t\t\t\t\t<div class={CookieConsentClass.actionsSecondary}>\n\t\t\t\t\t\t\t\t<slot name=\"actions-secondary\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"wFAAO,MAAMA,EAAqB,CACjCC,KAAM,gBACNC,QAAS,yBACTC,QAAS,yBACTC,eAAgB,kCAChBC,iBAAkB,qC,MCGNC,EAAYC,EAAA,MAAAD,UAAAE,EAGxB,WAAAC,G,8BACCC,KAAKC,EAAIC,EAAQF,KAAKG,KACtB,CAID,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOP,KAAKC,EAAEO,QAAQlB,EAAmBC,OAC9CU,EAAA,OAAAK,IAAA,2CAAKC,MAAOjB,EAAmBE,SAC9BS,EAAM,QAAAK,IAAA,2CAAAG,KAAK,aACXR,EAAA,QAAAK,IAAA,+CAGCN,KAAKC,EAAES,QAAQ,oBAAsBV,KAAKC,EAAES,QAAQ,uBACrDT,EAAA,OAAAK,IAAA,2CAAKC,MAAOjB,EAAmBG,SAC7BO,KAAKC,EAAES,QAAQ,oBACfT,EAAK,OAAAK,IAAA,2CAAAC,MAAOjB,EAAmBI,gBAC9BO,EAAA,QAAAK,IAAA,2CAAMG,KAAK,qBAIZT,KAAKC,EAAES,QAAQ,sBACfT,EAAK,OAAAK,IAAA,2CAAAC,MAAOjB,EAAmBK,kBAC9BM,EAAM,QAAAK,IAAA,2CAAAG,KAAK,wB","ignoreList":[]}

package/dist/components/gov-dialog.js

@@ -1,2 +1,2 @@
-import{p as e,H as s,c as i,h as a,d as t}from"./p-42200001.js";import{g as o,a as c,c as l}from"./p-ea7fdd2e.js";import{c as d}from"./p-e8ec030e.js";import{b}from"./p-10cad7f1.js";import{c as n}from"./p-cd6c2938.js";import{t as h}from"./p-26618322.js";import{d as r}from"./p-e0c3b1a7.js";import{d as f}from"./p-4fb591c3.js";import{d as g}from"./p-8a9d4e12.js";const m={root:"gov-dialog",dialog:"gov-dialog__dialog",inner:"gov-dialog__inner",header:"gov-dialog__header",title:"gov-dialog__title",content:"gov-dialog__content",close:"gov-dialog__close",footer:"gov-dialog__footer",bodyFix:"body-fixed"};const p=e(class e extends s{constructor(){super();this.__registerHost();this.govClose=i(this,"gov-close",7);this.hydrated=false;this.open=false;this.blockClose=false;this.blockBackdropClose=false;this.role="dialog";this.labelTag="h2";this.accessibleLabelledBy=undefined;this.accessibleDescribedBy=undefined;this.accessibleCloseLabel="Zavřít okno";this.accessibleCloseLabelledBy=undefined;this.h=o(this.host);this.labelId=n("GovDialogLabel");this.contentId=n("GovDialogContent")}watchOpen(e){this.open=e;this.setFocus().finally()}showDialog(){this.open=true;document.body.classList.add(m.bodyFix)}hideDialog(){this.open=false;document.body.classList.remove(m.bodyFix)}async componentDidRender(){if(d()){h((()=>this.validateAccessibility()))}if(this.open){this.showDialog()}else{this.hideDialog()}}connectedCallback(){this.hydrated=true}disconnectedCallback(){document.body.classList.remove(m.bodyFix)}render(){return a(t,{key:"d4185a1b611db509ebf08509afa23b6e1682fe6f",class:this.h.classes(m.root),open:this.open,hydrated:this.hydrated},a("dialog",{key:"6a9624025826c1bd0eb7e83739112cf7b2d56dbc",class:m.dialog,hidden:!this.open,tabindex:c(this.open),open:this.open,"aria-modal":"true","aria-hidden":l(!this.open),"aria-labelledby":this.accessibleLabelledBy||this.labelId,"aria-describedby":this.accessibleDescribedBy||this.contentId,role:this.role},a("div",{key:"1f93dc885aad9898151e00ca4717c8dd8eeea1ff",class:m.inner},a("div",{key:"4455c3f5f5e6aa9e6ec84ce400ead24a3e526374",class:m.header},this.h.hasSlot("icon")&&a("span",{key:"40bd7dba7f121d87e00b48b5c4f3ed0c01f5d4a0"},a("slot",{key:"911f36f5199cde0f6561da2385934bb88e668c68",name:"icon"})),this.h.hasSlot("title")&&a("span",{key:"1e45df978ffc0f360d242d24e826b4df41188196",class:m.title,id:this.labelId},a("slot",{key:"920d60a3305db5b2b7963e6e0c795dbe49101f40",name:"title"})),a("gov-button",{key:"42a64cd1706ba71362bc0bc0b8d69e9867ec5fb1",ref:e=>this.closeCtaRef=e,disabled:this.blockClose,class:m.close,color:"primary","aria-label":this.accessibleCloseLabel,"aria-labelledby":this.accessibleCloseLabelledBy,type:"base",size:"m","on-gov-click":this.onCloseHandler.bind(this)},a("gov-icon",{key:"480265e99c21126cbb755df8e6c6f482f69fb92b",slot:"icon-start",name:"x-lg",type:"components"}))),a("div",{key:"dc16ca442fbb779b8d0c127253324d2894e1b1e5",class:m.content,id:this.contentId},a("slot",{key:"a721e2e66951a436c2a7c946648e15cd1043a7c1"})),this.h.hasSlot("footer")&&a("div",{key:"ea53d2a6284285c3b33a346784f783e69cc6ff4a",class:m.footer},a("slot",{key:"1693aec930d48ffd79505638b4b03df4e50529f5",name:"footer"})))),this.open?a("gov-backdrop",{disabled:this.blockBackdropClose,"aria-label":this.accessibleCloseLabel,"aria-labelled-by":this.accessibleCloseLabelledBy,"on-gov-click":this.onCloseHandler.bind(this)}):null)}onCloseHandler(e){e.stopPropagation();e.preventDefault();if(this.blockClose===false){this.hideDialog();this.govClose.emit(e)}}async setFocus(){if(this.open&&this.closeCtaRef){this.closeCtaRef.setFocus().catch()}}async validateAccessibility(){b(this.accessibleLabelledBy,"accessible-labelled-by",m.root);b(this.accessibleDescribedBy,"accessible-described-by",m.root)}get host(){return this}static get watchers(){return{open:["watchOpen"]}}},[4,"gov-dialog",{open:[1540],blockClose:[4,"block-close"],blockBackdropClose:[4,"block-backdrop-close"],role:[1],labelTag:[1,"label-tag"],accessibleLabelledBy:[1,"accessible-labelled-by"],accessibleDescribedBy:[1,"accessible-described-by"],accessibleCloseLabel:[1,"accessible-close-label"],accessibleCloseLabelledBy:[1,"accessible-close-labelled-by"],setFocus:[64],validateAccessibility:[64]},undefined,{open:["watchOpen"]}]);function y(){if(typeof customElements==="undefined"){return}const e=["gov-dialog","gov-backdrop","gov-button","gov-icon"];e.forEach((e=>{switch(e){case"gov-dialog":if(!customElements.get(e)){customElements.define(e,p)}break;case"gov-backdrop":if(!customElements.get(e)){r()}break;case"gov-button":if(!customElements.get(e)){f()}break;case"gov-icon":if(!customElements.get(e)){g()}break}}))}y();const k=p;const v=y;export{k as GovDialog,v as defineCustomElement};
+import{p as e,H as s,c as t,h as i,a}from"./index.js";import{g as o,t as c,d as l}from"./p-DfJDyRCE.js";import{c as d}from"./p-DrPpH_9c.js";import{b as n}from"./p-Nvj7WFs_.js";import{c as b}from"./p-vN03FcXN.js";import{t as h}from"./p-Cjg0wpDG.js";import{d as r}from"./p-CNXZgyfX.js";import{d as f}from"./p-DxCeyMKq.js";import{d as g}from"./p-D82BPGeo.js";const p={root:"gov-dialog",dialog:"gov-dialog__dialog",inner:"gov-dialog__inner",header:"gov-dialog__header",title:"gov-dialog__title",content:"gov-dialog__content",close:"gov-dialog__close",footer:"gov-dialog__footer",bodyFix:"body-fixed"};function m(e){if(!e)return[];return Array.from(e.querySelectorAll('a[href], button:not([disabled]), textarea, input:not([type="hidden"]), select, [tabindex]:not([tabindex="-1"])'))}const y=e(class e extends s{constructor(){super();this.__registerHost();this.govClose=t(this,"gov-close");this.hydrated=false;this.open=false;this.blockClose=false;this.blockBackdropClose=false;this.role="dialog";this.labelTag="h2";this.accessibleCloseLabel="Zavřít okno";this.h=o(this.host);this.labelId=b("GovDialogLabel");this.contentId=b("GovDialogContent")}watchOpen(e){var s;this.open=e;this.setFocus().finally();if(!e){(s=this.lastActiveElementRef)===null||s===void 0?void 0:s.focus()}else{this.focusTrap()}}showDialog(){this.open=true;document.body.classList.add(p.bodyFix)}hideDialog(){this.open=false;document.body.classList.remove(p.bodyFix)}async componentDidRender(){if(d()){h((()=>this.validateAccessibility()))}if(this.open){this.showDialog()}else{this.hideDialog()}}focusTrap(){var e;if(open&&this.dialogRef){this.lastActiveElementRef=document.activeElement;const e=m(this.dialogRef);if(e.length){e[0].focus()}const s=e=>{if(e.key==="Tab"&&this.dialogRef){const s=m(this.dialogRef);const t=s[0];const i=s[s.length-1];if(!e.shiftKey&&document.activeElement===i){e.preventDefault();t.focus()}if(e.shiftKey&&document.activeElement===t){e.preventDefault();i.focus()}}if(e.key==="Escape"){if(this.blockClose===false){this.hideDialog();this.govClose.emit()}}};document.addEventListener("keydown",s)}else{(e=this.lastActiveElementRef)===null||e===void 0?void 0:e.focus()}}connectedCallback(){this.hydrated=true}disconnectedCallback(){document.body.classList.remove(p.bodyFix)}render(){return i(a,{key:"9c830f1956c43a7bc090cab8b396187ec791ca49",class:this.h.classes(p.root),open:this.open,hydrated:this.hydrated},i("dialog",{key:"d7c671e1a8a6b20edb8c322f854ca5b3071f3cf1",ref:e=>this.dialogRef=e,class:p.dialog,hidden:!this.open,tabindex:l(this.open),open:this.open,"aria-modal":"true","aria-hidden":c(!this.open),"aria-labelledby":this.accessibleLabelledBy||this.labelId,"aria-describedby":this.accessibleDescribedBy||this.contentId,role:this.role},i("div",{key:"9742aaa22ffe854ccc5cdde34d6da318fb1f19b1",class:p.inner},i("div",{key:"727bbd4ead0ec33ccbf7ee02d12f04a9ae3e7391",class:p.header},this.h.hasSlot("icon")&&i("span",{key:"ec10b3e6de57c6c64a95adfd2a0e5ab524f4f570"},i("slot",{key:"7ea0412c2f9167f054e227afb1c3af54b587d385",name:"icon"})),this.h.hasSlot("title")&&i("span",{key:"387bbcec4f2b290e1ee15a824e310fc9113465d5",class:p.title,id:this.labelId},i("slot",{key:"aaeac2a2fd5b23fa9449d745fb020d26ed1d3099",name:"title"})),i("gov-button",{key:"4f38ba92a5f1fd5c749f9681ff9233e37d33f008",ref:e=>this.closeCtaRef=e,disabled:this.blockClose,class:p.close,color:"primary","aria-label":this.accessibleCloseLabel,"aria-labelledby":this.accessibleCloseLabelledBy,type:"base",size:"m","on-gov-click":this.onCloseHandler.bind(this)},i("gov-icon",{key:"2c1fb6ae95899c1e2871546671cb3813de0c04ea",slot:"icon-start",name:"x-lg",type:"components"}))),i("div",{key:"76f1446db9129b5af1d9cc0a7513663ce5273054",class:p.content,id:this.contentId},i("slot",{key:"36364a5acffe7e9246c762c530200d075b3971ac"})),this.h.hasSlot("footer")&&i("div",{key:"ca5ae06d9d7b601b4994b7f88d690f7829fe2878",class:p.footer},i("slot",{key:"79de02dba3bd7b9722b6c6e2785ac429990d3ec6",name:"footer"})))),this.open?i("gov-backdrop",{disabled:this.blockBackdropClose,"aria-label":this.accessibleCloseLabel,"aria-labelled-by":this.accessibleCloseLabelledBy,"on-gov-click":this.onCloseHandler.bind(this)}):null)}onCloseHandler(e){e.stopPropagation();e.preventDefault();if(this.blockClose===false){this.hideDialog();this.govClose.emit(e)}}async setFocus(){if(this.open&&this.closeCtaRef){this.closeCtaRef.setFocus().catch()}}async validateAccessibility(){n(this.accessibleLabelledBy,"accessible-labelled-by",p.root);n(this.accessibleDescribedBy,"accessible-described-by",p.root)}get host(){return this}static get watchers(){return{open:["watchOpen"]}}},[4,"gov-dialog",{open:[1540],blockClose:[4,"block-close"],blockBackdropClose:[4,"block-backdrop-close"],role:[1],labelTag:[1,"label-tag"],accessibleLabelledBy:[1,"accessible-labelled-by"],accessibleDescribedBy:[1,"accessible-described-by"],accessibleCloseLabel:[1,"accessible-close-label"],accessibleCloseLabelledBy:[1,"accessible-close-labelled-by"],setFocus:[64],validateAccessibility:[64]},undefined,{open:["watchOpen"]}]);function v(){if(typeof customElements==="undefined"){return}const e=["gov-dialog","gov-backdrop","gov-button","gov-icon"];e.forEach((e=>{switch(e){case"gov-dialog":if(!customElements.get(e)){customElements.define(e,y)}break;case"gov-backdrop":if(!customElements.get(e)){r()}break;case"gov-button":if(!customElements.get(e)){f()}break;case"gov-icon":if(!customElements.get(e)){g()}break}}))}v();const u=y;const k=v;export{u as GovDialog,k as defineCustomElement};
 //# sourceMappingURL=gov-dialog.js.map

package/dist/components/gov-dialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["DialogClass","root","dialog","inner","header","title","content","close","footer","bodyFix","GovDialog","proxyCustomElement","H","constructor","this","hydrated","h","govHost","host","labelId","createID","contentId","watchOpen","newValue","open","setFocus","finally","showDialog","document","body","classList","add","hideDialog","remove","componentDidRender","canValidateWcagOnRender","tick","validateAccessibility","connectedCallback","disconnectedCallback","render","Host","key","class","classes","hidden","tabindex","boolToFocusValue","toBoolAttr","accessibleLabelledBy","accessibleDescribedBy","role","hasSlot","name","id","ref","el","closeCtaRef","disabled","blockClose","color","accessibleCloseLabel","accessibleCloseLabelledBy","type","size","onCloseHandler","bind","slot","blockBackdropClose","e","stopPropagation","preventDefault","govClose","emit","catch","validateWcagRef"],"sources":["../../../packages/core/src/components/gov-dialog/constants.ts","../../../packages/core/src/components/gov-dialog/gov-dialog.tsx"],"sourcesContent":["export const DialogClass = {\n\troot: 'gov-dialog',\n\tdialog: 'gov-dialog__dialog',\n\tinner: 'gov-dialog__inner',\n\theader: 'gov-dialog__header',\n\ttitle: 'gov-dialog__title',\n\tcontent: 'gov-dialog__content',\n\tclose: 'gov-dialog__close',\n\tfooter: 'gov-dialog__footer',\n\tbodyFix: 'body-fixed',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch} from '@stencil/core'\nimport {boolToFocusValue, govHost, toBoolAttr} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {validateWcagRef} from '../../helpers/Validate/wcag'\nimport {Nullable} from '../../types/interfaces'\nimport {createID} from '../../utils/string.utils'\nimport {DialogClass} from './constants'\nimport {tick} from \"../../utils/stencil.utils\";\n\n@Component({\n\ttag: 'gov-dialog',\n})\nexport class GovDialog {\n\tprivate h: GovHost\n\tprivate readonly labelId: string\n\tprivate readonly contentId: string\n\tprivate hydrated = false;\n\tprivate closeCtaRef?: HTMLGovButtonElement\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.labelId = createID('GovDialogLabel')\n\t\tthis.contentId = createID('GovDialogContent')\n\t}\n\n\t@Element() host: HTMLGovDialogElement\n\n\t/**\n\t * Attribute for dialog window display\n\t */\n\t@Prop({mutable: true, reflect: true}) open = false\n\t/**\n\t * Attribute allowing blocking the dialog closing\n\t */\n\t@Prop({attribute: 'block-close'}) blockClose = false\n\t/**\n\t * Attribute allowing blocking the backdrop dialog closing\n\t */\n\t@Prop({attribute: 'block-backdrop-close'}) blockBackdropClose = false\n\t/**\n\t * Role of dialog\n\t */\n\t@Prop({attribute: 'role'}) role: Nullable<string> = 'dialog'\n\t/**\n\t * Used to change the HTML tag in the dialog label for correct semantic structure\n\t */\n\t@Prop({attribute: 'label-tag'}) readonly labelTag: string = 'h2'\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({attribute: 'accessible-labelled-by'}) accessibleLabelledBy: string\n\t/**\n\t * Indicates the id of a component that describes the dialog.\n\t */\n\t@Prop({attribute: 'accessible-described-by'}) accessibleDescribedBy: string\n\t/**\n\t * Adds accessible label for the dialog close button that is only shown for screen readers.\n\t */\n\t@Prop({attribute: 'accessible-close-label'}) readonly accessibleCloseLabel: string = 'Zavřít okno'\n\t/**\n\t * A string of identifiers that indicate alternative label elements for closing the dialog window\n\t */\n\t@Prop({attribute: 'accessible-close-labelled-by'}) accessibleCloseLabelledBy: string\n\t/**\n\t * Emitted when dialog window closes.\n\t */\n\t@Event({eventName: 'gov-close'}) govClose: EventEmitter<PointerEvent>\n\n\t@Watch('open')\n\twatchOpen(newValue: boolean): void {\n\t\tthis.open = newValue\n\t\tthis.setFocus().finally()\n\t}\n\n\tprivate showDialog() {\n\t\tthis.open = true\n\t\tdocument.body.classList.add(DialogClass.bodyFix)\n\t}\n\n\tprivate hideDialog() {\n\t\tthis.open = false\n\t\tdocument.body.classList.remove(DialogClass.bodyFix)\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\ttick(() => this.validateAccessibility())\n\t\t}\n\n\t\tif (this.open) {\n\t\t\tthis.showDialog()\n\t\t} else {\n\t\t\tthis.hideDialog()\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tdocument.body.classList.remove(DialogClass.bodyFix)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(DialogClass.root)} open={this.open} hydrated={this.hydrated}>\n\t\t\t\t<dialog\n\t\t\t\t\tclass={DialogClass.dialog}\n\t\t\t\t\thidden={!this.open}\n\t\t\t\t\ttabindex={boolToFocusValue(this.open)}\n\t\t\t\t\topen={this.open}\n\t\t\t\t\taria-modal=\"true\"\n\t\t\t\t\taria-hidden={toBoolAttr(!this.open)}\n\t\t\t\t\taria-labelledby={this.accessibleLabelledBy || this.labelId}\n\t\t\t\t\taria-describedby={this.accessibleDescribedBy || this.contentId}\n\t\t\t\t\trole={this.role}\n\t\t\t\t>\n\t\t\t\t\t<div class={DialogClass.inner}>\n\t\t\t\t\t\t<div class={DialogClass.header}>\n\t\t\t\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{this.h.hasSlot('title') && (\n\t\t\t\t\t\t\t\t<span class={DialogClass.title} id={this.labelId}>\n\t\t\t\t\t\t\t\t\t<slot name=\"title\"/>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<gov-button\n\t\t\t\t\t\t\t\tref={el => (this.closeCtaRef = el)}\n\t\t\t\t\t\t\t\tdisabled={this.blockClose}\n\t\t\t\t\t\t\t\tclass={DialogClass.close}\n\t\t\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\t\t\taria-label={this.accessibleCloseLabel}\n\t\t\t\t\t\t\t\taria-labelledby={this.accessibleCloseLabelledBy}\n\t\t\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\t\t\tsize=\"m\"\n\t\t\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class={DialogClass.content} id={this.contentId}>\n\t\t\t\t\t\t\t<slot/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{this.h.hasSlot('footer') && (\n\t\t\t\t\t\t\t<div class={DialogClass.footer}>\n\t\t\t\t\t\t\t\t<slot name=\"footer\"/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</dialog>\n\n\t\t\t\t{this.open ? (\n\t\t\t\t\t<gov-backdrop\n\t\t\t\t\t\tdisabled={this.blockBackdropClose}\n\t\t\t\t\t\taria-label={this.accessibleCloseLabel}\n\t\t\t\t\t\taria-labelled-by={this.accessibleCloseLabelledBy}\n\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\t/>\n\t\t\t\t) : null}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onCloseHandler(e: PointerEvent) {\n\t\te.stopPropagation()\n\t\te.preventDefault()\n\t\tif (this.blockClose === false) {\n\t\t\tthis.hideDialog()\n\t\t\tthis.govClose.emit(e)\n\t\t}\n\t}\n\n\t/**\n\t * Sets the close button to focus\n\t */\n\t@Method()\n\tasync setFocus(): Promise<void> {\n\t\tif (this.open && this.closeCtaRef) {\n\t\t\tthis.closeCtaRef.setFocus().catch()\n\t\t}\n\t}\n\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tvalidateWcagRef(this.accessibleLabelledBy, 'accessible-labelled-by', DialogClass.root)\n\t\tvalidateWcagRef(this.accessibleDescribedBy, 'accessible-described-by', DialogClass.root)\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["DialogClass","root","dialog","inner","header","title","content","close","footer","bodyFix","getFocusableElements","container","Array","from","querySelectorAll","GovDialog","__stencil_proxyCustomElement","HTMLElement","constructor","this","hydrated","open","blockClose","blockBackdropClose","role","labelTag","accessibleCloseLabel","h","govHost","host","labelId","createID","contentId","watchOpen","newValue","setFocus","finally","_a","lastActiveElementRef","focus","focusTrap","showDialog","document","body","classList","add","hideDialog","remove","componentDidRender","canValidateWcagOnRender","tick","validateAccessibility","dialogRef","activeElement","focusableEls","length","handleKeyDown","e","key","firstEl","lastEl","shiftKey","preventDefault","govClose","emit","addEventListener","connectedCallback","disconnectedCallback","render","Host","class","classes","ref","el","hidden","tabindex","boolToFocusValue","toBoolAttr","accessibleLabelledBy","accessibleDescribedBy","hasSlot","name","id","closeCtaRef","disabled","color","accessibleCloseLabelledBy","type","size","onCloseHandler","bind","slot","stopPropagation","catch","validateWcagRef"],"sources":["../../../packages/core/src/components/gov-dialog/constants.ts","../../../packages/core/src/utils/dom.utils.ts","../../../packages/core/src/components/gov-dialog/gov-dialog.tsx"],"sourcesContent":["export const DialogClass = {\n\troot: 'gov-dialog',\n\tdialog: 'gov-dialog__dialog',\n\tinner: 'gov-dialog__inner',\n\theader: 'gov-dialog__header',\n\ttitle: 'gov-dialog__title',\n\tcontent: 'gov-dialog__content',\n\tclose: 'gov-dialog__close',\n\tfooter: 'gov-dialog__footer',\n\tbodyFix: 'body-fixed',\n}\n","export function getFocusableElements(container: HTMLElement) {\n\tif (!container) return [];\n\treturn Array.from(\n\t\tcontainer.querySelectorAll(\n\t\t\t'a[href], button:not([disabled]), textarea, input:not([type=\"hidden\"]), select, [tabindex]:not([tabindex=\"-1\"])'\n\t\t)\n\t);\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch} from '@stencil/core'\nimport {boolToFocusValue, govHost, toBoolAttr} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {validateWcagRef} from '../../helpers/Validate/wcag'\nimport {Nullable} from '../../types/interfaces'\nimport {createID} from '../../utils/string.utils'\nimport {DialogClass} from './constants'\nimport {tick} from \"../../utils/stencil.utils\";\nimport {getFocusableElements} from \"../../utils/dom.utils\";\n\n@Component({\n\ttag: 'gov-dialog',\n})\nexport class GovDialog {\n\tprivate h: GovHost\n\tprivate readonly labelId: string\n\tprivate readonly contentId: string\n\tprivate hydrated = false;\n\tprivate closeCtaRef?: HTMLGovButtonElement\n\tprivate dialogRef?: HTMLDialogElement;\n\tprivate lastActiveElementRef?: HTMLElement;\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.labelId = createID('GovDialogLabel')\n\t\tthis.contentId = createID('GovDialogContent')\n\t}\n\n\t@Element() host: HTMLGovDialogElement\n\n\t/**\n\t * Attribute for dialog window display\n\t */\n\t@Prop({mutable: true, reflect: true}) open = false\n\t/**\n\t * Attribute allowing blocking the dialog closing\n\t */\n\t@Prop({attribute: 'block-close'}) blockClose = false\n\t/**\n\t * Attribute allowing blocking the backdrop dialog closing\n\t */\n\t@Prop({attribute: 'block-backdrop-close'}) blockBackdropClose = false\n\t/**\n\t * Role of dialog\n\t */\n\t@Prop({attribute: 'role'}) role: Nullable<string> = 'dialog'\n\t/**\n\t * Used to change the HTML tag in the dialog label for correct semantic structure\n\t */\n\t@Prop({attribute: 'label-tag'}) readonly labelTag: string = 'h2'\n\t/**\n\t * String of id's that indicates alternative labels elements\n\t */\n\t@Prop({attribute: 'accessible-labelled-by'}) accessibleLabelledBy: string\n\t/**\n\t * Indicates the id of a component that describes the dialog.\n\t */\n\t@Prop({attribute: 'accessible-described-by'}) accessibleDescribedBy: string\n\t/**\n\t * Adds accessible label for the dialog close button that is only shown for screen readers.\n\t */\n\t@Prop({attribute: 'accessible-close-label'}) readonly accessibleCloseLabel: string = 'Zavřít okno'\n\t/**\n\t * A string of identifiers that indicate alternative label elements for closing the dialog window\n\t */\n\t@Prop({attribute: 'accessible-close-labelled-by'}) accessibleCloseLabelledBy: string\n\t/**\n\t * Emitted when a dialog window closes.\n\t */\n\t@Event({eventName: 'gov-close'}) govClose: EventEmitter<PointerEvent>\n\n\t@Watch('open')\n\twatchOpen(newValue: boolean): void {\n\t\tthis.open = newValue\n\t\tthis.setFocus().finally()\n\n\t\tif (!newValue) {\n\t\t\tthis.lastActiveElementRef?.focus();\n\t\t} else {\n\t\t\tthis.focusTrap();\n\t\t}\n\t}\n\n\tprivate showDialog() {\n\t\tthis.open = true\n\t\tdocument.body.classList.add(DialogClass.bodyFix)\n\t}\n\n\tprivate hideDialog() {\n\t\tthis.open = false\n\t\tdocument.body.classList.remove(DialogClass.bodyFix)\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\ttick(() => this.validateAccessibility())\n\t\t}\n\n\t\tif (this.open) {\n\t\t\tthis.showDialog()\n\t\t} else {\n\t\t\tthis.hideDialog()\n\t\t}\n\t}\n\n\tprivate focusTrap() {\n\t\tif (open && this.dialogRef) {\n\t\t\tthis.lastActiveElementRef = document.activeElement as HTMLElement;\n\t\t\tconst focusableEls = getFocusableElements(this.dialogRef) as HTMLElement[];\n\t\t\tif (focusableEls.length) {\n\t\t\t\tfocusableEls[0].focus();\n\t\t\t}\n\n\t\t\tconst handleKeyDown = (e: KeyboardEvent) => {\n\t\t\t\tif (e.key === \"Tab\" && this.dialogRef) {\n\t\t\t\t\tconst focusableEls = getFocusableElements(this.dialogRef);\n\t\t\t\t\tconst firstEl = focusableEls[0] as HTMLElement;\n\t\t\t\t\tconst lastEl = focusableEls[focusableEls.length - 1] as HTMLElement;\n\n\t\t\t\t\tif (!e.shiftKey && document.activeElement === lastEl) {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\tfirstEl.focus();\n\t\t\t\t\t}\n\t\t\t\t\tif (e.shiftKey && document.activeElement === firstEl) {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\tlastEl.focus();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (e.key === \"Escape\") {\n\t\t\t\t\tif (this.blockClose === false) {\n\t\t\t\t\t\tthis.hideDialog();\n\t\t\t\t\t\tthis.govClose.emit();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t};\n\n\t\t\tdocument.addEventListener(\"keydown\", handleKeyDown);\n\t\t} else {\n\t\t\tthis.lastActiveElementRef?.focus();\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tdocument.body.classList.remove(DialogClass.bodyFix)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(DialogClass.root)} open={this.open} hydrated={this.hydrated}>\n\t\t\t\t<dialog\n\t\t\t\t\tref={el => (this.dialogRef = el)}\n\t\t\t\t\tclass={DialogClass.dialog}\n\t\t\t\t\thidden={!this.open}\n\t\t\t\t\ttabindex={boolToFocusValue(this.open)}\n\t\t\t\t\topen={this.open}\n\t\t\t\t\taria-modal=\"true\"\n\t\t\t\t\taria-hidden={toBoolAttr(!this.open)}\n\t\t\t\t\taria-labelledby={this.accessibleLabelledBy || this.labelId}\n\t\t\t\t\taria-describedby={this.accessibleDescribedBy || this.contentId}\n\t\t\t\t\trole={this.role}\n\t\t\t\t>\n\t\t\t\t\t<div class={DialogClass.inner}>\n\t\t\t\t\t\t<div class={DialogClass.header}>\n\t\t\t\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{this.h.hasSlot('title') && (\n\t\t\t\t\t\t\t\t<span class={DialogClass.title} id={this.labelId}>\n\t\t\t\t\t\t\t\t\t<slot name=\"title\"/>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<gov-button\n\t\t\t\t\t\t\t\tref={el => (this.closeCtaRef = el)}\n\t\t\t\t\t\t\t\tdisabled={this.blockClose}\n\t\t\t\t\t\t\t\tclass={DialogClass.close}\n\t\t\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\t\t\taria-label={this.accessibleCloseLabel}\n\t\t\t\t\t\t\t\taria-labelledby={this.accessibleCloseLabelledBy}\n\t\t\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\t\t\tsize=\"m\"\n\t\t\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class={DialogClass.content} id={this.contentId}>\n\t\t\t\t\t\t\t<slot/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{this.h.hasSlot('footer') && (\n\t\t\t\t\t\t\t<div class={DialogClass.footer}>\n\t\t\t\t\t\t\t\t<slot name=\"footer\"/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</dialog>\n\n\t\t\t\t{this.open ? (\n\t\t\t\t\t<gov-backdrop\n\t\t\t\t\t\tdisabled={this.blockBackdropClose}\n\t\t\t\t\t\taria-label={this.accessibleCloseLabel}\n\t\t\t\t\t\taria-labelled-by={this.accessibleCloseLabelledBy}\n\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\t/>\n\t\t\t\t) : null}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onCloseHandler(e: PointerEvent) {\n\t\te.stopPropagation()\n\t\te.preventDefault()\n\t\tif (this.blockClose === false) {\n\t\t\tthis.hideDialog()\n\t\t\tthis.govClose.emit(e)\n\t\t}\n\t}\n\n\t/**\n\t * Sets the close button to focus\n\t */\n\t@Method()\n\tasync setFocus(): Promise<void> {\n\t\tif (this.open && this.closeCtaRef) {\n\t\t\tthis.closeCtaRef.setFocus().catch()\n\t\t}\n\t}\n\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tvalidateWcagRef(this.accessibleLabelledBy, 'accessible-labelled-by', DialogClass.root)\n\t\tvalidateWcagRef(this.accessibleDescribedBy, 'accessible-described-by', DialogClass.root)\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/gov-dropdown.js

@@ -1,2 +1,2 @@
-import{p as t,H as e,c as i,h as r,d as s}from"./p-42200001.js";import{g as n,c as o}from"./p-ea7fdd2e.js";import{c as a}from"./p-cd6c2938.js";import{B as c}from"./p-44a8a668.js";var d=Object.defineProperty;var h=(t,e)=>{for(var i in e)d(t,i,{get:e[i],enumerable:true})};var f={};h(f,{err:()=>l,map:()=>p,ok:()=>u,unwrap:()=>v,unwrapErr:()=>g});var u=t=>({isOk:true,isErr:false,value:t});var l=t=>({isOk:false,isErr:true,value:t});function p(t,e){if(t.isOk){const i=e(t.value);if(i instanceof Promise){return i.then((t=>u(t)))}else{return u(i)}}if(t.isErr){const e=t.value;return l(e)}throw"should never get here"}var v=t=>{if(t.isOk){return t.value}else{throw t.value}};var g=t=>{if(t.isErr){return t.value}else{throw t.value}};const m={triggerEvents:"click",exclude:""};function b(t,e,i,r=m){const s=y(r);k(r).forEach((r=>{window.addEventListener(r,(r=>{w(r,t,e,i,s)}),false)}))}function w(t,e,i,r,s){const n=t.target;if(!i.contains(n)&&!E(n,s)){r.call(e)}}function k(t){if(t.triggerEvents){return t.triggerEvents.split(",").map((t=>t.trim()))}return["click"]}function y(t){if(t.exclude){try{return Array.from(document.querySelectorAll(t.exclude))}catch(e){console.warn(`@ClickOutside: Exclude: '${t.exclude}' will not be evaluated. Check your exclude selector syntax.`,e)}}return}function E(t,e){if(t&&e){for(let i of e){if(i.contains(t)){return true}}}return false}var x;(function(t){t["LEFT"]="left";t["RIGHT"]="right"})(x||(x={}));const O={root:"gov-dropdown",list:"gov-dropdown__list"};const j=t(class t extends e{constructor(){super();this.__registerHost();this.govChange=i(this,"gov-change",7);this.identifier=undefined;this.open=false;this.position=x.LEFT;this.h=n(this.host);this.listId=a("GovDropdownList");this.controlId=a("GovDropdownControl")}watchOpen(){var t;(t=this.trigger)===null||t===void 0?void 0:t.setAttribute("aria-expanded",o(this.open))}get trigger(){return this.host.querySelector(`* > ${c.root}`)}get list(){return this.h.getSlot("list")}componentWillLoad(){var t;if(!this.trigger)return;this.trigger.setAttribute("aria-controls",this.listId);this.trigger.setAttribute("aria-haspopup",o(!!this.list));this.trigger.setAttribute("aria-expanded",o(this.open));this.trigger.setAttribute("identifier",(t=this.identifier)!==null&&t!==void 0?t:this.controlId);this.trigger.addEventListener("gov-click",(t=>{t.preventDefault();t.stopPropagation();this.open=!this.open;this.govChange.emit({component:O.root,originalEvent:t,open:this.open})}))}render(){return r(s,{key:"ed9beb8952cacb4b76fc73ab31345bbe8c5d206d",class:this.h.classes([O.root]),open:this.open,position:this.position},r("slot",{key:"49d4da21a53be27e687622d17e21474c7cedb26d"}),r("div",{key:"941b05aab703a6bfd981d912763f4576899fd617",ref:t=>b(this,t,(()=>this.open=false)),class:O.list,id:this.listId,"aria-labelledby":this.controlId,"aria-hidden":o(!this.open),hidden:!this.open},r("slot",{key:"cd0c1f28b7d717efd0fe8faa964df78dfbeca49f",name:"list"})))}async getState(){return this.open}async toggle(){this.open=!this.open}get host(){return this}static get watchers(){return{open:["watchOpen"]}}},[4,"gov-dropdown",{identifier:[1],open:[1028],position:[1],getState:[64],toggle:[64]},undefined,{open:["watchOpen"]}]);function C(){if(typeof customElements==="undefined"){return}const t=["gov-dropdown"];t.forEach((t=>{switch(t){case"gov-dropdown":if(!customElements.get(t)){customElements.define(t,j)}break}}))}C();const D=j;const G=C;export{D as GovDropdown,G as defineCustomElement};
+import{p as t,H as e,c as i,h as s,a as o}from"./index.js";import{g as n,t as r}from"./p-DfJDyRCE.js";import{c as a}from"./p-vN03FcXN.js";import{B as c}from"./p-CNqoJU2V.js";const d={triggerEvents:"click",exclude:""};function h(t,e,i,s=d){const o=u(s);f(s).forEach((s=>{window.addEventListener(s,(s=>{l(s,t,e,i,o)}),false)}))}function l(t,e,i,s,o){const n=t.target;if(!i.contains(n)&&!p(n,o)){s.call(e)}}function f(t){if(t.triggerEvents){return t.triggerEvents.split(",").map((t=>t.trim()))}return["click"]}function u(t){if(t.exclude){try{return Array.from(document.querySelectorAll(t.exclude))}catch(e){console.warn(`@ClickOutside: Exclude: '${t.exclude}' will not be evaluated. Check your exclude selector syntax.`,e)}}return}function p(t,e){if(t&&e){for(let i of e){if(i.contains(t)){return true}}}return false}var g;(function(t){t["LEFT"]="left";t["RIGHT"]="right"})(g||(g={}));const v={root:"gov-dropdown",list:"gov-dropdown__list"};const b=t(class t extends e{constructor(){super();this.__registerHost();this.govChange=i(this,"gov-change");this.open=false;this.position=g.LEFT;this.h=n(this.host);this.listId=a("GovDropdownList");this.controlId=a("GovDropdownControl")}watchOpen(){var t;(t=this.trigger)===null||t===void 0?void 0:t.setAttribute("aria-expanded",r(this.open))}get trigger(){return this.host.querySelector(`* > ${c.root}`)}get list(){return this.h.getSlot("list")}componentWillLoad(){var t;if(!this.trigger)return;this.trigger.setAttribute("aria-controls",this.listId);this.trigger.setAttribute("aria-haspopup",r(!!this.list));this.trigger.setAttribute("aria-expanded",r(this.open));this.trigger.setAttribute("identifier",(t=this.identifier)!==null&&t!==void 0?t:this.controlId);this.trigger.addEventListener("gov-click",(t=>{t.preventDefault();t.stopPropagation();this.open=!this.open;this.govChange.emit({component:v.root,originalEvent:t,open:this.open})}))}render(){return s(o,{key:"ed9beb8952cacb4b76fc73ab31345bbe8c5d206d",class:this.h.classes([v.root]),open:this.open,position:this.position},s("slot",{key:"49d4da21a53be27e687622d17e21474c7cedb26d"}),s("div",{key:"941b05aab703a6bfd981d912763f4576899fd617",ref:t=>h(this,t,(()=>this.open=false)),class:v.list,id:this.listId,"aria-labelledby":this.controlId,"aria-hidden":r(!this.open),hidden:!this.open},s("slot",{key:"cd0c1f28b7d717efd0fe8faa964df78dfbeca49f",name:"list"})))}async getState(){return this.open}async toggle(){this.open=!this.open}get host(){return this}static get watchers(){return{open:["watchOpen"]}}},[4,"gov-dropdown",{identifier:[1],open:[1028],position:[1],getState:[64],toggle:[64]},undefined,{open:["watchOpen"]}]);function m(){if(typeof customElements==="undefined"){return}const t=["gov-dropdown"];t.forEach((t=>{switch(t){case"gov-dropdown":if(!customElements.get(t)){customElements.define(t,b)}break}}))}m();const w=b;const y=m;export{w as GovDropdown,y as defineCustomElement};
 //# sourceMappingURL=gov-dropdown.js.map