@gov-design-system-ce/components 4.1.0-rc1 → 4.1.1

package/dist/cjs/gov-wizard-item.cjs.entry.js

@@ -2,15 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1af4880c.js');
-const props = require('./props-b8a955b2.js');
-const constants = require('./constants-441d1af4.js');
-const string_utils = require('./string.utils-2335838f.js');
-const template = require('./template-b070338f.js');
-require('./gov.log-1e8bab6e.js');
-require('./win-587f4614.js');
+const index = require('./index-7ff4447c.js');
+const props = require('./props-d189860c.js');
+const constants = require('./constants-82929d01.js');
+const string_utils = require('./string.utils-b84c81cf.js');
+const template = require('./template-39939fd6.js');
+require('./gov.log-bfea3151.js');
 require('./utils-d263c5c6.js');
-require('./colors-976f6dff.js');
+require('./colors-f7c8eadd.js');
 require('./sizes-89f8d3b2.js');
 
 var Tags;
@@ -48,12 +47,12 @@ const GovWizardItem = class {
     render() {
         const triggerId = this.identifier || this.triggerId;
         const Tag = this.collapsible ? Tags.BUTTON : Tags.DIV;
-        const prefixSlot = this.h.hasSlot("prefix") && (index.h("span", { key: '3f59956339df074998165a5224c9df58054b3f34', class: constants.WizardItemClass.prefix }, index.h("slot", { key: '6c9b2007a4480ea06d9c1968c9c9f90b1d03fe12', name: "prefix" })));
-        return (index.h(index.Host, { key: '7c6523696e4ee074c82047d453355a46460e5f29', class: this.h.classes(constants.WizardItemClass.root), "is-expanded": this.isExpanded, color: this.color, size: this.size, role: "listitem", collapsible: this.collapsible, hydrated: this.hydrated }, index.h("div", { key: '1881b5a37ce7b3587295ed8a38a5923afbf2ffdb', class: constants.WizardItemClass.header }, prefixSlot, this.collapsible ? (index.h(Tag, { id: triggerId, class: this.h.classes(constants.WizardItemClass.label), "aria-expanded": template.booleanString(this.isExpanded), "aria-controls": this.contentId, disabled: this.disabled, "aria-disabled": template.toBoolAttrIfDefined(this.disabled), onClick: (e) => {
+        const prefixSlot = this.h.hasSlot("prefix") && (index.h("span", { key: '5b4e2b9c66285827959d4df9801cef2b8de29764', class: constants.WizardItemClass.prefix }, index.h("slot", { key: '6ffa576fe3be8febb899186208d8aa7ae1fecd96', name: "prefix" })));
+        return (index.h(index.Host, { key: '60fd0ec72cb212f73dddeec698c2003117b1fc02', class: this.h.classes(constants.WizardItemClass.root), "is-expanded": this.isExpanded, color: this.color, size: this.size, role: "listitem", collapsible: this.collapsible, hydrated: this.hydrated }, index.h("div", { key: '02e7e16d0d559a3fd3f88a85b23d6263dfb3eeb8', class: constants.WizardItemClass.header }, prefixSlot, this.collapsible ? (index.h(Tag, { id: triggerId, class: this.h.classes(constants.WizardItemClass.label), "aria-expanded": template.booleanString(this.isExpanded), "aria-controls": this.contentId, disabled: this.disabled, "aria-disabled": template.toBoolAttrIfDefined(this.disabled), onClick: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
                 this.toggle();
-            } }, index.h("span", { class: constants.WizardItemClass.headline }, index.h("slot", { name: "headline" }), this.collapsible && index.h("gov-icon", { class: constants.WizardItemClass.chevron, name: "chevron-down" })), index.h("slot", { name: "annotation" }))) : (index.h(Tag, { class: this.h.classes(constants.WizardItemClass.label) }, index.h("span", { class: constants.WizardItemClass.headline }, index.h("slot", { name: "headline" }), this.collapsible && index.h("gov-icon", { class: constants.WizardItemClass.chevron, name: "chevron-down" })), index.h("slot", { name: "annotation" })))), this.collapsible ? (index.h("div", { class: constants.WizardItemClass.content, id: this.contentId, "aria-hidden": template.booleanString(!this.isExpanded), hidden: !this.isExpanded, "aria-labelledby": triggerId }, index.h("slot", null))) : (index.h("div", { class: constants.WizardItemClass.content, "aria-hidden": template.booleanString(!this.isExpanded), hidden: !this.isExpanded }, index.h("slot", null)))));
+            } }, index.h("span", { class: constants.WizardItemClass.headline }, index.h("slot", { name: "headline" }), this.collapsible && index.h("gov-icon", { class: constants.WizardItemClass.chevron, name: "chevron-down", type: "components" })), index.h("slot", { name: "annotation" }))) : (index.h(Tag, { class: this.h.classes(constants.WizardItemClass.label) }, index.h("span", { class: constants.WizardItemClass.headline }, index.h("slot", { name: "headline" }), this.collapsible && index.h("gov-icon", { class: constants.WizardItemClass.chevron, name: "chevron-down", type: "components" })), index.h("slot", { name: "annotation" })))), this.collapsible ? (index.h("div", { class: constants.WizardItemClass.content, id: this.contentId, "aria-hidden": template.booleanString(!this.isExpanded), hidden: !this.isExpanded, "aria-labelledby": triggerId }, index.h("slot", null))) : (index.h("div", { class: constants.WizardItemClass.content, "aria-hidden": template.booleanString(!this.isExpanded), hidden: !this.isExpanded }, index.h("slot", null)))));
     }
     /**
      * Opening the Wizard

package/dist/cjs/gov-wizard-item.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"gov-wizard-item.entry.cjs.js","mappings":"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","names":["govHost","createID","validateProp","WizardColors","WizardItemClass","h","Host","booleanString","toBoolAttrIfDefined"],"sources":["../../../packages/core/src/components/gov-wizard/gov-wizard-item.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { WizardSizesType, WizardColors, WizardColorType, WizardItemClass } from \"./constants\"\nimport { createID } from \"../../utils/string.utils\"\nimport { booleanString, govHost, toBoolAttrIfDefined } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { WizardItemEvent } from \"./gov-wizard-item.types\"\n\nenum Tags {\n\tDIV = \"div\",\n\tBUTTON = \"button\",\n}\n\n@Component({\n\ttag: \"gov-wizard-item\",\n})\nexport class GovWizardItem {\n\tprivate h: GovHost\n\tprivate readonly triggerId: string\n\tprivate readonly contentId: string\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.triggerId = createID(\"GovWizardItem\")\n\t\tthis.contentId = createID(\"GovWizardContent\")\n\t}\n\n\t@Element() readonly host: HTMLGovWizardItemElement\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly color?: WizardColorType = \"primary\"\n\t/**\n\t * Size of wizard\n\t */\n\t@Prop() readonly size?: WizardSizesType = \"m\"\n\t/**\n\t * Custom wizard item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Defines weather the wizard item can be collapsible\n\t */\n\t@Prop() readonly collapsible: boolean = false\n\t/**\n\t * Makes the wizard component disabled.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Defines whether the accordion is open or closed by button\n\t */\n\t@Prop({ attribute: \"is-expanded\", mutable: true }) isExpanded = false\n\t/**\n\t * Called when the accordion state changes\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<WizardItemEvent>\n\n\t@Watch(\"color\")\n\tprivate validateColor(newValue: string): void {\n\t\tvalidateProp(WizardColors, newValue, WizardItemClass.root)\n\t}\n\n\tprivate emmitChange(): void {\n\t\tthis.govChange.emit({ expanded: this.isExpanded, component: WizardItemClass.root })\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\tconst triggerId = this.identifier || this.triggerId\n\t\tconst Tag = this.collapsible ? Tags.BUTTON : Tags.DIV\n\t\tconst prefixSlot = this.h.hasSlot(\"prefix\") && (<span class={WizardItemClass.prefix}><slot name=\"prefix\" /></span>)\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(WizardItemClass.root)}\n\t\t\t\t  is-expanded={this.isExpanded}\n\t\t\t\t  color={this.color}\n\t\t\t\t  size={this.size}\n\t\t\t\t  role=\"listitem\"\n\t\t\t\t  collapsible={this.collapsible}\n\t\t\t\t  hydrated={this.hydrated}>\n\t\t\t\t<div class={WizardItemClass.header}>\n\t\t\t\t\t{prefixSlot}\n\t\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\tid={triggerId}\n\t\t\t\t\t\t\tclass={this.h.classes(WizardItemClass.label)}\n\t\t\t\t\t\t\taria-expanded={booleanString(this.isExpanded)}\n\t\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.toggle()\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span class={WizardItemClass.headline}>\n\t\t\t\t\t\t\t\t<slot name=\"headline\" />\n\t\t\t\t\t\t\t\t{this.collapsible && <gov-icon class={WizardItemClass.chevron} name=\"chevron-down\"></gov-icon>}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<slot name=\"annotation\"/>\n\t\t\t\t\t\t</Tag>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Tag class={this.h.classes(WizardItemClass.label)}>\n\t\t\t\t\t\t\t<span class={WizardItemClass.headline}>\n\t\t\t\t\t\t\t\t<slot name=\"headline\" />\n\t\t\t\t\t\t\t\t{this.collapsible && <gov-icon class={WizardItemClass.chevron} name=\"chevron-down\"></gov-icon>}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<slot name=\"annotation\"/>\n\t\t\t\t\t\t</Tag>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={WizardItemClass.content}\n\t\t\t\t\t\tid={this.contentId}\n\t\t\t\t\t\taria-hidden={booleanString(!this.isExpanded)}\n\t\t\t\t\t\thidden={!this.isExpanded}\n\t\t\t\t\t\taria-labelledby={triggerId}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<div class={WizardItemClass.content}\n\t\t\t\t\t\t aria-hidden={booleanString(!this.isExpanded)}\n\t\t\t\t\t\t hidden={!this.isExpanded}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Opening the Wizard\n\t */\n\t@Method()\n\tasync open(): Promise<void> {\n\t\tthis.isExpanded = true\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Closing the Wizard\n\t */\n\t@Method()\n\tpublic async close(): Promise<void> {\n\t\tthis.isExpanded = false\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Wizard switch\n\t */\n\t@Method()\n\tpublic async toggle(): Promise<void> {\n\t\tthis.isExpanded = !this.isExpanded\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tpublic async currentState(): Promise<boolean> {\n\t\treturn this.isExpanded\n\t}\n}\n"],"version":3}
+{"file":"gov-wizard-item.entry.cjs.js","mappings":"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","names":["govHost","createID","validateProp","WizardColors","WizardItemClass","h","Host","booleanString","toBoolAttrIfDefined"],"sources":["../../../packages/core/src/components/gov-wizard/gov-wizard-item.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { WizardSizesType, WizardColors, WizardColorType, WizardItemClass } from \"./constants\"\nimport { createID } from \"../../utils/string.utils\"\nimport { booleanString, govHost, toBoolAttrIfDefined } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { WizardItemEvent } from \"./gov-wizard-item.types\"\n\nenum Tags {\n\tDIV = \"div\",\n\tBUTTON = \"button\",\n}\n\n@Component({\n\ttag: \"gov-wizard-item\",\n})\nexport class GovWizardItem {\n\tprivate h: GovHost\n\tprivate readonly triggerId: string\n\tprivate readonly contentId: string\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.triggerId = createID(\"GovWizardItem\")\n\t\tthis.contentId = createID(\"GovWizardContent\")\n\t}\n\n\t@Element() readonly host: HTMLGovWizardItemElement\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly color?: WizardColorType = \"primary\"\n\t/**\n\t * Size of wizard\n\t */\n\t@Prop() readonly size?: WizardSizesType = \"m\"\n\t/**\n\t * Custom wizard item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Defines weather the wizard item can be collapsible\n\t */\n\t@Prop() readonly collapsible: boolean = false\n\t/**\n\t * Makes the wizard component disabled.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Defines whether the accordion is open or closed by button\n\t */\n\t@Prop({ attribute: \"is-expanded\", mutable: true }) isExpanded = false\n\t/**\n\t * Called when the accordion state changes\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<WizardItemEvent>\n\n\t@Watch(\"color\")\n\tprivate validateColor(newValue: string): void {\n\t\tvalidateProp(WizardColors, newValue, WizardItemClass.root)\n\t}\n\n\tprivate emmitChange(): void {\n\t\tthis.govChange.emit({ expanded: this.isExpanded, component: WizardItemClass.root })\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\tconst triggerId = this.identifier || this.triggerId\n\t\tconst Tag = this.collapsible ? Tags.BUTTON : Tags.DIV\n\t\tconst prefixSlot = this.h.hasSlot(\"prefix\") && (<span class={WizardItemClass.prefix}><slot name=\"prefix\" /></span>)\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(WizardItemClass.root)}\n\t\t\t\t  is-expanded={this.isExpanded}\n\t\t\t\t  color={this.color}\n\t\t\t\t  size={this.size}\n\t\t\t\t  role=\"listitem\"\n\t\t\t\t  collapsible={this.collapsible}\n\t\t\t\t  hydrated={this.hydrated}>\n\t\t\t\t<div class={WizardItemClass.header}>\n\t\t\t\t\t{prefixSlot}\n\t\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\tid={triggerId}\n\t\t\t\t\t\t\tclass={this.h.classes(WizardItemClass.label)}\n\t\t\t\t\t\t\taria-expanded={booleanString(this.isExpanded)}\n\t\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.toggle()\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span class={WizardItemClass.headline}>\n\t\t\t\t\t\t\t\t<slot name=\"headline\" />\n\t\t\t\t\t\t\t\t{this.collapsible && <gov-icon class={WizardItemClass.chevron} name=\"chevron-down\" type=\"components\"></gov-icon>}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<slot name=\"annotation\"/>\n\t\t\t\t\t\t</Tag>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Tag class={this.h.classes(WizardItemClass.label)}>\n\t\t\t\t\t\t\t<span class={WizardItemClass.headline}>\n\t\t\t\t\t\t\t\t<slot name=\"headline\" />\n\t\t\t\t\t\t\t\t{this.collapsible && <gov-icon class={WizardItemClass.chevron} name=\"chevron-down\" type=\"components\"></gov-icon>}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<slot name=\"annotation\"/>\n\t\t\t\t\t\t</Tag>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={WizardItemClass.content}\n\t\t\t\t\t\tid={this.contentId}\n\t\t\t\t\t\taria-hidden={booleanString(!this.isExpanded)}\n\t\t\t\t\t\thidden={!this.isExpanded}\n\t\t\t\t\t\taria-labelledby={triggerId}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<div class={WizardItemClass.content}\n\t\t\t\t\t\t aria-hidden={booleanString(!this.isExpanded)}\n\t\t\t\t\t\t hidden={!this.isExpanded}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Opening the Wizard\n\t */\n\t@Method()\n\tasync open(): Promise<void> {\n\t\tthis.isExpanded = true\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Closing the Wizard\n\t */\n\t@Method()\n\tpublic async close(): Promise<void> {\n\t\tthis.isExpanded = false\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Wizard switch\n\t */\n\t@Method()\n\tpublic async toggle(): Promise<void> {\n\t\tthis.isExpanded = !this.isExpanded\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tpublic async currentState(): Promise<boolean> {\n\t\treturn this.isExpanded\n\t}\n}\n"],"version":3}

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

