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

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

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 (1274) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"names":["ThemeSwitchSizes","pick","Sizes","ThemeSwitchClass","root","indicator","label","iconLight","iconDark","ATTRIBUTE_THEME_NAME","ThemeList","GovThemeSwitch","__stencil_proxyCustomElement","HTMLElement","constructor","this","size","displayLabel","ariaLabelLight","ariaLabelDark","labelLight","labelDark","theme","auto","setThemeState","state","govChange","emit","component","ref","host","h","govHost","validateSize","newValue","validateProp","watchTheme","htmlElement","setAttribute","classList","remove","Object","keys","add","setCookie","storageValue","getCookie","document","documentElement","isSystemPrefersColorDark","isWindow","window","matchMedia","matches","componentWillLoad","initDefaultState","options","currentState","htmlState","getAttribute","includes","render","isDark","dark","Host","key","class","classes","light","onClick","name","type"],"sources":["../../../packages/core/src/components/gov-theme-switch/constants.ts","../../../packages/core/src/components/gov-theme-switch/gov-theme-switch.types.ts","../../../packages/core/src/components/gov-theme-switch/gov-theme-switch.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 ThemeSwitchSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\r\nexport type ThemeSwitchSizesType = `${ValueOf<typeof ThemeSwitchSizes>}`\r\n\r\nexport const ThemeSwitchClass = {\r\n\troot: 'gov-theme-switch',\r\n\tindicator: 'gov-theme-switch__indicator',\r\n\tlabel: 'gov-theme-switch__label',\r\n\ticonLight: 'gov-theme-switch__icon-light',\r\n\ticonDark: 'gov-theme-switch__icon-dark',\r\n}\r\n\r\nexport const ATTRIBUTE_THEME_NAME = 'data-theme'\r\n","import {GovBaseEvent} from \"../../types/event.types\";\r\n\r\nexport enum ThemeList {\r\n\tauto = 'auto',\r\n\tlight = 'light',\r\n\tdark = 'dark'\r\n}\r\n\r\nexport interface ThemeSwitchEvent extends GovBaseEvent {\r\n\tref: HTMLGovThemeSwitchElement;\r\n\tstate: ThemeList\r\n}\r\n\r\n","import {Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch} from \"@stencil/core\"\r\nimport {GovHost} from \"../../helpers/Dom/template.types\";\r\nimport {govHost} from \"../../helpers/Dom/template\";\r\nimport {ATTRIBUTE_THEME_NAME, ThemeSwitchClass, ThemeSwitchSizes, ThemeSwitchSizesType} from \"./constants\";\r\nimport {isWindow} from \"../../helpers/Dom/win\";\r\nimport {ThemeList, ThemeSwitchEvent} from \"./gov-theme-switch.types\";\r\nimport {validateProp} from \"../../helpers/Validate/props\";\r\nimport {getCookie, setCookie} from \"../../helpers/Dom/document\";\r\n\r\n@Component({\r\n\ttag: \"gov-theme-switch\",\r\n})\r\nexport class GovThemeSwitch {\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: HTMLGovThemeSwitchElement\r\n\r\n\t/*\r\n\t Switch's size.\r\n\t /\r\n\t@Prop() readonly size?: ThemeSwitchSizesType = \"m\"\r\n\t/\r\n\t Display switch label\r\n\t /\r\n\t@Prop({attribute: \"display-label\"}) readonly displayLabel? = false\r\n\t/\r\n\t Label in light mode\r\n\t /\r\n\t@Prop({attribute: \"aria-label-light\"}) readonly ariaLabelLight? = \"Přepnout na tmavý mód\"\r\n\t/\r\n\t Label in dark mode\r\n\t /\r\n\t@Prop({attribute: \"aria-label-dark\"}) readonly ariaLabelDark? = \"Přepnout na světlý mód\"\r\n\t/\r\n\t Label in light mode\r\n\t /\r\n\t@Prop({attribute: \"label-light\"}) readonly labelLight? = \"Světlý mód\"\r\n\t/\r\n\t Label in dark mode\r\n\t /\r\n\t@Prop({attribute: \"label-dark\"}) readonly labelDark? = \"Tmavý mód\"\r\n\t/\r\n\t Called when the theme is changed by the user\r\n\t */\r\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<ThemeSwitchEvent>\r\n\r\n\t@Watch(\"size\")\r\n\tvalidateSize(newValue: string): void {\r\n\t\tvalidateProp(ThemeSwitchSizes, newValue, ThemeSwitchClass.root)\r\n\t}\r\n\r\n\t@Watch(\"theme\")\r\n\twatchTheme(newValue: ThemeList): void {\r\n\t\tthis.htmlElement.setAttribute(ATTRIBUTE_THEME_NAME, newValue);\r\n\t\tthis.htmlElement.classList.remove(...Object.keys(ThemeList));\r\n\t\tthis.htmlElement.classList.add(newValue);\r\n\t\tsetCookie(ATTRIBUTE_THEME_NAME, newValue);\r\n\t}\r\n\r\n\t@State() theme: ThemeList = ThemeList.auto\r\n\r\n\tprivate get storageValue() {\r\n\t\treturn getCookie(ATTRIBUTE_THEME_NAME)\r\n\t}\r\n\r\n\tprivate get htmlElement(): HTMLElement {\r\n\t\treturn document.documentElement\r\n\t}\r\n\r\n\tprivate get isSystemPrefersColorDark(): boolean {\r\n\t\treturn isWindow && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.initDefaultState()\r\n\t\tthis.validateSize(this.size)\r\n\t}\r\n\r\n\tprivate initDefaultState() {\r\n\t\tconst options = Object.keys(ThemeList);\r\n\t\tlet currentState = this.storageValue;\r\n\t\tconst htmlState = this.htmlElement.getAttribute(ATTRIBUTE_THEME_NAME)\r\n\r\n\t\tif (currentState && options.includes(currentState)) {\r\n\t\t\tthis.theme = currentState as ThemeList;\r\n\t\t} else if (htmlState && options.includes(htmlState)) {\r\n\t\t\tthis.theme = htmlState as ThemeList;\r\n\t\t} else {\r\n\t\t\tthis.theme = ThemeList.auto;\r\n\t\t}\r\n\t}\r\n\r\n\tprivate setThemeState = (state: ThemeList) => {\r\n\t\tthis.theme = state;\r\n\r\n\t\tthis.govChange.emit({\r\n\t\t\tcomponent: ThemeSwitchClass.root,\r\n\t\t\tstate: this.theme,\r\n\t\t\tref: this.host\r\n\t\t})\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet isDark = this.theme === ThemeList.dark;\r\n\t\tif (this.theme === ThemeList.auto) {\r\n\t\t\tisDark = this.isSystemPrefersColorDark;\r\n\t\t}\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(ThemeSwitchClass.root)}\r\n\t\t\t\t theme={isDark ? ThemeList.dark : ThemeList.light}\r\n\t\t\t\t size={this.size}>\r\n\t\t\t\t<button onClick={() => this.setThemeState(isDark ? ThemeList.light : ThemeList.dark)}\r\n\t\t\t\t\t\taria-current={this.theme}\r\n\t\t\t\t\t\taria-label={isDark ? this.ariaLabelDark : this.ariaLabelLight}>\r\n\t\t\t\t\t<span>\r\n\t\t\t\t\t\t<span class={ThemeSwitchClass.indicator}>\r\n\t\t\t\t\t\t\t{ThemeList.light && <gov-icon name=\"sun\" class={ThemeSwitchClass.iconLight} type=\"components\"></gov-icon>}\r\n\t\t\t\t\t\t\t{ThemeList.dark && <gov-icon name=\"moon\" class={ThemeSwitchClass.iconDark} type=\"components\"></gov-icon>}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t{this.displayLabel ? (\r\n\t\t\t\t\t\t\t<span class={ThemeSwitchClass.label}>\r\n\t\t\t\t\t\t\t\t{isDark ? this.labelDark : this.labelLight}\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t) : null\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</button>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n}\r\n"],"mappings":"4RAIO,MAAMA,EAAmBC,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,KAAM,QAG/D,MAAMC,EAAmB,CAC/BC,KAAM,mBACNC,UAAW,8BACXC,MAAO,0BACPC,UAAW,+BACXC,SAAU,+BAGJ,MAAMC,EAAuB,aCbpC,IAAYC,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,iBACAA,EAAA,cACA,EAJD,CAAYA,MAIX,K,MCMYC,EAAcC,EAAA,MAAAD,UAAAE,EAG1B,WAAAC,G,kEASiBC,KAAIC,KAA0B,IAIFD,KAAYE,aAAI,MAIbF,KAAcG,eAAI,wBAInBH,KAAaI,cAAI,yBAIrBJ,KAAUK,WAAK,aAIhBL,KAASM,UAAI,YAmB9CN,KAAAO,MAAmBZ,EAAUa,KAiC9BR,KAAAS,cAAiBC,IACxBV,KAAKO,MAAQG,EAEbV,KAAKW,UAAUC,KAAK,CACnBC,UAAWzB,EAAiBC,KAC5BqB,MAAOV,KAAKO,MACZO,IAAKd,KAAKe,MACT,EAvFFf,KAAKgB,EAAIC,EAAQjB,KAAKe,KACtB,CAkCD,YAAAG,CAAaC,GACZC,EAAanC,EAAkBkC,EAAU/B,EAAiBC,K,CAI3D,UAAAgC,CAAWF,GACVnB,KAAKsB,YAAYC,aAAa7B,EAAsByB,GACpDnB,KAAKsB,YAAYE,UAAUC,UAAUC,OAAOC,KAAKhC,IACjDK,KAAKsB,YAAYE,UAAUI,IAAIT,GAC/BU,EAAUnC,EAAsByB,E,CAKjC,gBAAYW,GACX,OAAOC,EAAUrC,E,CAGlB,eAAY4B,GACX,OAAOU,SAASC,e,CAGjB,4BAAYC,GACX,OAAOC,GAAYC,OAAOC,YAAcD,OAAOC,WAAW,gCAAgCC,O,CAG3F,iBAAAC,GACCvC,KAAKwC,mBACLxC,KAAKkB,aAAalB,KAAKC,K,CAGhB,gBAAAuC,GACP,MAAMC,EAAUf,OAAOC,KAAKhC,GAC5B,IAAI+C,EAAe1C,KAAK8B,aACxB,MAAMa,EAAY3C,KAAKsB,YAAYsB,aAAalD,GAEhD,GAAIgD,GAAgBD,EAAQI,SAASH,GAAe,CACnD1C,KAAKO,MAAQmC,C,MACP,GAAIC,GAAaF,EAAQI,SAASF,GAAY,CACpD3C,KAAKO,MAAQoC,C,KACP,CACN3C,KAAKO,MAAQZ,EAAUa,I,EAczB,MAAAsC,GACC,IAAIC,EAAS/C,KAAKO,QAAUZ,EAAUqD,KACtC,GAAIhD,KAAKO,QAAUZ,EAAUa,KAAM,CAClCuC,EAAS/C,KAAKkC,wB,CAEf,OACClB,EAACiC,EAAK,CAAAC,IAAA,2CAAAC,MAAOnD,KAAKgB,EAAEoC,QAAQhE,EAAiBC,MAC1CkB,MAAOwC,EAASpD,EAAUqD,KAAOrD,EAAU0D,MAC3CpD,KAAMD,KAAKC,MACbe,EAAA,UAAAkC,IAAA,2CAAQI,QAAS,IAAMtD,KAAKS,cAAcsC,EAASpD,EAAU0D,MAAQ1D,EAAUqD,MAC/D,eAAAhD,KAAKO,MAAK,aACZwC,EAAS/C,KAAKI,cAAgBJ,KAAKG,gBAChDa,EAAA,QAAAkC,IAAA,4CACClC,EAAA,QAAAkC,IAAA,2CAAMC,MAAO/D,EAAiBE,WAC5BK,EAAU0D,OAASrC,EAAU,YAAAkC,IAAA,2CAAAK,KAAK,MAAMJ,MAAO/D,EAAiBI,UAAWgE,KAAK,eAChF7D,EAAUqD,MAAQhC,EAAA,YAAAkC,IAAA,2CAAUK,KAAK,OAAOJ,MAAO/D,EAAiBK,SAAU+D,KAAK,gBAEhFxD,KAAKE,aACLc,EAAM,QAAAmC,MAAO/D,EAAiBG,OAC5BwD,EAAS/C,KAAKM,UAAYN,KAAKK,YAE7B,O","ignoreList":[]}
1	+ {"version":3,"names":["ThemeSwitchSizes","pick","Sizes","ThemeSwitchClass","root","indicator","label","iconLight","iconDark","ATTRIBUTE_THEME_NAME","ThemeList","GovThemeSwitch","__stencil_proxyCustomElement","HTMLElement","constructor","this","size","displayLabel","ariaLabelLight","ariaLabelDark","labelLight","labelDark","theme","auto","setThemeState","state","govChange","emit","component","ref","host","h","govHost","validateSize","newValue","validateProp","watchTheme","htmlElement","setAttribute","classList","remove","Object","keys","add","setCookie","storageValue","getCookie","document","documentElement","isSystemPrefersColorDark","isWindow","window","matchMedia","matches","componentWillLoad","initDefaultState","options","currentState","htmlState","getAttribute","includes","render","isDark","dark","Host","key","class","classes","light","onClick","name","type"],"sources":["../../../packages/core/src/components/gov-theme-switch/constants.ts","../../../packages/core/src/components/gov-theme-switch/gov-theme-switch.types.ts","../../../packages/core/src/components/gov-theme-switch/gov-theme-switch.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const ThemeSwitchSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type ThemeSwitchSizesType = `${ValueOf<typeof ThemeSwitchSizes>}`\n\nexport const ThemeSwitchClass = {\n\troot: 'gov-theme-switch',\n\tindicator: 'gov-theme-switch__indicator',\n\tlabel: 'gov-theme-switch__label',\n\ticonLight: 'gov-theme-switch__icon-light',\n\ticonDark: 'gov-theme-switch__icon-dark',\n}\n\nexport const ATTRIBUTE_THEME_NAME = 'data-theme'\n","import {GovBaseEvent} from \"../../types/event.types\";\n\nexport enum ThemeList {\n\tauto = 'auto',\n\tlight = 'light',\n\tdark = 'dark'\n}\n\nexport interface ThemeSwitchEvent extends GovBaseEvent {\n\tref: HTMLGovThemeSwitchElement;\n\tstate: ThemeList\n}\n\n","import {Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch} from \"@stencil/core\"\nimport {GovHost} from \"../../helpers/Dom/template.types\";\nimport {govHost} from \"../../helpers/Dom/template\";\nimport {ATTRIBUTE_THEME_NAME, ThemeSwitchClass, ThemeSwitchSizes, ThemeSwitchSizesType} from \"./constants\";\nimport {isWindow} from \"../../helpers/Dom/win\";\nimport {ThemeList, ThemeSwitchEvent} from \"./gov-theme-switch.types\";\nimport {validateProp} from \"../../helpers/Validate/props\";\nimport {getCookie, setCookie} from \"../../helpers/Dom/document\";\n\n@Component({\n\ttag: \"gov-theme-switch\",\n})\nexport class GovThemeSwitch {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovThemeSwitchElement\n\n\t/*\n\t Switch's size.\n\t /\n\t@Prop() readonly size?: ThemeSwitchSizesType = \"m\"\n\t/\n\t Display switch label\n\t /\n\t@Prop({attribute: \"display-label\"}) readonly displayLabel? = false\n\t/\n\t Label in light mode\n\t /\n\t@Prop({attribute: \"aria-label-light\"}) readonly ariaLabelLight? = \"Přepnout na tmavý mód\"\n\t/\n\t Label in dark mode\n\t /\n\t@Prop({attribute: \"aria-label-dark\"}) readonly ariaLabelDark? = \"Přepnout na světlý mód\"\n\t/\n\t Label in light mode\n\t /\n\t@Prop({attribute: \"label-light\"}) readonly labelLight? = \"Světlý mód\"\n\t/\n\t Label in dark mode\n\t /\n\t@Prop({attribute: \"label-dark\"}) readonly labelDark? = \"Tmavý mód\"\n\t/\n\t Called when the theme is changed by the user\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<ThemeSwitchEvent>\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(ThemeSwitchSizes, newValue, ThemeSwitchClass.root)\n\t}\n\n\t@Watch(\"theme\")\n\twatchTheme(newValue: ThemeList): void {\n\t\tthis.htmlElement.setAttribute(ATTRIBUTE_THEME_NAME, newValue);\n\t\tthis.htmlElement.classList.remove(...Object.keys(ThemeList));\n\t\tthis.htmlElement.classList.add(newValue);\n\t\tsetCookie(ATTRIBUTE_THEME_NAME, newValue);\n\t}\n\n\t@State() theme: ThemeList = ThemeList.auto\n\n\tprivate get storageValue() {\n\t\treturn getCookie(ATTRIBUTE_THEME_NAME)\n\t}\n\n\tprivate get htmlElement(): HTMLElement {\n\t\treturn document.documentElement\n\t}\n\n\tprivate get isSystemPrefersColorDark(): boolean {\n\t\treturn isWindow && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.initDefaultState()\n\t\tthis.validateSize(this.size)\n\t}\n\n\tprivate initDefaultState() {\n\t\tconst options = Object.keys(ThemeList);\n\t\tlet currentState = this.storageValue;\n\t\tconst htmlState = this.htmlElement.getAttribute(ATTRIBUTE_THEME_NAME)\n\n\t\tif (currentState && options.includes(currentState)) {\n\t\t\tthis.theme = currentState as ThemeList;\n\t\t} else if (htmlState && options.includes(htmlState)) {\n\t\t\tthis.theme = htmlState as ThemeList;\n\t\t} else {\n\t\t\tthis.theme = ThemeList.auto;\n\t\t}\n\t}\n\n\tprivate setThemeState = (state: ThemeList) => {\n\t\tthis.theme = state;\n\n\t\tthis.govChange.emit({\n\t\t\tcomponent: ThemeSwitchClass.root,\n\t\t\tstate: this.theme,\n\t\t\tref: this.host\n\t\t})\n\t}\n\n\trender() {\n\t\tlet isDark = this.theme === ThemeList.dark;\n\t\tif (this.theme === ThemeList.auto) {\n\t\t\tisDark = this.isSystemPrefersColorDark;\n\t\t}\n\t\treturn (\n\t\t\t<Host class={this.h.classes(ThemeSwitchClass.root)}\n\t\t\t\t theme={isDark ? ThemeList.dark : ThemeList.light}\n\t\t\t\t size={this.size}>\n\t\t\t\t<button onClick={() => this.setThemeState(isDark ? ThemeList.light : ThemeList.dark)}\n\t\t\t\t\t\taria-current={this.theme}\n\t\t\t\t\t\taria-label={isDark ? this.ariaLabelDark : this.ariaLabelLight}>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<span class={ThemeSwitchClass.indicator}>\n\t\t\t\t\t\t\t{ThemeList.light && <gov-icon name=\"sun\" class={ThemeSwitchClass.iconLight} type=\"components\"></gov-icon>}\n\t\t\t\t\t\t\t{ThemeList.dark && <gov-icon name=\"moon\" class={ThemeSwitchClass.iconDark} type=\"components\"></gov-icon>}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t{this.displayLabel ? (\n\t\t\t\t\t\t\t<span class={ThemeSwitchClass.label}>\n\t\t\t\t\t\t\t\t{isDark ? this.labelDark : this.labelLight}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t) : null\n\t\t\t\t\t\t}\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"4RAIO,MAAMA,EAAmBC,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,KAAM,QAG/D,MAAMC,EAAmB,CAC/BC,KAAM,mBACNC,UAAW,8BACXC,MAAO,0BACPC,UAAW,+BACXC,SAAU,+BAGJ,MAAMC,EAAuB,aCbpC,IAAYC,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,iBACAA,EAAA,cACA,EAJD,CAAYA,MAIX,K,MCMYC,EAAcC,EAAA,MAAAD,UAAAE,EAG1B,WAAAC,G,kEASiBC,KAAIC,KAA0B,IAIFD,KAAYE,aAAI,MAIbF,KAAcG,eAAI,wBAInBH,KAAaI,cAAI,yBAIrBJ,KAAUK,WAAK,aAIhBL,KAASM,UAAI,YAmB9CN,KAAAO,MAAmBZ,EAAUa,KAiC9BR,KAAAS,cAAiBC,IACxBV,KAAKO,MAAQG,EAEbV,KAAKW,UAAUC,KAAK,CACnBC,UAAWzB,EAAiBC,KAC5BqB,MAAOV,KAAKO,MACZO,IAAKd,KAAKe,MACT,EAvFFf,KAAKgB,EAAIC,EAAQjB,KAAKe,KACtB,CAkCD,YAAAG,CAAaC,GACZC,EAAanC,EAAkBkC,EAAU/B,EAAiBC,K,CAI3D,UAAAgC,CAAWF,GACVnB,KAAKsB,YAAYC,aAAa7B,EAAsByB,GACpDnB,KAAKsB,YAAYE,UAAUC,UAAUC,OAAOC,KAAKhC,IACjDK,KAAKsB,YAAYE,UAAUI,IAAIT,GAC/BU,EAAUnC,EAAsByB,E,CAKjC,gBAAYW,GACX,OAAOC,EAAUrC,E,CAGlB,eAAY4B,GACX,OAAOU,SAASC,e,CAGjB,4BAAYC,GACX,OAAOC,GAAYC,OAAOC,YAAcD,OAAOC,WAAW,gCAAgCC,O,CAG3F,iBAAAC,GACCvC,KAAKwC,mBACLxC,KAAKkB,aAAalB,KAAKC,K,CAGhB,gBAAAuC,GACP,MAAMC,EAAUf,OAAOC,KAAKhC,GAC5B,IAAI+C,EAAe1C,KAAK8B,aACxB,MAAMa,EAAY3C,KAAKsB,YAAYsB,aAAalD,GAEhD,GAAIgD,GAAgBD,EAAQI,SAASH,GAAe,CACnD1C,KAAKO,MAAQmC,C,MACP,GAAIC,GAAaF,EAAQI,SAASF,GAAY,CACpD3C,KAAKO,MAAQoC,C,KACP,CACN3C,KAAKO,MAAQZ,EAAUa,I,EAczB,MAAAsC,GACC,IAAIC,EAAS/C,KAAKO,QAAUZ,EAAUqD,KACtC,GAAIhD,KAAKO,QAAUZ,EAAUa,KAAM,CAClCuC,EAAS/C,KAAKkC,wB,CAEf,OACClB,EAACiC,EAAK,CAAAC,IAAA,2CAAAC,MAAOnD,KAAKgB,EAAEoC,QAAQhE,EAAiBC,MAC1CkB,MAAOwC,EAASpD,EAAUqD,KAAOrD,EAAU0D,MAC3CpD,KAAMD,KAAKC,MACbe,EAAA,UAAAkC,IAAA,2CAAQI,QAAS,IAAMtD,KAAKS,cAAcsC,EAASpD,EAAU0D,MAAQ1D,EAAUqD,MAC/D,eAAAhD,KAAKO,MAAK,aACZwC,EAAS/C,KAAKI,cAAgBJ,KAAKG,gBAChDa,EAAA,QAAAkC,IAAA,4CACClC,EAAA,QAAAkC,IAAA,2CAAMC,MAAO/D,EAAiBE,WAC5BK,EAAU0D,OAASrC,EAAU,YAAAkC,IAAA,2CAAAK,KAAK,MAAMJ,MAAO/D,EAAiBI,UAAWgE,KAAK,eAChF7D,EAAUqD,MAAQhC,EAAA,YAAAkC,IAAA,2CAAUK,KAAK,OAAOJ,MAAO/D,EAAiBK,SAAU+D,KAAK,gBAEhFxD,KAAKE,aACLc,EAAM,QAAAmC,MAAO/D,EAAiBG,OAC5BwD,EAAS/C,KAAKM,UAAYN,KAAKK,YAE7B,O","ignoreList":[]}

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

@@ -1,2 +1,2 @@
-import{p as t,H as e,h as s,F as o,a as i}from"./index.js";import{p as n}from"./p-CQvUntGY.js";import{S as a}from"./p-BcQO4NH2.js";import{g as c}from"./p-DKo9A5gq.js";import{d as r}from"./p-BJnSrRNH.js";n(a,["_S","_M","_L"]);const l={root:"gov-tile",link:"gov-tile__link",content:"gov-tile__content",text:"gov-tile__text",title:"gov-tile__title",icon:"gov-tile__icon",annotation:"gov-tile__annotation"};const f=t(class t extends e{constructor(){super();this.__registerHost();this.size="m";this.noBorder=false;this.h=c(this.host)}render(){return s(i,{key:"31fcebee125c753089b2229cea0033dce9aa3133",class:this.h.classes(l.root),size:this.size,orientation:this.orientation,clickable:this.href?true:null},s("slot",{key:"b79748ea55bb2e86d887860c1143d82d75497966",name:"icon"}),s("div",{key:"db8b61554f6943612c9d7165174926cfd205fcfb",class:l.content},s("div",{key:"e844267c106109d0470176d3c89539f8f987c70f",class:l.text},s("div",{key:"e4771f568d8848b87045293ebb10af5679f1a3b7",class:l.title},this.href?s(o,null,s("a",{href:this.href,target:this.target,class:l.link,ref:t=>this.triggerRef=t},s("slot",{name:"title"})),s("span",{class:l.icon},s("gov-icon",{name:"chevron-right",type:"components"}))):s("slot",{name:"title"})),s("div",{key:"cf1bf1a1c29e8879dc509b484325b82808db792a",class:`${l.annotation} ${this.href?`${l.annotation}--padding`:""}`},s("slot",{key:"9a10f28fd144f1131eae6735342da9a5d93665e2"}))),s("slot",{key:"067476f1a27bad0fb50d86789a729f93b1f1e5ad",name:"button"})))}async getTriggerRef(){return this.triggerRef}get host(){return this}},[4,"gov-tile",{size:[513],orientation:[1],noBorder:[4,"no-border"],href:[513],target:[1],getTriggerRef:[64]}]);function d(){if(typeof customElements==="undefined"){return}const t=["gov-tile","gov-icon"];t.forEach((t=>{switch(t){case"gov-tile":if(!customElements.get(t)){customElements.define(t,f)}break;case"gov-icon":if(!customElements.get(t)){r()}break}}))}d();const g=f;const m=d;export{g as GovTile,m as defineCustomElement};
+import{p as e,H as t,h as s,F as o,a as i}from"./index.js";import{p as n}from"./p-CQvUntGY.js";import{S as a}from"./p-BcQO4NH2.js";import{g as c}from"./p-DKo9A5gq.js";import{d as r}from"./p-BrdXh0mI.js";n(a,["_S","_M","_L"]);const f={root:"gov-tile",link:"gov-tile__link",content:"gov-tile__content",text:"gov-tile__text",title:"gov-tile__title",icon:"gov-tile__icon",annotation:"gov-tile__annotation"};const l=e(class e extends t{constructor(){super();this.__registerHost();this.size="m";this.noBorder=false;this.h=c(this.host)}render(){return s(i,{key:"675f324a6b643d22ae4b737f2049f0f1a51e4972",class:this.h.classes(f.root),size:this.size,orientation:this.orientation,clickable:this.href?true:null},s("slot",{key:"4dc974090359d27cd89e7b7af38f56fd016608d5",name:"icon"}),s("div",{key:"9d3c42f854fe4178886d6218cc99de44c6a27335",class:f.content},s("div",{key:"97891e205f08b2b4c81110bcb7bb3c4ed48362ed",class:f.text},s("div",{key:"6446384bd51f13aff4b9ff0144a4240fe1465b8d",class:f.title},this.href?s(o,null,s("a",{href:this.href,target:this.target,class:f.link,ref:e=>this.triggerRef=e},s("slot",{name:"title"})),s("span",{class:f.icon},s("gov-icon",{name:"chevron-right",type:"components"}))):s("slot",{name:"title"})),s("div",{key:"e25fe83f7f147582005341bb951ac2221bebbfbf",class:`${f.annotation} ${this.href?`${f.annotation}--padding`:""}`},s("slot",{key:"5c87e54b826d3e4fbb8231c19e66db7961e63a60"}))),s("slot",{key:"ab53f48d63dbc279788e4f83d77beb7eaabc1425",name:"button"})))}async getTriggerRef(){return this.triggerRef}get host(){return this}},[4,"gov-tile",{size:[513],orientation:[1],noBorder:[4,"no-border"],href:[513],target:[1],getTriggerRef:[64]}]);function d(){if(typeof customElements==="undefined"){return}const e=["gov-tile","gov-icon"];e.forEach((e=>{switch(e){case"gov-tile":if(!customElements.get(e)){customElements.define(e,l)}break;case"gov-icon":if(!customElements.get(e)){r()}break}}))}d();const b=l;const g=d;export{b as GovTile,g as defineCustomElement};
 //# sourceMappingURL=gov-tile.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"names":["pick","Sizes","TileClass","root","link","content","text","title","icon","annotation","GovTile","__stencil_proxyCustomElement","HTMLElement","constructor","this","size","noBorder","h","govHost","host","render","Host","key","class","classes","orientation","clickable","href","name","Fragment","target","ref","el","triggerRef","type","getTriggerRef"],"sources":["../../../packages/core/src/components/gov-tile/constants.ts","../../../packages/core/src/components/gov-tile/gov-tile.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 TileSizes = pick(Sizes, ['_S', '_M', '_L'])\r\nexport type TileSizesType = `${ValueOf<typeof TileSizes>}`\r\n\r\nexport const TileClass = {\r\n\troot: 'gov-tile',\r\n\tlink: 'gov-tile__link',\r\n\tcontent: 'gov-tile__content',\r\n\ttext: 'gov-tile__text',\r\n\ttitle: 'gov-tile__title',\r\n\ticon: 'gov-tile__icon',\r\n\tannotation: 'gov-tile__annotation',\r\n}\r\n","import {Component, Element, Fragment, h, Host, Method, Prop} from \"@stencil/core\"\r\nimport {TileClass, TileSizesType} from \"./constants\"\r\nimport {govHost} from \"../../helpers/Dom/template\"\r\nimport {GovHost} from \"../../helpers/Dom/template.types\"\r\nimport {ButtonTargetType} from \"../gov-button/button/constants\"\r\n\r\n@Component({\r\n\ttag: \"gov-tile\",\r\n})\r\nexport class GovTile {\r\n\t@Element() host: HTMLGovTileElement\r\n\t/*\r\n\t Tile’s size\r\n\t /\r\n\t@Prop({reflect: true}) readonly size?: TileSizesType = \"m\"\r\n\t/\r\n\t Style variation of the tile.\r\n\t /\r\n\t@Prop() readonly orientation: \"vertical\" \| \"horizontal\"\r\n\t/\r\n\t Tiles border\r\n\t /\r\n\t@Prop({ attribute: 'no-border' }) readonly noBorder: boolean = false\r\n\t/\r\n\t Link on whole tile\r\n\t /\r\n\t@Prop({reflect: true}) 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?: ButtonTargetType\r\n\tprivate triggerRef?: HTMLLinkElement \| HTMLSpanElement\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\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(TileClass.root)}\r\n\t\t\t\t size={this.size}\r\n\t\t\t\t orientation={this.orientation}\r\n\t\t\t\t clickable={this.href ? true : null}\r\n\t\t\t>\r\n\t\t\t\t<slot name=\"icon\"/>\r\n\t\t\t\t<div class={TileClass.content}>\r\n\t\t\t\t\t<div class={TileClass.text}>\r\n\t\t\t\t\t\t<div class={TileClass.title}>\r\n\t\t\t\t\t\t\t{this.href ? (\r\n\t\t\t\t\t\t\t\t<Fragment>\r\n\t\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\t\thref={this.href}\r\n\t\t\t\t\t\t\t\t\t\ttarget={this.target}\r\n\t\t\t\t\t\t\t\t\t\tclass={TileClass.link}\r\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRef = el as HTMLLinkElement \| HTMLSpanElement)}>\r\n\t\t\t\t\t\t\t\t\t\t<slot name=\"title\"/>\r\n\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t<span class={TileClass.icon}>\r\n\t\t\t\t\t\t\t\t\t\t<gov-icon name=\"chevron-right\" type=\"components\"></gov-icon>\r\n\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t</Fragment>\r\n\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t<slot name=\"title\"/>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class={`${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}`}>\r\n\t\t\t\t\t\t\t<slot/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<slot name=\"button\"/>\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 clickable element instance\r\n\t */\r\n\t@Method()\r\n\tasync getTriggerRef() {\r\n\t\treturn this.triggerRef\r\n\t}\r\n}\r\n"],"mappings":"2MAIyBA,EAAKC,EAAO,CAAC,KAAM,KAAM,OAG3C,MAAMC,EAAY,CACxBC,KAAM,WACNC,KAAM,iBACNC,QAAS,oBACTC,KAAM,iBACNC,MAAO,kBACPC,KAAM,iBACNC,WAAY,wB,MCLAC,EAAOC,EAAA,MAAAD,UAAAE,EA0BnB,WAAAC,G,8BArBgCC,KAAIC,KAAmB,IAQZD,KAAQE,SAAY,MAc9DF,KAAKG,EAAIC,EAAQJ,KAAKK,KACtB,CAED,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOT,KAAKG,EAAEO,QAAQtB,EAAUC,MACnCY,KAAMD,KAAKC,KACXU,YAAaX,KAAKW,YAClBC,UAAWZ,KAAKa,KAAO,KAAO,MAEhCV,EAAM,QAAAK,IAAA,2CAAAM,KAAK,SACXX,EAAA,OAAAK,IAAA,2CAAKC,MAAOrB,EAAUG,SACrBY,EAAA,OAAAK,IAAA,2CAAKC,MAAOrB,EAAUI,MACrBW,EAAA,OAAAK,IAAA,2CAAKC,MAAOrB,EAAUK,OACpBO,KAAKa,KACLV,EAACY,EAAQ,KACRZ,EAAA,KACCU,KAAMb,KAAKa,KACXG,OAAQhB,KAAKgB,OACbP,MAAOrB,EAAUE,KACjB2B,IAAKC,GAAOlB,KAAKmB,WAAaD,GAC9Bf,EAAA,QAAMW,KAAK,WAEZX,EAAA,QAAMM,MAAOrB,EAAUM,MACtBS,EAAU,YAAAW,KAAK,gBAAgBM,KAAK,iBAItCjB,EAAA,QAAMW,KAAK,WAGbX,EAAK,OAAAK,IAAA,2CAAAC,MAAO,GAAGrB,EAAUO,cAAcK,KAAKa,KAAO,GAAGzB,EAAUO,sBAAwB,MACvFQ,EAAA,QAAAK,IAAA,+CAGFL,EAAA,QAAAK,IAAA,2CAAMM,KAAK,Y,CAUf,mBAAMO,GACL,OAAOrB,KAAKmB,U","ignoreList":[]}
1	+ {"version":3,"names":["pick","Sizes","TileClass","root","link","content","text","title","icon","annotation","GovTile","__stencil_proxyCustomElement","HTMLElement","constructor","this","size","noBorder","h","govHost","host","render","Host","key","class","classes","orientation","clickable","href","name","Fragment","target","ref","el","triggerRef","type","getTriggerRef"],"sources":["../../../packages/core/src/components/gov-tile/constants.ts","../../../packages/core/src/components/gov-tile/gov-tile.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const TileSizes = pick(Sizes, ['_S', '_M', '_L'])\nexport type TileSizesType = `${ValueOf<typeof TileSizes>}`\n\nexport const TileClass = {\n\troot: 'gov-tile',\n\tlink: 'gov-tile__link',\n\tcontent: 'gov-tile__content',\n\ttext: 'gov-tile__text',\n\ttitle: 'gov-tile__title',\n\ticon: 'gov-tile__icon',\n\tannotation: 'gov-tile__annotation',\n}\n","import {Component, Element, Fragment, h, Host, Method, Prop} from \"@stencil/core\"\nimport {TileClass, TileSizesType} from \"./constants\"\nimport {govHost} from \"../../helpers/Dom/template\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {ButtonTargetType} from \"../gov-button/button/constants\"\n\n@Component({\n\ttag: \"gov-tile\",\n})\nexport class GovTile {\n\t@Element() host: HTMLGovTileElement\n\t/*\n\t Tile’s size\n\t /\n\t@Prop({reflect: true}) readonly size?: TileSizesType = \"m\"\n\t/\n\t Style variation of the tile.\n\t /\n\t@Prop() readonly orientation: \"vertical\" \| \"horizontal\"\n\t/\n\t Tiles border\n\t /\n\t@Prop({ attribute: 'no-border' }) readonly noBorder: boolean = false\n\t/\n\t Link on whole tile\n\t /\n\t@Prop({reflect: true}) 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?: ButtonTargetType\n\tprivate triggerRef?: HTMLLinkElement \| HTMLSpanElement\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(TileClass.root)}\n\t\t\t\t size={this.size}\n\t\t\t\t orientation={this.orientation}\n\t\t\t\t clickable={this.href ? true : null}\n\t\t\t>\n\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t<div class={TileClass.content}>\n\t\t\t\t\t<div class={TileClass.text}>\n\t\t\t\t\t\t<div class={TileClass.title}>\n\t\t\t\t\t\t\t{this.href ? (\n\t\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\thref={this.href}\n\t\t\t\t\t\t\t\t\t\ttarget={this.target}\n\t\t\t\t\t\t\t\t\t\tclass={TileClass.link}\n\t\t\t\t\t\t\t\t\t\tref={el => (this.triggerRef = el as HTMLLinkElement \| HTMLSpanElement)}>\n\t\t\t\t\t\t\t\t\t\t<slot name=\"title\"/>\n\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t<span class={TileClass.icon}>\n\t\t\t\t\t\t\t\t\t\t<gov-icon name=\"chevron-right\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<slot name=\"title\"/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class={`${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}`}>\n\t\t\t\t\t\t\t<slot/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<slot name=\"button\"/>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/\n\t Returns a clickable element instance\n\t */\n\t@Method()\n\tasync getTriggerRef() {\n\t\treturn this.triggerRef\n\t}\n}\n"],"mappings":"2MAIyBA,EAAKC,EAAO,CAAC,KAAM,KAAM,OAG3C,MAAMC,EAAY,CACxBC,KAAM,WACNC,KAAM,iBACNC,QAAS,oBACTC,KAAM,iBACNC,MAAO,kBACPC,KAAM,iBACNC,WAAY,wB,MCLAC,EAAOC,EAAA,MAAAD,UAAAE,EA0BnB,WAAAC,G,8BArBgCC,KAAIC,KAAmB,IAQZD,KAAQE,SAAY,MAc9DF,KAAKG,EAAIC,EAAQJ,KAAKK,KACtB,CAED,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOT,KAAKG,EAAEO,QAAQtB,EAAUC,MACnCY,KAAMD,KAAKC,KACXU,YAAaX,KAAKW,YAClBC,UAAWZ,KAAKa,KAAO,KAAO,MAEhCV,EAAM,QAAAK,IAAA,2CAAAM,KAAK,SACXX,EAAA,OAAAK,IAAA,2CAAKC,MAAOrB,EAAUG,SACrBY,EAAA,OAAAK,IAAA,2CAAKC,MAAOrB,EAAUI,MACrBW,EAAA,OAAAK,IAAA,2CAAKC,MAAOrB,EAAUK,OACpBO,KAAKa,KACLV,EAACY,EAAQ,KACRZ,EAAA,KACCU,KAAMb,KAAKa,KACXG,OAAQhB,KAAKgB,OACbP,MAAOrB,EAAUE,KACjB2B,IAAKC,GAAOlB,KAAKmB,WAAaD,GAC9Bf,EAAA,QAAMW,KAAK,WAEZX,EAAA,QAAMM,MAAOrB,EAAUM,MACtBS,EAAU,YAAAW,KAAK,gBAAgBM,KAAK,iBAItCjB,EAAA,QAAMW,KAAK,WAGbX,EAAK,OAAAK,IAAA,2CAAAC,MAAO,GAAGrB,EAAUO,cAAcK,KAAKa,KAAO,GAAGzB,EAAUO,sBAAwB,MACvFQ,EAAA,QAAAK,IAAA,+CAGFL,EAAA,QAAAK,IAAA,2CAAMM,KAAK,Y,CAUf,mBAAMO,GACL,OAAOrB,KAAKmB,U","ignoreList":[]}

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

@@ -1,2 +1,2 @@
-import{p as t,H as s,c as o,h as i,a as e}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";import{c as h}from"./p-vN03FcXN.js";import{A as l,a as d,i as m}from"./p-CXgom82_.js";import{d as b}from"./p-CWqMiVYH.js";import{d as f}from"./p-BJnSrRNH.js";const p=r(c,["PRIMARY","NEUTRAL","ERROR","SUCCESS","WARNING"]);var u;(function(t){t["BOLD"]="bold";t["SUBTLE"]="subtle"})(u||(u={}));const v={root:"gov-toast",hidden:"gov-toast--hidden",content:"gov-toast__content",icon:"gov-toast__icon",close:"gov-toast__close",timer:"gov-toast__timer"};const g=t(class t extends s{constructor(){super();this.__registerHost();this.govClose=o(this,"gov-close");this.color="primary";this.gravity="top";this.position="right";this.type="bold";this.time=0;this.inheritedAttributes={};this.h=n(this.host);this.toastId=h("GovToast")}validateColor(t){a(p,t,v.root)}componentDidLoad(){this.attributeObserver=new l(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(d)}componentWillLoad(){this.validateColor(this.color);this.runTimer();this.inheritedAttributes=m(this.host)}disconnectedCallback(){var t;clearTimeout(this.timeout);(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})}runTimer(){if(this.isTimer){this.timeout=setTimeout((()=>{this.host.classList.add(v.hidden);setTimeout((()=>{this.destroy().catch();this.govClose.emit(this.toastId)}),600)}),this.time)}}render(){return i(e,{key:"623b9b85e6b10894429d50c4624bac71808d29ad",class:this.h.classes(v.root),"data-toast-id":this.toastId,gravity:this.gravity,position:this.position,color:this.color,type:this.type,style:{"--toast-duration":this.time+"ms"}},this.h.hasSlot("icon")&&i("span",{key:"ae58b921c0aff0f678176c24d4cf69d05fb6cdab",class:v.icon},i("slot",{key:"40d58461b3e16abd1d4cd627057e986548ac63c1",name:"icon"})),i("div",Object.assign({key:"b003f0521f3fb5095b94280e2cf252b2a26ccaed",class:v.content},this.inheritedAttributes,{"aria-live":"polite",role:"status"}),i("slot",{key:"4743ada7cc1d31d6ca07871228d3fadc3576982f"})),i("gov-button",{key:"0d4e9bae29391f47389abbc2ada9ca9edaa13b97",size:"s","aria-label":this.accessibleCloseLabel,color:this.isBold?this.color:"neutral",type:"base","on-gov-click":this.onCloseHandler.bind(this),class:v.close},this.closeLabel?this.closeLabel:i("gov-icon",{name:"x-lg",type:"components"})),i("div",{key:"a8cb56376d11503abe586598f330476a45f59c8e",class:v.timer}))}onCloseHandler(){this.govClose.emit(this.toastId);this.destroy().catch()}get isBold(){return this.type==="bold"}get isTimer(){return Number.isInteger(this.time)&&this.time>0}async destroy(){clearTimeout(this.timeout);const t=document.querySelector(`[data-toast-id="${this.toastId}"]`);if(t){t.classList.add(v.hidden);if(typeof t.remove==="function"){t.remove()}}}get host(){return this}static get watchers(){return{color:["validateColor"]}}},[4,"gov-toast",{color:[1],gravity:[1],position:[1],type:[1],time:[2],closeLabel:[1,"close-label"],accessibleCloseLabel:[1,"accessible-close-label"],inheritedAttributes:[32],destroy:[64]},undefined,{color:["validateColor"]}]);function y(){if(typeof customElements==="undefined"){return}const t=["gov-toast","gov-button","gov-icon"];t.forEach((t=>{switch(t){case"gov-toast":if(!customElements.get(t)){customElements.define(t,g)}break;case"gov-button":if(!customElements.get(t)){b()}break;case"gov-icon":if(!customElements.get(t)){f()}break}}))}y();const C=g;const j=y;export{C as GovToast,j as defineCustomElement};
+import{p as t,H as s,c as o,h as i,a as e}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";import{c as h}from"./p-vN03FcXN.js";import{A as d,a as l,i as b}from"./p-CXgom82_.js";import{d as m}from"./p-djqfSbq-.js";import{d as f}from"./p-BrdXh0mI.js";const p=r(c,["PRIMARY","NEUTRAL","ERROR","SUCCESS","WARNING"]);var u;(function(t){t["BOLD"]="bold";t["SUBTLE"]="subtle"})(u||(u={}));const v={root:"gov-toast",hidden:"gov-toast--hidden",content:"gov-toast__content",icon:"gov-toast__icon",close:"gov-toast__close",timer:"gov-toast__timer"};const g=t(class t extends s{constructor(){super();this.__registerHost();this.govClose=o(this,"gov-close");this.color="primary";this.gravity="top";this.position="right";this.type="bold";this.time=0;this.inheritedAttributes={};this.h=n(this.host);this.toastId=h("GovToast")}validateColor(t){a(p,t,v.root)}componentDidLoad(){this.attributeObserver=new d(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(l)}componentWillLoad(){this.validateColor(this.color);this.runTimer();this.inheritedAttributes=b(this.host)}disconnectedCallback(){var t;clearTimeout(this.timeout);(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})}runTimer(){if(this.isTimer){this.timeout=setTimeout((()=>{this.host.classList.add(v.hidden);setTimeout((()=>{this.destroy().catch();this.govClose.emit(this.toastId)}),600)}),this.time)}}render(){return i(e,{key:"987e5c487dd42f713414dcb0db4c5324db61bc46",class:this.h.classes(v.root),"data-toast-id":this.toastId,gravity:this.gravity,position:this.position,color:this.color,type:this.type,style:{"--toast-duration":this.time+"ms"}},this.h.hasSlot("icon")&&i("span",{key:"1ebdf5e3b7a44dfa2c5489a3d23f5b7aff2368b4",class:v.icon},i("slot",{key:"be28a32d3ff38e6c9adcaee780cfab4b814c4291",name:"icon"})),i("div",Object.assign({key:"c8a8040d1b724d0e59d10a7dfde32870912c5bed",class:v.content},this.inheritedAttributes,{"aria-live":"polite",role:"status"}),i("slot",{key:"021b0fede68c4f897c28b1f6ef7b088d71740ec3"})),i("gov-button",{key:"1792f238afbba0ad073cd5513044b15d43cbe07b",size:"s","aria-label":this.accessibleCloseLabel,color:this.isBold?this.color:"neutral",type:"base","on-gov-click":this.onCloseHandler.bind(this),class:v.close},this.closeLabel?this.closeLabel:i("gov-icon",{name:"x-lg",type:"components"})),i("div",{key:"b467970959f395a2c14182d98a06b17e471611b4",class:v.timer}))}onCloseHandler(){this.govClose.emit(this.toastId);this.destroy().catch()}get isBold(){return this.type==="bold"}get isTimer(){return Number.isInteger(this.time)&&this.time>0}async destroy(){clearTimeout(this.timeout);const t=document.querySelector(`[data-toast-id="${this.toastId}"]`);if(t){t.classList.add(v.hidden);if(typeof t.remove==="function"){t.remove()}}}get host(){return this}static get watchers(){return{color:["validateColor"]}}},[4,"gov-toast",{color:[1],gravity:[1],position:[1],type:[1],time:[2],closeLabel:[1,"close-label"],accessibleCloseLabel:[1,"accessible-close-label"],inheritedAttributes:[32],destroy:[64]},undefined,{color:["validateColor"]}]);function y(){if(typeof customElements==="undefined"){return}const t=["gov-toast","gov-button","gov-icon"];t.forEach((t=>{switch(t){case"gov-toast":if(!customElements.get(t)){customElements.define(t,g)}break;case"gov-button":if(!customElements.get(t)){m()}break;case"gov-icon":if(!customElements.get(t)){f()}break}}))}y();const j=g;const k=y;export{j as GovToast,k as defineCustomElement};
 //# sourceMappingURL=gov-toast.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"names":["ToastColors","pick","Colors","ToastType","ToastClass","root","hidden","content","icon","close","timer","GovToast","__stencil_proxyCustomElement","HTMLElement","constructor","this","color","gravity","position","type","time","inheritedAttributes","h","govHost","host","toastId","createID","validateColor","newValue","validateProp","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","runTimer","inheritAriaAttributes","disconnectedCallback","clearTimeout","timeout","_a","stopObserving","removeAttribute","Object","assign","isTimer","setTimeout","classList","add","destroy","catch","govClose","emit","render","Host","key","class","classes","style","hasSlot","name","role","size","accessibleCloseLabel","isBold","onCloseHandler","bind","closeLabel","Number","isInteger","toast","document","querySelector","remove"],"sources":["../../../packages/core/src/components/gov-toast/constants.ts","../../../packages/core/src/components/gov-toast/gov-toast.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 ToastColors = pick(Colors, ['PRIMARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING'])\r\nexport type ToastColorType = `${ValueOf<typeof ToastColors>}`\r\n\r\nexport enum ToastType {\r\n\tBOLD = 'bold',\r\n\tSUBTLE = 'subtle',\r\n}\r\nexport type ToastTypesType = `${ValueOf<typeof ToastType>}`\r\n\r\nexport const ToastClass = {\r\n\troot: 'gov-toast',\r\n\thidden: 'gov-toast--hidden',\r\n\tcontent: 'gov-toast__content',\r\n\ticon: 'gov-toast__icon',\r\n\tclose: 'gov-toast__close',\r\n\ttimer: 'gov-toast__timer',\r\n}\r\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\r\nimport {validateProp} from \"../../helpers/Validate/props\"\r\nimport {ToastClass, ToastColors, ToastColorType, ToastTypesType} from \"./constants\"\r\nimport {govHost} from \"../../helpers/Dom/template\"\r\nimport {GovHost} from \"../../helpers/Dom/template.types\"\r\nimport {createID} from \"../../utils/string.utils\"\r\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\r\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\r\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\r\n\r\n@Component({\r\n\ttag: \"gov-toast\",\r\n})\r\nexport class GovToast {\r\n\tprivate h: GovHost\r\n\tprivate timeout\r\n\tprivate readonly toastId: string\r\n\tprivate attributeObserver: AttributeObserver\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t\tthis.toastId = createID(\"GovToast\")\r\n\t}\r\n\r\n\t@Element() host: HTMLGovToastElement\r\n\t/*\r\n\t Style variation of the toast message.\r\n\t /\r\n\t@Prop() readonly color?: ToastColorType = \"primary\"\r\n\r\n\t/\r\n\t Toast’s gravity\r\n\t /\r\n\t@Prop() readonly gravity: \"top\" \| \"bottom\" = \"top\"\r\n\t/\r\n\t Toast’s position\r\n\t /\r\n\t@Prop() readonly position: \"left\" \| \"center\" \| \"right\" = \"right\"\r\n\t/\r\n\t Toast type\r\n\t /\r\n\t@Prop() readonly type?: ToastTypesType = \"bold\"\r\n\t/\r\n\t Number of milliseconds to wait before Toast disappear\r\n\t /\r\n\t@Prop() readonly time: number = 0\r\n\t/\r\n\t Closing button texting instead of icons\r\n\t /\r\n\t@Prop({attribute: \"close-label\"}) readonly closeLabel: string\r\n\t/\r\n\t Aria label for the closing button. It is mandatory if the alert is closable\r\n\t /\r\n\t@Prop({attribute: \"accessible-close-label\"}) readonly accessibleCloseLabel: string\r\n\t/\r\n\t Called when the close button is clicked\r\n\t /\r\n\t@Event({eventName: \"gov-close\"}) govClose: EventEmitter<string>\r\n\r\n\t@Watch(\"color\")\r\n\tvalidateColor(newValue: string): void {\r\n\t\tvalidateProp(ToastColors, newValue, ToastClass.root)\r\n\t}\r\n\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(): void {\r\n\t\tthis.validateColor(this.color)\r\n\t\tthis.runTimer()\r\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\r\n\t}\r\n\r\n\r\n\tdisconnectedCallback() {\r\n\t\tclearTimeout(this.timeout)\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 runTimer() {\r\n\t\tif (this.isTimer) {\r\n\t\t\tthis.timeout = setTimeout(() => {\r\n\t\t\t\tthis.host.classList.add(ToastClass.hidden)\r\n\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\tthis.destroy().catch()\r\n\t\t\t\t\tthis.govClose.emit(this.toastId)\r\n\t\t\t\t}, 600)\r\n\t\t\t}, this.time)\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(ToastClass.root)}\r\n\t\t\t\tdata-toast-id={this.toastId}\r\n\t\t\t\tgravity={this.gravity}\r\n\t\t\t\tposition={this.position}\r\n\t\t\t\tcolor={this.color}\r\n\t\t\t\ttype={this.type}\r\n\t\t\t\tstyle={{\"--toast-duration\": this.time + \"ms\"}}\r\n\t\t\t>\r\n\t\t\t\t{this.h.hasSlot(\"icon\") && (\r\n\t\t\t\t\t<span class={ToastClass.icon}>\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={ToastClass.content} {...this.inheritedAttributes} aria-live=\"polite\" role=\"status\">\r\n\t\t\t\t\t<slot/>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<gov-button\r\n\t\t\t\t\tsize=\"s\"\r\n\t\t\t\t\taria-label={this.accessibleCloseLabel}\r\n\t\t\t\t\tcolor={this.isBold ? this.color : \"neutral\"}\r\n\t\t\t\t\ttype=\"base\"\r\n\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\r\n\t\t\t\t\tclass={ToastClass.close}\r\n\t\t\t\t>\r\n\t\t\t\t\t{this.closeLabel ? this.closeLabel : <gov-icon name=\"x-lg\" type=\"components\"></gov-icon>}\r\n\t\t\t\t</gov-button>\r\n\r\n\t\t\t\t<div class={ToastClass.timer}></div>\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\tprivate onCloseHandler(): void {\r\n\t\tthis.govClose.emit(this.toastId)\r\n\t\tthis.destroy().catch()\r\n\t}\r\n\r\n\tget isBold(): boolean {\r\n\t\treturn this.type === \"bold\"\r\n\t}\r\n\r\n\tget isTimer(): boolean {\r\n\t\treturn Number.isInteger(this.time) && this.time > 0\r\n\t}\r\n\r\n\t/\r\n\t Remove toast from dom\r\n\t */\r\n\t@Method()\r\n\tasync destroy(): Promise<void> {\r\n\t\tclearTimeout(this.timeout)\r\n\t\tconst toast = document.querySelector(`[data-toast-id=\"${this.toastId}\"]`)\r\n\t\tif (toast) {\r\n\t\t\ttoast.classList.add(ToastClass.hidden)\r\n\t\t\tif (typeof toast.remove === \"function\") {\r\n\t\t\t\ttoast.remove()\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["ToastColors","pick","Colors","ToastType","ToastClass","root","hidden","content","icon","close","timer","GovToast","__stencil_proxyCustomElement","HTMLElement","constructor","this","color","gravity","position","type","time","inheritedAttributes","h","govHost","host","toastId","createID","validateColor","newValue","validateProp","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","runTimer","inheritAriaAttributes","disconnectedCallback","clearTimeout","timeout","_a","stopObserving","removeAttribute","Object","assign","isTimer","setTimeout","classList","add","destroy","catch","govClose","emit","render","Host","key","class","classes","style","hasSlot","name","role","size","accessibleCloseLabel","isBold","onCloseHandler","bind","closeLabel","Number","isInteger","toast","document","querySelector","remove"],"sources":["../../../packages/core/src/components/gov-toast/constants.ts","../../../packages/core/src/components/gov-toast/gov-toast.tsx"],"sourcesContent":["import { Colors } from '../../core/constants/colors'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const ToastColors = pick(Colors, ['PRIMARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING'])\nexport type ToastColorType = `${ValueOf<typeof ToastColors>}`\n\nexport enum ToastType {\n\tBOLD = 'bold',\n\tSUBTLE = 'subtle',\n}\nexport type ToastTypesType = `${ValueOf<typeof ToastType>}`\n\nexport const ToastClass = {\n\troot: 'gov-toast',\n\thidden: 'gov-toast--hidden',\n\tcontent: 'gov-toast__content',\n\ticon: 'gov-toast__icon',\n\tclose: 'gov-toast__close',\n\ttimer: 'gov-toast__timer',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {ToastClass, ToastColors, ToastColorType, ToastTypesType} from \"./constants\"\nimport {govHost} from \"../../helpers/Dom/template\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {createID} from \"../../utils/string.utils\"\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: \"gov-toast\",\n})\nexport class GovToast {\n\tprivate h: GovHost\n\tprivate timeout\n\tprivate readonly toastId: string\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.toastId = createID(\"GovToast\")\n\t}\n\n\t@Element() host: HTMLGovToastElement\n\t/*\n\t Style variation of the toast message.\n\t /\n\t@Prop() readonly color?: ToastColorType = \"primary\"\n\n\t/\n\t Toast’s gravity\n\t /\n\t@Prop() readonly gravity: \"top\" \| \"bottom\" = \"top\"\n\t/\n\t Toast’s position\n\t /\n\t@Prop() readonly position: \"left\" \| \"center\" \| \"right\" = \"right\"\n\t/\n\t Toast type\n\t /\n\t@Prop() readonly type?: ToastTypesType = \"bold\"\n\t/\n\t Number of milliseconds to wait before Toast disappear\n\t /\n\t@Prop() readonly time: number = 0\n\t/\n\t Closing button texting instead of icons\n\t /\n\t@Prop({attribute: \"close-label\"}) readonly closeLabel: string\n\t/\n\t Aria label for the closing button. It is mandatory if the alert is closable\n\t /\n\t@Prop({attribute: \"accessible-close-label\"}) readonly accessibleCloseLabel: string\n\t/\n\t Called when the close button is clicked\n\t /\n\t@Event({eventName: \"gov-close\"}) govClose: EventEmitter<string>\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(ToastColors, newValue, ToastClass.root)\n\t}\n\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(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.runTimer()\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\n\tdisconnectedCallback() {\n\t\tclearTimeout(this.timeout)\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 runTimer() {\n\t\tif (this.isTimer) {\n\t\t\tthis.timeout = setTimeout(() => {\n\t\t\t\tthis.host.classList.add(ToastClass.hidden)\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tthis.destroy().catch()\n\t\t\t\t\tthis.govClose.emit(this.toastId)\n\t\t\t\t}, 600)\n\t\t\t}, this.time)\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes(ToastClass.root)}\n\t\t\t\tdata-toast-id={this.toastId}\n\t\t\t\tgravity={this.gravity}\n\t\t\t\tposition={this.position}\n\t\t\t\tcolor={this.color}\n\t\t\t\ttype={this.type}\n\t\t\t\tstyle={{\"--toast-duration\": this.time + \"ms\"}}\n\t\t\t>\n\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t<span class={ToastClass.icon}>\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={ToastClass.content} {...this.inheritedAttributes} aria-live=\"polite\" role=\"status\">\n\t\t\t\t\t<slot/>\n\t\t\t\t</div>\n\n\t\t\t\t<gov-button\n\t\t\t\t\tsize=\"s\"\n\t\t\t\t\taria-label={this.accessibleCloseLabel}\n\t\t\t\t\tcolor={this.isBold ? this.color : \"neutral\"}\n\t\t\t\t\ttype=\"base\"\n\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\tclass={ToastClass.close}\n\t\t\t\t>\n\t\t\t\t\t{this.closeLabel ? this.closeLabel : <gov-icon name=\"x-lg\" type=\"components\"></gov-icon>}\n\t\t\t\t</gov-button>\n\n\t\t\t\t<div class={ToastClass.timer}></div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onCloseHandler(): void {\n\t\tthis.govClose.emit(this.toastId)\n\t\tthis.destroy().catch()\n\t}\n\n\tget isBold(): boolean {\n\t\treturn this.type === \"bold\"\n\t}\n\n\tget isTimer(): boolean {\n\t\treturn Number.isInteger(this.time) && this.time > 0\n\t}\n\n\t/\n\t Remove toast from dom\n\t */\n\t@Method()\n\tasync destroy(): Promise<void> {\n\t\tclearTimeout(this.timeout)\n\t\tconst toast = document.querySelector(`[data-toast-id=\"${this.toastId}\"]`)\n\t\tif (toast) {\n\t\t\ttoast.classList.add(ToastClass.hidden)\n\t\t\tif (typeof toast.remove === \"function\") {\n\t\t\t\ttoast.remove()\n\t\t\t}\n\t\t}\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/gov-tooltip-content.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{G as o,d as s}from"./p-DZJk8GrA.js";const r=o;const t=s;export{r as GovTooltipContent,t as defineCustomElement};
+import{G as o,d as s}from"./p-UDT3DloZ.js";const t=o;const p=s;export{t as GovTooltipContent,p as defineCustomElement};
 //# sourceMappingURL=gov-tooltip-content.js.map

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

@@ -1,2 +1,2 @@
-import{G as o,d as s}from"./p-9VlKyZSl.js";const t=o;const p=s;export{t as GovTooltip,p as defineCustomElement};
+import{G as o,d as s}from"./p-DMVQRz4f.js";const t=o;const p=s;export{t as GovTooltip,p as defineCustomElement};
 //# sourceMappingURL=gov-tooltip.js.map

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

@@ -1,2 +1,2 @@
-import{p as s,H as t,c as i,h as e,a}from"./index.js";import{v as o}from"./p-BKP-F1qP.js";import{b as n,c}from"./p-CZr7GBEo.js";import{c as l}from"./p-vN03FcXN.js";import{g as r,b as d,c as h}from"./p-DKo9A5gq.js";import{d as m}from"./p-BJnSrRNH.js";var p;(function(s){s["DIV"]="div";s["BUTTON"]="button"})(p||(p={}));const b=s(class s extends t{constructor(){super();this.__registerHost();this.govChange=i(this,"gov-change");this.hydrated=false;this.color="primary";this.size="m";this.collapsible=false;this.disabled=false;this.isExpanded=false;this.h=r(this.host);this.triggerId=l("GovWizardItem");this.contentId=l("GovWizardContent")}validateColor(s){o(c,s,n.root)}emmitChange(){this.govChange.emit({expanded:this.isExpanded,component:n.root})}componentWillLoad(){this.validateColor(this.color)}connectedCallback(){this.hydrated=true}render(){const s=this.identifier||this.triggerId;const t=this.collapsible?p.BUTTON:p.DIV;const i=this.h.hasSlot("prefix")&&e("span",{key:"7a71f037abd3c10c7754b96089ca6d6ac9cdd9b8",class:n.prefix},e("slot",{key:"2098b7afb20be95e403b4306bc904828dd4a038e",name:"prefix"}));return e(a,{key:"2b152deb4456bad539e85ca2ccf815eefc0cb311",class:this.h.classes(n.root),"is-expanded":this.isExpanded,color:this.color,size:this.size,role:"listitem",collapsible:this.collapsible,hydrated:this.hydrated},e("div",{key:"8ad3628d1c591c3bb83c7aab740eb4f27b585cdb",class:n.header},i,this.collapsible?e(t,{id:s,class:this.h.classes(n.label),"aria-expanded":d(this.isExpanded),"aria-controls":this.contentId,disabled:this.disabled,"aria-disabled":h(this.disabled),onClick:s=>{s.preventDefault();s.stopPropagation();this.toggle()}},e("span",{class:n.headline},e("slot",{name:"headline"}),this.collapsible&&e("gov-icon",{class:n.chevron,name:"chevron-down",type:"components"})),e("slot",{name:"annotation"})):e(t,{class:this.h.classes(n.label)},e("span",{class:n.headline},e("slot",{name:"headline"}),this.collapsible&&e("gov-icon",{class:n.chevron,name:"chevron-down",type:"components"})),e("slot",{name:"annotation"}))),this.collapsible?e("div",{class:n.content,id:this.contentId,"aria-hidden":d(!this.isExpanded),hidden:!this.isExpanded,"aria-labelledby":s},e("slot",null)):e("div",{class:n.content,"aria-hidden":d(!this.isExpanded),hidden:!this.isExpanded},e("slot",null)))}async open(){this.isExpanded=true;this.emmitChange()}async close(){this.isExpanded=false;this.emmitChange()}async toggle(){this.isExpanded=!this.isExpanded;this.emmitChange()}async currentState(){return this.isExpanded}get host(){return this}static get watchers(){return{color:["validateColor"]}}},[4,"gov-wizard-item",{color:[1],size:[1],identifier:[1],collapsible:[4],disabled:[4],isExpanded:[1028,"is-expanded"],open:[64],close:[64],toggle:[64],currentState:[64]},undefined,{color:["validateColor"]}]);function f(){if(typeof customElements==="undefined"){return}const s=["gov-wizard-item","gov-icon"];s.forEach((s=>{switch(s){case"gov-wizard-item":if(!customElements.get(s)){customElements.define(s,b)}break;case"gov-icon":if(!customElements.get(s)){m()}break}}))}f();const u=b;const v=f;export{u as GovWizardItem,v as defineCustomElement};
+import{p as s,H as t,c as i,h as e,a}from"./index.js";import{v as o}from"./p-BKP-F1qP.js";import{b as n,c}from"./p-CZr7GBEo.js";import{c as h}from"./p-vN03FcXN.js";import{g as l,b as r,c as d}from"./p-DKo9A5gq.js";import{d as m}from"./p-BrdXh0mI.js";var p;(function(s){s["DIV"]="div";s["BUTTON"]="button"})(p||(p={}));const f=s(class s extends t{constructor(){super();this.__registerHost();this.govChange=i(this,"gov-change");this.hydrated=false;this.color="primary";this.size="m";this.collapsible=false;this.disabled=false;this.isExpanded=false;this.h=l(this.host);this.triggerId=h("GovWizardItem");this.contentId=h("GovWizardContent")}validateColor(s){o(c,s,n.root)}emmitChange(){this.govChange.emit({expanded:this.isExpanded,component:n.root})}componentWillLoad(){this.validateColor(this.color)}connectedCallback(){this.hydrated=true}render(){const s=this.identifier||this.triggerId;const t=this.collapsible?p.BUTTON:p.DIV;const i=this.h.hasSlot("prefix")&&e("span",{key:"10144e93de98bf60873fa6c244c4129b040b8bae",class:n.prefix},e("slot",{key:"a946028d94e0c159cf4c91fa1773467c8203a5f2",name:"prefix"}));return e(a,{key:"f33ced4d5d8f57bec50cc8ebce6f12cf2145833d",class:this.h.classes(n.root),"is-expanded":this.isExpanded,color:this.color,size:this.size,role:"listitem",collapsible:this.collapsible,hydrated:this.hydrated},e("div",{key:"872e3e164b4cca4955c2ba4cf0a2d88563f50fc5",class:n.header},i,this.collapsible?e(t,{id:s,class:this.h.classes(n.label),"aria-expanded":r(this.isExpanded),"aria-controls":this.contentId,disabled:this.disabled,"aria-disabled":d(this.disabled),onClick:s=>{s.preventDefault();s.stopPropagation();this.toggle()}},e("span",{class:n.headline},e("slot",{name:"headline"}),this.collapsible&&e("gov-icon",{class:n.chevron,name:"chevron-down",type:"components"})),e("slot",{name:"annotation"})):e(t,{class:this.h.classes(n.label)},e("span",{class:n.headline},e("slot",{name:"headline"}),this.collapsible&&e("gov-icon",{class:n.chevron,name:"chevron-down",type:"components"})),e("slot",{name:"annotation"}))),this.collapsible?e("div",{class:n.content,id:this.contentId,"aria-hidden":r(!this.isExpanded),hidden:!this.isExpanded,"aria-labelledby":s},e("slot",null)):e("div",{class:n.content,"aria-hidden":r(!this.isExpanded),hidden:!this.isExpanded},e("slot",null)))}async open(){this.isExpanded=true;this.emmitChange()}async close(){this.isExpanded=false;this.emmitChange()}async toggle(){this.isExpanded=!this.isExpanded;this.emmitChange()}async currentState(){return this.isExpanded}get host(){return this}static get watchers(){return{color:["validateColor"]}}},[4,"gov-wizard-item",{color:[1],size:[1],identifier:[1],collapsible:[4],disabled:[4],isExpanded:[1028,"is-expanded"],open:[64],close:[64],toggle:[64],currentState:[64]},undefined,{color:["validateColor"]}]);function u(){if(typeof customElements==="undefined"){return}const s=["gov-wizard-item","gov-icon"];s.forEach((s=>{switch(s){case"gov-wizard-item":if(!customElements.get(s)){customElements.define(s,f)}break;case"gov-icon":if(!customElements.get(s)){m()}break}}))}u();const v=f;const b=u;export{v as GovWizardItem,b as defineCustomElement};
 //# sourceMappingURL=gov-wizard-item.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"names":["Tags","GovWizardItem","__stencil_proxyCustomElement","HTMLElement","constructor","this","hydrated","color","size","collapsible","disabled","isExpanded","h","govHost","host","triggerId","createID","contentId","validateColor","newValue","validateProp","WizardColors","WizardItemClass","root","emmitChange","govChange","emit","expanded","component","componentWillLoad","connectedCallback","render","identifier","Tag","BUTTON","DIV","prefixSlot","hasSlot","key","class","prefix","name","Host","classes","role","header","id","label","booleanString","toBoolAttrIfDefined","onClick","e","preventDefault","stopPropagation","toggle","headline","chevron","type","content","hidden","open","close","currentState"],"sources":["../../../packages/core/src/components/gov-wizard/gov-wizard-item.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\r\nimport { validateProp } from \"../../helpers/Validate/props\"\r\nimport { WizardSizesType, WizardColors, WizardColorType, WizardItemClass } from \"./constants\"\r\nimport { createID } from \"../../utils/string.utils\"\r\nimport { booleanString, govHost, toBoolAttrIfDefined } from \"../../helpers/Dom/template\"\r\nimport { GovHost } from \"../../helpers/Dom/template.types\"\r\nimport { WizardItemEvent } from \"./gov-wizard-item.types\"\r\n\r\nenum Tags {\r\n\tDIV = \"div\",\r\n\tBUTTON = \"button\",\r\n}\r\n\r\n@Component({\r\n\ttag: \"gov-wizard-item\",\r\n})\r\nexport class GovWizardItem {\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(\"GovWizardItem\")\r\n\t\tthis.contentId = createID(\"GovWizardContent\")\r\n\t}\r\n\r\n\t@Element() readonly host: HTMLGovWizardItemElement\r\n\t/*\r\n\t Style variation of the button.\r\n\t /\r\n\t@Prop() readonly color?: WizardColorType = \"primary\"\r\n\t/\r\n\t Size of wizard\r\n\t /\r\n\t@Prop() readonly size?: WizardSizesType = \"m\"\r\n\t/\r\n\t Custom wizard item identifier. Otherwise, it will be generated\r\n\t /\r\n\t@Prop() readonly identifier: string\r\n\t/\r\n\t Defines weather the wizard item can be collapsible\r\n\t /\r\n\t@Prop() readonly collapsible: boolean = false\r\n\t/\r\n\t Makes the wizard component disabled.\r\n\t /\r\n\t@Prop() readonly disabled: boolean = false\r\n\t/\r\n\t Defines whether the accordion is open or closed by button\r\n\t /\r\n\t@Prop({ attribute: \"is-expanded\", mutable: true }) isExpanded = false\r\n\t/\r\n\t Called when the accordion state changes\r\n\t /\r\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<WizardItemEvent>\r\n\r\n\t@Watch(\"color\")\r\n\tprivate validateColor(newValue: string): void {\r\n\t\tvalidateProp(WizardColors, newValue, WizardItemClass.root)\r\n\t}\r\n\r\n\tprivate emmitChange(): void {\r\n\t\tthis.govChange.emit({ expanded: this.isExpanded, component: WizardItemClass.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 Tag = this.collapsible ? Tags.BUTTON : Tags.DIV\r\n\t\tconst prefixSlot = this.h.hasSlot(\"prefix\") && (<span class={WizardItemClass.prefix}><slot name=\"prefix\" /></span>)\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={this.h.classes(WizardItemClass.root)}\r\n\t\t\t\t is-expanded={this.isExpanded}\r\n\t\t\t\t color={this.color}\r\n\t\t\t\t size={this.size}\r\n\t\t\t\t role=\"listitem\"\r\n\t\t\t\t collapsible={this.collapsible}\r\n\t\t\t\t hydrated={this.hydrated}>\r\n\t\t\t\t<div class={WizardItemClass.header}>\r\n\t\t\t\t\t{prefixSlot}\r\n\t\t\t\t\t{this.collapsible ? (\r\n\t\t\t\t\t\t<Tag\r\n\t\t\t\t\t\t\tid={triggerId}\r\n\t\t\t\t\t\t\tclass={this.h.classes(WizardItemClass.label)}\r\n\t\t\t\t\t\t\taria-expanded={booleanString(this.isExpanded)}\r\n\t\t\t\t\t\t\taria-controls={this.contentId}\r\n\t\t\t\t\t\t\tdisabled={this.disabled}\r\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\r\n\t\t\t\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\t\t\t\te.preventDefault()\r\n\t\t\t\t\t\t\t\te.stopPropagation()\r\n\t\t\t\t\t\t\t\tthis.toggle()\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<span class={WizardItemClass.headline}>\r\n\t\t\t\t\t\t\t\t<slot name=\"headline\" />\r\n\t\t\t\t\t\t\t\t{this.collapsible && <gov-icon class={WizardItemClass.chevron} name=\"chevron-down\" type=\"components\"></gov-icon>}\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t<slot name=\"annotation\"/>\r\n\t\t\t\t\t\t</Tag>\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t<Tag class={this.h.classes(WizardItemClass.label)}>\r\n\t\t\t\t\t\t\t<span class={WizardItemClass.headline}>\r\n\t\t\t\t\t\t\t\t<slot name=\"headline\" />\r\n\t\t\t\t\t\t\t\t{this.collapsible && <gov-icon class={WizardItemClass.chevron} name=\"chevron-down\" type=\"components\"></gov-icon>}\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t<slot name=\"annotation\"/>\r\n\t\t\t\t\t\t</Tag>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t\t{this.collapsible ? (\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass={WizardItemClass.content}\r\n\t\t\t\t\t\tid={this.contentId}\r\n\t\t\t\t\t\taria-hidden={booleanString(!this.isExpanded)}\r\n\t\t\t\t\t\thidden={!this.isExpanded}\r\n\t\t\t\t\t\taria-labelledby={triggerId}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<slot />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<div class={WizardItemClass.content}\r\n\t\t\t\t\t\t aria-hidden={booleanString(!this.isExpanded)}\r\n\t\t\t\t\t\t hidden={!this.isExpanded}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<slot />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</Host>\r\n\t\t)\r\n\t}\r\n\r\n\t/\r\n\t Opening the Wizard\r\n\t /\r\n\t@Method()\r\n\tasync open(): Promise<void> {\r\n\t\tthis.isExpanded = true\r\n\t\tthis.emmitChange()\r\n\t}\r\n\r\n\t/\r\n\t Closing the Wizard\r\n\t /\r\n\t@Method()\r\n\tpublic async close(): Promise<void> {\r\n\t\tthis.isExpanded = false\r\n\t\tthis.emmitChange()\r\n\t}\r\n\r\n\t/\r\n\t Wizard switch\r\n\t /\r\n\t@Method()\r\n\tpublic async toggle(): Promise<void> {\r\n\t\tthis.isExpanded = !this.isExpanded\r\n\t\tthis.emmitChange()\r\n\t}\r\n\r\n\t/\r\n\t Returns the current state of the component\r\n\t */\r\n\t@Method()\r\n\tpublic async currentState(): Promise<boolean> {\r\n\t\treturn this.isExpanded\r\n\t}\r\n}\r\n"],"mappings":"0PAQA,IAAKA,GAAL,SAAKA,GACJA,EAAA,aACAA,EAAA,kBACA,EAHD,CAAKA,MAGJ,K,MAKYC,EAAaC,EAAA,MAAAD,UAAAE,EAMzB,WAAAC,G,kEAFQC,KAAQC,SAAG,MAYFD,KAAKE,MAAqB,UAI1BF,KAAIG,KAAqB,IAQzBH,KAAWI,YAAY,MAIvBJ,KAAQK,SAAY,MAIcL,KAAUM,WAAG,MA7B/DN,KAAKO,EAAIC,EAAQR,KAAKS,MACtBT,KAAKU,UAAYC,EAAS,iBAC1BX,KAAKY,UAAYD,EAAS,mBAC1B,CAiCO,aAAAE,CAAcC,GACrBC,EAAaC,EAAcF,EAAUG,EAAgBC,K,CAG9C,WAAAC,GACPnB,KAAKoB,UAAUC,KAAK,CAAEC,SAAUtB,KAAKM,WAAYiB,UAAWN,EAAgBC,M,CAG7E,iBAAAM,GACCxB,KAAKa,cAAcb,KAAKE,M,CAGzB,iBAAAuB,GACCzB,KAAKC,SAAW,I,CAGjB,MAAAyB,GACC,MAAMhB,EAAYV,KAAK2B,YAAc3B,KAAKU,UAC1C,MAAMkB,EAAM5B,KAAKI,YAAcT,EAAKkC,OAASlC,EAAKmC,IAClD,MAAMC,EAAa/B,KAAKO,EAAEyB,QAAQ,WAAczB,EAAA,QAAA0B,IAAA,2CAAMC,MAAOjB,EAAgBkB,QAAQ5B,EAAA,QAAA0B,IAAA,2CAAMG,KAAK,YAEhG,OACC7B,EAAC8B,EAAI,CAAAJ,IAAA,2CAACC,MAAOlC,KAAKO,EAAE+B,QAAQrB,EAAgBC,MAAK,cACjClB,KAAKM,WAClBJ,MAAOF,KAAKE,MACZC,KAAMH,KAAKG,KACXoC,KAAK,WACLnC,YAAaJ,KAAKI,YAClBH,SAAUD,KAAKC,UACjBM,EAAA,OAAA0B,IAAA,2CAAKC,MAAOjB,EAAgBuB,QAC1BT,EACA/B,KAAKI,YACLG,EAACqB,EACA,CAAAa,GAAI/B,EACJwB,MAAOlC,KAAKO,EAAE+B,QAAQrB,EAAgByB,OACvB,gBAAAC,EAAc3C,KAAKM,YACnB,gBAAAN,KAAKY,UACpBP,SAAUL,KAAKK,SAAQ,gBACRuC,EAAoB5C,KAAKK,UACxCwC,QAAUC,IACTA,EAAEC,iBACFD,EAAEE,kBACFhD,KAAKiD,QAAQ,GAGd1C,EAAA,QAAM2B,MAAOjB,EAAgBiC,UAC5B3C,EAAM,QAAA6B,KAAK,aACVpC,KAAKI,aAAeG,EAAA,YAAU2B,MAAOjB,EAAgBkC,QAASf,KAAK,eAAegB,KAAK,gBAEzF7C,EAAM,QAAA6B,KAAK,gBAGZ7B,EAACqB,EAAG,CAACM,MAAOlC,KAAKO,EAAE+B,QAAQrB,EAAgByB,QAC1CnC,EAAA,QAAM2B,MAAOjB,EAAgBiC,UAC5B3C,EAAM,QAAA6B,KAAK,aACVpC,KAAKI,aAAeG,EAAA,YAAU2B,MAAOjB,EAAgBkC,QAASf,KAAK,eAAegB,KAAK,gBAEzF7C,EAAA,QAAM6B,KAAK,iBAIbpC,KAAKI,YACLG,EAAA,OACC2B,MAAOjB,EAAgBoC,QACvBZ,GAAIzC,KAAKY,UAAS,cACL+B,GAAe3C,KAAKM,YACjCgD,QAAStD,KAAKM,WAAU,kBACPI,GAEjBH,EAAQ,cAGTA,EAAA,OAAK2B,MAAOjB,EAAgBoC,QAAO,cACpBV,GAAe3C,KAAKM,YACjCgD,QAAStD,KAAKM,YAEfC,EAAA,c,CAWL,UAAMgD,GACLvD,KAAKM,WAAa,KAClBN,KAAKmB,a,CAOC,WAAMqC,GACZxD,KAAKM,WAAa,MAClBN,KAAKmB,a,CAOC,YAAM8B,GACZjD,KAAKM,YAAcN,KAAKM,WACxBN,KAAKmB,a,CAOC,kBAAMsC,GACZ,OAAOzD,KAAKM,U","ignoreList":[]}
1	+ {"version":3,"names":["Tags","GovWizardItem","__stencil_proxyCustomElement","HTMLElement","constructor","this","hydrated","color","size","collapsible","disabled","isExpanded","h","govHost","host","triggerId","createID","contentId","validateColor","newValue","validateProp","WizardColors","WizardItemClass","root","emmitChange","govChange","emit","expanded","component","componentWillLoad","connectedCallback","render","identifier","Tag","BUTTON","DIV","prefixSlot","hasSlot","key","class","prefix","name","Host","classes","role","header","id","label","booleanString","toBoolAttrIfDefined","onClick","e","preventDefault","stopPropagation","toggle","headline","chevron","type","content","hidden","open","close","currentState"],"sources":["../../../packages/core/src/components/gov-wizard/gov-wizard-item.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { WizardSizesType, WizardColors, WizardColorType, WizardItemClass } from \"./constants\"\nimport { createID } from \"../../utils/string.utils\"\nimport { booleanString, govHost, toBoolAttrIfDefined } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { WizardItemEvent } from \"./gov-wizard-item.types\"\n\nenum Tags {\n\tDIV = \"div\",\n\tBUTTON = \"button\",\n}\n\n@Component({\n\ttag: \"gov-wizard-item\",\n})\nexport class GovWizardItem {\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(\"GovWizardItem\")\n\t\tthis.contentId = createID(\"GovWizardContent\")\n\t}\n\n\t@Element() readonly host: HTMLGovWizardItemElement\n\t/*\n\t Style variation of the button.\n\t /\n\t@Prop() readonly color?: WizardColorType = \"primary\"\n\t/\n\t Size of wizard\n\t /\n\t@Prop() readonly size?: WizardSizesType = \"m\"\n\t/\n\t Custom wizard item identifier. Otherwise, it will be generated\n\t /\n\t@Prop() readonly identifier: string\n\t/\n\t Defines weather the wizard item can be collapsible\n\t /\n\t@Prop() readonly collapsible: boolean = false\n\t/\n\t Makes the wizard component disabled.\n\t /\n\t@Prop() readonly disabled: boolean = false\n\t/\n\t Defines whether the accordion is open or closed by button\n\t /\n\t@Prop({ attribute: \"is-expanded\", mutable: true }) isExpanded = false\n\t/\n\t Called when the accordion state changes\n\t /\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<WizardItemEvent>\n\n\t@Watch(\"color\")\n\tprivate validateColor(newValue: string): void {\n\t\tvalidateProp(WizardColors, newValue, WizardItemClass.root)\n\t}\n\n\tprivate emmitChange(): void {\n\t\tthis.govChange.emit({ expanded: this.isExpanded, component: WizardItemClass.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 Tag = this.collapsible ? Tags.BUTTON : Tags.DIV\n\t\tconst prefixSlot = this.h.hasSlot(\"prefix\") && (<span class={WizardItemClass.prefix}><slot name=\"prefix\" /></span>)\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(WizardItemClass.root)}\n\t\t\t\t is-expanded={this.isExpanded}\n\t\t\t\t color={this.color}\n\t\t\t\t size={this.size}\n\t\t\t\t role=\"listitem\"\n\t\t\t\t collapsible={this.collapsible}\n\t\t\t\t hydrated={this.hydrated}>\n\t\t\t\t<div class={WizardItemClass.header}>\n\t\t\t\t\t{prefixSlot}\n\t\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\tid={triggerId}\n\t\t\t\t\t\t\tclass={this.h.classes(WizardItemClass.label)}\n\t\t\t\t\t\t\taria-expanded={booleanString(this.isExpanded)}\n\t\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.toggle()\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span class={WizardItemClass.headline}>\n\t\t\t\t\t\t\t\t<slot name=\"headline\" />\n\t\t\t\t\t\t\t\t{this.collapsible && <gov-icon class={WizardItemClass.chevron} name=\"chevron-down\" type=\"components\"></gov-icon>}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<slot name=\"annotation\"/>\n\t\t\t\t\t\t</Tag>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Tag class={this.h.classes(WizardItemClass.label)}>\n\t\t\t\t\t\t\t<span class={WizardItemClass.headline}>\n\t\t\t\t\t\t\t\t<slot name=\"headline\" />\n\t\t\t\t\t\t\t\t{this.collapsible && <gov-icon class={WizardItemClass.chevron} name=\"chevron-down\" type=\"components\"></gov-icon>}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<slot name=\"annotation\"/>\n\t\t\t\t\t\t</Tag>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={WizardItemClass.content}\n\t\t\t\t\t\tid={this.contentId}\n\t\t\t\t\t\taria-hidden={booleanString(!this.isExpanded)}\n\t\t\t\t\t\thidden={!this.isExpanded}\n\t\t\t\t\t\taria-labelledby={triggerId}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<div class={WizardItemClass.content}\n\t\t\t\t\t\t aria-hidden={booleanString(!this.isExpanded)}\n\t\t\t\t\t\t hidden={!this.isExpanded}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/\n\t Opening the Wizard\n\t /\n\t@Method()\n\tasync open(): Promise<void> {\n\t\tthis.isExpanded = true\n\t\tthis.emmitChange()\n\t}\n\n\t/\n\t Closing the Wizard\n\t /\n\t@Method()\n\tpublic async close(): Promise<void> {\n\t\tthis.isExpanded = false\n\t\tthis.emmitChange()\n\t}\n\n\t/\n\t Wizard switch\n\t /\n\t@Method()\n\tpublic async toggle(): Promise<void> {\n\t\tthis.isExpanded = !this.isExpanded\n\t\tthis.emmitChange()\n\t}\n\n\t/\n\t Returns the current state of the component\n\t */\n\t@Method()\n\tpublic async currentState(): Promise<boolean> {\n\t\treturn this.isExpanded\n\t}\n}\n"],"mappings":"0PAQA,IAAKA,GAAL,SAAKA,GACJA,EAAA,aACAA,EAAA,kBACA,EAHD,CAAKA,MAGJ,K,MAKYC,EAAaC,EAAA,MAAAD,UAAAE,EAMzB,WAAAC,G,kEAFQC,KAAQC,SAAG,MAYFD,KAAKE,MAAqB,UAI1BF,KAAIG,KAAqB,IAQzBH,KAAWI,YAAY,MAIvBJ,KAAQK,SAAY,MAIcL,KAAUM,WAAG,MA7B/DN,KAAKO,EAAIC,EAAQR,KAAKS,MACtBT,KAAKU,UAAYC,EAAS,iBAC1BX,KAAKY,UAAYD,EAAS,mBAC1B,CAiCO,aAAAE,CAAcC,GACrBC,EAAaC,EAAcF,EAAUG,EAAgBC,K,CAG9C,WAAAC,GACPnB,KAAKoB,UAAUC,KAAK,CAAEC,SAAUtB,KAAKM,WAAYiB,UAAWN,EAAgBC,M,CAG7E,iBAAAM,GACCxB,KAAKa,cAAcb,KAAKE,M,CAGzB,iBAAAuB,GACCzB,KAAKC,SAAW,I,CAGjB,MAAAyB,GACC,MAAMhB,EAAYV,KAAK2B,YAAc3B,KAAKU,UAC1C,MAAMkB,EAAM5B,KAAKI,YAAcT,EAAKkC,OAASlC,EAAKmC,IAClD,MAAMC,EAAa/B,KAAKO,EAAEyB,QAAQ,WAAczB,EAAA,QAAA0B,IAAA,2CAAMC,MAAOjB,EAAgBkB,QAAQ5B,EAAA,QAAA0B,IAAA,2CAAMG,KAAK,YAEhG,OACC7B,EAAC8B,EAAI,CAAAJ,IAAA,2CAACC,MAAOlC,KAAKO,EAAE+B,QAAQrB,EAAgBC,MAAK,cACjClB,KAAKM,WAClBJ,MAAOF,KAAKE,MACZC,KAAMH,KAAKG,KACXoC,KAAK,WACLnC,YAAaJ,KAAKI,YAClBH,SAAUD,KAAKC,UACjBM,EAAA,OAAA0B,IAAA,2CAAKC,MAAOjB,EAAgBuB,QAC1BT,EACA/B,KAAKI,YACLG,EAACqB,EACA,CAAAa,GAAI/B,EACJwB,MAAOlC,KAAKO,EAAE+B,QAAQrB,EAAgByB,OACvB,gBAAAC,EAAc3C,KAAKM,YACnB,gBAAAN,KAAKY,UACpBP,SAAUL,KAAKK,SAAQ,gBACRuC,EAAoB5C,KAAKK,UACxCwC,QAAUC,IACTA,EAAEC,iBACFD,EAAEE,kBACFhD,KAAKiD,QAAQ,GAGd1C,EAAA,QAAM2B,MAAOjB,EAAgBiC,UAC5B3C,EAAM,QAAA6B,KAAK,aACVpC,KAAKI,aAAeG,EAAA,YAAU2B,MAAOjB,EAAgBkC,QAASf,KAAK,eAAegB,KAAK,gBAEzF7C,EAAM,QAAA6B,KAAK,gBAGZ7B,EAACqB,EAAG,CAACM,MAAOlC,KAAKO,EAAE+B,QAAQrB,EAAgByB,QAC1CnC,EAAA,QAAM2B,MAAOjB,EAAgBiC,UAC5B3C,EAAM,QAAA6B,KAAK,aACVpC,KAAKI,aAAeG,EAAA,YAAU2B,MAAOjB,EAAgBkC,QAASf,KAAK,eAAegB,KAAK,gBAEzF7C,EAAA,QAAM6B,KAAK,iBAIbpC,KAAKI,YACLG,EAAA,OACC2B,MAAOjB,EAAgBoC,QACvBZ,GAAIzC,KAAKY,UAAS,cACL+B,GAAe3C,KAAKM,YACjCgD,QAAStD,KAAKM,WAAU,kBACPI,GAEjBH,EAAQ,cAGTA,EAAA,OAAK2B,MAAOjB,EAAgBoC,QAAO,cACpBV,GAAe3C,KAAKM,YACjCgD,QAAStD,KAAKM,YAEfC,EAAA,c,CAWL,UAAMgD,GACLvD,KAAKM,WAAa,KAClBN,KAAKmB,a,CAOC,WAAMqC,GACZxD,KAAKM,WAAa,MAClBN,KAAKmB,a,CAOC,YAAM8B,GACZjD,KAAKM,YAAcN,KAAKM,WACxBN,KAAKmB,a,CAOC,kBAAMsC,GACZ,OAAOzD,KAAKM,U","ignoreList":[]}

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

@@ -1,2 +1,2 @@
-import{p as s,H as t,c as e,h as a,a as i}from"./index.js";import{v as o}from"./p-BKP-F1qP.js";import{W as r,a as c,b as n}from"./p-CZr7GBEo.js";import{g as d}from"./p-DKo9A5gq.js";import{a as l}from"./p-Nvj7WFs_.js";import{c as h}from"./p-DrPpH_9c.js";import{d as m}from"./p-CQvUntGY.js";const p=s(class s extends t{constructor(){super();this.__registerHost();this.govChange=e(this,"gov-change");this.hydrated=false;this.size="m";this.h=d(this.host)}validateSize(s){o(c,s,r.root)}componentWillLoad(){this.validateSize(this.size)}componentDidLoad(){this.host.querySelectorAll(n.root).forEach((s=>{s.setAttribute("size",this.size)}))}async componentDidRender(){if(h()){await m(500);await this.validateWcag()}}connectedCallback(){this.hydrated=true}render(){return a(i,{key:"0b400b9a4f82a9477e87a314eb54928b66038912",class:this.h.classes(r.root),role:"list",size:this.size,hydrated:this.hydrated},a("slot",{key:"27f601048d97c94aca98594c98028209081b5690"}))}async validateWcag(){l(this.wcagLabel,this.wcagLabelledBy,r.root)}get host(){return this}static get watchers(){return{size:["validateSize"]}}},[4,"gov-wizard",{size:[1],wcagLabel:[1,"wcag-label"],wcagLabelledBy:[1,"wcag-labelled-by"],validateWcag:[64]},undefined,{size:["validateSize"]}]);function f(){if(typeof customElements==="undefined"){return}const s=["gov-wizard"];s.forEach((s=>{switch(s){case"gov-wizard":if(!customElements.get(s)){customElements.define(s,p)}break}}))}f();const g=p;const b=f;export{g as GovWizard,b as defineCustomElement};
+import{p as s,H as t,c as e,h as a,a as i}from"./index.js";import{v as o}from"./p-BKP-F1qP.js";import{W as c,a as r,b as d}from"./p-CZr7GBEo.js";import{g as n}from"./p-DKo9A5gq.js";import{a as l}from"./p-Nvj7WFs_.js";import{c as h}from"./p-DrPpH_9c.js";import{d as m}from"./p-CQvUntGY.js";const p=s(class s extends t{constructor(){super();this.__registerHost();this.govChange=e(this,"gov-change");this.hydrated=false;this.size="m";this.h=n(this.host)}validateSize(s){o(r,s,c.root)}componentWillLoad(){this.validateSize(this.size)}componentDidLoad(){this.host.querySelectorAll(d.root).forEach((s=>{s.setAttribute("size",this.size)}))}async componentDidRender(){if(h()){await m(500);await this.validateWcag()}}connectedCallback(){this.hydrated=true}render(){return a(i,{key:"5d1d08b27c5a8b266d209841d4cfda654081124c",class:this.h.classes(c.root),role:"list",size:this.size,hydrated:this.hydrated},a("slot",{key:"c17071c8a7bed0dee95deec69c0ce1c668160209"}))}async validateWcag(){l(this.wcagLabel,this.wcagLabelledBy,c.root)}get host(){return this}static get watchers(){return{size:["validateSize"]}}},[4,"gov-wizard",{size:[1],wcagLabel:[1,"wcag-label"],wcagLabelledBy:[1,"wcag-labelled-by"],validateWcag:[64]},undefined,{size:["validateSize"]}]);function f(){if(typeof customElements==="undefined"){return}const s=["gov-wizard"];s.forEach((s=>{switch(s){case"gov-wizard":if(!customElements.get(s)){customElements.define(s,p)}break}}))}f();const g=p;const u=f;export{g as GovWizard,u as defineCustomElement};
 //# sourceMappingURL=gov-wizard.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"names":["GovWizard","__stencil_proxyCustomElement","HTMLElement","constructor","this","hydrated","size","h","govHost","host","validateSize","newValue","validateProp","WizardSizes","WizardClass","root","componentWillLoad","componentDidLoad","querySelectorAll","WizardItemClass","forEach","child","setAttribute","componentDidRender","canValidateWcagOnRender","delay","validateWcag","connectedCallback","render","Host","key","class","classes","role","validateAccessibleLabel","wcagLabel","wcagLabelledBy"],"sources":["../../../packages/core/src/components/gov-wizard/gov-wizard.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\r\nimport { validateProp } from \"../../helpers/Validate/props\"\r\nimport { WizardSizes, WizardSizesType, WizardClass, WizardItemClass } from \"./constants\"\r\nimport { GovWizardItemChangeEvent } from \"./gov-wizard-item.d\"\r\nimport { govHost } from \"../../helpers/Dom/template\"\r\nimport { GovHost } from \"../../helpers/Dom/template.types\"\r\nimport { validateAccessibleLabel } from \"../../helpers/Validate/wcag\"\r\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\r\nimport { delay } from \"../../utils/utils\"\r\n\r\n@Component({\r\n\ttag: \"gov-wizard\",\r\n})\r\nexport class GovWizard {\r\n\tprivate h: GovHost\r\n\tprivate hydrated = false\r\n\r\n\t@Element() readonly host: HTMLGovWizardElement\r\n\r\n\tconstructor() {\r\n\t\tthis.h = govHost(this.host)\r\n\t}\r\n\r\n\t/*\r\n\t Size of wizard\r\n\t /\r\n\t@Prop() readonly size?: WizardSizesType = \"m\"\r\n\t/\r\n\t Adds accessible label for the wizard that is only shown for screen readers.\r\n\t /\r\n\t@Prop({ attribute: \"wcag-label\" }) readonly wcagLabel: string\r\n\t/\r\n\t String of id's that indicate alternative labels elements\r\n\t /\r\n\t@Prop({ attribute: \"wcag-labelled-by\" }) readonly wcagLabelledBy: string\r\n\t/\r\n\t Called when the wizard children state changes\r\n\t /\r\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<GovWizardItemChangeEvent>\r\n\r\n\t@Watch(\"size\")\r\n\tprivate validateSize(newValue: string): void {\r\n\t\tvalidateProp(WizardSizes, newValue, WizardClass.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(WizardItemClass.root).forEach((child: HTMLGovWizardItemElement) => {\r\n\t\t\tchild.setAttribute(\"size\", this.size)\r\n\t\t\t/\r\n\t\t\tchild.addEventListener('gov-change', (e: GovWizardItemCustomEvent<GovWizardItemChangeEvent>) => {\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\t/\r\n\t\t})\r\n\t}\r\n\r\n\tasync componentDidRender() {\r\n\t\tif (canValidateWcagOnRender()) {\r\n\t\t\tawait delay(500)\r\n\t\t\tawait this.validateWcag()\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(WizardClass.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\t/\r\n\t Validate the WCAG attributes of the component\r\n\t */\r\n\t@Method()\r\n\tpublic async validateWcag(): Promise<void> {\r\n\t\tvalidateAccessibleLabel(this.wcagLabel, this.wcagLabelledBy, WizardClass.root)\r\n\t}\r\n}\r\n"],"mappings":"uSAaaA,EAASC,EAAA,MAAAD,UAAAE,EAMrB,WAAAC,G,kEAJQC,KAAQC,SAAG,MAWFD,KAAIE,KAAqB,IANzCF,KAAKG,EAAIC,EAAQJ,KAAKK,KACtB,CAoBO,YAAAC,CAAaC,GACpBC,EAAaC,EAAaF,EAAUG,EAAYC,K,CAGjD,iBAAAC,GACCZ,KAAKM,aAAaN,KAAKE,K,CAGxB,gBAAAW,GACCb,KAAKK,KAAKS,iBAAiBC,EAAgBJ,MAAMK,SAASC,IACzDA,EAAMC,aAAa,OAAQlB,KAAKE,KAAK,G,CAUvC,wBAAMiB,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACNrB,KAAKsB,c,EAIb,iBAAAC,GACCvB,KAAKC,SAAW,I,CAGjB,MAAAuB,GACC,OACCrB,EAACsB,EAAI,CAAAC,IAAA,2CAACC,MAAO3B,KAAKG,EAAEyB,QAAQlB,EAAYC,MAAOkB,KAAK,OAAO3B,KAAMF,KAAKE,KAAMD,SAAUD,KAAKC,UAC1FE,EAAQ,QAAAuB,IAAA,6C,CASJ,kBAAMJ,GACZQ,EAAwB9B,KAAK+B,UAAW/B,KAAKgC,eAAgBtB,EAAYC,K","ignoreList":[]}
1	+ {"version":3,"names":["GovWizard","__stencil_proxyCustomElement","HTMLElement","constructor","this","hydrated","size","h","govHost","host","validateSize","newValue","validateProp","WizardSizes","WizardClass","root","componentWillLoad","componentDidLoad","querySelectorAll","WizardItemClass","forEach","child","setAttribute","componentDidRender","canValidateWcagOnRender","delay","validateWcag","connectedCallback","render","Host","key","class","classes","role","validateAccessibleLabel","wcagLabel","wcagLabelledBy"],"sources":["../../../packages/core/src/components/gov-wizard/gov-wizard.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { WizardSizes, WizardSizesType, WizardClass, WizardItemClass } from \"./constants\"\nimport { GovWizardItemChangeEvent } from \"./gov-wizard-item.d\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { validateAccessibleLabel } from \"../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\nimport { delay } from \"../../utils/utils\"\n\n@Component({\n\ttag: \"gov-wizard\",\n})\nexport class GovWizard {\n\tprivate h: GovHost\n\tprivate hydrated = false\n\n\t@Element() readonly host: HTMLGovWizardElement\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t/*\n\t Size of wizard\n\t /\n\t@Prop() readonly size?: WizardSizesType = \"m\"\n\t/\n\t Adds accessible label for the wizard that is only shown for screen readers.\n\t /\n\t@Prop({ attribute: \"wcag-label\" }) readonly wcagLabel: string\n\t/\n\t String of id's that indicate alternative labels elements\n\t /\n\t@Prop({ attribute: \"wcag-labelled-by\" }) readonly wcagLabelledBy: string\n\t/\n\t Called when the wizard children state changes\n\t /\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<GovWizardItemChangeEvent>\n\n\t@Watch(\"size\")\n\tprivate validateSize(newValue: string): void {\n\t\tvalidateProp(WizardSizes, newValue, WizardClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.host.querySelectorAll(WizardItemClass.root).forEach((child: HTMLGovWizardItemElement) => {\n\t\t\tchild.setAttribute(\"size\", this.size)\n\t\t\t/\n\t\t\tchild.addEventListener('gov-change', (e: GovWizardItemCustomEvent<GovWizardItemChangeEvent>) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.govChange.emit(e.detail)\n\t\t\t})\n\t\t\t/\n\t\t})\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\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(WizardClass.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\t/\n\t Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tpublic async validateWcag(): Promise<void> {\n\t\tvalidateAccessibleLabel(this.wcagLabel, this.wcagLabelledBy, WizardClass.root)\n\t}\n}\n"],"mappings":"uSAaaA,EAASC,EAAA,MAAAD,UAAAE,EAMrB,WAAAC,G,kEAJQC,KAAQC,SAAG,MAWFD,KAAIE,KAAqB,IANzCF,KAAKG,EAAIC,EAAQJ,KAAKK,KACtB,CAoBO,YAAAC,CAAaC,GACpBC,EAAaC,EAAaF,EAAUG,EAAYC,K,CAGjD,iBAAAC,GACCZ,KAAKM,aAAaN,KAAKE,K,CAGxB,gBAAAW,GACCb,KAAKK,KAAKS,iBAAiBC,EAAgBJ,MAAMK,SAASC,IACzDA,EAAMC,aAAa,OAAQlB,KAAKE,KAAK,G,CAUvC,wBAAMiB,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACNrB,KAAKsB,c,EAIb,iBAAAC,GACCvB,KAAKC,SAAW,I,CAGjB,MAAAuB,GACC,OACCrB,EAACsB,EAAI,CAAAC,IAAA,2CAACC,MAAO3B,KAAKG,EAAEyB,QAAQlB,EAAYC,MAAOkB,KAAK,OAAO3B,KAAMF,KAAKE,KAAMD,SAAUD,KAAKC,UAC1FE,EAAQ,QAAAuB,IAAA,6C,CASJ,kBAAMJ,GACZQ,EAAwB9B,KAAK+B,UAAW/B,KAAKgC,eAAgBtB,EAAYC,K","ignoreList":[]}

package/dist/components/p-4i8qDRtu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["AccordionSizes","pick","Sizes","AccordionClass","root","AccordionItemClass","disabled","details","summary","icon","title","right","arrow","content"],"sources":["../../../packages/core/src/components/gov-accordion/constants.ts"],"sourcesContent":["import { Sizes } from '../../core/constants/sizes'\r\nimport { pick } from '../../utils/utils'\r\nimport { ValueOf } from '../../types/interfaces'\r\n\r\nexport const AccordionSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\r\nexport type AccordionSizeType = `${ValueOf<typeof AccordionSizes>}`\r\n\r\nexport const AccordionClass = {\r\n\troot: 'gov-accordion',\r\n}\r\n\r\nexport const AccordionItemClass = {\r\n\troot: 'gov-accordion-item',\r\n\tdisabled: 'gov-accordion-item--disabled',\r\n\tdetails: 'gov-accordion-item__details',\r\n\tsummary: 'gov-accordion-item__summary',\r\n\ticon: 'gov-accordion-item__icon',\r\n\ttitle: 'gov-accordion-item__title',\r\n\tsuffix: 'gov-accordion-item__suffix',\r\n\tright: 'gov-accordion-item__right',\r\n\tarrow: 'gov-accordion-item__arrow',\r\n\tcontent: 'gov-accordion-item__content',\r\n}\r\n"],"mappings":"8EAIaA,EAAiBC,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,KAAM,QAGvD,MAAAC,EAAiB,CAC7BC,KAAM,iBAGM,MAAAC,EAAqB,CACjCD,KAAM,qBACNE,SAAU,+BACVC,QAAS,8BACTC,QAAS,8BACTC,KAAM,2BACNC,MAAO,4BAEPC,MAAO,4BACPC,MAAO,4BACPC,QAAS,sC","ignoreList":[]}
1	+ {"version":3,"names":["AccordionSizes","pick","Sizes","AccordionClass","root","AccordionItemClass","disabled","details","summary","icon","title","right","arrow","content"],"sources":["../../../packages/core/src/components/gov-accordion/constants.ts"],"sourcesContent":["import { Sizes } from '../../core/constants/sizes'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const AccordionSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type AccordionSizeType = `${ValueOf<typeof AccordionSizes>}`\n\nexport const AccordionClass = {\n\troot: 'gov-accordion',\n}\n\nexport const AccordionItemClass = {\n\troot: 'gov-accordion-item',\n\tdisabled: 'gov-accordion-item--disabled',\n\tdetails: 'gov-accordion-item__details',\n\tsummary: 'gov-accordion-item__summary',\n\ticon: 'gov-accordion-item__icon',\n\ttitle: 'gov-accordion-item__title',\n\tsuffix: 'gov-accordion-item__suffix',\n\tright: 'gov-accordion-item__right',\n\tarrow: 'gov-accordion-item__arrow',\n\tcontent: 'gov-accordion-item__content',\n}\n"],"mappings":"8EAIaA,EAAiBC,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,KAAM,QAGvD,MAAAC,EAAiB,CAC7BC,KAAM,iBAGM,MAAAC,EAAqB,CACjCD,KAAM,qBACNE,SAAU,+BACVC,QAAS,8BACTC,QAAS,8BACTC,KAAM,2BACNC,MAAO,4BAEPC,MAAO,4BACPC,MAAO,4BACPC,QAAS,sC","ignoreList":[]}

package/dist/components/p-5itQzbON.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["Fragment","_","children"],"sources":["../../../packages/core/src/helpers/Fragment.tsx"],"sourcesContent":["export default (_, children) => [...children]\r\n"],"mappings":"AAAA,IAAAA,EAAe,CAACC,EAAGC,IAAa,IAAIA,U","ignoreList":[]}
1	+ {"version":3,"names":["Fragment","_","children"],"sources":["../../../packages/core/src/helpers/Fragment.tsx"],"sourcesContent":["export default (_, children) => [...children]\n"],"mappings":"AAAA,IAAAA,EAAe,CAACC,EAAGC,IAAa,IAAIA,U","ignoreList":[]}

