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

package/dist/components/gov-form-range.js.map

@@ -1 +1 @@
-{"version":3,"names":["FormRangeSizes","pick","Sizes","FormRangeClass","root","fill","input","GovFormRange","__stencil_proxyCustomElement","HTMLElement","constructor","this","size","tooltip","required","disabled","inheritedAttributes","h","govHost","host","f","govForm","inputId","createID","validateSize","newValue","validateProp","watchValue","controlOutputPosition","watchControlAttrs","passControlAttrs","passAttrToControl","toBoolAttr","success","invalid","getThumbWidth","styles","window","getComputedStyle","inputRef","parseFloat","getPropertyValue","valueInt","value","min","max","thumbWidth","rangeWidth","offsetWidth","percentage","tooltipOffset","outputRef","textContent","outputWidth","style","left","fillRef","width","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","inheritAriaAttributes","componentDidRender","passAttrToLabel","String","tick","bind","removeAttribute","Object","assign","disconnectedCallback","_a","stopObserving","render","Host","key","class","hasSlot","name","type","ref","el","onInput","onInputHandler","onFocus","onFocusHandler","onBlur","onBlurHandler","id","identifier","step","list","listIdentifier","toBoolAttrIfDefined","htmlFor","onCustomInputHandler","e","target","isNumber","numValue","numMin","numMax","numStep","isNaN","diff","govInput","emit","component","originalEvent","stopPropagation","govFocus","govBlur","setFocus","options","focus","setValue","clearValue","getRef"],"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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["FormRangeSizes","pick","Sizes","FormRangeClass","root","fill","input","GovFormRange","__stencil_proxyCustomElement","HTMLElement","constructor","this","size","tooltip","required","disabled","inheritedAttributes","h","govHost","host","f","govForm","inputId","createID","validateSize","newValue","validateProp","watchValue","controlOutputPosition","watchControlAttrs","passControlAttrs","passAttrToControl","toBoolAttr","success","invalid","getThumbWidth","styles","window","getComputedStyle","inputRef","parseFloat","getPropertyValue","valueInt","value","min","max","thumbWidth","rangeWidth","offsetWidth","percentage","tooltipOffset","outputRef","textContent","outputWidth","style","left","fillRef","width","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","inheritAriaAttributes","componentDidRender","passAttrToLabel","String","tick","bind","removeAttribute","Object","assign","disconnectedCallback","_a","stopObserving","render","Host","key","class","hasSlot","name","type","ref","el","onInput","onInputHandler","onFocus","onFocusHandler","onBlur","onBlurHandler","id","identifier","step","list","listIdentifier","toBoolAttrIfDefined","htmlFor","onCustomInputHandler","e","target","isNumber","numValue","numMin","numMax","numStep","isNaN","diff","govInput","emit","component","originalEvent","stopPropagation","govFocus","govBlur","setFocus","options","focus","setValue","clearValue","getRef"],"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"],"mappings":"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","ignoreList":[]}

package/dist/components/gov-form-search.js

@@ -1,2 +1,2 @@
-import{p as e,H as s,h as t,a as o}from"./index.js";import{C as r}from"./p-U40vKHrs.js";import{p as c}from"./p-CQvUntGY.js";import{S as a}from"./p-BcQO4NH2.js";c(a,["_S","_M","_L"]);c(r,["PRIMARY","NEUTRAL"]);const n={root:"gov-form-search"};const m=e(class e extends s{constructor(){super();this.__registerHost();this.size="m";this.color="neutral"}render(){return t(o,{key:"71109e2502931ac3b92b4e2e6336c3d08d666fae",class:n.root,color:this.color,size:this.size},t("slot",{key:"615ea1dab3ebee905d7bc9f1c7b4f0da4e89eee5",name:"input"}),t("slot",{key:"fa9abfbaee3dedecb4b217cc8681b16557d978bc",name:"button-erase"}),t("slot",{key:"8c2cb29b38de5634b220db526452b9a07873fc29",name:"button"}))}get host(){return this}},[4,"gov-form-search",{size:[1],color:[513]}]);function b(){if(typeof customElements==="undefined"){return}const e=["gov-form-search"];e.forEach((e=>{switch(e){case"gov-form-search":if(!customElements.get(e)){customElements.define(e,m)}break}}))}b();const f=m;const i=b;export{f as GovFormSearch,i as defineCustomElement};
+import{p as e,H as s,h as t,a as o}from"./index.js";import{C as r}from"./p-U40vKHrs.js";import{p as a}from"./p-CQvUntGY.js";import{S as c}from"./p-BcQO4NH2.js";a(c,["_S","_M","_L"]);a(r,["PRIMARY","NEUTRAL"]);const n={root:"gov-form-search"};const m=e(class e extends s{constructor(){super();this.__registerHost();this.size="m";this.color="neutral"}render(){return t(o,{key:"8694237120321b5cea6dbe4c4152edfde30228a1",class:n.root,color:this.color,size:this.size},t("slot",{key:"4c382e33221ff8b874a7f8544d94261298c3cf28",name:"input"}),t("slot",{key:"3b56d19118f2b75964a9ed62ae2210e7705ba4a5",name:"button-erase"}),t("slot",{key:"c829a3df01bc53fab6b3022aac353ebe06b088db",name:"button"}))}get host(){return this}},[4,"gov-form-search",{size:[1],color:[513]}]);function f(){if(typeof customElements==="undefined"){return}const e=["gov-form-search"];e.forEach((e=>{switch(e){case"gov-form-search":if(!customElements.get(e)){customElements.define(e,m)}break}}))}f();const i=m;const b=f;export{i as GovFormSearch,b as defineCustomElement};
 //# sourceMappingURL=gov-form-search.js.map

package/dist/components/gov-form-search.js.map

@@ -1 +1 @@
-{"version":3,"names":["pick","Sizes","Colors","FormSearchClass","root","GovFormSearch","__stencil_proxyCustomElement","HTMLElement","constructor","this","size","color","render","h","Host","key","class","name"],"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"],"mappings":"gKAK+BA,EAAKC,EAAO,CAAC,KAAM,KAAM,OAGxBD,EAAKE,EAAQ,CAAC,UAAW,YAGlD,MAAMC,EAAkB,CAC9BC,KAAM,mB,MCNMC,EAAaC,EAAA,MAAAD,UAAAE,EAH1B,WAAAC,G,8BAQkBC,KAAIC,KAAyB,IAIdD,KAAKE,MAAwB,SAW7D,CATA,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOb,EAAgBC,KAAMO,MAAOF,KAAKE,MAAOD,KAAMD,KAAKC,MAChEG,EAAM,QAAAE,IAAA,2CAAAE,KAAK,UACXJ,EAAM,QAAAE,IAAA,2CAAAE,KAAK,iBACXJ,EAAA,QAAAE,IAAA,2CAAME,KAAK,W","ignoreList":[]}
+{"version":3,"names":["pick","Sizes","Colors","FormSearchClass","root","GovFormSearch","__stencil_proxyCustomElement","HTMLElement","constructor","this","size","color","render","h","Host","key","class","name"],"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"],"mappings":"gKAK+BA,EAAKC,EAAO,CAAC,KAAM,KAAM,OAGxBD,EAAKE,EAAQ,CAAC,UAAW,YAGlD,MAAMC,EAAkB,CAC9BC,KAAM,mB,MCNMC,EAAaC,EAAA,MAAAD,UAAAE,EAH1B,WAAAC,G,8BAQkBC,KAAIC,KAAyB,IAIdD,KAAKE,MAAwB,SAW7D,CATA,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOb,EAAgBC,KAAMO,MAAOF,KAAKE,MAAOD,KAAMD,KAAKC,MAChEG,EAAM,QAAAE,IAAA,2CAAAE,KAAK,UACXJ,EAAM,QAAAE,IAAA,2CAAAE,KAAK,iBACXJ,EAAA,QAAAE,IAAA,2CAAME,KAAK,W","ignoreList":[]}

package/dist/components/gov-form-select.js

@@ -1,2 +1,2 @@
-import{G as o,d as s}from"./p-DhGb8cBK.js";const t=o;const c=s;export{t as GovFormSelect,c as defineCustomElement};
+import{G as o,d as s}from"./p-x3w8Mun_.js";const t=o;const n=s;export{t as GovFormSelect,n as defineCustomElement};
 //# sourceMappingURL=gov-form-select.js.map

package/dist/components/gov-form-switch.js