@@ -2,17 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1af4880c.js');
-const props = require('./props-b8a955b2.js');
-const constants = require('./constants-441d1af4.js');
-const template = require('./template-b070338f.js');
-const wcag = require('./wcag-31089f70.js');
-const win = require('./win-587f4614.js');
+const index = require('./index-7ff4447c.js');
+const props = require('./props-d189860c.js');
+const constants = require('./constants-82929d01.js');
+const template = require('./template-39939fd6.js');
+const wcag = require('./wcag-2927ff73.js');
+const gov_log = require('./gov.log-bfea3151.js');
 const utils = require('./utils-d263c5c6.js');
-require('./gov.log-1e8bab6e.js');
-require('./colors-976f6dff.js');
+require('./colors-f7c8eadd.js');
 require('./sizes-89f8d3b2.js');
-require('./string.utils-2335838f.js');
+require('./string.utils-b84c81cf.js');
 require('./helpers.types-ff60c9bd.js');
 
 const GovWizard = class {
@@ -43,7 +42,7 @@ const GovWizard = class {
         });
     }
     async componentDidRender() {
-        if (win.canValidateWcagOnRender()) {
+        if (gov_log.canValidateWcagOnRender()) {
             await utils.delay(500);
             await this.validateWcag();
         }
@@ -52,7 +51,7 @@ const GovWizard = class {
         this.hydrated = true;
     }
     render() {
-        return (index.h(index.Host, { key: '5dd1ff1d4239f078562f4fbda12e37e6d3586b50', class: this.h.classes(constants.WizardClass.root), role: "list", size: this.size, hydrated: this.hydrated }, index.h("slot", { key: 'eefabfef3f6ff5367a440df275cce51b179b24b4' })));
+        return (index.h(index.Host, { key: '3aa896212e044cc3952da66a72b1ca7a708ea0b3', class: this.h.classes(constants.WizardClass.root), role: "list", size: this.size, hydrated: this.hydrated }, index.h("slot", { key: 'aeb21d97bb87dd3c9b5cd01abe2482c39e2ba8cf' })));
     }
     /**
      * Validate the WCAG attributes of the component

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

@@ -1 +1 @@
-{"file":"gov-wizard.entry.cjs.js","mappings":";;;;;;;;;;;;;;;;;MAaa,SAAS;IAMrB;;;QAJQ,aAAQ,GAAG,KAAK,CAAA;oBAWkB,GAAG;;;QAN5C,IAAI,CAAC,CAAC,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IAoBO,YAAY,CAAC,QAAgB;QACpCC,kBAAY,CAACC,qBAAW,EAAE,QAAQ,EAAEC,qBAAW,CAAC,IAAI,CAAC,CAAA;KACrD;IAED,iBAAiB;QAChB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC5B;IAED,gBAAgB;QACf,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAACC,yBAAe,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,KAA+B;YACxF,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;;;;;;;SAOrC,CAAC,CAAA;KACF;IAED,MAAM,kBAAkB;QACvB,IAAIC,2BAAuB,EAAE,EAAE;YAC9B,MAAMC,WAAK,CAAC,GAAG,CAAC,CAAA;YAChB,MAAM,IAAI,CAAC,YAAY,EAAE,CAAA;SACzB;KACD;IAED,iBAAiB;QAChB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAA;KACpB;IAED,MAAM;QACL,QACCC,QAACC,UAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAACL,qBAAW,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAClGI,oEAAQ,CACF,EACP;KACD;;;;IAMM,MAAM,YAAY;QACxBE,4BAAuB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,EAAEN,qBAAW,CAAC,IAAI,CAAC,CAAA;KAC9E;;;;;;;;;","names":["govHost","validateProp","WizardSizes","WizardClass","WizardItemClass","canValidateWcagOnRender","delay","h","Host","validateAccessibleLabel"],"sources":["../../../packages/core/src/components/gov-wizard/gov-wizard.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { WizardSizes, WizardSizesType, WizardClass, WizardItemClass } from \"./constants\"\nimport { GovWizardItemChangeEvent } from \"./gov-wizard-item.d\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { validateAccessibleLabel } from \"../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\nimport { delay } from \"../../utils/utils\"\n\n@Component({\n\ttag: \"gov-wizard\",\n})\nexport class GovWizard {\n\tprivate h: GovHost\n\tprivate hydrated = false\n\n\t@Element() readonly host: HTMLGovWizardElement\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t/**\n\t * Size of wizard\n\t */\n\t@Prop() readonly size?: WizardSizesType = \"m\"\n\t/**\n\t * Adds accessible label for the wizard that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: \"wcag-label\" }) readonly wcagLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({ attribute: \"wcag-labelled-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Called when the wizard children state changes\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<GovWizardItemChangeEvent>\n\n\t@Watch(\"size\")\n\tprivate validateSize(newValue: string): void {\n\t\tvalidateProp(WizardSizes, newValue, WizardClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.host.querySelectorAll(WizardItemClass.root).forEach((child: HTMLGovWizardItemElement) => {\n\t\t\tchild.setAttribute(\"size\", this.size)\n\t\t\t/*\n\t\t\tchild.addEventListener('gov-change', (e: GovWizardItemCustomEvent<GovWizardItemChangeEvent>) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.govChange.emit(e.detail)\n\t\t\t})\n\t\t\t*/\n\t\t})\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(WizardClass.root)} role=\"list\" size={this.size} hydrated={this.hydrated}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tpublic async validateWcag(): Promise<void> {\n\t\tvalidateAccessibleLabel(this.wcagLabel, this.wcagLabelledBy, WizardClass.root)\n\t}\n}\n"],"version":3}
+{"file":"gov-wizard.entry.cjs.js","mappings":";;;;;;;;;;;;;;;;MAaa,SAAS;IAMrB;;;QAJQ,aAAQ,GAAG,KAAK,CAAA;oBAWkB,GAAG;;;QAN5C,IAAI,CAAC,CAAC,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IAoBO,YAAY,CAAC,QAAgB;QACpCC,kBAAY,CAACC,qBAAW,EAAE,QAAQ,EAAEC,qBAAW,CAAC,IAAI,CAAC,CAAA;KACrD;IAED,iBAAiB;QAChB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC5B;IAED,gBAAgB;QACf,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAACC,yBAAe,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,KAA+B;YACxF,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;;;;;;;SAOrC,CAAC,CAAA;KACF;IAED,MAAM,kBAAkB;QACvB,IAAIC,+BAAuB,EAAE,EAAE;YAC9B,MAAMC,WAAK,CAAC,GAAG,CAAC,CAAA;YAChB,MAAM,IAAI,CAAC,YAAY,EAAE,CAAA;SACzB;KACD;IAED,iBAAiB;QAChB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAA;KACpB;IAED,MAAM;QACL,QACCC,QAACC,UAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAACL,qBAAW,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAClGI,oEAAQ,CACF,EACP;KACD;;;;IAMM,MAAM,YAAY;QACxBE,4BAAuB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,EAAEN,qBAAW,CAAC,IAAI,CAAC,CAAA;KAC9E;;;;;;;;;","names":["govHost","validateProp","WizardSizes","WizardClass","WizardItemClass","canValidateWcagOnRender","delay","h","Host","validateAccessibleLabel"],"sources":["../../../packages/core/src/components/gov-wizard/gov-wizard.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { WizardSizes, WizardSizesType, WizardClass, WizardItemClass } from \"./constants\"\nimport { GovWizardItemChangeEvent } from \"./gov-wizard-item.d\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { validateAccessibleLabel } from \"../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\nimport { delay } from \"../../utils/utils\"\n\n@Component({\n\ttag: \"gov-wizard\",\n})\nexport class GovWizard {\n\tprivate h: GovHost\n\tprivate hydrated = false\n\n\t@Element() readonly host: HTMLGovWizardElement\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t/**\n\t * Size of wizard\n\t */\n\t@Prop() readonly size?: WizardSizesType = \"m\"\n\t/**\n\t * Adds accessible label for the wizard that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: \"wcag-label\" }) readonly wcagLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({ attribute: \"wcag-labelled-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Called when the wizard children state changes\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<GovWizardItemChangeEvent>\n\n\t@Watch(\"size\")\n\tprivate validateSize(newValue: string): void {\n\t\tvalidateProp(WizardSizes, newValue, WizardClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.host.querySelectorAll(WizardItemClass.root).forEach((child: HTMLGovWizardItemElement) => {\n\t\t\tchild.setAttribute(\"size\", this.size)\n\t\t\t/*\n\t\t\tchild.addEventListener('gov-change', (e: GovWizardItemCustomEvent<GovWizardItemChangeEvent>) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.govChange.emit(e.detail)\n\t\t\t})\n\t\t\t*/\n\t\t})\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(WizardClass.root)} role=\"list\" size={this.size} hydrated={this.hydrated}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tpublic async validateWcag(): Promise<void> {\n\t\tvalidateAccessibleLabel(this.wcagLabel, this.wcagLabelledBy, WizardClass.root)\n\t}\n}\n"],"version":3}