package/dist/components/p-9imLQpxb.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["FormAutocompleteSizes","pick","Sizes","FormAutocompleteClass","root","list","item","empty","loading","FormControlClass","holder","bottom","FormInputSizes","InputTypes","Type","FormInputClass","icons","FormSelectSizes","FormSelectClass","FormMultiselectSizes","FormMultiSelectClass","wrap","FormSwitchSizes","FormSwitchClass","input","indicator","label","noLabel","FormCheckboxSizes","FormCheckboxClass","check","indeterminate","FormRadioSizes","FormRadioClass","govForm","govHost","passAttrToControl","name","value","this","control","setAttribute","passAttrToLabel","hasGroupChildren","querySelectorAll","length","hostElement","getParent","innerLabel","querySelector","FormLabelClass","mainElementsInControl","formElements","elements","map","el","join","Array","from","messageElements","FormMessageClass"],"sources":["../../../packages/core/src/components/gov-form/autocomplete/constants.ts","../../../packages/core/src/components/gov-form/control/constants.ts","../../../packages/core/src/components/gov-form/input/constants.ts","../../../packages/core/src/components/gov-form/select/constants.ts","../../../packages/core/src/components/gov-form/multiselect/constants.ts","../../../packages/core/src/components/gov-form/switch/constants.ts","../../../packages/core/src/components/gov-form/checkbox/constants.ts","../../../packages/core/src/components/gov-form/radio/constants.ts","../../../packages/core/src/helpers/Dom/form.ts"],"sourcesContent":["import { Sizes } from '../../../core/constants/sizes'\r\nimport { pick } from '../../../utils/utils'\r\nimport { ValueOf } from '../../../types/interfaces'\r\n\r\nexport const FormAutocompleteSizes = pick(Sizes, ['_XS','_S', '_M', '_L', '_XL'])\r\nexport type SizesType = `${ValueOf<typeof FormAutocompleteSizes>}`\r\n\r\nexport const FormAutocompleteClass = {\r\n\troot: 'gov-form-autocomplete',\r\n\tlist: 'gov-form-autocomplete__list',\r\n\titem: 'gov-form-autocomplete__item',\r\n\tempty: 'gov-form-autocomplete__item--empty',\r\n\tloading: 'gov-form-autocomplete__item--loading',\r\n}\r\n","import { Sizes } from '../../../core/constants/sizes'\r\nimport { pick } from '../../../utils/utils'\r\nimport { ValueOf } from '../../../types/interfaces'\r\n\r\nexport const FormControlSizes = pick(Sizes, ['_M', '_L', '_XL'])\r\nexport type FormControlSizesType = `${ValueOf<typeof FormControlSizes>}`\r\n\r\nexport const FormControlClass = {\r\n\troot: 'gov-form-control',\r\n\tholder: 'gov-form-control__holder',\r\n\tbottom: 'gov-form-control__bottom',\r\n}\r\n","import { Sizes } from '../../../core/constants/sizes'\r\nimport { ValueOf } from '../../../types/interfaces'\r\nimport { pick } from '../../../utils/utils'\r\n\r\nexport const FormInputSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\r\nexport type FormInputSizesType = `${ValueOf<typeof FormInputSizes>}`\r\n\r\nexport enum InputTypes {\r\n\tCOLOR = 'color',\r\n\tDATE = 'date',\r\n\tDATETIME_LOCAL = 'datetime-local',\r\n\tEMAIL = 'email',\r\n\tMONTH = 'month',\r\n\tNUMBER = 'number',\r\n\tPASSWORD = 'password',\r\n\tSEARCH = 'search',\r\n\tTEL = 'tel',\r\n\tTEXT = 'text',\r\n\tTIME = 'time',\r\n\tURL = 'url',\r\n\tWEEK = 'week',\r\n}\r\nexport type InputType = `${ValueOf<typeof InputTypes>}`\r\n\r\nexport enum Type {\r\n\tRESET = 'reset',\r\n}\r\nexport type TypesType = `${ValueOf<typeof Type>}`\r\n\r\nexport const FormInputClass = {\r\n\troot: 'gov-form-input',\r\n\ticons: 'gov-form-input__icons',\r\n}\r\n","import { Sizes } from '../../../core/constants/sizes'\r\nimport { pick } from '../../../utils/utils'\r\nimport { ValueOf } from '../../../types/interfaces'\r\n\r\nexport const FormSelectSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\r\nexport type FormSelectSizesType = `${ValueOf<typeof FormSelectSizes>}`\r\n\r\nexport const FormSelectClass = {\r\n\troot: 'gov-form-select',\r\n\ticon: 'gov-form-select__icon',\r\n}\r\n","import { Sizes } from '../../../core/constants/sizes'\r\nimport { pick } from '../../../utils/utils'\r\nimport { ValueOf } from '../../../types/interfaces'\r\n\r\nexport const FormMultiselectSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\r\nexport type FormMultiselectSizesType = `${ValueOf<typeof FormMultiselectSizes>}`\r\n\r\nexport const FormMultiSelectClass = {\r\n\troot: 'gov-form-multi-select',\r\n\twrap: 'gov-form-multi-select__wrap',\r\n\tlist: 'gov-form-multi-select__list',\r\n\titem: 'gov-form-multi-select__item',\r\n}\r\n","import { Sizes } from '../../../core/constants/sizes'\r\nimport { ValueOf } from '../../../types/interfaces'\r\nimport { pick } from '../../../utils/utils'\r\n\r\nexport const FormSwitchSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\r\nexport type FormSwitchSizesType = `${ValueOf<typeof FormSwitchSizes>}`\r\n\r\nexport const FormSwitchClass = {\r\n\troot: 'gov-form-switch',\r\n\tholder: 'gov-form-switch__holder',\r\n\tinput: 'gov-form-switch__input',\r\n\tindicator: 'gov-form-switch__indicator',\r\n\tlabel: 'gov-form-switch__label',\r\n\tnoLabel: 'gov-form-switch__no-label',\r\n}\r\n","import { Sizes } from '../../../core/constants/sizes'\r\nimport { pick } from '../../../utils/utils'\r\nimport { ValueOf } from '../../../types/interfaces'\r\n\r\nexport const FormCheckboxSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\r\nexport type FormCheckboxSizesType = `${ValueOf<typeof FormCheckboxSizes>}`\r\n\r\nexport const FormCheckboxClass = {\r\n\troot: 'gov-form-checkbox',\r\n\tcheck: 'gov-form-checkbox__check',\r\n\tindeterminate: 'gov-form-checkbox__indeterminate',\r\n\tlabel: 'gov-form-checkbox__label',\r\n}\r\n","import { Sizes } from '../../../core/constants/sizes'\r\nimport { pick } from '../../../utils/utils'\r\nimport { ValueOf } from '../../../types/interfaces'\r\n\r\nexport const FormRadioSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\r\nexport type FormRadioSizesType = `${ValueOf<typeof FormRadioSizes>}`\r\n\r\nexport const FormRadioClass = {\r\n\troot: 'gov-form-radio',\r\n\tinput: 'gov-form-radio__input',\r\n\tindicator: 'gov-form-radio__indicator',\r\n\tlabel: 'gov-form-radio__label',\r\n}\r\n","import { GovHost } from './template.types'\r\nimport { GovForm } from './form.types'\r\nimport { FormControlClass } from '../../components/gov-form/control/constants'\r\nimport { FormInputClass } from '../../components/gov-form/input/constants'\r\nimport { FormSelectClass } from '../../components/gov-form/select/constants'\r\nimport { FormMultiSelectClass } from '../../components/gov-form/multiselect/constants'\r\nimport { FormSwitchClass } from '../../components/gov-form/switch/constants'\r\nimport { FormCheckboxClass } from '../../components/gov-form/checkbox/constants'\r\nimport { FormRadioClass } from '../../components/gov-form/radio/constants'\r\nimport { FormMessageClass } from '../../components/gov-form/message/constants'\r\nimport { FormAutocompleteClass } from '../../components/gov-form/autocomplete/constants'\r\nimport { Nullable } from '../../types/interfaces'\r\nimport { FormLabelClass } from \"../../components/gov-form/label/constants\"\r\n\r\nexport const govForm = (govHost: GovHost): GovForm => {\r\n\treturn {\r\n\t\tget govHost(): GovHost {\r\n\t\t\treturn govHost\r\n\t\t},\r\n\t\tpassAttrToControl(name: string, value: string): void {\r\n\t\t\tif (this.control) {\r\n\t\t\t\tthis.control.setAttribute(name, value)\r\n\t\t\t}\r\n\t\t},\r\n\t\tpassAttrToLabel(name: string, value: string): void {\r\n\t\t\tif (this.label) {\r\n\t\t\t\tthis.label.setAttribute(name, value)\r\n\t\t\t}\r\n\t\t},\r\n\t\tget hasGroupChildren(): boolean {\r\n\t\t\tif (this.control) {\r\n\t\t\t\treturn this.control.querySelectorAll('gov-form-group > , gov-form-radio-group > , gov-form-checkbox-group > *').length > 1\r\n\t\t\t}\r\n\t\t\treturn false\r\n\t\t},\r\n\t\tget control(): Nullable<HTMLGovFormControlElement> {\r\n\t\t\tif (this.govHost.name === FormControlClass.root) {\r\n\t\t\t\treturn this.govHost.hostElement\r\n\t\t\t}\r\n\t\t\treturn this.govHost.getParent(FormControlClass.root)\r\n\t\t},\r\n\t\tget label(): Nullable<HTMLGovFormLabelElement> {\r\n\t\t\tconst innerLabel = this.govHost.hostElement.querySelector(`.${FormLabelClass.root}`)\r\n\t\t\tif(innerLabel) {\r\n\t\t\t\treturn innerLabel\r\n\t\t\t}\r\n\t\t\tif (this.control) {\r\n\t\t\t\treturn this.control.querySelector(`.${FormLabelClass.root}`)\r\n\t\t\t}\r\n\t\t\treturn null\r\n\t\t},\r\n\t\tget mainElementsInControl(): Element[] {\r\n\t\t\tconst formElements = [\r\n\t\t\t\tFormSelectClass.root,\r\n\t\t\t\tFormInputClass.root,\r\n\t\t\t\tFormSwitchClass.root,\r\n\t\t\t\tFormCheckboxClass.root,\r\n\t\t\t\tFormRadioClass.root,\r\n\t\t\t\tFormMultiSelectClass.root,\r\n\t\t\t\tFormAutocompleteClass.root,\r\n\t\t\t]\r\n\t\t\tif (this.control) {\r\n\t\t\t\tconst elements = formElements.map(el => `${el}:first-of-type`).join(', ')\r\n\t\t\t\treturn Array.from(this.control.querySelectorAll(elements))\r\n\t\t\t}\r\n\t\t\treturn []\r\n\t\t},\r\n\t\tget messageElements(): HTMLGovFormMessageElement[] {\r\n\t\t\tif (this.control) {\r\n\t\t\t\treturn Array.from(this.control.querySelectorAll(FormMessageClass.root))\r\n\t\t\t}\r\n\t\t\treturn []\r\n\t\t},\r\n\t}\r\n}\r\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["FormAutocompleteSizes","pick","Sizes","FormAutocompleteClass","root","list","item","empty","loading","FormControlClass","holder","bottom","FormInputSizes","InputTypes","Type","FormInputClass","icons","FormSelectSizes","FormSelectClass","FormMultiselectSizes","FormMultiSelectClass","wrap","FormSwitchSizes","FormSwitchClass","input","indicator","label","noLabel","FormCheckboxSizes","FormCheckboxClass","check","indeterminate","FormRadioSizes","FormRadioClass","govForm","govHost","passAttrToControl","name","value","this","control","setAttribute","passAttrToLabel","hasGroupChildren","querySelectorAll","length","hostElement","getParent","innerLabel","querySelector","FormLabelClass","mainElementsInControl","formElements","elements","map","el","join","Array","from","messageElements","FormMessageClass"],"sources":["../../../packages/core/src/components/gov-form/autocomplete/constants.ts","../../../packages/core/src/components/gov-form/control/constants.ts","../../../packages/core/src/components/gov-form/input/constants.ts","../../../packages/core/src/components/gov-form/select/constants.ts","../../../packages/core/src/components/gov-form/multiselect/constants.ts","../../../packages/core/src/components/gov-form/switch/constants.ts","../../../packages/core/src/components/gov-form/checkbox/constants.ts","../../../packages/core/src/components/gov-form/radio/constants.ts","../../../packages/core/src/helpers/Dom/form.ts"],"sourcesContent":["import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormAutocompleteSizes = pick(Sizes, ['_XS','_S', '_M', '_L', '_XL'])\nexport type SizesType = `${ValueOf<typeof FormAutocompleteSizes>}`\n\nexport const FormAutocompleteClass = {\n\troot: 'gov-form-autocomplete',\n\tlist: 'gov-form-autocomplete__list',\n\titem: 'gov-form-autocomplete__item',\n\tempty: 'gov-form-autocomplete__item--empty',\n\tloading: 'gov-form-autocomplete__item--loading',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormControlSizes = pick(Sizes, ['_M', '_L', '_XL'])\nexport type FormControlSizesType = `${ValueOf<typeof FormControlSizes>}`\n\nexport const FormControlClass = {\n\troot: 'gov-form-control',\n\tholder: 'gov-form-control__holder',\n\tbottom: 'gov-form-control__bottom',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { ValueOf } from '../../../types/interfaces'\nimport { pick } from '../../../utils/utils'\n\nexport const FormInputSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type FormInputSizesType = `${ValueOf<typeof FormInputSizes>}`\n\nexport enum InputTypes {\n\tCOLOR = 'color',\n\tDATE = 'date',\n\tDATETIME_LOCAL = 'datetime-local',\n\tEMAIL = 'email',\n\tMONTH = 'month',\n\tNUMBER = 'number',\n\tPASSWORD = 'password',\n\tSEARCH = 'search',\n\tTEL = 'tel',\n\tTEXT = 'text',\n\tTIME = 'time',\n\tURL = 'url',\n\tWEEK = 'week',\n}\nexport type InputType = `${ValueOf<typeof InputTypes>}`\n\nexport enum Type {\n\tRESET = 'reset',\n}\nexport type TypesType = `${ValueOf<typeof Type>}`\n\nexport const FormInputClass = {\n\troot: 'gov-form-input',\n\ticons: 'gov-form-input__icons',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormSelectSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type FormSelectSizesType = `${ValueOf<typeof FormSelectSizes>}`\n\nexport const FormSelectClass = {\n\troot: 'gov-form-select',\n\ticon: 'gov-form-select__icon',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormMultiselectSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type FormMultiselectSizesType = `${ValueOf<typeof FormMultiselectSizes>}`\n\nexport const FormMultiSelectClass = {\n\troot: 'gov-form-multi-select',\n\twrap: 'gov-form-multi-select__wrap',\n\tlist: 'gov-form-multi-select__list',\n\titem: 'gov-form-multi-select__item',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { ValueOf } from '../../../types/interfaces'\nimport { pick } from '../../../utils/utils'\n\nexport const FormSwitchSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type FormSwitchSizesType = `${ValueOf<typeof FormSwitchSizes>}`\n\nexport const FormSwitchClass = {\n\troot: 'gov-form-switch',\n\tholder: 'gov-form-switch__holder',\n\tinput: 'gov-form-switch__input',\n\tindicator: 'gov-form-switch__indicator',\n\tlabel: 'gov-form-switch__label',\n\tnoLabel: 'gov-form-switch__no-label',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormCheckboxSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type FormCheckboxSizesType = `${ValueOf<typeof FormCheckboxSizes>}`\n\nexport const FormCheckboxClass = {\n\troot: 'gov-form-checkbox',\n\tcheck: 'gov-form-checkbox__check',\n\tindeterminate: 'gov-form-checkbox__indeterminate',\n\tlabel: 'gov-form-checkbox__label',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormRadioSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type FormRadioSizesType = `${ValueOf<typeof FormRadioSizes>}`\n\nexport const FormRadioClass = {\n\troot: 'gov-form-radio',\n\tinput: 'gov-form-radio__input',\n\tindicator: 'gov-form-radio__indicator',\n\tlabel: 'gov-form-radio__label',\n}\n","import { GovHost } from './template.types'\nimport { GovForm } from './form.types'\nimport { FormControlClass } from '../../components/gov-form/control/constants'\nimport { FormInputClass } from '../../components/gov-form/input/constants'\nimport { FormSelectClass } from '../../components/gov-form/select/constants'\nimport { FormMultiSelectClass } from '../../components/gov-form/multiselect/constants'\nimport { FormSwitchClass } from '../../components/gov-form/switch/constants'\nimport { FormCheckboxClass } from '../../components/gov-form/checkbox/constants'\nimport { FormRadioClass } from '../../components/gov-form/radio/constants'\nimport { FormMessageClass } from '../../components/gov-form/message/constants'\nimport { FormAutocompleteClass } from '../../components/gov-form/autocomplete/constants'\nimport { Nullable } from '../../types/interfaces'\nimport { FormLabelClass } from \"../../components/gov-form/label/constants\"\n\nexport const govForm = (govHost: GovHost): GovForm => {\n\treturn {\n\t\tget govHost(): GovHost {\n\t\t\treturn govHost\n\t\t},\n\t\tpassAttrToControl(name: string, value: string): void {\n\t\t\tif (this.control) {\n\t\t\t\tthis.control.setAttribute(name, value)\n\t\t\t}\n\t\t},\n\t\tpassAttrToLabel(name: string, value: string): void {\n\t\t\tif (this.label) {\n\t\t\t\tthis.label.setAttribute(name, value)\n\t\t\t}\n\t\t},\n\t\tget hasGroupChildren(): boolean {\n\t\t\tif (this.control) {\n\t\t\t\treturn this.control.querySelectorAll('gov-form-group > , gov-form-radio-group > , gov-form-checkbox-group > *').length > 1\n\t\t\t}\n\t\t\treturn false\n\t\t},\n\t\tget control(): Nullable<HTMLGovFormControlElement> {\n\t\t\tif (this.govHost.name === FormControlClass.root) {\n\t\t\t\treturn this.govHost.hostElement\n\t\t\t}\n\t\t\treturn this.govHost.getParent(FormControlClass.root)\n\t\t},\n\t\tget label(): Nullable<HTMLGovFormLabelElement> {\n\t\t\tconst innerLabel = this.govHost.hostElement.querySelector(`.${FormLabelClass.root}`)\n\t\t\tif(innerLabel) {\n\t\t\t\treturn innerLabel\n\t\t\t}\n\t\t\tif (this.control) {\n\t\t\t\treturn this.control.querySelector(`.${FormLabelClass.root}`)\n\t\t\t}\n\t\t\treturn null\n\t\t},\n\t\tget mainElementsInControl(): Element[] {\n\t\t\tconst formElements = [\n\t\t\t\tFormSelectClass.root,\n\t\t\t\tFormInputClass.root,\n\t\t\t\tFormSwitchClass.root,\n\t\t\t\tFormCheckboxClass.root,\n\t\t\t\tFormRadioClass.root,\n\t\t\t\tFormMultiSelectClass.root,\n\t\t\t\tFormAutocompleteClass.root,\n\t\t\t]\n\t\t\tif (this.control) {\n\t\t\t\tconst elements = formElements.map(el => `${el}:first-of-type`).join(', ')\n\t\t\t\treturn Array.from(this.control.querySelectorAll(elements))\n\t\t\t}\n\t\t\treturn []\n\t\t},\n\t\tget messageElements(): HTMLGovFormMessageElement[] {\n\t\t\tif (this.control) {\n\t\t\t\treturn Array.from(this.control.querySelectorAll(FormMessageClass.root))\n\t\t\t}\n\t\t\treturn []\n\t\t},\n\t}\n}\n"],"mappings":"sJAIaA,EAAwBC,EAAKC,EAAO,CAAC,MAAM,KAAM,KAAM,KAAM,QAG7D,MAAAC,EAAwB,CACpCC,KAAM,wBACNC,KAAM,8BACNC,KAAM,8BACNC,MAAO,qCACPC,QAAS,wCCRsBP,EAAKC,EAAO,CAAC,KAAM,KAAM,QAG5C,MAAAO,EAAmB,CAC/BL,KAAM,mBACNM,OAAQ,2BACRC,OAAQ,4B,MCNIC,EAAiBX,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,KAAM,QAGpE,IAAYW,GAAZ,SAAYA,GACXA,EAAA,iBACAA,EAAA,eACAA,EAAA,mCACAA,EAAA,iBACAA,EAAA,iBACAA,EAAA,mBACAA,EAAA,uBACAA,EAAA,mBACAA,EAAA,aACAA,EAAA,eACAA,EAAA,eACAA,EAAA,aACAA,EAAA,cACA,EAdD,CAAYA,MAcX,KAGD,IAAYC,GAAZ,SAAYA,GACXA,EAAA,gBACA,EAFD,CAAYA,MAEX,KAGY,MAAAC,EAAiB,CAC7BX,KAAM,iBACNY,MAAO,yB,MC3BKC,EAAkBhB,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,KAAM,QAGxD,MAAAgB,EAAkB,CAC9Bd,KAAM,mB,MCJMe,EAAuBlB,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,KAAM,QAG7D,MAAAkB,EAAuB,CACnChB,KAAM,wBACNiB,KAAM,8BACNhB,KAAM,8BACNC,KAAM,+B,MCPMgB,EAAkBrB,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,KAAM,QAGxD,MAAAqB,EAAkB,CAC9BnB,KAAM,kBAENoB,MAAO,yBACPC,UAAW,6BACXC,MAAO,yBACPC,QAAS,6B,MCTGC,EAAoB3B,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,KAAM,QAG1D,MAAA2B,EAAoB,CAChCzB,KAAM,oBACN0B,MAAO,2BACPC,cAAe,mCACfL,MAAO,4B,MCPKM,EAAiB/B,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,KAAM,QAGvD,MAAA+B,EAAiB,CAC7B7B,KAAM,iBACNoB,MAAO,wBAEPE,MAAO,yBCGK,MAAAQ,EAAWC,IAChB,CACN,WAAIA,GACH,OAAOA,C,EAER,iBAAAC,CAAkBC,EAAcC,GAC/B,GAAIC,KAAKC,QAAS,CACjBD,KAAKC,QAAQC,aAAaJ,EAAMC,E,GAGlC,eAAAI,CAAgBL,EAAcC,GAC7B,GAAIC,KAAKb,MAAO,CACfa,KAAKb,MAAMe,aAAaJ,EAAMC,E,GAGhC,oBAAIK,GACH,GAAIJ,KAAKC,QAAS,CACjB,OAAOD,KAAKC,QAAQI,iBAAiB,6EAA6EC,OAAS,C,CAE5H,OAAO,K,EAER,WAAIL,GACH,GAAID,KAAKJ,QAAQE,OAAS5B,EAAiBL,KAAM,CAChD,OAAOmC,KAAKJ,QAAQW,W,CAErB,OAAOP,KAAKJ,QAAQY,UAAUtC,EAAiBL,K,EAEhD,SAAIsB,GACH,MAAMsB,EAAaT,KAAKJ,QAAQW,YAAYG,cAAc,IAAIC,EAAe9C,QAC7E,GAAG4C,EAAY,CACd,OAAOA,C,CAER,GAAIT,KAAKC,QAAS,CACjB,OAAOD,KAAKC,QAAQS,cAAc,IAAIC,EAAe9C,O,CAEtD,OAAO,I,EAER,yBAAI+C,GACH,MAAMC,EAAe,CACpBlC,EAAgBd,KAChBW,EAAeX,KACfmB,EAAgBnB,KAChByB,EAAkBzB,KAClB6B,EAAe7B,KACfgB,EAAqBhB,KACrBD,EAAsBC,MAEvB,GAAImC,KAAKC,QAAS,CACjB,MAAMa,EAAWD,EAAaE,KAAIC,GAAM,GAAGA,oBAAoBC,KAAK,MACpE,OAAOC,MAAMC,KAAKnB,KAAKC,QAAQI,iBAAiBS,G,CAEjD,MAAO,E,EAER,mBAAIM,GACH,GAAIpB,KAAKC,QAAS,CACjB,OAAOiB,MAAMC,KAAKnB,KAAKC,QAAQI,iBAAiBgB,EAAiBxD,M,CAElE,MAAO,E","ignoreList":[]}

package/dist/components/p-B0KFtEn3.js ADDED Viewed

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

package/dist/components/p-B0KFtEn3.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["GovFormMessage","__stencil_proxyCustomElement","HTMLElement","constructor","this","color","size","h","govHost","host","messageId","createID","validateColor","newValue","validateProp","FormMessageColors","FormMessageClass","root","componentWillLoad","render","Host","key","class","classes","hasSlot","name","id","content","identifier"],"sources":["../../../packages/core/src/components/gov-form/message/gov-form-message.tsx"],"sourcesContent":["import { Component, Element, h, Host, Method, Prop, Watch } from '@stencil/core'\nimport {FormMessageClass, FormMessageSizesTypes, FormMessageColors, FormMessageColorType} from './constants'\nimport { govHost } from '../../../helpers/Dom/template'\nimport { GovHost } from '../../../helpers/Dom/template.types'\nimport { validateProp } from '../../../helpers/Validate/props'\nimport { createID } from '../../../utils/string.utils'\n\n@Component({\n\ttag: 'gov-form-message',\n})\nexport class GovFormMessage {\n\th: GovHost\n\tprivate readonly messageId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.messageId = createID('GovFormMessage')\n\t}\n\n\t@Element() host: HTMLGovFormMessageElement\n\t/**\n\t * Style variation of the message.\n\t */\n\t@Prop({ attribute: 'color' }) readonly color?: FormMessageColorType = 'neutral'\n\t/**\n\t * Message's size.\n\t */\n\t@Prop() readonly size?: FormMessageSizesTypes = 'm'\n\n\t@Watch('color')\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(FormMessageColors, newValue, FormMessageClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(FormMessageClass.root)} color={this.color} size={this.size}>\n\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t)}\n\t\t\t\t<span id={this.messageId} class={FormMessageClass.content}>\n\t\t\t\t\t<slot />\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Returns unique identifier of message\n\t */\n\t@Method()\n\tasync identifier(): Promise<string> {\n\t\treturn this.messageId\n\t}\n}\n"],"mappings":"iNAUaA,EAAcC,EAAA,MAAAD,UAAAE,EAI1B,WAAAC,G,8BASuCC,KAAKC,MAA0B,UAIrDD,KAAIE,KAA2B,IAZ/CF,KAAKG,EAAIC,EAAQJ,KAAKK,MACtBL,KAAKM,UAAYC,EAAS,iBAC1B,CAaD,aAAAC,CAAcC,GACbC,EAAaC,EAAmBF,EAAUG,EAAiBC,K,CAG5D,iBAAAC,GACCd,KAAKQ,cAAcR,KAAKC,M,CAGzB,MAAAc,GACC,OACCZ,EAACa,EAAK,CAAAC,IAAA,2CAAAC,MAAOlB,KAAKG,EAAEgB,QAAQP,EAAiBC,MAAOZ,MAAOD,KAAKC,MAAOC,KAAMF,KAAKE,MAChFF,KAAKG,EAAEiB,QAAQ,SACfjB,EAAM,QAAAc,IAAA,2CAAAI,KAAK,SAEZlB,EAAM,QAAAc,IAAA,2CAAAK,GAAItB,KAAKM,UAAWY,MAAON,EAAiBW,SACjDpB,EAAQ,QAAAc,IAAA,8C,CAUZ,gBAAMO,GACL,OAAOxB,KAAKM,S","ignoreList":[]}

package/dist/components/p-B0hcuYXk.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["parseJSONString","value","isString","length","console","log","parsed","JSON","parse","Array","isArray","isObject","e","createArrayRange","from","to","Number","isInteger","keys","slice","propsValueToArray"],"sources":["../../../packages/core/src/utils/object.utils.ts","../../../packages/core/src/utils/array.utils.ts"],"sourcesContent":["import {isObject, isString} from \"./helpers.types\";\r\n\r\nexport const parseJSONString = (value: unknown): object \| [] \| null => {\r\n\tif (isString(value) && value.length) {\r\n\t\ttry {\r\n\t\t\tconsole.log(value);\r\n\t\t\tconst parsed = JSON.parse(value);\r\n\t\t\tif (Array.isArray(parsed) \|\| isObject(parsed)) {\r\n\t\t\t\treturn parsed;\r\n\t\t\t}\r\n\t\t} catch (e) {\r\n\t\t\tconsole.log(e);\r\n\t\t\treturn null\r\n\t\t}\r\n\t}\r\n\treturn null\r\n}\r\n\r\nexport const propsValueToObject = <T>(value: unknown): T => {\r\n\tif (isString(value)) {\r\n\t\tconst parsed = parseJSONString(value)\r\n\t\tif (parsed && isObject(parsed)) {\r\n\t\t\treturn parsed as T;\r\n\t\t}\r\n\t} else if (isObject(value) && Object.keys(value).length) {\r\n\t\treturn value as T;\r\n\t}\r\n\treturn null;\r\n}\r\n","import {parseJSONString} from \"./object.utils\";\r\nimport {isString} from \"./helpers.types\";\r\n\r\nexport const createArrayRange = (from: number, to: number): number[] => {\r\n\tif (Number.isInteger(from) && Number.isInteger(to)) {\r\n\t\treturn [...Array(to + 1).keys()].slice(from)\r\n\t}\r\n\treturn []\r\n}\r\n\r\nexport const propsValueToArray = <T>(value: unknown): T => {\r\n\tif (Array.isArray(value)) {\r\n\t\treturn value as T;\r\n\t} else if (isString(value)) {\r\n\t\tconst parsed = parseJSONString(value)\r\n\t\tif (Array.isArray(parsed)) {\r\n\t\t\treturn parsed as T;\r\n\t\t}\r\n\t}\r\n\treturn [] as T;\r\n}\r\n"],"mappings":"2CAEO,MAAMA,EAAmBC,IAC/B,GAAIC,EAASD,IAAUA,EAAME,OAAQ,CACpC,IACCC,QAAQC,IAAIJ,GACZ,MAAMK,EAASC,KAAKC,MAAMP,GAC1B,GAAIQ,MAAMC,QAAQJ,IAAWK,EAASL,GAAS,CAC9C,OAAOA,C,EAEP,MAAOM,GACRR,QAAQC,IAAIO,GACZ,OAAO,I,EAGT,OAAO,IAAI,E,MCZCC,EAAmB,CAACC,EAAcC,KAC9C,GAAIC,OAAOC,UAAUH,IAASE,OAAOC,UAAUF,GAAK,CACnD,MAAO,IAAIN,MAAMM,EAAK,GAAGG,QAAQC,MAAML,E,CAExC,MAAO,EAAE,EAGG,MAAAM,EAAwBnB,IACpC,GAAIQ,MAAMC,QAAQT,GAAQ,CACzB,OAAOA,C,MACD,GAAIC,EAASD,GAAQ,CAC3B,MAAMK,EAASN,EAAgBC,GAC/B,GAAIQ,MAAMC,QAAQJ,GAAS,CAC1B,OAAOA,C,EAGT,MAAO,EAAO,S","ignoreList":[]}
1	+ {"version":3,"names":["parseJSONString","value","isString","length","console","log","parsed","JSON","parse","Array","isArray","isObject","e","createArrayRange","from","to","Number","isInteger","keys","slice","propsValueToArray"],"sources":["../../../packages/core/src/utils/object.utils.ts","../../../packages/core/src/utils/array.utils.ts"],"sourcesContent":["import {isObject, isString} from \"./helpers.types\";\n\nexport const parseJSONString = (value: unknown): object \| [] \| null => {\n\tif (isString(value) && value.length) {\n\t\ttry {\n\t\t\tconsole.log(value);\n\t\t\tconst parsed = JSON.parse(value);\n\t\t\tif (Array.isArray(parsed) \|\| isObject(parsed)) {\n\t\t\t\treturn parsed;\n\t\t\t}\n\t\t} catch (e) {\n\t\t\tconsole.log(e);\n\t\t\treturn null\n\t\t}\n\t}\n\treturn null\n}\n\nexport const propsValueToObject = <T>(value: unknown): T => {\n\tif (isString(value)) {\n\t\tconst parsed = parseJSONString(value)\n\t\tif (parsed && isObject(parsed)) {\n\t\t\treturn parsed as T;\n\t\t}\n\t} else if (isObject(value) && Object.keys(value).length) {\n\t\treturn value as T;\n\t}\n\treturn null;\n}\n","import {parseJSONString} from \"./object.utils\";\nimport {isString} from \"./helpers.types\";\n\nexport const createArrayRange = (from: number, to: number): number[] => {\n\tif (Number.isInteger(from) && Number.isInteger(to)) {\n\t\treturn [...Array(to + 1).keys()].slice(from)\n\t}\n\treturn []\n}\n\nexport const propsValueToArray = <T>(value: unknown): T => {\n\tif (Array.isArray(value)) {\n\t\treturn value as T;\n\t} else if (isString(value)) {\n\t\tconst parsed = parseJSONString(value)\n\t\tif (Array.isArray(parsed)) {\n\t\t\treturn parsed as T;\n\t\t}\n\t}\n\treturn [] as T;\n}\n"],"mappings":"2CAEO,MAAMA,EAAmBC,IAC/B,GAAIC,EAASD,IAAUA,EAAME,OAAQ,CACpC,IACCC,QAAQC,IAAIJ,GACZ,MAAMK,EAASC,KAAKC,MAAMP,GAC1B,GAAIQ,MAAMC,QAAQJ,IAAWK,EAASL,GAAS,CAC9C,OAAOA,C,EAEP,MAAOM,GACRR,QAAQC,IAAIO,GACZ,OAAO,I,EAGT,OAAO,IAAI,E,MCZCC,EAAmB,CAACC,EAAcC,KAC9C,GAAIC,OAAOC,UAAUH,IAASE,OAAOC,UAAUF,GAAK,CACnD,MAAO,IAAIN,MAAMM,EAAK,GAAGG,QAAQC,MAAML,E,CAExC,MAAO,EAAE,EAGG,MAAAM,EAAwBnB,IACpC,GAAIQ,MAAMC,QAAQT,GAAQ,CACzB,OAAOA,C,MACD,GAAIC,EAASD,GAAQ,CAC3B,MAAMK,EAASN,EAAgBC,GAC/B,GAAIQ,MAAMC,QAAQJ,GAAS,CAC1B,OAAOA,C,EAGT,MAAO,EAAO,S","ignoreList":[]}

package/dist/components/p-B3tdsiZv.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["is","value","undefined","hasOwnProperty","obj","prop","Object","prototype","call","isObject","isString","input","isNumber"],"sources":["../../../packages/core/src/utils/helpers.types.ts"],"sourcesContent":["\r\nexport type Optional<T> = T \| undefined;\r\nexport type Nullable<T> = T \| null;\r\nexport type OptionalProperty<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;\r\nexport type ValueOf<T> = T[keyof T];\r\n\r\nexport type DeepPartial<T> = {\r\n\t[P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];\r\n};\r\n\r\nexport type ObjectOrArrayType<T> = T \| T[];\r\nexport const ObjectOrArray = {\r\n\tfirst: <T>(item: ObjectOrArrayType<T>): T => (Array.isArray(item) ? item[0] : item),\r\n\tarray: <T>(item: ObjectOrArrayType<T>): T[] => (Array.isArray(item) ? item : [item]),\r\n};\r\n\r\nexport const Omit = <T extends object, P extends keyof T, R extends Omit<T, P>>(properties: P[], object: T): R =>\r\n\tObject.entries(object).reduce(\r\n\t\t(all, [key, value]) => (properties.includes(key as P) ? all : { ...all, [key]: value }),\r\n\t\t{} as R\r\n\t);\r\n\r\nexport const whenDefined =\r\n\t<I, O>(fn: (input: I) => O) =>\r\n\t(value?: I): O \| undefined =>\r\n\t\tvalue ? fn(value) : undefined;\r\n\r\n/*\r\n Comparator function which defines the sort order\r\n * @example\r\n * ```\r\n * // sorts objects by `id` property\r\n * [{ id: 3 }, { id: 2 }, { id: 1 }].sort(compare(['id']))\r\n \r\n // sorts objects by `id` and `name` properties\r\n * [{ id: 3, name: 'b' }, { id: 2, name: 'a' }, { id: 1, name: 'b' }].sort(compare(['id', 'name']))\r\n * ```\r\n \r\n @param {Array<keyof T>} properties\r\n * @return {number}\r\n */\r\nexport const compare =\r\n\t<T extends object>(properties: Array<keyof T>) =>\r\n\t(a: T, b: T): number => {\r\n\t\tconst [property, ...rest] = properties;\r\n\t\tif (!property) {\r\n\t\t\treturn 0;\r\n\t\t}\r\n\t\tif (a[property] < b[property]) {\r\n\t\t\treturn -1;\r\n\t\t}\r\n\t\tif (a[property] > b[property]) {\r\n\t\t\treturn 1;\r\n\t\t}\r\n\t\treturn rest.length > 0 ? compare(rest)(a, b) : 0;\r\n\t};\r\n\r\nexport const is = <T>(value: T \| undefined \| null): value is T => value !== undefined && value !== null;\r\n\r\nexport const has =\r\n\t<T extends object, P extends keyof T>(property: P) =>\r\n\t(object: OptionalProperty<T, P>): object is T => {\r\n\t\treturn !!object[property];\r\n\t};\r\n\r\nexport const equals =\r\n\t<A>(a?: A) =>\r\n\t(b?: A): boolean =>\r\n\t\ta === b;\r\nexport const prop =\r\n\t<T, P extends keyof T>(property: P) =>\r\n\t(object: T): T[P] =>\r\n\t\tobject[property];\r\n\r\nexport const propOptional =\r\n\t<T, P extends keyof T>(property: P) =>\r\n\t(object?: T): Optional<T[P]> =>\r\n\t\tobject ? object[property] : undefined;\r\n\r\nexport const hasOwnProperty = <X extends object, Y extends PropertyKey>(\r\n\tobj: X,\r\n\tprop: Y\r\n): obj is X & Record<Y, ValueOf<X>> => {\r\n\treturn Object.prototype.hasOwnProperty.call(obj, prop);\r\n};\r\n\r\nexport const isObject = <T extends object>(obj: unknown): obj is T => typeof obj === 'object';\r\nexport const isString = (input: unknown): input is string => is(input) && typeof input === 'string';\r\nexport const isNumber = (input: unknown): input is string => is(input) && typeof input === 'number';\r\n\r\ntype Entries<T> = {\r\n\t[K in keyof T]: [K, T[K]];\r\n}[keyof T][];\r\nexport const getEntries = <T extends object>(obj: T) => Object.entries(obj) as Entries<T>;\r\n\r\nexport const getKeys = <T extends object>(obj: T) => Object.keys(obj) as Array<keyof T>;\r\nexport const getValues = <T extends object>(obj: T) => Object.values(obj) as Array<ValueOf<T>>;\r\n\r\nexport const first = <T>(array: T[]): Optional<T> => array[0];\r\n\r\nexport const pairs = <T>(arr: T[]): Array<[string, string]> =>\r\n\tarr.flatMap((item1, index1) => arr.flatMap((item2, index2) => (index1 > index2 ? [[item1, item2]] : []))) as any;\r\n\r\nexport const find =\r\n\t<T, S extends T>(predicate: (item: T) => item is S) =>\r\n\t(array?: T[]): Optional<S> =>\r\n\t\t(array \|\| []).find(predicate);\r\nexport const filter =\r\n\t<T, S extends T>(predicate: (item: T) => item is S) =>\r\n\t(array?: T[]): S[] =>\r\n\t\t(array \|\| []).filter(predicate);\r\n"],"mappings":"AAyDO,MAAMA,EAASC,GAA4CA,IAAUC,WAAaD,IAAU,K,MAsBtFE,EAAiB,CAC7BC,EACAC,IAEOC,OAAOC,UAAUJ,eAAeK,KAAKJ,EAAKC,GAG3C,MAAMI,EAA8BL,UAAkCA,IAAQ,SACxE,MAAAM,EAAYC,GAAoCX,EAAGW,WAAiBA,IAAU,SAC9E,MAAAC,EAAYD,GAAoCX,EAAGW,WAAiBA,IAAU,gB","ignoreList":[]}
1	+ {"version":3,"names":["is","value","undefined","hasOwnProperty","obj","prop","Object","prototype","call","isObject","isString","input","isNumber"],"sources":["../../../packages/core/src/utils/helpers.types.ts"],"sourcesContent":["\nexport type Optional<T> = T \| undefined;\nexport type Nullable<T> = T \| null;\nexport type OptionalProperty<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;\nexport type ValueOf<T> = T[keyof T];\n\nexport type DeepPartial<T> = {\n\t[P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];\n};\n\nexport type ObjectOrArrayType<T> = T \| T[];\nexport const ObjectOrArray = {\n\tfirst: <T>(item: ObjectOrArrayType<T>): T => (Array.isArray(item) ? item[0] : item),\n\tarray: <T>(item: ObjectOrArrayType<T>): T[] => (Array.isArray(item) ? item : [item]),\n};\n\nexport const Omit = <T extends object, P extends keyof T, R extends Omit<T, P>>(properties: P[], object: T): R =>\n\tObject.entries(object).reduce(\n\t\t(all, [key, value]) => (properties.includes(key as P) ? all : { ...all, [key]: value }),\n\t\t{} as R\n\t);\n\nexport const whenDefined =\n\t<I, O>(fn: (input: I) => O) =>\n\t(value?: I): O \| undefined =>\n\t\tvalue ? fn(value) : undefined;\n\n/*\n Comparator function which defines the sort order\n * @example\n * ```\n * // sorts objects by `id` property\n * [{ id: 3 }, { id: 2 }, { id: 1 }].sort(compare(['id']))\n \n // sorts objects by `id` and `name` properties\n * [{ id: 3, name: 'b' }, { id: 2, name: 'a' }, { id: 1, name: 'b' }].sort(compare(['id', 'name']))\n * ```\n \n @param {Array<keyof T>} properties\n * @return {number}\n */\nexport const compare =\n\t<T extends object>(properties: Array<keyof T>) =>\n\t(a: T, b: T): number => {\n\t\tconst [property, ...rest] = properties;\n\t\tif (!property) {\n\t\t\treturn 0;\n\t\t}\n\t\tif (a[property] < b[property]) {\n\t\t\treturn -1;\n\t\t}\n\t\tif (a[property] > b[property]) {\n\t\t\treturn 1;\n\t\t}\n\t\treturn rest.length > 0 ? compare(rest)(a, b) : 0;\n\t};\n\nexport const is = <T>(value: T \| undefined \| null): value is T => value !== undefined && value !== null;\n\nexport const has =\n\t<T extends object, P extends keyof T>(property: P) =>\n\t(object: OptionalProperty<T, P>): object is T => {\n\t\treturn !!object[property];\n\t};\n\nexport const equals =\n\t<A>(a?: A) =>\n\t(b?: A): boolean =>\n\t\ta === b;\nexport const prop =\n\t<T, P extends keyof T>(property: P) =>\n\t(object: T): T[P] =>\n\t\tobject[property];\n\nexport const propOptional =\n\t<T, P extends keyof T>(property: P) =>\n\t(object?: T): Optional<T[P]> =>\n\t\tobject ? object[property] : undefined;\n\nexport const hasOwnProperty = <X extends object, Y extends PropertyKey>(\n\tobj: X,\n\tprop: Y\n): obj is X & Record<Y, ValueOf<X>> => {\n\treturn Object.prototype.hasOwnProperty.call(obj, prop);\n};\n\nexport const isObject = <T extends object>(obj: unknown): obj is T => typeof obj === 'object';\nexport const isString = (input: unknown): input is string => is(input) && typeof input === 'string';\nexport const isNumber = (input: unknown): input is string => is(input) && typeof input === 'number';\n\ntype Entries<T> = {\n\t[K in keyof T]: [K, T[K]];\n}[keyof T][];\nexport const getEntries = <T extends object>(obj: T) => Object.entries(obj) as Entries<T>;\n\nexport const getKeys = <T extends object>(obj: T) => Object.keys(obj) as Array<keyof T>;\nexport const getValues = <T extends object>(obj: T) => Object.values(obj) as Array<ValueOf<T>>;\n\nexport const first = <T>(array: T[]): Optional<T> => array[0];\n\nexport const pairs = <T>(arr: T[]): Array<[string, string]> =>\n\tarr.flatMap((item1, index1) => arr.flatMap((item2, index2) => (index1 > index2 ? [[item1, item2]] : []))) as any;\n\nexport const find =\n\t<T, S extends T>(predicate: (item: T) => item is S) =>\n\t(array?: T[]): Optional<S> =>\n\t\t(array \|\| []).find(predicate);\nexport const filter =\n\t<T, S extends T>(predicate: (item: T) => item is S) =>\n\t(array?: T[]): S[] =>\n\t\t(array \|\| []).filter(predicate);\n"],"mappings":"AAyDO,MAAMA,EAASC,GAA4CA,IAAUC,WAAaD,IAAU,K,MAsBtFE,EAAiB,CAC7BC,EACAC,IAEOC,OAAOC,UAAUJ,eAAeK,KAAKJ,EAAKC,GAG3C,MAAMI,EAA8BL,UAAkCA,IAAQ,SACxE,MAAAM,EAAYC,GAAoCX,EAAGW,WAAiBA,IAAU,SAC9E,MAAAC,EAAYD,GAAoCX,EAAGW,WAAiBA,IAAU,gB","ignoreList":[]}

package/dist/components/p-BKP-F1qP.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["validateProp","valueEnum","value","component","values","Object","isValid","indexOf","govWarningLog","join"],"sources":["../../../packages/core/src/helpers/Validate/props.ts"],"sourcesContent":["import { govWarningLog } from '../Log/gov.log'\r\n\r\n// @TODO: deal with optional values\r\nexport const validateProp = <T extends Record<string, string>>(valueEnum: T, value: string, component: string): void => {\r\n\tconst values = Object.values(valueEnum)\r\n\tconst isValid = values.indexOf(value) > -1\r\n\tif (!isValid) {\r\n\t\tgovWarningLog(`[${component}]: Bad parameter with value (${value}). Available parameters are (${values.join(', ')}).`)\r\n\t}\r\n}\r\n"],"mappings":"oCAGa,MAAAA,EAAe,CAAmCC,EAAcC,EAAeC,KAC3F,MAAMC,EAASC,OAAOD,OAAOH,GAC7B,MAAMK,EAAUF,EAAOG,QAAQL,IAAS,EACxC,IAAKI,EAAS,CACbE,EAAc,IAAIL,iCAAyCD,iCAAqCE,EAAOK,KAAK,U","ignoreList":[]}
1	+ {"version":3,"names":["validateProp","valueEnum","value","component","values","Object","isValid","indexOf","govWarningLog","join"],"sources":["../../../packages/core/src/helpers/Validate/props.ts"],"sourcesContent":["import { govWarningLog } from '../Log/gov.log'\n\n// @TODO: deal with optional values\nexport const validateProp = <T extends Record<string, string>>(valueEnum: T, value: string, component: string): void => {\n\tconst values = Object.values(valueEnum)\n\tconst isValid = values.indexOf(value) > -1\n\tif (!isValid) {\n\t\tgovWarningLog(`[${component}]: Bad parameter with value (${value}). Available parameters are (${values.join(', ')}).`)\n\t}\n}\n"],"mappings":"oCAGa,MAAAA,EAAe,CAAmCC,EAAcC,EAAeC,KAC3F,MAAMC,EAASC,OAAOD,OAAOH,GAC7B,MAAMK,EAAUF,EAAOG,QAAQL,IAAS,EACxC,IAAKI,EAAS,CACbE,EAAc,IAAIL,iCAAyCD,iCAAqCE,EAAOK,KAAK,U","ignoreList":[]}

package/dist/components/{p-D8QfVS4O.js → p-BNnuBQvo.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{p as t,H as i,h as s,a as e}from"./index.js";import{p as a}from"./p-CQvUntGY.js";import{S as o}from"./p-BcQO4NH2.js";import{C as n}from"./p-U40vKHrs.js";import{g as r}from"./p-DKo9A5gq.js";import{v as h}from"./p-BKP-F1qP.js";import{A as l,a as c,i as p}from"./p-CXgom82_.js";const m=a(o,["_XS","_S","_M","_L","_XL"]);a(n,["PRIMARY","NEUTRAL"]);var d;(function(t){t["CIRCLE"]="circle";t["LINE"]="line"})(d||(d={}));var u;(function(t){t["PULSE"]="pulse";t["PROGRESS"]="progress";t["FALSE"]="false"})(u||(u={}));const v={root:"gov-skeleton"};const f=t(class t extends i{constructor(){super();this.__registerHost();this.size="m";this.color="neutral";this.shape="line";this.width=null;this.height=null;this.animation="progress";this.items=[];this.inheritedAttributes={};this.h=r(this.host)}validateSize(t){h(m,t,v.root)}validateShape(t){h(d,t,v.root)}validateAnimation(t){h(u,t,v.root)}componentDidLoad(){this.attributeObserver=new l(this.host,((t,i)=>{this.onAriaAttributeChange(t,i)}));this.attributeObserver.startObserving(c)}componentWillLoad(){this.validateSize(this.size);this.validateShape(this.shape);this.validateAnimation(this.animation);this.init();this.inheritedAttributes=p(this.host)}componentWillUpdate(){this.init()}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}onAriaAttributeChange(t,i){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:i})}init(){this.items.fill(1)}render(){return s(e,Object.assign({key:"871f22b2b3bd0c92c75b81b4d649246414c01b97",size:this.size,color:this.color,class:{[v.root]:true,circle:this.shape==="circle",line:this.shape==="line",progress:this.animation==="progress",pulse:this.animation==="pulse"}},this.inheritedAttributes,{"aria-busy":"true","aria-valuemin":"0","aria-valuemax":"100",role:"progressbar",tabindex:"0",style:{width:this.width,height:this.height}}))}get host(){return this}static get watchers(){return{size:["validateSize"],shape:["validateShape"],animation:["validateAnimation"]}}},[0,"gov-skeleton",{size:[513],color:[1],shape:[1],width:[513],height:[513],animation:[1],inheritedAttributes:[32]},undefined,{size:["validateSize"],shape:["validateShape"],animation:["validateAnimation"]}]);function g(){if(typeof customElements==="undefined"){return}const t=["gov-skeleton"];t.forEach((t=>{switch(t){case"gov-skeleton":if(!customElements.get(t)){customElements.define(t,f)}break}}))}g();export{f as G,g as d};
-//# sourceMappingURL=p-D8QfVS4O.js.map
+import{p as t,H as i,h as s,a as e}from"./index.js";import{p as a}from"./p-CQvUntGY.js";import{S as o}from"./p-BcQO4NH2.js";import{C as n}from"./p-U40vKHrs.js";import{g as r}from"./p-DKo9A5gq.js";import{v as h}from"./p-BKP-F1qP.js";import{A as l,a as c,i as p}from"./p-CXgom82_.js";const m=a(o,["_XS","_S","_M","_L","_XL"]);a(n,["PRIMARY","NEUTRAL"]);var d;(function(t){t["CIRCLE"]="circle";t["LINE"]="line"})(d||(d={}));var u;(function(t){t["PULSE"]="pulse";t["PROGRESS"]="progress";t["FALSE"]="false"})(u||(u={}));const v={root:"gov-skeleton"};const f=t(class t extends i{constructor(){super();this.__registerHost();this.size="m";this.color="neutral";this.shape="line";this.width=null;this.height=null;this.animation="progress";this.items=[];this.inheritedAttributes={};this.h=r(this.host)}validateSize(t){h(m,t,v.root)}validateShape(t){h(d,t,v.root)}validateAnimation(t){h(u,t,v.root)}componentDidLoad(){this.attributeObserver=new l(this.host,((t,i)=>{this.onAriaAttributeChange(t,i)}));this.attributeObserver.startObserving(c)}componentWillLoad(){this.validateSize(this.size);this.validateShape(this.shape);this.validateAnimation(this.animation);this.init();this.inheritedAttributes=p(this.host)}componentWillUpdate(){this.init()}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}onAriaAttributeChange(t,i){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:i})}init(){this.items.fill(1)}render(){return s(e,Object.assign({key:"88cc98a811553c74d60d4b97c283cc918d3f3405",size:this.size,color:this.color,class:{[v.root]:true,circle:this.shape==="circle",line:this.shape==="line",progress:this.animation==="progress",pulse:this.animation==="pulse"}},this.inheritedAttributes,{"aria-busy":"true","aria-valuemin":"0","aria-valuemax":"100",role:"progressbar",tabindex:"0",style:{width:this.width,height:this.height}}))}get host(){return this}static get watchers(){return{size:["validateSize"],shape:["validateShape"],animation:["validateAnimation"]}}},[0,"gov-skeleton",{size:[513],color:[1],shape:[1],width:[513],height:[513],animation:[1],inheritedAttributes:[32]},undefined,{size:["validateSize"],shape:["validateShape"],animation:["validateAnimation"]}]);function g(){if(typeof customElements==="undefined"){return}const t=["gov-skeleton"];t.forEach((t=>{switch(t){case"gov-skeleton":if(!customElements.get(t)){customElements.define(t,f)}break}}))}g();export{f as G,g as d};
+//# sourceMappingURL=p-BNnuBQvo.js.map

