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

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

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

Files changed (1489) hide show

package/dist/components/gov-form-radio.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["GovFormRadio","__stencil_proxyCustomElement","HTMLElement","constructor","this","hydrated","noLabel","checked","required","disabled","size","inheritedAttributes","radioId","createID","h","govHost","host","f","govForm","validateSize","newValue","validateProp","FormRadioSizes","FormRadioClass","root","watchControlAttrs","passControlAttrs","passAttrToControl","toBoolAttr","invalid","componentWillLoad","inheritAriaAttributes","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentDidRender","passAttrToLabel","identifier","String","connectedCallback","disconnectedCallback","_a","stopObserving","removeAttribute","Object","assign","render","wrapRadio","children","class","label","Host","toBoolAttrIfDefined","Fragment","input","id","type","value","name","onClick","onClickHandler","bind","onChange","onChangeHandler","onFocus","onFocusHandler","onBlur","onBlurHandler","ref","el","inputRef","e","stopPropagation","govFocus","emit","component","originalEvent","govBlur","target","govChange","getRef"],"sources":["../../../packages/core/src/components/gov-form/radio/gov-form-radio.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 {FormRadioClass, FormRadioSizes, FormRadioSizesType} 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 {FormRadioEvent} from \"./gov-form-radio.types\"\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\n\n@Component({\n\ttag: \"gov-form-radio\",\n})\nexport class GovFormRadio {\n\tprivate readonly h: GovHost\n\tprivate f: GovForm\n\tprivate inputRef?: HTMLInputElement\n\tprivate attributeObserver: AttributeObserver\n\n\tprivate readonly radioId: string\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.radioId = createID(\"GovRadio\")\n\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormRadioElement\n\t/*\n\t Value of radio\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 Radio 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 * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t /\n\t@Prop() readonly required: boolean = false\n\t/\n\t Makes the radio component disabled.\n\t * This prevents users from being able to interact with the radio, and conveys its inactive state to assistive technologies.\n\t /\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/\n\t Name of the radio.\n\t /\n\t@Prop() readonly name: string\n\t/\n\t Radio's size.\n\t /\n\t@Prop() readonly size?: FormRadioSizesType = \"m\"\n\t/\n\t Custom radio 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 radio has focus.\n\t /\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<FormRadioEvent>\n\t/\n\t Emitted when the radio loses focus.\n\t /\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<FormRadioEvent>\n\t/\n\t Emitted when the radio change value.\n\t /\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormRadioEvent>\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormRadioSizes, newValue, FormRadioClass.root)\n\t}\n\n\t@Watch(\"disabled\")\n\t@Watch(\"invalid\")\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(\"invalid\", toBoolAttr(this.invalid))\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl(\"type\", \"radio\")\n\t}\n\n\n\tcomponentWillLoad() {\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tasync componentDidRender() {\n\t\tthis.f.passAttrToLabel(\"identifier\", this.identifier \|\| this.radioId)\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\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\trender() {\n\t\tconst wrapRadio = (children) => {\n\t\t\tif (this.noLabel) {\n\t\t\t\treturn <label class={FormRadioClass.label}>{children}</label>\n\t\t\t}\n\t\t\treturn children\n\t\t}\n\n\t\treturn (\n\t\t\t<Host class={FormRadioClass.root} hydrated={this.hydrated} checked={this.checked} size={this.size}\n\t\t\t\t invalid={toBoolAttrIfDefined(this.invalid)}>\n\t\t\t\t{wrapRadio(\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclass={FormRadioClass.input}\n\t\t\t\t\t\t\tid={this.identifier \|\| this.radioId}\n\t\t\t\t\t\t\ttype=\"radio\"\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\tchecked={this.checked}\n\t\t\t\t\t\t\tdisabled={this.disabled}\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<slot name=\"label\"/>\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: PointerEvent) {\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: FormRadioClass.root,\n\t\t\tvalue: this.value,\n\t\t\tchecked: this.checked,\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: FormRadioClass.root,\n\t\t\tvalue: this.value,\n\t\t\tchecked: this.checked,\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: FormRadioClass.root,\n\t\t\tvalue: this.value,\n\t\t\tchecked: this.checked,\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":[]}
1	+ {"version":3,"names":["GovFormRadio","__stencil_proxyCustomElement","HTMLElement","constructor","this","hydrated","noLabel","checked","required","disabled","size","inheritedAttributes","radioId","createID","h","govHost","host","f","govForm","validateSize","newValue","validateProp","FormRadioSizes","FormRadioClass","root","watchControlAttrs","passControlAttrs","passAttrToControl","toBoolAttr","invalid","componentWillLoad","inheritAriaAttributes","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentDidRender","passAttrToLabel","identifier","String","connectedCallback","disconnectedCallback","_a","stopObserving","removeAttribute","Object","assign","render","wrapRadio","children","class","label","Host","toBoolAttrIfDefined","Fragment","input","id","type","value","name","onClick","onClickHandler","bind","onChange","onChangeHandler","onFocus","onFocusHandler","onBlur","onBlurHandler","ref","el","inputRef","e","stopPropagation","govFocus","emit","component","originalEvent","govBlur","target","govChange","getRef"],"sources":["../../../packages/core/src/components/gov-form/radio/gov-form-radio.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 {FormRadioClass, FormRadioSizes, FormRadioSizesType} 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 {FormRadioEvent} from \"./gov-form-radio.types\"\r\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\r\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\r\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\r\n\r\n@Component({\r\n\ttag: \"gov-form-radio\",\r\n})\r\nexport class GovFormRadio {\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 radioId: string\r\n\tprivate hydrated = false\r\n\r\n\tconstructor() {\r\n\t\tthis.radioId = createID(\"GovRadio\")\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: HTMLGovFormRadioElement\r\n\t/*\r\n\t Value of radio\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 Radio 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 * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\r\n\t /\r\n\t@Prop() readonly required: boolean = false\r\n\t/\r\n\t Makes the radio component disabled.\r\n\t * This prevents users from being able to interact with the radio, and conveys its inactive state to assistive technologies.\r\n\t /\r\n\t@Prop({reflect: true}) readonly disabled: boolean = false\r\n\t/\r\n\t Name of the radio.\r\n\t /\r\n\t@Prop() readonly name: string\r\n\t/\r\n\t Radio's size.\r\n\t /\r\n\t@Prop() readonly size?: FormRadioSizesType = \"m\"\r\n\t/\r\n\t Custom radio 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 radio has focus.\r\n\t /\r\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<FormRadioEvent>\r\n\t/\r\n\t Emitted when the radio loses focus.\r\n\t /\r\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<FormRadioEvent>\r\n\t/\r\n\t Emitted when the radio change value.\r\n\t /\r\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormRadioEvent>\r\n\r\n\t@Watch(\"size\")\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(FormRadioSizes, newValue, FormRadioClass.root)\r\n\t}\r\n\r\n\t@Watch(\"disabled\")\r\n\t@Watch(\"invalid\")\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(\"invalid\", toBoolAttr(this.invalid))\r\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\r\n\t\tthis.f.passAttrToControl(\"type\", \"radio\")\r\n\t}\r\n\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\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\tasync componentDidRender() {\r\n\t\tthis.f.passAttrToLabel(\"identifier\", this.identifier \|\| this.radioId)\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\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\trender() {\r\n\t\tconst wrapRadio = (children) => {\r\n\t\t\tif (this.noLabel) {\r\n\t\t\t\treturn <label class={FormRadioClass.label}>{children}</label>\r\n\t\t\t}\r\n\t\t\treturn children\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={FormRadioClass.root} hydrated={this.hydrated} checked={this.checked} size={this.size}\r\n\t\t\t\t invalid={toBoolAttrIfDefined(this.invalid)}>\r\n\t\t\t\t{wrapRadio(\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={FormRadioClass.input}\r\n\t\t\t\t\t\t\tid={this.identifier \|\| this.radioId}\r\n\t\t\t\t\t\t\ttype=\"radio\"\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\tchecked={this.checked}\r\n\t\t\t\t\t\t\tdisabled={this.disabled}\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<slot name=\"label\"/>\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: PointerEvent) {\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: FormRadioClass.root,\r\n\t\t\tvalue: this.value,\r\n\t\t\tchecked: this.checked,\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: FormRadioClass.root,\r\n\t\t\tvalue: this.value,\r\n\t\t\tchecked: this.checked,\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: FormRadioClass.root,\r\n\t\t\tvalue: this.value,\r\n\t\t\tchecked: this.checked,\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":[]}

package/dist/components/gov-form-range.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as t,H as s,c as i,h as e,a as o}from"./index.js";import{p as a}from"./p-CQvUntGY.js";import{S as n}from"./p-BcQO4NH2.js";import{g as h,t as r,c}from"./p-DfJDyRCE.js";import{v as l}from"./p-BKP-F1qP.js";import{A as u,a as d,i as f}from"./p-CXgom82_.js";import{g as m}from"./p-9imLQpxb.js";import{t as p}from"./p-Cjg0wpDG.js";import{b as v}from"./p-B3tdsiZv.js";import{c as b}from"./p-vN03FcXN.js";import{d as g}from"./p-CXbpWAIF.js";import{d as j}from"./p-DJ1DN3ks.js";import{d as w}from"./p-B03Rpjps.js";const C=a(n,["_S","_M","_L"]);const A={root:"gov-form-range",fill:"gov-form-range--fill",input:"gov-form-range--input"};const y=t(class t extends s{constructor(){super();this.__registerHost();this.govFocus=i(this,"gov-focus");this.govBlur=i(this,"gov-blur");this.govInput=i(this,"gov-input");this.size="m";this.tooltip=false;this.input=false;this.required=false;this.disabled=false;this.inheritedAttributes={};this.h=h(this.host);this.f=m(this.h);this.inputId=b("GovInput")}validateSize(t){l(C,t,A.root)}watchValue(){this.controlOutputPosition()}watchControlAttrs(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("success",r(this.success));this.f.passAttrToControl("disabled",r(this.disabled));this.f.passAttrToControl("invalid",r(this.invalid))}get getThumbWidth(){const t=window.getComputedStyle(this.inputRef);return parseFloat(t.getPropertyValue("--thumb-size"))||1}controlOutputPosition(){const t=+this.value;const s=+this.inputRef.min;const i=+this.inputRef.max;const e=this.getThumbWidth*16;const o=this.inputRef.offsetWidth;const a=(t-s)/(i-s)*100;let n=a/100*(o-e)+e/2;if(this.outputRef){this.outputRef.textContent=this.value;const t=this.outputRef.offsetWidth/2;this.outputRef.style.left=`${n-t}px`}if(this.fillRef){this.fillRef.style.width=`${n}px`}}componentDidLoad(){this.attributeObserver=new u(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(d)}componentWillLoad(){this.validateSize(this.size);this.inheritedAttributes=f(this.host)}componentDidRender(){this.passControlAttrs();this.f.passAttrToLabel("required",String(this.required));p(this.controlOutputPosition.bind(this))}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}render(){return e(o,{key:"263e214c6c36967aaa1d8ec4f33d23d0eec5c92d",class:A.root,size:this.size},this.h.hasSlot("prefix")&&e("slot",{key:"43e08e8d199572845578b1e95c7c012908555bc8",name:"prefix"}),e("span",{key:"89d4176b4f234a4cf83f15a0676710e530ee8d96",class:"element"},e("input",Object.assign({key:"97de040cc35b22aa0c07bfd9654062803cc75c8b",type:"range",ref:t=>this.inputRef=t,onInput:this.onInputHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),id:this.identifier||this.inputId,name:this.name,min:this.min,max:this.max,step:this.step,list:this.listIdentifier,value:this.value,required:this.required,disabled:this.disabled},this.inheritedAttributes,{"aria-required":c(this.required),"aria-invalid":c(this.invalid),"aria-disabled":c(this.disabled)})),e("div",{key:"601626b0b79a7a62022cc61071961bd0b5b9ebe2",class:A.fill,ref:t=>this.fillRef=t}),this.tooltip?e("output",{htmlFor:this.name,ref:t=>this.outputRef=t},this.value):null,e("slot",{key:"f814e896acf10712ecfa34a8d6fa7f9b1d575a4e",name:"datalist"})),this.h.hasSlot("sufix")&&e("slot",{key:"432a47e6df6cd4c6aea28e3063f06e9debc0dc32",name:"sufix"}),this.input?e("gov-form-input",Object.assign({"on-gov-input":this.onCustomInputHandler.bind(this),class:A.input,size:this.size,value:this.value,disabled:this.disabled},this.inheritedAttributes)):null)}onCustomInputHandler(t){const s=t.target.value;if(this.step&&v(+this.step)){const i=+s;const e=+this.min;const o=+this.max;const a=+this.step;if(isNaN(i)){return false}if(i<e||i>o){return false}const n=i-e;if(n%a!==0){return false}this.value=s;this.govInput.emit({component:A.root,value:this.value,originalEvent:t})}}onInputHandler(t){this.value=t.target.value;t.stopPropagation();this.govInput.emit({component:A.root,value:this.value,originalEvent:t})}onFocusHandler(t){t.stopPropagation();this.govFocus.emit({component:A.root,value:this.value,originalEvent:t})}onBlurHandler(t){t.stopPropagation();this.govBlur.emit({component:A.root,value:this.value,originalEvent:t})}async setFocus(t){return this.inputRef.focus(t)}async setValue(t){this.value=t}async clearValue(){this.value="";this.inputRef.value=""}async getRef(){return this.inputRef}get host(){return this}static get watchers(){return{size:["validateSize","watchControlAttrs"],value:["watchValue"],disabled:["watchControlAttrs"],invalid:["watchControlAttrs"],success:["watchControlAttrs"]}}},[260,"gov-form-range",{size:[1],value:[1537],identifier:[1],name:[1],min:[8],max:[8],step:[8],tooltip:[4],input:[4],listIdentifier:[1,"list-identifier"],required:[516],success:[516],invalid:[516],disabled:[516],inheritedAttributes:[32],setFocus:[64],setValue:[64],clearValue:[64],getRef:[64]},undefined,{size:["validateSize","watchControlAttrs"],value:["watchValue"],disabled:["watchControlAttrs"],invalid:["watchControlAttrs"],success:["watchControlAttrs"]}]);function k(){if(typeof customElements==="undefined"){return}const t=["gov-form-range","gov-button","gov-form-input","gov-icon"];t.forEach((t=>{switch(t){case"gov-form-range":if(!customElements.get(t)){customElements.define(t,y)}break;case"gov-button":if(!customElements.get(t)){g()}break;case"gov-form-input":if(!customElements.get(t)){j()}break;case"gov-icon":if(!customElements.get(t)){w()}break}}))}k();const x=y;const E=k;export{x as GovFormRange,E as defineCustomElement};
+import{p as t,H as s,c as i,h as e,a as o}from"./index.js";import{p as a}from"./p-CQvUntGY.js";import{S as n}from"./p-BcQO4NH2.js";import{g as r,t as h,c}from"./p-DKo9A5gq.js";import{v as l}from"./p-BKP-F1qP.js";import{A as f,a as u,i as d}from"./p-CXgom82_.js";import{g as m}from"./p-9imLQpxb.js";import{t as p}from"./p-Cjg0wpDG.js";import{b}from"./p-B3tdsiZv.js";import{c as v}from"./p-vN03FcXN.js";import{d as g}from"./p-CWqMiVYH.js";import{d as j}from"./p-_FzmpyXv.js";import{d as w}from"./p-BJnSrRNH.js";const C=a(n,["_S","_M","_L"]);const A={root:"gov-form-range",fill:"gov-form-range--fill",input:"gov-form-range--input"};const y=t(class t extends s{constructor(){super();this.__registerHost();this.govFocus=i(this,"gov-focus");this.govBlur=i(this,"gov-blur");this.govInput=i(this,"gov-input");this.size="m";this.tooltip=false;this.input=false;this.required=false;this.disabled=false;this.inheritedAttributes={};this.h=r(this.host);this.f=m(this.h);this.inputId=v("GovInput")}validateSize(t){l(C,t,A.root)}watchValue(){this.controlOutputPosition()}watchControlAttrs(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("success",h(this.success));this.f.passAttrToControl("disabled",h(this.disabled));this.f.passAttrToControl("invalid",h(this.invalid))}get getThumbWidth(){const t=window.getComputedStyle(this.inputRef);return parseFloat(t.getPropertyValue("--thumb-size"))||1}controlOutputPosition(){const t=+this.value;const s=+this.inputRef.min;const i=+this.inputRef.max;const e=this.getThumbWidth*16;const o=this.inputRef.offsetWidth;const a=(t-s)/(i-s)*100;let n=a/100*(o-e)+e/2;if(this.outputRef){this.outputRef.textContent=this.value;const t=this.outputRef.offsetWidth/2;this.outputRef.style.left=`${n-t}px`}if(this.fillRef){this.fillRef.style.width=`${n}px`}}componentDidLoad(){this.attributeObserver=new f(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(u)}componentWillLoad(){this.validateSize(this.size);this.inheritedAttributes=d(this.host)}componentDidRender(){this.passControlAttrs();this.f.passAttrToLabel("required",String(this.required));p(this.controlOutputPosition.bind(this))}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}render(){return e(o,{key:"52936cc832e35b7f79520c2f89b2a119e769b994",class:A.root,size:this.size},this.h.hasSlot("prefix")&&e("slot",{key:"1f5d3e1d537be5f431cbf4ba366627d82c2daa01",name:"prefix"}),e("span",{key:"cbabb9ff252fbabdd8b2f813de71b31c1a1444e6",class:"element"},e("input",Object.assign({key:"02dd3f62cb518c965c0f5529ae3b213a9c6fd649",type:"range",ref:t=>this.inputRef=t,onInput:this.onInputHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),id:this.identifier||this.inputId,name:this.name,min:this.min,max:this.max,step:this.step,list:this.listIdentifier,value:this.value,required:this.required,disabled:this.disabled},this.inheritedAttributes,{"aria-required":c(this.required),"aria-invalid":c(this.invalid),"aria-disabled":c(this.disabled)})),e("div",{key:"fff23dd770c71878eae67df3f96b514c3f55ea2e",class:A.fill,ref:t=>this.fillRef=t}),this.tooltip?e("output",{htmlFor:this.name,ref:t=>this.outputRef=t},this.value):null,e("slot",{key:"32a7919602b2527a97bf019ec74744bedd0ef51f",name:"datalist"})),this.h.hasSlot("sufix")&&e("slot",{key:"e9efd215bb9895a6c11666eb694b6c47f8132f12",name:"sufix"}),this.input?e("gov-form-input",Object.assign({"on-gov-input":this.onCustomInputHandler.bind(this),class:A.input,size:this.size,value:this.value,disabled:this.disabled},this.inheritedAttributes)):null)}onCustomInputHandler(t){const s=t.target.value;if(this.step&&b(+this.step)){const i=+s;const e=+this.min;const o=+this.max;const a=+this.step;if(isNaN(i)){return false}if(i<e||i>o){return false}const n=i-e;if(n%a!==0){return false}this.value=s;this.govInput.emit({component:A.root,value:this.value,originalEvent:t})}}onInputHandler(t){this.value=t.target.value;t.stopPropagation();this.govInput.emit({component:A.root,value:this.value,originalEvent:t})}onFocusHandler(t){t.stopPropagation();this.govFocus.emit({component:A.root,value:this.value,originalEvent:t})}onBlurHandler(t){t.stopPropagation();this.govBlur.emit({component:A.root,value:this.value,originalEvent:t})}async setFocus(t){return this.inputRef.focus(t)}async setValue(t){this.value=t}async clearValue(){this.value="";this.inputRef.value=""}async getRef(){return this.inputRef}get host(){return this}static get watchers(){return{size:["validateSize","watchControlAttrs"],value:["watchValue"],disabled:["watchControlAttrs"],invalid:["watchControlAttrs"],success:["watchControlAttrs"]}}},[4,"gov-form-range",{size:[1],value:[1537],identifier:[1],name:[1],min:[8],max:[8],step:[8],tooltip:[4],input:[4],listIdentifier:[1,"list-identifier"],required:[516],success:[516],invalid:[516],disabled:[516],inheritedAttributes:[32],setFocus:[64],setValue:[64],clearValue:[64],getRef:[64]},undefined,{size:["validateSize","watchControlAttrs"],value:["watchValue"],disabled:["watchControlAttrs"],invalid:["watchControlAttrs"],success:["watchControlAttrs"]}]);function k(){if(typeof customElements==="undefined"){return}const t=["gov-form-range","gov-button","gov-form-input","gov-icon"];t.forEach((t=>{switch(t){case"gov-form-range":if(!customElements.get(t)){customElements.define(t,y)}break;case"gov-button":if(!customElements.get(t)){g()}break;case"gov-form-input":if(!customElements.get(t)){j()}break;case"gov-icon":if(!customElements.get(t)){w()}break}}))}k();const x=y;const z=k;export{x as GovFormRange,z as defineCustomElement};
 //# sourceMappingURL=gov-form-range.js.map

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

	@@ -1 +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\";\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":[]}
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":[]}

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

