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

@gov-design-system-ce/components 4.2.8 → 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 (1492) hide show

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

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

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

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

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-import{p as t,H as e,c as s,h as i,a}from"./index.js";import{F as o}from"./p-5itQzbON.js";import{v as n}from"./p-BKP-F1qP.js";import{S as l}from"./p-BcQO4NH2.js";import{C as r}from"./p-U40vKHrs.js";import{p as c}from"./p-CQvUntGY.js";import{g as h,p,c as g}from"./p-DfJDyRCE.js";import{c as m}from"./p-vN03FcXN.js";import{c as u}from"./p-B0hcuYXk.js";import{A as d,a as v,i as f}from"./p-CXgom82_.js";import{d as b}from"./p-8QWehgod.js";import{d as j}from"./p-C4pc6Rox.js";import{d as y}from"./p-WmFNIuTf.js";const P=c(l,["_S","_M"]);const S=c(r,["PRIMARY","NEUTRAL"]);var z;(function(t){t["BUTTON"]="button";t["SELECT"]="select"})(z||(z={}));const _={root:"gov-pagination",list:"gov-pagination__list",item:"gov-pagination__item",itemArrow:"gov-pagination__item--arrow",itemMore:"gov-pagination__item--more",itemSelect:"gov-pagination__item--select",inner:"gov-pagination__inner",arrow:"gov-pagination__arrow"};function k(t,e=1,s=10,i=10){const a=Math.ceil(t/s);if(e<1){e=1}else if(e>a){e=a}let o,n;if(a<=i){o=1;n=a}else{const t=Math.floor(i/2);const s=Math.ceil(i/2)-1;if(e<=t){o=1;n=i}else if(e+s>=a){o=a-i+1;n=a}else{o=e-t;n=e+s}}const l=(e-1)*s;const r=Math.min(l+s-1,t-1);const c=Array.from(Array(n+1-o).keys()).map((t=>o+t));return{totalItems:t,currentPage:e,pageSize:s,totalPages:a,startPage:o,endPage:n,startIndex:l,endIndex:r,pages:c}}const x=t(class t extends e{constructor(){super();this.__registerHost();this.govPage=s(this,"gov-page");this.type="button";this.current=1;this.total=0;this.size="m";this.color="primary";this.pageSize=10;this.maxPages=5;this.accessibleSelectLabel="Vybrat stranu";this.accessiblePageLabel="Strana";this.labelPrev="Přejít o stranu zpět";this.labelStart="Přejít na začátek";this.labelNext="Přejít na další stranu";this.labelEnd="Přejít na konec";this.inheritedAttributes={};this.h=h(this.host);this.pageSelectId=m("GovPageSelect");this.selectId=m("GovSelect")}validateType(t){n(z,t,_.root)}validateSize(t){n(P,t,_.root)}validateColor(t){n(S,t,_.root)}recalculate(){this.recalculatePagination(this.current)}componentDidLoad(){this.attributeObserver=new d(this.host,((t,e)=>{this.onAriaAttributeChange(t,e)}));this.attributeObserver.startObserving(v)}componentWillLoad(){this.recalculatePagination(this.current);this.validateSize(this.size);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})}recalculatePagination(t){this.pagination=k(this.total,t,this.pageSize,this.maxPages)}isActivePageClass(t,e){if(this.pagination.currentPage===e){return t+" is-active"}else{return t}}prepareLinkUrl(t){if(this.link){return String(this.link).replace("{PAGE}",String(t))}return undefined}resetSelectValue(){if(this.spreadSelectRef){this.spreadSelectRef.getRef().then((t=>{t.value="..."}))}}render(){const t=(t,e,s)=>{const a=t===-1;const o=g(this.pagination.currentPage===t?true:undefined);return i("gov-button",{href:this.prepareLinkUrl(t),color:this.color,size:this.size,type:"base",disabled:a,"on-gov-click":e=>this.onClickHandler(e,t),"aria-label":s?s:t>-1?`${this.accessiblePageLabel} ${t}`:undefined,"aria-current":o,class:_.inner,focusable:true},e)};return i(a,{class:this.h.classes(_.root),type:this.type,color:this.color,size:this.size},i("nav",Object.assign({},this.inheritedAttributes),i("ul",{class:_.list},i("li",{class:p([_.item,_.itemArrow])},t(this.pagination.currentPage>1?1:-1,i("gov-icon",{class:_.arrow,name:"chevron-double-left",type:"components"}),this.labelStart)),i("li",{class:p([_.item,_.itemArrow])},t(this.pagination.startPage<this.pagination.currentPage?this.pagination.currentPage-1:-1,i("gov-icon",{class:_.arrow,name:"chevron-left",type:"components"}),this.labelPrev)),this.type=="select"?i("li",{class:p([_.item,_.itemSelect])},i("span",{class:_.inner},i("span",{id:this.pageSelectId,hidden:true},this.accessibleSelectLabel),i("gov-form-select",{size:this.size,color:this.color,identifier:this.selectIdentifier||this.selectId,"aria-labelledby":this.pageSelectId,"on-gov-change":this.onSelectHandler.bind(this)},u(1,this.pagination.totalPages).map((t=>i("option",{value:t,selected:this.pagination.currentPage===t},t)))))):i(o,null,this.pagination.pages.map((e=>i("li",{class:this.isActivePageClass(_.item,e)},t(e,e,"")))),this.pagination.totalPages?i("li",{class:p([_.item,_.itemMore])},i("span",{class:_.inner},i("span",{id:this.pageSelectId,hidden:true},this.accessibleSelectLabel),i("gov-form-select",{size:this.size,color:this.color,identifier:this.selectIdentifier||this.selectId,"aria-labelledby":this.pageSelectId,ref:t=>this.spreadSelectRef=t,"on-gov-change":this.onSelectHandler.bind(this)},i("option",{selected:true,hidden:true},"..."),u(1,this.pagination.totalPages).map((t=>i("option",{value:t,selected:false},t)))))):null),i("li",{class:p([_.item,_.itemArrow])},t(this.pagination.totalPages>this.pagination.currentPage?this.pagination.currentPage+1:-1,i("gov-icon",{class:_.arrow,name:"chevron-right",type:"components"}),this.labelNext)),i("li",{class:p([_.item,_.itemArrow])},t(this.pagination.totalPages>this.pagination.currentPage?this.pagination.totalPages:-1,i("gov-icon",{class:_.arrow,name:"chevron-double-right",type:"components"}),this.labelEnd)))))}onClickHandler(t,e){t.stopPropagation();this.recalculatePagination(e);this.govPage.emit({component:_.root,pagination:this.pagination})}onSelectHandler(t){t.stopPropagation();const e=t.detail.value;const s=parseInt(e);this.resetSelectValue();if(isNaN(s)===false){this.recalculatePagination(s);if(this.link){window.location.href=this.prepareLinkUrl(s)}else{this.govPage.emit({component:_.root,pagination:this.pagination})}}}get host(){return this}static get watchers(){return{type:["validateType"],size:["validateSize"],color:["validateColor"],current:["recalculate"],total:["recalculate"],pageSize:["recalculate"],maxPages:["recalculate"]}}},[256,"gov-pagination",{type:[1],current:[2],total:[2],selectIdentifier:[1,"select-identifier"],size:[1],color:[1],pageSize:[2,"page-size"],maxPages:[2,"max-pages"],link:[1],accessibleSelectLabel:[1,"accessible-select-label"],accessiblePageLabel:[1,"accessible-page-label"],labelPrev:[1,"label-prev"],labelStart:[1,"label-start"],labelNext:[1,"label-next"],labelEnd:[1,"label-end"],pagination:[32],inheritedAttributes:[32]},undefined,{type:["validateType"],size:["validateSize"],color:["validateColor"],current:["recalculate"],total:["recalculate"],pageSize:["recalculate"],maxPages:["recalculate"]}]);function C(){if(typeof customElements==="undefined"){return}const t=["gov-pagination","gov-button","gov-form-select","gov-icon"];t.forEach((t=>{switch(t){case"gov-pagination":if(!customElements.get(t)){customElements.define(t,x)}break;case"gov-button":if(!customElements.get(t)){b()}break;case"gov-form-select":if(!customElements.get(t)){j()}break;case"gov-icon":if(!customElements.get(t)){y()}break}}))}C();const A=x;const E=C;export{A as GovPagination,E as defineCustomElement};
+import{p as t,H as e,c as s,h as i,a}from"./index.js";import{F as o}from"./p-5itQzbON.js";import{v as n}from"./p-BKP-F1qP.js";import{S as l}from"./p-BcQO4NH2.js";import{C as r}from"./p-U40vKHrs.js";import{p as c}from"./p-CQvUntGY.js";import{g as h,p,c as g}from"./p-DKo9A5gq.js";import{c as m}from"./p-vN03FcXN.js";import{c as u}from"./p-B0hcuYXk.js";import{A as d,a as v,i as f}from"./p-CXgom82_.js";import{d as b}from"./p-CWqMiVYH.js";import{d as j}from"./p-DhGb8cBK.js";import{d as P}from"./p-BJnSrRNH.js";const S=c(l,["_S","_M"]);const y=c(r,["PRIMARY","NEUTRAL"]);var z;(function(t){t["BUTTON"]="button";t["SELECT"]="select"})(z||(z={}));const _={root:"gov-pagination",list:"gov-pagination__list",item:"gov-pagination__item",itemArrow:"gov-pagination__item--arrow",itemMore:"gov-pagination__item--more",itemSelect:"gov-pagination__item--select",inner:"gov-pagination__inner",arrow:"gov-pagination__arrow"};function k(t,e=1,s=10,i=10){const a=Math.ceil(t/s);if(e<1){e=1}else if(e>a){e=a}let o,n;if(a<=i){o=1;n=a}else{const t=Math.floor(i/2);const s=Math.ceil(i/2)-1;if(e<=t){o=1;n=i}else if(e+s>=a){o=a-i+1;n=a}else{o=e-t;n=e+s}}const l=(e-1)*s;const r=Math.min(l+s-1,t-1);const c=Array.from(Array(n+1-o).keys()).map((t=>o+t));return{totalItems:t,currentPage:e,pageSize:s,totalPages:a,startPage:o,endPage:n,startIndex:l,endIndex:r,pages:c}}const A=t(class t extends e{constructor(){super();this.__registerHost();this.govPage=s(this,"gov-page");this.type="button";this.current=1;this.total=0;this.size="m";this.color="primary";this.pageSize=10;this.maxPages=5;this.accessibleSelectLabel="Vybrat stranu";this.accessiblePageLabel="Strana";this.labelPrev="Přejít o stranu zpět";this.labelStart="Přejít na začátek";this.labelNext="Přejít na další stranu";this.labelEnd="Přejít na konec";this.inheritedAttributes={};this.h=h(this.host);this.pageSelectId=m("GovPageSelect");this.selectId=m("GovSelect")}validateType(t){n(z,t,_.root)}validateSize(t){n(S,t,_.root)}validateColor(t){n(y,t,_.root)}recalculate(){this.recalculatePagination(this.current)}componentDidLoad(){this.attributeObserver=new d(this.host,((t,e)=>{this.onAriaAttributeChange(t,e)}));this.attributeObserver.startObserving(v)}componentWillLoad(){this.recalculatePagination(this.current);this.validateSize(this.size);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})}recalculatePagination(t){this.pagination=k(this.total,t,this.pageSize,this.maxPages)}isActivePageClass(t,e){if(this.pagination.currentPage===e){return t+" is-active"}else{return t}}prepareLinkUrl(t){if(this.link){return String(this.link).replace("{PAGE}",String(t))}return undefined}resetSelectValue(){if(this.spreadSelectRef){this.spreadSelectRef.getRef().then((t=>{t.value="..."}))}}render(){const t=(t,e,s)=>{const a=t===-1;const o=g(this.pagination.currentPage===t?true:undefined);return i("gov-button",{href:this.prepareLinkUrl(t),color:this.color,size:this.size,type:"base",disabled:a,"on-gov-click":e=>this.onClickHandler(e,t),"aria-label":s?s:t>-1?`${this.accessiblePageLabel} ${t}`:undefined,"aria-current":o,class:_.inner,focusable:true},e)};return i(a,{class:this.h.classes(_.root),type:this.type,color:this.color,size:this.size},i("nav",Object.assign({},this.inheritedAttributes),i("ul",{class:_.list},i("li",{class:p([_.item,_.itemArrow])},t(this.pagination.currentPage>1?1:-1,i("gov-icon",{class:_.arrow,name:"chevron-double-left",type:"components"}),this.labelStart)),i("li",{class:p([_.item,_.itemArrow])},t(this.pagination.startPage<this.pagination.currentPage?this.pagination.currentPage-1:-1,i("gov-icon",{class:_.arrow,name:"chevron-left",type:"components"}),this.labelPrev)),this.type=="select"?i("li",{class:p([_.item,_.itemSelect])},i("span",{class:_.inner},i("span",{id:this.pageSelectId,hidden:true},this.accessibleSelectLabel),i("gov-form-select",{size:this.size,color:this.color,identifier:this.selectIdentifier||this.selectId,"aria-labelledby":this.pageSelectId,"on-gov-change":this.onSelectHandler.bind(this)},u(1,this.pagination.totalPages).map((t=>i("option",{value:t,selected:this.pagination.currentPage===t},t)))))):i(o,null,this.pagination.pages.map((e=>i("li",{class:this.isActivePageClass(_.item,e)},t(e,e,"")))),this.pagination.totalPages?i("li",{class:p([_.item,_.itemMore])},i("span",{class:_.inner},i("span",{id:this.pageSelectId,hidden:true},this.accessibleSelectLabel),i("gov-form-select",{size:this.size,color:this.color,identifier:this.selectIdentifier||this.selectId,"aria-labelledby":this.pageSelectId,ref:t=>this.spreadSelectRef=t,"on-gov-change":this.onSelectHandler.bind(this)},i("option",{selected:true,hidden:true},"..."),u(1,this.pagination.totalPages).map((t=>i("option",{value:t,selected:false},t)))))):null),i("li",{class:p([_.item,_.itemArrow])},t(this.pagination.totalPages>this.pagination.currentPage?this.pagination.currentPage+1:-1,i("gov-icon",{class:_.arrow,name:"chevron-right",type:"components"}),this.labelNext)),i("li",{class:p([_.item,_.itemArrow])},t(this.pagination.totalPages>this.pagination.currentPage?this.pagination.totalPages:-1,i("gov-icon",{class:_.arrow,name:"chevron-double-right",type:"components"}),this.labelEnd)))))}onClickHandler(t,e){t.stopPropagation();this.recalculatePagination(e);this.govPage.emit({component:_.root,pagination:this.pagination})}onSelectHandler(t){t.stopPropagation();const e=t.detail.value;const s=parseInt(e);this.resetSelectValue();if(isNaN(s)===false){this.recalculatePagination(s);if(this.link){window.location.href=this.prepareLinkUrl(s)}else{this.govPage.emit({component:_.root,pagination:this.pagination})}}}get host(){return this}static get watchers(){return{type:["validateType"],size:["validateSize"],color:["validateColor"],current:["recalculate"],total:["recalculate"],pageSize:["recalculate"],maxPages:["recalculate"]}}},[0,"gov-pagination",{type:[1],current:[2],total:[2],selectIdentifier:[1,"select-identifier"],size:[1],color:[1],pageSize:[2,"page-size"],maxPages:[2,"max-pages"],link:[1],accessibleSelectLabel:[1,"accessible-select-label"],accessiblePageLabel:[1,"accessible-page-label"],labelPrev:[1,"label-prev"],labelStart:[1,"label-start"],labelNext:[1,"label-next"],labelEnd:[1,"label-end"],pagination:[32],inheritedAttributes:[32]},undefined,{type:["validateType"],size:["validateSize"],color:["validateColor"],current:["recalculate"],total:["recalculate"],pageSize:["recalculate"],maxPages:["recalculate"]}]);function x(){if(typeof customElements==="undefined"){return}const t=["gov-pagination","gov-button","gov-form-select","gov-icon"];t.forEach((t=>{switch(t){case"gov-pagination":if(!customElements.get(t)){customElements.define(t,A)}break;case"gov-button":if(!customElements.get(t)){b()}break;case"gov-form-select":if(!customElements.get(t)){j()}break;case"gov-icon":if(!customElements.get(t)){P()}break}}))}x();const C=A;const w=x;export{C as GovPagination,w as defineCustomElement};
 //# sourceMappingURL=gov-pagination.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"names":["PaginationSizes","pick","Sizes","PaginationColors","Colors","PaginationTypes","PaginationClass","root","list","item","itemArrow","itemMore","itemSelect","inner","arrow","paginate","totalItems","currentPage","pageSize","maxPages","totalPages","Math","ceil","startPage","endPage","maxPagesBeforeCurrentPage","floor","maxPagesAfterCurrentPage","startIndex","endIndex","min","pages","Array","from","keys","map","i","GovPagination","__stencil_proxyCustomElement","HTMLElement","constructor","this","type","current","total","size","color","accessibleSelectLabel","accessiblePageLabel","labelPrev","labelStart","labelNext","labelEnd","inheritedAttributes","h","govHost","host","pageSelectId","createID","selectId","validateType","newValue","validateProp","validateSize","validateColor","recalculate","recalculatePagination","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","inheritAriaAttributes","disconnectedCallback","_a","stopObserving","removeAttribute","Object","assign","pagination","isActivePageClass","originalClass","page","prepareLinkUrl","link","String","replace","undefined","resetSelectValue","spreadSelectRef","getRef","then","el","value","render","pageResolver","content","description","isDisabled","ariaCurrent","toBoolAttrIfDefined","href","disabled","e","onClickHandler","class","focusable","Host","classes","prepareClasses","name","id","hidden","identifier","selectIdentifier","onSelectHandler","bind","createArrayRange","selected","Fragment","ref","stopPropagation","govPage","emit","component","detail","parseInt","isNaN","window","location"],"sources":["../../../packages/core/src/components/gov-pagination/constants.ts","../../../packages/core/src/components/gov-pagination/pagination.ts","../../../packages/core/src/components/gov-pagination/gov-pagination.tsx"],"sourcesContent":["import { Sizes } from '../../core/constants/sizes'\nimport { Colors } from '../../core/constants/colors'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const PaginationSizes = pick(Sizes, ['_S', '_M'])\nexport type PaginationSizeType = `${ValueOf<typeof PaginationSizes>}`\n\nexport const PaginationColors = pick(Colors, ['PRIMARY', 'NEUTRAL'])\nexport type PaginationColorType = `${ValueOf<typeof PaginationColors>}`\n\nexport enum PaginationTypes {\n\tBUTTON = 'button',\n\tSELECT = 'select',\n}\nexport type PaginationType = `${ValueOf<typeof PaginationTypes>}`\n\nexport const PaginationClass = {\n\troot: 'gov-pagination',\n\tlist: 'gov-pagination__list',\n\titem: 'gov-pagination__item',\n\titemArrow: 'gov-pagination__item--arrow',\n\titemMore: 'gov-pagination__item--more',\n\titemSelect: 'gov-pagination__item--select',\n\tinner: 'gov-pagination__inner',\n\tarrow: 'gov-pagination__arrow',\n}\n","export interface Pagination {\n\ttotalItems: number\n\tcurrentPage: number\n\tpageSize: number\n\ttotalPages: number\n\tstartPage: number\n\tendPage: number\n\tstartIndex: number\n\tendIndex: number\n\tpages: number[]\n}\n\nexport function paginate(totalItems: number, currentPage = 1, pageSize = 10, maxPages = 10): Pagination {\n\t// calculate total pages\n\tconst totalPages = Math.ceil(totalItems / pageSize)\n\n\t// ensure current page isn't out of range\n\tif (currentPage < 1) {\n\t\tcurrentPage = 1\n\t} else if (currentPage > totalPages) {\n\t\tcurrentPage = totalPages\n\t}\n\n\tlet startPage: number, endPage: number\n\tif (totalPages <= maxPages) {\n\t\t// total pages less than max so show all pages\n\t\tstartPage = 1\n\t\tendPage = totalPages\n\t} else {\n\t\t// total pages more than max so calculate start and end pages\n\t\tconst maxPagesBeforeCurrentPage = Math.floor(maxPages / 2)\n\t\tconst maxPagesAfterCurrentPage = Math.ceil(maxPages / 2) - 1\n\t\tif (currentPage <= maxPagesBeforeCurrentPage) {\n\t\t\t// current page near the start\n\t\t\tstartPage = 1\n\t\t\tendPage = maxPages\n\t\t} else if (currentPage + maxPagesAfterCurrentPage >= totalPages) {\n\t\t\t// current page near the end\n\t\t\tstartPage = totalPages - maxPages + 1\n\t\t\tendPage = totalPages\n\t\t} else {\n\t\t\t// current page somewhere in the middle\n\t\t\tstartPage = currentPage - maxPagesBeforeCurrentPage\n\t\t\tendPage = currentPage + maxPagesAfterCurrentPage\n\t\t}\n\t}\n\n\t// calculate start and end item indexes\n\tconst startIndex = (currentPage - 1) * pageSize\n\tconst endIndex = Math.min(startIndex + pageSize - 1, totalItems - 1)\n\n\t// create an array of pages to ng-repeat in the pager control\n\tconst pages = Array.from(Array(endPage + 1 - startPage).keys()).map(i => startPage + i)\n\n\t// return object with all pager properties required by the view\n\treturn {\n\t\ttotalItems: totalItems,\n\t\tcurrentPage: currentPage,\n\t\tpageSize: pageSize,\n\t\ttotalPages: totalPages,\n\t\tstartPage: startPage,\n\t\tendPage: endPage,\n\t\tstartIndex: startIndex,\n\t\tendIndex: endIndex,\n\t\tpages: pages,\n\t}\n}\n","import Fragment from \"../../helpers/Fragment\"\nimport {Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch} from \"@stencil/core\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {\n\tPaginationClass,\n\tPaginationColors,\n\tPaginationColorType,\n\tPaginationSizes,\n\tPaginationSizeType,\n\tPaginationType,\n\tPaginationTypes,\n} from \"./constants\"\nimport {govHost, prepareClasses, toBoolAttrIfDefined} from \"../../helpers/Dom/template\"\nimport {paginate, Pagination} from \"./pagination\"\nimport {createID} from \"../../utils/string.utils\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {createArrayRange} from \"../../utils/array.utils\"\nimport {FormSelectEvent} from \"../gov-form/select/gov-form-select.types\"\nimport {PaginationEvent} from \"./gov-pagination.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-pagination\",\n})\nexport class GovPagination {\n\tprivate h: GovHost\n\tprivate readonly pageSelectId: string\n\tprivate readonly selectId: string\n\n\tprivate spreadSelectRef?: HTMLGovFormSelectElement\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.pageSelectId = createID(\"GovPageSelect\")\n\t\tthis.selectId = createID(\"GovSelect\")\n\t}\n\n\t@Element() readonly host: HTMLGovPaginationElement\n\t/*\n\t Pagination type\n\t /\n\t@Prop() readonly type: PaginationType = \"button\"\n\t/\n\t Currently displayed page\n\t /\n\t@Prop() readonly current: number = 1\n\t/\n\t Total count of entries\n\t /\n\t@Prop() readonly total: number = 0\n\t/\n\t Custom select identifier.\n\t /\n\t@Prop({attribute: 'select-identifier'}) readonly selectIdentifier: string\n\t/\n\t Pagination's size\n\t /\n\t@Prop() readonly size?: PaginationSizeType = \"m\"\n\t/\n\t Style variation of the pagination.\n\t /\n\t@Prop() readonly color?: PaginationColorType = \"primary\"\n\t/\n\t Maximum number of entries per page\n\t /\n\t@Prop({attribute: \"page-size\"}) readonly pageSize: number = 10\n\t/\n\t Maximum pages displayed for selection\n\t /\n\t@Prop({attribute: \"max-pages\"}) readonly maxPages: number = 5\n\t/\n\t Setting a link to redirect to a given page.\n\t * The {PAGE} wildcard can be used in the link to replace the page number.\n\t * Note that in the case of paging through a link, it is always necessary to send to the component the current page where the user is.\n\t /\n\t@Prop() readonly link: string\n\t/\n\t Adds accessible label for the page select\n\t /\n\t@Prop({attribute: \"accessible-select-label\"}) readonly accessibleSelectLabel: string = \"Vybrat stranu\"\n\t/\n\t Adds accessible label for the page item\n\t /\n\t@Prop({attribute: \"accessible-page-label\"}) readonly accessiblePageLabel: string = \"Strana\"\n\t/\n\t Description of the possibility to go back one page\n\t /\n\t@Prop({attribute: \"label-prev\"}) readonly labelPrev = 'Přejít o stranu zpět'\n\t/\n\t Description of the option to go to the top of paging\n\t /\n\t@Prop({attribute: \"label-start\"}) readonly labelStart = 'Přejít na začátek'\n\t/\n\t Description of the option to go to the end of paging\n\t /\n\t@Prop({attribute: \"label-next\"}) readonly labelNext = 'Přejít na další stranu'\n\t/\n\t Description of the option to move one page forward\n\t /\n\t@Prop({attribute: \"label-end\"}) readonly labelEnd = 'Přejít na konec'\n\t/\n\t Event called when changing the page with the current setting of the whole paging\n\t */\n\t@Event({eventName: \"gov-page\"}) govPage: EventEmitter<PaginationEvent>\n\n\t@State() pagination: Pagination\n\t@State() inheritedAttributes: Attributes = {}\n\n\t@Watch(\"type\")\n\tvalidateType(newValue: string): void {\n\t\tvalidateProp(PaginationTypes, newValue, PaginationClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(PaginationSizes, newValue, PaginationClass.root)\n\t}\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(PaginationColors, newValue, PaginationClass.root)\n\t}\n\n\t@Watch(\"current\")\n\t@Watch(\"total\")\n\t@Watch(\"pageSize\")\n\t@Watch(\"maxPages\")\n\trecalculate(): void {\n\t\tthis.recalculatePagination(this.current)\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.recalculatePagination(this.current)\n\t\tthis.validateSize(this.size)\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\tprivate recalculatePagination(currentPage: number) {\n\t\tthis.pagination = paginate(this.total, currentPage, this.pageSize, this.maxPages)\n\t}\n\n\tprivate isActivePageClass(originalClass: string, page: number) {\n\t\tif (this.pagination.currentPage === page) {\n\t\t\treturn originalClass + \" is-active\"\n\t\t} else {\n\t\t\treturn originalClass\n\t\t}\n\t}\n\n\tprivate prepareLinkUrl(page: number) {\n\t\tif (this.link) {\n\t\t\treturn String(this.link).replace(\"{PAGE}\", String(page))\n\t\t}\n\t\treturn undefined\n\t}\n\n\tprivate resetSelectValue() {\n\t\tif (this.spreadSelectRef) {\n\t\t\tthis.spreadSelectRef.getRef()\n\t\t\t\t.then((el: HTMLSelectElement) => {\n\t\t\t\t\tel.value = '...'\n\t\t\t\t})\n\t\t}\n\t}\n\n\trender() {\n\t\tconst pageResolver = (page: number, content: any, description: string) => {\n\t\t\tconst isDisabled = page === -1\n\t\t\tconst ariaCurrent = toBoolAttrIfDefined(this.pagination.currentPage === page ? true : undefined)\n\t\t\treturn (\n\t\t\t\t<gov-button\n\t\t\t\t\thref={this.prepareLinkUrl(page)}\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tsize={this.size}\n\t\t\t\t\ttype=\"base\"\n\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\ton-gov-click={(e) => this.onClickHandler(e, page)}\n\t\t\t\t\taria-label={description ? description : page > -1 ? `${this.accessiblePageLabel} ${page}` : undefined}\n\t\t\t\t\taria-current={ariaCurrent}\n\t\t\t\t\tclass={PaginationClass.inner}\n\t\t\t\t\tfocusable={true}>\n\t\t\t\t\t{content}\n\t\t\t\t</gov-button>\n\t\t\t)\n\t\t}\n\t\treturn (\n\t\t\t<Host class={this.h.classes(PaginationClass.root)} type={this.type} color={this.color} size={this.size}>\n\t\t\t\t<nav {...this.inheritedAttributes}>\n\t\t\t\t\t<ul class={PaginationClass.list}>\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\n\t\t\t\t\t\t\t{pageResolver(\n\t\t\t\t\t\t\t\tthis.pagination.currentPage > 1 ? 1 : -1,\n\t\t\t\t\t\t\t\t<gov-icon class={PaginationClass.arrow} name=\"chevron-double-left\" type=\"components\"></gov-icon>,\n\t\t\t\t\t\t\t\tthis.labelStart\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\n\t\t\t\t\t\t\t{pageResolver(\n\t\t\t\t\t\t\t\tthis.pagination.startPage < this.pagination.currentPage ? this.pagination.currentPage - 1 : -1,\n\t\t\t\t\t\t\t\t<gov-icon class={PaginationClass.arrow} name=\"chevron-left\" type=\"components\"></gov-icon>,\n\t\t\t\t\t\t\t\tthis.labelPrev\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t{this.type == \"select\" ? (\n\t\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemSelect])}>\n\t\t\t\t\t\t\t\t<span class={PaginationClass.inner}>\n\t\t\t\t\t\t\t\t\t<span id={this.pageSelectId} hidden>\n\t\t\t\t\t\t\t\t\t\t{this.accessibleSelectLabel}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<gov-form-select\n\t\t\t\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\t\t\t\tcolor={this.color}\n\t\t\t\t\t\t\t\t\t\tidentifier={this.selectIdentifier \|\| this.selectId}\n\t\t\t\t\t\t\t\t\t\taria-labelledby={this.pageSelectId}\n\t\t\t\t\t\t\t\t\t\ton-gov-change={this.onSelectHandler.bind(this)}>\n\t\t\t\t\t\t\t\t\t\t{createArrayRange(1, this.pagination.totalPages).map(page => (\n\t\t\t\t\t\t\t\t\t\t\t<option value={page} selected={this.pagination.currentPage === page}>\n\t\t\t\t\t\t\t\t\t\t\t\t{page}\n\t\t\t\t\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t</gov-form-select>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t{this.pagination.pages.map(page => (\n\t\t\t\t\t\t\t\t\t<li class={this.isActivePageClass(PaginationClass.item, page)}>{pageResolver(page, page, '')}</li>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t{this.pagination.totalPages ? (\n\t\t\t\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemMore])}>\n\t\t\t\t\t\t\t\t\t<span class={PaginationClass.inner}>\n\t\t\t\t\t\t\t\t\t\t<span id={this.pageSelectId} hidden>\n\t\t\t\t\t\t\t\t\t\t\t{this.accessibleSelectLabel}\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t<gov-form-select\n\t\t\t\t\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\t\t\t\t\tcolor={this.color}\n\t\t\t\t\t\t\t\t\t\t\tidentifier={this.selectIdentifier \|\| this.selectId}\n\t\t\t\t\t\t\t\t\t\t\taria-labelledby={this.pageSelectId}\n\t\t\t\t\t\t\t\t\t\t\tref={el => (this.spreadSelectRef = el as HTMLGovFormSelectElement)}\n\t\t\t\t\t\t\t\t\t\t\ton-gov-change={this.onSelectHandler.bind(this)}>\n\t\t\t\t\t\t\t\t\t\t\t<option selected hidden>...</option>\n\t\t\t\t\t\t\t\t\t\t\t{createArrayRange(1, this.pagination.totalPages).map(page => (\n\t\t\t\t\t\t\t\t\t\t\t\t<option value={page} selected={false}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{page}\n\t\t\t\t\t\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t</gov-form-select>\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\n\t\t\t\t\t\t\t{pageResolver(\n\t\t\t\t\t\t\t\tthis.pagination.totalPages > this.pagination.currentPage ? this.pagination.currentPage + 1 : -1,\n\t\t\t\t\t\t\t\t<gov-icon class={PaginationClass.arrow} name=\"chevron-right\" type=\"components\"></gov-icon>,\n\t\t\t\t\t\t\t\tthis.labelNext\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\n\t\t\t\t\t\t\t{pageResolver(\n\t\t\t\t\t\t\t\tthis.pagination.totalPages > this.pagination.currentPage ? this.pagination.totalPages : -1,\n\t\t\t\t\t\t\t\t<gov-icon class={PaginationClass.arrow} name=\"chevron-double-right\" type=\"components\"></gov-icon>,\n\t\t\t\t\t\t\t\tthis.labelEnd\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t</nav>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onClickHandler(e: CustomEvent, page: number): void {\n\t\te.stopPropagation()\n\t\tthis.recalculatePagination(page)\n\t\tthis.govPage.emit({\n\t\t\tcomponent: PaginationClass.root,\n\t\t\tpagination: this.pagination\n\t\t})\n\t}\n\n\tprivate onSelectHandler(e: CustomEvent<FormSelectEvent>): void {\n\t\te.stopPropagation()\n\t\tconst value = e.detail.value\n\t\tconst page = parseInt(value)\n\t\tthis.resetSelectValue()\n\t\tif (isNaN(page) === false) {\n\t\t\tthis.recalculatePagination(page)\n\t\t\tif (this.link) {\n\t\t\t\twindow.location.href = this.prepareLinkUrl(page)\n\t\t\t} else {\n\t\t\t\tthis.govPage.emit({\n\t\t\t\t\tcomponent: PaginationClass.root,\n\t\t\t\t\tpagination: this.pagination\n\t\t\t\t})\n\t\t\t}\n\t\t}\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["PaginationSizes","pick","Sizes","PaginationColors","Colors","PaginationTypes","PaginationClass","root","list","item","itemArrow","itemMore","itemSelect","inner","arrow","paginate","totalItems","currentPage","pageSize","maxPages","totalPages","Math","ceil","startPage","endPage","maxPagesBeforeCurrentPage","floor","maxPagesAfterCurrentPage","startIndex","endIndex","min","pages","Array","from","keys","map","i","GovPagination","__stencil_proxyCustomElement","HTMLElement","constructor","this","type","current","total","size","color","accessibleSelectLabel","accessiblePageLabel","labelPrev","labelStart","labelNext","labelEnd","inheritedAttributes","h","govHost","host","pageSelectId","createID","selectId","validateType","newValue","validateProp","validateSize","validateColor","recalculate","recalculatePagination","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","inheritAriaAttributes","disconnectedCallback","_a","stopObserving","removeAttribute","Object","assign","pagination","isActivePageClass","originalClass","page","prepareLinkUrl","link","String","replace","undefined","resetSelectValue","spreadSelectRef","getRef","then","el","value","render","pageResolver","content","description","isDisabled","ariaCurrent","toBoolAttrIfDefined","href","disabled","e","onClickHandler","class","focusable","Host","classes","prepareClasses","name","id","hidden","identifier","selectIdentifier","onSelectHandler","bind","createArrayRange","selected","Fragment","ref","stopPropagation","govPage","emit","component","detail","parseInt","isNaN","window","location"],"sources":["../../../packages/core/src/components/gov-pagination/constants.ts","../../../packages/core/src/components/gov-pagination/pagination.ts","../../../packages/core/src/components/gov-pagination/gov-pagination.tsx"],"sourcesContent":["import { Sizes } from '../../core/constants/sizes'\r\nimport { Colors } from '../../core/constants/colors'\r\nimport { pick } from '../../utils/utils'\r\nimport { ValueOf } from '../../types/interfaces'\r\n\r\nexport const PaginationSizes = pick(Sizes, ['_S', '_M'])\r\nexport type PaginationSizeType = `${ValueOf<typeof PaginationSizes>}`\r\n\r\nexport const PaginationColors = pick(Colors, ['PRIMARY', 'NEUTRAL'])\r\nexport type PaginationColorType = `${ValueOf<typeof PaginationColors>}`\r\n\r\nexport enum PaginationTypes {\r\n\tBUTTON = 'button',\r\n\tSELECT = 'select',\r\n}\r\nexport type PaginationType = `${ValueOf<typeof PaginationTypes>}`\r\n\r\nexport const PaginationClass = {\r\n\troot: 'gov-pagination',\r\n\tlist: 'gov-pagination__list',\r\n\titem: 'gov-pagination__item',\r\n\titemArrow: 'gov-pagination__item--arrow',\r\n\titemMore: 'gov-pagination__item--more',\r\n\titemSelect: 'gov-pagination__item--select',\r\n\tinner: 'gov-pagination__inner',\r\n\tarrow: 'gov-pagination__arrow',\r\n}\r\n","export interface Pagination {\r\n\ttotalItems: number\r\n\tcurrentPage: number\r\n\tpageSize: number\r\n\ttotalPages: number\r\n\tstartPage: number\r\n\tendPage: number\r\n\tstartIndex: number\r\n\tendIndex: number\r\n\tpages: number[]\r\n}\r\n\r\nexport function paginate(totalItems: number, currentPage = 1, pageSize = 10, maxPages = 10): Pagination {\r\n\t// calculate total pages\r\n\tconst totalPages = Math.ceil(totalItems / pageSize)\r\n\r\n\t// ensure current page isn't out of range\r\n\tif (currentPage < 1) {\r\n\t\tcurrentPage = 1\r\n\t} else if (currentPage > totalPages) {\r\n\t\tcurrentPage = totalPages\r\n\t}\r\n\r\n\tlet startPage: number, endPage: number\r\n\tif (totalPages <= maxPages) {\r\n\t\t// total pages less than max so show all pages\r\n\t\tstartPage = 1\r\n\t\tendPage = totalPages\r\n\t} else {\r\n\t\t// total pages more than max so calculate start and end pages\r\n\t\tconst maxPagesBeforeCurrentPage = Math.floor(maxPages / 2)\r\n\t\tconst maxPagesAfterCurrentPage = Math.ceil(maxPages / 2) - 1\r\n\t\tif (currentPage <= maxPagesBeforeCurrentPage) {\r\n\t\t\t// current page near the start\r\n\t\t\tstartPage = 1\r\n\t\t\tendPage = maxPages\r\n\t\t} else if (currentPage + maxPagesAfterCurrentPage >= totalPages) {\r\n\t\t\t// current page near the end\r\n\t\t\tstartPage = totalPages - maxPages + 1\r\n\t\t\tendPage = totalPages\r\n\t\t} else {\r\n\t\t\t// current page somewhere in the middle\r\n\t\t\tstartPage = currentPage - maxPagesBeforeCurrentPage\r\n\t\t\tendPage = currentPage + maxPagesAfterCurrentPage\r\n\t\t}\r\n\t}\r\n\r\n\t// calculate start and end item indexes\r\n\tconst startIndex = (currentPage - 1) * pageSize\r\n\tconst endIndex = Math.min(startIndex + pageSize - 1, totalItems - 1)\r\n\r\n\t// create an array of pages to ng-repeat in the pager control\r\n\tconst pages = Array.from(Array(endPage + 1 - startPage).keys()).map(i => startPage + i)\r\n\r\n\t// return object with all pager properties required by the view\r\n\treturn {\r\n\t\ttotalItems: totalItems,\r\n\t\tcurrentPage: currentPage,\r\n\t\tpageSize: pageSize,\r\n\t\ttotalPages: totalPages,\r\n\t\tstartPage: startPage,\r\n\t\tendPage: endPage,\r\n\t\tstartIndex: startIndex,\r\n\t\tendIndex: endIndex,\r\n\t\tpages: pages,\r\n\t}\r\n}\r\n","import Fragment from \"../../helpers/Fragment\"\r\nimport {Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch} from \"@stencil/core\"\r\nimport {validateProp} from \"../../helpers/Validate/props\"\r\nimport {\r\n\tPaginationClass,\r\n\tPaginationColors,\r\n\tPaginationColorType,\r\n\tPaginationSizes,\r\n\tPaginationSizeType,\r\n\tPaginationType,\r\n\tPaginationTypes,\r\n} from \"./constants\"\r\nimport {govHost, prepareClasses, toBoolAttrIfDefined} from \"../../helpers/Dom/template\"\r\nimport {paginate, Pagination} from \"./pagination\"\r\nimport {createID} from \"../../utils/string.utils\"\r\nimport {GovHost} from \"../../helpers/Dom/template.types\"\r\nimport {createArrayRange} from \"../../utils/array.utils\"\r\nimport {FormSelectEvent} from \"../gov-form/select/gov-form-select.types\"\r\nimport {PaginationEvent} from \"./gov-pagination.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-pagination\",\r\n})\r\nexport class GovPagination {\r\n\tprivate h: GovHost\r\n\tprivate readonly pageSelectId: string\r\n\tprivate readonly selectId: string\r\n\r\n\tprivate spreadSelectRef?: HTMLGovFormSelectElement\r\n\tprivate attributeObserver: AttributeObserver\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.pageSelectId = createID(\"GovPageSelect\")\r\n\t\tthis.selectId = createID(\"GovSelect\")\r\n\t}\r\n\r\n\t@Element() readonly host: HTMLGovPaginationElement\r\n\t/*\r\n\t Pagination type\r\n\t /\r\n\t@Prop() readonly type: PaginationType = \"button\"\r\n\t/\r\n\t Currently displayed page\r\n\t /\r\n\t@Prop() readonly current: number = 1\r\n\t/\r\n\t Total count of entries\r\n\t /\r\n\t@Prop() readonly total: number = 0\r\n\t/\r\n\t Custom select identifier.\r\n\t /\r\n\t@Prop({attribute: 'select-identifier'}) readonly selectIdentifier: string\r\n\t/\r\n\t Pagination's size\r\n\t /\r\n\t@Prop() readonly size?: PaginationSizeType = \"m\"\r\n\t/\r\n\t Style variation of the pagination.\r\n\t /\r\n\t@Prop() readonly color?: PaginationColorType = \"primary\"\r\n\t/\r\n\t Maximum number of entries per page\r\n\t /\r\n\t@Prop({attribute: \"page-size\"}) readonly pageSize: number = 10\r\n\t/\r\n\t Maximum pages displayed for selection\r\n\t /\r\n\t@Prop({attribute: \"max-pages\"}) readonly maxPages: number = 5\r\n\t/\r\n\t Setting a link to redirect to a given page.\r\n\t * The {PAGE} wildcard can be used in the link to replace the page number.\r\n\t * Note that in the case of paging through a link, it is always necessary to send to the component the current page where the user is.\r\n\t /\r\n\t@Prop() readonly link: string\r\n\t/\r\n\t Adds accessible label for the page select\r\n\t /\r\n\t@Prop({attribute: \"accessible-select-label\"}) readonly accessibleSelectLabel: string = \"Vybrat stranu\"\r\n\t/\r\n\t Adds accessible label for the page item\r\n\t /\r\n\t@Prop({attribute: \"accessible-page-label\"}) readonly accessiblePageLabel: string = \"Strana\"\r\n\t/\r\n\t Description of the possibility to go back one page\r\n\t /\r\n\t@Prop({attribute: \"label-prev\"}) readonly labelPrev = 'Přejít o stranu zpět'\r\n\t/\r\n\t Description of the option to go to the top of paging\r\n\t /\r\n\t@Prop({attribute: \"label-start\"}) readonly labelStart = 'Přejít na začátek'\r\n\t/\r\n\t Description of the option to go to the end of paging\r\n\t /\r\n\t@Prop({attribute: \"label-next\"}) readonly labelNext = 'Přejít na další stranu'\r\n\t/\r\n\t Description of the option to move one page forward\r\n\t /\r\n\t@Prop({attribute: \"label-end\"}) readonly labelEnd = 'Přejít na konec'\r\n\t/\r\n\t Event called when changing the page with the current setting of the whole paging\r\n\t */\r\n\t@Event({eventName: \"gov-page\"}) govPage: EventEmitter<PaginationEvent>\r\n\r\n\t@State() pagination: Pagination\r\n\t@State() inheritedAttributes: Attributes = {}\r\n\r\n\t@Watch(\"type\")\r\n\tvalidateType(newValue: string): void {\r\n\t\tvalidateProp(PaginationTypes, newValue, PaginationClass.root)\r\n\t}\r\n\r\n\t@Watch(\"size\")\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(PaginationSizes, newValue, PaginationClass.root)\r\n\t}\r\n\r\n\t@Watch(\"color\")\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(PaginationColors, newValue, PaginationClass.root)\r\n\t}\r\n\r\n\t@Watch(\"current\")\r\n\t@Watch(\"total\")\r\n\t@Watch(\"pageSize\")\r\n\t@Watch(\"maxPages\")\r\n\trecalculate(): void {\r\n\t\tthis.recalculatePagination(this.current)\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.recalculatePagination(this.current)\r\n\t\tthis.validateSize(this.size)\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\tprivate recalculatePagination(currentPage: number) {\r\n\t\tthis.pagination = paginate(this.total, currentPage, this.pageSize, this.maxPages)\r\n\t}\r\n\r\n\tprivate isActivePageClass(originalClass: string, page: number) {\r\n\t\tif (this.pagination.currentPage === page) {\r\n\t\t\treturn originalClass + \" is-active\"\r\n\t\t} else {\r\n\t\t\treturn originalClass\r\n\t\t}\r\n\t}\r\n\r\n\tprivate prepareLinkUrl(page: number) {\r\n\t\tif (this.link) {\r\n\t\t\treturn String(this.link).replace(\"{PAGE}\", String(page))\r\n\t\t}\r\n\t\treturn undefined\r\n\t}\r\n\r\n\tprivate resetSelectValue() {\r\n\t\tif (this.spreadSelectRef) {\r\n\t\t\tthis.spreadSelectRef.getRef()\r\n\t\t\t\t.then((el: HTMLSelectElement) => {\r\n\t\t\t\t\tel.value = '...'\r\n\t\t\t\t})\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst pageResolver = (page: number, content: any, description: string) => {\r\n\t\t\tconst isDisabled = page === -1\r\n\t\t\tconst ariaCurrent = toBoolAttrIfDefined(this.pagination.currentPage === page ? true : undefined)\r\n\t\t\treturn (\r\n\t\t\t\t<gov-button\r\n\t\t\t\t\thref={this.prepareLinkUrl(page)}\r\n\t\t\t\t\tcolor={this.color}\r\n\t\t\t\t\tsize={this.size}\r\n\t\t\t\t\ttype=\"base\"\r\n\t\t\t\t\tdisabled={isDisabled}\r\n\t\t\t\t\ton-gov-click={(e) => this.onClickHandler(e, page)}\r\n\t\t\t\t\taria-label={description ? description : page > -1 ? `${this.accessiblePageLabel} ${page}` : undefined}\r\n\t\t\t\t\taria-current={ariaCurrent}\r\n\t\t\t\t\tclass={PaginationClass.inner}\r\n\t\t\t\t\tfocusable={true}>\r\n\t\t\t\t\t{content}\r\n\t\t\t\t</gov-button>\r\n\t\t\t)\r\n\t\t}\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(PaginationClass.root)} type={this.type} color={this.color} size={this.size}>\r\n\t\t\t\t<nav {...this.inheritedAttributes}>\r\n\t\t\t\t\t<ul class={PaginationClass.list}>\r\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\r\n\t\t\t\t\t\t\t{pageResolver(\r\n\t\t\t\t\t\t\t\tthis.pagination.currentPage > 1 ? 1 : -1,\r\n\t\t\t\t\t\t\t\t<gov-icon class={PaginationClass.arrow} name=\"chevron-double-left\" type=\"components\"></gov-icon>,\r\n\t\t\t\t\t\t\t\tthis.labelStart\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</li>\r\n\r\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\r\n\t\t\t\t\t\t\t{pageResolver(\r\n\t\t\t\t\t\t\t\tthis.pagination.startPage < this.pagination.currentPage ? this.pagination.currentPage - 1 : -1,\r\n\t\t\t\t\t\t\t\t<gov-icon class={PaginationClass.arrow} name=\"chevron-left\" type=\"components\"></gov-icon>,\r\n\t\t\t\t\t\t\t\tthis.labelPrev\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</li>\r\n\r\n\t\t\t\t\t\t{this.type == \"select\" ? (\r\n\t\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemSelect])}>\r\n\t\t\t\t\t\t\t\t<span class={PaginationClass.inner}>\r\n\t\t\t\t\t\t\t\t\t<span id={this.pageSelectId} hidden>\r\n\t\t\t\t\t\t\t\t\t\t{this.accessibleSelectLabel}\r\n\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t<gov-form-select\r\n\t\t\t\t\t\t\t\t\t\tsize={this.size}\r\n\t\t\t\t\t\t\t\t\t\tcolor={this.color}\r\n\t\t\t\t\t\t\t\t\t\tidentifier={this.selectIdentifier \|\| this.selectId}\r\n\t\t\t\t\t\t\t\t\t\taria-labelledby={this.pageSelectId}\r\n\t\t\t\t\t\t\t\t\t\ton-gov-change={this.onSelectHandler.bind(this)}>\r\n\t\t\t\t\t\t\t\t\t\t{createArrayRange(1, this.pagination.totalPages).map(page => (\r\n\t\t\t\t\t\t\t\t\t\t\t<option value={page} selected={this.pagination.currentPage === page}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{page}\r\n\t\t\t\t\t\t\t\t\t\t\t</option>\r\n\t\t\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t\t\t</gov-form-select>\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t<Fragment>\r\n\t\t\t\t\t\t\t\t{this.pagination.pages.map(page => (\r\n\t\t\t\t\t\t\t\t\t<li class={this.isActivePageClass(PaginationClass.item, page)}>{pageResolver(page, page, '')}</li>\r\n\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t\t{this.pagination.totalPages ? (\r\n\t\t\t\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemMore])}>\r\n\t\t\t\t\t\t\t\t\t<span class={PaginationClass.inner}>\r\n\t\t\t\t\t\t\t\t\t\t<span id={this.pageSelectId} hidden>\r\n\t\t\t\t\t\t\t\t\t\t\t{this.accessibleSelectLabel}\r\n\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t<gov-form-select\r\n\t\t\t\t\t\t\t\t\t\t\tsize={this.size}\r\n\t\t\t\t\t\t\t\t\t\t\tcolor={this.color}\r\n\t\t\t\t\t\t\t\t\t\t\tidentifier={this.selectIdentifier \|\| this.selectId}\r\n\t\t\t\t\t\t\t\t\t\t\taria-labelledby={this.pageSelectId}\r\n\t\t\t\t\t\t\t\t\t\t\tref={el => (this.spreadSelectRef = el as HTMLGovFormSelectElement)}\r\n\t\t\t\t\t\t\t\t\t\t\ton-gov-change={this.onSelectHandler.bind(this)}>\r\n\t\t\t\t\t\t\t\t\t\t\t<option selected hidden>...</option>\r\n\t\t\t\t\t\t\t\t\t\t\t{createArrayRange(1, this.pagination.totalPages).map(page => (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<option value={page} selected={false}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{page}\r\n\t\t\t\t\t\t\t\t\t\t\t\t</option>\r\n\t\t\t\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t\t\t\t</gov-form-select>\r\n\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t</Fragment>\r\n\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\r\n\t\t\t\t\t\t\t{pageResolver(\r\n\t\t\t\t\t\t\t\tthis.pagination.totalPages > this.pagination.currentPage ? this.pagination.currentPage + 1 : -1,\r\n\t\t\t\t\t\t\t\t<gov-icon class={PaginationClass.arrow} name=\"chevron-right\" type=\"components\"></gov-icon>,\r\n\t\t\t\t\t\t\t\tthis.labelNext\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</li>\r\n\r\n\t\t\t\t\t\t<li class={prepareClasses([PaginationClass.item, PaginationClass.itemArrow])}>\r\n\t\t\t\t\t\t\t{pageResolver(\r\n\t\t\t\t\t\t\t\tthis.pagination.totalPages > this.pagination.currentPage ? this.pagination.totalPages : -1,\r\n\t\t\t\t\t\t\t\t<gov-icon class={PaginationClass.arrow} name=\"chevron-double-right\" type=\"components\"></gov-icon>,\r\n\t\t\t\t\t\t\t\tthis.labelEnd\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</li>\r\n\t\t\t\t\t</ul>\r\n\t\t\t\t</nav>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tprivate onClickHandler(e: CustomEvent, page: number): void {\r\n\t\te.stopPropagation()\r\n\t\tthis.recalculatePagination(page)\r\n\t\tthis.govPage.emit({\r\n\t\t\tcomponent: PaginationClass.root,\r\n\t\t\tpagination: this.pagination\r\n\t\t})\r\n\t}\r\n\r\n\tprivate onSelectHandler(e: CustomEvent<FormSelectEvent>): void {\r\n\t\te.stopPropagation()\r\n\t\tconst value = e.detail.value\r\n\t\tconst page = parseInt(value)\r\n\t\tthis.resetSelectValue()\r\n\t\tif (isNaN(page) === false) {\r\n\t\t\tthis.recalculatePagination(page)\r\n\t\t\tif (this.link) {\r\n\t\t\t\twindow.location.href = this.prepareLinkUrl(page)\r\n\t\t\t} else {\r\n\t\t\t\tthis.govPage.emit({\r\n\t\t\t\t\tcomponent: PaginationClass.root,\r\n\t\t\t\t\tpagination: this.pagination\r\n\t\t\t\t})\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +1,2 @@
