@esri/calcite-components 1.0.0-next.662 → 1.0.0-next.664

package/dist/calcite/p-f2b79e39.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.662
- */
-import{r as i,c as t,h as a,F as n,g as e}from"./p-1143b404.js";import{g as s}from"./p-8356efe0.js";import{c as o,d as r}from"./p-caa39c70.js";import{c,d as l,H as d}from"./p-5c993d6b.js";import{u as h}from"./p-13b1c938.js";import{i as p}from"./p-43bfd60d.js";import{s as m,a as u,c as f}from"./p-bf031c07.js";import"./p-79b1f9be.js";import"./p-8b2275e8.js";const v=class{constructor(a){i(this,a),this.calciteRatingChange=t(this,"calciteRatingChange",6),this.onKeyboardPressed=i=>{!this.required&&p(i.key)&&(i.preventDefault(),this.updateValue(0))},this.onFocusChange=i=>{this.hasFocus=!0,this.required||this.focusValue!==i?this.focusValue=i:this.updateValue(0)},this.guid=`calcite-ratings-${s()}`,this.scale="m",this.value=0,this.readOnly=!1,this.disabled=!1,this.showChip=!1,this.count=void 0,this.average=void 0,this.name=void 0,this.intlRating="Rating",this.intlStars="Stars: ${num}",this.required=!1,this.hoverValue=void 0,this.focusValue=void 0,this.hasFocus=void 0}connectedCallback(){o(this),c(this)}componentWillLoad(){m(this)}componentDidLoad(){u(this)}disconnectedCallback(){r(this),l(this)}componentDidRender(){h(this)}blurHandler(){this.hasFocus=!1}renderStars(){return[1,2,3,4,5].map((i=>{const t=this.value>=i,n=this.average&&!this.value&&i<=this.average,e=i<=this.hoverValue,s=this.average&&this.average+1-i,o=!this.value&&!e&&s>0&&s<1;return a("span",{class:{wrapper:!0}},a("label",{class:{star:!0,focused:this.hasFocus&&this.focusValue===i,selected:t,average:n,hovered:e,partial:o},htmlFor:`${this.guid}-${i}`,onPointerOver:()=>{this.hoverValue=i}},a("calcite-icon",{"aria-hidden":"true",class:"icon",icon:t||n||this.readOnly?"star-f":"star",scale:this.scale}),o&&a("div",{class:"fraction",style:{width:100*s+"%"}},a("calcite-icon",{icon:"star-f",scale:this.scale})),a("span",{class:"visually-hidden"},this.intlStars.replace("${num}",`${i}`))),a("input",{checked:i===this.value,class:"visually-hidden",disabled:this.disabled||this.readOnly,id:`${this.guid}-${i}`,name:this.guid,onChange:()=>this.updateValue(i),onClick:i=>i.stopPropagation(),onFocus:()=>this.onFocusChange(i),onKeyDown:this.onKeyboardPressed,ref:t=>(1===i||i===this.value)&&(this.inputFocusRef=t),type:"radio",value:i}))}))}render(){const{disabled:i,intlRating:t,showChip:e,scale:s,count:o,average:r}=this;return a(n,null,a("fieldset",{class:"fieldset",disabled:i,onBlur:()=>this.hoverValue=null,onPointerLeave:()=>this.hoverValue=null,onTouchEnd:()=>this.hoverValue=null},a("legend",{class:"visually-hidden"},t),this.renderStars()),(o||r)&&e?a("calcite-chip",{scale:s,value:o?.toString()},!!r&&a("span",{class:"number--average"},r.toString()),!!o&&a("span",{class:"number--count"},"(",o?.toString(),")")):null,a(d,{component:this}))}onLabelClick(){this.setFocus()}updateValue(i){this.value=i,this.calciteRatingChange.emit({value:i})}async setFocus(){await f(this),this.inputFocusRef?.focus()}get el(){return e(this)}};v.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{position:relative;display:flex;align-items:center;inline-size:-moz-fit-content;inline-size:fit-content}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([scale=s]){block-size:1.5rem;--calcite-rating-spacing-unit:0.25rem}:host([scale=m]){block-size:2rem;--calcite-rating-spacing-unit:0.5rem}:host([scale=l]){block-size:2.75rem;--calcite-rating-spacing-unit:0.75rem}:host([read-only]){pointer-events:none}.fieldset{margin:0px;display:flex;border-width:0px;padding:0px}.wrapper{display:inline-block;margin-inline-end:var(--calcite-rating-spacing-unit)}.star{position:relative;display:flex;cursor:pointer;outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;color:var(--calcite-ui-border-input)}.focused{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.average,.fraction{color:var(--calcite-ui-warning)}.hovered,.selected,:host([read-only]) .average,:host([read-only]) .fraction{color:var(--calcite-ui-brand)}:host .fraction{pointer-events:none;position:absolute;inset-block-start:0px;overflow:hidden;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;inset-inline-start:0}calcite-chip{pointer-events:none;cursor:default}.number--average{font-weight:var(--calcite-font-weight-bold)}.number--count{color:var(--calcite-ui-text-2);font-style:italic}.number--count:not(:first-child){margin-inline-start:var(--calcite-rating-spacing-unit)}.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}::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}";export{v as calcite_rating}

