@esri/calcite-components 2.9.0-next.2 → 2.9.0-next.20

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

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.9.0-next.20
+ */
+import{d as e}from"./p-9229616c.js";import"./p-e48d006d.js";import"./p-8356a697.js";import"./p-99726b90.js";import"./p-c26dde6d.js";import"./p-57e21d44.js";import"./p-ae04d854.js";import"./p-c5966b3e.js";import"./p-70c530fa.js";import"./p-9e5dd305.js";import"./p-ae81e665.js";import"./p-bf0746a3.js";import"./p-8e3a4720.js";import"./p-2fec90cc.js";import"./p-94138947.js";import"./p-0592bb74.js";import"./p-dd1ec8aa.js";import"./p-effbb31d.js";import"./p-c6f9db24.js";var r={name:"da",weekdays:"søndag_mandag_tirsdag_onsdag_torsdag_fredag_lørdag".split("_"),weekdaysShort:"søn._man._tirs._ons._tors._fre._lør.".split("_"),weekdaysMin:"sø._ma._ti._on._to._fr._lø.".split("_"),months:"januar_februar_marts_april_maj_juni_juli_august_september_oktober_november_december".split("_"),monthsShort:"jan._feb._mar._apr._maj_juni_juli_aug._sept._okt._nov._dec.".split("_"),weekStart:1,ordinal:function e(r){return r+"."},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY HH:mm",LLLL:"dddd [d.] D. MMMM YYYY [kl.] HH:mm"},relativeTime:{future:"om %s",past:"%s siden",s:"få sekunder",m:"et minut",mm:"%d minutter",h:"en time",hh:"%d timer",d:"en dag",dd:"%d dage",M:"en måned",MM:"%d måneder",y:"et år",yy:"%d år"}};e.locale(r,null,true);export{r as default};
+//# sourceMappingURL=p-6d735fc5.js.map

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

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.9.0-next.20
+ */
+import{d as e}from"./p-9229616c.js";import"./p-e48d006d.js";import"./p-8356a697.js";import"./p-99726b90.js";import"./p-c26dde6d.js";import"./p-57e21d44.js";import"./p-ae04d854.js";import"./p-c5966b3e.js";import"./p-70c530fa.js";import"./p-9e5dd305.js";import"./p-ae81e665.js";import"./p-bf0746a3.js";import"./p-8e3a4720.js";import"./p-2fec90cc.js";import"./p-94138947.js";import"./p-0592bb74.js";import"./p-dd1ec8aa.js";import"./p-effbb31d.js";import"./p-c6f9db24.js";function a(e,a,t,s){var p={s:["mõne sekundi","mõni sekund","paar sekundit"],m:["ühe minuti","üks minut"],mm:["%d minuti","%d minutit"],h:["ühe tunni","tund aega","üks tund"],hh:["%d tunni","%d tundi"],d:["ühe päeva","üks päev"],M:["kuu aja","kuu aega","üks kuu"],MM:["%d kuu","%d kuud"],y:["ühe aasta","aasta","üks aasta"],yy:["%d aasta","%d aastat"]};if(a){return(p[t][2]?p[t][2]:p[t][1]).replace("%d",e)}return(s?p[t][0]:p[t][1]).replace("%d",e)}var t={name:"et",weekdays:"pühapäev_esmaspäev_teisipäev_kolmapäev_neljapäev_reede_laupäev".split("_"),weekdaysShort:"P_E_T_K_N_R_L".split("_"),weekdaysMin:"P_E_T_K_N_R_L".split("_"),months:"jaanuar_veebruar_märts_aprill_mai_juuni_juuli_august_september_oktoober_november_detsember".split("_"),monthsShort:"jaan_veebr_märts_apr_mai_juuni_juuli_aug_sept_okt_nov_dets".split("_"),ordinal:function e(a){return a+"."},weekStart:1,relativeTime:{future:"%s pärast",past:"%s tagasi",s:a,m:a,mm:a,h:a,hh:a,d:a,dd:"%d päeva",M:a,MM:a,y:a,yy:a},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"}};e.locale(t,null,true);export{t as default};
+//# sourceMappingURL=p-6d7ea488.js.map

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

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.9.0-next.20
+ */
+import{r as e,c as t,h as i,H as a,g as n}from"./p-e48d006d.js";import{c as o,d as c}from"./p-0af75a98.js";import{f as s,e as r,t as l}from"./p-99726b90.js";import{c as d,d as h,u as g,I as p}from"./p-ae04d854.js";import{c as u,d as f}from"./p-8e3a4720.js";import{u as m,c as b,d as v,s as x}from"./p-dd1ec8aa.js";import{H as y}from"./p-6be4c997.js";import{c as k,s as w,a as C}from"./p-bf0746a3.js";import{o as z}from"./p-effbb31d.js";import{i as j}from"./p-70c530fa.js";import"./p-2fec90cc.js";import"./p-c26dde6d.js";import"./p-57e21d44.js";import"./p-c5966b3e.js";import"./p-ae81e665.js";const _={content:"content",toggle:"toggle",header:"header"};const L={button:"button",container:"container",content:"content",controlContainer:"control-container",description:"description",header:"header",headerContainer:"header-container",heading:"heading",icon:"icon",invalid:"invalid",statusIcon:"status-icon",summary:"summary",title:"title",toggle:"toggle",toggleIcon:"toggle-icon",valid:"valid"};const B={icon:"icon",control:"control",headerMenuActions:"header-menu-actions"};const I={opened:"chevron-up",closed:"chevron-down",valid:"check-circle",invalid:"exclamation-mark-triangle"};const D=':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{--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-shrink:0;flex-grow:0;flex-direction:column;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);padding:0px;transition-property:margin;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-timing-function:cubic-bezier(0.215, 0.440, 0.420, 0.880);flex-basis:auto}: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}.header{justify-content:flex-start;padding:0px}.header,.toggle{grid-area:header}.header-container{display:grid;align-items:stretch;grid-template:auto/auto 1fr auto auto;grid-template-areas:"handle header control menu";grid-column:header-start/menu-end;grid-row:1/2}.toggle{margin:0px;display:flex;cursor:pointer;flex-wrap:nowrap;align-items:center;justify-content:space-between;border-style:none;padding:0px;font-family:var(--calcite-font-family);outline-color:transparent;text-align:initial;background-color:transparent}.toggle:hover{background-color:var(--calcite-color-foreground-2)}.toggle: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          )}calcite-loader[inline]{grid-area:control;align-self:center}calcite-handle{grid-area:handle}.title{margin:0px;padding:0.75rem}.header .title .heading{padding:0px;font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-medium);line-height:1.25;color:var(--calcite-color-text-2);transition-property:color;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);word-wrap:break-word;word-break:break-word}.description{margin-block-start:0.125rem;padding:0px;font-size:var(--calcite-font-size--2);line-height:1.375;color:var(--calcite-color-text-3);word-wrap:break-word;word-break:break-word}.icon{display:flex;margin-inline-start:0.75rem;margin-inline-end:0px}.status-icon.valid{color:var(--calcite-color-status-success)}.status-icon.invalid{color:var(--calcite-color-status-danger)}@keyframes spin{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}.toggle-icon{margin-block:0.75rem;align-self:center;justify-self:end;color:var(--calcite-color-text-3);transition-property:color;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-inline-end:0.75rem;margin-inline-start:auto}.toggle:hover .toggle-icon{color:var(--calcite-color-text-1)}.container{position:relative;display:flex;block-size:100%;flex-direction:column}.content{position:relative;min-block-size:0px;flex:1 1 0%}@keyframes in{0%{opacity:0}100%{opacity:1}}.content{animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;padding-block:var(--calcite-block-padding, var(--calcite-spacing-sm));padding-inline:var(--calcite-block-padding, var(--calcite-spacing-md))}.control-container{margin:0px;display:flex;grid-area:control}calcite-action-menu{grid-area:menu}:host([open]){margin-block:0.5rem}:host([open]) .header .title .heading{color:var(--calcite-color-text-1)}:host([hidden]){display:none}[hidden]{display:none}';const O=D;const S=class{constructor(i){e(this,i);this.calciteBlockBeforeClose=t(this,"calciteBlockBeforeClose",6);this.calciteBlockBeforeOpen=t(this,"calciteBlockBeforeOpen",6);this.calciteBlockClose=t(this,"calciteBlockClose",6);this.calciteBlockOpen=t(this,"calciteBlockOpen",6);this.calciteBlockToggle=t(this,"calciteBlockToggle",6);this.openTransitionProp="opacity";this.onHeaderClick=()=>{this.open=!this.open;this.calciteBlockToggle.emit()};this.setTransitionEl=e=>{this.transitionEl=e};this.collapsible=false;this.disabled=false;this.dragHandle=false;this.heading=undefined;this.headingLevel=undefined;this.loading=false;this.open=false;this.status=undefined;this.description=undefined;this.messages=undefined;this.messageOverrides=undefined;this.overlayPositioning="absolute";this.effectiveLocale=undefined;this.defaultMessages=undefined}openHandler(){z(this)}onMessagesChange(){}async setFocus(){await k(this);s(this.el)}onBeforeOpen(){this.calciteBlockBeforeOpen.emit()}onOpen(){this.calciteBlockOpen.emit()}onBeforeClose(){this.calciteBlockBeforeClose.emit()}onClose(){this.calciteBlockClose.emit()}effectiveLocaleChange(){m(this,this.effectiveLocale)}connectedCallback(){o(this);d(this);u(this);b(this)}disconnectedCallback(){h(this);f(this);v(this);c(this)}async componentWillLoad(){await x(this);w(this);if(this.open){z(this)}}componentDidLoad(){C(this)}componentDidRender(){g(this)}renderScrim(){const{loading:e}=this;const t=i("slot",null);return[e?i("calcite-scrim",{loading:e}):null,t]}renderIcon(){const{loading:e,messages:t,status:a}=this;const n=!!r(this.el,B.icon);return e?i("div",{class:L.icon,key:"loader"},i("calcite-loader",{inline:true,label:t.loading})):a?i("div",{class:L.icon,key:"status-icon"},i("calcite-icon",{class:{[L.statusIcon]:true,[L.valid]:a=="valid",[L.invalid]:a=="invalid"},icon:I[a],scale:"s"})):n?i("div",{class:L.icon,key:"icon-slot"},i("slot",{key:"icon-slot",name:B.icon})):null}renderTitle(){const{heading:e,headingLevel:t,description:a}=this;return e||a?i("div",{class:L.title},i(y,{class:L.heading,level:t},e),a?i("div",{class:L.description},a):null):null}render(){const{collapsible:e,el:t,loading:n,open:o,heading:c,messages:s}=this;const d=o?s.collapse:s.expand;const h=i("header",{key:"89ca745bb149243a8a16bd9a1fb06bb6caf0dcde",class:L.header,id:_.header},this.renderIcon(),this.renderTitle());const g=!!r(t,B.control);const u=!!r(t,B.headerMenuActions);const f=o?I.opened:I.closed;const m=i("div",{key:"3c7722b8d21cfe2a96611a27436327f0e01a1c13",class:L.headerContainer},this.dragHandle?i("calcite-handle",{label:c}):null,e?i("button",{"aria-controls":_.content,"aria-describedby":_.header,"aria-expanded":e?l(o):null,class:L.toggle,id:_.toggle,onClick:this.onHeaderClick,title:d},h,i("calcite-icon",{"aria-hidden":"true",class:L.toggleIcon,icon:f,scale:"s"})):h,g?i("div",{class:L.controlContainer},i("slot",{name:B.control})):null,u?i("calcite-action-menu",{label:s.options,overlayPositioning:this.overlayPositioning},i("slot",{name:B.headerMenuActions})):null);return i(a,{key:"2b4bc16c96ad283fc0cb7fdc962d45f9047d2025"},i(p,{key:"3d846b4884a822a8e4d1550324c1e60d02567622",disabled:this.disabled},i("article",{key:"aba63d45e2c228f297abb31963c63f1e4bc980c9","aria-busy":l(n),class:{[L.container]:true}},m,i("section",{key:"a83029c21f41ea740a1a5e11e42a0613d5fd77cc","aria-labelledby":_.toggle,class:L.content,hidden:!o,id:_.content,ref:this.setTransitionEl},this.renderScrim()))))}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{open:["openHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};S.style=O;const H={content:"content",toggle:"toggle"};const M={chevronIcon:"chevron-icon",content:"content",focusGuard:"focus-guard",iconStart:"icon--start",iconEnd:"icon--end",invalid:"invalid",label:"label",sectionHeader:"section-header",sectionHeaderText:"section-header__text",statusIcon:"status-icon",switch:"switch",toggle:"toggle",toggleSwitch:"toggle--switch",toggleContainer:"toggle-container",toggleSwitchContent:"toggle--switch__content",toggleSwitchText:"toggle--switch__text",valid:"valid"};const T={menuOpen:"chevron-up",menuClosed:"chevron-down",valid:"check-circle",invalid:"exclamation-mark-triangle"};const q=":host{box-sizing:border-box;display:block;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2)}:host([open]){border-width:0px;border-block-end-width:1px;border-style:solid;border-block-end-color:var(--calcite-color-border-3)}:host(:last-child){border-block-end-width:0px}.toggle{inline-size:100%;border-width:0px;background-color:transparent;font-family:var(--calcite-font-family);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2);gap:var(--calcite-spacing-md)}.toggle--switch,.section-header{margin-inline:0px;margin-block:0.25rem;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;padding-inline:0px;padding-block:0.5rem;font-size:var(--calcite-font-size--1);outline-color:transparent}.toggle--switch:focus,.section-header: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          )}.toggle--switch:hover,.section-header:hover{color:var(--calcite-color-text-1)}.label{margin-block:0.25rem;display:flex;align-items:center;justify-content:center;margin-inline-start:var(--calcite-spacing-md)}.section-header__text{margin-block:0px;flex:1 1 auto;text-align:initial;word-wrap:anywhere}.toggle-container{position:relative;display:flex;align-items:center;background-color:transparent;word-break:break-word}.toggle-container .toggle--switch__content{display:flex;flex:1 1 auto;align-items:center}.toggle-container .icon--end,.toggle-container .icon--start{display:flex;align-items:center;color:var(--calcite-color-text-3)}.toggle-container .icon--end:hover,.toggle-container .icon--start:hover{color:var(--calcite-color-text-1)}.toggle-container .switch{display:flex;align-items:center;inset-block-start:50%;transform:translate(0, 50%)}.status-icon{display:flex;align-items:center}.status-icon.valid{color:var(--calcite-color-status-success)}.status-icon.invalid{color:var(--calcite-color-status-danger)}.chevron-icon{display:flex;align-items:center}:host([hidden]){display:none}[hidden]{display:none}";const F=q;const R=class{constructor(i){e(this,i);this.calciteBlockSectionToggle=t(this,"calciteBlockSectionToggle",6);this.handleHeaderKeyDown=e=>{if(j(e.key)){this.toggleSection();e.preventDefault();e.stopPropagation()}};this.toggleSection=()=>{this.open=!this.open;this.calciteBlockSectionToggle.emit()};this.iconEnd=undefined;this.iconFlipRtl=undefined;this.iconStart=undefined;this.open=false;this.status=undefined;this.text=undefined;this.toggleDisplay="button";this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale=undefined;this.defaultMessages=undefined}onMessagesChange(){}async setFocus(){await k(this);s(this.el)}effectiveLocaleChange(){m(this,this.effectiveLocale)}connectedCallback(){u(this);b(this)}async componentWillLoad(){await x(this);w(this)}componentDidLoad(){C(this)}disconnectedCallback(){f(this);v(this)}renderStatusIcon(){const{status:e}=this;const t=T[e]??false;const a={[M.statusIcon]:true,[M.valid]:e=="valid",[M.invalid]:e=="invalid"};return t?i("calcite-icon",{class:a,icon:t,scale:"s"}):null}renderIcon(e){const{iconFlipRtl:t}=this;if(e===undefined){return null}const a=t==="both"||t==="start";const n=t==="both"||t==="end";const o=e===this.iconStart;return i("calcite-icon",{class:o?this.iconStart:this.iconEnd,flipRtl:o?a:n,icon:o?this.iconStart:this.iconEnd,key:o?M.iconStart:M.iconEnd,scale:"s"})}render(){const{messages:e,open:t,text:n,toggleDisplay:o}=this;const c=t?T.menuOpen:T.menuClosed;const s=t?e.collapse:e.expand;const r=o==="switch"?i("div",{class:{[M.toggleContainer]:true}},i("div",{"aria-controls":H.content,"aria-expanded":l(t),class:{[M.toggle]:true,[M.toggleSwitch]:true},id:H.toggle,onClick:this.toggleSection,onKeyDown:this.handleHeaderKeyDown,role:"button",tabIndex:0,title:s},this.renderIcon(this.iconStart),i("div",{class:M.toggleSwitchContent},i("span",{class:M.toggleSwitchText},n)),this.renderIcon(this.iconEnd),this.renderStatusIcon()),i("calcite-label",{class:M.label,layout:"inline",tabIndex:-1},i("calcite-switch",{checked:t,class:M.switch,label:s,scale:"s"}))):i("div",{class:{[M.toggleContainer]:true}},i("button",{"aria-controls":H.content,"aria-expanded":l(t),class:{[M.sectionHeader]:true,[M.toggle]:true},id:H.toggle,onClick:this.toggleSection},this.renderIcon(this.iconStart),i("span",{class:M.sectionHeaderText},n),this.renderIcon(this.iconEnd),this.renderStatusIcon(),i("calcite-icon",{class:M.chevronIcon,icon:c,scale:"s"})));return i(a,{key:"768a133e8082de210c0a740a5ab02117c96441a1"},r,i("section",{key:"43a1e364a397b7b62f90a8bae2eea361816cba76","aria-labelledby":H.toggle,class:M.content,hidden:!t,id:H.content},i("slot",{key:"af10f99c85d67beb6d0f06d66dddef1b98aa774d"})))}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};R.style=F;export{S as calcite_block,R as calcite_block_section};
+//# sourceMappingURL=p-6efb98d1.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["IDS","content","toggle","header","CSS","button","container","controlContainer","description","headerContainer","heading","icon","invalid","statusIcon","summary","title","toggleIcon","valid","SLOTS","control","headerMenuActions","ICONS","opened","closed","blockCss","CalciteBlockStyle0","Block","this","openTransitionProp","onHeaderClick","open","calciteBlockToggle","emit","setTransitionEl","el","transitionEl","openHandler","onToggleOpenCloseComponent","onMessagesChange","setFocus","componentFocusable","focusFirstTabbable","onBeforeOpen","calciteBlockBeforeOpen","onOpen","calciteBlockOpen","onBeforeClose","calciteBlockBeforeClose","onClose","calciteBlockClose","effectiveLocaleChange","updateMessages","effectiveLocale","connectedCallback","connectConditionalSlotComponent","connectInteractive","connectLocalized","connectMessages","disconnectedCallback","disconnectInteractive","disconnectLocalized","disconnectMessages","disconnectConditionalSlotComponent","componentWillLoad","setUpMessages","setUpLoadableComponent","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","renderScrim","loading","defaultSlot","h","renderIcon","messages","status","hasSlottedIcon","getSlotted","class","key","inline","label","scale","name","renderTitle","headingLevel","Heading","level","render","collapsible","toggleLabel","collapse","expand","headerContent","id","hasControl","hasMenuActions","collapseIcon","headerNode","dragHandle","toAriaBoolean","onClick","options","overlayPositioning","Host","InteractiveContainer","disabled","hidden","ref","chevronIcon","focusGuard","iconStart","iconEnd","sectionHeader","sectionHeaderText","switch","toggleSwitch","toggleContainer","toggleSwitchContent","toggleSwitchText","menuOpen","menuClosed","blockSectionCss","CalciteBlockSectionStyle0","BlockSection","handleHeaderKeyDown","event","isActivationKey","toggleSection","preventDefault","stopPropagation","calciteBlockSectionToggle","renderStatusIcon","statusIconClasses","iconFlipRtl","undefined","flipRtlStart","flipRtlEnd","isIconStart","flipRtl","text","toggleDisplay","arrowIcon","onKeyDown","role","tabIndex","layout","checked"],"sources":["src/components/block/resources.ts","src/components/block/block.scss?tag=calcite-block&encapsulation=shadow","src/components/block/block.tsx","src/components/block-section/resources.ts","src/components/block-section/block-section.scss?tag=calcite-block-section&encapsulation=shadow","src/components/block-section/block-section.tsx"],"sourcesContent":["export const IDS = {\n  content: \"content\",\n  toggle: \"toggle\",\n  header: \"header\",\n};\n\nexport const CSS = {\n  button: \"button\",\n  container: \"container\",\n  content: \"content\",\n  controlContainer: \"control-container\",\n  description: \"description\",\n  header: \"header\",\n  headerContainer: \"header-container\",\n  heading: \"heading\",\n  icon: \"icon\",\n  invalid: \"invalid\",\n  statusIcon: \"status-icon\",\n  summary: \"summary\",\n  title: \"title\",\n  toggle: \"toggle\",\n  toggleIcon: \"toggle-icon\",\n  valid: \"valid\",\n};\n\nexport const SLOTS = {\n  icon: \"icon\",\n  control: \"control\",\n  headerMenuActions: \"header-menu-actions\",\n};\n\nexport const ICONS = {\n  opened: \"chevron-up\",\n  closed: \"chevron-down\",\n  valid: \"check-circle\",\n  invalid: \"exclamation-mark-triangle\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-block-padding: Specifies the padding of the block `default` slot.\n */\n\n:host {\n  @extend %component-host;\n  @extend %component-spacing;\n  @apply transition-margin ease-cubic border-color-3 flex flex-shrink-0 flex-grow-0\n    flex-col border-0 border-b border-solid p-0 duration-150;\n  flex-basis: auto;\n}\n\n@include disabled();\n\n@import \"../../assets/styles/animation\";\n@import \"../../assets/styles/header\";\n\n.header {\n  @apply justify-start p-0;\n}\n\n.header,\n.toggle {\n  grid-area: header;\n}\n\n.header-container {\n  @apply grid items-stretch;\n  grid-template: auto / auto 1fr auto auto;\n  grid-template-areas: \"handle header control menu\";\n  grid-column: header-start / menu-end;\n  grid-row: 1 / 2;\n}\n\n.toggle {\n  @apply font-sans\n    focus-base\n    m-0\n    flex\n    cursor-pointer\n    flex-nowrap\n    items-center\n    justify-between\n    border-none\n    p-0;\n  text-align: initial;\n\n  background-color: transparent;\n  &:hover {\n    @apply bg-foreground-2;\n  }\n  &:focus {\n    @apply focus-inset;\n  }\n}\n\ncalcite-loader[inline] {\n  grid-area: control;\n  @apply self-center;\n}\n\ncalcite-handle {\n  grid-area: handle;\n}\n\n.title {\n  @apply m-0;\n  padding: theme(\"spacing.3\");\n}\n\n.header .title .heading {\n  @apply text-n1\n    text-color-2\n    word-break\n    transition-color\n    p-0\n    font-medium\n    leading-tight\n    duration-150\n    ease-in-out;\n}\n\n.description {\n  @apply text-n2-wrap\n    text-color-3\n    word-break\n    mt-0.5\n    p-0;\n}\n\n.icon {\n  display: flex;\n  margin-inline-start: theme(\"spacing.3\");\n  margin-inline-end: 0px;\n}\n\n.status-icon.valid {\n  color: theme(\"colors.success\");\n}\n\n.status-icon.invalid {\n  color: theme(\"colors.danger\");\n}\n\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  50% {\n    transform: rotate(180deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.toggle-icon {\n  @apply text-color-3\n  transition-color\n  my-3\n  self-center\n  justify-self-end\n  duration-150\n  ease-in-out;\n  margin-inline-end: theme(\"spacing.3\");\n  margin-inline-start: auto;\n}\n\n.toggle:hover .toggle-icon {\n  @apply text-color-1;\n}\n\n.container {\n  @apply flex flex-col h-full relative;\n}\n\n.content {\n  @apply animate-in flex-1 relative min-h-0;\n  padding-block: var(--calcite-block-padding, var(--calcite-spacing-sm));\n  padding-inline: var(--calcite-block-padding, var(--calcite-spacing-md));\n}\n\n.control-container {\n  @apply m-0 flex;\n  grid-area: control;\n}\n\ncalcite-action-menu {\n  grid-area: menu;\n}\n\n:host([open]) {\n  @apply my-2;\n\n  .header .title .heading {\n    @apply text-color-1;\n  }\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { focusFirstTabbable, getSlotted, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Heading, HeadingLevel } from \"../functional/Heading\";\nimport { Status } from \"../interfaces\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { onToggleOpenCloseComponent, OpenCloseComponent } from \"../../utils/openCloseComponent\";\nimport { OverlayPositioning } from \"../../utils/floating-ui\";\nimport { CSS, ICONS, IDS, SLOTS } from \"./resources\";\nimport { BlockMessages } from \"./assets/block/t9n\";\n\n/**\n * @slot - A slot for adding custom content.\n * @slot icon - A slot for adding a leading header icon with `calcite-icon`.\n * @slot control - A slot for adding a single HTML input element in a header.\n * @slot header-menu-actions - A slot for adding an overflow menu with `calcite-action`s inside a dropdown menu.\n */\n@Component({\n  tag: \"calcite-block\",\n  styleUrl: \"block.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Block\n  implements\n    ConditionalSlotComponent,\n    InteractiveComponent,\n    LocalizedComponent,\n    T9nComponent,\n    LoadableComponent,\n    OpenCloseComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, the component is collapsible.\n   */\n  @Prop({ reflect: true }) collapsible = false;\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   * When `true`, displays a drag handle in the header.\n   */\n  @Prop({ reflect: true }) dragHandle = false;\n\n  /**\n   * The component header text.\n   */\n  @Prop() heading!: string;\n\n  /**\n   * Specifies the heading level of the component's `heading` for proper document structure, without affecting visual styling.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\n\n  /**\n   * When `true`, a busy indicator is displayed.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * When `true`, expands the component and its contents.\n   */\n  @Prop({ reflect: true, mutable: true }) open = false;\n\n  @Watch(\"open\")\n  openHandler(): void {\n    onToggleOpenCloseComponent(this);\n  }\n\n  /**\n   * Displays a status-related indicator icon.\n   */\n  @Prop({ reflect: true }) status: Status;\n\n  /**\n   * A description for the component, which displays below the heading.\n   */\n  @Prop() description: string;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: BlockMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<BlockMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * Determines the type of positioning to use for the overlaid content.\n   *\n   * Using `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\n   *\n   * `\"fixed\"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`.\n   *\n   */\n  @Prop({ reflect: true }) overlayPositioning: OverlayPositioning = \"absolute\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Sets focus on the component's first tabbable element.\n   *\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    focusFirstTabbable(this.el);\n  }\n\n  onBeforeOpen(): void {\n    this.calciteBlockBeforeOpen.emit();\n  }\n\n  onOpen(): void {\n    this.calciteBlockOpen.emit();\n  }\n\n  onBeforeClose(): void {\n    this.calciteBlockBeforeClose.emit();\n  }\n\n  onClose(): void {\n    this.calciteBlockClose.emit();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteBlockElement;\n\n  @State() effectiveLocale: string;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: BlockMessages;\n\n  openTransitionProp = \"opacity\";\n\n  transitionEl: HTMLElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    disconnectConditionalSlotComponent(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    setUpLoadableComponent(this);\n\n    if (this.open) {\n      onToggleOpenCloseComponent(this);\n    }\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /** Fires when the component is requested to be closed and before the closing transition begins. */\n  @Event({ cancelable: false }) calciteBlockBeforeClose: EventEmitter<void>;\n\n  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */\n  @Event({ cancelable: false }) calciteBlockBeforeOpen: EventEmitter<void>;\n\n  /** Fires when the component is closed and animation is complete. */\n  @Event({ cancelable: false }) calciteBlockClose: EventEmitter<void>;\n\n  /** Fires when the component is open and animation is complete. */\n  @Event({ cancelable: false }) calciteBlockOpen: EventEmitter<void>;\n\n  /**\n   * Fires when the component's header is clicked.\n   *\n   * @deprecated Use `openClose` events such as `calciteBlockOpen`, `calciteBlockClose`, `calciteBlockBeforeOpen`, and `calciteBlockBeforeClose` instead.\n   */\n  @Event({ cancelable: false }) calciteBlockToggle: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  onHeaderClick = (): void => {\n    this.open = !this.open;\n    this.calciteBlockToggle.emit();\n  };\n\n  private setTransitionEl = (el: HTMLElement): void => {\n    this.transitionEl = el;\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderScrim(): VNode[] {\n    const { loading } = this;\n    const defaultSlot = <slot />;\n\n    return [loading ? <calcite-scrim loading={loading} /> : null, defaultSlot];\n  }\n\n  renderIcon(): VNode[] {\n    const { loading, messages, status } = this;\n\n    const hasSlottedIcon = !!getSlotted(this.el, SLOTS.icon);\n\n    return loading ? (\n      <div class={CSS.icon} key=\"loader\">\n        <calcite-loader inline label={messages.loading} />\n      </div>\n    ) : status ? (\n      <div class={CSS.icon} key=\"status-icon\">\n        <calcite-icon\n          class={{\n            [CSS.statusIcon]: true,\n            [CSS.valid]: status == \"valid\",\n            [CSS.invalid]: status == \"invalid\",\n          }}\n          icon={ICONS[status]}\n          scale=\"s\"\n        />\n      </div>\n    ) : hasSlottedIcon ? (\n      <div class={CSS.icon} key=\"icon-slot\">\n        <slot key=\"icon-slot\" name={SLOTS.icon} />\n      </div>\n    ) : null;\n  }\n\n  renderTitle(): VNode {\n    const { heading, headingLevel, description } = this;\n    return heading || description ? (\n      <div class={CSS.title}>\n        <Heading class={CSS.heading} level={headingLevel}>\n          {heading}\n        </Heading>\n        {description ? <div class={CSS.description}>{description}</div> : null}\n      </div>\n    ) : null;\n  }\n\n  render(): VNode {\n    const { collapsible, el, loading, open, heading, messages } = this;\n\n    const toggleLabel = open ? messages.collapse : messages.expand;\n\n    const headerContent = (\n      <header class={CSS.header} id={IDS.header}>\n        {this.renderIcon()}\n        {this.renderTitle()}\n      </header>\n    );\n\n    const hasControl = !!getSlotted(el, SLOTS.control);\n    const hasMenuActions = !!getSlotted(el, SLOTS.headerMenuActions);\n    const collapseIcon = open ? ICONS.opened : ICONS.closed;\n\n    const headerNode = (\n      <div class={CSS.headerContainer}>\n        {this.dragHandle ? <calcite-handle label={heading} /> : null}\n        {collapsible ? (\n          <button\n            aria-controls={IDS.content}\n            aria-describedby={IDS.header}\n            aria-expanded={collapsible ? toAriaBoolean(open) : null}\n            class={CSS.toggle}\n            id={IDS.toggle}\n            onClick={this.onHeaderClick}\n            title={toggleLabel}\n          >\n            {headerContent}\n            <calcite-icon aria-hidden=\"true\" class={CSS.toggleIcon} icon={collapseIcon} scale=\"s\" />\n          </button>\n        ) : (\n          headerContent\n        )}\n        {hasControl ? (\n          <div class={CSS.controlContainer}>\n            <slot name={SLOTS.control} />\n          </div>\n        ) : null}\n        {hasMenuActions ? (\n          <calcite-action-menu\n            label={messages.options}\n            overlayPositioning={this.overlayPositioning}\n          >\n            <slot name={SLOTS.headerMenuActions} />\n          </calcite-action-menu>\n        ) : null}\n      </div>\n    );\n\n    return (\n      <Host>\n        <InteractiveContainer disabled={this.disabled}>\n          <article\n            aria-busy={toAriaBoolean(loading)}\n            class={{\n              [CSS.container]: true,\n            }}\n          >\n            {headerNode}\n            <section\n              aria-labelledby={IDS.toggle}\n              class={CSS.content}\n              hidden={!open}\n              id={IDS.content}\n              ref={this.setTransitionEl}\n            >\n              {this.renderScrim()}\n            </section>\n          </article>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n","export const IDS = {\n  content: \"content\",\n  toggle: \"toggle\",\n};\n\nexport const CSS = {\n  chevronIcon: \"chevron-icon\",\n  content: \"content\",\n  focusGuard: \"focus-guard\",\n  iconStart: \"icon--start\",\n  iconEnd: \"icon--end\",\n  invalid: \"invalid\",\n  label: \"label\",\n  sectionHeader: \"section-header\",\n  sectionHeaderText: \"section-header__text\",\n  statusIcon: \"status-icon\",\n  switch: \"switch\",\n  toggle: \"toggle\",\n  toggleSwitch: \"toggle--switch\",\n  toggleContainer: \"toggle-container\",\n  toggleSwitchContent: \"toggle--switch__content\",\n  toggleSwitchText: \"toggle--switch__text\",\n  valid: \"valid\",\n};\n\nexport const ICONS = {\n  menuOpen: \"chevron-up\",\n  menuClosed: \"chevron-down\",\n  valid: \"check-circle\",\n  invalid: \"exclamation-mark-triangle\",\n};\n",":host {\n  @apply bg-foreground-1\n    text-color-2\n    text-n1\n    box-border\n    block;\n}\n\n:host([open]) {\n  @apply border-b-color-3\n    border-0\n    border-b\n    border-solid;\n}\n\n:host(:last-child) {\n  @apply border-b-0;\n}\n\n.toggle {\n  @apply font-sans\n    text-color-2\n    w-full\n    border-0\n    bg-transparent\n    font-medium;\n\n  gap: var(--calcite-spacing-md);\n}\n\n.toggle--switch,\n.section-header {\n  @apply text-n1\n    focus-base\n    mx-0\n    my-1\n    flex\n    cursor-pointer\n    select-none\n    items-center\n    px-0\n    py-2;\n\n  &:focus {\n    @apply focus-outset;\n  }\n  &:hover {\n    @apply text-color-1;\n  }\n}\n\n.label {\n  @apply flex items-center justify-center my-1;\n\n  margin-inline-start: var(--calcite-spacing-md);\n}\n\n.section-header__text {\n  @apply my-0\n    flex-auto;\n\n  text-align: initial;\n  word-wrap: anywhere;\n}\n\n.toggle-container {\n  @apply flex items-center relative bg-transparent;\n  word-break: break-word;\n\n  .toggle--switch__content {\n    @apply flex flex-auto items-center;\n  }\n\n  .icon--end,\n  .icon--start {\n    @apply flex items-center;\n\n    color: var(--calcite-color-text-3);\n\n    &:hover {\n      color: var(--calcite-color-text-1);\n    }\n  }\n\n  .switch {\n    @apply flex items-center;\n\n    inset-block-start: 50%;\n    transform: translate(0, 50%);\n  }\n}\n\n.status-icon {\n  @apply flex items-center;\n}\n\n.status-icon.valid {\n  color: theme(\"colors.success\");\n}\n\n.status-icon.invalid {\n  color: theme(\"colors.danger\");\n}\n\n.chevron-icon {\n  @apply flex items-center;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { focusFirstTabbable, toAriaBoolean } from \"../../utils/dom\";\nimport { isActivationKey } from \"../../utils/key\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport { FlipContext } from \"../interfaces\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Status } from \"../interfaces\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { BlockSectionMessages } from \"./assets/block-section/t9n\";\nimport { BlockSectionToggleDisplay } from \"./interfaces\";\nimport { CSS, ICONS, IDS } from \"./resources\";\n\n/**\n * @slot - A slot for adding custom content.\n */\n@Component({\n  tag: \"calcite-block-section\",\n  styleUrl: \"block-section.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class BlockSection implements LocalizedComponent, T9nComponent, LoadableComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /** Specifies an icon to display at the end of the component. */\n  @Prop({ reflect: true }) iconEnd: string;\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  /** Specifies an icon to display at the start of the component. */\n  @Prop({ reflect: true }) iconStart: string;\n\n  /**\n   * When `true`, expands the component and its contents.\n   */\n  @Prop({ reflect: true, mutable: true }) open = false;\n\n  /**\n   * Displays a status-related indicator icon.\n   *\n   * @deprecated Use `icon-start` instead.\n   */\n  @Prop({ reflect: true }) status: Status;\n\n  /**\n   * The component header text.\n   */\n  @Prop() text: string;\n\n  /**\n   * Specifies how the component's toggle is displayed, where:\n   *\n   * `\"button\"` sets the toggle to a selectable header, and\n   *\n   * `\"switch\"` sets the toggle to a switch.\n   */\n  @Prop({ reflect: true }) toggleDisplay: BlockSectionToggleDisplay = \"button\";\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: BlockSectionMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<BlockSectionMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Sets focus on the component's first tabbable element.\n   *\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    focusFirstTabbable(this.el);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteBlockSectionElement;\n\n  @State() effectiveLocale: string;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: BlockSectionMessages;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Fires when the header has been clicked.\n   */\n  @Event({ cancelable: false }) calciteBlockSectionToggle: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  handleHeaderKeyDown = (event: KeyboardEvent): void => {\n    if (isActivationKey(event.key)) {\n      this.toggleSection();\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  };\n\n  toggleSection = (): void => {\n    this.open = !this.open;\n    this.calciteBlockSectionToggle.emit();\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n  renderStatusIcon(): VNode[] {\n    const { status } = this;\n    const statusIcon = ICONS[status] ?? false;\n    const statusIconClasses = {\n      [CSS.statusIcon]: true,\n      [CSS.valid]: status == \"valid\",\n      [CSS.invalid]: status == \"invalid\",\n    };\n\n    return statusIcon ? (\n      <calcite-icon class={statusIconClasses} icon={statusIcon} scale=\"s\" />\n    ) : null;\n  }\n\n  renderIcon(icon: string): VNode {\n    const { iconFlipRtl } = this;\n\n    if (icon === undefined) {\n      return null;\n    }\n\n    const flipRtlStart = iconFlipRtl === \"both\" || iconFlipRtl === \"start\";\n    const flipRtlEnd = iconFlipRtl === \"both\" || iconFlipRtl === \"end\";\n\n    const isIconStart = icon === this.iconStart;\n\n    /** Icon scale is not variable as the component does not have a scale property */\n    return (\n      <calcite-icon\n        class={isIconStart ? this.iconStart : this.iconEnd}\n        flipRtl={isIconStart ? flipRtlStart : flipRtlEnd}\n        icon={isIconStart ? this.iconStart : this.iconEnd}\n        key={isIconStart ? CSS.iconStart : CSS.iconEnd}\n        scale=\"s\"\n      />\n    );\n  }\n\n  render(): VNode {\n    const { messages, open, text, toggleDisplay } = this;\n    const arrowIcon = open ? ICONS.menuOpen : ICONS.menuClosed;\n\n    const toggleLabel = open ? messages.collapse : messages.expand;\n\n    const headerNode =\n      toggleDisplay === \"switch\" ? (\n        <div\n          class={{\n            [CSS.toggleContainer]: true,\n          }}\n        >\n          <div\n            aria-controls={IDS.content}\n            aria-expanded={toAriaBoolean(open)}\n            class={{\n              [CSS.toggle]: true,\n              [CSS.toggleSwitch]: true,\n            }}\n            id={IDS.toggle}\n            onClick={this.toggleSection}\n            onKeyDown={this.handleHeaderKeyDown}\n            role=\"button\"\n            tabIndex={0}\n            title={toggleLabel}\n          >\n            {this.renderIcon(this.iconStart)}\n            <div class={CSS.toggleSwitchContent}>\n              <span class={CSS.toggleSwitchText}>{text}</span>\n            </div>\n\n            {this.renderIcon(this.iconEnd)}\n            {this.renderStatusIcon()}\n            {/* we use calcite-label to use a simple component that will allow us to prevent keyboard focus by setting tabindex=\"-1\" on the host */}\n          </div>\n          <calcite-label class={CSS.label} layout=\"inline\" tabIndex={-1}>\n            <calcite-switch checked={open} class={CSS.switch} label={toggleLabel} scale=\"s\" />\n          </calcite-label>\n        </div>\n      ) : (\n        <div\n          class={{\n            [CSS.toggleContainer]: true,\n          }}\n        >\n          <button\n            aria-controls={IDS.content}\n            aria-expanded={toAriaBoolean(open)}\n            class={{\n              [CSS.sectionHeader]: true,\n              [CSS.toggle]: true,\n            }}\n            id={IDS.toggle}\n            onClick={this.toggleSection}\n          >\n            {this.renderIcon(this.iconStart)}\n            <span class={CSS.sectionHeaderText}>{text}</span>\n            {this.renderIcon(this.iconEnd)}\n            {this.renderStatusIcon()}\n            <calcite-icon class={CSS.chevronIcon} icon={arrowIcon} scale=\"s\" />\n          </button>\n        </div>\n      );\n\n    return (\n      <Host>\n        {headerNode}\n        <section aria-labelledby={IDS.toggle} class={CSS.content} hidden={!open} id={IDS.content}>\n          <slot />\n        </section>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/calcite/p-70c530fa.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.9.0-next.20
+ */
+function n(n){return n==="Enter"||n===" "}const t=["0","1","2","3","4","5","6","7","8","9"];export{n as i,t as n};
+//# sourceMappingURL=p-70c530fa.js.map

package/dist/calcite/p-721693d5.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.9.0-next.20
+ */
+import{r as t,c as i,h as e,H as s,g as a}from"./p-e48d006d.js";import{d as n,a as r,b as o,i as c,c as l,g as h,e as d,f as p,h as f}from"./p-137cb2d8.js";import{t as u}from"./p-99726b90.js";import{f as m,c as g,d as b,r as v,a as y,F as w}from"./p-b8ccf070.js";import{s as x,c as k,d as C,H as D}from"./p-8356a697.js";import{c as I,d as z,u as A,I as P}from"./p-ae04d854.js";import{n as j}from"./p-70c530fa.js";import{c as O,d as F}from"./p-9e5dd305.js";import{c as T,s as E,a as M}from"./p-bf0746a3.js";import{n as R,c as B,d as L,b as S}from"./p-8e3a4720.js";import{o as W}from"./p-effbb31d.js";import{c as H,s as Y,d as $,u as q}from"./p-dd1ec8aa.js";import{c as N,d as _,a as V}from"./p-94138947.js";import{g as X}from"./p-c26dde6d.js";import{g as G}from"./p-ae81e665.js";import{V as K}from"./p-c6f9db24.js";import"./p-57e21d44.js";import"./p-ad00867d.js";import"./p-c5966b3e.js";import"./p-2fec90cc.js";function U(t){if(!t){return false}const{year:i}=n(t);return Number(i)<100}function J(t){const i=(new Date).getFullYear();const e=Math.floor(i/100)*100+t;return e}const Q={assistiveText:"assistive-text",calendarWrapper:"calendar-wrapper",calendarWrapperEnd:"calendar-wrapper--end",horizontalArrowContainer:"horizontal-arrow-container",inputBorderTopColorOne:"border-top-color-one",inputContainer:"input-container",inputNoBottomBorder:"no-bottom-border",inputWrapper:"input-wrapper",input:"input",menu:"menu-container",menuActive:"menu-container--active",toggleIcon:"toggle-icon",verticalArrowContainer:"vertical-arrow-container",chevronIcon:"chevron-icon"};const Z=":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{position:relative;display:inline-block;inline-size:100%;overflow:visible;vertical-align:top;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host .menu-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-z-index);border-radius:0.25rem}:host .menu-container[data-placement^=bottom] .calcite-floating-ui-anim{transform:translateY(-5px)}:host .menu-container[data-placement^=top] .calcite-floating-ui-anim{transform:translateY(5px)}:host .menu-container[data-placement^=left] .calcite-floating-ui-anim{transform:translateX(5px)}:host .menu-container[data-placement^=right] .calcite-floating-ui-anim{transform:translateX(-5px)}:host .menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}: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)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.calendar-wrapper{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transform:translate3d(0, 0, 0)}.input-wrapper{position:relative}.input-wrapper .chevron-icon{color:var(--calcite-color-text-3)}.input-wrapper:focus-within .chevron-icon,.input-wrapper:active .chevron-icon,.input-wrapper:hover .chevron-icon{color:var(--calcite-color-text-1)}.toggle-icon{position:absolute;display:flex;cursor:pointer;align-items:center;inset-inline-end:0;inset-block:0;padding-inline:var(--calcite-toggle-spacing)}:host([range]) .input-container{display:flex}:host([range]) .input-wrapper{flex:1 1 auto}:host([range]) .horizontal-arrow-container{display:flex;align-items:center;border-width:1px;border-inline-start-width:0px;border-inline-end-width:0px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-background);padding-block:0px;padding-inline:0.25rem}:host([range][layout=vertical]) .input-wrapper{inline-size:100%}:host([range][layout=vertical]) .input-container{flex-direction:column;align-items:flex-start}:host([range][layout=vertical]) .calendar-wrapper--end{transform:translate3d(0, 0, 0)}:host([range][layout=vertical]) .vertical-arrow-container{inset-block-start:1.5rem;position:absolute;z-index:var(--calcite-z-index);margin-inline:1px;background-color:var(--calcite-color-foreground-1);padding-inline:0.625rem;inset-inline-start:0}.menu-container{--calcite-floating-ui-z-index:var(--calcite-z-index-dropdown);display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index);visibility:hidden}.menu-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-z-index);border-radius:0.25rem}.menu-container[data-placement^=bottom] .calcite-floating-ui-anim{transform:translateY(-5px)}.menu-container[data-placement^=top] .calcite-floating-ui-anim{transform:translateY(5px)}.menu-container[data-placement^=left] .calcite-floating-ui-anim{transform:translateX(5px)}.menu-container[data-placement^=right] .calcite-floating-ui-anim{transform:translateX(-5px)}.menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([open]) .menu-container{visibility:visible}.menu-container--active{visibility:visible}.input .calcite-input__wrapper{margin-block-start:0px}:host([range][layout=vertical][scale=m]) .vertical-arrow-container{inset-block-start:1.5rem;padding-inline-start:0.75rem}:host([range][layout=vertical][scale=m]) .vertical-arrow-container calcite-icon{block-size:0.75rem;inline-size:0.75rem;min-inline-size:0px}:host([range][layout=vertical][scale=l]) .vertical-arrow-container{inset-block-start:2.25rem;padding-inline:0.875rem}:host([range][layout=vertical][open]) .vertical-arrow-container{display:none}.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}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}";const tt=Z;const it=class{constructor(e){t(this,e);this.calciteInputDatePickerChange=i(this,"calciteInputDatePickerChange",6);this.calciteInputDatePickerBeforeClose=i(this,"calciteInputDatePickerBeforeClose",6);this.calciteInputDatePickerClose=i(this,"calciteInputDatePickerClose",6);this.calciteInputDatePickerBeforeOpen=i(this,"calciteInputDatePickerBeforeOpen",6);this.calciteInputDatePickerOpen=i(this,"calciteInputDatePickerOpen",6);this.calciteInternalInputInputHandler=t=>{const i=t.target;const e=i.value;const s=this.parseNumerals(e);const a=this.formatNumerals(s);i.value=a;const{year:n}=r(e,this.localeData);if(n&&n.length<4){return}const l=o(e,this.localeData);if(c(l,this.min,this.max)){this.datePickerActiveDate=l}};this.calciteInternalInputBlurHandler=()=>{this.commitValue()};this.dialogId=`date-picker-dialog--${X()}`;this.focusOnOpen=false;this.userChangedValue=false;this.openTransitionProp="opacity";this.valueAsDateChangedExternally=false;this.placeholderTextId=`calcite-input-date-picker-placeholder-${X()}`;this.onInputWrapperPointerDown=()=>{this.currentOpenInput=this.focusedInput};this.onInputWrapperClick=t=>{const{range:i,endInput:e,startInput:s,currentOpenInput:a}=this;const n=t.currentTarget;const r=n.getAttribute("data-position");const o=t.composedPath();const c=o.find((t=>t.classList?.contains(Q.toggleIcon)));if(c){const t=r==="start"?s:e;t.setFocus()}if(!i||!this.open||a===r){this.open=!this.open}};this.setFilteredPlacements=()=>{const{el:t,flipPlacements:i}=this;this.filteredFlipPlacements=i?m(i,t):null};this.setTransitionEl=t=>{this.transitionEl=t};this.setStartInput=t=>{this.startInput=t};this.setEndInput=t=>{this.endInput=t};this.blurHandler=()=>{this.open=false};this.keyDownHandler=t=>{const{defaultPrevented:i,key:e}=t;if(i){return}if(e==="Enter"){t.preventDefault();this.commitValue();if(this.shouldFocusRangeEnd()){this.endInput?.setFocus()}else if(this.shouldFocusRangeStart()){this.startInput?.setFocus()}if(x(this)){this.restoreInputFocus()}}else if(e==="ArrowDown"){this.open=true;this.focusOnOpen=true;t.preventDefault()}else if(e==="Escape"){this.open=false;t.preventDefault();this.restoreInputFocus()}};this.startInputFocus=()=>{this.focusedInput="start"};this.endInputFocus=()=>{this.focusedInput="end"};this.setFloatingEl=t=>{this.floatingEl=t;g(this,this.referenceEl,this.floatingEl)};this.setStartWrapper=t=>{this.startWrapper=t;this.setReferenceEl()};this.setEndWrapper=t=>{this.endWrapper=t;this.setReferenceEl()};this.setDatePickerRef=t=>{this.datePickerEl=t;N(this,{focusTrapEl:t,focusTrapOptions:{initialFocus:false,setReturnFocus:false}})};this.handleDateChange=t=>{if(this.range){return}t.stopPropagation();this.setValue(t.target.valueAsDate);this.localizeInputValues();this.restoreInputFocus()};this.handleDateRangeChange=t=>{if(!this.range){return}t.stopPropagation();const i=t.target.valueAsDate;this.setRangeValue(i);this.localizeInputValues();this.restoreInputFocus()};this.setInputValue=(t,i="start")=>{const e=this[`${i}Input`];if(!e){return}e.value=t};this.setRangeValue=t=>{if(!this.range){return}const{value:i}=this;const e=Array.isArray(i);const s=Array.isArray(t);const a=s?t[0]:null;let n=s?l(a):"";if(n){n=this.getNormalizedDate(n)}const r=s?t[1]:null;let o=s?l(r):"";if(o){o=this.getNormalizedDate(o)}const c=n||o?[n,o]:"";if(c===i){return}this.userChangedValue=true;this.value=c;this.valueAsDate=c?h(c):undefined;const d=this.calciteInputDatePickerChange.emit();if(d&&d.defaultPrevented){this.value=i;if(e){this.setInputValue(i[0],"start");this.setInputValue(i[1],"end")}else{this.value=i;this.setInputValue(i)}}};this.setValue=t=>{if(this.range){return}const i=this.value;let e=l(t);e=this.getNormalizedDate(e);if(e===i){return}this.userChangedValue=true;this.valueAsDate=e?d(e):undefined;this.value=e||"";const s=this.calciteInputDatePickerChange.emit();if(s.defaultPrevented){this.value=i;this.setInputValue(i)}};this.commonDateSeparators=[".","-","/"];this.formatNumerals=t=>t?t.split("").map((t=>this.commonDateSeparators?.includes(t)?this.localeData?.separator:j?.includes(t)?R?.numberFormatter?.format(Number(t)):t)).join(""):"";this.parseNumerals=t=>t?t.split("").map((t=>j.includes(t)?R.delocalize(t):t)).join(""):"";this.disabled=false;this.focusTrapDisabled=false;this.form=undefined;this.readOnly=false;this.value="";this.flipPlacements=undefined;this.headingLevel=undefined;this.valueAsDate=undefined;this.messageOverrides=undefined;this.messages=undefined;this.minAsDate=undefined;this.maxAsDate=undefined;this.min=undefined;this.max=undefined;this.open=false;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.scale="m";this.status="idle";this.placement=b;this.range=false;this.required=false;this.overlayPositioning="absolute";this.proximitySelectionDisabled=false;this.layout="horizontal";this.datePickerActiveDate=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.focusedInput="start";this.localeData=undefined}handleFocusTrapDisabled(t){if(!this.open){return}t?_(this):V(this)}handleDisabledAndReadOnlyChange(t){if(!t){this.open=false}}valueWatcher(t){if(!this.userChangedValue){let i;if(Array.isArray(t)){i=h(t)}else if(t){i=d(t)}else{i=undefined}if(!this.valueAsDateChangedExternally&&i!==this.valueAsDate){this.valueAsDate=i}this.localizeInputValues()}this.userChangedValue=false}valueAsDateWatcher(t){this.datePickerActiveDate=t;const i=this.range&&Array.isArray(t)?[l(t[0]),l(t[1])]:l(t);if(this.value!==i){this.valueAsDateChangedExternally=true;this.value=i;this.valueAsDateChangedExternally=false}}flipPlacementsHandler(){this.setFilteredPlacements();this.reposition(true)}onMessagesChange(){}onMinChanged(t){if(t){this.minAsDate=d(t)}}onMaxChanged(t){if(t){this.maxAsDate=d(t)}}openHandler(){W(this);if(this.disabled||this.readOnly){this.open=false;return}this.reposition(true)}overlayPositioningHandler(){this.reposition(true)}calciteDaySelectHandler(){if(this.shouldFocusRangeStart()||this.shouldFocusRangeEnd()){return}this.open=false}async setFocus(){await T(this);this.el.focus()}async reposition(t=false){const{floatingEl:i,referenceEl:e,placement:s,overlayPositioning:a,filteredFlipPlacements:n}=this;return v(this,{floatingEl:i,referenceEl:e,overlayPositioning:a,placement:s,flipPlacements:n,type:"menu"},t)}connectedCallback(){I(this);B(this);const{open:t}=this;t&&this.openHandler();if(Array.isArray(this.value)){this.valueAsDate=h(this.value)}else if(this.value){try{this.valueAsDate=d(this.value)}catch(t){this.warnAboutInvalidValue(this.value);this.value=""}}else if(this.valueAsDate){if(this.range){this.setRangeValue(this.valueAsDate)}else if(!Array.isArray(this.valueAsDate)){this.value=l(this.valueAsDate)}}if(this.min){this.minAsDate=d(this.min)}if(this.max){this.maxAsDate=d(this.max)}O(this);k(this);H(this);this.setFilteredPlacements();R.numberFormatOptions={numberingSystem:this.numberingSystem,locale:this.effectiveLocale,useGrouping:false};if(this.open){W(this)}g(this,this.referenceEl,this.floatingEl)}async componentWillLoad(){E(this);await Promise.all([this.loadLocaleData(),Y(this)]);this.onMinChanged(this.min);this.onMaxChanged(this.max)}componentDidLoad(){M(this);this.localizeInputValues();g(this,this.referenceEl,this.floatingEl)}disconnectedCallback(){_(this);z(this);F(this);C(this);y(this,this.referenceEl,this.floatingEl);L(this);$(this)}componentDidRender(){A(this)}render(){const{disabled:t,effectiveLocale:i,messages:a,numberingSystem:n,readOnly:r}=this;R.numberFormatOptions={numberingSystem:n,locale:i,useGrouping:false};return e(s,{key:"16158c7a391a55d79ce3622b725e1e852b5e6ebe",onBlur:this.blurHandler,onKeyDown:this.keyDownHandler},e(P,{key:"89ebc751cfb78e050461d0e06f54cef6e16cf38f",disabled:this.disabled},this.localeData&&e("div",{key:"31770fe6a1c1910a68c7031582ab7bafcce77f91",class:Q.inputContainer},e("div",{key:"a944079bd926f5c89a62363178b4c699692f8d64",class:Q.inputWrapper,"data-position":"start",onClick:this.onInputWrapperClick,onPointerDown:this.onInputWrapperPointerDown,ref:this.setStartWrapper},e("calcite-input-text",{key:"724f959486cbc5e47903854e657446b740c05330","aria-autocomplete":"none","aria-controls":this.dialogId,"aria-describedby":this.placeholderTextId,"aria-expanded":u(this.open),"aria-haspopup":"dialog",class:{[Q.input]:true,[Q.inputNoBottomBorder]:this.layout==="vertical"&&this.range},disabled:t,icon:"calendar",onCalciteInputTextInput:this.calciteInternalInputInputHandler,onCalciteInternalInputTextBlur:this.calciteInternalInputBlurHandler,onCalciteInternalInputTextFocus:this.startInputFocus,placeholder:this.localeData?.placeholder,readOnly:r,ref:this.setStartInput,role:"combobox",scale:this.scale,status:this.status}),!this.readOnly&&this.renderToggleIcon(this.open&&this.focusedInput==="start"),e("span",{key:"585a78e0fc721e98c0336a2c81cd86ec0aef4846","aria-hidden":"true",class:Q.assistiveText,id:this.placeholderTextId},"Date Format: ",this.localeData?.placeholder)),e("div",{key:"19b54a3cb53e887ad5ba53040d1d55b5934ecd8b","aria-hidden":u(!this.open),"aria-label":a.chooseDate,"aria-live":"polite","aria-modal":"true",class:{[Q.menu]:true,[Q.menuActive]:this.open},id:this.dialogId,ref:this.setFloatingEl,role:"dialog"},e("div",{key:"f14acc1679ab77d422322440d7620143a140040c",class:{[Q.calendarWrapper]:true,[Q.calendarWrapperEnd]:this.focusedInput==="end",[w.animation]:true,[w.animationActive]:this.open},ref:this.setTransitionEl},e("calcite-date-picker",{key:"71750c9f9a7be9b7bbfaf7bc8eb01f61ab031c2f",activeDate:this.datePickerActiveDate,activeRange:this.focusedInput,headingLevel:this.headingLevel,max:this.max,maxAsDate:this.maxAsDate,messageOverrides:this.messageOverrides,min:this.min,minAsDate:this.minAsDate,numberingSystem:n,onCalciteDatePickerChange:this.handleDateChange,onCalciteDatePickerRangeChange:this.handleDateRangeChange,proximitySelectionDisabled:this.proximitySelectionDisabled,range:this.range,ref:this.setDatePickerRef,scale:this.scale,tabIndex:this.open?undefined:-1,valueAsDate:this.valueAsDate}))),this.range&&this.layout==="horizontal"&&e("div",{key:"f69e2115f0c24ac0c474fc967b2f7976a0477c02",class:Q.horizontalArrowContainer},e("calcite-icon",{key:"d7f667f50cf954dc1197e210f8dd1acd280e90db",flipRtl:true,icon:"arrow-right",scale:G(this.scale)})),this.range&&this.layout==="vertical"&&this.scale!=="s"&&e("div",{key:"f0179c9c75aa2747ecd61bda4a9bc451cfd035d3",class:Q.verticalArrowContainer},e("calcite-icon",{key:"42d800d083bb50160f36bf6f9756979395339e0c",icon:"arrow-down",scale:G(this.scale)})),this.range&&e("div",{key:"a6aef465ff68ab77e1075ee3a560ff6e5bd9873a",class:Q.inputWrapper,"data-position":"end",onClick:this.onInputWrapperClick,onPointerDown:this.onInputWrapperPointerDown,ref:this.setEndWrapper},e("calcite-input-text",{key:"9d05c537e569613b2ccb0749fb0847a2b233165f","aria-autocomplete":"none","aria-controls":this.dialogId,"aria-expanded":u(this.open),"aria-haspopup":"dialog",class:{[Q.input]:true,[Q.inputBorderTopColorOne]:this.layout==="vertical"&&this.range},disabled:t,icon:"calendar",onCalciteInputTextInput:this.calciteInternalInputInputHandler,onCalciteInternalInputTextBlur:this.calciteInternalInputBlurHandler,onCalciteInternalInputTextFocus:this.endInputFocus,placeholder:this.localeData?.placeholder,readOnly:r,ref:this.setEndInput,role:"combobox",scale:this.scale,status:this.status}),!this.readOnly&&this.renderToggleIcon(this.open&&this.focusedInput==="end"))),e(D,{key:"214e36f45d2514e759c8bf25a65ad985ab16892c",component:this}),this.validationMessage&&this.status==="invalid"?e(K,{icon:this.validationIcon,message:this.validationMessage,scale:this.scale,status:this.status}):null))}renderToggleIcon(t){return e("span",{class:Q.toggleIcon,tabIndex:-1},e("calcite-icon",{class:Q.chevronIcon,icon:t?"chevron-up":"chevron-down",scale:G(this.scale)}))}effectiveLocaleChange(){q(this,this.effectiveLocale);this.loadLocaleData()}setReferenceEl(){const{focusedInput:t,layout:i,endWrapper:e,startWrapper:s}=this;this.referenceEl=t==="end"||i==="vertical"?e||s:s||e;requestAnimationFrame((()=>g(this,this.referenceEl,this.floatingEl)))}onLabelClick(){this.setFocus()}onBeforeOpen(){this.calciteInputDatePickerBeforeOpen.emit()}onOpen(){V(this,{onActivate:()=>{if(this.focusOnOpen){this.datePickerEl.setFocus();this.focusOnOpen=false}}});this.calciteInputDatePickerOpen.emit()}onBeforeClose(){this.calciteInputDatePickerBeforeClose.emit()}onClose(){this.calciteInputDatePickerClose.emit();_(this);this.restoreInputFocus();this.focusOnOpen=false;this.datePickerEl.reset()}commitValue(){const{focusedInput:t,value:i}=this;const e=`${t}Input`;const s=this[e].value;const a=o(s,this.localeData);const n=l(a);const r=Array.isArray(i);if(this.range){const e=t==="start"?0:1;if(r){if(n===i[e]){return}if(a){this.setRangeValue([t==="start"?a:d(i[0]),t==="end"?a:d(i[1])]);this.localizeInputValues()}else{this.setRangeValue([t==="end"&&d(i[0]),t==="start"&&d(i[1])])}}else{if(a){this.setRangeValue([t==="start"?a:d(i[0]),t==="end"?a:d(i[1])]);this.localizeInputValues()}}}else{if(n===i){return}this.setValue(a);this.localizeInputValues()}}async loadLocaleData(){R.numberFormatOptions={numberingSystem:this.numberingSystem,locale:this.effectiveLocale,useGrouping:false};this.localeData=await p(this.effectiveLocale);this.localizeInputValues()}shouldFocusRangeStart(){const t=this.value[0];const i=this.value[1];return!!(i&&!t&&this.focusedInput==="end"&&this.startInput)}shouldFocusRangeEnd(){const t=this.value[0];const i=this.value[1];return!!(t&&!i&&this.focusedInput==="start"&&this.endInput)}restoreInputFocus(){if(!this.range){this.startInput.setFocus();return}const t=this.focusedInput==="start"?this.startInput:this.endInput;t.setFocus()}localizeInputValues(){const t=f(this.range?Array.isArray(this.valueAsDate)&&this.valueAsDate[0]||undefined:this.valueAsDate,this.minAsDate,this.maxAsDate);const i=this.range?f(Array.isArray(this.valueAsDate)&&this.valueAsDate[1]||undefined,this.minAsDate,this.maxAsDate):null;const e={numberingSystem:S(this.numberingSystem)};const s=t&&t.toLocaleDateString(this.effectiveLocale,e);const a=i&&i.toLocaleDateString(this.effectiveLocale,e);this.setInputValue(s??"","start");this.setInputValue((this.range&&a)??"","end")}warnAboutInvalidValue(t){console.warn(`The specified value "${t}" does not conform to the required format, "YYYY-MM-DD".`)}getNormalizedDate(t){if(!t){return""}if(!U(t)){return t}const{day:i,month:e,year:s}=n(t);const a=J(Number(s));return`${a}-${e}-${i}`}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{focusTrapDisabled:["handleFocusTrapDisabled"],disabled:["handleDisabledAndReadOnlyChange"],readOnly:["handleDisabledAndReadOnlyChange"],value:["valueWatcher"],valueAsDate:["valueAsDateWatcher"],flipPlacements:["flipPlacementsHandler"],messageOverrides:["onMessagesChange"],min:["onMinChanged"],max:["onMaxChanged"],open:["openHandler"],overlayPositioning:["overlayPositioningHandler"],effectiveLocale:["effectiveLocaleChange"],layout:["setReferenceEl"],focusedInput:["setReferenceEl"]}}};it.style=tt;export{it as calcite_input_date_picker};
+//# sourceMappingURL=p-721693d5.entry.js.map

