@esri/calcite-components 2.5.2-next.1 → 2.6.0-next.0

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.2-next.1
- */
-import{r as t,c as i,h as e,H as o,g as a}from"./p-ce7a94e9.js";import{c as n,d as s}from"./p-830d1b7f.js";import{e as r,b as l,f as c,w as d}from"./p-9df2dac1.js";import{d as h,a as m,c as p,u as b}from"./p-39c07b81.js";import{s as f,a as u,c as g}from"./p-9ebac7df.js";import{c as x}from"./p-383d66f6.js";import{o as v}from"./p-84551688.js";import{c as k,d as z}from"./p-1f0e6b1d.js";import{s as w,c as y,d as C,u as j}from"./p-2e494a15.js";import{g as $,c as M}from"./p-dc1996cd.js";import"./p-5b5bf4fb.js";import"./p-213aeca6.js";import"./p-63728af3.js";const O={modal:"modal",title:"title",header:"header",footer:"footer",scrim:"scrim",back:"back",close:"close",secondary:"secondary",primary:"primary",container:"container",containerOpen:"container--open",content:"content",contentNoFooter:"content--no-footer",contentBottom:"content-bottom",contentTop:"content-top",slottedInShell:"slotted-in-shell",openingIdle:"modal--opening-idle",openingActive:"modal--opening-active",closingIdle:"modal--closing-idle",closingActive:"modal--closing-active"};const B={close:"x"};const F={content:"content",contentBottom:"content-bottom",contentTop:"content-top",header:"header",back:"back",secondary:"secondary",primary:"primary"};const D=":host{--calcite-modal-scrim-background:rgba(0, 0, 0, 0.85);position:absolute;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;opacity:0;visibility:hidden !important;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);--calcite-modal-scrim-background-internal:rgba(0, 0, 0, 0.85)}.content-top[hidden],.content-bottom[hidden]{display:none}.container{position:fixed;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;align-items:center;justify-content:center;overflow-y:hidden;color:var(--calcite-color-text-2);opacity:0;visibility:hidden !important;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88)}:host([scale=s]){--calcite-modal-padding-internal:0.75rem;--calcite-modal-padding-large-internal:1rem;--calcite-modal-title-text-internal:var(--calcite-font-size-1);--calcite-modal-content-text-internal:var(--calcite-font-size--1)}:host([scale=m]){--calcite-modal-padding-internal:1rem;--calcite-modal-padding-large-internal:1.25rem;--calcite-modal-title-text-internal:var(--calcite-font-size-2);--calcite-modal-content-text-internal:var(--calcite-font-size-0)}:host([scale=l]){--calcite-modal-padding-internal:1.25rem;--calcite-modal-padding-large-internal:1.5rem;--calcite-modal-title-text-internal:var(--calcite-font-size-3);--calcite-modal-content-text-internal:var(--calcite-font-size-1)}.scrim{--calcite-scrim-background:var(--calcite-modal-scrim-background, var(--calcite-color-transparent-scrim));position:fixed;inset:0px;display:flex;overflow-y:hidden}.modal{pointer-events:none;z-index:var(--calcite-z-index-modal);float:none;margin:1.5rem;box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;overflow:hidden;border-radius:0.25rem;background-color:var(--calcite-color-foreground-1);opacity:0;--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);--tw-shadow-colored:0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-webkit-overflow-scrolling:touch;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);--calcite-modal-hidden-position:translate3d(0, 20px, 0);--calcite-modal-shown-position:translate3d(0, 0, 0)}.modal--opening-idle{transform:var(--calcite-modal-hidden-position)}.modal--opening-active{transform:var(--calcite-modal-shown-position)}.modal--closing-idle{transform:var(--calcite-modal-shown-position)}.modal--closing-active{transform:var(--calcite-modal-hidden-position)}:host([opened]){opacity:1;visibility:visible !important;transition-delay:0ms}.container--open{opacity:1;visibility:visible !important;transition-delay:0ms}.container--open .modal{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-inline-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-block-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition-delay:0ms}.header{z-index:var(--calcite-z-index-header);display:flex;min-inline-size:0px;max-inline-size:100%;border-start-start-radius:0.25rem;border-start-end-radius:0.25rem;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto}.close{order:2;margin:0px;cursor:pointer;appearance:none;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-internal);flex:0 0 auto}.close calcite-icon{pointer-events:none;vertical-align:-2px}.close:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite--color-brand)));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.close:hover,.close:focus,.close:active{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.title{order:1;display:flex;min-inline-size:0px;align-items:center;flex:1 1 auto;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-large-internal)}slot[name=header]::slotted(*),*::slotted([slot=header]){margin:0px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1);font-size:var(--calcite-modal-title-text-internal)}.content{position:relative;box-sizing:border-box;display:block;block-size:100%;overflow:auto;padding:0px;background-color:var(--calcite-modal-content-background, var(--calcite-color-foreground-1));max-block-size:100%;padding:var(--calcite-modal-content-padding, var(--calcite-modal-padding-internal))}.content-top,.content-bottom{z-index:var(--calcite-z-index-header);display:flex;border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto;padding:var(--calcite-modal-padding-internal)}.content-top{min-inline-size:0px;max-inline-size:100%;border-block-end-width:1px}.content-bottom{margin-block-start:auto;box-sizing:border-box;inline-size:100%;justify-content:space-between;border-block-start-width:1px}.content-top:not(.header~.content-top){border-start-start-radius:0.25rem;border-start-end-radius:0.25rem}.content-bottom:not(.content-bottom~.footer),.content--no-footer{border-end-end-radius:0.25rem;border-end-start-radius:0.25rem}slot[name=content]::slotted(*),*::slotted([slot=content]){font-size:var(--calcite-modal-context-text-internal)}.footer{z-index:var(--calcite-z-index-header);margin-block-start:auto;box-sizing:border-box;display:flex;inline-size:100%;justify-content:space-between;border-end-end-radius:0.25rem;border-end-start-radius:0.25rem;border-width:0px;border-block-start-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-large-internal)}.footer--hide-back .back,.footer--hide-secondary .secondary{display:none}.back{display:block;margin-inline-end:auto}.secondary{margin-inline:0.25rem;display:block}slot[name=primary]{display:block}:host([width=small]) .modal{inline-size:auto}:host([width-scale=s]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 32rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 35rem){:host([width-scale=s]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=s]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=s][docked]) .container{align-items:flex-end}}:host([width-scale=m]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 48rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 51rem){:host([width-scale=m]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=m]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=m][docked]) .container{align-items:flex-end}}:host([width-scale=l]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 94rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 97rem){:host([width-scale=l]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=l]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=l][docked]) .container{align-items:flex-end}}:host([fullscreen]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0px;--calcite-modal-hidden-position:translate3D(0, 20px, 0) scale(0.95);--calcite-modal-shown-position:translate3D(0, 0, 0) scale(1)}:host([fullscreen]) .content{max-block-size:100%;flex:1 1 auto}:host([opened][fullscreen]) .header,:host([opened][fullscreen]) .footer,:host([opened][fullscreen]) .content-top,:host([opened][fullscreen]) .content-bottom{border-radius:0}:host([docked]) .modal{block-size:var(--calcite-modal-height, auto)}:host([docked]) .content{block-size:auto;flex:1 1 auto}:host([kind=brand]) .modal{border-color:var(--calcite-color-brand)}:host([kind=danger]) .modal{border-color:var(--calcite-color-status-danger)}:host([kind=info]) .modal{border-color:var(--calcite-color-status-info)}:host([kind=success]) .modal{border-color:var(--calcite-color-status-success)}:host([kind=warning]) .modal{border-color:var(--calcite-color-status-warning)}:host([kind=brand]) .modal,:host([kind=danger]) .modal,:host([kind=info]) .modal,:host([kind=success]) .modal,:host([kind=warning]) .modal{border-width:0px;border-block-start-width:4px;border-style:solid}:host([kind=brand]) .header,:host([kind=brand]) .content-top,:host([kind=danger]) .header,:host([kind=danger]) .content-top,:host([kind=info]) .header,:host([kind=info]) .content-top,:host([kind=success]) .header,:host([kind=success]) .content-top,:host([kind=warning]) .header,:host([kind=warning]) .content-top{border-radius:0.25rem;border-end-end-radius:0px;border-end-start-radius:0px}@media screen and (max-width: 860px){* slot[name=header]::slotted(content-top),* content-top::slotted([slot=header]){font-size:var(--calcite-font-size-1)}.footer,.content-bottom{position:sticky;inset-block-end:0px}}@media screen and (max-width: 480px){.footer,.content-bottom{flex-direction:column}.back,.secondary{margin:0px;margin-block-end:0.25rem}}.container.slotted-in-shell{position:absolute;pointer-events:auto}.container.slotted-in-shell calcite-scrim{position:absolute}:host([hidden]){display:none}[hidden]{display:none}";let T=0;let L="";const S=class{constructor(e){t(this,e);this.calciteModalBeforeClose=i(this,"calciteModalBeforeClose",6);this.calciteModalClose=i(this,"calciteModalClose",6);this.calciteModalBeforeOpen=i(this,"calciteModalBeforeOpen",6);this.calciteModalOpen=i(this,"calciteModalOpen",6);this.ignoreOpenChange=false;this.mutationObserver=x("mutation",(()=>this.handleMutationObserver()));this.cssVarObserver=x("mutation",(()=>{this.updateSizeCssVars()}));this.openTransitionProp="opacity";this.setTransitionEl=t=>{this.transitionEl=t};this.openEnd=()=>{this.setFocus();this.el.removeEventListener("calciteModalOpen",this.openEnd)};this.handleCloseClick=()=>{this.open=false};this.handleOutsideClose=()=>{if(this.outsideCloseDisabled){return}this.open=false};this.closeModal=async()=>{if(this.beforeClose){try{await this.beforeClose(this.el)}catch(t){requestAnimationFrame((()=>{this.ignoreOpenChange=true;this.open=true;this.ignoreOpenChange=false}));return}}T--;this.opened=false;this.removeOverflowHiddenClass()};this.handleMutationObserver=()=>{this.updateFooterVisibility();this.updateFocusTrapElements()};this.updateFooterVisibility=()=>{this.hasFooter=!!r(this.el,[F.back,F.primary,F.secondary])};this.updateSizeCssVars=()=>{this.cssWidth=getComputedStyle(this.el).getPropertyValue("--calcite-modal-width");this.cssHeight=getComputedStyle(this.el).getPropertyValue("--calcite-modal-height")};this.contentTopSlotChangeHandler=t=>{this.hasContentTop=l(t)};this.contentBottomSlotChangeHandler=t=>{this.hasContentBottom=l(t)};this.open=false;this.opened=false;this.beforeClose=undefined;this.closeButtonDisabled=false;this.focusTrapDisabled=false;this.outsideCloseDisabled=false;this.docked=undefined;this.escapeDisabled=false;this.scale="m";this.widthScale="m";this.fullscreen=undefined;this.kind=undefined;this.messages=undefined;this.messageOverrides=undefined;this.slottedInShell=undefined;this.cssWidth=undefined;this.cssHeight=undefined;this.hasFooter=true;this.hasContentTop=false;this.hasContentBottom=false;this.effectiveLocale=undefined;this.defaultMessages=undefined}handleFocusTrapDisabled(t){if(!this.open){return}t?h(this):m(this)}onMessagesChange(){}async componentWillLoad(){await w(this);f(this);if(this.open){this.openModal()}}componentDidLoad(){u(this)}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true});this.cssVarObserver?.observe(this.el,{attributeFilter:["style"]});this.updateSizeCssVars();this.updateFooterVisibility();n(this);k(this);y(this);p(this)}disconnectedCallback(){this.removeOverflowHiddenClass();this.mutationObserver?.disconnect();this.cssVarObserver?.disconnect();s(this);h(this);z(this);C(this);this.slottedInShell=false}render(){return e(o,{"aria-describedby":this.contentId,"aria-labelledby":this.titleId,"aria-modal":"true",role:"dialog"},e("div",{class:{[O.container]:true,[O.containerOpen]:this.opened,[O.slottedInShell]:this.slottedInShell}},e("calcite-scrim",{class:O.scrim,onClick:this.handleOutsideClose}),this.renderStyle(),e("div",{class:{[O.modal]:true},ref:this.setTransitionEl},e("div",{class:O.header},this.renderCloseButton(),e("header",{class:O.title},e("slot",{name:O.header}))),this.renderContentTop(),e("div",{class:{[O.content]:true,[O.contentNoFooter]:!this.hasFooter},ref:t=>this.modalContent=t},e("slot",{name:F.content})),this.renderContentBottom(),this.renderFooter())))}renderFooter(){return this.hasFooter?e("div",{class:O.footer,key:"footer"},e("span",{class:O.back},e("slot",{name:F.back})),e("span",{class:O.secondary},e("slot",{name:F.secondary})),e("span",{class:O.primary},e("slot",{name:F.primary}))):null}renderContentTop(){return e("div",{class:O.contentTop,hidden:!this.hasContentTop},e("slot",{name:F.contentTop,onSlotchange:this.contentTopSlotChangeHandler}))}renderContentBottom(){return e("div",{class:O.contentBottom,hidden:!this.hasContentBottom},e("slot",{name:F.contentBottom,onSlotchange:this.contentBottomSlotChangeHandler}))}renderCloseButton(){return!this.closeButtonDisabled?e("button",{"aria-label":this.messages.close,class:O.close,key:"button",onClick:this.handleCloseClick,title:this.messages.close,ref:t=>this.closeButtonEl=t},e("calcite-icon",{icon:B.close,scale:$(this.scale)})):null}renderStyle(){if(!this.fullscreen&&(this.cssWidth||this.cssHeight)){return e("style",null,`.${O.container} {\n              ${this.docked&&this.cssWidth?`align-items: center !important;`:""}\n            }\n            .${O.modal} {\n              block-size: ${this.cssHeight?this.cssHeight:"auto"} !important;\n              ${this.cssWidth?`inline-size: ${this.cssWidth} !important;`:""}\n              ${this.cssWidth?`max-inline-size: ${this.cssWidth} !important;`:""}\n              ${this.docked?`border-radius: var(--calcite-border-radius) !important;`:""}\n            }\n            @media screen and (max-width: ${this.cssWidth}) {\n              .${O.container} {\n                ${this.docked?`align-items: flex-end !important;`:""}\n              }\n              .${O.modal} {\n                max-block-size: 100% !important;\n                inline-size: 100% !important;\n                max-inline-size: 100% !important;\n                min-inline-size: 100% !important;\n                margin: 0 !important;\n                ${!this.docked?`block-size: 100% !important;`:""}\n                ${!this.docked?`border-radius: 0 !important;`:""}\n                ${this.docked?`border-radius: var(--calcite-border-radius) var(--calcite-border-radius) 0 0 !important;`:""}\n              }\n            }\n          `)}}effectiveLocaleChange(){j(this,this.effectiveLocale)}handleEscape(t){if(this.open&&!this.escapeDisabled&&t.key==="Escape"&&!t.defaultPrevented){this.open=false;t.preventDefault()}}async setFocus(){await g(this);c(this.el)}async updateFocusTrapElements(){b(this)}async scrollContent(t=0,i=0){if(this.modalContent){if(this.modalContent.scrollTo){this.modalContent.scrollTo({top:t,left:i,behavior:"smooth"})}else{this.modalContent.scrollTop=t;this.modalContent.scrollLeft=i}}}onBeforeOpen(){this.transitionEl.classList.add(O.openingActive);this.calciteModalBeforeOpen.emit()}onOpen(){this.transitionEl.classList.remove(O.openingIdle,O.openingActive);this.calciteModalOpen.emit();m(this)}onBeforeClose(){this.transitionEl.classList.add(O.closingActive);this.calciteModalBeforeClose.emit()}onClose(){this.transitionEl.classList.remove(O.closingIdle,O.closingActive);this.calciteModalClose.emit();h(this)}toggleModal(t){if(this.ignoreOpenChange){return}if(t){this.openModal()}else{this.closeModal()}}handleOpenedChange(t){const i=t?O.openingIdle:O.closingIdle;this.transitionEl.classList.add(i);v(this)}async openModal(){await M(this.el);this.el.addEventListener("calciteModalOpen",this.openEnd);this.opened=true;const t=r(this.el,F.header);const i=r(this.el,F.content);this.titleId=d(t);this.contentId=d(i);if(!this.slottedInShell){if(T===0){L=document.documentElement.style.overflow}T++;document.documentElement.style.setProperty("overflow","hidden")}}removeOverflowHiddenClass(){document.documentElement.style.setProperty("overflow",L)}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{focusTrapDisabled:["handleFocusTrapDisabled"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"],open:["toggleModal"],opened:["handleOpenedChange"]}}};S.style=D;export{S as calcite_modal};
-//# sourceMappingURL=p-dc6b4584.entry.js.map

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.2-next.1
- */
-import{r as t,c as e,h as s,F as i,g as a}from"./p-ce7a94e9.js";import{s as n,a as o,c as r}from"./p-9ebac7df.js";import{n as l,c,d as h}from"./p-1f0e6b1d.js";import{u as d,c as m,s as p,d as u}from"./p-2e494a15.js";import{c as g}from"./p-383d66f6.js";import{g as f}from"./p-dc1996cd.js";import"./p-9df2dac1.js";import"./p-5b5bf4fb.js";import"./p-213aeca6.js";import"./p-63728af3.js";const v={page:"page",selected:"selected",chevron:"chevron",disabled:"disabled",ellipsis:"ellipsis"};const b={next:"chevron-right",previous:"chevron-left",first:"chevron-start",last:"chevron-end"};const x={min:"0",max:"320px"};const k={min:"321px",max:"476px"};const y={min:"477px",max:"768px"};const z={min:"769px",max:"1152px"};const I={min:"1153px",max:"1440px"};const C={width:{large:S(I.max),medium:S(z.max),small:S(y.max),xsmall:S(k.max),xxsmall:S(x.max)}};function S(t){return parseInt(t)}const w=":host{display:flex;writing-mode:horizontal-tb}:host([scale=s]) .chevron,:host([scale=s]) .page,:host([scale=s]) .ellipsis{block-size:1.5rem;padding-inline:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;min-inline-size:1.5rem}:host([scale=m]) .chevron,:host([scale=m]) .page,:host([scale=m]) .ellipsis{block-size:2rem;padding-inline:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;min-inline-size:2rem}:host([scale=l]) .chevron,:host([scale=l]) .page,:host([scale=l]) .ellipsis{block-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-inline-size:2.75rem}:host([scale=l]) .chevron{padding-inline:0.625rem}:host([scale=l]) .page,:host([scale=l]) .ellipsis{padding-inline:0.75rem}:host button{outline-color:transparent}:host button:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite--color-brand)));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.chevron,.page,.ellipsis{margin:0px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-style:none;--tw-border-opacity:0;background-color:transparent;padding:0px;vertical-align:baseline;font-family:inherit;font-size:var(--calcite-font-size-0);line-height:1.25rem;color:var(--calcite-color-text-3)}.chevron,.page{cursor:pointer;border-block:2px solid transparent}.chevron:hover,.page:hover{color:var(--calcite-color-text-1);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.page:hover{border-block-end-color:var(--calcite-color-border-2)}.page.selected{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);border-block-end-color:var(--calcite-color-brand)}.chevron:hover{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-brand)}.chevron:active{background-color:var(--calcite-color-foreground-3)}.chevron.disabled{pointer-events:none;background-color:transparent}.chevron.disabled>calcite-icon{opacity:var(--calcite-opacity-disabled)}:host([hidden]){display:none}[hidden]{display:none}";const L=2;const j=2;const P={large:11,medium:9,small:7,xsmall:5,xxsmall:1};const X=class{constructor(s){t(this,s);this.calcitePaginationChange=e(this,"calcitePaginationChange",6);this.resizeObserver=g("resize",(t=>t.forEach(this.resizeHandler)));this.resizeHandler=({contentRect:{width:t}})=>this.setMaxItemsToBreakpoint(t);this.firstClicked=()=>{this.startItem=1;this.emitUpdate()};this.lastClicked=()=>{this.startItem=this.lastStartItem;this.emitUpdate()};this.previousClicked=async()=>{await this.previousPage();this.emitUpdate()};this.nextClicked=async()=>{await this.nextPage();this.emitUpdate()};this.handlePageClick=t=>{const e=t.target;this.startItem=parseInt(e.value,10);this.emitUpdate()};this.groupSeparator=false;this.messages=undefined;this.messageOverrides=undefined;this.numberingSystem=undefined;this.pageSize=20;this.scale="m";this.startItem=1;this.totalItems=0;this.defaultMessages=undefined;this.effectiveLocale="";this.maxItems=P.xxsmall;this.totalPages=undefined;this.lastStartItem=undefined;this.isXXSmall=undefined}onMessagesChange(){}handleTotalPages(){if(this.pageSize<1){this.pageSize=1}this.totalPages=this.totalItems/this.pageSize}effectiveLocaleChange(){d(this,this.effectiveLocale)}effectiveLocaleWatcher(){l.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator}}handleLastStartItemChange(){const{totalItems:t,pageSize:e,totalPages:s}=this;this.lastStartItem=(t%e===0?t-e:Math.floor(s)*e)+1}handleIsXXSmall(){this.isXXSmall=this.maxItems===P.xxsmall}connectedCallback(){c(this);m(this);this.resizeObserver?.observe(this.el)}async componentWillLoad(){await p(this);n(this);this.handleTotalPages();this.handleLastStartItemChange();this.handleIsXXSmall()}componentDidLoad(){o(this);this.setMaxItemsToBreakpoint(this.el.clientWidth)}disconnectedCallback(){h(this);u(this);this.resizeObserver?.disconnect()}async setFocus(){await r(this);this.el.focus()}async nextPage(){this.startItem=Math.min(this.lastStartItem,this.startItem+this.pageSize)}async previousPage(){this.startItem=Math.max(1,this.startItem-this.pageSize)}setMaxItemsToBreakpoint(t){if(!C||!t){return}if(t>=C.width.medium){this.maxItems=P.large;return}if(t>=C.width.small){this.maxItems=P.medium;return}if(t>=C.width.xsmall){this.maxItems=P.small;return}if(t>=C.width.xxsmall){this.maxItems=P.xsmall;return}this.maxItems=P.xxsmall}showStartEllipsis(){return this.totalPages>this.maxItems&&Math.floor(this.startItem/this.pageSize)>this.maxItems-L-j}showEndEllipsis(){return this.totalPages>this.maxItems&&(this.totalItems-this.startItem)/this.pageSize>this.maxItems-L-(j-1)}emitUpdate(){this.calcitePaginationChange.emit()}renderEllipsis(t){return s("span",{class:v.ellipsis,"data-test-ellipsis":t,key:t},"…")}renderItems(){const{totalItems:t,pageSize:e,startItem:s,maxItems:i,totalPages:a,lastStartItem:n,isXXSmall:o}=this;const r=[];if(o){r.push(this.renderPage(s));return r}const l=t>e;const c=this.showStartEllipsis();const h=this.showEndEllipsis();if(l){r.push(this.renderPage(1))}if(c){r.push(this.renderEllipsis("start"))}const d=i-L-(h?1:0)-(c?1:0);let m;let p;if(a-1<=d){p=1+e;m=n-e}else{if(s/e<d){p=1+e;m=1+d*e}else{if(s+d*e>=t){p=n-d*e;m=n-e}else{p=s-e*((d-1)/2);m=s+e*((d-1)/2)}}}for(let t=0;t<d&&p<=m;t++){r.push(this.renderPage(p));p=p+e}if(h){r.push(this.renderEllipsis("end"))}r.push(this.renderPage(n));return r}renderPage(t){const{pageSize:e}=this;const i=Math.floor(t/e)+(e===1?0:1);l.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};const a=l.localize(i.toString());const n=t===this.startItem;return s("button",{"aria-current":n?"page":"false",class:{[v.page]:true,[v.selected]:n},onClick:this.handlePageClick,value:t},a)}renderPreviousChevron(){const{pageSize:t,startItem:e,messages:i}=this;const a=t===1?e<=t:e<t;return s("button",{"aria-label":i.previous,class:{[v.chevron]:true,[v.disabled]:a},"data-test-chevron":"previous",disabled:a,key:"previous",onClick:this.previousClicked},s("calcite-icon",{flipRtl:true,icon:b.previous,scale:f(this.scale)}))}renderNextChevron(){const{totalItems:t,pageSize:e,startItem:i,messages:a}=this;const n=e===1?i+e>t:i+e>t;return s("button",{"aria-label":a.next,class:{[v.chevron]:true,[v.disabled]:n},"data-test-chevron":"next",disabled:n,key:"next-button",onClick:this.nextClicked},s("calcite-icon",{flipRtl:true,icon:b.next,scale:f(this.scale)}))}renderFirstChevron(){const{messages:t,startItem:e,isXXSmall:i}=this;const a=e===1;return i?s("button",{"aria-label":t.first,class:{[v.chevron]:true,[v.disabled]:a},disabled:a,key:"first-button",onClick:this.firstClicked},s("calcite-icon",{flipRtl:true,icon:b.first,scale:f(this.scale)})):null}renderLastChevron(){const{messages:t,startItem:e,isXXSmall:i,lastStartItem:a}=this;const n=e===a;return i?s("button",{"aria-label":t.last,class:{[v.chevron]:true,[v.disabled]:n},disabled:n,key:"last-button",onClick:this.lastClicked},s("calcite-icon",{flipRtl:true,icon:b.last,scale:f(this.scale)})):null}render(){return s(i,null,this.renderFirstChevron(),this.renderPreviousChevron(),this.renderItems(),this.renderNextChevron(),this.renderLastChevron())}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],totalItems:["handleTotalPages","handleLastStartItemChange"],pageSize:["handleTotalPages","handleLastStartItemChange"],effectiveLocale:["effectiveLocaleChange","effectiveLocaleWatcher"],totalPages:["handleLastStartItemChange"],maxItems:["handleIsXXSmall"]}}};X.style=w;export{X as calcite_pagination};
-//# sourceMappingURL=p-de53537f.entry.js.map

