@gov-design-system-ce/components 4.1.1 → 4.1.3-BETA-1

package/dist/cjs/gov-form-radio.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7ff4447c.js');
+const index = require('./index-67e87c27.js');
 const string_utils = require('./string.utils-b84c81cf.js');
 const props = require('./props-d189860c.js');
 const form = require('./form-4e66039a.js');

package/dist/cjs/gov-form-search.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7ff4447c.js');
+const index = require('./index-67e87c27.js');
 const colors = require('./colors-f7c8eadd.js');
 const utils = require('./utils-d263c5c6.js');
 const sizes = require('./sizes-89f8d3b2.js');
@@ -20,7 +20,7 @@ const GovFormSearch = class {
         this.color = 'neutral';
     }
     render() {
-        return (index.h(index.Host, { key: '9d628d34bd6f19132ea398437faf9023a322bdcf', class: FormSearchClass.root, color: this.color, size: this.size }, index.h("slot", { key: 'aa70625f5e6b754a18b36ad87634fe5be1a34fb7', name: "input" }), index.h("slot", { key: 'd098e011406c85877131ee57c04bc9a3f05ded18', name: "button-erase" }), index.h("slot", { key: '6a5226ae29cf22f4ec33ecf5604db44d8154d2fa', name: "button" })));
+        return (index.h(index.Host, { key: '05f033c30dffd615b36b181535329704d46665ae', class: FormSearchClass.root, color: this.color, size: this.size }, index.h("slot", { key: '7c7fb4e2d90ace38aef4b63454e1f9513903977c', name: "input" }), index.h("slot", { key: '92484cbbbae29ba45bb963f80da8237d9406a91b', name: "button-erase" }), index.h("slot", { key: '92ebb818ee922d790534ffb7816be400ff4a1f98', name: "button" })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/gov-form-select.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7ff4447c.js');
+const index = require('./index-67e87c27.js');
 const form = require('./form-4e66039a.js');
 const template = require('./template-39939fd6.js');
 const props = require('./props-d189860c.js');
@@ -96,10 +96,10 @@ const GovFormSelect = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'b403868aaf854a9dc40f68cf093a8867cd20c4c4', class: form.FormSelectClass.root, size: this.size }, this.h.hasSlot('prefix') && index.h("slot", { key: 'de3d0cb80bd3b33a9b23b60f91739f0e23fdab4a', name: "prefix" }), index.h("span", { key: 'c501806b949bc6e1314922fce0ce088180fdebba', class: "element" }, index.h("select", Object.assign({ key: '7c1a04a65e69edda672d70b101b430d3c6105543', id: this.identifier || this.selectId, onFocus: this.onFocusHandler.bind(this), onChange: this.onChangeHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, name: this.name, disabled: this.disabled, ref: el => (this.selectRef = el) }, this.inheritedAttributes, { "aria-disabled": template.toBoolAttrIfDefined(this.disabled), "aria-required": template.toBoolAttrIfDefined(this.required), "aria-invalid": template.toBoolAttrIfDefined(this.invalid) }), index.h("slot", { key: '0bd46e42f5e5267366088b9902a5ef8c6aa99064' }), Array.isArray(this.optionsState) && this.optionsState.map((option) => {
+        return (index.h(index.Host, { key: '1c2fb05a5cff0e1b1208130cc11568423f5a78a0', class: form.FormSelectClass.root, size: this.size }, this.h.hasSlot('prefix') && index.h("slot", { key: '3dadb5773f1a2abe0c54f6ee45bb3a404fc99a5b', name: "prefix" }), index.h("span", { key: '82bc3345147debd858c5f0eb4dd9c58faf168d5d', class: "element" }, index.h("select", Object.assign({ key: 'ee77d1768a549faa0e94025eb5b08390c49d2d32', id: this.identifier || this.selectId, onFocus: this.onFocusHandler.bind(this), onChange: this.onChangeHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, name: this.name, disabled: this.disabled, ref: el => (this.selectRef = el) }, this.inheritedAttributes, { "aria-disabled": template.toBoolAttrIfDefined(this.disabled), "aria-required": template.toBoolAttrIfDefined(this.required), "aria-invalid": template.toBoolAttrIfDefined(this.invalid) }), index.h("slot", { key: '2c6e5a91381a7a9819b92aa7844a8d512aed9577' }), Array.isArray(this.optionsState) && this.optionsState.map((option) => {
             var _a;
             return (index.h("option", { value: option.value, selected: option.value === this.value, disabled: option === null || option === void 0 ? void 0 : option.disabled }, (_a = option.label) !== null && _a !== void 0 ? _a : option.value));
-        })), this.success && index.h("gov-icon", { key: '8e919bd8dd122618b2b0233c7b14c8def277540f', class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && index.h("gov-icon", { key: '78610616be9cdf65e9bbc1359e27bc9003c8fc34', class: "validation-icon", name: "exclamation-lg", type: "components" }), index.h("gov-icon", { key: '56c1ca03e5b23154a93056bba8758553a5c93f30', class: "arrow-icon", name: "chevron-down", type: "components" })), this.h.hasSlot('sufix') && index.h("slot", { key: 'f3e3f1416d15a34402d446e6a72d0607cc8d90fc', name: "sufix" })));
+        })), this.success && index.h("gov-icon", { key: 'b08abba818740a7250956bf03962fb86eade55c2', class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && index.h("gov-icon", { key: '5b9c0a3e7f7b6b678880b2e17e43ae702fff023b', class: "validation-icon", name: "exclamation-lg", type: "components" }), index.h("gov-icon", { key: '8b9afa5ebf08b1dd680aac751f8a0559b83132fc', class: "arrow-icon", name: "chevron-down", type: "components" })), this.h.hasSlot('sufix') && index.h("slot", { key: '9178ca16301992f32c30f3609a388a2251d3bf85', name: "sufix" })));
     }
     onFocusHandler(e) {
         this.focused = true;

package/dist/cjs/gov-form-switch.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7ff4447c.js');
+const index = require('./index-67e87c27.js');
 const string_utils = require('./string.utils-b84c81cf.js');
 const props = require('./props-d189860c.js');
 const form = require('./form-4e66039a.js');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7ff4447c.js');
+const index = require('./index-67e87c27.js');
 const constants = require('./constants-52053f2d.js');
 const template = require('./template-39939fd6.js');
 
@@ -17,7 +17,7 @@ const GovGridItem = class {
         this.h = template.govHost(this.host);
     }
     render() {
-        return (index.h(index.Host, { key: 'd830b7cb16e1ad4a07b5b5348c05434eb31a1f9e', class: this.h.classes(constants.GridItemClass.root), role: "listitem", size: this.size, "size-sm": this.sizeSm, "size-md": this.sizeMd, "size-lg": this.sizeLg, "size-xl": this.sizeXl }, index.h("slot", { key: '235bd47e47d94457cdbbf1d4530cf2e0bcddc4a3' })));
+        return (index.h(index.Host, { key: 'e1dc6e3517618361ab3b5e3ad499a5bbbaae3d6a', class: this.h.classes(constants.GridItemClass.root), role: "listitem", size: this.size, "size-sm": this.sizeSm, "size-md": this.sizeMd, "size-lg": this.sizeLg, "size-xl": this.sizeXl }, index.h("slot", { key: '53780db95fa728f252302cb86923ad9e9fcd9b66' })));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7ff4447c.js');
+const index = require('./index-67e87c27.js');
 const constants = require('./constants-52053f2d.js');
 const template = require('./template-39939fd6.js');
 
@@ -15,7 +15,7 @@ const GovGrid = class {
     }
     // vertical / horizontal align
     render() {
-        return (index.h(index.Host, { key: '81e96a065c6472ae76e4768cf2b8373b94f0d0a4', class: this.h.classes(constants.GridClass.root), "align-x": this.alignX, "align-y": this.alignY, role: "list" }, index.h("slot", { key: 'c3965bafe6a5870352a7cded3fc96adfbeb41724' })));
+        return (index.h(index.Host, { key: 'd2f4e42a186e0d8020abc96ef3ca0956e1492d05', class: this.h.classes(constants.GridClass.root), "align-x": this.alignX, "align-y": this.alignY, role: "list" }, index.h("slot", { key: '46c60ccdda81ce271aeaca46bead1bf33e22c041' })));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7ff4447c.js');
+const index = require('./index-67e87c27.js');
 const template = require('./template-39939fd6.js');
 const Fragment = require('./Fragment-52846f79.js');
 const props = require('./props-d189860c.js');
@@ -61,8 +61,8 @@ const GovInfobar = class {
         this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
     }
     render() {
-        const closeButton = (index.h("gov-button", { key: '4569d98296984f33ff83947f92a95a0a3bf0d3e3', size: "s", "aria-label": this.accessibleCloseLabel, type: "base", color: this.isBold ? this.color : "neutral", "on-gov-click": this.onCloseHandler.bind(this), class: InfobarClass.close }, index.h("gov-icon", { key: 'aafcdbde7ca0e13d9e733036da6cc6085143966d', name: "x-lg", type: "components" })));
-        return (index.h(index.Host, { key: '9b558a0c786862d032ed6fb5d274fc0c3cdae617', class: this.h.classes(InfobarClass.root), color: this.color, type: this.type }, index.h("section", Object.assign({ key: '9bded4750afdfef6ace0e5a39be2d6283b30d725', class: InfobarClass.section }, this.inheritedAttributes, { role: this.role }), index.h("slot", { key: '011f9d52f9f971a560fd0220be40b5a221a5f4b3', name: "icon" }), index.h("div", { key: 'd613d4ab22f89da935fe60b866ea262802c5d18f', class: InfobarClass.content }, this.h.hasSlot('headline') ? (index.h(Fragment.Fragment, null, index.h("div", { class: InfobarClass.headline }, index.h("slot", { name: "headline" }), index.h("gov-button", { size: "s", type: "base", color: this.isBold ? this.color : "neutral", "aria-label": this.accessibleToggleLabel, "on-gov-click": () => (this.toggleContent = !this.toggleContent) }, index.h("gov-icon", { name: this.toggleContent ? 'chevron-up' : 'chevron-down', type: "components" }))), index.h("div", { hidden: !this.toggleContent, "aria-hidden": template.toBoolAttr(this.toggleContent) }, index.h("slot", null)))) : (index.h("slot", null))), this.closable && closeButton)));
+        const closeButton = (index.h("gov-button", { key: '2d0597a56f6edb97e7feff654ba98885fa48033a', size: "s", "aria-label": this.accessibleCloseLabel, type: "base", color: this.isBold ? this.color : "neutral", "on-gov-click": this.onCloseHandler.bind(this), class: InfobarClass.close }, index.h("gov-icon", { key: 'c17ba542b02a4910a136eec6cb4556d1857dffb2', name: "x-lg", type: "components" })));
+        return (index.h(index.Host, { key: 'd71d1b8ffe158de90f3fb520bd996a8246988d3d', class: this.h.classes(InfobarClass.root), color: this.color, type: this.type }, index.h("section", Object.assign({ key: '12cce82faa13fa39135fe92b0ab61bc2b01fa083', class: InfobarClass.section }, this.inheritedAttributes, { role: this.role }), index.h("slot", { key: 'bc48d4e5dfad03cd9c54054225a4c3db0ec09cd9', name: "icon" }), index.h("div", { key: '70422e59cb69504d1aca5d45b9f9700b35b344f0', class: InfobarClass.content }, this.h.hasSlot('headline') ? (index.h(Fragment.Fragment, null, index.h("div", { class: InfobarClass.headline }, index.h("slot", { name: "headline" }), index.h("gov-button", { size: "s", type: "base", color: this.isBold ? this.color : "neutral", "aria-label": this.accessibleToggleLabel, "on-gov-click": () => (this.toggleContent = !this.toggleContent) }, index.h("gov-icon", { name: this.toggleContent ? 'chevron-up' : 'chevron-down', type: "components" }))), index.h("div", { hidden: !this.toggleContent, "aria-hidden": template.toBoolAttr(this.toggleContent) }, index.h("slot", null)))) : (index.h("slot", null))), this.closable && closeButton)));
     }
     onCloseHandler(e) {
         this.govClose.emit({

package/dist/cjs/gov-layout-column.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7ff4447c.js');
+const index = require('./index-67e87c27.js');
 const constants = require('./constants-a33f6e99.js');
 const template = require('./template-39939fd6.js');
 
@@ -12,7 +12,7 @@ const GovLayoutColumn = class {
         this.h = template.govHost(this.host);
     }
     render() {
-        return (index.h(index.Host, { key: '8566cc892984b1ce728c679107e228d8320f3048', class: this.h.classes(constants.LayoutColumnClass.root) }, index.h("slot", { key: 'e3a085ef568fa75ef813b775344adbd6f4ef2773' })));
+        return (index.h(index.Host, { key: 'ebef4ca76b1308a566c862b5a49eecf1eb3fce99', class: this.h.classes(constants.LayoutColumnClass.root) }, index.h("slot", { key: 'aaeefeb1a56b294d91b1327fd52eb16486cfb918' })));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7ff4447c.js');
+const index = require('./index-67e87c27.js');
 const constants = require('./constants-a33f6e99.js');
 const template = require('./template-39939fd6.js');
 
@@ -21,7 +21,7 @@ const GovLayout = class {
         return originalClass + ' ' + originalClass + isType + isVariant + isInverse;
     }
     render() {
-        return (index.h(index.Host, { key: 'ba8fc53df2f13fcf8b87f25f073d0284b68b0a3a', type: this.type, class: this.h.classes(constants.LayoutClass.root) }, index.h("section", { key: 'f645a9b32495c4fc1c0c86a0078c78c4bc00a1e8', class: this.typeClass(constants.LayoutClass.section, this.type, this.variant, this.inverse) }, index.h("slot", { key: '5b0d1a3a137a8fe3bb90ae5dff2dbc179575af56' }))));
+        return (index.h(index.Host, { key: 'c35fc39e07229363bdf36be5856165e7e8eb7985', type: this.type, class: this.h.classes(constants.LayoutClass.root) }, index.h("section", { key: 'dc50cf9cba8bd4e879291fddfbd41955f2d10330', class: this.typeClass(constants.LayoutClass.section, this.type, this.variant, this.inverse) }, index.h("slot", { key: '017a329c119529d3893e187b6a8bbccfbbc76679' }))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7ff4447c.js');
+const index = require('./index-67e87c27.js');
 const string_utils = require('./string.utils-b84c81cf.js');
 
 const GovLifecycle = class {
@@ -38,7 +38,7 @@ const GovLifecycle = class {
         console.log('componentDidUpdate', this.uniqueId);
     }
     render() {
-        return (index.h(index.Host, { key: '7bd4b9b30b6fe4e1732232fa4e70d66756c2139d', identifier: this.uniqueId }, index.h("span", { key: '70d6b8d178133ee89b795c4018687c7afb2576f0' }, "lifecycle ", this.uniqueId)));
+        return (index.h(index.Host, { key: '506eabaae01ae888fa838c10572e55bbe6fb7015', identifier: this.uniqueId }, index.h("span", { key: '7604a29214fdffb1a470d83d7db37a583e5072ed' }, "lifecycle ", this.uniqueId)));
     }
 };
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7ff4447c.js');
+const index = require('./index-67e87c27.js');
 const utils = require('./utils-d263c5c6.js');
 const sizes = require('./sizes-89f8d3b2.js');
 const template = require('./template-39939fd6.js');
@@ -38,7 +38,7 @@ const GovLink = class {
         this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
     }
     render() {
-        return (index.h(index.Host, { key: '8723fc6fc0cf3faf4a0fb48b38ad2f0d0a21704b', class: this.h.classes(LinkClass.root), size: this.size, href: this.href, external: this.external }, index.h("a", Object.assign({ key: '1bfe7837dab38690789ec818f6134a50a93d1e4e', class: "element", href: this.href, target: this.target }, this.inheritedAttributes), index.h("slot", { key: '96d6ce9e164a8fa5b6d5c115d52988bdfff3eceb', name: "icon-start" }), index.h("slot", { key: 'bcc373fec9e7e159c6b31a2ad846dd929d189d1e' }), this.external ? index.h("gov-icon", { name: "box-arrow-up-right", type: "components" }) : index.h("slot", { name: "icon-end" }))));
+        return (index.h(index.Host, { key: '233af48c179501fe03ee2e5931806e1955913b59', class: this.h.classes(LinkClass.root), size: this.size, href: this.href, external: this.external }, index.h("a", Object.assign({ key: '679067805205d76500979620b1ef4405139bb339', class: "element", href: this.href, target: this.target }, this.inheritedAttributes), index.h("slot", { key: 'd24c4ab99451f317a453c8131bd0506606322553', name: "icon-start" }), index.h("slot", { key: '276923f48cdc13985115e8d4e8860a2fb0c692e2' }), this.external ? index.h("gov-icon", { name: "box-arrow-up-right", type: "components" }) : index.h("slot", { name: "icon-end" }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7ff4447c.js');
+const index = require('./index-67e87c27.js');
 const utils = require('./utils-d263c5c6.js');
 const sizes = require('./sizes-89f8d3b2.js');
 const template = require('./template-39939fd6.js');
@@ -29,7 +29,7 @@ const GovLoading = class {
         this.validateSize(this.size);
     }
     render() {
-        return (index.h(index.Host, { key: '3f7cec1f98aa0c68f42eb3049ae8d34270e17258', class: this.h.classes(LoadingClass.root), size: this.size }, index.h("div", { key: '9ad1ca86b0221f2668f47eb72c080e9ecd05ed68', class: LoadingClass.content }, index.h("gov-icon", { key: '5d75c634386c8226c553b787355b29b0581601c5', class: template.prepareClasses([LoadingClass.icon, "gov-spin-animation"]), name: "loader", type: "components" }), index.h("slot", { key: '99ff7f6f1c8bd8135959ea36bc484eab6c9a4b6b' })), index.h("gov-backdrop", { key: 'dcaa2ab6dbcca347d5934df52e0f4989701c0259', inverse: true })));
+        return (index.h(index.Host, { key: '4c33339523674f2f2415dfb326131858de9eecf9', class: this.h.classes(LoadingClass.root), size: this.size }, index.h("div", { key: '8c25628dd3072fd89665ccfedb9596383181b13d', class: LoadingClass.content }, index.h("gov-icon", { key: 'a9969874350b5316c61a94b12d41a0130eeded0f', class: template.prepareClasses([LoadingClass.icon, "gov-spin-animation"]), name: "loader", type: "components" }), index.h("slot", { key: '14c716ecc352a0d947a6e3d932d2ab9075dedb97' })), index.h("gov-backdrop", { key: '507610e5a61b34be2166fb4a30539a134dc1b262', inverse: true })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7ff4447c.js');
+const index = require('./index-67e87c27.js');
 const props = require('./props-d189860c.js');
 const colors = require('./colors-f7c8eadd.js');
 const utils = require('./utils-d263c5c6.js');
@@ -31,7 +31,7 @@ const GovMessage = class {
         props.validateProp(colors.Colors, newValue, MessageClass.root);
     }
     render() {
-        return (index.h(index.Host, { key: 'e9250a61d94bf14a9d32eef5a69a9347df89a1e2', class: this.h.classes(MessageClass.root), color: this.color, type: this.type, role: "status" }, this.h.hasSlot("icon") && (index.h("slot", { key: '00a69ab91656245790d88c02cbaa14d365f48140', name: "icon" })), index.h("div", { key: 'c95cb839c2f24f744aff2a9580c44c18102d1fc9', class: MessageClass.content }, index.h("slot", { key: '71d8d21cff90b5498940d99947d62fec1f400f1e' }))));
+        return (index.h(index.Host, { key: 'b9e06c8f94940edf9d2c60119c35ec32baa23fc9', class: this.h.classes(MessageClass.root), color: this.color, type: this.type, role: "status" }, this.h.hasSlot("icon") && (index.h("slot", { key: 'd478f414de8eaa276cc867ae5bb325c1090b08ac', name: "icon" })), index.h("div", { key: 'd5a113ca4061b445c583fb1b4f22fff594570b1e', class: MessageClass.content }, index.h("slot", { key: 'e9be2f4ff3603c5f77d46e042455174e6ccfb7be' }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7ff4447c.js');
+const index = require('./index-67e87c27.js');
 const Fragment = require('./Fragment-52846f79.js');
 const props = require('./props-d189860c.js');
 const sizes = require('./sizes-89f8d3b2.js');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7ff4447c.js');
+const index = require('./index-67e87c27.js');
 const props = require('./props-d189860c.js');
 const sizes = require('./sizes-89f8d3b2.js');
 const utils = require('./utils-d263c5c6.js');
@@ -40,7 +40,7 @@ const GovSpacer = class {
         this.validateBreakpoint(this.breakpoint);
     }
     render() {
-        return index.h(index.Host, { key: '49415f0b2a4bfb25ececcd115bd1e8bfad250938', class: this.h.classes(SpacerClass.root), size: this.size, breakpoint: this.breakpoint });
+        return index.h(index.Host, { key: '23aedb7f3b112a356319aba076eedf9a4743e25b', class: this.h.classes(SpacerClass.root), size: this.size, breakpoint: this.breakpoint });
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7ff4447c.js');
+const index = require('./index-67e87c27.js');
 const props = require('./props-d189860c.js');
 const constants = require('./constants-4dfa23e3.js');
 const string_utils = require('./string.utils-b84c81cf.js');
@@ -36,7 +36,7 @@ const GovStepperItem = class {
     render() {
         const triggerId = this.identifier || this.triggerId;
         const contentId = this.contentId;
-        return (index.h(index.Host, { key: 'f722a022748d8fcb4ca0a27108a7e2e2980a1602', id: triggerId, class: this.h.classes(constants.StepperItemClass.root), color: this.color, role: "listitem", hydrated: this.hydrated }, this.h.hasSlot('prefix') && (index.h("span", { key: 'eed745cace26ca1d31c6441dd7be76d3dfa6bd4c', class: constants.StepperItemClass.prefix }, index.h("slot", { key: 'd5cab6411231cd082468bcc5c244ee75e0dba147', name: "prefix" }))), index.h("div", { key: 'c13c92aa7890f8406eb5870caa93d186801c0a75' }, index.h("span", { key: 'ad456eb4699a3d32dfa2d5d477bd346cb1814473', class: constants.StepperItemClass.headline }, index.h("slot", { key: '0dfdb036dcc108943be0795269e7e0b5f8ac0a29', name: "headline" })), index.h("slot", { key: '24220b19c2f3c6af35407da423bb1900dc363db8', name: "annotation" }), this.h.hasSlot('content') && (index.h("div", { key: '2bdd3feeaeafdcf73534bfadb5ff29d90eb9e037', class: constants.StepperItemClass.content, id: contentId, "aria-labelledby": triggerId, role: "tabpanel" }, index.h("slot", { key: 'f2f70633c3c2adcc7bd407a23863e0a6fba5ec89', name: "content" }))))));
+        return (index.h(index.Host, { key: 'c24400b8ee5917005e6e3a21f47024c7ebad2960', id: triggerId, class: this.h.classes(constants.StepperItemClass.root), color: this.color, role: "listitem", hydrated: this.hydrated }, this.h.hasSlot('prefix') && (index.h("span", { key: '010401daa60b44eed322de007fdd6e4ca035ff8d', class: constants.StepperItemClass.prefix }, index.h("slot", { key: '27287e54365c7e72e01dd21f8d07f7144dc03f3c', name: "prefix" }))), index.h("div", { key: 'b50e23ee80b270bb5bb781c46e2cf2de73cad1bb' }, index.h("span", { key: '84500822ca2e529bff5e5cf4eb7ac7c9f0fc9d97', class: constants.StepperItemClass.headline }, index.h("slot", { key: '18410e07be87715a96540789a82403bfab45e55c', name: "headline" })), index.h("slot", { key: 'dd2c20b9f07d2bcbf4223eca8de0d7592d178e86', name: "annotation" }), this.h.hasSlot('content') && (index.h("div", { key: 'cd34d17b5a14816dd91ee84f91a14217952bcfe5', class: constants.StepperItemClass.content, id: contentId, "aria-labelledby": triggerId, role: "tabpanel" }, index.h("slot", { key: 'c90f411f8d63c6381f55a0e6ac819369a9bfd2e5', name: "content" }))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7ff4447c.js');
+const index = require('./index-67e87c27.js');
 const props = require('./props-d189860c.js');
 const constants = require('./constants-4dfa23e3.js');
 const template = require('./template-39939fd6.js');
@@ -38,7 +38,7 @@ const GovStepper = class {
         this.hydrated = true;
     }
     render() {
-        return (index.h(index.Host, { key: '208bca5b06fce13b8f87f0cc4497860c01d2d56b', class: this.h.classes(constants.StepperClass.root), role: "list", size: this.size, hydrated: this.hydrated }, index.h("slot", { key: 'a0ec9b8b5e03062e4b9547cb9fbfc73fddaa0519' })));
+        return (index.h(index.Host, { key: '0815470dbe86e888ab922139e6f02347f89f4700', class: this.h.classes(constants.StepperClass.root), role: "list", size: this.size, hydrated: this.hydrated }, index.h("slot", { key: '2585c79a48236a8c2d333a437beb4d7f1d9d9d6c' })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7ff4447c.js');
+const index = require('./index-67e87c27.js');
 const string_utils = require('./string.utils-b84c81cf.js');
 const template = require('./template-39939fd6.js');
 const constants = require('./constants-49f0efa6.js');
@@ -32,7 +32,7 @@ const GovTabsItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '7cf18cf8a10a4c03dd51922e31e18dac86aa217d', class: this.h.classes(constants.TabsItemClass.root), default: this.default }, index.h("div", { key: '3a707d9494c5055c3763f4cdf840522fae5e7a2a', class: constants.TabsItemClass.inner, role: "tabpanel", id: this.identifier || this.contentId, hidden: !this.isActive, "aria-labelledby": this.triggerIdentifier || this.triggerId, "aria-hidden": template.toBoolAttrIfDefined(!this.isActive) }, index.h("slot", { key: '289b661851fc6d68a5d6dd376a6e31b691e25aea' }))));
+        return (index.h(index.Host, { key: '89b01b0d025a89f89085dba24db6b8fadcd97e68', class: this.h.classes(constants.TabsItemClass.root), default: this.default }, index.h("div", { key: '8868371d0da63c1727c8b3a55b930a4d0ce30a3c', class: constants.TabsItemClass.inner, role: "tabpanel", id: this.identifier || this.contentId, hidden: !this.isActive, "aria-labelledby": this.triggerIdentifier || this.triggerId, "aria-hidden": template.toBoolAttrIfDefined(!this.isActive) }, index.h("slot", { key: '0d47bea8c416b1c57aac006f9eea9101ade9427d' }))));
     }
     /**
      * Returns a unique tab content identifier

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7ff4447c.js');
+const index = require('./index-67e87c27.js');
 const props = require('./props-d189860c.js');
 const constants = require('./constants-49f0efa6.js');
 const template = require('./template-39939fd6.js');
@@ -122,7 +122,7 @@ const GovTabs = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '75a6dc2d1bb8afb13e3d63b44bdd00e230a49fe6', class: this.h.classes(constants.TabsClass.root), size: this.size, color: this.color, type: this.type, direction: this.direction, onKeyDown: this.onKeydownHandler.bind(this) }, index.h("div", Object.assign({ key: '1fc7ff9eafaaab713727787a1bb0c7364ad3cf4e', class: constants.TabsClass.tabs, role: "tablist" }, this.inheritedAttributes), index.h("ul", { key: '82a67f585c9a394175bb64be57e669d886b3d4f6', class: constants.TabsClass.list }, this.controllers.map(control => (index.h("li", { class: constants.TabsClass.item }, this.type == "text" ? (index.h("button", { class: constants.TabsClass.btn, id: control.triggerIdentifier, role: "tab", onClick: () => this.onSelectHandler(control), disabled: control.disabled, "aria-disabled": template.toBoolAttr(control.disabled), "aria-selected": template.toBoolAttr(control.active), "aria-controls": control.contentIdentifier, tabindex: control.active && !control.disabled ? 0 : -1, ref: el => (this.triggerRefs[control.triggerIdentifier] = el) }, control.iconStart ? (index.h("gov-icon", { name: control.iconStart.name, type: control.iconStart.type })) : null, control.label, control.iconEnd ? (index.h("gov-icon", { name: control.iconEnd.name, type: control.iconEnd.type })) : null)) : (index.h("gov-chip", { role: "tab", tag: 'button', identifier: control.triggerIdentifier, "aria-selected": template.booleanString(control.active), "aria-controls": control.contentIdentifier, focusable: control.active, disabled: control.disabled, color: this.color, size: this.size === "xs" ? "xs" : (this.size === "s" ? "s" : "m"), type: control.active ? "solid" : "outlined", ref: el => (this.triggerRefs[control.triggerIdentifier] = el), "on-gov-click": () => this.onSelectHandler(control) }, control.iconStart ? (index.h("gov-icon", { name: control.iconStart.name, type: control.iconStart.type, slot: "icon-start" })) : null, control.label, control.iconEnd ? (index.h("gov-icon", { name: control.iconEnd.name, type: control.iconEnd.type, slot: "icon-end" })) : null))))))), index.h("slot", { key: '8af7e27c0410ba9a4c0f79a1c44275e5811e9463' })));
+        return (index.h(index.Host, { key: '4efcbedcc355a74456cc899bc48c7aaf8c604c12', class: this.h.classes(constants.TabsClass.root), size: this.size, color: this.color, type: this.type, direction: this.direction, onKeyDown: this.onKeydownHandler.bind(this) }, index.h("div", Object.assign({ key: 'a64d1a7cadd5950ebc687c3f3d741ea0a59a3684', class: constants.TabsClass.tabs, role: "tablist" }, this.inheritedAttributes), index.h("ul", { key: 'adab5148c97b041e11f3e7d11a4d87492df5320a', class: constants.TabsClass.list }, this.controllers.map(control => (index.h("li", { class: constants.TabsClass.item }, this.type == "text" ? (index.h("button", { class: constants.TabsClass.btn, id: control.triggerIdentifier, role: "tab", onClick: () => this.onSelectHandler(control), disabled: control.disabled, "aria-disabled": template.toBoolAttr(control.disabled), "aria-selected": template.toBoolAttr(control.active), "aria-controls": control.contentIdentifier, tabindex: control.active && !control.disabled ? 0 : -1, ref: el => (this.triggerRefs[control.triggerIdentifier] = el) }, control.iconStart ? (index.h("gov-icon", { name: control.iconStart.name, type: control.iconStart.type })) : null, control.label, control.iconEnd ? (index.h("gov-icon", { name: control.iconEnd.name, type: control.iconEnd.type })) : null)) : (index.h("gov-chip", { role: "tab", tag: 'button', identifier: control.triggerIdentifier, "aria-selected": template.booleanString(control.active), "aria-controls": control.contentIdentifier, focusable: control.active, disabled: control.disabled, color: this.color, size: this.size === "xs" ? "xs" : (this.size === "s" ? "s" : "m"), type: control.active ? "solid" : "outlined", ref: el => (this.triggerRefs[control.triggerIdentifier] = el), "on-gov-click": () => this.onSelectHandler(control) }, control.iconStart ? (index.h("gov-icon", { name: control.iconStart.name, type: control.iconStart.type, slot: "icon-start" })) : null, control.label, control.iconEnd ? (index.h("gov-icon", { name: control.iconEnd.name, type: control.iconEnd.type, slot: "icon-end" })) : null))))))), index.h("slot", { key: '2a3720ce9449d62ecd1d58bac806bf356d37375a' })));
     }
     getCurrentTab() {
         return this.controllers.find(control => control.active) || null;

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7ff4447c.js');
+const index = require('./index-67e87c27.js');
 const template = require('./template-39939fd6.js');
 const props = require('./props-d189860c.js');
 const constants = require('./constants-f464dc4c.js');
@@ -30,6 +30,7 @@ const GovTag = class {
         this.size = TagSizes._S;
         this.color = constants.ButtonColors.PRIMARY;
         this.type = undefined;
+        this.expanded = false;
         this.h = template.govHost(this.host);
     }
     validateColor(newValue) {
@@ -45,7 +46,7 @@ const GovTag = class {
     render() {
         const iconStart = helpers.prepareIconFormat(this.iconStart);
         const iconEnd = helpers.prepareIconFormat(this.iconEnd);
-        return (index.h(index.Host, { key: 'c883cf9721b32aa8c06609bf09272ef196456e18', class: this.h.classes(TagClass.root), color: this.color, size: this.size, type: this.type }, index.h("span", { key: '614f39f6f1004d6c3ee1d0f13990a4e52dee66bc', class: "element" }, index.h("slot", { key: 'f7d4dc9576768e917a363bc7cafa86567213ea82', name: "icon-start" }, iconStart && index.h("gov-icon", { key: '8d57b52a0314e8d76461872116b4ce04e546c180', type: iconStart.type, name: iconStart.name })), index.h("slot", { key: '4cd134377c3ea7843aa899b0a2962aa19f5d569e' }), index.h("slot", { key: '4dc1cccaced24ef26bb15e648788590a4b7d1838', name: "icon-end" }, iconEnd && index.h("gov-icon", { key: '7946e18900c98bdff4c610813b2422bf75b30049', type: iconEnd.type, name: iconEnd.name })))));
+        return (index.h(index.Host, { key: '8865709f2568a754160000138f413f352409e248', class: this.h.classes(TagClass.root), color: this.color, size: this.size, type: this.type }, index.h("span", { key: '4ae6dc1d60a207510de61c2391af9eb268dd3588', class: "element" }, index.h("slot", { key: 'f08057eb346b918d1be45ad7561a71bac54237aa', name: "icon-start" }, iconStart && index.h("gov-icon", { key: '37554fce04335c45bb724efeb5e7701513336b7b', type: iconStart.type, name: iconStart.name })), index.h("slot", { key: 'b66970bf42b9fd9217cb2e3a03c2f47c608b14a5' }), index.h("slot", { key: '85bf0010dac55b808bba5a442d977e8538f93d3a', name: "icon-end" }, iconEnd && index.h("gov-icon", { key: '70bf541bac6a69871618cb520c7008099aa6f341', type: iconEnd.type, name: iconEnd.name })))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1 +1 @@
-{"file":"gov-tag.entry.cjs.js","mappings":";;;;;;;;;;;;;;AAIO,MAAM,QAAQ,GAAGA,UAAI,CAACC,WAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;AAGxD,IAAY,OAGX;AAHD,WAAY,OAAO;IAClB,wBAAa,CAAA;IACb,4BAAiB,CAAA;AAClB,CAAC,EAHW,OAAO,KAAP,OAAO,QAGlB;AAGM,MAAM,QAAQ,GAAG;IACvB,IAAI,EAAE,SAAS;CACf;;MCJY,MAAM;IAGlB;;;;oBAiBqD,QAAQ,CAAC,EAAE;qBAIPC,sBAAY,CAAC,OAAO;;QApB5E,IAAI,CAAC,CAAC,GAAGC,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IA0BD,aAAa,CAAC,QAAgB;QAC7BC,kBAAY,CAACF,sBAAY,EAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAA;KACnD;IAGD,YAAY,CAAC,QAAgB;QAC5BE,kBAAY,CAACC,qBAAW,EAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAA;KAClD;IAED,iBAAiB;QAChB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QAC9B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC5B;IAED,MAAM;QACL,MAAM,SAAS,GAAGC,yBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QACnD,MAAM,OAAO,GAAGA,yBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAC/C,QACCC,QAACC,UAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,EACzC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,IAEfD,mEAAM,KAAK,EAAC,SAAS,IACpBA,mEAAM,IAAI,EAAC,YAAY,IACrB,SAAS,IAAIA,uEAAU,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,GAAa,CACzE,EACPA,oEAAO,EACPA,mEAAM,IAAI,EAAC,UAAU,IACnB,OAAO,IAAIA,uEAAU,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,GAAa,CACnE,CACD,CACD,EACP;KACD;;;;;;;;;;","names":["pick","Sizes","ButtonColors","govHost","validateProp","ButtonSizes","prepareIconFormat","h","Host"],"sources":["../../../packages/core/src/components/gov-tag/constants.ts","../../../packages/core/src/components/gov-tag/gov-tag.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const TagSizes = pick(Sizes, ['_XS', '_S', '_M'])\nexport type TagSizesType = `${ValueOf<typeof TagSizes>}`\n\nexport enum TagType {\n\tBOLD = 'bold',\n\tSUBTLE = 'subtle',\n}\nexport type TagTypesType = `${ValueOf<typeof TagType>}`\n\nexport const TagClass = {\n\troot: 'gov-tag',\n}\n","import {Component, Element, h, Host, Prop, Watch} from '@stencil/core'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {validateProp} from '../../helpers/Validate/props'\nimport {ButtonSizes, ButtonColors, ButtonColorType} from '../gov-button/button/constants'\nimport {TagClass, TagSizes, TagSizesType, TagTypesType} from './constants'\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\n\n@Component({\n\ttag: 'gov-tag',\n})\nexport class GovTag {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovTagElement\n\n\t/**\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t */\n\t@Prop({attribute: \"icon-start\"}) readonly iconStart?: string\n\t/**\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t */\n\t@Prop({attribute: \"icon-end\"}) readonly iconEnd?: string\n\t/**\n\t * Tag’s size.\n\t */\n\t@Prop({reflect: true}) readonly size: TagSizesType = TagSizes._S\n\t/**\n\t * Style variation of the tag.\n\t */\n\t@Prop({reflect: true}) readonly color: ButtonColorType = ButtonColors.PRIMARY\n\t/**\n\t * Tag’s type\n\t */\n\t@Prop({reflect: true}) readonly type: TagTypesType\n\n\t@Watch('color')\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(ButtonColors, newValue, TagClass.root)\n\t}\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(ButtonSizes, newValue, TagClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.validateSize(this.size)\n\t}\n\n\trender() {\n\t\tconst iconStart = prepareIconFormat(this.iconStart)\n\t\tconst iconEnd = prepareIconFormat(this.iconEnd)\n\t\treturn (\n\t\t\t<Host class={this.h.classes(TagClass.root)}\n\t\t\t\tcolor={this.color}\n\t\t\t\tsize={this.size}\n\t\t\t\ttype={this.type}\n\t\t\t>\n\t\t\t\t<span class=\"element\">\n\t\t\t\t\t<slot name=\"icon-start\">\n\t\t\t\t\t\t{iconStart && <gov-icon type={iconStart.type} name={iconStart.name}></gov-icon>}\n\t\t\t\t\t</slot>\n\t\t\t\t\t<slot/>\n\t\t\t\t\t<slot name=\"icon-end\">\n\t\t\t\t\t\t{iconEnd && <gov-icon type={iconEnd.type} name={iconEnd.name}></gov-icon>}\n\t\t\t\t\t</slot>\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"gov-tag.entry.cjs.js","mappings":";;;;;;;;;;;;;;AAIO,MAAM,QAAQ,GAAGA,UAAI,CAACC,WAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;AAGxD,IAAY,OAGX;AAHD,WAAY,OAAO;IAClB,wBAAa,CAAA;IACb,4BAAiB,CAAA;AAClB,CAAC,EAHW,OAAO,KAAP,OAAO,QAGlB;AAGM,MAAM,QAAQ,GAAG;IACvB,IAAI,EAAE,SAAS;CACf;;MCJY,MAAM;IAGlB;;;;oBAiBqD,QAAQ,CAAC,EAAE;qBAIPC,sBAAY,CAAC,OAAO;;wBAQzB,KAAK;QA5BxD,IAAI,CAAC,CAAC,GAAGC,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC3B;IA8BD,aAAa,CAAC,QAAgB;QAC7BC,kBAAY,CAACF,sBAAY,EAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAA;KACnD;IAGD,YAAY,CAAC,QAAgB;QAC5BE,kBAAY,CAACC,qBAAW,EAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAA;KAClD;IAED,iBAAiB;QAChB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QAC9B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC5B;IAED,MAAM;QACL,MAAM,SAAS,GAAGC,yBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QACnD,MAAM,OAAO,GAAGA,yBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAC/C,QACCC,QAACC,UAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,EACzC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,IAEfD,mEAAM,KAAK,EAAC,SAAS,IACpBA,mEAAM,IAAI,EAAC,YAAY,IACrB,SAAS,IAAIA,uEAAU,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,GAAa,CACzE,EACPA,oEAAO,EACPA,mEAAM,IAAI,EAAC,UAAU,IACnB,OAAO,IAAIA,uEAAU,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,GAAa,CACnE,CACD,CACD,EACP;KACD;;;;;;;;;;","names":["pick","Sizes","ButtonColors","govHost","validateProp","ButtonSizes","prepareIconFormat","h","Host"],"sources":["../../../packages/core/src/components/gov-tag/constants.ts","../../../packages/core/src/components/gov-tag/gov-tag.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const TagSizes = pick(Sizes, ['_XS', '_S', '_M'])\nexport type TagSizesType = `${ValueOf<typeof TagSizes>}`\n\nexport enum TagType {\n\tBOLD = 'bold',\n\tSUBTLE = 'subtle',\n}\nexport type TagTypesType = `${ValueOf<typeof TagType>}`\n\nexport const TagClass = {\n\troot: 'gov-tag',\n}\n","import {Component, Element, h, Host, Prop, Watch} from '@stencil/core'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {validateProp} from '../../helpers/Validate/props'\nimport {ButtonSizes, ButtonColors, ButtonColorType} from '../gov-button/button/constants'\nimport {TagClass, TagSizes, TagSizesType, TagTypesType} from './constants'\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\n\n@Component({\n\ttag: 'gov-tag',\n})\nexport class GovTag {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovTagElement\n\n\t/**\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t */\n\t@Prop({attribute: \"icon-start\"}) readonly iconStart?: string\n\t/**\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t */\n\t@Prop({attribute: \"icon-end\"}) readonly iconEnd?: string\n\t/**\n\t * Tag’s size.\n\t */\n\t@Prop({reflect: true}) readonly size: TagSizesType = TagSizes._S\n\t/**\n\t * Style variation of the tag.\n\t */\n\t@Prop({reflect: true}) readonly color: ButtonColorType = ButtonColors.PRIMARY\n\t/**\n\t * Tag’s type\n\t */\n\t@Prop({reflect: true}) readonly type: TagTypesType\n\t/**\n\t * Expands the tag to fill 100% of the container width\n\t */\n\t@Prop({reflect: true}) readonly expanded: boolean = false\n\n\t@Watch('color')\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(ButtonColors, newValue, TagClass.root)\n\t}\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(ButtonSizes, newValue, TagClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.validateSize(this.size)\n\t}\n\n\trender() {\n\t\tconst iconStart = prepareIconFormat(this.iconStart)\n\t\tconst iconEnd = prepareIconFormat(this.iconEnd)\n\t\treturn (\n\t\t\t<Host class={this.h.classes(TagClass.root)}\n\t\t\t\tcolor={this.color}\n\t\t\t\tsize={this.size}\n\t\t\t\ttype={this.type}\n\t\t\t>\n\t\t\t\t<span class=\"element\">\n\t\t\t\t\t<slot name=\"icon-start\">\n\t\t\t\t\t\t{iconStart && <gov-icon type={iconStart.type} name={iconStart.name}></gov-icon>}\n\t\t\t\t\t</slot>\n\t\t\t\t\t<slot/>\n\t\t\t\t\t<slot name=\"icon-end\">\n\t\t\t\t\t\t{iconEnd && <gov-icon type={iconEnd.type} name={iconEnd.name}></gov-icon>}\n\t\t\t\t\t</slot>\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7ff4447c.js');
+const index = require('./index-67e87c27.js');
 const utils = require('./utils-d263c5c6.js');
 const sizes = require('./sizes-89f8d3b2.js');
 const template = require('./template-39939fd6.js');
@@ -29,7 +29,7 @@ const GovTile = class {
         this.h = template.govHost(this.host);
     }
     render() {
-        return (index.h(index.Host, { key: '3fd4f5bb8f7cdcdb5a6bbed610ed4ab6ec2837f5', class: this.h.classes(TileClass.root), size: this.size, orientation: this.orientation, clickable: this.href ? true : null }, index.h("slot", { key: '97179af17c8f8b16de49ca36a7c548d20e53cbdf', name: "icon" }), index.h("div", { key: 'a60a8e60effd1337cc11c5afb347ab395673d724', class: TileClass.content }, index.h("div", { key: 'b27682c73305417442d9ebfd27e02cc80d10034c', class: TileClass.text }, index.h("div", { key: '0c891f670607dde529d5ef6b1c86a843b7600a30', class: TileClass.title }, this.href ? (index.h(index.Fragment, null, index.h("a", { href: this.href, target: this.target, class: TileClass.link, ref: el => (this.triggerRef = el) }, index.h("slot", { name: "title" })), index.h("span", { class: TileClass.icon }, index.h("gov-icon", { name: "chevron-right", type: "components" })))) : (index.h("slot", { name: "title" }))), index.h("div", { key: 'dcb5f3be57fa6ebaa507c12c9394f1b12837856e', class: `${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}` }, index.h("slot", { key: 'c3b7fe9ef111769219f1d915929112fe083927c8' }))), index.h("slot", { key: '98173ea276fedd176720b79e5a55b3b2d5272536', name: "button" }))));
+        return (index.h(index.Host, { key: 'c766f3d54f15e5a49a877fa2e67593d084f487f7', class: this.h.classes(TileClass.root), size: this.size, orientation: this.orientation, clickable: this.href ? true : null }, index.h("slot", { key: 'd07b106d781fead65a124c82d11ebe991fddfece', name: "icon" }), index.h("div", { key: 'eeee0397b4384a473f3782750d1e04f0c8c7894d', class: TileClass.content }, index.h("div", { key: 'f4081902e55b964b1ebbdd43f7b189f83dce8690', class: TileClass.text }, index.h("div", { key: '3bf8cf35db6f667de7c278786787e38b1392a5b2', class: TileClass.title }, this.href ? (index.h(index.Fragment, null, index.h("a", { href: this.href, target: this.target, class: TileClass.link, ref: el => (this.triggerRef = el) }, index.h("slot", { name: "title" })), index.h("span", { class: TileClass.icon }, index.h("gov-icon", { name: "chevron-right", type: "components" })))) : (index.h("slot", { name: "title" }))), index.h("div", { key: '088f60531285a1457277352a011766f809d9280d', class: `${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}` }, index.h("slot", { key: '8d4a612e3aff054a60ec1030eb5a28903595ea6a' }))), index.h("slot", { key: 'f7610d06a6d951b3a24f2e129342bb82c5e9d767', name: "button" }))));
     }
     /**
      * Returns a clickable element instance

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7ff4447c.js');
+const index = require('./index-67e87c27.js');
 const template = require('./template-39939fd6.js');
 
 const TilesClass = {
@@ -16,7 +16,7 @@ const GovTiles = class {
         this.h = template.govHost(this.host);
     }
     render() {
-        return (index.h(index.Host, { key: 'edb08ecaceb976d51978baf7ba3779d7e4e333cc', class: this.h.classes(TilesClass.root) }, index.h("slot", { key: 'a4aa065a8e108b9ceb692c264dec8c4fc559f80e' })));
+        return (index.h(index.Host, { key: '18eb380e2fe62b54a90c5c758c62c985107c98d4', class: this.h.classes(TilesClass.root) }, index.h("slot", { key: '9746ede80d0daa8776208afb5cef44b7adb0d7fc' })));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7ff4447c.js');
+const index = require('./index-67e87c27.js');
 const props = require('./props-d189860c.js');
 const colors = require('./colors-f7c8eadd.js');
 const utils = require('./utils-d263c5c6.js');
@@ -76,7 +76,7 @@ const GovToast = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '897da92a579e5854078657783d54c4fcca1f0311', class: this.h.classes(ToastClass.root), "data-toast-id": this.toastId, gravity: this.gravity, position: this.position, color: this.color, type: this.type, style: { "--toast-duration": this.time + "ms" } }, this.h.hasSlot("icon") && (index.h("span", { key: '50b2dde54f6e566f95c81bbd5dd6c27870338a70', class: ToastClass.icon }, index.h("slot", { key: 'f47d01268f3098f56b064fc41dc18bab64771073', name: "icon" }))), index.h("div", Object.assign({ key: '4e508603bd41bc5375ecf2d84e5a1df239fcc6c4', class: ToastClass.content }, this.inheritedAttributes, { "aria-live": "polite", role: "status" }), index.h("slot", { key: 'ff7e107c1486319621a1832bdcc0387f56dc56db' })), index.h("gov-button", { key: 'dfe2964f40d66df0335219b9bc66f5a316ecf8ca', size: "s", "aria-label": this.accessibleCloseLabel, color: this.isBold ? this.color : "neutral", type: "base", "on-gov-click": this.onCloseHandler.bind(this), class: ToastClass.close }, this.closeLabel ? this.closeLabel : index.h("gov-icon", { name: "x-lg", type: "components" })), index.h("div", { key: '5f0c872a74f8cac07431903519ecc191322d4397', class: ToastClass.timer })));
+        return (index.h(index.Host, { key: '632972ed59aac0d696428d6f32e6c99615ccf687', class: this.h.classes(ToastClass.root), "data-toast-id": this.toastId, gravity: this.gravity, position: this.position, color: this.color, type: this.type, style: { "--toast-duration": this.time + "ms" } }, this.h.hasSlot("icon") && (index.h("span", { key: 'da93a05f1976eeb4e356160fd0daea409b836a05', class: ToastClass.icon }, index.h("slot", { key: 'd374f5dea570b27643d960e65d0d5b2c710cb2b4', name: "icon" }))), index.h("div", Object.assign({ key: '1680aff627c809348ae7812ab72a34dbad33a368', class: ToastClass.content }, this.inheritedAttributes, { "aria-live": "polite", role: "status" }), index.h("slot", { key: '8208b697e9fbefd964a17c6bfdb06d3a5ff9d2f2' })), index.h("gov-button", { key: '9f05e19a672f66c2203a5556370e12e2ce7819f7', size: "s", "aria-label": this.accessibleCloseLabel, color: this.isBold ? this.color : "neutral", type: "base", "on-gov-click": this.onCloseHandler.bind(this), class: ToastClass.close }, this.closeLabel ? this.closeLabel : index.h("gov-icon", { name: "x-lg", type: "components" })), index.h("div", { key: 'a954d22ce3a0e06e2d17aa14903dae7264d9e03c', class: ToastClass.timer })));
     }
     onCloseHandler() {
         this.govClose.emit(this.toastId);

package/dist/cjs/gov-tooltip-content.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7ff4447c.js');
+const index = require('./index-67e87c27.js');
 const constants = require('./constants-c0886404.js');
 const template = require('./template-39939fd6.js');
 require('./colors-f7c8eadd.js');
@@ -38,7 +38,7 @@ const GovTooltipContent = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '9775080ab420c435e879ee1516f16bd7fb35f18d', class: constants.TooltipContentClass.root, role: "tooltip", hidden: !this.isVisible, "aria-hidden": !template.toBoolAttr(this.isVisible), "is-visible": this.isVisible }, index.h("slot", { key: 'b5a4adc4ff5ce735d2c1d3688a031e08cb8a97a1' }), this.persist ? (index.h("gov-button", { "on-gov-click": this.hideContent.bind(this), color: this.color, size: this.size, type: "base" }, index.h("gov-icon", { slot: "icon-start", name: "x-lg", type: "components" }))) : null));
+        return (index.h(index.Host, { key: '965998f4788ddd5dffd01b53073a001023cd9037', class: constants.TooltipContentClass.root, role: "tooltip", hidden: !this.isVisible, "aria-hidden": !template.toBoolAttr(this.isVisible), "is-visible": this.isVisible }, index.h("slot", { key: 'fe9d1ee13a11077947492341836f8f25c1f8881f' }), this.persist ? (index.h("gov-button", { "on-gov-click": this.hideContent.bind(this), color: this.color, size: this.size, type: "base" }, index.h("gov-icon", { slot: "icon-start", name: "x-lg", type: "components" }))) : null));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7ff4447c.js');
+const index = require('./index-67e87c27.js');
 const props = require('./props-d189860c.js');
 const constants = require('./constants-c0886404.js');
 const string_utils = require('./string.utils-b84c81cf.js');
@@ -205,11 +205,11 @@ const GovTooltip = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: 'bc4cfa206b2e4060ca6070f0d4796df1a5df1bfc', id: this.tooltipId, class: this.h.classes(constants.TooltipClass.root), position: this.position }, index.h("span", { key: '8ce3bf37e9ab13190c476db7cf47b7d0319719fe', role: 'button', tabindex: 0, onKeyPress: () => this.showTooltip(), onBlur: () => {
+        return (index.h(index.Host, { key: '2e96da1a9d7afd70abb4ffd2e979210cc179680e', id: this.tooltipId, class: this.h.classes(constants.TooltipClass.root), position: this.position }, index.h("span", { key: '9c9c06d716556faa56f5ba9a952ea867c5533b2b', role: 'button', tabindex: 0, onKeyPress: () => this.showTooltip(), onBlur: () => {
                 if (this.persist === false) {
                     this.hideTooltip();
                 }
-            }, "aria-describedby": (_a = this.identifier) !== null && _a !== void 0 ? _a : this.tooltipContentId }, index.h("slot", { key: 'c622fcd797a2c0dd303395d2d6391fbc747e4d18' }))));
+            }, "aria-describedby": (_a = this.identifier) !== null && _a !== void 0 ? _a : this.tooltipContentId }, index.h("slot", { key: '29549049c0bfbe311980aa6a630ff9eff8e35f40' }))));
     }
     /**
      * Showing the modal

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7ff4447c.js');
+const index = require('./index-67e87c27.js');
 const props = require('./props-d189860c.js');
 const constants = require('./constants-82929d01.js');
 const string_utils = require('./string.utils-b84c81cf.js');
@@ -47,8 +47,8 @@ const GovWizardItem = class {
     render() {
         const triggerId = this.identifier || this.triggerId;
         const Tag = this.collapsible ? Tags.BUTTON : Tags.DIV;
-        const prefixSlot = this.h.hasSlot("prefix") && (index.h("span", { key: '5b4e2b9c66285827959d4df9801cef2b8de29764', class: constants.WizardItemClass.prefix }, index.h("slot", { key: '6ffa576fe3be8febb899186208d8aa7ae1fecd96', name: "prefix" })));
-        return (index.h(index.Host, { key: '60fd0ec72cb212f73dddeec698c2003117b1fc02', class: this.h.classes(constants.WizardItemClass.root), "is-expanded": this.isExpanded, color: this.color, size: this.size, role: "listitem", collapsible: this.collapsible, hydrated: this.hydrated }, index.h("div", { key: '02e7e16d0d559a3fd3f88a85b23d6263dfb3eeb8', class: constants.WizardItemClass.header }, prefixSlot, this.collapsible ? (index.h(Tag, { id: triggerId, class: this.h.classes(constants.WizardItemClass.label), "aria-expanded": template.booleanString(this.isExpanded), "aria-controls": this.contentId, disabled: this.disabled, "aria-disabled": template.toBoolAttrIfDefined(this.disabled), onClick: (e) => {
+        const prefixSlot = this.h.hasSlot("prefix") && (index.h("span", { key: 'abdd15cfa834f393b29335ea2bda28cd1dfeef46', class: constants.WizardItemClass.prefix }, index.h("slot", { key: '123c495809091879ab3d985b9bcb4a22005e4b75', name: "prefix" })));
+        return (index.h(index.Host, { key: '463384ea408a20992bf6f30f142fce7146fabf53', class: this.h.classes(constants.WizardItemClass.root), "is-expanded": this.isExpanded, color: this.color, size: this.size, role: "listitem", collapsible: this.collapsible, hydrated: this.hydrated }, index.h("div", { key: '0b60621607cd8c48fe05fd1755f9f7b8514d425d', class: constants.WizardItemClass.header }, prefixSlot, this.collapsible ? (index.h(Tag, { id: triggerId, class: this.h.classes(constants.WizardItemClass.label), "aria-expanded": template.booleanString(this.isExpanded), "aria-controls": this.contentId, disabled: this.disabled, "aria-disabled": template.toBoolAttrIfDefined(this.disabled), onClick: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
                 this.toggle();

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7ff4447c.js');
+const index = require('./index-67e87c27.js');
 const props = require('./props-d189860c.js');
 const constants = require('./constants-82929d01.js');
 const template = require('./template-39939fd6.js');
@@ -51,7 +51,7 @@ const GovWizard = class {
         this.hydrated = true;
     }
     render() {
-        return (index.h(index.Host, { key: '3aa896212e044cc3952da66a72b1ca7a708ea0b3', class: this.h.classes(constants.WizardClass.root), role: "list", size: this.size, hydrated: this.hydrated }, index.h("slot", { key: 'aeb21d97bb87dd3c9b5cd01abe2482c39e2ba8cf' })));
+        return (index.h(index.Host, { key: 'd75ce2d5499cef41ac6b316f313b0c5c446d0b55', class: this.h.classes(constants.WizardClass.root), role: "list", size: this.size, hydrated: this.hydrated }, index.h("slot", { key: 'ea151639d058fa4e50427a893fa167969a453d39' })));
     }
     /**
      * Validate the WCAG attributes of the component