package/dist/cjs/{win-587f4614.js → gov.log-bfea3151.js}

@@ -28,13 +28,25 @@ const iconsPath = () => config().iconsPath;
 const iconsLazyLoad = () => config().iconsLazyLoad;
 const documentNode = () => config().documentNode;
 
+const WARNING_COLORS = { bg: '#ecae1a', text: '#3b3b3b' };
+const INFO_COLORS = { bg: '#2362a2', text: '#fff' };
+const govLog = (message, colors = INFO_COLORS, args) => {
+    const styles = ['color: ' + colors.text, 'background: ' + colors.bg, 'font-size: 11px', 'padding: 2px 4px', 'border-radius: 3px', 'font-weight: 600'].join(';');
+    if (useLog() || useWarningLog() || useErrorLog()) {
+        console.log('%cgov', styles, message, args);
+    }
+};
+const govWarningLog = (message, args) => {
+    if (useWarningLog()) {
+        govLog(message, WARNING_COLORS, args);
+    }
+};
+
 exports.canValidateWcagOnRender = canValidateWcagOnRender;
 exports.documentNode = documentNode;
+exports.govWarningLog = govWarningLog;
 exports.iconsLazyLoad = iconsLazyLoad;
 exports.iconsPath = iconsPath;
 exports.isWindow = isWindow;