-import{G as o,d as s}from"./p-wlTP5ZEU.js";const t=o;const p=s;export{t as GovSkeleton,p as defineCustomElement};
+import{G as o,d as s}from"./p-D8QfVS4O.js";const t=o;const p=s;export{t as GovSkeleton,p as defineCustomElement};
 //# sourceMappingURL=gov-skeleton.js.map

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

@@ -1,2 +1,2 @@
-import{p as t,H as e,h as s,a as i}from"./index.js";import{v as o}from"./p-BKP-F1qP.js";import{S as a}from"./p-BcQO4NH2.js";import{p as n}from"./p-CQvUntGY.js";import{g as r}from"./p-DfJDyRCE.js";const c=n(a,["_2XS","_XS","_S","_M","_L","_XL","_2XL","_3XL","_4XL"]);var p;(function(t){t["NONE"]="none";t["SM"]="sm";t["MD"]="md";t["LG"]="lg";t["XL"]="xl"})(p||(p={}));const d={root:"gov-spacer"};const m=t(class t extends e{constructor(){super();this.__registerHost();this.breakpoint=undefined;this.h=r(this.host)}validateSize(t){o(c,t,d.root)}validateBreakpoint(t){o(p,t,d.root)}componentWillLoad(){this.validateSize(this.size);this.validateBreakpoint(this.breakpoint)}render(){return s(i,{key:"0cfcd48030a4fe812323c3b00b3ef1ae0c2bc2ad",class:this.h.classes(d.root),size:this.size,breakpoint:this.breakpoint})}get host(){return this}static get watchers(){return{size:["validateSize"],breakpoint:["validateBreakpoint"]}}},[256,"gov-spacer",{size:[1],breakpoint:[1]},undefined,{size:["validateSize"],breakpoint:["validateBreakpoint"]}]);function f(){if(typeof customElements==="undefined"){return}const t=["gov-spacer"];t.forEach((t=>{switch(t){case"gov-spacer":if(!customElements.get(t)){customElements.define(t,m)}break}}))}f();const h=m;const l=f;export{h as GovSpacer,l as defineCustomElement};
+import{p as t,H as e,h as s,a as i}from"./index.js";import{v as o}from"./p-BKP-F1qP.js";import{S as a}from"./p-BcQO4NH2.js";import{p as n}from"./p-CQvUntGY.js";import{g as r}from"./p-DKo9A5gq.js";const c=n(a,["_2XS","_XS","_S","_M","_L","_XL","_2XL","_3XL","_4XL"]);var p;(function(t){t["NONE"]="none";t["SM"]="sm";t["MD"]="md";t["LG"]="lg";t["XL"]="xl"})(p||(p={}));const m={root:"gov-spacer"};const d=t(class t extends e{constructor(){super();this.__registerHost();this.breakpoint=undefined;this.h=r(this.host)}validateSize(t){o(c,t,m.root)}validateBreakpoint(t){o(p,t,m.root)}componentWillLoad(){this.validateSize(this.size);this.validateBreakpoint(this.breakpoint)}render(){return s(i,{key:"97560206986a3dea272c7e4a939bb91a050f6252",class:this.h.classes(m.root),size:this.size,breakpoint:this.breakpoint})}get host(){return this}static get watchers(){return{size:["validateSize"],breakpoint:["validateBreakpoint"]}}},[0,"gov-spacer",{size:[1],breakpoint:[1]},undefined,{size:["validateSize"],breakpoint:["validateBreakpoint"]}]);function h(){if(typeof customElements==="undefined"){return}const t=["gov-spacer"];t.forEach((t=>{switch(t){case"gov-spacer":if(!customElements.get(t)){customElements.define(t,d)}break}}))}h();const l=d;const f=h;export{l as GovSpacer,f as defineCustomElement};
 //# sourceMappingURL=gov-spacer.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"names":["SpacerSize","pick","Sizes","SpacerBreakpoints","SpacerClass","root","GovSpacer","__stencil_proxyCustomElement","HTMLElement","constructor","this","breakpoint","undefined","h","govHost","host","validateSize","newValue","validateProp","validateBreakpoint","componentWillLoad","size","render","Host","key","class","classes"],"sources":["../../../packages/core/src/components/gov-spacer/constants.tsx","../../../packages/core/src/components/gov-spacer/gov-spacer.tsx"],"sourcesContent":["import { Sizes } from '../../core/constants/sizes'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const SpacerSize = pick(Sizes, ['_2XS', '_XS', '_S', '_M', '_L', '_XL', '_2XL', '_3XL', '_4XL'])\nexport type SpacerSizeType = `${ValueOf<typeof SpacerSize>}`\n\nexport enum SpacerBreakpoints {\n\tNONE = 'none',\n\tSM = 'sm',\n\tMD = 'md',\n\tLG = 'lg',\n\tXL = 'xl',\n}\nexport type SpacerBreakpointsType = `${ValueOf<typeof SpacerBreakpoints>}`\n\nexport const SpacerClass = {\n\troot: 'gov-spacer',\n}\n","import { Component, Element, h, Host, Prop, Watch } from '@stencil/core'\nimport { validateProp } from '../../helpers/Validate/props'\nimport { SpacerBreakpoints, SpacerBreakpointsType, SpacerClass, SpacerSize, SpacerSizeType } from './constants'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { govHost } from '../../helpers/Dom/template'\n\n@Component({\n\ttag: 'gov-spacer',\n})\nexport class GovSpacer {\n\tprivate h: GovHost\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\t@Element() host: HTMLGovSpacerElement\n\t/*\n\t Spacer’s size\n\t /\n\t@Prop() readonly size?: SpacerSizeType\n\t/\n\t Breakpoint\n\t */\n\t@Prop() readonly breakpoint?: SpacerBreakpointsType = undefined\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(SpacerSize, newValue, SpacerClass.root)\n\t}\n\n\t@Watch('breakpoint')\n\tvalidateBreakpoint(newValue: string): void {\n\t\tvalidateProp(SpacerBreakpoints, newValue, SpacerClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t\tthis.validateBreakpoint(this.breakpoint)\n\t}\n\n\trender() {\n\t\treturn <Host class={this.h.classes(SpacerClass.root)} size={this.size} breakpoint={this.breakpoint}></Host>\n\t}\n}\n"],"mappings":"oMAIO,MAAMA,EAAaC,EAAKC,EAAO,CAAC,OAAQ,MAAO,KAAM,KAAM,KAAM,MAAO,OAAQ,OAAQ,SAG/F,IAAYC,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,WACAA,EAAA,WACAA,EAAA,WACAA,EAAA,UACA,EAND,CAAYA,MAMX,KAGM,MAAMC,EAAc,CAC1BC,KAAM,c,MCRMC,EAASC,EAAA,MAAAD,UAAAE,EAErB,WAAAC,G,8BAWiBC,KAAUC,WAA2BC,UAVrDF,KAAKG,EAAIC,EAAQJ,KAAKK,KACtB,CAYD,YAAAC,CAAaC,GACZC,EAAalB,EAAYiB,EAAUb,EAAYC,K,CAIhD,kBAAAc,CAAmBF,GAClBC,EAAaf,EAAmBc,EAAUb,EAAYC,K,CAGvD,iBAAAe,GACCV,KAAKM,aAAaN,KAAKW,MACvBX,KAAKS,mBAAmBT,KAAKC,W,CAG9B,MAAAW,GACC,OAAOT,EAACU,EAAK,CAAAC,IAAA,2CAAAC,MAAOf,KAAKG,EAAEa,QAAQtB,EAAYC,MAAOgB,KAAMX,KAAKW,KAAMV,WAAYD,KAAKC,Y","ignoreList":[]}
