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

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

@@ -40,7 +40,7 @@ const GovSpacer = class {
         this.validateBreakpoint(this.breakpoint);
     }
     render() {
-        return index.h(index.Host, { key: '97560206986a3dea272c7e4a939bb91a050f6252', class: this.h.classes(SpacerClass.root), size: this.size, breakpoint: this.breakpoint });
+        return index.h(index.Host, { key: 'd1b9c583b3b0381b426fb1b54be26821af691a4e', class: this.h.classes(SpacerClass.root), size: this.size, breakpoint: this.breakpoint });
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1 +1 @@
-{"file":"gov-spacer.entry.cjs.js","mappings":";;;;;;;;;AAIO,MAAM,UAAU,GAAGA,UAAI,CAACC,WAAK,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,GAAGC,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAYD,IAAA,YAAY,CAAC,QAAgB,EAAA;QAC5BC,kBAAY,CAAC,UAAU,EAAE,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC;;AAIrD,IAAA,kBAAkB,CAAC,QAAgB,EAAA;QAClCA,kBAAY,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,OAAOC,OAAC,CAAAC,UAAI,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;;;;;;;;;;;","names":["pick","Sizes","govHost","validateProp","h","Host"],"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"],"version":3}
+{"file":"gov-spacer.entry.cjs.js","mappings":";;;;;;;;;AAIO,MAAM,UAAU,GAAGA,UAAI,CAACC,WAAK,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,GAAGC,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAYD,IAAA,YAAY,CAAC,QAAgB,EAAA;QAC5BC,kBAAY,CAAC,UAAU,EAAE,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC;;AAIrD,IAAA,kBAAkB,CAAC,QAAgB,EAAA;QAClCA,kBAAY,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,OAAOC,OAAC,CAAAC,UAAI,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;;;;;;;;;;;","names":["pick","Sizes","govHost","validateProp","h","Host"],"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"],"version":3}

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

