@gov-design-system-ce/components 4.6.0 → 4.6.3

package/dist/cjs/gov-card.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"gov-card.entry.cjs.js","mappings":"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","names":["govHost","createID","canValidateWcagOnRender","delay","h","Host","booleanString","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\";\r\n\r\nexport enum CardDirection {\r\n\tHORIZONTAL = 'horizontal',\r\n\tVERTICAL = 'vertical',\r\n}\r\nexport type CardDirectionType = `${ValueOf<typeof CardDirection>}`\r\n\r\nexport const CardClass = {\r\n\troot: 'gov-card',\r\n\theader: 'gov-card__header',\r\n\tarrow: 'gov-card__arrow',\r\n\tinner: 'gov-card__inner',\r\n\timg: 'gov-card__img',\r\n\ticon: 'gov-card__icon',\r\n\tcontent: 'gov-card__content',\r\n\tfooter: 'gov-card__footer',\r\n}\r\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop} from '@stencil/core'\r\nimport {CardClass, CardDirectionType} from './constants'\r\nimport {booleanString, govHost} from '../../helpers/Dom/template'\r\nimport {GovHost} from '../../helpers/Dom/template.types'\r\nimport {createID} from '../../utils/string.utils'\r\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\r\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\r\nimport {delay} from '../../utils/utils'\r\nimport {GovCardChangeEvent} from './interfaces'\r\nimport {ButtonTargetType} from \"../gov-button/button/constants\";\r\n\r\nenum Tags {\r\n\tA = \"a\",\r\n\tDIV = \"div\",\r\n}\r\n\r\n@Component({\r\n\ttag: 'gov-card',\r\n})\r\nexport class GovCard {\r\n\tprivate h: GovHost\r\n\tprivate readonly headlineId: string\r\n\tprivate readonly contentId: string\r\n\tprivate hydrated = false\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.headlineId = createID('GovCardHeadline')\r\n\t\tthis.contentId = createID('GovCardContent')\r\n\t}\r\n\r\n\t@Element() host: HTMLGovCardElement\r\n\r\n\t/**\r\n\t * Card direction\r\n\t */\r\n\t@Prop() readonly direction: CardDirectionType = \"vertical\"\r\n\t/**\r\n\t * Defines weather the card can be collapsible\r\n\t */\r\n\t@Prop() readonly collapsible: boolean = false\r\n\t/**\r\n\t * Defines weather the card can be clickable with hover effect\r\n\t */\r\n\t@Prop() readonly clickable: boolean = false\r\n\t/**\r\n\t * Defines whether the card is open or closed\r\n\t */\r\n\t@Prop({reflect: true, mutable: true}) open = true\r\n\t/**\r\n\t * Link on whole card\r\n\t */\r\n\t@Prop({reflect: true}) readonly href: string\r\n\t/**\r\n\t * Same as original parameter\r\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\r\n\t */\r\n\t@Prop() readonly target?: ButtonTargetType\r\n\t/**\r\n\t * Adds accessible label for the collapsible button that is only shown for screen readers.\r\n\t */\r\n\t@Prop({attribute: 'accessible-label'}) accessibleTriggerLabel: string\r\n\t/**\r\n\t * A string of identifiers that indicate alternative label elements for collapsible card\r\n\t */\r\n\t@Prop({attribute: 'accessible-labelledby'}) accessibleTriggerLabelledBy: string\r\n\t/**\r\n\t * Called when the card toggle state changes\r\n\t */\r\n\t@Event({eventName: 'gov-toggle'}) govToggle: EventEmitter<GovCardChangeEvent>\r\n\r\n\tasync componentDidRender() {\r\n\t\tif (canValidateWcagOnRender()) {\r\n\t\t\tawait delay(500)\r\n\t\t\tawait this.validateAccessibility()\r\n\t\t}\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.hydrated = true\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst Tag = this.href ? Tags.A : Tags.DIV\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(CardClass.root)} open={this.open}\r\n\t\t\t\t  collapsible={booleanString(this.collapsible)}\r\n\t\t\t\t  clickable={this.clickable}\r\n\t\t\t\t  direction={this.direction} hydrated={this.hydrated}>\r\n\t\t\t\t{this.collapsible ? (\r\n\t\t\t\t\t<button\r\n\t\t\t\t\t\tid={this.headlineId}\r\n\t\t\t\t\t\tclass={CardClass.header}\r\n\t\t\t\t\t\taria-label={this.accessibleTriggerLabel}\r\n\t\t\t\t\t\taria-labelledby={this.accessibleTriggerLabelledBy}\r\n\t\t\t\t\t\taria-expanded={booleanString(this.open)}\r\n\t\t\t\t\t\taria-controls={this.contentId}\r\n\t\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<slot name=\"headline\"/>\r\n\t\t\t\t\t\t<gov-icon class={CardClass.arrow} name=\"chevron-down\" type=\"components\"></gov-icon>\r\n\t\t\t\t\t</button>\r\n\t\t\t\t) : this.h.hasSlot(\"headline\") ? (\r\n\t\t\t\t\t<div class={CardClass.header}>\r\n\t\t\t\t\t\t<slot name=\"headline\"/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t) : null}\r\n\r\n\t\t\t\t<Tag href={this.href}\r\n\t\t\t\t\t target={this.target}\r\n\t\t\t\t\t id={this.contentId}\r\n\t\t\t\t\t aria-hidden={this.collapsible ? booleanString(!this.open) : undefined}\r\n\t\t\t\t\t hidden={this.collapsible ? !this.open : undefined}\r\n\t\t\t\t\t aria-labelledby={this.collapsible ? this.headlineId : undefined}\r\n\t\t\t\t\t class={CardClass.inner}>\r\n\r\n\t\t\t\t\t{this.h.hasSlot('img') && (\r\n\t\t\t\t\t\t<div class={CardClass.img}>\r\n\t\t\t\t\t\t\t<slot name=\"img\"/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t{this.h.hasSlot('icon') && (\r\n\t\t\t\t\t\t<div class={CardClass.icon}>\r\n\t\t\t\t\t\t\t<slot name=\"icon\"/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t<div class={CardClass.content}>\r\n\t\t\t\t\t\t<slot/>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t{this.h.hasSlot('footer') && (\r\n\t\t\t\t\t\t<div class={CardClass.footer}>\r\n\t\t\t\t\t\t\t<slot name=\"footer\"/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</Tag>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tprivate onClickHandler(e) {\r\n\t\te.stopPropagation()\r\n\t\tif (this.collapsible) {\r\n\t\t\tthis.open = !this.open\r\n\t\t\tthis.govToggle.emit({open: this.open, element: this.host})\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Validate the accessible attributes of the component\r\n\t */\r\n\t@Method()\r\n\tasync validateAccessibility(): Promise<void> {\r\n\t\tif (this.collapsible) {\r\n\t\t\tvalidateAccessibleLabel(this.accessibleTriggerLabel, this.accessibleTriggerLabelledBy, CardClass.root, this.host)\r\n\t\t}\r\n\t}\r\n}\r\n"],"version":3}
+{"file":"gov-card.entry.cjs.js","mappings":"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","names":["govHost","createID","canValidateWcagOnRender","delay","h","Host","booleanString","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.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"],"version":3}

package/dist/cjs/gov-card.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"gov-card.entry.cjs.js","sources":["../../../packages/core/src/components/gov-card/constants.ts","../../../packages/core/src/components/gov-card/gov-card.tsx"],"sourcesContent":["import {ValueOf} from \"../../types/interfaces\";\r\n\r\nexport enum CardDirection {\r\n\tHORIZONTAL = 'horizontal',\r\n\tVERTICAL = 'vertical',\r\n}\r\nexport type CardDirectionType = `${ValueOf<typeof CardDirection>}`\r\n\r\nexport const CardClass = {\r\n\troot: 'gov-card',\r\n\theader: 'gov-card__header',\r\n\tarrow: 'gov-card__arrow',\r\n\tinner: 'gov-card__inner',\r\n\timg: 'gov-card__img',\r\n\ticon: 'gov-card__icon',\r\n\tcontent: 'gov-card__content',\r\n\tfooter: 'gov-card__footer',\r\n}\r\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop} from '@stencil/core'\r\nimport {CardClass, CardDirectionType} from './constants'\r\nimport {booleanString, govHost} from '../../helpers/Dom/template'\r\nimport {GovHost} from '../../helpers/Dom/template.types'\r\nimport {createID} from '../../utils/string.utils'\r\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\r\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\r\nimport {delay} from '../../utils/utils'\r\nimport {GovCardChangeEvent} from './interfaces'\r\nimport {ButtonTargetType} from \"../gov-button/button/constants\";\r\n\r\nenum Tags {\r\n\tA = \"a\",\r\n\tDIV = \"div\",\r\n}\r\n\r\n@Component({\r\n\ttag: 'gov-card',\r\n})\r\nexport class GovCard {\r\n\tprivate h: GovHost\r\n\tprivate readonly headlineId: string\r\n\tprivate readonly contentId: string\r\n\tprivate hydrated = false\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.headlineId = createID('GovCardHeadline')\r\n\t\tthis.contentId = createID('GovCardContent')\r\n\t}\r\n\r\n\t@Element() host: HTMLGovCardElement\r\n\r\n\t/**\r\n\t * Card direction\r\n\t */\r\n\t@Prop() readonly direction: CardDirectionType = \"vertical\"\r\n\t/**\r\n\t * Defines weather the card can be collapsible\r\n\t */\r\n\t@Prop() readonly collapsible: boolean = false\r\n\t/**\r\n\t * Defines weather the card can be clickable with hover effect\r\n\t */\r\n\t@Prop() readonly clickable: boolean = false\r\n\t/**\r\n\t * Defines whether the card is open or closed\r\n\t */\r\n\t@Prop({reflect: true, mutable: true}) open = true\r\n\t/**\r\n\t * Link on whole card\r\n\t */\r\n\t@Prop({reflect: true}) readonly href: string\r\n\t/**\r\n\t * Same as original parameter\r\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\r\n\t */\r\n\t@Prop() readonly target?: ButtonTargetType\r\n\t/**\r\n\t * Adds accessible label for the collapsible button that is only shown for screen readers.\r\n\t */\r\n\t@Prop({attribute: 'accessible-label'}) accessibleTriggerLabel: string\r\n\t/**\r\n\t * A string of identifiers that indicate alternative label elements for collapsible card\r\n\t */\r\n\t@Prop({attribute: 'accessible-labelledby'}) accessibleTriggerLabelledBy: string\r\n\t/**\r\n\t * Called when the card toggle state changes\r\n\t */\r\n\t@Event({eventName: 'gov-toggle'}) govToggle: EventEmitter<GovCardChangeEvent>\r\n\r\n\tasync componentDidRender() {\r\n\t\tif (canValidateWcagOnRender()) {\r\n\t\t\tawait delay(500)\r\n\t\t\tawait this.validateAccessibility()\r\n\t\t}\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.hydrated = true\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst Tag = this.href ? Tags.A : Tags.DIV\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(CardClass.root)} open={this.open}\r\n\t\t\t\t  collapsible={booleanString(this.collapsible)}\r\n\t\t\t\t  clickable={this.clickable}\r\n\t\t\t\t  direction={this.direction} hydrated={this.hydrated}>\r\n\t\t\t\t{this.collapsible ? (\r\n\t\t\t\t\t<button\r\n\t\t\t\t\t\tid={this.headlineId}\r\n\t\t\t\t\t\tclass={CardClass.header}\r\n\t\t\t\t\t\taria-label={this.accessibleTriggerLabel}\r\n\t\t\t\t\t\taria-labelledby={this.accessibleTriggerLabelledBy}\r\n\t\t\t\t\t\taria-expanded={booleanString(this.open)}\r\n\t\t\t\t\t\taria-controls={this.contentId}\r\n\t\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<slot name=\"headline\"/>\r\n\t\t\t\t\t\t<gov-icon class={CardClass.arrow} name=\"chevron-down\" type=\"components\"></gov-icon>\r\n\t\t\t\t\t</button>\r\n\t\t\t\t) : this.h.hasSlot(\"headline\") ? (\r\n\t\t\t\t\t<div class={CardClass.header}>\r\n\t\t\t\t\t\t<slot name=\"headline\"/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t) : null}\r\n\r\n\t\t\t\t<Tag href={this.href}\r\n\t\t\t\t\t target={this.target}\r\n\t\t\t\t\t id={this.contentId}\r\n\t\t\t\t\t aria-hidden={this.collapsible ? booleanString(!this.open) : undefined}\r\n\t\t\t\t\t hidden={this.collapsible ? !this.open : undefined}\r\n\t\t\t\t\t aria-labelledby={this.collapsible ? this.headlineId : undefined}\r\n\t\t\t\t\t class={CardClass.inner}>\r\n\r\n\t\t\t\t\t{this.h.hasSlot('img') && (\r\n\t\t\t\t\t\t<div class={CardClass.img}>\r\n\t\t\t\t\t\t\t<slot name=\"img\"/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t{this.h.hasSlot('icon') && (\r\n\t\t\t\t\t\t<div class={CardClass.icon}>\r\n\t\t\t\t\t\t\t<slot name=\"icon\"/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t<div class={CardClass.content}>\r\n\t\t\t\t\t\t<slot/>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t{this.h.hasSlot('footer') && (\r\n\t\t\t\t\t\t<div class={CardClass.footer}>\r\n\t\t\t\t\t\t\t<slot name=\"footer\"/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</Tag>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tprivate onClickHandler(e) {\r\n\t\te.stopPropagation()\r\n\t\tif (this.collapsible) {\r\n\t\t\tthis.open = !this.open\r\n\t\t\tthis.govToggle.emit({open: this.open, element: this.host})\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Validate the accessible attributes of the component\r\n\t */\r\n\t@Method()\r\n\tasync validateAccessibility(): Promise<void> {\r\n\t\tif (this.collapsible) {\r\n\t\t\tvalidateAccessibleLabel(this.accessibleTriggerLabel, this.accessibleTriggerLabelledBy, CardClass.root, this.host)\r\n\t\t}\r\n\t}\r\n}\r\n"],"names":["govHost","createID","canValidateWcagOnRender","delay","h","Host","booleanString","validateAccessibleLabel"],"mappings":"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"}
+{"version":3,"file":"gov-card.entry.cjs.js","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.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"],"names":["govHost","createID","canValidateWcagOnRender","delay","h","Host","booleanString","validateAccessibleLabel"],"mappings":"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"}