@@ -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 f=e(class e extends s{constructor(){super();this.__registerHost();this.size="m";this.color="neutral"}render(){return t(o,{key:"0eaf52ea1460cab6cee82e453a92d24efc9457e1",class:n.root,color:this.color,size:this.size},t("slot",{key:"79481e7e6ad6fd2b241be41964f513354e42e40c",name:"input"}),t("slot",{key:"beeebbf1f8eb023aa165bbf0a1b2d84f393dec98",name:"button-erase"}),t("slot",{key:"685e0f84c5ebef1a32b26c4c25f8c9b5d20b254b",name:"button"}))}get host(){return this}},[260,"gov-form-search",{size:[1],color:[513]}]);function m(){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,f)}break}}))}m();const i=f;const b=m;export{i as GovFormSearch,b 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 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};
 //# sourceMappingURL=gov-form-search.js.map

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

	@@ -1 +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'\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":[]}
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":[]}

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

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

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

@@ -1,2 +1,2 @@
-import{p as s,H as i,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 l}from"./p-9imLQpxb.js";import{g as r,t as d,c as m}from"./p-DfJDyRCE.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-B03Rpjps.js";const g=s(class s extends i{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=r(this.host);this.f=o(this.h)}validateSize(s){n(l,s,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,((s,i)=>{this.onAriaAttributeChange(s,i)}));this.attributeObserver.startObserving(b)}componentWillLoad(){this.passControlAttrs();this.inheritedAttributes=v(this.host)}disconnectedCallback(){var s;(s=this.attributeObserver)===null||s===void 0?void 0:s.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(s,i){this.host.removeAttribute(s);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[s]:i})}render(){const s=s=>{if(this.noLabel){return e("label",{class:c.label},s)}return s};const i=!this.host.querySelector('[slot="label"]');const t=`${this.h.classes(c.root)}${i?` ${c.noLabel}`:""}`;return e(h,{class:t,hydrated:this.hydrated,checked:this.checked,size:this.size,invalid:m(this.invalid)},s(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:s=>this.inputRef=s,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(s){s.stopPropagation()}onFocusHandler(s){s.stopPropagation();this.govFocus.emit({component:c.root,checked:this.checked,value:this.value,originalEvent:s})}onBlurHandler(s){s.stopPropagation();this.govBlur.emit({component:c.root,checked:this.checked,value:this.value,originalEvent:s})}onChangeHandler(s){this.checked=s.target.checked;s.stopPropagation();this.govChange.emit({component:c.root,checked:this.checked,value:this.value,originalEvent:s})}async getRef(){return this.inputRef}get host(){return this}static get watchers(){return{size:["validateSize","watchDisabled"],disabled:["watchDisabled"],invalid:["watchDisabled"]}}},[260,"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 s=["gov-form-switch","gov-icon"];s.forEach((s=>{switch(s){case"gov-form-switch":if(!customElements.get(s)){customElements.define(s,g)}break;case"gov-icon":if(!customElements.get(s)){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-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};
 //# sourceMappingURL=gov-form-switch.js.map

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

	@@ -1 +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\"\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":[]}
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":[]}

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

@@ -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-DfJDyRCE.js";const c=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:"0c2d26293ed16bc14937027e056cb1f43e997cdd",class:this.h.classes(r.root),role:"listitem"},t("slot",{key:"c4817953375997bd6d1a361145a2bf19452ad563"}))}get host(){return this}},[260,"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 i=c;const l=m;export{i as GovGridItem,l as defineCustomElement};
+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};
 //# sourceMappingURL=gov-grid-item.js.map

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

	@@ -1 +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'\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":[]}
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":[]}

package/dist/components/gov-grid.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as s,H as t,h as e,a as i}from"./index.js";import{G as o}from"./p-C6JN9gdb.js";import{g as r}from"./p-DfJDyRCE.js";const n=s(class s extends t{constructor(){super();this.__registerHost();this.h=r(this.host)}render(){return e(i,{key:"18d145fce4ae449e277684f8b0274ed60b759568",class:this.h.classes(o.root),role:"list"},e("slot",{key:"a37b3c0533fe8ef2fa5513e9c489f5b98247d4de"}))}get host(){return this}},[260,"gov-grid",{alignItems:[513,"align-items"],justifyItems:[513,"justify-items"],gap:[513]}]);function c(){if(typeof customElements==="undefined"){return}const s=["gov-grid"];s.forEach((s=>{switch(s){case"gov-grid":if(!customElements.get(s)){customElements.define(s,n)}break}}))}c();const f=n;const m=c;export{f 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 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};
 //# sourceMappingURL=gov-grid.js.map

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

	@@ -1 +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'\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":[]}
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":[]}