@@ -1,2 +1,2 @@
-import{p as i,H as s,c as t,h as e,a as h}from"./index.js";import{c as a}from"./p-vN03FcXN.js";import{v as n}from"./p-BKP-F1qP.js";import{g as o,n as c,o as r}from"./p-9imLQpxb.js";import{g as l,t as d,c as m}from"./p-DKo9A5gq.js";import{F as u}from"./p-5itQzbON.js";import{A as p,a as b,i as v}from"./p-CXgom82_.js";import{d as f}from"./p-BJnSrRNH.js";const g=i(class i extends s{constructor(){super();this.__registerHost();this.govFocus=t(this,"gov-focus");this.govBlur=t(this,"gov-blur");this.govChange=t(this,"gov-change");this.hydrated=false;this.noLabel=false;this.checked=false;this.required=false;this.disabled=false;this.size="m";this.inheritedAttributes={};this.checkboxId=a("GovCheckbox");this.h=l(this.host);this.f=o(this.h)}validateSize(i){n(r,i,c.root)}watchDisabled(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("invalid",d(this.invalid));this.f.passAttrToControl("disabled",d(this.disabled));this.f.passAttrToControl("type","switch")}componentDidLoad(){this.attributeObserver=new p(this.host,((i,s)=>{this.onAriaAttributeChange(i,s)}));this.attributeObserver.startObserving(b)}componentWillLoad(){this.passControlAttrs();this.inheritedAttributes=v(this.host)}disconnectedCallback(){var i;(i=this.attributeObserver)===null||i===void 0?void 0:i.stopObserving()}async componentDidRender(){this.f.passAttrToLabel("identifier",this.identifier||this.checkboxId);this.f.passAttrToLabel("required",String(this.required));this.passControlAttrs()}connectedCallback(){this.hydrated=true}onAriaAttributeChange(i,s){this.host.removeAttribute(i);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[i]:s})}render(){const i=i=>{if(this.noLabel){return e("label",{class:c.label},i)}return i};const s=!this.host.querySelector('[slot="label"]');const t=`${this.h.classes(c.root)}${s?` ${c.noLabel}`:""}`;return e(h,{class:t,hydrated:this.hydrated,checked:this.checked,size:this.size,invalid:m(this.invalid)},i(e(u,null,e("input",Object.assign({class:c.input,id:this.identifier||this.checkboxId,type:"checkbox",value:this.value,name:this.name,disabled:this.disabled,checked:this.checked,onClick:this.onClickHandler.bind(this),onChange:this.onChangeHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),ref:i=>this.inputRef=i,required:this.required},this.inheritedAttributes,{"aria-checked":this.checked,"aria-required":m(this.required),"aria-invalid":m(this.invalid),"aria-disabled":m(this.disabled)})),e("span",null,e("span",{class:c.indicator},this.checked&&e("gov-icon",{name:"check-lg",type:"components"})),e("slot",{name:"label"})))))}onClickHandler(i){i.stopPropagation()}onFocusHandler(i){i.stopPropagation();this.govFocus.emit({component:c.root,checked:this.checked,value:this.value,originalEvent:i})}onBlurHandler(i){i.stopPropagation();this.govBlur.emit({component:c.root,checked:this.checked,value:this.value,originalEvent:i})}onChangeHandler(i){this.checked=i.target.checked;i.stopPropagation();this.govChange.emit({component:c.root,checked:this.checked,value:this.value,originalEvent:i})}async getRef(){return this.inputRef}get host(){return this}static get watchers(){return{size:["validateSize","watchDisabled"],disabled:["watchDisabled"],invalid:["watchDisabled"]}}},[4,"gov-form-switch",{value:[1],noLabel:[4,"no-label"],checked:[1540],required:[4],disabled:[516],name:[1],size:[513],identifier:[1],invalid:[4],inheritedAttributes:[32],getRef:[64]},undefined,{size:["validateSize","watchDisabled"],disabled:["watchDisabled"],invalid:["watchDisabled"]}]);function k(){if(typeof customElements==="undefined"){return}const i=["gov-form-switch","gov-icon"];i.forEach((i=>{switch(i){case"gov-form-switch":if(!customElements.get(i)){customElements.define(i,g)}break;case"gov-icon":if(!customElements.get(i)){f()}break}}))}k();const w=g;const j=k;export{w as GovFormSwitch,j as defineCustomElement};
+import{p as i,H as s,c as t,h as e,a as h}from"./index.js";import{c as a}from"./p-vN03FcXN.js";import{v as n}from"./p-BKP-F1qP.js";import{g as o,n as c,o as r}from"./p-9imLQpxb.js";import{g as l,t as d,c as m}from"./p-DKo9A5gq.js";import{F as u}from"./p-5itQzbON.js";import{A as p,a as b,i as v}from"./p-CXgom82_.js";import{d as f}from"./p-BrdXh0mI.js";const g=i(class i extends s{constructor(){super();this.__registerHost();this.govFocus=t(this,"gov-focus");this.govBlur=t(this,"gov-blur");this.govChange=t(this,"gov-change");this.hydrated=false;this.noLabel=false;this.checked=false;this.required=false;this.disabled=false;this.size="m";this.inheritedAttributes={};this.checkboxId=a("GovCheckbox");this.h=l(this.host);this.f=o(this.h)}validateSize(i){n(r,i,c.root)}watchDisabled(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("invalid",d(this.invalid));this.f.passAttrToControl("disabled",d(this.disabled));this.f.passAttrToControl("type","switch")}componentDidLoad(){this.attributeObserver=new p(this.host,((i,s)=>{this.onAriaAttributeChange(i,s)}));this.attributeObserver.startObserving(b)}componentWillLoad(){this.passControlAttrs();this.inheritedAttributes=v(this.host)}disconnectedCallback(){var i;(i=this.attributeObserver)===null||i===void 0?void 0:i.stopObserving()}async componentDidRender(){this.f.passAttrToLabel("identifier",this.identifier||this.checkboxId);this.f.passAttrToLabel("required",String(this.required));this.passControlAttrs()}connectedCallback(){this.hydrated=true}onAriaAttributeChange(i,s){this.host.removeAttribute(i);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[i]:s})}render(){const i=i=>{if(this.noLabel){return e("label",{class:c.label},i)}return i};const s=!this.host.querySelector('[slot="label"]');const t=`${this.h.classes(c.root)}${s?` ${c.noLabel}`:""}`;return e(h,{class:t,hydrated:this.hydrated,checked:this.checked,size:this.size,invalid:m(this.invalid)},i(e(u,null,e("input",Object.assign({class:c.input,id:this.identifier||this.checkboxId,type:"checkbox",value:this.value,name:this.name,disabled:this.disabled,checked:this.checked,onClick:this.onClickHandler.bind(this),onChange:this.onChangeHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),ref:i=>this.inputRef=i,required:this.required},this.inheritedAttributes,{"aria-checked":this.checked,"aria-required":m(this.required),"aria-invalid":m(this.invalid),"aria-disabled":m(this.disabled)})),e("span",null,e("span",{class:c.indicator},this.checked&&e("gov-icon",{name:"check-lg",type:"components"})),e("slot",{name:"label"})))))}onClickHandler(i){i.stopPropagation()}onFocusHandler(i){i.stopPropagation();this.govFocus.emit({component:c.root,checked:this.checked,value:this.value,originalEvent:i})}onBlurHandler(i){i.stopPropagation();this.govBlur.emit({component:c.root,checked:this.checked,value:this.value,originalEvent:i})}onChangeHandler(i){this.checked=i.target.checked;i.stopPropagation();this.govChange.emit({component:c.root,checked:this.checked,value:this.value,originalEvent:i})}async getRef(){return this.inputRef}get host(){return this}static get watchers(){return{size:["validateSize","watchDisabled"],disabled:["watchDisabled"],invalid:["watchDisabled"]}}},[4,"gov-form-switch",{value:[1],noLabel:[4,"no-label"],checked:[1540],required:[4],disabled:[516],name:[1],size:[513],identifier:[1],invalid:[4],inheritedAttributes:[32],getRef:[64]},undefined,{size:["validateSize","watchDisabled"],disabled:["watchDisabled"],invalid:["watchDisabled"]}]);function k(){if(typeof customElements==="undefined"){return}const i=["gov-form-switch","gov-icon"];i.forEach((i=>{switch(i){case"gov-form-switch":if(!customElements.get(i)){customElements.define(i,g)}break;case"gov-icon":if(!customElements.get(i)){f()}break}}))}k();const w=g;const j=k;export{w as GovFormSwitch,j as defineCustomElement};
 //# sourceMappingURL=gov-form-switch.js.map

package/dist/components/gov-form-switch.js.map

@@ -1 +1 @@
-{"version":3,"names":["GovFormSwitch","__stencil_proxyCustomElement","HTMLElement","constructor","this","hydrated","noLabel","checked","required","disabled","size","inheritedAttributes","checkboxId","createID","h","govHost","host","f","govForm","validateSize","newValue","validateProp","FormSwitchSizes","FormSwitchClass","root","watchDisabled","passControlAttrs","passAttrToControl","toBoolAttr","invalid","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","inheritAriaAttributes","disconnectedCallback","_a","stopObserving","componentDidRender","passAttrToLabel","identifier","String","connectedCallback","removeAttribute","Object","assign","render","wrapSwitch","children","class","label","noLabelSlot","querySelector","hostClasses","classes","Host","toBoolAttrIfDefined","Fragment","input","id","type","value","name","onClick","onClickHandler","bind","onChange","onChangeHandler","onFocus","onFocusHandler","onBlur","onBlurHandler","ref","el","inputRef","indicator","e","stopPropagation","govFocus","emit","component","originalEvent","govBlur","target","govChange","getRef"],"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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["GovFormSwitch","__stencil_proxyCustomElement","HTMLElement","constructor","this","hydrated","noLabel","checked","required","disabled","size","inheritedAttributes","checkboxId","createID","h","govHost","host","f","govForm","validateSize","newValue","validateProp","FormSwitchSizes","FormSwitchClass","root","watchDisabled","passControlAttrs","passAttrToControl","toBoolAttr","invalid","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","inheritAriaAttributes","disconnectedCallback","_a","stopObserving","componentDidRender","passAttrToLabel","identifier","String","connectedCallback","removeAttribute","Object","assign","render","wrapSwitch","children","class","label","noLabelSlot","querySelector","hostClasses","classes","Host","toBoolAttrIfDefined","Fragment","input","id","type","value","name","onClick","onClickHandler","bind","onChange","onChangeHandler","onFocus","onFocusHandler","onBlur","onBlurHandler","ref","el","inputRef","indicator","e","stopPropagation","govFocus","emit","component","originalEvent","govBlur","target","govChange","getRef"],"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"],"mappings":"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","ignoreList":[]}

package/dist/components/gov-grid-item.js

@@ -1,2 +1,2 @@
-import{p as s,H as o,h as t,a as n}from"./index.js";import{a as r}from"./p-C6JN9gdb.js";import{g as e}from"./p-DKo9A5gq.js";const a=s(class s extends o{constructor(){super();this.__registerHost();this.column="12";this.row="1";this.h=e(this.host)}render(){return t(n,{key:"f0bd487f13430180ee5ba1ea47b42a96c792a844",class:this.h.classes(r.root),role:"listitem"},t("slot",{key:"31abf23d589818b1f8ca2d7adf527619d470739f"}))}get host(){return this}},[4,"gov-grid-item",{column:[1,"col-span"],columnSm:[1,"col-span-sm"],columnMd:[1,"col-span-md"],columnLg:[1,"col-span-lg"],columnXl:[1,"col-span-xl"],row:[1,"row-span"],rowSm:[1,"row-span-sm"],rowMd:[1,"row-span-md"],rowLg:[1,"row-span-lg"],rowXl:[1,"row-span-xl"]}]);function m(){if(typeof customElements==="undefined"){return}const s=["gov-grid-item"];s.forEach((s=>{switch(s){case"gov-grid-item":if(!customElements.get(s)){customElements.define(s,a)}break}}))}m();const c=a;const i=m;export{c as GovGridItem,i as defineCustomElement};
+import{p as s,H as o,h as e,a as t}from"./index.js";import{a as n}from"./p-C6JN9gdb.js";import{g as r}from"./p-DKo9A5gq.js";const c=s(class s extends o{constructor(){super();this.__registerHost();this.column="12";this.row="1";this.h=r(this.host)}render(){return e(t,{key:"086294eca8d2a38b5b9262739e3030791c9e074a",class:this.h.classes(n.root),role:"listitem"},e("slot",{key:"5eede8d6ed01862f9fe704c5e4c2e31f2a799e69"}))}get host(){return this}},[4,"gov-grid-item",{column:[1,"col-span"],columnSm:[1,"col-span-sm"],columnMd:[1,"col-span-md"],columnLg:[1,"col-span-lg"],columnXl:[1,"col-span-xl"],row:[1,"row-span"],rowSm:[1,"row-span-sm"],rowMd:[1,"row-span-md"],rowLg:[1,"row-span-lg"],rowXl:[1,"row-span-xl"]}]);function m(){if(typeof customElements==="undefined"){return}const s=["gov-grid-item"];s.forEach((s=>{switch(s){case"gov-grid-item":if(!customElements.get(s)){customElements.define(s,c)}break}}))}m();const a=c;const i=m;export{a as GovGridItem,i as defineCustomElement};
 //# sourceMappingURL=gov-grid-item.js.map

package/dist/components/gov-grid-item.js.map

@@ -1 +1 @@
-{"version":3,"names":["GovGridItem","__stencil_proxyCustomElement","HTMLElement","constructor","this","column","row","h","govHost","host","render","Host","key","class","classes","GridItemClass","root","role"],"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"],"mappings":"kIAQaA,EAAWC,EAAA,MAAAD,UAAAE,EAGvB,WAAAC,G,8BAQ0CC,KAAMC,OAAW,KAoBjBD,KAAGE,IAAW,IA3BvDF,KAAKG,EAAIC,EAAQJ,KAAKK,KACtB,CA6CD,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CACJC,MAAOT,KAAKG,EAAEO,QAAQC,EAAcC,MACpCC,KAAK,YAELV,EAAQ,QAAAK,IAAA,6C","ignoreList":[]}
+{"version":3,"names":["GovGridItem","__stencil_proxyCustomElement","HTMLElement","constructor","this","column","row","h","govHost","host","render","Host","key","class","classes","GridItemClass","root","role"],"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"],"mappings":"kIAQaA,EAAWC,EAAA,MAAAD,UAAAE,EAGvB,WAAAC,G,8BAQ0CC,KAAMC,OAAW,KAoBjBD,KAAGE,IAAW,IA3BvDF,KAAKG,EAAIC,EAAQJ,KAAKK,KACtB,CA6CD,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CACJC,MAAOT,KAAKG,EAAEO,QAAQC,EAAcC,MACpCC,KAAK,YAELV,EAAQ,QAAAK,IAAA,6C","ignoreList":[]}

