npm - @esri/calcite-components - Versions diffs - 3.0.0-next.95 → 3.0.0-next.96 - Mend

@esri/calcite-components 3.0.0-next.95 → 3.0.0-next.96

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (387) hide show

package/dist/calcite/{IUIZLGIN.js → 2OHLWTVV.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.95
+ * v3.0.0-next.96
 */
-import{a as b}from"./NXLPCTQ3.js";import{a as f,b as g}from"./T7I7AUYL.js";import"./BGWMQRWP.js";var M=new Date,T=M.toISOString(),v=365,y=v,R={groupDateRange:y,startDate:T},S=(t,r,e)=>{let o=[],n=e.create(t);for(let l=0;l<=r;l++)n=e.increase(n),o.push(e.formatToIsoDateString(n));return o},w=(t,r,e,o)=>{let n=new Map,l=S(r,e,o);return t.map(c=>{let{label:s}=c,a=g(s),u=l.map(m=>{let d=`${m}-${s}`,i=n.get(d);return i||(i=o.isoToTimeZone(m,s),n.set(d,i),i)});return{...c,continent:a,isRegularContinent:a!==f,dates:u}})},J=(t,r,e)=>t.length===r.length&&t.every((o,n)=>e.same(o,r[n])),Z=(t,r=5)=>{let e=t.filter(({label:n})=>g(n)!==f);if(e.length===0)return[0];let o=e.map(n=>t.indexOf(n));return x(o,r)};function x(t,r=5){let e=t.length;if(e<=r)return t;let o=Math.min(e-2,r-2),n=(e-1)/(o+1);return[t[0],...Array.from({length:o},(l,c)=>t[Math.round((c+1)*n)]),t[e-1]]}async function G(t){let{groupDateRange:r,startDate:e,dateEngine:o}={...R,...t},n=[];if(!o)throw new Error("dateEngine is required");let l=b.map(s=>({label:s})),c=w(l,e,r,o);for(let s of c){let{label:a,continent:u,dates:m}=s;if(s.visited)continue;s.visited=!0;let d={labelIdx:[],tzs:[{label:a}]};for(let i of c.filter(p=>!p.visited)){let{label:p,continent:h,isRegularContinent:z,dates:D}=i;if((u===h||!z)&&J(m,D,o)){let I={label:p};d.tzs.push(I),i.visited=!0}}n.push(d)}return n.map(s=>(s.tzs=s.tzs.sort((a,u)=>a.label.localeCompare(u.label)),{labelTzIdx:Z(s.tzs,7),tzs:s.tzs.map(a=>a.label)})).sort((s,a)=>a.tzs.length-s.tzs.length)}export{G as groupByOffset};
+import{a as b}from"./MI3BWAKN.js";import{a as f,b as g}from"./RTNOQY3F.js";import"./KHULIKKP.js";var M=new Date,T=M.toISOString(),v=365,y=v,R={groupDateRange:y,startDate:T},S=(t,r,e)=>{let o=[],n=e.create(t);for(let l=0;l<=r;l++)n=e.increase(n),o.push(e.formatToIsoDateString(n));return o},w=(t,r,e,o)=>{let n=new Map,l=S(r,e,o);return t.map(c=>{let{label:s}=c,a=g(s),u=l.map(m=>{let d=`${m}-${s}`,i=n.get(d);return i||(i=o.isoToTimeZone(m,s),n.set(d,i),i)});return{...c,continent:a,isRegularContinent:a!==f,dates:u}})},J=(t,r,e)=>t.length===r.length&&t.every((o,n)=>e.same(o,r[n])),Z=(t,r=5)=>{let e=t.filter(({label:n})=>g(n)!==f);if(e.length===0)return[0];let o=e.map(n=>t.indexOf(n));return x(o,r)};function x(t,r=5){let e=t.length;if(e<=r)return t;let o=Math.min(e-2,r-2),n=(e-1)/(o+1);return[t[0],...Array.from({length:o},(l,c)=>t[Math.round((c+1)*n)]),t[e-1]]}async function G(t){let{groupDateRange:r,startDate:e,dateEngine:o}={...R,...t},n=[];if(!o)throw new Error("dateEngine is required");let l=b.map(s=>({label:s})),c=w(l,e,r,o);for(let s of c){let{label:a,continent:u,dates:m}=s;if(s.visited)continue;s.visited=!0;let d={labelIdx:[],tzs:[{label:a}]};for(let i of c.filter(p=>!p.visited)){let{label:p,continent:h,isRegularContinent:z,dates:D}=i;if((u===h||!z)&&J(m,D,o)){let I={label:p};d.tzs.push(I),i.visited=!0}}n.push(d)}return n.map(s=>(s.tzs=s.tzs.sort((a,u)=>a.label.localeCompare(u.label)),{labelTzIdx:Z(s.tzs,7),tzs:s.tzs.map(a=>a.label)})).sort((s,a)=>a.tzs.length-s.tzs.length)}export{G as groupByOffset};

package/dist/calcite/{2RI7EGLQ.js → 2YNPAPXX.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.95
+ * v3.0.0-next.96
 */
-import{a as f}from"./QPB62OMT.js";import{b as p}from"./WPQC5BHF.js";import{B as u}from"./WQQ6WFHM.js";import{a as w,b as g,d as b}from"./NOTZLQUP.js";import"./XZSRONUF.js";import{I as m,d as l,e as c,v as d,w as h}from"./35XUQZKY.js";var n={frame:"frame",frameAdvancing:"frame--advancing",frameRetreating:"frame--retreating"},v=l`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{position:relative;display:flex;inline-size:100%;flex:1 1 auto;align-items:stretch;overflow:hidden;background-color:transparent}:host .frame{position:relative;margin:0;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;padding:0;animation-name:none;animation-duration:var(--calcite-animation-timing)}:host ::slotted(*){display:none;block-size:100%}:host ::slotted(*[selected]){display:flex}:host ::slotted(.calcite-match-height:last-child){display:flex;flex:1 1 auto;overflow:hidden}:host .frame--advancing{animation-name:calcite-frame-advance}:host .frame--retreating{animation-name:calcite-frame-retreat}@keyframes calcite-frame-advance{0%{--tw-bg-opacity: .5;transform:translate3d(50px,0,0)}to{--tw-bg-opacity: 1;transform:translateZ(0)}}@keyframes calcite-frame-retreat{0%{--tw-bg-opacity: .5;transform:translate3d(-50px,0,0)}to{--tw-bg-opacity: 1;transform:translateZ(0)}}:host([hidden]){display:none}[hidden]{display:none}`,o=class extends d{constructor(){super(),this.itemMutationObserver=f("mutation",()=>this.handleMutationObserverChange()),this.selectedIndex=-1,this.flowDirection="standby",this.items=[],this.listen("calciteInternalFlowItemChange",this.handleCalciteInternalFlowItemChange),this.listen("calciteFlowItemBack",this.handleItemBackClick)}static{this.properties={flowDirection:16,items:16,customItemSelectors:1}}static{this.styles=v}async back(){let{items:e,selectedIndex:t}=this,i=e[t],a=e[t-1];if(!i||!a)return;let s=i.beforeBack?i.beforeBack:()=>Promise.resolve();try{await s.call(i)}catch{return}return i.selected=!1,a.selected=!0,a}async setFocus(){await b(this);let{items:e}=this;return e[this.selectedIndex]?.setFocus()}connectedCallback(){super.connectedCallback(),this.itemMutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.handleMutationObserverChange()}load(){w(this)}willUpdate(e){e.has("flowDirection")&&(this.hasUpdated||this.flowDirection!=="standby")&&this.handleFlowDirectionChange(this.flowDirection)}loaded(){g(this)}disconnectedCallback(){super.disconnectedCallback(),this.itemMutationObserver?.disconnect()}async handleFlowDirectionChange(e){e!=="standby"&&(await u(this.frameEl,e==="retreating"?"calcite-frame-retreat":"calcite-frame-advance"),this.resetFlowDirection())}handleCalciteInternalFlowItemChange(e){e.stopPropagation(),this.updateFlowProps()}async handleItemBackClick(e){if(!e.defaultPrevented)return await this.back(),this.setFocus()}resetFlowDirection(){this.flowDirection="standby"}getFlowDirection(e,t){let i=e>0;return!(e>-1&&t>0)&&!i?"standby":t<e?"retreating":"advancing"}handleMutationObserverChange(){let{customItemSelectors:e,el:t}=this,i=Array.from(t.querySelectorAll(`calcite-flow-item${e?`,${e}`:""}`)).filter(a=>a.closest("calcite-flow")===t);this.items=i,this.ensureSelectedFlowItemExists(),this.updateFlowProps()}updateFlowProps(){let{selectedIndex:e,items:t}=this,i=this.findSelectedFlowItemIndex(t);t.forEach((a,s)=>{let r=s===i;r||(a.menuOpen=!1),a.showBackButton=r&&i>0}),i!==-1&&(e!==i&&(this.flowDirection=this.getFlowDirection(e,i)),this.selectedIndex=i)}findSelectedFlowItemIndex(e){let t=e.slice(0).reverse().find(i=>!!i.selected);return e.indexOf(t)}ensureSelectedFlowItemExists(){let{items:e}=this;if(this.findSelectedFlowItemIndex(e)!==-1)return;let t=e[e.length-1];t&&(t.selected=!0)}setFrameEl(e){this.frameEl=e}render(){let{flowDirection:e}=this,t={[n.frame]:!0,[n.frameAdvancing]:e==="advancing",[n.frameRetreating]:e==="retreating"};return c`<div class=${h(t)} ${p(this.setFrameEl)}><slot></slot></div>`}};m("calcite-flow",o);export{o as Flow};
+import{a as f}from"./XKQ2CMVV.js";import{b as p}from"./R6R2QDCZ.js";import{B as u}from"./MBJAGWVS.js";import{a as w,b as g,d as b}from"./H6JENZS2.js";import"./ITIJ42U7.js";import{I as m,d as l,e as c,v as d,w as h}from"./TYYR7NIL.js";var n={frame:"frame",frameAdvancing:"frame--advancing",frameRetreating:"frame--retreating"},v=l`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{position:relative;display:flex;inline-size:100%;flex:1 1 auto;align-items:stretch;overflow:hidden;background-color:transparent}:host .frame{position:relative;margin:0;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;padding:0;animation-name:none;animation-duration:var(--calcite-animation-timing)}:host ::slotted(*){display:none;block-size:100%}:host ::slotted(*[selected]){display:flex}:host ::slotted(.calcite-match-height:last-child){display:flex;flex:1 1 auto;overflow:hidden}:host .frame--advancing{animation-name:calcite-frame-advance}:host .frame--retreating{animation-name:calcite-frame-retreat}@keyframes calcite-frame-advance{0%{--tw-bg-opacity: .5;transform:translate3d(50px,0,0)}to{--tw-bg-opacity: 1;transform:translateZ(0)}}@keyframes calcite-frame-retreat{0%{--tw-bg-opacity: .5;transform:translate3d(-50px,0,0)}to{--tw-bg-opacity: 1;transform:translateZ(0)}}:host([hidden]){display:none}[hidden]{display:none}`,o=class extends d{constructor(){super(),this.itemMutationObserver=f("mutation",()=>this.handleMutationObserverChange()),this.selectedIndex=-1,this.flowDirection="standby",this.items=[],this.listen("calciteInternalFlowItemChange",this.handleCalciteInternalFlowItemChange),this.listen("calciteFlowItemBack",this.handleItemBackClick)}static{this.properties={flowDirection:16,items:16,customItemSelectors:1}}static{this.styles=v}async back(){let{items:e,selectedIndex:t}=this,i=e[t],a=e[t-1];if(!i||!a)return;let s=i.beforeBack?i.beforeBack:()=>Promise.resolve();try{await s.call(i)}catch{return}return i.selected=!1,a.selected=!0,a}async setFocus(){await b(this);let{items:e}=this;return e[this.selectedIndex]?.setFocus()}connectedCallback(){super.connectedCallback(),this.itemMutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.handleMutationObserverChange()}load(){w(this)}willUpdate(e){e.has("flowDirection")&&(this.hasUpdated||this.flowDirection!=="standby")&&this.handleFlowDirectionChange(this.flowDirection)}loaded(){g(this)}disconnectedCallback(){super.disconnectedCallback(),this.itemMutationObserver?.disconnect()}async handleFlowDirectionChange(e){e!=="standby"&&(await u(this.frameEl,e==="retreating"?"calcite-frame-retreat":"calcite-frame-advance"),this.resetFlowDirection())}handleCalciteInternalFlowItemChange(e){e.stopPropagation(),this.updateFlowProps()}async handleItemBackClick(e){if(!e.defaultPrevented)return await this.back(),this.setFocus()}resetFlowDirection(){this.flowDirection="standby"}getFlowDirection(e,t){let i=e>0;return!(e>-1&&t>0)&&!i?"standby":t<e?"retreating":"advancing"}handleMutationObserverChange(){let{customItemSelectors:e,el:t}=this,i=Array.from(t.querySelectorAll(`calcite-flow-item${e?`,${e}`:""}`)).filter(a=>a.closest("calcite-flow")===t);this.items=i,this.ensureSelectedFlowItemExists(),this.updateFlowProps()}updateFlowProps(){let{selectedIndex:e,items:t}=this,i=this.findSelectedFlowItemIndex(t);t.forEach((a,s)=>{let r=s===i;r||(a.menuOpen=!1),a.showBackButton=r&&i>0}),i!==-1&&(e!==i&&(this.flowDirection=this.getFlowDirection(e,i)),this.selectedIndex=i)}findSelectedFlowItemIndex(e){let t=e.slice(0).reverse().find(i=>!!i.selected);return e.indexOf(t)}ensureSelectedFlowItemExists(){let{items:e}=this;if(this.findSelectedFlowItemIndex(e)!==-1)return;let t=e[e.length-1];t&&(t.selected=!0)}setFrameEl(e){this.frameEl=e}render(){let{flowDirection:e}=this,t={[n.frame]:!0,[n.frameAdvancing]:e==="advancing",[n.frameRetreating]:e==="retreating"};return c`<div class=${h(t)} ${p(this.setFrameEl)}><slot></slot></div>`}};m("calcite-flow",o);export{o as Flow};

package/dist/calcite/{5UFZGC62.js → 3MV46GBB.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.95
+ * v3.0.0-next.96
 */
-import{b as a}from"./OC5YXEQJ.js";import"./6QCXYRQI.js";var s={name:"hu",weekdays:"vas\xE1rnap_h\xE9tf\u0151_kedd_szerda_cs\xFCt\xF6rt\xF6k_p\xE9ntek_szombat".split("_"),weekdaysShort:"vas_h\xE9t_kedd_sze_cs\xFCt_p\xE9n_szo".split("_"),weekdaysMin:"v_h_k_sze_cs_p_szo".split("_"),months:"janu\xE1r_febru\xE1r_m\xE1rcius_\xE1prilis_m\xE1jus_j\xFAnius_j\xFAlius_augusztus_szeptember_okt\xF3ber_november_december".split("_"),monthsShort:"jan_feb_m\xE1rc_\xE1pr_m\xE1j_j\xFAn_j\xFAl_aug_szept_okt_nov_dec".split("_"),ordinal:function(n){return n+"."},weekStart:1,relativeTime:{future:"%s m\xFAlva",past:"%s",s:function(n,_,t,e){return"n\xE9h\xE1ny m\xE1sodperc"+(e||_?"":"e")},m:function(n,_,t,e){return"egy perc"+(e||_?"":"e")},mm:function(n,_,t,e){return n+" perc"+(e||_?"":"e")},h:function(n,_,t,e){return"egy "+(e||_?"\xF3ra":"\xF3r\xE1ja")},hh:function(n,_,t,e){return n+" "+(e||_?"\xF3ra":"\xF3r\xE1ja")},d:function(n,_,t,e){return"egy "+(e||_?"nap":"napja")},dd:function(n,_,t,e){return n+" "+(e||_?"nap":"napja")},M:function(n,_,t,e){return"egy "+(e||_?"h\xF3nap":"h\xF3napja")},MM:function(n,_,t,e){return n+" "+(e||_?"h\xF3nap":"h\xF3napja")},y:function(n,_,t,e){return"egy "+(e||_?"\xE9v":"\xE9ve")},yy:function(n,_,t,e){return n+" "+(e||_?"\xE9v":"\xE9ve")}},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"YYYY.MM.DD.",LL:"YYYY. MMMM D.",LLL:"YYYY. MMMM D. H:mm",LLLL:"YYYY. MMMM D., dddd H:mm"}};a.locale(s,null,!0);var o=s;export{o as default};
+import{b as a}from"./QIG2J5PE.js";import"./J4RAJYKF.js";var s={name:"hu",weekdays:"vas\xE1rnap_h\xE9tf\u0151_kedd_szerda_cs\xFCt\xF6rt\xF6k_p\xE9ntek_szombat".split("_"),weekdaysShort:"vas_h\xE9t_kedd_sze_cs\xFCt_p\xE9n_szo".split("_"),weekdaysMin:"v_h_k_sze_cs_p_szo".split("_"),months:"janu\xE1r_febru\xE1r_m\xE1rcius_\xE1prilis_m\xE1jus_j\xFAnius_j\xFAlius_augusztus_szeptember_okt\xF3ber_november_december".split("_"),monthsShort:"jan_feb_m\xE1rc_\xE1pr_m\xE1j_j\xFAn_j\xFAl_aug_szept_okt_nov_dec".split("_"),ordinal:function(n){return n+"."},weekStart:1,relativeTime:{future:"%s m\xFAlva",past:"%s",s:function(n,_,t,e){return"n\xE9h\xE1ny m\xE1sodperc"+(e||_?"":"e")},m:function(n,_,t,e){return"egy perc"+(e||_?"":"e")},mm:function(n,_,t,e){return n+" perc"+(e||_?"":"e")},h:function(n,_,t,e){return"egy "+(e||_?"\xF3ra":"\xF3r\xE1ja")},hh:function(n,_,t,e){return n+" "+(e||_?"\xF3ra":"\xF3r\xE1ja")},d:function(n,_,t,e){return"egy "+(e||_?"nap":"napja")},dd:function(n,_,t,e){return n+" "+(e||_?"nap":"napja")},M:function(n,_,t,e){return"egy "+(e||_?"h\xF3nap":"h\xF3napja")},MM:function(n,_,t,e){return n+" "+(e||_?"h\xF3nap":"h\xF3napja")},y:function(n,_,t,e){return"egy "+(e||_?"\xE9v":"\xE9ve")},yy:function(n,_,t,e){return n+" "+(e||_?"\xE9v":"\xE9ve")}},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"YYYY.MM.DD.",LL:"YYYY. MMMM D.",LLL:"YYYY. MMMM D. H:mm",LLLL:"YYYY. MMMM D., dddd H:mm"}};a.locale(s,null,!0);var o=s;export{o as default};

package/dist/calcite/{HFY7WMTJ.js → 3OQ2ZMWE.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.95
+ * v3.0.0-next.96
 */
 function e(r,$,t){return $?`${r}-${$}`:t?`${r}-${t}`:`${r}-m`}export{e as a};

package/dist/calcite/{FDNDNI4O.js → 3VYZVKRG.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.95
+ * v3.0.0-next.96
 */
-import{b as _}from"./OC5YXEQJ.js";import"./6QCXYRQI.js";var t={name:"el",weekdays:"\u039A\u03C5\u03C1\u03B9\u03B1\u03BA\u03AE_\u0394\u03B5\u03C5\u03C4\u03AD\u03C1\u03B1_\u03A4\u03C1\u03AF\u03C4\u03B7_\u03A4\u03B5\u03C4\u03AC\u03C1\u03C4\u03B7_\u03A0\u03AD\u03BC\u03C0\u03C4\u03B7_\u03A0\u03B1\u03C1\u03B1\u03C3\u03BA\u03B5\u03C5\u03AE_\u03A3\u03AC\u03B2\u03B2\u03B1\u03C4\u03BF".split("_"),weekdaysShort:"\u039A\u03C5\u03C1_\u0394\u03B5\u03C5_\u03A4\u03C1\u03B9_\u03A4\u03B5\u03C4_\u03A0\u03B5\u03BC_\u03A0\u03B1\u03C1_\u03A3\u03B1\u03B2".split("_"),weekdaysMin:"\u039A\u03C5_\u0394\u03B5_\u03A4\u03C1_\u03A4\u03B5_\u03A0\u03B5_\u03A0\u03B1_\u03A3\u03B1".split("_"),months:"\u0399\u03B1\u03BD\u03BF\u03C5\u03AC\u03C1\u03B9\u03BF\u03C2_\u03A6\u03B5\u03B2\u03C1\u03BF\u03C5\u03AC\u03C1\u03B9\u03BF\u03C2_\u039C\u03AC\u03C1\u03C4\u03B9\u03BF\u03C2_\u0391\u03C0\u03C1\u03AF\u03BB\u03B9\u03BF\u03C2_\u039C\u03AC\u03B9\u03BF\u03C2_\u0399\u03BF\u03CD\u03BD\u03B9\u03BF\u03C2_\u0399\u03BF\u03CD\u03BB\u03B9\u03BF\u03C2_\u0391\u03CD\u03B3\u03BF\u03C5\u03C3\u03C4\u03BF\u03C2_\u03A3\u03B5\u03C0\u03C4\u03AD\u03BC\u03B2\u03C1\u03B9\u03BF\u03C2_\u039F\u03BA\u03C4\u03CE\u03B2\u03C1\u03B9\u03BF\u03C2_\u039D\u03BF\u03AD\u03BC\u03B2\u03C1\u03B9\u03BF\u03C2_\u0394\u03B5\u03BA\u03AD\u03BC\u03B2\u03C1\u03B9\u03BF\u03C2".split("_"),monthsShort:"\u0399\u03B1\u03BD_\u03A6\u03B5\u03B2_\u039C\u03B1\u03C1_\u0391\u03C0\u03C1_\u039C\u03B1\u03B9_\u0399\u03BF\u03C5\u03BD_\u0399\u03BF\u03C5\u03BB_\u0391\u03C5\u03B3_\u03A3\u03B5\u03C0\u03C4_\u039F\u03BA\u03C4_\u039D\u03BF\u03B5_\u0394\u03B5\u03BA".split("_"),ordinal:function(e){return e},weekStart:1,relativeTime:{future:"\u03C3\u03B5 %s",past:"\u03C0\u03C1\u03B9\u03BD %s",s:"\u03BC\u03B5\u03C1\u03B9\u03BA\u03AC \u03B4\u03B5\u03C5\u03C4\u03B5\u03C1\u03CC\u03BB\u03B5\u03C0\u03C4\u03B1",m:"\u03AD\u03BD\u03B1 \u03BB\u03B5\u03C0\u03C4\u03CC",mm:"%d \u03BB\u03B5\u03C0\u03C4\u03AC",h:"\u03BC\u03AF\u03B1 \u03CE\u03C1\u03B1",hh:"%d \u03CE\u03C1\u03B5\u03C2",d:"\u03BC\u03AF\u03B1 \u03BC\u03AD\u03C1\u03B1",dd:"%d \u03BC\u03AD\u03C1\u03B5\u03C2",M:"\u03AD\u03BD\u03B1 \u03BC\u03AE\u03BD\u03B1",MM:"%d \u03BC\u03AE\u03BD\u03B5\u03C2",y:"\u03AD\u03BD\u03B1 \u03C7\u03C1\u03CC\u03BD\u03BF",yy:"%d \u03C7\u03C1\u03CC\u03BD\u03B9\u03B1"},formats:{LT:"h:mm A",LTS:"h:mm:ss A",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY h:mm A",LLLL:"dddd, D MMMM YYYY h:mm A"}};_.locale(t,null,!0);var s=t;export{s as default};
+import{b as _}from"./QIG2J5PE.js";import"./J4RAJYKF.js";var t={name:"el",weekdays:"\u039A\u03C5\u03C1\u03B9\u03B1\u03BA\u03AE_\u0394\u03B5\u03C5\u03C4\u03AD\u03C1\u03B1_\u03A4\u03C1\u03AF\u03C4\u03B7_\u03A4\u03B5\u03C4\u03AC\u03C1\u03C4\u03B7_\u03A0\u03AD\u03BC\u03C0\u03C4\u03B7_\u03A0\u03B1\u03C1\u03B1\u03C3\u03BA\u03B5\u03C5\u03AE_\u03A3\u03AC\u03B2\u03B2\u03B1\u03C4\u03BF".split("_"),weekdaysShort:"\u039A\u03C5\u03C1_\u0394\u03B5\u03C5_\u03A4\u03C1\u03B9_\u03A4\u03B5\u03C4_\u03A0\u03B5\u03BC_\u03A0\u03B1\u03C1_\u03A3\u03B1\u03B2".split("_"),weekdaysMin:"\u039A\u03C5_\u0394\u03B5_\u03A4\u03C1_\u03A4\u03B5_\u03A0\u03B5_\u03A0\u03B1_\u03A3\u03B1".split("_"),months:"\u0399\u03B1\u03BD\u03BF\u03C5\u03AC\u03C1\u03B9\u03BF\u03C2_\u03A6\u03B5\u03B2\u03C1\u03BF\u03C5\u03AC\u03C1\u03B9\u03BF\u03C2_\u039C\u03AC\u03C1\u03C4\u03B9\u03BF\u03C2_\u0391\u03C0\u03C1\u03AF\u03BB\u03B9\u03BF\u03C2_\u039C\u03AC\u03B9\u03BF\u03C2_\u0399\u03BF\u03CD\u03BD\u03B9\u03BF\u03C2_\u0399\u03BF\u03CD\u03BB\u03B9\u03BF\u03C2_\u0391\u03CD\u03B3\u03BF\u03C5\u03C3\u03C4\u03BF\u03C2_\u03A3\u03B5\u03C0\u03C4\u03AD\u03BC\u03B2\u03C1\u03B9\u03BF\u03C2_\u039F\u03BA\u03C4\u03CE\u03B2\u03C1\u03B9\u03BF\u03C2_\u039D\u03BF\u03AD\u03BC\u03B2\u03C1\u03B9\u03BF\u03C2_\u0394\u03B5\u03BA\u03AD\u03BC\u03B2\u03C1\u03B9\u03BF\u03C2".split("_"),monthsShort:"\u0399\u03B1\u03BD_\u03A6\u03B5\u03B2_\u039C\u03B1\u03C1_\u0391\u03C0\u03C1_\u039C\u03B1\u03B9_\u0399\u03BF\u03C5\u03BD_\u0399\u03BF\u03C5\u03BB_\u0391\u03C5\u03B3_\u03A3\u03B5\u03C0\u03C4_\u039F\u03BA\u03C4_\u039D\u03BF\u03B5_\u0394\u03B5\u03BA".split("_"),ordinal:function(e){return e},weekStart:1,relativeTime:{future:"\u03C3\u03B5 %s",past:"\u03C0\u03C1\u03B9\u03BD %s",s:"\u03BC\u03B5\u03C1\u03B9\u03BA\u03AC \u03B4\u03B5\u03C5\u03C4\u03B5\u03C1\u03CC\u03BB\u03B5\u03C0\u03C4\u03B1",m:"\u03AD\u03BD\u03B1 \u03BB\u03B5\u03C0\u03C4\u03CC",mm:"%d \u03BB\u03B5\u03C0\u03C4\u03AC",h:"\u03BC\u03AF\u03B1 \u03CE\u03C1\u03B1",hh:"%d \u03CE\u03C1\u03B5\u03C2",d:"\u03BC\u03AF\u03B1 \u03BC\u03AD\u03C1\u03B1",dd:"%d \u03BC\u03AD\u03C1\u03B5\u03C2",M:"\u03AD\u03BD\u03B1 \u03BC\u03AE\u03BD\u03B1",MM:"%d \u03BC\u03AE\u03BD\u03B5\u03C2",y:"\u03AD\u03BD\u03B1 \u03C7\u03C1\u03CC\u03BD\u03BF",yy:"%d \u03C7\u03C1\u03CC\u03BD\u03B9\u03B1"},formats:{LT:"h:mm A",LTS:"h:mm:ss A",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY h:mm A",LLLL:"dddd, D MMMM YYYY h:mm A"}};_.locale(t,null,!0);var s=t;export{s as default};

package/dist/calcite/{CJDBTTKK.js → 3YAQ3WXL.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.95
+ * v3.0.0-next.96
 */
-import{c as a,l as S,r as T,v as C}from"./WQQ6WFHM.js";import"./XZSRONUF.js";import{I as b,d as y,e as E,u as A,v as I,z as M}from"./35XUQZKY.js";function v(h){return h?.tagName==="CALCITE-TREE-ITEM"}function w(h){return Array.from(h.querySelectorAll("calcite-tree-item:not([disabled])")).filter(e=>{let t=e;for(;t!==h&&t!==void 0;){let l=t.parentElement;if(!(!v(l)||!l.hasChildren||l.expanded))return!1;t=t.parentElement}return!0})}var D=y`:host{display:block}:host(:focus){outline:2px solid transparent;outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}`,x=class extends I{constructor(){super(),this.items=[],this.lines=!1,this.parentExpanded=!1,this.scale="m",this.selectedItems=[],this.selectionMode="single",this.calciteTreeSelect=A({cancelable:!1}),this.listen("focus",this.onFocus),this.listen("focusin",this.onFocusIn),this.listen("focusout",this.onFocusOut),this.listen("calciteInternalTreeItemSelect",this.onInternalTreeItemSelect),this.listen("keydown",this.keyDownHandler)}static{this.properties={child:7,lines:7,parentExpanded:5,scale:3,selectedItems:0,selectionMode:3}}static{this.styles=D}willUpdate(e){e.has("parentExpanded")&&(this.hasUpdated||this.parentExpanded!==!1)&&this.updateItems();let t=this.el.parentElement?.closest("calcite-tree");this.lines=t?t.lines:this.lines,this.scale=t?t.scale:this.scale,this.selectionMode=t?t.selectionMode:this.selectionMode,this.child=!!t}onFocus(){if(!this.child){let e=this.el.querySelector("calcite-tree-item[selected]:not([disabled])")||this.el.querySelector("calcite-tree-item:not([disabled])");S(e)}}onFocusIn(e){(e.relatedTarget===this.el||!this.el.contains(e.relatedTarget))&&this.el.removeAttribute("tabindex")}onFocusOut(e){!this.el.contains(e.relatedTarget)&&(this.el.tabIndex=this.getRootTabIndex())}onInternalTreeItemSelect(e){if(this.child)return;let t=e.target,l=a(t.querySelectorAll("calcite-tree-item"));if(e.preventDefault(),e.stopPropagation(),this.selectionMode==="ancestors"){this.updateAncestorTree(e);return}let r=this.selectionMode==="none",n=this.selectionMode!==null&&(!t.hasChildren||t.hasChildren&&(this.selectionMode==="children"||this.selectionMode==="multichildren")),s=this.selectionMode==="multichildren"&&t.hasChildren,u=!r&&e.detail.modifyCurrentSelection&&(this.selectionMode==="multiple"||this.selectionMode==="multichildren"),g=!u&&((this.selectionMode==="single"||this.selectionMode==="multiple")&&l.length<=0||this.selectionMode==="children"||this.selectionMode==="multichildren"||this.selectionMode==="single-persist"&&!t.hasChildren),d=["multiple","none","single","single-persist"].includes(this.selectionMode)&&t.hasChildren,c=[];n&&c.push(t),g&&a(this.el.querySelectorAll("calcite-tree-item[selected]")).forEach(i=>{c.includes(i)||(i.selected=!1)}),d&&["multiple","none","single","single-persist"].includes(this.selectionMode)&&(t.expanded=!t.expanded),s&&l.forEach(i=>{i.selected=!1,i.hasChildren&&(i.expanded=!1)}),u&&window.getSelection().removeAllRanges(),u&&t.selected?c.forEach(i=>{i.disabled||(i.selected=!1)}):r||c.forEach(i=>{i.disabled||(i.selected=this.selectionMode!=="single"||!i.selected)}),this.selectedItems=r?[]:a(this.el.querySelectorAll("calcite-tree-item")).filter(i=>i.selected),this.calciteTreeSelect.emit(),e.stopPropagation()}keyDownHandler(e){if(this.child)return;let t=this.el,l=e.target,r=["ArrowRight","ArrowDown","ArrowLeft","ArrowUp","Home","End","Tab"];if(!(v(l)&&this.el.contains(l))||!r.includes(e.key))return;let n=w(t);if(e.key==="Tab"){n.forEach(s=>s.tabIndex=-1);return}if(e.key==="ArrowDown"){let s=n.indexOf(l);n[s+1]?.focus(),e.preventDefault();return}if(e.key==="ArrowUp"){let s=n.indexOf(l);n[s-1]?.focus(),e.preventDefault();return}if(e.key==="ArrowLeft"){if(l.hasChildren&&l.expanded){l.expanded=!1,e.preventDefault();return}n.slice(0,n.indexOf(l)).reverse().find(s=>s.depth===l.depth-1)?.focus(),e.preventDefault();return}if(e.key==="ArrowRight"){if(!l.disabled&&l.hasChildren)if(!l.expanded)l.expanded=!0,e.preventDefault();else{let s=n.indexOf(l);n[s+1]?.focus(),e.preventDefault()}return}if(e.key==="Home"){let s=n.shift();s&&(s.focus(),e.preventDefault());return}if(e.key==="End"){let s=n.pop();s&&(s.focus(),e.preventDefault());return}}updateAncestorTree(e){let t=e.target,l=e.detail.updateItem;if(t.disabled||t.indeterminate&&!l)return;let r=[],n=t.parentElement.closest("calcite-tree-item");for(;n;)r.push(n),n=n.parentElement.closest("calcite-tree-item");let s=Array.from(t.querySelectorAll("calcite-tree-item:not([disabled])")),u=s.filter(i=>!i.hasChildren),g=s.filter(i=>i.hasChildren),d;l?d=t.hasChildren?!(t.selected||t.indeterminate):!t.selected:d=t.selected,u.forEach(i=>{i.selected=d,i.indeterminate=!1});function c(i,o){let f=i.filter(p=>p.selected),m=i.filter(p=>!p.selected);o.selected=f.length===i.length,o.indeterminate=f.length>0&&m.length>0}g.reverse().forEach(i=>{let o=Array.from(i.querySelectorAll(":scope > calcite-tree > calcite-tree-item"));c(o,i)}),l&&(t.hasChildren?c(s,t):(t.selected=d,t.indeterminate=!1)),r.forEach(i=>{let o=a(i.querySelectorAll("calcite-tree-item")),f=o.filter(p=>p.selected);if(f.length===0){i.selected=!1,i.indeterminate=!1;return}let m=f.length<o.length;i.indeterminate=m,i.selected=!m}),this.selectedItems=a(this.el.querySelectorAll("calcite-tree-item")).filter(i=>i.selected),l&&this.calciteTreeSelect.emit()}updateItems(){this.items.forEach(e=>e.parentExpanded=this.parentExpanded)}handleDefaultSlotChange(e){let t=C(e).filter(l=>l.matches("calcite-tree-item"));this.items=t,this.updateItems()}getRootTabIndex(){return this.child?-1:0}render(){return this.el.ariaMultiSelectable=this.child?void 0:T(this.selectionMode==="multiple"||this.selectionMode==="multichildren"),this.el.role=this.child?void 0:"tree",M(this.el,"tabIndex",this.getRootTabIndex()),E`<slot @slotchange=${this.handleDefaultSlotChange}></slot>`}};b("calcite-tree",x);export{x as Tree};
+import{c as a,l as S,r as T,v as C}from"./MBJAGWVS.js";import"./ITIJ42U7.js";import{I as b,d as y,e as E,u as A,v as I,z as M}from"./TYYR7NIL.js";function v(h){return h?.tagName==="CALCITE-TREE-ITEM"}function w(h){return Array.from(h.querySelectorAll("calcite-tree-item:not([disabled])")).filter(e=>{let t=e;for(;t!==h&&t!==void 0;){let l=t.parentElement;if(!(!v(l)||!l.hasChildren||l.expanded))return!1;t=t.parentElement}return!0})}var D=y`:host{display:block}:host(:focus){outline:2px solid transparent;outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}`,x=class extends I{constructor(){super(),this.items=[],this.lines=!1,this.parentExpanded=!1,this.scale="m",this.selectedItems=[],this.selectionMode="single",this.calciteTreeSelect=A({cancelable:!1}),this.listen("focus",this.onFocus),this.listen("focusin",this.onFocusIn),this.listen("focusout",this.onFocusOut),this.listen("calciteInternalTreeItemSelect",this.onInternalTreeItemSelect),this.listen("keydown",this.keyDownHandler)}static{this.properties={child:7,lines:7,parentExpanded:5,scale:3,selectedItems:0,selectionMode:3}}static{this.styles=D}willUpdate(e){e.has("parentExpanded")&&(this.hasUpdated||this.parentExpanded!==!1)&&this.updateItems();let t=this.el.parentElement?.closest("calcite-tree");this.lines=t?t.lines:this.lines,this.scale=t?t.scale:this.scale,this.selectionMode=t?t.selectionMode:this.selectionMode,this.child=!!t}onFocus(){if(!this.child){let e=this.el.querySelector("calcite-tree-item[selected]:not([disabled])")||this.el.querySelector("calcite-tree-item:not([disabled])");S(e)}}onFocusIn(e){(e.relatedTarget===this.el||!this.el.contains(e.relatedTarget))&&this.el.removeAttribute("tabindex")}onFocusOut(e){!this.el.contains(e.relatedTarget)&&(this.el.tabIndex=this.getRootTabIndex())}onInternalTreeItemSelect(e){if(this.child)return;let t=e.target,l=a(t.querySelectorAll("calcite-tree-item"));if(e.preventDefault(),e.stopPropagation(),this.selectionMode==="ancestors"){this.updateAncestorTree(e);return}let r=this.selectionMode==="none",n=this.selectionMode!==null&&(!t.hasChildren||t.hasChildren&&(this.selectionMode==="children"||this.selectionMode==="multichildren")),s=this.selectionMode==="multichildren"&&t.hasChildren,u=!r&&e.detail.modifyCurrentSelection&&(this.selectionMode==="multiple"||this.selectionMode==="multichildren"),g=!u&&((this.selectionMode==="single"||this.selectionMode==="multiple")&&l.length<=0||this.selectionMode==="children"||this.selectionMode==="multichildren"||this.selectionMode==="single-persist"&&!t.hasChildren),d=["multiple","none","single","single-persist"].includes(this.selectionMode)&&t.hasChildren,c=[];n&&c.push(t),g&&a(this.el.querySelectorAll("calcite-tree-item[selected]")).forEach(i=>{c.includes(i)||(i.selected=!1)}),d&&["multiple","none","single","single-persist"].includes(this.selectionMode)&&(t.expanded=!t.expanded),s&&l.forEach(i=>{i.selected=!1,i.hasChildren&&(i.expanded=!1)}),u&&window.getSelection().removeAllRanges(),u&&t.selected?c.forEach(i=>{i.disabled||(i.selected=!1)}):r||c.forEach(i=>{i.disabled||(i.selected=this.selectionMode!=="single"||!i.selected)}),this.selectedItems=r?[]:a(this.el.querySelectorAll("calcite-tree-item")).filter(i=>i.selected),this.calciteTreeSelect.emit(),e.stopPropagation()}keyDownHandler(e){if(this.child)return;let t=this.el,l=e.target,r=["ArrowRight","ArrowDown","ArrowLeft","ArrowUp","Home","End","Tab"];if(!(v(l)&&this.el.contains(l))||!r.includes(e.key))return;let n=w(t);if(e.key==="Tab"){n.forEach(s=>s.tabIndex=-1);return}if(e.key==="ArrowDown"){let s=n.indexOf(l);n[s+1]?.focus(),e.preventDefault();return}if(e.key==="ArrowUp"){let s=n.indexOf(l);n[s-1]?.focus(),e.preventDefault();return}if(e.key==="ArrowLeft"){if(l.hasChildren&&l.expanded){l.expanded=!1,e.preventDefault();return}n.slice(0,n.indexOf(l)).reverse().find(s=>s.depth===l.depth-1)?.focus(),e.preventDefault();return}if(e.key==="ArrowRight"){if(!l.disabled&&l.hasChildren)if(!l.expanded)l.expanded=!0,e.preventDefault();else{let s=n.indexOf(l);n[s+1]?.focus(),e.preventDefault()}return}if(e.key==="Home"){let s=n.shift();s&&(s.focus(),e.preventDefault());return}if(e.key==="End"){let s=n.pop();s&&(s.focus(),e.preventDefault());return}}updateAncestorTree(e){let t=e.target,l=e.detail.updateItem;if(t.disabled||t.indeterminate&&!l)return;let r=[],n=t.parentElement.closest("calcite-tree-item");for(;n;)r.push(n),n=n.parentElement.closest("calcite-tree-item");let s=Array.from(t.querySelectorAll("calcite-tree-item:not([disabled])")),u=s.filter(i=>!i.hasChildren),g=s.filter(i=>i.hasChildren),d;l?d=t.hasChildren?!(t.selected||t.indeterminate):!t.selected:d=t.selected,u.forEach(i=>{i.selected=d,i.indeterminate=!1});function c(i,o){let f=i.filter(p=>p.selected),m=i.filter(p=>!p.selected);o.selected=f.length===i.length,o.indeterminate=f.length>0&&m.length>0}g.reverse().forEach(i=>{let o=Array.from(i.querySelectorAll(":scope > calcite-tree > calcite-tree-item"));c(o,i)}),l&&(t.hasChildren?c(s,t):(t.selected=d,t.indeterminate=!1)),r.forEach(i=>{let o=a(i.querySelectorAll("calcite-tree-item")),f=o.filter(p=>p.selected);if(f.length===0){i.selected=!1,i.indeterminate=!1;return}let m=f.length<o.length;i.indeterminate=m,i.selected=!m}),this.selectedItems=a(this.el.querySelectorAll("calcite-tree-item")).filter(i=>i.selected),l&&this.calciteTreeSelect.emit()}updateItems(){this.items.forEach(e=>e.parentExpanded=this.parentExpanded)}handleDefaultSlotChange(e){let t=C(e).filter(l=>l.matches("calcite-tree-item"));this.items=t,this.updateItems()}getRootTabIndex(){return this.child?-1:0}render(){return this.el.ariaMultiSelectable=this.child?void 0:T(this.selectionMode==="multiple"||this.selectionMode==="multichildren"),this.el.role=this.child?void 0:"tree",M(this.el,"tabIndex",this.getRootTabIndex()),E`<slot @slotchange=${this.handleDefaultSlotChange}></slot>`}};b("calcite-tree",x);export{x as Tree};

package/dist/calcite/{K4JHFWH2.js → 3YMYDWGD.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.95
+ * v3.0.0-next.96
 */
-import{a as i}from"./AREUHZPN.js";import{a as s,b as c,d as u}from"./NOTZLQUP.js";import{I as l,d as n,e as a,v as r,w as e}from"./35XUQZKY.js";var t={textContainer:"text-container",fullName:"full-name",username:"username",button:"button"},m=n`:host{display:inline-flex;outline:2px solid transparent;outline-offset:2px}:host .button{margin:0;display:flex;cursor:pointer;align-items:center;justify-content:center;font-family:var(--calcite-font-family);font-size:var(--calcite-font-size-0);line-height:1.25rem;outline-color:transparent;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;border:none;background-color:var(--calcite-navigation-background-color, var(--calcite-internal-navigation-user-background-color, var(--calcite-color-transparent)));border-block-end:2px solid var(--calcite-color-transparent)}.text-container{margin-block-start:.125rem;display:flex;flex-direction:column;padding-inline:1rem;text-align:start}calcite-avatar{padding-inline:1rem;--calcite-avatar-corner-radius: var(--calcite-navigation-user-avatar-corner-radius);--calcite-avatar-color: var(--calcite-navigation-user-avatar-color)}calcite-avatar~.text-container{padding-inline-start:0px}.full-name{margin-inline-start:0px;font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-navigation-user-full-name-text-color, var(--calcite-color-text-1))}.username{font-size:var(--calcite-font-size--1);color:var(--calcite-navigation-user-name-text-color, var(--calcite-color-text-2))}:host(:hover) .button,:host(:focus) .button{--calcite-internal-navigation-user-background-color: var(--calcite-color-foreground-2)}:host(:focus) .button{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host(:active) .button{--calcite-internal-navigation-user-background-color: var(--calcite-color-foreground-3)}:host([active]) .button{border-block-end-color:var(--calcite-navigation-accent-color, var(--calcite-color-brand))}:host([hidden]){display:none}[hidden]{display:none}`,o=class extends r{constructor(){super(...arguments),this.textDisabled=!1}static{this.properties={active:7,fullName:1,label:1,textDisabled:7,thumbnail:1,userId:1,username:1}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=m}async setFocus(){await u(this),this.el.focus()}load(){s(this)}loaded(){c(this)}render(){return a`<button .ariaLabel=${this.label} class=${e(t.button)}><calcite-avatar .fullName=${this.fullName} .label=${this.label} .thumbnail=${this.thumbnail} .userId=${this.userId} .username=${this.username}></calcite-avatar>${(this.fullName||this.username)&&!this.textDisabled&&a`<div class=${e(t.textContainer)}>${this.fullName&&i(t.fullName,a`<span class=${e(t.fullName)}>${this.fullName}</span>`)||""}${this.username&&i(t.username,a`<span class=${e(t.username)}>${this.username}</span>`)||""}</div>`||""}</button>`}};l("calcite-navigation-user",o);export{o as NavigationUser};
+import{a as i}from"./OUC47AKY.js";import{a as s,b as c,d as u}from"./H6JENZS2.js";import{I as l,d as n,e as a,v as r,w as e}from"./TYYR7NIL.js";var t={textContainer:"text-container",fullName:"full-name",username:"username",button:"button"},m=n`:host{display:inline-flex;outline:2px solid transparent;outline-offset:2px}:host .button{margin:0;display:flex;cursor:pointer;align-items:center;justify-content:center;font-family:var(--calcite-font-family);font-size:var(--calcite-font-size-0);line-height:1.25rem;outline-color:transparent;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;border:none;background-color:var(--calcite-navigation-background-color, var(--calcite-internal-navigation-user-background-color, var(--calcite-color-transparent)));border-block-end:2px solid var(--calcite-color-transparent)}.text-container{margin-block-start:.125rem;display:flex;flex-direction:column;padding-inline:1rem;text-align:start}calcite-avatar{padding-inline:1rem;--calcite-avatar-corner-radius: var(--calcite-navigation-user-avatar-corner-radius);--calcite-avatar-color: var(--calcite-navigation-user-avatar-color)}calcite-avatar~.text-container{padding-inline-start:0px}.full-name{margin-inline-start:0px;font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-navigation-user-full-name-text-color, var(--calcite-color-text-1))}.username{font-size:var(--calcite-font-size--1);color:var(--calcite-navigation-user-name-text-color, var(--calcite-color-text-2))}:host(:hover) .button,:host(:focus) .button{--calcite-internal-navigation-user-background-color: var(--calcite-color-foreground-2)}:host(:focus) .button{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host(:active) .button{--calcite-internal-navigation-user-background-color: var(--calcite-color-foreground-3)}:host([active]) .button{border-block-end-color:var(--calcite-navigation-accent-color, var(--calcite-color-brand))}:host([hidden]){display:none}[hidden]{display:none}`,o=class extends r{constructor(){super(...arguments),this.textDisabled=!1}static{this.properties={active:7,fullName:1,label:1,textDisabled:7,thumbnail:1,userId:1,username:1}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=m}async setFocus(){await u(this),this.el.focus()}load(){s(this)}loaded(){c(this)}render(){return a`<button .ariaLabel=${this.label} class=${e(t.button)}><calcite-avatar .fullName=${this.fullName} .label=${this.label} .thumbnail=${this.thumbnail} .userId=${this.userId} .username=${this.username}></calcite-avatar>${(this.fullName||this.username)&&!this.textDisabled&&a`<div class=${e(t.textContainer)}>${this.fullName&&i(t.fullName,a`<span class=${e(t.fullName)}>${this.fullName}</span>`)||""}${this.username&&i(t.username,a`<span class=${e(t.username)}>${this.username}</span>`)||""}</div>`||""}</button>`}};l("calcite-navigation-user",o);export{o as NavigationUser};

package/dist/calcite/{ALXAUFE2.js → 4BBHRHVO.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.95
+ * v3.0.0-next.96
 */
-import{e as f,f as v}from"./HFFQ7NY4.js";import{a as h}from"./QPB62OMT.js";import"./4QQCIVDI.js";import{a as y}from"./ZP7Q5NSL.js";import"./WPQC5BHF.js";import"./P7EEBFG7.js";import{n as u,v as x}from"./WQQ6WFHM.js";import{a as g,b as m,d as b}from"./NOTZLQUP.js";import"./XZSRONUF.js";import{I as p,d as r,e,u as c,v as d,w as i}from"./35XUQZKY.js";var w={actionGroupEnd:"action-group--end",container:"container"},C={expandTooltip:"expand-tooltip"},$=r`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{display:block}@keyframes in{0%{opacity:0}to{opacity:1}}:host{animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:var(--calcite-action-pad-corner-radius, .125rem);background:transparent}:host([expanded][layout=vertical]) .container{max-inline-size:var(--calcite-action-pad-expanded-max-width, auto)}:host([layout=vertical]) ::slotted(calcite-action-group:not(:last-of-type)){border-block-end-width:1px}.container{display:inline-flex;flex-direction:column;overflow-y:auto;--tw-shadow: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);--tw-shadow-colored: 0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -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);gap:var(--calcite-action-pad-items-space, 0);border-radius:calc(var(--calcite-action-pad-corner-radius, .125rem) * 2);background-color:var(--calcite-action-background-color, var(--calcite-color-foreground-1))}.action-group--bottom{flex-grow:1;justify-content:flex-end;padding-block-end:0px}:host([layout=horizontal]) .container{flex-direction:row}:host([layout=horizontal]) .container .action-group--bottom{padding:0}:host([layout=horizontal]) .container ::slotted(calcite-action-group:not(:last-of-type)){border-inline-end-width:1px}:host([hidden]){display:none}[hidden]{display:none}`,s=class extends d{constructor(){super(),this.mutationObserver=h("mutation",()=>this.updateGroups()),this.toggleExpand=()=>{this.expanded=!this.expanded,this.calciteActionPadToggle.emit()},this.expandDisabled=!1,this.expanded=!1,this.layout="vertical",this.messages=y(),this.overlayPositioning="absolute",this.scale="m",this.calciteActionPadToggle=c({cancelable:!1}),this.listen("calciteActionMenuOpen",this.actionMenuOpenHandler)}static{this.properties={expandTooltip:16,actionsEndGroupLabel:1,expandDisabled:7,expanded:7,layout:3,messageOverrides:0,overlayPositioning:3,position:3,scale:3}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=$}async setFocus(){await b(this),u(this.el)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}async load(){g(this)}willUpdate(t){t.has("expanded")&&this.hasUpdated&&f({el:this.el,expanded:this.expanded}),t.has("layout")&&(this.hasUpdated||this.layout!=="vertical")&&this.updateGroups()}loaded(){m(this)}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}actionMenuOpenHandler(t){if(t.target.menuOpen){let a=t.composedPath();this.actionGroups?.forEach(o=>{a.includes(o)||(o.menuOpen=!1)})}}updateGroups(){let t=Array.from(this.el.querySelectorAll("calcite-action-group"));this.actionGroups=t,this.setGroupLayout(t)}setGroupLayout(t){t.forEach(a=>a.layout=this.layout)}handleDefaultSlotChange(){this.updateGroups()}handleTooltipSlotChange(t){let a=x(t).filter(o=>o?.matches("calcite-tooltip"));this.expandTooltip=a[0]}renderBottomActionGroup(){let{expanded:t,expandDisabled:a,messages:o,el:G,position:k,toggleExpand:E,scale:n,layout:T,actionsEndGroupLabel:L,overlayPositioning:O}=this,l=a?null:v({collapseLabel:o.collapseLabel,collapseText:o.collapse,el:G,expandLabel:o.expandLabel,expandText:o.expand,expanded:t,position:k,scale:n,toggle:E,tooltip:this.expandTooltip});return l?e`<calcite-action-group class=${i(w.actionGroupEnd)} .label=${L} .layout=${T} .overlayPositioning=${O} .scale=${n}><slot name=${C.expandTooltip} @slotchange=${this.handleTooltipSlotChange}></slot>${l}</calcite-action-group>`:null}render(){return e`<div class=${i(w.container)}><slot @slotchange=${this.handleDefaultSlotChange}></slot>${this.renderBottomActionGroup()}</div>`}};p("calcite-action-pad",s);export{s as ActionPad};
+import{e as f,f as v}from"./BMTT77MQ.js";import{a as h}from"./XKQ2CMVV.js";import"./OI755RA3.js";import{a as y}from"./RS3QB5Z6.js";import"./R6R2QDCZ.js";import"./CHPU2ORW.js";import{n as u,v as x}from"./MBJAGWVS.js";import{a as g,b as m,d as b}from"./H6JENZS2.js";import"./ITIJ42U7.js";import{I as p,d as r,e,u as c,v as d,w as i}from"./TYYR7NIL.js";var w={actionGroupEnd:"action-group--end",container:"container"},C={expandTooltip:"expand-tooltip"},$=r`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{display:block}@keyframes in{0%{opacity:0}to{opacity:1}}:host{animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:var(--calcite-action-pad-corner-radius, .125rem);background:transparent}:host([expanded][layout=vertical]) .container{max-inline-size:var(--calcite-action-pad-expanded-max-width, auto)}:host([layout=vertical]) ::slotted(calcite-action-group:not(:last-of-type)){border-block-end-width:1px}.container{display:inline-flex;flex-direction:column;overflow-y:auto;--tw-shadow: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);--tw-shadow-colored: 0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -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);gap:var(--calcite-action-pad-items-space, 0);border-radius:calc(var(--calcite-action-pad-corner-radius, .125rem) * 2);background-color:var(--calcite-action-background-color, var(--calcite-color-foreground-1))}.action-group--bottom{flex-grow:1;justify-content:flex-end;padding-block-end:0px}:host([layout=horizontal]) .container{flex-direction:row}:host([layout=horizontal]) .container .action-group--bottom{padding:0}:host([layout=horizontal]) .container ::slotted(calcite-action-group:not(:last-of-type)){border-inline-end-width:1px}:host([hidden]){display:none}[hidden]{display:none}`,s=class extends d{constructor(){super(),this.mutationObserver=h("mutation",()=>this.updateGroups()),this.toggleExpand=()=>{this.expanded=!this.expanded,this.calciteActionPadToggle.emit()},this.expandDisabled=!1,this.expanded=!1,this.layout="vertical",this.messages=y(),this.overlayPositioning="absolute",this.scale="m",this.calciteActionPadToggle=c({cancelable:!1}),this.listen("calciteActionMenuOpen",this.actionMenuOpenHandler)}static{this.properties={expandTooltip:16,actionsEndGroupLabel:1,expandDisabled:7,expanded:7,layout:3,messageOverrides:0,overlayPositioning:3,position:3,scale:3}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=$}async setFocus(){await b(this),u(this.el)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}async load(){g(this)}willUpdate(t){t.has("expanded")&&this.hasUpdated&&f({el:this.el,expanded:this.expanded}),t.has("layout")&&(this.hasUpdated||this.layout!=="vertical")&&this.updateGroups()}loaded(){m(this)}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}actionMenuOpenHandler(t){if(t.target.menuOpen){let a=t.composedPath();this.actionGroups?.forEach(o=>{a.includes(o)||(o.menuOpen=!1)})}}updateGroups(){let t=Array.from(this.el.querySelectorAll("calcite-action-group"));this.actionGroups=t,this.setGroupLayout(t)}setGroupLayout(t){t.forEach(a=>a.layout=this.layout)}handleDefaultSlotChange(){this.updateGroups()}handleTooltipSlotChange(t){let a=x(t).filter(o=>o?.matches("calcite-tooltip"));this.expandTooltip=a[0]}renderBottomActionGroup(){let{expanded:t,expandDisabled:a,messages:o,el:G,position:k,toggleExpand:E,scale:n,layout:T,actionsEndGroupLabel:L,overlayPositioning:O}=this,l=a?null:v({collapseLabel:o.collapseLabel,collapseText:o.collapse,el:G,expandLabel:o.expandLabel,expandText:o.expand,expanded:t,position:k,scale:n,toggle:E,tooltip:this.expandTooltip});return l?e`<calcite-action-group class=${i(w.actionGroupEnd)} .label=${L} .layout=${T} .overlayPositioning=${O} .scale=${n}><slot name=${C.expandTooltip} @slotchange=${this.handleTooltipSlotChange}></slot>${l}</calcite-action-group>`:null}render(){return e`<div class=${i(w.container)}><slot @slotchange=${this.handleDefaultSlotChange}></slot>${this.renderBottomActionGroup()}</div>`}};p("calcite-action-pad",s);export{s as ActionPad};

package/dist/calcite/{CCPY3M7R.js → 4Y32YCMF.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.95
+ * v3.0.0-next.96
 */
-import{a as x,h as v,k as K,l as f,m as $,n as p,o as m,p as y,q as o,r as c,s as P}from"./ZSLNS3MH.js";import"./KVGC54RZ.js";import{a as k}from"./AREUHZPN.js";import{b as d}from"./WPQC5BHF.js";import{l as D}from"./WQQ6WFHM.js";import{a as E,b as B,d as T}from"./NOTZLQUP.js";import"./XZSRONUF.js";import{I as V,d as F,e as C,u as O,v as S,w as I}from"./35XUQZKY.js";var g={container:"container",hexInput:"hex-input",opacityInput:"opacity-input"},j=F`:host{display:block}.container{display:flex;inline-size:100%;flex-wrap:nowrap;align-items:center}.hex-input{flex-grow:1;text-transform:uppercase}.opacity-input{inline-size:100px;margin-inline-start:-1px}:host([hidden]){display:none}[hidden]{display:none}`,b=x(),N=class extends S{constructor(){super(...arguments),this.internalColor=b,this.alphaChannel=!1,this.allowEmpty=!1,this.hexLabel="Hex",this.scale="m",this.value=o(c(b,this.alphaChannel),this.alphaChannel,!0),this.calciteColorPickerHexInputChange=O({cancelable:!1})}static{this.properties={internalColor:16,alphaChannel:5,allowEmpty:5,hexLabel:1,messages:0,numberingSystem:1,scale:3,value:3}}static{this.styles=j}async setFocus(){return await T(this),D(this.hexInputNode)}connectedCallback(){super.connectedCallback(),this.previousNonNullValue=this.value;let{allowEmpty:t,alphaChannel:e,value:a}=this;if(a){let n=o(a,e);p(n,e)&&this.internalSetValue(n,n,!1);return}t&&this.internalSetValue(void 0,void 0,!1)}load(){E(this)}willUpdate(t){t.has("value")&&(this.hasUpdated||this.value!==o(c(b,this.alphaChannel),this.alphaChannel,!0))&&this.internalSetValue(this.value,t.get("value"),!1)}loaded(){B(this)}onHexInputBlur(){let t=this.hexInputNode,e=t.value,a=`#${e}`,{allowEmpty:n,internalColor:l}=this,s=n&&!e,i=y(a);(m(a,!0)||m(a,!1))&&this.onHexInputChange(),!(s||p(a)&&i)&&(t.value=n&&!l?"":this.formatHexForInternalInput(P(l.object())))}onOpacityInputBlur(){let t=this.opacityInputNode,e=t.value,{allowEmpty:a,internalColor:n}=this;a&&!e||(t.value=a&&!n?"":this.formatOpacityForInternalInput(n))}onOpacityInputInput(){this.onOpacityInputChange()}onHexInputChange(){let t=this.hexInputNode.value;if(t){let e=o(t,!1);if(p(e)&&this.alphaChannel&&this.internalColor){let a=o(this.internalColor.hexa(),!0).slice(-2);t=`${e+a}`}}this.internalSetValue(t,this.value)}onOpacityInputChange(){let t=this.opacityInputNode,e;if(!t.value)e=t.value;else{let a=$(Number(t.value));e=this.internalColor?.alpha(a).hexa()}this.internalSetValue(e,this.value)}onInputFocus(t){t.type==="calciteInternalInputTextFocus"?this.hexInputNode.selectText():this.opacityInputNode.selectText()}onHexInputInput(){let t=`#${this.hexInputNode.value}`,e=this.value;p(t,this.alphaChannel)&&y(t,this.alphaChannel)&&this.internalSetValue(t,e)}onInputKeyDown(t){let{altKey:e,ctrlKey:a,metaKey:n,shiftKey:l}=t,{alphaChannel:s,hexInputNode:i,internalColor:r,value:u}=this,{key:h}=t,w=t.composedPath();if(h==="Tab"&&m(u,this.alphaChannel)||h==="Enter"){w.includes(i)?this.onHexInputChange():this.onOpacityInputChange(),h==="Enter"&&t.preventDefault();return}let R=h==="ArrowDown"||h==="ArrowUp",H=this.value;if(R){if(!u){this.internalSetValue(this.previousNonNullValue,H),t.preventDefault();return}let z=h==="ArrowUp"?1:-1,G=l?10:1;this.internalSetValue(c(this.nudgeRGBChannels(r,G*z,w.includes(i)?"rgb":"a"),s),H),t.preventDefault();return}let L=e||a||n,U=h.length===1,A=K.test(h);U&&!L&&!A&&t.preventDefault()}onHexInputPaste(t){let e=t.clipboardData.getData("text");p(e,this.alphaChannel)&&y(e,this.alphaChannel)&&(t.preventDefault(),this.hexInputNode.value=e.slice(1),this.internalSetValue(e,this.value))}internalSetValue(t,e,a=!0){if(t){let{alphaChannel:n}=this,l=o(t,n,n);if(p(l,n)){let{internalColor:s}=this,i=x(l),r=o(c(i,n),n),u=!s||r!==o(c(s,n),n);this.internalColor=i,this.previousNonNullValue=r,this.value=r,u&&a&&this.calciteColorPickerHexInputChange.emit();return}}else if(this.allowEmpty){this.internalColor=void 0,this.value=void 0,a&&this.calciteColorPickerHexInputChange.emit();return}this.value=e}storeHexInputRef(t){this.hexInputNode=t}storeOpacityInputRef(t){this.opacityInputNode=t}formatHexForInternalInput(t){return t?t.replace("#","").slice(0,6):""}formatOpacityForInternalInput(t){return t?`${f(t.alpha())}`:""}nudgeRGBChannels(t,e,a){let n,l=t.array(),s=l.slice(0,3);if(a==="rgb")n=[...s.map(i=>i+e),this.alphaChannel?l[3]:void 0];else{let i=$(f(t.alpha())+e);n=[...s,i]}return x(n)}render(){let{alphaChannel:t,hexLabel:e,internalColor:a,messages:n,scale:l,value:s}=this,i=this.formatHexForInternalInput(s),r=this.formatOpacityForInternalInput(a),u=l==="l"?"m":"s";return C`<div class=${I(g.container)}><calcite-input-text class=${I(g.hexInput)} .label=${n?.hex||e} .maxLength=${this.alphaChannel?8:6} @keydown=${this.onInputKeyDown} @paste=${this.onHexInputPaste} @calciteInputTextChange=${this.onHexInputChange} @calciteInputTextInput=${this.onHexInputInput} @calciteInternalInputTextBlur=${this.onHexInputBlur} @calciteInternalInputTextFocus=${this.onInputFocus} prefix-text=# .scale=${u} .value=${i} ${d(this.storeHexInputRef)}></calcite-input-text>${t?k("opacity-input",C`<calcite-input-number class=${I(g.opacityInput)} .label=${n?.opacity} .max=${v.max} max-length=3 .min=${v.min} number-button-type=none .numberingSystem=${this.numberingSystem} @keydown=${this.onInputKeyDown} @calciteInputNumberInput=${this.onOpacityInputInput} @calciteInternalInputNumberBlur=${this.onOpacityInputBlur} @calciteInternalInputNumberFocus=${this.onInputFocus} .scale=${u} suffix-text=% .value=${r} ${d(this.storeOpacityInputRef)}></calcite-input-number>`):null}</div>`}};V("calcite-color-picker-hex-input",N);export{N as ColorPickerHexInput};
+import{a as x,h as v,k as K,l as f,m as $,n as p,o as m,p as y,q as o,r as c,s as P}from"./JOTIQZAS.js";import"./QP3WP6XK.js";import{a as k}from"./OUC47AKY.js";import{b as d}from"./R6R2QDCZ.js";import{l as D}from"./MBJAGWVS.js";import{a as E,b as B,d as T}from"./H6JENZS2.js";import"./ITIJ42U7.js";import{I as V,d as F,e as C,u as O,v as S,w as I}from"./TYYR7NIL.js";var g={container:"container",hexInput:"hex-input",opacityInput:"opacity-input"},j=F`:host{display:block}.container{display:flex;inline-size:100%;flex-wrap:nowrap;align-items:center}.hex-input{flex-grow:1;text-transform:uppercase}.opacity-input{inline-size:100px;margin-inline-start:-1px}:host([hidden]){display:none}[hidden]{display:none}`,b=x(),N=class extends S{constructor(){super(...arguments),this.internalColor=b,this.alphaChannel=!1,this.allowEmpty=!1,this.hexLabel="Hex",this.scale="m",this.value=o(c(b,this.alphaChannel),this.alphaChannel,!0),this.calciteColorPickerHexInputChange=O({cancelable:!1})}static{this.properties={internalColor:16,alphaChannel:5,allowEmpty:5,hexLabel:1,messages:0,numberingSystem:1,scale:3,value:3}}static{this.styles=j}async setFocus(){return await T(this),D(this.hexInputNode)}connectedCallback(){super.connectedCallback(),this.previousNonNullValue=this.value;let{allowEmpty:t,alphaChannel:e,value:a}=this;if(a){let n=o(a,e);p(n,e)&&this.internalSetValue(n,n,!1);return}t&&this.internalSetValue(void 0,void 0,!1)}load(){E(this)}willUpdate(t){t.has("value")&&(this.hasUpdated||this.value!==o(c(b,this.alphaChannel),this.alphaChannel,!0))&&this.internalSetValue(this.value,t.get("value"),!1)}loaded(){B(this)}onHexInputBlur(){let t=this.hexInputNode,e=t.value,a=`#${e}`,{allowEmpty:n,internalColor:l}=this,s=n&&!e,i=y(a);(m(a,!0)||m(a,!1))&&this.onHexInputChange(),!(s||p(a)&&i)&&(t.value=n&&!l?"":this.formatHexForInternalInput(P(l.object())))}onOpacityInputBlur(){let t=this.opacityInputNode,e=t.value,{allowEmpty:a,internalColor:n}=this;a&&!e||(t.value=a&&!n?"":this.formatOpacityForInternalInput(n))}onOpacityInputInput(){this.onOpacityInputChange()}onHexInputChange(){let t=this.hexInputNode.value;if(t){let e=o(t,!1);if(p(e)&&this.alphaChannel&&this.internalColor){let a=o(this.internalColor.hexa(),!0).slice(-2);t=`${e+a}`}}this.internalSetValue(t,this.value)}onOpacityInputChange(){let t=this.opacityInputNode,e;if(!t.value)e=t.value;else{let a=$(Number(t.value));e=this.internalColor?.alpha(a).hexa()}this.internalSetValue(e,this.value)}onInputFocus(t){t.type==="calciteInternalInputTextFocus"?this.hexInputNode.selectText():this.opacityInputNode.selectText()}onHexInputInput(){let t=`#${this.hexInputNode.value}`,e=this.value;p(t,this.alphaChannel)&&y(t,this.alphaChannel)&&this.internalSetValue(t,e)}onInputKeyDown(t){let{altKey:e,ctrlKey:a,metaKey:n,shiftKey:l}=t,{alphaChannel:s,hexInputNode:i,internalColor:r,value:u}=this,{key:h}=t,w=t.composedPath();if(h==="Tab"&&m(u,this.alphaChannel)||h==="Enter"){w.includes(i)?this.onHexInputChange():this.onOpacityInputChange(),h==="Enter"&&t.preventDefault();return}let R=h==="ArrowDown"||h==="ArrowUp",H=this.value;if(R){if(!u){this.internalSetValue(this.previousNonNullValue,H),t.preventDefault();return}let z=h==="ArrowUp"?1:-1,G=l?10:1;this.internalSetValue(c(this.nudgeRGBChannels(r,G*z,w.includes(i)?"rgb":"a"),s),H),t.preventDefault();return}let L=e||a||n,U=h.length===1,A=K.test(h);U&&!L&&!A&&t.preventDefault()}onHexInputPaste(t){let e=t.clipboardData.getData("text");p(e,this.alphaChannel)&&y(e,this.alphaChannel)&&(t.preventDefault(),this.hexInputNode.value=e.slice(1),this.internalSetValue(e,this.value))}internalSetValue(t,e,a=!0){if(t){let{alphaChannel:n}=this,l=o(t,n,n);if(p(l,n)){let{internalColor:s}=this,i=x(l),r=o(c(i,n),n),u=!s||r!==o(c(s,n),n);this.internalColor=i,this.previousNonNullValue=r,this.value=r,u&&a&&this.calciteColorPickerHexInputChange.emit();return}}else if(this.allowEmpty){this.internalColor=void 0,this.value=void 0,a&&this.calciteColorPickerHexInputChange.emit();return}this.value=e}storeHexInputRef(t){this.hexInputNode=t}storeOpacityInputRef(t){this.opacityInputNode=t}formatHexForInternalInput(t){return t?t.replace("#","").slice(0,6):""}formatOpacityForInternalInput(t){return t?`${f(t.alpha())}`:""}nudgeRGBChannels(t,e,a){let n,l=t.array(),s=l.slice(0,3);if(a==="rgb")n=[...s.map(i=>i+e),this.alphaChannel?l[3]:void 0];else{let i=$(f(t.alpha())+e);n=[...s,i]}return x(n)}render(){let{alphaChannel:t,hexLabel:e,internalColor:a,messages:n,scale:l,value:s}=this,i=this.formatHexForInternalInput(s),r=this.formatOpacityForInternalInput(a),u=l==="l"?"m":"s";return C`<div class=${I(g.container)}><calcite-input-text class=${I(g.hexInput)} .label=${n?.hex||e} .maxLength=${this.alphaChannel?8:6} @keydown=${this.onInputKeyDown} @paste=${this.onHexInputPaste} @calciteInputTextChange=${this.onHexInputChange} @calciteInputTextInput=${this.onHexInputInput} @calciteInternalInputTextBlur=${this.onHexInputBlur} @calciteInternalInputTextFocus=${this.onInputFocus} prefix-text=# .scale=${u} .value=${i} ${d(this.storeHexInputRef)}></calcite-input-text>${t?k("opacity-input",C`<calcite-input-number class=${I(g.opacityInput)} .label=${n?.opacity} .max=${v.max} max-length=3 .min=${v.min} number-button-type=none .numberingSystem=${this.numberingSystem} @keydown=${this.onInputKeyDown} @calciteInputNumberInput=${this.onOpacityInputInput} @calciteInternalInputNumberBlur=${this.onOpacityInputBlur} @calciteInternalInputNumberFocus=${this.onInputFocus} .scale=${u} suffix-text=% .value=${r} ${d(this.storeOpacityInputRef)}></calcite-input-number>`):null}</div>`}};V("calcite-color-picker-hex-input",N);export{N as ColorPickerHexInput};

package/dist/calcite/{5RPGD4CD.js → 52M672S5.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.95
+ * v3.0.0-next.96
 */
-import{a as I,b as w}from"./P56DHNB5.js";import{a as x}from"./AREUHZPN.js";import{a as s}from"./JXGCEHGE.js";import"./OTHII6CF.js";import{a as r}from"./QPB62OMT.js";import{a as C}from"./ZP7Q5NSL.js";import{a as k,b as l}from"./WPQC5BHF.js";import{c as T,e as d,r as z}from"./WQQ6WFHM.js";import{a as y}from"./XZSRONUF.js";import{F as g,I as f,d as p,e as c,i as m,u as i,v,w as n,z as a}from"./35XUQZKY.js";var e={closeButton:"close-button",container:"container",containerBottom:"container--bottom",content:"content",contentHasText:"content--has-text",iconEnd:"icon-end",iconPresent:"icon-present",iconStart:"icon-start",titleIcon:"calcite-tab-title--icon",scale:h=>`scale-${h}`,selectedIndicator:"selected-indicator"},A={close:"x"},H=p`: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;outline:2px solid transparent;outline-offset:2px;margin-inline-start:0px}:host([layout=inline]){flex:0 1 auto}:host([layout=center]){flex:1 1 auto}.content{position:relative;margin-block-end:.125rem;box-sizing:border-box;display:flex;block-size:100%;align-items:center;justify-content:center}.scale-s .content{padding-block:.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}.scale-s .close-button{inline-size:1.25rem}.scale-m .content{padding-block:.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}.scale-m .close-button{inline-size:1.75rem}.scale-l .content{padding-block:.625rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}.scale-l .close-button{inline-size:2rem}:host([closable]) .content{border-block-end-color:transparent}:host([layout=inline]) .content,:host([layout=center]) .content{padding-inline:.25rem}:host([layout=center]) .scale-s,:host([layout=center]) .scale-m,:host([layout=center]) .scale-l{margin-block:0px;justify-content:center;text-align:center}:host([layout=center]) .scale-s .content,:host([layout=center]) .scale-m .content,:host([layout=center]) .scale-l .content{flex:1 1 auto;flex-grow:1}.container{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-content:center;justify-content:space-between;padding-inline:0px;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-3);outline-color:transparent;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}.selected-indicator{position:absolute;display:block;block-size:.125rem;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;inline-size:100%}.container--bottom .selected-indicator{inset-block-end:unset;inset-block-start:0}:host([bordered]) .selected-indicator{inset-block-start:0;inset-block-end:unset;inset-inline-start:-1px;inset-inline-end:0;inline-size:calc(100% + var(--calcite-spacing-base))}:host([bordered]) .container:not(.container--bottom){border-block-end:1px solid transparent}:host([bordered]:not([selected]):hover) .container:not(.container--bottom){border-block-end:1px solid var(--calcite-color-border-1)}:host([bordered]:not([selected]):hover:not(:focus)) .selected-indicator{background-color:var(--calcite-color-foreground-2)}:host([bordered]:not([selected]):hover:not(:focus)) .container:not(.container--bottom) .selected-indicator{box-shadow:inset 0 1px var(--calcite-color-border-1)}:host([bordered]:not([selected]):hover:not(:focus)) .container.container--bottom .selected-indicator{box-shadow:inset 0 -1px var(--calcite-color-border-1)}:host([bordered][selected]) .container:after{position:absolute;display:block;block-size:.125rem;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;inset-block-end:-1px;inset-inline-start:0;inset-inline-end:0;inline-size:100%;background:var(--calcite-color-foreground-1);content:""}:host([bordered][selected]) .container.container--bottom:after{inset-block-start:-1px}:host([bordered][selected]:hover) .container:after{background:var(--calcite-color-foreground-2)}:host([bordered][selected]:focus) .container:after{background:transparent}:host([bordered]) .container--bottom .selected-indicator{inset-block-start:unset;inset-block-end:0}:host([selected]) .selected-indicator,:host([selected]:hover) .selected-indicator{background-color:var(--calcite-color-brand)}:host(:hover) .selected-indicator{background-color:var(--calcite-color-border-3)}:host(:focus) .selected-indicator,:host(:active) .selected-indicator{background-color:var(--calcite-color-brand)}@media (forced-colors: active){.selected-indicator{background-color:highlight}}:host([closed]){display:none}:host([selected]) .container{border-color:transparent;color:var(--calcite-color-text-1)}:host(:focus) .container{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host(:focus) .container:focus-within{outline-color:transparent}:host(:active) a,:host(:focus) a,:host(:hover) a{border-color:var(--calcite-color-border-2);color:var(--calcite-color-text-1);text-decoration-line:none}:host([disabled]) .container{pointer-events:none;opacity:.5}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.calcite-tab-title--icon{position:relative;margin:0;display:inline-flex;align-self:center}.calcite-tab-title--icon svg{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}.content--has-text{padding:.25rem}.content--has-text .calcite-tab-title--icon.icon-start{margin-inline-end:var(--calcite-spacing-sm);color:var(--calcite-tab-icon-color-start, var(--calcite-icon-color))}.content--has-text .calcite-tab-title--icon.icon-end{margin-inline-start:var(--calcite-spacing-sm);color:var(--calcite-tab-icon-color-end, var(--calcite-icon-color))}.close-button{display:flex;block-size:100%;cursor:pointer;appearance:none;align-content:center;align-items:center;justify-content:center;align-self:center;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline-color:transparent;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;margin-inline-start:var(--calcite-spacing-sm);margin-inline-end:var(--calcite-spacing-px);block-size:calc(100% - var(--calcite-spacing-xxs))}.close-button:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)))}.close-button:focus,.close-button:hover{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-3)}.close-button:active{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-3)}.close-button calcite-icon{color:inherit}:host([icon-start][icon-end]) .calcite-tab-title--icon:first-child{margin-inline-end:var(--calcite-spacing-sm)}:host([bordered]) .container:not(.container--bottom) .close-button{block-size:calc(100% - var(--calcite-spacing-px));margin-block-start:-1px}:host([bordered]) .container .close-button calcite-icon{margin-block-start:var(--calcite-spacing-px)}:host([bordered]) .container .close-button:focus,:host([bordered]) .container .close-button:hover,:host([bordered]) .container .close-button:active{box-shadow:0 2px 0 0 var(--calcite-color-foreground-3)}:host([bordered]) .container.container--bottom .close-button{box-shadow:0 -2px 0 0 transparent}:host([bordered]) .container.container--bottom .close-button calcite-icon{margin-block-end:var(--calcite-spacing-px)}:host([bordered]) .container.container--bottom .close-button:focus,:host([bordered]) .container.container--bottom .close-button:hover,:host([bordered]) .container.container--bottom .close-button:active{box-shadow:0 -2px 0 0 var(--calcite-color-foreground-3)}:host([bordered][selected]){box-shadow:inset 0 -1px var(--calcite-color-foreground-1)}:host([bordered]:not([selected])) .container .close-button{box-shadow:0 2px 0 0 transparent}:host([bordered]:hover) .container{background-color:var(--calcite-color-foreground-2)}:host([bordered]) .container{border-inline:var(--calcite-spacing-px) solid transparent}:host([selected][bordered]) .container{border-inline-color:var(--calcite-color-border-1)}:host([layout=inline][bordered]) .scale-m .content,:host([layout=center][bordered]) .scale-m .content{padding-inline:.75rem}:host([layout=inline][bordered]) .scale-s .content,:host([layout=center][bordered]) .scale-s .content{padding-inline:.5rem}:host([layout=inline][bordered]) .scale-l .content,:host([layout=center][bordered]) .scale-l .content{padding-inline:1rem}:host([layout=inline][closable]) .scale-s .content,:host([layout=inline][closable]) .scale-m .content,:host([layout=inline][closable]) .scale-l .content{padding-inline-end:0}@media (forced-colors: active){:host{outline-width:0;outline-offset:0}:host(:focus) .container{outline-color:highlight}:host([bordered]) .container{border-block-end-style:solid}:host([bordered]) .container--bottom{border-block-start-style:solid}:host([bordered][selected]) .container{border-block-end-style:none}:host([bordered][selected]) .container--bottom{border-block-start-style:none}.close-button{z-index:var(--calcite-z-index)}}:host([hidden]){display:none}[hidden]{display:none}`,b=class extends v{constructor(){super(),this.closeButtonEl=k(),this.guid=`calcite-tab-title-${y()}`,this.mutationObserver=r("mutation",()=>this.updateHasText()),this.resizeObserver=r("resize",()=>{this.calciteInternalTabIconChanged.emit()}),this.hasText=!1,this.bordered=!1,this.closable=!1,this.closed=!1,this.disabled=!1,this.messages=C(),this.position="top",this.scale="m",this.selected=!1,this.calciteInternalTabIconChanged=i({cancelable:!1}),this.calciteInternalTabTitleRegister=i({cancelable:!1}),this.calciteInternalTabsActivate=i({cancelable:!1}),this.calciteInternalTabsClose=i({cancelable:!1}),this.calciteInternalTabsFocusFirst=i({cancelable:!1}),this.calciteInternalTabsFocusLast=i({cancelable:!1}),this.calciteInternalTabsFocusNext=i({cancelable:!1}),this.calciteInternalTabsFocusPrevious=i({cancelable:!1}),this.calciteTabsActivate=i({cancelable:!1}),this.calciteTabsClose=i({cancelable:!1}),this.listenOn(document.body,"calciteInternalTabChange",this.internalTabChangeHandler),this.listen("click",this.onClick),this.listen("keydown",this.keyDownHandler)}static{this.properties={controls:16,hasText:16,bordered:7,closable:7,closed:7,disabled:7,iconEnd:3,iconFlipRtl:3,iconStart:3,layout:3,messageOverrides:0,position:1,scale:1,selected:7,tab:3}}static{this.styles=H}async activateTab(t=!0){if(this.disabled||this.closed)return;let o={tab:this.tab};this.calciteInternalTabsActivate.emit(o),t&&requestAnimationFrame(()=>this.calciteTabsActivate.emit())}async getTabIdentifier(){return this.tab?this.tab:this.getTabIndex()}async getTabIndex(){return Array.prototype.indexOf.call(T(this.el.parentElement.children).filter(t=>t.matches("calcite-tab-title")),this.el)}_updateAriaInfo(t=[],o=[]){this.controls=t[o.indexOf(this.el.id)]||null}connectedCallback(){super.connectedCallback(),this.setupTextContentObserver(),this.parentTabsEl=this.el.closest("calcite-tabs")}async load(){g()&&this.updateHasText(),this.tab&&this.selected&&this.activateTab(!1)}willUpdate(t){t.has("selected")&&(this.hasUpdated||this.selected!==!1)&&this.selectedHandler(),this.parentTabsEl&&(this.layout=this.parentTabsEl.layout,this.bordered=this.parentTabsEl.bordered)}updated(){I(this)}async loaded(){this.calciteInternalTabTitleRegister.emit(await this.getTabIdentifier())}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),document.body?.dispatchEvent(new CustomEvent("calciteTabTitleUnregister",{detail:this.el})),this.resizeObserver?.disconnect()}selectedHandler(){this.selected&&this.activateTab(!1)}internalTabChangeHandler(t){t.composedPath().find(o=>o.tagName==="CALCITE-TABS")===this.parentTabsEl&&(this.tab?this.selected=this.tab===t.detail.tab:this.getTabIndex().then(o=>{this.selected=o===t.detail.tab}),t.stopPropagation())}onClick(){this.activateTab()}keyDownHandler(t){switch(t.key){case" ":case"Enter":t.composedPath().includes(this.closeButtonEl.value)||(this.activateTab(),t.preventDefault());break;case"ArrowRight":t.preventDefault(),d(this.el)==="ltr"?this.calciteInternalTabsFocusNext.emit():this.calciteInternalTabsFocusPrevious.emit();break;case"ArrowLeft":t.preventDefault(),d(this.el)==="ltr"?this.calciteInternalTabsFocusPrevious.emit():this.calciteInternalTabsFocusNext.emit();break;case"Home":t.preventDefault(),this.calciteInternalTabsFocusFirst.emit();break;case"End":t.preventDefault(),this.calciteInternalTabsFocusLast.emit();break}}closeClickHandler(){this.closeTabTitleAndNotify()}updateHasText(){this.hasText=this.el.textContent.trim().length>0}setupTextContentObserver(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}closeTabTitleAndNotify(){this.closed=!0,this.calciteInternalTabsClose.emit({tab:this.tab}),this.calciteTabsClose.emit()}render(){let{el:t,closed:o}=this,$=t.id||this.guid,E=c`<calcite-icon class=${n({[e.titleIcon]:!0,[e.iconStart]:!0})} .flipRtl=${this.iconFlipRtl==="start"||this.iconFlipRtl==="both"} .icon=${this.iconStart} .scale=${s(this.scale)}></calcite-icon>`,F=c`<calcite-icon class=${n({[e.titleIcon]:!0,[e.iconEnd]:!0})} .flipRtl=${this.iconFlipRtl==="end"||this.iconFlipRtl==="both"} .icon=${this.iconEnd} .scale=${s(this.scale)}></calcite-icon>`;return a(this.el,"aria-controls",this.controls),this.el.ariaSelected=z(this.selected),a(this.el,"id",$),this.el.role="tab",a(this.el,"tabIndex",this.selected&&!this.disabled?0:-1),w({disabled:this.disabled,children:c`<div class=${n({[e.container]:!0,[e.containerBottom]:this.position==="bottom",[e.iconPresent]:!!this.iconStart||!!this.iconEnd,[e.scale(this.scale)]:!0})} .hidden=${o} ${l(u=>u?this.resizeObserver?.observe(u):null)}><div class=${n({[e.content]:!0,[e.contentHasText]:this.hasText})}>${this.iconStart?E:null}<slot></slot>${this.iconEnd?F:null}</div>${this.renderCloseButton()}<div class=${n(e.selectedIndicator)}></div></div>`})}renderCloseButton(){let{closable:t,messages:o}=this;return t?x(e.closeButton,c`<button .ariaLabel=${o.close} class=${n(e.closeButton)} @click=${this.closeClickHandler} title=${o.close??m} type=button ${l(this.closeButtonEl)}><calcite-icon .icon=${A.close} .scale=${s(this.scale)}></calcite-icon></button>`):null}};f("calcite-tab-title",b);export{b as TabTitle};
+import{a as I,b as w}from"./MVHJMI6L.js";import{a as x}from"./OUC47AKY.js";import{a as s}from"./W5CGAHOI.js";import"./FHAIE7PW.js";import{a as r}from"./XKQ2CMVV.js";import{a as C}from"./RS3QB5Z6.js";import{a as k,b as l}from"./R6R2QDCZ.js";import{c as T,e as d,r as z}from"./MBJAGWVS.js";import{a as y}from"./ITIJ42U7.js";import{F as g,I as f,d as p,e as c,i as m,u as i,v,w as n,z as a}from"./TYYR7NIL.js";var e={closeButton:"close-button",container:"container",containerBottom:"container--bottom",content:"content",contentHasText:"content--has-text",iconEnd:"icon-end",iconPresent:"icon-present",iconStart:"icon-start",titleIcon:"calcite-tab-title--icon",scale:h=>`scale-${h}`,selectedIndicator:"selected-indicator"},A={close:"x"},H=p`: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;outline:2px solid transparent;outline-offset:2px;margin-inline-start:0px}:host([layout=inline]){flex:0 1 auto}:host([layout=center]){flex:1 1 auto}.content{position:relative;margin-block-end:.125rem;box-sizing:border-box;display:flex;block-size:100%;align-items:center;justify-content:center}.scale-s .content{padding-block:.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}.scale-s .close-button{inline-size:1.25rem}.scale-m .content{padding-block:.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}.scale-m .close-button{inline-size:1.75rem}.scale-l .content{padding-block:.625rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}.scale-l .close-button{inline-size:2rem}:host([closable]) .content{border-block-end-color:transparent}:host([layout=inline]) .content,:host([layout=center]) .content{padding-inline:.25rem}:host([layout=center]) .scale-s,:host([layout=center]) .scale-m,:host([layout=center]) .scale-l{margin-block:0px;justify-content:center;text-align:center}:host([layout=center]) .scale-s .content,:host([layout=center]) .scale-m .content,:host([layout=center]) .scale-l .content{flex:1 1 auto;flex-grow:1}.container{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-content:center;justify-content:space-between;padding-inline:0px;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-3);outline-color:transparent;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}.selected-indicator{position:absolute;display:block;block-size:.125rem;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;inline-size:100%}.container--bottom .selected-indicator{inset-block-end:unset;inset-block-start:0}:host([bordered]) .selected-indicator{inset-block-start:0;inset-block-end:unset;inset-inline-start:-1px;inset-inline-end:0;inline-size:calc(100% + var(--calcite-spacing-base))}:host([bordered]) .container:not(.container--bottom){border-block-end:1px solid transparent}:host([bordered]:not([selected]):hover) .container:not(.container--bottom){border-block-end:1px solid var(--calcite-color-border-1)}:host([bordered]:not([selected]):hover:not(:focus)) .selected-indicator{background-color:var(--calcite-color-foreground-2)}:host([bordered]:not([selected]):hover:not(:focus)) .container:not(.container--bottom) .selected-indicator{box-shadow:inset 0 1px var(--calcite-color-border-1)}:host([bordered]:not([selected]):hover:not(:focus)) .container.container--bottom .selected-indicator{box-shadow:inset 0 -1px var(--calcite-color-border-1)}:host([bordered][selected]) .container:after{position:absolute;display:block;block-size:.125rem;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;inset-block-end:-1px;inset-inline-start:0;inset-inline-end:0;inline-size:100%;background:var(--calcite-color-foreground-1);content:""}:host([bordered][selected]) .container.container--bottom:after{inset-block-start:-1px}:host([bordered][selected]:hover) .container:after{background:var(--calcite-color-foreground-2)}:host([bordered][selected]:focus) .container:after{background:transparent}:host([bordered]) .container--bottom .selected-indicator{inset-block-start:unset;inset-block-end:0}:host([selected]) .selected-indicator,:host([selected]:hover) .selected-indicator{background-color:var(--calcite-color-brand)}:host(:hover) .selected-indicator{background-color:var(--calcite-color-border-3)}:host(:focus) .selected-indicator,:host(:active) .selected-indicator{background-color:var(--calcite-color-brand)}@media (forced-colors: active){.selected-indicator{background-color:highlight}}:host([closed]){display:none}:host([selected]) .container{border-color:transparent;color:var(--calcite-color-text-1)}:host(:focus) .container{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host(:focus) .container:focus-within{outline-color:transparent}:host(:active) a,:host(:focus) a,:host(:hover) a{border-color:var(--calcite-color-border-2);color:var(--calcite-color-text-1);text-decoration-line:none}:host([disabled]) .container{pointer-events:none;opacity:.5}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.calcite-tab-title--icon{position:relative;margin:0;display:inline-flex;align-self:center}.calcite-tab-title--icon svg{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}.content--has-text{padding:.25rem}.content--has-text .calcite-tab-title--icon.icon-start{margin-inline-end:var(--calcite-spacing-sm);color:var(--calcite-tab-icon-color-start, var(--calcite-icon-color))}.content--has-text .calcite-tab-title--icon.icon-end{margin-inline-start:var(--calcite-spacing-sm);color:var(--calcite-tab-icon-color-end, var(--calcite-icon-color))}.close-button{display:flex;block-size:100%;cursor:pointer;appearance:none;align-content:center;align-items:center;justify-content:center;align-self:center;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline-color:transparent;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;margin-inline-start:var(--calcite-spacing-sm);margin-inline-end:var(--calcite-spacing-px);block-size:calc(100% - var(--calcite-spacing-xxs))}.close-button:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)))}.close-button:focus,.close-button:hover{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-3)}.close-button:active{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-3)}.close-button calcite-icon{color:inherit}:host([icon-start][icon-end]) .calcite-tab-title--icon:first-child{margin-inline-end:var(--calcite-spacing-sm)}:host([bordered]) .container:not(.container--bottom) .close-button{block-size:calc(100% - var(--calcite-spacing-px));margin-block-start:-1px}:host([bordered]) .container .close-button calcite-icon{margin-block-start:var(--calcite-spacing-px)}:host([bordered]) .container .close-button:focus,:host([bordered]) .container .close-button:hover,:host([bordered]) .container .close-button:active{box-shadow:0 2px 0 0 var(--calcite-color-foreground-3)}:host([bordered]) .container.container--bottom .close-button{box-shadow:0 -2px 0 0 transparent}:host([bordered]) .container.container--bottom .close-button calcite-icon{margin-block-end:var(--calcite-spacing-px)}:host([bordered]) .container.container--bottom .close-button:focus,:host([bordered]) .container.container--bottom .close-button:hover,:host([bordered]) .container.container--bottom .close-button:active{box-shadow:0 -2px 0 0 var(--calcite-color-foreground-3)}:host([bordered][selected]){box-shadow:inset 0 -1px var(--calcite-color-foreground-1)}:host([bordered]:not([selected])) .container .close-button{box-shadow:0 2px 0 0 transparent}:host([bordered]:hover) .container{background-color:var(--calcite-color-foreground-2)}:host([bordered]) .container{border-inline:var(--calcite-spacing-px) solid transparent}:host([selected][bordered]) .container{border-inline-color:var(--calcite-color-border-1)}:host([layout=inline][bordered]) .scale-m .content,:host([layout=center][bordered]) .scale-m .content{padding-inline:.75rem}:host([layout=inline][bordered]) .scale-s .content,:host([layout=center][bordered]) .scale-s .content{padding-inline:.5rem}:host([layout=inline][bordered]) .scale-l .content,:host([layout=center][bordered]) .scale-l .content{padding-inline:1rem}:host([layout=inline][closable]) .scale-s .content,:host([layout=inline][closable]) .scale-m .content,:host([layout=inline][closable]) .scale-l .content{padding-inline-end:0}@media (forced-colors: active){:host{outline-width:0;outline-offset:0}:host(:focus) .container{outline-color:highlight}:host([bordered]) .container{border-block-end-style:solid}:host([bordered]) .container--bottom{border-block-start-style:solid}:host([bordered][selected]) .container{border-block-end-style:none}:host([bordered][selected]) .container--bottom{border-block-start-style:none}.close-button{z-index:var(--calcite-z-index)}}:host([hidden]){display:none}[hidden]{display:none}`,b=class extends v{constructor(){super(),this.closeButtonEl=k(),this.guid=`calcite-tab-title-${y()}`,this.mutationObserver=r("mutation",()=>this.updateHasText()),this.resizeObserver=r("resize",()=>{this.calciteInternalTabIconChanged.emit()}),this.hasText=!1,this.bordered=!1,this.closable=!1,this.closed=!1,this.disabled=!1,this.messages=C(),this.position="top",this.scale="m",this.selected=!1,this.calciteInternalTabIconChanged=i({cancelable:!1}),this.calciteInternalTabTitleRegister=i({cancelable:!1}),this.calciteInternalTabsActivate=i({cancelable:!1}),this.calciteInternalTabsClose=i({cancelable:!1}),this.calciteInternalTabsFocusFirst=i({cancelable:!1}),this.calciteInternalTabsFocusLast=i({cancelable:!1}),this.calciteInternalTabsFocusNext=i({cancelable:!1}),this.calciteInternalTabsFocusPrevious=i({cancelable:!1}),this.calciteTabsActivate=i({cancelable:!1}),this.calciteTabsClose=i({cancelable:!1}),this.listenOn(document.body,"calciteInternalTabChange",this.internalTabChangeHandler),this.listen("click",this.onClick),this.listen("keydown",this.keyDownHandler)}static{this.properties={controls:16,hasText:16,bordered:7,closable:7,closed:7,disabled:7,iconEnd:3,iconFlipRtl:3,iconStart:3,layout:3,messageOverrides:0,position:1,scale:1,selected:7,tab:3}}static{this.styles=H}async activateTab(t=!0){if(this.disabled||this.closed)return;let o={tab:this.tab};this.calciteInternalTabsActivate.emit(o),t&&requestAnimationFrame(()=>this.calciteTabsActivate.emit())}async getTabIdentifier(){return this.tab?this.tab:this.getTabIndex()}async getTabIndex(){return Array.prototype.indexOf.call(T(this.el.parentElement.children).filter(t=>t.matches("calcite-tab-title")),this.el)}_updateAriaInfo(t=[],o=[]){this.controls=t[o.indexOf(this.el.id)]||null}connectedCallback(){super.connectedCallback(),this.setupTextContentObserver(),this.parentTabsEl=this.el.closest("calcite-tabs")}async load(){g()&&this.updateHasText(),this.tab&&this.selected&&this.activateTab(!1)}willUpdate(t){t.has("selected")&&(this.hasUpdated||this.selected!==!1)&&this.selectedHandler(),this.parentTabsEl&&(this.layout=this.parentTabsEl.layout,this.bordered=this.parentTabsEl.bordered)}updated(){I(this)}async loaded(){this.calciteInternalTabTitleRegister.emit(await this.getTabIdentifier())}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),document.body?.dispatchEvent(new CustomEvent("calciteTabTitleUnregister",{detail:this.el})),this.resizeObserver?.disconnect()}selectedHandler(){this.selected&&this.activateTab(!1)}internalTabChangeHandler(t){t.composedPath().find(o=>o.tagName==="CALCITE-TABS")===this.parentTabsEl&&(this.tab?this.selected=this.tab===t.detail.tab:this.getTabIndex().then(o=>{this.selected=o===t.detail.tab}),t.stopPropagation())}onClick(){this.activateTab()}keyDownHandler(t){switch(t.key){case" ":case"Enter":t.composedPath().includes(this.closeButtonEl.value)||(this.activateTab(),t.preventDefault());break;case"ArrowRight":t.preventDefault(),d(this.el)==="ltr"?this.calciteInternalTabsFocusNext.emit():this.calciteInternalTabsFocusPrevious.emit();break;case"ArrowLeft":t.preventDefault(),d(this.el)==="ltr"?this.calciteInternalTabsFocusPrevious.emit():this.calciteInternalTabsFocusNext.emit();break;case"Home":t.preventDefault(),this.calciteInternalTabsFocusFirst.emit();break;case"End":t.preventDefault(),this.calciteInternalTabsFocusLast.emit();break}}closeClickHandler(){this.closeTabTitleAndNotify()}updateHasText(){this.hasText=this.el.textContent.trim().length>0}setupTextContentObserver(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}closeTabTitleAndNotify(){this.closed=!0,this.calciteInternalTabsClose.emit({tab:this.tab}),this.calciteTabsClose.emit()}render(){let{el:t,closed:o}=this,$=t.id||this.guid,E=c`<calcite-icon class=${n({[e.titleIcon]:!0,[e.iconStart]:!0})} .flipRtl=${this.iconFlipRtl==="start"||this.iconFlipRtl==="both"} .icon=${this.iconStart} .scale=${s(this.scale)}></calcite-icon>`,F=c`<calcite-icon class=${n({[e.titleIcon]:!0,[e.iconEnd]:!0})} .flipRtl=${this.iconFlipRtl==="end"||this.iconFlipRtl==="both"} .icon=${this.iconEnd} .scale=${s(this.scale)}></calcite-icon>`;return a(this.el,"aria-controls",this.controls),this.el.ariaSelected=z(this.selected),a(this.el,"id",$),this.el.role="tab",a(this.el,"tabIndex",this.selected&&!this.disabled?0:-1),w({disabled:this.disabled,children:c`<div class=${n({[e.container]:!0,[e.containerBottom]:this.position==="bottom",[e.iconPresent]:!!this.iconStart||!!this.iconEnd,[e.scale(this.scale)]:!0})} .hidden=${o} ${l(u=>u?this.resizeObserver?.observe(u):null)}><div class=${n({[e.content]:!0,[e.contentHasText]:this.hasText})}>${this.iconStart?E:null}<slot></slot>${this.iconEnd?F:null}</div>${this.renderCloseButton()}<div class=${n(e.selectedIndicator)}></div></div>`})}renderCloseButton(){let{closable:t,messages:o}=this;return t?x(e.closeButton,c`<button .ariaLabel=${o.close} class=${n(e.closeButton)} @click=${this.closeClickHandler} title=${o.close??m} type=button ${l(this.closeButtonEl)}><calcite-icon .icon=${A.close} .scale=${s(this.scale)}></calcite-icon></button>`):null}};f("calcite-tab-title",b);export{b as TabTitle};

package/dist/calcite/{RXVF6UNG.js → 5DHYCNO3.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.95
+ * v3.0.0-next.96
 */
-import{a as o}from"./NXLPCTQ3.js";import"./BGWMQRWP.js";async function m(){return o.sort().map(r=>({label:r}))}export{m as groupByName};
+import{a as o}from"./MI3BWAKN.js";import"./KHULIKKP.js";async function m(){return o.sort().map(r=>({label:r}))}export{m as groupByName};

package/dist/calcite/{NHJ2FT25.js → 5MCURGUM.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.95
+ * v3.0.0-next.96
 */
-import{h as F,k as f}from"./HHAX7YDL.js";import{c as I,e as U,f as A}from"./J3OVZBWR.js";import{a as g}from"./AREUHZPN.js";import"./GQ4SXKAQ.js";import{a as V}from"./QPB62OMT.js";import{a as S}from"./ZP7Q5NSL.js";import{a as p,b as m}from"./WPQC5BHF.js";import{q as C}from"./WQQ6WFHM.js";import{a as M,b as R}from"./NOTZLQUP.js";import"./XZSRONUF.js";import{I as T,d as k,e as h,v as E,w as b,x as u}from"./35XUQZKY.js";var s={container:"container",fill:"fill",stepLine:"step-line",label:"label",labelHidden:"label-hidden",labelRange:"label-range",labelValue:"label-value",unitLabel:"unit-label",stepsVisible:"steps-visible",valueVisible:"value-visible",success:"fill-success",warning:"fill-warning",danger:"fill-danger"},B=k`: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([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host{display:flex;--calcite-meter-space-internal: .125rem;--calcite-meter-height-internal: 1rem;--calcite-meter-font-size-internal: var(--calcite-font-size--1)}:host([scale=s]){--calcite-meter-height-internal: .75rem;--calcite-meter-font-size-internal: var(--calcite-font-size--2)}:host([scale=l]){--calcite-meter-height-internal: 1.5rem;--calcite-meter-font-size-internal: var(--calcite-font-size-0)}.container{position:relative;margin:0;display:flex;inline-size:100%;align-items:center;block-size:var(--calcite-meter-height-internal);background-color:var(--calcite-color-foreground-2);border:1px solid var(--calcite-color-border-3);border-radius:var(--calcite-meter-height-internal)}.solid{border:1px solid var(--calcite-color-foreground-3);background-color:var(--calcite-color-foreground-3)}.outline{background-color:transparent}.value-visible{margin-block-start:1.5rem}.steps-visible{margin-block-end:1.5rem}.step-line{position:absolute;inset-block:0px;display:block;inline-size:var(--calcite-meter-space-internal);background-color:var(--calcite-color-border-3)}.label{position:absolute;font-size:var(--calcite-meter-font-size-internal)}.label-hidden{visibility:hidden;opacity:0}.label-value{inset-block-end:calc(100% + .5em);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-1)}.label-range{color:var(--calcite-color-text-3);inset-block-start:calc(100% + .5em)}.unit-label{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-3)}.label-value .unit-label{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-2)}.fill{position:absolute;z-index:var(--calcite-z-index);display:block;background-color:var(--calcite-color-brand);transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);inset-inline-start:var(--calcite-meter-space-internal);inset-block:var(--calcite-meter-space-internal);border-radius:var(--calcite-meter-height-internal);max-inline-size:calc(100% - var(--calcite-meter-space-internal) * 2);min-inline-size:calc(var(--calcite-meter-height-internal) - var(--calcite-meter-space-internal) * 2);transition-property:inline-size,background-color,box-shadow}.fill-danger{background-color:var(--calcite-color-status-danger)}.fill-success{background-color:var(--calcite-color-status-success)}.fill-warning{background-color:var(--calcite-color-status-warning)}.solid .fill{inset-block:0;inset-inline-start:0;max-inline-size:100%;min-inline-size:calc(var(--calcite-meter-height-internal));box-shadow:0 0 0 1px var(--calcite-color-brand)}.solid .fill-danger{box-shadow:0 0 0 1px var(--calcite-color-status-danger)}.solid .fill-success{box-shadow:0 0 0 1px var(--calcite-color-status-success)}.solid .fill-warning{box-shadow:0 0 0 1px var(--calcite-color-status-warning)}`,$=class extends E{constructor(){super(...arguments),this.highLabelEl=p(),this.labelFlipMax=.8,this.labelFlipProximity=.15,this.lowLabelEl=p(),this.maxLabelEl=p(),this.maxPercent=100,this.messages=S({name:null}),this.meterContainerEl=p(),this.minLabelEl=p(),this.minPercent=0,this.resizeObserver=V("resize",()=>this.resizeHandler()),this.valueLabelEl=p(),this.appearance="outline-fill",this.disabled=!1,this.fillType="range",this.groupSeparator=!1,this.max=100,this.min=0,this.rangeLabelType="percent",this.rangeLabels=!1,this.scale="m",this.unitLabel="",this.valueLabel=!1,this.valueLabelType="percent"}static{this.properties={currentPercent:16,highActive:16,highPercent:16,lowActive:16,lowPercent:16,appearance:3,disabled:7,fillType:3,form:3,groupSeparator:7,high:11,label:1,low:11,max:11,min:11,name:3,numberingSystem:1,rangeLabelType:3,rangeLabels:7,scale:3,unitLabel:1,value:9,valueLabel:7,valueLabelType:3}}static{this.styles=B}connectedCallback(){super.connectedCallback(),I(this),this.resizeObserver?.observe(this.el)}load(){M(this),this.calculateValues(),A(this,this.value)}willUpdate(e){(e.has("min")&&(this.hasUpdated||this.min!==0)||e.has("max")&&(this.hasUpdated||this.max!==100)||e.has("low")||e.has("high")||e.has("value"))&&this.handleRangeChange(),(e.has("rangeLabels")&&(this.hasUpdated||this.rangeLabels!==!1)||e.has("rangeLabelType")&&(this.hasUpdated||this.rangeLabelType!=="percent")||e.has("unitLabel")&&(this.hasUpdated||this.unitLabel!=="")||e.has("valueLabel")&&(this.hasUpdated||this.valueLabel!==!1)||e.has("valueLabelType")&&(this.hasUpdated||this.valueLabelType!=="percent"))&&this.updateLabels()}loaded(){R(this),this.updateLabels()}disconnectedCallback(){super.disconnectedCallback(),U(this),this.resizeObserver?.disconnect()}handleRangeChange(){this.calculateValues(),this.updateLabels()}resizeHandler(){this.updateLabels()}updateLabels(){this.valueLabelEl.value&&this.determineValueLabelPosition(),this.rangeLabels&&this.determineVisibleLabels()}calculateValues(){let{min:e,max:a,low:t,high:i,value:l}=this,n=100*(t-e)/(a-e),r=100*(i-e)/(a-e),c=100*(l-e)/(a-e);(!t||t<e||t>i||t>a)&&(this.low=e),(!i||i>a||i<t||i<e)&&(this.high=a),l||(this.value=e),this.lowPercent=n,this.highPercent=r,this.currentPercent=l?c:0,this.lowActive=!!t&&t>e&&(!l||t>l)&&(!i||t<i),this.highActive=!!i&&e<=i&&i<a&&(!l||i>l)&&(!t||i>t)}formatLabel(e,a){if(a==="percent"){if(!this.percentFormatting){let t=F(this.messages._lang),i=new Intl.NumberFormat(t,{useGrouping:this.groupSeparator,style:"percent"});this.percentFormatting={formatter:i,locale:t}}return this.percentFormatting.formatter.format(e)}else return f.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator},f.localize(e.toString())}getMeterKindCssClass(){let{low:e,high:a,min:t,max:i,value:l}=this,n=e||t,r=a||i,c=l>=n,d=l<n,v=l>=r,o=l<r;return!l||!e&&o||d?s.success:c&&o?s.warning:v?s.danger:s.success}intersects(e,a){return e&&a&&C(e.getBoundingClientRect(),a.getBoundingClientRect())}determineVisibleLabels(){let{minLabelEl:{value:e},lowLabelEl:{value:a},highLabelEl:{value:t},maxLabelEl:{value:i}}=this,l=this.intersects(t,i),n=this.intersects(a,t),r=this.intersects(a,i),c=this.intersects(e,t),d=this.intersects(e,a),v=this.intersects(e,i),o=s.labelHidden;a&&(d||r||n?a.classList.add(o):a.classList.remove(o)),t&&(c||r||l?t.classList.add(o):t.classList.remove(o)),e&&i&&(v?i.classList.add(o):i.classList.remove(o))}determineValueLabelPosition(){let{valueLabelEl:{value:e},meterContainerEl:{value:a},currentPercent:t}=this,i=t>100?100:t>0?t:0,l=e.getBoundingClientRect().width,n=a.getBoundingClientRect().width,r=100*(l-0)/(n-0);i+r>=100?(e.style.insetInlineEnd="0%",e.style.removeProperty("inset-inline-start")):(e.style.insetInlineStart=`${i}% `,e.style.removeProperty("inset-inline-end"))}renderMeterFill(){let{currentPercent:e,fillType:a}=this,t=this.getMeterKindCssClass();return h`<div class=${b({[s.fill]:!0,[t]:a!=="single"})} style=${u({width:`${e}%`})}></div>`}renderRangeLine(e){let a={insetInlineStart:`${e}%`};return h`<div class=${b(s.stepLine)} style=${u(a)}></div>`}renderValueLabel(){let{currentPercent:e,valueLabelType:a,unitLabel:t,value:i}=this,l=this.formatLabel(a==="percent"?e/100:i||0,a);return g("low-label-line",h`<div class=${b({[s.label]:!0,[s.labelValue]:!0})} ${m(this.valueLabelEl)}>${l}${t&&a!=="percent"&&h`<span class=${b(s.unitLabel)}>&nbsp;${t}</span>`||""}</div>`)}renderMinLabel(){let{rangeLabelType:e,min:a,minPercent:t,unitLabel:i}=this,l={insetInlineStart:`${t}%`},n=this.formatLabel(e==="percent"?t:a,e);return g("min-label-line",h`<div class=${b({[s.label]:!0,[s.labelRange]:!0})} style=${u(l)} ${m(this.minLabelEl)}>${n}${i&&e!=="percent"&&h`<span class=${b(s.unitLabel)}>&nbsp;${i}</span>`||""}</div>`)}renderLowLabel(){let{rangeLabelType:e,low:a,lowPercent:t,highPercent:i,labelFlipProximity:l}=this,n=a?this.formatLabel(e==="percent"?t/100:a,e):"",r={insetInlineStart:`${t}%`},c={insetInlineEnd:`${100-t}%`},d=(i-t)/100<l?c:r;return g("low-label-line",h`<div class=${b({[s.label]:!0,[s.labelRange]:!0})} style=${u(d)} ${m(this.lowLabelEl)}>${n}</div>`)}renderHighLabel(){let{rangeLabelType:e,high:a,highPercent:t,labelFlipMax:i}=this,l=a?this.formatLabel(e==="percent"?t/100:a,e):"",n={insetInlineStart:`${t}%`},r={insetInlineEnd:`${100-t}%`},c=t/100>=i?r:n;return g("high-label-line",h`<div class=${b({[s.label]:!0,[s.labelRange]:!0})} style=${u(c)} ${m(this.highLabelEl)}>${l}</div>`)}renderMaxLabel(){let{rangeLabelType:e,max:a,maxPercent:t}=this,i={insetInlineEnd:`${100-t}%`},l=this.formatLabel(e==="percent"?t/100:a,e);return g("max-label-line",h`<div class=${b({[s.label]:!0,[s.labelRange]:!0})} style=${u(i)} ${m(this.maxLabelEl)}>${l}</div>`)}render(){let{appearance:e,currentPercent:a,highActive:t,highPercent:i,label:l,lowActive:n,lowPercent:r,max:c,maxPercent:d,min:v,minPercent:o,rangeLabels:L,rangeLabelType:y,unitLabel:x,value:w,valueLabel:P,valueLabelType:z}=this,H=this.formatLabel(a/100,"percent"),O=`${w} ${x}`;return h`<div .ariaLabel=${l} .ariaValueMax=${y==="percent"?d:c} .ariaValueMin=${y==="percent"?o:v} .ariaValueNow=${z==="percent"?a:w} .ariaValueText=${z==="percent"?H:x?O:void 0} class=${b({[s.container]:!0,[s.stepsVisible]:L,[s.valueVisible]:P,[e]:e!=="outline-fill"})} role=meter ${m(this.meterContainerEl)}>${this.renderMeterFill()}${P&&this.renderValueLabel()||""}${n&&this.renderRangeLine(r)||""}${t&&this.renderRangeLine(i)||""}${L&&this.renderMinLabel()||""}${L&&n&&this.renderLowLabel()||""}${L&&t&&this.renderHighLabel()||""}${L&&this.renderMaxLabel()||""}</div>`}};T("calcite-meter",$);export{$ as Meter};
+import{h as F,k as f}from"./7NNFVP5Y.js";import{c as I,e as U,f as A}from"./COVTDEEB.js";import{a as g}from"./OUC47AKY.js";import"./FQTOWUOI.js";import{a as V}from"./XKQ2CMVV.js";import{a as S}from"./RS3QB5Z6.js";import{a as p,b as m}from"./R6R2QDCZ.js";import{q as C}from"./MBJAGWVS.js";import{a as M,b as R}from"./H6JENZS2.js";import"./ITIJ42U7.js";import{I as T,d as k,e as h,v as E,w as b,x as u}from"./TYYR7NIL.js";var s={container:"container",fill:"fill",stepLine:"step-line",label:"label",labelHidden:"label-hidden",labelRange:"label-range",labelValue:"label-value",unitLabel:"unit-label",stepsVisible:"steps-visible",valueVisible:"value-visible",success:"fill-success",warning:"fill-warning",danger:"fill-danger"},B=k`: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([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host{display:flex;--calcite-meter-space-internal: .125rem;--calcite-meter-height-internal: 1rem;--calcite-meter-font-size-internal: var(--calcite-font-size--1)}:host([scale=s]){--calcite-meter-height-internal: .75rem;--calcite-meter-font-size-internal: var(--calcite-font-size--2)}:host([scale=l]){--calcite-meter-height-internal: 1.5rem;--calcite-meter-font-size-internal: var(--calcite-font-size-0)}.container{position:relative;margin:0;display:flex;inline-size:100%;align-items:center;block-size:var(--calcite-meter-height-internal);background-color:var(--calcite-color-foreground-2);border:1px solid var(--calcite-color-border-3);border-radius:var(--calcite-meter-height-internal)}.solid{border:1px solid var(--calcite-color-foreground-3);background-color:var(--calcite-color-foreground-3)}.outline{background-color:transparent}.value-visible{margin-block-start:1.5rem}.steps-visible{margin-block-end:1.5rem}.step-line{position:absolute;inset-block:0px;display:block;inline-size:var(--calcite-meter-space-internal);background-color:var(--calcite-color-border-3)}.label{position:absolute;font-size:var(--calcite-meter-font-size-internal)}.label-hidden{visibility:hidden;opacity:0}.label-value{inset-block-end:calc(100% + .5em);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-1)}.label-range{color:var(--calcite-color-text-3);inset-block-start:calc(100% + .5em)}.unit-label{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-3)}.label-value .unit-label{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-2)}.fill{position:absolute;z-index:var(--calcite-z-index);display:block;background-color:var(--calcite-color-brand);transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);inset-inline-start:var(--calcite-meter-space-internal);inset-block:var(--calcite-meter-space-internal);border-radius:var(--calcite-meter-height-internal);max-inline-size:calc(100% - var(--calcite-meter-space-internal) * 2);min-inline-size:calc(var(--calcite-meter-height-internal) - var(--calcite-meter-space-internal) * 2);transition-property:inline-size,background-color,box-shadow}.fill-danger{background-color:var(--calcite-color-status-danger)}.fill-success{background-color:var(--calcite-color-status-success)}.fill-warning{background-color:var(--calcite-color-status-warning)}.solid .fill{inset-block:0;inset-inline-start:0;max-inline-size:100%;min-inline-size:calc(var(--calcite-meter-height-internal));box-shadow:0 0 0 1px var(--calcite-color-brand)}.solid .fill-danger{box-shadow:0 0 0 1px var(--calcite-color-status-danger)}.solid .fill-success{box-shadow:0 0 0 1px var(--calcite-color-status-success)}.solid .fill-warning{box-shadow:0 0 0 1px var(--calcite-color-status-warning)}`,$=class extends E{constructor(){super(...arguments),this.highLabelEl=p(),this.labelFlipMax=.8,this.labelFlipProximity=.15,this.lowLabelEl=p(),this.maxLabelEl=p(),this.maxPercent=100,this.messages=S({name:null}),this.meterContainerEl=p(),this.minLabelEl=p(),this.minPercent=0,this.resizeObserver=V("resize",()=>this.resizeHandler()),this.valueLabelEl=p(),this.appearance="outline-fill",this.disabled=!1,this.fillType="range",this.groupSeparator=!1,this.max=100,this.min=0,this.rangeLabelType="percent",this.rangeLabels=!1,this.scale="m",this.unitLabel="",this.valueLabel=!1,this.valueLabelType="percent"}static{this.properties={currentPercent:16,highActive:16,highPercent:16,lowActive:16,lowPercent:16,appearance:3,disabled:7,fillType:3,form:3,groupSeparator:7,high:11,label:1,low:11,max:11,min:11,name:3,numberingSystem:1,rangeLabelType:3,rangeLabels:7,scale:3,unitLabel:1,value:9,valueLabel:7,valueLabelType:3}}static{this.styles=B}connectedCallback(){super.connectedCallback(),I(this),this.resizeObserver?.observe(this.el)}load(){M(this),this.calculateValues(),A(this,this.value)}willUpdate(e){(e.has("min")&&(this.hasUpdated||this.min!==0)||e.has("max")&&(this.hasUpdated||this.max!==100)||e.has("low")||e.has("high")||e.has("value"))&&this.handleRangeChange(),(e.has("rangeLabels")&&(this.hasUpdated||this.rangeLabels!==!1)||e.has("rangeLabelType")&&(this.hasUpdated||this.rangeLabelType!=="percent")||e.has("unitLabel")&&(this.hasUpdated||this.unitLabel!=="")||e.has("valueLabel")&&(this.hasUpdated||this.valueLabel!==!1)||e.has("valueLabelType")&&(this.hasUpdated||this.valueLabelType!=="percent"))&&this.updateLabels()}loaded(){R(this),this.updateLabels()}disconnectedCallback(){super.disconnectedCallback(),U(this),this.resizeObserver?.disconnect()}handleRangeChange(){this.calculateValues(),this.updateLabels()}resizeHandler(){this.updateLabels()}updateLabels(){this.valueLabelEl.value&&this.determineValueLabelPosition(),this.rangeLabels&&this.determineVisibleLabels()}calculateValues(){let{min:e,max:a,low:t,high:i,value:l}=this,n=100*(t-e)/(a-e),r=100*(i-e)/(a-e),c=100*(l-e)/(a-e);(!t||t<e||t>i||t>a)&&(this.low=e),(!i||i>a||i<t||i<e)&&(this.high=a),l||(this.value=e),this.lowPercent=n,this.highPercent=r,this.currentPercent=l?c:0,this.lowActive=!!t&&t>e&&(!l||t>l)&&(!i||t<i),this.highActive=!!i&&e<=i&&i<a&&(!l||i>l)&&(!t||i>t)}formatLabel(e,a){if(a==="percent"){if(!this.percentFormatting){let t=F(this.messages._lang),i=new Intl.NumberFormat(t,{useGrouping:this.groupSeparator,style:"percent"});this.percentFormatting={formatter:i,locale:t}}return this.percentFormatting.formatter.format(e)}else return f.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator},f.localize(e.toString())}getMeterKindCssClass(){let{low:e,high:a,min:t,max:i,value:l}=this,n=e||t,r=a||i,c=l>=n,d=l<n,v=l>=r,o=l<r;return!l||!e&&o||d?s.success:c&&o?s.warning:v?s.danger:s.success}intersects(e,a){return e&&a&&C(e.getBoundingClientRect(),a.getBoundingClientRect())}determineVisibleLabels(){let{minLabelEl:{value:e},lowLabelEl:{value:a},highLabelEl:{value:t},maxLabelEl:{value:i}}=this,l=this.intersects(t,i),n=this.intersects(a,t),r=this.intersects(a,i),c=this.intersects(e,t),d=this.intersects(e,a),v=this.intersects(e,i),o=s.labelHidden;a&&(d||r||n?a.classList.add(o):a.classList.remove(o)),t&&(c||r||l?t.classList.add(o):t.classList.remove(o)),e&&i&&(v?i.classList.add(o):i.classList.remove(o))}determineValueLabelPosition(){let{valueLabelEl:{value:e},meterContainerEl:{value:a},currentPercent:t}=this,i=t>100?100:t>0?t:0,l=e.getBoundingClientRect().width,n=a.getBoundingClientRect().width,r=100*(l-0)/(n-0);i+r>=100?(e.style.insetInlineEnd="0%",e.style.removeProperty("inset-inline-start")):(e.style.insetInlineStart=`${i}% `,e.style.removeProperty("inset-inline-end"))}renderMeterFill(){let{currentPercent:e,fillType:a}=this,t=this.getMeterKindCssClass();return h`<div class=${b({[s.fill]:!0,[t]:a!=="single"})} style=${u({width:`${e}%`})}></div>`}renderRangeLine(e){let a={insetInlineStart:`${e}%`};return h`<div class=${b(s.stepLine)} style=${u(a)}></div>`}renderValueLabel(){let{currentPercent:e,valueLabelType:a,unitLabel:t,value:i}=this,l=this.formatLabel(a==="percent"?e/100:i||0,a);return g("low-label-line",h`<div class=${b({[s.label]:!0,[s.labelValue]:!0})} ${m(this.valueLabelEl)}>${l}${t&&a!=="percent"&&h`<span class=${b(s.unitLabel)}>&nbsp;${t}</span>`||""}</div>`)}renderMinLabel(){let{rangeLabelType:e,min:a,minPercent:t,unitLabel:i}=this,l={insetInlineStart:`${t}%`},n=this.formatLabel(e==="percent"?t:a,e);return g("min-label-line",h`<div class=${b({[s.label]:!0,[s.labelRange]:!0})} style=${u(l)} ${m(this.minLabelEl)}>${n}${i&&e!=="percent"&&h`<span class=${b(s.unitLabel)}>&nbsp;${i}</span>`||""}</div>`)}renderLowLabel(){let{rangeLabelType:e,low:a,lowPercent:t,highPercent:i,labelFlipProximity:l}=this,n=a?this.formatLabel(e==="percent"?t/100:a,e):"",r={insetInlineStart:`${t}%`},c={insetInlineEnd:`${100-t}%`},d=(i-t)/100<l?c:r;return g("low-label-line",h`<div class=${b({[s.label]:!0,[s.labelRange]:!0})} style=${u(d)} ${m(this.lowLabelEl)}>${n}</div>`)}renderHighLabel(){let{rangeLabelType:e,high:a,highPercent:t,labelFlipMax:i}=this,l=a?this.formatLabel(e==="percent"?t/100:a,e):"",n={insetInlineStart:`${t}%`},r={insetInlineEnd:`${100-t}%`},c=t/100>=i?r:n;return g("high-label-line",h`<div class=${b({[s.label]:!0,[s.labelRange]:!0})} style=${u(c)} ${m(this.highLabelEl)}>${l}</div>`)}renderMaxLabel(){let{rangeLabelType:e,max:a,maxPercent:t}=this,i={insetInlineEnd:`${100-t}%`},l=this.formatLabel(e==="percent"?t/100:a,e);return g("max-label-line",h`<div class=${b({[s.label]:!0,[s.labelRange]:!0})} style=${u(i)} ${m(this.maxLabelEl)}>${l}</div>`)}render(){let{appearance:e,currentPercent:a,highActive:t,highPercent:i,label:l,lowActive:n,lowPercent:r,max:c,maxPercent:d,min:v,minPercent:o,rangeLabels:L,rangeLabelType:y,unitLabel:x,value:w,valueLabel:P,valueLabelType:z}=this,H=this.formatLabel(a/100,"percent"),O=`${w} ${x}`;return h`<div .ariaLabel=${l} .ariaValueMax=${y==="percent"?d:c} .ariaValueMin=${y==="percent"?o:v} .ariaValueNow=${z==="percent"?a:w} .ariaValueText=${z==="percent"?H:x?O:void 0} class=${b({[s.container]:!0,[s.stepsVisible]:L,[s.valueVisible]:P,[e]:e!=="outline-fill"})} role=meter ${m(this.meterContainerEl)}>${this.renderMeterFill()}${P&&this.renderValueLabel()||""}${n&&this.renderRangeLine(r)||""}${t&&this.renderRangeLine(i)||""}${L&&this.renderMinLabel()||""}${L&&n&&this.renderLowLabel()||""}${L&&t&&this.renderHighLabel()||""}${L&&this.renderMaxLabel()||""}</div>`}};T("calcite-meter",$);export{$ as Meter};

package/dist/calcite/{FNRB2GXC.js → 5O6ZNC7G.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.95
+ * v3.0.0-next.96
 */
-import{a as D}from"./Z3BVB35X.js";import"./SGNCH6KG.js";import{a as T,b as P}from"./P56DHNB5.js";import{a as l}from"./AREUHZPN.js";import"./2W6DR2PS.js";import{a as y}from"./ZP7Q5NSL.js";import{b as $}from"./WPQC5BHF.js";import"./WQQ6WFHM.js";import{a as v,b as f,d as S}from"./NOTZLQUP.js";import"./XZSRONUF.js";import{I as w,d as g,e as a,i as r,u as i,v as u,w as p}from"./35XUQZKY.js";var H={handle:"handle",dropdown:"dropdown"},I={drag:"drag",blank:"blank"},h={label:"{label}",position:"{position}",total:"{total}"},B=["top","up","down","bottom"],x=g`: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}.handle{cursor:move;--calcite-internal-action-padding-inline: var(--calcite-spacing-xxs);--calcite-action-text-color: var(--calcite-color-border-input)}.dropdown{block-size:100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,m=class extends u{constructor(){super(...arguments),this.disabled=!1,this.messages=y({blocking:!0}),this.moveToItems=[],this.open=!1,this.overlayPositioning="absolute",this.placement=D,this.scale="m",this.calciteSortHandleBeforeClose=i({cancelable:!1}),this.calciteSortHandleBeforeOpen=i({cancelable:!1}),this.calciteSortHandleClose=i({cancelable:!1}),this.calciteSortHandleMove=i({cancelable:!1}),this.calciteSortHandleOpen=i({cancelable:!1}),this.calciteSortHandleReorder=i({cancelable:!1})}static{this.properties={disabled:7,flipPlacements:0,label:1,messageOverrides:0,messages:0,moveToItems:0,open:7,overlayPositioning:3,placement:3,scale:3,setPosition:9,setSize:9,widthScale:3}}static{this.styles=x}async setFocus(){await S(this),this.dropdownEl?.setFocus()}async load(){v(this)}willUpdate(e){e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler()}updated(){T(this)}loaded(){f(this)}openHandler(){if(this.disabled){this.open=!1;return}this.dropdownEl&&(this.dropdownEl.open=this.open)}setDropdownEl(e){e&&(this.dropdownEl=e,this.openHandler())}getLabel(){let{label:e,messages:t,setPosition:o,setSize:s}=this,n=e?t.repositionLabel.replace(h.label,e):t.reposition;return n=n.replace(h.position,o?o.toString():""),n.replace(h.total,s?s.toString():"")}handleBeforeOpen(e){e.stopPropagation(),this.calciteSortHandleBeforeOpen.emit()}handleOpen(e){e.stopPropagation(),this.calciteSortHandleOpen.emit(),this.open=!0}handleBeforeClose(e){e.stopPropagation(),this.calciteSortHandleBeforeClose.emit()}handleClose(e){e.stopPropagation(),this.calciteSortHandleClose.emit(),this.open=!1}handleReorder(e){this.calciteSortHandleReorder.emit({reorder:e.target.dataset.value})}handleMoveTo(e){let t=e.target.dataset.id,o=this.moveToItems.find(s=>s.id===t);this.calciteSortHandleMove.emit({moveTo:o})}render(){let{disabled:e,flipPlacements:t,messages:o,open:s,overlayPositioning:n,placement:C,scale:d,setPosition:O,setSize:b,widthScale:M,moveToItems:E}=this,c=this.getLabel(),k=e||!O||!b||b<2&&E.length<1;return P({disabled:e,children:a`<calcite-dropdown class=${p(H.dropdown)} .disabled=${k} .flipPlacements=${t} @calciteDropdownBeforeClose=${this.handleBeforeClose} @calciteDropdownBeforeOpen=${this.handleBeforeOpen} @calciteDropdownClose=${this.handleClose} @calciteDropdownOpen=${this.handleOpen} .overlayPositioning=${n} .placement=${C} .scale=${d} .widthScale=${M} ${$(this.setDropdownEl)}><calcite-action .active=${s} appearance=transparent class=${p(H.handle)} .icon=${e?I.blank:I.drag} .label=${c} .scale=${d} slot=trigger .text=${c} title=${c??r}></calcite-action>${l("reorder",a`<calcite-dropdown-group .groupTitle=${o.reorder} .scale=${d} selection-mode=none>${this.renderTop()}${this.renderUp()}${this.renderDown()}${this.renderBottom()}</calcite-dropdown-group>`)}${this.renderMoveToGroup()}</calcite-dropdown>`})}renderMoveToItem(e){return l(e.id,a`<calcite-dropdown-item data-id=${e.id??r} .label=${e.label} @calciteDropdownItemSelect=${this.handleMoveTo}>${e.label}</calcite-dropdown-item>`)}renderMoveToGroup(){let{messages:e,moveToItems:t,scale:o}=this;return t.length?l("move-to-items",a`<calcite-dropdown-group .groupTitle=${e.moveTo} .scale=${o} selection-mode=none>${t.map(s=>this.renderMoveToItem(s))}</calcite-dropdown-group>`):null}renderDropdownItem(e,t){return l(B[e],a`<calcite-dropdown-item data-value=${B[e]??r} .label=${t} @calciteDropdownItemSelect=${this.handleReorder}>${t}</calcite-dropdown-item>`)}renderTop(){let{setPosition:e}=this;return e!==1&&e!==2?this.renderDropdownItem(0,this.messages.moveToTop):null}renderUp(){return this.setPosition!==1?this.renderDropdownItem(1,this.messages.moveUp):null}renderDown(){return this.setPosition!==this.setSize?this.renderDropdownItem(2,this.messages.moveDown):null}renderBottom(){let{setPosition:e,setSize:t}=this;return e!==t&&e!==t-1?this.renderDropdownItem(3,this.messages.moveToBottom):null}};w("calcite-sort-handle",m);export{m as SortHandle};
+import{a as D}from"./CSR5Q44Q.js";import"./GRGOLBJ6.js";import{a as T,b as P}from"./MVHJMI6L.js";import{a as l}from"./OUC47AKY.js";import"./DHITRFFR.js";import{a as y}from"./RS3QB5Z6.js";import{b as $}from"./R6R2QDCZ.js";import"./MBJAGWVS.js";import{a as v,b as f,d as S}from"./H6JENZS2.js";import"./ITIJ42U7.js";import{I as w,d as g,e as a,i as r,u as i,v as u,w as p}from"./TYYR7NIL.js";var H={handle:"handle",dropdown:"dropdown"},I={drag:"drag",blank:"blank"},h={label:"{label}",position:"{position}",total:"{total}"},B=["top","up","down","bottom"],x=g`: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}.handle{cursor:move;--calcite-internal-action-padding-inline: var(--calcite-spacing-xxs);--calcite-action-text-color: var(--calcite-color-border-input)}.dropdown{block-size:100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,m=class extends u{constructor(){super(...arguments),this.disabled=!1,this.messages=y({blocking:!0}),this.moveToItems=[],this.open=!1,this.overlayPositioning="absolute",this.placement=D,this.scale="m",this.calciteSortHandleBeforeClose=i({cancelable:!1}),this.calciteSortHandleBeforeOpen=i({cancelable:!1}),this.calciteSortHandleClose=i({cancelable:!1}),this.calciteSortHandleMove=i({cancelable:!1}),this.calciteSortHandleOpen=i({cancelable:!1}),this.calciteSortHandleReorder=i({cancelable:!1})}static{this.properties={disabled:7,flipPlacements:0,label:1,messageOverrides:0,messages:0,moveToItems:0,open:7,overlayPositioning:3,placement:3,scale:3,setPosition:9,setSize:9,widthScale:3}}static{this.styles=x}async setFocus(){await S(this),this.dropdownEl?.setFocus()}async load(){v(this)}willUpdate(e){e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler()}updated(){T(this)}loaded(){f(this)}openHandler(){if(this.disabled){this.open=!1;return}this.dropdownEl&&(this.dropdownEl.open=this.open)}setDropdownEl(e){e&&(this.dropdownEl=e,this.openHandler())}getLabel(){let{label:e,messages:t,setPosition:o,setSize:s}=this,n=e?t.repositionLabel.replace(h.label,e):t.reposition;return n=n.replace(h.position,o?o.toString():""),n.replace(h.total,s?s.toString():"")}handleBeforeOpen(e){e.stopPropagation(),this.calciteSortHandleBeforeOpen.emit()}handleOpen(e){e.stopPropagation(),this.calciteSortHandleOpen.emit(),this.open=!0}handleBeforeClose(e){e.stopPropagation(),this.calciteSortHandleBeforeClose.emit()}handleClose(e){e.stopPropagation(),this.calciteSortHandleClose.emit(),this.open=!1}handleReorder(e){this.calciteSortHandleReorder.emit({reorder:e.target.dataset.value})}handleMoveTo(e){let t=e.target.dataset.id,o=this.moveToItems.find(s=>s.id===t);this.calciteSortHandleMove.emit({moveTo:o})}render(){let{disabled:e,flipPlacements:t,messages:o,open:s,overlayPositioning:n,placement:C,scale:d,setPosition:O,setSize:b,widthScale:M,moveToItems:E}=this,c=this.getLabel(),k=e||!O||!b||b<2&&E.length<1;return P({disabled:e,children:a`<calcite-dropdown class=${p(H.dropdown)} .disabled=${k} .flipPlacements=${t} @calciteDropdownBeforeClose=${this.handleBeforeClose} @calciteDropdownBeforeOpen=${this.handleBeforeOpen} @calciteDropdownClose=${this.handleClose} @calciteDropdownOpen=${this.handleOpen} .overlayPositioning=${n} .placement=${C} .scale=${d} .widthScale=${M} ${$(this.setDropdownEl)}><calcite-action .active=${s} appearance=transparent class=${p(H.handle)} .icon=${e?I.blank:I.drag} .label=${c} .scale=${d} slot=trigger .text=${c} title=${c??r}></calcite-action>${l("reorder",a`<calcite-dropdown-group .groupTitle=${o.reorder} .scale=${d} selection-mode=none>${this.renderTop()}${this.renderUp()}${this.renderDown()}${this.renderBottom()}</calcite-dropdown-group>`)}${this.renderMoveToGroup()}</calcite-dropdown>`})}renderMoveToItem(e){return l(e.id,a`<calcite-dropdown-item data-id=${e.id??r} .label=${e.label} @calciteDropdownItemSelect=${this.handleMoveTo}>${e.label}</calcite-dropdown-item>`)}renderMoveToGroup(){let{messages:e,moveToItems:t,scale:o}=this;return t.length?l("move-to-items",a`<calcite-dropdown-group .groupTitle=${e.moveTo} .scale=${o} selection-mode=none>${t.map(s=>this.renderMoveToItem(s))}</calcite-dropdown-group>`):null}renderDropdownItem(e,t){return l(B[e],a`<calcite-dropdown-item data-value=${B[e]??r} .label=${t} @calciteDropdownItemSelect=${this.handleReorder}>${t}</calcite-dropdown-item>`)}renderTop(){let{setPosition:e}=this;return e!==1&&e!==2?this.renderDropdownItem(0,this.messages.moveToTop):null}renderUp(){return this.setPosition!==1?this.renderDropdownItem(1,this.messages.moveUp):null}renderDown(){return this.setPosition!==this.setSize?this.renderDropdownItem(2,this.messages.moveDown):null}renderBottom(){let{setPosition:e,setSize:t}=this;return e!==t&&e!==t-1?this.renderDropdownItem(3,this.messages.moveToBottom):null}};w("calcite-sort-handle",m);export{m as SortHandle};

package/dist/calcite/{JEKFDG75.js → 5RROROO5.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.95
+ * v3.0.0-next.96
 */
-import{a as I}from"./ZP7Q5NSL.js";import{l as m,n as c,v as d,z as i}from"./WQQ6WFHM.js";import{a as p,b as y,d as f}from"./NOTZLQUP.js";import"./XZSRONUF.js";import{I as h,b as o,d as l,e as u,v as r}from"./35XUQZKY.js";var g=l`:host{display:flex}ul{margin:0;display:inline-flex;block-size:100%;align-items:center;padding:0}:host([layout=vertical]) ul{display:flex;inline-size:100%;flex-direction:column}:host([hidden]){display:none}[hidden]{display:none}`,n=class extends r{constructor(){super(),this.attributeWatch=o(["role"],this.handleGlobalAttributesChanged),this.menuItems=[],this.layout="horizontal",this.messages=I(),this.listen("calciteInternalMenuItemKeyEvent",this.calciteInternalNavMenuItemKeyEvent)}static{this.properties={label:1,layout:3,messageOverrides:0}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=g}async setFocus(){await f(this),c(this.menuItems[0])}async load(){p(this)}willUpdate(t){t.has("layout")&&(this.hasUpdated||this.layout!=="horizontal")&&this.setMenuItemLayout(this.menuItems,this.layout)}loaded(){y(this)}handleGlobalAttributesChanged(){this.requestUpdate(),this.setMenuItemLayout(this.menuItems,this.layout)}calciteInternalNavMenuItemKeyEvent(t){let e=t.target,s=t.detail.children,a=t.detail.event.key;t.stopPropagation(),a==="ArrowDown"?e.layout==="vertical"?i(this.menuItems,e,"next",!1):t.detail.isSubmenuOpen&&s[0].setFocus():a==="ArrowUp"?this.layout==="vertical"?i(this.menuItems,e,"previous",!1):t.detail.isSubmenuOpen&&s[s.length-1].setFocus():a==="ArrowRight"?this.layout==="horizontal"?i(this.menuItems,e,"next",!1):t.detail.isSubmenuOpen&&s[0].setFocus():a==="ArrowLeft"?this.layout==="horizontal"?i(this.menuItems,e,"previous",!1):t.detail.isSubmenuOpen&&this.focusParentElement(t.target):a==="Escape"&&this.focusParentElement(t.target),t.preventDefault()}handleMenuSlotChange(t){this.menuItems=d(t),this.setMenuItemLayout(this.menuItems,this.layout)}focusParentElement(t){let e=t.parentElement;e&&(m(e),e.open=!1)}setMenuItemLayout(t,e){t.forEach(s=>{s.layout=e,this.getEffectiveRole()==="menubar"&&(s.isTopLevelItem=!0,s.topLevelMenuLayout=this.layout)})}getEffectiveRole(){return this.el.role||"menubar"}render(){return u`<ul .ariaLabel=${this.label} .role=${this.getEffectiveRole()}><slot @slotchange=${this.handleMenuSlotChange}></slot></ul>`}};h("calcite-menu",n);export{n as Menu};
+import{a as I}from"./RS3QB5Z6.js";import{l as m,n as c,v as d,z as i}from"./MBJAGWVS.js";import{a as p,b as y,d as f}from"./H6JENZS2.js";import"./ITIJ42U7.js";import{I as h,b as o,d as l,e as u,v as r}from"./TYYR7NIL.js";var g=l`:host{display:flex}ul{margin:0;display:inline-flex;block-size:100%;align-items:center;padding:0}:host([layout=vertical]) ul{display:flex;inline-size:100%;flex-direction:column}:host([hidden]){display:none}[hidden]{display:none}`,n=class extends r{constructor(){super(),this.attributeWatch=o(["role"],this.handleGlobalAttributesChanged),this.menuItems=[],this.layout="horizontal",this.messages=I(),this.listen("calciteInternalMenuItemKeyEvent",this.calciteInternalNavMenuItemKeyEvent)}static{this.properties={label:1,layout:3,messageOverrides:0}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=g}async setFocus(){await f(this),c(this.menuItems[0])}async load(){p(this)}willUpdate(t){t.has("layout")&&(this.hasUpdated||this.layout!=="horizontal")&&this.setMenuItemLayout(this.menuItems,this.layout)}loaded(){y(this)}handleGlobalAttributesChanged(){this.requestUpdate(),this.setMenuItemLayout(this.menuItems,this.layout)}calciteInternalNavMenuItemKeyEvent(t){let e=t.target,s=t.detail.children,a=t.detail.event.key;t.stopPropagation(),a==="ArrowDown"?e.layout==="vertical"?i(this.menuItems,e,"next",!1):t.detail.isSubmenuOpen&&s[0].setFocus():a==="ArrowUp"?this.layout==="vertical"?i(this.menuItems,e,"previous",!1):t.detail.isSubmenuOpen&&s[s.length-1].setFocus():a==="ArrowRight"?this.layout==="horizontal"?i(this.menuItems,e,"next",!1):t.detail.isSubmenuOpen&&s[0].setFocus():a==="ArrowLeft"?this.layout==="horizontal"?i(this.menuItems,e,"previous",!1):t.detail.isSubmenuOpen&&this.focusParentElement(t.target):a==="Escape"&&this.focusParentElement(t.target),t.preventDefault()}handleMenuSlotChange(t){this.menuItems=d(t),this.setMenuItemLayout(this.menuItems,this.layout)}focusParentElement(t){let e=t.parentElement;e&&(m(e),e.open=!1)}setMenuItemLayout(t,e){t.forEach(s=>{s.layout=e,this.getEffectiveRole()==="menubar"&&(s.isTopLevelItem=!0,s.topLevelMenuLayout=this.layout)})}getEffectiveRole(){return this.el.role||"menubar"}render(){return u`<ul .ariaLabel=${this.label} .role=${this.getEffectiveRole()}><slot @slotchange=${this.handleMenuSlotChange}></slot></ul>`}};h("calcite-menu",n);export{n as Menu};

package/dist/calcite/{LTQQF3EL.js → 5WC57GPQ.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.95
+ * v3.0.0-next.96
 */
-import{a as c,b as r,f as d}from"./U6VM25VB.js";import"./WQQ6WFHM.js";import"./XZSRONUF.js";import{I as o,d as a,e as i,u as l,v as n,w as s}from"./35XUQZKY.js";var m={container:"container"},h=a`: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}:host([alignment=start]){text-align:start}:host([alignment=end]){text-align:end}:host([alignment=center]){text-align:center}:host([scale=s]) .container{gap:.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, .5rem)}:host([scale=m]) .container{gap:.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, .75rem)}:host([scale=l]) .container{gap:.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;margin-block-end:var(--calcite-label-margin-bottom, 1rem)}:host .container{margin-inline:0px;margin-block-start:0px;inline-size:100%;line-height:1.375;color:var(--calcite-color-text-1);color:var(--calcite-label-text-color, var(--calcite-color-text-1))}:host([layout=default]) .container{display:flex;flex-direction:column}:host([layout=inline]) .container,:host([layout=inline-space-between]) .container{display:flex;flex-direction:row;align-items:center;gap:.5rem}:host([layout=inline][scale=l]) .container{gap:.75rem}:host([layout=inline-space-between]) .container{justify-content:space-between}:host([disabled])>.container{opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted(*[disabled]),:host([disabled]) ::slotted(*[disabled] *){--tw-bg-opacity: 1}:host([disabled]) ::slotted(calcite-input-message:not([active])){--tw-bg-opacity: 0}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,t=class extends n{constructor(){super(),this.alignment="start",this.layout="default",this.scale="m",this.calciteInternalLabelClick=l({bubbles:!1,cancelable:!1}),this.listen("click",this.labelClickHandler)}static{this.properties={alignment:3,for:3,layout:3,scale:3}}static{this.styles=h}connectedCallback(){super.connectedCallback(),document.dispatchEvent(new CustomEvent(c))}willUpdate(e){e.has("for")&&d(this.el)}disconnectedCallback(){super.disconnectedCallback(),document.dispatchEvent(new CustomEvent(r))}labelClickHandler(e){window.getSelection()?.type!=="Range"&&this.calciteInternalLabelClick.emit({sourceEvent:e})}render(){return i`<div class=${s(m.container)}><slot></slot></div>`}};o("calcite-label",t);export{t as Label};
+import{a as c,b as r,f as d}from"./BMULWGQL.js";import"./MBJAGWVS.js";import"./ITIJ42U7.js";import{I as o,d as a,e as i,u as l,v as n,w as s}from"./TYYR7NIL.js";var m={container:"container"},h=a`: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}:host([alignment=start]){text-align:start}:host([alignment=end]){text-align:end}:host([alignment=center]){text-align:center}:host([scale=s]) .container{gap:.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, .5rem)}:host([scale=m]) .container{gap:.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, .75rem)}:host([scale=l]) .container{gap:.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;margin-block-end:var(--calcite-label-margin-bottom, 1rem)}:host .container{margin-inline:0px;margin-block-start:0px;inline-size:100%;line-height:1.375;color:var(--calcite-color-text-1);color:var(--calcite-label-text-color, var(--calcite-color-text-1))}:host([layout=default]) .container{display:flex;flex-direction:column}:host([layout=inline]) .container,:host([layout=inline-space-between]) .container{display:flex;flex-direction:row;align-items:center;gap:.5rem}:host([layout=inline][scale=l]) .container{gap:.75rem}:host([layout=inline-space-between]) .container{justify-content:space-between}:host([disabled])>.container{opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted(*[disabled]),:host([disabled]) ::slotted(*[disabled] *){--tw-bg-opacity: 1}:host([disabled]) ::slotted(calcite-input-message:not([active])){--tw-bg-opacity: 0}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,t=class extends n{constructor(){super(),this.alignment="start",this.layout="default",this.scale="m",this.calciteInternalLabelClick=l({bubbles:!1,cancelable:!1}),this.listen("click",this.labelClickHandler)}static{this.properties={alignment:3,for:3,layout:3,scale:3}}static{this.styles=h}connectedCallback(){super.connectedCallback(),document.dispatchEvent(new CustomEvent(c))}willUpdate(e){e.has("for")&&d(this.el)}disconnectedCallback(){super.disconnectedCallback(),document.dispatchEvent(new CustomEvent(r))}labelClickHandler(e){window.getSelection()?.type!=="Range"&&this.calciteInternalLabelClick.emit({sourceEvent:e})}render(){return i`<div class=${s(m.container)}><slot></slot></div>`}};o("calcite-label",t);export{t as Label};

package/dist/calcite/{64KK3KXZ.js → 5WSY45L7.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.95
+ * v3.0.0-next.96
 */
-import{a as g,b as p,d as T,f as D,g as k,h as K,j as O,l as H,m as S,o as x,p as E}from"./PO3V5P7M.js";import{b as h,c as v}from"./LXPHA6UE.js";import{b as d}from"./HHAX7YDL.js";import{a as C}from"./JXGCEHGE.js";import"./OTHII6CF.js";import{b}from"./GQ4SXKAQ.js";import{a as I}from"./ZP7Q5NSL.js";import{b as f}from"./WPQC5BHF.js";import{e as V}from"./WQQ6WFHM.js";import{a as A,b as L,d as $}from"./NOTZLQUP.js";import"./XZSRONUF.js";import{I as U,d as F,e as m,u as y,v as P,w as o}from"./35XUQZKY.js";var t={button:"button",buttonBottomLeft:"button--bottom-left",buttonBottomRight:"button--bottom-right",buttonFractionalSecondDown:"button--fractionalSecond-down",buttonFractionalSecondUp:"button--fractionalSecond-up",buttonHourDown:"button--hour-down",buttonHourUp:"button--hour-up",buttonMeridiemDown:"button--meridiem-down",buttonMeridiemUp:"button--meridiem-up",buttonMinuteDown:"button--minute-down",buttonMinuteUp:"button--minute-up",buttonSecondDown:"button--second-down",buttonSecondUp:"button--second-up",buttonTopLeft:"button--top-left",buttonTopRight:"button--top-right",column:"column",decimalSeparator:"decimal-separator",delimiter:"delimiter",fractionalSecond:"fractionalSecond",hour:"hour",hourSuffix:"hour-suffix",input:"input",inputFocus:"inputFocus",meridiem:"meridiem",minute:"minute",minuteSuffix:"minute-suffix",second:"second",secondSuffix:"second-suffix",showMeridiem:"show-meridiem",showSecond:"show-second","scale-s":"scale-s","scale-m":"scale-m","scale-l":"scale-l",timePicker:"time-picker",meridiemStart:"meridiem--start"},G=F`:host{display:inline-block}.time-picker{display:flex;-webkit-user-select:none;user-select:none;align-items:center;background-color:var(--calcite-color-foreground-1);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);--tw-shadow: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);--tw-shadow-colored: 0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -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);border-radius:var(--calcite-border-radius)}.time-picker .column{display:flex;flex-direction:column}.time-picker .meridiem--start{order:-1}.time-picker .button{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1)}.time-picker .button:hover,.time-picker .button:focus{background-color:var(--calcite-color-foreground-2);outline:2px solid transparent;outline-offset:2px;z-index:var(--calcite-z-index-header);outline-offset:0}.time-picker .button:active{background-color:var(--calcite-color-foreground-3)}.time-picker .button.top-left{border-start-start-radius:var(--calcite-border-radius)}.time-picker .button.bottom-left{border-end-start-radius:var(--calcite-border-radius)}.time-picker .button.top-right{border-start-end-radius:var(--calcite-border-radius)}.time-picker .button.bottom-right{border-end-end-radius:var(--calcite-border-radius)}.time-picker .button calcite-icon{color:var(--calcite-color-text-3)}.time-picker .input{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);font-weight:var(--calcite-font-weight-medium)}.time-picker .input:hover{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-2);z-index:var(--calcite-z-index-header)}.time-picker .input:focus,.time-picker .input:hover:focus{outline:2px solid transparent;outline-offset:2px;outline-offset:0}.time-picker .input.inputFocus,.time-picker .input:hover.inputFocus{box-shadow:inset 0 0 0 2px var(--calcite-color-brand);z-index:var(--calcite-z-index-header)}.time-picker.scale-s{font-size:var(--calcite-font-size--1)}.time-picker.scale-s .button,.time-picker.scale-s .input{padding-inline:.75rem;padding-block:.25rem}.time-picker.scale-s:not(.show-meridiem) .delimiter:last-child{padding-inline-end:.75rem}.time-picker.scale-m{font-size:var(--calcite-font-size-0)}.time-picker.scale-m .button,.time-picker.scale-m .input{padding-inline:1rem;padding-block:.5rem}.time-picker.scale-m:not(.show-meridiem) .delimiter:last-child{padding-inline-end:1rem}.time-picker.scale-l{font-size:var(--calcite-font-size-1)}.time-picker.scale-l .button,.time-picker.scale-l .input{padding-inline:1.25rem;padding-block:.75rem}.time-picker.scale-l:not(.show-meridiem) .delimiter:last-child{padding-inline-end:1.25rem}:host([hidden]){display:none}[hidden]{display:none}`;function Q(w){return w.charAt(0).toUpperCase()+w.slice(1)}var z=class extends P{constructor(){super(),this.pointerActivated=!1,this.localizedDecimalSeparator=".",this.hourFormat="user",this.messages=I(),this.scale="m",this.step=60,this.value=null,this.calciteTimePickerChange=y({cancelable:!1}),this.listen("blur",this.blurHandler),this.listen("keydown",this.keyDownHandler),this.listen("pointerdown",this.pointerDownHandler)}static{this.properties={activeEl:16,effectiveHourFormat:16,fractionalSecond:16,hour:16,localizedDecimalSeparator:16,localizedFractionalSecond:16,localizedHour:16,localizedHourSuffix:16,localizedMeridiem:16,localizedMinute:16,localizedMinuteSuffix:16,localizedSecond:16,localizedSecondSuffix:16,meridiem:16,minute:16,second:16,showFractionalSecond:16,showSecond:16,hourFormat:3,messageOverrides:0,numberingSystem:1,scale:3,step:11,value:1}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=G}async setFocus(){await $(this),this.el?.focus()}connectedCallback(){super.connectedCallback(),this.updateLocale(),this.toggleSecond()}async load(){A(this)}willUpdate(e){e.has("step")&&(this.hasUpdated||this.step!==60)&&this.toggleSecond(),e.has("value")&&(this.hasUpdated||this.value!==null)&&this.setValue(this.value),(e.has("hourFormat")||e.has("messages"))&&this.updateLocale()}loaded(){L(this)}blurHandler(){this.activeEl=void 0,this.pointerActivated=!1}keyDownHandler(e){this.pointerActivated=!1;let{defaultPrevented:i,key:a}=e;if(!i)switch(this.activeEl){case this.hourEl:a==="ArrowRight"&&(this.focusPart("minute"),e.preventDefault());break;case this.minuteEl:switch(a){case"ArrowLeft":this.focusPart("hour"),e.preventDefault();break;case"ArrowRight":this.step!==60?(this.focusPart("second"),e.preventDefault()):this.effectiveHourFormat==="12"&&(this.focusPart("meridiem"),e.preventDefault());break}break;case this.secondEl:switch(a){case"ArrowLeft":this.focusPart("minute"),e.preventDefault();break;case"ArrowRight":this.showFractionalSecond?this.focusPart("fractionalSecond"):this.effectiveHourFormat==="12"&&(this.focusPart("meridiem"),e.preventDefault());break}break;case this.fractionalSecondEl:switch(a){case"ArrowLeft":this.focusPart("second"),e.preventDefault();break;case"ArrowRight":this.effectiveHourFormat==="12"&&(this.focusPart("meridiem"),e.preventDefault());break}break;case this.meridiemEl:switch(a){case"ArrowLeft":this.showFractionalSecond?this.focusPart("fractionalSecond"):this.step!==60?(this.focusPart("second"),e.preventDefault()):(this.focusPart("minute"),e.preventDefault());break}break}}pointerDownHandler(){this.pointerActivated=!0}async focusPart(e){await $(this),this[`${e||"hour"}El`]?.focus()}decrementHour(){let e=this.hour?parseInt(this.hour)===0?23:parseInt(this.hour)-1:0;this.setValuePart("hour",e)}decrementMeridiem(){let e=this.meridiem==="PM"?"AM":"PM";this.setValuePart("meridiem",e)}decrementMinuteOrSecond(e){let i;if(d(this[e])){let a=parseInt(this[e]);i=a===0?59:a-1}else i=59;this.setValuePart(e,i)}decrementMinute(){this.decrementMinuteOrSecond("minute")}decrementSecond(){this.decrementMinuteOrSecond("second")}focusHandler(e){this.pointerActivated||(this.activeEl=e.currentTarget)}fractionalSecondKeyDownHandler(e){let{key:i}=e;if(b.includes(i)){let a=h(this.step),s=parseInt(this.fractionalSecond),n=s.toString().length,r;n>=a?r=i.padStart(a,"0"):n<a&&(r=`${s}${i}`.padStart(a,"0")),this.setValuePart("fractionalSecond",parseFloat(`0.${r}`))}else switch(i){case"Backspace":case"Delete":this.setValuePart("fractionalSecond",null);break;case"ArrowDown":e.preventDefault(),this.nudgeFractionalSecond("down");break;case"ArrowUp":e.preventDefault(),this.nudgeFractionalSecond("up");break;case" ":e.preventDefault();break}}fractionalSecondDownClickHandler(){this.activeEl=this.fractionalSecondEl,this.fractionalSecondEl.focus(),this.nudgeFractionalSecond("down")}fractionalSecondUpClickHandler(){this.activeEl=this.fractionalSecondEl,this.fractionalSecondEl.focus(),this.nudgeFractionalSecond("up")}hourDownClickHandler(){this.activeEl=this.hourEl,this.hourEl.focus(),this.decrementHour()}hourKeyDownHandler(e){let{key:i}=e;if(b.includes(i)){let a=parseInt(i),s;if(d(this.hour))switch(this.effectiveHourFormat){case"12":s=this.hour==="01"&&a>=0&&a<=2?`1${a}`:a;break;case"24":this.hour==="01"?s=`1${a}`:this.hour==="02"&&a>=0&&a<=3?s=`2${a}`:s=a;break}else s=a;this.setValuePart("hour",s)}else switch(i){case"Backspace":case"Delete":this.setValuePart("hour",null);break;case"ArrowDown":e.preventDefault(),this.decrementHour();break;case"ArrowUp":e.preventDefault(),this.incrementHour();break;case" ":e.preventDefault();break}}hourUpClickHandler(){this.activeEl=this.hourEl,this.hourEl.focus(),this.incrementHour()}incrementMeridiem(){let e=this.meridiem==="AM"?"PM":"AM";this.setValuePart("meridiem",e)}incrementHour(){let e=d(this.hour)?this.hour==="23"?0:parseInt(this.hour)+1:1;this.setValuePart("hour",e)}incrementMinuteOrSecond(e){let i=d(this[e])?this[e]==="59"?0:parseInt(this[e])+1:0;this.setValuePart(e,i)}incrementMinute(){this.incrementMinuteOrSecond("minute")}incrementSecond(){this.incrementMinuteOrSecond("second")}inputClickHandler(e){this.activeEl=e.target}meridiemUpClickHandler(){this.activeEl=this.meridiemEl,this.meridiemEl.focus(),this.incrementMeridiem()}meridiemKeyDownHandler(e){switch(e.key){case"a":this.setValuePart("meridiem","AM");break;case"p":this.setValuePart("meridiem","PM");break;case"Backspace":case"Delete":this.setValuePart("meridiem",null);break;case"ArrowUp":e.preventDefault(),this.incrementMeridiem();break;case"ArrowDown":e.preventDefault(),this.decrementMeridiem();break;case" ":e.preventDefault();break}}meridiemDownClickHandler(){this.activeEl=this.meridiemEl,this.meridiemEl.focus(),this.decrementMeridiem()}minuteDownClickHandler(){this.activeEl=this.minuteEl,this.minuteEl.focus(),this.decrementMinute()}minuteUpClickHandler(){this.activeEl=this.minuteEl,this.minuteEl.focus(),this.incrementMinute()}minuteKeyDownHandler(e){let{key:i}=e;if(b.includes(i)){let a=parseInt(i),s;if(d(this.minute)&&this.minute.startsWith("0")){let n=parseInt(this.minute);s=n>g?a:`${n}${a}`}else s=a;this.setValuePart("minute",s)}else switch(i){case"Backspace":case"Delete":this.setValuePart("minute",null);break;case"ArrowDown":e.preventDefault(),this.decrementMinute();break;case"ArrowUp":e.preventDefault(),this.incrementMinute();break;case" ":e.preventDefault();break}}nudgeFractionalSecond(e){let i=v(this.step),a=h(this.step),s=parseInt(this.fractionalSecond),n=parseFloat(`0.${this.fractionalSecond}`),r,l,c,u;e==="up"&&(r=isNaN(s)?0:n+i,l=parseFloat(r.toFixed(a)),c=v(l),u=l<1&&h(c)>0?p(c,a):"".padStart(a,"0")),e==="down"&&(r=isNaN(s)||s===0?1-i:n-i,l=parseFloat(r.toFixed(a)),c=v(l),u=l<1&&h(c)>0&&Math.sign(c)===1?p(c,a):"".padStart(a,"0")),this.setValuePart("fractionalSecond",u)}sanitizeValue(e){let{hour:i,minute:a,second:s,fractionalSecond:n}=E(e);if(n){let r=this.sanitizeFractionalSecond(n);return`${i}:${a}:${s}.${r}`}return H(e)&&e}sanitizeFractionalSecond(e){return e&&h(this.step)!==e.length?parseFloat(`0.${e}`).toFixed(h(this.step)).replace("0.",""):e}secondKeyDownHandler(e){let{key:i}=e;if(b.includes(i)){let a=parseInt(i),s;if(d(this.second)&&this.second.startsWith("0")){let n=parseInt(this.second);s=n>g?a:`${n}${a}`}else s=a;this.setValuePart("second",s)}else switch(i){case"Backspace":case"Delete":this.setValuePart("second",null);break;case"ArrowDown":e.preventDefault(),this.decrementSecond();break;case"ArrowUp":e.preventDefault(),this.incrementSecond();break;case" ":e.preventDefault();break}}secondDownClickHandler(){this.activeEl=this.secondEl,this.secondEl.focus(),this.decrementSecond()}secondUpClickHandler(){this.activeEl=this.secondEl,this.secondEl.focus(),this.incrementSecond()}setHourEl(e){this.hourEl=e}setMeridiemEl(e){this.meridiemEl=e}setMinuteEl(e){this.minuteEl=e}setSecondEl(e){this.secondEl=e}setFractionalSecondEl(e){this.fractionalSecondEl=e}setValue(e){if(H(e)){let{hour:i,minute:a,second:s,fractionalSecond:n}=E(e),{effectiveHourFormat:r,messages:{_lang:l},numberingSystem:c}=this,{localizedHour:u,localizedHourSuffix:_,localizedMinute:B,localizedMinuteSuffix:N,localizedSecond:R,localizedDecimalSeparator:j,localizedFractionalSecond:W,localizedSecondSuffix:q,localizedMeridiem:M}=x({value:e,locale:l,numberingSystem:c,hour12:r==="12"});this.hour=i,this.minute=a,this.second=s,this.fractionalSecond=this.sanitizeFractionalSecond(n),this.localizedHour=u,this.localizedHourSuffix=_,this.localizedMinute=B,this.localizedMinuteSuffix=N,this.localizedSecond=R,this.localizedDecimalSeparator=j,this.localizedFractionalSecond=W,this.localizedSecondSuffix=q,M&&(this.localizedMeridiem=M,this.meridiem=K(this.hour))}else this.hour=null,this.fractionalSecond=null,this.localizedHour=null,this.localizedHourSuffix=k("hour",this.messages._lang,this.numberingSystem),this.localizedMeridiem=null,this.localizedMinute=null,this.localizedMinuteSuffix=k("minute",this.messages._lang,this.numberingSystem),this.localizedSecond=null,this.localizedDecimalSeparator=D(this.messages._lang,this.numberingSystem),this.localizedFractionalSecond=null,this.localizedSecondSuffix=k("second",this.messages._lang,this.numberingSystem),this.meridiem=null,this.minute=null,this.second=null,this.value=null}setValuePart(e,i){let{effectiveHourFormat:a,messages:{_lang:s},numberingSystem:n}=this,r=a==="12";if(e==="meridiem"){if(this.meridiem=i,d(this.hour)){let u=parseInt(this.hour);switch(i){case"AM":u>=12&&(this.hour=p(u-12));break;case"PM":u<12&&(this.hour=p(u+12));break}this.localizedHour=S({value:this.hour,part:"hour",locale:s,numberingSystem:n,hour12:r})}}else if(e==="fractionalSecond"){let u=h(this.step);typeof i=="number"?this.fractionalSecond=i===0?"".padStart(u,"0"):p(i,u):this.fractionalSecond=i,this.localizedFractionalSecond=S({value:this.fractionalSecond,part:"fractionalSecond",locale:s,numberingSystem:n,hour12:r})}else this[e]=typeof i=="number"?p(i):i,this[`localized${Q(e)}`]=S({value:this[e],part:e,locale:s,numberingSystem:n,hour12:r});let l=!1,c;this.hour&&this.minute?(c=`${this.hour}:${this.minute}`,this.showSecond&&(c=`${c}:${this.second??"00"}`,this.showFractionalSecond&&this.fractionalSecond&&(c=`${c}.${this.fractionalSecond}`))):c=null,this.value!==c&&(l=!0),this.value=c,this.localizedMeridiem=this.value?x({hour12:r,locale:s,numberingSystem:n,value:this.value})?.localizedMeridiem||null:S({value:this.meridiem,part:"meridiem",locale:s,numberingSystem:n}),l&&this.calciteTimePickerChange.emit()}toggleSecond(){this.showSecond=this.step<60,this.showFractionalSecond=h(this.step)>0}updateLocale(){this.effectiveHourFormat=this.hourFormat==="user"?T(this.messages._lang):this.hourFormat,this.localizedDecimalSeparator=D(this.messages._lang,this.numberingSystem),this.meridiemOrder=O(this.messages._lang),this.setValue(this.sanitizeValue(this.value))}render(){let e=d(this.hour),i=C(this.scale),a=d(this.minute),s=d(this.second),n=d(this.fractionalSecond),r=this.messages._lang!=="bg"&&this.localizedSecondSuffix,l=this.effectiveHourFormat==="12";return m`<div class=${o({[t.timePicker]:!0,[t.showMeridiem]:l,[t.showSecond]:this.showSecond,[t[`scale-${this.scale}`]]:!0})} dir=ltr><div class=${o(t.column)} role=group><span .ariaLabel=${this.messages.hourUp} class=${o({[t.button]:!0,[t.buttonHourUp]:!0,[t.buttonTopLeft]:!0})} @click=${this.hourUpClickHandler} role=button><calcite-icon icon=chevron-up .scale=${i}></calcite-icon></span><span .ariaLabel=${this.messages.hour} aria-valuemax=23 aria-valuemin=1 .ariaValueNow=${e&&parseInt(this.hour)||"0"} .ariaValueText=${this.hour} class=${o({[t.input]:!0,[t.hour]:!0,[t.inputFocus]:this.activeEl&&this.activeEl===this.hourEl})} @click=${this.inputClickHandler} @focus=${this.focusHandler} @keydown=${this.hourKeyDownHandler} role=spinbutton tabindex=0 ${f(this.setHourEl)}>${this.localizedHour||"--"}</span><span .ariaLabel=${this.messages.hourDown} class=${o({[t.button]:!0,[t.buttonHourDown]:!0,[t.buttonBottomLeft]:!0})} @click=${this.hourDownClickHandler} role=button><calcite-icon icon=chevron-down .scale=${i}></calcite-icon></span></div><span class=${o({[t.delimiter]:!0,[t.hourSuffix]:!0})}>${this.localizedHourSuffix}</span><div class=${o(t.column)} role=group><span .ariaLabel=${this.messages.minuteUp} class=${o({[t.button]:!0,[t.buttonMinuteUp]:!0})} @click=${this.minuteUpClickHandler} role=button><calcite-icon icon=chevron-up .scale=${i}></calcite-icon></span><span .ariaLabel=${this.messages.minute} aria-valuemax=12 aria-valuemin=1 .ariaValueNow=${a&&parseInt(this.minute)||"0"} .ariaValueText=${this.minute} class=${o({[t.input]:!0,[t.minute]:!0,[t.inputFocus]:this.activeEl&&this.activeEl===this.minuteEl})} @click=${this.inputClickHandler} @focus=${this.focusHandler} @keydown=${this.minuteKeyDownHandler} role=spinbutton tabindex=0 ${f(this.setMinuteEl)}>${this.localizedMinute||"--"}</span><span .ariaLabel=${this.messages.minuteDown} class=${o({[t.button]:!0,[t.buttonMinuteDown]:!0})} @click=${this.minuteDownClickHandler} role=button><calcite-icon icon=chevron-down .scale=${i}></calcite-icon></span></div>${this.showSecond&&m`<span class=${o({[t.delimiter]:!0,[t.minuteSuffix]:!0})}>${this.localizedMinuteSuffix}</span>`||""}${this.showSecond&&m`<div class=${o(t.column)} role=group><span .ariaLabel=${this.messages.secondUp} class=${o({[t.button]:!0,[t.buttonSecondUp]:!0})} @click=${this.secondUpClickHandler} role=button><calcite-icon icon=chevron-up .scale=${i}></calcite-icon></span><span .ariaLabel=${this.messages.second} aria-valuemax=59 aria-valuemin=0 .ariaValueNow=${s&&parseInt(this.second)||"0"} .ariaValueText=${this.second} class=${o({[t.input]:!0,[t.second]:!0,[t.inputFocus]:this.activeEl&&this.activeEl===this.secondEl})} @click=${this.inputClickHandler} @focus=${this.focusHandler} @keydown=${this.secondKeyDownHandler} role=spinbutton tabindex=0 ${f(this.setSecondEl)}>${this.localizedSecond||"--"}</span><span .ariaLabel=${this.messages.secondDown} class=${o({[t.button]:!0,[t.buttonSecondDown]:!0})} @click=${this.secondDownClickHandler} role=button><calcite-icon icon=chevron-down .scale=${i}></calcite-icon></span></div>`||""}${this.showFractionalSecond&&m`<span class=${o({[t.delimiter]:!0,[t.decimalSeparator]:!0})}>${this.localizedDecimalSeparator}</span>`||""}${this.showFractionalSecond&&m`<div class=${o(t.column)} role=group><span .ariaLabel=${this.messages.fractionalSecondUp} class=${o({[t.button]:!0,[t.buttonFractionalSecondUp]:!0})} @click=${this.fractionalSecondUpClickHandler} role=button><calcite-icon icon=chevron-up .scale=${i}></calcite-icon></span><span .ariaLabel=${this.messages.fractionalSecond} aria-valuemax=999 aria-valuemin=1 .ariaValueNow=${n&&parseInt(this.fractionalSecond)||"0"} .ariaValueText=${this.localizedFractionalSecond} class=${o({[t.input]:!0,[t.fractionalSecond]:!0,[t.inputFocus]:this.activeEl&&this.activeEl===this.fractionalSecondEl})} @click=${this.inputClickHandler} @focus=${this.focusHandler} @keydown=${this.fractionalSecondKeyDownHandler} role=spinbutton tabindex=0 ${f(this.setFractionalSecondEl)}>${this.localizedFractionalSecond||"--"}</span><span .ariaLabel=${this.messages.fractionalSecondDown} class=${o({[t.button]:!0,[t.buttonFractionalSecondDown]:!0})} @click=${this.fractionalSecondDownClickHandler} role=button><calcite-icon icon=chevron-down .scale=${i}></calcite-icon></span></div>`||""}${r&&m`<span class=${o({[t.delimiter]:!0,[t.secondSuffix]:!0})}>${this.localizedSecondSuffix}</span>`||""}${l&&m`<div class=${o({[t.column]:!0,[t.meridiemStart]:this.meridiemOrder===0||V(this.el)==="rtl"})} role=group><span .ariaLabel=${this.messages.meridiemUp} class=${o({[t.button]:!0,[t.buttonMeridiemUp]:!0,[t.buttonTopRight]:!0})} @click=${this.meridiemUpClickHandler} role=button><calcite-icon icon=chevron-up .scale=${i}></calcite-icon></span><span .ariaLabel=${this.messages.meridiem} aria-valuemax=2 aria-valuemin=1 .ariaValueNow=${this.meridiem==="PM"&&"2"||"1"} .ariaValueText=${this.meridiem} class=${o({[t.input]:!0,[t.meridiem]:!0,[t.inputFocus]:this.activeEl&&this.activeEl===this.meridiemEl})} @click=${this.inputClickHandler} @focus=${this.focusHandler} @keydown=${this.meridiemKeyDownHandler} role=spinbutton tabindex=0 ${f(this.setMeridiemEl)}>${this.localizedMeridiem||"--"}</span><span .ariaLabel=${this.messages.meridiemDown} class=${o({[t.button]:!0,[t.buttonMeridiemDown]:!0,[t.buttonBottomRight]:!0})} @click=${this.meridiemDownClickHandler} role=button><calcite-icon icon=chevron-down .scale=${i}></calcite-icon></span></div>`||""}</div>`}};U("calcite-time-picker",z);export{z as TimePicker};
+import{a as g,b as p,d as T,f as D,g as k,h as K,j as O,l as H,m as S,o as x,p as E}from"./BAAOO7UE.js";import{b as h,c as v}from"./MZRLL3GR.js";import{b as d}from"./7NNFVP5Y.js";import{a as C}from"./W5CGAHOI.js";import"./FHAIE7PW.js";import{b}from"./FQTOWUOI.js";import{a as I}from"./RS3QB5Z6.js";import{b as f}from"./R6R2QDCZ.js";import{e as V}from"./MBJAGWVS.js";import{a as A,b as L,d as $}from"./H6JENZS2.js";import"./ITIJ42U7.js";import{I as U,d as F,e as m,u as y,v as P,w as o}from"./TYYR7NIL.js";var t={button:"button",buttonBottomLeft:"button--bottom-left",buttonBottomRight:"button--bottom-right",buttonFractionalSecondDown:"button--fractionalSecond-down",buttonFractionalSecondUp:"button--fractionalSecond-up",buttonHourDown:"button--hour-down",buttonHourUp:"button--hour-up",buttonMeridiemDown:"button--meridiem-down",buttonMeridiemUp:"button--meridiem-up",buttonMinuteDown:"button--minute-down",buttonMinuteUp:"button--minute-up",buttonSecondDown:"button--second-down",buttonSecondUp:"button--second-up",buttonTopLeft:"button--top-left",buttonTopRight:"button--top-right",column:"column",decimalSeparator:"decimal-separator",delimiter:"delimiter",fractionalSecond:"fractionalSecond",hour:"hour",hourSuffix:"hour-suffix",input:"input",inputFocus:"inputFocus",meridiem:"meridiem",minute:"minute",minuteSuffix:"minute-suffix",second:"second",secondSuffix:"second-suffix",showMeridiem:"show-meridiem",showSecond:"show-second","scale-s":"scale-s","scale-m":"scale-m","scale-l":"scale-l",timePicker:"time-picker",meridiemStart:"meridiem--start"},G=F`:host{display:inline-block}.time-picker{display:flex;-webkit-user-select:none;user-select:none;align-items:center;background-color:var(--calcite-color-foreground-1);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);--tw-shadow: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);--tw-shadow-colored: 0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -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);border-radius:var(--calcite-border-radius)}.time-picker .column{display:flex;flex-direction:column}.time-picker .meridiem--start{order:-1}.time-picker .button{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1)}.time-picker .button:hover,.time-picker .button:focus{background-color:var(--calcite-color-foreground-2);outline:2px solid transparent;outline-offset:2px;z-index:var(--calcite-z-index-header);outline-offset:0}.time-picker .button:active{background-color:var(--calcite-color-foreground-3)}.time-picker .button.top-left{border-start-start-radius:var(--calcite-border-radius)}.time-picker .button.bottom-left{border-end-start-radius:var(--calcite-border-radius)}.time-picker .button.top-right{border-start-end-radius:var(--calcite-border-radius)}.time-picker .button.bottom-right{border-end-end-radius:var(--calcite-border-radius)}.time-picker .button calcite-icon{color:var(--calcite-color-text-3)}.time-picker .input{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);font-weight:var(--calcite-font-weight-medium)}.time-picker .input:hover{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-2);z-index:var(--calcite-z-index-header)}.time-picker .input:focus,.time-picker .input:hover:focus{outline:2px solid transparent;outline-offset:2px;outline-offset:0}.time-picker .input.inputFocus,.time-picker .input:hover.inputFocus{box-shadow:inset 0 0 0 2px var(--calcite-color-brand);z-index:var(--calcite-z-index-header)}.time-picker.scale-s{font-size:var(--calcite-font-size--1)}.time-picker.scale-s .button,.time-picker.scale-s .input{padding-inline:.75rem;padding-block:.25rem}.time-picker.scale-s:not(.show-meridiem) .delimiter:last-child{padding-inline-end:.75rem}.time-picker.scale-m{font-size:var(--calcite-font-size-0)}.time-picker.scale-m .button,.time-picker.scale-m .input{padding-inline:1rem;padding-block:.5rem}.time-picker.scale-m:not(.show-meridiem) .delimiter:last-child{padding-inline-end:1rem}.time-picker.scale-l{font-size:var(--calcite-font-size-1)}.time-picker.scale-l .button,.time-picker.scale-l .input{padding-inline:1.25rem;padding-block:.75rem}.time-picker.scale-l:not(.show-meridiem) .delimiter:last-child{padding-inline-end:1.25rem}:host([hidden]){display:none}[hidden]{display:none}`;function Q(w){return w.charAt(0).toUpperCase()+w.slice(1)}var z=class extends P{constructor(){super(),this.pointerActivated=!1,this.localizedDecimalSeparator=".",this.hourFormat="user",this.messages=I(),this.scale="m",this.step=60,this.value=null,this.calciteTimePickerChange=y({cancelable:!1}),this.listen("blur",this.blurHandler),this.listen("keydown",this.keyDownHandler),this.listen("pointerdown",this.pointerDownHandler)}static{this.properties={activeEl:16,effectiveHourFormat:16,fractionalSecond:16,hour:16,localizedDecimalSeparator:16,localizedFractionalSecond:16,localizedHour:16,localizedHourSuffix:16,localizedMeridiem:16,localizedMinute:16,localizedMinuteSuffix:16,localizedSecond:16,localizedSecondSuffix:16,meridiem:16,minute:16,second:16,showFractionalSecond:16,showSecond:16,hourFormat:3,messageOverrides:0,numberingSystem:1,scale:3,step:11,value:1}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=G}async setFocus(){await $(this),this.el?.focus()}connectedCallback(){super.connectedCallback(),this.updateLocale(),this.toggleSecond()}async load(){A(this)}willUpdate(e){e.has("step")&&(this.hasUpdated||this.step!==60)&&this.toggleSecond(),e.has("value")&&(this.hasUpdated||this.value!==null)&&this.setValue(this.value),(e.has("hourFormat")||e.has("messages"))&&this.updateLocale()}loaded(){L(this)}blurHandler(){this.activeEl=void 0,this.pointerActivated=!1}keyDownHandler(e){this.pointerActivated=!1;let{defaultPrevented:i,key:a}=e;if(!i)switch(this.activeEl){case this.hourEl:a==="ArrowRight"&&(this.focusPart("minute"),e.preventDefault());break;case this.minuteEl:switch(a){case"ArrowLeft":this.focusPart("hour"),e.preventDefault();break;case"ArrowRight":this.step!==60?(this.focusPart("second"),e.preventDefault()):this.effectiveHourFormat==="12"&&(this.focusPart("meridiem"),e.preventDefault());break}break;case this.secondEl:switch(a){case"ArrowLeft":this.focusPart("minute"),e.preventDefault();break;case"ArrowRight":this.showFractionalSecond?this.focusPart("fractionalSecond"):this.effectiveHourFormat==="12"&&(this.focusPart("meridiem"),e.preventDefault());break}break;case this.fractionalSecondEl:switch(a){case"ArrowLeft":this.focusPart("second"),e.preventDefault();break;case"ArrowRight":this.effectiveHourFormat==="12"&&(this.focusPart("meridiem"),e.preventDefault());break}break;case this.meridiemEl:switch(a){case"ArrowLeft":this.showFractionalSecond?this.focusPart("fractionalSecond"):this.step!==60?(this.focusPart("second"),e.preventDefault()):(this.focusPart("minute"),e.preventDefault());break}break}}pointerDownHandler(){this.pointerActivated=!0}async focusPart(e){await $(this),this[`${e||"hour"}El`]?.focus()}decrementHour(){let e=this.hour?parseInt(this.hour)===0?23:parseInt(this.hour)-1:0;this.setValuePart("hour",e)}decrementMeridiem(){let e=this.meridiem==="PM"?"AM":"PM";this.setValuePart("meridiem",e)}decrementMinuteOrSecond(e){let i;if(d(this[e])){let a=parseInt(this[e]);i=a===0?59:a-1}else i=59;this.setValuePart(e,i)}decrementMinute(){this.decrementMinuteOrSecond("minute")}decrementSecond(){this.decrementMinuteOrSecond("second")}focusHandler(e){this.pointerActivated||(this.activeEl=e.currentTarget)}fractionalSecondKeyDownHandler(e){let{key:i}=e;if(b.includes(i)){let a=h(this.step),s=parseInt(this.fractionalSecond),n=s.toString().length,r;n>=a?r=i.padStart(a,"0"):n<a&&(r=`${s}${i}`.padStart(a,"0")),this.setValuePart("fractionalSecond",parseFloat(`0.${r}`))}else switch(i){case"Backspace":case"Delete":this.setValuePart("fractionalSecond",null);break;case"ArrowDown":e.preventDefault(),this.nudgeFractionalSecond("down");break;case"ArrowUp":e.preventDefault(),this.nudgeFractionalSecond("up");break;case" ":e.preventDefault();break}}fractionalSecondDownClickHandler(){this.activeEl=this.fractionalSecondEl,this.fractionalSecondEl.focus(),this.nudgeFractionalSecond("down")}fractionalSecondUpClickHandler(){this.activeEl=this.fractionalSecondEl,this.fractionalSecondEl.focus(),this.nudgeFractionalSecond("up")}hourDownClickHandler(){this.activeEl=this.hourEl,this.hourEl.focus(),this.decrementHour()}hourKeyDownHandler(e){let{key:i}=e;if(b.includes(i)){let a=parseInt(i),s;if(d(this.hour))switch(this.effectiveHourFormat){case"12":s=this.hour==="01"&&a>=0&&a<=2?`1${a}`:a;break;case"24":this.hour==="01"?s=`1${a}`:this.hour==="02"&&a>=0&&a<=3?s=`2${a}`:s=a;break}else s=a;this.setValuePart("hour",s)}else switch(i){case"Backspace":case"Delete":this.setValuePart("hour",null);break;case"ArrowDown":e.preventDefault(),this.decrementHour();break;case"ArrowUp":e.preventDefault(),this.incrementHour();break;case" ":e.preventDefault();break}}hourUpClickHandler(){this.activeEl=this.hourEl,this.hourEl.focus(),this.incrementHour()}incrementMeridiem(){let e=this.meridiem==="AM"?"PM":"AM";this.setValuePart("meridiem",e)}incrementHour(){let e=d(this.hour)?this.hour==="23"?0:parseInt(this.hour)+1:1;this.setValuePart("hour",e)}incrementMinuteOrSecond(e){let i=d(this[e])?this[e]==="59"?0:parseInt(this[e])+1:0;this.setValuePart(e,i)}incrementMinute(){this.incrementMinuteOrSecond("minute")}incrementSecond(){this.incrementMinuteOrSecond("second")}inputClickHandler(e){this.activeEl=e.target}meridiemUpClickHandler(){this.activeEl=this.meridiemEl,this.meridiemEl.focus(),this.incrementMeridiem()}meridiemKeyDownHandler(e){switch(e.key){case"a":this.setValuePart("meridiem","AM");break;case"p":this.setValuePart("meridiem","PM");break;case"Backspace":case"Delete":this.setValuePart("meridiem",null);break;case"ArrowUp":e.preventDefault(),this.incrementMeridiem();break;case"ArrowDown":e.preventDefault(),this.decrementMeridiem();break;case" ":e.preventDefault();break}}meridiemDownClickHandler(){this.activeEl=this.meridiemEl,this.meridiemEl.focus(),this.decrementMeridiem()}minuteDownClickHandler(){this.activeEl=this.minuteEl,this.minuteEl.focus(),this.decrementMinute()}minuteUpClickHandler(){this.activeEl=this.minuteEl,this.minuteEl.focus(),this.incrementMinute()}minuteKeyDownHandler(e){let{key:i}=e;if(b.includes(i)){let a=parseInt(i),s;if(d(this.minute)&&this.minute.startsWith("0")){let n=parseInt(this.minute);s=n>g?a:`${n}${a}`}else s=a;this.setValuePart("minute",s)}else switch(i){case"Backspace":case"Delete":this.setValuePart("minute",null);break;case"ArrowDown":e.preventDefault(),this.decrementMinute();break;case"ArrowUp":e.preventDefault(),this.incrementMinute();break;case" ":e.preventDefault();break}}nudgeFractionalSecond(e){let i=v(this.step),a=h(this.step),s=parseInt(this.fractionalSecond),n=parseFloat(`0.${this.fractionalSecond}`),r,l,c,u;e==="up"&&(r=isNaN(s)?0:n+i,l=parseFloat(r.toFixed(a)),c=v(l),u=l<1&&h(c)>0?p(c,a):"".padStart(a,"0")),e==="down"&&(r=isNaN(s)||s===0?1-i:n-i,l=parseFloat(r.toFixed(a)),c=v(l),u=l<1&&h(c)>0&&Math.sign(c)===1?p(c,a):"".padStart(a,"0")),this.setValuePart("fractionalSecond",u)}sanitizeValue(e){let{hour:i,minute:a,second:s,fractionalSecond:n}=E(e);if(n){let r=this.sanitizeFractionalSecond(n);return`${i}:${a}:${s}.${r}`}return H(e)&&e}sanitizeFractionalSecond(e){return e&&h(this.step)!==e.length?parseFloat(`0.${e}`).toFixed(h(this.step)).replace("0.",""):e}secondKeyDownHandler(e){let{key:i}=e;if(b.includes(i)){let a=parseInt(i),s;if(d(this.second)&&this.second.startsWith("0")){let n=parseInt(this.second);s=n>g?a:`${n}${a}`}else s=a;this.setValuePart("second",s)}else switch(i){case"Backspace":case"Delete":this.setValuePart("second",null);break;case"ArrowDown":e.preventDefault(),this.decrementSecond();break;case"ArrowUp":e.preventDefault(),this.incrementSecond();break;case" ":e.preventDefault();break}}secondDownClickHandler(){this.activeEl=this.secondEl,this.secondEl.focus(),this.decrementSecond()}secondUpClickHandler(){this.activeEl=this.secondEl,this.secondEl.focus(),this.incrementSecond()}setHourEl(e){this.hourEl=e}setMeridiemEl(e){this.meridiemEl=e}setMinuteEl(e){this.minuteEl=e}setSecondEl(e){this.secondEl=e}setFractionalSecondEl(e){this.fractionalSecondEl=e}setValue(e){if(H(e)){let{hour:i,minute:a,second:s,fractionalSecond:n}=E(e),{effectiveHourFormat:r,messages:{_lang:l},numberingSystem:c}=this,{localizedHour:u,localizedHourSuffix:_,localizedMinute:B,localizedMinuteSuffix:N,localizedSecond:R,localizedDecimalSeparator:j,localizedFractionalSecond:W,localizedSecondSuffix:q,localizedMeridiem:M}=x({value:e,locale:l,numberingSystem:c,hour12:r==="12"});this.hour=i,this.minute=a,this.second=s,this.fractionalSecond=this.sanitizeFractionalSecond(n),this.localizedHour=u,this.localizedHourSuffix=_,this.localizedMinute=B,this.localizedMinuteSuffix=N,this.localizedSecond=R,this.localizedDecimalSeparator=j,this.localizedFractionalSecond=W,this.localizedSecondSuffix=q,M&&(this.localizedMeridiem=M,this.meridiem=K(this.hour))}else this.hour=null,this.fractionalSecond=null,this.localizedHour=null,this.localizedHourSuffix=k("hour",this.messages._lang,this.numberingSystem),this.localizedMeridiem=null,this.localizedMinute=null,this.localizedMinuteSuffix=k("minute",this.messages._lang,this.numberingSystem),this.localizedSecond=null,this.localizedDecimalSeparator=D(this.messages._lang,this.numberingSystem),this.localizedFractionalSecond=null,this.localizedSecondSuffix=k("second",this.messages._lang,this.numberingSystem),this.meridiem=null,this.minute=null,this.second=null,this.value=null}setValuePart(e,i){let{effectiveHourFormat:a,messages:{_lang:s},numberingSystem:n}=this,r=a==="12";if(e==="meridiem"){if(this.meridiem=i,d(this.hour)){let u=parseInt(this.hour);switch(i){case"AM":u>=12&&(this.hour=p(u-12));break;case"PM":u<12&&(this.hour=p(u+12));break}this.localizedHour=S({value:this.hour,part:"hour",locale:s,numberingSystem:n,hour12:r})}}else if(e==="fractionalSecond"){let u=h(this.step);typeof i=="number"?this.fractionalSecond=i===0?"".padStart(u,"0"):p(i,u):this.fractionalSecond=i,this.localizedFractionalSecond=S({value:this.fractionalSecond,part:"fractionalSecond",locale:s,numberingSystem:n,hour12:r})}else this[e]=typeof i=="number"?p(i):i,this[`localized${Q(e)}`]=S({value:this[e],part:e,locale:s,numberingSystem:n,hour12:r});let l=!1,c;this.hour&&this.minute?(c=`${this.hour}:${this.minute}`,this.showSecond&&(c=`${c}:${this.second??"00"}`,this.showFractionalSecond&&this.fractionalSecond&&(c=`${c}.${this.fractionalSecond}`))):c=null,this.value!==c&&(l=!0),this.value=c,this.localizedMeridiem=this.value?x({hour12:r,locale:s,numberingSystem:n,value:this.value})?.localizedMeridiem||null:S({value:this.meridiem,part:"meridiem",locale:s,numberingSystem:n}),l&&this.calciteTimePickerChange.emit()}toggleSecond(){this.showSecond=this.step<60,this.showFractionalSecond=h(this.step)>0}updateLocale(){this.effectiveHourFormat=this.hourFormat==="user"?T(this.messages._lang):this.hourFormat,this.localizedDecimalSeparator=D(this.messages._lang,this.numberingSystem),this.meridiemOrder=O(this.messages._lang),this.setValue(this.sanitizeValue(this.value))}render(){let e=d(this.hour),i=C(this.scale),a=d(this.minute),s=d(this.second),n=d(this.fractionalSecond),r=this.messages._lang!=="bg"&&this.localizedSecondSuffix,l=this.effectiveHourFormat==="12";return m`<div class=${o({[t.timePicker]:!0,[t.showMeridiem]:l,[t.showSecond]:this.showSecond,[t[`scale-${this.scale}`]]:!0})} dir=ltr><div class=${o(t.column)} role=group><span .ariaLabel=${this.messages.hourUp} class=${o({[t.button]:!0,[t.buttonHourUp]:!0,[t.buttonTopLeft]:!0})} @click=${this.hourUpClickHandler} role=button><calcite-icon icon=chevron-up .scale=${i}></calcite-icon></span><span .ariaLabel=${this.messages.hour} aria-valuemax=23 aria-valuemin=1 .ariaValueNow=${e&&parseInt(this.hour)||"0"} .ariaValueText=${this.hour} class=${o({[t.input]:!0,[t.hour]:!0,[t.inputFocus]:this.activeEl&&this.activeEl===this.hourEl})} @click=${this.inputClickHandler} @focus=${this.focusHandler} @keydown=${this.hourKeyDownHandler} role=spinbutton tabindex=0 ${f(this.setHourEl)}>${this.localizedHour||"--"}</span><span .ariaLabel=${this.messages.hourDown} class=${o({[t.button]:!0,[t.buttonHourDown]:!0,[t.buttonBottomLeft]:!0})} @click=${this.hourDownClickHandler} role=button><calcite-icon icon=chevron-down .scale=${i}></calcite-icon></span></div><span class=${o({[t.delimiter]:!0,[t.hourSuffix]:!0})}>${this.localizedHourSuffix}</span><div class=${o(t.column)} role=group><span .ariaLabel=${this.messages.minuteUp} class=${o({[t.button]:!0,[t.buttonMinuteUp]:!0})} @click=${this.minuteUpClickHandler} role=button><calcite-icon icon=chevron-up .scale=${i}></calcite-icon></span><span .ariaLabel=${this.messages.minute} aria-valuemax=12 aria-valuemin=1 .ariaValueNow=${a&&parseInt(this.minute)||"0"} .ariaValueText=${this.minute} class=${o({[t.input]:!0,[t.minute]:!0,[t.inputFocus]:this.activeEl&&this.activeEl===this.minuteEl})} @click=${this.inputClickHandler} @focus=${this.focusHandler} @keydown=${this.minuteKeyDownHandler} role=spinbutton tabindex=0 ${f(this.setMinuteEl)}>${this.localizedMinute||"--"}</span><span .ariaLabel=${this.messages.minuteDown} class=${o({[t.button]:!0,[t.buttonMinuteDown]:!0})} @click=${this.minuteDownClickHandler} role=button><calcite-icon icon=chevron-down .scale=${i}></calcite-icon></span></div>${this.showSecond&&m`<span class=${o({[t.delimiter]:!0,[t.minuteSuffix]:!0})}>${this.localizedMinuteSuffix}</span>`||""}${this.showSecond&&m`<div class=${o(t.column)} role=group><span .ariaLabel=${this.messages.secondUp} class=${o({[t.button]:!0,[t.buttonSecondUp]:!0})} @click=${this.secondUpClickHandler} role=button><calcite-icon icon=chevron-up .scale=${i}></calcite-icon></span><span .ariaLabel=${this.messages.second} aria-valuemax=59 aria-valuemin=0 .ariaValueNow=${s&&parseInt(this.second)||"0"} .ariaValueText=${this.second} class=${o({[t.input]:!0,[t.second]:!0,[t.inputFocus]:this.activeEl&&this.activeEl===this.secondEl})} @click=${this.inputClickHandler} @focus=${this.focusHandler} @keydown=${this.secondKeyDownHandler} role=spinbutton tabindex=0 ${f(this.setSecondEl)}>${this.localizedSecond||"--"}</span><span .ariaLabel=${this.messages.secondDown} class=${o({[t.button]:!0,[t.buttonSecondDown]:!0})} @click=${this.secondDownClickHandler} role=button><calcite-icon icon=chevron-down .scale=${i}></calcite-icon></span></div>`||""}${this.showFractionalSecond&&m`<span class=${o({[t.delimiter]:!0,[t.decimalSeparator]:!0})}>${this.localizedDecimalSeparator}</span>`||""}${this.showFractionalSecond&&m`<div class=${o(t.column)} role=group><span .ariaLabel=${this.messages.fractionalSecondUp} class=${o({[t.button]:!0,[t.buttonFractionalSecondUp]:!0})} @click=${this.fractionalSecondUpClickHandler} role=button><calcite-icon icon=chevron-up .scale=${i}></calcite-icon></span><span .ariaLabel=${this.messages.fractionalSecond} aria-valuemax=999 aria-valuemin=1 .ariaValueNow=${n&&parseInt(this.fractionalSecond)||"0"} .ariaValueText=${this.localizedFractionalSecond} class=${o({[t.input]:!0,[t.fractionalSecond]:!0,[t.inputFocus]:this.activeEl&&this.activeEl===this.fractionalSecondEl})} @click=${this.inputClickHandler} @focus=${this.focusHandler} @keydown=${this.fractionalSecondKeyDownHandler} role=spinbutton tabindex=0 ${f(this.setFractionalSecondEl)}>${this.localizedFractionalSecond||"--"}</span><span .ariaLabel=${this.messages.fractionalSecondDown} class=${o({[t.button]:!0,[t.buttonFractionalSecondDown]:!0})} @click=${this.fractionalSecondDownClickHandler} role=button><calcite-icon icon=chevron-down .scale=${i}></calcite-icon></span></div>`||""}${r&&m`<span class=${o({[t.delimiter]:!0,[t.secondSuffix]:!0})}>${this.localizedSecondSuffix}</span>`||""}${l&&m`<div class=${o({[t.column]:!0,[t.meridiemStart]:this.meridiemOrder===0||V(this.el)==="rtl"})} role=group><span .ariaLabel=${this.messages.meridiemUp} class=${o({[t.button]:!0,[t.buttonMeridiemUp]:!0,[t.buttonTopRight]:!0})} @click=${this.meridiemUpClickHandler} role=button><calcite-icon icon=chevron-up .scale=${i}></calcite-icon></span><span .ariaLabel=${this.messages.meridiem} aria-valuemax=2 aria-valuemin=1 .ariaValueNow=${this.meridiem==="PM"&&"2"||"1"} .ariaValueText=${this.meridiem} class=${o({[t.input]:!0,[t.meridiem]:!0,[t.inputFocus]:this.activeEl&&this.activeEl===this.meridiemEl})} @click=${this.inputClickHandler} @focus=${this.focusHandler} @keydown=${this.meridiemKeyDownHandler} role=spinbutton tabindex=0 ${f(this.setMeridiemEl)}>${this.localizedMeridiem||"--"}</span><span .ariaLabel=${this.messages.meridiemDown} class=${o({[t.button]:!0,[t.buttonMeridiemDown]:!0,[t.buttonBottomRight]:!0})} @click=${this.meridiemDownClickHandler} role=button><calcite-icon icon=chevron-down .scale=${i}></calcite-icon></span></div>`||""}</div>`}};U("calcite-time-picker",z);export{z as TimePicker};