package/dist/cjs/gov-chip.cjs.entry.js

@@ -94,11 +94,11 @@ const GovChip = class {
         const nativeType = Tag == NativeType.BUTTON ? NativeType.BUTTON : undefined;
         const iconStart = helpers.prepareIconFormat(this.iconStart);
         const iconEnd = helpers.prepareIconFormat(this.iconEnd);
-        return (index.h(index.Host, { key: 'ef86316065b17ea753e6f46944203be579c9669c', class: this.h.classes([
+        return (index.h(index.Host, { key: 'bbe58de10514cfa5049188d6cbea7402e4abef1a', class: this.h.classes([
                 ChipClass.root,
                 this.h.hasSlot("right") ? ChipClass.hasRight : undefined,
                 this.h.hasSlot("left") ? ChipClass.hasLeft : undefined,
-            ]), disabled: this.disabled, href: this.href, color: this.color, type: this.type, size: this.size, focusable: this.focusable, hydrated: this.hydrated }, index.h(Tag, Object.assign({ key: '0ecb833e5c5f4e30914d9f12764b78bfd22973b6', class: "element", href: this.href, target: this.target, ref: el => (this.triggerRef = el), onClick: this.onClickHandler.bind(this), tabindex: (this.h.hasSlot("left") || this.h.hasSlot("right") || this.disabled || !this.focusable) ? "-1" : "0", id: this.identifier || this.chipId, type: nativeType }, this.inheritedAttributes, { "aria-disabled": this.disabled }), index.h("slot", { key: '9793b743f288573932aec95f68c0f1b1bb617add', name: "left" }), index.h("slot", { key: 'be7cc7cb0a94c666faf842d8ee70701245305001', name: "icon-start" }, iconStart && index.h("gov-icon", { key: '464ebc3d08b609a17e5e126eca9b0fb8eefc2bd4', type: iconStart.type, name: iconStart.name })), index.h("slot", { key: 'faffc742599b65f40b61b8cbd45e32891f43a869' }), index.h("slot", { key: 'dce2fa1d55332f8cc3d51e8a11e56735f5bcf683', name: "icon-end" }, iconEnd && index.h("gov-icon", { key: 'afc841c471bc376cc650150e168d307f3393ef15', type: iconEnd.type, name: iconEnd.name })), index.h("slot", { key: '16dc2b17d2b813c2ced12ae44c12d621a82c6cb5', name: "right" }))));
+            ]), disabled: this.disabled, href: this.href, color: this.color, type: this.type, size: this.size, focusable: this.focusable, hydrated: this.hydrated }, index.h(Tag, Object.assign({ key: '593f0ccd8f024d3b0539d029eb1ce15744b99dcc', class: "element", href: this.href, target: this.target, ref: el => (this.triggerRef = el), onClick: this.onClickHandler.bind(this), tabindex: (this.h.hasSlot("left") || this.h.hasSlot("right") || this.disabled || !this.focusable) ? "-1" : "0", id: this.identifier || this.chipId, type: nativeType }, this.inheritedAttributes, { "aria-disabled": this.disabled }), index.h("slot", { key: 'd67eb38a50b78d336c6f26b94d771862f22d27e4', name: "left" }), index.h("slot", { key: '2642c53b31ace283aca7b21566b39e56caf7a0e2', name: "icon-start" }, iconStart && index.h("gov-icon", { key: '8320fe3e6540b008684af9306b09b2464809948b', type: iconStart.type, name: iconStart.name })), index.h("slot", { key: '5c3c63c5cfef7d7c8ff1420ef6121e90fc735d80' }), index.h("slot", { key: '4e1e6f8751b8708a92b73d499c1f406c0fcb2fcc', name: "icon-end" }, iconEnd && index.h("gov-icon", { key: 'a660967c54adc0b623b5f94b04e8e689425b7f28', type: iconEnd.type, name: iconEnd.name })), index.h("slot", { key: 'af67d89fc3d70312d65078ad6f38b4ec4056542f', name: "right" }))));
     }
     onClickHandler(e) {
         e.stopPropagation();

package/dist/cjs/gov-chip.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"gov-chip.entry.cjs.js","mappings":"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","names":["pick","Sizes","ButtonColors","govHost","createID","validateProp","ButtonSizes","inheritAriaAttributes","AttributeObserver","ariaAttributes","prepareIconFormat","h","Host"],"sources":["../../../packages/core/src/components/gov-chip/constants.ts","../../../packages/core/src/components/gov-chip/gov-chip.tsx"],"sourcesContent":["import { ValueOf } from '../../types/interfaces'\r\nimport {pick} from \"../../utils/utils\";\r\nimport {Sizes} from \"../../core/constants/sizes\";\r\n\r\nexport const ChipSizes = pick(Sizes, ['_XS', '_S', '_M'])\r\nexport type ChipSizesType = `${ValueOf<typeof ChipSizes>}`\r\n\r\nexport enum ChipType {\r\n\tSOLID = 'solid',\r\n\tOUTLINED = 'outlined',\r\n}\r\nexport type ChipTypesType = `${ValueOf<typeof ChipType>}`\r\n\r\nexport enum NativeType {\r\n\tA = 'a',\r\n\tSPAN = 'span',\r\n\tBUTTON = 'button',\r\n}\r\nexport type NativeTypesType = `${ValueOf<typeof NativeType>}`\r\n\r\nexport const ChipClass = {\r\n\troot: 'gov-chip',\r\n\tinner: 'gov-chip__inner',\r\n\thasRight: 'gov-chip--has-right',\r\n\thasLeft: 'gov-chip--has-left',\r\n}\r\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\r\nimport {GovHost} from \"../../helpers/Dom/template.types\"\r\nimport {validateProp} from \"../../helpers/Validate/props\"\r\nimport {govHost} from \"../../helpers/Dom/template\"\r\nimport {ChipClass, ChipSizes, ChipSizesType, ChipTypesType, NativeType, NativeTypesType} from \"./constants\"\r\nimport {ButtonColors, ButtonColorType, ButtonSizes} from \"../gov-button/button/constants\"\r\nimport {createID} from \"../../utils/string.utils\"\r\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\r\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\r\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\r\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\r\n\r\n@Component({\r\n\ttag: \"gov-chip\",\r\n})\r\nexport class GovChip {\r\n\tprivate triggerRef?: HTMLButtonElement | HTMLLinkElement | HTMLSpanElement\r\n\tprivate h: GovHost\r\n\tprivate readonly chipId: string\r\n\tprivate hydrated = false\r\n\tprivate attributeObserver: AttributeObserver\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.chipId = createID('GovChip')\r\n\t}\r\n\r\n\t@Element() host: HTMLGovChipElement\r\n\r\n\t/**\r\n\t * Makes the chip component disabled.\r\n\t */\r\n\t@Prop({reflect: true}) readonly disabled: boolean = false\r\n\t/**\r\n\t * Same as original parameter\r\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href\r\n\t */\r\n\t@Prop() readonly href: string\r\n\t/**\r\n\t * Same as original parameter\r\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\r\n\t */\r\n\t@Prop() readonly target: string\r\n\t/**\r\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\r\n\t */\r\n\t@Prop({attribute: \"icon-start\"}) readonly iconStart?: string\r\n\t/**\r\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\r\n\t */\r\n\t@Prop({attribute: \"icon-end\"}) readonly iconEnd?: string\r\n\t/**\r\n\t * Chip’s size.\r\n\t */\r\n\t@Prop() readonly size: ChipSizesType = ChipSizes._M\r\n\t/**\r\n\t * Used to change the HTML tag in the chip\r\n\t */\r\n\t@Prop() readonly tag: NativeTypesType = \"span\"\r\n\t/**\r\n\t * Style variation of the chip.\r\n\t */\r\n\t@Prop() readonly color: ButtonColorType = ButtonColors.PRIMARY\r\n\t/**\r\n\t * Chip’s type\r\n\t */\r\n\t@Prop({reflect: true}) readonly type: ChipTypesType\r\n\t/**\r\n\t * Same as original parameter\r\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/focusable\r\n\t */\r\n\t@Prop() readonly focusable: boolean = true\r\n\t/**\r\n\t * Custom chip identifier. Otherwise, it will be generated\r\n\t */\r\n\t@Prop() readonly identifier: string\r\n\t/**\r\n\t * Emitted when the button click.\r\n\t */\r\n\t@Event({eventName: \"gov-click\"}) govClick: EventEmitter<PointerEvent>\r\n\r\n\t@Watch(\"color\")\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(ButtonColors, newValue, ChipClass.root)\r\n\t}\r\n\r\n\t@Watch(\"size\")\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(ButtonSizes, newValue, ChipClass.root)\r\n\t}\r\n\r\n\t@State() inheritedAttributes: Attributes = {}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateColor(this.color)\r\n\t\tthis.validateSize(this.size)\r\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host)\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\r\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\r\n\t\t});\r\n\r\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\tthis.attributeObserver?.stopObserving();\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.hydrated = true\r\n\t}\r\n\r\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\r\n\t\tthis.host.removeAttribute(attributeName)\r\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst Tag = this.href ? NativeType.A : this.tag\r\n\t\tconst nativeType = Tag == NativeType.BUTTON ? NativeType.BUTTON : undefined\r\n\r\n\t\tconst iconStart = prepareIconFormat(this.iconStart)\r\n\t\tconst iconEnd = prepareIconFormat(this.iconEnd)\r\n\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tclass={this.h.classes([\r\n\t\t\t\t\tChipClass.root,\r\n\t\t\t\t\tthis.h.hasSlot(\"right\") ? ChipClass.hasRight : undefined,\r\n\t\t\t\t\tthis.h.hasSlot(\"left\") ? ChipClass.hasLeft : undefined,\r\n\t\t\t\t])}\r\n\t\t\t\tdisabled={this.disabled}\r\n\t\t\t\thref={this.href}\r\n\t\t\t\tcolor={this.color}\r\n\t\t\t\ttype={this.type}\r\n\t\t\t\tsize={this.size}\r\n\t\t\t\tfocusable={this.focusable}\r\n\t\t\t\thydrated={this.hydrated}\r\n\t\t\t>\r\n\t\t\t\t<Tag\r\n\t\t\t\t\tclass=\"element\"\r\n\t\t\t\t\thref={this.href}\r\n\t\t\t\t\ttarget={this.target}\r\n\t\t\t\t\tref={el => (this.triggerRef = el as HTMLLinkElement | HTMLButtonElement | HTMLSpanElement)}\r\n\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\r\n\t\t\t\t\ttabindex={(this.h.hasSlot(\"left\") || this.h.hasSlot(\"right\") || this.disabled || !this.focusable) ? \"-1\" : \"0\"}\r\n\t\t\t\t\tid={this.identifier || this.chipId}\r\n\t\t\t\t\ttype={nativeType}\r\n\t\t\t\t\t{...this.inheritedAttributes}\r\n\t\t\t\t\taria-disabled={this.disabled}>\r\n\t\t\t\t\t<slot name=\"left\"></slot>\r\n\t\t\t\t\t<slot name=\"icon-start\">\r\n\t\t\t\t\t\t{iconStart && <gov-icon type={iconStart.type} name={iconStart.name}></gov-icon>}\r\n\t\t\t\t\t</slot>\r\n\t\t\t\t\t<slot/>\r\n\t\t\t\t\t<slot name=\"icon-end\">\r\n\t\t\t\t\t\t{iconEnd && <gov-icon type={iconEnd.type} name={iconEnd.name}></gov-icon>}\r\n\t\t\t\t\t</slot>\r\n\t\t\t\t\t<slot name=\"right\"></slot>\r\n\t\t\t\t</Tag>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tprivate onClickHandler(e: PointerEvent): void {\r\n\t\te.stopPropagation()\r\n\t\tif (this.disabled === false && this.tag === NativeType.BUTTON) {\r\n\t\t\tthis.govClick.emit(e)\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Returns a clickable element instance\r\n\t */\r\n\t@Method()\r\n\tasync geRef() {\r\n\t\treturn this.triggerRef\r\n\t}\r\n\r\n\t/**\r\n\t * Focus button element\r\n\t */\r\n\t@Method()\r\n\tasync setFocus(): Promise<void> {\r\n\t\tthis.triggerRef.focus()\r\n\t}\r\n}\r\n"],"version":3}
+{"file":"gov-chip.entry.cjs.js","mappings":"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","names":["pick","Sizes","ButtonColors","govHost","createID","validateProp","ButtonSizes","inheritAriaAttributes","AttributeObserver","ariaAttributes","prepareIconFormat","h","Host"],"sources":["../../../packages/core/src/components/gov-chip/constants.ts","../../../packages/core/src/components/gov-chip/gov-chip.tsx"],"sourcesContent":["import { ValueOf } from '../../types/interfaces'\nimport {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\n\nexport const ChipSizes = pick(Sizes, ['_XS', '_S', '_M'])\nexport type ChipSizesType = `${ValueOf<typeof ChipSizes>}`\n\nexport enum ChipType {\n\tSOLID = 'solid',\n\tOUTLINED = 'outlined',\n}\nexport type ChipTypesType = `${ValueOf<typeof ChipType>}`\n\nexport enum NativeType {\n\tA = 'a',\n\tSPAN = 'span',\n\tBUTTON = 'button',\n}\nexport type NativeTypesType = `${ValueOf<typeof NativeType>}`\n\nexport const ChipClass = {\n\troot: 'gov-chip',\n\tinner: 'gov-chip__inner',\n\thasRight: 'gov-chip--has-right',\n\thasLeft: 'gov-chip--has-left',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {govHost} from \"../../helpers/Dom/template\"\nimport {ChipClass, ChipSizes, ChipSizesType, ChipTypesType, NativeType, NativeTypesType} from \"./constants\"\nimport {ButtonColors, ButtonColorType, ButtonSizes} from \"../gov-button/button/constants\"\nimport {createID} from \"../../utils/string.utils\"\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\n\n@Component({\n\ttag: \"gov-chip\",\n})\nexport class GovChip {\n\tprivate triggerRef?: HTMLButtonElement | HTMLLinkElement | HTMLSpanElement\n\tprivate h: GovHost\n\tprivate readonly chipId: string\n\tprivate hydrated = false\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.chipId = createID('GovChip')\n\t}\n\n\t@Element() host: HTMLGovChipElement\n\n\t/**\n\t * Makes the chip component disabled.\n\t */\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href\n\t */\n\t@Prop() 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: string\n\t/**\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t */\n\t@Prop({attribute: \"icon-start\"}) readonly iconStart?: string\n\t/**\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t */\n\t@Prop({attribute: \"icon-end\"}) readonly iconEnd?: string\n\t/**\n\t * Chip’s size.\n\t */\n\t@Prop() readonly size: ChipSizesType = ChipSizes._M\n\t/**\n\t * Used to change the HTML tag in the chip\n\t */\n\t@Prop() readonly tag: NativeTypesType = \"span\"\n\t/**\n\t * Style variation of the chip.\n\t */\n\t@Prop() readonly color: ButtonColorType = ButtonColors.PRIMARY\n\t/**\n\t * Chip’s type\n\t */\n\t@Prop({reflect: true}) readonly type: ChipTypesType\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/focusable\n\t */\n\t@Prop() readonly focusable: boolean = true\n\t/**\n\t * Custom chip identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Emitted when the button click.\n\t */\n\t@Event({eventName: \"gov-click\"}) govClick: EventEmitter<PointerEvent>\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(ButtonColors, newValue, ChipClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(ButtonSizes, newValue, ChipClass.root)\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.validateSize(this.size)\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\trender() {\n\t\tconst Tag = this.href ? NativeType.A : this.tag\n\t\tconst nativeType = Tag == NativeType.BUTTON ? NativeType.BUTTON : undefined\n\n\t\tconst iconStart = prepareIconFormat(this.iconStart)\n\t\tconst iconEnd = prepareIconFormat(this.iconEnd)\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes([\n\t\t\t\t\tChipClass.root,\n\t\t\t\t\tthis.h.hasSlot(\"right\") ? ChipClass.hasRight : undefined,\n\t\t\t\t\tthis.h.hasSlot(\"left\") ? ChipClass.hasLeft : undefined,\n\t\t\t\t])}\n\t\t\t\tdisabled={this.disabled}\n\t\t\t\thref={this.href}\n\t\t\t\tcolor={this.color}\n\t\t\t\ttype={this.type}\n\t\t\t\tsize={this.size}\n\t\t\t\tfocusable={this.focusable}\n\t\t\t\thydrated={this.hydrated}\n\t\t\t>\n\t\t\t\t<Tag\n\t\t\t\t\tclass=\"element\"\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t\tref={el => (this.triggerRef = el as HTMLLinkElement | HTMLButtonElement | HTMLSpanElement)}\n\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\ttabindex={(this.h.hasSlot(\"left\") || this.h.hasSlot(\"right\") || this.disabled || !this.focusable) ? \"-1\" : \"0\"}\n\t\t\t\t\tid={this.identifier || this.chipId}\n\t\t\t\t\ttype={nativeType}\n\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\taria-disabled={this.disabled}>\n\t\t\t\t\t<slot name=\"left\"></slot>\n\t\t\t\t\t<slot name=\"icon-start\">\n\t\t\t\t\t\t{iconStart && <gov-icon type={iconStart.type} name={iconStart.name}></gov-icon>}\n\t\t\t\t\t</slot>\n\t\t\t\t\t<slot/>\n\t\t\t\t\t<slot name=\"icon-end\">\n\t\t\t\t\t\t{iconEnd && <gov-icon type={iconEnd.type} name={iconEnd.name}></gov-icon>}\n\t\t\t\t\t</slot>\n\t\t\t\t\t<slot name=\"right\"></slot>\n\t\t\t\t</Tag>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onClickHandler(e: PointerEvent): void {\n\t\te.stopPropagation()\n\t\tif (this.disabled === false && this.tag === NativeType.BUTTON) {\n\t\t\tthis.govClick.emit(e)\n\t\t}\n\t}\n\n\t/**\n\t * Returns a clickable element instance\n\t */\n\t@Method()\n\tasync geRef() {\n\t\treturn this.triggerRef\n\t}\n\n\t/**\n\t * Focus button element\n\t */\n\t@Method()\n\tasync setFocus(): Promise<void> {\n\t\tthis.triggerRef.focus()\n\t}\n}\n"],"version":3}

