@gov-design-system-ce/components 4.6.3 → 4.6.5-b

package/dist/core/{p-e39e5dc7.entry.js.map → p-e1d58751.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["ChipSizes","pick","Sizes","ChipType","NativeType","ChipClass","root","hasRight","hasLeft","GovChip","constructor","hostRef","this","hydrated","disabled","size","_M","tag","color","ButtonColors","PRIMARY","focusable","inheritedAttributes","h","govHost","host","chipId","createID","validateColor","newValue","validateProp","validateSize","ButtonSizes","componentWillLoad","inheritAriaAttributes","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","disconnectedCallback","_a","stopObserving","connectedCallback","removeAttribute","Object","assign","render","Tag","href","A","nativeType","BUTTON","undefined","iconStart","prepareIconFormat","iconEnd","Host","key","class","classes","hasSlot","type","target","ref","el","triggerRef","onClick","onClickHandler","bind","tabindex","id","identifier","name","e","stopPropagation","govClick","emit","geRef","setFocus","focus"],"sources":["../../../packages/core/src/components/gov-chip/constants.ts","../../../packages/core/src/components/gov-chip/gov-chip.tsx"],"sourcesContent":["import { ValueOf } from '../../types/interfaces'\nimport {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\n\nexport const ChipSizes = pick(Sizes, ['_XS', '_S', '_M'])\nexport type ChipSizesType = `${ValueOf<typeof ChipSizes>}`\n\nexport enum ChipType {\n\tSOLID = 'solid',\n\tOUTLINED = 'outlined',\n}\nexport type ChipTypesType = `${ValueOf<typeof ChipType>}`\n\nexport enum NativeType {\n\tA = 'a',\n\tSPAN = 'span',\n\tBUTTON = 'button',\n}\nexport type NativeTypesType = `${ValueOf<typeof NativeType>}`\n\nexport const ChipClass = {\n\troot: 'gov-chip',\n\tinner: 'gov-chip__inner',\n\thasRight: 'gov-chip--has-right',\n\thasLeft: 'gov-chip--has-left',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {govHost} from \"../../helpers/Dom/template\"\nimport {ChipClass, ChipSizes, ChipSizesType, ChipTypesType, NativeType, NativeTypesType} from \"./constants\"\nimport {ButtonColors, ButtonColorType, ButtonSizes} from \"../gov-button/button/constants\"\nimport {createID} from \"../../utils/string.utils\"\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\n\n@Component({\n\ttag: \"gov-chip\",\n})\nexport class GovChip {\n\tprivate triggerRef?: HTMLButtonElement | HTMLLinkElement | HTMLSpanElement\n\tprivate h: GovHost\n\tprivate readonly chipId: string\n\tprivate hydrated = false\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.chipId = createID('GovChip')\n\t}\n\n\t@Element() host: HTMLGovChipElement\n\n\t/**\n\t * Makes the chip component disabled.\n\t */\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href\n\t */\n\t@Prop() readonly href: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\n\t */\n\t@Prop() readonly target: string\n\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 * Chip’s size.\n\t */\n\t@Prop() readonly size: ChipSizesType = ChipSizes._M\n\t/**\n\t * Used to change the HTML tag in the chip\n\t */\n\t@Prop() readonly tag: NativeTypesType = \"span\"\n\t/**\n\t * Style variation of the chip.\n\t */\n\t@Prop() readonly color: ButtonColorType = ButtonColors.PRIMARY\n\t/**\n\t * Chip’s type\n\t */\n\t@Prop({reflect: true}) readonly type: ChipTypesType\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/focusable\n\t */\n\t@Prop() readonly focusable: boolean = true\n\t/**\n\t * Custom chip identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Emitted when the button click.\n\t */\n\t@Event({eventName: \"gov-click\"}) govClick: EventEmitter<PointerEvent>\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(ButtonColors, newValue, ChipClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(ButtonSizes, newValue, ChipClass.root)\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.validateSize(this.size)\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\trender() {\n\t\tconst Tag = this.href ? NativeType.A : this.tag\n\t\tconst nativeType = Tag == NativeType.BUTTON ? NativeType.BUTTON : undefined\n\n\t\tconst iconStart = prepareIconFormat(this.iconStart)\n\t\tconst iconEnd = prepareIconFormat(this.iconEnd)\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes([\n\t\t\t\t\tChipClass.root,\n\t\t\t\t\tthis.h.hasSlot(\"right\") ? ChipClass.hasRight : undefined,\n\t\t\t\t\tthis.h.hasSlot(\"left\") ? ChipClass.hasLeft : undefined,\n\t\t\t\t])}\n\t\t\t\tdisabled={this.disabled}\n\t\t\t\thref={this.href}\n\t\t\t\tcolor={this.color}\n\t\t\t\ttype={this.type}\n\t\t\t\tsize={this.size}\n\t\t\t\tfocusable={this.focusable}\n\t\t\t\thydrated={this.hydrated}\n\t\t\t>\n\t\t\t\t<Tag\n\t\t\t\t\tclass=\"element\"\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t\tref={el => (this.triggerRef = el as HTMLLinkElement | HTMLButtonElement | HTMLSpanElement)}\n\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\ttabindex={(this.h.hasSlot(\"left\") || this.h.hasSlot(\"right\") || this.disabled || !this.focusable) ? \"-1\" : \"0\"}\n\t\t\t\t\tid={this.identifier || this.chipId}\n\t\t\t\t\ttype={nativeType}\n\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\taria-disabled={this.disabled}>\n\t\t\t\t\t<slot name=\"left\"></slot>\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\t<slot name=\"right\"></slot>\n\t\t\t\t</Tag>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onClickHandler(e: PointerEvent): void {\n\t\te.stopPropagation()\n\t\tif (this.disabled === false && this.tag === NativeType.BUTTON) {\n\t\t\tthis.govClick.emit(e)\n\t\t}\n\t}\n\n\t/**\n\t * Returns a clickable element instance\n\t */\n\t@Method()\n\tasync geRef() {\n\t\treturn this.triggerRef\n\t}\n\n\t/**\n\t * Focus button element\n\t */\n\t@Method()\n\tasync setFocus(): Promise<void> {\n\t\tthis.triggerRef.focus()\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["ChipSizes","pick","Sizes","ChipType","NativeType","ChipClass","root","hasRight","hasLeft","GovChip","constructor","hostRef","this","hydrated","disabled","size","_M","tag","color","ButtonColors","PRIMARY","focusable","inheritedAttributes","h","govHost","host","chipId","createID","validateColor","newValue","validateProp","validateSize","ButtonSizes","componentWillLoad","inheritAriaAttributes","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","disconnectedCallback","_a","stopObserving","connectedCallback","removeAttribute","Object","assign","render","Tag","href","A","nativeType","BUTTON","undefined","iconStart","prepareIconFormat","iconEnd","Host","key","class","classes","hasSlot","type","target","ref","el","triggerRef","onClick","onClickHandler","bind","tabindex","id","identifier","name","e","stopPropagation","govClick","emit","geRef","setFocus","focus"],"sources":["../../../packages/core/src/components/gov-chip/constants.ts","../../../packages/core/src/components/gov-chip/gov-chip.tsx"],"sourcesContent":["import { ValueOf } from '../../types/interfaces'\nimport {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\n\nexport const ChipSizes = pick(Sizes, ['_XS', '_S', '_M'])\nexport type ChipSizesType = `${ValueOf<typeof ChipSizes>}`\n\nexport enum ChipType {\n\tSOLID = 'solid',\n\tOUTLINED = 'outlined',\n}\nexport type ChipTypesType = `${ValueOf<typeof ChipType>}`\n\nexport enum NativeType {\n\tA = 'a',\n\tSPAN = 'span',\n\tBUTTON = 'button',\n}\nexport type NativeTypesType = `${ValueOf<typeof NativeType>}`\n\nexport const ChipClass = {\n\troot: 'gov-chip',\n\tinner: 'gov-chip__inner',\n\thasRight: 'gov-chip--has-right',\n\thasLeft: 'gov-chip--has-left',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {govHost} from \"../../helpers/Dom/template\"\nimport {ChipClass, ChipSizes, ChipSizesType, ChipTypesType, NativeType, NativeTypesType} from \"./constants\"\nimport {ButtonColors, ButtonColorType, ButtonSizes} from \"../gov-button/button/constants\"\nimport {createID} from \"../../utils/string.utils\"\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\n\n@Component({\n\ttag: \"gov-chip\",\n})\nexport class GovChip {\n\tprivate triggerRef?: HTMLButtonElement | HTMLLinkElement | HTMLSpanElement\n\tprivate h: GovHost\n\tprivate readonly chipId: string\n\tprivate hydrated = false\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.chipId = createID('GovChip')\n\t}\n\n\t@Element() host: HTMLGovChipElement\n\n\t/**\n\t * Makes the chip component disabled.\n\t */\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href\n\t */\n\t@Prop() readonly href: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\n\t */\n\t@Prop() readonly target: string\n\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 * Chip’s size.\n\t */\n\t@Prop() readonly size: ChipSizesType = ChipSizes._M\n\t/**\n\t * Used to change the HTML tag in the chip\n\t */\n\t@Prop() readonly tag: NativeTypesType = \"span\"\n\t/**\n\t * Style variation of the chip.\n\t */\n\t@Prop() readonly color: ButtonColorType = ButtonColors.PRIMARY\n\t/**\n\t * Chip’s type\n\t */\n\t@Prop({reflect: true}) readonly type: ChipTypesType\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/focusable\n\t */\n\t@Prop() readonly focusable: boolean = true\n\t/**\n\t * Custom chip identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Emitted when the button click.\n\t */\n\t@Event({eventName: \"gov-click\"}) govClick: EventEmitter<PointerEvent>\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(ButtonColors, newValue, ChipClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(ButtonSizes, newValue, ChipClass.root)\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.validateSize(this.size)\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\trender() {\n\t\tconst Tag = this.href ? NativeType.A : this.tag\n\t\tconst nativeType = Tag == NativeType.BUTTON ? NativeType.BUTTON : undefined\n\n\t\tconst iconStart = prepareIconFormat(this.iconStart)\n\t\tconst iconEnd = prepareIconFormat(this.iconEnd)\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes([\n\t\t\t\t\tChipClass.root,\n\t\t\t\t\tthis.h.hasSlot(\"right\") ? ChipClass.hasRight : undefined,\n\t\t\t\t\tthis.h.hasSlot(\"left\") ? ChipClass.hasLeft : undefined,\n\t\t\t\t])}\n\t\t\t\tdisabled={this.disabled}\n\t\t\t\thref={this.href}\n\t\t\t\tcolor={this.color}\n\t\t\t\ttype={this.type}\n\t\t\t\tsize={this.size}\n\t\t\t\tfocusable={this.focusable}\n\t\t\t\thydrated={this.hydrated}\n\t\t\t>\n\t\t\t\t<Tag\n\t\t\t\t\tclass=\"element\"\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t\tref={el => (this.triggerRef = el as HTMLLinkElement | HTMLButtonElement | HTMLSpanElement)}\n\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\ttabindex={(this.h.hasSlot(\"left\") || this.h.hasSlot(\"right\") || this.disabled || !this.focusable) ? \"-1\" : \"0\"}\n\t\t\t\t\tid={this.identifier || this.chipId}\n\t\t\t\t\ttype={nativeType}\n\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\taria-disabled={this.disabled}>\n\t\t\t\t\t<slot name=\"left\"></slot>\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\t<slot name=\"right\"></slot>\n\t\t\t\t</Tag>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onClickHandler(e: PointerEvent): void {\n\t\te.stopPropagation()\n\t\tif (this.disabled === false && this.tag === NativeType.BUTTON) {\n\t\t\tthis.govClick.emit(e)\n\t\t}\n\t}\n\n\t/**\n\t * Returns a clickable element instance\n\t */\n\t@Method()\n\tasync geRef() {\n\t\treturn this.triggerRef\n\t}\n\n\t/**\n\t * Focus button element\n\t */\n\t@Method()\n\tasync setFocus(): Promise<void> {\n\t\tthis.triggerRef.focus()\n\t}\n}\n"],"mappings":"kcAIO,MAAMA,EAAYC,EAAKC,EAAO,CAAC,MAAO,KAAM,OAGnD,IAAYC,GAAZ,SAAYA,GACXA,EAAA,iBACAA,EAAA,sBACA,EAHD,CAAYA,MAAQ,KAMpB,IAAYC,GAAZ,SAAYA,GACXA,EAAA,SACAA,EAAA,eACAA,EAAA,kBACA,EAJD,CAAYA,MAAU,KAOf,MAAMC,EAAY,CACxBC,KAAM,WAENC,SAAU,sBACVC,QAAS,sB,MCTGC,EAAO,MAOnB,WAAAC,CAAAC,G,4CAHQC,KAAAC,SAAW,MAaaD,KAAAE,SAAoB,MAsBnCF,KAAAG,KAAsBf,EAAUgB,GAIhCJ,KAAAK,IAAuB,OAIvBL,KAAAM,MAAyBC,EAAaC,QAStCR,KAAAS,UAAqB,KAoB7BT,KAAAU,oBAAkC,GApE1CV,KAAKW,EAAIC,EAAQZ,KAAKa,MACtBb,KAAKc,OAASC,EAAS,UACvB,CAyDD,aAAAC,CAAcC,GACbC,EAAaX,EAAcU,EAAUxB,EAAUC,K,CAIhD,YAAAyB,CAAaF,GACZC,EAAaE,EAAaH,EAAUxB,EAAUC,K,CAK/C,iBAAA2B,GACCrB,KAAKgB,cAAchB,KAAKM,OACxBN,KAAKmB,aAAanB,KAAKG,MACvBH,KAAKU,oBAAsBY,EAAsBtB,KAAKa,K,CAGvD,gBAAAU,GACCvB,KAAKwB,kBAAoB,IAAIC,EAAkBzB,KAAKa,MAAM,CAACa,EAAeT,KACzEjB,KAAK2B,sBAAsBD,EAAeT,EAAS,IAGpDjB,KAAKwB,kBAAkBI,eAAeC,E,CAGvC,oBAAAC,G,OACCC,EAAA/B,KAAKwB,qBAAiB,MAAAO,SAAA,SAAAA,EAAEC,e,CAGzB,iBAAAC,GACCjC,KAAKC,SAAW,I,CAGjB,qBAAA0B,CAAsBD,EAAuBT,GAC5CjB,KAAKa,KAAKqB,gBAAgBR,GAC1B1B,KAAKU,oBAAmByB,OAAAC,OAAAD,OAAAC,OAAA,GAAOpC,KAAKU,qBAAmB,CAAEgB,CAACA,GAAgBT,G,CAG3E,MAAAoB,GACC,MAAMC,EAAMtC,KAAKuC,KAAO/C,EAAWgD,EAAIxC,KAAKK,IAC5C,MAAMoC,EAAaH,GAAO9C,EAAWkD,OAASlD,EAAWkD,OAASC,UAElE,MAAMC,EAAYC,EAAkB7C,KAAK4C,WACzC,MAAME,EAAUD,EAAkB7C,KAAK8C,SAEvC,OACCnC,EAACoC,EAAI,CAAAC,IAAA,2CACJC,MAAOjD,KAAKW,EAAEuC,QAAQ,CACrBzD,EAAUC,KACVM,KAAKW,EAAEwC,QAAQ,SAAW1D,EAAUE,SAAWgD,UAC/C3C,KAAKW,EAAEwC,QAAQ,QAAU1D,EAAUG,QAAU+C,YAE9CzC,SAAUF,KAAKE,SACfqC,KAAMvC,KAAKuC,KACXjC,MAAON,KAAKM,MACZ8C,KAAMpD,KAAKoD,KACXjD,KAAMH,KAAKG,KACXM,UAAWT,KAAKS,UAChBR,SAAUD,KAAKC,UAEfU,EAAC2B,EAAGH,OAAAC,OAAA,CAAAY,IAAA,2CACHC,MAAM,UACNV,KAAMvC,KAAKuC,KACXc,OAAQrD,KAAKqD,OACbC,IAAKC,GAAOvD,KAAKwD,WAAaD,EAC9BE,QAASzD,KAAK0D,eAAeC,KAAK3D,MAClC4D,SAAW5D,KAAKW,EAAEwC,QAAQ,SAAWnD,KAAKW,EAAEwC,QAAQ,UAAYnD,KAAKE,WAAaF,KAAKS,UAAa,KAAO,IAC3GoD,GAAI7D,KAAK8D,YAAc9D,KAAKc,OAC5BsC,KAAMX,GACFzC,KAAKU,oBAAmB,iBACbV,KAAKE,WACpBS,EAAA,QAAAqC,IAAA,2CAAMe,KAAK,SACXpD,EAAA,QAAAqC,IAAA,2CAAMe,KAAK,cACTnB,GAAajC,EAAA,YAAAqC,IAAA,2CAAUI,KAAMR,EAAUQ,KAAMW,KAAMnB,EAAUmB,QAE/DpD,EAAA,QAAAqC,IAAA,6CACArC,EAAA,QAAAqC,IAAA,2CAAMe,KAAK,YACTjB,GAAWnC,EAAA,YAAAqC,IAAA,2CAAUI,KAAMN,EAAQM,KAAMW,KAAMjB,EAAQiB,QAEzDpD,EAAA,QAAAqC,IAAA,2CAAMe,KAAK,W,CAMP,cAAAL,CAAeM,GACtBA,EAAEC,kBACF,GAAIjE,KAAKE,WAAa,OAASF,KAAKK,MAAQb,EAAWkD,OAAQ,CAC9D1C,KAAKkE,SAASC,KAAKH,E,EAQrB,WAAMI,GACL,OAAOpE,KAAKwD,U,CAOb,cAAMa,GACLrE,KAAKwD,WAAWc,O","ignoreList":[]}

package/dist/core/{p-3e07bf07.entry.js → p-e913cfc8.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,c as r,h as g,H as a,g as p}from"./p-ClISz4NF.js";import{d as i,F as t,a as e,b as m}from"./p-BUmDydor.js";import{g as l}from"./p-CoD1xawt.js";import{v}from"./p-NOJjz9dT.js";import{t as f}from"./p-Cjg0wpDG.js";import"./p-CQvUntGY.js";import"./p-BcQO4NH2.js";import"./p-CgDnDrq5.js";const n="gov-form-group,.gov-form-group,gov-form-radio-group,.gov-form-radio-group,gov-form-checkbox-group,.gov-form-checkbox-group{margin-top:0;margin-bottom:0;position:relative;display:flex;width:100%;flex-direction:column;align-items:flex-start}gov-form-group .gov-form-label__label,.gov-form-group .gov-form-label__label,gov-form-radio-group .gov-form-label__label,.gov-form-radio-group .gov-form-label__label,gov-form-checkbox-group .gov-form-label__label,.gov-form-checkbox-group .gov-form-label__label{margin:0}gov-form-group[orientation=horizontal],.gov-form-group[orientation=horizontal],gov-form-radio-group[orientation=horizontal],.gov-form-radio-group[orientation=horizontal],gov-form-checkbox-group[orientation=horizontal],.gov-form-checkbox-group[orientation=horizontal]{flex-direction:row;flex-wrap:wrap}gov-form-group[orientation=horizontal] .gov-form-label__label,.gov-form-group[orientation=horizontal] .gov-form-label__label,gov-form-radio-group[orientation=horizontal] .gov-form-label__label,.gov-form-radio-group[orientation=horizontal] .gov-form-label__label,gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label,.gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label{white-space:nowrap}gov-form-group[gap=xs],.gov-form-group[gap=xs],gov-form-radio-group[gap=xs],.gov-form-radio-group[gap=xs],gov-form-checkbox-group[gap=xs],.gov-form-checkbox-group[gap=xs]{gap:var(--gap, var(--spacing-xs-nudge))}gov-form-group[gap=s],.gov-form-group[gap=s],gov-form-radio-group[gap=s],.gov-form-radio-group[gap=s],gov-form-checkbox-group[gap=s],.gov-form-checkbox-group[gap=s]{gap:var(--gap, var(--spacing-s))}gov-form-group[gap=m],.gov-form-group[gap=m],gov-form-radio-group[gap=m],.gov-form-radio-group[gap=m],gov-form-checkbox-group[gap=m],.gov-form-checkbox-group[gap=m]{gap:var(--gap, var(--spacing-m))}gov-form-group[gap=l],.gov-form-group[gap=l],gov-form-radio-group[gap=l],.gov-form-radio-group[gap=l],gov-form-checkbox-group[gap=l],.gov-form-checkbox-group[gap=l]{gap:var(--gap, var(--spacing-l))}gov-form-group[gap=xl],.gov-form-group[gap=xl],gov-form-radio-group[gap=xl],.gov-form-radio-group[gap=xl],gov-form-checkbox-group[gap=xl],.gov-form-checkbox-group[gap=xl]{gap:var(--gap, var(--spacing-xl))}";const s=class{constructor(g){o(this,g);this.govChange=r(this,"gov-change");this.gap=undefined;this.orientation="vertical";this.value=undefined;this.handleChange=o=>{o.stopPropagation();this.value=o.detail.value;this.govChange.emit({value:this.value,component:i.root})};this.h=l(this.host)}validateGap(o){if(o){v(e,o,t.root)}}validateOrientation(o){if(o){v(m,o,t.root)}}componentWillLoad(){this.validateGap(this.gap);this.validateOrientation(this.orientation)}componentDidRender(){f((()=>this.rerenderComponent()))}rerenderComponent(){this.host.querySelectorAll("gov-form-radio").forEach((o=>{if(!o.hasAttribute("listener-attached")){o.addEventListener("gov-change",this.handleChange)}o.setAttribute("listener-attached","true");o.checked=o.value===this.value}))}render(){return g(a,{key:"e0f85e28552b3620666e4e857a96f7492f2aeb58",gap:this.gap,class:this.h.classes(t.root),value:this.value},g("slot",{key:"4ac20b47a4f0073b8accf8dc3e3ce75f8cbddc56"}))}get host(){return p(this)}static get watchers(){return{gap:["validateGap"],orientation:["validateOrientation"]}}};s.style=n;export{s as gov_form_radio_group};
-//# sourceMappingURL=p-3e07bf07.entry.js.map
+import{r as o,c as r,h as g,H as a,g as p}from"./p-B8TR1oqt.js";import{c as i,F as t,a as e,b as m}from"./p-BUmDydor.js";import{g as l}from"./p-CoD1xawt.js";import{v}from"./p-NOJjz9dT.js";import{t as f}from"./p-Cjg0wpDG.js";import{p as s}from"./p-Ccwpa1ck.js";import"./p-CQvUntGY.js";import"./p-BcQO4NH2.js";import"./p-CgDnDrq5.js";import"./p-DNztiAH0.js";const n=()=>`gov-form-group,.gov-form-group,gov-form-radio-group,.gov-form-radio-group,gov-form-checkbox-group,.gov-form-checkbox-group{margin-top:0;margin-bottom:0;position:relative;display:flex;width:100%;flex-direction:column;align-items:flex-start}gov-form-group .gov-form-label__label,.gov-form-group .gov-form-label__label,gov-form-radio-group .gov-form-label__label,.gov-form-radio-group .gov-form-label__label,gov-form-checkbox-group .gov-form-label__label,.gov-form-checkbox-group .gov-form-label__label{margin:0}gov-form-group[orientation=horizontal],.gov-form-group[orientation=horizontal],gov-form-radio-group[orientation=horizontal],.gov-form-radio-group[orientation=horizontal],gov-form-checkbox-group[orientation=horizontal],.gov-form-checkbox-group[orientation=horizontal]{flex-direction:row;flex-wrap:wrap}gov-form-group[orientation=horizontal] .gov-form-label__label,.gov-form-group[orientation=horizontal] .gov-form-label__label,gov-form-radio-group[orientation=horizontal] .gov-form-label__label,.gov-form-radio-group[orientation=horizontal] .gov-form-label__label,gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label,.gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label{white-space:nowrap}gov-form-group[gap=xs],.gov-form-group[gap=xs],gov-form-radio-group[gap=xs],.gov-form-radio-group[gap=xs],gov-form-checkbox-group[gap=xs],.gov-form-checkbox-group[gap=xs]{gap:var(--gap, var(--spacing-xs-nudge))}gov-form-group[gap=s],.gov-form-group[gap=s],gov-form-radio-group[gap=s],.gov-form-radio-group[gap=s],gov-form-checkbox-group[gap=s],.gov-form-checkbox-group[gap=s]{gap:var(--gap, var(--spacing-s))}gov-form-group[gap=m],.gov-form-group[gap=m],gov-form-radio-group[gap=m],.gov-form-radio-group[gap=m],gov-form-checkbox-group[gap=m],.gov-form-checkbox-group[gap=m]{gap:var(--gap, var(--spacing-m))}gov-form-group[gap=l],.gov-form-group[gap=l],gov-form-radio-group[gap=l],.gov-form-radio-group[gap=l],gov-form-checkbox-group[gap=l],.gov-form-checkbox-group[gap=l]{gap:var(--gap, var(--spacing-l))}gov-form-group[gap=xl],.gov-form-group[gap=xl],gov-form-radio-group[gap=xl],.gov-form-radio-group[gap=xl],gov-form-checkbox-group[gap=xl],.gov-form-checkbox-group[gap=xl]{gap:var(--gap, var(--spacing-xl))}`;const c=class{constructor(g){o(this,g);this.govChange=r(this,"gov-change");this.gap=undefined;this.orientation="vertical";this.value=undefined;this.handleChange=o=>{var r;o.stopPropagation();const g=s(this.value);if(!Array.isArray(g))return;if(o.detail.checked){this.value=[...g,o.detail.value]}else{this.value=(r=g.filter((r=>r!==o.detail.value)))!==null&&r!==void 0?r:[]}this.govChange.emit({value:this.value,component:i.root})};this.h=l(this.host)}validateGap(o){if(o){v(e,o,t.root)}}validateOrientation(o){if(o){v(m,o,t.root)}}componentWillLoad(){this.validateGap(this.gap);this.validateOrientation(this.orientation);this.value=s(this.value)}componentDidRender(){f((()=>this.rerenderComponent()))}rerenderComponent(){this.host.querySelectorAll("gov-form-checkbox").forEach((o=>{if(!o.hasAttribute("listener-attached")){o.addEventListener("gov-change",this.handleChange)}o.setAttribute("listener-attached","true");o.checked=this.value.includes(o.value)}))}render(){return g(a,{key:"05922c255d84c7e5d454096842080afb3baf7e35",gap:this.gap,class:this.h.classes(t.root),value:this.value},g("slot",{key:"b770a32c6c932f71c041bb2996c675b84ee594f0"}))}get host(){return p(this)}static get watchers(){return{gap:[{validateGap:0}],orientation:[{validateOrientation:0}]}}};c.style=n();export{c as gov_form_checkbox_group};
+//# sourceMappingURL=p-e913cfc8.entry.js.map

package/dist/core/{p-90ab65b4.entry.js.map → p-e913cfc8.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["govFormGroupCss","GovFormCheckboxGroup","constructor","hostRef","this","gap","undefined","orientation","value","handleChange","event","stopPropagation","propsValueToArray","Array","isArray","detail","checked","_a","filter","val","govChange","emit","component","FormCheckboxGroupClass","root","h","govHost","host","validateGap","newValue","validateProp","FormGroupSizes","FormGroupClass","validateOrientation","FormGroupOrientation","componentWillLoad","componentDidRender","tick","rerenderComponent","querySelectorAll","forEach","element","hasAttribute","addEventListener","setAttribute","includes","render","Host","key","class","classes"],"sources":["../../../packages/core/src/components/gov-form/group/gov-form-group.scss?tag=gov-form-checkbox-group","../../../packages/core/src/components/gov-form/group/gov-form-checkbox-group.tsx"],"sourcesContent":["/* Form Group */\n\n@use \"sass:map\";\n@use \"../../../sass/mixins\" as mixin;\n@use \"./gov-form-group-variables\" as variable;\n\n\ngov-form-group, .gov-form-group,\ngov-form-radio-group, .gov-form-radio-group,\ngov-form-checkbox-group, .gov-form-checkbox-group {\n\t@include mixin.reset-margin();\n\t@include mixin.base(flex);\n\tflex-direction: column;\n\talign-items: flex-start;\n\t.gov-form-label__label {\n\t\tmargin: 0;\n\t}\n\n\t&[orientation=\"horizontal\"] {\n\t\tflex-direction: row;\n\t\tflex-wrap: wrap;\n\t\t.gov-form-label__label {\n\t\t\twhite-space: nowrap;\n\t\t}\n\t}\n\n\t// SIZES\n\t@each $size, $definitions in variable.$gaps {\n\t\t&[gap=\"#{$size}\"] {\n\t\t\tgap: map.get($definitions, \"gap\");\n\t\t}\n\t}\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Prop, Watch} from \"@stencil/core\"\nimport {\n\tFormCheckboxGroupClass,\n\tFormGroupClass,\n\tFormGroupOrientation,\n\tFormGroupOrientationType,\n\tFormGroupSizes,\n\tFormGroupSizesType\n} from \"./constants\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {govHost} from \"../../../helpers/Dom/template\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {FormCheckboxEvent} from \"../checkbox/gov-form-checkbox.types\"\nimport {FormCheckboxGroupEvent} from \"./gov-form-group.types\"\nimport {tick} from \"../../../utils/stencil.utils\"\nimport {propsValueToArray} from \"../../../utils/array.utils\"\n\n@Component({\n\ttag: \"gov-form-checkbox-group\",\n\tstyleUrl: \"gov-form-group.scss\",\n})\nexport class GovFormCheckboxGroup {\n\tprivate readonly h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovFormGroupElement\n\t/**\n\t * Gap's size.\n\t */\n\t@Prop() readonly gap?: FormGroupSizesType = undefined\n\t/**\n\t * Elements orientation\n\t */\n\t@Prop() readonly orientation?: FormGroupOrientationType = 'vertical'\n\t/**\n\t * Group's value\n\t */\n\t@Prop({attribute: \"value\", mutable: true}) value?: string | string[] = undefined\n\t/**\n  /* Emitted when the checkbox change value.\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormCheckboxGroupEvent>\n\n\t@Watch(\"gap\")\n\tvalidateGap(newValue: string): void {\n\t\tif (newValue) {\n\t\t\tvalidateProp(FormGroupSizes, newValue, FormGroupClass.root)\n\t\t}\n\t}\n\n\t@Watch(\"orientation\")\n\tvalidateOrientation(newValue: string): void {\n\t\tif (newValue) {\n\t\t\tvalidateProp(FormGroupOrientation, newValue, FormGroupClass.root)\n\t\t}\n\t}\n\n\thandleChange = (event: CustomEvent<FormCheckboxEvent>) => {\n\t\tevent.stopPropagation()\n\t\tconst value = propsValueToArray<string[]>(this.value);\n\t\tif (!Array.isArray(value)) return;\n\t\tif (event.detail.checked) {\n\t\t\tthis.value = [...value, event.detail.value]\n\t\t} else {\n\t\t\tthis.value = value.filter((val) => val !== event.detail.value) ?? []\n\t\t}\n\t\tthis.govChange.emit({\n\t\t\tvalue: this.value,\n\t\t\tcomponent: FormCheckboxGroupClass.root,\n\t\t})\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateGap(this.gap)\n\t\tthis.validateOrientation(this.orientation)\n\t\tthis.value = propsValueToArray(this.value)\n\t}\n\n\tcomponentDidRender(): void {\n\t\ttick(() => this.rerenderComponent())\n\t}\n\n\trerenderComponent(): void {\n\t\tthis.host.querySelectorAll('gov-form-checkbox').forEach((element) => {\n\t\t\tif (!element.hasAttribute('listener-attached')) {\n\t\t\t\telement.addEventListener('gov-change', this.handleChange)\n\t\t\t}\n\t\t\telement.setAttribute('listener-attached', 'true')\n\t\t\telement.checked = this.value.includes(element.value);\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host gap={this.gap} class={this.h.classes(FormGroupClass.root)} value={this.value}>\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"oWAAA,MAAMA,EAAkB,usE,MCqBXC,EAAoB,MAGhC,WAAAC,CAAAC,G,8CAQiBC,KAAGC,IAAwBC,UAI3BF,KAAWG,YAA8B,WAIfH,KAAKI,MAAuBF,UAoBvEF,KAAAK,aAAgBC,I,MACfA,EAAMC,kBACN,MAAMH,EAAQI,EAA4BR,KAAKI,OAC/C,IAAKK,MAAMC,QAAQN,GAAQ,OAC3B,GAAIE,EAAMK,OAAOC,QAAS,CACzBZ,KAAKI,MAAQ,IAAIA,EAAOE,EAAMK,OAAOP,M,KAC/B,CACNJ,KAAKI,OAAQS,EAAAT,EAAMU,QAAQC,GAAQA,IAAQT,EAAMK,OAAOP,WAAU,MAAAS,SAAA,EAAAA,EAAA,E,CAEnEb,KAAKgB,UAAUC,KAAK,CACnBb,MAAOJ,KAAKI,MACZc,UAAWC,EAAuBC,MACjC,EA/CFpB,KAAKqB,EAAIC,EAAQtB,KAAKuB,KACtB,CAqBD,WAAAC,CAAYC,GACX,GAAIA,EAAU,CACbC,EAAaC,EAAgBF,EAAUG,EAAeR,K,EAKxD,mBAAAS,CAAoBJ,GACnB,GAAIA,EAAU,CACbC,EAAaI,EAAsBL,EAAUG,EAAeR,K,EAmB9D,iBAAAW,GACC/B,KAAKwB,YAAYxB,KAAKC,KACtBD,KAAK6B,oBAAoB7B,KAAKG,aAC9BH,KAAKI,MAAQI,EAAkBR,KAAKI,M,CAGrC,kBAAA4B,GACCC,GAAK,IAAMjC,KAAKkC,qB,CAGjB,iBAAAA,GACClC,KAAKuB,KAAKY,iBAAiB,qBAAqBC,SAASC,IACxD,IAAKA,EAAQC,aAAa,qBAAsB,CAC/CD,EAAQE,iBAAiB,aAAcvC,KAAKK,a,CAE7CgC,EAAQG,aAAa,oBAAqB,QAC1CH,EAAQzB,QAAUZ,KAAKI,MAAMqC,SAASJ,EAAQjC,MAAM,G,CAItD,MAAAsC,GACC,OACCrB,EAACsB,EAAK,CAAAC,IAAA,2CAAA3C,IAAKD,KAAKC,IAAK4C,MAAO7C,KAAKqB,EAAEyB,QAAQlB,EAAeR,MAAOhB,MAAOJ,KAAKI,OAC5EiB,EAAa,QAAAuB,IAAA,6C","ignoreList":[]}
+{"version":3,"names":["govFormGroupCss","GovFormCheckboxGroup","constructor","hostRef","this","gap","undefined","orientation","value","handleChange","event","stopPropagation","propsValueToArray","Array","isArray","detail","checked","_a","filter","val","govChange","emit","component","FormCheckboxGroupClass","root","h","govHost","host","validateGap","newValue","validateProp","FormGroupSizes","FormGroupClass","validateOrientation","FormGroupOrientation","componentWillLoad","componentDidRender","tick","rerenderComponent","querySelectorAll","forEach","element","hasAttribute","addEventListener","setAttribute","includes","render","Host","key","class","classes"],"sources":["../../../packages/core/src/components/gov-form/group/gov-form-group.scss?tag=gov-form-checkbox-group","../../../packages/core/src/components/gov-form/group/gov-form-checkbox-group.tsx"],"sourcesContent":["/* Form Group */\n\n@use \"sass:map\";\n@use \"../../../sass/mixins\" as mixin;\n@use \"./gov-form-group-variables\" as variable;\n\n\ngov-form-group, .gov-form-group,\ngov-form-radio-group, .gov-form-radio-group,\ngov-form-checkbox-group, .gov-form-checkbox-group {\n\t@include mixin.reset-margin();\n\t@include mixin.base(flex);\n\tflex-direction: column;\n\talign-items: flex-start;\n\t.gov-form-label__label {\n\t\tmargin: 0;\n\t}\n\n\t&[orientation=\"horizontal\"] {\n\t\tflex-direction: row;\n\t\tflex-wrap: wrap;\n\t\t.gov-form-label__label {\n\t\t\twhite-space: nowrap;\n\t\t}\n\t}\n\n\t// SIZES\n\t@each $size, $definitions in variable.$gaps {\n\t\t&[gap=\"#{$size}\"] {\n\t\t\tgap: map.get($definitions, \"gap\");\n\t\t}\n\t}\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Prop, Watch} from \"@stencil/core\"\nimport {\n\tFormCheckboxGroupClass,\n\tFormGroupClass,\n\tFormGroupOrientation,\n\tFormGroupOrientationType,\n\tFormGroupSizes,\n\tFormGroupSizesType\n} from \"./constants\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {govHost} from \"../../../helpers/Dom/template\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {FormCheckboxEvent} from \"../checkbox/gov-form-checkbox.types\"\nimport {FormCheckboxGroupEvent} from \"./gov-form-group.types\"\nimport {tick} from \"../../../utils/stencil.utils\"\nimport {propsValueToArray} from \"../../../utils/array.utils\"\n\n@Component({\n\ttag: \"gov-form-checkbox-group\",\n\tstyleUrl: \"gov-form-group.scss\",\n})\nexport class GovFormCheckboxGroup {\n\tprivate readonly h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovFormGroupElement\n\t/**\n\t * Gap's size.\n\t */\n\t@Prop() readonly gap?: FormGroupSizesType = undefined\n\t/**\n\t * Elements orientation\n\t */\n\t@Prop() readonly orientation?: FormGroupOrientationType = 'vertical'\n\t/**\n\t * Group's value\n\t */\n\t@Prop({attribute: \"value\", mutable: true}) value?: string | string[] = undefined\n\t/**\n  /* Emitted when the checkbox change value.\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormCheckboxGroupEvent>\n\n\t@Watch(\"gap\")\n\tvalidateGap(newValue: string): void {\n\t\tif (newValue) {\n\t\t\tvalidateProp(FormGroupSizes, newValue, FormGroupClass.root)\n\t\t}\n\t}\n\n\t@Watch(\"orientation\")\n\tvalidateOrientation(newValue: string): void {\n\t\tif (newValue) {\n\t\t\tvalidateProp(FormGroupOrientation, newValue, FormGroupClass.root)\n\t\t}\n\t}\n\n\thandleChange = (event: CustomEvent<FormCheckboxEvent>) => {\n\t\tevent.stopPropagation()\n\t\tconst value = propsValueToArray<string[]>(this.value);\n\t\tif (!Array.isArray(value)) return;\n\t\tif (event.detail.checked) {\n\t\t\tthis.value = [...value, event.detail.value]\n\t\t} else {\n\t\t\tthis.value = value.filter((val) => val !== event.detail.value) ?? []\n\t\t}\n\t\tthis.govChange.emit({\n\t\t\tvalue: this.value,\n\t\t\tcomponent: FormCheckboxGroupClass.root,\n\t\t})\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateGap(this.gap)\n\t\tthis.validateOrientation(this.orientation)\n\t\tthis.value = propsValueToArray(this.value)\n\t}\n\n\tcomponentDidRender(): void {\n\t\ttick(() => this.rerenderComponent())\n\t}\n\n\trerenderComponent(): void {\n\t\tthis.host.querySelectorAll('gov-form-checkbox').forEach((element) => {\n\t\t\tif (!element.hasAttribute('listener-attached')) {\n\t\t\t\telement.addEventListener('gov-change', this.handleChange)\n\t\t\t}\n\t\t\telement.setAttribute('listener-attached', 'true')\n\t\t\telement.checked = this.value.includes(element.value);\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host gap={this.gap} class={this.h.classes(FormGroupClass.root)} value={this.value}>\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"oWAAA,MAAMA,EAAkB,IAAM,usE,MCqBjBC,EAAoB,MAGhC,WAAAC,CAAAC,G,8CAQiBC,KAAAC,IAA2BC,UAI3BF,KAAAG,YAAyC,WAIfH,KAAAI,MAA4BF,UAoBvEF,KAAAK,aAAgBC,I,MACfA,EAAMC,kBACN,MAAMH,EAAQI,EAA4BR,KAAKI,OAC/C,IAAKK,MAAMC,QAAQN,GAAQ,OAC3B,GAAIE,EAAMK,OAAOC,QAAS,CACzBZ,KAAKI,MAAQ,IAAIA,EAAOE,EAAMK,OAAOP,M,KAC/B,CACNJ,KAAKI,OAAQS,EAAAT,EAAMU,QAAQC,GAAQA,IAAQT,EAAMK,OAAOP,WAAM,MAAAS,SAAA,EAAAA,EAAI,E,CAEnEb,KAAKgB,UAAUC,KAAK,CACnBb,MAAOJ,KAAKI,MACZc,UAAWC,EAAuBC,MACjC,EA/CFpB,KAAKqB,EAAIC,EAAQtB,KAAKuB,KACtB,CAqBD,WAAAC,CAAYC,GACX,GAAIA,EAAU,CACbC,EAAaC,EAAgBF,EAAUG,EAAeR,K,EAKxD,mBAAAS,CAAoBJ,GACnB,GAAIA,EAAU,CACbC,EAAaI,EAAsBL,EAAUG,EAAeR,K,EAmB9D,iBAAAW,GACC/B,KAAKwB,YAAYxB,KAAKC,KACtBD,KAAK6B,oBAAoB7B,KAAKG,aAC9BH,KAAKI,MAAQI,EAAkBR,KAAKI,M,CAGrC,kBAAA4B,GACCC,GAAK,IAAMjC,KAAKkC,qB,CAGjB,iBAAAA,GACClC,KAAKuB,KAAKY,iBAAiB,qBAAqBC,SAASC,IACxD,IAAKA,EAAQC,aAAa,qBAAsB,CAC/CD,EAAQE,iBAAiB,aAAcvC,KAAKK,a,CAE7CgC,EAAQG,aAAa,oBAAqB,QAC1CH,EAAQzB,QAAUZ,KAAKI,MAAMqC,SAASJ,EAAQjC,MAAM,G,CAItD,MAAAsC,GACC,OACCrB,EAACsB,EAAI,CAAAC,IAAA,2CAAC3C,IAAKD,KAAKC,IAAK4C,MAAO7C,KAAKqB,EAAEyB,QAAQlB,EAAeR,MAAOhB,MAAOJ,KAAKI,OAC5EiB,EAAA,QAAAuB,IAAA,6C","ignoreList":[]}

package/dist/core/{p-da997fb3.entry.js → p-ea299832.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as i,H as e,g as o}from"./p-ClISz4NF.js";import{v as a}from"./p-NOJjz9dT.js";import{T as h,a as r,b as n,c,d as l}from"./p-D4TGB274.js";import{g as d,a as f,b as p}from"./p-CoD1xawt.js";import{h as b}from"./p-DNztiAH0.js";import{p as m}from"./p-GYov8gU1.js";import{A as u,a as v}from"./p-Bz_RzYFb.js";import{i as g}from"./p-CzXeijOj.js";import"./p-CgDnDrq5.js";import"./p-CQvUntGY.js";import"./p-BcQO4NH2.js";import"./p-U40vKHrs.js";const y=class{constructor(i){t(this,i);this.govChange=s(this,"gov-change");this.triggerRefs={};this.type="text";this.size="m";this.color="primary";this.orientation="horizontal";this.direction="row";this.controllers=[];this.focusIndex=0;this.inheritedAttributes={};this.h=d(this.host)}validateType(t){a(n,t,r.root)}validateColor(t){a(c,t,r.root)}validateSize(t){a(l,t,r.root)}componentDidLoad(){this.attributeObserver=new u(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(v)}componentWillLoad(){this.prepareControllers();this.validateSize(this.size);this.inheritedAttributes=g(this.host)}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}prepareControllers(t=false){this.controllers=[];const s=[];this.host.querySelectorAll(":scope > "+h.root).forEach((t=>{const i=Promise.all([t.getIdentifier(),t.getTriggerIdentifier(),t.getDisableState()]).then((([s,i,e])=>{const o=typeof t.getAttribute("default")==="string";const a=m(t.getAttribute("icon-start"));const h=m(t.getAttribute("icon-end"));return{label:t.getAttribute("label"),direction:t.getAttribute("direction"),contentIdentifier:s,disabled:e,triggerIdentifier:i,element:t,active:false,default:o,iconStart:a,iconEnd:h}}));s.push(i)}));Promise.all(s).then((s=>{if(t===false){let t=s.findIndex((t=>t.default));if(t===-1)t=0;this.focusIndex=t;s[t].active=true}else if(this.focusIndex>-1&&b(s,this.focusIndex)){s[this.focusIndex].active=true}const i=s.findIndex((t=>t.active&&t.disabled));if(i>-1){s[i].active=false;const t=s.findIndex((t=>!t.disabled));if(t>-1){s[t].active=true;this.focusIndex=t}}this.controllers=[...s];this.reRender()}))}setActiveByIdentifier(t){const s=[];this.controllers.map((i=>{i.active=t===i.triggerIdentifier||t===i.contentIdentifier;s.push(i)}));this.controllers=[...s]}reRender(){this.controllers.map((t=>{t.element.setActiveStatus(t.active).catch()}))}render(){return i(e,{key:"5dfd9d6ca4a17c425a96a1f766d599de80db6028",class:this.h.classes(r.root),size:this.size,color:this.color,type:this.type,direction:this.direction,onKeyDown:this.onKeydownHandler.bind(this)},i("div",Object.assign({key:"a195131ab673e7b9906777757f5c7e8c8421ddad",class:r.tabs,role:"tablist"},this.inheritedAttributes),i("ul",{key:"3dd46399f5054881f71242b2f184ebfb11fac51e",class:r.list},this.controllers.map((t=>i("li",{class:r.item},this.type=="text"?i("button",{class:r.btn,id:t.triggerIdentifier,role:"tab",type:"button",onClick:()=>this.onSelectHandler(t),disabled:t.disabled,"aria-disabled":f(t.disabled),"aria-selected":f(t.active),"aria-controls":t.contentIdentifier,tabindex:t.active&&!t.disabled?0:-1,ref:s=>this.triggerRefs[t.triggerIdentifier]=s},t.iconStart?i("gov-icon",{name:t.iconStart.name,type:t.iconStart.type}):null,t.label,t.iconEnd?i("gov-icon",{name:t.iconEnd.name,type:t.iconEnd.type}):null):i("gov-chip",{role:"tab",tag:"button",identifier:t.triggerIdentifier,"aria-selected":p(t.active),"aria-controls":t.contentIdentifier,focusable:t.active,disabled:t.disabled,color:this.color,size:this.size==="xs"?"xs":this.size==="s"?"s":"m",type:t.active?"solid":"outlined",ref:s=>this.triggerRefs[t.triggerIdentifier]=s,"on-gov-click":()=>this.onSelectHandler(t)},t.iconStart?i("gov-icon",{name:t.iconStart.name,type:t.iconStart.type,slot:"icon-start"}):null,t.label,t.iconEnd?i("gov-icon",{name:t.iconEnd.name,type:t.iconEnd.type,slot:"icon-end"}):null)))))),i("slot",{key:"5fc402a27b6236ca10c8f3370f946b7ceadb5342"}))}getCurrentTab(){return this.controllers.find((t=>t.active))||null}onSelectHandler(t){const s=this.controllers.findIndex((s=>s.triggerIdentifier===t.triggerIdentifier));this.focusIndex=s;this.setActiveByIdentifier(t.triggerIdentifier);this.reRender();this.govChange.emit(this.getCurrentTab().element)}onKeydownHandler(t){const s=t.keyCode;t.stopPropagation();this.goToPrevNext(s)}goToPrevNext(t){if([37,38,39,40].includes(t)){if(false===(this.focusIndex>=0&&this.focusIndex<=this.controllers.length-1)){return}this.controllers[this.focusIndex].active=false;if(t===39||t===40){this.focusIndex++;if(this.focusIndex>=this.controllers.length){this.focusIndex=0}if(this.controllers[this.focusIndex].disabled){this.goToPrevNext(40)}}else if(t===37||t===38){this.focusIndex--;if(this.focusIndex<0){this.focusIndex=this.controllers.length-1}if(this.controllers[this.focusIndex].disabled){this.goToPrevNext(38)}}if(this.focusIndex>=0&&this.focusIndex<=this.controllers.length-1){const t=this.controllers[this.focusIndex];t.active=true;const s=this.triggerRefs[t.triggerIdentifier];if(s.nodeName.toLowerCase()==="gov-chip"){this.triggerRefs[t.triggerIdentifier].setFocus()}else{this.triggerRefs[t.triggerIdentifier].focus()}this.controllers=[...this.controllers];this.reRender();this.govChange.emit(this.getCurrentTab().element)}}}async refresh(){this.prepareControllers()}async currentTab(){return this.getCurrentTab().element||null}async setActiveTab(t){this.setActiveByIdentifier(t);this.reRender()}async rerender(){this.prepareControllers(true)}get host(){return o(this)}static get watchers(){return{type:["validateType"],color:["validateColor"],size:["validateSize"]}}};export{y as gov_tabs};
-//# sourceMappingURL=p-da997fb3.entry.js.map
+import{r as t,c as s,h as i,H as e,g as o}from"./p-B8TR1oqt.js";import{v as a}from"./p-NOJjz9dT.js";import{T as h,a as r,b as n,c,d as l}from"./p-D4TGB274.js";import{g as d,a as f,b as p}from"./p-CoD1xawt.js";import{h as b}from"./p-DNztiAH0.js";import{p as m}from"./p-GYov8gU1.js";import{A as u,a as v}from"./p-Bz_RzYFb.js";import{i as g}from"./p-CzXeijOj.js";import"./p-CgDnDrq5.js";import"./p-CQvUntGY.js";import"./p-BcQO4NH2.js";import"./p-U40vKHrs.js";const y=class{constructor(i){t(this,i);this.govChange=s(this,"gov-change");this.triggerRefs={};this.type="text";this.size="m";this.color="primary";this.orientation="horizontal";this.direction="row";this.controllers=[];this.focusIndex=0;this.inheritedAttributes={};this.h=d(this.host)}validateType(t){a(n,t,r.root)}validateColor(t){a(c,t,r.root)}validateSize(t){a(l,t,r.root)}componentDidLoad(){this.attributeObserver=new u(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(v)}componentWillLoad(){this.prepareControllers();this.validateSize(this.size);this.inheritedAttributes=g(this.host)}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}prepareControllers(t=false){this.controllers=[];const s=[];this.host.querySelectorAll(":scope > "+h.root).forEach((t=>{const i=Promise.all([t.getIdentifier(),t.getTriggerIdentifier(),t.getDisableState()]).then((([s,i,e])=>{const o=typeof t.getAttribute("default")==="string";const a=m(t.getAttribute("icon-start"));const h=m(t.getAttribute("icon-end"));return{label:t.getAttribute("label"),direction:t.getAttribute("direction"),contentIdentifier:s,disabled:e,triggerIdentifier:i,element:t,active:false,default:o,iconStart:a,iconEnd:h}}));s.push(i)}));Promise.all(s).then((s=>{if(t===false){let t=s.findIndex((t=>t.default));if(t===-1)t=0;this.focusIndex=t;s[t].active=true}else if(this.focusIndex>-1&&b(s,this.focusIndex)){s[this.focusIndex].active=true}const i=s.findIndex((t=>t.active&&t.disabled));if(i>-1){s[i].active=false;const t=s.findIndex((t=>!t.disabled));if(t>-1){s[t].active=true;this.focusIndex=t}}this.controllers=[...s];this.reRender()}))}setActiveByIdentifier(t){const s=[];this.controllers.map((i=>{i.active=t===i.triggerIdentifier||t===i.contentIdentifier;s.push(i)}));this.controllers=[...s]}reRender(){this.controllers.map((t=>{t.element.setActiveStatus(t.active).catch()}))}render(){return i(e,{key:"5dfd9d6ca4a17c425a96a1f766d599de80db6028",class:this.h.classes(r.root),size:this.size,color:this.color,type:this.type,direction:this.direction,onKeyDown:this.onKeydownHandler.bind(this)},i("div",Object.assign({key:"a195131ab673e7b9906777757f5c7e8c8421ddad",class:r.tabs,role:"tablist"},this.inheritedAttributes),i("ul",{key:"3dd46399f5054881f71242b2f184ebfb11fac51e",class:r.list},this.controllers.map((t=>i("li",{class:r.item},this.type=="text"?i("button",{class:r.btn,id:t.triggerIdentifier,role:"tab",type:"button",onClick:()=>this.onSelectHandler(t),disabled:t.disabled,"aria-disabled":f(t.disabled),"aria-selected":f(t.active),"aria-controls":t.contentIdentifier,tabindex:t.active&&!t.disabled?0:-1,ref:s=>this.triggerRefs[t.triggerIdentifier]=s},t.iconStart?i("gov-icon",{name:t.iconStart.name,type:t.iconStart.type}):null,t.label,t.iconEnd?i("gov-icon",{name:t.iconEnd.name,type:t.iconEnd.type}):null):i("gov-chip",{role:"tab",tag:"button",identifier:t.triggerIdentifier,"aria-selected":p(t.active),"aria-controls":t.contentIdentifier,focusable:t.active,disabled:t.disabled,color:this.color,size:this.size==="xs"?"xs":this.size==="s"?"s":"m",type:t.active?"solid":"outlined",ref:s=>this.triggerRefs[t.triggerIdentifier]=s,"on-gov-click":()=>this.onSelectHandler(t)},t.iconStart?i("gov-icon",{name:t.iconStart.name,type:t.iconStart.type,slot:"icon-start"}):null,t.label,t.iconEnd?i("gov-icon",{name:t.iconEnd.name,type:t.iconEnd.type,slot:"icon-end"}):null)))))),i("slot",{key:"5fc402a27b6236ca10c8f3370f946b7ceadb5342"}))}getCurrentTab(){return this.controllers.find((t=>t.active))||null}onSelectHandler(t){const s=this.controllers.findIndex((s=>s.triggerIdentifier===t.triggerIdentifier));this.focusIndex=s;this.setActiveByIdentifier(t.triggerIdentifier);this.reRender();this.govChange.emit(this.getCurrentTab().element)}onKeydownHandler(t){const s=t.keyCode;t.stopPropagation();this.goToPrevNext(s)}goToPrevNext(t){if([37,38,39,40].includes(t)){if(false===(this.focusIndex>=0&&this.focusIndex<=this.controllers.length-1)){return}this.controllers[this.focusIndex].active=false;if(t===39||t===40){this.focusIndex++;if(this.focusIndex>=this.controllers.length){this.focusIndex=0}if(this.controllers[this.focusIndex].disabled){this.goToPrevNext(40)}}else if(t===37||t===38){this.focusIndex--;if(this.focusIndex<0){this.focusIndex=this.controllers.length-1}if(this.controllers[this.focusIndex].disabled){this.goToPrevNext(38)}}if(this.focusIndex>=0&&this.focusIndex<=this.controllers.length-1){const t=this.controllers[this.focusIndex];t.active=true;const s=this.triggerRefs[t.triggerIdentifier];if(s.nodeName.toLowerCase()==="gov-chip"){this.triggerRefs[t.triggerIdentifier].setFocus()}else{this.triggerRefs[t.triggerIdentifier].focus()}this.controllers=[...this.controllers];this.reRender();this.govChange.emit(this.getCurrentTab().element)}}}async refresh(){this.prepareControllers()}async currentTab(){return this.getCurrentTab().element||null}async setActiveTab(t){this.setActiveByIdentifier(t);this.reRender()}async rerender(){this.prepareControllers(true)}get host(){return o(this)}static get watchers(){return{type:[{validateType:0}],color:[{validateColor:0}],size:[{validateSize:0}]}}};export{y as gov_tabs};
+//# sourceMappingURL=p-ea299832.entry.js.map

package/dist/core/{p-da997fb3.entry.js.map → p-ea299832.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["GovTabs","constructor","hostRef","this","triggerRefs","type","size","color","orientation","direction","controllers","focusIndex","inheritedAttributes","h","govHost","host","validateType","newValue","validateProp","TabTypes","TabsClass","root","validateColor","TabColors","validateSize","TabSizes","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","prepareControllers","inheritAriaAttributes","disconnectedCallback","_a","stopObserving","removeAttribute","Object","assign","skipDefault","promises","querySelectorAll","TabsItemClass","forEach","tab","controlItem","Promise","all","getIdentifier","getTriggerIdentifier","getDisableState","then","identifier","triggerIdentifier","disabled","isDefault","getAttribute","iconStart","prepareIconFormat","iconEnd","label","contentIdentifier","element","active","default","push","defaultTabIndex","findIndex","controller","hasOwnProperty","isWrongCombination","firstGoodTab","reRender","setActiveByIdentifier","temp","map","item","control","setActiveStatus","catch","render","Host","key","class","classes","onKeyDown","onKeydownHandler","bind","tabs","role","list","btn","id","onClick","onSelectHandler","toBoolAttr","tabindex","ref","el","name","tag","booleanString","focusable","slot","getCurrentTab","find","index","t","govChange","emit","e","keyCode","stopPropagation","goToPrevNext","includes","length","current","trigger","nodeName","toLowerCase","setFocus","focus","refresh","currentTab","setActiveTab","rerender"],"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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["GovTabs","constructor","hostRef","this","triggerRefs","type","size","color","orientation","direction","controllers","focusIndex","inheritedAttributes","h","govHost","host","validateType","newValue","validateProp","TabTypes","TabsClass","root","validateColor","TabColors","validateSize","TabSizes","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","prepareControllers","inheritAriaAttributes","disconnectedCallback","_a","stopObserving","removeAttribute","Object","assign","skipDefault","promises","querySelectorAll","TabsItemClass","forEach","tab","controlItem","Promise","all","getIdentifier","getTriggerIdentifier","getDisableState","then","identifier","triggerIdentifier","disabled","isDefault","getAttribute","iconStart","prepareIconFormat","iconEnd","label","contentIdentifier","element","active","default","push","defaultTabIndex","findIndex","controller","hasOwnProperty","isWrongCombination","firstGoodTab","reRender","setActiveByIdentifier","temp","map","item","control","setActiveStatus","catch","render","Host","key","class","classes","onKeyDown","onKeydownHandler","bind","tabs","role","list","btn","id","onClick","onSelectHandler","toBoolAttr","tabindex","ref","el","name","tag","booleanString","focusable","slot","getCurrentTab","find","index","t","govChange","emit","e","keyCode","stopPropagation","goToPrevNext","includes","length","current","trigger","nodeName","toLowerCase","setFocus","focus","refresh","currentTab","setActiveTab","rerender"],"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"],"mappings":"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","ignoreList":[]}

package/dist/core/{p-852310d9.entry.js → p-eff8ffff.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,h as t,H as r,g as e}from"./p-ClISz4NF.js";import{G as o}from"./p-C6JN9gdb.js";import{g as c}from"./p-CoD1xawt.js";import"./p-BcQO4NH2.js";const a=class{constructor(t){s(this,t);this.h=c(this.host)}render(){return t(r,{key:"709f373fe63ba089e6c37ed7c61359e7b07a67e2",class:this.h.classes(o.root),role:"list"},t("slot",{key:"acb0cc5b4279d57c375c7cee80ebf305809dfd4d"}))}get host(){return e(this)}};export{a as gov_grid};
-//# sourceMappingURL=p-852310d9.entry.js.map
+import{r as s,h as t,H as r,g as e}from"./p-B8TR1oqt.js";import{G as o}from"./p-C6JN9gdb.js";import{g as c}from"./p-CoD1xawt.js";import"./p-BcQO4NH2.js";const a=class{constructor(t){s(this,t);this.h=c(this.host)}render(){return t(r,{key:"709f373fe63ba089e6c37ed7c61359e7b07a67e2",class:this.h.classes(o.root),role:"list"},t("slot",{key:"acb0cc5b4279d57c375c7cee80ebf305809dfd4d"}))}get host(){return e(this)}};export{a as gov_grid};
+//# sourceMappingURL=p-eff8ffff.entry.js.map

package/dist/core/{p-852310d9.entry.js.map → p-eff8ffff.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["GovGrid","constructor","hostRef","this","h","govHost","host","render","Host","key","class","classes","GridClass","root","role"],"sources":["../../../packages/core/src/components/gov-grid/gov-grid.tsx"],"sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core'\nimport { GridClass, GridSizesType } from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-grid',\n})\nexport class GovGrid {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovGridElement\n\n\t/**\n\t * Horizontal align of cells\n\t */\n\t@Prop({ attribute: 'align-items', reflect: true }) alignItems?: 'start' | 'center' | 'end' | 'stretch';\n\n\t/**\n\t * Vertical align of cells\n\t */\n\t@Prop({ attribute: 'justify-items', reflect: true }) justifyItems?: 'start' | 'center' | 'end' | 'stretch';\n\n\t/**\n\t * The gap property creates consistent spacing between flex items in the container.\n\t */\n\t@Prop({ attribute: 'gap', reflect: true }) gap?: GridSizesType;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(GridClass.root)} role=\"list\">\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"+JAQaA,EAAO,MAGnB,WAAAC,CAAAC,G,UACCC,KAAKC,EAAIC,EAAQF,KAAKG,KACtB,CAmBD,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOP,KAAKC,EAAEO,QAAQC,EAAUC,MAAOC,KAAK,QACjDV,EAAa,QAAAK,IAAA,6C","ignoreList":[]}
+{"version":3,"names":["GovGrid","constructor","hostRef","this","h","govHost","host","render","Host","key","class","classes","GridClass","root","role"],"sources":["../../../packages/core/src/components/gov-grid/gov-grid.tsx"],"sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core'\nimport { GridClass, GridSizesType } from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-grid',\n})\nexport class GovGrid {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovGridElement\n\n\t/**\n\t * Horizontal align of cells\n\t */\n\t@Prop({ attribute: 'align-items', reflect: true }) alignItems?: 'start' | 'center' | 'end' | 'stretch';\n\n\t/**\n\t * Vertical align of cells\n\t */\n\t@Prop({ attribute: 'justify-items', reflect: true }) justifyItems?: 'start' | 'center' | 'end' | 'stretch';\n\n\t/**\n\t * The gap property creates consistent spacing between flex items in the container.\n\t */\n\t@Prop({ attribute: 'gap', reflect: true }) gap?: GridSizesType;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(GridClass.root)} role=\"list\">\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"+JAQaA,EAAO,MAGnB,WAAAC,CAAAC,G,UACCC,KAAKC,EAAIC,EAAQF,KAAKG,KACtB,CAmBD,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOP,KAAKC,EAAEO,QAAQC,EAAUC,MAAOC,KAAK,QACjDV,EAAA,QAAAK,IAAA,6C","ignoreList":[]}

package/dist/core/{p-4d902f20.entry.js → p-f2d24551.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as o,g as s}from"./p-ClISz4NF.js";import{g as c}from"./p-CoD1xawt.js";var a;(function(e){e["PRIMARY"]="primary";e["SUBTLE"]="subtle";e["NEUTRAL"]="neutral"})(a||(a={}));const d={root:"gov-blockquote"};const r=class{constructor(t){e(this,t);this.type=a.SUBTLE;this.h=c(this.host)}render(){return t(o,{key:"c12f0f01c2db5025112edd1ebc834a18ff754546",class:this.h.classes(d.root),type:this.type},t("gov-icon",{key:"f043fdebbbd95c4eb3909985243f5ef253eb0335",type:"components",name:"quote",size:"3xl"}),t("blockquote",{key:"57cdec66772ad7732a79dd9a55cad1d9e5058ed7",cite:this.cite},t("slot",{key:"71a0e5ca7f377e22f4c12c44c517f142d45e47a9"})),t("slot",{key:"b0c7f4796b12e1baec71c03d20cb2ff99ae51311",name:"image"}),t("slot",{key:"55e5588b7e9793743a6b8ef403d363ddde8300d8",name:"author"}))}get host(){return s(this)}};export{r as gov_blockquote};
-//# sourceMappingURL=p-4d902f20.entry.js.map
+import{r as e,h as t,H as o,g as s}from"./p-B8TR1oqt.js";import{g as c}from"./p-CoD1xawt.js";var a;(function(e){e["PRIMARY"]="primary";e["SUBTLE"]="subtle";e["NEUTRAL"]="neutral"})(a||(a={}));const d={root:"gov-blockquote"};const r=class{constructor(t){e(this,t);this.type=a.SUBTLE;this.h=c(this.host)}render(){return t(o,{key:"c12f0f01c2db5025112edd1ebc834a18ff754546",class:this.h.classes(d.root),type:this.type},t("gov-icon",{key:"f043fdebbbd95c4eb3909985243f5ef253eb0335",type:"components",name:"quote",size:"3xl"}),t("blockquote",{key:"57cdec66772ad7732a79dd9a55cad1d9e5058ed7",cite:this.cite},t("slot",{key:"71a0e5ca7f377e22f4c12c44c517f142d45e47a9"})),t("slot",{key:"b0c7f4796b12e1baec71c03d20cb2ff99ae51311",name:"image"}),t("slot",{key:"55e5588b7e9793743a6b8ef403d363ddde8300d8",name:"author"}))}get host(){return s(this)}};export{r as gov_blockquote};
+//# sourceMappingURL=p-f2d24551.entry.js.map

package/dist/core/{p-4d902f20.entry.js.map → p-f2d24551.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["BlockquoteType","BlockquoteClass","root","GovBlockquote","constructor","hostRef","this","type","SUBTLE","h","govHost","host","render","Host","key","class","classes","name","size","cite"],"sources":["../../../packages/core/src/components/gov-blockquote/constants.ts","../../../packages/core/src/components/gov-blockquote/gov-blockquote.tsx"],"sourcesContent":["import {ValueOf} from \"../../types/interfaces\";\n\nexport enum BlockquoteType {\n\tPRIMARY = 'primary',\n\tSUBTLE = 'subtle',\n\tNEUTRAL = 'neutral',\n}\nexport type BlockquoteTypesType = `${ValueOf<typeof BlockquoteType>}`\n\nexport const BlockquoteClass = {\n\troot: 'gov-blockquote',\n}\n","import {Component, Element, Host, h, Prop} from '@stencil/core'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport {BlockquoteClass, BlockquoteType, BlockquoteTypesType} from \"./constants\";\n\n\n@Component({\n\ttag: 'gov-blockquote',\n})\nexport class GovBlockquote {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovBlockquoteElement\n\t/**\n\t * Blockquote’s type\n\t */\n\t@Prop({reflect: true}) readonly type: BlockquoteTypesType = BlockquoteType.SUBTLE\n\t/**\n\t * Blockquote’s cite url\n\t */\n\t@Prop({attribute: 'cite'}) readonly cite: string\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(BlockquoteClass.root)} type={this.type}>\n\t\t\t\t<gov-icon type=\"components\" name=\"quote\" size=\"3xl\"></gov-icon>\n\t\t\t\t<blockquote cite={this.cite}>\n\t\t\t\t\t<slot />\n\t\t\t\t</blockquote>\n\t\t\t\t<slot name=\"image\" />\n\t\t\t\t<slot name=\"author\" />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"6FAEA,IAAYA,GAAZ,SAAYA,GACXA,EAAA,qBACAA,EAAA,mBACAA,EAAA,oBACA,EAJD,CAAYA,MAIX,KAGM,MAAMC,EAAkB,CAC9BC,KAAM,kB,MCDMC,EAAa,MAGzB,WAAAC,CAAAC,G,UAQgCC,KAAAC,KAA4BP,EAAeQ,OAP1EF,KAAKG,EAAIC,EAAQJ,KAAKK,KACtB,CAYD,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOT,KAAKG,EAAEO,QAAQf,EAAgBC,MAAOK,KAAMD,KAAKC,MAC7DE,EAAU,YAAAK,IAAA,2CAAAP,KAAK,aAAaU,KAAK,QAAQC,KAAK,QAC9CT,EAAA,cAAAK,IAAA,2CAAYK,KAAMb,KAAKa,MACtBV,EAAA,QAAAK,IAAA,8CAEDL,EAAM,QAAAK,IAAA,2CAAAG,KAAK,UACXR,EAAA,QAAAK,IAAA,2CAAMG,KAAK,W","ignoreList":[]}
+{"version":3,"names":["BlockquoteType","BlockquoteClass","root","GovBlockquote","constructor","hostRef","this","type","SUBTLE","h","govHost","host","render","Host","key","class","classes","name","size","cite"],"sources":["../../../packages/core/src/components/gov-blockquote/constants.ts","../../../packages/core/src/components/gov-blockquote/gov-blockquote.tsx"],"sourcesContent":["import {ValueOf} from \"../../types/interfaces\";\n\nexport enum BlockquoteType {\n\tPRIMARY = 'primary',\n\tSUBTLE = 'subtle',\n\tNEUTRAL = 'neutral',\n}\nexport type BlockquoteTypesType = `${ValueOf<typeof BlockquoteType>}`\n\nexport const BlockquoteClass = {\n\troot: 'gov-blockquote',\n}\n","import {Component, Element, Host, h, Prop} from '@stencil/core'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport {BlockquoteClass, BlockquoteType, BlockquoteTypesType} from \"./constants\";\n\n\n@Component({\n\ttag: 'gov-blockquote',\n})\nexport class GovBlockquote {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovBlockquoteElement\n\t/**\n\t * Blockquote’s type\n\t */\n\t@Prop({reflect: true}) readonly type: BlockquoteTypesType = BlockquoteType.SUBTLE\n\t/**\n\t * Blockquote’s cite url\n\t */\n\t@Prop({attribute: 'cite'}) readonly cite: string\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(BlockquoteClass.root)} type={this.type}>\n\t\t\t\t<gov-icon type=\"components\" name=\"quote\" size=\"3xl\"></gov-icon>\n\t\t\t\t<blockquote cite={this.cite}>\n\t\t\t\t\t<slot />\n\t\t\t\t</blockquote>\n\t\t\t\t<slot name=\"image\" />\n\t\t\t\t<slot name=\"author\" />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"6FAEA,IAAYA,GAAZ,SAAYA,GACXA,EAAA,qBACAA,EAAA,mBACAA,EAAA,oBACA,EAJD,CAAYA,MAAc,KAOnB,MAAMC,EAAkB,CAC9BC,KAAM,kB,MCDMC,EAAa,MAGzB,WAAAC,CAAAC,G,UAQgCC,KAAAC,KAA4BP,EAAeQ,OAP1EF,KAAKG,EAAIC,EAAQJ,KAAKK,KACtB,CAYD,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOT,KAAKG,EAAEO,QAAQf,EAAgBC,MAAOK,KAAMD,KAAKC,MAC7DE,EAAA,YAAAK,IAAA,2CAAUP,KAAK,aAAaU,KAAK,QAAQC,KAAK,QAC9CT,EAAA,cAAAK,IAAA,2CAAYK,KAAMb,KAAKa,MACtBV,EAAA,QAAAK,IAAA,8CAEDL,EAAA,QAAAK,IAAA,2CAAMG,KAAK,UACXR,EAAA,QAAAK,IAAA,2CAAMG,KAAK,W","ignoreList":[]}

package/dist/core/{p-5c872d64.entry.js → p-f515d912.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as o,H as n}from"./p-ClISz4NF.js";import{a as c}from"./p-vN03FcXN.js";const t=class{constructor(o){e(this,o);this.uniqueId="lifecycle-"+c()}connectedCallback(){console.log("connectedCallback",this.uniqueId)}disconnectedCallback(){console.log("disconnectedCallback",this.uniqueId)}componentWillLoad(){console.log("componentWillLoad",this.uniqueId)}componentDidLoad(){console.log("componentDidLoad",this.uniqueId)}componentShouldUpdate(){console.log("componentShouldUpdate",this.uniqueId)}componentWillRender(){console.log("componentWillRender",this.uniqueId)}componentDidRender(){console.log("componentDidRender",this.uniqueId)}componentWillUpdate(){console.log("componentWillUpdate",this.uniqueId)}componentDidUpdate(){console.log("componentDidUpdate",this.uniqueId)}render(){return o(n,{key:"eeda9523c33256ff4687e071bf2546383aad6ffc",identifier:this.uniqueId},o("span",{key:"ae7cbbfca20d4a882c2021a309746359e8296eee"},"lifecycle ",this.uniqueId))}};export{t as gov_lifecycle};
-//# sourceMappingURL=p-5c872d64.entry.js.map
+import{r as e,h as o,H as n}from"./p-B8TR1oqt.js";import{a as c}from"./p-vN03FcXN.js";const t=class{constructor(o){e(this,o);this.uniqueId="lifecycle-"+c()}connectedCallback(){console.log("connectedCallback",this.uniqueId)}disconnectedCallback(){console.log("disconnectedCallback",this.uniqueId)}componentWillLoad(){console.log("componentWillLoad",this.uniqueId)}componentDidLoad(){console.log("componentDidLoad",this.uniqueId)}componentShouldUpdate(){console.log("componentShouldUpdate",this.uniqueId)}componentWillRender(){console.log("componentWillRender",this.uniqueId)}componentDidRender(){console.log("componentDidRender",this.uniqueId)}componentWillUpdate(){console.log("componentWillUpdate",this.uniqueId)}componentDidUpdate(){console.log("componentDidUpdate",this.uniqueId)}render(){return o(n,{key:"eeda9523c33256ff4687e071bf2546383aad6ffc",identifier:this.uniqueId},o("span",{key:"ae7cbbfca20d4a882c2021a309746359e8296eee"},"lifecycle ",this.uniqueId))}};export{t as gov_lifecycle};
+//# sourceMappingURL=p-f515d912.entry.js.map

package/dist/core/{p-bf573a56.entry.js → p-febff4d1.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,h as t,H as o,g as r}from"./p-ClISz4NF.js";import{C as a}from"./p-U40vKHrs.js";import{g as c}from"./p-CoD1xawt.js";import{v as e}from"./p-NOJjz9dT.js";import{p as i}from"./p-CQvUntGY.js";import"./p-CgDnDrq5.js";i(a,["PRIMARY","NEUTRAL","ERROR"]);const p={root:"gov-control-group"};const l=class{constructor(t){s(this,t);this.color=a.NEUTRAL;this.noBorder=false;this.noInnerBorder=false;this.fitContent=false;this.h=c(this.host)}validateColor(s){e(a,s,p.root)}render(){return t(o,{key:"be061d7c1f49481bc31a0a8b8222eacc044051e3",class:this.h.classes(p.root),color:this.color},t("slot",{key:"1af88c06c1f92db2c34727a87a7acac4abf895c1"}))}get host(){return r(this)}static get watchers(){return{color:["validateColor"]}}};export{l as gov_control_group};
-//# sourceMappingURL=p-bf573a56.entry.js.map
+import{r as s,h as t,H as o,g as r}from"./p-B8TR1oqt.js";import{C as a}from"./p-U40vKHrs.js";import{g as c}from"./p-CoD1xawt.js";import{v as e}from"./p-NOJjz9dT.js";import{p as i}from"./p-CQvUntGY.js";import"./p-CgDnDrq5.js";i(a,["PRIMARY","NEUTRAL","ERROR"]);const p={root:"gov-control-group"};const l=class{constructor(t){s(this,t);this.color=a.NEUTRAL;this.noBorder=false;this.noInnerBorder=false;this.fitContent=false;this.h=c(this.host)}validateColor(s){e(a,s,p.root)}render(){return t(o,{key:"be061d7c1f49481bc31a0a8b8222eacc044051e3",class:this.h.classes(p.root),color:this.color},t("slot",{key:"1af88c06c1f92db2c34727a87a7acac4abf895c1"}))}get host(){return r(this)}static get watchers(){return{color:[{validateColor:0}]}}};export{l as gov_control_group};
+//# sourceMappingURL=p-febff4d1.entry.js.map

package/dist/core/{p-bf573a56.entry.js.map → p-febff4d1.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pick","Colors","ControlGroupClass","root","GovControlGroup","constructor","hostRef","this","color","NEUTRAL","noBorder","noInnerBorder","fitContent","h","govHost","host","validateColor","newValue","validateProp","render","Host","key","class","classes"],"sources":["../../../packages/core/src/components/gov-control-group/constants.ts","../../../packages/core/src/components/gov-control-group/gov-control-group.tsx"],"sourcesContent":["import { Colors } from '../../core/constants/colors'\nimport { ValueOf } from '../../types/interfaces'\nimport { pick } from '../../utils/utils'\n\nexport const ControlGroupColors = pick(Colors, ['PRIMARY', 'NEUTRAL', 'ERROR'])\nexport type ControlGroupColorType = `${ValueOf<typeof ControlGroupColors>}`\n\nexport const ControlGroupClass = {\n\troot: 'gov-control-group',\n}\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\"\nimport { Colors } from \"../../core/constants/colors\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { ControlGroupClass, ControlGroupColorType } from \"./constants\"\n\n@Component({\n\ttag: \"gov-control-group\",\n})\nexport class GovControlGroup {\n\tprivate readonly h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovControlGroupElement\n\t/**\n\t * Style variation of the content message.\n\t */\n\t@Prop() readonly color: ControlGroupColorType = Colors.NEUTRAL\n\t/**\n\t * Specifies the display of the border between elements\n\t */\n\t@Prop({ attribute: \"no-border\" }) readonly noBorder: boolean = false\n\t/**\n\t * Specifies the display of the border between elements\n\t */\n\t@Prop({ attribute: \"no-inner-border\" }) readonly noInnerBorder: boolean = false\n\t/**\n\t * Specifies the display of elements to full width\n\t */\n\t@Prop({ attribute: \"fit-content\" }) readonly fitContent: boolean = false\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(Colors, newValue, ControlGroupClass.root)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes(ControlGroupClass.root)}\n\t\t\t\tcolor={this.color}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"iOAIkCA,EAAKC,EAAQ,CAAC,UAAW,UAAW,UAG/D,MAAMC,EAAoB,CAChCC,KAAM,qB,MCEMC,EAAe,MAG3B,WAAAC,CAAAC,G,UAQiBC,KAAAC,MAA+BP,EAAOQ,QAIZF,KAAQG,SAAY,MAIdH,KAAaI,cAAY,MAI7BJ,KAAUK,WAAY,MAnBlEL,KAAKM,EAAIC,EAAQP,KAAKQ,KACtB,CAqBD,aAAAC,CAAcC,GACbC,EAAajB,EAAQgB,EAAUf,EAAkBC,K,CAGlD,MAAAgB,GACC,OACCN,EAACO,EAAI,CAAAC,IAAA,2CACJC,MAAOf,KAAKM,EAAEU,QAAQrB,EAAkBC,MACxCK,MAAOD,KAAKC,OACZK,EAAQ,QAAAQ,IAAA,6C","ignoreList":[]}
+{"version":3,"names":["pick","Colors","ControlGroupClass","root","GovControlGroup","constructor","hostRef","this","color","NEUTRAL","noBorder","noInnerBorder","fitContent","h","govHost","host","validateColor","newValue","validateProp","render","Host","key","class","classes"],"sources":["../../../packages/core/src/components/gov-control-group/constants.ts","../../../packages/core/src/components/gov-control-group/gov-control-group.tsx"],"sourcesContent":["import { Colors } from '../../core/constants/colors'\nimport { ValueOf } from '../../types/interfaces'\nimport { pick } from '../../utils/utils'\n\nexport const ControlGroupColors = pick(Colors, ['PRIMARY', 'NEUTRAL', 'ERROR'])\nexport type ControlGroupColorType = `${ValueOf<typeof ControlGroupColors>}`\n\nexport const ControlGroupClass = {\n\troot: 'gov-control-group',\n}\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\"\nimport { Colors } from \"../../core/constants/colors\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { ControlGroupClass, ControlGroupColorType } from \"./constants\"\n\n@Component({\n\ttag: \"gov-control-group\",\n})\nexport class GovControlGroup {\n\tprivate readonly h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovControlGroupElement\n\t/**\n\t * Style variation of the content message.\n\t */\n\t@Prop() readonly color: ControlGroupColorType = Colors.NEUTRAL\n\t/**\n\t * Specifies the display of the border between elements\n\t */\n\t@Prop({ attribute: \"no-border\" }) readonly noBorder: boolean = false\n\t/**\n\t * Specifies the display of the border between elements\n\t */\n\t@Prop({ attribute: \"no-inner-border\" }) readonly noInnerBorder: boolean = false\n\t/**\n\t * Specifies the display of elements to full width\n\t */\n\t@Prop({ attribute: \"fit-content\" }) readonly fitContent: boolean = false\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(Colors, newValue, ControlGroupClass.root)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes(ControlGroupClass.root)}\n\t\t\t\tcolor={this.color}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"iOAIkCA,EAAKC,EAAQ,CAAC,UAAW,UAAW,UAG/D,MAAMC,EAAoB,CAChCC,KAAM,qB,MCEMC,EAAe,MAG3B,WAAAC,CAAAC,G,UAQiBC,KAAAC,MAA+BP,EAAOQ,QAIZF,KAAAG,SAAoB,MAIdH,KAAAI,cAAyB,MAI7BJ,KAAAK,WAAsB,MAnBlEL,KAAKM,EAAIC,EAAQP,KAAKQ,KACtB,CAqBD,aAAAC,CAAcC,GACbC,EAAajB,EAAQgB,EAAUf,EAAkBC,K,CAGlD,MAAAgB,GACC,OACCN,EAACO,EAAI,CAAAC,IAAA,2CACJC,MAAOf,KAAKM,EAAEU,QAAQrB,EAAkBC,MACxCK,MAAOD,KAAKC,OACZK,EAAA,QAAAQ,IAAA,6C","ignoreList":[]}

package/dist/core/p-vN03FcXN.js.map

@@ -1 +1 @@
-{"version":3,"file":"p-vN03FcXN.js","sources":["../../../packages/core/src/utils/string.utils.ts"],"sourcesContent":["export function chr4(): string {\n\treturn Math.random().toString(16).slice(-4)\n}\n\nexport function createID(prefix: string): string {\n\treturn `${prefix}-${chr4()}${chr4()}-${chr4()}-${chr4()}-${chr4()}-${chr4()}${chr4()}${chr4()}`\n}\n\nexport function removeDiacritics(string: any): string | any {\n\tif (typeof string !== 'string') return string\n\treturn string.normalize('NFD').replace(/[\\u0300-\\u036f]/g, '')\n}\n\nexport function splitByWhitespace(string: any): string | any {\n\tif (typeof string !== 'string') return string\n\treturn string.split(/(\\s+)/)\n}\n"],"names":[],"mappings":"SAAgB,IAAI,GAAA;AACnB,IAAA,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC;AAC5C;AAEM,SAAU,QAAQ,CAAC,MAAc,EAAA;IACtC,OAAO,CAAA,EAAG,MAAM,CAAA,CAAA,EAAI,IAAI,EAAE,CAAG,EAAA,IAAI,EAAE,CAAA,CAAA,EAAI,IAAI,EAAE,CAAI,CAAA,EAAA,IAAI,EAAE,CAAA,CAAA,EAAI,IAAI,EAAE,CAAI,CAAA,EAAA,IAAI,EAAE,CAAA,EAAG,IAAI,EAAE,CAAG,EAAA,IAAI,EAAE,CAAA,CAAE;AAChG;AAEM,SAAU,gBAAgB,CAAC,MAAW,EAAA;IAC3C,IAAI,OAAO,MAAM,KAAK,QAAQ;AAAE,QAAA,OAAO,MAAM;AAC7C,IAAA,OAAO,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,kBAAkB,EAAE,EAAE,CAAC;AAC/D;AAEM,SAAU,iBAAiB,CAAC,MAAW,EAAA;IAC5C,IAAI,OAAO,MAAM,KAAK,QAAQ;AAAE,QAAA,OAAO,MAAM;AAC7C,IAAA,OAAO,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC;AAC7B;;;;"}
+{"version":3,"file":"p-vN03FcXN.js","sources":["../../../packages/core/src/utils/string.utils.ts"],"sourcesContent":["export function chr4(): string {\n\treturn Math.random().toString(16).slice(-4)\n}\n\nexport function createID(prefix: string): string {\n\treturn `${prefix}-${chr4()}${chr4()}-${chr4()}-${chr4()}-${chr4()}-${chr4()}${chr4()}${chr4()}`\n}\n\nexport function removeDiacritics(string: any): string | any {\n\tif (typeof string !== 'string') return string\n\treturn string.normalize('NFD').replace(/[\\u0300-\\u036f]/g, '')\n}\n\nexport function splitByWhitespace(string: any): string | any {\n\tif (typeof string !== 'string') return string\n\treturn string.split(/(\\s+)/)\n}\n"],"names":[],"mappings":"SAAgB,IAAI,GAAA;AACnB,IAAA,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC;AAC5C;AAEM,SAAU,QAAQ,CAAC,MAAc,EAAA;IACtC,OAAO,CAAA,EAAG,MAAM,CAAA,CAAA,EAAI,IAAI,EAAE,CAAA,EAAG,IAAI,EAAE,CAAA,CAAA,EAAI,IAAI,EAAE,CAAA,CAAA,EAAI,IAAI,EAAE,CAAA,CAAA,EAAI,IAAI,EAAE,CAAA,CAAA,EAAI,IAAI,EAAE,CAAA,EAAG,IAAI,EAAE,CAAA,EAAG,IAAI,EAAE,CAAA,CAAE;AAChG;AAEM,SAAU,gBAAgB,CAAC,MAAW,EAAA;IAC3C,IAAI,OAAO,MAAM,KAAK,QAAQ;AAAE,QAAA,OAAO,MAAM;AAC7C,IAAA,OAAO,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,kBAAkB,EAAE,EAAE,CAAC;AAC/D;AAEM,SAAU,iBAAiB,CAAC,MAAW,EAAA;IAC5C,IAAI,OAAO,MAAM,KAAK,QAAQ;AAAE,QAAA,OAAO,MAAM;AAC7C,IAAA,OAAO,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC;AAC7B;;;;"}