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

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

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

Files changed (1489) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-form-range.entry.js","sources":["../../../packages/core/src/components/gov-form/range/constants.ts","../../../packages/core/src/components/gov-form/range/gov-form-range.tsx"],"sourcesContent":["import {pick} from \"../../../utils/utils\";\nimport {Sizes} from \"../../../core/constants/sizes\";\nimport {ValueOf} from \"../../../types/interfaces\";\n\nexport const FormRangeSizes = pick(Sizes, ['_S', '_M', '_L'])\nexport type FormRangeSizesType = `${ValueOf<typeof FormRangeSizes>}`\n\nexport const FormRangeClass = {\n\troot: 'gov-form-range',\n\tfill: 'gov-form-range--fill',\n\tinput: 'gov-form-range--input',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from '@stencil/core'\nimport {FormRangeClass, FormRangeSizes, FormRangeSizesType} from './constants'\nimport {GovHost} from \"../../../helpers/Dom/template.types\";\nimport {govHost, toBoolAttr, toBoolAttrIfDefined} from \"../../../helpers/Dom/template\";\nimport {validateProp} from \"../../../helpers/Validate/props\";\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\nimport {GovForm} from \"../../../helpers/Dom/form.types\";\nimport {govForm} from \"../../../helpers/Dom/form\";\nimport {tick} from \"../../../utils/stencil.utils\";\nimport {isNumber} from \"../../../utils/helpers.types\";\nimport {createID} from \"../../../utils/string.utils\";\nimport {FormInputEvent} from \"../input/gov-form-input.types\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\n\n\n@Component({\n\ttag: 'gov-form-range',\n})\nexport class GovFormRange {\n\tprivate inputRef?: HTMLInputElement\n\tprivate outputRef?: HTMLOutputElement\n\tprivate fillRef?: HTMLDivElement\n\tprivate f: GovForm\n\tprivate readonly h: GovHost\n\tprivate readonly inputId: string\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t\tthis.inputId = createID(\"GovInput\")\n\t}\n\n\t@Element() host: HTMLGovFormRangeElement\n\t/*\n\t Range’s size\n\t /\n\t@Prop() readonly size?: FormRangeSizesType = \"m\"\n\t/\n\t Value of range\n\t /\n\t@Prop({reflect: true, mutable: true}) value: string\n\t/\n\t Custom range identifier\n\t /\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/\n\t Name of the range\n\t /\n\t@Prop() readonly name: string\n\t/\n\t Minimum value that is acceptable\n\t /\n\t@Prop() readonly min?: string \| number\n\t/\n\t Maximum value that is acceptable\n\t /\n\t@Prop() readonly max?: string \| number\n\t/\n\t Defines size of each step\n\t /\n\t@Prop() readonly step?: string \| number\n\t/\n\t Show tooltip with current value\n\t /\n\t@Prop() readonly tooltip?: boolean = false\n\t/\n\t Show input with current value\n\t /\n\t@Prop() readonly input?: boolean = false\n\t/\n\t Links a <datalist/> element to a <input type=\"range\">, providing value markers as guidance for the user\n\t /\n\t@Prop() readonly listIdentifier?: string\n\t/\n\t Set whether the range is required or not\n\t /\n\t@Prop({reflect: true}) readonly required: boolean = false\n\t/\n\t Indicates the entered value of child form element does conform to the format expected by the application\n\t /\n\t@Prop({reflect: true}) readonly success: boolean\n\t/\n\t Indicates the entered value does not conform to the format expected by the application\n\t /\n\t@Prop({reflect: true}) readonly invalid: boolean\n\t/\n\t Makes the range component disabled\n\t /\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/\n\t Emitted when the input has focus.\n\t /\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<FormInputEvent>\n\t/\n\t Emitted when the input loses focus.\n\t /\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<FormInputEvent>\n\t/\n\t Emitted when the input change value.\n\t /\n\t@Event({eventName: \"gov-input\"}) govInput: EventEmitter<FormInputEvent>\n\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormRangeSizes, newValue, FormRangeClass.root)\n\t}\n\n\t@Watch(\"value\")\n\twatchValue(): void {\n\t\tthis.controlOutputPosition();\n\t}\n\n\t@Watch(\"disabled\")\n\t@Watch(\"invalid\")\n\t@Watch(\"success\")\n\t@Watch(\"size\")\n\twatchControlAttrs(): void {\n\t\tthis.passControlAttrs()\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tprivate passControlAttrs() {\n\t\tthis.f.passAttrToControl(\"size\", this.size)\n\t\tthis.f.passAttrToControl(\"success\", toBoolAttr(this.success))\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\n\t}\n\n\tprivate get getThumbWidth() {\n\t\tconst styles = window.getComputedStyle(this.inputRef);\n\t\treturn parseFloat(styles.getPropertyValue('--thumb-size')) \|\| 1;\n\t}\n\n\tprivate controlOutputPosition() {\n\t\tconst valueInt = +this.value;\n\t\tconst min = +this.inputRef.min;\n\t\tconst max = +this.inputRef.max;\n\n\t\tconst thumbWidth = (this.getThumbWidth 16);\n\t\tconst rangeWidth = this.inputRef.offsetWidth;\n\t\tconst percentage = ((valueInt - min) / (max - min)) * 100;\n\n\t\tlet tooltipOffset = ((percentage / 100) * (rangeWidth - thumbWidth)) + (thumbWidth / 2);\n\n\t\tif (this.outputRef) {\n\t\t\tthis.outputRef.textContent = this.value;\n\t\t\tconst outputWidth = this.outputRef.offsetWidth / 2;\n\t\t\tthis.outputRef.style.left = `${tooltipOffset - outputWidth}px`;\n\t\t}\n\t\tif (this.fillRef) {\n\t\t\tthis.fillRef.style.width = `${tooltipOffset}px`\n\t\t}\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateSize(this.size)\n\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tcomponentDidRender() {\n\t\tthis.passControlAttrs()\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\n\t\ttick(this.controlOutputPosition.bind(this))\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={FormRangeClass.root} size={this.size}>\n\t\t\t\t{this.h.hasSlot(\"prefix\") && <slot name=\"prefix\"></slot>}\n\t\t\t\t<span class=\"element\">\n\t\t\t\t\t<input type=\"range\"\n\t\t\t\t\t\t ref={el => (this.inputRef = el)}\n\t\t\t\t\t\t onInput={this.onInputHandler.bind(this)}\n\t\t\t\t\t\t onFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t\t onBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t\t id={this.identifier \|\| this.inputId}\n\t\t\t\t\t\t name={this.name}\n\t\t\t\t\t\t min={this.min}\n\t\t\t\t\t\t max={this.max}\n\t\t\t\t\t\t step={this.step}\n\t\t\t\t\t\t list={this.listIdentifier}\n\t\t\t\t\t\t value={this.value}\n\t\t\t\t\t\t required={this.required}\n\t\t\t\t\t\t disabled={this.disabled}\n\t\t\t\t\t\t {...this.inheritedAttributes}\n\t\t\t\t\t\t aria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\t aria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\t aria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t/>\n\t\t\t\t\t<div class={FormRangeClass.fill} ref={el => (this.fillRef = el)}></div>\n\t\t\t\t\t{this.tooltip ?\n\t\t\t\t\t\t<output htmlFor={this.name} ref={el => (this.outputRef = el)}>\n\t\t\t\t\t\t\t{this.value}\n\t\t\t\t\t\t</output>\n\t\t\t\t\t\t: null}\n\t\t\t\t\t<slot name=\"datalist\"></slot>\n\t\t\t\t</span>\n\t\t\t\t{this.h.hasSlot(\"sufix\") && <slot name=\"sufix\"></slot>}\n\t\t\t\t{this.input ?\n\t\t\t\t\t<gov-form-input\n\t\t\t\t\t\ton-gov-input={this.onCustomInputHandler.bind(this)}\n\t\t\t\t\t\tclass={FormRangeClass.input}\n\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t{...this.inheritedAttributes}>\n\t\t\t\t\t</gov-form-input>\n\t\t\t\t\t: null}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tonCustomInputHandler(e: InputEvent) {\n\t\tconst value = (e.target as HTMLInputElement).value;\n\t\tif (this.step && isNumber(+this.step)) {\n\t\t\tconst numValue = +value;\n\t\t\tconst numMin = +this.min;\n\t\t\tconst numMax = +this.max;\n\t\t\tconst numStep = +this.step;\n\n\t\t\tif (isNaN(numValue)) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tif (numValue < numMin \|\| numValue > numMax) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\tconst diff = numValue - numMin;\n\t\t\tif (diff % numStep !== 0) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tthis.value = value;\n\t\t\tthis.govInput.emit({\n\t\t\t\tcomponent: FormRangeClass.root,\n\t\t\t\tvalue: this.value,\n\t\t\t\toriginalEvent: e,\n\t\t\t})\n\t\t}\n\t}\n\n\tprivate onInputHandler(e: InputEvent) {\n\t\tthis.value = (e.target as HTMLInputElement).value;\n\t\te.stopPropagation()\n\t\tthis.govInput.emit({\n\t\t\tcomponent: FormRangeClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormRangeClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormRangeClass.root,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\t/*\n\t Returns the current state of the component\n\t /\n\t@Method()\n\tasync setFocus(options?: FocusOptions): Promise<void> {\n\t\treturn this.inputRef.focus(options)\n\t}\n\n\t/\n\t Sets the ordered value of the element\n\t /\n\t@Method()\n\tasync setValue(value: string): Promise<void> {\n\t\tthis.value = value\n\t}\n\n\t/\n\t Clears input value\n\t /\n\t@Method()\n\tasync clearValue(): Promise<void> {\n\t\tthis.value = \"\"\n\t\tthis.inputRef.value = \"\"\n\t}\n\n\t/\n\t Returns an instance of the native html input element\n\t */\n\t@Method()\n\tasync getRef(): Promise<HTMLInputElement> {\n\t\treturn this.inputRef\n\t}\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"gov-form-range.entry.js","sources":["../../../packages/core/src/components/gov-form/range/constants.ts","../../../packages/core/src/components/gov-form/range/gov-form-range.tsx"],"sourcesContent":["import {pick} from \"../../../utils/utils\";\r\nimport {Sizes} from \"../../../core/constants/sizes\";\r\nimport {ValueOf} from \"../../../types/interfaces\";\r\n\r\nexport const FormRangeSizes = pick(Sizes, ['_S', '_M', '_L'])\r\nexport type FormRangeSizesType = `${ValueOf<typeof FormRangeSizes>}`\r\n\r\nexport const FormRangeClass = {\r\n\troot: 'gov-form-range',\r\n\tfill: 'gov-form-range--fill',\r\n\tinput: 'gov-form-range--input',\r\n}\r\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from '@stencil/core'\r\nimport {FormRangeClass, FormRangeSizes, FormRangeSizesType} from './constants'\r\nimport {GovHost} from \"../../../helpers/Dom/template.types\";\r\nimport {govHost, toBoolAttr, toBoolAttrIfDefined} from \"../../../helpers/Dom/template\";\r\nimport {validateProp} from \"../../../helpers/Validate/props\";\r\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\r\nimport {GovForm} from \"../../../helpers/Dom/form.types\";\r\nimport {govForm} from \"../../../helpers/Dom/form\";\r\nimport {tick} from \"../../../utils/stencil.utils\";\r\nimport {isNumber} from \"../../../utils/helpers.types\";\r\nimport {createID} from \"../../../utils/string.utils\";\r\nimport {FormInputEvent} from \"../input/gov-form-input.types\";\r\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\r\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\r\n\r\n\r\n@Component({\r\n\ttag: 'gov-form-range',\r\n})\r\nexport class GovFormRange {\r\n\tprivate inputRef?: HTMLInputElement\r\n\tprivate outputRef?: HTMLOutputElement\r\n\tprivate fillRef?: HTMLDivElement\r\n\tprivate f: GovForm\r\n\tprivate readonly h: GovHost\r\n\tprivate readonly inputId: string\r\n\tprivate attributeObserver: AttributeObserver\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.f = govForm(this.h)\r\n\t\tthis.inputId = createID(\"GovInput\")\r\n\t}\r\n\r\n\t@Element() host: HTMLGovFormRangeElement\r\n\t/*\r\n\t Range’s size\r\n\t /\r\n\t@Prop() readonly size?: FormRangeSizesType = \"m\"\r\n\t/\r\n\t Value of range\r\n\t /\r\n\t@Prop({reflect: true, mutable: true}) value: string\r\n\t/\r\n\t Custom range identifier\r\n\t /\r\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\r\n\t/\r\n\t Name of the range\r\n\t /\r\n\t@Prop() readonly name: string\r\n\t/\r\n\t Minimum value that is acceptable\r\n\t /\r\n\t@Prop() readonly min?: string \| number\r\n\t/\r\n\t Maximum value that is acceptable\r\n\t /\r\n\t@Prop() readonly max?: string \| number\r\n\t/\r\n\t Defines size of each step\r\n\t /\r\n\t@Prop() readonly step?: string \| number\r\n\t/\r\n\t Show tooltip with current value\r\n\t /\r\n\t@Prop() readonly tooltip?: boolean = false\r\n\t/\r\n\t Show input with current value\r\n\t /\r\n\t@Prop() readonly input?: boolean = false\r\n\t/\r\n\t Links a <datalist/> element to a <input type=\"range\">, providing value markers as guidance for the user\r\n\t /\r\n\t@Prop() readonly listIdentifier?: string\r\n\t/\r\n\t Set whether the range is required or not\r\n\t /\r\n\t@Prop({reflect: true}) readonly required: boolean = false\r\n\t/\r\n\t Indicates the entered value of child form element does conform to the format expected by the application\r\n\t /\r\n\t@Prop({reflect: true}) readonly success: boolean\r\n\t/\r\n\t Indicates the entered value does not conform to the format expected by the application\r\n\t /\r\n\t@Prop({reflect: true}) readonly invalid: boolean\r\n\t/\r\n\t Makes the range component disabled\r\n\t /\r\n\t@Prop({reflect: true}) readonly disabled: boolean = false\r\n\t/\r\n\t Emitted when the input has focus.\r\n\t /\r\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<FormInputEvent>\r\n\t/\r\n\t Emitted when the input loses focus.\r\n\t /\r\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<FormInputEvent>\r\n\t/\r\n\t Emitted when the input change value.\r\n\t /\r\n\t@Event({eventName: \"gov-input\"}) govInput: EventEmitter<FormInputEvent>\r\n\r\n\r\n\t@Watch(\"size\")\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(FormRangeSizes, newValue, FormRangeClass.root)\r\n\t}\r\n\r\n\t@Watch(\"value\")\r\n\twatchValue(): void {\r\n\t\tthis.controlOutputPosition();\r\n\t}\r\n\r\n\t@Watch(\"disabled\")\r\n\t@Watch(\"invalid\")\r\n\t@Watch(\"success\")\r\n\t@Watch(\"size\")\r\n\twatchControlAttrs(): void {\r\n\t\tthis.passControlAttrs()\r\n\t}\r\n\r\n\t@State() inheritedAttributes: Attributes = {}\r\n\r\n\tprivate passControlAttrs() {\r\n\t\tthis.f.passAttrToControl(\"size\", this.size)\r\n\t\tthis.f.passAttrToControl(\"success\", toBoolAttr(this.success))\r\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\r\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\r\n\t}\r\n\r\n\tprivate get getThumbWidth() {\r\n\t\tconst styles = window.getComputedStyle(this.inputRef);\r\n\t\treturn parseFloat(styles.getPropertyValue('--thumb-size')) \|\| 1;\r\n\t}\r\n\r\n\tprivate controlOutputPosition() {\r\n\t\tconst valueInt = +this.value;\r\n\t\tconst min = +this.inputRef.min;\r\n\t\tconst max = +this.inputRef.max;\r\n\r\n\t\tconst thumbWidth = (this.getThumbWidth 16);\r\n\t\tconst rangeWidth = this.inputRef.offsetWidth;\r\n\t\tconst percentage = ((valueInt - min) / (max - min)) * 100;\r\n\r\n\t\tlet tooltipOffset = ((percentage / 100) * (rangeWidth - thumbWidth)) + (thumbWidth / 2);\r\n\r\n\t\tif (this.outputRef) {\r\n\t\t\tthis.outputRef.textContent = this.value;\r\n\t\t\tconst outputWidth = this.outputRef.offsetWidth / 2;\r\n\t\t\tthis.outputRef.style.left = `${tooltipOffset - outputWidth}px`;\r\n\t\t}\r\n\t\tif (this.fillRef) {\r\n\t\t\tthis.fillRef.style.width = `${tooltipOffset}px`\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\r\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\r\n\t\t});\r\n\r\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.validateSize(this.size)\r\n\r\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\r\n\t}\r\n\r\n\tcomponentDidRender() {\r\n\t\tthis.passControlAttrs()\r\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\r\n\t\ttick(this.controlOutputPosition.bind(this))\r\n\t}\r\n\r\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\r\n\t\tthis.host.removeAttribute(attributeName)\r\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\tthis.attributeObserver?.stopObserving();\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={FormRangeClass.root} size={this.size}>\r\n\t\t\t\t{this.h.hasSlot(\"prefix\") && <slot name=\"prefix\"></slot>}\r\n\t\t\t\t<span class=\"element\">\r\n\t\t\t\t\t<input type=\"range\"\r\n\t\t\t\t\t\t ref={el => (this.inputRef = el)}\r\n\t\t\t\t\t\t onInput={this.onInputHandler.bind(this)}\r\n\t\t\t\t\t\t onFocus={this.onFocusHandler.bind(this)}\r\n\t\t\t\t\t\t onBlur={this.onBlurHandler.bind(this)}\r\n\t\t\t\t\t\t id={this.identifier \|\| this.inputId}\r\n\t\t\t\t\t\t name={this.name}\r\n\t\t\t\t\t\t min={this.min}\r\n\t\t\t\t\t\t max={this.max}\r\n\t\t\t\t\t\t step={this.step}\r\n\t\t\t\t\t\t list={this.listIdentifier}\r\n\t\t\t\t\t\t value={this.value}\r\n\t\t\t\t\t\t required={this.required}\r\n\t\t\t\t\t\t disabled={this.disabled}\r\n\t\t\t\t\t\t {...this.inheritedAttributes}\r\n\t\t\t\t\t\t aria-required={toBoolAttrIfDefined(this.required)}\r\n\t\t\t\t\t\t aria-invalid={toBoolAttrIfDefined(this.invalid)}\r\n\t\t\t\t\t\t aria-disabled={toBoolAttrIfDefined(this.disabled)}\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<div class={FormRangeClass.fill} ref={el => (this.fillRef = el)}></div>\r\n\t\t\t\t\t{this.tooltip ?\r\n\t\t\t\t\t\t<output htmlFor={this.name} ref={el => (this.outputRef = el)}>\r\n\t\t\t\t\t\t\t{this.value}\r\n\t\t\t\t\t\t</output>\r\n\t\t\t\t\t\t: null}\r\n\t\t\t\t\t<slot name=\"datalist\"></slot>\r\n\t\t\t\t</span>\r\n\t\t\t\t{this.h.hasSlot(\"sufix\") && <slot name=\"sufix\"></slot>}\r\n\t\t\t\t{this.input ?\r\n\t\t\t\t\t<gov-form-input\r\n\t\t\t\t\t\ton-gov-input={this.onCustomInputHandler.bind(this)}\r\n\t\t\t\t\t\tclass={FormRangeClass.input}\r\n\t\t\t\t\t\tsize={this.size}\r\n\t\t\t\t\t\tvalue={this.value}\r\n\t\t\t\t\t\tdisabled={this.disabled}\r\n\t\t\t\t\t\t{...this.inheritedAttributes}>\r\n\t\t\t\t\t</gov-form-input>\r\n\t\t\t\t\t: null}\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tonCustomInputHandler(e: InputEvent) {\r\n\t\tconst value = (e.target as HTMLInputElement).value;\r\n\t\tif (this.step && isNumber(+this.step)) {\r\n\t\t\tconst numValue = +value;\r\n\t\t\tconst numMin = +this.min;\r\n\t\t\tconst numMax = +this.max;\r\n\t\t\tconst numStep = +this.step;\r\n\r\n\t\t\tif (isNaN(numValue)) {\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\r\n\t\t\tif (numValue < numMin \|\| numValue > numMax) {\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\t\t\tconst diff = numValue - numMin;\r\n\t\t\tif (diff % numStep !== 0) {\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\r\n\t\t\tthis.value = value;\r\n\t\t\tthis.govInput.emit({\r\n\t\t\t\tcomponent: FormRangeClass.root,\r\n\t\t\t\tvalue: this.value,\r\n\t\t\t\toriginalEvent: e,\r\n\t\t\t})\r\n\t\t}\r\n\t}\r\n\r\n\tprivate onInputHandler(e: InputEvent) {\r\n\t\tthis.value = (e.target as HTMLInputElement).value;\r\n\t\te.stopPropagation()\r\n\t\tthis.govInput.emit({\r\n\t\t\tcomponent: FormRangeClass.root,\r\n\t\t\tvalue: this.value,\r\n\t\t\toriginalEvent: e,\r\n\t\t})\r\n\t}\r\n\r\n\tprivate onFocusHandler(e: FocusEvent) {\r\n\t\te.stopPropagation()\r\n\t\tthis.govFocus.emit({\r\n\t\t\tcomponent: FormRangeClass.root,\r\n\t\t\tvalue: this.value,\r\n\t\t\toriginalEvent: e,\r\n\t\t})\r\n\t}\r\n\r\n\tprivate onBlurHandler(e: FocusEvent) {\r\n\t\te.stopPropagation()\r\n\t\tthis.govBlur.emit({\r\n\t\t\tcomponent: FormRangeClass.root,\r\n\t\t\tvalue: this.value,\r\n\t\t\toriginalEvent: e,\r\n\t\t})\r\n\t}\r\n\r\n\t/*\r\n\t Returns the current state of the component\r\n\t /\r\n\t@Method()\r\n\tasync setFocus(options?: FocusOptions): Promise<void> {\r\n\t\treturn this.inputRef.focus(options)\r\n\t}\r\n\r\n\t/\r\n\t Sets the ordered value of the element\r\n\t /\r\n\t@Method()\r\n\tasync setValue(value: string): Promise<void> {\r\n\t\tthis.value = value\r\n\t}\r\n\r\n\t/\r\n\t Clears input value\r\n\t /\r\n\t@Method()\r\n\tasync clearValue(): Promise<void> {\r\n\t\tthis.value = \"\"\r\n\t\tthis.inputRef.value = \"\"\r\n\t}\r\n\r\n\t/\r\n\t Returns an instance of the native html input element\r\n\t */\r\n\t@Method()\r\n\tasync getRef(): Promise<HTMLInputElement> {\r\n\t\treturn this.inputRef\r\n\t}\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/esm/gov-form-search.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-DT2tslUp.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-ClISz4NF.js';
 import { C as Colors } from './colors-U40vKHrs.js';
 import { p as pick } from './utils-CQvUntGY.js';
 import { S as Sizes } from './sizes-BcQO4NH2.js';