package/dist/cjs/gov-chip.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"gov-chip.entry.cjs.js","sources":["../../../packages/core/src/components/gov-chip/constants.ts","../../../packages/core/src/components/gov-chip/gov-chip.tsx"],"sourcesContent":["import { ValueOf } from '../../types/interfaces'\r\nimport {pick} from \"../../utils/utils\";\r\nimport {Sizes} from \"../../core/constants/sizes\";\r\n\r\nexport const ChipSizes = pick(Sizes, ['_XS', '_S', '_M'])\r\nexport type ChipSizesType = `${ValueOf<typeof ChipSizes>}`\r\n\r\nexport enum ChipType {\r\n\tSOLID = 'solid',\r\n\tOUTLINED = 'outlined',\r\n}\r\nexport type ChipTypesType = `${ValueOf<typeof ChipType>}`\r\n\r\nexport enum NativeType {\r\n\tA = 'a',\r\n\tSPAN = 'span',\r\n\tBUTTON = 'button',\r\n}\r\nexport type NativeTypesType = `${ValueOf<typeof NativeType>}`\r\n\r\nexport const ChipClass = {\r\n\troot: 'gov-chip',\r\n\tinner: 'gov-chip__inner',\r\n\thasRight: 'gov-chip--has-right',\r\n\thasLeft: 'gov-chip--has-left',\r\n}\r\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\r\nimport {GovHost} from \"../../helpers/Dom/template.types\"\r\nimport {validateProp} from \"../../helpers/Validate/props\"\r\nimport {govHost} from \"../../helpers/Dom/template\"\r\nimport {ChipClass, ChipSizes, ChipSizesType, ChipTypesType, NativeType, NativeTypesType} from \"./constants\"\r\nimport {ButtonColors, ButtonColorType, ButtonSizes} from \"../gov-button/button/constants\"\r\nimport {createID} from \"../../utils/string.utils\"\r\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\r\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\r\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\r\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\r\n\r\n@Component({\r\n\ttag: \"gov-chip\",\r\n})\r\nexport class GovChip {\r\n\tprivate triggerRef?: HTMLButtonElement | HTMLLinkElement | HTMLSpanElement\r\n\tprivate h: GovHost\r\n\tprivate readonly chipId: string\r\n\tprivate hydrated = false\r\n\tprivate attributeObserver: AttributeObserver\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.chipId = createID('GovChip')\r\n\t}\r\n\r\n\t@Element() host: HTMLGovChipElement\r\n\r\n\t/**\r\n\t * Makes the chip component disabled.\r\n\t */\r\n\t@Prop({reflect: true}) readonly disabled: boolean = false\r\n\t/**\r\n\t * Same as original parameter\r\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href\r\n\t */\r\n\t@Prop() readonly href: string\r\n\t/**\r\n\t * Same as original parameter\r\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\r\n\t */\r\n\t@Prop() readonly target: string\r\n\t/**\r\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\r\n\t */\r\n\t@Prop({attribute: \"icon-start\"}) readonly iconStart?: string\r\n\t/**\r\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\r\n\t */\r\n\t@Prop({attribute: \"icon-end\"}) readonly iconEnd?: string\r\n\t/**\r\n\t * Chip’s size.\r\n\t */\r\n\t@Prop() readonly size: ChipSizesType = ChipSizes._M\r\n\t/**\r\n\t * Used to change the HTML tag in the chip\r\n\t */\r\n\t@Prop() readonly tag: NativeTypesType = \"span\"\r\n\t/**\r\n\t * Style variation of the chip.\r\n\t */\r\n\t@Prop() readonly color: ButtonColorType = ButtonColors.PRIMARY\r\n\t/**\r\n\t * Chip’s type\r\n\t */\r\n\t@Prop({reflect: true}) readonly type: ChipTypesType\r\n\t/**\r\n\t * Same as original parameter\r\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/focusable\r\n\t */\r\n\t@Prop() readonly focusable: boolean = true\r\n\t/**\r\n\t * Custom chip identifier. Otherwise, it will be generated\r\n\t */\r\n\t@Prop() readonly identifier: string\r\n\t/**\r\n\t * Emitted when the button click.\r\n\t */\r\n\t@Event({eventName: \"gov-click\"}) govClick: EventEmitter<PointerEvent>\r\n\r\n\t@Watch(\"color\")\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(ButtonColors, newValue, ChipClass.root)\r\n\t}\r\n\r\n\t@Watch(\"size\")\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(ButtonSizes, newValue, ChipClass.root)\r\n\t}\r\n\r\n\t@State() inheritedAttributes: Attributes = {}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateColor(this.color)\r\n\t\tthis.validateSize(this.size)\r\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host)\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\r\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\r\n\t\t});\r\n\r\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\tthis.attributeObserver?.stopObserving();\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.hydrated = true\r\n\t}\r\n\r\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\r\n\t\tthis.host.removeAttribute(attributeName)\r\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst Tag = this.href ? NativeType.A : this.tag\r\n\t\tconst nativeType = Tag == NativeType.BUTTON ? NativeType.BUTTON : undefined\r\n\r\n\t\tconst iconStart = prepareIconFormat(this.iconStart)\r\n\t\tconst iconEnd = prepareIconFormat(this.iconEnd)\r\n\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tclass={this.h.classes([\r\n\t\t\t\t\tChipClass.root,\r\n\t\t\t\t\tthis.h.hasSlot(\"right\") ? ChipClass.hasRight : undefined,\r\n\t\t\t\t\tthis.h.hasSlot(\"left\") ? ChipClass.hasLeft : undefined,\r\n\t\t\t\t])}\r\n\t\t\t\tdisabled={this.disabled}\r\n\t\t\t\thref={this.href}\r\n\t\t\t\tcolor={this.color}\r\n\t\t\t\ttype={this.type}\r\n\t\t\t\tsize={this.size}\r\n\t\t\t\tfocusable={this.focusable}\r\n\t\t\t\thydrated={this.hydrated}\r\n\t\t\t>\r\n\t\t\t\t<Tag\r\n\t\t\t\t\tclass=\"element\"\r\n\t\t\t\t\thref={this.href}\r\n\t\t\t\t\ttarget={this.target}\r\n\t\t\t\t\tref={el => (this.triggerRef = el as HTMLLinkElement | HTMLButtonElement | HTMLSpanElement)}\r\n\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\r\n\t\t\t\t\ttabindex={(this.h.hasSlot(\"left\") || this.h.hasSlot(\"right\") || this.disabled || !this.focusable) ? \"-1\" : \"0\"}\r\n\t\t\t\t\tid={this.identifier || this.chipId}\r\n\t\t\t\t\ttype={nativeType}\r\n\t\t\t\t\t{...this.inheritedAttributes}\r\n\t\t\t\t\taria-disabled={this.disabled}>\r\n\t\t\t\t\t<slot name=\"left\"></slot>\r\n\t\t\t\t\t<slot name=\"icon-start\">\r\n\t\t\t\t\t\t{iconStart && <gov-icon type={iconStart.type} name={iconStart.name}></gov-icon>}\r\n\t\t\t\t\t</slot>\r\n\t\t\t\t\t<slot/>\r\n\t\t\t\t\t<slot name=\"icon-end\">\r\n\t\t\t\t\t\t{iconEnd && <gov-icon type={iconEnd.type} name={iconEnd.name}></gov-icon>}\r\n\t\t\t\t\t</slot>\r\n\t\t\t\t\t<slot name=\"right\"></slot>\r\n\t\t\t\t</Tag>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tprivate onClickHandler(e: PointerEvent): void {\r\n\t\te.stopPropagation()\r\n\t\tif (this.disabled === false && this.tag === NativeType.BUTTON) {\r\n\t\t\tthis.govClick.emit(e)\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Returns a clickable element instance\r\n\t */\r\n\t@Method()\r\n\tasync geRef() {\r\n\t\treturn this.triggerRef\r\n\t}\r\n\r\n\t/**\r\n\t * Focus button element\r\n\t */\r\n\t@Method()\r\n\tasync setFocus(): Promise<void> {\r\n\t\tthis.triggerRef.focus()\r\n\t}\r\n}\r\n"],"names":["pick","Sizes","ButtonColors","govHost","createID","validateProp","ButtonSizes","inheritAriaAttributes","AttributeObserver","ariaAttributes","prepareIconFormat","h","Host"],"mappings":";;;;;;;;;;;;;;;AAIO,MAAM,SAAS,GAAGA,UAAI,CAACC,WAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAGzD,IAAY,QAGX;AAHD,CAAA,UAAY,QAAQ,EAAA;AACnB,IAAA,QAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,QAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACtB,CAAC,EAHW,QAAQ,KAAR,QAAQ,GAGnB,EAAA,CAAA,CAAA;AAGD,IAAY,UAIX;AAJD,CAAA,UAAY,UAAU,EAAA;AACrB,IAAA,UAAA,CAAA,GAAA,CAAA,GAAA,GAAO;AACP,IAAA,UAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,UAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AAClB,CAAC,EAJW,UAAU,KAAV,UAAU,GAIrB,EAAA,CAAA,CAAA;AAGM,MAAM,SAAS,GAAG;AACxB,IAAA,IAAI,EAAE,UAAU;AAChB,IACA,QAAQ,EAAE,qBAAqB;AAC/B,IAAA,OAAO,EAAE,oBAAoB;CAC7B;;MCVY,OAAO,GAAA,MAAA;AAOnB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAHQ,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAUxB;;AAEG;AAC6B,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAmBzD;;AAEG;AACc,QAAA,IAAA,CAAA,IAAI,GAAkB,SAAS,CAAC,EAAE;AACnD;;AAEG;AACc,QAAA,IAAG,CAAA,GAAA,GAAoB,MAAM;AAC9C;;AAEG;AACc,QAAA,IAAA,CAAA,KAAK,GAAoBC,sBAAY,CAAC,OAAO;AAK9D;;;AAGG;AACc,QAAA,IAAS,CAAA,SAAA,GAAY,IAAI;AAoBjC,QAAA,IAAmB,CAAA,mBAAA,GAAe,EAAE;QApE5C,IAAI,CAAC,CAAC,GAAGC,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B,QAAA,IAAI,CAAC,MAAM,GAAGC,qBAAQ,CAAC,SAAS,CAAC;AACjC;AAyDD,IAAA,aAAa,CAAC,QAAgB,EAAA;QAC7BC,kBAAY,CAACH,sBAAY,EAAE,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC;;AAIrD,IAAA,YAAY,CAAC,QAAgB,EAAA;QAC5BG,kBAAY,CAACC,qBAAW,EAAE,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC;;IAKpD,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;AAC9B,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;QAC5B,IAAI,CAAC,mBAAmB,GAAGC,mCAAqB,CAAC,IAAI,CAAC,IAAI,CAAC;;IAG5D,gBAAgB,GAAA;AACf,QAAA,IAAI,CAAC,iBAAiB,GAAG,IAAIC,2BAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,aAAa,EAAE,QAAQ,KAAI;AACrF,YAAA,IAAI,CAAC,qBAAqB,CAAC,aAAa,EAAE,QAAQ,CAAC;AACpD,SAAC,CAAC;AAEF,QAAA,IAAI,CAAC,iBAAiB,CAAC,cAAc,CAACC,wBAAc,CAAC;;IAGtD,oBAAoB,GAAA;;QACnB,CAAA,EAAA,GAAA,IAAI,CAAC,iBAAiB,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,aAAa,EAAE;;IAGxC,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;;IAGrB,qBAAqB,CAAC,aAAqB,EAAE,QAAgB,EAAA;AAC5D,QAAA,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC;QACxC,IAAI,CAAC,mBAAmB,GAAO,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,IAAI,CAAC,mBAAmB,CAAE,EAAA,EAAA,CAAC,aAAa,GAAG,QAAQ,GAAC;;IAGpF,MAAM,GAAA;AACL,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,GAAG,UAAU,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG;AAC/C,QAAA,MAAM,UAAU,GAAG,GAAG,IAAI,UAAU,CAAC,MAAM,GAAG,UAAU,CAAC,MAAM,GAAG,SAAS;QAE3E,MAAM,SAAS,GAAGC,yBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC;QACnD,MAAM,OAAO,GAAGA,yBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC;AAE/C,QAAA,QACCC,OAAC,CAAAC,UAAI,EACJ,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC;AACrB,gBAAA,SAAS,CAAC,IAAI;AACd,gBAAA,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC,QAAQ,GAAG,SAAS;AACxD,gBAAA,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC,OAAO,GAAG,SAAS;AACtD,aAAA,CAAC,EACF,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EAEvBD,OAAC,CAAA,GAAG,mEACH,KAAK,EAAC,SAAS,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,UAAU,GAAG,EAA2D,CAAC,EAC1F,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,EACvC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,GAAG,GAAG,EAC9G,EAAE,EAAE,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,MAAM,EAClC,IAAI,EAAE,UAAU,EACZ,EAAA,IAAI,CAAC,mBAAmB,EAAA,EAAA,eAAA,EACb,IAAI,CAAC,QAAQ,EAAA,CAAA,EAC5BA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAQ,CAAA,EACzBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,YAAY,IACrB,SAAS,IAAIA,uEAAU,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,GAAa,CACzE,EACPA,OAAO,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACPA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,UAAU,IACnB,OAAO,IAAIA,uEAAU,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,GAAa,CACnE,EACPA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,OAAO,GAAQ,CACrB,CACA;;AAID,IAAA,cAAc,CAAC,CAAe,EAAA;QACrC,CAAC,CAAC,eAAe,EAAE;AACnB,QAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,KAAK,IAAI,IAAI,CAAC,GAAG,KAAK,UAAU,CAAC,MAAM,EAAE;AAC9D,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;;;AAIvB;;AAEG;AAEH,IAAA,MAAM,KAAK,GAAA;QACV,OAAO,IAAI,CAAC,UAAU;;AAGvB;;AAEG;AAEH,IAAA,MAAM,QAAQ,GAAA;AACb,QAAA,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE;;;;;;;;;;;"}
+{"version":3,"file":"gov-chip.entry.cjs.js","sources":["../../../packages/core/src/components/gov-chip/constants.ts","../../../packages/core/src/components/gov-chip/gov-chip.tsx"],"sourcesContent":["import { ValueOf } from '../../types/interfaces'\nimport {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\n\nexport const ChipSizes = pick(Sizes, ['_XS', '_S', '_M'])\nexport type ChipSizesType = `${ValueOf<typeof ChipSizes>}`\n\nexport enum ChipType {\n\tSOLID = 'solid',\n\tOUTLINED = 'outlined',\n}\nexport type ChipTypesType = `${ValueOf<typeof ChipType>}`\n\nexport enum NativeType {\n\tA = 'a',\n\tSPAN = 'span',\n\tBUTTON = 'button',\n}\nexport type NativeTypesType = `${ValueOf<typeof NativeType>}`\n\nexport const ChipClass = {\n\troot: 'gov-chip',\n\tinner: 'gov-chip__inner',\n\thasRight: 'gov-chip--has-right',\n\thasLeft: 'gov-chip--has-left',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {govHost} from \"../../helpers/Dom/template\"\nimport {ChipClass, ChipSizes, ChipSizesType, ChipTypesType, NativeType, NativeTypesType} from \"./constants\"\nimport {ButtonColors, ButtonColorType, ButtonSizes} from \"../gov-button/button/constants\"\nimport {createID} from \"../../utils/string.utils\"\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\n\n@Component({\n\ttag: \"gov-chip\",\n})\nexport class GovChip {\n\tprivate triggerRef?: HTMLButtonElement | HTMLLinkElement | HTMLSpanElement\n\tprivate h: GovHost\n\tprivate readonly chipId: string\n\tprivate hydrated = false\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.chipId = createID('GovChip')\n\t}\n\n\t@Element() host: HTMLGovChipElement\n\n\t/**\n\t * Makes the chip component disabled.\n\t */\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href\n\t */\n\t@Prop() 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: string\n\t/**\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t */\n\t@Prop({attribute: \"icon-start\"}) readonly iconStart?: string\n\t/**\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t */\n\t@Prop({attribute: \"icon-end\"}) readonly iconEnd?: string\n\t/**\n\t * Chip’s size.\n\t */\n\t@Prop() readonly size: ChipSizesType = ChipSizes._M\n\t/**\n\t * Used to change the HTML tag in the chip\n\t */\n\t@Prop() readonly tag: NativeTypesType = \"span\"\n\t/**\n\t * Style variation of the chip.\n\t */\n\t@Prop() readonly color: ButtonColorType = ButtonColors.PRIMARY\n\t/**\n\t * Chip’s type\n\t */\n\t@Prop({reflect: true}) readonly type: ChipTypesType\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/focusable\n\t */\n\t@Prop() readonly focusable: boolean = true\n\t/**\n\t * Custom chip identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Emitted when the button click.\n\t */\n\t@Event({eventName: \"gov-click\"}) govClick: EventEmitter<PointerEvent>\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(ButtonColors, newValue, ChipClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(ButtonSizes, newValue, ChipClass.root)\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.validateSize(this.size)\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\trender() {\n\t\tconst Tag = this.href ? NativeType.A : this.tag\n\t\tconst nativeType = Tag == NativeType.BUTTON ? NativeType.BUTTON : undefined\n\n\t\tconst iconStart = prepareIconFormat(this.iconStart)\n\t\tconst iconEnd = prepareIconFormat(this.iconEnd)\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes([\n\t\t\t\t\tChipClass.root,\n\t\t\t\t\tthis.h.hasSlot(\"right\") ? ChipClass.hasRight : undefined,\n\t\t\t\t\tthis.h.hasSlot(\"left\") ? ChipClass.hasLeft : undefined,\n\t\t\t\t])}\n\t\t\t\tdisabled={this.disabled}\n\t\t\t\thref={this.href}\n\t\t\t\tcolor={this.color}\n\t\t\t\ttype={this.type}\n\t\t\t\tsize={this.size}\n\t\t\t\tfocusable={this.focusable}\n\t\t\t\thydrated={this.hydrated}\n\t\t\t>\n\t\t\t\t<Tag\n\t\t\t\t\tclass=\"element\"\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t\tref={el => (this.triggerRef = el as HTMLLinkElement | HTMLButtonElement | HTMLSpanElement)}\n\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\ttabindex={(this.h.hasSlot(\"left\") || this.h.hasSlot(\"right\") || this.disabled || !this.focusable) ? \"-1\" : \"0\"}\n\t\t\t\t\tid={this.identifier || this.chipId}\n\t\t\t\t\ttype={nativeType}\n\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\taria-disabled={this.disabled}>\n\t\t\t\t\t<slot name=\"left\"></slot>\n\t\t\t\t\t<slot name=\"icon-start\">\n\t\t\t\t\t\t{iconStart && <gov-icon type={iconStart.type} name={iconStart.name}></gov-icon>}\n\t\t\t\t\t</slot>\n\t\t\t\t\t<slot/>\n\t\t\t\t\t<slot name=\"icon-end\">\n\t\t\t\t\t\t{iconEnd && <gov-icon type={iconEnd.type} name={iconEnd.name}></gov-icon>}\n\t\t\t\t\t</slot>\n\t\t\t\t\t<slot name=\"right\"></slot>\n\t\t\t\t</Tag>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onClickHandler(e: PointerEvent): void {\n\t\te.stopPropagation()\n\t\tif (this.disabled === false && this.tag === NativeType.BUTTON) {\n\t\t\tthis.govClick.emit(e)\n\t\t}\n\t}\n\n\t/**\n\t * Returns a clickable element instance\n\t */\n\t@Method()\n\tasync geRef() {\n\t\treturn this.triggerRef\n\t}\n\n\t/**\n\t * Focus button element\n\t */\n\t@Method()\n\tasync setFocus(): Promise<void> {\n\t\tthis.triggerRef.focus()\n\t}\n}\n"],"names":["pick","Sizes","ButtonColors","govHost","createID","validateProp","ButtonSizes","inheritAriaAttributes","AttributeObserver","ariaAttributes","prepareIconFormat","h","Host"],"mappings":"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"}

