@esri/solutions-components 0.0.2 → 0.0.7

package/dist/solutions/p-c09fc04d.entry.js

@@ -1,11 +0,0 @@
-/*!
- * Copyright 2021 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import{r as t,c as e,h as i,H as n,g as a}from"./p-2e1cd889.js";import{T as r,s as o,g as s,a as l,C as c}from"./p-e762b2d1.js";import{g as h,n as u}from"./p-7df393df.js";import{c as d,d as p,g as m}from"./p-cb5cb9a8.js";import{c as b,d as f,H as g}from"./p-0b8525e2.js";import{d as v,g as x,a as y}from"./p-c34e0641.js";import{i as w,p as k,a as z}from"./p-946521e1.js";import{d as j}from"./p-f49bc4a8.js";import"./p-ec178ea9.js";
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- */const I={loader:"loader",clearButton:"clear-button",editingEnabled:"editing-enabled",inlineChild:"inline-child",inputIcon:"icon",prefix:"prefix",suffix:"suffix",numberButtonWrapper:"number-button-wrapper",buttonItemHorizontal:"number-button-item--horizontal",wrapper:"element-wrapper",inputWrapper:"wrapper",actionWrapper:"action-wrapper",resizeIconWrapper:"resize-icon-wrapper",numberButtonItem:"number-button-item"};const D={tel:"phone",password:"lock",email:"email-address",date:"calendar",time:"clock",search:"search"};const _={action:"action"};const W="@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:300ms}.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}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{font-size:var(--calcite-font-size--2);line-height:1rem;padding:0.5rem;height:1.5rem}:host([scale=s]) textarea{height:1.5rem;min-height:1.5rem}:host([scale=s]) .number-button-wrapper,:host([scale=s]) .action-wrapper calcite-button,:host([scale=s]) .action-wrapper calcite-button button{height:1.5rem}:host([scale=s]) input[type=file]{height:1.5rem}:host([scale=s]) .clear-button{min-height:1.5rem;min-width:1.5rem}:host([scale=s]) textarea{font-size:var(--calcite-font-size--2);line-height:1rem;padding-top:0.25rem;padding-bottom:0.25rem;padding-left:0.5rem;padding-right:0.5rem;height:auto}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{font-size:var(--calcite-font-size--1);line-height:1rem;padding:0.75rem;height:2rem}:host([scale=m]) textarea{min-height:2rem}:host([scale=m]) .number-button-wrapper,:host([scale=m]) .action-wrapper calcite-button,:host([scale=m]) .action-wrapper calcite-button button{height:2rem}:host([scale=m]) input[type=file]{height:2rem}:host([scale=m]) .clear-button{min-height:2rem;min-width:2rem}:host([scale=m]) textarea{font-size:var(--calcite-font-size--1);line-height:1rem;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:0.75rem;padding-right:0.75rem;height:auto}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{font-size:var(--calcite-font-size-0);line-height:1.25rem;padding:1rem;height:2.75rem}:host([scale=l]) textarea{min-height:2.75rem}:host([scale=l]) .number-button-wrapper,:host([scale=l]) .action-wrapper calcite-button,:host([scale=l]) .action-wrapper calcite-button button{height:2.75rem}:host([scale=l]) input[type=file]{height:2.75rem}:host([scale=l]) .clear-button{min-height:2.75rem;min-width:2.75rem}:host([scale=l]) textarea{font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-top:0.75rem;padding-bottom:0.75rem;padding-left:1rem;padding-right:1rem;height:auto}:host([disabled]){pointer-events:none}:host([disabled]) .wrapper{pointer-events:none;--text-opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) button,:host([disabled]) textarea,:host([disabled]) input{pointer-events:none}:host([disabled]) textarea{resize:none}:host textarea,:host input{transition:150ms ease-in-out, height 0s;-webkit-appearance:none;width:100%;border-radius:0;position:relative;max-height:100%;max-width:100%;margin:0;font-weight:var(--calcite-font-weight-normal);font-family:inherit;flex:1 1 0%;display:flex;color:var(--calcite-ui-text-1);box-sizing:border-box;background-color:var(--calcite-ui-foreground-1)}:host input[type=search]::-webkit-search-decoration{-webkit-appearance:none}:host input,:host textarea{color:var(--calcite-ui-text-1);border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input)}:host input::placeholder,:host input:-ms-input-placeholder,:host input::-ms-input-placeholder,:host textarea::placeholder,:host textarea:-ms-input-placeholder,:host textarea::-ms-input-placeholder{color:var(--calcite-ui-text-3);font-weight:var(--calcite-font-weight-normal)}:host input:focus,:host textarea:focus{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-text-1)}:host input[readonly],:host textarea[readonly]{background-color:var(--calcite-ui-background)}:host input[readonly]:focus,:host textarea[readonly]:focus{color:var(--calcite-ui-text-1)}:host calcite-icon{color:var(--calcite-ui-text-3)}:host textarea,:host input{outline-offset:0;outline-color:transparent;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}:host textarea:focus,:host input:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([status=invalid]) input,:host([status=invalid]) textarea{border-color:var(--calcite-ui-danger)}:host([status=invalid]) input:focus,:host([status=invalid]) textarea:focus{outline:2px solid var(--calcite-ui-danger);outline-offset:-2px}:host([scale=s]) .icon{left:0.5rem}:host([scale=s]) .calcite--rtl .icon{left:unset;right:0.5rem}:host([scale=m]) .icon{left:0.75rem}:host([scale=m]) .calcite--rtl .icon{left:unset;right:0.75rem}:host([scale=l]) .icon{left:1rem}:host([scale=l]) .calcite--rtl .icon{left:unset;right:1rem}:host([icon][scale=s]) input{padding-left:2rem}:host([icon][scale=s]) .calcite--rtl input{padding-right:2rem;padding-left:0.5rem}:host([icon][scale=m]) input{padding-left:2.5rem}:host([icon][scale=m]) .calcite--rtl input{padding-right:2.5rem;padding-left:0.5rem}:host([icon][scale=l]) input{padding-left:3rem}:host([icon][scale=l]) .calcite--rtl input{padding-right:3rem;padding-left:0.5rem}.element-wrapper{display:inline-flex;align-items:center;flex:1 1 0%;position:relative;order:3}.icon{display:block;position:absolute;pointer-events:none;z-index:10;transition-property:all;transition-duration:150ms;transition-timing-function:ease-in-out;transition-delay:0s}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;width:0;height:0}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration,input[type=date]::-webkit-clear-button,input[type=time]::-webkit-clear-button{display:none}.clear-button{pointer-events:initial;outline-offset:0;outline-color:transparent;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;display:flex;align-self:stretch;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;min-height:100%;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);border-left-width:0;order:4;margin:0}.clear-button:hover{background-color:var(--calcite-ui-foreground-2);transition-property:all;transition-duration:150ms;transition-timing-function:ease-in-out;transition-delay:0s}.clear-button:hover calcite-icon{color:var(--calcite-ui-text-1);transition-property:all;transition-duration:150ms;transition-timing-function:ease-in-out;transition-delay:0s}.clear-button:active{background-color:var(--calcite-ui-foreground-3)}.clear-button:active calcite-icon{color:var(--calcite-ui-text-1)}.clear-button:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.clear-button:disabled{opacity:var(--calcite-ui-opacity-disabled)}.calcite--rtl .clear-button{border-left-color:var(--calcite-ui-border-input);border-width:1px;border-right-width:0}.loader{top:1px;left:1px;right:1px;display:block;pointer-events:none;position:absolute}.action-wrapper{display:flex;order:7}.prefix,.suffix{display:flex;align-items:center;align-content:center;height:auto;min-height:100%;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-weight:var(--calcite-font-weight-medium);border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-background);color:var(--calcite-ui-text-2);line-height:1;word-wrap:break-word;overflow-wrap:break-word}.prefix{order:2;border-right-width:0}.suffix{order:5;border-left-width:0}.calcite--rtl .prefix{border-right-width:1px;border-left-width:0}.calcite--rtl .suffix{border-left-width:1px;border-right-width:0}:host([alignment=start]) textarea,:host([alignment=start]) input{text-align:left}:host([alignment=start]) .calcite--rtl textarea,:host([alignment=start]) .calcite--rtl input{text-align:right}:host([alignment=end]) textarea,:host([alignment=end]) input{text-align:right}:host([alignment=end]) .calcite--rtl textarea,:host([alignment=end]) .calcite--rtl input{text-align:left}:host input[type=number]{-moz-appearance:textfield}:host input[type=number]::-webkit-inner-spin-button,:host input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:textfield;margin:0}.number-button-wrapper{box-sizing:border-box;display:flex;flex-direction:column;pointer-events:none;order:6;transition-property:all;transition-duration:150ms;transition-timing-function:ease-in-out;transition-delay:0s}:host([number-button-type=vertical]) .wrapper{flex-direction:row;display:flex}:host([number-button-type=vertical]) input,:host([number-button-type=vertical]) textarea{order:2}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=down] calcite-icon{transform:rotate(-90deg)}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=up] calcite-icon{transform:rotate(-90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down],.number-button-item.number-button-item--horizontal[data-adjustment=up]{min-height:100%;max-height:100%;order:1;align-self:stretch}.number-button-item.number-button-item--horizontal[data-adjustment=down] calcite-icon,.number-button-item.number-button-item--horizontal[data-adjustment=up] calcite-icon{transform:rotate(90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down]{border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);border-right-width:0}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover{background-color:var(--calcite-ui-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover calcite-icon{color:var(--calcite-ui-text-1)}.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:5}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover{background-color:var(--calcite-ui-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover calcite-icon{color:var(--calcite-ui-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover{background-color:var(--calcite-ui-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover calcite-icon{color:var(--calcite-ui-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover{background-color:var(--calcite-ui-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover calcite-icon{color:var(--calcite-ui-text-1)}.calcite--rtl .number-button-item.number-button-item--horizontal[data-adjustment=down]{border-width:1px;border-left-width:0;border-color:var(--calcite-ui-border-input)}.calcite--rtl .number-button-item.number-button-item--horizontal[data-adjustment=up]{border-width:1px;border-right-width:0;border-color:var(--calcite-ui-border-input)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down],:host([number-button-type=vertical]) .calcite--rtl .number-button-item[data-adjustment=down]{border-top-width:0}.number-button-item{max-height:50%;min-height:50%;pointer-events:initial;display:flex;align-self:center;align-items:center;box-sizing:border-box;cursor:pointer;padding-top:0;padding-bottom:0;padding-left:0.5rem;padding-right:0.5rem;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);border-left-width:0;transition-property:all;transition-duration:150ms;transition-timing-function:ease-in-out;transition-delay:0s;margin:0}.number-button-item calcite-icon{pointer-events:none;transition-property:all;transition-duration:150ms;transition-timing-function:ease-in-out;transition-delay:0s}.number-button-item:focus{background-color:var(--calcite-ui-foreground-2)}.number-button-item:focus calcite-icon{color:var(--calcite-ui-text-1)}.number-button-item:active{background-color:var(--calcite-ui-foreground-3)}:host([number-button-type=vertical]) .calcite--rtl .number-button-item{border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);border-right-width:0}.wrapper{display:flex;flex-direction:row;align-items:center;position:relative}:host input::-webkit-calendar-picker-indicator{display:none}:host input[type=date]::-webkit-input-placeholder{visibility:hidden !important}:host textarea::-webkit-resizer{box-sizing:border-box;position:absolute;bottom:0;right:0;padding-top:0;padding-bottom:0;padding-left:0.25rem;padding-right:0.25rem}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.resize-icon-wrapper{display:none}}.resize-icon-wrapper{bottom:2px;right:2px;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-3);position:absolute;z-index:10;pointer-events:none;width:0.75rem;height:0.75rem}.resize-icon-wrapper calcite-icon{bottom:0.25rem;right:0.25rem;transform:rotate(-45deg)}.calcite--rtl textarea::-webkit-resizer{right:unset;left:0}.calcite--rtl .resize-icon-wrapper{left:2px;right:unset}.calcite--rtl .resize-icon-wrapper calcite-icon{bottom:0.25rem;right:0.25rem;transform:rotate(45deg)}:host([type=color]) input{padding:0.25rem}:host([type=file]) input{background-color:var(--calcite-ui-foreground-1);cursor:pointer;border-width:1px;border-style:dashed;border-color:var(--calcite-ui-border-input);text-align:center}:host([type=file][scale=s]) input{padding-top:1px;padding-bottom:1px;padding-left:0.5rem;padding-right:0.5rem}:host([type=file][scale=m]) input{padding-top:0.25rem;padding-bottom:0.25rem;padding-left:0.75rem;padding-right:0.75rem}:host([type=file][scale=l]) input{padding-top:0.5rem;padding-bottom:0.5rem;padding-left:1rem;padding-right:1rem}:host(.no-bottom-border) input{border-bottom-width:0}:host(.border-t-color-1) input{border-top-color:var(--calcite-ui-border-1)}:host .inline-child{transition-property:all;transition-duration:150ms;transition-timing-function:ease-in-out;transition-delay:0s;background-color:transparent}:host .inline-child .editing-enabled{background-color:inherit}:host .inline-child:not(.editing-enabled){display:flex;cursor:pointer;border-color:transparent;padding-inline-start:0}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";let F=class{constructor(i){t(this,i);this.calciteInputFocus=e(this,"calciteInputFocus",7);this.calciteInputBlur=e(this,"calciteInputBlur",7);this.calciteInputInput=e(this,"calciteInputInput",7);this.calciteInputChange=e(this,"calciteInputChange",7);this.alignment="start";this.autofocus=false;this.clearable=false;this.disabled=false;this.groupSeparator=false;this.hidden=false;this.intlLoading=r.loading;this.iconFlipRtl=false;this.loading=false;this.locale=document.documentElement.lang||"en";this.localeFormat=false;this.numberButtonType="vertical";this.readOnly=false;this.required=false;this.scale="m";this.status="idle";this.editingEnabled=false;this.type="text";this.childElType="input";this.keyDownHandler=t=>{if(t.key==="ArrowUp"){t.preventDefault()}if(this.readOnly||this.disabled){return}if(this.isClearable&&h(t.key)==="Escape"){this.clearInputValue(t);t.preventDefault()}};this.clearInputValue=t=>{this.setValue(null,t,true)};this.inputBlurHandler=()=>{if(this.type==="number"){this.setLocalizedValue(this.value)}this.calciteInputBlur.emit({element:this.childEl,value:this.value});if(this.preFocusValue!==this.value){this.calciteInputChange.emit()}};this.inputFocusHandler=t=>{if(t.target!==this.slottedActionEl){this.setFocus()}this.calciteInputFocus.emit({element:this.childEl,value:this.value});this.preFocusValue=this.value};this.inputInputHandler=t=>{if(this.disabled||this.readOnly){return}this.setValue(t.target.value,t)};this.inputKeyDownHandler=t=>{if(this.disabled||this.readOnly){return}if(t.key==="Enter"){this.calciteInputChange.emit()}};this.inputNumberInputHandler=t=>{if(this.disabled||this.readOnly){return}const e=t.target.value;const i=v(e,this.locale);if(t.inputType==="insertFromPaste"){if(!w(i)){t.preventDefault()}this.setValue(k(i),t);this.childNumberEl.value=this.localizedValue}else{this.setValue(v(e,this.locale),t)}};this.inputNumberKeyDownHandler=t=>{if(this.type!=="number"||this.disabled||this.readOnly){return}if(t.key==="ArrowUp"){this.nudgeNumberValue("up",t);return}if(t.key==="ArrowDown"){this.nudgeNumberValue("down",t);return}const e=[...u,"ArrowLeft","ArrowRight","Backspace","Delete","Enter","Escape","Tab","-"];if(t.altKey||t.ctrlKey||t.metaKey){return}const i=t.shiftKey&&t.key==="Tab";if(e.includes(t.key)&&(!t.shiftKey||i)){if(t.key==="Enter"){this.calciteInputChange.emit()}return}const n=x(this.locale);if(t.key===n){if(!this.value&&!this.childNumberEl.value){return}if(this.value&&this.childNumberEl.value.indexOf(n)===-1){return}}t.preventDefault()};this.nudgeNumberValue=(t,e)=>{if(e instanceof KeyboardEvent&&e.repeat||this.type!=="number"){return}const i=this.maxString?parseFloat(this.maxString):null;const n=this.minString?parseFloat(this.minString):null;const a=100;this.incrementOrDecrementNumberValue(t,i,n,e);let r=0;this.nudgeNumberValueIntervalId=setInterval((()=>{r!==0?this.incrementOrDecrementNumberValue(t,i,n,e):null;r++}),a)};this.numberButtonMouseUpAndMouseOutHandler=()=>{clearInterval(this.nudgeNumberValueIntervalId)};this.numberButtonMouseDownHandler=t=>{t.preventDefault();const e=t.target.dataset.adjustment;this.nudgeNumberValue(e,t)};this.setChildElRef=t=>{this.childEl=t};this.setChildNumberElRef=t=>{this.childNumberEl=t};this.setLocalizedValue=t=>{this.localizedValue=y(t,this.locale,this.groupSeparator)};this.setValue=(t,e,i=false)=>{const n=this.value;this.value=this.type==="number"?z(t):t;if(this.type==="number"){this.setLocalizedValue(this.value)}if(e){if(this.type==="number"&&(t===null||t===void 0?void 0:t.endsWith("."))){return}const a=this.calciteInputInput.emit({element:this.childEl,nativeEvent:e,value:t});if(a.defaultPrevented){this.value=n;this.setLocalizedValue(n)}else if(i){this.calciteInputChange.emit()}}};this.inputKeyUpHandler=()=>{clearInterval(this.nudgeNumberValueIntervalId)}}disabledWatcher(){this.setDisabledAction()}maxWatcher(){var t;this.maxString=((t=this.max)===null||t===void 0?void 0:t.toString())||null}minWatcher(){var t;this.minString=((t=this.min)===null||t===void 0?void 0:t.toString())||null}valueWatcher(t){if(this.type==="number"&&this.localizedValue!==y(t,this.locale)){this.setLocalizedValue(t)}else if(this.childEl&&this.childEl.value!==t){this.childEl.value=t}}updateRequestedIcon(){this.requestedIcon=o(D,this.icon,this.type)}get isClearable(){var t;return!this.isTextarea&&(this.clearable||this.type==="search")&&((t=this.value)===null||t===void 0?void 0:t.length)>0}get isTextarea(){return this.childElType==="textarea"}connectedCallback(){var t;this.scale=s(this.el,"scale",this.scale);this.status=s(this.el,"status",this.status);this.inlineEditableEl=this.el.closest("calcite-inline-editable");this.editingEnabled=(t=this.inlineEditableEl)===null||t===void 0?void 0:t.editingEnabled;if(this.type==="number"&&this.value){if(w(this.value)){this.localizedValue=y(this.value,this.locale,this.groupSeparator)}else{this.value=undefined}}d(this);b(this)}disconnectedCallback(){p(this);f(this)}componentWillLoad(){var t,e;this.childElType=this.type==="textarea"?"textarea":"input";this.maxString=(t=this.max)===null||t===void 0?void 0:t.toString();this.minString=(e=this.min)===null||e===void 0?void 0:e.toString();this.requestedIcon=o(D,this.icon,this.type)}componentDidLoad(){this.slottedActionEl=this.el.querySelector("[slot=action]");this.setDisabledAction()}componentShouldUpdate(t,e,i){if(this.type==="number"&&i==="value"&&t&&!w(t)){this.value=e;return false}return true}async setFocus(){var t,e;if(this.type==="number"){(t=this.childNumberEl)===null||t===void 0?void 0:t.focus()}else{(e=this.childEl)===null||e===void 0?void 0:e.focus()}}onLabelClick(){this.setFocus()}incrementOrDecrementNumberValue(t,e,i,n){const{value:a}=this;const r=this.step==="any"?1:Math.abs(this.step||1);const o=a&&a!==""?parseFloat(a):0;const s=t==="up"?1:-1;const l=o+r*s;const c=typeof i==="number"&&!isNaN(i)&&l<i||typeof e==="number"&&!isNaN(e)&&l>e?o:l;const h=j(o);const u=j(r);this.setValue(c.toFixed(Math.max(h,u)),n,true)}onFormReset(){this.setValue(this.defaultValue)}syncHiddenFormInput(t){var e,i,n,a;if(this.type==="number"){t.type="number";t.min=(i=(e=this.min)===null||e===void 0?void 0:e.toString(10))!==null&&i!==void 0?i:"";t.max=(a=(n=this.max)===null||n===void 0?void 0:n.toString(10))!==null&&a!==void 0?a:""}else if(this.type==="text"){t.type="text";if(this.minLength!=null){t.minLength=this.minLength}if(this.maxLength!=null){t.maxLength=this.maxLength}}else if(this.type==="password"){t.type="password"}}setDisabledAction(){if(!this.slottedActionEl){return}const t=this.slottedActionEl;this.disabled?t.setAttribute("disabled",""):t.removeAttribute("disabled")}render(){const t=l(this.el);const e=i("div",{class:I.loader},i("calcite-progress",{label:this.intlLoading,type:"indeterminate"}));const a=i("button",{class:I.clearButton,disabled:this.disabled||this.readOnly,onClick:this.clearInputValue,tabIndex:this.disabled?-1:0,type:"button"},i("calcite-icon",{icon:"x",scale:"s"}));const r=i("calcite-icon",{class:I.inputIcon,dir:t,flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:"s"});const o=this.numberButtonType==="horizontal";const s=i("button",{class:{[I.numberButtonItem]:true,[I.buttonItemHorizontal]:o},"data-adjustment":"up",disabled:this.disabled||this.readOnly,onMouseDown:this.numberButtonMouseDownHandler,onMouseOut:this.numberButtonMouseUpAndMouseOutHandler,onMouseUp:this.numberButtonMouseUpAndMouseOutHandler,tabIndex:-1,type:"button"},i("calcite-icon",{icon:"chevron-up",scale:"s"}));const h=i("button",{class:{[I.numberButtonItem]:true,[I.buttonItemHorizontal]:o},"data-adjustment":"down",disabled:this.disabled||this.readOnly,onMouseDown:this.numberButtonMouseDownHandler,onMouseOut:this.numberButtonMouseUpAndMouseOutHandler,onMouseUp:this.numberButtonMouseUpAndMouseOutHandler,tabIndex:-1,type:"button"},i("calcite-icon",{icon:"chevron-down",scale:"s"}));const u=i("div",{class:I.numberButtonWrapper},s,h);const d=i("div",{class:I.prefix},this.prefixText);const p=i("div",{class:I.suffix},this.suffixText);const b=this.type==="number"?i("input",{"aria-label":m(this),autofocus:this.autofocus?true:null,defaultValue:this.defaultValue,disabled:this.disabled?true:null,enterKeyHint:this.el.enterKeyHint,inputMode:this.el.inputMode,key:"localized-input",maxLength:this.maxLength,minLength:this.minLength,name:undefined,onBlur:this.inputBlurHandler,onFocus:this.inputFocusHandler,onInput:this.inputNumberInputHandler,onKeyDown:this.inputNumberKeyDownHandler,onKeyUp:this.inputKeyUpHandler,placeholder:this.placeholder||"",readOnly:this.readOnly,ref:this.setChildNumberElRef,tabIndex:this.disabled?-1:0,type:"text",value:this.localizedValue}):null;const f=this.type!=="number"?[i(this.childElType,{"aria-label":m(this),autofocus:this.autofocus?true:null,class:{[I.editingEnabled]:this.editingEnabled,[I.inlineChild]:!!this.inlineEditableEl},defaultValue:this.defaultValue,disabled:this.disabled?true:null,enterKeyHint:this.el.enterKeyHint,inputMode:this.el.inputMode,max:this.maxString,maxLength:this.maxLength,min:this.minString,minLength:this.minLength,name:this.name,onBlur:this.inputBlurHandler,onFocus:this.inputFocusHandler,onInput:this.inputInputHandler,onKeyDown:this.inputKeyDownHandler,onKeyUp:this.inputKeyUpHandler,placeholder:this.placeholder||"",readOnly:this.readOnly,ref:this.setChildElRef,required:this.required?true:null,step:this.step,tabIndex:this.disabled||this.inlineEditableEl&&!this.editingEnabled?-1:null,type:this.type,value:this.value}),this.isTextarea?i("div",{class:I.resizeIconWrapper},i("calcite-icon",{icon:"chevron-down",scale:"s"})):null]:null;return i(n,{onClick:this.inputFocusHandler,onKeyDown:this.keyDownHandler},i("div",{class:{[I.inputWrapper]:true,[c.rtl]:t==="rtl"},dir:t},this.type==="number"&&this.numberButtonType==="horizontal"?h:null,this.prefixText?d:null,i("div",{class:I.wrapper},b,f,this.isClearable?a:null,this.requestedIcon?r:null,this.loading?e:null),i("div",{class:I.actionWrapper},i("slot",{name:_.action})),this.type==="number"&&this.numberButtonType==="vertical"?u:null,this.suffixText?p:null,this.type==="number"&&this.numberButtonType==="horizontal"?s:null,i(g,{component:this})))}get el(){return a(this)}static get watchers(){return{disabled:["disabledWatcher"],max:["maxWatcher"],min:["minWatcher"],value:["valueWatcher"],icon:["updateRequestedIcon"],type:["updateRequestedIcon"]}}};F.style=W;const M="@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:300ms}.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}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{position:relative;display:block;width:100%}.track,.bar{position:absolute;top:0;height:2px}.track{z-index:0;width:100%;overflow:hidden;background:var(--calcite-ui-border-3)}.bar{background-color:var(--calcite-ui-brand);z-index:0}.indeterminate{width:20%;animation:looping-progress-bar-ani 2200ms linear infinite}.reversed{animation-direction:reverse}.text{padding-top:1rem;padding-bottom:0;padding-left:0;padding-right:0;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium)}@keyframes looping-progress-bar-ani{0%{transform:translate3d(-100%, 0, 0)}50%{width:40%}100%{transform:translate3d(600%, 0, 0)}}";let C=class{constructor(e){t(this,e);this.type="determinate";this.value=0;this.reversed=false}render(){const t=this.type==="determinate";const e=t?{width:`${this.value*100}%`}:{};return i("div",{"aria-label":this.label||this.text,"aria-valuemax":1,"aria-valuemin":0,"aria-valuenow":this.value,role:"progressbar"},i("div",{class:"track"},i("div",{class:{bar:true,indeterminate:this.type==="indeterminate",reversed:this.reversed},style:e})),this.text?i("div",{class:"text"},this.text):null)}get el(){return a(this)}};C.style=M;export{F as calcite_input,C as calcite_progress};
-//# sourceMappingURL=p-c09fc04d.entry.js.map

