@gov-design-system-ce/components 0.0.1 → 0.0.2

package/dist/core/p-55f49f1d.js

@@ -1,2 +0,0 @@
-import{g as e}from"./p-b4a749e8.js";import{s as t}from"./p-a24dc455.js";const n=(t,n,r)=>{if(t===undefined||String(t).length===0){e(`[${r}]: The (${n}) attribute is important for correct accessibility.`)}};const r=(n,r,i)=>{if(typeof n==="undefined"||n===undefined){return true}if(String(n).length===0){e(`[${i}]: Attribute (${r}) is defined with an empty value.`);return false}const o=t(n).filter((function(e){return e.trim().length>0}));return!!o.filter((e=>{if(document.getElementById(e)===null){return false}else{return true}})).length};const i=(t,n,r)=>{const i=document.querySelector(`[for=${t}]`);if(i===null){const t=document.getElementById(n);if(t===null){e(`[${r}]: The form element has no defined wcag-label or wcag-labelled-by attribute.`);return false}}return true};const o=(t,n,r)=>{if(typeof t==="string"&&t.length>0){return true}if(typeof n==="string"&&n.length>0){const e=document.getElementById(n);if(e){return true}}e(`[${r}]: The element has no defined wcag-label or wcag-labelled-by attribute.`);return false};const s=()=>{const e="CAN_VALIDATE_WCAG_ON_RENDER";return window&&window.hasOwnProperty(e)&&window[e]};export{r as a,i as b,s as c,n as d,o as v};
-//# sourceMappingURL=p-55f49f1d.js.map

package/dist/core/p-55f49f1d.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../packages/core/src/helpers/Validate/wcag.ts","../../../packages/core/src/helpers/Dom/win.ts"],"names":["validateWcagProp","value","propName","component","undefined","String","length","govWarningLog","validateWcagRef","referenceId","name","strings","splitByWhitespace","filter","e","trim","document","getElementById","validateWcagLabelFor","inputId","labelledBy","labelEl","querySelector","labelledByEl","validateWcagLabel","label","canValidateWcagOnRender","keyName","window","hasOwnProperty"],"mappings":"8EAGaA,EAAmB,CAACC,EAA2BC,EAAkBC,KAC7E,GAAIF,IAAUG,WAAaC,OAAOJ,GAAOK,SAAW,EAAG,CACtDC,EAAc,IAAIJ,YAAoBD,gEAI3BM,EAAkB,CAACC,EAAqBC,EAAcP,KAClE,UAAWM,IAAgB,aAAeA,IAAgBL,UAAW,CACpE,OAAO,KAER,GAAIC,OAAOI,GAAaH,SAAW,EAAG,CACrCC,EAAc,IAAIJ,kBAA0BO,sCAC5C,OAAO,MAER,MAAMC,EAAUC,EAAkBH,GAAaI,QAAO,SAASC,GAC9D,OAAOA,EAAEC,OAAOT,OAAS,KAE1B,QAASK,EAAQE,QAAQJ,IACxB,GAAIO,SAASC,eAAeR,KAAiB,KAAM,CAElD,OAAO,UACD,CACN,OAAO,SAENH,cAGSY,EAAuB,CAACC,EAAiBC,EAAgCjB,KACrF,MAAMkB,EAAUL,SAASM,cAAc,QAAQH,MAC/C,GAAIE,IAAY,KAAM,CACrB,MAAME,EAAeP,SAASC,eAAeG,GAC7C,GAAIG,IAAiB,KAAM,CAC1BhB,EAAc,IAAIJ,iFAClB,OAAO,OAGT,OAAO,YAGKqB,EAAoB,CAACC,EAA2BL,EAAgCjB,KAC5F,UAAWsB,IAAU,UAAYA,EAAMnB,OAAS,EAAG,CAClD,OAAO,KAER,UAAWc,IAAe,UAAYA,EAAWd,OAAS,EAAG,CAC5D,MAAMiB,EAAeP,SAASC,eAAeG,GAC7C,GAAIG,EAAc,CACjB,OAAO,MAGThB,EAAc,IAAIJ,4EAClB,OAAO,aCpDKuB,EAA0B,KACtC,MAAMC,EAAU,8BAChB,OAAOC,QAAUA,OAAOC,eAAeF,IAAYC,OAAOD","sourcesContent":["import { govWarningLog } from \"../Log/gov.log\"\nimport { splitByWhitespace } from \"../../utils/string.utils\"\n\nexport const validateWcagProp = (value: string | undefined, propName: string, component: string): void => {\n\tif (value === undefined || String(value).length === 0) {\n\t\tgovWarningLog(`[${component}]: The (${propName}) attribute is important for correct accessibility.`)\n\t}\n}\n\nexport const validateWcagRef = (referenceId: string, name: string, component: string): boolean => {\n\tif (typeof referenceId === \"undefined\" || referenceId === undefined) {\n\t\treturn true\n\t}\n\tif (String(referenceId).length === 0) {\n\t\tgovWarningLog(`[${component}]: Attribute (${name}) is defined with an empty value.`)\n\t\treturn false\n\t}\n\tconst strings = splitByWhitespace(referenceId).filter(function(e) {\n\t\treturn e.trim().length > 0\n\t})\n\treturn !!strings.filter((referenceId) => {\n\t\tif (document.getElementById(referenceId) === null) {\n\t\t\t//govWarningLog(`[${component}][${name}]: Reference to element with id (${referenceId}) does not exist.`)\n\t\t\treturn false\n\t\t} else {\n\t\t\treturn true\n\t\t}\n\t}).length\n}\n\nexport const validateWcagLabelFor = (inputId: string, labelledBy: string | undefined, component: string): boolean => {\n\tconst labelEl = document.querySelector(`[for=${inputId}]`)\n\tif (labelEl === null) {\n\t\tconst labelledByEl = document.getElementById(labelledBy)\n\t\tif (labelledByEl === null) {\n\t\t\tgovWarningLog(`[${component}]: The form element has no defined wcag-label or wcag-labelled-by attribute.`)\n\t\t\treturn false\n\t\t}\n\t}\n\treturn true\n}\n\nexport const validateWcagLabel = (label: string | undefined, labelledBy: string | undefined, component: string): boolean => {\n\tif (typeof label === \"string\" && label.length > 0) {\n\t\treturn true\n\t}\n\tif (typeof labelledBy === \"string\" && labelledBy.length > 0) {\n\t\tconst labelledByEl = document.getElementById(labelledBy)\n\t\tif (labelledByEl) {\n\t\t\treturn true\n\t\t}\n\t}\n\tgovWarningLog(`[${component}]: The element has no defined wcag-label or wcag-labelled-by attribute.`)\n\treturn false\n}\n\n","\nexport const canValidateWcagOnRender = (): boolean => {\n\tconst keyName = 'CAN_VALIDATE_WCAG_ON_RENDER';\n\treturn window && window.hasOwnProperty(keyName) && window[keyName]\n}\n"]}

package/dist/core/p-5fbc2292.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as o,h as i,H as r,g as t}from"./p-75c62141.js";import{c as a}from"./p-a24dc455.js";import{v as s}from"./p-e29a195b.js";import{g as c,F as n}from"./p-42367e53.js";import{g as h,a as l,t as v}from"./p-9077d6f6.js";import{c as g,a as m,b as f}from"./p-55f49f1d.js";import{d}from"./p-0956d80f.js";import{S as b}from"./p-55500e5a.js";import{F as p}from"./p-27977727.js";import"./p-b4a749e8.js";import"./p-f9320f1e.js";import"./p-ee0bfc25.js";import"./p-15591728.js";import"./p-d3714547.js";const k='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-form-checkbox{position:relative;display:block;cursor:pointer}.gov-form-checkbox input{position:absolute;top:0;left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.gov-form-checkbox input+span{position:relative;display:block}.gov-form-checkbox input+span::before{content:"";position:absolute;display:block;top:0;left:0;border:var(--gov-form-checkbox-border-size, 0.125rem solid var(--gov-color-primary));transition:150ms linear border-color, 150ms linear background-color, 150ms linear outline-color}.gov-form-checkbox .gov-form-label__label{position:relative;z-index:1}.gov-form-checkbox input:focus-visible+span::before{outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base)}[invalid=""].gov-form-checkbox .gov-form-label__label,[invalid=true i].gov-form-checkbox .gov-form-label__label,[invalid="1"].gov-form-checkbox .gov-form-label__label{color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=""].gov-form-checkbox input+span::before,[invalid=true i].gov-form-checkbox input+span::before,[invalid="1"].gov-form-checkbox input+span::before{border-color:var(--gov-form-state-color-error, var(--gov-color-error))}[disabled=""].gov-form-checkbox,[disabled=true i].gov-form-checkbox,[disabled="1"].gov-form-checkbox{pointer-events:none}[disabled=""].gov-form-checkbox .gov-form-label__label,[disabled=true i].gov-form-checkbox .gov-form-label__label,[disabled="1"].gov-form-checkbox .gov-form-label__label{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[disabled=""].gov-form-checkbox input+span::before,[disabled=true i].gov-form-checkbox input+span::before,[disabled="1"].gov-form-checkbox input+span::before{border-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400))}[size=xs].gov-form-checkbox{font-weight:var(--gov-text-xs-font-weight);font-size:var(--gov-text-xs-font-size);line-height:var(--gov-text-xs-line-height);letter-spacing:var(--gov-text-xs-letter-spacing)}[size=xs].gov-form-checkbox .gov-form-label__label{min-height:1.25rem;padding-top:calc((1.25rem - var(--gov-text-xs-font-size) * 1.5) / 2);padding-left:2rem}[size=xs].gov-form-checkbox input+span::before{width:1.25rem;height:1.25rem}[size=s].gov-form-checkbox{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing)}[size=s].gov-form-checkbox .gov-form-label__label{min-height:1.375rem;padding-top:calc((1.375rem - var(--gov-text-s-font-size) * 1.5) / 2);padding-left:2.125rem}[size=s].gov-form-checkbox input+span::before{width:1.375rem;height:1.375rem}[size=m].gov-form-checkbox{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}[size=m].gov-form-checkbox .gov-form-label__label{min-height:1.5rem;padding-top:calc((1.5rem - var(--gov-text-m-font-size) * 1.5) / 2);padding-left:2.5rem}[size=m].gov-form-checkbox input+span::before{width:1.5rem;height:1.5rem}[size=l].gov-form-checkbox{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing)}[size=l].gov-form-checkbox .gov-form-label__label{min-height:2rem;padding-top:calc((2rem - var(--gov-text-l-font-size) * 1.5) / 2);padding-left:3rem}[size=l].gov-form-checkbox input+span::before{width:2rem;height:2rem}.gov-form-checkbox input+span::before{border-radius:var(--gov-border-radius, 0.1875rem)}.gov-form-checkbox__check{position:absolute;color:var(--gov-form-checkbox-check-color, var(--gov-color-secondary-100));opacity:0;transition:150ms linear opacity}.gov-form-checkbox input:checked+span::before{background:var(--gov-form-checkbox-indicator-bg, var(--gov-color-primary))}input:checked+span .gov-form-checkbox__check{opacity:1}.gov-form-checkbox[invalid=""] input:checked+span::before,.gov-form-checkbox[invalid=true i] input:checked+span::before,.gov-form-checkbox[invalid="1"] input:checked+span::before{background:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-checkbox[disabled=""] input:checked+span::before,.gov-form-checkbox[disabled=true i] input:checked+span::before,.gov-form-checkbox[disabled="1"] input:checked+span::before{border-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400));background-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400))}.gov-form-checkbox[size=xs] .gov-form-checkbox__check{top:0.25rem;left:0.25rem;width:0.75rem;height:0.75rem}.gov-form-checkbox[size=s] .gov-form-checkbox__check{top:0.275rem;left:0.275rem;width:0.825rem;height:0.825rem}.gov-form-checkbox[size=m] .gov-form-checkbox__check{top:0.3rem;left:0.3rem;width:0.9rem;height:0.9rem}.gov-form-checkbox[size=l] .gov-form-checkbox__check{top:0.4rem;left:0.4rem;width:1.2rem;height:1.2rem}';const x=class{constructor(i){e(this,i);this.govFocus=o(this,"gov-focus",7);this.govBlur=o(this,"gov-blur",7);this.govChange=o(this,"gov-change",7);this.value=undefined;this.checked=false;this.required=false;this.disabled=undefined;this.name=undefined;this.size=undefined;this.identifier=undefined;this.invalid=undefined;this.wcagDescribedBy=undefined;this.wcagLabelledBy=undefined;this.isChecked=undefined;this.checkboxId=a("GovCheckbox");this.h=h(this.host);this.f=c(this.h)}updateCheckedState(e){this.isChecked=e;this.govChange.emit({checked:this.isChecked,value:this.value})}validateSize(e){s(b,e,n.root)}componentWillLoad(){this.isChecked=this.checked;this.f.passAttrToControl("type","checkbox");this.h.passChildAttr(p.root,"identifier",this.identifier||this.checkboxId)}async componentDidRender(){if(g()){await d(500);await this.validateWcag()}}render(){const{isChecked:e}=this;return i(r,{class:n.root,"is-checked":e,size:this.size,invalid:v(this.invalid)},i("input",{id:this.identifier||this.checkboxId,type:"checkbox",value:this.value,name:this.name,checked:this.isChecked,onChange:this.onChangeHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),required:this.required,"aria-checked":l(this.isChecked),"aria-required":v(this.required),"aria-invalid":v(this.invalid),"aria-describedby":this.wcagDescribedBy,"aria-labelledby":this.wcagLabelledBy,"aria-disabled":v(this.disabled)}),i("span",null,i("slot",{name:"label"}),i("gov-icon",{class:n.check,name:"check"})))}onFocusHandler(e){this.govFocus.emit(e)}onBlurHandler(e){this.govBlur.emit(e)}onChangeHandler(e){this.isChecked=e.target.checked;e.stopPropagation();this.govChange.emit({checked:this.isChecked,value:this.value})}async validateWcag(){m(this.wcagDescribedBy,"wcag-described-by",n.root);m(this.wcagLabelledBy,"wcag-labelled-by",n.root);f(this.identifier||this.checkboxId,this.wcagLabelledBy,n.root)}get host(){return t(this)}static get watchers(){return{checked:["updateCheckedState"],size:["validateSize"]}}};x.style=k;export{x as gov_form_checkbox};
-//# sourceMappingURL=p-5fbc2292.entry.js.map

