npm - @gov-design-system-ce/components - Versions diffs - 4.1.1 → 4.1.2 - Mend

@gov-design-system-ce/components 4.1.1 → 4.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (435) hide show

package/dist/esm/gov-form-radio-group.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-c263e031.js';
+import { r as registerInstance, d as createEvent, h, a as Host, g as getElement } from './index-8dc58a1a.js';
 import { d as FormRadioGroupClass, a as FormGroupClass, b as FormGroupSizes, c as FormGroupOrientation } from './constants-4da2b3c0.js';
 import { g as govHost } from './template-7ecee4d1.js';
 import { v as validateProp } from './props-9d3c7ac1.js';
@@ -7,7 +7,7 @@ import './utils-e10e994d.js';
 import './sizes-5b9e579f.js';
 import './gov.log-6b64cda6.js';
-const govFormGroupCss = ":root{--roboto:Roboto, sans-serif}gov-form-group,.gov-form-group,gov-form-radio-group,.gov-form-radio-group,gov-form-checkbox-group,.gov-form-checkbox-group{margin-top:0 !important;margin-bottom:0 !important;position:relative;display:flex;width:100%;flex-direction:column;align-items:flex-start}gov-form-group .gov-form-label__label,.gov-form-group .gov-form-label__label,gov-form-radio-group .gov-form-label__label,.gov-form-radio-group .gov-form-label__label,gov-form-checkbox-group .gov-form-label__label,.gov-form-checkbox-group .gov-form-label__label{margin:0}gov-form-group[orientation=horizontal],.gov-form-group[orientation=horizontal],gov-form-radio-group[orientation=horizontal],.gov-form-radio-group[orientation=horizontal],gov-form-checkbox-group[orientation=horizontal],.gov-form-checkbox-group[orientation=horizontal]{flex-direction:row;flex-wrap:wrap}gov-form-group[orientation=horizontal] .gov-form-label__label,.gov-form-group[orientation=horizontal] .gov-form-label__label,gov-form-radio-group[orientation=horizontal] .gov-form-label__label,.gov-form-radio-group[orientation=horizontal] .gov-form-label__label,gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label,.gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label{white-space:nowrap}gov-form-group[gap=xs],.gov-form-group[gap=xs],gov-form-radio-group[gap=xs],.gov-form-radio-group[gap=xs],gov-form-checkbox-group[gap=xs],.gov-form-checkbox-group[gap=xs]{gap:var(--gap, var(--spacing-xs-nudge))}gov-form-group[gap=s],.gov-form-group[gap=s],gov-form-radio-group[gap=s],.gov-form-radio-group[gap=s],gov-form-checkbox-group[gap=s],.gov-form-checkbox-group[gap=s]{gap:var(--gap, var(--spacing-s))}gov-form-group[gap=m],.gov-form-group[gap=m],gov-form-radio-group[gap=m],.gov-form-radio-group[gap=m],gov-form-checkbox-group[gap=m],.gov-form-checkbox-group[gap=m]{gap:var(--gap, var(--spacing-s-nudge))}gov-form-group[gap=l],.gov-form-group[gap=l],gov-form-radio-group[gap=l],.gov-form-radio-group[gap=l],gov-form-checkbox-group[gap=l],.gov-form-checkbox-group[gap=l]{gap:var(--gap, var(--spacing-m))}gov-form-group[gap=xl],.gov-form-group[gap=xl],gov-form-radio-group[gap=xl],.gov-form-radio-group[gap=xl],gov-form-checkbox-group[gap=xl],.gov-form-checkbox-group[gap=xl]{gap:var(--gap, var(--spacing-m-nudge))}";
+const govFormGroupCss = "gov-form-group,.gov-form-group,gov-form-radio-group,.gov-form-radio-group,gov-form-checkbox-group,.gov-form-checkbox-group{margin-top:0;margin-bottom:0;position:relative;display:flex;width:100%;flex-direction:column;align-items:flex-start}gov-form-group .gov-form-label__label,.gov-form-group .gov-form-label__label,gov-form-radio-group .gov-form-label__label,.gov-form-radio-group .gov-form-label__label,gov-form-checkbox-group .gov-form-label__label,.gov-form-checkbox-group .gov-form-label__label{margin:0}gov-form-group[orientation=horizontal],.gov-form-group[orientation=horizontal],gov-form-radio-group[orientation=horizontal],.gov-form-radio-group[orientation=horizontal],gov-form-checkbox-group[orientation=horizontal],.gov-form-checkbox-group[orientation=horizontal]{flex-direction:row;flex-wrap:wrap}gov-form-group[orientation=horizontal] .gov-form-label__label,.gov-form-group[orientation=horizontal] .gov-form-label__label,gov-form-radio-group[orientation=horizontal] .gov-form-label__label,.gov-form-radio-group[orientation=horizontal] .gov-form-label__label,gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label,.gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label{white-space:nowrap}gov-form-group[gap=xs],.gov-form-group[gap=xs],gov-form-radio-group[gap=xs],.gov-form-radio-group[gap=xs],gov-form-checkbox-group[gap=xs],.gov-form-checkbox-group[gap=xs]{gap:var(--gap, var(--spacing-xs-nudge))}gov-form-group[gap=s],.gov-form-group[gap=s],gov-form-radio-group[gap=s],.gov-form-radio-group[gap=s],gov-form-checkbox-group[gap=s],.gov-form-checkbox-group[gap=s]{gap:var(--gap, var(--spacing-s))}gov-form-group[gap=m],.gov-form-group[gap=m],gov-form-radio-group[gap=m],.gov-form-radio-group[gap=m],gov-form-checkbox-group[gap=m],.gov-form-checkbox-group[gap=m]{gap:var(--gap, var(--spacing-s-nudge))}gov-form-group[gap=l],.gov-form-group[gap=l],gov-form-radio-group[gap=l],.gov-form-radio-group[gap=l],gov-form-checkbox-group[gap=l],.gov-form-checkbox-group[gap=l]{gap:var(--gap, var(--spacing-m))}gov-form-group[gap=xl],.gov-form-group[gap=xl],gov-form-radio-group[gap=xl],.gov-form-radio-group[gap=xl],gov-form-checkbox-group[gap=xl],.gov-form-checkbox-group[gap=xl]{gap:var(--gap, var(--spacing-m-nudge))}";
 const GovFormRadioGroupStyle0 = govFormGroupCss;
 const GovFormRadioGroup = class {
@@ -54,7 +54,7 @@ const GovFormRadioGroup = class {
         });
     }
     render() {
-        return (h(Host, { key: '5a9b1bd507ef9c0a57cdb25fb200ab6c9fb46604', gap: this.gap, class: this.h.classes(FormGroupClass.root), value: this.value }, h("slot", { key: '34b587d61d716b51729431c52879b6fcd0285fee' })));
+        return (h(Host, { key: '0526062e74e480edc22bdbbdf8c1f82a91ff463d', gap: this.gap, class: this.h.classes(FormGroupClass.root), value: this.value }, h("slot", { key: 'f11696b75d4f0c4bc72da3ca70d3111825edd36a' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gov-form-radio-group.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"gov-form-radio-group.entry.js","mappings":";;;;;;;;;AAAA,MAAM,eAAe,GAAG,~~ywEAAywE~~,CAAC;~~AAClyE~~,gCAAe,eAAe;;MCmBjB,iBAAiB;IAG7B;;;QAoCA,iBAAY,GAAG,CAAC,KAAkC;YACjD,KAAK,CAAC,eAAe,EAAE,CAAA;YACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAA;YAC/B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;gBACnB,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,SAAS,EAAE,mBAAmB,CAAC,IAAI;aACnC,CAAC,CAAA;SACF,CAAA;mBAnC2C,SAAS;2BAIK,UAAU;qBAIR,SAAS;QAfpE,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IAqBD,WAAW,CAAC,QAAgB;QAC3B,IAAI,QAAQ,EAAE;YACb,YAAY,CAAC,cAAc,EAAE,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,CAAA;SAC3D;KACD;IAGD,mBAAmB,CAAC,QAAgB;QACnC,IAAI,QAAQ,EAAE;YACb,YAAY,CAAC,oBAAoB,EAAE,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,CAAA;SACjE;KACD;IAWD,iBAAiB;QAChB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QAC1B,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;KAC1C;IAED,kBAAkB;QACjB,IAAI,CAAC,MAAM,IAAI,CAAC,iBAAiB,EAAE,CAAC,CAAA;KACpC;IAED,iBAAiB;QAChB,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO;YAC5D,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,mBAAmB,CAAC,EAAE;gBAC/C,OAAO,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,CAAA;aACzD;YACD,OAAO,CAAC,YAAY,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAA;YACjD,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC;SAC/C,CAAC,CAAA;KACF;IAED,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,IACjF,8DAAa,CACP,EACP;KACD;;;;;;;;;;;","names":[],"sources":["../../../packages/core/src/components/gov-form/group/gov-form-group.scss?tag=gov-form-radio-group","../../../packages/core/src/components/gov-form/group/gov-form-radio-group.tsx"],"sourcesContent":["/* Form Control /\n\n\ngov-form-group, .gov-form-group,\ngov-form-radio-group, .gov-form-radio-group,\ngov-form-checkbox-group, .gov-form-checkbox-group {\n\t// VARIABLES\n\t@import \"./gov-form-group-variables\";\n\n\t@include reset-margin();\n\t@include base(flex);\n\tflex-direction: column;\n\talign-items: flex-start;\n\t.gov-form-label__label {\n\t\tmargin: 0;\n\t}\n\n\t&[orientation=\"horizontal\"] {\n\t\tflex-direction: row;\n\t\tflex-wrap: wrap;\n\t\t.gov-form-label__label {\n\t\t\twhite-space: nowrap;\n\t\t}\n\t}\n\n\t// SIZES\n\t@each $size, $definitions in $form-group-gaps {\n\t\t&[gap=\"#{$size}\"] {\n\t\t\tgap: map-get($definitions, \"gap\");\n\t\t}\n\t}\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Prop, Watch} from \"@stencil/core\"\nimport {\n\tFormGroupClass,\n\tFormGroupOrientation,\n\tFormGroupOrientationType,\n\tFormGroupSizes,\n\tFormGroupSizesType,\n\tFormRadioGroupClass\n} from \"./constants\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {govHost} from \"../../../helpers/Dom/template\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {FormRadioEvent} from \"../radio/gov-form-radio.types\"\nimport {FormRadioGroupEvent} from \"./gov-form-group.types\"\nimport {tick} from \"../../../utils/stencil.utils\"\n\n@Component({\n\ttag: \"gov-form-radio-group\",\n\tstyleUrl: \"gov-form-group.scss\",\n})\nexport class GovFormRadioGroup {\n\tprivate readonly h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovFormGroupElement\n\t/\n\t Gap's size.\n\t /\n\t@Prop() readonly gap?: FormGroupSizesType = undefined\n\t/\n\t Elements orientation\n\t /\n\t@Prop() readonly orientation?: FormGroupOrientationType = 'vertical'\n\t/\n\t Group's value\n\t /\n\t@Prop({attribute: \"value\", mutable: true}) value?: string = undefined\n\t/\n\t Emitted when the checkbox change value.\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormRadioGroupEvent>\n\n\t@Watch(\"gap\")\n\tvalidateGap(newValue: string): void {\n\t\tif (newValue) {\n\t\t\tvalidateProp(FormGroupSizes, newValue, FormGroupClass.root)\n\t\t}\n\t}\n\n\t@Watch(\"orientation\")\n\tvalidateOrientation(newValue: string): void {\n\t\tif (newValue) {\n\t\t\tvalidateProp(FormGroupOrientation, newValue, FormGroupClass.root)\n\t\t}\n\t}\n\n\thandleChange = (event: CustomEvent<FormRadioEvent>) => {\n\t\tevent.stopPropagation()\n\t\tthis.value = event.detail.value\n\t\tthis.govChange.emit({\n\t\t\tvalue: this.value,\n\t\t\tcomponent: FormRadioGroupClass.root,\n\t\t})\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateGap(this.gap)\n\t\tthis.validateOrientation(this.orientation)\n\t}\n\n\tcomponentDidRender(): void {\n\t\ttick(() => this.rerenderComponent())\n\t}\n\n\trerenderComponent(): void {\n\t\tthis.host.querySelectorAll('gov-form-radio').forEach((element) => {\n\t\t\tif (!element.hasAttribute('listener-attached')) {\n\t\t\t\telement.addEventListener('gov-change', this.handleChange)\n\t\t\t}\n\t\t\telement.setAttribute('listener-attached', 'true')\n\t\t\telement.checked = element.value === this.value;\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host gap={this.gap} class={this.h.classes(FormGroupClass.root)} value={this.value}>\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"gov-form-radio-group.entry.js","mappings":";;;;;;;;;AAAA,MAAM,eAAe,GAAG,itEAAitE,CAAC;AAC1uE,gCAAe,eAAe;;MCmBjB,iBAAiB;IAG7B;;;QAoCA,iBAAY,GAAG,CAAC,KAAkC;YACjD,KAAK,CAAC,eAAe,EAAE,CAAA;YACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAA;YAC/B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;gBACnB,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,SAAS,EAAE,mBAAmB,CAAC,IAAI;aACnC,CAAC,CAAA;SACF,CAAA;mBAnC2C,SAAS;2BAIK,UAAU;qBAIR,SAAS;QAfpE,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IAqBD,WAAW,CAAC,QAAgB;QAC3B,IAAI,QAAQ,EAAE;YACb,YAAY,CAAC,cAAc,EAAE,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,CAAA;SAC3D;KACD;IAGD,mBAAmB,CAAC,QAAgB;QACnC,IAAI,QAAQ,EAAE;YACb,YAAY,CAAC,oBAAoB,EAAE,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,CAAA;SACjE;KACD;IAWD,iBAAiB;QAChB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QAC1B,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;KAC1C;IAED,kBAAkB;QACjB,IAAI,CAAC,MAAM,IAAI,CAAC,iBAAiB,EAAE,CAAC,CAAA;KACpC;IAED,iBAAiB;QAChB,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO;YAC5D,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,mBAAmB,CAAC,EAAE;gBAC/C,OAAO,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,CAAA;aACzD;YACD,OAAO,CAAC,YAAY,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAA;YACjD,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC;SAC/C,CAAC,CAAA;KACF;IAED,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,IACjF,8DAAa,CACP,EACP;KACD;;;;;;;;;;;","names":[],"sources":["../../../packages/core/src/components/gov-form/group/gov-form-group.scss?tag=gov-form-radio-group","../../../packages/core/src/components/gov-form/group/gov-form-radio-group.tsx"],"sourcesContent":["/* Form Control /\n\n\ngov-form-group, .gov-form-group,\ngov-form-radio-group, .gov-form-radio-group,\ngov-form-checkbox-group, .gov-form-checkbox-group {\n\t// VARIABLES\n\t@import \"./gov-form-group-variables\";\n\n\t@include reset-margin();\n\t@include base(flex);\n\tflex-direction: column;\n\talign-items: flex-start;\n\t.gov-form-label__label {\n\t\tmargin: 0;\n\t}\n\n\t&[orientation=\"horizontal\"] {\n\t\tflex-direction: row;\n\t\tflex-wrap: wrap;\n\t\t.gov-form-label__label {\n\t\t\twhite-space: nowrap;\n\t\t}\n\t}\n\n\t// SIZES\n\t@each $size, $definitions in $form-group-gaps {\n\t\t&[gap=\"#{$size}\"] {\n\t\t\tgap: map-get($definitions, \"gap\");\n\t\t}\n\t}\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Prop, Watch} from \"@stencil/core\"\nimport {\n\tFormGroupClass,\n\tFormGroupOrientation,\n\tFormGroupOrientationType,\n\tFormGroupSizes,\n\tFormGroupSizesType,\n\tFormRadioGroupClass\n} from \"./constants\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {govHost} from \"../../../helpers/Dom/template\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {FormRadioEvent} from \"../radio/gov-form-radio.types\"\nimport {FormRadioGroupEvent} from \"./gov-form-group.types\"\nimport {tick} from \"../../../utils/stencil.utils\"\n\n@Component({\n\ttag: \"gov-form-radio-group\",\n\tstyleUrl: \"gov-form-group.scss\",\n})\nexport class GovFormRadioGroup {\n\tprivate readonly h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovFormGroupElement\n\t/\n\t Gap's size.\n\t /\n\t@Prop() readonly gap?: FormGroupSizesType = undefined\n\t/\n\t Elements orientation\n\t /\n\t@Prop() readonly orientation?: FormGroupOrientationType = 'vertical'\n\t/\n\t Group's value\n\t /\n\t@Prop({attribute: \"value\", mutable: true}) value?: string = undefined\n\t/\n\t Emitted when the checkbox change value.\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormRadioGroupEvent>\n\n\t@Watch(\"gap\")\n\tvalidateGap(newValue: string): void {\n\t\tif (newValue) {\n\t\t\tvalidateProp(FormGroupSizes, newValue, FormGroupClass.root)\n\t\t}\n\t}\n\n\t@Watch(\"orientation\")\n\tvalidateOrientation(newValue: string): void {\n\t\tif (newValue) {\n\t\t\tvalidateProp(FormGroupOrientation, newValue, FormGroupClass.root)\n\t\t}\n\t}\n\n\thandleChange = (event: CustomEvent<FormRadioEvent>) => {\n\t\tevent.stopPropagation()\n\t\tthis.value = event.detail.value\n\t\tthis.govChange.emit({\n\t\t\tvalue: this.value,\n\t\t\tcomponent: FormRadioGroupClass.root,\n\t\t})\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateGap(this.gap)\n\t\tthis.validateOrientation(this.orientation)\n\t}\n\n\tcomponentDidRender(): void {\n\t\ttick(() => this.rerenderComponent())\n\t}\n\n\trerenderComponent(): void {\n\t\tthis.host.querySelectorAll('gov-form-radio').forEach((element) => {\n\t\t\tif (!element.hasAttribute('listener-attached')) {\n\t\t\t\telement.addEventListener('gov-change', this.handleChange)\n\t\t\t}\n\t\t\telement.setAttribute('listener-attached', 'true')\n\t\t\telement.checked = element.value === this.value;\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host gap={this.gap} class={this.h.classes(FormGroupClass.root)} value={this.value}>\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/esm/gov-form-radio.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-c263e031.js';
+import { r as registerInstance, d as createEvent, h, a as Host, g as getElement } from './index-8dc58a1a.js';
 import { c as createID } from './string.utils-1da8f8fb.js';
 import { v as validateProp } from './props-9d3c7ac1.js';
 import { g as govForm, e as FormRadioClass, f as FormRadioSizes } from './form-713f26fd.js';

package/dist/esm/gov-form-search.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, g as getElement } from './index-c263e031.js';
+import { r as registerInstance, h, a as Host, g as getElement } from './index-8dc58a1a.js';
 import { C as Colors } from './colors-4cf64720.js';
 import { p as pick } from './utils-e10e994d.js';
 import { S as Sizes } from './sizes-5b9e579f.js';
@@ -16,7 +16,7 @@ const GovFormSearch = class {
         this.color = 'neutral';
     }
     render() {
-        return (h(Host, { key: '9d628d34bd6f19132ea398437faf9023a322bdcf', class: FormSearchClass.root, color: this.color, size: this.size }, h("slot", { key: 'aa70625f5e6b754a18b36ad87634fe5be1a34fb7', name: "input" }), h("slot", { key: 'd098e011406c85877131ee57c04bc9a3f05ded18', name: "button-erase" }), h("slot", { key: '6a5226ae29cf22f4ec33ecf5604db44d8154d2fa', name: "button" })));
+        return (h(Host, { key: '05f033c30dffd615b36b181535329704d46665ae', class: FormSearchClass.root, color: this.color, size: this.size }, h("slot", { key: '7c7fb4e2d90ace38aef4b63454e1f9513903977c', name: "input" }), h("slot", { key: '92484cbbbae29ba45bb963f80da8237d9406a91b', name: "button-erase" }), h("slot", { key: '92ebb818ee922d790534ffb7816be400ff4a1f98', name: "button" })));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/gov-form-select.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-c263e031.js';
+import { r as registerInstance, d as createEvent, h, a as Host, g as getElement } from './index-8dc58a1a.js';
 import { g as govForm, j as FormSelectClass, k as FormSelectSizes } from './form-713f26fd.js';
 import { g as govHost, c as toBoolAttr, t as toBoolAttrIfDefined } from './template-7ecee4d1.js';
 import { v as validateProp } from './props-9d3c7ac1.js';
@@ -92,10 +92,10 @@ const GovFormSelect = class {
         });
     }
     render() {
-        return (h(Host, { key: 'b403868aaf854a9dc40f68cf093a8867cd20c4c4', class: FormSelectClass.root, size: this.size }, this.h.hasSlot('prefix') && h("slot", { key: 'de3d0cb80bd3b33a9b23b60f91739f0e23fdab4a', name: "prefix" }), h("span", { key: 'c501806b949bc6e1314922fce0ce088180fdebba', class: "element" }, h("select", Object.assign({ key: '7c1a04a65e69edda672d70b101b430d3c6105543', id: this.identifier || this.selectId, onFocus: this.onFocusHandler.bind(this), onChange: this.onChangeHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, name: this.name, disabled: this.disabled, ref: el => (this.selectRef = el) }, this.inheritedAttributes, { "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid) }), h("slot", { key: '0bd46e42f5e5267366088b9902a5ef8c6aa99064' }), Array.isArray(this.optionsState) && this.optionsState.map((option) => {
+        return (h(Host, { key: '1c2fb05a5cff0e1b1208130cc11568423f5a78a0', class: FormSelectClass.root, size: this.size }, this.h.hasSlot('prefix') && h("slot", { key: '3dadb5773f1a2abe0c54f6ee45bb3a404fc99a5b', name: "prefix" }), h("span", { key: '82bc3345147debd858c5f0eb4dd9c58faf168d5d', class: "element" }, h("select", Object.assign({ key: 'ee77d1768a549faa0e94025eb5b08390c49d2d32', id: this.identifier || this.selectId, onFocus: this.onFocusHandler.bind(this), onChange: this.onChangeHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, name: this.name, disabled: this.disabled, ref: el => (this.selectRef = el) }, this.inheritedAttributes, { "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid) }), h("slot", { key: '2c6e5a91381a7a9819b92aa7844a8d512aed9577' }), Array.isArray(this.optionsState) && this.optionsState.map((option) => {
             var _a;
             return (h("option", { value: option.value, selected: option.value === this.value, disabled: option === null || option === void 0 ? void 0 : option.disabled }, (_a = option.label) !== null && _a !== void 0 ? _a : option.value));
-        })), this.success && h("gov-icon", { key: '8e919bd8dd122618b2b0233c7b14c8def277540f', class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && h("gov-icon", { key: '78610616be9cdf65e9bbc1359e27bc9003c8fc34', class: "validation-icon", name: "exclamation-lg", type: "components" }), h("gov-icon", { key: '56c1ca03e5b23154a93056bba8758553a5c93f30', class: "arrow-icon", name: "chevron-down", type: "components" })), this.h.hasSlot('sufix') && h("slot", { key: 'f3e3f1416d15a34402d446e6a72d0607cc8d90fc', name: "sufix" })));
+        })), this.success && h("gov-icon", { key: 'b08abba818740a7250956bf03962fb86eade55c2', class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && h("gov-icon", { key: '5b9c0a3e7f7b6b678880b2e17e43ae702fff023b', class: "validation-icon", name: "exclamation-lg", type: "components" }), h("gov-icon", { key: '8b9afa5ebf08b1dd680aac751f8a0559b83132fc', class: "arrow-icon", name: "chevron-down", type: "components" })), this.h.hasSlot('sufix') && h("slot", { key: '9178ca16301992f32c30f3609a388a2251d3bf85', name: "sufix" })));
     }
     onFocusHandler(e) {
         this.focused = true;

package/dist/esm/gov-form-switch.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-c263e031.js';
+import { r as registerInstance, d as createEvent, h, a as Host, g as getElement } from './index-8dc58a1a.js';
 import { c as createID } from './string.utils-1da8f8fb.js';
 import { v as validateProp } from './props-9d3c7ac1.js';
 import { g as govForm, h as FormSwitchClass, i as FormSwitchSizes } from './form-713f26fd.js';

package/dist/esm/gov-grid-item.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, g as getElement } from './index-c263e031.js';
+import { r as registerInstance, h, a as Host, g as getElement } from './index-8dc58a1a.js';
 import { a as GridItemClass } from './constants-2d5a0e18.js';
 import { g as govHost } from './template-7ecee4d1.js';
@@ -13,7 +13,7 @@ const GovGridItem = class {
         this.h = govHost(this.host);
     }
     render() {
-        return (h(Host, { key: 'd830b7cb16e1ad4a07b5b5348c05434eb31a1f9e', class: this.h.classes(GridItemClass.root), role: "listitem", size: this.size, "size-sm": this.sizeSm, "size-md": this.sizeMd, "size-lg": this.sizeLg, "size-xl": this.sizeXl }, h("slot", { key: '235bd47e47d94457cdbbf1d4530cf2e0bcddc4a3' })));
+        return (h(Host, { key: 'e1dc6e3517618361ab3b5e3ad499a5bbbaae3d6a', class: this.h.classes(GridItemClass.root), role: "listitem", size: this.size, "size-sm": this.sizeSm, "size-md": this.sizeMd, "size-lg": this.sizeLg, "size-xl": this.sizeXl }, h("slot", { key: '53780db95fa728f252302cb86923ad9e9fcd9b66' })));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/gov-grid.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, g as getElement } from './index-c263e031.js';
+import { r as registerInstance, h, a as Host, g as getElement } from './index-8dc58a1a.js';
 import { G as GridClass } from './constants-2d5a0e18.js';
 import { g as govHost } from './template-7ecee4d1.js';
@@ -11,7 +11,7 @@ const GovGrid = class {
     }
     // vertical / horizontal align
     render() {
-        return (h(Host, { key: '81e96a065c6472ae76e4768cf2b8373b94f0d0a4', class: this.h.classes(GridClass.root), "align-x": this.alignX, "align-y": this.alignY, role: "list" }, h("slot", { key: 'c3965bafe6a5870352a7cded3fc96adfbeb41724' })));
+        return (h(Host, { key: 'd2f4e42a186e0d8020abc96ef3ca0956e1492d05', class: this.h.classes(GridClass.root), "align-x": this.alignX, "align-y": this.alignY, role: "list" }, h("slot", { key: '46c60ccdda81ce271aeaca46bead1bf33e22c041' })));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/gov-infobar.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-c263e031.js';
+import { r as registerInstance, d as createEvent, h, a as Host, g as getElement } from './index-8dc58a1a.js';
 import { g as govHost, c as toBoolAttr } from './template-7ecee4d1.js';
 import { F as Fragment } from './Fragment-8d8d54fb.js';
 import { v as validateProp } from './props-9d3c7ac1.js';
@@ -57,8 +57,8 @@ const GovInfobar = class {
         this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
     }
     render() {
-        const closeButton = (h("gov-button", { key: '4569d98296984f33ff83947f92a95a0a3bf0d3e3', size: "s", "aria-label": this.accessibleCloseLabel, type: "base", color: this.isBold ? this.color : "neutral", "on-gov-click": this.onCloseHandler.bind(this), class: InfobarClass.close }, h("gov-icon", { key: 'aafcdbde7ca0e13d9e733036da6cc6085143966d', name: "x-lg", type: "components" })));
-        return (h(Host, { key: '9b558a0c786862d032ed6fb5d274fc0c3cdae617', class: this.h.classes(InfobarClass.root), color: this.color, type: this.type }, h("section", Object.assign({ key: '9bded4750afdfef6ace0e5a39be2d6283b30d725', class: InfobarClass.section }, this.inheritedAttributes, { role: this.role }), h("slot", { key: '011f9d52f9f971a560fd0220be40b5a221a5f4b3', name: "icon" }), h("div", { key: 'd613d4ab22f89da935fe60b866ea262802c5d18f', class: InfobarClass.content }, this.h.hasSlot('headline') ? (h(Fragment, null, h("div", { class: InfobarClass.headline }, h("slot", { name: "headline" }), h("gov-button", { size: "s", type: "base", color: this.isBold ? this.color : "neutral", "aria-label": this.accessibleToggleLabel, "on-gov-click": () => (this.toggleContent = !this.toggleContent) }, h("gov-icon", { name: this.toggleContent ? 'chevron-up' : 'chevron-down', type: "components" }))), h("div", { hidden: !this.toggleContent, "aria-hidden": toBoolAttr(this.toggleContent) }, h("slot", null)))) : (h("slot", null))), this.closable && closeButton)));
+        const closeButton = (h("gov-button", { key: '2d0597a56f6edb97e7feff654ba98885fa48033a', size: "s", "aria-label": this.accessibleCloseLabel, type: "base", color: this.isBold ? this.color : "neutral", "on-gov-click": this.onCloseHandler.bind(this), class: InfobarClass.close }, h("gov-icon", { key: 'c17ba542b02a4910a136eec6cb4556d1857dffb2', name: "x-lg", type: "components" })));
+        return (h(Host, { key: 'd71d1b8ffe158de90f3fb520bd996a8246988d3d', class: this.h.classes(InfobarClass.root), color: this.color, type: this.type }, h("section", Object.assign({ key: '12cce82faa13fa39135fe92b0ab61bc2b01fa083', class: InfobarClass.section }, this.inheritedAttributes, { role: this.role }), h("slot", { key: 'bc48d4e5dfad03cd9c54054225a4c3db0ec09cd9', name: "icon" }), h("div", { key: '70422e59cb69504d1aca5d45b9f9700b35b344f0', class: InfobarClass.content }, this.h.hasSlot('headline') ? (h(Fragment, null, h("div", { class: InfobarClass.headline }, h("slot", { name: "headline" }), h("gov-button", { size: "s", type: "base", color: this.isBold ? this.color : "neutral", "aria-label": this.accessibleToggleLabel, "on-gov-click": () => (this.toggleContent = !this.toggleContent) }, h("gov-icon", { name: this.toggleContent ? 'chevron-up' : 'chevron-down', type: "components" }))), h("div", { hidden: !this.toggleContent, "aria-hidden": toBoolAttr(this.toggleContent) }, h("slot", null)))) : (h("slot", null))), this.closable && closeButton)));
     }
     onCloseHandler(e) {
         this.govClose.emit({

package/dist/esm/gov-layout-column.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, g as getElement } from './index-c263e031.js';
+import { r as registerInstance, h, a as Host, g as getElement } from './index-8dc58a1a.js';
 import { a as LayoutColumnClass } from './constants-f0f531b6.js';
 import { g as govHost } from './template-7ecee4d1.js';
@@ -8,7 +8,7 @@ const GovLayoutColumn = class {
         this.h = govHost(this.host);
     }
     render() {
-        return (h(Host, { key: '8566cc892984b1ce728c679107e228d8320f3048', class: this.h.classes(LayoutColumnClass.root) }, h("slot", { key: 'e3a085ef568fa75ef813b775344adbd6f4ef2773' })));
+        return (h(Host, { key: 'ebef4ca76b1308a566c862b5a49eecf1eb3fce99', class: this.h.classes(LayoutColumnClass.root) }, h("slot", { key: 'aaeefeb1a56b294d91b1327fd52eb16486cfb918' })));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/gov-layout.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, g as getElement } from './index-c263e031.js';
+import { r as registerInstance, h, a as Host, g as getElement } from './index-8dc58a1a.js';
 import { L as LayoutClass } from './constants-f0f531b6.js';
 import { g as govHost } from './template-7ecee4d1.js';
@@ -17,7 +17,7 @@ const GovLayout = class {
         return originalClass + ' ' + originalClass + isType + isVariant + isInverse;
     }
     render() {
-        return (h(Host, { key: 'ba8fc53df2f13fcf8b87f25f073d0284b68b0a3a', type: this.type, class: this.h.classes(LayoutClass.root) }, h("section", { key: 'f645a9b32495c4fc1c0c86a0078c78c4bc00a1e8', class: this.typeClass(LayoutClass.section, this.type, this.variant, this.inverse) }, h("slot", { key: '5b0d1a3a137a8fe3bb90ae5dff2dbc179575af56' }))));
+        return (h(Host, { key: 'c35fc39e07229363bdf36be5856165e7e8eb7985', type: this.type, class: this.h.classes(LayoutClass.root) }, h("section", { key: 'dc50cf9cba8bd4e879291fddfbd41955f2d10330', class: this.typeClass(LayoutClass.section, this.type, this.variant, this.inverse) }, h("slot", { key: '017a329c119529d3893e187b6a8bbccfbbc76679' }))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/gov-lifecycle.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host } from './index-c263e031.js';
+import { r as registerInstance, h, a as Host } from './index-8dc58a1a.js';
 import { a as chr4 } from './string.utils-1da8f8fb.js';
 const GovLifecycle = class {
@@ -34,7 +34,7 @@ const GovLifecycle = class {
         console.log('componentDidUpdate', this.uniqueId);
     }
     render() {
-        return (h(Host, { key: '7bd4b9b30b6fe4e1732232fa4e70d66756c2139d', identifier: this.uniqueId }, h("span", { key: '70d6b8d178133ee89b795c4018687c7afb2576f0' }, "lifecycle ", this.uniqueId)));
+        return (h(Host, { key: '506eabaae01ae888fa838c10572e55bbe6fb7015', identifier: this.uniqueId }, h("span", { key: '7604a29214fdffb1a470d83d7db37a583e5072ed' }, "lifecycle ", this.uniqueId)));
     }
 };

package/dist/esm/gov-link.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, g as getElement } from './index-c263e031.js';
+import { r as registerInstance, h, a as Host, g as getElement } from './index-8dc58a1a.js';
 import { p as pick } from './utils-e10e994d.js';
 import { S as Sizes } from './sizes-5b9e579f.js';
 import { g as govHost } from './template-7ecee4d1.js';
@@ -34,7 +34,7 @@ const GovLink = class {
         this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
     }
     render() {
-        return (h(Host, { key: '8723fc6fc0cf3faf4a0fb48b38ad2f0d0a21704b', class: this.h.classes(LinkClass.root), size: this.size, href: this.href, external: this.external }, h("a", Object.assign({ key: '1bfe7837dab38690789ec818f6134a50a93d1e4e', class: "element", href: this.href, target: this.target }, this.inheritedAttributes), h("slot", { key: '96d6ce9e164a8fa5b6d5c115d52988bdfff3eceb', name: "icon-start" }), h("slot", { key: 'bcc373fec9e7e159c6b31a2ad846dd929d189d1e' }), this.external ? h("gov-icon", { name: "box-arrow-up-right", type: "components" }) : h("slot", { name: "icon-end" }))));
+        return (h(Host, { key: '233af48c179501fe03ee2e5931806e1955913b59', class: this.h.classes(LinkClass.root), size: this.size, href: this.href, external: this.external }, h("a", Object.assign({ key: '679067805205d76500979620b1ef4405139bb339', class: "element", href: this.href, target: this.target }, this.inheritedAttributes), h("slot", { key: 'd24c4ab99451f317a453c8131bd0506606322553', name: "icon-start" }), h("slot", { key: '276923f48cdc13985115e8d4e8860a2fb0c692e2' }), this.external ? h("gov-icon", { name: "box-arrow-up-right", type: "components" }) : h("slot", { name: "icon-end" }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gov-loading.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, g as getElement } from './index-c263e031.js';
+import { r as registerInstance, h, a as Host, g as getElement } from './index-8dc58a1a.js';
 import { p as pick } from './utils-e10e994d.js';
 import { S as Sizes } from './sizes-5b9e579f.js';
 import { g as govHost, p as prepareClasses } from './template-7ecee4d1.js';
@@ -25,7 +25,7 @@ const GovLoading = class {
         this.validateSize(this.size);
     }
     render() {
-        return (h(Host, { key: '3f7cec1f98aa0c68f42eb3049ae8d34270e17258', class: this.h.classes(LoadingClass.root), size: this.size }, h("div", { key: '9ad1ca86b0221f2668f47eb72c080e9ecd05ed68', class: LoadingClass.content }, h("gov-icon", { key: '5d75c634386c8226c553b787355b29b0581601c5', class: prepareClasses([LoadingClass.icon, "gov-spin-animation"]), name: "loader", type: "components" }), h("slot", { key: '99ff7f6f1c8bd8135959ea36bc484eab6c9a4b6b' })), h("gov-backdrop", { key: 'dcaa2ab6dbcca347d5934df52e0f4989701c0259', inverse: true })));
+        return (h(Host, { key: '4c33339523674f2f2415dfb326131858de9eecf9', class: this.h.classes(LoadingClass.root), size: this.size }, h("div", { key: '8c25628dd3072fd89665ccfedb9596383181b13d', class: LoadingClass.content }, h("gov-icon", { key: 'a9969874350b5316c61a94b12d41a0130eeded0f', class: prepareClasses([LoadingClass.icon, "gov-spin-animation"]), name: "loader", type: "components" }), h("slot", { key: '14c716ecc352a0d947a6e3d932d2ab9075dedb97' })), h("gov-backdrop", { key: '507610e5a61b34be2166fb4a30539a134dc1b262', inverse: true })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gov-message.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, g as getElement } from './index-c263e031.js';
+import { r as registerInstance, h, a as Host, g as getElement } from './index-8dc58a1a.js';
 import { v as validateProp } from './props-9d3c7ac1.js';
 import { C as Colors } from './colors-4cf64720.js';
 import { p as pick } from './utils-e10e994d.js';
@@ -27,7 +27,7 @@ const GovMessage = class {
         validateProp(Colors, newValue, MessageClass.root);
     }
     render() {
-        return (h(Host, { key: 'e9250a61d94bf14a9d32eef5a69a9347df89a1e2', class: this.h.classes(MessageClass.root), color: this.color, type: this.type, role: "status" }, this.h.hasSlot("icon") && (h("slot", { key: '00a69ab91656245790d88c02cbaa14d365f48140', name: "icon" })), h("div", { key: 'c95cb839c2f24f744aff2a9580c44c18102d1fc9', class: MessageClass.content }, h("slot", { key: '71d8d21cff90b5498940d99947d62fec1f400f1e' }))));
+        return (h(Host, { key: 'b9e06c8f94940edf9d2c60119c35ec32baa23fc9', class: this.h.classes(MessageClass.root), color: this.color, type: this.type, role: "status" }, this.h.hasSlot("icon") && (h("slot", { key: 'd478f414de8eaa276cc867ae5bb325c1090b08ac', name: "icon" })), h("div", { key: 'd5a113ca4061b445c583fb1b4f22fff594570b1e', class: MessageClass.content }, h("slot", { key: 'e9be2f4ff3603c5f77d46e042455174e6ccfb7be' }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gov-pagination.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-c263e031.js';
+import { r as registerInstance, d as createEvent, h, a as Host, g as getElement } from './index-8dc58a1a.js';
 import { F as Fragment } from './Fragment-8d8d54fb.js';
 import { v as validateProp } from './props-9d3c7ac1.js';
 import { S as Sizes } from './sizes-5b9e579f.js';

package/dist/esm/gov-spacer.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, g as getElement } from './index-c263e031.js';
+import { r as registerInstance, h, a as Host, g as getElement } from './index-8dc58a1a.js';
 import { v as validateProp } from './props-9d3c7ac1.js';
 import { S as Sizes } from './sizes-5b9e579f.js';
 import { p as pick } from './utils-e10e994d.js';
@@ -36,7 +36,7 @@ const GovSpacer = class {
         this.validateBreakpoint(this.breakpoint);
     }
     render() {
-        return h(Host, { key: '49415f0b2a4bfb25ececcd115bd1e8bfad250938', class: this.h.classes(SpacerClass.root), size: this.size, breakpoint: this.breakpoint });
+        return h(Host, { key: '23aedb7f3b112a356319aba076eedf9a4743e25b', class: this.h.classes(SpacerClass.root), size: this.size, breakpoint: this.breakpoint });
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gov-stepper-item.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-c263e031.js';
+import { r as registerInstance, d as createEvent, h, a as Host, g as getElement } from './index-8dc58a1a.js';
 import { v as validateProp } from './props-9d3c7ac1.js';
 import { S as StepperItemClass, c as StepperColors } from './constants-372455eb.js';
 import { c as createID } from './string.utils-1da8f8fb.js';
@@ -32,7 +32,7 @@ const GovStepperItem = class {
     render() {
         const triggerId = this.identifier || this.triggerId;
         const contentId = this.contentId;
-        return (h(Host, { key: 'f722a022748d8fcb4ca0a27108a7e2e2980a1602', id: triggerId, class: this.h.classes(StepperItemClass.root), color: this.color, role: "listitem", hydrated: this.hydrated }, this.h.hasSlot('prefix') && (h("span", { key: 'eed745cace26ca1d31c6441dd7be76d3dfa6bd4c', class: StepperItemClass.prefix }, h("slot", { key: 'd5cab6411231cd082468bcc5c244ee75e0dba147', name: "prefix" }))), h("div", { key: 'c13c92aa7890f8406eb5870caa93d186801c0a75' }, h("span", { key: 'ad456eb4699a3d32dfa2d5d477bd346cb1814473', class: StepperItemClass.headline }, h("slot", { key: '0dfdb036dcc108943be0795269e7e0b5f8ac0a29', name: "headline" })), h("slot", { key: '24220b19c2f3c6af35407da423bb1900dc363db8', name: "annotation" }), this.h.hasSlot('content') && (h("div", { key: '2bdd3feeaeafdcf73534bfadb5ff29d90eb9e037', class: StepperItemClass.content, id: contentId, "aria-labelledby": triggerId, role: "tabpanel" }, h("slot", { key: 'f2f70633c3c2adcc7bd407a23863e0a6fba5ec89', name: "content" }))))));
+        return (h(Host, { key: 'c24400b8ee5917005e6e3a21f47024c7ebad2960', id: triggerId, class: this.h.classes(StepperItemClass.root), color: this.color, role: "listitem", hydrated: this.hydrated }, this.h.hasSlot('prefix') && (h("span", { key: '010401daa60b44eed322de007fdd6e4ca035ff8d', class: StepperItemClass.prefix }, h("slot", { key: '27287e54365c7e72e01dd21f8d07f7144dc03f3c', name: "prefix" }))), h("div", { key: 'b50e23ee80b270bb5bb781c46e2cf2de73cad1bb' }, h("span", { key: '84500822ca2e529bff5e5cf4eb7ac7c9f0fc9d97', class: StepperItemClass.headline }, h("slot", { key: '18410e07be87715a96540789a82403bfab45e55c', name: "headline" })), h("slot", { key: 'dd2c20b9f07d2bcbf4223eca8de0d7592d178e86', name: "annotation" }), this.h.hasSlot('content') && (h("div", { key: 'cd34d17b5a14816dd91ee84f91a14217952bcfe5', class: StepperItemClass.content, id: contentId, "aria-labelledby": triggerId, role: "tabpanel" }, h("slot", { key: 'c90f411f8d63c6381f55a0e6ac819369a9bfd2e5', name: "content" }))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gov-stepper.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-c263e031.js';
+import { r as registerInstance, d as createEvent, h, a as Host, g as getElement } from './index-8dc58a1a.js';
 import { v as validateProp } from './props-9d3c7ac1.js';
 import { S as StepperItemClass, a as StepperClass, b as StepperSizes } from './constants-372455eb.js';
 import { g as govHost } from './template-7ecee4d1.js';
@@ -34,7 +34,7 @@ const GovStepper = class {
         this.hydrated = true;
     }
     render() {
-        return (h(Host, { key: '208bca5b06fce13b8f87f0cc4497860c01d2d56b', class: this.h.classes(StepperClass.root), role: "list", size: this.size, hydrated: this.hydrated }, h("slot", { key: 'a0ec9b8b5e03062e4b9547cb9fbfc73fddaa0519' })));
+        return (h(Host, { key: '0815470dbe86e888ab922139e6f02347f89f4700', class: this.h.classes(StepperClass.root), role: "list", size: this.size, hydrated: this.hydrated }, h("slot", { key: '2585c79a48236a8c2d333a437beb4d7f1d9d9d6c' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gov-tabs-item.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, g as getElement } from './index-c263e031.js';
+import { r as registerInstance, h, a as Host, g as getElement } from './index-8dc58a1a.js';
 import { c as createID } from './string.utils-1da8f8fb.js';
 import { g as govHost, t as toBoolAttrIfDefined } from './template-7ecee4d1.js';
 import { a as TabsClass, T as TabsItemClass } from './constants-9177ea52.js';
@@ -28,7 +28,7 @@ const GovTabsItem = class {
         }
     }
     render() {
-        return (h(Host, { key: '7cf18cf8a10a4c03dd51922e31e18dac86aa217d', class: this.h.classes(TabsItemClass.root), default: this.default }, h("div", { key: '3a707d9494c5055c3763f4cdf840522fae5e7a2a', class: TabsItemClass.inner, role: "tabpanel", id: this.identifier || this.contentId, hidden: !this.isActive, "aria-labelledby": this.triggerIdentifier || this.triggerId, "aria-hidden": toBoolAttrIfDefined(!this.isActive) }, h("slot", { key: '289b661851fc6d68a5d6dd376a6e31b691e25aea' }))));
+        return (h(Host, { key: '89b01b0d025a89f89085dba24db6b8fadcd97e68', class: this.h.classes(TabsItemClass.root), default: this.default }, h("div", { key: '8868371d0da63c1727c8b3a55b930a4d0ce30a3c', class: TabsItemClass.inner, role: "tabpanel", id: this.identifier || this.contentId, hidden: !this.isActive, "aria-labelledby": this.triggerIdentifier || this.triggerId, "aria-hidden": toBoolAttrIfDefined(!this.isActive) }, h("slot", { key: '0d47bea8c416b1c57aac006f9eea9101ade9427d' }))));
     }
     /**
      * Returns a unique tab content identifier

package/dist/esm/gov-tabs.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-c263e031.js';
+import { r as registerInstance, d as createEvent, h, a as Host, g as getElement } from './index-8dc58a1a.js';
 import { v as validateProp } from './props-9d3c7ac1.js';
 import { T as TabsItemClass, a as TabsClass, b as TabTypes, c as TabColors, d as TabSizes } from './constants-9177ea52.js';
 import { g as govHost, c as toBoolAttr, b as booleanString } from './template-7ecee4d1.js';
@@ -118,7 +118,7 @@ const GovTabs = class {
         });
     }
     render() {
-        return (h(Host, { key: '75a6dc2d1bb8afb13e3d63b44bdd00e230a49fe6', class: this.h.classes(TabsClass.root), size: this.size, color: this.color, type: this.type, direction: this.direction, onKeyDown: this.onKeydownHandler.bind(this) }, h("div", Object.assign({ key: '1fc7ff9eafaaab713727787a1bb0c7364ad3cf4e', class: TabsClass.tabs, role: "tablist" }, this.inheritedAttributes), h("ul", { key: '82a67f585c9a394175bb64be57e669d886b3d4f6', class: TabsClass.list }, this.controllers.map(control => (h("li", { class: TabsClass.item }, this.type == "text" ? (h("button", { class: TabsClass.btn, id: control.triggerIdentifier, role: "tab", onClick: () => this.onSelectHandler(control), disabled: control.disabled, "aria-disabled": toBoolAttr(control.disabled), "aria-selected": toBoolAttr(control.active), "aria-controls": control.contentIdentifier, tabindex: control.active && !control.disabled ? 0 : -1, ref: el => (this.triggerRefs[control.triggerIdentifier] = el) }, control.iconStart ? (h("gov-icon", { name: control.iconStart.name, type: control.iconStart.type })) : null, control.label, control.iconEnd ? (h("gov-icon", { name: control.iconEnd.name, type: control.iconEnd.type })) : null)) : (h("gov-chip", { role: "tab", tag: 'button', identifier: control.triggerIdentifier, "aria-selected": booleanString(control.active), "aria-controls": control.contentIdentifier, focusable: control.active, disabled: control.disabled, color: this.color, size: this.size === "xs" ? "xs" : (this.size === "s" ? "s" : "m"), type: control.active ? "solid" : "outlined", ref: el => (this.triggerRefs[control.triggerIdentifier] = el), "on-gov-click": () => this.onSelectHandler(control) }, control.iconStart ? (h("gov-icon", { name: control.iconStart.name, type: control.iconStart.type, slot: "icon-start" })) : null, control.label, control.iconEnd ? (h("gov-icon", { name: control.iconEnd.name, type: control.iconEnd.type, slot: "icon-end" })) : null))))))), h("slot", { key: '8af7e27c0410ba9a4c0f79a1c44275e5811e9463' })));
+        return (h(Host, { key: '4efcbedcc355a74456cc899bc48c7aaf8c604c12', class: this.h.classes(TabsClass.root), size: this.size, color: this.color, type: this.type, direction: this.direction, onKeyDown: this.onKeydownHandler.bind(this) }, h("div", Object.assign({ key: 'a64d1a7cadd5950ebc687c3f3d741ea0a59a3684', class: TabsClass.tabs, role: "tablist" }, this.inheritedAttributes), h("ul", { key: 'adab5148c97b041e11f3e7d11a4d87492df5320a', class: TabsClass.list }, this.controllers.map(control => (h("li", { class: TabsClass.item }, this.type == "text" ? (h("button", { class: TabsClass.btn, id: control.triggerIdentifier, role: "tab", onClick: () => this.onSelectHandler(control), disabled: control.disabled, "aria-disabled": toBoolAttr(control.disabled), "aria-selected": toBoolAttr(control.active), "aria-controls": control.contentIdentifier, tabindex: control.active && !control.disabled ? 0 : -1, ref: el => (this.triggerRefs[control.triggerIdentifier] = el) }, control.iconStart ? (h("gov-icon", { name: control.iconStart.name, type: control.iconStart.type })) : null, control.label, control.iconEnd ? (h("gov-icon", { name: control.iconEnd.name, type: control.iconEnd.type })) : null)) : (h("gov-chip", { role: "tab", tag: 'button', identifier: control.triggerIdentifier, "aria-selected": booleanString(control.active), "aria-controls": control.contentIdentifier, focusable: control.active, disabled: control.disabled, color: this.color, size: this.size === "xs" ? "xs" : (this.size === "s" ? "s" : "m"), type: control.active ? "solid" : "outlined", ref: el => (this.triggerRefs[control.triggerIdentifier] = el), "on-gov-click": () => this.onSelectHandler(control) }, control.iconStart ? (h("gov-icon", { name: control.iconStart.name, type: control.iconStart.type, slot: "icon-start" })) : null, control.label, control.iconEnd ? (h("gov-icon", { name: control.iconEnd.name, type: control.iconEnd.type, slot: "icon-end" })) : null))))))), h("slot", { key: '2a3720ce9449d62ecd1d58bac806bf356d37375a' })));
     }
     getCurrentTab() {
         return this.controllers.find(control => control.active) || null;

package/dist/esm/gov-tag.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, g as getElement } from './index-c263e031.js';
+import { r as registerInstance, h, a as Host, g as getElement } from './index-8dc58a1a.js';
 import { g as govHost } from './template-7ecee4d1.js';
 import { v as validateProp } from './props-9d3c7ac1.js';
 import { a as ButtonColors, b as ButtonSizes } from './constants-51f51588.js';
@@ -26,6 +26,7 @@ const GovTag = class {
         this.size = TagSizes._S;
         this.color = ButtonColors.PRIMARY;
         this.type = undefined;
+        this.expanded = false;
         this.h = govHost(this.host);
     }
     validateColor(newValue) {
@@ -41,7 +42,7 @@ const GovTag = class {
     render() {
         const iconStart = prepareIconFormat(this.iconStart);
         const iconEnd = prepareIconFormat(this.iconEnd);
-        return (h(Host, { key: 'c883cf9721b32aa8c06609bf09272ef196456e18', class: this.h.classes(TagClass.root), color: this.color, size: this.size, type: this.type }, h("span", { key: '614f39f6f1004d6c3ee1d0f13990a4e52dee66bc', class: "element" }, h("slot", { key: 'f7d4dc9576768e917a363bc7cafa86567213ea82', name: "icon-start" }, iconStart && h("gov-icon", { key: '8d57b52a0314e8d76461872116b4ce04e546c180', type: iconStart.type, name: iconStart.name })), h("slot", { key: '4cd134377c3ea7843aa899b0a2962aa19f5d569e' }), h("slot", { key: '4dc1cccaced24ef26bb15e648788590a4b7d1838', name: "icon-end" }, iconEnd && h("gov-icon", { key: '7946e18900c98bdff4c610813b2422bf75b30049', type: iconEnd.type, name: iconEnd.name })))));
+        return (h(Host, { key: '8865709f2568a754160000138f413f352409e248', class: this.h.classes(TagClass.root), color: this.color, size: this.size, type: this.type }, h("span", { key: '4ae6dc1d60a207510de61c2391af9eb268dd3588', class: "element" }, h("slot", { key: 'f08057eb346b918d1be45ad7561a71bac54237aa', name: "icon-start" }, iconStart && h("gov-icon", { key: '37554fce04335c45bb724efeb5e7701513336b7b', type: iconStart.type, name: iconStart.name })), h("slot", { key: 'b66970bf42b9fd9217cb2e3a03c2f47c608b14a5' }), h("slot", { key: '85bf0010dac55b808bba5a442d977e8538f93d3a', name: "icon-end" }, iconEnd && h("gov-icon", { key: '70bf541bac6a69871618cb520c7008099aa6f341', type: iconEnd.type, name: iconEnd.name })))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gov-tag.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"gov-tag.entry.js","mappings":";;;;;;;;;;AAIO,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;AAGxD,IAAY,OAGX;AAHD,WAAY,OAAO;IAClB,wBAAa,CAAA;IACb,4BAAiB,CAAA;AAClB,CAAC,EAHW,OAAO,KAAP,OAAO,QAGlB;AAGM,MAAM,QAAQ,GAAG;IACvB,IAAI,EAAE,SAAS;CACf;;MCJY,MAAM;IAGlB;;;;oBAiBqD,QAAQ,CAAC,EAAE;qBAIP,YAAY,CAAC,OAAO;;~~QApB5E~~,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;~~IA0BD~~,aAAa,CAAC,QAAgB;QAC7B,YAAY,CAAC,YAAY,EAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAA;KACnD;IAGD,YAAY,CAAC,QAAgB;QAC5B,YAAY,CAAC,WAAW,EAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAA;KAClD;IAED,iBAAiB;QAChB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QAC9B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC5B;IAED,MAAM;QACL,MAAM,SAAS,GAAG,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QACnD,MAAM,OAAO,GAAG,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAC/C,QACC,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,EACzC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,IAEf,6DAAM,KAAK,EAAC,SAAS,IACpB,6DAAM,IAAI,EAAC,YAAY,IACrB,SAAS,IAAI,iEAAU,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,GAAa,CACzE,EACP,8DAAO,EACP,6DAAM,IAAI,EAAC,UAAU,IACnB,OAAO,IAAI,iEAAU,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,GAAa,CACnE,CACD,CACD,EACP;KACD;;;;;;;;;;","names":[],"sources":["../../../packages/core/src/components/gov-tag/constants.ts","../../../packages/core/src/components/gov-tag/gov-tag.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const TagSizes = pick(Sizes, ['_XS', '_S', '_M'])\nexport type TagSizesType = `${ValueOf<typeof TagSizes>}`\n\nexport enum TagType {\n\tBOLD = 'bold',\n\tSUBTLE = 'subtle',\n}\nexport type TagTypesType = `${ValueOf<typeof TagType>}`\n\nexport const TagClass = {\n\troot: 'gov-tag',\n}\n","import {Component, Element, h, Host, Prop, Watch} from '@stencil/core'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {validateProp} from '../../helpers/Validate/props'\nimport {ButtonSizes, ButtonColors, ButtonColorType} from '../gov-button/button/constants'\nimport {TagClass, TagSizes, TagSizesType, TagTypesType} from './constants'\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\n\n@Component({\n\ttag: 'gov-tag',\n})\nexport class GovTag {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovTagElement\n\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 Tag’s size.\n\t /\n\t@Prop({reflect: true}) readonly size: TagSizesType = TagSizes._S\n\t/\n\t Style variation of the tag.\n\t /\n\t@Prop({reflect: true}) readonly color: ButtonColorType = ButtonColors.PRIMARY\n\t/\n\t Tag’s type\n\t */\n\t@Prop({reflect: true}) readonly type: TagTypesType\n\n\t@Watch('color')\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(ButtonColors, newValue, TagClass.root)\n\t}\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(ButtonSizes, newValue, TagClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.validateSize(this.size)\n\t}\n\n\trender() {\n\t\tconst iconStart = prepareIconFormat(this.iconStart)\n\t\tconst iconEnd = prepareIconFormat(this.iconEnd)\n\t\treturn (\n\t\t\t<Host class={this.h.classes(TagClass.root)}\n\t\t\t\tcolor={this.color}\n\t\t\t\tsize={this.size}\n\t\t\t\ttype={this.type}\n\t\t\t>\n\t\t\t\t<span class=\"element\">\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</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"gov-tag.entry.js","mappings":";;;;;;;;;;AAIO,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;AAGxD,IAAY,OAGX;AAHD,WAAY,OAAO;IAClB,wBAAa,CAAA;IACb,4BAAiB,CAAA;AAClB,CAAC,EAHW,OAAO,KAAP,OAAO,QAGlB;AAGM,MAAM,QAAQ,GAAG;IACvB,IAAI,EAAE,SAAS;CACf;;MCJY,MAAM;IAGlB;;;;oBAiBqD,QAAQ,CAAC,EAAE;qBAIP,YAAY,CAAC,OAAO;;wBAQzB,KAAK;QA5BxD,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IA8BD,aAAa,CAAC,QAAgB;QAC7B,YAAY,CAAC,YAAY,EAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAA;KACnD;IAGD,YAAY,CAAC,QAAgB;QAC5B,YAAY,CAAC,WAAW,EAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAA;KAClD;IAED,iBAAiB;QAChB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QAC9B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC5B;IAED,MAAM;QACL,MAAM,SAAS,GAAG,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QACnD,MAAM,OAAO,GAAG,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAC/C,QACC,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,EACzC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,IAEf,6DAAM,KAAK,EAAC,SAAS,IACpB,6DAAM,IAAI,EAAC,YAAY,IACrB,SAAS,IAAI,iEAAU,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,GAAa,CACzE,EACP,8DAAO,EACP,6DAAM,IAAI,EAAC,UAAU,IACnB,OAAO,IAAI,iEAAU,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,GAAa,CACnE,CACD,CACD,EACP;KACD;;;;;;;;;;","names":[],"sources":["../../../packages/core/src/components/gov-tag/constants.ts","../../../packages/core/src/components/gov-tag/gov-tag.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const TagSizes = pick(Sizes, ['_XS', '_S', '_M'])\nexport type TagSizesType = `${ValueOf<typeof TagSizes>}`\n\nexport enum TagType {\n\tBOLD = 'bold',\n\tSUBTLE = 'subtle',\n}\nexport type TagTypesType = `${ValueOf<typeof TagType>}`\n\nexport const TagClass = {\n\troot: 'gov-tag',\n}\n","import {Component, Element, h, Host, Prop, Watch} from '@stencil/core'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {validateProp} from '../../helpers/Validate/props'\nimport {ButtonSizes, ButtonColors, ButtonColorType} from '../gov-button/button/constants'\nimport {TagClass, TagSizes, TagSizesType, TagTypesType} from './constants'\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\n\n@Component({\n\ttag: 'gov-tag',\n})\nexport class GovTag {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovTagElement\n\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 Tag’s size.\n\t /\n\t@Prop({reflect: true}) readonly size: TagSizesType = TagSizes._S\n\t/\n\t Style variation of the tag.\n\t /\n\t@Prop({reflect: true}) readonly color: ButtonColorType = ButtonColors.PRIMARY\n\t/\n\t Tag’s type\n\t /\n\t@Prop({reflect: true}) readonly type: TagTypesType\n\t/\n\t Expands the tag to fill 100% of the container width\n\t */\n\t@Prop({reflect: true}) readonly expanded: boolean = false\n\n\t@Watch('color')\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(ButtonColors, newValue, TagClass.root)\n\t}\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(ButtonSizes, newValue, TagClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.validateSize(this.size)\n\t}\n\n\trender() {\n\t\tconst iconStart = prepareIconFormat(this.iconStart)\n\t\tconst iconEnd = prepareIconFormat(this.iconEnd)\n\t\treturn (\n\t\t\t<Host class={this.h.classes(TagClass.root)}\n\t\t\t\tcolor={this.color}\n\t\t\t\tsize={this.size}\n\t\t\t\ttype={this.type}\n\t\t\t>\n\t\t\t\t<span class=\"element\">\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</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/esm/gov-tile.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, F as Fragment, a as Host, g as getElement } from './index-c263e031.js';
+import { r as registerInstance, h, F as Fragment, a as Host, g as getElement } from './index-8dc58a1a.js';
 import { p as pick } from './utils-e10e994d.js';
 import { S as Sizes } from './sizes-5b9e579f.js';
 import { g as govHost } from './template-7ecee4d1.js';
@@ -25,7 +25,7 @@ const GovTile = class {
         this.h = govHost(this.host);
     }
     render() {
-        return (h(Host, { key: '3fd4f5bb8f7cdcdb5a6bbed610ed4ab6ec2837f5', class: this.h.classes(TileClass.root), size: this.size, orientation: this.orientation, clickable: this.href ? true : null }, h("slot", { key: '97179af17c8f8b16de49ca36a7c548d20e53cbdf', name: "icon" }), h("div", { key: 'a60a8e60effd1337cc11c5afb347ab395673d724', class: TileClass.content }, h("div", { key: 'b27682c73305417442d9ebfd27e02cc80d10034c', class: TileClass.text }, h("div", { key: '0c891f670607dde529d5ef6b1c86a843b7600a30', class: TileClass.title }, this.href ? (h(Fragment, null, h("a", { href: this.href, target: this.target, class: TileClass.link, ref: el => (this.triggerRef = el) }, h("slot", { name: "title" })), h("span", { class: TileClass.icon }, h("gov-icon", { name: "chevron-right", type: "components" })))) : (h("slot", { name: "title" }))), h("div", { key: 'dcb5f3be57fa6ebaa507c12c9394f1b12837856e', class: `${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}` }, h("slot", { key: 'c3b7fe9ef111769219f1d915929112fe083927c8' }))), h("slot", { key: '98173ea276fedd176720b79e5a55b3b2d5272536', name: "button" }))));
+        return (h(Host, { key: 'c766f3d54f15e5a49a877fa2e67593d084f487f7', class: this.h.classes(TileClass.root), size: this.size, orientation: this.orientation, clickable: this.href ? true : null }, h("slot", { key: 'd07b106d781fead65a124c82d11ebe991fddfece', name: "icon" }), h("div", { key: 'eeee0397b4384a473f3782750d1e04f0c8c7894d', class: TileClass.content }, h("div", { key: 'f4081902e55b964b1ebbdd43f7b189f83dce8690', class: TileClass.text }, h("div", { key: '3bf8cf35db6f667de7c278786787e38b1392a5b2', class: TileClass.title }, this.href ? (h(Fragment, null, h("a", { href: this.href, target: this.target, class: TileClass.link, ref: el => (this.triggerRef = el) }, h("slot", { name: "title" })), h("span", { class: TileClass.icon }, h("gov-icon", { name: "chevron-right", type: "components" })))) : (h("slot", { name: "title" }))), h("div", { key: '088f60531285a1457277352a011766f809d9280d', class: `${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}` }, h("slot", { key: '8d4a612e3aff054a60ec1030eb5a28903595ea6a' }))), h("slot", { key: 'f7610d06a6d951b3a24f2e129342bb82c5e9d767', name: "button" }))));
     }
     /**
      * Returns a clickable element instance

package/dist/esm/gov-tiles.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, g as getElement } from './index-c263e031.js';
+import { r as registerInstance, h, a as Host, g as getElement } from './index-8dc58a1a.js';
 import { g as govHost } from './template-7ecee4d1.js';
 const TilesClass = {
@@ -12,7 +12,7 @@ const GovTiles = class {
         this.h = govHost(this.host);
     }
     render() {
-        return (h(Host, { key: 'edb08ecaceb976d51978baf7ba3779d7e4e333cc', class: this.h.classes(TilesClass.root) }, h("slot", { key: 'a4aa065a8e108b9ceb692c264dec8c4fc559f80e' })));
+        return (h(Host, { key: '18eb380e2fe62b54a90c5c758c62c985107c98d4', class: this.h.classes(TilesClass.root) }, h("slot", { key: '9746ede80d0daa8776208afb5cef44b7adb0d7fc' })));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/gov-toast.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-c263e031.js';
+import { r as registerInstance, d as createEvent, h, a as Host, g as getElement } from './index-8dc58a1a.js';
 import { v as validateProp } from './props-9d3c7ac1.js';
 import { C as Colors } from './colors-4cf64720.js';
 import { p as pick } from './utils-e10e994d.js';
@@ -72,7 +72,7 @@ const GovToast = class {
         }
     }
     render() {
-        return (h(Host, { key: '897da92a579e5854078657783d54c4fcca1f0311', class: this.h.classes(ToastClass.root), "data-toast-id": this.toastId, gravity: this.gravity, position: this.position, color: this.color, type: this.type, style: { "--toast-duration": this.time + "ms" } }, this.h.hasSlot("icon") && (h("span", { key: '50b2dde54f6e566f95c81bbd5dd6c27870338a70', class: ToastClass.icon }, h("slot", { key: 'f47d01268f3098f56b064fc41dc18bab64771073', name: "icon" }))), h("div", Object.assign({ key: '4e508603bd41bc5375ecf2d84e5a1df239fcc6c4', class: ToastClass.content }, this.inheritedAttributes, { "aria-live": "polite", role: "status" }), h("slot", { key: 'ff7e107c1486319621a1832bdcc0387f56dc56db' })), h("gov-button", { key: 'dfe2964f40d66df0335219b9bc66f5a316ecf8ca', size: "s", "aria-label": this.accessibleCloseLabel, color: this.isBold ? this.color : "neutral", type: "base", "on-gov-click": this.onCloseHandler.bind(this), class: ToastClass.close }, this.closeLabel ? this.closeLabel : h("gov-icon", { name: "x-lg", type: "components" })), h("div", { key: '5f0c872a74f8cac07431903519ecc191322d4397', class: ToastClass.timer })));
+        return (h(Host, { key: '632972ed59aac0d696428d6f32e6c99615ccf687', class: this.h.classes(ToastClass.root), "data-toast-id": this.toastId, gravity: this.gravity, position: this.position, color: this.color, type: this.type, style: { "--toast-duration": this.time + "ms" } }, this.h.hasSlot("icon") && (h("span", { key: 'da93a05f1976eeb4e356160fd0daea409b836a05', class: ToastClass.icon }, h("slot", { key: 'd374f5dea570b27643d960e65d0d5b2c710cb2b4', name: "icon" }))), h("div", Object.assign({ key: '1680aff627c809348ae7812ab72a34dbad33a368', class: ToastClass.content }, this.inheritedAttributes, { "aria-live": "polite", role: "status" }), h("slot", { key: '8208b697e9fbefd964a17c6bfdb06d3a5ff9d2f2' })), h("gov-button", { key: '9f05e19a672f66c2203a5556370e12e2ce7819f7', size: "s", "aria-label": this.accessibleCloseLabel, color: this.isBold ? this.color : "neutral", type: "base", "on-gov-click": this.onCloseHandler.bind(this), class: ToastClass.close }, this.closeLabel ? this.closeLabel : h("gov-icon", { name: "x-lg", type: "components" })), h("div", { key: 'a954d22ce3a0e06e2d17aa14903dae7264d9e03c', class: ToastClass.timer })));
     }
     onCloseHandler() {
         this.govClose.emit(this.toastId);

package/dist/esm/gov-tooltip-content.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, g as getElement } from './index-c263e031.js';
+import { r as registerInstance, h, a as Host, g as getElement } from './index-8dc58a1a.js';
 import { T as TooltipColors, a as TooltipSize, b as TooltipContentClass } from './constants-3b914c35.js';
 import { c as toBoolAttr } from './template-7ecee4d1.js';
 import './colors-4cf64720.js';
@@ -34,7 +34,7 @@ const GovTooltipContent = class {
         }
     }
     render() {
-        return (h(Host, { key: '9775080ab420c435e879ee1516f16bd7fb35f18d', class: TooltipContentClass.root, role: "tooltip", hidden: !this.isVisible, "aria-hidden": !toBoolAttr(this.isVisible), "is-visible": this.isVisible }, h("slot", { key: 'b5a4adc4ff5ce735d2c1d3688a031e08cb8a97a1' }), this.persist ? (h("gov-button", { "on-gov-click": this.hideContent.bind(this), color: this.color, size: this.size, type: "base" }, h("gov-icon", { slot: "icon-start", name: "x-lg", type: "components" }))) : null));
+        return (h(Host, { key: '965998f4788ddd5dffd01b53073a001023cd9037', class: TooltipContentClass.root, role: "tooltip", hidden: !this.isVisible, "aria-hidden": !toBoolAttr(this.isVisible), "is-visible": this.isVisible }, h("slot", { key: 'fe9d1ee13a11077947492341836f8f25c1f8881f' }), this.persist ? (h("gov-button", { "on-gov-click": this.hideContent.bind(this), color: this.color, size: this.size, type: "base" }, h("gov-icon", { slot: "icon-start", name: "x-lg", type: "components" }))) : null));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gov-tooltip.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, g as getElement } from './index-c263e031.js';
+import { r as registerInstance, h, a as Host, g as getElement } from './index-8dc58a1a.js';
 import { v as validateProp } from './props-9d3c7ac1.js';
 import { T as TooltipColors, a as TooltipSize, b as TooltipContentClass, c as TooltipPosition, d as TooltipClass } from './constants-3b914c35.js';
 import { c as createID } from './string.utils-1da8f8fb.js';
@@ -201,11 +201,11 @@ const GovTooltip = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'bc4cfa206b2e4060ca6070f0d4796df1a5df1bfc', id: this.tooltipId, class: this.h.classes(TooltipClass.root), position: this.position }, h("span", { key: '8ce3bf37e9ab13190c476db7cf47b7d0319719fe', role: 'button', tabindex: 0, onKeyPress: () => this.showTooltip(), onBlur: () => {
+        return (h(Host, { key: '2e96da1a9d7afd70abb4ffd2e979210cc179680e', id: this.tooltipId, class: this.h.classes(TooltipClass.root), position: this.position }, h("span", { key: '9c9c06d716556faa56f5ba9a952ea867c5533b2b', role: 'button', tabindex: 0, onKeyPress: () => this.showTooltip(), onBlur: () => {
                 if (this.persist === false) {
                     this.hideTooltip();
                 }
-            }, "aria-describedby": (_a = this.identifier) !== null && _a !== void 0 ? _a : this.tooltipContentId }, h("slot", { key: 'c622fcd797a2c0dd303395d2d6391fbc747e4d18' }))));
+            }, "aria-describedby": (_a = this.identifier) !== null && _a !== void 0 ? _a : this.tooltipContentId }, h("slot", { key: '29549049c0bfbe311980aa6a630ff9eff8e35f40' }))));
     }
     /**
      * Showing the modal

package/dist/esm/gov-wizard-item.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-c263e031.js';
+import { r as registerInstance, d as createEvent, h, a as Host, g as getElement } from './index-8dc58a1a.js';
 import { v as validateProp } from './props-9d3c7ac1.js';
 import { W as WizardItemClass, c as WizardColors } from './constants-8429b68f.js';
 import { c as createID } from './string.utils-1da8f8fb.js';
@@ -43,8 +43,8 @@ const GovWizardItem = class {
     render() {
         const triggerId = this.identifier || this.triggerId;
         const Tag = this.collapsible ? Tags.BUTTON : Tags.DIV;
-        const prefixSlot = this.h.hasSlot("prefix") && (h("span", { key: '5b4e2b9c66285827959d4df9801cef2b8de29764', class: WizardItemClass.prefix }, h("slot", { key: '6ffa576fe3be8febb899186208d8aa7ae1fecd96', name: "prefix" })));
-        return (h(Host, { key: '60fd0ec72cb212f73dddeec698c2003117b1fc02', class: this.h.classes(WizardItemClass.root), "is-expanded": this.isExpanded, color: this.color, size: this.size, role: "listitem", collapsible: this.collapsible, hydrated: this.hydrated }, h("div", { key: '02e7e16d0d559a3fd3f88a85b23d6263dfb3eeb8', class: WizardItemClass.header }, prefixSlot, this.collapsible ? (h(Tag, { id: triggerId, class: this.h.classes(WizardItemClass.label), "aria-expanded": booleanString(this.isExpanded), "aria-controls": this.contentId, disabled: this.disabled, "aria-disabled": toBoolAttrIfDefined(this.disabled), onClick: (e) => {
+        const prefixSlot = this.h.hasSlot("prefix") && (h("span", { key: 'abdd15cfa834f393b29335ea2bda28cd1dfeef46', class: WizardItemClass.prefix }, h("slot", { key: '123c495809091879ab3d985b9bcb4a22005e4b75', name: "prefix" })));
+        return (h(Host, { key: '463384ea408a20992bf6f30f142fce7146fabf53', class: this.h.classes(WizardItemClass.root), "is-expanded": this.isExpanded, color: this.color, size: this.size, role: "listitem", collapsible: this.collapsible, hydrated: this.hydrated }, h("div", { key: '0b60621607cd8c48fe05fd1755f9f7b8514d425d', class: WizardItemClass.header }, prefixSlot, this.collapsible ? (h(Tag, { id: triggerId, class: this.h.classes(WizardItemClass.label), "aria-expanded": booleanString(this.isExpanded), "aria-controls": this.contentId, disabled: this.disabled, "aria-disabled": toBoolAttrIfDefined(this.disabled), onClick: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
                 this.toggle();

package/dist/esm/gov-wizard.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-c263e031.js';
+import { r as registerInstance, d as createEvent, h, a as Host, g as getElement } from './index-8dc58a1a.js';
 import { v as validateProp } from './props-9d3c7ac1.js';
 import { W as WizardItemClass, a as WizardClass, b as WizardSizes } from './constants-8429b68f.js';
 import { g as govHost } from './template-7ecee4d1.js';
@@ -47,7 +47,7 @@ const GovWizard = class {
         this.hydrated = true;
     }
     render() {
-        return (h(Host, { key: '3aa896212e044cc3952da66a72b1ca7a708ea0b3', class: this.h.classes(WizardClass.root), role: "list", size: this.size, hydrated: this.hydrated }, h("slot", { key: 'aeb21d97bb87dd3c9b5cd01abe2482c39e2ba8cf' })));
+        return (h(Host, { key: 'd75ce2d5499cef41ac6b316f313b0c5c446d0b55', class: this.h.classes(WizardClass.root), role: "list", size: this.size, hydrated: this.hydrated }, h("slot", { key: 'ea151639d058fa4e50427a893fa167969a453d39' })));
     }
     /**
      * Validate the WCAG attributes of the component