@@ -1 +1 @@
-{"version":3,"file":"gov-spacer.entry.cjs.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":["pick","Sizes","govHost","validateProp","h","Host"],"mappings":";;;;;;;;;AAIO,MAAM,UAAU,GAAGA,UAAI,CAACC,WAAK,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,GAAGC,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAYD,IAAA,YAAY,CAAC,QAAgB,EAAA;QAC5BC,kBAAY,CAAC,UAAU,EAAE,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC;;AAIrD,IAAA,kBAAkB,CAAC,QAAgB,EAAA;QAClCA,kBAAY,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,OAAOC,OAAC,CAAAC,UAAI,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.cjs.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":["pick","Sizes","govHost","validateProp","h","Host"],"mappings":";;;;;;;;;AAIO,MAAM,UAAU,GAAGA,UAAI,CAACC,WAAK,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,GAAGC,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAYD,IAAA,YAAY,CAAC,QAAgB,EAAA;QAC5BC,kBAAY,CAAC,UAAU,EAAE,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC;;AAIrD,IAAA,kBAAkB,CAAC,QAAgB,EAAA;QAClCA,kBAAY,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,OAAOC,OAAC,CAAAC,UAAI,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/cjs/gov-stepper-item.cjs.entry.js

@@ -39,7 +39,7 @@ const GovStepperItem = class {
     render() {
         const triggerId = this.identifier || this.triggerId;
         const contentId = this.contentId;
-        return (index.h(index.Host, { key: '609a7f8b92363c1de962f2260d36fc674bd4c193', id: triggerId, class: this.h.classes(constants.StepperItemClass.root), color: this.color, role: "listitem", hydrated: this.hydrated }, index.h("div", { key: '5afa6db421d268ff22727bedff02fe7e37273b7c' }, index.h("div", { key: 'f09a6804198fbf9a37b0553bf0539e26dd28d9f4', class: constants.StepperItemClass.steps }, index.h("span", { key: 'e9f495a434501d1b5f7ac65fb757cca181156814' }), index.h("span", { key: 'bb3b4bd8d1e613090f9e369a72c20e04eeaad1a9', class: constants.StepperItemClass.prefix }, index.h("slot", { key: '5d8ee1538f9232cc62d76b1aa2497195732c0b7f', name: "prefix" })), index.h("span", { key: 'cb3c58492c7190ae67770ed411bf154e831573ca' })), index.h("div", { key: '5747894f97b0ff23250ead28081410404bfbd0a8', class: constants.StepperItemClass.main }, index.h("span", { key: '801116e18ad8b6543ceb9106195f5baed23170ee', class: constants.StepperItemClass.headline }, index.h("slot", { key: '5e032e03983befdeddfa82f3756b7677549cfd53', name: "headline" })), index.h("slot", { key: '81ae890926e9966125ef3869da9c0230faf7b8a7', name: "annotation" }), this.h.hasSlot('content') && (index.h("div", { key: '4c1bd6e0144a7fd3c8457de9ca2332289a5b86cb', class: constants.StepperItemClass.content, id: contentId, "aria-labelledby": triggerId, role: "tabpanel" }, index.h("slot", { key: 'a8122225841c58776cde45f4a5e61292a2bab389', name: "content" })))))));
+        return (index.h(index.Host, { key: '126275cd984137b2c6d6cc5bdd2074adf14cee7b', id: triggerId, class: this.h.classes(constants.StepperItemClass.root), color: this.color, role: "listitem", hydrated: this.hydrated }, index.h("div", { key: '15c1f0a0d533cd5473611b388590a6af94755ab9' }, index.h("div", { key: '85535167b5359d00e773ffac3aa64ae95d9a005a', class: constants.StepperItemClass.steps }, index.h("span", { key: '37558ddd120824a5f234503b8cfb673352f642e1' }), index.h("span", { key: '647d2862b31d2e6e1c51f90e0cbf8eb76af9f5a8', class: constants.StepperItemClass.prefix }, index.h("slot", { key: 'c58b03ec979eafc5db766c0134def19cbe2582d1', name: "prefix" })), index.h("span", { key: 'c294e1f9af11588960c8ccf5d16186eb2e57cc74' })), index.h("div", { key: 'ca82d4d7c0617f0c13de80c5a4247d8f9cd3d2e7', class: constants.StepperItemClass.main }, index.h("span", { key: '6d1cb25eca0517abcb0557579eab240beaff7557', class: constants.StepperItemClass.headline }, index.h("slot", { key: '3ef65e410481935cab120087b9454be9ce16ac1a', name: "headline" })), index.h("slot", { key: '8b7f8674a3347b2b51987ec7054835a8db203df8', name: "annotation" }), this.h.hasSlot('content') && (index.h("div", { key: '208b1c3d7f235748a04f4c31d525263aad01c90e', class: constants.StepperItemClass.content, id: contentId, "aria-labelledby": triggerId, role: "tabpanel" }, index.h("slot", { key: '9b68d8eb8c095fd45b741fe2398d957b589fbd94', name: "content" })))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1 +1 @@
-{"file":"gov-stepper-item.entry.cjs.js","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,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B,QAAA,IAAI,CAAC,SAAS,GAAGC,qBAAQ,CAAC,gBAAgB,CAAC;AAC3C,QAAA,IAAI,CAAC,SAAS,GAAGA,qBAAQ,CAAC,mBAAmB,CAAC;AAC9C;AAsBD,IAAA,aAAa,CAAC,QAAgB,EAAA;QAC7BC,kBAAY,CAACC,uBAAa,EAAE,QAAQ,EAAEC,0BAAgB,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,QACCC,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAACF,0BAAgB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EAC5HC,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACCA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAED,0BAAgB,CAAC,KAAK,EAAA,EACjCC,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACbA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAED,0BAAgB,CAAC,MAAM,EAAA,EACnCC,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAA,CAAE,CACf,EACPA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACR,EACNA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAED,0BAAgB,CAAC,IAAI,EAAA,EAChCC,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAED,0BAAgB,CAAC,QAAQ,EAAA,EACrCC,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,UAAU,EAAA,CAAE,CACjB,EACPA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,YAAY,EAAE,CAAA,EAExB,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,KACzBA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAED,0BAAgB,CAAC,OAAO,EAAE,EAAE,EAAE,SAAS,qBAAmB,SAAS,EAC7E,IAAI,EAAC,UAAU,EAAA,EAChBC,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAE,CAAA,CACjB,CACN,CACI,CACD,CACA;;;;;;;;;;","names":["govHost","createID","validateProp","StepperColors","StepperItemClass","h","Host"],"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"],"version":3}
+{"file":"gov-stepper-item.entry.cjs.js","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,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B,QAAA,IAAI,CAAC,SAAS,GAAGC,qBAAQ,CAAC,gBAAgB,CAAC;AAC3C,QAAA,IAAI,CAAC,SAAS,GAAGA,qBAAQ,CAAC,mBAAmB,CAAC;AAC9C;AAsBD,IAAA,aAAa,CAAC,QAAgB,EAAA;QAC7BC,kBAAY,CAACC,uBAAa,EAAE,QAAQ,EAAEC,0BAAgB,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,QACCC,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAACF,0BAAgB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EAC5HC,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACCA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAED,0BAAgB,CAAC,KAAK,EAAA,EACjCC,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACbA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAED,0BAAgB,CAAC,MAAM,EAAA,EACnCC,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAA,CAAE,CACf,EACPA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACR,EACNA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAED,0BAAgB,CAAC,IAAI,EAAA,EAChCC,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAED,0BAAgB,CAAC,QAAQ,EAAA,EACrCC,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,UAAU,EAAA,CAAE,CACjB,EACPA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,YAAY,EAAE,CAAA,EAExB,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,KACzBA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAED,0BAAgB,CAAC,OAAO,EAAE,EAAE,EAAE,SAAS,qBAAmB,SAAS,EAC7E,IAAI,EAAC,UAAU,EAAA,EAChBC,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAE,CAAA,CACjB,CACN,CACI,CACD,CACA;;;;;;;;;;","names":["govHost","createID","validateProp","StepperColors","StepperItemClass","h","Host"],"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"],"version":3}

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

@@ -1 +1 @@
-{"version":3,"file":"gov-stepper-item.entry.cjs.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":["govHost","createID","validateProp","StepperColors","StepperItemClass","h","Host"],"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,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B,QAAA,IAAI,CAAC,SAAS,GAAGC,qBAAQ,CAAC,gBAAgB,CAAC;AAC3C,QAAA,IAAI,CAAC,SAAS,GAAGA,qBAAQ,CAAC,mBAAmB,CAAC;AAC9C;AAsBD,IAAA,aAAa,CAAC,QAAgB,EAAA;QAC7BC,kBAAY,CAACC,uBAAa,EAAE,QAAQ,EAAEC,0BAAgB,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,QACCC,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAACF,0BAAgB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EAC5HC,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACCA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAED,0BAAgB,CAAC,KAAK,EAAA,EACjCC,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACbA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAED,0BAAgB,CAAC,MAAM,EAAA,EACnCC,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAA,CAAE,CACf,EACPA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACR,EACNA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAED,0BAAgB,CAAC,IAAI,EAAA,EAChCC,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAED,0BAAgB,CAAC,QAAQ,EAAA,EACrCC,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,UAAU,EAAA,CAAE,CACjB,EACPA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,YAAY,EAAE,CAAA,EAExB,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,KACzBA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAED,0BAAgB,CAAC,OAAO,EAAE,EAAE,EAAE,SAAS,qBAAmB,SAAS,EAC7E,IAAI,EAAC,UAAU,EAAA,EAChBC,OAAM,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.cjs.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":["govHost","createID","validateProp","StepperColors","StepperItemClass","h","Host"],"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,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B,QAAA,IAAI,CAAC,SAAS,GAAGC,qBAAQ,CAAC,gBAAgB,CAAC;AAC3C,QAAA,IAAI,CAAC,SAAS,GAAGA,qBAAQ,CAAC,mBAAmB,CAAC;AAC9C;AAsBD,IAAA,aAAa,CAAC,QAAgB,EAAA;QAC7BC,kBAAY,CAACC,uBAAa,EAAE,QAAQ,EAAEC,0BAAgB,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,QACCC,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAACF,0BAAgB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EAC5HC,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACCA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAED,0BAAgB,CAAC,KAAK,EAAA,EACjCC,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACbA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAED,0BAAgB,CAAC,MAAM,EAAA,EACnCC,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAA,CAAE,CACf,EACPA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACR,EACNA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAED,0BAAgB,CAAC,IAAI,EAAA,EAChCC,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAED,0BAAgB,CAAC,QAAQ,EAAA,EACrCC,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,UAAU,EAAA,CAAE,CACjB,EACPA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,YAAY,EAAE,CAAA,EAExB,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,KACzBA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAED,0BAAgB,CAAC,OAAO,EAAE,EAAE,EAAE,SAAS,qBAAmB,SAAS,EAC7E,IAAI,EAAC,UAAU,EAAA,EAChBC,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAE,CAAA,CACjB,CACN,CACI,CACD,CACA;;;;;;;;;;"}

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

@@ -39,7 +39,7 @@ const GovStepper = class {
         this.hydrated = true;
     }
     render() {
-        return (index.h(index.Host, { key: '92d3349a28b4330a3bea5293853612d0a0b96069', class: this.h.classes(constants.StepperClass.root), role: "list", size: this.size, hydrated: this.hydrated }, index.h("slot", { key: 'a5b65c3a06c63f826d6c968c69f1452abe0408af' })));
+        return (index.h(index.Host, { key: '339a1f4eaaa246d8329841d99e784b8c157bb5d3', class: this.h.classes(constants.StepperClass.root), role: "list", size: this.size, hydrated: this.hydrated }, index.h("slot", { key: '9e1604e94a11bbc3b2f8230193b43f9466601866' })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1 +1 @@
-{"file":"gov-stepper.entry.cjs.js","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,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAaD,IAAA,YAAY,CAAC,QAAgB,EAAA;QAC5BC,kBAAY,CAACC,sBAAY,EAAE,QAAQ,EAAEC,sBAAY,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,CAACC,0BAAgB,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,QACCC,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAACH,sBAAY,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EACnGE,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;;;;","names":["govHost","validateProp","StepperSizes","StepperClass","StepperItemClass","h","Host"],"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"],"version":3}
+{"file":"gov-stepper.entry.cjs.js","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,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAaD,IAAA,YAAY,CAAC,QAAgB,EAAA;QAC5BC,kBAAY,CAACC,sBAAY,EAAE,QAAQ,EAAEC,sBAAY,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,CAACC,0BAAgB,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,QACCC,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAACH,sBAAY,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EACnGE,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;;;;","names":["govHost","validateProp","StepperSizes","StepperClass","StepperItemClass","h","Host"],"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"],"version":3}

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

@@ -1 +1 @@
-{"version":3,"file":"gov-stepper.entry.cjs.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":["govHost","validateProp","StepperSizes","StepperClass","StepperItemClass","h","Host"],"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,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAaD,IAAA,YAAY,CAAC,QAAgB,EAAA;QAC5BC,kBAAY,CAACC,sBAAY,EAAE,QAAQ,EAAEC,sBAAY,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,CAACC,0BAAgB,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,QACCC,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAACH,sBAAY,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EACnGE,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;;;;"}
+{"version":3,"file":"gov-stepper.entry.cjs.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":["govHost","validateProp","StepperSizes","StepperClass","StepperItemClass","h","Host"],"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,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAaD,IAAA,YAAY,CAAC,QAAgB,EAAA;QAC5BC,kBAAY,CAACC,sBAAY,EAAE,QAAQ,EAAEC,sBAAY,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,CAACC,0BAAgB,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,QACCC,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAACH,sBAAY,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EACnGE,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;;;;"}

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

@@ -31,7 +31,7 @@ const GovTabsItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '7de42fde0ca4e787967c76a14aa2498367f66a1c', class: this.h.classes(constants.TabsItemClass.root), default: this.default }, index.h("div", { key: '89f6bf8f5505ed17e5a9c46f60dfbf34353a75e6', class: constants.TabsItemClass.inner, role: "tabpanel", id: this.identifier || this.contentId, hidden: !this.isActive, "aria-labelledby": this.triggerIdentifier || this.triggerId, "aria-hidden": template.toBoolAttrIfDefined(!this.isActive) }, index.h("slot", { key: '690b06566e645ce22ec34c47c56852a75ac1069b' }))));
+        return (index.h(index.Host, { key: '49f4fbd9c9211ebd58c89d538df85164473c4f76', class: this.h.classes(constants.TabsItemClass.root), default: this.default }, index.h("div", { key: 'cbb71bd33c068923a8d23b62c43b1c757d4d0c78', class: constants.TabsItemClass.inner, role: "tabpanel", id: this.identifier || this.contentId, hidden: !this.isActive, "aria-labelledby": this.triggerIdentifier || this.triggerId, "aria-hidden": template.toBoolAttrIfDefined(!this.isActive) }, index.h("slot", { key: 'fdf732f55e7ce4cb1d96ec8c7124124d9ca3e198' }))));
     }
     /**
      * Returns a unique tab content identifier

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

@@ -1 +1 @@
-{"file":"gov-tabs-item.entry.cjs.js","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,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B,QAAA,IAAI,CAAC,SAAS,GAAGC,qBAAQ,CAAC,eAAe,CAAC;AAC1C,QAAA,IAAI,CAAC,SAAS,GAAGA,qBAAQ,CAAC,eAAe,CAAC;AAC1C;IAmCD,cAAc,GAAA;AACb,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAACC,mBAAS,CAAC,IAAI,CAAuB;QACtE,IAAI,OAAO,EAAE;AACZ,YAAA,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE;;;IAI5B,MAAM,GAAA;QACL,QACCC,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAACC,uBAAa,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAA,EACrEF,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAEE,uBAAa,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,iBAC5CC,4BAAmB,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAA,EAEhDH,OAAa,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;;;;;;;;;;;","names":["govHost","createID","TabsClass","h","Host","TabsItemClass","toBoolAttrIfDefined"],"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"],"version":3}
+{"file":"gov-tabs-item.entry.cjs.js","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,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B,QAAA,IAAI,CAAC,SAAS,GAAGC,qBAAQ,CAAC,eAAe,CAAC;AAC1C,QAAA,IAAI,CAAC,SAAS,GAAGA,qBAAQ,CAAC,eAAe,CAAC;AAC1C;IAmCD,cAAc,GAAA;AACb,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAACC,mBAAS,CAAC,IAAI,CAAuB;QACtE,IAAI,OAAO,EAAE;AACZ,YAAA,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE;;;IAI5B,MAAM,GAAA;QACL,QACCC,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAACC,uBAAa,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAA,EACrEF,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAEE,uBAAa,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,iBAC5CC,4BAAmB,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAA,EAEhDH,OAAa,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;;;;;;;;;;;","names":["govHost","createID","TabsClass","h","Host","TabsItemClass","toBoolAttrIfDefined"],"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"],"version":3}

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

@@ -1 +1 @@
-{"version":3,"file":"gov-tabs-item.entry.cjs.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":["govHost","createID","TabsClass","h","Host","TabsItemClass","toBoolAttrIfDefined"],"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,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B,QAAA,IAAI,CAAC,SAAS,GAAGC,qBAAQ,CAAC,eAAe,CAAC;AAC1C,QAAA,IAAI,CAAC,SAAS,GAAGA,qBAAQ,CAAC,eAAe,CAAC;AAC1C;IAmCD,cAAc,GAAA;AACb,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAACC,mBAAS,CAAC,IAAI,CAAuB;QACtE,IAAI,OAAO,EAAE;AACZ,YAAA,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE;;;IAI5B,MAAM,GAAA;QACL,QACCC,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAACC,uBAAa,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAA,EACrEF,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAEE,uBAAa,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,iBAC5CC,4BAAmB,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAA,EAEhDH,OAAa,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.cjs.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":["govHost","createID","TabsClass","h","Host","TabsItemClass","toBoolAttrIfDefined"],"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,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B,QAAA,IAAI,CAAC,SAAS,GAAGC,qBAAQ,CAAC,eAAe,CAAC;AAC1C,QAAA,IAAI,CAAC,SAAS,GAAGA,qBAAQ,CAAC,eAAe,CAAC;AAC1C;IAmCD,cAAc,GAAA;AACb,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAACC,mBAAS,CAAC,IAAI,CAAuB;QACtE,IAAI,OAAO,EAAE;AACZ,YAAA,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE;;;IAI5B,MAAM,GAAA;QACL,QACCC,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAACC,uBAAa,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAA,EACrEF,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAEE,uBAAa,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,iBAC5CC,4BAAmB,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAA,EAEhDH,OAAa,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/cjs/gov-tabs.cjs.entry.js

@@ -136,7 +136,7 @@ const GovTabs = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '0b339dda9cd002b5548650f0f996d349842f4c8b', class: this.h.classes(constants.TabsClass.root), size: this.size, color: this.color, type: this.type, direction: this.direction, onKeyDown: this.onKeydownHandler.bind(this) }, index.h("div", Object.assign({ key: '683da4323be50ee97c0f2b666423308b2feb6ff3', class: constants.TabsClass.tabs, role: "tablist" }, this.inheritedAttributes), index.h("ul", { key: '0a255d6a8a57744c0636a41e567661775d450dee', class: constants.TabsClass.list }, this.controllers.map(control => (index.h("li", { class: constants.TabsClass.item }, this.type == "text" ? (index.h("button", { class: constants.TabsClass.btn, id: control.triggerIdentifier, role: "tab", type: "button", onClick: () => this.onSelectHandler(control), disabled: control.disabled, "aria-disabled": template.toBoolAttr(control.disabled), "aria-selected": template.toBoolAttr(control.active), "aria-controls": control.contentIdentifier, tabindex: control.active && !control.disabled ? 0 : -1, ref: el => (this.triggerRefs[control.triggerIdentifier] = el) }, control.iconStart ? (index.h("gov-icon", { name: control.iconStart.name, type: control.iconStart.type })) : null, control.label, control.iconEnd ? (index.h("gov-icon", { name: control.iconEnd.name, type: control.iconEnd.type })) : null)) : (index.h("gov-chip", { role: "tab", tag: 'button', identifier: control.triggerIdentifier, "aria-selected": template.booleanString(control.active), "aria-controls": control.contentIdentifier, focusable: control.active, disabled: control.disabled, color: this.color, size: this.size === "xs" ? "xs" : (this.size === "s" ? "s" : "m"), type: control.active ? "solid" : "outlined", ref: el => (this.triggerRefs[control.triggerIdentifier] = el), "on-gov-click": () => this.onSelectHandler(control) }, control.iconStart ? (index.h("gov-icon", { name: control.iconStart.name, type: control.iconStart.type, slot: "icon-start" })) : null, control.label, control.iconEnd ? (index.h("gov-icon", { name: control.iconEnd.name, type: control.iconEnd.type, slot: "icon-end" })) : null))))))), index.h("slot", { key: '367950fe8ebba21bbe73c51a0d4c33efbb33e093' })));
+        return (index.h(index.Host, { key: '5dfd9d6ca4a17c425a96a1f766d599de80db6028', class: this.h.classes(constants.TabsClass.root), size: this.size, color: this.color, type: this.type, direction: this.direction, onKeyDown: this.onKeydownHandler.bind(this) }, index.h("div", Object.assign({ key: 'a195131ab673e7b9906777757f5c7e8c8421ddad', class: constants.TabsClass.tabs, role: "tablist" }, this.inheritedAttributes), index.h("ul", { key: '3dd46399f5054881f71242b2f184ebfb11fac51e', class: constants.TabsClass.list }, this.controllers.map(control => (index.h("li", { class: constants.TabsClass.item }, this.type == "text" ? (index.h("button", { class: constants.TabsClass.btn, id: control.triggerIdentifier, role: "tab", type: "button", onClick: () => this.onSelectHandler(control), disabled: control.disabled, "aria-disabled": template.toBoolAttr(control.disabled), "aria-selected": template.toBoolAttr(control.active), "aria-controls": control.contentIdentifier, tabindex: control.active && !control.disabled ? 0 : -1, ref: el => (this.triggerRefs[control.triggerIdentifier] = el) }, control.iconStart ? (index.h("gov-icon", { name: control.iconStart.name, type: control.iconStart.type })) : null, control.label, control.iconEnd ? (index.h("gov-icon", { name: control.iconEnd.name, type: control.iconEnd.type })) : null)) : (index.h("gov-chip", { role: "tab", tag: 'button', identifier: control.triggerIdentifier, "aria-selected": template.booleanString(control.active), "aria-controls": control.contentIdentifier, focusable: control.active, disabled: control.disabled, color: this.color, size: this.size === "xs" ? "xs" : (this.size === "s" ? "s" : "m"), type: control.active ? "solid" : "outlined", ref: el => (this.triggerRefs[control.triggerIdentifier] = el), "on-gov-click": () => this.onSelectHandler(control) }, control.iconStart ? (index.h("gov-icon", { name: control.iconStart.name, type: control.iconStart.type, slot: "icon-start" })) : null, control.label, control.iconEnd ? (index.h("gov-icon", { name: control.iconEnd.name, type: control.iconEnd.type, slot: "icon-end" })) : null))))))), index.h("slot", { key: '5fc402a27b6236ca10c8f3370f946b7ceadb5342' })));
     }
     getCurrentTab() {
         return this.controllers.find(control => control.active) || null;

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

@@ -1 +1 @@
-{"file":"gov-tabs.entry.cjs.js","mappings":";;;;;;;;;;;;;;;MA2Ba,OAAO,GAAA,MAAA;AAKnB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAHQ,QAAA,IAAW,CAAA,WAAA,GAA2D,EAAE;AAQhF;;AAEG;AACc,QAAA,IAAI,CAAA,IAAA,GAAY,MAAM;AACvC;;AAEG;AACc,QAAA,IAAI,CAAA,IAAA,GAAiB,GAAG;AACzC;;AAEG;AACc,QAAA,IAAK,CAAA,KAAA,GAAe,SAAS;AAC9C;;AAEG;AACc,QAAA,IAAW,CAAA,WAAA,GAAuB,YAAY;AAC/D;;AAEG;AAC6B,QAAA,IAAS,CAAA,SAAA,GAAqB,KAAK;AAqB1D,QAAA,IAAW,CAAA,WAAA,GAA2B,EAAE;AACxC,QAAA,IAAU,CAAA,UAAA,GAAG,CAAC;AACd,QAAA,IAAmB,CAAA,mBAAA,GAAe,EAAE;QA9C5C,IAAI,CAAC,CAAC,GAAGA,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AA6BD,IAAA,YAAY,CAAC,QAAgB,EAAA;QAC5BC,kBAAY,CAACC,kBAAQ,EAAE,QAAQ,EAAEC,mBAAS,CAAC,IAAI,CAAC;;AAIjD,IAAA,aAAa,CAAC,QAAgB,EAAA;QAC7BF,kBAAY,CAACG,mBAAS,EAAE,QAAQ,EAAED,mBAAS,CAAC,IAAI,CAAC;;AAIlD,IAAA,YAAY,CAAC,QAAgB,EAAA;QAC5BF,kBAAY,CAACI,kBAAQ,EAAE,QAAQ,EAAEF,mBAAS,CAAC,IAAI,CAAC;;IAOjD,gBAAgB,GAAA;AACf,QAAA,IAAI,CAAC,iBAAiB,GAAG,IAAIG,2BAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,aAAa,EAAE,QAAQ,KAAI;AACrF,YAAA,IAAI,CAAC,qBAAqB,CAAC,aAAa,EAAE,QAAQ,CAAC;AACpD,SAAC,CAAC;AAEF,QAAA,IAAI,CAAC,iBAAiB,CAAC,cAAc,CAACC,wBAAc,CAAC;;IAGtD,iBAAiB,GAAA;QAChB,IAAI,CAAC,kBAAkB,EAAE;AACzB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;QAC5B,IAAI,CAAC,mBAAmB,GAAGC,mCAAqB,CAAC,IAAI,CAAC,IAAI,CAAC;;IAG5D,oBAAoB,GAAA;;QACnB,CAAA,EAAA,GAAA,IAAI,CAAC,iBAAiB,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,aAAa,EAAE;;IAGxC,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;;IAG5E,kBAAkB,CAAC,WAAW,GAAG,KAAK,EAAA;AAC7C,QAAA,IAAI,CAAC,WAAW,GAAG,EAAE;QACrB,MAAM,QAAQ,GAAoC,EAAE;AACpD,QAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,WAAW,GAAGC,uBAAa,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,GAA2B,KAAI;AACpG,YAAA,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,CAAC;gBAC/B,GAAG,CAAC,aAAa,EAAE;gBACnB,GAAG,CAAC,oBAAoB,EAAE;gBAC1B,GAAG,CAAC,eAAe;AACnB,aAAA,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,EAAE,iBAAiB,EAAE,QAAQ,CAAC,KAAI;gBACrD,MAAM,SAAS,GAAG,OAAO,GAAG,CAAC,YAAY,CAAC,SAAS,CAAC,KAAK,QAAQ;gBACjE,MAAM,SAAS,GAAGC,yBAAiB,CAAC,GAAG,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;gBACnE,MAAM,OAAO,GAAGA,yBAAiB,CAAC,GAAG,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;gBAC/D,OAAO;AACN,oBAAA,KAAK,EAAE,GAAG,CAAC,YAAY,CAAC,OAAO,CAAC;AAChC,oBAAA,SAAS,EAAE,GAAG,CAAC,YAAY,CAAC,WAAW,CAAC;AACxC,oBAAA,iBAAiB,EAAE,UAAU;AAC7B,oBAAA,QAAQ,EAAE,QAAQ;AAClB,oBAAA,iBAAiB,EAAE,iBAAiB;AACpC,oBAAA,OAAO,EAAE,GAAG;AACZ,oBAAA,MAAM,EAAE,KAAK;AACb,oBAAA,OAAO,EAAE,SAAS;oBAClB,SAAS;oBACT;iBACA;AACF,aAAC,CAAC;AACF,YAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC;AAC3B,SAAC,CAAC;QACF,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,WAAW,IAAG;AACxC,YAAA,IAAI,WAAW,KAAK,KAAK,EAAE;AAC1B,gBAAA,IAAI,eAAe,GAAG,WAAW,CAAC,SAAS,CAAC,UAAU,IAAI,UAAU,CAAC,OAAO,CAAC;gBAC7E,IAAI,eAAe,KAAK,EAAE;oBAAE,eAAe,GAAG,CAAC;AAC/C,gBAAA,IAAI,CAAC,UAAU,GAAG,eAAe;AACjC,gBAAA,WAAW,CAAC,eAAe,CAAC,CAAC,MAAM,GAAG,IAAI;;AACpC,iBAAA,IAAI,IAAI,CAAC,UAAU,GAAG,EAAE,IAAIC,4BAAc,CAAC,WAAW,EAAE,IAAI,CAAC,UAAU,CAAC,EAAE;gBAChF,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,MAAM,GAAG,IAAI;;AAE3C,YAAA,MAAM,kBAAkB,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC,UAAU,KAAK,UAAU,CAAC,MAAM,IAAI,UAAU,CAAC,QAAQ,CAAC;AAC1G,YAAA,IAAI,kBAAkB,GAAG,EAAE,EAAE;AAC5B,gBAAA,WAAW,CAAC,kBAAkB,CAAC,CAAC,MAAM,GAAG,KAAK;AAC9C,gBAAA,MAAM,YAAY,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC,UAAU,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC;AAChF,gBAAA,IAAI,YAAY,GAAG,EAAE,EAAE;AACtB,oBAAA,WAAW,CAAC,YAAY,CAAC,CAAC,MAAM,GAAG,IAAI;AACvC,oBAAA,IAAI,CAAC,UAAU,GAAG,YAAY;;;AAGhC,YAAA,IAAI,CAAC,WAAW,GAAG,CAAC,GAAG,WAAW,CAAC;YACnC,IAAI,CAAC,QAAQ,EAAE;AAChB,SAAC,CAAC;;AAGK,IAAA,qBAAqB,CAAC,UAAkB,EAAA;QAC/C,MAAM,IAAI,GAAG,EAAE;AACf,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,IAAG;AAC3B,YAAA,IAAI,CAAC,MAAM,GAAG,UAAU,KAAK,IAAI,CAAC,iBAAiB,IAAI,UAAU,KAAK,IAAI,CAAC,iBAAiB;AAC5F,YAAA,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;AAChB,SAAC,CAAC;AACF,QAAA,IAAI,CAAC,WAAW,GAAG,CAAC,GAAG,IAAI,CAAC;;IAGrB,QAAQ,GAAA;AACf,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,OAAO,IAAG;AAC9B,YAAA,OAAO,CAAC,OAAO,CAAC,eAAe,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE;AACxD,SAAC,CAAC;;IAGH,MAAM,GAAA;AACL,QAAA,QACCC,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACJ,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAACV,mBAAS,CAAC,IAAI,CAAC,EACrC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,SAAS,EAAE,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAA,EAE3CS,OAAA,CAAA,KAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAET,mBAAS,CAAC,IAAI,EACxB,IAAI,EAAC,SAAS,EAAA,EACV,IAAI,CAAC,mBAAmB,CAAA,EAC7BS,OAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAI,KAAK,EAAET,mBAAS,CAAC,IAAI,EAAA,EACvB,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,OAAO,KAC5BS,OAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAET,mBAAS,CAAC,IAAI,EAAA,EACvB,IAAI,CAAC,IAAI,IAAI,MAAM,IACnBS,OAAA,CAAA,QAAA,EAAA,EACC,KAAK,EAAET,mBAAS,CAAC,GAAG,EACpB,EAAE,EAAE,OAAO,CAAC,iBAAiB,EAC7B,IAAI,EAAC,KAAK,EACV,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,MAAM,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,EAC5C,QAAQ,EAAE,OAAO,CAAC,QAAQ,EACX,eAAA,EAAAW,mBAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAA,eAAA,EAC5BA,mBAAU,CAAC,OAAO,CAAC,MAAM,CAAC,EAC1B,eAAA,EAAA,OAAO,CAAC,iBAAiB,EACxC,QAAQ,EAAE,OAAO,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,QAAQ,GAAG,CAAC,GAAG,EAAE,EACtD,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,iBAAiB,CAAC,GAAG,EAAuB,CAAC,EAAA,EAEjF,OAAO,CAAC,SAAS,IAAIF,OAAA,CAAA,UAAA,EAAA,EACrB,IAAI,EAAE,OAAO,CAAC,SAAS,CAAC,IAAI,EAC5B,IAAI,EAAE,OAAO,CAAC,SAAS,CAAC,IAAI,EAAA,CAAa,IAAI,IAAI,EACjD,OAAO,CAAC,KAAK,EACb,OAAO,CAAC,OAAO,IAAIA,OAAA,CAAA,UAAA,EAAA,EACnB,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,IAAI,EAC1B,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,IAAI,EAAA,CAAa,IAAI,IAAI,CACxC,KAETA,OACC,CAAA,UAAA,EAAA,EAAA,IAAI,EAAC,KAAK,EACV,GAAG,EAAE,QAAQ,EACb,UAAU,EAAE,OAAO,CAAC,iBAAiB,EACtB,eAAA,EAAAG,sBAAa,CAAC,OAAO,CAAC,MAAM,CAAC,EAC7B,eAAA,EAAA,OAAO,CAAC,iBAAiB,EACxC,SAAS,EAAE,OAAO,CAAC,MAAM,EACzB,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI,GAAG,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,EACjE,IAAI,EAAE,OAAO,CAAC,MAAM,GAAG,OAAO,GAAG,UAAU,EAC3C,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,iBAAiB,CAAC,GAAG,EAAwB,CAAC,EAAA,cAAA,EACrE,MAAM,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,EAAA,EAEhD,OAAO,CAAC,SAAS,IAAIH,OACrB,CAAA,UAAA,EAAA,EAAA,IAAI,EAAE,OAAO,CAAC,SAAS,CAAC,IAAI,EAC5B,IAAI,EAAE,OAAO,CAAC,SAAS,CAAC,IAAI,EAC5B,IAAI,EAAC,YAAY,EAAY,CAAA,IAAI,IAAI,EACrC,OAAO,CAAC,KAAK,EACb,OAAO,CAAC,OAAO,IAAIA,OACnB,CAAA,UAAA,EAAA,EAAA,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,IAAI,EAC1B,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,IAAI,EAC1B,IAAI,EAAC,UAAU,GAAY,IAAI,IAAI,CAC1B,CACX,CACG,CACL,CAAC,CACE,CACA,EACNA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACP;;IAID,aAAa,GAAA;AACpB,QAAA,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,CAAC,IAAI,IAAI;;AAGxD,IAAA,eAAe,CAAC,OAA6B,EAAA;QACpD,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,iBAAiB,KAAK,OAAO,CAAC,iBAAiB,CAAC;AAChG,QAAA,IAAI,CAAC,UAAU,GAAG,KAAK;AACvB,QAAA,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,iBAAiB,CAAC;QACrD,IAAI,CAAC,QAAQ,EAAE;AACf,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,OAAO,CAAC;;AAG1C,IAAA,gBAAgB,CAAC,CAAgB,EAAA;AACxC,QAAA,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO;QAEzB,CAAC,CAAC,eAAe,EAAE;AACnB,QAAA,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC;;AAGnB,IAAA,YAAY,CAAC,OAAe,EAAA;AACnC,QAAA,IAAI,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE;YACvC,IAAI,KAAK,MAAM,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE;gBACvF;;YAGD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,MAAM,GAAG,KAAK;YAEhD,IAAI,OAAO,KAAK,EAAE,IAAI,OAAO,KAAK,EAAE,EAAE;gBACrC,IAAI,CAAC,UAAU,EAAE;gBACjB,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE;AAC/C,oBAAA,IAAI,CAAC,UAAU,GAAG,CAAC;;gBAEpB,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,QAAQ,EAAE;AAC/C,oBAAA,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC;;;iBAEhB,IAAI,OAAO,KAAK,EAAE,IAAI,OAAO,KAAK,EAAE,EAAE;gBAC5C,IAAI,CAAC,UAAU,EAAE;AACjB,gBAAA,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,EAAE;oBACxB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC;;gBAE9C,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,QAAQ,EAAE;AAC/C,oBAAA,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC;;;AAIvB,YAAA,IAAI,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC3E,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;AACjD,gBAAA,OAAO,CAAC,MAAM,GAAG,IAAI;gBACrB,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,iBAAiB,CAAC;gBAC3D,IAAI,OAAO,CAAC,QAAQ,CAAC,WAAW,EAAE,KAAK,UAAU,EAAE;oBACjD,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,iBAAiB,CAAwB,CAAC,QAAQ,EAAE;;qBACxE;oBACN,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,KAAK,EAAE;;gBAGpD,IAAI,CAAC,WAAW,GAAG,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC;gBACxC,IAAI,CAAC,QAAQ,EAAE;AACf,gBAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,OAAO,CAAC;;;;AAKpD;;AAEG;AAEH,IAAA,MAAM,OAAO,GAAA;QACZ,IAAI,CAAC,kBAAkB,EAAE;;AAG1B;;AAEG;AAEH,IAAA,MAAM,UAAU,GAAA;QACf,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC,OAAO,IAAI,IAAI;;AAG5C;;AAEG;IAEH,MAAM,YAAY,CAAC,UAAkB,EAAA;AACpC,QAAA,IAAI,CAAC,qBAAqB,CAAC,UAAU,CAAC;QACtC,IAAI,CAAC,QAAQ,EAAE;;AAGhB;;AAEG;AAEH,IAAA,MAAM,QAAQ,GAAA;AACb,QAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC;;;;;;;;;;;;","names":["govHost","validateProp","TabTypes","TabsClass","TabColors","TabSizes","AttributeObserver","ariaAttributes","inheritAriaAttributes","TabsItemClass","prepareIconFormat","hasOwnProperty","h","Host","toBoolAttr","booleanString"],"sources":["../../../packages/core/src/components/gov-tabs/gov-tabs.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\r\nimport {validateProp} from \"../../helpers/Validate/props\"\r\nimport {\r\n\tColorType,\r\n\tTabColors,\r\n\tTabOrientationType,\r\n\tTabsClass,\r\n\tTabsItemClass,\r\n\tTabSizes,\r\n\tTabSizeType,\r\n\tTabType,\r\n\tTabTypes\r\n} from \"./constants\"\r\nimport {GovTabControllerItem} from \"./gov-tabs.types\"\r\nimport {booleanString, govHost, toBoolAttr} from \"../../helpers/Dom/template\"\r\nimport {Nullable} from \"../../types/interfaces\"\r\nimport {GovHost} from \"../../helpers/Dom/template.types\"\r\nimport {hasOwnProperty} from \"../../utils/helpers.types\";\r\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\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\r\n@Component({\r\n\ttag: \"gov-tabs\",\r\n})\r\nexport class GovTabs {\r\n\tprivate h: GovHost\r\n\tprivate triggerRefs: Record<string, HTMLButtonElement | HTMLGovChipElement> = {}\r\n\tprivate attributeObserver: AttributeObserver\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovTabsElement\r\n\t/**\r\n\t * Tabs type\r\n\t */\r\n\t@Prop() readonly type: TabType = \"text\"\r\n\t/**\r\n\t * Tabs size.\r\n\t */\r\n\t@Prop() readonly size?: TabSizeType = 'm'\r\n\t/**\r\n\t * Style variation of the tab chips.\r\n\t */\r\n\t@Prop() readonly color?: ColorType = \"primary\"\r\n\t/**\r\n\t * Tabs orientation\r\n\t */\r\n\t@Prop() readonly orientation: TabOrientationType = \"horizontal\"\r\n\t/**\r\n\t * Icon and description display direction\r\n\t */\r\n\t@Prop({reflect: true}) readonly direction: 'row' | 'column' = 'row'\r\n\t/**\r\n\t * Emitted when the tab is changed.\r\n\t */\r\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<HTMLGovTabsItemElement>\r\n\r\n\t@Watch(\"type\")\r\n\tvalidateType(newValue: string): void {\r\n\t\tvalidateProp(TabTypes, newValue, TabsClass.root)\r\n\t}\r\n\r\n\t@Watch(\"color\")\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(TabColors, newValue, TabsClass.root)\r\n\t}\r\n\r\n\t@Watch('size')\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(TabSizes, newValue, TabsClass.root)\r\n\t}\r\n\r\n\t@State() controllers: GovTabControllerItem[] = []\r\n\t@State() focusIndex = 0\r\n\t@State() inheritedAttributes: Attributes = {}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\r\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\r\n\t\t});\r\n\r\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.prepareControllers()\r\n\t\tthis.validateSize(this.size)\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 prepareControllers(skipDefault = false): void {\r\n\t\tthis.controllers = []\r\n\t\tconst promises: Promise<GovTabControllerItem>[] = []\r\n\t\tthis.host.querySelectorAll(':scope > ' + TabsItemClass.root).forEach((tab: HTMLGovTabsItemElement) => {\r\n\t\t\tconst controlItem = Promise.all([\r\n\t\t\t\ttab.getIdentifier(),\r\n\t\t\t\ttab.getTriggerIdentifier(),\r\n\t\t\t\ttab.getDisableState()\r\n\t\t\t]).then(([identifier, triggerIdentifier, disabled]) => {\r\n\t\t\t\tconst isDefault = typeof tab.getAttribute(\"default\") === \"string\"\r\n\t\t\t\tconst iconStart = prepareIconFormat(tab.getAttribute('icon-start'))\r\n\t\t\t\tconst iconEnd = prepareIconFormat(tab.getAttribute('icon-end'))\r\n\t\t\t\treturn {\r\n\t\t\t\t\tlabel: tab.getAttribute(\"label\"),\r\n\t\t\t\t\tdirection: tab.getAttribute(\"direction\"),\r\n\t\t\t\t\tcontentIdentifier: identifier,\r\n\t\t\t\t\tdisabled: disabled,\r\n\t\t\t\t\ttriggerIdentifier: triggerIdentifier,\r\n\t\t\t\t\telement: tab,\r\n\t\t\t\t\tactive: false,\r\n\t\t\t\t\tdefault: isDefault,\r\n\t\t\t\t\ticonStart,\r\n\t\t\t\t\ticonEnd\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\tpromises.push(controlItem)\r\n\t\t});\r\n\t\tPromise.all(promises).then(controllers => {\r\n\t\t\tif (skipDefault === false) {\r\n\t\t\t\tlet defaultTabIndex = controllers.findIndex(controller => controller.default)\r\n\t\t\t\tif (defaultTabIndex === -1) defaultTabIndex = 0\r\n\t\t\t\tthis.focusIndex = defaultTabIndex\r\n\t\t\t\tcontrollers[defaultTabIndex].active = true\r\n\t\t\t} else if (this.focusIndex > -1 && hasOwnProperty(controllers, this.focusIndex)) {\r\n\t\t\t\tcontrollers[this.focusIndex].active = true\r\n\t\t\t}\r\n\t\t\tconst isWrongCombination = controllers.findIndex((controller) => controller.active && controller.disabled)\r\n\t\t\tif (isWrongCombination > -1) {\r\n\t\t\t\tcontrollers[isWrongCombination].active = false;\r\n\t\t\t\tconst firstGoodTab = controllers.findIndex((controller) => !controller.disabled)\r\n\t\t\t\tif (firstGoodTab > -1) {\r\n\t\t\t\t\tcontrollers[firstGoodTab].active = true\r\n\t\t\t\t\tthis.focusIndex = firstGoodTab;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tthis.controllers = [...controllers]\r\n\t\t\tthis.reRender()\r\n\t\t})\r\n\t}\r\n\r\n\tprivate setActiveByIdentifier(identifier: string) {\r\n\t\tconst temp = []\r\n\t\tthis.controllers.map(item => {\r\n\t\t\titem.active = identifier === item.triggerIdentifier || identifier === item.contentIdentifier\r\n\t\t\ttemp.push(item)\r\n\t\t})\r\n\t\tthis.controllers = [...temp]\r\n\t}\r\n\r\n\tprivate reRender() {\r\n\t\tthis.controllers.map(control => {\r\n\t\t\tcontrol.element.setActiveStatus(control.active).catch()\r\n\t\t})\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tclass={this.h.classes(TabsClass.root)}\r\n\t\t\t\tsize={this.size}\r\n\t\t\t\tcolor={this.color}\r\n\t\t\t\ttype={this.type}\r\n\t\t\t\tdirection={this.direction}\r\n\t\t\t\tonKeyDown={this.onKeydownHandler.bind(this)}\r\n\t\t\t>\r\n\t\t\t\t<div class={TabsClass.tabs}\r\n\t\t\t\t\t role=\"tablist\"\r\n\t\t\t\t\t {...this.inheritedAttributes}>\r\n\t\t\t\t\t<ul class={TabsClass.list}>\r\n\t\t\t\t\t\t{this.controllers.map(control => (\r\n\t\t\t\t\t\t\t<li class={TabsClass.item}>\r\n\t\t\t\t\t\t\t\t{this.type == \"text\" ? (\r\n\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\tclass={TabsClass.btn}\r\n\t\t\t\t\t\t\t\t\t\tid={control.triggerIdentifier}\r\n\t\t\t\t\t\t\t\t\t\trole=\"tab\"\r\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\t\tonClick={() => this.onSelectHandler(control)}\r\n\t\t\t\t\t\t\t\t\t\tdisabled={control.disabled}\r\n\t\t\t\t\t\t\t\t\t\taria-disabled={toBoolAttr(control.disabled)}\r\n\t\t\t\t\t\t\t\t\t\taria-selected={toBoolAttr(control.active)}\r\n\t\t\t\t\t\t\t\t\t\taria-controls={control.contentIdentifier}\r\n\t\t\t\t\t\t\t\t\t\ttabindex={control.active && !control.disabled ? 0 : -1}\r\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRefs[control.triggerIdentifier] = el as HTMLButtonElement)}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{control.iconStart ? (<gov-icon\r\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconStart.name}\r\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconStart.type}></gov-icon>) : null}\r\n\t\t\t\t\t\t\t\t\t\t{control.label}\r\n\t\t\t\t\t\t\t\t\t\t{control.iconEnd ? (<gov-icon\r\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconEnd.name}\r\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconEnd.type}></gov-icon>) : null}\r\n\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t<gov-chip\r\n\t\t\t\t\t\t\t\t\t\trole=\"tab\"\r\n\t\t\t\t\t\t\t\t\t\ttag={'button'}\r\n\t\t\t\t\t\t\t\t\t\tidentifier={control.triggerIdentifier}\r\n\t\t\t\t\t\t\t\t\t\taria-selected={booleanString(control.active)}\r\n\t\t\t\t\t\t\t\t\t\taria-controls={control.contentIdentifier}\r\n\t\t\t\t\t\t\t\t\t\tfocusable={control.active}\r\n\t\t\t\t\t\t\t\t\t\tdisabled={control.disabled}\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\tsize={this.size === \"xs\" ? \"xs\" : (this.size === \"s\" ? \"s\" : \"m\")}\r\n\t\t\t\t\t\t\t\t\t\ttype={control.active ? \"solid\" : \"outlined\"}\r\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRefs[control.triggerIdentifier] = el as HTMLGovChipElement)}\r\n\t\t\t\t\t\t\t\t\t\ton-gov-click={() => this.onSelectHandler(control)}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{control.iconStart ? (<gov-icon\r\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconStart.name}\r\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconStart.type}\r\n\t\t\t\t\t\t\t\t\t\t\tslot=\"icon-start\"></gov-icon>) : null}\r\n\t\t\t\t\t\t\t\t\t\t{control.label}\r\n\t\t\t\t\t\t\t\t\t\t{control.iconEnd ? (<gov-icon\r\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconEnd.name}\r\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconEnd.type}\r\n\t\t\t\t\t\t\t\t\t\t\tslot=\"icon-end\"></gov-icon>) : null}\r\n\t\t\t\t\t\t\t\t\t</gov-chip>\r\n\t\t\t\t\t\t\t\t)}\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</ul>\r\n\t\t\t\t</div>\r\n\t\t\t\t<slot></slot>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tprivate getCurrentTab(): GovTabControllerItem | null {\r\n\t\treturn this.controllers.find(control => control.active) || null\r\n\t}\r\n\r\n\tprivate onSelectHandler(control: GovTabControllerItem) {\r\n\t\tconst index = this.controllers.findIndex(t => t.triggerIdentifier === control.triggerIdentifier);\r\n\t\tthis.focusIndex = index\r\n\t\tthis.setActiveByIdentifier(control.triggerIdentifier)\r\n\t\tthis.reRender()\r\n\t\tthis.govChange.emit(this.getCurrentTab().element)\r\n\t}\r\n\r\n\tprivate onKeydownHandler(e: KeyboardEvent) {\r\n\t\tconst keyCode = e.keyCode\r\n\r\n\t\te.stopPropagation()\r\n\t\tthis.goToPrevNext(keyCode)\r\n\t}\r\n\r\n\tprivate goToPrevNext(keyCode: number) {\r\n\t\tif ([37, 38, 39, 40].includes(keyCode)) {\r\n\t\t\tif (false === (this.focusIndex >= 0 && this.focusIndex <= this.controllers.length - 1)) {\r\n\t\t\t\treturn\r\n\t\t\t}\r\n\r\n\t\t\tthis.controllers[this.focusIndex].active = false\r\n\r\n\t\t\tif (keyCode === 39 || keyCode === 40) {\r\n\t\t\t\tthis.focusIndex++\r\n\t\t\t\tif (this.focusIndex >= this.controllers.length) {\r\n\t\t\t\t\tthis.focusIndex = 0\r\n\t\t\t\t}\r\n\t\t\t\tif (this.controllers[this.focusIndex].disabled) {\r\n\t\t\t\t\tthis.goToPrevNext(40)\r\n\t\t\t\t}\r\n\t\t\t} else if (keyCode === 37 || keyCode === 38) {\r\n\t\t\t\tthis.focusIndex--\r\n\t\t\t\tif (this.focusIndex < 0) {\r\n\t\t\t\t\tthis.focusIndex = this.controllers.length - 1\r\n\t\t\t\t}\r\n\t\t\t\tif (this.controllers[this.focusIndex].disabled) {\r\n\t\t\t\t\tthis.goToPrevNext(38)\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (this.focusIndex >= 0 && this.focusIndex <= this.controllers.length - 1) {\r\n\t\t\t\tconst current = this.controllers[this.focusIndex]\r\n\t\t\t\tcurrent.active = true\r\n\t\t\t\tconst trigger = this.triggerRefs[current.triggerIdentifier]\r\n\t\t\t\tif (trigger.nodeName.toLowerCase() === 'gov-chip') {\r\n\t\t\t\t\t(this.triggerRefs[current.triggerIdentifier] as HTMLGovChipElement).setFocus()\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.triggerRefs[current.triggerIdentifier].focus()\r\n\t\t\t\t}\r\n\r\n\t\t\t\tthis.controllers = [...this.controllers]\r\n\t\t\t\tthis.reRender()\r\n\t\t\t\tthis.govChange.emit(this.getCurrentTab().element)\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Regenerate tabs controllers\r\n\t */\r\n\t@Method()\r\n\tasync refresh(): Promise<void> {\r\n\t\tthis.prepareControllers()\r\n\t}\r\n\r\n\t/**\r\n\t * Returns the currently selected tabs-item\r\n\t */\r\n\t@Method()\r\n\tasync currentTab(): Promise<Nullable<HTMLGovTabsItemElement>> {\r\n\t\treturn this.getCurrentTab().element || null\r\n\t}\r\n\r\n\t/**\r\n\t * Regenerate tabs controllers\r\n\t */\r\n\t@Method()\r\n\tasync setActiveTab(identifier: string): Promise<void> {\r\n\t\tthis.setActiveByIdentifier(identifier)\r\n\t\tthis.reRender()\r\n\t}\r\n\r\n\t/**\r\n\t * Regenerate tabs controllers\r\n\t */\r\n\t@Method()\r\n\tasync rerender(): Promise<void> {\r\n\t\tthis.prepareControllers(true);\r\n\t}\r\n}\r\n"],"version":3}
+{"file":"gov-tabs.entry.cjs.js","mappings":"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","names":["govHost","validateProp","TabTypes","TabsClass","TabColors","TabSizes","AttributeObserver","ariaAttributes","inheritAriaAttributes","TabsItemClass","prepareIconFormat","hasOwnProperty","h","Host","toBoolAttr","booleanString"],"sources":["../../../packages/core/src/components/gov-tabs/gov-tabs.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {\n\tColorType,\n\tTabColors,\n\tTabOrientationType,\n\tTabsClass,\n\tTabsItemClass,\n\tTabSizes,\n\tTabSizeType,\n\tTabType,\n\tTabTypes\n} from \"./constants\"\nimport {GovTabControllerItem} from \"./gov-tabs.types\"\nimport {booleanString, govHost, toBoolAttr} from \"../../helpers/Dom/template\"\nimport {Nullable} from \"../../types/interfaces\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {hasOwnProperty} from \"../../utils/helpers.types\";\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\n\n\n@Component({\n\ttag: \"gov-tabs\",\n})\nexport class GovTabs {\n\tprivate h: GovHost\n\tprivate triggerRefs: Record<string, HTMLButtonElement | HTMLGovChipElement> = {}\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovTabsElement\n\t/**\n\t * Tabs type\n\t */\n\t@Prop() readonly type: TabType = \"text\"\n\t/**\n\t * Tabs size.\n\t */\n\t@Prop() readonly size?: TabSizeType = 'm'\n\t/**\n\t * Style variation of the tab chips.\n\t */\n\t@Prop() readonly color?: ColorType = \"primary\"\n\t/**\n\t * Tabs orientation\n\t */\n\t@Prop() readonly orientation: TabOrientationType = \"horizontal\"\n\t/**\n\t * Icon and description display direction\n\t */\n\t@Prop({reflect: true}) readonly direction: 'row' | 'column' = 'row'\n\t/**\n\t * Emitted when the tab is changed.\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<HTMLGovTabsItemElement>\n\n\t@Watch(\"type\")\n\tvalidateType(newValue: string): void {\n\t\tvalidateProp(TabTypes, newValue, TabsClass.root)\n\t}\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(TabColors, newValue, TabsClass.root)\n\t}\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(TabSizes, newValue, TabsClass.root)\n\t}\n\n\t@State() controllers: GovTabControllerItem[] = []\n\t@State() focusIndex = 0\n\t@State() inheritedAttributes: Attributes = {}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.prepareControllers()\n\t\tthis.validateSize(this.size)\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 prepareControllers(skipDefault = false): void {\n\t\tthis.controllers = []\n\t\tconst promises: Promise<GovTabControllerItem>[] = []\n\t\tthis.host.querySelectorAll(':scope > ' + TabsItemClass.root).forEach((tab: HTMLGovTabsItemElement) => {\n\t\t\tconst controlItem = Promise.all([\n\t\t\t\ttab.getIdentifier(),\n\t\t\t\ttab.getTriggerIdentifier(),\n\t\t\t\ttab.getDisableState()\n\t\t\t]).then(([identifier, triggerIdentifier, disabled]) => {\n\t\t\t\tconst isDefault = typeof tab.getAttribute(\"default\") === \"string\"\n\t\t\t\tconst iconStart = prepareIconFormat(tab.getAttribute('icon-start'))\n\t\t\t\tconst iconEnd = prepareIconFormat(tab.getAttribute('icon-end'))\n\t\t\t\treturn {\n\t\t\t\t\tlabel: tab.getAttribute(\"label\"),\n\t\t\t\t\tdirection: tab.getAttribute(\"direction\"),\n\t\t\t\t\tcontentIdentifier: identifier,\n\t\t\t\t\tdisabled: disabled,\n\t\t\t\t\ttriggerIdentifier: triggerIdentifier,\n\t\t\t\t\telement: tab,\n\t\t\t\t\tactive: false,\n\t\t\t\t\tdefault: isDefault,\n\t\t\t\t\ticonStart,\n\t\t\t\t\ticonEnd\n\t\t\t\t}\n\t\t\t})\n\t\t\tpromises.push(controlItem)\n\t\t});\n\t\tPromise.all(promises).then(controllers => {\n\t\t\tif (skipDefault === false) {\n\t\t\t\tlet defaultTabIndex = controllers.findIndex(controller => controller.default)\n\t\t\t\tif (defaultTabIndex === -1) defaultTabIndex = 0\n\t\t\t\tthis.focusIndex = defaultTabIndex\n\t\t\t\tcontrollers[defaultTabIndex].active = true\n\t\t\t} else if (this.focusIndex > -1 && hasOwnProperty(controllers, this.focusIndex)) {\n\t\t\t\tcontrollers[this.focusIndex].active = true\n\t\t\t}\n\t\t\tconst isWrongCombination = controllers.findIndex((controller) => controller.active && controller.disabled)\n\t\t\tif (isWrongCombination > -1) {\n\t\t\t\tcontrollers[isWrongCombination].active = false;\n\t\t\t\tconst firstGoodTab = controllers.findIndex((controller) => !controller.disabled)\n\t\t\t\tif (firstGoodTab > -1) {\n\t\t\t\t\tcontrollers[firstGoodTab].active = true\n\t\t\t\t\tthis.focusIndex = firstGoodTab;\n\t\t\t\t}\n\t\t\t}\n\t\t\tthis.controllers = [...controllers]\n\t\t\tthis.reRender()\n\t\t})\n\t}\n\n\tprivate setActiveByIdentifier(identifier: string) {\n\t\tconst temp = []\n\t\tthis.controllers.map(item => {\n\t\t\titem.active = identifier === item.triggerIdentifier || identifier === item.contentIdentifier\n\t\t\ttemp.push(item)\n\t\t})\n\t\tthis.controllers = [...temp]\n\t}\n\n\tprivate reRender() {\n\t\tthis.controllers.map(control => {\n\t\t\tcontrol.element.setActiveStatus(control.active).catch()\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes(TabsClass.root)}\n\t\t\t\tsize={this.size}\n\t\t\t\tcolor={this.color}\n\t\t\t\ttype={this.type}\n\t\t\t\tdirection={this.direction}\n\t\t\t\tonKeyDown={this.onKeydownHandler.bind(this)}\n\t\t\t>\n\t\t\t\t<div class={TabsClass.tabs}\n\t\t\t\t\t role=\"tablist\"\n\t\t\t\t\t {...this.inheritedAttributes}>\n\t\t\t\t\t<ul class={TabsClass.list}>\n\t\t\t\t\t\t{this.controllers.map(control => (\n\t\t\t\t\t\t\t<li class={TabsClass.item}>\n\t\t\t\t\t\t\t\t{this.type == \"text\" ? (\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\tclass={TabsClass.btn}\n\t\t\t\t\t\t\t\t\t\tid={control.triggerIdentifier}\n\t\t\t\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tonClick={() => this.onSelectHandler(control)}\n\t\t\t\t\t\t\t\t\t\tdisabled={control.disabled}\n\t\t\t\t\t\t\t\t\t\taria-disabled={toBoolAttr(control.disabled)}\n\t\t\t\t\t\t\t\t\t\taria-selected={toBoolAttr(control.active)}\n\t\t\t\t\t\t\t\t\t\taria-controls={control.contentIdentifier}\n\t\t\t\t\t\t\t\t\t\ttabindex={control.active && !control.disabled ? 0 : -1}\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRefs[control.triggerIdentifier] = el as HTMLButtonElement)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{control.iconStart ? (<gov-icon\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconStart.name}\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconStart.type}></gov-icon>) : null}\n\t\t\t\t\t\t\t\t\t\t{control.label}\n\t\t\t\t\t\t\t\t\t\t{control.iconEnd ? (<gov-icon\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconEnd.name}\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconEnd.type}></gov-icon>) : null}\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<gov-chip\n\t\t\t\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t\t\t\ttag={'button'}\n\t\t\t\t\t\t\t\t\t\tidentifier={control.triggerIdentifier}\n\t\t\t\t\t\t\t\t\t\taria-selected={booleanString(control.active)}\n\t\t\t\t\t\t\t\t\t\taria-controls={control.contentIdentifier}\n\t\t\t\t\t\t\t\t\t\tfocusable={control.active}\n\t\t\t\t\t\t\t\t\t\tdisabled={control.disabled}\n\t\t\t\t\t\t\t\t\t\tcolor={this.color}\n\t\t\t\t\t\t\t\t\t\tsize={this.size === \"xs\" ? \"xs\" : (this.size === \"s\" ? \"s\" : \"m\")}\n\t\t\t\t\t\t\t\t\t\ttype={control.active ? \"solid\" : \"outlined\"}\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRefs[control.triggerIdentifier] = el as HTMLGovChipElement)}\n\t\t\t\t\t\t\t\t\t\ton-gov-click={() => this.onSelectHandler(control)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{control.iconStart ? (<gov-icon\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconStart.name}\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconStart.type}\n\t\t\t\t\t\t\t\t\t\t\tslot=\"icon-start\"></gov-icon>) : null}\n\t\t\t\t\t\t\t\t\t\t{control.label}\n\t\t\t\t\t\t\t\t\t\t{control.iconEnd ? (<gov-icon\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconEnd.name}\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconEnd.type}\n\t\t\t\t\t\t\t\t\t\t\tslot=\"icon-end\"></gov-icon>) : null}\n\t\t\t\t\t\t\t\t\t</gov-chip>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate getCurrentTab(): GovTabControllerItem | null {\n\t\treturn this.controllers.find(control => control.active) || null\n\t}\n\n\tprivate onSelectHandler(control: GovTabControllerItem) {\n\t\tconst index = this.controllers.findIndex(t => t.triggerIdentifier === control.triggerIdentifier);\n\t\tthis.focusIndex = index\n\t\tthis.setActiveByIdentifier(control.triggerIdentifier)\n\t\tthis.reRender()\n\t\tthis.govChange.emit(this.getCurrentTab().element)\n\t}\n\n\tprivate onKeydownHandler(e: KeyboardEvent) {\n\t\tconst keyCode = e.keyCode\n\n\t\te.stopPropagation()\n\t\tthis.goToPrevNext(keyCode)\n\t}\n\n\tprivate goToPrevNext(keyCode: number) {\n\t\tif ([37, 38, 39, 40].includes(keyCode)) {\n\t\t\tif (false === (this.focusIndex >= 0 && this.focusIndex <= this.controllers.length - 1)) {\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tthis.controllers[this.focusIndex].active = false\n\n\t\t\tif (keyCode === 39 || keyCode === 40) {\n\t\t\t\tthis.focusIndex++\n\t\t\t\tif (this.focusIndex >= this.controllers.length) {\n\t\t\t\t\tthis.focusIndex = 0\n\t\t\t\t}\n\t\t\t\tif (this.controllers[this.focusIndex].disabled) {\n\t\t\t\t\tthis.goToPrevNext(40)\n\t\t\t\t}\n\t\t\t} else if (keyCode === 37 || keyCode === 38) {\n\t\t\t\tthis.focusIndex--\n\t\t\t\tif (this.focusIndex < 0) {\n\t\t\t\t\tthis.focusIndex = this.controllers.length - 1\n\t\t\t\t}\n\t\t\t\tif (this.controllers[this.focusIndex].disabled) {\n\t\t\t\t\tthis.goToPrevNext(38)\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (this.focusIndex >= 0 && this.focusIndex <= this.controllers.length - 1) {\n\t\t\t\tconst current = this.controllers[this.focusIndex]\n\t\t\t\tcurrent.active = true\n\t\t\t\tconst trigger = this.triggerRefs[current.triggerIdentifier]\n\t\t\t\tif (trigger.nodeName.toLowerCase() === 'gov-chip') {\n\t\t\t\t\t(this.triggerRefs[current.triggerIdentifier] as HTMLGovChipElement).setFocus()\n\t\t\t\t} else {\n\t\t\t\t\tthis.triggerRefs[current.triggerIdentifier].focus()\n\t\t\t\t}\n\n\t\t\t\tthis.controllers = [...this.controllers]\n\t\t\t\tthis.reRender()\n\t\t\t\tthis.govChange.emit(this.getCurrentTab().element)\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Regenerate tabs controllers\n\t */\n\t@Method()\n\tasync refresh(): Promise<void> {\n\t\tthis.prepareControllers()\n\t}\n\n\t/**\n\t * Returns the currently selected tabs-item\n\t */\n\t@Method()\n\tasync currentTab(): Promise<Nullable<HTMLGovTabsItemElement>> {\n\t\treturn this.getCurrentTab().element || null\n\t}\n\n\t/**\n\t * Regenerate tabs controllers\n\t */\n\t@Method()\n\tasync setActiveTab(identifier: string): Promise<void> {\n\t\tthis.setActiveByIdentifier(identifier)\n\t\tthis.reRender()\n\t}\n\n\t/**\n\t * Regenerate tabs controllers\n\t */\n\t@Method()\n\tasync rerender(): Promise<void> {\n\t\tthis.prepareControllers(true);\n\t}\n}\n"],"version":3}

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

