@gov-design-system-ce/components 4.1.0-rc02 → 4.1.0-rc1

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 (55) hide show
  1. package/dist/cjs/gov-icon.cjs.entry.js +1 -1
  2. package/dist/components/gov-accordion-item.js +1 -1
  3. package/dist/components/gov-attachments-item.js +1 -1
  4. package/dist/components/gov-breadcrumbs.js +1 -1
  5. package/dist/components/gov-breadcrumbs.js.map +1 -1
  6. package/dist/components/gov-button.js +1 -1
  7. package/dist/components/gov-card.js +1 -1
  8. package/dist/components/gov-chip.js +1 -1
  9. package/dist/components/gov-dialog.js +1 -1
  10. package/dist/components/gov-form-autocomplete.js +1 -1
  11. package/dist/components/gov-form-checkbox.js +1 -1
  12. package/dist/components/gov-form-file.js +1 -1
  13. package/dist/components/gov-form-input.js +1 -1
  14. package/dist/components/gov-form-multi-select.js +1 -1
  15. package/dist/components/gov-form-select.js +1 -1
  16. package/dist/components/gov-form-switch.js +1 -1
  17. package/dist/components/gov-icon.js +1 -1
  18. package/dist/components/gov-infobar.js +1 -1
  19. package/dist/components/gov-loading.js +1 -1
  20. package/dist/components/gov-pagination.js +1 -1
  21. package/dist/components/gov-pagination.js.map +1 -1
  22. package/dist/components/gov-tabs.js +1 -1
  23. package/dist/components/gov-tag.js +1 -1
  24. package/dist/components/gov-tile.js +1 -1
  25. package/dist/components/gov-toast.js +1 -1
  26. package/dist/components/gov-tooltip-content.js +1 -1
  27. package/dist/components/gov-tooltip-content.js.map +1 -1
  28. package/dist/components/gov-wizard-item.js +1 -1
  29. package/dist/components/{p-e20bb5dc.js → p-1366ed8d.js} +2 -2
  30. package/dist/components/p-778e3fff.js +2 -0
  31. package/dist/components/{p-e9b35956.js.map → p-778e3fff.js.map} +1 -1
  32. package/dist/components/{p-c9a15c52.js → p-7fd16831.js} +2 -2
  33. package/dist/components/{p-2da35aa8.js → p-cc90a508.js} +2 -2
  34. package/dist/components/p-d5f25595.js +2 -0
  35. package/dist/components/{p-5caf1fe1.js.map → p-d5f25595.js.map} +1 -1
  36. package/dist/components/p-dbae2385.js +2 -0
  37. package/dist/components/{p-fe1842da.js.map → p-dbae2385.js.map} +1 -1
  38. package/dist/components/{p-ff0cf148.js → p-dcaf0383.js} +2 -2
  39. package/dist/core/core.esm.js +1 -1
  40. package/dist/core/p-a16229c6.entry.js +2 -0
  41. package/dist/core/{p-74e9ad9d.entry.js.map → p-a16229c6.entry.js.map} +1 -1
  42. package/dist/esm/gov-icon.entry.js +1 -1
  43. package/dist/hydrate/index.js +1 -1
  44. package/dist/hydrate/index.mjs +1 -1
  45. package/dist/stencil.config.js +3 -4
  46. package/dist/stencil.config.js.map +1 -1
  47. package/package.json +2 -2
  48. package/dist/components/p-5caf1fe1.js +0 -2
  49. package/dist/components/p-e9b35956.js +0 -2
  50. package/dist/components/p-fe1842da.js +0 -2
  51. package/dist/core/p-74e9ad9d.entry.js +0 -2
  52. /package/dist/components/{p-e20bb5dc.js.map → p-1366ed8d.js.map} +0 -0
  53. /package/dist/components/{p-c9a15c52.js.map → p-7fd16831.js.map} +0 -0
  54. /package/dist/components/{p-2da35aa8.js.map → p-cc90a508.js.map} +0 -0
  55. /package/dist/components/{p-ff0cf148.js.map → p-dcaf0383.js.map} +0 -0
