npm - @gov-design-system-ce/components - Versions diffs - 4.2.9 → 4.6.0 - Mend

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

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

Files changed (1489) hide show

package/dist/esm/gov-attachments.gov-attachments-item.gov-form-message.entry.js.map CHANGED Viewed

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

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

@@ -1,12 +1,12 @@
-import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-DT2tslUp.js';
+import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-ClISz4NF.js';
 import { b as validateWcagProp, v as validateAccessibleLabel } from './wcag-CD6_13JO.js';
 import { c as canValidateWcagOnRender } from './gov.log-BtqD9K8d.js';
 import { d as delay } from './utils-CQvUntGY.js';
-import { g as govHost } from './template-BBOh2pxy.js';
+import { g as govHost } from './template-CoD1xawt.js';
+import { i as isString } from './helpers.types-DNztiAH0.js';
 import { F as FormMessageClass, a as FormMessageColors } from './constants-BegH8u6i.js';
 import { v as validateProp } from './props-CJZgTDla.js';
 import { c as createID } from './string.utils-vN03FcXN.js';
-import './helpers.types-DNztiAH0.js';
 import './colors-U40vKHrs.js';
 import './sizes-BcQO4NH2.js';
@@ -34,7 +34,7 @@ const GovAttachments = class {
         }
     }
     render() {
-        return (h(Host, { key: '01d6046e8da3b76924fa9c3124cec31e5b81d4c5', class: this.h.classes(AttachmentsClass.root) }, this.label ? h("p", { class: AttachmentsClass.label }, this.label) : null, h("div", { key: '88936d984563a5815b90cba8b1b5ee0f71ee3460', class: AttachmentsClass.list, role: "list", "aria-label": this.wcagLabel }, h("slot", { key: '99c6427772c71388f027595a1fdf13ed4956a474' }))));
+        return (h(Host, { key: '80effc5b697215f9a0cf731b6562c137edbc0efa', class: this.h.classes(AttachmentsClass.root) }, this.label ? h("p", { class: AttachmentsClass.label }, this.label) : null, h("div", { key: '3b7388299a3da27be78732562ded94bb6581525b', class: AttachmentsClass.list, role: "list", "aria-label": this.wcagLabel }, h("slot", { key: '38c1592a7501f166a462fbb70eef92d6c855d0ec' }))));
     }
     /**
      * Validate the WCAG attributes of the component
@@ -45,12 +45,16 @@ const GovAttachments = class {
     get host() { return getElement(this); }
 };
-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 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);max-width:100%}gov-attachments-item__name,.gov-attachments-item__name{display:flex;-moz-column-gap:var(--spacing-s);column-gap:var(--spacing-s);align-items:center;max-width:calc(100% - var(--spacing-s) - var(--icon-size-s) - (var(--spacing-s-nudge) + var(--border-width, 0.0625rem)) * 2);margin:0}gov-attachments-item__name>gov-tooltip,gov-attachments-item__name .gov-tooltip,.gov-attachments-item__name>gov-tooltip,.gov-attachments-item__name .gov-tooltip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--name-color, var(--text-primary))}gov-attachments-item__name span[slot=info],.gov-attachments-item__name span[slot=info]{font-size:var(--font-size-body-xs);line-height:150%;font-weight:400;color:var(--decor-color, var(--text-secondary));white-space:nowrap}";
 const GovAttachmentsItem = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.govRemove = createEvent(this, "gov-remove");
+        /**
+         * Adds accessible label for the remove button that is only shown for screen readers.
+         */
+        this.accessibleRemoveLabel = "Odebrat soubor {FILE_NAME}";
         this.h = govHost(this.host);
     }
     async componentDidRender() {
@@ -60,7 +64,7 @@ const GovAttachmentsItem = class {
         }
     }
     render() {
-        return (h(Host, { key: 'a8fffc03fb890c1aaae5a1d63240747f5fcb013e', class: this.h.classes(AttachmentsItemClass.root), role: "listitem" }, h("div", { key: '0aa555d1c5b3bdf089cf020db1271e40389522f9', class: AttachmentsItemClass.file }, h("p", { key: '46014b9e9d9a46fea6f813ef271815be6ab6dfc4', class: AttachmentsItemClass.name }, h("slot", { key: '806f9dc2b2ee44248f7fe613e8362d92ed938ba8' }), h("slot", { key: '97d69e72afd5063f41ea7b41e50012893ee5027c', name: "info" })), h("gov-button", { key: '6c40ff9ae6be99cde30fde276db287a3d14dccd1', color: "primary", type: "base", size: "s", "aria-label": this.accessibleRemoveLabel, "aria-labelledby": this.accessibleRemoveLabelledBy, "on-gov-click": this.govRemove.emit }, h("gov-icon", { key: '24871273b10ca807811acd15dabb49c6a45d76d1', slot: "icon-start", name: "x-lg", type: "components" }))), this.h.hasSlot('message') && (h("div", { key: '7683c6c6bfd1ca4b9660ee56ec190472970d0ac8', class: AttachmentsItemClass.messages }, h("slot", { key: '20b46c868809d19f9c67105a4c4774df9688a2c1', name: "message" })))));
+        return (h(Host, { key: '2b75f45ecc4b9a72a0e471c4f92588e0df19bfb6', class: this.h.classes(AttachmentsItemClass.root), role: "listitem" }, h("div", { key: '472c55271bc6a0c10c315e44053ca30a41d667ab', class: AttachmentsItemClass.file }, h("div", { key: '13f199a67dcbb07226451d67dc4e0ff242f7b66f', class: AttachmentsItemClass.name }, h("gov-tooltip", { key: 'b65c03b2f2838b74e163f89ac171eeee527e16c6', position: "top", icon: true }, h("slot", { key: '6c273a499bfeb40859ad5ffe79181df25250290d' }), h("gov-tooltip-content", { key: '82ecb87b7f00bcc56a122c54706e9ba614e04bb8' }, this.h.getSlotContent(`name`))), h("slot", { key: 'a43693ee308113468fa7083771d89f668fbeef53', name: "info" })), h("gov-button", { key: 'a735520757a7140199c182e46cedcb3b549796d3', color: "primary", type: "base", size: "s", "aria-label": isString(this.accessibleRemoveLabel) ? this.accessibleRemoveLabel.replace('{FILE_NAME}', this.h.getSlotContent(`name`) || '').trim() : null, "aria-labelledby": this.accessibleRemoveLabelledBy, "on-gov-click": this.govRemove.emit }, h("gov-icon", { key: 'c130f0225431f0b522e0ddbc3e59bb50aa234857', slot: "icon-start", name: "x-lg", type: "components" }))), this.h.hasSlot('message') && (h("div", { key: 'e3779227622c456d014bd118ab3b9886fd799f57', class: AttachmentsItemClass.messages }, h("slot", { key: 'eef992883000f87ac5bcd460e53078c08839c920', name: "message" })))));
     }
     /**
      * Validate the accessible attributes of the component
@@ -93,7 +97,7 @@ const GovFormMessage = class {
         this.validateColor(this.color);
     }
     render() {
-        return (h(Host, { key: 'dbc990cf3a48496a4905a768b3a7c662d42cc3ad', class: this.h.classes(FormMessageClass.root), color: this.color, size: this.size }, this.h.hasSlot('icon') && (h("slot", { key: '600a149b56204308139aa026aea04dc5d872a7fe', name: "icon" })), h("span", { key: '61d47c46b469a1c070d2a0f7df3a47f8a878ba6f', id: this.messageId, class: FormMessageClass.content }, h("slot", { key: 'ff74d2926ddb5c3c79349d28906ff41a2485fde5' }))));
+        return (h(Host, { key: 'f23989a9ea8f6c47ae43cbc8655a9c7d281d36e6', class: this.h.classes(FormMessageClass.root), color: this.color, size: this.size }, this.h.hasSlot('icon') && (h("slot", { key: '0cfae3a030761bbd352411054f2a89a13da07bee', name: "icon" })), h("span", { key: 'f2d7c7a835f38b3bfe006c75fae9f8a25db7e5e1', id: this.messageId, class: FormMessageClass.content }, h("slot", { key: 'c6e752c2143d5002a50c233a1ea6cd73ef5e61b9' }))));
     }
     /**
      * Returns unique identifier of message

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

	@@ -1 +1 @@
1	- {"file":"gov-attachments.gov-attachments-item.gov-form-message.entry.js","mappings":"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","names":[],"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}
1	+ {"file":"gov-attachments.gov-attachments-item.gov-form-message.entry.js","mappings":";;;;;;;;;;;;AAAO,MAAM,gBAAgB,GAAG;AAC/B,IAAA,IAAI,EAAE,iBAAiB;AACvB,IAAA,KAAK,EAAE,wBAAwB;AAC/B,IAAA,IAAI,EAAE,uBAAuB;CAC7B;AAEM,MAAM,oBAAoB,GAAG;AACnC,IAAA,IAAI,EAAE,sBAAsB;AAC5B,IAAA,IAAI,EAAE,4BAA4B;AAClC,IAAA,IAAI,EAAE,4BAA4B;AAClC,IAAA,QAAQ,EAAE,gCAAgC;CAC1C;;MCAY,cAAc,GAAA,MAAA;AAG1B,IAAA,WAAA,CAAA,OAAA,EAAA;;QACC,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAYD,IAAA,MAAM,kBAAkB,GAAA;QACvB,IAAI,uBAAuB,EAAE,EAAE;AAC9B,YAAA,MAAM,KAAK,CAAC,GAAG,CAAC;AAChB,YAAA,MAAM,IAAI,CAAC,YAAY,EAAE;;;IAI3B,MAAM,GAAA;AACL,QAAA,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAA,EAChD,IAAI,CAAC,KAAK,GAAG,CAAA,CAAA,GAAA,EAAA,EAAG,KAAK,EAAE,gBAAgB,CAAC,KAAK,EAAA,EAAG,IAAI,CAAC,KAAK,CAAK,GAAG,IAAI,EACvE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,gBAAgB,CAAC,IAAI,EAAE,IAAI,EAAC,MAAM,EAAA,YAAA,EAAa,IAAI,CAAC,SAAS,EAAA,EACxE,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACA;;AAIT;;AAEG;AAEH,IAAA,MAAM,YAAY,GAAA;QACjB,gBAAgB,CAAC,IAAI,CAAC,SAAS,EAAE,YAAY,EAAE,gBAAgB,CAAC,IAAI,CAAC;;;;;ACnDvE,MAAM,qBAAqB,GAAG,qqCAAqqC;;MCatrC,kBAAkB,GAAA,MAAA;AAG9B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAMA;;AAEG;AACoD,QAAA,IAAqB,CAAA,qBAAA,GAAW,4BAA4B;QARlH,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAiBD,IAAA,MAAM,kBAAkB,GAAA;QACvB,IAAI,uBAAuB,EAAE,EAAE;AAC9B,YAAA,MAAM,KAAK,CAAC,GAAG,CAAC;AAChB,YAAA,MAAM,IAAI,CAAC,qBAAqB,EAAE;;;IAIpC,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,UAAU,EAAA,EACtE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,oBAAoB,CAAC,IAAI,EAAA,EACpC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,oBAAoB,CAAC,IAAI,EAAA,EACpC,CAAA,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAa,QAAQ,EAAC,KAAK,EAAC,IAAI,EAAA,IAAA,EAAA,EAC/B,CAAO,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACP,CACE,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CAAA,IAAA,CAAM,CAAC,CACT,CACT,EACd,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,MAAM,EAAA,CAAE,CACd,EACN,CACC,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,GAAG,EACI,YAAA,EAAA,QAAQ,CAAC,IAAI,CAAC,qBAAqB,CAAC,GAAG,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CAAM,IAAA,CAAA,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,GAAG,IAAI,EAAA,iBAAA,EACtI,IAAI,CAAC,0BAA0B,EAAA,cAAA,EAClC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAA,EAEjC,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAC,YAAY,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,YAAY,EAAA,CAAY,CACzD,CACR,EAEL,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,KACzB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,oBAAoB,CAAC,QAAQ,EAAA,EACxC,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAA,CAAE,CACjB,CACN,CACK;;AAIT;;AAEG;AAEH,IAAA,MAAM,qBAAqB,GAAA;AAC1B,QAAA,uBAAuB,CAAC,IAAI,CAAC,qBAAqB,EAAE,IAAI,CAAC,0BAA0B,EAAE,oBAAoB,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC;;;;;;MCvE/G,cAAc,GAAA,MAAA;AAI1B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMA;;AAEG;AACoC,QAAA,IAAK,CAAA,KAAA,GAA0B,SAAS;AAC/E;;AAEG;AACc,QAAA,IAAI,CAAA,IAAA,GAA2B,GAAG;QAZlD,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B,QAAA,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,gBAAgB,CAAC;AAC3C;AAaD,IAAA,aAAa,CAAC,QAAgB,EAAA;QAC7B,YAAY,CAAC,iBAAiB,EAAE,QAAQ,EAAE,gBAAgB,CAAC,IAAI,CAAC;;IAGjE,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;;IAG/B,MAAM,GAAA;QACL,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,EACpF,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,KACtB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,GAAG,CACpB,EACD,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAAA,EACxD,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF,CACD;;AAIT;;AAEG;AAEH,IAAA,MAAM,UAAU,GAAA;QACf,OAAO,IAAI,CAAC,SAAS;;;;;;;;;;","names":[],"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 = {\r\n\troot: 'gov-attachments',\r\n\tlabel: 'gov-attachments__label',\r\n\tlist: 'gov-attachments__list',\r\n}\r\n\r\nexport const AttachmentsItemClass = {\r\n\troot: 'gov-attachments-item',\r\n\tname: 'gov-attachments-item__name',\r\n\tfile: 'gov-attachments-item__file',\r\n\tmessages: 'gov-attachments-item__messages',\r\n}\r\n","import { Component, Element, h, Host, Method, Prop } from '@stencil/core'\r\nimport { AttachmentsClass } from './constants'\r\nimport { validateWcagProp } from '../../helpers/Validate/wcag'\r\nimport { canValidateWcagOnRender } from '../../helpers/Dom/win'\r\nimport { delay } from '../../utils/utils'\r\nimport { govHost } from '../../helpers/Dom/template'\r\nimport { GovHost } from '../../helpers/Dom/template.types'\r\n\r\n@Component({\r\n\ttag: 'gov-attachments',\r\n})\r\nexport class GovAttachments {\r\n\tprivate h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() readonly host: HTMLGovAttachmentsElement\r\n\t/*\r\n\t Label of attachments section\r\n\t /\r\n\t@Prop() readonly label: string\r\n\t/\r\n\t Adds accessible label for the attachment section that is only shown for screen readers.\r\n\t /\r\n\t@Prop({ attribute: 'wcag-label' }) readonly wcagLabel: string\r\n\r\n\tasync componentDidRender() {\r\n\t\tif (canValidateWcagOnRender()) {\r\n\t\t\tawait delay(500)\r\n\t\t\tawait this.validateWcag()\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(AttachmentsClass.root)}>\r\n\t\t\t\t{this.label ? <p class={AttachmentsClass.label}>{this.label}</p> : null}\r\n\t\t\t\t<div class={AttachmentsClass.list} role=\"list\" aria-label={this.wcagLabel}>\r\n\t\t\t\t\t<slot />\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\t/\r\n\t Validate the WCAG attributes of the component\r\n\t /\r\n\t@Method()\r\n\tasync validateWcag(): Promise<void> {\r\n\t\tvalidateWcagProp(this.wcagLabel, 'wcag-label', AttachmentsClass.root)\r\n\t}\r\n}\r\n","/ Attachments - Item /\r\n\r\n@use \"../../sass/mixins\" as mixin;\r\n@use \"../../sass/variables/general\" as general;\r\n@use \"gov-attachments-variables\" as variable;\r\n\r\n\r\ngov-attachments-item, .gov-attachments-item {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\t&__messages {\r\n\t\t@include mixin.reset-last-margin();\r\n\t\t> {\r\n\t\t\tposition: relative;\r\n\t\t\ttop: calc(-1 * var(--spacing-xs));\r\n\t\t}\r\n\t}\r\n\t&__file {\r\n\t\tdisplay: flex;\r\n\t\tgap: var(--spacing-s);\r\n\t\tmax-width: 100%;\r\n\t}\r\n\t&__name {\r\n\t\tdisplay: flex;\r\n\t\tcolumn-gap: var(--spacing-s);\r\n\t\talign-items: center;\r\n\t\tmax-width: calc(100% - var(--spacing-s) - var(--icon-size-s) - ((var(--spacing-s-nudge) + #{general.$border-width}) * 2));\r\n\t\tmargin: 0;\r\n\t\t> gov-tooltip, .gov-tooltip {\r\n\t\t\toverflow: hidden;\r\n\t\t\ttext-overflow: ellipsis;\r\n\t\t\twhite-space: nowrap;\r\n\t\t\tmax-width: 100%;\r\n\t\t\tcolor: variable.$name-color;\r\n\t\t}\r\n\t\tspan[slot=\"info\"] {\r\n\t\t\t@include mixin.typography(\"body-xs\");\r\n\t\t\tcolor: variable.$decor-color;\r\n\t\t\twhite-space: nowrap;\r\n\t\t}\r\n\t}\r\n}\r\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop} from '@stencil/core'\r\nimport {AttachmentsItemClass} from './constants'\r\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\r\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\r\nimport {delay} from '../../utils/utils'\r\nimport {govHost} from '../../helpers/Dom/template'\r\nimport {GovHost} from '../../helpers/Dom/template.types'\r\nimport {isString} from \"../../utils/helpers.types\";\r\n\r\n@Component({\r\n\ttag: 'gov-attachments-item',\r\n\tstyleUrl: 'gov-attachments-item.scss',\r\n})\r\nexport class GovAttachmentsItem {\r\n\tprivate h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() readonly host: HTMLGovAttachmentsItemElement\r\n\r\n\t/*\r\n\t Adds accessible label for the remove button that is only shown for screen readers.\r\n\t /\r\n\t@Prop({attribute: 'accessible-remove-label'}) readonly accessibleRemoveLabel: string = \"Odebrat soubor {FILE_NAME}\"\r\n\t/\r\n\t Indicates the id of a component that labels the remove button.\r\n\t /\r\n\t@Prop({attribute: 'accessible-remove-labelledby'}) readonly accessibleRemoveLabelledBy: string\r\n\t/\r\n\t Emitted when the file is removed\r\n\t /\r\n\t@Event({eventName: 'gov-remove'}) govRemove: EventEmitter<PointerEvent>\r\n\r\n\tasync componentDidRender() {\r\n\t\tif (canValidateWcagOnRender()) {\r\n\t\t\tawait delay(500)\r\n\t\t\tawait this.validateAccessibility()\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(AttachmentsItemClass.root)} role=\"listitem\">\r\n\t\t\t\t<div class={AttachmentsItemClass.file}>\r\n\t\t\t\t\t<div class={AttachmentsItemClass.name}>\r\n\t\t\t\t\t\t<gov-tooltip position=\"top\" icon>\r\n\t\t\t\t\t\t\t<slot/>\r\n\t\t\t\t\t\t\t<gov-tooltip-content>\r\n\t\t\t\t\t\t\t\t{this.h.getSlotContent(`name`)}\r\n\t\t\t\t\t\t\t</gov-tooltip-content>\r\n\t\t\t\t\t\t</gov-tooltip>\r\n\t\t\t\t\t\t<slot name=\"info\"/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<gov-button\r\n\t\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\t\ttype=\"base\"\r\n\t\t\t\t\t\tsize=\"s\"\r\n\t\t\t\t\t\taria-label={isString(this.accessibleRemoveLabel) ? this.accessibleRemoveLabel.replace('{FILE_NAME}', this.h.getSlotContent(`name`) \|\| '').trim() : null}\r\n\t\t\t\t\t\taria-labelledby={this.accessibleRemoveLabelledBy}\r\n\t\t\t\t\t\ton-gov-click={this.govRemove.emit}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\" type=\"components\"></gov-icon>\r\n\t\t\t\t\t</gov-button>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t{this.h.hasSlot('message') && (\r\n\t\t\t\t\t<div class={AttachmentsItemClass.messages}>\r\n\t\t\t\t\t\t<slot name=\"message\"/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\t/\r\n\t Validate the accessible attributes of the component\r\n\t /\r\n\t@Method()\r\n\tasync validateAccessibility(): Promise<void> {\r\n\t\tvalidateAccessibleLabel(this.accessibleRemoveLabel, this.accessibleRemoveLabelledBy, AttachmentsItemClass.root, this.host)\r\n\t}\r\n}\r\n","import { Component, Element, h, Host, Method, Prop, Watch } from '@stencil/core'\r\nimport {FormMessageClass, FormMessageSizesTypes, FormMessageColors, FormMessageColorType} from './constants'\r\nimport { govHost } from '../../../helpers/Dom/template'\r\nimport { GovHost } from '../../../helpers/Dom/template.types'\r\nimport { validateProp } from '../../../helpers/Validate/props'\r\nimport { createID } from '../../../utils/string.utils'\r\n\r\n@Component({\r\n\ttag: 'gov-form-message',\r\n})\r\nexport class GovFormMessage {\r\n\th: GovHost\r\n\tprivate readonly messageId: string\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.messageId = createID('GovFormMessage')\r\n\t}\r\n\r\n\t@Element() host: HTMLGovFormMessageElement\r\n\t/\r\n\t Style variation of the message.\r\n\t /\r\n\t@Prop({ attribute: 'color' }) readonly color?: FormMessageColorType = 'neutral'\r\n\t/\r\n\t Message's size.\r\n\t /\r\n\t@Prop() readonly size?: FormMessageSizesTypes = 'm'\r\n\r\n\t@Watch('color')\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(FormMessageColors, newValue, FormMessageClass.root)\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateColor(this.color)\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(FormMessageClass.root)} color={this.color} size={this.size}>\r\n\t\t\t\t{this.h.hasSlot('icon') && (\r\n\t\t\t\t\t<slot name=\"icon\" />\r\n\t\t\t\t)}\r\n\t\t\t\t<span id={this.messageId} class={FormMessageClass.content}>\r\n\t\t\t\t\t<slot />\r\n\t\t\t\t</span>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\t/\r\n\t Returns unique identifier of message\r\n\t */\r\n\t@Method()\r\n\tasync identifier(): Promise<string> {\r\n\t\treturn this.messageId\r\n\t}\r\n}\r\n"],"version":3}

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-DT2tslUp.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ClISz4NF.js';
 import { v as validateAccessibleLabel } from './wcag-CD6_13JO.js';
 import { c as canValidateWcagOnRender } from './gov.log-BtqD9K8d.js';