@@ -1 +1 @@
-{"version":3,"file":"gov-tabs.entry.cjs.js","sources":["../../../packages/core/src/components/gov-tabs/gov-tabs.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\r\nimport {validateProp} from \"../../helpers/Validate/props\"\r\nimport {\r\n\tColorType,\r\n\tTabColors,\r\n\tTabOrientationType,\r\n\tTabsClass,\r\n\tTabsItemClass,\r\n\tTabSizes,\r\n\tTabSizeType,\r\n\tTabType,\r\n\tTabTypes\r\n} from \"./constants\"\r\nimport {GovTabControllerItem} from \"./gov-tabs.types\"\r\nimport {booleanString, govHost, toBoolAttr} from \"../../helpers/Dom/template\"\r\nimport {Nullable} from \"../../types/interfaces\"\r\nimport {GovHost} from \"../../helpers/Dom/template.types\"\r\nimport {hasOwnProperty} from \"../../utils/helpers.types\";\r\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\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\r\n@Component({\r\n\ttag: \"gov-tabs\",\r\n})\r\nexport class GovTabs {\r\n\tprivate h: GovHost\r\n\tprivate triggerRefs: Record<string, HTMLButtonElement | HTMLGovChipElement> = {}\r\n\tprivate attributeObserver: AttributeObserver\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovTabsElement\r\n\t/**\r\n\t * Tabs type\r\n\t */\r\n\t@Prop() readonly type: TabType = \"text\"\r\n\t/**\r\n\t * Tabs size.\r\n\t */\r\n\t@Prop() readonly size?: TabSizeType = 'm'\r\n\t/**\r\n\t * Style variation of the tab chips.\r\n\t */\r\n\t@Prop() readonly color?: ColorType = \"primary\"\r\n\t/**\r\n\t * Tabs orientation\r\n\t */\r\n\t@Prop() readonly orientation: TabOrientationType = \"horizontal\"\r\n\t/**\r\n\t * Icon and description display direction\r\n\t */\r\n\t@Prop({reflect: true}) readonly direction: 'row' | 'column' = 'row'\r\n\t/**\r\n\t * Emitted when the tab is changed.\r\n\t */\r\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<HTMLGovTabsItemElement>\r\n\r\n\t@Watch(\"type\")\r\n\tvalidateType(newValue: string): void {\r\n\t\tvalidateProp(TabTypes, newValue, TabsClass.root)\r\n\t}\r\n\r\n\t@Watch(\"color\")\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(TabColors, newValue, TabsClass.root)\r\n\t}\r\n\r\n\t@Watch('size')\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(TabSizes, newValue, TabsClass.root)\r\n\t}\r\n\r\n\t@State() controllers: GovTabControllerItem[] = []\r\n\t@State() focusIndex = 0\r\n\t@State() inheritedAttributes: Attributes = {}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\r\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\r\n\t\t});\r\n\r\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.prepareControllers()\r\n\t\tthis.validateSize(this.size)\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 prepareControllers(skipDefault = false): void {\r\n\t\tthis.controllers = []\r\n\t\tconst promises: Promise<GovTabControllerItem>[] = []\r\n\t\tthis.host.querySelectorAll(':scope > ' + TabsItemClass.root).forEach((tab: HTMLGovTabsItemElement) => {\r\n\t\t\tconst controlItem = Promise.all([\r\n\t\t\t\ttab.getIdentifier(),\r\n\t\t\t\ttab.getTriggerIdentifier(),\r\n\t\t\t\ttab.getDisableState()\r\n\t\t\t]).then(([identifier, triggerIdentifier, disabled]) => {\r\n\t\t\t\tconst isDefault = typeof tab.getAttribute(\"default\") === \"string\"\r\n\t\t\t\tconst iconStart = prepareIconFormat(tab.getAttribute('icon-start'))\r\n\t\t\t\tconst iconEnd = prepareIconFormat(tab.getAttribute('icon-end'))\r\n\t\t\t\treturn {\r\n\t\t\t\t\tlabel: tab.getAttribute(\"label\"),\r\n\t\t\t\t\tdirection: tab.getAttribute(\"direction\"),\r\n\t\t\t\t\tcontentIdentifier: identifier,\r\n\t\t\t\t\tdisabled: disabled,\r\n\t\t\t\t\ttriggerIdentifier: triggerIdentifier,\r\n\t\t\t\t\telement: tab,\r\n\t\t\t\t\tactive: false,\r\n\t\t\t\t\tdefault: isDefault,\r\n\t\t\t\t\ticonStart,\r\n\t\t\t\t\ticonEnd\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\tpromises.push(controlItem)\r\n\t\t});\r\n\t\tPromise.all(promises).then(controllers => {\r\n\t\t\tif (skipDefault === false) {\r\n\t\t\t\tlet defaultTabIndex = controllers.findIndex(controller => controller.default)\r\n\t\t\t\tif (defaultTabIndex === -1) defaultTabIndex = 0\r\n\t\t\t\tthis.focusIndex = defaultTabIndex\r\n\t\t\t\tcontrollers[defaultTabIndex].active = true\r\n\t\t\t} else if (this.focusIndex > -1 && hasOwnProperty(controllers, this.focusIndex)) {\r\n\t\t\t\tcontrollers[this.focusIndex].active = true\r\n\t\t\t}\r\n\t\t\tconst isWrongCombination = controllers.findIndex((controller) => controller.active && controller.disabled)\r\n\t\t\tif (isWrongCombination > -1) {\r\n\t\t\t\tcontrollers[isWrongCombination].active = false;\r\n\t\t\t\tconst firstGoodTab = controllers.findIndex((controller) => !controller.disabled)\r\n\t\t\t\tif (firstGoodTab > -1) {\r\n\t\t\t\t\tcontrollers[firstGoodTab].active = true\r\n\t\t\t\t\tthis.focusIndex = firstGoodTab;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tthis.controllers = [...controllers]\r\n\t\t\tthis.reRender()\r\n\t\t})\r\n\t}\r\n\r\n\tprivate setActiveByIdentifier(identifier: string) {\r\n\t\tconst temp = []\r\n\t\tthis.controllers.map(item => {\r\n\t\t\titem.active = identifier === item.triggerIdentifier || identifier === item.contentIdentifier\r\n\t\t\ttemp.push(item)\r\n\t\t})\r\n\t\tthis.controllers = [...temp]\r\n\t}\r\n\r\n\tprivate reRender() {\r\n\t\tthis.controllers.map(control => {\r\n\t\t\tcontrol.element.setActiveStatus(control.active).catch()\r\n\t\t})\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tclass={this.h.classes(TabsClass.root)}\r\n\t\t\t\tsize={this.size}\r\n\t\t\t\tcolor={this.color}\r\n\t\t\t\ttype={this.type}\r\n\t\t\t\tdirection={this.direction}\r\n\t\t\t\tonKeyDown={this.onKeydownHandler.bind(this)}\r\n\t\t\t>\r\n\t\t\t\t<div class={TabsClass.tabs}\r\n\t\t\t\t\t role=\"tablist\"\r\n\t\t\t\t\t {...this.inheritedAttributes}>\r\n\t\t\t\t\t<ul class={TabsClass.list}>\r\n\t\t\t\t\t\t{this.controllers.map(control => (\r\n\t\t\t\t\t\t\t<li class={TabsClass.item}>\r\n\t\t\t\t\t\t\t\t{this.type == \"text\" ? (\r\n\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\tclass={TabsClass.btn}\r\n\t\t\t\t\t\t\t\t\t\tid={control.triggerIdentifier}\r\n\t\t\t\t\t\t\t\t\t\trole=\"tab\"\r\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\t\tonClick={() => this.onSelectHandler(control)}\r\n\t\t\t\t\t\t\t\t\t\tdisabled={control.disabled}\r\n\t\t\t\t\t\t\t\t\t\taria-disabled={toBoolAttr(control.disabled)}\r\n\t\t\t\t\t\t\t\t\t\taria-selected={toBoolAttr(control.active)}\r\n\t\t\t\t\t\t\t\t\t\taria-controls={control.contentIdentifier}\r\n\t\t\t\t\t\t\t\t\t\ttabindex={control.active && !control.disabled ? 0 : -1}\r\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRefs[control.triggerIdentifier] = el as HTMLButtonElement)}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{control.iconStart ? (<gov-icon\r\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconStart.name}\r\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconStart.type}></gov-icon>) : null}\r\n\t\t\t\t\t\t\t\t\t\t{control.label}\r\n\t\t\t\t\t\t\t\t\t\t{control.iconEnd ? (<gov-icon\r\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconEnd.name}\r\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconEnd.type}></gov-icon>) : null}\r\n\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t<gov-chip\r\n\t\t\t\t\t\t\t\t\t\trole=\"tab\"\r\n\t\t\t\t\t\t\t\t\t\ttag={'button'}\r\n\t\t\t\t\t\t\t\t\t\tidentifier={control.triggerIdentifier}\r\n\t\t\t\t\t\t\t\t\t\taria-selected={booleanString(control.active)}\r\n\t\t\t\t\t\t\t\t\t\taria-controls={control.contentIdentifier}\r\n\t\t\t\t\t\t\t\t\t\tfocusable={control.active}\r\n\t\t\t\t\t\t\t\t\t\tdisabled={control.disabled}\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\tsize={this.size === \"xs\" ? \"xs\" : (this.size === \"s\" ? \"s\" : \"m\")}\r\n\t\t\t\t\t\t\t\t\t\ttype={control.active ? \"solid\" : \"outlined\"}\r\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRefs[control.triggerIdentifier] = el as HTMLGovChipElement)}\r\n\t\t\t\t\t\t\t\t\t\ton-gov-click={() => this.onSelectHandler(control)}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{control.iconStart ? (<gov-icon\r\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconStart.name}\r\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconStart.type}\r\n\t\t\t\t\t\t\t\t\t\t\tslot=\"icon-start\"></gov-icon>) : null}\r\n\t\t\t\t\t\t\t\t\t\t{control.label}\r\n\t\t\t\t\t\t\t\t\t\t{control.iconEnd ? (<gov-icon\r\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconEnd.name}\r\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconEnd.type}\r\n\t\t\t\t\t\t\t\t\t\t\tslot=\"icon-end\"></gov-icon>) : null}\r\n\t\t\t\t\t\t\t\t\t</gov-chip>\r\n\t\t\t\t\t\t\t\t)}\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</ul>\r\n\t\t\t\t</div>\r\n\t\t\t\t<slot></slot>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tprivate getCurrentTab(): GovTabControllerItem | null {\r\n\t\treturn this.controllers.find(control => control.active) || null\r\n\t}\r\n\r\n\tprivate onSelectHandler(control: GovTabControllerItem) {\r\n\t\tconst index = this.controllers.findIndex(t => t.triggerIdentifier === control.triggerIdentifier);\r\n\t\tthis.focusIndex = index\r\n\t\tthis.setActiveByIdentifier(control.triggerIdentifier)\r\n\t\tthis.reRender()\r\n\t\tthis.govChange.emit(this.getCurrentTab().element)\r\n\t}\r\n\r\n\tprivate onKeydownHandler(e: KeyboardEvent) {\r\n\t\tconst keyCode = e.keyCode\r\n\r\n\t\te.stopPropagation()\r\n\t\tthis.goToPrevNext(keyCode)\r\n\t}\r\n\r\n\tprivate goToPrevNext(keyCode: number) {\r\n\t\tif ([37, 38, 39, 40].includes(keyCode)) {\r\n\t\t\tif (false === (this.focusIndex >= 0 && this.focusIndex <= this.controllers.length - 1)) {\r\n\t\t\t\treturn\r\n\t\t\t}\r\n\r\n\t\t\tthis.controllers[this.focusIndex].active = false\r\n\r\n\t\t\tif (keyCode === 39 || keyCode === 40) {\r\n\t\t\t\tthis.focusIndex++\r\n\t\t\t\tif (this.focusIndex >= this.controllers.length) {\r\n\t\t\t\t\tthis.focusIndex = 0\r\n\t\t\t\t}\r\n\t\t\t\tif (this.controllers[this.focusIndex].disabled) {\r\n\t\t\t\t\tthis.goToPrevNext(40)\r\n\t\t\t\t}\r\n\t\t\t} else if (keyCode === 37 || keyCode === 38) {\r\n\t\t\t\tthis.focusIndex--\r\n\t\t\t\tif (this.focusIndex < 0) {\r\n\t\t\t\t\tthis.focusIndex = this.controllers.length - 1\r\n\t\t\t\t}\r\n\t\t\t\tif (this.controllers[this.focusIndex].disabled) {\r\n\t\t\t\t\tthis.goToPrevNext(38)\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (this.focusIndex >= 0 && this.focusIndex <= this.controllers.length - 1) {\r\n\t\t\t\tconst current = this.controllers[this.focusIndex]\r\n\t\t\t\tcurrent.active = true\r\n\t\t\t\tconst trigger = this.triggerRefs[current.triggerIdentifier]\r\n\t\t\t\tif (trigger.nodeName.toLowerCase() === 'gov-chip') {\r\n\t\t\t\t\t(this.triggerRefs[current.triggerIdentifier] as HTMLGovChipElement).setFocus()\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.triggerRefs[current.triggerIdentifier].focus()\r\n\t\t\t\t}\r\n\r\n\t\t\t\tthis.controllers = [...this.controllers]\r\n\t\t\t\tthis.reRender()\r\n\t\t\t\tthis.govChange.emit(this.getCurrentTab().element)\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Regenerate tabs controllers\r\n\t */\r\n\t@Method()\r\n\tasync refresh(): Promise<void> {\r\n\t\tthis.prepareControllers()\r\n\t}\r\n\r\n\t/**\r\n\t * Returns the currently selected tabs-item\r\n\t */\r\n\t@Method()\r\n\tasync currentTab(): Promise<Nullable<HTMLGovTabsItemElement>> {\r\n\t\treturn this.getCurrentTab().element || null\r\n\t}\r\n\r\n\t/**\r\n\t * Regenerate tabs controllers\r\n\t */\r\n\t@Method()\r\n\tasync setActiveTab(identifier: string): Promise<void> {\r\n\t\tthis.setActiveByIdentifier(identifier)\r\n\t\tthis.reRender()\r\n\t}\r\n\r\n\t/**\r\n\t * Regenerate tabs controllers\r\n\t */\r\n\t@Method()\r\n\tasync rerender(): Promise<void> {\r\n\t\tthis.prepareControllers(true);\r\n\t}\r\n}\r\n"],"names":["govHost","validateProp","TabTypes","TabsClass","TabColors","TabSizes","AttributeObserver","ariaAttributes","inheritAriaAttributes","TabsItemClass","prepareIconFormat","hasOwnProperty","h","Host","toBoolAttr","booleanString"],"mappings":"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"}
+{"version":3,"file":"gov-tabs.entry.cjs.js","sources":["../../../packages/core/src/components/gov-tabs/gov-tabs.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {\n\tColorType,\n\tTabColors,\n\tTabOrientationType,\n\tTabsClass,\n\tTabsItemClass,\n\tTabSizes,\n\tTabSizeType,\n\tTabType,\n\tTabTypes\n} from \"./constants\"\nimport {GovTabControllerItem} from \"./gov-tabs.types\"\nimport {booleanString, govHost, toBoolAttr} from \"../../helpers/Dom/template\"\nimport {Nullable} from \"../../types/interfaces\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {hasOwnProperty} from \"../../utils/helpers.types\";\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\n\n\n@Component({\n\ttag: \"gov-tabs\",\n})\nexport class GovTabs {\n\tprivate h: GovHost\n\tprivate triggerRefs: Record<string, HTMLButtonElement | HTMLGovChipElement> = {}\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovTabsElement\n\t/**\n\t * Tabs type\n\t */\n\t@Prop() readonly type: TabType = \"text\"\n\t/**\n\t * Tabs size.\n\t */\n\t@Prop() readonly size?: TabSizeType = 'm'\n\t/**\n\t * Style variation of the tab chips.\n\t */\n\t@Prop() readonly color?: ColorType = \"primary\"\n\t/**\n\t * Tabs orientation\n\t */\n\t@Prop() readonly orientation: TabOrientationType = \"horizontal\"\n\t/**\n\t * Icon and description display direction\n\t */\n\t@Prop({reflect: true}) readonly direction: 'row' | 'column' = 'row'\n\t/**\n\t * Emitted when the tab is changed.\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<HTMLGovTabsItemElement>\n\n\t@Watch(\"type\")\n\tvalidateType(newValue: string): void {\n\t\tvalidateProp(TabTypes, newValue, TabsClass.root)\n\t}\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(TabColors, newValue, TabsClass.root)\n\t}\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(TabSizes, newValue, TabsClass.root)\n\t}\n\n\t@State() controllers: GovTabControllerItem[] = []\n\t@State() focusIndex = 0\n\t@State() inheritedAttributes: Attributes = {}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.prepareControllers()\n\t\tthis.validateSize(this.size)\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 prepareControllers(skipDefault = false): void {\n\t\tthis.controllers = []\n\t\tconst promises: Promise<GovTabControllerItem>[] = []\n\t\tthis.host.querySelectorAll(':scope > ' + TabsItemClass.root).forEach((tab: HTMLGovTabsItemElement) => {\n\t\t\tconst controlItem = Promise.all([\n\t\t\t\ttab.getIdentifier(),\n\t\t\t\ttab.getTriggerIdentifier(),\n\t\t\t\ttab.getDisableState()\n\t\t\t]).then(([identifier, triggerIdentifier, disabled]) => {\n\t\t\t\tconst isDefault = typeof tab.getAttribute(\"default\") === \"string\"\n\t\t\t\tconst iconStart = prepareIconFormat(tab.getAttribute('icon-start'))\n\t\t\t\tconst iconEnd = prepareIconFormat(tab.getAttribute('icon-end'))\n\t\t\t\treturn {\n\t\t\t\t\tlabel: tab.getAttribute(\"label\"),\n\t\t\t\t\tdirection: tab.getAttribute(\"direction\"),\n\t\t\t\t\tcontentIdentifier: identifier,\n\t\t\t\t\tdisabled: disabled,\n\t\t\t\t\ttriggerIdentifier: triggerIdentifier,\n\t\t\t\t\telement: tab,\n\t\t\t\t\tactive: false,\n\t\t\t\t\tdefault: isDefault,\n\t\t\t\t\ticonStart,\n\t\t\t\t\ticonEnd\n\t\t\t\t}\n\t\t\t})\n\t\t\tpromises.push(controlItem)\n\t\t});\n\t\tPromise.all(promises).then(controllers => {\n\t\t\tif (skipDefault === false) {\n\t\t\t\tlet defaultTabIndex = controllers.findIndex(controller => controller.default)\n\t\t\t\tif (defaultTabIndex === -1) defaultTabIndex = 0\n\t\t\t\tthis.focusIndex = defaultTabIndex\n\t\t\t\tcontrollers[defaultTabIndex].active = true\n\t\t\t} else if (this.focusIndex > -1 && hasOwnProperty(controllers, this.focusIndex)) {\n\t\t\t\tcontrollers[this.focusIndex].active = true\n\t\t\t}\n\t\t\tconst isWrongCombination = controllers.findIndex((controller) => controller.active && controller.disabled)\n\t\t\tif (isWrongCombination > -1) {\n\t\t\t\tcontrollers[isWrongCombination].active = false;\n\t\t\t\tconst firstGoodTab = controllers.findIndex((controller) => !controller.disabled)\n\t\t\t\tif (firstGoodTab > -1) {\n\t\t\t\t\tcontrollers[firstGoodTab].active = true\n\t\t\t\t\tthis.focusIndex = firstGoodTab;\n\t\t\t\t}\n\t\t\t}\n\t\t\tthis.controllers = [...controllers]\n\t\t\tthis.reRender()\n\t\t})\n\t}\n\n\tprivate setActiveByIdentifier(identifier: string) {\n\t\tconst temp = []\n\t\tthis.controllers.map(item => {\n\t\t\titem.active = identifier === item.triggerIdentifier || identifier === item.contentIdentifier\n\t\t\ttemp.push(item)\n\t\t})\n\t\tthis.controllers = [...temp]\n\t}\n\n\tprivate reRender() {\n\t\tthis.controllers.map(control => {\n\t\t\tcontrol.element.setActiveStatus(control.active).catch()\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes(TabsClass.root)}\n\t\t\t\tsize={this.size}\n\t\t\t\tcolor={this.color}\n\t\t\t\ttype={this.type}\n\t\t\t\tdirection={this.direction}\n\t\t\t\tonKeyDown={this.onKeydownHandler.bind(this)}\n\t\t\t>\n\t\t\t\t<div class={TabsClass.tabs}\n\t\t\t\t\t role=\"tablist\"\n\t\t\t\t\t {...this.inheritedAttributes}>\n\t\t\t\t\t<ul class={TabsClass.list}>\n\t\t\t\t\t\t{this.controllers.map(control => (\n\t\t\t\t\t\t\t<li class={TabsClass.item}>\n\t\t\t\t\t\t\t\t{this.type == \"text\" ? (\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\tclass={TabsClass.btn}\n\t\t\t\t\t\t\t\t\t\tid={control.triggerIdentifier}\n\t\t\t\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tonClick={() => this.onSelectHandler(control)}\n\t\t\t\t\t\t\t\t\t\tdisabled={control.disabled}\n\t\t\t\t\t\t\t\t\t\taria-disabled={toBoolAttr(control.disabled)}\n\t\t\t\t\t\t\t\t\t\taria-selected={toBoolAttr(control.active)}\n\t\t\t\t\t\t\t\t\t\taria-controls={control.contentIdentifier}\n\t\t\t\t\t\t\t\t\t\ttabindex={control.active && !control.disabled ? 0 : -1}\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRefs[control.triggerIdentifier] = el as HTMLButtonElement)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{control.iconStart ? (<gov-icon\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconStart.name}\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconStart.type}></gov-icon>) : null}\n\t\t\t\t\t\t\t\t\t\t{control.label}\n\t\t\t\t\t\t\t\t\t\t{control.iconEnd ? (<gov-icon\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconEnd.name}\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconEnd.type}></gov-icon>) : null}\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<gov-chip\n\t\t\t\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t\t\t\ttag={'button'}\n\t\t\t\t\t\t\t\t\t\tidentifier={control.triggerIdentifier}\n\t\t\t\t\t\t\t\t\t\taria-selected={booleanString(control.active)}\n\t\t\t\t\t\t\t\t\t\taria-controls={control.contentIdentifier}\n\t\t\t\t\t\t\t\t\t\tfocusable={control.active}\n\t\t\t\t\t\t\t\t\t\tdisabled={control.disabled}\n\t\t\t\t\t\t\t\t\t\tcolor={this.color}\n\t\t\t\t\t\t\t\t\t\tsize={this.size === \"xs\" ? \"xs\" : (this.size === \"s\" ? \"s\" : \"m\")}\n\t\t\t\t\t\t\t\t\t\ttype={control.active ? \"solid\" : \"outlined\"}\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRefs[control.triggerIdentifier] = el as HTMLGovChipElement)}\n\t\t\t\t\t\t\t\t\t\ton-gov-click={() => this.onSelectHandler(control)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{control.iconStart ? (<gov-icon\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconStart.name}\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconStart.type}\n\t\t\t\t\t\t\t\t\t\t\tslot=\"icon-start\"></gov-icon>) : null}\n\t\t\t\t\t\t\t\t\t\t{control.label}\n\t\t\t\t\t\t\t\t\t\t{control.iconEnd ? (<gov-icon\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconEnd.name}\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconEnd.type}\n\t\t\t\t\t\t\t\t\t\t\tslot=\"icon-end\"></gov-icon>) : null}\n\t\t\t\t\t\t\t\t\t</gov-chip>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate getCurrentTab(): GovTabControllerItem | null {\n\t\treturn this.controllers.find(control => control.active) || null\n\t}\n\n\tprivate onSelectHandler(control: GovTabControllerItem) {\n\t\tconst index = this.controllers.findIndex(t => t.triggerIdentifier === control.triggerIdentifier);\n\t\tthis.focusIndex = index\n\t\tthis.setActiveByIdentifier(control.triggerIdentifier)\n\t\tthis.reRender()\n\t\tthis.govChange.emit(this.getCurrentTab().element)\n\t}\n\n\tprivate onKeydownHandler(e: KeyboardEvent) {\n\t\tconst keyCode = e.keyCode\n\n\t\te.stopPropagation()\n\t\tthis.goToPrevNext(keyCode)\n\t}\n\n\tprivate goToPrevNext(keyCode: number) {\n\t\tif ([37, 38, 39, 40].includes(keyCode)) {\n\t\t\tif (false === (this.focusIndex >= 0 && this.focusIndex <= this.controllers.length - 1)) {\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tthis.controllers[this.focusIndex].active = false\n\n\t\t\tif (keyCode === 39 || keyCode === 40) {\n\t\t\t\tthis.focusIndex++\n\t\t\t\tif (this.focusIndex >= this.controllers.length) {\n\t\t\t\t\tthis.focusIndex = 0\n\t\t\t\t}\n\t\t\t\tif (this.controllers[this.focusIndex].disabled) {\n\t\t\t\t\tthis.goToPrevNext(40)\n\t\t\t\t}\n\t\t\t} else if (keyCode === 37 || keyCode === 38) {\n\t\t\t\tthis.focusIndex--\n\t\t\t\tif (this.focusIndex < 0) {\n\t\t\t\t\tthis.focusIndex = this.controllers.length - 1\n\t\t\t\t}\n\t\t\t\tif (this.controllers[this.focusIndex].disabled) {\n\t\t\t\t\tthis.goToPrevNext(38)\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (this.focusIndex >= 0 && this.focusIndex <= this.controllers.length - 1) {\n\t\t\t\tconst current = this.controllers[this.focusIndex]\n\t\t\t\tcurrent.active = true\n\t\t\t\tconst trigger = this.triggerRefs[current.triggerIdentifier]\n\t\t\t\tif (trigger.nodeName.toLowerCase() === 'gov-chip') {\n\t\t\t\t\t(this.triggerRefs[current.triggerIdentifier] as HTMLGovChipElement).setFocus()\n\t\t\t\t} else {\n\t\t\t\t\tthis.triggerRefs[current.triggerIdentifier].focus()\n\t\t\t\t}\n\n\t\t\t\tthis.controllers = [...this.controllers]\n\t\t\t\tthis.reRender()\n\t\t\t\tthis.govChange.emit(this.getCurrentTab().element)\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Regenerate tabs controllers\n\t */\n\t@Method()\n\tasync refresh(): Promise<void> {\n\t\tthis.prepareControllers()\n\t}\n\n\t/**\n\t * Returns the currently selected tabs-item\n\t */\n\t@Method()\n\tasync currentTab(): Promise<Nullable<HTMLGovTabsItemElement>> {\n\t\treturn this.getCurrentTab().element || null\n\t}\n\n\t/**\n\t * Regenerate tabs controllers\n\t */\n\t@Method()\n\tasync setActiveTab(identifier: string): Promise<void> {\n\t\tthis.setActiveByIdentifier(identifier)\n\t\tthis.reRender()\n\t}\n\n\t/**\n\t * Regenerate tabs controllers\n\t */\n\t@Method()\n\tasync rerender(): Promise<void> {\n\t\tthis.prepareControllers(true);\n\t}\n}\n"],"names":["govHost","validateProp","TabTypes","TabsClass","TabColors","TabSizes","AttributeObserver","ariaAttributes","inheritAriaAttributes","TabsItemClass","prepareIconFormat","hasOwnProperty","h","Host","toBoolAttr","booleanString"],"mappings":"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"}

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