package/dist/components/p-BNnuBQvo.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["SkeletonSizes","pick","Sizes","Colors","SkeletonShapes","SkeletonAnimation","SkeletonClass","root","GovSkeleton","__stencil_proxyCustomElement","HTMLElement","constructor","this","size","color","shape","width","height","animation","items","inheritedAttributes","h","govHost","host","validateSize","newValue","validateProp","validateShape","validateAnimation","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","init","inheritAriaAttributes","componentWillUpdate","disconnectedCallback","_a","stopObserving","removeAttribute","Object","assign","fill","render","Host","key","class","circle","line","progress","pulse","role","tabindex","style"],"sources":["../../../packages/core/src/components/gov-loading/skeleton/constants.ts","../../../packages/core/src/components/gov-loading/skeleton/gov-skeleton.tsx"],"sourcesContent":["import { pick } from \"../../../utils/utils\"\nimport { ValueOf } from \"../../../types/interfaces\"\nimport {Sizes} from \"../../../core/constants/sizes\";\nimport {Colors} from \"../../../core/constants/colors\";\n\nexport const SkeletonSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type SkeletonSizesType = `${ValueOf<typeof SkeletonSizes>}`\n\nexport const SkeletonColors = pick(Colors, [\"PRIMARY\", \"NEUTRAL\"])\nexport type SkeletonColorType = `${ValueOf<typeof SkeletonColors>}`\n\nexport enum SkeletonShapes {\n\tCIRCLE = 'circle',\n\tLINE = 'line'\n}\nexport type SkeletonShapesType = `${ValueOf<typeof SkeletonShapes>}`\n\nexport enum SkeletonAnimation {\n\tPULSE = 'pulse',\n\tPROGRESS = 'progress',\n\tFALSE = 'false'\n}\nexport type SkeletonAnimationType = `${ValueOf<typeof SkeletonAnimation>}`\n\nexport const SkeletonClass = {\n\troot: 'gov-skeleton',\n}\n","import {Component, Element, h, Host, Prop, State, Watch} from \"@stencil/core\"\nimport {\n\tSkeletonAnimation,\n\tSkeletonAnimationType,\n\tSkeletonClass,\n\tSkeletonColorType,\n\tSkeletonShapes,\n\tSkeletonShapesType,\n\tSkeletonSizes,\n} from \"./constants\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {govHost} from \"../../../helpers/Dom/template\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {FormInputSizesType} from \"../../gov-form/input/constants\";\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-skeleton\",\n})\nexport class GovSkeleton {\n\th: GovHost\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovSkeletonElement\n\t/**\n\t * Input’s size.\n\t */\n\t@Prop({reflect: true}) readonly size?: FormInputSizesType = \"m\"\n\t/**\n\t * Style variation of the skeleton.\n\t */\n\t@Prop() readonly color?: SkeletonColorType = \"neutral\"\n\t/**\n\t * Shape of the skeleton\n\t */\n\t@Prop() shape?: SkeletonShapesType = \"line\"\n\t/**\n\t * Width of the skeleton ex. 100px, 100%, auto etc.\n\t */\n\t@Prop({reflect: true}) width?: string = null\n\t/**\n\t * Height of the skeleton ex. 100px, 100%, auto etc.\n\t */\n\t@Prop({reflect: true}) height?: string = null\n\t/**\n\t * Animation type\n\t */\n\t@Prop() animation?: SkeletonAnimationType = \"progress\"\n\n\titems: number[] = []\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(SkeletonSizes, newValue, SkeletonClass.root)\n\t}\n\n\t@Watch('shape')\n\tvalidateShape(newValue: string): void {\n\t\tvalidateProp(SkeletonShapes, newValue, SkeletonClass.root)\n\t}\n\n\t@Watch('animation')\n\tvalidateAnimation(newValue: string): void {\n\t\tvalidateProp(SkeletonAnimation, newValue, SkeletonClass.root)\n\t}\n\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.validateSize(this.size)\n\t\tthis.validateShape(this.shape)\n\t\tthis.validateAnimation(this.animation)\n\t\tthis.init()\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tcomponentWillUpdate() {\n\t\tthis.init()\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\tinit() {\n\t\tthis.items.fill(1)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host size={this.size}\n\t\t\t\t color={this.color}\n\t\t\t\t class={{\n\t\t\t\t\t [SkeletonClass.root]: true,\n\t\t\t\t\t circle: this.shape === \"circle\",\n\t\t\t\t\t line: this.shape === \"line\",\n\t\t\t\t\t progress: this.animation === \"progress\",\n\t\t\t\t\t pulse: this.animation === \"pulse\",\n\t\t\t\t }}\n\t\t\t\t {...this.inheritedAttributes}\n\t\t\t\t aria-busy=\"true\"\n\t\t\t\t aria-valuemin=\"0\"\n\t\t\t\t aria-valuemax=\"100\"\n\t\t\t\t role=\"progressbar\"\n\t\t\t\t tabindex=\"0\"\n\t\t\t\t style={{width: this.width, height: this.height}}>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"0RAKO,MAAMA,EAAgBC,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,KAAM,QAGrCD,EAAKE,EAAQ,CAAC,UAAW,YAGvD,IAAYC,GAAZ,SAAYA,GACXA,EAAA,mBACAA,EAAA,cACA,EAHD,CAAYA,MAGX,KAGD,IAAYC,GAAZ,SAAYA,GACXA,EAAA,iBACAA,EAAA,uBACAA,EAAA,gBACA,EAJD,CAAYA,MAIX,KAGM,MAAMC,EAAgB,CAC5BC,KAAM,gB,MCJMC,EAAWC,EAAA,MAAAD,UAAAE,EAIvB,WAAAC,G,8BAQgCC,KAAIC,KAAwB,IAI3CD,KAAKE,MAAuB,UAIrCF,KAAKG,MAAwB,OAIdH,KAAKI,MAAY,KAIjBJ,KAAMK,OAAY,KAIjCL,KAASM,UAA2B,WAE5CN,KAAKO,MAAa,GAiBTP,KAAmBQ,oBAAe,GA9C1CR,KAAKS,EAAIC,EAAQV,KAAKW,KACtB,CA+BD,YAAAC,CAAaC,GACZC,EAAa1B,EAAeyB,EAAUnB,EAAcC,K,CAIrD,aAAAoB,CAAcF,GACbC,EAAatB,EAAgBqB,EAAUnB,EAAcC,K,CAItD,iBAAAqB,CAAkBH,GACjBC,EAAarB,EAAmBoB,EAAUnB,EAAcC,K,CAKzD,gBAAAsB,GACCjB,KAAKkB,kBAAoB,IAAIC,EAAkBnB,KAAKW,MAAM,CAACS,EAAeP,KACzEb,KAAKqB,sBAAsBD,EAAeP,EAAS,IAGpDb,KAAKkB,kBAAkBI,eAAeC,E,CAGvC,iBAAAC,GACCxB,KAAKY,aAAaZ,KAAKC,MACvBD,KAAKe,cAAcf,KAAKG,OACxBH,KAAKgB,kBAAkBhB,KAAKM,WAC5BN,KAAKyB,OACLzB,KAAKQ,oBAAsBkB,EAAsB1B,KAAKW,K,CAGvD,mBAAAgB,GACC3B,KAAKyB,M,CAGN,oBAAAG,G,OACCC,EAAA7B,KAAKkB,qBAAmB,MAAAW,SAAA,SAAAA,EAAAC,e,CAGzB,qBAAAT,CAAsBD,EAAuBP,GAC5Cb,KAAKW,KAAKoB,gBAAgBX,GAC1BpB,KAAKQ,oBAA0BwB,OAAAC,OAAAD,OAAAC,OAAA,GAAAjC,KAAKQ,qBAAqB,CAAAY,CAACA,GAAgBP,G,CAG3E,IAAAY,GACCzB,KAAKO,MAAM2B,KAAK,E,CAGjB,MAAAC,GACC,OACC1B,EAAC2B,EAAKJ,OAAAC,OAAA,CAAAI,IAAA,2CAAApC,KAAMD,KAAKC,KACdC,MAAOF,KAAKE,MACZoC,MAAO,CACN,CAAC5C,EAAcC,MAAO,KACtB4C,OAAQvC,KAAKG,QAAU,SACvBqC,KAAMxC,KAAKG,QAAU,OACrBsC,SAAUzC,KAAKM,YAAc,WAC7BoC,MAAO1C,KAAKM,YAAc,UAEvBN,KAAKQ,oBAAmB,aAClB,OACI,oBACA,sBACdmC,KAAK,cACLC,SAAS,IACTC,MAAO,CAACzC,MAAOJ,KAAKI,MAAOC,OAAQL,KAAKK,U","ignoreList":[]}

package/dist/components/p-BTwdrNoS.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["TabSizes","pick","Sizes","TabColors","Colors","TabTypes","TabOrientation","TabsClass","root","tabs","list","item","btn","TabsItemClass","inner"],"sources":["../../../packages/core/src/components/gov-tabs/constants.ts"],"sourcesContent":["import { pick } from '../../utils/utils'\r\nimport { ValueOf } from '../../types/interfaces'\r\nimport {Sizes} from \"../../core/constants/sizes\";\r\nimport { Colors } from '../../core/constants/colors'\r\n\r\nexport const TabSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\r\nexport type TabSizeType = `${ValueOf<typeof TabSizes>}`\r\n\r\nexport const TabColors = pick(Colors, ['PRIMARY', 'NEUTRAL'])\r\nexport type ColorType = `${ValueOf<typeof TabColors>}`\r\n\r\nexport enum TabTypes {\r\n\tTEXT = 'text',\r\n\tCHIP = 'chip',\r\n}\r\n\r\nexport type TabType = `${ValueOf<typeof TabTypes>}`\r\n\r\nexport enum TabOrientation {\r\n\tHORIZONTAL = 'horizontal',\r\n\tVERTICAL = 'vertical',\r\n}\r\n\r\nexport type TabOrientationType = `${ValueOf<typeof TabOrientation>}`\r\n\r\nexport const TabsClass = {\r\n\troot: 'gov-tabs',\r\n\ttabs: 'gov-tabs__tabs',\r\n\tlist: 'gov-tabs__list',\r\n\titem: 'gov-tabs__item',\r\n\tbtn: 'gov-tabs__btn',\r\n}\r\n\r\nexport const TabsItemClass = {\r\n\troot: 'gov-tabs-item',\r\n\tinner: 'gov-tabs-item__inner',\r\n}\r\n"],"mappings":"kHAKaA,EAAWC,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,KAAM,QAGvD,MAAMC,EAAYF,EAAKG,EAAQ,CAAC,UAAW,Y,IAGtCC,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,cACA,EAHD,CAAYA,MAGX,KAID,IAAYC,GAAZ,SAAYA,GACXA,EAAA,2BACAA,EAAA,sBACA,EAHD,CAAYA,MAGX,KAIY,MAAAC,EAAY,CACxBC,KAAM,WACNC,KAAM,iBACNC,KAAM,iBACNC,KAAM,iBACNC,IAAK,iBAGO,MAAAC,EAAgB,CAC5BL,KAAM,gBACNM,MAAO,+B","ignoreList":[]}
1	+ {"version":3,"names":["TabSizes","pick","Sizes","TabColors","Colors","TabTypes","TabOrientation","TabsClass","root","tabs","list","item","btn","TabsItemClass","inner"],"sources":["../../../packages/core/src/components/gov-tabs/constants.ts"],"sourcesContent":["import { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\nimport {Sizes} from \"../../core/constants/sizes\";\nimport { Colors } from '../../core/constants/colors'\n\nexport const TabSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type TabSizeType = `${ValueOf<typeof TabSizes>}`\n\nexport const TabColors = pick(Colors, ['PRIMARY', 'NEUTRAL'])\nexport type ColorType = `${ValueOf<typeof TabColors>}`\n\nexport enum TabTypes {\n\tTEXT = 'text',\n\tCHIP = 'chip',\n}\n\nexport type TabType = `${ValueOf<typeof TabTypes>}`\n\nexport enum TabOrientation {\n\tHORIZONTAL = 'horizontal',\n\tVERTICAL = 'vertical',\n}\n\nexport type TabOrientationType = `${ValueOf<typeof TabOrientation>}`\n\nexport const TabsClass = {\n\troot: 'gov-tabs',\n\ttabs: 'gov-tabs__tabs',\n\tlist: 'gov-tabs__list',\n\titem: 'gov-tabs__item',\n\tbtn: 'gov-tabs__btn',\n}\n\nexport const TabsItemClass = {\n\troot: 'gov-tabs-item',\n\tinner: 'gov-tabs-item__inner',\n}\n"],"mappings":"kHAKaA,EAAWC,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,KAAM,QAGvD,MAAMC,EAAYF,EAAKG,EAAQ,CAAC,UAAW,Y,IAGtCC,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,cACA,EAHD,CAAYA,MAGX,KAID,IAAYC,GAAZ,SAAYA,GACXA,EAAA,2BACAA,EAAA,sBACA,EAHD,CAAYA,MAGX,KAIY,MAAAC,EAAY,CACxBC,KAAM,WACNC,KAAM,iBACNC,KAAM,iBACNC,KAAM,iBACNC,IAAK,iBAGO,MAAAC,EAAgB,CAC5BL,KAAM,gBACNM,MAAO,+B","ignoreList":[]}