package/dist/cjs/gov-collapsible.cjs.entry.js

@@ -68,11 +68,11 @@ const GovCollapsible = class {
         this.hydrated = true;
     }
     render() {
-        return (index.h(index.Host, { key: '3c9284a4fdbf445f402693b15c5269c8e5b98372', hydrated: this.hydrated, class: this.h.classes([CollapsibleClass.root, this.disabled && CollapsibleClass.disabled]), size: this.size }, index.h("gov-button", Object.assign({ key: 'db793476b0b8ed5ecc44dd2191b3cf26c0a97e86', color: 'primary', size: this.size, type: 'link', disabled: this.disabled, "onGov-click": (e) => {
+        return (index.h(index.Host, { key: '769978332f69d9faf2a4e8b305db730f30aff4ef', hydrated: this.hydrated, class: this.h.classes([CollapsibleClass.root, this.disabled && CollapsibleClass.disabled]), size: this.size }, index.h("gov-button", Object.assign({ key: '8471245d9dd22f5599d234f86b7bf2127d8632ac', color: 'primary', size: this.size, type: 'link', disabled: this.disabled, "onGov-click": (e) => {
                 e.stopPropagation();
                 e.preventDefault();
                 this.open = !this.open;
-            } }, this.inheritedAttributes, { identifier: this.triggerId, "aria-controls": this.contentId, "aria-expanded": template.booleanString(this.open), "aria-haspopup": "true" }), this.label, index.h("gov-icon", { key: 'c230a7d2553c0858ddf24c6f9c7afbc249cd7f8e', slot: 'icon-end', name: this.open ? 'chevron-up' : 'chevron-down', type: "components" })), index.h("div", { key: '64e787e14f8773dae11f0e54658984f3622b8b47', class: CollapsibleClass.content, hidden: !this.open, id: this.contentId, "aria-labelledby": this.triggerId, "aria-hidden": template.booleanString(!this.open) }, index.h("slot", { key: '1e09e5a7242946af30012b68beb38119865003ec' }))));
+            } }, this.inheritedAttributes, { identifier: this.triggerId, "aria-controls": this.contentId, "aria-expanded": template.booleanString(this.open), "aria-haspopup": "true" }), this.label, index.h("gov-icon", { key: '01d4627f3817249e3653f8a2fdf0cc2d2d2ad36a', slot: 'icon-end', name: this.open ? 'chevron-up' : 'chevron-down', type: "components" })), index.h("div", { key: '0d680443f3fa888d753aaf0090e9c4da177dbf7b', class: CollapsibleClass.content, hidden: !this.open, id: this.contentId, "aria-labelledby": this.triggerId, "aria-hidden": template.booleanString(!this.open) }, index.h("slot", { key: '4b3c64ff8fb7f6d6039d9042328121207ccf7580' }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gov-collapsible.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"gov-collapsible.entry.cjs.js","mappings":"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","names":["pick","Sizes","govHost","createID","validateProp","AttributeObserver","ariaAttributes","inheritAriaAttributes","h","Host","booleanString"],"sources":["../../../packages/core/src/components/gov-collapsible/constants.ts","../../../packages/core/src/components/gov-collapsible/gov-collapsible.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\r\nimport {Sizes} from \"../../core/constants/sizes\";\r\nimport {ValueOf} from \"../../types/interfaces\";\r\n\r\nexport const CollapsibleSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\r\nexport type CollapsibleSizesType = `${ValueOf<typeof CollapsibleSizes>}`\r\n\r\nexport enum CollapsibleDirection {\r\n\tDOWN = 'down',\r\n\tUP = 'up',\r\n}\r\nexport type CollapsibleDirectionType = `${ValueOf<typeof CollapsibleDirection>}`\r\n\r\nexport const CollapsibleClass = {\r\n\troot: 'gov-collapsible',\r\n\tdetails: 'gov-collapsible__details',\r\n\tsummary: 'gov-collapsible__summary',\r\n\ttitle: 'gov-collapsible__title',\r\n\tarrow: 'gov-collapsible__arrow',\r\n\tcontent: 'gov-collapsible__content',\r\n\tdisabled: 'gov-collapsible--disabled',\r\n}\r\n","import {Component, Element, h, Host, Prop, State, Watch} from '@stencil/core'\r\nimport {CollapsibleClass, CollapsibleSizes, CollapsibleSizesType,} from './constants'\r\nimport {booleanString, govHost} from '../../helpers/Dom/template'\r\nimport {GovHost} from '../../helpers/Dom/template.types'\r\nimport {validateProp} from \"../../helpers/Validate/props\";\r\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\r\nimport {createID} from \"../../utils/string.utils\";\r\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\r\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\r\n\r\n\r\n@Component({\r\n\ttag: 'gov-collapsible',\r\n})\r\nexport class GovCollapsible {\r\n\tprivate h: GovHost\r\n\tprivate hydrated = false\r\n\tprivate readonly triggerId: string\r\n\tprivate readonly contentId: string\r\n\tprivate attributeObserver: AttributeObserver\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.triggerId = createID(\"GovCollapsibleControl\")\r\n\t\tthis.contentId = createID(\"GovCollapsibleContent\")\r\n\t}\r\n\r\n\t@Element() host: HTMLGovCollapsibleElement\r\n\t/**\r\n\t * Element size.\r\n\t */\r\n\t@Prop() readonly size?: CollapsibleSizesType = 'm'\r\n\t/**\r\n\t * Custom input identifier.\r\n\t */\r\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\r\n\r\n\t@Prop() readonly label: string\r\n\t/**\r\n\t * Makes component disabled.\r\n\t */\r\n\t@Prop() readonly disabled: boolean = false\r\n\t/**\r\n\t * Defines whether the collapsible is open or closed\r\n\t */\r\n\t@Prop({attribute: \"open\", mutable: true}) open = false\r\n\r\n\t@State() inheritedAttributes: Attributes = {}\r\n\r\n\r\n\t@Watch('size')\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(CollapsibleSizes, newValue, CollapsibleClass.root)\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\r\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\r\n\t\t});\r\n\r\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.validateSize(this.size)\r\n\r\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\r\n\t}\r\n\r\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\r\n\t\tthis.host.removeAttribute(attributeName)\r\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\tthis.attributeObserver?.stopObserving();\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.hydrated = true\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host hydrated={this.hydrated}\r\n\t\t\t\t  class={this.h.classes([CollapsibleClass.root, this.disabled && CollapsibleClass.disabled])}\r\n\t\t\t\t  size={this.size}>\r\n\t\t\t\t<gov-button color={'primary'}\r\n\t\t\t\t\t\t\tsize={this.size}\r\n\t\t\t\t\t\t\ttype={'link'}\r\n\t\t\t\t\t\t\tdisabled={this.disabled}\r\n\t\t\t\t\t\t\tonGov-click={(e) => {\r\n\t\t\t\t\t\t\t\te.stopPropagation();\r\n\t\t\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\t\t\tthis.open = !this.open;\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t{...this.inheritedAttributes}\r\n\t\t\t\t\t\t\tidentifier={this.triggerId}\r\n\t\t\t\t\t\t\taria-controls={this.contentId}\r\n\t\t\t\t\t\t\taria-expanded={booleanString(this.open)}\r\n\t\t\t\t\t\t\taria-haspopup=\"true\">\r\n\t\t\t\t\t{this.label}\r\n\t\t\t\t\t<gov-icon slot={'icon-end'}\r\n\t\t\t\t\t\t\t  name={this.open ? 'chevron-up' : 'chevron-down'}\r\n\t\t\t\t\t\t\t  type=\"components\"></gov-icon>\r\n\t\t\t\t</gov-button>\r\n\r\n\t\t\t\t<div class={CollapsibleClass.content}\r\n\t\t\t\t\t hidden={!this.open}\r\n\t\t\t\t\t id={this.contentId}\r\n\t\t\t\t\t aria-labelledby={this.triggerId}\r\n\t\t\t\t\t aria-hidden={booleanString(!this.open)}>\r\n\t\t\t\t\t<slot/>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"version":3}
+{"file":"gov-collapsible.entry.cjs.js","mappings":"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","names":["pick","Sizes","govHost","createID","validateProp","AttributeObserver","ariaAttributes","inheritAriaAttributes","h","Host","booleanString"],"sources":["../../../packages/core/src/components/gov-collapsible/constants.ts","../../../packages/core/src/components/gov-collapsible/gov-collapsible.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const CollapsibleSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type CollapsibleSizesType = `${ValueOf<typeof CollapsibleSizes>}`\n\nexport enum CollapsibleDirection {\n\tDOWN = 'down',\n\tUP = 'up',\n}\nexport type CollapsibleDirectionType = `${ValueOf<typeof CollapsibleDirection>}`\n\nexport const CollapsibleClass = {\n\troot: 'gov-collapsible',\n\tdetails: 'gov-collapsible__details',\n\tsummary: 'gov-collapsible__summary',\n\ttitle: 'gov-collapsible__title',\n\tarrow: 'gov-collapsible__arrow',\n\tcontent: 'gov-collapsible__content',\n\tdisabled: 'gov-collapsible--disabled',\n}\n","import {Component, Element, h, Host, Prop, State, Watch} from '@stencil/core'\nimport {CollapsibleClass, CollapsibleSizes, CollapsibleSizesType,} from './constants'\nimport {booleanString, govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {validateProp} from \"../../helpers/Validate/props\";\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\nimport {createID} from \"../../utils/string.utils\";\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\n\n\n@Component({\n\ttag: 'gov-collapsible',\n})\nexport class GovCollapsible {\n\tprivate h: GovHost\n\tprivate hydrated = false\n\tprivate readonly triggerId: string\n\tprivate readonly contentId: string\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.triggerId = createID(\"GovCollapsibleControl\")\n\t\tthis.contentId = createID(\"GovCollapsibleContent\")\n\t}\n\n\t@Element() host: HTMLGovCollapsibleElement\n\t/**\n\t * Element size.\n\t */\n\t@Prop() readonly size?: CollapsibleSizesType = 'm'\n\t/**\n\t * Custom input identifier.\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\n\t@Prop() readonly label: string\n\t/**\n\t * Makes component disabled.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Defines whether the collapsible is open or closed\n\t */\n\t@Prop({attribute: \"open\", mutable: true}) open = false\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(CollapsibleSizes, newValue, CollapsibleClass.root)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateSize(this.size)\n\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host hydrated={this.hydrated}\n\t\t\t\t  class={this.h.classes([CollapsibleClass.root, this.disabled && CollapsibleClass.disabled])}\n\t\t\t\t  size={this.size}>\n\t\t\t\t<gov-button color={'primary'}\n\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\ttype={'link'}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\tonGov-click={(e) => {\n\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\tthis.open = !this.open;\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\t\t\tidentifier={this.triggerId}\n\t\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\t\taria-expanded={booleanString(this.open)}\n\t\t\t\t\t\t\taria-haspopup=\"true\">\n\t\t\t\t\t{this.label}\n\t\t\t\t\t<gov-icon slot={'icon-end'}\n\t\t\t\t\t\t\t  name={this.open ? 'chevron-up' : 'chevron-down'}\n\t\t\t\t\t\t\t  type=\"components\"></gov-icon>\n\t\t\t\t</gov-button>\n\n\t\t\t\t<div class={CollapsibleClass.content}\n\t\t\t\t\t hidden={!this.open}\n\t\t\t\t\t id={this.contentId}\n\t\t\t\t\t aria-labelledby={this.triggerId}\n\t\t\t\t\t aria-hidden={booleanString(!this.open)}>\n\t\t\t\t\t<slot/>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/cjs/gov-collapsible.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"gov-collapsible.entry.cjs.js","sources":["../../../packages/core/src/components/gov-collapsible/constants.ts","../../../packages/core/src/components/gov-collapsible/gov-collapsible.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\r\nimport {Sizes} from \"../../core/constants/sizes\";\r\nimport {ValueOf} from \"../../types/interfaces\";\r\n\r\nexport const CollapsibleSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\r\nexport type CollapsibleSizesType = `${ValueOf<typeof CollapsibleSizes>}`\r\n\r\nexport enum CollapsibleDirection {\r\n\tDOWN = 'down',\r\n\tUP = 'up',\r\n}\r\nexport type CollapsibleDirectionType = `${ValueOf<typeof CollapsibleDirection>}`\r\n\r\nexport const CollapsibleClass = {\r\n\troot: 'gov-collapsible',\r\n\tdetails: 'gov-collapsible__details',\r\n\tsummary: 'gov-collapsible__summary',\r\n\ttitle: 'gov-collapsible__title',\r\n\tarrow: 'gov-collapsible__arrow',\r\n\tcontent: 'gov-collapsible__content',\r\n\tdisabled: 'gov-collapsible--disabled',\r\n}\r\n","import {Component, Element, h, Host, Prop, State, Watch} from '@stencil/core'\r\nimport {CollapsibleClass, CollapsibleSizes, CollapsibleSizesType,} from './constants'\r\nimport {booleanString, govHost} from '../../helpers/Dom/template'\r\nimport {GovHost} from '../../helpers/Dom/template.types'\r\nimport {validateProp} from \"../../helpers/Validate/props\";\r\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\r\nimport {createID} from \"../../utils/string.utils\";\r\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\r\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\r\n\r\n\r\n@Component({\r\n\ttag: 'gov-collapsible',\r\n})\r\nexport class GovCollapsible {\r\n\tprivate h: GovHost\r\n\tprivate hydrated = false\r\n\tprivate readonly triggerId: string\r\n\tprivate readonly contentId: string\r\n\tprivate attributeObserver: AttributeObserver\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.triggerId = createID(\"GovCollapsibleControl\")\r\n\t\tthis.contentId = createID(\"GovCollapsibleContent\")\r\n\t}\r\n\r\n\t@Element() host: HTMLGovCollapsibleElement\r\n\t/**\r\n\t * Element size.\r\n\t */\r\n\t@Prop() readonly size?: CollapsibleSizesType = 'm'\r\n\t/**\r\n\t * Custom input identifier.\r\n\t */\r\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\r\n\r\n\t@Prop() readonly label: string\r\n\t/**\r\n\t * Makes component disabled.\r\n\t */\r\n\t@Prop() readonly disabled: boolean = false\r\n\t/**\r\n\t * Defines whether the collapsible is open or closed\r\n\t */\r\n\t@Prop({attribute: \"open\", mutable: true}) open = false\r\n\r\n\t@State() inheritedAttributes: Attributes = {}\r\n\r\n\r\n\t@Watch('size')\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(CollapsibleSizes, newValue, CollapsibleClass.root)\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\r\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\r\n\t\t});\r\n\r\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.validateSize(this.size)\r\n\r\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\r\n\t}\r\n\r\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\r\n\t\tthis.host.removeAttribute(attributeName)\r\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\tthis.attributeObserver?.stopObserving();\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.hydrated = true\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host hydrated={this.hydrated}\r\n\t\t\t\t  class={this.h.classes([CollapsibleClass.root, this.disabled && CollapsibleClass.disabled])}\r\n\t\t\t\t  size={this.size}>\r\n\t\t\t\t<gov-button color={'primary'}\r\n\t\t\t\t\t\t\tsize={this.size}\r\n\t\t\t\t\t\t\ttype={'link'}\r\n\t\t\t\t\t\t\tdisabled={this.disabled}\r\n\t\t\t\t\t\t\tonGov-click={(e) => {\r\n\t\t\t\t\t\t\t\te.stopPropagation();\r\n\t\t\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\t\t\tthis.open = !this.open;\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t{...this.inheritedAttributes}\r\n\t\t\t\t\t\t\tidentifier={this.triggerId}\r\n\t\t\t\t\t\t\taria-controls={this.contentId}\r\n\t\t\t\t\t\t\taria-expanded={booleanString(this.open)}\r\n\t\t\t\t\t\t\taria-haspopup=\"true\">\r\n\t\t\t\t\t{this.label}\r\n\t\t\t\t\t<gov-icon slot={'icon-end'}\r\n\t\t\t\t\t\t\t  name={this.open ? 'chevron-up' : 'chevron-down'}\r\n\t\t\t\t\t\t\t  type=\"components\"></gov-icon>\r\n\t\t\t\t</gov-button>\r\n\r\n\t\t\t\t<div class={CollapsibleClass.content}\r\n\t\t\t\t\t hidden={!this.open}\r\n\t\t\t\t\t id={this.contentId}\r\n\t\t\t\t\t aria-labelledby={this.triggerId}\r\n\t\t\t\t\t aria-hidden={booleanString(!this.open)}>\r\n\t\t\t\t\t<slot/>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"names":["pick","Sizes","govHost","createID","validateProp","AttributeObserver","ariaAttributes","inheritAriaAttributes","h","Host","booleanString"],"mappings":"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"}
+{"version":3,"file":"gov-collapsible.entry.cjs.js","sources":["../../../packages/core/src/components/gov-collapsible/constants.ts","../../../packages/core/src/components/gov-collapsible/gov-collapsible.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const CollapsibleSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type CollapsibleSizesType = `${ValueOf<typeof CollapsibleSizes>}`\n\nexport enum CollapsibleDirection {\n\tDOWN = 'down',\n\tUP = 'up',\n}\nexport type CollapsibleDirectionType = `${ValueOf<typeof CollapsibleDirection>}`\n\nexport const CollapsibleClass = {\n\troot: 'gov-collapsible',\n\tdetails: 'gov-collapsible__details',\n\tsummary: 'gov-collapsible__summary',\n\ttitle: 'gov-collapsible__title',\n\tarrow: 'gov-collapsible__arrow',\n\tcontent: 'gov-collapsible__content',\n\tdisabled: 'gov-collapsible--disabled',\n}\n","import {Component, Element, h, Host, Prop, State, Watch} from '@stencil/core'\nimport {CollapsibleClass, CollapsibleSizes, CollapsibleSizesType,} from './constants'\nimport {booleanString, govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {validateProp} from \"../../helpers/Validate/props\";\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\nimport {createID} from \"../../utils/string.utils\";\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\n\n\n@Component({\n\ttag: 'gov-collapsible',\n})\nexport class GovCollapsible {\n\tprivate h: GovHost\n\tprivate hydrated = false\n\tprivate readonly triggerId: string\n\tprivate readonly contentId: string\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.triggerId = createID(\"GovCollapsibleControl\")\n\t\tthis.contentId = createID(\"GovCollapsibleContent\")\n\t}\n\n\t@Element() host: HTMLGovCollapsibleElement\n\t/**\n\t * Element size.\n\t */\n\t@Prop() readonly size?: CollapsibleSizesType = 'm'\n\t/**\n\t * Custom input identifier.\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\n\t@Prop() readonly label: string\n\t/**\n\t * Makes component disabled.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Defines whether the collapsible is open or closed\n\t */\n\t@Prop({attribute: \"open\", mutable: true}) open = false\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(CollapsibleSizes, newValue, CollapsibleClass.root)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateSize(this.size)\n\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host hydrated={this.hydrated}\n\t\t\t\t  class={this.h.classes([CollapsibleClass.root, this.disabled && CollapsibleClass.disabled])}\n\t\t\t\t  size={this.size}>\n\t\t\t\t<gov-button color={'primary'}\n\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\ttype={'link'}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\tonGov-click={(e) => {\n\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\tthis.open = !this.open;\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\t\t\tidentifier={this.triggerId}\n\t\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\t\taria-expanded={booleanString(this.open)}\n\t\t\t\t\t\t\taria-haspopup=\"true\">\n\t\t\t\t\t{this.label}\n\t\t\t\t\t<gov-icon slot={'icon-end'}\n\t\t\t\t\t\t\t  name={this.open ? 'chevron-up' : 'chevron-down'}\n\t\t\t\t\t\t\t  type=\"components\"></gov-icon>\n\t\t\t\t</gov-button>\n\n\t\t\t\t<div class={CollapsibleClass.content}\n\t\t\t\t\t hidden={!this.open}\n\t\t\t\t\t id={this.contentId}\n\t\t\t\t\t aria-labelledby={this.triggerId}\n\t\t\t\t\t aria-hidden={booleanString(!this.open)}>\n\t\t\t\t\t<slot/>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"names":["pick","Sizes","govHost","createID","validateProp","AttributeObserver","ariaAttributes","inheritAriaAttributes","h","Host","booleanString"],"mappings":"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"}

package/dist/cjs/gov-container.cjs.entry.js

@@ -13,7 +13,7 @@ const GovContainer = class {
         this.h = template.govHost(this.host);
     }
     render() {
-        return (index.h(index.Host, { key: 'a15740b2be2e28a5a494d84b54b1cf065fb0907d', class: this.h.classes(ContainerClass.root) }, index.h("slot", { key: 'c67701622dc955319e46eecdb897439fff163ca6' })));
+        return (index.h(index.Host, { key: '57f372b12f582a563cd0191ccac3574a54fa026f', class: this.h.classes(ContainerClass.root) }, index.h("slot", { key: 'ee902cd336fe794ee49d655b59054dbd3c852036' })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/gov-container.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"gov-container.entry.cjs.js","mappings":";;;;;AAAO,MAAM,cAAc,GAAG;AAC7B,IAAA,IAAI,EAAE,eAAe;CACrB;;MCMY,YAAY,GAAA,MAAA;AAGxB,IAAA,WAAA,CAAA,OAAA,EAAA;;QACC,IAAI,CAAC,CAAC,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;IAID,MAAM,GAAA;AACL,QAAA,QACCC,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,EAAA,EAC/CD,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;","names":["govHost","h","Host"],"sources":["../../../packages/core/src/components/gov-container/constants.tsx","../../../packages/core/src/components/gov-container/gov-container.tsx"],"sourcesContent":["export const ContainerClass = {\r\n\troot: 'gov-container',\r\n}\r\n","import { Component, Element, h, Host } from '@stencil/core'\r\nimport { govHost } from '../../helpers/Dom/template'\r\nimport { GovHost } from '../../helpers/Dom/template.types'\r\nimport { ContainerClass } from './constants'\r\n\r\n@Component({\r\n\ttag: 'gov-container',\r\n})\r\nexport class GovContainer {\r\n\tprivate h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovContainerElement\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(ContainerClass.root)}>\r\n\t\t\t\t<slot />\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"version":3}
+{"file":"gov-container.entry.cjs.js","mappings":";;;;;AAAO,MAAM,cAAc,GAAG;AAC7B,IAAA,IAAI,EAAE,eAAe;CACrB;;MCMY,YAAY,GAAA,MAAA;AAGxB,IAAA,WAAA,CAAA,OAAA,EAAA;;QACC,IAAI,CAAC,CAAC,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;IAID,MAAM,GAAA;AACL,QAAA,QACCC,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,EAAA,EAC/CD,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;","names":["govHost","h","Host"],"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"],"version":3}

package/dist/cjs/gov-container.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"gov-container.entry.cjs.js","sources":["../../../packages/core/src/components/gov-container/constants.tsx","../../../packages/core/src/components/gov-container/gov-container.tsx"],"sourcesContent":["export const ContainerClass = {\r\n\troot: 'gov-container',\r\n}\r\n","import { Component, Element, h, Host } from '@stencil/core'\r\nimport { govHost } from '../../helpers/Dom/template'\r\nimport { GovHost } from '../../helpers/Dom/template.types'\r\nimport { ContainerClass } from './constants'\r\n\r\n@Component({\r\n\ttag: 'gov-container',\r\n})\r\nexport class GovContainer {\r\n\tprivate h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovContainerElement\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(ContainerClass.root)}>\r\n\t\t\t\t<slot />\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"names":["govHost","h","Host"],"mappings":";;;;;AAAO,MAAM,cAAc,GAAG;AAC7B,IAAA,IAAI,EAAE,eAAe;CACrB;;MCMY,YAAY,GAAA,MAAA;AAGxB,IAAA,WAAA,CAAA,OAAA,EAAA;;QACC,IAAI,CAAC,CAAC,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;IAID,MAAM,GAAA;AACL,QAAA,QACCC,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,EAAA,EAC/CD,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;"}
+{"version":3,"file":"gov-container.entry.cjs.js","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"],"names":["govHost","h","Host"],"mappings":";;;;;AAAO,MAAM,cAAc,GAAG;AAC7B,IAAA,IAAI,EAAE,eAAe;CACrB;;MCMY,YAAY,GAAA,MAAA;AAGxB,IAAA,WAAA,CAAA,OAAA,EAAA;;QACC,IAAI,CAAC,CAAC,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;IAID,MAAM,GAAA;AACL,QAAA,QACCC,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,EAAA,EAC/CD,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;"}

package/dist/cjs/gov-control-group.cjs.entry.js

@@ -37,7 +37,7 @@ const GovControlGroup = class {
         props.validateProp(colors.Colors, newValue, ControlGroupClass.root);
     }
     render() {
-        return (index.h(index.Host, { key: '3881ca5a7d9dd1dbf5cb22a6cca23f6df886e09a', class: this.h.classes(ControlGroupClass.root), color: this.color }, index.h("slot", { key: '2e9dbf6b93cac0d4444d3696df03c9a7420dc747' })));
+        return (index.h(index.Host, { key: 'be061d7c1f49481bc31a0a8b8222eacc044051e3', class: this.h.classes(ControlGroupClass.root), color: this.color }, index.h("slot", { key: '1af88c06c1f92db2c34727a87a7acac4abf895c1' })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gov-control-group.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"gov-control-group.entry.cjs.js","mappings":";;;;;;;;;AAIkCA,UAAI,CAACC,aAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC;AAGvE,MAAM,iBAAiB,GAAG;AAChC,IAAA,IAAI,EAAE,mBAAmB;CACzB;;MCCY,eAAe,GAAA,MAAA;AAG3B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAKA;;AAEG;AACc,QAAA,IAAA,CAAA,KAAK,GAA0BA,aAAM,CAAC,OAAO;AAC9D;;AAEG;AACwC,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AACpE;;AAEG;AAC8C,QAAA,IAAa,CAAA,aAAA,GAAY,KAAK;AAC/E;;AAEG;AAC0C,QAAA,IAAU,CAAA,UAAA,GAAY,KAAK;QAnBvE,IAAI,CAAC,CAAC,GAAGC,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAqBD,IAAA,aAAa,CAAC,QAAgB,EAAA;QAC7BC,kBAAY,CAACF,aAAM,EAAE,QAAQ,EAAE,iBAAiB,CAAC,IAAI,CAAC;;IAGvD,MAAM,GAAA;AACL,QAAA,QACCG,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACJ,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAC7C,KAAK,EAAE,IAAI,CAAC,KAAK,EAAA,EACjBD,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;;;;","names":["pick","Colors","govHost","validateProp","h","Host"],"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'\r\nimport { ValueOf } from '../../types/interfaces'\r\nimport { pick } from '../../utils/utils'\r\n\r\nexport const ControlGroupColors = pick(Colors, ['PRIMARY', 'NEUTRAL', 'ERROR'])\r\nexport type ControlGroupColorType = `${ValueOf<typeof ControlGroupColors>}`\r\n\r\nexport const ControlGroupClass = {\r\n\troot: 'gov-control-group',\r\n}\r\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\"\r\nimport { Colors } from \"../../core/constants/colors\"\r\nimport { govHost } from \"../../helpers/Dom/template\"\r\nimport { GovHost } from \"../../helpers/Dom/template.types\"\r\nimport { validateProp } from \"../../helpers/Validate/props\"\r\nimport { ControlGroupClass, ControlGroupColorType } from \"./constants\"\r\n\r\n@Component({\r\n\ttag: \"gov-control-group\",\r\n})\r\nexport class GovControlGroup {\r\n\tprivate readonly h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovControlGroupElement\r\n\t/**\r\n\t * Style variation of the content message.\r\n\t */\r\n\t@Prop() readonly color: ControlGroupColorType = Colors.NEUTRAL\r\n\t/**\r\n\t * Specifies the display of the border between elements\r\n\t */\r\n\t@Prop({ attribute: \"no-border\" }) readonly noBorder: boolean = false\r\n\t/**\r\n\t * Specifies the display of the border between elements\r\n\t */\r\n\t@Prop({ attribute: \"no-inner-border\" }) readonly noInnerBorder: boolean = false\r\n\t/**\r\n\t * Specifies the display of elements to full width\r\n\t */\r\n\t@Prop({ attribute: \"fit-content\" }) readonly fitContent: boolean = false\r\n\r\n\t@Watch(\"color\")\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(Colors, newValue, ControlGroupClass.root)\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tclass={this.h.classes(ControlGroupClass.root)}\r\n\t\t\t\tcolor={this.color}>\r\n\t\t\t\t<slot />\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"version":3}
+{"file":"gov-control-group.entry.cjs.js","mappings":";;;;;;;;;AAIkCA,UAAI,CAACC,aAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC;AAGvE,MAAM,iBAAiB,GAAG;AAChC,IAAA,IAAI,EAAE,mBAAmB;CACzB;;MCCY,eAAe,GAAA,MAAA;AAG3B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAKA;;AAEG;AACc,QAAA,IAAA,CAAA,KAAK,GAA0BA,aAAM,CAAC,OAAO;AAC9D;;AAEG;AACwC,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AACpE;;AAEG;AAC8C,QAAA,IAAa,CAAA,aAAA,GAAY,KAAK;AAC/E;;AAEG;AAC0C,QAAA,IAAU,CAAA,UAAA,GAAY,KAAK;QAnBvE,IAAI,CAAC,CAAC,GAAGC,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAqBD,IAAA,aAAa,CAAC,QAAgB,EAAA;QAC7BC,kBAAY,CAACF,aAAM,EAAE,QAAQ,EAAE,iBAAiB,CAAC,IAAI,CAAC;;IAGvD,MAAM,GAAA;AACL,QAAA,QACCG,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACJ,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAC7C,KAAK,EAAE,IAAI,CAAC,KAAK,EAAA,EACjBD,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;;;;","names":["pick","Colors","govHost","validateProp","h","Host"],"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', 'NEUTRAL', 'ERROR'])\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.NEUTRAL\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 the border between elements\n\t */\n\t@Prop({ attribute: \"no-inner-border\" }) readonly noInnerBorder: 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"],"version":3}

package/dist/cjs/gov-control-group.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"gov-control-group.entry.cjs.js","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'\r\nimport { ValueOf } from '../../types/interfaces'\r\nimport { pick } from '../../utils/utils'\r\n\r\nexport const ControlGroupColors = pick(Colors, ['PRIMARY', 'NEUTRAL', 'ERROR'])\r\nexport type ControlGroupColorType = `${ValueOf<typeof ControlGroupColors>}`\r\n\r\nexport const ControlGroupClass = {\r\n\troot: 'gov-control-group',\r\n}\r\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\"\r\nimport { Colors } from \"../../core/constants/colors\"\r\nimport { govHost } from \"../../helpers/Dom/template\"\r\nimport { GovHost } from \"../../helpers/Dom/template.types\"\r\nimport { validateProp } from \"../../helpers/Validate/props\"\r\nimport { ControlGroupClass, ControlGroupColorType } from \"./constants\"\r\n\r\n@Component({\r\n\ttag: \"gov-control-group\",\r\n})\r\nexport class GovControlGroup {\r\n\tprivate readonly h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovControlGroupElement\r\n\t/**\r\n\t * Style variation of the content message.\r\n\t */\r\n\t@Prop() readonly color: ControlGroupColorType = Colors.NEUTRAL\r\n\t/**\r\n\t * Specifies the display of the border between elements\r\n\t */\r\n\t@Prop({ attribute: \"no-border\" }) readonly noBorder: boolean = false\r\n\t/**\r\n\t * Specifies the display of the border between elements\r\n\t */\r\n\t@Prop({ attribute: \"no-inner-border\" }) readonly noInnerBorder: boolean = false\r\n\t/**\r\n\t * Specifies the display of elements to full width\r\n\t */\r\n\t@Prop({ attribute: \"fit-content\" }) readonly fitContent: boolean = false\r\n\r\n\t@Watch(\"color\")\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(Colors, newValue, ControlGroupClass.root)\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tclass={this.h.classes(ControlGroupClass.root)}\r\n\t\t\t\tcolor={this.color}>\r\n\t\t\t\t<slot />\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"names":["pick","Colors","govHost","validateProp","h","Host"],"mappings":";;;;;;;;;AAIkCA,UAAI,CAACC,aAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC;AAGvE,MAAM,iBAAiB,GAAG;AAChC,IAAA,IAAI,EAAE,mBAAmB;CACzB;;MCCY,eAAe,GAAA,MAAA;AAG3B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAKA;;AAEG;AACc,QAAA,IAAA,CAAA,KAAK,GAA0BA,aAAM,CAAC,OAAO;AAC9D;;AAEG;AACwC,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AACpE;;AAEG;AAC8C,QAAA,IAAa,CAAA,aAAA,GAAY,KAAK;AAC/E;;AAEG;AAC0C,QAAA,IAAU,CAAA,UAAA,GAAY,KAAK;QAnBvE,IAAI,CAAC,CAAC,GAAGC,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAqBD,IAAA,aAAa,CAAC,QAAgB,EAAA;QAC7BC,kBAAY,CAACF,aAAM,EAAE,QAAQ,EAAE,iBAAiB,CAAC,IAAI,CAAC;;IAGvD,MAAM,GAAA;AACL,QAAA,QACCG,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACJ,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAC7C,KAAK,EAAE,IAAI,CAAC,KAAK,EAAA,EACjBD,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;;;;"}
+{"version":3,"file":"gov-control-group.entry.cjs.js","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', 'NEUTRAL', 'ERROR'])\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.NEUTRAL\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 the border between elements\n\t */\n\t@Prop({ attribute: \"no-inner-border\" }) readonly noInnerBorder: 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"],"names":["pick","Colors","govHost","validateProp","h","Host"],"mappings":";;;;;;;;;AAIkCA,UAAI,CAACC,aAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC;AAGvE,MAAM,iBAAiB,GAAG;AAChC,IAAA,IAAI,EAAE,mBAAmB;CACzB;;MCCY,eAAe,GAAA,MAAA;AAG3B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAKA;;AAEG;AACc,QAAA,IAAA,CAAA,KAAK,GAA0BA,aAAM,CAAC,OAAO;AAC9D;;AAEG;AACwC,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AACpE;;AAEG;AAC8C,QAAA,IAAa,CAAA,aAAA,GAAY,KAAK;AAC/E;;AAEG;AAC0C,QAAA,IAAU,CAAA,UAAA,GAAY,KAAK;QAnBvE,IAAI,CAAC,CAAC,GAAGC,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAqBD,IAAA,aAAa,CAAC,QAAgB,EAAA;QAC7BC,kBAAY,CAACF,aAAM,EAAE,QAAQ,EAAE,iBAAiB,CAAC,IAAI,CAAC;;IAGvD,MAAM,GAAA;AACL,QAAA,QACCG,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACJ,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAC7C,KAAK,EAAE,IAAI,CAAC,KAAK,EAAA,EACjBD,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;;;;"}

package/dist/cjs/gov-cookiebar.cjs.entry.js

@@ -17,7 +17,7 @@ const GovCookiebar = class {
         this.h = template.govHost(this.host);
     }
     render() {
-        return (index.h(index.Host, { key: '7d8ea9cb10b863d70680e34a8359bb7d4b3b54af', class: this.h.classes(CookieConsentClass.root) }, index.h("div", { key: '4f2790507b522d5dc274e5ce5a5e62487a890c6d', class: CookieConsentClass.content }, index.h("slot", { key: 'aba847e24ad18dea0d9ea8fd7190bdcff108f758', name: "headline" }), index.h("slot", { key: 'd6227ad2ccf538201f2d8f1feac0db38f2633f22' })), (this.h.hasSlot('actions-primary') || this.h.hasSlot('actions-secondary')) && (index.h("div", { key: '65363bcb6e8371d3d46f6517b7e22fcde33ff2bf', class: CookieConsentClass.actions }, this.h.hasSlot('actions-primary') && (index.h("div", { key: '2c4f265a2114f493e2806af2d0956c7cd5f19a71', class: CookieConsentClass.actionsPrimary }, index.h("slot", { key: 'fa4276041012ed1828ddb788f26b1aa52f7c82a7', name: "actions-primary" }))), this.h.hasSlot('actions-secondary') && (index.h("div", { key: '1080ea743d6cbf8545c72858ac35bbac2b0b1d21', class: CookieConsentClass.actionsSecondary }, index.h("slot", { key: 'bf0d5811a3965b52943e6f842dda315b747c6845', name: "actions-secondary" })))))));
+        return (index.h(index.Host, { key: '3080237f7f776dbb4f984e7562c42da7634bf0d0', class: this.h.classes(CookieConsentClass.root) }, index.h("div", { key: '54c4ae5e1ea5249fec0268dc42df515c1fb75e07', class: CookieConsentClass.content }, index.h("slot", { key: 'ed6fa45135ede9ef8a07c7e2d57076bb9b8ada9f', name: "headline" }), index.h("slot", { key: 'c9b8eb4aeee524aa94fc91acef36bd7773d85432' })), (this.h.hasSlot('actions-primary') || this.h.hasSlot('actions-secondary')) && (index.h("div", { key: '2e323a07712c2981add9181cc0e7f2e4682b5335', class: CookieConsentClass.actions }, this.h.hasSlot('actions-primary') && (index.h("div", { key: 'fc63030056a1f625fe8d8fbc800296b1289afe29', class: CookieConsentClass.actionsPrimary }, index.h("slot", { key: '785adc2aced7347a3360c769ff3099ee434b3fc8', name: "actions-primary" }))), this.h.hasSlot('actions-secondary') && (index.h("div", { key: 'a078d1d4d7c6183bb8827d77cdcf844359d4cbdb', class: CookieConsentClass.actionsSecondary }, index.h("slot", { key: '85c98084bf4a36f6669f84e35ea3c578edb19fa1', name: "actions-secondary" })))))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/gov-cookiebar.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"gov-cookiebar.entry.cjs.js","mappings":";;;;;AAAO,MAAM,kBAAkB,GAAG;AACjC,IAAA,IAAI,EAAE,eAAe;AACrB,IAAA,OAAO,EAAE,wBAAwB;AACjC,IAAA,OAAO,EAAE,wBAAwB;AACjC,IAAA,cAAc,EAAE,iCAAiC;AACjD,IAAA,gBAAgB,EAAE,mCAAmC;CACrD;;MCEY,YAAY,GAAA,MAAA;AAGxB,IAAA,WAAA,CAAA,OAAA,EAAA;;QACC,IAAI,CAAC,CAAC,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;IAID,MAAM,GAAA;QACL,QACCC,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAA,EACnDD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,kBAAkB,CAAC,OAAO,EAAA,EACrCA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EAAG,CAAA,EACxBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,EAEL,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,mBAAmB,CAAC,MACzEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,kBAAkB,CAAC,OAAO,EAAA,EACpC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,KACjCA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,kBAAkB,CAAC,cAAc,EAAA,EAC5CA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,iBAAiB,EAAA,CAAG,CAC1B,CACN,EAEA,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,mBAAmB,CAAC,KACnCA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,kBAAkB,CAAC,gBAAgB,EAAA,EAC9CA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,mBAAmB,EAAG,CAAA,CAC5B,CACN,CACI,CACN,CACK;;;;;;;","names":["govHost","h","Host"],"sources":["../../../packages/core/src/components/gov-cookiebar/constants.tsx","../../../packages/core/src/components/gov-cookiebar/gov-cookiebar.tsx"],"sourcesContent":["export const CookieConsentClass = {\r\n\troot: 'gov-cookiebar',\r\n\tcontent: 'gov-cookiebar__content',\r\n\tactions: 'gov-cookiebar__actions',\r\n\tactionsPrimary: 'gov-cookiebar__actions--primary',\r\n\tactionsSecondary: 'gov-cookiebar__actions--secondary',\r\n}\r\n","import { Component, Element, h, Host } from '@stencil/core'\r\nimport { govHost } from '../../helpers/Dom/template'\r\nimport { GovHost } from '../../helpers/Dom/template.types'\r\nimport { CookieConsentClass } from './constants'\r\n\r\n@Component({\r\n\ttag: 'gov-cookiebar',\r\n})\r\nexport class GovCookiebar {\r\n\th: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovCookiebarElement\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(CookieConsentClass.root)}>\r\n\t\t\t\t<div class={CookieConsentClass.content}>\r\n\t\t\t\t\t<slot name=\"headline\" />\r\n\t\t\t\t\t<slot />\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t{(this.h.hasSlot('actions-primary') || this.h.hasSlot('actions-secondary')) && (\r\n\t\t\t\t\t<div class={CookieConsentClass.actions}>\r\n\t\t\t\t\t\t{this.h.hasSlot('actions-primary') && (\r\n\t\t\t\t\t\t\t<div class={CookieConsentClass.actionsPrimary}>\r\n\t\t\t\t\t\t\t\t<slot name=\"actions-primary\" />\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t{this.h.hasSlot('actions-secondary') && (\r\n\t\t\t\t\t\t\t<div class={CookieConsentClass.actionsSecondary}>\r\n\t\t\t\t\t\t\t\t<slot name=\"actions-secondary\" />\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"version":3}
+{"file":"gov-cookiebar.entry.cjs.js","mappings":";;;;;AAAO,MAAM,kBAAkB,GAAG;AACjC,IAAA,IAAI,EAAE,eAAe;AACrB,IAAA,OAAO,EAAE,wBAAwB;AACjC,IAAA,OAAO,EAAE,wBAAwB;AACjC,IAAA,cAAc,EAAE,iCAAiC;AACjD,IAAA,gBAAgB,EAAE,mCAAmC;CACrD;;MCEY,YAAY,GAAA,MAAA;AAGxB,IAAA,WAAA,CAAA,OAAA,EAAA;;QACC,IAAI,CAAC,CAAC,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;IAID,MAAM,GAAA;QACL,QACCC,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAA,EACnDD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,kBAAkB,CAAC,OAAO,EAAA,EACrCA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EAAG,CAAA,EACxBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,EAEL,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,mBAAmB,CAAC,MACzEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,kBAAkB,CAAC,OAAO,EAAA,EACpC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,KACjCA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,kBAAkB,CAAC,cAAc,EAAA,EAC5CA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,iBAAiB,EAAA,CAAG,CAC1B,CACN,EAEA,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,mBAAmB,CAAC,KACnCA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,kBAAkB,CAAC,gBAAgB,EAAA,EAC9CA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,mBAAmB,EAAG,CAAA,CAC5B,CACN,CACI,CACN,CACK;;;;;;;","names":["govHost","h","Host"],"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"],"version":3}

package/dist/cjs/gov-cookiebar.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"gov-cookiebar.entry.cjs.js","sources":["../../../packages/core/src/components/gov-cookiebar/constants.tsx","../../../packages/core/src/components/gov-cookiebar/gov-cookiebar.tsx"],"sourcesContent":["export const CookieConsentClass = {\r\n\troot: 'gov-cookiebar',\r\n\tcontent: 'gov-cookiebar__content',\r\n\tactions: 'gov-cookiebar__actions',\r\n\tactionsPrimary: 'gov-cookiebar__actions--primary',\r\n\tactionsSecondary: 'gov-cookiebar__actions--secondary',\r\n}\r\n","import { Component, Element, h, Host } from '@stencil/core'\r\nimport { govHost } from '../../helpers/Dom/template'\r\nimport { GovHost } from '../../helpers/Dom/template.types'\r\nimport { CookieConsentClass } from './constants'\r\n\r\n@Component({\r\n\ttag: 'gov-cookiebar',\r\n})\r\nexport class GovCookiebar {\r\n\th: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovCookiebarElement\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(CookieConsentClass.root)}>\r\n\t\t\t\t<div class={CookieConsentClass.content}>\r\n\t\t\t\t\t<slot name=\"headline\" />\r\n\t\t\t\t\t<slot />\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t{(this.h.hasSlot('actions-primary') || this.h.hasSlot('actions-secondary')) && (\r\n\t\t\t\t\t<div class={CookieConsentClass.actions}>\r\n\t\t\t\t\t\t{this.h.hasSlot('actions-primary') && (\r\n\t\t\t\t\t\t\t<div class={CookieConsentClass.actionsPrimary}>\r\n\t\t\t\t\t\t\t\t<slot name=\"actions-primary\" />\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t{this.h.hasSlot('actions-secondary') && (\r\n\t\t\t\t\t\t\t<div class={CookieConsentClass.actionsSecondary}>\r\n\t\t\t\t\t\t\t\t<slot name=\"actions-secondary\" />\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"names":["govHost","h","Host"],"mappings":";;;;;AAAO,MAAM,kBAAkB,GAAG;AACjC,IAAA,IAAI,EAAE,eAAe;AACrB,IAAA,OAAO,EAAE,wBAAwB;AACjC,IAAA,OAAO,EAAE,wBAAwB;AACjC,IAAA,cAAc,EAAE,iCAAiC;AACjD,IAAA,gBAAgB,EAAE,mCAAmC;CACrD;;MCEY,YAAY,GAAA,MAAA;AAGxB,IAAA,WAAA,CAAA,OAAA,EAAA;;QACC,IAAI,CAAC,CAAC,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;IAID,MAAM,GAAA;QACL,QACCC,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAA,EACnDD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,kBAAkB,CAAC,OAAO,EAAA,EACrCA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EAAG,CAAA,EACxBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,EAEL,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,mBAAmB,CAAC,MACzEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,kBAAkB,CAAC,OAAO,EAAA,EACpC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,KACjCA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,kBAAkB,CAAC,cAAc,EAAA,EAC5CA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,iBAAiB,EAAA,CAAG,CAC1B,CACN,EAEA,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,mBAAmB,CAAC,KACnCA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,kBAAkB,CAAC,gBAAgB,EAAA,EAC9CA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,mBAAmB,EAAG,CAAA,CAC5B,CACN,CACI,CACN,CACK;;;;;;;"}
+{"version":3,"file":"gov-cookiebar.entry.cjs.js","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"],"names":["govHost","h","Host"],"mappings":";;;;;AAAO,MAAM,kBAAkB,GAAG;AACjC,IAAA,IAAI,EAAE,eAAe;AACrB,IAAA,OAAO,EAAE,wBAAwB;AACjC,IAAA,OAAO,EAAE,wBAAwB;AACjC,IAAA,cAAc,EAAE,iCAAiC;AACjD,IAAA,gBAAgB,EAAE,mCAAmC;CACrD;;MCEY,YAAY,GAAA,MAAA;AAGxB,IAAA,WAAA,CAAA,OAAA,EAAA;;QACC,IAAI,CAAC,CAAC,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;IAID,MAAM,GAAA;QACL,QACCC,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAA,EACnDD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,kBAAkB,CAAC,OAAO,EAAA,EACrCA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EAAG,CAAA,EACxBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,EAEL,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,mBAAmB,CAAC,MACzEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,kBAAkB,CAAC,OAAO,EAAA,EACpC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,KACjCA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,kBAAkB,CAAC,cAAc,EAAA,EAC5CA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,iBAAiB,EAAA,CAAG,CAC1B,CACN,EAEA,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,mBAAmB,CAAC,KACnCA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,kBAAkB,CAAC,gBAAgB,EAAA,EAC9CA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,mBAAmB,EAAG,CAAA,CAC5B,CACN,CACI,CACN,CACK;;;;;;;"}

package/dist/cjs/gov-dialog.cjs.entry.js

@@ -132,7 +132,7 @@ const GovDialog = class {
         document.body.classList.remove(DialogClass.bodyFix);
     }
     render() {
-        return (index.h(index.Host, { key: 'ba9070ed36ce25806a12a88f55d9a36609e17bbb', class: this.h.classes(DialogClass.root), open: this.open, hydrated: this.hydrated }, index.h("dialog", { key: '79188b6182895a7a7db32e629316a46420d2981c', ref: el => (this.dialogRef = el), class: DialogClass.dialog, hidden: !this.open, tabindex: template.boolToFocusValue(this.open), open: this.open, "aria-modal": "true", "aria-hidden": template.toBoolAttr(!this.open), "aria-labelledby": this.accessibleLabelledBy || this.labelId, "aria-describedby": this.accessibleDescribedBy || this.contentId, role: this.role }, index.h("div", { key: 'a50c41b27b3060292df9b6d2eb657c1e27a384e7', class: DialogClass.inner }, index.h("div", { key: '487b4639e842aa7257e2ce24a553e8ae67be02be', class: DialogClass.header }, this.h.hasSlot("icon") && (index.h("span", { key: '75dfd64444588ce6a37607a60eb1c4df7888d3e8' }, index.h("slot", { key: '80be9198860ffce669b218b6f0f0143f7da83add', name: "icon" }))), this.h.hasSlot('title') && (index.h("span", { key: '723a628454f0989db5da7a1ae12aef803896b9de', class: DialogClass.title, id: this.labelId }, index.h("slot", { key: '0aee99ddbdbb0a068b07259d6b2793ddf3dfa629', name: "title" }))), index.h("gov-button", { key: '6f245f5f2a3a95ff239cd55640c5aac980374cfc', ref: el => (this.closeCtaRef = el), disabled: this.blockClose, class: DialogClass.close, color: "primary", "aria-label": this.accessibleCloseLabel, "aria-labelledby": this.accessibleCloseLabelledBy, type: "base", size: "m", "on-gov-click": this.onCloseHandler.bind(this) }, index.h("gov-icon", { key: 'f767a25f40e13c322d6871275d996493bbe8730b', slot: "icon-start", name: "x-lg", type: "components" }))), index.h("div", { key: '4c975dfa826bada579b1ee6edbcece08bf6b7346', class: DialogClass.content, id: this.contentId }, index.h("slot", { key: 'cdc3d7b173b47237cecf113e344d2ebd05d6daeb' })), this.h.hasSlot('footer') && (index.h("div", { key: '37e471ea3bb0952c0ccfc290b02af6d69690ae4e', class: DialogClass.footer }, index.h("slot", { key: '69f6160c0429d82051a6b99d210f132c7ec3ff56', name: "footer" }))))), this.open ? (index.h("gov-backdrop", { disabled: this.blockBackdropClose, "aria-label": this.accessibleCloseLabel, "aria-labelled-by": this.accessibleCloseLabelledBy, "on-gov-click": this.onCloseHandler.bind(this) })) : null));
+        return (index.h(index.Host, { key: '1b4a7fbbf75675be26754a29aeadf8943af6e372', class: this.h.classes(DialogClass.root), open: this.open, hydrated: this.hydrated }, index.h("dialog", { key: '75df8bc2428485b6bc5a2ed21f334ff897a26f19', ref: el => (this.dialogRef = el), class: DialogClass.dialog, hidden: !this.open, tabindex: template.boolToFocusValue(this.open), open: this.open, "aria-modal": "true", "aria-hidden": template.toBoolAttr(!this.open), "aria-labelledby": this.accessibleLabelledBy || this.labelId, "aria-describedby": this.accessibleDescribedBy || this.contentId, role: this.role }, index.h("div", { key: '7a8c1ff8172fcb3e2e6ed342baf38018b7603b4c', class: DialogClass.inner }, index.h("div", { key: 'b84fec4ad89efe420beede090a20bfdff6f47457', class: DialogClass.header }, this.h.hasSlot("icon") && (index.h("span", { key: '931cc48c446af90837a58bd83bfc30e9c54ad787' }, index.h("slot", { key: '088523bcc3debf0144195c21faa89f9f5ab8dd31', name: "icon" }))), this.h.hasSlot('title') && (index.h("span", { key: 'd38ca38a8b269f5a4f18ea2c8b0d833ac1614f43', class: DialogClass.title, id: this.labelId }, index.h("slot", { key: '7bdc841090ba66fb9dab50d3ae1af8308fd4dddb', name: "title" }))), index.h("gov-button", { key: '89dddfec62b770915b1e841b65a3727a399ac454', ref: el => (this.closeCtaRef = el), disabled: this.blockClose, class: DialogClass.close, color: "primary", "aria-label": this.accessibleCloseLabel, "aria-labelledby": this.accessibleCloseLabelledBy, type: "base", size: "m", "on-gov-click": this.onCloseHandler.bind(this) }, index.h("gov-icon", { key: 'b4446a4fb10351aa2c263c1e09c7f821096e780f', slot: "icon-start", name: "x-lg", type: "components" }))), index.h("div", { key: '5c2a71245e7cd6e5ffebc317b79c16b299de1674', class: DialogClass.content, id: this.contentId }, index.h("slot", { key: 'd2bb335499547d7799316f2c9016569375eed7f4' })), this.h.hasSlot('footer') && (index.h("div", { key: '154d7917e898162f0fdaad2fa4007fccdec820c6', class: DialogClass.footer }, index.h("slot", { key: '45272652b42b67f1f1bc88f256c20eba35fe1f69', name: "footer" }))))), this.open ? (index.h("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();