@postnord/web-components
Version:
PostNord Web Components
5 lines • 21.1 kB
JavaScript
/*!
* Built with Stencil
* By PostNord.
*/
import{transformTag as e,proxyCustomElement as n,HTMLElement as t,createEvent as a,forceUpdate as r,h as i,Host as s,Fragment as o}from"@stencil/core/internal/client";import{u as p}from"./helpers.js";import{d as l}from"./pn-button2.js";import{d}from"./pn-icon2.js";import{d as g}from"./pn-input2.js";import{d as h}from"./pn-spinner2.js";const u=n(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.rangeSelected=a(this,"rangeSelected",7)}id="pn-range-"+p();idEnd=this.id+"-end";idInput=this.id+"-input";idInputEnd=this.idEnd+"-input";idInputHidden=this.id+"-hidden";idHelpertext=this.id+"-helpertext";idError=this.id+"-error";idDatalist=this.id+"-data";mo;rangeTimeout;tooltipDefault="{value}";get hostElement(){return this}showHelperSlot=!1;showErrorSlot=!1;isPressing=!1;pressControl=null;label;labelEnd;helpertext=null;markers=[];textPrefix=null;textSuffix=null;icon=null;iconEnd=null;pnId=this.id;pnIdEnd=this.idEnd;name;nameEnd;min=0;max=100;value=0;valueEnd=0;step="";multiple=!1;input=!1;tooltipHide=!1;tooltipTemplate=this.tooltipDefault;disabled=!1;error=null;invalid=!1;handleValue(){this.multiple&&this.value>this.valueEnd&&(this.valueEnd=this.value);const e=this.calcPercentage(this.value);requestAnimationFrame((()=>this.hostElement.style.setProperty("--pn-range-progress",e+"%")))}handleValueEnd(){if(!this.multiple)return;this.value>this.valueEnd&&(this.value=this.valueEnd);const e=this.calcPercentage(this.valueEnd);requestAnimationFrame((()=>this.hostElement.style.setProperty("--pn-range-progress-end",e+"%")))}handleId(){this.idHelpertext=this.pnId+"-helpertext",this.idError=this.pnId+"-error",this.idDatalist=this.pnId+"-data"}handleMessage(){this.checkSlottedHelper(),this.checkSlottedError()}handleMultiple(){this.isPressing=!0,requestAnimationFrame((()=>this.isPressing=!1))}rangeSelected;connectedCallback(){this.mo=new MutationObserver((()=>r(this.hostElement))),this.mo.observe(this.hostElement,{childList:!0,subtree:!0})}disconnectedCallback(){this.mo&&this.mo.disconnect()}tooltipDirection(e=!1){if(this.multiple){const n=this.hostElement.offsetWidth<384,t=this.calcPercentage(this.value),a=this.calcPercentage(this.valueEnd);if(Math.abs(a-t)<(n?30:20))return e?"left":"right";if(!e&&this.value<=this.min+(this.max-this.min)*(n?.3:.2))return"left";if(e&&this.valueEnd>this.max*(n?.75:.8))return"right"}return"center"}isActiveMarker(e){const n=this.value===e;return this.multiple?n||this.valueEnd===e:n}hasHelperText(){return this.helpertext?.length>0||this.showHelperSlot}hasErrorMessage(){return this.error?.length>0||this.showErrorSlot}hasError(){return this.hasErrorMessage()||this.invalid||this.showErrorSlot}checkSlottedHelper(){const e=this.hostElement.querySelector("[slot=helpertext]")?.textContent;this.showHelperSlot=!!e?.length}checkSlottedError(){const e=this.hostElement.querySelector("[slot=error]")?.textContent;this.showErrorSlot=!!e?.length}calcPercentage(e){return(e-this.min)/(this.max-this.min)*100}setValue(e,n=!1){if(!(e>=this.min&&e<=this.max))return;n?this.valueEnd=e:this.value=e;const t=Number((this.valueEnd-this.value).toPrecision(4)),a=this.calcPercentage(this.value),r=this.calcPercentage(this.valueEnd),i=Number((this.multiple?r-a:a).toPrecision(4));this.rangeSelected.emit({value:this.value,percentage:i,...this.multiple?{valueEnd:this.valueEnd,difference:t}:{}})}getTooltipLabel(e=!1){return this.tooltipTemplate?.replace(this.tooltipDefault,(e?this.valueEnd:this.value)?.toString())}getMarkerLabel({value:e,label:n}){return null===n||""===n?"":""+(n||e)}ariaDescribedby(){const e=[];return this.hasErrorMessage()?e.push(this.idError):this.hasHelperText()&&e.push(this.idHelpertext),e.length?e.join(" "):null}handleChange(e){const n=e.target,{id:t,valueAsNumber:a,type:r}=n;this.setValue(isNaN(a)?0:a,"range"===r?t===this.pnIdEnd:t===this.idInputEnd)}setListeners(e=!1){return{onInput:n=>e?this.handleOverlayInput(n):this.handleChange(n),onTouchStart:e=>this.handlePress(e),onTouchEnd:()=>this.handleRelease(),onMouseDown:e=>this.handlePress(e),onMouseUp:()=>this.handleRelease()}}handlePress(e){this.rangeTimeout=setTimeout((()=>{this.isPressing=!0}),"touchstart"===e.type?200:100)}handleRelease(){clearTimeout(this.rangeTimeout),this.isPressing=!1,this.pressControl=null}commonAttrs(){return{step:this.step,min:this.min,max:this.max,list:this.markers?.length?this.idDatalist:null,disabled:this.disabled}}renderPrefix(){return this.input?this.renderNumberInput():this.icon?i("pn-icon",{class:"pn-range-icon",icon:this.icon}):this.textPrefix&&!this.input?i("span",{class:"pn-range-text"},this.textPrefix):null}renderSuffix(){return this.input&&this.multiple?this.renderNumberInput(!0):this.iconEnd?i("pn-icon",{class:"pn-range-icon",icon:this.iconEnd}):this.textSuffix&&!this.input?i("span",{class:"pn-range-text"},this.textSuffix):null}renderNumberInput(e=!1){const n=e?this.valueEnd:this.value,t=e?this.idInputEnd:this.idInput;return i("pn-input",{class:"pn-range-field",label:e?this.labelEnd:this.label,type:"number",name:(e?this.nameEnd:this.name)+"-input",...this.commonAttrs(),icon:e?this.iconEnd:this.icon,textPrefix:this.textPrefix,textSuffix:this.textSuffix,value:n?.toString(),inputid:t,invalid:this.hasError(),"data-single":!this.multiple,...this.setListeners()})}renderRangeInput(e=!1){const n=e?this.valueEnd:this.value,t=this.tooltipDefault!==this.tooltipTemplate;return i("input",{id:e?this.pnIdEnd:this.pnId,class:"pn-range-input",type:"range",name:e?this.nameEnd:this.name,...this.commonAttrs(),value:n,"aria-valuetext":t?this.getTooltipLabel(e):null,"aria-describedby":this.ariaDescribedby(),"aria-invalid":""+this.hasError(),"data-start":!e||null,"data-end":!!e||null,...this.setListeners()})}renderTooltip(e=!1){return i("div",{class:"pn-range-thumb","data-start":!e||null,"data-end":!!e||null,"data-align":this.tooltipDirection(e),"aria-hidden":"true"},!this.tooltipHide&&i("div",{class:"pn-range-tooltip"},i("span",{class:"pn-range-tooltip-label"},this.getTooltipLabel(e))))}handleOverlayInput(e){const n=e.target,{valueAsNumber:t}=n,a=isNaN(t)?0:t;this.pressControl||(this.pressControl=Math.abs(a-this.value)<=Math.abs(a-this.valueEnd)?"start":"end"),this.setValue(a,"end"===this.pressControl)}render(){return i(s,{key:"0a79e6606d509d701b83da4a2c3d3636c7d73979"},i("div",{key:"f56834025691e3c67544e4ddb2b54630bfa46095",class:"pn-range","data-markers":!!this.markers?.length,"data-input":this.input},i("div",{key:"e39b5994468fc6f50ad479c5b3875732a29a4761",class:"pn-range-header","data-input":this.input},i("label",{key:"724a16a534343838e392480163517afc7bd15b6f",htmlFor:this.pnId,class:"pn-range-label"},i("span",{key:"ebd27275aeb63e79df5f2f0f5f4d1f5d118cd137"},this.label)),this.multiple&&i("label",{key:"aebe4d8b124cc5a905b61624566dc4db52f1f4a0",htmlFor:this.pnIdEnd,class:"pn-range-label"},i("span",{key:"7a90745fadc39d81bac3083d562c9d7fe47c1d00"},this.labelEnd))),this.renderPrefix(),i("div",{key:"28fcae728841f246bfac7ae488710459d468e4f2",class:"pn-range-group","data-pressing":this.isPressing},this.renderRangeInput(),this.multiple&&i(o,{key:"87dae83eea2f5e4eb5318759767dfabc74a0f128"},this.renderRangeInput(!0),i("input",{key:"aa461034dfe94c78310409f87c1efaa0a4fb0a4d",id:this.idInputHidden,type:"range",class:"pn-range-overlay-input",...this.commonAttrs(),"aria-invalid":""+this.hasError(),hidden:!0,tabIndex:-1,...this.setListeners(!0)})),i("div",{key:"3282ce9652ff135db9e5bfa533af1c7fd1d29adb",class:"pn-range-track","data-multiple":this.multiple,"aria-hidden":"true"}),this.renderTooltip(),this.multiple&&this.renderTooltip(!0),!!this.markers?.length&&i("ul",{key:"1692843e137439b5bdedb5728104a3312d26ffc2","aria-hidden":"true",class:"pn-range-markers"},this.markers.map((({label:e,value:n})=>i("li",{class:"pn-range-markers-item","data-min":this.calcPercentage(n)===this.min,"data-max":this.calcPercentage(n)===this.max,style:{"--pn-range-marker-position":this.calcPercentage(n)+"%"}},i("span",{class:"pn-range-markers-label","data-active":this.isActiveMarker(n)},this.getMarkerLabel({value:n,label:e}))))))),this.renderSuffix(),!!this.markers?.length&&i("datalist",{key:"ed0ea3e4e284366f3e4eaf94245a1a71ccf20a17",id:this.idDatalist},this.markers.map((({label:e,value:n})=>i("option",{value:n,label:null===e?null:e})))),i("p",{key:"3dd6afe5a2f142b1df60fdd87c0c23f942d83a71",id:this.idHelpertext,class:"pn-range-message",hidden:!this.hasHelperText()||this.hasError()},i("span",{key:"048797709bcb778a9c1f2d71ae1ee1b1eef665f0"},this.helpertext),i("slot",{key:"2fabbbc425b643917415653f831126e9d7319efd",name:"helpertext"})),i("p",{key:"65061b23a86338d7490bbfc2759308c1326f5d4e",id:this.idError,class:"pn-range-message pn-range-error",role:"alert",hidden:!this.hasErrorMessage()},i("span",{key:"a0be85a1e70ac6b07bb1447b6c8e9a04c72aade0"},this.error),i("slot",{key:"c13f70e99ec137373be96fa9d5a06b0266808fcf",name:"error"}))))}static get watchers(){return{value:[{handleValue:1}],valueEnd:[{handleValueEnd:1}],pnId:[{handleId:1}],helpertext:[{handleMessage:1}],error:[{handleMessage:0}],multiple:[{handleMultiple:0}]}}static get style(){return`${e("pn-range")}{display:block}${e("pn-range")} .pn-range{color:#2d2013;display:flex;flex-direction:row;flex-wrap:wrap;gap:clamp(0.25em, 5vw, 0.75em);align-items:center;container-type:inline-size} (max-width: 24em){${e("pn-range")} .pn-range .pn-range-header[data-input]{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);margin:-1px;white-space:nowrap}${e("pn-range")} .pn-range>${e("pn-input")}{flex:1 1 100%}${e("pn-range")} .pn-range>${e("pn-input")} .pn-input-label{position:unset;height:unset;width:unset;overflow:unset;clip:unset;margin:0 0 0.25em 0;white-space:unset}}${e("pn-range")} .pn-range[data-markers]{margin-bottom:1em}${e("pn-range")} .pn-range[data-markers][data-input]{margin-bottom:0.5em}${e("pn-range")} .pn-range-header{display:flex;justify-content:space-between;flex:1 1 100%;width:100%}${e("pn-range")} .pn-range-label{cursor:pointer;display:flex;justify-content:space-between;align-items:flex-end;font-weight:400;color:#2d2013;margin:0 0 0.25em 0;gap:0.5em;-webkit-tap-highlight-color:transparent;transition-property:color, transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)} (prefers-reduced-motion: reduce){${e("pn-range")} .pn-range-label{transition-duration:0s;transition-delay:0s}}${e("pn-range")} .pn-range-label>span{font-size:0.875em}${e("pn-range")} .pn-range-message{color:#5e554a;font-size:0.875em;font-weight:400;margin:0.25em 0 0 0;display:flex;flex-direction:column;gap:0.25em;text-align:left;flex:1 1 100%;width:100%}${e("pn-range")} .pn-range-message[hidden],${e("pn-range")} .pn-range-message>span[hidden]{display:none}${e("pn-range")} .pn-range-error{color:#a70707}${e("pn-range")} .pn-range-field{flex:0 0 auto}${e("pn-range")} .pn-range-field .pn-input-label{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);margin:-1px;white-space:nowrap}${e("pn-range")} .pn-range-group{position:relative;min-height:0.75em;padding:0.75em 0;flex:1 1 auto}${e("pn-range")} .pn-range-group[data-pressing] *,${e("pn-range")} .pn-range-group[data-pressing] *:before,${e("pn-range")} .pn-range-group[data-pressing] *:after{transition-duration:0s}${e("pn-range")} .pn-range-text{font-weight:400;font-size:0.875em;color:#2d2013}${e("pn-range")} .pn-range-input{z-index:1;position:absolute;top:0;left:0;height:100%;width:100%;margin:0;opacity:0;cursor:pointer;-webkit-tap-highlight-color:transparent}${e("pn-range")} .pn-range-input:focus~.pn-range-thumb:before,${e("pn-range")} .pn-range-input:hover~.pn-range-thumb:before{background-color:#0d234b}${e("pn-range")} .pn-range-input:focus~.pn-range-thumb .pn-range-tooltip,${e("pn-range")} .pn-range-input:hover~.pn-range-thumb .pn-range-tooltip{opacity:1;transform:translateX(50%) translateY(0%);transition-delay:0s}${e("pn-range")} .pn-range-input:focus-visible[data-single]~.pn-range-thumb:before{outline-color:#005d92}${e("pn-range")} .pn-range-input:focus-visible[data-start]~.pn-range-thumb[data-start]:before,${e("pn-range")} .pn-range-input:focus-visible[data-end]~.pn-range-thumb[data-end]:before{outline-color:#005d92}${e("pn-range")} .pn-range-input[aria-invalid=true]~.pn-range-thumb:before{background-color:#a70707}${e("pn-range")} .pn-range-input[aria-invalid=true]~.pn-range-thumb .pn-range-tooltip{background-color:#500715}${e("pn-range")} .pn-range-input[aria-invalid=true]~.pn-range-track:before{background-color:#a70707}${e("pn-range")} .pn-range-input[aria-invalid=true]:focus-visible[data-start]~.pn-range-thumb[data-start]:before,${e("pn-range")} .pn-range-input[aria-invalid=true]:focus-visible[data-end]~.pn-range-thumb[data-end]:before{outline-color:#a70707}${e("pn-range")} .pn-range-input[aria-invalid=true]:hover~.pn-range-thumb:before{background-color:#500715}${e("pn-range")} .pn-range-input:disabled{cursor:not-allowed}${e("pn-range")} .pn-range-input:disabled+.pn-range-track:before{background-color:#969087}${e("pn-range")} .pn-range-input:disabled~.pn-range-thumb:before{background-color:#5e554a}${e("pn-range")} .pn-range-input:disabled~.pn-range-thumb .pn-range-tooltip{background-color:#2d2013}${e("pn-range")} .pn-range-overlay-input{z-index:5;cursor:pointer;position:absolute;appearance:none;top:0;left:0;height:100%;width:100%;margin:0;padding:0;border:0;outline:0;opacity:0;display:block;-webkit-tap-highlight-color:transparent}${e("pn-range")} .pn-range-overlay-input:focus~.pn-range-thumb:before,${e("pn-range")} .pn-range-overlay-input:focus-visible~.pn-range-thumb:before,${e("pn-range")} .pn-range-overlay-input:hover~.pn-range-thumb:before{background-color:#0d234b}${e("pn-range")} .pn-range-overlay-input:focus~.pn-range-thumb[data-align=right] .pn-range-tooltip,${e("pn-range")} .pn-range-overlay-input:focus-visible~.pn-range-thumb[data-align=right] .pn-range-tooltip,${e("pn-range")} .pn-range-overlay-input:hover~.pn-range-thumb[data-align=right] .pn-range-tooltip{transform:translateX(0%) translateY(0%);border-bottom-right-radius:0em}${e("pn-range")} .pn-range-overlay-input:focus~.pn-range-thumb[data-align=left] .pn-range-tooltip,${e("pn-range")} .pn-range-overlay-input:focus-visible~.pn-range-thumb[data-align=left] .pn-range-tooltip,${e("pn-range")} .pn-range-overlay-input:hover~.pn-range-thumb[data-align=left] .pn-range-tooltip{transform:translateX(100%) translateY(0%);border-bottom-left-radius:0em}${e("pn-range")} .pn-range-overlay-input:focus~.pn-range-thumb .pn-range-tooltip,${e("pn-range")} .pn-range-overlay-input:focus-visible~.pn-range-thumb .pn-range-tooltip,${e("pn-range")} .pn-range-overlay-input:hover~.pn-range-thumb .pn-range-tooltip{opacity:1;transform:translateX(50%) translateY(0%);transition-delay:0s}${e("pn-range")} .pn-range-overlay-input[aria-invalid=true]:focus~.pn-range-thumb:before,${e("pn-range")} .pn-range-overlay-input[aria-invalid=true]:focus-visible~.pn-range-thumb:before,${e("pn-range")} .pn-range-overlay-input[aria-invalid=true]:hover~.pn-range-thumb:before{background-color:#500715}${e("pn-range")} .pn-range-track{pointer-events:none;position:relative;min-height:inherit;display:block;background-color:#d3cecb;border-radius:2em;overflow:hidden}${e("pn-range")} .pn-range-track:before,${e("pn-range")} .pn-range-track:after{content:"";z-index:0;position:absolute;right:100%;pointer-events:none;height:100%;width:100%;background-color:#005d92;transform:translateX(var(--pn-range-progress));transition-property:transform, background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)} (prefers-reduced-motion: reduce){${e("pn-range")} .pn-range-track:before,${e("pn-range")} .pn-range-track:after{transition-duration:0s;transition-delay:0s}}${e("pn-range")} .pn-range-track:after{display:none}${e("pn-range")} .pn-range-track:before{background-color:#005d92;transform:translateX(var(--pn-range-progress))}${e("pn-range")} .pn-range-track[data-multiple]:before{transform:translateX(var(--pn-range-progress-end))}${e("pn-range")} .pn-range-track[data-multiple]:after{display:unset;background-color:#d3cecb;transform:translateX(var(--pn-range-progress))}${e("pn-range")} .pn-range-thumb{pointer-events:none;position:absolute;height:100%;width:calc(100% - 1em);top:0;right:calc(100% - 0.5em);transform:translateX(var(--pn-range-progress));transition-property:transform, border-radius;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)} (prefers-reduced-motion: reduce){${e("pn-range")} .pn-range-thumb{transition-duration:0s;transition-delay:0s}}${e("pn-range")} .pn-range-thumb[data-end]{transform:translateX(var(--pn-range-progress-end))}${e("pn-range")} .pn-range-thumb[data-align=right] .pn-range-tooltip{transform:translateX(0%) translateY(10%)}${e("pn-range")} .pn-range-thumb[data-align=right] .pn-range-tooltip:before{transform:translateX(50%) translateY(-50%) rotate(0deg)}${e("pn-range")} .pn-range-thumb[data-align=left] .pn-range-tooltip{transform:translateX(100%) translateY(10%)}${e("pn-range")} .pn-range-thumb[data-align=left] .pn-range-tooltip:before{transform:translateX(50%) translateY(-50%) rotate(0deg)}${e("pn-range")} .pn-range-thumb:before{content:"";position:absolute;top:0.5em;right:-0.65625em;height:1.3125em;width:1.3125em;background-color:#005d92;border-radius:5em;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:background-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)} (prefers-reduced-motion: reduce){${e("pn-range")} .pn-range-thumb:before{transition-duration:0s;transition-delay:0s}}${e("pn-range")} .pn-range-tooltip{position:absolute;z-index:10;top:-85%;right:0;text-align:center;line-height:1.25em;white-space:nowrap;height:1.75em;min-width:2em;padding:0.25em 0.5em;border-radius:0.5em;background-color:#0d234b;color:#ffffff;transform:translateX(50%) translateY(10%);opacity:0;transition-property:opacity, transform, border-radius, background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)} (prefers-reduced-motion: reduce){${e("pn-range")} .pn-range-tooltip{transition-duration:0s;transition-delay:0s}}${e("pn-range")} .pn-range-tooltip{transition-delay:0.4s}${e("pn-range")} .pn-range-tooltip-label{font-size:0.875em;font-weight:400}${e("pn-range")} .pn-range-tooltip:before{content:"";z-index:-1;position:absolute;left:50%;bottom:-0.25em;height:0.5em;width:0.5em;background-color:inherit;transform:translateX(-50%) translateY(0%) rotate(45deg);transition-property:left, transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)} (prefers-reduced-motion: reduce){${e("pn-range")} .pn-range-tooltip:before{transition-duration:0s;transition-delay:0s}}${e("pn-range")} .pn-range-markers{position:absolute;top:100%;left:0.5em;min-height:1em;width:calc(100% - 1em);padding:0;margin:0;list-style:none;display:flex;flex-direction:row;flex-wrap:nowrap}${e("pn-range")} .pn-range-markers-item{position:relative;left:var(--pn-range-marker-position)}${e("pn-range")} .pn-range-markers-item[data-min] .pn-range-markers-label{left:-0.0625em;transform:translateX(0%)}${e("pn-range")} .pn-range-markers-item[data-max] .pn-range-markers-label{left:unset;right:0;transform:translateX(0%)}${e("pn-range")} .pn-range-markers-item:before{content:"";position:absolute;left:0;top:-100%;border-left:0.0625em solid #d3cecb;height:1em;z-index:-1}${e("pn-range")} .pn-range-markers-label{position:absolute;top:0;left:50%;transform:translateX(-50%);font-weight:400;font-size:0.875em;color:#5e554a;transition-property:color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)} (prefers-reduced-motion: reduce){${e("pn-range")} .pn-range-markers-label{transition-duration:0s;transition-delay:0s}}${e("pn-range")} .pn-range-markers-label[data-active]{color:#2d2013}`}},[772,"pn-range",{label:[1],labelEnd:[1,"label-end"],helpertext:[1],markers:[16],textPrefix:[1,"text-prefix"],textSuffix:[1,"text-suffix"],icon:[1],iconEnd:[1,"icon-end"],pnId:[1,"pn-id"],pnIdEnd:[1,"pn-id-end"],name:[1],nameEnd:[1,"name-end"],min:[2],max:[2],value:[1538],valueEnd:[1538,"value-end"],step:[1],multiple:[4],input:[4],tooltipHide:[4,"tooltip-hide"],tooltipTemplate:[1,"tooltip-template"],disabled:[4],error:[1],invalid:[4],showHelperSlot:[32],showErrorSlot:[32],isPressing:[32],pressControl:[32]},void 0,{value:[{handleValue:1}],valueEnd:[{handleValueEnd:1}],pnId:[{handleId:1}],helpertext:[{handleMessage:1}],error:[{handleMessage:0}],multiple:[{handleMultiple:0}]}]),c=u,m=function(){"undefined"!=typeof customElements&&["pn-range","pn-button","pn-icon","pn-input","pn-spinner"].forEach((n=>{switch(n){case"pn-range":customElements.get(e(e(n)))||customElements.define(e(e(n)),u);break;case"pn-button":customElements.get(e(e(n)))||l();break;case"pn-icon":customElements.get(e(e(n)))||d();break;case"pn-input":customElements.get(e(e(n)))||g();break;case"pn-spinner":customElements.get(e(e(n)))||h()}}))};export{c as PnRange,m as defineCustomElement}