@esri/calcite-components 1.0.0-next.455 → 1.0.0-next.456

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

@@ -1,15 +1,15 @@
 /*!
  * 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.455
+ * v1.0.0-next.456
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-4395acb9.js');
-const observers = require('./observers-2378a715.js');
-const interactive = require('./interactive-fd8c32e7.js');
+const index = require('./index-2d98803f.js');
+const observers = require('./observers-5a0e7556.js');
+const interactive = require('./interactive-a70b0578.js');
 
 const CSS = {
   button: "button",

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

@@ -1,16 +1,16 @@
 /*!
  * 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.455
+ * v1.0.0-next.456
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-4395acb9.js');
-const dom = require('./dom-20425333.js');
-const interfaces = require('./interfaces-68af9ac2.js');
-require('./guid-578f6913.js');
+const index = require('./index-2d98803f.js');
+const dom = require('./dom-ceb4ac88.js');
+const interfaces = require('./interfaces-9a16a83e.js');
+require('./guid-271ec560.js');
 
 const TEXT = {
   intlClose: "Close"

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

@@ -1,16 +1,16 @@
 /*!
  * 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.455
+ * v1.0.0-next.456
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-4395acb9.js');
-const utils = require('./utils-094e875a.js');
-const dom = require('./dom-20425333.js');
-require('./guid-578f6913.js');
+const index = require('./index-2d98803f.js');
+const utils = require('./utils-2a1a0615.js');
+const dom = require('./dom-ceb4ac88.js');
+require('./guid-271ec560.js');
 
 /**
  * Convert a string to a valid hex by hashing its contents

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

@@ -1,19 +1,19 @@
 /*!
  * 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.455
+ * v1.0.0-next.456
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-4395acb9.js');
-const dom = require('./dom-20425333.js');
-const Heading = require('./Heading-23fd9686.js');
-const conditionalSlot = require('./conditionalSlot-54accfdb.js');
-const interactive = require('./interactive-fd8c32e7.js');
-const guid = require('./guid-578f6913.js');
-require('./observers-2378a715.js');
+const index = require('./index-2d98803f.js');
+const dom = require('./dom-ceb4ac88.js');
+const Heading = require('./Heading-4fc540a0.js');
+const conditionalSlot = require('./conditionalSlot-acf0692a.js');
+const interactive = require('./interactive-a70b0578.js');
+const guid = require('./guid-271ec560.js');
+require('./observers-5a0e7556.js');
 
 const CSS$1 = {
   article: "article",

package/dist/cjs/calcite-button.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.455
+ * v1.0.0-next.456
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-4395acb9.js');
-const dom = require('./dom-20425333.js');
-const label = require('./label-9fab4e32.js');
-const observers = require('./observers-2378a715.js');
-const interactive = require('./interactive-fd8c32e7.js');
-require('./guid-578f6913.js');
+const index = require('./index-2d98803f.js');
+const dom = require('./dom-ceb4ac88.js');
+const label = require('./label-ffe10a3d.js');
+const observers = require('./observers-5a0e7556.js');
+const interactive = require('./interactive-a70b0578.js');
+require('./guid-271ec560.js');
 
 (function(prototype) {
   if (typeof prototype.requestSubmit == "function") return

package/dist/cjs/calcite-card.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.455
+ * v1.0.0-next.456
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-4395acb9.js');
-const dom = require('./dom-20425333.js');
-const conditionalSlot = require('./conditionalSlot-54accfdb.js');
-require('./guid-578f6913.js');
-require('./observers-2378a715.js');
+const index = require('./index-2d98803f.js');
+const dom = require('./dom-ceb4ac88.js');
+const conditionalSlot = require('./conditionalSlot-acf0692a.js');
+require('./guid-271ec560.js');
+require('./observers-5a0e7556.js');
 
 const CSS = {
   container: "container",

package/dist/cjs/calcite-checkbox.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.455
+ * v1.0.0-next.456
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-4395acb9.js');
-const guid = require('./guid-578f6913.js');
-const form = require('./form-aaaaa93d.js');
-const label = require('./label-9fab4e32.js');
-const interactive = require('./interactive-fd8c32e7.js');
-require('./dom-20425333.js');
+const index = require('./index-2d98803f.js');
+const guid = require('./guid-271ec560.js');
+const form = require('./form-5883834e.js');
+const label = require('./label-ffe10a3d.js');
+const interactive = require('./interactive-a70b0578.js');
+require('./dom-ceb4ac88.js');
 
 const checkboxCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){--calcite-checkbox-size:0.75rem}:host([scale=m]){--calcite-checkbox-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-checkbox-size:1rem}:host{position:relative;display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:host .check-svg{pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;overflow:hidden;background-color:var(--calcite-ui-foreground-1);fill:currentColor;stroke:currentColor;stroke-width:1;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);width:var(--calcite-checkbox-size);height:var(--calcite-checkbox-size);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);color:var(--calcite-ui-background)}:host([checked]) .check-svg,:host([indeterminate]) .check-svg{background-color:var(--calcite-ui-brand);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand)}:host([hovered]) .toggle .check-svg,:host .toggle:hover .check-svg{-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}:host .toggle:focus .check-svg,:host .toggle:active .check-svg{-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1), 0 0 0 4px var(--calcite-ui-brand);-webkit-transition:var(--calcite-animation-timing);transition:var(--calcite-animation-timing)}.toggle:focus-visible{outline:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";
 

package/dist/cjs/calcite-chip.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.455
+ * v1.0.0-next.456
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-4395acb9.js');
-const dom = require('./dom-20425333.js');
-const guid = require('./guid-578f6913.js');
-const conditionalSlot = require('./conditionalSlot-54accfdb.js');
-require('./observers-2378a715.js');
+const index = require('./index-2d98803f.js');
+const dom = require('./dom-ceb4ac88.js');
+const guid = require('./guid-271ec560.js');
+const conditionalSlot = require('./conditionalSlot-acf0692a.js');
+require('./observers-5a0e7556.js');
 
 const CSS = {
   title: "title",

package/dist/cjs/calcite-color-picker_3.cjs.entry.js

@@ -1,19 +1,19 @@
 /*!
  * 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.455
+ * v1.0.0-next.456
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-4395acb9.js');
-const dom = require('./dom-20425333.js');
-const utils = require('./utils-094e875a.js');
-const math = require('./math-09da9a6b.js');
-const interactive = require('./interactive-fd8c32e7.js');
-const debounce = require('./debounce-7e160790.js');
-require('./guid-578f6913.js');
+const index = require('./index-2d98803f.js');
+const dom = require('./dom-ceb4ac88.js');
+const utils = require('./utils-2a1a0615.js');
+const math = require('./math-4318f4be.js');
+const interactive = require('./interactive-a70b0578.js');
+const debounce = require('./debounce-4fdab816.js');
+require('./guid-271ec560.js');
 
 /** Error message constants. */
 var FUNC_ERROR_TEXT = 'Expected a function';

package/dist/cjs/calcite-combobox_3.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.455
+ * v1.0.0-next.456
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-4395acb9.js');
-const debounce = require('./debounce-7e160790.js');
-const forIn = require('./forIn-b3052af3.js');
-const popper = require('./popper-5110071f.js');
-const guid = require('./guid-578f6913.js');
-const dom = require('./dom-20425333.js');
-const label = require('./label-9fab4e32.js');
-const form = require('./form-aaaaa93d.js');
-const observers = require('./observers-2378a715.js');
-const interactive = require('./interactive-fd8c32e7.js');
-const conditionalSlot = require('./conditionalSlot-54accfdb.js');
+const index = require('./index-2d98803f.js');
+const debounce = require('./debounce-4fdab816.js');
+const forIn = require('./forIn-b3888baf.js');
+const popper = require('./popper-d246e008.js');
+const guid = require('./guid-271ec560.js');
+const dom = require('./dom-ceb4ac88.js');
+const label = require('./label-ffe10a3d.js');
+const form = require('./form-5883834e.js');
+const observers = require('./observers-5a0e7556.js');
+const interactive = require('./interactive-a70b0578.js');
+const conditionalSlot = require('./conditionalSlot-acf0692a.js');
 
 /**
  * A specialized version of `_.map` for arrays without support for iteratee

package/dist/cjs/calcite-date-picker_4.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.455
+ * v1.0.0-next.456
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-4395acb9.js');
-const resources = require('./resources-2f07bd96.js');
-const dom = require('./dom-20425333.js');
-const interactive = require('./interactive-fd8c32e7.js');
-const Heading = require('./Heading-23fd9686.js');
-require('./locale-c006d7e7.js');
-require('./number-e6322733.js');
-require('./guid-578f6913.js');
+const index = require('./index-2d98803f.js');
+const resources = require('./resources-c45f92f6.js');
+const dom = require('./dom-ceb4ac88.js');
+const interactive = require('./interactive-a70b0578.js');
+const Heading = require('./Heading-4fc540a0.js');
+require('./locale-a54966d8.js');
+require('./number-cbdc738f.js');
+require('./guid-271ec560.js');
 
 const datePickerCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:inline-block;width:100%;overflow:visible;border-radius:0px;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);background-color:var(--calcite-ui-foreground-1);vertical-align:top}:host([scale=s]){max-width:216px}:host([scale=m]){max-width:286px}:host([scale=l]){max-width:398px}";
 

package/dist/cjs/calcite-dropdown_3.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.455
+ * v1.0.0-next.456
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-4395acb9.js');
-const dom = require('./dom-20425333.js');
-const popper = require('./popper-5110071f.js');
-const observers = require('./observers-2378a715.js');
-const interactive = require('./interactive-fd8c32e7.js');
-require('./guid-578f6913.js');
+const index = require('./index-2d98803f.js');
+const dom = require('./dom-ceb4ac88.js');
+const popper = require('./popper-d246e008.js');
+const observers = require('./observers-5a0e7556.js');
+const interactive = require('./interactive-a70b0578.js');
+require('./guid-271ec560.js');
 
 const SLOTS = {
   dropdownTrigger: "dropdown-trigger"
@@ -65,6 +65,7 @@ const Dropdown = class {
     /** specify the width of dropdown, defaults to m */
     this.width = "m";
     this.items = [];
+    this.groups = [];
     this.activeTransitionProp = "visibility";
     this.mutationObserver = observers.createObserver("mutation", () => this.updateItems());
     this.resizeObserver = observers.createObserver("resize", () => this.setMaxScrollerHeight());
@@ -79,12 +80,26 @@ const Dropdown = class {
         ? popper.filterComputedPlacements(flipPlacements, el)
         : null;
     };
+    this.updateTriggers = (event) => {
+      this.triggers = event.target.assignedElements({
+        flatten: true
+      });
+      this.reposition();
+    };
     this.updateItems = () => {
+      this.items = this.groups
+        .map((group) => Array.from(group === null || group === void 0 ? void 0 : group.querySelectorAll("calcite-dropdown-item")))
+        .reduce((previousValue, currentValue) => [...previousValue, ...currentValue], []);
       this.updateSelectedItems();
-      this.triggers = dom.getSlotted(this.el, "dropdown-trigger", { all: true });
-      this.items = Array.from(this.el.querySelectorAll("calcite-dropdown-item"));
       this.reposition();
     };
+    this.updateGroups = (event) => {
+      const groups = event.target
+        .assignedElements({ flatten: true })
+        .filter((el) => el === null || el === void 0 ? void 0 : el.matches("calcite-dropdown-group"));
+      this.groups = groups;
+      this.updateItems();
+    };
     this.setMaxScrollerHeight = () => {
       const { active, scrollerEl } = this;
       if (!scrollerEl || !active) {
@@ -174,7 +189,6 @@ const Dropdown = class {
     var _a;
     (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
     this.createPopper();
-    this.updateItems();
     this.setFilteredPlacements();
   }
   componentDidLoad() {
@@ -191,11 +205,11 @@ const Dropdown = class {
   }
   render() {
     const { active } = this;
-    return (index.h(index.Host, null, index.h("div", { class: "calcite-dropdown-trigger-container", onClick: this.openCalciteDropdown, onKeyDown: this.keyDownHandler, ref: this.setReferenceEl }, index.h("slot", { "aria-expanded": active.toString(), "aria-haspopup": "true", name: SLOTS.dropdownTrigger })), index.h("div", { "aria-hidden": (!active).toString(), class: "calcite-dropdown-wrapper", ref: this.setMenuEl }, index.h("div", { class: {
+    return (index.h(index.Host, null, index.h("div", { class: "calcite-dropdown-trigger-container", onClick: this.openCalciteDropdown, onKeyDown: this.keyDownHandler, ref: this.setReferenceEl }, index.h("slot", { "aria-expanded": active.toString(), "aria-haspopup": "true", name: SLOTS.dropdownTrigger, onSlotchange: this.updateTriggers })), index.h("div", { "aria-hidden": (!active).toString(), class: "calcite-dropdown-wrapper", ref: this.setMenuEl }, index.h("div", { class: {
         ["calcite-dropdown-content"]: true,
         [popper.CSS.animation]: true,
         [popper.CSS.animationActive]: active
-      }, onTransitionEnd: this.transitionEnd, ref: this.setScrollerEl }, index.h("div", { hidden: !this.active }, index.h("slot", null))))));
+      }, onTransitionEnd: this.transitionEnd, ref: this.setScrollerEl }, index.h("div", { hidden: !this.active }, index.h("slot", { onSlotchange: this.updateGroups }))))));
   }
   //--------------------------------------------------------------------------
   //
@@ -320,16 +334,14 @@ const Dropdown = class {
     this.popper = null;
   }
   updateSelectedItems() {
-    const items = Array.from(this.el.querySelectorAll("calcite-dropdown-item"));
-    this.selectedItems = items.filter((item) => item.active);
+    this.selectedItems = this.items.filter((item) => item.active);
   }
   getMaxScrollerHeight() {
-    const groups = Array.from(this.el.querySelectorAll("calcite-dropdown-group"));
     const { maxItems } = this;
     let itemsToProcess = 0;
     let maxScrollerHeight = 0;
     let groupHeaderHeight;
-    groups.forEach((group) => {
+    this.groups.forEach((group) => {
       if (maxItems > 0 && itemsToProcess < maxItems) {
         Array.from(group.children).forEach((item, index) => {
           if (index === 0) {

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

@@ -1,16 +1,16 @@
 /*!
  * 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.455
+ * v1.0.0-next.456
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-4395acb9.js');
-const dom = require('./dom-20425333.js');
-const interactive = require('./interactive-fd8c32e7.js');
-require('./guid-578f6913.js');
+const index = require('./index-2d98803f.js');
+const dom = require('./dom-ceb4ac88.js');
+const interactive = require('./interactive-a70b0578.js');
+require('./guid-271ec560.js');
 
 const CSS = {
   button: "button"

package/dist/cjs/calcite-filter.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.455
+ * v1.0.0-next.456
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-4395acb9.js');
-const dom = require('./dom-20425333.js');
-const interactive = require('./interactive-fd8c32e7.js');
-const debounce = require('./debounce-7e160790.js');
-const forIn = require('./forIn-b3052af3.js');
-require('./guid-578f6913.js');
+const index = require('./index-2d98803f.js');
+const dom = require('./dom-ceb4ac88.js');
+const interactive = require('./interactive-a70b0578.js');
+const debounce = require('./debounce-4fdab816.js');
+const forIn = require('./forIn-b3888baf.js');
+require('./guid-271ec560.js');
 
 const CSS = {
   container: "container",

package/dist/cjs/calcite-flow.cjs.entry.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.455
+ * v1.0.0-next.456
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-4395acb9.js');
-const observers = require('./observers-2378a715.js');
+const index = require('./index-2d98803f.js');
+const observers = require('./observers-5a0e7556.js');
 
 const CSS = {
   frame: "frame",

package/dist/cjs/calcite-graph_2.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.455
+ * v1.0.0-next.456
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-4395acb9.js');
-const guid = require('./guid-578f6913.js');
-const observers = require('./observers-2378a715.js');
-const dom = require('./dom-20425333.js');
-const math = require('./math-09da9a6b.js');
-const label = require('./label-9fab4e32.js');
-const form = require('./form-aaaaa93d.js');
-const interactive = require('./interactive-fd8c32e7.js');
+const index = require('./index-2d98803f.js');
+const guid = require('./guid-271ec560.js');
+const observers = require('./observers-5a0e7556.js');
+const dom = require('./dom-ceb4ac88.js');
+const math = require('./math-4318f4be.js');
+const label = require('./label-ffe10a3d.js');
+const form = require('./form-5883834e.js');
+const interactive = require('./interactive-a70b0578.js');
 
 /**
  * Calculate slope of the tangents

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

@@ -1,13 +1,13 @@
 /*!
  * 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.455
+ * v1.0.0-next.456
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-4395acb9.js');
+const index = require('./index-2d98803f.js');
 
 const CSS = {
   handle: "handle",

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

@@ -1,16 +1,16 @@
 /*!
  * 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.455
+ * v1.0.0-next.456
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-4395acb9.js');
-const dom = require('./dom-20425333.js');
-const observers = require('./observers-2378a715.js');
-require('./guid-578f6913.js');
+const index = require('./index-2d98803f.js');
+const dom = require('./dom-ceb4ac88.js');
+const observers = require('./observers-5a0e7556.js');
+require('./guid-271ec560.js');
 
 const CSS = {
   icon: "icon",

package/dist/cjs/calcite-inline-editable.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.455
+ * v1.0.0-next.456
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-4395acb9.js');
-const dom = require('./dom-20425333.js');
-const label = require('./label-9fab4e32.js');
-const observers = require('./observers-2378a715.js');
-const interactive = require('./interactive-fd8c32e7.js');
-require('./guid-578f6913.js');
+const index = require('./index-2d98803f.js');
+const dom = require('./dom-ceb4ac88.js');
+const label = require('./label-ffe10a3d.js');
+const observers = require('./observers-5a0e7556.js');
+const interactive = require('./interactive-a70b0578.js');
+require('./guid-271ec560.js');
 
 const CSS = {
   wrapper: "wrapper",

package/dist/cjs/calcite-input-date-picker.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.455
+ * v1.0.0-next.456
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-4395acb9.js');
-const resources = require('./resources-2f07bd96.js');
-const label = require('./label-9fab4e32.js');
-const form = require('./form-aaaaa93d.js');
-const popper = require('./popper-5110071f.js');
-const interactive = require('./interactive-fd8c32e7.js');
-require('./locale-c006d7e7.js');
-require('./number-e6322733.js');
-require('./dom-20425333.js');
-require('./guid-578f6913.js');
+const index = require('./index-2d98803f.js');
+const resources = require('./resources-c45f92f6.js');
+const label = require('./label-ffe10a3d.js');
+const form = require('./form-5883834e.js');
+const popper = require('./popper-d246e008.js');
+const interactive = require('./interactive-a70b0578.js');
+require('./locale-a54966d8.js');
+require('./number-cbdc738f.js');
+require('./dom-ceb4ac88.js');
+require('./guid-271ec560.js');
 
 const inputDatePickerCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:inline-block;width:100%;overflow:visible;vertical-align:top;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.calendar-picker-wrapper{position:static;width:100%;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.input-wrapper{position:relative}:host([range]) .input-container{display:-ms-flexbox;display:flex}:host([range]) .input-wrapper{-ms-flex:1 1 auto;flex:1 1 auto}:host([range]) .horizontal-arrow-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-width:1px;border-left-width:0px;border-right-width:0px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-background);padding-top:0px;padding-bottom:0px;padding-left:0.25rem;padding-right:0.25rem}:host([range][layout=vertical]) .input-wrapper{width:100%}:host([range][layout=vertical]) .input-container{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}:host([range][layout=vertical]) .calendar-picker-wrapper--end{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}:host([range][layout=vertical]) .vertical-arrow-container{top:1.5rem;position:absolute;left:0px;z-index:10;margin-left:1px;margin-right:1px;background-color:var(--calcite-ui-foreground-1);padding-left:0.625rem;padding-right:0.625rem}:host([scale=s][range]:not([layout=vertical])) .calendar-picker-wrapper{width:216px}:host([scale=m][range]:not([layout=vertical])) .calendar-picker-wrapper{width:286px}:host([scale=l][range]:not([layout=vertical])) .calendar-picker-wrapper{width:398px}.menu-container{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0);visibility:hidden;pointer-events:none}.menu-container .calcite-popper-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-popper-transition);transition:var(--calcite-popper-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}.menu-container[data-popper-placement^=bottom] .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.menu-container[data-popper-placement^=top] .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}.menu-container[data-popper-placement^=left] .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}.menu-container[data-popper-placement^=right] .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.menu-container[data-popper-placement] .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}:host([active]) .menu-container{pointer-events:initial;visibility:visible}.menu-container--active .menu-container .calcite-popper-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-popper-transition);transition:var(--calcite-popper-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}.menu-container--active .menu-container[data-popper-placement^=bottom] .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.menu-container--active .menu-container[data-popper-placement^=top] .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}.menu-container--active .menu-container[data-popper-placement^=left] .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}.menu-container--active .menu-container[data-popper-placement^=right] .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.menu-container--active .menu-container[data-popper-placement] .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}.input .calcite-input__wrapper{margin-top:0px}:host([range][layout=vertical][scale=m]) .vertical-arrow-container{top:1.5rem;padding-left:0.75rem}:host([range][layout=vertical][scale=m]) .vertical-arrow-container calcite-icon{height:0.75rem;width:0.75rem;min-width:0px}:host([range][layout=vertical][scale=l]) .vertical-arrow-container{top:2.25rem;padding-left:0.875rem;padding-right:0.875rem}:host([range][layout=vertical][active]) .vertical-arrow-container{display:none}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";