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

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

@@ -1,18 +1,16 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-0e4f24f9.js');
-const wcag = require('./wcag-f8da82da.js');
-const gov_log = require('./gov.log-bfea3151.js');
-const utils = require('./utils-d263c5c6.js');
-const template = require('./template-39939fd6.js');
-const constants = require('./constants-b9fece07.js');
-const props = require('./props-d189860c.js');
-const string_utils = require('./string.utils-b84c81cf.js');
-require('./helpers.types-9066e4a4.js');
-require('./colors-f7c8eadd.js');
-require('./sizes-89f8d3b2.js');
+var index = require('./index-BEF5cZxd.js');
+var wcag = require('./wcag-Bvzxnp5D.js');
+var gov_log = require('./gov.log-C5EH15b_.js');
+var utils = require('./utils-NnC78QR3.js');
+var template = require('./template-DS4pSCTb.js');
+var constants = require('./constants-DcKnOyW4.js');
+var props = require('./props-CPENhBnM.js');
+var string_utils = require('./string.utils-BG4pUfEi.js');
+require('./helpers.types-vap8QfRH.js');
+require('./colors-DgrrxjsX.js');
+require('./sizes-D5zsw2g5.js');
 
 const AttachmentsClass = {
     root: 'gov-attachments',
@@ -29,8 +27,6 @@ const AttachmentsItemClass = {
 const GovAttachments = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.label = undefined;
-        this.wcagLabel = undefined;
         this.h = template.govHost(this.host);
     }
     async componentDidRender() {
@@ -51,15 +47,12 @@ const GovAttachments = class {
     get host() { return index.getElement(this); }
 };
 
-const govAttachmentsItemCss = "gov-attachments-item,.gov-attachments-item{position:relative;display:flex;width:100%;gap:var(--spacing-s)}gov-attachments-item__messages>*:last-child,.gov-attachments-item__messages>*:last-child{margin-bottom:0}gov-attachments-item__file,.gov-attachments-item__file{display:flex;gap:var(--spacing-s)}gov-attachments-item__name,.gov-attachments-item__name{display:flex;gap:var(--spacing-s);flex-wrap:wrap;align-items:center;margin:0;color:var(--name-color, var(--text-primary))}gov-attachments-item__name span,.gov-attachments-item__name span{font-size:var(--font-size-body-xs);line-height:150%;font-weight:400;color:var(--decor-color, var(--text-secondary))}";
-const GovAttachmentsItemStyle0 = govAttachmentsItemCss;
+const govAttachmentsItemCss = "gov-attachments-item,.gov-attachments-item{display:flex;flex-direction:column}gov-attachments-item__messages>*:last-child,.gov-attachments-item__messages>*:last-child{margin-bottom:0}gov-attachments-item__messages>*,.gov-attachments-item__messages>*{position:relative;top:calc(-1 * var(--spacing-xs))}gov-attachments-item__file,.gov-attachments-item__file{display:flex;gap:var(--spacing-s)}gov-attachments-item__name,.gov-attachments-item__name{display:flex;gap:var(--spacing-s);flex-wrap:wrap;align-items:center;margin:0;color:make-var(\"name-color\", var(--text-primary))}gov-attachments-item__name span,.gov-attachments-item__name span{font-size:var(--font-size-body-xs);line-height:150%;font-weight:400;color:make-var(\"decor-color\", var(--text-secondary))}";
 
 const GovAttachmentsItem = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.govRemove = index.createEvent(this, "gov-remove", 7);
-        this.accessibleRemoveLabel = undefined;
-        this.accessibleRemoveLabelledBy = undefined;
+        this.govRemove = index.createEvent(this, "gov-remove");
         this.h = template.govHost(this.host);
     }
     async componentDidRender() {
@@ -79,12 +72,18 @@ const GovAttachmentsItem = class {
     }
     get host() { return index.getElement(this); }
 };
-GovAttachmentsItem.style = GovAttachmentsItemStyle0;
+GovAttachmentsItem.style = govAttachmentsItemCss;
 
 const GovFormMessage = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        /**
+         * Style variation of the message.
+         */
         this.color = 'neutral';
+        /**
+         * Message's size.
+         */
         this.size = 'm';
         this.h = template.govHost(this.host);
         this.messageId = string_utils.createID('GovFormMessage');
@@ -96,7 +95,7 @@ const GovFormMessage = class {
         this.validateColor(this.color);
     }
     render() {
-        return (index.h(index.Host, { key: 'd9acfd066e2f1c0445cfee56131f4717668a25b9', class: this.h.classes(constants.FormMessageClass.root), color: this.color, size: this.size }, this.h.hasSlot('icon') && (index.h("slot", { key: 'd09fb037cf1b719bf5b23638e5660f60efc045e2', name: "icon" })), index.h("span", { key: '8168614d9f47c5d48282c9d11c74745a307cddf6', id: this.messageId, class: constants.FormMessageClass.content }, index.h("slot", { key: '3dbb35561437881e2f58235d9472fb9abe1684b9' }))));
+        return (index.h(index.Host, { key: 'dbc990cf3a48496a4905a768b3a7c662d42cc3ad', class: this.h.classes(constants.FormMessageClass.root), color: this.color, size: this.size }, this.h.hasSlot('icon') && (index.h("slot", { key: '600a149b56204308139aa026aea04dc5d872a7fe', name: "icon" })), index.h("span", { key: '61d47c46b469a1c070d2a0f7df3a47f8a878ba6f', id: this.messageId, class: constants.FormMessageClass.content }, index.h("slot", { key: 'ff74d2926ddb5c3c79349d28906ff41a2485fde5' }))));
     }
     /**
      * Returns unique identifier of message
@@ -113,5 +112,6 @@ const GovFormMessage = class {
 exports.gov_attachments = GovAttachments;
 exports.gov_attachments_item = GovAttachmentsItem;
 exports.gov_form_message = GovFormMessage;
+//# sourceMappingURL=gov-attachments.gov-attachments-item.gov-form-message.entry.cjs.js.map
 
 //# sourceMappingURL=gov-attachments_3.cjs.entry.js.map

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

@@ -1 +1 @@
-{"file":"gov-attachments.gov-attachments-item.gov-form-message.entry.cjs.js","mappings":"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","names":["govHost","canValidateWcagOnRender","delay","h","Host","validateWcagProp","validateAccessibleLabel","createID","validateProp","FormMessageColors","FormMessageClass"],"sources":["../../../packages/core/src/components/gov-attachments/constants.ts","../../../packages/core/src/components/gov-attachments/gov-attachments.tsx","../../../packages/core/src/components/gov-attachments/gov-attachments-item.scss?tag=gov-attachments-item","../../../packages/core/src/components/gov-attachments/gov-attachments-item.tsx","../../../packages/core/src/components/gov-form/message/gov-form-message.tsx"],"sourcesContent":["export const AttachmentsClass = {\n\troot: 'gov-attachments',\n\tlabel: 'gov-attachments__label',\n\tlist: 'gov-attachments__list',\n}\n\nexport const AttachmentsItemClass = {\n\troot: 'gov-attachments-item',\n\tname: 'gov-attachments-item__name',\n\tfile: 'gov-attachments-item__file',\n\tmessages: 'gov-attachments-item__messages',\n}\n","import { Component, Element, h, Host, Method, Prop } from '@stencil/core'\nimport { AttachmentsClass } from './constants'\nimport { validateWcagProp } from '../../helpers/Validate/wcag'\nimport { canValidateWcagOnRender } from '../../helpers/Dom/win'\nimport { delay } from '../../utils/utils'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-attachments',\n})\nexport class GovAttachments {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovAttachmentsElement\n\t/**\n\t * Label of attachments section\n\t */\n\t@Prop() readonly label: string\n\t/**\n\t * Adds accessible label for the attachment section that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: 'wcag-label' }) readonly wcagLabel: string\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\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(AttachmentsClass.root)}>\n\t\t\t\t{this.label ? <p class={AttachmentsClass.label}>{this.label}</p> : null}\n\t\t\t\t<div class={AttachmentsClass.list} role=\"list\" aria-label={this.wcagLabel}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagProp(this.wcagLabel, 'wcag-label', AttachmentsClass.root)\n\t}\n}\n","/* Attachments - Item */\n\n\ngov-attachments-item, .gov-attachments-item {\n\t// VARIABLES\n\t@import \"gov-attachments-variables\";\n\n\t@include base($display: flex);\n\tgap: var(--spacing-s);\n\t&__messages {\n\t\t@include reset-last-margin();\n\t}\n\t&__file {\n\t\tdisplay: flex;\n\t\tgap: var(--spacing-s);\n\t}\n\t&__name {\n\t\tdisplay: flex;\n\t\tgap: var(--spacing-s);\n\t\tflex-wrap: wrap;\n\t\talign-items: center;\n\t\tmargin: 0;\n\t\tcolor: $attachments-name-color;\n\t\tspan {\n\t\t\t@include typography(\"body-xs\");\n\t\t\tcolor: $attachments-decor-color;\n\t\t}\n\t}\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop} from '@stencil/core'\nimport {AttachmentsItemClass} from './constants'\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {delay} from '../../utils/utils'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-attachments-item',\n\tstyleUrl: 'gov-attachments-item.scss',\n})\nexport class GovAttachmentsItem {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovAttachmentsItemElement\n\n\t/**\n\t * Adds accessible label for the remove button that is only shown for screen readers.\n\t */\n\t@Prop({attribute: 'accessible-remove-label'}) readonly accessibleRemoveLabel: string\n\t/**\n\t * Indicates the id of a component that labels the remove button.\n\t */\n\t@Prop({attribute: 'accessible-remove-labelledby'}) readonly accessibleRemoveLabelledBy: string\n\t/**\n\t * Emitted when the file is removed\n\t */\n\t@Event({eventName: 'gov-remove'}) govRemove: EventEmitter<PointerEvent>\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateAccessibility()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(AttachmentsItemClass.root)} role=\"listitem\">\n\t\t\t\t<div class={AttachmentsItemClass.file}>\n\t\t\t\t\t<p class={AttachmentsItemClass.name}>\n\t\t\t\t\t\t<slot/>\n\t\t\t\t\t\t<slot name=\"info\"/>\n\t\t\t\t\t</p>\n\t\t\t\t\t<gov-button\n\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\tsize=\"s\"\n\t\t\t\t\t\taria-label={this.accessibleRemoveLabel}\n\t\t\t\t\t\taria-labelledby={this.accessibleRemoveLabelledBy}\n\t\t\t\t\t\ton-gov-click={this.govRemove.emit}\n\t\t\t\t\t>\n\t\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\" type=\"components\"></gov-icon>\n\t\t\t\t\t</gov-button>\n\t\t\t\t</div>\n\n\t\t\t\t{this.h.hasSlot('message') && (\n\t\t\t\t\t<div class={AttachmentsItemClass.messages}>\n\t\t\t\t\t\t<slot name=\"message\"/>\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 * Validate the accessible attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tvalidateAccessibleLabel(this.accessibleRemoveLabel, this.accessibleRemoveLabelledBy, AttachmentsItemClass.root, this.host)\n\t}\n}\n","import { Component, Element, h, Host, Method, Prop, Watch } from '@stencil/core'\nimport {FormMessageClass, FormMessageSizesTypes, FormMessageColors, FormMessageColorType} from './constants'\nimport { govHost } from '../../../helpers/Dom/template'\nimport { GovHost } from '../../../helpers/Dom/template.types'\nimport { validateProp } from '../../../helpers/Validate/props'\nimport { createID } from '../../../utils/string.utils'\n\n@Component({\n\ttag: 'gov-form-message',\n})\nexport class GovFormMessage {\n\th: GovHost\n\tprivate readonly messageId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.messageId = createID('GovFormMessage')\n\t}\n\n\t@Element() host: HTMLGovFormMessageElement\n\t/**\n\t * Style variation of the message.\n\t */\n\t@Prop({ attribute: 'color' }) readonly color?: FormMessageColorType = 'neutral'\n\t/**\n\t * Message's size.\n\t */\n\t@Prop() readonly size?: FormMessageSizesTypes = 'm'\n\n\t@Watch('color')\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(FormMessageColors, newValue, FormMessageClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(FormMessageClass.root)} color={this.color} size={this.size}>\n\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t)}\n\t\t\t\t<span id={this.messageId} class={FormMessageClass.content}>\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\t/**\n\t * Returns unique identifier of message\n\t */\n\t@Method()\n\tasync identifier(): Promise<string> {\n\t\treturn this.messageId\n\t}\n}\n"],"version":3}
+{"file":"gov-attachments.gov-attachments-item.gov-form-message.entry.cjs.js","mappings":"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","names":["govHost","canValidateWcagOnRender","delay","h","Host","validateWcagProp","validateAccessibleLabel","createID","validateProp","FormMessageColors","FormMessageClass"],"sources":["../../../packages/core/src/components/gov-attachments/constants.ts","../../../packages/core/src/components/gov-attachments/gov-attachments.tsx","../../../packages/core/src/components/gov-attachments/gov-attachments-item.scss?tag=gov-attachments-item","../../../packages/core/src/components/gov-attachments/gov-attachments-item.tsx","../../../packages/core/src/components/gov-form/message/gov-form-message.tsx"],"sourcesContent":["export const AttachmentsClass = {\n\troot: 'gov-attachments',\n\tlabel: 'gov-attachments__label',\n\tlist: 'gov-attachments__list',\n}\n\nexport const AttachmentsItemClass = {\n\troot: 'gov-attachments-item',\n\tname: 'gov-attachments-item__name',\n\tfile: 'gov-attachments-item__file',\n\tmessages: 'gov-attachments-item__messages',\n}\n","import { Component, Element, h, Host, Method, Prop } from '@stencil/core'\nimport { AttachmentsClass } from './constants'\nimport { validateWcagProp } from '../../helpers/Validate/wcag'\nimport { canValidateWcagOnRender } from '../../helpers/Dom/win'\nimport { delay } from '../../utils/utils'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-attachments',\n})\nexport class GovAttachments {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovAttachmentsElement\n\t/**\n\t * Label of attachments section\n\t */\n\t@Prop() readonly label: string\n\t/**\n\t * Adds accessible label for the attachment section that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: 'wcag-label' }) readonly wcagLabel: string\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\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(AttachmentsClass.root)}>\n\t\t\t\t{this.label ? <p class={AttachmentsClass.label}>{this.label}</p> : null}\n\t\t\t\t<div class={AttachmentsClass.list} role=\"list\" aria-label={this.wcagLabel}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagProp(this.wcagLabel, 'wcag-label', AttachmentsClass.root)\n\t}\n}\n","/* Attachments - Item */\n\n\ngov-attachments-item, .gov-attachments-item {\n\t// VARIABLES\n\t@import \"gov-attachments-variables\";\n\n\tdisplay: flex;\n\tflex-direction: column;\n\t&__messages {\n\t\t@include reset-last-margin();\n\t\t> * {\n\t\t\tposition: relative;\n\t\t\ttop: calc(-1 * var(--spacing-xs));\n\t\t}\n\t}\n\t&__file {\n\t\tdisplay: flex;\n\t\tgap: var(--spacing-s);\n\t}\n\t&__name {\n\t\tdisplay: flex;\n\t\tgap: var(--spacing-s);\n\t\tflex-wrap: wrap;\n\t\talign-items: center;\n\t\tmargin: 0;\n\t\tcolor: $attachments-name-color;\n\t\tspan {\n\t\t\t@include typography(\"body-xs\");\n\t\t\tcolor: $attachments-decor-color;\n\t\t}\n\t}\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop} from '@stencil/core'\nimport {AttachmentsItemClass} from './constants'\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {delay} from '../../utils/utils'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-attachments-item',\n\tstyleUrl: 'gov-attachments-item.scss',\n})\nexport class GovAttachmentsItem {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovAttachmentsItemElement\n\n\t/**\n\t * Adds accessible label for the remove button that is only shown for screen readers.\n\t */\n\t@Prop({attribute: 'accessible-remove-label'}) readonly accessibleRemoveLabel: string\n\t/**\n\t * Indicates the id of a component that labels the remove button.\n\t */\n\t@Prop({attribute: 'accessible-remove-labelledby'}) readonly accessibleRemoveLabelledBy: string\n\t/**\n\t * Emitted when the file is removed\n\t */\n\t@Event({eventName: 'gov-remove'}) govRemove: EventEmitter<PointerEvent>\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateAccessibility()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(AttachmentsItemClass.root)} role=\"listitem\">\n\t\t\t\t<div class={AttachmentsItemClass.file}>\n\t\t\t\t\t<p class={AttachmentsItemClass.name}>\n\t\t\t\t\t\t<slot/>\n\t\t\t\t\t\t<slot name=\"info\"/>\n\t\t\t\t\t</p>\n\t\t\t\t\t<gov-button\n\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\tsize=\"s\"\n\t\t\t\t\t\taria-label={this.accessibleRemoveLabel}\n\t\t\t\t\t\taria-labelledby={this.accessibleRemoveLabelledBy}\n\t\t\t\t\t\ton-gov-click={this.govRemove.emit}\n\t\t\t\t\t>\n\t\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\" type=\"components\"></gov-icon>\n\t\t\t\t\t</gov-button>\n\t\t\t\t</div>\n\n\t\t\t\t{this.h.hasSlot('message') && (\n\t\t\t\t\t<div class={AttachmentsItemClass.messages}>\n\t\t\t\t\t\t<slot name=\"message\"/>\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 * Validate the accessible attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tvalidateAccessibleLabel(this.accessibleRemoveLabel, this.accessibleRemoveLabelledBy, AttachmentsItemClass.root, this.host)\n\t}\n}\n","import { Component, Element, h, Host, Method, Prop, Watch } from '@stencil/core'\nimport {FormMessageClass, FormMessageSizesTypes, FormMessageColors, FormMessageColorType} from './constants'\nimport { govHost } from '../../../helpers/Dom/template'\nimport { GovHost } from '../../../helpers/Dom/template.types'\nimport { validateProp } from '../../../helpers/Validate/props'\nimport { createID } from '../../../utils/string.utils'\n\n@Component({\n\ttag: 'gov-form-message',\n})\nexport class GovFormMessage {\n\th: GovHost\n\tprivate readonly messageId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.messageId = createID('GovFormMessage')\n\t}\n\n\t@Element() host: HTMLGovFormMessageElement\n\t/**\n\t * Style variation of the message.\n\t */\n\t@Prop({ attribute: 'color' }) readonly color?: FormMessageColorType = 'neutral'\n\t/**\n\t * Message's size.\n\t */\n\t@Prop() readonly size?: FormMessageSizesTypes = 'm'\n\n\t@Watch('color')\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(FormMessageColors, newValue, FormMessageClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(FormMessageClass.root)} color={this.color} size={this.size}>\n\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t)}\n\t\t\t\t<span id={this.messageId} class={FormMessageClass.content}>\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\t/**\n\t * Returns unique identifier of message\n\t */\n\t@Method()\n\tasync identifier(): Promise<string> {\n\t\treturn this.messageId\n\t}\n}\n"],"version":3}

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

@@ -1,15 +1,13 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-0e4f24f9.js');
-const wcag = require('./wcag-f8da82da.js');
-const gov_log = require('./gov.log-bfea3151.js');
-const template = require('./template-39939fd6.js');
-const stencil_utils = require('./stencil.utils-182382ee.js');
-require('./string.utils-b84c81cf.js');
-require('./helpers.types-9066e4a4.js');
-require('./utils-d263c5c6.js');
+var index = require('./index-BEF5cZxd.js');
+var wcag = require('./wcag-Bvzxnp5D.js');
+var gov_log = require('./gov.log-C5EH15b_.js');
+var template = require('./template-DS4pSCTb.js');
+var stencil_utils = require('./stencil.utils-8sCYbm34.js');
+require('./string.utils-BG4pUfEi.js');
+require('./helpers.types-vap8QfRH.js');
+require('./utils-NnC78QR3.js');
 
 const BackdropClass = {
     root: 'gov-backdrop',
@@ -19,11 +17,15 @@ const BackdropClass = {
 const GovBackdrop = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.govClick = index.createEvent(this, "gov-click", 7);
+        this.govClick = index.createEvent(this, "gov-click");
+        /**
+         * Determine if component should have inverse colors to be used on dark background.
+         */
         this.inverse = false;
+        /**
+         * Makes the backdrop component disabled.
+         */
         this.disabled = false;
-        this.accessibleLabel = undefined;
-        this.accessibleLabelledBy = undefined;
         this.h = template.govHost(this.host);
     }
     async componentDidRender() {
@@ -48,5 +50,6 @@ const GovBackdrop = class {
 };
 
 exports.gov_backdrop = GovBackdrop;
+//# sourceMappingURL=gov-backdrop.entry.cjs.js.map
 
 //# sourceMappingURL=gov-backdrop.cjs.entry.js.map

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

@@ -1 +1 @@
-{"file":"gov-backdrop.entry.cjs.js","mappings":";;;;;;;;;;;;;AAAO,MAAM,aAAa,GAAG;IAC5B,IAAI,EAAE,cAAc;IACpB,EAAE,EAAE,0BAA0B;CAC9B;;MCQY,WAAW;IAGvB;;;uBAQoC,KAAK;wBAI0B,KAAK;;;QAXvE,IAAI,CAAC,CAAC,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IAwBD,MAAM,kBAAkB;QACvB,IAAIC,+BAAuB,EAAE,EAAE;YAC9BC,kBAAI,CAAC,MAAM,IAAI,CAAC,qBAAqB,EAAE,CAAC,CAAA;SACxC;KACD;IAED,MAAM;QACL,QACCC,QAACC,UAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,IACrED,kEACC,IAAI,EAAE,QAAQ,mBACC,IAAI,CAAC,QAAQ,gBAChB,IAAI,CAAC,eAAe,qBACf,IAAI,CAAC,oBAAoB,EAC1C,OAAO,EAAE,CAAC;gBACT,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;oBACnB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;iBACrB;aACD,EACD,KAAK,EAAE,aAAa,CAAC,EAAE,GACjB,CACD,EACP;KACD;;;;IAMD,MAAM,qBAAqB;QAC1BE,4BAAuB,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,oBAAoB,EAAE,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;KACvG;;;;;;","names":["govHost","canValidateWcagOnRender","tick","h","Host","validateAccessibleLabel"],"sources":["../../../packages/core/src/components/gov-backdrop/constants.ts","../../../packages/core/src/components/gov-backdrop/gov-backdrop.tsx"],"sourcesContent":["export const BackdropClass = {\n\troot: 'gov-backdrop',\n\tbg: 'gov-backdrop__background',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop} from '@stencil/core'\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\nimport {BackdropClass} from './constants'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {tick} from \"../../utils/stencil.utils\";\n\n@Component({\n\ttag: 'gov-backdrop',\n})\nexport class GovBackdrop {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovBackdropElement\n\t/**\n\t * Determine if component should have inverse colors to be used on dark background.\n\t */\n\t@Prop() readonly inverse: boolean = false\n\t/**\n\t * Makes the backdrop component disabled.\n\t */\n\t@Prop({reflect: true, mutable: true}) readonly disabled: boolean = false\n\t/**\n\t * Adds accessible label for the backdrop that is only shown for screen readers.\n\t */\n\t@Prop({attribute: 'accessible-label'}) readonly accessibleLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({attribute: 'accessible-labelledby'}) readonly accessibleLabelledBy: string\n\t/**\n\t * Emitted when button clicks.\n\t */\n\t@Event({eventName: 'gov-click'}) govClick: EventEmitter<MouseEvent>\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\ttick(() => this.validateAccessibility())\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(BackdropClass.root)} inverse={this.inverse}>\n\t\t\t\t<div\n\t\t\t\t\trole={'button'}\n\t\t\t\t\taria-disabled={this.disabled}\n\t\t\t\t\taria-label={this.accessibleLabel}\n\t\t\t\t\taria-labelledby={this.accessibleLabelledBy}\n\t\t\t\t\tonClick={e => {\n\t\t\t\t\t\tif (!this.disabled) {\n\t\t\t\t\t\t\tthis.govClick.emit(e)\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tclass={BackdropClass.bg}\n\t\t\t\t></div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the accessibility attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tvalidateAccessibleLabel(this.accessibleLabel, this.accessibleLabelledBy, BackdropClass.root, this.host)\n\t}\n}\n"],"version":3}
+{"file":"gov-backdrop.entry.cjs.js","mappings":";;;;;;;;;;;AAAO,MAAM,aAAa,GAAG;AAC5B,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,EAAE,EAAE,0BAA0B;CAC9B;;MCQY,WAAW,GAAA,MAAA;AAGvB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAKA;;AAEG;AACc,QAAA,IAAO,CAAA,OAAA,GAAY,KAAK;AACzC;;AAEG;AAC4C,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;QAXvE,IAAI,CAAC,CAAC,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAwBD,IAAA,MAAM,kBAAkB,GAAA;QACvB,IAAIC,+BAAuB,EAAE,EAAE;YAC9BC,kBAAI,CAAC,MAAM,IAAI,CAAC,qBAAqB,EAAE,CAAC;;;IAI1C,MAAM,GAAA;AACL,QAAA,QACCC,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAA,EACrED,OACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,QAAQ,EAAA,eAAA,EACC,IAAI,CAAC,QAAQ,gBAChB,IAAI,CAAC,eAAe,EACf,iBAAA,EAAA,IAAI,CAAC,oBAAoB,EAC1C,OAAO,EAAE,CAAC,IAAG;AACZ,gBAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AACnB,oBAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;;aAEtB,EACD,KAAK,EAAE,aAAa,CAAC,EAAE,EAAA,CACjB,CACD;;AAIT;;AAEG;AAEH,IAAA,MAAM,qBAAqB,GAAA;AAC1B,QAAAE,4BAAuB,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,oBAAoB,EAAE,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC;;;;;;;","names":["govHost","canValidateWcagOnRender","tick","h","Host","validateAccessibleLabel"],"sources":["../../../packages/core/src/components/gov-backdrop/constants.ts","../../../packages/core/src/components/gov-backdrop/gov-backdrop.tsx"],"sourcesContent":["export const BackdropClass = {\n\troot: 'gov-backdrop',\n\tbg: 'gov-backdrop__background',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop} from '@stencil/core'\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\nimport {BackdropClass} from './constants'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {tick} from \"../../utils/stencil.utils\";\n\n@Component({\n\ttag: 'gov-backdrop',\n})\nexport class GovBackdrop {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovBackdropElement\n\t/**\n\t * Determine if component should have inverse colors to be used on dark background.\n\t */\n\t@Prop() readonly inverse: boolean = false\n\t/**\n\t * Makes the backdrop component disabled.\n\t */\n\t@Prop({reflect: true, mutable: true}) readonly disabled: boolean = false\n\t/**\n\t * Adds accessible label for the backdrop that is only shown for screen readers.\n\t */\n\t@Prop({attribute: 'accessible-label'}) readonly accessibleLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({attribute: 'accessible-labelledby'}) readonly accessibleLabelledBy: string\n\t/**\n\t * Emitted when button clicks.\n\t */\n\t@Event({eventName: 'gov-click'}) govClick: EventEmitter<MouseEvent>\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\ttick(() => this.validateAccessibility())\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(BackdropClass.root)} inverse={this.inverse}>\n\t\t\t\t<div\n\t\t\t\t\trole={'button'}\n\t\t\t\t\taria-disabled={this.disabled}\n\t\t\t\t\taria-label={this.accessibleLabel}\n\t\t\t\t\taria-labelledby={this.accessibleLabelledBy}\n\t\t\t\t\tonClick={e => {\n\t\t\t\t\t\tif (!this.disabled) {\n\t\t\t\t\t\t\tthis.govClick.emit(e)\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tclass={BackdropClass.bg}\n\t\t\t\t></div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the accessibility attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tvalidateAccessibleLabel(this.accessibleLabel, this.accessibleLabelledBy, BackdropClass.root, this.host)\n\t}\n}\n"],"version":3}

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

@@ -0,0 +1 @@
+{"version":3,"file":"gov-backdrop.entry.cjs.js","sources":["../../../packages/core/src/components/gov-backdrop/constants.ts","../../../packages/core/src/components/gov-backdrop/gov-backdrop.tsx"],"sourcesContent":["export const BackdropClass = {\n\troot: 'gov-backdrop',\n\tbg: 'gov-backdrop__background',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop} from '@stencil/core'\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\nimport {BackdropClass} from './constants'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {tick} from \"../../utils/stencil.utils\";\n\n@Component({\n\ttag: 'gov-backdrop',\n})\nexport class GovBackdrop {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovBackdropElement\n\t/**\n\t * Determine if component should have inverse colors to be used on dark background.\n\t */\n\t@Prop() readonly inverse: boolean = false\n\t/**\n\t * Makes the backdrop component disabled.\n\t */\n\t@Prop({reflect: true, mutable: true}) readonly disabled: boolean = false\n\t/**\n\t * Adds accessible label for the backdrop that is only shown for screen readers.\n\t */\n\t@Prop({attribute: 'accessible-label'}) readonly accessibleLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({attribute: 'accessible-labelledby'}) readonly accessibleLabelledBy: string\n\t/**\n\t * Emitted when button clicks.\n\t */\n\t@Event({eventName: 'gov-click'}) govClick: EventEmitter<MouseEvent>\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\ttick(() => this.validateAccessibility())\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(BackdropClass.root)} inverse={this.inverse}>\n\t\t\t\t<div\n\t\t\t\t\trole={'button'}\n\t\t\t\t\taria-disabled={this.disabled}\n\t\t\t\t\taria-label={this.accessibleLabel}\n\t\t\t\t\taria-labelledby={this.accessibleLabelledBy}\n\t\t\t\t\tonClick={e => {\n\t\t\t\t\t\tif (!this.disabled) {\n\t\t\t\t\t\t\tthis.govClick.emit(e)\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tclass={BackdropClass.bg}\n\t\t\t\t></div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the accessibility attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tvalidateAccessibleLabel(this.accessibleLabel, this.accessibleLabelledBy, BackdropClass.root, this.host)\n\t}\n}\n"],"names":["govHost","canValidateWcagOnRender","tick","h","Host","validateAccessibleLabel"],"mappings":";;;;;;;;;;;AAAO,MAAM,aAAa,GAAG;AAC5B,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,EAAE,EAAE,0BAA0B;CAC9B;;MCQY,WAAW,GAAA,MAAA;AAGvB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAKA;;AAEG;AACc,QAAA,IAAO,CAAA,OAAA,GAAY,KAAK;AACzC;;AAEG;AAC4C,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;QAXvE,IAAI,CAAC,CAAC,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAwBD,IAAA,MAAM,kBAAkB,GAAA;QACvB,IAAIC,+BAAuB,EAAE,EAAE;YAC9BC,kBAAI,CAAC,MAAM,IAAI,CAAC,qBAAqB,EAAE,CAAC;;;IAI1C,MAAM,GAAA;AACL,QAAA,QACCC,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAA,EACrED,OACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,QAAQ,EAAA,eAAA,EACC,IAAI,CAAC,QAAQ,gBAChB,IAAI,CAAC,eAAe,EACf,iBAAA,EAAA,IAAI,CAAC,oBAAoB,EAC1C,OAAO,EAAE,CAAC,IAAG;AACZ,gBAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AACnB,oBAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;;aAEtB,EACD,KAAK,EAAE,aAAa,CAAC,EAAE,EAAA,CACjB,CACD;;AAIT;;AAEG;AAEH,IAAA,MAAM,qBAAqB,GAAA;AAC1B,QAAAE,4BAAuB,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,oBAAoB,EAAE,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC;;;;;;;"}

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

@@ -1,13 +1,11 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-0e4f24f9.js');
-const template = require('./template-39939fd6.js');
-const utils = require('./utils-d263c5c6.js');
-const sizes = require('./sizes-89f8d3b2.js');
-const props = require('./props-d189860c.js');
-require('./gov.log-bfea3151.js');
+var index = require('./index-BEF5cZxd.js');
+var template = require('./template-DS4pSCTb.js');
+var utils = require('./utils-NnC78QR3.js');
+var sizes = require('./sizes-D5zsw2g5.js');
+var props = require('./props-CPENhBnM.js');
+require('./gov.log-C5EH15b_.js');
 
 const BannerSizes = utils.pick(sizes.Sizes, ['_S', '_M', '_L', '_XL']);
 var BannerBackground;
@@ -36,9 +34,21 @@ const BannerClass = {
 const GovBanner = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        /**
+         * Banner’s size.
+         */
         this.size = BannerSizes._M;
+        /**
+         * Banner’s background
+         */
         this.background = BannerBackground.SIMPLE;
+        /**
+         * Banner’s foreground
+         */
         this.foreground = BannerForeground.LOGO;
+        /**
+         * XL Banner’s text color
+         */
         this.textColor = BannerTextColor.LIGHT;
         this.h = template.govHost(this.host);
     }
@@ -76,5 +86,6 @@ const GovBanner = class {
 };
 
 exports.gov_banner = GovBanner;
+//# sourceMappingURL=gov-banner.entry.cjs.js.map
 
 //# sourceMappingURL=gov-banner.cjs.entry.js.map

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

@@ -1 +1 @@
-{"file":"gov-banner.entry.cjs.js","mappings":";;;;;;;;;;;AAIO,MAAM,WAAW,GAAGA,UAAI,CAACC,WAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;AAGjE,IAAY,gBAKX;AALD,WAAY,gBAAgB;IAC3B,qCAAiB,CAAA;IACjB,mCAAe,CAAA;IACf,uCAAmB,CAAA;IACnB,mCAAe,CAAA;AAChB,CAAC,EALW,gBAAgB,KAAhB,gBAAgB,QAK3B;AAGD,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC3B,mCAAe,CAAA;IACf,iCAAa,CAAA;IACb,iCAAa,CAAA;AACd,CAAC,EAJW,gBAAgB,KAAhB,gBAAgB,QAI3B;AAGD,IAAY,eAGX;AAHD,WAAY,eAAe;IAC1B,kCAAe,CAAA;IACf,gCAAa,CAAA;AACd,CAAC,EAHW,eAAe,KAAf,eAAe,QAG1B;AAGM,MAAM,WAAW,GAAG;IAC1B,IAAI,EAAE,YAAY;IAClB,OAAO,EAAE,qBAAqB;CAC9B;;MCZY,SAAS;IAGlB;;oBAQwD,WAAW,CAAC,EAAE;0BAIjB,gBAAgB,CAAC,MAAM;0BAIvB,gBAAgB,CAAC,IAAI;yBAIE,eAAe,CAAC,KAAK;QAnB7F,IAAI,CAAC,CAAC,GAAGC,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC9B;IAqBD,YAAY,CAAC,QAAgB;QACzBC,kBAAY,CAAC,WAAW,EAAE,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA;KACxD;IAGD,kBAAkB,CAAC,QAAgB;QAC/BA,kBAAY,CAAC,gBAAgB,EAAE,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA;KAC7D;IAGD,kBAAkB,CAAC,QAAgB;QAC/BA,kBAAY,CAAC,gBAAgB,EAAE,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA;KAC7D;IAGD,iBAAiB,CAAC,QAAgB;QAC9BA,kBAAY,CAAC,eAAe,EAAE,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA;KAC5D;IAED,iBAAiB;QACb,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAC5B,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;QACxC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;QACxC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;KACzC;IAED,MAAM;QACF,QACIC,QAACC,UAAI,mEAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,EACvC,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,KACV,IAAI,CAAC,IAAI,KAAK,IAAI,GAAG;YACtB,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,UAAU,EAAE,IAAI,CAAC,UAAU;SAC9B,GAAG,EAAC,YAAY,EAAE,IAAI,CAAC,SAAS,EAAC,IACpCD,oEACIA,kEAAK,KAAK,EAAE,WAAW,CAAC,OAAO,IAC3BA,mEAAM,IAAI,EAAC,UAAU,GAAE,EACvBA,oEAAO,CACL,EACL,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,KACrBA,mEAAM,IAAI,EAAC,QAAQ,GAAE,CACxB,CACC,EACNA,mEAAM,IAAI,EAAC,OAAO,GAAE,CACjB,EACV;KACJ;;;;;;;;;;;;","names":["pick","Sizes","govHost","validateProp","h","Host"],"sources":["../../../packages/core/src/components/gov-banner/constants.ts","../../../packages/core/src/components/gov-banner/gov-banner.tsx"],"sourcesContent":["import {ValueOf} from \"../../types/interfaces\";\nimport {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\n\nexport const BannerSizes = pick(Sizes, ['_S', '_M', '_L', '_XL'])\nexport type BannerSizesType = `${ValueOf<typeof BannerSizes>}`\n\nexport enum BannerBackground {\n\tSIMPLE = 'simple',\n\tWAVES = 'waves',\n\tSTRIPES = 'stripes',\n\tLINES = 'lines',\n}\nexport type BannerBackgroundsType = `${ValueOf<typeof BannerBackground>}`\n\nexport enum BannerForeground {\n\tIMAGE = 'image',\n\tLOGO = 'logo',\n\tICON = 'icon',\n}\nexport type BannerForegroundsType = `${ValueOf<typeof BannerForeground>}`\n\nexport enum BannerTextColor {\n\tLIGHT = 'light',\n\tDARK = 'dark',\n}\nexport type BannerTextColorsType = `${ValueOf<typeof BannerTextColor>}`\n\nexport const BannerClass = {\n\troot: 'gov-banner',\n\tcontent: 'gov-banner__content',\n}\n","import {Component, Element, h, Host, Prop, Watch} from '@stencil/core'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {\n    BannerBackground,\n    BannerBackgroundsType,\n    BannerClass,\n    BannerForeground,\n    BannerForegroundsType,\n    BannerSizes,\n    BannerSizesType,\n    BannerTextColor,\n    BannerTextColorsType\n} from \"./constants\";\nimport {validateProp} from \"../../helpers/Validate/props\";\n\n@Component({\n    tag: 'gov-banner',\n})\nexport class GovBanner {\n    private h: GovHost\n\n    constructor() {\n        this.h = govHost(this.host)\n    }\n\n    @Element() host: HTMLGovBannerElement\n    /**\n     * Banner’s size.\n     */\n    @Prop({reflect: true}) readonly size: BannerSizesType = BannerSizes._M\n    /**\n     * Banner’s background\n     */\n    @Prop() readonly background: BannerBackgroundsType = BannerBackground.SIMPLE\n    /**\n     * Banner’s foreground\n     */\n    @Prop() readonly foreground: BannerForegroundsType = BannerForeground.LOGO\n    /**\n     * XL Banner’s text color\n     */\n    @Prop({attribute: 'text-color'}) readonly textColor: BannerTextColorsType = BannerTextColor.LIGHT\n\n    @Watch('size')\n    validateSize(newValue: string): void {\n        validateProp(BannerSizes, newValue, BannerClass.root)\n    }\n\n    @Watch('background')\n    validateBackground(newValue: string): void {\n        validateProp(BannerBackground, newValue, BannerClass.root)\n    }\n\n    @Watch('foreground')\n    validateForeground(newValue: string): void {\n        validateProp(BannerForeground, newValue, BannerClass.root)\n    }\n\n    @Watch('text-color')\n    validateTextColor(newValue: string): void {\n        validateProp(BannerTextColor, newValue, BannerClass.root)\n    }\n\n    componentWillLoad(): void {\n        this.validateSize(this.size)\n        this.validateBackground(this.background)\n        this.validateForeground(this.foreground)\n        this.validateTextColor(this.textColor)\n    }\n\n    render() {\n        return (\n            <Host class={this.h.classes(BannerClass.root)}\n                  role=\"region\"\n                  size={this.size}\n                  {...(this.size !== \"xl\" ? {\n                      background: this.background,\n                      foreground: this.foreground\n                  } : {'text-color': this.textColor})}>\n                <div>\n                    <div class={BannerClass.content}>\n                        <slot name=\"headline\"/>\n                        <slot/>\n                    </div>\n                    {this.h.hasSlot('button') && (\n                        <slot name=\"button\"/>\n                    )}\n                </div>\n                <slot name=\"image\"/>\n            </Host>\n        )\n    }\n}\n"],"version":3}
+{"file":"gov-banner.entry.cjs.js","mappings":"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","names":["pick","Sizes","govHost","validateProp","h","Host"],"sources":["../../../packages/core/src/components/gov-banner/constants.ts","../../../packages/core/src/components/gov-banner/gov-banner.tsx"],"sourcesContent":["import {ValueOf} from \"../../types/interfaces\";\nimport {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\n\nexport const BannerSizes = pick(Sizes, ['_S', '_M', '_L', '_XL'])\nexport type BannerSizesType = `${ValueOf<typeof BannerSizes>}`\n\nexport enum BannerBackground {\n\tSIMPLE = 'simple',\n\tWAVES = 'waves',\n\tSTRIPES = 'stripes',\n\tLINES = 'lines',\n}\nexport type BannerBackgroundsType = `${ValueOf<typeof BannerBackground>}`\n\nexport enum BannerForeground {\n\tIMAGE = 'image',\n\tLOGO = 'logo',\n\tICON = 'icon',\n}\nexport type BannerForegroundsType = `${ValueOf<typeof BannerForeground>}`\n\nexport enum BannerTextColor {\n\tLIGHT = 'light',\n\tDARK = 'dark',\n}\nexport type BannerTextColorsType = `${ValueOf<typeof BannerTextColor>}`\n\nexport const BannerClass = {\n\troot: 'gov-banner',\n\tcontent: 'gov-banner__content',\n}\n","import {Component, Element, h, Host, Prop, Watch} from '@stencil/core'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {\n    BannerBackground,\n    BannerBackgroundsType,\n    BannerClass,\n    BannerForeground,\n    BannerForegroundsType,\n    BannerSizes,\n    BannerSizesType,\n    BannerTextColor,\n    BannerTextColorsType\n} from \"./constants\";\nimport {validateProp} from \"../../helpers/Validate/props\";\n\n@Component({\n    tag: 'gov-banner',\n})\nexport class GovBanner {\n    private h: GovHost\n\n    constructor() {\n        this.h = govHost(this.host)\n    }\n\n    @Element() host: HTMLGovBannerElement\n    /**\n     * Banner’s size.\n     */\n    @Prop({reflect: true}) readonly size: BannerSizesType = BannerSizes._M\n    /**\n     * Banner’s background\n     */\n    @Prop() readonly background: BannerBackgroundsType = BannerBackground.SIMPLE\n    /**\n     * Banner’s foreground\n     */\n    @Prop() readonly foreground: BannerForegroundsType = BannerForeground.LOGO\n    /**\n     * XL Banner’s text color\n     */\n    @Prop({attribute: 'text-color'}) readonly textColor: BannerTextColorsType = BannerTextColor.LIGHT\n\n    @Watch('size')\n    validateSize(newValue: string): void {\n        validateProp(BannerSizes, newValue, BannerClass.root)\n    }\n\n    @Watch('background')\n    validateBackground(newValue: string): void {\n        validateProp(BannerBackground, newValue, BannerClass.root)\n    }\n\n    @Watch('foreground')\n    validateForeground(newValue: string): void {\n        validateProp(BannerForeground, newValue, BannerClass.root)\n    }\n\n    @Watch('text-color')\n    validateTextColor(newValue: string): void {\n        validateProp(BannerTextColor, newValue, BannerClass.root)\n    }\n\n    componentWillLoad(): void {\n        this.validateSize(this.size)\n        this.validateBackground(this.background)\n        this.validateForeground(this.foreground)\n        this.validateTextColor(this.textColor)\n    }\n\n    render() {\n        return (\n            <Host class={this.h.classes(BannerClass.root)}\n                  role=\"region\"\n                  size={this.size}\n                  {...(this.size !== \"xl\" ? {\n                      background: this.background,\n                      foreground: this.foreground\n                  } : {'text-color': this.textColor})}>\n                <div>\n                    <div class={BannerClass.content}>\n                        <slot name=\"headline\"/>\n                        <slot/>\n                    </div>\n                    {this.h.hasSlot('button') && (\n                        <slot name=\"button\"/>\n                    )}\n                </div>\n                <slot name=\"image\"/>\n            </Host>\n        )\n    }\n}\n"],"version":3}

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

@@ -0,0 +1 @@
+{"version":3,"file":"gov-banner.entry.cjs.js","sources":["../../../packages/core/src/components/gov-banner/constants.ts","../../../packages/core/src/components/gov-banner/gov-banner.tsx"],"sourcesContent":["import {ValueOf} from \"../../types/interfaces\";\nimport {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\n\nexport const BannerSizes = pick(Sizes, ['_S', '_M', '_L', '_XL'])\nexport type BannerSizesType = `${ValueOf<typeof BannerSizes>}`\n\nexport enum BannerBackground {\n\tSIMPLE = 'simple',\n\tWAVES = 'waves',\n\tSTRIPES = 'stripes',\n\tLINES = 'lines',\n}\nexport type BannerBackgroundsType = `${ValueOf<typeof BannerBackground>}`\n\nexport enum BannerForeground {\n\tIMAGE = 'image',\n\tLOGO = 'logo',\n\tICON = 'icon',\n}\nexport type BannerForegroundsType = `${ValueOf<typeof BannerForeground>}`\n\nexport enum BannerTextColor {\n\tLIGHT = 'light',\n\tDARK = 'dark',\n}\nexport type BannerTextColorsType = `${ValueOf<typeof BannerTextColor>}`\n\nexport const BannerClass = {\n\troot: 'gov-banner',\n\tcontent: 'gov-banner__content',\n}\n","import {Component, Element, h, Host, Prop, Watch} from '@stencil/core'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {\n    BannerBackground,\n    BannerBackgroundsType,\n    BannerClass,\n    BannerForeground,\n    BannerForegroundsType,\n    BannerSizes,\n    BannerSizesType,\n    BannerTextColor,\n    BannerTextColorsType\n} from \"./constants\";\nimport {validateProp} from \"../../helpers/Validate/props\";\n\n@Component({\n    tag: 'gov-banner',\n})\nexport class GovBanner {\n    private h: GovHost\n\n    constructor() {\n        this.h = govHost(this.host)\n    }\n\n    @Element() host: HTMLGovBannerElement\n    /**\n     * Banner’s size.\n     */\n    @Prop({reflect: true}) readonly size: BannerSizesType = BannerSizes._M\n    /**\n     * Banner’s background\n     */\n    @Prop() readonly background: BannerBackgroundsType = BannerBackground.SIMPLE\n    /**\n     * Banner’s foreground\n     */\n    @Prop() readonly foreground: BannerForegroundsType = BannerForeground.LOGO\n    /**\n     * XL Banner’s text color\n     */\n    @Prop({attribute: 'text-color'}) readonly textColor: BannerTextColorsType = BannerTextColor.LIGHT\n\n    @Watch('size')\n    validateSize(newValue: string): void {\n        validateProp(BannerSizes, newValue, BannerClass.root)\n    }\n\n    @Watch('background')\n    validateBackground(newValue: string): void {\n        validateProp(BannerBackground, newValue, BannerClass.root)\n    }\n\n    @Watch('foreground')\n    validateForeground(newValue: string): void {\n        validateProp(BannerForeground, newValue, BannerClass.root)\n    }\n\n    @Watch('text-color')\n    validateTextColor(newValue: string): void {\n        validateProp(BannerTextColor, newValue, BannerClass.root)\n    }\n\n    componentWillLoad(): void {\n        this.validateSize(this.size)\n        this.validateBackground(this.background)\n        this.validateForeground(this.foreground)\n        this.validateTextColor(this.textColor)\n    }\n\n    render() {\n        return (\n            <Host class={this.h.classes(BannerClass.root)}\n                  role=\"region\"\n                  size={this.size}\n                  {...(this.size !== \"xl\" ? {\n                      background: this.background,\n                      foreground: this.foreground\n                  } : {'text-color': this.textColor})}>\n                <div>\n                    <div class={BannerClass.content}>\n                        <slot name=\"headline\"/>\n                        <slot/>\n                    </div>\n                    {this.h.hasSlot('button') && (\n                        <slot name=\"button\"/>\n                    )}\n                </div>\n                <slot name=\"image\"/>\n            </Host>\n        )\n    }\n}\n"],"names":["pick","Sizes","govHost","validateProp","h","Host"],"mappings":"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"}

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

@@ -1,9 +1,7 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-0e4f24f9.js');
-const template = require('./template-39939fd6.js');
+var index = require('./index-BEF5cZxd.js');
+var template = require('./template-DS4pSCTb.js');
 
 var BlockquoteType;
 (function (BlockquoteType) {
@@ -18,8 +16,10 @@ const BlockquoteClass = {
 const GovBlockquote = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        /**
+         * Blockquote’s type
+         */
         this.type = BlockquoteType.SUBTLE;
-        this.cite = undefined;
         this.h = template.govHost(this.host);
     }
     render() {
@@ -29,5 +29,6 @@ const GovBlockquote = class {
 };
 
 exports.gov_blockquote = GovBlockquote;
+//# sourceMappingURL=gov-blockquote.entry.cjs.js.map
 
 //# sourceMappingURL=gov-blockquote.cjs.entry.js.map

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

@@ -1 +1 @@
-{"file":"gov-blockquote.entry.cjs.js","mappings":";;;;;;;AAEA,IAAY,cAIX;AAJD,WAAY,cAAc;IACzB,qCAAmB,CAAA;IACnB,mCAAiB,CAAA;IACjB,qCAAmB,CAAA;AACpB,CAAC,EAJW,cAAc,KAAd,cAAc,QAIzB;AAGM,MAAM,eAAe,GAAG;IAC9B,IAAI,EAAE,gBAAgB;CACtB;;MCFY,aAAa;IAGzB;;oBAQ4D,cAAc,CAAC,MAAM;;QAPhF,IAAI,CAAC,CAAC,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IAYD,MAAM;QACL,QACCC,QAACC,UAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,IACjED,uEAAU,IAAI,EAAC,YAAY,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,GAAY,EAC/DA,yEAAY,IAAI,EAAE,IAAI,CAAC,IAAI,IAC1BA,oEAAQ,CACI,EACbA,mEAAM,IAAI,EAAC,OAAO,GAAG,EACrBA,mEAAM,IAAI,EAAC,QAAQ,GAAG,CAChB,EACP;KACD;;;;;;","names":["govHost","h","Host"],"sources":["../../../packages/core/src/components/gov-blockquote/constants.ts","../../../packages/core/src/components/gov-blockquote/gov-blockquote.tsx"],"sourcesContent":["import {ValueOf} from \"../../types/interfaces\";\n\nexport enum BlockquoteType {\n\tPRIMARY = 'primary',\n\tSUBTLE = 'subtle',\n\tNEUTRAL = 'neutral',\n}\nexport type BlockquoteTypesType = `${ValueOf<typeof BlockquoteType>}`\n\nexport const BlockquoteClass = {\n\troot: 'gov-blockquote',\n}\n","import {Component, Element, Host, h, Prop} from '@stencil/core'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport {BlockquoteClass, BlockquoteType, BlockquoteTypesType} from \"./constants\";\n\n\n@Component({\n\ttag: 'gov-blockquote',\n})\nexport class GovBlockquote {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovBlockquoteElement\n\t/**\n\t * Blockquote’s type\n\t */\n\t@Prop({reflect: true}) readonly type: BlockquoteTypesType = BlockquoteType.SUBTLE\n\t/**\n\t * Blockquote’s cite url\n\t */\n\t@Prop({attribute: 'cite'}) readonly cite: string\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(BlockquoteClass.root)} type={this.type}>\n\t\t\t\t<gov-icon type=\"components\" name=\"quote\" size=\"3xl\"></gov-icon>\n\t\t\t\t<blockquote cite={this.cite}>\n\t\t\t\t\t<slot />\n\t\t\t\t</blockquote>\n\t\t\t\t<slot name=\"image\" />\n\t\t\t\t<slot name=\"author\" />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"gov-blockquote.entry.cjs.js","mappings":";;;;;AAEA,IAAY,cAIX;AAJD,CAAA,UAAY,cAAc,EAAA;AACzB,IAAA,cAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,cAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,cAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACpB,CAAC,EAJW,cAAc,KAAd,cAAc,GAIzB,EAAA,CAAA,CAAA;AAGM,MAAM,eAAe,GAAG;AAC9B,IAAA,IAAI,EAAE,gBAAgB;CACtB;;MCFY,aAAa,GAAA,MAAA;AAGzB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAKA;;AAEG;AAC6B,QAAA,IAAA,CAAA,IAAI,GAAwB,cAAc,CAAC,MAAM;QAPhF,IAAI,CAAC,CAAC,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;IAYD,MAAM,GAAA;QACL,QACCC,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,EACjED,OAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,YAAY,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAY,CAAA,EAC/DA,OAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAY,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,EAC1BA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACI,EACbA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,OAAO,EAAG,CAAA,EACrBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAG,CAAA,CAChB;;;;;;;","names":["govHost","h","Host"],"sources":["../../../packages/core/src/components/gov-blockquote/constants.ts","../../../packages/core/src/components/gov-blockquote/gov-blockquote.tsx"],"sourcesContent":["import {ValueOf} from \"../../types/interfaces\";\n\nexport enum BlockquoteType {\n\tPRIMARY = 'primary',\n\tSUBTLE = 'subtle',\n\tNEUTRAL = 'neutral',\n}\nexport type BlockquoteTypesType = `${ValueOf<typeof BlockquoteType>}`\n\nexport const BlockquoteClass = {\n\troot: 'gov-blockquote',\n}\n","import {Component, Element, Host, h, Prop} from '@stencil/core'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport {BlockquoteClass, BlockquoteType, BlockquoteTypesType} from \"./constants\";\n\n\n@Component({\n\ttag: 'gov-blockquote',\n})\nexport class GovBlockquote {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovBlockquoteElement\n\t/**\n\t * Blockquote’s type\n\t */\n\t@Prop({reflect: true}) readonly type: BlockquoteTypesType = BlockquoteType.SUBTLE\n\t/**\n\t * Blockquote’s cite url\n\t */\n\t@Prop({attribute: 'cite'}) readonly cite: string\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(BlockquoteClass.root)} type={this.type}>\n\t\t\t\t<gov-icon type=\"components\" name=\"quote\" size=\"3xl\"></gov-icon>\n\t\t\t\t<blockquote cite={this.cite}>\n\t\t\t\t\t<slot />\n\t\t\t\t</blockquote>\n\t\t\t\t<slot name=\"image\" />\n\t\t\t\t<slot name=\"author\" />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

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

@@ -0,0 +1 @@
+{"version":3,"file":"gov-blockquote.entry.cjs.js","sources":["../../../packages/core/src/components/gov-blockquote/constants.ts","../../../packages/core/src/components/gov-blockquote/gov-blockquote.tsx"],"sourcesContent":["import {ValueOf} from \"../../types/interfaces\";\n\nexport enum BlockquoteType {\n\tPRIMARY = 'primary',\n\tSUBTLE = 'subtle',\n\tNEUTRAL = 'neutral',\n}\nexport type BlockquoteTypesType = `${ValueOf<typeof BlockquoteType>}`\n\nexport const BlockquoteClass = {\n\troot: 'gov-blockquote',\n}\n","import {Component, Element, Host, h, Prop} from '@stencil/core'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport {BlockquoteClass, BlockquoteType, BlockquoteTypesType} from \"./constants\";\n\n\n@Component({\n\ttag: 'gov-blockquote',\n})\nexport class GovBlockquote {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovBlockquoteElement\n\t/**\n\t * Blockquote’s type\n\t */\n\t@Prop({reflect: true}) readonly type: BlockquoteTypesType = BlockquoteType.SUBTLE\n\t/**\n\t * Blockquote’s cite url\n\t */\n\t@Prop({attribute: 'cite'}) readonly cite: string\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(BlockquoteClass.root)} type={this.type}>\n\t\t\t\t<gov-icon type=\"components\" name=\"quote\" size=\"3xl\"></gov-icon>\n\t\t\t\t<blockquote cite={this.cite}>\n\t\t\t\t\t<slot />\n\t\t\t\t</blockquote>\n\t\t\t\t<slot name=\"image\" />\n\t\t\t\t<slot name=\"author\" />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"names":["govHost","h","Host"],"mappings":";;;;;AAEA,IAAY,cAIX;AAJD,CAAA,UAAY,cAAc,EAAA;AACzB,IAAA,cAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,cAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,cAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACpB,CAAC,EAJW,cAAc,KAAd,cAAc,GAIzB,EAAA,CAAA,CAAA;AAGM,MAAM,eAAe,GAAG;AAC9B,IAAA,IAAI,EAAE,gBAAgB;CACtB;;MCFY,aAAa,GAAA,MAAA;AAGzB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAKA;;AAEG;AAC6B,QAAA,IAAA,CAAA,IAAI,GAAwB,cAAc,CAAC,MAAM;QAPhF,IAAI,CAAC,CAAC,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;IAYD,MAAM,GAAA;QACL,QACCC,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,EACjED,OAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,YAAY,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAY,CAAA,EAC/DA,OAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAY,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,EAC1BA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACI,EACbA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,OAAO,EAAG,CAAA,EACrBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAG,CAAA,CAChB;;;;;;;"}

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

@@ -1,15 +1,13 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-0e4f24f9.js');
-const wcag = require('./wcag-f8da82da.js');
-const gov_log = require('./gov.log-bfea3151.js');
-const template = require('./template-39939fd6.js');
-const stencil_utils = require('./stencil.utils-182382ee.js');
-require('./string.utils-b84c81cf.js');
-require('./helpers.types-9066e4a4.js');
-require('./utils-d263c5c6.js');
+var index = require('./index-BEF5cZxd.js');
+var wcag = require('./wcag-Bvzxnp5D.js');
+var gov_log = require('./gov.log-C5EH15b_.js');
+var template = require('./template-DS4pSCTb.js');
+var stencil_utils = require('./stencil.utils-8sCYbm34.js');
+require('./string.utils-BG4pUfEi.js');
+require('./helpers.types-vap8QfRH.js');
+require('./utils-NnC78QR3.js');
 
 const BreadcrumbsClass = {
     root: 'gov-breadcrumbs',
@@ -18,12 +16,19 @@ const BreadcrumbsClass = {
 const GovBreadcrumbs = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.govChange = index.createEvent(this, "gov-change", 7);
+        this.govChange = index.createEvent(this, "gov-change");
         this.inited = false;
+        /**
+         * Defines whether the components can be collapsible when element doesn't fit in one row.
+         */
         this.collapsible = false;
+        /**
+         * Defines whether the breadcrumbs are open or closed by button
+         */
         this.isExpanded = false;
-        this.accessibleLabel = undefined;
-        this.accessibleLabelledBy = undefined;
+        /**
+         * Adds an accessible label to display the full breadcrumb navigation that only screen readers can see.
+         */
         this.accessibleToggleLabel = 'Zobrazit či skrýt navigaci';
         this.expanded = false;
         this.toggleOption = false;
@@ -66,5 +71,6 @@ const GovBreadcrumbs = class {
 };
 
 exports.gov_breadcrumbs = GovBreadcrumbs;
+//# sourceMappingURL=gov-breadcrumbs.entry.cjs.js.map
 
 //# sourceMappingURL=gov-breadcrumbs.cjs.entry.js.map

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

@@ -1 +1 @@
-{"file":"gov-breadcrumbs.entry.cjs.js","mappings":";;;;;;;;;;;;;AAAO,MAAM,gBAAgB,GAAG;IAC/B,IAAI,EAAE,iBAAiB;CACvB;;MCUY,cAAc;IAI1B;;;QAHQ,WAAM,GAAG,KAAK,CAAC;2BAWiB,KAAK;0BAIoB,KAAK;;;qCAYiB,4BAA4B;wBAM/F,KAAK;4BACD,KAAK;QA9B5B,IAAI,CAAC,CAAC,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IA+BD,MAAM,kBAAkB;QACvB,IAAI,CAAC,2BAA2B,EAAE,CAAA;QAClC,IAAIC,+BAAuB,EAAE,EAAE;YAC9BC,kBAAI,CAAC,MAAM,IAAI,CAAC,qBAAqB,EAAE,CAAC,CAAA;SACxC;KACD;IAEO,2BAA2B;QAClC,IAAI,IAAI,CAAC,MAAM;YAAE,OAAO;QACxB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACnBA,kBAAI,CAAC;YACJ,IAAI,CAAC,qBAAqB,EAAE,CAAC;YAC7B,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;SACpB,CAAC,CAAC;KACH;IAEO,qBAAqB;QAC5B,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;QAC1D,IAAI,WAAW,GAAG,CAAC,CAAC;QACpB,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE;YAC3C,WAAW,IAAI,EAAE,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAA;SAC/C,CAAC,CAAA;QACF,IAAI,CAAC,YAAY,GAAG,WAAW,GAAG,SAAS,CAAC;KAC5C;IAED,MAAM;QACL,QACCC,QAACC,UAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAC1ED,gFAAiB,IAAI,CAAC,eAAe,qBAAmB,IAAI,CAAC,oBAAoB,IAChFA,oEAAO,CACF,EACL,IAAI,CAAC,YAAY,IACjBA,wBACC,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,MAAM,gBACA,IAAI,CAAC,qBAAqB,kBACxB,IAAI,CAAC,QAAQ,mBACZ,IAAI,CAAC,QAAQ,kBACd,MAAM,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,IAElDA,sBAAU,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAG,YAAY,GAAG,cAAc,EAAE,IAAI,EAAC,YAAY,GAAY,CAChF,IACV,IAAI,CACF,EACP;KACD;;;;IAOD,MAAM,qBAAqB;QAC1BE,4BAAuB,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,oBAAoB,EAAE,gBAAgB,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;QAC1GA,4BAAuB,CAAC,IAAI,CAAC,qBAAqB,EAAE,SAAS,EAAE,gBAAgB,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;KAChG;;;;;;","names":["govHost","canValidateWcagOnRender","tick","h","Host","validateAccessibleLabel"],"sources":["../../../packages/core/src/components/gov-breadcrumbs/constants.ts","../../../packages/core/src/components/gov-breadcrumbs/gov-breadcrumbs.tsx"],"sourcesContent":["export const BreadcrumbsClass = {\n\troot: 'gov-breadcrumbs',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State} from '@stencil/core'\nimport {BreadcrumbsClass} from './constants'\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {GovBreadcrumbsChangeEvent} from './gov-breadcrumbs.d'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {tick} from \"../../utils/stencil.utils\";\n\n@Component({\n\ttag: 'gov-breadcrumbs',\n})\nexport class GovBreadcrumbs {\n\tprivate inited = false;\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovBreadcrumbsElement\n\t/**\n\t * Defines whether the components can be collapsible when element doesn't fit in one row.\n\t */\n\t@Prop() readonly collapsible: boolean = false\n\t/**\n\t * Defines whether the breadcrumbs are open or closed by button\n\t */\n\t@Prop({attribute: 'is-expanded'}) readonly isExpanded: boolean = false\n\t/**\n\t * Adds accessible label for the pagination that is only shown for screen readers.\n\t */\n\t@Prop({attribute: 'accessible-label'}) readonly accessibleLabel: string\n\t/**\n\t * Indicates the id of a component that labels the pagination.\n\t */\n\t@Prop({attribute: 'accessible-labelledby'}) readonly accessibleLabelledBy: string\n\t/**\n\t * Adds an accessible label to display the full breadcrumb navigation that only screen readers can see.\n\t */\n\t@Prop({attribute: 'accessible-toggle-label'}) readonly accessibleToggleLabel: string = 'Zobrazit či skrýt navigaci'\n\t/**\n\t * Called when the Breadcrumbs state changes\n\t */\n\t@Event({eventName: 'gov-change'}) govChange: EventEmitter<GovBreadcrumbsChangeEvent>\n\n\t@State() expanded = false;\n\t@State() toggleOption = false;\n\n\tasync componentDidRender() {\n\t\tthis.scheduleContentVerification()\n\t\tif (canValidateWcagOnRender()) {\n\t\t\ttick(() => this.validateAccessibility())\n\t\t}\n\t}\n\n\tprivate scheduleContentVerification() {\n\t\tif (this.inited) return;\n\t\tthis.inited = true;\n\t\ttick(() => {\n\t\t\tthis.calculateWidthOfItems();\n\t\t\tthis.inited = false;\n\t\t});\n\t}\n\n\tprivate calculateWidthOfItems() {\n\t\tconst hostWidth = this.host.getBoundingClientRect().width;\n\t\tlet sumOfWidths = 0;\n\t\tthis.host.querySelectorAll('li').forEach((li) => {\n\t\t\tsumOfWidths += li.getBoundingClientRect().width\n\t\t})\n\t\tthis.toggleOption = sumOfWidths > hostWidth;\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(BreadcrumbsClass.root)} expanded={this.expanded}>\n\t\t\t\t<nav aria-label={this.accessibleLabel} aria-labelledby={this.accessibleLabelledBy}>\n\t\t\t\t\t<slot/>\n\t\t\t\t</nav>\n\t\t\t\t{this.toggleOption ? (\n\t\t\t\t\t<gov-button\n\t\t\t\t\t\tsize={'xs'}\n\t\t\t\t\t\tcolor={'primary'}\n\t\t\t\t\t\ttype={'base'}\n\t\t\t\t\t\taria-label={this.accessibleToggleLabel}\n\t\t\t\t\t\taria-pressed={this.expanded}\n\t\t\t\t\t\taria-expanded={this.expanded}\n\t\t\t\t\t\ton-gov-click={() => this.expanded = !this.expanded}\n\t\t\t\t\t>\n\t\t\t\t\t\t<gov-icon name={this.expanded ? 'chevron-up' : 'chevron-down'} type=\"components\"></gov-icon>\n\t\t\t\t\t</gov-button>\n\t\t\t\t) : null}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tvalidateAccessibleLabel(this.accessibleLabel, this.accessibleLabelledBy, BreadcrumbsClass.root, this.host)\n\t\tvalidateAccessibleLabel(this.accessibleToggleLabel, undefined, BreadcrumbsClass.root, this.host)\n\t}\n}\n"],"version":3}
+{"file":"gov-breadcrumbs.entry.cjs.js","mappings":"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","names":["govHost","canValidateWcagOnRender","tick","h","Host","validateAccessibleLabel"],"sources":["../../../packages/core/src/components/gov-breadcrumbs/constants.ts","../../../packages/core/src/components/gov-breadcrumbs/gov-breadcrumbs.tsx"],"sourcesContent":["export const BreadcrumbsClass = {\n\troot: 'gov-breadcrumbs',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State} from '@stencil/core'\nimport {BreadcrumbsClass} from './constants'\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {GovBreadcrumbsChangeEvent} from './gov-breadcrumbs.d'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {tick} from \"../../utils/stencil.utils\";\n\n@Component({\n\ttag: 'gov-breadcrumbs',\n})\nexport class GovBreadcrumbs {\n\tprivate inited = false;\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovBreadcrumbsElement\n\t/**\n\t * Defines whether the components can be collapsible when element doesn't fit in one row.\n\t */\n\t@Prop() readonly collapsible: boolean = false\n\t/**\n\t * Defines whether the breadcrumbs are open or closed by button\n\t */\n\t@Prop({attribute: 'is-expanded'}) readonly isExpanded: boolean = false\n\t/**\n\t * Adds accessible label for the pagination that is only shown for screen readers.\n\t */\n\t@Prop({attribute: 'accessible-label'}) readonly accessibleLabel: string\n\t/**\n\t * Indicates the id of a component that labels the pagination.\n\t */\n\t@Prop({attribute: 'accessible-labelledby'}) readonly accessibleLabelledBy: string\n\t/**\n\t * Adds an accessible label to display the full breadcrumb navigation that only screen readers can see.\n\t */\n\t@Prop({attribute: 'accessible-toggle-label'}) readonly accessibleToggleLabel: string = 'Zobrazit či skrýt navigaci'\n\t/**\n\t * Called when the Breadcrumbs state changes\n\t */\n\t@Event({eventName: 'gov-change'}) govChange: EventEmitter<GovBreadcrumbsChangeEvent>\n\n\t@State() expanded = false;\n\t@State() toggleOption = false;\n\n\tasync componentDidRender() {\n\t\tthis.scheduleContentVerification()\n\t\tif (canValidateWcagOnRender()) {\n\t\t\ttick(() => this.validateAccessibility())\n\t\t}\n\t}\n\n\tprivate scheduleContentVerification() {\n\t\tif (this.inited) return;\n\t\tthis.inited = true;\n\t\ttick(() => {\n\t\t\tthis.calculateWidthOfItems();\n\t\t\tthis.inited = false;\n\t\t});\n\t}\n\n\tprivate calculateWidthOfItems() {\n\t\tconst hostWidth = this.host.getBoundingClientRect().width;\n\t\tlet sumOfWidths = 0;\n\t\tthis.host.querySelectorAll('li').forEach((li) => {\n\t\t\tsumOfWidths += li.getBoundingClientRect().width\n\t\t})\n\t\tthis.toggleOption = sumOfWidths > hostWidth;\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(BreadcrumbsClass.root)} expanded={this.expanded}>\n\t\t\t\t<nav aria-label={this.accessibleLabel} aria-labelledby={this.accessibleLabelledBy}>\n\t\t\t\t\t<slot/>\n\t\t\t\t</nav>\n\t\t\t\t{this.toggleOption ? (\n\t\t\t\t\t<gov-button\n\t\t\t\t\t\tsize={'xs'}\n\t\t\t\t\t\tcolor={'primary'}\n\t\t\t\t\t\ttype={'base'}\n\t\t\t\t\t\taria-label={this.accessibleToggleLabel}\n\t\t\t\t\t\taria-pressed={this.expanded}\n\t\t\t\t\t\taria-expanded={this.expanded}\n\t\t\t\t\t\ton-gov-click={() => this.expanded = !this.expanded}\n\t\t\t\t\t>\n\t\t\t\t\t\t<gov-icon name={this.expanded ? 'chevron-up' : 'chevron-down'} type=\"components\"></gov-icon>\n\t\t\t\t\t</gov-button>\n\t\t\t\t) : null}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tvalidateAccessibleLabel(this.accessibleLabel, this.accessibleLabelledBy, BreadcrumbsClass.root, this.host)\n\t\tvalidateAccessibleLabel(this.accessibleToggleLabel, undefined, BreadcrumbsClass.root, this.host)\n\t}\n}\n"],"version":3}

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

@@ -0,0 +1 @@
+{"version":3,"file":"gov-breadcrumbs.entry.cjs.js","sources":["../../../packages/core/src/components/gov-breadcrumbs/constants.ts","../../../packages/core/src/components/gov-breadcrumbs/gov-breadcrumbs.tsx"],"sourcesContent":["export const BreadcrumbsClass = {\n\troot: 'gov-breadcrumbs',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State} from '@stencil/core'\nimport {BreadcrumbsClass} from './constants'\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {GovBreadcrumbsChangeEvent} from './gov-breadcrumbs.d'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {tick} from \"../../utils/stencil.utils\";\n\n@Component({\n\ttag: 'gov-breadcrumbs',\n})\nexport class GovBreadcrumbs {\n\tprivate inited = false;\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovBreadcrumbsElement\n\t/**\n\t * Defines whether the components can be collapsible when element doesn't fit in one row.\n\t */\n\t@Prop() readonly collapsible: boolean = false\n\t/**\n\t * Defines whether the breadcrumbs are open or closed by button\n\t */\n\t@Prop({attribute: 'is-expanded'}) readonly isExpanded: boolean = false\n\t/**\n\t * Adds accessible label for the pagination that is only shown for screen readers.\n\t */\n\t@Prop({attribute: 'accessible-label'}) readonly accessibleLabel: string\n\t/**\n\t * Indicates the id of a component that labels the pagination.\n\t */\n\t@Prop({attribute: 'accessible-labelledby'}) readonly accessibleLabelledBy: string\n\t/**\n\t * Adds an accessible label to display the full breadcrumb navigation that only screen readers can see.\n\t */\n\t@Prop({attribute: 'accessible-toggle-label'}) readonly accessibleToggleLabel: string = 'Zobrazit či skrýt navigaci'\n\t/**\n\t * Called when the Breadcrumbs state changes\n\t */\n\t@Event({eventName: 'gov-change'}) govChange: EventEmitter<GovBreadcrumbsChangeEvent>\n\n\t@State() expanded = false;\n\t@State() toggleOption = false;\n\n\tasync componentDidRender() {\n\t\tthis.scheduleContentVerification()\n\t\tif (canValidateWcagOnRender()) {\n\t\t\ttick(() => this.validateAccessibility())\n\t\t}\n\t}\n\n\tprivate scheduleContentVerification() {\n\t\tif (this.inited) return;\n\t\tthis.inited = true;\n\t\ttick(() => {\n\t\t\tthis.calculateWidthOfItems();\n\t\t\tthis.inited = false;\n\t\t});\n\t}\n\n\tprivate calculateWidthOfItems() {\n\t\tconst hostWidth = this.host.getBoundingClientRect().width;\n\t\tlet sumOfWidths = 0;\n\t\tthis.host.querySelectorAll('li').forEach((li) => {\n\t\t\tsumOfWidths += li.getBoundingClientRect().width\n\t\t})\n\t\tthis.toggleOption = sumOfWidths > hostWidth;\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(BreadcrumbsClass.root)} expanded={this.expanded}>\n\t\t\t\t<nav aria-label={this.accessibleLabel} aria-labelledby={this.accessibleLabelledBy}>\n\t\t\t\t\t<slot/>\n\t\t\t\t</nav>\n\t\t\t\t{this.toggleOption ? (\n\t\t\t\t\t<gov-button\n\t\t\t\t\t\tsize={'xs'}\n\t\t\t\t\t\tcolor={'primary'}\n\t\t\t\t\t\ttype={'base'}\n\t\t\t\t\t\taria-label={this.accessibleToggleLabel}\n\t\t\t\t\t\taria-pressed={this.expanded}\n\t\t\t\t\t\taria-expanded={this.expanded}\n\t\t\t\t\t\ton-gov-click={() => this.expanded = !this.expanded}\n\t\t\t\t\t>\n\t\t\t\t\t\t<gov-icon name={this.expanded ? 'chevron-up' : 'chevron-down'} type=\"components\"></gov-icon>\n\t\t\t\t\t</gov-button>\n\t\t\t\t) : null}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tvalidateAccessibleLabel(this.accessibleLabel, this.accessibleLabelledBy, BreadcrumbsClass.root, this.host)\n\t\tvalidateAccessibleLabel(this.accessibleToggleLabel, undefined, BreadcrumbsClass.root, this.host)\n\t}\n}\n"],"names":["govHost","canValidateWcagOnRender","tick","h","Host","validateAccessibleLabel"],"mappings":"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"}