package/dist/components/gov-grid.js

@@ -1,2 +1,2 @@
-import{p as s,H as t,h as e,a as o}from"./index.js";import{G as i}from"./p-C6JN9gdb.js";import{g as r}from"./p-DKo9A5gq.js";const a=s(class s extends t{constructor(){super();this.__registerHost();this.h=r(this.host)}render(){return e(o,{key:"c3ab0c523d11db70b02a8abb75f18199a5a0e5a2",class:this.h.classes(i.root),role:"list"},e("slot",{key:"98eac108759934ee4dd5b008e988a5761e642b27"}))}get host(){return this}},[4,"gov-grid",{alignItems:[513,"align-items"],justifyItems:[513,"justify-items"],gap:[513]}]);function n(){if(typeof customElements==="undefined"){return}const s=["gov-grid"];s.forEach((s=>{switch(s){case"gov-grid":if(!customElements.get(s)){customElements.define(s,a)}break}}))}n();const c=a;const m=n;export{c as GovGrid,m as defineCustomElement};
+import{p as s,H as t,h as e,a as o}from"./index.js";import{G as i}from"./p-C6JN9gdb.js";import{g as r}from"./p-DKo9A5gq.js";const c=s(class s extends t{constructor(){super();this.__registerHost();this.h=r(this.host)}render(){return e(o,{key:"709f373fe63ba089e6c37ed7c61359e7b07a67e2",class:this.h.classes(i.root),role:"list"},e("slot",{key:"acb0cc5b4279d57c375c7cee80ebf305809dfd4d"}))}get host(){return this}},[4,"gov-grid",{alignItems:[513,"align-items"],justifyItems:[513,"justify-items"],gap:[513]}]);function n(){if(typeof customElements==="undefined"){return}const s=["gov-grid"];s.forEach((s=>{switch(s){case"gov-grid":if(!customElements.get(s)){customElements.define(s,c)}break}}))}n();const m=c;const a=n;export{m as GovGrid,a as defineCustomElement};
 //# sourceMappingURL=gov-grid.js.map

package/dist/components/gov-grid.js.map

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

package/dist/components/gov-icon.js

@@ -1,2 +1,2 @@
-import{G as o,d as s}from"./p-BJnSrRNH.js";const r=o;const t=s;export{r as GovIcon,t as defineCustomElement};
+import{G as o,d as s}from"./p-BrdXh0mI.js";const r=o;const t=s;export{r as GovIcon,t as defineCustomElement};
 //# sourceMappingURL=gov-icon.js.map

package/dist/components/gov-infobar.js