package/dist/core/p-5fbc2292.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../packages/core/src/components/gov-form/checkbox/gov-form-checkbox.scss?tag=gov-form-checkbox","../../../packages/core/src/components/gov-form/checkbox/gov-form-checkbox.tsx"],"names":["govFormCheckboxCss","GovFormCheckbox","[object Object]","hostRef","undefined","this","checkboxId","createID","h","govHost","host","f","govForm","newValue","isChecked","govChange","emit","checked","value","validateProp","Sizes","FormCheckboxClass","root","passAttrToControl","passChildAttr","FormLabelClass","identifier","canValidateWcagOnRender","delay","validateWcag","Host","class","is-checked","size","invalid","toBoolAttrIfDefined","id","type","name","onChange","onChangeHandler","bind","onFocus","onFocusHandler","onBlur","onBlurHandler","required","aria-checked","toBoolAttr","aria-required","aria-invalid","aria-describedby","wcagDescribedBy","aria-labelledby","wcagLabelledBy","aria-disabled","disabled","check","e","govFocus","govBlur","target","stopPropagation","validateWcagRef","validateWcagLabelFor"],"mappings":"sfAAA,MAAMA,EAAqB,88JCmBdC,EAAe,MAM3BC,YAAAC,2JAeqD,oBAKhB,4DAaFC,iJAhClCC,KAAKC,WAAaC,EAAS,eAE3BF,KAAKG,EAAIC,EAAQJ,KAAKK,MACtBL,KAAKM,EAAIC,EAAQP,KAAKG,GA8DvBN,mBAAmBW,GAClBR,KAAKS,UAAYD,EACjBR,KAAKU,UAAUC,KAAK,CACnBC,QAASZ,KAAKS,UACdI,MAAOb,KAAKa,QAKdhB,aAAaW,GACZM,EAAaC,EAAOP,EAAUQ,EAAkBC,MAGjDpB,oBACCG,KAAKS,UAAYT,KAAKY,QAEtBZ,KAAKM,EAAEY,kBAAkB,OAAQ,YACjClB,KAAKG,EAAEgB,cAAcC,EAAeH,KAAM,aAAcjB,KAAKqB,YAAcrB,KAAKC,YAGjFJ,2BACC,GAAIyB,IAA2B,OACxBC,EAAM,WACNvB,KAAKwB,gBAIb3B,SACC,MAAMY,UAAEA,GAAcT,KAEtB,OACCG,EAACsB,EAAI,CAACC,MAAOV,EAAkBC,KAAIU,aAAclB,EAAWmB,KAAM5B,KAAK4B,KAAMC,QAASC,EAAoB9B,KAAK6B,UAC9G1B,EAAA,QAAA,CAAO4B,GAAI/B,KAAKqB,YAAcrB,KAAKC,WACjC+B,KAAK,WACLnB,MAAOb,KAAKa,MACZoB,KAAMjC,KAAKiC,KACXrB,QAASZ,KAAKS,UACdyB,SAAUlC,KAAKmC,gBAAgBC,KAAKpC,MACpCqC,QAASrC,KAAKsC,eAAeF,KAAKpC,MAClCuC,OAAQvC,KAAKwC,cAAcJ,KAAKpC,MAChCyC,SAAUzC,KAAKyC,SAAQC,eACTC,EAAW3C,KAAKS,WAAUmC,gBACzBd,EAAoB9B,KAAKyC,UAASI,eACnCf,EAAoB9B,KAAK6B,SAAQiB,mBAC7B9C,KAAK+C,gBAAeC,kBACrBhD,KAAKiD,eAAcC,gBACrBpB,EAAoB9B,KAAKmD,YAC1ChD,EAAA,OAAA,KACCA,EAAA,OAAA,CAAM8B,KAAK,UACX9B,EAAA,WAAA,CAAUuB,MAAOV,EAAkBoC,MAAOnB,KAAK,YAM3CpC,eAAewD,GACtBrD,KAAKsD,SAAS3C,KAAK0C,GAGZxD,cAAcwD,GACrBrD,KAAKuD,QAAQ5C,KAAK0C,GAGXxD,gBAAgBwD,GACvBrD,KAAKS,UAAa4C,EAAEG,OAA4B5C,QAChDyC,EAAEI,kBACFzD,KAAKU,UAAUC,KAAK,CACnBC,QAASZ,KAAKS,UACdI,MAAOb,KAAKa,QAQdhB,qBACC6D,EAAgB1D,KAAK+C,gBAAiB,oBAAqB/B,EAAkBC,MAC7EyC,EAAgB1D,KAAKiD,eAAgB,mBAAoBjC,EAAkBC,MAC3E0C,EAAqB3D,KAAKqB,YAAcrB,KAAKC,WAAYD,KAAKiD,eAAgBjC,EAAkBC","sourcesContent":["/*\n *   Checkbox\n */\n\n@import \"../checkbox/gov-form-checkbox-core.scss\";\n$class: \".gov-form-checkbox\";\n\n#{$class} {\n\t@extend %form-checkbox-core;\n\tinput + span {\n\t\t&::before {\n\t\t\tborder-radius: $border-radius;\n\t\t}\n\t}\n\t&__check {\n\t\tposition: absolute;\n\t\tcolor: $form-checkbox-check-color;\n\t\topacity: 0;\n\t\ttransition: $t linear opacity;\n\t}\n\n\t// STATES\n\t// checked\n\tinput:checked + span::before {\n\t\tbackground: $form-checkbox-indicator-bg;\n\t}\n\tinput:checked + span &__check {\n\t\topacity: 1;\n\t}\n\t// invalid\n\t@include parameter(\"invalid\") {\n\t\tinput:checked + span::before {\n\t\t\tbackground: $form-state-color-error;\n\t\t}\n\t}\n\t@include parameter(\"disabled\") {\n\t\tinput:checked + span::before {\n\t\t\tborder-color: $form-state-bg-disabled;\n\t\t\tbackground-color: $form-state-bg-disabled;\n\t\t}\n\t}\n\n\t@each $size, $definitions in $form-checkbox-core-sizes {\n\t\t&[size=\"#{$size}\"] {\n\t\t\t#{$class} {\n\t\t\t\t&__check {\n\t\t\t\t\ttop: calc((get(\"indicator-size\", $definitions) - get(\"check-size\", $definitions)) / 2);\n\t\t\t\t\tleft: calc((get(\"indicator-size\", $definitions) - get(\"check-size\", $definitions)) / 2);\n\t\t\t\t\twidth: get(\"check-size\", $definitions);\n\t\t\t\t\theight: get(\"check-size\", $definitions);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Host, h, Prop, State, Event, EventEmitter, Element, Watch, Method } from \"@stencil/core\"\nimport { createID } from \"../../../../src/utils/string.utils\"\nimport { validateProp } from \"../../../helpers/Validate/props\"\nimport { FormCheckboxClass, SizesType } from \"./constants\"\nimport { toBoolAttrIfDefined } from \"../../../helpers/Dom/template\"\nimport { validateWcagLabelFor, validateWcagRef } from \"../../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../../helpers/Dom/win\"\nimport { delay } from \"../../../utils/utils\"\nimport { Sizes } from \"../../../core/constants/sizes\"\nimport {GovForm}from \"../../../helpers/Dom/form.d\"\nimport {govHost, toBoolAttr}from \"../../../helpers/Dom/template\"\nimport {GovHost}from \"../../../helpers/Dom/template.d\"\nimport {govForm}from \"../../../helpers/Dom/form\"\nimport { FormLabelClass } from \"../label/constants\"\n\n@Component({\n\ttag: \"gov-form-checkbox\",\n\tstyleUrl: \"gov-form-checkbox.scss\",\n})\nexport class GovFormCheckbox {\n\tprivate h: GovHost\n\tprivate f: GovForm\n\n\tprivate readonly checkboxId: string\n\n\tconstructor() {\n\t\tthis.checkboxId = createID(\"GovCheckbox\")\n\n\t\tthis.h = govHost(this.host);\n\t\tthis.f = govForm(this.h);\n\t}\n\n\t@Element() host: HTMLGovFormCheckboxElement\n\t/**\n\t * Value of checkbox\n\t */\n\t@Prop() readonly value: string\n\t/**\n\t * Checkbox default state\n\t */\n\t@Prop({ reflect: true }) readonly checked: boolean = false\n\t/**\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Makes the checkbox component disabled.\n\t * This prevents users from being able to interact with the checkbox, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop() readonly disabled: boolean\n\t/**\n\t * Name of the checkbox.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Checkbox's size.\n\t */\n\t@Prop() readonly size: SizesType = undefined\n\t/**\n\t * Custom checkbox identifier.\n\t */\n\t@Prop({ attribute: \"identifier\" }) readonly identifier: string\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop() readonly invalid: boolean\n\t/**\n\t * Indicates the id of a component that describes the input.\n\t */\n\t@Prop({ attribute: \"wcag-described-by\" }) readonly wcagDescribedBy: string\n\t/**\n\t * Indicates the id of a component that labels the input.\n\t */\n\t@Prop({ attribute: \"wcag-labelded-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Emitted when the checkbox has focus.\n\t */\n\t@Event({ eventName: \"gov-focus\" }) govFocus: EventEmitter<FocusEvent>\n\t/**\n\t * Emitted when the checkbox loses focus.\n\t */\n\t@Event({ eventName: \"gov-blur\" }) govBlur: EventEmitter<FocusEvent>\n\t/**\n\t * Emitted when the checkbox change value.\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter\n\n\t@State() isChecked: boolean\n\n\t@Watch(\"checked\")\n\tupdateCheckedState(newValue: boolean): void {\n\t\tthis.isChecked = newValue\n\t\tthis.govChange.emit({\n\t\t\tchecked: this.isChecked,\n\t\t\tvalue: this.value,\n\t\t})\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(Sizes, newValue, FormCheckboxClass.root)\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.isChecked = this.checked\n\n\t\tthis.f.passAttrToControl('type', 'checkbox')\n\t\tthis.h.passChildAttr(FormLabelClass.root, 'identifier', this.identifier || this.checkboxId)\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\trender() {\n\t\tconst { isChecked } = this\n\n\t\treturn (\n\t\t\t<Host class={FormCheckboxClass.root} is-checked={isChecked} size={this.size} invalid={toBoolAttrIfDefined(this.invalid)}>\n\t\t\t\t<input id={this.identifier || this.checkboxId}\n\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\tchecked={this.isChecked}\n\t\t\t\t\t\tonChange={this.onChangeHandler.bind(this)}\n\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\taria-checked={toBoolAttr(this.isChecked)}\n\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\taria-describedby={this.wcagDescribedBy}\n\t\t\t\t\t\taria-labelledby={this.wcagLabelledBy}\n\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)} />\n\t\t\t\t<span>\n\t\t\t\t\t<slot name=\"label\"/>\n\t\t\t\t\t<gov-icon class={FormCheckboxClass.check} name=\"check\"></gov-icon>\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\tthis.govFocus.emit(e)\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\tthis.govBlur.emit(e)\n\t}\n\n\tprivate onChangeHandler(e: Event) {\n\t\tthis.isChecked = (e.target as HTMLInputElement).checked\n\t\te.stopPropagation()\n\t\tthis.govChange.emit({\n\t\t\tchecked: this.isChecked,\n\t\t\tvalue: this.value,\n\t\t})\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagRef(this.wcagDescribedBy, \"wcag-described-by\", FormCheckboxClass.root)\n\t\tvalidateWcagRef(this.wcagLabelledBy, \"wcag-labelled-by\", FormCheckboxClass.root)\n\t\tvalidateWcagLabelFor(this.identifier || this.checkboxId, this.wcagLabelledBy, FormCheckboxClass.root)\n\t}\n}\n"]}

