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

package/dist/collection/components/gov-chip/gov-chip.js

@@ -69,11 +69,11 @@ export class GovChip {
         const nativeType = Tag == NativeType.BUTTON ? NativeType.BUTTON : undefined;
         const iconStart = prepareIconFormat(this.iconStart);
         const iconEnd = prepareIconFormat(this.iconEnd);
-        return (h(Host, { key: '32757f0c00fbf343f2a09c81c36f0631e007dee7', class: this.h.classes([
+        return (h(Host, { key: 'ef86316065b17ea753e6f46944203be579c9669c', 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 }, h(Tag, Object.assign({ key: '15c641eec13ca157f1d7a3709fc8843f18180b10', 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 }), h("slot", { key: '81f56e0015e7d8ad1b72b7c24c90fd6eb04f31e8', name: "left" }), h("slot", { key: '76377b22dc1c71a1fd0c5ca6bf0132760fbfca77', name: "icon-start" }, iconStart && h("gov-icon", { key: '55245f14620f9a9d4c04d48a88944a44068148b2', type: iconStart.type, name: iconStart.name })), h("slot", { key: '4159dd5f8662d6b7ba5647e1220eddeeaef54553' }), h("slot", { key: '8810a1161bfea9da7cc932ea5ce4810d4762d208', name: "icon-end" }, iconEnd && h("gov-icon", { key: 'c4585843d3e078f9a99ec01a78cb862c1783a36c', type: iconEnd.type, name: iconEnd.name })), h("slot", { key: '0b05c2e16d2ddea5bba82bfce3f1500889379f1a', name: "right" }))));
+            ]), disabled: this.disabled, href: this.href, color: this.color, type: this.type, size: this.size, focusable: this.focusable, hydrated: this.hydrated }, 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 }), h("slot", { key: '9793b743f288573932aec95f68c0f1b1bb617add', name: "left" }), h("slot", { key: 'be7cc7cb0a94c666faf842d8ee70701245305001', name: "icon-start" }, iconStart && h("gov-icon", { key: '464ebc3d08b609a17e5e126eca9b0fb8eefc2bd4', type: iconStart.type, name: iconStart.name })), h("slot", { key: 'faffc742599b65f40b61b8cbd45e32891f43a869' }), h("slot", { key: 'dce2fa1d55332f8cc3d51e8a11e56735f5bcf683', name: "icon-end" }, iconEnd && h("gov-icon", { key: 'afc841c471bc376cc650150e168d307f3393ef15', type: iconEnd.type, name: iconEnd.name })), h("slot", { key: '16dc2b17d2b813c2ced12ae44c12d621a82c6cb5', name: "right" }))));
     }
     onClickHandler(e) {
         e.stopPropagation();
@@ -377,27 +377,27 @@ export class GovChip {
         return {
             "geRef": {
                 "complexType": {
-                    "signature": "() => Promise<HTMLButtonElement | HTMLLinkElement | HTMLSpanElement>",
+                    "signature": "() => Promise<HTMLLinkElement | HTMLButtonElement | HTMLSpanElement>",
                     "parameters": [],
                     "references": {
                         "Promise": {
                             "location": "global",
                             "id": "global::Promise"
                         },
-                        "HTMLButtonElement": {
-                            "location": "global",
-                            "id": "global::HTMLButtonElement"
-                        },
                         "HTMLLinkElement": {
                             "location": "global",
                             "id": "global::HTMLLinkElement"
                         },
+                        "HTMLButtonElement": {
+                            "location": "global",
+                            "id": "global::HTMLButtonElement"
+                        },
                         "HTMLSpanElement": {
                             "location": "global",
                             "id": "global::HTMLSpanElement"
                         }
                     },
-                    "return": "Promise<HTMLButtonElement | HTMLLinkElement | HTMLSpanElement>"
+                    "return": "Promise<HTMLLinkElement | HTMLButtonElement | HTMLSpanElement>"
                 },
                 "docs": {
                     "text": "Returns a clickable element instance",

package/dist/collection/components/gov-chip/gov-chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"gov-chip.js","sourceRoot":"","sources":["../../../../../../src/components/gov-chip/gov-chip.tsx"],"names":[],"mappings":"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","sourcesContent":["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,"file":"gov-chip.js","sourceRoot":"","sources":["../../../../../../src/components/gov-chip/gov-chip.tsx"],"names":[],"mappings":"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","sourcesContent":["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"]}

package/dist/collection/components/gov-collapsible/constants.js

@@ -0,0 +1,18 @@
+import { pick } from "../../utils/utils";
+import { Sizes } from "../../core/constants/sizes";
+export const CollapsibleSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL']);
+export var CollapsibleDirection;
+(function (CollapsibleDirection) {
+    CollapsibleDirection["DOWN"] = "down";
+    CollapsibleDirection["UP"] = "up";
+})(CollapsibleDirection || (CollapsibleDirection = {}));
+export const CollapsibleClass = {
+    root: 'gov-collapsible',
+    details: 'gov-collapsible__details',
+    summary: 'gov-collapsible__summary',
+    title: 'gov-collapsible__title',
+    arrow: 'gov-collapsible__arrow',
+    content: 'gov-collapsible__content',
+    disabled: 'gov-collapsible--disabled',
+};
+//# sourceMappingURL=constants.js.map

package/dist/collection/components/gov-collapsible/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-collapsible/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,KAAK,EAAC,MAAM,4BAA4B,CAAC;AAGjD,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;AAG7E,MAAM,CAAN,IAAY,oBAGX;AAHD,WAAY,oBAAoB;IAC/B,qCAAa,CAAA;IACb,iCAAS,CAAA;AACV,CAAC,EAHW,oBAAoB,KAApB,oBAAoB,QAG/B;AAGD,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC/B,IAAI,EAAE,iBAAiB;IACvB,OAAO,EAAE,0BAA0B;IACnC,OAAO,EAAE,0BAA0B;IACnC,KAAK,EAAE,wBAAwB;IAC/B,KAAK,EAAE,wBAAwB;IAC/B,OAAO,EAAE,0BAA0B;IACnC,QAAQ,EAAE,2BAA2B;CACrC,CAAA","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"]}

package/dist/collection/components/gov-collapsible/gov-collapsible.js

@@ -0,0 +1,182 @@
+import { h, Host } from "@stencil/core";
+import { CollapsibleClass, CollapsibleSizes, } from "./constants";
+import { booleanString, govHost } from "../../helpers/Dom/template";
+import { validateProp } from "../../helpers/Validate/props";
+import { AttributeObserver } from "../../helpers/Dom/attribute";
+import { createID } from "../../utils/string.utils";
+import { ariaAttributes } from "../../helpers/Accessibility/attributes";
+import { inheritAriaAttributes } from "../../helpers/Accessibility/accessibility";
+export class GovCollapsible {
+    constructor() {
+        this.hydrated = false;
+        /**
+         * Element size.
+         */
+        this.size = 'm';
+        /**
+         * Makes component disabled.
+         */
+        this.disabled = false;
+        /**
+         * Defines whether the collapsible is open or closed
+         */
+        this.open = false;
+        this.inheritedAttributes = {};
+        this.h = govHost(this.host);
+        this.triggerId = createID("GovCollapsibleControl");
+        this.contentId = createID("GovCollapsibleContent");
+    }
+    validateSize(newValue) {
+        validateProp(CollapsibleSizes, newValue, CollapsibleClass.root);
+    }
+    componentDidLoad() {
+        this.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {
+            this.onAriaAttributeChange(attributeName, newValue);
+        });
+        this.attributeObserver.startObserving(ariaAttributes);
+    }
+    componentWillLoad() {
+        this.validateSize(this.size);
+        this.inheritedAttributes = inheritAriaAttributes(this.host);
+    }
+    onAriaAttributeChange(attributeName, newValue) {
+        this.host.removeAttribute(attributeName);
+        this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.attributeObserver) === null || _a === void 0 ? void 0 : _a.stopObserving();
+    }
+    connectedCallback() {
+        this.hydrated = true;
+    }
+    render() {
+        return (h(Host, { key: '3c9284a4fdbf445f402693b15c5269c8e5b98372', hydrated: this.hydrated, class: this.h.classes([CollapsibleClass.root, this.disabled && CollapsibleClass.disabled]), size: this.size }, h("gov-button", Object.assign({ key: 'db793476b0b8ed5ecc44dd2191b3cf26c0a97e86', 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": booleanString(this.open), "aria-haspopup": "true" }), this.label, h("gov-icon", { key: 'c230a7d2553c0858ddf24c6f9c7afbc249cd7f8e', slot: 'icon-end', name: this.open ? 'chevron-up' : 'chevron-down', type: "components" })), h("div", { key: '64e787e14f8773dae11f0e54658984f3622b8b47', class: CollapsibleClass.content, hidden: !this.open, id: this.contentId, "aria-labelledby": this.triggerId, "aria-hidden": booleanString(!this.open) }, h("slot", { key: '1e09e5a7242946af30012b68beb38119865003ec' }))));
+    }
+    static get is() { return "gov-collapsible"; }
+    static get properties() {
+        return {
+            "size": {
+                "type": "string",
+                "attribute": "size",
+                "mutable": false,
+                "complexType": {
+                    "original": "CollapsibleSizesType",
+                    "resolved": "\"l\" | \"m\" | \"s\" | \"xl\" | \"xs\"",
+                    "references": {
+                        "CollapsibleSizesType": {
+                            "location": "import",
+                            "path": "./constants",
+                            "id": "../../../packages/core/src/components/gov-collapsible/constants.ts::CollapsibleSizesType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Element size."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'m'"
+            },
+            "identifier": {
+                "type": "string",
+                "attribute": "identifier",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Custom input identifier."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "label": {
+                "type": "string",
+                "attribute": "label",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "disabled": {
+                "type": "boolean",
+                "attribute": "disabled",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Makes component disabled."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "open": {
+                "type": "boolean",
+                "attribute": "open",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Defines whether the collapsible is open or closed"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "inheritedAttributes": {}
+        };
+    }
+    static get elementRef() { return "host"; }
+    static get watchers() {
+        return [{
+                "propName": "size",
+                "methodName": "validateSize"
+            }];
+    }
+}
+//# sourceMappingURL=gov-collapsible.js.map

package/dist/collection/components/gov-collapsible/gov-collapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-collapsible.js","sourceRoot":"","sources":["../../../../../../src/components/gov-collapsible/gov-collapsible.tsx"],"names":[],"mappings":"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","sourcesContent":["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"]}

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-container/constants.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG;IAC7B,IAAI,EAAE,eAAe;CACrB,CAAA","sourcesContent":["export const ContainerClass = {\n\troot: 'gov-container',\n}\n"]}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-container/constants.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG;IAC7B,IAAI,EAAE,eAAe;CACrB,CAAA","sourcesContent":["export const ContainerClass = {\r\n\troot: 'gov-container',\r\n}\r\n"]}

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

@@ -6,7 +6,7 @@ export class GovContainer {
         this.h = govHost(this.host);
     }
     render() {
-        return (h(Host, { key: '82f7c451b4196138a062e9e807c0b264b5f8e1fe', class: this.h.classes(ContainerClass.root) }, h("slot", { key: '04a40aeafe57c99f4a148d04320bf390e3444ea8' })));
+        return (h(Host, { key: 'a15740b2be2e28a5a494d84b54b1cf065fb0907d', class: this.h.classes(ContainerClass.root) }, h("slot", { key: 'c67701622dc955319e46eecdb897439fff163ca6' })));
     }
     static get is() { return "gov-container"; }
     static get elementRef() { return "host"; }

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

@@ -1 +1 @@
-{"version":3,"file":"gov-container.js","sourceRoot":"","sources":["../../../../../../src/components/gov-container/gov-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAEpD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAK5C,MAAM,OAAO,YAAY;IAGxB;QACC,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IAID,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC;YAC/C,8DAAQ,CACF,CACP,CAAA;IACF,CAAC;;;CACD","sourcesContent":["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,"file":"gov-container.js","sourceRoot":"","sources":["../../../../../../src/components/gov-container/gov-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAEpD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAK5C,MAAM,OAAO,YAAY;IAGxB;QACC,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IAID,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC;YAC/C,8DAAQ,CACF,CACP,CAAA;IACF,CAAC;;;CACD","sourcesContent":["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"]}

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

@@ -1,6 +1,6 @@
 import { Colors } from "../../core/constants/colors";
 import { pick } from "../../utils/utils";
-export const ControlGroupColors = pick(Colors, ['PRIMARY', 'SECONDARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING']);
+export const ControlGroupColors = pick(Colors, ['PRIMARY', 'NEUTRAL', 'ERROR']);
 export const ControlGroupClass = {
     root: 'gov-control-group',
 };

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-control-group/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAA;AAEpD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAExC,MAAM,CAAC,MAAM,kBAAkB,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAA;AAGlH,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAChC,IAAI,EAAE,mBAAmB;CACzB,CAAA","sourcesContent":["import { Colors } from '../../core/constants/colors'\nimport { ValueOf } from '../../types/interfaces'\nimport { pick } from '../../utils/utils'\n\nexport const ControlGroupColors = pick(Colors, ['PRIMARY', 'SECONDARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING'])\nexport type ControlGroupColorType = `${ValueOf<typeof ControlGroupColors>}`\n\nexport const ControlGroupClass = {\n\troot: 'gov-control-group',\n}\n"]}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-control-group/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAA;AAEpD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAExC,MAAM,CAAC,MAAM,kBAAkB,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAA;AAG/E,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAChC,IAAI,EAAE,mBAAmB;CACzB,CAAA","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"]}

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

@@ -8,11 +8,15 @@ export class GovControlGroup {
         /**
          * Style variation of the content message.
          */
-        this.color = Colors.PRIMARY;
+        this.color = Colors.NEUTRAL;
         /**
          * Specifies the display of the border between elements
          */
         this.noBorder = false;
+        /**
+         * Specifies the display of the border between elements
+         */
+        this.noInnerBorder = false;
         /**
          * Specifies the display of elements to full width
          */
@@ -23,7 +27,7 @@ export class GovControlGroup {
         validateProp(Colors, newValue, ControlGroupClass.root);
     }
     render() {
-        return (h(Host, { key: '74d339e88105be80b3f335aa2af1155ab23099c8', class: this.h.classes(ControlGroupClass.root), color: this.color }, h("slot", { key: 'e3af09285370470ad4e1ca9e6b225ca98708cebc' })));
+        return (h(Host, { key: '3881ca5a7d9dd1dbf5cb22a6cca23f6df886e09a', class: this.h.classes(ControlGroupClass.root), color: this.color }, h("slot", { key: '2e9dbf6b93cac0d4444d3696df03c9a7420dc747' })));
     }
     static get is() { return "gov-control-group"; }
     static get properties() {
@@ -34,7 +38,7 @@ export class GovControlGroup {
                 "mutable": false,
                 "complexType": {
                     "original": "ControlGroupColorType",
-                    "resolved": "\"error\" | \"neutral\" | \"primary\" | \"secondary\" | \"success\" | \"warning\"",
+                    "resolved": "\"error\" | \"neutral\" | \"primary\"",
                     "references": {
                         "ControlGroupColorType": {
                             "location": "import",
@@ -52,7 +56,7 @@ export class GovControlGroup {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "defaultValue": "Colors.PRIMARY"
+                "defaultValue": "Colors.NEUTRAL"
             },
             "noBorder": {
                 "type": "boolean",
@@ -74,6 +78,26 @@ export class GovControlGroup {
                 "reflect": false,
                 "defaultValue": "false"
             },
+            "noInnerBorder": {
+                "type": "boolean",
+                "attribute": "no-inner-border",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Specifies the display of the border between elements"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            },
             "fitContent": {
                 "type": "boolean",
                 "attribute": "fit-content",

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

@@ -1 +1 @@
-{"version":3,"file":"gov-control-group.js","sourceRoot":"","sources":["../../../../../../src/components/gov-control-group/gov-control-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACxE,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAA;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAEpD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAE,iBAAiB,EAAyB,MAAM,aAAa,CAAA;AAKtE,MAAM,OAAO,eAAe;IAG3B;QAKA;;WAEG;QACc,UAAK,GAA0B,MAAM,CAAC,OAAO,CAAA;QAC9D;;WAEG;QACwC,aAAQ,GAAY,KAAK,CAAA;QACpE;;WAEG;QAC0C,eAAU,GAAY,KAAK,CAAA;QAfvE,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IAiBD,aAAa,CAAC,QAAgB;QAC7B,YAAY,CAAC,MAAM,EAAE,QAAQ,EAAE,iBAAiB,CAAC,IAAI,CAAC,CAAA;IACvD,CAAC;IAED,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDACJ,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAC7C,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,8DAAQ,CACF,CACP,CAAA;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\"\nimport { Colors } from \"../../core/constants/colors\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { ControlGroupClass, ControlGroupColorType } from \"./constants\"\n\n@Component({\n\ttag: \"gov-control-group\",\n})\nexport class GovControlGroup {\n\tprivate readonly h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovControlGroupElement\n\t/**\n\t * Style variation of the content message.\n\t */\n\t@Prop() readonly color: ControlGroupColorType = Colors.PRIMARY\n\t/**\n\t * Specifies the display of the border between elements\n\t */\n\t@Prop({ attribute: \"no-border\" }) readonly noBorder: boolean = false\n\t/**\n\t * Specifies the display of elements to full width\n\t */\n\t@Prop({ attribute: \"fit-content\" }) readonly fitContent: boolean = false\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(Colors, newValue, ControlGroupClass.root)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes(ControlGroupClass.root)}\n\t\t\t\tcolor={this.color}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}
+{"version":3,"file":"gov-control-group.js","sourceRoot":"","sources":["../../../../../../src/components/gov-control-group/gov-control-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACxE,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAA;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAEpD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAE,iBAAiB,EAAyB,MAAM,aAAa,CAAA;AAKtE,MAAM,OAAO,eAAe;IAG3B;QAKA;;WAEG;QACc,UAAK,GAA0B,MAAM,CAAC,OAAO,CAAA;QAC9D;;WAEG;QACwC,aAAQ,GAAY,KAAK,CAAA;QACpE;;WAEG;QAC8C,kBAAa,GAAY,KAAK,CAAA;QAC/E;;WAEG;QAC0C,eAAU,GAAY,KAAK,CAAA;QAnBvE,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IAqBD,aAAa,CAAC,QAAgB;QAC7B,YAAY,CAAC,MAAM,EAAE,QAAQ,EAAE,iBAAiB,CAAC,IAAI,CAAC,CAAA;IACvD,CAAC;IAED,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDACJ,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAC7C,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,8DAAQ,CACF,CACP,CAAA;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["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"]}

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-cookiebar/constants.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG;IACjC,IAAI,EAAE,eAAe;IACrB,OAAO,EAAE,wBAAwB;IACjC,OAAO,EAAE,wBAAwB;IACjC,cAAc,EAAE,iCAAiC;IACjD,gBAAgB,EAAE,mCAAmC;CACrD,CAAA","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"]}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-cookiebar/constants.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG;IACjC,IAAI,EAAE,eAAe;IACrB,OAAO,EAAE,wBAAwB;IACjC,OAAO,EAAE,wBAAwB;IACjC,cAAc,EAAE,iCAAiC;IACjD,gBAAgB,EAAE,mCAAmC;CACrD,CAAA","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"]}

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

@@ -6,7 +6,7 @@ export class GovCookiebar {
         this.h = govHost(this.host);
     }
     render() {
-        return (h(Host, { key: 'ad50c5414cb7d3dc0c5b2d378e2484dea094b1de', class: this.h.classes(CookieConsentClass.root) }, h("div", { key: 'aeedb06244acdb5bf57f11c37132d7fec2871cc5', class: CookieConsentClass.content }, h("slot", { key: '90ac710208833ac2c6349792a02f13c4e80741c4', name: "headline" }), h("slot", { key: '67c6c377aa6255bd31fefa8d20b55bfa3c90b489' })), (this.h.hasSlot('actions-primary') || this.h.hasSlot('actions-secondary')) && (h("div", { key: 'aa9b2f1162adcd6d9a2d81da2262046ec8886f50', class: CookieConsentClass.actions }, this.h.hasSlot('actions-primary') && (h("div", { key: 'b152aebaef3031dc48fe569fef4f1f8119dbaf6b', class: CookieConsentClass.actionsPrimary }, h("slot", { key: '16b3e328ddc88528d877052b445855dc909605d4', name: "actions-primary" }))), this.h.hasSlot('actions-secondary') && (h("div", { key: 'a825b255261a36cfd192d8936de9eb2b78d5d941', class: CookieConsentClass.actionsSecondary }, h("slot", { key: 'f651dfbf6756682711b2c4415df6acf4a2c9a479', name: "actions-secondary" })))))));
+        return (h(Host, { key: '7d8ea9cb10b863d70680e34a8359bb7d4b3b54af', class: this.h.classes(CookieConsentClass.root) }, h("div", { key: '4f2790507b522d5dc274e5ce5a5e62487a890c6d', class: CookieConsentClass.content }, h("slot", { key: 'aba847e24ad18dea0d9ea8fd7190bdcff108f758', name: "headline" }), h("slot", { key: 'd6227ad2ccf538201f2d8f1feac0db38f2633f22' })), (this.h.hasSlot('actions-primary') || this.h.hasSlot('actions-secondary')) && (h("div", { key: '65363bcb6e8371d3d46f6517b7e22fcde33ff2bf', class: CookieConsentClass.actions }, this.h.hasSlot('actions-primary') && (h("div", { key: '2c4f265a2114f493e2806af2d0956c7cd5f19a71', class: CookieConsentClass.actionsPrimary }, h("slot", { key: 'fa4276041012ed1828ddb788f26b1aa52f7c82a7', name: "actions-primary" }))), this.h.hasSlot('actions-secondary') && (h("div", { key: '1080ea743d6cbf8545c72858ac35bbac2b0b1d21', class: CookieConsentClass.actionsSecondary }, h("slot", { key: 'bf0d5811a3965b52943e6f842dda315b747c6845', name: "actions-secondary" })))))));
     }
     static get is() { return "gov-cookiebar"; }
     static get elementRef() { return "host"; }

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

@@ -1 +1 @@
-{"version":3,"file":"gov-cookiebar.js","sourceRoot":"","sources":["../../../../../../src/components/gov-cookiebar/gov-cookiebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAEpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAKhD,MAAM,OAAO,YAAY;IAGxB;QACC,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IAID,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,kBAAkB,CAAC,IAAI,CAAC;YACnD,4DAAK,KAAK,EAAE,kBAAkB,CAAC,OAAO;gBACrC,6DAAM,IAAI,EAAC,UAAU,GAAG;gBACxB,8DAAQ,CACH;YAEL,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAC9E,4DAAK,KAAK,EAAE,kBAAkB,CAAC,OAAO;gBACpC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,CACrC,4DAAK,KAAK,EAAE,kBAAkB,CAAC,cAAc;oBAC5C,6DAAM,IAAI,EAAC,iBAAiB,GAAG,CAC1B,CACN;gBAEA,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,mBAAmB,CAAC,IAAI,CACvC,4DAAK,KAAK,EAAE,kBAAkB,CAAC,gBAAgB;oBAC9C,6DAAM,IAAI,EAAC,mBAAmB,GAAG,CAC5B,CACN,CACI,CACN,CACK,CACP,CAAA;IACF,CAAC;;;CACD","sourcesContent":["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,"file":"gov-cookiebar.js","sourceRoot":"","sources":["../../../../../../src/components/gov-cookiebar/gov-cookiebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAEpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAKhD,MAAM,OAAO,YAAY;IAGxB;QACC,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IAID,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,kBAAkB,CAAC,IAAI,CAAC;YACnD,4DAAK,KAAK,EAAE,kBAAkB,CAAC,OAAO;gBACrC,6DAAM,IAAI,EAAC,UAAU,GAAG;gBACxB,8DAAQ,CACH;YAEL,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAC9E,4DAAK,KAAK,EAAE,kBAAkB,CAAC,OAAO;gBACpC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,CACrC,4DAAK,KAAK,EAAE,kBAAkB,CAAC,cAAc;oBAC5C,6DAAM,IAAI,EAAC,iBAAiB,GAAG,CAC1B,CACN;gBAEA,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,mBAAmB,CAAC,IAAI,CACvC,4DAAK,KAAK,EAAE,kBAAkB,CAAC,gBAAgB;oBAC9C,6DAAM,IAAI,EAAC,mBAAmB,GAAG,CAC5B,CACN,CACI,CACN,CACK,CACP,CAAA;IACF,CAAC;;;CACD","sourcesContent":["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"]}

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-dialog/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG;IAC1B,IAAI,EAAE,YAAY;IAClB,MAAM,EAAE,oBAAoB;IAC5B,KAAK,EAAE,mBAAmB;IAC1B,MAAM,EAAE,oBAAoB;IAC5B,KAAK,EAAE,mBAAmB;IAC1B,OAAO,EAAE,qBAAqB;IAC9B,KAAK,EAAE,mBAAmB;IAC1B,MAAM,EAAE,oBAAoB;IAC5B,OAAO,EAAE,YAAY;CACrB,CAAA","sourcesContent":["export const DialogClass = {\n\troot: 'gov-dialog',\n\tdialog: 'gov-dialog__dialog',\n\tinner: 'gov-dialog__inner',\n\theader: 'gov-dialog__header',\n\ttitle: 'gov-dialog__title',\n\tcontent: 'gov-dialog__content',\n\tclose: 'gov-dialog__close',\n\tfooter: 'gov-dialog__footer',\n\tbodyFix: 'body-fixed',\n}\n"]}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-dialog/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG;IAC1B,IAAI,EAAE,YAAY;IAClB,MAAM,EAAE,oBAAoB;IAC5B,KAAK,EAAE,mBAAmB;IAC1B,MAAM,EAAE,oBAAoB;IAC5B,KAAK,EAAE,mBAAmB;IAC1B,OAAO,EAAE,qBAAqB;IAC9B,KAAK,EAAE,mBAAmB;IAC1B,MAAM,EAAE,oBAAoB;IAC5B,OAAO,EAAE,YAAY;CACrB,CAAA","sourcesContent":["export const DialogClass = {\r\n\troot: 'gov-dialog',\r\n\tdialog: 'gov-dialog__dialog',\r\n\tinner: 'gov-dialog__inner',\r\n\theader: 'gov-dialog__header',\r\n\ttitle: 'gov-dialog__title',\r\n\tcontent: 'gov-dialog__content',\r\n\tclose: 'gov-dialog__close',\r\n\tfooter: 'gov-dialog__footer',\r\n\tbodyFix: 'body-fixed',\r\n}\r\n"]}

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

@@ -109,7 +109,7 @@ export class GovDialog {
         document.body.classList.remove(DialogClass.bodyFix);
     }
     render() {
-        return (h(Host, { key: '9c830f1956c43a7bc090cab8b396187ec791ca49', class: this.h.classes(DialogClass.root), open: this.open, hydrated: this.hydrated }, h("dialog", { key: 'd7c671e1a8a6b20edb8c322f854ca5b3071f3cf1', ref: el => (this.dialogRef = el), class: DialogClass.dialog, hidden: !this.open, tabindex: boolToFocusValue(this.open), open: this.open, "aria-modal": "true", "aria-hidden": toBoolAttr(!this.open), "aria-labelledby": this.accessibleLabelledBy || this.labelId, "aria-describedby": this.accessibleDescribedBy || this.contentId, role: this.role }, h("div", { key: '9742aaa22ffe854ccc5cdde34d6da318fb1f19b1', class: DialogClass.inner }, h("div", { key: '727bbd4ead0ec33ccbf7ee02d12f04a9ae3e7391', class: DialogClass.header }, this.h.hasSlot("icon") && (h("span", { key: 'ec10b3e6de57c6c64a95adfd2a0e5ab524f4f570' }, h("slot", { key: '7ea0412c2f9167f054e227afb1c3af54b587d385', name: "icon" }))), this.h.hasSlot('title') && (h("span", { key: '387bbcec4f2b290e1ee15a824e310fc9113465d5', class: DialogClass.title, id: this.labelId }, h("slot", { key: 'aaeac2a2fd5b23fa9449d745fb020d26ed1d3099', name: "title" }))), h("gov-button", { key: '4f38ba92a5f1fd5c749f9681ff9233e37d33f008', 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) }, h("gov-icon", { key: '2c1fb6ae95899c1e2871546671cb3813de0c04ea', slot: "icon-start", name: "x-lg", type: "components" }))), h("div", { key: '76f1446db9129b5af1d9cc0a7513663ce5273054', class: DialogClass.content, id: this.contentId }, h("slot", { key: '36364a5acffe7e9246c762c530200d075b3971ac' })), this.h.hasSlot('footer') && (h("div", { key: 'ca5ae06d9d7b601b4994b7f88d690f7829fe2878', class: DialogClass.footer }, h("slot", { key: '79de02dba3bd7b9722b6c6e2785ac429990d3ec6', name: "footer" }))))), this.open ? (h("gov-backdrop", { disabled: this.blockBackdropClose, "aria-label": this.accessibleCloseLabel, "aria-labelled-by": this.accessibleCloseLabelledBy, "on-gov-click": this.onCloseHandler.bind(this) })) : null));
+        return (h(Host, { key: 'ba9070ed36ce25806a12a88f55d9a36609e17bbb', class: this.h.classes(DialogClass.root), open: this.open, hydrated: this.hydrated }, h("dialog", { key: '79188b6182895a7a7db32e629316a46420d2981c', ref: el => (this.dialogRef = el), class: DialogClass.dialog, hidden: !this.open, tabindex: boolToFocusValue(this.open), open: this.open, "aria-modal": "true", "aria-hidden": toBoolAttr(!this.open), "aria-labelledby": this.accessibleLabelledBy || this.labelId, "aria-describedby": this.accessibleDescribedBy || this.contentId, role: this.role }, h("div", { key: 'a50c41b27b3060292df9b6d2eb657c1e27a384e7', class: DialogClass.inner }, h("div", { key: '487b4639e842aa7257e2ce24a553e8ae67be02be', class: DialogClass.header }, this.h.hasSlot("icon") && (h("span", { key: '75dfd64444588ce6a37607a60eb1c4df7888d3e8' }, h("slot", { key: '80be9198860ffce669b218b6f0f0143f7da83add', name: "icon" }))), this.h.hasSlot('title') && (h("span", { key: '723a628454f0989db5da7a1ae12aef803896b9de', class: DialogClass.title, id: this.labelId }, h("slot", { key: '0aee99ddbdbb0a068b07259d6b2793ddf3dfa629', name: "title" }))), 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) }, h("gov-icon", { key: 'f767a25f40e13c322d6871275d996493bbe8730b', slot: "icon-start", name: "x-lg", type: "components" }))), h("div", { key: '4c975dfa826bada579b1ee6edbcece08bf6b7346', class: DialogClass.content, id: this.contentId }, h("slot", { key: 'cdc3d7b173b47237cecf113e344d2ebd05d6daeb' })), this.h.hasSlot('footer') && (h("div", { key: '37e471ea3bb0952c0ccfc290b02af6d69690ae4e', class: DialogClass.footer }, h("slot", { key: '69f6160c0429d82051a6b99d210f132c7ec3ff56', name: "footer" }))))), this.open ? (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();

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

@@ -1 +1 @@
-{"version":3,"file":"gov-dialog.js","sourceRoot":"","sources":["../../../../../../src/components/gov-dialog/gov-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,eAAe,CAAA;AACnG,OAAO,EAAC,gBAAgB,EAAE,OAAO,EAAE,UAAU,EAAC,MAAM,4BAA4B,CAAA;AAEhF,OAAO,EAAC,uBAAuB,EAAC,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAA;AAE3D,OAAO,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAA;AACjD,OAAO,EAAC,WAAW,EAAC,MAAM,aAAa,CAAA;AACvC,OAAO,EAAC,IAAI,EAAC,MAAM,2BAA2B,CAAC;AAC/C,OAAO,EAAC,oBAAoB,EAAC,MAAM,uBAAuB,CAAC;AAK3D,MAAM,OAAO,SAAS;IASrB;QALQ,aAAQ,GAAG,KAAK,CAAC;QAazB;;WAEG;QACmC,SAAI,GAAG,KAAK,CAAA;QAClD;;WAEG;QAC+B,eAAU,GAAG,KAAK,CAAA;QACpD;;WAEG;QACwC,uBAAkB,GAAG,KAAK,CAAA;QACrE;;WAEG;QACwB,SAAI,GAAqB,QAAQ,CAAA;QAC5D;;WAEG;QACsC,aAAQ,GAAW,IAAI,CAAA;QAShE;;WAEG;QACmD,yBAAoB,GAAW,aAAa,CAAA;QAtCjG,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAC3B,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAA;QACzC,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAA;KAC7C;IA8CD,SAAS,CAAC,QAAiB;;QAC1B,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAA;QACpB,IAAI,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,CAAA;QAEzB,IAAI,CAAC,QAAQ,EAAE,CAAC;YACf,MAAA,IAAI,CAAC,oBAAoB,0CAAE,KAAK,EAAE,CAAC;QACpC,CAAC;aAAM,CAAC;YACP,IAAI,CAAC,SAAS,EAAE,CAAC;QAClB,CAAC;IACF,CAAC;IAEO,UAAU;QACjB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;QAChB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;IACjD,CAAC;IAEO,UAAU;QACjB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAA;QACjB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;IACpD,CAAC;IAED,KAAK,CAAC,kBAAkB;QACvB,IAAI,uBAAuB,EAAE,EAAE,CAAC;YAC/B,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,CAAA;QACzC,CAAC;QAED,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,IAAI,CAAC,UAAU,EAAE,CAAA;QAClB,CAAC;aAAM,CAAC;YACP,IAAI,CAAC,UAAU,EAAE,CAAA;QAClB,CAAC;IACF,CAAC;IAEO,SAAS;;QAChB,IAAI,IAAI,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YAC5B,IAAI,CAAC,oBAAoB,GAAG,QAAQ,CAAC,aAA4B,CAAC;YAClE,MAAM,YAAY,GAAG,oBAAoB,CAAC,IAAI,CAAC,SAAS,CAAkB,CAAC;YAC3E,IAAI,YAAY,CAAC,MAAM,EAAE,CAAC;gBACzB,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;YACzB,CAAC;YAED,MAAM,aAAa,GAAG,CAAC,CAAgB,EAAE,EAAE;gBAC1C,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;oBACvC,MAAM,YAAY,GAAG,oBAAoB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;oBAC1D,MAAM,OAAO,GAAG,YAAY,CAAC,CAAC,CAAgB,CAAC;oBAC/C,MAAM,MAAM,GAAG,YAAY,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAgB,CAAC;oBAEpE,IAAI,CAAC,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC,aAAa,KAAK,MAAM,EAAE,CAAC;wBACtD,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,OAAO,CAAC,KAAK,EAAE,CAAC;oBACjB,CAAC;oBACD,IAAI,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC,aAAa,KAAK,OAAO,EAAE,CAAC;wBACtD,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,MAAM,CAAC,KAAK,EAAE,CAAC;oBAChB,CAAC;gBACF,CAAC;gBACD,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;oBACxB,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK,EAAE,CAAC;wBAC/B,IAAI,CAAC,UAAU,EAAE,CAAC;wBAClB,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;oBACtB,CAAC;gBACF,CAAC;YACF,CAAC,CAAC;YAEF,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACrD,CAAC;aAAM,CAAC;YACP,MAAA,IAAI,CAAC,oBAAoB,0CAAE,KAAK,EAAE,CAAC;QACpC,CAAC;IACF,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAA;IACrB,CAAC;IAED,oBAAoB;QACnB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;IACpD,CAAC;IAED,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACtF,+DACC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC,EAChC,KAAK,EAAE,WAAW,CAAC,MAAM,EACzB,MAAM,EAAE,CAAC,IAAI,CAAC,IAAI,EAClB,QAAQ,EAAE,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,EACrC,IAAI,EAAE,IAAI,CAAC,IAAI,gBACJ,MAAM,iBACJ,UAAU,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,qBAClB,IAAI,CAAC,oBAAoB,IAAI,IAAI,CAAC,OAAO,sBACxC,IAAI,CAAC,qBAAqB,IAAI,IAAI,CAAC,SAAS,EAC9D,IAAI,EAAE,IAAI,CAAC,IAAI;gBAEf,4DAAK,KAAK,EAAE,WAAW,CAAC,KAAK;oBAC5B,4DAAK,KAAK,EAAE,WAAW,CAAC,MAAM;wBAC5B,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAC1B;4BACC,6DAAM,IAAI,EAAC,MAAM,GAAE,CACb,CACP;wBACA,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAC3B,6DAAM,KAAK,EAAE,WAAW,CAAC,KAAK,EAAE,EAAE,EAAE,IAAI,CAAC,OAAO;4BAC/C,6DAAM,IAAI,EAAC,OAAO,GAAE,CACd,CACP;wBACD,mEACC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC,EAClC,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,KAAK,EAAC,SAAS,gBACH,IAAI,CAAC,oBAAoB,qBACpB,IAAI,CAAC,yBAAyB,EAC/C,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,GAAG,kBACM,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC;4BAE5C,iEAAU,IAAI,EAAC,YAAY,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,YAAY,GAAY,CACzD,CACR;oBACN,4DAAK,KAAK,EAAE,WAAW,CAAC,OAAO,EAAE,EAAE,EAAE,IAAI,CAAC,SAAS;wBAClD,8DAAO,CACF;oBACL,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAC5B,4DAAK,KAAK,EAAE,WAAW,CAAC,MAAM;wBAC7B,6DAAM,IAAI,EAAC,QAAQ,GAAE,CAChB,CACN,CACI,CACE;YAER,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACZ,oBACC,QAAQ,EAAE,IAAI,CAAC,kBAAkB,gBACrB,IAAI,CAAC,oBAAoB,sBACnB,IAAI,CAAC,yBAAyB,kBAClC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,GAC3C,CACF,CAAC,CAAC,CAAC,IAAI,CACF,CACP,CAAA;IACF,CAAC;IAEO,cAAc,CAAC,CAAe;QACrC,CAAC,CAAC,eAAe,EAAE,CAAA;QACnB,CAAC,CAAC,cAAc,EAAE,CAAA;QAClB,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK,EAAE,CAAC;YAC/B,IAAI,CAAC,UAAU,EAAE,CAAA;YACjB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;QACtB,CAAC;IACF,CAAC;IAED;;OAEG;IAEH,KAAK,CAAC,QAAQ;QACb,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACnC,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAA;QACpC,CAAC;IACF,CAAC;IAGD;;OAEG;IAEH,KAAK,CAAC,qBAAqB;QAC1B,eAAe,CAAC,IAAI,CAAC,oBAAoB,EAAE,wBAAwB,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA;QACtF,eAAe,CAAC,IAAI,CAAC,qBAAqB,EAAE,yBAAyB,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA;IACzF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch} from '@stencil/core'\nimport {boolToFocusValue, govHost, toBoolAttr} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {validateWcagRef} from '../../helpers/Validate/wcag'\nimport {Nullable} from '../../types/interfaces'\nimport {createID} from '../../utils/string.utils'\nimport {DialogClass} from './constants'\nimport {tick} from \"../../utils/stencil.utils\";\nimport {getFocusableElements} from \"../../utils/dom.utils\";\n\n@Component({\n\ttag: 'gov-dialog',\n})\nexport class GovDialog {\n\tprivate h: GovHost\n\tprivate readonly labelId: string\n\tprivate readonly contentId: string\n\tprivate hydrated = false;\n\tprivate closeCtaRef?: HTMLGovButtonElement\n\tprivate dialogRef?: HTMLDialogElement;\n\tprivate lastActiveElementRef?: HTMLElement;\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.labelId = createID('GovDialogLabel')\n\t\tthis.contentId = createID('GovDialogContent')\n\t}\n\n\t@Element() host: HTMLGovDialogElement\n\n\t/**\n\t * Attribute for dialog window display\n\t */\n\t@Prop({mutable: true, reflect: true}) open = false\n\t/**\n\t * Attribute allowing blocking the dialog closing\n\t */\n\t@Prop({attribute: 'block-close'}) blockClose = false\n\t/**\n\t * Attribute allowing blocking the backdrop dialog closing\n\t */\n\t@Prop({attribute: 'block-backdrop-close'}) blockBackdropClose = false\n\t/**\n\t * Role of dialog\n\t */\n\t@Prop({attribute: 'role'}) role: Nullable<string> = 'dialog'\n\t/**\n\t * Used to change the HTML tag in the dialog label for correct semantic structure\n\t */\n\t@Prop({attribute: 'label-tag'}) readonly labelTag: string = 'h2'\n\t/**\n\t * String of id's that indicates alternative labels elements\n\t */\n\t@Prop({attribute: 'accessible-labelled-by'}) accessibleLabelledBy: string\n\t/**\n\t * Indicates the id of a component that describes the dialog.\n\t */\n\t@Prop({attribute: 'accessible-described-by'}) accessibleDescribedBy: string\n\t/**\n\t * Adds accessible label for the dialog close button that is only shown for screen readers.\n\t */\n\t@Prop({attribute: 'accessible-close-label'}) readonly accessibleCloseLabel: string = 'Zavřít okno'\n\t/**\n\t * A string of identifiers that indicate alternative label elements for closing the dialog window\n\t */\n\t@Prop({attribute: 'accessible-close-labelled-by'}) accessibleCloseLabelledBy: string\n\t/**\n\t * Emitted when a dialog window closes.\n\t */\n\t@Event({eventName: 'gov-close'}) govClose: EventEmitter<PointerEvent>\n\n\t@Watch('open')\n\twatchOpen(newValue: boolean): void {\n\t\tthis.open = newValue\n\t\tthis.setFocus().finally()\n\n\t\tif (!newValue) {\n\t\t\tthis.lastActiveElementRef?.focus();\n\t\t} else {\n\t\t\tthis.focusTrap();\n\t\t}\n\t}\n\n\tprivate showDialog() {\n\t\tthis.open = true\n\t\tdocument.body.classList.add(DialogClass.bodyFix)\n\t}\n\n\tprivate hideDialog() {\n\t\tthis.open = false\n\t\tdocument.body.classList.remove(DialogClass.bodyFix)\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\ttick(() => this.validateAccessibility())\n\t\t}\n\n\t\tif (this.open) {\n\t\t\tthis.showDialog()\n\t\t} else {\n\t\t\tthis.hideDialog()\n\t\t}\n\t}\n\n\tprivate focusTrap() {\n\t\tif (open && this.dialogRef) {\n\t\t\tthis.lastActiveElementRef = document.activeElement as HTMLElement;\n\t\t\tconst focusableEls = getFocusableElements(this.dialogRef) as HTMLElement[];\n\t\t\tif (focusableEls.length) {\n\t\t\t\tfocusableEls[0].focus();\n\t\t\t}\n\n\t\t\tconst handleKeyDown = (e: KeyboardEvent) => {\n\t\t\t\tif (e.key === \"Tab\" && this.dialogRef) {\n\t\t\t\t\tconst focusableEls = getFocusableElements(this.dialogRef);\n\t\t\t\t\tconst firstEl = focusableEls[0] as HTMLElement;\n\t\t\t\t\tconst lastEl = focusableEls[focusableEls.length - 1] as HTMLElement;\n\n\t\t\t\t\tif (!e.shiftKey && document.activeElement === lastEl) {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\tfirstEl.focus();\n\t\t\t\t\t}\n\t\t\t\t\tif (e.shiftKey && document.activeElement === firstEl) {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\tlastEl.focus();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (e.key === \"Escape\") {\n\t\t\t\t\tif (this.blockClose === false) {\n\t\t\t\t\t\tthis.hideDialog();\n\t\t\t\t\t\tthis.govClose.emit();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t};\n\n\t\t\tdocument.addEventListener(\"keydown\", handleKeyDown);\n\t\t} else {\n\t\t\tthis.lastActiveElementRef?.focus();\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tdocument.body.classList.remove(DialogClass.bodyFix)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(DialogClass.root)} open={this.open} hydrated={this.hydrated}>\n\t\t\t\t<dialog\n\t\t\t\t\tref={el => (this.dialogRef = el)}\n\t\t\t\t\tclass={DialogClass.dialog}\n\t\t\t\t\thidden={!this.open}\n\t\t\t\t\ttabindex={boolToFocusValue(this.open)}\n\t\t\t\t\topen={this.open}\n\t\t\t\t\taria-modal=\"true\"\n\t\t\t\t\taria-hidden={toBoolAttr(!this.open)}\n\t\t\t\t\taria-labelledby={this.accessibleLabelledBy || this.labelId}\n\t\t\t\t\taria-describedby={this.accessibleDescribedBy || this.contentId}\n\t\t\t\t\trole={this.role}\n\t\t\t\t>\n\t\t\t\t\t<div class={DialogClass.inner}>\n\t\t\t\t\t\t<div class={DialogClass.header}>\n\t\t\t\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{this.h.hasSlot('title') && (\n\t\t\t\t\t\t\t\t<span class={DialogClass.title} id={this.labelId}>\n\t\t\t\t\t\t\t\t\t<slot name=\"title\"/>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<gov-button\n\t\t\t\t\t\t\t\tref={el => (this.closeCtaRef = el)}\n\t\t\t\t\t\t\t\tdisabled={this.blockClose}\n\t\t\t\t\t\t\t\tclass={DialogClass.close}\n\t\t\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\t\t\taria-label={this.accessibleCloseLabel}\n\t\t\t\t\t\t\t\taria-labelledby={this.accessibleCloseLabelledBy}\n\t\t\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\t\t\tsize=\"m\"\n\t\t\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class={DialogClass.content} id={this.contentId}>\n\t\t\t\t\t\t\t<slot/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{this.h.hasSlot('footer') && (\n\t\t\t\t\t\t\t<div class={DialogClass.footer}>\n\t\t\t\t\t\t\t\t<slot name=\"footer\"/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</dialog>\n\n\t\t\t\t{this.open ? (\n\t\t\t\t\t<gov-backdrop\n\t\t\t\t\t\tdisabled={this.blockBackdropClose}\n\t\t\t\t\t\taria-label={this.accessibleCloseLabel}\n\t\t\t\t\t\taria-labelled-by={this.accessibleCloseLabelledBy}\n\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\t/>\n\t\t\t\t) : null}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onCloseHandler(e: PointerEvent) {\n\t\te.stopPropagation()\n\t\te.preventDefault()\n\t\tif (this.blockClose === false) {\n\t\t\tthis.hideDialog()\n\t\t\tthis.govClose.emit(e)\n\t\t}\n\t}\n\n\t/**\n\t * Sets the close button to focus\n\t */\n\t@Method()\n\tasync setFocus(): Promise<void> {\n\t\tif (this.open && this.closeCtaRef) {\n\t\t\tthis.closeCtaRef.setFocus().catch()\n\t\t}\n\t}\n\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tvalidateWcagRef(this.accessibleLabelledBy, 'accessible-labelled-by', DialogClass.root)\n\t\tvalidateWcagRef(this.accessibleDescribedBy, 'accessible-described-by', DialogClass.root)\n\t}\n}\n"]}
+{"version":3,"file":"gov-dialog.js","sourceRoot":"","sources":["../../../../../../src/components/gov-dialog/gov-dialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch} from '@stencil/core'\r\nimport {boolToFocusValue, govHost, toBoolAttr} from '../../helpers/Dom/template'\r\nimport {GovHost} from '../../helpers/Dom/template.types'\r\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\r\nimport {validateWcagRef} from '../../helpers/Validate/wcag'\r\nimport {Nullable} from '../../types/interfaces'\r\nimport {createID} from '../../utils/string.utils'\r\nimport {DialogClass} from './constants'\r\nimport {tick} from \"../../utils/stencil.utils\";\r\nimport {getFocusableElements} from \"../../utils/dom.utils\";\r\n\r\n@Component({\r\n\ttag: 'gov-dialog',\r\n})\r\nexport class GovDialog {\r\n\tprivate h: GovHost\r\n\tprivate readonly labelId: string\r\n\tprivate readonly contentId: string\r\n\tprivate hydrated = false;\r\n\tprivate closeCtaRef?: HTMLGovButtonElement\r\n\tprivate dialogRef?: HTMLDialogElement;\r\n\tprivate lastActiveElementRef?: HTMLElement;\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.labelId = createID('GovDialogLabel')\r\n\t\tthis.contentId = createID('GovDialogContent')\r\n\t}\r\n\r\n\t@Element() host: HTMLGovDialogElement\r\n\r\n\t/**\r\n\t * Attribute for dialog window display\r\n\t */\r\n\t@Prop({mutable: true, reflect: true}) open = false\r\n\t/**\r\n\t * Attribute allowing blocking the dialog closing\r\n\t */\r\n\t@Prop({attribute: 'block-close'}) blockClose = false\r\n\t/**\r\n\t * Attribute allowing blocking the backdrop dialog closing\r\n\t */\r\n\t@Prop({attribute: 'block-backdrop-close'}) blockBackdropClose = false\r\n\t/**\r\n\t * Role of dialog\r\n\t */\r\n\t@Prop({attribute: 'role'}) role: Nullable<string> = 'dialog'\r\n\t/**\r\n\t * Used to change the HTML tag in the dialog label for correct semantic structure\r\n\t */\r\n\t@Prop({attribute: 'label-tag'}) readonly labelTag: string = 'h2'\r\n\t/**\r\n\t * String of id's that indicates alternative labels elements\r\n\t */\r\n\t@Prop({attribute: 'accessible-labelled-by'}) accessibleLabelledBy: string\r\n\t/**\r\n\t * Indicates the id of a component that describes the dialog.\r\n\t */\r\n\t@Prop({attribute: 'accessible-described-by'}) accessibleDescribedBy: string\r\n\t/**\r\n\t * Adds accessible label for the dialog close button that is only shown for screen readers.\r\n\t */\r\n\t@Prop({attribute: 'accessible-close-label'}) readonly accessibleCloseLabel: string = 'Zavřít okno'\r\n\t/**\r\n\t * A string of identifiers that indicate alternative label elements for closing the dialog window\r\n\t */\r\n\t@Prop({attribute: 'accessible-close-labelled-by'}) accessibleCloseLabelledBy: string\r\n\t/**\r\n\t * Emitted when a dialog window closes.\r\n\t */\r\n\t@Event({eventName: 'gov-close'}) govClose: EventEmitter<PointerEvent>\r\n\r\n\t@Watch('open')\r\n\twatchOpen(newValue: boolean): void {\r\n\t\tthis.open = newValue\r\n\t\tthis.setFocus().finally()\r\n\r\n\t\tif (!newValue) {\r\n\t\t\tthis.lastActiveElementRef?.focus();\r\n\t\t} else {\r\n\t\t\tthis.focusTrap();\r\n\t\t}\r\n\t}\r\n\r\n\tprivate showDialog() {\r\n\t\tthis.open = true\r\n\t\tdocument.body.classList.add(DialogClass.bodyFix)\r\n\t}\r\n\r\n\tprivate hideDialog() {\r\n\t\tthis.open = false\r\n\t\tdocument.body.classList.remove(DialogClass.bodyFix)\r\n\t}\r\n\r\n\tasync componentDidRender() {\r\n\t\tif (canValidateWcagOnRender()) {\r\n\t\t\ttick(() => this.validateAccessibility())\r\n\t\t}\r\n\r\n\t\tif (this.open) {\r\n\t\t\tthis.showDialog()\r\n\t\t} else {\r\n\t\t\tthis.hideDialog()\r\n\t\t}\r\n\t}\r\n\r\n\tprivate focusTrap() {\r\n\t\tif (open && this.dialogRef) {\r\n\t\t\tthis.lastActiveElementRef = document.activeElement as HTMLElement;\r\n\t\t\tconst focusableEls = getFocusableElements(this.dialogRef) as HTMLElement[];\r\n\t\t\tif (focusableEls.length) {\r\n\t\t\t\tfocusableEls[0].focus();\r\n\t\t\t}\r\n\r\n\t\t\tconst handleKeyDown = (e: KeyboardEvent) => {\r\n\t\t\t\tif (e.key === \"Tab\" && this.dialogRef) {\r\n\t\t\t\t\tconst focusableEls = getFocusableElements(this.dialogRef);\r\n\t\t\t\t\tconst firstEl = focusableEls[0] as HTMLElement;\r\n\t\t\t\t\tconst lastEl = focusableEls[focusableEls.length - 1] as HTMLElement;\r\n\r\n\t\t\t\t\tif (!e.shiftKey && document.activeElement === lastEl) {\r\n\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\tfirstEl.focus();\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (e.shiftKey && document.activeElement === firstEl) {\r\n\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\tlastEl.focus();\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tif (e.key === \"Escape\") {\r\n\t\t\t\t\tif (this.blockClose === false) {\r\n\t\t\t\t\t\tthis.hideDialog();\r\n\t\t\t\t\t\tthis.govClose.emit();\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t};\r\n\r\n\t\t\tdocument.addEventListener(\"keydown\", handleKeyDown);\r\n\t\t} else {\r\n\t\t\tthis.lastActiveElementRef?.focus();\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\tdisconnectedCallback(): void {\r\n\t\tdocument.body.classList.remove(DialogClass.bodyFix)\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(DialogClass.root)} open={this.open} hydrated={this.hydrated}>\r\n\t\t\t\t<dialog\r\n\t\t\t\t\tref={el => (this.dialogRef = el)}\r\n\t\t\t\t\tclass={DialogClass.dialog}\r\n\t\t\t\t\thidden={!this.open}\r\n\t\t\t\t\ttabindex={boolToFocusValue(this.open)}\r\n\t\t\t\t\topen={this.open}\r\n\t\t\t\t\taria-modal=\"true\"\r\n\t\t\t\t\taria-hidden={toBoolAttr(!this.open)}\r\n\t\t\t\t\taria-labelledby={this.accessibleLabelledBy || this.labelId}\r\n\t\t\t\t\taria-describedby={this.accessibleDescribedBy || this.contentId}\r\n\t\t\t\t\trole={this.role}\r\n\t\t\t\t>\r\n\t\t\t\t\t<div class={DialogClass.inner}>\r\n\t\t\t\t\t\t<div class={DialogClass.header}>\r\n\t\t\t\t\t\t\t{this.h.hasSlot(\"icon\") && (\r\n\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t<slot name=\"icon\"/>\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t{this.h.hasSlot('title') && (\r\n\t\t\t\t\t\t\t\t<span class={DialogClass.title} id={this.labelId}>\r\n\t\t\t\t\t\t\t\t\t<slot name=\"title\"/>\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t<gov-button\r\n\t\t\t\t\t\t\t\tref={el => (this.closeCtaRef = el)}\r\n\t\t\t\t\t\t\t\tdisabled={this.blockClose}\r\n\t\t\t\t\t\t\t\tclass={DialogClass.close}\r\n\t\t\t\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\t\t\t\taria-label={this.accessibleCloseLabel}\r\n\t\t\t\t\t\t\t\taria-labelledby={this.accessibleCloseLabelledBy}\r\n\t\t\t\t\t\t\t\ttype=\"base\"\r\n\t\t\t\t\t\t\t\tsize=\"m\"\r\n\t\t\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\" type=\"components\"></gov-icon>\r\n\t\t\t\t\t\t\t</gov-button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class={DialogClass.content} id={this.contentId}>\r\n\t\t\t\t\t\t\t<slot/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t{this.h.hasSlot('footer') && (\r\n\t\t\t\t\t\t\t<div class={DialogClass.footer}>\r\n\t\t\t\t\t\t\t\t<slot name=\"footer\"/>\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</dialog>\r\n\r\n\t\t\t\t{this.open ? (\r\n\t\t\t\t\t<gov-backdrop\r\n\t\t\t\t\t\tdisabled={this.blockBackdropClose}\r\n\t\t\t\t\t\taria-label={this.accessibleCloseLabel}\r\n\t\t\t\t\t\taria-labelled-by={this.accessibleCloseLabelledBy}\r\n\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\r\n\t\t\t\t\t/>\r\n\t\t\t\t) : null}\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tprivate onCloseHandler(e: PointerEvent) {\r\n\t\te.stopPropagation()\r\n\t\te.preventDefault()\r\n\t\tif (this.blockClose === false) {\r\n\t\t\tthis.hideDialog()\r\n\t\t\tthis.govClose.emit(e)\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Sets the close button to focus\r\n\t */\r\n\t@Method()\r\n\tasync setFocus(): Promise<void> {\r\n\t\tif (this.open && this.closeCtaRef) {\r\n\t\t\tthis.closeCtaRef.setFocus().catch()\r\n\t\t}\r\n\t}\r\n\r\n\r\n\t/**\r\n\t * Validate the WCAG attributes of the component\r\n\t */\r\n\t@Method()\r\n\tasync validateAccessibility(): Promise<void> {\r\n\t\tvalidateWcagRef(this.accessibleLabelledBy, 'accessible-labelled-by', DialogClass.root)\r\n\t\tvalidateWcagRef(this.accessibleDescribedBy, 'accessible-described-by', DialogClass.root)\r\n\t}\r\n}\r\n"]}