-import { g as govHost } from './template-BBOh2pxy.js';
+import { g as govHost } from './template-CoD1xawt.js';
 import { t as tick } from './stencil.utils-Cjg0wpDG.js';
 import './string.utils-vN03FcXN.js';
 import './helpers.types-DNztiAH0.js';
@@ -32,7 +32,7 @@ const GovBackdrop = class {
         }
     }
     render() {
-        return (h(Host, { key: 'ee25a6a3443604253f1fa10676007aad3838f4d9', class: this.h.classes(BackdropClass.root), inverse: this.inverse }, h("div", { key: 'fd733ec0c2f6599ce7fe360092990f4c7f0973a1', role: 'button', "aria-disabled": this.disabled, "aria-label": this.accessibleLabel, "aria-labelledby": this.accessibleLabelledBy, onClick: e => {
+        return (h(Host, { key: 'a86624d0cdaf83455d71298e609324fed9cd19bd', class: this.h.classes(BackdropClass.root), inverse: this.inverse }, h("div", { key: 'fb299b51c9e2e2dbc0093a8a365e98dabcfc6e8c', role: 'button', "aria-disabled": this.disabled, "aria-label": this.accessibleLabel, "aria-labelledby": this.accessibleLabelledBy, onClick: e => {
                 if (!this.disabled) {
                     this.govClick.emit(e);
                 }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-backdrop.entry.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":[],"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,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAwBD,IAAA,MAAM,kBAAkB,GAAA;QACvB,IAAI,uBAAuB,EAAE,EAAE;YAC9B,IAAI,CAAC,MAAM,IAAI,CAAC,qBAAqB,EAAE,CAAC;;;IAI1C,MAAM,GAAA;AACL,QAAA,QACC,EAAC,IAAI,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,EACrE,CACC,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,QAAA,uBAAuB,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,oBAAoB,EAAE,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC;;;;;;;"}
1	+ {"version":3,"file":"gov-backdrop.entry.js","sources":["../../../packages/core/src/components/gov-backdrop/constants.ts","../../../packages/core/src/components/gov-backdrop/gov-backdrop.tsx"],"sourcesContent":["export const BackdropClass = {\r\n\troot: 'gov-backdrop',\r\n\tbg: 'gov-backdrop__background',\r\n}\r\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop} from '@stencil/core'\r\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\r\nimport {BackdropClass} from './constants'\r\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\r\nimport {govHost} from '../../helpers/Dom/template'\r\nimport {GovHost} from '../../helpers/Dom/template.types'\r\nimport {tick} from \"../../utils/stencil.utils\";\r\n\r\n@Component({\r\n\ttag: 'gov-backdrop',\r\n})\r\nexport class GovBackdrop {\r\n\tprivate h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovBackdropElement\r\n\t/*\r\n\t Determine if component should have inverse colors to be used on dark background.\r\n\t /\r\n\t@Prop() readonly inverse: boolean = false\r\n\t/\r\n\t Makes the backdrop component disabled.\r\n\t /\r\n\t@Prop({reflect: true, mutable: true}) readonly disabled: boolean = false\r\n\t/\r\n\t Adds accessible label for the backdrop that is only shown for screen readers.\r\n\t /\r\n\t@Prop({attribute: 'accessible-label'}) readonly accessibleLabel: string\r\n\t/\r\n\t String of id's that indicate alternative labels elements\r\n\t /\r\n\t@Prop({attribute: 'accessible-labelledby'}) readonly accessibleLabelledBy: string\r\n\t/\r\n\t Emitted when button clicks.\r\n\t /\r\n\t@Event({eventName: 'gov-click'}) govClick: EventEmitter<MouseEvent>\r\n\r\n\tasync componentDidRender() {\r\n\t\tif (canValidateWcagOnRender()) {\r\n\t\t\ttick(() => this.validateAccessibility())\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(BackdropClass.root)} inverse={this.inverse}>\r\n\t\t\t\t<div\r\n\t\t\t\t\trole={'button'}\r\n\t\t\t\t\taria-disabled={this.disabled}\r\n\t\t\t\t\taria-label={this.accessibleLabel}\r\n\t\t\t\t\taria-labelledby={this.accessibleLabelledBy}\r\n\t\t\t\t\tonClick={e => {\r\n\t\t\t\t\t\tif (!this.disabled) {\r\n\t\t\t\t\t\t\tthis.govClick.emit(e)\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tclass={BackdropClass.bg}\r\n\t\t\t\t></div>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\t/\r\n\t Validate the accessibility attributes of the component\r\n\t */\r\n\t@Method()\r\n\tasync validateAccessibility(): Promise<void> {\r\n\t\tvalidateAccessibleLabel(this.accessibleLabel, this.accessibleLabelledBy, BackdropClass.root, this.host)\r\n\t}\r\n}\r\n"],"names":[],"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,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAwBD,IAAA,MAAM,kBAAkB,GAAA;QACvB,IAAI,uBAAuB,EAAE,EAAE;YAC9B,IAAI,CAAC,MAAM,IAAI,CAAC,qBAAqB,EAAE,CAAC;;;IAI1C,MAAM,GAAA;AACL,QAAA,QACC,EAAC,IAAI,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,EACrE,CACC,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,QAAA,uBAAuB,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,oBAAoB,EAAE,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC;;;;;;;"}

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-DT2tslUp.js';
-import { g as govHost } from './template-BBOh2pxy.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-ClISz4NF.js';
+import { g as govHost } from './template-CoD1xawt.js';
 import { p as pick } from './utils-CQvUntGY.js';
 import { S as Sizes } from './sizes-BcQO4NH2.js';
 import { v as validateProp } from './props-CJZgTDla.js';
@@ -69,10 +69,10 @@ const GovBanner = class {
         this.validateTextColor(this.textColor);
     }
     render() {
-        return (h(Host, Object.assign({ key: '67c767ffc6ac1912bb691c8bb11158dac573e70f', class: this.h.classes(BannerClass.root), role: "region", size: this.size }, (this.size !== "xl" ? {
+        return (h(Host, Object.assign({ key: 'c035b04b0715ffcc996d66a1f673d1bd9518284c', class: this.h.classes(BannerClass.root), role: "region", size: this.size }, (this.size !== "xl" ? {
             background: this.background,
             foreground: this.foreground
-        } : { 'text-color': this.textColor })), h("div", { key: '624b24b1e621ef7f7ad4666b56f48ffec9881aee' }, h("div", { key: '90b322dca74ca90be13489d519534ebff0656593', class: BannerClass.content }, h("slot", { key: '272f89cbe0649af7edfd7230861f6232272c8da4', name: "headline" }), h("slot", { key: '1bfa7690842ba1a023af5b7da4edec5acb6c65fe' })), this.h.hasSlot('button') && (h("slot", { key: '5d9611292a76aee4654b16429a89fd46ad610884', name: "button" }))), h("slot", { key: '00000b185434b0d85112beaa2374c7f7b12c19b0', name: "image" })));
+        } : { 'text-color': this.textColor })), h("div", { key: 'd5a59901f7a1a707c3679ffc20677163bbf31dc7' }, h("div", { key: '366d4ce913119a38f3166fdc70d9ae06181e7a5d', class: BannerClass.content }, h("slot", { key: '92baa67137573e91b5eb74884b2fa1cb68d5bf90', name: "headline" }), h("slot", { key: '2630dbd6c23e8ec71b136d76df977b0bef7aa830' })), this.h.hasSlot('button') && (h("slot", { key: '0e8b200648c9a4af27da49a5f725be48159ad595', name: "button" }))), h("slot", { key: '79bdb4c7d136d66561aab55012c8d5669503469f', name: "image" })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

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

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

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-DT2tslUp.js';
-import { g as govHost } from './template-BBOh2pxy.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-ClISz4NF.js';
+import { g as govHost } from './template-CoD1xawt.js';
 var BlockquoteType;
 (function (BlockquoteType) {
@@ -21,7 +21,7 @@ const GovBlockquote = class {
         this.h = govHost(this.host);
     }
     render() {
-        return (h(Host, { key: '0d4b930791ee54ea55552b1a8ab9a2f248b5109e', class: this.h.classes(BlockquoteClass.root), type: this.type }, h("gov-icon", { key: 'f27a6a5059203b000bede13c47aa7e5eb150e4cd', type: "components", name: "quote", size: "3xl" }), h("blockquote", { key: '3206cd993309f5636920e5b552e3cd97be98b334', cite: this.cite }, h("slot", { key: '16ac7ec3098d37e1c5b444fe18e47986a5afa915' })), h("slot", { key: 'ae4f20fbf0820346cc9919014ab6a3fc9f9ef96e', name: "image" }), h("slot", { key: 'f43c96fef744f2d6147f8579fad0c808c064c81a', name: "author" })));
+        return (h(Host, { key: '5a45752fb485b9bc990fad76dc05e3262c6c402b', class: this.h.classes(BlockquoteClass.root), type: this.type }, h("gov-icon", { key: '125a8fbd29e3300795e0396daf99d83a0c8a2939', type: "components", name: "quote", size: "3xl" }), h("blockquote", { key: '7f7df8129d1186fe7cd1c7d7212906b4db5e0acf', cite: this.cite }, h("slot", { key: '5f7b8ca8f487708b5d9e39df5d12daa29cd53dc7' })), h("slot", { key: '5e7e0ec56c25b3cecdc75757c053a5cd751b074d', name: "image" }), h("slot", { key: '6a29244bb9a019b273043cd651917a560d9a21b6', name: "author" })));
     }
     get host() { return getElement(this); }
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-blockquote.entry.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":[],"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,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;IAYD,MAAM,GAAA;QACL,QACC,EAAC,IAAI,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,EACjE,CAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,YAAY,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAY,CAAA,EAC/D,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAY,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,EAC1B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACI,EACb,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,OAAO,EAAG,CAAA,EACrB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAG,CAAA,CAChB;;;;;;;"}
1	+ {"version":3,"file":"gov-blockquote.entry.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\";\r\n\r\nexport enum BlockquoteType {\r\n\tPRIMARY = 'primary',\r\n\tSUBTLE = 'subtle',\r\n\tNEUTRAL = 'neutral',\r\n}\r\nexport type BlockquoteTypesType = `${ValueOf<typeof BlockquoteType>}`\r\n\r\nexport const BlockquoteClass = {\r\n\troot: 'gov-blockquote',\r\n}\r\n","import {Component, Element, Host, h, Prop} from '@stencil/core'\r\nimport { govHost } from '../../helpers/Dom/template'\r\nimport { GovHost } from '../../helpers/Dom/template.types'\r\nimport {BlockquoteClass, BlockquoteType, BlockquoteTypesType} from \"./constants\";\r\n\r\n\r\n@Component({\r\n\ttag: 'gov-blockquote',\r\n})\r\nexport class GovBlockquote {\r\n\tprivate h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovBlockquoteElement\r\n\t/*\r\n\t Blockquote’s type\r\n\t /\r\n\t@Prop({reflect: true}) readonly type: BlockquoteTypesType = BlockquoteType.SUBTLE\r\n\t/\r\n\t Blockquote’s cite url\r\n\t */\r\n\t@Prop({attribute: 'cite'}) readonly cite: string\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(BlockquoteClass.root)} type={this.type}>\r\n\t\t\t\t<gov-icon type=\"components\" name=\"quote\" size=\"3xl\"></gov-icon>\r\n\t\t\t\t<blockquote cite={this.cite}>\r\n\t\t\t\t\t<slot />\r\n\t\t\t\t</blockquote>\r\n\t\t\t\t<slot name=\"image\" />\r\n\t\t\t\t<slot name=\"author\" />\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"names":[],"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,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;IAYD,MAAM,GAAA;QACL,QACC,EAAC,IAAI,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,EACjE,CAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,YAAY,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAY,CAAA,EAC/D,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAY,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,EAC1B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACI,EACb,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,OAAO,EAAG,CAAA,EACrB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAG,CAAA,CAChB;;;;;;;"}

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-DT2tslUp.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ClISz4NF.js';
 import { v as validateAccessibleLabel } from './wcag-CD6_13JO.js';
 import { c as canValidateWcagOnRender } from './gov.log-BtqD9K8d.js';
-import { g as govHost } from './template-BBOh2pxy.js';
+import { g as govHost } from './template-CoD1xawt.js';
 import { t as tick } from './stencil.utils-Cjg0wpDG.js';
 import './string.utils-vN03FcXN.js';
 import './helpers.types-DNztiAH0.js';
@@ -56,7 +56,7 @@ const GovBreadcrumbs = class {
         this.toggleOption = sumOfWidths > hostWidth;
     }
     render() {
-        return (h(Host, { key: 'dadd8de710050476be68e3f6fa0b317d6ccedfc1', class: this.h.classes(BreadcrumbsClass.root), expanded: this.expanded }, h("nav", { key: '468a3b605408c943421243024733b0381809f931', "aria-label": this.accessibleLabel, "aria-labelledby": this.accessibleLabelledBy }, h("slot", { key: '2c9f85b826c8c54340ab5abba51c1861282c9cb7' })), this.toggleOption ? (h("gov-button", { size: 'xs', color: 'primary', type: 'base', "aria-label": this.accessibleToggleLabel, "aria-pressed": this.expanded, "aria-expanded": this.expanded, "on-gov-click": () => this.expanded = !this.expanded }, h("gov-icon", { name: this.expanded ? 'chevron-up' : 'chevron-down', type: "components" }))) : null));
+        return (h(Host, { key: '5a2d10c3705a0d19458ea76e65ab6e0449eb620d', class: this.h.classes(BreadcrumbsClass.root), expanded: this.expanded }, h("nav", { key: '41b98c6ee95ea397f9802f5ac120d2674859cb4d', "aria-label": this.accessibleLabel, "aria-labelledby": this.accessibleLabelledBy }, h("slot", { key: '10fed9d58caa49017c34665e4b711252854040b7' })), this.toggleOption ? (h("gov-button", { size: 'xs', color: 'primary', type: 'base', "aria-label": this.accessibleToggleLabel, "aria-pressed": this.expanded, "aria-expanded": this.expanded, "on-gov-click": () => this.expanded = !this.expanded }, h("gov-icon", { name: this.expanded ? 'chevron-up' : 'chevron-down', type: "components" }))) : null));
     }
     /**
      * Validate the WCAG attributes of the component

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

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-breadcrumbs.entry.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":[],"mappings":";;;;;;;;;AAAO,MAAM,gBAAgB,GAAG;AAC/B,IAAA,IAAI,EAAE,iBAAiB;CACvB;;MCUY,cAAc,GAAA,MAAA;AAI1B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAHQ,QAAA,IAAM,CAAA,MAAA,GAAG,KAAK;AAQtB;;AAEG;AACc,QAAA,IAAW,CAAA,WAAA,GAAY,KAAK;AAC7C;;AAEG;AACwC,QAAA,IAAU,CAAA,UAAA,GAAY,KAAK;AAStE;;AAEG;AACoD,QAAA,IAAqB,CAAA,qBAAA,GAAW,4BAA4B;AAM1G,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAChB,QAAA,IAAY,CAAA,YAAA,GAAG,KAAK;QA9B5B,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AA+BD,IAAA,MAAM,kBAAkB,GAAA;QACvB,IAAI,CAAC,2BAA2B,EAAE;QAClC,IAAI,uBAAuB,EAAE,EAAE;YAC9B,IAAI,CAAC,MAAM,IAAI,CAAC,qBAAqB,EAAE,CAAC;;;IAIlC,2BAA2B,GAAA;QAClC,IAAI,IAAI,CAAC,MAAM;YAAE;AACjB,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI;QAClB,IAAI,CAAC,MAAK;YACT,IAAI,CAAC,qBAAqB,EAAE;AAC5B,YAAA,IAAI,CAAC,MAAM,GAAG,KAAK;AACpB,SAAC,CAAC;;IAGK,qBAAqB,GAAA;QAC5B,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,KAAK;QACzD,IAAI,WAAW,GAAG,CAAC;AACnB,QAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,KAAI;AAC/C,YAAA,WAAW,IAAI,EAAE,CAAC,qBAAqB,EAAE,CAAC,KAAK;AAChD,SAAC,CAAC;AACF,QAAA,IAAI,CAAC,YAAY,GAAG,WAAW,GAAG,SAAS;;IAG5C,MAAM,GAAA;AACL,QAAA,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EAC1E,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAA,EAAiB,IAAI,CAAC,eAAe,EAAmB,iBAAA,EAAA,IAAI,CAAC,oBAAoB,EAAA,EAChF,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAO,CACF,EACL,IAAI,CAAC,YAAY,IACjB,kBACC,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,MAAM,EACA,YAAA,EAAA,IAAI,CAAC,qBAAqB,kBACxB,IAAI,CAAC,QAAQ,EACZ,eAAA,EAAA,IAAI,CAAC,QAAQ,EAAA,cAAA,EACd,MAAM,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,EAAA,EAElD,CAAU,CAAA,UAAA,EAAA,EAAA,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAG,YAAY,GAAG,cAAc,EAAE,IAAI,EAAC,YAAY,EAAA,CAAY,CAChF,IACV,IAAI,CACF;;AAKT;;AAEG;AAEH,IAAA,MAAM,qBAAqB,GAAA;AAC1B,QAAA,uBAAuB,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,oBAAoB,EAAE,gBAAgB,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC;AAC1G,QAAA,uBAAuB,CAAC,IAAI,CAAC,qBAAqB,EAAE,SAAS,EAAE,gBAAgB,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC;;;;;;;"}
1	+ {"version":3,"file":"gov-breadcrumbs.entry.js","sources":["../../../packages/core/src/components/gov-breadcrumbs/constants.ts","../../../packages/core/src/components/gov-breadcrumbs/gov-breadcrumbs.tsx"],"sourcesContent":["export const BreadcrumbsClass = {\r\n\troot: 'gov-breadcrumbs',\r\n}\r\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State} from '@stencil/core'\r\nimport {BreadcrumbsClass} from './constants'\r\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\r\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\r\nimport {GovBreadcrumbsChangeEvent} from './gov-breadcrumbs.d'\r\nimport {govHost} from '../../helpers/Dom/template'\r\nimport {GovHost} from '../../helpers/Dom/template.types'\r\nimport {tick} from \"../../utils/stencil.utils\";\r\n\r\n@Component({\r\n\ttag: 'gov-breadcrumbs',\r\n})\r\nexport class GovBreadcrumbs {\r\n\tprivate inited = false;\r\n\tprivate h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() readonly host: HTMLGovBreadcrumbsElement\r\n\t/*\r\n\t Defines whether the components can be collapsible when element doesn't fit in one row.\r\n\t /\r\n\t@Prop() readonly collapsible: boolean = false\r\n\t/\r\n\t Defines whether the breadcrumbs are open or closed by button\r\n\t /\r\n\t@Prop({attribute: 'is-expanded'}) readonly isExpanded: boolean = false\r\n\t/\r\n\t Adds accessible label for the pagination that is only shown for screen readers.\r\n\t /\r\n\t@Prop({attribute: 'accessible-label'}) readonly accessibleLabel: string\r\n\t/\r\n\t Indicates the id of a component that labels the pagination.\r\n\t /\r\n\t@Prop({attribute: 'accessible-labelledby'}) readonly accessibleLabelledBy: string\r\n\t/\r\n\t Adds an accessible label to display the full breadcrumb navigation that only screen readers can see.\r\n\t /\r\n\t@Prop({attribute: 'accessible-toggle-label'}) readonly accessibleToggleLabel: string = 'Zobrazit či skrýt navigaci'\r\n\t/\r\n\t Called when the Breadcrumbs state changes\r\n\t /\r\n\t@Event({eventName: 'gov-change'}) govChange: EventEmitter<GovBreadcrumbsChangeEvent>\r\n\r\n\t@State() expanded = false;\r\n\t@State() toggleOption = false;\r\n\r\n\tasync componentDidRender() {\r\n\t\tthis.scheduleContentVerification()\r\n\t\tif (canValidateWcagOnRender()) {\r\n\t\t\ttick(() => this.validateAccessibility())\r\n\t\t}\r\n\t}\r\n\r\n\tprivate scheduleContentVerification() {\r\n\t\tif (this.inited) return;\r\n\t\tthis.inited = true;\r\n\t\ttick(() => {\r\n\t\t\tthis.calculateWidthOfItems();\r\n\t\t\tthis.inited = false;\r\n\t\t});\r\n\t}\r\n\r\n\tprivate calculateWidthOfItems() {\r\n\t\tconst hostWidth = this.host.getBoundingClientRect().width;\r\n\t\tlet sumOfWidths = 0;\r\n\t\tthis.host.querySelectorAll('li').forEach((li) => {\r\n\t\t\tsumOfWidths += li.getBoundingClientRect().width\r\n\t\t})\r\n\t\tthis.toggleOption = sumOfWidths > hostWidth;\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(BreadcrumbsClass.root)} expanded={this.expanded}>\r\n\t\t\t\t<nav aria-label={this.accessibleLabel} aria-labelledby={this.accessibleLabelledBy}>\r\n\t\t\t\t\t<slot/>\r\n\t\t\t\t</nav>\r\n\t\t\t\t{this.toggleOption ? (\r\n\t\t\t\t\t<gov-button\r\n\t\t\t\t\t\tsize={'xs'}\r\n\t\t\t\t\t\tcolor={'primary'}\r\n\t\t\t\t\t\ttype={'base'}\r\n\t\t\t\t\t\taria-label={this.accessibleToggleLabel}\r\n\t\t\t\t\t\taria-pressed={this.expanded}\r\n\t\t\t\t\t\taria-expanded={this.expanded}\r\n\t\t\t\t\t\ton-gov-click={() => this.expanded = !this.expanded}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<gov-icon name={this.expanded ? 'chevron-up' : 'chevron-down'} type=\"components\"></gov-icon>\r\n\t\t\t\t\t</gov-button>\r\n\t\t\t\t) : null}\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\r\n\t/\r\n\t Validate the WCAG attributes of the component\r\n\t */\r\n\t@Method()\r\n\tasync validateAccessibility(): Promise<void> {\r\n\t\tvalidateAccessibleLabel(this.accessibleLabel, this.accessibleLabelledBy, BreadcrumbsClass.root, this.host)\r\n\t\tvalidateAccessibleLabel(this.accessibleToggleLabel, undefined, BreadcrumbsClass.root, this.host)\r\n\t}\r\n}\r\n"],"names":[],"mappings":"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"}

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-DT2tslUp.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ClISz4NF.js';
 import { v as validateProp } from './props-CJZgTDla.js';
 import { b as ButtonClass, B as ButtonColors, c as ButtonType, N as NativeType } from './constants-BNBB_29K.js';
-import { g as govHost, t as toBoolAttrIfDefined } from './template-BBOh2pxy.js';
+import { g as govHost, t as toBoolAttrIfDefined } from './template-CoD1xawt.js';
 import { S as Sizes } from './sizes-BcQO4NH2.js';
 import { v as validateAccessibleLabel } from './wcag-CD6_13JO.js';
 import { c as canValidateWcagOnRender } from './gov.log-BtqD9K8d.js';
@@ -65,7 +65,7 @@ const GovButton = class {
          * Same as original parameter
          * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download
          */
-        this.tabindex = 0;
+        this.tab = 0;
         /**
          * Same as original parameter
          * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/focusable
@@ -119,9 +119,9 @@ const GovButton = class {
     render() {
         const Tag = this.href ? Tags.A : Tags.BUTTON;
         const nativeType = Tag === Tags.A ? undefined : this.nativeType;
-        return (h(Host, { key: '121d16797366f30c7d5cd3af18171cb8b22bc789', size: this.size, hydrated: this.hydrated, color: this.color, class: this.h.classes(ButtonClass.root), type: this.type }, h(Tag, Object.assign({ key: 'ad4a83ffacbb5360e81988e9e8d709611be7276e', class: "element", ref: el => (this.triggerRef = el), onClick: this.onClickHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), disabled: this.disabled, id: this.identifier, href: this.href, target: this.target, download: this.download, hreflang: this.hreflang, rel: this.rel, name: this.name, type: nativeType, tabindex: this.disabled ? "-1" : this.tabindex }, this.inheritedAttributes, { "aria-disabled": toBoolAttrIfDefined(this.disabled) }), toBool(this.loading) && !this.h.hasSlot("icon-end") &&
-            h("gov-icon", { key: '449464e921e45abda79ccbb855a1ad94b244fd08', name: "loader", class: "gov-spin-animation", type: "components" }), this.h.hasSlot("icon-start") && h("slot", { key: 'fa432280096722ed9fc96de54b1ac4c4213f635f', name: "icon-start" }), h("slot", { key: '2b3121e1c8ad64cf84922bb328850c2e32cbf2a7' }), this.h.hasSlot("icon-end") && h("slot", { key: '406b3f6413eb0cd206fcb059dfdfcaae6571083f', name: "icon-end" }), toBool(this.loading) && this.h.hasSlot("icon-end") &&
-            h("gov-icon", { key: '737635b06a56fb1ce7cc9d675f0588686b3867e4', name: "loader", class: "gov-spin-animation", type: "components" }))));
+        return (h(Host, { key: '0d010913c0331fcb11918152cb9bb2598923c5eb', size: this.size, hydrated: this.hydrated, color: this.color, class: this.h.classes(ButtonClass.root), type: this.type }, h(Tag, Object.assign({ key: 'd413645e924857fb5451c8e03c986013d85ddc06', class: "element", ref: el => (this.triggerRef = el), onClick: this.onClickHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), disabled: this.disabled, id: this.identifier, href: this.href, target: this.target, download: this.download, hreflang: this.hreflang, rel: this.rel, name: this.name, type: nativeType, tabindex: this.disabled ? "-1" : this.tab }, this.inheritedAttributes, { "aria-disabled": toBoolAttrIfDefined(this.disabled) }), toBool(this.loading) && !this.h.hasSlot("icon-end") &&
+            h("gov-icon", { key: '13528203c29059fe167ca9b6f1f9134415517d47', name: "loader", class: "gov-spin-animation", type: "components" }), this.h.hasSlot("icon-start") && h("slot", { key: '304d82f1e7136a3f11ab44ce5e5b3166c2be2976', name: "icon-start" }), h("slot", { key: '6bc84a79e2acc72405c7b6831951d4984e5a6092' }), this.h.hasSlot("icon-end") && h("slot", { key: '044971729141feb76253c649de01db88e9459ccf', name: "icon-end" }), toBool(this.loading) && this.h.hasSlot("icon-end") &&
+            h("gov-icon", { key: 'b55541b4d8ec377ec0aa9c80596b212306a5c02a', name: "loader", class: "gov-spin-animation", type: "components" }))));
     }
     onClickHandler(e) {
         e.stopPropagation();

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

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-button.entry.js","sources":["../../../packages/core/src/utils/bool.utils.ts","../../../packages/core/src/components/gov-button/button/gov-button.tsx"],"sourcesContent":["export function toBool(value: any): boolean {\n\tif (typeof value === 'string') {\n\t\treturn ['true', 'True', 'TRUE', '1'].indexOf(value) !== -1\n\t} else if (typeof value === 'number') {\n\t\treturn value > 0\n\t} else if (typeof value === 'boolean') {\n\t\treturn value\n\t} else {\n\t\treturn value ? true : false\n\t}\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {\n\tButtonClass,\n\tButtonColors,\n\tButtonColorType,\n\tButtonSizesType,\n\tButtonTargetType,\n\tButtonType,\n\tButtonTypesType,\n\tNativeType,\n\tNativeTypesType,\n} from \"./constants\"\nimport {govHost, toBoolAttrIfDefined} from \"../../../helpers/Dom/template\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {toBool} from \"../../../utils/bool.utils\"\nimport {Sizes} from \"../../../core/constants/sizes\"\nimport {validateAccessibleLabel} from \"../../../helpers/Validate/wcag\"\nimport {canValidateWcagOnRender} from \"../../../helpers/Dom/win\"\nimport {delay} from \"../../../utils/utils\"\nimport {ButtonEvent} from \"./gov-button.types\"\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\n\nenum Tags {\n\tA = \"a\",\n\tBUTTON = \"button\",\n}\n\n@Component({\n\ttag: \"gov-button\",\n})\nexport class GovButton {\n\tprivate h: GovHost\n\tprivate triggerRef?: HTMLButtonElement \| HTMLLinkElement\n\tprivate attributeObserver: AttributeObserver\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovButtonElement\n\n\t/*\n\t Style variation of the button\n\t /\n\t@Prop({reflect: true}) readonly color: ButtonColorType\n\t/\n\t Button’s size\n\t /\n\t@Prop({reflect: true}) readonly size?: ButtonSizesType = \"m\"\n\t/\n\t Button's type\n\t /\n\t@Prop({reflect: true}) readonly type: ButtonTypesType\n\t/\n\t Expands the button to fill 100% of the container width\n\t /\n\t@Prop({reflect: true}) readonly expanded: boolean = false\n\t/\n\t Expands the button to fill 100% of the container width only on mobile\n\t /\n\t@Prop({reflect: true, attribute: \"expanded-mobile\"}) readonly expandedMobile: boolean = false\n\t/\n\t The name of the button, which gets paired with the button's value when submitted as part of a form. Corresponds with the native HTML name attribute\n\t /\n\t@Prop() readonly name: string\n\t/\n\t Makes the button component disabled.\n\t * This prevents users from being able to interact with the button, and conveys its inactive state to assistive technologies\n\t /\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/\n\t Same as original parameter\n\t * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type\n\t /\n\t@Prop() readonly nativeType?: NativeTypesType = \"button\"\n\t/\n\t Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href\n\t /\n\t@Prop() readonly href: string\n\t/\n\t Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\n\t /\n\t@Prop() readonly target?: ButtonTargetType\n\t/\n\t Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download\n\t /\n\t@Prop() readonly download: boolean\n\t/\n\t Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download\n\t /\n\t@Prop() readonly tabindex: number = 0\n\t/\n\t Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-hreflang\n\t /\n\t@Prop() readonly hreflang: string\n\t/\n\t Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-referrerpolicy\n\t /\n\t@Prop() readonly referrerpolicy: string\n\t/\n\t Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-rel\n\t /\n\t@Prop() readonly rel: string\n\t/\n\t Indicates whether an asynchronous process is running\n\t /\n\t@Prop() readonly loading: string\n\t/\n\t Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/focusable\n\t /\n\t@Prop() readonly focusable: boolean = true\n\t/\n\t Custom button identifier\n\t /\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/\n\t Emitted when the button click\n\t /\n\t@Event({eventName: \"gov-click\"}) govClick: EventEmitter<ButtonEvent>\n\t/\n\t Emitted when the button has focus\n\t /\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<ButtonEvent>\n\t/\n\t Emitted when the button loses focus\n\t /\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<ButtonEvent>\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(ButtonColors, newValue, ButtonClass.root)\n\t}\n\n\t@Watch(\"type\")\n\tvalidateType(newValue: string): void {\n\t\tvalidateProp(ButtonType, newValue, ButtonClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(Sizes, newValue, ButtonClass.root)\n\t}\n\n\t@Watch(\"nativeType\")\n\tvalidateNativeType(newValue: string): void {\n\t\tvalidateProp(NativeType, newValue, ButtonClass.root)\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.validateType(this.type)\n\t\tthis.validateSize(this.size)\n\t\tthis.validateNativeType(this.nativeType)\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateAccessibility()\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\tconst Tag = this.href ? Tags.A : Tags.BUTTON\n\t\tconst nativeType = Tag === Tags.A ? undefined : this.nativeType\n\n\t\treturn (\n\t\t\t<Host size={this.size}\n\t\t\t\t hydrated={this.hydrated}\n\t\t\t\t color={this.color}\n\t\t\t\t class={this.h.classes(ButtonClass.root)}\n\t\t\t\t type={this.type}>\n\t\t\t\t<Tag\n\t\t\t\t\tclass=\"element\"\n\t\t\t\t\tref={el => (this.triggerRef = el as HTMLButtonElement \| HTMLLinkElement)}\n\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\tid={this.identifier}\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t\tdownload={this.download}\n\t\t\t\t\threflang={this.hreflang}\n\t\t\t\t\trel={this.rel}\n\t\t\t\t\tname={this.name}\n\t\t\t\t\ttype={nativeType}\n\t\t\t\t\ttabindex={this.disabled ? \"-1\" : this.tabindex}\n\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t>\n\t\t\t\t\t{toBool(this.loading) && !this.h.hasSlot(\"icon-end\") &&\n\t\t\t\t\t\t<gov-icon name=\"loader\" class=\"gov-spin-animation\" type=\"components\"></gov-icon>}\n\t\t\t\t\t{this.h.hasSlot(\"icon-start\") && <slot name=\"icon-start\"></slot>}\n\t\t\t\t\t<slot/>\n\t\t\t\t\t{this.h.hasSlot(\"icon-end\") && <slot name=\"icon-end\"></slot>}\n\t\t\t\t\t{toBool(this.loading) && this.h.hasSlot(\"icon-end\") &&\n\t\t\t\t\t\t<gov-icon name=\"loader\" class=\"gov-spin-animation\" type=\"components\"></gov-icon>}\n\t\t\t\t</Tag>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onClickHandler(e: PointerEvent): void {\n\t\te.stopPropagation()\n\t\tif (this.disabled === false) {\n\t\t\tthis.govClick.emit({\n\t\t\t\tcomponent: ButtonClass.root,\n\t\t\t\toriginalEvent: e,\n\t\t\t\tref: this.host,\n\t\t\t})\n\t\t}\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: ButtonClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tref: this.host,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: ButtonClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tref: this.host,\n\t\t})\n\t}\n\n\t/\n\t Focus button element\n\t /\n\t@Method()\n\tasync setFocus(): Promise<void> {\n\t\tthis.triggerRef.focus()\n\t}\n\n\t/\n\t Returns a clickable element instance\n\t /\n\t@Method()\n\tasync getRef() {\n\t\treturn this.triggerRef\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\tif (this.focusable) {\n\t\t\tvalidateAccessibleLabel(this.triggerRef.getAttribute('aria-label'), this.triggerRef.getAttribute('aria-labelledby'), ButtonClass.root, this.host)\n\t\t}\n\t}\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"gov-button.entry.js","sources":["../../../packages/core/src/utils/bool.utils.ts","../../../packages/core/src/components/gov-button/button/gov-button.tsx"],"sourcesContent":["export function toBool(value: any): boolean {\r\n\tif (typeof value === 'string') {\r\n\t\treturn ['true', 'True', 'TRUE', '1'].indexOf(value) !== -1\r\n\t} else if (typeof value === 'number') {\r\n\t\treturn value > 0\r\n\t} else if (typeof value === 'boolean') {\r\n\t\treturn value\r\n\t} else {\r\n\t\treturn value ? true : false\r\n\t}\r\n}\r\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\r\nimport {validateProp} from \"../../../helpers/Validate/props\"\r\nimport {\r\n\tButtonClass,\r\n\tButtonColors,\r\n\tButtonColorType,\r\n\tButtonSizesType,\r\n\tButtonTargetType,\r\n\tButtonType,\r\n\tButtonTypesType,\r\n\tNativeType,\r\n\tNativeTypesType,\r\n} from \"./constants\"\r\nimport {govHost, toBoolAttrIfDefined} from \"../../../helpers/Dom/template\"\r\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\r\nimport {toBool} from \"../../../utils/bool.utils\"\r\nimport {Sizes} from \"../../../core/constants/sizes\"\r\nimport {validateAccessibleLabel} from \"../../../helpers/Validate/wcag\"\r\nimport {canValidateWcagOnRender} from \"../../../helpers/Dom/win\"\r\nimport {delay} from \"../../../utils/utils\"\r\nimport {ButtonEvent} from \"./gov-button.types\"\r\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\r\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\r\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\r\n\r\nenum Tags {\r\n\tA = \"a\",\r\n\tBUTTON = \"button\",\r\n}\r\n\r\n@Component({\r\n\ttag: \"gov-button\",\r\n})\r\nexport class GovButton {\r\n\tprivate h: GovHost\r\n\tprivate triggerRef?: HTMLButtonElement \| HTMLLinkElement\r\n\tprivate attributeObserver: AttributeObserver\r\n\tprivate hydrated = false\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovButtonElement\r\n\r\n\t/*\r\n\t Style variation of the button\r\n\t /\r\n\t@Prop({reflect: true}) readonly color: ButtonColorType\r\n\t/\r\n\t Button’s size\r\n\t /\r\n\t@Prop({reflect: true}) readonly size?: ButtonSizesType = \"m\"\r\n\t/\r\n\t Button's type\r\n\t /\r\n\t@Prop({reflect: true}) readonly type: ButtonTypesType\r\n\t/\r\n\t Expands the button to fill 100% of the container width\r\n\t /\r\n\t@Prop({reflect: true}) readonly expanded: boolean = false\r\n\t/\r\n\t Expands the button to fill 100% of the container width only on mobile\r\n\t /\r\n\t@Prop({reflect: true, attribute: \"expanded-mobile\"}) readonly expandedMobile: boolean = false\r\n\t/\r\n\t The name of the button, which gets paired with the button's value when submitted as part of a form. Corresponds with the native HTML name attribute\r\n\t /\r\n\t@Prop() readonly name: string\r\n\t/\r\n\t Makes the button component disabled.\r\n\t * This prevents users from being able to interact with the button, and conveys its inactive state to assistive technologies\r\n\t /\r\n\t@Prop({reflect: true}) readonly disabled: boolean = false\r\n\t/\r\n\t Same as original parameter\r\n\t * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type\r\n\t /\r\n\t@Prop() readonly nativeType?: NativeTypesType = \"button\"\r\n\t/\r\n\t Same as original parameter\r\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href\r\n\t /\r\n\t@Prop() readonly href: string\r\n\t/\r\n\t Same as original parameter\r\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\r\n\t /\r\n\t@Prop() readonly target?: ButtonTargetType\r\n\t/\r\n\t Same as original parameter\r\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download\r\n\t /\r\n\t@Prop() readonly download: boolean\r\n\t/\r\n\t Same as original parameter\r\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download\r\n\t /\r\n\t@Prop() readonly tab: number = 0\r\n\t/\r\n\t Same as original parameter\r\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-hreflang\r\n\t /\r\n\t@Prop() readonly hreflang: string\r\n\t/\r\n\t Same as original parameter\r\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-referrerpolicy\r\n\t /\r\n\t@Prop() readonly referrerpolicy: string\r\n\t/\r\n\t Same as original parameter\r\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-rel\r\n\t /\r\n\t@Prop() readonly rel: string\r\n\t/\r\n\t Indicates whether an asynchronous process is running\r\n\t /\r\n\t@Prop() readonly loading: string\r\n\t/\r\n\t Same as original parameter\r\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/focusable\r\n\t /\r\n\t@Prop() readonly focusable: boolean = true\r\n\t/\r\n\t Custom button identifier\r\n\t /\r\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\r\n\t/\r\n\t Emitted when the button click\r\n\t /\r\n\t@Event({eventName: \"gov-click\"}) govClick: EventEmitter<ButtonEvent>\r\n\t/\r\n\t Emitted when the button has focus\r\n\t /\r\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<ButtonEvent>\r\n\t/\r\n\t Emitted when the button loses focus\r\n\t /\r\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<ButtonEvent>\r\n\r\n\t@Watch(\"color\")\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(ButtonColors, newValue, ButtonClass.root)\r\n\t}\r\n\r\n\t@Watch(\"type\")\r\n\tvalidateType(newValue: string): void {\r\n\t\tvalidateProp(ButtonType, newValue, ButtonClass.root)\r\n\t}\r\n\r\n\t@Watch(\"size\")\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(Sizes, newValue, ButtonClass.root)\r\n\t}\r\n\r\n\t@Watch(\"nativeType\")\r\n\tvalidateNativeType(newValue: string): void {\r\n\t\tvalidateProp(NativeType, newValue, ButtonClass.root)\r\n\t}\r\n\r\n\t@State() inheritedAttributes: Attributes = {}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\r\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\r\n\t\t});\r\n\r\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\r\n\t}\r\n\r\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\r\n\t\tthis.host.removeAttribute(attributeName)\r\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\tthis.attributeObserver?.stopObserving();\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateColor(this.color)\r\n\t\tthis.validateType(this.type)\r\n\t\tthis.validateSize(this.size)\r\n\t\tthis.validateNativeType(this.nativeType)\r\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\r\n\t}\r\n\r\n\tasync componentDidRender() {\r\n\t\tif (canValidateWcagOnRender()) {\r\n\t\t\tawait delay(500)\r\n\t\t\tawait this.validateAccessibility()\r\n\t\t}\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.hydrated = true\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst Tag = this.href ? Tags.A : Tags.BUTTON\r\n\t\tconst nativeType = Tag === Tags.A ? undefined : this.nativeType\r\n\r\n\t\treturn (\r\n\t\t\t<Host size={this.size}\r\n\t\t\t\t hydrated={this.hydrated}\r\n\t\t\t\t color={this.color}\r\n\t\t\t\t class={this.h.classes(ButtonClass.root)}\r\n\t\t\t\t type={this.type}>\r\n\t\t\t\t<Tag\r\n\t\t\t\t\tclass=\"element\"\r\n\t\t\t\t\tref={el => (this.triggerRef = el as HTMLButtonElement \| HTMLLinkElement)}\r\n\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\r\n\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\r\n\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\r\n\t\t\t\t\tdisabled={this.disabled}\r\n\t\t\t\t\tid={this.identifier}\r\n\t\t\t\t\thref={this.href}\r\n\t\t\t\t\ttarget={this.target}\r\n\t\t\t\t\tdownload={this.download}\r\n\t\t\t\t\threflang={this.hreflang}\r\n\t\t\t\t\trel={this.rel}\r\n\t\t\t\t\tname={this.name}\r\n\t\t\t\t\ttype={nativeType}\r\n\t\t\t\t\ttabindex={this.disabled ? \"-1\" : this.tab}\r\n\t\t\t\t\t{...this.inheritedAttributes}\r\n\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\r\n\t\t\t\t>\r\n\t\t\t\t\t{toBool(this.loading) && !this.h.hasSlot(\"icon-end\") &&\r\n\t\t\t\t\t\t<gov-icon name=\"loader\" class=\"gov-spin-animation\" type=\"components\"></gov-icon>}\r\n\t\t\t\t\t{this.h.hasSlot(\"icon-start\") && <slot name=\"icon-start\"></slot>}\r\n\t\t\t\t\t<slot/>\r\n\t\t\t\t\t{this.h.hasSlot(\"icon-end\") && <slot name=\"icon-end\"></slot>}\r\n\t\t\t\t\t{toBool(this.loading) && this.h.hasSlot(\"icon-end\") &&\r\n\t\t\t\t\t\t<gov-icon name=\"loader\" class=\"gov-spin-animation\" type=\"components\"></gov-icon>}\r\n\t\t\t\t</Tag>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tprivate onClickHandler(e: PointerEvent): void {\r\n\t\te.stopPropagation()\r\n\t\tif (this.disabled === false) {\r\n\t\t\tthis.govClick.emit({\r\n\t\t\t\tcomponent: ButtonClass.root,\r\n\t\t\t\toriginalEvent: e,\r\n\t\t\t\tref: this.host,\r\n\t\t\t})\r\n\t\t}\r\n\t}\r\n\r\n\tprivate onFocusHandler(e: FocusEvent) {\r\n\t\te.stopPropagation()\r\n\t\tthis.govFocus.emit({\r\n\t\t\tcomponent: ButtonClass.root,\r\n\t\t\toriginalEvent: e,\r\n\t\t\tref: this.host,\r\n\t\t})\r\n\t}\r\n\r\n\tprivate onBlurHandler(e: FocusEvent) {\r\n\t\te.stopPropagation()\r\n\t\tthis.govBlur.emit({\r\n\t\t\tcomponent: ButtonClass.root,\r\n\t\t\toriginalEvent: e,\r\n\t\t\tref: this.host,\r\n\t\t})\r\n\t}\r\n\r\n\t/\r\n\t Focus button element\r\n\t /\r\n\t@Method()\r\n\tasync setFocus(): Promise<void> {\r\n\t\tthis.triggerRef.focus()\r\n\t}\r\n\r\n\t/\r\n\t Returns a clickable element instance\r\n\t /\r\n\t@Method()\r\n\tasync getRef() {\r\n\t\treturn this.triggerRef\r\n\t}\r\n\r\n\t/\r\n\t Validate the Accessibility attributes of the component\r\n\t */\r\n\t@Method()\r\n\tasync validateAccessibility(): Promise<void> {\r\n\t\tif (this.focusable) {\r\n\t\t\tvalidateAccessibleLabel(this.triggerRef.getAttribute('aria-label'), this.triggerRef.getAttribute('aria-labelledby'), ButtonClass.root, this.host)\r\n\t\t}\r\n\t}\r\n}\r\n"],"names":[],"mappings":"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"}

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-DT2tslUp.js';
-import { g as govHost, b as booleanString } from './template-BBOh2pxy.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ClISz4NF.js';
+import { g as govHost, b as booleanString } from './template-CoD1xawt.js';
 import { c as createID } from './string.utils-vN03FcXN.js';
 import { v as validateAccessibleLabel } from './wcag-CD6_13JO.js';
 import { c as canValidateWcagOnRender } from './gov.log-BtqD9K8d.js';
@@ -63,7 +63,7 @@ const GovCard = class {
     }
     render() {
         const Tag = this.href ? Tags.A : Tags.DIV;
-        return (h(Host, { key: 'f82c40e7efa575ba9d64bd8caa0209403ffc20fb', class: this.h.classes(CardClass.root), open: this.open, collapsible: booleanString(this.collapsible), clickable: this.clickable, direction: this.direction, hydrated: this.hydrated }, this.collapsible ? (h("button", { id: this.headlineId, class: CardClass.header, "aria-label": this.accessibleTriggerLabel, "aria-labelledby": this.accessibleTriggerLabelledBy, "aria-expanded": booleanString(this.open), "aria-controls": this.contentId, onClick: this.onClickHandler.bind(this) }, h("slot", { name: "headline" }), h("gov-icon", { class: CardClass.arrow, name: "chevron-down", type: "components" }))) : this.h.hasSlot("headline") ? (h("div", { class: CardClass.header }, h("slot", { name: "headline" }))) : null, h(Tag, { key: '2df6c292a0cfc9804826bb607dc27936f7ab00f8', href: this.href, target: this.target, id: this.contentId, "aria-hidden": this.collapsible ? booleanString(!this.open) : undefined, hidden: this.collapsible ? !this.open : undefined, "aria-labelledby": this.collapsible ? this.headlineId : undefined, class: CardClass.inner }, this.h.hasSlot('img') && (h("div", { key: '0c237bd7dd87b4f3a5842615e47666cbe2118d02', class: CardClass.img }, h("slot", { key: 'b4e7582ca06d9dec6b6b55b51d50cb14671268cd', name: "img" }))), this.h.hasSlot('icon') && (h("div", { key: 'eb0c31816aea23cfcc25335a8b2493f21da0cd3b', class: CardClass.icon }, h("slot", { key: '2dead413f83bd5ca42d277b8696d44e566b83f26', name: "icon" }))), h("div", { key: '52461c6aaf6344c2d4486fbf381bd49a570a1b02', class: CardClass.content }, h("slot", { key: '7e629cf403a3de59bd9740ffbd11686de793074b' })), this.h.hasSlot('footer') && (h("div", { key: '61dac1a4fc6e08c7bc8a3783987f001e8abb1c51', class: CardClass.footer }, h("slot", { key: 'cacb424a31b54a7eb463ec993c606aa85e0af2a0', name: "footer" }))))));
+        return (h(Host, { key: 'cdfd3d0c4298a3bf933073c558dad83f3765b6c2', class: this.h.classes(CardClass.root), open: this.open, collapsible: booleanString(this.collapsible), clickable: this.clickable, direction: this.direction, hydrated: this.hydrated }, this.collapsible ? (h("button", { id: this.headlineId, class: CardClass.header, "aria-label": this.accessibleTriggerLabel, "aria-labelledby": this.accessibleTriggerLabelledBy, "aria-expanded": booleanString(this.open), "aria-controls": this.contentId, onClick: this.onClickHandler.bind(this) }, h("slot", { name: "headline" }), h("gov-icon", { class: CardClass.arrow, name: "chevron-down", type: "components" }))) : this.h.hasSlot("headline") ? (h("div", { class: CardClass.header }, h("slot", { name: "headline" }))) : null, h(Tag, { key: '6bb81b9dd553397f508a8042316fd09579154461', href: this.href, target: this.target, id: this.contentId, "aria-hidden": this.collapsible ? booleanString(!this.open) : undefined, hidden: this.collapsible ? !this.open : undefined, "aria-labelledby": this.collapsible ? this.headlineId : undefined, class: CardClass.inner }, this.h.hasSlot('img') && (h("div", { key: '740547f9bc6e9be839cbf8edc44faddb6aaa5246', class: CardClass.img }, h("slot", { key: 'abb25299c0f9b0b4ac1a4826648dd7a774894514', name: "img" }))), this.h.hasSlot('icon') && (h("div", { key: 'c768f9fd3f3ac79f907dd26601c109265d6d903d', class: CardClass.icon }, h("slot", { key: '8cf8ffde300503c874e32644d6c4111e6b608e36', name: "icon" }))), h("div", { key: '1e3218226ffc179f0afb0da94c48a939b248c311', class: CardClass.content }, h("slot", { key: '2a0ac8f1ecd6a83537bfb2da85d06c9d9b3f2706' })), this.h.hasSlot('footer') && (h("div", { key: '04b7f39f60eab3db295b82072d1b06648d687b0b', class: CardClass.footer }, h("slot", { key: '4ec8ee6bf3b4ec9a02b30d5d2dc6b2fab6bb5065', name: "footer" }))))));
     }
     onClickHandler(e) {
         e.stopPropagation();