package/dist/core/p-6797db03.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as o,H as i,g as l}from"./p-75c62141.js";import{t as r}from"./p-9077d6f6.js";import{a as s,F as a,V as m}from"./p-ee0bfc25.js";import{S as n}from"./p-55500e5a.js";import{v as c}from"./p-e29a195b.js";import{c as g,a as v,b as f}from"./p-55f49f1d.js";import{c as u,r as d}from"./p-a24dc455.js";import{d as h}from"./p-0956d80f.js";import"./p-f9320f1e.js";import"./p-b4a749e8.js";const p='.gov-form-multi-select__list{margin:0;padding:0}.gov-form-multi-select__list>.gov-form-multi-select__item{margin:0;padding:0;background:none}.gov-form-multi-select__list>.gov-form-multi-select__item::before{display:none}.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-form-multi-select{display:flex;align-items:center}.gov-form-multi-select .element{position:relative;flex:1 1 auto}.gov-form-multi-select input,.gov-form-multi-select select,.gov-form-multi-select textarea{width:100%;border:var(--gov-form-input-border-width, 0.0625rem solid var(--gov-color-secondary-700));border-radius:var(--gov-border-radius, 0.1875rem);background-color:var(--gov-form-bg-color, var(--gov-color-secondary-100));color:var(--gov-form-input-color, var(--gov-color-secondary-700));font-family:"Roboto", sans-serif}.gov-form-multi-select input:focus,.gov-form-multi-select select:focus,.gov-form-multi-select textarea:focus{outline:none}.gov-form-multi-select input:focus-visible,.gov-form-multi-select select:focus-visible,.gov-form-multi-select textarea:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-form-multi-select input::-moz-placeholder,.gov-form-multi-select select::-moz-placeholder,.gov-form-multi-select textarea::-moz-placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-multi-select input::placeholder,.gov-form-multi-select select::placeholder,.gov-form-multi-select textarea::placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-multi-select textarea{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);padding:0.5rem 0.75rem;resize:none}.gov-form-multi-select *[slot=left-icon],.gov-form-multi-select *[slot=right-icon]{position:absolute;top:50%;display:flex;justify-content:center;color:var(--gov-form-input-icon-color, var(--gov-color-primary));transform:translateY(-50%);pointer-events:none}.gov-form-multi-select *[slot=left-icon]{left:0}.gov-form-multi-select *[slot=right-icon]{right:0}[disabled=""].gov-form-multi-select,[disabled=true i].gov-form-multi-select,[disabled="1"].gov-form-multi-select{pointer-events:none}[disabled=""].gov-form-multi-select input,[disabled=""].gov-form-multi-select select,[disabled=""].gov-form-multi-select textarea,[disabled=true i].gov-form-multi-select input,[disabled=true i].gov-form-multi-select select,[disabled=true i].gov-form-multi-select textarea,[disabled="1"].gov-form-multi-select input,[disabled="1"].gov-form-multi-select select,[disabled="1"].gov-form-multi-select textarea{border-color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600));background:var(--gov-form-input-disabled-bg, var(--gov-color-secondary-300));color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[disabled=""].gov-form-multi-select *[slot=left-icon],[disabled=""].gov-form-multi-select *[slot=right-icon],[disabled=true i].gov-form-multi-select *[slot=left-icon],[disabled=true i].gov-form-multi-select *[slot=right-icon],[disabled="1"].gov-form-multi-select *[slot=left-icon],[disabled="1"].gov-form-multi-select *[slot=right-icon]{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[invalid=""].gov-form-multi-select input,[invalid=""].gov-form-multi-select select,[invalid=""].gov-form-multi-select textarea,[invalid=true i].gov-form-multi-select input,[invalid=true i].gov-form-multi-select select,[invalid=true i].gov-form-multi-select textarea,[invalid="1"].gov-form-multi-select input,[invalid="1"].gov-form-multi-select select,[invalid="1"].gov-form-multi-select textarea{border-color:var(--gov-form-state-color-error, var(--gov-color-error));color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=""].gov-form-multi-select input::-moz-placeholder,[invalid=""].gov-form-multi-select select::-moz-placeholder,[invalid=""].gov-form-multi-select textarea::-moz-placeholder,[invalid=true i].gov-form-multi-select input::-moz-placeholder,[invalid=true i].gov-form-multi-select select::-moz-placeholder,[invalid=true i].gov-form-multi-select textarea::-moz-placeholder,[invalid="1"].gov-form-multi-select input::-moz-placeholder,[invalid="1"].gov-form-multi-select select::-moz-placeholder,[invalid="1"].gov-form-multi-select textarea::-moz-placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=""].gov-form-multi-select input::placeholder,[invalid=""].gov-form-multi-select select::placeholder,[invalid=""].gov-form-multi-select textarea::placeholder,[invalid=true i].gov-form-multi-select input::placeholder,[invalid=true i].gov-form-multi-select select::placeholder,[invalid=true i].gov-form-multi-select textarea::placeholder,[invalid="1"].gov-form-multi-select input::placeholder,[invalid="1"].gov-form-multi-select select::placeholder,[invalid="1"].gov-form-multi-select textarea::placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=""].gov-form-multi-select *[slot=left-icon],[invalid=""].gov-form-multi-select *[slot=right-icon],[invalid=true i].gov-form-multi-select *[slot=left-icon],[invalid=true i].gov-form-multi-select *[slot=right-icon],[invalid="1"].gov-form-multi-select *[slot=left-icon],[invalid="1"].gov-form-multi-select *[slot=right-icon]{color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=""].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[invalid=true i].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[invalid="1"].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow){display:none}[success=""].gov-form-multi-select *[slot=right-icon],[success=true i].gov-form-multi-select *[slot=right-icon],[success="1"].gov-form-multi-select *[slot=right-icon]{color:var(--gov-form-state-color-success, var(--gov-color-success))}[success=""].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success=true i].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success="1"].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow){display:none}[size=m].gov-form-multi-select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);gap:0.5rem 1rem}[size=m].gov-form-multi-select input,[size=m].gov-form-multi-select select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);padding:0.4375rem 0.75rem}[size=m].gov-form-multi-select *[slot=left-icon],[size=m].gov-form-multi-select *[slot=right-icon]{width:1rem;height:1rem}[size=m].gov-form-multi-select *[slot=left-icon]{left:0.75rem}[size=m].gov-form-multi-select *[slot=left-icon]~input{padding-left:2.5rem}[size=m].gov-form-multi-select *[slot=right-icon]{right:0.75rem}[size=m].gov-form-multi-select *[slot=right-icon]~input,[size=m].gov-form-multi-select *[slot=right-icon]~select{padding-right:2.5rem}[size=l].gov-form-multi-select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);gap:0.5rem 1rem}[size=l].gov-form-multi-select input,[size=l].gov-form-multi-select select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);padding:0.6875rem 0.75rem}[size=l].gov-form-multi-select *[slot=left-icon],[size=l].gov-form-multi-select *[slot=right-icon]{width:1rem;height:1rem}[size=l].gov-form-multi-select *[slot=left-icon]{left:0.75rem}[size=l].gov-form-multi-select *[slot=left-icon]~input{padding-left:2.5rem}[size=l].gov-form-multi-select *[slot=right-icon]{right:0.75rem}[size=l].gov-form-multi-select *[slot=right-icon]~input,[size=l].gov-form-multi-select *[slot=right-icon]~select{padding-right:2.5rem}[size=xl].gov-form-multi-select{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);gap:0.5rem 1.25rem}[size=xl].gov-form-multi-select input,[size=xl].gov-form-multi-select select{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);padding:0.9375rem 1rem 0.875rem}[size=xl].gov-form-multi-select *[slot=left-icon],[size=xl].gov-form-multi-select *[slot=right-icon]{width:1.25rem;height:1.25rem}[size=xl].gov-form-multi-select *[slot=left-icon]{left:0.875rem}[size=xl].gov-form-multi-select *[slot=left-icon]~input{padding-left:3rem}[size=xl].gov-form-multi-select *[slot=right-icon]{right:0.875rem}[size=xl].gov-form-multi-select *[slot=right-icon]~input,[size=xl].gov-form-multi-select *[slot=right-icon]~select{padding-right:3rem}.gov-form-multi-select{background:none}.gov-form-multi-select select{-webkit-appearance:none;-moz-appearance:none}.gov-form-multi-select select::-ms-expand{display:none}[size=m].gov-form-multi-select *[slot=right-icon]{right:1rem;width:0.5rem;height:0.5rem}[size=l].gov-form-multi-select *[slot=right-icon]{right:1rem;width:0.5rem;height:0.5rem}[size=xl].gov-form-multi-select *[slot=right-icon]{right:1.3125rem;width:0.625rem;height:0.625rem}.gov-form-multi-select{flex-wrap:wrap}.gov-form-multi-select__wrap{display:flex;gap:0.5rem;width:100%}.gov-form-multi-select__list{font-weight:var(--gov-text-xs-font-weight);font-size:var(--gov-text-xs-font-size);line-height:var(--gov-text-xs-line-height);letter-spacing:var(--gov-text-xs-letter-spacing);display:flex;gap:0.5rem;flex-wrap:wrap}.gov-form-multi-select__list>.gov-form-multi-select__item{position:relative;display:flex;flex:0 0 auto;align-items:center;padding:0rem 0rem 0rem 0.5rem;background:var(--gov-form-multiselect-bg, var(--gov-color-primary-200));transition:150ms linear background-color}';const x=class{constructor(o){e(this,o);this.govFocus=t(this,"gov-focus",7);this.govBlur=t(this,"gov-blur",7);this.govChange=t(this,"gov-change",7);this.identifier=undefined;this.placeholder=undefined;this.variant=undefined;this.size=n._M;this.name=undefined;this.required=false;this.disabled=undefined;this.invalid=undefined;this.wcagDescribedBy=undefined;this.wcagLabelledBy=undefined;this.wcagOwns=undefined;this.focused=undefined;this.value=undefined;this.selectedOptions=[];this.selectId=u("GovSelect");this.listId=u("GovMultiList")}validateVariant(e){c(m,e,a.root)}validateSize(e){c(n,e,a.root)}emitChange(e){this.govChange.emit(e)}componentWillLoad(){this.validateVariant(this.variant);this.validateSize(this.size)}getAvailableOptions(){return Array.from(this.selectRef.querySelectorAll("option")).filter((e=>!(e.disabled||e.selected))).map((e=>({name:e.textContent,value:e.value})))}initAutocomplete(){this.autocompleteRef.addEventListener("gov-select",this.onSelectHandler.bind(this));this.autocompleteRef.addEventListener("gov-input",this.onInputHandler.bind(this));this.autocompleteRef.addEventListener("gov-focus",this.onFocusHandler.bind(this));this.autocompleteRef.addEventListener("gov-blur",this.onBlurHandler.bind(this));this.autocompleteRef.setSearchCallback((e=>new Promise((t=>{const o=this.getAvailableOptions();if(String(e).length===0){return t(o)}t(o.filter((({name:t})=>{if(!t)return false;return d(t).toLowerCase().indexOf(d(e).toLowerCase())>-1})))})))).then()}getOptionIndex(e){return this.selectedOptions.findIndex((t=>t.value===e.value&&t.name===e.name))}getOptionElement(e){return this.selectRef.querySelector('option[value="'+e.value+'"]')}selectOption(e){const t=this.getOptionIndex(e);if(t===-1){this.selectedOptions=[...this.selectedOptions,e];const t=this.getOptionElement(e);if(t){t.selected=true}}}removeOption(e){const t=this.getOptionIndex(e);if(t!==-1){this.selectedOptions.splice(t,1);this.selectedOptions=[...this.selectedOptions];const o=this.getOptionElement(e);if(o){o.selected=false}}}async componentDidRender(){this.initAutocomplete();await h(0);this.selectRef.querySelectorAll("option").forEach((e=>{if(e.selected){this.selectOption({name:e.textContent,value:e.value})}}));if(g()){await h(500);await this.validateWcag()}}render(){return o(i,{class:s.root,size:this.size,variant:this.variant},o("div",{class:s.wrap},o("div",{class:"element"},o("gov-form-autocomplete",{value:this.value,disabled:this.disabled,identifier:this.identifier||this.selectId,required:false,size:this.size,variant:this.variant,invalid:this.invalid,placeholder:this.placeholder,ref:e=>this.autocompleteRef=e,minlength:0,wcagDescribedBy:this.wcagDescribedBy,wcagLabelledBy:this.wcagLabelledBy,wcagOwns:this.listId}),o("gov-icon",{slot:"right-icon",class:"icon-arrow",name:"arrow-down"}),o("select",{hidden:true,"aria-hidden":true,multiple:true,required:this.required,name:this.name,disabled:this.disabled,ref:e=>this.selectRef=e,"aria-disabled":r(this.disabled),"aria-required":r(this.required),"aria-invalid":r(this.invalid),"aria-describedby":this.wcagDescribedBy,"aria-labelledby":this.wcagLabelledBy,"aria-owns":this.wcagOwns},o("slot",null)))),o("ul",{role:"listbox",id:this.listId,class:s.list},this.selectedOptions.map((e=>o("li",{class:s.item,role:"option"},e.name,o("gov-button",{wcagLabel:"Odebrat vybranou položku "+e.name,variant:"primary",type:"base",size:"s","on-gov-click":()=>this.onTagRemove(e)},o("gov-icon",{name:"cross"})))))))}onFocusHandler(e){this.focused=true;this.govFocus.emit(e)}onBlurHandler(e){this.focused=false;this.govBlur.emit(e)}onInputHandler(e){this.value=e.target.value;e.stopPropagation()}onSelectHandler(e){const t=e.detail;this.selectOption(t);this.value="";this.autocompleteRef.clearValue();this.autocompleteRef.focus()}onTagRemove(e){this.removeOption(e)}async setFocus(e){return this.selectRef.focus(e)}async setValue(e){this.value=e}async getInstance(){return this.selectRef}async validateWcag(){v(this.wcagDescribedBy,"wcag-described-by",a.root);v(this.wcagLabelledBy,"wcag-labelled-by",a.root);v(this.wcagOwns,"wcag-owns",a.root);f(this.identifier||this.selectId,this.wcagLabelledBy,a.root)}get host(){return l(this)}static get watchers(){return{variant:["validateVariant"],size:["validateSize"],selectedOptions:["emitChange"]}}};x.style=p;export{x as gov_form_multi_select};
-//# sourceMappingURL=p-6797db03.entry.js.map