package/dist/calcite/p-de53537f.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","page","selected","chevron","disabled","ellipsis","ICONS","next","previous","first","last","calciteContainerSizeWidthXxs","min","max","calciteContainerSizeWidthXs","calciteContainerSizeWidthSm","calciteContainerSizeWidthMd","calciteContainerSizeWidthLg","breakpoints","width","large","cssLengthToNumber","medium","small","xsmall","xxsmall","length","parseInt","paginationCss","firstAndLastPageCount","ellipsisCount","maxItemBreakpoints","Pagination","this","resizeObserver","createObserver","entries","forEach","resizeHandler","contentRect","setMaxItemsToBreakpoint","firstClicked","startItem","emitUpdate","lastClicked","lastStartItem","previousClicked","async","previousPage","nextClicked","nextPage","handlePageClick","event","target","value","onMessagesChange","handleTotalPages","pageSize","totalPages","totalItems","effectiveLocaleChange","updateMessages","effectiveLocale","effectiveLocaleWatcher","numberStringFormatter","numberFormatOptions","locale","numberingSystem","useGrouping","groupSeparator","handleLastStartItemChange","Math","floor","handleIsXXSmall","isXXSmall","maxItems","connectedCallback","connectLocalized","connectMessages","observe","el","componentWillLoad","setUpMessages","setUpLoadableComponent","componentDidLoad","setComponentLoaded","clientWidth","disconnectedCallback","disconnectLocalized","disconnectMessages","disconnect","setFocus","componentFocusable","focus","showStartEllipsis","showEndEllipsis","calcitePaginationChange","emit","renderEllipsis","type","h","class","key","renderItems","items","push","renderPage","renderFirstPage","renderStartEllipsis","renderEndEllipsis","remainingItems","end","nextStart","i","start","displayedPage","localize","toString","onClick","renderPreviousChevron","messages","flipRtl","icon","scale","getIconScale","renderNextChevron","renderFirstChevron","renderLastChevron","render","Fragment"],"sources":["src/components/pagination/resources.ts","../calcite-design-tokens/dist/es6/global.js","src/utils/responsive.ts","src/components/pagination/pagination.scss?tag=calcite-pagination&encapsulation=shadow","src/components/pagination/pagination.tsx"],"sourcesContent":["export const CSS = {\n  page: \"page\",\n  selected: \"selected\",\n  chevron: \"chevron\",\n  disabled: \"disabled\",\n  ellipsis: \"ellipsis\",\n};\n\nexport const ICONS = {\n  next: \"chevron-right\",\n  previous: \"chevron-left\",\n  first: \"chevron-start\",\n  last: \"chevron-end\",\n};\n","/**\n * Do not edit directly\n * Generated on Wed, 21 Feb 2024 21:18:47 GMT\n */\n\nexport const calciteBorderWidthNone = \"0\";\nexport const calciteBorderWidthSm = \"1px\";\nexport const calciteBorderWidthMd = \"2px\";\nexport const calciteBorderWidthLg = \"4px\";\nexport const calciteColorBackground = {\"light\":\"#f8f8f8\",\"dark\":\"#353535\"};\nexport const calciteColorBackgroundNone = \"rgba(255, 255, 255, 0)\";\nexport const calciteColorForeground1 = {\"light\":\"#ffffff\",\"dark\":\"#2b2b2b\"};\nexport const calciteColorForeground2 = {\"light\":\"#f3f3f3\",\"dark\":\"#202020\"};\nexport const calciteColorForeground3 = {\"light\":\"#eaeaea\",\"dark\":\"#151515\"};\nexport const calciteColorForegroundCurrent = {\"light\":\"#c7eaff\",\"dark\":\"#214155\"};\nexport const calciteColorTransparent = {\"light\":\"rgba(0, 0, 0, 0)\",\"dark\":\"rgba(255, 255, 255, 0)\"};\nexport const calciteColorTransparentHover = {\"light\":\"rgba(0, 0, 0, 0.04)\",\"dark\":\"rgba(255, 255, 255, 0.04)\"};\nexport const calciteColorTransparentPress = {\"light\":\"rgba(0, 0, 0, 0.08)\",\"dark\":\"rgba(255, 255, 255, 0.08)\"};\nexport const calciteColorTransparentScrim = {\"light\":\"rgba(255, 255, 255, 0.85)\",\"dark\":\"rgba(0, 0, 0, 0.85)\"};\nexport const calciteColorTransparentTint = {\"light\":\"rgba(255, 255, 255, 0.8)\",\"dark\":\"rgba(43, 43, 43, 0.8)\"};\nexport const calciteColorBrand = {\"light\":\"#007ac2\",\"dark\":\"#009af2\"};\nexport const calciteColorBrandHover = {\"light\":\"#00619b\",\"dark\":\"#007ac2\"};\nexport const calciteColorBrandPress = {\"light\":\"#004874\",\"dark\":\"#00619b\"};\nexport const calciteColorBrandUnderline = {\"light\":\"rgba(0, 97, 155, 0.4)\",\"dark\":\"rgba(0, 160, 255, 0.4)\"};\nexport const calciteColorStatusInfo = {\"light\":\"#00619b\",\"dark\":\"#00a0ff\"};\nexport const calciteColorStatusInfoHover = {\"light\":\"#004874\",\"dark\":\"#3db8ff\"};\nexport const calciteColorStatusInfoPress = {\"light\":\"#00304d\",\"dark\":\"#009af2\"};\nexport const calciteColorStatusSuccess = {\"light\":\"#35ac46\",\"dark\":\"#36da43\"};\nexport const calciteColorStatusSuccessHover = {\"light\":\"#288835\",\"dark\":\"#3bed52\"};\nexport const calciteColorStatusSuccessPress = {\"light\":\"#1a6324\",\"dark\":\"#00b81b\"};\nexport const calciteColorStatusWarning = {\"light\":\"#edd317\",\"dark\":\"#ffc900\"};\nexport const calciteColorStatusWarningHover = {\"light\":\"#d9bc00\",\"dark\":\"#ffee33\"};\nexport const calciteColorStatusWarningPress = {\"light\":\"#bfa200\",\"dark\":\"#f5d000\"};\nexport const calciteColorStatusDanger = {\"light\":\"#d83020\",\"dark\":\"#fe583e\"};\nexport const calciteColorStatusDangerHover = {\"light\":\"#a82b1e\",\"dark\":\"#ff0015\"};\nexport const calciteColorStatusDangerPress = {\"light\":\"#7c1d13\",\"dark\":\"#d90012\"};\nexport const calciteColorInverse = {\"light\":\"#353535\",\"dark\":\"#f8f8f8\"};\nexport const calciteColorInverseHover = {\"light\":\"#2b2b2b\",\"dark\":\"#ffffff\"};\nexport const calciteColorInversePress = {\"light\":\"#202020\",\"dark\":\"#f3f3f3\"};\nexport const calciteColorText1 = {\"light\":\"#151515\",\"dark\":\"#ffffff\"};\nexport const calciteColorText2 = {\"light\":\"#4a4a4a\",\"dark\":\"#bfbfbf\"};\nexport const calciteColorText3 = {\"light\":\"#6a6a6a\",\"dark\":\"#9f9f9f\"};\nexport const calciteColorTextInverse = {\"light\":\"#ffffff\",\"dark\":\"#151515\"};\nexport const calciteColorTextLink = {\"light\":\"#00619b\",\"dark\":\"#00a0ff\"};\nexport const calciteColorBorder1 = {\"light\":\"#cacaca\",\"dark\":\"#555555\"};\nexport const calciteColorBorder2 = {\"light\":\"#d4d4d4\",\"dark\":\"#4a4a4a\"};\nexport const calciteColorBorder3 = {\"light\":\"#dfdfdf\",\"dark\":\"#404040\"};\nexport const calciteColorBorderInput = {\"light\":\"#949494\",\"dark\":\"#757575\"};\nexport const calciteColorBorderGhost = {\"light\":\"rgba(0, 0, 0, 0.3)\",\"dark\":\"rgba(117, 117, 117, 0.3)\"};\nexport const calciteColorBorderWhite = {\"light\":\"#ffffff\",\"dark\":\"#f8f8f8\"};\nexport const calciteContainerSizeHeightXxs = {\"min\":\"0\",\"max\":\"154px\"}; // Small handheld devices and mini-windows\nexport const calciteContainerSizeHeightXs = {\"min\":\"155px\",\"max\":\"328px\"}; // Handheld devices\nexport const calciteContainerSizeHeightSm = {\"min\":\"329px\",\"max\":\"504px\"}; // Small tablets\nexport const calciteContainerSizeHeightMd = {\"min\":\"505px\",\"max\":\"678px\"}; // Small laptops\nexport const calciteContainerSizeHeightLg = {\"min\":\"679px\",\"max\":\"854px\"}; // Large laptops and desktop computers\nexport const calciteContainerSizeHeightXl = {\"min\":\"855px\"}; // Projectors and televisions\nexport const calciteContainerSizeWidthXxs = {\"min\":\"0\",\"max\":\"320px\"}; // Small handheld devices and mini-windows\nexport const calciteContainerSizeWidthXs = {\"min\":\"321px\",\"max\":\"476px\"}; // Handheld devices\nexport const calciteContainerSizeWidthSm = {\"min\":\"477px\",\"max\":\"768px\"}; // Small tablets\nexport const calciteContainerSizeWidthMd = {\"min\":\"769px\",\"max\":\"1152px\"}; // Small laptops\nexport const calciteContainerSizeWidthLg = {\"min\":\"1153px\",\"max\":\"1440px\"}; // Large laptops and desktop computers\nexport const calciteContainerSizeWidthXl = {\"min\":\"1441px\"}; // Projectors and televisions\nexport const calciteContainerSizeMargin = \"24px\";\nexport const calciteContainerSizeGutter = \"16px\";\nexport const calciteContainerSizeContentFluid = \"100%\"; // for fluid grid widths\nexport const calciteContainerSizeContentFixed = \"1440px\"; // only for lg breakpoint fixed grid width\nexport const calciteCornerRadius = \"0\";\nexport const calciteCornerRadiusSharp = \"0\";\nexport const calciteCornerRadiusRound = \"4px\";\nexport const calciteCornerRadiusPill = \"100%\";\nexport const calciteFontFamily = [\"Avenir Next World\",\"Avenir Next LT Pro\",\"Avenir\",\"Helvetica Neue\",\"sans-serif\"]; // Primary font with fallbacks\nexport const calciteFontFamilyCode = [\"Monaco\",\"Consolas\",\"Andale Mono\",\"Lucida Console\",\"monospace\"]; // Font family for code with fallbacks\nexport const calciteFontWeightLight = \"300\"; // For Avenir Next World (secondary font family)\nexport const calciteFontWeightNormal = \"400\"; // For backwards compatibility only. This token will be removed from the published tokens in the next major in favor of the more descriptive word \"regular\"\nexport const calciteFontWeightRegular = \"400\";\nexport const calciteFontWeightMedium = \"500\";\nexport const calciteFontWeightSemibold = \"600\";\nexport const calciteFontWeightBold = \"700\";\nexport const calciteFontSizeXs = \"10px\";\nexport const calciteFontSizeSm = \"12px\";\nexport const calciteFontSize = \"14px\";\nexport const calciteFontSizeMd = \"16px\";\nexport const calciteFontSizeLg = \"18px\";\nexport const calciteFontSizeXl = \"20px\";\nexport const calciteFontSizeXxl = \"24px\";\nexport const calciteFontStyleEmphasis = \"italic\"; // used in ratings\nexport const calciteFontLineHeightFixedSm = \"12px\";\nexport const calciteFontLineHeightFixedBase = \"16px\";\nexport const calciteFontLineHeightFixedLg = \"20px\";\nexport const calciteFontLineHeightFixedXl = \"24px\";\nexport const calciteFontLineHeightRelative = \"auto\"; // 1\nexport const calciteFontLineHeightRelativeTight = \"125%\"; // 1.25\nexport const calciteFontLineHeightRelativeSnug = \"137.5%\"; // 1.375\nexport const calciteFontLineHeightRelativeNormal = \"150%\"; // 1.5\nexport const calciteFontLineHeightRelativeRelaxed = \"162.5%\"; // 1.625\nexport const calciteFontLineHeightRelativeLoose = \"200%\"; // 2\nexport const calciteFontLetterSpacingTight = \"-0.4\";\nexport const calciteFontLetterSpacingNormal = \"0\";\nexport const calciteFontLetterSpacingWide = \"0.4\";\nexport const calciteFontParagraphSpacingNormal = \"4px\";\nexport const calciteFontTextDecorationNone = \"none\";\nexport const calciteFontTextDecorationUnderline = \"underline\";\nexport const calciteFontTextCaseNone = \"none\";\nexport const calciteFontTextCaseUppercase = \"uppercase\";\nexport const calciteFontTextCaseLowercase = \"lowercase\";\nexport const calciteFontTextCaseCapitalize = \"capitalize\";\nexport const calciteOpacityLight = \"0.4\";\nexport const calciteOpacityHalf = \"0.5\";\nexport const calciteOpacityDark = \"0.85\";\nexport const calciteOpacityFull = \"1\";\nexport const calciteOpacityDisabled = \"0.5\";\nexport const calciteShadowNone = {\"x\":\"0\",\"y\":\"0\",\"blur\":\"0\",\"spread\":\"0\",\"color\":\"rgba(#000000, 0)\"};\nexport const calciteShadowSm = [{\"x\":\"0\",\"y\":\"2\",\"blur\":\"8\",\"spread\":\"0\",\"color\":\"rgba(#000000, 0.04)\"},{\"x\":\"0\",\"y\":\"4\",\"blur\":\"16\",\"spread\":\"0\",\"color\":\"rgba(#000000, 0.08)\"}];\nexport const calciteShadowMd = [{\"x\":\"0\",\"y\":\"4\",\"blur\":\"20\",\"spread\":\"0\",\"color\":\"rgba(#000000, 0.08)\"},{\"x\":\"0\",\"y\":\"12\",\"blur\":\"32\",\"spread\":\"-2\",\"color\":\"rgba(#000000, 0.1)\"}];\nexport const calciteSizePx = \"1px\";\nexport const calciteSizeXxxs = \"2px\";\nexport const calciteSizeXxs = \"4px\";\nexport const calciteSizeXs = \"6px\";\nexport const calciteSizeSm = \"8px\";\nexport const calciteSizeSmPlus = \"10px\";\nexport const calciteSizeMd = \"12px\";\nexport const calciteSizeMdPlus = \"14px\";\nexport const calciteSizeLg = \"16px\";\nexport const calciteSizeXl = \"20px\";\nexport const calciteSizeXxl = \"24px\";\nexport const calciteSizeXxxl = \"32px\";\nexport const calciteSpacingPx = \"1px\";\nexport const calciteSpacingBase = \"2px\";\nexport const calciteSpacingXxs = \"4px\";\nexport const calciteSpacingXs = \"6px\";\nexport const calciteSpacingSm = \"8px\";\nexport const calciteSpacingMd = \"12px\";\nexport const calciteSpacingLg = \"14px\";\nexport const calciteSpacingXl = \"16px\";\nexport const calciteSpacingXxl = \"20px\";\nexport const calciteSpacingXxxl = \"32px\";\nexport const calciteTypography = {\"fontFamily\":[\"Avenir Next World\",\"Avenir Next LT Pro\",\"Avenir\",\"Helvetica Neue\",\"sans-serif\"],\"fontSize\":\"14px\",\"fontWeight\":\"400\",\"letterSpacing\":\"0\",\"lineHeight\":\"16px\",\"paragraphSpacing\":\"4px\",\"textCase\":\"none\",\"textDecoration\":\"none\"};\nexport const calciteTypographyLightMinus3h = {\"fontSize\":\"10px\",\"fontWeight\":\"300\",\"lineHeight\":\"12px\"};\nexport const calciteTypographyLightMinus2h = {\"fontSize\":\"12px\",\"fontWeight\":\"300\"};\nexport const calciteTypographyLightMinus1h = {\"fontWeight\":\"300\"};\nexport const calciteTypographyLight0h = {\"fontSize\":\"16px\",\"fontWeight\":\"300\",\"lineHeight\":\"20px\"};\nexport const calciteTypographyLight1h = {\"fontSize\":\"18px\",\"fontWeight\":\"300\",\"lineHeight\":\"24px\"};\nexport const calciteTypographyRegularMinus3h = {\"lineHeight\":\"12px\",\"fontSize\":\"10px\"};\nexport const calciteTypographyRegularMinus2h = {\"fontSize\":\"12px\"};\nexport const calciteTypographyRegularMinus1h = {\"fontFamily\":[\"Avenir Next World\",\"Avenir Next LT Pro\",\"Avenir\",\"Helvetica Neue\",\"sans-serif\"],\"fontSize\":\"14px\",\"fontWeight\":\"400\",\"letterSpacing\":\"0\",\"lineHeight\":\"16px\",\"paragraphSpacing\":\"4px\",\"textCase\":\"none\",\"textDecoration\":\"none\"};\nexport const calciteTypographyRegular0h = {\"lineHeight\":\"20px\",\"fontSize\":\"16px\"};\nexport const calciteTypographyRegular1h = {\"lineHeight\":\"24px\",\"fontSize\":\"18px\"};\nexport const calciteTypographyMediumMinus3h = {\"fontWeight\":\"500\",\"lineHeight\":\"12px\",\"fontSize\":\"10px\"};\nexport const calciteTypographyMediumMinus2h = {\"fontWeight\":\"500\",\"fontSize\":\"12px\"};\nexport const calciteTypographyMediumMinus1h = {\"fontWeight\":\"500\"};\nexport const calciteTypographyMedium0h = {\"fontWeight\":\"500\",\"lineHeight\":\"20px\",\"fontSize\":\"16px\"};\nexport const calciteTypographyMedium1h = {\"fontWeight\":\"500\",\"lineHeight\":\"24px\",\"fontSize\":\"18px\"};\nexport const calciteTypographyBoldMinus3h = {\"fontWeight\":\"600\",\"lineHeight\":\"12px\",\"fontSize\":\"10px\"};\nexport const calciteTypographyBoldMinus2h = {\"fontWeight\":\"600\",\"fontSize\":\"12px\"};\nexport const calciteTypographyBoldMinus1h = {\"fontWeight\":\"600\"};\nexport const calciteTypographyBold0h = {\"fontWeight\":\"600\",\"lineHeight\":\"20px\",\"fontSize\":\"16px\"};\nexport const calciteTypographyBold1h = {\"fontWeight\":\"600\",\"lineHeight\":\"24px\",\"fontSize\":\"18px\"};\nexport const calciteTypographyWrapLight0 = {\"fontWeight\":\"300\",\"lineHeight\":\"137.5%\",\"fontSize\":\"16px\"};\nexport const calciteTypographyWrapLight1 = {\"fontWeight\":\"300\",\"lineHeight\":\"137.5%\",\"fontSize\":\"18px\"};\nexport const calciteTypographyWrapLight2 = {\"fontWeight\":\"300\",\"lineHeight\":\"137.5%\",\"fontSize\":\"20px\"};\nexport const calciteTypographyWrapLight3 = {\"fontWeight\":\"300\",\"lineHeight\":\"125%\",\"fontSize\":\"24px\"};\nexport const calciteTypographyWrapLightMinus2 = {\"fontWeight\":\"300\",\"lineHeight\":\"137.5%\",\"fontSize\":\"12px\"};\nexport const calciteTypographyWrapLightMinus1 = {\"fontWeight\":\"300\",\"lineHeight\":\"137.5%\"};\nexport const calciteTypographyWrapRegular0 = {\"lineHeight\":\"137.5%\",\"fontSize\":\"16px\"};\nexport const calciteTypographyWrapRegular1 = {\"lineHeight\":\"137.5%\",\"fontSize\":\"18px\"};\nexport const calciteTypographyWrapRegular2 = {\"lineHeight\":\"137.5%\",\"fontSize\":\"20px\"};\nexport const calciteTypographyWrapRegular3 = {\"lineHeight\":\"137.5%\",\"fontSize\":\"24px\"};\nexport const calciteTypographyWrapRegularMinus2 = {\"lineHeight\":\"137.5%\",\"fontSize\":\"12px\"};\nexport const calciteTypographyWrapRegularMinus1 = {\"lineHeight\":\"137.5%\"};\nexport const calciteTypographyWrapMedium0 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"16px\"};\nexport const calciteTypographyWrapMedium1 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"18px\"};\nexport const calciteTypographyWrapMedium2 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"20px\"};\nexport const calciteTypographyWrapMedium3 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"24px\"};\nexport const calciteTypographyWrapMediumMinus2 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"12px\"};\nexport const calciteTypographyWrapMediumMinus1 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\"};\nexport const calciteTypographyWrapBold0 = {\"fontWeight\":\"600\",\"lineHeight\":\"137.5%\",\"fontSize\":\"16px\"};\nexport const calciteTypographyWrapBold1 = {\"fontWeight\":\"600\",\"lineHeight\":\"137.5%\",\"fontSize\":\"18px\"};\nexport const calciteTypographyWrapBold2 = {\"fontWeight\":\"600\",\"lineHeight\":\"137.5%\",\"fontSize\":\"20px\"};\nexport const calciteTypographyWrapBold3 = {\"fontWeight\":\"600\",\"lineHeight\":\"137.5%\",\"fontSize\":\"24px\"};\nexport const calciteTypographyWrapBoldMinus2 = {\"fontWeight\":\"600\",\"lineHeight\":\"137.5%\",\"fontSize\":\"12px\"};\nexport const calciteTypographyWrapBoldMinus1 = {\"fontWeight\":\"600\",\"lineHeight\":\"137.5%\"};\nexport const calciteTypographyHierarchyDisplay1 = {\"fontWeight\":\"600\",\"lineHeight\":\"137.5%\",\"fontSize\":\"24px\"};\nexport const calciteTypographyHierarchyDisplay2 = {\"fontWeight\":\"600\",\"lineHeight\":\"137.5%\",\"fontSize\":\"20px\"};\nexport const calciteTypographyHierarchyHeading1 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"24px\"};\nexport const calciteTypographyHierarchyHeading2 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"20px\"};\nexport const calciteTypographyHierarchyHeading3 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"18px\"};\nexport const calciteTypographyHierarchyHeading4 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\",\"fontSize\":\"16px\"};\nexport const calciteTypographyHierarchyHeading5 = {\"fontWeight\":\"500\",\"lineHeight\":\"137.5%\"};\nexport const calciteTypographyHierarchyBodySnug = {\"lineHeight\":\"137.5%\"};\nexport const calciteTypographyHierarchyBody = {\"fontFamily\":[\"Avenir Next World\",\"Avenir Next LT Pro\",\"Avenir\",\"Helvetica Neue\",\"sans-serif\"],\"fontSize\":\"14px\",\"fontWeight\":\"400\",\"letterSpacing\":\"0\",\"lineHeight\":\"16px\",\"paragraphSpacing\":\"4px\",\"textCase\":\"none\",\"textDecoration\":\"none\"};\nexport const calciteTypographyHierarchyOverline = {\"lineHeight\":\"12px\",\"textCase\":\"uppercase\",\"fontWeight\":\"700\"};\nexport const calciteTypographyHierarchyCaption = {\"lineHeight\":\"137.5%\",\"fontSize\":\"12px\"};\nexport const calciteZIndexDeep = \"-999999\";\nexport const calciteZIndex = \"1\";\nexport const calciteZIndexSticky = \"300\";\nexport const calciteZIndexHeader = \"400\";\nexport const calciteZIndexToast = \"500\";\nexport const calciteZIndexDropdown = \"600\";\nexport const calciteZIndexOverlay = \"700\";\nexport const calciteZIndexModal = \"800\";\nexport const calciteZIndexPopup = \"900\";\nexport const calciteZIndexTooltip = \"901\";\n","import {\n  calciteContainerSizeWidthLg,\n  calciteContainerSizeWidthMd,\n  calciteContainerSizeWidthSm,\n  calciteContainerSizeWidthXs,\n  calciteContainerSizeWidthXxs,\n} from \"@esri/calcite-design-tokens/dist/es6/global\";\n\nexport interface Breakpoints {\n  width: {\n    large: number;\n    medium: number;\n    small: number;\n    xsmall: number;\n    xxsmall: number;\n  };\n}\n\n/**\n * A breakpoints lookup object.\n */\nexport const breakpoints: Breakpoints = {\n  width: {\n    large: cssLengthToNumber(calciteContainerSizeWidthLg.max),\n    medium: cssLengthToNumber(calciteContainerSizeWidthMd.max),\n    small: cssLengthToNumber(calciteContainerSizeWidthSm.max),\n    xsmall: cssLengthToNumber(calciteContainerSizeWidthXs.max),\n    xxsmall: cssLengthToNumber(calciteContainerSizeWidthXxs.max),\n  },\n};\n\nfunction cssLengthToNumber(length: string): number {\n  return parseInt(length);\n}\n",":host {\n  @apply flex;\n  writing-mode: horizontal-tb;\n}\n\n:host([scale=\"s\"]) {\n  & .chevron,\n  & .page,\n  & .ellipsis {\n    @apply text-n2h h-6 px-1;\n    min-inline-size: theme(\"width.6\");\n  }\n}\n\n:host([scale=\"m\"]) {\n  & .chevron,\n  & .page,\n  & .ellipsis {\n    @apply text-n1h h-8 px-2;\n    min-inline-size: theme(\"width.8\");\n  }\n}\n\n:host([scale=\"l\"]) {\n  & .chevron,\n  & .page,\n  & .ellipsis {\n    @apply text-0h h-11;\n    min-inline-size: theme(\"width.11\");\n  }\n\n  & .chevron {\n    @apply px-2.5;\n  }\n\n  & .page,\n  & .ellipsis {\n    @apply px-3;\n  }\n}\n\n// focus styles\n:host button {\n  @apply focus-base;\n  &:focus {\n    @apply focus-inset;\n  }\n}\n\n.chevron,\n.page,\n.ellipsis {\n  @apply p-0\n    m-0\n    text-0h\n    text-color-3\n    font-inherit\n    box-border\n    flex\n    items-center\n    border-none\n    border-opacity-0\n    justify-center\n    align-baseline\n    bg-transparent;\n}\n\n.chevron,\n.page {\n  @apply cursor-pointer;\n  border-block: 2px solid transparent;\n\n  &:hover {\n    @apply text-color-1 transition-default;\n  }\n}\n\n.page {\n  &:hover {\n    @apply border-b-color-2;\n  }\n  &.selected {\n    @apply text-color-1 border-b-color-brand font-medium;\n  }\n}\n\n.chevron {\n  &:hover {\n    @apply bg-foreground-2;\n    color: theme(\"backgroundColor.brand\");\n  }\n  &:active {\n    @apply bg-foreground-3;\n  }\n  &.disabled {\n    @apply pointer-events-none bg-transparent;\n    & > calcite-icon {\n      @apply opacity-disabled;\n    }\n  }\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Fragment,\n  h,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectLocalized,\n  disconnectLocalized,\n  LocalizedComponent,\n  NumberingSystem,\n  numberStringFormatter,\n} from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Scale } from \"../interfaces\";\nimport { PaginationMessages } from \"./assets/pagination/t9n\";\nimport { CSS, ICONS } from \"./resources\";\nimport { createObserver } from \"../../utils/observers\";\nimport { breakpoints } from \"../../utils/responsive\";\nimport { getIconScale } from \"../../utils/component\";\n\nexport interface PaginationDetail {\n  start: number;\n  totalItems: number;\n  startItem: number;\n}\n\nconst firstAndLastPageCount = 2;\nconst ellipsisCount = 2;\n\nconst maxItemBreakpoints = {\n  large: 11,\n  medium: 9,\n  small: 7,\n  xsmall: 5,\n  xxsmall: 1,\n};\n\n@Component({\n  tag: \"calcite-pagination\",\n  styleUrl: \"pagination.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n  assetsDirs: [\"assets\"],\n})\nexport class Pagination\n  implements LocalizedComponent, LocalizedComponent, LoadableComponent, T9nComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, number values are displayed with a group separator corresponding to the language and country format.\n   */\n  @Prop({ reflect: true }) groupSeparator = false;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: PaginationMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<PaginationMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * Specifies the Unicode numeral system used by the component for localization.\n   */\n  @Prop() numberingSystem: NumberingSystem;\n\n  /** Specifies the number of items per page. */\n  @Prop({ mutable: true, reflect: true }) pageSize = 20;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies the starting item number. */\n  @Prop({ mutable: true, reflect: true }) startItem = 1;\n\n  /** Specifies the total number of items. */\n  @Prop({ reflect: true }) totalItems = 0;\n\n  @Watch(\"totalItems\")\n  @Watch(\"pageSize\")\n  handleTotalPages(): void {\n    if (this.pageSize < 1) {\n      this.pageSize = 1;\n    }\n    this.totalPages = this.totalItems / this.pageSize;\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalcitePaginationElement;\n\n  @State() defaultMessages: PaginationMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleWatcher(): void {\n    numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      useGrouping: this.groupSeparator,\n    };\n  }\n\n  @State() maxItems = maxItemBreakpoints.xxsmall;\n\n  @State() totalPages: number;\n\n  @State() lastStartItem: number;\n\n  @Watch(\"totalItems\")\n  @Watch(\"pageSize\")\n  @Watch(\"totalPages\")\n  handleLastStartItemChange(): void {\n    const { totalItems, pageSize, totalPages } = this;\n\n    this.lastStartItem =\n      (totalItems % pageSize === 0 ? totalItems - pageSize : Math.floor(totalPages) * pageSize) + 1;\n  }\n\n  @State() isXXSmall: boolean;\n\n  @Watch(\"maxItems\")\n  handleIsXXSmall(): void {\n    this.isXXSmall = this.maxItems === maxItemBreakpoints.xxsmall;\n  }\n\n  private resizeObserver = createObserver(\"resize\", (entries) =>\n    entries.forEach(this.resizeHandler),\n  );\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Emits when the selected page changes.\n   */\n  @Event({ cancelable: false }) calcitePaginationChange: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n    this.resizeObserver?.observe(this.el);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    setUpLoadableComponent(this);\n    this.handleTotalPages();\n    this.handleLastStartItemChange();\n    this.handleIsXXSmall();\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    this.setMaxItemsToBreakpoint(this.el.clientWidth);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    this.resizeObserver?.disconnect();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /** Sets focus on the component's first focusable element. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.el.focus();\n  }\n\n  /** Go to the next page of results. */\n  @Method()\n  async nextPage(): Promise<void> {\n    this.startItem = Math.min(this.lastStartItem, this.startItem + this.pageSize);\n  }\n\n  /** Go to the previous page of results. */\n  @Method()\n  async previousPage(): Promise<void> {\n    this.startItem = Math.max(1, this.startItem - this.pageSize);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private setMaxItemsToBreakpoint(width: number): void {\n    if (!breakpoints || !width) {\n      return;\n    }\n\n    if (width >= breakpoints.width.medium) {\n      this.maxItems = maxItemBreakpoints.large;\n      return;\n    }\n\n    if (width >= breakpoints.width.small) {\n      this.maxItems = maxItemBreakpoints.medium;\n      return;\n    }\n\n    if (width >= breakpoints.width.xsmall) {\n      this.maxItems = maxItemBreakpoints.small;\n      return;\n    }\n\n    if (width >= breakpoints.width.xxsmall) {\n      this.maxItems = maxItemBreakpoints.xsmall;\n      return;\n    }\n\n    this.maxItems = maxItemBreakpoints.xxsmall;\n  }\n\n  private resizeHandler = ({ contentRect: { width } }: ResizeObserverEntry): void =>\n    this.setMaxItemsToBreakpoint(width);\n\n  private firstClicked = (): void => {\n    this.startItem = 1;\n    this.emitUpdate();\n  };\n\n  private lastClicked = (): void => {\n    this.startItem = this.lastStartItem;\n    this.emitUpdate();\n  };\n\n  private previousClicked = async (): Promise<void> => {\n    await this.previousPage();\n    this.emitUpdate();\n  };\n\n  private nextClicked = async (): Promise<void> => {\n    await this.nextPage();\n    this.emitUpdate();\n  };\n\n  private showStartEllipsis() {\n    return (\n      this.totalPages > this.maxItems &&\n      Math.floor(this.startItem / this.pageSize) >\n        this.maxItems - firstAndLastPageCount - ellipsisCount\n    );\n  }\n\n  private showEndEllipsis() {\n    return (\n      this.totalPages > this.maxItems &&\n      (this.totalItems - this.startItem) / this.pageSize >\n        this.maxItems - firstAndLastPageCount - (ellipsisCount - 1)\n    );\n  }\n\n  private emitUpdate() {\n    this.calcitePaginationChange.emit();\n  }\n\n  private handlePageClick = (event: Event) => {\n    const target = event.target as HTMLButtonElement;\n    this.startItem = parseInt(target.value, 10);\n    this.emitUpdate();\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  renderEllipsis(type: \"start\" | \"end\"): VNode {\n    return (\n      <span class={CSS.ellipsis} data-test-ellipsis={type} key={type}>\n        &hellip;\n      </span>\n    );\n  }\n\n  renderItems(): VNode[] {\n    const { totalItems, pageSize, startItem, maxItems, totalPages, lastStartItem, isXXSmall } =\n      this;\n\n    const items: VNode[] = [];\n\n    if (isXXSmall) {\n      items.push(this.renderPage(startItem));\n      return items;\n    }\n\n    const renderFirstPage = totalItems > pageSize;\n    const renderStartEllipsis = this.showStartEllipsis();\n    const renderEndEllipsis = this.showEndEllipsis();\n\n    if (renderFirstPage) {\n      items.push(this.renderPage(1));\n    }\n\n    if (renderStartEllipsis) {\n      items.push(this.renderEllipsis(\"start\"));\n    }\n\n    const remainingItems =\n      maxItems -\n      firstAndLastPageCount -\n      (renderEndEllipsis ? 1 : 0) -\n      (renderStartEllipsis ? 1 : 0);\n\n    let end: number;\n    let nextStart: number;\n\n    // if we don't need ellipses render the whole set\n    if (totalPages - 1 <= remainingItems) {\n      nextStart = 1 + pageSize;\n      end = lastStartItem - pageSize;\n    } else {\n      // if we're within max pages of page 1\n      if (startItem / pageSize < remainingItems) {\n        nextStart = 1 + pageSize;\n        end = 1 + remainingItems * pageSize;\n      } else {\n        // if we're within max pages of last page\n        if (startItem + remainingItems * pageSize >= totalItems) {\n          nextStart = lastStartItem - remainingItems * pageSize;\n          end = lastStartItem - pageSize;\n        } else {\n          // if we're within the center pages\n          nextStart = startItem - pageSize * ((remainingItems - 1) / 2);\n          end = startItem + pageSize * ((remainingItems - 1) / 2);\n        }\n      }\n    }\n\n    for (let i = 0; i < remainingItems && nextStart <= end; i++) {\n      items.push(this.renderPage(nextStart));\n      nextStart = nextStart + pageSize;\n    }\n\n    if (renderEndEllipsis) {\n      items.push(this.renderEllipsis(\"end\"));\n    }\n\n    items.push(this.renderPage(lastStartItem));\n\n    return items;\n  }\n\n  renderPage(start: number): VNode {\n    const { pageSize } = this;\n    const page = Math.floor(start / pageSize) + (pageSize === 1 ? 0 : 1);\n\n    numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      useGrouping: this.groupSeparator,\n    };\n\n    const displayedPage = numberStringFormatter.localize(page.toString());\n    const selected = start === this.startItem;\n\n    return (\n      <button\n        aria-current={selected ? \"page\" : \"false\"}\n        class={{\n          [CSS.page]: true,\n          [CSS.selected]: selected,\n        }}\n        onClick={this.handlePageClick}\n        value={start}\n      >\n        {displayedPage}\n      </button>\n    );\n  }\n\n  renderPreviousChevron(): VNode {\n    const { pageSize, startItem, messages } = this;\n\n    const disabled = pageSize === 1 ? startItem <= pageSize : startItem < pageSize;\n\n    return (\n      <button\n        aria-label={messages.previous}\n        class={{\n          [CSS.chevron]: true,\n          [CSS.disabled]: disabled,\n        }}\n        data-test-chevron=\"previous\"\n        disabled={disabled}\n        key=\"previous\"\n        onClick={this.previousClicked}\n      >\n        <calcite-icon flipRtl icon={ICONS.previous} scale={getIconScale(this.scale)} />\n      </button>\n    );\n  }\n\n  renderNextChevron(): VNode {\n    const { totalItems, pageSize, startItem, messages } = this;\n\n    const disabled =\n      pageSize === 1 ? startItem + pageSize > totalItems : startItem + pageSize > totalItems;\n\n    return (\n      <button\n        aria-label={messages.next}\n        class={{\n          [CSS.chevron]: true,\n          [CSS.disabled]: disabled,\n        }}\n        data-test-chevron=\"next\"\n        disabled={disabled}\n        key=\"next-button\"\n        onClick={this.nextClicked}\n      >\n        <calcite-icon flipRtl icon={ICONS.next} scale={getIconScale(this.scale)} />\n      </button>\n    );\n  }\n\n  renderFirstChevron(): VNode {\n    const { messages, startItem, isXXSmall } = this;\n\n    const disabled = startItem === 1;\n\n    return isXXSmall ? (\n      <button\n        aria-label={messages.first}\n        class={{\n          [CSS.chevron]: true,\n          [CSS.disabled]: disabled,\n        }}\n        disabled={disabled}\n        key=\"first-button\"\n        onClick={this.firstClicked}\n      >\n        <calcite-icon flipRtl icon={ICONS.first} scale={getIconScale(this.scale)} />\n      </button>\n    ) : null;\n  }\n\n  renderLastChevron(): VNode {\n    const { messages, startItem, isXXSmall, lastStartItem } = this;\n\n    const disabled = startItem === lastStartItem;\n\n    return isXXSmall ? (\n      <button\n        aria-label={messages.last}\n        class={{\n          [CSS.chevron]: true,\n          [CSS.disabled]: disabled,\n        }}\n        disabled={disabled}\n        key=\"last-button\"\n        onClick={this.lastClicked}\n      >\n        <calcite-icon flipRtl icon={ICONS.last} scale={getIconScale(this.scale)} />\n      </button>\n    ) : null;\n  }\n\n  render(): VNode {\n    return (\n      <Fragment>\n        {this.renderFirstChevron()}\n        {this.renderPreviousChevron()}\n        {this.renderItems()}\n        {this.renderNextChevron()}\n        {this.renderLastChevron()}\n      </Fragment>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/calcite/p-dffa6ec0.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.2-next.1
- */
-import{d as e,a as t}from"./p-213aeca6.js";function o(){const{classList:o}=document.body;const n=window.matchMedia("(prefers-color-scheme: dark)").matches;const c=()=>o.contains(e)||o.contains(t)&&n?"dark":"light";const d=e=>document.body.dispatchEvent(new CustomEvent("calciteModeChange",{bubbles:true,detail:{mode:e}}));const i=e=>{s!==e&&d(e);s=e};let s=c();d(s);window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",(e=>i(e.matches?"dark":"light")));new MutationObserver((()=>i(c()))).observe(document.body,{attributes:true,attributeFilter:["class"]})}function n(){const e=typeof window!=="undefined"&&typeof location!=="undefined"&&typeof document!=="undefined"&&window.location===location&&window.document===document;if(e){if(document.readyState==="interactive"){o()}else{document.addEventListener("DOMContentLoaded",(()=>o()),{once:true})}}}const c=n;export{c as g};
-//# sourceMappingURL=p-dffa6ec0.js.map

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.2-next.1
- */
-import{r as t,c as i,h as e,H as n,g as o}from"./p-ce7a94e9.js";import{e as s,i as r,h as a,g as l}from"./p-9df2dac1.js";import{s as c,c as h,i as u,d,H as p}from"./p-6d4d314a.js";import{c as b,d as m,u as f,I as v}from"./p-4d0a4021.js";import{n as g}from"./p-63728af3.js";import{c as x,d as w,g as y}from"./p-d592c59d.js";import{a as k,s as z,c as j}from"./p-9ebac7df.js";import{n as I,i as W,p as E,s as D,a as C,c as L,d as N,B}from"./p-1f0e6b1d.js";import{c as $}from"./p-383d66f6.js";import{C as F}from"./p-213aeca6.js";import{u as P,c as V,d as A,s as H}from"./p-2e494a15.js";import{g as K}from"./p-dc1996cd.js";import{V as M}from"./p-616f42c5.js";import{s as O}from"./p-5e3ab69a.js";import"./p-5b5bf4fb.js";import"./p-f09acdd0.js";const R={loader:"loader",clearButton:"clear-button",editingEnabled:"editing-enabled",inlineChild:"inline-child",inputIcon:"icon",prefix:"prefix",suffix:"suffix",numberButtonWrapper:"number-button-wrapper",buttonItemHorizontal:"number-button-item--horizontal",wrapper:"element-wrapper",inputWrapper:"wrapper",actionWrapper:"action-wrapper",resizeIconWrapper:"resize-icon-wrapper",numberButtonItem:"number-button-item"};const S={action:"action"};const U=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}: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}.interaction-container{display:contents}input{transition:var(--calcite-animation-timing), block-size 0, outline-offset 0s;-webkit-appearance:none;position:relative;margin:0px;box-sizing:border-box;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;flex:1 1 0%;text-overflow:ellipsis;border-radius:0px;background-color:var(--calcite-color-foreground-1);font-family:inherit;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1)}input:placeholder-shown{text-overflow:ellipsis}input{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);color:var(--calcite-color-text-1)}input::placeholder,input:-ms-input-placeholder,input::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}input:focus{border-color:var(--calcite-color-brand);color:var(--calcite-color-text-1)}input[readonly]{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}input[readonly]:focus{color:var(--calcite-color-text-1)}calcite-icon{color:var(--calcite-color-text-3)}input{outline-color:transparent}input:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite--color-brand)));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([status=invalid]) input{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) input:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}: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{padding-inline-start:2rem}:host([icon][scale=m]) input{padding-inline-start:2.5rem}:host([icon][scale=l]) input{padding-inline-start:3.5rem}.element-wrapper{position:relative;order:3;display:inline-flex;flex:1 1 0%;align-items:center}.icon{pointer-events:none;position:absolute;z-index:var(--calcite-z-index);display:block;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button{pointer-events:initial;order:4;margin:0px;box-sizing:border-box;display:flex;min-block-size:100%;cursor:pointer;align-items:center;justify-content:center;align-self:stretch;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);outline-color:transparent;border-inline-start-width:0px}.clear-button:hover{background-color:var(--calcite-color-foreground-2);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:hover calcite-icon{color:var(--calcite-color-text-1);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:active{background-color:var(--calcite-color-foreground-3)}.clear-button:active calcite-icon{color:var(--calcite-color-text-1)}.clear-button:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite--color-brand)));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.clear-button:disabled{opacity:var(--calcite-opacity-disabled)}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block}.action-wrapper{order:7;display:flex}.prefix,.suffix{box-sizing:border-box;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;user-select:none;align-content:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium);line-height:1;color:var(--calcite-color-text-2)}.prefix{order:2;border-inline-end-width:0px}.suffix{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;order:6;box-sizing:border-box;display:flex;flex-direction:column;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host([number-button-type=vertical]) .wrapper{flex-direction:row;display:flex}:host([number-button-type=vertical]) input{order:2}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=down] calcite-icon{transform:rotate(-90deg)}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=up] calcite-icon{transform:rotate(-90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down],.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:1;max-block-size:100%;min-block-size:100%;align-self:stretch}.number-button-item.number-button-item--horizontal[data-adjustment=down] calcite-icon,.number-button-item.number-button-item--horizontal[data-adjustment=up] calcite-icon{transform:rotate(90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down]{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);border-inline-end-width:0px}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover{background-color:var(--calcite-color-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover calcite-icon{color:var(--calcite-color-text-1)}.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:5}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover{background-color:var(--calcite-color-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover calcite-icon{color:var(--calcite-color-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover{background-color:var(--calcite-color-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover calcite-icon{color:var(--calcite-color-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover{background-color:var(--calcite-color-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover calcite-icon{color:var(--calcite-color-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;box-sizing:border-box;display:flex;cursor:pointer;align-items:center;align-self:center;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);padding-block:0px;padding-inline:0.5rem;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;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.number-button-item:focus{background-color:var(--calcite-color-foreground-2)}.number-button-item:focus calcite-icon{color:var(--calcite-color-text-1)}.number-button-item:active{background-color:var(--calcite-color-foreground-3)}.number-button-item:disabled{pointer-events:none}.wrapper{position:relative;display:flex;flex-direction:row;align-items:center}:host(.no-bottom-border) input{border-block-end-width:0px}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-color-border-1)}input.inline-child{background-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}input.inline-child .editing-enabled{background-color:inherit}input.inline-child:not(.editing-enabled){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start:0}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";const G=class{constructor(e){t(this,e);this.calciteInternalInputNumberFocus=i(this,"calciteInternalInputNumberFocus",6);this.calciteInternalInputNumberBlur=i(this,"calciteInternalInputNumberBlur",6);this.calciteInputNumberInput=i(this,"calciteInputNumberInput",7);this.calciteInputNumberChange=i(this,"calciteInputNumberChange",6);this.previousValueOrigin="initial";this.mutationObserver=$("mutation",(()=>this.setDisabledAction()));this.userChangedValue=false;this.keyDownHandler=t=>{if(this.readOnly||this.disabled){return}if(this.isClearable&&t.key==="Escape"){this.clearInputValue(t);t.preventDefault()}if(t.key==="Enter"&&!t.defaultPrevented){if(c(this)){t.preventDefault()}}};this.clearInputValue=t=>{this.setNumberValue({committing:true,nativeEvent:t,origin:"user",value:""})};this.emitChangeIfUserModified=()=>{if(this.previousValueOrigin==="user"&&this.value!==this.previousEmittedNumberValue){this.calciteInputNumberChange.emit();this.setPreviousEmittedNumberValue(this.value)}};this.inputNumberBlurHandler=()=>{window.clearInterval(this.nudgeNumberValueIntervalId);this.calciteInternalInputNumberBlur.emit();this.emitChangeIfUserModified()};this.clickHandler=t=>{if(this.disabled){return}const i=s(this.el,"action");if(t.target!==i){this.setFocus()}};this.inputNumberFocusHandler=()=>{this.calciteInternalInputNumberFocus.emit()};this.inputNumberInputHandler=t=>{if(this.disabled||this.readOnly){return}if(this.value==="Infinity"||this.value==="-Infinity"){return}const i=t.target.value;I.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};const e=I.delocalize(i);if(t.inputType==="insertFromPaste"){if(!W(e)||this.integer&&(e.includes("e")||e.includes("."))){t.preventDefault()}this.setNumberValue({nativeEvent:t,origin:"user",value:E(e)});this.childNumberEl.value=this.displayedValue}else{this.setNumberValue({nativeEvent:t,origin:"user",value:e})}};this.inputNumberKeyDownHandler=t=>{if(this.disabled||this.readOnly){return}if(this.value==="Infinity"||this.value==="-Infinity"){t.preventDefault();if(t.key==="Backspace"||t.key==="Delete"){this.clearInputValue(t)}return}if(t.key==="ArrowUp"){t.preventDefault();this.nudgeNumberValue("up",t);return}if(t.key==="ArrowDown"){this.nudgeNumberValue("down",t);return}const i=[...g,"ArrowLeft","ArrowRight","Backspace","Delete","Enter","Escape","Tab"];if(t.altKey||t.ctrlKey||t.metaKey){return}const e=t.shiftKey&&t.key==="Tab";if(i.includes(t.key)||e){if(t.key==="Enter"){this.emitChangeIfUserModified()}return}I.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};if(t.key===I.decimal&&!this.integer){if(!this.value&&!this.childNumberEl.value){return}if(this.value&&this.childNumberEl.value.indexOf(I.decimal)===-1){return}}if(/[eE]/.test(t.key)&&!this.integer){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;const n=this.minString?parseFloat(this.minString):null;const o=150;this.incrementOrDecrementNumberValue(t,e,n,i);if(this.nudgeNumberValueIntervalId){window.clearInterval(this.nudgeNumberValueIntervalId)}let s=true;this.nudgeNumberValueIntervalId=window.setInterval((()=>{if(s){s=false;return}this.incrementOrDecrementNumberValue(t,e,n,i)}),o)};this.nudgeButtonPointerUpHandler=t=>{if(!r(t)){return}window.clearInterval(this.nudgeNumberValueIntervalId)};this.nudgeButtonPointerOutHandler=()=>{window.clearInterval(this.nudgeNumberValueIntervalId)};this.nudgeButtonPointerDownHandler=t=>{if(!r(t)){return}t.preventDefault();const i=t.target.dataset.adjustment;if(!this.disabled){this.nudgeNumberValue(i,t)}};this.onHiddenFormInputInput=t=>{if(t.target.name===this.name){this.setNumberValue({value:t.target.value,origin:"direct"})}this.setFocus();t.stopPropagation()};this.setChildNumberElRef=t=>{this.childNumberEl=t};this.setInputNumberValue=t=>{if(!this.childNumberEl){return}this.childNumberEl.value=t};this.setPreviousEmittedNumberValue=t=>{this.previousEmittedNumberValue=this.normalizeValue(t)};this.setPreviousNumberValue=t=>{this.previousValue=this.normalizeValue(t)};this.setNumberValue=({committing:t=false,nativeEvent:i,origin:e,previousValue:n,value:o})=>{I.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};const s=this.previousValue?.length>o.length||this.value?.length>o.length;const r=this.integer?o.replace(/[e.]/g,""):o;const a=r.charAt(r.length-1)===".";const l=a&&s?r:D(r);const c=o&&!l?W(this.previousValue)?this.previousValue:"":l;let h=I.localize(c);if(e!=="connected"&&!a){h=C(h,c,I)}this.displayedValue=a&&s?`${h}${I.decimal}`:h;this.setPreviousNumberValue(n??this.value);this.previousValueOrigin=e;this.userChangedValue=e==="user"&&this.value!==c;this.value=["-","."].includes(c)?"":c;if(e==="direct"){this.setInputNumberValue(h);this.setPreviousEmittedNumberValue(h)}if(i){const i=this.calciteInputNumberInput.emit();if(i.defaultPrevented){this.value=this.previousValue;this.displayedValue=I.localize(this.previousValue)}else if(t){this.emitChangeIfUserModified()}}};this.inputNumberKeyUpHandler=()=>{window.clearInterval(this.nudgeNumberValueIntervalId)};this.alignment="start";this.autofocus=false;this.clearable=false;this.disabled=false;this.form=undefined;this.groupSeparator=false;this.icon=undefined;this.iconFlipRtl=false;this.integer=false;this.label=undefined;this.loading=false;this.numberingSystem=undefined;this.localeFormat=false;this.max=undefined;this.min=undefined;this.maxLength=undefined;this.minLength=undefined;this.validationMessage=undefined;this.validationIcon=undefined;this.name=undefined;this.numberButtonType="vertical";this.placeholder=undefined;this.prefixText=undefined;this.readOnly=false;this.required=false;this.scale="m";this.status="idle";this.step=undefined;this.autocomplete=undefined;this.inputMode="decimal";this.enterKeyHint=undefined;this.suffixText=undefined;this.editingEnabled=false;this.value="";this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale="";this.defaultMessages=undefined;this.displayedValue=undefined;this.slottedActionElDisabledInternally=false}disabledWatcher(){this.setDisabledAction()}maxWatcher(){this.maxString=this.max?.toString()||null}minWatcher(){this.minString=this.min?.toString()||null}onMessagesChange(){}valueWatcher(t,i){if(!this.userChangedValue){if(t==="Infinity"||t==="-Infinity"){this.displayedValue=t;this.previousEmittedNumberValue=t;return}this.setNumberValue({origin:"direct",previousValue:i,value:t==null||t==""?"":W(t)?t:this.previousValue||""});this.warnAboutInvalidNumberValue(t)}this.userChangedValue=false}updateRequestedIcon(){this.requestedIcon=a({},this.icon,"number")}get isClearable(){return this.clearable&&this.value.length>0}effectiveLocaleWatcher(t){P(this,this.effectiveLocale);I.numberFormatOptions={locale:t,numberingSystem:this.numberingSystem,useGrouping:false}}connectedCallback(){b(this);L(this);V(this);this.inlineEditableEl=this.el.closest("calcite-inline-editable");if(this.inlineEditableEl){this.editingEnabled=this.inlineEditableEl.editingEnabled||false}x(this);h(this);this.setPreviousEmittedNumberValue(this.value);this.setPreviousNumberValue(this.value);this.warnAboutInvalidNumberValue(this.value);if(this.value==="Infinity"||this.value==="-Infinity"){this.displayedValue=this.value;this.previousEmittedNumberValue=this.value}else{this.setNumberValue({origin:"connected",value:W(this.value)?this.value:""})}this.mutationObserver?.observe(this.el,{childList:true});this.setDisabledAction();this.el.addEventListener(u,this.onHiddenFormInputInput)}componentDidLoad(){k(this)}disconnectedCallback(){m(this);w(this);d(this);N(this);A(this);this.mutationObserver?.disconnect();this.el.removeEventListener(u,this.onHiddenFormInputInput)}async componentWillLoad(){z(this);this.maxString=this.max?.toString();this.minString=this.min?.toString();this.requestedIcon=a({},this.icon,"number");await H(this)}componentShouldUpdate(t,i,e){if(e==="value"&&t&&!W(t)){this.setNumberValue({origin:"reset",value:i});return false}return true}componentDidRender(){f(this)}async setFocus(){await j(this);this.childNumberEl?.focus()}async selectText(){this.childNumberEl?.select()}onLabelClick(){this.setFocus()}incrementOrDecrementNumberValue(t,i,e,n){const{value:o}=this;if(o==="Infinity"||o==="-Infinity"){return}const s=t==="up"?1:-1;const r=this.integer&&this.step!=="any"?Math.round(this.step):this.step;const a=r==="any"?1:Math.abs(r||1);const l=new B(o!==""?o:"0");const c=l.add(`${a*s}`);const h=()=>typeof e==="number"&&!isNaN(e)&&c.subtract(`${e}`).isNegative;const u=()=>typeof i==="number"&&!isNaN(i)&&!c.subtract(`${i}`).isNegative;const d=h()?`${e}`:u()?`${i}`:c.toString();this.setNumberValue({committing:true,nativeEvent:n,origin:"user",value:d})}syncHiddenFormInput(t){O("number",this,t)}setDisabledAction(){const t=s(this.el,"action");if(!t){return}if(this.disabled){if(t.getAttribute("disabled")==null){this.slottedActionElDisabledInternally=true}t.setAttribute("disabled","")}else if(this.slottedActionElDisabledInternally){t.removeAttribute("disabled");this.slottedActionElDisabledInternally=false}}normalizeValue(t){return W(t)?t:""}warnAboutInvalidNumberValue(t){if(t&&!W(t)){console.warn(`The specified value "${t}" cannot be parsed, or is out of range.`)}}render(){const t=l(this.el);const i=e("div",{class:R.loader},e("calcite-progress",{label:this.messages.loading,type:"indeterminate"}));const o=e("button",{"aria-label":this.messages.clear,class:R.clearButton,disabled:this.disabled||this.readOnly,onClick:this.clearInputValue,tabIndex:-1,type:"button"},e("calcite-icon",{icon:"x",scale:K(this.scale)}));const s=e("calcite-icon",{class:R.inputIcon,flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:K(this.scale)});const r=this.numberButtonType==="horizontal";const a=e("button",{"aria-hidden":"true",class:{[R.numberButtonItem]:true,[R.buttonItemHorizontal]:r},"data-adjustment":"up",disabled:this.disabled||this.readOnly,onPointerDown:this.nudgeButtonPointerDownHandler,onPointerOut:this.nudgeButtonPointerOutHandler,onPointerUp:this.nudgeButtonPointerUpHandler,tabIndex:-1,type:"button"},e("calcite-icon",{icon:"chevron-up",scale:K(this.scale)}));const c=e("button",{"aria-hidden":"true",class:{[R.numberButtonItem]:true,[R.buttonItemHorizontal]:r},"data-adjustment":"down",disabled:this.disabled||this.readOnly,onPointerDown:this.nudgeButtonPointerDownHandler,onPointerOut:this.nudgeButtonPointerOutHandler,onPointerUp:this.nudgeButtonPointerUpHandler,tabIndex:-1,type:"button"},e("calcite-icon",{icon:"chevron-down",scale:K(this.scale)}));const h=e("div",{class:R.numberButtonWrapper},a,c);const u=e("div",{class:R.prefix},this.prefixText);const d=e("div",{class:R.suffix},this.suffixText);const b=e("input",{"aria-label":y(this),autocomplete:this.autocomplete,autofocus:this.autofocus?true:null,defaultValue:this.defaultValue,disabled:this.disabled?true:null,enterKeyHint:this.enterKeyHint,inputMode:this.inputMode,key:"localized-input",maxLength:this.maxLength,minLength:this.minLength,name:undefined,onBlur:this.inputNumberBlurHandler,onFocus:this.inputNumberFocusHandler,onInput:this.inputNumberInputHandler,onKeyDown:this.inputNumberKeyDownHandler,onKeyUp:this.inputNumberKeyUpHandler,placeholder:this.placeholder||"",readOnly:this.readOnly,type:"text",value:this.displayedValue,ref:this.setChildNumberElRef});return e(n,{onClick:this.clickHandler,onKeyDown:this.keyDownHandler},e(v,{disabled:this.disabled},e("div",{class:{[R.inputWrapper]:true,[F.rtl]:t==="rtl"}},this.numberButtonType==="horizontal"&&!this.readOnly?c:null,this.prefixText?u:null,e("div",{class:R.wrapper},b,this.isClearable?o:null,this.requestedIcon?s:null,this.loading?i:null),e("div",{class:R.actionWrapper},e("slot",{name:S.action})),this.numberButtonType==="vertical"&&!this.readOnly?h:null,this.suffixText?d:null,this.numberButtonType==="horizontal"&&!this.readOnly?a:null,e(p,{component:this})),this.validationMessage?e(M,{icon:this.validationIcon,message:this.validationMessage,scale:this.scale,status:this.status}):null))}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{disabled:["disabledWatcher"],max:["maxWatcher"],min:["minWatcher"],messageOverrides:["onMessagesChange"],value:["valueWatcher"],icon:["updateRequestedIcon"],effectiveLocale:["effectiveLocaleWatcher"]}}};G.style=U;export{G as calcite_input_number};
-//# sourceMappingURL=p-e121b541.entry.js.map

package/dist/calcite/p-e121b541.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","loader","clearButton","editingEnabled","inlineChild","inputIcon","prefix","suffix","numberButtonWrapper","buttonItemHorizontal","wrapper","inputWrapper","actionWrapper","resizeIconWrapper","numberButtonItem","SLOTS","action","inputNumberCss","InputNumber","this","previousValueOrigin","mutationObserver","createObserver","setDisabledAction","userChangedValue","keyDownHandler","event","readOnly","disabled","isClearable","key","clearInputValue","preventDefault","defaultPrevented","submitForm","nativeEvent","setNumberValue","committing","origin","value","emitChangeIfUserModified","previousEmittedNumberValue","calciteInputNumberChange","emit","setPreviousEmittedNumberValue","inputNumberBlurHandler","window","clearInterval","nudgeNumberValueIntervalId","calciteInternalInputNumberBlur","clickHandler","slottedActionEl","getSlotted","el","target","setFocus","inputNumberFocusHandler","calciteInternalInputNumberFocus","inputNumberInputHandler","numberStringFormatter","numberFormatOptions","locale","effectiveLocale","numberingSystem","useGrouping","groupSeparator","delocalizedValue","delocalize","inputType","isValidNumber","integer","includes","parseNumberString","childNumberEl","displayedValue","inputNumberKeyDownHandler","nudgeNumberValue","supportedKeys","numberKeys","altKey","ctrlKey","metaKey","isShiftTabEvent","shiftKey","decimal","indexOf","test","split","length","direction","KeyboardEvent","repeat","inputMax","maxString","parseFloat","inputMin","minString","valueNudgeDelayInMs","incrementOrDecrementNumberValue","firstValueNudge","setInterval","nudgeButtonPointerUpHandler","isPrimaryPointerButton","nudgeButtonPointerOutHandler","nudgeButtonPointerDownHandler","dataset","adjustment","onHiddenFormInputInput","name","stopPropagation","setChildNumberElRef","setInputNumberValue","newInputValue","normalizeValue","setPreviousNumberValue","previousValue","isValueDeleted","valueHandleInteger","replace","hasTrailingDecimalSeparator","charAt","sanitizedValue","sanitizeNumberString","newValue","newLocalizedValue","localize","addLocalizedTrailingDecimalZeros","calciteInputNumberInputEvent","calciteInputNumberInput","inputNumberKeyUpHandler","disabledWatcher","maxWatcher","max","toString","minWatcher","min","onMessagesChange","valueWatcher","warnAboutInvalidNumberValue","updateRequestedIcon","requestedIcon","setRequestedIcon","icon","clearable","effectiveLocaleWatcher","updateMessages","connectedCallback","connectInteractive","connectLocalized","connectMessages","inlineEditableEl","closest","connectLabel","connectForm","observe","childList","addEventListener","internalHiddenInputInputEvent","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnectInteractive","disconnectLabel","disconnectForm","disconnectLocalized","disconnectMessages","disconnect","removeEventListener","componentWillLoad","setUpLoadableComponent","setUpMessages","componentShouldUpdate","oldValue","property","componentDidRender","updateHostInteraction","componentFocusable","focus","selectText","select","onLabelClick","stepHandleInteger","step","Math","round","inputStep","abs","inputVal","BigDecimal","nudgedValue","add","nudgedValueBelowInputMin","isNaN","subtract","isNegative","nudgedValueAboveInputMax","finalValue","syncHiddenFormInput","input","getAttribute","slottedActionElDisabledInternally","setAttribute","removeAttribute","console","warn","render","dir","getElementDir","h","class","label","messages","loading","type","inputClearButton","clear","onClick","tabIndex","scale","getIconScale","iconEl","flipRtl","iconFlipRtl","isHorizontalNumberButton","numberButtonType","numberButtonsHorizontalUp","onPointerDown","onPointerOut","onPointerUp","numberButtonsHorizontalDown","numberButtonsVertical","prefixText","suffixText","childEl","getLabelText","autocomplete","autofocus","defaultValue","enterKeyHint","inputMode","maxLength","minLength","undefined","onBlur","onFocus","onInput","onKeyDown","onKeyUp","placeholder","ref","Host","InteractiveContainer","CSS_UTILITY","rtl","HiddenFormInputSlot","component","validationMessage","Validation","validationIcon","message","status"],"sources":["src/components/input-number/resources.ts","src/components/input-number/input-number.scss?tag=calcite-input-number&encapsulation=shadow","src/components/input-number/input-number.tsx"],"sourcesContent":["export const CSS = {\n  loader: \"loader\",\n  clearButton: \"clear-button\",\n  editingEnabled: \"editing-enabled\",\n  inlineChild: \"inline-child\",\n  inputIcon: \"icon\",\n  prefix: \"prefix\",\n  suffix: \"suffix\",\n  numberButtonWrapper: \"number-button-wrapper\",\n  buttonItemHorizontal: \"number-button-item--horizontal\",\n  wrapper: \"element-wrapper\",\n  inputWrapper: \"wrapper\",\n  actionWrapper: \"action-wrapper\",\n  resizeIconWrapper: \"resize-icon-wrapper\",\n  numberButtonItem: \"number-button-item\",\n};\n\nexport const SLOTS = {\n  action: \"action\",\n};\n",":host {\n  @apply block;\n}\n\n// scales\n:host([scale=\"s\"]) {\n  & input,\n  & .prefix,\n  & .suffix {\n    @apply text-n2h h-6 px-2;\n  }\n  & .number-button-wrapper,\n  & .action-wrapper calcite-button,\n  & .action-wrapper calcite-button button {\n    @apply h-6;\n  }\n  & .clear-button {\n    min-block-size: theme(\"spacing.6\");\n    min-inline-size: theme(\"spacing.6\");\n  }\n}\n\n:host([scale=\"m\"]) {\n  & input,\n  & .prefix,\n  & .suffix {\n    @apply text-n1h h-8 px-3;\n  }\n  & .number-button-wrapper,\n  & .action-wrapper calcite-button,\n  & .action-wrapper calcite-button button {\n    @apply h-8;\n  }\n  & .clear-button {\n    min-block-size: theme(\"spacing.8\");\n    min-inline-size: theme(\"spacing.8\");\n  }\n}\n\n:host([scale=\"l\"]) {\n  & input,\n  & .prefix,\n  & .suffix {\n    @apply text-0h h-11 px-4;\n  }\n  & .number-button-wrapper,\n  & .action-wrapper calcite-button,\n  & .action-wrapper calcite-button button {\n    @apply h-11;\n  }\n  & .clear-button {\n    min-block-size: theme(\"spacing.11\");\n    min-inline-size: theme(\"spacing.11\");\n  }\n}\n\n@include disabled();\n\ninput {\n  transition:\n    var(--calcite-animation-timing),\n    block-size 0,\n    outline-offset 0s;\n  -webkit-appearance: none;\n  @apply bg-foreground-1\n    box-border\n    flex\n    flex-1\n    font-inherit\n    font-normal\n    m-0\n    max-h-full\n    max-w-full\n    relative\n    rounded-none\n    text-color-1\n    text-ellipsis\n    w-full;\n\n  &:placeholder-shown {\n    @apply text-ellipsis;\n  }\n}\n\n// states\ninput {\n  @apply text-color-1\n    border-color-input\n    border\n    border-solid;\n  &::placeholder,\n  &:-ms-input-placeholder,\n  &::-ms-input-placeholder {\n    @apply text-color-3 font-normal;\n  }\n}\ninput:focus {\n  @apply border-color-brand text-color-1;\n}\ninput[readonly] {\n  @apply bg-background font-medium;\n}\ninput[readonly]:focus {\n  @apply text-color-1;\n}\ncalcite-icon {\n  @apply text-color-3;\n}\n\n//focus\ninput {\n  @apply focus-base;\n}\n\ninput:focus {\n  @apply focus-inset;\n}\n\n:host([status=\"invalid\"]) {\n  & input {\n    @apply border-color-danger;\n  }\n  & input:focus {\n    @apply focus-inset-danger;\n  }\n}\n\n// ICONS\n\n// position icons\n\n:host([scale=\"s\"]) .icon {\n  inset-inline-start: theme(\"spacing.2\");\n}\n\n:host([scale=\"m\"]) .icon {\n  inset-inline-start: theme(\"spacing.3\");\n}\n\n:host([scale=\"l\"]) .icon {\n  inset-inline-start: theme(\"spacing.4\");\n}\n\n// position placeholder/value text in relation to icons\n\n:host([icon][scale=\"s\"]) input {\n  padding-inline-start: theme(\"padding.8\");\n}\n\n:host([icon][scale=\"m\"]) input {\n  padding-inline-start: theme(\"padding.10\");\n}\n\n:host([icon][scale=\"l\"]) input {\n  padding-inline-start: theme(\"padding.14\");\n}\n\n// positioning wrapper for icon and loader\n\n.element-wrapper {\n  @apply relative\n    order-3\n    inline-flex\n    flex-1\n    items-center;\n}\n\n.icon {\n  @apply transition-default\n    pointer-events-none\n    absolute\n    block\n\n    z-default; // needed for firefox to display the icon properly\n}\n\n.clear-button {\n  pointer-events: initial;\n  @apply focus-base\n    border-color-input\n    bg-foreground-1\n    order-4\n    m-0\n    box-border\n    flex\n    min-h-full\n    cursor-pointer\n    items-center\n    justify-center\n    self-stretch\n    border\n    border-solid;\n\n  border-inline-start-width: theme(\"borderWidth.0\");\n\n  &:hover {\n    @apply bg-foreground-2 transition-default;\n    calcite-icon {\n      @apply text-color-1 transition-default;\n    }\n  }\n  &:active {\n    @apply bg-foreground-3;\n    calcite-icon {\n      @apply text-color-1;\n    }\n  }\n  &:focus {\n    @apply focus-inset;\n  }\n  &:disabled {\n    @apply opacity-disabled;\n  }\n}\n\n// loading\n.loader {\n  inset-block-start: 1px;\n  inset-inline: 1px;\n  @apply pointer-events-none\n    absolute\n    block;\n}\n\n// slotted action\n.action-wrapper {\n  @apply order-7 flex;\n}\n\n// prefix and suffix\n.prefix,\n.suffix {\n  @apply border-color-input\n    bg-background\n    text-color-2\n    box-border\n    flex\n    h-auto\n    min-h-full\n    select-none\n    content-center\n    items-center\n    break-words\n    border\n    border-solid\n    font-medium\n    leading-none;\n}\n\n.prefix {\n  @apply order-2;\n  border-inline-end-width: theme(\"borderWidth.0\");\n}\n.suffix {\n  @apply order-5;\n  border-inline-start-width: theme(\"borderWidth.0\");\n}\n\n// alignment type\n:host([alignment=\"start\"]) {\n  & input {\n    text-align: start;\n  }\n}\n\n:host([alignment=\"end\"]) {\n  & input {\n    text-align: end;\n  }\n}\n\n.number-button-wrapper {\n  @apply transition-default\n    pointer-events-none\n    order-6\n    box-border\n    flex\n    flex-col;\n}\n\n:host([number-button-type=\"vertical\"]) .wrapper {\n  flex-direction: row;\n  display: flex;\n}\n\n:host([number-button-type=\"vertical\"]) {\n  & input {\n    @apply order-2;\n  }\n}\n\n:host([number-button-type=\"horizontal\"]) .calcite--rtl {\n  & .number-button-item[data-adjustment=\"down\"] calcite-icon {\n    transform: rotate(-90deg);\n  }\n  & .number-button-item[data-adjustment=\"up\"] calcite-icon {\n    transform: rotate(-90deg);\n  }\n}\n\n.number-button-item.number-button-item--horizontal {\n  &[data-adjustment=\"down\"],\n  &[data-adjustment=\"up\"] {\n    @apply order-1\n      max-h-full\n      min-h-full\n      self-stretch;\n    & calcite-icon {\n      transform: rotate(90deg);\n    }\n  }\n}\n\n.number-button-item.number-button-item--horizontal[data-adjustment=\"down\"] {\n  @apply border-color-input\n    border\n    border-solid;\n  border-inline-end-width: theme(\"borderWidth.0\");\n  &:hover {\n    @apply bg-foreground-2;\n    calcite-icon {\n      @apply text-color-1;\n    }\n  }\n}\n\n.number-button-item.number-button-item--horizontal[data-adjustment=\"up\"] {\n  @apply order-5;\n  &:hover {\n    @apply bg-foreground-2;\n    calcite-icon {\n      @apply text-color-1;\n    }\n  }\n}\n\n:host([number-button-type=\"vertical\"]) .number-button-item[data-adjustment=\"down\"]:hover {\n  @apply bg-foreground-2;\n  calcite-icon {\n    @apply text-color-1;\n  }\n}\n\n:host([number-button-type=\"vertical\"]) .number-button-item[data-adjustment=\"up\"]:hover {\n  @apply bg-foreground-2;\n  calcite-icon {\n    @apply text-color-1;\n  }\n}\n\n:host([number-button-type=\"vertical\"]) .number-button-item[data-adjustment=\"down\"] {\n  @apply border-t-0;\n}\n\n.number-button-item {\n  max-block-size: 50%;\n  min-block-size: 50%;\n  pointer-events: initial;\n  @apply border-color-input\n    bg-foreground-1\n    transition-default\n    m-0\n    box-border\n    flex\n    cursor-pointer\n    items-center\n    self-center\n    border\n    border-solid\n    py-0\n    px-2;\n  border-inline-start-width: theme(\"borderWidth.0\");\n  & calcite-icon {\n    @apply transition-default pointer-events-none;\n  }\n  &:focus {\n    @apply bg-foreground-2;\n    calcite-icon {\n      @apply text-color-1;\n    }\n  }\n  &:active {\n    @apply bg-foreground-3;\n  }\n  &:disabled {\n    @apply pointer-events-none;\n  }\n}\n\n.wrapper {\n  @apply relative\n    flex\n    flex-row\n    items-center;\n}\n\n:host(.no-bottom-border) input {\n  @apply border-b-0;\n}\n\n:host(.border-top-color-one) input {\n  @apply border-t-color-1;\n}\n\n// input needed for higher specificity of these overrides\ninput {\n  &.inline-child {\n    @apply transition-default bg-transparent;\n    .editing-enabled {\n      background-color: inherit;\n    }\n  }\n\n  &.inline-child:not(.editing-enabled) {\n    @apply border-color-transparent\n    flex\n    cursor-pointer text-ellipsis;\n    padding-inline-start: 0;\n  }\n}\n\n@include form-validation-message();\n@include hidden-form-input();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  getElementDir,\n  getSlotted,\n  isPrimaryPointerButton,\n  setRequestedIcon,\n} from \"../../utils/dom\";\nimport { Alignment, Scale, Status } from \"../interfaces\";\n\nimport {\n  connectForm,\n  disconnectForm,\n  FormComponent,\n  HiddenFormInputSlot,\n  internalHiddenInputInputEvent,\n  submitForm,\n} from \"../../utils/form\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { numberKeys } from \"../../utils/key\";\nimport { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectLocalized,\n  disconnectLocalized,\n  LocalizedComponent,\n  NumberingSystem,\n  numberStringFormatter,\n} from \"../../utils/locale\";\nimport {\n  addLocalizedTrailingDecimalZeros,\n  BigDecimal,\n  isValidNumber,\n  parseNumberString,\n  sanitizeNumberString,\n} from \"../../utils/number\";\nimport { createObserver } from \"../../utils/observers\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { InputPlacement, NumberNudgeDirection, SetValueOrigin } from \"../input/interfaces\";\nimport { InputNumberMessages } from \"./assets/input-number/t9n\";\nimport { CSS, SLOTS } from \"./resources\";\nimport { getIconScale } from \"../../utils/component\";\nimport { Validation } from \"../functional/Validation\";\nimport {\n  NumericInputComponent,\n  syncHiddenFormInput,\n  TextualInputComponent,\n} from \"../input/common/input\";\n\n/**\n * @slot action - A slot for positioning a button next to the component.\n */\n@Component({\n  tag: \"calcite-input-number\",\n  styleUrl: \"input-number.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class InputNumber\n  implements\n    LabelableComponent,\n    FormComponent,\n    InteractiveComponent,\n    LocalizedComponent,\n    NumericInputComponent,\n    T9nComponent,\n    TextualInputComponent,\n    LoadableComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the text alignment of the component's value. */\n  @Prop({ reflect: true }) alignment: Extract<\"start\" | \"end\", Alignment> = \"start\";\n\n  /**\n   * When `true`, the component is focused on page load. Only one element can contain `autofocus`. If multiple elements have `autofocus`, the first element will receive focus.\n   *\n   * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)\n   */\n  @Prop({ reflect: true }) autofocus = false;\n\n  /**\n   * When `true`, a clear button is displayed when the component has a value.\n   */\n  @Prop({ reflect: true }) clearable = false;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   *\n   * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  @Watch(\"disabled\")\n  disabledWatcher(): void {\n    this.setDisabledAction();\n  }\n\n  /**\n   * The `id` of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true }) form: string;\n\n  /**\n   * When `true`, number values are displayed with a group separator corresponding to the language and country format.\n   */\n  @Prop({ reflect: true }) groupSeparator = false;\n\n  /**\n   * Specifies an icon to display.\n   *\n   * @futureBreaking Remove boolean type as it is not supported.\n   */\n  @Prop({ reflect: true }) icon: string | boolean;\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  /** When `true`, restricts the component to integer numbers only and disables exponential notation. */\n  @Prop() integer = false;\n\n  /** Accessible name for the component's button or hyperlink. */\n  @Prop() label: string;\n\n  /** When `true`, the component is in the loading state and `calcite-progress` is displayed. */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * Specifies the Unicode numeral system used by the component for localization.\n   */\n  @Prop({ reflect: true }) numberingSystem: NumberingSystem;\n\n  /**\n   * Toggles locale formatting for numbers.\n   *\n   * @internal\n   */\n  @Prop() localeFormat = false;\n\n  /**\n   * Specifies the maximum value.\n   *\n   * @mdn [max](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max)\n   */\n  @Prop({ reflect: true }) max: number;\n\n  /** watcher to update number-to-string for max */\n  @Watch(\"max\")\n  maxWatcher(): void {\n    this.maxString = this.max?.toString() || null;\n  }\n\n  /**\n   * Specifies the minimum value.\n   *\n   * @mdn [min](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min)\n   */\n  @Prop({ reflect: true }) min: number;\n\n  /** watcher to update number-to-string for min */\n  @Watch(\"min\")\n  minWatcher(): void {\n    this.minString = this.min?.toString() || null;\n  }\n\n  /**\n   * Specifies the maximum length of text for the component's value.\n   *\n   * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)\n   */\n  @Prop({ reflect: true }) maxLength: number;\n\n  /**\n   * Specifies the minimum length of text for the component's value.\n   *\n   * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)\n   */\n  @Prop({ reflect: true }) minLength: number;\n\n  /** Specifies the validation message to display under the component. */\n  @Prop() validationMessage: string;\n\n  /** Specifies the validation icon to display under the component. */\n  @Prop({ reflect: true }) validationIcon: string | boolean;\n\n  /**\n   * Specifies the name of the component.\n   *\n   * Required to pass the component's `value` on form submission.\n   *\n   * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /** Specifies the placement of the buttons. */\n  @Prop({ reflect: true }) numberButtonType: InputPlacement = \"vertical\";\n\n  /**\n   * Specifies placeholder text for the component.\n   *\n   * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)\n   */\n  @Prop() placeholder: string;\n\n  /** Adds text to the start of the component. */\n  @Prop() prefixText: string;\n\n  /**\n   * When `true`, the component's value can be read, but cannot be modified.\n   *\n   * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)\n   */\n  @Prop({ reflect: true }) readOnly = false;\n\n  /** When `true`, the component must have a value in order for the form to submit. */\n  @Prop({ reflect: true }) required = false;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies the status of the input field, which determines message and icons. */\n  @Prop({ reflect: true }) status: Status = \"idle\";\n\n  /**\n   * Specifies the granularity that the component's value must adhere to.\n   *\n   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step)\n   */\n  @Prop({ reflect: true }) step: number | \"any\";\n\n  /**\n   * Specifies the type of content to autocomplete, for use in forms.\n   * Read the native attribute's documentation on MDN for more info.\n   *\n   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)\n   */\n  @Prop() autocomplete: string;\n\n  /**\n   * Specifies the type of content to help devices display an appropriate virtual keyboard.\n   * Read the native attribute's documentation on MDN for more info.\n   *\n   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)\n   */\n  @Prop() inputMode = \"decimal\";\n\n  /**\n   * Specifies the action label or icon for the Enter key on virtual keyboards.\n   * Read the native attribute's documentation on MDN for more info.\n   *\n   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)\n   */\n  @Prop() enterKeyHint: string;\n\n  /** Adds text to the end of the component.  */\n  @Prop() suffixText: string;\n\n  /**\n   * @internal\n   */\n  @Prop({ mutable: true, reflect: true }) editingEnabled = false;\n\n  /** The component's value. */\n  @Prop({ mutable: true }) value = \"\";\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: InputNumberMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<InputNumberMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  @Watch(\"value\")\n  valueWatcher(newValue: string, previousValue: string): void {\n    if (!this.userChangedValue) {\n      if (newValue === \"Infinity\" || newValue === \"-Infinity\") {\n        this.displayedValue = newValue;\n        this.previousEmittedNumberValue = newValue;\n        return;\n      }\n\n      this.setNumberValue({\n        origin: \"direct\",\n        previousValue,\n        value:\n          newValue == null || newValue == \"\"\n            ? \"\"\n            : isValidNumber(newValue)\n              ? newValue\n              : this.previousValue || \"\",\n      });\n      this.warnAboutInvalidNumberValue(newValue);\n    }\n    this.userChangedValue = false;\n  }\n\n  @Watch(\"icon\")\n  updateRequestedIcon(): void {\n    this.requestedIcon = setRequestedIcon({}, this.icon, \"number\");\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteInputNumberElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultValue: InputNumber[\"value\"];\n\n  inlineEditableEl: HTMLCalciteInlineEditableElement;\n\n  /** number text input element for locale */\n  private childNumberEl?: HTMLInputElement;\n\n  get isClearable(): boolean {\n    return this.clearable && this.value.length > 0;\n  }\n\n  private minString?: string;\n\n  private maxString?: string;\n\n  private previousEmittedNumberValue: string;\n\n  private previousValue: string;\n\n  private previousValueOrigin: SetValueOrigin = \"initial\";\n\n  /** the computed icon to render */\n  private requestedIcon?: string;\n\n  private nudgeNumberValueIntervalId: number;\n\n  mutationObserver = createObserver(\"mutation\", () => this.setDisabledAction());\n\n  private userChangedValue = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  State\n  //\n  //--------------------------------------------------------------------------\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleWatcher(locale: string): void {\n    updateMessages(this, this.effectiveLocale);\n    numberStringFormatter.numberFormatOptions = {\n      locale,\n      numberingSystem: this.numberingSystem,\n      useGrouping: false,\n    };\n  }\n\n  @State() defaultMessages: InputNumberMessages;\n\n  @State() displayedValue: string;\n\n  @State() slottedActionElDisabledInternally = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n    this.inlineEditableEl = this.el.closest(\"calcite-inline-editable\");\n    if (this.inlineEditableEl) {\n      this.editingEnabled = this.inlineEditableEl.editingEnabled || false;\n    }\n    connectLabel(this);\n    connectForm(this);\n\n    this.setPreviousEmittedNumberValue(this.value);\n    this.setPreviousNumberValue(this.value);\n\n    this.warnAboutInvalidNumberValue(this.value);\n\n    if (this.value === \"Infinity\" || this.value === \"-Infinity\") {\n      this.displayedValue = this.value;\n      this.previousEmittedNumberValue = this.value;\n    } else {\n      this.setNumberValue({\n        origin: \"connected\",\n        value: isValidNumber(this.value) ? this.value : \"\",\n      });\n    }\n\n    this.mutationObserver?.observe(this.el, { childList: true });\n    this.setDisabledAction();\n    this.el.addEventListener(internalHiddenInputInputEvent, this.onHiddenFormInputInput);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n\n    this.mutationObserver?.disconnect();\n    this.el.removeEventListener(internalHiddenInputInputEvent, this.onHiddenFormInputInput);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    this.maxString = this.max?.toString();\n    this.minString = this.min?.toString();\n    this.requestedIcon = setRequestedIcon({}, this.icon, \"number\");\n    await setUpMessages(this);\n  }\n\n  componentShouldUpdate(newValue: string, oldValue: string, property: string): boolean {\n    if (property === \"value\" && newValue && !isValidNumber(newValue)) {\n      this.setNumberValue({\n        origin: \"reset\",\n        value: oldValue,\n      });\n      return false;\n    }\n    return true;\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalInputNumberFocus: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalInputNumberBlur: EventEmitter<void>;\n\n  /**\n   * Fires each time a new value is typed.\n   */\n  @Event({ cancelable: true }) calciteInputNumberInput: EventEmitter<void>;\n\n  /**\n   * Fires each time a new value is typed and committed.\n   */\n  @Event({ cancelable: false }) calciteInputNumberChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    this.childNumberEl?.focus();\n  }\n\n  /** Selects the text of the component's `value`. */\n  @Method()\n  async selectText(): Promise<void> {\n    this.childNumberEl?.select();\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  keyDownHandler = (event: KeyboardEvent): void => {\n    if (this.readOnly || this.disabled) {\n      return;\n    }\n    if (this.isClearable && event.key === \"Escape\") {\n      this.clearInputValue(event);\n      event.preventDefault();\n    }\n    if (event.key === \"Enter\" && !event.defaultPrevented) {\n      if (submitForm(this)) {\n        event.preventDefault();\n      }\n    }\n  };\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  incrementOrDecrementNumberValue(\n    direction: NumberNudgeDirection,\n    inputMax: number | null,\n    inputMin: number | null,\n    nativeEvent: KeyboardEvent | MouseEvent,\n  ): void {\n    const { value } = this;\n\n    if (value === \"Infinity\" || value === \"-Infinity\") {\n      return;\n    }\n\n    const adjustment = direction === \"up\" ? 1 : -1;\n    const stepHandleInteger =\n      this.integer && this.step !== \"any\" ? Math.round(this.step) : this.step;\n    const inputStep = stepHandleInteger === \"any\" ? 1 : Math.abs(stepHandleInteger || 1);\n    const inputVal = new BigDecimal(value !== \"\" ? value : \"0\");\n    const nudgedValue = inputVal.add(`${inputStep * adjustment}`);\n\n    const nudgedValueBelowInputMin = () =>\n      typeof inputMin === \"number\" &&\n      !isNaN(inputMin) &&\n      nudgedValue.subtract(`${inputMin}`).isNegative;\n\n    const nudgedValueAboveInputMax = () =>\n      typeof inputMax === \"number\" &&\n      !isNaN(inputMax) &&\n      !nudgedValue.subtract(`${inputMax}`).isNegative;\n\n    const finalValue = nudgedValueBelowInputMin()\n      ? `${inputMin}`\n      : nudgedValueAboveInputMax()\n        ? `${inputMax}`\n        : nudgedValue.toString();\n\n    this.setNumberValue({\n      committing: true,\n      nativeEvent,\n      origin: \"user\",\n      value: finalValue,\n    });\n  }\n\n  private clearInputValue = (nativeEvent: KeyboardEvent | MouseEvent): void => {\n    this.setNumberValue({\n      committing: true,\n      nativeEvent,\n      origin: \"user\",\n      value: \"\",\n    });\n  };\n\n  private emitChangeIfUserModified = (): void => {\n    if (this.previousValueOrigin === \"user\" && this.value !== this.previousEmittedNumberValue) {\n      this.calciteInputNumberChange.emit();\n      this.setPreviousEmittedNumberValue(this.value);\n    }\n  };\n\n  private inputNumberBlurHandler = () => {\n    window.clearInterval(this.nudgeNumberValueIntervalId);\n    this.calciteInternalInputNumberBlur.emit();\n    this.emitChangeIfUserModified();\n  };\n\n  private clickHandler = (event: MouseEvent): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    const slottedActionEl = getSlotted(this.el, \"action\");\n    if (event.target !== slottedActionEl) {\n      this.setFocus();\n    }\n  };\n\n  private inputNumberFocusHandler = (): void => {\n    this.calciteInternalInputNumberFocus.emit();\n  };\n\n  private inputNumberInputHandler = (nativeEvent: InputEvent): void => {\n    if (this.disabled || this.readOnly) {\n      return;\n    }\n\n    if (this.value === \"Infinity\" || this.value === \"-Infinity\") {\n      return;\n    }\n\n    const value = (nativeEvent.target as HTMLInputElement).value;\n    numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      useGrouping: this.groupSeparator,\n    };\n    const delocalizedValue = numberStringFormatter.delocalize(value);\n    if (nativeEvent.inputType === \"insertFromPaste\") {\n      if (\n        !isValidNumber(delocalizedValue) ||\n        (this.integer && (delocalizedValue.includes(\"e\") || delocalizedValue.includes(\".\")))\n      ) {\n        nativeEvent.preventDefault();\n      }\n      this.setNumberValue({\n        nativeEvent,\n        origin: \"user\",\n        value: parseNumberString(delocalizedValue),\n      });\n      this.childNumberEl.value = this.displayedValue;\n    } else {\n      this.setNumberValue({\n        nativeEvent,\n        origin: \"user\",\n        value: delocalizedValue,\n      });\n    }\n  };\n\n  private inputNumberKeyDownHandler = (event: KeyboardEvent): void => {\n    if (this.disabled || this.readOnly) {\n      return;\n    }\n\n    if (this.value === \"Infinity\" || this.value === \"-Infinity\") {\n      event.preventDefault();\n      if (event.key === \"Backspace\" || event.key === \"Delete\") {\n        this.clearInputValue(event);\n      }\n      return;\n    }\n\n    if (event.key === \"ArrowUp\") {\n      /* prevent default behavior of moving cursor to the beginning of the input when holding down ArrowUp */\n      event.preventDefault();\n      this.nudgeNumberValue(\"up\", event);\n      return;\n    }\n    if (event.key === \"ArrowDown\") {\n      this.nudgeNumberValue(\"down\", event);\n      return;\n    }\n    const supportedKeys = [\n      ...numberKeys,\n      \"ArrowLeft\",\n      \"ArrowRight\",\n      \"Backspace\",\n      \"Delete\",\n      \"Enter\",\n      \"Escape\",\n      \"Tab\",\n    ];\n    if (event.altKey || event.ctrlKey || event.metaKey) {\n      return;\n    }\n    const isShiftTabEvent = event.shiftKey && event.key === \"Tab\";\n    if (supportedKeys.includes(event.key) || isShiftTabEvent) {\n      if (event.key === \"Enter\") {\n        this.emitChangeIfUserModified();\n      }\n      return;\n    }\n\n    numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      useGrouping: this.groupSeparator,\n    };\n\n    if (event.key === numberStringFormatter.decimal && !this.integer) {\n      if (!this.value && !this.childNumberEl.value) {\n        return;\n      }\n      if (this.value && this.childNumberEl.value.indexOf(numberStringFormatter.decimal) === -1) {\n        return;\n      }\n    }\n    if (/[eE]/.test(event.key) && !this.integer) {\n      if (!this.value && !this.childNumberEl.value) {\n        return;\n      }\n      if (this.value && !/[eE]/.test(this.childNumberEl.value)) {\n        return;\n      }\n    }\n\n    if (event.key === \"-\") {\n      if (!this.value && !this.childNumberEl.value) {\n        return;\n      }\n      if (this.value && this.childNumberEl.value.split(\"-\").length <= 2) {\n        return;\n      }\n    }\n    event.preventDefault();\n  };\n\n  private nudgeNumberValue = (\n    direction: NumberNudgeDirection,\n    nativeEvent: KeyboardEvent | MouseEvent,\n  ): void => {\n    if (nativeEvent instanceof KeyboardEvent && nativeEvent.repeat) {\n      return;\n    }\n\n    const inputMax = this.maxString ? parseFloat(this.maxString) : null;\n    const inputMin = this.minString ? parseFloat(this.minString) : null;\n    const valueNudgeDelayInMs = 150;\n\n    this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent);\n\n    if (this.nudgeNumberValueIntervalId) {\n      window.clearInterval(this.nudgeNumberValueIntervalId);\n    }\n    let firstValueNudge = true;\n    this.nudgeNumberValueIntervalId = window.setInterval(() => {\n      if (firstValueNudge) {\n        firstValueNudge = false;\n        return;\n      }\n\n      this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent);\n    }, valueNudgeDelayInMs);\n  };\n\n  private nudgeButtonPointerUpHandler = (event: PointerEvent): void => {\n    if (!isPrimaryPointerButton(event)) {\n      return;\n    }\n    window.clearInterval(this.nudgeNumberValueIntervalId);\n  };\n\n  private nudgeButtonPointerOutHandler = (): void => {\n    window.clearInterval(this.nudgeNumberValueIntervalId);\n  };\n\n  private nudgeButtonPointerDownHandler = (event: PointerEvent): void => {\n    if (!isPrimaryPointerButton(event)) {\n      return;\n    }\n\n    event.preventDefault();\n    const direction = (event.target as HTMLDivElement).dataset.adjustment as NumberNudgeDirection;\n    if (!this.disabled) {\n      this.nudgeNumberValue(direction, event);\n    }\n  };\n\n  syncHiddenFormInput(input: HTMLInputElement): void {\n    syncHiddenFormInput(\"number\", this, input);\n  }\n\n  private onHiddenFormInputInput = (event: Event): void => {\n    if ((event.target as HTMLInputElement).name === this.name) {\n      this.setNumberValue({\n        value: (event.target as HTMLInputElement).value,\n        origin: \"direct\",\n      });\n    }\n    this.setFocus();\n    event.stopPropagation();\n  };\n\n  private setChildNumberElRef = (el: HTMLInputElement) => {\n    this.childNumberEl = el;\n  };\n\n  private setDisabledAction(): void {\n    const slottedActionEl = getSlotted(this.el, \"action\");\n\n    if (!slottedActionEl) {\n      return;\n    }\n\n    if (this.disabled) {\n      if (slottedActionEl.getAttribute(\"disabled\") == null) {\n        this.slottedActionElDisabledInternally = true;\n      }\n      slottedActionEl.setAttribute(\"disabled\", \"\");\n    } else if (this.slottedActionElDisabledInternally) {\n      slottedActionEl.removeAttribute(\"disabled\");\n      this.slottedActionElDisabledInternally = false;\n    }\n  }\n\n  private setInputNumberValue = (newInputValue: string): void => {\n    if (!this.childNumberEl) {\n      return;\n    }\n    this.childNumberEl.value = newInputValue;\n  };\n\n  private setPreviousEmittedNumberValue = (value: string): void => {\n    this.previousEmittedNumberValue = this.normalizeValue(value);\n  };\n\n  private normalizeValue(value: string): string {\n    return isValidNumber(value) ? value : \"\";\n  }\n\n  private setPreviousNumberValue = (value: string): void => {\n    this.previousValue = this.normalizeValue(value);\n  };\n\n  private setNumberValue = ({\n    committing = false,\n    nativeEvent,\n    origin,\n    previousValue,\n    value,\n  }: {\n    committing?: boolean;\n    nativeEvent?: MouseEvent | KeyboardEvent | InputEvent;\n    origin: SetValueOrigin;\n    previousValue?: string;\n    value: string;\n  }): void => {\n    numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      useGrouping: this.groupSeparator,\n    };\n\n    const isValueDeleted =\n      this.previousValue?.length > value.length || this.value?.length > value.length;\n\n    const valueHandleInteger = this.integer ? value.replace(/[e.]/g, \"\") : value;\n\n    const hasTrailingDecimalSeparator =\n      valueHandleInteger.charAt(valueHandleInteger.length - 1) === \".\";\n\n    const sanitizedValue =\n      hasTrailingDecimalSeparator && isValueDeleted\n        ? valueHandleInteger\n        : sanitizeNumberString(valueHandleInteger);\n\n    const newValue =\n      value && !sanitizedValue\n        ? isValidNumber(this.previousValue)\n          ? this.previousValue\n          : \"\"\n        : sanitizedValue;\n\n    let newLocalizedValue = numberStringFormatter.localize(newValue);\n\n    if (origin !== \"connected\" && !hasTrailingDecimalSeparator) {\n      newLocalizedValue = addLocalizedTrailingDecimalZeros(\n        newLocalizedValue,\n        newValue,\n        numberStringFormatter,\n      );\n    }\n\n    // adds localized trailing decimal separator\n    this.displayedValue =\n      hasTrailingDecimalSeparator && isValueDeleted\n        ? `${newLocalizedValue}${numberStringFormatter.decimal}`\n        : newLocalizedValue;\n\n    this.setPreviousNumberValue(previousValue ?? this.value);\n    this.previousValueOrigin = origin;\n    this.userChangedValue = origin === \"user\" && this.value !== newValue;\n    // don't sanitize the start of negative/decimal numbers, but\n    // don't set value to an invalid number\n    this.value = [\"-\", \".\"].includes(newValue) ? \"\" : newValue;\n\n    if (origin === \"direct\") {\n      this.setInputNumberValue(newLocalizedValue);\n      this.setPreviousEmittedNumberValue(newLocalizedValue);\n    }\n\n    if (nativeEvent) {\n      const calciteInputNumberInputEvent = this.calciteInputNumberInput.emit();\n      if (calciteInputNumberInputEvent.defaultPrevented) {\n        this.value = this.previousValue;\n        this.displayedValue = numberStringFormatter.localize(this.previousValue);\n      } else if (committing) {\n        this.emitChangeIfUserModified();\n      }\n    }\n  };\n\n  private inputNumberKeyUpHandler = (): void => {\n    window.clearInterval(this.nudgeNumberValueIntervalId);\n  };\n\n  private warnAboutInvalidNumberValue(value: string): void {\n    if (value && !isValidNumber(value)) {\n      console.warn(`The specified value \"${value}\" cannot be parsed, or is out of range.`);\n    }\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const dir = getElementDir(this.el);\n    const loader = (\n      <div class={CSS.loader}>\n        <calcite-progress label={this.messages.loading} type=\"indeterminate\" />\n      </div>\n    );\n\n    const inputClearButton = (\n      <button\n        aria-label={this.messages.clear}\n        class={CSS.clearButton}\n        disabled={this.disabled || this.readOnly}\n        onClick={this.clearInputValue}\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <calcite-icon icon=\"x\" scale={getIconScale(this.scale)} />\n      </button>\n    );\n    const iconEl = (\n      <calcite-icon\n        class={CSS.inputIcon}\n        flipRtl={this.iconFlipRtl}\n        icon={this.requestedIcon}\n        scale={getIconScale(this.scale)}\n      />\n    );\n\n    const isHorizontalNumberButton = this.numberButtonType === \"horizontal\";\n\n    const numberButtonsHorizontalUp = (\n      <button\n        aria-hidden=\"true\"\n        class={{\n          [CSS.numberButtonItem]: true,\n          [CSS.buttonItemHorizontal]: isHorizontalNumberButton,\n        }}\n        data-adjustment=\"up\"\n        disabled={this.disabled || this.readOnly}\n        onPointerDown={this.nudgeButtonPointerDownHandler}\n        onPointerOut={this.nudgeButtonPointerOutHandler}\n        onPointerUp={this.nudgeButtonPointerUpHandler}\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <calcite-icon icon=\"chevron-up\" scale={getIconScale(this.scale)} />\n      </button>\n    );\n\n    const numberButtonsHorizontalDown = (\n      <button\n        aria-hidden=\"true\"\n        class={{\n          [CSS.numberButtonItem]: true,\n          [CSS.buttonItemHorizontal]: isHorizontalNumberButton,\n        }}\n        data-adjustment=\"down\"\n        disabled={this.disabled || this.readOnly}\n        onPointerDown={this.nudgeButtonPointerDownHandler}\n        onPointerOut={this.nudgeButtonPointerOutHandler}\n        onPointerUp={this.nudgeButtonPointerUpHandler}\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <calcite-icon icon=\"chevron-down\" scale={getIconScale(this.scale)} />\n      </button>\n    );\n\n    const numberButtonsVertical = (\n      <div class={CSS.numberButtonWrapper}>\n        {numberButtonsHorizontalUp}\n        {numberButtonsHorizontalDown}\n      </div>\n    );\n\n    const prefixText = <div class={CSS.prefix}>{this.prefixText}</div>;\n\n    const suffixText = <div class={CSS.suffix}>{this.suffixText}</div>;\n\n    const childEl = (\n      <input\n        aria-label={getLabelText(this)}\n        autocomplete={this.autocomplete}\n        autofocus={this.autofocus ? true : null}\n        defaultValue={this.defaultValue}\n        disabled={this.disabled ? true : null}\n        enterKeyHint={this.enterKeyHint}\n        inputMode={this.inputMode}\n        key=\"localized-input\"\n        maxLength={this.maxLength}\n        minLength={this.minLength}\n        name={undefined}\n        onBlur={this.inputNumberBlurHandler}\n        onFocus={this.inputNumberFocusHandler}\n        onInput={this.inputNumberInputHandler}\n        onKeyDown={this.inputNumberKeyDownHandler}\n        onKeyUp={this.inputNumberKeyUpHandler}\n        placeholder={this.placeholder || \"\"}\n        readOnly={this.readOnly}\n        type=\"text\"\n        value={this.displayedValue}\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={this.setChildNumberElRef}\n      />\n    );\n\n    return (\n      <Host onClick={this.clickHandler} onKeyDown={this.keyDownHandler}>\n        <InteractiveContainer disabled={this.disabled}>\n          <div class={{ [CSS.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === \"rtl\" }}>\n            {this.numberButtonType === \"horizontal\" && !this.readOnly\n              ? numberButtonsHorizontalDown\n              : null}\n            {this.prefixText ? prefixText : null}\n            <div class={CSS.wrapper}>\n              {childEl}\n              {this.isClearable ? inputClearButton : null}\n              {this.requestedIcon ? iconEl : null}\n              {this.loading ? loader : null}\n            </div>\n            <div class={CSS.actionWrapper}>\n              <slot name={SLOTS.action} />\n            </div>\n            {this.numberButtonType === \"vertical\" && !this.readOnly ? numberButtonsVertical : null}\n            {this.suffixText ? suffixText : null}\n            {this.numberButtonType === \"horizontal\" && !this.readOnly\n              ? numberButtonsHorizontalUp\n              : null}\n            <HiddenFormInputSlot component={this} />\n          </div>\n          {this.validationMessage ? (\n            <Validation\n              icon={this.validationIcon}\n              message={this.validationMessage}\n              scale={this.scale}\n              status={this.status}\n            />\n          ) : null}\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.2-next.1
- */
-import{r as e,c as t,h as i,H as s,g as l}from"./p-ce7a94e9.js";import{l as a}from"./p-9df2dac1.js";import{i as n}from"./p-63728af3.js";import{c as o,u as c,d as r,I as h}from"./p-4d0a4021.js";import{g as d}from"./p-dc1996cd.js";import"./p-5b5bf4fb.js";import"./p-213aeca6.js";import"./p-f09acdd0.js";const b={lastVisibleRow:"last-visible-row"};const u=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{--calcite-internal-table-row-background:var(--calcite-table-row-background, var(--calcite-color-foreground-1));--calcite-internal-table-row-border-color:var(--calcite-table-row-border-color, transparent);display:contents}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) tr{pointer-events:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}tr{border-block-end:1px solid var(--calcite-internal-table-row-border-color);background-color:var(--calcite-internal-table-row-background)}tr.last-visible-row{border-block-end:0}";const f=class{constructor(i){e(this,i);this.calciteTableRowSelect=t(this,"calciteTableRowSelect",6);this.calciteInternalTableRowFocusRequest=t(this,"calciteInternalTableRowFocusRequest",6);this.rowCells=[];this.keyDownHandler=e=>{if(this.interactionMode!=="interactive"){return}const t=e.target;const i=e.key;const s=e.ctrlKey;const l=this.rowCells;if(t.matches("calcite-table-cell")||t.matches("calcite-table-header")){switch(i){case"ArrowUp":this.emitTableRowFocusRequest(t.positionInRow,this.positionAll,"previous");e.preventDefault();break;case"ArrowDown":this.emitTableRowFocusRequest(t.positionInRow,this.positionAll,"next");e.preventDefault();break;case"PageUp":this.emitTableRowFocusRequest(t.positionInRow,this.positionAll,"first");e.preventDefault();break;case"PageDown":this.emitTableRowFocusRequest(t.positionInRow,this.positionAll,"last");e.preventDefault();break;case"ArrowLeft":a(l,t,"previous",false);e.preventDefault();break;case"ArrowRight":a(l,t,"next",false);e.preventDefault();break;case"Home":if(s){this.emitTableRowFocusRequest(1,this.positionAll,"first");e.preventDefault()}else{a(l,t,"first",false);e.preventDefault()}break;case"End":if(s){this.emitTableRowFocusRequest(this.rowCells?.length,this.positionAll,"last",true);e.preventDefault()}else{a(l,t,"last",false);e.preventDefault()}break}}};this.emitTableRowFocusRequest=(e,t,i,s)=>{this.calciteInternalTableRowFocusRequest.emit({cellPosition:e,rowPosition:t,destination:i,lastCell:s})};this.updateCells=()=>{const e=this.tableRowSlotEl?.assignedElements({flatten:true})?.filter((e=>e.matches("calcite-table-cell")||e.matches("calcite-table-header")));const t=Array.from(this.tableRowEl?.querySelectorAll("calcite-table-header, calcite-table-cell"))?.filter((e=>e.numberCell||e.selectionCell));const i=t?t.concat(e):e;if(i.length>0){i?.forEach(((e,t)=>{e.interactionMode=this.interactionMode;e.positionInRow=t+1;e.parentRowType=this.rowType;e.parentRowIsSelected=this.selected;e.scale=this.scale;e.lastCell=t===i.length-1;if(e.nodeName==="CALCITE-TABLE-CELL"){e.readCellContentsToAT=this.readCellContentsToAT;e.disabled=this.disabled}}))}this.rowCells=i||[];this.cellCount=i?.length};this.handleSelectionOfRow=()=>{this.calciteTableRowSelect.emit()};this.handleKeyboardSelection=e=>{if(n(e.key)){if(e.key===" "){e.preventDefault()}this.handleSelectionOfRow()}};this.disabled=false;this.selected=false;this.cellCount=undefined;this.interactionMode="interactive";this.lastVisibleRow=undefined;this.rowType=undefined;this.numbered=false;this.positionSection=undefined;this.positionSectionLocalized=undefined;this.positionAll=undefined;this.readCellContentsToAT=undefined;this.scale=undefined;this.selectionMode="none";this.selectedRowCount=undefined;this.selectedRowCountLocalized=undefined;this.bodyRowCount=undefined;this.effectiveLocale=""}handleCellChanges(){if(this.tableRowEl&&this.rowCells.length>0){this.updateCells()}}handleDelayedCellChanges(){if(this.tableRowEl&&this.rowCells.length>0){requestAnimationFrame((()=>this.updateCells()))}}componentDidLoad(){if(this.tableRowEl&&this.rowCells.length>0){this.updateCells()}}connectedCallback(){o(this)}componentDidRender(){c(this)}disconnectedCallback(){r(this)}calciteInternalTableRowFocusChangeHandler(e){if(e.target.contains(this.el)){const t=e.detail.cellPosition;const i=e.detail.rowPosition;const s=e.detail.destination;const l=e.detail.lastCell;if(i===this.positionAll){if(this.disabled){const e=s==="last"?"previous":s==="first"?"next":s;this.emitTableRowFocusRequest(t,this.positionAll,e);return}const e=l?this.rowCells[this.rowCells.length-1]:this.rowCells?.find(((e,i)=>i+1===t));if(e){e.setFocus()}}}}renderSelectionIcon(){const e=this.selectionMode==="multiple"&&this.selected?"check-square-f":this.selectionMode==="multiple"?"square":this.selected?"circle-f":"circle";return i("calcite-icon",{icon:e,scale:d(this.scale)})}renderSelectableCell(){return this.rowType==="head"?i("calcite-table-header",{alignment:"center",bodyRowCount:this.bodyRowCount,key:"selection-head",onClick:this.selectionMode==="multiple"&&this.handleSelectionOfRow,onKeyDown:this.selectionMode==="multiple"&&this.handleKeyboardSelection,selectedRowCount:this.selectedRowCount,selectedRowCountLocalized:this.selectedRowCountLocalized,selectionCell:true,selectionMode:this.selectionMode}):this.rowType==="body"?i("calcite-table-cell",{alignment:"center",key:"selection-body",onClick:this.handleSelectionOfRow,onKeyDown:this.handleKeyboardSelection,parentRowIsSelected:this.selected,parentRowPositionLocalized:this.positionSectionLocalized,selectionCell:true},this.renderSelectionIcon()):i("calcite-table-cell",{alignment:"center",key:"selection-foot",selectionCell:true})}renderNumberedCell(){return this.rowType==="head"?i("calcite-table-header",{alignment:"center",key:"numbered-head",numberCell:true}):this.rowType==="body"?i("calcite-table-cell",{alignment:"center",key:"numbered-body",numberCell:true},this.positionSectionLocalized):i("calcite-table-cell",{alignment:"center",key:"numbered-foot",numberCell:true})}render(){return i(s,null,i(h,{disabled:this.disabled},i("tr",{"aria-disabled":this.disabled,"aria-rowindex":this.positionAll+1,"aria-selected":this.selected,class:{[b.lastVisibleRow]:this.lastVisibleRow},onKeyDown:this.keyDownHandler,ref:e=>this.tableRowEl=e},this.numbered&&this.renderNumberedCell(),this.selectionMode!=="none"&&this.renderSelectableCell(),i("slot",{onSlotchange:this.updateCells,ref:e=>this.tableRowSlotEl=e}))))}get el(){return l(this)}static get watchers(){return{bodyRowCount:["handleCellChanges"],scale:["handleCellChanges"],selected:["handleCellChanges"],selectedRowCount:["handleCellChanges"],interactionMode:["handleCellChanges"],numbered:["handleDelayedCellChanges"],selectionMode:["handleDelayedCellChanges"]}}};f.style=u;export{f as calcite_table_row};
-//# sourceMappingURL=p-e41e1eb3.entry.js.map

package/dist/calcite/p-e771393a.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.2-next.1
- */
-import{d as t}from"./p-da74b73a.js";import"./p-ce7a94e9.js";import"./p-6d4d314a.js";import"./p-9df2dac1.js";import"./p-5b5bf4fb.js";import"./p-213aeca6.js";import"./p-4d0a4021.js";import"./p-f09acdd0.js";import"./p-63728af3.js";import"./p-d592c59d.js";import"./p-dc1996cd.js";import"./p-9ebac7df.js";import"./p-1f0e6b1d.js";import"./p-383d66f6.js";import"./p-39c07b81.js";import"./p-04b10d4a.js";import"./p-2e494a15.js";import"./p-84551688.js";import"./p-616f42c5.js";var m={name:"vi",weekdays:"chủ nhật_thứ hai_thứ ba_thứ tư_thứ năm_thứ sáu_thứ bảy".split("_"),months:"tháng 1_tháng 2_tháng 3_tháng 4_tháng 5_tháng 6_tháng 7_tháng 8_tháng 9_tháng 10_tháng 11_tháng 12".split("_"),weekStart:1,weekdaysShort:"CN_T2_T3_T4_T5_T6_T7".split("_"),monthsShort:"Th01_Th02_Th03_Th04_Th05_Th06_Th07_Th08_Th09_Th10_Th11_Th12".split("_"),weekdaysMin:"CN_T2_T3_T4_T5_T6_T7".split("_"),ordinal:function t(m){return m},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM [năm] YYYY",LLL:"D MMMM [năm] YYYY HH:mm",LLLL:"dddd, D MMMM [năm] YYYY HH:mm",l:"DD/M/YYYY",ll:"D MMM YYYY",lll:"D MMM YYYY HH:mm",llll:"ddd, D MMM YYYY HH:mm"},relativeTime:{future:"%s tới",past:"%s trước",s:"vài giây",m:"một phút",mm:"%d phút",h:"một giờ",hh:"%d giờ",d:"một ngày",dd:"%d ngày",M:"một tháng",MM:"%d tháng",y:"một năm",yy:"%d năm"}};t.locale(m,null,true);export default m;
-//# sourceMappingURL=p-e771393a.js.map

package/dist/calcite/p-e827b87a.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.2-next.1
- */
-import{d as _}from"./p-da74b73a.js";import"./p-ce7a94e9.js";import"./p-6d4d314a.js";import"./p-9df2dac1.js";import"./p-5b5bf4fb.js";import"./p-213aeca6.js";import"./p-4d0a4021.js";import"./p-f09acdd0.js";import"./p-63728af3.js";import"./p-d592c59d.js";import"./p-dc1996cd.js";import"./p-9ebac7df.js";import"./p-1f0e6b1d.js";import"./p-383d66f6.js";import"./p-39c07b81.js";import"./p-04b10d4a.js";import"./p-2e494a15.js";import"./p-84551688.js";import"./p-616f42c5.js";var p={name:"hi",weekdays:"रविवार_सोमवार_मंगलवार_बुधवार_गुरूवार_शुक्रवार_शनिवार".split("_"),months:"जनवरी_फ़रवरी_मार्च_अप्रैल_मई_जून_जुलाई_अगस्त_सितम्बर_अक्टूबर_नवम्बर_दिसम्बर".split("_"),weekdaysShort:"रवि_सोम_मंगल_बुध_गुरू_शुक्र_शनि".split("_"),monthsShort:"जन._फ़र._मार्च_अप्रै._मई_जून_जुल._अग._सित._अक्टू._नव._दिस.".split("_"),weekdaysMin:"र_सो_मं_बु_गु_शु_श".split("_"),ordinal:function _(p){return p},formats:{LT:"A h:mm बजे",LTS:"A h:mm:ss बजे",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY, A h:mm बजे",LLLL:"dddd, D MMMM YYYY, A h:mm बजे"},relativeTime:{future:"%s में",past:"%s पहले",s:"कुछ ही क्षण",m:"एक मिनट",mm:"%d मिनट",h:"एक घंटा",hh:"%d घंटे",d:"एक दिन",dd:"%d दिन",M:"एक महीने",MM:"%d महीने",y:"एक वर्ष",yy:"%d वर्ष"}};_.locale(p,null,true);export default p;
-//# sourceMappingURL=p-e827b87a.js.map

package/dist/calcite/p-ea6abdb1.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.2-next.1
- */
-function n(n,r){return(n+r)%r}export{n as g};
-//# sourceMappingURL=p-ea6abdb1.js.map

package/dist/calcite/p-edcacbca.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.2-next.1
- */
-import{h as t}from"./p-ce7a94e9.js";function e(t){return Math.min(Math.max(Math.ceil(t),1),6)}const r=(e,r)=>{const a=e.level?`h${e.level}`:"div";delete e.level;return t(a,{...e},r)};export{r as H,e as c};
-//# sourceMappingURL=p-edcacbca.js.map

package/dist/calcite/p-ef651f33.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.2-next.1
- */
-import{d as a}from"./p-da74b73a.js";import"./p-ce7a94e9.js";import"./p-6d4d314a.js";import"./p-9df2dac1.js";import"./p-5b5bf4fb.js";import"./p-213aeca6.js";import"./p-4d0a4021.js";import"./p-f09acdd0.js";import"./p-63728af3.js";import"./p-d592c59d.js";import"./p-dc1996cd.js";import"./p-9ebac7df.js";import"./p-1f0e6b1d.js";import"./p-383d66f6.js";import"./p-39c07b81.js";import"./p-04b10d4a.js";import"./p-2e494a15.js";import"./p-84551688.js";import"./p-616f42c5.js";var s="siječnja_veljače_ožujka_travnja_svibnja_lipnja_srpnja_kolovoza_rujna_listopada_studenoga_prosinca".split("_");var r="siječanj_veljača_ožujak_travanj_svibanj_lipanj_srpanj_kolovoz_rujan_listopad_studeni_prosinac".split("_");var p=/D[oD]?(\[[^[\]]*\]|\s)+MMMM?/;var t=function a(t,_){if(p.test(_)){return s[t.month()]}return r[t.month()]};t.s=r;t.f=s;var _={name:"hr",weekdays:"nedjelja_ponedjeljak_utorak_srijeda_četvrtak_petak_subota".split("_"),weekdaysShort:"ned._pon._uto._sri._čet._pet._sub.".split("_"),weekdaysMin:"ne_po_ut_sr_če_pe_su".split("_"),months:t,monthsShort:"sij._velj._ožu._tra._svi._lip._srp._kol._ruj._lis._stu._pro.".split("_"),weekStart:1,formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY H:mm",LLLL:"dddd, D. MMMM YYYY H:mm"},relativeTime:{future:"za %s",past:"prije %s",s:"sekunda",m:"minuta",mm:"%d minuta",h:"sat",hh:"%d sati",d:"dan",dd:"%d dana",M:"mjesec",MM:"%d mjeseci",y:"godina",yy:"%d godine"},ordinal:function a(s){return s+"."}};a.locale(_,null,true);export default _;
-//# sourceMappingURL=p-ef651f33.js.map

package/dist/calcite/p-f0655be6.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.2-next.1
- */
-import{d as e}from"./p-da74b73a.js";import"./p-ce7a94e9.js";import"./p-6d4d314a.js";import"./p-9df2dac1.js";import"./p-5b5bf4fb.js";import"./p-213aeca6.js";import"./p-4d0a4021.js";import"./p-f09acdd0.js";import"./p-63728af3.js";import"./p-d592c59d.js";import"./p-dc1996cd.js";import"./p-9ebac7df.js";import"./p-1f0e6b1d.js";import"./p-383d66f6.js";import"./p-39c07b81.js";import"./p-04b10d4a.js";import"./p-2e494a15.js";import"./p-84551688.js";import"./p-616f42c5.js";var a={words:{m:["jedan minut","jednog minuta"],mm:["%d minut","%d minuta","%d minuta"],h:["jedan sat","jednog sata"],hh:["%d sat","%d sata","%d sati"],d:["jedan dan","jednog dana"],dd:["%d dan","%d dana","%d dana"],M:["jedan mesec","jednog meseca"],MM:["%d mesec","%d meseca","%d meseci"],y:["jednu godinu","jedne godine"],yy:["%d godinu","%d godine","%d godina"]},correctGrammarCase:function e(a,d){if(a%10>=1&&a%10<=4&&(a%100<10||a%100>=20)){return a%10===1?d[0]:d[1]}return d[2]},relativeTimeFormatter:function e(d,r,t,n){var m=a.words[t];if(t.length===1){if(t==="y"&&r)return"jedna godina";return n||r?m[0]:m[1]}var o=a.correctGrammarCase(d,m);if(t==="yy"&&r&&o==="%d godinu")return d+" godina";return o.replace("%d",d)}};var d={name:"sr",weekdays:"Nedelja_Ponedeljak_Utorak_Sreda_Četvrtak_Petak_Subota".split("_"),weekdaysShort:"Ned._Pon._Uto._Sre._Čet._Pet._Sub.".split("_"),weekdaysMin:"ne_po_ut_sr_če_pe_su".split("_"),months:"Januar_Februar_Mart_April_Maj_Jun_Jul_Avgust_Septembar_Oktobar_Novembar_Decembar".split("_"),monthsShort:"Jan._Feb._Mar._Apr._Maj_Jun_Jul_Avg._Sep._Okt._Nov._Dec.".split("_"),weekStart:1,relativeTime:{future:"za %s",past:"pre %s",s:"nekoliko sekundi",m:a.relativeTimeFormatter,mm:a.relativeTimeFormatter,h:a.relativeTimeFormatter,hh:a.relativeTimeFormatter,d:a.relativeTimeFormatter,dd:a.relativeTimeFormatter,M:a.relativeTimeFormatter,MM:a.relativeTimeFormatter,y:a.relativeTimeFormatter,yy:a.relativeTimeFormatter},ordinal:function e(a){return a+"."},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"D. M. YYYY.",LL:"D. MMMM YYYY.",LLL:"D. MMMM YYYY. H:mm",LLLL:"dddd, D. MMMM YYYY. H:mm"}};e.locale(d,null,true);export default d;
-//# sourceMappingURL=p-f0655be6.js.map

package/dist/calcite/p-f09acdd0.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.2-next.1
- */
-function n(){return navigator.userAgentData}function r(){const r=n();return r?.brands?r.brands.map((({brand:n,version:r})=>`${n}/${r}`)).join(" "):navigator.userAgent}export{r as g};
-//# sourceMappingURL=p-f09acdd0.js.map

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

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.2-next.1
- */
-import{r as t,c as e,h as i,g as s,F as n,H as a}from"./p-ce7a94e9.js";import{c as o}from"./p-383d66f6.js";import{d as c}from"./p-9df2dac1.js";import{c as l,d as r,a as d,H as h}from"./p-6d4d314a.js";import{c as p,d as u,u as f,I as m}from"./p-4d0a4021.js";import{c as b,d as g,g as v}from"./p-d592c59d.js";import{s as x,a as w,c as C}from"./p-9ebac7df.js";import{g as y}from"./p-dc1996cd.js";import{V as z}from"./p-616f42c5.js";import"./p-5b5bf4fb.js";import"./p-213aeca6.js";import"./p-f09acdd0.js";const k=":host{display:block}:host([hidden]){display:none}[hidden]{display:none}";const O=class{constructor(i){t(this,i);this.calciteInternalOptionChange=e(this,"calciteInternalOptionChange",6);this.mutationObserver=o("mutation",(()=>{this.ensureTextContentDependentProps();this.calciteInternalOptionChange.emit()}));this.disabled=false;this.label=undefined;this.selected=undefined;this.value=undefined}handlePropChange(t,e,i){if(i==="label"||i==="value"){this.ensureTextContentDependentProps()}this.calciteInternalOptionChange.emit()}ensureTextContentDependentProps(){const{el:{textContent:t},internallySetLabel:e,internallySetValue:i,label:s,value:n}=this;if(!s||s===e){this.label=t;this.internallySetLabel=t}if(n==null||n===i){this.value=t;this.internallySetValue=t}}connectedCallback(){this.ensureTextContentDependentProps();this.mutationObserver?.observe(this.el,{attributeFilter:["label","value"],characterData:true,childList:true,subtree:true})}disconnectedCallback(){this.mutationObserver?.disconnect()}render(){return i("slot",null,this.label)}get el(){return s(this)}static get watchers(){return{disabled:["handlePropChange"],label:["handlePropChange"],selected:["handlePropChange"],value:["handlePropChange"]}}};O.style=k;const P=":host{display:block}:host([hidden]){display:none}[hidden]{display:none}";const j=class{constructor(i){t(this,i);this.calciteInternalOptionGroupChange=e(this,"calciteInternalOptionGroupChange",6);this.disabled=false;this.label=undefined}handlePropChange(){this.calciteInternalOptionGroupChange.emit()}render(){return i(n,null,i("div",null,this.label),i("slot",null))}static get watchers(){return{disabled:["handlePropChange"],label:["handlePropChange"]}}};j.style=P;const I={icon:"icon",iconContainer:"icon-container",select:"select",wrapper:"wrapper"};const L=":host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column}.wrapper{position:relative;display:flex;align-items:stretch;inline-size:var(--select-width)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-select-font-size:var(--calcite-font-size--2);--calcite-select-spacing-inline:0.5rem 2rem}:host([scale=s]) .wrapper{block-size:1.5rem}:host([scale=s]) .icon-container{padding-inline:0.5rem}:host([scale=m]){--calcite-select-font-size:var(--calcite-font-size--1);--calcite-select-spacing-inline:0.75rem 2.5rem}:host([scale=m]) .wrapper{block-size:2rem}:host([scale=m]) .icon-container{padding-inline:0.75rem}:host([scale=l]){--calcite-select-font-size:var(--calcite-font-size-0);--calcite-select-spacing-inline:1rem 3rem}:host([scale=l]) .wrapper{block-size:44px}:host([scale=l]) .icon-container{padding-inline:1rem}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}.select{margin:0px;box-sizing:border-box;inline-size:100%;cursor:pointer;appearance:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:0px;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);font-family:inherit;color:var(--calcite-color-text-2);outline-color:transparent;font-size:var(--calcite-select-font-size);padding-inline:var(--calcite-select-spacing-inline);border-inline-end-width:0px}.select:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite--color-brand)));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.select:hover{background-color:var(--calcite-color-foreground-2)}select:disabled{border-color:var(--calcite-color-border-input);--tw-bg-opacity:1}.icon-container{pointer-events:none;position:absolute;inset-block:0px;display:flex;align-items:center;border-width:0px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:transparent;color:var(--calcite-color-text-2);inset-inline-end:0px;border-inline-width:0px 1px}:host([status=invalid]) select,:host([status=invalid]) .icon-container{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) select:focus,:host([status=invalid]) .icon-container:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.select:focus~.icon-container{border-color:transparent}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";function T(t){return t.tagName==="CALCITE-OPTION"}function A(t){return t.tagName==="CALCITE-OPTION-GROUP"}const E=class{constructor(i){t(this,i);this.calciteSelectChange=e(this,"calciteSelectChange",6);this.componentToNativeEl=new Map;this.mutationObserver=o("mutation",(()=>this.populateInternalSelect()));this.handleInternalSelectChange=()=>{const t=this.selectEl.selectedOptions[0];this.selectFromNativeOption(t);requestAnimationFrame((()=>this.emitChangeEvent()))};this.populateInternalSelect=()=>{const t=Array.from(this.el.children).filter((t=>t.tagName==="CALCITE-OPTION"||t.tagName==="CALCITE-OPTION-GROUP"));this.clearInternalSelect();t.forEach((t=>this.selectEl?.append(this.toNativeElement(t))))};this.storeSelectRef=t=>{this.selectEl=t;this.populateInternalSelect();const e=this.selectEl.selectedOptions[0];this.selectFromNativeOption(e)};this.emitChangeEvent=()=>{this.calciteSelectChange.emit()};this.disabled=false;this.form=undefined;this.label=undefined;this.validationMessage=undefined;this.validationIcon=undefined;this.name=undefined;this.required=false;this.scale="m";this.status="idle";this.value=null;this.selectedOption=undefined;this.width="auto"}valueHandler(t){const e=this.el.querySelectorAll("calcite-option");e.forEach((e=>e.selected=e.value===t))}selectedOptionHandler(t){this.value=t?.value}connectedCallback(){const{el:t}=this;this.mutationObserver?.observe(t,{subtree:true,childList:true});p(this);b(this);l(this)}disconnectedCallback(){this.mutationObserver?.disconnect();u(this);g(this);r(this)}componentWillLoad(){x(this)}componentDidLoad(){w(this);d(this,this.selectedOption?.value??"")}componentDidRender(){f(this)}async setFocus(){await C(this);c(this.selectEl)}handleOptionOrGroupChange(t){t.stopPropagation();const e=t.target;const i=this.componentToNativeEl.get(e);if(!i){return}this.updateNativeElement(e,i);if(T(e)&&e.selected){this.deselectAllExcept(e);this.selectedOption=e}}onLabelClick(){this.setFocus()}updateNativeElement(t,e){e.disabled=t.disabled;e.label=t.label;if(T(t)){const i=e;i.selected=t.selected;i.value=t.value;i.innerText=t.label}}clearInternalSelect(){this.componentToNativeEl.forEach((t=>t.remove()));this.componentToNativeEl.clear()}selectFromNativeOption(t){if(!t){return}let e;this.componentToNativeEl.forEach(((i,s)=>{if(T(s)&&i===t){s.selected=true;e=s;this.deselectAllExcept(s)}}));if(e){this.selectedOption=e}}toNativeElement(t){if(T(t)){const e=document.createElement("option");this.updateNativeElement(t,e);this.componentToNativeEl.set(t,e);return e}if(A(t)){const e=document.createElement("optgroup");this.updateNativeElement(t,e);Array.from(t.children).forEach((i=>{const s=this.toNativeElement(i);e.append(s);this.componentToNativeEl.set(t,s)}));this.componentToNativeEl.set(t,e);return e}throw new Error("unsupported element child provided")}deselectAllExcept(t){this.el.querySelectorAll("calcite-option").forEach((e=>{if(e===t){return}e.selected=false}))}renderChevron(){return i("div",{class:I.iconContainer},i("calcite-icon",{class:I.icon,icon:"chevron-down",scale:y(this.scale)}))}render(){const{disabled:t}=this;return i(a,null,i(m,{disabled:t},i("div",{class:I.wrapper},i("select",{"aria-label":v(this),class:I.select,disabled:t,onChange:this.handleInternalSelectChange,ref:this.storeSelectRef},i("slot",null)),this.renderChevron(),i(h,{component:this})),this.validationMessage?i(z,{icon:this.validationIcon,message:this.validationMessage,scale:this.scale,status:this.status}):null))}get el(){return s(this)}static get watchers(){return{value:["valueHandler"],selectedOption:["selectedOptionHandler"]}}};E.style=L;export{O as calcite_option,j as calcite_option_group,E as calcite_select};
-//# sourceMappingURL=p-f15f589a.entry.js.map