package/dist/solutions/p-c09fc04d.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["node_modules/@esri/calcite-components/dist/collection/components/calcite-input/resources.js","node_modules/@esri/calcite-components/dist/collection/components/calcite-input/calcite-input.css?tag=calcite-input&encapsulation=shadow","node_modules/@esri/calcite-components/dist/collection/components/calcite-input/calcite-input.js","node_modules/@esri/calcite-components/dist/collection/components/calcite-progress/calcite-progress.css?tag=calcite-progress&encapsulation=shadow","node_modules/@esri/calcite-components/dist/collection/components/calcite-progress/calcite-progress.js"],"names":["CSS","loader","clearButton","editingEnabled","inlineChild","inputIcon","prefix","suffix","numberButtonWrapper","buttonItemHorizontal","wrapper","inputWrapper","actionWrapper","resizeIconWrapper","numberButtonItem","INPUT_TYPE_ICONS","tel","password","email","date","time","search","SLOTS","action","calciteInputCss","CalciteInput","[object Object]","hostRef","this","alignment","autofocus","clearable","disabled","groupSeparator","hidden","intlLoading","TEXT","loading","iconFlipRtl","locale","document","documentElement","lang","localeFormat","numberButtonType","readOnly","required","scale","status","type","childElType","keyDownHandler","event","key","preventDefault","isClearable","getKey","clearInputValue","nativeEvent","setValue","inputBlurHandler","setLocalizedValue","value","calciteInputBlur","emit","element","childEl","preFocusValue","calciteInputChange","inputFocusHandler","target","slottedActionEl","setFocus","calciteInputFocus","inputInputHandler","inputKeyDownHandler","inputNumberInputHandler","delocalizedValue","delocalizeNumberString","inputType","isValidNumber","parseNumberString","childNumberEl","localizedValue","inputNumberKeyDownHandler","nudgeNumberValue","supportedKeys","numberKeys","altKey","ctrlKey","metaKey","isShiftTabEvent","shiftKey","includes","decimalSeparator","getDecimalSeparator","indexOf","direction","KeyboardEvent","repeat","inputMax","maxString","parseFloat","inputMin","minString","valueNudgeDelayInMs","incrementOrDecrementNumberValue","nudgeNumberValueIntervalCount","nudgeNumberValueIntervalId","setInterval","numberButtonMouseUpAndMouseOutHandler","clearInterval","numberButtonMouseDownHandler","dataset","adjustment","setChildElRef","el","setChildNumberElRef","localizeNumberString","committing","previousValue","sanitizeNumberString","endsWith","calciteInputInputEvent","calciteInputInput","defaultPrevented","inputKeyUpHandler","setDisabledAction","_a","max","toString","min","newValue","requestedIcon","setRequestedIcon","icon","isTextarea","length","getElementProp","inlineEditableEl","closest","undefined","connectLabel","connectForm","disconnectLabel","disconnectForm","_b","querySelector","oldValue","property","focus","inputStep","step","Math","abs","inputVal","nudgedValue","finalValue","isNaN","inputValPlaces","decimalPlaces","inputStepPlaces","toFixed","defaultValue","input","_c","_d","minLength","maxLength","setAttribute","removeAttribute","dir","getElementDir","h","class","label","inputClearButton","onClick","tabIndex","iconEl","flipRtl","isHorizontalNumberButton","numberButtonsHorizontalUp","data-adjustment","onMouseDown","onMouseOut","onMouseUp","numberButtonsHorizontalDown","numberButtonsVertical","prefixText","suffixText","localeNumberInput","aria-label","getLabelText","enterKeyHint","inputMode","name","onBlur","onFocus","onInput","onKeyDown","onKeyUp","placeholder","ref","Host","CSS_UTILITY","rtl","HiddenFormInputSlot","component","calciteProgressCss","CalciteProgress","reversed","isDeterminate","barStyles","width","text","aria-valuemax","aria-valuemin","aria-valuenow","role","bar","indeterminate","style"],"mappings":"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","sourcesContent":["/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n */\nexport const CSS = {\n  loader: \"loader\",\n  clearButton: \"clear-button\",\n  editingEnabled: \"editing-enabled\",\n  inlineChild: \"inline-child\",\n  inputIcon: \"icon\",\n  prefix: \"prefix\",\n  suffix: \"suffix\",\n  numberButtonWrapper: \"number-button-wrapper\",\n  buttonItemHorizontal: \"number-button-item--horizontal\",\n  wrapper: \"element-wrapper\",\n  inputWrapper: \"wrapper\",\n  actionWrapper: \"action-wrapper\",\n  resizeIconWrapper: \"resize-icon-wrapper\",\n  numberButtonItem: \"number-button-item\"\n};\nexport const INPUT_TYPE_ICONS = {\n  tel: \"phone\",\n  password: \"lock\",\n  email: \"email-address\",\n  date: \"calendar\",\n  time: \"clock\",\n  search: \"search\"\n};\nexport const SLOTS = {\n  action: \"action\"\n};\n","/* mixins & extensions */\n\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n\n:root {\n  --calcite-animation-timing: 300ms;\n}\n\n.calcite-animate {\n  opacity: 0;\n  animation-fill-mode: both;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n  animation-name: in;\n}\n\n.calcite-animate__in-down {\n  animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n  animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n  animation-name: in-scale;\n}\n\n/**\n* Currently only used in Checkbox.\n*/\n\n:root {\n  --calcite-popper-transition: 150ms ease-in-out;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host([scale=s]) input, :host([scale=s]) .prefix, :host([scale=s]) .suffix {\n  font-size: var(--calcite-font-size--2);\n  line-height: 1rem;\n  padding: 0.5rem;\n  height: 1.5rem;\n}\n\n:host([scale=s]) textarea {\n  height: 1.5rem;\n  min-height: 1.5rem;\n}\n\n:host([scale=s]) .number-button-wrapper, :host([scale=s]) .action-wrapper calcite-button, :host([scale=s]) .action-wrapper calcite-button button {\n  height: 1.5rem;\n}\n\n:host([scale=s]) input[type=file] {\n  height: 1.5rem;\n}\n\n:host([scale=s]) .clear-button {\n  min-height: 1.5rem;\n  min-width: 1.5rem;\n}\n\n:host([scale=s]) textarea {\n  font-size: var(--calcite-font-size--2);\n  line-height: 1rem;\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  height: auto;\n}\n\n:host([scale=m]) input, :host([scale=m]) .prefix, :host([scale=m]) .suffix {\n  font-size: var(--calcite-font-size--1);\n  line-height: 1rem;\n  padding: 0.75rem;\n  height: 2rem;\n}\n\n:host([scale=m]) textarea {\n  min-height: 2rem;\n}\n\n:host([scale=m]) .number-button-wrapper, :host([scale=m]) .action-wrapper calcite-button, :host([scale=m]) .action-wrapper calcite-button button {\n  height: 2rem;\n}\n\n:host([scale=m]) input[type=file] {\n  height: 2rem;\n}\n\n:host([scale=m]) .clear-button {\n  min-height: 2rem;\n  min-width: 2rem;\n}\n\n:host([scale=m]) textarea {\n  font-size: var(--calcite-font-size--1);\n  line-height: 1rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  height: auto;\n}\n\n:host([scale=l]) input, :host([scale=l]) .prefix, :host([scale=l]) .suffix {\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.25rem;\n  padding: 1rem;\n  height: 2.75rem;\n}\n\n:host([scale=l]) textarea {\n  min-height: 2.75rem;\n}\n\n:host([scale=l]) .number-button-wrapper, :host([scale=l]) .action-wrapper calcite-button, :host([scale=l]) .action-wrapper calcite-button button {\n  height: 2.75rem;\n}\n\n:host([scale=l]) input[type=file] {\n  height: 2.75rem;\n}\n\n:host([scale=l]) .clear-button {\n  min-height: 2.75rem;\n  min-width: 2.75rem;\n}\n\n:host([scale=l]) textarea {\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.25rem;\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n  padding-left: 1rem;\n  padding-right: 1rem;\n  height: auto;\n}\n\n:host([disabled]) {\n  pointer-events: none;\n}\n\n:host([disabled]) .wrapper {\n  pointer-events: none;\n  --text-opacity: var(--calcite-ui-opacity-disabled);\n}\n\n:host([disabled]) button, :host([disabled]) textarea, :host([disabled]) input {\n  pointer-events: none;\n}\n\n:host([disabled]) textarea {\n  resize: none;\n}\n\n:host textarea,\n:host input {\n  transition: 150ms ease-in-out, height 0s;\n  -webkit-appearance: none;\n  width: 100%;\n  border-radius: 0;\n  position: relative;\n  max-height: 100%;\n  max-width: 100%;\n  margin: 0;\n  font-weight: var(--calcite-font-weight-normal);\n  font-family: inherit;\n  flex: 1 1 0%;\n  display: flex;\n  color: var(--calcite-ui-text-1);\n  box-sizing: border-box;\n  background-color: var(--calcite-ui-foreground-1);\n}\n\n:host input[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n:host input, :host textarea {\n  color: var(--calcite-ui-text-1);\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--calcite-ui-border-input);\n}\n\n:host input::placeholder, :host input:-ms-input-placeholder, :host input::-ms-input-placeholder, :host textarea::placeholder, :host textarea:-ms-input-placeholder, :host textarea::-ms-input-placeholder {\n  color: var(--calcite-ui-text-3);\n  font-weight: var(--calcite-font-weight-normal);\n}\n\n:host input:focus, :host textarea:focus {\n  border-color: var(--calcite-ui-brand);\n  color: var(--calcite-ui-text-1);\n}\n\n:host input[readonly], :host textarea[readonly] {\n  background-color: var(--calcite-ui-background);\n}\n\n:host input[readonly]:focus, :host textarea[readonly]:focus {\n  color: var(--calcite-ui-text-1);\n}\n\n:host calcite-icon {\n  color: var(--calcite-ui-text-3);\n}\n\n:host textarea,\n:host input {\n  outline-offset: 0;\n  outline-color: transparent;\n  transition: outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;\n}\n\n:host textarea:focus,\n:host input:focus {\n  outline: 2px solid var(--calcite-ui-brand);\n  outline-offset: -2px;\n}\n\n:host([status=invalid]) input, :host([status=invalid]) textarea {\n  border-color: var(--calcite-ui-danger);\n}\n\n:host([status=invalid]) input:focus, :host([status=invalid]) textarea:focus {\n  outline: 2px solid var(--calcite-ui-danger);\n  outline-offset: -2px;\n}\n\n:host([scale=s]) .icon {\n  left: 0.5rem;\n}\n\n:host([scale=s]) .calcite--rtl .icon {\n  left: unset;\n  right: 0.5rem;\n}\n\n:host([scale=m]) .icon {\n  left: 0.75rem;\n}\n\n:host([scale=m]) .calcite--rtl .icon {\n  left: unset;\n  right: 0.75rem;\n}\n\n:host([scale=l]) .icon {\n  left: 1rem;\n}\n\n:host([scale=l]) .calcite--rtl .icon {\n  left: unset;\n  right: 1rem;\n}\n\n:host([icon][scale=s]) input {\n  padding-left: 2rem;\n}\n\n:host([icon][scale=s]) .calcite--rtl input {\n  padding-right: 2rem;\n  padding-left: 0.5rem;\n}\n\n:host([icon][scale=m]) input {\n  padding-left: 2.5rem;\n}\n\n:host([icon][scale=m]) .calcite--rtl input {\n  padding-right: 2.5rem;\n  padding-left: 0.5rem;\n}\n\n:host([icon][scale=l]) input {\n  padding-left: 3rem;\n}\n\n:host([icon][scale=l]) .calcite--rtl input {\n  padding-right: 3rem;\n  padding-left: 0.5rem;\n}\n\n.element-wrapper {\n  display: inline-flex;\n  align-items: center;\n  flex: 1 1 0%;\n  position: relative;\n  order: 3;\n}\n\n.icon {\n  display: block;\n  position: absolute;\n  pointer-events: none;\n  z-index: 10;\n  transition-property: all;\n  transition-duration: 150ms;\n  transition-timing-function: ease-in-out;\n  transition-delay: 0s;\n}\n\ninput[type=text]::-ms-clear,\ninput[type=text]::-ms-reveal {\n  display: none;\n  width: 0;\n  height: 0;\n}\n\ninput[type=search]::-webkit-search-decoration,\ninput[type=search]::-webkit-search-cancel-button,\ninput[type=search]::-webkit-search-results-button,\ninput[type=search]::-webkit-search-results-decoration,\ninput[type=date]::-webkit-clear-button,\ninput[type=time]::-webkit-clear-button {\n  display: none;\n}\n\n.clear-button {\n  pointer-events: initial;\n  outline-offset: 0;\n  outline-color: transparent;\n  transition: outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;\n  display: flex;\n  align-self: stretch;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  cursor: pointer;\n  min-height: 100%;\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--calcite-ui-border-input);\n  background-color: var(--calcite-ui-foreground-1);\n  border-left-width: 0;\n  order: 4;\n  margin: 0;\n}\n\n.clear-button:hover {\n  background-color: var(--calcite-ui-foreground-2);\n  transition-property: all;\n  transition-duration: 150ms;\n  transition-timing-function: ease-in-out;\n  transition-delay: 0s;\n}\n\n.clear-button:hover calcite-icon {\n  color: var(--calcite-ui-text-1);\n  transition-property: all;\n  transition-duration: 150ms;\n  transition-timing-function: ease-in-out;\n  transition-delay: 0s;\n}\n\n.clear-button:active {\n  background-color: var(--calcite-ui-foreground-3);\n}\n\n.clear-button:active calcite-icon {\n  color: var(--calcite-ui-text-1);\n}\n\n.clear-button:focus {\n  outline: 2px solid var(--calcite-ui-brand);\n  outline-offset: -2px;\n}\n\n.clear-button:disabled {\n  opacity: var(--calcite-ui-opacity-disabled);\n}\n\n.calcite--rtl .clear-button {\n  border-left-color: var(--calcite-ui-border-input);\n  border-width: 1px;\n  border-right-width: 0;\n}\n\n.loader {\n  top: 1px;\n  left: 1px;\n  right: 1px;\n  display: block;\n  pointer-events: none;\n  position: absolute;\n}\n\n.action-wrapper {\n  display: flex;\n  order: 7;\n}\n\n.prefix,\n.suffix {\n  display: flex;\n  align-items: center;\n  align-content: center;\n  height: auto;\n  min-height: 100%;\n  -webkit-user-select: none;\n          user-select: none;\n  box-sizing: border-box;\n  font-weight: var(--calcite-font-weight-medium);\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--calcite-ui-border-input);\n  background-color: var(--calcite-ui-background);\n  color: var(--calcite-ui-text-2);\n  line-height: 1;\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n}\n\n.prefix {\n  order: 2;\n  border-right-width: 0;\n}\n\n.suffix {\n  order: 5;\n  border-left-width: 0;\n}\n\n.calcite--rtl .prefix {\n  border-right-width: 1px;\n  border-left-width: 0;\n}\n\n.calcite--rtl .suffix {\n  border-left-width: 1px;\n  border-right-width: 0;\n}\n\n:host([alignment=start]) textarea, :host([alignment=start]) input {\n  text-align: left;\n}\n\n:host([alignment=start]) .calcite--rtl textarea, :host([alignment=start]) .calcite--rtl input {\n  text-align: right;\n}\n\n:host([alignment=end]) textarea, :host([alignment=end]) input {\n  text-align: right;\n}\n\n:host([alignment=end]) .calcite--rtl textarea, :host([alignment=end]) .calcite--rtl input {\n  text-align: left;\n}\n\n:host input[type=number] {\n  -moz-appearance: textfield;\n}\n\n:host input[type=number]::-webkit-inner-spin-button, :host input[type=number]::-webkit-outer-spin-button {\n  -webkit-appearance: none;\n  -moz-appearance: textfield;\n  margin: 0;\n}\n\n.number-button-wrapper {\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  pointer-events: none;\n  order: 6;\n  transition-property: all;\n  transition-duration: 150ms;\n  transition-timing-function: ease-in-out;\n  transition-delay: 0s;\n}\n\n:host([number-button-type=vertical]) .wrapper {\n  flex-direction: row;\n  display: flex;\n}\n\n:host([number-button-type=vertical]) input,\n:host([number-button-type=vertical]) textarea {\n  order: 2;\n}\n\n:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=down] calcite-icon {\n  transform: rotate(-90deg);\n}\n\n:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=up] calcite-icon {\n  transform: rotate(-90deg);\n}\n\n.number-button-item.number-button-item--horizontal[data-adjustment=down], .number-button-item.number-button-item--horizontal[data-adjustment=up] {\n  min-height: 100%;\n  max-height: 100%;\n  order: 1;\n  align-self: stretch;\n}\n\n.number-button-item.number-button-item--horizontal[data-adjustment=down] calcite-icon, .number-button-item.number-button-item--horizontal[data-adjustment=up] calcite-icon {\n  transform: rotate(90deg);\n}\n\n.number-button-item.number-button-item--horizontal[data-adjustment=down] {\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--calcite-ui-border-input);\n  border-right-width: 0;\n}\n\n.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover {\n  background-color: var(--calcite-ui-foreground-2);\n}\n\n.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover calcite-icon {\n  color: var(--calcite-ui-text-1);\n}\n\n.number-button-item.number-button-item--horizontal[data-adjustment=up] {\n  order: 5;\n}\n\n.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover {\n  background-color: var(--calcite-ui-foreground-2);\n}\n\n.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover calcite-icon {\n  color: var(--calcite-ui-text-1);\n}\n\n:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover {\n  background-color: var(--calcite-ui-foreground-2);\n}\n\n:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover calcite-icon {\n  color: var(--calcite-ui-text-1);\n}\n\n:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover {\n  background-color: var(--calcite-ui-foreground-2);\n}\n\n:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover calcite-icon {\n  color: var(--calcite-ui-text-1);\n}\n\n.calcite--rtl .number-button-item.number-button-item--horizontal[data-adjustment=down] {\n  border-width: 1px;\n  border-left-width: 0;\n  border-color: var(--calcite-ui-border-input);\n}\n\n.calcite--rtl .number-button-item.number-button-item--horizontal[data-adjustment=up] {\n  border-width: 1px;\n  border-right-width: 0;\n  border-color: var(--calcite-ui-border-input);\n}\n\n:host([number-button-type=vertical]) .number-button-item[data-adjustment=down],\n:host([number-button-type=vertical]) .calcite--rtl .number-button-item[data-adjustment=down] {\n  border-top-width: 0;\n}\n\n.number-button-item {\n  max-height: 50%;\n  min-height: 50%;\n  pointer-events: initial;\n  display: flex;\n  align-self: center;\n  align-items: center;\n  box-sizing: border-box;\n  cursor: pointer;\n  padding-top: 0;\n  padding-bottom: 0;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--calcite-ui-border-input);\n  background-color: var(--calcite-ui-foreground-1);\n  border-left-width: 0;\n  transition-property: all;\n  transition-duration: 150ms;\n  transition-timing-function: ease-in-out;\n  transition-delay: 0s;\n  margin: 0;\n}\n\n.number-button-item calcite-icon {\n  pointer-events: none;\n  transition-property: all;\n  transition-duration: 150ms;\n  transition-timing-function: ease-in-out;\n  transition-delay: 0s;\n}\n\n.number-button-item:focus {\n  background-color: var(--calcite-ui-foreground-2);\n}\n\n.number-button-item:focus calcite-icon {\n  color: var(--calcite-ui-text-1);\n}\n\n.number-button-item:active {\n  background-color: var(--calcite-ui-foreground-3);\n}\n\n:host([number-button-type=vertical]) .calcite--rtl .number-button-item {\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--calcite-ui-border-input);\n  border-right-width: 0;\n}\n\n.wrapper {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  position: relative;\n}\n\n:host input::-webkit-calendar-picker-indicator {\n  display: none;\n}\n\n:host input[type=date]::-webkit-input-placeholder {\n  visibility: hidden !important;\n}\n\n:host textarea::-webkit-resizer {\n  box-sizing: border-box;\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n}\n\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n  .resize-icon-wrapper {\n    display: none;\n  }\n}\n\n.resize-icon-wrapper {\n  bottom: 2px;\n  right: 2px;\n  background-color: var(--calcite-ui-foreground-1);\n  color: var(--calcite-ui-text-3);\n  position: absolute;\n  z-index: 10;\n  pointer-events: none;\n  width: 0.75rem;\n  height: 0.75rem;\n}\n\n.resize-icon-wrapper calcite-icon {\n  bottom: 0.25rem;\n  right: 0.25rem;\n  transform: rotate(-45deg);\n}\n\n.calcite--rtl textarea::-webkit-resizer {\n  right: unset;\n  left: 0;\n}\n\n.calcite--rtl .resize-icon-wrapper {\n  left: 2px;\n  right: unset;\n}\n\n.calcite--rtl .resize-icon-wrapper calcite-icon {\n  bottom: 0.25rem;\n  right: 0.25rem;\n  transform: rotate(45deg);\n}\n\n:host([type=color]) input {\n  padding: 0.25rem;\n}\n\n:host([type=file]) input {\n  background-color: var(--calcite-ui-foreground-1);\n  cursor: pointer;\n  border-width: 1px;\n  border-style: dashed;\n  border-color: var(--calcite-ui-border-input);\n  text-align: center;\n}\n\n:host([type=file][scale=s]) input {\n  padding-top: 1px;\n  padding-bottom: 1px;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n\n:host([type=file][scale=m]) input {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n\n:host([type=file][scale=l]) input {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n\n:host(.no-bottom-border) input {\n  border-bottom-width: 0;\n}\n\n:host(.border-t-color-1) input {\n  border-top-color: var(--calcite-ui-border-1);\n}\n\n:host .inline-child {\n  transition-property: all;\n  transition-duration: 150ms;\n  transition-timing-function: ease-in-out;\n  transition-delay: 0s;\n  background-color: transparent;\n}\n\n:host .inline-child .editing-enabled {\n  background-color: inherit;\n}\n\n:host .inline-child:not(.editing-enabled) {\n  display: flex;\n  cursor: pointer;\n  border-color: transparent;\n  padding-inline-start: 0;\n}\n\n::slotted(input[slot=hidden-form-input]) {\n  bottom: 0 !important;\n  left: 0 !important;\n  margin: 0 !important;\n  opacity: 0 !important;\n  outline: none !important;\n  padding: 0 !important;\n  position: absolute !important;\n  right: 0 !important;\n  top: 0 !important;\n  transform: none !important;\n  -webkit-appearance: none !important;\n  z-index: -1 !important;\n}","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n */\nimport { Component, Element, Event, h, Host, Method, Prop, State, Watch } from \"@stencil/core\";\nimport { getElementDir, getElementProp, setRequestedIcon } from \"../../utils/dom\";\nimport { getKey } from \"../../utils/key\";\nimport { CSS, INPUT_TYPE_ICONS, SLOTS } from \"./resources\";\nimport { connectLabel, disconnectLabel, getLabelText } from \"../../utils/label\";\nimport { connectForm, disconnectForm, HiddenFormInputSlot } from \"../../utils/form\";\nimport { getDecimalSeparator, delocalizeNumberString, localizeNumberString } from \"../../utils/locale\";\nimport { numberKeys } from \"../../utils/key\";\nimport { isValidNumber, parseNumberString, sanitizeNumberString } from \"../../utils/number\";\nimport { CSS_UTILITY, TEXT } from \"../../utils/resources\";\nimport { decimalPlaces } from \"../../utils/math\";\n/**\n * @slot action - A slot for positioning a button next to an input\n */\nexport class CalciteInput {\n  constructor() {\n    //--------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    //--------------------------------------------------------------------------\n    /** specify the alignment of the value of the input */\n    this.alignment = \"start\";\n    /** should the input autofocus */\n    this.autofocus = false;\n    /** optionally display a clear button that displays when field has a value\n     * shows by default for search, time, date\n     * will not display for type=\"textarea\" */\n    this.clearable = false;\n    /** is the input disabled  */\n    this.disabled = false;\n    /** for number values, displays the locale's group separator */\n    this.groupSeparator = false;\n    /** when true, the component will not be visible */\n    this.hidden = false;\n    /**\n     * string to override English loading text\n     * @default \"Loading\"\n     */\n    this.intlLoading = TEXT.loading;\n    /** flip the icon in rtl */\n    this.iconFlipRtl = false;\n    /** specify if the input is in loading state */\n    this.loading = false;\n    /** BCP 47 language tag for desired language and country format */\n    this.locale = document.documentElement.lang || \"en\";\n    /**\n     * Toggles locale formatting for numbers.\n     * @internal\n     */\n    this.localeFormat = false;\n    /** specify the placement of the number buttons */\n    this.numberButtonType = \"vertical\";\n    /** When true, a field cannot be modified. */\n    this.readOnly = false;\n    /** is the input required */\n    this.required = false;\n    /** specify the scale of the input, defaults to m */\n    this.scale = \"m\";\n    /** specify the status of the input field, determines message and icons */\n    this.status = \"idle\";\n    /** @internal adds inline styles for text input when slotted in calcite-inline-editable */\n    this.editingEnabled = false;\n    /**\n     * specify the input type\n     *\n     * Note that the following types add type-specific icons by default: `date`, `email`, `password`, `search`, `tel`, `time`\n     */\n    this.type = \"text\";\n    /** keep track of the rendered child type */\n    this.childElType = \"input\";\n    //--------------------------------------------------------------------------\n    //\n    //  Private Methods\n    //\n    //--------------------------------------------------------------------------\n    this.keyDownHandler = (event) => {\n      /* prevent default behavior for input to move the cursor to the beginning of the input with every ArrowUp press */\n      if (event.key === \"ArrowUp\") {\n        event.preventDefault();\n      }\n      if (this.readOnly || this.disabled) {\n        return;\n      }\n      if (this.isClearable && getKey(event.key) === \"Escape\") {\n        this.clearInputValue(event);\n        event.preventDefault();\n      }\n    };\n    this.clearInputValue = (nativeEvent) => {\n      this.setValue(null, nativeEvent, true);\n    };\n    this.inputBlurHandler = () => {\n      if (this.type === \"number\") {\n        this.setLocalizedValue(this.value);\n      }\n      this.calciteInputBlur.emit({\n        element: this.childEl,\n        value: this.value\n      });\n      if (this.preFocusValue !== this.value) {\n        this.calciteInputChange.emit();\n      }\n    };\n    this.inputFocusHandler = (event) => {\n      if (event.target !== this.slottedActionEl) {\n        this.setFocus();\n      }\n      this.calciteInputFocus.emit({\n        element: this.childEl,\n        value: this.value\n      });\n      this.preFocusValue = this.value;\n    };\n    this.inputInputHandler = (nativeEvent) => {\n      if (this.disabled || this.readOnly) {\n        return;\n      }\n      this.setValue(nativeEvent.target.value, nativeEvent);\n    };\n    this.inputKeyDownHandler = (event) => {\n      if (this.disabled || this.readOnly) {\n        return;\n      }\n      if (event.key === \"Enter\") {\n        this.calciteInputChange.emit();\n      }\n    };\n    this.inputNumberInputHandler = (nativeEvent) => {\n      if (this.disabled || this.readOnly) {\n        return;\n      }\n      const value = nativeEvent.target.value;\n      const delocalizedValue = delocalizeNumberString(value, this.locale);\n      if (nativeEvent.inputType === \"insertFromPaste\") {\n        if (!isValidNumber(delocalizedValue)) {\n          nativeEvent.preventDefault();\n        }\n        this.setValue(parseNumberString(delocalizedValue), nativeEvent);\n        this.childNumberEl.value = this.localizedValue;\n      }\n      else {\n        this.setValue(delocalizeNumberString(value, this.locale), nativeEvent);\n      }\n    };\n    this.inputNumberKeyDownHandler = (event) => {\n      if (this.type !== \"number\" || this.disabled || this.readOnly) {\n        return;\n      }\n      if (event.key === \"ArrowUp\") {\n        this.nudgeNumberValue(\"up\", event);\n        return;\n      }\n      if (event.key === \"ArrowDown\") {\n        this.nudgeNumberValue(\"down\", event);\n        return;\n      }\n      const supportedKeys = [\n        ...numberKeys,\n        \"ArrowLeft\",\n        \"ArrowRight\",\n        \"Backspace\",\n        \"Delete\",\n        \"Enter\",\n        \"Escape\",\n        \"Tab\",\n        \"-\"\n      ];\n      if (event.altKey || event.ctrlKey || event.metaKey) {\n        return;\n      }\n      const isShiftTabEvent = event.shiftKey && event.key === \"Tab\";\n      if (supportedKeys.includes(event.key) && (!event.shiftKey || isShiftTabEvent)) {\n        if (event.key === \"Enter\") {\n          this.calciteInputChange.emit();\n        }\n        return;\n      }\n      const decimalSeparator = getDecimalSeparator(this.locale);\n      if (event.key === decimalSeparator) {\n        if (!this.value && !this.childNumberEl.value) {\n          return;\n        }\n        if (this.value && this.childNumberEl.value.indexOf(decimalSeparator) === -1) {\n          return;\n        }\n      }\n      event.preventDefault();\n    };\n    this.nudgeNumberValue = (direction, nativeEvent) => {\n      if ((nativeEvent instanceof KeyboardEvent && nativeEvent.repeat) || this.type !== \"number\") {\n        return;\n      }\n      const inputMax = this.maxString ? parseFloat(this.maxString) : null;\n      const inputMin = this.minString ? parseFloat(this.minString) : null;\n      const valueNudgeDelayInMs = 100;\n      this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent);\n      let nudgeNumberValueIntervalCount = 0;\n      this.nudgeNumberValueIntervalId = setInterval(() => {\n        nudgeNumberValueIntervalCount !== 0\n          ? this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent)\n          : null;\n        nudgeNumberValueIntervalCount++;\n      }, valueNudgeDelayInMs);\n    };\n    this.numberButtonMouseUpAndMouseOutHandler = () => {\n      clearInterval(this.nudgeNumberValueIntervalId);\n    };\n    this.numberButtonMouseDownHandler = (event) => {\n      // todo, when dropping ie11 support, refactor to use stepup/stepdown\n      // prevent blur and re-focus of input on mousedown\n      event.preventDefault();\n      const direction = event.target.dataset.adjustment;\n      this.nudgeNumberValue(direction, event);\n    };\n    this.setChildElRef = (el) => {\n      this.childEl = el;\n    };\n    this.setChildNumberElRef = (el) => {\n      this.childNumberEl = el;\n    };\n    this.setLocalizedValue = (value) => {\n      this.localizedValue = localizeNumberString(value, this.locale, this.groupSeparator);\n    };\n    this.setValue = (value, nativeEvent, committing = false) => {\n      const previousValue = this.value;\n      this.value = this.type === \"number\" ? sanitizeNumberString(value) : value;\n      if (this.type === \"number\") {\n        this.setLocalizedValue(this.value);\n      }\n      if (nativeEvent) {\n        if (this.type === \"number\" && (value === null || value === void 0 ? void 0 : value.endsWith(\".\"))) {\n          return;\n        }\n        const calciteInputInputEvent = this.calciteInputInput.emit({\n          element: this.childEl,\n          nativeEvent,\n          value\n        });\n        if (calciteInputInputEvent.defaultPrevented) {\n          this.value = previousValue;\n          this.setLocalizedValue(previousValue);\n        }\n        else if (committing) {\n          this.calciteInputChange.emit();\n        }\n      }\n    };\n    this.inputKeyUpHandler = () => {\n      clearInterval(this.nudgeNumberValueIntervalId);\n    };\n  }\n  disabledWatcher() {\n    this.setDisabledAction();\n  }\n  /** watcher to update number-to-string for max */\n  maxWatcher() {\n    var _a;\n    this.maxString = ((_a = this.max) === null || _a === void 0 ? void 0 : _a.toString()) || null;\n  }\n  /** watcher to update number-to-string for min */\n  minWatcher() {\n    var _a;\n    this.minString = ((_a = this.min) === null || _a === void 0 ? void 0 : _a.toString()) || null;\n  }\n  valueWatcher(newValue) {\n    if (this.type === \"number\" &&\n      this.localizedValue !== localizeNumberString(newValue, this.locale)) {\n      this.setLocalizedValue(newValue);\n    }\n    else if (this.childEl && this.childEl.value !== newValue) {\n      this.childEl.value = newValue;\n    }\n  }\n  updateRequestedIcon() {\n    this.requestedIcon = setRequestedIcon(INPUT_TYPE_ICONS, this.icon, this.type);\n  }\n  get isClearable() {\n    var _a;\n    return !this.isTextarea && (this.clearable || this.type === \"search\") && ((_a = this.value) === null || _a === void 0 ? void 0 : _a.length) > 0;\n  }\n  get isTextarea() {\n    return this.childElType === \"textarea\";\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  connectedCallback() {\n    var _a;\n    this.scale = getElementProp(this.el, \"scale\", this.scale);\n    this.status = getElementProp(this.el, \"status\", this.status);\n    this.inlineEditableEl = this.el.closest(\"calcite-inline-editable\");\n    this.editingEnabled = (_a = this.inlineEditableEl) === null || _a === void 0 ? void 0 : _a.editingEnabled;\n    if (this.type === \"number\" && this.value) {\n      if (isValidNumber(this.value)) {\n        this.localizedValue = localizeNumberString(this.value, this.locale, this.groupSeparator);\n      }\n      else {\n        this.value = undefined;\n      }\n    }\n    connectLabel(this);\n    connectForm(this);\n  }\n  disconnectedCallback() {\n    disconnectLabel(this);\n    disconnectForm(this);\n  }\n  componentWillLoad() {\n    var _a, _b;\n    this.childElType = this.type === \"textarea\" ? \"textarea\" : \"input\";\n    this.maxString = (_a = this.max) === null || _a === void 0 ? void 0 : _a.toString();\n    this.minString = (_b = this.min) === null || _b === void 0 ? void 0 : _b.toString();\n    this.requestedIcon = setRequestedIcon(INPUT_TYPE_ICONS, this.icon, this.type);\n  }\n  componentDidLoad() {\n    this.slottedActionEl = this.el.querySelector(\"[slot=action]\");\n    this.setDisabledAction();\n  }\n  componentShouldUpdate(newValue, oldValue, property) {\n    if (this.type === \"number\" && property === \"value\" && newValue && !isValidNumber(newValue)) {\n      this.value = oldValue;\n      return false;\n    }\n    return true;\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n  /** Sets focus on the component. */\n  async setFocus() {\n    var _a, _b;\n    if (this.type === \"number\") {\n      (_a = this.childNumberEl) === null || _a === void 0 ? void 0 : _a.focus();\n    }\n    else {\n      (_b = this.childEl) === null || _b === void 0 ? void 0 : _b.focus();\n    }\n  }\n  onLabelClick() {\n    this.setFocus();\n  }\n  incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent) {\n    const { value } = this;\n    const inputStep = this.step === \"any\" ? 1 : Math.abs(this.step || 1);\n    const inputVal = value && value !== \"\" ? parseFloat(value) : 0;\n    const adjustment = direction === \"up\" ? 1 : -1;\n    const nudgedValue = inputVal + inputStep * adjustment;\n    const finalValue = (typeof inputMin === \"number\" && !isNaN(inputMin) && nudgedValue < inputMin) ||\n      (typeof inputMax === \"number\" && !isNaN(inputMax) && nudgedValue > inputMax)\n      ? inputVal\n      : nudgedValue;\n    const inputValPlaces = decimalPlaces(inputVal);\n    const inputStepPlaces = decimalPlaces(inputStep);\n    this.setValue(finalValue.toFixed(Math.max(inputValPlaces, inputStepPlaces)), nativeEvent, true);\n  }\n  onFormReset() {\n    this.setValue(this.defaultValue);\n  }\n  syncHiddenFormInput(input) {\n    var _a, _b, _c, _d;\n    if (this.type === \"number\") {\n      input.type = \"number\";\n      input.min = (_b = (_a = this.min) === null || _a === void 0 ? void 0 : _a.toString(10)) !== null && _b !== void 0 ? _b : \"\";\n      input.max = (_d = (_c = this.max) === null || _c === void 0 ? void 0 : _c.toString(10)) !== null && _d !== void 0 ? _d : \"\";\n    }\n    else if (this.type === \"text\") {\n      input.type = \"text\";\n      if (this.minLength != null) {\n        input.minLength = this.minLength;\n      }\n      if (this.maxLength != null) {\n        input.maxLength = this.maxLength;\n      }\n    }\n    else if (this.type === \"password\") {\n      input.type = \"password\";\n    }\n  }\n  setDisabledAction() {\n    if (!this.slottedActionEl) {\n      return;\n    }\n    const slottedActionEl = this.slottedActionEl;\n    this.disabled\n      ? slottedActionEl.setAttribute(\"disabled\", \"\")\n      : slottedActionEl.removeAttribute(\"disabled\");\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n  render() {\n    const dir = getElementDir(this.el);\n    const loader = (h(\"div\", { class: CSS.loader },\n      h(\"calcite-progress\", { label: this.intlLoading, type: \"indeterminate\" })));\n    const inputClearButton = (h(\"button\", { class: CSS.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputValue, tabIndex: this.disabled ? -1 : 0, type: \"button\" },\n      h(\"calcite-icon\", { icon: \"x\", scale: \"s\" })));\n    const iconEl = (h(\"calcite-icon\", { class: CSS.inputIcon, dir: dir, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: \"s\" }));\n    const isHorizontalNumberButton = this.numberButtonType === \"horizontal\";\n    const numberButtonsHorizontalUp = (h(\"button\", { class: {\n        [CSS.numberButtonItem]: true,\n        [CSS.buttonItemHorizontal]: isHorizontalNumberButton\n      }, \"data-adjustment\": \"up\", disabled: this.disabled || this.readOnly, onMouseDown: this.numberButtonMouseDownHandler, onMouseOut: this.numberButtonMouseUpAndMouseOutHandler, onMouseUp: this.numberButtonMouseUpAndMouseOutHandler, tabIndex: -1, type: \"button\" },\n      h(\"calcite-icon\", { icon: \"chevron-up\", scale: \"s\" })));\n    const numberButtonsHorizontalDown = (h(\"button\", { class: {\n        [CSS.numberButtonItem]: true,\n        [CSS.buttonItemHorizontal]: isHorizontalNumberButton\n      }, \"data-adjustment\": \"down\", disabled: this.disabled || this.readOnly, onMouseDown: this.numberButtonMouseDownHandler, onMouseOut: this.numberButtonMouseUpAndMouseOutHandler, onMouseUp: this.numberButtonMouseUpAndMouseOutHandler, tabIndex: -1, type: \"button\" },\n      h(\"calcite-icon\", { icon: \"chevron-down\", scale: \"s\" })));\n    const numberButtonsVertical = (h(\"div\", { class: CSS.numberButtonWrapper },\n      numberButtonsHorizontalUp,\n      numberButtonsHorizontalDown));\n    const prefixText = h(\"div\", { class: CSS.prefix }, this.prefixText);\n    const suffixText = h(\"div\", { class: CSS.suffix }, this.suffixText);\n    const localeNumberInput = this.type === \"number\" ? (h(\"input\", { \"aria-label\": getLabelText(this), autofocus: this.autofocus ? true : null, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.el.enterKeyHint, inputMode: this.el.inputMode, key: \"localized-input\", maxLength: this.maxLength, minLength: this.minLength, name: undefined, onBlur: this.inputBlurHandler, onFocus: this.inputFocusHandler, onInput: this.inputNumberInputHandler, onKeyDown: this.inputNumberKeyDownHandler, onKeyUp: this.inputKeyUpHandler, placeholder: this.placeholder || \"\", readOnly: this.readOnly, ref: this.setChildNumberElRef, tabIndex: this.disabled ? -1 : 0, type: \"text\", value: this.localizedValue })) : null;\n    const childEl = this.type !== \"number\"\n      ? [\n        h(this.childElType, { \"aria-label\": getLabelText(this), autofocus: this.autofocus ? true : null, class: {\n            [CSS.editingEnabled]: this.editingEnabled,\n            [CSS.inlineChild]: !!this.inlineEditableEl\n          }, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.el.enterKeyHint, inputMode: this.el.inputMode, max: this.maxString, maxLength: this.maxLength, min: this.minString, minLength: this.minLength, name: this.name, onBlur: this.inputBlurHandler, onFocus: this.inputFocusHandler, onInput: this.inputInputHandler, onKeyDown: this.inputKeyDownHandler, onKeyUp: this.inputKeyUpHandler, placeholder: this.placeholder || \"\", readOnly: this.readOnly, ref: this.setChildElRef, required: this.required ? true : null, step: this.step, tabIndex: this.disabled || (this.inlineEditableEl && !this.editingEnabled) ? -1 : null, type: this.type, value: this.value }),\n        this.isTextarea ? (h(\"div\", { class: CSS.resizeIconWrapper },\n          h(\"calcite-icon\", { icon: \"chevron-down\", scale: \"s\" }))) : null\n      ]\n      : null;\n    return (h(Host, { onClick: this.inputFocusHandler, onKeyDown: this.keyDownHandler },\n      h(\"div\", { class: { [CSS.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === \"rtl\" }, dir: dir },\n        this.type === \"number\" && this.numberButtonType === \"horizontal\"\n          ? numberButtonsHorizontalDown\n          : null,\n        this.prefixText ? prefixText : null,\n        h(\"div\", { class: CSS.wrapper },\n          localeNumberInput,\n          childEl,\n          this.isClearable ? inputClearButton : null,\n          this.requestedIcon ? iconEl : null,\n          this.loading ? loader : null),\n        h(\"div\", { class: CSS.actionWrapper },\n          h(\"slot\", { name: SLOTS.action })),\n        this.type === \"number\" && this.numberButtonType === \"vertical\"\n          ? numberButtonsVertical\n          : null,\n        this.suffixText ? suffixText : null,\n        this.type === \"number\" && this.numberButtonType === \"horizontal\"\n          ? numberButtonsHorizontalUp\n          : null,\n        h(HiddenFormInputSlot, { component: this }))));\n  }\n  static get is() { return \"calcite-input\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() { return {\n    \"$\": [\"calcite-input.scss\"]\n  }; }\n  static get styleUrls() { return {\n    \"$\": [\"calcite-input.css\"]\n  }; }\n  static get properties() { return {\n    \"alignment\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"Position\",\n        \"resolved\": \"\\\"end\\\" | \\\"start\\\"\",\n        \"references\": {\n          \"Position\": {\n            \"location\": \"import\",\n            \"path\": \"../interfaces\"\n          }\n        }\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"specify the alignment of the value of the input\"\n      },\n      \"attribute\": \"alignment\",\n      \"reflect\": true,\n      \"defaultValue\": \"\\\"start\\\"\"\n    },\n    \"autofocus\": {\n      \"type\": \"boolean\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"should the input autofocus\"\n      },\n      \"attribute\": \"autofocus\",\n      \"reflect\": false,\n      \"defaultValue\": \"false\"\n    },\n    \"clearable\": {\n      \"type\": \"boolean\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"optionally display a clear button that displays when field has a value\\nshows by default for search, time, date\\nwill not display for type=\\\"textarea\\\"\"\n      },\n      \"attribute\": \"clearable\",\n      \"reflect\": true,\n      \"defaultValue\": \"false\"\n    },\n    \"disabled\": {\n      \"type\": \"boolean\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"is the input disabled\"\n      },\n      \"attribute\": \"disabled\",\n      \"reflect\": true,\n      \"defaultValue\": \"false\"\n    },\n    \"groupSeparator\": {\n      \"type\": \"boolean\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"for number values, displays the locale's group separator\"\n      },\n      \"attribute\": \"group-separator\",\n      \"reflect\": false,\n      \"defaultValue\": \"false\"\n    },\n    \"hidden\": {\n      \"type\": \"boolean\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"when true, the component will not be visible\"\n      },\n      \"attribute\": \"hidden\",\n      \"reflect\": false,\n      \"defaultValue\": \"false\"\n    },\n    \"icon\": {\n      \"type\": \"any\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string | boolean\",\n        \"resolved\": \"boolean | string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"when used as a boolean set to true, show a default recommended icon for certain\\ninput types (tel, password, email, date, time, search). You can also pass a\\ncalcite-ui-icon name to this prop to display a requested icon for any input type\"\n      },\n      \"attribute\": \"icon\",\n      \"reflect\": true\n    },\n    \"intlLoading\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": true,\n      \"docs\": {\n        \"tags\": [{\n            \"name\": \"default\",\n            \"text\": \"\\\"Loading\\\"\"\n          }],\n        \"text\": \"string to override English loading text\"\n      },\n      \"attribute\": \"intl-loading\",\n      \"reflect\": false,\n      \"defaultValue\": \"TEXT.loading\"\n    },\n    \"iconFlipRtl\": {\n      \"type\": \"boolean\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"flip the icon in rtl\"\n      },\n      \"attribute\": \"icon-flip-rtl\",\n      \"reflect\": true,\n      \"defaultValue\": \"false\"\n    },\n    \"label\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Applies to the aria-label attribute on the button or hyperlink\"\n      },\n      \"attribute\": \"label\",\n      \"reflect\": false\n    },\n    \"loading\": {\n      \"type\": \"boolean\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"specify if the input is in loading state\"\n      },\n      \"attribute\": \"loading\",\n      \"reflect\": true,\n      \"defaultValue\": \"false\"\n    },\n    \"locale\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"BCP 47 language tag for desired language and country format\"\n      },\n      \"attribute\": \"locale\",\n      \"reflect\": false,\n      \"defaultValue\": \"document.documentElement.lang || \\\"en\\\"\"\n    },\n    \"localeFormat\": {\n      \"type\": \"boolean\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [{\n            \"name\": \"internal\",\n            \"text\": undefined\n          }],\n        \"text\": \"Toggles locale formatting for numbers.\"\n      },\n      \"attribute\": \"locale-format\",\n      \"reflect\": false,\n      \"defaultValue\": \"false\"\n    },\n    \"max\": {\n      \"type\": \"number\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"number\",\n        \"resolved\": \"number\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"input max\"\n      },\n      \"attribute\": \"max\",\n      \"reflect\": true\n    },\n    \"min\": {\n      \"type\": \"number\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"number\",\n        \"resolved\": \"number\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"input min\"\n      },\n      \"attribute\": \"min\",\n      \"reflect\": true\n    },\n    \"maxlength\": {\n      \"type\": \"number\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"number\",\n        \"resolved\": \"number\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": true,\n      \"docs\": {\n        \"tags\": [{\n            \"name\": \"deprecated\",\n            \"text\": \"use maxLength instead\"\n          }],\n        \"text\": \"Maximum length of text input.\"\n      },\n      \"attribute\": \"maxlength\",\n      \"reflect\": true\n    },\n    \"maxLength\": {\n      \"type\": \"number\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"number\",\n        \"resolved\": \"number\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Maximum length of the input value\"\n      },\n      \"attribute\": \"max-length\",\n      \"reflect\": true\n    },\n    \"minLength\": {\n      \"type\": \"number\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"number\",\n        \"resolved\": \"number\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Minimum length of the text input\"\n      },\n      \"attribute\": \"min-length\",\n      \"reflect\": true\n    },\n    \"name\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"The name of the input\"\n      },\n      \"attribute\": \"name\",\n      \"reflect\": true\n    },\n    \"numberButtonType\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"InputPlacement\",\n        \"resolved\": \"\\\"horizontal\\\" | \\\"none\\\" | \\\"vertical\\\"\",\n        \"references\": {\n          \"InputPlacement\": {\n            \"location\": \"import\",\n            \"path\": \"./interfaces\"\n          }\n        }\n      },\n      \"required\": false,\n      \"optional\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"specify the placement of the number buttons\"\n      },\n      \"attribute\": \"number-button-type\",\n      \"reflect\": true,\n      \"defaultValue\": \"\\\"vertical\\\"\"\n    },\n    \"placeholder\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"explicitly whitelist placeholder attribute\"\n      },\n      \"attribute\": \"placeholder\",\n      \"reflect\": false\n    },\n    \"prefixText\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"optionally add prefix\"\n      },\n      \"attribute\": \"prefix-text\",\n      \"reflect\": false\n    },\n    \"readOnly\": {\n      \"type\": \"boolean\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"When true, a field cannot be modified.\"\n      },\n      \"attribute\": \"read-only\",\n      \"reflect\": false,\n      \"defaultValue\": \"false\"\n    },\n    \"required\": {\n      \"type\": \"boolean\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"is the input required\"\n      },\n      \"attribute\": \"required\",\n      \"reflect\": false,\n      \"defaultValue\": \"false\"\n    },\n    \"scale\": {\n      \"type\": \"string\",\n      \"mutable\": true,\n      \"complexType\": {\n        \"original\": \"Scale\",\n        \"resolved\": \"\\\"l\\\" | \\\"m\\\" | \\\"s\\\"\",\n        \"references\": {\n          \"Scale\": {\n            \"location\": \"import\",\n            \"path\": \"../interfaces\"\n          }\n        }\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"specify the scale of the input, defaults to m\"\n      },\n      \"attribute\": \"scale\",\n      \"reflect\": true,\n      \"defaultValue\": \"\\\"m\\\"\"\n    },\n    \"status\": {\n      \"type\": \"string\",\n      \"mutable\": true,\n      \"complexType\": {\n        \"original\": \"Status\",\n        \"resolved\": \"\\\"idle\\\" | \\\"invalid\\\" | \\\"valid\\\"\",\n        \"references\": {\n          \"Status\": {\n            \"location\": \"import\",\n            \"path\": \"../interfaces\"\n          }\n        }\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"specify the status of the input field, determines message and icons\"\n      },\n      \"attribute\": \"status\",\n      \"reflect\": true,\n      \"defaultValue\": \"\\\"idle\\\"\"\n    },\n    \"step\": {\n      \"type\": \"any\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"number | \\\"any\\\"\",\n        \"resolved\": \"\\\"any\\\" | number\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"input step\"\n      },\n      \"attribute\": \"step\",\n      \"reflect\": true\n    },\n    \"suffixText\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"optionally add suffix  *\"\n      },\n      \"attribute\": \"suffix-text\",\n      \"reflect\": false\n    },\n    \"editingEnabled\": {\n      \"type\": \"boolean\",\n      \"mutable\": true,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [{\n            \"name\": \"internal\",\n            \"text\": \"adds inline styles for text input when slotted in calcite-inline-editable\"\n          }],\n        \"text\": \"\"\n      },\n      \"attribute\": \"editing-enabled\",\n      \"reflect\": true,\n      \"defaultValue\": \"false\"\n    },\n    \"type\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"| \\\"color\\\"\\n    | \\\"date\\\"\\n    | \\\"datetime-local\\\"\\n    | \\\"email\\\"\\n    | \\\"file\\\"\\n    | \\\"image\\\"\\n    | \\\"month\\\"\\n    | \\\"number\\\"\\n    | \\\"password\\\"\\n    | \\\"search\\\"\\n    | \\\"tel\\\"\\n    | \\\"text\\\"\\n    | \\\"textarea\\\"\\n    | \\\"time\\\"\\n    | \\\"url\\\"\\n    | \\\"week\\\"\",\n        \"resolved\": \"\\\"color\\\" | \\\"date\\\" | \\\"datetime-local\\\" | \\\"email\\\" | \\\"file\\\" | \\\"image\\\" | \\\"month\\\" | \\\"number\\\" | \\\"password\\\" | \\\"search\\\" | \\\"tel\\\" | \\\"text\\\" | \\\"textarea\\\" | \\\"time\\\" | \\\"url\\\" | \\\"week\\\"\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"specify the input type\\n\\nNote that the following types add type-specific icons by default: `date`, `email`, `password`, `search`, `tel`, `time`\"\n      },\n      \"attribute\": \"type\",\n      \"reflect\": true,\n      \"defaultValue\": \"\\\"text\\\"\"\n    },\n    \"value\": {\n      \"type\": \"string\",\n      \"mutable\": true,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"input value\"\n      },\n      \"attribute\": \"value\",\n      \"reflect\": false\n    }\n  }; }\n  static get states() { return {\n    \"localizedValue\": {}\n  }; }\n  static get events() { return [{\n      \"method\": \"calciteInputFocus\",\n      \"name\": \"calciteInputFocus\",\n      \"bubbles\": true,\n      \"cancelable\": true,\n      \"composed\": true,\n      \"docs\": {\n        \"tags\": [{\n            \"name\": \"internal\",\n            \"text\": undefined\n          }],\n        \"text\": \"\"\n      },\n      \"complexType\": {\n        \"original\": \"any\",\n        \"resolved\": \"any\",\n        \"references\": {}\n      }\n    }, {\n      \"method\": \"calciteInputBlur\",\n      \"name\": \"calciteInputBlur\",\n      \"bubbles\": true,\n      \"cancelable\": true,\n      \"composed\": true,\n      \"docs\": {\n        \"tags\": [{\n            \"name\": \"internal\",\n            \"text\": undefined\n          }],\n        \"text\": \"\"\n      },\n      \"complexType\": {\n        \"original\": \"any\",\n        \"resolved\": \"any\",\n        \"references\": {}\n      }\n    }, {\n      \"method\": \"calciteInputInput\",\n      \"name\": \"calciteInputInput\",\n      \"bubbles\": true,\n      \"cancelable\": true,\n      \"composed\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"This event fires each time a new value is typed.\"\n      },\n      \"complexType\": {\n        \"original\": \"any\",\n        \"resolved\": \"any\",\n        \"references\": {}\n      }\n    }, {\n      \"method\": \"calciteInputChange\",\n      \"name\": \"calciteInputChange\",\n      \"bubbles\": true,\n      \"cancelable\": true,\n      \"composed\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"This event fires each time a new value is typed and committed.\"\n      },\n      \"complexType\": {\n        \"original\": \"void\",\n        \"resolved\": \"void\",\n        \"references\": {}\n      }\n    }]; }\n  static get methods() { return {\n    \"setFocus\": {\n      \"complexType\": {\n        \"signature\": \"() => Promise<void>\",\n        \"parameters\": [],\n        \"references\": {\n          \"Promise\": {\n            \"location\": \"global\"\n          }\n        },\n        \"return\": \"Promise<void>\"\n      },\n      \"docs\": {\n        \"text\": \"Sets focus on the component.\",\n        \"tags\": []\n      }\n    }\n  }; }\n  static get elementRef() { return \"el\"; }\n  static get watchers() { return [{\n      \"propName\": \"disabled\",\n      \"methodName\": \"disabledWatcher\"\n    }, {\n      \"propName\": \"max\",\n      \"methodName\": \"maxWatcher\"\n    }, {\n      \"propName\": \"min\",\n      \"methodName\": \"minWatcher\"\n    }, {\n      \"propName\": \"value\",\n      \"methodName\": \"valueWatcher\"\n    }, {\n      \"propName\": \"icon\",\n      \"methodName\": \"updateRequestedIcon\"\n    }, {\n      \"propName\": \"type\",\n      \"methodName\": \"updateRequestedIcon\"\n    }]; }\n}\n","/* mixins & extensions */\n\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n\n:root {\n  --calcite-animation-timing: 300ms;\n}\n\n.calcite-animate {\n  opacity: 0;\n  animation-fill-mode: both;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n  animation-name: in;\n}\n\n.calcite-animate__in-down {\n  animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n  animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n  animation-name: in-scale;\n}\n\n/**\n* Currently only used in Checkbox.\n*/\n\n:root {\n  --calcite-popper-transition: 150ms ease-in-out;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host {\n  position: relative;\n  display: block;\n  width: 100%;\n}\n\n.track,\n.bar {\n  position: absolute;\n  top: 0;\n  height: 2px;\n}\n\n.track {\n  z-index: 0;\n  width: 100%;\n  overflow: hidden;\n  background: var(--calcite-ui-border-3);\n}\n\n.bar {\n  background-color: var(--calcite-ui-brand);\n  z-index: 0;\n}\n\n.indeterminate {\n  width: 20%;\n  animation: looping-progress-bar-ani 2200ms linear infinite;\n}\n\n.reversed {\n  animation-direction: reverse;\n}\n\n.text {\n  padding-top: 1rem;\n  padding-bottom: 0;\n  padding-left: 0;\n  padding-right: 0;\n  text-align: center;\n  font-size: var(--calcite-font-size--2);\n  line-height: 1rem;\n  font-weight: var(--calcite-font-weight-medium);\n}\n\n@keyframes looping-progress-bar-ani {\n  0% {\n    transform: translate3d(-100%, 0, 0);\n  }\n\n  50% {\n    width: 40%;\n  }\n\n  100% {\n    transform: translate3d(600%, 0, 0);\n  }\n}","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n */\nimport { Component, Element, h, Prop } from \"@stencil/core\";\nexport class CalciteProgress {\n  constructor() {\n    /** Use indeterminate if finding actual progress value is impossible */\n    this.type = \"determinate\";\n    /** Fraction completed, in the range of 0 - 1.0 */\n    this.value = 0;\n    /** For indeterminate progress bars, reverse the animation direction */\n    this.reversed = false;\n  }\n  render() {\n    const isDeterminate = this.type === \"determinate\";\n    const barStyles = isDeterminate ? { width: `${this.value * 100}%` } : {};\n    return (h(\"div\", { \"aria-label\": this.label || this.text, \"aria-valuemax\": 1, \"aria-valuemin\": 0, \"aria-valuenow\": this.value, role: \"progressbar\" },\n      h(\"div\", { class: \"track\" },\n        h(\"div\", { class: {\n            bar: true,\n            indeterminate: this.type === \"indeterminate\",\n            reversed: this.reversed\n          }, style: barStyles })),\n      this.text ? h(\"div\", { class: \"text\" }, this.text) : null));\n  }\n  static get is() { return \"calcite-progress\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() { return {\n    \"$\": [\"calcite-progress.scss\"]\n  }; }\n  static get styleUrls() { return {\n    \"$\": [\"calcite-progress.css\"]\n  }; }\n  static get properties() { return {\n    \"type\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"\\\"indeterminate\\\" | \\\"determinate\\\"\",\n        \"resolved\": \"\\\"determinate\\\" | \\\"indeterminate\\\"\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Use indeterminate if finding actual progress value is impossible\"\n      },\n      \"attribute\": \"type\",\n      \"reflect\": false,\n      \"defaultValue\": \"\\\"determinate\\\"\"\n    },\n    \"value\": {\n      \"type\": \"number\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"number\",\n        \"resolved\": \"number\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Fraction completed, in the range of 0 - 1.0\"\n      },\n      \"attribute\": \"value\",\n      \"reflect\": false,\n      \"defaultValue\": \"0\"\n    },\n    \"label\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Label for the progress indicator\"\n      },\n      \"attribute\": \"label\",\n      \"reflect\": false\n    },\n    \"text\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Text to display for the progress indicator\"\n      },\n      \"attribute\": \"text\",\n      \"reflect\": false\n    },\n    \"reversed\": {\n      \"type\": \"boolean\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"For indeterminate progress bars, reverse the animation direction\"\n      },\n      \"attribute\": \"reversed\",\n      \"reflect\": false,\n      \"defaultValue\": \"false\"\n    }\n  }; }\n  static get elementRef() { return \"el\"; }\n}\n"]}

package/dist/solutions/p-c11f84d9.entry.js

@@ -1,11 +0,0 @@
-/*!
- * Copyright 2021 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import{r as i,c as a,h as e,g as t}from"./p-2e1cd889.js";import{b as c,a as r,C as o}from"./p-e762b2d1.js";import{g as n}from"./p-ec178ea9.js";
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- */const l={title:"title",close:"close",chipImageContainer:"chip-image-container",calciteChipIcon:"calcite-chip--icon"};const s={close:"Close"};const p={image:"image"};const h={close:"x"};const d="@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:300ms}.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}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host([scale=s]){height:1.5rem;font-size:var(--calcite-font-size--2);--calcite-chip-spacing-unit-l:0.5rem;--calcite-chip-spacing-unit-s:0.25rem}:host([scale=s]) .chip-image-container{height:1.25rem;width:1.25rem}:host([scale=m]){height:2rem;font-size:var(--calcite-font-size--1);--calcite-chip-spacing-unit-l:0.75rem;--calcite-chip-spacing-unit-s:6px}:host([scale=m]) .chip-image-container{height:1.5rem;width:1.5rem;padding-left:0.25rem}:host([scale=l]){height:2.75rem;font-size:var(--calcite-font-size-0);--calcite-chip-spacing-unit-l:1rem;--calcite-chip-spacing-unit-s:0.5rem}:host([scale=l]) .chip-image-container{height:2rem;width:2rem;padding-left:0.25rem}:host([scale=m]) .calcite--rtl .chip-image-container{padding-left:0;padding-right:0.25rem}:host([scale=l]) .calcite--rtl .chip-image-container{padding-left:0;padding-right:0.25rem}:host{display:inline-flex;align-items:center;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-1);color:var(--calcite-ui-text-1);font-weight:var(--calcite-font-weight-medium);cursor:default;border-radius:9999px;box-sizing:border-box;--calcite-chip-button-border-radius:0 50px 50px 0}.container{display:inline-flex;align-items:center;height:100%;max-width:100%}.title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calcite--rtl{text-align:right;--calcite-chip-button-border-radius:50px 0 0 50px}:host span{padding:0 var(--calcite-chip-spacing-unit-l)}:host([dismissible]) span{padding:0 var(--calcite-chip-spacing-unit-s) 0 var(--calcite-chip-spacing-unit-l)}:host([dismissible]) .calcite--rtl span{padding:0 var(--calcite-chip-spacing-unit-l) 0 var(--calcite-chip-spacing-unit-s)}:host([icon]:not([dismissible])) span{padding:0 var(--calcite-chip-spacing-unit-l)}:host([icon]:not([dismissible])) .calcite--rtl span{padding:0 var(--calcite-chip-spacing-unit-l)}:host button{margin:0;background-color:transparent;outline-offset:0;outline-color:transparent;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;display:inline-flex;min-height:100%;max-height:100%;align-self:stretch;align-items:center;border-style:none;cursor:pointer;transition-property:all;transition-duration:150ms;transition-timing-function:ease-in-out;transition-delay:0s;color:var(--calcite-ui-text-1);-webkit-appearance:none;border-radius:var(--calcite-chip-button-border-radius);padding:0 var(--calcite-chip-spacing-unit-s);color:inherit;--calcite-chip-transparent-hover:var(--calcite-button-transparent-hover);--calcite-chip-transparent-press:var(--calcite-button-transparent-press)}:host button:hover{background-color:var(--calcite-chip-transparent-hover)}:host button:focus{background-color:var(--calcite-chip-transparent-hover);outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host button:active{background-color:var(--calcite-chip-transparent-press)}.chip-image-container{border-radius:50%;overflow:hidden;display:inline-flex}:host slot[name=image]::slotted(*){display:flex;height:100%;width:100%;border-radius:50%;overflow:hidden}.calcite-chip--icon{display:inline-flex;position:relative;margin-top:0;margin-bottom:0;margin-right:0;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-left:var(--calcite-chip-spacing-unit-l);border-radius:var(--calcite-chip-button-border-radius)}.calcite--rtl .calcite-chip--icon{margin-top:0;margin-bottom:0;margin-left:0;margin-right:var(--calcite-chip-spacing-unit-l)}:host([color=blue][appearance=solid]){border-color:transparent;background-color:var(--calcite-ui-info);color:var(--calcite-ui-text-inverse)}:host([color=red][appearance=solid]){border-color:transparent;background-color:var(--calcite-ui-danger);color:var(--calcite-ui-text-inverse)}:host([color=yellow][appearance=solid]){border-color:transparent;background-color:var(--calcite-ui-warning);color:#151515}:host([color=green][appearance=solid]){border-color:transparent;background-color:var(--calcite-ui-success);color:#151515}:host([color=grey][appearance=solid]){border-color:transparent;background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}:host([color=grey][appearance=solid]) button,:host([color=grey][appearance=solid]) calcite-icon{color:var(--calcite-ui-text-3)}:host([color=blue][appearance=clear]){border-color:var(--calcite-ui-info)}:host([color=blue][appearance=clear]) .calcite-chip--icon{color:var(--calcite-ui-info)}:host([color=red][appearance=clear]){border-color:var(--calcite-ui-danger)}:host([color=red][appearance=clear]) .calcite-chip--icon{color:var(--calcite-ui-danger)}:host([color=yellow][appearance=clear]){border-color:var(--calcite-ui-warning)}:host([color=yellow][appearance=clear]) .calcite-chip--icon{color:var(--calcite-ui-warning)}:host([color=green][appearance=clear]){border-color:var(--calcite-ui-success)}:host([color=green][appearance=clear]) .calcite-chip--icon{color:var(--calcite-ui-success)}:host([color=grey][appearance=clear]){border-color:var(--calcite-ui-border-1)}:host([color=grey][appearance=clear]) .calcite-chip--icon{color:var(--calcite-ui-text-3)}";let u=class{constructor(e){i(this,e);this.calciteChipDismiss=a(this,"calciteChipDismiss",7);this.appearance="solid";this.color="grey";this.dismissible=false;this.dismissLabel=s.close;this.iconFlipRtl=false;this.scale="m";this.closeClickHandler=i=>{i.preventDefault();this.calciteChipDismiss.emit(this.el)};this.guid=n()}async setFocus(){var i;(i=this.closeButton)===null||i===void 0?void 0:i.focus()}renderChipImage(){const{el:i}=this;const a=c(i,p.image);return a?e("div",{class:l.chipImageContainer},e("slot",{name:p.image})):null}render(){const i=r(this.el);const a=e("calcite-icon",{class:l.calciteChipIcon,dir:i,flipRtl:this.iconFlipRtl,icon:this.icon,scale:"s"});const t=e("button",{"aria-describedby":this.guid,"aria-label":this.dismissLabel,class:l.close,onClick:this.closeClickHandler,ref:i=>this.closeButton=i},e("calcite-icon",{icon:h.close,scale:"s"}));return e("div",{class:{container:true,[o.rtl]:i==="rtl"}},this.renderChipImage(),this.icon?a:null,e("span",{class:l.title,id:this.guid},e("slot",null)),this.dismissible?t:null)}get el(){return t(this)}};u.style=d;export{u as calcite_chip};
-//# sourceMappingURL=p-c11f84d9.entry.js.map

package/dist/solutions/p-c11f84d9.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["node_modules/@esri/calcite-components/dist/collection/components/calcite-chip/resources.js","node_modules/@esri/calcite-components/dist/collection/components/calcite-chip/calcite-chip.css?tag=calcite-chip&encapsulation=shadow","node_modules/@esri/calcite-components/dist/collection/components/calcite-chip/calcite-chip.js"],"names":["CSS","title","close","chipImageContainer","calciteChipIcon","TEXT","SLOTS","image","ICONS","calciteChipCss","CalciteChip","[object Object]","hostRef","this","appearance","color","dismissible","dismissLabel","iconFlipRtl","scale","closeClickHandler","event","preventDefault","calciteChipDismiss","emit","el","guid","_a","closeButton","focus","hasChipImage","getSlotted","h","class","name","dir","getElementDir","iconEl","flipRtl","icon","aria-describedby","aria-label","onClick","ref","container","CSS_UTILITY","rtl","renderChipImage","id"],"mappings":";;;;;;;;;GAIO,MAAMA,EAAM,CACjBC,MAAO,QACPC,MAAO,QACPC,mBAAoB,uBACpBC,gBAAiB,sBAEZ,MAAMC,EAAO,CAClBH,MAAO,SAEF,MAAMI,EAAQ,CACnBC,MAAO,SAEF,MAAMC,EAAQ,CACnBN,MAAO,KCjBT,MAAMO,EAAiB,qtLCaVC,EAAW,MACtBC,YAAAC,oEAOEC,KAAKC,WAAa,QAElBD,KAAKE,MAAQ,OAEbF,KAAKG,YAAc,MAInBH,KAAKI,aAAeZ,EAAKH,MAEzBW,KAAKK,YAAc,MAEnBL,KAAKM,MAAQ,IAMbN,KAAKO,kBAAqBC,IACxBA,EAAMC,iBACNT,KAAKU,mBAAmBC,KAAKX,KAAKY,KAEpCZ,KAAKa,KAAOA,IAQdf,iBACE,IAAIgB,GACHA,EAAKd,KAAKe,eAAiB,MAAQD,SAAY,OAAS,EAAIA,EAAGE,QAOlElB,kBACE,MAAMc,GAAEA,GAAOZ,KACf,MAAMiB,EAAeC,EAAWN,EAAInB,EAAMC,OAC1C,OAAOuB,EAAgBE,EAAE,MAAO,CAAEC,MAAOjC,EAAIG,oBAC3C6B,EAAE,OAAQ,CAAEE,KAAM5B,EAAMC,SAAa,KAEzCI,SACE,MAAMwB,EAAMC,EAAcvB,KAAKY,IAC/B,MAAMY,EAAUL,EAAE,eAAgB,CAAEC,MAAOjC,EAAII,gBAAiB+B,IAAKA,EAAKG,QAASzB,KAAKK,YAAaqB,KAAM1B,KAAK0B,KAAMpB,MAAO,MAC7H,MAAMS,EAAeI,EAAE,SAAU,CAAEQ,mBAAoB3B,KAAKa,KAAMe,aAAc5B,KAAKI,aAAcgB,MAAOjC,EAAIE,MAAOwC,QAAS7B,KAAKO,kBAAmBuB,IAAMlB,GAAQZ,KAAKe,YAAcH,GACrLO,EAAE,eAAgB,CAAEO,KAAM/B,EAAMN,MAAOiB,MAAO,OAChD,OAAQa,EAAE,MAAO,CAAEC,MAAO,CAAEW,UAAW,KAAMjC,CAACkC,EAAYC,KAAMX,IAAQ,QACtEtB,KAAKkC,kBACLlC,KAAK0B,KAAOF,EAAS,KACrBL,EAAE,OAAQ,CAAEC,MAAOjC,EAAIC,MAAO+C,GAAInC,KAAKa,MACrCM,EAAE,OAAQ,OACZnB,KAAKG,YAAcY,EAAc","sourcesContent":["/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n */\nexport const CSS = {\n  title: \"title\",\n  close: \"close\",\n  chipImageContainer: \"chip-image-container\",\n  calciteChipIcon: \"calcite-chip--icon\"\n};\nexport const TEXT = {\n  close: \"Close\"\n};\nexport const SLOTS = {\n  image: \"image\"\n};\nexport const ICONS = {\n  close: \"x\"\n};\n","/* mixins & extensions */\n\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n\n:root {\n  --calcite-animation-timing: 300ms;\n}\n\n.calcite-animate {\n  opacity: 0;\n  animation-fill-mode: both;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n  animation-name: in;\n}\n\n.calcite-animate__in-down {\n  animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n  animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n  animation-name: in-scale;\n}\n\n/**\n* Currently only used in Checkbox.\n*/\n\n:root {\n  --calcite-popper-transition: 150ms ease-in-out;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host([scale=s]) {\n  height: 1.5rem;\n  font-size: var(--calcite-font-size--2);\n  --calcite-chip-spacing-unit-l: 0.5rem;\n  --calcite-chip-spacing-unit-s: 0.25rem;\n}\n\n:host([scale=s]) .chip-image-container {\n  height: 1.25rem;\n  width: 1.25rem;\n}\n\n:host([scale=m]) {\n  height: 2rem;\n  font-size: var(--calcite-font-size--1);\n  --calcite-chip-spacing-unit-l: 0.75rem;\n  --calcite-chip-spacing-unit-s: 6px;\n}\n\n:host([scale=m]) .chip-image-container {\n  height: 1.5rem;\n  width: 1.5rem;\n  padding-left: 0.25rem;\n}\n\n:host([scale=l]) {\n  height: 2.75rem;\n  font-size: var(--calcite-font-size-0);\n  --calcite-chip-spacing-unit-l: 1rem;\n  --calcite-chip-spacing-unit-s: 0.5rem;\n}\n\n:host([scale=l]) .chip-image-container {\n  height: 2rem;\n  width: 2rem;\n  padding-left: 0.25rem;\n}\n\n:host([scale=m]) .calcite--rtl .chip-image-container {\n  padding-left: 0;\n  padding-right: 0.25rem;\n}\n\n:host([scale=l]) .calcite--rtl .chip-image-container {\n  padding-left: 0;\n  padding-right: 0.25rem;\n}\n\n:host {\n  display: inline-flex;\n  align-items: center;\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--calcite-ui-border-1);\n  color: var(--calcite-ui-text-1);\n  font-weight: var(--calcite-font-weight-medium);\n  cursor: default;\n  border-radius: 9999px;\n  box-sizing: border-box;\n  --calcite-chip-button-border-radius: 0 50px 50px 0;\n}\n\n.container {\n  display: inline-flex;\n  align-items: center;\n  height: 100%;\n  max-width: 100%;\n}\n\n.title {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.calcite--rtl {\n  text-align: right;\n  --calcite-chip-button-border-radius: 50px 0 0 50px;\n}\n\n:host span {\n  padding: 0 var(--calcite-chip-spacing-unit-l);\n}\n\n:host([dismissible]) span {\n  padding: 0 var(--calcite-chip-spacing-unit-s) 0 var(--calcite-chip-spacing-unit-l);\n}\n\n:host([dismissible]) .calcite--rtl span {\n  padding: 0 var(--calcite-chip-spacing-unit-l) 0 var(--calcite-chip-spacing-unit-s);\n}\n\n:host([icon]:not([dismissible])) span {\n  padding: 0 var(--calcite-chip-spacing-unit-l);\n}\n\n:host([icon]:not([dismissible])) .calcite--rtl span {\n  padding: 0 var(--calcite-chip-spacing-unit-l);\n}\n\n:host button {\n  margin: 0;\n  background-color: transparent;\n  outline-offset: 0;\n  outline-color: transparent;\n  transition: outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;\n  display: inline-flex;\n  min-height: 100%;\n  max-height: 100%;\n  align-self: stretch;\n  align-items: center;\n  border-style: none;\n  cursor: pointer;\n  transition-property: all;\n  transition-duration: 150ms;\n  transition-timing-function: ease-in-out;\n  transition-delay: 0s;\n  color: var(--calcite-ui-text-1);\n  -webkit-appearance: none;\n  border-radius: var(--calcite-chip-button-border-radius);\n  padding: 0 var(--calcite-chip-spacing-unit-s);\n  color: inherit;\n  --calcite-chip-transparent-hover: var(--calcite-button-transparent-hover);\n  --calcite-chip-transparent-press: var(--calcite-button-transparent-press);\n}\n\n:host button:hover {\n  background-color: var(--calcite-chip-transparent-hover);\n}\n\n:host button:focus {\n  background-color: var(--calcite-chip-transparent-hover);\n  outline: 2px solid var(--calcite-ui-brand);\n  outline-offset: -2px;\n}\n\n:host button:active {\n  background-color: var(--calcite-chip-transparent-press);\n}\n\n.chip-image-container {\n  border-radius: 50%;\n  overflow: hidden;\n  display: inline-flex;\n}\n\n:host slot[name=image]::slotted(*) {\n  display: flex;\n  height: 100%;\n  width: 100%;\n  border-radius: 50%;\n  overflow: hidden;\n}\n\n.calcite-chip--icon {\n  display: inline-flex;\n  position: relative;\n  margin-top: 0;\n  margin-bottom: 0;\n  margin-right: 0;\n  transition-duration: 150ms;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  margin-left: var(--calcite-chip-spacing-unit-l);\n  border-radius: var(--calcite-chip-button-border-radius);\n}\n\n.calcite--rtl .calcite-chip--icon {\n  margin-top: 0;\n  margin-bottom: 0;\n  margin-left: 0;\n  margin-right: var(--calcite-chip-spacing-unit-l);\n}\n\n:host([color=blue][appearance=solid]) {\n  border-color: transparent;\n  background-color: var(--calcite-ui-info);\n  color: var(--calcite-ui-text-inverse);\n}\n\n:host([color=red][appearance=solid]) {\n  border-color: transparent;\n  background-color: var(--calcite-ui-danger);\n  color: var(--calcite-ui-text-inverse);\n}\n\n:host([color=yellow][appearance=solid]) {\n  border-color: transparent;\n  background-color: var(--calcite-ui-warning);\n  color: #151515;\n}\n\n:host([color=green][appearance=solid]) {\n  border-color: transparent;\n  background-color: var(--calcite-ui-success);\n  color: #151515;\n}\n\n:host([color=grey][appearance=solid]) {\n  border-color: transparent;\n  background-color: var(--calcite-ui-foreground-2);\n  color: var(--calcite-ui-text-1);\n}\n\n:host([color=grey][appearance=solid]) button,\n:host([color=grey][appearance=solid]) calcite-icon {\n  color: var(--calcite-ui-text-3);\n}\n\n:host([color=blue][appearance=clear]) {\n  border-color: var(--calcite-ui-info);\n}\n\n:host([color=blue][appearance=clear]) .calcite-chip--icon {\n  color: var(--calcite-ui-info);\n}\n\n:host([color=red][appearance=clear]) {\n  border-color: var(--calcite-ui-danger);\n}\n\n:host([color=red][appearance=clear]) .calcite-chip--icon {\n  color: var(--calcite-ui-danger);\n}\n\n:host([color=yellow][appearance=clear]) {\n  border-color: var(--calcite-ui-warning);\n}\n\n:host([color=yellow][appearance=clear]) .calcite-chip--icon {\n  color: var(--calcite-ui-warning);\n}\n\n:host([color=green][appearance=clear]) {\n  border-color: var(--calcite-ui-success);\n}\n\n:host([color=green][appearance=clear]) .calcite-chip--icon {\n  color: var(--calcite-ui-success);\n}\n\n:host([color=grey][appearance=clear]) {\n  border-color: var(--calcite-ui-border-1);\n}\n\n:host([color=grey][appearance=clear]) .calcite-chip--icon {\n  color: var(--calcite-ui-text-3);\n}","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n */\nimport { Component, h, Prop, Event, Element, Method } from \"@stencil/core\";\nimport { getElementDir, getSlotted } from \"../../utils/dom\";\nimport { guid } from \"../../utils/guid\";\nimport { CSS, TEXT, SLOTS, ICONS } from \"./resources\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\n/**\n * @slot - A slot for adding text.\n * @slot image - A slot for adding an image.\n */\nexport class CalciteChip {\n  constructor() {\n    //--------------------------------------------------------------------------\n    //\n    //  Public Properties\n    //\n    //--------------------------------------------------------------------------\n    /** specify the appearance style of the button, defaults to solid. */\n    this.appearance = \"solid\";\n    /** specify the color of the button, defaults to blue */\n    this.color = \"grey\";\n    /** Optionally show a button the user can click to dismiss the chip */\n    this.dismissible = false;\n    /** Aria label for the \"x\" button\n     * @default \"Close\"\n     */\n    this.dismissLabel = TEXT.close;\n    /** flip the icon in rtl */\n    this.iconFlipRtl = false;\n    /** specify the scale of the chip, defaults to m */\n    this.scale = \"m\";\n    // --------------------------------------------------------------------------\n    //\n    //  Private Methods\n    //\n    // --------------------------------------------------------------------------\n    this.closeClickHandler = (event) => {\n      event.preventDefault();\n      this.calciteChipDismiss.emit(this.el);\n    };\n    this.guid = guid();\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n  /** Sets focus on the component. */\n  async setFocus() {\n    var _a;\n    (_a = this.closeButton) === null || _a === void 0 ? void 0 : _a.focus();\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n  renderChipImage() {\n    const { el } = this;\n    const hasChipImage = getSlotted(el, SLOTS.image);\n    return hasChipImage ? (h(\"div\", { class: CSS.chipImageContainer },\n      h(\"slot\", { name: SLOTS.image }))) : null;\n  }\n  render() {\n    const dir = getElementDir(this.el);\n    const iconEl = (h(\"calcite-icon\", { class: CSS.calciteChipIcon, dir: dir, flipRtl: this.iconFlipRtl, icon: this.icon, scale: \"s\" }));\n    const closeButton = (h(\"button\", { \"aria-describedby\": this.guid, \"aria-label\": this.dismissLabel, class: CSS.close, onClick: this.closeClickHandler, ref: (el) => (this.closeButton = el) },\n      h(\"calcite-icon\", { icon: ICONS.close, scale: \"s\" })));\n    return (h(\"div\", { class: { container: true, [CSS_UTILITY.rtl]: dir === \"rtl\" } },\n      this.renderChipImage(),\n      this.icon ? iconEl : null,\n      h(\"span\", { class: CSS.title, id: this.guid },\n        h(\"slot\", null)),\n      this.dismissible ? closeButton : null));\n  }\n  static get is() { return \"calcite-chip\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() { return {\n    \"$\": [\"calcite-chip.scss\"]\n  }; }\n  static get styleUrls() { return {\n    \"$\": [\"calcite-chip.css\"]\n  }; }\n  static get properties() { return {\n    \"appearance\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"Extract<\\\"solid\\\" | \\\"clear\\\", Appearance>\",\n        \"resolved\": \"\\\"clear\\\" | \\\"solid\\\"\",\n        \"references\": {\n          \"Extract\": {\n            \"location\": \"global\"\n          },\n          \"Appearance\": {\n            \"location\": \"import\",\n            \"path\": \"../interfaces\"\n          }\n        }\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"specify the appearance style of the button, defaults to solid.\"\n      },\n      \"attribute\": \"appearance\",\n      \"reflect\": true,\n      \"defaultValue\": \"\\\"solid\\\"\"\n    },\n    \"color\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"ChipColor\",\n        \"resolved\": \"\\\"blue\\\" | \\\"green\\\" | \\\"grey\\\" | \\\"red\\\" | \\\"yellow\\\"\",\n        \"references\": {\n          \"ChipColor\": {\n            \"location\": \"import\",\n            \"path\": \"./interfaces\"\n          }\n        }\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"specify the color of the button, defaults to blue\"\n      },\n      \"attribute\": \"color\",\n      \"reflect\": true,\n      \"defaultValue\": \"\\\"grey\\\"\"\n    },\n    \"dismissible\": {\n      \"type\": \"boolean\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Optionally show a button the user can click to dismiss the chip\"\n      },\n      \"attribute\": \"dismissible\",\n      \"reflect\": true,\n      \"defaultValue\": \"false\"\n    },\n    \"dismissLabel\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": true,\n      \"docs\": {\n        \"tags\": [{\n            \"name\": \"default\",\n            \"text\": \"\\\"Close\\\"\"\n          }],\n        \"text\": \"Aria label for the \\\"x\\\" button\"\n      },\n      \"attribute\": \"dismiss-label\",\n      \"reflect\": false,\n      \"defaultValue\": \"TEXT.close\"\n    },\n    \"icon\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"optionally pass an icon to display - accepts Calcite UI icon names\"\n      },\n      \"attribute\": \"icon\",\n      \"reflect\": true\n    },\n    \"iconFlipRtl\": {\n      \"type\": \"boolean\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"flip the icon in rtl\"\n      },\n      \"attribute\": \"icon-flip-rtl\",\n      \"reflect\": true,\n      \"defaultValue\": \"false\"\n    },\n    \"scale\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"Scale\",\n        \"resolved\": \"\\\"l\\\" | \\\"m\\\" | \\\"s\\\"\",\n        \"references\": {\n          \"Scale\": {\n            \"location\": \"import\",\n            \"path\": \"../interfaces\"\n          }\n        }\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"specify the scale of the chip, defaults to m\"\n      },\n      \"attribute\": \"scale\",\n      \"reflect\": true,\n      \"defaultValue\": \"\\\"m\\\"\"\n    },\n    \"value\": {\n      \"type\": \"any\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"any\",\n        \"resolved\": \"any\",\n        \"references\": {}\n      },\n      \"required\": true,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"The assigned value for the chip\"\n      },\n      \"attribute\": \"value\",\n      \"reflect\": false\n    }\n  }; }\n  static get events() { return [{\n      \"method\": \"calciteChipDismiss\",\n      \"name\": \"calciteChipDismiss\",\n      \"bubbles\": true,\n      \"cancelable\": true,\n      \"composed\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Emitted when the dismiss button is clicked\"\n      },\n      \"complexType\": {\n        \"original\": \"any\",\n        \"resolved\": \"any\",\n        \"references\": {}\n      }\n    }]; }\n  static get methods() { return {\n    \"setFocus\": {\n      \"complexType\": {\n        \"signature\": \"() => Promise<void>\",\n        \"parameters\": [],\n        \"references\": {\n          \"Promise\": {\n            \"location\": \"global\"\n          }\n        },\n        \"return\": \"Promise<void>\"\n      },\n      \"docs\": {\n        \"text\": \"Sets focus on the component.\",\n        \"tags\": []\n      }\n    }\n  }; }\n  static get elementRef() { return \"el\"; }\n}\n"]}