1	+ {"version":3,"names":["SpacerSize","pick","Sizes","SpacerBreakpoints","SpacerClass","root","GovSpacer","__stencil_proxyCustomElement","HTMLElement","constructor","this","breakpoint","undefined","h","govHost","host","validateSize","newValue","validateProp","validateBreakpoint","componentWillLoad","size","render","Host","key","class","classes"],"sources":["../../../packages/core/src/components/gov-spacer/constants.tsx","../../../packages/core/src/components/gov-spacer/gov-spacer.tsx"],"sourcesContent":["import { Sizes } from '../../core/constants/sizes'\r\nimport { pick } from '../../utils/utils'\r\nimport { ValueOf } from '../../types/interfaces'\r\n\r\nexport const SpacerSize = pick(Sizes, ['_2XS', '_XS', '_S', '_M', '_L', '_XL', '_2XL', '_3XL', '_4XL'])\r\nexport type SpacerSizeType = `${ValueOf<typeof SpacerSize>}`\r\n\r\nexport enum SpacerBreakpoints {\r\n\tNONE = 'none',\r\n\tSM = 'sm',\r\n\tMD = 'md',\r\n\tLG = 'lg',\r\n\tXL = 'xl',\r\n}\r\nexport type SpacerBreakpointsType = `${ValueOf<typeof SpacerBreakpoints>}`\r\n\r\nexport const SpacerClass = {\r\n\troot: 'gov-spacer',\r\n}\r\n","import { Component, Element, h, Host, Prop, Watch } from '@stencil/core'\r\nimport { validateProp } from '../../helpers/Validate/props'\r\nimport { SpacerBreakpoints, SpacerBreakpointsType, SpacerClass, SpacerSize, SpacerSizeType } 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-spacer',\r\n})\r\nexport class GovSpacer {\r\n\tprivate h: GovHost\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\t@Element() host: HTMLGovSpacerElement\r\n\t/*\r\n\t Spacer’s size\r\n\t /\r\n\t@Prop() readonly size?: SpacerSizeType\r\n\t/\r\n\t Breakpoint\r\n\t */\r\n\t@Prop() readonly breakpoint?: SpacerBreakpointsType = undefined\r\n\r\n\t@Watch('size')\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(SpacerSize, newValue, SpacerClass.root)\r\n\t}\r\n\r\n\t@Watch('breakpoint')\r\n\tvalidateBreakpoint(newValue: string): void {\r\n\t\tvalidateProp(SpacerBreakpoints, newValue, SpacerClass.root)\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateSize(this.size)\r\n\t\tthis.validateBreakpoint(this.breakpoint)\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn <Host class={this.h.classes(SpacerClass.root)} size={this.size} breakpoint={this.breakpoint}></Host>\r\n\t}\r\n}\r\n"],"mappings":"oMAIO,MAAMA,EAAaC,EAAKC,EAAO,CAAC,OAAQ,MAAO,KAAM,KAAM,KAAM,MAAO,OAAQ,OAAQ,SAG/F,IAAYC,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,WACAA,EAAA,WACAA,EAAA,WACAA,EAAA,UACA,EAND,CAAYA,MAMX,KAGM,MAAMC,EAAc,CAC1BC,KAAM,c,MCRMC,EAASC,EAAA,MAAAD,UAAAE,EAErB,WAAAC,G,8BAWiBC,KAAUC,WAA2BC,UAVrDF,KAAKG,EAAIC,EAAQJ,KAAKK,KACtB,CAYD,YAAAC,CAAaC,GACZC,EAAalB,EAAYiB,EAAUb,EAAYC,K,CAIhD,kBAAAc,CAAmBF,GAClBC,EAAaf,EAAmBc,EAAUb,EAAYC,K,CAGvD,iBAAAe,GACCV,KAAKM,aAAaN,KAAKW,MACvBX,KAAKS,mBAAmBT,KAAKC,W,CAG9B,MAAAW,GACC,OAAOT,EAACU,EAAK,CAAAC,IAAA,2CAAAC,MAAOf,KAAKG,EAAEa,QAAQtB,EAAYC,MAAOgB,KAAMX,KAAKW,KAAMV,WAAYD,KAAKC,Y","ignoreList":[]}

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