@@ -1,2 +1,2 @@
-import{p as t,H as s,c as e,h as o,a as i}from"./index.js";import{g as a,t as n}from"./p-DKo9A5gq.js";import{F as c}from"./p-5itQzbON.js";import{v as l}from"./p-BKP-F1qP.js";import{C as r}from"./p-U40vKHrs.js";import{p as h}from"./p-CQvUntGY.js";import{A as d,a as b,i as f}from"./p-CXgom82_.js";import{d as m}from"./p-CWqMiVYH.js";import{d as v}from"./p-BJnSrRNH.js";const p=h(r,["PRIMARY","SECONDARY","NEUTRAL","ERROR","SUCCESS","WARNING"]);var g;(function(t){t["BOLD"]="bold";t["SUBTLE"]="subtle"})(g||(g={}));const u={root:"gov-infobar",section:"gov-infobar__section",content:"gov-infobar__content",headline:"gov-infobar__headline",close:"gov-infobar__close"};const y=t(class t extends s{constructor(){super();this.__registerHost();this.govClose=e(this,"gov-close");this.hydrated=false;this.color="primary";this.type="bold";this.role=undefined;this.accessibleCloseLabel="Zavřít informační lištu";this.accessibleToggleLabel="Zobrazit více informací";this.closable=false;this.toggleContent=false;this.inheritedAttributes={};this.h=a(this.host)}validateColor(t){l(p,t,u.root)}componentDidLoad(){this.attributeObserver=new d(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(b)}componentWillLoad(){this.validateColor(this.color);this.inheritedAttributes=f(this.host)}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}connectedCallback(){this.hydrated=true}render(){const t=o("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:u.close},o("gov-icon",{key:"3f4f5c3b15842ff258035badfbf9286dacdba8b5",name:"x-lg",type:"components"}));return o(i,{key:"7d52bcf1a541c5c536755a16e13dd66209d7ba98",class:this.h.classes(u.root),color:this.color,type:this.type,hydrated:this.hydrated},o("section",Object.assign({key:"e52815b07de6e3fae05bb4429ab925300fde0a50",class:u.section},this.inheritedAttributes,{role:this.role}),this.h.hasSlot("icon")&&o("span",{key:"d1424933f1f122693d45803eb500aff8c7b45dd7"},o("slot",{key:"94ab048d5e2e506773402a55d399f3c315307153",name:"icon"})),o("div",{key:"b59bbe4b7516d0b4e96e19618613d9e82551cd39",class:u.content},this.h.hasSlot("headline")?o(c,null,o("div",{class:u.headline},o("slot",{name:"headline"}),o("gov-button",{size:"s",type:"base",color:this.isBold?this.color:"neutral","aria-label":this.accessibleToggleLabel,"on-gov-click":()=>this.toggleContent=!this.toggleContent},o("gov-icon",{name:this.toggleContent?"chevron-up":"chevron-down",type:"components"}))),o("div",{hidden:!this.toggleContent,"aria-hidden":n(this.toggleContent)},o("slot",null))):o("slot",null)),this.closable&&t))}onCloseHandler(t){this.govClose.emit({component:u.root,ref:this.host,originalEvent:t})}get isBold(){return this.type==="bold"}get host(){return this}static get watchers(){return{color:["validateColor"]}}},[4,"gov-infobar",{color:[1],type:[1],role:[1],accessibleCloseLabel:[1,"accessible-close-label"],accessibleToggleLabel:[1,"accessible-toggle-label"],closable:[4],toggleContent:[32],inheritedAttributes:[32]},undefined,{color:["validateColor"]}]);function C(){if(typeof customElements==="undefined"){return}const t=["gov-infobar","gov-button","gov-icon"];t.forEach((t=>{switch(t){case"gov-infobar":if(!customElements.get(t)){customElements.define(t,y)}break;case"gov-button":if(!customElements.get(t)){m()}break;case"gov-icon":if(!customElements.get(t)){v()}break}}))}C();const k=y;const j=C;export{k as GovInfobar,j as defineCustomElement};
+import{p as t,H as s,c as e,h as o,a as i}from"./index.js";import{g as a,t as n}from"./p-DKo9A5gq.js";import{F as c}from"./p-5itQzbON.js";import{v as l}from"./p-BKP-F1qP.js";import{C as r}from"./p-U40vKHrs.js";import{p as h}from"./p-CQvUntGY.js";import{A as d,a as b,i as f}from"./p-CXgom82_.js";import{d as m}from"./p-djqfSbq-.js";import{d as v}from"./p-BrdXh0mI.js";const p=h(r,["PRIMARY","SECONDARY","NEUTRAL","ERROR","SUCCESS","WARNING"]);var g;(function(t){t["BOLD"]="bold";t["SUBTLE"]="subtle"})(g||(g={}));const u={root:"gov-infobar",section:"gov-infobar__section",content:"gov-infobar__content",headline:"gov-infobar__headline",close:"gov-infobar__close"};const y=t(class t extends s{constructor(){super();this.__registerHost();this.govClose=e(this,"gov-close");this.hydrated=false;this.color="primary";this.type="bold";this.role=undefined;this.accessibleCloseLabel="Zavřít informační lištu";this.accessibleToggleLabel="Zobrazit více informací";this.closable=false;this.toggleContent=false;this.inheritedAttributes={};this.h=a(this.host)}validateColor(t){l(p,t,u.root)}componentDidLoad(){this.attributeObserver=new d(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(b)}componentWillLoad(){this.validateColor(this.color);this.inheritedAttributes=f(this.host)}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}connectedCallback(){this.hydrated=true}render(){const t=o("gov-button",{key:"c52201d2fd9a489e8eb152e8f7b3080cc9d347f0",size:"s","aria-label":this.accessibleCloseLabel,type:"base",color:this.isBold?this.color:"neutral","on-gov-click":this.onCloseHandler.bind(this),class:u.close},o("gov-icon",{key:"c5d79b9980d755afae94643836d58ab2dd5b4e4f",name:"x-lg",type:"components"}));return o(i,{key:"f7c79cc67ee83527ff3c56d8e96f325b5366154f",class:this.h.classes(u.root),color:this.color,type:this.type,hydrated:this.hydrated},o("section",Object.assign({key:"dceb21332d31d55cb2f63d078efc5284439978ae",class:u.section},this.inheritedAttributes,{role:this.role}),this.h.hasSlot("icon")&&o("span",{key:"5dcf6a77672669228e8b94b7c39141624706254b"},o("slot",{key:"b158350430cf7249f9f7ea59fbf675879a195c39",name:"icon"})),o("div",{key:"17894bba1c6538d205a64e055aa6ee82825176a0",class:u.content},this.h.hasSlot("headline")?o(c,null,o("div",{class:u.headline},o("slot",{name:"headline"}),o("gov-button",{size:"s",type:"base",color:this.isBold?this.color:"neutral","aria-label":this.accessibleToggleLabel,"on-gov-click":()=>this.toggleContent=!this.toggleContent},o("gov-icon",{name:this.toggleContent?"chevron-up":"chevron-down",type:"components"}))),o("div",{hidden:!this.toggleContent,"aria-hidden":n(this.toggleContent)},o("slot",null))):o("slot",null)),this.closable&&t))}onCloseHandler(t){this.govClose.emit({component:u.root,ref:this.host,originalEvent:t})}get isBold(){return this.type==="bold"}get host(){return this}static get watchers(){return{color:["validateColor"]}}},[4,"gov-infobar",{color:[1],type:[1],role:[1],accessibleCloseLabel:[1,"accessible-close-label"],accessibleToggleLabel:[1,"accessible-toggle-label"],closable:[4],toggleContent:[32],inheritedAttributes:[32]},undefined,{color:["validateColor"]}]);function C(){if(typeof customElements==="undefined"){return}const t=["gov-infobar","gov-button","gov-icon"];t.forEach((t=>{switch(t){case"gov-infobar":if(!customElements.get(t)){customElements.define(t,y)}break;case"gov-button":if(!customElements.get(t)){m()}break;case"gov-icon":if(!customElements.get(t)){v()}break}}))}C();const k=y;const j=C;export{k as GovInfobar,j as defineCustomElement};
 //# sourceMappingURL=gov-infobar.js.map

package/dist/components/gov-infobar.js.map

@@ -1 +1 @@
-{"version":3,"names":["InfobarColors","pick","Colors","InfobarType","InfobarClass","root","section","content","headline","close","GovInfobar","__stencil_proxyCustomElement","HTMLElement","constructor","this","hydrated","color","type","role","undefined","accessibleCloseLabel","accessibleToggleLabel","closable","toggleContent","inheritedAttributes","h","govHost","host","validateColor","newValue","validateProp","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","inheritAriaAttributes","disconnectedCallback","_a","stopObserving","removeAttribute","Object","assign","connectedCallback","render","closeButton","key","size","isBold","onCloseHandler","bind","class","name","Host","classes","hasSlot","Fragment","hidden","toBoolAttr","e","govClose","emit","component","ref","originalEvent"],"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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["InfobarColors","pick","Colors","InfobarType","InfobarClass","root","section","content","headline","close","GovInfobar","__stencil_proxyCustomElement","HTMLElement","constructor","this","hydrated","color","type","role","undefined","accessibleCloseLabel","accessibleToggleLabel","closable","toggleContent","inheritedAttributes","h","govHost","host","validateColor","newValue","validateProp","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","inheritAriaAttributes","disconnectedCallback","_a","stopObserving","removeAttribute","Object","assign","connectedCallback","render","closeButton","key","size","isBold","onCloseHandler","bind","class","name","Host","classes","hasSlot","Fragment","hidden","toBoolAttr","e","govClose","emit","component","ref","originalEvent"],"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"],"mappings":"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","ignoreList":[]}

package/dist/components/gov-layout-column.js

@@ -1,2 +1,2 @@
-import{p as t,H as s,h as o,a as e}from"./index.js";import{a as c}from"./p-Q99QrOoi.js";import{g as n}from"./p-DKo9A5gq.js";const r=t(class t extends s{constructor(){super();this.__registerHost();this.h=n(this.host)}render(){return o(e,{key:"31bb2635262a61c69776cce49de189302c53b5fa",class:this.h.classes(c.root)},o("slot",{key:"99244dabacca9f48252bc506e26ae57b0f6f93bb"}))}get host(){return this}},[4,"gov-layout-column"]);function a(){if(typeof customElements==="undefined"){return}const t=["gov-layout-column"];t.forEach((t=>{switch(t){case"gov-layout-column":if(!customElements.get(t)){customElements.define(t,r)}break}}))}a();const u=r;const i=a;export{u as GovLayoutColumn,i as defineCustomElement};
+import{p as t,H as s,h as o,a as e}from"./index.js";import{a as c}from"./p-Q99QrOoi.js";import{g as n}from"./p-DKo9A5gq.js";const r=t(class t extends s{constructor(){super();this.__registerHost();this.h=n(this.host)}render(){return o(e,{key:"9e86314a6f4fb229ce1b0b3ac63cfbb2c88d2e28",class:this.h.classes(c.root)},o("slot",{key:"8d2a31c1bd14511f80536b82b62c5c8a72ddf2ce"}))}get host(){return this}},[4,"gov-layout-column"]);function a(){if(typeof customElements==="undefined"){return}const t=["gov-layout-column"];t.forEach((t=>{switch(t){case"gov-layout-column":if(!customElements.get(t)){customElements.define(t,r)}break}}))}a();const u=r;const i=a;export{u as GovLayoutColumn,i as defineCustomElement};
 //# sourceMappingURL=gov-layout-column.js.map

package/dist/components/gov-layout-column.js.map

@@ -1 +1 @@
-{"version":3,"names":["GovLayoutColumn","__stencil_proxyCustomElement","HTMLElement","constructor","this","h","govHost","host","render","Host","key","class","classes","LayoutColumnClass","root"],"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"],"mappings":"kIAQaA,EAAeC,EAAA,MAAAD,UAAAE,EAG3B,WAAAC,G,8BACCC,KAAKC,EAAIC,EAAQF,KAAKG,KACtB,CAID,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOP,KAAKC,EAAEO,QAAQC,EAAkBC,OAC7CT,EAAQ,QAAAK,IAAA,6C","ignoreList":[]}
+{"version":3,"names":["GovLayoutColumn","__stencil_proxyCustomElement","HTMLElement","constructor","this","h","govHost","host","render","Host","key","class","classes","LayoutColumnClass","root"],"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"],"mappings":"kIAQaA,EAAeC,EAAA,MAAAD,UAAAE,EAG3B,WAAAC,G,8BACCC,KAAKC,EAAIC,EAAQF,KAAKG,KACtB,CAID,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOP,KAAKC,EAAEO,QAAQC,EAAkBC,OAC7CT,EAAQ,QAAAK,IAAA,6C","ignoreList":[]}

package/dist/components/gov-layout.js

@@ -1,2 +1,2 @@
-import{p as s,H as t,h as e,a as c}from"./index.js";import{L as o}from"./p-Q99QrOoi.js";import{g as i}from"./p-DKo9A5gq.js";const n=s(class s extends t{constructor(){super();this.__registerHost();this.type="stretch";this.inverse=false;this.h=i(this.host)}typeClass(s,t,e,c){const o=t?"-"+t:"";const i=e?"-"+e:"";const n=c?"-inverse":"";return s+" "+s+o+i+n}render(){return e(c,{key:"1a034fd2efc16f8ec93aa5a7d482b30674b14cc4",type:this.type,class:this.h.classes(o.root)},e("section",{key:"af904b136b68d778d5c687e654a4172a8c08fc92",class:this.typeClass(o.section,this.type,this.variant,this.inverse)},e("slot",{key:"b867248fdb072fc3999406d6113bdc435cce78fc"})))}get host(){return this}},[4,"gov-layout",{type:[1],variant:[1],inverse:[4]}]);function r(){if(typeof customElements==="undefined"){return}const s=["gov-layout"];s.forEach((s=>{switch(s){case"gov-layout":if(!customElements.get(s)){customElements.define(s,n)}break}}))}r();const a=n;const f=r;export{a as GovLayout,f as defineCustomElement};
+import{p as s,H as t,h as e,a as o}from"./index.js";import{L as c}from"./p-Q99QrOoi.js";import{g as i}from"./p-DKo9A5gq.js";const n=s(class s extends t{constructor(){super();this.__registerHost();this.type="stretch";this.inverse=false;this.h=i(this.host)}typeClass(s,t,e,o){const c=t?"-"+t:"";const i=e?"-"+e:"";const n=o?"-inverse":"";return s+" "+s+c+i+n}render(){return e(o,{key:"9dc8289f8ccb095d04c4d6f1851506137ba51a48",type:this.type,class:this.h.classes(c.root)},e("section",{key:"d87bf25092207d67f9ac85aa5d6907fefdb17f2d",class:this.typeClass(c.section,this.type,this.variant,this.inverse)},e("slot",{key:"557a015cddbf93b7a9ee4839be973525924fb2be"})))}get host(){return this}},[4,"gov-layout",{type:[1],variant:[1],inverse:[4]}]);function r(){if(typeof customElements==="undefined"){return}const s=["gov-layout"];s.forEach((s=>{switch(s){case"gov-layout":if(!customElements.get(s)){customElements.define(s,n)}break}}))}r();const a=n;const f=r;export{a as GovLayout,f as defineCustomElement};
 //# sourceMappingURL=gov-layout.js.map

package/dist/components/gov-layout.js.map

@@ -1 +1 @@
-{"version":3,"names":["GovLayout","__stencil_proxyCustomElement","HTMLElement","constructor","this","type","inverse","h","govHost","host","typeClass","originalClass","variant","isType","isVariant","isInverse","render","Host","key","class","classes","LayoutClass","root","section"],"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"],"mappings":"kIAQaA,EAASC,EAAA,MAAAD,UAAAE,EAGrB,WAAAC,G,8BAQiBC,KAAIC,KAAgB,UAQpBD,KAAOE,QAAY,MAfnCF,KAAKG,EAAIC,EAAQJ,KAAKK,KACtB,CAgBO,SAAAC,CAAUC,EAAuBN,EAAcO,EAAiBN,GACvE,MAAMO,EAASR,EAAO,IAAMA,EAAO,GACnC,MAAMS,EAAYF,EAAU,IAAMA,EAAU,GAC5C,MAAMG,EAAYT,EAAU,WAAa,GACzC,OAAOK,EAAgB,IAAMA,EAAgBE,EAASC,EAAYC,C,CAGnE,MAAAC,GACC,OACCT,EAACU,EAAI,CAAAC,IAAA,2CAACb,KAAMD,KAAKC,KAAMc,MAAOf,KAAKG,EAAEa,QAAQC,EAAYC,OACxDf,EAAS,WAAAW,IAAA,2CAAAC,MAAOf,KAAKM,UAAUW,EAAYE,QAASnB,KAAKC,KAAMD,KAAKQ,QAASR,KAAKE,UACjFC,EAAQ,QAAAW,IAAA,8C","ignoreList":[]}
+{"version":3,"names":["GovLayout","__stencil_proxyCustomElement","HTMLElement","constructor","this","type","inverse","h","govHost","host","typeClass","originalClass","variant","isType","isVariant","isInverse","render","Host","key","class","classes","LayoutClass","root","section"],"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"],"mappings":"kIAQaA,EAASC,EAAA,MAAAD,UAAAE,EAGrB,WAAAC,G,8BAQiBC,KAAIC,KAAgB,UAQpBD,KAAOE,QAAY,MAfnCF,KAAKG,EAAIC,EAAQJ,KAAKK,KACtB,CAgBO,SAAAC,CAAUC,EAAuBN,EAAcO,EAAiBN,GACvE,MAAMO,EAASR,EAAO,IAAMA,EAAO,GACnC,MAAMS,EAAYF,EAAU,IAAMA,EAAU,GAC5C,MAAMG,EAAYT,EAAU,WAAa,GACzC,OAAOK,EAAgB,IAAMA,EAAgBE,EAASC,EAAYC,C,CAGnE,MAAAC,GACC,OACCT,EAACU,EAAI,CAAAC,IAAA,2CAACb,KAAMD,KAAKC,KAAMc,MAAOf,KAAKG,EAAEa,QAAQC,EAAYC,OACxDf,EAAS,WAAAW,IAAA,2CAAAC,MAAOf,KAAKM,UAAUW,EAAYE,QAASnB,KAAKC,KAAMD,KAAKQ,QAASR,KAAKE,UACjFC,EAAQ,QAAAW,IAAA,8C","ignoreList":[]}

package/dist/components/gov-lifecycle.js

@@ -1,2 +1,2 @@
-import{p as e,H as o,h as n,a as c}from"./index.js";import{a as t}from"./p-vN03FcXN.js";const s=e(class e extends o{constructor(){super();this.__registerHost();this.uniqueId="lifecycle-"+t()}connectedCallback(){console.log("connectedCallback",this.uniqueId)}disconnectedCallback(){console.log("disconnectedCallback",this.uniqueId)}componentWillLoad(){console.log("componentWillLoad",this.uniqueId)}componentDidLoad(){console.log("componentDidLoad",this.uniqueId)}componentShouldUpdate(){console.log("componentShouldUpdate",this.uniqueId)}componentWillRender(){console.log("componentWillRender",this.uniqueId)}componentDidRender(){console.log("componentDidRender",this.uniqueId)}componentWillUpdate(){console.log("componentWillUpdate",this.uniqueId)}componentDidUpdate(){console.log("componentDidUpdate",this.uniqueId)}render(){return n(c,{key:"5764a6d1dd18127a3b71f9a9a5bfac9116b94d1e",identifier:this.uniqueId},n("span",{key:"d5ae2d686dcc55523aa9a0ea500aff9e4de4fb3f"},"lifecycle ",this.uniqueId))}},[0,"gov-lifecycle"]);function l(){if(typeof customElements==="undefined"){return}const e=["gov-lifecycle"];e.forEach((e=>{switch(e){case"gov-lifecycle":if(!customElements.get(e)){customElements.define(e,s)}break}}))}l();const i=s;const d=l;export{i as GovLifecycle,d as defineCustomElement};
+import{p as e,H as o,h as n,a as c}from"./index.js";import{a as t}from"./p-vN03FcXN.js";const s=e(class e extends o{constructor(){super();this.__registerHost();this.uniqueId="lifecycle-"+t()}connectedCallback(){console.log("connectedCallback",this.uniqueId)}disconnectedCallback(){console.log("disconnectedCallback",this.uniqueId)}componentWillLoad(){console.log("componentWillLoad",this.uniqueId)}componentDidLoad(){console.log("componentDidLoad",this.uniqueId)}componentShouldUpdate(){console.log("componentShouldUpdate",this.uniqueId)}componentWillRender(){console.log("componentWillRender",this.uniqueId)}componentDidRender(){console.log("componentDidRender",this.uniqueId)}componentWillUpdate(){console.log("componentWillUpdate",this.uniqueId)}componentDidUpdate(){console.log("componentDidUpdate",this.uniqueId)}render(){return n(c,{key:"eeda9523c33256ff4687e071bf2546383aad6ffc",identifier:this.uniqueId},n("span",{key:"ae7cbbfca20d4a882c2021a309746359e8296eee"},"lifecycle ",this.uniqueId))}},[0,"gov-lifecycle"]);function l(){if(typeof customElements==="undefined"){return}const e=["gov-lifecycle"];e.forEach((e=>{switch(e){case"gov-lifecycle":if(!customElements.get(e)){customElements.define(e,s)}break}}))}l();const i=s;const d=l;export{i as GovLifecycle,d as defineCustomElement};
 //# sourceMappingURL=gov-lifecycle.js.map

package/dist/components/gov-lifecycle.js.map

@@ -1 +1 @@
-{"version":3,"names":["GovLifecycle","__stencil_proxyCustomElement","HTMLElement","constructor","this","uniqueId","chr4","connectedCallback","console","log","disconnectedCallback","componentWillLoad","componentDidLoad","componentShouldUpdate","componentWillRender","componentDidRender","componentWillUpdate","componentDidUpdate","render","h","Host","key","identifier"],"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"],"mappings":"8FAMaA,EAAYC,EAAA,MAAAD,UAAAE,EAGxB,WAAAC,G,8BACCC,KAAKC,SAAW,aAAeC,GAC/B,CAED,iBAAAC,GACCC,QAAQC,IAAI,oBAAqBL,KAAKC,S,CAGvC,oBAAAK,GACCF,QAAQC,IAAI,uBAAwBL,KAAKC,S,CAG1C,iBAAAM,GACCH,QAAQC,IAAI,oBAAqBL,KAAKC,S,CAGvC,gBAAAO,GACCJ,QAAQC,IAAI,mBAAoBL,KAAKC,S,CAGtC,qBAAAQ,GACCL,QAAQC,IAAI,wBAAyBL,KAAKC,S,CAG3C,mBAAAS,GACCN,QAAQC,IAAI,sBAAuBL,KAAKC,S,CAGzC,kBAAAU,GACCP,QAAQC,IAAI,qBAAsBL,KAAKC,S,CAGxC,mBAAAW,GACCR,QAAQC,IAAI,sBAAuBL,KAAKC,S,CAGzC,kBAAAY,GACCT,QAAQC,IAAI,qBAAsBL,KAAKC,S,CAGxC,MAAAa,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,WAAYlB,KAAKC,UACtBc,EAAA,QAAAE,IAAA,yDAAiBjB,KAAKC,U","ignoreList":[]}
+{"version":3,"names":["GovLifecycle","__stencil_proxyCustomElement","HTMLElement","constructor","this","uniqueId","chr4","connectedCallback","console","log","disconnectedCallback","componentWillLoad","componentDidLoad","componentShouldUpdate","componentWillRender","componentDidRender","componentWillUpdate","componentDidUpdate","render","h","Host","key","identifier"],"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"],"mappings":"8FAMaA,EAAYC,EAAA,MAAAD,UAAAE,EAGxB,WAAAC,G,8BACCC,KAAKC,SAAW,aAAeC,GAC/B,CAED,iBAAAC,GACCC,QAAQC,IAAI,oBAAqBL,KAAKC,S,CAGvC,oBAAAK,GACCF,QAAQC,IAAI,uBAAwBL,KAAKC,S,CAG1C,iBAAAM,GACCH,QAAQC,IAAI,oBAAqBL,KAAKC,S,CAGvC,gBAAAO,GACCJ,QAAQC,IAAI,mBAAoBL,KAAKC,S,CAGtC,qBAAAQ,GACCL,QAAQC,IAAI,wBAAyBL,KAAKC,S,CAG3C,mBAAAS,GACCN,QAAQC,IAAI,sBAAuBL,KAAKC,S,CAGzC,kBAAAU,GACCP,QAAQC,IAAI,qBAAsBL,KAAKC,S,CAGxC,mBAAAW,GACCR,QAAQC,IAAI,sBAAuBL,KAAKC,S,CAGzC,kBAAAY,GACCT,QAAQC,IAAI,qBAAsBL,KAAKC,S,CAGxC,MAAAa,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,WAAYlB,KAAKC,UACtBc,EAAA,QAAAE,IAAA,yDAAiBjB,KAAKC,U","ignoreList":[]}