package/dist/core/p-6797db03.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../packages/core/src/components/gov-form/select/gov-form-multi-select.scss?tag=gov-form-multi-select","../../../packages/core/src/components/gov-form/select/gov-form-multi-select.tsx"],"names":["govFormMultiSelectCss","GovFormMultiSelect","[object Object]","hostRef","undefined","Sizes","_M","this","selectId","createID","listId","newValue","validateProp","Variants","FormSelectClass","root","govChange","emit","validateVariant","variant","validateSize","size","Array","from","selectRef","querySelectorAll","filter","option","disabled","selected","map","name","textContent","value","autocompleteRef","addEventListener","onSelectHandler","bind","onInputHandler","onFocusHandler","onBlurHandler","setSearchCallback","Promise","resolve","data","getAvailableOptions","String","length","removeDiacritics","toLowerCase","indexOf","then","selectedOptions","findIndex","querySelector","newOption","index","getOptionIndex","getOptionElement","removeOption","splice","initAutocomplete","delay","forEach","selectOption","canValidateWcagOnRender","validateWcag","h","Host","class","FormMultiSelectClass","wrap","identifier","required","invalid","placeholder","ref","el","minlength","wcagDescribedBy","wcagLabelledBy","wcagOwns","slot","hidden","aria-hidden","multiple","aria-disabled","toBoolAttrIfDefined","aria-required","aria-invalid","aria-describedby","aria-labelledby","aria-owns","role","id","list","item","wcagLabel","type","on-gov-click","onTagRemove","e","focused","govFocus","govBlur","target","stopPropagation","detail","clearValue","focus","options","validateWcagRef","validateWcagLabelFor"],"mappings":"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","sourcesContent":["/*\n *   Multiselect\n */\n\n@import \"../select/gov-form-select-core.scss\";\n$class: \".gov-form-multi-select\";\n\n#{$class} {\n\t@extend %form-select-core;\n\tflex-wrap: wrap;\n\t&__wrap {\n\t\tdisplay: flex;\n\t\tgap: rem-calc(8);\n\t\twidth: 100%;\n\t}\n\t&__list {\n\t\t@extend %reset-ul;\n\t\t@include typography($font-size-xs);\n\t\tdisplay: flex;\n\t\tgap: rem-calc(8);\n\t\tflex-wrap: wrap;\n\t}\n\t&__list > &__item {\n\t\t@extend %reset-ul-li;\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\tflex: 0 0 auto;\n\t\talign-items: center;\n\t\tpadding: rem-calc(0 0 0 8);\n\t\tbackground: $form-multiselect-bg;\n\t\ttransition: $t linear background-color;\n\t}\n}\n","import { Component, Element, h, State, Prop, Event, EventEmitter, Watch, Host, Method } from \"@stencil/core\"\nimport { toBoolAttrIfDefined } from \"../../../helpers/Dom/template\"\nimport { SizesType, Variants, VariantType, FormSelectClass, FormMultiSelectClass } from \"./constants\"\nimport { Sizes } from \"../../../core/constants/sizes\"\nimport { validateProp } from \"../../../helpers/Validate/props\"\nimport { validateWcagLabelFor, validateWcagRef } from \"../../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../../helpers/Dom/win\"\nimport { createID, removeDiacritics } from \"../../../utils/string.utils\"\nimport { delay } from \"../../../utils/utils\"\nimport {GovFormMultiSelectItem} from './gov-form-multi-select.d'\n\n@Component({\n\ttag: \"gov-form-multi-select\",\n\tstyleUrl: \"gov-form-multi-select.scss\",\n})\nexport class GovFormMultiSelect {\n\tprivate selectRef?: HTMLSelectElement\n\tprivate autocompleteRef?: HTMLGovFormAutocompleteElement\n\n\tprivate readonly selectId: string\n\tprivate readonly listId: string\n\n\tconstructor() {\n\t\tthis.selectId = createID(\"GovSelect\")\n\t\tthis.listId = createID(\"GovMultiList\")\n\t}\n\n\t@Element() host: HTMLGovFormSelectElement\n\t/**\n\t * Custom select identifier.\n\t */\n\t@Prop({ attribute: \"identifier\" }) readonly identifier: string\n\t/**\n\t * Custom select placeholder.\n\t */\n\t@Prop({ attribute: \"placeholder\" }) readonly placeholder: string\n\t/**\n\t * Style variation of the form select.\n\t */\n\t@Prop() readonly variant: VariantType = undefined\n\t/**\n\t * Select’s size.\n\t */\n\t@Prop() readonly size: SizesType = Sizes._M\n\t/**\n\t * Name of the select.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Makes the select component disabled.\n\t * This prevents users from being able to interact with the select, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop() readonly disabled: boolean\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop() readonly invalid: boolean\n\t/**\n\t * Indicates the id of a component that describes the input.\n\t */\n\t@Prop({ attribute: \"wcag-described-by\" }) readonly wcagDescribedBy: string\n\t/**\n\t * Indicates the id of a component that labels the input.\n\t */\n\t@Prop({ attribute: \"wcag-labelded-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Indicates the id of a component that describes the input.\n\t */\n\t@Prop({ attribute: \"wcag-owns\" }) readonly wcagOwns: string\n\t/**\n\t * Emitted when the select has focus.\n\t */\n\t@Event({ eventName: \"gov-focus\" }) govFocus: EventEmitter<FocusEvent>\n\t/**\n\t * Emitted when the select loses focus.\n\t */\n\t@Event({ eventName: \"gov-blur\" }) govBlur: EventEmitter<FocusEvent>\n\t/**\n\t * Emitted when the select change value.\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter\n\t@State() focused: boolean\n\t@State() value: string\n\t@State() selectedOptions: GovFormMultiSelectItem[] = []\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(Variants, newValue, FormSelectClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(Sizes, newValue, FormSelectClass.root)\n\t}\n\n\t@Watch(\"selectedOptions\")\n\temitChange(newValue: GovFormMultiSelectItem[]) {\n\t\tthis.govChange.emit(newValue)\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateSize(this.size)\n\t}\n\n\tprivate getAvailableOptions(): GovFormMultiSelectItem[] {\n\t\treturn Array.from(this.selectRef.querySelectorAll('option'))\n\t\t\t.filter((option: HTMLOptionElement) => !(option.disabled || option.selected))\n\t\t\t.map((option: HTMLOptionElement) => ({name: option.textContent, value: option.value}))\n\t}\n\n\tprivate initAutocomplete() {\n\t\tthis.autocompleteRef.addEventListener('gov-select', this.onSelectHandler.bind(this))\n\t\tthis.autocompleteRef.addEventListener('gov-input', this.onInputHandler.bind(this))\n\t\tthis.autocompleteRef.addEventListener('gov-focus', this.onFocusHandler.bind(this))\n\t\tthis.autocompleteRef.addEventListener('gov-blur', this.onBlurHandler.bind(this))\n\t\tthis.autocompleteRef.setSearchCallback((value) => {\n\t\t\treturn new Promise((resolve) => {\n\t\t\t\tconst data = this.getAvailableOptions()\n\t\t\t\tif(String(value).length === 0) {\n\t\t\t\t\treturn resolve(data)\n\t\t\t\t}\n\t\t\t\tresolve(data.filter(({name}) => {\n\t\t\t\t\tif (!name) return false;\n\t\t\t\t\treturn removeDiacritics(name).toLowerCase().indexOf(removeDiacritics(value).toLowerCase()) > -1\n\t\t\t\t}))\n\t\t\t})\n\t\t}).then()\n\t}\n\n\tprivate getOptionIndex(value: GovFormMultiSelectItem): number {\n\t\treturn this.selectedOptions.findIndex(option => option.value === value.value && option.name === value.name)\n\t}\n\n\tprivate getOptionElement(value: GovFormMultiSelectItem): HTMLOptionElement | null {\n\t\treturn this.selectRef.querySelector('option[value=\"'+value.value+'\"]') as HTMLOptionElement\n\t}\n\n\tprivate selectOption(newOption: GovFormMultiSelectItem) {\n\t\tconst index = this.getOptionIndex(newOption)\n\t\tif(index === -1) {\n\t\t\tthis.selectedOptions = [...this.selectedOptions, newOption]\n\t\t\tconst option = this.getOptionElement(newOption)\n\t\t\tif(option) {\n\t\t\t\toption.selected = true\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate removeOption(removeOption: GovFormMultiSelectItem) {\n\t\tconst index = this.getOptionIndex(removeOption)\n\t\tif(index !== -1) {\n\t\t\tthis.selectedOptions.splice(index, 1)\n\t\t\tthis.selectedOptions = [...this.selectedOptions]\n\t\t\tconst option = this.getOptionElement(removeOption)\n\t\t\tif(option) {\n\t\t\t\toption.selected = false\n\t\t\t}\n\t\t}\n\t}\n\n\tasync componentDidRender() {\n\t\tthis.initAutocomplete()\n\t\tawait delay(0)\n\t\tthis.selectRef.querySelectorAll('option').forEach((option: HTMLOptionElement) => {\n\t\t\tif(option.selected) {\n\t\t\t\tthis.selectOption({\n\t\t\t\t\tname: option.textContent,\n\t\t\t\t\tvalue: option.value,\n\t\t\t\t})\n\t\t\t}\n\t\t})\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={FormMultiSelectClass.root} size={this.size} variant={this.variant}>\n\t\t\t\t<div class={FormMultiSelectClass.wrap}>\n\t\t\t\t\t<div class=\"element\">\n\t\t\t\t\t\t<gov-form-autocomplete\n\t\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\tidentifier={this.identifier || this.selectId}\n\t\t\t\t\t\t\trequired={false}\n\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\tvariant={this.variant}\n\t\t\t\t\t\t\tinvalid={this.invalid}\n\t\t\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\t\t\tref={el => this.autocompleteRef = el as HTMLGovFormAutocompleteElement}\n\t\t\t\t\t\t\tminlength={0}\n\t\t\t\t\t\t\twcagDescribedBy={this.wcagDescribedBy}\n\t\t\t\t\t\t\twcagLabelledBy={this.wcagLabelledBy}\n\t\t\t\t\t\t\twcagOwns={this.listId}/>\n\t\t\t\t\t\t<gov-icon slot=\"right-icon\" class=\"icon-arrow\" name=\"arrow-down\"></gov-icon>\n\t\t\t\t\t\t<select\n\t\t\t\t\t\t\thidden\n\t\t\t\t\t\t\taria-hidden={true}\n\t\t\t\t\t\t\tmultiple\n\t\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\tref={el => this.selectRef = el as HTMLSelectElement}\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\t\taria-describedby={this.wcagDescribedBy}\n\t\t\t\t\t\t\taria-labelledby={this.wcagLabelledBy}\n\t\t\t\t\t\t\taria-owns={this.wcagOwns}>\n\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t</select>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<ul role=\"listbox\" id={this.listId} class={FormMultiSelectClass.list}>\n\t\t\t\t\t{this.selectedOptions.map((option) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<li class={FormMultiSelectClass.item} role=\"option\">\n\t\t\t\t\t\t\t\t{option.name}\n\t\t\t\t\t\t\t\t<gov-button\n\t\t\t\t\t\t\t\t\twcagLabel={'Odebrat vybranou položku '+option.name}\n\t\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\t\t\t\tsize=\"s\"\n\t\t\t\t\t\t\t\t\ton-gov-click={() => this.onTagRemove(option)}>\n\t\t\t\t\t\t\t\t\t<gov-icon name=\"cross\"></gov-icon>\n\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t)\n\t\t\t\t\t})}\n\t\t\t\t</ul>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\tthis.focused = true\n\t\tthis.govFocus.emit(e)\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\tthis.focused = false\n\t\tthis.govBlur.emit(e)\n\t}\n\n\tprivate onInputHandler(e: Event) {\n\t\tthis.value = (e.target as HTMLSelectElement).value\n\t\te.stopPropagation()\n\t}\n\n\tprivate onSelectHandler(e: CustomEvent) {\n\t\tconst value = (e.detail as GovFormMultiSelectItem)\n\t\tthis.selectOption(value)\n\t\tthis.value = ''\n\t\tthis.autocompleteRef.clearValue()\n\t\tthis.autocompleteRef.focus()\n\t}\n\n\tprivate onTagRemove(removeOption: GovFormMultiSelectItem) {\n\t\tthis.removeOption(removeOption)\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync setFocus(options?: FocusOptions): Promise<void> {\n\t\treturn this.selectRef.focus(options)\n\t}\n\n\t/**\n\t * Sets the ordered value of the element\n\t */\n\t@Method()\n\tasync setValue(value: string): Promise<void> {\n\t\tthis.value = value\n\t}\n\n\t/**\n\t * Returns an instance of the native html select element\n\t */\n\t@Method()\n\tasync getInstance(): Promise<HTMLSelectElement> {\n\t\treturn this.selectRef\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagRef(this.wcagDescribedBy, \"wcag-described-by\", FormSelectClass.root)\n\t\tvalidateWcagRef(this.wcagLabelledBy, \"wcag-labelled-by\", FormSelectClass.root)\n\t\tvalidateWcagRef(this.wcagOwns, \"wcag-owns\", FormSelectClass.root)\n\t\tvalidateWcagLabelFor(this.identifier || this.selectId, this.wcagLabelledBy, FormSelectClass.root)\n\t}\n}\n"]}