package/dist/components/p-BUmDydor.js.map CHANGED Viewed

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

package/dist/components/{p-DW1DKFMF.js → p-BZTY3MxF.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{p as t,H as s,c as e,h as i,a as o}from"./index.js";import{v as c}from"./p-BKP-F1qP.js";import{g as a}from"./p-DKo9A5gq.js";import{p as h}from"./p-CQvUntGY.js";import{S as n}from"./p-BcQO4NH2.js";import{a as r,c as f}from"./p-CNqoJU2V.js";import{c as d}from"./p-vN03FcXN.js";import{p as l}from"./p-GYov8gU1.js";import{i as b,A as p,a as m}from"./p-CXgom82_.js";import{d as u}from"./p-BJnSrRNH.js";const g=h(n,["_XS","_S","_M"]);var v;(function(t){t["SOLID"]="solid";t["OUTLINED"]="outlined"})(v||(v={}));var y;(function(t){t["A"]="a";t["SPAN"]="span";t["BUTTON"]="button"})(y||(y={}));const k={root:"gov-chip",hasRight:"gov-chip--has-right",hasLeft:"gov-chip--has-left"};const j=t(class t extends s{constructor(){super();this.__registerHost();this.govClick=e(this,"gov-click");this.hydrated=false;this.disabled=false;this.size=g._M;this.tag="span";this.color=r.PRIMARY;this.focusable=true;this.inheritedAttributes={};this.h=a(this.host);this.chipId=d("GovChip")}validateColor(t){c(r,t,k.root)}validateSize(t){c(f,t,k.root)}componentWillLoad(){this.validateColor(this.color);this.validateSize(this.size);this.inheritedAttributes=b(this.host)}componentDidLoad(){this.attributeObserver=new p(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(m)}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}connectedCallback(){this.hydrated=true}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}render(){const t=this.href?y.A:this.tag;const s=t==y.BUTTON?y.BUTTON:undefined;const e=l(this.iconStart);const c=l(this.iconEnd);return i(o,{key:"ef86316065b17ea753e6f46944203be579c9669c",class:this.h.classes([k.root,this.h.hasSlot("right")?k.hasRight:undefined,this.h.hasSlot("left")?k.hasLeft:undefined]),disabled:this.disabled,href:this.href,color:this.color,type:this.type,size:this.size,focusable:this.focusable,hydrated:this.hydrated},i(t,Object.assign({key:"0ecb833e5c5f4e30914d9f12764b78bfd22973b6",class:"element",href:this.href,target:this.target,ref:t=>this.triggerRef=t,onClick:this.onClickHandler.bind(this),tabindex:this.h.hasSlot("left")||this.h.hasSlot("right")||this.disabled||!this.focusable?"-1":"0",id:this.identifier||this.chipId,type:s},this.inheritedAttributes,{"aria-disabled":this.disabled}),i("slot",{key:"9793b743f288573932aec95f68c0f1b1bb617add",name:"left"}),i("slot",{key:"be7cc7cb0a94c666faf842d8ee70701245305001",name:"icon-start"},e&&i("gov-icon",{key:"464ebc3d08b609a17e5e126eca9b0fb8eefc2bd4",type:e.type,name:e.name})),i("slot",{key:"faffc742599b65f40b61b8cbd45e32891f43a869"}),i("slot",{key:"dce2fa1d55332f8cc3d51e8a11e56735f5bcf683",name:"icon-end"},c&&i("gov-icon",{key:"afc841c471bc376cc650150e168d307f3393ef15",type:c.type,name:c.name})),i("slot",{key:"16dc2b17d2b813c2ced12ae44c12d621a82c6cb5",name:"right"})))}onClickHandler(t){t.stopPropagation();if(this.disabled===false&&this.tag===y.BUTTON){this.govClick.emit(t)}}async geRef(){return this.triggerRef}async setFocus(){this.triggerRef.focus()}get host(){return this}static get watchers(){return{color:["validateColor"],size:["validateSize"]}}},[4,"gov-chip",{disabled:[516],href:[1],target:[1],iconStart:[1,"icon-start"],iconEnd:[1,"icon-end"],size:[1],tag:[1],color:[1],type:[513],focusable:[4],identifier:[1],inheritedAttributes:[32],geRef:[64],setFocus:[64]},undefined,{color:["validateColor"],size:["validateSize"]}]);function C(){if(typeof customElements==="undefined"){return}const t=["gov-chip","gov-icon"];t.forEach((t=>{switch(t){case"gov-chip":if(!customElements.get(t)){customElements.define(t,j)}break;case"gov-icon":if(!customElements.get(t)){u()}break}}))}C();export{j as G,C as d};
-//# sourceMappingURL=p-DW1DKFMF.js.map
+import{p as t,H as s,c as e,h as i,a as o}from"./index.js";import{v as a}from"./p-BKP-F1qP.js";import{g as c}from"./p-DKo9A5gq.js";import{p as h}from"./p-CQvUntGY.js";import{S as n}from"./p-BcQO4NH2.js";import{a as r,c as d}from"./p-CNqoJU2V.js";import{c as f}from"./p-vN03FcXN.js";import{p as l}from"./p-GYov8gU1.js";import{i as b,A as p,a as m}from"./p-CXgom82_.js";import{d as u}from"./p-BrdXh0mI.js";const g=h(n,["_XS","_S","_M"]);var v;(function(t){t["SOLID"]="solid";t["OUTLINED"]="outlined"})(v||(v={}));var y;(function(t){t["A"]="a";t["SPAN"]="span";t["BUTTON"]="button"})(y||(y={}));const k={root:"gov-chip",hasRight:"gov-chip--has-right",hasLeft:"gov-chip--has-left"};const j=t(class t extends s{constructor(){super();this.__registerHost();this.govClick=e(this,"gov-click");this.hydrated=false;this.disabled=false;this.size=g._M;this.tag="span";this.color=r.PRIMARY;this.focusable=true;this.inheritedAttributes={};this.h=c(this.host);this.chipId=f("GovChip")}validateColor(t){a(r,t,k.root)}validateSize(t){a(d,t,k.root)}componentWillLoad(){this.validateColor(this.color);this.validateSize(this.size);this.inheritedAttributes=b(this.host)}componentDidLoad(){this.attributeObserver=new p(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(m)}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}connectedCallback(){this.hydrated=true}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}render(){const t=this.href?y.A:this.tag;const s=t==y.BUTTON?y.BUTTON:undefined;const e=l(this.iconStart);const a=l(this.iconEnd);return i(o,{key:"bbe58de10514cfa5049188d6cbea7402e4abef1a",class:this.h.classes([k.root,this.h.hasSlot("right")?k.hasRight:undefined,this.h.hasSlot("left")?k.hasLeft:undefined]),disabled:this.disabled,href:this.href,color:this.color,type:this.type,size:this.size,focusable:this.focusable,hydrated:this.hydrated},i(t,Object.assign({key:"593f0ccd8f024d3b0539d029eb1ce15744b99dcc",class:"element",href:this.href,target:this.target,ref:t=>this.triggerRef=t,onClick:this.onClickHandler.bind(this),tabindex:this.h.hasSlot("left")||this.h.hasSlot("right")||this.disabled||!this.focusable?"-1":"0",id:this.identifier||this.chipId,type:s},this.inheritedAttributes,{"aria-disabled":this.disabled}),i("slot",{key:"d67eb38a50b78d336c6f26b94d771862f22d27e4",name:"left"}),i("slot",{key:"2642c53b31ace283aca7b21566b39e56caf7a0e2",name:"icon-start"},e&&i("gov-icon",{key:"8320fe3e6540b008684af9306b09b2464809948b",type:e.type,name:e.name})),i("slot",{key:"5c3c63c5cfef7d7c8ff1420ef6121e90fc735d80"}),i("slot",{key:"4e1e6f8751b8708a92b73d499c1f406c0fcb2fcc",name:"icon-end"},a&&i("gov-icon",{key:"a660967c54adc0b623b5f94b04e8e689425b7f28",type:a.type,name:a.name})),i("slot",{key:"af67d89fc3d70312d65078ad6f38b4ec4056542f",name:"right"})))}onClickHandler(t){t.stopPropagation();if(this.disabled===false&&this.tag===y.BUTTON){this.govClick.emit(t)}}async geRef(){return this.triggerRef}async setFocus(){this.triggerRef.focus()}get host(){return this}static get watchers(){return{color:["validateColor"],size:["validateSize"]}}},[4,"gov-chip",{disabled:[516],href:[1],target:[1],iconStart:[1,"icon-start"],iconEnd:[1,"icon-end"],size:[1],tag:[1],color:[1],type:[513],focusable:[4],identifier:[1],inheritedAttributes:[32],geRef:[64],setFocus:[64]},undefined,{color:["validateColor"],size:["validateSize"]}]);function C(){if(typeof customElements==="undefined"){return}const t=["gov-chip","gov-icon"];t.forEach((t=>{switch(t){case"gov-chip":if(!customElements.get(t)){customElements.define(t,j)}break;case"gov-icon":if(!customElements.get(t)){u()}break}}))}C();export{j as G,C as d};
+//# sourceMappingURL=p-BZTY3MxF.js.map