@@ -50,7 +50,7 @@ const GovTag = class {
     render() {
         const iconStart = helpers.prepareIconFormat(this.iconStart);
         const iconEnd = helpers.prepareIconFormat(this.iconEnd);
-        return (index.h(index.Host, { key: 'bb366b85a94d134d58766604e6410e17bed07adc', class: this.h.classes(TagClass.root), color: this.color, size: this.size, type: this.type }, index.h("span", { key: '963aa53926b6b65bbc155c349a119f46aabe59c8', class: "element" }, index.h("slot", { key: '3164cfa09970ac3e0f97df7265afd45a623b09aa', name: "icon-start" }, iconStart && index.h("gov-icon", { key: '335c0e5db0cb5a808c553bd4c9f6893d17a8fac9', type: iconStart.type, name: iconStart.name })), index.h("slot", { key: '9be29754dcefdaa37daee39befdc6a708e36324d' }), index.h("slot", { key: '6dffe882089838615e9fe451fc800b728885746a', name: "icon-end" }, iconEnd && index.h("gov-icon", { key: '415d8c03fefdf6281ae13668fb7b3aeaa572856e', type: iconEnd.type, name: iconEnd.name })))));
+        return (index.h(index.Host, { key: '9ed31c6f9d34001618223db4d842ee55611f8896', class: this.h.classes(TagClass.root), color: this.color, size: this.size, type: this.type }, index.h("span", { key: '617d6cf19dc34385815916b6656f48c14428bff6', class: "element" }, index.h("slot", { key: 'd95d40e8a9de633865f174821050ab57174b435f', name: "icon-start" }, iconStart && index.h("gov-icon", { key: '95a813406d45b8a69f4d4804f4063a7fa88d1038', type: iconStart.type, name: iconStart.name })), index.h("slot", { key: '4e4ad28e073bc933e3a193283e46d50f413bcf62' }), index.h("slot", { key: '0642ab987098007d4335d8aed281f4cd431bfe10', name: "icon-end" }, iconEnd && index.h("gov-icon", { key: '00ea783ae37eb0a4461cb97e15cdc9efc332bb27', type: iconEnd.type, name: iconEnd.name })))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1 +1 @@
-{"file":"gov-tag.entry.cjs.js","mappings":";;;;;;;;;;;;AAIO,MAAM,QAAQ,GAAGA,UAAI,CAACC,WAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAGxD,IAAY,OAGX;AAHD,CAAA,UAAY,OAAO,EAAA;AAClB,IAAA,OAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,OAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AAClB,CAAC,EAHW,OAAO,KAAP,OAAO,GAGlB,EAAA,CAAA,CAAA;AAGM,MAAM,QAAQ,GAAG;AACvB,IAAA,IAAI,EAAE,SAAS;CACf;;MCJY,MAAM,GAAA,MAAA;AAGlB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAcA;;AAEG;AAC6B,QAAA,IAAA,CAAA,IAAI,GAAiB,QAAQ,CAAC,EAAE;AAChE;;AAEG;AAC6B,QAAA,IAAA,CAAA,KAAK,GAAoBC,sBAAY,CAAC,OAAO;AAK7E;;AAEG;AAC6B,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;QA5BxD,IAAI,CAAC,CAAC,GAAGC,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AA8BD,IAAA,aAAa,CAAC,QAAgB,EAAA;QAC7BC,kBAAY,CAACF,sBAAY,EAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC;;AAIpD,IAAA,YAAY,CAAC,QAAgB,EAAA;QAC5BE,kBAAY,CAACC,qBAAW,EAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC;;IAGnD,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;AAC9B,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;;IAG7B,MAAM,GAAA;QACL,MAAM,SAAS,GAAGC,yBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC;QACnD,MAAM,OAAO,GAAGA,yBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC;AAC/C,QAAA,QACCC,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,EACzC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,EAEfD,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACpBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,YAAY,IACrB,SAAS,IAAIA,uEAAU,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,GAAa,CACzE,EACPA,OAAO,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACPA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EAAA,EACnB,OAAO,IAAIA,OAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,GAAa,CACnE,CACD,CACD;;;;;;;;;;;","names":["pick","Sizes","ButtonColors","govHost","validateProp","ButtonSizes","prepareIconFormat","h","Host"],"sources":["../../../packages/core/src/components/gov-tag/constants.ts","../../../packages/core/src/components/gov-tag/gov-tag.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\r\nimport {Sizes} from \"../../core/constants/sizes\";\r\nimport {ValueOf} from \"../../types/interfaces\";\r\n\r\nexport const TagSizes = pick(Sizes, ['_XS', '_S', '_M'])\r\nexport type TagSizesType = `${ValueOf<typeof TagSizes>}`\r\n\r\nexport enum TagType {\r\n\tBOLD = 'bold',\r\n\tSUBTLE = 'subtle',\r\n}\r\nexport type TagTypesType = `${ValueOf<typeof TagType>}`\r\n\r\nexport const TagClass = {\r\n\troot: 'gov-tag',\r\n}\r\n","import {Component, Element, h, Host, Prop, Watch} from '@stencil/core'\r\nimport {govHost} from '../../helpers/Dom/template'\r\nimport {GovHost} from '../../helpers/Dom/template.types'\r\nimport {validateProp} from '../../helpers/Validate/props'\r\nimport {ButtonSizes, ButtonColors, ButtonColorType} from '../gov-button/button/constants'\r\nimport {TagClass, TagSizes, TagSizesType, TagTypesType} from './constants'\r\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\r\n\r\n@Component({\r\n\ttag: 'gov-tag',\r\n})\r\nexport class GovTag {\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: HTMLGovTagElement\r\n\r\n\t/**\r\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\r\n\t */\r\n\t@Prop({attribute: \"icon-start\"}) readonly iconStart?: string\r\n\t/**\r\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\r\n\t */\r\n\t@Prop({attribute: \"icon-end\"}) readonly iconEnd?: string\r\n\t/**\r\n\t * Tag’s size.\r\n\t */\r\n\t@Prop({reflect: true}) readonly size: TagSizesType = TagSizes._S\r\n\t/**\r\n\t * Style variation of the tag.\r\n\t */\r\n\t@Prop({reflect: true}) readonly color: ButtonColorType = ButtonColors.PRIMARY\r\n\t/**\r\n\t * Tag’s type\r\n\t */\r\n\t@Prop({reflect: true}) readonly type: TagTypesType\r\n\t/**\r\n\t * Expands the tag to fill 100% of the container width\r\n\t */\r\n\t@Prop({reflect: true}) readonly expanded: boolean = false\r\n\r\n\t@Watch('color')\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(ButtonColors, newValue, TagClass.root)\r\n\t}\r\n\r\n\t@Watch('size')\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(ButtonSizes, newValue, TagClass.root)\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateColor(this.color)\r\n\t\tthis.validateSize(this.size)\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst iconStart = prepareIconFormat(this.iconStart)\r\n\t\tconst iconEnd = prepareIconFormat(this.iconEnd)\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(TagClass.root)}\r\n\t\t\t\tcolor={this.color}\r\n\t\t\t\tsize={this.size}\r\n\t\t\t\ttype={this.type}\r\n\t\t\t>\r\n\t\t\t\t<span class=\"element\">\r\n\t\t\t\t\t<slot name=\"icon-start\">\r\n\t\t\t\t\t\t{iconStart && <gov-icon type={iconStart.type} name={iconStart.name}></gov-icon>}\r\n\t\t\t\t\t</slot>\r\n\t\t\t\t\t<slot/>\r\n\t\t\t\t\t<slot name=\"icon-end\">\r\n\t\t\t\t\t\t{iconEnd && <gov-icon type={iconEnd.type} name={iconEnd.name}></gov-icon>}\r\n\t\t\t\t\t</slot>\r\n\t\t\t\t</span>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"version":3}
+{"file":"gov-tag.entry.cjs.js","mappings":";;;;;;;;;;;;AAIO,MAAM,QAAQ,GAAGA,UAAI,CAACC,WAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAGxD,IAAY,OAGX;AAHD,CAAA,UAAY,OAAO,EAAA;AAClB,IAAA,OAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,OAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AAClB,CAAC,EAHW,OAAO,KAAP,OAAO,GAGlB,EAAA,CAAA,CAAA;AAGM,MAAM,QAAQ,GAAG;AACvB,IAAA,IAAI,EAAE,SAAS;CACf;;MCJY,MAAM,GAAA,MAAA;AAGlB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAcA;;AAEG;AAC6B,QAAA,IAAA,CAAA,IAAI,GAAiB,QAAQ,CAAC,EAAE;AAChE;;AAEG;AAC6B,QAAA,IAAA,CAAA,KAAK,GAAoBC,sBAAY,CAAC,OAAO;AAK7E;;AAEG;AAC6B,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;QA5BxD,IAAI,CAAC,CAAC,GAAGC,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AA8BD,IAAA,aAAa,CAAC,QAAgB,EAAA;QAC7BC,kBAAY,CAACF,sBAAY,EAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC;;AAIpD,IAAA,YAAY,CAAC,QAAgB,EAAA;QAC5BE,kBAAY,CAACC,qBAAW,EAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC;;IAGnD,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;AAC9B,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;;IAG7B,MAAM,GAAA;QACL,MAAM,SAAS,GAAGC,yBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC;QACnD,MAAM,OAAO,GAAGA,yBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC;AAC/C,QAAA,QACCC,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,EACzC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,EAEfD,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACpBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,YAAY,IACrB,SAAS,IAAIA,uEAAU,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,GAAa,CACzE,EACPA,OAAO,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACPA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EAAA,EACnB,OAAO,IAAIA,OAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,GAAa,CACnE,CACD,CACD;;;;;;;;;;;","names":["pick","Sizes","ButtonColors","govHost","validateProp","ButtonSizes","prepareIconFormat","h","Host"],"sources":["../../../packages/core/src/components/gov-tag/constants.ts","../../../packages/core/src/components/gov-tag/gov-tag.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const TagSizes = pick(Sizes, ['_XS', '_S', '_M'])\nexport type TagSizesType = `${ValueOf<typeof TagSizes>}`\n\nexport enum TagType {\n\tBOLD = 'bold',\n\tSUBTLE = 'subtle',\n}\nexport type TagTypesType = `${ValueOf<typeof TagType>}`\n\nexport const TagClass = {\n\troot: 'gov-tag',\n}\n","import {Component, Element, h, Host, Prop, Watch} from '@stencil/core'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {validateProp} from '../../helpers/Validate/props'\nimport {ButtonSizes, ButtonColors, ButtonColorType} from '../gov-button/button/constants'\nimport {TagClass, TagSizes, TagSizesType, TagTypesType} from './constants'\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\n\n@Component({\n\ttag: 'gov-tag',\n})\nexport class GovTag {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovTagElement\n\n\t/**\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t */\n\t@Prop({attribute: \"icon-start\"}) readonly iconStart?: string\n\t/**\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t */\n\t@Prop({attribute: \"icon-end\"}) readonly iconEnd?: string\n\t/**\n\t * Tag’s size.\n\t */\n\t@Prop({reflect: true}) readonly size: TagSizesType = TagSizes._S\n\t/**\n\t * Style variation of the tag.\n\t */\n\t@Prop({reflect: true}) readonly color: ButtonColorType = ButtonColors.PRIMARY\n\t/**\n\t * Tag’s type\n\t */\n\t@Prop({reflect: true}) readonly type: TagTypesType\n\t/**\n\t * Expands the tag to fill 100% of the container width\n\t */\n\t@Prop({reflect: true}) readonly expanded: boolean = false\n\n\t@Watch('color')\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(ButtonColors, newValue, TagClass.root)\n\t}\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(ButtonSizes, newValue, TagClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.validateSize(this.size)\n\t}\n\n\trender() {\n\t\tconst iconStart = prepareIconFormat(this.iconStart)\n\t\tconst iconEnd = prepareIconFormat(this.iconEnd)\n\t\treturn (\n\t\t\t<Host class={this.h.classes(TagClass.root)}\n\t\t\t\tcolor={this.color}\n\t\t\t\tsize={this.size}\n\t\t\t\ttype={this.type}\n\t\t\t>\n\t\t\t\t<span class=\"element\">\n\t\t\t\t\t<slot name=\"icon-start\">\n\t\t\t\t\t\t{iconStart && <gov-icon type={iconStart.type} name={iconStart.name}></gov-icon>}\n\t\t\t\t\t</slot>\n\t\t\t\t\t<slot/>\n\t\t\t\t\t<slot name=\"icon-end\">\n\t\t\t\t\t\t{iconEnd && <gov-icon type={iconEnd.type} name={iconEnd.name}></gov-icon>}\n\t\t\t\t\t</slot>\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

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

@@ -1 +1 @@
-{"version":3,"file":"gov-tag.entry.cjs.js","sources":["../../../packages/core/src/components/gov-tag/constants.ts","../../../packages/core/src/components/gov-tag/gov-tag.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 TagSizes = pick(Sizes, ['_XS', '_S', '_M'])\r\nexport type TagSizesType = `${ValueOf<typeof TagSizes>}`\r\n\r\nexport enum TagType {\r\n\tBOLD = 'bold',\r\n\tSUBTLE = 'subtle',\r\n}\r\nexport type TagTypesType = `${ValueOf<typeof TagType>}`\r\n\r\nexport const TagClass = {\r\n\troot: 'gov-tag',\r\n}\r\n","import {Component, Element, h, Host, Prop, Watch} from '@stencil/core'\r\nimport {govHost} from '../../helpers/Dom/template'\r\nimport {GovHost} from '../../helpers/Dom/template.types'\r\nimport {validateProp} from '../../helpers/Validate/props'\r\nimport {ButtonSizes, ButtonColors, ButtonColorType} from '../gov-button/button/constants'\r\nimport {TagClass, TagSizes, TagSizesType, TagTypesType} from './constants'\r\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\r\n\r\n@Component({\r\n\ttag: 'gov-tag',\r\n})\r\nexport class GovTag {\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: HTMLGovTagElement\r\n\r\n\t/**\r\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\r\n\t */\r\n\t@Prop({attribute: \"icon-start\"}) readonly iconStart?: string\r\n\t/**\r\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\r\n\t */\r\n\t@Prop({attribute: \"icon-end\"}) readonly iconEnd?: string\r\n\t/**\r\n\t * Tag’s size.\r\n\t */\r\n\t@Prop({reflect: true}) readonly size: TagSizesType = TagSizes._S\r\n\t/**\r\n\t * Style variation of the tag.\r\n\t */\r\n\t@Prop({reflect: true}) readonly color: ButtonColorType = ButtonColors.PRIMARY\r\n\t/**\r\n\t * Tag’s type\r\n\t */\r\n\t@Prop({reflect: true}) readonly type: TagTypesType\r\n\t/**\r\n\t * Expands the tag to fill 100% of the container width\r\n\t */\r\n\t@Prop({reflect: true}) readonly expanded: boolean = false\r\n\r\n\t@Watch('color')\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(ButtonColors, newValue, TagClass.root)\r\n\t}\r\n\r\n\t@Watch('size')\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(ButtonSizes, newValue, TagClass.root)\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateColor(this.color)\r\n\t\tthis.validateSize(this.size)\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst iconStart = prepareIconFormat(this.iconStart)\r\n\t\tconst iconEnd = prepareIconFormat(this.iconEnd)\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(TagClass.root)}\r\n\t\t\t\tcolor={this.color}\r\n\t\t\t\tsize={this.size}\r\n\t\t\t\ttype={this.type}\r\n\t\t\t>\r\n\t\t\t\t<span class=\"element\">\r\n\t\t\t\t\t<slot name=\"icon-start\">\r\n\t\t\t\t\t\t{iconStart && <gov-icon type={iconStart.type} name={iconStart.name}></gov-icon>}\r\n\t\t\t\t\t</slot>\r\n\t\t\t\t\t<slot/>\r\n\t\t\t\t\t<slot name=\"icon-end\">\r\n\t\t\t\t\t\t{iconEnd && <gov-icon type={iconEnd.type} name={iconEnd.name}></gov-icon>}\r\n\t\t\t\t\t</slot>\r\n\t\t\t\t</span>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"names":["pick","Sizes","ButtonColors","govHost","validateProp","ButtonSizes","prepareIconFormat","h","Host"],"mappings":";;;;;;;;;;;;AAIO,MAAM,QAAQ,GAAGA,UAAI,CAACC,WAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAGxD,IAAY,OAGX;AAHD,CAAA,UAAY,OAAO,EAAA;AAClB,IAAA,OAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,OAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AAClB,CAAC,EAHW,OAAO,KAAP,OAAO,GAGlB,EAAA,CAAA,CAAA;AAGM,MAAM,QAAQ,GAAG;AACvB,IAAA,IAAI,EAAE,SAAS;CACf;;MCJY,MAAM,GAAA,MAAA;AAGlB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAcA;;AAEG;AAC6B,QAAA,IAAA,CAAA,IAAI,GAAiB,QAAQ,CAAC,EAAE;AAChE;;AAEG;AAC6B,QAAA,IAAA,CAAA,KAAK,GAAoBC,sBAAY,CAAC,OAAO;AAK7E;;AAEG;AAC6B,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;QA5BxD,IAAI,CAAC,CAAC,GAAGC,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AA8BD,IAAA,aAAa,CAAC,QAAgB,EAAA;QAC7BC,kBAAY,CAACF,sBAAY,EAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC;;AAIpD,IAAA,YAAY,CAAC,QAAgB,EAAA;QAC5BE,kBAAY,CAACC,qBAAW,EAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC;;IAGnD,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;AAC9B,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;;IAG7B,MAAM,GAAA;QACL,MAAM,SAAS,GAAGC,yBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC;QACnD,MAAM,OAAO,GAAGA,yBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC;AAC/C,QAAA,QACCC,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,EACzC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,EAEfD,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACpBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,YAAY,IACrB,SAAS,IAAIA,uEAAU,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,GAAa,CACzE,EACPA,OAAO,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACPA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EAAA,EACnB,OAAO,IAAIA,OAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,GAAa,CACnE,CACD,CACD;;;;;;;;;;;"}
+{"version":3,"file":"gov-tag.entry.cjs.js","sources":["../../../packages/core/src/components/gov-tag/constants.ts","../../../packages/core/src/components/gov-tag/gov-tag.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const TagSizes = pick(Sizes, ['_XS', '_S', '_M'])\nexport type TagSizesType = `${ValueOf<typeof TagSizes>}`\n\nexport enum TagType {\n\tBOLD = 'bold',\n\tSUBTLE = 'subtle',\n}\nexport type TagTypesType = `${ValueOf<typeof TagType>}`\n\nexport const TagClass = {\n\troot: 'gov-tag',\n}\n","import {Component, Element, h, Host, Prop, Watch} from '@stencil/core'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {validateProp} from '../../helpers/Validate/props'\nimport {ButtonSizes, ButtonColors, ButtonColorType} from '../gov-button/button/constants'\nimport {TagClass, TagSizes, TagSizesType, TagTypesType} from './constants'\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\n\n@Component({\n\ttag: 'gov-tag',\n})\nexport class GovTag {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovTagElement\n\n\t/**\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t */\n\t@Prop({attribute: \"icon-start\"}) readonly iconStart?: string\n\t/**\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t */\n\t@Prop({attribute: \"icon-end\"}) readonly iconEnd?: string\n\t/**\n\t * Tag’s size.\n\t */\n\t@Prop({reflect: true}) readonly size: TagSizesType = TagSizes._S\n\t/**\n\t * Style variation of the tag.\n\t */\n\t@Prop({reflect: true}) readonly color: ButtonColorType = ButtonColors.PRIMARY\n\t/**\n\t * Tag’s type\n\t */\n\t@Prop({reflect: true}) readonly type: TagTypesType\n\t/**\n\t * Expands the tag to fill 100% of the container width\n\t */\n\t@Prop({reflect: true}) readonly expanded: boolean = false\n\n\t@Watch('color')\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(ButtonColors, newValue, TagClass.root)\n\t}\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(ButtonSizes, newValue, TagClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.validateSize(this.size)\n\t}\n\n\trender() {\n\t\tconst iconStart = prepareIconFormat(this.iconStart)\n\t\tconst iconEnd = prepareIconFormat(this.iconEnd)\n\t\treturn (\n\t\t\t<Host class={this.h.classes(TagClass.root)}\n\t\t\t\tcolor={this.color}\n\t\t\t\tsize={this.size}\n\t\t\t\ttype={this.type}\n\t\t\t>\n\t\t\t\t<span class=\"element\">\n\t\t\t\t\t<slot name=\"icon-start\">\n\t\t\t\t\t\t{iconStart && <gov-icon type={iconStart.type} name={iconStart.name}></gov-icon>}\n\t\t\t\t\t</slot>\n\t\t\t\t\t<slot/>\n\t\t\t\t\t<slot name=\"icon-end\">\n\t\t\t\t\t\t{iconEnd && <gov-icon type={iconEnd.type} name={iconEnd.name}></gov-icon>}\n\t\t\t\t\t</slot>\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"names":["pick","Sizes","ButtonColors","govHost","validateProp","ButtonSizes","prepareIconFormat","h","Host"],"mappings":";;;;;;;;;;;;AAIO,MAAM,QAAQ,GAAGA,UAAI,CAACC,WAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAGxD,IAAY,OAGX;AAHD,CAAA,UAAY,OAAO,EAAA;AAClB,IAAA,OAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,OAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AAClB,CAAC,EAHW,OAAO,KAAP,OAAO,GAGlB,EAAA,CAAA,CAAA;AAGM,MAAM,QAAQ,GAAG;AACvB,IAAA,IAAI,EAAE,SAAS;CACf;;MCJY,MAAM,GAAA,MAAA;AAGlB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAcA;;AAEG;AAC6B,QAAA,IAAA,CAAA,IAAI,GAAiB,QAAQ,CAAC,EAAE;AAChE;;AAEG;AAC6B,QAAA,IAAA,CAAA,KAAK,GAAoBC,sBAAY,CAAC,OAAO;AAK7E;;AAEG;AAC6B,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;QA5BxD,IAAI,CAAC,CAAC,GAAGC,gBAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AA8BD,IAAA,aAAa,CAAC,QAAgB,EAAA;QAC7BC,kBAAY,CAACF,sBAAY,EAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC;;AAIpD,IAAA,YAAY,CAAC,QAAgB,EAAA;QAC5BE,kBAAY,CAACC,qBAAW,EAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC;;IAGnD,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;AAC9B,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;;IAG7B,MAAM,GAAA;QACL,MAAM,SAAS,GAAGC,yBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC;QACnD,MAAM,OAAO,GAAGA,yBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC;AAC/C,QAAA,QACCC,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,EACzC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,EAEfD,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACpBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,YAAY,IACrB,SAAS,IAAIA,uEAAU,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,GAAa,CACzE,EACPA,OAAO,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACPA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EAAA,EACnB,OAAO,IAAIA,OAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,GAAa,CACnE,CACD,CACD;;;;;;;;;;;"}