package/dist/components/gov-link.js

@@ -1,2 +1,2 @@
-import{p as t,H as e,h as s,a as i}from"./index.js";import{p as a}from"./p-CQvUntGY.js";import{S as o}from"./p-BcQO4NH2.js";import{g as n}from"./p-DKo9A5gq.js";import{v as r}from"./p-BKP-F1qP.js";import{i as c}from"./p-CXgom82_.js";import{d as h}from"./p-BJnSrRNH.js";const d=a(o,["_S","_M","_L"]);const f={root:"gov-link",external:"gov-link--external"};const l=t(class t extends e{constructor(){super();this.__registerHost();this.size="m";this.external=false;this.truncate=false;this.inheritedAttributes={};this.h=n(this.host)}validateSize(t){r(d,t,f.root)}componentWillLoad(){this.validateSize(this.size);this.inheritedAttributes=c(this.host)}onAriaAttributeChange(t,e){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:e})}render(){return s(i,{key:"87da124a14ecd5515767b8583a98c8a24ea6b21b",class:this.h.classes(f.root),size:this.size,href:this.href,external:this.external,truncate:this.truncate},s("a",Object.assign({key:"7e9b80a7eb6527214cea32a1a6b2dfa7bdba56a9",class:"element",href:this.href,target:this.external?"_blank":this.target,rel:this.external?"noreferrer":null},this.inheritedAttributes),s("slot",{key:"0620fa97529d8966460cd664ff4285719954ca26",name:"icon-start"}),s("span",{key:"fc56fe240cda4ab1dde314deac56937fa9d53717"},s("slot",{key:"fdb01c25b213ee2c093136ff86a9f3d56a0b12ca"})),s("slot",{key:"1d077305b248a77e6b6730c32d5136ce4a9b2858",name:"icon-end"}),this.external&&s("gov-icon",{key:"c9d155610f0cbd4ddf1fd1945b8da78357ba2767",name:"box-arrow-up-right",type:"components",size:this.size,class:f.external})))}get host(){return this}static get watchers(){return{size:["validateSize"]}}},[4,"gov-link",{size:[1],external:[4],truncate:[4],href:[1],target:[1],inheritedAttributes:[32]},undefined,{size:["validateSize"]}]);function m(){if(typeof customElements==="undefined"){return}const t=["gov-link","gov-icon"];t.forEach((t=>{switch(t){case"gov-link":if(!customElements.get(t)){customElements.define(t,l)}break;case"gov-icon":if(!customElements.get(t)){h()}break}}))}m();const b=l;const p=m;export{b as GovLink,p as defineCustomElement};
+import{p as e,H as t,h as s,a as i}from"./index.js";import{p as a}from"./p-CQvUntGY.js";import{S as o}from"./p-BcQO4NH2.js";import{g as n}from"./p-DKo9A5gq.js";import{v as r}from"./p-BKP-F1qP.js";import{i as c}from"./p-CXgom82_.js";import{d as h}from"./p-BrdXh0mI.js";const f=a(o,["_S","_M","_L"]);const l={root:"gov-link",external:"gov-link--external"};const m=e(class e extends t{constructor(){super();this.__registerHost();this.size="m";this.external=false;this.truncate=false;this.inheritedAttributes={};this.h=n(this.host)}validateSize(e){r(f,e,l.root)}componentWillLoad(){this.validateSize(this.size);this.inheritedAttributes=c(this.host)}onAriaAttributeChange(e,t){this.host.removeAttribute(e);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[e]:t})}render(){return s(i,{key:"8ad1e46b293cf74570f818c0a2eebae906b59d79",class:this.h.classes(l.root),size:this.size,href:this.href,external:this.external,truncate:this.truncate},s("a",Object.assign({key:"7b2e9ca795c11167426e80a5a938ccb2153abecc",class:"element",href:this.href,target:this.external?"_blank":this.target,rel:this.external?"noreferrer":null},this.inheritedAttributes),s("slot",{key:"30f58ac9206aa7a1afa9147c8e43077d9b1cb3a8",name:"icon-start"}),s("span",{key:"f839d620a705139a1d155784ea71d954701e89ea"},s("slot",{key:"516ca9f11e1bc62638f3989a8efc0798b9a4ad2e"})),s("slot",{key:"36351fdc5c94f027f731a51608f26552a587c5d0",name:"icon-end"}),this.external&&s("gov-icon",{key:"e2433f478e1f14db8ccddf9d45c4fb0118eeb3a0",name:"box-arrow-up-right",type:"components",size:this.size,class:l.external})))}get host(){return this}static get watchers(){return{size:["validateSize"]}}},[4,"gov-link",{size:[1],external:[4],truncate:[4],href:[1],target:[1],inheritedAttributes:[32]},undefined,{size:["validateSize"]}]);function d(){if(typeof customElements==="undefined"){return}const e=["gov-link","gov-icon"];e.forEach((e=>{switch(e){case"gov-link":if(!customElements.get(e)){customElements.define(e,m)}break;case"gov-icon":if(!customElements.get(e)){h()}break}}))}d();const p=m;const b=d;export{p as GovLink,b as defineCustomElement};
 //# sourceMappingURL=gov-link.js.map