@@ -1,2 +1,2 @@
-import{p as e,H as t,c as s,h as a,a as c}from"./index.js";import{v as f}from"./p-BKP-F1qP.js";import{b as o,c as i}from"./p-ClYmjarv.js";import{c as d}from"./p-vN03FcXN.js";import{g as n}from"./p-DfJDyRCE.js";const r=e(class e extends t{constructor(){super();this.__registerHost();this.govChange=s(this,"gov-change");this.hydrated=false;this.color="primary";this.size="m";this.h=n(this.host);this.triggerId=d("GovStepperItem");this.contentId=d("GovStepperContent")}validateColor(e){f(i,e,o.root)}componentWillLoad(){this.validateColor(this.color)}connectedCallback(){this.hydrated=true}render(){const e=this.identifier||this.triggerId;const t=this.contentId;return a(c,{key:"c6fccfba3fb2434ff3e1cf6f082b8e1efdf678da",id:e,class:this.h.classes(o.root),color:this.color,role:"listitem",hydrated:this.hydrated},a("div",{key:"63436f68c58e23fda47db1d48e2fec087bfb19a2"},a("div",{key:"7f70a37cfa54fda7b89f8f9eeb395121e7626c4c",class:o.steps},a("span",{key:"c65ea77b5a4b0ddad39b67af29e0e4bd799060c4"}),a("span",{key:"84695001e1f01420c69a2c6bf32e3463e7c02566",class:o.prefix},a("slot",{key:"8f958979bb316dce25991a49620cb92d4bd0f0b4",name:"prefix"})),a("span",{key:"f1f5a904e078c64888af41d36874f847035dbcd7"})),a("div",{key:"3e9149dbb060679006b8ca5ea1aefd8cef1eccc7",class:o.main},a("span",{key:"5fe6ec5eaab7618f865e4c8327d5ee2797a380ad",class:o.headline},a("slot",{key:"acf8d8098a5de3a962ff213febbb409be338e110",name:"headline"})),a("slot",{key:"c01fc26f870c2ee02aa7559a055664de88454383",name:"annotation"}),this.h.hasSlot("content")&&a("div",{key:"955d3d180f70801abed40bdffdb339264fabe007",class:o.content,id:t,"aria-labelledby":e,role:"tabpanel"},a("slot",{key:"f22bc0884f0c5478c992c6d517af466016f753ec",name:"content"})))))}get host(){return this}static get watchers(){return{color:["validateColor"]}}},[260,"gov-stepper-item",{color:[1],size:[1],identifier:[1]},undefined,{color:["validateColor"]}]);function b(){if(typeof customElements==="undefined"){return}const e=["gov-stepper-item"];e.forEach((e=>{switch(e){case"gov-stepper-item":if(!customElements.get(e)){customElements.define(e,r)}break}}))}b();const l=r;const p=b;export{l as GovStepperItem,p as defineCustomElement};
+import{p as e,H as t,c as a,h as s,a as c}from"./index.js";import{v as o}from"./p-BKP-F1qP.js";import{b as i,c as d}from"./p-ClYmjarv.js";import{c as f}from"./p-vN03FcXN.js";import{g as n}from"./p-DKo9A5gq.js";const r=e(class e extends t{constructor(){super();this.__registerHost();this.govChange=a(this,"gov-change");this.hydrated=false;this.color="primary";this.size="m";this.h=n(this.host);this.triggerId=f("GovStepperItem");this.contentId=f("GovStepperContent")}validateColor(e){o(d,e,i.root)}componentWillLoad(){this.validateColor(this.color)}connectedCallback(){this.hydrated=true}render(){const e=this.identifier||this.triggerId;const t=this.contentId;return s(c,{key:"609a7f8b92363c1de962f2260d36fc674bd4c193",id:e,class:this.h.classes(i.root),color:this.color,role:"listitem",hydrated:this.hydrated},s("div",{key:"5afa6db421d268ff22727bedff02fe7e37273b7c"},s("div",{key:"f09a6804198fbf9a37b0553bf0539e26dd28d9f4",class:i.steps},s("span",{key:"e9f495a434501d1b5f7ac65fb757cca181156814"}),s("span",{key:"bb3b4bd8d1e613090f9e369a72c20e04eeaad1a9",class:i.prefix},s("slot",{key:"5d8ee1538f9232cc62d76b1aa2497195732c0b7f",name:"prefix"})),s("span",{key:"cb3c58492c7190ae67770ed411bf154e831573ca"})),s("div",{key:"5747894f97b0ff23250ead28081410404bfbd0a8",class:i.main},s("span",{key:"801116e18ad8b6543ceb9106195f5baed23170ee",class:i.headline},s("slot",{key:"5e032e03983befdeddfa82f3756b7677549cfd53",name:"headline"})),s("slot",{key:"81ae890926e9966125ef3869da9c0230faf7b8a7",name:"annotation"}),this.h.hasSlot("content")&&s("div",{key:"4c1bd6e0144a7fd3c8457de9ca2332289a5b86cb",class:i.content,id:t,"aria-labelledby":e,role:"tabpanel"},s("slot",{key:"a8122225841c58776cde45f4a5e61292a2bab389",name:"content"})))))}get host(){return this}static get watchers(){return{color:["validateColor"]}}},[4,"gov-stepper-item",{color:[1],size:[1],identifier:[1]},undefined,{color:["validateColor"]}]);function b(){if(typeof customElements==="undefined"){return}const e=["gov-stepper-item"];e.forEach((e=>{switch(e){case"gov-stepper-item":if(!customElements.get(e)){customElements.define(e,r)}break}}))}b();const l=r;const p=b;export{l as GovStepperItem,p as defineCustomElement};
 //# sourceMappingURL=gov-stepper-item.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"names":["GovStepperItem","__stencil_proxyCustomElement","HTMLElement","constructor","this","hydrated","color","size","h","govHost","host","triggerId","createID","contentId","validateColor","newValue","validateProp","StepperColors","StepperItemClass","root","componentWillLoad","connectedCallback","render","identifier","Host","key","id","class","classes","role","steps","prefix","name","main","headline","hasSlot","content"],"sources":["../../../packages/core/src/components/gov-stepper/stepper/gov-stepper-item.tsx"],"sourcesContent":["import { Component, Element, h, Prop, Watch, Host, Event, EventEmitter } from '@stencil/core'\nimport { validateProp } from '../../../helpers/Validate/props'\nimport { StepperSizesType, StepperItemClass, StepperColorType, StepperColors } from './constants'\nimport { createID } from '../../../utils/string.utils'\nimport { govHost } from '../../../helpers/Dom/template'\nimport { GovStepperItemChangeEvent } from './gov-stepper-item.d'\nimport { GovHost } from '../../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-stepper-item',\n})\nexport class GovStepperItem {\n\tprivate h: GovHost\n\tprivate readonly triggerId: string\n\tprivate readonly contentId: string\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.triggerId = createID('GovStepperItem')\n\t\tthis.contentId = createID('GovStepperContent')\n\t}\n\n\t@Element() readonly host: HTMLGovStepperItemElement\n\n\t/*\n\t Style variation of the button.\n\t /\n\t@Prop() readonly color?: StepperColorType = 'primary'\n\t/\n\t Size of stepper\n\t /\n\t@Prop() readonly size?: StepperSizesType = 'm'\n\t/\n\t Custom stepper item identifier. Otherwise, it will be generated\n\t /\n\t@Prop() readonly identifier: string\n\t/\n\t Called when the accordion state changes\n\t */\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<GovStepperItemChangeEvent>\n\n\t@Watch('color')\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(StepperColors, newValue, StepperItemClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\tconst triggerId = this.identifier \|\| this.triggerId\n\t\tconst contentId = this.contentId\n\n\t\treturn (\n\t\t\t<Host id={triggerId} class={this.h.classes(StepperItemClass.root)} color={this.color} role=\"listitem\" hydrated={this.hydrated}>\n\t\t\t\t<div>\n\t\t\t\t\t<div class={StepperItemClass.steps}>\n\t\t\t\t\t\t<span></span>\n\t\t\t\t\t\t<span class={StepperItemClass.prefix}>\n\t\t\t\t\t\t\t<slot name=\"prefix\"/>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<span></span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class={StepperItemClass.main}>\n\t\t\t\t\t\t<span class={StepperItemClass.headline}>\n\t\t\t\t\t\t\t<slot name=\"headline\"/>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<slot name=\"annotation\"/>\n\n\t\t\t\t\t\t{this.h.hasSlot('content') && (\n\t\t\t\t\t\t\t<div class={StepperItemClass.content} id={contentId} aria-labelledby={triggerId}\n\t\t\t\t\t\t\t\t role=\"tabpanel\">\n\t\t\t\t\t\t\t\t<slot name=\"content\"/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"wNAWaA,EAAcC,EAAA,MAAAD,UAAAE,EAM1B,WAAAC,G,kEAFQC,KAAQC,SAAG,MAaFD,KAAKE,MAAsB,UAI3BF,KAAIG,KAAsB,IAd1CH,KAAKI,EAAIC,EAAQL,KAAKM,MACtBN,KAAKO,UAAYC,EAAS,kBAC1BR,KAAKS,UAAYD,EAAS,oBAC1B,CAsBD,aAAAE,CAAcC,GACbC,EAAaC,EAAeF,EAAUG,EAAiBC,K,CAGxD,iBAAAC,GACChB,KAAKU,cAAcV,KAAKE,M,CAGzB,iBAAAe,GACCjB,KAAKC,SAAW,I,CAGjB,MAAAiB,GACC,MAAMX,EAAYP,KAAKmB,YAAcnB,KAAKO,UAC1C,MAAME,EAAYT,KAAKS,UAEvB,OACCL,EAACgB,EAAI,CAAAC,IAAA,2CAACC,GAAIf,EAAWgB,MAAOvB,KAAKI,EAAEoB,QAAQV,EAAiBC,MAAOb,MAAOF,KAAKE,MAAOuB,KAAK,WAAWxB,SAAUD,KAAKC,UACpHG,EAAA,OAAAiB,IAAA,4CACCjB,EAAA,OAAAiB,IAAA,2CAAKE,MAAOT,EAAiBY,OAC5BtB,EAAa,QAAAiB,IAAA,6CACbjB,EAAA,QAAAiB,IAAA,2CAAME,MAAOT,EAAiBa,QAC7BvB,EAAA,QAAAiB,IAAA,2CAAMO,KAAK,YAEZxB,EAAA,QAAAiB,IAAA,8CAEDjB,EAAA,OAAAiB,IAAA,2CAAKE,MAAOT,EAAiBe,MAC5BzB,EAAA,QAAAiB,IAAA,2CAAME,MAAOT,EAAiBgB,UAC7B1B,EAAA,QAAAiB,IAAA,2CAAMO,KAAK,cAEZxB,EAAM,QAAAiB,IAAA,2CAAAO,KAAK,eAEV5B,KAAKI,EAAE2B,QAAQ,YACf3B,EAAA,OAAAiB,IAAA,2CAAKE,MAAOT,EAAiBkB,QAASV,GAAIb,EAAS,kBAAmBF,EACpEkB,KAAK,YACNrB,EAAM,QAAAiB,IAAA,2CAAAO,KAAK,e","ignoreList":[]}
