@esri/calcite-components 2.13.0 → 2.14.0-next.1

package/dist/calcite/p-5e711787.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.13.0
- */
-import{r as t,c as e,h as i,H as s,g as n}from"./p-0a2f91d4.js";import{s as r,c as a,d as o,H as c}from"./p-39204c81.js";import{u as h,I as u}from"./p-a805c9c4.js";import{n as l}from"./p-103c1961.js";import{c as d,d as f,g as m}from"./p-7f9ce223.js";import{c as p,s as b,a as v}from"./p-65e04a6e.js";import{n as g,f as k,i as y,e as w,g as S,c as M,d as D}from"./p-2abe8907.js";import{a as x,d as Y,c as j}from"./p-b5c9b47d.js";import{d as L,g as I}from"./p-9e9191b2.js";import{u as A,c as $,s as C,d as T}from"./p-f0661425.js";import{g as H}from"./p-fe34acf8.js";import{V as z}from"./p-130617eb.js";import{f as F,t as P}from"./p-806dc8f8.js";import{s as _}from"./p-6add61e9.js";var O=60;var W=O*60;var U=W*24;var B=U*7;var Z=1e3;var R=O*Z;var N=W*Z;var E=U*Z;var K=B*Z;var J="millisecond";var V="second";var X="minute";var q="hour";var G="day";var Q="week";var tt="month";var et="quarter";var it="year";var st="date";var nt="YYYY-MM-DDTHH:mm:ssZ";var rt="Invalid Date";var at=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/;var ot=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g;const ct={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function t(e){var i=["th","st","nd","rd"];var s=e%100;return"["+e+(i[(s-20)%10]||i[s]||i[0])+"]"}};const ht=Object.freeze({__proto__:null,default:ct});var ut=function t(e,i,s){var n=String(e);if(!n||n.length>=i)return e;return""+Array(i+1-n.length).join(s)+e};var lt=function t(e){var i=-e.utcOffset();var s=Math.abs(i);var n=Math.floor(s/60);var r=s%60;return""+(i<=0?"+":"-")+ut(n,2,"0")+":"+ut(r,2,"0")};var dt=function t(e,i){if(e.date()<i.date())return-t(i,e);var s=(i.year()-e.year())*12+(i.month()-e.month());var n=e.clone().add(s,tt);var r=i-n<0;var a=e.clone().add(s+(r?-1:1),tt);return+(-(s+(i-n)/(r?n-a:a-n))||0)};var ft=function t(e){return e<0?Math.ceil(e)||0:Math.floor(e)};var mt=function t(e){var i={M:tt,y:it,w:Q,d:G,D:st,h:q,m:X,s:V,ms:J,Q:et};return i[e]||String(e||"").toLowerCase().replace(/s$/,"")};var pt=function t(e){return e===undefined};const bt={s:ut,z:lt,m:dt,a:ft,p:mt,u:pt};var vt="en";var gt={};gt[vt]=ct;var kt="$isDayjsObject";var yt=function t(e){return e instanceof Yt||!!(e&&e[kt])};var wt=function t(e,i,s){var n;if(!e)return vt;if(typeof e==="string"){var r=e.toLowerCase();if(gt[r]){n=r}if(i){gt[r]=i;n=r}var a=e.split("-");if(!n&&a.length>1){return t(a[0])}}else{var o=e.name;gt[o]=e;n=o}if(!s&&n)vt=n;return n||!s&&vt};var St=function t(e,i){if(yt(e)){return e.clone()}var s=typeof i==="object"?i:{};s.date=e;s.args=arguments;return new Yt(s)};var Mt=function t(e,i){return St(e,{locale:i.$L,utc:i.$u,x:i.$x,$offset:i.$offset})};var Dt=bt;Dt.l=wt;Dt.i=yt;Dt.w=Mt;var xt=function t(e){var i=e.date,s=e.utc;if(i===null)return new Date(NaN);if(Dt.u(i))return new Date;if(i instanceof Date)return new Date(i);if(typeof i==="string"&&!/Z$/i.test(i)){var n=i.match(at);if(n){var r=n[2]-1||0;var a=(n[7]||"0").substring(0,3);if(s){return new Date(Date.UTC(n[1],r,n[3]||1,n[4]||0,n[5]||0,n[6]||0,a))}return new Date(n[1],r,n[3]||1,n[4]||0,n[5]||0,n[6]||0,a)}}return new Date(i)};var Yt=function(){function t(t){this.$L=wt(t.locale,null,true);this.parse(t);this.$x=this.$x||t.x||{};this[kt]=true}var e=t.prototype;e.parse=function t(e){this.$d=xt(e);this.init()};e.init=function t(){var e=this.$d;this.$y=e.getFullYear();this.$M=e.getMonth();this.$D=e.getDate();this.$W=e.getDay();this.$H=e.getHours();this.$m=e.getMinutes();this.$s=e.getSeconds();this.$ms=e.getMilliseconds()};e.$utils=function t(){return Dt};e.isValid=function t(){return!(this.$d.toString()===rt)};e.isSame=function t(e,i){var s=St(e);return this.startOf(i)<=s&&s<=this.endOf(i)};e.isAfter=function t(e,i){return St(e)<this.startOf(i)};e.isBefore=function t(e,i){return this.endOf(i)<St(e)};e.$g=function t(e,i,s){if(Dt.u(e))return this[i];return this.set(s,e)};e.unix=function t(){return Math.floor(this.valueOf()/1e3)};e.valueOf=function t(){return this.$d.getTime()};e.startOf=function t(e,i){var s=this;var n=!Dt.u(i)?i:true;var r=Dt.p(e);var a=function t(e,i){var r=Dt.w(s.$u?Date.UTC(s.$y,i,e):new Date(s.$y,i,e),s);return n?r:r.endOf(G)};var o=function t(e,i){var r=[0,0,0,0];var a=[23,59,59,999];return Dt.w(s.toDate()[e].apply(s.toDate("s"),(n?r:a).slice(i)),s)};var c=this.$W,h=this.$M,u=this.$D;var l="set"+(this.$u?"UTC":"");switch(r){case it:return n?a(1,0):a(31,11);case tt:return n?a(1,h):a(0,h+1);case Q:{var d=this.$locale().weekStart||0;var f=(c<d?c+7:c)-d;return a(n?u-f:u+(6-f),h)}case G:case st:return o(l+"Hours",0);case q:return o(l+"Minutes",1);case X:return o(l+"Seconds",2);case V:return o(l+"Milliseconds",3);default:return this.clone()}};e.endOf=function t(e){return this.startOf(e,false)};e.$set=function t(e,i){var s;var n=Dt.p(e);var r="set"+(this.$u?"UTC":"");var a=(s={},s[G]=r+"Date",s[st]=r+"Date",s[tt]=r+"Month",s[it]=r+"FullYear",s[q]=r+"Hours",s[X]=r+"Minutes",s[V]=r+"Seconds",s[J]=r+"Milliseconds",s)[n];var o=n===G?this.$D+(i-this.$W):i;if(n===tt||n===it){var c=this.clone().set(st,1);c.$d[a](o);c.init();this.$d=c.set(st,Math.min(this.$D,c.daysInMonth())).$d}else if(a)this.$d[a](o);this.init();return this};e.set=function t(e,i){return this.clone().$set(e,i)};e.get=function t(e){return this[Dt.p(e)]()};e.add=function t(e,i){var s=this,n;e=Number(e);var r=Dt.p(i);var a=function t(i){var n=St(s);return Dt.w(n.date(n.date()+Math.round(i*e)),s)};if(r===tt){return this.set(tt,this.$M+e)}if(r===it){return this.set(it,this.$y+e)}if(r===G){return a(1)}if(r===Q){return a(7)}var o=(n={},n[X]=R,n[q]=N,n[V]=Z,n)[r]||1;var c=this.$d.getTime()+e*o;return Dt.w(c,this)};e.subtract=function t(e,i){return this.add(e*-1,i)};e.format=function t(e){var i=this;var s=this.$locale();if(!this.isValid())return s.invalidDate||rt;var n=e||nt;var r=Dt.z(this);var a=this.$H,o=this.$m,c=this.$M;var h=s.weekdays,u=s.months,l=s.meridiem;var d=function t(e,s,r,a){return e&&(e[s]||e(i,n))||r[s].slice(0,a)};var f=function t(e){return Dt.s(a%12||12,e,"0")};var m=l||function(t,e,i){var s=t<12?"AM":"PM";return i?s.toLowerCase():s};var p=function t(e){switch(e){case"YY":return String(i.$y).slice(-2);case"YYYY":return Dt.s(i.$y,4,"0");case"M":return c+1;case"MM":return Dt.s(c+1,2,"0");case"MMM":return d(s.monthsShort,c,u,3);case"MMMM":return d(u,c);case"D":return i.$D;case"DD":return Dt.s(i.$D,2,"0");case"d":return String(i.$W);case"dd":return d(s.weekdaysMin,i.$W,h,2);case"ddd":return d(s.weekdaysShort,i.$W,h,3);case"dddd":return h[i.$W];case"H":return String(a);case"HH":return Dt.s(a,2,"0");case"h":return f(1);case"hh":return f(2);case"a":return m(a,o,true);case"A":return m(a,o,false);case"m":return String(o);case"mm":return Dt.s(o,2,"0");case"s":return String(i.$s);case"ss":return Dt.s(i.$s,2,"0");case"SSS":return Dt.s(i.$ms,3,"0");case"Z":return r}return null};return n.replace(ot,(function(t,e){return e||p(t)||r.replace(":","")}))};e.utcOffset=function t(){return-Math.round(this.$d.getTimezoneOffset()/15)*15};e.diff=function t(e,i,s){var n=this;var r=Dt.p(i);var a=St(e);var o=(a.utcOffset()-this.utcOffset())*R;var t=this-a;var c=function t(){return Dt.m(n,a)};var h;switch(r){case it:h=c()/12;break;case tt:h=c();break;case et:h=c()/3;break;case Q:h=(t-o)/K;break;case G:h=(t-o)/E;break;case q:h=t/N;break;case X:h=t/R;break;case V:h=t/Z;break;default:h=t;break}return s?h:Dt.a(h)};e.daysInMonth=function t(){return this.endOf(tt).$D};e.$locale=function t(){return gt[this.$L]};e.locale=function t(e,i){if(!e)return this.$L;var s=this.clone();var n=wt(e,i,true);if(n)s.$L=n;return s};e.clone=function t(){return Dt.w(this.$d,this)};e.toDate=function t(){return new Date(this.valueOf())};e.toJSON=function t(){return this.isValid()?this.toISOString():null};e.toISOString=function t(){return this.$d.toISOString()};e.toString=function t(){return this.$d.toUTCString()};return t}();var jt=Yt.prototype;St.prototype=jt;[["$ms",J],["$s",V],["$m",X],["$H",q],["$W",G],["$M",tt],["$y",it],["$D",st]].forEach((function(t){jt[t[1]]=function(e){return this.$g(e,t[0],t[1])}}));St.extend=function(t,e){if(!t.$i){t(e,Yt,St);t.$i=true}return St};St.locale=wt;St.isDayjs=yt;St.unix=function(t){return St(t*1e3)};St.en=gt[vt];St.Ls=gt;St.p={};var Lt=function t(e){return e.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(t,e,i){return e||i.slice(1)}))};var It={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"};var At=function t(e,i){return e.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(t,e,s){var n=s&&s.toUpperCase();return e||i[s]||It[s]||Lt(i[n])}))};var $t=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g;var Ct=/\d/;var Tt=/\d\d/;var Ht=/\d{3}/;var zt=/\d{4}/;var Ft=/\d\d?/;var Pt=/[+-]?\d+/;var _t=/[+-]\d\d:?(\d\d)?|Z/;var Ot=/\d*[^-_:/,()\s\d]+/;var Wt={};var Ut=function t(e){e=+e;return e+(e>68?1900:2e3)};function Bt(t){if(!t)return 0;if(t==="Z")return 0;var e=t.match(/([+-]|\d\d)/g);var i=+(e[1]*60)+(+e[2]||0);return i===0?0:e[0]==="+"?-i:i}var Zt=function t(e){return function(t){this[e]=+t}};var Rt=[_t,function(t){var e=this.zone||(this.zone={});e.offset=Bt(t)}];var Nt=function t(e){var i=Wt[e];return i&&(i.indexOf?i:i.s.concat(i.f))};var Et=function t(e,i){var s;var n=Wt,r=n.meridiem;if(!r){s=e===(i?"pm":"PM")}else{for(var a=1;a<=24;a+=1){if(e.indexOf(r(a,0,i))>-1){s=a>12;break}}}return s};var Kt={A:[Ot,function(t){this.afternoon=Et(t,false)}],a:[Ot,function(t){this.afternoon=Et(t,true)}],S:[Ct,function(t){this.milliseconds=+t*100}],SS:[Tt,function(t){this.milliseconds=+t*10}],SSS:[Ht,function(t){this.milliseconds=+t}],s:[Ft,Zt("seconds")],ss:[Ft,Zt("seconds")],m:[Ft,Zt("minutes")],mm:[Ft,Zt("minutes")],H:[Ft,Zt("hours")],h:[Ft,Zt("hours")],HH:[Ft,Zt("hours")],hh:[Ft,Zt("hours")],D:[Ft,Zt("day")],DD:[Tt,Zt("day")],Do:[Ot,function(t){var e=Wt,i=e.ordinal;var s=t.match(/\d+/);this.day=s[0];if(!i)return;for(var n=1;n<=31;n+=1){if(i(n).replace(/\[|\]/g,"")===t){this.day=n}}}],M:[Ft,Zt("month")],MM:[Tt,Zt("month")],MMM:[Ot,function(t){var e=Nt("months");var i=Nt("monthsShort");var s=(i||e.map((function(t){return t.slice(0,3)}))).indexOf(t)+1;if(s<1){throw new Error}this.month=s%12||s}],MMMM:[Ot,function(t){var e=Nt("months");var i=e.indexOf(t)+1;if(i<1){throw new Error}this.month=i%12||i}],Y:[Pt,Zt("year")],YY:[Tt,function(t){this.year=Ut(t)}],YYYY:[zt,Zt("year")],Z:Rt,ZZ:Rt};function Jt(t){var e=t.afternoon;if(e!==undefined){var i=t.hours;if(e){if(i<12){t.hours+=12}}else if(i===12){t.hours=0}delete t.afternoon}}function Vt(t){t=At(t,Wt&&Wt.formats);var e=t.match($t);var i=e.length;for(var s=0;s<i;s+=1){var n=e[s];var r=Kt[n];var a=r&&r[0];var o=r&&r[1];if(o){e[s]={regex:a,parser:o}}else{e[s]=n.replace(/^\[|\]$/g,"")}}return function(t){var s={};for(var n=0,r=0;n<i;n+=1){var a=e[n];if(typeof a==="string"){r+=a.length}else{var o=a.regex,c=a.parser;var h=t.slice(r);var u=o.exec(h);var l=u[0];c.call(s,l);t=t.replace(l,"")}}Jt(s);return s}}var Xt=function t(e,i,s){try{if(["x","X"].indexOf(i)>-1)return new Date((i==="X"?1e3:1)*e);var n=Vt(i);var r=n(e),a=r.year,o=r.month,c=r.day,h=r.hours,u=r.minutes,l=r.seconds,d=r.milliseconds,f=r.zone;var m=new Date;var p=c||(!a&&!o?m.getDate():1);var b=a||m.getFullYear();var v=0;if(!(a&&!o)){v=o>0?o-1:m.getMonth()}var g=h||0;var k=u||0;var y=l||0;var w=d||0;if(f){return new Date(Date.UTC(b,v,p,g,k,y,w+f.offset*60*1e3))}if(s){return new Date(Date.UTC(b,v,p,g,k,y,w))}return new Date(b,v,p,g,k,y,w)}catch(t){return new Date("")}};const qt=function(t,e,i){i.p.customParseFormat=true;if(t&&t.parseTwoDigitYear){Ut=t.parseTwoDigitYear}var s=e.prototype;var n=s.parse;s.parse=function(t){var e=t.date,s=t.utc,r=t.args;this.$u=s;var a=r[1];if(typeof a==="string"){var o=r[2]===true;var c=r[3]===true;var h=o||c;var u=r[2];if(c){u=r[2]}Wt=this.$locale();if(!o&&u){Wt=i.Ls[u]}this.$d=Xt(e,a,s);this.init();if(u&&u!==true)this.$L=this.locale(u).$L;if(h&&e!=this.format(a)){this.$d=new Date("")}Wt={}}else if(a instanceof Array){var l=a.length;for(var d=1;d<=l;d+=1){r[1]=a[d-1];var f=i.apply(this,r);if(f.isValid()){this.$d=f.$d;this.$L=f.$L;this.init();break}if(d===l)this.$d=new Date("")}}else{n.call(this,t)}}};const Gt=function(t,e,i){var s=e.prototype;var n=function t(e){return e&&(e.indexOf?e:e.s)};var r=function t(e,i,s,r,a){var o=e.name?e:e.$locale();var c=n(o[i]);var h=n(o[s]);var u=c||h.map((function(t){return t.slice(0,r)}));if(!a)return u;var l=o.weekStart;return u.map((function(t,e){return u[(e+(l||0))%7]}))};var a=function t(){return i.Ls[i.locale()]};var o=function t(e,i){return e.formats[i]||Lt(e.formats[i.toUpperCase()])};var c=function t(){var e=this;return{months:function t(i){return i?i.format("MMMM"):r(e,"months")},monthsShort:function t(i){return i?i.format("MMM"):r(e,"monthsShort","months",3)},firstDayOfWeek:function t(){return e.$locale().weekStart||0},weekdays:function t(i){return i?i.format("dddd"):r(e,"weekdays")},weekdaysMin:function t(i){return i?i.format("dd"):r(e,"weekdaysMin","weekdays",2)},weekdaysShort:function t(i){return i?i.format("ddd"):r(e,"weekdaysShort","weekdays",3)},longDateFormat:function t(i){return o(e.$locale(),i)},meridiem:this.$locale().meridiem,ordinal:this.$locale().ordinal}};s.localeData=function(){return c.bind(this)()};i.localeData=function(){var t=a();return{firstDayOfWeek:function e(){return t.weekStart||0},weekdays:function t(){return i.weekdays()},weekdaysShort:function t(){return i.weekdaysShort()},weekdaysMin:function t(){return i.weekdaysMin()},months:function t(){return i.months()},monthsShort:function t(){return i.monthsShort()},longDateFormat:function e(i){return o(t,i)},meridiem:t.meridiem,ordinal:t.ordinal}};i.months=function(){return r(a(),"months")};i.monthsShort=function(){return r(a(),"monthsShort","months",3)};i.weekdays=function(t){return r(a(),"weekdays",null,null,t)};i.weekdaysShort=function(t){return r(a(),"weekdaysShort","weekdays",3,t)};i.weekdaysMin=function(t){return r(a(),"weekdaysMin","weekdays",2,t)}};const Qt=function(t,e,i){var s=e.prototype;var n=s.format;i.en.formats=It;s.format=function(t){if(t===void 0){t=nt}var e=this.$locale(),i=e.formats,s=i===void 0?{}:i;var r=At(t,s);return n.call(this,r)}};const te=function(t,e){var i=e.prototype.parse;e.prototype.parse=function(t){if(typeof t.date==="string"){var e=this.$locale();t.date=e&&e.preparse?e.preparse(t.date):t.date}return i.bind(this)(t)};var s=e.prototype.format;e.prototype.format=function(){for(var t=arguments.length,e=new Array(t),i=0;i<t;i++){e[i]=arguments[i]}var n=s.call.apply(s,[this].concat(e));var r=this.$locale();return r&&r.postformat?r.postformat(n):n};var n=e.prototype.fromToBase;if(n){e.prototype.fromToBase=function(t,e,i,s){var r=this.$locale()||i.$locale();return n.call(this,t,e,i,s,r&&r.postformat)}}};const ee=function(t,e,i){i.updateLocale=function(t,e){var s=i.Ls;var n=s[t];if(!n)return;var r=e?Object.keys(e):[];r.forEach((function(t){n[t]=e[t]}));return n}};const ie=5;function se(t,e,i=true,s){const n={hour:"2-digit",minute:"2-digit",timeZone:"UTC",numberingSystem:w(e)};if(i){n.second="2-digit";if(s){n.fractionalSecondDigits=s}}return k(t,n)}function ne(t,e){if(t===null||t===undefined){return}const i=t.toString();const s=L(t);if(t<1&&s>0&&s<4){const t=i.replace("0.","");if(!e||t.length===e){return t}if(t.length<e){return t.padEnd(e,"0")}return t}if(t>=0&&t<10){return i.padStart(2,"0")}if(t>=10){return i}}function re(t){if(!fe(t)){return null}const{hour:e,minute:i,second:s,fractionalSecond:n}=ke(t);let r=`${ne(parseInt(e))}:${ne(parseInt(i))}`;if(s){r+=`:${ne(parseInt(s))}`;if(n){r+=`.${n}`}}return r}function ae(t){return parseInt((parseFloat(`0.${t}`)/.001).toFixed(3))}function oe(t,e){const i=se(t,e);const s=i.formatToParts(new Date(Date.UTC(0,0,0,0,0,0)));return ue("meridiem",s)?"12":"24"}function ce(t,e){g.numberFormatOptions={locale:t,numberingSystem:e};return g.localize("1.1").split("")[1]}function he(t,e,i="latn"){const s=se(e,i);const n=s.formatToParts(new Date(Date.UTC(0,0,0,0,0,0)));return ue(`${t}Suffix`,n)}function ue(t,e){if(!t||!e){return null}if(t==="hourSuffix"){const t=e.indexOf(e.find((({type:t})=>t==="hour")));const i=e.indexOf(e.find((({type:t})=>t==="minute")));const s=e[t+1];return s&&s.type==="literal"&&i-t===2?s.value?.trim()||null:null}if(t==="minuteSuffix"){const t=e.indexOf(e.find((({type:t})=>t==="minute")));const i=e.indexOf(e.find((({type:t})=>t==="second")));const s=e[t+1];return s&&s.type==="literal"&&i-t===2?s.value?.trim()||null:null}if(t==="secondSuffix"){const t=e.indexOf(e.find((({type:t})=>t==="second")));const i=e[t+1];return i&&i.type==="literal"?i.value?.trim()||null:null}return e.find((({type:e})=>t=="meridiem"?e==="dayPeriod":e===t))?.value||null}function le(t){if(!y(t)){return null}const e=parseInt(t);return e>=0&&e<=11?"AM":"PM"}function de(t){const e=t==="ar"||t==="he";if(e){return 0}const i=ge({value:"00:00:00",locale:t,numberingSystem:"latn"});return i.findIndex((t=>t.type==="dayPeriod"))}function fe(t){if(!t||t.startsWith(":")||t.endsWith(":")){return false}const e=t.split(":");const i=e.length>1&&e.length<4;if(!i){return false}const[s,n,r]=e;const a=parseInt(e[0]);const o=parseInt(e[1]);const c=parseInt(e[2]);const h=y(s)&&a>=0&&a<24;const u=y(n)&&o>=0&&o<60;const l=y(r)&&c>=0&&c<60;if(h&&u&&!r||h&&u&&l){return true}}function me(t,e){if(e==="meridiem"){return t==="AM"||t==="PM"}if(!y(t)){return false}const i=Number(t);return e==="hour"?i>=0&&i<24:i>=0&&i<60}function pe({value:t,part:e,locale:i,numberingSystem:s}){if(e==="fractionalSecond"){const e=ce(i,s);let n=null;if(t){g.numberFormatOptions={locale:i,numberingSystem:s};const r=g.localize("0");if(parseInt(t)===0){n="".padStart(t.length,r)}else{n=g.localize(`0.${t}`).replace(`${r}${e}`,"");if(n.length<t.length){n=n.padEnd(t.length,r)}}}return n}if(!me(t,e)){return}const n=parseInt(t);const r=new Date(Date.UTC(0,0,0,e==="hour"?n:e==="meridiem"?t==="AM"?0:12:0,e==="minute"?n:0,e==="second"?n:0));if(!r){return}const a=se(i,s);const o=a.formatToParts(r);return ue(e,o)}function be({value:t,locale:e,numberingSystem:i,includeSeconds:s=true,fractionalSecondDigits:n}){if(!fe(t)){return null}const{hour:r,minute:a,second:o="0",fractionalSecond:c}=ke(t);const h=new Date(Date.UTC(0,0,0,parseInt(r),parseInt(a),parseInt(o),c&&ae(c)));const u=se(e,i,s,n);return u.format(h)||null}function ve({value:t,locale:e,numberingSystem:i="latn"}){if(!fe(t)){return null}const{hour:s,minute:n,second:r="0",fractionalSecond:a}=ke(t);const o=new Date(Date.UTC(0,0,0,parseInt(s),parseInt(n),parseInt(r)));if(o){const t=se(e,i);const s=t.formatToParts(o);return{localizedHour:ue("hour",s),localizedHourSuffix:ue("hourSuffix",s),localizedMinute:ue("minute",s),localizedMinuteSuffix:ue("minuteSuffix",s),localizedSecond:ue("second",s),localizedDecimalSeparator:ce(e,i),localizedFractionalSecond:pe({value:a,part:"fractionalSecond",locale:e,numberingSystem:i}),localizedSecondSuffix:ue("secondSuffix",s),localizedMeridiem:ue("meridiem",s)}}return null}function ge({value:t,locale:e,numberingSystem:i}){if(!fe(t)){return null}const{hour:s,minute:n,second:r="0"}=ke(t);const a=new Date(Date.UTC(0,0,0,parseInt(s),parseInt(n),parseInt(r)));if(a){const t=se(e,i);const s=t.formatToParts(a);return s}return null}function ke(t){if(fe(t)){const[e,i,s]=t.split(":");let n=s;let r=null;if(s?.includes(".")){[n,r]=s.split(".")}return{fractionalSecond:r,hour:e,minute:i,second:n}}return{fractionalSecond:null,hour:null,minute:null,second:null}}function ye(t,e=true){if(!fe(t)){return""}const{hour:i,minute:s,second:n,fractionalSecond:r}=ke(t);let a=`${ne(parseInt(i))}:${ne(parseInt(s))}`;if(e){a+=`:${ne(parseInt(e&&n||"0"))}`;if(r){a+=`.${r}`}}return a}const we={toggleIcon:"toggle-icon"};const Se={validationMessage:"inputTimePickerValidationMessage"};const Me=":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:inline-block;-webkit-user-select:none;user-select:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([scale=s]){--calcite-toggle-spacing:0.5rem;--calcite-internal-input-text-input-padding-inline-end:calc(var(--calcite-toggle-spacing) + 1rem)}:host([scale=m]){--calcite-toggle-spacing:0.75rem;--calcite-internal-input-text-input-padding-inline-end:calc(var(--calcite-toggle-spacing) + 1.5rem)}:host([scale=l]){--calcite-toggle-spacing:1rem;--calcite-internal-input-text-input-padding-inline-end:calc(var(--calcite-toggle-spacing) + 2rem)}.input-wrapper{position:relative}.toggle-icon{position:absolute;display:flex;cursor:pointer;align-items:center;inset-inline-end:0;inset-block:0;padding-inline:var(--calcite-toggle-spacing);--calcite-icon-color:var(--calcite-color-text-3)}.input-wrapper:hover .toggle-icon,calcite-input-text:focus+.toggle-icon{--calcite-icon-color:var(--calcite-color-text-1)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}:host([hidden]){display:none}[hidden]{display:none}";const De=Me;const xe=new Map([["ar",()=>import("./p-ec1b0408.js")],["bg",()=>import("./p-dab34e04.js")],["bs",()=>import("./p-31a47bbe.js")],["ca",()=>import("./p-28cd83b4.js")],["cs",()=>import("./p-b4f66449.js")],["da",()=>import("./p-352ce9fd.js")],["de",()=>import("./p-1763b1d5.js")],["de-at",()=>import("./p-48e48236.js")],["de-ch",()=>import("./p-fd80a528.js")],["el",()=>import("./p-db06cfbd.js")],["en",()=>Promise.resolve().then((function(){return ht}))],["en-au",()=>import("./p-3d13579c.js")],["en-ca",()=>import("./p-0bff2a9e.js")],["en-gb",()=>import("./p-e113fc3f.js")],["es",()=>import("./p-d8c3cdf8.js")],["es-mx",()=>import("./p-2213d962.js")],["et",()=>import("./p-fb573f9c.js")],["fi",()=>import("./p-c253b79c.js")],["fr",()=>import("./p-c3ca54ab.js")],["fr-ch",()=>import("./p-b205ac7c.js")],["he",()=>import("./p-3b524d5d.js")],["hi",()=>import("./p-f2fa9662.js")],["hr",()=>import("./p-177bb2be.js")],["hu",()=>import("./p-157d3262.js")],["id",()=>import("./p-67416aa2.js")],["it",()=>import("./p-51f4a71f.js")],["it-ch",()=>import("./p-a80be72d.js")],["ja",()=>import("./p-d0830adb.js")],["ko",()=>import("./p-1b7ac1e2.js")],["lt",()=>import("./p-0c3a7aef.js")],["lv",()=>import("./p-171cc70f.js")],["mk",()=>import("./p-71c2eb1d.js")],["nl",()=>import("./p-80cad977.js")],["nb",()=>import("./p-6f466e42.js")],["pl",()=>import("./p-e088bc24.js")],["pt",()=>import("./p-00878179.js")],["pt-br",()=>import("./p-4ad46f6a.js")],["ro",()=>import("./p-628d0e7e.js")],["ru",()=>import("./p-9ac3435b.js")],["sk",()=>import("./p-a740d4fb.js")],["sl",()=>import("./p-21783a8c.js")],["sr",()=>import("./p-4479b3b4.js")],["sv",()=>import("./p-38f5f8d0.js")],["th",()=>import("./p-bf2ebda2.js")],["tr",()=>import("./p-3c60739e.js")],["uk",()=>import("./p-59a606d8.js")],["vi",()=>import("./p-e21e45c7.js")],["zh-cn",()=>import("./p-9746ac30.js")],["zh-hk",()=>import("./p-52947e04.js")],["zh-tw",()=>import("./p-9646cd20.js")]]);St.extend(qt);St.extend(Gt);St.extend(Qt);St.extend(te);St.extend(ee);const Ye=class{constructor(i){t(this,i);this.calciteInputTimePickerBeforeClose=e(this,"calciteInputTimePickerBeforeClose",6);this.calciteInputTimePickerBeforeOpen=e(this,"calciteInputTimePickerBeforeOpen",6);this.calciteInputTimePickerChange=e(this,"calciteInputTimePickerChange",7);this.calciteInputTimePickerClose=e(this,"calciteInputTimePickerClose",6);this.calciteInputTimePickerOpen=e(this,"calciteInputTimePickerOpen",6);this.focusOnOpen=false;this.userChangedValue=false;this.hostBlurHandler=()=>{const t=this.calciteInputEl.value;const e=this.delocalizeTimeString(t);if(!e){this.setValue("");return}if(e!==this.value){this.setValue(e)}const i=be({value:this.value,locale:this.effectiveLocale,numberingSystem:this.numberingSystem,includeSeconds:this.shouldIncludeSeconds(),fractionalSecondDigits:L(this.step)});if(i!==t){this.setInputValue(i)}this.deactivate()};this.calciteInternalInputFocusHandler=t=>{if(!this.readOnly){t.stopPropagation()}};this.calciteInternalInputInputHandler=t=>{const{effectiveLocale:e,numberingSystem:i}=this;if(i&&i!=="latn"){const s=t.target;g.numberFormatOptions={locale:e,numberingSystem:i,useGrouping:false};const n=g.delocalize(s.value).split("").map((t=>l.includes(t)?g.numberFormatter.format(Number(t)):t)).join("");this.setInputValue(n)}};this.timePickerChangeHandler=t=>{t.stopPropagation();const e=t.target;const i=e.value;const s=this.shouldIncludeSeconds();this.setValue(ye(i,s));this.setInputValue(be({value:i,locale:this.effectiveLocale,numberingSystem:this.numberingSystem,includeSeconds:s,fractionalSecondDigits:L(this.step)}))};this.popoverBeforeOpenHandler=t=>{t.stopPropagation();this.calciteInputTimePickerBeforeOpen.emit()};this.popoverOpenHandler=t=>{t.stopPropagation();this.calciteInputTimePickerOpen.emit();x(this,{onActivate:()=>{if(this.focusOnOpen){this.calciteTimePickerEl.setFocus();this.focusOnOpen=false}}})};this.popoverBeforeCloseHandler=t=>{t.stopPropagation();this.calciteInputTimePickerBeforeClose.emit()};this.popoverCloseHandler=t=>{t.stopPropagation();this.calciteInputTimePickerClose.emit();Y(this,{onDeactivate:()=>{this.calciteInputEl.setFocus();this.focusOnOpen=false}});this.open=false};this.keyDownHandler=t=>{const{defaultPrevented:e,key:i}=t;if(e){return}if(i==="Enter"){if(r(this)){t.preventDefault();this.calciteInputEl.setFocus()}if(t.composedPath().includes(this.calciteTimePickerEl)){return}const e=this.delocalizeTimeString(this.calciteInputEl.value);if(fe(e)){this.setValue(e);const t=be({value:this.value,locale:this.effectiveLocale,numberingSystem:this.numberingSystem,includeSeconds:this.shouldIncludeSeconds(),fractionalSecondDigits:L(this.step)});if(e&&this.calciteInputEl.value!==t){this.setInputValue(t)}}}else if(i==="ArrowDown"){this.open=true;this.focusOnOpen=true;t.preventDefault()}else if(i==="Escape"&&this.open){this.open=false;t.preventDefault();this.calciteInputEl.setFocus()}};this.setCalcitePopoverEl=t=>{this.popoverEl=t;this.openHandler()};this.setInputEl=t=>{this.calciteInputEl=t};this.setCalciteTimePickerEl=t=>{this.calciteTimePickerEl=t;j(this,{focusTrapEl:t,focusTrapOptions:{initialFocus:false,setReturnFocus:false}})};this.setInputValue=t=>{if(!this.calciteInputEl){return}this.calciteInputEl.value=t};this.setValue=t=>{const e=this.value;const i=re(t)||"";if(i===e){return}this.userChangedValue=true;this.value=i||"";const s=this.calciteInputTimePickerChange.emit();if(s.defaultPrevented){this.userChangedValue=false;this.value=e;this.setInputValue(be({value:e,locale:this.effectiveLocale,numberingSystem:this.numberingSystem,includeSeconds:this.shouldIncludeSeconds(),fractionalSecondDigits:L(this.step)}))}};this.setValueDirectly=t=>{const e=this.shouldIncludeSeconds();this.value=ye(t,e);this.setInputValue(this.value?be({value:this.value,includeSeconds:e,locale:this.effectiveLocale,numberingSystem:this.numberingSystem,fractionalSecondDigits:L(this.step)}):"")};this.onInputWrapperClick=()=>{this.open=!this.open};this.deactivate=()=>{this.open=false};this.open=false;this.disabled=false;this.focusTrapDisabled=false;this.form=undefined;this.readOnly=false;this.max=undefined;this.min=undefined;this.messageOverrides=undefined;this.messages=undefined;this.validationMessage=undefined;this.validationIcon=undefined;this.validity={valid:false,badInput:false,customError:false,patternMismatch:false,rangeOverflow:false,rangeUnderflow:false,stepMismatch:false,tooLong:false,tooShort:false,typeMismatch:false,valueMissing:false};this.name=undefined;this.numberingSystem=undefined;this.required=false;this.scale="m";this.status="idle";this.overlayPositioning="absolute";this.placement="auto";this.step=60;this.value=null;this.calciteInputEl=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}openHandler(){if(this.disabled||this.readOnly){this.open=false;return}this.popoverEl.open=this.open}handleFocusTrapDisabled(t){if(!this.open){return}t?Y(this):x(this)}handleDisabledAndReadOnlyChange(t){if(!t){this.open=false}}onMessagesChange(){}numberingSystemWatcher(t){this.setInputValue(be({value:this.value,locale:this.effectiveLocale,numberingSystem:t,includeSeconds:this.shouldIncludeSeconds(),fractionalSecondDigits:L(this.step)}))}stepWatcher(t,e){if(e>=60&&t>0&&t<60||t>=60&&e>0&&e<60){this.setValueDirectly(this.value)}}valueWatcher(t){if(!this.userChangedValue){this.setValueDirectly(t)}this.userChangedValue=false}async effectiveLocaleWatcher(t){await Promise.all([this.loadDateTimeLocaleData(),A(this,this.effectiveLocale)]);this.setInputValue(be({value:this.value,locale:t,numberingSystem:this.numberingSystem,includeSeconds:this.shouldIncludeSeconds(),fractionalSecondDigits:L(this.step)}))}async setFocus(){await p(this);F(this.el)}async reposition(t=false){this.popoverEl?.reposition(t)}syncHiddenFormInput(t){_("time",this,t)}delocalizeTimeString(t){St.locale(this.effectiveLocale.toLowerCase());const e=this.delocalizeTimeStringToParts(t);let i;if(this.shouldIncludeFractionalSeconds()){const s=L(this.step);const n=this.delocalizeTimeStringToParts(t,"S");if(s===1){i=n.millisecond!==0?this.getTimeStringFromParts(n):this.getTimeStringFromParts(e)}else{const r=this.delocalizeTimeStringToParts(t,"SS");if(s===2){if(r.millisecond!==0){i=this.getTimeStringFromParts(r)}else if(n.millisecond!==0){i=this.getTimeStringFromParts(n)}else{i=this.getTimeStringFromParts(e)}}else if(s>=3){const s=this.delocalizeTimeStringToParts(t,"SSS");if(s.millisecond!==0){i=this.getTimeStringFromParts(s)}else if(r.millisecond!==0){i=this.getTimeStringFromParts(r)}else if(n.millisecond!==0){i=this.getTimeStringFromParts(n)}else{i=this.getTimeStringFromParts(e)}}}}else{i=this.getTimeStringFromParts(e)}return i}delocalizeTimeStringToParts(t,e){const i=this.localeConfig?.formats?.LTS;const s=i.match(/ss\.*(S+)/g);if(e&&this.shouldIncludeFractionalSeconds()){const t=`ss.${e}`;this.localeConfig.formats.LTS=s?i.replace(s[0],t):i.replace("ss",t)}else if(s){this.localeConfig.formats.LTS=i.replace(s[0],"ss")}St.updateLocale(this.getSupportedDayjsLocale(S(this.effectiveLocale)),this.localeConfig);const n=St(t,["LTS","LT"]);if(n.isValid()){return{hour:n.get("hour"),minute:n.get("minute"),second:n.get("second"),millisecond:n.get("millisecond")}}return{hour:null,minute:null,second:null,millisecond:null}}getTimeStringFromParts(t){let e="";if(!t){return e}if(t.hour!==null&&t.minute!==null){e=`${ne(t.hour)}:${ne(t.minute)}`;if(this.shouldIncludeSeconds()&&t.second!==null){e+=`:${ne(t.second)}`;if(this.shouldIncludeFractionalSeconds()&&t.millisecond!==null){const i=(t.millisecond*.001).toFixed(L(this.step));e+=`.${i.toString().replace("0.","")}`}}}return e}getSupportedDayjsLocale(t){const e=t.toLowerCase();if(e==="no"){return"nb"}if(e==="pt-pt"){return"pt"}return e}async loadDateTimeLocaleData(){let t=S(this.effectiveLocale).toLowerCase();t=this.getSupportedDayjsLocale(t);const{default:e}=await xe.get(t)();this.localeConfig=e;St.locale(this.localeConfig,null,true);St.updateLocale(t,this.getExtendedLocaleConfig(t))}getExtendedLocaleConfig(t){if(t==="ar"){return{meridiem:t=>t>12?"م":"ص",formats:{LT:"HH:mm A",LTS:"HH:mm:ss A",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm A",LLLL:"dddd D MMMM YYYY HH:mm A"}}}if(t==="en-au"){return{meridiem:t=>t>12?"pm":"am"}}if(t==="en-ca"){return{meridiem:t=>t>12?"p.m.":"a.m."}}if(t==="el"){return{meridiem:t=>t>12?"μ.μ.":"π.μ."}}if(t==="hi"){return{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"},meridiem:t=>t>12?"pm":"am"}}if(t==="ko"){return{meridiem:t=>t>12?"오후":"오전"}}if(t==="zh-tw"){return{formats:{LT:"AHH:mm",LTS:"AHH:mm:ss"}}}if(t==="zh-hk"){return{formats:{LT:"AHH:mm",LTS:"AHH:mm:ss"},meridiem:t=>t>12?"下午":"上午"}}}onLabelClick(){this.setFocus()}shouldIncludeSeconds(){return this.step<60}shouldIncludeFractionalSeconds(){return L(this.step)>0}connectedCallback(){M(this);if(fe(this.value)){this.setValueDirectly(this.value)}else{this.value=undefined}d(this);a(this);$(this)}async componentWillLoad(){b(this);await Promise.all([C(this),this.loadDateTimeLocaleData()])}componentDidLoad(){v(this);if(fe(this.value)){this.setInputValue(be({value:this.value,locale:this.effectiveLocale,numberingSystem:this.numberingSystem,includeSeconds:this.shouldIncludeSeconds(),fractionalSecondDigits:L(this.step)}))}}disconnectedCallback(){f(this);o(this);D(this);Y(this);T(this)}componentDidRender(){h(this)}render(){const{disabled:t,messages:e,readOnly:n}=this;return i(s,{key:"7d5021d0867938190a71ecc258687504668aa919",onBlur:this.hostBlurHandler,onKeyDown:this.keyDownHandler},i(u,{key:"3df503ada54e8259f0e4e7013191942e4bc17020",disabled:this.disabled},i("div",{key:"748dd86d90db29b4baaa1af42839b3b234e54d0b",class:"input-wrapper",onClick:this.onInputWrapperClick},i("calcite-input-text",{key:"af404dc58cb00afb62ecef587db4426bfc7b3495","aria-autocomplete":"none","aria-errormessage":Se.validationMessage,"aria-haspopup":"dialog","aria-invalid":P(this.status==="invalid"),disabled:t,icon:"clock",label:m(this),lang:this.effectiveLocale,onCalciteInputTextInput:this.calciteInternalInputInputHandler,onCalciteInternalInputTextFocus:this.calciteInternalInputFocusHandler,readOnly:n,ref:this.setInputEl,role:"combobox",scale:this.scale,status:this.status},!this.readOnly&&this.renderToggleIcon(this.open))),i("calcite-popover",{key:"93f1e3a580ad988617e4959a2e379f03a5128bf0",autoClose:true,focusTrapDisabled:true,label:e.chooseTime,lang:this.effectiveLocale,onCalcitePopoverBeforeClose:this.popoverBeforeCloseHandler,onCalcitePopoverBeforeOpen:this.popoverBeforeOpenHandler,onCalcitePopoverClose:this.popoverCloseHandler,onCalcitePopoverOpen:this.popoverOpenHandler,overlayPositioning:this.overlayPositioning,placement:this.placement,ref:this.setCalcitePopoverEl,referenceElement:this.calciteInputEl,triggerDisabled:true},i("calcite-time-picker",{key:"264696f0f4187f69999b4d751ffbe02759214e78",lang:this.effectiveLocale,messageOverrides:this.messageOverrides,numberingSystem:this.numberingSystem,onCalciteInternalTimePickerChange:this.timePickerChangeHandler,ref:this.setCalciteTimePickerEl,scale:this.scale,step:this.step,tabIndex:this.open?undefined:-1,value:this.value})),i(c,{key:"73e605e12a6de2c5480e392cbfbea09025243111",component:this}),this.validationMessage&&this.status==="invalid"?i(z,{icon:this.validationIcon,id:Se.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null))}renderToggleIcon(t){return i("span",{class:we.toggleIcon,slot:"action"},i("calcite-icon",{icon:t?"chevron-up":"chevron-down",scale:H(this.scale)}))}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{open:["openHandler"],focusTrapDisabled:["handleFocusTrapDisabled"],disabled:["handleDisabledAndReadOnlyChange"],readOnly:["handleDisabledAndReadOnlyChange"],messageOverrides:["onMessagesChange"],numberingSystem:["numberingSystemWatcher"],step:["stepWatcher"],value:["valueWatcher"],effectiveLocale:["effectiveLocaleWatcher"]}}};Ye.style=De;const je={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",delimiter:"delimiter",fractionalSecond:"fractionalSecond",hour:"hour",input:"input",inputFocus:"inputFocus",meridiem:"meridiem",minute:"minute",second:"second",showMeridiem:"show-meridiem",showSecond:"show-second","scale-s":"scale-s","scale-m":"scale-m","scale-l":"scale-l",timePicker:"time-picker",meridiemStart:"meridiem--start"};const Le=":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, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);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:0.75rem;padding-block:0.25rem}.time-picker.scale-s:not(.show-meridiem) .delimiter:last-child{padding-inline-end:0.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:0.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:0.75rem}.time-picker.scale-l:not(.show-meridiem) .delimiter:last-child{padding-inline-end:1.25rem}:host([hidden]){display:none}[hidden]{display:none}";const Ie=Le;function Ae(t){return t.charAt(0).toUpperCase()+t.slice(1)}const $e=class{constructor(i){t(this,i);this.calciteInternalTimePickerChange=e(this,"calciteInternalTimePickerChange",6);this.pointerActivated=false;this.decrementHour=()=>{const t=!this.hour?0:this.hour==="00"?23:parseInt(this.hour)-1;this.setValuePart("hour",t)};this.decrementMeridiem=()=>{const t=this.meridiem==="PM"?"AM":"PM";this.setValuePart("meridiem",t)};this.decrementMinuteOrSecond=t=>{let e;if(y(this[t])){const i=parseInt(this[t]);e=i===0?59:i-1}else{e=59}this.setValuePart(t,e)};this.decrementMinute=()=>{this.decrementMinuteOrSecond("minute")};this.decrementSecond=()=>{this.decrementMinuteOrSecond("second")};this.focusHandler=t=>{if(this.pointerActivated){return}this.activeEl=t.currentTarget};this.fractionalSecondKeyDownHandler=t=>{const{key:e}=t;if(l.includes(e)){const t=L(this.step);const i=parseInt(this.fractionalSecond);const s=i.toString().length;let n;if(s>=t){n=e.padStart(t,"0")}else if(s<t){n=`${i}${e}`.padStart(t,"0")}this.setValuePart("fractionalSecond",parseFloat(`0.${n}`))}else{switch(e){case"Backspace":case"Delete":this.setValuePart("fractionalSecond",null);break;case"ArrowDown":t.preventDefault();this.nudgeFractionalSecond("down");break;case"ArrowUp":t.preventDefault();this.nudgeFractionalSecond("up");break;case" ":t.preventDefault();break}}};this.fractionalSecondDownClickHandler=()=>{this.activeEl=this.fractionalSecondEl;this.fractionalSecondEl.focus();this.nudgeFractionalSecond("down")};this.fractionalSecondUpClickHandler=()=>{this.activeEl=this.fractionalSecondEl;this.fractionalSecondEl.focus();this.nudgeFractionalSecond("up")};this.hourDownClickHandler=()=>{this.activeEl=this.hourEl;this.hourEl.focus();this.decrementHour()};this.hourKeyDownHandler=t=>{const{key:e}=t;if(l.includes(e)){const t=parseInt(e);let i;if(y(this.hour)){switch(this.hourCycle){case"12":i=this.hour==="01"&&t>=0&&t<=2?`1${t}`:t;break;case"24":if(this.hour==="01"){i=`1${t}`}else if(this.hour==="02"&&t>=0&&t<=3){i=`2${t}`}else{i=t}break}}else{i=t}this.setValuePart("hour",i)}else{switch(e){case"Backspace":case"Delete":this.setValuePart("hour",null);break;case"ArrowDown":t.preventDefault();this.decrementHour();break;case"ArrowUp":t.preventDefault();this.incrementHour();break;case" ":t.preventDefault();break}}};this.hourUpClickHandler=()=>{this.activeEl=this.hourEl;this.hourEl.focus();this.incrementHour()};this.incrementMeridiem=()=>{const t=this.meridiem==="AM"?"PM":"AM";this.setValuePart("meridiem",t)};this.incrementHour=()=>{const t=y(this.hour)?this.hour==="23"?0:parseInt(this.hour)+1:1;this.setValuePart("hour",t)};this.incrementMinuteOrSecond=t=>{const e=y(this[t])?this[t]==="59"?0:parseInt(this[t])+1:0;this.setValuePart(t,e)};this.incrementMinute=()=>{this.incrementMinuteOrSecond("minute")};this.incrementSecond=()=>{this.incrementMinuteOrSecond("second")};this.inputClickHandler=t=>{this.activeEl=t.target};this.meridiemUpClickHandler=()=>{this.activeEl=this.meridiemEl;this.meridiemEl.focus();this.incrementMeridiem()};this.meridiemKeyDownHandler=t=>{switch(t.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":t.preventDefault();this.incrementMeridiem();break;case"ArrowDown":t.preventDefault();this.decrementMeridiem();break;case" ":t.preventDefault();break}};this.meridiemDownClickHandler=()=>{this.activeEl=this.meridiemEl;this.meridiemEl.focus();this.decrementMeridiem()};this.minuteDownClickHandler=()=>{this.activeEl=this.minuteEl;this.minuteEl.focus();this.decrementMinute()};this.minuteUpClickHandler=()=>{this.activeEl=this.minuteEl;this.minuteEl.focus();this.incrementMinute()};this.minuteKeyDownHandler=t=>{const{key:e}=t;if(l.includes(e)){const t=parseInt(e);let i;if(y(this.minute)&&this.minute.startsWith("0")){const e=parseInt(this.minute);i=e>ie?t:`${e}${t}`}else{i=t}this.setValuePart("minute",i)}else{switch(e){case"Backspace":case"Delete":this.setValuePart("minute",null);break;case"ArrowDown":t.preventDefault();this.decrementMinute();break;case"ArrowUp":t.preventDefault();this.incrementMinute();break;case" ":t.preventDefault();break}}};this.nudgeFractionalSecond=t=>{const e=I(this.step);const i=L(this.step);const s=parseInt(this.fractionalSecond);const n=parseFloat(`0.${this.fractionalSecond}`);let r;let a;let o;let c;if(t==="up"){r=isNaN(s)?0:n+e;a=parseFloat(r.toFixed(i));o=I(a);c=a<1&&L(o)>0?ne(o,i):"".padStart(i,"0")}if(t==="down"){r=isNaN(s)||s===0?1-e:n-e;a=parseFloat(r.toFixed(i));o=I(a);c=a<1&&L(o)>0&&Math.sign(o)===1?ne(o,i):"".padStart(i,"0")}this.setValuePart("fractionalSecond",c)};this.sanitizeValue=t=>{const{hour:e,minute:i,second:s,fractionalSecond:n}=ke(t);if(n){const t=this.sanitizeFractionalSecond(n);return`${e}:${i}:${s}.${t}`}return fe(t)&&t};this.sanitizeFractionalSecond=t=>t&&L(this.step)!==t.length?parseFloat(`0.${t}`).toFixed(L(this.step)).replace("0.",""):t;this.secondKeyDownHandler=t=>{const{key:e}=t;if(l.includes(e)){const t=parseInt(e);let i;if(y(this.second)&&this.second.startsWith("0")){const e=parseInt(this.second);i=e>ie?t:`${e}${t}`}else{i=t}this.setValuePart("second",i)}else{switch(e){case"Backspace":case"Delete":this.setValuePart("second",null);break;case"ArrowDown":t.preventDefault();this.decrementSecond();break;case"ArrowUp":t.preventDefault();this.incrementSecond();break;case" ":t.preventDefault();break}}};this.secondDownClickHandler=()=>{this.activeEl=this.secondEl;this.secondEl.focus();this.decrementSecond()};this.secondUpClickHandler=()=>{this.activeEl=this.secondEl;this.secondEl.focus();this.incrementSecond()};this.setHourEl=t=>this.hourEl=t;this.setMeridiemEl=t=>this.meridiemEl=t;this.setMinuteEl=t=>this.minuteEl=t;this.setSecondEl=t=>this.secondEl=t;this.setFractionalSecondEl=t=>this.fractionalSecondEl=t;this.setValue=t=>{if(fe(t)){const{hour:e,minute:i,second:s,fractionalSecond:n}=ke(t);const{effectiveLocale:r,numberingSystem:a}=this;const{localizedHour:o,localizedHourSuffix:c,localizedMinute:h,localizedMinuteSuffix:u,localizedSecond:l,localizedDecimalSeparator:d,localizedFractionalSecond:f,localizedSecondSuffix:m,localizedMeridiem:p}=ve({value:t,locale:r,numberingSystem:a});this.hour=e;this.minute=i;this.second=s;this.fractionalSecond=this.sanitizeFractionalSecond(n);this.localizedHour=o;this.localizedHourSuffix=c;this.localizedMinute=h;this.localizedMinuteSuffix=u;this.localizedSecond=l;this.localizedDecimalSeparator=d;this.localizedFractionalSecond=f;this.localizedSecondSuffix=m;if(p){this.localizedMeridiem=p;this.meridiem=le(this.hour)}}else{this.hour=null;this.fractionalSecond=null;this.localizedHour=null;this.localizedHourSuffix=he("hour",this.effectiveLocale,this.numberingSystem);this.localizedMeridiem=null;this.localizedMinute=null;this.localizedMinuteSuffix=he("minute",this.effectiveLocale,this.numberingSystem);this.localizedSecond=null;this.localizedDecimalSeparator=ce(this.effectiveLocale,this.numberingSystem);this.localizedFractionalSecond=null;this.localizedSecondSuffix=he("second",this.effectiveLocale,this.numberingSystem);this.meridiem=null;this.minute=null;this.second=null;this.value=null}};this.setValuePart=(t,e)=>{const{effectiveLocale:i,numberingSystem:s}=this;if(t==="meridiem"){this.meridiem=e;if(y(this.hour)){const t=parseInt(this.hour);switch(e){case"AM":if(t>=12){this.hour=ne(t-12)}break;case"PM":if(t<12){this.hour=ne(t+12)}break}this.localizedHour=pe({value:this.hour,part:"hour",locale:i,numberingSystem:s})}}else if(t==="fractionalSecond"){const t=L(this.step);if(typeof e==="number"){this.fractionalSecond=e===0?"".padStart(t,"0"):ne(e,t)}else{this.fractionalSecond=e}this.localizedFractionalSecond=pe({value:this.fractionalSecond,part:"fractionalSecond",locale:i,numberingSystem:s})}else{this[t]=typeof e==="number"?ne(e):e;this[`localized${Ae(t)}`]=pe({value:this[t],part:t,locale:i,numberingSystem:s})}let n=false;let r;if(this.hour&&this.minute){r=`${this.hour}:${this.minute}`;if(this.showSecond){r=`${r}:${this.second??"00"}`;if(this.showFractionalSecond&&this.fractionalSecond){r=`${r}.${this.fractionalSecond}`}}}else{r=null}if(this.value!==r){n=true}this.value=r;this.localizedMeridiem=this.value?ve({value:this.value,locale:i,numberingSystem:s})?.localizedMeridiem||null:pe({value:this.meridiem,part:"meridiem",locale:i,numberingSystem:s});if(n){this.calciteInternalTimePickerChange.emit()}};this.scale="m";this.step=60;this.numberingSystem=undefined;this.value=null;this.messages=undefined;this.messageOverrides=undefined;this.activeEl=undefined;this.effectiveLocale="";this.fractionalSecond=undefined;this.hour=undefined;this.hourCycle=undefined;this.localizedDecimalSeparator=".";this.localizedHour=undefined;this.localizedHourSuffix=undefined;this.localizedMeridiem=undefined;this.localizedFractionalSecond=undefined;this.localizedMinute=undefined;this.localizedMinuteSuffix=undefined;this.localizedSecond=undefined;this.localizedSecondSuffix=undefined;this.meridiem=undefined;this.minute=undefined;this.second=undefined;this.showFractionalSecond=undefined;this.showSecond=undefined;this.defaultMessages=undefined}stepChange(){this.toggleSecond()}valueWatcher(t){this.setValue(t)}onMessagesChange(){}effectiveLocaleWatcher(){this.updateLocale()}blurHandler(){this.activeEl=undefined;this.pointerActivated=false}keyDownHandler(t){this.pointerActivated=false;const{defaultPrevented:e,key:i}=t;if(e){return}switch(this.activeEl){case this.hourEl:if(i==="ArrowRight"){this.focusPart("minute");t.preventDefault()}break;case this.minuteEl:switch(i){case"ArrowLeft":this.focusPart("hour");t.preventDefault();break;case"ArrowRight":if(this.step!==60){this.focusPart("second");t.preventDefault()}else if(this.hourCycle==="12"){this.focusPart("meridiem");t.preventDefault()}break}break;case this.secondEl:switch(i){case"ArrowLeft":this.focusPart("minute");t.preventDefault();break;case"ArrowRight":if(this.showFractionalSecond){this.focusPart("fractionalSecond")}else if(this.hourCycle==="12"){this.focusPart("meridiem");t.preventDefault()}break}break;case this.fractionalSecondEl:switch(i){case"ArrowLeft":this.focusPart("second");t.preventDefault();break;case"ArrowRight":if(this.hourCycle==="12"){this.focusPart("meridiem");t.preventDefault()}break}break;case this.meridiemEl:switch(i){case"ArrowLeft":if(this.showFractionalSecond){this.focusPart("fractionalSecond")}else if(this.step!==60){this.focusPart("second");t.preventDefault()}else{this.focusPart("minute");t.preventDefault()}break}break}}pointerDownHandler(){this.pointerActivated=true}async setFocus(){await p(this);this.el?.focus()}async focusPart(t){await p(this);this[`${t||"hour"}El`]?.focus()}toggleSecond(){this.showSecond=this.step<60;this.showFractionalSecond=L(this.step)>0}updateLocale(){A(this,this.effectiveLocale);this.hourCycle=oe(this.effectiveLocale,this.numberingSystem);this.localizedDecimalSeparator=ce(this.effectiveLocale,this.numberingSystem);this.meridiemOrder=de(this.effectiveLocale);this.setValue(this.sanitizeValue(this.value))}connectedCallback(){M(this);this.updateLocale();$(this);this.toggleSecond()}async componentWillLoad(){b(this);await C(this)}componentDidLoad(){v(this)}disconnectedCallback(){D(this);T(this)}render(){const t=y(this.hour);const e=H(this.scale);const s=y(this.minute);const n=y(this.second);const r=y(this.fractionalSecond);const a=this.hourCycle==="12";return i("div",{key:"e15ff4d20ae40919921b991d99c8c76625a73cfc",class:{[je.timePicker]:true,[je.showMeridiem]:a,[je.showSecond]:this.showSecond,[je[`scale-${this.scale}`]]:true},dir:"ltr"},i("div",{key:"d4bfad89ac334afbb31bb4fc8e8fe386142f6d4b",class:je.column,role:"group"},i("span",{key:"ba564179d2ca507bbb659b9b38de09625afe35f2","aria-label":this.messages.hourUp,class:{[je.button]:true,[je.buttonHourUp]:true,[je.buttonTopLeft]:true},onClick:this.hourUpClickHandler,role:"button"},i("calcite-icon",{key:"5aa45f9254a0394584e214fc5173d2607a706832",icon:"chevron-up",scale:e})),i("span",{key:"79e888572eabf36cefd24f15e06c4e36f0550b63","aria-label":this.messages.hour,"aria-valuemax":"23","aria-valuemin":"1","aria-valuenow":t&&parseInt(this.hour)||"0","aria-valuetext":this.hour,class:{[je.input]:true,[je.hour]:true,[je.inputFocus]:this.activeEl&&this.activeEl===this.hourEl},onClick:this.inputClickHandler,onFocus:this.focusHandler,onKeyDown:this.hourKeyDownHandler,ref:this.setHourEl,role:"spinbutton",tabIndex:0},this.localizedHour||"--"),i("span",{key:"6964ac9f00917c3da0b9161f14cfdc85c38dfef4","aria-label":this.messages.hourDown,class:{[je.button]:true,[je.buttonHourDown]:true,[je.buttonBottomLeft]:true},onClick:this.hourDownClickHandler,role:"button"},i("calcite-icon",{key:"c3985301caa70272059aecfb18a29a0b7ba7fb83",icon:"chevron-down",scale:e}))),i("span",{key:"a9aa1571b4a9266276c7f684053b665397164582",class:je.delimiter},this.localizedHourSuffix),i("div",{key:"0b1f353766357c699e1815af3105a5c0bc1d1a32",class:je.column,role:"group"},i("span",{key:"ed36c1fe986b96db3f8f50c6b518c78d5a1239d6","aria-label":this.messages.minuteUp,class:{[je.button]:true,[je.buttonMinuteUp]:true},onClick:this.minuteUpClickHandler,role:"button"},i("calcite-icon",{key:"7da952d6ef1a05f63367b5d67dd7625f0efc12f8",icon:"chevron-up",scale:e})),i("span",{key:"90bc5c9b7d12a8a7769a42e4a4dc86053da03b22","aria-label":this.messages.minute,"aria-valuemax":"12","aria-valuemin":"1","aria-valuenow":s&&parseInt(this.minute)||"0","aria-valuetext":this.minute,class:{[je.input]:true,[je.minute]:true,[je.inputFocus]:this.activeEl&&this.activeEl===this.minuteEl},onClick:this.inputClickHandler,onFocus:this.focusHandler,onKeyDown:this.minuteKeyDownHandler,ref:this.setMinuteEl,role:"spinbutton",tabIndex:0},this.localizedMinute||"--"),i("span",{key:"9ebd5b4a961b9b20758bab5a58d8778c6795db40","aria-label":this.messages.minuteDown,class:{[je.button]:true,[je.buttonMinuteDown]:true},onClick:this.minuteDownClickHandler,role:"button"},i("calcite-icon",{key:"2845804742fae9b51db039666ea693c1486d19bf",icon:"chevron-down",scale:e}))),this.showSecond&&i("span",{key:"0816f11d5eeb5478a6c1c9e0872f56ad4a1ecaa2",class:je.delimiter},this.localizedMinuteSuffix),this.showSecond&&i("div",{key:"3b83633e26c0e024cb5084499f88edc7d72f79fc",class:je.column,role:"group"},i("span",{key:"90a351d935269aa847aee19d0e91cbbb0b66d3df","aria-label":this.messages.secondUp,class:{[je.button]:true,[je.buttonSecondUp]:true},onClick:this.secondUpClickHandler,role:"button"},i("calcite-icon",{key:"56ec5929764834986e91054432a1ec1c746f4a45",icon:"chevron-up",scale:e})),i("span",{key:"c44f0a291d49a94141a1eaf03b9baea12365e417","aria-label":this.messages.second,"aria-valuemax":"59","aria-valuemin":"0","aria-valuenow":n&&parseInt(this.second)||"0","aria-valuetext":this.second,class:{[je.input]:true,[je.second]:true,[je.inputFocus]:this.activeEl&&this.activeEl===this.secondEl},onClick:this.inputClickHandler,onFocus:this.focusHandler,onKeyDown:this.secondKeyDownHandler,ref:this.setSecondEl,role:"spinbutton",tabIndex:0},this.localizedSecond||"--"),i("span",{key:"4009df6e3dc774e30cbd77fc01802bc8be2f8ddf","aria-label":this.messages.secondDown,class:{[je.button]:true,[je.buttonSecondDown]:true},onClick:this.secondDownClickHandler,role:"button"},i("calcite-icon",{key:"2140cd873a3f10c72b7314da6c6d913b8345c778",icon:"chevron-down",scale:e}))),this.showFractionalSecond&&i("span",{key:"99be37a3a562a8a217c690612d757d2a463b98fe",class:je.delimiter},this.localizedDecimalSeparator),this.showFractionalSecond&&i("div",{key:"7b1095f7972da474f96a3190097eeaf282726743",class:je.column,role:"group"},i("span",{key:"c66e94a7309934bcfe86f8d73170101937bcbbdd","aria-label":this.messages.fractionalSecondUp,class:{[je.button]:true,[je.buttonFractionalSecondUp]:true},onClick:this.fractionalSecondUpClickHandler,role:"button"},i("calcite-icon",{key:"45fa888598fda5d21ab6a5e2f8561314c04cfba8",icon:"chevron-up",scale:e})),i("span",{key:"61d5ae14f3b1a1984d07437e57ca6e60ba64f27b","aria-label":this.messages.fractionalSecond,"aria-valuemax":"999","aria-valuemin":"1","aria-valuenow":r&&parseInt(this.fractionalSecond)||"0","aria-valuetext":this.localizedFractionalSecond,class:{[je.input]:true,[je.fractionalSecond]:true,[je.inputFocus]:this.activeEl&&this.activeEl===this.fractionalSecondEl},onClick:this.inputClickHandler,onFocus:this.focusHandler,onKeyDown:this.fractionalSecondKeyDownHandler,ref:this.setFractionalSecondEl,role:"spinbutton",tabIndex:0},this.localizedFractionalSecond||"--"),i("span",{key:"35d0b37c0113289a9a060ae236f9ed88597707a7","aria-label":this.messages.fractionalSecondDown,class:{[je.button]:true,[je.buttonFractionalSecondDown]:true},onClick:this.fractionalSecondDownClickHandler,role:"button"},i("calcite-icon",{key:"0dfd40ceff6d507cbd3495c5f5f4104b98d2ba99",icon:"chevron-down",scale:e}))),this.localizedSecondSuffix&&i("span",{key:"4cee863e88b4eac2a1da4ea48cac56777025a36c",class:je.delimiter},this.localizedSecondSuffix),a&&i("div",{key:"7cfcd524e6742691774e49e2c6ad053865f11256",class:{[je.column]:true,[je.meridiemStart]:this.meridiemOrder===0},role:"group"},i("span",{key:"640bcd84761d7dec7783092a53c79f5a49795014","aria-label":this.messages.meridiemUp,class:{[je.button]:true,[je.buttonMeridiemUp]:true,[je.buttonTopRight]:true},onClick:this.meridiemUpClickHandler,role:"button"},i("calcite-icon",{key:"134662da0e72d17cbd6d6d83657c6f37b8de9520",icon:"chevron-up",scale:e})),i("span",{key:"8097bcea625e4d272c86ae1598e471e6d55e98af","aria-label":this.messages.meridiem,"aria-valuemax":"2","aria-valuemin":"1","aria-valuenow":this.meridiem==="PM"&&"2"||"1","aria-valuetext":this.meridiem,class:{[je.input]:true,[je.meridiem]:true,[je.inputFocus]:this.activeEl&&this.activeEl===this.meridiemEl},onClick:this.inputClickHandler,onFocus:this.focusHandler,onKeyDown:this.meridiemKeyDownHandler,ref:this.setMeridiemEl,role:"spinbutton",tabIndex:0},this.localizedMeridiem||"--"),i("span",{key:"42a40925539e83e3ab8aeae295fbbad21795e5bc","aria-label":this.messages.meridiemDown,class:{[je.button]:true,[je.buttonMeridiemDown]:true,[je.buttonBottomRight]:true},onClick:this.meridiemDownClickHandler,role:"button"},i("calcite-icon",{key:"36364532badec14bcc07124127156ab1561539d4",icon:"chevron-down",scale:e}))))}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{step:["stepChange"],value:["valueWatcher"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleWatcher"]}}};$e.style=Ie;export{Ye as I,$e as T,St as d};
-//# sourceMappingURL=p-5e711787.js.map

package/dist/calcite/p-5eb4b494.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.13.0
- */
-import{r as e,c as t,h as i,H as n,g as a}from"./p-0a2f91d4.js";import{b as s,s as o,f as l,t as c}from"./p-806dc8f8.js";import{u as r,I as d}from"./p-a805c9c4.js";import{s as h,a as f,c as p}from"./p-65e04a6e.js";import{c as g}from"./p-966e4808.js";import{S as m}from"./p-3a177c24.js";import{H as u}from"./p-4d237eff.js";import{c as b,d as v}from"./p-2abe8907.js";import{c as x,s as y,d as k,u as z}from"./p-f0661425.js";import{b as w}from"./p-e371a4b1.js";import{S as C,C as S,I as j,a as A}from"./p-70a1b853.js";import"./p-39b20f1d.js";import"./p-cedaddf4.js";import"./p-df6c8bd7.js";import"./p-103c1961.js";import"./p-0276629a.js";const F=":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([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;overflow:hidden;--calcite-min-header-height:calc(var(--calcite-icon-size) * 3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}:host([scale=s]){--calcite-internal-panel-default-padding:var(--calcite-spacing-sm);--calcite-internal-panel-header-vertical-padding:10px}:host([scale=s]) .header-content .heading{font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=s]) .header-content .description{font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-internal-panel-default-padding:var(--calcite-spacing-md);--calcite-internal-panel-header-vertical-padding:var(--calcite-spacing-lg)}:host([scale=m]) .header-content .heading{font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=m]) .header-content .description{font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-internal-panel-default-padding:var(--calcite-spacing-xl);--calcite-internal-panel-header-vertical-padding:var(--calcite-spacing-xxl)}:host([scale=l]) .header-content .heading{font-size:var(--calcite-font-size-1);line-height:1.5rem}:host([scale=l]) .header-content .description{font-size:var(--calcite-font-size-0);line-height:1.25rem}.content-top,.content-bottom{display:flex;align-items:flex-start;align-self:stretch;border-block-start:1px solid var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1)}.container{position:relative;margin:0px;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;background-color:var(--calcite-color-background);padding:0px;transition:max-block-size var(--calcite-animation-timing), inline-size var(--calcite-animation-timing)}.container[hidden]{display:none}.header{z-index:var(--calcite-z-index-header);display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1);border-block-end:var(--calcite-panel-header-border-block-end, 1px solid var(--calcite-color-border-3))}.header-container{display:flex;inline-size:100%;flex-direction:row;align-items:stretch;justify-content:flex-start;flex:0 0 auto}.header-container--border-end{border-block-end:1px solid var(--calcite-color-border-3)}.action-bar-container{inline-size:100%}.action-bar-container ::slotted(calcite-action-bar){inline-size:100%}.header-content{display:flex;flex-direction:column;overflow:hidden;padding-inline:0.75rem;padding-block:0.875rem;margin-inline-end:auto}.header-content .heading,.header-content .description{display:block;overflow-wrap:break-word;padding:0px}.header-content .heading{margin-inline:0px;margin-block:0px 0.25rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.header-content .heading:only-child{margin-block-end:0px}.header-content .description{color:var(--calcite-color-text-2)}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);border-inline-end-width:1px}.header-actions{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch}.header-actions--end{margin-inline-start:auto}.content-wrapper{position:relative;display:flex;block-size:100%;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;overflow:auto;outline-color:transparent;padding:var(--calcite-panel-content-space, 0);background:var(--calcite-panel-background-color, var(--calcite-color-background))}.content-wrapper:focus-visible{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.content-top,.content-bottom{padding:var(--calcite-internal-panel-default-padding)}.header-content{flex:1 1 auto;padding-block:var(--calcite-internal-panel-header-vertical-padding);padding-inline:var(--calcite-internal-panel-default-padding)}.footer{margin-block-start:auto;display:flex;flex-direction:row;align-content:space-between;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--2);line-height:1.375;border-block-start:1px solid var(--calcite-color-border-3);padding:var(--calcite-panel-footer-padding, var(--calcite-internal-panel-default-padding))}.footer-content{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:center}.footer-actions{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:space-evenly;gap:var(--calcite-internal-panel-default-padding)}.footer-start{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:flex-start;margin-inline-end:auto;gap:var(--calcite-internal-panel-default-padding)}.footer-end{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:flex-end;margin-inline-start:auto;gap:var(--calcite-internal-panel-default-padding)}.fab-container{position:sticky;inset-block-end:0px;z-index:var(--calcite-z-index-sticky);margin-block:0px;margin-inline:auto;display:block;padding:0.5rem;inset-inline:0;inline-size:-moz-fit-content;inline-size:fit-content}:host([hidden]){display:none}[hidden]{display:none}";const H=F;const E=class{constructor(i){e(this,i);this.calcitePanelClose=t(this,"calcitePanelClose",6);this.calcitePanelToggle=t(this,"calcitePanelToggle",6);this.calcitePanelScroll=t(this,"calcitePanelScroll",6);this.resizeObserver=g("resize",(()=>this.resizeHandler()));this.resizeHandler=()=>{const{panelScrollEl:e}=this;if(!e||typeof e.scrollHeight!=="number"||typeof e.offsetHeight!=="number"){return}const t=e.scrollHeight>e.offsetHeight;if(t){e.setAttribute("tabindex","0")}else{e.removeAttribute("tabindex")}};this.setContainerRef=e=>{this.containerEl=e};this.panelKeyDownHandler=e=>{if(this.closable&&e.key==="Escape"&&!e.defaultPrevented){this.handleUserClose();e.preventDefault()}};this.handleUserClose=()=>{this.closed=true;this.calcitePanelClose.emit()};this.open=()=>{this.isClosed=false};this.close=async()=>{const e=this.beforeClose??(()=>Promise.resolve());try{await e()}catch(e){requestAnimationFrame((()=>{this.closed=false}));return}this.isClosed=true};this.collapse=()=>{this.collapsed=!this.collapsed;this.calcitePanelToggle.emit()};this.panelScrollHandler=()=>{this.calcitePanelScroll.emit()};this.handleHeaderActionsStartSlotChange=e=>{this.hasStartActions=s(e)};this.handleHeaderActionsEndSlotChange=e=>{this.hasEndActions=s(e)};this.handleHeaderMenuActionsSlotChange=e=>{this.hasMenuItems=s(e)};this.handleActionBarSlotChange=e=>{const t=o(e).filter((e=>e?.matches("calcite-action-bar")));t.forEach((e=>e.layout="horizontal"));this.hasActionBar=!!t.length};this.handleHeaderContentSlotChange=e=>{this.hasHeaderContent=s(e)};this.handleFabSlotChange=e=>{this.hasFab=s(e)};this.handleFooterActionsSlotChange=e=>{this.hasFooterActions=s(e)};this.handleFooterEndSlotChange=e=>{this.hasFooterEndContent=s(e)};this.handleFooterStartSlotChange=e=>{this.hasFooterStartContent=s(e)};this.handleFooterSlotChange=e=>{this.hasFooterContent=s(e)};this.contentBottomSlotChangeHandler=e=>{this.hasContentBottom=s(e)};this.contentTopSlotChangeHandler=e=>{this.hasContentTop=s(e)};this.setPanelScrollEl=e=>{this.panelScrollEl=e;this.resizeObserver?.disconnect();if(e){this.resizeObserver?.observe(e);this.resizeHandler()}};this.handleAlertsSlotChange=e=>{o(e)?.map((e=>{if(e.nodeName==="CALCITE-ALERT"){e.embedded=true}}))};this.beforeClose=undefined;this.closed=false;this.disabled=false;this.closable=false;this.collapsed=false;this.collapseDirection="down";this.collapsible=false;this.headingLevel=undefined;this.loading=false;this.heading=undefined;this.description=undefined;this.menuFlipPlacements=undefined;this.menuOpen=false;this.menuPlacement=w;this.messageOverrides=undefined;this.messages=undefined;this.overlayPositioning="absolute";this.scale="m";this.isClosed=false;this.hasStartActions=false;this.hasEndActions=false;this.hasMenuItems=false;this.hasHeaderContent=false;this.hasActionBar=false;this.hasContentBottom=false;this.hasContentTop=false;this.hasFab=false;this.hasFooterActions=false;this.hasFooterContent=false;this.hasFooterEndContent=false;this.hasFooterStartContent=false;this.defaultMessages=undefined;this.effectiveLocale="";this.showHeaderContent=false}toggleDialog(e){e?this.close():this.open()}onMessagesChange(){}connectedCallback(){b(this);x(this)}async componentWillLoad(){h(this);this.isClosed=this.closed;await y(this)}componentDidLoad(){f(this)}componentDidRender(){r(this)}disconnectedCallback(){v(this);k(this);this.resizeObserver?.disconnect()}effectiveLocaleChange(){z(this,this.effectiveLocale)}async setFocus(){await p(this);l(this.containerEl)}async scrollContentTo(e){this.panelScrollEl?.scrollTo(e)}renderHeaderContent(){const{heading:e,headingLevel:t,description:n,hasHeaderContent:a}=this;const s=e?i(u,{class:S.heading,level:t},e):null;const o=n?i("span",{class:S.description},n):null;return!a&&(s||o)?i("div",{class:S.headerContent,key:"header-content"},s,o):null}renderActionBar(){return i("div",{class:S.actionBarContainer,hidden:!this.hasActionBar},i("slot",{name:C.actionBar,onSlotchange:this.handleActionBarSlotChange}))}renderHeaderSlottedContent(){return i("div",{class:S.headerContent,hidden:!this.hasHeaderContent,key:"slotted-header-content"},i("slot",{name:C.headerContent,onSlotchange:this.handleHeaderContentSlotChange}))}renderHeaderStartActions(){const{hasStartActions:e}=this;return i("div",{class:{[S.headerActionsStart]:true,[S.headerActions]:true},hidden:!e,key:"header-actions-start"},i("slot",{name:C.headerActionsStart,onSlotchange:this.handleHeaderActionsStartSlotChange}))}renderHeaderActionsEnd(){const{hasEndActions:e,messages:t,closable:n,collapsed:a,collapseDirection:s,collapsible:o,hasMenuItems:l}=this;const{collapse:r,expand:d,close:h}=t;const f=[A.expand,A.collapse];if(s==="up"){f.reverse()}const p=o?i("calcite-action",{"aria-expanded":c(!a),"aria-label":r,icon:a?f[0]:f[1],id:j.collapse,onClick:this.collapse,scale:this.scale,text:r,title:a?d:r}):null;const g=n?i("calcite-action",{"aria-label":h,icon:A.close,id:j.close,onClick:this.handleUserClose,scale:this.scale,text:h,title:h}):null;const m=i("slot",{name:C.headerActionsEnd,onSlotchange:this.handleHeaderActionsEndSlotChange});const u=e||p||g||l;return i("div",{class:{[S.headerActionsEnd]:true,[S.headerActions]:true},hidden:!u,key:"header-actions-end"},m,this.renderMenu(),p,g)}renderMenu(){const{hasMenuItems:e,messages:t,menuOpen:n,menuFlipPlacements:a,menuPlacement:s}=this;return i("calcite-action-menu",{flipPlacements:a??["top","bottom"],hidden:!e,key:"menu",label:t.options,open:n,overlayPositioning:this.overlayPositioning,placement:s},i("calcite-action",{icon:A.menu,scale:this.scale,slot:m.trigger,text:t.options}),i("slot",{name:C.headerMenuActions,onSlotchange:this.handleHeaderMenuActionsSlotChange}))}renderHeaderNode(){const{hasHeaderContent:e,hasStartActions:t,hasEndActions:n,closable:a,collapsible:s,hasMenuItems:o,hasActionBar:l}=this;const c=this.renderHeaderContent();const r=e||!!c||t||n||s||a||o;this.showHeaderContent=r;return i("header",{class:S.header,hidden:!(r||l)},i("div",{class:{[S.headerContainer]:true,[S.headerContainerBorderEnd]:l},hidden:!r},this.renderHeaderStartActions(),this.renderHeaderSlottedContent(),c,this.renderHeaderActionsEnd()),this.renderActionBar(),this.renderContentTop())}renderFooterNode(){const{hasFooterEndContent:e,hasFooterStartContent:t,hasFooterContent:n,hasFooterActions:a}=this;const s=t||e||n||a;return i("footer",{class:S.footer,hidden:!s},i("div",{class:S.footerContent,hidden:!n},i("slot",{name:C.footer,onSlotchange:this.handleFooterSlotChange})),i("div",{class:S.footerStart,hidden:n||!t},i("slot",{name:C.footerStart,onSlotchange:this.handleFooterStartSlotChange})),i("div",{class:S.footerEnd,hidden:n||!e},i("slot",{name:C.footerEnd,onSlotchange:this.handleFooterEndSlotChange})),i("div",{class:S.footerActions,hidden:n||!a},i("slot",{key:"footer-actions-slot",name:C.footerActions,onSlotchange:this.handleFooterActionsSlotChange})))}renderContent(){return i("div",{class:S.contentWrapper,hidden:this.collapsible&&this.collapsed,onScroll:this.panelScrollHandler,ref:this.setPanelScrollEl},i("slot",null),this.renderFab())}renderContentBottom(){return i("div",{class:S.contentBottom,hidden:!this.hasContentBottom},i("slot",{name:C.contentBottom,onSlotchange:this.contentBottomSlotChangeHandler}))}renderContentTop(){return i("div",{class:S.contentTop,hidden:!this.hasContentTop},i("slot",{name:C.contentTop,onSlotchange:this.contentTopSlotChangeHandler}))}renderFab(){return i("div",{class:S.fabContainer,hidden:!this.hasFab},i("slot",{name:C.fab,onSlotchange:this.handleFabSlotChange}))}render(){const{disabled:e,loading:t,isClosed:a}=this;const s=i("article",{key:"0f439dffdca536eb6973ac386b0566091249aee3","aria-busy":c(t),class:S.container,hidden:a,ref:this.setContainerRef},this.renderHeaderNode(),this.renderContent(),this.renderContentBottom(),this.renderFooterNode(),i("slot",{key:"alerts",name:C.alerts,onSlotchange:this.handleAlertsSlotChange}));return i(n,{key:"6e5baec07ecb356871dea038ebc2d5ee2d8ed54f",onKeyDown:this.panelKeyDownHandler},i(d,{key:"924cda1799b359f1bb3fb119cebfff5a7349b72d",disabled:e},t?i("calcite-scrim",{loading:t}):null,s))}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{closed:["toggleDialog"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};E.style=H;export{E as calcite_panel};
-//# sourceMappingURL=p-5eb4b494.entry.js.map

package/dist/calcite/p-628d0e7e.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.13.0
- */
-import{d as i}from"./p-5e711787.js";import"./p-0a2f91d4.js";import"./p-39204c81.js";import"./p-806dc8f8.js";import"./p-39b20f1d.js";import"./p-cedaddf4.js";import"./p-a805c9c4.js";import"./p-103c1961.js";import"./p-7f9ce223.js";import"./p-fe34acf8.js";import"./p-65e04a6e.js";import"./p-df6c8bd7.js";import"./p-2abe8907.js";import"./p-966e4808.js";import"./p-b5c9b47d.js";import"./p-3d516d20.js";import"./p-9e9191b2.js";import"./p-f0661425.js";import"./p-130617eb.js";import"./p-6add61e9.js";var e={name:"ro",weekdays:"Duminică_Luni_Marți_Miercuri_Joi_Vineri_Sâmbătă".split("_"),weekdaysShort:"Dum_Lun_Mar_Mie_Joi_Vin_Sâm".split("_"),weekdaysMin:"Du_Lu_Ma_Mi_Jo_Vi_Sâ".split("_"),months:"Ianuarie_Februarie_Martie_Aprilie_Mai_Iunie_Iulie_August_Septembrie_Octombrie_Noiembrie_Decembrie".split("_"),monthsShort:"Ian._Febr._Mart._Apr._Mai_Iun._Iul._Aug._Sept._Oct._Nov._Dec.".split("_"),weekStart:1,formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY H:mm",LLLL:"dddd, D MMMM YYYY H:mm"},relativeTime:{future:"peste %s",past:"acum %s",s:"câteva secunde",m:"un minut",mm:"%d minute",h:"o oră",hh:"%d ore",d:"o zi",dd:"%d zile",M:"o lună",MM:"%d luni",y:"un an",yy:"%d ani"},ordinal:function i(e){return e}};i.locale(e,null,true);export{e as default};
-//# sourceMappingURL=p-628d0e7e.js.map

package/dist/calcite/p-65e04a6e.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.13.0
- */
-import{f as n}from"./p-0a2f91d4.js";import{i as a}from"./p-df6c8bd7.js";const e=new WeakMap;const r=new WeakMap;function s(n){r.set(n,new Promise((a=>e.set(n,a))))}function t(n){e.get(n)()}function o(n){return r.get(n)}async function i(e){await o(e);if(!a()){return}n(e);return new Promise((n=>requestAnimationFrame((()=>n()))))}export{t as a,o as b,i as c,s};
-//# sourceMappingURL=p-65e04a6e.js.map

package/dist/calcite/p-669832e1.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.13.0
- */
-import{d as i,i as r}from"./p-0276629a.js";var t="Expected a function";function n(n,a,e){var o=true,f=true;if(typeof n!="function"){throw new TypeError(t)}if(r(e)){o="leading"in e?!!e.leading:o;f="trailing"in e?!!e.trailing:f}return i(n,a,{leading:o,maxWait:a,trailing:f})}export{n as t};
-//# sourceMappingURL=p-669832e1.js.map

package/dist/calcite/p-66f48414.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.13.0
- */
-import{r as e,c as t,h as i,g as s,F as a,H as n}from"./p-0a2f91d4.js";import{c as o}from"./p-966e4808.js";import{d as c,t as r}from"./p-806dc8f8.js";import{c as l,d,a as h,H as p}from"./p-39204c81.js";import{u as f,I as u}from"./p-a805c9c4.js";import{c as m,d as b,g}from"./p-7f9ce223.js";import{s as v,a as y,c as w}from"./p-65e04a6e.js";import{g as x}from"./p-fe34acf8.js";import{V as C}from"./p-130617eb.js";import"./p-df6c8bd7.js";import"./p-39b20f1d.js";import"./p-cedaddf4.js";const k=":host{display:block}:host([hidden]){display:none}[hidden]{display:none}";const z=k;const O=class{constructor(i){e(this,i);this.calciteInternalOptionChange=t(this,"calciteInternalOptionChange",6);this.mutationObserver=o("mutation",(()=>{this.ensureTextContentDependentProps();this.calciteInternalOptionChange.emit()}));this.disabled=false;this.label=undefined;this.selected=undefined;this.value=undefined}handlePropChange(e,t,i){if(i==="label"||i==="value"){this.ensureTextContentDependentProps()}this.calciteInternalOptionChange.emit()}ensureTextContentDependentProps(){const{el:{textContent:e},internallySetLabel:t,internallySetValue:i,label:s,value:a}=this;if(!s||s===t){this.label=e;this.internallySetLabel=e}if(a==null||a===i){this.value=e;this.internallySetValue=e}}connectedCallback(){this.ensureTextContentDependentProps();this.mutationObserver?.observe(this.el,{attributeFilter:["label","value"],characterData:true,childList:true,subtree:true})}disconnectedCallback(){this.mutationObserver?.disconnect()}render(){return i("slot",{key:"e5df72ac4455ee2e14c0e48a40739a9a271c9c57"},this.label)}get el(){return s(this)}static get watchers(){return{disabled:["handlePropChange"],label:["handlePropChange"],selected:["handlePropChange"],value:["handlePropChange"]}}};O.style=z;const P=":host{display:block}:host([hidden]){display:none}[hidden]{display:none}";const I=P;const j=class{constructor(i){e(this,i);this.calciteInternalOptionGroupChange=t(this,"calciteInternalOptionGroupChange",6);this.disabled=false;this.label=undefined}handlePropChange(){this.calciteInternalOptionGroupChange.emit()}render(){return i(a,{key:"174fcf908d37aba0972b1f408938a6ce909e45ff"},i("div",{key:"49ac7e0b58d14a8d07322c7c68670d9c5863c291"},this.label),i("slot",{key:"07d24a3a1edf192733bcb3fcdf279f121df482ed"}))}static get watchers(){return{disabled:["handlePropChange"],label:["handlePropChange"]}}};j.style=I;const L={icon:"icon",iconContainer:"icon-container",select:"select",wrapper:"wrapper"};const E={validationMessage:"selectValidationMessage"};const T=":host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column}.wrapper{position:relative;display:flex;align-items:stretch;inline-size:var(--select-width)}.wrapper:focus-within .icon,.wrapper:active .icon,.wrapper:hover .icon{color:var(--calcite-color-text-1)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-select-font-size:var(--calcite-font-size--2);--calcite-select-spacing-inline:0.5rem 2rem}:host([scale=s]) .wrapper{block-size:1.5rem}:host([scale=s]) .icon-container{padding-inline:0.5rem}:host([scale=m]){--calcite-select-font-size:var(--calcite-font-size--1);--calcite-select-spacing-inline:0.75rem 2.5rem}:host([scale=m]) .wrapper{block-size:2rem}:host([scale=m]) .icon-container{padding-inline:0.75rem}:host([scale=l]){--calcite-select-font-size:var(--calcite-font-size-0);--calcite-select-spacing-inline:1rem 3rem}:host([scale=l]) .wrapper{block-size:44px}:host([scale=l]) .icon-container{padding-inline:1rem}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}.select{margin:0px;box-sizing:border-box;inline-size:100%;cursor:pointer;appearance:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:0px;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);font-family:inherit;color:var(--calcite-color-text-2);outline-color:transparent;font-size:var(--calcite-select-font-size);padding-inline:var(--calcite-select-spacing-inline);border-inline-end-width:0px}.select:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}select:disabled{border-color:var(--calcite-color-border-input);--tw-bg-opacity:1}.icon-container{pointer-events:none;position:absolute;inset-block:0px;display:flex;align-items:center;border-width:0px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:transparent;color:var(--calcite-color-text-2);inset-inline-end:0px;border-inline-width:0px 1px}.icon-container .icon{color:var(--calcite-color-text-3)}:host([status=invalid]) select,:host([status=invalid]) .icon-container{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) select:focus,:host([status=invalid]) .icon-container:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.select:focus~.icon-container{border-color:transparent}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";const A=T;function M(e){return e.tagName==="CALCITE-OPTION"}function N(e){return e.tagName==="CALCITE-OPTION-GROUP"}const F=class{constructor(i){e(this,i);this.calciteSelectChange=t(this,"calciteSelectChange",6);this.componentToNativeEl=new Map;this.mutationObserver=o("mutation",(()=>this.populateInternalSelect()));this.handleInternalSelectChange=()=>{const e=this.selectEl.selectedOptions[0];this.selectFromNativeOption(e);requestAnimationFrame((()=>this.emitChangeEvent()))};this.populateInternalSelect=()=>{const e=Array.from(this.el.children).filter((e=>e.tagName==="CALCITE-OPTION"||e.tagName==="CALCITE-OPTION-GROUP"));this.clearInternalSelect();e.forEach((e=>this.selectEl?.append(this.toNativeElement(e))))};this.storeSelectRef=e=>{this.selectEl=e;this.populateInternalSelect();const t=this.selectEl.selectedOptions[0];this.selectFromNativeOption(t)};this.emitChangeEvent=()=>{this.calciteSelectChange.emit()};this.disabled=false;this.form=undefined;this.label=undefined;this.validationMessage=undefined;this.validationIcon=undefined;this.validity={valid:false,badInput:false,customError:false,patternMismatch:false,rangeOverflow:false,rangeUnderflow:false,stepMismatch:false,tooLong:false,tooShort:false,typeMismatch:false,valueMissing:false};this.name=undefined;this.required=false;this.scale="m";this.status="idle";this.value=null;this.selectedOption=undefined;this.width="auto"}valueHandler(e){this.updateItemsFromValue(e)}selectedOptionHandler(e){this.value=e?.value}connectedCallback(){const{el:e}=this;this.mutationObserver?.observe(e,{subtree:true,childList:true});m(this);l(this)}disconnectedCallback(){this.mutationObserver?.disconnect();b(this);d(this)}componentWillLoad(){v(this);if(typeof this.value==="string"){this.updateItemsFromValue(this.value)}}componentDidLoad(){y(this);h(this,this.selectedOption?.value??"")}componentDidRender(){f(this)}async setFocus(){await w(this);c(this.selectEl)}handleOptionOrGroupChange(e){e.stopPropagation();const t=e.target;const i=this.componentToNativeEl.get(t);if(!i){return}this.updateNativeElement(t,i);if(M(t)&&t.selected){this.deselectAllExcept(t);this.selectedOption=t}}onLabelClick(){this.setFocus()}updateItemsFromValue(e){this.el.querySelectorAll("calcite-option").forEach((t=>t.selected=t.value===e))}updateNativeElement(e,t){t.disabled=e.disabled;t.label=e.label;if(M(e)){const i=t;i.selected=e.selected;i.value=e.value;i.innerText=e.label}}clearInternalSelect(){this.componentToNativeEl.forEach((e=>e.remove()));this.componentToNativeEl.clear()}selectFromNativeOption(e){if(!e){return}let t;this.componentToNativeEl.forEach(((i,s)=>{if(M(s)&&i===e){s.selected=true;t=s;this.deselectAllExcept(s)}}));if(t){this.selectedOption=t}}toNativeElement(e){if(M(e)){const t=document.createElement("option");this.updateNativeElement(e,t);this.componentToNativeEl.set(e,t);return t}if(N(e)){const t=document.createElement("optgroup");this.updateNativeElement(e,t);Array.from(e.children).forEach((i=>{const s=this.toNativeElement(i);t.append(s);this.componentToNativeEl.set(e,s)}));this.componentToNativeEl.set(e,t);return t}throw new Error("unsupported element child provided")}deselectAllExcept(e){this.el.querySelectorAll("calcite-option").forEach((t=>{if(t===e){return}t.selected=false}))}renderChevron(){return i("div",{class:L.iconContainer},i("calcite-icon",{class:L.icon,icon:"chevron-down",scale:x(this.scale)}))}render(){const{disabled:e}=this;return i(n,{key:"d2e0ad4197079513f4e9e0070fb397c4f8331597"},i(u,{key:"5eee0d42742248209469fb7a5e3541cdbe373d30",disabled:e},i("div",{key:"e12c66d415dfe7c24e63731f2a83a081687fba8a",class:L.wrapper},i("select",{key:"22685962db75d2527740d288f016665ec5e6053e","aria-errormessage":E.validationMessage,"aria-invalid":r(this.status==="invalid"),"aria-label":g(this),class:L.select,disabled:e,onChange:this.handleInternalSelectChange,ref:this.storeSelectRef},i("slot",{key:"1b105206faa1f0765add18140b0f99f3d273c11f"})),this.renderChevron(),i(p,{key:"5767128465128a9fb5f69c9241bef0da56b9432e",component:this})),this.validationMessage&&this.status==="invalid"?i(C,{icon:this.validationIcon,id:E.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null))}get el(){return s(this)}static get watchers(){return{value:["valueHandler"],selectedOption:["selectedOptionHandler"]}}};F.style=A;export{O as calcite_option,j as calcite_option_group,F as calcite_select};
-//# sourceMappingURL=p-66f48414.entry.js.map

package/dist/calcite/p-66f48414.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["optionCss","CalciteOptionStyle0","Option","this","mutationObserver","createObserver","ensureTextContentDependentProps","calciteInternalOptionChange","emit","handlePropChange","_newValue","_oldValue","propName","el","textContent","internallySetLabel","internallySetValue","label","value","connectedCallback","observe","attributeFilter","characterData","childList","subtree","disconnectedCallback","disconnect","render","h","key","optionGroupCss","CalciteOptionGroupStyle0","OptionGroup","calciteInternalOptionGroupChange","Fragment","CSS","icon","iconContainer","select","wrapper","IDS","validationMessage","selectCss","CalciteSelectStyle0","isOption","optionOrGroup","tagName","isOptionGroup","Select","componentToNativeEl","Map","populateInternalSelect","handleInternalSelectChange","selected","selectEl","selectedOptions","selectFromNativeOption","requestAnimationFrame","emitChangeEvent","optionsAndGroups","Array","from","children","filter","child","clearInternalSelect","forEach","append","toNativeElement","storeSelectRef","node","calciteSelectChange","valid","badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing","valueHandler","updateItemsFromValue","selectedOptionHandler","selectedOption","connectLabel","connectForm","disconnectLabel","disconnectForm","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","afterConnectDefaultValueSet","componentDidRender","updateHostInteraction","setFocus","componentFocusable","focusElement","handleOptionOrGroupChange","event","stopPropagation","target","nativeEl","get","updateNativeElement","deselectAllExcept","onLabelClick","querySelectorAll","item","nativeOptionOrGroup","disabled","option","innerText","remove","clear","nativeOption","futureSelected","document","createElement","set","group","Error","except","renderChevron","class","scale","getIconScale","Host","InteractiveContainer","toAriaBoolean","status","getLabelText","onChange","ref","HiddenFormInputSlot","component","Validation","validationIcon","id","message"],"sources":["src/components/option/option.scss?tag=calcite-option&encapsulation=shadow","src/components/option/option.tsx","src/components/option-group/option-group.scss?tag=calcite-option-group&encapsulation=shadow","src/components/option-group/option-group.tsx","src/components/select/resources.ts","src/components/select/select.scss?tag=calcite-select&encapsulation=shadow","src/components/select/select.tsx"],"sourcesContent":[":host {\n  @apply block;\n}\n\n@include base-component();\n","import { Component, Element, Event, EventEmitter, h, Prop, VNode, Watch } from \"@stencil/core\";\nimport { createObserver } from \"../../utils/observers\";\n\n@Component({\n  tag: \"calcite-option\",\n  styleUrl: \"option.scss\",\n  shadow: true,\n})\nexport class Option {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({\n    reflect: true,\n  })\n  disabled = false;\n\n  /**\n   * Accessible name for the component.\n   */\n  @Prop({ mutable: true })\n  label: string;\n\n  /**\n   * When `true`, the component is selected.\n   */\n  @Prop({\n    reflect: true,\n  })\n  selected: boolean;\n\n  /**\n   * The component's value.\n   */\n  @Prop({ mutable: true })\n  value: any;\n\n  @Watch(\"disabled\")\n  @Watch(\"label\")\n  @Watch(\"selected\")\n  @Watch(\"value\")\n  protected handlePropChange(_newValue: any, _oldValue: any, propName: string): void {\n    if (propName === \"label\" || propName === \"value\") {\n      this.ensureTextContentDependentProps();\n    }\n\n    this.calciteInternalOptionChange.emit();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Variables\n  //\n  //--------------------------------------------------------------------------\n\n  @Element()\n  private el: HTMLCalciteOptionElement;\n\n  private internallySetLabel: string;\n\n  private internallySetValue: any;\n\n  private mutationObserver: MutationObserver = createObserver(\"mutation\", () => {\n    this.ensureTextContentDependentProps();\n    this.calciteInternalOptionChange.emit();\n  });\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false })\n  private calciteInternalOptionChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private ensureTextContentDependentProps(): void {\n    const {\n      el: { textContent },\n      internallySetLabel,\n      internallySetValue,\n      label,\n      value,\n    } = this;\n\n    if (!label || label === internallySetLabel) {\n      this.label = textContent;\n      this.internallySetLabel = textContent;\n    }\n\n    if (\n      value == null /* intentional loose equals to handle both undefined & null */ ||\n      value === internallySetValue\n    ) {\n      this.value = textContent;\n      this.internallySetValue = textContent;\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.ensureTextContentDependentProps();\n    this.mutationObserver?.observe(this.el, {\n      attributeFilter: [\"label\", \"value\"],\n      characterData: true,\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  render(): VNode {\n    return <slot>{this.label}</slot>;\n  }\n}\n",":host {\n  @apply block;\n}\n\n@include base-component();\n","import { Component, Event, EventEmitter, Fragment, h, Prop, VNode, Watch } from \"@stencil/core\";\n\n/**\n * @slot - A slot for adding `calcite-option`s.\n */\n@Component({\n  tag: \"calcite-option-group\",\n  styleUrl: \"option-group.scss\",\n  shadow: true,\n})\nexport class OptionGroup {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({\n    reflect: true,\n  })\n  disabled = false;\n\n  /**\n   * Accessible name for the component.\n   */\n  @Prop()\n  label!: string;\n\n  @Watch(\"disabled\")\n  @Watch(\"label\")\n  protected handlePropChange(): void {\n    this.calciteInternalOptionGroupChange.emit();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false })\n  private calciteInternalOptionGroupChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  render(): VNode {\n    return (\n      <Fragment>\n        <div>{this.label}</div>\n        <slot />\n      </Fragment>\n    );\n  }\n}\n","export const CSS = {\n  icon: \"icon\",\n  iconContainer: \"icon-container\",\n  select: \"select\",\n  wrapper: \"wrapper\",\n};\n\nexport const IDS = {\n  validationMessage: \"selectValidationMessage\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-select-font-size: The font size of `calcite-option`s in the component.\n * @prop --calcite-select-spacing: The padding around the selected option text.\n */\n\n:host {\n  @extend %component-spacing;\n  @apply flex flex-col;\n}\n\n.wrapper {\n  @apply relative flex items-stretch;\n  inline-size: var(--select-width);\n\n  &:focus-within,\n  &:active,\n  &:hover {\n    .icon {\n      color: var(--calcite-color-text-1);\n    }\n  }\n}\n\n@include disabled();\n\n:host([scale=\"s\"]) {\n  --calcite-select-font-size: theme(\"fontSize.n2h\");\n  --calcite-select-spacing-inline: theme(\"spacing.2\") theme(\"spacing.8\");\n\n  .wrapper {\n    @apply h-6;\n  }\n\n  .icon-container {\n    @apply px-2;\n  }\n}\n\n:host([scale=\"m\"]) {\n  --calcite-select-font-size: theme(\"fontSize.n1h\");\n  --calcite-select-spacing-inline: theme(\"spacing.3\") theme(\"spacing.10\");\n\n  .wrapper {\n    @apply h-8;\n  }\n\n  .icon-container {\n    @apply px-3;\n  }\n}\n\n:host([scale=\"l\"]) {\n  --calcite-select-font-size: theme(\"fontSize.0h\");\n  --calcite-select-spacing-inline: theme(\"spacing.4\") theme(\"spacing.12\");\n\n  .wrapper {\n    block-size: 44px;\n  }\n\n  .icon-container {\n    @apply px-4;\n  }\n}\n\n:host([width=\"auto\"]) {\n  @apply w-auto;\n}\n\n:host([width=\"half\"]) {\n  @apply w-1/2;\n}\n\n:host([width=\"full\"]) {\n  @apply w-full;\n}\n\n.select {\n  @apply bg-foreground-1 border-color-input text-color-2 font-inherit focus-base m-0 box-border w-full cursor-pointer appearance-none truncate rounded-none border border-solid;\n  font-size: var(--calcite-select-font-size);\n  padding-inline: var(--calcite-select-spacing-inline);\n  border-inline-end-width: theme(\"borderWidth.0\");\n\n  &:focus {\n    @apply focus-inset;\n  }\n}\n\n// override user agent stylesheet disabled styling\nselect:disabled {\n  @apply border-color-input bg-opacity-100;\n}\n\n.icon-container {\n  @apply border-color-input text-color-2 pointer-events-none absolute inset-y-0 flex items-center border-0 border-solid bg-transparent;\n  inset-inline-end: theme(\"inset.0\");\n  border-inline-width: theme(\"borderWidth.0\") theme(\"borderWidth.DEFAULT\");\n\n  .icon {\n    color: var(--calcite-color-text-3);\n  }\n}\n\n:host([status=\"invalid\"]) {\n  select,\n  .icon-container {\n    @apply border-color-danger;\n  }\n\n  select:focus,\n  .icon-container:focus {\n    @apply focus-inset-danger;\n  }\n}\n\n.select:focus ~ .icon-container {\n  @apply border-color-transparent;\n}\n\n@include form-validation-message();\n@include hidden-form-input();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { focusElement, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  afterConnectDefaultValueSet,\n  connectForm,\n  disconnectForm,\n  FormComponent,\n  HiddenFormInputSlot,\n  MutableValidityState,\n} from \"../../utils/form\";\nimport {\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { createObserver } from \"../../utils/observers\";\nimport { Scale, Status, Width } from \"../interfaces\";\nimport { getIconScale } from \"../../utils/component\";\nimport { Validation } from \"../functional/Validation\";\nimport { IconNameOrString } from \"../icon/interfaces\";\nimport { CSS, IDS } from \"./resources\";\n\ntype OptionOrGroup = HTMLCalciteOptionElement | HTMLCalciteOptionGroupElement;\ntype NativeOptionOrGroup = HTMLOptionElement | HTMLOptGroupElement;\n\nfunction isOption(optionOrGroup: OptionOrGroup): optionOrGroup is HTMLCalciteOptionElement {\n  return optionOrGroup.tagName === \"CALCITE-OPTION\";\n}\n\nfunction isOptionGroup(\n  optionOrGroup: OptionOrGroup,\n): optionOrGroup is HTMLCalciteOptionGroupElement {\n  return optionOrGroup.tagName === \"CALCITE-OPTION-GROUP\";\n}\n\n/**\n * @slot - A slot for adding `calcite-option`s.\n */\n@Component({\n  tag: \"calcite-select\",\n  styleUrl: \"select.scss\",\n  shadow: true,\n})\nexport class Select\n  implements LabelableComponent, FormComponent, InteractiveComponent, LoadableComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * The `id` of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true }) form: string;\n\n  /**\n   * Accessible name for the component.\n   *\n   */\n  @Prop() label!: string;\n\n  /** Specifies the validation message to display under the component. */\n  @Prop() validationMessage: string;\n\n  /** Specifies the validation icon to display under the component. */\n  @Prop({ reflect: true }) validationIcon: IconNameOrString | boolean;\n\n  /**\n   * The current validation state of the component.\n   *\n   * @readonly\n   * @mdn [ValidityState](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState)\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated in form util when syncing hidden input\n  @Prop({ mutable: true }) validity: MutableValidityState = {\n    valid: false,\n    badInput: false,\n    customError: false,\n    patternMismatch: false,\n    rangeOverflow: false,\n    rangeUnderflow: false,\n    stepMismatch: false,\n    tooLong: false,\n    tooShort: false,\n    typeMismatch: false,\n    valueMissing: false,\n  };\n\n  /**\n   * Specifies the name of the component.\n   *\n   * Required to pass the component's `value` on form submission.\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /** When `true`, the component must have a value in order for the form to submit. */\n  @Prop({ reflect: true }) required = false;\n\n  /**\n   * Specifies the size of the component.\n   */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies the status of the input field, which determines message and icons. */\n  @Prop({ reflect: true }) status: Status = \"idle\";\n\n  /** The component's `selectedOption` value. */\n  @Prop({ mutable: true }) value: string = null;\n\n  @Watch(\"value\")\n  valueHandler(value: string): void {\n    this.updateItemsFromValue(value);\n  }\n\n  /**\n   * The component's selected option `HTMLElement`.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedOption: HTMLCalciteOptionElement;\n\n  @Watch(\"selectedOption\")\n  selectedOptionHandler(selectedOption: HTMLCalciteOptionElement): void {\n    this.value = selectedOption?.value;\n  }\n\n  /**\n   * Specifies the width of the component.\n   */\n  @Prop({ reflect: true }) width: Width = \"auto\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteSelectElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultValue: Select[\"value\"];\n\n  private componentToNativeEl = new Map<OptionOrGroup, NativeOptionOrGroup>();\n\n  private mutationObserver = createObserver(\"mutation\", () => this.populateInternalSelect());\n\n  private selectEl: HTMLSelectElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    const { el } = this;\n\n    this.mutationObserver?.observe(el, {\n      subtree: true,\n      childList: true,\n    });\n\n    connectLabel(this);\n    connectForm(this);\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n    disconnectLabel(this);\n    disconnectForm(this);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n\n    if (typeof this.value === \"string\") {\n      this.updateItemsFromValue(this.value);\n    }\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    afterConnectDefaultValueSet(this, this.selectedOption?.value ?? \"\");\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    focusElement(this.selectEl);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the `selectedOption` changes.\n   */\n  @Event({ cancelable: false }) calciteSelectChange: EventEmitter<void>;\n\n  private handleInternalSelectChange = (): void => {\n    const selected = this.selectEl.selectedOptions[0];\n    this.selectFromNativeOption(selected);\n    requestAnimationFrame(() => this.emitChangeEvent());\n  };\n\n  @Listen(\"calciteInternalOptionChange\")\n  @Listen(\"calciteInternalOptionGroupChange\")\n  protected handleOptionOrGroupChange(event: CustomEvent): void {\n    event.stopPropagation();\n\n    const optionOrGroup = event.target as OptionOrGroup;\n    const nativeEl = this.componentToNativeEl.get(optionOrGroup);\n\n    if (!nativeEl) {\n      return;\n    }\n\n    this.updateNativeElement(optionOrGroup, nativeEl);\n\n    if (isOption(optionOrGroup) && optionOrGroup.selected) {\n      this.deselectAllExcept(optionOrGroup);\n      this.selectedOption = optionOrGroup;\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  private updateItemsFromValue(value: string): void {\n    this.el\n      .querySelectorAll(\"calcite-option\")\n      .forEach((item) => (item.selected = item.value === value));\n  }\n\n  private updateNativeElement(\n    optionOrGroup: OptionOrGroup,\n    nativeOptionOrGroup: NativeOptionOrGroup,\n  ): void {\n    nativeOptionOrGroup.disabled = optionOrGroup.disabled;\n    nativeOptionOrGroup.label = optionOrGroup.label;\n\n    if (isOption(optionOrGroup)) {\n      const option = nativeOptionOrGroup as HTMLOptionElement;\n      option.selected = optionOrGroup.selected;\n      option.value = optionOrGroup.value;\n\n      // need to set innerText for mobile\n      // see https://stackoverflow.com/questions/35021620/ios-safari-not-showing-all-options-for-select-menu/41749701\n      option.innerText = optionOrGroup.label;\n    }\n  }\n\n  private populateInternalSelect = (): void => {\n    const optionsAndGroups = Array.from(\n      this.el.children as HTMLCollectionOf<OptionOrGroup | HTMLSlotElement>,\n    ).filter(\n      (child) => child.tagName === \"CALCITE-OPTION\" || child.tagName === \"CALCITE-OPTION-GROUP\",\n    ) as OptionOrGroup[];\n\n    this.clearInternalSelect();\n\n    optionsAndGroups.forEach((optionOrGroup) =>\n      this.selectEl?.append(this.toNativeElement(optionOrGroup)),\n    );\n  };\n\n  private clearInternalSelect(): void {\n    this.componentToNativeEl.forEach((value) => value.remove());\n    this.componentToNativeEl.clear();\n  }\n\n  private storeSelectRef = (node: HTMLSelectElement): void => {\n    this.selectEl = node;\n    this.populateInternalSelect();\n\n    const selected = this.selectEl.selectedOptions[0];\n    this.selectFromNativeOption(selected);\n  };\n\n  private selectFromNativeOption(nativeOption: HTMLOptionElement): void {\n    if (!nativeOption) {\n      return;\n    }\n\n    let futureSelected: HTMLCalciteOptionElement;\n\n    this.componentToNativeEl.forEach((nativeOptionOrGroup, optionOrGroup) => {\n      if (isOption(optionOrGroup) && nativeOptionOrGroup === nativeOption) {\n        optionOrGroup.selected = true;\n        futureSelected = optionOrGroup;\n        this.deselectAllExcept(optionOrGroup);\n      }\n    });\n\n    if (futureSelected) {\n      this.selectedOption = futureSelected;\n    }\n  }\n\n  private toNativeElement(\n    optionOrGroup: HTMLCalciteOptionElement | HTMLCalciteOptionGroupElement,\n  ): NativeOptionOrGroup {\n    if (isOption(optionOrGroup)) {\n      const option = document.createElement(\"option\");\n      this.updateNativeElement(optionOrGroup, option);\n      this.componentToNativeEl.set(optionOrGroup, option);\n\n      return option;\n    }\n\n    if (isOptionGroup(optionOrGroup)) {\n      const group = document.createElement(\"optgroup\");\n      this.updateNativeElement(optionOrGroup, group);\n\n      Array.from(optionOrGroup.children as HTMLCollectionOf<HTMLCalciteOptionElement>).forEach(\n        (option) => {\n          const nativeOption = this.toNativeElement(option);\n          group.append(nativeOption);\n          this.componentToNativeEl.set(optionOrGroup, nativeOption);\n        },\n      );\n\n      this.componentToNativeEl.set(optionOrGroup, group);\n\n      return group;\n    }\n\n    throw new Error(\"unsupported element child provided\");\n  }\n\n  private deselectAllExcept(except: HTMLCalciteOptionElement): void {\n    this.el.querySelectorAll<HTMLCalciteOptionElement>(\"calcite-option\").forEach((option) => {\n      if (option === except) {\n        return;\n      }\n\n      option.selected = false;\n    });\n  }\n\n  private emitChangeEvent = (): void => {\n    this.calciteSelectChange.emit();\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  renderChevron(): VNode {\n    return (\n      <div class={CSS.iconContainer}>\n        <calcite-icon class={CSS.icon} icon=\"chevron-down\" scale={getIconScale(this.scale)} />\n      </div>\n    );\n  }\n\n  render(): VNode {\n    const { disabled } = this;\n\n    return (\n      <Host>\n        <InteractiveContainer disabled={disabled}>\n          <div class={CSS.wrapper}>\n            <select\n              aria-errormessage={IDS.validationMessage}\n              aria-invalid={toAriaBoolean(this.status === \"invalid\")}\n              aria-label={getLabelText(this)}\n              class={CSS.select}\n              disabled={disabled}\n              onChange={this.handleInternalSelectChange}\n              ref={this.storeSelectRef}\n            >\n              <slot />\n            </select>\n            {this.renderChevron()}\n            <HiddenFormInputSlot component={this} />\n          </div>\n          {this.validationMessage && this.status === \"invalid\" ? (\n            <Validation\n              icon={this.validationIcon}\n              id={IDS.validationMessage}\n              message={this.validationMessage}\n              scale={this.scale}\n              status={this.status}\n            />\n          ) : null}\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-67416aa2.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.13.0
- */
-import{d as e}from"./p-5e711787.js";import"./p-0a2f91d4.js";import"./p-39204c81.js";import"./p-806dc8f8.js";import"./p-39b20f1d.js";import"./p-cedaddf4.js";import"./p-a805c9c4.js";import"./p-103c1961.js";import"./p-7f9ce223.js";import"./p-fe34acf8.js";import"./p-65e04a6e.js";import"./p-df6c8bd7.js";import"./p-2abe8907.js";import"./p-966e4808.js";import"./p-b5c9b47d.js";import"./p-3d516d20.js";import"./p-9e9191b2.js";import"./p-f0661425.js";import"./p-130617eb.js";import"./p-6add61e9.js";var m={name:"id",weekdays:"Minggu_Senin_Selasa_Rabu_Kamis_Jumat_Sabtu".split("_"),months:"Januari_Februari_Maret_April_Mei_Juni_Juli_Agustus_September_Oktober_November_Desember".split("_"),weekdaysShort:"Min_Sen_Sel_Rab_Kam_Jum_Sab".split("_"),monthsShort:"Jan_Feb_Mar_Apr_Mei_Jun_Jul_Agt_Sep_Okt_Nov_Des".split("_"),weekdaysMin:"Mg_Sn_Sl_Rb_Km_Jm_Sb".split("_"),weekStart:1,formats:{LT:"HH.mm",LTS:"HH.mm.ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY [pukul] HH.mm",LLLL:"dddd, D MMMM YYYY [pukul] HH.mm"},relativeTime:{future:"dalam %s",past:"%s yang lalu",s:"beberapa detik",m:"semenit",mm:"%d menit",h:"sejam",hh:"%d jam",d:"sehari",dd:"%d hari",M:"sebulan",MM:"%d bulan",y:"setahun",yy:"%d tahun"},ordinal:function e(m){return m+"."}};e.locale(m,null,true);export{m as default};
-//# sourceMappingURL=p-67416aa2.js.map

package/dist/calcite/p-6add61e9.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.13.0
- */
-const t=["date","datetime-local","month","number","range","time","week"];const e=["email","password","search","tel","text","url"];const n=["email","password","search","tel","text","textarea","url"];function s(t,e,n,s){const a=n.toLowerCase();const o=t[n];if(s&&o!=null){e.setAttribute(a,`${o}`)}else{e.removeAttribute(a)}}function a(a,o,c){c.type=a==="textarea"?"text":a;const r=t.includes(a);const l=o;s(l,c,"min",r);s(l,c,"max",r);s(l,c,"step",r);const m=n.includes(a);const i=o;s(i,c,"minLength",m);s(i,c,"maxLength",m);const x=e.includes(a);s(i,c,"pattern",x)}export{a as s};
-//# sourceMappingURL=p-6add61e9.js.map

package/dist/calcite/p-6b9a6148.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.13.0
- */
-import{r as e,c,h as i,g as t,H as n}from"./p-0a2f91d4.js";import{c as o}from"./p-966e4808.js";import{c as a,d as r}from"./p-c36f2721.js";import{e as l,g as d,t as s,a as h}from"./p-806dc8f8.js";import{C as m}from"./p-cedaddf4.js";import{g as p}from"./p-fe34acf8.js";import{s as v,a as g,c as f}from"./p-65e04a6e.js";import"./p-df6c8bd7.js";import"./p-39b20f1d.js";const b={accordion:"accordion",transparent:"accordion--transparent"};const u=":host{position:relative;display:block;max-inline-size:100%;line-height:1.5rem}.accordion{border-width:1px;border-block-end-width:0px;border-style:solid;border-color:var(--calcite-accordion-border-color, var(--calcite-color-border-2));background-color:var(--calcite-accordion-background-color, var(--calcite-color-foreground-1))}.accordion--transparent{--calcite-accordion-border-color:transparent;border-color:var(--calcite-color-transparent);background-color:var(--calcite-color-transparent)}:host([scale=s]){--calcite-internal-accordion-item-spacing-unit:0.25rem;--calcite-internal-accordion-icon-margin:0.5rem;--calcite-internal-accordion-item-padding:var(--calcite-internal-accordion-item-spacing-unit) 0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-internal-accordion-item-spacing-unit:0.5rem;--calcite-internal-accordion-icon-margin:0.75rem;--calcite-internal-accordion-item-padding:var(--calcite-internal-accordion-item-spacing-unit) 0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-internal-accordion-item-spacing-unit:0.75rem;--calcite-internal-accordion-icon-margin:1rem;--calcite-internal-accordion-item-padding:var(--calcite-internal-accordion-item-spacing-unit) 1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([hidden]){display:none}[hidden]{display:none}";const x=u;const k=class{constructor(i){e(this,i);this.calciteInternalAccordionChange=c(this,"calciteInternalAccordionChange",6);this.mutationObserver=o("mutation",(()=>this.updateAccordionItems()));this.appearance="solid";this.iconPosition="end";this.iconType="chevron";this.scale="m";this.selectionMode="multiple"}handlePropsChange(){this.updateAccordionItems()}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:true});this.updateAccordionItems()}disconnectedCallback(){this.mutationObserver?.disconnect()}render(){const e=this.appearance==="transparent";return i("div",{key:"049a706314a7d7bc6336ce3586dc2d48384134fc",class:{[b.transparent]:e,[b.accordion]:!e}},i("slot",{key:"831dee904c4ff5258ac0194effe21ad5fa5d27ad"}))}updateActiveItemOnChange(e){this.calciteInternalAccordionChange.emit({requestedAccordionItem:e.detail.requestedAccordionItem});e.stopPropagation()}updateAccordionItems(){this.el.querySelectorAll("calcite-accordion-item").forEach((e=>{e.iconPosition=this.iconPosition;e.iconType=this.iconType;e.scale=this.scale}));document.dispatchEvent(new CustomEvent("calciteInternalAccordionItemsSync"))}get el(){return t(this)}static get watchers(){return{iconPosition:["handlePropsChange"],iconType:["handlePropsChange"],scale:["handlePropsChange"],selectionMode:["handlePropsChange"]}}};k.style=x;const y={actionsStart:"actions-start",actionsEnd:"actions-end"};const w={actionsEnd:"actions-end",actionsStart:"actions-start",content:"content",description:"description",expandIcon:"expand-icon",header:"header",headerContainer:"header-container",headerContent:"header-content",headerText:"header-text",heading:"heading",icon:"icon",iconEnd:"icon--end",iconStart:"icon--start"};const C={section:"section",sectionToggle:"section-toggle"};const I=".icon-position--end,.icon-position--start{--calcite-internal-accordion-item-icon-rotation:calc(90deg * -1);--calcite-internal-accordion-item-active-icon-rotation:0deg;--calcite-internal-accordion-item-icon-rotation-rtl:90deg;--calcite-internal-accordion-item-active-icon-rotation-rtl:0deg}:host{position:relative;display:flex;flex-direction:column;text-decoration-line:none;color:var(--calcite-accordion-item-text-color, var(--calcite-accordion-text-color, var(--calcite-color-text-3)));background-color:var(--calcite-accordion-item-background-color);border-width:0}:host .header{background-color:var(--calcite-accordion-item-header-background-color)}.icon-position--start{--calcite-internal-accordion-item-flex-direction:row-reverse;--calcite-internal-accordion-item-icon-spacing-start:0;--calcite-internal-accordion-item-icon-spacing-end:var(--calcite-internal-accordion-icon-margin)}.icon-position--end{--calcite-internal-accordion-item-flex-direction:row;--calcite-internal-accordion-item-icon-spacing-start:var(--calcite-internal-accordion-icon-margin);--calcite-internal-accordion-item-icon-spacing-end:0}.icon-position--end:not(.icon-type--plus-minus){--calcite-internal-accordion-item-icon-rotation:0deg;--calcite-internal-accordion-item-active-icon-rotation:180deg;--calcite-internal-accordion-item-icon-rotation-rtl:0deg;--calcite-internal-accordion-item-active-icon-rotation-rtl:calc(180deg * -1)}.content,.header{border-block-end-width:var(--calcite-border-width-sm);border-block-end-style:solid;border-color:var(--calcite-accordion-item-border-color, var(--calcite-accordion-border-color, var(--calcite-color-border-2)))}.header-content,.content{padding:var(--calcite-accordion-item-content-space, var(--calcite-internal-accordion-item-padding, var(--calcite-internal-accordion-item-spacing-unit, 0.5rem 0.75rem)))}.header{display:flex;align-items:stretch}.header *{display:inline-flex;align-items:center;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);word-wrap:break-word;word-break:break-word}.header-content{flex-grow:1;cursor:pointer;outline-color:transparent;flex-direction:var(--calcite-internal-accordion-item-flex-direction);color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color, inherit))}.header-content:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.header-content:focus,.header-content:hover,.header-content:active{color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color-hover, var(--calcite-color-text-2)))}.header-content:focus .heading,.header-content:hover .heading,.header-content:active .heading{color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color-pressed, var(--calcite-color-text-1)))}.header-container{inline-size:100%}.header-text{margin-block:0px;flex-grow:1;flex-direction:column;padding-block:0px;text-align:initial;margin-inline-end:auto}.heading,.description{display:flex;inline-size:100%}.heading{font-weight:var(--calcite-font-weight-medium)}.actions-start,.actions-end{display:flex;align-items:center}.icon{display:flex;align-items:center;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-inline-end:var(--calcite-internal-accordion-item-icon-spacing-start);margin-inline-start:var(--calcite-internal-accordion-item-icon-spacing-end)}.icon--start{color:var(--calcite-accordion-item-start-icon-color, var(--calcite-accordion-item-icon-color, currentColor));margin-inline-end:var(--calcite-internal-accordion-icon-margin)}.icon--end{color:var(--calcite-accordion-item-end-icon-color, var(--calcite-accordion-item-icon-color, currentColor));margin-inline-end:var(--calcite-internal-accordion-icon-margin);margin-inline-start:var(--calcite-internal-accordion-icon-margin)}.expand-icon{color:var(--calcite-accordion-item-expand-icon-color, var(--calcite-accordion-item-text-color, var(--calcite-accordion-text-color, var(--calcite-color-text-3))));margin-inline-start:var(--calcite-internal-accordion-item-icon-spacing-start);margin-inline-end:var(--calcite-internal-accordion-item-icon-spacing-end);transform:rotate(var(--calcite-internal-accordion-item-icon-rotation))}.calcite--rtl .expand-icon{transform:rotate(var(--calcite-internal-accordion-item-icon-rotation-rtl))}.description{margin-block-start:0.25rem}.content{display:none;padding-block-start:0px;text-align:initial}:host(:not(:focus):not(:hover):not([expanded])) .heading{color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2)))}:host([expanded]){color:var(--calcite-accordion-item-text-color, var(--calcite-accordion-text-color, var(--calcite-accordion-text-color-pressed, var(--calcite-color-text-1))))}:host([expanded]) .header{border-block-end-color:transparent}:host([expanded]) .expand-icon{color:var(--calcite-accordion-item-expand-icon-color, var(--calcite-accordion-item-text-color, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2)))));transform:rotate(var(--calcite-internal-accordion-item-active-icon-rotation))}:host([expanded]) .calcite--rtl .expand-icon{transform:rotate(var(--calcite-internal-accordion-item-active-icon-rotation-rtl))}:host([expanded]) .description{color:var(--calcite-accordion-item-text-color, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2))))}:host([expanded]) .content{display:block}@media (forced-colors: active){:host([expanded]) .header{border-block-end:none}:host([expanded]) .heading{font-weight:bolder}.header-content:hover .heading,.header-content:focus .heading{text-decoration:underline}}:host([hidden]){display:none}[hidden]{display:none}";const A=I;const z=class{constructor(i){e(this,i);this.calciteInternalAccordionItemSelect=c(this,"calciteInternalAccordionItemSelect",6);this.calciteInternalAccordionItemClose=c(this,"calciteInternalAccordionItemClose",6);this.storeHeaderEl=e=>{this.headerEl=e};this.itemHeaderClickHandler=()=>this.emitRequestedItem();this.expanded=false;this.heading=undefined;this.description=undefined;this.iconStart=undefined;this.iconEnd=undefined;this.iconFlipRtl=undefined;this.iconPosition=undefined;this.iconType=undefined;this.accordionParent=undefined;this.scale=undefined}connectedCallback(){a(this)}componentWillLoad(){v(this)}componentDidLoad(){g(this)}disconnectedCallback(){r(this)}renderActionsStart(){const{el:e}=this;return l(e,y.actionsStart)?i("div",{class:w.actionsStart},i("slot",{name:y.actionsStart})):null}renderActionsEnd(){const{el:e}=this;return l(e,y.actionsEnd)?i("div",{class:w.actionsEnd},i("slot",{name:y.actionsEnd})):null}render(){const{iconFlipRtl:e}=this;const c=d(this.el);const t=this.iconStart?i("calcite-icon",{class:{[w.icon]:true,[w.iconStart]:true},flipRtl:e==="both"||e==="start",icon:this.iconStart,key:"icon-start",scale:p(this.scale)}):null;const o=this.iconEnd?i("calcite-icon",{class:{[w.iconEnd]:true,[w.icon]:true},flipRtl:e==="both"||e==="end",icon:this.iconEnd,key:"icon-end",scale:p(this.scale)}):null;const{description:a}=this;return i(n,{key:"73a74d61e41199c57868bd5375ba1b08f8e19dbc"},i("div",{key:"ce9e0a74ea1eb93b7e2f00e95e6a092dcf99726b",class:{[`icon-position--${this.iconPosition}`]:true,[`icon-type--${this.iconType}`]:true}},i("div",{key:"18af6a636b01a816363edf73bd05a486ac0cc2b2",class:{[w.header]:true,[m.rtl]:c==="rtl"}},this.renderActionsStart(),i("div",{key:"8a82a3acec9576d7e936714d1bee0bd2a1cc4ab1","aria-controls":C.section,"aria-expanded":s(this.expanded),class:w.headerContent,id:C.sectionToggle,onClick:this.itemHeaderClickHandler,ref:this.storeHeaderEl,role:"button",tabindex:"0"},i("div",{key:"b9b223e8e0b0f60d9f6f9c5a9bda1458def7ae01",class:w.headerContainer},t,i("div",{key:"ccdba89b98942b7163d09a0f78175c374aba5875",class:w.headerText},i("span",{key:"c91bcaf36ba60ac2a8ef06e3356a15d1f3a7e78f",class:w.heading},this.heading),a?i("span",{class:w.description},a):null),o),i("calcite-icon",{key:"aebf05069b1ceae376fb67074aad773c4f403c16",class:w.expandIcon,icon:this.iconType==="chevron"?"chevronDown":this.iconType==="caret"?"caretDown":this.expanded?"minus":"plus",scale:p(this.scale)})),this.renderActionsEnd()),i("section",{key:"7371b06f1ec99aab9351113663eda976540ae7b0","aria-labelledby":C.sectionToggle,class:w.content,id:C.section},i("slot",{key:"69b851d2989876bece534e499a039e55eaabb1ec"}))))}keyDownHandler(e){if(e.target===this.el){switch(e.key){case" ":case"Enter":this.emitRequestedItem();e.preventDefault();break}}}updateActiveItemOnChange(e){const[c]=e.composedPath();const i=h(this.el,"calcite-accordion");if(c!==i){return}this.determineActiveItem(i.selectionMode,e.detail.requestedAccordionItem);e.stopPropagation()}accordionItemSyncHandler(e){const[c]=e.composedPath();const i=this.el;const t=i.parentElement===c;if(t){return}const n=h(i,"calcite-accordion");if(c!==n){return}this.iconPosition=n.iconPosition;this.iconType=n.iconType;this.scale=n.scale;e.stopPropagation()}async setFocus(){await f(this);this.headerEl.focus()}determineActiveItem(e,c){switch(e){case"multiple":if(this.el===c){this.expanded=!this.expanded}break;case"single":this.expanded=this.el===c?!this.expanded:false;break;case"single-persist":this.expanded=this.el===c;break}}emitRequestedItem(){this.calciteInternalAccordionItemSelect.emit({requestedAccordionItem:this.el})}get el(){return t(this)}};z.style=A;export{k as calcite_accordion,z as calcite_accordion_item};
-//# sourceMappingURL=p-6b9a6148.entry.js.map

package/dist/calcite/p-6b9a6148.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","accordion","transparent","accordionCss","CalciteAccordionStyle0","Accordion","this","mutationObserver","createObserver","updateAccordionItems","handlePropsChange","connectedCallback","observe","el","childList","disconnectedCallback","disconnect","render","appearance","h","key","class","updateActiveItemOnChange","event","calciteInternalAccordionChange","emit","requestedAccordionItem","detail","stopPropagation","querySelectorAll","forEach","item","iconPosition","iconType","scale","document","dispatchEvent","CustomEvent","SLOTS","actionsStart","actionsEnd","content","description","expandIcon","header","headerContainer","headerContent","headerText","heading","icon","iconEnd","iconStart","IDS","section","sectionToggle","accordionItemCss","CalciteAccordionItemStyle0","AccordionItem","storeHeaderEl","headerEl","itemHeaderClickHandler","emitRequestedItem","connectConditionalSlotComponent","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","disconnectConditionalSlotComponent","renderActionsStart","getSlotted","name","renderActionsEnd","iconFlipRtl","dir","getElementDir","iconStartEl","flipRtl","getIconScale","iconEndEl","Host","CSS_UTILITY","rtl","toAriaBoolean","expanded","id","onClick","ref","role","tabindex","keyDownHandler","target","preventDefault","composedPath","parent","closestElementCrossShadowBoundary","determineActiveItem","selectionMode","accordionItemSyncHandler","accordionItem","willBeSyncedByDirectParent","parentElement","closestAccordionParent","setFocus","componentFocusable","focus","requestedItem","calciteInternalAccordionItemSelect"],"sources":["src/components/accordion/resources.ts","src/components/accordion/accordion.scss?tag=calcite-accordion&encapsulation=shadow","src/components/accordion/accordion.tsx","src/components/accordion-item/resources.ts","src/components/accordion-item/accordion-item.scss?tag=calcite-accordion-item&encapsulation=shadow","src/components/accordion-item/accordion-item.tsx"],"sourcesContent":["export const CSS = {\n  accordion: \"accordion\",\n  transparent: \"accordion--transparent\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-accordion-border-color: Specifies the component's border color.\n * @prop --calcite-accordion-background-color:  Specifies the component's background color.\n*/\n\n:host {\n  @apply relative\n    block\n    max-w-full\n    leading-6;\n}\n\n.accordion {\n  @apply border border-solid border-b-0;\n  border-color: var(--calcite-accordion-border-color, theme(\"borderColor.color.2\"));\n  background-color: var(--calcite-accordion-background-color, theme(\"backgroundColor.foreground.1\"));\n}\n\n.accordion--transparent {\n  --calcite-accordion-border-color: transparent;\n  border-color: var(--calcite-color-transparent);\n  background-color: var(--calcite-color-transparent);\n}\n\n// scale variants for child\n:host([scale=\"s\"]) {\n  --calcite-internal-accordion-item-spacing-unit: theme(\"spacing.1\");\n  --calcite-internal-accordion-icon-margin: theme(\"spacing.2\");\n  --calcite-internal-accordion-item-padding: var(--calcite-internal-accordion-item-spacing-unit) theme(\"spacing.2\");\n  @apply text-n2h;\n}\n\n:host([scale=\"m\"]) {\n  --calcite-internal-accordion-item-spacing-unit: theme(\"spacing.2\");\n  --calcite-internal-accordion-icon-margin: theme(\"spacing.3\");\n  --calcite-internal-accordion-item-padding: var(--calcite-internal-accordion-item-spacing-unit) theme(\"spacing.3\");\n  @apply text-n1h;\n}\n\n:host([scale=\"l\"]) {\n  --calcite-internal-accordion-item-spacing-unit: theme(\"spacing.3\");\n  --calcite-internal-accordion-icon-margin: theme(\"spacing.4\");\n  --calcite-internal-accordion-item-padding: var(--calcite-internal-accordion-item-spacing-unit) theme(\"spacing.4\");\n  @apply text-0h;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Listen,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { Appearance, Position, IconType, Scale, SelectionMode } from \"../interfaces\";\nimport { createObserver } from \"../../utils/observers\";\nimport { RequestedItem } from \"./interfaces\";\nimport { CSS } from \"./resources\";\n/**\n * @slot - A slot for adding `calcite-accordion-item`s. `calcite-accordion` cannot be nested, however `calcite-accordion-item`s can.\n */\n@Component({\n  tag: \"calcite-accordion\",\n  styleUrl: \"accordion.scss\",\n  shadow: true,\n})\nexport class Accordion {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the appearance of the component. */\n  @Prop({ reflect: true }) appearance: Extract<\"solid\" | \"transparent\", Appearance> = \"solid\";\n\n  /** Specifies the placement of the icon in the header. */\n  @Prop({ reflect: true }) iconPosition: Extract<\"start\" | \"end\", Position> = \"end\";\n\n  /** Specifies the type of the icon in the header. */\n  @Prop({ reflect: true }) iconType: Extract<\"chevron\" | \"caret\" | \"plus-minus\", IconType> =\n    \"chevron\";\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /**\n   * Specifies the selection mode of the component, where:\n   *\n   * `\"multiple\"` allows any number of selections,\n   *\n   * `\"single\"` allows only one selection, and\n   *\n   * `\"single-persist\"` allows one selection and prevents de-selection.\n   */\n  @Prop({ reflect: true }) selectionMode: Extract<\n    \"single\" | \"single-persist\" | \"multiple\",\n    SelectionMode\n  > = \"multiple\";\n\n  @Watch(\"iconPosition\")\n  @Watch(\"iconType\")\n  @Watch(\"scale\")\n  @Watch(\"selectionMode\")\n  handlePropsChange(): void {\n    this.updateAccordionItems();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) private calciteInternalAccordionChange: EventEmitter<RequestedItem>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.mutationObserver?.observe(this.el, { childList: true });\n    this.updateAccordionItems();\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n  }\n\n  render(): VNode {\n    const transparent = this.appearance === \"transparent\";\n    return (\n      <div\n        class={{\n          [CSS.transparent]: transparent,\n          [CSS.accordion]: !transparent,\n        }}\n      >\n        <slot />\n      </div>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalAccordionItemSelect\")\n  updateActiveItemOnChange(event: CustomEvent): void {\n    this.calciteInternalAccordionChange.emit({\n      requestedAccordionItem: event.detail.requestedAccordionItem,\n    });\n    event.stopPropagation();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteAccordionElement;\n\n  mutationObserver = createObserver(\"mutation\", () => this.updateAccordionItems());\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private updateAccordionItems(): void {\n    this.el.querySelectorAll(\"calcite-accordion-item\").forEach((item) => {\n      item.iconPosition = this.iconPosition;\n      item.iconType = this.iconType;\n      item.scale = this.scale;\n    });\n\n    // sync props on items across shadow DOM\n    document.dispatchEvent(new CustomEvent(\"calciteInternalAccordionItemsSync\"));\n  }\n}\n","export const SLOTS = {\n  actionsStart: \"actions-start\",\n  actionsEnd: \"actions-end\",\n};\n\nexport const CSS = {\n  actionsEnd: \"actions-end\",\n  actionsStart: \"actions-start\",\n  content: \"content\",\n  description: \"description\",\n  expandIcon: \"expand-icon\",\n  header: \"header\",\n  headerContainer: \"header-container\",\n  headerContent: \"header-content\",\n  headerText: \"header-text\",\n  heading: \"heading\",\n  icon: \"icon\",\n  iconEnd: \"icon--end\",\n  iconStart: \"icon--start\",\n};\n\nexport const IDS = {\n  section: \"section\",\n  sectionToggle: \"section-toggle\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-accordion-border-color: [Deprecate] Use `--calcite-accordion-item-border-color`. Specifies the component's border color.\n * @prop --calcite-accordion-item-background-color: Specifies the component's background color.\n * @prop --calcite-accordion-item-border-color: Specifies the component's border color.\n * @prop --calcite-accordion-item-content-space: Specifies the component's padding.\n * @prop --calcite-accordion-item-end-icon-color: Specifies the component's `iconEnd` color. Fallback to `--calcite-accordion-item-icon-color` or current color.\n * @prop --calcite-accordion-item-expand-icon-color: Specifies the component's expand icon color.\n * @prop --calcite-accordion-item-header-background-color: Specifies the component's `heading` background color.\n * @prop --calcite-accordion-item-heading-text-color: Specifies the component's `heading` text color.\n * @prop --calcite-accordion-item-icon-color: Specifies the component's default icon color.\n * @prop --calcite-accordion-item-start-icon-color: Specifies the component's `iconStart` color. Fallback to `--calcite-accordion-item-icon-color` or current color.\n * @prop --calcite-accordion-item-text-color: Specifies the component's text color.\n * @prop --calcite-accordion-text-color-hover: [Deprecated] Use `--calcite-accordion-item-text-color-hover`. Specifies the component's main text color on hover.\n * @prop --calcite-accordion-text-color-pressed: [Deprecated] Use `--calcite-accordion-item-text-color-press`. Specifies the component's main text color when pressed.\n * @prop --calcite-accordion-text-color: [Deprecated] Use `--calcite-accordion-item-text-color`. Specifies the component's text color.\n */\n\n%icon-position {\n  /* icon rotation variables */\n  --calcite-internal-accordion-item-icon-rotation: calc(theme(\"rotate.90\") * -1);\n  --calcite-internal-accordion-item-active-icon-rotation: theme(\"rotate.0\");\n  --calcite-internal-accordion-item-icon-rotation-rtl: theme(\"rotate.90\");\n  --calcite-internal-accordion-item-active-icon-rotation-rtl: theme(\"rotate.0\");\n}\n\n:host {\n  @apply relative\n    flex\n    flex-col\n    no-underline;\n\n  color: var(--calcite-accordion-item-text-color, var(--calcite-accordion-text-color, var(--calcite-color-text-3)));\n  background-color: var(--calcite-accordion-item-background-color);\n  border-width: 0;\n\n  .header {\n    background-color: var(--calcite-accordion-item-header-background-color);\n  }\n}\n\n// icon position variants for child\n.icon-position--start {\n  @extend %icon-position;\n  --calcite-internal-accordion-item-flex-direction: row-reverse;\n  --calcite-internal-accordion-item-icon-spacing-start: 0;\n  --calcite-internal-accordion-item-icon-spacing-end: var(--calcite-internal-accordion-icon-margin);\n}\n\n.icon-position--end {\n  @extend %icon-position;\n  --calcite-internal-accordion-item-flex-direction: row;\n  --calcite-internal-accordion-item-icon-spacing-start: var(--calcite-internal-accordion-icon-margin);\n  --calcite-internal-accordion-item-icon-spacing-end: 0;\n}\n\n.icon-position--end:not(.icon-type--plus-minus) {\n  --calcite-internal-accordion-item-icon-rotation: theme(\"rotate.0\");\n  --calcite-internal-accordion-item-active-icon-rotation: theme(\"rotate.180\");\n  --calcite-internal-accordion-item-icon-rotation-rtl: theme(\"rotate.0\");\n  --calcite-internal-accordion-item-active-icon-rotation-rtl: calc(theme(\"rotate.180\") * -1);\n}\n\n// .header / content\n.content,\n.header {\n  border-block-end-width: var(--calcite-border-width-sm);\n  border-block-end-style: solid;\n  border-color: var(\n    --calcite-accordion-item-border-color,\n    var(--calcite-accordion-border-color, theme(\"borderColor.color.2\"))\n  );\n}\n\n.header-content,\n.content {\n  padding: var(\n    --calcite-accordion-item-content-space,\n    var(\n      --calcite-internal-accordion-item-padding,\n      var(--calcite-internal-accordion-item-spacing-unit, theme(\"spacing.2\") 0.75rem)\n    )\n  );\n}\n\n.header {\n  @apply flex items-stretch;\n\n  * {\n    @apply inline-flex\n      items-center\n      duration-150\n      ease-in-out;\n    @include word-break();\n  }\n}\n\n.header-content {\n  @apply focus-base flex-grow cursor-pointer;\n  flex-direction: var(--calcite-internal-accordion-item-flex-direction);\n  color: var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color, inherit));\n\n  &:focus {\n    @apply focus-inset;\n  }\n\n  // Deprecated\n  &:focus,\n  &:hover,\n  &:active {\n    color: var(\n      --calcite-accordion-item-heading-text-color,\n      var(--calcite-accordion-text-color-hover, var(--calcite-color-text-2))\n    );\n\n    .heading {\n      color: var(\n        --calcite-accordion-item-heading-text-color,\n        var(--calcite-accordion-text-color-pressed, var(--calcite-color-text-1))\n      );\n    }\n  }\n}\n\n.header-container {\n  inline-size: 100%;\n}\n\n// accordion item title\n.header-text {\n  @apply my-0 flex-grow flex-col py-0;\n  text-align: initial;\n  margin-inline-end: theme(\"margin.auto\");\n}\n\n.heading,\n.description {\n  @apply flex w-full;\n}\n\n.heading {\n  @apply font-medium;\n}\n\n.actions-start,\n.actions-end {\n  @apply flex items-center;\n}\n\n.icon {\n  @apply duration-150\n    ease-in-out\n    flex\n    items-center;\n  margin-inline-end: var(--calcite-internal-accordion-item-icon-spacing-start);\n  margin-inline-start: var(--calcite-internal-accordion-item-icon-spacing-end);\n}\n\n.icon--start {\n  color: var(--calcite-accordion-item-start-icon-color, var(--calcite-accordion-item-icon-color, currentColor));\n  margin-inline-end: var(--calcite-internal-accordion-icon-margin);\n}\n\n.icon--end {\n  color: var(--calcite-accordion-item-end-icon-color, var(--calcite-accordion-item-icon-color, currentColor));\n  margin-inline-end: var(--calcite-internal-accordion-icon-margin);\n  margin-inline-start: var(--calcite-internal-accordion-icon-margin);\n}\n\n// accordion item icon\n.expand-icon {\n  color: var(\n    --calcite-accordion-item-expand-icon-color,\n    var(--calcite-accordion-item-text-color, var(--calcite-accordion-text-color, var(--calcite-color-text-3)))\n  );\n  margin-inline-start: var(--calcite-internal-accordion-item-icon-spacing-start);\n  margin-inline-end: var(--calcite-internal-accordion-item-icon-spacing-end);\n  transform: rotate(var(--calcite-internal-accordion-item-icon-rotation));\n}\n\n.calcite--rtl .expand-icon {\n  transform: rotate(var(--calcite-internal-accordion-item-icon-rotation-rtl));\n}\n\n.description {\n  @apply mt-1;\n}\n\n.content {\n  @apply hidden pt-0;\n  text-align: initial;\n}\n\n:host(:not(:focus):not(:hover):not([expanded])) {\n  .heading {\n    color: var(\n      --calcite-accordion-item-heading-text-color,\n      var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2))\n    );\n  }\n}\n\n:host([expanded]) {\n  color: var(\n    --calcite-accordion-item-text-color,\n    var(--calcite-accordion-text-color, var(--calcite-accordion-text-color-pressed, var(--calcite-color-text-1)))\n  );\n\n  .header {\n    border-block-end-color: transparent;\n  }\n\n  .expand-icon {\n    color: var(\n      --calcite-accordion-item-expand-icon-color,\n      var(\n        --calcite-accordion-item-text-color,\n        var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2)))\n      )\n    );\n    transform: rotate(var(--calcite-internal-accordion-item-active-icon-rotation));\n  }\n  .calcite--rtl .expand-icon {\n    transform: rotate(var(--calcite-internal-accordion-item-active-icon-rotation-rtl));\n  }\n\n  .description {\n    color: var(\n      --calcite-accordion-item-text-color,\n      var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2)))\n    );\n  }\n\n  .content {\n    @apply block;\n  }\n}\n\n@media (forced-colors: active) {\n  :host([expanded]) {\n    & .header {\n      border-block-end: none;\n    }\n    & .heading {\n      /** give visual indicator of expanded state since subtle color changes can't be done **/\n      font-weight: bolder;\n    }\n  }\n  .header-content:hover,\n  .header-content:focus {\n    & .heading {\n      /** give visual indicator of expandability/click-ability since subtle color changes can't be done **/\n      text-decoration: underline;\n    }\n  }\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  VNode,\n} from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport {\n  closestElementCrossShadowBoundary,\n  getElementDir,\n  getSlotted,\n  toAriaBoolean,\n} from \"../../utils/dom\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\nimport { getIconScale } from \"../../utils/component\";\nimport { FlipContext, Position, Scale, SelectionMode, IconType } from \"../interfaces\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { IconNameOrString } from \"../icon/interfaces\";\nimport { SLOTS, CSS, IDS } from \"./resources\";\nimport { RequestedItem } from \"./interfaces\";\n\n/**\n * @slot - A slot for adding custom content, including nested `calcite-accordion-item`s.\n * @slot actions-end - A slot for adding `calcite-action`s or content to the end side of the component's header.\n * @slot actions-start - A slot for adding `calcite-action`s or content to the start side of the component's header.\n */\n@Component({\n  tag: \"calcite-accordion-item\",\n  styleUrl: \"accordion-item.scss\",\n  shadow: true,\n})\nexport class AccordionItem implements ConditionalSlotComponent, LoadableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, the component is expanded. */\n  @Prop({ reflect: true, mutable: true }) expanded = false;\n\n  /** Specifies heading text for the component. */\n  @Prop() heading: string;\n\n  /** Specifies a description for the component. */\n  @Prop() description: string;\n\n  /** Specifies an icon to display at the start of the component. */\n  @Prop({ reflect: true }) iconStart: IconNameOrString;\n\n  /** Specifies an icon to display at the end of the component. */\n  @Prop({ reflect: true }) iconEnd: IconNameOrString;\n\n  /** Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl: FlipContext;\n\n  /**\n   * Specifies the placement of the icon in the header inherited from the `calcite-accordion`.\n   *\n   * @internal\n   */\n  @Prop() iconPosition: Extract<\"start\" | \"end\", Position>;\n\n  /** Specifies the type of the icon in the header inherited from the `calcite-accordion`.\n   *\n   * @internal\n   */\n  @Prop() iconType: Extract<\"chevron\" | \"caret\" | \"plus-minus\", IconType>;\n\n  /**\n   * The containing `accordion` element.\n   *\n   * @internal\n   */\n  @Prop() accordionParent: HTMLCalciteAccordionElement;\n\n  /**\n   * Specifies the size of the component inherited from the `calcite-accordion`.\n   *\n   * @internal\n   */\n  @Prop() scale: Scale;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalAccordionItemSelect: EventEmitter<RequestedItem>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalAccordionItemClose: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderActionsStart(): VNode {\n    const { el } = this;\n    return getSlotted(el, SLOTS.actionsStart) ? (\n      <div class={CSS.actionsStart}>\n        <slot name={SLOTS.actionsStart} />\n      </div>\n    ) : null;\n  }\n\n  renderActionsEnd(): VNode {\n    const { el } = this;\n    return getSlotted(el, SLOTS.actionsEnd) ? (\n      <div class={CSS.actionsEnd}>\n        <slot name={SLOTS.actionsEnd} />\n      </div>\n    ) : null;\n  }\n\n  render(): VNode {\n    const { iconFlipRtl } = this;\n    const dir = getElementDir(this.el);\n    const iconStartEl = this.iconStart ? (\n      <calcite-icon\n        class={{ [CSS.icon]: true, [CSS.iconStart]: true }}\n        flipRtl={iconFlipRtl === \"both\" || iconFlipRtl === \"start\"}\n        icon={this.iconStart}\n        key=\"icon-start\"\n        scale={getIconScale(this.scale)}\n      />\n    ) : null;\n    const iconEndEl = this.iconEnd ? (\n      <calcite-icon\n        class={{ [CSS.iconEnd]: true, [CSS.icon]: true }}\n        flipRtl={iconFlipRtl === \"both\" || iconFlipRtl === \"end\"}\n        icon={this.iconEnd}\n        key=\"icon-end\"\n        scale={getIconScale(this.scale)}\n      />\n    ) : null;\n    const { description } = this;\n    return (\n      <Host>\n        <div\n          class={{\n            [`icon-position--${this.iconPosition}`]: true,\n            [`icon-type--${this.iconType}`]: true,\n          }}\n        >\n          <div class={{ [CSS.header]: true, [CSS_UTILITY.rtl]: dir === \"rtl\" }}>\n            {this.renderActionsStart()}\n            <div\n              aria-controls={IDS.section}\n              aria-expanded={toAriaBoolean(this.expanded)}\n              class={CSS.headerContent}\n              id={IDS.sectionToggle}\n              onClick={this.itemHeaderClickHandler}\n              ref={this.storeHeaderEl}\n              role=\"button\"\n              tabindex=\"0\"\n            >\n              <div class={CSS.headerContainer}>\n                {iconStartEl}\n                <div class={CSS.headerText}>\n                  <span class={CSS.heading}>{this.heading}</span>\n                  {description ? <span class={CSS.description}>{description}</span> : null}\n                </div>\n                {iconEndEl}\n              </div>\n              <calcite-icon\n                class={CSS.expandIcon}\n                icon={\n                  this.iconType === \"chevron\"\n                    ? \"chevronDown\"\n                    : this.iconType === \"caret\"\n                      ? \"caretDown\"\n                      : this.expanded\n                        ? \"minus\"\n                        : \"plus\"\n                }\n                scale={getIconScale(this.scale)}\n              />\n            </div>\n            {this.renderActionsEnd()}\n          </div>\n          <section aria-labelledby={IDS.sectionToggle} class={CSS.content} id={IDS.section}>\n            <slot />\n          </section>\n        </div>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"keydown\")\n  keyDownHandler(event: KeyboardEvent): void {\n    if (event.target === this.el) {\n      switch (event.key) {\n        case \" \":\n        case \"Enter\":\n          this.emitRequestedItem();\n          event.preventDefault();\n          break;\n      }\n    }\n  }\n\n  @Listen(\"calciteInternalAccordionChange\", { target: \"body\" })\n  updateActiveItemOnChange(event: CustomEvent): void {\n    const [accordion] = event.composedPath();\n    const parent = closestElementCrossShadowBoundary(this.el, \"calcite-accordion\");\n\n    if (accordion !== parent) {\n      return;\n    }\n\n    this.determineActiveItem(parent.selectionMode, event.detail.requestedAccordionItem);\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteInternalAccordionItemsSync\", { target: \"document\" })\n  accordionItemSyncHandler(event: CustomEvent): void {\n    const [accordion] = event.composedPath();\n    const accordionItem = this.el;\n\n    // we sync with our accordion parent via event only if the item is wrapped within another component's shadow DOM,\n    // otherwise, the accordion parent will sync the item directly\n\n    const willBeSyncedByDirectParent = accordionItem.parentElement === accordion;\n    if (willBeSyncedByDirectParent) {\n      return;\n    }\n\n    const closestAccordionParent = closestElementCrossShadowBoundary(\n      accordionItem,\n      \"calcite-accordion\",\n    );\n\n    if (accordion !== closestAccordionParent) {\n      return;\n    }\n\n    this.iconPosition = closestAccordionParent.iconPosition;\n    this.iconType = closestAccordionParent.iconType;\n    this.scale = closestAccordionParent.scale;\n    event.stopPropagation();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteAccordionItemElement;\n\n  private headerEl: HTMLDivElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.headerEl.focus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private storeHeaderEl = (el: HTMLDivElement): void => {\n    this.headerEl = el;\n  };\n\n  /** handle clicks on item header */\n  private itemHeaderClickHandler = (): void => this.emitRequestedItem();\n\n  private determineActiveItem(\n    selectionMode: SelectionMode,\n    requestedItem: HTMLCalciteAccordionItemElement,\n  ): void {\n    switch (selectionMode) {\n      case \"multiple\":\n        if (this.el === requestedItem) {\n          this.expanded = !this.expanded;\n        }\n        break;\n\n      case \"single\":\n        this.expanded = this.el === requestedItem ? !this.expanded : false;\n        break;\n\n      case \"single-persist\":\n        this.expanded = this.el === requestedItem;\n        break;\n    }\n  }\n\n  private emitRequestedItem(): void {\n    this.calciteInternalAccordionItemSelect.emit({\n      requestedAccordionItem: this.el,\n    });\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-6bf4da90.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.13.0
- */
-import{r as e,f as t,h as i,H as n,g as o,c as s,F as r}from"./p-0a2f91d4.js";import{s as a,k as c,d as l,g as d,t as h}from"./p-806dc8f8.js";import{s as u,a as f,c as p}from"./p-65e04a6e.js";import{c as m,d as v}from"./p-2abe8907.js";import{u as b,c as g,s as y,d as x}from"./p-f0661425.js";import{C as w}from"./p-cedaddf4.js";import"./p-39b20f1d.js";import"./p-df6c8bd7.js";import"./p-103c1961.js";import"./p-966e4808.js";const k=":host{display:flex}ul{margin:0px;display:inline-flex;block-size:100%;align-items:center;padding:0px}:host([layout=vertical]) ul{display:flex;inline-size:100%;flex-direction:column}:host([hidden]){display:none}[hidden]{display:none}";const z=k;const C=class{constructor(t){e(this,t);this.menuItems=[];this.handleMenuSlotChange=e=>{this.menuItems=a(e);this.setMenuItemLayout(this.menuItems,this.layout)};this.label=undefined;this.layout="horizontal";this.messageOverrides=undefined;this.messages=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}handleGlobalAttributesChanged(){t(this);this.setMenuItemLayout(this.menuItems,this.layout)}handleLayoutChange(e){this.setMenuItemLayout(this.menuItems,e)}onMessagesChange(){}effectiveLocaleChange(){b(this,this.effectiveLocale)}connectedCallback(){m(this);g(this)}async componentWillLoad(){u(this);await y(this)}componentDidLoad(){f(this)}disconnectedCallback(){v(this);x(this)}async setFocus(){await p(this);this.el.focus()}calciteInternalNavMenuItemKeyEvent(e){const t=e.target;const i=e.detail.children;const n=e.detail.event.key;e.stopPropagation();if(n==="ArrowDown"){if(t.layout==="vertical"){c(this.menuItems,t,"next",false)}else{if(e.detail.isSubmenuOpen){i[0].setFocus()}}}else if(n==="ArrowUp"){if(this.layout==="vertical"){c(this.menuItems,t,"previous",false)}else{if(e.detail.isSubmenuOpen){i[i.length-1].setFocus()}}}else if(n==="ArrowRight"){if(this.layout==="horizontal"){c(this.menuItems,t,"next",false)}else{if(e.detail.isSubmenuOpen){i[0].setFocus()}}}else if(n==="ArrowLeft"){if(this.layout==="horizontal"){c(this.menuItems,t,"previous",false)}else{if(e.detail.isSubmenuOpen){this.focusParentElement(e.target)}}}else if(n==="Escape"){this.focusParentElement(e.target)}e.preventDefault()}focusParentElement(e){const t=e.parentElement;if(t){l(t);t.open=false}}setMenuItemLayout(e,t){e.forEach((e=>{e.layout=t;if(this.getEffectiveRole()==="menubar"){e.isTopLevelItem=true;e.topLevelMenuLayout=this.layout}}))}getEffectiveRole(){return this.el.role||"menubar"}render(){return i(n,{key:"75308ac4419f7116f73975ad9ff88d25817d0522"},i("ul",{key:"ed22f7ab681c6e583b0b5aa720823898759687cb","aria-label":this.label,role:this.getEffectiveRole()},i("slot",{key:"4296d48a1a8921802458776d02e119feeaf12b3e",onSlotchange:this.handleMenuSlotChange})))}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{role:["handleGlobalAttributesChanged"],layout:["handleLayoutChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};C.style=z;const I={container:"container",content:"content",dropdownVertical:"dropdown--vertical",dropdownMenuItems:"dropdown-menu-items",dropdownAction:"dropdown-action",layoutVertical:"layout--vertical",hoverHrefIcon:"hover-href-icon",icon:"icon",iconBreadcrumb:"icon--breadcrumb",iconDropdown:"icon--dropdown",iconEnd:"icon--end",iconStart:"icon--start",isParentVertical:"parent--vertical",itemContent:"item-content",open:"open",nested:"nested",textContainer:"text-container"};const L=':host{position:relative;box-sizing:border-box;display:flex;align-items:center;flex-shrink:0}:host .container,:host .item-content,:host .content{min-block-size:3rem}:host([layout=vertical]){inline-size:100%}:host(:not([layout=vertical])){block-size:100%}.container,.item-content{display:flex;block-size:100%;inline-size:100%;flex-direction:row;align-items:stretch}.content{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);padding-inline:1rem;font-size:var(--calcite-font-size-0);color:var(--calcite-color-text-2);outline:2px solid transparent;outline-offset:2px;text-decoration:none;border-block-end:0.125rem solid transparent;padding-block-start:0.125rem}.content:hover{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-2)}.content:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-2);outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.content:active{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}.content span{display:inline-flex}.content.layout--vertical{display:flex;inline-size:100%;justify-content:flex-start;padding-block:1rem;border-block-end:0;border-inline-end:0.25rem solid transparent}:host([active]) .content{color:var(--calcite-color-text-1);border-color:var(--calcite-color-brand)}:host([active]) .content .icon{--calcite-icon-color:var(--calcite-color-brand)}:host([layout=vertical]) .content{padding-inline:0.75rem}.icon--start{margin-inline-end:0.75rem}.icon--end{margin-inline-start:0.75rem}:host([layout=vertical]) .icon--end{margin-inline-start:auto;padding-inline-start:0.75rem}.icon--dropdown{position:relative;margin-inline-start:auto;margin-inline-end:0px;padding-inline-start:0.5rem;--calcite-icon-color:var(--calcite-color-text-3)}:host([layout=vertical]) .icon--end~.icon--dropdown{margin-inline-start:0.75rem}:host([layout=vertical]) .hover-href-icon{padding-inline-start:0.5rem}:host([layout=vertical]) .hover-href-icon~.icon--end{margin-inline-start:0.5rem}:host([layout=vertical]) .hover-href-icon~.icon--breadcrumb{margin-inline-start:0.75rem}.icon--breadcrumb{margin-inline-end:0px;padding-inline-start:0.5rem;--calcite-icon-color:var(--calcite-color-text-3)}:host([layout=vertical]) .icon--breadcrumb{margin-inline-start:auto}:host([layout=vertical]) .icon--breadcrumb~.icon--dropdown{margin-inline-start:0.5rem}:host([layout=vertical]) .icon--end~.icon--breadcrumb{margin-inline-start:0.5rem}:host([breadcrumb]) .content{padding-inline-end:0.75rem}calcite-action{position:relative;block-size:auto;border-inline-start:1px solid var(--calcite-color-foreground-1)}calcite-action::after{position:absolute;inset-inline-start:-1px;display:block;inline-size:1px;content:"";inset-block:0.75rem;background-color:var(--calcite-color-border-3)}calcite-action:hover::after{block-size:100%;inset-block:0}.content:focus~calcite-action,.content:hover~calcite-action{color:var(--calcite-color-text-1);border-inline-start:1px solid var(--calcite-color-border-3)}.container:hover .dropdown-action{background-color:var(--calcite-color-foreground-2)}.dropdown-menu-items{position:absolute;display:none;block-size:auto;min-inline-size:100%;flex-direction:column;overflow:visible;border:1px solid var(--calcite-color-border-3);background:var(--calcite-color-foreground-1);inset-block-start:100%;z-index:var(--calcite-z-index-dropdown)}.dropdown-menu-items.open{display:block}.dropdown-menu-items.nested{position:absolute;inset-block-start:-1px;transform:translateX(calc(100% - 2px))}.parent--vertical{flex-direction:column}.dropdown--vertical.dropdown-menu-items{position:relative;border-radius:0px;box-shadow:none;inset-block-start:0;transform:none}.dropdown--vertical.dropdown-menu-items:last-of-type{border-inline:0}:host([layout=vertical]:last-of-type) .dropdown-menu-items{border-block-end:0}:host([slot=submenu-item]) .parent--vertical{padding-inline-start:1.5rem}.dropdown-menu-items.nested.calcite--rtl{transform:translateX(calc(-100% + 2px))}.dropdown--vertical.dropdown-menu-items.nested.calcite--rtl{transform:none}.hover-href-icon{position:relative;inset-inline-end:0.25rem;margin-inline-start:auto;opacity:0;transition:all var(--calcite-internal-animation-timing-medium) ease-in-out}.content:focus .hover-href-icon,.content:hover .hover-href-icon{inset-inline-end:-0.25rem;opacity:1}:host([hidden]){display:none}[hidden]{display:none}';const j=L;const A=class{constructor(t){e(this,t);this.calciteInternalMenuItemKeyEvent=s(this,"calciteInternalMenuItemKeyEvent",7);this.calciteMenuItemSelect=s(this,"calciteMenuItemSelect",7);this.clickHandler=e=>{if(this.href&&e.target===this.dropdownActionEl||!this.href&&this.hasSubmenu){this.open=!this.open}this.selectMenuItem(e)};this.handleMenuItemSlotChange=e=>{this.submenuItems=a(e);this.submenuItems.forEach((e=>{if(!e.topLevelMenuLayout){e.topLevelMenuLayout=this.topLevelMenuLayout}}));this.hasSubmenu=this.submenuItems.length>0};this.keyDownHandler=async e=>{const{hasSubmenu:t,href:i,layout:n,open:o,submenuItems:s}=this;const r=e.key;const a=e.target===this.dropdownActionEl;if(e.defaultPrevented){return}if(r===" "||r==="Enter"){if(t&&(!i||i&&a)){this.open=!o}if(!(i&&a)&&r!=="Enter"){this.selectMenuItem(e)}if(r===" "||i&&a){e.preventDefault()}}else if(r==="Escape"){if(o){this.open=false;return}this.calciteInternalMenuItemKeyEvent.emit({event:e});e.preventDefault()}else if(r==="ArrowDown"||r==="ArrowUp"){e.preventDefault();if((a||!i)&&t&&!o&&n==="horizontal"){this.open=true;return}this.calciteInternalMenuItemKeyEvent.emit({event:e,children:s,isSubmenuOpen:o&&t})}else if(r==="ArrowLeft"){e.preventDefault();this.calciteInternalMenuItemKeyEvent.emit({event:e,children:s,isSubmenuOpen:true})}else if(r==="ArrowRight"){e.preventDefault();if((a||!i)&&t&&!o&&n==="vertical"){this.open=true;return}this.calciteInternalMenuItemKeyEvent.emit({event:e,children:s,isSubmenuOpen:o&&t})}};this.active=undefined;this.breadcrumb=undefined;this.href=undefined;this.iconEnd=undefined;this.iconFlipRtl=undefined;this.iconStart=undefined;this.isTopLevelItem=false;this.label=undefined;this.layout=undefined;this.messageOverrides=undefined;this.messages=undefined;this.open=false;this.rel=undefined;this.target=undefined;this.text=undefined;this.topLevelMenuLayout=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.hasSubmenu=false;this.submenuItems=undefined}onMessagesChange(){}effectiveLocaleChange(){b(this,this.effectiveLocale)}async setFocus(){await p(this);this.anchorEl.focus()}handleClickOut(e){if(this.topLevelMenuLayout!=="vertical"&&this.hasSubmenu&&this.open&&!e.composedPath().includes(this.el)){this.open=false}}handleFocusOut(e){if(this.topLevelMenuLayout!=="vertical"&&!this.el.contains(e.relatedTarget)){this.open=false}}connectedCallback(){m(this);g(this)}async componentWillLoad(){u(this);await y(this)}componentDidLoad(){f(this)}disconnectedCallback(){v(this);x(this)}blurHandler(){this.isFocused=false}focusHandler(e){const t=e.target;this.isFocused=true;if(t.open&&!this.open){t.open=false}}selectMenuItem(e){if(e.target!==this.dropdownActionEl){this.calciteMenuItemSelect.emit()}}renderIconStart(){return i("calcite-icon",{class:`${I.icon} ${I.iconStart}`,flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,key:I.iconStart,scale:"s"})}renderIconEnd(){return i("calcite-icon",{class:`${I.icon} ${I.iconEnd}`,flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,key:I.iconEnd,scale:"s"})}renderBreadcrumbIcon(e){return i("calcite-icon",{class:`${I.icon} ${I.iconBreadcrumb}`,icon:e==="rtl"?"chevron-left":"chevron-right",key:I.iconBreadcrumb,scale:"s"})}renderDropdownIcon(e){const t=e==="rtl"?"chevron-left":"chevron-right";return i("calcite-icon",{class:`${I.icon} ${I.iconDropdown}`,icon:this.topLevelMenuLayout==="vertical"||this.isTopLevelItem?this.open?"chevron-up":"chevron-down":t,key:I.iconDropdown,scale:"s"})}renderDropdownAction(e){const t=e==="rtl"?"chevron-left":"chevron-right";return i("calcite-action",{class:I.dropdownAction,icon:this.topLevelMenuLayout==="vertical"||this.isTopLevelItem?this.open?"chevron-up":"chevron-down":t,key:I.dropdownAction,onClick:this.clickHandler,onKeyDown:this.keyDownHandler,ref:e=>this.dropdownActionEl=e,text:this.messages.open})}renderSubmenuItems(e){return i("calcite-menu",{class:{[I.dropdownMenuItems]:true,[I.open]:this.open,[I.nested]:!this.isTopLevelItem,[w.rtl]:e==="rtl",[I.dropdownVertical]:this.topLevelMenuLayout==="vertical"},label:this.messages.submenu,layout:"vertical",role:"menu"},i("slot",{name:"submenu-item",onSlotchange:this.handleMenuItemSlotChange}))}renderHrefIcon(e){return i("calcite-icon",{class:I.hoverHrefIcon,icon:e==="rtl"?"arrow-left":"arrow-right",key:I.hoverHrefIcon,scale:"s"})}renderItemContent(e){const t=this.href&&(this.topLevelMenuLayout==="vertical"||!this.isTopLevelItem);return i(r,null,this.iconStart&&this.renderIconStart(),i("div",{class:I.textContainer},i("span",null,this.text)),t&&this.renderHrefIcon(e),this.iconEnd&&this.renderIconEnd(),this.breadcrumb?this.renderBreadcrumbIcon(e):null,!this.href&&this.hasSubmenu?this.renderDropdownIcon(e):null)}render(){const e=d(this.el);return i(n,{key:"e57c6579d3287593d663a8586cfd25c90246b1a4",onBlur:this.blurHandler,onFocus:this.focusHandler},i("li",{key:"954549390e447ec43ccf681949095d1393d9068a",class:{[I.container]:true,[I.isParentVertical]:this.topLevelMenuLayout==="vertical"},role:"none"},i("div",{key:"6130156128f303bb225007e337fae78385614cf5",class:I.itemContent},i("a",{key:"9103ba8f3683feb1eb2301f05412b434c39ec3d3","aria-current":this.isFocused?"page":false,"aria-expanded":h(this.open),"aria-haspopup":h(this.hasSubmenu),"aria-label":this.label,class:{[I.layoutVertical]:this.layout==="vertical",[I.content]:true},href:this.href,onClick:this.clickHandler,onKeyDown:this.keyDownHandler,ref:e=>this.anchorEl=e,rel:this.rel,role:"menuitem",tabIndex:this.isTopLevelItem?0:-1,target:this.target},this.renderItemContent(e)),this.href&&this.hasSubmenu?this.renderDropdownAction(e):null),this.renderSubmenuItems(e)))}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};A.style=j;export{C as calcite_menu,A as calcite_menu_item};
-//# sourceMappingURL=p-6bf4da90.entry.js.map

package/dist/calcite/p-6c14612e.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.13.0
- */
-import{r as e,c as t,h as i,F as n,g as a}from"./p-0a2f91d4.js";import{c as s,d as o}from"./p-c36f2721.js";import{e as c,g as r,t as l}from"./p-806dc8f8.js";import{c as d,d as h}from"./p-2abe8907.js";import{u as p,c as g,s as f,d as m}from"./p-f0661425.js";import{H as u,c as x}from"./p-4d237eff.js";import{l as v}from"./p-6f791d8e.js";import{c as b}from"./p-966e4808.js";import"./p-39b20f1d.js";import"./p-cedaddf4.js";import"./p-103c1961.js";import"./p-df6c8bd7.js";import"./p-3d516d20.js";const y={container:"container",header:"header",heading:"heading",close:"close",imageFrame:"image-frame",content:"content",info:"info"};const k={close:"x"};const z={thumbnail:"thumbnail"};const w=":host{position:relative;margin:1rem;box-sizing:border-box;display:flex;flex-direction:row;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}.container{inline-size:100%;padding:1rem}:host([closed]),:host([closed]) .container{display:none}:host([selected]) .container{margin:0px;border-style:none;padding:0px}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.header{margin-block-end:0.5rem}.header .heading{padding:0px;font-size:var(--calcite-font-size-0);line-height:1.25rem;color:var(--calcite-color-text-1)}.container[hidden]{display:none}.content{display:flex}.info{padding-block:0px;padding-inline:1rem;inline-size:70%}.info:only-child{inline-size:100%;padding-inline:0px}::slotted(p){margin-block-start:0px}::slotted(a){outline-color:transparent;color:var(--calcite-color-brand)}::slotted(a:focus){outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.image-frame{inline-size:25%}.image-frame img{max-inline-size:100%}::slotted(img){max-inline-size:100%}:host([hidden]){display:none}[hidden]{display:none}";const C=w;v.deprecated("component",{name:"tip",removalVersion:4,suggested:["card","notice","panel","tile"]});const j=class{constructor(i){e(this,i);this.calciteTipDismiss=t(this,"calciteTipDismiss",6);this.hideTip=()=>{this.closed=true;this.calciteTipDismiss.emit()};this.closed=false;this.closeDisabled=false;this.heading=undefined;this.headingLevel=undefined;this.selected=false;this.messages=undefined;this.messageOverrides=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}onMessagesChange(){}effectiveLocaleChange(){p(this,this.effectiveLocale)}connectedCallback(){s(this);d(this);g(this)}async componentWillLoad(){await f(this)}disconnectedCallback(){o(this);h(this);m(this)}renderHeader(){const{heading:e,headingLevel:t,el:n}=this;const a=n.closest("calcite-tip-manager")?.headingLevel;const s=a?x(a+1):null;const o=t||s;return e?i("header",{class:y.header},i(u,{class:y.heading,level:o},e)):null}renderDismissButton(){const{closeDisabled:e,hideTip:t}=this;return!e?i("calcite-action",{class:y.close,icon:k.close,onClick:t,scale:"l",text:this.messages.close}):null}renderImageFrame(){const{el:e}=this;return c(e,z.thumbnail)?i("div",{class:y.imageFrame,key:"thumbnail"},i("slot",{name:z.thumbnail})):null}renderInfoNode(){return i("div",{class:y.info},i("slot",null))}renderContent(){return i("div",{class:y.content},this.renderImageFrame(),this.renderInfoNode())}render(){return i(n,{key:"0ee5bf1ba2df1cccf7e6684bd0480344b074b16b"},i("article",{key:"55effd0a9eaa055167507e216983713fc1767e13",class:y.container},this.renderHeader(),this.renderContent()),this.renderDismissButton())}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};j.style=C;const L=":host{box-sizing:border-box;display:block;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}::slotted(calcite-tip){margin:0px;border-style:none;max-inline-size:var(--calcite-tip-max-width)}:host([hidden]){display:none}[hidden]{display:none}";const T=L;v.deprecated("component",{name:"tip-group",removalVersion:4,suggested:["carousel","carousel-item"]});const H=class{constructor(t){e(this,t);this.groupTitle=undefined}render(){return i("slot",{key:"40d9094358a1ef9165e9261d9ca351b2530a7584"})}};H.style=T;const I={header:"header",heading:"heading",close:"close",container:"container",tipContainer:"tip-container",tipContainerAdvancing:"tip-container--advancing",tipContainerRetreating:"tip-container--retreating",pagination:"pagination",pagePosition:"page-position",pageNext:"page-next",pagePrevious:"page-previous"};const D={chevronLeft:"chevron-left",chevronRight:"chevron-right",close:"x"};const M=":host{box-sizing:border-box;display:block;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2);--calcite-tip-manager-height:19vh}:host *{box-sizing:border-box}:host([closed]){display:none}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.header{border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);padding-block:0px;padding-inline-end:0px;padding-inline-start:1rem}.header .heading{padding:0px;font-size:var(--calcite-font-size-1);line-height:1.5rem;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-1)}.container{position:relative;overflow:hidden;outline-color:transparent;min-block-size:150px}.container:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.tip-container{margin-block-start:1px;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:1rem;outline-color:transparent;animation-name:none;animation-duration:var(--calcite-animation-timing);block-size:var(--calcite-tip-manager-height)}.tip-container:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}::slotted(calcite-tip){margin:0px;border-style:none;max-inline-size:var(--calcite-tip-max-width)}.tip-container--advancing{animation-name:tip-advance}.tip-container--retreating{animation-name:tip-retreat}.pagination{display:flex;align-items:center;justify-content:center;padding-inline:0px;padding-block:0.75rem 0.5rem}.page-position{margin-block:0px;margin-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}@keyframes tip-advance{0%{opacity:0;transform:translate3d(50px, 0, 0) scale(0.99)}100%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}}@keyframes tip-retreat{0%{opacity:0;transform:translate3d(-50px, 0, 0) scale(0.99)}100%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}}:host([hidden]){display:none}[hidden]{display:none}";const _=M;v.deprecated("component",{name:"tip-manager",removalVersion:4,suggested:"carousel"});const A=class{constructor(i){e(this,i);this.calciteTipManagerClose=t(this,"calciteTipManagerClose",6);this.mutationObserver=b("mutation",(()=>this.setUpTips()));this.hideTipManager=()=>{this.closed=true;this.calciteTipManagerClose.emit()};this.previousClicked=()=>{this.previousTip()};this.nextClicked=()=>{this.nextTip()};this.tipManagerKeyDownHandler=e=>{if(e.target!==this.container){return}switch(e.key){case"ArrowRight":e.preventDefault();this.nextTip();break;case"ArrowLeft":e.preventDefault();this.previousTip();break;case"Home":e.preventDefault();this.selectedIndex=0;break;case"End":e.preventDefault();this.selectedIndex=this.total-1;break}};this.storeContainerRef=e=>{this.container=e};this.closed=false;this.headingLevel=undefined;this.messages=undefined;this.messageOverrides=undefined;this.selectedIndex=undefined;this.tips=undefined;this.total=undefined;this.direction=undefined;this.groupTitle=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}closedChangeHandler(){this.direction=null}onMessagesChange(){}selectedChangeHandler(){this.showSelectedTip();this.updateGroupTitle()}async effectiveLocaleChange(){await p(this,this.effectiveLocale);this.updateGroupTitle()}connectedCallback(){d(this);g(this);this.setUpTips();this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}async componentWillLoad(){await f(this);this.updateGroupTitle()}disconnectedCallback(){this.mutationObserver?.disconnect();h(this);m(this)}async nextTip(){this.direction="advancing";const e=this.selectedIndex+1;this.selectedIndex=(e+this.total)%this.total}async previousTip(){this.direction="retreating";const e=this.selectedIndex-1;this.selectedIndex=(e+this.total)%this.total}setUpTips(){const e=Array.from(this.el.querySelectorAll("calcite-tip"));this.total=e.length;if(this.total===0){return}const t=this.el.querySelector("calcite-tip[selected]");this.tips=e;this.selectedIndex=t?e.indexOf(t):0;e.forEach((e=>{e.closeDisabled=true}));this.showSelectedTip()}showSelectedTip(){this.tips.forEach(((e,t)=>{const i=this.selectedIndex===t;e.selected=i;e.hidden=!i}))}updateGroupTitle(){if(this.tips){const e=this.tips[this.selectedIndex];const t=e.closest("calcite-tip-group");this.groupTitle=t?.groupTitle||this.messages?.defaultGroupTitle}}renderPagination(){const e=r(this.el);const{selectedIndex:t,tips:n,total:a,messages:s}=this;const o=s.next;const c=s.previous;const l=s.defaultPaginationLabel;return n.length>1?i("footer",{class:I.pagination},i("calcite-action",{class:I.pagePrevious,icon:e==="ltr"?D.chevronLeft:D.chevronRight,onClick:this.previousClicked,scale:"m",text:c}),i("span",{class:I.pagePosition},`${l} ${t+1}/${a}`),i("calcite-action",{class:I.pageNext,icon:e==="ltr"?D.chevronRight:D.chevronLeft,onClick:this.nextClicked,scale:"m",text:o})):null}render(){const{closed:e,direction:t,headingLevel:n,groupTitle:a,selectedIndex:s,messages:o,total:c}=this;const r=o.close;if(c===0){return null}return i("section",{"aria-hidden":l(e),class:I.container,hidden:e,onKeyDown:this.tipManagerKeyDownHandler,ref:this.storeContainerRef,tabIndex:0},i("header",{class:I.header},i(u,{class:I.heading,level:n},a),i("calcite-action",{class:I.close,onClick:this.hideTipManager,scale:"m",text:r},i("calcite-icon",{icon:D.close,scale:"m"}))),i("div",{class:{[I.tipContainer]:true,[I.tipContainerAdvancing]:!e&&t==="advancing",[I.tipContainerRetreating]:!e&&t==="retreating"},key:s,tabIndex:0},i("slot",null)),this.renderPagination())}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{closed:["closedChangeHandler"],messageOverrides:["onMessagesChange"],selectedIndex:["selectedChangeHandler"],effectiveLocale:["effectiveLocaleChange"]}}};A.style=_;export{j as calcite_tip,H as calcite_tip_group,A as calcite_tip_manager};
-//# sourceMappingURL=p-6c14612e.entry.js.map