package/dist/core/p-732167df.entry.js

@@ -1,2 +0,0 @@
-import{r as o,h as t,H as i,g as e}from"./p-75c62141.js";import{a as r}from"./p-b4a749e8.js";import{g as n}from"./p-9077d6f6.js";const l={root:"gov-tile",icon:"gov-tile__icon",title:"gov-tile__title",link:"gov-tile__link",content:"gov-tile__content"};const a='.gov-tile__link::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.gov-tile{position:relative;display:block;width:100%;padding:0.75rem;transition:background-color 150ms}.gov-tile__icon{display:flex;margin:0rem 0rem 0.75rem;color:var(--gov-tile-icon-color, var(--gov-color-secondary))}.gov-tile__icon .gov-icon{width:2.5rem;height:2.5rem}.gov-tile__title{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);margin:0 0 0.5rem}.gov-tile__link{display:flex;gap:0.5rem;justify-content:space-between;color:var(--gov-tile-main-color, var(--gov-color-primary));text-decoration:none}.gov-tile__link .gov-icon{flex:0 0 auto;width:0.75rem;height:0.75rem;margin:0.5rem;color:inherit}.gov-tile__content{color:var(--gov-tile-text-color, var(--gov-color-secondary-700))}.gov-tile__content>*:last-child{margin-bottom:0}.gov-tile__content a{position:relative;z-index:1}@media not all and (pointer: coarse){.gov-tile[href]:hover{background:var(--gov-tile-hover-bg, var(--gov-color-primary-200))}.gov-tile[href]:hover .gov-tile__link{color:var(--gov-tile-main-color, var(--gov-color-primary))}}@media (min-width: 30em){.gov-tile[promotion=""],.gov-tile[promotion=true i],.gov-tile[promotion="1"]{display:grid;grid-template-columns:auto 1fr;gap:0 0.875rem}.gov-tile[promotion=""] .gov-tile__icon,.gov-tile[promotion=true i] .gov-tile__icon,.gov-tile[promotion="1"] .gov-tile__icon{grid-area:1/1/3/1;margin:0}.gov-tile[promotion=""] .gov-tile__title,.gov-tile[promotion=true i] .gov-tile__title,.gov-tile[promotion="1"] .gov-tile__title{grid-area:1/2/1/2}.gov-tile[promotion=""] .gov-tile__content,.gov-tile[promotion=true i] .gov-tile__content,.gov-tile[promotion="1"] .gov-tile__content{grid-area:2/2/2/2}}@media (min-width: 48em){.gov-tile{padding:1.5rem}.gov-tile__icon{margin:0rem 0rem 1.5rem}.gov-tile__icon .gov-icon{width:3rem;height:3rem}}@media (min-width: 64em){.gov-tile[promotion=""],.gov-tile[promotion=true i],.gov-tile[promotion="1"]{gap:0 1.625rem}}';const g=class{constructor(t){o(this,t);this.promotion=false;this.href=undefined;this.name=undefined;this.h=n(this.host)}validateName(o){if(!o){r(`[${l.root}]: Parameter title is required.`)}}componentWillLoad(){this.validateName(this.name)}render(){return t(i,{class:l.root,promotion:this.promotion},this.h.hasSlot("icon")&&t("div",{class:l.icon},t("slot",{name:"icon"})),t("h3",{class:l.title},this.href?t("a",{href:this.href,class:l.link},this.name,t("gov-icon",{name:"arrow-right"})):t("span",null,this.name)),t("div",{class:l.content},t("slot",null)))}get host(){return e(this)}static get watchers(){return{name:["validateName"]}}};g.style=a;export{g as gov_tile};
-//# sourceMappingURL=p-732167df.entry.js.map

