@esri/calcite-components 1.7.0-next.10 → 1.7.0-next.12

package/dist/esm/{zh-cn-b83eeb66.js → zh-cn-1e112e45.js}

@@ -1,22 +1,22 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.10
+ * v1.7.0-next.12
  */
-import { d as dayjs } from './calcite-input-time-picker.calcite-time-picker-9f713627.js';
-import './index-abee91e3.js';
-import './form-fbe12abb.js';
-import './dom-f4f22787.js';
-import './guid-2dcace43.js';
-import './resources-bc4655a6.js';
-import './interactive-e80da0c7.js';
-import './key-b26f1d0d.js';
-import './label-78c2197e.js';
-import './loadable-057982bc.js';
-import './locale-289745bc.js';
-import './observers-eba091c8.js';
-import './focusTrapComponent-e7010883.js';
-import './t9n-be922331.js';
+import { d as dayjs } from './calcite-input-time-picker.calcite-time-picker-9ff279fb.js';
+import './index-a615b37a.js';
+import './form-5666928a.js';
+import './dom-fbb2be98.js';
+import './guid-64dd44e0.js';
+import './resources-39dca8e0.js';
+import './interactive-9307ac5c.js';
+import './key-bf6e908b.js';
+import './label-f568015c.js';
+import './loadable-2e52a8a1.js';
+import './locale-298de8cb.js';
+import './observers-72dab4ed.js';
+import './focusTrapComponent-f25e2113.js';
+import './t9n-d8ea7a93.js';
 
 // Chinese (China) [zh-cn]
 var locale = {

package/dist/esm/{zh-hk-c63ac620.js → zh-hk-17d9b5c1.js}

@@ -1,22 +1,22 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.10
+ * v1.7.0-next.12
  */
-import { d as dayjs } from './calcite-input-time-picker.calcite-time-picker-9f713627.js';
-import './index-abee91e3.js';
-import './form-fbe12abb.js';
-import './dom-f4f22787.js';
-import './guid-2dcace43.js';
-import './resources-bc4655a6.js';
-import './interactive-e80da0c7.js';
-import './key-b26f1d0d.js';
-import './label-78c2197e.js';
-import './loadable-057982bc.js';
-import './locale-289745bc.js';
-import './observers-eba091c8.js';
-import './focusTrapComponent-e7010883.js';
-import './t9n-be922331.js';
+import { d as dayjs } from './calcite-input-time-picker.calcite-time-picker-9ff279fb.js';
+import './index-a615b37a.js';
+import './form-5666928a.js';
+import './dom-fbb2be98.js';
+import './guid-64dd44e0.js';
+import './resources-39dca8e0.js';
+import './interactive-9307ac5c.js';
+import './key-bf6e908b.js';
+import './label-f568015c.js';
+import './loadable-2e52a8a1.js';
+import './locale-298de8cb.js';
+import './observers-72dab4ed.js';
+import './focusTrapComponent-f25e2113.js';
+import './t9n-d8ea7a93.js';
 
 // Chinese (Hong Kong) [zh-hk]
 var locale = {

package/dist/esm/{zh-tw-ff8f08d2.js → zh-tw-842ef698.js}

@@ -1,22 +1,22 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.10
+ * v1.7.0-next.12
  */
-import { d as dayjs } from './calcite-input-time-picker.calcite-time-picker-9f713627.js';
-import './index-abee91e3.js';
-import './form-fbe12abb.js';
-import './dom-f4f22787.js';
-import './guid-2dcace43.js';
-import './resources-bc4655a6.js';
-import './interactive-e80da0c7.js';
-import './key-b26f1d0d.js';
-import './label-78c2197e.js';
-import './loadable-057982bc.js';
-import './locale-289745bc.js';
-import './observers-eba091c8.js';
-import './focusTrapComponent-e7010883.js';
-import './t9n-be922331.js';
+import { d as dayjs } from './calcite-input-time-picker.calcite-time-picker-9ff279fb.js';
+import './index-a615b37a.js';
+import './form-5666928a.js';
+import './dom-fbb2be98.js';
+import './guid-64dd44e0.js';
+import './resources-39dca8e0.js';
+import './interactive-9307ac5c.js';
+import './key-bf6e908b.js';
+import './label-f568015c.js';
+import './loadable-2e52a8a1.js';
+import './locale-298de8cb.js';
+import './observers-72dab4ed.js';
+import './focusTrapComponent-f25e2113.js';
+import './t9n-d8ea7a93.js';
 
 // Chinese (Taiwan) [zh-tw]
 var locale = {

package/dist/extras/docs-json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-08-28T18:37:42",
+  "timestamp": "2023-08-29T22:41:59",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.22.3",
@@ -20432,6 +20432,10 @@
         {
           "name": "slot",
           "text": "alerts - A slot for adding `calcite-alert` components. When placed in this slot, the alert position will be constrained to the extent of the shell."
+        },
+        {
+          "name": "slot",
+          "text": "sheets - A slot for adding `calcite-sheet` components. When placed in this slot, the alert position will be constrained to the extent of the shell."
         }
       ],
       "usage": {
@@ -20509,6 +20513,10 @@
         {
           "name": "panel-top",
           "docs": "A slot for adding the top `calcite-shell-center-row`."
+        },
+        {
+          "name": "sheets",
+          "docs": "A slot for adding `calcite-sheet` components. When placed in this slot, the alert position will be constrained to the extent of the shell."
         }
       ],
       "parts": [],
@@ -25771,11 +25779,6 @@
           "event": "calciteInternalTreeItemSelect",
           "capture": false,
           "passive": false
-        },
-        {
-          "event": "keydown",
-          "capture": false,
-          "passive": false
         }
       ],
       "styles": [],