-exports.useErrorLog = useErrorLog;
-exports.useLog = useLog;
-exports.useWarningLog = useWarningLog;
 
-//# sourceMappingURL=win-587f4614.js.map
+//# sourceMappingURL=gov.log-bfea3151.js.map

package/dist/cjs/gov.log-bfea3151.js.map

@@ -0,0 +1 @@
+{"file":"gov.log-bfea3151.js","mappings":";;;;MAYa,QAAQ,GAAG,OAAO,MAAM,KAAK,YAAW;AAErD,MAAM,iBAAiB,GAAG,CAAI,IAAY,KAA6B,QAAQ,IAAI,MAAM,IAAIA,cAAQ,CAAC,IAA2B,EAAE,MAAM,CAAC,CAAA;AAE1I,MAAM,MAAM,GAAG;IACd,MAAM,aAAa,GAAY;QAC9B,uBAAuB,EAAE,KAAK;QAC9B,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,KAAK;QACf,GAAG,EAAE,KAAK;QACV,SAAS,EAAE,eAAe;QAC1B,aAAa,EAAE,IAAI;QACnB,YAAY,EAAE,QAAQ,GAAG,QAAQ,GAAG,IAAI;KACxC,CAAA;IAED,MAAM,cAAc,GAAG,iBAAiB,CAAU,eAAe,CAAC,CAAA;IAClE,IAAI,cAAc,EAAE;QACnB,uCAAY,aAAa,GAAK,cAAc,EAAE;KAC9C;IAED,OAAO,aAAa,CAAA;AACrB,CAAC,CAAA;MAEY,uBAAuB,GAAG,MAA0C,MAAM,EAAE,CAAC,wBAAuB;AAC1G,MAAM,aAAa,GAAG,MAA6B,MAAM,EAAE,CAAC,UAAU,CAAA;AACtE,MAAM,WAAW,GAAG,MAA2B,MAAM,EAAE,CAAC,QAAQ,CAAA;AAChE,MAAM,MAAM,GAAG,MAAsB,MAAM,EAAE,CAAC,GAAG,CAAA;MAC3C,SAAS,GAAG,MAA4B,MAAM,EAAE,CAAC,UAAS;MAC1D,aAAa,GAAG,MAAgC,MAAM,EAAE,CAAC,cAAa;MACtE,YAAY,GAAG,MAA+B,MAAM,EAAE,CAAC;;AClCpE,MAAM,cAAc,GAAgB,EAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAC,CAAA;AACpE,MAAM,WAAW,GAAgB,EAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAC,CAAA;AAGvD,MAAM,MAAM,GAAG,CAAC,OAAe,EAAE,SAAsB,WAAW,EAAE,IAAc;IACxF,MAAM,MAAM,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC,IAAI,EAAE,cAAc,GAAG,MAAM,CAAC,EAAE,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,kBAAkB,CAAC,CAAC,IAAI,CACzJ,GAAG,CACH,CAAA;IAED,IAAG,MAAM,EAAE,IAAI,aAAa,EAAE,IAAI,WAAW,EAAE,EAAE;QAChD,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,CAAA;KAC3C;AACF,CAAC,CAAA;MAEY,aAAa,GAAG,CAAC,OAAe,EAAE,IAAc;IAC5D,IAAI,aAAa,EAAE,EAAE;QACpB,MAAM,CAAC,OAAO,EAAE,cAAc,EAAE,IAAI,CAAC,CAAA;KACrC;AACF;;;;;;;;;","names":["property"],"sources":["../../../packages/core/src/helpers/Dom/win.ts","../../../packages/core/src/helpers/Log/gov.log.ts"],"sourcesContent":["import { property } from '../../utils/utils'\n\ninterface IConfig {\n\tcanValidateWcagOnRender: boolean\n\twarningLog: boolean\n\terrorLog: boolean\n\tlog: boolean\n\ticonsPath: string\n\ticonsLazyLoad: boolean\n\tdocumentNode: Document\n}\n\nexport const isWindow = typeof window !== \"undefined\"\n\nconst getWindowProperty = <T>(name: string): Partial<T> | undefined => isWindow && window && property(name as keyof typeof window, window)\n\nconst config = (): IConfig => {\n\tconst defaultConfig: IConfig = {\n\t\tcanValidateWcagOnRender: false,\n\t\twarningLog: false,\n\t\terrorLog: false,\n\t\tlog: false,\n\t\ticonsPath: '/assets/icons',\n\t\ticonsLazyLoad: true,\n\t\tdocumentNode: document ? document : null,\n\t}\n\n\tconst windowProperty = getWindowProperty<IConfig>('GOV_DS_CONFIG')\n\tif (windowProperty) {\n\t\treturn { ...defaultConfig, ...windowProperty }\n\t}\n\n\treturn defaultConfig\n}\n\nexport const canValidateWcagOnRender = (): IConfig['canValidateWcagOnRender'] => config().canValidateWcagOnRender\nexport const useWarningLog = (): IConfig['warningLog'] => config().warningLog\nexport const useErrorLog = (): IConfig['errorLog'] => config().errorLog\nexport const useLog = (): IConfig['log'] => config().log\nexport const iconsPath = (): IConfig['iconsPath'] => config().iconsPath\nexport const iconsLazyLoad = (): IConfig['iconsLazyLoad'] => config().iconsLazyLoad\nexport const documentNode = (): IConfig['documentNode'] => config().documentNode\n","import {useErrorLog, useLog, useWarningLog} from \"../Dom/win\";\n\ninterface ColorConfig {\n\tbg: string\n\ttext: string\n}\n\nconst WARNING_COLORS: ColorConfig = {bg: '#ecae1a', text: '#3b3b3b'}\nconst INFO_COLORS: ColorConfig = {bg: '#2362a2', text: '#fff'}\nconst ERROR_COLORS: ColorConfig = {bg: '#c52a3a', text: '#fff'}\n\nexport const govLog = (message: string, colors: ColorConfig = INFO_COLORS, args?: unknown): void => {\n\tconst styles = ['color: ' + colors.text, 'background: ' + colors.bg, 'font-size: 11px', 'padding: 2px 4px', 'border-radius: 3px', 'font-weight: 600'].join(\n\t\t';'\n\t)\n\n\tif(useLog() || useWarningLog() || useErrorLog()) {\n\t\tconsole.log('%cgov', styles, message, args)\n\t}\n}\n\nexport const govWarningLog = (message: string, args?: unknown): void => {\n\tif (useWarningLog()) {\n\t\tgovLog(message, WARNING_COLORS, args)\n\t}\n}\n\nexport const govErrorLog = (message: string, args?: unknown): void => {\n\tif (useErrorLog()) {\n\t\tgovLog(message, ERROR_COLORS, args)\n\t}\n}\n"],"version":3}

