https://geoportal.dipcas.es/portal/apps/sites//calcite-components/3.0.2/4S7WQOEH.js

1/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
2See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
3v3.0.2 */
4import{a as z}from"./JD225EOA.js";import{c as O,e as R,h as E}from"./R4XN3TM5.js";import{c as M,d as F}from"./ZYEB6OOM.js";import{a as L,b as I}from"./WRT5VFG2.js";import{a as C}from"./SMJSXUYT.js";import{n as x}from"./GO4QOK2G.js";import{b as V}from"./PBIOUIAG.js";import{a as w}from"./P7S34RN4.js";import{B as $,J as k,e as g,f as s,u as m,v as b,w as f,x as u,y,z as l}from"./63TOND25.js";var P=({full:p,scale:e,partial:t})=>s`<calcite-icon class=${u(t?void 0:"icon")} .icon=${p?"star-f":"star"} .scale=${e}></calcite-icon>`,D={validationMessage:"validationMessage"},q=g`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([read-only]) *,:host([disabled]) *,:host([read-only]) ::slotted(*),:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;align-items:center;inline-size:fit-content}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){block-size:1.5rem;--calcite-internal-rating-spacing: .25rem}:host([scale=m]){block-size:2rem;--calcite-internal-rating-spacing: .5rem}:host([scale=l]){block-size:2.75rem;--calcite-internal-rating-spacing: .75rem}.fieldset{margin:0;display:flex;border-width:0;padding:0;align-items:center;gap:var(--calcite-rating-spacing, var(--calcite-internal-rating-spacing))}.wrapper{display:inline-block}.star{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;position:relative;display:flex;flex-direction:column;

4cursor:pointer;color:var(--calcite-rating-color, var(--calcite-color-border-input))}.star:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.average,.fraction{color:var(--calcite-rating-average-color, var(--calcite-color-status-warning))}.hovered,.selected{color:var(--calcite-rating-color-hover, var(--calcite-color-brand))}.fraction{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;position:absolute;pointer-events:none;inset-block-start:0;overflow:hidden;inset-inline-start:0}calcite-chip{pointer-events:none;cursor:default}.number--average{font-weight:700;color:var(--calcite-rating-average-text-color)}.number--count{color:var(--calcite-rating-count-text-color, var(--calcite-color-text-2));font-style:italic}.number--count:not(:first-child){margin-inline-start:var(--calcite-rating-spacing, var(--calcite-internal-rating-spacing))}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}:host([hidden]){display:none}[hidden]{display:none}`,v=class extends f{constructor(){super(),this.emit=!1,this.guid=`calcite-ratings-${w()}`,this.isKeyboardInteraction=!0,this.labelElements=[],this.max=5,this._value=0,this.disabled=!1,this.messages=C({blocking:!0}),this.readOnly=!1,this.required=!1,this.scale="m",this.showChip=!1,this.status="idle",this.validity={valid:!1,badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valueMissing:!1},this.calciteRatingChange=b({cancelable:!1}),this.listen("keydown",this.handleHostKeyDown),this.listen("pointerout",this.handleRatingPointerOut),this.listen("pointerover",this.handleRatingPointerOver)}static{this.properties={hoverValue:16,average:11,count:11,disabled:7,form:3,messageOverrides:0,name:3,readOnly:7,required:7,scale:3,showChip:7,status:3,validationIcon:[3,{converter:$}],validationMessage:1,validity:0,value:11}}static{this.styles=q}get value(){return this._value}set value(e){let t=this._value;e!==t&&(this._value=e,this.hasUpdated&&this.handleValueUpdate(e))}async setFocus(){await V(this),x(this.el)}connectedCallback(){super.connectedCallback(),M(this),O(this)}async load(){this.requestUpdate("value")}willUpdate(){this.starsMap=Array.from({length:this.max},(e,t)=>{let a=t+1,i=!this.hoverValue&&this.average&&!this.value&&a<=this.average,h=a===this.value,n=this.average&&this.average+1-a,r=a<=this.hoverValue,c=`${this.guid}-${a}`,o=!this.hoverValue&&!this.value&&!r&&n>0&&n<1,d=this.value>=a,K=this.getTabIndex(a);return{average:i,checked:h,fraction:n,hovered:r,id:c,partial:o,selected:d,value:a,tabIndex:K}})}updated(){L(this)}loaded(){this.labelElements=Array.from(this.renderRoot.querySelectorAll("label"))}disconnectedCallback(){super.disconnectedCallback(),F(this),R(this)}handleValueUpdate(e){this.hoverValue=e,this.emit&&this.calciteRatingChange.emit(),this.emit=!1}onLabelClick(){this.setFocus()}handleRatingPointerOver(){this.isKeyboardInteraction=!1}handleRatingPointerOut(){this.isKeyboardInteraction=!0,this.hoverValue=null}handleHostKeyDown(){this.isKeyboardInteraction=!0}handleLabelKeyDown(e){let t=this.getValueFromLabelEvent(e),a=e.key,i=a==" "?void 0:Number(a);if(this.emit=!0,isNaN(i))switch(a){case"Enter":case" ":this.value=!this.required&&this.value===t?0:t;break;case"ArrowLeft":this.value=this.getPreviousRatingValue(t),this.updateFocus(),e.preventDefault();break;case"ArrowRight":this.value=this.getNextRatingValue(t),this.updateFocus(),e.preventDefault();break;case"Tab":this.hoverValue=null;break}else!this.required&&i>=0&&i<=this.max?this.value=i:this.required&&i>0&&i<=this.max&&(this.value=i),this.updateFocus()}handleInputChange(e){if(this.isKeyboardInteraction===!0){let t=Number(e.target.value);this.hoverValue=t,this.value=t}}handleLabelPointerOver(e){this.hoverValue=this.getValueFromLabelEvent(e)}handleLabelPointerDown(e){let t=e.currentTarget,a=this.getValueFromLabelEvent(e);this.hoverValue=a,this.emit=!0,this.value=!this.required&&this.value===a?0:a,t.focus()}handleLabelClick(e){e.preventDefault()}handleLabelFocus(e){let t=this.getValueFromLabelEvent(e);this.hoverValue=t}updateFocus(){this.hoverValue=this.value,this.labelElements[this.value-1].focus()}getTabIndex(e){return this.readOnly||this.value!==e&&(this.value||e!==1)?-1:0}getValueFromLabelEvent(e){let t=e.currentTarget;return Number(t.getAttribute("data-value"))}getNextRatingValue(e){return e===5?1:e+1}getPreviousRatingValue(e){return e===1?5:e-1}render(){let e=this.count?.toString();return I({disabled:this.disabled,children:s`<span class="wrapper"><fieldset class="fieldset" .disabled=${this.disabled}><legend class="visually-hidden">${this.messages.rating}</legend>${this.starsMap.map(({average:t,checked:a,fraction:i,hovered:h,id:n,partial:r,

4selected:c,value:o,tabIndex:d})=>s`<label class=${u({star:!0,selected:c,hovered:h,average:t,partial:r})} data-value=${o??l} for=${n??l} @click=${this.handleLabelClick} @focus=${this.handleLabelFocus} @keydown=${this.handleLabelKeyDown} @pointerdown=${this.handleLabelPointerDown} @pointerover=${this.handleLabelPointerOver} tabindex=${d??l}><input aria-errormessage=${D.validationMessage} .ariaInvalid=${this.status==="invalid"} .checked=${a} class="visually-hidden" .disabled=${this.disabled||this.readOnly} id=${n??l} name=${this.guid??l} @change=${this.handleInputChange} tabindex=-1 type=radio .value=${m(o??"")}>${P({full:c||t,scale:this.scale})}${r&&s`<div class="fraction" style=${y({width:`${i*100}%`})}>${P({full:!0,partial:!0,scale:this.scale})}</div>`||""}<span class="visually-hidden">${this.messages.stars.replace("{num}",`${o}`)}</span></label>`)}${(this.count||this.average)&&this.showChip?s`<calcite-chip .label=${e} .scale=${this.scale} .value=${e}>${!!this.average&&s`<span class="number--average">${this.average.toString()}</span>`||""}${!!this.count&&s`<span class="number--count">(${e})</span>`||""}</calcite-chip>`:null}</fieldset>${E({component:this})}${this.validationMessage&&this.status==="invalid"?z({icon:this.validationIcon,id:D.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}</span>`})}};k("calcite-rating",v);export{v as Rating};