package/dist/calcite/p-722485f5.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.9.0-next.20
+ */
+import{d as e}from"./p-9229616c.js";import"./p-e48d006d.js";import"./p-8356a697.js";import"./p-99726b90.js";import"./p-c26dde6d.js";import"./p-57e21d44.js";import"./p-ae04d854.js";import"./p-c5966b3e.js";import"./p-70c530fa.js";import"./p-9e5dd305.js";import"./p-ae81e665.js";import"./p-bf0746a3.js";import"./p-8e3a4720.js";import"./p-2fec90cc.js";import"./p-94138947.js";import"./p-0592bb74.js";import"./p-dd1ec8aa.js";import"./p-effbb31d.js";import"./p-c6f9db24.js";var m={name:"es-mx",weekdays:"domingo_lunes_martes_miércoles_jueves_viernes_sábado".split("_"),weekdaysShort:"dom._lun._mar._mié._jue._vie._sáb.".split("_"),weekdaysMin:"do_lu_ma_mi_ju_vi_sá".split("_"),months:"enero_febrero_marzo_abril_mayo_junio_julio_agosto_septiembre_octubre_noviembre_diciembre".split("_"),monthsShort:"ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic".split("_"),relativeTime:{future:"en %s",past:"hace %s",s:"unos segundos",m:"un minuto",mm:"%d minutos",h:"una hora",hh:"%d horas",d:"un día",dd:"%d días",M:"un mes",MM:"%d meses",y:"un año",yy:"%d años"},ordinal:function e(m){return m+"º"},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY H:mm",LLLL:"dddd, D [de] MMMM [de] YYYY H:mm"}};e.locale(m,null,true);export{m as default};
+//# sourceMappingURL=p-722485f5.js.map

package/dist/calcite/p-731c80e1.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.9.0-next.20
+ */
+import{r as t,c as e,h as i,H as s,g as o}from"./p-e48d006d.js";import{b as a,t as n,e as l,h as r}from"./p-99726b90.js";import{g as c}from"./p-ae81e665.js";import{s as d,a as h,c as u}from"./p-bf0746a3.js";import{N as m,c as f,d as p}from"./p-8e3a4720.js";import{o as g}from"./p-effbb31d.js";import{c as b,s as v,d as k,u as w}from"./p-dd1ec8aa.js";import{K as x}from"./p-2e65afe6.js";import"./p-c26dde6d.js";import"./p-57e21d44.js";import"./p-70c530fa.js";import"./p-2fec90cc.js";const y={slow:14e3,medium:1e4,fast:6e3};const z={actionsEnd:"actions-end",title:"title",message:"message",link:"link"};const C={actionsEnd:"actions-end",close:"close",container:"container",containerBottom:"container--bottom",containerBottomEnd:"container--bottom-end",containerBottomStart:"container--bottom-start",containerQueued:"container--queued",containerTop:"container--top",containerTopEnd:"container--top-end",containerTopStart:"container--top-start",content:"content",contentContainer:"content-container",dismissProgress:"dismiss-progress",footer:"footer",icon:"icon",containerSlottedInShell:"container--slotted-in-shell",queueCount:"queue-count",queueCountActive:"queue-count--active",textContainer:"text-container"};const q=':host{--calcite-alert-edge-distance:2rem;--calcite-alert-dismiss-progress-background:var(--calcite-color-transparent-tint);display:block}.container{pointer-events:none;position:fixed;z-index:var(--calcite-z-index-toast);margin-inline:auto;margin-block:0px;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:min-content;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);text-align:start;opacity:0;--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);border-block-start:0 solid transparent;border-inline:1px solid var(--calcite-color-border-3);border-block-end:1px solid var(--calcite-color-border-3);inline-size:var(--calcite-alert-width);max-inline-size:calc(100% - var(--calcite-alert-edge-distance) * 2);transition:var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out}.container--bottom,.container--top{inset-inline-end:0;inset-inline-start:0}.container[class*=bottom]{transform:translate3d(0, var(--calcite-alert-edge-distance), 0);inset-block-end:var(--calcite-alert-edge-distance)}.container[class*=top]{transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), 0);inset-block-start:var(--calcite-alert-edge-distance)}.container[class*=start]{inset-inline-start:var(--calcite-alert-edge-distance);inset-inline-end:auto}.container[class*=end]{inset-inline-end:var(--calcite-alert-edge-distance);inset-inline-start:auto}.icon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0px;margin-block:auto;margin-inline-end:auto;padding-inline-start:var(--calcite-alert-spacing-token-large)}.close{display:flex;cursor:pointer;align-items:center;justify-content:flex-end;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline:2px solid transparent;outline-offset:2px;-webkit-appearance:none;padding:var(--calcite-alert-spacing-token-large);outline-color:transparent}.close: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          )}.close:hover,.close:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.close:active{background-color:var(--calcite-color-foreground-3)}.queue-count{visibility:hidden;display:flex;min-inline-size:min-content;cursor:default;align-items:center;justify-content:space-around;align-self:stretch;overflow:hidden;background-color:var(--calcite-color-foreground-1);text-align:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2);opacity:0;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-inline:0 solid transparent;border-start-end-radius:0}.queue-count--active{visibility:visible;opacity:1}.dismiss-progress{position:absolute;display:block;inline-size:100%;overflow:hidden;inset-inline:0;inset-block-start:-2px;block-size:2px;border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}.dismiss-progress:after{position:absolute;inset-block-start:0px;display:block;block-size:2px;content:"";background-color:var(--calcite-alert-dismiss-progress-background);inset-inline-end:0}.actions-end{display:flex;align-self:stretch}.text-container{box-sizing:border-box;display:flex;min-inline-size:0px;flex:1 1 auto;flex-direction:column;overflow-wrap:break-word;padding-block:var(--calcite-alert-spacing-token-small);padding-inline:var(--calcite-alert-spacing-token-large) var(--calcite-alert-spacing-token-small)}.footer{position:relative;display:flex;inline-size:auto;justify-content:flex-end;align-self:stretch;padding-block-start:1px;block-size:inherit}:host([scale=s]){--calcite-alert-width:40em;--calcite-alert-spacing-token-small:0.5rem;--calcite-alert-spacing-token-large:0.75rem;--calcite-alert-footer-height:2rem;--calcite-alert-footer-divider-gap:0.125rem}:host([scale=s]) slot[name=title]::slotted(*),:host([scale=s]) *::slotted([slot=title]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) slot[name=message]::slotted(*),:host([scale=s]) *::slotted([slot=message]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) slot[name=link]::slotted(*),:host([scale=s]) *::slotted([slot=link]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .queue-count{margin-inline:0.5rem}:host([scale=s]) .container{--calcite-alert-min-height:3.5rem}:host([scale=m]){--calcite-alert-width:50em;--calcite-alert-spacing-token-small:0.75rem;--calcite-alert-spacing-token-large:1rem;--calcite-alert-footer-height:3rem;--calcite-alert-footer-divider-gap:0.25rem}:host([scale=m]) slot[name=title]::slotted(*),:host([scale=m]) *::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) slot[name=message]::slotted(*),:host([scale=m]) *::slotted([slot=message]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) slot[name=link]::slotted(*),:host([scale=m]) *::slotted([slot=link]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .queue-count{margin-inline:0.75rem}:host([scale=m]) .container{--calcite-alert-min-height:4.1875rem}:host([scale=l]){--calcite-alert-width:60em;--calcite-alert-spacing-token-small:1rem;--calcite-alert-spacing-token-large:1.25rem;--calcite-alert-footer-height:4rem;--calcite-alert-footer-divider-gap:0.5rem}:host([scale=l]) slot[name=title]::slotted(*),:host([scale=l]) *::slotted([slot=title]){margin-block-end:0.25rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) slot[name=message]::slotted(*),:host([scale=l]) *::slotted([slot=message]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) slot[name=link]::slotted(*),:host([scale=l]) *::slotted([slot=link]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .queue-count{margin-inline:1rem}:host([scale=l]) .container{--calcite-alert-min-height:5.625rem}:host([open]) .container:not(.container--queued){border-block-start-width:2px;opacity:1;pointer-events:initial}:host([open]) .container:not(.container--queued)[class*=bottom]{transform:translate3d(0, calc(-1 * var(--calcite-alert-edge-distance)), inherit)}:host([open]) .container:not(.container--queued)[class*=top]{transform:translate3d(0, var(--calcite-alert-edge-distance), inherit)}:host([auto-close])>.queue-count{border-inline-end:0 solid transparent}slot[name=title]::slotted(*),*::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}slot[name=message]::slotted(*),*::slotted([slot=message]){margin:0px;display:inline;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);margin-inline-end:0.5rem}slot[name=link]::slotted(*),*::slotted([slot=link]){display:inline-flex;color:var(--calcite-color-text-link)}:host([kind=brand]) .container{border-block-start-color:var(--calcite-color-brand)}:host([kind=brand]) .container .icon{color:var(--calcite-color-brand)}:host([kind=info]) .container{border-block-start-color:var(--calcite-color-status-info)}:host([kind=info]) .container .icon{color:var(--calcite-color-status-info)}:host([kind=danger]) .container{border-block-start-color:var(--calcite-color-status-danger)}:host([kind=danger]) .container .icon{color:var(--calcite-color-status-danger)}:host([kind=success]) .container{border-block-start-color:var(--calcite-color-status-success)}:host([kind=success]) .container .icon{color:var(--calcite-color-status-success)}:host([kind=warning]) .container{border-block-start-color:var(--calcite-color-status-warning)}:host([kind=warning]) .container .icon{color:var(--calcite-color-status-warning)}:host([auto-close-duration=fast]) .dismiss-progress:after{animation:dismissProgress 6000ms ease-out}:host(:hover[auto-close-duration=fast]) .dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=medium]) .dismiss-progress:after{animation:dismissProgress 10000ms ease-out}:host(:hover[auto-close-duration=medium]) .dismiss-progress:after{animation-play-state:paused}:host([auto-close-duration=slow]) .dismiss-progress:after{animation:dismissProgress 14000ms ease-out}:host(:hover[auto-close-duration=slow]) .dismiss-progress:after{animation-play-state:paused}@keyframes dismissProgress{0%{inline-size:0px;opacity:0.75}100%{inline-size:100%;opacity:1}}.container--slotted-in-shell{position:absolute}:host([hidden]){display:none}[hidden]{display:none}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}';const j=q;const S=class{constructor(i){t(this,i);this.calciteAlertBeforeClose=e(this,"calciteAlertBeforeClose",6);this.calciteAlertClose=e(this,"calciteAlertClose",6);this.calciteAlertBeforeOpen=e(this,"calciteAlertBeforeOpen",6);this.calciteAlertOpen=e(this,"calciteAlertOpen",6);this.calciteInternalAlertSync=e(this,"calciteInternalAlertSync",6);this.calciteInternalAlertRegister=e(this,"calciteInternalAlertRegister",6);this.autoCloseTimeoutId=null;this.totalOpenTime=0;this.totalHoverTime=0;this.openTransitionProp="opacity";this.setTransitionEl=t=>{this.transitionEl=t};this.closeAlert=()=>{this.autoCloseTimeoutId=null;this.queued=false;this.open=false;this.queue=this.queue.filter((t=>t!==this.el));this.determineActiveAlert();this.calciteInternalAlertSync.emit({queue:this.queue})};this.actionsEndSlotChangeHandler=t=>{this.hasEndActions=a(t)};this.handleMouseOver=()=>{window.clearTimeout(this.autoCloseTimeoutId);this.totalOpenTime=Date.now()-this.initialOpenTime;this.lastMouseOverBegin=Date.now()};this.handleMouseLeave=()=>{const t=Date.now()-this.lastMouseOverBegin;const e=y[this.autoCloseDuration]-this.totalOpenTime+this.totalHoverTime;this.totalHoverTime=this.totalHoverTime?t+this.totalHoverTime:t;this.autoCloseTimeoutId=window.setTimeout((()=>this.closeAlert()),e)};this.open=false;this.autoClose=false;this.autoCloseDuration="medium";this.kind="brand";this.icon=undefined;this.iconFlipRtl=false;this.label=undefined;this.numberingSystem=undefined;this.placement="bottom";this.scale="m";this.messages=undefined;this.messageOverrides=undefined;this.slottedInShell=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.numberStringFormatter=new m;this.hasEndActions=false;this.queue=[];this.queueLength=0;this.queued=false}openHandler(){g(this);if(this.open&&!this.queued){this.calciteInternalAlertRegister.emit()}if(!this.open){this.queue=this.queue.filter((t=>t!==this.el));this.calciteInternalAlertSync.emit({queue:this.queue})}}onMessagesChange(){}updateDuration(){if(this.autoClose&&this.autoCloseTimeoutId){window.clearTimeout(this.autoCloseTimeoutId);this.autoCloseTimeoutId=window.setTimeout((()=>this.closeAlert()),y[this.autoCloseDuration])}}connectedCallback(){f(this);b(this);const t=this.open;if(t&&!this.queued){this.calciteInternalAlertRegister.emit()}this.numberStringFormatter.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,signDisplay:"always"}}async componentWillLoad(){d(this);await v(this);if(this.open){g(this)}}componentDidLoad(){h(this)}disconnectedCallback(){window.dispatchEvent(new CustomEvent("calciteInternalAlertUnregister",{detail:{alert:this.el}}));window.clearTimeout(this.autoCloseTimeoutId);window.clearTimeout(this.queueTimeout);p(this);k(this);this.slottedInShell=false}render(){const{open:t,autoClose:e,label:o,placement:a,queued:l}=this;const c=e?"alert":"alertdialog";const d=!t;const h=r(x,this.icon,this.kind);const u=this.queueLength>1;return i(s,{key:"ea81bb8c414a682356d9c2a839df57b73fd4de1e","aria-hidden":n(d),"aria-label":o,"calcite-hydrated-hidden":d,role:c},i("div",{key:"3d166368d33d7b540e8a9bf2f0c7643f9a774e6c",class:{[C.container]:true,[C.containerQueued]:l,[`${C.container}--${a}`]:true,[C.containerSlottedInShell]:this.slottedInShell},onPointerEnter:this.autoClose&&this.autoCloseTimeoutId?this.handleMouseOver:null,onPointerLeave:this.autoClose&&this.autoCloseTimeoutId?this.handleMouseLeave:null,ref:this.setTransitionEl},h&&this.renderIcon(h),i("div",{key:"5a761dc8f4158245573cd4ca98fc61396cd9e82c",class:C.textContainer},i("slot",{key:"d4338d3c7ffb8a9f24c184f0c94becada6bd0198",name:z.title}),i("slot",{key:"56aa7f1d6b1e9a276f24c586c2acafb3b3cc1c7f",name:z.message}),i("slot",{key:"d8844321b222a62be090d9b87487fe270fa76c3e",name:z.link})),this.renderActionsEnd(),u?this.renderQueueCount():null,this.renderCloseButton(),t&&!l&&e?i("div",{class:C.dismissProgress}):null))}renderCloseButton(){return i("button",{"aria-label":this.messages.close,class:C.close,key:"close",onClick:this.closeAlert,ref:t=>this.closeButton=t,type:"button"},i("calcite-icon",{icon:"x",scale:c(this.scale)}))}renderQueueCount(){const t=this.queueLength>2?this.queueLength-1:1;const e=this.numberStringFormatter.numberFormatter.format(t);return i("div",{class:{[C.queueCount]:true,[C.queueCountActive]:this.queueLength>1},key:"queue-count"},i("calcite-chip",{scale:this.scale,value:e},e))}renderActionsEnd(){return i("div",{class:C.actionsEnd},i("slot",{name:z.actionsEnd,onSlotchange:this.actionsEndSlotChangeHandler}))}renderIcon(t){return i("div",{class:C.icon},i("calcite-icon",{flipRtl:this.iconFlipRtl,icon:t,scale:c(this.scale)}))}alertSync(t){if(this.queue!==t.detail.queue){this.queue=t.detail.queue}this.queueLength=this.queue.length;this.determineActiveAlert();t.stopPropagation()}alertRegister(){if(this.open&&!this.queue.includes(this.el)){this.queued=true;this.queue.push(this.el)}this.calciteInternalAlertSync.emit({queue:this.queue});this.determineActiveAlert()}alertUnregister(t){const e=this.queue.filter((e=>e!==t.detail.alert));this.queue=e;window.dispatchEvent(new CustomEvent("calciteInternalAlertSync",{detail:{queue:e}}))}async setFocus(){await u(this);const t=l(this.el,{selector:"calcite-link"});if(!this.closeButton&&!t){return}else if(t){return t.setFocus()}else if(this.closeButton){this.closeButton.focus()}}effectiveLocaleChange(){w(this,this.effectiveLocale);this.numberStringFormatter.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,signDisplay:"always"}}numberingSystemChange(){this.numberStringFormatter.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,signDisplay:"always"}}determineActiveAlert(){if(this.queue?.[0]===this.el){this.openAlert();if(this.autoClose&&!this.autoCloseTimeoutId){this.initialOpenTime=Date.now();this.autoCloseTimeoutId=window.setTimeout((()=>this.closeAlert()),y[this.autoCloseDuration])}}else{return}}onBeforeOpen(){this.calciteAlertBeforeOpen.emit()}onOpen(){this.calciteAlertOpen.emit()}onBeforeClose(){this.calciteAlertBeforeClose.emit()}onClose(){this.calciteAlertClose.emit()}openAlert(){window.clearTimeout(this.queueTimeout);this.queueTimeout=window.setTimeout((()=>this.queued=false),300)}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{open:["openHandler"],messageOverrides:["onMessagesChange"],autoCloseDuration:["updateDuration"],effectiveLocale:["effectiveLocaleChange"],numberingSystem:["numberingSystemChange"]}}};S.style=j;export{S as calcite_alert};
+//# sourceMappingURL=p-731c80e1.entry.js.map