package/dist/components/gov-link.js.map

@@ -1 +1 @@
-{"version":3,"names":["LinkSizes","pick","Sizes","LinkClass","root","external","GovLink","__stencil_proxyCustomElement","HTMLElement","constructor","this","size","truncate","inheritedAttributes","h","govHost","host","validateSize","newValue","validateProp","componentWillLoad","inheritAriaAttributes","onAriaAttributeChange","attributeName","removeAttribute","Object","assign","render","Host","key","class","classes","href","target","rel","name","type"],"sources":["../../../packages/core/src/components/gov-link/constants.ts","../../../packages/core/src/components/gov-link/gov-link.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\r\nimport {Sizes} from \"../../core/constants/sizes\";\r\nimport {ValueOf} from \"../../types/interfaces\";\r\n\r\nexport const LinkSizes = pick(Sizes, ['_S', '_M', '_L'])\r\nexport type LinkSizesType = `${ValueOf<typeof LinkSizes>}`\r\n\r\nexport const LinkClass = {\r\n\troot: 'gov-link',\r\n\texternal: 'gov-link--external',\r\n}\r\n","import {Component, Element, Host, h, Prop, Watch, State} from '@stencil/core'\r\nimport {LinkClass, LinkSizes, LinkSizesType} from './constants'\r\nimport { govHost } from '../../helpers/Dom/template'\r\nimport { GovHost } from '../../helpers/Dom/template.types'\r\nimport {validateProp} from \"../../helpers/Validate/props\";\r\nimport {Attributes} from \"../../helpers/Dom/attribute\";\r\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\r\n\r\n@Component({\r\n\ttag: 'gov-link',\r\n})\r\nexport class GovLink {\r\n\tprivate h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovLinkElement\r\n\t/**\r\n\t * Element size.\r\n\t */\r\n\t@Prop() readonly size?: LinkSizesType = 'm'\r\n\t/**\r\n\t * Element size.\r\n\t */\r\n\t@Prop() readonly external?: boolean = false\r\n\t/**\r\n\t * Cutting text to one line\r\n\t */\r\n\t@Prop() readonly truncate?: boolean = false\r\n\t/**\r\n\t * Same as original parameter\r\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href\r\n\t */\r\n\t@Prop() readonly href: string\r\n\t/**\r\n\t * Same as original parameter\r\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\r\n\t */\r\n\t@Prop() readonly target: string\r\n\r\n\r\n\t@Watch('size')\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(LinkSizes, newValue, LinkClass.root)\r\n\t}\r\n\r\n\t@State() inheritedAttributes: Attributes = {}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateSize(this.size)\r\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host)\r\n\t}\r\n\r\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\r\n\t\tthis.host.removeAttribute(attributeName)\r\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(LinkClass.root)}\r\n\t\t\t\t  size={this.size}\r\n\t\t\t\t  href={this.href}\r\n\t\t\t\t  external={this.external}\r\n\t\t\t\t  truncate={this.truncate}>\r\n\t\t\t\t<a class=\"element\"\r\n\t\t\t\t   href={this.href}\r\n\t\t\t\t   target={this.external ? '_blank' : this.target}\r\n\t\t\t\t   rel={this.external ? \"noreferrer\" : null}\r\n\t\t\t\t   {...this.inheritedAttributes}>\r\n\t\t\t\t\t<slot name=\"icon-start\"/>\r\n\t\t\t\t\t<span><slot/></span>\r\n\t\t\t\t\t<slot name=\"icon-end\"/>\r\n\t\t\t\t\t{this.external && <gov-icon name=\"box-arrow-up-right\" type=\"components\" size={this.size} class={LinkClass.external}></gov-icon>}\r\n\t\t\t\t</a>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"mappings":"4QAIO,MAAMA,EAAYC,EAAKC,EAAO,CAAC,KAAM,KAAM,OAG3C,MAAMC,EAAY,CACxBC,KAAM,WACNC,SAAU,sB,MCEEC,EAAOC,EAAA,MAAAD,UAAAE,EAGnB,WAAAC,G,8BAQiBC,KAAIC,KAAmB,IAIvBD,KAAQL,SAAa,MAIrBK,KAAQE,SAAa,MAkB7BF,KAAmBG,oBAAe,GAjC1CH,KAAKI,EAAIC,EAAQL,KAAKM,KACtB,CA4BD,YAAAC,CAAaC,GACZC,EAAanB,EAAWkB,EAAUf,EAAUC,K,CAK7C,iBAAAgB,GACCV,KAAKO,aAAaP,KAAKC,MACvBD,KAAKG,oBAAsBQ,EAAsBX,KAAKM,K,CAGvD,qBAAAM,CAAsBC,EAAuBL,GAC5CR,KAAKM,KAAKQ,gBAAgBD,GAC1Bb,KAAKG,oBAA0BY,OAAAC,OAAAD,OAAAC,OAAA,GAAAhB,KAAKG,qBAAqB,CAAAU,CAACA,GAAgBL,G,CAG3E,MAAAS,GACC,OACCb,EAACc,EAAK,CAAAC,IAAA,2CAAAC,MAAOpB,KAAKI,EAAEiB,QAAQ5B,EAAUC,MACnCO,KAAMD,KAAKC,KACXqB,KAAMtB,KAAKsB,KACX3B,SAAUK,KAAKL,SACfO,SAAUF,KAAKE,UACjBE,EAAA,IAAAW,OAAAC,OAAA,CAAAG,IAAA,2CAAGC,MAAM,UACNE,KAAMtB,KAAKsB,KACXC,OAAQvB,KAAKL,SAAW,SAAWK,KAAKuB,OACxCC,IAAKxB,KAAKL,SAAW,aAAe,MAChCK,KAAKG,qBACXC,EAAM,QAAAe,IAAA,2CAAAM,KAAK,eACXrB,EAAA,QAAAe,IAAA,4CAAMf,EAAA,QAAAe,IAAA,8CACNf,EAAM,QAAAe,IAAA,2CAAAM,KAAK,aACVzB,KAAKL,UAAYS,EAAU,YAAAe,IAAA,2CAAAM,KAAK,qBAAqBC,KAAK,aAAazB,KAAMD,KAAKC,KAAMmB,MAAO3B,EAAUE,Y","ignoreList":[]}
+{"version":3,"names":["LinkSizes","pick","Sizes","LinkClass","root","external","GovLink","__stencil_proxyCustomElement","HTMLElement","constructor","this","size","truncate","inheritedAttributes","h","govHost","host","validateSize","newValue","validateProp","componentWillLoad","inheritAriaAttributes","onAriaAttributeChange","attributeName","removeAttribute","Object","assign","render","Host","key","class","classes","href","target","rel","name","type"],"sources":["../../../packages/core/src/components/gov-link/constants.ts","../../../packages/core/src/components/gov-link/gov-link.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const LinkSizes = pick(Sizes, ['_S', '_M', '_L'])\nexport type LinkSizesType = `${ValueOf<typeof LinkSizes>}`\n\nexport const LinkClass = {\n\troot: 'gov-link',\n\texternal: 'gov-link--external',\n}\n","import {Component, Element, Host, h, Prop, Watch, State} from '@stencil/core'\nimport {LinkClass, LinkSizes, LinkSizesType} from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport {validateProp} from \"../../helpers/Validate/props\";\nimport {Attributes} from \"../../helpers/Dom/attribute\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: 'gov-link',\n})\nexport class GovLink {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovLinkElement\n\t/**\n\t * Element size.\n\t */\n\t@Prop() readonly size?: LinkSizesType = 'm'\n\t/**\n\t * Element size.\n\t */\n\t@Prop() readonly external?: boolean = false\n\t/**\n\t * Cutting text to one line\n\t */\n\t@Prop() readonly truncate?: boolean = false\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href\n\t */\n\t@Prop() readonly href: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\n\t */\n\t@Prop() readonly target: string\n\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(LinkSizes, newValue, LinkClass.root)\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host)\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(LinkClass.root)}\n\t\t\t\t  size={this.size}\n\t\t\t\t  href={this.href}\n\t\t\t\t  external={this.external}\n\t\t\t\t  truncate={this.truncate}>\n\t\t\t\t<a class=\"element\"\n\t\t\t\t   href={this.href}\n\t\t\t\t   target={this.external ? '_blank' : this.target}\n\t\t\t\t   rel={this.external ? \"noreferrer\" : null}\n\t\t\t\t   {...this.inheritedAttributes}>\n\t\t\t\t\t<slot name=\"icon-start\"/>\n\t\t\t\t\t<span><slot/></span>\n\t\t\t\t\t<slot name=\"icon-end\"/>\n\t\t\t\t\t{this.external && <gov-icon name=\"box-arrow-up-right\" type=\"components\" size={this.size} class={LinkClass.external}></gov-icon>}\n\t\t\t\t</a>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"4QAIO,MAAMA,EAAYC,EAAKC,EAAO,CAAC,KAAM,KAAM,OAG3C,MAAMC,EAAY,CACxBC,KAAM,WACNC,SAAU,sB,MCEEC,EAAOC,EAAA,MAAAD,UAAAE,EAGnB,WAAAC,G,8BAQiBC,KAAIC,KAAmB,IAIvBD,KAAQL,SAAa,MAIrBK,KAAQE,SAAa,MAkB7BF,KAAmBG,oBAAe,GAjC1CH,KAAKI,EAAIC,EAAQL,KAAKM,KACtB,CA4BD,YAAAC,CAAaC,GACZC,EAAanB,EAAWkB,EAAUf,EAAUC,K,CAK7C,iBAAAgB,GACCV,KAAKO,aAAaP,KAAKC,MACvBD,KAAKG,oBAAsBQ,EAAsBX,KAAKM,K,CAGvD,qBAAAM,CAAsBC,EAAuBL,GAC5CR,KAAKM,KAAKQ,gBAAgBD,GAC1Bb,KAAKG,oBAA0BY,OAAAC,OAAAD,OAAAC,OAAA,GAAAhB,KAAKG,qBAAqB,CAAAU,CAACA,GAAgBL,G,CAG3E,MAAAS,GACC,OACCb,EAACc,EAAK,CAAAC,IAAA,2CAAAC,MAAOpB,KAAKI,EAAEiB,QAAQ5B,EAAUC,MACnCO,KAAMD,KAAKC,KACXqB,KAAMtB,KAAKsB,KACX3B,SAAUK,KAAKL,SACfO,SAAUF,KAAKE,UACjBE,EAAA,IAAAW,OAAAC,OAAA,CAAAG,IAAA,2CAAGC,MAAM,UACNE,KAAMtB,KAAKsB,KACXC,OAAQvB,KAAKL,SAAW,SAAWK,KAAKuB,OACxCC,IAAKxB,KAAKL,SAAW,aAAe,MAChCK,KAAKG,qBACXC,EAAM,QAAAe,IAAA,2CAAAM,KAAK,eACXrB,EAAA,QAAAe,IAAA,4CAAMf,EAAA,QAAAe,IAAA,8CACNf,EAAM,QAAAe,IAAA,2CAAAM,KAAK,aACVzB,KAAKL,UAAYS,EAAU,YAAAe,IAAA,2CAAAM,KAAK,qBAAqBC,KAAK,aAAazB,KAAMD,KAAKC,KAAMmB,MAAO3B,EAAUE,Y","ignoreList":[]}

package/dist/components/gov-loading.js

@@ -1,2 +1,2 @@
-import{p as e,H as o,h as s,a as t}from"./index.js";import{p as a}from"./p-CQvUntGY.js";import{S as i}from"./p-BcQO4NH2.js";import{g as n,p as c}from"./p-DKo9A5gq.js";import{v as r}from"./p-BKP-F1qP.js";import{d}from"./p-BnxqJyb_.js";import{d as m}from"./p-BJnSrRNH.js";const p=a(i,["_S","_M","_L"]);const f={root:"gov-loading",content:"gov-loading__content",icon:"gov-loading__icon"};const g=e(class e extends o{constructor(){super();this.__registerHost();this.size="m";this.h=n(this.host)}validateSize(e){r(p,e,f.root)}componentWillLoad(){this.validateSize(this.size)}render(){return s(t,{key:"633a5908dcace7298026f28a9cd7e8cf7580ae3e",class:this.h.classes(f.root),size:this.size},s("div",{key:"39027a3ed4b2284070fe7f6954ec3864222b57aa",class:f.content},s("gov-icon",{key:"6baa68d8626e7b271eec0c6990b5999849a23fd5",class:c([f.icon,"gov-spin-animation"]),name:"loader",type:"components"}),s("slot",{key:"c9179dc3e6de4cb6ce2da35b9b81dc16fc2fda67"})),s("gov-backdrop",{key:"ca4fe88eb06122df18b717d008b7520724efd64e",inverse:true}))}get host(){return this}static get watchers(){return{size:["validateSize"]}}},[4,"gov-loading",{size:[1]},undefined,{size:["validateSize"]}]);function l(){if(typeof customElements==="undefined"){return}const e=["gov-loading","gov-backdrop","gov-icon"];e.forEach((e=>{switch(e){case"gov-loading":if(!customElements.get(e)){customElements.define(e,g)}break;case"gov-backdrop":if(!customElements.get(e)){d()}break;case"gov-icon":if(!customElements.get(e)){m()}break}}))}l();const v=g;const b=l;export{v as GovLoading,b as defineCustomElement};
+import{p as e,H as o,h as s,a as t}from"./index.js";import{p as a}from"./p-CQvUntGY.js";import{S as i}from"./p-BcQO4NH2.js";import{g as n,p as c}from"./p-DKo9A5gq.js";import{v as d}from"./p-BKP-F1qP.js";import{d as r}from"./p-yqJEurSE.js";import{d as m}from"./p-BrdXh0mI.js";const f=a(i,["_S","_M","_L"]);const p={root:"gov-loading",content:"gov-loading__content",icon:"gov-loading__icon"};const g=e(class e extends o{constructor(){super();this.__registerHost();this.size="m";this.h=n(this.host)}validateSize(e){d(f,e,p.root)}componentWillLoad(){this.validateSize(this.size)}render(){return s(t,{key:"fd1daa910f59d6a90cd028a7973952450dcbbafd",class:this.h.classes(p.root),size:this.size},s("div",{key:"c4ce62df116e5e13a2bdb14855f6ce6b8b5fc640",class:p.content},s("gov-icon",{key:"5b31630577d8e7cde90a80829ea20b9ded0f5bb3",class:c([p.icon,"gov-spin-animation"]),name:"loader",type:"components"}),s("slot",{key:"21179ec4603daf9694a520be92c92989c99f1884"})),s("gov-backdrop",{key:"95104639ad57b91d4dcaa2df40f6203a8e13b52e",inverse:true}))}get host(){return this}static get watchers(){return{size:["validateSize"]}}},[4,"gov-loading",{size:[1]},undefined,{size:["validateSize"]}]);function l(){if(typeof customElements==="undefined"){return}const e=["gov-loading","gov-backdrop","gov-icon"];e.forEach((e=>{switch(e){case"gov-loading":if(!customElements.get(e)){customElements.define(e,g)}break;case"gov-backdrop":if(!customElements.get(e)){r()}break;case"gov-icon":if(!customElements.get(e)){m()}break}}))}l();const v=g;const b=l;export{v as GovLoading,b as defineCustomElement};
 //# sourceMappingURL=gov-loading.js.map

package/dist/components/gov-loading.js.map

@@ -1 +1 @@
-{"version":3,"names":["LoadingSizes","pick","Sizes","LoadingClass","root","content","icon","GovLoading","__stencil_proxyCustomElement","HTMLElement","constructor","this","size","h","govHost","host","validateSize","newValue","validateProp","componentWillLoad","render","Host","key","class","classes","prepareClasses","name","type","inverse"],"sources":["../../../packages/core/src/components/gov-loading/loading/constants.ts","../../../packages/core/src/components/gov-loading/loading/gov-loading.tsx"],"sourcesContent":["import {pick} from \"../../../utils/utils\";\r\nimport {Sizes} from \"../../../core/constants/sizes\";\r\nimport {ValueOf} from \"../../../types/interfaces\";\r\n\r\nexport const LoadingSizes = pick(Sizes, ['_S', '_M', '_L'])\r\nexport type LoadingSizesType = `${ValueOf<typeof LoadingSizes>}`\r\n\r\nexport const LoadingClass = {\r\n\troot: 'gov-loading',\r\n\tcontent: 'gov-loading__content',\r\n\ticon: 'gov-loading__icon',\r\n}\r\n","import {Component, Element, h, Host, Prop, Watch} from \"@stencil/core\"\r\nimport {LoadingClass, LoadingSizes, LoadingSizesType} from \"./constants\"\r\nimport { govHost, prepareClasses } from \"../../../helpers/Dom/template\"\r\nimport { GovHost } from \"../../../helpers/Dom/template.types\"\r\nimport {validateProp} from \"../../../helpers/Validate/props\";\r\n\r\n@Component({\r\n\ttag: \"gov-loading\",\r\n})\r\nexport class GovLoading {\r\n\tprivate h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovLoadingElement\r\n\t/**\r\n\t * Loading size\r\n\t */\r\n\t@Prop() readonly size?: LoadingSizesType = 'm'\r\n\r\n\t@Watch(\"size\")\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(LoadingSizes, newValue, LoadingClass.root)\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateSize(this.size)\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(LoadingClass.root)} size={this.size}>\r\n\t\t\t\t<div class={LoadingClass.content}>\r\n\t\t\t\t\t<gov-icon\r\n\t\t\t\t\t\tclass={prepareClasses([LoadingClass.icon, \"gov-spin-animation\"])}\r\n\t\t\t\t\t\tname=\"loader\"\r\n\t\t\t\t\t\ttype=\"components\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<slot />\r\n\t\t\t\t</div>\r\n\t\t\t\t<gov-backdrop inverse={true} />\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"mappings":"8QAIO,MAAMA,EAAeC,EAAKC,EAAO,CAAC,KAAM,KAAM,OAG9C,MAAMC,EAAe,CAC3BC,KAAM,cACNC,QAAS,uBACTC,KAAM,qB,MCDMC,EAAUC,EAAA,MAAAD,UAAAE,EAGtB,WAAAC,G,8BAQiBC,KAAIC,KAAsB,IAP1CD,KAAKE,EAAIC,EAAQH,KAAKI,KACtB,CASD,YAAAC,CAAaC,GACZC,EAAalB,EAAciB,EAAUd,EAAaC,K,CAGnD,iBAAAe,GACCR,KAAKK,aAAaL,KAAKC,K,CAGxB,MAAAQ,GACC,OACCP,EAACQ,EAAI,CAAAC,IAAA,2CAACC,MAAOZ,KAAKE,EAAEW,QAAQrB,EAAaC,MAAOQ,KAAMD,KAAKC,MAC1DC,EAAA,OAAAS,IAAA,2CAAKC,MAAOpB,EAAaE,SACxBQ,EACC,YAAAS,IAAA,2CAAAC,MAAOE,EAAe,CAACtB,EAAaG,KAAM,uBAC1CoB,KAAK,SACLC,KAAK,eAENd,EAAA,QAAAS,IAAA,8CAEDT,EAAA,gBAAAS,IAAA,2CAAcM,QAAS,O","ignoreList":[]}
+{"version":3,"names":["LoadingSizes","pick","Sizes","LoadingClass","root","content","icon","GovLoading","__stencil_proxyCustomElement","HTMLElement","constructor","this","size","h","govHost","host","validateSize","newValue","validateProp","componentWillLoad","render","Host","key","class","classes","prepareClasses","name","type","inverse"],"sources":["../../../packages/core/src/components/gov-loading/loading/constants.ts","../../../packages/core/src/components/gov-loading/loading/gov-loading.tsx"],"sourcesContent":["import {pick} from \"../../../utils/utils\";\nimport {Sizes} from \"../../../core/constants/sizes\";\nimport {ValueOf} from \"../../../types/interfaces\";\n\nexport const LoadingSizes = pick(Sizes, ['_S', '_M', '_L'])\nexport type LoadingSizesType = `${ValueOf<typeof LoadingSizes>}`\n\nexport const LoadingClass = {\n\troot: 'gov-loading',\n\tcontent: 'gov-loading__content',\n\ticon: 'gov-loading__icon',\n}\n","import {Component, Element, h, Host, Prop, Watch} from \"@stencil/core\"\nimport {LoadingClass, LoadingSizes, LoadingSizesType} from \"./constants\"\nimport { govHost, prepareClasses } from \"../../../helpers/Dom/template\"\nimport { GovHost } from \"../../../helpers/Dom/template.types\"\nimport {validateProp} from \"../../../helpers/Validate/props\";\n\n@Component({\n\ttag: \"gov-loading\",\n})\nexport class GovLoading {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovLoadingElement\n\t/**\n\t * Loading size\n\t */\n\t@Prop() readonly size?: LoadingSizesType = 'm'\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(LoadingSizes, newValue, LoadingClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(LoadingClass.root)} size={this.size}>\n\t\t\t\t<div class={LoadingClass.content}>\n\t\t\t\t\t<gov-icon\n\t\t\t\t\t\tclass={prepareClasses([LoadingClass.icon, \"gov-spin-animation\"])}\n\t\t\t\t\t\tname=\"loader\"\n\t\t\t\t\t\ttype=\"components\"\n\t\t\t\t\t/>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t\t<gov-backdrop inverse={true} />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"mRAIO,MAAMA,EAAeC,EAAKC,EAAO,CAAC,KAAM,KAAM,OAG9C,MAAMC,EAAe,CAC3BC,KAAM,cACNC,QAAS,uBACTC,KAAM,qB,MCDMC,EAAUC,EAAA,MAAAD,UAAAE,EAGtB,WAAAC,G,8BAQiBC,KAAIC,KAAsB,IAP1CD,KAAKE,EAAIC,EAAQH,KAAKI,KACtB,CASD,YAAAC,CAAaC,GACZC,EAAalB,EAAciB,EAAUd,EAAaC,K,CAGnD,iBAAAe,GACCR,KAAKK,aAAaL,KAAKC,K,CAGxB,MAAAQ,GACC,OACCP,EAACQ,EAAI,CAAAC,IAAA,2CAACC,MAAOZ,KAAKE,EAAEW,QAAQrB,EAAaC,MAAOQ,KAAMD,KAAKC,MAC1DC,EAAA,OAAAS,IAAA,2CAAKC,MAAOpB,EAAaE,SACxBQ,EACC,YAAAS,IAAA,2CAAAC,MAAOE,EAAe,CAACtB,EAAaG,KAAM,uBAC1CoB,KAAK,SACLC,KAAK,eAENd,EAAA,QAAAS,IAAA,8CAEDT,EAAA,gBAAAS,IAAA,2CAAcM,QAAS,O","ignoreList":[]}

package/dist/components/gov-message.js

@@ -1,2 +1,2 @@
-import{p as s,H as e,h as t,a as o}from"./index.js";import{v as a}from"./p-BKP-F1qP.js";import{C as c}from"./p-U40vKHrs.js";import{p as r}from"./p-CQvUntGY.js";import{g as n}from"./p-DKo9A5gq.js";r(c,["PRIMARY","NEUTRAL","ERROR","SUCCESS","WARNING"]);var i;(function(s){s["BOLD"]="bold";s["SUBTLE"]="subtle"})(i||(i={}));const d={root:"gov-message",content:"gov-message__content"};const b=s(class s extends e{constructor(){super();this.__registerHost();this.color=c.PRIMARY;this.type="subtle";this.h=n(this.host)}validateColor(s){a(c,s,d.root)}render(){return t(o,{key:"646b418ce94ae2c4a0e68ae7662b6a0cdcb5abdf",class:this.h.classes(d.root),color:this.color,type:this.type,role:"status"},this.h.hasSlot("icon")&&t("span",{key:"c628baa7a9302fd2422418f6cb643ab188630d19"},t("slot",{key:"3e06254836e945da56d642ca358730c59da0575d",name:"icon"})),t("div",{key:"e9732388652c00c5bb4292d61ba71a62b3a6ca07",class:d.content},t("slot",{key:"71b74db9ecbfa2fcd0bbb102e6d77accbcd1d3f0"})))}get host(){return this}static get watchers(){return{color:["validateColor"]}}},[4,"gov-message",{color:[1],type:[1]},undefined,{color:["validateColor"]}]);function l(){if(typeof customElements==="undefined"){return}const s=["gov-message"];s.forEach((s=>{switch(s){case"gov-message":if(!customElements.get(s)){customElements.define(s,b)}break}}))}l();const m=b;const f=l;export{m as GovMessage,f as defineCustomElement};
+import{p as s,H as e,h as t,a as o}from"./index.js";import{v as c}from"./p-BKP-F1qP.js";import{C as a}from"./p-U40vKHrs.js";import{p as r}from"./p-CQvUntGY.js";import{g as n}from"./p-DKo9A5gq.js";r(a,["PRIMARY","NEUTRAL","ERROR","SUCCESS","WARNING"]);var i;(function(s){s["BOLD"]="bold";s["SUBTLE"]="subtle"})(i||(i={}));const f={root:"gov-message",content:"gov-message__content"};const d=s(class s extends e{constructor(){super();this.__registerHost();this.color=a.PRIMARY;this.type="subtle";this.h=n(this.host)}validateColor(s){c(a,s,f.root)}render(){return t(o,{key:"dcd1094c7dec5bf304d39a4de8bc85dc12cb92b7",class:this.h.classes(f.root),color:this.color,type:this.type,role:"status"},this.h.hasSlot("icon")&&t("span",{key:"d51f207d78f918b14dc4edb22706595d7bc439c3"},t("slot",{key:"890ffc0ff4a6c6abbfef4e2b2a0ab1ba40a11695",name:"icon"})),t("div",{key:"ef3b1797d3bc063592d21c4013a35cf310ef0fb3",class:f.content},t("slot",{key:"6ff8a2cd2f06006fa6a0182b196cd8a38b1d1e87"})))}get host(){return this}static get watchers(){return{color:["validateColor"]}}},[4,"gov-message",{color:[1],type:[1]},undefined,{color:["validateColor"]}]);function l(){if(typeof customElements==="undefined"){return}const s=["gov-message"];s.forEach((s=>{switch(s){case"gov-message":if(!customElements.get(s)){customElements.define(s,d)}break}}))}l();const m=d;const b=l;export{m as GovMessage,b as defineCustomElement};
 //# sourceMappingURL=gov-message.js.map

package/dist/components/gov-message.js.map

@@ -1 +1 @@
-{"version":3,"names":["pick","Colors","MessageType","MessageClass","root","content","GovMessage","__stencil_proxyCustomElement","HTMLElement","constructor","this","color","PRIMARY","type","h","govHost","host","validateColor","newValue","validateProp","render","Host","key","class","classes","role","hasSlot","name"],"sources":["../../../packages/core/src/components/gov-message/constants.ts","../../../packages/core/src/components/gov-message/gov-message.tsx"],"sourcesContent":["import { Colors } from '../../core/constants/colors'\r\nimport { pick } from '../../utils/utils'\r\nimport { ValueOf } from '../../types/interfaces'\r\n\r\nexport const MessageColors = pick(Colors, ['PRIMARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING'])\r\nexport type MessageColorType = `${ValueOf<typeof MessageColors>}`\r\n\r\nexport enum MessageType {\r\n\tBOLD = 'bold',\r\n\tSUBTLE = 'subtle',\r\n}\r\nexport type MessageTypesType = `${ValueOf<typeof MessageType>}`\r\n\r\nexport const MessageClass = {\r\n\troot: 'gov-message',\r\n\tcontent: 'gov-message__content',\r\n}\r\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\"\r\nimport { validateProp } from \"../../helpers/Validate/props\"\r\nimport { MessageTypesType, MessageClass, MessageColorType} from \"./constants\"\r\nimport { govHost } from \"../../helpers/Dom/template\"\r\nimport { GovHost } from \"../../helpers/Dom/template.types\"\r\nimport { Colors } from \"../../core/constants/colors\"\r\n\r\n@Component({\r\n\ttag: \"gov-message\",\r\n})\r\nexport class GovMessage {\r\n\tprivate h: GovHost\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovMessageElement\r\n\r\n\t/**\r\n\t * Style variation of the content message.\r\n\t */\r\n\t@Prop() readonly color: MessageColorType = Colors.PRIMARY\r\n\t/**\r\n\t * Message type\r\n\t */\r\n\t@Prop() readonly type?: MessageTypesType = \"subtle\"\r\n\r\n\t@Watch(\"color\")\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(Colors, newValue, MessageClass.root)\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(MessageClass.root)} color={this.color} type={this.type} role=\"status\">\r\n\t\t\t\t{this.h.hasSlot(\"icon\") && (\r\n\t\t\t\t\t<span>\r\n\t\t\t\t\t\t<slot name=\"icon\" />\r\n\t\t\t\t\t</span>\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t<div class={MessageClass.content}>\r\n\t\t\t\t\t<slot />\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"mappings":"oMAI6BA,EAAKC,EAAQ,CAAC,UAAW,UAAW,QAAS,UAAW,YAGrF,IAAYC,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,kBACA,EAHD,CAAYA,MAGX,KAGM,MAAMC,EAAe,CAC3BC,KAAM,cACNC,QAAS,wB,MCLGC,EAAUC,EAAA,MAAAD,UAAAE,EAGtB,WAAAC,G,8BASiBC,KAAAC,MAA0BV,EAAOW,QAIjCF,KAAIG,KAAsB,SAZ1CH,KAAKI,EAAIC,EAAQL,KAAKM,KACtB,CAcD,aAAAC,CAAcC,GACbC,EAAalB,EAAQiB,EAAUf,EAAaC,K,CAG7C,MAAAgB,GACC,OACCN,EAACO,EAAI,CAAAC,IAAA,2CAACC,MAAOb,KAAKI,EAAEU,QAAQrB,EAAaC,MAAOO,MAAOD,KAAKC,MAAOE,KAAMH,KAAKG,KAAMY,KAAK,UACvFf,KAAKI,EAAEY,QAAQ,SACfZ,EAAA,QAAAQ,IAAA,4CACCR,EAAA,QAAAQ,IAAA,2CAAMK,KAAK,UAIbb,EAAA,OAAAQ,IAAA,2CAAKC,MAAOpB,EAAaE,SACxBS,EAAQ,QAAAQ,IAAA,8C","ignoreList":[]}
+{"version":3,"names":["pick","Colors","MessageType","MessageClass","root","content","GovMessage","__stencil_proxyCustomElement","HTMLElement","constructor","this","color","PRIMARY","type","h","govHost","host","validateColor","newValue","validateProp","render","Host","key","class","classes","role","hasSlot","name"],"sources":["../../../packages/core/src/components/gov-message/constants.ts","../../../packages/core/src/components/gov-message/gov-message.tsx"],"sourcesContent":["import { Colors } from '../../core/constants/colors'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const MessageColors = pick(Colors, ['PRIMARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING'])\nexport type MessageColorType = `${ValueOf<typeof MessageColors>}`\n\nexport enum MessageType {\n\tBOLD = 'bold',\n\tSUBTLE = 'subtle',\n}\nexport type MessageTypesType = `${ValueOf<typeof MessageType>}`\n\nexport const MessageClass = {\n\troot: 'gov-message',\n\tcontent: 'gov-message__content',\n}\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { MessageTypesType, MessageClass, MessageColorType} from \"./constants\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { Colors } from \"../../core/constants/colors\"\n\n@Component({\n\ttag: \"gov-message\",\n})\nexport class GovMessage {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovMessageElement\n\n\t/**\n\t * Style variation of the content message.\n\t */\n\t@Prop() readonly color: MessageColorType = Colors.PRIMARY\n\t/**\n\t * Message type\n\t */\n\t@Prop() readonly type?: MessageTypesType = \"subtle\"\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(Colors, newValue, MessageClass.root)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(MessageClass.root)} color={this.color} type={this.type} role=\"status\">\n\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\n\t\t\t\t<div class={MessageClass.content}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"oMAI6BA,EAAKC,EAAQ,CAAC,UAAW,UAAW,QAAS,UAAW,YAGrF,IAAYC,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,kBACA,EAHD,CAAYA,MAGX,KAGM,MAAMC,EAAe,CAC3BC,KAAM,cACNC,QAAS,wB,MCLGC,EAAUC,EAAA,MAAAD,UAAAE,EAGtB,WAAAC,G,8BASiBC,KAAAC,MAA0BV,EAAOW,QAIjCF,KAAIG,KAAsB,SAZ1CH,KAAKI,EAAIC,EAAQL,KAAKM,KACtB,CAcD,aAAAC,CAAcC,GACbC,EAAalB,EAAQiB,EAAUf,EAAaC,K,CAG7C,MAAAgB,GACC,OACCN,EAACO,EAAI,CAAAC,IAAA,2CAACC,MAAOb,KAAKI,EAAEU,QAAQrB,EAAaC,MAAOO,MAAOD,KAAKC,MAAOE,KAAMH,KAAKG,KAAMY,KAAK,UACvFf,KAAKI,EAAEY,QAAQ,SACfZ,EAAA,QAAAQ,IAAA,4CACCR,EAAA,QAAAQ,IAAA,2CAAMK,KAAK,UAIbb,EAAA,OAAAQ,IAAA,2CAAKC,MAAOpB,EAAaE,SACxBS,EAAQ,QAAAQ,IAAA,8C","ignoreList":[]}