@esri/calcite-components 1.0.0-next.686 → 1.0.0-next.688

package/dist/calcite/{p-22bd55ca.js → p-f54d786c.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.686
+ * v1.0.0-next.688
  */
-import{f as t,g as i,t as s}from"./p-cafac5b3.js";import{g as n}from"./p-319cf9bc.js";import{d as e}from"./p-7dfe187f.js";import{h as a,H as o}from"./p-b6fcce91.js";const c={heading:"heading",container:"container",indented:"container--indented"},r={parentItem:"parent-item"};function l(){this.setUpItems(),this.setUpFilter(),this.deselectRemovedItems()}const h=["ArrowUp","ArrowDown"];function u(){this.setUpItems(),this.setUpFilter(),this.emitCalciteListChange=e(F.bind(this),0),this.emitCalciteListFilter=e(A.bind(this),0)}function f(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}function d(){this.mutationObserver?.disconnect()}function m(i){const{selectedValues:s}=this,{item:n,value:e,selected:a,shiftPressed:o}=i.detail;a?(this.multiple&&o&&this.selectSiblings(n),this.multiple||this.deselectSiblingItems(n),s.set(e,n)):(s.delete(e),this.multiple&&o&&this.selectSiblings(n,!0)),this.multiple||(y(n,a),a&&t(n)),this.lastSelectedItem=n,this.emitCalciteListChange()}function p(t){const i=t.detail.oldValue,s=this.selectedValues;if(s.has(i)){const n=s.get(i);s.delete(i),s.set(t.detail.newValue,n)}t.stopPropagation()}function g(t){const{el:i,items:s,multiple:n,selectedValues:e}=this;n||i.contains(t.relatedTarget)||x(s).forEach((i=>{y(i,0===e.size?i.contains(t.target)||t.target===i:i.selected)}))}function v(i){const{key:s,target:n}=i;if(!function(t){return!!h.find((i=>i===t))}(s))return;const{items:e,multiple:a,selectionFollowsFocus:o}=this,{length:c}=e,r=e.indexOf(n);if(!c||-1===r)return;i.preventDefault();const l=e[b(this,n,"ArrowUp"===s?"up":"down")];e.forEach((t=>y(t,t===l))),!a&&o&&(l.selected=!0),t(l)}function b(t,i,s){const{items:e}=t,{length:a}=e,o=e.indexOf(i),c="up"===s?-1:1;let r=1,l=n(o+c*r++,a);const h=l;for(;e[l].disabled&&(l=n(o+c*r++,a),l!==h););return l}function w(t,i){const{items:s}=t;return s.indexOf(i)}function x(t){return t.filter((t=>!t.disabled))}function A(){this.calciteListFilter.emit()}function F(){this.calciteListChange.emit(this.selectedValues)}function E(t){if(t.defaultPrevented)return;const i=t.target,s=this.selectedValues;"CALCITE-PICK-LIST-GROUP"===i.parentElement.tagName&&i.slot===r.parentItem?(i.parentElement.remove(),Array.from(i.parentElement.children).forEach((t=>s.delete(t.value)))):(i.remove(),s.delete(i.value)),this.emitCalciteListChange()}function y(t,i){t.disabled||(i?t.removeAttribute("tabindex"):t.setAttribute("tabindex","-1"))}async function C(i){if(this.filterEnabled&&"filter"===i)return void await t(this.filterEl);const{items:s,multiple:n,selectionFollowsFocus:e}=this;if(0===s.length)return;if(n)return x(s)[0]?.setFocus();const a=x(s),o=a.find((t=>t.selected))||a[0];return e&&o&&(o.selected=!0),o.setFocus()}function k(t){this.items=Array.from(this.el.querySelectorAll(t));let i=!1;const{items:s}=this;s.forEach((t=>{t.icon=this.getIconType(),this.multiple||(t.deselectDisabled=!0,y(t,!1)),t.selected&&(i=!0,y(t,!0),this.selectedValues.set(t.value,t))}));const[n]=s;i||!n||n.disabled||y(n,!0)}function I(){const t=this.selectedValues,i=this.items.map((({value:t})=>t));t.forEach((t=>{i.includes(t.value)||this.selectedValues.delete(t.value)}))}function j(t){this.items.forEach((i=>{i.value!==t.value&&(i.toggleSelected(!1),this.selectedValues.has(i.value)&&this.selectedValues.delete(i.value))}))}function S(t,i=!1){if(!this.lastSelectedItem)return;const{items:s}=this,n=s.findIndex((t=>t.value===this.lastSelectedItem.value)),e=s.findIndex((i=>i.value===t.value));s.slice(Math.min(n,e),Math.max(n,e)).forEach((t=>{t.toggleSelected(!i),i?this.selectedValues.delete(t.value):this.selectedValues.set(t.value,t)}))}let L;function P(t=!1){const{filteredData:s,filterText:n}=this,e=s.map((t=>t.value));let a=!1;L||(L=new Set);const o=this.items?.filter((t=>{const i=t.parentElement;i.matches("calcite-pick-list-group")&&L.add(i);const s=!n||e.includes(t.value);return t.hidden=!s,a||(a=s&&t.selected),s}))||[];L.forEach((t=>{const s=o.some((i=>t.contains(i)));if(t.hidden=!s,!s)return;const n=i(t,"parent-item");n&&(n.hidden=!1,o.includes(n)&&Array.from(t.children).forEach((t=>t.hidden=!1)))})),L.clear(),o.length>0&&!a&&!this.multiple&&y(o[0],!0),this.setFilteredItems(o),t&&this.emitCalciteListFilter()}function T(){const t=this.filterEl?.filteredItems;t&&(this.filteredData=t),this.handleFilter()}function D(t){t.stopPropagation();const{filteredItems:i,value:s}=t.currentTarget;this.filterText=s,this.filteredData=i,this.handleFilter(!0)}function U(){return this.items.map((t=>({label:t.label,description:t.description,metadata:t.metadata,value:t.value})))}var q;!function(t){t.circle="circle",t.square="square",t.grip="grip"}(q||(q={}));const M=({props:{disabled:t,loading:i,filterEnabled:n,dataForFilter:e,handleFilterEvent:c,filterPlaceholder:r,filterText:l,setFilterEl:h,dragEnabled:u,storeAssistiveEl:f},...d})=>{const m=a("slot",null);return a(o,{"aria-busy":s(i),role:"menu",...d},a("section",null,u?a("span",{"aria-live":"assertive",class:"assistive-text",ref:f}):null,a("header",{class:{"sticky-pos":!0}},n?a("calcite-filter",{"aria-label":r,disabled:i||t,items:e,onCalciteFilterChange:c,placeholder:r,ref:h,value:l}):null,a("slot",{name:"menu-actions"})),i?a("calcite-scrim",{loading:i}):null,m))},V={actions:"actions",actionsEnd:"actions--end",actionsStart:"actions--start",description:"description",handle:"handle",handleActivated:"handle--activated",highlight:"highlight",icon:"icon",iconDot:"icon-dot",label:"label",remove:"remove",title:"title",textContainer:"text-container"},G={checked:"check",remove:"x"},H={actionsEnd:"actions-end",actionsStart:"actions-start"};export{V as C,q as I,M as L,H as S,j as a,D as b,U as c,I as d,b as e,f,w as g,P as h,u as i,T as j,v as k,d as l,l as m,g as n,m as o,p,k as q,E as r,S as s,C as t,r as u,c as v,G as w}
+import{f as t,g as i,t as s}from"./p-d23f9a48.js";import{g as n}from"./p-9c35ac3e.js";import{d as e}from"./p-ce88d255.js";import{h as a,H as o}from"./p-6bf81193.js";const c={heading:"heading",container:"container",indented:"container--indented"},r={parentItem:"parent-item"};function l(){this.setUpItems(),this.setUpFilter(),this.deselectRemovedItems()}const h=["ArrowUp","ArrowDown"];function u(){this.setUpItems(),this.setUpFilter(),this.emitCalciteListChange=e(F.bind(this),0),this.emitCalciteListFilter=e(A.bind(this),0)}function f(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}function d(){this.mutationObserver?.disconnect()}function m(i){const{selectedValues:s}=this,{item:n,value:e,selected:a,shiftPressed:o}=i.detail;a?(this.multiple&&o&&this.selectSiblings(n),this.multiple||this.deselectSiblingItems(n),s.set(e,n)):(s.delete(e),this.multiple&&o&&this.selectSiblings(n,!0)),this.multiple||(y(n,a),a&&t(n)),this.lastSelectedItem=n,this.emitCalciteListChange()}function p(t){const i=t.detail.oldValue,s=this.selectedValues;if(s.has(i)){const n=s.get(i);s.delete(i),s.set(t.detail.newValue,n)}t.stopPropagation()}function g(t){const{el:i,items:s,multiple:n,selectedValues:e}=this;n||i.contains(t.relatedTarget)||x(s).forEach((i=>{y(i,0===e.size?i.contains(t.target)||t.target===i:i.selected)}))}function v(i){const{key:s,target:n}=i;if(!function(t){return!!h.find((i=>i===t))}(s))return;const{items:e,multiple:a,selectionFollowsFocus:o}=this,{length:c}=e,r=e.indexOf(n);if(!c||-1===r)return;i.preventDefault();const l=e[b(this,n,"ArrowUp"===s?"up":"down")];e.forEach((t=>y(t,t===l))),!a&&o&&(l.selected=!0),t(l)}function b(t,i,s){const{items:e}=t,{length:a}=e,o=e.indexOf(i),c="up"===s?-1:1;let r=1,l=n(o+c*r++,a);const h=l;for(;e[l].disabled&&(l=n(o+c*r++,a),l!==h););return l}function w(t,i){const{items:s}=t;return s.indexOf(i)}function x(t){return t.filter((t=>!t.disabled))}function A(){this.calciteListFilter.emit()}function F(){this.calciteListChange.emit(this.selectedValues)}function E(t){if(t.defaultPrevented)return;const i=t.target,s=this.selectedValues;"CALCITE-PICK-LIST-GROUP"===i.parentElement.tagName&&i.slot===r.parentItem?(i.parentElement.remove(),Array.from(i.parentElement.children).forEach((t=>s.delete(t.value)))):(i.remove(),s.delete(i.value)),this.emitCalciteListChange()}function y(t,i){t.disabled||(i?t.removeAttribute("tabindex"):t.setAttribute("tabindex","-1"))}async function C(i){if(this.filterEnabled&&"filter"===i)return void await t(this.filterEl);const{items:s,multiple:n,selectionFollowsFocus:e}=this;if(0===s.length)return;if(n)return x(s)[0]?.setFocus();const a=x(s),o=a.find((t=>t.selected))||a[0];return e&&o&&(o.selected=!0),o.setFocus()}function k(t){this.items=Array.from(this.el.querySelectorAll(t));let i=!1;const{items:s}=this;s.forEach((t=>{t.icon=this.getIconType(),this.multiple||(t.deselectDisabled=!0,y(t,!1)),t.selected&&(i=!0,y(t,!0),this.selectedValues.set(t.value,t))}));const[n]=s;i||!n||n.disabled||y(n,!0)}function I(){const t=this.selectedValues,i=this.items.map((({value:t})=>t));t.forEach((t=>{i.includes(t.value)||this.selectedValues.delete(t.value)}))}function j(t){this.items.forEach((i=>{i.value!==t.value&&(i.toggleSelected(!1),this.selectedValues.has(i.value)&&this.selectedValues.delete(i.value))}))}function S(t,i=!1){if(!this.lastSelectedItem)return;const{items:s}=this,n=s.findIndex((t=>t.value===this.lastSelectedItem.value)),e=s.findIndex((i=>i.value===t.value));s.slice(Math.min(n,e),Math.max(n,e)).forEach((t=>{t.toggleSelected(!i),i?this.selectedValues.delete(t.value):this.selectedValues.set(t.value,t)}))}let L;function P(t=!1){const{filteredData:s,filterText:n}=this,e=s.map((t=>t.value));let a=!1;L||(L=new Set);const o=this.items?.filter((t=>{const i=t.parentElement;i.matches("calcite-pick-list-group")&&L.add(i);const s=!n||e.includes(t.value);return t.hidden=!s,a||(a=s&&t.selected),s}))||[];L.forEach((t=>{const s=o.some((i=>t.contains(i)));if(t.hidden=!s,!s)return;const n=i(t,"parent-item");n&&(n.hidden=!1,o.includes(n)&&Array.from(t.children).forEach((t=>t.hidden=!1)))})),L.clear(),o.length>0&&!a&&!this.multiple&&y(o[0],!0),this.setFilteredItems(o),t&&this.emitCalciteListFilter()}function T(){const t=this.filterEl?.filteredItems;t&&(this.filteredData=t),this.handleFilter()}function D(t){t.stopPropagation();const{filteredItems:i,value:s}=t.currentTarget;this.filterText=s,this.filteredData=i,this.handleFilter(!0)}function U(){return this.items.map((t=>({label:t.label,description:t.description,metadata:t.metadata,value:t.value})))}var q;!function(t){t.circle="circle",t.square="square",t.grip="grip"}(q||(q={}));const M=({props:{disabled:t,loading:i,filterEnabled:n,dataForFilter:e,handleFilterEvent:c,filterPlaceholder:r,filterText:l,setFilterEl:h,dragEnabled:u,storeAssistiveEl:f},...d})=>{const m=a("slot",null);return a(o,{"aria-busy":s(i),role:"menu",...d},a("section",null,u?a("span",{"aria-live":"assertive",class:"assistive-text",ref:f}):null,a("header",{class:{"sticky-pos":!0}},n?a("calcite-filter",{"aria-label":r,disabled:i||t,items:e,onCalciteFilterChange:c,placeholder:r,ref:h,value:l}):null,a("slot",{name:"menu-actions"})),i?a("calcite-scrim",{loading:i}):null,m))},V={actions:"actions",actionsEnd:"actions--end",actionsStart:"actions--start",description:"description",handle:"handle",handleActivated:"handle--activated",highlight:"highlight",icon:"icon",iconDot:"icon-dot",label:"label",remove:"remove",title:"title",textContainer:"text-container"},G={checked:"check",remove:"x"},H={actionsEnd:"actions-end",actionsStart:"actions-start"};export{V as C,q as I,M as L,H as S,j as a,D as b,U as c,I as d,b as e,f,w as g,P as h,u as i,T as j,v as k,d as l,l as m,g as n,m as o,p,k as q,E as r,S as s,C as t,r as u,c as v,G as w}

package/dist/calcite/{p-26604cdc.js → p-fa950085.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.686
+ * v1.0.0-next.688
  */
 const e={backButton:"back-button",container:"container",header:"header",heading:"heading",summary:"summary",description:"description",headerContent:"header-content",headerActions:"header-actions",headerActionsEnd:"header-actions--end",headerActionsStart:"header-actions--start",contentWrapper:"content-wrapper",contentContainer:"content-container",contentHeight:"content-height",fabContainer:"fab-container",footer:"footer"},t={close:"x",menu:"ellipsis",backLeft:"chevron-left",backRight:"chevron-right"},n={headerActionsStart:"header-actions-start",headerActionsEnd:"header-actions-end",headerMenuActions:"header-menu-actions",headerContent:"header-content",fab:"fab",footer:"footer",footerActions:"footer-actions"};export{e as C,t as I,n as S}

package/dist/calcite/{p-9deaa309.entry.js → p-fcf778e7.entry.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.686
+ * v1.0.0-next.688
  */
-import{r as t,c as i,h as a,H as e,g as o}from"./p-b6fcce91.js";import{b as s}from"./p-cafac5b3.js";import{S as n}from"./p-26604cdc.js";import{u as c}from"./p-f463abfb.js";import{c as l,d as r}from"./p-1cb2d5b4.js";import{c as d,s as h,d as m,u as f}from"./p-61e195c0.js";import{s as p,a as u,c as b}from"./p-ede72305.js";import"./p-db3efad1.js";import"./p-4f1a0bed.js";import"./p-f0bbc245.js";import"./p-198a7d55.js";const g=class{constructor(a){t(this,a),this.calciteFlowItemBack=i(this,"calciteFlowItemBack",6),this.calciteFlowItemScroll=i(this,"calciteFlowItemScroll",6),this.calciteFlowItemClose=i(this,"calciteFlowItemClose",6),this.handlePanelScroll=t=>{t.stopPropagation(),this.calciteFlowItemScroll.emit()},this.handlePanelClose=t=>{t.stopPropagation(),this.calciteFlowItemClose.emit()},this.backButtonClick=()=>{this.calciteFlowItemBack.emit()},this.setBackRef=t=>{this.backButtonEl=t},this.setContainerRef=t=>{this.containerEl=t},this.closable=!1,this.closed=!1,this.beforeBack=void 0,this.description=void 0,this.disabled=!1,this.heading=void 0,this.headingLevel=void 0,this.heightScale=void 0,this.loading=!1,this.menuOpen=!1,this.messageOverrides=void 0,this.messages=void 0,this.showBackButton=!1,this.widthScale=void 0,this.backButtonEl=void 0,this.defaultMessages=void 0,this.effectiveLocale=""}onMessagesChange(){}connectedCallback(){l(this),d(this)}async componentWillLoad(){await h(this),p(this)}componentDidRender(){c(this)}disconnectedCallback(){r(this),m(this)}componentDidLoad(){u(this)}effectiveLocaleChange(){f(this,this.effectiveLocale)}async setFocus(){await b(this);const{backButtonEl:t,containerEl:i}=this;t?t.setFocus():i?.setFocus()}async scrollContentTo(t){await(this.containerEl?.scrollContentTo(t))}renderBackButton(){const{el:t}=this,i="rtl"===s(t),{showBackButton:e,backButtonClick:o,messages:n}=this,c=n.back;return e?a("calcite-action",{"aria-label":c,class:"back-button",icon:i?"chevron-right":"chevron-left",key:"flow-back-button",onClick:o,ref:this.setBackRef,scale:"s",slot:"header-actions-start",text:c}):null}render(){const{closable:t,closed:i,description:o,disabled:s,heading:c,headingLevel:l,heightScale:r,loading:d,menuOpen:h,messages:m,widthScale:f,backButtonEl:p}=this,u=m.back;return a(e,null,a("calcite-panel",{closable:t,closed:i,description:o,disabled:s,heading:c,headingLevel:l,heightScale:r,loading:d,menuOpen:h,messageOverrides:m,onCalcitePanelClose:this.handlePanelClose,onCalcitePanelScroll:this.handlePanelScroll,ref:this.setContainerRef,widthScale:f},this.renderBackButton(),a("slot",{name:"header-actions-start",slot:n.headerActionsStart}),a("slot",{name:"header-actions-end",slot:n.headerActionsEnd}),a("slot",{name:"header-content",slot:n.headerContent}),a("slot",{name:"header-menu-actions",slot:n.headerMenuActions}),a("slot",{name:"fab",slot:n.fab}),a("slot",{name:"footer-actions",slot:n.footerActions}),a("slot",{name:"footer",slot:n.footer}),a("slot",null)),p?a("calcite-tooltip",{label:u,overlayPositioning:"fixed",placement:"top",referenceElement:p},u):null)}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};g.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:host{box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{position:relative;display:flex;inline-size:100%;flex:1 1 auto;overflow:hidden}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3);border-inline-end-width:1px}";export{g as calcite_flow_item}
+import{r as t,c as i,h as a,H as e,g as o}from"./p-6bf81193.js";import{b as s}from"./p-d23f9a48.js";import{S as n}from"./p-fa950085.js";import{u as c}from"./p-614ab3a0.js";import{c as l,d as r}from"./p-47708aa1.js";import{c as d,s as h,d as m,u as f}from"./p-e7becc39.js";import{s as p,a as u,c as b}from"./p-8baf2174.js";import"./p-1d439742.js";import"./p-e110ef0c.js";import"./p-50c38192.js";import"./p-ff3474f4.js";const g=class{constructor(a){t(this,a),this.calciteFlowItemBack=i(this,"calciteFlowItemBack",6),this.calciteFlowItemScroll=i(this,"calciteFlowItemScroll",6),this.calciteFlowItemClose=i(this,"calciteFlowItemClose",6),this.handlePanelScroll=t=>{t.stopPropagation(),this.calciteFlowItemScroll.emit()},this.handlePanelClose=t=>{t.stopPropagation(),this.calciteFlowItemClose.emit()},this.backButtonClick=()=>{this.calciteFlowItemBack.emit()},this.setBackRef=t=>{this.backButtonEl=t},this.setContainerRef=t=>{this.containerEl=t},this.closable=!1,this.closed=!1,this.beforeBack=void 0,this.description=void 0,this.disabled=!1,this.heading=void 0,this.headingLevel=void 0,this.heightScale=void 0,this.loading=!1,this.menuOpen=!1,this.messageOverrides=void 0,this.messages=void 0,this.showBackButton=!1,this.widthScale=void 0,this.backButtonEl=void 0,this.defaultMessages=void 0,this.effectiveLocale=""}onMessagesChange(){}connectedCallback(){l(this),d(this)}async componentWillLoad(){await h(this),p(this)}componentDidRender(){c(this)}disconnectedCallback(){r(this),m(this)}componentDidLoad(){u(this)}effectiveLocaleChange(){f(this,this.effectiveLocale)}async setFocus(){await b(this);const{backButtonEl:t,containerEl:i}=this;t?t.setFocus():i?.setFocus()}async scrollContentTo(t){await(this.containerEl?.scrollContentTo(t))}renderBackButton(){const{el:t}=this,i="rtl"===s(t),{showBackButton:e,backButtonClick:o,messages:n}=this,c=n.back;return e?a("calcite-action",{"aria-label":c,class:"back-button",icon:i?"chevron-right":"chevron-left",key:"flow-back-button",onClick:o,ref:this.setBackRef,scale:"s",slot:"header-actions-start",text:c}):null}render(){const{closable:t,closed:i,description:o,disabled:s,heading:c,headingLevel:l,heightScale:r,loading:d,menuOpen:h,messages:m,widthScale:f,backButtonEl:p}=this,u=m.back;return a(e,null,a("calcite-panel",{closable:t,closed:i,description:o,disabled:s,heading:c,headingLevel:l,heightScale:r,loading:d,menuOpen:h,messageOverrides:m,onCalcitePanelClose:this.handlePanelClose,onCalcitePanelScroll:this.handlePanelScroll,ref:this.setContainerRef,widthScale:f},this.renderBackButton(),a("slot",{name:"header-actions-start",slot:n.headerActionsStart}),a("slot",{name:"header-actions-end",slot:n.headerActionsEnd}),a("slot",{name:"header-content",slot:n.headerContent}),a("slot",{name:"header-menu-actions",slot:n.headerMenuActions}),a("slot",{name:"fab",slot:n.fab}),a("slot",{name:"footer-actions",slot:n.footerActions}),a("slot",{name:"footer",slot:n.footer}),a("slot",null)),p?a("calcite-tooltip",{label:u,overlayPositioning:"fixed",placement:"top",referenceElement:p},u):null)}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};g.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:host{box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{position:relative;display:flex;inline-size:100%;flex:1 1 auto;overflow:hidden}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3);border-inline-end-width:1px}";export{g as calcite_flow_item}

package/dist/calcite/{p-055ab9b3.entry.js → p-fd49ba77.entry.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.686
+ * v1.0.0-next.688
  */
-import{a as i,r as a,h as t,H as n,g as e}from"./p-b6fcce91.js";import{b as c,t as s}from"./p-cafac5b3.js";import{c as o}from"./p-198a7d55.js";import"./p-db3efad1.js";import"./p-4f1a0bed.js";const l={},r={},m={s:16,m:24,l:32};const d=class{constructor(i){a(this,i),this.icon=null,this.flipRtl=!1,this.scale="m",this.textLabel=void 0,this.pathData=void 0,this.visible=!1}connectedCallback(){this.waitUntilVisible((()=>{this.visible=!0,this.loadIconPathData()}))}disconnectedCallback(){this.intersectionObserver?.disconnect(),this.intersectionObserver=null}async componentWillLoad(){this.loadIconPathData()}render(){const{el:i,flipRtl:a,pathData:e,scale:o,textLabel:l}=this,r=c(i),d=m[o],h=!!l,f=[].concat(e||"");return t(n,{"aria-hidden":s(!h),"aria-label":h?l:null,role:h?"img":null},t("svg",{class:{"flip-rtl":"rtl"===r&&a,svg:!0},fill:"currentColor",height:"100%",viewBox:`0 0 ${d} ${d}`,width:"100%",xmlns:"http://www.w3.org/2000/svg"},f.map((i=>t("path","string"==typeof i?{d:i}:{d:i.d,opacity:"opacity"in i?i.opacity:1})))))}async loadIconPathData(){const{icon:a,scale:t,visible:n}=this;a&&n&&(this.pathData=await async function({icon:a,scale:t}){const n=m[t],e=function(i){const a=!isNaN(Number(i.charAt(0))),t=i.split("-");return 1===t.length?a?`i${i}`:i:t.map(((i,t)=>0===t?a?`i${i.toUpperCase()}`:i:i.charAt(0).toUpperCase()+i.slice(1))).join("")}(a),c="F"===e.charAt(e.length-1),s=`${c?e.substring(0,e.length-1):e}${n}${c?"F":""}`;if(l[s])return l[s];r[s]||(r[s]=fetch(i(`./assets/icon/${s}.json`)).then((i=>i.json())).catch((()=>(console.error(`"${s}" is not a valid calcite-ui-icon name`),""))));const o=await r[s];return l[s]=o,o}({icon:a,scale:t}))}waitUntilVisible(i){this.intersectionObserver=o("intersection",(a=>{a.forEach((a=>{a.isIntersecting&&(this.intersectionObserver.disconnect(),this.intersectionObserver=null,i())}))}),{rootMargin:"50px"}),this.intersectionObserver?this.intersectionObserver.observe(this.el):i()}static get assetsDirs(){return["assets"]}get el(){return e(this)}static get watchers(){return{icon:["loadIconPathData"],scale:["loadIconPathData"]}}};d.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host{display:inline-flex;color:var(--calcite-ui-icon-color)}:host([scale=s]){block-size:1rem;inline-size:1rem;min-inline-size:1rem;min-block-size:1rem}:host([scale=m]){block-size:1.5rem;inline-size:1.5rem;min-inline-size:1.5rem;min-block-size:1.5rem}:host([scale=l]){block-size:2rem;inline-size:2rem;min-inline-size:2rem;min-block-size:2rem}.flip-rtl{transform:scaleX(-1)}.svg{display:block}";export{d as calcite_icon}
+import{a as i,r as a,h as t,H as n,g as e}from"./p-6bf81193.js";import{b as c,t as s}from"./p-d23f9a48.js";import{c as o}from"./p-ff3474f4.js";import"./p-1d439742.js";import"./p-e110ef0c.js";const l={},r={},m={s:16,m:24,l:32};const f=class{constructor(i){a(this,i),this.icon=null,this.flipRtl=!1,this.scale="m",this.textLabel=void 0,this.pathData=void 0,this.visible=!1}connectedCallback(){this.waitUntilVisible((()=>{this.visible=!0,this.loadIconPathData()}))}disconnectedCallback(){this.intersectionObserver?.disconnect(),this.intersectionObserver=null}async componentWillLoad(){this.loadIconPathData()}render(){const{el:i,flipRtl:a,pathData:e,scale:o,textLabel:l}=this,r=c(i),f=m[o],h=!!l,d=[].concat(e||"");return t(n,{"aria-hidden":s(!h),"aria-label":h?l:null,role:h?"img":null},t("svg",{class:{"flip-rtl":"rtl"===r&&a,svg:!0},fill:"currentColor",height:"100%",viewBox:`0 0 ${f} ${f}`,width:"100%",xmlns:"http://www.w3.org/2000/svg"},d.map((i=>t("path","string"==typeof i?{d:i}:{d:i.d,opacity:"opacity"in i?i.opacity:1})))))}async loadIconPathData(){const{icon:a,scale:t,visible:n}=this;a&&n&&(this.pathData=await async function({icon:a,scale:t}){const n=m[t],e=function(i){const a=!isNaN(Number(i.charAt(0))),t=i.split("-");return 1===t.length?a?`i${i}`:i:t.map(((i,t)=>0===t?a?`i${i.toUpperCase()}`:i:i.charAt(0).toUpperCase()+i.slice(1))).join("")}(a),c="F"===e.charAt(e.length-1),s=`${c?e.substring(0,e.length-1):e}${n}${c?"F":""}`;if(l[s])return l[s];r[s]||(r[s]=fetch(i(`./assets/icon/${s}.json`)).then((i=>i.json())).catch((()=>(console.error(`"${s}" is not a valid calcite-ui-icon name`),""))));const o=await r[s];return l[s]=o,o}({icon:a,scale:t}))}waitUntilVisible(i){this.intersectionObserver=o("intersection",(a=>{a.forEach((a=>{a.isIntersecting&&(this.intersectionObserver.disconnect(),this.intersectionObserver=null,i())}))}),{rootMargin:"50px"}),this.intersectionObserver?this.intersectionObserver.observe(this.el):i()}static get assetsDirs(){return["assets"]}get el(){return e(this)}static get watchers(){return{icon:["loadIconPathData"],scale:["loadIconPathData"]}}};f.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host{display:inline-flex;color:var(--calcite-ui-icon-color)}:host([scale=s]){block-size:1rem;inline-size:1rem;min-inline-size:1rem;min-block-size:1rem}:host([scale=m]){block-size:1.5rem;inline-size:1.5rem;min-inline-size:1.5rem;min-block-size:1.5rem}:host([scale=l]){block-size:2rem;inline-size:2rem;min-inline-size:2rem;min-block-size:2rem}.flip-rtl{transform:scaleX(-1)}.svg{display:block}";export{f as calcite_icon}

package/dist/calcite/{p-198a7d55.js → p-ff3474f4.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.686
+ * v1.0.0-next.688
  */
 function t(t,s,n){return new(function(t){class s extends window.MutationObserver{constructor(t){super(t),this.observedEntry=[],this.callback=t}observe(t,s){return this.observedEntry.push({target:t,options:s}),super.observe(t,s)}unobserve(t){const s=this.observedEntry.filter((s=>s.target!==t));this.observedEntry=[],this.callback(super.takeRecords(),this),this.disconnect(),s.forEach((t=>this.observe(t.target,t.options)))}}return"intersection"===t?window.IntersectionObserver:"mutation"===t?s:window.ResizeObserver}(t))(s,n)}export{t as c}

package/dist/cjs/{ExpandToggle-45756a68.js → ExpandToggle-2f1975a8.js}

@@ -1,14 +1,14 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.686
+ * v1.0.0-next.688
  */
 'use strict';
 
-const index = require('./index-d849f743.js');
-const dom = require('./dom-53afe91f.js');
-const resources = require('./resources-2af6490c.js');
-const resources$1 = require('./resources-9f1b6663.js');
+const index = require('./index-ca650359.js');
+const dom = require('./dom-2db5c855.js');
+const resources = require('./resources-e5ef5941.js');
+const resources$1 = require('./resources-36d2967b.js');
 
 const overflowActionsDebounceInMs = 150;
 const groupBufferPx = 2;

package/dist/cjs/{Heading-6b74fdc4.js → Heading-ab835192.js}

@@ -1,11 +1,11 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.686
+ * v1.0.0-next.688
  */
 'use strict';
 
-const index = require('./index-d849f743.js');
+const index = require('./index-ca650359.js');
 
 function constrainHeadingLevel(level) {
   return Math.min(Math.max(Math.ceil(level), 1), 6);

package/dist/cjs/{app-globals-6c97e8a2.js → app-globals-1e133316.js}

@@ -1,11 +1,11 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.686
+ * v1.0.0-next.688
  */
 'use strict';
 
-const resources = require('./resources-0f7ff7d4.js');
+const resources = require('./resources-f90ea3f5.js');
 
 /**
  * Emits when the theme is dynamically toggled between light and dark on <body> or in OS preferences.

package/dist/cjs/{array-b496dbca.js → array-6a64003f.js}

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.686
+ * v1.0.0-next.688
  */
 'use strict';
 

package/dist/cjs/calcite-accordion_2.cjs.entry.js

@@ -1,18 +1,18 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.686
+ * v1.0.0-next.688
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d849f743.js');
-const dom = require('./dom-53afe91f.js');
-const conditionalSlot = require('./conditionalSlot-50a96097.js');
-const resources = require('./resources-0f7ff7d4.js');
-require('./guid-9d815eba.js');
-require('./observers-acb48387.js');
+const index = require('./index-ca650359.js');
+const dom = require('./dom-2db5c855.js');
+const conditionalSlot = require('./conditionalSlot-a53d134c.js');
+const resources = require('./resources-f90ea3f5.js');
+require('./guid-b1c57a9d.js');
+require('./observers-1d66d5a8.js');
 
 const accordionCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host([scale=s]){--calcite-accordion-item-spacing-unit:0.25rem;--calcite-accordion-icon-margin:0.5rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-accordion-item-spacing-unit:0.5rem;--calcite-accordion-icon-margin:0.75rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-accordion-item-spacing-unit:0.75rem;--calcite-accordion-icon-margin:1rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{position:relative;display:block;max-inline-size:100%;line-height:1.5rem;--calcite-accordion-item-border:var(--calcite-ui-border-2);--calcite-accordion-item-background:var(--calcite-ui-foreground-1)}.accordion--transparent{--calcite-accordion-item-border:transparent;--calcite-accordion-item-background:transparent}.accordion--minimal{--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0}.accordion{border-width:1px;border-block-end-width:0px;border-style:solid;border-color:var(--calcite-ui-border-2)}";
 
@@ -186,6 +186,7 @@ const AccordionItem = class {
     this.description = undefined;
     this.iconStart = undefined;
     this.iconEnd = undefined;
+    this.iconFlipRtl = undefined;
   }
   //--------------------------------------------------------------------------
   //
@@ -223,9 +224,10 @@ const AccordionItem = class {
     return dom.getSlotted(el, SLOTS.actionsEnd) ? (index.h("div", { class: CSS.actionsEnd }, index.h("slot", { name: SLOTS.actionsEnd }))) : null;
   }
   render() {
+    const { iconFlipRtl } = this;
     const dir = dom.getElementDir(this.el);
-    const iconStartEl = this.iconStart ? (index.h("calcite-icon", { class: CSS.iconStart, icon: this.iconStart, key: "icon-start", scale: "s" })) : null;
-    const iconEndEl = this.iconEnd ? (index.h("calcite-icon", { class: CSS.iconEnd, icon: this.iconEnd, key: "icon-end", scale: "s" })) : null;
+    const iconStartEl = this.iconStart ? (index.h("calcite-icon", { class: CSS.iconStart, flipRtl: iconFlipRtl === "both" || iconFlipRtl === "start", icon: this.iconStart, key: "icon-start", scale: "s" })) : null;
+    const iconEndEl = this.iconEnd ? (index.h("calcite-icon", { class: CSS.iconEnd, flipRtl: iconFlipRtl === "both" || iconFlipRtl === "end", icon: this.iconEnd, key: "icon-end", scale: "s" })) : null;
     const { description } = this;
     return (index.h(index.Host, null, index.h("div", { class: {
         [`icon-position--${this.iconPosition}`]: true,

package/dist/cjs/calcite-action-bar.cjs.entry.js

@@ -1,26 +1,26 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.686
+ * v1.0.0-next.688
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d849f743.js');
-const ExpandToggle = require('./ExpandToggle-45756a68.js');
-const dom = require('./dom-53afe91f.js');
-const observers = require('./observers-acb48387.js');
-const conditionalSlot = require('./conditionalSlot-50a96097.js');
-const locale = require('./locale-f78f4a21.js');
-const t9n = require('./t9n-c5ff0399.js');
-const loadable = require('./loadable-ea8b063e.js');
-const debounce = require('./debounce-f24e2e2f.js');
-require('./resources-2af6490c.js');
-require('./resources-9f1b6663.js');
-require('./resources-0f7ff7d4.js');
-require('./guid-9d815eba.js');
-require('./key-3ef28a50.js');
+const index = require('./index-ca650359.js');
+const ExpandToggle = require('./ExpandToggle-2f1975a8.js');
+const dom = require('./dom-2db5c855.js');
+const observers = require('./observers-1d66d5a8.js');
+const conditionalSlot = require('./conditionalSlot-a53d134c.js');
+const locale = require('./locale-635fc90b.js');
+const t9n = require('./t9n-04ab4138.js');
+const loadable = require('./loadable-f17eb8de.js');
+const debounce = require('./debounce-693cccee.js');
+require('./resources-e5ef5941.js');
+require('./resources-36d2967b.js');
+require('./resources-f90ea3f5.js');
+require('./guid-b1c57a9d.js');
+require('./key-daca21ec.js');
 
 const CSS = {
   actionGroupBottom: "action-group--bottom"
@@ -179,15 +179,9 @@ const ActionBar = class {
   }
   /**
    * Sets focus on the component.
-   *
-   * @param focusId
    */
-  async setFocus(focusId) {
+  async setFocus() {
     await loadable.componentLoaded(this);
-    if (focusId === "expand-toggle") {
-      await dom.focusElement(this.expandToggleEl);
-      return;
-    }
     this.el?.focus();
   }
   // --------------------------------------------------------------------------
@@ -204,6 +198,7 @@ const ActionBar = class {
   render() {
     return (index.h(index.Host, { onCalciteActionMenuOpen: this.actionMenuOpenHandler }, index.h("slot", null), this.renderBottomActionGroup()));
   }
+  static get delegatesFocus() { return true; }
   static get assetsDirs() { return ["assets"]; }
   get el() { return index.getElement(this); }
   static get watchers() { return {

package/dist/cjs/calcite-action-group.cjs.entry.js

@@ -1,23 +1,23 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.686
+ * v1.0.0-next.688
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d849f743.js');
-const resources = require('./resources-9f1b6663.js');
-const dom = require('./dom-53afe91f.js');
-const resources$1 = require('./resources-2af6490c.js');
-const conditionalSlot = require('./conditionalSlot-50a96097.js');
-const locale = require('./locale-f78f4a21.js');
-const t9n = require('./t9n-c5ff0399.js');
-require('./resources-0f7ff7d4.js');
-require('./guid-9d815eba.js');
-require('./observers-acb48387.js');
-require('./key-3ef28a50.js');
+const index = require('./index-ca650359.js');
+const resources = require('./resources-36d2967b.js');
+const dom = require('./dom-2db5c855.js');
+const resources$1 = require('./resources-e5ef5941.js');
+const conditionalSlot = require('./conditionalSlot-a53d134c.js');
+const locale = require('./locale-635fc90b.js');
+const t9n = require('./t9n-04ab4138.js');
+require('./resources-f90ea3f5.js');
+require('./guid-b1c57a9d.js');
+require('./observers-1d66d5a8.js');
+require('./key-daca21ec.js');
 
 const actionGroupCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:host{box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host{display:flex;flex-direction:column;padding:0px;--calcite-action-group-columns:3}:host([columns=\"1\"]){--calcite-action-group-columns:1}:host([columns=\"2\"]){--calcite-action-group-columns:2}:host([columns=\"3\"]){--calcite-action-group-columns:3}:host([columns=\"4\"]){--calcite-action-group-columns:4}:host([columns=\"5\"]){--calcite-action-group-columns:5}:host([columns=\"6\"]){--calcite-action-group-columns:6}:host(:first-child){padding-block-start:0px}:host([layout=horizontal]){flex-direction:row}:host([layout=grid]){display:grid;place-content:stretch;gap:1px;background-color:var(--calcite-ui-background);padding:1px;grid-template-columns:repeat(var(--calcite-action-group-columns), auto)}";
 
@@ -87,6 +87,7 @@ const ActionGroup = class {
   render() {
     return (index.h(index.Fragment, null, index.h("slot", null), this.renderMenu()));
   }
+  static get delegatesFocus() { return true; }
   static get assetsDirs() { return ["assets"]; }
   get el() { return index.getElement(this); }
   static get watchers() { return {

package/dist/cjs/calcite-action-menu.cjs.entry.js

@@ -1,20 +1,20 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.686
+ * v1.0.0-next.688
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d849f743.js');
-const resources = require('./resources-2af6490c.js');
-const dom = require('./dom-53afe91f.js');
-const array = require('./array-b496dbca.js');
-const guid = require('./guid-9d815eba.js');
-const key = require('./key-3ef28a50.js');
-const loadable = require('./loadable-ea8b063e.js');
-require('./resources-0f7ff7d4.js');
+const index = require('./index-ca650359.js');
+const resources = require('./resources-e5ef5941.js');
+const dom = require('./dom-2db5c855.js');
+const array = require('./array-6a64003f.js');
+const guid = require('./guid-b1c57a9d.js');
+const key = require('./key-daca21ec.js');
+const loadable = require('./loadable-f17eb8de.js');
+require('./resources-f90ea3f5.js');
 
 const actionMenuCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host{box-sizing:border-box;display:flex;flex-direction:column;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size-1);color:var(--calcite-ui-text-2)}.menu ::slotted(calcite-action){margin:0.125rem;display:flex;outline-color:transparent}.menu ::slotted(calcite-action[active]){outline:2px solid var(--calcite-ui-brand);outline-offset:0px}.default-trigger{position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}slot[name=trigger]::slotted(calcite-action),calcite-action::slotted([slot=trigger]){position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}.menu{flex-direction:column;flex-wrap:nowrap;outline:2px solid transparent;outline-offset:2px}";
 

package/dist/cjs/calcite-action-pad.cjs.entry.js

@@ -1,25 +1,25 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.686
+ * v1.0.0-next.688
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d849f743.js');
-const ExpandToggle = require('./ExpandToggle-45756a68.js');
-const dom = require('./dom-53afe91f.js');
-const conditionalSlot = require('./conditionalSlot-50a96097.js');
-const locale = require('./locale-f78f4a21.js');
-const t9n = require('./t9n-c5ff0399.js');
-const loadable = require('./loadable-ea8b063e.js');
-require('./resources-2af6490c.js');
-require('./resources-9f1b6663.js');
-require('./resources-0f7ff7d4.js');
-require('./guid-9d815eba.js');
-require('./observers-acb48387.js');
-require('./key-3ef28a50.js');
+const index = require('./index-ca650359.js');
+const ExpandToggle = require('./ExpandToggle-2f1975a8.js');
+const dom = require('./dom-2db5c855.js');
+const conditionalSlot = require('./conditionalSlot-a53d134c.js');
+const locale = require('./locale-635fc90b.js');
+const t9n = require('./t9n-04ab4138.js');
+const loadable = require('./loadable-f17eb8de.js');
+require('./resources-e5ef5941.js');
+require('./resources-36d2967b.js');
+require('./resources-f90ea3f5.js');
+require('./guid-b1c57a9d.js');
+require('./observers-1d66d5a8.js');
+require('./key-daca21ec.js');
 
 const CSS = {
   actionGroupBottom: "action-group--bottom",
@@ -107,15 +107,9 @@ const ActionPad = class {
   // --------------------------------------------------------------------------
   /**
    * Sets focus on the component.
-   *
-   * @param focusId
    */
-  async setFocus(focusId) {
+  async setFocus() {
     await loadable.componentLoaded(this);
-    if (focusId === "expand-toggle") {
-      await dom.focusElement(this.expandToggleEl);
-      return;
-    }
     this.el?.focus();
   }
   // --------------------------------------------------------------------------
@@ -132,6 +126,7 @@ const ActionPad = class {
   render() {
     return (index.h(index.Host, { onCalciteActionMenuOpen: this.actionMenuOpenHandler }, index.h("div", { class: CSS.container }, index.h("slot", null), this.renderBottomActionGroup())));
   }
+  static get delegatesFocus() { return true; }
   static get assetsDirs() { return ["assets"]; }
   get el() { return index.getElement(this); }
   static get watchers() { return {

package/dist/cjs/calcite-action.cjs.entry.js

@@ -1,22 +1,22 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.686
+ * v1.0.0-next.688
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d849f743.js');
-const guid = require('./guid-9d815eba.js');
-const observers = require('./observers-acb48387.js');
-const interactive = require('./interactive-013cee30.js');
-const dom = require('./dom-53afe91f.js');
-const locale = require('./locale-f78f4a21.js');
-const t9n = require('./t9n-c5ff0399.js');
-const loadable = require('./loadable-ea8b063e.js');
-require('./resources-0f7ff7d4.js');
-require('./key-3ef28a50.js');
+const index = require('./index-ca650359.js');
+const guid = require('./guid-b1c57a9d.js');
+const observers = require('./observers-1d66d5a8.js');
+const interactive = require('./interactive-63d6086f.js');
+const dom = require('./dom-2db5c855.js');
+const locale = require('./locale-635fc90b.js');
+const t9n = require('./t9n-04ab4138.js');
+const loadable = require('./loadable-f17eb8de.js');
+require('./resources-f90ea3f5.js');
+require('./key-daca21ec.js');
 
 const CSS = {
   button: "button",
@@ -64,6 +64,7 @@ const Action = class {
     this.compact = false;
     this.disabled = false;
     this.icon = undefined;
+    this.iconFlipRtl = false;
     this.indicator = false;
     this.label = undefined;
     this.loading = false;
@@ -136,11 +137,11 @@ const Action = class {
     return (index.h("div", { "aria-labelledby": buttonId, "aria-live": "polite", class: CSS.indicatorText, id: indicatorId, role: "region" }, indicator ? messages.indicator : null));
   }
   renderIconContainer() {
-    const { loading, icon, scale, el } = this;
+    const { loading, icon, scale, el, iconFlipRtl } = this;
     const iconScale = scale === "l" ? "m" : "s";
     const loaderScale = scale === "l" ? "l" : "m";
     const calciteLoaderNode = loading ? (index.h("calcite-loader", { inline: true, label: this.messages.loading, scale: loaderScale })) : null;
-    const calciteIconNode = icon ? index.h("calcite-icon", { icon: icon, scale: iconScale }) : null;
+    const calciteIconNode = icon ? (index.h("calcite-icon", { flipRtl: iconFlipRtl, icon: icon, scale: iconScale })) : null;
     const iconNode = calciteLoaderNode || calciteIconNode;
     const hasIconToDisplay = iconNode || el.children?.length;
     const slotContainerNode = (index.h("div", { class: {

package/dist/cjs/calcite-alert.cjs.entry.js

@@ -1,23 +1,23 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.686
+ * v1.0.0-next.688
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d849f743.js');
-const dom = require('./dom-53afe91f.js');
-const resources = require('./resources-811c186c.js');
-const openCloseComponent = require('./openCloseComponent-c6da7e66.js');
-const locale = require('./locale-f78f4a21.js');
-const t9n = require('./t9n-c5ff0399.js');
-const loadable = require('./loadable-ea8b063e.js');
-require('./resources-0f7ff7d4.js');
-require('./guid-9d815eba.js');
-require('./key-3ef28a50.js');
-require('./observers-acb48387.js');
+const index = require('./index-ca650359.js');
+const dom = require('./dom-2db5c855.js');
+const resources = require('./resources-8087d6d8.js');
+const openCloseComponent = require('./openCloseComponent-9efefc2b.js');
+const locale = require('./locale-635fc90b.js');
+const t9n = require('./t9n-04ab4138.js');
+const loadable = require('./loadable-f17eb8de.js');
+require('./resources-f90ea3f5.js');
+require('./guid-b1c57a9d.js');
+require('./key-daca21ec.js');
+require('./observers-1d66d5a8.js');
 
 const DURATIONS = {
   slow: 14000,
@@ -83,6 +83,7 @@ const Alert = class {
     this.autoCloseDuration = this.autoClose ? "medium" : null;
     this.kind = "brand";
     this.icon = undefined;
+    this.iconFlipRtl = false;
     this.label = undefined;
     this.numberingSystem = undefined;
     this.placement = "bottom";
@@ -159,7 +160,7 @@ const Alert = class {
     const queueNumber = this.queueLength > 2 ? this.queueLength - 1 : 1;
     const queueText = locale.numberStringFormatter.numberFormatter.format(queueNumber);
     const queueCount = (index.h("div", { class: `${this.queueLength > 1 ? "active " : ""}alert-queue-count` }, index.h("calcite-chip", { scale: this.scale, value: queueText }, queueText)));
-    const { open, autoClose, label, placement, queued, requestedIcon } = this;
+    const { open, autoClose, label, placement, queued, requestedIcon, iconFlipRtl } = this;
     const role = autoClose ? "alert" : "alertdialog";
     const hidden = !open;
     const slotNode = (index.h("slot", { key: "actionsEndSlot", name: SLOTS.actionsEnd, onSlotchange: this.actionsEndSlotChangeHandler }));
@@ -167,7 +168,7 @@ const Alert = class {
         container: true,
         queued,
         [placement]: true
-      }, onPointerOut: this.autoClose && this.autoCloseTimeoutId ? this.handleMouseLeave : null, onPointerOver: this.autoClose && this.autoCloseTimeoutId ? this.handleMouseOver : null, ref: this.setTransitionEl }, requestedIcon ? (index.h("div", { class: "alert-icon" }, index.h("calcite-icon", { icon: requestedIcon, scale: this.scale === "l" ? "m" : "s" }))) : null, index.h("div", { class: "alert-content" }, index.h("slot", { name: SLOTS.title }), index.h("slot", { name: SLOTS.message }), index.h("slot", { name: SLOTS.link })), index.h("div", { class: CSS.actionsEnd, hidden: !hasEndActions }, slotNode), this.queueLength > 1 ? queueCount : null, closeButton, open && !queued && autoClose ? index.h("div", { class: "alert-dismiss-progress" }) : null)));
+      }, onPointerOut: this.autoClose && this.autoCloseTimeoutId ? this.handleMouseLeave : null, onPointerOver: this.autoClose && this.autoCloseTimeoutId ? this.handleMouseOver : null, ref: this.setTransitionEl }, requestedIcon ? (index.h("div", { class: "alert-icon" }, index.h("calcite-icon", { flipRtl: iconFlipRtl, icon: requestedIcon, scale: this.scale === "l" ? "m" : "s" }))) : null, index.h("div", { class: "alert-content" }, index.h("slot", { name: SLOTS.title }), index.h("slot", { name: SLOTS.message }), index.h("slot", { name: SLOTS.link })), index.h("div", { class: CSS.actionsEnd, hidden: !hasEndActions }, slotNode), this.queueLength > 1 ? queueCount : null, closeButton, open && !queued && autoClose ? index.h("div", { class: "alert-dismiss-progress" }) : null)));
   }
   // when an alert is opened or closed, update queue and determine active alert
   alertSync(event) {

package/dist/cjs/calcite-avatar.cjs.entry.js

@@ -1,17 +1,17 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.686
+ * v1.0.0-next.688
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d849f743.js');
-const utils = require('./utils-9566b8bd.js');
-const dom = require('./dom-53afe91f.js');
-require('./resources-0f7ff7d4.js');
-require('./guid-9d815eba.js');
+const index = require('./index-ca650359.js');
+const utils = require('./utils-f6c8c735.js');
+const dom = require('./dom-2db5c855.js');
+require('./resources-f90ea3f5.js');
+require('./guid-b1c57a9d.js');
 
 /**
  * Convert a string to a valid hex by hashing its contents