package/dist/core/p-732167df.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../packages/core/src/components/gov-tile/constants.ts","../../../packages/core/src/components/gov-tile/gov-tile.scss?tag=gov-tile","../../../packages/core/src/components/gov-tile/gov-tile.tsx"],"names":["TileClass","root","icon","title","link","content","govTileCss","GovTile","[object Object]","hostRef","this","h","govHost","host","newValue","govErrorLog","validateName","name","Host","class","promotion","hasSlot","href"],"mappings":"iIAAO,MAAMA,EAAY,CACxBC,KAAM,WACNC,KAAM,iBACNC,MAAO,kBACPC,KAAM,iBACNC,QAAS,qBCLV,MAAMC,EAAa,+rECUNC,EAAO,MAGnBC,YAAAC,4BAOsC,8CANrCC,KAAKC,EAAIC,EAAQF,KAAKG,MAoBvBL,aAAaM,GACZ,IAAKA,EAAU,CACdC,EAAY,IAAIf,EAAUC,wCAI5BO,oBACCE,KAAKM,aAAaN,KAAKO,MAGxBT,SAEC,OACCG,EAACO,EAAI,CAACC,MAAOnB,EAAUC,KAAMmB,UAAWV,KAAKU,WAC3CV,KAAKC,EAAEU,QAAQ,SACfV,EAAA,MAAA,CAAKQ,MAAOnB,EAAUE,MACrBS,EAAA,OAAA,CAAMM,KAAK,UAGbN,EAAA,KAAA,CAAIQ,MAAOnB,EAAUG,OACnBO,KAAKY,KACLX,EAAA,IAAA,CAAGW,KAAMZ,KAAKY,KAAMH,MAAOnB,EAAUI,MACnCM,KAAKO,KACNN,EAAA,WAAA,CAAUM,KAAK,iBAGhBN,EAAA,OAAA,KACED,KAAKO,OAITN,EAAA,MAAA,CAAKQ,MAAOnB,EAAUK,SACrBM,EAAA,OAAA","sourcesContent":["export const TileClass = {\n\troot: \"gov-tile\",\n\ticon: \"gov-tile__icon\",\n\ttitle: \"gov-tile__title\",\n\tlink: \"gov-tile__link\",\n\tcontent: \"gov-tile__content\",\n}\n","/*\n *   Tile\n */\n\n$class: \".gov-tile\";\n\n#{$class} {\n\tposition: relative;\n\tdisplay: block;\n\twidth: 100%;\n\tpadding: rem-calc(12);\n\ttransition: background-color $t;\n\t&__icon {\n\t\tdisplay: flex;\n\t\tmargin: rem-calc(0 0 12);\n\t\tcolor: $tile-icon-color;\n\t\t.gov-icon {\n\t\t\twidth: rem-calc(40);\n\t\t\theight: rem-calc(40);\n\t\t}\n\t}\n\t&__title {\n\t\t@include typography($font-size-xl);\n\t\tmargin: 0 0 rem-calc(8);\n\t}\n\t&__link {\n\t\t@extend %link-mask;\n\t\tdisplay: flex;\n\t\tgap: rem-calc(8);\n\t\tjustify-content: space-between;\n\t\tcolor: $tile-main-color;\n\t\ttext-decoration: none;\n\t\t.gov-icon {\n\t\t\tflex: 0 0 auto;\n\t\t\twidth: rem-calc(12);\n\t\t\theight: rem-calc(12);\n\t\t\tmargin: rem-calc(8);\n\t\t\tcolor: inherit;\n\t\t}\n\t}\n\t&__content {\n\t\tcolor: $tile-text-color;\n\t\t& > *:last-child {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t\ta {\n\t\t\tposition: relative;\n\t\t\tz-index: 1;\n\t\t}\n\t}\n\n\t// HOVERS\n\t&[href] {\n\t\t@include hover() {\n\t\t\tbackground: $tile-hover-bg;\n\t\t\t#{$class} {\n\t\t\t\t&__link {\n\t\t\t\t\tcolor: $tile-main-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// MQ\n\t@include mq($from: sm) {\n\t\t// VARIANTS\n\t\t@include parameter(\"promotion\") {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: auto 1fr;\n\t\t\tgap: 0 rem-calc(14);\n\t\t\t#{$class} {\n\t\t\t\t&__icon {\n\t\t\t\t\tgrid-area: 1/1/3/1;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t}\n\t\t\t\t&__title {\n\t\t\t\t\tgrid-area: 1/2/1/2;\n\t\t\t\t}\n\t\t\t\t&__content {\n\t\t\t\t\tgrid-area: 2/2/2/2;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t@include mq($from: md) {\n\t\tpadding: rem-calc(24);\n\t\t&__icon {\n\t\t\tmargin: rem-calc(0 0 24);\n\t\t\t.gov-icon {\n\t\t\t\twidth: rem-calc(48);\n\t\t\t\theight: rem-calc(48);\n\t\t\t}\n\t\t}\n\t}\n\t@include mq($from: lg) {\n\t\t// VARIANTS\n\t\t@include parameter(\"promotion\") {\n\t\t\tgap: 0 rem-calc(26);\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host, Prop, Watch } from '@stencil/core'\nimport { govErrorLog } from \"../../helpers/Log/gov.log\"\nimport { TileClass } from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.d'\n\n@Component({\n\ttag: 'gov-tile',\n\tstyleUrl: 'gov-tile.scss',\n})\nexport class GovTile {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t/**\n\t * Style variation of the card.\n\t */\n\t@Prop() readonly promotion: boolean = false\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href\n\t */\n\t@Prop() readonly href: string\n\t/**\n\t * Item name\n\t */\n\t@Prop() readonly name: string\n\n\t@Element() host: HTMLGovTileElement\n\n\t@Watch(\"name\")\n\tvalidateName(newValue: string): void {\n\t\tif (!newValue) {\n\t\t\tgovErrorLog(`[${TileClass.root}]: Parameter title is required.`)\n\t\t}\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateName(this.name)\n\t}\n\n\trender() {\n\t\t// tag type\n\t\treturn (\n\t\t\t<Host class={TileClass.root} promotion={this.promotion}>\n\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t<div class={TileClass.icon}>\n\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t<h3 class={TileClass.title}>\n\t\t\t\t\t{this.href ? (\n\t\t\t\t\t\t<a href={this.href} class={TileClass.link}>\n\t\t\t\t\t\t\t{this.name}\n\t\t\t\t\t\t\t<gov-icon name=\"arrow-right\"></gov-icon>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t{this.name}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\t\t\t\t</h3>\n\t\t\t\t<div class={TileClass.content}>\n\t\t\t\t\t<slot/>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/core/p-75c62141.js

@@ -1,3 +0,0 @@
-const t="core";let e;let n;let s;let l=false;let o=false;let c=false;let i=false;let f=false;const r=t=>{const e=new URL(t,At.t);return e.origin!==Nt.location.origin?e.href:e.pathname};const u=(t,e="")=>{{return()=>{}}};const a=(t,e)=>{{return()=>{}}};const $="r";const d="o";const h="s";const p="t";const y="s-id";const m="sty-id";const b="c-id";const w="{visibility:hidden}.hydrated{visibility:inherit}";const g={};const S=t=>t!=null;const k=t=>{t=typeof t;return t==="object"||t==="function"};const j=(t,e,...n)=>{let s=null;let l=null;let o=false;let c=false;const i=[];const f=e=>{for(let n=0;n<e.length;n++){s=e[n];if(Array.isArray(s)){f(s)}else if(s!=null&&typeof s!=="boolean"){if(o=typeof t!=="function"&&!k(s)){s=String(s)}if(o&&c){i[i.length-1].l+=s}else{i.push(o?v(null,s):s)}c=o}}};f(n);if(e){if(e.name){l=e.name}{const t=e.className||e.class;if(t){e.class=typeof t!=="object"?t:Object.keys(t).filter((e=>t[e])).join(" ")}}}if(typeof t==="function"){return t(e===null?{}:e,i,x)}const r=v(t,null);r.o=e;if(i.length>0){r.i=i}{r.u=l}return r};const v=(t,e)=>{const n={$:0,h:t,l:e,p:null,i:null};{n.o=null}{n.u=null}return n};const C={};const M=t=>t&&t.h===C;const x={forEach:(t,e)=>t.map(O).forEach(e),map:(t,e)=>t.map(O).map(e).map(R)};const O=t=>({vattrs:t.o,vchildren:t.i,vkey:t.m,vname:t.u,vtag:t.h,vtext:t.l});const R=t=>{if(typeof t.vtag==="function"){const e=Object.assign({},t.vattrs);if(t.vkey){e.key=t.vkey}if(t.vname){e.name=t.vname}return j(t.vtag,e,...t.vchildren||[])}const e=v(t.vtag,t.vtext);e.o=t.vattrs;e.i=t.vchildren;e.m=t.vkey;e.u=t.vname;return e};const I=(t,e,n,s)=>{const l=u("hydrateClient",e);const o=t.shadowRoot;const c=[];const i=[];const f=o?[]:null;const r=s.g=v(e,null);if(!At.S){P(Wt.body,At.S=new Map)}t[y]=n;t.removeAttribute(y);L(r,c,i,f,t,t,n);c.map((t=>{const n=t.k+"."+t.j;const s=At.S.get(n);const l=t.p;if(s&&Dt&&s["s-en"]===""){s.parentNode.insertBefore(l,s.nextSibling)}if(!o){l["s-hn"]=e;if(s){l["s-ol"]=s;l["s-ol"]["s-nr"]=l}}At.S.delete(n)}));if(o){f.map((t=>{if(t){o.appendChild(t)}}))}l()};const L=(t,e,n,s,l,o,c)=>{let i;let f;let r;let u;if(o.nodeType===1){i=o.getAttribute(b);if(i){f=i.split(".");if(f[0]===c||f[0]==="0"){r={$:0,k:f[0],j:f[1],v:f[2],C:f[3],h:o.tagName.toLowerCase(),p:o,o:null,i:null,m:null,u:null,l:null};e.push(r);o.removeAttribute(b);if(!t.i){t.i=[]}t.i[r.C]=r;t=r;if(s&&r.v==="0"){s[r.C]=r.p}}}for(u=o.childNodes.length-1;u>=0;u--){L(t,e,n,s,l,o.childNodes[u],c)}if(o.shadowRoot){for(u=o.shadowRoot.childNodes.length-1;u>=0;u--){L(t,e,n,s,l,o.shadowRoot.childNodes[u],c)}}}else if(o.nodeType===8){f=o.nodeValue.split(".");if(f[1]===c||f[1]==="0"){i=f[0];r={$:0,k:f[1],j:f[2],v:f[3],C:f[4],p:o,o:null,i:null,m:null,u:null,h:null,l:null};if(i===p){r.p=o.nextSibling;if(r.p&&r.p.nodeType===3){r.l=r.p.textContent;e.push(r);o.remove();if(!t.i){t.i=[]}t.i[r.C]=r;if(s&&r.v==="0"){s[r.C]=r.p}}}else if(r.k===c){if(i===h){r.h="slot";if(f[5]){o["s-sn"]=r.u=f[5]}else{o["s-sn"]=""}o["s-sr"]=true;if(s){r.p=Wt.createElement(r.h);if(r.u){r.p.setAttribute("name",r.u)}o.parentNode.insertBefore(r.p,o);o.remove();if(r.v==="0"){s[r.C]=r.p}}n.push(r);if(!t.i){t.i=[]}t.i[r.C]=r}else if(i===$){if(s){o.remove()}else{l["s-cr"]=o;o["s-cn"]=true}}}}}else if(t&&t.h==="style"){const e=v(null,o.textContent);e.p=o;e.C="0";t.i=[e]}};const P=(t,e)=>{if(t.nodeType===1){let n=0;for(;n<t.childNodes.length;n++){P(t.childNodes[n],e)}if(t.shadowRoot){for(n=0;n<t.shadowRoot.childNodes.length;n++){P(t.shadowRoot.childNodes[n],e)}}}else if(t.nodeType===8){const n=t.nodeValue.split(".");if(n[0]===d){e.set(n[1]+"."+n[2],t);t.nodeValue="";t["s-en"]=n[3]}}};const T=(t,e)=>{if(t!=null&&!k(t)){if(e&4){return t==="false"?false:t===""||!!t}if(e&2){return parseFloat(t)}if(e&1){return String(t)}return t}return t};const U=t=>Ot(t).M;const E=(t,e,n)=>{const s=U(t);return{emit:t=>N(s,e,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:t})}};const N=(t,e,n)=>{const s=At.ce(e,n);t.dispatchEvent(s);return s};const W=new WeakMap;const A=(t,e,n)=>{let s=Et.get(t);if(Ht&&n){s=s||new CSSStyleSheet;if(typeof s==="string"){s=e}else{s.replaceSync(e)}}else{s=e}Et.set(t,s)};const D=(t,e,n,s)=>{let l=H(e);const o=Et.get(l);t=t.nodeType===11?t:Wt;if(o){if(typeof o==="string"){t=t.head||t;let e=W.get(t);let n;if(!e){W.set(t,e=new Set)}if(!e.has(l)){if(t.host&&(n=t.querySelector(`[${m}="${l}"]`))){n.innerHTML=o}else{{n=Wt.createElement("style");n.innerHTML=o}t.insertBefore(n,t.querySelector("link"))}if(e){e.add(l)}}}else if(!t.adoptedStyleSheets.includes(o)){t.adoptedStyleSheets=[...t.adoptedStyleSheets,o]}}return l};const F=t=>{const e=t.O;const n=t.M;const s=e.$;const l=u("attachStyles",e.R);const o=D(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);if(s&10){n["s-sc"]=o;n.classList.add(o+"-h")}l()};const H=(t,e)=>"sc-"+t.R;const q=t=>t.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{");const V=(t,e,n,s,l,o)=>{if(n!==s){let c=Lt(t,e);let i=e.toLowerCase();if(e==="class"){const e=t.classList;const l=z(n);const o=z(s);e.remove(...l.filter((t=>t&&!o.includes(t))));e.add(...o.filter((t=>t&&!l.includes(t))))}else if(e==="ref"){if(s){s(t)}}else if(!c&&e[0]==="o"&&e[1]==="n"){if(e[2]==="-"){e=e.slice(3)}else if(Lt(Nt,i)){e=i.slice(2)}else{e=i[2]+e.slice(3)}if(n){At.rel(t,e,n,false)}if(s){At.ael(t,e,s,false)}}else{const i=k(s);if((c||i&&s!==null)&&!l){try{if(!t.tagName.includes("-")){const l=s==null?"":s;if(e==="list"){c=false}else if(n==null||t[e]!=l){t[e]=l}}else{t[e]=s}}catch(t){}}if(s==null||s===false){if(s!==false||t.getAttribute(e)===""){{t.removeAttribute(e)}}}else if((!c||o&4||l)&&!i){s=s===true?"":s;{t.setAttribute(e,s)}}}}};const _=/\s/;const z=t=>!t?[]:t.split(_);const B=(t,e,n,s)=>{const l=e.p.nodeType===11&&e.p.host?e.p.host:e.p;const o=t&&t.o||g;const c=e.o||g;{for(s in o){if(!(s in c)){V(l,s,o[s],undefined,n,e.$)}}}for(s in c){V(l,s,o[s],c[s],n,e.$)}};const G=(t,o,f,r)=>{const u=o.i[f];let a=0;let $;let d;let h;if(!l){c=true;if(u.h==="slot"){if(e){r.classList.add(e+"-s")}u.$|=u.i?2:1}}if(u.l!==null){$=u.p=Wt.createTextNode(u.l)}else if(u.$&1){$=u.p=Wt.createTextNode("")}else{$=u.p=Wt.createElement(u.$&2?"slot-fb":u.h);{B(null,u,i)}if(S(e)&&$["s-si"]!==e){$.classList.add($["s-si"]=e)}if(u.i){for(a=0;a<u.i.length;++a){d=G(t,u,a,$);if(d){$.appendChild(d)}}}}{$["s-hn"]=s;if(u.$&(2|1)){$["s-sr"]=true;$["s-cr"]=n;$["s-sn"]=u.u||"";h=t&&t.i&&t.i[f];if(h&&h.h===u.h&&t.p){J(t.p,false)}}}return $};const J=(t,e)=>{At.$|=1;const n=t.childNodes;for(let t=n.length-1;t>=0;t--){const l=n[t];if(l["s-hn"]!==s&&l["s-ol"]){tt(l).insertBefore(l,Z(l));l["s-ol"].remove();l["s-ol"]=undefined;c=true}if(e){J(l,e)}}At.$&=~1};const K=(t,e,n,l,o,c)=>{let i=t["s-cr"]&&t["s-cr"].parentNode||t;let f;if(i.shadowRoot&&i.tagName===s){i=i.shadowRoot}for(;o<=c;++o){if(l[o]){f=G(null,n,o,t);if(f){l[o].p=f;i.insertBefore(f,Z(e))}}}};const Q=(t,e,n,s,l)=>{for(;e<=n;++e){if(s=t[e]){l=s.p;ct(s);{o=true;if(l["s-ol"]){l["s-ol"].remove()}else{J(l,true)}}l.remove()}}};const X=(t,e,n,s)=>{let l=0;let o=0;let c=e.length-1;let i=e[0];let f=e[c];let r=s.length-1;let u=s[0];let a=s[r];let $;while(l<=c&&o<=r){if(i==null){i=e[++l]}else if(f==null){f=e[--c]}else if(u==null){u=s[++o]}else if(a==null){a=s[--r]}else if(Y(i,u)){et(i,u);i=e[++l];u=s[++o]}else if(Y(f,a)){et(f,a);f=e[--c];a=s[--r]}else if(Y(i,a)){if(i.h==="slot"||a.h==="slot"){J(i.p.parentNode,false)}et(i,a);t.insertBefore(i.p,f.p.nextSibling);i=e[++l];a=s[--r]}else if(Y(f,u)){if(i.h==="slot"||a.h==="slot"){J(f.p.parentNode,false)}et(f,u);t.insertBefore(f.p,i.p);f=e[--c];u=s[++o]}else{{$=G(e&&e[o],n,o,t);u=s[++o]}if($){{tt(i.p).insertBefore($,Z(i.p))}}}}if(l>c){K(t,s[r+1]==null?null:s[r+1].p,n,s,o,r)}else if(o>r){Q(e,l,c)}};const Y=(t,e)=>{if(t.h===e.h){if(t.h==="slot"){return t.u===e.u}return true}return false};const Z=t=>t&&t["s-ol"]||t;const tt=t=>(t["s-ol"]?t["s-ol"]:t).parentNode;const et=(t,e)=>{const n=e.p=t.p;const s=t.i;const l=e.i;const o=e.h;const c=e.l;let f;if(c===null){{if(o==="slot");else{B(t,e,i)}}if(s!==null&&l!==null){X(n,s,e,l)}else if(l!==null){if(t.l!==null){n.textContent=""}K(n,null,e,l,0,l.length-1)}else if(s!==null){Q(s,0,s.length-1)}}else if(f=n["s-cr"]){f.parentNode.textContent=c}else if(t.l!==c){n.data=c}};const nt=t=>{const e=t.childNodes;let n;let s;let l;let o;let c;let i;for(s=0,l=e.length;s<l;s++){n=e[s];if(n.nodeType===1){if(n["s-sr"]){c=n["s-sn"];n.hidden=false;for(o=0;o<l;o++){i=e[o].nodeType;if(e[o]["s-hn"]!==n["s-hn"]||c!==""){if(i===1&&c===e[o].getAttribute("slot")){n.hidden=true;break}}else{if(i===1||i===3&&e[o].textContent.trim()!==""){n.hidden=true;break}}}}nt(n)}}};const st=[];const lt=t=>{let e;let n;let s;let l;let c;let i;let f=0;const r=t.childNodes;const u=r.length;for(;f<u;f++){e=r[f];if(e["s-sr"]&&(n=e["s-cr"])&&n.parentNode){s=n.parentNode.childNodes;l=e["s-sn"];for(i=s.length-1;i>=0;i--){n=s[i];if(!n["s-cn"]&&!n["s-nr"]&&n["s-hn"]!==e["s-hn"]){if(ot(n,l)){c=st.find((t=>t.I===n));o=true;n["s-sn"]=n["s-sn"]||l;if(c){c.L=e}else{st.push({L:e,I:n})}if(n["s-sr"]){st.map((t=>{if(ot(t.I,n["s-sn"])){c=st.find((t=>t.I===n));if(c&&!t.L){t.L=c.L}}}))}}else if(!st.some((t=>t.I===n))){st.push({I:n})}}}}if(e.nodeType===1){lt(e)}}};const ot=(t,e)=>{if(t.nodeType===1){if(t.getAttribute("slot")===null&&e===""){return true}if(t.getAttribute("slot")===e){return true}return false}if(t["s-sn"]===e){return true}return e===""};const ct=t=>{{t.o&&t.o.ref&&t.o.ref(null);t.i&&t.i.map(ct)}};const it=(t,i)=>{const f=t.M;const r=t.O;const u=t.g||v(null,null);const a=M(i)?i:j(null,null,i);s=f.tagName;if(r.P){a.o=a.o||{};r.P.map((([t,e])=>a.o[e]=f[t]))}a.h=null;a.$|=4;t.g=a;a.p=u.p=f.shadowRoot||f;{e=f["s-sc"]}{n=f["s-cr"];l=(r.$&1)!==0;o=false}et(u,a);{At.$|=1;if(c){lt(a.p);let t;let e;let n;let s;let l;let o;let c=0;for(;c<st.length;c++){t=st[c];e=t.I;if(!e["s-ol"]){n=Wt.createTextNode("");n["s-nr"]=e;e.parentNode.insertBefore(e["s-ol"]=n,e)}}for(c=0;c<st.length;c++){t=st[c];e=t.I;if(t.L){s=t.L.parentNode;l=t.L.nextSibling;n=e["s-ol"];while(n=n.previousSibling){o=n["s-nr"];if(o&&o["s-sn"]===e["s-sn"]&&s===o.parentNode){o=o.nextSibling;if(!o||!o["s-nr"]){l=o;break}}}if(!l&&s!==e.parentNode||e.nextSibling!==l){if(e!==l){if(!e["s-hn"]&&e["s-ol"]){e["s-hn"]=e["s-ol"].parentNode.nodeName}s.insertBefore(e,l)}}}else{if(e.nodeType===1){e.hidden=true}}}}if(o){nt(a.p)}At.$&=~1;st.length=0}};const ft=(t,e)=>{if(e&&!t.T&&e["s-p"]){e["s-p"].push(new Promise((e=>t.T=e)))}};const rt=(t,e)=>{{t.$|=16}if(t.$&4){t.$|=512;return}ft(t,t.U);const n=()=>ut(t,e);return Jt(n)};const ut=(t,e)=>{const n=u("scheduleUpdate",t.O.R);const s=t.N;let l;if(e){{l=pt(s,"componentWillLoad")}}{l=yt(l,(()=>pt(s,"componentWillRender")))}n();return yt(l,(()=>at(t,s,e)))};const at=async(t,e,n)=>{const s=t.M;const l=u("update",t.O.R);const o=s["s-rc"];if(n){F(t)}const c=u("render",t.O.R);{$t(t,e)}if(o){o.map((t=>t()));s["s-rc"]=undefined}c();l();{const e=s["s-p"];const n=()=>dt(t);if(e.length===0){n()}else{Promise.all(e).then(n);t.$|=4;e.length=0}}};const $t=(t,e,n)=>{try{e=e.render();{t.$&=~16}{t.$|=2}{{{it(t,e)}}}}catch(e){Pt(e,t.M)}return null};const dt=t=>{const e=t.O.R;const n=t.M;const s=u("postUpdate",e);const l=t.N;const o=t.U;{pt(l,"componentDidRender")}if(!(t.$&64)){t.$|=64;{mt(n)}{pt(l,"componentDidLoad")}s();{t.W(n);if(!o){ht()}}}else{s()}{t.A(n)}{if(t.T){t.T();t.T=undefined}if(t.$&512){Gt((()=>rt(t,false)))}t.$&=~(4|512)}};const ht=e=>{{mt(Wt.documentElement)}Gt((()=>N(Nt,"appload",{detail:{namespace:t}})))};const pt=(t,e,n)=>{if(t&&t[e]){try{return t[e](n)}catch(t){Pt(t)}}return undefined};const yt=(t,e)=>t&&t.then?t.then(e):e();const mt=t=>t.classList.add("hydrated");const bt=(t,e)=>Ot(t).D.get(e);const wt=(t,e,n,s)=>{const l=Ot(t);const o=l.M;const c=l.D.get(e);const i=l.$;const f=l.N;n=T(n,s.F[e][0]);const r=Number.isNaN(c)&&Number.isNaN(n);const u=n!==c&&!r;if((!(i&8)||c===undefined)&&u){l.D.set(e,n);if(f){if(s.H&&i&128){const t=s.H[e];if(t){t.map((t=>{try{f[t](n,c,e)}catch(t){Pt(t,o)}}))}}if((i&(2|16))===2){rt(l,false)}}}};const gt=(t,e,n)=>{if(e.F){if(t.watchers){e.H=t.watchers}const s=Object.entries(e.F);const l=t.prototype;s.map((([t,[s]])=>{if(s&31||n&2&&s&32){Object.defineProperty(l,t,{get(){return bt(this,t)},set(n){wt(this,t,n,e)},configurable:true,enumerable:true})}else if(n&1&&s&64){Object.defineProperty(l,t,{value(...e){const n=Ot(this);return n.q.then((()=>n.N[t](...e)))}})}}));if(n&1){const n=new Map;l.attributeChangedCallback=function(t,e,s){At.jmp((()=>{const e=n.get(t);if(this.hasOwnProperty(e)){s=this[e];delete this[e]}else if(l.hasOwnProperty(e)&&typeof this[e]==="number"&&this[e]==s){return}this[e]=s===null&&typeof this[e]==="boolean"?false:s}))};t.observedAttributes=s.filter((([t,e])=>e[0]&15)).map((([t,s])=>{const l=s[1]||t;n.set(l,t);if(s[0]&512){e.P.push([t,l])}return l}))}}return t};const St=async(t,e,n,s,l)=>{if((e.$&32)===0){{e.$|=32;l=Ut(n);if(l.then){const t=a();l=await l;t()}if(!l.isProxied){{n.H=l.watchers}gt(l,n,2);l.isProxied=true}const t=u("createInstance",n.R);{e.$|=8}try{new l(e)}catch(t){Pt(t)}{e.$&=~8}{e.$|=128}t();kt(e.N)}if(l.style){let t=l.style;const e=H(n);if(!Et.has(e)){const s=u("registerStyles",n.R);A(e,t,!!(n.$&1));s()}}}const o=e.U;const c=()=>rt(e,true);if(o&&o["s-rc"]){o["s-rc"].push(c)}else{c()}};const kt=t=>{{pt(t,"connectedCallback")}};const jt=t=>{if((At.$&1)===0){const e=Ot(t);const n=e.O;const s=u("connectedCallback",n.R);if(!(e.$&1)){e.$|=1;let s;{s=t.getAttribute(y);if(s){if(n.$&1){const e=D(t.shadowRoot,n);t.classList.remove(e+"-h",e+"-s")}I(t,n.R,s,e)}}if(!s){if(n.$&(4|8)){vt(t)}}{let n=t;while(n=n.parentNode||n.host){if(n.nodeType===1&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){ft(e,e.U=n);break}}}if(n.F){Object.entries(n.F).map((([e,[n]])=>{if(n&31&&t.hasOwnProperty(e)){const n=t[e];delete t[e];t[e]=n}}))}{St(t,e,n)}}else{kt(e.N)}s()}};const vt=t=>{const e=t["s-cr"]=Wt.createComment("");e["s-cn"]=true;t.insertBefore(e,t.firstChild)};const Ct=t=>{if((At.$&1)===0){const e=Ot(t);const n=e.N;{pt(n,"disconnectedCallback")}}};const Mt=(t,e={})=>{const n=u();const s=[];const l=e.exclude||[];const o=Nt.customElements;const c=Wt.head;const i=c.querySelector("meta[charset]");const f=Wt.createElement("style");const r=[];const a=Wt.querySelectorAll(`[${m}]`);let $;let d=true;let h=0;Object.assign(At,e);At.t=new URL(e.resourcesUrl||"./",Wt.baseURI).href;{At.$|=2}{for(;h<a.length;h++){A(a[h].getAttribute(m),q(a[h].innerHTML),true)}}t.map((t=>{t[1].map((e=>{const n={$:e[0],R:e[1],F:e[2],V:e[3]};{n.F=e[2]}{n.P=[]}{n.H={}}const c=n.R;const i=class extends HTMLElement{constructor(t){super(t);t=this;It(t,n);if(n.$&1){{{t.attachShadow({mode:"open"})}}}}connectedCallback(){if($){clearTimeout($);$=null}if(d){r.push(this)}else{At.jmp((()=>jt(this)))}}disconnectedCallback(){At.jmp((()=>Ct(this)))}componentOnReady(){return Ot(this)._}};n.B=t[0];if(!l.includes(c)&&!o.get(c)){s.push(c);o.define(c,gt(i,n,1))}}))}));{f.innerHTML=s+w;f.setAttribute("data-styles","");c.insertBefore(f,i?i.nextSibling:c.firstChild)}d=false;if(r.length){r.map((t=>t.connectedCallback()))}else{{At.jmp((()=>$=setTimeout(ht,30)))}}n()};const xt=new WeakMap;const Ot=t=>xt.get(t);const Rt=(t,e)=>xt.set(e.N=t,e);const It=(t,e)=>{const n={$:0,M:t,O:e,D:new Map};{n.q=new Promise((t=>n.A=t))}{n._=new Promise((t=>n.W=t));t["s-p"]=[];t["s-rc"]=[]}return xt.set(t,n)};const Lt=(t,e)=>e in t;const Pt=(t,e)=>(0,console.error)(t,e);const Tt=new Map;const Ut=(t,e,n)=>{const s=t.R.replace(/-/g,"_");const l=t.B;const o=Tt.get(l);if(o){return o[s]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((t=>{{Tt.set(l,t)}return t[s]}),Pt)};const Et=new Map;const Nt=typeof window!=="undefined"?window:{};const Wt=Nt.document||{head:{}};const At={$:0,t:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,s)=>t.addEventListener(e,n,s),rel:(t,e,n,s)=>t.removeEventListener(e,n,s),ce:(t,e)=>new CustomEvent(t,e)};const Dt=true;const Ft=t=>Promise.resolve(t);const Ht=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(t){}return false})();const qt=[];const Vt=[];const _t=(t,e)=>n=>{t.push(n);if(!f){f=true;if(e&&At.$&4){Gt(Bt)}else{At.raf(Bt)}}};const zt=t=>{for(let e=0;e<t.length;e++){try{t[e](performance.now())}catch(t){Pt(t)}}t.length=0};const Bt=()=>{zt(qt);{zt(Vt);if(f=qt.length>0){At.raf(Bt)}}};const Gt=t=>Ft().then(t);const Jt=_t(Vt,true);export{C as H,r as a,Mt as b,E as c,U as g,j as h,Ft as p,Rt as r};
-//# sourceMappingURL=p-75c62141.js.map