package/dist/components/gov-icon.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{G as s,d as o}from"./p-B03Rpjps.js";const p=s;const t=o;export{p as GovIcon,t as defineCustomElement};
+import{G as o,d as s}from"./p-BJnSrRNH.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 CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as t,H as e,c as s,h as o,a as i}from"./index.js";import{g as a,t as n}from"./p-DfJDyRCE.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 b,a as d,i as f}from"./p-CXgom82_.js";import{d as m}from"./p-CXbpWAIF.js";import{d as p}from"./p-B03Rpjps.js";const v=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 e{constructor(){super();this.__registerHost();this.govClose=s(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(v,t,u.root)}componentDidLoad(){this.attributeObserver=new b(this.host,((t,e)=>{this.onAriaAttributeChange(t,e)}));this.attributeObserver.startObserving(d)}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,e){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:e})}connectedCallback(){this.hydrated=true}render(){const t=o("gov-button",{key:"725f2b43b343cf280f1d17f2e4ea585f76459e4a",size:"s","aria-label":this.accessibleCloseLabel,type:"base",color:this.isBold?this.color:"neutral","on-gov-click":this.onCloseHandler.bind(this),class:u.close},o("gov-icon",{key:"a152c21f78f34765419c772bd74d3deeac89a193",name:"x-lg",type:"components"}));return o(i,{key:"ea3760a93c20997a2c9807395346782854ca2b14",class:this.h.classes(u.root),color:this.color,type:this.type,hydrated:this.hydrated},o("section",Object.assign({key:"ed8c013c901f3cf42bec8be0f006056ae4d0925a",class:u.section},this.inheritedAttributes,{role:this.role}),this.h.hasSlot("icon")&&o("span",{key:"4a04033e6f01219508a7d2bb2dce964d87ebd2e8"},o("slot",{key:"513dfdc3bc75b60fe522cb78fb8b3a69de82606f",name:"icon"})),o("div",{key:"1bb7ed8940cef2f981857eec96de6b998b2791d8",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"]}}},[260,"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)){p()}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-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};
 //# sourceMappingURL=gov-infobar.js.map

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

	@@ -1 +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'\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":[]}
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":"gXAIO,MAAMA,EAAgBC,EAAKC,EAAQ,CAAC,UAAW,YAAa,UAAW,QAAS,UAAW,YAGlG,IAAYC,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,kBACA,EAHD,CAAYA,MAGX,KAGM,MAAMC,EAAe,CAC3BC,KAAM,cACNC,QAAS,uBACTC,QAAS,uBACTC,SAAU,wBACVC,MAAO,sB,MCHKC,EAAUC,EAAA,MAAAD,UAAAE,EAMtB,WAAAC,G,gEAFQC,KAAQC,SAAG,MAWFD,KAAKE,MAAc,UAInBF,KAAIG,KAAsB,OAI1BH,KAAII,KAAwBC,UAISL,KAAoBM,qBAAW,0BAI9BN,KAAqBO,sBAAW,0BAQtEP,KAAQQ,SAAa,MAE7BR,KAAaS,cAAG,MAChBT,KAAmBU,oBAAe,GAnC1CV,KAAKW,EAAIC,EAAQZ,KAAKa,KACtB,CAqCD,aAAAC,CAAcC,GACbC,EAAa9B,EAAe6B,EAAUzB,EAAaC,K,CAGpD,gBAAA0B,GACCjB,KAAKkB,kBAAoB,IAAIC,EAAkBnB,KAAKa,MAAM,CAACO,EAAeL,KACzEf,KAAKqB,sBAAsBD,EAAeL,EAAS,IAGpDf,KAAKkB,kBAAkBI,eAAeC,E,CAGvC,iBAAAC,GACCxB,KAAKc,cAAcd,KAAKE,OACxBF,KAAKU,oBAAsBe,EAAsBzB,KAAKa,K,CAGvD,oBAAAa,G,OACCC,EAAA3B,KAAKkB,qBAAmB,MAAAS,SAAA,SAAAA,EAAAC,e,CAGzB,qBAAAP,CAAsBD,EAAuBL,GAC5Cf,KAAKa,KAAKgB,gBAAgBT,GAC1BpB,KAAKU,oBAA0BoB,OAAAC,OAAAD,OAAAC,OAAA,GAAA/B,KAAKU,qBAAqB,CAAAU,CAACA,GAAgBL,G,CAG3E,iBAAAiB,GACChC,KAAKC,SAAW,I,CAGjB,MAAAgC,GACC,MAAMC,EACLvB,EAAA,cAAAwB,IAAA,2CAAYC,KAAK,IAAG,aACLpC,KAAKM,qBACjBH,KAAK,OACLD,MAAOF,KAAKqC,OAASrC,KAAKE,MAAQ,UAAS,eAC7BF,KAAKsC,eAAeC,KAAKvC,MACvCwC,MAAOlD,EAAaK,OACtBgB,EAAU,YAAAwB,IAAA,2CAAAM,KAAK,OAAOtC,KAAK,gBAI7B,OACCQ,EAAC+B,EAAI,CAAAP,IAAA,2CAACK,MAAOxC,KAAKW,EAAEgC,QAAQrD,EAAaC,MAAOW,MAAOF,KAAKE,MAAOC,KAAMH,KAAKG,KAAMF,SAAUD,KAAKC,UAClGU,EAAA,UAAAmB,OAAAC,OAAA,CAAAI,IAAA,2CAASK,MAAOlD,EAAaE,SAAaQ,KAAKU,oBAAqB,CAAAN,KAAMJ,KAAKI,OAC7EJ,KAAKW,EAAEiC,QAAQ,SACfjC,EAAA,QAAAwB,IAAA,4CACCxB,EAAA,QAAAwB,IAAA,2CAAMM,KAAK,UAGb9B,EAAA,OAAAwB,IAAA,2CAAKK,MAAOlD,EAAaG,SACvBO,KAAKW,EAAEiC,QAAQ,YACfjC,EAACkC,EAAQ,KACRlC,EAAA,OAAK6B,MAAOlD,EAAaI,UACxBiB,EAAM,QAAA8B,KAAM,aACZ9B,EAAA,cACCyB,KAAK,IACLjC,KAAK,OACLD,MAAOF,KAAKqC,OAASrC,KAAKE,MAAQ,UACtB,aAAAF,KAAKO,sBAAqB,eACxB,IAAOP,KAAKS,eAAiBT,KAAKS,eAEhDE,EAAA,YAAU8B,KAAMzC,KAAKS,cAAgB,aAAe,eAAgBN,KAAK,iBAG3EQ,EAAA,OAAKmC,QAAS9C,KAAKS,cAA4B,cAAAsC,EAAW/C,KAAKS,gBAC9DE,EAAO,eAITA,EAAO,cAGRX,KAAKQ,UAAY0B,G,CAMtB,cAAAI,CAAeU,GACdhD,KAAKiD,SAASC,KAAK,CAClBC,UAAW7D,EAAaC,KACxB6D,IAAKpD,KAAKa,KACVwC,cAAeL,G,CAIjB,UAAIX,GACH,OAAOrC,KAAKG,OAAS,M","ignoreList":[]}

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

@@ -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-DfJDyRCE.js";const a=t(class t extends s{constructor(){super();this.__registerHost();this.h=n(this.host)}render(){return o(e,{key:"397a057c9e14fa21904f79a2c0b0c006476d53a4",class:this.h.classes(c.root)},o("slot",{key:"29373dc179d00e3e3f34ae4da070815d04d1a355"}))}get host(){return this}},[260,"gov-layout-column"]);function r(){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,a)}break}}))}r();const u=a;const i=r;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:"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};
 //# sourceMappingURL=gov-layout-column.js.map

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

	@@ -1 +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'\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":[]}
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":[]}

package/dist/components/gov-layout.js CHANGED Viewed

@@ -1,2 +1,2 @@
-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-DfJDyRCE.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:"e1c3d46c89a466366190d86e9cf6e9890b9f53c8",type:this.type,class:this.h.classes(c.root)},e("section",{key:"0e7d98f4f001f66a4a43aecf50070bf3cf166fd9",class:this.typeClass(c.section,this.type,this.variant,this.inverse)},e("slot",{key:"3cd4ca9c4d9020d4315484b0581efb09354806ef"})))}get host(){return this}},[260,"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 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};
 //# sourceMappingURL=gov-layout.js.map

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

	@@ -1 +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'\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":[]}
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":[]}

package/dist/components/gov-lifecycle.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as e,H as o,h as c,a as n}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 c(n,{key:"c5189d0afc68fc5d1149184eec3a02b57170689a",identifier:this.uniqueId},c("span",{key:"cc6fbd61e6f7ba9cd4373bec00c128501e6df319"},"lifecycle ",this.uniqueId))}},[256,"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:"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};
 //# sourceMappingURL=gov-lifecycle.js.map

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

	@@ -1 +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';\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":[]}
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":[]}

