npm - @ukic/web-components - Versions diffs - 2.1.0-beta.15 → 2.1.0-beta.16 - Mend

@ukic/web-components 2.1.0-beta.15 → 2.1.0-beta.16

Files changed (744) hide show

package/dist/core/p-559b3d17.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as i,h as e,H as t,g as s,c as n,F as c}from"./p-589f6dd3.js";import{a as o}from"./p-6f57b13c.js";import{i as a,L as r,a as u}from"./p-471820e6.js";import{C as h}from"./p-8c7f4343.js";import{c as l}from"./p-ec26fc38.js";const d="ic-input-component-container{display:flex;border:var(--ic-space-1px) solid\n var(--border-color, var(--ic-architectural-400));border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-slow);height:2.5rem;width:var(--input-width, 20rem);padding:var(--ic-space-1px);background-color:var(--ic-architectural-white);box-sizing:border-box;fill:var(--ic-architectural-400);outline:none}ic-input-component-container.fullwidth{width:100%}ic-input-component-container.disabled,ic-input-component-container.disabled:hover{border:var(--ic-space-1px) dashed var(--ic-architectural-200)}ic-input-component-container.readonly,ic-input-component-container.readonly:hover{border:none;padding:0}ic-input-component-container.error{border:var(--ic-space-xxxs) solid var(--ic-status-error);padding:0}ic-input-component-container.warning{border:var(--ic-space-xxxs) solid var(--ic-status-warning-mid);padding:0}ic-input-component-container.success{border:var(--ic-space-xxxs) solid var(--ic-status-success);padding:0}ic-input-component-container.small{height:var(--ic-space-xl)}ic-input-component-container.multiline{height:auto}ic-input-component-container .icon-container{margin-top:var(--ic-space-xxs);margin-left:0.438rem;display:flex;align-items:center}ic-input-component-container.multiline .icon-container,ic-input-component-container.multiline.small .icon-container{margin-top:0.375rem;display:block}ic-input-component-container.readonly .icon-container{margin-left:-0.313rem}ic-input-component-container.disabled ::-moz-placeholder{display:none}ic-input-component-container.disabled ::placeholder{display:none}ic-input-component-container .inline-success{margin:var(--ic-space-xs) 0.375rem;display:flex;align-items:center}ic-input-component-container.dark:hover{--border-color:var(--ic-architectural-400)}ic-input-component-container .inline-success>svg{fill:var(--ic-status-success);height:1.25rem;width:1.25rem}ic-input-component-container:hover{border-color:var(--ic-action-dark-hover);color:var(--ic-action-dark-hover)}.focus-indicator{display:flex;width:100%;margin:-0.125rem;padding:0.125rem;border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast)}.focus-indicator:focus-within,.focus-indicator-enabled{box-shadow:var(--ic-border-focus)}.focus-indicator.dark:focus-within{box-shadow:var(--ic-border-focus)}@media (forced-colors: active){ic-input-component-container,.focus-indicator{transition:none}ic-input-component-container:focus-within{border:var(--ic-space-1px) solid Highlight;outline:0.125rem solid Highlight}ic-input-component-container.disabled,ic-input-component-container.disabled:hover{border:var(--ic-space-1px) dashed GrayText}}";const m=class{constructor(e){i(this,e);this.disabled=false;this.readonly=false;this.validationStatus="";this.small=false;this.multiLine=false;this.validationInline=false;this.dark=false;this.fullWidth=false}render(){const{small:i,validationStatus:s,disabled:n,readonly:c,multiLine:u,fullWidth:h,dark:l,validationInline:d}=this;const m=this.validationStatus!==""&&!this.disabled&&!this.readonly?true:false;return e(t,{class:{["small"]:i,[s]:m,["disabled"]:n,["readonly"]:c,["multiline"]:u,["fullwidth"]:h,["dark"]:l}},e("div",{class:{"focus-indicator":true,dark:l}},a(this.host,"left-icon")&&e("div",{class:{["icon-container"]:true}},e("slot",{name:"left-icon"})),e("slot",null),d&&s===o.Success&&e("span",{class:{["inline-success"]:true},innerHTML:r})))}get host(){return s(this)}};m.style=d;const p="ic-input-container .component-container{display:flex;flex-direction:column}";const f=class{constructor(e){i(this,e);this.disabled=false;this.readonly=false}render(){return e(t,null,e("div",{class:{["component-container"]:true,["disabled"]:this.disabled,["readonly"]:this.readonly}},e("slot",null)))}};f.style=p;const b='html.sc-ic-menu{line-height:1.15;-webkit-text-size-adjust:100%}body.sc-ic-menu{margin:0}main.sc-ic-menu{display:block}h1.sc-ic-menu{font-size:2em;margin:0.67em 0}hr.sc-ic-menu{box-sizing:content-box;height:0;overflow:visible}pre.sc-ic-menu{font-family:monospace, monospace;font-size:1em}a.sc-ic-menu{background-color:transparent}abbr[title].sc-ic-menu{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b.sc-ic-menu,strong.sc-ic-menu{font-weight:bolder}code.sc-ic-menu,kbd.sc-ic-menu,samp.sc-ic-menu{font-family:monospace, monospace;font-size:1em}small.sc-ic-menu{font-size:80%}sub.sc-ic-menu,sup.sc-ic-menu{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub.sc-ic-menu{bottom:-0.25em}sup.sc-ic-menu{top:-0.5em}img.sc-ic-menu{border-style:none}button.sc-ic-menu,input.sc-ic-menu,optgroup.sc-ic-menu,select.sc-ic-menu,textarea.sc-ic-menu{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button.sc-ic-menu,input.sc-ic-menu{overflow:visible}button.sc-ic-menu,select.sc-ic-menu{text-transform:none}button.sc-ic-menu,[type="button"].sc-ic-menu,[type="reset"].sc-ic-menu,[type="submit"].sc-ic-menu{-webkit-appearance:button}button.sc-ic-menu::-moz-focus-inner,[type="button"].sc-ic-menu::-moz-focus-inner,[type="reset"].sc-ic-menu::-moz-focus-inner,[type="submit"].sc-ic-menu::-moz-focus-inner{border-style:none;padding:0}button.sc-ic-menu:-moz-focusring,[type="button"].sc-ic-menu:-moz-focusring,[type="reset"].sc-ic-menu:-moz-focusring,[type="submit"].sc-ic-menu:-moz-focusring{outline:1px dotted ButtonText}fieldset.sc-ic-menu{padding:0.35em 0.75em 0.625em}legend.sc-ic-menu{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress.sc-ic-menu{vertical-align:baseline}textarea.sc-ic-menu{overflow:auto}[type="checkbox"].sc-ic-menu,[type="radio"].sc-ic-menu{box-sizing:border-box;padding:0}[type="number"].sc-ic-menu::-webkit-inner-spin-button,[type="number"].sc-ic-menu::-webkit-outer-spin-button{height:auto}[type="search"].sc-ic-menu{-webkit-appearance:textfield;outline-offset:-2px}[type="search"].sc-ic-menu::-webkit-search-decoration{-webkit-appearance:none}.sc-ic-menu::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details.sc-ic-menu{display:block}summary.sc-ic-menu{display:list-item}template.sc-ic-menu{display:none}[hidden].sc-ic-menu{display:none}html.sc-ic-menu,body.sc-ic-menu,div.sc-ic-menu,span.sc-ic-menu,applet.sc-ic-menu,object.sc-ic-menu,iframe.sc-ic-menu,h1.sc-ic-menu,h2.sc-ic-menu,h3.sc-ic-menu,h4.sc-ic-menu,h5.sc-ic-menu,h6.sc-ic-menu,p.sc-ic-menu,blockquote.sc-ic-menu,pre.sc-ic-menu,a.sc-ic-menu,abbr.sc-ic-menu,acronym.sc-ic-menu,address.sc-ic-menu,big.sc-ic-menu,cite.sc-ic-menu,code.sc-ic-menu,del.sc-ic-menu,dfn.sc-ic-menu,em.sc-ic-menu,img.sc-ic-menu,ins.sc-ic-menu,kbd.sc-ic-menu,q.sc-ic-menu,s.sc-ic-menu,samp.sc-ic-menu,small.sc-ic-menu,strike.sc-ic-menu,strong.sc-ic-menu,sub.sc-ic-menu,sup.sc-ic-menu,tt.sc-ic-menu,var.sc-ic-menu,b.sc-ic-menu,u.sc-ic-menu,i.sc-ic-menu,center.sc-ic-menu,dl.sc-ic-menu,dt.sc-ic-menu,dd.sc-ic-menu,ol.sc-ic-menu,ul.sc-ic-menu,li.sc-ic-menu,fieldset.sc-ic-menu,form.sc-ic-menu,label.sc-ic-menu,legend.sc-ic-menu,table.sc-ic-menu,caption.sc-ic-menu,tbody.sc-ic-menu,tfoot.sc-ic-menu,thead.sc-ic-menu,tr.sc-ic-menu,th.sc-ic-menu,td.sc-ic-menu,article.sc-ic-menu,aside.sc-ic-menu,canvas.sc-ic-menu,details.sc-ic-menu,embed.sc-ic-menu,figure.sc-ic-menu,figcaption.sc-ic-menu,footer.sc-ic-menu,header.sc-ic-menu,hgroup.sc-ic-menu,menu.sc-ic-menu,nav.sc-ic-menu,output.sc-ic-menu,ruby.sc-ic-menu,section.sc-ic-menu,summary.sc-ic-menu,time.sc-ic-menu,mark.sc-ic-menu,audio.sc-ic-menu,video.sc-ic-menu{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){.open.sc-ic-menu-h .menu.sc-ic-menu{transition:max-height var(--ic-transition-duration-slow)}}.sc-ic-menu-h{border-radius:var(--ic-border-radius);max-height:0;width:var(--input-width, 20rem);color:var(--ic-color-primary-text);background-color:var(--ic-architectural-white);position:relative;z-index:var(--ic-z-index-menu);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay)}.sc-ic-menu-h:not(.no-focus):focus-within{box-shadow:var(--ic-border-focus)}#retry-button.sc-ic-menu::part(button){height:var(--ic-space-lg)}.small.sc-ic-menu #retry-button.sc-ic-menu::part(button){height:var(--ic-space-md)}.menu.sc-ic-menu{text-decoration:none;list-style-type:none;border:var(--ic-space-1px) solid var(--ic-architectural-400);border-radius:var(--ic-border-radius);background-color:var(--ic-architectural-white);visibility:hidden;max-height:0;overflow-y:hidden}.menu-scroll.sc-ic-menu{overflow-y:auto}.menu.sc-ic-menu:focus-visible{outline:none}.open.sc-ic-menu-h{max-height:none;display:block}.open.sc-ic-menu-h .menu.sc-ic-menu{visibility:visible;max-height:20.125rem}.full-width.sc-ic-menu-h{width:100%}.option.sc-ic-menu{padding:0.5rem 0.438rem;cursor:pointer;display:flex;align-items:center}.option.sc-ic-menu:not(.loading-option){justify-content:space-between}.small.sc-ic-menu-h .option.sc-ic-menu{padding:0.25rem 0.438rem}.option.sc-ic-menu:last-child{border-radius:0 0 var(--ic-space-1px) var(--ic-space-1px)}.option.sc-ic-menu:first-child{border-radius:var(--ic-space-1px) var(--ic-space-1px) 0 0}.option.sc-ic-menu:not(.disabled-option):hover{background-color:var(--ic-action-dark-bg-hover)}.option.sc-ic-menu:not(.disabled-option):active{background-color:var(--ic-action-dark-bg-active)}.option.sc-ic-menu:focus-visible{outline:var(--ic-hc-focus-outline)}.option.sc-ic-menu:not(.disabled-option) .option-description.sc-ic-menu{color:var(--ic-color-secondary-text)}.option-text-container.sc-ic-menu{pointer-events:none}.option.loading-option.sc-ic-menu .option-text-container.sc-ic-menu{margin-left:0.625rem;color:var(--ic-color-secondary-text)}.error-icon-svg.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);fill:var(--ic-status-error);align-self:center;display:flex;margin-right:calc(var(--ic-space-xxs) * 1.2)}.loading-error-info.sc-ic-menu{display:flex}.check-icon.sc-ic-menu{height:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:0.5rem;pointer-events:none}.focused-option.sc-ic-menu .check-icon.sc-ic-menu *.sc-ic-menu{fill:currentcolor}.option-group-title.sc-ic-menu{padding:1.5rem 0.438rem 0.5rem;color:var(--ic-color-tertiary-text)}.small.sc-ic-menu-h .option-group-title.sc-ic-menu{padding:0.75rem 0.438rem 0.25rem}.last-recommended-option.sc-ic-menu{border-bottom:var(--ic-space-1px) solid var(--ic-architectural-400)}.disabled-option.sc-ic-menu{color:var(--ic-architectural-200);cursor:default;pointer-events:none}.focused-option.sc-ic-menu,.focused-option.sc-ic-menu .option-description.sc-ic-menu{background-color:var(--ic-focus-blue) !important;color:var(--ic-color-white-text) !important}.no-results.sc-ic-menu-h li.sc-ic-menu{cursor:no-drop}.no-results.sc-ic-menu-h li.sc-ic-menu:hover{background-color:transparent}@media (forced-colors: active){.focused-option.sc-ic-menu:focus{outline:none;border:0.125rem solid transparent}}';const v=class{constructor(t){i(this,t);this.menuOptionSelect=n(this,"menuOptionSelect",7);this.menuStateChange=n(this,"menuStateChange",7);this.menuOptionId=n(this,"menuOptionId",7);this.menuKeyPress=n(this,"menuKeyPress",7);this.ungroupedOptionsSet=n(this,"ungroupedOptionsSet",7);this.retryButtonClicked=n(this,"retryButtonClicked",7);this.timeoutBlur=n(this,"timeoutBlur",7);this.ungroupedOptions=[];this.isSearchBar=false;this.isSearchableSelect=false;this.preventClickOpen=false;this.hasTimedOut=false;this.isLoading=false;this.hasPreviouslyBlurred=false;this.handleClearListener=()=>{this.optionHighlighted=""};this.handleSubmitSearch=()=>{const i=this.options.findIndex((i=>i.value===this.optionHighlighted));this.setInputValue(i)};this.handleMenuChange=(i,e)=>{if(!i)this.popperInstance.destroy();this.menuStateChange.emit({open:i,focusInput:e});if(!i&&e!==false){this.inputEl.focus();this.preventClickOpen=false}};this.setNextOptionValue=i=>{if(this.ungroupedOptions[i+1]){this.menuOptionSelect.emit({value:this.ungroupedOptions[i+1].value,optionId:this.getOptionId(this.ungroupedOptions[i+1].value)})}else{this.menuOptionSelect.emit({value:this.ungroupedOptions[0].value,optionId:this.getOptionId(this.ungroupedOptions[0].value)})}};this.setPreviousOptionValue=i=>{if(this.ungroupedOptions[i-1]){this.menuOptionSelect.emit({value:this.ungroupedOptions[i-1].value,optionId:this.getOptionId(this.ungroupedOptions[i-1].value)})}else{this.menuOptionSelect.emit({value:this.ungroupedOptions[this.ungroupedOptions.length-1].value,optionId:this.getOptionId(this.ungroupedOptions[this.ungroupedOptions.length-1].value)})}};this.getParentEl=i=>{if(i.tagName==="IC-SEARCH-BAR"){this.isSearchBar=true}else if(i.tagName==="IC-SELECT"&&i.getAttribute("searchable")!==null&&i.getAttribute("searchable")!==undefined){this.isSearchableSelect=true}};this.arrowBehaviour=i=>{i.preventDefault();this.handleMenuChange(true)};this.setMenuOptions=()=>this.isSearchBar?this.options:this.ungroupedOptions;this.setHighlightedOption=i=>{const e=this.setMenuOptions();e[i]&&!e[i].timedOut&&(this.optionHighlighted=e[i].value\|\|undefined)};this.autoSetInputValueKeyboardOpen=i=>{const e=this.ungroupedOptions.findIndex((i=>i.value===this.value));this.keyboardNav=false;switch(i.key){case"ArrowDown":this.keyboardNav=true;this.arrowBehaviour(i);this.setNextOptionValue(e);break;case"ArrowUp":this.keyboardNav=true;this.arrowBehaviour(i);this.setPreviousOptionValue(e);break;case" ":case"Enter":if(i.target.id!=="clear-button"){this.handleMenuChange(true)}break}};this.manSetInputValueKeyboardOpen=i=>{var e;const t=this.setMenuOptions();this.keyboardNav=false;const s=t.findIndex((i=>i.value===this.optionHighlighted));const n=i=>{var e;return(e=Array.from(this.host.querySelectorAll("li"))[i])===null\|\|e===void 0?void 0:e.id};switch(i.key){case"ArrowDown":this.keyboardNav=true;this.arrowBehaviour(i);if(s<t.length-1){this.setHighlightedOption(s+1);this.menuOptionId.emit({optionId:n(s+1)})}else{this.setHighlightedOption(0);this.menuOptionId.emit({optionId:n(0)})}this.preventIncorrectTabOrder=false;this.focusFromSearchKeypress=false;break;case"ArrowUp":this.keyboardNav=true;this.arrowBehaviour(i);if(s<=0\|\|s>t.length+1){this.setHighlightedOption(t.length-1);this.menuOptionId.emit({optionId:n(t.length-1)})}else{this.setHighlightedOption(s-1);this.menuOptionId.emit({optionId:n(s-1)})}this.preventIncorrectTabOrder=false;this.focusFromSearchKeypress=false;break;case"Home":this.keyboardNav=true;i.preventDefault();this.arrowBehaviour(i);this.setHighlightedOption(0);this.menuOptionId.emit({optionId:n(0)});break;case"End":this.keyboardNav=true;i.preventDefault();this.arrowBehaviour(i);this.setHighlightedOption(t.length-1);this.menuOptionId.emit({optionId:n(t.length-1)});break;case"Enter":i.preventDefault();this.setInputValue(s);this.value=(e=t[s])===null\|\|e===void 0?void 0:e.value;break;case"Escape":this.handleMenuChange(false);this.menuOptionId.emit({optionId:undefined});break;case"Shift":case"Tab":if(this.isSearchBar){this.keyboardNav=true}this.preventIncorrectTabOrder=true;break;case"Backspace":if(this.isSearchBar){this.parentEl.setFocus();this.setHighlightedOption(0)}else if(this.isSearchableSelect){this.parentEl.setFocus();this.value=null}this.focusFromSearchKeypress=true;break;default:if(i.key!=="Tab"){if(this.isSearchBar){this.parentEl.setFocus();this.setHighlightedOption(0)}else if(this.isSearchableSelect){this.parentEl.setFocus();this.value=null}this.focusFromSearchKeypress=true}break}};this.setInputValue=i=>{var e;const t=this.setMenuOptions();if(t[i]){this.menuOptionSelect.emit({value:(e=t[i])===null\|\|e===void 0?void 0:e.value});this.optionHighlighted=undefined;this.menuOptionId.emit({optionId:undefined})}if(!this.hasTimedOut)this.handleMenuChange(false);else this.parentEl.setFocus()};this.handleOptionClick=i=>{const{value:e,label:t}=i.target.dataset;this.menuOptionSelect.emit({value:e,label:t});this.handleMenuChange(false)};this.handleRetry=()=>{this.retryButtonClicked.emit({value:this.value})};this.handleRetryKeyDown=i=>{if(i.key==="Enter"\|\|i.key===" "){i.preventDefault();this.retryButtonClicked.emit({value:this.value,keyPressed:i.key})}};this.handleBlur=i=>{if(i.relatedTarget!==this.inputEl){if(!this.menu.contains(i.relatedTarget)){this.handleMenuChange(false,this.hasPreviouslyBlurred)}}else{this.handleMenuChange(false);this.preventClickOpen=true}if(!this.isSearchBar)this.hasPreviouslyBlurred=!!i.relatedTarget};this.handleMouseDown=i=>{i.preventDefault()};this.handleMenuKeyDown=i=>{if(this.activationType==="automatic"){this.autoSetValueOnMenuKeyDown(i)}else if(this.activationType==="manual"&&this.isSearchableSelect){this.manSetInputValueKeyboardOpen(i)}};this.emitMenuKeyPress=(i,e)=>{this.menuKeyPress.emit({isNavKey:i,key:e})};this.autoSetValueOnMenuKeyDown=i=>{i.cancelBubble=true;const e=this.ungroupedOptions.findIndex((i=>i.value===this.value));const t=this.inputEl.tagName==="INPUT";this.keyboardNav=false;switch(i.key){case" ":i.preventDefault();break;case"ArrowUp":if(!this.hasTimedOut){i.preventDefault();this.setPreviousOptionValue(e);this.keyboardNav=true}break;case"ArrowDown":if(!this.hasTimedOut){i.preventDefault();this.setNextOptionValue(e);this.keyboardNav=true}break;case"Home":this.menuOptionSelect.emit({value:this.ungroupedOptions[0].value});this.keyboardNav=true;break;case"End":this.menuOptionSelect.emit({value:this.ungroupedOptions[this.ungroupedOptions.length-1].value});this.keyboardNav=true;break;case"Enter":!this.hasTimedOut&&this.handleMenuChange(false);break;case"Escape":this.handleMenuChange(false);break;case"Backspace":if(t){this.inputEl.focus()}break;case"Shift":break;default:if(t&&i.key!=="Tab"&&!this.hasTimedOut){this.inputEl.focus()}if(i.key.length===1){this.keyboardNav=true}break}this.emitMenuKeyPress(this.keyboardNav,i.key)};this.handleMenuKeyUp=i=>{if(i.key==="Tab"&&i.shiftKey){this.preventClickOpen=false}};this.getOptionId=i=>`${this.menuId}-${i}`;this.getOptionAriaLabel=(i,e)=>{let t=i.label;if(i.description){t=`${t}, ${i.description}`}if(e){return`${t}, ${e.label} group`}else{return t}};this.getSortedOptions=i=>{let e=[];if(i.sort){e=i.sort(((i,e)=>i.recommended&&!e.recommended?-1:0))}return e};this.isManualMode=this.activationType==="manual";this.scrollToSelected=i=>{const e=i.querySelector(".option[aria-selected]");if(e){const t=e.offsetTop+e.offsetHeight;if(t>i.scrollTop+i.offsetHeight\|\|t<i.scrollTop+i.offsetHeight){i.scrollTop=e.offsetTop}e.focus()}};this.loadUngroupedOptions=()=>{if(this.options.length>0&&this.options.map){this.options.map((i=>{if(i.children){i.children.map((i=>!i.disabled&&this.ungroupedOptions.push(i)))}else if(!i.disabled){this.ungroupedOptions.push(i)}}))}this.ungroupedOptions=this.getSortedOptions(this.ungroupedOptions);this.ungroupedOptionsSet.emit({options:this.ungroupedOptions})};this.setMenuScrollbar=()=>{let i=0;this.host.querySelectorAll(".option").forEach((e=>i+=e.clientHeight));if(i>=320){this.menu.classList.add("menu-scroll")}};this.handleTimeoutBlur=i=>{this.timeoutBlur.emit({ev:i})};this.optionContent=i=>{var t;return e(c,null,i.loading&&e("ic-loading-indicator",{size:"icon"}),e("div",{class:"option-text-container"},e("ic-typography",{variant:"body","aria-hidden":"true"},e("p",null,i.label)),i.description&&e("ic-typography",{id:`${this.getOptionId(i===null\|\|i===void 0?void 0:i.value)}-description`,class:"option-description",variant:"caption","aria-hidden":"true"},e("p",null,i.description))),!!i.value&&!!this.value&&(i===null\|\|i===void 0?void 0:i.value.toLowerCase())===((t=this.value)===null\|\|t===void 0?void 0:t.toLowerCase())&&this.parentEl.tagName!=="IC-SEARCH-BAR"&&e("span",{class:"check-icon",innerHTML:h}))};this.displayOption=(i,t,s)=>{const{open:n,value:o,keyboardNav:a,isManualMode:r,initialOptionsListRender:u,optionHighlighted:h,options:l}=this;return e("li",{id:this.getOptionId(i.value),class:{option:true,"focused-option":r?(a\|\|u)&&i.value===h:a&&i.value===o,"last-recommended-option":i.recommended&&l[t+1]&&!l[t+1].recommended,"disabled-option":i.disabled,"loading-option":i.loading,timeout:i.timedOut},role:"option",tabindex:n&&(i.value===o\|\|i.value===h)&&a?"0":"-1","aria-label":this.getOptionAriaLabel(i,s),"aria-selected":i.value===o,"aria-disabled":i.disabled?"true":"false",onClick:!i.timedOut&&!i.loading&&this.handleOptionClick,onBlur:this.handleBlur,onMouseDown:this.handleMouseDown,"data-value":i.value,"data-label":i.label},i.timedOut?e(c,null,e("div",{class:"loading-error-info"},e("svg",{class:"error-icon-svg","aria-labelledby":"error-title",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"#000000"},e("title",{id:"error-title"},"Error"),e("path",{d:"M0 0h24v24H0z",fill:"none"}),e("path",{d:"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"})),e("ic-typography",{variant:"label"},i.label)),e("ic-button",{size:"small",variant:"tertiary",onClick:this.handleRetry,onKeyDown:this.handleRetryKeyDown,onBlur:this.handleTimeoutBlur,id:"retry-button"},"Retry")):this.optionContent(i))};this.open=undefined;this.options=undefined;this.small=false;this.menuId=undefined;this.value=undefined;this.activationType="automatic";this.inputEl=undefined;this.parentEl=undefined;this.inputLabel=undefined;this.anchorEl=undefined;this.fullWidth=false;this.autoFocusOnSelected=true;this.keyboardNav=false;this.optionHighlighted=undefined;this.focusFromSearchKeypress=false;this.initialOptionsListRender=false;this.preventIncorrectTabOrder=false}watchOptionsHandler(i){this.hasTimedOut=i.some((i=>i.timedOut));this.isLoading=i.some((i=>i.loading));this.ungroupedOptions=[];this.loadUngroupedOptions()}async handleClickOpen(){if(!this.preventClickOpen){this.menuStateChange.emit({open:!this.open});this.keyboardNav=false}this.preventClickOpen=false}async handleKeyboardOpen(i){this.keyboardNav=false;if(this.activationType==="automatic"){this.autoSetInputValueKeyboardOpen(i)}else{this.manSetInputValueKeyboardOpen(i)}}async handleSetFirstOption(){this.setHighlightedOption(0)}connectedCallback(){this.getParentEl(this.parentEl);if(this.isSearchBar){this.setHighlightedOption(0);this.initialOptionsListRender=true}}componentWillLoad(){this.loadUngroupedOptions();this.parentEl.addEventListener("icClear",this.handleClearListener);this.parentEl.addEventListener("icSubmitSearch",this.handleSubmitSearch);this.hasTimedOut=this.options.some((i=>i.timedOut));this.isLoading=this.options.some((i=>i.loading))}componentDidLoad(){if(this.isSearchBar&&this.parentEl.disableFilter){this.focusFromSearchKeypress=true}u([{prop:this.open,propName:"open"},{prop:this.options,propName:"options"},{prop:this.menuId,propName:"menu-id"},{prop:this.inputLabel,propName:"input-label"}],"Menu")}componentDidRender(){if(this.open){this.popperInstance=l(this.anchorEl,this.host,{placement:"bottom",modifiers:[{name:"offset",options:{offset:[0,7]}},{name:"flip",options:{fallbackPlacements:["top"],rootBoundary:"viewport"}}]})}if(this.open&&!!this.options.length){this.setMenuScrollbar()}}componentDidUpdate(){const i=this.options.some((i=>i.value===this.value));const e=this.optionHighlighted!==null&&this.optionHighlighted!==undefined&&this.optionHighlighted!=="";if(this.open&&this.options.length!==0){if(this.value&&this.keyboardNav&&i&&this.autoFocusOnSelected&&!this.isSearchableSelect){this.scrollToSelected(this.menu)}else if(this.inputEl.tagName!=="IC-TEXT-FIELD"&&this.inputEl.tagName!=="INPUT"){this.menu.focus()}else if(e&&!this.focusFromSearchKeypress&&!this.preventIncorrectTabOrder){const i=this.host.querySelector(`li[data-value="${this.optionHighlighted}"]`);if(i){i.focus()}}}}disconnectedCallback(){this.parentEl.removeEventListener("icClear",this.handleClearListener);this.parentEl.removeEventListener("icSubmitSearch",this.handleSubmitSearch)}render(){const{inputLabel:i,options:s,menuId:n,value:c,fullWidth:o,hasTimedOut:a,isLoading:r,small:u,open:h,inputEl:l,keyboardNav:d}=this;return e(t,{class:{"full-width":o,"no-focus":(l===null\|\|l===void 0?void 0:l.tagName)==="INPUT"\|\|a\|\|r,small:u,open:h}},s.length!==0&&e("ul",{id:n,class:"menu",role:"listbox","aria-label":i,"aria-activedescendant":c!=null&&c!==""?this.getOptionId(c):"",tabindex:h&&!d&&(l===null\|\|l===void 0?void 0:l.tagName)!=="INPUT"?"0":"-1",ref:i=>this.menu=i,onKeyDown:this.handleMenuKeyDown,onKeyUp:this.handleMenuKeyUp,onBlur:this.handleBlur},this.getSortedOptions(s).map(((i,t)=>{if(i.children){if(i.children.length>0){return e("div",null,e("ic-typography",{class:"option-group-title",role:"presentation",variant:"subtitle-small"},e("p",null,i.label)),i.children.map((e=>this.displayOption(e,t,i))))}else{return null}}else{return this.displayOption(i,t)}}))))}get host(){return s(this)}static get watchers(){return{options:["watchOptionsHandler"]}}};v.style=b;export{m as ic_input_component_container,f as ic_input_container,v as ic_menu};
2	- //# sourceMappingURL=p-559b3d17.entry.js.map