@@ -0,0 +1,2 @@
1
+ import{d as t,r as s,h as i,a as o,g as a}from"./p-a1e95a5f.js";import{a as n}from"./p-45a30859.js";import{C as e}from"./p-e3aeaca0.js";import{e as r,f as c}from"./p-e0d428c9.js";import{g as h}from"./p-0075138f.js";import{i as l}from"./p-2aedc81e.js";import{v as f}from"./p-169b67af.js";import"./p-b48a4aa0.js";const p=n(e,["DEFAULT","DISABLED","ERROR","NEUTRAL","SECONDARY","SUCCESS","WARNING","ON_BOLD_WHITE","ON_BOLD_BLACK","ON_SUBTLE","WHITE_FIXED"]);var u;(function(t){t["BASIC"]="basic";t["COMPLEX"]="complex";t["COLORED"]="colored"})(u||(u={}));const d={root:"gov-icon",holder:"gov-icon__holder"};const m="4.1.0-rc1";const v=()=>m;const w={};const g={};const E=t=>t.startsWith("http://")||t.startsWith("https://");const y=(s,i,o)=>{if(E(s)){return`${s}/${o}/${i}.svg?v=${v()}`}return t(`${s}/${o}/${i}.svg`)+`?v=${v()}`};async function D({name:t,type:s}){const i=s+"-"+t;if(w[i]){return w[i]}if(!g[i]){g[i]=fetch(y(r(),t,s)).then((t=>{if(t.status===200){return t.text()}else{throw new Error("Gov Icon doesn't exists")}}))}const o=await g[i];w[i]=o;return o}const I=class{constructor(t){s(this,t);this.color=undefined;this.name=null;this.type="basic";this.visible=false;this.error=false;this.h=h(this.host)}validateColor(t){f(p,t,d.root)}async loadIconPathData(){const{name:t,visible:s}=this;if(!t||!s){return}await this.loadIcon()}connectedCallback(){if(c()){this.visible=true;this.loadIconPathData().finally()}else{this.waitUntilVisible((async()=>{this.visible=true;await this.loadIconPathData()}))}}disconnectedCallback(){if(this.intersectionObserver){this.intersectionObserver.disconnect();this.intersectionObserver=null}}async componentWillLoad(){this.validateColor(this.color);await this.loadIconPathData()}waitUntilVisible(t){if(typeof window==="undefined"||!window.IntersectionObserver){t();return}this.intersectionObserver=new IntersectionObserver((s=>{s.forEach((s=>{if(s.isIntersecting){if(this.intersectionObserver){this.intersectionObserver.disconnect();this.intersectionObserver=null}t()}}))}),{rootMargin:"50px"});this.intersectionObserver.observe(this.host)}async loadIcon(){try{const{name:t,type:s}=this;const i=await D({name:t,type:s});const o=l(i)&&i.indexOf("svg")>-1;this.host.innerHTML=o?i:null}catch(t){this.host.innerHTML="";this.error=true}}render(){if(this.error){return null}return i(o,{class:this.h.classes(d.root),color:this.color})}static get assetsDirs(){return["assets"]}get host(){return a(this)}static get watchers(){return{color:["validateColor"],name:["loadIconPathData"]}}};export{I as gov_icon};
2
+ //# sourceMappingURL=p-a16229c6.entry.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["IconColors","pick","Colors","Types","IconClass","root","holder","dsVersion","version","iconCache","requestCache","isExternalUrl","path","startsWith","iconUrl","name","type","getAssetPath","async","fetchIcon","cacheKey","fetch","iconsPath","then","resp","status","text","Error","GovIcon","constructor","hostRef","this","h","govHost","host","validateColor","newValue","validateProp","loadIconPathData","visible","loadIcon","connectedCallback","iconsLazyLoad","finally","waitUntilVisible","disconnectedCallback","intersectionObserver","disconnect","componentWillLoad","color","callback","window","IntersectionObserver","entries","forEach","entry","isIntersecting","rootMargin","observe","data","isValid","isString","indexOf","innerHTML","e","error","render","Host","class","classes"],"sources":["../../../packages/core/src/components/gov-icon/constants.ts","../../../packages/core/src/utils/ds.utils.ts","../../../packages/core/src/utils/icon.utils.ts","../../../packages/core/src/components/gov-icon/gov-icon.tsx"],"sourcesContent":["import { ValueOf } from '../../types/interfaces'\nimport { pick } from '../../utils/utils';\nimport { Colors } from '../../core/constants/colors';\n\nexport const IconColors = pick(Colors, [\n\t'DEFAULT',\n\t'DISABLED',\n\t'ERROR',\n\t'NEUTRAL',\n\t'SECONDARY',\n\t'SUCCESS',\n\t'WARNING',\n\t'ON_BOLD_WHITE',\n\t'ON_BOLD_BLACK',\n\t'ON_SUBTLE',\n\t'WHITE_FIXED'\n])\nexport type IconColorType = `${ValueOf<typeof IconColors>}`\n\nenum Types {\n\tBASIC = 'basic',\n\tCOMPLEX = 'complex',\n\tCOLORED = 'colored',\n}\nexport type Type = `${ValueOf<typeof Types>}`\n\nexport const IconClass = {\n\troot: 'gov-icon',\n\tholder: 'gov-icon__holder',\n}\n","import { version } from '../../package.json'\n\nexport const dsVersion = (): string => {\n\treturn version\n}\n","import { getAssetPath } from \"@stencil/core\"\nimport { dsVersion } from \"./ds.utils\"\nimport { iconsPath } from \"../helpers/Dom/win\"\n\nconst iconCache: { [key: string]: string } = {}\nconst requestCache: { [key: string]: Promise<string> } = {}\n\nconst isExternalUrl = (path: string) => path.startsWith(\"http://\") || path.startsWith(\"https://\")\nconst iconUrl = (path: string, name: string, type: string) => {\n\tif (isExternalUrl(path)) {\n\t\treturn `${path}/${type}/${name}.svg?v=${dsVersion()}`\n\t}\n\treturn getAssetPath(`${path}/${type}/${name}.svg`) + `?v=${dsVersion()}`\n}\n\nexport async function fetchIcon({ name, type }: { name: string; type: string }): Promise<string> {\n\tconst cacheKey = type + \"-\" + name\n\tif (iconCache[cacheKey]) {\n\t\treturn iconCache[cacheKey]\n\t}\n\tif (!requestCache[cacheKey]) {\n\t\trequestCache[cacheKey] = fetch(iconUrl(iconsPath(), name, type)).then(resp => {\n\t\t\tif (resp.status === 200) {\n\t\t\t\treturn resp.text()\n\t\t\t} else {\n\t\t\t\tthrow new Error(\"Gov Icon doesn't exists\")\n\t\t\t}\n\t\t})\n\t}\n\tconst path = await requestCache[cacheKey]\n\ticonCache[cacheKey] = path\n\treturn path\n}\n","import {Build, Component, Element, h, Host, Prop, State, Watch} from \"@stencil/core\"\nimport {IconClass} from \"./constants\"\nimport {fetchIcon} from \"../../utils/icon.utils\"\nimport {govHost} from \"../../helpers/Dom/template\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {iconsLazyLoad} from \"../../helpers/Dom/win\"\nimport {isString} from \"../../utils/helpers.types\";\nimport { type IconColorType, IconColors } from \"./constants\";\nimport { validateProp } from \"../../helpers/Validate/props\";\n\n@Component({\n\tassetsDirs: [\"assets\"],\n\ttag: \"gov-icon\",\n})\nexport class GovIcon {\n\tprivate h: GovHost\n\tprivate intersectionObserver: IntersectionObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovIconElement\n\t/**\n\t * Style variation of the button\n\t */\n\t@Prop({reflect: true}) readonly color: IconColorType\n\t/**\n\t * Name of icon in folder\n\t */\n\t@Prop({reflect: true}) name: string = null\n\t/**\n\t * Type (folder) of icon\n\t */\n\t@Prop({reflect: true}) type = \"basic\"\n\n\t@State() private visible = false\n\t@State() private error = false\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(IconColors, newValue, IconClass.root)\n\t}\n\n\t@Watch(\"name\")\n\tprivate async loadIconPathData(): Promise<void> {\n\t\tconst {name, visible} = this\n\t\tif (!Build.isBrowser || !name || !visible) {\n\t\t\treturn\n\t\t}\n\t\tawait this.loadIcon()\n\t}\n\n\tconnectedCallback(): void {\n\t\tif (iconsLazyLoad()) {\n\t\t\tthis.visible = true\n\t\t\tthis.loadIconPathData().finally()\n\t\t} else {\n\t\t\tthis.waitUntilVisible(async () => {\n\t\t\t\tthis.visible = true\n\t\t\t\tawait this.loadIconPathData()\n\t\t\t})\n\t\t}\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tif (this.intersectionObserver) {\n\t\t\tthis.intersectionObserver.disconnect()\n\t\t\tthis.intersectionObserver = null\n\t\t}\n\t}\n\n\tasync componentWillLoad(): Promise<void> {\n\t\tthis.validateColor(this.color)\n\t\tawait this.loadIconPathData()\n\t}\n\n\tprivate waitUntilVisible(callback: () => void): void {\n\t\tif (!Build.isBrowser || typeof window === \"undefined\" || !(window as any).IntersectionObserver) {\n\t\t\tcallback()\n\t\t\treturn\n\t\t}\n\t\tthis.intersectionObserver = new IntersectionObserver(\n\t\t\tentries => {\n\t\t\t\tentries.forEach(entry => {\n\t\t\t\t\tif (entry.isIntersecting) {\n\t\t\t\t\t\tif (this.intersectionObserver) {\n\t\t\t\t\t\t\tthis.intersectionObserver.disconnect()\n\t\t\t\t\t\t\tthis.intersectionObserver = null\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcallback()\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t},\n\t\t\t{rootMargin: \"50px\"},\n\t\t)\n\t\tthis.intersectionObserver.observe(this.host)\n\t}\n\n\tprivate async loadIcon() {\n\t\ttry {\n\t\t\tconst {name, type} = this\n\t\t\tconst data = await fetchIcon({name, type})\n\t\t\tconst isValid = isString(data) && data.indexOf('svg') > -1\n\t\t\tthis.host.innerHTML = isValid ? data : null;\n\t\t} catch (e) {\n\t\t\tthis.host.innerHTML = ''\n\t\t\tthis.error = true\n\t\t}\n\t}\n\n\trender() {\n\t\tif (this.error) {\n\t\t\treturn null\n\t\t}\n\t\treturn (\n\t\t\t<Host class={this.h.classes(IconClass.root)} color={this.color}/>\n\t\t)\n\t}\n}\n"],"mappings":"uTAIO,MAAMA,EAAaC,EAAKC,EAAQ,CACtC,UACA,WACA,QACA,UACA,YACA,UACA,UACA,gBACA,gBACA,YACA,gBAID,IAAKC,GAAL,SAAKA,GACJA,EAAA,iBACAA,EAAA,qBACAA,EAAA,oBACA,EAJD,CAAKA,MAAK,KAOH,MAAMC,EAAY,CACxBC,KAAM,WACNC,OAAQ,oB,qBC1BF,MAAMC,EAAY,IACjBC,ECCR,MAAMC,EAAuC,GAC7C,MAAMC,EAAmD,GAEzD,MAAMC,EAAiBC,GAAiBA,EAAKC,WAAW,YAAcD,EAAKC,WAAW,YACtF,MAAMC,EAAU,CAACF,EAAcG,EAAcC,KAC5C,GAAIL,EAAcC,GAAO,CACxB,MAAO,GAAGA,KAAQI,KAAQD,WAAcR,K,CAEzC,OAAOU,EAAa,GAAGL,KAAQI,KAAQD,SAAc,MAAMR,KAAa,EAGlEW,eAAeC,GAAUJ,KAAEA,EAAIC,KAAEA,IACvC,MAAMI,EAAWJ,EAAO,IAAMD,EAC9B,GAAIN,EAAUW,GAAW,CACxB,OAAOX,EAAUW,E,CAElB,IAAKV,EAAaU,GAAW,CAC5BV,EAAaU,GAAYC,MAAMP,EAAQQ,IAAaP,EAAMC,IAAOO,MAAKC,IACrE,GAAIA,EAAKC,SAAW,IAAK,CACxB,OAAOD,EAAKE,M,KACN,CACN,MAAM,IAAIC,MAAM,0B,KAInB,MAAMf,QAAaF,EAAaU,GAChCX,EAAUW,GAAYR,EACtB,OAAOA,CACR,C,MClBagB,EAAO,MAInB,WAAAC,CAAAC,G,yCAYsC,K,UAIR,Q,aAEH,M,WACF,MAlBxBC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAqBvB,aAAAC,CAAcC,GACbC,EAAarC,EAAYoC,EAAUhC,EAAUC,K,CAItC,sBAAMiC,GACb,MAAMvB,KAACA,EAAIwB,QAAEA,GAAWR,KACxB,IAAyBhB,IAASwB,EAAS,CAC1C,M,OAEKR,KAAKS,U,CAGZ,iBAAAC,GACC,GAAIC,IAAiB,CACpBX,KAAKQ,QAAU,KACfR,KAAKO,mBAAmBK,S,KAClB,CACNZ,KAAKa,kBAAiB1B,UACrBa,KAAKQ,QAAU,WACTR,KAAKO,kBAAkB,G,EAKhC,oBAAAO,GACC,GAAId,KAAKe,qBAAsB,CAC9Bf,KAAKe,qBAAqBC,aAC1BhB,KAAKe,qBAAuB,I,EAI9B,uBAAME,GACLjB,KAAKI,cAAcJ,KAAKkB,aAClBlB,KAAKO,kB,CAGJ,gBAAAM,CAAiBM,GACxB,UAA+BC,SAAW,cAAiBA,OAAeC,qBAAsB,CAC/FF,IACA,M,CAEDnB,KAAKe,qBAAuB,IAAIM,sBAC/BC,IACCA,EAAQC,SAAQC,IACf,GAAIA,EAAMC,eAAgB,CACzB,GAAIzB,KAAKe,qBAAsB,CAC9Bf,KAAKe,qBAAqBC,aAC1BhB,KAAKe,qBAAuB,I,CAE7BI,G,IAEA,GAEH,CAACO,WAAY,SAEd1B,KAAKe,qBAAqBY,QAAQ3B,KAAKG,K,CAGhC,cAAMM,GACb,IACC,MAAMzB,KAACA,EAAIC,KAAEA,GAAQe,KACrB,MAAM4B,QAAaxC,EAAU,CAACJ,OAAMC,SACpC,MAAM4C,EAAUC,EAASF,IAASA,EAAKG,QAAQ,QAAU,EACzD/B,KAAKG,KAAK6B,UAAYH,EAAUD,EAAO,I,CACtC,MAAOK,GACRjC,KAAKG,KAAK6B,UAAY,GACtBhC,KAAKkC,MAAQ,I,EAIf,MAAAC,GACC,GAAInC,KAAKkC,MAAO,CACf,OAAO,I,CAER,OACCjC,EAACmC,EAAI,CAACC,MAAOrC,KAAKC,EAAEqC,QAAQjE,EAAUC,MAAO4C,MAAOlB,KAAKkB,O","ignoreList":[]}
1
+ {"version":3,"names":["IconColors","pick","Colors","Types","IconClass","root","holder","dsVersion","version","iconCache","requestCache","isExternalUrl","path","startsWith","iconUrl","name","type","getAssetPath","async","fetchIcon","cacheKey","fetch","iconsPath","then","resp","status","text","Error","GovIcon","constructor","hostRef","this","h","govHost","host","validateColor","newValue","validateProp","loadIconPathData","visible","loadIcon","connectedCallback","iconsLazyLoad","finally","waitUntilVisible","disconnectedCallback","intersectionObserver","disconnect","componentWillLoad","color","callback","window","IntersectionObserver","entries","forEach","entry","isIntersecting","rootMargin","observe","data","isValid","isString","indexOf","innerHTML","e","error","render","Host","class","classes"],"sources":["../../../packages/core/src/components/gov-icon/constants.ts","../../../packages/core/src/utils/ds.utils.ts","../../../packages/core/src/utils/icon.utils.ts","../../../packages/core/src/components/gov-icon/gov-icon.tsx"],"sourcesContent":["import { ValueOf } from '../../types/interfaces'\nimport { pick } from '../../utils/utils';\nimport { Colors } from '../../core/constants/colors';\n\nexport const IconColors = pick(Colors, [\n\t'DEFAULT',\n\t'DISABLED',\n\t'ERROR',\n\t'NEUTRAL',\n\t'SECONDARY',\n\t'SUCCESS',\n\t'WARNING',\n\t'ON_BOLD_WHITE',\n\t'ON_BOLD_BLACK',\n\t'ON_SUBTLE',\n\t'WHITE_FIXED'\n])\nexport type IconColorType = `${ValueOf<typeof IconColors>}`\n\nenum Types {\n\tBASIC = 'basic',\n\tCOMPLEX = 'complex',\n\tCOLORED = 'colored',\n}\nexport type Type = `${ValueOf<typeof Types>}`\n\nexport const IconClass = {\n\troot: 'gov-icon',\n\tholder: 'gov-icon__holder',\n}\n","import { version } from '../../package.json'\n\nexport const dsVersion = (): string => {\n\treturn version\n}\n","import { getAssetPath } from \"@stencil/core\"\nimport { dsVersion } from \"./ds.utils\"\nimport { iconsPath } from \"../helpers/Dom/win\"\n\nconst iconCache: { [key: string]: string } = {}\nconst requestCache: { [key: string]: Promise<string> } = {}\n\nconst isExternalUrl = (path: string) => path.startsWith(\"http://\") || path.startsWith(\"https://\")\nconst iconUrl = (path: string, name: string, type: string) => {\n\tif (isExternalUrl(path)) {\n\t\treturn `${path}/${type}/${name}.svg?v=${dsVersion()}`\n\t}\n\treturn getAssetPath(`${path}/${type}/${name}.svg`) + `?v=${dsVersion()}`\n}\n\nexport async function fetchIcon({ name, type }: { name: string; type: string }): Promise<string> {\n\tconst cacheKey = type + \"-\" + name\n\tif (iconCache[cacheKey]) {\n\t\treturn iconCache[cacheKey]\n\t}\n\tif (!requestCache[cacheKey]) {\n\t\trequestCache[cacheKey] = fetch(iconUrl(iconsPath(), name, type)).then(resp => {\n\t\t\tif (resp.status === 200) {\n\t\t\t\treturn resp.text()\n\t\t\t} else {\n\t\t\t\tthrow new Error(\"Gov Icon doesn't exists\")\n\t\t\t}\n\t\t})\n\t}\n\tconst path = await requestCache[cacheKey]\n\ticonCache[cacheKey] = path\n\treturn path\n}\n","import {Build, Component, Element, h, Host, Prop, State, Watch} from \"@stencil/core\"\nimport {IconClass} from \"./constants\"\nimport {fetchIcon} from \"../../utils/icon.utils\"\nimport {govHost} from \"../../helpers/Dom/template\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {iconsLazyLoad} from \"../../helpers/Dom/win\"\nimport {isString} from \"../../utils/helpers.types\";\nimport { type IconColorType, IconColors } from \"./constants\";\nimport { validateProp } from \"../../helpers/Validate/props\";\n\n@Component({\n\tassetsDirs: [\"assets\"],\n\ttag: \"gov-icon\",\n})\nexport class GovIcon {\n\tprivate h: GovHost\n\tprivate intersectionObserver: IntersectionObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovIconElement\n\t/**\n\t * Style variation of the button\n\t */\n\t@Prop({reflect: true}) readonly color: IconColorType\n\t/**\n\t * Name of icon in folder\n\t */\n\t@Prop({reflect: true}) name: string = null\n\t/**\n\t * Type (folder) of icon\n\t */\n\t@Prop({reflect: true}) type = \"basic\"\n\n\t@State() private visible = false\n\t@State() private error = false\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(IconColors, newValue, IconClass.root)\n\t}\n\n\t@Watch(\"name\")\n\tprivate async loadIconPathData(): Promise<void> {\n\t\tconst {name, visible} = this\n\t\tif (!Build.isBrowser || !name || !visible) {\n\t\t\treturn\n\t\t}\n\t\tawait this.loadIcon()\n\t}\n\n\tconnectedCallback(): void {\n\t\tif (iconsLazyLoad()) {\n\t\t\tthis.visible = true\n\t\t\tthis.loadIconPathData().finally()\n\t\t} else {\n\t\t\tthis.waitUntilVisible(async () => {\n\t\t\t\tthis.visible = true\n\t\t\t\tawait this.loadIconPathData()\n\t\t\t})\n\t\t}\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tif (this.intersectionObserver) {\n\t\t\tthis.intersectionObserver.disconnect()\n\t\t\tthis.intersectionObserver = null\n\t\t}\n\t}\n\n\tasync componentWillLoad(): Promise<void> {\n\t\tthis.validateColor(this.color)\n\t\tawait this.loadIconPathData()\n\t}\n\n\tprivate waitUntilVisible(callback: () => void): void {\n\t\tif (!Build.isBrowser || typeof window === \"undefined\" || !(window as any).IntersectionObserver) {\n\t\t\tcallback()\n\t\t\treturn\n\t\t}\n\t\tthis.intersectionObserver = new IntersectionObserver(\n\t\t\tentries => {\n\t\t\t\tentries.forEach(entry => {\n\t\t\t\t\tif (entry.isIntersecting) {\n\t\t\t\t\t\tif (this.intersectionObserver) {\n\t\t\t\t\t\t\tthis.intersectionObserver.disconnect()\n\t\t\t\t\t\t\tthis.intersectionObserver = null\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcallback()\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t},\n\t\t\t{rootMargin: \"50px\"},\n\t\t)\n\t\tthis.intersectionObserver.observe(this.host)\n\t}\n\n\tprivate async loadIcon() {\n\t\ttry {\n\t\t\tconst {name, type} = this\n\t\t\tconst data = await fetchIcon({name, type})\n\t\t\tconst isValid = isString(data) && data.indexOf('svg') > -1\n\t\t\tthis.host.innerHTML = isValid ? data : null;\n\t\t} catch (e) {\n\t\t\tthis.host.innerHTML = ''\n\t\t\tthis.error = true\n\t\t}\n\t}\n\n\trender() {\n\t\tif (this.error) {\n\t\t\treturn null\n\t\t}\n\t\treturn (\n\t\t\t<Host class={this.h.classes(IconClass.root)} color={this.color}/>\n\t\t)\n\t}\n}\n"],"mappings":"uTAIO,MAAMA,EAAaC,EAAKC,EAAQ,CACtC,UACA,WACA,QACA,UACA,YACA,UACA,UACA,gBACA,gBACA,YACA,gBAID,IAAKC,GAAL,SAAKA,GACJA,EAAA,iBACAA,EAAA,qBACAA,EAAA,oBACA,EAJD,CAAKA,MAAK,KAOH,MAAMC,EAAY,CACxBC,KAAM,WACNC,OAAQ,oB,oBC1BF,MAAMC,EAAY,IACjBC,ECCR,MAAMC,EAAuC,GAC7C,MAAMC,EAAmD,GAEzD,MAAMC,EAAiBC,GAAiBA,EAAKC,WAAW,YAAcD,EAAKC,WAAW,YACtF,MAAMC,EAAU,CAACF,EAAcG,EAAcC,KAC5C,GAAIL,EAAcC,GAAO,CACxB,MAAO,GAAGA,KAAQI,KAAQD,WAAcR,K,CAEzC,OAAOU,EAAa,GAAGL,KAAQI,KAAQD,SAAc,MAAMR,KAAa,EAGlEW,eAAeC,GAAUJ,KAAEA,EAAIC,KAAEA,IACvC,MAAMI,EAAWJ,EAAO,IAAMD,EAC9B,GAAIN,EAAUW,GAAW,CACxB,OAAOX,EAAUW,E,CAElB,IAAKV,EAAaU,GAAW,CAC5BV,EAAaU,GAAYC,MAAMP,EAAQQ,IAAaP,EAAMC,IAAOO,MAAKC,IACrE,GAAIA,EAAKC,SAAW,IAAK,CACxB,OAAOD,EAAKE,M,KACN,CACN,MAAM,IAAIC,MAAM,0B,KAInB,MAAMf,QAAaF,EAAaU,GAChCX,EAAUW,GAAYR,EACtB,OAAOA,CACR,C,MClBagB,EAAO,MAInB,WAAAC,CAAAC,G,yCAYsC,K,UAIR,Q,aAEH,M,WACF,MAlBxBC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAqBvB,aAAAC,CAAcC,GACbC,EAAarC,EAAYoC,EAAUhC,EAAUC,K,CAItC,sBAAMiC,GACb,MAAMvB,KAACA,EAAIwB,QAAEA,GAAWR,KACxB,IAAyBhB,IAASwB,EAAS,CAC1C,M,OAEKR,KAAKS,U,CAGZ,iBAAAC,GACC,GAAIC,IAAiB,CACpBX,KAAKQ,QAAU,KACfR,KAAKO,mBAAmBK,S,KAClB,CACNZ,KAAKa,kBAAiB1B,UACrBa,KAAKQ,QAAU,WACTR,KAAKO,kBAAkB,G,EAKhC,oBAAAO,GACC,GAAId,KAAKe,qBAAsB,CAC9Bf,KAAKe,qBAAqBC,aAC1BhB,KAAKe,qBAAuB,I,EAI9B,uBAAME,GACLjB,KAAKI,cAAcJ,KAAKkB,aAClBlB,KAAKO,kB,CAGJ,gBAAAM,CAAiBM,GACxB,UAA+BC,SAAW,cAAiBA,OAAeC,qBAAsB,CAC/FF,IACA,M,CAEDnB,KAAKe,qBAAuB,IAAIM,sBAC/BC,IACCA,EAAQC,SAAQC,IACf,GAAIA,EAAMC,eAAgB,CACzB,GAAIzB,KAAKe,qBAAsB,CAC9Bf,KAAKe,qBAAqBC,aAC1BhB,KAAKe,qBAAuB,I,CAE7BI,G,IAEA,GAEH,CAACO,WAAY,SAEd1B,KAAKe,qBAAqBY,QAAQ3B,KAAKG,K,CAGhC,cAAMM,GACb,IACC,MAAMzB,KAACA,EAAIC,KAAEA,GAAQe,KACrB,MAAM4B,QAAaxC,EAAU,CAACJ,OAAMC,SACpC,MAAM4C,EAAUC,EAASF,IAASA,EAAKG,QAAQ,QAAU,EACzD/B,KAAKG,KAAK6B,UAAYH,EAAUD,EAAO,I,CACtC,MAAOK,GACRjC,KAAKG,KAAK6B,UAAY,GACtBhC,KAAKkC,MAAQ,I,EAIf,MAAAC,GACC,GAAInC,KAAKkC,MAAO,CACf,OAAO,I,CAER,OACCjC,EAACmC,EAAI,CAACC,MAAOrC,KAAKC,EAAEqC,QAAQjE,EAAUC,MAAO4C,MAAOlB,KAAKkB,O","ignoreList":[]}
@@ -31,7 +31,7 @@ const IconClass = {
31
31
  holder: 'gov-icon__holder',
32
32
  };