package/dist/solutions/p-c195dbb7.entry.js

@@ -1,7 +0,0 @@
-/*!
- * Copyright 2021 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import{r as t,c as e,h as i,H as a,g as r}from"./p-2e1cd889.js";import{g as o,a as n,C as s}from"./p-e762b2d1.js";import{g as c}from"./p-7df393df.js";import"./p-ec178ea9.js";const l="@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:300ms}.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}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host([scale=s]){--calcite-stepper-item-spacing-unit-s:0.25rem;--calcite-stepper-item-spacing-unit-m:0.75rem;--calcite-stepper-item-spacing-unit-l:1rem;font-size:var(--calcite-font-size--1);line-height:1rem;margin-right:0.25rem}:host([scale=s]) .stepper-item-subtitle{font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-stepper-item-spacing-unit-s:0.5rem;--calcite-stepper-item-spacing-unit-m:1rem;--calcite-stepper-item-spacing-unit-l:1.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;margin-right:0.5rem}:host([scale=m]) .stepper-item-subtitle{font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-stepper-item-spacing-unit-s:0.75rem;--calcite-stepper-item-spacing-unit-m:1.25rem;--calcite-stepper-item-spacing-unit-l:1.5rem;font-size:var(--calcite-font-size-1);line-height:1.5rem;margin-right:0.75rem}:host([scale=l]) .stepper-item-subtitle{font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{display:flex;flex-grow:1;flex-direction:column;position:relative;margin-bottom:var(--calcite-stepper-item-spacing-unit-s)}:host .container{display:flex;flex-grow:1;flex-direction:column;color:var(--calcite-ui-text-3);text-decoration:none;outline:2px solid transparent;outline-offset:2px;position:relative;border-width:0;border-top-width:2px;border-style:solid;border-color:var(--calcite-ui-border-3);cursor:pointer;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.calcite--rtl{margin-left:var(--calcite-stepper-item-spacing-unit-l);margin-right:0}:host{outline-offset:0;outline-color:transparent;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}:host(:focus){outline:2px solid var(--calcite-ui-brand);outline-offset:2px}:host .stepper-item-header{display:flex;align-items:flex-start;cursor:pointer}:host .stepper-item-content,:host .stepper-item-header{padding:var(--calcite-stepper-item-spacing-unit-l) var(--calcite-stepper-item-spacing-unit-m);padding-left:0;text-align:left;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.calcite--rtl .stepper-item-content,.calcite--rtl .stepper-item-header{padding-right:0;text-align:right;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);padding-left:initial}:host .stepper-item-header *{display:inline-flex;align-items:center;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .stepper-item-content{flex-direction:column;width:100%;display:none;font-size:var(--calcite-font-size--2);line-height:1.375}:host .stepper-item-icon{margin-right:var(--calcite-stepper-item-spacing-unit-m);color:var(--calcite-ui-text-3);margin-top:1px;opacity:var(--calcite-ui-opacity-disabled);display:inline-flex;flex-shrink:0;align-self:flex-start;height:0.75rem;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.calcite--rtl .stepper-item-icon{margin-left:var(--calcite-stepper-item-spacing-unit-l);margin-right:0}:host .stepper-item-header-text{margin-right:auto;flex-direction:column;text-align:initial}.calcite--rtl .stepper-item-header-text{margin-left:auto;margin-right:0}:host .stepper-item-title,:host .stepper-item-subtitle{display:flex;width:100%}:host .stepper-item-title{color:var(--calcite-ui-text-2);font-weight:var(--calcite-font-weight-medium);margin-bottom:0.25rem}:host .stepper-item-subtitle{color:var(--calcite-ui-text-3)}.calcite--rtl .stepper-item-title{margin-right:0;margin-left:auto}:host .stepper-item-number{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-3);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-right:var(--calcite-stepper-item-spacing-unit-m)}.calcite--rtl .stepper-item-number{margin-left:var(--calcite-stepper-item-spacing-unit-m);margin-right:initial}:host([disabled]){opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]),:host([disabled]) *{cursor:not-allowed;pointer-events:auto}:host([complete]) .container{border-color:rgba(0, 122, 194, 0.5)}:host([complete]) .container .stepper-item-icon{color:var(--calcite-ui-brand)}:host([error]) .container{border-top-color:var(--calcite-ui-danger)}:host([error]) .container .stepper-item-number{color:var(--calcite-ui-danger)}:host([error]) .container .stepper-item-icon{opacity:1;color:var(--calcite-ui-danger)}:host(:hover:not([disabled]):not([active])) .container,:host(:focus:not([disabled]):not([active])) .container{border-top-color:var(--calcite-ui-brand)}:host(:hover:not([disabled]):not([active])) .container .stepper-item-title,:host(:focus:not([disabled]):not([active])) .container .stepper-item-title{color:var(--calcite-ui-text-1)}:host(:hover:not([disabled]):not([active])) .container .stepper-item-subtitle,:host(:focus:not([disabled]):not([active])) .container .stepper-item-subtitle{color:var(--calcite-ui-text-2)}:host([error]:hover:not([disabled]):not([active])) .container,:host([error]:focus:not([disabled]):not([active])) .container{border-top-color:var(--calcite-ui-danger-hover)}:host([active]) .container{border-top-color:var(--calcite-ui-brand)}:host([active]) .container .stepper-item-title{color:var(--calcite-ui-text-1)}:host([active]) .container .stepper-item-subtitle{color:var(--calcite-ui-text-2)}:host([active]) .container .stepper-item-number{color:var(--calcite-ui-brand)}:host([active]) .container .stepper-item-icon{color:var(--calcite-ui-brand);opacity:1}:host([layout=vertical]) .container{flex:1 1 auto;border-top-width:0;border-left-width:2px;border-style:solid;border-color:var(--calcite-ui-border-3);padding-top:0;padding-bottom:0;padding-right:0;margin-left:0;margin-right:0;margin-top:0;padding-left:var(--calcite-stepper-item-spacing-unit-l)}:host([layout=vertical]) .container .stepper-item-icon{margin-top:1px;margin-right:0;margin-bottom:0;margin-left:auto;order:3;padding-left:var(--calcite-stepper-item-spacing-unit-s)}:host([layout=vertical]) .container .stepper-item-header{padding-right:0}:host([layout=vertical]) .container .stepper-item-content{padding:0}:host([layout=vertical][active]) .container .stepper-item-content{display:flex}:host([layout=vertical][active]) .container .stepper-item-content ::slotted(:last-child){margin-bottom:var(--calcite-stepper-item-spacing-unit-l)}:host([layout=vertical]) .calcite--rtl{border-left-width:0;border-right-width:2px;border-color:var(--calcite-ui-border-3);padding-top:0;padding-bottom:0;padding-left:0;padding-right:var(--calcite-stepper-item-spacing-unit-l)}:host([layout=vertical]) .calcite--rtl .stepper-item-icon{margin-bottom:0;margin-left:0;padding-left:0;padding-right:var(--calcite-stepper-item-spacing-unit-l)}:host([layout=vertical]) .calcite--rtl .stepper-item-header{padding-left:0;padding-right:intial}:host([layout=vertical][complete]) .container{border-color:rgba(0, 122, 194, 0.5)}:host([layout=vertical][complete]:hover:not([disabled]):not([active])) .container,:host([layout=vertical][complete]:focus:not([disabled]):not([active])) .container{border-color:var(--calcite-ui-brand)}:host([layout=vertical][error]) .container{border-color:var(--calcite-ui-danger)}:host([layout=vertical][active]) .container{border-color:var(--calcite-ui-brand)}:host([layout=vertical]:hover:not([disabled]):not([active])) .container,:host([layout=vertical]:focus:not([disabled]):not([active])) .container{border-color:rgba(0, 122, 194, 0.5)}:host([layout=vertical][error]:hover:not([disabled]):not([active])) .container,:host([layout=vertical][error]:focus:not([disabled]):not([active])) .container{border-color:var(--calcite-ui-danger-hover)}";let p=class{constructor(i){t(this,i);this.calciteStepperItemKeyEvent=e(this,"calciteStepperItemKeyEvent",7);this.calciteStepperItemSelect=e(this,"calciteStepperItemSelect",7);this.calciteStepperItemRegister=e(this,"calciteStepperItemRegister",7);this.active=false;this.complete=false;this.error=false;this.disabled=false;this.icon=false;this.numbered=false;this.scale="m"}disabledWatcher(){this.registerStepperItem()}componentWillLoad(){this.icon=o(this.el,"icon",false);this.numbered=o(this.el,"numbered",false);this.layout=o(this.el,"layout",false);this.scale=o(this.el,"scale","m");this.parentStepperEl=this.el.parentElement}componentDidLoad(){this.itemPosition=this.getItemPosition();this.itemContent=this.getItemContent();this.registerStepperItem();if(this.active){this.emitRequestedItem()}}componentDidUpdate(){if(this.active){this.emitRequestedItem()}}render(){const t=n(this.el);return i(a,{"aria-expanded":this.active.toString(),onClick:()=>this.emitRequestedItem(),tabindex:this.disabled?null:0},i("div",{class:{container:true,[s.rtl]:t==="rtl"}},i("div",{class:"stepper-item-header"},this.icon?this.renderIcon():null,this.numbered?i("div",{class:"stepper-item-number"},this.getItemPosition()+1,"."):null,i("div",{class:"stepper-item-header-text"},i("span",{class:"stepper-item-title"},this.itemTitle),i("span",{class:"stepper-item-subtitle"},this.itemSubtitle))),i("div",{class:"stepper-item-content"},i("slot",null))))}keyDownHandler(t){if(!this.disabled&&t.target===this.el){switch(c(t.key)){case" ":case"Enter":this.emitRequestedItem();t.preventDefault();break;case"ArrowUp":case"ArrowDown":case"ArrowLeft":case"ArrowRight":case"Home":case"End":this.calciteStepperItemKeyEvent.emit({item:t});t.preventDefault();break}}}updateActiveItemOnChange(t){if(t.target===this.parentStepperEl){this.activePosition=t.detail.position;this.determineActiveItem()}}renderIcon(){const t=this.active?"circleF":this.error?"exclamationMarkCircleF":this.complete?"checkCircleF":"circle";return i("calcite-icon",{class:"stepper-item-icon",icon:t,scale:"s"})}determineActiveItem(){this.active=!this.disabled&&this.itemPosition===this.activePosition}registerStepperItem(){this.calciteStepperItemRegister.emit({position:this.itemPosition,content:this.itemContent})}emitRequestedItem(){if(!this.disabled){this.calciteStepperItemSelect.emit({position:this.itemPosition,content:this.itemContent})}}getItemContent(){var t;return((t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot"))?this.el.shadowRoot.querySelector("slot").assignedNodes({flatten:true}):this.el.querySelector(".stepper-item-content")?this.el.querySelector(".stepper-item-content").childNodes:null}getItemPosition(){return Array.prototype.indexOf.call(this.parentStepperEl.querySelectorAll("calcite-stepper-item"),this.el)}get el(){return r(this)}static get watchers(){return{disabled:["disabledWatcher"]}}};p.style=l;export{p as calcite_stepper_item};
-//# sourceMappingURL=p-c195dbb7.entry.js.map

package/dist/solutions/p-c195dbb7.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["node_modules/@esri/calcite-components/dist/collection/components/calcite-stepper-item/calcite-stepper-item.css?tag=calcite-stepper-item&encapsulation=shadow","node_modules/@esri/calcite-components/dist/collection/components/calcite-stepper-item/calcite-stepper-item.js"],"names":["calciteStepperItemCss","CalciteStepperItem","[object Object]","hostRef","this","active","complete","error","disabled","icon","numbered","scale","registerStepperItem","getElementProp","el","layout","parentStepperEl","parentElement","itemPosition","getItemPosition","itemContent","getItemContent","emitRequestedItem","dir","getElementDir","h","Host","aria-expanded","toString","onClick","tabindex","class","container","CSS_UTILITY","rtl","renderIcon","itemTitle","itemSubtitle","e","target","getKey","key","preventDefault","calciteStepperItemKeyEvent","emit","item","event","activePosition","detail","position","determineActiveItem","path","calciteStepperItemRegister","content","calciteStepperItemSelect","_a","shadowRoot","querySelector","assignedNodes","flatten","childNodes","Array","prototype","indexOf","call","querySelectorAll"],"mappings":"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","sourcesContent":["/* mixins & extensions */\n\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n\n:root {\n  --calcite-animation-timing: 300ms;\n}\n\n.calcite-animate {\n  opacity: 0;\n  animation-fill-mode: both;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n  animation-name: in;\n}\n\n.calcite-animate__in-down {\n  animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n  animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n  animation-name: in-scale;\n}\n\n/**\n* Currently only used in Checkbox.\n*/\n\n:root {\n  --calcite-popper-transition: 150ms ease-in-out;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host([scale=s]) {\n  --calcite-stepper-item-spacing-unit-s: 0.25rem;\n  --calcite-stepper-item-spacing-unit-m: 0.75rem;\n  --calcite-stepper-item-spacing-unit-l: 1rem;\n  font-size: var(--calcite-font-size--1);\n  line-height: 1rem;\n  margin-right: 0.25rem;\n}\n\n:host([scale=s]) .stepper-item-subtitle {\n  font-size: var(--calcite-font-size--2);\n  line-height: 1rem;\n}\n\n:host([scale=m]) {\n  --calcite-stepper-item-spacing-unit-s: 0.5rem;\n  --calcite-stepper-item-spacing-unit-m: 1rem;\n  --calcite-stepper-item-spacing-unit-l: 1.25rem;\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.25rem;\n  margin-right: 0.5rem;\n}\n\n:host([scale=m]) .stepper-item-subtitle {\n  font-size: var(--calcite-font-size--1);\n  line-height: 1rem;\n}\n\n:host([scale=l]) {\n  --calcite-stepper-item-spacing-unit-s: 0.75rem;\n  --calcite-stepper-item-spacing-unit-m: 1.25rem;\n  --calcite-stepper-item-spacing-unit-l: 1.5rem;\n  font-size: var(--calcite-font-size-1);\n  line-height: 1.5rem;\n  margin-right: 0.75rem;\n}\n\n:host([scale=l]) .stepper-item-subtitle {\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.25rem;\n}\n\n:host {\n  display: flex;\n  flex-grow: 1;\n  flex-direction: column;\n  position: relative;\n  margin-bottom: var(--calcite-stepper-item-spacing-unit-s);\n}\n\n:host .container {\n  display: flex;\n  flex-grow: 1;\n  flex-direction: column;\n  color: var(--calcite-ui-text-3);\n  text-decoration: none;\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  position: relative;\n  border-width: 0;\n  border-top-width: 2px;\n  border-style: solid;\n  border-color: var(--calcite-ui-border-3);\n  cursor: pointer;\n  transition-duration: 150ms;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.calcite--rtl {\n  margin-left: var(--calcite-stepper-item-spacing-unit-l);\n  margin-right: 0;\n}\n\n:host {\n  outline-offset: 0;\n  outline-color: transparent;\n  transition: outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;\n}\n\n:host(:focus) {\n  outline: 2px solid var(--calcite-ui-brand);\n  outline-offset: 2px;\n}\n\n:host .stepper-item-header {\n  display: flex;\n  align-items: flex-start;\n  cursor: pointer;\n}\n\n:host .stepper-item-content,\n:host .stepper-item-header {\n  padding: var(--calcite-stepper-item-spacing-unit-l) var(--calcite-stepper-item-spacing-unit-m);\n  padding-left: 0;\n  text-align: left;\n  transition-duration: 150ms;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.calcite--rtl .stepper-item-content,\n.calcite--rtl .stepper-item-header {\n  padding-right: 0;\n  text-align: right;\n  transition-duration: 150ms;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  padding-left: initial;\n}\n\n:host .stepper-item-header * {\n  display: inline-flex;\n  align-items: center;\n  transition-duration: 150ms;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n:host .stepper-item-content {\n  flex-direction: column;\n  width: 100%;\n  display: none;\n  font-size: var(--calcite-font-size--2);\n  line-height: 1.375;\n}\n\n:host .stepper-item-icon {\n  margin-right: var(--calcite-stepper-item-spacing-unit-m);\n  color: var(--calcite-ui-text-3);\n  margin-top: 1px;\n  opacity: var(--calcite-ui-opacity-disabled);\n  display: inline-flex;\n  flex-shrink: 0;\n  align-self: flex-start;\n  height: 0.75rem;\n  transition-duration: 150ms;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.calcite--rtl .stepper-item-icon {\n  margin-left: var(--calcite-stepper-item-spacing-unit-l);\n  margin-right: 0;\n}\n\n:host .stepper-item-header-text {\n  margin-right: auto;\n  flex-direction: column;\n  text-align: initial;\n}\n\n.calcite--rtl .stepper-item-header-text {\n  margin-left: auto;\n  margin-right: 0;\n}\n\n:host .stepper-item-title,\n:host .stepper-item-subtitle {\n  display: flex;\n  width: 100%;\n}\n\n:host .stepper-item-title {\n  color: var(--calcite-ui-text-2);\n  font-weight: var(--calcite-font-weight-medium);\n  margin-bottom: 0.25rem;\n}\n\n:host .stepper-item-subtitle {\n  color: var(--calcite-ui-text-3);\n}\n\n.calcite--rtl .stepper-item-title {\n  margin-right: 0;\n  margin-left: auto;\n}\n\n:host .stepper-item-number {\n  font-weight: var(--calcite-font-weight-medium);\n  color: var(--calcite-ui-text-3);\n  transition-duration: 150ms;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  margin-right: var(--calcite-stepper-item-spacing-unit-m);\n}\n\n.calcite--rtl .stepper-item-number {\n  margin-left: var(--calcite-stepper-item-spacing-unit-m);\n  margin-right: initial;\n}\n\n:host([disabled]) {\n  opacity: var(--calcite-ui-opacity-disabled);\n}\n\n:host([disabled]),\n:host([disabled]) * {\n  cursor: not-allowed;\n  pointer-events: auto;\n}\n\n:host([complete]) .container {\n  border-color: rgba(0, 122, 194, 0.5);\n}\n\n:host([complete]) .container .stepper-item-icon {\n  color: var(--calcite-ui-brand);\n}\n\n:host([error]) .container {\n  border-top-color: var(--calcite-ui-danger);\n}\n\n:host([error]) .container .stepper-item-number {\n  color: var(--calcite-ui-danger);\n}\n\n:host([error]) .container .stepper-item-icon {\n  opacity: 1;\n  color: var(--calcite-ui-danger);\n}\n\n:host(:hover:not([disabled]):not([active])) .container,\n:host(:focus:not([disabled]):not([active])) .container {\n  border-top-color: var(--calcite-ui-brand);\n}\n\n:host(:hover:not([disabled]):not([active])) .container .stepper-item-title,\n:host(:focus:not([disabled]):not([active])) .container .stepper-item-title {\n  color: var(--calcite-ui-text-1);\n}\n\n:host(:hover:not([disabled]):not([active])) .container .stepper-item-subtitle,\n:host(:focus:not([disabled]):not([active])) .container .stepper-item-subtitle {\n  color: var(--calcite-ui-text-2);\n}\n\n:host([error]:hover:not([disabled]):not([active])) .container,\n:host([error]:focus:not([disabled]):not([active])) .container {\n  border-top-color: var(--calcite-ui-danger-hover);\n}\n\n:host([active]) .container {\n  border-top-color: var(--calcite-ui-brand);\n}\n\n:host([active]) .container .stepper-item-title {\n  color: var(--calcite-ui-text-1);\n}\n\n:host([active]) .container .stepper-item-subtitle {\n  color: var(--calcite-ui-text-2);\n}\n\n:host([active]) .container .stepper-item-number {\n  color: var(--calcite-ui-brand);\n}\n\n:host([active]) .container .stepper-item-icon {\n  color: var(--calcite-ui-brand);\n  opacity: 1;\n}\n\n:host([layout=vertical]) .container {\n  flex: 1 1 auto;\n  border-top-width: 0;\n  border-left-width: 2px;\n  border-style: solid;\n  border-color: var(--calcite-ui-border-3);\n  padding-top: 0;\n  padding-bottom: 0;\n  padding-right: 0;\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 0;\n  padding-left: var(--calcite-stepper-item-spacing-unit-l);\n}\n\n:host([layout=vertical]) .container .stepper-item-icon {\n  margin-top: 1px;\n  margin-right: 0;\n  margin-bottom: 0;\n  margin-left: auto;\n  order: 3;\n  padding-left: var(--calcite-stepper-item-spacing-unit-s);\n}\n\n:host([layout=vertical]) .container .stepper-item-header {\n  padding-right: 0;\n}\n\n:host([layout=vertical]) .container .stepper-item-content {\n  padding: 0;\n}\n\n:host([layout=vertical][active]) .container .stepper-item-content {\n  display: flex;\n}\n\n:host([layout=vertical][active]) .container .stepper-item-content ::slotted(:last-child) {\n  margin-bottom: var(--calcite-stepper-item-spacing-unit-l);\n}\n\n:host([layout=vertical]) .calcite--rtl {\n  border-left-width: 0;\n  border-right-width: 2px;\n  border-color: var(--calcite-ui-border-3);\n  padding-top: 0;\n  padding-bottom: 0;\n  padding-left: 0;\n  padding-right: var(--calcite-stepper-item-spacing-unit-l);\n}\n\n:host([layout=vertical]) .calcite--rtl .stepper-item-icon {\n  margin-bottom: 0;\n  margin-left: 0;\n  padding-left: 0;\n  padding-right: var(--calcite-stepper-item-spacing-unit-l);\n}\n\n:host([layout=vertical]) .calcite--rtl .stepper-item-header {\n  padding-left: 0;\n  padding-right: intial;\n}\n\n:host([layout=vertical][complete]) .container {\n  border-color: rgba(0, 122, 194, 0.5);\n}\n\n:host([layout=vertical][complete]:hover:not([disabled]):not([active])) .container,\n:host([layout=vertical][complete]:focus:not([disabled]):not([active])) .container {\n  border-color: var(--calcite-ui-brand);\n}\n\n:host([layout=vertical][error]) .container {\n  border-color: var(--calcite-ui-danger);\n}\n\n:host([layout=vertical][active]) .container {\n  border-color: var(--calcite-ui-brand);\n}\n\n:host([layout=vertical]:hover:not([disabled]):not([active])) .container,\n:host([layout=vertical]:focus:not([disabled]):not([active])) .container {\n  border-color: rgba(0, 122, 194, 0.5);\n}\n\n:host([layout=vertical][error]:hover:not([disabled]):not([active])) .container,\n:host([layout=vertical][error]:focus:not([disabled]):not([active])) .container {\n  border-color: var(--calcite-ui-danger-hover);\n}","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n */\nimport { Component, Element, Event, h, Host, Listen, Prop, Watch } from \"@stencil/core\";\nimport { getElementDir, getElementProp } from \"../../utils/dom\";\nimport { getKey } from \"../../utils/key\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\n/**\n * @slot - A slot for adding custom content.\n */\nexport class CalciteStepperItem {\n  constructor() {\n    //--------------------------------------------------------------------------\n    //\n    //  Public Properties\n    //\n    //--------------------------------------------------------------------------\n    /** is the step active */\n    this.active = false;\n    /** has the step been completed */\n    this.complete = false;\n    /** does the step contain an error that needs to be resolved by the user */\n    this.error = false;\n    /** is the step disabled and not navigable to by a user */\n    this.disabled = false;\n    /** should the items display an icon based on status */\n    /** @internal */\n    this.icon = false;\n    /** optionally display the step number next to the title and subtitle */\n    /** @internal */\n    this.numbered = false;\n    /** the scale of the item */\n    /** @internal */\n    this.scale = \"m\";\n  }\n  // watch for removal of disabled to register step\n  disabledWatcher() {\n    this.registerStepperItem();\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  componentWillLoad() {\n    this.icon = getElementProp(this.el, \"icon\", false);\n    this.numbered = getElementProp(this.el, \"numbered\", false);\n    this.layout = getElementProp(this.el, \"layout\", false);\n    this.scale = getElementProp(this.el, \"scale\", \"m\");\n    this.parentStepperEl = this.el.parentElement;\n  }\n  componentDidLoad() {\n    this.itemPosition = this.getItemPosition();\n    this.itemContent = this.getItemContent();\n    this.registerStepperItem();\n    if (this.active) {\n      this.emitRequestedItem();\n    }\n  }\n  componentDidUpdate() {\n    if (this.active) {\n      this.emitRequestedItem();\n    }\n  }\n  render() {\n    const dir = getElementDir(this.el);\n    return (h(Host, { \"aria-expanded\": this.active.toString(), onClick: () => this.emitRequestedItem(), tabindex: this.disabled ? null : 0 },\n      h(\"div\", { class: { container: true, [CSS_UTILITY.rtl]: dir === \"rtl\" } },\n        h(\"div\", { class: \"stepper-item-header\" },\n          this.icon ? this.renderIcon() : null,\n          this.numbered ? (h(\"div\", { class: \"stepper-item-number\" },\n            this.getItemPosition() + 1,\n            \".\")) : null,\n          h(\"div\", { class: \"stepper-item-header-text\" },\n            h(\"span\", { class: \"stepper-item-title\" }, this.itemTitle),\n            h(\"span\", { class: \"stepper-item-subtitle\" }, this.itemSubtitle))),\n        h(\"div\", { class: \"stepper-item-content\" },\n          h(\"slot\", null)))));\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n  keyDownHandler(e) {\n    if (!this.disabled && e.target === this.el) {\n      switch (getKey(e.key)) {\n        case \" \":\n        case \"Enter\":\n          this.emitRequestedItem();\n          e.preventDefault();\n          break;\n        case \"ArrowUp\":\n        case \"ArrowDown\":\n        case \"ArrowLeft\":\n        case \"ArrowRight\":\n        case \"Home\":\n        case \"End\":\n          this.calciteStepperItemKeyEvent.emit({ item: e });\n          e.preventDefault();\n          break;\n      }\n    }\n  }\n  updateActiveItemOnChange(event) {\n    if (event.target === this.parentStepperEl) {\n      this.activePosition = event.detail.position;\n      this.determineActiveItem();\n    }\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n  renderIcon() {\n    const path = this.active\n      ? \"circleF\"\n      : this.error\n        ? \"exclamationMarkCircleF\"\n        : this.complete\n          ? \"checkCircleF\"\n          : \"circle\";\n    return h(\"calcite-icon\", { class: \"stepper-item-icon\", icon: path, scale: \"s\" });\n  }\n  determineActiveItem() {\n    this.active = !this.disabled && this.itemPosition === this.activePosition;\n  }\n  registerStepperItem() {\n    this.calciteStepperItemRegister.emit({\n      position: this.itemPosition,\n      content: this.itemContent\n    });\n  }\n  emitRequestedItem() {\n    if (!this.disabled) {\n      this.calciteStepperItemSelect.emit({\n        position: this.itemPosition,\n        content: this.itemContent\n      });\n    }\n  }\n  getItemContent() {\n    var _a;\n    // todo: Remove IE/Edge specific code.\n    return ((_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\"slot\"))\n      ? this.el.shadowRoot.querySelector(\"slot\").assignedNodes({ flatten: true })\n      : this.el.querySelector(\".stepper-item-content\")\n        ? this.el.querySelector(\".stepper-item-content\").childNodes\n        : null;\n  }\n  getItemPosition() {\n    return Array.prototype.indexOf.call(this.parentStepperEl.querySelectorAll(\"calcite-stepper-item\"), this.el);\n  }\n  static get is() { return \"calcite-stepper-item\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() { return {\n    \"$\": [\"calcite-stepper-item.scss\"]\n  }; }\n  static get styleUrls() { return {\n    \"$\": [\"calcite-stepper-item.css\"]\n  }; }\n  static get properties() { return {\n    \"active\": {\n      \"type\": \"boolean\",\n      \"mutable\": true,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"is the step active\"\n      },\n      \"attribute\": \"active\",\n      \"reflect\": true,\n      \"defaultValue\": \"false\"\n    },\n    \"complete\": {\n      \"type\": \"boolean\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"has the step been completed\"\n      },\n      \"attribute\": \"complete\",\n      \"reflect\": true,\n      \"defaultValue\": \"false\"\n    },\n    \"error\": {\n      \"type\": \"boolean\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"does the step contain an error that needs to be resolved by the user\"\n      },\n      \"attribute\": \"error\",\n      \"reflect\": false,\n      \"defaultValue\": \"false\"\n    },\n    \"disabled\": {\n      \"type\": \"boolean\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"is the step disabled and not navigable to by a user\"\n      },\n      \"attribute\": \"disabled\",\n      \"reflect\": false,\n      \"defaultValue\": \"false\"\n    },\n    \"itemTitle\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"pass a title for the stepper item\"\n      },\n      \"attribute\": \"item-title\",\n      \"reflect\": false\n    },\n    \"itemSubtitle\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"pass a title for the stepper item\"\n      },\n      \"attribute\": \"item-subtitle\",\n      \"reflect\": false\n    },\n    \"layout\": {\n      \"type\": \"string\",\n      \"mutable\": true,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": true,\n      \"docs\": {\n        \"tags\": [{\n            \"name\": \"internal\",\n            \"text\": undefined\n          }],\n        \"text\": \"\"\n      },\n      \"attribute\": \"layout\",\n      \"reflect\": true\n    },\n    \"icon\": {\n      \"type\": \"boolean\",\n      \"mutable\": true,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [{\n            \"name\": \"internal\",\n            \"text\": undefined\n          }],\n        \"text\": \"\"\n      },\n      \"attribute\": \"icon\",\n      \"reflect\": false,\n      \"defaultValue\": \"false\"\n    },\n    \"numbered\": {\n      \"type\": \"boolean\",\n      \"mutable\": true,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [{\n            \"name\": \"internal\",\n            \"text\": undefined\n          }],\n        \"text\": \"\"\n      },\n      \"attribute\": \"numbered\",\n      \"reflect\": false,\n      \"defaultValue\": \"false\"\n    },\n    \"scale\": {\n      \"type\": \"string\",\n      \"mutable\": true,\n      \"complexType\": {\n        \"original\": \"Scale\",\n        \"resolved\": \"\\\"l\\\" | \\\"m\\\" | \\\"s\\\"\",\n        \"references\": {\n          \"Scale\": {\n            \"location\": \"import\",\n            \"path\": \"../interfaces\"\n          }\n        }\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [{\n            \"name\": \"internal\",\n            \"text\": undefined\n          }],\n        \"text\": \"\"\n      },\n      \"attribute\": \"scale\",\n      \"reflect\": true,\n      \"defaultValue\": \"\\\"m\\\"\"\n    }\n  }; }\n  static get events() { return [{\n      \"method\": \"calciteStepperItemKeyEvent\",\n      \"name\": \"calciteStepperItemKeyEvent\",\n      \"bubbles\": true,\n      \"cancelable\": true,\n      \"composed\": true,\n      \"docs\": {\n        \"tags\": [{\n            \"name\": \"internal\",\n            \"text\": undefined\n          }],\n        \"text\": \"\"\n      },\n      \"complexType\": {\n        \"original\": \"any\",\n        \"resolved\": \"any\",\n        \"references\": {}\n      }\n    }, {\n      \"method\": \"calciteStepperItemSelect\",\n      \"name\": \"calciteStepperItemSelect\",\n      \"bubbles\": true,\n      \"cancelable\": true,\n      \"composed\": true,\n      \"docs\": {\n        \"tags\": [{\n            \"name\": \"internal\",\n            \"text\": undefined\n          }],\n        \"text\": \"\"\n      },\n      \"complexType\": {\n        \"original\": \"any\",\n        \"resolved\": \"any\",\n        \"references\": {}\n      }\n    }, {\n      \"method\": \"calciteStepperItemRegister\",\n      \"name\": \"calciteStepperItemRegister\",\n      \"bubbles\": true,\n      \"cancelable\": true,\n      \"composed\": true,\n      \"docs\": {\n        \"tags\": [{\n            \"name\": \"internal\",\n            \"text\": undefined\n          }],\n        \"text\": \"\"\n      },\n      \"complexType\": {\n        \"original\": \"any\",\n        \"resolved\": \"any\",\n        \"references\": {}\n      }\n    }]; }\n  static get elementRef() { return \"el\"; }\n  static get watchers() { return [{\n      \"propName\": \"disabled\",\n      \"methodName\": \"disabledWatcher\"\n    }]; }\n  static get listeners() { return [{\n      \"name\": \"keydown\",\n      \"method\": \"keyDownHandler\",\n      \"target\": undefined,\n      \"capture\": false,\n      \"passive\": false\n    }, {\n      \"name\": \"calciteStepperItemChange\",\n      \"method\": \"updateActiveItemOnChange\",\n      \"target\": \"body\",\n      \"capture\": false,\n      \"passive\": false\n    }]; }\n}\n"]}

package/dist/solutions/p-c34e0641.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["node_modules/@esri/calcite-components/dist/collection/utils/locale.js"],"names":["locales","createLocaleNumberFormatter","locale","Intl","NumberFormat","minimumFractionDigits","maximumFractionDigits","delocalizeNumberString","numberString","groupSeparator","getGroupSeparator","decimalSeparator","getDecimalSeparator","splitNumberString","split","decimalIndex","lastIndexOf","delocalizedNumberString","map","value","index","reduce","string","part","replace","isNaN","Number","formatter","parts","formatToParts","find","type","trim","length","localizeNumberString","displayGroupSeparator","number","sanitizeDecimalString","localizedNumberString"],"mappings":";;;;;;;;;GAKY,MAACA,EAAU,CACrB,KACA,KACA,KACA,KACA,KACA,KACA,QACA,KACA,KACA,QACA,QACA,QACA,KACA,QACA,KACA,KACA,KACA,QACA,KACA,KACA,KACA,KACA,KACA,KACA,QACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,QACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,QACA,QACA,SAEF,SAASC,EAA4BC,GACnC,OAAO,IAAIC,KAAKC,aAAaF,EAAQ,CACnCG,sBAAuB,EACvBC,sBAAuB,KAGpB,SAASC,EAAuBC,EAAcN,GACnD,GAAIM,EAAc,CAChB,MAAMC,EAAiBC,EAAkBR,GACzC,MAAMS,EAAmBC,EAAoBV,GAC7C,MAAMW,EAAoBL,EAAaM,MAAM,IAC7C,MAAMC,EAAeF,EAAkBG,YAAYL,GACnD,MAAMM,EAA0BJ,EAC7BK,KAAI,CAACC,EAAOC,KACb,GAAID,IAAUV,GAAmBU,IAAUR,GAAoBS,IAAUL,EAAe,CACtF,MAAO,GAET,OAAOI,KAENE,QAAO,CAACC,EAAQC,IAASD,EAASC,IAClCC,QAAQb,EAAkB,KAC7B,OAAOc,MAAMC,OAAOT,IAA4BT,EAAeS,EAEjE,OAAOT,EAEF,SAASE,EAAkBR,GAChC,MAAMyB,EAAY1B,EAA4BC,GAC9C,MAAM0B,EAAQD,EAAUE,cAAc,WACtC,MAAMV,EAAQS,EAAME,MAAMP,GAASA,EAAKQ,OAAS,UAASZ,MAC1D,OAAOA,EAAMa,OAAOC,SAAW,EAAI,IAAMd,EAEpC,SAASP,EAAoBV,GAClC,MAAMyB,EAAY1B,EAA4BC,GAC9C,MAAM0B,EAAQD,EAAUE,cAAc,WACtC,MAAMV,EAAQS,EAAME,MAAMP,GAASA,EAAKQ,OAAS,YAAWZ,MAC5D,OAAOA,EAAMa,OAAOC,SAAW,EAAI,IAAMd,EAEpC,SAASe,EAAqB1B,EAAcN,EAAQiC,EAAwB,OACjF,GAAI3B,EAAc,CAChB,MAAM4B,EAASV,OAAOW,EAAsB7B,IAC5C,IAAKiB,MAAMW,GAAS,CAClB,MAAMT,EAAY1B,EAA4BC,GAC9C,MAAM0B,EAAQD,EAAUE,cAAcO,GACtC,MAAME,EAAwBV,EAC3BV,KAAI,EAAGa,KAAAA,EAAMZ,MAAAA,MACd,OAAQY,GACN,IAAK,QACH,OAAOI,EAAwBzB,EAAkBR,GAAU,GAC7D,IAAK,UACH,OAAOU,EAAoBV,GAC7B,QACE,OAAOiB,MAGVE,QAAO,CAACC,EAAQC,IAASD,EAASC,IACrC,OAAOe,GAGX,OAAO9B","sourcesContent":["/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n */\nimport { sanitizeDecimalString } from \"./number\";\nexport const locales = [\n  \"ar\",\n  \"bs\",\n  \"ca\",\n  \"cs\",\n  \"da\",\n  \"de\",\n  \"de-CH\",\n  \"el\",\n  \"en\",\n  \"en-AU\",\n  \"en-CA\",\n  \"en-GB\",\n  \"es\",\n  \"es-MX\",\n  \"et\",\n  \"fi\",\n  \"fr\",\n  \"fr-CH\",\n  \"he\",\n  \"hi\",\n  \"hr\",\n  \"hu\",\n  \"id\",\n  \"it\",\n  \"it-CH\",\n  \"ja\",\n  \"ko\",\n  \"lt\",\n  \"lv\",\n  \"mk\",\n  \"nb\",\n  \"nl\",\n  \"pl\",\n  \"pt\",\n  \"pt-PT\",\n  \"ro\",\n  \"ru\",\n  \"sk\",\n  \"sl\",\n  \"sr\",\n  \"sv\",\n  \"th\",\n  \"tr\",\n  \"uk\",\n  \"vi\",\n  \"zh-CN\",\n  \"zh-HK\",\n  \"zh-TW\"\n];\nfunction createLocaleNumberFormatter(locale) {\n  return new Intl.NumberFormat(locale, {\n    minimumFractionDigits: 0,\n    maximumFractionDigits: 20\n  });\n}\nexport function delocalizeNumberString(numberString, locale) {\n  if (numberString) {\n    const groupSeparator = getGroupSeparator(locale);\n    const decimalSeparator = getDecimalSeparator(locale);\n    const splitNumberString = numberString.split(\"\");\n    const decimalIndex = splitNumberString.lastIndexOf(decimalSeparator);\n    const delocalizedNumberString = splitNumberString\n      .map((value, index) => {\n      if (value === groupSeparator || (value === decimalSeparator && index !== decimalIndex)) {\n        return \"\";\n      }\n      return value;\n    })\n      .reduce((string, part) => string + part)\n      .replace(decimalSeparator, \".\");\n    return isNaN(Number(delocalizedNumberString)) ? numberString : delocalizedNumberString;\n  }\n  return numberString;\n}\nexport function getGroupSeparator(locale) {\n  const formatter = createLocaleNumberFormatter(locale);\n  const parts = formatter.formatToParts(1234567.8);\n  const value = parts.find((part) => part.type === \"group\").value;\n  return value.trim().length === 0 ? \" \" : value;\n}\nexport function getDecimalSeparator(locale) {\n  const formatter = createLocaleNumberFormatter(locale);\n  const parts = formatter.formatToParts(1234567.8);\n  const value = parts.find((part) => part.type === \"decimal\").value;\n  return value.trim().length === 0 ? \" \" : value;\n}\nexport function localizeNumberString(numberString, locale, displayGroupSeparator = false) {\n  if (numberString) {\n    const number = Number(sanitizeDecimalString(numberString));\n    if (!isNaN(number)) {\n      const formatter = createLocaleNumberFormatter(locale);\n      const parts = formatter.formatToParts(number);\n      const localizedNumberString = parts\n        .map(({ type, value }) => {\n        switch (type) {\n          case \"group\":\n            return displayGroupSeparator ? getGroupSeparator(locale) : \"\";\n          case \"decimal\":\n            return getDecimalSeparator(locale);\n          default:\n            return value;\n        }\n      })\n        .reduce((string, part) => string + part);\n      return localizedNumberString;\n    }\n  }\n  return numberString;\n}\n"]}

package/dist/solutions/p-c5428bbc.entry.js

@@ -1,11 +0,0 @@
-/*!
- * Copyright 2021 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import{r as t,h as e,g as i}from"./p-2e1cd889.js";import{a,c as n}from"./p-e762b2d1.js";import{h as r,i as s}from"./p-a9df64c4.js";import"./p-ec178ea9.js";
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- */function o(t){let e=0;for(let i=0;i<t.length;i++){e=t.charCodeAt(i)+((e<<5)-e)}let i="#";for(let t=0;t<3;t++){const a=e>>t*8&255;i+=("00"+a.toString(16)).substr(-2)}return i}function c(t){let{r:e,g:i,b:a}=t;e/=255;i/=255;a/=255;const n=Math.max(e,i,a);const r=Math.min(e,i,a);const s=n-r;if(n===r){return 0}let o=(n+r)/2;switch(n){case e:o=(i-a)/s+(i<a?6:0);break;case i:o=(a-e)/s+2;break;case a:o=(e-i)/s+4;break}return Math.round(o*60)}function l(t){return c(r(t))}const m="@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:300ms}.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}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:inline-flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden}:host([scale=s]){width:1.5rem;height:1.5rem;font-size:var(--calcite-font-size--3)}:host([scale=m]){width:2rem;height:2rem;font-size:var(--calcite-font-size--2)}:host([scale=l]){width:2.75rem;height:2.75rem;font-size:var(--calcite-font-size-0)}.icon{display:flex}.background{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%}.initials{font-weight:var(--calcite-font-weight-bold);text-transform:uppercase;color:var(--calcite-ui-text-3)}.thumbnail{width:100%;height:100%;border-radius:50%}";let h=class{constructor(e){t(this,e);this.scale="m";this.error=false}render(){return this.determineContent()}determineContent(){const t=a(this.el);if(this.thumbnail&&!this.error){return e("img",{alt:"",class:"thumbnail",dir:t,onError:()=>this.error=true,src:this.thumbnail})}const i=this.generateInitials();const n=this.generateFillColor();return e("span",{class:"background",dir:t,style:{backgroundColor:n}},i?e("span",{"aria-hidden":"true",class:"initials"},i):e("calcite-icon",{class:"icon",icon:"user",scale:this.scale}))}generateFillColor(){const{userId:t,username:e,fullName:i,el:a}=this;const r=n(a);const c=t&&`#${t.substr(t.length-6)}`;const m=e||i||"";const h=c&&s(c)?c:o(m);if(!t&&!m||!s(h)){return`var(--calcite-ui-foreground-2)`}const f=l(h);const u=r==="dark"?20:90;return`hsl(${f}, 60%, ${u}%)`}generateInitials(){const{fullName:t,username:e}=this;if(t){return t.trim().split(" ").map((t=>t.substring(0,1))).join("")}else if(e){return e.substring(0,2)}return false}get el(){return i(this)}};h.style=m;export{h as calcite_avatar};
-//# sourceMappingURL=p-c5428bbc.entry.js.map

package/dist/solutions/p-c5428bbc.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["node_modules/@esri/calcite-components/dist/collection/components/calcite-avatar/utils.js","node_modules/@esri/calcite-components/dist/collection/components/calcite-avatar/calcite-avatar.css?tag=calcite-avatar&encapsulation=shadow","node_modules/@esri/calcite-components/dist/collection/components/calcite-avatar/calcite-avatar.js"],"names":["stringToHex","str","hash","i","length","charCodeAt","hex","j","value","toString","substr","rgbToHue","rgb","r","g","b","max","Math","min","delta","hue","round","hexToHue","hexToRGB","calciteAvatarCss","CalciteAvatar","[object Object]","hostRef","this","scale","error","determineContent","dir","getElementDir","el","thumbnail","h","alt","class","onError","src","initials","generateInitials","backgroundColor","generateFillColor","style","aria-hidden","icon","userId","username","fullName","theme","getThemeName","id","name","isValidHex","l","trim","split","map","substring","join"],"mappings":";;;;;;;;;GASO,SAASA,EAAYC,GAC1B,IAAIC,EAAO,EACX,IAAK,IAAIC,EAAI,EAAGA,EAAIF,EAAIG,OAAQD,IAAK,CACnCD,EAAOD,EAAII,WAAWF,KAAOD,GAAQ,GAAKA,GAE5C,IAAII,EAAM,IACV,IAAK,IAAIC,EAAI,EAAGA,EAAI,EAAGA,IAAK,CAC1B,MAAMC,EAASN,GAASK,EAAI,EAAM,IAClCD,IAAQ,KAAOE,EAAMC,SAAS,KAAKC,QAAQ,GAE7C,OAAOJ,EAKF,SAASK,EAASC,GACvB,IAAIC,EAAEA,EAACC,EAAEA,EAACC,EAAEA,GAAMH,EAClBC,GAAK,IACLC,GAAK,IACLC,GAAK,IACL,MAAMC,EAAMC,KAAKD,IAAIH,EAAGC,EAAGC,GAC3B,MAAMG,EAAMD,KAAKC,IAAIL,EAAGC,EAAGC,GAC3B,MAAMI,EAAQH,EAAME,EACpB,GAAIF,IAAQE,EAAK,CACf,OAAO,EAET,IAAIE,GAAOJ,EAAME,GAAO,EACxB,OAAQF,GACN,KAAKH,EACHO,GAAON,EAAIC,GAAKI,GAASL,EAAIC,EAAI,EAAI,GACrC,MACF,KAAKD,EACHM,GAAOL,EAAIF,GAAKM,EAAQ,EACxB,MACF,KAAKJ,EACHK,GAAOP,EAAIC,GAAKK,EAAQ,EACxB,MAEJ,OAAOF,KAAKI,MAAMD,EAAM,IAMnB,SAASE,EAAShB,GACvB,OAAOK,EAASY,EAASjB,ICtD3B,MAAMkB,EAAmB,+4CCSZC,EAAa,MACxBC,YAAAC,aAOEC,KAAKC,MAAQ,IAObD,KAAKE,MAAQ,MAOfJ,SACE,OAAOE,KAAKG,mBAOdL,mBACE,MAAMM,EAAMC,EAAcL,KAAKM,IAC/B,GAAIN,KAAKO,YAAcP,KAAKE,MAAO,CACjC,OAAQM,EAAE,MAAO,CAAEC,IAAK,GAAIC,MAAO,YAAaN,IAAKA,EAAKO,QAAS,IAAOX,KAAKE,MAAQ,KAAOU,IAAKZ,KAAKO,YAE1G,MAAMM,EAAWb,KAAKc,mBACtB,MAAMC,EAAkBf,KAAKgB,oBAC7B,OAAQR,EAAE,OAAQ,CAAEE,MAAO,aAAcN,IAAKA,EAAKa,MAAO,CAAEF,gBAAAA,IAAqBF,EAAYL,EAAE,OAAQ,CAAEU,cAAe,OAAQR,MAAO,YAAcG,GAAcL,EAAE,eAAgB,CAAEE,MAAO,OAAQS,KAAM,OAAQlB,MAAOD,KAAKC,SAKlOH,oBACE,MAAMsB,OAAEA,EAAMC,SAAEA,EAAQC,SAAEA,EAAQhB,GAAEA,GAAON,KAC3C,MAAMuB,EAAQC,EAAalB,GAC3B,MAAMmB,EAAKL,GAAU,IAAIA,EAAOtC,OAAOsC,EAAO5C,OAAS,KACvD,MAAMkD,EAAOL,GAAYC,GAAY,GACrC,MAAM5C,EAAM+C,GAAME,EAAWF,GAAMA,EAAKrD,EAAYsD,GAEpD,IAAMN,IAAWM,IAAUC,EAAWjD,GAAM,CAC1C,MAAO,iCAET,MAAMc,EAAME,EAAShB,GACrB,MAAMkD,EAAIL,IAAU,OAAS,GAAK,GAClC,MAAO,OAAO/B,WAAaoC,MAK7B9B,mBACE,MAAMwB,SAAEA,EAAQD,SAAEA,GAAarB,KAC/B,GAAIsB,EAAU,CACZ,OAAOA,EACJO,OACAC,MAAM,KACNC,KAAKL,GAASA,EAAKM,UAAU,EAAG,KAChCC,KAAK,SAEL,GAAIZ,EAAU,CACjB,OAAOA,EAASW,UAAU,EAAG,GAE/B,OAAO","sourcesContent":["/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n */\nimport { hexToRGB } from \"../calcite-color-picker/utils\";\n/**\n * Convert a string to a valid hex by hashing its contents\n * and using the hash as a seed for three distinct color values\n */\nexport function stringToHex(str) {\n  let hash = 0;\n  for (let i = 0; i < str.length; i++) {\n    hash = str.charCodeAt(i) + ((hash << 5) - hash);\n  }\n  let hex = \"#\";\n  for (let j = 0; j < 3; j++) {\n    const value = (hash >> (j * 8)) & 0xff;\n    hex += (\"00\" + value.toString(16)).substr(-2);\n  }\n  return hex;\n}\n/**\n * Find the hue of a color given the separate RGB color channels\n */\nexport function rgbToHue(rgb) {\n  let { r, g, b } = rgb;\n  r /= 255;\n  g /= 255;\n  b /= 255;\n  const max = Math.max(r, g, b);\n  const min = Math.min(r, g, b);\n  const delta = max - min;\n  if (max === min) {\n    return 0;\n  }\n  let hue = (max + min) / 2;\n  switch (max) {\n    case r:\n      hue = (g - b) / delta + (g < b ? 6 : 0);\n      break;\n    case g:\n      hue = (b - r) / delta + 2;\n      break;\n    case b:\n      hue = (r - g) / delta + 4;\n      break;\n  }\n  return Math.round(hue * 60);\n}\n/**\n * For a hex color, find the hue\n * @param hex {string} - form of \"#------\"\n */\nexport function hexToHue(hex) {\n  return rgbToHue(hexToRGB(hex));\n}\n","/* mixins & extensions */\n\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n\n:root {\n  --calcite-animation-timing: 300ms;\n}\n\n.calcite-animate {\n  opacity: 0;\n  animation-fill-mode: both;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n  animation-name: in;\n}\n\n.calcite-animate__in-down {\n  animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n  animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n  animation-name: in-scale;\n}\n\n/**\n* Currently only used in Checkbox.\n*/\n\n:root {\n  --calcite-popper-transition: 150ms ease-in-out;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host {\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  overflow: hidden;\n}\n\n:host([scale=s]) {\n  width: 1.5rem;\n  height: 1.5rem;\n  font-size: var(--calcite-font-size--3);\n}\n\n:host([scale=m]) {\n  width: 2rem;\n  height: 2rem;\n  font-size: var(--calcite-font-size--2);\n}\n\n:host([scale=l]) {\n  width: 2.75rem;\n  height: 2.75rem;\n  font-size: var(--calcite-font-size-0);\n}\n\n.icon {\n  display: flex;\n}\n\n.background {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n}\n\n.initials {\n  font-weight: var(--calcite-font-weight-bold);\n  text-transform: uppercase;\n  color: var(--calcite-ui-text-3);\n}\n\n.thumbnail {\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n}","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n */\nimport { Component, Element, h, Prop, State } from \"@stencil/core\";\nimport { getElementDir } from \"../../utils/dom\";\nimport { isValidHex } from \"../calcite-color-picker/utils\";\nimport { hexToHue, stringToHex } from \"./utils\";\nimport { getThemeName } from \"../../utils/dom\";\nexport class CalciteAvatar {\n  constructor() {\n    //--------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    //--------------------------------------------------------------------------\n    /** specify the scale of the avatar, defaults to m */\n    this.scale = \"m\";\n    //--------------------------------------------------------------------------\n    //\n    //  Private State/Props\n    //\n    //--------------------------------------------------------------------------\n    /** True if thumnail fails to load */\n    this.error = false;\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  render() {\n    return this.determineContent();\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n  determineContent() {\n    const dir = getElementDir(this.el);\n    if (this.thumbnail && !this.error) {\n      return (h(\"img\", { alt: \"\", class: \"thumbnail\", dir: dir, onError: () => (this.error = true), src: this.thumbnail }));\n    }\n    const initials = this.generateInitials();\n    const backgroundColor = this.generateFillColor();\n    return (h(\"span\", { class: \"background\", dir: dir, style: { backgroundColor } }, initials ? (h(\"span\", { \"aria-hidden\": \"true\", class: \"initials\" }, initials)) : (h(\"calcite-icon\", { class: \"icon\", icon: \"user\", scale: this.scale }))));\n  }\n  /**\n   * Generate a valid background color that is consistent and unique to this user\n   */\n  generateFillColor() {\n    const { userId, username, fullName, el } = this;\n    const theme = getThemeName(el);\n    const id = userId && `#${userId.substr(userId.length - 6)}`;\n    const name = username || fullName || \"\";\n    const hex = id && isValidHex(id) ? id : stringToHex(name);\n    // if there is not unique information, or an invalid hex is produced, return a default\n    if ((!userId && !name) || !isValidHex(hex)) {\n      return `var(--calcite-ui-foreground-2)`;\n    }\n    const hue = hexToHue(hex);\n    const l = theme === \"dark\" ? 20 : 90;\n    return `hsl(${hue}, 60%, ${l}%)`;\n  }\n  /**\n   * Use fullname or username to generate initials\n   */\n  generateInitials() {\n    const { fullName, username } = this;\n    if (fullName) {\n      return fullName\n        .trim()\n        .split(\" \")\n        .map((name) => name.substring(0, 1))\n        .join(\"\");\n    }\n    else if (username) {\n      return username.substring(0, 2);\n    }\n    return false;\n  }\n  static get is() { return \"calcite-avatar\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() { return {\n    \"$\": [\"calcite-avatar.scss\"]\n  }; }\n  static get styleUrls() { return {\n    \"$\": [\"calcite-avatar.css\"]\n  }; }\n  static get properties() { return {\n    \"scale\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"Scale\",\n        \"resolved\": \"\\\"l\\\" | \\\"m\\\" | \\\"s\\\"\",\n        \"references\": {\n          \"Scale\": {\n            \"location\": \"import\",\n            \"path\": \"../interfaces\"\n          }\n        }\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"specify the scale of the avatar, defaults to m\"\n      },\n      \"attribute\": \"scale\",\n      \"reflect\": true,\n      \"defaultValue\": \"\\\"m\\\"\"\n    },\n    \"thumbnail\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"src to an image (remember to add a token if the user is private)\"\n      },\n      \"attribute\": \"thumbnail\",\n      \"reflect\": false\n    },\n    \"fullName\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"full name of the user\"\n      },\n      \"attribute\": \"full-name\",\n      \"reflect\": false\n    },\n    \"username\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"user name\"\n      },\n      \"attribute\": \"username\",\n      \"reflect\": false\n    },\n    \"userId\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"unique id for user\"\n      },\n      \"attribute\": \"user-id\",\n      \"reflect\": false\n    }\n  }; }\n  static get states() { return {\n    \"error\": {}\n  }; }\n  static get elementRef() { return \"el\"; }\n}\n"]}

package/dist/solutions/p-cb5cb9a8.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["node_modules/@esri/calcite-components/dist/collection/utils/label.js"],"names":["labelClickEvent","labelTagName","onLabelClickMap","WeakMap","findLabelForComponent","componentEl","id","forLabel","queryElementRoots","parentLabel","closestElementCrossShadowBoundary","hasAncestorCustomElements","label","traversedElements","customElementAncestorCheckEventType","listener","event","stopImmediatePropagation","composedPath","slice","indexOf","addEventListener","once","dispatchEvent","CustomEvent","composed","bubbles","removeEventListener","ancestorCustomElements","filter","el","_a","tagName","includes","length","connectLabel","component","labelEl","has","boundOnLabelClick","onLabelClick","bind","set","disconnectLabel","get","delete","getLabelText","_b","textContent","trim","containedLabelableChildClicked","this","contains","detail","sourceEvent","target"],"mappings":";;;;;;;;;GASO,MAAMA,EAAkB,4BAC/B,MAAMC,EAAe,gBACrB,MAAMC,EAAkB,IAAIC,QAC5B,MAAMC,EAAyBC,IAC7B,MAAMC,GAAEA,GAAOD,EACf,MAAME,EAAWD,GAAME,EAAkBH,EAAa,GAAGJ,UAAqBK,OAC9E,GAAIC,EAAU,CACZ,OAAOA,EAET,MAAME,EAAcC,EAAkCL,EAAaJ,GACnE,IAAKQ,GAEHE,EAA0BF,EAAaJ,GAAc,CACrD,OAAO,KAET,OAAOI,GAET,SAASE,EAA0BC,EAAOP,GACxC,IAAIQ,EACJ,MAAMC,EAAsC,gCAC5C,MAAMC,EAAYC,IAChBA,EAAMC,2BACN,MAAMC,EAAeF,EAAME,eAC3BL,EAAoBK,EAAaC,MAAMD,EAAaE,QAAQf,GAAca,EAAaE,QAAQR,KAEjGA,EAAMS,iBAAiBP,EAAqCC,EAAU,CAAEO,KAAM,OAC9EjB,EAAYkB,cAAc,IAAIC,YAAYV,EAAqC,CAAEW,SAAU,KAAMC,QAAS,QAC1Gd,EAAMe,oBAAoBb,EAAqCC,GAC/D,MAAMa,EAAyBf,EAC5BgB,QAAQC,GAAOA,IAAOzB,GAAeyB,IAAOlB,IAC5CiB,QAAQC,IAAS,IAAIC,EAAI,OAAQA,EAAKD,EAAGE,WAAa,MAAQD,SAAY,OAAS,EAAIA,EAAGE,SAAS,QACtG,OAAOL,EAAuBM,OAAS,EAKlC,SAASC,EAAaC,GAC3B,MAAMC,EAAUjC,EAAsBgC,EAAUN,IAChD,IAAKO,GAAWnC,EAAgBoC,IAAID,GAAU,CAC5C,OAEFD,EAAUC,QAAUA,EACpB,MAAME,EAAoBC,EAAaC,KAAKL,GAC5ClC,EAAgBwC,IAAIN,EAAUC,QAASE,GACvCH,EAAUC,QAAQhB,iBAAiBrB,EAAiBuC,GAK/C,SAASI,EAAgBP,GAC9B,IAAKA,EAAUC,QAAS,CACtB,OAEF,MAAME,EAAoBrC,EAAgB0C,IAAIR,EAAUC,SACxDD,EAAUC,QAAQV,oBAAoB3B,EAAiBuC,GACvDrC,EAAgB2C,OAAOT,EAAUC,SAK5B,SAASS,EAAaV,GAC3B,IAAIL,EAAIgB,EACR,OAAOX,EAAUxB,SAAWmC,GAAMhB,EAAKK,EAAUC,WAAa,MAAQN,SAAY,OAAS,EAAIA,EAAGiB,eAAiB,MAAQD,SAAY,OAAS,EAAIA,EAAGE,SAAW,GAEpK,SAAST,EAAaxB,GACpB,MAAMkC,EAAiCC,KAAKrB,GAAGsB,SAASpC,EAAMqC,OAAOC,YAAYC,QACjF,GAAIL,EAAgC,CAClC,OAEFC,KAAKX,aAAaxB","sourcesContent":["/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n */\nimport { closestElementCrossShadowBoundary, queryElementRoots } from \"./dom\";\n/**\n * Exported for testing purposes only\n * @internal\n */\nexport const labelClickEvent = \"calciteInternalLabelClick\";\nconst labelTagName = \"calcite-label\";\nconst onLabelClickMap = new WeakMap();\nconst findLabelForComponent = (componentEl) => {\n  const { id } = componentEl;\n  const forLabel = id && queryElementRoots(componentEl, `${labelTagName}[for=\"${id}\"]`);\n  if (forLabel) {\n    return forLabel;\n  }\n  const parentLabel = closestElementCrossShadowBoundary(componentEl, labelTagName);\n  if (!parentLabel ||\n    // labelable components within other custom elements are not considered labelable\n    hasAncestorCustomElements(parentLabel, componentEl)) {\n    return null;\n  }\n  return parentLabel;\n};\nfunction hasAncestorCustomElements(label, componentEl) {\n  let traversedElements;\n  const customElementAncestorCheckEventType = \"custom-element-ancestor-check\";\n  const listener = (event) => {\n    event.stopImmediatePropagation();\n    const composedPath = event.composedPath();\n    traversedElements = composedPath.slice(composedPath.indexOf(componentEl), composedPath.indexOf(label));\n  };\n  label.addEventListener(customElementAncestorCheckEventType, listener, { once: true });\n  componentEl.dispatchEvent(new CustomEvent(customElementAncestorCheckEventType, { composed: true, bubbles: true }));\n  label.removeEventListener(customElementAncestorCheckEventType, listener);\n  const ancestorCustomElements = traversedElements\n    .filter((el) => el !== componentEl && el !== label)\n    .filter((el) => { var _a; return (_a = el.tagName) === null || _a === void 0 ? void 0 : _a.includes(\"-\"); });\n  return ancestorCustomElements.length > 0;\n}\n/**\n * Helper to set up label interactions on connectedCallback.\n */\nexport function connectLabel(component) {\n  const labelEl = findLabelForComponent(component.el);\n  if (!labelEl || onLabelClickMap.has(labelEl)) {\n    return;\n  }\n  component.labelEl = labelEl;\n  const boundOnLabelClick = onLabelClick.bind(component);\n  onLabelClickMap.set(component.labelEl, boundOnLabelClick);\n  component.labelEl.addEventListener(labelClickEvent, boundOnLabelClick);\n}\n/**\n * Helper to tear down label interactions on disconnectedCallback.\n */\nexport function disconnectLabel(component) {\n  if (!component.labelEl) {\n    return;\n  }\n  const boundOnLabelClick = onLabelClickMap.get(component.labelEl);\n  component.labelEl.removeEventListener(labelClickEvent, boundOnLabelClick);\n  onLabelClickMap.delete(component.labelEl);\n}\n/**\n * Helper to get the label text from a component.\n */\nexport function getLabelText(component) {\n  var _a, _b;\n  return component.label || ((_b = (_a = component.labelEl) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim()) || \"\";\n}\nfunction onLabelClick(event) {\n  const containedLabelableChildClicked = this.el.contains(event.detail.sourceEvent.target);\n  if (containedLabelableChildClicked) {\n    return;\n  }\n  this.onLabelClick(event);\n}\n"]}