package/dist/core/p-559b3d17.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["src/components/ic-input-component-container/ic-input-component-container.css?tag=ic-input-component-container","src/components/ic-input-component-container/ic-input-component-container.tsx","src/components/ic-input-container/ic-input-container.css?tag=ic-input-container","src/components/ic-input-container/ic-input-container.tsx","src/components/ic-menu/ic-menu.css?tag=ic-menu&encapsulation=scoped","src/components/ic-menu/ic-menu.tsx"],"names":["icInputComponentContainerCss","InputComponentContainer","[object Object]","small","validationStatus","disabled","readonly","multiLine","fullWidth","dark","validationInline","this","hasValidationStatus","h","Host","class","focus-indicator","isSlotUsed","host","name","IcInformationStatus","Success","innerHTML","successIcon","icInputContainerCss","InputContainer","icMenuCss","Menu","ungroupedOptions","isSearchBar","isSearchableSelect","preventClickOpen","hasTimedOut","isLoading","hasPreviouslyBlurred","handleClearListener","optionHighlighted","handleSubmitSearch","highlightedOptionIndex","options","findIndex","option","value","setInputValue","handleMenuChange","open","focusInput","popperInstance","destroy","menuStateChange","emit","inputEl","focus","setNextOptionValue","selectedOptionIndex","menuOptionSelect","optionId","getOptionId","setPreviousOptionValue","length","getParentEl","parent","tagName","getAttribute","undefined","arrowBehaviour","event","preventDefault","setMenuOptions","setHighlightedOption","highlightedIndex","menuOptions","timedOut","autoSetInputValueKeyboardOpen","keyboardNav","key","target","id","manSetInputValueKeyboardOpen","index","_a","Array","from","querySelectorAll","menuOptionId","preventIncorrectTabOrder","focusFromSearchKeypress","parentEl","setFocus","handleOptionClick","label","dataset","handleRetry","retryButtonClicked","handleRetryKeyDown","ev","keyPressed","handleBlur","relatedTarget","menu","contains","handleMouseDown","handleMenuKeyDown","activationType","autoSetValueOnMenuKeyDown","emitMenuKeyPress","isNavKey","menuKeyPress","cancelBubble","handleMenuKeyUp","shiftKey","menuId","getOptionAriaLabel","parentOption","ariaLabel","description","getSortedOptions","sorted","sort","optionA","optionB","recommended","isManualMode","scrollToSelected","selectedOption","querySelector","elTop","offsetTop","offsetHeight","scrollTop","loadUngroupedOptions","map","children","push","ungroupedOptionsSet","setMenuScrollbar","optionsHeight","forEach","clientHeight","classList","add","handleTimeoutBlur","timeoutBlur","optionContent","Fragment","loading","size","variant","aria-hidden","toLowerCase","Check","displayOption","initialOptionsListRender","focused-option","last-recommended-option","disabled-option","loading-option","timeout","role","tabindex","aria-label","aria-selected","aria-disabled","onClick","onBlur","onMouseDown","data-value","data-label","aria-labelledby","xmlns","viewBox","fill","d","onKeyDown","newOptions","some","opt","addEventListener","disableFilter","onComponentRequiredPropUndefined","prop","propName","inputLabel","createPopper","anchorEl","placement","modifiers","offset","fallbackPlacements","rootBoundary","inputValueInOptions","optionHighlightedIsSet","autoFocusOnSelected","highlightedEl","removeEventListener","full-width","no-focus","aria-activedescendant","ref","el","onKeyUp","childOption"],"mappings":"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","sourcesContent":["ic-input-component-container {\n /**\n * @prop --border-color: Border colour of the input component container\n */\n\n display: flex;\n border: var(--ic-space-1px) solid\n var(--border-color, var(--ic-architectural-400));\n border-radius: var(--ic-border-radius);\n transition: var(--ic-easing-transition-slow);\n height: 2.5rem;\n width: var(--input-width, 20rem);\n padding: var(--ic-space-1px);\n background-color: var(--ic-architectural-white);\n box-sizing: border-box;\n fill: var(--ic-architectural-400);\n outline: none;\n}\n\nic-input-component-container.fullwidth {\n width: 100%;\n}\n\nic-input-component-container.disabled,\nic-input-component-container.disabled:hover {\n border: var(--ic-space-1px) dashed var(--ic-architectural-200);\n}\n\nic-input-component-container.readonly,\nic-input-component-container.readonly:hover {\n border: none;\n padding: 0;\n}\n\nic-input-component-container.error {\n border: var(--ic-space-xxxs) solid var(--ic-status-error);\n padding: 0;\n}\n\nic-input-component-container.warning {\n border: var(--ic-space-xxxs) solid var(--ic-status-warning-mid);\n padding: 0;\n}\n\nic-input-component-container.success {\n border: var(--ic-space-xxxs) solid var(--ic-status-success);\n padding: 0;\n}\n\nic-input-component-container.small {\n height: var(--ic-space-xl);\n}\n\nic-input-component-container.multiline {\n height: auto;\n}\n\nic-input-component-container .icon-container {\n margin-top: var(--ic-space-xxs);\n margin-left: 0.438rem;\n display: flex;\n align-items: center;\n}\n\nic-input-component-container.multiline .icon-container,\nic-input-component-container.multiline.small .icon-container {\n margin-top: 0.375rem;\n display: block;\n}\n\nic-input-component-container.readonly .icon-container {\n margin-left: -0.313rem;\n}\n\nic-input-component-container.disabled ::placeholder {\n display: none;\n}\n\nic-input-component-container .inline-success {\n margin: var(--ic-space-xs) 0.375rem;\n display: flex;\n align-items: center;\n}\n\nic-input-component-container.dark:hover {\n --border-color: var(--ic-architectural-400);\n}\n\nic-input-component-container .inline-success > svg {\n fill: var(--ic-status-success);\n height: 1.25rem;\n width: 1.25rem;\n}\n\nic-input-component-container:hover {\n border-color: var(--ic-action-dark-hover);\n color: var(--ic-action-dark-hover);\n}\n\n.focus-indicator {\n display: flex;\n width: 100%;\n margin: -0.125rem;\n padding: 0.125rem;\n border-radius: var(--ic-border-radius);\n transition: var(--ic-easing-transition-fast);\n}\n\n.focus-indicator:focus-within,\n.focus-indicator-enabled {\n box-shadow: var(--ic-border-focus);\n}\n\n.focus-indicator.dark:focus-within {\n box-shadow: var(--ic-border-focus);\n}\n\n@media (forced-colors: active) {\n /* Styles here only apply to Forced Colors Mode */\n ic-input-component-container,\n .focus-indicator {\n transition: none;\n }\n\n ic-input-component-container:focus-within {\n border: var(--ic-space-1px) solid Highlight;\n outline: 0.125rem solid Highlight;\n }\n\n ic-input-component-container.disabled,\n ic-input-component-container.disabled:hover {\n border: var(--ic-space-1px) dashed GrayText;\n }\n}\n","import { Component, Element, Host, Prop, h } from \"@stencil/core\";\n\nimport {\n IcInformationStatus,\n IcInformationStatusOrEmpty,\n} from \"../../utils/types\";\nimport successIcon from \"../../assets/success-icon.svg\";\nimport { isSlotUsed } from \"../../utils/helpers\";\n\n/**\n * @slot left-icon - Content will be placed to the left of the input.\n */\n@Component({\n tag: \"ic-input-component-container\",\n styleUrl: \"ic-input-component-container.css\",\n})\nexport class InputComponentContainer {\n /**\n * If `true`, the disabled state will be set.\n */\n @Prop() disabled: boolean = false;\n /**\n * If `true`, the readonly state will be set.\n */\n @Prop() readonly: boolean = false;\n /**\n * The validation status of the input component container - e.g. 'error' | 'warning' | 'success'.\n */\n @Prop() validationStatus: IcInformationStatusOrEmpty = \"\";\n /**\n * If `true`, the small styling will be applied to the input component container.\n */\n @Prop() small: boolean = false;\n /**\n * If `true`, the input component container will allow for multiple lines.\n */\n @Prop() multiLine: boolean = false;\n /**\n * If `true`, the validation will display inline.\n */\n @Prop() validationInline: boolean = false;\n\n /**\n * If `true`, the dark variant of the input component container will be displayed.\n */\n @Prop() dark?: boolean = false;\n\n /**\n * If `true`, the input component container will fill the width of the container it is in.\n */\n @Prop() fullWidth: boolean = false;\n\n @Element() host: HTMLIcInputComponentContainerElement;\n\n render() {\n const {\n small,\n validationStatus,\n disabled,\n readonly,\n multiLine,\n fullWidth,\n dark,\n validationInline,\n } = this;\n const hasValidationStatus =\n this.validationStatus !== \"\" && !this.disabled && !this.readonly\n ? true\n : false;\n return (\n <Host\n class={{\n [\"small\"]: small,\n [validationStatus]: hasValidationStatus,\n [\"disabled\"]: disabled,\n [\"readonly\"]: readonly,\n [\"multiline\"]: multiLine,\n [\"fullwidth\"]: fullWidth,\n [\"dark\"]: dark,\n }}\n >\n <div\n class={{\n \"focus-indicator\": true,\n dark: dark,\n }}\n >\n {isSlotUsed(this.host, \"left-icon\") && (\n <div\n class={{\n [\"icon-container\"]: true,\n }}\n >\n <slot name=\"left-icon\" />\n </div>\n )}\n <slot></slot>\n\n {validationInline &&\n validationStatus === IcInformationStatus.Success && (\n <span\n class={{\n [\"inline-success\"]: true,\n }}\n innerHTML={successIcon}\n />\n )}\n </div>\n </Host>\n );\n }\n}\n","ic-input-container .component-container {\n display: flex;\n flex-direction: column;\n}\n","import { Component, Host, Prop, h } from \"@stencil/core\";\n\n@Component({\n tag: \"ic-input-container\",\n styleUrl: \"ic-input-container.css\",\n})\nexport class InputContainer {\n /**\n * If `true`, the disabled state will be set.\n */\n @Prop() disabled?: boolean = false;\n\n /**\n * If `true`, the readonly state will be set.\n */\n @Prop() readonly?: boolean = false;\n\n render() {\n return (\n <Host>\n <div\n class={{\n [\"component-container\"]: true,\n [\"disabled\"]: this.disabled,\n [\"readonly\"]: this.readonly,\n }}\n >\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n","@import \"../../global/normalize.css\";\n\n/**\n * @prop --ic-z-index-menu: z-index of menu\n */\n\n@media (prefers-reduced-motion: no-preference) {\n :host(.open) .menu {\n transition: max-height var(--ic-transition-duration-slow);\n }\n}\n\n:host {\n border-radius: var(--ic-border-radius);\n max-height: 0;\n width: var(--input-width, 20rem);\n color: var(--ic-color-primary-text);\n background-color: var(--ic-architectural-white);\n position: relative;\n z-index: var(--ic-z-index-menu);\n box-sizing: border-box;\n box-shadow: var(--ic-elevation-overlay);\n}\n\n:host(:not(.no-focus):focus-within) {\n box-shadow: var(--ic-border-focus);\n}\n\n#retry-button::part(button) {\n height: var(--ic-space-lg);\n}\n\n.small #retry-button::part(button) {\n height: var(--ic-space-md);\n}\n\n.menu {\n text-decoration: none;\n list-style-type: none;\n border: var(--ic-space-1px) solid var(--ic-architectural-400);\n border-radius: var(--ic-border-radius);\n background-color: var(--ic-architectural-white);\n visibility: hidden;\n max-height: 0;\n overflow-y: hidden;\n}\n\n.menu-scroll {\n overflow-y: auto;\n}\n\n.menu:focus-visible {\n outline: none;\n}\n\n:host(.open) {\n max-height: none;\n display: block;\n}\n\n:host(.open) .menu {\n visibility: visible;\n max-height: 20.125rem;\n}\n\n:host(.full-width) {\n width: 100%;\n}\n\n.option {\n padding: 0.5rem 0.438rem;\n cursor: pointer;\n display: flex;\n align-items: center;\n}\n\n.option:not(.loading-option) {\n justify-content: space-between;\n}\n\n:host(.small) .option {\n padding: 0.25rem 0.438rem;\n}\n\n.option:last-child {\n border-radius: 0 0 var(--ic-space-1px) var(--ic-space-1px);\n}\n\n.option:first-child {\n border-radius: var(--ic-space-1px) var(--ic-space-1px) 0 0;\n}\n\n.option:not(.disabled-option):hover {\n background-color: var(--ic-action-dark-bg-hover);\n}\n\n.option:not(.disabled-option):active {\n background-color: var(--ic-action-dark-bg-active);\n}\n\n.option:focus-visible {\n outline: var(--ic-hc-focus-outline);\n}\n\n.option:not(.disabled-option) .option-description {\n color: var(--ic-color-secondary-text);\n}\n\n.option-text-container {\n pointer-events: none;\n}\n\n.option.loading-option .option-text-container {\n margin-left: 0.625rem;\n color: var(--ic-color-secondary-text);\n}\n\n.error-icon-svg {\n height: var(--ic-space-md);\n width: var(--ic-space-md);\n fill: var(--ic-status-error);\n align-self: center;\n display: flex;\n margin-right: calc(var(--ic-space-xxs) * 1.2);\n}\n\n.loading-error-info {\n display: flex;\n}\n\n.check-icon {\n height: var(--ic-space-lg);\n width: var(--ic-space-lg);\n margin-left: 0.5rem;\n pointer-events: none;\n}\n\n.focused-option .check-icon * {\n fill: currentcolor;\n}\n\n.option-group-title {\n padding: 1.5rem 0.438rem 0.5rem;\n color: var(--ic-color-tertiary-text);\n}\n\n:host(.small) .option-group-title {\n padding: 0.75rem 0.438rem 0.25rem;\n}\n\n.last-recommended-option {\n border-bottom: var(--ic-space-1px) solid var(--ic-architectural-400);\n}\n\n.disabled-option {\n color: var(--ic-architectural-200);\n cursor: default;\n pointer-events: none;\n}\n\n.focused-option,\n.focused-option .option-description {\n background-color: var(--ic-focus-blue) !important;\n color: var(--ic-color-white-text) !important;\n}\n\n:host(.no-results) li {\n cursor: no-drop;\n}\n\n:host(.no-results) li:hover {\n background-color: transparent;\n}\n\n@media (forced-colors: active) {\n .focused-option:focus {\n outline: none;\n border: 0.125rem solid transparent;\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n Method,\n State,\n Watch,\n Fragment,\n} from \"@stencil/core\";\nimport { createPopper, Instance as PopperInstance } from \"@popperjs/core\";\n\nimport {\n IcActivationTypes,\n IcMenuOption,\n IcValueEventDetail,\n} from \"../../utils/types\";\nimport Check from \"../../assets/check-icon.svg\";\nimport { onComponentRequiredPropUndefined } from \"../../utils/helpers\";\nimport {\n IcOptionSelectEventDetail,\n IcMenuChangeEventDetail,\n IcMenuOptionIdEventDetail,\n} from \"./ic-menu.types\";\n\n@Component({\n tag: \"ic-menu\",\n styleUrl: \"ic-menu.css\",\n scoped: true,\n})\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport class Menu {\n private menu: HTMLUListElement;\n private ungroupedOptions: IcMenuOption[] = [];\n private popperInstance: PopperInstance;\n private isSearchBar: boolean = false;\n private isSearchableSelect: boolean = false;\n // Prevents menu re-opening immediately after it is closed on blur when clicking input.\n private preventClickOpen: boolean = false;\n private hasTimedOut: boolean = false;\n private isLoading: boolean = false;\n private hasPreviouslyBlurred: boolean = false;\n\n @Element() host: HTMLIcMenuElement;\n\n /**\n * If `true`, the menu will be displayed open.\n */\n @Prop({ reflect: true }) open!: boolean;\n\n /**\n * The possible menu selection options.\n */\n @Prop() options!: IcMenuOption[];\n\n /**\n * If `true`, the small styling will be applied to the menu.\n */\n @Prop({ reflect: true }) small?: boolean = false;\n\n /**\n * The ID of the menu.\n */\n @Prop() menuId!: string;\n\n /**\n * The value of the currently selected option.\n */\n @Prop() value!: string;\n\n /**\n * Determines whether options manually set as values (by pressing 'Enter') when they receive focus using keyboard navigation.\n */\n @Prop() activationType?: IcActivationTypes = \"automatic\";\n\n /**\n * The reference to the input element.\n */\n @Prop() inputEl!: HTMLElement;\n\n /**\n * @internal - The parent element if ic-menu is nested inside another component.\n */\n @Prop() parentEl?: HTMLElement;\n\n /**\n * The label for the input element.\n */\n @Prop() inputLabel!: string;\n\n /**\n * The reference to an anchor element the menu will position itself from when rendered.\n */\n @Prop() anchorEl!: HTMLElement;\n\n /**\n * If `true`, the menu will fill the width of the container.\n */\n @Prop() fullWidth: boolean = false;\n\n /**\n * @internal If `true`, autofocus will be applied on selected item when menu is open.\n */\n @Prop() autoFocusOnSelected: boolean = true;\n\n @State() keyboardNav: boolean = false;\n @State() optionHighlighted: string;\n @State() focusFromSearchKeypress: boolean = false;\n @State() initialOptionsListRender: boolean = false;\n @State() preventIncorrectTabOrder: boolean = false;\n\n @Watch(\"options\")\n watchOptionsHandler(newOptions: IcMenuOption[]): void {\n this.hasTimedOut = newOptions.some((opt) => opt.timedOut);\n this.isLoading = newOptions.some((opt) => opt.loading);\n this.ungroupedOptions = [];\n this.loadUngroupedOptions();\n }\n\n /**\n * @internal Emitted when an option is selected.\n */\n @Event() menuOptionSelect!: EventEmitter<IcOptionSelectEventDetail>;\n\n /**\n * @internal Emitted when state of menu changes (i.e. open or close).\n */\n @Event() menuStateChange!: EventEmitter<IcMenuChangeEventDetail>;\n\n /**\n * @internal Emitted when an option has been highlighted\n */\n @Event() menuOptionId: EventEmitter<IcMenuOptionIdEventDetail>;\n\n /**\n * @internal Emitted when key is pressed while menu is open\n */\n @Event() menuKeyPress: EventEmitter<{ isNavKey: boolean; key: string }>;\n\n /**\n * @internal Emitted when the ungrouped options have been set.\n */\n @Event() ungroupedOptionsSet: EventEmitter<{ options: IcMenuOption[] }>;\n\n /**\n * @internal Emitted when the retry button is clicked\n */\n @Event() retryButtonClicked: EventEmitter<IcValueEventDetail>;\n\n /**\n * @internal Emitted when the timeout menu loses focus\n */\n @Event() timeoutBlur: EventEmitter<{ ev: FocusEvent }>;\n\n private handleClearListener = (): void => {\n this.optionHighlighted = \"\";\n };\n\n private handleSubmitSearch = (): void => {\n const highlightedOptionIndex = this.options.findIndex(\n (option) => option.value === this.optionHighlighted\n );\n\n this.setInputValue(highlightedOptionIndex);\n };\n\n private handleMenuChange = (open: boolean, focusInput?: boolean): void => {\n if (!open) this.popperInstance.destroy();\n this.menuStateChange.emit({ open, focusInput });\n\n if (!open && focusInput !== false) {\n this.inputEl.focus();\n this.preventClickOpen = false;\n }\n };\n\n private setNextOptionValue = (selectedOptionIndex: number): void => {\n if (this.ungroupedOptions[selectedOptionIndex + 1]) {\n this.menuOptionSelect.emit({\n value: this.ungroupedOptions[selectedOptionIndex + 1].value,\n optionId: this.getOptionId(\n this.ungroupedOptions[selectedOptionIndex + 1].value\n ),\n });\n } else {\n this.menuOptionSelect.emit({\n value: this.ungroupedOptions[0].value,\n optionId: this.getOptionId(this.ungroupedOptions[0].value),\n });\n }\n };\n\n private setPreviousOptionValue = (selectedOptionIndex: number): void => {\n if (this.ungroupedOptions[selectedOptionIndex - 1]) {\n this.menuOptionSelect.emit({\n value: this.ungroupedOptions[selectedOptionIndex - 1].value,\n optionId: this.getOptionId(\n this.ungroupedOptions[selectedOptionIndex - 1].value\n ),\n });\n } else {\n this.menuOptionSelect.emit({\n value: this.ungroupedOptions[this.ungroupedOptions.length - 1].value,\n optionId: this.getOptionId(\n this.ungroupedOptions[this.ungroupedOptions.length - 1].value\n ),\n });\n }\n };\n\n /**\n * @internal If menu is opened with the mouse, emit menuStateChange custom event.\n */\n @Method()\n async handleClickOpen(): Promise<void> {\n if (!this.preventClickOpen) {\n this.menuStateChange.emit({ open: !this.open });\n this.keyboardNav = false;\n }\n this.preventClickOpen = false;\n }\n\n /**\n * Used alongside activationType\n * If menu is opened via keyboard navigation (i.e. Enter, ArrowUp or ArrowDown), emit optionSelect custom event.\n * @param {KeyboardEvent} event - keyboard event\n */\n @Method()\n async handleKeyboardOpen(event: KeyboardEvent): Promise<void> {\n this.keyboardNav = false;\n\n if (this.activationType === \"automatic\") {\n this.autoSetInputValueKeyboardOpen(event);\n } else {\n this.manSetInputValueKeyboardOpen(event);\n }\n }\n\n /**\n * @internal Used to highlight the first option in the menu.\n */\n @Method()\n async handleSetFirstOption(): Promise<void> {\n this.setHighlightedOption(0);\n }\n\n private getParentEl = (parent: HTMLElement) => {\n if (parent.tagName === \"IC-SEARCH-BAR\") {\n this.isSearchBar = true;\n } else if (\n parent.tagName === \"IC-SELECT\" &&\n parent.getAttribute(\"searchable\") !== null &&\n parent.getAttribute(\"searchable\") !== undefined\n ) {\n this.isSearchableSelect = true;\n }\n };\n\n private arrowBehaviour = (event: KeyboardEvent): void => {\n event.preventDefault();\n this.handleMenuChange(true);\n };\n\n private setMenuOptions = () =>\n this.isSearchBar ? this.options : this.ungroupedOptions;\n\n private setHighlightedOption = (highlightedIndex: number): void => {\n const menuOptions = this.setMenuOptions();\n\n menuOptions[highlightedIndex] &&\n !menuOptions[highlightedIndex].timedOut &&\n (this.optionHighlighted =\n menuOptions[highlightedIndex].value || undefined);\n };\n\n private autoSetInputValueKeyboardOpen = (event: KeyboardEvent) => {\n const selectedOptionIndex = this.ungroupedOptions.findIndex(\n (option) => option.value === this.value\n );\n\n this.keyboardNav = false;\n\n switch (event.key) {\n case \"ArrowDown\":\n this.keyboardNav = true;\n this.arrowBehaviour(event);\n this.setNextOptionValue(selectedOptionIndex);\n break;\n case \"ArrowUp\":\n this.keyboardNav = true;\n this.arrowBehaviour(event);\n this.setPreviousOptionValue(selectedOptionIndex);\n break;\n case \" \":\n case \"Enter\":\n if ((event.target as HTMLElement).id !== \"clear-button\") {\n this.handleMenuChange(true);\n }\n break;\n }\n };\n\n private manSetInputValueKeyboardOpen = (event: KeyboardEvent) => {\n const menuOptions = this.setMenuOptions();\n\n this.keyboardNav = false;\n\n const highlightedOptionIndex = menuOptions.findIndex(\n (option) => option.value === this.optionHighlighted\n );\n\n const getOptionId = (index: number): string =>\n Array.from(this.host.querySelectorAll(\"li\"))[index]?.id;\n\n switch (event.key) {\n case \"ArrowDown\":\n this.keyboardNav = true;\n this.arrowBehaviour(event);\n if (highlightedOptionIndex < menuOptions.length - 1) {\n this.setHighlightedOption(highlightedOptionIndex + 1);\n this.menuOptionId.emit({\n optionId: getOptionId(highlightedOptionIndex + 1),\n });\n } else {\n this.setHighlightedOption(0);\n this.menuOptionId.emit({\n optionId: getOptionId(0),\n });\n }\n this.preventIncorrectTabOrder = false;\n this.focusFromSearchKeypress = false;\n break;\n case \"ArrowUp\":\n this.keyboardNav = true;\n this.arrowBehaviour(event);\n if (\n highlightedOptionIndex <= 0 ||\n highlightedOptionIndex > menuOptions.length + 1\n ) {\n this.setHighlightedOption(menuOptions.length - 1);\n this.menuOptionId.emit({\n optionId: getOptionId(menuOptions.length - 1),\n });\n } else {\n this.setHighlightedOption(highlightedOptionIndex - 1);\n this.menuOptionId.emit({\n optionId: getOptionId(highlightedOptionIndex - 1),\n });\n }\n this.preventIncorrectTabOrder = false;\n this.focusFromSearchKeypress = false;\n break;\n case \"Home\":\n this.keyboardNav = true;\n event.preventDefault();\n this.arrowBehaviour(event);\n this.setHighlightedOption(0);\n this.menuOptionId.emit({\n optionId: getOptionId(0),\n });\n break;\n case \"End\":\n this.keyboardNav = true;\n event.preventDefault();\n this.arrowBehaviour(event);\n this.setHighlightedOption(menuOptions.length - 1);\n this.menuOptionId.emit({\n optionId: getOptionId(menuOptions.length - 1),\n });\n break;\n case \"Enter\":\n event.preventDefault();\n this.setInputValue(highlightedOptionIndex);\n this.value = menuOptions[highlightedOptionIndex]?.value;\n break;\n case \"Escape\":\n this.handleMenuChange(false);\n this.menuOptionId.emit({ optionId: undefined });\n break;\n case \"Shift\":\n case \"Tab\":\n if (this.isSearchBar) {\n this.keyboardNav = true;\n }\n this.preventIncorrectTabOrder = true;\n break;\n case \"Backspace\":\n if (this.isSearchBar) {\n (this.parentEl as HTMLIcSearchBarElement).setFocus();\n this.setHighlightedOption(0);\n } else if (this.isSearchableSelect) {\n (this.parentEl as HTMLIcSelectElement).setFocus();\n this.value = null;\n }\n this.focusFromSearchKeypress = true;\n break;\n default:\n if (event.key !== \"Tab\") {\n if (this.isSearchBar) {\n (this.parentEl as HTMLIcSearchBarElement).setFocus();\n this.setHighlightedOption(0);\n } else if (this.isSearchableSelect) {\n (this.parentEl as HTMLIcSelectElement).setFocus();\n this.value = null;\n }\n this.focusFromSearchKeypress = true;\n }\n break;\n }\n };\n\n private setInputValue = (highlightedOptionIndex: number) => {\n const menuOptions = this.setMenuOptions();\n\n if (menuOptions[highlightedOptionIndex]) {\n this.menuOptionSelect.emit({\n value: menuOptions[highlightedOptionIndex]?.value,\n });\n this.optionHighlighted = undefined;\n this.menuOptionId.emit({ optionId: undefined });\n }\n if (!this.hasTimedOut) this.handleMenuChange(false);\n else (this.parentEl as HTMLIcSearchBarElement).setFocus();\n };\n\n private handleOptionClick = (event: Event): void => {\n const { value, label } = (event.target as HTMLLIElement).dataset;\n this.menuOptionSelect.emit({ value, label });\n this.handleMenuChange(false);\n };\n\n private handleRetry = (): void => {\n this.retryButtonClicked.emit({ value: this.value });\n };\n\n private handleRetryKeyDown = (ev: KeyboardEvent): void => {\n if (ev.key === \"Enter\" || ev.key === \" \") {\n ev.preventDefault();\n this.retryButtonClicked.emit({ value: this.value, keyPressed: ev.key });\n }\n };\n\n private handleBlur = (event: FocusEvent): void => {\n if (event.relatedTarget !== this.inputEl) {\n if (!this.menu.contains(event.relatedTarget as HTMLElement)) {\n this.handleMenuChange(false, this.hasPreviouslyBlurred);\n }\n } else {\n this.handleMenuChange(false);\n this.preventClickOpen = true;\n }\n if (!this.isSearchBar) this.hasPreviouslyBlurred = !!event.relatedTarget;\n };\n\n private handleMouseDown = (event: Event): void => {\n event.preventDefault();\n };\n\n private handleMenuKeyDown = (event: KeyboardEvent) => {\n if (this.activationType === \"automatic\") {\n this.autoSetValueOnMenuKeyDown(event);\n } else if (this.activationType === \"manual\" && this.isSearchableSelect) {\n this.manSetInputValueKeyboardOpen(event);\n }\n };\n\n private emitMenuKeyPress = (isNavKey: boolean, key: string) => {\n this.menuKeyPress.emit({ isNavKey: isNavKey, key: key });\n };\n\n private autoSetValueOnMenuKeyDown = (event: KeyboardEvent): void => {\n event.cancelBubble = true;\n const selectedOptionIndex = this.ungroupedOptions.findIndex(\n (option) => option.value === this.value\n );\n\n const isSearchableSelect = this.inputEl.tagName === \"INPUT\";\n\n this.keyboardNav = false;\n\n switch (event.key) {\n case \" \":\n event.preventDefault();\n break;\n case \"ArrowUp\":\n if (!this.hasTimedOut) {\n event.preventDefault();\n this.setPreviousOptionValue(selectedOptionIndex);\n this.keyboardNav = true;\n }\n break;\n case \"ArrowDown\":\n if (!this.hasTimedOut) {\n event.preventDefault();\n this.setNextOptionValue(selectedOptionIndex);\n this.keyboardNav = true;\n }\n break;\n case \"Home\":\n this.menuOptionSelect.emit({\n value: this.ungroupedOptions[0].value,\n });\n this.keyboardNav = true;\n break;\n case \"End\":\n this.menuOptionSelect.emit({\n value: this.ungroupedOptions[this.ungroupedOptions.length - 1].value,\n });\n this.keyboardNav = true;\n break;\n case \"Enter\":\n !this.hasTimedOut && this.handleMenuChange(false);\n break;\n case \"Escape\":\n this.handleMenuChange(false);\n break;\n case \"Backspace\":\n if (isSearchableSelect) {\n this.inputEl.focus();\n }\n break;\n case \"Shift\":\n break;\n default:\n if (isSearchableSelect && event.key !== \"Tab\" && !this.hasTimedOut) {\n this.inputEl.focus();\n }\n if (event.key.length === 1) {\n this.keyboardNav = true;\n }\n break;\n }\n this.emitMenuKeyPress(this.keyboardNav, event.key);\n };\n\n private handleMenuKeyUp = (event: KeyboardEvent): void => {\n if (event.key === \"Tab\" && event.shiftKey) {\n this.preventClickOpen = false;\n }\n };\n\n private getOptionId = (value: string): string => {\n return `${this.menuId}-${value}`;\n };\n\n private getOptionAriaLabel = (\n option: IcMenuOption,\n parentOption: IcMenuOption\n ): string => {\n let ariaLabel = option.label;\n\n if (option.description) {\n ariaLabel = `${ariaLabel}, ${option.description}`;\n }\n\n if (parentOption) {\n return `${ariaLabel}, ${parentOption.label} group`;\n } else {\n return ariaLabel;\n }\n };\n\n private getSortedOptions = (options: IcMenuOption[]): IcMenuOption[] => {\n let sorted: IcMenuOption[] = [];\n if (options.sort) {\n sorted = options.sort((optionA, optionB) =>\n optionA.recommended && !optionB.recommended ? -1 : 0\n );\n }\n return sorted;\n };\n\n private isManualMode = this.activationType === \"manual\";\n\n private scrollToSelected = (menu: HTMLUListElement) => {\n const selectedOption = menu.querySelector(\n \".option[aria-selected]\"\n ) as HTMLElement;\n\n if (selectedOption) {\n const elTop = selectedOption.offsetTop + selectedOption.offsetHeight;\n if (\n elTop > menu.scrollTop + menu.offsetHeight ||\n elTop < menu.scrollTop + menu.offsetHeight\n ) {\n menu.scrollTop = selectedOption.offsetTop;\n }\n selectedOption.focus();\n }\n };\n\n private loadUngroupedOptions = () => {\n if (this.options.length > 0 && this.options.map) {\n this.options.map((option) => {\n if (option.children) {\n option.children.map(\n (option) => !option.disabled && this.ungroupedOptions.push(option)\n );\n } else if (!option.disabled) {\n this.ungroupedOptions.push(option);\n }\n });\n }\n this.ungroupedOptions = this.getSortedOptions(this.ungroupedOptions);\n this.ungroupedOptionsSet.emit({ options: this.ungroupedOptions });\n };\n\n private setMenuScrollbar = () => {\n let optionsHeight = 0;\n this.host\n .querySelectorAll(\".option\")\n .forEach((option) => (optionsHeight += option.clientHeight));\n\n if (optionsHeight >= 320) {\n this.menu.classList.add(\"menu-scroll\");\n }\n };\n\n private handleTimeoutBlur = (ev: FocusEvent) => {\n this.timeoutBlur.emit({ ev });\n };\n\n connectedCallback(): void {\n this.getParentEl(this.parentEl);\n\n if (this.isSearchBar) {\n this.setHighlightedOption(0);\n this.initialOptionsListRender = true;\n }\n }\n\n componentWillLoad(): void {\n this.loadUngroupedOptions();\n this.parentEl.addEventListener(\"icClear\", this.handleClearListener);\n this.parentEl.addEventListener(\"icSubmitSearch\", this.handleSubmitSearch);\n this.hasTimedOut = this.options.some((opt) => opt.timedOut);\n this.isLoading = this.options.some((opt) => opt.loading);\n }\n\n componentDidLoad(): void {\n if (\n this.isSearchBar &&\n (this.parentEl as HTMLIcSearchBarElement).disableFilter\n ) {\n this.focusFromSearchKeypress = true;\n }\n\n onComponentRequiredPropUndefined(\n [\n { prop: this.open, propName: \"open\" },\n { prop: this.options, propName: \"options\" },\n { prop: this.menuId, propName: \"menu-id\" },\n { prop: this.inputLabel, propName: \"input-label\" },\n //NOTE: no check for value, input-el or anchor-el as otherwise get console errors on first load of select component\n ],\n \"Menu\"\n );\n }\n\n componentDidRender(): void {\n if (this.open) {\n this.popperInstance = createPopper(this.anchorEl, this.host, {\n placement: \"bottom\",\n modifiers: [\n {\n name: \"offset\",\n options: {\n offset: [0, 7],\n },\n },\n {\n name: \"flip\",\n options: {\n fallbackPlacements: [\"top\"],\n rootBoundary: \"viewport\",\n },\n },\n ],\n });\n }\n\n if (this.open && !!this.options.length) {\n this.setMenuScrollbar();\n }\n }\n\n componentDidUpdate(): void {\n const inputValueInOptions: boolean = this.options.some(\n (option) => option.value === this.value\n );\n\n const optionHighlightedIsSet =\n this.optionHighlighted !== null &&\n this.optionHighlighted !== undefined &&\n this.optionHighlighted !== \"\";\n\n if (this.open && this.options.length !== 0) {\n if (\n this.value &&\n this.keyboardNav &&\n inputValueInOptions &&\n this.autoFocusOnSelected &&\n !this.isSearchableSelect\n ) {\n this.scrollToSelected(this.menu);\n } else if (\n this.inputEl.tagName !== \"IC-TEXT-FIELD\" &&\n this.inputEl.tagName !== \"INPUT\"\n ) {\n this.menu.focus();\n } else if (\n optionHighlightedIsSet &&\n !this.focusFromSearchKeypress &&\n !this.preventIncorrectTabOrder\n ) {\n const highlightedEl = this.host.querySelector(\n `li[data-value=\"${this.optionHighlighted}\"]`\n ) as HTMLElement;\n\n if (highlightedEl) {\n highlightedEl.focus();\n }\n }\n }\n }\n\n disconnectedCallback(): void {\n this.parentEl.removeEventListener(\"icClear\", this.handleClearListener);\n this.parentEl.removeEventListener(\n \"icSubmitSearch\",\n this.handleSubmitSearch\n );\n }\n\n private optionContent = (option: IcMenuOption) => {\n return (\n <Fragment>\n {option.loading && <ic-loading-indicator size=\"icon\" />}\n <div class=\"option-text-container\">\n <ic-typography variant=\"body\" aria-hidden=\"true\">\n <p>{option.label}</p>\n </ic-typography>\n {option.description && (\n <ic-typography\n id={`${this.getOptionId(option?.value)}-description`}\n class=\"option-description\"\n variant=\"caption\"\n aria-hidden=\"true\"\n >\n <p>{option.description}</p>\n </ic-typography>\n )}\n </div>\n {!!option.value &&\n !!this.value &&\n option?.value.toLowerCase() === this.value?.toLowerCase() &&\n this.parentEl.tagName !== \"IC-SEARCH-BAR\" && (\n <span class=\"check-icon\" innerHTML={Check} />\n )}\n </Fragment>\n );\n };\n\n private displayOption = (\n option: IcMenuOption,\n index?: number,\n parentOption?: IcMenuOption\n ): HTMLLIElement => {\n const {\n open,\n value,\n keyboardNav,\n isManualMode,\n initialOptionsListRender,\n optionHighlighted,\n options,\n } = this;\n\n return (\n <li\n id={this.getOptionId(option.value)}\n class={{\n option: true,\n \"focused-option\": isManualMode\n ? (keyboardNav || initialOptionsListRender) &&\n option.value === optionHighlighted\n : keyboardNav && option.value === value,\n \"last-recommended-option\":\n option.recommended &&\n options[index + 1] &&\n !options[index + 1].recommended,\n \"disabled-option\": option.disabled,\n \"loading-option\": option.loading,\n timeout: option.timedOut,\n }}\n role=\"option\"\n tabindex={\n open &&\n (option.value === value || option.value === optionHighlighted) &&\n keyboardNav\n ? \"0\"\n : \"-1\"\n }\n aria-label={this.getOptionAriaLabel(option, parentOption)}\n aria-selected={option.value === value}\n aria-disabled={option.disabled ? \"true\" : \"false\"}\n onClick={!option.timedOut && !option.loading && this.handleOptionClick}\n onBlur={this.handleBlur}\n onMouseDown={this.handleMouseDown}\n data-value={option.value}\n data-label={option.label}\n >\n {option.timedOut ? (\n <Fragment>\n <div class=\"loading-error-info\">\n <svg\n class=\"error-icon-svg\"\n aria-labelledby=\"error-title\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"#000000\"\n >\n <title id=\"error-title\">Error</title>\n <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n <path d=\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\" />\n </svg>\n <ic-typography variant=\"label\">{option.label}</ic-typography>\n </div>\n <ic-button\n size=\"small\"\n variant=\"tertiary\"\n onClick={this.handleRetry}\n onKeyDown={this.handleRetryKeyDown}\n onBlur={this.handleTimeoutBlur}\n id=\"retry-button\"\n >\n Retry\n </ic-button>\n </Fragment>\n ) : (\n this.optionContent(option)\n )}\n </li>\n );\n };\n\n render() {\n const {\n inputLabel,\n options,\n menuId,\n value,\n fullWidth,\n hasTimedOut,\n isLoading,\n small,\n open,\n inputEl,\n keyboardNav,\n } = this;\n\n return (\n <Host\n class={{\n \"full-width\": fullWidth,\n \"no-focus\": inputEl?.tagName === \"INPUT\" || hasTimedOut || isLoading,\n small: small,\n open: open,\n }}\n >\n {options.length !== 0 && (\n <ul\n id={menuId}\n class=\"menu\"\n role=\"listbox\"\n aria-label={inputLabel}\n aria-activedescendant={\n value != null && value !== \"\" ? this.getOptionId(value) : \"\"\n }\n tabindex={\n open && !keyboardNav && inputEl?.tagName !== \"INPUT\" ? \"0\" : \"-1\"\n }\n ref={(el) => (this.menu = el)}\n onKeyDown={this.handleMenuKeyDown}\n onKeyUp={this.handleMenuKeyUp}\n onBlur={this.handleBlur}\n >\n {this.getSortedOptions(options).map((option, index) => {\n if (option.children) {\n if (option.children.length > 0) {\n return (\n <div>\n <ic-typography\n class=\"option-group-title\"\n role=\"presentation\"\n variant=\"subtitle-small\"\n >\n <p>{option.label}</p>\n </ic-typography>\n {option.children.map((childOption) =>\n this.displayOption(childOption, index, option)\n )}\n </div>\n );\n } else {\n return null;\n }\n } else {\n return this.displayOption(option, index);\n }\n })}\n </ul>\n )}\n </Host>\n );\n }\n}\n"]}

package/dist/core/p-589f6dd3.js DELETED Viewed

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