package/dist/calcite/p-73fb5bf5.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.9.0-next.20
+ */
+import{r as e,c as t,h as n,g as i}from"./p-e48d006d.js";import{c as o,d as c,u as a,I as s}from"./p-ae04d854.js";import{b as l,t as r}from"./p-99726b90.js";import{c as d,a as h,s as p}from"./p-bf0746a3.js";import"./p-c5966b3e.js";import"./p-c26dde6d.js";import"./p-57e21d44.js";import"./p-ae81e665.js";const b={container:"container",contentContainer:"content-container",contentContainerHasContent:"content-container--has-content",contentContainerHasOnlyContentTopAndBottom:"content-container--has-only-content-top-and-bottom",textContentContainer:"text-content-container",description:"description",heading:"heading",icon:"icon",interactive:"interactive",largeVisualDeprecated:"large-visual-deprecated",row:"row",selected:"selected",selectionIcon:"selection-icon",textContent:"text-content"};const m={selectedMultiple:"check-square-f",selectedSingle:"circle-f",unselectedMultiple:"square",unselectedSingle:"circle"};const v={contentBottom:"content-bottom",contentEnd:"content-end",contentStart:"content-start",contentTop:"content-top"};const f=':host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{--calcite-tile-background-color:var(--calcite-color-foreground-1);--calcite-tile-border-color:var(--calcite-color-border-2);--calcite-tile-description-text-color:var(--calcite-color-text-3);--calcite-tile-heading-text-color:var(--calcite-color-text-2);--calcite-ui-icon-color:var(--calcite-color-text-3);box-sizing:border-box;display:inline-block}.container{background-color:var(--calcite-tile-background-color);block-size:var(--calcite-container-size-content-fluid);box-sizing:border-box;inline-size:var(--calcite-container-size-content-fluid);outline:var(--calcite-border-width-sm, 1px) solid var(--calcite-tile-border-color);-webkit-user-select:none;user-select:none}.container.interactive{cursor:pointer}.container.interactive:hover,.container.interactive:focus,.container.interactive.selected{outline-color:var(--calcite-color-brand);position:relative}.container.interactive:hover .selection-icon,.container.interactive:focus .selection-icon,.container.interactive.selected .selection-icon{--calcite-ui-icon-color:var(--calcite-color-brand)}.container.interactive.selected{z-index:var(--calcite-z-index)}.container.interactive:focus{box-shadow:inset 0px 0px 0px 1px var(--calcite-color-brand);z-index:var(--calcite-z-index-sticky)}.content-container,.row{align-items:flex-start;display:flex}.content-container{flex-direction:column}.text-content-container{inline-size:100%;outline-color:transparent;padding:0}.text-content{display:flex;flex-direction:column}.heading{color:var(--calcite-tile-heading-text-color);font-weight:var(--calcite-font-weight-medium);line-height:1.20313rem;overflow-wrap:break-word}.large-visual-deprecated{align-items:center;justify-content:center;min-block-size:12rem;text-align:center}.large-visual-deprecated calcite-icon{align-self:center;block-size:64px;inline-size:64px}.large-visual-deprecated .text-content-container{justify-content:center}.description{color:var(--calcite-tile-description-text-color);font-weight:var(--calcite-font-weight-regular);overflow-wrap:break-word}:host([alignment=center]) .icon{align-self:center}:host([alignment=center]) .text-content{text-align:center}:host([alignment=center]) slot[name=content-start]::slotted(*),:host([alignment=center]) slot[name=content-end]::slotted(*){align-self:center}:host([scale=s]){max-inline-size:400px;min-inline-size:100px}:host([scale=s]) .container{padding:var(--calcite-spacing-sm)}:host([scale=s]) .content-container--has-content,:host([scale=s]) .row{gap:var(--calcite-spacing-sm)}:host([scale=s]) .heading{font-size:var(--calcite-font-size--2);line-height:1.03125rem}:host([scale=s]) .description{font-size:var(--calcite-font-size--3);line-height:0.85938rem}:host([scale=s]) .content-container--has-only-content-top-and-bottom slot[name=content-top]::slotted(*){margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]){max-inline-size:460px;min-inline-size:140px}:host([scale=m]) .container{padding:var(--calcite-spacing-md)}:host([scale=m]) .content-container--has-content,:host([scale=m]) .row{gap:var(--calcite-spacing-md)}:host([scale=m]) .heading{font-size:var(--calcite-font-size--1);line-height:1.20313rem}:host([scale=m]) .description{font-size:var(--calcite-font-size--2);line-height:1.03125rem}:host([scale=m]) .content-container--has-only-content-top-and-bottom slot[name=content-top]::slotted(*){margin-block-end:var(--calcite-spacing-md)}:host([scale=l]){max-inline-size:520px;min-inline-size:160px}:host([scale=l]) .container{padding:var(--calcite-spacing-xl)}:host([scale=l]) .content-container--has-content,:host([scale=l]) .row{gap:var(--calcite-spacing-xl)}:host([scale=l]) .heading{font-size:var(--calcite-font-size-0);line-height:1.375rem}:host([scale=l]) .description{font-size:var(--calcite-font-size--1);line-height:1.20313rem}:host([scale=l]) .content-container--has-only-content-top-and-bottom slot[name=content-top]::slotted(*){margin-block-end:var(--calcite-spacing-xl)}:host([selection-appearance=border][layout=horizontal]) .container.selected:focus::before,:host([selection-appearance=border][layout=vertical]) .container.selected:focus::before{block-size:100%;box-shadow:inset 0px 0px 0px 1px var(--calcite-color-brand);content:"";display:block;inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute}:host([selection-appearance=border][layout=horizontal]) .container.selected{box-shadow:inset 0px -4px 0px 0px var(--calcite-color-brand)}:host([selection-appearance=border][layout=vertical]) .container.selected{box-shadow:inset 4px 0px 0px 0px var(--calcite-color-brand)}:host([href]:focus:not([disabled])),:host([href]:hover:not([disabled])){--calcite-tile-border-color:var(--calcite-color-text-link);--calcite-tile-heading-text-color:var(--calcite-color-text-link);--calcite-ui-icon-color:var(--calcite-color-text-link)}:host([href]:focus:not([disabled])) .container,:host([href]:hover:not([disabled])) .container{position:relative;z-index:var(--calcite-z-index)}:host([href]:active:not([disabled])) .container{box-shadow:0 0 0 3px var(--calcite-tile-border-color)}:host([embed]) .container{box-shadow:none;padding:0}:host([selection-mode=none]) .container{outline-color:var(--calcite-tile-border-color)}:host([selection-mode=none]) .container:focus{outline-color:var(--calcite-color-brand);position:relative}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host(:hover:not([disabled])),:host([active]:not([disabled])){--calcite-tile-description-text-color:var(--calcite-color-text-2);--calcite-tile-heading-text-color:var(--calcite-color-text-1)}:host([hidden]){display:none}[hidden]{display:none}::slotted(*){max-inline-size:100%}';const x=f;const u=class{constructor(n){e(this,n);this.calciteInternalTileKeyEvent=t(this,"calciteInternalTileKeyEvent",6);this.calciteTileSelect=t(this,"calciteTileSelect",7);this.clickHandler=()=>{if(this.interactive){this.setFocus();this.handleSelectEvent()}};this.handleSelectEvent=()=>{if(this.disabled||!this.interactive||this.selectionMode==="single-persist"&&this.selected===true){return}this.calciteTileSelect.emit()};this.handleSlotChange=e=>{const t=e.target.dataset.name;this[`has${t}`]=l(e)};this.setContainerEl=e=>{this.containerEl=e};this.active=false;this.alignment="start";this.description=undefined;this.disabled=false;this.embed=false;this.heading=undefined;this.href=undefined;this.icon=undefined;this.iconFlipRtl=false;this.interactive=false;this.label=undefined;this.layout="horizontal";this.scale="m";this.selected=false;this.selectionAppearance="icon";this.selectionMode="none";this.hasContentBottom=false;this.hasContentEnd=false;this.hasContentStart=false;this.hasContentTop=false}async setFocus(){await d(this);if(!this.disabled&&this.interactive){this.containerEl?.focus()}}connectedCallback(){o(this)}componentDidLoad(){h(this)}disconnectedCallback(){c(this)}componentDidRender(){a(this)}async componentWillLoad(){p(this)}keyDownHandler(e){if(e.target===this.el){switch(e.key){case" ":case"Enter":this.handleSelectEvent();e.preventDefault();break;case"ArrowDown":case"ArrowLeft":case"ArrowRight":case"ArrowUp":case"Home":case"End":this.calciteInternalTileKeyEvent.emit(e);e.preventDefault();break}}}renderSelectionIcon(){const{selected:e,selectionAppearance:t,selectionMode:i}=this;if(t==="icon"&&i!=="none"){return n("calcite-icon",{class:b.selectionIcon,icon:e?i==="multiple"?m.selectedMultiple:m.selectedSingle:i==="multiple"?m.unselectedMultiple:m.unselectedSingle,scale:"s"})}return}renderTile(){const{description:e,disabled:t,hasContentBottom:i,hasContentEnd:o,hasContentStart:c,hasContentTop:a,heading:s,icon:l,iconFlipRtl:d,interactive:h,selectionMode:p}=this;const m=s&&l&&!e;const f=Boolean(this.href)||!h;const x=p==="multiple"&&h?"checkbox":p!=="none"&&h?"radio":h?"button":undefined;const u=!!(e||o||c||s||l);const g=!u&&a&&i;return n("div",{"aria-checked":p!=="none"&&h?r(this.selected):undefined,"aria-disabled":f?r(t):undefined,"aria-label":x&&this.label,class:{[b.container]:true,[b.interactive]:h,[b.largeVisualDeprecated]:m,[b.row]:true,[b.selected]:this.selected},onClick:this.clickHandler,ref:this.setContainerEl,role:x,tabIndex:f?undefined:0},this.renderSelectionIcon(),n("div",{class:{[b.contentContainer]:true,[b.contentContainerHasContent]:u,[b.contentContainerHasOnlyContentTopAndBottom]:g}},n("slot",{"data-name":"ContentTop",name:v.contentTop,onSlotchange:this.handleSlotChange}),l&&n("calcite-icon",{class:b.icon,flipRtl:d,icon:l,scale:"l"}),n("div",{class:{[b.textContentContainer]:true,[b.row]:true}},n("slot",{"data-name":"ContentStart",name:v.contentStart,onSlotchange:this.handleSlotChange}),n("div",{class:b.textContent},s&&n("div",{class:b.heading},s),e&&n("div",{class:b.description},e)),n("slot",{"data-name":"ContentEnd",name:v.contentEnd,onSlotchange:this.handleSlotChange})),n("slot",{"data-name":"ContentBottom",name:v.contentBottom,onSlotchange:this.handleSlotChange})))}render(){const{disabled:e}=this;return n(s,{key:"7e1367887f1ab8c6dedb788d9c3f83625202c982",disabled:e},this.href?n("calcite-link",{disabled:e,href:this.href},this.renderTile()):this.renderTile())}get el(){return i(this)}};u.style=x;export{u as calcite_tile};
+//# sourceMappingURL=p-73fb5bf5.entry.js.map