package/dist/calcite/p-f379d754.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.662
- */
-import{f as t}from"./p-1143b404.js";import{c as o}from"./p-495e561e.js";const n=new Set;let s;const c={childList:!0};function f(t){s||(s=o("mutation",e)),s.observe(t.el,c)}function i(t){n.delete(t.el),e(s.takeRecords()),s.disconnect();for(const[t]of n.entries())s.observe(t,c)}function e(o){o.forEach((({target:o})=>{t(o)}))}export{f as c,i as d}

package/dist/calcite/p-fe99cd10.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.662
- */
-import{r as i,c as t,h as a,F as e,g as n}from"./p-1143b404.js";import{f as r}from"./p-79b1f9be.js";import{u as o}from"./p-13b1c938.js";import{f as s}from"./p-faa514b6.js";import{s as c,a as l,c as d}from"./p-bf031c07.js";import{d as m}from"./p-5aaac05f.js";import"./p-8b2275e8.js";import"./p-8356efe0.js";const p=class{constructor(a){i(this,a),this.calciteFilterChange=t(this,"calciteFilterChange",6),this.filter=m(((i,t=!1)=>this.updateFiltered(s(this.items,i),t)),250),this.inputHandler=i=>{const t=i.target;this.value=t.value,this.filter(t.value,!0)},this.keyDownHandler=i=>{"Escape"===i.key&&(this.clear(),i.preventDefault()),"Enter"===i.key&&i.preventDefault()},this.clear=()=>{this.value="",this.filter("",!0),this.setFocus()},this.items=[],this.disabled=!1,this.filteredItems=[],this.intlClear=void 0,this.intlLabel=void 0,this.placeholder=void 0,this.scale="m",this.value=""}watchItemsHandler(){this.filter(this.value)}valueHandler(i){this.filter(i)}componentWillLoad(){c(this),this.updateFiltered(s(this.items,this.value))}componentDidLoad(){l(this)}componentDidRender(){o(this)}async setFocus(){await d(this),r(this.textInput)}updateFiltered(i,t=!1){this.filteredItems.length=0,this.filteredItems=this.filteredItems.concat(i),t&&this.calciteFilterChange.emit()}render(){const{disabled:i,scale:t}=this;return a(e,null,a("div",{class:"container"},a("label",null,a("calcite-input",{"aria-label":this.intlLabel||"Filter",clearable:!0,disabled:i,icon:"search",intlClear:this.intlClear||"Clear filter",onCalciteInputInput:this.inputHandler,onKeyDown:this.keyDownHandler,placeholder:this.placeholder,ref:i=>{this.textInput=i},scale:t,type:"text",value:this.value}))))}get el(){return n(this)}static get watchers(){return{items:["watchItemsHandler"],value:["valueHandler"]}}};p.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:host{box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:flex;inline-size:100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.container{display:flex;inline-size:100%;padding:0.5rem}label{position:relative;margin-inline:0.25rem;margin-block:0px;display:flex;inline-size:100%;align-items:center;overflow:hidden}input[type=text]{margin-block-end:0.25rem;inline-size:100%;border-style:none;background-color:transparent;padding-block:0.25rem;font-family:inherit;font-size:var(--calcite-font-size--2);line-height:1rem;color:var(--calcite-ui-text-1);padding-inline-end:0.25rem;padding-inline-start:1.5rem;transition:padding var(--calcite-animation-timing), box-shadow var(--calcite-animation-timing)}input[type=text]::-ms-clear{display:none}calcite-input{inline-size:100%}.search-icon{position:absolute;display:flex;color:var(--calcite-ui-text-2);inset-inline-start:0;transition:inset-inline-start var(--calcite-animation-timing), inset-inline-end var(--calcite-animation-timing), opacity var(--calcite-animation-timing)}input[type=text]:focus{border-color:var(--calcite-ui-brand);outline:2px solid transparent;outline-offset:2px;padding-inline:0.25rem}input[type=text]:focus~.search-icon{inset-inline-start:calc(1rem * -1);opacity:0}.clear-button{display:flex;cursor:pointer;align-items:center;border-width:0px;background-color:transparent;color:var(--calcite-ui-text-2)}.clear-button:hover,.clear-button:focus{color:var(--calcite-ui-text-1)}";export{p as calcite_filter}