package/dist/cjs/{index-1af4880c.js → index-7ff4447c.js}

@@ -21,7 +21,7 @@ function _interopNamespace(e) {
 }
 
 const NAMESPACE = 'core';
-const BUILD = /* core */ { allRenderFn: true, appendChildSlotFix: true, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: true, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: true, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: true, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: false, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: true, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: false, slot: true, slotChildNodesFix: true, slotRelocation: true, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
+const BUILD = /* core */ { allRenderFn: true, appendChildSlotFix: true, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: true, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: true, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: true, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: true, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: false, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: true, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: false, slot: true, slotChildNodesFix: true, slotRelocation: true, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
 
 /*
  Stencil Client Platform v4.20.0 | MIT Licensed | https://stenciljs.com
@@ -74,10 +74,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           }
           switch(bundleId) {
               
-                case 'gov-app_2.cjs':
+                case 'gov-flex_4.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
-                        './gov-app_2.cjs.entry.js')); }).then(processMod, consoleError);
+                        './gov-flex_4.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'gov-accordion.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -142,10 +142,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './gov-form-group.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'gov-form-label.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './gov-form-label.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'gov-form-multi-select.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -190,6 +186,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './gov-layout-column.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'gov-lifecycle.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './gov-lifecycle.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'gov-link.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './gov-link.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'gov-loading.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -282,10 +286,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './gov-button.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'gov-icon.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './gov-icon.cjs.entry.js')); }).then(processMod, consoleError);
           }
       }
   return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
@@ -1510,6 +1510,9 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
       maybePromise = safeCall(instance, "componentWillUpdate");
     }
   }
+  {
+    maybePromise = enqueue(maybePromise, () => safeCall(instance, "componentWillRender"));
+  }
   endSchedule();
   return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
 };
@@ -1666,6 +1669,11 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
         }
       }
       if ((flags & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
+        if (instance.componentShouldUpdate) {
+          if (instance.componentShouldUpdate(newVal, oldVal, propName) === false) {
+            return;
+          }
+        }
         scheduleUpdate(hostRef, false);
       }
     }
@@ -2026,4 +2034,4 @@ exports.promiseResolve = promiseResolve;
 exports.registerInstance = registerInstance;
 exports.setNonce = setNonce;
 
-//# sourceMappingURL=index-1af4880c.js.map
+//# sourceMappingURL=index-7ff4447c.js.map