package/dist/loader/cdn.js

@@ -1,7 +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.
- * v1.7.0-next.10
+ * v1.7.0-next.12
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.cjs.js

@@ -1,7 +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.
- * v1.7.0-next.10
+ * v1.7.0-next.12
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.es2017.js

@@ -1,7 +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.
- * v1.7.0-next.10
+ * v1.7.0-next.12
  */
 export * from '../esm/polyfills/index.js';
 export * from '../esm/loader.js';

package/dist/loader/index.js

@@ -1,7 +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.
- * v1.7.0-next.10
+ * v1.7.0-next.12
  */
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
 export * from '../esm/polyfills/index.js';

package/dist/types/components/shell/resources.d.ts

@@ -16,5 +16,6 @@ export declare const SLOTS: {
   header: string;
   footer: string;
   alerts: string;
+  sheets: string;
   modals: string;
 };

package/dist/types/components/shell/shell.d.ts

@@ -11,6 +11,7 @@ import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
  * @slot center-row - [Deprecated] Use the `"panel-bottom"` slot instead. A slot for adding the bottom `calcite-shell-center-row`.
  * @slot modals - A slot for adding `calcite-modal` components. When placed in this slot, the modal position will be constrained to the extent of the shell.
  * @slot alerts - A slot for adding `calcite-alert` components. When placed in this slot, the alert position will be constrained to the extent of the shell.