@@ -22,7 +22,7 @@ const GovFormSearch = class {
         this.color = 'neutral';
     }
     render() {
-        return (h(Host, { key: '0eaf52ea1460cab6cee82e453a92d24efc9457e1', class: FormSearchClass.root, color: this.color, size: this.size }, h("slot", { key: '79481e7e6ad6fd2b241be41964f513354e42e40c', name: "input" }), h("slot", { key: 'beeebbf1f8eb023aa165bbf0a1b2d84f393dec98', name: "button-erase" }), h("slot", { key: '685e0f84c5ebef1a32b26c4c25f8c9b5d20b254b', name: "button" })));
+        return (h(Host, { key: '71109e2502931ac3b92b4e2e6336c3d08d666fae', class: FormSearchClass.root, color: this.color, size: this.size }, h("slot", { key: '615ea1dab3ebee905d7bc9f1c7b4f0da4e89eee5', name: "input" }), h("slot", { key: 'fa9abfbaee3dedecb4b217cc8681b16557d978bc', name: "button-erase" }), h("slot", { key: '8c2cb29b38de5634b220db526452b9a07873fc29', name: "button" })));
     }
     get host() { return getElement(this); }
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-form-search.entry.js","sources":["../../../packages/core/src/components/gov-form/search/constants.ts","../../../packages/core/src/components/gov-form/search/gov-form-search.tsx"],"sourcesContent":["import { Colors } from '../../../core/constants/colors'\nimport { ValueOf } from '../../../types/interfaces'\nimport { pick } from '../../../utils/utils'\nimport {Sizes} from \"../../../core/constants/sizes\";\n\nexport const FormSearchSizes = pick(Sizes, ['_S', '_M', '_L'])\nexport type FormSearchSizesType = `${ValueOf<typeof FormSearchSizes>}`\n\nexport const FormSearchColors = pick(Colors, ['PRIMARY', 'NEUTRAL'])\nexport type FormSearchColorType = `${ValueOf<typeof FormSearchColors>}`\n\nexport const FormSearchClass = {\n\troot: 'gov-form-search',\n}\n","import {Component, Element, h, Host, Prop} from '@stencil/core'\nimport {FormSearchClass, FormSearchSizesType, FormSearchColorType} from './constants'\n\n@Component({\n\ttag: 'gov-form-search',\n})\nexport class GovFormSearch {\n\t@Element() host: HTMLGovFormSearchElement\n\t/*\n\t Search’s size.\n\t /\n\t@Prop() readonly size?: FormSearchSizesType = \"m\"\n\t/\n\t Style variation of the form input.\n\t */\n\t@Prop({reflect: true}) readonly color: FormSearchColorType = 'neutral'\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={FormSearchClass.root} color={this.color} size={this.size}>\n\t\t\t\t<slot name=\"input\"/>\n\t\t\t\t<slot name=\"button-erase\"/>\n\t\t\t\t<slot name=\"button\"/>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"names":[],"mappings":";;;;;AAK+B,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;AAG7B,IAAI,CAAC,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;AAG5D,MAAM,eAAe,GAAG;AAC9B,IAAA,IAAI,EAAE,iBAAiB;CACvB;;MCPY,aAAa,GAAA,MAAA;AAH1B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAKC;;AAEG;AACc,QAAA,IAAI,CAAA,IAAA,GAAyB,GAAG;AACjD;;AAEG;AAC6B,QAAA,IAAK,CAAA,KAAA,GAAwB,SAAS;AAWtE;IATA,MAAM,GAAA;AACL,QAAA,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,eAAe,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,EACpE,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,OAAO,EAAE,CAAA,EACpB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,cAAc,EAAE,CAAA,EAC3B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAE,CAAA,CACf;;;;;;;"}
1	+ {"version":3,"file":"gov-form-search.entry.js","sources":["../../../packages/core/src/components/gov-form/search/constants.ts","../../../packages/core/src/components/gov-form/search/gov-form-search.tsx"],"sourcesContent":["import { Colors } from '../../../core/constants/colors'\r\nimport { ValueOf } from '../../../types/interfaces'\r\nimport { pick } from '../../../utils/utils'\r\nimport {Sizes} from \"../../../core/constants/sizes\";\r\n\r\nexport const FormSearchSizes = pick(Sizes, ['_S', '_M', '_L'])\r\nexport type FormSearchSizesType = `${ValueOf<typeof FormSearchSizes>}`\r\n\r\nexport const FormSearchColors = pick(Colors, ['PRIMARY', 'NEUTRAL'])\r\nexport type FormSearchColorType = `${ValueOf<typeof FormSearchColors>}`\r\n\r\nexport const FormSearchClass = {\r\n\troot: 'gov-form-search',\r\n}\r\n","import {Component, Element, h, Host, Prop} from '@stencil/core'\r\nimport {FormSearchClass, FormSearchSizesType, FormSearchColorType} from './constants'\r\n\r\n@Component({\r\n\ttag: 'gov-form-search',\r\n})\r\nexport class GovFormSearch {\r\n\t@Element() host: HTMLGovFormSearchElement\r\n\t/*\r\n\t Search’s size.\r\n\t /\r\n\t@Prop() readonly size?: FormSearchSizesType = \"m\"\r\n\t/\r\n\t Style variation of the form input.\r\n\t */\r\n\t@Prop({reflect: true}) readonly color: FormSearchColorType = 'neutral'\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={FormSearchClass.root} color={this.color} size={this.size}>\r\n\t\t\t\t<slot name=\"input\"/>\r\n\t\t\t\t<slot name=\"button-erase\"/>\r\n\t\t\t\t<slot name=\"button\"/>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"names":[],"mappings":";;;;;AAK+B,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;AAG7B,IAAI,CAAC,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;AAG5D,MAAM,eAAe,GAAG;AAC9B,IAAA,IAAI,EAAE,iBAAiB;CACvB;;MCPY,aAAa,GAAA,MAAA;AAH1B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAKC;;AAEG;AACc,QAAA,IAAI,CAAA,IAAA,GAAyB,GAAG;AACjD;;AAEG;AAC6B,QAAA,IAAK,CAAA,KAAA,GAAwB,SAAS;AAWtE;IATA,MAAM,GAAA;AACL,QAAA,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,eAAe,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,EACpE,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,OAAO,EAAE,CAAA,EACpB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,cAAc,EAAE,CAAA,EAC3B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAE,CAAA,CACf;;;;;;;"}

package/dist/esm/gov-form-select.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-DT2tslUp.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ClISz4NF.js';
 import { g as govForm, j as FormSelectClass, k as FormSelectSizes } from './form-DvhJiKwA.js';
-import { g as govHost, a as toBoolAttr, t as toBoolAttrIfDefined } from './template-BBOh2pxy.js';
+import { g as govHost, a as toBoolAttr, t as toBoolAttrIfDefined } from './template-CoD1xawt.js';
 import { v as validateProp } from './props-CJZgTDla.js';
 import { c as createID } from './string.utils-vN03FcXN.js';
 import { p as propsValueToArray } from './array.utils-CJ0U_ONv.js';
@@ -97,10 +97,10 @@ const GovFormSelect = class {
         });
     }
     render() {
-        return (h(Host, { key: '209d5865fd6928823e03ea63773a8c5270e9ad32', class: FormSelectClass.root, size: this.size }, this.h.hasSlot('prefix') && h("slot", { key: '1fbe248e069d10cefc405a341dc4d601f3bc1afd', name: "prefix" }), h("span", { key: '1f250f81b6921a50099fa460493845cacff104de', class: "element" }, h("select", Object.assign({ key: '8ad3b59aa86d4ba926b19cea1f254a6800a50478', id: this.identifier || this.selectId, onFocus: this.onFocusHandler.bind(this), onChange: this.onChangeHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, name: this.name, disabled: this.disabled, ref: el => (this.selectRef = el) }, this.inheritedAttributes, { "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid) }), h("slot", { key: 'a55508d3024ecccf9f78ea4046524b1c54f1f43f' }), Array.isArray(this.optionsState) && this.optionsState.map((option) => {
+        return (h(Host, { key: '784373d222b67be86b39d3ed61bfdf81d9648a36', class: FormSelectClass.root, size: this.size }, this.h.hasSlot('prefix') && h("slot", { key: '23b99e07df8d0d135c93bdd8c14556de4b4a5433', name: "prefix" }), h("span", { key: 'f4c931f58a53db5cc2f8379b2dc6b688bbe84bc8', class: "element" }, h("select", Object.assign({ key: 'e259f55116a12a7b821fac43db61b9ed35457c17', id: this.identifier || this.selectId, onFocus: this.onFocusHandler.bind(this), onChange: this.onChangeHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, name: this.name, disabled: this.disabled, ref: el => (this.selectRef = el) }, this.inheritedAttributes, { "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid) }), h("slot", { key: '223133e692d0c7a4c2c9c4706aee2d447f37c37b' }), Array.isArray(this.optionsState) && this.optionsState.map((option) => {
             var _a;
             return (h("option", { value: option.value, selected: option.value === this.value, disabled: option === null || option === void 0 ? void 0 : option.disabled }, (_a = option.label) !== null && _a !== void 0 ? _a : option.value));
-        })), this.success && h("gov-icon", { key: '8aed7cb4cc3d3dd7ac3b80812ded81674f1af748', class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && h("gov-icon", { key: '95442149ab9cba9e138684577802e32a3adb5836', class: "validation-icon", name: "exclamation-lg", type: "components" }), h("gov-icon", { key: '917481bb56daf82689db8efddc1cf9fd724e47d5', class: "arrow-icon", name: "chevron-down", type: "components" })), this.h.hasSlot('sufix') && h("slot", { key: 'e58a7cb17bfed2046b31f1a2d70832194020963f', name: "sufix" })));
+        })), this.success && h("gov-icon", { key: '97ceacc7ec59f13a9d994dc6df3b58201b5f68ae', class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && h("gov-icon", { key: 'bd9f33ef6da150e5a3f4a5711d41282fe35df49f', class: "validation-icon", name: "exclamation-lg", type: "components" }), h("gov-icon", { key: 'c5ca08441cb8f425a4e310e402d6f208c8a75e15', class: "arrow-icon", name: "chevron-down", type: "components" })), this.h.hasSlot('sufix') && h("slot", { key: 'af16a1bd05ed5d665888cea9a811eee2c0fe5749', name: "sufix" })));
     }
     onFocusHandler(e) {
         this.focused = true;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-form-select.entry.js","sources":["../../../packages/core/src/components/gov-form/select/gov-form-select.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from '@stencil/core'\nimport {govForm} from '../../../helpers/Dom/form'\nimport {GovForm} from '../../../helpers/Dom/form.types'\nimport {govHost, toBoolAttr, toBoolAttrIfDefined} from '../../../helpers/Dom/template'\nimport {GovHost} from '../../../helpers/Dom/template.types'\nimport {validateProp} from '../../../helpers/Validate/props'\nimport {createID} from '../../../utils/string.utils'\nimport {FormSelectClass, FormSelectSizes, FormSelectSizesType,} from './constants'\nimport {FormSelectEvent, FormSelectOption} from './gov-form-select.types'\nimport {propsValueToArray} from \"../../../utils/array.utils\";\nimport {tick} from \"../../../utils/stencil.utils\";\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: 'gov-form-select',\n})\nexport class GovFormSelect {\n\tprivate f: GovForm\n\tprivate readonly h: GovHost\n\tprivate selectRef?: HTMLSelectElement\n\tprivate attributeObserver: AttributeObserver\n\n\tprivate readonly selectId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t\tthis.selectId = createID('GovSelect')\n\t}\n\n\t@Element() host: HTMLGovFormSelectElement\n\t/*\n\t Value of select\n\t /\n\t@Prop({reflect: true, mutable: true}) value: string\n\t/\n\t Options of select\n\t /\n\t@Prop({reflect: true, mutable: true}) options?: string \| FormSelectOption[]\n\t/\n\t Custom select identifier.\n\t /\n\t@Prop({attribute: 'identifier'}) readonly identifier: string\n\t/\n\t Select’s size.\n\t /\n\t@Prop() readonly size?: FormSelectSizesType = 'm'\n\t/\n\t Name of the select.\n\t /\n\t@Prop() readonly name: string\n\t/\n\t Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t /\n\t@Prop() readonly required: boolean = false\n\t/\n\t Indicates the entered value of child form element does conform to the format expected by the application.\n\t /\n\t@Prop({reflect: true}) readonly success: boolean\n\t/\n\t Makes the select component disabled.\n\t * This prevents users from being able to interact with the select, and conveys its inactive state to assistive technologies.\n\t /\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/\n\t Indicates the entered value does not conform to the format expected by the application.\n\t /\n\t@Prop() readonly invalid: boolean\n\t/\n\t Emitted when the select has focus.\n\t /\n\t@Event({eventName: 'gov-focus'}) govFocus: EventEmitter<FormSelectEvent>\n\t/\n\t Emitted when the select loses focus.\n\t /\n\t@Event({eventName: 'gov-blur'}) govBlur: EventEmitter<FormSelectEvent>\n\t/\n\t Emitted when the select change value.\n\t /\n\t@Event({eventName: 'gov-change'}) govChange: EventEmitter<FormSelectEvent>\n\t@State() focused: boolean\n\t@State() optionsState: FormSelectOption[] = []\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormSelectSizes, newValue, FormSelectClass.root)\n\t}\n\n\t@Watch('options')\n\twatchOptions(newValue: string \| FormSelectOption[]): void {\n\t\tthis.optionsState = propsValueToArray(newValue)\n\t}\n\n\t@Watch('disabled')\n\t@Watch('invalid')\n\t@Watch('success')\n\t@Watch('size')\n\twatchControlAttrs(): void {\n\t\tthis.passControlAttrs()\n\t}\n\n\t@Watch('value')\n\twatchValue(): void {\n\t\tthis.markSelectedValue()\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tprivate passControlAttrs() {\n\t\tthis.f.passAttrToControl('size', this.size)\n\t\tthis.f.passAttrToControl('invalid', toBoolAttr(this.invalid))\n\t\tthis.f.passAttrToControl('success', toBoolAttr(this.success))\n\t\tthis.f.passAttrToControl('disabled', toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl('type', 'select')\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\tcomponentWillLoad() {\n\t\tthis.validateSize(this.size)\n\n\t\tthis.markSelectedValue()\n\n\t\tthis.optionsState = propsValueToArray(this.options)\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tasync componentDidRender() {\n\t\tthis.passControlAttrs()\n\t\tthis.f.passAttrToLabel('required', String(this.required))\n\t\ttick(() => this.markSelectedValue())\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 markSelectedValue() {\n\t\tthis.host.querySelectorAll('option').forEach((option: HTMLOptionElement) => {\n\t\t\tif (option.value === this.value) {\n\t\t\t\toption.setAttribute('selected', 'selected')\n\t\t\t} else {\n\t\t\t\toption.removeAttribute('selected')\n\t\t\t}\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={FormSelectClass.root} size={this.size}>\n\t\t\t\t{this.h.hasSlot('prefix') && <slot name=\"prefix\"></slot>}\n\t\t\t\t<span class=\"element\">\n\t\t\t\t\t<select\n\t\t\t\t\t\tid={this.identifier \|\| this.selectId}\n\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t\tonChange={this.onChangeHandler.bind(this)}\n\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tref={el => (this.selectRef = el as HTMLSelectElement)}\n\t\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t{Array.isArray(this.optionsState) && this.optionsState.map((option) => {\n\t\t\t\t\t\t\treturn (<option value={option.value} selected={option.value === this.value}\n\t\t\t\t\t\t\t\t\t\t\tdisabled={option?.disabled}>{option.label ?? option.value}</option>)\n\t\t\t\t\t\t})}\n\t\t\t\t\t</select>\n\t\t\t\t\t{this.success && <gov-icon class=\"validation-icon\" name=\"check-lg\" type=\"components\"></gov-icon>}\n\t\t\t\t\t{this.invalid && <gov-icon class=\"validation-icon\" name=\"exclamation-lg\" type=\"components\"></gov-icon>}\n\t\t\t\t\t<gov-icon class=\"arrow-icon\" name=\"chevron-down\" type=\"components\"></gov-icon>\n\t\t\t\t</span>\n\t\t\t\t{this.h.hasSlot('sufix') && <slot name=\"sufix\"></slot>}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\tthis.focused = true\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormSelectClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tvalue: this.value,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\tthis.focused = false\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormSelectClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tvalue: this.value,\n\t\t})\n\t}\n\n\tprivate onChangeHandler(e: Event) {\n\t\tthis.value = (e.target as HTMLSelectElement).value\n\t\te.stopPropagation()\n\t\tthis.govChange.emit({\n\t\t\tcomponent: FormSelectClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tvalue: this.value,\n\t\t})\n\t}\n\n\t/\n\t Returns the current state of the component\n\t /\n\t@Method()\n\tasync setFocus(options?: FocusOptions): Promise<void> {\n\t\treturn this.selectRef.focus(options)\n\t}\n\n\t/\n\t Returns an instance of the native html select element\n\t */\n\t@Method()\n\tasync getRef(): Promise<HTMLSelectElement> {\n\t\treturn this.selectRef\n\t}\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"gov-form-select.entry.js","sources":["../../../packages/core/src/components/gov-form/select/gov-form-select.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from '@stencil/core'\r\nimport {govForm} from '../../../helpers/Dom/form'\r\nimport {GovForm} from '../../../helpers/Dom/form.types'\r\nimport {govHost, toBoolAttr, toBoolAttrIfDefined} from '../../../helpers/Dom/template'\r\nimport {GovHost} from '../../../helpers/Dom/template.types'\r\nimport {validateProp} from '../../../helpers/Validate/props'\r\nimport {createID} from '../../../utils/string.utils'\r\nimport {FormSelectClass, FormSelectSizes, FormSelectSizesType,} from './constants'\r\nimport {FormSelectEvent, FormSelectOption} from './gov-form-select.types'\r\nimport {propsValueToArray} from \"../../../utils/array.utils\";\r\nimport {tick} from \"../../../utils/stencil.utils\";\r\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\r\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\r\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\r\n\r\n@Component({\r\n\ttag: 'gov-form-select',\r\n})\r\nexport class GovFormSelect {\r\n\tprivate f: GovForm\r\n\tprivate readonly h: GovHost\r\n\tprivate selectRef?: HTMLSelectElement\r\n\tprivate attributeObserver: AttributeObserver\r\n\r\n\tprivate readonly selectId: string\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.f = govForm(this.h)\r\n\t\tthis.selectId = createID('GovSelect')\r\n\t}\r\n\r\n\t@Element() host: HTMLGovFormSelectElement\r\n\t/*\r\n\t Value of select\r\n\t /\r\n\t@Prop({reflect: true, mutable: true}) value: string\r\n\t/\r\n\t Options of select\r\n\t /\r\n\t@Prop({reflect: true, mutable: true}) options?: string \| FormSelectOption[]\r\n\t/\r\n\t Custom select identifier.\r\n\t /\r\n\t@Prop({attribute: 'identifier'}) readonly identifier: string\r\n\t/\r\n\t Select’s size.\r\n\t /\r\n\t@Prop() readonly size?: FormSelectSizesType = 'm'\r\n\t/\r\n\t Name of the select.\r\n\t /\r\n\t@Prop() readonly name: string\r\n\t/\r\n\t Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\r\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\r\n\t /\r\n\t@Prop() readonly required: boolean = false\r\n\t/\r\n\t Indicates the entered value of child form element does conform to the format expected by the application.\r\n\t /\r\n\t@Prop({reflect: true}) readonly success: boolean\r\n\t/\r\n\t Makes the select component disabled.\r\n\t * This prevents users from being able to interact with the select, and conveys its inactive state to assistive technologies.\r\n\t /\r\n\t@Prop({reflect: true}) readonly disabled: boolean = false\r\n\t/\r\n\t Indicates the entered value does not conform to the format expected by the application.\r\n\t /\r\n\t@Prop() readonly invalid: boolean\r\n\t/\r\n\t Emitted when the select has focus.\r\n\t /\r\n\t@Event({eventName: 'gov-focus'}) govFocus: EventEmitter<FormSelectEvent>\r\n\t/\r\n\t Emitted when the select loses focus.\r\n\t /\r\n\t@Event({eventName: 'gov-blur'}) govBlur: EventEmitter<FormSelectEvent>\r\n\t/\r\n\t Emitted when the select change value.\r\n\t /\r\n\t@Event({eventName: 'gov-change'}) govChange: EventEmitter<FormSelectEvent>\r\n\t@State() focused: boolean\r\n\t@State() optionsState: FormSelectOption[] = []\r\n\r\n\t@Watch('size')\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(FormSelectSizes, newValue, FormSelectClass.root)\r\n\t}\r\n\r\n\t@Watch('options')\r\n\twatchOptions(newValue: string \| FormSelectOption[]): void {\r\n\t\tthis.optionsState = propsValueToArray(newValue)\r\n\t}\r\n\r\n\t@Watch('disabled')\r\n\t@Watch('invalid')\r\n\t@Watch('success')\r\n\t@Watch('size')\r\n\twatchControlAttrs(): void {\r\n\t\tthis.passControlAttrs()\r\n\t}\r\n\r\n\t@Watch('value')\r\n\twatchValue(): void {\r\n\t\tthis.markSelectedValue()\r\n\t}\r\n\r\n\t@State() inheritedAttributes: Attributes = {}\r\n\r\n\tprivate passControlAttrs() {\r\n\t\tthis.f.passAttrToControl('size', this.size)\r\n\t\tthis.f.passAttrToControl('invalid', toBoolAttr(this.invalid))\r\n\t\tthis.f.passAttrToControl('success', toBoolAttr(this.success))\r\n\t\tthis.f.passAttrToControl('disabled', toBoolAttr(this.disabled))\r\n\t\tthis.f.passAttrToControl('type', 'select')\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\r\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\r\n\t\t});\r\n\r\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\tthis.attributeObserver?.stopObserving();\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.validateSize(this.size)\r\n\r\n\t\tthis.markSelectedValue()\r\n\r\n\t\tthis.optionsState = propsValueToArray(this.options)\r\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\r\n\t}\r\n\r\n\tasync componentDidRender() {\r\n\t\tthis.passControlAttrs()\r\n\t\tthis.f.passAttrToLabel('required', String(this.required))\r\n\t\ttick(() => this.markSelectedValue())\r\n\t}\r\n\r\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\r\n\t\tthis.host.removeAttribute(attributeName)\r\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\r\n\t}\r\n\r\n\tprivate markSelectedValue() {\r\n\t\tthis.host.querySelectorAll('option').forEach((option: HTMLOptionElement) => {\r\n\t\t\tif (option.value === this.value) {\r\n\t\t\t\toption.setAttribute('selected', 'selected')\r\n\t\t\t} else {\r\n\t\t\t\toption.removeAttribute('selected')\r\n\t\t\t}\r\n\t\t})\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={FormSelectClass.root} size={this.size}>\r\n\t\t\t\t{this.h.hasSlot('prefix') && <slot name=\"prefix\"></slot>}\r\n\t\t\t\t<span class=\"element\">\r\n\t\t\t\t\t<select\r\n\t\t\t\t\t\tid={this.identifier \|\| this.selectId}\r\n\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\r\n\t\t\t\t\t\tonChange={this.onChangeHandler.bind(this)}\r\n\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\r\n\t\t\t\t\t\trequired={this.required}\r\n\t\t\t\t\t\tname={this.name}\r\n\t\t\t\t\t\tdisabled={this.disabled}\r\n\t\t\t\t\t\tref={el => (this.selectRef = el as HTMLSelectElement)}\r\n\t\t\t\t\t\t{...this.inheritedAttributes}\r\n\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\r\n\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\r\n\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<slot />\r\n\t\t\t\t\t\t{Array.isArray(this.optionsState) && this.optionsState.map((option) => {\r\n\t\t\t\t\t\t\treturn (<option value={option.value} selected={option.value === this.value}\r\n\t\t\t\t\t\t\t\t\t\t\tdisabled={option?.disabled}>{option.label ?? option.value}</option>)\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t\t</select>\r\n\t\t\t\t\t{this.success && <gov-icon class=\"validation-icon\" name=\"check-lg\" type=\"components\"></gov-icon>}\r\n\t\t\t\t\t{this.invalid && <gov-icon class=\"validation-icon\" name=\"exclamation-lg\" type=\"components\"></gov-icon>}\r\n\t\t\t\t\t<gov-icon class=\"arrow-icon\" name=\"chevron-down\" type=\"components\"></gov-icon>\r\n\t\t\t\t</span>\r\n\t\t\t\t{this.h.hasSlot('sufix') && <slot name=\"sufix\"></slot>}\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tprivate onFocusHandler(e: FocusEvent) {\r\n\t\tthis.focused = true\r\n\t\tthis.govFocus.emit({\r\n\t\t\tcomponent: FormSelectClass.root,\r\n\t\t\toriginalEvent: e,\r\n\t\t\tvalue: this.value,\r\n\t\t})\r\n\t}\r\n\r\n\tprivate onBlurHandler(e: FocusEvent) {\r\n\t\tthis.focused = false\r\n\t\tthis.govBlur.emit({\r\n\t\t\tcomponent: FormSelectClass.root,\r\n\t\t\toriginalEvent: e,\r\n\t\t\tvalue: this.value,\r\n\t\t})\r\n\t}\r\n\r\n\tprivate onChangeHandler(e: Event) {\r\n\t\tthis.value = (e.target as HTMLSelectElement).value\r\n\t\te.stopPropagation()\r\n\t\tthis.govChange.emit({\r\n\t\t\tcomponent: FormSelectClass.root,\r\n\t\t\toriginalEvent: e,\r\n\t\t\tvalue: this.value,\r\n\t\t})\r\n\t}\r\n\r\n\t/\r\n\t Returns the current state of the component\r\n\t /\r\n\t@Method()\r\n\tasync setFocus(options?: FocusOptions): Promise<void> {\r\n\t\treturn this.selectRef.focus(options)\r\n\t}\r\n\r\n\t/\r\n\t Returns an instance of the native html select element\r\n\t */\r\n\t@Method()\r\n\tasync getRef(): Promise<HTMLSelectElement> {\r\n\t\treturn this.selectRef\r\n\t}\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/esm/gov-form-switch.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-DT2tslUp.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ClISz4NF.js';
 import { c as createID } from './string.utils-vN03FcXN.js';
 import { v as validateProp } from './props-CJZgTDla.js';
 import { g as govForm, h as FormSwitchClass, i as FormSwitchSizes } from './form-DvhJiKwA.js';
-import { g as govHost, a as toBoolAttr, t as toBoolAttrIfDefined } from './template-BBOh2pxy.js';
+import { g as govHost, a as toBoolAttr, t as toBoolAttrIfDefined } from './template-CoD1xawt.js';
 import { F as Fragment } from './Fragment-5itQzbON.js';
 import { A as AttributeObserver, a as ariaAttributes } from './attribute-Bz_RzYFb.js';
 import { i as inheritAriaAttributes } from './accessibility-wqNV8djF.js';

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

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-form-switch.entry.js","sources":["../../../packages/core/src/components/gov-form/switch/gov-form-switch.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {createID} from \"../../../utils/string.utils\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {FormSwitchClass, FormSwitchSizes, FormSwitchSizesType} from \"./constants\"\nimport {govHost, toBoolAttr, toBoolAttrIfDefined} from \"../../../helpers/Dom/template\"\nimport {GovForm} from \"../../../helpers/Dom/form.types\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {govForm} from \"../../../helpers/Dom/form\"\nimport Fragment from \"../../../helpers/Fragment\"\nimport {FormSwitchEvent} from \"./gov-form-switch.types\"\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: \"gov-form-switch\",\n})\nexport class GovFormSwitch {\n\tprivate readonly h: GovHost\n\tprivate f: GovForm\n\tprivate inputRef?: HTMLInputElement\n\tprivate attributeObserver: AttributeObserver\n\n\tprivate readonly checkboxId: string\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.checkboxId = createID(\"GovCheckbox\")\n\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormSwitchElement\n\t/*\n\t Value of switch\n\t /\n\t@Prop() readonly value: string\n\t/\n\t When you can't use the form label.\n\t /\n\t@Prop({attribute: \"no-label\"}) readonly noLabel: boolean = false\n\t/\n\t Switch button state\n\t /\n\t@Prop({reflect: true, mutable: true}) checked = false\n\t/\n\t Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t /\n\t@Prop() readonly required: boolean = false\n\t/\n\t Makes the switch component disabled.\n\t /\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/\n\t Name of the switch.\n\t /\n\t@Prop() readonly name: string\n\t/\n\t Switch's size.\n\t /\n\t@Prop({reflect: true}) readonly size?: FormSwitchSizesType = \"m\"\n\t/\n\t Custom switch identifier.\n\t /\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/\n\t Indicates the entered value does not conform to the format expected by the application.\n\t /\n\t@Prop() readonly invalid: boolean\n\t/\n\t Emitted when the switch has focus.\n\t /\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<FormSwitchEvent>\n\t/\n\t Emitted when the switch loses focus.\n\t /\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<FormSwitchEvent>\n\t/\n\t Emitted when the switch change value.\n\t /\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormSwitchEvent>\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormSwitchSizes, newValue, FormSwitchClass.root)\n\t}\n\n\t@Watch(\"disabled\")\n\t@Watch(\"invalid\")\n\t@Watch(\"size\")\n\twatchDisabled(): void {\n\t\tthis.passControlAttrs()\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tprivate passControlAttrs() {\n\t\tthis.f.passAttrToControl(\"size\", this.size)\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl(\"type\", \"switch\")\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.passControlAttrs()\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tasync componentDidRender() {\n\t\tthis.f.passAttrToLabel(\"identifier\", this.identifier \|\| this.checkboxId)\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\n\t\tthis.passControlAttrs()\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 wrapSwitch = (children) => {\n\t\t\tif (this.noLabel) {\n\t\t\t\treturn (\n\t\t\t\t\t<label class={FormSwitchClass.label}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</label>\n\t\t\t\t)\n\t\t\t}\n\t\t\treturn children\n\t\t}\n\n\t\tconst noLabelSlot = !this.host.querySelector('[slot=\"label\"]');\n\t\tconst hostClasses = `${this.h.classes(FormSwitchClass.root)}${noLabelSlot ? ` ${FormSwitchClass.noLabel}` : ''}`;\n\n\t\treturn (\n\t\t\t<Host class={hostClasses} hydrated={this.hydrated} checked={this.checked}\n\t\t\t\t size={this.size} invalid={toBoolAttrIfDefined(this.invalid)}>\n\t\t\t\t{wrapSwitch(\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclass={FormSwitchClass.input}\n\t\t\t\t\t\t\tid={this.identifier \|\| this.checkboxId}\n\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\t\t\tonChange={this.onChangeHandler.bind(this)}\n\t\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t\t\tref={el => (this.inputRef = el as HTMLInputElement)}\n\t\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\t\t\taria-checked={this.checked}\n\t\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<span class={FormSwitchClass.indicator}>\n\t\t\t\t\t\t\t\t{this.checked && <gov-icon name=\"check-lg\" type=\"components\"></gov-icon>}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<slot name=\"label\"></slot>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</Fragment>,\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onClickHandler(e: Event) {\n\t\te.stopPropagation()\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormSwitchClass.root,\n\t\t\tchecked: this.checked,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormSwitchClass.root,\n\t\t\tchecked: this.checked,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onChangeHandler(e: Event) {\n\t\tthis.checked = (e.target as HTMLInputElement).checked\n\t\te.stopPropagation()\n\t\tthis.govChange.emit({\n\t\t\tcomponent: FormSwitchClass.root,\n\t\t\tchecked: this.checked,\n\t\t\tvalue: this.value,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\t/\n\t Returns the reference of the native element\n\t */\n\t@Method()\n\tasync getRef(): Promise<HTMLInputElement> {\n\t\treturn this.inputRef\n\t}\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"gov-form-switch.entry.js","sources":["../../../packages/core/src/components/gov-form/switch/gov-form-switch.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\r\nimport {createID} from \"../../../utils/string.utils\"\r\nimport {validateProp} from \"../../../helpers/Validate/props\"\r\nimport {FormSwitchClass, FormSwitchSizes, FormSwitchSizesType} from \"./constants\"\r\nimport {govHost, toBoolAttr, toBoolAttrIfDefined} from \"../../../helpers/Dom/template\"\r\nimport {GovForm} from \"../../../helpers/Dom/form.types\"\r\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\r\nimport {govForm} from \"../../../helpers/Dom/form\"\r\nimport Fragment from \"../../../helpers/Fragment\"\r\nimport {FormSwitchEvent} from \"./gov-form-switch.types\"\r\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\r\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\r\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\r\n\r\n@Component({\r\n\ttag: \"gov-form-switch\",\r\n})\r\nexport class GovFormSwitch {\r\n\tprivate readonly h: GovHost\r\n\tprivate f: GovForm\r\n\tprivate inputRef?: HTMLInputElement\r\n\tprivate attributeObserver: AttributeObserver\r\n\r\n\tprivate readonly checkboxId: string\r\n\tprivate hydrated = false\r\n\r\n\tconstructor() {\r\n\t\tthis.checkboxId = createID(\"GovCheckbox\")\r\n\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.f = govForm(this.h)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovFormSwitchElement\r\n\t/*\r\n\t Value of switch\r\n\t /\r\n\t@Prop() readonly value: string\r\n\t/\r\n\t When you can't use the form label.\r\n\t /\r\n\t@Prop({attribute: \"no-label\"}) readonly noLabel: boolean = false\r\n\t/\r\n\t Switch button state\r\n\t /\r\n\t@Prop({reflect: true, mutable: true}) checked = false\r\n\t/\r\n\t Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\r\n\t /\r\n\t@Prop() readonly required: boolean = false\r\n\t/\r\n\t Makes the switch component disabled.\r\n\t /\r\n\t@Prop({reflect: true}) readonly disabled: boolean = false\r\n\t/\r\n\t Name of the switch.\r\n\t /\r\n\t@Prop() readonly name: string\r\n\t/\r\n\t Switch's size.\r\n\t /\r\n\t@Prop({reflect: true}) readonly size?: FormSwitchSizesType = \"m\"\r\n\t/\r\n\t Custom switch identifier.\r\n\t /\r\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\r\n\t/\r\n\t Indicates the entered value does not conform to the format expected by the application.\r\n\t /\r\n\t@Prop() readonly invalid: boolean\r\n\t/\r\n\t Emitted when the switch has focus.\r\n\t /\r\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<FormSwitchEvent>\r\n\t/\r\n\t Emitted when the switch loses focus.\r\n\t /\r\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<FormSwitchEvent>\r\n\t/\r\n\t Emitted when the switch change value.\r\n\t /\r\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormSwitchEvent>\r\n\r\n\t@Watch(\"size\")\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(FormSwitchSizes, newValue, FormSwitchClass.root)\r\n\t}\r\n\r\n\t@Watch(\"disabled\")\r\n\t@Watch(\"invalid\")\r\n\t@Watch(\"size\")\r\n\twatchDisabled(): void {\r\n\t\tthis.passControlAttrs()\r\n\t}\r\n\r\n\t@State() inheritedAttributes: Attributes = {}\r\n\r\n\tprivate passControlAttrs() {\r\n\t\tthis.f.passAttrToControl(\"size\", this.size)\r\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\r\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\r\n\t\tthis.f.passAttrToControl(\"type\", \"switch\")\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\r\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\r\n\t\t});\r\n\r\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.passControlAttrs()\r\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\tthis.attributeObserver?.stopObserving();\r\n\t}\r\n\r\n\tasync componentDidRender() {\r\n\t\tthis.f.passAttrToLabel(\"identifier\", this.identifier \|\| this.checkboxId)\r\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\r\n\t\tthis.passControlAttrs()\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.hydrated = true\r\n\t}\r\n\r\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\r\n\t\tthis.host.removeAttribute(attributeName)\r\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst wrapSwitch = (children) => {\r\n\t\t\tif (this.noLabel) {\r\n\t\t\t\treturn (\r\n\t\t\t\t\t<label class={FormSwitchClass.label}>\r\n\t\t\t\t\t\t{children}\r\n\t\t\t\t\t</label>\r\n\t\t\t\t)\r\n\t\t\t}\r\n\t\t\treturn children\r\n\t\t}\r\n\r\n\t\tconst noLabelSlot = !this.host.querySelector('[slot=\"label\"]');\r\n\t\tconst hostClasses = `${this.h.classes(FormSwitchClass.root)}${noLabelSlot ? ` ${FormSwitchClass.noLabel}` : ''}`;\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={hostClasses} hydrated={this.hydrated} checked={this.checked}\r\n\t\t\t\t size={this.size} invalid={toBoolAttrIfDefined(this.invalid)}>\r\n\t\t\t\t{wrapSwitch(\r\n\t\t\t\t\t<Fragment>\r\n\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\tclass={FormSwitchClass.input}\r\n\t\t\t\t\t\t\tid={this.identifier \|\| this.checkboxId}\r\n\t\t\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\t\t\tvalue={this.value}\r\n\t\t\t\t\t\t\tname={this.name}\r\n\t\t\t\t\t\t\tdisabled={this.disabled}\r\n\t\t\t\t\t\t\tchecked={this.checked}\r\n\t\t\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\r\n\t\t\t\t\t\t\tonChange={this.onChangeHandler.bind(this)}\r\n\t\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\r\n\t\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\r\n\t\t\t\t\t\t\tref={el => (this.inputRef = el as HTMLInputElement)}\r\n\t\t\t\t\t\t\trequired={this.required}\r\n\t\t\t\t\t\t\t{...this.inheritedAttributes}\r\n\t\t\t\t\t\t\taria-checked={this.checked}\r\n\t\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\r\n\t\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\r\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t<span class={FormSwitchClass.indicator}>\r\n\t\t\t\t\t\t\t\t{this.checked && <gov-icon name=\"check-lg\" type=\"components\"></gov-icon>}\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t<slot name=\"label\"></slot>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</Fragment>,\r\n\t\t\t\t)}\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tprivate onClickHandler(e: Event) {\r\n\t\te.stopPropagation()\r\n\t}\r\n\r\n\tprivate onFocusHandler(e: FocusEvent) {\r\n\t\te.stopPropagation()\r\n\t\tthis.govFocus.emit({\r\n\t\t\tcomponent: FormSwitchClass.root,\r\n\t\t\tchecked: this.checked,\r\n\t\t\tvalue: this.value,\r\n\t\t\toriginalEvent: e,\r\n\t\t})\r\n\t}\r\n\r\n\tprivate onBlurHandler(e: FocusEvent) {\r\n\t\te.stopPropagation()\r\n\t\tthis.govBlur.emit({\r\n\t\t\tcomponent: FormSwitchClass.root,\r\n\t\t\tchecked: this.checked,\r\n\t\t\tvalue: this.value,\r\n\t\t\toriginalEvent: e,\r\n\t\t})\r\n\t}\r\n\r\n\tprivate onChangeHandler(e: Event) {\r\n\t\tthis.checked = (e.target as HTMLInputElement).checked\r\n\t\te.stopPropagation()\r\n\t\tthis.govChange.emit({\r\n\t\t\tcomponent: FormSwitchClass.root,\r\n\t\t\tchecked: this.checked,\r\n\t\t\tvalue: this.value,\r\n\t\t\toriginalEvent: e,\r\n\t\t})\r\n\t}\r\n\r\n\t/\r\n\t Returns the reference of the native element\r\n\t */\r\n\t@Method()\r\n\tasync getRef(): Promise<HTMLInputElement> {\r\n\t\treturn this.inputRef\r\n\t}\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/esm/gov-grid-item.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-DT2tslUp.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-ClISz4NF.js';
 import { a as GridItemClass } from './constants-BiWo5BNa.js';
-import { g as govHost } from './template-BBOh2pxy.js';
+import { g as govHost } from './template-CoD1xawt.js';
 import './sizes-BcQO4NH2.js';
 const GovGridItem = class {
@@ -17,7 +17,7 @@ const GovGridItem = class {
         this.h = govHost(this.host);
     }
     render() {
-        return (h(Host, { key: '0c2d26293ed16bc14937027e056cb1f43e997cdd', class: this.h.classes(GridItemClass.root), role: "listitem" }, h("slot", { key: 'c4817953375997bd6d1a361145a2bf19452ad563' })));
+        return (h(Host, { key: 'f0bd487f13430180ee5ba1ea47b42a96c792a844', class: this.h.classes(GridItemClass.root), role: "listitem" }, h("slot", { key: '31abf23d589818b1f8ca2d7adf527619d470739f' })));
     }
     get host() { return getElement(this); }
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-grid-item.entry.js","sources":["../../../packages/core/src/components/gov-grid/gov-grid-item.tsx"],"sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core'\nimport { GridItemClass } from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-grid-item',\n})\nexport class GovGridItem {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovGridItemElement\n\t/*\n\t Cell size as a fraction of 1/12 of the grid size\n\t /\n\t@Prop({ attribute: 'col-span' }) readonly column: string = \"12\";\n\t/\n\t Cell size for SM media query and up as a fraction of 12 of the grid size\n\t /\n\t@Prop({ attribute: 'col-span-sm' }) readonly columnSm?: string\n\t/\n\t Cell size for MD media query and up as a fraction of 12 of the grid size\n\t /\n\t@Prop({ attribute: 'col-span-md' }) readonly columnMd?: string\n\t/\n\t Cell size for LG media query and up as a fraction of 12 of the grid size\n\t /\n\t@Prop({ attribute: 'col-span-lg' }) readonly columnLg?: string\n\t/\n\t Cell size for XL media query and up as a fraction of 12 of the grid size\n\t /\n\t@Prop({ attribute: 'col-span-xl' }) readonly columnXl?: string\n\t/\n\t Connects rows in the grid\n\t /\n\t@Prop({ attribute: 'row-span' }) readonly row: string = \"1\";\n\t/\n\t Cell size for SM media query and up as a fraction of 12 of the grid size\n\t /\n\t@Prop({ attribute: 'row-span-sm' }) readonly rowSm?: string\n\t/\n\t Cell size for MD media query and up as a fraction of 12 of the grid size\n\t /\n\t@Prop({ attribute: 'row-span-md' }) readonly rowMd?: string\n\t/\n\t Cell size for LG media query and up as a fraction of 12 of the grid size\n\t /\n\t@Prop({ attribute: 'row-span-lg' }) readonly rowLg?: string\n\t/\n\t Cell size for XL media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'row-span-xl' }) readonly rowXl?: string\n\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes(GridItemClass.root)}\n\t\t\t\trole=\"listitem\"\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"names":[],"mappings":";;;;;MAQa,WAAW,GAAA,MAAA;AAGvB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAKA;;AAEG;AACuC,QAAA,IAAM,CAAA,MAAA,GAAW,IAAI;AAiB/D;;AAEG;AACuC,QAAA,IAAG,CAAA,GAAA,GAAW,GAAG;QA3B1D,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;IA6CD,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,qDACJ,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,EACzC,IAAI,EAAC,UAAU,EAAA,EAEf,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;"}
1	+ {"version":3,"file":"gov-grid-item.entry.js","sources":["../../../packages/core/src/components/gov-grid/gov-grid-item.tsx"],"sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core'\r\nimport { GridItemClass } from './constants'\r\nimport { govHost } from '../../helpers/Dom/template'\r\nimport { GovHost } from '../../helpers/Dom/template.types'\r\n\r\n@Component({\r\n\ttag: 'gov-grid-item',\r\n})\r\nexport class GovGridItem {\r\n\tprivate h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() readonly host: HTMLGovGridItemElement\r\n\t/*\r\n\t Cell size as a fraction of 1/12 of the grid size\r\n\t /\r\n\t@Prop({ attribute: 'col-span' }) readonly column: string = \"12\";\r\n\t/\r\n\t Cell size for SM media query and up as a fraction of 12 of the grid size\r\n\t /\r\n\t@Prop({ attribute: 'col-span-sm' }) readonly columnSm?: string\r\n\t/\r\n\t Cell size for MD media query and up as a fraction of 12 of the grid size\r\n\t /\r\n\t@Prop({ attribute: 'col-span-md' }) readonly columnMd?: string\r\n\t/\r\n\t Cell size for LG media query and up as a fraction of 12 of the grid size\r\n\t /\r\n\t@Prop({ attribute: 'col-span-lg' }) readonly columnLg?: string\r\n\t/\r\n\t Cell size for XL media query and up as a fraction of 12 of the grid size\r\n\t /\r\n\t@Prop({ attribute: 'col-span-xl' }) readonly columnXl?: string\r\n\t/\r\n\t Connects rows in the grid\r\n\t /\r\n\t@Prop({ attribute: 'row-span' }) readonly row: string = \"1\";\r\n\t/\r\n\t Cell size for SM media query and up as a fraction of 12 of the grid size\r\n\t /\r\n\t@Prop({ attribute: 'row-span-sm' }) readonly rowSm?: string\r\n\t/\r\n\t Cell size for MD media query and up as a fraction of 12 of the grid size\r\n\t /\r\n\t@Prop({ attribute: 'row-span-md' }) readonly rowMd?: string\r\n\t/\r\n\t Cell size for LG media query and up as a fraction of 12 of the grid size\r\n\t /\r\n\t@Prop({ attribute: 'row-span-lg' }) readonly rowLg?: string\r\n\t/\r\n\t Cell size for XL media query and up as a fraction of 12 of the grid size\r\n\t */\r\n\t@Prop({ attribute: 'row-span-xl' }) readonly rowXl?: string\r\n\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tclass={this.h.classes(GridItemClass.root)}\r\n\t\t\t\trole=\"listitem\"\r\n\t\t\t>\r\n\t\t\t\t<slot />\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"names":[],"mappings":";;;;;MAQa,WAAW,GAAA,MAAA;AAGvB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAKA;;AAEG;AACuC,QAAA,IAAM,CAAA,MAAA,GAAW,IAAI;AAiB/D;;AAEG;AACuC,QAAA,IAAG,CAAA,GAAA,GAAW,GAAG;QA3B1D,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;IA6CD,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,qDACJ,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,EACzC,IAAI,EAAC,UAAU,EAAA,EAEf,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;"}

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-DT2tslUp.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-ClISz4NF.js';
 import { G as GridClass } from './constants-BiWo5BNa.js';
-import { g as govHost } from './template-BBOh2pxy.js';
+import { g as govHost } from './template-CoD1xawt.js';
 import './sizes-BcQO4NH2.js';
 const GovGrid = class {
@@ -9,7 +9,7 @@ const GovGrid = class {
         this.h = govHost(this.host);
     }
     render() {
-        return (h(Host, { key: '18d145fce4ae449e277684f8b0274ed60b759568', class: this.h.classes(GridClass.root), role: "list" }, h("slot", { key: 'a37b3c0533fe8ef2fa5513e9c489f5b98247d4de' })));
+        return (h(Host, { key: 'c3ab0c523d11db70b02a8abb75f18199a5a0e5a2', class: this.h.classes(GridClass.root), role: "list" }, h("slot", { key: '98eac108759934ee4dd5b008e988a5761e642b27' })));
     }
     get host() { return getElement(this); }
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-grid.entry.js","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"],"names":[],"mappings":";;;;;MAQa,OAAO,GAAA,MAAA;AAGnB,IAAA,WAAA,CAAA,OAAA,EAAA;;QACC,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;IAmBD,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,MAAM,EAAA,EACvD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACP;;;;;;;"}
1	+ {"version":3,"file":"gov-grid.entry.js","sources":["../../../packages/core/src/components/gov-grid/gov-grid.tsx"],"sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core'\r\nimport { GridClass, GridSizesType } from './constants'\r\nimport { govHost } from '../../helpers/Dom/template'\r\nimport { GovHost } from '../../helpers/Dom/template.types'\r\n\r\n@Component({\r\n\ttag: 'gov-grid',\r\n})\r\nexport class GovGrid {\r\n\tprivate h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovGridElement\r\n\r\n\t/*\r\n\t Horizontal align of cells\r\n\t /\r\n\t@Prop({ attribute: 'align-items', reflect: true }) alignItems?: 'start' \| 'center' \| 'end' \| 'stretch';\r\n\r\n\t/\r\n\t Vertical align of cells\r\n\t /\r\n\t@Prop({ attribute: 'justify-items', reflect: true }) justifyItems?: 'start' \| 'center' \| 'end' \| 'stretch';\r\n\r\n\t/\r\n\t The gap property creates consistent spacing between flex items in the container.\r\n\t */\r\n\t@Prop({ attribute: 'gap', reflect: true }) gap?: GridSizesType;\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(GridClass.root)} role=\"list\">\r\n\t\t\t\t<slot></slot>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"names":[],"mappings":";;;;;MAQa,OAAO,GAAA,MAAA;AAGnB,IAAA,WAAA,CAAA,OAAA,EAAA;;QACC,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;IAmBD,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,MAAM,EAAA,EACvD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACP;;;;;;;"}

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-DT2tslUp.js';
-import { g as govHost, a as toBoolAttr } from './template-BBOh2pxy.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ClISz4NF.js';
+import { g as govHost, a as toBoolAttr } from './template-CoD1xawt.js';
 import { F as Fragment } from './Fragment-5itQzbON.js';
 import { v as validateProp } from './props-CJZgTDla.js';
 import { C as Colors } from './colors-U40vKHrs.js';
@@ -80,8 +80,8 @@ const GovInfobar = class {
         this.hydrated = true;
     }
     render() {
-        const closeButton = (h("gov-button", { key: '725f2b43b343cf280f1d17f2e4ea585f76459e4a', size: "s", "aria-label": this.accessibleCloseLabel, type: "base", color: this.isBold ? this.color : "neutral", "on-gov-click": this.onCloseHandler.bind(this), class: InfobarClass.close }, h("gov-icon", { key: 'a152c21f78f34765419c772bd74d3deeac89a193', name: "x-lg", type: "components" })));
-        return (h(Host, { key: 'ea3760a93c20997a2c9807395346782854ca2b14', class: this.h.classes(InfobarClass.root), color: this.color, type: this.type, hydrated: this.hydrated }, h("section", Object.assign({ key: 'ed8c013c901f3cf42bec8be0f006056ae4d0925a', class: InfobarClass.section }, this.inheritedAttributes, { role: this.role }), this.h.hasSlot("icon") && (h("span", { key: '4a04033e6f01219508a7d2bb2dce964d87ebd2e8' }, h("slot", { key: '513dfdc3bc75b60fe522cb78fb8b3a69de82606f', name: "icon" }))), h("div", { key: '1bb7ed8940cef2f981857eec96de6b998b2791d8', class: InfobarClass.content }, this.h.hasSlot('headline') ? (h(Fragment, null, h("div", { class: InfobarClass.headline }, h("slot", { name: "headline" }), h("gov-button", { size: "s", type: "base", color: this.isBold ? this.color : "neutral", "aria-label": this.accessibleToggleLabel, "on-gov-click": () => (this.toggleContent = !this.toggleContent) }, h("gov-icon", { name: this.toggleContent ? 'chevron-up' : 'chevron-down', type: "components" }))), h("div", { hidden: !this.toggleContent, "aria-hidden": toBoolAttr(this.toggleContent) }, h("slot", null)))) : (h("slot", null))), this.closable && closeButton)));
+        const closeButton = (h("gov-button", { key: 'aaaf43a5b48ccded5f30061b7b6dfd09da11e970', size: "s", "aria-label": this.accessibleCloseLabel, type: "base", color: this.isBold ? this.color : "neutral", "on-gov-click": this.onCloseHandler.bind(this), class: InfobarClass.close }, h("gov-icon", { key: '3f4f5c3b15842ff258035badfbf9286dacdba8b5', name: "x-lg", type: "components" })));
+        return (h(Host, { key: '7d52bcf1a541c5c536755a16e13dd66209d7ba98', class: this.h.classes(InfobarClass.root), color: this.color, type: this.type, hydrated: this.hydrated }, h("section", Object.assign({ key: 'e52815b07de6e3fae05bb4429ab925300fde0a50', class: InfobarClass.section }, this.inheritedAttributes, { role: this.role }), this.h.hasSlot("icon") && (h("span", { key: 'd1424933f1f122693d45803eb500aff8c7b45dd7' }, h("slot", { key: '94ab048d5e2e506773402a55d399f3c315307153', name: "icon" }))), h("div", { key: 'b59bbe4b7516d0b4e96e19618613d9e82551cd39', class: InfobarClass.content }, this.h.hasSlot('headline') ? (h(Fragment, null, h("div", { class: InfobarClass.headline }, h("slot", { name: "headline" }), h("gov-button", { size: "s", type: "base", color: this.isBold ? this.color : "neutral", "aria-label": this.accessibleToggleLabel, "on-gov-click": () => (this.toggleContent = !this.toggleContent) }, h("gov-icon", { name: this.toggleContent ? 'chevron-up' : 'chevron-down', type: "components" }))), h("div", { hidden: !this.toggleContent, "aria-hidden": toBoolAttr(this.toggleContent) }, h("slot", null)))) : (h("slot", null))), this.closable && closeButton)));
     }
     onCloseHandler(e) {
         this.govClose.emit({

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

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-infobar.entry.js","sources":["../../../packages/core/src/components/gov-infobar/constants.ts","../../../packages/core/src/components/gov-infobar/gov-infobar.tsx"],"sourcesContent":["import { Colors } from '../../core/constants/colors'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const InfobarColors = pick(Colors, ['PRIMARY', 'SECONDARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING'])\nexport type ColorType = `${ValueOf<typeof InfobarColors>}`\n\nexport enum InfobarType {\n\tBOLD = 'bold',\n\tSUBTLE = 'subtle',\n}\nexport type InfobarTypesType = `${ValueOf<typeof InfobarType>}`\n\nexport const InfobarClass = {\n\troot: 'gov-infobar',\n\tsection: 'gov-infobar__section',\n\tcontent: 'gov-infobar__content',\n\theadline: 'gov-infobar__headline',\n\tclose: 'gov-infobar__close',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch} from '@stencil/core'\nimport {govHost, toBoolAttr} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport Fragment from '../../helpers/Fragment'\nimport {validateProp} from '../../helpers/Validate/props'\nimport {ButtonEvent} from '../gov-button/button/gov-button.types'\nimport {ColorType, InfobarClass, InfobarColors, InfobarTypesType} from './constants'\nimport {InfobarEvent} from './gov-infobar.types'\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: 'gov-infobar',\n})\nexport class GovInfobar {\n\tprivate h: GovHost\n\tprivate attributeObserver: AttributeObserver\n\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovInfobarElement\n\n\t/*\n\t Style variation of the button.\n\t /\n\t@Prop() readonly color: ColorType = 'primary'\n\t/\n\t Infobar appearance\n\t /\n\t@Prop() readonly type?: InfobarTypesType = \"bold\"\n\t/\n\t Style variation of the button.\n\t /\n\t@Prop() readonly role: HTMLElement['role'] = undefined\n\t/\n\t Aria label for the closing button. It is mandatory if the infobar is closable\n\t /\n\t@Prop({attribute: 'accessible-close-label'}) readonly accessibleCloseLabel: string = 'Zavřít informační lištu'\n\t/\n\t Aria label for the toggle button. It is mandatory if the infobar has headline\n\t /\n\t@Prop({attribute: 'accessible-toggle-label'}) readonly accessibleToggleLabel: string = 'Zobrazit více informací'\n\t/\n\t Called when the close button is clicked\n\t /\n\t@Event({eventName: 'gov-close'}) govClose: EventEmitter<InfobarEvent>\n\t/\n\t Displays the option to close the infobar\n\t */\n\t@Prop() readonly closable?: boolean = false\n\n\t@State() toggleContent = false\n\t@State() inheritedAttributes: Attributes = {}\n\n\t@Watch('color')\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(InfobarColors, newValue, InfobarClass.root)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\tconst closeButton = (\n\t\t\t<gov-button size=\"s\"\n\t\t\t\t\t\taria-label={this.accessibleCloseLabel}\n\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\tcolor={this.isBold ? this.color : \"neutral\"}\n\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\t\tclass={InfobarClass.close}>\n\t\t\t\t<gov-icon name=\"x-lg\" type=\"components\"></gov-icon>\n\t\t\t</gov-button>\n\t\t)\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(InfobarClass.root)} color={this.color} type={this.type} hydrated={this.hydrated}>\n\t\t\t\t<section class={InfobarClass.section} {...this.inheritedAttributes} role={this.role}>\n\t\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\t\t\t\t\t<div class={InfobarClass.content}>\n\t\t\t\t\t\t{this.h.hasSlot('headline') ? (\n\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t<div class={InfobarClass.headline}>\n\t\t\t\t\t\t\t\t\t<slot name={\"headline\"}/>\n\t\t\t\t\t\t\t\t\t<gov-button\n\t\t\t\t\t\t\t\t\t\tsize=\"s\"\n\t\t\t\t\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\t\t\t\t\tcolor={this.isBold ? this.color : \"neutral\"}\n\t\t\t\t\t\t\t\t\t\taria-label={this.accessibleToggleLabel}\n\t\t\t\t\t\t\t\t\t\ton-gov-click={() => (this.toggleContent = !this.toggleContent)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<gov-icon name={this.toggleContent ? 'chevron-up' : 'chevron-down'} type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div hidden={!this.toggleContent} aria-hidden={toBoolAttr(this.toggleContent)}>\n\t\t\t\t\t\t\t\t\t<slot/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<slot/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t{this.closable && closeButton}\n\t\t\t\t</section>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tonCloseHandler(e: CustomEvent<ButtonEvent>) {\n\t\tthis.govClose.emit({\n\t\t\tcomponent: InfobarClass.root,\n\t\t\tref: this.host,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tget isBold(): boolean {\n\t\treturn this.type === \"bold\"\n\t}\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"gov-infobar.entry.js","sources":["../../../packages/core/src/components/gov-infobar/constants.ts","../../../packages/core/src/components/gov-infobar/gov-infobar.tsx"],"sourcesContent":["import { Colors } from '../../core/constants/colors'\r\nimport { pick } from '../../utils/utils'\r\nimport { ValueOf } from '../../types/interfaces'\r\n\r\nexport const InfobarColors = pick(Colors, ['PRIMARY', 'SECONDARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING'])\r\nexport type ColorType = `${ValueOf<typeof InfobarColors>}`\r\n\r\nexport enum InfobarType {\r\n\tBOLD = 'bold',\r\n\tSUBTLE = 'subtle',\r\n}\r\nexport type InfobarTypesType = `${ValueOf<typeof InfobarType>}`\r\n\r\nexport const InfobarClass = {\r\n\troot: 'gov-infobar',\r\n\tsection: 'gov-infobar__section',\r\n\tcontent: 'gov-infobar__content',\r\n\theadline: 'gov-infobar__headline',\r\n\tclose: 'gov-infobar__close',\r\n}\r\n","import {Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch} from '@stencil/core'\r\nimport {govHost, toBoolAttr} from '../../helpers/Dom/template'\r\nimport {GovHost} from '../../helpers/Dom/template.types'\r\nimport Fragment from '../../helpers/Fragment'\r\nimport {validateProp} from '../../helpers/Validate/props'\r\nimport {ButtonEvent} from '../gov-button/button/gov-button.types'\r\nimport {ColorType, InfobarClass, InfobarColors, InfobarTypesType} from './constants'\r\nimport {InfobarEvent} from './gov-infobar.types'\r\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\r\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\r\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\r\n\r\n@Component({\r\n\ttag: 'gov-infobar',\r\n})\r\nexport class GovInfobar {\r\n\tprivate h: GovHost\r\n\tprivate attributeObserver: AttributeObserver\r\n\r\n\tprivate hydrated = false\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovInfobarElement\r\n\r\n\t/*\r\n\t Style variation of the button.\r\n\t /\r\n\t@Prop() readonly color: ColorType = 'primary'\r\n\t/\r\n\t Infobar appearance\r\n\t /\r\n\t@Prop() readonly type?: InfobarTypesType = \"bold\"\r\n\t/\r\n\t Style variation of the button.\r\n\t /\r\n\t@Prop() readonly role: HTMLElement['role'] = undefined\r\n\t/\r\n\t Aria label for the closing button. It is mandatory if the infobar is closable\r\n\t /\r\n\t@Prop({attribute: 'accessible-close-label'}) readonly accessibleCloseLabel: string = 'Zavřít informační lištu'\r\n\t/\r\n\t Aria label for the toggle button. It is mandatory if the infobar has headline\r\n\t /\r\n\t@Prop({attribute: 'accessible-toggle-label'}) readonly accessibleToggleLabel: string = 'Zobrazit více informací'\r\n\t/\r\n\t Called when the close button is clicked\r\n\t /\r\n\t@Event({eventName: 'gov-close'}) govClose: EventEmitter<InfobarEvent>\r\n\t/\r\n\t Displays the option to close the infobar\r\n\t */\r\n\t@Prop() readonly closable?: boolean = false\r\n\r\n\t@State() toggleContent = false\r\n\t@State() inheritedAttributes: Attributes = {}\r\n\r\n\t@Watch('color')\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(InfobarColors, newValue, InfobarClass.root)\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\r\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\r\n\t\t});\r\n\r\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateColor(this.color)\r\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\tthis.attributeObserver?.stopObserving();\r\n\t}\r\n\r\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\r\n\t\tthis.host.removeAttribute(attributeName)\r\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tthis.hydrated = true\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst closeButton = (\r\n\t\t\t<gov-button size=\"s\"\r\n\t\t\t\t\t\taria-label={this.accessibleCloseLabel}\r\n\t\t\t\t\t\ttype=\"base\"\r\n\t\t\t\t\t\tcolor={this.isBold ? this.color : \"neutral\"}\r\n\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\r\n\t\t\t\t\t\tclass={InfobarClass.close}>\r\n\t\t\t\t<gov-icon name=\"x-lg\" type=\"components\"></gov-icon>\r\n\t\t\t</gov-button>\r\n\t\t)\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(InfobarClass.root)} color={this.color} type={this.type} hydrated={this.hydrated}>\r\n\t\t\t\t<section class={InfobarClass.section} {...this.inheritedAttributes} role={this.role}>\r\n\t\t\t\t\t{this.h.hasSlot(\"icon\") && (\r\n\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t<slot name=\"icon\"/>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t<div class={InfobarClass.content}>\r\n\t\t\t\t\t\t{this.h.hasSlot('headline') ? (\r\n\t\t\t\t\t\t\t<Fragment>\r\n\t\t\t\t\t\t\t\t<div class={InfobarClass.headline}>\r\n\t\t\t\t\t\t\t\t\t<slot name={\"headline\"}/>\r\n\t\t\t\t\t\t\t\t\t<gov-button\r\n\t\t\t\t\t\t\t\t\t\tsize=\"s\"\r\n\t\t\t\t\t\t\t\t\t\ttype=\"base\"\r\n\t\t\t\t\t\t\t\t\t\tcolor={this.isBold ? this.color : \"neutral\"}\r\n\t\t\t\t\t\t\t\t\t\taria-label={this.accessibleToggleLabel}\r\n\t\t\t\t\t\t\t\t\t\ton-gov-click={() => (this.toggleContent = !this.toggleContent)}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t<gov-icon name={this.toggleContent ? 'chevron-up' : 'chevron-down'} type=\"components\"></gov-icon>\r\n\t\t\t\t\t\t\t\t\t</gov-button>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div hidden={!this.toggleContent} aria-hidden={toBoolAttr(this.toggleContent)}>\r\n\t\t\t\t\t\t\t\t\t<slot/>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</Fragment>\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t<slot/>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t{this.closable && closeButton}\r\n\t\t\t\t</section>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tonCloseHandler(e: CustomEvent<ButtonEvent>) {\r\n\t\tthis.govClose.emit({\r\n\t\t\tcomponent: InfobarClass.root,\r\n\t\t\tref: this.host,\r\n\t\t\toriginalEvent: e,\r\n\t\t})\r\n\t}\r\n\r\n\tget isBold(): boolean {\r\n\t\treturn this.type === \"bold\"\r\n\t}\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/esm/gov-layout-column.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-DT2tslUp.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-ClISz4NF.js';
 import { a as LayoutColumnClass } from './constants-Q99QrOoi.js';
-import { g as govHost } from './template-BBOh2pxy.js';
+import { g as govHost } from './template-CoD1xawt.js';
 const GovLayoutColumn = class {
     constructor(hostRef) {
@@ -8,7 +8,7 @@ const GovLayoutColumn = class {
         this.h = govHost(this.host);
     }
     render() {
-        return (h(Host, { key: '397a057c9e14fa21904f79a2c0b0c006476d53a4', class: this.h.classes(LayoutColumnClass.root) }, h("slot", { key: '29373dc179d00e3e3f34ae4da070815d04d1a355' })));
+        return (h(Host, { key: '31bb2635262a61c69776cce49de189302c53b5fa', class: this.h.classes(LayoutColumnClass.root) }, h("slot", { key: '99244dabacca9f48252bc506e26ae57b0f6f93bb' })));
     }
     get host() { return getElement(this); }
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-layout-column.entry.js","sources":["../../../packages/core/src/components/gov-layout/gov-layout-column.tsx"],"sourcesContent":["import { Component, Element, h, Host } from '@stencil/core'\nimport { LayoutColumnClass } from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-layout-column',\n})\nexport class GovLayoutColumn {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovLayoutColumnElement\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(LayoutColumnClass.root)}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"names":[],"mappings":";;;;MAQa,eAAe,GAAA,MAAA;AAG3B,IAAA,WAAA,CAAA,OAAA,EAAA;;QACC,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;IAID,MAAM,GAAA;AACL,QAAA,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAA,EAClD,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;"}
1	+ {"version":3,"file":"gov-layout-column.entry.js","sources":["../../../packages/core/src/components/gov-layout/gov-layout-column.tsx"],"sourcesContent":["import { Component, Element, h, Host } from '@stencil/core'\r\nimport { LayoutColumnClass } from './constants'\r\nimport { govHost } from '../../helpers/Dom/template'\r\nimport { GovHost } from '../../helpers/Dom/template.types'\r\n\r\n@Component({\r\n\ttag: 'gov-layout-column',\r\n})\r\nexport class GovLayoutColumn {\r\n\tprivate h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() readonly host: HTMLGovLayoutColumnElement\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(LayoutColumnClass.root)}>\r\n\t\t\t\t<slot />\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"names":[],"mappings":";;;;MAQa,eAAe,GAAA,MAAA;AAG3B,IAAA,WAAA,CAAA,OAAA,EAAA;;QACC,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;IAID,MAAM,GAAA;AACL,QAAA,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAA,EAClD,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;"}

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-DT2tslUp.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-ClISz4NF.js';
 import { L as LayoutClass } from './constants-Q99QrOoi.js';
-import { g as govHost } from './template-BBOh2pxy.js';
+import { g as govHost } from './template-CoD1xawt.js';
 const GovLayout = class {
     constructor(hostRef) {
@@ -22,7 +22,7 @@ const GovLayout = class {
         return originalClass + ' ' + originalClass + isType + isVariant + isInverse;
     }
     render() {
-        return (h(Host, { key: 'e1c3d46c89a466366190d86e9cf6e9890b9f53c8', type: this.type, class: this.h.classes(LayoutClass.root) }, h("section", { key: '0e7d98f4f001f66a4a43aecf50070bf3cf166fd9', class: this.typeClass(LayoutClass.section, this.type, this.variant, this.inverse) }, h("slot", { key: '3cd4ca9c4d9020d4315484b0581efb09354806ef' }))));
+        return (h(Host, { key: '1a034fd2efc16f8ec93aa5a7d482b30674b14cc4', type: this.type, class: this.h.classes(LayoutClass.root) }, h("section", { key: 'af904b136b68d778d5c687e654a4172a8c08fc92', class: this.typeClass(LayoutClass.section, this.type, this.variant, this.inverse) }, h("slot", { key: 'b867248fdb072fc3999406d6113bdc435cce78fc' }))));
     }
     get host() { return getElement(this); }
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-layout.entry.js","sources":["../../../packages/core/src/components/gov-layout/gov-layout.tsx"],"sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core'\nimport { LayoutClass, LayoutType, LayoutVariantType } from './constants'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { govHost } from '../../helpers/Dom/template'\n\n@Component({\n\ttag: 'gov-layout',\n})\nexport class GovLayout {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovLayoutElement\n\t/*\n\t Layout type\n\t /\n\t@Prop() readonly type?: LayoutType = 'stretch'\n\t/\n\t Layout align\n\t /\n\t@Prop() readonly variant?: LayoutVariantType\n\t/\n\t Determine if component should have inverse column order\n\t */\n\t@Prop() readonly inverse: boolean = false\n\n\tprivate typeClass(originalClass: string, type: string, variant: string, inverse: boolean) {\n\t\tconst isType = type ? '-' + type : ''\n\t\tconst isVariant = variant ? '-' + variant : ''\n\t\tconst isInverse = inverse ? '-inverse' : ''\n\t\treturn originalClass + ' ' + originalClass + isType + isVariant + isInverse\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host type={this.type} class={this.h.classes(LayoutClass.root)}>\n\t\t\t\t<section class={this.typeClass(LayoutClass.section, this.type, this.variant, this.inverse)}>\n\t\t\t\t\t<slot />\n\t\t\t\t</section>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"names":[],"mappings":";;;;MAQa,SAAS,GAAA,MAAA;AAGrB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAKA;;AAEG;AACc,QAAA,IAAI,CAAA,IAAA,GAAgB,SAAS;AAK9C;;AAEG;AACc,QAAA,IAAO,CAAA,OAAA,GAAY,KAAK;QAfxC,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAgBO,IAAA,SAAS,CAAC,aAAqB,EAAE,IAAY,EAAE,OAAe,EAAE,OAAgB,EAAA;AACvF,QAAA,MAAM,MAAM,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,EAAE;AACrC,QAAA,MAAM,SAAS,GAAG,OAAO,GAAG,GAAG,GAAG,OAAO,GAAG,EAAE;QAC9C,MAAM,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,EAAE;QAC3C,OAAO,aAAa,GAAG,GAAG,GAAG,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS;;IAG5E,MAAM,GAAA;AACL,QAAA,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,EAAA,EAC7D,CAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,EAAA,EACzF,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACC,CACJ;;;;;;;"}
1	+ {"version":3,"file":"gov-layout.entry.js","sources":["../../../packages/core/src/components/gov-layout/gov-layout.tsx"],"sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core'\r\nimport { LayoutClass, LayoutType, LayoutVariantType } from './constants'\r\nimport { GovHost } from '../../helpers/Dom/template.types'\r\nimport { govHost } from '../../helpers/Dom/template'\r\n\r\n@Component({\r\n\ttag: 'gov-layout',\r\n})\r\nexport class GovLayout {\r\n\tprivate h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovLayoutElement\r\n\t/*\r\n\t Layout type\r\n\t /\r\n\t@Prop() readonly type?: LayoutType = 'stretch'\r\n\t/\r\n\t Layout align\r\n\t /\r\n\t@Prop() readonly variant?: LayoutVariantType\r\n\t/\r\n\t Determine if component should have inverse column order\r\n\t */\r\n\t@Prop() readonly inverse: boolean = false\r\n\r\n\tprivate typeClass(originalClass: string, type: string, variant: string, inverse: boolean) {\r\n\t\tconst isType = type ? '-' + type : ''\r\n\t\tconst isVariant = variant ? '-' + variant : ''\r\n\t\tconst isInverse = inverse ? '-inverse' : ''\r\n\t\treturn originalClass + ' ' + originalClass + isType + isVariant + isInverse\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host type={this.type} class={this.h.classes(LayoutClass.root)}>\r\n\t\t\t\t<section class={this.typeClass(LayoutClass.section, this.type, this.variant, this.inverse)}>\r\n\t\t\t\t\t<slot />\r\n\t\t\t\t</section>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"names":[],"mappings":";;;;MAQa,SAAS,GAAA,MAAA;AAGrB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAKA;;AAEG;AACc,QAAA,IAAI,CAAA,IAAA,GAAgB,SAAS;AAK9C;;AAEG;AACc,QAAA,IAAO,CAAA,OAAA,GAAY,KAAK;QAfxC,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC3B;AAgBO,IAAA,SAAS,CAAC,aAAqB,EAAE,IAAY,EAAE,OAAe,EAAE,OAAgB,EAAA;AACvF,QAAA,MAAM,MAAM,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,EAAE;AACrC,QAAA,MAAM,SAAS,GAAG,OAAO,GAAG,GAAG,GAAG,OAAO,GAAG,EAAE;QAC9C,MAAM,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,EAAE;QAC3C,OAAO,aAAa,GAAG,GAAG,GAAG,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS;;IAG5E,MAAM,GAAA;AACL,QAAA,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,EAAA,EAC7D,CAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,EAAA,EACzF,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACC,CACJ;;;;;;;"}

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-DT2tslUp.js';
+import { r as registerInstance, h, H as Host } from './index-ClISz4NF.js';
 import { a as chr4 } from './string.utils-vN03FcXN.js';
 const GovLifecycle = class {
@@ -34,7 +34,7 @@ const GovLifecycle = class {
         console.log('componentDidUpdate', this.uniqueId);
     }
     render() {
-        return (h(Host, { key: 'c5189d0afc68fc5d1149184eec3a02b57170689a', identifier: this.uniqueId }, h("span", { key: 'cc6fbd61e6f7ba9cd4373bec00c128501e6df319' }, "lifecycle ", this.uniqueId)));
+        return (h(Host, { key: '5764a6d1dd18127a3b71f9a9a5bfac9116b94d1e', identifier: this.uniqueId }, h("span", { key: 'd5ae2d686dcc55523aa9a0ea500aff9e4de4fb3f' }, "lifecycle ", this.uniqueId)));
     }
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"gov-lifecycle.entry.js","sources":["../../../packages/core/src/components/gov-lifecycle-tester/gov-lifecycle-tester.tsx"],"sourcesContent":["import {Component, h, Host} from '@stencil/core';\nimport {chr4} from \"../../utils/string.utils\";\n\n@Component({\n\ttag: 'gov-lifecycle',\n})\nexport class GovLifecycle {\n\tprivate readonly uniqueId: string;\n\n\tconstructor() {\n\t\tthis.uniqueId = 'lifecycle-' + chr4();\n\t}\n\n\tconnectedCallback() {\n\t\tconsole.log('connectedCallback', this.uniqueId);\n\t}\n\n\tdisconnectedCallback() {\n\t\tconsole.log('disconnectedCallback', this.uniqueId);\n\t}\n\n\tcomponentWillLoad() {\n\t\tconsole.log('componentWillLoad', this.uniqueId);\n\t}\n\n\tcomponentDidLoad() {\n\t\tconsole.log('componentDidLoad', this.uniqueId);\n\t}\n\n\tcomponentShouldUpdate() {\n\t\tconsole.log('componentShouldUpdate', this.uniqueId);\n\t}\n\n\tcomponentWillRender() {\n\t\tconsole.log('componentWillRender', this.uniqueId);\n\t}\n\n\tcomponentDidRender() {\n\t\tconsole.log('componentDidRender', this.uniqueId);\n\t}\n\n\tcomponentWillUpdate() {\n\t\tconsole.log('componentWillUpdate', this.uniqueId);\n\t}\n\n\tcomponentDidUpdate() {\n\t\tconsole.log('componentDidUpdate', this.uniqueId);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host identifier={this.uniqueId}>\n\t\t\t\t<span>lifecycle {this.uniqueId}</span>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;;MAMa,YAAY,GAAA,MAAA;AAGxB,IAAA,WAAA,CAAA,OAAA,EAAA;;AACC,QAAA,IAAI,CAAC,QAAQ,GAAG,YAAY,GAAG,IAAI,EAAE;AACrC;IAED,iBAAiB,GAAA;QAChB,OAAO,CAAC,GAAG,CAAC,mBAAmB,EAAE,IAAI,CAAC,QAAQ,CAAC;;IAGhD,oBAAoB,GAAA;QACnB,OAAO,CAAC,GAAG,CAAC,sBAAsB,EAAE,IAAI,CAAC,QAAQ,CAAC;;IAGnD,iBAAiB,GAAA;QAChB,OAAO,CAAC,GAAG,CAAC,mBAAmB,EAAE,IAAI,CAAC,QAAQ,CAAC;;IAGhD,gBAAgB,GAAA;QACf,OAAO,CAAC,GAAG,CAAC,kBAAkB,EAAE,IAAI,CAAC,QAAQ,CAAC;;IAG/C,qBAAqB,GAAA;QACpB,OAAO,CAAC,GAAG,CAAC,uBAAuB,EAAE,IAAI,CAAC,QAAQ,CAAC;;IAGpD,mBAAmB,GAAA;QAClB,OAAO,CAAC,GAAG,CAAC,qBAAqB,EAAE,IAAI,CAAC,QAAQ,CAAC;;IAGlD,kBAAkB,GAAA;QACjB,OAAO,CAAC,GAAG,CAAC,oBAAoB,EAAE,IAAI,CAAC,QAAQ,CAAC;;IAGjD,mBAAmB,GAAA;QAClB,OAAO,CAAC,GAAG,CAAC,qBAAqB,EAAE,IAAI,CAAC,QAAQ,CAAC;;IAGlD,kBAAkB,GAAA;QACjB,OAAO,CAAC,GAAG,CAAC,oBAAoB,EAAE,IAAI,CAAC,QAAQ,CAAC;;IAGjD,MAAM,GAAA;AACL,QAAA,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,EAAA,EAC9B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,gBAAiB,IAAI,CAAC,QAAQ,CAAQ,CAChC;;;;;;"}
1	+ {"version":3,"file":"gov-lifecycle.entry.js","sources":["../../../packages/core/src/components/gov-lifecycle-tester/gov-lifecycle-tester.tsx"],"sourcesContent":["import {Component, h, Host} from '@stencil/core';\r\nimport {chr4} from \"../../utils/string.utils\";\r\n\r\n@Component({\r\n\ttag: 'gov-lifecycle',\r\n})\r\nexport class GovLifecycle {\r\n\tprivate readonly uniqueId: string;\r\n\r\n\tconstructor() {\r\n\t\tthis.uniqueId = 'lifecycle-' + chr4();\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tconsole.log('connectedCallback', this.uniqueId);\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\tconsole.log('disconnectedCallback', this.uniqueId);\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tconsole.log('componentWillLoad', this.uniqueId);\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tconsole.log('componentDidLoad', this.uniqueId);\r\n\t}\r\n\r\n\tcomponentShouldUpdate() {\r\n\t\tconsole.log('componentShouldUpdate', this.uniqueId);\r\n\t}\r\n\r\n\tcomponentWillRender() {\r\n\t\tconsole.log('componentWillRender', this.uniqueId);\r\n\t}\r\n\r\n\tcomponentDidRender() {\r\n\t\tconsole.log('componentDidRender', this.uniqueId);\r\n\t}\r\n\r\n\tcomponentWillUpdate() {\r\n\t\tconsole.log('componentWillUpdate', this.uniqueId);\r\n\t}\r\n\r\n\tcomponentDidUpdate() {\r\n\t\tconsole.log('componentDidUpdate', this.uniqueId);\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host identifier={this.uniqueId}>\r\n\t\t\t\t<span>lifecycle {this.uniqueId}</span>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"names":[],"mappings":";;;MAMa,YAAY,GAAA,MAAA;AAGxB,IAAA,WAAA,CAAA,OAAA,EAAA;;AACC,QAAA,IAAI,CAAC,QAAQ,GAAG,YAAY,GAAG,IAAI,EAAE;AACrC;IAED,iBAAiB,GAAA;QAChB,OAAO,CAAC,GAAG,CAAC,mBAAmB,EAAE,IAAI,CAAC,QAAQ,CAAC;;IAGhD,oBAAoB,GAAA;QACnB,OAAO,CAAC,GAAG,CAAC,sBAAsB,EAAE,IAAI,CAAC,QAAQ,CAAC;;IAGnD,iBAAiB,GAAA;QAChB,OAAO,CAAC,GAAG,CAAC,mBAAmB,EAAE,IAAI,CAAC,QAAQ,CAAC;;IAGhD,gBAAgB,GAAA;QACf,OAAO,CAAC,GAAG,CAAC,kBAAkB,EAAE,IAAI,CAAC,QAAQ,CAAC;;IAG/C,qBAAqB,GAAA;QACpB,OAAO,CAAC,GAAG,CAAC,uBAAuB,EAAE,IAAI,CAAC,QAAQ,CAAC;;IAGpD,mBAAmB,GAAA;QAClB,OAAO,CAAC,GAAG,CAAC,qBAAqB,EAAE,IAAI,CAAC,QAAQ,CAAC;;IAGlD,kBAAkB,GAAA;QACjB,OAAO,CAAC,GAAG,CAAC,oBAAoB,EAAE,IAAI,CAAC,QAAQ,CAAC;;IAGjD,mBAAmB,GAAA;QAClB,OAAO,CAAC,GAAG,CAAC,qBAAqB,EAAE,IAAI,CAAC,QAAQ,CAAC;;IAGlD,kBAAkB,GAAA;QACjB,OAAO,CAAC,GAAG,CAAC,oBAAoB,EAAE,IAAI,CAAC,QAAQ,CAAC;;IAGjD,MAAM,GAAA;AACL,QAAA,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,EAAA,EAC9B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,gBAAiB,IAAI,CAAC,QAAQ,CAAQ,CAChC;;;;;;"}

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-DT2tslUp.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-ClISz4NF.js';
 import { p as pick } from './utils-CQvUntGY.js';
 import { S as Sizes } from './sizes-BcQO4NH2.js';
-import { g as govHost } from './template-BBOh2pxy.js';
+import { g as govHost } from './template-CoD1xawt.js';
 import { v as validateProp } from './props-CJZgTDla.js';
 import { i as inheritAriaAttributes } from './accessibility-wqNV8djF.js';
 import './gov.log-BtqD9K8d.js';
@@ -43,7 +43,7 @@ const GovLink = class {
         this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
     }
     render() {
-        return (h(Host, { key: 'd1b6a1956e244525bc1776d9aee22ff9b47add0c', class: this.h.classes(LinkClass.root), size: this.size, href: this.href, external: this.external, truncate: this.truncate }, h("a", Object.assign({ key: '89f7d438ed43946d1f3c9db5e891986217592794', class: "element", href: this.href, target: this.external ? '_blank' : this.target, rel: this.external ? "noreferrer" : null }, this.inheritedAttributes), h("slot", { key: 'a0a36a90d0defb8cce2504f38636adcc79ef88c3', name: "icon-start" }), h("span", { key: '4c161cef2c8f9819e45c00663cef9ebbfebc5d1d' }, h("slot", { key: '2f75a358caf4530ac137f432bba0ff60af17643e' })), h("slot", { key: '99c005f455a510e220c0f3f64759f441272618ad', name: "icon-end" }), this.external && h("gov-icon", { key: 'b11aca08fdf2266d4f2a60ce202fce6152ab0b88', name: "box-arrow-up-right", type: "components", size: this.size, class: LinkClass.external }))));
+        return (h(Host, { key: '87da124a14ecd5515767b8583a98c8a24ea6b21b', class: this.h.classes(LinkClass.root), size: this.size, href: this.href, external: this.external, truncate: this.truncate }, h("a", Object.assign({ key: '7e9b80a7eb6527214cea32a1a6b2dfa7bdba56a9', class: "element", href: this.href, target: this.external ? '_blank' : this.target, rel: this.external ? "noreferrer" : null }, this.inheritedAttributes), h("slot", { key: '0620fa97529d8966460cd664ff4285719954ca26', name: "icon-start" }), h("span", { key: 'fc56fe240cda4ab1dde314deac56937fa9d53717' }, h("slot", { key: 'fdb01c25b213ee2c093136ff86a9f3d56a0b12ca' })), h("slot", { key: '1d077305b248a77e6b6730c32d5136ce4a9b2858', name: "icon-end" }), this.external && h("gov-icon", { key: 'c9d155610f0cbd4ddf1fd1945b8da78357ba2767', name: "box-arrow-up-right", type: "components", size: this.size, class: LinkClass.external }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {