@esri/solutions-components 0.6.5 → 0.6.6

package/dist/esm/calcite-tree_3.entry.js

@@ -4,18 +4,17 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, a as getAssetPath } from './index-b5d9d795.js';
-import { e as focusElement, n as nodeListToArray, y as getRootNode, a as getSlotted, o as slotChangeHasAssignedElement, b as getElementDir, t as toAriaBoolean, x as filterDirectChildren } from './dom-eacf4716.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-055c62f5.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-06212598.js';
-import { C as CSS_UTILITY } from './resources-3d8e1c27.js';
-import './guid-5a6c2c24.js';
-import './observers-99910f46.js';
-import './browser-7fc2f4c3.js';
+import { h as focusElement, n as nodeListToArray, z as getRootNode, g as getSlotted, r as slotChangeHasAssignedElement, a as getElementDir, t as toAriaBoolean, y as filterDirectChildren } from './dom-843e3afd.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-27a0fce0.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-eaf4be29.js';
+import { C as CSS_UTILITY } from './resources-94c47e64.js';
+import './guid-2bbb8cd1.js';
+import './observers-9d66685a.js';
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.3
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.6.0
  */
 function isTreeItem(element) {
   return element?.matches("calcite-tree-item");
@@ -34,7 +33,7 @@ function getEnabledSiblingItem(el, direction) {
   return enabledEl;
 }
 
-const treeCss = "@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-right{0%{opacity:0;transform:translate3D(-5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px, 0, 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-right{animation-name:in-right}.calcite-animate__in-left{animation-name:in-left}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:var(--calcite-app-z-index-dropdown)}:host([hidden]){display:none}:host{display:block}:host(:focus){outline:2px solid transparent;outline-offset:2px}";
+const treeCss = ":host{display:block}:host(:focus){outline:2px solid transparent;outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}";
 
 const Tree = class {
   constructor(hostRef) {
@@ -258,7 +257,7 @@ const Tree = class {
       item.selected = selected.length === childItems.length;
       item.indeterminate = selected.length > 0 && unselected.length > 0;
     }
-    childItemsWithChildren.forEach((el) => {
+    childItemsWithChildren.reverse().forEach((el) => {
       const directChildItems = Array.from(el.querySelectorAll(":scope > calcite-tree > calcite-tree-item"));
       updateItemState(directChildItems, el);
     });
@@ -298,8 +297,8 @@ Tree.style = treeCss;
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.3
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.6.0
  */
 const CSS = {
   actionsEnd: "actions-end",
@@ -312,20 +311,20 @@ const CSS = {
   checkmarkIcon: "checkmark",
   itemExpanded: "item--expanded",
   iconStart: "icon-start",
-  nodeAndActionsContainer: "node-actions-container"
+  nodeAndActionsContainer: "node-actions-container",
 };
 const SLOTS = {
   actionsEnd: "actions-end",
-  children: "children"
+  children: "children",
 };
 const ICONS = {
   bulletPoint: "bullet-point",
   checkmark: "check",
   chevronRight: "chevron-right",
-  blank: "blank"
+  blank: "blank",
 };
 
-const treeItemCss = "@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-right{0%{opacity:0;transform:translate3D(-5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px, 0, 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-right{animation-name:in-right}.calcite-animate__in-left{animation-name:in-left}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:var(--calcite-app-z-index-dropdown)}:host([hidden]){display:none}:host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;max-inline-size:100%;cursor:pointer;color:var(--calcite-ui-text-3)}[hidden]{display:none}.node-actions-container{display:flex;justify-content:space-between}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([scale=s]){font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .node-actions-container{min-block-size:1.5rem}:host([scale=s]) .node-actions-container .node-container .checkbox,:host([scale=s]) .node-actions-container .node-container .chevron,:host([scale=s]) .node-actions-container .node-container .checkmark,:host([scale=s]) .node-actions-container .node-container .bullet-point{margin-inline:0.25rem}:host([scale=s]) .node-actions-container .node-container .icon-start{margin-inline:0.75rem}:host([scale=m]){font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .node-actions-container{min-block-size:2rem}:host([scale=m]) .node-actions-container .node-container .checkbox,:host([scale=m]) .node-actions-container .node-container .chevron,:host([scale=m]) .node-actions-container .node-container .checkmark,:host([scale=m]) .node-actions-container .node-container .bullet-point{margin-inline:0.5rem}:host([scale=m]) .node-actions-container .node-container .icon-start{margin-inline:0.75rem}:host([scale=l]){font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .node-actions-container{min-block-size:2.75rem}:host([scale=l]) .node-actions-container .node-container .checkbox,:host([scale=l]) .node-actions-container .node-container .chevron,:host([scale=l]) .node-actions-container .node-container .checkmark,:host([scale=l]) .node-actions-container .node-container .bullet-point{margin-inline:0.75rem}:host([scale=l]) .node-actions-container .node-container .icon-start{margin-inline:0.75rem}:host([lines]) .children-container:after{position:absolute;inset-block-start:0px;z-index:var(--calcite-app-z-index);inline-size:1px;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;block-size:96%;content:\"\";background-color:var(--calcite-ui-border-2)}:host(:not([lines])) .node-container:after{display:none}::slotted(*){min-inline-size:0px;max-inline-size:100%;overflow-wrap:break-word;color:inherit;text-decoration:none !important}::slotted(*):hover{text-decoration:none !important}::slotted(a){inline-size:100%;-webkit-text-decoration-line:none;text-decoration-line:none}:host{outline-color:transparent}:host:focus,:host:active{outline:2px solid transparent;outline-offset:2px;outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}:host(:focus:not([disabled])){outline:2px solid transparent;outline-offset:2px;outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}.actions-end{display:flex;flex-direction:row;align-items:center;align-self:stretch}.checkbox{line-height:0}.checkbox-label{pointer-events:none;display:flex;align-items:center}.checkbox:focus{outline:2px solid transparent;outline-offset:2px}.children-container{position:relative;block-size:0px;transform-origin:top;overflow:hidden;opacity:0;margin-inline-start:1.25rem;transform:scaleY(0);transition:var(--calcite-animation-timing) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-animation-timing) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out}.item--expanded>.children-container{overflow:visible;opacity:1;transform:none;block-size:auto}.node-container{position:relative;display:flex;min-inline-size:0px;align-items:center}.node-container .checkmark,.node-container .bullet-point{opacity:0;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;color:var(--calcite-ui-border-1)}.node-container:hover .checkmark,.node-container:hover .bullet-point,:host([selected]) .node-container:hover .checkmark,:host([selected]) .node-container:hover .bullet-point,:host(:focus:not([disabled])) .node-container .checkmark,:host(:focus:not([disabled])) .node-container .bullet-point{opacity:1}:host([selected]) .node-container,:host([selected]) .node-container:hover{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}:host([selected]) .node-container .bullet-point,:host([selected]) .node-container .checkmark,:host([selected]) .node-container:hover .bullet-point,:host([selected]) .node-container:hover .checkmark{opacity:1;color:var(--calcite-ui-brand)}:host([selection-mode=none]:not([has-children])):host([scale=s]) .node-container{padding-inline-start:0.5rem}:host([selection-mode=none]:not([has-children])):host([scale=m]) .node-container{padding-inline-start:1rem}:host([selection-mode=none]:not([has-children])):host([scale=l]) .node-container{padding-inline-start:1.5rem}:host(:not([has-children])):host([scale=s]) .node-container[data-selection-mode=ancestors] .checkbox{padding-inline-start:1.25rem}:host(:not([has-children])):host([scale=m]) .node-container[data-selection-mode=ancestors] .checkbox{padding-inline-start:1.5rem}:host(:not([has-children])):host([scale=l]) .node-container[data-selection-mode=ancestors] .checkbox{padding-inline-start:1.75rem}:host([has-children]) .node-container[data-selection-mode=ancestors] .checkbox{margin-inline-start:0}:host([has-children]) .node-container .bullet-point,:host([has-children]) .node-container .checkmark{display:none}:host([has-children][expanded]:not([selected]):not([selection-mode=none])) .node-container ::slotted(*){font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}:host([has-children][selected]) .node-container[data-selection-mode=children],:host([has-children][selected]) .node-container[data-selection-mode=multichildren]{color:var(--calcite-ui-brand)}.chevron{position:relative;align-self:center;color:var(--calcite-ui-text-3);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;flex:0 0 auto;transform:rotate(0deg)}.calcite--rtl .chevron{transform:rotate(180deg)}.item--expanded .node-container>.chevron{transform:rotate(90deg)}:host([selected]) .checkmark,:host([selected]) .bullet-point{color:var(--calcite-ui-brand)}";
+const treeItemCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;max-inline-size:100%;cursor:pointer;color:var(--calcite-ui-text-3)}.node-actions-container{display:flex;justify-content:space-between}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([scale=s]){font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .node-actions-container{min-block-size:1.5rem}:host([scale=s]) .node-actions-container .node-container .checkbox,:host([scale=s]) .node-actions-container .node-container .chevron,:host([scale=s]) .node-actions-container .node-container .checkmark,:host([scale=s]) .node-actions-container .node-container .bullet-point{margin-inline:0.25rem}:host([scale=s]) .node-actions-container .node-container .icon-start{margin-inline:0.75rem}:host([scale=m]){font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .node-actions-container{min-block-size:2rem}:host([scale=m]) .node-actions-container .node-container .checkbox,:host([scale=m]) .node-actions-container .node-container .chevron,:host([scale=m]) .node-actions-container .node-container .checkmark,:host([scale=m]) .node-actions-container .node-container .bullet-point{margin-inline:0.5rem}:host([scale=m]) .node-actions-container .node-container .icon-start{margin-inline:0.75rem}:host([scale=l]){font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .node-actions-container{min-block-size:2.75rem}:host([scale=l]) .node-actions-container .node-container .checkbox,:host([scale=l]) .node-actions-container .node-container .chevron,:host([scale=l]) .node-actions-container .node-container .checkmark,:host([scale=l]) .node-actions-container .node-container .bullet-point{margin-inline:0.75rem}:host([scale=l]) .node-actions-container .node-container .icon-start{margin-inline:0.75rem}:host([lines]) .children-container:after{position:absolute;inset-block-start:0px;z-index:var(--calcite-app-z-index);inline-size:1px;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;block-size:96%;content:\"\";background-color:var(--calcite-ui-border-2)}:host(:not([lines])) .node-container:after{display:none}::slotted(*){min-inline-size:0px;max-inline-size:100%;overflow-wrap:break-word;color:inherit;text-decoration:none !important}::slotted(*):hover{text-decoration:none !important}::slotted(a){inline-size:100%;-webkit-text-decoration-line:none;text-decoration-line:none}:host{outline-color:transparent}:host:focus,:host:active{outline:2px solid transparent;outline-offset:2px;outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}:host(:focus:not([disabled])){outline:2px solid transparent;outline-offset:2px;outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}.actions-end{display:flex;flex-direction:row;align-items:center;align-self:stretch}.checkbox{line-height:0}.checkbox-label{pointer-events:none;display:flex;align-items:center}.checkbox:focus{outline:2px solid transparent;outline-offset:2px}.children-container{position:relative;block-size:0px;transform-origin:top;overflow:hidden;opacity:0;margin-inline-start:1.25rem;transform:scaleY(0);transition:var(--calcite-animation-timing) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-animation-timing) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out}.item--expanded>.children-container{overflow:visible;opacity:1;transform:none;block-size:auto}.node-container{position:relative;display:flex;min-inline-size:0px;align-items:center}.node-container .checkmark,.node-container .bullet-point{opacity:0;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;color:var(--calcite-ui-border-1)}.node-container:hover .checkmark,.node-container:hover .bullet-point,:host([selected]) .node-container:hover .checkmark,:host([selected]) .node-container:hover .bullet-point,:host(:focus:not([disabled])) .node-container .checkmark,:host(:focus:not([disabled])) .node-container .bullet-point{opacity:1}:host([selected]) .node-container,:host([selected]) .node-container:hover{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}:host([selected]) .node-container .bullet-point,:host([selected]) .node-container .checkmark,:host([selected]) .node-container:hover .bullet-point,:host([selected]) .node-container:hover .checkmark{opacity:1;color:var(--calcite-ui-brand)}:host([selection-mode=none]:not([has-children])):host([scale=s]) .node-container{padding-inline-start:0.5rem}:host([selection-mode=none]:not([has-children])):host([scale=m]) .node-container{padding-inline-start:1rem}:host([selection-mode=none]:not([has-children])):host([scale=l]) .node-container{padding-inline-start:1.5rem}:host(:not([has-children])):host([scale=s]) .node-container[data-selection-mode=ancestors] .checkbox{padding-inline-start:1.25rem}:host(:not([has-children])):host([scale=m]) .node-container[data-selection-mode=ancestors] .checkbox{padding-inline-start:1.5rem}:host(:not([has-children])):host([scale=l]) .node-container[data-selection-mode=ancestors] .checkbox{padding-inline-start:1.75rem}:host([has-children]) .node-container[data-selection-mode=ancestors] .checkbox{margin-inline-start:0}:host([has-children]) .node-container .bullet-point,:host([has-children]) .node-container .checkmark{display:none}:host([has-children][expanded]:not([selected]):not([selection-mode=none])) .node-container ::slotted(*){font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}:host([has-children][selected]) .node-container[data-selection-mode=children],:host([has-children][selected]) .node-container[data-selection-mode=multichildren]{color:var(--calcite-ui-brand)}.chevron{position:relative;align-self:center;color:var(--calcite-ui-text-3);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;flex:0 0 auto;transform:rotate(0deg)}.calcite--rtl .chevron{transform:rotate(180deg)}.item--expanded .node-container>.chevron{transform:rotate(90deg)}:host([selected]) .checkmark,:host([selected]) .bullet-point{color:var(--calcite-ui-brand)}:host([hidden]){display:none}[hidden]{display:none}";
 
 const TreeItem = class {
   constructor(hostRef) {
@@ -339,7 +338,7 @@ const TreeItem = class {
     this.updateParentIsExpanded = (el, expanded) => {
       const items = getSlotted(el, SLOTS.children, {
         all: true,
-        selector: "calcite-tree-item"
+        selector: "calcite-tree-item",
       });
       items.forEach((item) => (item.parentExpanded = expanded));
     };
@@ -426,7 +425,7 @@ const TreeItem = class {
     const showBlank = this.selectionMode === "none" && !this.hasChildren;
     const chevron = this.hasChildren ? (h("calcite-icon", { class: {
         [CSS.chevron]: true,
-        [CSS_UTILITY.rtl]: rtl
+        [CSS_UTILITY.rtl]: rtl,
       }, "data-test-id": "icon", icon: ICONS.chevronRight, onClick: this.iconClickHandler, scale: this.scale === "l" ? "m" : "s" })) : null;
     const defaultSlotNode = h("slot", { key: "default-slot" });
     const checkbox = this.selectionMode === "ancestors" ? (h("label", { class: CSS.checkboxLabel, key: "checkbox-label" }, h("calcite-checkbox", { checked: this.selected, class: CSS.checkbox, "data-test-id": "checkbox", indeterminate: this.hasChildren && this.indeterminate, scale: this.scale, tabIndex: -1 }), defaultSlotNode)) : null;
@@ -440,7 +439,7 @@ const TreeItem = class {
     const itemIndicator = selectedIcon ? (h("calcite-icon", { class: {
         [CSS.bulletPointIcon]: selectedIcon === ICONS.bulletPoint,
         [CSS.checkmarkIcon]: selectedIcon === ICONS.checkmark,
-        [CSS_UTILITY.rtl]: rtl
+        [CSS_UTILITY.rtl]: rtl,
       }, icon: selectedIcon, scale: this.scale === "l" ? "m" : "s" })) : null;
     const hidden = !(this.parentExpanded || this.depth === 1);
     const isExpanded = this.updateAfterInitialRender && this.expanded;
@@ -449,12 +448,12 @@ const TreeItem = class {
     const iconStartEl = (h("calcite-icon", { class: CSS.iconStart, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: this.scale === "l" ? "m" : "s" }));
     return (h(Host, { "aria-expanded": this.hasChildren ? toAriaBoolean(isExpanded) : undefined, "aria-hidden": toAriaBoolean(hidden), "aria-selected": this.selected ? "true" : showCheckmark ? "false" : undefined, "calcite-hydrated-hidden": hidden, role: "treeitem" }, h("div", { class: { [CSS.itemExpanded]: isExpanded } }, h("div", { class: CSS.nodeAndActionsContainer }, h("div", { class: {
         [CSS.nodeContainer]: true,
-        [CSS_UTILITY.rtl]: rtl
+        [CSS_UTILITY.rtl]: rtl,
       }, "data-selection-mode": this.selectionMode,
       // eslint-disable-next-line react/jsx-sort-props
       ref: (el) => (this.defaultSlotWrapper = el) }, chevron, itemIndicator, this.iconStart ? iconStartEl : null, checkbox ? checkbox : defaultSlotNode), h("div", { class: CSS.actionsEnd, hidden: !hasEndActions, ref: (el) => (this.actionSlotWrapper = el) }, slotNode)), h("div", { class: {
         [CSS.childrenContainer]: true,
-        [CSS_UTILITY.rtl]: rtl
+        [CSS_UTILITY.rtl]: rtl,
       }, "data-test-id": "calcite-tree-children", onClick: this.childrenClickHandler, role: this.hasChildren ? "group" : undefined }, h("slot", { name: SLOTS.children })))));
   }
   //--------------------------------------------------------------------------
@@ -475,7 +474,7 @@ const TreeItem = class {
     }
     this.calciteInternalTreeItemSelect.emit({
       modifyCurrentSelection: this.selectionMode === "ancestors" || this.isSelectionMultiLike,
-      forceToggle: false
+      forceToggle: false,
     });
   }
   keyDownHandler(event) {
@@ -490,7 +489,7 @@ const TreeItem = class {
         }
         this.calciteInternalTreeItemSelect.emit({
           modifyCurrentSelection: this.isSelectionMultiLike,
-          forceToggle: false
+          forceToggle: false,
         });
         event.preventDefault();
         break;
@@ -507,7 +506,7 @@ const TreeItem = class {
         else {
           this.calciteInternalTreeItemSelect.emit({
             modifyCurrentSelection: this.isSelectionMultiLike,
-            forceToggle: false
+            forceToggle: false,
           });
         }
         event.preventDefault();

package/dist/esm/card-manager_4.entry.js

@@ -5,9 +5,9 @@
  */
 import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-b5d9d795.js';
 import { g as getLocaleComponentStrings } from './locale-aa3de591.js';
-import { q as queryFeaturesByID, i as getLayer, j as getMapLayerIds, g as goToSelection, k as queryAllIds } from './mapViewUtils-ac8b3bfb.js';
+import { q as queryFeaturesByID, a as getLayer, b as getMapLayerIds, g as goToSelection, c as queryAllIds } from './mapViewUtils-f0c04325.js';
 import { l as loadModules } from './loadModules-2ecd1e44.js';
-import { d as downloadCSV } from './downloadUtils-4bb98860.js';
+import { d as downloadCSV } from './downloadUtils-63661805.js';
 import { E as ELayoutMode } from './interfaces-5a2fe8b4.js';
 import './_commonjsHelpers-d5f9d613.js';
 

package/dist/esm/{conditionalSlot-055c62f5.js → conditionalSlot-27a0fce0.js}

@@ -4,12 +4,12 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { f as forceUpdate } from './index-b5d9d795.js';
-import { c as createObserver } from './observers-99910f46.js';
+import { c as createObserver } from './observers-9d66685a.js';
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.3
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.6.0
  */
 const observed = new Set();
 let mutationObserver;

package/dist/esm/crowdsource-manager.entry.js

@@ -8,12 +8,13 @@ import { g as getLocaleComponentStrings } from './locale-aa3de591.js';
 import { E as ELayoutMode } from './interfaces-5a2fe8b4.js';
 import './_commonjsHelpers-d5f9d613.js';
 
-const crowdsourceManagerCss = ":host{display:block;--calcite-label-margin-bottom:0px}.padding-1-2{padding:0.5rem}.display-flex{display:flex}.width-full{width:100%}.width-1-2{position:relative;width:50%}.width-1-3{position:relative;width:33.33%}.width-2-3{position:relative;width:66.66%}.width-0{width:0}.height-full{height:100%}.height-1-2{position:relative;height:50%}.height-0{height:0}.toggle-node{width:51px;height:51px}.overflow-hidden{overflow:hidden}.flex-column{flex-direction:column}.border{border:1px solid var(--calcite-ui-border-3)}.position-relative{position:relative}.height-50{height:50%}.adjusted-height-50{height:calc(50% - 0.5rem)}.adjusted-height-100{height:calc(100% - 1rem)}.display-none{display:none}.height-53{height:53px}.position-absolute-53{position:absolute;top:53px}.display-grid{display:grid}";
+const crowdsourceManagerCss = ":host{display:block;--calcite-label-margin-bottom:0px}.padding-1-2{padding:0.5rem}.display-flex{display:flex}.width-full{width:100%}.width-1-2{position:relative;width:50%}.width-1-3{position:relative;width:33.33%}.width-2-3{position:relative;width:66.66%}.width-0{width:0}.height-full{height:100%}.height-1-2{position:relative;height:50%}.height-0{height:0}.toggle-node{width:51px;height:51px}.overflow-hidden{overflow:hidden}.flex-column{flex-direction:column}.border{border:1px solid var(--calcite-ui-border-3)}.border-bottom{border-bottom:1px solid var(--calcite-ui-border-3)}.position-relative{position:relative}.height-50{height:50%}.adjusted-height-50{height:calc(50% - 0.5rem)}.adjusted-height-100{height:calc(100% - 1rem)}.display-none{display:none}.height-53{height:53px}.position-absolute-53{position:absolute;top:53px}.display-grid{display:grid}";
 
 const CrowdsourceManager = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.classicGrid = false;
+    this.hideHeader = true;
     this.hideMap = false;
     this.mapInfos = [];
     this.zoomAndScrollToSelected = false;
@@ -72,7 +73,7 @@ const CrowdsourceManager = class {
    * Renders the component.
    */
   render() {
-    return (h(Host, null, h("calcite-shell", null, h("calcite-panel", { class: "width-full height-full", heading: this._translations.header }, h("layout-manager", { slot: "header-actions-end" }), this._getBody(this._layoutMode, this._panelOpen, this.hideMap)))));
+    return (h(Host, null, h("calcite-shell", null, h("calcite-panel", { class: "width-full height-full", heading: this.hideHeader ? undefined : this._translations.header }, this.hideHeader ? undefined : (h("layout-manager", { slot: "header-actions-end" })), this._getBody(this._layoutMode, this._panelOpen, this.hideMap)))));
   }
   //--------------------------------------------------------------------------
   //
@@ -173,10 +174,10 @@ const CrowdsourceManager = class {
   _getBody(layoutMode, panelOpen, hideMap) {
     const contentClass = this.classicGrid && layoutMode === ELayoutMode.GRID && panelOpen ? "display-grid" :
       layoutMode === ELayoutMode.HORIZONTAL ? "" : "display-flex";
-    return this.classicGrid ? (h("calcite-panel", { class: "width-full height-full" }, h("div", { class: `width-full height-full ${contentClass}` }, this._getTable(layoutMode, panelOpen), this._getMap(layoutMode, panelOpen, hideMap)))) : (h("calcite-panel", { class: "width-full height-full" }, h("div", { class: `width-full height-full ${contentClass}` }, this._getMap(layoutMode, panelOpen, hideMap), this._getTable(layoutMode, panelOpen))));
+    return this.classicGrid ? (h("calcite-panel", { class: "width-full height-full" }, h("div", { class: `width-full height-full ${contentClass}` }, this._getTable(layoutMode, panelOpen), this._getMapAndCard(layoutMode, panelOpen, hideMap)))) : (h("calcite-panel", { class: "width-full height-full" }, h("div", { class: `width-full height-full ${contentClass}` }, this._getMapAndCard(layoutMode, panelOpen, hideMap), this._getTable(layoutMode, panelOpen))));
   }
   /**
-   * Get the map node based for the current layout
+   * Get the map and card nodes based for the current layout options
    *
    * @param layoutMode ELayoutMode the current layout mode
    * @param panelOpen boolean indicates if all panels are open
@@ -185,17 +186,40 @@ const CrowdsourceManager = class {
    * @returns the map node
    * @protected
    */
-  _getMap(layoutMode, panelOpen, hideMap) {
+  _getMapAndCard(layoutMode, panelOpen, hideMap) {
+    const mapSizeClass = this._getMapSizeClass(layoutMode, panelOpen);
+    return this.classicGrid ? (h("div", { class: `${mapSizeClass} overflow-hidden` }, this._getCardNode(layoutMode, hideMap), this._getMapNode(layoutMode, hideMap))) : (h("div", { class: `${mapSizeClass} overflow-hidden` }, this._getMapNode(layoutMode, hideMap), this._getCardNode(layoutMode, hideMap)));
+  }
+  /**
+   * Get the map node based for the current layout options
+   *
+   * @param layoutMode ELayoutMode the current layout mode
+   * @param hideMap when true no map is displayed
+   *
+   * @returns the map node
+   * @protected
+   */
+  _getMapNode(layoutMode, hideMap) {
     const mapDisplayClass = this.classicGrid && layoutMode === ELayoutMode.GRID ? "display-flex height-full width-1-2" :
       layoutMode === ELayoutMode.GRID && !hideMap ? "" : "display-none";
+    const mapContainerClass = this.classicGrid && layoutMode === ELayoutMode.GRID ? "width-full" : "adjusted-height-50";
+    return (h("div", { class: `${mapContainerClass} overflow-hidden ${mapDisplayClass}` }, h("map-card", { class: "width-full", mapInfos: this.mapInfos })));
+  }
+  /**
+   * Get the card node based for the current layout options
+   *
+   * @param layoutMode ELayoutMode the current layout mode
+   * @param hideMap when true no map is displayed
+   *
+   * @returns the map node
+   * @protected
+   */
+  _getCardNode(layoutMode, hideMap) {
     const cardManagerHeight = this.classicGrid && layoutMode === ELayoutMode.GRID ? "" :
       layoutMode === ELayoutMode.GRID && !hideMap ? "adjusted-height-50" : "adjusted-height-100";
-    //
-    const mapSizeClass = this._getMapSizeClass(layoutMode, panelOpen);
-    const mapContainerClass = this.classicGrid && layoutMode === ELayoutMode.GRID ? "width-full" : "adjusted-height-50";
     const cardManagerContainer = this.classicGrid && layoutMode === ELayoutMode.GRID ?
       "width-full adjusted-height-100" : "width-50 height-full";
-    return (h("div", { class: `${mapSizeClass} overflow-hidden` }, h("div", { class: `${mapContainerClass} overflow-hidden ${mapDisplayClass}` }, h("map-card", { class: "width-full", mapInfos: this.mapInfos })), h("div", { class: `padding-1-2 ${cardManagerContainer}` }, h("card-manager", { class: `${cardManagerHeight} width-full`, mapView: this === null || this === void 0 ? void 0 : this._mapView, zoomAndScrollToSelected: this.zoomAndScrollToSelected }))));
+    return (h("div", { class: `padding-1-2 ${cardManagerContainer}` }, h("card-manager", { class: `${cardManagerHeight} width-full`, mapView: this === null || this === void 0 ? void 0 : this._mapView, zoomAndScrollToSelected: this.zoomAndScrollToSelected })));
   }
   /**
    * Get the table node based for the current layout
@@ -215,7 +239,7 @@ const CrowdsourceManager = class {
     const toggleSlot = this.classicGrid && layoutMode !== ELayoutMode.VERTICAL ? "footer" :
       this.classicGrid && layoutMode === ELayoutMode.VERTICAL ? "panel-end" :
         layoutMode === ELayoutMode.HORIZONTAL ? "header" : "panel-start";
-    return (h("calcite-shell", { class: tableSizeClass }, h("calcite-action-bar", { class: "border", expandDisabled: true, layout: toggleLayout, slot: toggleSlot }, h("calcite-action", { class: "toggle-node", icon: icon, id: id, onClick: () => this._toggleLayout(), text: "" }), h("calcite-tooltip", { label: tooltip, placement: "bottom", "reference-element": id }, h("span", null, tooltip))), h("div", { class: "width-full height-full position-relative" }, h("layer-table", { mapView: this === null || this === void 0 ? void 0 : this._mapView, zoomAndScrollToSelected: this.zoomAndScrollToSelected }))));
+    return (h("calcite-shell", { class: tableSizeClass + " border-bottom" }, h("calcite-action-bar", { class: "border", expandDisabled: true, layout: toggleLayout, slot: toggleSlot }, h("calcite-action", { class: "toggle-node", icon: icon, id: id, onClick: () => this._toggleLayout(), text: "" }), h("calcite-tooltip", { label: tooltip, placement: "bottom", "reference-element": id }, h("span", null, tooltip))), h("div", { class: "width-full height-full position-relative" }, h("layer-table", { mapView: this === null || this === void 0 ? void 0 : this._mapView, zoomAndScrollToSelected: this.zoomAndScrollToSelected }))));
   }
   /**
    * Open/Close the appropriate panel.

package/dist/esm/{cs-432f382d.js → cs-f21a0628.js}

@@ -3,22 +3,21 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { d as dayjs } from './calcite-input-time-picker-c8d3cd3c.js';
+import { d as dayjs } from './calcite-input-time-picker-13448515.js';
 import './index-b5d9d795.js';
-import './form-0a597339.js';
-import './dom-eacf4716.js';
-import './guid-5a6c2c24.js';
-import './resources-3d8e1c27.js';
-import './interactive-06212598.js';
-import './browser-7fc2f4c3.js';
-import './key-c56a877c.js';
-import './label-ed0c52dd.js';
-import './loadable-ac9f23cd.js';
-import './locale-e2fc1e6c.js';
-import './observers-99910f46.js';
-import './focusTrapComponent-875581a9.js';
-import './time-acedc3e4.js';
-import './t9n-21ddd486.js';
+import './form-11c6a015.js';
+import './dom-843e3afd.js';
+import './guid-2bbb8cd1.js';
+import './resources-94c47e64.js';
+import './interactive-eaf4be29.js';
+import './key-7a525416.js';
+import './label-6a1caf64.js';
+import './loadable-6bca96ad.js';
+import './locale-d8561d54.js';
+import './observers-9d66685a.js';
+import './focusTrapComponent-ff3a9f28.js';
+import './time-6721a4c2.js';
+import './t9n-76168237.js';
 
 // Czech [cs]
 

package/dist/esm/{da-1bc7144b.js → da-dc48fc4c.js}

@@ -3,22 +3,21 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { d as dayjs } from './calcite-input-time-picker-c8d3cd3c.js';
+import { d as dayjs } from './calcite-input-time-picker-13448515.js';
 import './index-b5d9d795.js';
-import './form-0a597339.js';
-import './dom-eacf4716.js';
-import './guid-5a6c2c24.js';
-import './resources-3d8e1c27.js';
-import './interactive-06212598.js';
-import './browser-7fc2f4c3.js';
-import './key-c56a877c.js';
-import './label-ed0c52dd.js';
-import './loadable-ac9f23cd.js';
-import './locale-e2fc1e6c.js';
-import './observers-99910f46.js';
-import './focusTrapComponent-875581a9.js';
-import './time-acedc3e4.js';
-import './t9n-21ddd486.js';
+import './form-11c6a015.js';
+import './dom-843e3afd.js';
+import './guid-2bbb8cd1.js';
+import './resources-94c47e64.js';
+import './interactive-eaf4be29.js';
+import './key-7a525416.js';
+import './label-6a1caf64.js';
+import './loadable-6bca96ad.js';
+import './locale-d8561d54.js';
+import './observers-9d66685a.js';
+import './focusTrapComponent-ff3a9f28.js';
+import './time-6721a4c2.js';
+import './t9n-76168237.js';
 
 // Danish [da]
 var locale = {

package/dist/esm/{date-a36f2eef.js → date-0ed48e97.js}

@@ -3,12 +3,12 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { n as numberStringFormatter } from './locale-e2fc1e6c.js';
+import { n as numberStringFormatter } from './locale-d8561d54.js';
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.3
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.6.0
  */
 /**
  * Check if date is within a min and max
@@ -197,7 +197,7 @@ function parseDateString(string, localeData) {
   return {
     day: parseInt(day),
     month: parseInt(month) - 1,
-    year: parseInt(year)
+    year: parseInt(year),
   };
 }
 /**

package/dist/esm/{de-ad6f7d55.js → de-59290071.js}

@@ -3,22 +3,21 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { d as dayjs } from './calcite-input-time-picker-c8d3cd3c.js';
+import { d as dayjs } from './calcite-input-time-picker-13448515.js';
 import './index-b5d9d795.js';
-import './form-0a597339.js';
-import './dom-eacf4716.js';
-import './guid-5a6c2c24.js';
-import './resources-3d8e1c27.js';
-import './interactive-06212598.js';
-import './browser-7fc2f4c3.js';
-import './key-c56a877c.js';
-import './label-ed0c52dd.js';
-import './loadable-ac9f23cd.js';
-import './locale-e2fc1e6c.js';
-import './observers-99910f46.js';
-import './focusTrapComponent-875581a9.js';
-import './time-acedc3e4.js';
-import './t9n-21ddd486.js';
+import './form-11c6a015.js';
+import './dom-843e3afd.js';
+import './guid-2bbb8cd1.js';
+import './resources-94c47e64.js';
+import './interactive-eaf4be29.js';
+import './key-7a525416.js';
+import './label-6a1caf64.js';
+import './loadable-6bca96ad.js';
+import './locale-d8561d54.js';
+import './observers-9d66685a.js';
+import './focusTrapComponent-ff3a9f28.js';
+import './time-6721a4c2.js';
+import './t9n-76168237.js';
 
 // German [de]
 var texts = {

package/dist/esm/{de-at-d002f9e6.js → de-at-cd6e6ab7.js}

@@ -3,22 +3,21 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { d as dayjs } from './calcite-input-time-picker-c8d3cd3c.js';
+import { d as dayjs } from './calcite-input-time-picker-13448515.js';
 import './index-b5d9d795.js';
-import './form-0a597339.js';
-import './dom-eacf4716.js';
-import './guid-5a6c2c24.js';
-import './resources-3d8e1c27.js';
-import './interactive-06212598.js';
-import './browser-7fc2f4c3.js';
-import './key-c56a877c.js';
-import './label-ed0c52dd.js';
-import './loadable-ac9f23cd.js';
-import './locale-e2fc1e6c.js';
-import './observers-99910f46.js';
-import './focusTrapComponent-875581a9.js';
-import './time-acedc3e4.js';
-import './t9n-21ddd486.js';
+import './form-11c6a015.js';
+import './dom-843e3afd.js';
+import './guid-2bbb8cd1.js';
+import './resources-94c47e64.js';
+import './interactive-eaf4be29.js';
+import './key-7a525416.js';
+import './label-6a1caf64.js';
+import './loadable-6bca96ad.js';
+import './locale-d8561d54.js';
+import './observers-9d66685a.js';
+import './focusTrapComponent-ff3a9f28.js';
+import './time-6721a4c2.js';
+import './t9n-76168237.js';
 
 // German (Austria) [de-at]
 var texts = {

package/dist/esm/{de-ch-9042771e.js → de-ch-27c44e34.js}

@@ -3,22 +3,21 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { d as dayjs } from './calcite-input-time-picker-c8d3cd3c.js';
+import { d as dayjs } from './calcite-input-time-picker-13448515.js';
 import './index-b5d9d795.js';
-import './form-0a597339.js';
-import './dom-eacf4716.js';
-import './guid-5a6c2c24.js';
-import './resources-3d8e1c27.js';
-import './interactive-06212598.js';
-import './browser-7fc2f4c3.js';
-import './key-c56a877c.js';
-import './label-ed0c52dd.js';
-import './loadable-ac9f23cd.js';
-import './locale-e2fc1e6c.js';
-import './observers-99910f46.js';
-import './focusTrapComponent-875581a9.js';
-import './time-acedc3e4.js';
-import './t9n-21ddd486.js';
+import './form-11c6a015.js';
+import './dom-843e3afd.js';
+import './guid-2bbb8cd1.js';
+import './resources-94c47e64.js';
+import './interactive-eaf4be29.js';
+import './key-7a525416.js';
+import './label-6a1caf64.js';
+import './loadable-6bca96ad.js';
+import './locale-d8561d54.js';
+import './observers-9d66685a.js';
+import './focusTrapComponent-ff3a9f28.js';
+import './time-6721a4c2.js';
+import './t9n-76168237.js';
 
 // German (Switzerland) [de-ch]
 var texts = {