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

package/dist/esm/gov-link.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"gov-link.entry.js","sources":["../../../packages/core/src/components/gov-link/constants.ts","../../../packages/core/src/components/gov-link/gov-link.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const LinkSizes = pick(Sizes, ['_S', '_M', '_L'])\nexport type LinkSizesType = `${ValueOf<typeof LinkSizes>}`\n\nexport const LinkClass = {\n\troot: 'gov-link',\n\texternal: 'gov-link--external',\n}\n","import {Component, Element, Host, h, Prop, Watch, State} from '@stencil/core'\nimport {LinkClass, LinkSizes, LinkSizesType} from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport {validateProp} from \"../../helpers/Validate/props\";\nimport {Attributes} from \"../../helpers/Dom/attribute\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: 'gov-link',\n})\nexport class GovLink {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovLinkElement\n\t/**\n\t * Element size.\n\t */\n\t@Prop() readonly size?: LinkSizesType = 'm'\n\t/**\n\t * Element size.\n\t */\n\t@Prop() readonly external?: boolean = false\n\t/**\n\t * Cutting text to one line\n\t */\n\t@Prop() readonly truncate?: boolean = false\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: string\n\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(LinkSizes, newValue, LinkClass.root)\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host)\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\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(LinkClass.root)}\n\t\t\t\t  size={this.size}\n\t\t\t\t  href={this.href}\n\t\t\t\t  external={this.external}\n\t\t\t\t  truncate={this.truncate}>\n\t\t\t\t<a class=\"element\"\n\t\t\t\t   href={this.href}\n\t\t\t\t   target={this.external ? '_blank' : this.target}\n\t\t\t\t   rel={this.external ? \"noreferrer\" : null}\n\t\t\t\t   {...this.inheritedAttributes}>\n\t\t\t\t\t<slot name=\"icon-start\"/>\n\t\t\t\t\t<span><slot/></span>\n\t\t\t\t\t<slot name=\"icon-end\"/>\n\t\t\t\t\t{this.external && <gov-icon name=\"box-arrow-up-right\" type=\"components\" size={this.size} class={LinkClass.external}></gov-icon>}\n\t\t\t\t</a>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"names":[],"mappings":";;;;;;;;;AAIO,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAGjD,MAAM,SAAS,GAAG;AACxB,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,QAAQ,EAAE,oBAAoB;CAC9B;;MCCY,OAAO,GAAA,MAAA;AAGnB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAKA;;AAEG;AACc,QAAA,IAAI,CAAA,IAAA,GAAmB,GAAG;AAC3C;;AAEG;AACc,QAAA,IAAQ,CAAA,QAAA,GAAa,KAAK;AAC3C;;AAEG;AACc,QAAA,IAAQ,CAAA,QAAA,GAAa,KAAK;AAkBlC,QAAA,IAAmB,CAAA,mBAAA,GAAe,EAAE;QAjC5C,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AA4BD,IAAA,YAAY,CAAC,QAAgB,EAAA;QAC5B,YAAY,CAAC,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC;;IAKlD,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;QAC5B,IAAI,CAAC,mBAAmB,GAAG,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC;;IAG5D,qBAAqB,CAAC,aAAqB,EAAE,QAAgB,EAAA;AAC5D,QAAA,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC;QACxC,IAAI,CAAC,mBAAmB,GAAO,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,IAAI,CAAC,mBAAmB,CAAE,EAAA,EAAA,CAAC,aAAa,GAAG,QAAQ,GAAC;;IAGpF,MAAM,GAAA;QACL,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,EACxC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EACzB,CAAA,CAAA,GAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAC,SAAS,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,QAAQ,GAAG,QAAQ,GAAG,IAAI,CAAC,MAAM,EAC9C,GAAG,EAAE,IAAI,CAAC,QAAQ,GAAG,YAAY,GAAG,IAAI,EACpC,EAAA,IAAI,CAAC,mBAAmB,CAAA,EAC9B,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,YAAY,EAAE,CAAA,EACzB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAM,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAO,CAAO,EACpB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EAAE,CAAA,EACtB,IAAI,CAAC,QAAQ,IAAI,CAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,oBAAoB,EAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,CAAC,QAAQ,EAAa,CAAA,CAC5H,CACE;;;;;;;;;;"}
+{"version":3,"file":"gov-link.entry.js","sources":["../../../packages/core/src/components/gov-link/constants.ts","../../../packages/core/src/components/gov-link/gov-link.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\r\nimport {Sizes} from \"../../core/constants/sizes\";\r\nimport {ValueOf} from \"../../types/interfaces\";\r\n\r\nexport const LinkSizes = pick(Sizes, ['_S', '_M', '_L'])\r\nexport type LinkSizesType = `${ValueOf<typeof LinkSizes>}`\r\n\r\nexport const LinkClass = {\r\n\troot: 'gov-link',\r\n\texternal: 'gov-link--external',\r\n}\r\n","import {Component, Element, Host, h, Prop, Watch, State} from '@stencil/core'\r\nimport {LinkClass, LinkSizes, LinkSizesType} 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 {Attributes} from \"../../helpers/Dom/attribute\";\r\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\r\n\r\n@Component({\r\n\ttag: 'gov-link',\r\n})\r\nexport class GovLink {\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: HTMLGovLinkElement\r\n\t/**\r\n\t * Element size.\r\n\t */\r\n\t@Prop() readonly size?: LinkSizesType = 'm'\r\n\t/**\r\n\t * Element size.\r\n\t */\r\n\t@Prop() readonly external?: boolean = false\r\n\t/**\r\n\t * Cutting text to one line\r\n\t */\r\n\t@Prop() readonly truncate?: boolean = false\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: string\r\n\r\n\r\n\t@Watch('size')\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(LinkSizes, newValue, LinkClass.root)\r\n\t}\r\n\r\n\t@State() inheritedAttributes: Attributes = {}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateSize(this.size)\r\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host)\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\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(LinkClass.root)}\r\n\t\t\t\t  size={this.size}\r\n\t\t\t\t  href={this.href}\r\n\t\t\t\t  external={this.external}\r\n\t\t\t\t  truncate={this.truncate}>\r\n\t\t\t\t<a class=\"element\"\r\n\t\t\t\t   href={this.href}\r\n\t\t\t\t   target={this.external ? '_blank' : this.target}\r\n\t\t\t\t   rel={this.external ? \"noreferrer\" : null}\r\n\t\t\t\t   {...this.inheritedAttributes}>\r\n\t\t\t\t\t<slot name=\"icon-start\"/>\r\n\t\t\t\t\t<span><slot/></span>\r\n\t\t\t\t\t<slot name=\"icon-end\"/>\r\n\t\t\t\t\t{this.external && <gov-icon name=\"box-arrow-up-right\" type=\"components\" size={this.size} class={LinkClass.external}></gov-icon>}\r\n\t\t\t\t</a>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"names":[],"mappings":";;;;;;;;;AAIO,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAGjD,MAAM,SAAS,GAAG;AACxB,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,QAAQ,EAAE,oBAAoB;CAC9B;;MCCY,OAAO,GAAA,MAAA;AAGnB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAKA;;AAEG;AACc,QAAA,IAAI,CAAA,IAAA,GAAmB,GAAG;AAC3C;;AAEG;AACc,QAAA,IAAQ,CAAA,QAAA,GAAa,KAAK;AAC3C;;AAEG;AACc,QAAA,IAAQ,CAAA,QAAA,GAAa,KAAK;AAkBlC,QAAA,IAAmB,CAAA,mBAAA,GAAe,EAAE;QAjC5C,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AA4BD,IAAA,YAAY,CAAC,QAAgB,EAAA;QAC5B,YAAY,CAAC,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC;;IAKlD,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;QAC5B,IAAI,CAAC,mBAAmB,GAAG,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC;;IAG5D,qBAAqB,CAAC,aAAqB,EAAE,QAAgB,EAAA;AAC5D,QAAA,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC;QACxC,IAAI,CAAC,mBAAmB,GAAO,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,IAAI,CAAC,mBAAmB,CAAE,EAAA,EAAA,CAAC,aAAa,GAAG,QAAQ,GAAC;;IAGpF,MAAM,GAAA;QACL,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,EACxC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EACzB,CAAA,CAAA,GAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAC,SAAS,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,QAAQ,GAAG,QAAQ,GAAG,IAAI,CAAC,MAAM,EAC9C,GAAG,EAAE,IAAI,CAAC,QAAQ,GAAG,YAAY,GAAG,IAAI,EACpC,EAAA,IAAI,CAAC,mBAAmB,CAAA,EAC9B,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,YAAY,EAAE,CAAA,EACzB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAM,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAO,CAAO,EACpB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EAAE,CAAA,EACtB,IAAI,CAAC,QAAQ,IAAI,CAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,oBAAoB,EAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,CAAC,QAAQ,EAAa,CAAA,CAC5H,CACE;;;;;;;;;;"}

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-DT2tslUp.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-ClISz4NF.js';
 import { p as pick } from './utils-CQvUntGY.js';
 import { S as Sizes } from './sizes-BcQO4NH2.js';
-import { g as govHost, p as prepareClasses } from './template-BBOh2pxy.js';
+import { g as govHost, p as prepareClasses } from './template-CoD1xawt.js';
 import { v as validateProp } from './props-CJZgTDla.js';
 import './gov.log-BtqD9K8d.js';
 
@@ -28,7 +28,7 @@ const GovLoading = class {
         this.validateSize(this.size);
     }
     render() {
-        return (h(Host, { key: 'b242b9fdc52e5afc61e14b068253ce3d693d181e', class: this.h.classes(LoadingClass.root), size: this.size }, h("div", { key: 'f0f0e4f05239b9cf0eead9365df12f0c8bc37c30', class: LoadingClass.content }, h("gov-icon", { key: '7413af05d78c0d957ee5e99b6cce347283e01057', class: prepareClasses([LoadingClass.icon, "gov-spin-animation"]), name: "loader", type: "components" }), h("slot", { key: 'd047393d005afbce224befeae2cfd9023e321b81' })), h("gov-backdrop", { key: '54df690f070aee585f15dffa1aae555e75da49b5', inverse: true })));
+        return (h(Host, { key: '633a5908dcace7298026f28a9cd7e8cf7580ae3e', class: this.h.classes(LoadingClass.root), size: this.size }, h("div", { key: '39027a3ed4b2284070fe7f6954ec3864222b57aa', class: LoadingClass.content }, h("gov-icon", { key: '6baa68d8626e7b271eec0c6990b5999849a23fd5', class: prepareClasses([LoadingClass.icon, "gov-spin-animation"]), name: "loader", type: "components" }), h("slot", { key: 'c9179dc3e6de4cb6ce2da35b9b81dc16fc2fda67' })), h("gov-backdrop", { key: 'ca4fe88eb06122df18b717d008b7520724efd64e', inverse: true })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gov-loading.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"gov-loading.entry.js","sources":["../../../packages/core/src/components/gov-loading/loading/constants.ts","../../../packages/core/src/components/gov-loading/loading/gov-loading.tsx"],"sourcesContent":["import {pick} from \"../../../utils/utils\";\nimport {Sizes} from \"../../../core/constants/sizes\";\nimport {ValueOf} from \"../../../types/interfaces\";\n\nexport const LoadingSizes = pick(Sizes, ['_S', '_M', '_L'])\nexport type LoadingSizesType = `${ValueOf<typeof LoadingSizes>}`\n\nexport const LoadingClass = {\n\troot: 'gov-loading',\n\tcontent: 'gov-loading__content',\n\ticon: 'gov-loading__icon',\n}\n","import {Component, Element, h, Host, Prop, Watch} from \"@stencil/core\"\nimport {LoadingClass, LoadingSizes, LoadingSizesType} from \"./constants\"\nimport { govHost, prepareClasses } from \"../../../helpers/Dom/template\"\nimport { GovHost } from \"../../../helpers/Dom/template.types\"\nimport {validateProp} from \"../../../helpers/Validate/props\";\n\n@Component({\n\ttag: \"gov-loading\",\n})\nexport class GovLoading {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovLoadingElement\n\t/**\n\t * Loading size\n\t */\n\t@Prop() readonly size?: LoadingSizesType = 'm'\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(LoadingSizes, newValue, LoadingClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(LoadingClass.root)} size={this.size}>\n\t\t\t\t<div class={LoadingClass.content}>\n\t\t\t\t\t<gov-icon\n\t\t\t\t\t\tclass={prepareClasses([LoadingClass.icon, \"gov-spin-animation\"])}\n\t\t\t\t\t\tname=\"loader\"\n\t\t\t\t\t\ttype=\"components\"\n\t\t\t\t\t/>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t\t<gov-backdrop inverse={true} />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"names":[],"mappings":";;;;;;;AAIO,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAGpD,MAAM,YAAY,GAAG;AAC3B,IAAA,IAAI,EAAE,aAAa;AACnB,IAAA,OAAO,EAAE,sBAAsB;AAC/B,IAAA,IAAI,EAAE,mBAAmB;CACzB;;MCFY,UAAU,GAAA,MAAA;AAGtB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAKA;;AAEG;AACc,QAAA,IAAI,CAAA,IAAA,GAAsB,GAAG;QAP7C,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AASD,IAAA,YAAY,CAAC,QAAgB,EAAA;QAC5B,YAAY,CAAC,YAAY,EAAE,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC;;IAGxD,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;;IAG7B,MAAM,GAAA;QACL,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,EAC9D,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,YAAY,CAAC,OAAO,EAAA,EAC/B,CACC,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,cAAc,CAAC,CAAC,YAAY,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC,EAChE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,YAAY,EAChB,CAAA,EACF,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,EACN,CAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAc,OAAO,EAAE,IAAI,EAAI,CAAA,CACzB;;;;;;;;;;"}
+{"version":3,"file":"gov-loading.entry.js","sources":["../../../packages/core/src/components/gov-loading/loading/constants.ts","../../../packages/core/src/components/gov-loading/loading/gov-loading.tsx"],"sourcesContent":["import {pick} from \"../../../utils/utils\";\r\nimport {Sizes} from \"../../../core/constants/sizes\";\r\nimport {ValueOf} from \"../../../types/interfaces\";\r\n\r\nexport const LoadingSizes = pick(Sizes, ['_S', '_M', '_L'])\r\nexport type LoadingSizesType = `${ValueOf<typeof LoadingSizes>}`\r\n\r\nexport const LoadingClass = {\r\n\troot: 'gov-loading',\r\n\tcontent: 'gov-loading__content',\r\n\ticon: 'gov-loading__icon',\r\n}\r\n","import {Component, Element, h, Host, Prop, Watch} from \"@stencil/core\"\r\nimport {LoadingClass, LoadingSizes, LoadingSizesType} from \"./constants\"\r\nimport { govHost, prepareClasses } from \"../../../helpers/Dom/template\"\r\nimport { GovHost } from \"../../../helpers/Dom/template.types\"\r\nimport {validateProp} from \"../../../helpers/Validate/props\";\r\n\r\n@Component({\r\n\ttag: \"gov-loading\",\r\n})\r\nexport class GovLoading {\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: HTMLGovLoadingElement\r\n\t/**\r\n\t * Loading size\r\n\t */\r\n\t@Prop() readonly size?: LoadingSizesType = 'm'\r\n\r\n\t@Watch(\"size\")\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(LoadingSizes, newValue, LoadingClass.root)\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateSize(this.size)\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(LoadingClass.root)} size={this.size}>\r\n\t\t\t\t<div class={LoadingClass.content}>\r\n\t\t\t\t\t<gov-icon\r\n\t\t\t\t\t\tclass={prepareClasses([LoadingClass.icon, \"gov-spin-animation\"])}\r\n\t\t\t\t\t\tname=\"loader\"\r\n\t\t\t\t\t\ttype=\"components\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<slot />\r\n\t\t\t\t</div>\r\n\t\t\t\t<gov-backdrop inverse={true} />\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"names":[],"mappings":";;;;;;;AAIO,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAGpD,MAAM,YAAY,GAAG;AAC3B,IAAA,IAAI,EAAE,aAAa;AACnB,IAAA,OAAO,EAAE,sBAAsB;AAC/B,IAAA,IAAI,EAAE,mBAAmB;CACzB;;MCFY,UAAU,GAAA,MAAA;AAGtB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAKA;;AAEG;AACc,QAAA,IAAI,CAAA,IAAA,GAAsB,GAAG;QAP7C,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AASD,IAAA,YAAY,CAAC,QAAgB,EAAA;QAC5B,YAAY,CAAC,YAAY,EAAE,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC;;IAGxD,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;;IAG7B,MAAM,GAAA;QACL,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,EAC9D,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,YAAY,CAAC,OAAO,EAAA,EAC/B,CACC,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,cAAc,CAAC,CAAC,YAAY,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC,EAChE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,YAAY,EAChB,CAAA,EACF,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,EACN,CAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAc,OAAO,EAAE,IAAI,EAAI,CAAA,CACzB;;;;;;;;;;"}

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-DT2tslUp.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-ClISz4NF.js';
 import { v as validateProp } from './props-CJZgTDla.js';
 import { C as Colors } from './colors-U40vKHrs.js';
 import { p as pick } from './utils-CQvUntGY.js';
-import { g as govHost } from './template-BBOh2pxy.js';
+import { g as govHost } from './template-CoD1xawt.js';
 import './gov.log-BtqD9K8d.js';
 
 pick(Colors, ['PRIMARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING']);
@@ -33,7 +33,7 @@ const GovMessage = class {
         validateProp(Colors, newValue, MessageClass.root);
     }
     render() {
-        return (h(Host, { key: 'b1e404aaebe6a1c22999b9f1901dc5fc63119a12', class: this.h.classes(MessageClass.root), color: this.color, type: this.type, role: "status" }, this.h.hasSlot("icon") && (h("span", { key: 'fb9f2ed1047003aeaf03954345240b0484eea289' }, h("slot", { key: 'b0457abeb671b2d895ed9618f92047b5f8d48e1f', name: "icon" }))), h("div", { key: 'c358b23982d1e1f8a82eb780b56932e9b01f98c9', class: MessageClass.content }, h("slot", { key: 'd0faba3cea5d572a43d7a0dcacf0e26fd255650c' }))));
+        return (h(Host, { key: '646b418ce94ae2c4a0e68ae7662b6a0cdcb5abdf', class: this.h.classes(MessageClass.root), color: this.color, type: this.type, role: "status" }, this.h.hasSlot("icon") && (h("span", { key: 'c628baa7a9302fd2422418f6cb643ab188630d19' }, h("slot", { key: '3e06254836e945da56d642ca358730c59da0575d', name: "icon" }))), h("div", { key: 'e9732388652c00c5bb4292d61ba71a62b3a6ca07', class: MessageClass.content }, h("slot", { key: '71b74db9ecbfa2fcd0bbb102e6d77accbcd1d3f0' }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gov-message.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"gov-message.entry.js","sources":["../../../packages/core/src/components/gov-message/constants.ts","../../../packages/core/src/components/gov-message/gov-message.tsx"],"sourcesContent":["import { Colors } from '../../core/constants/colors'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const MessageColors = pick(Colors, ['PRIMARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING'])\nexport type MessageColorType = `${ValueOf<typeof MessageColors>}`\n\nexport enum MessageType {\n\tBOLD = 'bold',\n\tSUBTLE = 'subtle',\n}\nexport type MessageTypesType = `${ValueOf<typeof MessageType>}`\n\nexport const MessageClass = {\n\troot: 'gov-message',\n\tcontent: 'gov-message__content',\n}\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { MessageTypesType, MessageClass, MessageColorType} from \"./constants\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { Colors } from \"../../core/constants/colors\"\n\n@Component({\n\ttag: \"gov-message\",\n})\nexport class GovMessage {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovMessageElement\n\n\t/**\n\t * Style variation of the content message.\n\t */\n\t@Prop() readonly color: MessageColorType = Colors.PRIMARY\n\t/**\n\t * Message type\n\t */\n\t@Prop() readonly type?: MessageTypesType = \"subtle\"\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(Colors, newValue, MessageClass.root)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(MessageClass.root)} color={this.color} type={this.type} role=\"status\">\n\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\n\t\t\t\t<div class={MessageClass.content}>\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"],"names":[],"mappings":";;;;;;;AAI6B,IAAI,CAAC,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC;AAG/F,IAAY,WAGX;AAHD,CAAA,UAAY,WAAW,EAAA;AACtB,IAAA,WAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,WAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AAClB,CAAC,EAHW,WAAW,KAAX,WAAW,GAGtB,EAAA,CAAA,CAAA;AAGM,MAAM,YAAY,GAAG;AAC3B,IAAA,IAAI,EAAE,aAAa;AACnB,IAAA,OAAO,EAAE,sBAAsB;CAC/B;;MCNY,UAAU,GAAA,MAAA;AAGtB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMA;;AAEG;AACc,QAAA,IAAA,CAAA,KAAK,GAAqB,MAAM,CAAC,OAAO;AACzD;;AAEG;AACc,QAAA,IAAI,CAAA,IAAA,GAAsB,QAAQ;QAZlD,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAcD,IAAA,aAAa,CAAC,QAAgB,EAAA;QAC7B,YAAY,CAAC,MAAM,EAAE,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC;;IAGlD,MAAM,GAAA;QACL,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,QAAQ,EAAA,EAC/F,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,KACtB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,MAAM,EAAA,CAAG,CACd,CACP,EAED,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,YAAY,CAAC,OAAO,EAAA,EAC/B,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACA;;;;;;;;;;"}
+{"version":3,"file":"gov-message.entry.js","sources":["../../../packages/core/src/components/gov-message/constants.ts","../../../packages/core/src/components/gov-message/gov-message.tsx"],"sourcesContent":["import { Colors } from '../../core/constants/colors'\r\nimport { pick } from '../../utils/utils'\r\nimport { ValueOf } from '../../types/interfaces'\r\n\r\nexport const MessageColors = pick(Colors, ['PRIMARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING'])\r\nexport type MessageColorType = `${ValueOf<typeof MessageColors>}`\r\n\r\nexport enum MessageType {\r\n\tBOLD = 'bold',\r\n\tSUBTLE = 'subtle',\r\n}\r\nexport type MessageTypesType = `${ValueOf<typeof MessageType>}`\r\n\r\nexport const MessageClass = {\r\n\troot: 'gov-message',\r\n\tcontent: 'gov-message__content',\r\n}\r\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\"\r\nimport { validateProp } from \"../../helpers/Validate/props\"\r\nimport { MessageTypesType, MessageClass, MessageColorType} from \"./constants\"\r\nimport { govHost } from \"../../helpers/Dom/template\"\r\nimport { GovHost } from \"../../helpers/Dom/template.types\"\r\nimport { Colors } from \"../../core/constants/colors\"\r\n\r\n@Component({\r\n\ttag: \"gov-message\",\r\n})\r\nexport class GovMessage {\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: HTMLGovMessageElement\r\n\r\n\t/**\r\n\t * Style variation of the content message.\r\n\t */\r\n\t@Prop() readonly color: MessageColorType = Colors.PRIMARY\r\n\t/**\r\n\t * Message type\r\n\t */\r\n\t@Prop() readonly type?: MessageTypesType = \"subtle\"\r\n\r\n\t@Watch(\"color\")\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(Colors, newValue, MessageClass.root)\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(MessageClass.root)} color={this.color} type={this.type} role=\"status\">\r\n\t\t\t\t{this.h.hasSlot(\"icon\") && (\r\n\t\t\t\t\t<span>\r\n\t\t\t\t\t\t<slot name=\"icon\" />\r\n\t\t\t\t\t</span>\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t<div class={MessageClass.content}>\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"],"names":[],"mappings":";;;;;;;AAI6B,IAAI,CAAC,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC;AAG/F,IAAY,WAGX;AAHD,CAAA,UAAY,WAAW,EAAA;AACtB,IAAA,WAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,WAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AAClB,CAAC,EAHW,WAAW,KAAX,WAAW,GAGtB,EAAA,CAAA,CAAA;AAGM,MAAM,YAAY,GAAG;AAC3B,IAAA,IAAI,EAAE,aAAa;AACnB,IAAA,OAAO,EAAE,sBAAsB;CAC/B;;MCNY,UAAU,GAAA,MAAA;AAGtB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMA;;AAEG;AACc,QAAA,IAAA,CAAA,KAAK,GAAqB,MAAM,CAAC,OAAO;AACzD;;AAEG;AACc,QAAA,IAAI,CAAA,IAAA,GAAsB,QAAQ;QAZlD,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAcD,IAAA,aAAa,CAAC,QAAgB,EAAA;QAC7B,YAAY,CAAC,MAAM,EAAE,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC;;IAGlD,MAAM,GAAA;QACL,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,QAAQ,EAAA,EAC/F,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,KACtB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,MAAM,EAAA,CAAG,CACd,CACP,EAED,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,YAAY,CAAC,OAAO,EAAA,EAC/B,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACA;;;;;;;;;;"}

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

@@ -1,10 +1,10 @@
-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 { F as Fragment } from './Fragment-5itQzbON.js';
 import { v as validateProp } from './props-CJZgTDla.js';
 import { S as Sizes } from './sizes-BcQO4NH2.js';
 import { C as Colors } from './colors-U40vKHrs.js';
 import { p as pick } from './utils-CQvUntGY.js';
-import { g as govHost, p as prepareClasses, t as toBoolAttrIfDefined } from './template-BBOh2pxy.js';
+import { g as govHost, p as prepareClasses, t as toBoolAttrIfDefined } from './template-CoD1xawt.js';
 import { c as createID } from './string.utils-vN03FcXN.js';
 import { c as createArrayRange } from './array.utils-CJ0U_ONv.js';
 import { A as AttributeObserver, a as ariaAttributes } from './attribute-Bz_RzYFb.js';

package/dist/esm/gov-pagination.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"gov-pagination.entry.js","sources":["../../../packages/core/src/components/gov-pagination/constants.ts","../../../packages/core/src/components/gov-pagination/pagination.ts","../../../packages/core/src/components/gov-pagination/gov-pagination.tsx"],"sourcesContent":["import { Sizes } from '../../core/constants/sizes'\nimport { Colors } from '../../core/constants/colors'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const PaginationSizes = pick(Sizes, ['_S', '_M'])\nexport type PaginationSizeType = `${ValueOf<typeof PaginationSizes>}`\n\nexport const PaginationColors = pick(Colors, ['PRIMARY', 'NEUTRAL'])\nexport type PaginationColorType = `${ValueOf<typeof PaginationColors>}`\n\nexport enum PaginationTypes {\n\tBUTTON = 'button',\n\tSELECT = 'select',\n}\nexport type PaginationType = `${ValueOf<typeof PaginationTypes>}`\n\nexport const PaginationClass = {\n\troot: 'gov-pagination',\n\tlist: 'gov-pagination__list',\n\titem: 'gov-pagination__item',\n\titemArrow: 'gov-pagination__item--arrow',\n\titemMore: 'gov-pagination__item--more',\n\titemSelect: 'gov-pagination__item--select',\n\tinner: 'gov-pagination__inner',\n\tarrow: 'gov-pagination__arrow',\n}\n","export interface Pagination {\n\ttotalItems: number\n\tcurrentPage: number\n\tpageSize: number\n\ttotalPages: number\n\tstartPage: number\n\tendPage: number\n\tstartIndex: number\n\tendIndex: number\n\tpages: number[]\n}\n\nexport function paginate(totalItems: number, currentPage = 1, pageSize = 10, maxPages = 10): Pagination {\n\t// calculate total pages\n\tconst totalPages = Math.ceil(totalItems / pageSize)\n\n\t// ensure current page isn't out of range\n\tif (currentPage < 1) {\n\t\tcurrentPage = 1\n\t} else if (currentPage > totalPages) {\n\t\tcurrentPage = totalPages\n\t}\n\n\tlet startPage: number, endPage: number\n\tif (totalPages <= maxPages) {\n\t\t// total pages less than max so show all pages\n\t\tstartPage = 1\n\t\tendPage = totalPages\n\t} else {\n\t\t// total pages more than max so calculate start and end pages\n\t\tconst maxPagesBeforeCurrentPage = Math.floor(maxPages / 2)\n\t\tconst maxPagesAfterCurrentPage = Math.ceil(maxPages / 2) - 1\n\t\tif (currentPage <= maxPagesBeforeCurrentPage) {\n\t\t\t// current page near the start\n\t\t\tstartPage = 1\n\t\t\tendPage = maxPages\n\t\t} else if (currentPage + maxPagesAfterCurrentPage >= totalPages) {\n\t\t\t// current page near the end\n\t\t\tstartPage = totalPages - maxPages + 1\n\t\t\tendPage = totalPages\n\t\t} else {\n\t\t\t// current page somewhere in the middle\n\t\t\tstartPage = currentPage - maxPagesBeforeCurrentPage\n\t\t\tendPage = currentPage + maxPagesAfterCurrentPage\n\t\t}\n\t}\n\n\t// calculate start and end item indexes\n\tconst startIndex = (currentPage - 1) * pageSize\n\tconst endIndex = Math.min(startIndex + pageSize - 1, totalItems - 1)\n\n\t// create an array of pages to ng-repeat in the pager control\n\tconst pages = Array.from(Array(endPage + 1 - startPage).keys()).map(i => startPage + i)\n\n\t// return object with all pager properties required by the view\n\treturn {\n\t\ttotalItems: totalItems,\n\t\tcurrentPage: currentPage,\n\t\tpageSize: pageSize,\n\t\ttotalPages: totalPages,\n\t\tstartPage: startPage,\n\t\tendPage: endPage,\n\t\tstartIndex: startIndex,\n\t\tendIndex: endIndex,\n\t\tpages: pages,\n\t}\n}\n","import Fragment from \"../../helpers/Fragment\"\nimport {Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch} from \"@stencil/core\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {\n\tPaginationClass,\n\tPaginationColors,\n\tPaginationColorType,\n\tPaginationSizes,\n\tPaginationSizeType,\n\tPaginationType,\n\tPaginationTypes,\n} from \"./constants\"\nimport {govHost, prepareClasses, toBoolAttrIfDefined} from \"../../helpers/Dom/template\"\nimport {paginate, Pagination} from \"./pagination\"\nimport {createID} from \"../../utils/string.utils\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {createArrayRange} from \"../../utils/array.utils\"\nimport {FormSelectEvent} from \"../gov-form/select/gov-form-select.types\"\nimport {PaginationEvent} from \"./gov-pagination.types\"\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: \"gov-pagination\",\n})\nexport class GovPagination {\n\tprivate h: GovHost\n\tprivate readonly pageSelectId: string\n\tprivate readonly selectId: string\n\n\tprivate spreadSelectRef?: HTMLGovFormSelectElement\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.pageSelectId = createID(\"GovPageSelect\")\n\t\tthis.selectId = createID(\"GovSelect\")\n\t}\n\n\t@Element() readonly host: HTMLGovPaginationElement\n\t/**\n\t * Pagination type\n\t */\n\t@Prop() readonly type: PaginationType = \"button\"\n\t/**\n\t * Currently displayed page\n\t */\n\t@Prop() readonly current: number = 1\n\t/**\n\t * Total count of entries\n\t */\n\t@Prop() readonly total: number = 0\n\t/**\n\t * Custom select identifier.\n\t */\n\t@Prop({attribute: 'select-identifier'}) readonly selectIdentifier: string\n\t/**\n\t * Pagination's size\n\t */\n\t@Prop() readonly size?: PaginationSizeType = \"m\"\n\t/**\n\t * Style variation of the pagination.\n\t */\n\t@Prop() readonly color?: PaginationColorType = \"primary\"\n\t/**\n\t * Maximum number of entries per page\n\t */\n\t@Prop({attribute: \"page-size\"}) readonly pageSize: number = 10\n\t/**\n\t * Maximum pages displayed for selection\n\t */\n\t@Prop({attribute: \"max-pages\"}) readonly maxPages: number = 5\n\t/**\n\t * Setting a link to redirect to a given page.\n\t * The {PAGE} wildcard can be used in the link to replace the page number.\n\t * Note that in the case of paging through a link, it is always necessary to send to the component the current page where the user is.\n\t */\n\t@Prop() readonly link: string\n\t/**\n\t * Adds accessible label for the page select\n\t */\n\t@Prop({attribute: \"accessible-select-label\"}) readonly accessibleSelectLabel: string = \"Vybrat stranu\"\n\t/**\n\t * Adds accessible label for the page item\n\t */\n\t@Prop({attribute: \"accessible-page-label\"}) readonly accessiblePageLabel: string = \"Strana\"\n\t/**\n\t * Description of the possibility to go back one page\n\t */\n\t@Prop({attribute: \"label-prev\"}) readonly labelPrev = 'Přejít o stranu zpět'\n\t/**\n\t * Description of the option to go to the top of paging\n\t */\n\t@Prop({attribute: \"label-start\"}) readonly labelStart = 'Přejít na začátek'\n\t/**\n\t * Description of the option to go to the end of paging\n\t */\n\t@Prop({attribute: \"label-next\"}) readonly labelNext = 'Přejít na další stranu'\n\t/**\n\t * Description of the option to move one page forward\n\t */\n\t@Prop({attribute: \"label-end\"}) readonly labelEnd = 'Přejít na konec'\n\t/**\n\t * Event called when changing the page with the current setting of the whole paging\n\t */\n\t@Event({eventName: \"gov-page\"}) govPage: EventEmitter<PaginationEvent>\n\n\t@State() pagination: Pagination\n\t@State() inheritedAttributes: Attributes = {}\n\n\t@Watch(\"type\")\n\tvalidateType(newValue: string): void {\n\t\tvalidateProp(PaginationTypes, newValue, PaginationClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(PaginationSizes, newValue, PaginationClass.root)\n\t}\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(PaginationColors, newValue, PaginationClass.root)\n\t}\n\n\t@Watch(\"current\")\n\t@Watch(\"total\")\n\t@Watch(\"pageSize\")\n\t@Watch(\"maxPages\")\n\trecalculate(): void {\n\t\tthis.recalculatePagination(this.current)\n\t}\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\tcomponentWillLoad() {\n\t\tthis.recalculatePagination(this.current)\n\t\tthis.validateSize(this.size)\n\t\tthis.validateColor(this.color)\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\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\tprivate recalculatePagination(currentPage: number) {\n\t\tthis.pagination = paginate(this.total, currentPage, this.pageSize, this.maxPages)\n\t}\n\n\tprivate isActivePageClass(originalClass: string, page: number) {\n\t\tif (this.pagination.currentPage === page) {\n\t\t\treturn originalClass + \" is-active\"\n\t\t} else {\n\t\t\treturn originalClass\n\t\t}\n\t}\n\n\tprivate prepareLinkUrl(page: number) {\n\t\tif (this.link) {\n\t\t\treturn String(this.link).replace(\"{PAGE}\", String(page))\n\t\t}\n\t\treturn undefined\n\t}\n\n\tprivate resetSelectValue() {\n\t\tif (this.spreadSelectRef) {\n\t\t\tthis.spreadSelectRef.getRef()\n\t\t\t\t.then((el: HTMLSelectElement) => {\n\t\t\t\t\tel.value = '...'\n\t\t\t\t})\n\t\t}\n\t}\n\n\trender() {\n\t\tconst pageResolver = (page: number, content: any, description: string) => {\n\t\t\tconst isDisabled = page === -1\n\t\t\tconst ariaCurrent = toBoolAttrIfDefined(this.pagination.currentPage === page ? true : undefined)\n\t\t\treturn (\n\t\t\t\t<gov-button\n\t\t\t\t\thref={this.prepareLinkUrl(page)}\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tsize={this.size}\n\t\t\t\t\ttype=\"base\"\n\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\ton-gov-click={(e) => this.onClickHandler(e, page)}\n\t\t\t\t\taria-label={description ? description : page > -1 ? `${this.accessiblePageLabel} ${page}` : undefined}\n\t\t\t\t\taria-current={ariaCurrent}\n\t\t\t\t\tclass={PaginationClass.inner}\n\t\t\t\t\tfocusable={true}>\n\t\t\t\t\t{content}\n\t\t\t\t</gov-button>\n\t\t\t)\n\t\t}\n\t\treturn (\n\t\t\t<Host class={this.h.classes(PaginationClass.root)} type={this.type} color={this.color} size={this.size}>\n\t\t\t\t<nav {...this.inheritedAttributes}>\n\t\t\t\t\t<ul class={PaginationClass.list}>\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\n\t\t\t\t\t\t\t{pageResolver(\n\t\t\t\t\t\t\t\tthis.pagination.currentPage > 1 ? 1 : -1,\n\t\t\t\t\t\t\t\t<gov-icon class={PaginationClass.arrow} name=\"chevron-double-left\" type=\"components\"></gov-icon>,\n\t\t\t\t\t\t\t\tthis.labelStart\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\n\t\t\t\t\t\t\t{pageResolver(\n\t\t\t\t\t\t\t\tthis.pagination.startPage < this.pagination.currentPage ? this.pagination.currentPage - 1 : -1,\n\t\t\t\t\t\t\t\t<gov-icon class={PaginationClass.arrow} name=\"chevron-left\" type=\"components\"></gov-icon>,\n\t\t\t\t\t\t\t\tthis.labelPrev\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t{this.type == \"select\" ? (\n\t\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemSelect])}>\n\t\t\t\t\t\t\t\t<span class={PaginationClass.inner}>\n\t\t\t\t\t\t\t\t\t<span id={this.pageSelectId} hidden>\n\t\t\t\t\t\t\t\t\t\t{this.accessibleSelectLabel}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<gov-form-select\n\t\t\t\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\t\t\t\tcolor={this.color}\n\t\t\t\t\t\t\t\t\t\tidentifier={this.selectIdentifier || this.selectId}\n\t\t\t\t\t\t\t\t\t\taria-labelledby={this.pageSelectId}\n\t\t\t\t\t\t\t\t\t\ton-gov-change={this.onSelectHandler.bind(this)}>\n\t\t\t\t\t\t\t\t\t\t{createArrayRange(1, this.pagination.totalPages).map(page => (\n\t\t\t\t\t\t\t\t\t\t\t<option value={page} selected={this.pagination.currentPage === page}>\n\t\t\t\t\t\t\t\t\t\t\t\t{page}\n\t\t\t\t\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t</gov-form-select>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t{this.pagination.pages.map(page => (\n\t\t\t\t\t\t\t\t\t<li class={this.isActivePageClass(PaginationClass.item, page)}>{pageResolver(page, page, '')}</li>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t{this.pagination.totalPages ? (\n\t\t\t\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemMore])}>\n\t\t\t\t\t\t\t\t\t<span class={PaginationClass.inner}>\n\t\t\t\t\t\t\t\t\t\t<span id={this.pageSelectId} hidden>\n\t\t\t\t\t\t\t\t\t\t\t{this.accessibleSelectLabel}\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t<gov-form-select\n\t\t\t\t\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\t\t\t\t\tcolor={this.color}\n\t\t\t\t\t\t\t\t\t\t\tidentifier={this.selectIdentifier || this.selectId}\n\t\t\t\t\t\t\t\t\t\t\taria-labelledby={this.pageSelectId}\n\t\t\t\t\t\t\t\t\t\t\tref={el => (this.spreadSelectRef = el as HTMLGovFormSelectElement)}\n\t\t\t\t\t\t\t\t\t\t\ton-gov-change={this.onSelectHandler.bind(this)}>\n\t\t\t\t\t\t\t\t\t\t\t<option selected hidden>...</option>\n\t\t\t\t\t\t\t\t\t\t\t{createArrayRange(1, this.pagination.totalPages).map(page => (\n\t\t\t\t\t\t\t\t\t\t\t\t<option value={page} selected={false}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{page}\n\t\t\t\t\t\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t</gov-form-select>\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\n\t\t\t\t\t\t\t{pageResolver(\n\t\t\t\t\t\t\t\tthis.pagination.totalPages > this.pagination.currentPage ? this.pagination.currentPage + 1 : -1,\n\t\t\t\t\t\t\t\t<gov-icon class={PaginationClass.arrow} name=\"chevron-right\" type=\"components\"></gov-icon>,\n\t\t\t\t\t\t\t\tthis.labelNext\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\n\t\t\t\t\t\t\t{pageResolver(\n\t\t\t\t\t\t\t\tthis.pagination.totalPages > this.pagination.currentPage ? this.pagination.totalPages : -1,\n\t\t\t\t\t\t\t\t<gov-icon class={PaginationClass.arrow} name=\"chevron-double-right\" type=\"components\"></gov-icon>,\n\t\t\t\t\t\t\t\tthis.labelEnd\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t</nav>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onClickHandler(e: CustomEvent, page: number): void {\n\t\te.stopPropagation()\n\t\tthis.recalculatePagination(page)\n\t\tthis.govPage.emit({\n\t\t\tcomponent: PaginationClass.root,\n\t\t\tpagination: this.pagination\n\t\t})\n\t}\n\n\tprivate onSelectHandler(e: CustomEvent<FormSelectEvent>): void {\n\t\te.stopPropagation()\n\t\tconst value = e.detail.value\n\t\tconst page = parseInt(value)\n\t\tthis.resetSelectValue()\n\t\tif (isNaN(page) === false) {\n\t\t\tthis.recalculatePagination(page)\n\t\t\tif (this.link) {\n\t\t\t\twindow.location.href = this.prepareLinkUrl(page)\n\t\t\t} else {\n\t\t\t\tthis.govPage.emit({\n\t\t\t\t\tcomponent: PaginationClass.root,\n\t\t\t\t\tpagination: this.pagination\n\t\t\t\t})\n\t\t\t}\n\t\t}\n\t}\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"gov-pagination.entry.js","sources":["../../../packages/core/src/components/gov-pagination/constants.ts","../../../packages/core/src/components/gov-pagination/pagination.ts","../../../packages/core/src/components/gov-pagination/gov-pagination.tsx"],"sourcesContent":["import { Sizes } from '../../core/constants/sizes'\r\nimport { Colors } from '../../core/constants/colors'\r\nimport { pick } from '../../utils/utils'\r\nimport { ValueOf } from '../../types/interfaces'\r\n\r\nexport const PaginationSizes = pick(Sizes, ['_S', '_M'])\r\nexport type PaginationSizeType = `${ValueOf<typeof PaginationSizes>}`\r\n\r\nexport const PaginationColors = pick(Colors, ['PRIMARY', 'NEUTRAL'])\r\nexport type PaginationColorType = `${ValueOf<typeof PaginationColors>}`\r\n\r\nexport enum PaginationTypes {\r\n\tBUTTON = 'button',\r\n\tSELECT = 'select',\r\n}\r\nexport type PaginationType = `${ValueOf<typeof PaginationTypes>}`\r\n\r\nexport const PaginationClass = {\r\n\troot: 'gov-pagination',\r\n\tlist: 'gov-pagination__list',\r\n\titem: 'gov-pagination__item',\r\n\titemArrow: 'gov-pagination__item--arrow',\r\n\titemMore: 'gov-pagination__item--more',\r\n\titemSelect: 'gov-pagination__item--select',\r\n\tinner: 'gov-pagination__inner',\r\n\tarrow: 'gov-pagination__arrow',\r\n}\r\n","export interface Pagination {\r\n\ttotalItems: number\r\n\tcurrentPage: number\r\n\tpageSize: number\r\n\ttotalPages: number\r\n\tstartPage: number\r\n\tendPage: number\r\n\tstartIndex: number\r\n\tendIndex: number\r\n\tpages: number[]\r\n}\r\n\r\nexport function paginate(totalItems: number, currentPage = 1, pageSize = 10, maxPages = 10): Pagination {\r\n\t// calculate total pages\r\n\tconst totalPages = Math.ceil(totalItems / pageSize)\r\n\r\n\t// ensure current page isn't out of range\r\n\tif (currentPage < 1) {\r\n\t\tcurrentPage = 1\r\n\t} else if (currentPage > totalPages) {\r\n\t\tcurrentPage = totalPages\r\n\t}\r\n\r\n\tlet startPage: number, endPage: number\r\n\tif (totalPages <= maxPages) {\r\n\t\t// total pages less than max so show all pages\r\n\t\tstartPage = 1\r\n\t\tendPage = totalPages\r\n\t} else {\r\n\t\t// total pages more than max so calculate start and end pages\r\n\t\tconst maxPagesBeforeCurrentPage = Math.floor(maxPages / 2)\r\n\t\tconst maxPagesAfterCurrentPage = Math.ceil(maxPages / 2) - 1\r\n\t\tif (currentPage <= maxPagesBeforeCurrentPage) {\r\n\t\t\t// current page near the start\r\n\t\t\tstartPage = 1\r\n\t\t\tendPage = maxPages\r\n\t\t} else if (currentPage + maxPagesAfterCurrentPage >= totalPages) {\r\n\t\t\t// current page near the end\r\n\t\t\tstartPage = totalPages - maxPages + 1\r\n\t\t\tendPage = totalPages\r\n\t\t} else {\r\n\t\t\t// current page somewhere in the middle\r\n\t\t\tstartPage = currentPage - maxPagesBeforeCurrentPage\r\n\t\t\tendPage = currentPage + maxPagesAfterCurrentPage\r\n\t\t}\r\n\t}\r\n\r\n\t// calculate start and end item indexes\r\n\tconst startIndex = (currentPage - 1) * pageSize\r\n\tconst endIndex = Math.min(startIndex + pageSize - 1, totalItems - 1)\r\n\r\n\t// create an array of pages to ng-repeat in the pager control\r\n\tconst pages = Array.from(Array(endPage + 1 - startPage).keys()).map(i => startPage + i)\r\n\r\n\t// return object with all pager properties required by the view\r\n\treturn {\r\n\t\ttotalItems: totalItems,\r\n\t\tcurrentPage: currentPage,\r\n\t\tpageSize: pageSize,\r\n\t\ttotalPages: totalPages,\r\n\t\tstartPage: startPage,\r\n\t\tendPage: endPage,\r\n\t\tstartIndex: startIndex,\r\n\t\tendIndex: endIndex,\r\n\t\tpages: pages,\r\n\t}\r\n}\r\n","import Fragment from \"../../helpers/Fragment\"\r\nimport {Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch} from \"@stencil/core\"\r\nimport {validateProp} from \"../../helpers/Validate/props\"\r\nimport {\r\n\tPaginationClass,\r\n\tPaginationColors,\r\n\tPaginationColorType,\r\n\tPaginationSizes,\r\n\tPaginationSizeType,\r\n\tPaginationType,\r\n\tPaginationTypes,\r\n} from \"./constants\"\r\nimport {govHost, prepareClasses, toBoolAttrIfDefined} from \"../../helpers/Dom/template\"\r\nimport {paginate, Pagination} from \"./pagination\"\r\nimport {createID} from \"../../utils/string.utils\"\r\nimport {GovHost} from \"../../helpers/Dom/template.types\"\r\nimport {createArrayRange} from \"../../utils/array.utils\"\r\nimport {FormSelectEvent} from \"../gov-form/select/gov-form-select.types\"\r\nimport {PaginationEvent} from \"./gov-pagination.types\"\r\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\r\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\r\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\r\n\r\n@Component({\r\n\ttag: \"gov-pagination\",\r\n})\r\nexport class GovPagination {\r\n\tprivate h: GovHost\r\n\tprivate readonly pageSelectId: string\r\n\tprivate readonly selectId: string\r\n\r\n\tprivate spreadSelectRef?: HTMLGovFormSelectElement\r\n\tprivate attributeObserver: AttributeObserver\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.pageSelectId = createID(\"GovPageSelect\")\r\n\t\tthis.selectId = createID(\"GovSelect\")\r\n\t}\r\n\r\n\t@Element() readonly host: HTMLGovPaginationElement\r\n\t/**\r\n\t * Pagination type\r\n\t */\r\n\t@Prop() readonly type: PaginationType = \"button\"\r\n\t/**\r\n\t * Currently displayed page\r\n\t */\r\n\t@Prop() readonly current: number = 1\r\n\t/**\r\n\t * Total count of entries\r\n\t */\r\n\t@Prop() readonly total: number = 0\r\n\t/**\r\n\t * Custom select identifier.\r\n\t */\r\n\t@Prop({attribute: 'select-identifier'}) readonly selectIdentifier: string\r\n\t/**\r\n\t * Pagination's size\r\n\t */\r\n\t@Prop() readonly size?: PaginationSizeType = \"m\"\r\n\t/**\r\n\t * Style variation of the pagination.\r\n\t */\r\n\t@Prop() readonly color?: PaginationColorType = \"primary\"\r\n\t/**\r\n\t * Maximum number of entries per page\r\n\t */\r\n\t@Prop({attribute: \"page-size\"}) readonly pageSize: number = 10\r\n\t/**\r\n\t * Maximum pages displayed for selection\r\n\t */\r\n\t@Prop({attribute: \"max-pages\"}) readonly maxPages: number = 5\r\n\t/**\r\n\t * Setting a link to redirect to a given page.\r\n\t * The {PAGE} wildcard can be used in the link to replace the page number.\r\n\t * Note that in the case of paging through a link, it is always necessary to send to the component the current page where the user is.\r\n\t */\r\n\t@Prop() readonly link: string\r\n\t/**\r\n\t * Adds accessible label for the page select\r\n\t */\r\n\t@Prop({attribute: \"accessible-select-label\"}) readonly accessibleSelectLabel: string = \"Vybrat stranu\"\r\n\t/**\r\n\t * Adds accessible label for the page item\r\n\t */\r\n\t@Prop({attribute: \"accessible-page-label\"}) readonly accessiblePageLabel: string = \"Strana\"\r\n\t/**\r\n\t * Description of the possibility to go back one page\r\n\t */\r\n\t@Prop({attribute: \"label-prev\"}) readonly labelPrev = 'Přejít o stranu zpět'\r\n\t/**\r\n\t * Description of the option to go to the top of paging\r\n\t */\r\n\t@Prop({attribute: \"label-start\"}) readonly labelStart = 'Přejít na začátek'\r\n\t/**\r\n\t * Description of the option to go to the end of paging\r\n\t */\r\n\t@Prop({attribute: \"label-next\"}) readonly labelNext = 'Přejít na další stranu'\r\n\t/**\r\n\t * Description of the option to move one page forward\r\n\t */\r\n\t@Prop({attribute: \"label-end\"}) readonly labelEnd = 'Přejít na konec'\r\n\t/**\r\n\t * Event called when changing the page with the current setting of the whole paging\r\n\t */\r\n\t@Event({eventName: \"gov-page\"}) govPage: EventEmitter<PaginationEvent>\r\n\r\n\t@State() pagination: Pagination\r\n\t@State() inheritedAttributes: Attributes = {}\r\n\r\n\t@Watch(\"type\")\r\n\tvalidateType(newValue: string): void {\r\n\t\tvalidateProp(PaginationTypes, newValue, PaginationClass.root)\r\n\t}\r\n\r\n\t@Watch(\"size\")\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(PaginationSizes, newValue, PaginationClass.root)\r\n\t}\r\n\r\n\t@Watch(\"color\")\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(PaginationColors, newValue, PaginationClass.root)\r\n\t}\r\n\r\n\t@Watch(\"current\")\r\n\t@Watch(\"total\")\r\n\t@Watch(\"pageSize\")\r\n\t@Watch(\"maxPages\")\r\n\trecalculate(): void {\r\n\t\tthis.recalculatePagination(this.current)\r\n\t}\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\tcomponentWillLoad() {\r\n\t\tthis.recalculatePagination(this.current)\r\n\t\tthis.validateSize(this.size)\r\n\t\tthis.validateColor(this.color)\r\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\tthis.attributeObserver?.stopObserving();\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\tprivate recalculatePagination(currentPage: number) {\r\n\t\tthis.pagination = paginate(this.total, currentPage, this.pageSize, this.maxPages)\r\n\t}\r\n\r\n\tprivate isActivePageClass(originalClass: string, page: number) {\r\n\t\tif (this.pagination.currentPage === page) {\r\n\t\t\treturn originalClass + \" is-active\"\r\n\t\t} else {\r\n\t\t\treturn originalClass\r\n\t\t}\r\n\t}\r\n\r\n\tprivate prepareLinkUrl(page: number) {\r\n\t\tif (this.link) {\r\n\t\t\treturn String(this.link).replace(\"{PAGE}\", String(page))\r\n\t\t}\r\n\t\treturn undefined\r\n\t}\r\n\r\n\tprivate resetSelectValue() {\r\n\t\tif (this.spreadSelectRef) {\r\n\t\t\tthis.spreadSelectRef.getRef()\r\n\t\t\t\t.then((el: HTMLSelectElement) => {\r\n\t\t\t\t\tel.value = '...'\r\n\t\t\t\t})\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst pageResolver = (page: number, content: any, description: string) => {\r\n\t\t\tconst isDisabled = page === -1\r\n\t\t\tconst ariaCurrent = toBoolAttrIfDefined(this.pagination.currentPage === page ? true : undefined)\r\n\t\t\treturn (\r\n\t\t\t\t<gov-button\r\n\t\t\t\t\thref={this.prepareLinkUrl(page)}\r\n\t\t\t\t\tcolor={this.color}\r\n\t\t\t\t\tsize={this.size}\r\n\t\t\t\t\ttype=\"base\"\r\n\t\t\t\t\tdisabled={isDisabled}\r\n\t\t\t\t\ton-gov-click={(e) => this.onClickHandler(e, page)}\r\n\t\t\t\t\taria-label={description ? description : page > -1 ? `${this.accessiblePageLabel} ${page}` : undefined}\r\n\t\t\t\t\taria-current={ariaCurrent}\r\n\t\t\t\t\tclass={PaginationClass.inner}\r\n\t\t\t\t\tfocusable={true}>\r\n\t\t\t\t\t{content}\r\n\t\t\t\t</gov-button>\r\n\t\t\t)\r\n\t\t}\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(PaginationClass.root)} type={this.type} color={this.color} size={this.size}>\r\n\t\t\t\t<nav {...this.inheritedAttributes}>\r\n\t\t\t\t\t<ul class={PaginationClass.list}>\r\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\r\n\t\t\t\t\t\t\t{pageResolver(\r\n\t\t\t\t\t\t\t\tthis.pagination.currentPage > 1 ? 1 : -1,\r\n\t\t\t\t\t\t\t\t<gov-icon class={PaginationClass.arrow} name=\"chevron-double-left\" type=\"components\"></gov-icon>,\r\n\t\t\t\t\t\t\t\tthis.labelStart\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</li>\r\n\r\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\r\n\t\t\t\t\t\t\t{pageResolver(\r\n\t\t\t\t\t\t\t\tthis.pagination.startPage < this.pagination.currentPage ? this.pagination.currentPage - 1 : -1,\r\n\t\t\t\t\t\t\t\t<gov-icon class={PaginationClass.arrow} name=\"chevron-left\" type=\"components\"></gov-icon>,\r\n\t\t\t\t\t\t\t\tthis.labelPrev\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</li>\r\n\r\n\t\t\t\t\t\t{this.type == \"select\" ? (\r\n\t\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemSelect])}>\r\n\t\t\t\t\t\t\t\t<span class={PaginationClass.inner}>\r\n\t\t\t\t\t\t\t\t\t<span id={this.pageSelectId} hidden>\r\n\t\t\t\t\t\t\t\t\t\t{this.accessibleSelectLabel}\r\n\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t<gov-form-select\r\n\t\t\t\t\t\t\t\t\t\tsize={this.size}\r\n\t\t\t\t\t\t\t\t\t\tcolor={this.color}\r\n\t\t\t\t\t\t\t\t\t\tidentifier={this.selectIdentifier || this.selectId}\r\n\t\t\t\t\t\t\t\t\t\taria-labelledby={this.pageSelectId}\r\n\t\t\t\t\t\t\t\t\t\ton-gov-change={this.onSelectHandler.bind(this)}>\r\n\t\t\t\t\t\t\t\t\t\t{createArrayRange(1, this.pagination.totalPages).map(page => (\r\n\t\t\t\t\t\t\t\t\t\t\t<option value={page} selected={this.pagination.currentPage === page}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{page}\r\n\t\t\t\t\t\t\t\t\t\t\t</option>\r\n\t\t\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t\t\t</gov-form-select>\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t<Fragment>\r\n\t\t\t\t\t\t\t\t{this.pagination.pages.map(page => (\r\n\t\t\t\t\t\t\t\t\t<li class={this.isActivePageClass(PaginationClass.item, page)}>{pageResolver(page, page, '')}</li>\r\n\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t\t{this.pagination.totalPages ? (\r\n\t\t\t\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemMore])}>\r\n\t\t\t\t\t\t\t\t\t<span class={PaginationClass.inner}>\r\n\t\t\t\t\t\t\t\t\t\t<span id={this.pageSelectId} hidden>\r\n\t\t\t\t\t\t\t\t\t\t\t{this.accessibleSelectLabel}\r\n\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t<gov-form-select\r\n\t\t\t\t\t\t\t\t\t\t\tsize={this.size}\r\n\t\t\t\t\t\t\t\t\t\t\tcolor={this.color}\r\n\t\t\t\t\t\t\t\t\t\t\tidentifier={this.selectIdentifier || this.selectId}\r\n\t\t\t\t\t\t\t\t\t\t\taria-labelledby={this.pageSelectId}\r\n\t\t\t\t\t\t\t\t\t\t\tref={el => (this.spreadSelectRef = el as HTMLGovFormSelectElement)}\r\n\t\t\t\t\t\t\t\t\t\t\ton-gov-change={this.onSelectHandler.bind(this)}>\r\n\t\t\t\t\t\t\t\t\t\t\t<option selected hidden>...</option>\r\n\t\t\t\t\t\t\t\t\t\t\t{createArrayRange(1, this.pagination.totalPages).map(page => (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<option value={page} selected={false}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{page}\r\n\t\t\t\t\t\t\t\t\t\t\t\t</option>\r\n\t\t\t\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t\t\t\t</gov-form-select>\r\n\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t</Fragment>\r\n\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\r\n\t\t\t\t\t\t\t{pageResolver(\r\n\t\t\t\t\t\t\t\tthis.pagination.totalPages > this.pagination.currentPage ? this.pagination.currentPage + 1 : -1,\r\n\t\t\t\t\t\t\t\t<gov-icon class={PaginationClass.arrow} name=\"chevron-right\" type=\"components\"></gov-icon>,\r\n\t\t\t\t\t\t\t\tthis.labelNext\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</li>\r\n\r\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\r\n\t\t\t\t\t\t\t{pageResolver(\r\n\t\t\t\t\t\t\t\tthis.pagination.totalPages > this.pagination.currentPage ? this.pagination.totalPages : -1,\r\n\t\t\t\t\t\t\t\t<gov-icon class={PaginationClass.arrow} name=\"chevron-double-right\" type=\"components\"></gov-icon>,\r\n\t\t\t\t\t\t\t\tthis.labelEnd\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</li>\r\n\t\t\t\t\t</ul>\r\n\t\t\t\t</nav>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tprivate onClickHandler(e: CustomEvent, page: number): void {\r\n\t\te.stopPropagation()\r\n\t\tthis.recalculatePagination(page)\r\n\t\tthis.govPage.emit({\r\n\t\t\tcomponent: PaginationClass.root,\r\n\t\t\tpagination: this.pagination\r\n\t\t})\r\n\t}\r\n\r\n\tprivate onSelectHandler(e: CustomEvent<FormSelectEvent>): void {\r\n\t\te.stopPropagation()\r\n\t\tconst value = e.detail.value\r\n\t\tconst page = parseInt(value)\r\n\t\tthis.resetSelectValue()\r\n\t\tif (isNaN(page) === false) {\r\n\t\t\tthis.recalculatePagination(page)\r\n\t\t\tif (this.link) {\r\n\t\t\t\twindow.location.href = this.prepareLinkUrl(page)\r\n\t\t\t} else {\r\n\t\t\t\tthis.govPage.emit({\r\n\t\t\t\t\tcomponent: PaginationClass.root,\r\n\t\t\t\t\tpagination: this.pagination\r\n\t\t\t\t})\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n"],"names":[],"mappings":"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"}

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-DT2tslUp.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-ClISz4NF.js';
 import { v as validateProp } from './props-CJZgTDla.js';
 import { S as Sizes } from './sizes-BcQO4NH2.js';
 import { p as pick } from './utils-CQvUntGY.js';
-import { g as govHost } from './template-BBOh2pxy.js';
+import { g as govHost } from './template-CoD1xawt.js';
 import './gov.log-BtqD9K8d.js';
 
 const SpacerSize = pick(Sizes, ['_2XS', '_XS', '_S', '_M', '_L', '_XL', '_2XL', '_3XL', '_4XL']);
@@ -38,7 +38,7 @@ const GovSpacer = class {
         this.validateBreakpoint(this.breakpoint);
     }
     render() {
-        return h(Host, { key: '0cfcd48030a4fe812323c3b00b3ef1ae0c2bc2ad', class: this.h.classes(SpacerClass.root), size: this.size, breakpoint: this.breakpoint });
+        return h(Host, { key: '97560206986a3dea272c7e4a939bb91a050f6252', class: this.h.classes(SpacerClass.root), size: this.size, breakpoint: this.breakpoint });
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gov-spacer.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"gov-spacer.entry.js","sources":["../../../packages/core/src/components/gov-spacer/constants.tsx","../../../packages/core/src/components/gov-spacer/gov-spacer.tsx"],"sourcesContent":["import { Sizes } from '../../core/constants/sizes'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const SpacerSize = pick(Sizes, ['_2XS', '_XS', '_S', '_M', '_L', '_XL', '_2XL', '_3XL', '_4XL'])\nexport type SpacerSizeType = `${ValueOf<typeof SpacerSize>}`\n\nexport enum SpacerBreakpoints {\n\tNONE = 'none',\n\tSM = 'sm',\n\tMD = 'md',\n\tLG = 'lg',\n\tXL = 'xl',\n}\nexport type SpacerBreakpointsType = `${ValueOf<typeof SpacerBreakpoints>}`\n\nexport const SpacerClass = {\n\troot: 'gov-spacer',\n}\n","import { Component, Element, h, Host, Prop, Watch } from '@stencil/core'\nimport { validateProp } from '../../helpers/Validate/props'\nimport { SpacerBreakpoints, SpacerBreakpointsType, SpacerClass, SpacerSize, SpacerSizeType } from './constants'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { govHost } from '../../helpers/Dom/template'\n\n@Component({\n\ttag: 'gov-spacer',\n})\nexport class GovSpacer {\n\tprivate h: GovHost\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\t@Element() host: HTMLGovSpacerElement\n\t/**\n\t * Spacer’s size\n\t */\n\t@Prop() readonly size?: SpacerSizeType\n\t/**\n\t * Breakpoint\n\t */\n\t@Prop() readonly breakpoint?: SpacerBreakpointsType = undefined\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(SpacerSize, newValue, SpacerClass.root)\n\t}\n\n\t@Watch('breakpoint')\n\tvalidateBreakpoint(newValue: string): void {\n\t\tvalidateProp(SpacerBreakpoints, newValue, SpacerClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t\tthis.validateBreakpoint(this.breakpoint)\n\t}\n\n\trender() {\n\t\treturn <Host class={this.h.classes(SpacerClass.root)} size={this.size} breakpoint={this.breakpoint}></Host>\n\t}\n}\n"],"names":[],"mappings":";;;;;;;AAIO,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAGvG,IAAY,iBAMX;AAND,CAAA,UAAY,iBAAiB,EAAA;AAC5B,IAAA,iBAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,iBAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACT,IAAA,iBAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACT,IAAA,iBAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACT,IAAA,iBAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACV,CAAC,EANW,iBAAiB,KAAjB,iBAAiB,GAM5B,EAAA,CAAA,CAAA;AAGM,MAAM,WAAW,GAAG;AAC1B,IAAA,IAAI,EAAE,YAAY;CAClB;;MCTY,SAAS,GAAA,MAAA;AAErB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAQA;;AAEG;AACc,QAAA,IAAU,CAAA,UAAA,GAA2B,SAAS;QAV9D,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAYD,IAAA,YAAY,CAAC,QAAgB,EAAA;QAC5B,YAAY,CAAC,UAAU,EAAE,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC;;AAIrD,IAAA,kBAAkB,CAAC,QAAgB,EAAA;QAClC,YAAY,CAAC,iBAAiB,EAAE,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC;;IAG5D,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;AAC5B,QAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC;;IAGzC,MAAM,GAAA;AACL,QAAA,OAAO,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAA,CAAS;;;;;;;;;;;"}
+{"version":3,"file":"gov-spacer.entry.js","sources":["../../../packages/core/src/components/gov-spacer/constants.tsx","../../../packages/core/src/components/gov-spacer/gov-spacer.tsx"],"sourcesContent":["import { Sizes } from '../../core/constants/sizes'\r\nimport { pick } from '../../utils/utils'\r\nimport { ValueOf } from '../../types/interfaces'\r\n\r\nexport const SpacerSize = pick(Sizes, ['_2XS', '_XS', '_S', '_M', '_L', '_XL', '_2XL', '_3XL', '_4XL'])\r\nexport type SpacerSizeType = `${ValueOf<typeof SpacerSize>}`\r\n\r\nexport enum SpacerBreakpoints {\r\n\tNONE = 'none',\r\n\tSM = 'sm',\r\n\tMD = 'md',\r\n\tLG = 'lg',\r\n\tXL = 'xl',\r\n}\r\nexport type SpacerBreakpointsType = `${ValueOf<typeof SpacerBreakpoints>}`\r\n\r\nexport const SpacerClass = {\r\n\troot: 'gov-spacer',\r\n}\r\n","import { Component, Element, h, Host, Prop, Watch } from '@stencil/core'\r\nimport { validateProp } from '../../helpers/Validate/props'\r\nimport { SpacerBreakpoints, SpacerBreakpointsType, SpacerClass, SpacerSize, SpacerSizeType } from './constants'\r\nimport { GovHost } from '../../helpers/Dom/template.types'\r\nimport { govHost } from '../../helpers/Dom/template'\r\n\r\n@Component({\r\n\ttag: 'gov-spacer',\r\n})\r\nexport class GovSpacer {\r\n\tprivate h: GovHost\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\t@Element() host: HTMLGovSpacerElement\r\n\t/**\r\n\t * Spacer’s size\r\n\t */\r\n\t@Prop() readonly size?: SpacerSizeType\r\n\t/**\r\n\t * Breakpoint\r\n\t */\r\n\t@Prop() readonly breakpoint?: SpacerBreakpointsType = undefined\r\n\r\n\t@Watch('size')\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(SpacerSize, newValue, SpacerClass.root)\r\n\t}\r\n\r\n\t@Watch('breakpoint')\r\n\tvalidateBreakpoint(newValue: string): void {\r\n\t\tvalidateProp(SpacerBreakpoints, newValue, SpacerClass.root)\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateSize(this.size)\r\n\t\tthis.validateBreakpoint(this.breakpoint)\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn <Host class={this.h.classes(SpacerClass.root)} size={this.size} breakpoint={this.breakpoint}></Host>\r\n\t}\r\n}\r\n"],"names":[],"mappings":";;;;;;;AAIO,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAGvG,IAAY,iBAMX;AAND,CAAA,UAAY,iBAAiB,EAAA;AAC5B,IAAA,iBAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,iBAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACT,IAAA,iBAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACT,IAAA,iBAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACT,IAAA,iBAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACV,CAAC,EANW,iBAAiB,KAAjB,iBAAiB,GAM5B,EAAA,CAAA,CAAA;AAGM,MAAM,WAAW,GAAG;AAC1B,IAAA,IAAI,EAAE,YAAY;CAClB;;MCTY,SAAS,GAAA,MAAA;AAErB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAQA;;AAEG;AACc,QAAA,IAAU,CAAA,UAAA,GAA2B,SAAS;QAV9D,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAYD,IAAA,YAAY,CAAC,QAAgB,EAAA;QAC5B,YAAY,CAAC,UAAU,EAAE,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC;;AAIrD,IAAA,kBAAkB,CAAC,QAAgB,EAAA;QAClC,YAAY,CAAC,iBAAiB,EAAE,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC;;IAG5D,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;AAC5B,QAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC;;IAGzC,MAAM,GAAA;AACL,QAAA,OAAO,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAA,CAAS;;;;;;;;;;;"}

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

@@ -1,8 +1,8 @@
-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 { S as StepperItemClass, c as StepperColors } from './constants-oYp2tkdN.js';
 import { c as createID } from './string.utils-vN03FcXN.js';
-import { g as govHost } from './template-BBOh2pxy.js';
+import { g as govHost } from './template-CoD1xawt.js';
 import './gov.log-BtqD9K8d.js';
 import './utils-CQvUntGY.js';
 import './colors-U40vKHrs.js';
@@ -37,7 +37,7 @@ const GovStepperItem = class {
     render() {
         const triggerId = this.identifier || this.triggerId;
         const contentId = this.contentId;
-        return (h(Host, { key: 'c6fccfba3fb2434ff3e1cf6f082b8e1efdf678da', id: triggerId, class: this.h.classes(StepperItemClass.root), color: this.color, role: "listitem", hydrated: this.hydrated }, h("div", { key: '63436f68c58e23fda47db1d48e2fec087bfb19a2' }, h("div", { key: '7f70a37cfa54fda7b89f8f9eeb395121e7626c4c', class: StepperItemClass.steps }, h("span", { key: 'c65ea77b5a4b0ddad39b67af29e0e4bd799060c4' }), h("span", { key: '84695001e1f01420c69a2c6bf32e3463e7c02566', class: StepperItemClass.prefix }, h("slot", { key: '8f958979bb316dce25991a49620cb92d4bd0f0b4', name: "prefix" })), h("span", { key: 'f1f5a904e078c64888af41d36874f847035dbcd7' })), h("div", { key: '3e9149dbb060679006b8ca5ea1aefd8cef1eccc7', class: StepperItemClass.main }, h("span", { key: '5fe6ec5eaab7618f865e4c8327d5ee2797a380ad', class: StepperItemClass.headline }, h("slot", { key: 'acf8d8098a5de3a962ff213febbb409be338e110', name: "headline" })), h("slot", { key: 'c01fc26f870c2ee02aa7559a055664de88454383', name: "annotation" }), this.h.hasSlot('content') && (h("div", { key: '955d3d180f70801abed40bdffdb339264fabe007', class: StepperItemClass.content, id: contentId, "aria-labelledby": triggerId, role: "tabpanel" }, h("slot", { key: 'f22bc0884f0c5478c992c6d517af466016f753ec', name: "content" })))))));
+        return (h(Host, { key: '609a7f8b92363c1de962f2260d36fc674bd4c193', id: triggerId, class: this.h.classes(StepperItemClass.root), color: this.color, role: "listitem", hydrated: this.hydrated }, h("div", { key: '5afa6db421d268ff22727bedff02fe7e37273b7c' }, h("div", { key: 'f09a6804198fbf9a37b0553bf0539e26dd28d9f4', class: StepperItemClass.steps }, h("span", { key: 'e9f495a434501d1b5f7ac65fb757cca181156814' }), h("span", { key: 'bb3b4bd8d1e613090f9e369a72c20e04eeaad1a9', class: StepperItemClass.prefix }, h("slot", { key: '5d8ee1538f9232cc62d76b1aa2497195732c0b7f', name: "prefix" })), h("span", { key: 'cb3c58492c7190ae67770ed411bf154e831573ca' })), h("div", { key: '5747894f97b0ff23250ead28081410404bfbd0a8', class: StepperItemClass.main }, h("span", { key: '801116e18ad8b6543ceb9106195f5baed23170ee', class: StepperItemClass.headline }, h("slot", { key: '5e032e03983befdeddfa82f3756b7677549cfd53', name: "headline" })), h("slot", { key: '81ae890926e9966125ef3869da9c0230faf7b8a7', name: "annotation" }), this.h.hasSlot('content') && (h("div", { key: '4c1bd6e0144a7fd3c8457de9ca2332289a5b86cb', class: StepperItemClass.content, id: contentId, "aria-labelledby": triggerId, role: "tabpanel" }, h("slot", { key: 'a8122225841c58776cde45f4a5e61292a2bab389', name: "content" })))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gov-stepper-item.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"gov-stepper-item.entry.js","sources":["../../../packages/core/src/components/gov-stepper/stepper/gov-stepper-item.tsx"],"sourcesContent":["import { Component, Element, h, Prop, Watch, Host, Event, EventEmitter } from '@stencil/core'\nimport { validateProp } from '../../../helpers/Validate/props'\nimport { StepperSizesType, StepperItemClass, StepperColorType, StepperColors } from './constants'\nimport { createID } from '../../../utils/string.utils'\nimport { govHost } from '../../../helpers/Dom/template'\nimport { GovStepperItemChangeEvent } from './gov-stepper-item.d'\nimport { GovHost } from '../../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-stepper-item',\n})\nexport class GovStepperItem {\n\tprivate h: GovHost\n\tprivate readonly triggerId: string\n\tprivate readonly contentId: string\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.triggerId = createID('GovStepperItem')\n\t\tthis.contentId = createID('GovStepperContent')\n\t}\n\n\t@Element() readonly host: HTMLGovStepperItemElement\n\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly color?: StepperColorType = 'primary'\n\t/**\n\t * Size of stepper\n\t */\n\t@Prop() readonly size?: StepperSizesType = 'm'\n\t/**\n\t * Custom stepper item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Called when the accordion state changes\n\t */\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<GovStepperItemChangeEvent>\n\n\t@Watch('color')\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(StepperColors, newValue, StepperItemClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\tconst triggerId = this.identifier || this.triggerId\n\t\tconst contentId = this.contentId\n\n\t\treturn (\n\t\t\t<Host id={triggerId} class={this.h.classes(StepperItemClass.root)} color={this.color} role=\"listitem\" hydrated={this.hydrated}>\n\t\t\t\t<div>\n\t\t\t\t\t<div class={StepperItemClass.steps}>\n\t\t\t\t\t\t<span></span>\n\t\t\t\t\t\t<span class={StepperItemClass.prefix}>\n\t\t\t\t\t\t\t<slot name=\"prefix\"/>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<span></span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class={StepperItemClass.main}>\n\t\t\t\t\t\t<span class={StepperItemClass.headline}>\n\t\t\t\t\t\t\t<slot name=\"headline\"/>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<slot name=\"annotation\"/>\n\n\t\t\t\t\t\t{this.h.hasSlot('content') && (\n\t\t\t\t\t\t\t<div class={StepperItemClass.content} id={contentId} aria-labelledby={triggerId}\n\t\t\t\t\t\t\t\t role=\"tabpanel\">\n\t\t\t\t\t\t\t\t<slot name=\"content\"/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"names":[],"mappings":";;;;;;;;;;MAWa,cAAc,GAAA,MAAA;AAM1B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAFQ,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAUxB;;AAEG;AACc,QAAA,IAAK,CAAA,KAAA,GAAsB,SAAS;AACrD;;AAEG;AACc,QAAA,IAAI,CAAA,IAAA,GAAsB,GAAG;QAd7C,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B,QAAA,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,gBAAgB,CAAC;AAC3C,QAAA,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,mBAAmB,CAAC;AAC9C;AAsBD,IAAA,aAAa,CAAC,QAAgB,EAAA;QAC7B,YAAY,CAAC,aAAa,EAAE,QAAQ,EAAE,gBAAgB,CAAC,IAAI,CAAC;;IAG7D,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;;IAG/B,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;;IAGrB,MAAM,GAAA;QACL,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS;AACnD,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS;QAEhC,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EAC5H,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,gBAAgB,CAAC,KAAK,EAAA,EACjC,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACb,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,gBAAgB,CAAC,MAAM,EAAA,EACnC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAA,CAAE,CACf,EACP,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACR,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,gBAAgB,CAAC,IAAI,EAAA,EAChC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,gBAAgB,CAAC,QAAQ,EAAA,EACrC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,UAAU,EAAA,CAAE,CACjB,EACP,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,YAAY,EAAE,CAAA,EAExB,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,KACzB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAAE,EAAE,EAAE,SAAS,qBAAmB,SAAS,EAC7E,IAAI,EAAC,UAAU,EAAA,EAChB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAE,CAAA,CACjB,CACN,CACI,CACD,CACA;;;;;;;;;;"}
+{"version":3,"file":"gov-stepper-item.entry.js","sources":["../../../packages/core/src/components/gov-stepper/stepper/gov-stepper-item.tsx"],"sourcesContent":["import { Component, Element, h, Prop, Watch, Host, Event, EventEmitter } from '@stencil/core'\r\nimport { validateProp } from '../../../helpers/Validate/props'\r\nimport { StepperSizesType, StepperItemClass, StepperColorType, StepperColors } from './constants'\r\nimport { createID } from '../../../utils/string.utils'\r\nimport { govHost } from '../../../helpers/Dom/template'\r\nimport { GovStepperItemChangeEvent } from './gov-stepper-item.d'\r\nimport { GovHost } from '../../../helpers/Dom/template.types'\r\n\r\n@Component({\r\n\ttag: 'gov-stepper-item',\r\n})\r\nexport class GovStepperItem {\r\n\tprivate h: GovHost\r\n\tprivate readonly triggerId: string\r\n\tprivate readonly contentId: string\r\n\tprivate hydrated = false\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.triggerId = createID('GovStepperItem')\r\n\t\tthis.contentId = createID('GovStepperContent')\r\n\t}\r\n\r\n\t@Element() readonly host: HTMLGovStepperItemElement\r\n\r\n\t/**\r\n\t * Style variation of the button.\r\n\t */\r\n\t@Prop() readonly color?: StepperColorType = 'primary'\r\n\t/**\r\n\t * Size of stepper\r\n\t */\r\n\t@Prop() readonly size?: StepperSizesType = 'm'\r\n\t/**\r\n\t * Custom stepper item identifier. Otherwise, it will be generated\r\n\t */\r\n\t@Prop() readonly identifier: string\r\n\t/**\r\n\t * Called when the accordion state changes\r\n\t */\r\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<GovStepperItemChangeEvent>\r\n\r\n\t@Watch('color')\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(StepperColors, newValue, StepperItemClass.root)\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateColor(this.color)\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 triggerId = this.identifier || this.triggerId\r\n\t\tconst contentId = this.contentId\r\n\r\n\t\treturn (\r\n\t\t\t<Host id={triggerId} class={this.h.classes(StepperItemClass.root)} color={this.color} role=\"listitem\" hydrated={this.hydrated}>\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<div class={StepperItemClass.steps}>\r\n\t\t\t\t\t\t<span></span>\r\n\t\t\t\t\t\t<span class={StepperItemClass.prefix}>\r\n\t\t\t\t\t\t\t<slot name=\"prefix\"/>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<span></span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class={StepperItemClass.main}>\r\n\t\t\t\t\t\t<span class={StepperItemClass.headline}>\r\n\t\t\t\t\t\t\t<slot name=\"headline\"/>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<slot name=\"annotation\"/>\r\n\r\n\t\t\t\t\t\t{this.h.hasSlot('content') && (\r\n\t\t\t\t\t\t\t<div class={StepperItemClass.content} id={contentId} aria-labelledby={triggerId}\r\n\t\t\t\t\t\t\t\t role=\"tabpanel\">\r\n\t\t\t\t\t\t\t\t<slot name=\"content\"/>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"names":[],"mappings":";;;;;;;;;;MAWa,cAAc,GAAA,MAAA;AAM1B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAFQ,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAUxB;;AAEG;AACc,QAAA,IAAK,CAAA,KAAA,GAAsB,SAAS;AACrD;;AAEG;AACc,QAAA,IAAI,CAAA,IAAA,GAAsB,GAAG;QAd7C,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B,QAAA,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,gBAAgB,CAAC;AAC3C,QAAA,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,mBAAmB,CAAC;AAC9C;AAsBD,IAAA,aAAa,CAAC,QAAgB,EAAA;QAC7B,YAAY,CAAC,aAAa,EAAE,QAAQ,EAAE,gBAAgB,CAAC,IAAI,CAAC;;IAG7D,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;;IAG/B,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;;IAGrB,MAAM,GAAA;QACL,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS;AACnD,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS;QAEhC,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EAC5H,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,gBAAgB,CAAC,KAAK,EAAA,EACjC,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACb,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,gBAAgB,CAAC,MAAM,EAAA,EACnC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAA,CAAE,CACf,EACP,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACR,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,gBAAgB,CAAC,IAAI,EAAA,EAChC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,gBAAgB,CAAC,QAAQ,EAAA,EACrC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,UAAU,EAAA,CAAE,CACjB,EACP,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,YAAY,EAAE,CAAA,EAExB,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,KACzB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAAE,EAAE,EAAE,SAAS,qBAAmB,SAAS,EAC7E,IAAI,EAAC,UAAU,EAAA,EAChB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAE,CAAA,CACjB,CACN,CACI,CACD,CACA;;;;;;;;;;"}

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

@@ -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 { S as StepperItemClass, a as StepperClass, b as StepperSizes } from './constants-oYp2tkdN.js';
-import { g as govHost } from './template-BBOh2pxy.js';
+import { g as govHost } from './template-CoD1xawt.js';
 import './gov.log-BtqD9K8d.js';
 import './utils-CQvUntGY.js';
 import './colors-U40vKHrs.js';
@@ -37,7 +37,7 @@ const GovStepper = class {
         this.hydrated = true;
     }
     render() {
-        return (h(Host, { key: '3b42ad7a7d2b7b6aa6d6744fae45f1c347df6e57', class: this.h.classes(StepperClass.root), role: "list", size: this.size, hydrated: this.hydrated }, h("slot", { key: 'c129d51c4ecd2caa88446cefc56ed5eadd2360d1' })));
+        return (h(Host, { key: '92d3349a28b4330a3bea5293853612d0a0b96069', class: this.h.classes(StepperClass.root), role: "list", size: this.size, hydrated: this.hydrated }, h("slot", { key: 'a5b65c3a06c63f826d6c968c69f1452abe0408af' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gov-stepper.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"gov-stepper.entry.js","sources":["../../../packages/core/src/components/gov-stepper/stepper/gov-stepper.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Prop, Watch } from '@stencil/core'\nimport { validateProp } from '../../../helpers/Validate/props'\nimport { StepperClass, StepperItemClass, StepperSizes, StepperSizesType } from './constants'\nimport { GovStepperItemCustomEvent } from '../../../components'\nimport { GovStepperItemChangeEvent } from './gov-stepper-item.d'\nimport { GovHost } from '../../../helpers/Dom/template.types'\nimport { govHost } from '../../../helpers/Dom/template'\n\n@Component({\n\ttag: 'gov-stepper',\n})\nexport class GovStepper {\n\tprivate h: GovHost\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovStepperElement\n\t/**\n\t * Size of stepper\n\t */\n\t@Prop() readonly size?: StepperSizesType = 'm'\n\t/**\n\t * Called when the Stepper state changes\n\t */\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<GovStepperItemChangeEvent>\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(StepperSizes, newValue, StepperClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.host.querySelectorAll(StepperItemClass.root).forEach((child: HTMLGovStepperItemElement) => {\n\t\t\tchild.setAttribute('size', this.size)\n\t\t\tchild.addEventListener('gov-change', (e: GovStepperItemCustomEvent<GovStepperItemChangeEvent>) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.govChange.emit(e.detail)\n\t\t\t})\n\t\t})\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(StepperClass.root)} role=\"list\" size={this.size} hydrated={this.hydrated}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"names":[],"mappings":";;;;;;;;;MAWa,UAAU,GAAA,MAAA;AAItB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAFQ,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAOxB;;AAEG;AACc,QAAA,IAAI,CAAA,IAAA,GAAsB,GAAG;QAP7C,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAaD,IAAA,YAAY,CAAC,QAAgB,EAAA;QAC5B,YAAY,CAAC,YAAY,EAAE,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC;;IAGxD,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;;IAG7B,gBAAgB,GAAA;AACf,QAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,KAAgC,KAAI;YAC9F,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC;YACrC,KAAK,CAAC,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAAuD,KAAI;gBAChG,CAAC,CAAC,eAAe,EAAE;gBACnB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;AAC9B,aAAC,CAAC;AACH,SAAC,CAAC;;IAGH,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;;IAGrB,MAAM,GAAA;QACL,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EACnG,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;;;;"}
+{"version":3,"file":"gov-stepper.entry.js","sources":["../../../packages/core/src/components/gov-stepper/stepper/gov-stepper.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Prop, Watch } from '@stencil/core'\r\nimport { validateProp } from '../../../helpers/Validate/props'\r\nimport { StepperClass, StepperItemClass, StepperSizes, StepperSizesType } from './constants'\r\nimport { GovStepperItemCustomEvent } from '../../../components'\r\nimport { GovStepperItemChangeEvent } from './gov-stepper-item.d'\r\nimport { GovHost } from '../../../helpers/Dom/template.types'\r\nimport { govHost } from '../../../helpers/Dom/template'\r\n\r\n@Component({\r\n\ttag: 'gov-stepper',\r\n})\r\nexport class GovStepper {\r\n\tprivate h: GovHost\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() readonly host: HTMLGovStepperElement\r\n\t/**\r\n\t * Size of stepper\r\n\t */\r\n\t@Prop() readonly size?: StepperSizesType = 'm'\r\n\t/**\r\n\t * Called when the Stepper state changes\r\n\t */\r\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<GovStepperItemChangeEvent>\r\n\r\n\t@Watch('size')\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(StepperSizes, newValue, StepperClass.root)\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateSize(this.size)\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.host.querySelectorAll(StepperItemClass.root).forEach((child: HTMLGovStepperItemElement) => {\r\n\t\t\tchild.setAttribute('size', this.size)\r\n\t\t\tchild.addEventListener('gov-change', (e: GovStepperItemCustomEvent<GovStepperItemChangeEvent>) => {\r\n\t\t\t\te.stopPropagation()\r\n\t\t\t\tthis.govChange.emit(e.detail)\r\n\t\t\t})\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\treturn (\r\n\t\t\t<Host class={this.h.classes(StepperClass.root)} role=\"list\" size={this.size} hydrated={this.hydrated}>\r\n\t\t\t\t<slot />\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"names":[],"mappings":";;;;;;;;;MAWa,UAAU,GAAA,MAAA;AAItB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAFQ,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAOxB;;AAEG;AACc,QAAA,IAAI,CAAA,IAAA,GAAsB,GAAG;QAP7C,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAaD,IAAA,YAAY,CAAC,QAAgB,EAAA;QAC5B,YAAY,CAAC,YAAY,EAAE,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC;;IAGxD,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;;IAG7B,gBAAgB,GAAA;AACf,QAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,KAAgC,KAAI;YAC9F,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC;YACrC,KAAK,CAAC,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAAuD,KAAI;gBAChG,CAAC,CAAC,eAAe,EAAE;gBACnB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;AAC9B,aAAC,CAAC;AACH,SAAC,CAAC;;IAGH,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;;IAGrB,MAAM,GAAA;QACL,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EACnG,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;;;;"}

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-DT2tslUp.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-ClISz4NF.js';
 import { c as createID } from './string.utils-vN03FcXN.js';
-import { g as govHost, t as toBoolAttrIfDefined } from './template-BBOh2pxy.js';
+import { g as govHost, t as toBoolAttrIfDefined } from './template-CoD1xawt.js';
 import { a as TabsClass, T as TabsItemClass } from './constants-DHvN41Ek.js';
 import './utils-CQvUntGY.js';
 import './sizes-BcQO4NH2.js';
@@ -29,7 +29,7 @@ const GovTabsItem = class {
         }
     }
     render() {
-        return (h(Host, { key: '08008c01509a02694f8b64bffee8191508c2bb9a', class: this.h.classes(TabsItemClass.root), default: this.default }, h("div", { key: '3080da5d4a50d0cde2a795ee874f1e453870b90d', class: TabsItemClass.inner, role: "tabpanel", id: this.identifier || this.contentId, hidden: !this.isActive, "aria-labelledby": this.triggerIdentifier || this.triggerId, "aria-hidden": toBoolAttrIfDefined(!this.isActive) }, h("slot", { key: 'c56f30cf87bd8a48456b0720768229a478381b41' }))));
+        return (h(Host, { key: '7de42fde0ca4e787967c76a14aa2498367f66a1c', class: this.h.classes(TabsItemClass.root), default: this.default }, h("div", { key: '89f6bf8f5505ed17e5a9c46f60dfbf34353a75e6', class: TabsItemClass.inner, role: "tabpanel", id: this.identifier || this.contentId, hidden: !this.isActive, "aria-labelledby": this.triggerIdentifier || this.triggerId, "aria-hidden": toBoolAttrIfDefined(!this.isActive) }, h("slot", { key: '690b06566e645ce22ec34c47c56852a75ac1069b' }))));
     }
     /**
      * Returns a unique tab content identifier

package/dist/esm/gov-tabs-item.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"gov-tabs-item.entry.js","sources":["../../../packages/core/src/components/gov-tabs/gov-tabs-item.tsx"],"sourcesContent":["import {Component, Element, h, Host, Method, Prop, State, Watch} from '@stencil/core'\nimport {createID} from '../../utils/string.utils'\nimport {govHost, toBoolAttrIfDefined} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {TabsClass, TabsItemClass} from './constants'\n\n@Component({\n\ttag: 'gov-tabs-item',\n})\nexport class GovTabsItem {\n\tprivate h: GovHost\n\tprivate readonly contentId: string\n\tprivate readonly triggerId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.contentId = createID('GovTabContent')\n\t\tthis.triggerId = createID('GovTabTrigger')\n\t}\n\n\t@Element() host: HTMLGovTabsItemElement\n\t/**\n\t * Custom tab item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Custom tab trigger item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly triggerIdentifier: string\n\t/**\n\t * Item name of the tab\n\t */\n\t@Prop({reflect: true}) readonly label: string\n\t/**\n\t * Item disable state\n\t */\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/**\n\t * Icon definition at the stat. Use the type/name notation\n\t */\n\t@Prop({reflect: true, attribute: 'icon-start'}) readonly iconStart: string\n\t/**\n\t * Icon definition at the end. Use the type/name notation\n\t */\n\t@Prop({reflect: true, attribute: 'icon-end'}) readonly iconEnd: string\n\t/**\n\t * Default selected tab\n\t */\n\t@Prop() readonly default: boolean = false\n\t@State() isActive = false\n\n\t@Watch('label')\n\t@Watch('disabled')\n\trerenderParent() {\n\t\tconst element = this.h.getParent(TabsClass.root) as HTMLGovTabsElement;\n\t\tif (element) {\n\t\t\telement.rerender().catch()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(TabsItemClass.root)} default={this.default}>\n\t\t\t\t<div\n\t\t\t\t\tclass={TabsItemClass.inner}\n\t\t\t\t\trole=\"tabpanel\"\n\t\t\t\t\tid={this.identifier || this.contentId}\n\t\t\t\t\thidden={!this.isActive}\n\t\t\t\t\taria-labelledby={this.triggerIdentifier || this.triggerId}\n\t\t\t\t\taria-hidden={toBoolAttrIfDefined(!this.isActive)}\n\t\t\t\t>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Returns a unique tab content identifier\n\t */\n\t@Method()\n\tasync getIdentifier(): Promise<string> {\n\t\treturn this.identifier || this.contentId\n\t}\n\n\t/**\n\t * Returns a unique tab trigger identifier\n\t */\n\t@Method()\n\tasync getTriggerIdentifier(): Promise<string> {\n\t\treturn this.triggerIdentifier || this.triggerId\n\t}\n\n\t/**\n\t * Returns a unique tab trigger identifier\n\t */\n\t@Method()\n\tasync getDisableState(): Promise<boolean> {\n\t\treturn this.disabled\n\t}\n\n\t/**\n\t * Set status of tab-item\n\t */\n\t@Method()\n\tasync setActiveStatus(status: boolean): Promise<void> {\n\t\tthis.isActive = status\n\t}\n}\n"],"names":[],"mappings":";;;;;;;;MASa,WAAW,GAAA,MAAA;AAKvB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAmBA;;AAEG;AAC6B,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AASzD;;AAEG;AACc,QAAA,IAAO,CAAA,OAAA,GAAY,KAAK;AAChC,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;QAlCxB,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B,QAAA,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,eAAe,CAAC;AAC1C,QAAA,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,eAAe,CAAC;AAC1C;IAmCD,cAAc,GAAA;AACb,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAuB;QACtE,IAAI,OAAO,EAAE;AACZ,YAAA,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE;;;IAI5B,MAAM,GAAA;QACL,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,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,aAAa,CAAC,KAAK,EAC1B,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS,EACrC,MAAM,EAAE,CAAC,IAAI,CAAC,QAAQ,EACL,iBAAA,EAAA,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,SAAS,iBAC5C,mBAAmB,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAA,EAEhD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR,CACA;;AAIT;;AAEG;AAEH,IAAA,MAAM,aAAa,GAAA;AAClB,QAAA,OAAO,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS;;AAGzC;;AAEG;AAEH,IAAA,MAAM,oBAAoB,GAAA;AACzB,QAAA,OAAO,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,SAAS;;AAGhD;;AAEG;AAEH,IAAA,MAAM,eAAe,GAAA;QACpB,OAAO,IAAI,CAAC,QAAQ;;AAGrB;;AAEG;IAEH,MAAM,eAAe,CAAC,MAAe,EAAA;AACpC,QAAA,IAAI,CAAC,QAAQ,GAAG,MAAM;;;;;;;;;;;"}
+{"version":3,"file":"gov-tabs-item.entry.js","sources":["../../../packages/core/src/components/gov-tabs/gov-tabs-item.tsx"],"sourcesContent":["import {Component, Element, h, Host, Method, Prop, State, Watch} from '@stencil/core'\r\nimport {createID} from '../../utils/string.utils'\r\nimport {govHost, toBoolAttrIfDefined} from '../../helpers/Dom/template'\r\nimport {GovHost} from '../../helpers/Dom/template.types'\r\nimport {TabsClass, TabsItemClass} from './constants'\r\n\r\n@Component({\r\n\ttag: 'gov-tabs-item',\r\n})\r\nexport class GovTabsItem {\r\n\tprivate h: GovHost\r\n\tprivate readonly contentId: string\r\n\tprivate readonly triggerId: string\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.contentId = createID('GovTabContent')\r\n\t\tthis.triggerId = createID('GovTabTrigger')\r\n\t}\r\n\r\n\t@Element() host: HTMLGovTabsItemElement\r\n\t/**\r\n\t * Custom tab item identifier. Otherwise, it will be generated\r\n\t */\r\n\t@Prop() readonly identifier: string\r\n\t/**\r\n\t * Custom tab trigger item identifier. Otherwise, it will be generated\r\n\t */\r\n\t@Prop() readonly triggerIdentifier: string\r\n\t/**\r\n\t * Item name of the tab\r\n\t */\r\n\t@Prop({reflect: true}) readonly label: string\r\n\t/**\r\n\t * Item disable state\r\n\t */\r\n\t@Prop({reflect: true}) readonly disabled: boolean = false\r\n\t/**\r\n\t * Icon definition at the stat. Use the type/name notation\r\n\t */\r\n\t@Prop({reflect: true, attribute: 'icon-start'}) readonly iconStart: string\r\n\t/**\r\n\t * Icon definition at the end. Use the type/name notation\r\n\t */\r\n\t@Prop({reflect: true, attribute: 'icon-end'}) readonly iconEnd: string\r\n\t/**\r\n\t * Default selected tab\r\n\t */\r\n\t@Prop() readonly default: boolean = false\r\n\t@State() isActive = false\r\n\r\n\t@Watch('label')\r\n\t@Watch('disabled')\r\n\trerenderParent() {\r\n\t\tconst element = this.h.getParent(TabsClass.root) as HTMLGovTabsElement;\r\n\t\tif (element) {\r\n\t\t\telement.rerender().catch()\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(TabsItemClass.root)} default={this.default}>\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass={TabsItemClass.inner}\r\n\t\t\t\t\trole=\"tabpanel\"\r\n\t\t\t\t\tid={this.identifier || this.contentId}\r\n\t\t\t\t\thidden={!this.isActive}\r\n\t\t\t\t\taria-labelledby={this.triggerIdentifier || this.triggerId}\r\n\t\t\t\t\taria-hidden={toBoolAttrIfDefined(!this.isActive)}\r\n\t\t\t\t>\r\n\t\t\t\t\t<slot></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 * Returns a unique tab content identifier\r\n\t */\r\n\t@Method()\r\n\tasync getIdentifier(): Promise<string> {\r\n\t\treturn this.identifier || this.contentId\r\n\t}\r\n\r\n\t/**\r\n\t * Returns a unique tab trigger identifier\r\n\t */\r\n\t@Method()\r\n\tasync getTriggerIdentifier(): Promise<string> {\r\n\t\treturn this.triggerIdentifier || this.triggerId\r\n\t}\r\n\r\n\t/**\r\n\t * Returns a unique tab trigger identifier\r\n\t */\r\n\t@Method()\r\n\tasync getDisableState(): Promise<boolean> {\r\n\t\treturn this.disabled\r\n\t}\r\n\r\n\t/**\r\n\t * Set status of tab-item\r\n\t */\r\n\t@Method()\r\n\tasync setActiveStatus(status: boolean): Promise<void> {\r\n\t\tthis.isActive = status\r\n\t}\r\n}\r\n"],"names":[],"mappings":";;;;;;;;MASa,WAAW,GAAA,MAAA;AAKvB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAmBA;;AAEG;AAC6B,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AASzD;;AAEG;AACc,QAAA,IAAO,CAAA,OAAA,GAAY,KAAK;AAChC,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;QAlCxB,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B,QAAA,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,eAAe,CAAC;AAC1C,QAAA,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,eAAe,CAAC;AAC1C;IAmCD,cAAc,GAAA;AACb,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAuB;QACtE,IAAI,OAAO,EAAE;AACZ,YAAA,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE;;;IAI5B,MAAM,GAAA;QACL,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,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,aAAa,CAAC,KAAK,EAC1B,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS,EACrC,MAAM,EAAE,CAAC,IAAI,CAAC,QAAQ,EACL,iBAAA,EAAA,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,SAAS,iBAC5C,mBAAmB,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAA,EAEhD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR,CACA;;AAIT;;AAEG;AAEH,IAAA,MAAM,aAAa,GAAA;AAClB,QAAA,OAAO,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS;;AAGzC;;AAEG;AAEH,IAAA,MAAM,oBAAoB,GAAA;AACzB,QAAA,OAAO,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,SAAS;;AAGhD;;AAEG;AAEH,IAAA,MAAM,eAAe,GAAA;QACpB,OAAO,IAAI,CAAC,QAAQ;;AAGrB;;AAEG;IAEH,MAAM,eAAe,CAAC,MAAe,EAAA;AACpC,QAAA,IAAI,CAAC,QAAQ,GAAG,MAAM;;;;;;;;;;;"}

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

@@ -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 { T as TabsItemClass, a as TabsClass, b as TabTypes, c as TabColors, d as TabSizes } from './constants-DHvN41Ek.js';
-import { g as govHost, a as toBoolAttr, b as booleanString } from './template-BBOh2pxy.js';
+import { g as govHost, a as toBoolAttr, b as booleanString } from './template-CoD1xawt.js';
 import { h as hasOwnProperty } from './helpers.types-DNztiAH0.js';
 import { p as prepareIconFormat } from './helpers-GYov8gU1.js';
 import { A as AttributeObserver, a as ariaAttributes } from './attribute-Bz_RzYFb.js';
@@ -134,7 +134,7 @@ const GovTabs = class {
         });
     }
     render() {
-        return (h(Host, { key: 'f2005ba90b408bd5bba21e6efc86b247944e7c5e', class: this.h.classes(TabsClass.root), size: this.size, color: this.color, type: this.type, direction: this.direction, onKeyDown: this.onKeydownHandler.bind(this) }, h("div", Object.assign({ key: 'e8ad7a3f754fb72a1546f8147f958f97d865f745', class: TabsClass.tabs, role: "tablist" }, this.inheritedAttributes), h("ul", { key: 'cba48068fb5cef81797a703edfe6d8f1a5714be6', class: TabsClass.list }, this.controllers.map(control => (h("li", { class: TabsClass.item }, this.type == "text" ? (h("button", { class: TabsClass.btn, id: control.triggerIdentifier, role: "tab", type: "button", onClick: () => this.onSelectHandler(control), disabled: control.disabled, "aria-disabled": toBoolAttr(control.disabled), "aria-selected": toBoolAttr(control.active), "aria-controls": control.contentIdentifier, tabindex: control.active && !control.disabled ? 0 : -1, ref: el => (this.triggerRefs[control.triggerIdentifier] = el) }, control.iconStart ? (h("gov-icon", { name: control.iconStart.name, type: control.iconStart.type })) : null, control.label, control.iconEnd ? (h("gov-icon", { name: control.iconEnd.name, type: control.iconEnd.type })) : null)) : (h("gov-chip", { role: "tab", tag: 'button', identifier: control.triggerIdentifier, "aria-selected": booleanString(control.active), "aria-controls": control.contentIdentifier, focusable: control.active, disabled: control.disabled, color: this.color, size: this.size === "xs" ? "xs" : (this.size === "s" ? "s" : "m"), type: control.active ? "solid" : "outlined", ref: el => (this.triggerRefs[control.triggerIdentifier] = el), "on-gov-click": () => this.onSelectHandler(control) }, control.iconStart ? (h("gov-icon", { name: control.iconStart.name, type: control.iconStart.type, slot: "icon-start" })) : null, control.label, control.iconEnd ? (h("gov-icon", { name: control.iconEnd.name, type: control.iconEnd.type, slot: "icon-end" })) : null))))))), h("slot", { key: '328c8c699405186862b636f4dc878306945d6424' })));
+        return (h(Host, { key: '0b339dda9cd002b5548650f0f996d349842f4c8b', class: this.h.classes(TabsClass.root), size: this.size, color: this.color, type: this.type, direction: this.direction, onKeyDown: this.onKeydownHandler.bind(this) }, h("div", Object.assign({ key: '683da4323be50ee97c0f2b666423308b2feb6ff3', class: TabsClass.tabs, role: "tablist" }, this.inheritedAttributes), h("ul", { key: '0a255d6a8a57744c0636a41e567661775d450dee', class: TabsClass.list }, this.controllers.map(control => (h("li", { class: TabsClass.item }, this.type == "text" ? (h("button", { class: TabsClass.btn, id: control.triggerIdentifier, role: "tab", type: "button", onClick: () => this.onSelectHandler(control), disabled: control.disabled, "aria-disabled": toBoolAttr(control.disabled), "aria-selected": toBoolAttr(control.active), "aria-controls": control.contentIdentifier, tabindex: control.active && !control.disabled ? 0 : -1, ref: el => (this.triggerRefs[control.triggerIdentifier] = el) }, control.iconStart ? (h("gov-icon", { name: control.iconStart.name, type: control.iconStart.type })) : null, control.label, control.iconEnd ? (h("gov-icon", { name: control.iconEnd.name, type: control.iconEnd.type })) : null)) : (h("gov-chip", { role: "tab", tag: 'button', identifier: control.triggerIdentifier, "aria-selected": booleanString(control.active), "aria-controls": control.contentIdentifier, focusable: control.active, disabled: control.disabled, color: this.color, size: this.size === "xs" ? "xs" : (this.size === "s" ? "s" : "m"), type: control.active ? "solid" : "outlined", ref: el => (this.triggerRefs[control.triggerIdentifier] = el), "on-gov-click": () => this.onSelectHandler(control) }, control.iconStart ? (h("gov-icon", { name: control.iconStart.name, type: control.iconStart.type, slot: "icon-start" })) : null, control.label, control.iconEnd ? (h("gov-icon", { name: control.iconEnd.name, type: control.iconEnd.type, slot: "icon-end" })) : null))))))), h("slot", { key: '367950fe8ebba21bbe73c51a0d4c33efbb33e093' })));
     }
     getCurrentTab() {
         return this.controllers.find(control => control.active) || null;