package/dist/components/gov-link.js CHANGED Viewed

@@ -1,2 +1,2 @@
-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-DfJDyRCE.js";import{v as c}from"./p-BKP-F1qP.js";import{i as r}from"./p-CXgom82_.js";import{d as f}from"./p-B03Rpjps.js";const h=a(o,["_S","_M","_L"]);const l={root:"gov-link",external:"gov-link--external"};const d=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){c(h,e,l.root)}componentWillLoad(){this.validateSize(this.size);this.inheritedAttributes=r(this.host)}onAriaAttributeChange(e,t){this.host.removeAttribute(e);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[e]:t})}render(){return s(i,{key:"d1b6a1956e244525bc1776d9aee22ff9b47add0c",class:this.h.classes(l.root),size:this.size,href:this.href,external:this.external,truncate:this.truncate},s("a",Object.assign({key:"89f7d438ed43946d1f3c9db5e891986217592794",class:"element",href:this.href,target:this.external?"_blank":this.target,rel:this.external?"noreferrer":null},this.inheritedAttributes),s("slot",{key:"a0a36a90d0defb8cce2504f38636adcc79ef88c3",name:"icon-start"}),s("span",{key:"4c161cef2c8f9819e45c00663cef9ebbfebc5d1d"},s("slot",{key:"2f75a358caf4530ac137f432bba0ff60af17643e"})),s("slot",{key:"99c005f455a510e220c0f3f64759f441272618ad",name:"icon-end"}),this.external&&s("gov-icon",{key:"b11aca08fdf2266d4f2a60ce202fce6152ab0b88",name:"box-arrow-up-right",type:"components",size:this.size,class:l.external})))}get host(){return this}static get watchers(){return{size:["validateSize"]}}},[260,"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 e=["gov-link","gov-icon"];e.forEach((e=>{switch(e){case"gov-link":if(!customElements.get(e)){customElements.define(e,d)}break;case"gov-icon":if(!customElements.get(e)){f()}break}}))}m();const p=d;const b=m;export{p as GovLink,b as defineCustomElement};
+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};
 //# sourceMappingURL=gov-link.js.map