@esri/calcite-components 1.0.0-beta.88 → 1.0.0-beta.90

package/dist/calcite/{p-b850c351.entry.js → p-7c95a2c8.entry.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.88
+ * v1.0.0-beta.90
  */
-import{r as t,c as i,h as e,H as n,g as o}from"./p-499e3e8e.js";import{T as a,g as s,s as r,d as l,a as c,C as u}from"./p-1f4f5c19.js";import{c as m,d,g as h}from"./p-d3040412.js";import{s as b,c as p,d as f,H as v}from"./p-0ee2d220.js";import{d as x,i as g,p as w,g as k,l as y,s as z}from"./p-d741852a.js";import{n as D}from"./p-bbe16621.js";import{d as j}from"./p-d281f769.js";import{c as I}from"./p-49228240.js";import{u as E}from"./p-abd4e5a8.js";import"./p-912b88e8.js";const N=class{constructor(e){t(this,e),this.calciteInternalInputNumberFocus=i(this,"calciteInternalInputNumberFocus",7),this.calciteInternalInputNumberBlur=i(this,"calciteInternalInputNumberBlur",7),this.calciteInputNumberInput=i(this,"calciteInputNumberInput",7),this.calciteInputNumberChange=i(this,"calciteInputNumberChange",7),this.alignment="start",this.autofocus=!1,this.clearable=!1,this.disabled=!1,this.groupSeparator=!1,this.hidden=!1,this.intlLoading=a.loading,this.iconFlipRtl=!1,this.loading=!1,this.locale=document.documentElement.lang||"en",this.localeFormat=!1,this.numberButtonType="vertical",this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.editingEnabled=!1,this.value="",this.previousValueOrigin="initial",this.mutationObserver=I("mutation",(()=>this.setDisabledAction())),this.userChangedValue=!1,this.keyDownHandler=t=>{this.readOnly||this.disabled||(this.isClearable&&"Escape"===t.key&&(this.clearInputValue(t),t.preventDefault()),"Enter"!==t.key||t.defaultPrevented||b(this))},this.clearInputValue=t=>{this.setNumberValue({committing:!0,nativeEvent:t,origin:"user",value:""})},this.emitChangeIfUserModified=()=>{"user"===this.previousValueOrigin&&this.value!==this.previousEmittedValue&&this.calciteInputNumberChange.emit(),this.previousEmittedValue=this.value},this.inputNumberBlurHandler=()=>{this.calciteInternalInputNumberBlur.emit(),this.emitChangeIfUserModified()},this.inputNumberFocusHandler=t=>{const i=s(this.el,"action");t.target!==i&&this.setFocus(),this.calciteInternalInputNumberFocus.emit()},this.inputNumberInputHandler=t=>{if(this.disabled||this.readOnly)return;const i=x(t.target.value,this.locale);"insertFromPaste"===t.inputType?(g(i)||t.preventDefault(),this.setNumberValue({nativeEvent:t,origin:"user",value:w(i)}),this.childNumberEl.value=this.localizedValue):this.setNumberValue({nativeEvent:t,origin:"user",value:i})},this.inputNumberKeyDownHandler=t=>{if(this.disabled||this.readOnly)return;if("ArrowUp"===t.key)return t.preventDefault(),void this.nudgeNumberValue("up",t);if("ArrowDown"===t.key)return void this.nudgeNumberValue("down",t);const i=[...D,"ArrowLeft","ArrowRight","Backspace","Delete","Enter","Escape","Tab"];if(t.altKey||t.ctrlKey||t.metaKey)return;const e=t.shiftKey&&"Tab"===t.key;if(i.includes(t.key)&&(!t.shiftKey||e))return void("Enter"===t.key&&this.emitChangeIfUserModified());const n=k(this.locale);if(t.key===n){if(!this.value&&!this.childNumberEl.value)return;if(this.value&&-1===this.childNumberEl.value.indexOf(n))return}if(/[eE]/.test(t.key)){if(!this.value&&!this.childNumberEl.value)return;if(this.value&&!/[eE]/.test(this.childNumberEl.value))return}if("-"===t.key){if(!this.value&&!this.childNumberEl.value)return;if(this.value&&this.childNumberEl.value.split("-").length<=2)return}t.preventDefault()},this.nudgeNumberValue=(t,i)=>{if(i instanceof KeyboardEvent&&i.repeat)return;const e=this.maxString?parseFloat(this.maxString):null,n=this.minString?parseFloat(this.minString):null;this.incrementOrDecrementNumberValue(t,e,n,i),this.nudgeNumberValueIntervalId&&window.clearInterval(this.nudgeNumberValueIntervalId);let o=!0;this.nudgeNumberValueIntervalId=window.setInterval((()=>{o?o=!1:this.incrementOrDecrementNumberValue(t,e,n,i)}),100)},this.nudgeButtonPointerUpAndOutHandler=()=>{window.clearInterval(this.nudgeNumberValueIntervalId)},this.nudgeButtonPointerDownHandler=t=>{t.preventDefault(),this.disabled||this.nudgeNumberValue(t.target.dataset.adjustment,t)},this.setChildNumberElRef=t=>{this.childNumberEl=t},this.setInputNumberValue=t=>{this.childNumberEl&&(this.childNumberEl.value=t)},this.setPreviousEmittedNumberValue=t=>{this.previousEmittedValue=g(t)?t:""},this.setPreviousNumberValue=t=>{this.previousValue=g(t)?t:""},this.setNumberValue=({committing:t=!1,nativeEvent:i,origin:e,previousValue:n,value:o})=>{const a=y(this.previousValue,this.locale,this.groupSeparator,this.numberingSystem),s=z(o),r=o&&!s?g(this.previousValue)?this.previousValue:"":s,l=y(r,this.locale,this.groupSeparator,this.numberingSystem);this.setPreviousNumberValue(n||this.value),this.previousValueOrigin=e,this.userChangedValue="user"===e&&this.value!==r,this.value=r,this.localizedValue=l,"direct"===e&&this.setInputNumberValue(l),i&&(this.calciteInputNumberInput.emit({element:this.childNumberEl,nativeEvent:i,value:this.value}).defaultPrevented?(this.value=this.previousValue,this.localizedValue=a):t&&this.emitChangeIfUserModified())},this.inputNumberKeyUpHandler=()=>{window.clearInterval(this.nudgeNumberValueIntervalId)}}disabledWatcher(){this.setDisabledAction()}maxWatcher(){var t;this.maxString=(null===(t=this.max)||void 0===t?void 0:t.toString())||null}minWatcher(){var t;this.minString=(null===(t=this.min)||void 0===t?void 0:t.toString())||null}valueWatcher(t,i){this.userChangedValue||(this.setNumberValue({origin:"direct",previousValue:i,value:null==t||""==t?"":g(t)?t:this.previousValue||""}),this.warnAboutInvalidNumberValue(t)),this.userChangedValue=!1}updateRequestedIcon(){this.requestedIcon=r({},this.icon,"number")}get isClearable(){return this.clearable&&this.value.length>0}connectedCallback(){var t;this.scale=l(this.el,"scale",this.scale),this.status=l(this.el,"status",this.status),this.inlineEditableEl=this.el.closest("calcite-inline-editable"),this.inlineEditableEl&&(this.editingEnabled=this.inlineEditableEl.editingEnabled||!1),this.setPreviousEmittedNumberValue(this.value),this.setPreviousNumberValue(this.value),this.warnAboutInvalidNumberValue(this.value),this.setNumberValue({origin:"connected",value:g(this.value)?this.value:""}),m(this),p(this),null===(t=this.mutationObserver)||void 0===t||t.observe(this.el,{childList:!0}),this.setDisabledAction()}disconnectedCallback(){var t;d(this),f(this),null===(t=this.mutationObserver)||void 0===t||t.disconnect()}componentWillLoad(){var t,i;this.maxString=null===(t=this.max)||void 0===t?void 0:t.toString(),this.minString=null===(i=this.min)||void 0===i?void 0:i.toString(),this.requestedIcon=r({},this.icon,"number")}componentShouldUpdate(t,i,e){return!("value"===e&&t&&!g(t)&&(this.setNumberValue({origin:"reset",value:i}),1))}componentDidRender(){E(this)}async setFocus(){var t;null===(t=this.childNumberEl)||void 0===t||t.focus()}async selectText(){var t;null===(t=this.childNumberEl)||void 0===t||t.select()}onLabelClick(){this.setFocus()}incrementOrDecrementNumberValue(t,i,e,n){const{value:o}=this,a="any"===this.step?1:Math.abs(this.step||1),s=o&&""!==o?parseFloat(o):0,r=s+a*("up"===t?1:-1),l="number"==typeof e&&!isNaN(e)&&r<e||"number"==typeof i&&!isNaN(i)&&r>i?s:r,c=j(s),u=j(a);this.setNumberValue({committing:!0,nativeEvent:n,origin:"user",value:l.toFixed(Math.max(c,u))})}onFormReset(){this.setNumberValue({origin:"reset",value:this.defaultValue})}syncHiddenFormInput(t){var i,e,n,o;t.type="number",t.min=null!==(e=null===(i=this.min)||void 0===i?void 0:i.toString(10))&&void 0!==e?e:"",t.max=null!==(o=null===(n=this.max)||void 0===n?void 0:n.toString(10))&&void 0!==o?o:""}setDisabledAction(){const t=s(this.el,"action");t&&(this.disabled?t.setAttribute("disabled",""):t.removeAttribute("disabled"))}warnAboutInvalidNumberValue(t){t&&!g(t)&&console.warn(`The specified value "${t}" cannot be parsed, or is out of range.`)}render(){const t=c(this.el),i=e("div",{class:"loader"},e("calcite-progress",{label:this.intlLoading,type:"indeterminate"})),o=e("button",{"aria-label":this.intlClear||"Clear value",class:"clear-button",disabled:this.disabled||this.readOnly,onClick:this.clearInputValue,tabIndex:this.disabled?-1:0,type:"button"},e("calcite-icon",{icon:"x",scale:"s"})),a=e("calcite-icon",{class:"icon",flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:"s"}),s="horizontal"===this.numberButtonType,r=e("button",{class:{"number-button-item":!0,"number-button-item--horizontal":s},"data-adjustment":"up",disabled:this.disabled||this.readOnly,onPointerDown:this.nudgeButtonPointerDownHandler,onPointerOut:this.nudgeButtonPointerUpAndOutHandler,onPointerUp:this.nudgeButtonPointerUpAndOutHandler,tabIndex:-1,type:"button"},e("calcite-icon",{icon:"chevron-up",scale:"s"})),l=e("button",{class:{"number-button-item":!0,"number-button-item--horizontal":s},"data-adjustment":"down",disabled:this.disabled||this.readOnly,onPointerDown:this.nudgeButtonPointerDownHandler,onPointerOut:this.nudgeButtonPointerUpAndOutHandler,onPointerUp:this.nudgeButtonPointerUpAndOutHandler,tabIndex:-1,type:"button"},e("calcite-icon",{icon:"chevron-down",scale:"s"})),m=e("div",{class:"number-button-wrapper"},r,l),d=e("div",{class:"prefix"},this.prefixText),b=e("div",{class:"suffix"},this.suffixText),p=e("input",{"aria-label":h(this),autofocus:!!this.autofocus||null,defaultValue:this.defaultValue,disabled:!!this.disabled||null,enterKeyHint:this.el.enterKeyHint,inputMode:this.el.inputMode,key:"localized-input",maxLength:this.maxLength,minLength:this.minLength,name:void 0,onBlur:this.inputNumberBlurHandler,onFocus:this.inputNumberFocusHandler,onInput:this.inputNumberInputHandler,onKeyDown:this.inputNumberKeyDownHandler,onKeyUp:this.inputNumberKeyUpHandler,placeholder:this.placeholder||"",readOnly:this.readOnly,ref:this.setChildNumberElRef,type:"text",value:this.localizedValue});return e(n,{onClick:this.inputNumberFocusHandler,onKeyDown:this.keyDownHandler},e("div",{class:{wrapper:!0,[u.rtl]:"rtl"===t}},"horizontal"!==this.numberButtonType||this.readOnly?null:l,this.prefixText?d:null,e("div",{class:"element-wrapper"},p,this.isClearable?o:null,this.requestedIcon?a:null,this.loading?i:null),e("div",{class:"action-wrapper"},e("slot",{name:"action"})),"vertical"!==this.numberButtonType||this.readOnly?null:m,this.suffixText?b:null,"horizontal"!==this.numberButtonType||this.readOnly?null:r,e(v,{component:this})))}get el(){return o(this)}static get watchers(){return{disabled:["disabledWatcher"],max:["maxWatcher"],min:["minWatcher"],value:["valueWatcher"],icon:["updateRequestedIcon"]}}};N.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:block}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{block-size:1.5rem;padding-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .number-button-wrapper,:host([scale=s]) .action-wrapper calcite-button,:host([scale=s]) .action-wrapper calcite-button button{block-size:1.5rem}:host([scale=s]) .clear-button{min-block-size:1.5rem;min-inline-size:1.5rem}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{block-size:2rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .number-button-wrapper,:host([scale=m]) .action-wrapper calcite-button,:host([scale=m]) .action-wrapper calcite-button button{block-size:2rem}:host([scale=m]) .clear-button{min-block-size:2rem;min-inline-size:2rem}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{block-size:2.75rem;padding-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .number-button-wrapper,:host([scale=l]) .action-wrapper calcite-button,:host([scale=l]) .action-wrapper calcite-button button{block-size:2.75rem}:host([scale=l]) .clear-button{min-block-size:2.75rem;min-inline-size:2.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host input{-webkit-transition:var(--calcite-animation-timing), block-size 0, outline-offset 0s;transition:var(--calcite-animation-timing), block-size 0, outline-offset 0s;-webkit-appearance:none;position:relative;margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;-ms-flex:1 1 0%;flex:1 1 0%;border-radius:0px;background-color:var(--calcite-ui-foreground-1);font-family:inherit;font-weight:var(--calcite-font-weight-normal);border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);color:var(--calcite-ui-text-1)}:host input:-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}:host input::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}:host input::placeholder,:host input:-ms-input-placeholder,:host input::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}:host input:focus{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-text-1)}:host input[readonly]{background-color:var(--calcite-ui-background);font-weight:var(--calcite-font-weight-medium)}:host input[readonly]:focus{color:var(--calcite-ui-text-1)}:host calcite-icon{color:var(--calcite-ui-text-3)}:host input{outline-color:transparent}:host input:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([status=invalid]) input{border-color:var(--calcite-ui-danger)}:host([status=invalid]) input:focus{outline:2px solid var(--calcite-ui-danger);outline-offset:-2px}:host([scale=s]) .icon{inset-inline-start:0.5rem}:host([scale=m]) .icon{inset-inline-start:0.75rem}:host([scale=l]) .icon{inset-inline-start:1rem}:host([icon][scale=s]) input{-webkit-padding-start:2rem;padding-inline-start:2rem}:host([icon][scale=m]) input{-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}:host([icon][scale=l]) input{-webkit-padding-start:3rem;padding-inline-start:3rem}.element-wrapper{position:relative;-ms-flex-order:3;order:3;display:-ms-inline-flexbox;display:inline-flex;-ms-flex:1 1 0%;flex:1 1 0%;-ms-flex-align:center;align-items:center}.icon{pointer-events:none;position:absolute;z-index:10;display:block;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button{pointer-events:initial;-ms-flex-order:4;order:4;margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;min-block-size:100%;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:stretch;align-self:stretch;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);outline-color:transparent;border-inline-start-width:0px}.clear-button:hover{background-color:var(--calcite-ui-foreground-2);-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:hover calcite-icon{color:var(--calcite-ui-text-1);-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 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)}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block}.action-wrapper{-ms-flex-order:7;order:7;display:-ms-flexbox;display:flex}.prefix,.suffix{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-background);font-weight:var(--calcite-font-weight-medium);line-height:1;color:var(--calcite-ui-text-2)}.prefix{-ms-flex-order:2;order:2;border-inline-end-width:0px}.suffix{-ms-flex-order:5;order:5;border-inline-start-width:0px}:host([alignment=start]) input{text-align:start}:host([alignment=end]) input{text-align:end}.number-button-wrapper{pointer-events:none;-ms-flex-order:6;order:6;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host([number-button-type=vertical]) .wrapper{-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex}:host([number-button-type=vertical]) input{-ms-flex-order:2;order:2}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=down] calcite-icon{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=up] calcite-icon{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down],.number-button-item.number-button-item--horizontal[data-adjustment=up]{-ms-flex-order:1;order:1;max-block-size:100%;min-block-size:100%;-ms-flex-item-align:stretch;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{-webkit-transform:rotate(90deg);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-inline-end-width:0px}.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]{-ms-flex-order:5;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)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-block-start-width:0px}.number-button-item{max-block-size:50%;min-block-size:50%;pointer-events:initial;margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);padding-block:0px;padding-inline:0.5rem;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-inline-start-width:0px}.number-button-item calcite-icon{pointer-events:none;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 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)}.number-button-item:disabled{pointer-events:none}.wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.resize-icon-wrapper{inset-block-end:2px;inset-inline-end:2px;pointer-events:none;position:absolute;z-index:10;block-size:0.75rem;inline-size:0.75rem;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-3)}.resize-icon-wrapper calcite-icon{inset-block-end:0.25rem;inset-inline-end:0.25rem;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.calcite--rtl .resize-icon-wrapper calcite-icon{-webkit-transform:rotate(45deg);transform:rotate(45deg)}:host(.no-bottom-border) input{border-block-end-width:0px}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-ui-border-1)}:host .inline-child{background-color:transparent;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host .inline-child .editing-enabled{background-color:inherit}:host .inline-child:not(.editing-enabled){display:-ms-flexbox;display:flex;cursor:pointer;border-color:transparent;-webkit-padding-start:0;padding-inline-start:0}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";export{N as calcite_input_number}
+import{r as t,c as i,h as e,H as n,g as o}from"./p-be20f015.js";import{T as a,g as s,s as r,d as l,a as c,C as u}from"./p-18d50ab7.js";import{c as m,d,g as h}from"./p-e66da40a.js";import{s as b,c as p,d as f,H as v}from"./p-bfe4a296.js";import{d as x,i as g,p as w,g as k,l as y,s as z}from"./p-0490bbfe.js";import{n as D}from"./p-e96e6a73.js";import{d as j}from"./p-6072f4ab.js";import{c as I}from"./p-de3ab3bb.js";import{u as E}from"./p-7fdef884.js";import"./p-01e752f7.js";const N=class{constructor(e){t(this,e),this.calciteInternalInputNumberFocus=i(this,"calciteInternalInputNumberFocus",7),this.calciteInternalInputNumberBlur=i(this,"calciteInternalInputNumberBlur",7),this.calciteInputNumberInput=i(this,"calciteInputNumberInput",7),this.calciteInputNumberChange=i(this,"calciteInputNumberChange",7),this.alignment="start",this.autofocus=!1,this.clearable=!1,this.disabled=!1,this.groupSeparator=!1,this.hidden=!1,this.intlLoading=a.loading,this.iconFlipRtl=!1,this.loading=!1,this.locale=document.documentElement.lang||"en",this.localeFormat=!1,this.numberButtonType="vertical",this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.editingEnabled=!1,this.value="",this.previousValueOrigin="initial",this.mutationObserver=I("mutation",(()=>this.setDisabledAction())),this.userChangedValue=!1,this.keyDownHandler=t=>{this.readOnly||this.disabled||(this.isClearable&&"Escape"===t.key&&(this.clearInputValue(t),t.preventDefault()),"Enter"!==t.key||t.defaultPrevented||b(this))},this.clearInputValue=t=>{this.setNumberValue({committing:!0,nativeEvent:t,origin:"user",value:""})},this.emitChangeIfUserModified=()=>{"user"===this.previousValueOrigin&&this.value!==this.previousEmittedValue&&this.calciteInputNumberChange.emit(),this.previousEmittedValue=this.value},this.inputNumberBlurHandler=()=>{this.calciteInternalInputNumberBlur.emit(),this.emitChangeIfUserModified()},this.inputNumberFocusHandler=t=>{const i=s(this.el,"action");t.target!==i&&this.setFocus(),this.calciteInternalInputNumberFocus.emit()},this.inputNumberInputHandler=t=>{if(this.disabled||this.readOnly)return;const i=x(t.target.value,this.locale);"insertFromPaste"===t.inputType?(g(i)||t.preventDefault(),this.setNumberValue({nativeEvent:t,origin:"user",value:w(i)}),this.childNumberEl.value=this.localizedValue):this.setNumberValue({nativeEvent:t,origin:"user",value:i})},this.inputNumberKeyDownHandler=t=>{if(this.disabled||this.readOnly)return;if("ArrowUp"===t.key)return t.preventDefault(),void this.nudgeNumberValue("up",t);if("ArrowDown"===t.key)return void this.nudgeNumberValue("down",t);const i=[...D,"ArrowLeft","ArrowRight","Backspace","Delete","Enter","Escape","Tab"];if(t.altKey||t.ctrlKey||t.metaKey)return;const e=t.shiftKey&&"Tab"===t.key;if(i.includes(t.key)&&(!t.shiftKey||e))return void("Enter"===t.key&&this.emitChangeIfUserModified());const n=k(this.locale);if(t.key===n){if(!this.value&&!this.childNumberEl.value)return;if(this.value&&-1===this.childNumberEl.value.indexOf(n))return}if(/[eE]/.test(t.key)){if(!this.value&&!this.childNumberEl.value)return;if(this.value&&!/[eE]/.test(this.childNumberEl.value))return}if("-"===t.key){if(!this.value&&!this.childNumberEl.value)return;if(this.value&&this.childNumberEl.value.split("-").length<=2)return}t.preventDefault()},this.nudgeNumberValue=(t,i)=>{if(i instanceof KeyboardEvent&&i.repeat)return;const e=this.maxString?parseFloat(this.maxString):null,n=this.minString?parseFloat(this.minString):null;this.incrementOrDecrementNumberValue(t,e,n,i),this.nudgeNumberValueIntervalId&&window.clearInterval(this.nudgeNumberValueIntervalId);let o=!0;this.nudgeNumberValueIntervalId=window.setInterval((()=>{o?o=!1:this.incrementOrDecrementNumberValue(t,e,n,i)}),100)},this.nudgeButtonPointerUpAndOutHandler=()=>{window.clearInterval(this.nudgeNumberValueIntervalId)},this.nudgeButtonPointerDownHandler=t=>{t.preventDefault(),this.disabled||this.nudgeNumberValue(t.target.dataset.adjustment,t)},this.setChildNumberElRef=t=>{this.childNumberEl=t},this.setInputNumberValue=t=>{this.childNumberEl&&(this.childNumberEl.value=t)},this.setPreviousEmittedNumberValue=t=>{this.previousEmittedValue=g(t)?t:""},this.setPreviousNumberValue=t=>{this.previousValue=g(t)?t:""},this.setNumberValue=({committing:t=!1,nativeEvent:i,origin:e,previousValue:n,value:o})=>{const a=y(this.previousValue,this.locale,this.groupSeparator,this.numberingSystem),s=z(o),r=o&&!s?g(this.previousValue)?this.previousValue:"":s,l=y(r,this.locale,this.groupSeparator,this.numberingSystem);this.setPreviousNumberValue(n||this.value),this.previousValueOrigin=e,this.userChangedValue="user"===e&&this.value!==r,this.value=r,this.localizedValue=l,"direct"===e&&this.setInputNumberValue(l),i&&(this.calciteInputNumberInput.emit({element:this.childNumberEl,nativeEvent:i,value:this.value}).defaultPrevented?(this.value=this.previousValue,this.localizedValue=a):t&&this.emitChangeIfUserModified())},this.inputNumberKeyUpHandler=()=>{window.clearInterval(this.nudgeNumberValueIntervalId)}}disabledWatcher(){this.setDisabledAction()}maxWatcher(){var t;this.maxString=(null===(t=this.max)||void 0===t?void 0:t.toString())||null}minWatcher(){var t;this.minString=(null===(t=this.min)||void 0===t?void 0:t.toString())||null}valueWatcher(t,i){this.userChangedValue||(this.setNumberValue({origin:"direct",previousValue:i,value:null==t||""==t?"":g(t)?t:this.previousValue||""}),this.warnAboutInvalidNumberValue(t)),this.userChangedValue=!1}updateRequestedIcon(){this.requestedIcon=r({},this.icon,"number")}get isClearable(){return this.clearable&&this.value.length>0}connectedCallback(){var t;this.scale=l(this.el,"scale",this.scale),this.status=l(this.el,"status",this.status),this.inlineEditableEl=this.el.closest("calcite-inline-editable"),this.inlineEditableEl&&(this.editingEnabled=this.inlineEditableEl.editingEnabled||!1),this.setPreviousEmittedNumberValue(this.value),this.setPreviousNumberValue(this.value),this.warnAboutInvalidNumberValue(this.value),this.setNumberValue({origin:"connected",value:g(this.value)?this.value:""}),m(this),p(this),null===(t=this.mutationObserver)||void 0===t||t.observe(this.el,{childList:!0}),this.setDisabledAction()}disconnectedCallback(){var t;d(this),f(this),null===(t=this.mutationObserver)||void 0===t||t.disconnect()}componentWillLoad(){var t,i;this.maxString=null===(t=this.max)||void 0===t?void 0:t.toString(),this.minString=null===(i=this.min)||void 0===i?void 0:i.toString(),this.requestedIcon=r({},this.icon,"number")}componentShouldUpdate(t,i,e){return!("value"===e&&t&&!g(t)&&(this.setNumberValue({origin:"reset",value:i}),1))}componentDidRender(){E(this)}async setFocus(){var t;null===(t=this.childNumberEl)||void 0===t||t.focus()}async selectText(){var t;null===(t=this.childNumberEl)||void 0===t||t.select()}onLabelClick(){this.setFocus()}incrementOrDecrementNumberValue(t,i,e,n){const{value:o}=this,a="any"===this.step?1:Math.abs(this.step||1),s=o&&""!==o?parseFloat(o):0,r=s+a*("up"===t?1:-1),l="number"==typeof e&&!isNaN(e)&&r<e||"number"==typeof i&&!isNaN(i)&&r>i?s:r,c=j(s),u=j(a);this.setNumberValue({committing:!0,nativeEvent:n,origin:"user",value:l.toFixed(Math.max(c,u))})}onFormReset(){this.setNumberValue({origin:"reset",value:this.defaultValue})}syncHiddenFormInput(t){var i,e,n,o;t.type="number",t.min=null!==(e=null===(i=this.min)||void 0===i?void 0:i.toString(10))&&void 0!==e?e:"",t.max=null!==(o=null===(n=this.max)||void 0===n?void 0:n.toString(10))&&void 0!==o?o:""}setDisabledAction(){const t=s(this.el,"action");t&&(this.disabled?t.setAttribute("disabled",""):t.removeAttribute("disabled"))}warnAboutInvalidNumberValue(t){t&&!g(t)&&console.warn(`The specified value "${t}" cannot be parsed, or is out of range.`)}render(){const t=c(this.el),i=e("div",{class:"loader"},e("calcite-progress",{label:this.intlLoading,type:"indeterminate"})),o=e("button",{"aria-label":this.intlClear||"Clear value",class:"clear-button",disabled:this.disabled||this.readOnly,onClick:this.clearInputValue,tabIndex:this.disabled?-1:0,type:"button"},e("calcite-icon",{icon:"x",scale:"s"})),a=e("calcite-icon",{class:"icon",flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:"s"}),s="horizontal"===this.numberButtonType,r=e("button",{class:{"number-button-item":!0,"number-button-item--horizontal":s},"data-adjustment":"up",disabled:this.disabled||this.readOnly,onPointerDown:this.nudgeButtonPointerDownHandler,onPointerOut:this.nudgeButtonPointerUpAndOutHandler,onPointerUp:this.nudgeButtonPointerUpAndOutHandler,tabIndex:-1,type:"button"},e("calcite-icon",{icon:"chevron-up",scale:"s"})),l=e("button",{class:{"number-button-item":!0,"number-button-item--horizontal":s},"data-adjustment":"down",disabled:this.disabled||this.readOnly,onPointerDown:this.nudgeButtonPointerDownHandler,onPointerOut:this.nudgeButtonPointerUpAndOutHandler,onPointerUp:this.nudgeButtonPointerUpAndOutHandler,tabIndex:-1,type:"button"},e("calcite-icon",{icon:"chevron-down",scale:"s"})),m=e("div",{class:"number-button-wrapper"},r,l),d=e("div",{class:"prefix"},this.prefixText),b=e("div",{class:"suffix"},this.suffixText),p=e("input",{"aria-label":h(this),autofocus:!!this.autofocus||null,defaultValue:this.defaultValue,disabled:!!this.disabled||null,enterKeyHint:this.el.enterKeyHint,inputMode:this.el.inputMode,key:"localized-input",maxLength:this.maxLength,minLength:this.minLength,name:void 0,onBlur:this.inputNumberBlurHandler,onFocus:this.inputNumberFocusHandler,onInput:this.inputNumberInputHandler,onKeyDown:this.inputNumberKeyDownHandler,onKeyUp:this.inputNumberKeyUpHandler,placeholder:this.placeholder||"",readOnly:this.readOnly,ref:this.setChildNumberElRef,type:"text",value:this.localizedValue});return e(n,{onClick:this.inputNumberFocusHandler,onKeyDown:this.keyDownHandler},e("div",{class:{wrapper:!0,[u.rtl]:"rtl"===t}},"horizontal"!==this.numberButtonType||this.readOnly?null:l,this.prefixText?d:null,e("div",{class:"element-wrapper"},p,this.isClearable?o:null,this.requestedIcon?a:null,this.loading?i:null),e("div",{class:"action-wrapper"},e("slot",{name:"action"})),"vertical"!==this.numberButtonType||this.readOnly?null:m,this.suffixText?b:null,"horizontal"!==this.numberButtonType||this.readOnly?null:r,e(v,{component:this})))}get el(){return o(this)}static get watchers(){return{disabled:["disabledWatcher"],max:["maxWatcher"],min:["minWatcher"],value:["valueWatcher"],icon:["updateRequestedIcon"]}}};N.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:block}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{block-size:1.5rem;padding-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .number-button-wrapper,:host([scale=s]) .action-wrapper calcite-button,:host([scale=s]) .action-wrapper calcite-button button{block-size:1.5rem}:host([scale=s]) .clear-button{min-block-size:1.5rem;min-inline-size:1.5rem}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{block-size:2rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .number-button-wrapper,:host([scale=m]) .action-wrapper calcite-button,:host([scale=m]) .action-wrapper calcite-button button{block-size:2rem}:host([scale=m]) .clear-button{min-block-size:2rem;min-inline-size:2rem}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{block-size:2.75rem;padding-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .number-button-wrapper,:host([scale=l]) .action-wrapper calcite-button,:host([scale=l]) .action-wrapper calcite-button button{block-size:2.75rem}:host([scale=l]) .clear-button{min-block-size:2.75rem;min-inline-size:2.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host input{-webkit-transition:var(--calcite-animation-timing), block-size 0, outline-offset 0s;transition:var(--calcite-animation-timing), block-size 0, outline-offset 0s;-webkit-appearance:none;position:relative;margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;-ms-flex:1 1 0%;flex:1 1 0%;border-radius:0px;background-color:var(--calcite-ui-foreground-1);font-family:inherit;font-weight:var(--calcite-font-weight-normal);border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);color:var(--calcite-ui-text-1)}:host input:-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}:host input::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}:host input::placeholder,:host input:-ms-input-placeholder,:host input::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}:host input:focus{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-text-1)}:host input[readonly]{background-color:var(--calcite-ui-background);font-weight:var(--calcite-font-weight-medium)}:host input[readonly]:focus{color:var(--calcite-ui-text-1)}:host calcite-icon{color:var(--calcite-ui-text-3)}:host input{outline-color:transparent}:host input:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([status=invalid]) input{border-color:var(--calcite-ui-danger)}:host([status=invalid]) input:focus{outline:2px solid var(--calcite-ui-danger);outline-offset:-2px}:host([scale=s]) .icon{inset-inline-start:0.5rem}:host([scale=m]) .icon{inset-inline-start:0.75rem}:host([scale=l]) .icon{inset-inline-start:1rem}:host([icon][scale=s]) input{-webkit-padding-start:2rem;padding-inline-start:2rem}:host([icon][scale=m]) input{-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}:host([icon][scale=l]) input{-webkit-padding-start:3rem;padding-inline-start:3rem}.element-wrapper{position:relative;-ms-flex-order:3;order:3;display:-ms-inline-flexbox;display:inline-flex;-ms-flex:1 1 0%;flex:1 1 0%;-ms-flex-align:center;align-items:center}.icon{pointer-events:none;position:absolute;z-index:10;display:block;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button{pointer-events:initial;-ms-flex-order:4;order:4;margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;min-block-size:100%;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:stretch;align-self:stretch;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);outline-color:transparent;border-inline-start-width:0px}.clear-button:hover{background-color:var(--calcite-ui-foreground-2);-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:hover calcite-icon{color:var(--calcite-ui-text-1);-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 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)}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block}.action-wrapper{-ms-flex-order:7;order:7;display:-ms-flexbox;display:flex}.prefix,.suffix{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-background);font-weight:var(--calcite-font-weight-medium);line-height:1;color:var(--calcite-ui-text-2)}.prefix{-ms-flex-order:2;order:2;border-inline-end-width:0px}.suffix{-ms-flex-order:5;order:5;border-inline-start-width:0px}:host([alignment=start]) input{text-align:start}:host([alignment=end]) input{text-align:end}.number-button-wrapper{pointer-events:none;-ms-flex-order:6;order:6;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host([number-button-type=vertical]) .wrapper{-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex}:host([number-button-type=vertical]) input{-ms-flex-order:2;order:2}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=down] calcite-icon{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=up] calcite-icon{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down],.number-button-item.number-button-item--horizontal[data-adjustment=up]{-ms-flex-order:1;order:1;max-block-size:100%;min-block-size:100%;-ms-flex-item-align:stretch;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{-webkit-transform:rotate(90deg);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-inline-end-width:0px}.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]{-ms-flex-order:5;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)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-block-start-width:0px}.number-button-item{max-block-size:50%;min-block-size:50%;pointer-events:initial;margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);padding-block:0px;padding-inline:0.5rem;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-inline-start-width:0px}.number-button-item calcite-icon{pointer-events:none;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 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)}.number-button-item:disabled{pointer-events:none}.wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.resize-icon-wrapper{inset-block-end:2px;inset-inline-end:2px;pointer-events:none;position:absolute;z-index:10;block-size:0.75rem;inline-size:0.75rem;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-3)}.resize-icon-wrapper calcite-icon{inset-block-end:0.25rem;inset-inline-end:0.25rem;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.calcite--rtl .resize-icon-wrapper calcite-icon{-webkit-transform:rotate(45deg);transform:rotate(45deg)}:host(.no-bottom-border) input{border-block-end-width:0px}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-ui-border-1)}:host .inline-child{background-color:transparent;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host .inline-child .editing-enabled{background-color:inherit}:host .inline-child:not(.editing-enabled){display:-ms-flexbox;display:flex;cursor:pointer;border-color:transparent;-webkit-padding-start:0;padding-inline-start:0}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";export{N as calcite_input_number}

package/dist/calcite/{p-c64bb5ab.entry.js → p-7ced0a89.entry.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.88
+ * v1.0.0-beta.90
  */
-import{r as a,c as t,h as i,H as n,g as o}from"./p-499e3e8e.js";import{t as e,E as r}from"./p-83666d45.js";import{f as s,g as c}from"./p-1f4f5c19.js";import{c as l,d}from"./p-a8b2237b.js";import"./p-a60d4cb7.js";import"./p-904f11d1.js";import"./p-912b88e8.js";import"./p-49228240.js";const p=class{constructor(i){a(this,i),this.calciteActionPadToggle=t(this,"calciteActionPadToggle",7),this.expandDisabled=!1,this.expanded=!1,this.layout="vertical",this.actionMenuOpenChangeHandler=a=>{if(a.detail){const t=a.composedPath();Array.from(this.el.querySelectorAll("calcite-action-group")).forEach((a=>{t.includes(a)||(a.menuOpen=!1)}))}},this.toggleExpand=()=>{this.expanded=!this.expanded,this.calciteActionPadToggle.emit()},this.setExpandToggleRef=a=>{this.expandToggleEl=a}}expandedHandler(a){e({parent:this.el,expanded:a})}connectedCallback(){l(this)}disconnectedCallback(){d(this)}componentWillLoad(){const{el:a,expanded:t}=this;e({parent:a,expanded:t})}async setFocus(a){var t;"expand-toggle"!==a?null===(t=this.el)||void 0===t||t.focus():await s(this.expandToggleEl)}renderBottomActionGroup(){const{expanded:a,expandDisabled:t,intlExpand:n,intlCollapse:o,el:e,position:s,toggleExpand:l,scale:d,layout:p}=this,m=c(e,"expand-tooltip"),b=t?null:i(r,{el:e,expanded:a,intlCollapse:o||"Collapse",intlExpand:n||"Expand",position:s,ref:this.setExpandToggleRef,scale:d,toggle:l,tooltip:m});return b?i("calcite-action-group",{class:"action-group--bottom",layout:p,scale:d},i("slot",{name:"expand-tooltip"}),b):null}render(){return i(n,{onCalciteActionMenuOpenChange:this.actionMenuOpenChangeHandler},i("div",{class:"container"},i("slot",null),this.renderBottomActionGroup()))}get el(){return o(this)}static get watchers(){return{expanded:["expandedHandler"]}}};p.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block}@keyframes in{0%{opacity:0}100%{opacity:1}}:host{-webkit-animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.125rem;--calcite-action-pad-expanded-max-width:auto;background:transparent}:host([expanded][layout=vertical]) .container{max-inline-size:var(--calcite-action-pad-expanded-max-width)}::slotted(calcite-action-group){border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);padding-block:0px}.container{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;border-radius:0.25rem;background-color:var(--calcite-ui-background);--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.action-group--bottom{-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;justify-content:flex-end;-webkit-padding-after:0px;padding-block-end:0px}:host([layout=horizontal]) .container{-ms-flex-direction:row;flex-direction:row}:host([layout=horizontal]) .container .action-group--bottom{padding:0px}:host([layout=horizontal]) .container ::slotted(calcite-action-group){border-width:0px;padding:0px;border-inline-end-width:1px}::slotted(calcite-action-group:last-child){border-block-end-width:0px}";export{p as calcite_action_pad}
+import{r as a,c as t,h as i,H as n,g as o}from"./p-be20f015.js";import{t as e,E as r}from"./p-eaf4b4e0.js";import{f as s,g as c}from"./p-18d50ab7.js";import{c as l,d}from"./p-aecb7f5f.js";import"./p-d9a0e8d9.js";import"./p-da921532.js";import"./p-01e752f7.js";import"./p-de3ab3bb.js";const p=class{constructor(i){a(this,i),this.calciteActionPadToggle=t(this,"calciteActionPadToggle",7),this.expandDisabled=!1,this.expanded=!1,this.layout="vertical",this.actionMenuOpenChangeHandler=a=>{if(a.detail){const t=a.composedPath();Array.from(this.el.querySelectorAll("calcite-action-group")).forEach((a=>{t.includes(a)||(a.menuOpen=!1)}))}},this.toggleExpand=()=>{this.expanded=!this.expanded,this.calciteActionPadToggle.emit()},this.setExpandToggleRef=a=>{this.expandToggleEl=a}}expandedHandler(a){e({parent:this.el,expanded:a})}connectedCallback(){l(this)}disconnectedCallback(){d(this)}componentWillLoad(){const{el:a,expanded:t}=this;e({parent:a,expanded:t})}async setFocus(a){var t;"expand-toggle"!==a?null===(t=this.el)||void 0===t||t.focus():await s(this.expandToggleEl)}renderBottomActionGroup(){const{expanded:a,expandDisabled:t,intlExpand:n,intlCollapse:o,el:e,position:s,toggleExpand:l,scale:d,layout:p}=this,m=c(e,"expand-tooltip"),b=t?null:i(r,{el:e,expanded:a,intlCollapse:o||"Collapse",intlExpand:n||"Expand",position:s,ref:this.setExpandToggleRef,scale:d,toggle:l,tooltip:m});return b?i("calcite-action-group",{class:"action-group--bottom",layout:p,scale:d},i("slot",{name:"expand-tooltip"}),b):null}render(){return i(n,{onCalciteActionMenuOpenChange:this.actionMenuOpenChangeHandler},i("div",{class:"container"},i("slot",null),this.renderBottomActionGroup()))}get el(){return o(this)}static get watchers(){return{expanded:["expandedHandler"]}}};p.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block}@keyframes in{0%{opacity:0}100%{opacity:1}}:host{-webkit-animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.125rem;--calcite-action-pad-expanded-max-width:auto;background:transparent}:host([expanded][layout=vertical]) .container{max-inline-size:var(--calcite-action-pad-expanded-max-width)}::slotted(calcite-action-group){border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);padding-block:0px}.container{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;border-radius:0.25rem;background-color:var(--calcite-ui-background);--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.action-group--bottom{-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;justify-content:flex-end;-webkit-padding-after:0px;padding-block-end:0px}:host([layout=horizontal]) .container{-ms-flex-direction:row;flex-direction:row}:host([layout=horizontal]) .container .action-group--bottom{padding:0px}:host([layout=horizontal]) .container ::slotted(calcite-action-group){border-width:0px;padding:0px;border-inline-end-width:1px}::slotted(calcite-action-group:last-child){border-block-end-width:0px}";export{p as calcite_action_pad}

package/dist/calcite/{p-b2dd4d80.system.entry.js → p-7fd9edfb.system.entry.js}

@@ -2,5 +2,5 @@ var __awaiter=this&&this.__awaiter||function(e,t,i,n){function a(e){return e ins
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.88
- */System.register(["./p-86c1da3b.system.js","./p-8f1ef9e3.system.js","./p-b87c3776.system.js","./p-4cc55c6b.system.js","./p-c6ca0a3f.system.js","./p-ec28cc42.system.js","./p-d2ab4bdc.system.js","./p-47e17bfe.system.js"],(function(e){"use strict";var t,i,n,a,r,o,l,c,s,d,h,u,f,m;return{setters:[function(e){t=e.r;i=e.c;n=e.h;a=e.F;r=e.g},function(e){o=e.a;l=e.g;c=e.t},function(e){s=e.H},function(e){d=e.S},function(e){h=e.c;u=e.d},function(e){f=e.u},function(e){m=e.c},function(){}],execute:function(){var p={backButton:"back-button",container:"container",header:"header",heading:"heading",summary:"summary",description:"description",headerContent:"header-content",headerActions:"header-actions",headerActionsEnd:"header-actions--end",headerActionsStart:"header-actions--start",contentWrapper:"content-wrapper",contentContainer:"content-container",contentHeight:"content-height",fabContainer:"fab-container",footer:"footer",menuContainer:"menu-container",menuButton:"menu-button",menu:"menu",menuOpen:"menu--open"};var b={close:"x",menu:"ellipsis",backLeft:"chevron-left",backRight:"chevron-right"};var v={headerActionsStart:"header-actions-start",headerActionsEnd:"header-actions-end",headerMenuActions:"header-menu-actions",headerContent:"header-content",fab:"fab",footer:"footer",footerActions:"footer-actions"};var x={back:"Back",close:"Close",open:"Open",options:"Options"};var k=3;var y="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{position:relative;display:-ms-flexbox;display:flex;inline-size:100%;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;--calcite-min-header-height:calc(var(--calcite-icon-size) * 3);--calcite-panel-max-height:unset;--calcite-panel-width:100%;--calcite-panel-min-width:unset;--calcite-panel-max-width:unset}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.header{margin:0px;display:-ms-flexbox;display:flex;-ms-flex-line-pack:justify;align-content:space-between;-ms-flex-align:center;align-items:center;fill:var(--calcite-ui-text-2);color:var(--calcite-ui-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{-ms-flex:1 1 auto;flex:1 1 auto;padding:0.5rem}h1.heading{font-size:var(--calcite-font-size-2);line-height:1.5rem}h2.heading{font-size:var(--calcite-font-size-1);line-height:1.5rem}h3.heading{font-size:var(--calcite-font-size-0);line-height:1.25rem}h4.heading,h5.heading{font-size:var(--calcite-font-size--1);line-height:1rem}.container{margin:0px;display:-ms-flexbox;display:flex;inline-size:100%;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-background);padding:0px;max-block-size:var(--calcite-panel-max-height);inline-size:var(--calcite-panel-width);max-inline-size:var(--calcite-panel-max-width);min-inline-size:var(--calcite-panel-min-width);-webkit-transition:max-block-size var(--calcite-animation-timing), inline-size var(--calcite-animation-timing);transition:max-block-size var(--calcite-animation-timing), inline-size var(--calcite-animation-timing)}:host([height-scale=s]){--calcite-panel-max-height:40vh}:host([height-scale=m]){--calcite-panel-max-height:60vh}:host([height-scale=l]){--calcite-panel-max-height:80vh}:host([width-scale=s]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 12vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 300px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 150px)}:host([width-scale=m]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 20vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 420px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}:host([width-scale=l]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 45vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 680px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 340px)}.container[hidden]{display:none}:host([loading]) .container,:host([disabled]) .container{position:relative;z-index:1}.header{-webkit-border-after:1px solid;border-block-end:1px solid;position:-webkit-sticky;position:sticky;inset-block-start:0px;inline-size:100%;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:start;justify-content:flex-start;background-color:var(--calcite-ui-foreground-1);border-block-end-color:var(--calcite-ui-border-3);-ms-flex:0 0 auto;flex:0 0 auto;z-index:2}.header-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;padding-inline:0.75rem;padding-block:0.875rem;-webkit-margin-end:auto;margin-inline-end:auto}.header-content .heading,.header-content .description{display:block;overflow-wrap:break-word;padding:0px}.header-content .heading{margin-inline:0px;margin-block:0px 0.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-medium)}.header-content .heading:only-child{-webkit-margin-after:0px;margin-block-end:0px}.header-content .description{font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-2)}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3);border-inline-end-width:1px}.header-actions{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch}.header-actions--end,.menu-container:only-child{-webkit-margin-start:auto;margin-inline-start:auto}.menu-button{position:relative;block-size:100%;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:stretch;align-self:stretch}.menu{min-inline-size:10rem;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.content-wrapper{overflow:auto}.content-height{block-size:100%}.content-container{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-background);z-index:1}.footer{-webkit-border-before:1px solid;border-block-start:1px solid;position:-webkit-sticky;position:sticky;inset-block-end:0px;display:-ms-flexbox;display:flex;inline-size:100%;-ms-flex-pack:space-evenly;justify-content:space-evenly;background-color:var(--calcite-ui-foreground-1);border-block-start-color:var(--calcite-ui-border-3);-ms-flex:0 0 auto;flex:0 0 auto;min-block-size:3rem;padding:0.5rem}.fab-container{position:-webkit-sticky;position:sticky;inset-block-end:0px;inset-inline:0px;margin-block:0px;margin-inline:auto;display:block;padding:0.5rem;inline-size:-moz-fit-content;inline-size:-webkit-fit-content;inline-size:fit-content;z-index:1}";var g=e("calcite_panel",function(){function e(e){var n=this;t(this,e);this.calcitePanelDismiss=i(this,"calcitePanelDismiss",7);this.calcitePanelDismissedChange=i(this,"calcitePanelDismissedChange",7);this.calcitePanelScroll=i(this,"calcitePanelScroll",7);this.calcitePanelBackClick=i(this,"calcitePanelBackClick",7);this.dismissed=false;this.closed=false;this.disabled=false;this.dismissible=false;this.closable=false;this.showBackButton=false;this.loading=false;this.menuOpen=false;this.resizeObserver=m("resize",(function(){return n.resizeHandler()}));this.resizeHandler=function(){var e=n.panelScrollEl;if(!e||typeof e.scrollHeight!=="number"||typeof e.offsetHeight!=="number"){return}e.tabIndex=e.scrollHeight>e.offsetHeight?0:-1};this.setContainerRef=function(e){n.containerEl=e};this.setCloseRef=function(e){n.closeButtonEl=e};this.setBackRef=function(e){n.backButtonEl=e};this.panelKeyDownHandler=function(e){if(e.key==="Escape"){n.close()}};this.close=function(){n.closed=true;n.calcitePanelDismiss.emit()};this.panelScrollHandler=function(){n.calcitePanelScroll.emit()};this.backButtonClick=function(){n.calcitePanelBackClick.emit()};this.setPanelScrollEl=function(e){var t,i;n.panelScrollEl=e;(t=n.resizeObserver)===null||t===void 0?void 0:t.disconnect();if(e){(i=n.resizeObserver)===null||i===void 0?void 0:i.observe(e);n.resizeHandler()}}}e.prototype.dismissedHandler=function(e){this.closed=e;this.calcitePanelDismissedChange.emit()};e.prototype.closedHandler=function(e){this.dismissed=e};e.prototype.dismissibleHandler=function(e){this.closable=e};e.prototype.closableHandler=function(e){this.dismissible=e};e.prototype.componentDidRender=function(){f(this)};e.prototype.connectedCallback=function(){h(this);var e=this.dismissed||this.closed;var t=this.dismissible||this.closable;if(e){this.dismissedHandler(e);this.closedHandler(e)}if(t){this.dismissibleHandler(t);this.closableHandler(t)}};e.prototype.disconnectedCallback=function(){var e;u(this);(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect()};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t,i,n;return __generator(this,(function(a){if(e==="dismiss-button"){(t=this.closeButtonEl)===null||t===void 0?void 0:t.setFocus();return[2]}if(e==="back-button"){(i=this.backButtonEl)===null||i===void 0?void 0:i.setFocus();return[2]}(n=this.containerEl)===null||n===void 0?void 0:n.focus();return[2]}))}))};e.prototype.scrollContentTo=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){(t=this.panelScrollEl)===null||t===void 0?void 0:t.scrollTo(e);return[2]}))}))};e.prototype.renderBackButton=function(){var e=this.el;var t=o(e)==="rtl";var i=this,a=i.showBackButton,r=i.intlBack,l=i.backButtonClick;var c=r||x.back;var s=t?b.backRight:b.backLeft;return a?n("calcite-action",{"aria-label":c,class:p.backButton,icon:s,key:"back-button",onClick:l,ref:this.setBackRef,scale:"s",slot:v.headerActionsStart,text:c}):null};e.prototype.renderHeaderContent=function(){var e=this,t=e.heading,i=e.headingLevel,a=e.summary,r=e.description;var o=t?n(s,{class:p.heading,level:i||k},t):null;var l=r||a?n("span",{class:p.description},r||a):null;return o||l?n("div",{class:p.headerContent,key:"header-content"},o,l):null};e.prototype.renderHeaderSlottedContent=function(){return n("div",{class:p.headerContent,key:"slotted-header-content"},n("slot",{name:v.headerContent}))};e.prototype.renderHeaderStartActions=function(){var e;var t=this.el;var i=l(t,v.headerActionsStart);return i?n("div",{class:(e={},e[p.headerActionsStart]=true,e[p.headerActions]=true,e),key:"header-actions-start"},n("slot",{name:v.headerActionsStart})):null};e.prototype.renderHeaderActionsEnd=function(){var e;var t=this,i=t.close,a=t.el,r=t.intlClose,o=t.closable;var c=r||x.close;var s=o?n("calcite-action",{"aria-label":c,icon:b.close,onClick:i,ref:this.setCloseRef,text:c}):null;var d=n("slot",{name:v.headerActionsEnd});var h=l(a,v.headerActionsEnd);return h||s?n("div",{class:(e={},e[p.headerActionsEnd]=true,e[p.headerActions]=true,e),key:"header-actions-end"},d,s):null};e.prototype.renderMenu=function(){var e=this,t=e.el,i=e.intlOptions,a=e.menuOpen;var r=l(t,v.headerMenuActions);return r?n("calcite-action-menu",{flipPlacements:["top","bottom"],key:"menu",label:i||x.options,open:a,placement:"bottom-end"},n("calcite-action",{icon:b.menu,slot:d.trigger,text:i||x.options}),n("slot",{name:v.headerMenuActions})):null};e.prototype.renderHeaderNode=function(){var e=this,t=e.el,i=e.showBackButton;var a=this.renderBackButton();var r=l(t,v.headerContent);var o=r?this.renderHeaderSlottedContent():this.renderHeaderContent();var c=this.renderHeaderStartActions();var s=this.renderHeaderActionsEnd();var d=this.renderMenu();return c||o||s||d||i?n("header",{class:p.header},a,c,o,s,d):null};e.prototype.renderFooterNode=function(){var e=this.el;var t=l(e,v.footer);var i=l(e,v.footerActions);return t||i?n("footer",{class:p.footer,key:"footer"},t?n("slot",{key:"footer-slot",name:v.footer}):null,i?n("slot",{key:"footer-actions-slot",name:v.footerActions}):null):null};e.prototype.renderContent=function(){var e,t;var i=this.el;var a=l(i,v.fab);var r=n("slot",{key:"default-slot"});var o="content-wrapper";return a?n("div",{class:(e={},e[p.contentWrapper]=true,e[p.contentHeight]=true,e),key:o,onScroll:this.panelScrollHandler,ref:this.setPanelScrollEl},n("section",{class:p.contentContainer},r),this.renderFab()):n("section",{class:(t={},t[p.contentWrapper]=true,t[p.contentContainer]=true,t),key:o,onScroll:this.panelScrollHandler,ref:this.setPanelScrollEl},r)};e.prototype.renderFab=function(){return n("div",{class:p.fabContainer},n("slot",{name:v.fab}))};e.prototype.render=function(){var e=this,t=e.loading,i=e.panelKeyDownHandler,r=e.closed,o=e.closable;var l=n("article",{"aria-busy":c(t),class:p.container,hidden:r,onKeyDown:i,ref:this.setContainerRef,tabIndex:o?0:-1},this.renderHeaderNode(),this.renderContent(),this.renderFooterNode());return n(a,null,t?n("calcite-scrim",{loading:t}):null,l)};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{dismissed:["dismissedHandler"],closed:["closedHandler"],dismissible:["dismissibleHandler"],closable:["closableHandler"]}},enumerable:false,configurable:true});return e}());g.style=y}}}));
+ * v1.0.0-beta.90
+ */System.register(["./p-323d70d2.system.js","./p-0b2b216f.system.js","./p-b2c115ab.system.js","./p-62ff4f74.system.js","./p-e3449d19.system.js","./p-2cfdb770.system.js","./p-495a7226.system.js","./p-0c5ffab1.system.js"],(function(e){"use strict";var t,i,n,a,r,o,l,c,s,d,h,u,f,m;return{setters:[function(e){t=e.r;i=e.c;n=e.h;a=e.F;r=e.g},function(e){o=e.a;l=e.g;c=e.t},function(e){s=e.H},function(e){d=e.S},function(e){h=e.c;u=e.d},function(e){f=e.u},function(e){m=e.c},function(){}],execute:function(){var p={backButton:"back-button",container:"container",header:"header",heading:"heading",summary:"summary",description:"description",headerContent:"header-content",headerActions:"header-actions",headerActionsEnd:"header-actions--end",headerActionsStart:"header-actions--start",contentWrapper:"content-wrapper",contentContainer:"content-container",contentHeight:"content-height",fabContainer:"fab-container",footer:"footer",menuContainer:"menu-container",menuButton:"menu-button",menu:"menu",menuOpen:"menu--open"};var b={close:"x",menu:"ellipsis",backLeft:"chevron-left",backRight:"chevron-right"};var v={headerActionsStart:"header-actions-start",headerActionsEnd:"header-actions-end",headerMenuActions:"header-menu-actions",headerContent:"header-content",fab:"fab",footer:"footer",footerActions:"footer-actions"};var x={back:"Back",close:"Close",open:"Open",options:"Options"};var k=3;var y="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{position:relative;display:-ms-flexbox;display:flex;inline-size:100%;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;--calcite-min-header-height:calc(var(--calcite-icon-size) * 3);--calcite-panel-max-height:unset;--calcite-panel-width:100%;--calcite-panel-min-width:unset;--calcite-panel-max-width:unset}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.header{margin:0px;display:-ms-flexbox;display:flex;-ms-flex-line-pack:justify;align-content:space-between;-ms-flex-align:center;align-items:center;fill:var(--calcite-ui-text-2);color:var(--calcite-ui-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{-ms-flex:1 1 auto;flex:1 1 auto;padding:0.5rem}h1.heading{font-size:var(--calcite-font-size-2);line-height:1.5rem}h2.heading{font-size:var(--calcite-font-size-1);line-height:1.5rem}h3.heading{font-size:var(--calcite-font-size-0);line-height:1.25rem}h4.heading,h5.heading{font-size:var(--calcite-font-size--1);line-height:1rem}.container{margin:0px;display:-ms-flexbox;display:flex;inline-size:100%;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-background);padding:0px;max-block-size:var(--calcite-panel-max-height);inline-size:var(--calcite-panel-width);max-inline-size:var(--calcite-panel-max-width);min-inline-size:var(--calcite-panel-min-width);-webkit-transition:max-block-size var(--calcite-animation-timing), inline-size var(--calcite-animation-timing);transition:max-block-size var(--calcite-animation-timing), inline-size var(--calcite-animation-timing)}:host([height-scale=s]){--calcite-panel-max-height:40vh}:host([height-scale=m]){--calcite-panel-max-height:60vh}:host([height-scale=l]){--calcite-panel-max-height:80vh}:host([width-scale=s]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 12vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 300px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 150px)}:host([width-scale=m]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 20vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 420px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}:host([width-scale=l]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 45vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 680px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 340px)}.container[hidden]{display:none}:host([loading]) .container,:host([disabled]) .container{position:relative;z-index:1}.header{-webkit-border-after:1px solid;border-block-end:1px solid;position:-webkit-sticky;position:sticky;inset-block-start:0px;inline-size:100%;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:start;justify-content:flex-start;background-color:var(--calcite-ui-foreground-1);border-block-end-color:var(--calcite-ui-border-3);-ms-flex:0 0 auto;flex:0 0 auto;z-index:2}.header-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;padding-inline:0.75rem;padding-block:0.875rem;-webkit-margin-end:auto;margin-inline-end:auto}.header-content .heading,.header-content .description{display:block;overflow-wrap:break-word;padding:0px}.header-content .heading{margin-inline:0px;margin-block:0px 0.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-medium)}.header-content .heading:only-child{-webkit-margin-after:0px;margin-block-end:0px}.header-content .description{font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-2)}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3);border-inline-end-width:1px}.header-actions{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch}.header-actions--end,.menu-container:only-child{-webkit-margin-start:auto;margin-inline-start:auto}.menu-button{position:relative;block-size:100%;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:stretch;align-self:stretch}.menu{min-inline-size:10rem;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.content-wrapper{overflow:auto}.content-height{block-size:100%}.content-container{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-background);z-index:1}.footer{-webkit-border-before:1px solid;border-block-start:1px solid;position:-webkit-sticky;position:sticky;inset-block-end:0px;display:-ms-flexbox;display:flex;inline-size:100%;-ms-flex-pack:space-evenly;justify-content:space-evenly;background-color:var(--calcite-ui-foreground-1);border-block-start-color:var(--calcite-ui-border-3);-ms-flex:0 0 auto;flex:0 0 auto;min-block-size:3rem;padding:0.5rem}.fab-container{position:-webkit-sticky;position:sticky;inset-block-end:0px;inset-inline:0px;margin-block:0px;margin-inline:auto;display:block;padding:0.5rem;inline-size:-moz-fit-content;inline-size:-webkit-fit-content;inline-size:fit-content;z-index:1}";var g=e("calcite_panel",function(){function e(e){var n=this;t(this,e);this.calcitePanelDismiss=i(this,"calcitePanelDismiss",7);this.calcitePanelDismissedChange=i(this,"calcitePanelDismissedChange",7);this.calcitePanelScroll=i(this,"calcitePanelScroll",7);this.calcitePanelBackClick=i(this,"calcitePanelBackClick",7);this.dismissed=false;this.closed=false;this.disabled=false;this.dismissible=false;this.closable=false;this.showBackButton=false;this.loading=false;this.menuOpen=false;this.resizeObserver=m("resize",(function(){return n.resizeHandler()}));this.resizeHandler=function(){var e=n.panelScrollEl;if(!e||typeof e.scrollHeight!=="number"||typeof e.offsetHeight!=="number"){return}e.tabIndex=e.scrollHeight>e.offsetHeight?0:-1};this.setContainerRef=function(e){n.containerEl=e};this.setCloseRef=function(e){n.closeButtonEl=e};this.setBackRef=function(e){n.backButtonEl=e};this.panelKeyDownHandler=function(e){if(e.key==="Escape"){n.close()}};this.close=function(){n.closed=true;n.calcitePanelDismiss.emit()};this.panelScrollHandler=function(){n.calcitePanelScroll.emit()};this.backButtonClick=function(){n.calcitePanelBackClick.emit()};this.setPanelScrollEl=function(e){var t,i;n.panelScrollEl=e;(t=n.resizeObserver)===null||t===void 0?void 0:t.disconnect();if(e){(i=n.resizeObserver)===null||i===void 0?void 0:i.observe(e);n.resizeHandler()}}}e.prototype.dismissedHandler=function(e){this.closed=e;this.calcitePanelDismissedChange.emit()};e.prototype.closedHandler=function(e){this.dismissed=e};e.prototype.dismissibleHandler=function(e){this.closable=e};e.prototype.closableHandler=function(e){this.dismissible=e};e.prototype.componentDidRender=function(){f(this)};e.prototype.connectedCallback=function(){h(this);var e=this.dismissed||this.closed;var t=this.dismissible||this.closable;if(e){this.dismissedHandler(e);this.closedHandler(e)}if(t){this.dismissibleHandler(t);this.closableHandler(t)}};e.prototype.disconnectedCallback=function(){var e;u(this);(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect()};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t,i,n;return __generator(this,(function(a){if(e==="dismiss-button"){(t=this.closeButtonEl)===null||t===void 0?void 0:t.setFocus();return[2]}if(e==="back-button"){(i=this.backButtonEl)===null||i===void 0?void 0:i.setFocus();return[2]}(n=this.containerEl)===null||n===void 0?void 0:n.focus();return[2]}))}))};e.prototype.scrollContentTo=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){(t=this.panelScrollEl)===null||t===void 0?void 0:t.scrollTo(e);return[2]}))}))};e.prototype.renderBackButton=function(){var e=this.el;var t=o(e)==="rtl";var i=this,a=i.showBackButton,r=i.intlBack,l=i.backButtonClick;var c=r||x.back;var s=t?b.backRight:b.backLeft;return a?n("calcite-action",{"aria-label":c,class:p.backButton,icon:s,key:"back-button",onClick:l,ref:this.setBackRef,scale:"s",slot:v.headerActionsStart,text:c}):null};e.prototype.renderHeaderContent=function(){var e=this,t=e.heading,i=e.headingLevel,a=e.summary,r=e.description;var o=t?n(s,{class:p.heading,level:i||k},t):null;var l=r||a?n("span",{class:p.description},r||a):null;return o||l?n("div",{class:p.headerContent,key:"header-content"},o,l):null};e.prototype.renderHeaderSlottedContent=function(){return n("div",{class:p.headerContent,key:"slotted-header-content"},n("slot",{name:v.headerContent}))};e.prototype.renderHeaderStartActions=function(){var e;var t=this.el;var i=l(t,v.headerActionsStart);return i?n("div",{class:(e={},e[p.headerActionsStart]=true,e[p.headerActions]=true,e),key:"header-actions-start"},n("slot",{name:v.headerActionsStart})):null};e.prototype.renderHeaderActionsEnd=function(){var e;var t=this,i=t.close,a=t.el,r=t.intlClose,o=t.closable;var c=r||x.close;var s=o?n("calcite-action",{"aria-label":c,icon:b.close,onClick:i,ref:this.setCloseRef,text:c}):null;var d=n("slot",{name:v.headerActionsEnd});var h=l(a,v.headerActionsEnd);return h||s?n("div",{class:(e={},e[p.headerActionsEnd]=true,e[p.headerActions]=true,e),key:"header-actions-end"},d,s):null};e.prototype.renderMenu=function(){var e=this,t=e.el,i=e.intlOptions,a=e.menuOpen;var r=l(t,v.headerMenuActions);return r?n("calcite-action-menu",{flipPlacements:["top","bottom"],key:"menu",label:i||x.options,open:a,placement:"bottom-end"},n("calcite-action",{icon:b.menu,slot:d.trigger,text:i||x.options}),n("slot",{name:v.headerMenuActions})):null};e.prototype.renderHeaderNode=function(){var e=this,t=e.el,i=e.showBackButton;var a=this.renderBackButton();var r=l(t,v.headerContent);var o=r?this.renderHeaderSlottedContent():this.renderHeaderContent();var c=this.renderHeaderStartActions();var s=this.renderHeaderActionsEnd();var d=this.renderMenu();return c||o||s||d||i?n("header",{class:p.header},a,c,o,s,d):null};e.prototype.renderFooterNode=function(){var e=this.el;var t=l(e,v.footer);var i=l(e,v.footerActions);return t||i?n("footer",{class:p.footer,key:"footer"},t?n("slot",{key:"footer-slot",name:v.footer}):null,i?n("slot",{key:"footer-actions-slot",name:v.footerActions}):null):null};e.prototype.renderContent=function(){var e,t;var i=this.el;var a=l(i,v.fab);var r=n("slot",{key:"default-slot"});var o="content-wrapper";return a?n("div",{class:(e={},e[p.contentWrapper]=true,e[p.contentHeight]=true,e),key:o,onScroll:this.panelScrollHandler,ref:this.setPanelScrollEl},n("section",{class:p.contentContainer},r),this.renderFab()):n("section",{class:(t={},t[p.contentWrapper]=true,t[p.contentContainer]=true,t),key:o,onScroll:this.panelScrollHandler,ref:this.setPanelScrollEl},r)};e.prototype.renderFab=function(){return n("div",{class:p.fabContainer},n("slot",{name:v.fab}))};e.prototype.render=function(){var e=this,t=e.loading,i=e.panelKeyDownHandler,r=e.closed,o=e.closable;var l=n("article",{"aria-busy":c(t),class:p.container,hidden:r,onKeyDown:i,ref:this.setContainerRef,tabIndex:o?0:-1},this.renderHeaderNode(),this.renderContent(),this.renderFooterNode());return n(a,null,t?n("calcite-scrim",{loading:t}):null,l)};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{dismissed:["dismissedHandler"],closed:["closedHandler"],dismissible:["dismissibleHandler"],closable:["closableHandler"]}},enumerable:false,configurable:true});return e}());g.style=y}}}));

package/dist/calcite/{p-abd4e5a8.js → p-7fdef884.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.88
+ * v1.0.0-beta.90
  */
 function e(){}function n(n,t=!1){if(n.disabled)return n.el.setAttribute("tabindex","-1"),n.el.setAttribute("aria-disabled","true"),n.el.contains(document.activeElement)&&document.activeElement.blur(),void(n.el.click=e);n.el.click=HTMLElement.prototype.click,"function"==typeof t?n.el.setAttribute("tabindex",t.call(n)?"0":"-1"):!0===t?n.el.setAttribute("tabindex","0"):!1===t&&n.el.removeAttribute("tabindex"),n.el.removeAttribute("aria-disabled")}export{n as u}