+ * @slot sheets - A slot for adding `calcite-sheet` components. When placed in this slot, the alert position will be constrained to the extent of the shell.
  */
 export declare class Shell implements ConditionalSlotComponent {
   /**
@@ -22,15 +23,18 @@ export declare class Shell implements ConditionalSlotComponent {
   hasFooter: boolean;
   hasAlerts: boolean;
   hasModals: boolean;
+  hasSheets: boolean;
   connectedCallback(): void;
   disconnectedCallback(): void;
   handleHeaderSlotChange: (event: Event) => void;
   handleFooterSlotChange: (event: Event) => void;
   handleAlertsSlotChange: (event: Event) => void;
+  handleSheetsSlotChange: (event: Event) => void;
   handleModalsSlotChange: (event: Event) => void;
   renderHeader(): VNode;
   renderFooter(): VNode;
   renderAlerts(): VNode;
+  renderSheets(): VNode;
   renderModals(): VNode;
   renderContent(): VNode[];
   renderMain(): VNode;

package/dist/types/components/tree/tree.d.ts

@@ -38,8 +38,8 @@ export declare class Tree {
   onFocusIn(event: FocusEvent): void;
   onFocusOut(event: FocusEvent): void;
   onClick(event: CustomEvent<TreeItemSelectDetail>): void;
-  keyDownHandler(event: KeyboardEvent): void;
-  updateAncestorTree(event: CustomEvent<TreeItemSelectDetail>): void;
+  private keyDownHandler;
+  private updateAncestorTree;
   /**
    * Fires when the user selects/deselects `calcite-tree-items`.
    */

package/dist/types/components/tree/utils.d.ts

@@ -1 +1,2 @@
-export declare function getEnabledSiblingItem(el: Element, direction: "up" | "down"): HTMLCalciteTreeItemElement;
+export declare function isTreeItem(element: Element): element is HTMLCalciteTreeItemElement;
+export declare function getTraversableItems(root: HTMLCalciteTreeElement): HTMLCalciteTreeItemElement[];

package/hydrate/index.js

@@ -1,7 +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.
- * v1.7.0-next.10
+ * v1.7.0-next.12
  */
 'use strict';
 
@@ -37416,7 +37416,7 @@ const CSS$g = {
   containerSlottedInShell: "container--slotted-in-shell",
 };
 
-const sheetCss = "/*!@:host*/.sc-calcite-sheet-h{position:absolute;inset:0px;z-index:var(--calcite-app-z-index-overlay);display:flex;visibility:hidden !important;--calcite-sheet-scrim-background-internal:rgba(0, 0, 0, 0.85);--calcite-scrim-shadow-block-start-internal:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-block-end-internal:0 -4px 8px -1px rgba(0, 0, 0, 0.08), 0 -2px 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-inline-start-internal:4px 0 8px -1px rgba(0, 0, 0, 0.08), 2px 0 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-inline-end-internal:-4px 0 8px -1px rgba(0, 0, 0, 0.08), -2px 0 4px -1px rgba(0, 0, 0, 0.04)}/*!@.calcite--rtl*/.calcite--rtl.sc-calcite-sheet{--calcite-scrim-shadow-inline-start-internal:-4px 0 8px -1px rgba(0, 0, 0, 0.08), -2px 0 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-inline-end-internal:4px 0 8px -1px rgba(0, 0, 0, 0.08), 2px 0 4px -1px rgba(0, 0, 0, 0.04)}/*!@.container*/.container.sc-calcite-sheet{visibility:hidden;position:fixed;z-index:var(--calcite-app-z-index-overlay);display:flex;overflow-y:hidden;color:var(--calcite-ui-text-2);opacity:0;transition:visibility 0ms linear var(--calcite-internal-animation-timing-medium), opacity var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88)}/*!@:host([position=inline-start]) .container*/[position=inline-start].sc-calcite-sheet-h .container.sc-calcite-sheet{justify-content:flex-start;inset-block:0;inset-inline:0 auto;--calcite-sheet-hidden-position-internal:translate3d(-1rem, 0, 0)}/*!@:host([position=inline-end]) .container*/[position=inline-end].sc-calcite-sheet-h .container.sc-calcite-sheet{justify-content:flex-end;inset-block:0;inset-inline:auto 0;--calcite-sheet-hidden-position-internal:translate3d(1rem, 0, 0)}/*!@:host([position=block-start]) .container*/[position=block-start].sc-calcite-sheet-h .container.sc-calcite-sheet{align-items:flex-start;inset-block:0 auto;inset-inline:0;--calcite-sheet-hidden-position-internal:translate3d(0, -1rem, 0)}/*!@:host([position=block-end]) .container*/[position=block-end].sc-calcite-sheet-h .container.sc-calcite-sheet{align-items:flex-end;inset-block:auto 0;inset-inline:0;--calcite-sheet-hidden-position-internal:translate3d(0, 1rem, 0)}/*!@:host([display-mode=float][position=inline-start]) .container*/[display-mode=float][position=inline-start].sc-calcite-sheet-h .container.sc-calcite-sheet{box-shadow:var(--calcite-scrim-shadow-inline-start-internal)}/*!@:host([display-mode=float][position=inline-end]) .container*/[display-mode=float][position=inline-end].sc-calcite-sheet-h .container.sc-calcite-sheet{box-shadow:var(--calcite-scrim-shadow-inline-end-internal)}/*!@:host([display-mode=float][position=block-start]) .container*/[display-mode=float][position=block-start].sc-calcite-sheet-h .container.sc-calcite-sheet{box-shadow:var(--calcite-scrim-shadow-block-start-internal)}/*!@:host([display-mode=float][position=block-end]) .container*/[display-mode=float][position=block-end].sc-calcite-sheet-h .container.sc-calcite-sheet{box-shadow:var(--calcite-scrim-shadow-block-end-internal)}/*!@:host([position^=inline]) .container,\n:host([position^=inline]) .content*/[position^=inline].sc-calcite-sheet-h .container.sc-calcite-sheet,[position^=inline].sc-calcite-sheet-h .content.sc-calcite-sheet{inline-size:var(--calcite-sheet-width-internal);max-inline-size:var(--calcite-sheet-max-width-internal);min-inline-size:var(--calcite-sheet-min-width-internal)}/*!@:host([position^=block]) .container,\n:host([position^=block]) .content*/[position^=block].sc-calcite-sheet-h .container.sc-calcite-sheet,[position^=block].sc-calcite-sheet-h .content.sc-calcite-sheet{block-size:var(--calcite-sheet-height-internal);max-block-size:var(--calcite-sheet-max-height-internal);min-block-size:var(--calcite-sheet-min-height-internal)}/*!@:host([display-mode=float][position^=inline]) .container*/[display-mode=float][position^=inline].sc-calcite-sheet-h .container.sc-calcite-sheet{block-size:calc(100% - 1.5rem);max-block-size:calc(100% - 1.5rem);min-block-size:calc(100% - 1.5rem)}/*!@:host([display-mode=float][position^=block]) .container*/[display-mode=float][position^=block].sc-calcite-sheet-h .container.sc-calcite-sheet{inline-size:calc(100% - 1.5rem);max-inline-size:calc(100% - 1.5rem);min-inline-size:calc(100% - 1.5rem)}/*!@:host([position^=inline][width-scale=s])*/[position^=inline][width-scale=s].sc-calcite-sheet-h{--calcite-sheet-width-internal:var(--calcite-sheet-width, 20vw);--calcite-sheet-max-width-internal:var(--calcite-sheet-max-width, 20vw);--calcite-sheet-min-width-internal:var(--calcite-sheet-min-width, 20vw)}/*!@:host([position^=inline][width-scale=m])*/[position^=inline][width-scale=m].sc-calcite-sheet-h{--calcite-sheet-width-internal:var(--calcite-sheet-width, 30vw);--calcite-sheet-max-width-internal:var(--calcite-sheet-max-width, 30vw);--calcite-sheet-min-width-internal:var(--calcite-sheet-min-width, 30vw)}/*!@:host([position^=inline][width-scale=l])*/[position^=inline][width-scale=l].sc-calcite-sheet-h{--calcite-sheet-width-internal:var(--calcite-sheet-width, 40vw);--calcite-sheet-max-width-internal:var(--calcite-sheet-max-width, 40vw);--calcite-sheet-min-width-internal:var(--calcite-sheet-min-width, 40vw)}/*!@:host([position^=block][height-scale=s])*/[position^=block][height-scale=s].sc-calcite-sheet-h{--calcite-sheet-min-height-internal:var(--calcite-sheet-min-height, 10vh);--calcite-sheet-height-internal:var(--calcite-sheet-height, 20vh);--calcite-sheet-max-height-internal:var(--calcite-sheet-max-height, 30vh)}/*!@:host([position^=block][height-scale=m])*/[position^=block][height-scale=m].sc-calcite-sheet-h{--calcite-sheet-min-height-internal:var(--calcite-sheet-min-height, 10vh);--calcite-sheet-height-internal:var(--calcite-sheet-height, 40vh);--calcite-sheet-max-height-internal:var(--calcite-sheet-max-height, 50vh)}/*!@:host([position^=block][height-scale=l])*/[position^=block][height-scale=l].sc-calcite-sheet-h{--calcite-sheet-min-height-internal:var(--calcite-sheet-min-height, 10vh);--calcite-sheet-height-internal:var(--calcite-sheet-height, 60vh);--calcite-sheet-max-height-internal:var(--calcite-sheet-max-height, 70vh)}/*!@.scrim*/.scrim.sc-calcite-sheet{--calcite-scrim-background:var(--calcite-sheet-scrim-background, var(--calcite-sheet-scrim-background-internal));position:fixed;inset:0px;display:flex;overflow-y:hidden}/*!@:host([opened])*/[opened].sc-calcite-sheet-h{visibility:visible !important}/*!@.content*/.content.sc-calcite-sheet{position:relative;z-index:var(--calcite-app-z-index-modal);box-sizing:border-box;display:block;max-block-size:100%;max-inline-size:100%;overflow-y:hidden;padding:0px;background-color:var(--calcite-ui-foreground-1);max-block-size:100%;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear var(--calcite-internal-animation-timing-medium), opacity var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88);transform:var(--calcite-sheet-hidden-position-internal)}/*!@.container--open .content*/.container--open.sc-calcite-sheet .content.sc-calcite-sheet{transform:translate3d(0, 0, 0)}/*!@:host([display-mode=float]) .content,\n:host([display-mode=float]) .container*/[display-mode=float].sc-calcite-sheet-h .content.sc-calcite-sheet,[display-mode=float].sc-calcite-sheet-h .container.sc-calcite-sheet{border-radius:0.25rem}/*!@:host([display-mode=float]) .container*/[display-mode=float].sc-calcite-sheet-h .container.sc-calcite-sheet{margin:0.75rem}/*!@.container--open*/.container--open.sc-calcite-sheet{visibility:visible;opacity:1;transition-delay:0ms}/*!@.container--open .content*/.container--open.sc-calcite-sheet .content.sc-calcite-sheet{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-inline-size var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-block-size var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition-delay:0ms}/*!@:host([position=inline-start]) .content,\n:host([position=inline-end]) .content*/[position=inline-start].sc-calcite-sheet-h .content.sc-calcite-sheet,[position=inline-end].sc-calcite-sheet-h .content.sc-calcite-sheet{block-size:100%}/*!@:host([position=block-start]) .content,\n:host([position=block-end]) .content*/[position=block-start].sc-calcite-sheet-h .content.sc-calcite-sheet,[position=block-end].sc-calcite-sheet-h .content.sc-calcite-sheet{inline-size:100%}/*!@.container--slotted-in-shell*/.container--slotted-in-shell.sc-calcite-sheet{pointer-events:auto;position:absolute}/*!@.container--slotted-in-shell calcite-scrim*/.container--slotted-in-shell.sc-calcite-sheet calcite-scrim.sc-calcite-sheet{position:absolute}/*!@:host([hidden])*/[hidden].sc-calcite-sheet-h{display:none}/*!@[hidden]*/[hidden].sc-calcite-sheet{display:none}";
+const sheetCss = "/*!@:host*/.sc-calcite-sheet-h{position:absolute;inset:0px;z-index:var(--calcite-app-z-index-overlay);display:flex;visibility:hidden !important;--calcite-sheet-scrim-background-internal:rgba(0, 0, 0, 0.85);--calcite-scrim-shadow-block-start-internal:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-block-end-internal:0 -4px 8px -1px rgba(0, 0, 0, 0.08), 0 -2px 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-inline-start-internal:4px 0 8px -1px rgba(0, 0, 0, 0.08), 2px 0 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-inline-end-internal:-4px 0 8px -1px rgba(0, 0, 0, 0.08), -2px 0 4px -1px rgba(0, 0, 0, 0.04)}/*!@.calcite--rtl*/.calcite--rtl.sc-calcite-sheet{--calcite-scrim-shadow-inline-start-internal:-4px 0 8px -1px rgba(0, 0, 0, 0.08), -2px 0 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-inline-end-internal:4px 0 8px -1px rgba(0, 0, 0, 0.08), 2px 0 4px -1px rgba(0, 0, 0, 0.04)}/*!@.container*/.container.sc-calcite-sheet{visibility:hidden;position:fixed;z-index:var(--calcite-app-z-index-overlay);display:flex;overflow-y:hidden;color:var(--calcite-ui-text-2);opacity:0;transition:visibility 0ms linear var(--calcite-internal-animation-timing-medium), opacity var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88)}/*!@:host([position=inline-start]) .container*/[position=inline-start].sc-calcite-sheet-h .container.sc-calcite-sheet{justify-content:flex-start;inset-block:0;inset-inline:0 auto;--calcite-sheet-hidden-position-internal:translate3d(-1rem, 0, 0)}/*!@:host([position=inline-end]) .container*/[position=inline-end].sc-calcite-sheet-h .container.sc-calcite-sheet{justify-content:flex-end;inset-block:0;inset-inline:auto 0;--calcite-sheet-hidden-position-internal:translate3d(1rem, 0, 0)}/*!@:host([position=block-start]) .container*/[position=block-start].sc-calcite-sheet-h .container.sc-calcite-sheet{align-items:flex-start;inset-block:0 auto;inset-inline:0;--calcite-sheet-hidden-position-internal:translate3d(0, -1rem, 0)}/*!@:host([position=block-end]) .container*/[position=block-end].sc-calcite-sheet-h .container.sc-calcite-sheet{align-items:flex-end;inset-block:auto 0;inset-inline:0;--calcite-sheet-hidden-position-internal:translate3d(0, 1rem, 0)}/*!@:host([display-mode=float]) .container*/[display-mode=float].sc-calcite-sheet-h .container.sc-calcite-sheet{--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)}/*!@:host([display-mode=overlay][position=inline-start]) .container*/[display-mode=overlay][position=inline-start].sc-calcite-sheet-h .container.sc-calcite-sheet{box-shadow:var(--calcite-scrim-shadow-inline-start-internal)}/*!@:host([display-mode=overlay][position=inline-end]) .container*/[display-mode=overlay][position=inline-end].sc-calcite-sheet-h .container.sc-calcite-sheet{box-shadow:var(--calcite-scrim-shadow-inline-end-internal)}/*!@:host([display-mode=overlay][position=block-start]) .container*/[display-mode=overlay][position=block-start].sc-calcite-sheet-h .container.sc-calcite-sheet{box-shadow:var(--calcite-scrim-shadow-block-start-internal)}/*!@:host([display-mode=overlay][position=block-end]) .container*/[display-mode=overlay][position=block-end].sc-calcite-sheet-h .container.sc-calcite-sheet{box-shadow:var(--calcite-scrim-shadow-block-end-internal)}/*!@:host([position^=inline]) .container,\n:host([position^=inline]) .content*/[position^=inline].sc-calcite-sheet-h .container.sc-calcite-sheet,[position^=inline].sc-calcite-sheet-h .content.sc-calcite-sheet{inline-size:var(--calcite-sheet-width-internal);max-inline-size:var(--calcite-sheet-max-width-internal);min-inline-size:var(--calcite-sheet-min-width-internal)}/*!@:host([position^=block]) .container,\n:host([position^=block]) .content*/[position^=block].sc-calcite-sheet-h .container.sc-calcite-sheet,[position^=block].sc-calcite-sheet-h .content.sc-calcite-sheet{block-size:var(--calcite-sheet-height-internal);max-block-size:var(--calcite-sheet-max-height-internal);min-block-size:var(--calcite-sheet-min-height-internal)}/*!@:host([display-mode=float][position^=inline]) .container*/[display-mode=float][position^=inline].sc-calcite-sheet-h .container.sc-calcite-sheet{block-size:calc(100% - 1.5rem);max-block-size:calc(100% - 1.5rem);min-block-size:calc(100% - 1.5rem)}/*!@:host([display-mode=float][position^=block]) .container*/[display-mode=float][position^=block].sc-calcite-sheet-h .container.sc-calcite-sheet{inline-size:calc(100% - 1.5rem);max-inline-size:calc(100% - 1.5rem);min-inline-size:calc(100% - 1.5rem)}/*!@:host([position^=inline][width-scale=s])*/[position^=inline][width-scale=s].sc-calcite-sheet-h{--calcite-sheet-width-internal:var(--calcite-sheet-width, 20vw);--calcite-sheet-max-width-internal:var(--calcite-sheet-max-width, 20vw);--calcite-sheet-min-width-internal:var(--calcite-sheet-min-width, 20vw)}/*!@:host([position^=inline][width-scale=m])*/[position^=inline][width-scale=m].sc-calcite-sheet-h{--calcite-sheet-width-internal:var(--calcite-sheet-width, 30vw);--calcite-sheet-max-width-internal:var(--calcite-sheet-max-width, 30vw);--calcite-sheet-min-width-internal:var(--calcite-sheet-min-width, 30vw)}/*!@:host([position^=inline][width-scale=l])*/[position^=inline][width-scale=l].sc-calcite-sheet-h{--calcite-sheet-width-internal:var(--calcite-sheet-width, 40vw);--calcite-sheet-max-width-internal:var(--calcite-sheet-max-width, 40vw);--calcite-sheet-min-width-internal:var(--calcite-sheet-min-width, 40vw)}/*!@:host([position^=block][height-scale=s])*/[position^=block][height-scale=s].sc-calcite-sheet-h{--calcite-sheet-min-height-internal:var(--calcite-sheet-min-height, 10vh);--calcite-sheet-height-internal:var(--calcite-sheet-height, 20vh);--calcite-sheet-max-height-internal:var(--calcite-sheet-max-height, 30vh)}/*!@:host([position^=block][height-scale=m])*/[position^=block][height-scale=m].sc-calcite-sheet-h{--calcite-sheet-min-height-internal:var(--calcite-sheet-min-height, 10vh);--calcite-sheet-height-internal:var(--calcite-sheet-height, 40vh);--calcite-sheet-max-height-internal:var(--calcite-sheet-max-height, 50vh)}/*!@:host([position^=block][height-scale=l])*/[position^=block][height-scale=l].sc-calcite-sheet-h{--calcite-sheet-min-height-internal:var(--calcite-sheet-min-height, 10vh);--calcite-sheet-height-internal:var(--calcite-sheet-height, 60vh);--calcite-sheet-max-height-internal:var(--calcite-sheet-max-height, 70vh)}/*!@.scrim*/.scrim.sc-calcite-sheet{--calcite-scrim-background:var(--calcite-sheet-scrim-background, var(--calcite-sheet-scrim-background-internal));position:fixed;inset:0px;display:flex;overflow-y:hidden}/*!@:host([opened])*/[opened].sc-calcite-sheet-h{visibility:visible !important}/*!@.content*/.content.sc-calcite-sheet{position:relative;z-index:var(--calcite-app-z-index-modal);box-sizing:border-box;display:block;max-block-size:100%;max-inline-size:100%;overflow-y:hidden;padding:0px;background-color:var(--calcite-ui-foreground-1);max-block-size:100%;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear var(--calcite-internal-animation-timing-medium), opacity var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88);transform:var(--calcite-sheet-hidden-position-internal)}/*!@.container--open .content*/.container--open.sc-calcite-sheet .content.sc-calcite-sheet{transform:translate3d(0, 0, 0)}/*!@:host([display-mode=float]) .content,\n:host([display-mode=float]) .container*/[display-mode=float].sc-calcite-sheet-h .content.sc-calcite-sheet,[display-mode=float].sc-calcite-sheet-h .container.sc-calcite-sheet{border-radius:0.25rem}/*!@:host([display-mode=float]) .container*/[display-mode=float].sc-calcite-sheet-h .container.sc-calcite-sheet{padding:0.75rem}/*!@.container--open*/.container--open.sc-calcite-sheet{visibility:visible;opacity:1;transition-delay:0ms}/*!@.container--open .content*/.container--open.sc-calcite-sheet .content.sc-calcite-sheet{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-inline-size var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-block-size var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition-delay:0ms}/*!@:host([position=inline-start]) .content,\n:host([position=inline-end]) .content*/[position=inline-start].sc-calcite-sheet-h .content.sc-calcite-sheet,[position=inline-end].sc-calcite-sheet-h .content.sc-calcite-sheet{block-size:100%}/*!@:host([position=block-start]) .content,\n:host([position=block-end]) .content*/[position=block-start].sc-calcite-sheet-h .content.sc-calcite-sheet,[position=block-end].sc-calcite-sheet-h .content.sc-calcite-sheet{inline-size:100%}/*!@:host([position]) .container--slotted-in-shell*/[position].sc-calcite-sheet-h .container--slotted-in-shell.sc-calcite-sheet{pointer-events:auto;position:absolute;inline-size:100%;max-inline-size:100%;min-inline-size:100%;block-size:100%;max-block-size:100%;min-block-size:100%}/*!@:host([position]) .container--slotted-in-shell calcite-scrim*/[position].sc-calcite-sheet-h .container--slotted-in-shell.sc-calcite-sheet calcite-scrim.sc-calcite-sheet{position:absolute}/*!@:host([hidden])*/[hidden].sc-calcite-sheet-h{display:none}/*!@[hidden]*/[hidden].sc-calcite-sheet{display:none}";
 
 class Sheet {
   constructor(hostRef) {
@@ -37659,6 +37659,7 @@ const SLOTS$8 = {
   header: "header",
   footer: "footer",
   alerts: "alerts",
+  sheets: "sheets",
   modals: "modals",
 };
 
@@ -37675,6 +37676,7 @@ const shellCss = "/*!@:host*/.sc-calcite-shell-h{box-sizing:border-box;backgroun
  * @slot center-row - [Deprecated] Use the `"panel-bottom"` slot instead. A slot for adding the bottom `calcite-shell-center-row`.
  * @slot modals - A slot for adding `calcite-modal` components. When placed in this slot, the modal position will be constrained to the extent of the shell.
  * @slot alerts - A slot for adding `calcite-alert` components. When placed in this slot, the alert position will be constrained to the extent of the shell.
+ * @slot sheets - A slot for adding `calcite-sheet` components. When placed in this slot, the alert position will be constrained to the extent of the shell.
  */
 class Shell {
   constructor(hostRef) {
@@ -37698,6 +37700,14 @@ class Shell {
         }
       });
     };
+    this.handleSheetsSlotChange = (event) => {
+      this.hasSheets = !!slotChangeHasAssignedElement(event);
+      slotChangeGetAssignedElements(event)?.map((el) => {
+        if (el.nodeName === "CALCITE-SHEET") {
+          el.slottedInShell = true;
+        }
+      });
+    };
     this.handleModalsSlotChange = (event) => {
       this.hasModals = !!slotChangeHasAssignedElement(event);
       slotChangeGetAssignedElements(event)?.map((el) => {
@@ -37711,6 +37721,7 @@ class Shell {
     this.hasFooter = false;
     this.hasAlerts = false;
     this.hasModals = false;
+    this.hasSheets = false;
   }
   // --------------------------------------------------------------------------
   //
@@ -37737,6 +37748,9 @@ class Shell {
   renderAlerts() {
     return (hAsync("div", { hidden: !this.hasAlerts }, hAsync("slot", { key: "alerts", name: SLOTS$8.alerts, onSlotchange: this.handleAlertsSlotChange })));
   }
+  renderSheets() {
+    return (hAsync("div", { hidden: !this.hasSheets }, hAsync("slot", { key: "sheets", name: SLOTS$8.sheets, onSlotchange: this.handleSheetsSlotChange })));
+  }
   renderModals() {
     return (hAsync("div", { hidden: !this.hasModals }, hAsync("slot", { key: "modals", name: SLOTS$8.modals, onSlotchange: this.handleModalsSlotChange })));
   }
@@ -37763,7 +37777,7 @@ class Shell {
     return (hAsync("div", { class: CSS$f.main }, hAsync("slot", { name: SLOTS$8.panelStart }), this.renderContent(), hAsync("slot", { name: SLOTS$8.panelEnd })));
   }
   renderPositionedSlots() {
-    return (hAsync("div", { class: CSS$f.positionedSlotWrapper }, this.renderAlerts(), this.renderModals()));
+    return (hAsync("div", { class: CSS$f.positionedSlotWrapper }, this.renderAlerts(), this.renderModals(), this.renderSheets()));
   }
   render() {
     return (hAsync(Fragment, null, this.renderHeader(), this.renderMain(), this.renderFooter(), this.renderPositionedSlots()));
@@ -37778,7 +37792,8 @@ class Shell {
       "hasHeader": [32],
       "hasFooter": [32],
       "hasAlerts": [32],
-      "hasModals": [32]
+      "hasModals": [32],
+      "hasSheets": [32]
     },
     "$listeners$": undefined,
     "$lazyBundleId$": "-",
@@ -42928,20 +42943,21 @@ class Tooltip {
 }
 
 function isTreeItem(element) {
-  return element?.matches("calcite-tree-item");
-}
-function getEnabledSiblingItem(el, direction) {
-  const directionProp = direction === "down" ? "nextElementSibling" : "previousElementSibling";
-  let currentEl = el;
-  let enabledEl = null;
-  while (isTreeItem(currentEl)) {
-    if (!currentEl.disabled) {
-      enabledEl = currentEl;
-      break;
+  return element?.tagName === "CALCITE-TREE-ITEM";
+}
+function getTraversableItems(root) {
+  return Array.from(root.querySelectorAll("calcite-tree-item:not([disabled])")).filter((item) => {
+    let currentItem = item;
+    while (currentItem !== root && currentItem !== undefined) {
+      const parent = currentItem.parentElement;
+      const traversable = !isTreeItem(parent) || !parent.hasChildren || parent.expanded;
+      if (!traversable) {
+        return false;
+      }
+      currentItem = currentItem.parentElement;
     }
-    currentEl = currentEl[directionProp];
-  }
-  return enabledEl;
+    return true;
+  });
 }
 
 const treeCss = "/*!@:host*/.sc-calcite-tree-h{display:block}/*!@:host(:focus)*/.sc-calcite-tree-h:focus{outline:2px solid transparent;outline-offset:2px}/*!@:host([hidden])*/[hidden].sc-calcite-tree-h{display:none}/*!@[hidden]*/[hidden].sc-calcite-tree{display:none}";
@@ -42953,6 +42969,80 @@ class Tree {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.calciteTreeSelect = createEvent(this, "calciteTreeSelect", 6);
+    this.keyDownHandler = (event) => {
+      if (this.child) {
+        return;
+      }
+      const root = this.el;
+      const target = event.target;
+      const supportedKeys = ["ArrowRight", "ArrowDown", "ArrowLeft", "ArrowUp", "Home", "End", "Tab"];
+      if (!(isTreeItem(target) && this.el.contains(target)) || !supportedKeys.includes(event.key)) {
+        return;
+      }
+      const traversableItems = getTraversableItems(root);
+      if (event.key === "Tab") {
+        // root tabindex will be restored when blurred/focused
+        traversableItems.forEach((item) => (item.tabIndex = -1));
+        return;
+      }
+      if (event.key === "ArrowDown") {
+        const currentItemIndex = traversableItems.indexOf(target);
+        const nextItem = traversableItems[currentItemIndex + 1];
+        nextItem?.focus();
+        event.preventDefault();
+        return;
+      }
+      if (event.key === "ArrowUp") {
+        const currentItemIndex = traversableItems.indexOf(target);
+        const previousItem = traversableItems[currentItemIndex - 1];
+        previousItem?.focus();
+        event.preventDefault();
+        return;
+      }
+      if (event.key === "ArrowLeft") {
+        if (target.hasChildren && target.expanded) {
+          target.expanded = false;
+          event.preventDefault();
+          return;
+        }
+        const rootToItemPath = traversableItems.slice(0, traversableItems.indexOf(target)).reverse();
+        const parentItem = rootToItemPath.find((item) => item.depth === target.depth - 1);
+        parentItem?.focus();
+        event.preventDefault();
+        return;
+      }
+      if (event.key === "ArrowRight") {
+        if (!target.disabled && target.hasChildren) {
+          if (!target.expanded) {
+            target.expanded = true;
+            event.preventDefault();
+          }
+          else {
+            const currentItemIndex = traversableItems.indexOf(target);
+            const nextItem = traversableItems[currentItemIndex + 1];
+            nextItem?.focus();
+            event.preventDefault();
+          }
+        }
+        return;
+      }
+      if (event.key === "Home") {
+        const firstNode = traversableItems.shift();
+        if (firstNode) {
+          firstNode.focus();
+          event.preventDefault();
+        }
+        return;
+      }
+      if (event.key === "End") {
+        const lastNode = traversableItems.pop();
+        if (lastNode) {
+          lastNode.focus();
+          event.preventDefault();
+        }
+        return;
+      }
+    };
     this.lines = false;
     this.child = undefined;
     this.scale = "m";
@@ -42974,7 +43064,7 @@ class Tree {
   render() {
     return (hAsync(Host, { "aria-multiselectable": this.child
         ? undefined
-        : (this.selectionMode === "multiple" || this.selectionMode === "multichildren").toString(), role: !this.child ? "tree" : undefined, tabIndex: this.getRootTabIndex() }, hAsync("slot", null)));
+        : (this.selectionMode === "multiple" || this.selectionMode === "multichildren").toString(), onKeyDown: this.keyDownHandler, role: !this.child ? "tree" : undefined, tabIndex: this.getRootTabIndex() }, hAsync("slot", null)));
   }
   //--------------------------------------------------------------------------
   //
@@ -43088,60 +43178,6 @@ class Tree {
     this.calciteTreeSelect.emit();
     event.stopPropagation();
   }
-  keyDownHandler(event) {
-    const root = this.el.closest("calcite-tree:not([child])");
-    const target = event.target;
-    if (!(root === this.el && target.tagName === "CALCITE-TREE-ITEM" && this.el.contains(target))) {
-      return;
-    }
-    if (event.key === "ArrowDown") {
-      const next = getEnabledSiblingItem(target.nextElementSibling, "down");
-      if (next) {
-        next.focus();
-        event.preventDefault();
-      }
-      return;
-    }
-    if (event.key === "ArrowUp") {
-      const previous = getEnabledSiblingItem(target.previousElementSibling, "up");
-      if (previous) {
-        previous.focus();
-        event.preventDefault();
-      }
-    }
-    if (event.key === "ArrowLeft" && !target.disabled) {
-      // When focus is on an open node, closes the node.
-      if (target.hasChildren && target.expanded) {
-        target.expanded = false;
-        event.preventDefault();
-        return;
-      }
-      // When focus is on a child node that is also either an end node or a closed node, moves focus to its parent node.
-      const parentItem = target.parentElement.closest("calcite-tree-item");
-      if (parentItem && (!target.hasChildren || target.expanded === false)) {
-        parentItem.focus();
-        event.preventDefault();
-        return;
-      }
-      // When focus is on a root node that is also either an end node or a closed node, does nothing.
-      return;
-    }
-    if (event.key === "ArrowRight" && !target.disabled) {
-      if (target.hasChildren) {
-        if (target.expanded && getRootNode(this.el).activeElement === target) {
-          // When focus is on an open node, moves focus to the first child node.
-          getEnabledSiblingItem(target.querySelector("calcite-tree-item"), "down")?.focus();
-          event.preventDefault();
-        }
-        else {
-          // When focus is on a closed node, opens the node; focus does not move.
-          target.expanded = true;
-          event.preventDefault();
-        }
-      }
-      return;
-    }
-  }
   updateAncestorTree(event) {
     const item = event.target;
     const updateItem = event.detail.updateItem;
@@ -43224,7 +43260,7 @@ class Tree {
       "selectionMode": [1537, "selection-mode"],
       "selectedItems": [1040]
     },
-    "$listeners$": [[0, "focus", "onFocus"], [0, "focusin", "onFocusIn"], [0, "focusout", "onFocusOut"], [0, "calciteInternalTreeItemSelect", "onClick"], [0, "keydown", "keyDownHandler"]],
+    "$listeners$": [[0, "focus", "onFocus"], [0, "focusin", "onFocusIn"], [0, "focusout", "onFocusOut"], [0, "calciteInternalTreeItemSelect", "onClick"]],
     "$lazyBundleId$": "-",
     "$attrsToReflect$": [["lines", "lines"], ["child", "child"], ["scale", "scale"], ["selectionMode", "selection-mode"]]
   }; }
@@ -43362,7 +43398,8 @@ class TreeItem {
     this.updateAncestorTree();
   }
   componentDidRender() {
-    updateHostInteraction(this, () => this.parentExpanded || this.depth === 1);
+    updateHostInteraction(this, () => false // programmatically focusable
+    );
   }
   render() {
     const rtl = getElementDir(this.el) === "rtl";
@@ -43426,7 +43463,6 @@ class TreeItem {
     this.userChangedValue = true;
   }
   keyDownHandler(event) {
-    let root;
     if (this.isActionEndEvent(event)) {
       return;
     }
@@ -43448,7 +43484,7 @@ class TreeItem {
           return;
         }
         // activates a node, i.e., performs its default action. For parent nodes, one possible default action is to open or close the node. In single-select trees where selection does not follow focus (see note below), the default action is typically to select the focused node.
-        const link = nodeListToArray(this.el.children).find((el) => el.matches("a"));
+        const link = Array.from(this.el.children).find((el) => el.matches("a"));
         this.userChangedValue = true;
         if (link) {
           link.click();
@@ -43462,22 +43498,6 @@ class TreeItem {
           });
         }
         event.preventDefault();
-        break;
-      case "Home":
-        root = this.el.closest("calcite-tree:not([child])");
-        const firstNode = root.querySelector("calcite-tree-item");
-        firstNode?.focus();
-        break;
-      case "End":
-        root = this.el.closest("calcite-tree:not([child])");
-        let currentNode = root.children[root.children.length - 1]; // last child
-        let currentTree = nodeListToArray(currentNode.children).find((el) => el.matches("calcite-tree"));
-        while (currentTree) {
-          currentNode = currentTree.children[root.children.length - 1];
-          currentTree = nodeListToArray(currentNode.children).find((el) => el.matches("calcite-tree"));
-        }
-        currentNode?.focus();
-        break;
     }
   }
   //--------------------------------------------------------------------------

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "1.7.0-next.10",
+  "version": "1.7.0-next.12",
   "description": "Web Components for Esri's Calcite Design System.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -75,7 +75,7 @@
   },
   "devDependencies": {
     "@esri/calcite-design-tokens": "1.0.0",
-    "@esri/calcite-ui-icons": "3.23.7",
+    "@esri/calcite-ui-icons": "3.23.9",
     "@esri/eslint-plugin-calcite-components": "^0.2.3-next.4",
     "@stencil-community/eslint-plugin": "0.5.0",
     "@stencil/postcss": "2.1.0",
@@ -87,5 +87,5 @@
   "volta": {
     "extends": "../../package.json"
   },
-  "gitHead": "2a9fb332ed01792cdb1fe651f6c36813a3b6a568"
+  "gitHead": "614f5c2987d4d5982efdba8ca8f83d7caa8897ae"
 }

package/dist/calcite/p-151ffc4a.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.10
- */
-import{g as n}from"./p-f89856b0.js";import{g as t}from"./p-a3202da5.js";const s={};function o(){throw new Error("could not fetch component message bundle")}function c(n){n.messages={...n.defaultMessages,...n.messageOverrides}}async function a(n){n.defaultMessages=await i(n,n.effectiveLocale),c(n)}async function i(c,a){const{el:i}=c,e=i.tagName.toLowerCase().replace("calcite-","");return async function(t,c){const a=`${c}_${t}`;return s[a]||(s[a]=fetch(n(`./assets/${c}/t9n/messages_${t}.json`)).then((n=>(n.ok||o(),n.json()))).catch((()=>o()))),s[a]}(t(a,"t9n"),e)}async function e(n,t){n.defaultMessages=await i(n,t),c(n)}function f(n){n.onMessagesChange=r}function u(n){n.onMessagesChange=void 0}function r(){c(this)}export{f as c,u as d,a as s,e as u}