33
33
 
34
- const version = "4.1.0-rc02";
34
+ const version = "4.1.0-rc1";
35
35
 
36
36
  const dsVersion = () => {
37
37
  return version;
@@ -15870,7 +15870,7 @@ const IconClass = {
15870
15870
  holder: 'gov-icon__holder',
15871
15871
  };
15872
15872
 
15873
- const version = "4.1.0-rc02";
15873
+ const version = "4.1.0-rc1";
15874
15874
 
15875
15875
  const dsVersion = () => {
15876
15876
  return version;
@@ -15866,7 +15866,7 @@ const IconClass = {
15866
15866
  holder: 'gov-icon__holder',
15867
15867
  };
15868
15868
 
15869
- const version = "4.1.0-rc02";
15869
+ const version = "4.1.0-rc1";
15870
15870
 
15871
15871
  const dsVersion = () => {
15872
15872
  return version;
@@ -58,13 +58,12 @@ export const config = {
58
58
  componentCorePackage: "@gov-design-system-ce/components",
59
59
  proxiesFile: "../../../packages/core-react/lib/index.ts",
60
60
  includeDefineCustomElements: true,
61
- includePolyfills: true
61
+ includePolyfills: false
62
62
  }),
63
63
  vueOutputTarget({
64
- componentCorePackage: "@gov-design-system-ce/components",
64
+ componentCorePackage: "@gov-design-system-ce",
65
65
  proxiesFile: "../../../packages/core-vue/lib/index.ts",
66
- includeImportCustomElements: false,
67
- includePolyfills: false,
66
+ includeImportCustomElements: true,
68
67
  componentModels: [
69
68
  {
70
69
  elements: ['gov-form-autocomplete', 'gov-form-input'],
@@ -1 +1 @@
1
- {"version":3,"file":"stencil.config.js","sourceRoot":"","sources":["../../../stencil.config.ts"],"names":[],"mappings":"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","sourcesContent":["import {Config} from \"@stencil/core\"\nimport {postcss} from \"@stencil/postcss\"\nimport {sass} from \"@stencil/sass\"\nimport autoprefixer from \"autoprefixer\"\nimport path from \"path\"\nimport {reactOutputTarget} from \"@stencil/react-output-target\"\nimport {vueOutputTarget} from \"@stencil/vue-output-target\"\nimport {angularOutputTarget} from '@stencil/angular-output-target';\n\nexport const config: Config = {\n\tnamespace: \"core\",\n\tglobalStyle: \"src/sass/global.scss\",\n\ttaskQueue: \"async\",\n\tsourceMap: true,\n\tinvisiblePrehydration: false,\n\textras: {\n\t\texperimentalSlotFixes: true,\n\t\tenableImportInjection: true,\n\t\tcloneNodeFix: true,\n\t},\n\tplugins: [\n\t\tsass({\n\t\t\tinjectGlobalPaths: [path.resolve(__dirname, `src/sass/core.scss`).replace(/\\\\/g, \"/\")],\n\t\t}),\n\t\tpostcss({\n\t\t\tplugins: [autoprefixer()],\n\t\t}),\n\t],\n\toutputTargets: [\n\t\t{\n\t\t\ttype: \"dist\",\n\t\t\tesmLoaderPath: \"../loader\",\n\t\t},\n\t\t{\n\t\t\ttype: \"docs-readme\",\n\t\t\tstrict: true,\n\t\t},\n\t\t{\n\t\t\ttype: \"www\",\n\t\t\tcopy: [\n\t\t\t\t{src: \"../../fonts/lib\", dest: \"build/assets/fonts\"},\n\t\t\t\t{src: \"../../icons/lib\", dest: \"build/assets/icons\"},\n\t\t\t\t{src: \"../../styles/lib\", dest: \"build/assets/styles\"},\n\t\t\t],\n\t\t\tserviceWorker: null,\n\t\t\tbaseUrl: '/playground'\n\t\t},\n\t\t{\n\t\t\ttype: \"dist-hydrate-script\",\n\t\t\tdir: \"dist/hydrate\",\n\t\t},\n\t\t{\n\t\t\ttype: \"dist-custom-elements\",\n\t\t\tincludeGlobalScripts: false,\n\t\t\texternalRuntime: false,\n\t\t\tminify: true,\n\t\t\tcustomElementsExportBehavior: 'auto-define-custom-elements'\n\t\t},\n\n\t\treactOutputTarget({\n\t\t\tcomponentCorePackage: \"@gov-design-system-ce/components\",\n\t\t\tproxiesFile: \"../../../packages/core-react/lib/index.ts\",\n\t\t\tincludeDefineCustomElements: true,\n\t\t\tincludePolyfills: true\n\t\t}),\n\t\tvueOutputTarget({\n\t\t\tcomponentCorePackage: \"@gov-design-system-ce/components\",\n\t\t\tproxiesFile: \"../../../packages/core-vue/lib/index.ts\",\n\t\t\tincludeImportCustomElements: false,\n\t\t\tincludePolyfills: false,\n\t\t\tcomponentModels: [\n\t\t\t\t{\n\t\t\t\t\telements: ['gov-form-autocomplete', 'gov-form-input'],\n\t\t\t\t\tevent: 'gov-input',\n\t\t\t\t\ttargetAttr: 'value',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\telements: ['gov-form-autocomplete'],\n\t\t\t\t\tevent: 'gov-select',\n\t\t\t\t\ttargetAttr: 'value',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\telements: ['gov-form-checkbox', 'gov-form-switch'],\n\t\t\t\t\tevent: 'gov-change',\n\t\t\t\t\ttargetAttr: 'checked',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\telements: ['gov-form-multiselect', 'gov-form-select', 'gov-form-radio',],\n\t\t\t\t\tevent: 'gov-change',\n\t\t\t\t\ttargetAttr: 'value',\n\t\t\t\t},\n\t\t\t],\n\t\t}),\n\t\tangularOutputTarget({\n\t\t\tcomponentCorePackage: \"@gov-design-system-ce/components\",\n\t\t\toutputType: 'component',\n\t\t\tdirectivesProxyFile: '../../../packages/core-angular/src/directives/proxies.ts',\n\t\t\tdirectivesArrayFile: '../../../packages/core-angular/src/directives/proxies-list.ts',\n\t\t}),\n\t],\n}\n"]}
1
+ {"version":3,"file":"stencil.config.js","sourceRoot":"","sources":["../../../stencil.config.ts"],"names":[],"mappings":"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","sourcesContent":["import {Config} from \"@stencil/core\"\nimport {postcss} from \"@stencil/postcss\"\nimport {sass} from \"@stencil/sass\"\nimport autoprefixer from \"autoprefixer\"\nimport path from \"path\"\nimport {reactOutputTarget} from \"@stencil/react-output-target\"\nimport {vueOutputTarget} from \"@stencil/vue-output-target\"\nimport {angularOutputTarget} from '@stencil/angular-output-target';\n\nexport const config: Config = {\n\tnamespace: \"core\",\n\tglobalStyle: \"src/sass/global.scss\",\n\ttaskQueue: \"async\",\n\tsourceMap: true,\n\tinvisiblePrehydration: false,\n\textras: {\n\t\texperimentalSlotFixes: true,\n\t\tenableImportInjection: true,\n\t\tcloneNodeFix: true,\n\t},\n\tplugins: [\n\t\tsass({\n\t\t\tinjectGlobalPaths: [path.resolve(__dirname, `src/sass/core.scss`).replace(/\\\\/g, \"/\")],\n\t\t}),\n\t\tpostcss({\n\t\t\tplugins: [autoprefixer()],\n\t\t}),\n\t],\n\toutputTargets: [\n\t\t{\n\t\t\ttype: \"dist\",\n\t\t\tesmLoaderPath: \"../loader\",\n\t\t},\n\t\t{\n\t\t\ttype: \"docs-readme\",\n\t\t\tstrict: true,\n\t\t},\n\t\t{\n\t\t\ttype: \"www\",\n\t\t\tcopy: [\n\t\t\t\t{src: \"../../fonts/lib\", dest: \"build/assets/fonts\"},\n\t\t\t\t{src: \"../../icons/lib\", dest: \"build/assets/icons\"},\n\t\t\t\t{src: \"../../styles/lib\", dest: \"build/assets/styles\"},\n\t\t\t],\n\t\t\tserviceWorker: null,\n\t\t\tbaseUrl: '/playground'\n\t\t},\n\t\t{\n\t\t\ttype: \"dist-hydrate-script\",\n\t\t\tdir: \"dist/hydrate\",\n\t\t},\n\t\t{\n\t\t\ttype: \"dist-custom-elements\",\n\t\t\tincludeGlobalScripts: false,\n\t\t\texternalRuntime: false,\n\t\t\tminify: true,\n\t\t\tcustomElementsExportBehavior: 'auto-define-custom-elements'\n\t\t},\n\n\t\treactOutputTarget({\n\t\t\tcomponentCorePackage: \"@gov-design-system-ce/components\",\n\t\t\tproxiesFile: \"../../../packages/core-react/lib/index.ts\",\n\t\t\tincludeDefineCustomElements: true,\n\t\t\tincludePolyfills: false\n\t\t}),\n\t\tvueOutputTarget({\n\t\t\tcomponentCorePackage: \"@gov-design-system-ce\",\n\t\t\tproxiesFile: \"../../../packages/core-vue/lib/index.ts\",\n\t\t\tincludeImportCustomElements: true,\n\t\t\tcomponentModels: [\n\t\t\t\t{\n\t\t\t\t\telements: ['gov-form-autocomplete', 'gov-form-input'],\n\t\t\t\t\tevent: 'gov-input',\n\t\t\t\t\ttargetAttr: 'value',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\telements: ['gov-form-autocomplete'],\n\t\t\t\t\tevent: 'gov-select',\n\t\t\t\t\ttargetAttr: 'value',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\telements: ['gov-form-checkbox', 'gov-form-switch'],\n\t\t\t\t\tevent: 'gov-change',\n\t\t\t\t\ttargetAttr: 'checked',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\telements: ['gov-form-multiselect', 'gov-form-select', 'gov-form-radio',],\n\t\t\t\t\tevent: 'gov-change',\n\t\t\t\t\ttargetAttr: 'value',\n\t\t\t\t},\n\t\t\t],\n\t\t}),\n\t\tangularOutputTarget({\n\t\t\tcomponentCorePackage: \"@gov-design-system-ce/components\",\n\t\t\toutputType: 'component',\n\t\t\tdirectivesProxyFile: '../../../packages/core-angular/src/directives/proxies.ts',\n\t\t\tdirectivesArrayFile: '../../../packages/core-angular/src/directives/proxies-list.ts',\n\t\t}),\n\t],\n}\n"]}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@gov-design-system-ce/components",
3
3
  "description": "This package includes Gov Design System Web Components and related utilities.",
4
4
  "author": "Zdeněk Vítek",
5
- "version": "4.1.0-rc02",
5
+ "version": "4.1.0-rc1",
6
6
  "license": "EUPL v1.2 Licensed",
7
7
  "main": "./dist/index.cjs.js",
8
8
  "unpkg": "./dist/core/core.esm.js",
@@ -24,6 +24,6 @@
24
24
  "dependencies": {
25
25
  "@gov-design-system-ce/icons": "0.0.12",
26
26
  "@gov-design-system-ce/fonts": "0.0.2",
27
- "@gov-design-system-ce/styles": "4.1.0-rc01"
27
+ "@gov-design-system-ce/styles": "4.0.4-rc01"
28
28
  }
29
29
  }
@@ -1,2 +0,0 @@
1
- import{p as t,H as s,h as i,d as o}from"./p-ae3dada7.js";import{p as e}from"./p-e0e2e9c1.js";import{C as n}from"./p-e3aeaca0.js";import{g as a}from"./p-bfce6f99.js";import{i as r,c}from"./p-7501abe8.js";import{g as h}from"./p-0075138f.js";import{i as l}from"./p-2aedc81e.js";import{v as f}from"./p-19c681a3.js";const u=e(n,["DEFAULT","DISABLED","ERROR","NEUTRAL","SECONDARY","SUCCESS","WARNING","ON_BOLD_WHITE","ON_BOLD_BLACK","ON_SUBTLE","WHITE_FIXED"]);var d;(function(t){t["BASIC"]="basic";t["COMPLEX"]="complex";t["COLORED"]="colored"})(d||(d={}));const m={root:"gov-icon",holder:"gov-icon__holder"};const p="4.1.0-rc02";const v=()=>p;const w={};const g={};const E=t=>t.startsWith("http://")||t.startsWith("https://");const y=(t,s,i)=>{if(E(t)){return`${t}/${i}/${s}.svg?v=${v()}`}return a(`${t}/${i}/${s}.svg`)+`?v=${v()}`};async function b({name:t,type:s}){const i=s+"-"+t;if(w[i]){return w[i]}if(!g[i]){g[i]=fetch(y(r(),t,s)).then((t=>{if(t.status===200){return t.text()}else{throw new Error("Gov Icon doesn't exists")}}))}const o=await g[i];w[i]=o;return o}const D=t(class t extends s{constructor(){super();this.__registerHost();this.color=undefined;this.name=null;this.type="basic";this.visible=false;this.error=false;this.h=h(this.host)}validateColor(t){f(u,t,m.root)}async loadIconPathData(){const{name:t,visible:s}=this;if(!t||!s){return}await this.loadIcon()}connectedCallback(){if(c()){this.visible=true;this.loadIconPathData().finally()}else{this.waitUntilVisible((async()=>{this.visible=true;await this.loadIconPathData()}))}}disconnectedCallback(){if(this.intersectionObserver){this.intersectionObserver.disconnect();this.intersectionObserver=null}}async componentWillLoad(){this.validateColor(this.color);await this.loadIconPathData()}waitUntilVisible(t){if(typeof window==="undefined"||!window.IntersectionObserver){t();return}this.intersectionObserver=new IntersectionObserver((s=>{s.forEach((s=>{if(s.isIntersecting){if(this.intersectionObserver){this.intersectionObserver.disconnect();this.intersectionObserver=null}t()}}))}),{rootMargin:"50px"});this.intersectionObserver.observe(this.host)}async loadIcon(){try{const{name:t,type:s}=this;const i=await b({name:t,type:s});const o=l(i)&&i.indexOf("svg")>-1;this.host.innerHTML=o?i:null}catch(t){this.host.innerHTML="";this.error=true}}render(){if(this.error){return null}return i(o,{class:this.h.classes(m.root),color:this.color})}static get assetsDirs(){return["assets"]}get host(){return this}static get watchers(){return{color:["validateColor"],name:["loadIconPathData"]}}},[0,"gov-icon",{color:[513],name:[513],type:[513],visible:[32],error:[32]},undefined,{color:["validateColor"],name:["loadIconPathData"]}]);function I(){if(typeof customElements==="undefined"){return}const t=["gov-icon"];t.forEach((t=>{switch(t){case"gov-icon":if(!customElements.get(t)){customElements.define(t,D)}break}}))}I();export{D as G,I as d};
2
- //# sourceMappingURL=p-5caf1fe1.js.map
@@ -1,2 +0,0 @@
1
- import{p as t,H as s,c as i,h as e,d as n}from"./p-ae3dada7.js";import{g as a,b as h,c as o}from"./p-255d0471.js";import{g as c,c as d,t as r,d as l}from"./p-0075138f.js";import{v as u}from"./p-19c681a3.js";import{c as f}from"./p-95d41a3b.js";import{A as p,a as m,i as b}from"./p-33d5d1ed.js";import{d as v}from"./p-e20bb5dc.js";import{d as g}from"./p-5caf1fe1.js";var y;(function(t){t["INPUT"]="input";t["TEXTAREA"]="textarea"})(y||(y={}));const w=t(class t extends s{constructor(){super();this.__registerHost();this.govFocus=i(this,"gov-focus",7);this.govBlur=i(this,"gov-blur",7);this.govInput=i(this,"gov-input",7);this.govKeyUp=i(this,"gov-keyup",7);this.govHydrated=i(this,"gov-hydrated",7);this.govKeyDown=i(this,"gov-keydown",7);this.value=undefined;this.identifier=undefined;this.success=undefined;this.size="m";this.name=undefined;this.multiline=undefined;this.rows=undefined;this.cols=undefined;this.required=false;this.disabled=false;this.placeholder=undefined;this.readonly=undefined;this.minlength=undefined;this.maxlength=undefined;this.min=undefined;this.max=undefined;this.autocomplete=undefined;this.autocorrect=undefined;this.spellcheck=undefined;this.inputLang=undefined;this.type=undefined;this.inputType="text";this.role=undefined;this.invalid=undefined;this.accessibleShowPasswordLabel="Zobrazit heslo";this.accessibleHidePasswordLabel="Skrýt heslo";this.focused=undefined;this.showPassword=false;this.inheritedAttributes={};this.h=c(this.host);this.inputId=f("GovInput");this.f=a(this.h)}validateSize(t){u(o,t,h.root)}watchControlAttrs(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("success",d(this.success));this.f.passAttrToControl("disabled",d(this.disabled));this.f.passAttrToControl("invalid",d(this.invalid));this.f.passAttrToControl("type",this.multiline?y.TEXTAREA:y.INPUT)}componentDidLoad(){this.attributeObserver=new p(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(m);this.govHydrated.emit()}componentWillLoad(){this.validateSize(this.size);this.inheritedAttributes=b(this.host)}componentDidRender(){this.passControlAttrs();this.f.passAttrToLabel("required",String(this.required))}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}disconnectedCallback(){this.attributeObserver.stopObserving()}render(){const t=this.multiline?y.TEXTAREA:y.INPUT;return e(n,{key:"8b60864f0792fe1946d4b7cb6489cff0ffc767e1",class:h.root,size:this.size,type:this.type},this.h.hasSlot("prefix")&&e("slot",{key:"4d5d0bb755acbb42033f572633e4969c8e6e8b36",name:"prefix"}),e("span",{key:"eaac4a690052077ca631ae1e9c69a65518a1902f",class:"element"},this.h.hasSlot("left-icon")&&e("slot",{key:"75c58db96fdda7395ee77c9a71b5b01f2fe92503",name:"left-icon"}),this.h.hasSlot("right-icon")&&this.inputType!=="password"&&e("slot",{key:"a3fb32c7d9103fed20f769c5220ebe8d0254efac",name:"right-icon"}),this.success&&!this.multiline&&e("gov-icon",{key:"ef85a7526e0542007cf6978e1dd9f9f872a529f7",slot:"validation-icon",class:"icon-validation",name:"check-lg"}),this.invalid&&!this.multiline&&e("gov-icon",{key:"0869b21bce101fde9b5beb169e042ca72f2d2c52",slot:"validation-icon",class:"icon-validation",name:"exclamation-lg"}),e(t,Object.assign({key:"51a15f6e77ab64f16b168d392fbe9d68b77c5821",type:this.inputType==="password"&&this.showPassword?"text":this.inputType,disabled:this.disabled,id:this.identifier||this.inputId,name:this.name,onFocus:this.onFocusHandler.bind(this),onInput:this.onInputHandler.bind(this),onBlur:this.onBlurHandler.bind(this),onKeyUp:this.onKeyUpHandler.bind(this),onKeyDown:this.onKeyDownHandler.bind(this),ref:t=>this.inputRef=t,placeholder:this.placeholder,spellcheck:r(this.spellcheck),lang:this.inputLang,readonly:r(this.readonly),autocomplete:l(this.autocomplete),autocorrect:l(this.autocorrect),minlength:this.minlength,maxlength:this.maxlength,min:this.min,max:this.max,required:this.required,rows:this.rows,cols:this.cols,role:this.role,value:this.value},this.inheritedAttributes,{"aria-required":r(this.required),"aria-invalid":r(this.invalid),"aria-disabled":r(this.disabled)})),this.inputType==="password"?e("gov-button",{color:"primary",type:"base",size:this.size,"aria-label":this.showPassword?this.accessibleHidePasswordLabel:this.accessibleShowPasswordLabel,"on-gov-click":()=>this.showPassword=!this.showPassword},e("gov-icon",{slot:"left-icon",name:"eye",type:"basic"})):null),this.h.hasSlot("sufix")&&e("slot",{key:"2cec0cab2e419776e89506a47f93936249b47fe9",name:"sufix"}))}onFocusHandler(t){t.stopPropagation();this.focused=true;this.govFocus.emit({component:h.root,value:this.value,originalEvent:t})}onBlurHandler(t){t.stopPropagation();this.focused=false;this.govBlur.emit({component:h.root,value:this.value,originalEvent:t})}onKeyUpHandler(t){t.stopPropagation();this.govKeyUp.emit({component:h.root,value:this.value,originalEvent:t})}onKeyDownHandler(t){t.stopPropagation();this.govKeyDown.emit({component:h.root,value:this.value,originalEvent:t})}onInputHandler(t){this.value=t.target.value;t.stopPropagation();this.govInput.emit({component:h.root,value:this.value,originalEvent:t})}async setFocus(t){return this.inputRef.focus(t)}async setValue(t){this.value=t}async clearValue(){this.value="";this.inputRef.value=""}async getRef(){return this.inputRef}get host(){return this}static get watchers(){return{size:["validateSize","watchControlAttrs"],disabled:["watchControlAttrs"],invalid:["watchControlAttrs"],success:["watchControlAttrs"]}}},[4,"gov-form-input",{value:[1537],identifier:[1],success:[516],size:[1],name:[1],multiline:[4],rows:[2],cols:[2],required:[516],disabled:[516],placeholder:[1],readonly:[4],minlength:[2],maxlength:[2],min:[8],max:[8],autocomplete:[4],autocorrect:[4],spellcheck:[4],inputLang:[1,"input-lang"],type:[1],inputType:[1,"input-type"],role:[1],invalid:[516],accessibleShowPasswordLabel:[1,"accessible-show-password-label"],accessibleHidePasswordLabel:[1,"accessible-hide-password-label"],focused:[32],showPassword:[32],inheritedAttributes:[32],setFocus:[64],setValue:[64],clearValue:[64],getRef:[64]},undefined,{size:["validateSize","watchControlAttrs"],disabled:["watchControlAttrs"],invalid:["watchControlAttrs"],success:["watchControlAttrs"]}]);function k(){if(typeof customElements==="undefined"){return}const t=["gov-form-input","gov-button","gov-icon"];t.forEach((t=>{switch(t){case"gov-form-input":if(!customElements.get(t)){customElements.define(t,w)}break;case"gov-button":if(!customElements.get(t)){v()}break;case"gov-icon":if(!customElements.get(t)){g()}break}}))}k();export{w as G,k as d};
2
- //# sourceMappingURL=p-e9b35956.js.map
@@ -1,2 +0,0 @@
1
- import{p as e,H as a,c as t,h as s,d as i}from"./p-ae3dada7.js";import{a as o}from"./p-07165d99.js";import{a as c}from"./p-9a93146e.js";import{d as n}from"./p-7501abe8.js";import{d as m}from"./p-e0e2e9c1.js";import{g as r}from"./p-0075138f.js";import{d as l}from"./p-e20bb5dc.js";import{d as f}from"./p-5caf1fe1.js";const d=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}gov-attachments-item,.gov-attachments-item{position:relative;display:flex;width:100%;gap:var(--spacing-s)}gov-attachments-item__messages>*:last-child,.gov-attachments-item__messages>*:last-child{margin-bottom:0}gov-attachments-item__file,.gov-attachments-item__file{display:flex;gap:var(--spacing-s)}gov-attachments-item__name,.gov-attachments-item__name{display:flex;gap:var(--spacing-s);flex-wrap:wrap;align-items:center;margin:0;color:var(--name-color, var(--text-primary))}gov-attachments-item__name span,.gov-attachments-item__name span{font-size:var(--font-size-xs);line-height:var(--height-line-xs);letter-spacing:0.0125rem;font-weight:400;color:var(--decor-color, var(--text-secondary))}";const b=d;const p=e(class e extends a{constructor(){super();this.__registerHost();this.govRemove=t(this,"gov-remove",7);this.accessibleRemoveLabel=undefined;this.accessibleRemoveLabelledBy=undefined;this.h=r(this.host)}async componentDidRender(){if(n()){await m(500);await this.validateAccessibility()}}render(){return s(i,{key:"f7878b14f668e2a1b23368dfcdea2e65e5de13b6",class:this.h.classes(o.root),role:"listitem"},s("div",{key:"4aaa01614a40507bc74d524756be66aac0632a4f",class:o.file},s("p",{key:"26eb87dd09942ee1d9bbf4bb13a76b4cb0240902",class:o.name},s("slot",{key:"5d4b3f690907e557526c9c22c88705a7e9ee3ef7"}),s("slot",{key:"1eff0d73e720ce22936a0004c476c3e01cbd88e1",name:"info"})),s("gov-button",{key:"e2395e9c5139093e01bd48b14221643394a22c6c",color:"primary",type:"base",size:"s","accessible-label":this.accessibleRemoveLabel,"accessible-labelledby":this.accessibleRemoveLabelledBy,"on-gov-click":this.govRemove.emit},s("gov-icon",{key:"c592f72a09dfce70c0cd2563ec0d781cc65ad77c",slot:"left-icon",name:"x-lg"}))),this.h.hasSlot("message")&&s("div",{key:"0bffbbe4622f291fd269637a4b4ff8c624fb04f7",class:o.messages},s("slot",{key:"2e6ad7d812e9b68f5c0e88ca734bf0bba78924a2",name:"message"})))}async validateAccessibility(){c(this.accessibleRemoveLabel,this.accessibleRemoveLabelledBy,o.root,this.host)}get host(){return this}static get style(){return b}},[4,"gov-attachments-item",{accessibleRemoveLabel:[1,"accessible-remove-label"],accessibleRemoveLabelledBy:[1,"accessible-remove-labelledby"],validateAccessibility:[64]}]);function g(){if(typeof customElements==="undefined"){return}const e=["gov-attachments-item","gov-button","gov-icon"];e.forEach((e=>{switch(e){case"gov-attachments-item":if(!customElements.get(e)){customElements.define(e,p)}break;case"gov-button":if(!customElements.get(e)){l()}break;case"gov-icon":if(!customElements.get(e)){f()}break}}))}g();export{p as G,g as d};
2
- //# sourceMappingURL=p-fe1842da.js.map
@@ -1,2 +0,0 @@
1
- import{d as t,r as s,h as i,a as o,g as a}from"./p-a1e95a5f.js";import{a as n}from"./p-45a30859.js";import{C as e}from"./p-e3aeaca0.js";import{e as r,f as c}from"./p-e0d428c9.js";import{g as h}from"./p-0075138f.js";import{i as l}from"./p-2aedc81e.js";import{v as f}from"./p-169b67af.js";import"./p-b48a4aa0.js";const p=n(e,["DEFAULT","DISABLED","ERROR","NEUTRAL","SECONDARY","SUCCESS","WARNING","ON_BOLD_WHITE","ON_BOLD_BLACK","ON_SUBTLE","WHITE_FIXED"]);var u;(function(t){t["BASIC"]="basic";t["COMPLEX"]="complex";t["COLORED"]="colored"})(u||(u={}));const d={root:"gov-icon",holder:"gov-icon__holder"};const m="4.1.0-rc02";const v=()=>m;const w={};const g={};const E=t=>t.startsWith("http://")||t.startsWith("https://");const y=(s,i,o)=>{if(E(s)){return`${s}/${o}/${i}.svg?v=${v()}`}return t(`${s}/${o}/${i}.svg`)+`?v=${v()}`};async function D({name:t,type:s}){const i=s+"-"+t;if(w[i]){return w[i]}if(!g[i]){g[i]=fetch(y(r(),t,s)).then((t=>{if(t.status===200){return t.text()}else{throw new Error("Gov Icon doesn't exists")}}))}const o=await g[i];w[i]=o;return o}const I=class{constructor(t){s(this,t);this.color=undefined;this.name=null;this.type="basic";this.visible=false;this.error=false;this.h=h(this.host)}validateColor(t){f(p,t,d.root)}async loadIconPathData(){const{name:t,visible:s}=this;if(!t||!s){return}await this.loadIcon()}connectedCallback(){if(c()){this.visible=true;this.loadIconPathData().finally()}else{this.waitUntilVisible((async()=>{this.visible=true;await this.loadIconPathData()}))}}disconnectedCallback(){if(this.intersectionObserver){this.intersectionObserver.disconnect();this.intersectionObserver=null}}async componentWillLoad(){this.validateColor(this.color);await this.loadIconPathData()}waitUntilVisible(t){if(typeof window==="undefined"||!window.IntersectionObserver){t();return}this.intersectionObserver=new IntersectionObserver((s=>{s.forEach((s=>{if(s.isIntersecting){if(this.intersectionObserver){this.intersectionObserver.disconnect();this.intersectionObserver=null}t()}}))}),{rootMargin:"50px"});this.intersectionObserver.observe(this.host)}async loadIcon(){try{const{name:t,type:s}=this;const i=await D({name:t,type:s});const o=l(i)&&i.indexOf("svg")>-1;this.host.innerHTML=o?i:null}catch(t){this.host.innerHTML="";this.error=true}}render(){if(this.error){return null}return i(o,{class:this.h.classes(d.root),color:this.color})}static get assetsDirs(){return["assets"]}get host(){return a(this)}static get watchers(){return{color:["validateColor"],name:["loadIconPathData"]}}};export{I as gov_icon};
2
- //# sourceMappingURL=p-74e9ad9d.entry.js.map