package/dist/calcite/p-73fb5bf5.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","container","contentContainer","contentContainerHasContent","contentContainerHasOnlyContentTopAndBottom","textContentContainer","description","heading","icon","interactive","largeVisualDeprecated","row","selected","selectionIcon","textContent","ICONS","selectedMultiple","selectedSingle","unselectedMultiple","unselectedSingle","SLOTS","contentBottom","contentEnd","contentStart","contentTop","tileCss","CalciteTileStyle0","Tile","this","clickHandler","setFocus","handleSelectEvent","disabled","selectionMode","calciteTileSelect","emit","handleSlotChange","event","slotName","target","dataset","name","slotChangeHasAssignedElement","setContainerEl","el","containerEl","componentFocusable","focus","connectedCallback","connectInteractive","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnectInteractive","componentDidRender","updateHostInteraction","componentWillLoad","setUpLoadableComponent","keyDownHandler","key","preventDefault","calciteInternalTileKeyEvent","renderSelectionIcon","selectionAppearance","h","class","scale","renderTile","hasContentBottom","hasContentEnd","hasContentStart","hasContentTop","iconFlipRtl","isLargeVisual","disableInteraction","Boolean","href","role","undefined","hasContent","hasOnlyContentTopAndBottom","toAriaBoolean","label","onClick","ref","tabIndex","onSlotchange","flipRtl","render","InteractiveContainer"],"sources":["src/components/tile/resources.ts","src/components/tile/tile.scss?tag=calcite-tile&encapsulation=shadow","src/components/tile/tile.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n  contentContainer: \"content-container\",\n  contentContainerHasContent: \"content-container--has-content\",\n  contentContainerHasOnlyContentTopAndBottom: \"content-container--has-only-content-top-and-bottom\",\n  textContentContainer: \"text-content-container\",\n  description: \"description\",\n  heading: \"heading\",\n  icon: \"icon\",\n  interactive: \"interactive\",\n  largeVisualDeprecated: \"large-visual-deprecated\",\n  row: \"row\",\n  selected: \"selected\",\n  selectionIcon: \"selection-icon\",\n  textContent: \"text-content\",\n};\n\nexport const ICONS = {\n  selectedMultiple: \"check-square-f\",\n  selectedSingle: \"circle-f\",\n  unselectedMultiple: \"square\",\n  unselectedSingle: \"circle\",\n};\n\nexport const SLOTS = {\n  contentBottom: \"content-bottom\",\n  contentEnd: \"content-end\",\n  contentStart: \"content-start\",\n  contentTop: \"content-top\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-tile-background-color: Specifies the background color of the component.\n * @prop --calcite-tile-border-color: Specifies the border color of the component.\n * @prop --calcite-tile-description-text-color: Specifies the description text color of the component.\n * @prop --calcite-tile-heading-text-color: Specifies the heading text color of the component.\n */\n\n:host {\n  --calcite-tile-background-color: var(--calcite-color-foreground-1);\n  --calcite-tile-border-color: var(--calcite-color-border-2);\n  --calcite-tile-description-text-color: var(--calcite-color-text-3);\n  --calcite-tile-heading-text-color: var(--calcite-color-text-2);\n  --calcite-ui-icon-color: var(--calcite-color-text-3);\n\n  box-sizing: border-box;\n  display: inline-block;\n}\n\n.container {\n  background-color: var(--calcite-tile-background-color);\n  block-size: var(--calcite-container-size-content-fluid);\n  box-sizing: border-box;\n  inline-size: var(--calcite-container-size-content-fluid);\n  outline: var(--calcite-border-width-sm, 1px) solid var(--calcite-tile-border-color);\n  user-select: none;\n  &.interactive {\n    cursor: pointer;\n    &:hover,\n    &:focus,\n    &.selected {\n      outline-color: var(--calcite-color-brand);\n      position: relative;\n      .selection-icon {\n        --calcite-ui-icon-color: var(--calcite-color-brand);\n      }\n    }\n    &.selected {\n      z-index: var(--calcite-z-index);\n    }\n    &:focus {\n      box-shadow: inset 0px 0px 0px 1px var(--calcite-color-brand);\n      z-index: var(--calcite-z-index-sticky);\n    }\n  }\n}\n\n.content-container,\n.row {\n  align-items: flex-start;\n  display: flex;\n}\n\n.content-container {\n  flex-direction: column;\n}\n\n.text-content-container {\n  inline-size: 100%;\n  outline-color: transparent;\n  padding: 0;\n}\n\n.text-content {\n  display: flex;\n  flex-direction: column;\n}\n\n.heading {\n  color: var(--calcite-tile-heading-text-color);\n  font-weight: var(--calcite-font-weight-medium);\n  line-height: 1.20313rem;\n  overflow-wrap: break-word;\n}\n\n/* [Deprecated] Use the content-top slot for rendering icon with alignment=\"center\" instead */\n.large-visual-deprecated {\n  align-items: center;\n  justify-content: center;\n  min-block-size: 12rem;\n  text-align: center;\n\n  calcite-icon {\n    align-self: center;\n    block-size: 64px;\n    inline-size: 64px;\n  }\n  .text-content-container {\n    justify-content: center;\n  }\n}\n\n.description {\n  color: var(--calcite-tile-description-text-color);\n  font-weight: var(--calcite-font-weight-regular);\n  overflow-wrap: break-word;\n}\n\n:host([alignment=\"center\"]) {\n  .icon {\n    align-self: center;\n  }\n  .text-content {\n    text-align: center;\n  }\n  slot[name=\"content-start\"]::slotted(*),\n  slot[name=\"content-end\"]::slotted(*) {\n    align-self: center;\n  }\n}\n\n:host([scale=\"s\"]) {\n  max-inline-size: 400px;\n  min-inline-size: 100px;\n  .container {\n    padding: var(--calcite-spacing-sm);\n  }\n  .content-container--has-content,\n  .row {\n    gap: var(--calcite-spacing-sm);\n  }\n  .heading {\n    font-size: var(--calcite-font-size--2);\n    line-height: 1.03125rem;\n  }\n  .description {\n    font-size: var(--calcite-font-size--3);\n    line-height: 0.85938rem;\n  }\n  .content-container--has-only-content-top-and-bottom slot[name=\"content-top\"]::slotted(*) {\n    margin-block-end: var(--calcite-spacing-sm);\n  }\n}\n\n:host([scale=\"m\"]) {\n  max-inline-size: 460px;\n  min-inline-size: 140px;\n  .container {\n    padding: var(--calcite-spacing-md);\n  }\n  .content-container--has-content,\n  .row {\n    gap: var(--calcite-spacing-md);\n  }\n  .heading {\n    font-size: var(--calcite-font-size--1);\n    line-height: 1.20313rem;\n  }\n  .description {\n    font-size: var(--calcite-font-size--2);\n    line-height: 1.03125rem;\n  }\n  .content-container--has-only-content-top-and-bottom slot[name=\"content-top\"]::slotted(*) {\n    margin-block-end: var(--calcite-spacing-md);\n  }\n}\n\n:host([scale=\"l\"]) {\n  max-inline-size: 520px;\n  min-inline-size: 160px;\n  .container {\n    padding: var(--calcite-spacing-xl);\n  }\n  .content-container--has-content,\n  .row {\n    gap: var(--calcite-spacing-xl);\n  }\n  .heading {\n    font-size: var(--calcite-font-size-0);\n    line-height: 1.375rem;\n  }\n  .description {\n    font-size: var(--calcite-font-size--1);\n    line-height: 1.20313rem;\n  }\n  .content-container--has-only-content-top-and-bottom slot[name=\"content-top\"]::slotted(*) {\n    margin-block-end: var(--calcite-spacing-xl);\n  }\n}\n\n:host([selection-appearance=\"border\"][layout=\"horizontal\"]),\n:host([selection-appearance=\"border\"][layout=\"vertical\"]) {\n  .container.selected:focus::before {\n    block-size: 100%;\n    box-shadow: inset 0px 0px 0px 1px var(--calcite-color-brand);\n    content: \"\";\n    display: block;\n    inline-size: 100%;\n    inset-block-start: 0;\n    inset-inline-start: 0;\n    position: absolute;\n  }\n}\n\n:host([selection-appearance=\"border\"][layout=\"horizontal\"]) {\n  .container.selected {\n    box-shadow: inset 0px -4px 0px 0px var(--calcite-color-brand);\n  }\n}\n\n:host([selection-appearance=\"border\"][layout=\"vertical\"]) {\n  .container.selected {\n    box-shadow: inset 4px 0px 0px 0px var(--calcite-color-brand);\n  }\n}\n\n:host([href]:focus:not([disabled])),\n:host([href]:hover:not([disabled])) {\n  --calcite-tile-border-color: var(--calcite-color-text-link);\n  --calcite-tile-heading-text-color: var(--calcite-color-text-link);\n  --calcite-ui-icon-color: var(--calcite-color-text-link);\n  .container {\n    position: relative;\n    z-index: var(--calcite-z-index);\n  }\n}\n\n:host([href]:active:not([disabled])) {\n  .container {\n    box-shadow: 0 0 0 3px var(--calcite-tile-border-color);\n  }\n}\n\n:host([embed]) {\n  .container {\n    box-shadow: none;\n    padding: 0;\n  }\n}\n\n:host([selection-mode=\"none\"]) {\n  .container {\n    outline-color: var(--calcite-tile-border-color);\n    &:focus {\n      outline-color: var(--calcite-color-brand);\n      position: relative;\n    }\n  }\n}\n\n@include disabled();\n\n:host(:hover:not([disabled])),\n:host([active]:not([disabled])) {\n  --calcite-tile-description-text-color: var(--calcite-color-text-2);\n  --calcite-tile-heading-text-color: var(--calcite-color-text-1);\n}\n\n@include base-component();\n\n::slotted(*) {\n  max-inline-size: 100%;\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n} from \"@stencil/core\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { Alignment, Layout, Scale, SelectionAppearance, SelectionMode } from \"../interfaces\";\nimport { slotChangeHasAssignedElement, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  componentFocusable,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { SelectableComponent } from \"../../utils/selectableComponent\";\nimport { CSS, ICONS, SLOTS } from \"./resources\";\n\n/**\n * @slot content-top - A slot for adding non-actionable elements above the component's content.  Content slotted here will render in place of the `icon` property.\n * @slot content-bottom - A slot for adding non-actionable elements below the component's content.\n * @slot content-start - [Deprecated] use `content-top` slot instead.  A slot for adding non-actionable elements before the component's content.\n * @slot content-end - [Deprecated] use `content-bottom` slot instead. A slot for adding non-actionable elements after the component's content.\n */\n@Component({\n  tag: \"calcite-tile\",\n  styleUrl: \"tile.scss\",\n  shadow: true,\n})\nexport class Tile implements InteractiveComponent, SelectableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, the component is active.\n   *\n   * @deprecated\n   */\n  @Prop({ reflect: true }) active = false;\n\n  /**\n   * Specifies the alignment of the Tile's content.\n   */\n  @Prop({ reflect: true }) alignment: Exclude<Alignment, \"end\"> = \"start\";\n\n  /**\n   * A description for the component, which displays below the heading.\n   */\n  @Prop({ reflect: true }) description: string;\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 component's embed mode.\n   *\n   * When `true`, renders without a border and padding for use by other components.\n   *\n   * @deprecated No longer necessary.\n   */\n  @Prop({ reflect: true }) embed = false;\n\n  /** The component header text, which displays between the icon and description. */\n  @Prop({ reflect: true }) heading: string;\n\n  /** When embed is `\"false\"`, the URL for the component. */\n  @Prop({ reflect: true }) href: string;\n\n  /** Specifies an icon to display. */\n  @Prop({ reflect: true }) icon: string;\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  /**\n   * When true, enables the tile to be focused, and allows the `calciteTileSelect` to emit.\n   * This is set to `true` by a parent Tile Group component.\n   *\n   * @internal\n   */\n  @Prop() interactive = false;\n\n  /** Accessible name for the component. */\n  @Prop() label: string;\n\n  /**\n   * Defines the layout of the component.\n   *\n   * Use `\"horizontal\"` for rows, and `\"vertical\"` for a single column.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) layout: Exclude<Layout, \"grid\"> = \"horizontal\";\n\n  /**\n   * Specifies the size of the component.\n   */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /**\n   * When `true` and the parent's `selectionMode` is `\"single\"`, `\"single-persist\"', or `\"multiple\"`, the component is selected.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) selected = false;\n\n  /**\n   * Specifies the selection appearance, where:\n   *\n   * - `\"icon\"` (displays a checkmark or dot), or\n   * - `\"border\"` (displays a border).\n   *\n   * This property is set by the parent tile-group.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) selectionAppearance: SelectionAppearance = \"icon\";\n\n  /**\n   * Specifies the selection mode, where:\n   *\n   * - `\"multiple\"` (allows any number of selected items),\n   * - `\"single\"` (allows only one selected item),\n   * - `\"single-persist\"` (allows only one selected item and prevents de-selection),\n   * - `\"none\"` (allows no selected items).\n   *\n   * This property is set by the parent tile-group.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) selectionMode: Extract<\n    \"multiple\" | \"none\" | \"single\" | \"single-persist\",\n    SelectionMode\n  > = \"none\";\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    if (!this.disabled && this.interactive) {\n      this.containerEl?.focus();\n    }\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTileElement;\n\n  private clickHandler = (): void => {\n    if (this.interactive) {\n      this.setFocus();\n      this.handleSelectEvent();\n    }\n  };\n\n  private containerEl: HTMLDivElement;\n\n  @State() hasContentBottom = false;\n\n  @State() hasContentEnd = false;\n\n  @State() hasContentStart = false;\n\n  @State() hasContentTop = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTileKeyEvent: EventEmitter<KeyboardEvent>;\n\n  /**\n   * Fires when the selected state of the component changes.\n   */\n  @Event() calciteTileSelect: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private handleSelectEvent = (): void => {\n    if (\n      this.disabled ||\n      !this.interactive ||\n      (this.selectionMode === \"single-persist\" && this.selected === true)\n    ) {\n      return;\n    }\n    this.calciteTileSelect.emit();\n  };\n\n  private handleSlotChange = (event: Event): void => {\n    const slotName = (event.target as HTMLSlotElement).dataset.name;\n    this[`has${slotName}`] = slotChangeHasAssignedElement(event);\n  };\n\n  private setContainerEl = (el): void => {\n    this.containerEl = el;\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\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.handleSelectEvent();\n          event.preventDefault();\n          break;\n        case \"ArrowDown\":\n        case \"ArrowLeft\":\n        case \"ArrowRight\":\n        case \"ArrowUp\":\n        case \"Home\":\n        case \"End\":\n          this.calciteInternalTileKeyEvent.emit(event);\n          event.preventDefault();\n          break;\n      }\n    }\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderSelectionIcon(): VNode {\n    const { selected, selectionAppearance, selectionMode } = this;\n    if (selectionAppearance === \"icon\" && selectionMode !== \"none\") {\n      return (\n        <calcite-icon\n          class={CSS.selectionIcon}\n          icon={\n            selected\n              ? selectionMode === \"multiple\"\n                ? ICONS.selectedMultiple\n                : ICONS.selectedSingle\n              : selectionMode === \"multiple\"\n                ? ICONS.unselectedMultiple\n                : ICONS.unselectedSingle\n          }\n          scale=\"s\"\n        />\n      );\n    }\n    return;\n  }\n\n  renderTile(): VNode {\n    const {\n      description,\n      disabled,\n      hasContentBottom,\n      hasContentEnd,\n      hasContentStart,\n      hasContentTop,\n      heading,\n      icon,\n      iconFlipRtl,\n      interactive,\n      selectionMode,\n    } = this;\n    const isLargeVisual = heading && icon && !description;\n    const disableInteraction = Boolean(this.href) || !interactive;\n    const role =\n      selectionMode === \"multiple\" && interactive\n        ? \"checkbox\"\n        : selectionMode !== \"none\" && interactive\n          ? \"radio\"\n          : interactive\n            ? \"button\"\n            : undefined;\n    const hasContent = !!(description || hasContentEnd || hasContentStart || heading || icon);\n    const hasOnlyContentTopAndBottom = !hasContent && hasContentTop && hasContentBottom;\n    return (\n      <div\n        aria-checked={\n          selectionMode !== \"none\" && interactive ? toAriaBoolean(this.selected) : undefined\n        }\n        aria-disabled={disableInteraction ? toAriaBoolean(disabled) : undefined}\n        aria-label={role && this.label}\n        class={{\n          [CSS.container]: true,\n          [CSS.interactive]: interactive,\n          // [Deprecated] Use the content-top slot for rendering icon with alignment=\"center\" instead\n          [CSS.largeVisualDeprecated]: isLargeVisual,\n          [CSS.row]: true,\n          [CSS.selected]: this.selected,\n        }}\n        onClick={this.clickHandler}\n        ref={this.setContainerEl}\n        role={role}\n        tabIndex={disableInteraction ? undefined : 0}\n      >\n        {this.renderSelectionIcon()}\n        <div\n          class={{\n            [CSS.contentContainer]: true,\n            [CSS.contentContainerHasContent]: hasContent,\n            [CSS.contentContainerHasOnlyContentTopAndBottom]: hasOnlyContentTopAndBottom,\n          }}\n        >\n          <slot\n            data-name=\"ContentTop\"\n            name={SLOTS.contentTop}\n            onSlotchange={this.handleSlotChange}\n          />\n          {icon && <calcite-icon class={CSS.icon} flipRtl={iconFlipRtl} icon={icon} scale=\"l\" />}\n          <div class={{ [CSS.textContentContainer]: true, [CSS.row]: true }}>\n            <slot\n              data-name=\"ContentStart\"\n              name={SLOTS.contentStart}\n              onSlotchange={this.handleSlotChange}\n            />\n            <div class={CSS.textContent}>\n              {heading && <div class={CSS.heading}>{heading}</div>}\n              {description && <div class={CSS.description}>{description}</div>}\n            </div>\n            <slot\n              data-name=\"ContentEnd\"\n              name={SLOTS.contentEnd}\n              onSlotchange={this.handleSlotChange}\n            />\n          </div>\n          <slot\n            data-name=\"ContentBottom\"\n            name={SLOTS.contentBottom}\n            onSlotchange={this.handleSlotChange}\n          />\n        </div>\n      </div>\n    );\n  }\n\n  render(): VNode {\n    const { disabled } = this;\n\n    return (\n      <InteractiveContainer disabled={disabled}>\n        {this.href ? (\n          <calcite-link disabled={disabled} href={this.href}>\n            {this.renderTile()}\n          </calcite-link>\n        ) : (\n          this.renderTile()\n        )}\n      </InteractiveContainer>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/calcite/p-751f67e1.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.9.0-next.20
+ */
+import{r as t,c as o,h as e,H as a,g as i}from"./p-e48d006d.js";import{c as s,d as n}from"./p-0af75a98.js";import{s as r}from"./p-99726b90.js";import{s as c,a as d,c as l}from"./p-bf0746a3.js";import{c as p,d as h}from"./p-8e3a4720.js";import{u,c as f,d as x,s as g}from"./p-dd1ec8aa.js";import{t as b,E as m}from"./p-601d8185.js";import{c as y}from"./p-2fec90cc.js";import"./p-c26dde6d.js";import"./p-57e21d44.js";import"./p-ae81e665.js";import"./p-70c530fa.js";import"./p-0e14f6ba.js";import"./p-8056b9f5.js";const w={actionGroupEnd:"action-group--end",container:"container"};const v={expandTooltip:"expand-tooltip"};const j=":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{display:block}@keyframes in{0%{opacity:0}100%{opacity:1}}:host{animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.125rem;--calcite-action-pad-expanded-max-width:auto;background:transparent}:host([expanded][layout=vertical]) .container{max-inline-size:var(--calcite-action-pad-expanded-max-width)}::slotted(calcite-action-group){border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);padding-block:0px}.container{display:inline-flex;flex-direction:column;overflow-y:auto;border-radius:0.25rem;background-color:var(--calcite-color-background);--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.action-group--bottom{flex-grow:1;justify-content:flex-end;padding-block-end:0px}:host([layout=horizontal]) .container{flex-direction:row}:host([layout=horizontal]) .container .action-group--bottom{padding:0px}:host([layout=horizontal]) .container ::slotted(calcite-action-group){border-width:0px;padding:0px;border-inline-end-width:1px}::slotted(calcite-action-group:last-child){border-block-end-width:0px}:host([hidden]){display:none}[hidden]{display:none}";const k=j;const z=class{constructor(e){t(this,e);this.calciteActionPadToggle=o(this,"calciteActionPadToggle",6);this.mutationObserver=y("mutation",(()=>this.setGroupLayout(Array.from(this.el.querySelectorAll("calcite-action-group")))));this.actionMenuOpenHandler=t=>{if(t.target.menuOpen){const o=t.composedPath();Array.from(this.el.querySelectorAll("calcite-action-group")).forEach((t=>{if(!o.includes(t)){t.menuOpen=false}}))}};this.toggleExpand=()=>{this.expanded=!this.expanded;this.calciteActionPadToggle.emit()};this.setExpandToggleRef=t=>{this.expandToggleEl=t};this.handleDefaultSlotChange=t=>{const o=r(t).filter((t=>t?.matches("calcite-action-group")));this.setGroupLayout(o)};this.handleTooltipSlotChange=t=>{const o=r(t).filter((t=>t?.matches("calcite-tooltip")));this.expandTooltip=o[0]};this.actionsEndGroupLabel=undefined;this.expandDisabled=false;this.expanded=false;this.layout="vertical";this.position=undefined;this.scale=undefined;this.messages=undefined;this.messageOverrides=undefined;this.overlayPositioning="absolute";this.expandTooltip=undefined;this.effectiveLocale="";this.defaultMessages=undefined}expandedHandler(t){b({el:this.el,expanded:t})}layoutHandler(){this.updateGroups()}onMessagesChange(){}effectiveLocaleChange(){u(this,this.effectiveLocale)}connectedCallback(){s(this);p(this);f(this)}disconnectedCallback(){h(this);x(this);n(this)}async componentWillLoad(){c(this);const{el:t,expanded:o}=this;b({el:t,expanded:o});await g(this)}componentDidLoad(){d(this)}async setFocus(){await l(this);this.el?.focus()}updateGroups(){this.setGroupLayout(Array.from(this.el.querySelectorAll("calcite-action-group")))}setGroupLayout(t){t.forEach((t=>t.layout=this.layout))}renderBottomActionGroup(){const{expanded:t,expandDisabled:o,messages:a,el:i,position:s,toggleExpand:n,scale:r,layout:c,actionsEndGroupLabel:d,overlayPositioning:l}=this;const p=!o?e(m,{collapseText:a.collapse,el:i,expandText:a.expand,expanded:t,position:s,ref:this.setExpandToggleRef,scale:r,toggle:n,tooltip:this.expandTooltip}):null;return p?e("calcite-action-group",{class:w.actionGroupEnd,label:d,layout:c,overlayPositioning:l,scale:r},e("slot",{name:v.expandTooltip,onSlotchange:this.handleTooltipSlotChange}),p):null}render(){return e(a,{key:"d5ac59815e47872f3e04d9147872fade94a82c22",onCalciteActionMenuOpen:this.actionMenuOpenHandler},e("div",{key:"06adf208d6986d6f6414c9526aa9bcd2f4fe7bd9",class:w.container},e("slot",{key:"1f9e4601ef72cd5a19bbfd2b5d4337b6390597f5",onSlotchange:this.handleDefaultSlotChange}),this.renderBottomActionGroup()))}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return i(this)}static get watchers(){return{expanded:["expandedHandler"],layout:["layoutHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};z.style=k;export{z as calcite_action_pad};
+//# sourceMappingURL=p-751f67e1.entry.js.map

package/dist/calcite/p-751f67e1.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","actionGroupEnd","container","SLOTS","expandTooltip","actionPadCss","CalciteActionPadStyle0","ActionPad","this","mutationObserver","createObserver","setGroupLayout","Array","from","el","querySelectorAll","actionMenuOpenHandler","event","target","menuOpen","composedPath","forEach","group","includes","toggleExpand","expanded","calciteActionPadToggle","emit","setExpandToggleRef","expandToggleEl","handleDefaultSlotChange","groups","slotChangeGetAssignedElements","filter","matches","handleTooltipSlotChange","tooltips","expandedHandler","toggleChildActionText","layoutHandler","updateGroups","onMessagesChange","effectiveLocaleChange","updateMessages","effectiveLocale","connectedCallback","connectConditionalSlotComponent","connectLocalized","connectMessages","disconnectedCallback","disconnectLocalized","disconnectMessages","disconnectConditionalSlotComponent","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","setFocus","componentFocusable","focus","layout","renderBottomActionGroup","expandDisabled","messages","position","scale","actionsEndGroupLabel","overlayPositioning","expandToggleNode","h","ExpandToggle","collapseText","collapse","expandText","expand","ref","toggle","tooltip","class","label","name","onSlotchange","render","Host","key","onCalciteActionMenuOpen"],"sources":["src/components/action-pad/resources.ts","src/components/action-pad/action-pad.scss?tag=calcite-action-pad&encapsulation=shadow","src/components/action-pad/action-pad.tsx"],"sourcesContent":["export const CSS = {\n  actionGroupEnd: \"action-group--end\",\n  container: \"container\",\n};\n\nexport const SLOTS = {\n  expandTooltip: \"expand-tooltip\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-action-pad-expanded-max-width: When `layout` is `\"vertical\"`, specifies the expanded max width of the component.\n */\n\n:host {\n  @extend %component-host;\n  @apply animate-in block rounded-sm;\n  --calcite-action-pad-expanded-max-width: auto;\n  background: transparent;\n}\n\n:host([expanded][layout=\"vertical\"]) .container {\n  max-inline-size: var(--calcite-action-pad-expanded-max-width);\n}\n\n::slotted(calcite-action-group) {\n  @apply border-color-3\n  border-0\n  border-b\n  border-solid\n  pb-0 pt-0;\n}\n\n.container {\n  @apply bg-background\n  shadow-2\n  inline-flex\n  flex-col\n  overflow-y-auto\n  rounded;\n}\n\n.action-group--bottom {\n  @apply flex-grow justify-end pb-0;\n}\n\n:host([layout=\"horizontal\"]) {\n  .container {\n    @apply flex-row;\n    .action-group--bottom {\n      @apply p-0;\n    }\n    ::slotted(calcite-action-group) {\n      @apply border-0\n      p-0;\n      border-inline-end-width: theme(\"borderWidth.DEFAULT\");\n    }\n  }\n}\n\n::slotted(calcite-action-group:last-child) {\n  @apply border-b-0;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { slotChangeGetAssignedElements } from \"../../utils/dom\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { ExpandToggle, toggleChildActionText } from \"../functional/ExpandToggle\";\nimport { Layout, Position, Scale } from \"../interfaces\";\nimport { createObserver } from \"../../utils/observers\";\nimport { OverlayPositioning } from \"../../utils/floating-ui\";\nimport { ActionPadMessages } from \"./assets/action-pad/t9n\";\nimport { CSS, SLOTS } from \"./resources\";\n\n/**\n * @slot - A slot for adding `calcite-action`s to the component.\n * @slot expand-tooltip - A slot to set the `calcite-tooltip` for the expand toggle.\n */\n@Component({\n  tag: \"calcite-action-pad\",\n  styleUrl: \"action-pad.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n  assetsDirs: [\"assets\"],\n})\nexport class ActionPad\n  implements ConditionalSlotComponent, LoadableComponent, LocalizedComponent, T9nComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Specifies the accessible label for the last `calcite-action-group`.\n   */\n  @Prop() actionsEndGroupLabel: string;\n\n  /**\n   * When `true`, the expand-toggling behavior is disabled.\n   */\n  @Prop({ reflect: true }) expandDisabled = false;\n\n  /**\n   * When `true`, the component is expanded.\n   */\n  @Prop({ reflect: true, mutable: true }) expanded = false;\n\n  @Watch(\"expanded\")\n  expandedHandler(expanded: boolean): void {\n    toggleChildActionText({ el: this.el, expanded });\n  }\n\n  /**\n   * Indicates the layout of the component.\n   */\n  @Prop({ reflect: true }) layout: Layout = \"vertical\";\n\n  @Watch(\"layout\")\n  layoutHandler(): void {\n    this.updateGroups();\n  }\n\n  /**\n   * Arranges the component depending on the element's `dir` property.\n   */\n  @Prop({ reflect: true }) position: Position;\n\n  /**\n   * Specifies the size of the expand `calcite-action`.\n   */\n  @Prop({ reflect: true }) scale: Scale;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: ActionPadMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<ActionPadMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * Determines the type of positioning to use for the overlaid content.\n   *\n   * Using `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\n   *\n   * `\"fixed\"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`.\n   *\n   */\n  @Prop({ reflect: true }) overlayPositioning: OverlayPositioning = \"absolute\";\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Fires when the `expanded` property is toggled.\n   */\n  @Event({ cancelable: false }) calciteActionPadToggle: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteActionPadElement;\n\n  @State() expandTooltip: HTMLCalciteTooltipElement;\n\n  mutationObserver = createObserver(\"mutation\", () =>\n    this.setGroupLayout(Array.from(this.el.querySelectorAll(\"calcite-action-group\"))),\n  );\n\n  expandToggleEl: HTMLCalciteActionElement;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: ActionPadMessages;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    disconnectConditionalSlotComponent(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    const { el, expanded } = this;\n    toggleChildActionText({ el, expanded });\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Sets focus on the component's first focusable element.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    this.el?.focus();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  actionMenuOpenHandler = (event: CustomEvent<void>): void => {\n    if ((event.target as HTMLCalciteActionGroupElement).menuOpen) {\n      const composedPath = event.composedPath();\n      Array.from(this.el.querySelectorAll(\"calcite-action-group\")).forEach((group) => {\n        if (!composedPath.includes(group)) {\n          group.menuOpen = false;\n        }\n      });\n    }\n  };\n\n  toggleExpand = (): void => {\n    this.expanded = !this.expanded;\n    this.calciteActionPadToggle.emit();\n  };\n\n  setExpandToggleRef = (el: HTMLCalciteActionElement): void => {\n    this.expandToggleEl = el;\n  };\n\n  updateGroups(): void {\n    this.setGroupLayout(Array.from(this.el.querySelectorAll(\"calcite-action-group\")));\n  }\n\n  setGroupLayout(groups: HTMLCalciteActionGroupElement[]): void {\n    groups.forEach((group) => (group.layout = this.layout));\n  }\n\n  handleDefaultSlotChange = (event: Event): void => {\n    const groups = slotChangeGetAssignedElements(event).filter((el) =>\n      el?.matches(\"calcite-action-group\"),\n    ) as HTMLCalciteActionGroupElement[];\n\n    this.setGroupLayout(groups);\n  };\n\n  handleTooltipSlotChange = (event: Event): void => {\n    const tooltips = slotChangeGetAssignedElements(event).filter((el) =>\n      el?.matches(\"calcite-tooltip\"),\n    ) as HTMLCalciteTooltipElement[];\n\n    this.expandTooltip = tooltips[0];\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Component Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderBottomActionGroup(): VNode {\n    const {\n      expanded,\n      expandDisabled,\n      messages,\n      el,\n      position,\n      toggleExpand,\n      scale,\n      layout,\n      actionsEndGroupLabel,\n      overlayPositioning,\n    } = this;\n\n    const expandToggleNode = !expandDisabled ? (\n      <ExpandToggle\n        collapseText={messages.collapse}\n        el={el}\n        expandText={messages.expand}\n        expanded={expanded}\n        position={position}\n        ref={this.setExpandToggleRef}\n        scale={scale}\n        toggle={toggleExpand}\n        tooltip={this.expandTooltip}\n      />\n    ) : null;\n\n    return expandToggleNode ? (\n      <calcite-action-group\n        class={CSS.actionGroupEnd}\n        label={actionsEndGroupLabel}\n        layout={layout}\n        overlayPositioning={overlayPositioning}\n        scale={scale}\n      >\n        <slot name={SLOTS.expandTooltip} onSlotchange={this.handleTooltipSlotChange} />\n        {expandToggleNode}\n      </calcite-action-group>\n    ) : null;\n  }\n\n  render(): VNode {\n    return (\n      <Host onCalciteActionMenuOpen={this.actionMenuOpenHandler}>\n        <div class={CSS.container}>\n          <slot onSlotchange={this.handleDefaultSlotChange} />\n          {this.renderBottomActionGroup()}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}