@gov-design-system-ce/components 4.1.3-BETA-9 → 4.2.0

package/dist/components/p-b5dc6bae.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ChipSizes","pick","Sizes","ChipType","NativeType","ChipClass","root","inner","hasRight","hasLeft","GovChip","proxyCustomElement","H","constructor","this","hydrated","_M","ButtonColors","PRIMARY","h","govHost","host","chipId","createID","validateColor","newValue","validateProp","validateSize","ButtonSizes","componentWillLoad","color","size","inheritedAttributes","inheritAriaAttributes","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","disconnectedCallback","_a","stopObserving","connectedCallback","removeAttribute","Object","assign","render","Tag","href","A","tag","nativeType","BUTTON","undefined","iconStart","prepareIconFormat","iconEnd","Host","key","class","classes","hasSlot","disabled","type","hoverable","target","ref","el","triggerRef","onClick","onClickHandler","bind","tabindex","focusable","id","identifier","name","e","stopPropagation","govClick","emit","geRef","setFocus","focus"],"sources":["../../../packages/core/src/components/gov-chip/constants.ts","../../../packages/core/src/components/gov-chip/gov-chip.tsx"],"sourcesContent":["import { ValueOf } from '../../types/interfaces'\nimport {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\n\nexport const ChipSizes = pick(Sizes, ['_XS', '_S', '_M'])\nexport type ChipSizesType = `${ValueOf<typeof ChipSizes>}`\n\nexport enum ChipType {\n\tSOLID = 'solid',\n\tOUTLINED = 'outlined',\n}\nexport type ChipTypesType = `${ValueOf<typeof ChipType>}`\n\nexport enum NativeType {\n\tA = 'a',\n\tSPAN = 'span',\n\tBUTTON = 'button',\n}\nexport type NativeTypesType = `${ValueOf<typeof NativeType>}`\n\nexport const ChipClass = {\n\troot: 'gov-chip',\n\tinner: 'gov-chip__inner',\n\thasRight: 'gov-chip--has-right',\n\thasLeft: 'gov-chip--has-left',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {govHost} from \"../../helpers/Dom/template\"\nimport {ChipClass, ChipSizes, ChipSizesType, ChipTypesType, NativeType, NativeTypesType} from \"./constants\"\nimport {ButtonColors, ButtonColorType, ButtonSizes} from \"../gov-button/button/constants\"\nimport {createID} from \"../../utils/string.utils\"\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\n\n@Component({\n\ttag: \"gov-chip\",\n})\nexport class GovChip {\n\tprivate triggerRef?: HTMLButtonElement | HTMLLinkElement | HTMLSpanElement\n\tprivate h: GovHost\n\tprivate readonly chipId: string\n\tprivate hydrated = false\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.chipId = createID('GovChip')\n\t}\n\n\t@Element() host: HTMLGovChipElement\n\n\t/**\n\t * Makes the chip component disabled.\n\t */\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href\n\t */\n\t@Prop() readonly href: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\n\t */\n\t@Prop() readonly target: string\n\t/**\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t */\n\t@Prop({attribute: \"icon-start\"}) readonly iconStart?: string\n\t/**\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t */\n\t@Prop({attribute: \"icon-end\"}) readonly iconEnd?: string\n\t/**\n\t * Chip’s size.\n\t */\n\t@Prop() readonly size: ChipSizesType = ChipSizes._M\n\t/**\n\t * Used to change the HTML tag in the chip\n\t */\n\t@Prop() readonly tag: NativeTypesType = \"span\"\n\t/**\n\t * Style variation of the chip.\n\t */\n\t@Prop() readonly color: ButtonColorType = ButtonColors.PRIMARY\n\t/**\n\t * Chip’s type\n\t */\n\t@Prop({reflect: true}) readonly type: ChipTypesType\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/focusable\n\t */\n\t@Prop() readonly focusable: boolean = true\n\t/**\n\t * Custom chip identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Emitted when the button click.\n\t */\n\t@Event({eventName: \"gov-click\"}) govClick: EventEmitter<PointerEvent>\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(ButtonColors, newValue, ChipClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(ButtonSizes, newValue, ChipClass.root)\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.validateSize(this.size)\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\trender() {\n\t\tconst Tag = this.href ? NativeType.A : this.tag\n\t\tconst nativeType = Tag == NativeType.BUTTON ? NativeType.BUTTON : undefined\n\n\t\tconst iconStart = prepareIconFormat(this.iconStart)\n\t\tconst iconEnd = prepareIconFormat(this.iconEnd)\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes([\n\t\t\t\t\tChipClass.root,\n\t\t\t\t\tthis.h.hasSlot(\"right\") ? ChipClass.hasRight : undefined,\n\t\t\t\t\tthis.h.hasSlot(\"left\") ? ChipClass.hasLeft : undefined,\n\t\t\t\t])}\n\t\t\t\tdisabled={this.disabled}\n\t\t\t\thref={this.href}\n\t\t\t\tcolor={this.color}\n\t\t\t\ttype={this.type}\n\t\t\t\tsize={this.size}\n\t\t\t\thoverable={Tag == NativeType.A || Tag == NativeType.BUTTON}\n\t\t\t\thydrated={this.hydrated}\n\t\t\t>\n\t\t\t\t<Tag\n\t\t\t\t\tclass=\"element\"\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t\tref={el => (this.triggerRef = el as HTMLLinkElement | HTMLButtonElement | HTMLSpanElement)}\n\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\ttabindex={(this.h.hasSlot(\"left\") || this.h.hasSlot(\"right\") || this.disabled) && !this.focusable ? \"-1\" : \"0\"}\n\t\t\t\t\tid={this.identifier || this.chipId}\n\t\t\t\t\ttype={nativeType}\n\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\taria-disabled={this.disabled}>\n\t\t\t\t\t<slot name=\"left\"></slot>\n\t\t\t\t\t<slot name=\"icon-start\">\n\t\t\t\t\t\t{iconStart && <gov-icon type={iconStart.type} name={iconStart.name}></gov-icon>}\n\t\t\t\t\t</slot>\n\t\t\t\t\t<slot/>\n\t\t\t\t\t<slot name=\"icon-end\">\n\t\t\t\t\t\t{iconEnd && <gov-icon type={iconEnd.type} name={iconEnd.name}></gov-icon>}\n\t\t\t\t\t</slot>\n\t\t\t\t\t<slot name=\"right\"></slot>\n\t\t\t\t</Tag>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onClickHandler(e: PointerEvent): void {\n\t\te.stopPropagation()\n\t\tif (this.disabled === false && this.tag === NativeType.BUTTON) {\n\t\t\tthis.govClick.emit(e)\n\t\t}\n\t}\n\n\t/**\n\t * Returns a clickable element instance\n\t */\n\t@Method()\n\tasync geRef() {\n\t\treturn this.triggerRef\n\t}\n\n\t/**\n\t * Focus button element\n\t */\n\t@Method()\n\tasync setFocus(): Promise<void> {\n\t\tthis.triggerRef.focus()\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/p-ea128b8b.js

@@ -0,0 +1,2 @@
+import"./p-92f420cb.js";const o={root:"gov-grid"};const t={root:"gov-grid-item"};export{o as G,t as a};
+//# sourceMappingURL=p-ea128b8b.js.map

package/dist/components/p-ea128b8b.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GridClass","root","GridItemClass"],"sources":["../../../packages/core/src/components/gov-grid/constants.ts"],"sourcesContent":["import {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const GridSizes = Sizes\nexport type GridSizesType = `${ValueOf<typeof GridSizes>}`\n\nexport const GridClass = {\n\troot: 'gov-grid',\n}\n\nexport const GridItemClass = {\n\troot: 'gov-grid-item',\n}\n"],"mappings":"8BAMaA,EAAY,CACxBC,KAAM,Y,MAGMC,EAAgB,CAC5BD,KAAM,wB","ignoreList":[]}

package/dist/components/p-f9a1ff6e.js

@@ -0,0 +1,2 @@
+import{p as s,H as e,h as t,d as a}from"./p-42200001.js";import{F as o,a as i}from"./p-7f3becc5.js";import{g as r}from"./p-ea7fdd2e.js";import{v as c}from"./p-0b3574c2.js";import{c as d}from"./p-cd6c2938.js";const f=s(class s extends e{constructor(){super();this.__registerHost();this.color="neutral";this.size="m";this.h=r(this.host);this.messageId=d("GovFormMessage")}validateColor(s){c(i,s,o.root)}componentWillLoad(){this.validateColor(this.color)}render(){return t(a,{key:"dbc990cf3a48496a4905a768b3a7c662d42cc3ad",class:this.h.classes(o.root),color:this.color,size:this.size},this.h.hasSlot("icon")&&t("slot",{key:"600a149b56204308139aa026aea04dc5d872a7fe",name:"icon"}),t("span",{key:"61d47c46b469a1c070d2a0f7df3a47f8a878ba6f",id:this.messageId,class:o.content},t("slot",{key:"ff74d2926ddb5c3c79349d28906ff41a2485fde5"})))}async identifier(){return this.messageId}get host(){return this}static get watchers(){return{color:["validateColor"]}}},[4,"gov-form-message",{color:[1],size:[1],identifier:[64]},undefined,{color:["validateColor"]}]);function n(){if(typeof customElements==="undefined"){return}const s=["gov-form-message"];s.forEach((s=>{switch(s){case"gov-form-message":if(!customElements.get(s)){customElements.define(s,f)}break}}))}n();export{f as G,n as d};
+//# sourceMappingURL=p-f9a1ff6e.js.map

package/dist/components/{p-e44a0fee.js → p-fc2afe61.js}

@@ -1,2 +1,2 @@
-import{p as o}from"./p-e0e2e9c1.js";import{S as r}from"./p-92f420cb.js";const s=o(r,["_2XS","_XS","_S","_M","_L"]);var t;(function(o){o["HORIZONTAL"]="horizontal";o["VERTICAL"]="vertical"})(t||(t={}));const a={root:"gov-form-group"};const c={root:"gov-form-radio-group"};const p={root:"gov-form-checkbox-group"};export{p as F,a,s as b,t as c,c as d};
-//# sourceMappingURL=p-e44a0fee.js.map
+import{p as o}from"./p-e0e2e9c1.js";import{S as r}from"./p-92f420cb.js";const s=o(r,["_XS","_S","_M","_L","_2XL"]);var t;(function(o){o["HORIZONTAL"]="horizontal";o["VERTICAL"]="vertical"})(t||(t={}));const a={root:"gov-form-group"};const c={root:"gov-form-radio-group"};const p={root:"gov-form-checkbox-group"};export{p as F,a,s as b,t as c,c as d};
+//# sourceMappingURL=p-fc2afe61.js.map

package/dist/components/{p-e44a0fee.js.map → p-fc2afe61.js.map}

@@ -1 +1 @@
-{"version":3,"names":["FormGroupSizes","pick","Sizes","FormGroupOrientation","FormGroupClass","root","FormRadioGroupClass","FormCheckboxGroupClass"],"sources":["../../../packages/core/src/components/gov-form/group/constants.ts"],"sourcesContent":["import { pick } from \"../../../utils/utils\"\nimport { Sizes } from \"../../../core/constants/sizes\"\nimport { ValueOf } from \"../../../types/interfaces\"\n\nexport const FormGroupSizes = pick(Sizes, ['_2XS', '_XS', '_S', '_M', '_L'])\nexport type FormGroupSizesType = `${ValueOf<typeof FormGroupSizes>}`\n\nexport enum FormGroupOrientation {\n\tHORIZONTAL = 'horizontal',\n\tVERTICAL = 'vertical',\n}\nexport type FormGroupOrientationType = `${ValueOf<typeof FormGroupOrientation>}`\n\nexport const FormGroupClass = {\n\troot: 'gov-form-group',\n}\n\nexport const FormRadioGroupClass = {\n\troot: 'gov-form-radio-group',\n}\n\nexport const FormCheckboxGroupClass = {\n\troot: 'gov-form-checkbox-group',\n}\n"],"mappings":"8EAIaA,EAAiBC,EAAKC,EAAO,CAAC,OAAQ,MAAO,KAAM,KAAM,O,IAG1DC,GAAZ,SAAYA,GACXA,EAAA,2BACAA,EAAA,sBACA,EAHD,CAAYA,MAAoB,K,MAMnBC,EAAiB,CAC7BC,KAAM,kB,MAGMC,EAAsB,CAClCD,KAAM,wB,MAGME,EAAyB,CACrCF,KAAM,kC","ignoreList":[]}
+{"version":3,"names":["FormGroupSizes","pick","Sizes","FormGroupOrientation","FormGroupClass","root","FormRadioGroupClass","FormCheckboxGroupClass"],"sources":["../../../packages/core/src/components/gov-form/group/constants.ts"],"sourcesContent":["import { pick } from \"../../../utils/utils\"\nimport { Sizes } from \"../../../core/constants/sizes\"\nimport { ValueOf } from \"../../../types/interfaces\"\n\nexport const FormGroupSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_2XL'])\nexport type FormGroupSizesType = `${ValueOf<typeof FormGroupSizes>}`\n\nexport enum FormGroupOrientation {\n\tHORIZONTAL = 'horizontal',\n\tVERTICAL = 'vertical',\n}\nexport type FormGroupOrientationType = `${ValueOf<typeof FormGroupOrientation>}`\n\nexport const FormGroupClass = {\n\troot: 'gov-form-group',\n}\n\nexport const FormRadioGroupClass = {\n\troot: 'gov-form-radio-group',\n}\n\nexport const FormCheckboxGroupClass = {\n\troot: 'gov-form-checkbox-group',\n}\n"],"mappings":"8EAIaA,EAAiBC,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,KAAM,S,IAGxDC,GAAZ,SAAYA,GACXA,EAAA,2BACAA,EAAA,sBACA,EAHD,CAAYA,MAAoB,K,MAMnBC,EAAiB,CAC7BC,KAAM,kB,MAGMC,EAAsB,CAClCD,KAAM,wB,MAGME,EAAyB,CACrCF,KAAM,kC","ignoreList":[]}