1	+ {"version":3,"names":["GovStepperItem","__stencil_proxyCustomElement","HTMLElement","constructor","this","hydrated","color","size","h","govHost","host","triggerId","createID","contentId","validateColor","newValue","validateProp","StepperColors","StepperItemClass","root","componentWillLoad","connectedCallback","render","identifier","Host","key","id","class","classes","role","steps","prefix","name","main","headline","hasSlot","content"],"sources":["../../../packages/core/src/components/gov-stepper/stepper/gov-stepper-item.tsx"],"sourcesContent":["import { Component, Element, h, Prop, Watch, Host, Event, EventEmitter } from '@stencil/core'\r\nimport { validateProp } from '../../../helpers/Validate/props'\r\nimport { StepperSizesType, StepperItemClass, StepperColorType, StepperColors } from './constants'\r\nimport { createID } from '../../../utils/string.utils'\r\nimport { govHost } from '../../../helpers/Dom/template'\r\nimport { GovStepperItemChangeEvent } from './gov-stepper-item.d'\r\nimport { GovHost } from '../../../helpers/Dom/template.types'\r\n\r\n@Component({\r\n\ttag: 'gov-stepper-item',\r\n})\r\nexport class GovStepperItem {\r\n\tprivate h: GovHost\r\n\tprivate readonly triggerId: string\r\n\tprivate readonly contentId: string\r\n\tprivate hydrated = false\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.triggerId = createID('GovStepperItem')\r\n\t\tthis.contentId = createID('GovStepperContent')\r\n\t}\r\n\r\n\t@Element() readonly host: HTMLGovStepperItemElement\r\n\r\n\t/*\r\n\t Style variation of the button.\r\n\t /\r\n\t@Prop() readonly color?: StepperColorType = 'primary'\r\n\t/\r\n\t Size of stepper\r\n\t /\r\n\t@Prop() readonly size?: StepperSizesType = 'm'\r\n\t/\r\n\t Custom stepper item identifier. Otherwise, it will be generated\r\n\t /\r\n\t@Prop() readonly identifier: string\r\n\t/\r\n\t Called when the accordion state changes\r\n\t */\r\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<GovStepperItemChangeEvent>\r\n\r\n\t@Watch('color')\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(StepperColors, newValue, StepperItemClass.root)\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateColor(this.color)\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 triggerId = this.identifier \|\| this.triggerId\r\n\t\tconst contentId = this.contentId\r\n\r\n\t\treturn (\r\n\t\t\t<Host id={triggerId} class={this.h.classes(StepperItemClass.root)} color={this.color} role=\"listitem\" hydrated={this.hydrated}>\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<div class={StepperItemClass.steps}>\r\n\t\t\t\t\t\t<span></span>\r\n\t\t\t\t\t\t<span class={StepperItemClass.prefix}>\r\n\t\t\t\t\t\t\t<slot name=\"prefix\"/>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<span></span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class={StepperItemClass.main}>\r\n\t\t\t\t\t\t<span class={StepperItemClass.headline}>\r\n\t\t\t\t\t\t\t<slot name=\"headline\"/>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<slot name=\"annotation\"/>\r\n\r\n\t\t\t\t\t\t{this.h.hasSlot('content') && (\r\n\t\t\t\t\t\t\t<div class={StepperItemClass.content} id={contentId} aria-labelledby={triggerId}\r\n\t\t\t\t\t\t\t\t role=\"tabpanel\">\r\n\t\t\t\t\t\t\t\t<slot name=\"content\"/>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"mappings":"wNAWaA,EAAcC,EAAA,MAAAD,UAAAE,EAM1B,WAAAC,G,kEAFQC,KAAQC,SAAG,MAaFD,KAAKE,MAAsB,UAI3BF,KAAIG,KAAsB,IAd1CH,KAAKI,EAAIC,EAAQL,KAAKM,MACtBN,KAAKO,UAAYC,EAAS,kBAC1BR,KAAKS,UAAYD,EAAS,oBAC1B,CAsBD,aAAAE,CAAcC,GACbC,EAAaC,EAAeF,EAAUG,EAAiBC,K,CAGxD,iBAAAC,GACChB,KAAKU,cAAcV,KAAKE,M,CAGzB,iBAAAe,GACCjB,KAAKC,SAAW,I,CAGjB,MAAAiB,GACC,MAAMX,EAAYP,KAAKmB,YAAcnB,KAAKO,UAC1C,MAAME,EAAYT,KAAKS,UAEvB,OACCL,EAACgB,EAAI,CAAAC,IAAA,2CAACC,GAAIf,EAAWgB,MAAOvB,KAAKI,EAAEoB,QAAQV,EAAiBC,MAAOb,MAAOF,KAAKE,MAAOuB,KAAK,WAAWxB,SAAUD,KAAKC,UACpHG,EAAA,OAAAiB,IAAA,4CACCjB,EAAA,OAAAiB,IAAA,2CAAKE,MAAOT,EAAiBY,OAC5BtB,EAAa,QAAAiB,IAAA,6CACbjB,EAAA,QAAAiB,IAAA,2CAAME,MAAOT,EAAiBa,QAC7BvB,EAAA,QAAAiB,IAAA,2CAAMO,KAAK,YAEZxB,EAAA,QAAAiB,IAAA,8CAEDjB,EAAA,OAAAiB,IAAA,2CAAKE,MAAOT,EAAiBe,MAC5BzB,EAAA,QAAAiB,IAAA,2CAAME,MAAOT,EAAiBgB,UAC7B1B,EAAA,QAAAiB,IAAA,2CAAMO,KAAK,cAEZxB,EAAM,QAAAiB,IAAA,2CAAAO,KAAK,eAEV5B,KAAKI,EAAE2B,QAAQ,YACf3B,EAAA,OAAAiB,IAAA,2CAAKE,MAAOT,EAAiBkB,QAASV,GAAIb,EAAS,kBAAmBF,EACpEkB,KAAK,YACNrB,EAAM,QAAAiB,IAAA,2CAAAO,KAAK,e","ignoreList":[]}

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

@@ -1,2 +1,2 @@
-import{p as e,H as s,c as t,h as i,a}from"./index.js";import{v as o}from"./p-BKP-F1qP.js";import{S as c,a as r,b as n}from"./p-ClYmjarv.js";import{g as d}from"./p-DfJDyRCE.js";const h=e(class e extends s{constructor(){super();this.__registerHost();this.govChange=t(this,"gov-change");this.hydrated=false;this.size="m";this.h=d(this.host)}validateSize(e){o(r,e,c.root)}componentWillLoad(){this.validateSize(this.size)}componentDidLoad(){this.host.querySelectorAll(n.root).forEach((e=>{e.setAttribute("size",this.size);e.addEventListener("gov-change",(e=>{e.stopPropagation();this.govChange.emit(e.detail)}))}))}connectedCallback(){this.hydrated=true}render(){return i(a,{key:"3b42ad7a7d2b7b6aa6d6744fae45f1c347df6e57",class:this.h.classes(c.root),role:"list",size:this.size,hydrated:this.hydrated},i("slot",{key:"c129d51c4ecd2caa88446cefc56ed5eadd2360d1"}))}get host(){return this}static get watchers(){return{size:["validateSize"]}}},[260,"gov-stepper",{size:[1]},undefined,{size:["validateSize"]}]);function p(){if(typeof customElements==="undefined"){return}const e=["gov-stepper"];e.forEach((e=>{switch(e){case"gov-stepper":if(!customElements.get(e)){customElements.define(e,h)}break}}))}p();const m=h;const l=p;export{m as GovStepper,l as defineCustomElement};
+import{p as s,H as t,c as e,h as i,a}from"./index.js";import{v as o}from"./p-BKP-F1qP.js";import{S as r,a as n,b as c}from"./p-ClYmjarv.js";import{g as h}from"./p-DKo9A5gq.js";const d=s(class s extends t{constructor(){super();this.__registerHost();this.govChange=e(this,"gov-change");this.hydrated=false;this.size="m";this.h=h(this.host)}validateSize(s){o(n,s,r.root)}componentWillLoad(){this.validateSize(this.size)}componentDidLoad(){this.host.querySelectorAll(c.root).forEach((s=>{s.setAttribute("size",this.size);s.addEventListener("gov-change",(s=>{s.stopPropagation();this.govChange.emit(s.detail)}))}))}connectedCallback(){this.hydrated=true}render(){return i(a,{key:"92d3349a28b4330a3bea5293853612d0a0b96069",class:this.h.classes(r.root),role:"list",size:this.size,hydrated:this.hydrated},i("slot",{key:"a5b65c3a06c63f826d6c968c69f1452abe0408af"}))}get host(){return this}static get watchers(){return{size:["validateSize"]}}},[4,"gov-stepper",{size:[1]},undefined,{size:["validateSize"]}]);function p(){if(typeof customElements==="undefined"){return}const s=["gov-stepper"];s.forEach((s=>{switch(s){case"gov-stepper":if(!customElements.get(s)){customElements.define(s,d)}break}}))}p();const m=d;const l=p;export{m as GovStepper,l as defineCustomElement};
 //# sourceMappingURL=gov-stepper.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"names":["GovStepper","__stencil_proxyCustomElement","HTMLElement","constructor","this","hydrated","size","h","govHost","host","validateSize","newValue","validateProp","StepperSizes","StepperClass","root","componentWillLoad","componentDidLoad","querySelectorAll","StepperItemClass","forEach","child","setAttribute","addEventListener","e","stopPropagation","govChange","emit","detail","connectedCallback","render","Host","key","class","classes","role"],"sources":["../../../packages/core/src/components/gov-stepper/stepper/gov-stepper.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Prop, Watch } from '@stencil/core'\nimport { validateProp } from '../../../helpers/Validate/props'\nimport { StepperClass, StepperItemClass, StepperSizes, StepperSizesType } from './constants'\nimport { GovStepperItemCustomEvent } from '../../../components'\nimport { GovStepperItemChangeEvent } from './gov-stepper-item.d'\nimport { GovHost } from '../../../helpers/Dom/template.types'\nimport { govHost } from '../../../helpers/Dom/template'\n\n@Component({\n\ttag: 'gov-stepper',\n})\nexport class GovStepper {\n\tprivate h: GovHost\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovStepperElement\n\t/*\n\t Size of stepper\n\t /\n\t@Prop() readonly size?: StepperSizesType = 'm'\n\t/\n\t Called when the Stepper state changes\n\t */\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<GovStepperItemChangeEvent>\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(StepperSizes, newValue, StepperClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.host.querySelectorAll(StepperItemClass.root).forEach((child: HTMLGovStepperItemElement) => {\n\t\t\tchild.setAttribute('size', this.size)\n\t\t\tchild.addEventListener('gov-change', (e: GovStepperItemCustomEvent<GovStepperItemChangeEvent>) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.govChange.emit(e.detail)\n\t\t\t})\n\t\t})\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(StepperClass.root)} role=\"list\" size={this.size} hydrated={this.hydrated}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"sLAWaA,EAAUC,EAAA,MAAAD,UAAAE,EAItB,WAAAC,G,kEAFQC,KAAQC,SAAG,MAUFD,KAAIE,KAAsB,IAP1CF,KAAKG,EAAIC,EAAQJ,KAAKK,KACtB,CAaD,YAAAC,CAAaC,GACZC,EAAaC,EAAcF,EAAUG,EAAaC,K,CAGnD,iBAAAC,GACCZ,KAAKM,aAAaN,KAAKE,K,CAGxB,gBAAAW,GACCb,KAAKK,KAAKS,iBAAiBC,EAAiBJ,MAAMK,SAASC,IAC1DA,EAAMC,aAAa,OAAQlB,KAAKE,MAChCe,EAAME,iBAAiB,cAAeC,IACrCA,EAAEC,kBACFrB,KAAKsB,UAAUC,KAAKH,EAAEI,OAAO,GAC5B,G,CAIJ,iBAAAC,GACCzB,KAAKC,SAAW,I,CAGjB,MAAAyB,GACC,OACCvB,EAACwB,EAAI,CAAAC,IAAA,2CAACC,MAAO7B,KAAKG,EAAE2B,QAAQpB,EAAaC,MAAOoB,KAAK,OAAO7B,KAAMF,KAAKE,KAAMD,SAAUD,KAAKC,UAC3FE,EAAQ,QAAAyB,IAAA,6C","ignoreList":[]}
1	+ {"version":3,"names":["GovStepper","__stencil_proxyCustomElement","HTMLElement","constructor","this","hydrated","size","h","govHost","host","validateSize","newValue","validateProp","StepperSizes","StepperClass","root","componentWillLoad","componentDidLoad","querySelectorAll","StepperItemClass","forEach","child","setAttribute","addEventListener","e","stopPropagation","govChange","emit","detail","connectedCallback","render","Host","key","class","classes","role"],"sources":["../../../packages/core/src/components/gov-stepper/stepper/gov-stepper.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Prop, Watch } from '@stencil/core'\r\nimport { validateProp } from '../../../helpers/Validate/props'\r\nimport { StepperClass, StepperItemClass, StepperSizes, StepperSizesType } from './constants'\r\nimport { GovStepperItemCustomEvent } from '../../../components'\r\nimport { GovStepperItemChangeEvent } from './gov-stepper-item.d'\r\nimport { GovHost } from '../../../helpers/Dom/template.types'\r\nimport { govHost } from '../../../helpers/Dom/template'\r\n\r\n@Component({\r\n\ttag: 'gov-stepper',\r\n})\r\nexport class GovStepper {\r\n\tprivate h: GovHost\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() readonly host: HTMLGovStepperElement\r\n\t/*\r\n\t Size of stepper\r\n\t /\r\n\t@Prop() readonly size?: StepperSizesType = 'm'\r\n\t/\r\n\t Called when the Stepper state changes\r\n\t */\r\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<GovStepperItemChangeEvent>\r\n\r\n\t@Watch('size')\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(StepperSizes, newValue, StepperClass.root)\r\n\t}\r\n\r\n\tcomponentWillLoad(): void {\r\n\t\tthis.validateSize(this.size)\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.host.querySelectorAll(StepperItemClass.root).forEach((child: HTMLGovStepperItemElement) => {\r\n\t\t\tchild.setAttribute('size', this.size)\r\n\t\t\tchild.addEventListener('gov-change', (e: GovStepperItemCustomEvent<GovStepperItemChangeEvent>) => {\r\n\t\t\t\te.stopPropagation()\r\n\t\t\t\tthis.govChange.emit(e.detail)\r\n\t\t\t})\r\n\t\t})\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\treturn (\r\n\t\t\t<Host class={this.h.classes(StepperClass.root)} role=\"list\" size={this.size} hydrated={this.hydrated}>\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":"sLAWaA,EAAUC,EAAA,MAAAD,UAAAE,EAItB,WAAAC,G,kEAFQC,KAAQC,SAAG,MAUFD,KAAIE,KAAsB,IAP1CF,KAAKG,EAAIC,EAAQJ,KAAKK,KACtB,CAaD,YAAAC,CAAaC,GACZC,EAAaC,EAAcF,EAAUG,EAAaC,K,CAGnD,iBAAAC,GACCZ,KAAKM,aAAaN,KAAKE,K,CAGxB,gBAAAW,GACCb,KAAKK,KAAKS,iBAAiBC,EAAiBJ,MAAMK,SAASC,IAC1DA,EAAMC,aAAa,OAAQlB,KAAKE,MAChCe,EAAME,iBAAiB,cAAeC,IACrCA,EAAEC,kBACFrB,KAAKsB,UAAUC,KAAKH,EAAEI,OAAO,GAC5B,G,CAIJ,iBAAAC,GACCzB,KAAKC,SAAW,I,CAGjB,MAAAyB,GACC,OACCvB,EAACwB,EAAI,CAAAC,IAAA,2CAACC,MAAO7B,KAAKG,EAAE2B,QAAQpB,EAAaC,MAAOoB,KAAK,OAAO7B,KAAMF,KAAKE,KAAMD,SAAUD,KAAKC,UAC3FE,EAAQ,QAAAyB,IAAA,6C","ignoreList":[]}

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

@@ -1,2 +1,2 @@
-import{p as e,H as t,h as s,a as i}from"./index.js";import{c as r}from"./p-vN03FcXN.js";import{g as a,c as n}from"./p-DfJDyRCE.js";import{T as d,d as c}from"./p-BTwdrNoS.js";const o=e(class e extends t{constructor(){super();this.__registerHost();this.disabled=false;this.default=false;this.isActive=false;this.h=a(this.host);this.contentId=r("GovTabContent");this.triggerId=r("GovTabTrigger")}rerenderParent(){const e=this.h.getParent(d.root);if(e){e.rerender().catch()}}render(){return s(i,{key:"08008c01509a02694f8b64bffee8191508c2bb9a",class:this.h.classes(c.root),default:this.default},s("div",{key:"3080da5d4a50d0cde2a795ee874f1e453870b90d",class:c.inner,role:"tabpanel",id:this.identifier||this.contentId,hidden:!this.isActive,"aria-labelledby":this.triggerIdentifier||this.triggerId,"aria-hidden":n(!this.isActive)},s("slot",{key:"c56f30cf87bd8a48456b0720768229a478381b41"})))}async getIdentifier(){return this.identifier||this.contentId}async getTriggerIdentifier(){return this.triggerIdentifier||this.triggerId}async getDisableState(){return this.disabled}async setActiveStatus(e){this.isActive=e}get host(){return this}static get watchers(){return{label:["rerenderParent"],disabled:["rerenderParent"]}}},[260,"gov-tabs-item",{identifier:[1],triggerIdentifier:[1,"trigger-identifier"],label:[513],disabled:[516],iconStart:[513,"icon-start"],iconEnd:[513,"icon-end"],default:[4],isActive:[32],getIdentifier:[64],getTriggerIdentifier:[64],getDisableState:[64],setActiveStatus:[64]},undefined,{label:["rerenderParent"],disabled:["rerenderParent"]}]);function f(){if(typeof customElements==="undefined"){return}const e=["gov-tabs-item"];e.forEach((e=>{switch(e){case"gov-tabs-item":if(!customElements.get(e)){customElements.define(e,o)}break}}))}f();const h=o;const l=f;export{h as GovTabsItem,l as defineCustomElement};
+import{p as e,H as t,h as s,a as i}from"./index.js";import{c as r}from"./p-vN03FcXN.js";import{g as a,c as n}from"./p-DKo9A5gq.js";import{T as d,d as c}from"./p-BTwdrNoS.js";const o=e(class e extends t{constructor(){super();this.__registerHost();this.disabled=false;this.default=false;this.isActive=false;this.h=a(this.host);this.contentId=r("GovTabContent");this.triggerId=r("GovTabTrigger")}rerenderParent(){const e=this.h.getParent(d.root);if(e){e.rerender().catch()}}render(){return s(i,{key:"7de42fde0ca4e787967c76a14aa2498367f66a1c",class:this.h.classes(c.root),default:this.default},s("div",{key:"89f6bf8f5505ed17e5a9c46f60dfbf34353a75e6",class:c.inner,role:"tabpanel",id:this.identifier||this.contentId,hidden:!this.isActive,"aria-labelledby":this.triggerIdentifier||this.triggerId,"aria-hidden":n(!this.isActive)},s("slot",{key:"690b06566e645ce22ec34c47c56852a75ac1069b"})))}async getIdentifier(){return this.identifier||this.contentId}async getTriggerIdentifier(){return this.triggerIdentifier||this.triggerId}async getDisableState(){return this.disabled}async setActiveStatus(e){this.isActive=e}get host(){return this}static get watchers(){return{label:["rerenderParent"],disabled:["rerenderParent"]}}},[4,"gov-tabs-item",{identifier:[1],triggerIdentifier:[1,"trigger-identifier"],label:[513],disabled:[516],iconStart:[513,"icon-start"],iconEnd:[513,"icon-end"],default:[4],isActive:[32],getIdentifier:[64],getTriggerIdentifier:[64],getDisableState:[64],setActiveStatus:[64]},undefined,{label:["rerenderParent"],disabled:["rerenderParent"]}]);function f(){if(typeof customElements==="undefined"){return}const e=["gov-tabs-item"];e.forEach((e=>{switch(e){case"gov-tabs-item":if(!customElements.get(e)){customElements.define(e,o)}break}}))}f();const h=o;const l=f;export{h as GovTabsItem,l as defineCustomElement};
 //# sourceMappingURL=gov-tabs-item.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"names":["GovTabsItem","__stencil_proxyCustomElement","HTMLElement","constructor","this","disabled","default","isActive","h","govHost","host","contentId","createID","triggerId","rerenderParent","element","getParent","TabsClass","root","rerender","catch","render","Host","key","class","classes","TabsItemClass","inner","role","id","identifier","hidden","triggerIdentifier","toBoolAttrIfDefined","getIdentifier","getTriggerIdentifier","getDisableState","setActiveStatus","status"],"sources":["../../../packages/core/src/components/gov-tabs/gov-tabs-item.tsx"],"sourcesContent":["import {Component, Element, h, Host, Method, Prop, State, Watch} from '@stencil/core'\nimport {createID} from '../../utils/string.utils'\nimport {govHost, toBoolAttrIfDefined} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {TabsClass, TabsItemClass} from './constants'\n\n@Component({\n\ttag: 'gov-tabs-item',\n})\nexport class GovTabsItem {\n\tprivate h: GovHost\n\tprivate readonly contentId: string\n\tprivate readonly triggerId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.contentId = createID('GovTabContent')\n\t\tthis.triggerId = createID('GovTabTrigger')\n\t}\n\n\t@Element() host: HTMLGovTabsItemElement\n\t/*\n\t Custom tab item identifier. Otherwise, it will be generated\n\t /\n\t@Prop() readonly identifier: string\n\t/\n\t Custom tab trigger item identifier. Otherwise, it will be generated\n\t /\n\t@Prop() readonly triggerIdentifier: string\n\t/\n\t Item name of the tab\n\t /\n\t@Prop({reflect: true}) readonly label: string\n\t/\n\t Item disable state\n\t /\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/\n\t Icon definition at the stat. Use the type/name notation\n\t /\n\t@Prop({reflect: true, attribute: 'icon-start'}) readonly iconStart: string\n\t/\n\t Icon definition at the end. Use the type/name notation\n\t /\n\t@Prop({reflect: true, attribute: 'icon-end'}) readonly iconEnd: string\n\t/\n\t Default selected tab\n\t /\n\t@Prop() readonly default: boolean = false\n\t@State() isActive = false\n\n\t@Watch('label')\n\t@Watch('disabled')\n\trerenderParent() {\n\t\tconst element = this.h.getParent(TabsClass.root) as HTMLGovTabsElement;\n\t\tif (element) {\n\t\t\telement.rerender().catch()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(TabsItemClass.root)} default={this.default}>\n\t\t\t\t<div\n\t\t\t\t\tclass={TabsItemClass.inner}\n\t\t\t\t\trole=\"tabpanel\"\n\t\t\t\t\tid={this.identifier \|\| this.contentId}\n\t\t\t\t\thidden={!this.isActive}\n\t\t\t\t\taria-labelledby={this.triggerIdentifier \|\| this.triggerId}\n\t\t\t\t\taria-hidden={toBoolAttrIfDefined(!this.isActive)}\n\t\t\t\t>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/\n\t Returns a unique tab content identifier\n\t /\n\t@Method()\n\tasync getIdentifier(): Promise<string> {\n\t\treturn this.identifier \|\| this.contentId\n\t}\n\n\t/\n\t Returns a unique tab trigger identifier\n\t /\n\t@Method()\n\tasync getTriggerIdentifier(): Promise<string> {\n\t\treturn this.triggerIdentifier \|\| this.triggerId\n\t}\n\n\t/\n\t Returns a unique tab trigger identifier\n\t /\n\t@Method()\n\tasync getDisableState(): Promise<boolean> {\n\t\treturn this.disabled\n\t}\n\n\t/\n\t Set status of tab-item\n\t */\n\t@Method()\n\tasync setActiveStatus(status: boolean): Promise<void> {\n\t\tthis.isActive = status\n\t}\n}\n"],"mappings":"oLASaA,EAAWC,EAAA,MAAAD,UAAAE,EAKvB,WAAAC,G,8BAsBgCC,KAAQC,SAAY,MAYnCD,KAAOE,QAAY,MAC3BF,KAAQG,SAAG,MAlCnBH,KAAKI,EAAIC,EAAQL,KAAKM,MACtBN,KAAKO,UAAYC,EAAS,iBAC1BR,KAAKS,UAAYD,EAAS,gBAC1B,CAmCD,cAAAE,GACC,MAAMC,EAAUX,KAAKI,EAAEQ,UAAUC,EAAUC,MAC3C,GAAIH,EAAS,CACZA,EAAQI,WAAWC,O,EAIrB,MAAAC,GACC,OACCb,EAACc,EAAI,CAAAC,IAAA,2CAACC,MAAOpB,KAAKI,EAAEiB,QAAQC,EAAcR,MAAOZ,QAASF,KAAKE,SAC9DE,EAAA,OAAAe,IAAA,2CACCC,MAAOE,EAAcC,MACrBC,KAAK,WACLC,GAAIzB,KAAK0B,YAAc1B,KAAKO,UAC5BoB,QAAS3B,KAAKG,SACG,kBAAAH,KAAK4B,mBAAqB5B,KAAKS,UAAS,cAC5CoB,GAAqB7B,KAAKG,WAEvCC,EAAa,QAAAe,IAAA,8C,CAUjB,mBAAMW,GACL,OAAO9B,KAAK0B,YAAc1B,KAAKO,S,CAOhC,0BAAMwB,GACL,OAAO/B,KAAK4B,mBAAqB5B,KAAKS,S,CAOvC,qBAAMuB,GACL,OAAOhC,KAAKC,Q,CAOb,qBAAMgC,CAAgBC,GACrBlC,KAAKG,SAAW+B,C","ignoreList":[]}
1	+ {"version":3,"names":["GovTabsItem","__stencil_proxyCustomElement","HTMLElement","constructor","this","disabled","default","isActive","h","govHost","host","contentId","createID","triggerId","rerenderParent","element","getParent","TabsClass","root","rerender","catch","render","Host","key","class","classes","TabsItemClass","inner","role","id","identifier","hidden","triggerIdentifier","toBoolAttrIfDefined","getIdentifier","getTriggerIdentifier","getDisableState","setActiveStatus","status"],"sources":["../../../packages/core/src/components/gov-tabs/gov-tabs-item.tsx"],"sourcesContent":["import {Component, Element, h, Host, Method, Prop, State, Watch} from '@stencil/core'\r\nimport {createID} from '../../utils/string.utils'\r\nimport {govHost, toBoolAttrIfDefined} from '../../helpers/Dom/template'\r\nimport {GovHost} from '../../helpers/Dom/template.types'\r\nimport {TabsClass, TabsItemClass} from './constants'\r\n\r\n@Component({\r\n\ttag: 'gov-tabs-item',\r\n})\r\nexport class GovTabsItem {\r\n\tprivate h: GovHost\r\n\tprivate readonly contentId: string\r\n\tprivate readonly triggerId: string\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.contentId = createID('GovTabContent')\r\n\t\tthis.triggerId = createID('GovTabTrigger')\r\n\t}\r\n\r\n\t@Element() host: HTMLGovTabsItemElement\r\n\t/*\r\n\t Custom tab item identifier. Otherwise, it will be generated\r\n\t /\r\n\t@Prop() readonly identifier: string\r\n\t/\r\n\t Custom tab trigger item identifier. Otherwise, it will be generated\r\n\t /\r\n\t@Prop() readonly triggerIdentifier: string\r\n\t/\r\n\t Item name of the tab\r\n\t /\r\n\t@Prop({reflect: true}) readonly label: string\r\n\t/\r\n\t Item disable state\r\n\t /\r\n\t@Prop({reflect: true}) readonly disabled: boolean = false\r\n\t/\r\n\t Icon definition at the stat. Use the type/name notation\r\n\t /\r\n\t@Prop({reflect: true, attribute: 'icon-start'}) readonly iconStart: string\r\n\t/\r\n\t Icon definition at the end. Use the type/name notation\r\n\t /\r\n\t@Prop({reflect: true, attribute: 'icon-end'}) readonly iconEnd: string\r\n\t/\r\n\t Default selected tab\r\n\t /\r\n\t@Prop() readonly default: boolean = false\r\n\t@State() isActive = false\r\n\r\n\t@Watch('label')\r\n\t@Watch('disabled')\r\n\trerenderParent() {\r\n\t\tconst element = this.h.getParent(TabsClass.root) as HTMLGovTabsElement;\r\n\t\tif (element) {\r\n\t\t\telement.rerender().catch()\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(TabsItemClass.root)} default={this.default}>\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass={TabsItemClass.inner}\r\n\t\t\t\t\trole=\"tabpanel\"\r\n\t\t\t\t\tid={this.identifier \|\| this.contentId}\r\n\t\t\t\t\thidden={!this.isActive}\r\n\t\t\t\t\taria-labelledby={this.triggerIdentifier \|\| this.triggerId}\r\n\t\t\t\t\taria-hidden={toBoolAttrIfDefined(!this.isActive)}\r\n\t\t\t\t>\r\n\t\t\t\t\t<slot></slot>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\t/\r\n\t Returns a unique tab content identifier\r\n\t /\r\n\t@Method()\r\n\tasync getIdentifier(): Promise<string> {\r\n\t\treturn this.identifier \|\| this.contentId\r\n\t}\r\n\r\n\t/\r\n\t Returns a unique tab trigger identifier\r\n\t /\r\n\t@Method()\r\n\tasync getTriggerIdentifier(): Promise<string> {\r\n\t\treturn this.triggerIdentifier \|\| this.triggerId\r\n\t}\r\n\r\n\t/\r\n\t Returns a unique tab trigger identifier\r\n\t /\r\n\t@Method()\r\n\tasync getDisableState(): Promise<boolean> {\r\n\t\treturn this.disabled\r\n\t}\r\n\r\n\t/\r\n\t Set status of tab-item\r\n\t */\r\n\t@Method()\r\n\tasync setActiveStatus(status: boolean): Promise<void> {\r\n\t\tthis.isActive = status\r\n\t}\r\n}\r\n"],"mappings":"oLASaA,EAAWC,EAAA,MAAAD,UAAAE,EAKvB,WAAAC,G,8BAsBgCC,KAAQC,SAAY,MAYnCD,KAAOE,QAAY,MAC3BF,KAAQG,SAAG,MAlCnBH,KAAKI,EAAIC,EAAQL,KAAKM,MACtBN,KAAKO,UAAYC,EAAS,iBAC1BR,KAAKS,UAAYD,EAAS,gBAC1B,CAmCD,cAAAE,GACC,MAAMC,EAAUX,KAAKI,EAAEQ,UAAUC,EAAUC,MAC3C,GAAIH,EAAS,CACZA,EAAQI,WAAWC,O,EAIrB,MAAAC,GACC,OACCb,EAACc,EAAI,CAAAC,IAAA,2CAACC,MAAOpB,KAAKI,EAAEiB,QAAQC,EAAcR,MAAOZ,QAASF,KAAKE,SAC9DE,EAAA,OAAAe,IAAA,2CACCC,MAAOE,EAAcC,MACrBC,KAAK,WACLC,GAAIzB,KAAK0B,YAAc1B,KAAKO,UAC5BoB,QAAS3B,KAAKG,SACG,kBAAAH,KAAK4B,mBAAqB5B,KAAKS,UAAS,cAC5CoB,GAAqB7B,KAAKG,WAEvCC,EAAa,QAAAe,IAAA,8C,CAUjB,mBAAMW,GACL,OAAO9B,KAAK0B,YAAc1B,KAAKO,S,CAOhC,0BAAMwB,GACL,OAAO/B,KAAK4B,mBAAqB5B,KAAKS,S,CAOvC,qBAAMuB,GACL,OAAOhC,KAAKC,Q,CAOb,qBAAMgC,CAAgBC,GACrBlC,KAAKG,SAAW+B,C","ignoreList":[]}

package/dist/components/gov-tabs.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{v as a}from"./p-BKP-F1qP.js";import{T as r,a as n,b as h,c,d as l}from"./p-BTwdrNoS.js";import{g as d,t as f,b as p}from"./p-DfJDyRCE.js";import{h as u}from"./p-B3tdsiZv.js";import{p as b}from"./p-GYov8gU1.js";import{A as m,a as v,i as y}from"./p-CXgom82_.js";import{d as g}from"./p-BlBAryxm.js";import{d as j}from"./p-WmFNIuTf.js";const T=t(class t extends s{constructor(){super();this.__registerHost();this.govChange=i(this,"gov-change");this.triggerRefs={};this.type="text";this.size="m";this.color="primary";this.orientation="horizontal";this.direction="row";this.controllers=[];this.focusIndex=0;this.inheritedAttributes={};this.h=d(this.host)}validateType(t){a(n,t,r.root)}validateColor(t){a(h,t,r.root)}validateSize(t){a(c,t,r.root)}componentDidLoad(){this.attributeObserver=new m(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(v)}componentWillLoad(){this.prepareControllers();this.validateSize(this.size);this.inheritedAttributes=y(this.host)}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}prepareControllers(t=false){this.controllers=[];const s=[];this.host.querySelectorAll(":scope > "+l.root).forEach((t=>{const i=Promise.all([t.getIdentifier(),t.getTriggerIdentifier(),t.getDisableState()]).then((([s,i,e])=>{const o=typeof t.getAttribute("default")==="string";const a=b(t.getAttribute("icon-start"));const r=b(t.getAttribute("icon-end"));return{label:t.getAttribute("label"),direction:t.getAttribute("direction"),contentIdentifier:s,disabled:e,triggerIdentifier:i,element:t,active:false,default:o,iconStart:a,iconEnd:r}}));s.push(i)}));Promise.all(s).then((s=>{if(t===false){let t=s.findIndex((t=>t.default));if(t===-1)t=0;this.focusIndex=t;s[t].active=true}else if(this.focusIndex>-1&&u(s,this.focusIndex)){s[this.focusIndex].active=true}const i=s.findIndex((t=>t.active&&t.disabled));if(i>-1){s[i].active=false;const t=s.findIndex((t=>!t.disabled));if(t>-1){s[t].active=true;this.focusIndex=t}}this.controllers=[...s];this.reRender()}))}setActiveByIdentifier(t){const s=[];this.controllers.map((i=>{i.active=t===i.triggerIdentifier||t===i.contentIdentifier;s.push(i)}));this.controllers=[...s]}reRender(){this.controllers.map((t=>{t.element.setActiveStatus(t.active).catch()}))}render(){return e(o,{key:"f2005ba90b408bd5bba21e6efc86b247944e7c5e",class:this.h.classes(r.root),size:this.size,color:this.color,type:this.type,direction:this.direction,onKeyDown:this.onKeydownHandler.bind(this)},e("div",Object.assign({key:"e8ad7a3f754fb72a1546f8147f958f97d865f745",class:r.tabs,role:"tablist"},this.inheritedAttributes),e("ul",{key:"cba48068fb5cef81797a703edfe6d8f1a5714be6",class:r.list},this.controllers.map((t=>e("li",{class:r.item},this.type=="text"?e("button",{class:r.btn,id:t.triggerIdentifier,role:"tab",type:"button",onClick:()=>this.onSelectHandler(t),disabled:t.disabled,"aria-disabled":f(t.disabled),"aria-selected":f(t.active),"aria-controls":t.contentIdentifier,tabindex:t.active&&!t.disabled?0:-1,ref:s=>this.triggerRefs[t.triggerIdentifier]=s},t.iconStart?e("gov-icon",{name:t.iconStart.name,type:t.iconStart.type}):null,t.label,t.iconEnd?e("gov-icon",{name:t.iconEnd.name,type:t.iconEnd.type}):null):e("gov-chip",{role:"tab",tag:"button",identifier:t.triggerIdentifier,"aria-selected":p(t.active),"aria-controls":t.contentIdentifier,focusable:t.active,disabled:t.disabled,color:this.color,size:this.size==="xs"?"xs":this.size==="s"?"s":"m",type:t.active?"solid":"outlined",ref:s=>this.triggerRefs[t.triggerIdentifier]=s,"on-gov-click":()=>this.onSelectHandler(t)},t.iconStart?e("gov-icon",{name:t.iconStart.name,type:t.iconStart.type,slot:"icon-start"}):null,t.label,t.iconEnd?e("gov-icon",{name:t.iconEnd.name,type:t.iconEnd.type,slot:"icon-end"}):null)))))),e("slot",{key:"328c8c699405186862b636f4dc878306945d6424"}))}getCurrentTab(){return this.controllers.find((t=>t.active))||null}onSelectHandler(t){const s=this.controllers.findIndex((s=>s.triggerIdentifier===t.triggerIdentifier));this.focusIndex=s;this.setActiveByIdentifier(t.triggerIdentifier);this.reRender();this.govChange.emit(this.getCurrentTab().element)}onKeydownHandler(t){const s=t.keyCode;t.stopPropagation();this.goToPrevNext(s)}goToPrevNext(t){if([37,38,39,40].includes(t)){if(false===(this.focusIndex>=0&&this.focusIndex<=this.controllers.length-1)){return}this.controllers[this.focusIndex].active=false;if(t===39||t===40){this.focusIndex++;if(this.focusIndex>=this.controllers.length){this.focusIndex=0}if(this.controllers[this.focusIndex].disabled){this.goToPrevNext(40)}}else if(t===37||t===38){this.focusIndex--;if(this.focusIndex<0){this.focusIndex=this.controllers.length-1}if(this.controllers[this.focusIndex].disabled){this.goToPrevNext(38)}}if(this.focusIndex>=0&&this.focusIndex<=this.controllers.length-1){const t=this.controllers[this.focusIndex];t.active=true;const s=this.triggerRefs[t.triggerIdentifier];if(s.nodeName.toLowerCase()==="gov-chip"){this.triggerRefs[t.triggerIdentifier].setFocus()}else{this.triggerRefs[t.triggerIdentifier].focus()}this.controllers=[...this.controllers];this.reRender();this.govChange.emit(this.getCurrentTab().element)}}}async refresh(){this.prepareControllers()}async currentTab(){return this.getCurrentTab().element||null}async setActiveTab(t){this.setActiveByIdentifier(t);this.reRender()}async rerender(){this.prepareControllers(true)}get host(){return this}static get watchers(){return{type:["validateType"],color:["validateColor"],size:["validateSize"]}}},[260,"gov-tabs",{type:[1],size:[1],color:[1],orientation:[1],direction:[513],controllers:[32],focusIndex:[32],inheritedAttributes:[32],refresh:[64],currentTab:[64],setActiveTab:[64],rerender:[64]},undefined,{type:["validateType"],color:["validateColor"],size:["validateSize"]}]);function x(){if(typeof customElements==="undefined"){return}const t=["gov-tabs","gov-chip","gov-icon"];t.forEach((t=>{switch(t){case"gov-tabs":if(!customElements.get(t)){customElements.define(t,T)}break;case"gov-chip":if(!customElements.get(t)){g()}break;case"gov-icon":if(!customElements.get(t)){j()}break}}))}x();const k=T;const C=x;export{k as GovTabs,C as defineCustomElement};
+import{p as t,H as s,c as i,h as e,a as o}from"./index.js";import{v as a}from"./p-BKP-F1qP.js";import{T as r,a as n,b as h,c,d as l}from"./p-BTwdrNoS.js";import{g as d,t as f,b}from"./p-DKo9A5gq.js";import{h as p}from"./p-B3tdsiZv.js";import{p as u}from"./p-GYov8gU1.js";import{A as m,a as v,i as g}from"./p-CXgom82_.js";import{d as y}from"./p-DW1DKFMF.js";import{d as j}from"./p-BJnSrRNH.js";const T=t(class t extends s{constructor(){super();this.__registerHost();this.govChange=i(this,"gov-change");this.triggerRefs={};this.type="text";this.size="m";this.color="primary";this.orientation="horizontal";this.direction="row";this.controllers=[];this.focusIndex=0;this.inheritedAttributes={};this.h=d(this.host)}validateType(t){a(n,t,r.root)}validateColor(t){a(h,t,r.root)}validateSize(t){a(c,t,r.root)}componentDidLoad(){this.attributeObserver=new m(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(v)}componentWillLoad(){this.prepareControllers();this.validateSize(this.size);this.inheritedAttributes=g(this.host)}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}prepareControllers(t=false){this.controllers=[];const s=[];this.host.querySelectorAll(":scope > "+l.root).forEach((t=>{const i=Promise.all([t.getIdentifier(),t.getTriggerIdentifier(),t.getDisableState()]).then((([s,i,e])=>{const o=typeof t.getAttribute("default")==="string";const a=u(t.getAttribute("icon-start"));const r=u(t.getAttribute("icon-end"));return{label:t.getAttribute("label"),direction:t.getAttribute("direction"),contentIdentifier:s,disabled:e,triggerIdentifier:i,element:t,active:false,default:o,iconStart:a,iconEnd:r}}));s.push(i)}));Promise.all(s).then((s=>{if(t===false){let t=s.findIndex((t=>t.default));if(t===-1)t=0;this.focusIndex=t;s[t].active=true}else if(this.focusIndex>-1&&p(s,this.focusIndex)){s[this.focusIndex].active=true}const i=s.findIndex((t=>t.active&&t.disabled));if(i>-1){s[i].active=false;const t=s.findIndex((t=>!t.disabled));if(t>-1){s[t].active=true;this.focusIndex=t}}this.controllers=[...s];this.reRender()}))}setActiveByIdentifier(t){const s=[];this.controllers.map((i=>{i.active=t===i.triggerIdentifier||t===i.contentIdentifier;s.push(i)}));this.controllers=[...s]}reRender(){this.controllers.map((t=>{t.element.setActiveStatus(t.active).catch()}))}render(){return e(o,{key:"0b339dda9cd002b5548650f0f996d349842f4c8b",class:this.h.classes(r.root),size:this.size,color:this.color,type:this.type,direction:this.direction,onKeyDown:this.onKeydownHandler.bind(this)},e("div",Object.assign({key:"683da4323be50ee97c0f2b666423308b2feb6ff3",class:r.tabs,role:"tablist"},this.inheritedAttributes),e("ul",{key:"0a255d6a8a57744c0636a41e567661775d450dee",class:r.list},this.controllers.map((t=>e("li",{class:r.item},this.type=="text"?e("button",{class:r.btn,id:t.triggerIdentifier,role:"tab",type:"button",onClick:()=>this.onSelectHandler(t),disabled:t.disabled,"aria-disabled":f(t.disabled),"aria-selected":f(t.active),"aria-controls":t.contentIdentifier,tabindex:t.active&&!t.disabled?0:-1,ref:s=>this.triggerRefs[t.triggerIdentifier]=s},t.iconStart?e("gov-icon",{name:t.iconStart.name,type:t.iconStart.type}):null,t.label,t.iconEnd?e("gov-icon",{name:t.iconEnd.name,type:t.iconEnd.type}):null):e("gov-chip",{role:"tab",tag:"button",identifier:t.triggerIdentifier,"aria-selected":b(t.active),"aria-controls":t.contentIdentifier,focusable:t.active,disabled:t.disabled,color:this.color,size:this.size==="xs"?"xs":this.size==="s"?"s":"m",type:t.active?"solid":"outlined",ref:s=>this.triggerRefs[t.triggerIdentifier]=s,"on-gov-click":()=>this.onSelectHandler(t)},t.iconStart?e("gov-icon",{name:t.iconStart.name,type:t.iconStart.type,slot:"icon-start"}):null,t.label,t.iconEnd?e("gov-icon",{name:t.iconEnd.name,type:t.iconEnd.type,slot:"icon-end"}):null)))))),e("slot",{key:"367950fe8ebba21bbe73c51a0d4c33efbb33e093"}))}getCurrentTab(){return this.controllers.find((t=>t.active))||null}onSelectHandler(t){const s=this.controllers.findIndex((s=>s.triggerIdentifier===t.triggerIdentifier));this.focusIndex=s;this.setActiveByIdentifier(t.triggerIdentifier);this.reRender();this.govChange.emit(this.getCurrentTab().element)}onKeydownHandler(t){const s=t.keyCode;t.stopPropagation();this.goToPrevNext(s)}goToPrevNext(t){if([37,38,39,40].includes(t)){if(false===(this.focusIndex>=0&&this.focusIndex<=this.controllers.length-1)){return}this.controllers[this.focusIndex].active=false;if(t===39||t===40){this.focusIndex++;if(this.focusIndex>=this.controllers.length){this.focusIndex=0}if(this.controllers[this.focusIndex].disabled){this.goToPrevNext(40)}}else if(t===37||t===38){this.focusIndex--;if(this.focusIndex<0){this.focusIndex=this.controllers.length-1}if(this.controllers[this.focusIndex].disabled){this.goToPrevNext(38)}}if(this.focusIndex>=0&&this.focusIndex<=this.controllers.length-1){const t=this.controllers[this.focusIndex];t.active=true;const s=this.triggerRefs[t.triggerIdentifier];if(s.nodeName.toLowerCase()==="gov-chip"){this.triggerRefs[t.triggerIdentifier].setFocus()}else{this.triggerRefs[t.triggerIdentifier].focus()}this.controllers=[...this.controllers];this.reRender();this.govChange.emit(this.getCurrentTab().element)}}}async refresh(){this.prepareControllers()}async currentTab(){return this.getCurrentTab().element||null}async setActiveTab(t){this.setActiveByIdentifier(t);this.reRender()}async rerender(){this.prepareControllers(true)}get host(){return this}static get watchers(){return{type:["validateType"],color:["validateColor"],size:["validateSize"]}}},[4,"gov-tabs",{type:[1],size:[1],color:[1],orientation:[1],direction:[513],controllers:[32],focusIndex:[32],inheritedAttributes:[32],refresh:[64],currentTab:[64],setActiveTab:[64],rerender:[64]},undefined,{type:["validateType"],color:["validateColor"],size:["validateSize"]}]);function k(){if(typeof customElements==="undefined"){return}const t=["gov-tabs","gov-chip","gov-icon"];t.forEach((t=>{switch(t){case"gov-tabs":if(!customElements.get(t)){customElements.define(t,T)}break;case"gov-chip":if(!customElements.get(t)){y()}break;case"gov-icon":if(!customElements.get(t)){j()}break}}))}k();const x=T;const z=k;export{x as GovTabs,z as defineCustomElement};
 //# sourceMappingURL=gov-tabs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"names":["GovTabs","__stencil_proxyCustomElement","HTMLElement","constructor","this","triggerRefs","type","size","color","orientation","direction","controllers","focusIndex","inheritedAttributes","h","govHost","host","validateType","newValue","validateProp","TabTypes","TabsClass","root","validateColor","TabColors","validateSize","TabSizes","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","prepareControllers","inheritAriaAttributes","disconnectedCallback","_a","stopObserving","removeAttribute","Object","assign","skipDefault","promises","querySelectorAll","TabsItemClass","forEach","tab","controlItem","Promise","all","getIdentifier","getTriggerIdentifier","getDisableState","then","identifier","triggerIdentifier","disabled","isDefault","getAttribute","iconStart","prepareIconFormat","iconEnd","label","contentIdentifier","element","active","default","push","defaultTabIndex","findIndex","controller","hasOwnProperty","isWrongCombination","firstGoodTab","reRender","setActiveByIdentifier","temp","map","item","control","setActiveStatus","catch","render","Host","key","class","classes","onKeyDown","onKeydownHandler","bind","tabs","role","list","btn","id","onClick","onSelectHandler","toBoolAttr","tabindex","ref","el","name","tag","booleanString","focusable","slot","getCurrentTab","find","index","t","govChange","emit","e","keyCode","stopPropagation","goToPrevNext","includes","length","current","trigger","nodeName","toLowerCase","setFocus","focus","refresh","currentTab","setActiveTab","rerender"],"sources":["../../../packages/core/src/components/gov-tabs/gov-tabs.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {\n\tColorType,\n\tTabColors,\n\tTabOrientationType,\n\tTabsClass,\n\tTabsItemClass,\n\tTabSizes,\n\tTabSizeType,\n\tTabType,\n\tTabTypes\n} from \"./constants\"\nimport {GovTabControllerItem} from \"./gov-tabs.types\"\nimport {booleanString, govHost, toBoolAttr} from \"../../helpers/Dom/template\"\nimport {Nullable} from \"../../types/interfaces\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {hasOwnProperty} from \"../../utils/helpers.types\";\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\n\n\n@Component({\n\ttag: \"gov-tabs\",\n})\nexport class GovTabs {\n\tprivate h: GovHost\n\tprivate triggerRefs: Record<string, HTMLButtonElement \| HTMLGovChipElement> = {}\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovTabsElement\n\t/*\n\t Tabs type\n\t /\n\t@Prop() readonly type: TabType = \"text\"\n\t/\n\t Tabs size.\n\t /\n\t@Prop() readonly size?: TabSizeType = 'm'\n\t/\n\t Style variation of the tab chips.\n\t /\n\t@Prop() readonly color?: ColorType = \"primary\"\n\t/\n\t Tabs orientation\n\t /\n\t@Prop() readonly orientation: TabOrientationType = \"horizontal\"\n\t/\n\t Icon and description display direction\n\t /\n\t@Prop({reflect: true}) readonly direction: 'row' \| 'column' = 'row'\n\t/\n\t Emitted when the tab is changed.\n\t /\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<HTMLGovTabsItemElement>\n\n\t@Watch(\"type\")\n\tvalidateType(newValue: string): void {\n\t\tvalidateProp(TabTypes, newValue, TabsClass.root)\n\t}\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(TabColors, newValue, TabsClass.root)\n\t}\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(TabSizes, newValue, TabsClass.root)\n\t}\n\n\t@State() controllers: GovTabControllerItem[] = []\n\t@State() focusIndex = 0\n\t@State() inheritedAttributes: Attributes = {}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.prepareControllers()\n\t\tthis.validateSize(this.size)\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tprivate prepareControllers(skipDefault = false): void {\n\t\tthis.controllers = []\n\t\tconst promises: Promise<GovTabControllerItem>[] = []\n\t\tthis.host.querySelectorAll(':scope > ' + TabsItemClass.root).forEach((tab: HTMLGovTabsItemElement) => {\n\t\t\tconst controlItem = Promise.all([\n\t\t\t\ttab.getIdentifier(),\n\t\t\t\ttab.getTriggerIdentifier(),\n\t\t\t\ttab.getDisableState()\n\t\t\t]).then(([identifier, triggerIdentifier, disabled]) => {\n\t\t\t\tconst isDefault = typeof tab.getAttribute(\"default\") === \"string\"\n\t\t\t\tconst iconStart = prepareIconFormat(tab.getAttribute('icon-start'))\n\t\t\t\tconst iconEnd = prepareIconFormat(tab.getAttribute('icon-end'))\n\t\t\t\treturn {\n\t\t\t\t\tlabel: tab.getAttribute(\"label\"),\n\t\t\t\t\tdirection: tab.getAttribute(\"direction\"),\n\t\t\t\t\tcontentIdentifier: identifier,\n\t\t\t\t\tdisabled: disabled,\n\t\t\t\t\ttriggerIdentifier: triggerIdentifier,\n\t\t\t\t\telement: tab,\n\t\t\t\t\tactive: false,\n\t\t\t\t\tdefault: isDefault,\n\t\t\t\t\ticonStart,\n\t\t\t\t\ticonEnd\n\t\t\t\t}\n\t\t\t})\n\t\t\tpromises.push(controlItem)\n\t\t});\n\t\tPromise.all(promises).then(controllers => {\n\t\t\tif (skipDefault === false) {\n\t\t\t\tlet defaultTabIndex = controllers.findIndex(controller => controller.default)\n\t\t\t\tif (defaultTabIndex === -1) defaultTabIndex = 0\n\t\t\t\tthis.focusIndex = defaultTabIndex\n\t\t\t\tcontrollers[defaultTabIndex].active = true\n\t\t\t} else if (this.focusIndex > -1 && hasOwnProperty(controllers, this.focusIndex)) {\n\t\t\t\tcontrollers[this.focusIndex].active = true\n\t\t\t}\n\t\t\tconst isWrongCombination = controllers.findIndex((controller) => controller.active && controller.disabled)\n\t\t\tif (isWrongCombination > -1) {\n\t\t\t\tcontrollers[isWrongCombination].active = false;\n\t\t\t\tconst firstGoodTab = controllers.findIndex((controller) => !controller.disabled)\n\t\t\t\tif (firstGoodTab > -1) {\n\t\t\t\t\tcontrollers[firstGoodTab].active = true\n\t\t\t\t\tthis.focusIndex = firstGoodTab;\n\t\t\t\t}\n\t\t\t}\n\t\t\tthis.controllers = [...controllers]\n\t\t\tthis.reRender()\n\t\t})\n\t}\n\n\tprivate setActiveByIdentifier(identifier: string) {\n\t\tconst temp = []\n\t\tthis.controllers.map(item => {\n\t\t\titem.active = identifier === item.triggerIdentifier \|\| identifier === item.contentIdentifier\n\t\t\ttemp.push(item)\n\t\t})\n\t\tthis.controllers = [...temp]\n\t}\n\n\tprivate reRender() {\n\t\tthis.controllers.map(control => {\n\t\t\tcontrol.element.setActiveStatus(control.active).catch()\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes(TabsClass.root)}\n\t\t\t\tsize={this.size}\n\t\t\t\tcolor={this.color}\n\t\t\t\ttype={this.type}\n\t\t\t\tdirection={this.direction}\n\t\t\t\tonKeyDown={this.onKeydownHandler.bind(this)}\n\t\t\t>\n\t\t\t\t<div class={TabsClass.tabs}\n\t\t\t\t\t role=\"tablist\"\n\t\t\t\t\t {...this.inheritedAttributes}>\n\t\t\t\t\t<ul class={TabsClass.list}>\n\t\t\t\t\t\t{this.controllers.map(control => (\n\t\t\t\t\t\t\t<li class={TabsClass.item}>\n\t\t\t\t\t\t\t\t{this.type == \"text\" ? (\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\tclass={TabsClass.btn}\n\t\t\t\t\t\t\t\t\t\tid={control.triggerIdentifier}\n\t\t\t\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tonClick={() => this.onSelectHandler(control)}\n\t\t\t\t\t\t\t\t\t\tdisabled={control.disabled}\n\t\t\t\t\t\t\t\t\t\taria-disabled={toBoolAttr(control.disabled)}\n\t\t\t\t\t\t\t\t\t\taria-selected={toBoolAttr(control.active)}\n\t\t\t\t\t\t\t\t\t\taria-controls={control.contentIdentifier}\n\t\t\t\t\t\t\t\t\t\ttabindex={control.active && !control.disabled ? 0 : -1}\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRefs[control.triggerIdentifier] = el as HTMLButtonElement)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{control.iconStart ? (<gov-icon\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconStart.name}\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconStart.type}></gov-icon>) : null}\n\t\t\t\t\t\t\t\t\t\t{control.label}\n\t\t\t\t\t\t\t\t\t\t{control.iconEnd ? (<gov-icon\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconEnd.name}\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconEnd.type}></gov-icon>) : null}\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<gov-chip\n\t\t\t\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t\t\t\ttag={'button'}\n\t\t\t\t\t\t\t\t\t\tidentifier={control.triggerIdentifier}\n\t\t\t\t\t\t\t\t\t\taria-selected={booleanString(control.active)}\n\t\t\t\t\t\t\t\t\t\taria-controls={control.contentIdentifier}\n\t\t\t\t\t\t\t\t\t\tfocusable={control.active}\n\t\t\t\t\t\t\t\t\t\tdisabled={control.disabled}\n\t\t\t\t\t\t\t\t\t\tcolor={this.color}\n\t\t\t\t\t\t\t\t\t\tsize={this.size === \"xs\" ? \"xs\" : (this.size === \"s\" ? \"s\" : \"m\")}\n\t\t\t\t\t\t\t\t\t\ttype={control.active ? \"solid\" : \"outlined\"}\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRefs[control.triggerIdentifier] = el as HTMLGovChipElement)}\n\t\t\t\t\t\t\t\t\t\ton-gov-click={() => this.onSelectHandler(control)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{control.iconStart ? (<gov-icon\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconStart.name}\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconStart.type}\n\t\t\t\t\t\t\t\t\t\t\tslot=\"icon-start\"></gov-icon>) : null}\n\t\t\t\t\t\t\t\t\t\t{control.label}\n\t\t\t\t\t\t\t\t\t\t{control.iconEnd ? (<gov-icon\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconEnd.name}\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconEnd.type}\n\t\t\t\t\t\t\t\t\t\t\tslot=\"icon-end\"></gov-icon>) : null}\n\t\t\t\t\t\t\t\t\t</gov-chip>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate getCurrentTab(): GovTabControllerItem \| null {\n\t\treturn this.controllers.find(control => control.active) \|\| null\n\t}\n\n\tprivate onSelectHandler(control: GovTabControllerItem) {\n\t\tconst index = this.controllers.findIndex(t => t.triggerIdentifier === control.triggerIdentifier);\n\t\tthis.focusIndex = index\n\t\tthis.setActiveByIdentifier(control.triggerIdentifier)\n\t\tthis.reRender()\n\t\tthis.govChange.emit(this.getCurrentTab().element)\n\t}\n\n\tprivate onKeydownHandler(e: KeyboardEvent) {\n\t\tconst keyCode = e.keyCode\n\n\t\te.stopPropagation()\n\t\tthis.goToPrevNext(keyCode)\n\t}\n\n\tprivate goToPrevNext(keyCode: number) {\n\t\tif ([37, 38, 39, 40].includes(keyCode)) {\n\t\t\tif (false === (this.focusIndex >= 0 && this.focusIndex <= this.controllers.length - 1)) {\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tthis.controllers[this.focusIndex].active = false\n\n\t\t\tif (keyCode === 39 \|\| keyCode === 40) {\n\t\t\t\tthis.focusIndex++\n\t\t\t\tif (this.focusIndex >= this.controllers.length) {\n\t\t\t\t\tthis.focusIndex = 0\n\t\t\t\t}\n\t\t\t\tif (this.controllers[this.focusIndex].disabled) {\n\t\t\t\t\tthis.goToPrevNext(40)\n\t\t\t\t}\n\t\t\t} else if (keyCode === 37 \|\| keyCode === 38) {\n\t\t\t\tthis.focusIndex--\n\t\t\t\tif (this.focusIndex < 0) {\n\t\t\t\t\tthis.focusIndex = this.controllers.length - 1\n\t\t\t\t}\n\t\t\t\tif (this.controllers[this.focusIndex].disabled) {\n\t\t\t\t\tthis.goToPrevNext(38)\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (this.focusIndex >= 0 && this.focusIndex <= this.controllers.length - 1) {\n\t\t\t\tconst current = this.controllers[this.focusIndex]\n\t\t\t\tcurrent.active = true\n\t\t\t\tconst trigger = this.triggerRefs[current.triggerIdentifier]\n\t\t\t\tif (trigger.nodeName.toLowerCase() === 'gov-chip') {\n\t\t\t\t\t(this.triggerRefs[current.triggerIdentifier] as HTMLGovChipElement).setFocus()\n\t\t\t\t} else {\n\t\t\t\t\tthis.triggerRefs[current.triggerIdentifier].focus()\n\t\t\t\t}\n\n\t\t\t\tthis.controllers = [...this.controllers]\n\t\t\t\tthis.reRender()\n\t\t\t\tthis.govChange.emit(this.getCurrentTab().element)\n\t\t\t}\n\t\t}\n\t}\n\n\t/\n\t Regenerate tabs controllers\n\t /\n\t@Method()\n\tasync refresh(): Promise<void> {\n\t\tthis.prepareControllers()\n\t}\n\n\t/\n\t Returns the currently selected tabs-item\n\t /\n\t@Method()\n\tasync currentTab(): Promise<Nullable<HTMLGovTabsItemElement>> {\n\t\treturn this.getCurrentTab().element \|\| null\n\t}\n\n\t/\n\t Regenerate tabs controllers\n\t /\n\t@Method()\n\tasync setActiveTab(identifier: string): Promise<void> {\n\t\tthis.setActiveByIdentifier(identifier)\n\t\tthis.reRender()\n\t}\n\n\t/\n\t Regenerate tabs controllers\n\t */\n\t@Method()\n\tasync rerender(): Promise<void> {\n\t\tthis.prepareControllers(true);\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["GovTabs","__stencil_proxyCustomElement","HTMLElement","constructor","this","triggerRefs","type","size","color","orientation","direction","controllers","focusIndex","inheritedAttributes","h","govHost","host","validateType","newValue","validateProp","TabTypes","TabsClass","root","validateColor","TabColors","validateSize","TabSizes","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","prepareControllers","inheritAriaAttributes","disconnectedCallback","_a","stopObserving","removeAttribute","Object","assign","skipDefault","promises","querySelectorAll","TabsItemClass","forEach","tab","controlItem","Promise","all","getIdentifier","getTriggerIdentifier","getDisableState","then","identifier","triggerIdentifier","disabled","isDefault","getAttribute","iconStart","prepareIconFormat","iconEnd","label","contentIdentifier","element","active","default","push","defaultTabIndex","findIndex","controller","hasOwnProperty","isWrongCombination","firstGoodTab","reRender","setActiveByIdentifier","temp","map","item","control","setActiveStatus","catch","render","Host","key","class","classes","onKeyDown","onKeydownHandler","bind","tabs","role","list","btn","id","onClick","onSelectHandler","toBoolAttr","tabindex","ref","el","name","tag","booleanString","focusable","slot","getCurrentTab","find","index","t","govChange","emit","e","keyCode","stopPropagation","goToPrevNext","includes","length","current","trigger","nodeName","toLowerCase","setFocus","focus","refresh","currentTab","setActiveTab","rerender"],"sources":["../../../packages/core/src/components/gov-tabs/gov-tabs.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\r\nimport {validateProp} from \"../../helpers/Validate/props\"\r\nimport {\r\n\tColorType,\r\n\tTabColors,\r\n\tTabOrientationType,\r\n\tTabsClass,\r\n\tTabsItemClass,\r\n\tTabSizes,\r\n\tTabSizeType,\r\n\tTabType,\r\n\tTabTypes\r\n} from \"./constants\"\r\nimport {GovTabControllerItem} from \"./gov-tabs.types\"\r\nimport {booleanString, govHost, toBoolAttr} from \"../../helpers/Dom/template\"\r\nimport {Nullable} from \"../../types/interfaces\"\r\nimport {GovHost} from \"../../helpers/Dom/template.types\"\r\nimport {hasOwnProperty} from \"../../utils/helpers.types\";\r\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\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\r\n@Component({\r\n\ttag: \"gov-tabs\",\r\n})\r\nexport class GovTabs {\r\n\tprivate h: GovHost\r\n\tprivate triggerRefs: Record<string, HTMLButtonElement \| HTMLGovChipElement> = {}\r\n\tprivate attributeObserver: AttributeObserver\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t@Element() host: HTMLGovTabsElement\r\n\t/*\r\n\t Tabs type\r\n\t /\r\n\t@Prop() readonly type: TabType = \"text\"\r\n\t/\r\n\t Tabs size.\r\n\t /\r\n\t@Prop() readonly size?: TabSizeType = 'm'\r\n\t/\r\n\t Style variation of the tab chips.\r\n\t /\r\n\t@Prop() readonly color?: ColorType = \"primary\"\r\n\t/\r\n\t Tabs orientation\r\n\t /\r\n\t@Prop() readonly orientation: TabOrientationType = \"horizontal\"\r\n\t/\r\n\t Icon and description display direction\r\n\t /\r\n\t@Prop({reflect: true}) readonly direction: 'row' \| 'column' = 'row'\r\n\t/\r\n\t Emitted when the tab is changed.\r\n\t /\r\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<HTMLGovTabsItemElement>\r\n\r\n\t@Watch(\"type\")\r\n\tvalidateType(newValue: string): void {\r\n\t\tvalidateProp(TabTypes, newValue, TabsClass.root)\r\n\t}\r\n\r\n\t@Watch(\"color\")\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(TabColors, newValue, TabsClass.root)\r\n\t}\r\n\r\n\t@Watch('size')\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(TabSizes, newValue, TabsClass.root)\r\n\t}\r\n\r\n\t@State() controllers: GovTabControllerItem[] = []\r\n\t@State() focusIndex = 0\r\n\t@State() inheritedAttributes: Attributes = {}\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.prepareControllers()\r\n\t\tthis.validateSize(this.size)\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\tprivate prepareControllers(skipDefault = false): void {\r\n\t\tthis.controllers = []\r\n\t\tconst promises: Promise<GovTabControllerItem>[] = []\r\n\t\tthis.host.querySelectorAll(':scope > ' + TabsItemClass.root).forEach((tab: HTMLGovTabsItemElement) => {\r\n\t\t\tconst controlItem = Promise.all([\r\n\t\t\t\ttab.getIdentifier(),\r\n\t\t\t\ttab.getTriggerIdentifier(),\r\n\t\t\t\ttab.getDisableState()\r\n\t\t\t]).then(([identifier, triggerIdentifier, disabled]) => {\r\n\t\t\t\tconst isDefault = typeof tab.getAttribute(\"default\") === \"string\"\r\n\t\t\t\tconst iconStart = prepareIconFormat(tab.getAttribute('icon-start'))\r\n\t\t\t\tconst iconEnd = prepareIconFormat(tab.getAttribute('icon-end'))\r\n\t\t\t\treturn {\r\n\t\t\t\t\tlabel: tab.getAttribute(\"label\"),\r\n\t\t\t\t\tdirection: tab.getAttribute(\"direction\"),\r\n\t\t\t\t\tcontentIdentifier: identifier,\r\n\t\t\t\t\tdisabled: disabled,\r\n\t\t\t\t\ttriggerIdentifier: triggerIdentifier,\r\n\t\t\t\t\telement: tab,\r\n\t\t\t\t\tactive: false,\r\n\t\t\t\t\tdefault: isDefault,\r\n\t\t\t\t\ticonStart,\r\n\t\t\t\t\ticonEnd\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\tpromises.push(controlItem)\r\n\t\t});\r\n\t\tPromise.all(promises).then(controllers => {\r\n\t\t\tif (skipDefault === false) {\r\n\t\t\t\tlet defaultTabIndex = controllers.findIndex(controller => controller.default)\r\n\t\t\t\tif (defaultTabIndex === -1) defaultTabIndex = 0\r\n\t\t\t\tthis.focusIndex = defaultTabIndex\r\n\t\t\t\tcontrollers[defaultTabIndex].active = true\r\n\t\t\t} else if (this.focusIndex > -1 && hasOwnProperty(controllers, this.focusIndex)) {\r\n\t\t\t\tcontrollers[this.focusIndex].active = true\r\n\t\t\t}\r\n\t\t\tconst isWrongCombination = controllers.findIndex((controller) => controller.active && controller.disabled)\r\n\t\t\tif (isWrongCombination > -1) {\r\n\t\t\t\tcontrollers[isWrongCombination].active = false;\r\n\t\t\t\tconst firstGoodTab = controllers.findIndex((controller) => !controller.disabled)\r\n\t\t\t\tif (firstGoodTab > -1) {\r\n\t\t\t\t\tcontrollers[firstGoodTab].active = true\r\n\t\t\t\t\tthis.focusIndex = firstGoodTab;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tthis.controllers = [...controllers]\r\n\t\t\tthis.reRender()\r\n\t\t})\r\n\t}\r\n\r\n\tprivate setActiveByIdentifier(identifier: string) {\r\n\t\tconst temp = []\r\n\t\tthis.controllers.map(item => {\r\n\t\t\titem.active = identifier === item.triggerIdentifier \|\| identifier === item.contentIdentifier\r\n\t\t\ttemp.push(item)\r\n\t\t})\r\n\t\tthis.controllers = [...temp]\r\n\t}\r\n\r\n\tprivate reRender() {\r\n\t\tthis.controllers.map(control => {\r\n\t\t\tcontrol.element.setActiveStatus(control.active).catch()\r\n\t\t})\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host\r\n\t\t\t\tclass={this.h.classes(TabsClass.root)}\r\n\t\t\t\tsize={this.size}\r\n\t\t\t\tcolor={this.color}\r\n\t\t\t\ttype={this.type}\r\n\t\t\t\tdirection={this.direction}\r\n\t\t\t\tonKeyDown={this.onKeydownHandler.bind(this)}\r\n\t\t\t>\r\n\t\t\t\t<div class={TabsClass.tabs}\r\n\t\t\t\t\t role=\"tablist\"\r\n\t\t\t\t\t {...this.inheritedAttributes}>\r\n\t\t\t\t\t<ul class={TabsClass.list}>\r\n\t\t\t\t\t\t{this.controllers.map(control => (\r\n\t\t\t\t\t\t\t<li class={TabsClass.item}>\r\n\t\t\t\t\t\t\t\t{this.type == \"text\" ? (\r\n\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\tclass={TabsClass.btn}\r\n\t\t\t\t\t\t\t\t\t\tid={control.triggerIdentifier}\r\n\t\t\t\t\t\t\t\t\t\trole=\"tab\"\r\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\t\tonClick={() => this.onSelectHandler(control)}\r\n\t\t\t\t\t\t\t\t\t\tdisabled={control.disabled}\r\n\t\t\t\t\t\t\t\t\t\taria-disabled={toBoolAttr(control.disabled)}\r\n\t\t\t\t\t\t\t\t\t\taria-selected={toBoolAttr(control.active)}\r\n\t\t\t\t\t\t\t\t\t\taria-controls={control.contentIdentifier}\r\n\t\t\t\t\t\t\t\t\t\ttabindex={control.active && !control.disabled ? 0 : -1}\r\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRefs[control.triggerIdentifier] = el as HTMLButtonElement)}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{control.iconStart ? (<gov-icon\r\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconStart.name}\r\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconStart.type}></gov-icon>) : null}\r\n\t\t\t\t\t\t\t\t\t\t{control.label}\r\n\t\t\t\t\t\t\t\t\t\t{control.iconEnd ? (<gov-icon\r\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconEnd.name}\r\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconEnd.type}></gov-icon>) : null}\r\n\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t<gov-chip\r\n\t\t\t\t\t\t\t\t\t\trole=\"tab\"\r\n\t\t\t\t\t\t\t\t\t\ttag={'button'}\r\n\t\t\t\t\t\t\t\t\t\tidentifier={control.triggerIdentifier}\r\n\t\t\t\t\t\t\t\t\t\taria-selected={booleanString(control.active)}\r\n\t\t\t\t\t\t\t\t\t\taria-controls={control.contentIdentifier}\r\n\t\t\t\t\t\t\t\t\t\tfocusable={control.active}\r\n\t\t\t\t\t\t\t\t\t\tdisabled={control.disabled}\r\n\t\t\t\t\t\t\t\t\t\tcolor={this.color}\r\n\t\t\t\t\t\t\t\t\t\tsize={this.size === \"xs\" ? \"xs\" : (this.size === \"s\" ? \"s\" : \"m\")}\r\n\t\t\t\t\t\t\t\t\t\ttype={control.active ? \"solid\" : \"outlined\"}\r\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRefs[control.triggerIdentifier] = el as HTMLGovChipElement)}\r\n\t\t\t\t\t\t\t\t\t\ton-gov-click={() => this.onSelectHandler(control)}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{control.iconStart ? (<gov-icon\r\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconStart.name}\r\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconStart.type}\r\n\t\t\t\t\t\t\t\t\t\t\tslot=\"icon-start\"></gov-icon>) : null}\r\n\t\t\t\t\t\t\t\t\t\t{control.label}\r\n\t\t\t\t\t\t\t\t\t\t{control.iconEnd ? (<gov-icon\r\n\t\t\t\t\t\t\t\t\t\t\tname={control.iconEnd.name}\r\n\t\t\t\t\t\t\t\t\t\t\ttype={control.iconEnd.type}\r\n\t\t\t\t\t\t\t\t\t\t\tslot=\"icon-end\"></gov-icon>) : null}\r\n\t\t\t\t\t\t\t\t\t</gov-chip>\r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t</ul>\r\n\t\t\t\t</div>\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\tprivate getCurrentTab(): GovTabControllerItem \| null {\r\n\t\treturn this.controllers.find(control => control.active) \|\| null\r\n\t}\r\n\r\n\tprivate onSelectHandler(control: GovTabControllerItem) {\r\n\t\tconst index = this.controllers.findIndex(t => t.triggerIdentifier === control.triggerIdentifier);\r\n\t\tthis.focusIndex = index\r\n\t\tthis.setActiveByIdentifier(control.triggerIdentifier)\r\n\t\tthis.reRender()\r\n\t\tthis.govChange.emit(this.getCurrentTab().element)\r\n\t}\r\n\r\n\tprivate onKeydownHandler(e: KeyboardEvent) {\r\n\t\tconst keyCode = e.keyCode\r\n\r\n\t\te.stopPropagation()\r\n\t\tthis.goToPrevNext(keyCode)\r\n\t}\r\n\r\n\tprivate goToPrevNext(keyCode: number) {\r\n\t\tif ([37, 38, 39, 40].includes(keyCode)) {\r\n\t\t\tif (false === (this.focusIndex >= 0 && this.focusIndex <= this.controllers.length - 1)) {\r\n\t\t\t\treturn\r\n\t\t\t}\r\n\r\n\t\t\tthis.controllers[this.focusIndex].active = false\r\n\r\n\t\t\tif (keyCode === 39 \|\| keyCode === 40) {\r\n\t\t\t\tthis.focusIndex++\r\n\t\t\t\tif (this.focusIndex >= this.controllers.length) {\r\n\t\t\t\t\tthis.focusIndex = 0\r\n\t\t\t\t}\r\n\t\t\t\tif (this.controllers[this.focusIndex].disabled) {\r\n\t\t\t\t\tthis.goToPrevNext(40)\r\n\t\t\t\t}\r\n\t\t\t} else if (keyCode === 37 \|\| keyCode === 38) {\r\n\t\t\t\tthis.focusIndex--\r\n\t\t\t\tif (this.focusIndex < 0) {\r\n\t\t\t\t\tthis.focusIndex = this.controllers.length - 1\r\n\t\t\t\t}\r\n\t\t\t\tif (this.controllers[this.focusIndex].disabled) {\r\n\t\t\t\t\tthis.goToPrevNext(38)\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (this.focusIndex >= 0 && this.focusIndex <= this.controllers.length - 1) {\r\n\t\t\t\tconst current = this.controllers[this.focusIndex]\r\n\t\t\t\tcurrent.active = true\r\n\t\t\t\tconst trigger = this.triggerRefs[current.triggerIdentifier]\r\n\t\t\t\tif (trigger.nodeName.toLowerCase() === 'gov-chip') {\r\n\t\t\t\t\t(this.triggerRefs[current.triggerIdentifier] as HTMLGovChipElement).setFocus()\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.triggerRefs[current.triggerIdentifier].focus()\r\n\t\t\t\t}\r\n\r\n\t\t\t\tthis.controllers = [...this.controllers]\r\n\t\t\t\tthis.reRender()\r\n\t\t\t\tthis.govChange.emit(this.getCurrentTab().element)\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/\r\n\t Regenerate tabs controllers\r\n\t /\r\n\t@Method()\r\n\tasync refresh(): Promise<void> {\r\n\t\tthis.prepareControllers()\r\n\t}\r\n\r\n\t/\r\n\t Returns the currently selected tabs-item\r\n\t /\r\n\t@Method()\r\n\tasync currentTab(): Promise<Nullable<HTMLGovTabsItemElement>> {\r\n\t\treturn this.getCurrentTab().element \|\| null\r\n\t}\r\n\r\n\t/\r\n\t Regenerate tabs controllers\r\n\t /\r\n\t@Method()\r\n\tasync setActiveTab(identifier: string): Promise<void> {\r\n\t\tthis.setActiveByIdentifier(identifier)\r\n\t\tthis.reRender()\r\n\t}\r\n\r\n\t/\r\n\t Regenerate tabs controllers\r\n\t */\r\n\t@Method()\r\n\tasync rerender(): Promise<void> {\r\n\t\tthis.prepareControllers(true);\r\n\t}\r\n}\r\n"],"mappings":"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","ignoreList":[]}