@esri/calcite-components 1.0.0-next.437 → 1.0.0-next.438

package/dist/components/tab-nav.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.437
+ * v1.0.0-next.438
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { a as getElementDir, e as filterDirectChildren } from './dom.js';
@@ -15,6 +15,7 @@ const TabNav = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.__registerHost();
     this.__attachShadow();
     this.calciteTabChange = createEvent(this, "calciteTabChange", 7);
+    this.calciteInternalTabChange = createEvent(this, "calciteInternalTabChange", 7);
     /** @internal Parent tabs component scale value */
     this.scale = "m";
     /** @internal Parent tabs component layout value */
@@ -48,7 +49,7 @@ const TabNav = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       this.selectedTab !== null) {
       localStorage.setItem(`calcite-tab-nav-${this.storageId}`, JSON.stringify(this.selectedTab));
     }
-    this.calciteTabChange.emit({
+    this.calciteInternalTabChange.emit({
       tab: this.selectedTab
     });
     this.selectedTabEl = await this.getTabTitleById(this.selectedTab);
@@ -78,9 +79,6 @@ const TabNav = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     if (localStorage && this.storageId && localStorage.getItem(storageKey)) {
       const storedTab = JSON.parse(localStorage.getItem(storageKey));
       this.selectedTab = storedTab;
-      this.calciteTabChange.emit({
-        tab: this.selectedTab
-      });
     }
   }
   componentWillRender() {
@@ -100,7 +98,7 @@ const TabNav = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       this.tabTitles.every((title) => !title.active) &&
       !this.selectedTab) {
       this.tabTitles[0].getTabIdentifier().then((tab) => {
-        this.calciteTabChange.emit({
+        this.calciteInternalTabChange.emit({
           tab
         });
       });
@@ -133,13 +131,20 @@ const TabNav = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     e.stopPropagation();
     e.preventDefault();
   }
-  activateTabHandler(e) {
+  internalActivateTabHandler(e) {
     this.selectedTab = e.detail.tab
       ? e.detail.tab
       : this.getIndexOfTabTitle(e.target);
     e.stopPropagation();
     e.preventDefault();
   }
+  activateTabHandler(e) {
+    this.calciteTabChange.emit({
+      tab: this.selectedTab
+    });
+    e.stopPropagation();
+    e.preventDefault();
+  }
   /**
    * Check for active tabs on register and update selected
    */
@@ -148,12 +153,13 @@ const TabNav = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       this.selectedTab = e.detail;
     }
   }
-  globalTabChangeHandler(e) {
+  globalInternalTabChangeHandler(e) {
     if (this.syncId &&
       e.target !== this.el &&
       e.target.syncId === this.syncId &&
       this.selectedTab !== e.detail.tab) {
       this.selectedTab = e.detail.tab;
+      e.stopPropagation();
     }
   }
   updateOffsetPosition() {
@@ -203,7 +209,7 @@ const TabNav = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "indicatorWidth": [1026, "indicator-width"],
     "selectedTab": [32],
     "selectedTabEl": [32]
-  }, [[0, "calciteTabsFocusPrevious", "focusPreviousTabHandler"], [0, "calciteTabsFocusNext", "focusNextTabHandler"], [0, "calciteTabsActivate", "activateTabHandler"], [0, "calciteTabTitleRegister", "updateTabTitles"], [16, "calciteTabChange", "globalTabChangeHandler"]]]);
+  }, [[0, "calciteTabsFocusPrevious", "focusPreviousTabHandler"], [0, "calciteTabsFocusNext", "focusNextTabHandler"], [0, "calciteInternalTabsActivate", "internalActivateTabHandler"], [0, "calciteTabsActivate", "activateTabHandler"], [0, "calciteTabTitleRegister", "updateTabTitles"], [16, "calciteInternalTabChange", "globalInternalTabChangeHandler"]]]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;

package/dist/components/tab-title.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.437
+ * v1.0.0-next.438
  */
 import { proxyCustomElement, HTMLElement, createEvent, Build, h, Host } from '@stencil/core/internal/client';
 import { g as guid } from './guid.js';
@@ -18,6 +18,7 @@ const TabTitle = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.__registerHost();
     this.__attachShadow();
     this.calciteTabsActivate = createEvent(this, "calciteTabsActivate", 7);
+    this.calciteInternalTabsActivate = createEvent(this, "calciteInternalTabsActivate", 7);
     this.calciteTabsFocusNext = createEvent(this, "calciteTabsFocusNext", 7);
     this.calciteTabsFocusPrevious = createEvent(this, "calciteTabsFocusPrevious", 7);
     this.calciteTabTitleRegister = createEvent(this, "calciteTabTitleRegister", 7);
@@ -45,7 +46,7 @@ const TabTitle = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   activeTabChanged() {
     if (this.active) {
-      this.emitActiveTab();
+      this.emitActiveTab(false);
     }
   }
   //--------------------------------------------------------------------------
@@ -71,7 +72,7 @@ const TabTitle = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       this.updateHasText();
     }
     if (this.tab && this.active) {
-      this.emitActiveTab();
+      this.emitActiveTab(false);
     }
   }
   componentWillRender() {
@@ -108,7 +109,7 @@ const TabTitle = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   //  Event Listeners
   //
   //--------------------------------------------------------------------------
-  tabChangeHandler(event) {
+  internalTabChangeHandler(event) {
     const targetTabsEl = event
       .composedPath()
       .find((el) => el.tagName === "CALCITE-TABS");
@@ -123,6 +124,7 @@ const TabTitle = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         this.active = index === event.detail.tab;
       });
     }
+    event.stopPropagation();
   }
   onClick() {
     this.emitActiveTab();
@@ -182,11 +184,14 @@ const TabTitle = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     var _a;
     (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
   }
-  emitActiveTab() {
-    if (!this.disabled) {
-      this.calciteTabsActivate.emit({
-        tab: this.tab
-      });
+  emitActiveTab(userTriggered = true) {
+    if (this.disabled) {
+      return;
+    }
+    const payload = { tab: this.tab };
+    this.calciteInternalTabsActivate.emit(payload);
+    if (userTriggered) {
+      this.calciteTabsActivate.emit(payload);
     }
   }
   get el() { return this; }
@@ -210,7 +215,7 @@ const TabTitle = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "getTabIndex": [64],
     "getTabIdentifier": [64],
     "updateAriaInfo": [64]
-  }, [[16, "calciteTabChange", "tabChangeHandler"], [0, "click", "onClick"], [0, "keydown", "keyDownHandler"]]]);
+  }, [[16, "calciteInternalTabChange", "internalTabChangeHandler"], [0, "click", "onClick"], [0, "keydown", "keyDownHandler"]]]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;

package/dist/components/tab.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.437
+ * v1.0.0-next.438
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { g as guid } from './guid.js';
@@ -54,7 +54,7 @@ const Tab = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   //  Event Listeners
   //
   //--------------------------------------------------------------------------
-  tabChangeHandler(event) {
+  internalTabChangeHandler(event) {
     const targetTabsEl = event
       .composedPath()
       .find((el) => el.tagName === "CALCITE-TABS");
@@ -104,7 +104,7 @@ const Tab = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "labeledBy": [32],
     "getTabIndex": [64],
     "updateAriaInfo": [64]
-  }, [[16, "calciteTabChange", "tabChangeHandler"]]]);
+  }, [[16, "calciteInternalTabChange", "internalTabChangeHandler"]]]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;

package/dist/components/tabs.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.437
+ * v1.0.0-next.438
  */
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 

package/dist/components/tile.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.437
+ * v1.0.0-next.438
  */
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { b as getSlotted } from './dom.js';

package/dist/components/time-picker.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.437
+ * v1.0.0-next.438
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { i as isValidNumber, n as numberKeys, c as isActivationKey } from './number.js';

package/dist/components/tooltip-manager.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.437
+ * v1.0.0-next.438
  */
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { T as TOOLTIP_REFERENCE, a as TOOLTIP_DELAY_MS } from './resources2.js';

package/dist/components/utils.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.437
+ * v1.0.0-next.438
  */
 function rgbToHex(color) {
   const { r, g, b } = color;

package/dist/components/utils2.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.437
+ * v1.0.0-next.438
  */
 import { n as nodeListToArray } from './dom.js';
 import { Build } from '@stencil/core/internal/client';

package/dist/custom-elements/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.437
+ * v1.0.0-next.438
  */
 import { HTMLElement as HTMLElement$1, createEvent, h, Host, Build, forceUpdate, Fragment, getAssetPath, proxyCustomElement } from '@stencil/core/internal/client';
 export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
@@ -5871,7 +5871,6 @@ models.forEach(fromModel => {
 });
 var colorConvert = convert;
 
-const _slice = [].slice;
 const skippedModels = [// To be honest, I don't really feel like keyword belongs in color convert, but eh.
 'keyword', // Gray conflicts with some method names, and has its own method defined.
 'gray', // Shouldn't really be in color-convert either...
@@ -5879,7 +5878,7 @@ const skippedModels = [// To be honest, I don't really feel like keyword belongs
 const hashedModelKeys = {};
 
 for (const model of Object.keys(colorConvert)) {
-  hashedModelKeys[_slice.call(colorConvert[model].labels).sort().join('')] = model;
+  hashedModelKeys[[...colorConvert[model].labels].sort().join('')] = model;
 }
 
 const limiters = {};
@@ -5907,7 +5906,7 @@ function Color(object, model) {
     this.valpha = 1;
   } else if (object instanceof Color) {
     this.model = object.model;
-    this.color = object.color.slice();
+    this.color = [...object.color];
     this.valpha = object.valpha;
   } else if (typeof object === 'string') {
     const result = colorString.get(object);
@@ -5923,9 +5922,7 @@ function Color(object, model) {
   } else if (object.length > 0) {
     this.model = model || 'rgb';
     channels = colorConvert[this.model].channels;
-
-    const newArray = _slice.call(object, 0, channels);
-
+    const newArray = Array.prototype.slice.call(object, 0, channels);
     this.color = zeroArray(newArray, channels);
     this.valpha = typeof object[channels] === 'number' ? object[channels] : 1;
   } else if (typeof object === 'number') {
@@ -5949,7 +5946,9 @@ function Color(object, model) {
     }
 
     this.model = hashedModelKeys[hashedKeys];
-    const labels = colorConvert[this.model].labels;
+    const {
+      labels
+    } = colorConvert[this.model];
     const color = [];
 
     for (i = 0; i < labels.length; i++) {
@@ -5991,24 +5990,28 @@ Color.prototype = {
   string(places) {
     let self = this.model in colorString.to ? this : this.rgb();
     self = self.round(typeof places === 'number' ? places : 1);
-    const args = self.valpha === 1 ? self.color : self.color.concat(this.valpha);
+    const args = self.valpha === 1 ? self.color : [...self.color, this.valpha];
     return colorString.to[self.model](args);
   },
 
   percentString(places) {
     const self = this.rgb().round(typeof places === 'number' ? places : 1);
-    const args = self.valpha === 1 ? self.color : self.color.concat(this.valpha);
+    const args = self.valpha === 1 ? self.color : [...self.color, this.valpha];
     return colorString.to.rgb.percent(args);
   },
 
   array() {
-    return this.valpha === 1 ? this.color.slice() : this.color.concat(this.valpha);
+    return this.valpha === 1 ? [...this.color] : [...this.color, this.valpha];
   },
 
   object() {
     const result = {};
-    const channels = colorConvert[this.model].channels;
-    const labels = colorConvert[this.model].labels;
+    const {
+      channels
+    } = colorConvert[this.model];
+    const {
+      labels
+    } = colorConvert[this.model];
 
     for (let i = 0; i < channels; i++) {
       result[labels[i]] = this.color[i];
@@ -6049,12 +6052,12 @@ Color.prototype = {
 
   round(places) {
     places = Math.max(places || 0, 0);
-    return new Color(this.color.map(roundToPlace(places)).concat(this.valpha), this.model);
+    return new Color([...this.color.map(roundToPlace(places)), this.valpha], this.model);
   },
 
   alpha(value) {
-    if (arguments.length > 0) {
-      return new Color(this.color.concat(Math.max(0, Math.min(1, value))), this.model);
+    if (value !== undefined) {
+      return new Color([...this.color, Math.max(0, Math.min(1, value))], this.model);
     }
 
     return this.valpha;
@@ -6077,15 +6080,15 @@ Color.prototype = {
   magenta: getset('cmyk', 1, maxfn(100)),
   yellow: getset('cmyk', 2, maxfn(100)),
   black: getset('cmyk', 3, maxfn(100)),
-  x: getset('xyz', 0, maxfn(100)),
+  x: getset('xyz', 0, maxfn(95.047)),
   y: getset('xyz', 1, maxfn(100)),
-  z: getset('xyz', 2, maxfn(100)),
+  z: getset('xyz', 2, maxfn(108.833)),
   l: getset('lab', 0, maxfn(100)),
   a: getset('lab', 1),
   b: getset('lab', 2),
 
   keyword(value) {
-    if (arguments.length > 0) {
+    if (value !== undefined) {
       return new Color(value);
     }
 
@@ -6093,7 +6096,7 @@ Color.prototype = {
   },
 
   hex(value) {
-    if (arguments.length > 0) {
+    if (value !== undefined) {
       return new Color(value);
     }
 
@@ -6101,7 +6104,7 @@ Color.prototype = {
   },
 
   hexa(value) {
-    if (arguments.length > 0) {
+    if (value !== undefined) {
       return new Color(value);
     }
 
@@ -6127,7 +6130,7 @@ Color.prototype = {
 
     for (const [i, element] of rgb.entries()) {
       const chan = element / 255;
-      lum[i] = chan <= 0.03928 ? chan / 12.92 : ((chan + 0.055) / 1.055) ** 2.4;
+      lum[i] = chan <= 0.04045 ? chan / 12.92 : ((chan + 0.055) / 1.055) ** 2.4;
     }
 
     return 0.2126 * lum[0] + 0.7152 * lum[1] + 0.0722 * lum[2];
@@ -6146,9 +6149,10 @@ Color.prototype = {
   },
 
   level(color2) {
+    // https://www.w3.org/TR/WCAG/#contrast-enhanced
     const contrastRatio = this.contrast(color2);
 
-    if (contrastRatio >= 7.1) {
+    if (contrastRatio >= 7) {
       return 'AAA';
     }
 
@@ -6158,7 +6162,7 @@ Color.prototype = {
   isDark() {
     // YIQ equation from http://24ways.org/2010/calculating-color-contrast
     const rgb = this.rgb().color;
-    const yiq = (rgb[0] * 299 + rgb[1] * 587 + rgb[2] * 114) / 1000;
+    const yiq = (rgb[0] * 2126 + rgb[1] * 7152 + rgb[2] * 722) / 10000;
     return yiq < 128;
   },
 
@@ -6260,25 +6264,28 @@ for (const model of Object.keys(colorConvert)) {
     continue;
   }
 
-  const channels = colorConvert[model].channels; // Conversion methods
+  const {
+    channels
+  } = colorConvert[model]; // Conversion methods
 
-  Color.prototype[model] = function () {
+  Color.prototype[model] = function (...args) {
     if (this.model === model) {
       return new Color(this);
     }
 
-    if (arguments.length > 0) {
-      return new Color(arguments, model);
+    if (args.length > 0) {
+      return new Color(args, model);
     }
 
-    const newAlpha = typeof arguments[channels] === 'number' ? channels : this.valpha;
-    return new Color(assertArray(colorConvert[this.model][model].raw(this.color)).concat(newAlpha), model);
+    return new Color([...assertArray(colorConvert[this.model][model].raw(this.color)), this.valpha], model);
   }; // 'static' construction methods
 
 
-  Color[model] = function (color) {
+  Color[model] = function (...args) {
+    let color = args[0];
+
     if (typeof color === 'number') {
-      color = zeroArray(_slice.call(arguments), channels);
+      color = zeroArray(args, channels);
     }
 
     return new Color(color, model);
@@ -6306,7 +6313,7 @@ function getset(model, channel, modifier) {
   return function (value) {
     let result;
 
-    if (arguments.length > 0) {
+    if (value !== undefined) {
       if (modifier) {
         value = modifier(value);
       }
@@ -23084,7 +23091,7 @@ const Tab = class extends HTMLElement$1 {
   //  Event Listeners
   //
   //--------------------------------------------------------------------------
-  tabChangeHandler(event) {
+  internalTabChangeHandler(event) {
     const targetTabsEl = event
       .composedPath()
       .find((el) => el.tagName === "CALCITE-TABS");
@@ -23137,6 +23144,7 @@ const TabNav = class extends HTMLElement$1 {
     this.__registerHost();
     this.__attachShadow();
     this.calciteTabChange = createEvent(this, "calciteTabChange", 7);
+    this.calciteInternalTabChange = createEvent(this, "calciteInternalTabChange", 7);
     /** @internal Parent tabs component scale value */
     this.scale = "m";
     /** @internal Parent tabs component layout value */
@@ -23170,7 +23178,7 @@ const TabNav = class extends HTMLElement$1 {
       this.selectedTab !== null) {
       localStorage.setItem(`calcite-tab-nav-${this.storageId}`, JSON.stringify(this.selectedTab));
     }
-    this.calciteTabChange.emit({
+    this.calciteInternalTabChange.emit({
       tab: this.selectedTab
     });
     this.selectedTabEl = await this.getTabTitleById(this.selectedTab);
@@ -23200,9 +23208,6 @@ const TabNav = class extends HTMLElement$1 {
     if (localStorage && this.storageId && localStorage.getItem(storageKey)) {
       const storedTab = JSON.parse(localStorage.getItem(storageKey));
       this.selectedTab = storedTab;
-      this.calciteTabChange.emit({
-        tab: this.selectedTab
-      });
     }
   }
   componentWillRender() {
@@ -23222,7 +23227,7 @@ const TabNav = class extends HTMLElement$1 {
       this.tabTitles.every((title) => !title.active) &&
       !this.selectedTab) {
       this.tabTitles[0].getTabIdentifier().then((tab) => {
-        this.calciteTabChange.emit({
+        this.calciteInternalTabChange.emit({
           tab
         });
       });
@@ -23255,13 +23260,20 @@ const TabNav = class extends HTMLElement$1 {
     e.stopPropagation();
     e.preventDefault();
   }
-  activateTabHandler(e) {
+  internalActivateTabHandler(e) {
     this.selectedTab = e.detail.tab
       ? e.detail.tab
       : this.getIndexOfTabTitle(e.target);
     e.stopPropagation();
     e.preventDefault();
   }
+  activateTabHandler(e) {
+    this.calciteTabChange.emit({
+      tab: this.selectedTab
+    });
+    e.stopPropagation();
+    e.preventDefault();
+  }
   /**
    * Check for active tabs on register and update selected
    */
@@ -23270,12 +23282,13 @@ const TabNav = class extends HTMLElement$1 {
       this.selectedTab = e.detail;
     }
   }
-  globalTabChangeHandler(e) {
+  globalInternalTabChangeHandler(e) {
     if (this.syncId &&
       e.target !== this.el &&
       e.target.syncId === this.syncId &&
       this.selectedTab !== e.detail.tab) {
       this.selectedTab = e.detail.tab;
+      e.stopPropagation();
     }
   }
   updateOffsetPosition() {
@@ -23324,6 +23337,7 @@ const TabTitle = class extends HTMLElement$1 {
     this.__registerHost();
     this.__attachShadow();
     this.calciteTabsActivate = createEvent(this, "calciteTabsActivate", 7);
+    this.calciteInternalTabsActivate = createEvent(this, "calciteInternalTabsActivate", 7);
     this.calciteTabsFocusNext = createEvent(this, "calciteTabsFocusNext", 7);
     this.calciteTabsFocusPrevious = createEvent(this, "calciteTabsFocusPrevious", 7);
     this.calciteTabTitleRegister = createEvent(this, "calciteTabTitleRegister", 7);
@@ -23351,7 +23365,7 @@ const TabTitle = class extends HTMLElement$1 {
   }
   activeTabChanged() {
     if (this.active) {
-      this.emitActiveTab();
+      this.emitActiveTab(false);
     }
   }
   //--------------------------------------------------------------------------
@@ -23377,7 +23391,7 @@ const TabTitle = class extends HTMLElement$1 {
       this.updateHasText();
     }
     if (this.tab && this.active) {
-      this.emitActiveTab();
+      this.emitActiveTab(false);
     }
   }
   componentWillRender() {
@@ -23414,7 +23428,7 @@ const TabTitle = class extends HTMLElement$1 {
   //  Event Listeners
   //
   //--------------------------------------------------------------------------
-  tabChangeHandler(event) {
+  internalTabChangeHandler(event) {
     const targetTabsEl = event
       .composedPath()
       .find((el) => el.tagName === "CALCITE-TABS");
@@ -23429,6 +23443,7 @@ const TabTitle = class extends HTMLElement$1 {
         this.active = index === event.detail.tab;
       });
     }
+    event.stopPropagation();
   }
   onClick() {
     this.emitActiveTab();
@@ -23488,11 +23503,14 @@ const TabTitle = class extends HTMLElement$1 {
     var _a;
     (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
   }
-  emitActiveTab() {
-    if (!this.disabled) {
-      this.calciteTabsActivate.emit({
-        tab: this.tab
-      });
+  emitActiveTab(userTriggered = true) {
+    if (this.disabled) {
+      return;
+    }
+    const payload = { tab: this.tab };
+    this.calciteInternalTabsActivate.emit(payload);
+    if (userTriggered) {
+      this.calciteTabsActivate.emit(payload);
     }
   }
   get el() { return this; }
@@ -26113,9 +26131,9 @@ const CalciteSplitButton = /*@__PURE__*/proxyCustomElement(SplitButton, [1,"calc
 const CalciteStepper = /*@__PURE__*/proxyCustomElement(Stepper, [1,"calcite-stepper",{"icon":[516],"layout":[513],"numbered":[516],"scale":[513],"requestedContent":[1040]},[[0,"calciteStepperItemKeyEvent","calciteStepperItemKeyEvent"],[0,"calciteStepperItemRegister","registerItem"],[0,"calciteStepperItemSelect","updateItem"]]]);
 const CalciteStepperItem = /*@__PURE__*/proxyCustomElement(StepperItem, [1,"calcite-stepper-item",{"active":[1540],"complete":[516],"error":[4],"disabled":[516],"itemTitle":[1,"item-title"],"itemSubtitle":[1,"item-subtitle"],"layout":[1537],"icon":[1028],"numbered":[1028],"scale":[1537]},[[0,"keydown","keyDownHandler"],[16,"calciteStepperItemChange","updateActiveItemOnChange"]]]);
 const CalciteSwitch = /*@__PURE__*/proxyCustomElement(Switch, [1,"calcite-switch",{"disabled":[516],"label":[1],"name":[513],"scale":[513],"switched":[1028],"checked":[1540],"value":[8]}]);
-const CalciteTab = /*@__PURE__*/proxyCustomElement(Tab, [1,"calcite-tab",{"tab":[513],"active":[1540],"scale":[1537],"labeledBy":[32]},[[16,"calciteTabChange","tabChangeHandler"]]]);
-const CalciteTabNav = /*@__PURE__*/proxyCustomElement(TabNav, [1,"calcite-tab-nav",{"storageId":[1,"storage-id"],"syncId":[1,"sync-id"],"scale":[1537],"layout":[1537],"position":[1537],"bordered":[1540],"indicatorOffset":[1026,"indicator-offset"],"indicatorWidth":[1026,"indicator-width"],"selectedTab":[32],"selectedTabEl":[32]},[[0,"calciteTabsFocusPrevious","focusPreviousTabHandler"],[0,"calciteTabsFocusNext","focusNextTabHandler"],[0,"calciteTabsActivate","activateTabHandler"],[0,"calciteTabTitleRegister","updateTabTitles"],[16,"calciteTabChange","globalTabChangeHandler"]]]);
-const CalciteTabTitle = /*@__PURE__*/proxyCustomElement(TabTitle, [1,"calcite-tab-title",{"active":[1540],"disabled":[516],"iconEnd":[513,"icon-end"],"iconFlipRtl":[513,"icon-flip-rtl"],"iconStart":[513,"icon-start"],"layout":[1537],"position":[1537],"scale":[1537],"bordered":[1540],"tab":[513],"controls":[32],"hasText":[32]},[[16,"calciteTabChange","tabChangeHandler"],[0,"click","onClick"],[0,"keydown","keyDownHandler"]]]);
+const CalciteTab = /*@__PURE__*/proxyCustomElement(Tab, [1,"calcite-tab",{"tab":[513],"active":[1540],"scale":[1537],"labeledBy":[32]},[[16,"calciteInternalTabChange","internalTabChangeHandler"]]]);
+const CalciteTabNav = /*@__PURE__*/proxyCustomElement(TabNav, [1,"calcite-tab-nav",{"storageId":[1,"storage-id"],"syncId":[1,"sync-id"],"scale":[1537],"layout":[1537],"position":[1537],"bordered":[1540],"indicatorOffset":[1026,"indicator-offset"],"indicatorWidth":[1026,"indicator-width"],"selectedTab":[32],"selectedTabEl":[32]},[[0,"calciteTabsFocusPrevious","focusPreviousTabHandler"],[0,"calciteTabsFocusNext","focusNextTabHandler"],[0,"calciteInternalTabsActivate","internalActivateTabHandler"],[0,"calciteTabsActivate","activateTabHandler"],[0,"calciteTabTitleRegister","updateTabTitles"],[16,"calciteInternalTabChange","globalInternalTabChangeHandler"]]]);
+const CalciteTabTitle = /*@__PURE__*/proxyCustomElement(TabTitle, [1,"calcite-tab-title",{"active":[1540],"disabled":[516],"iconEnd":[513,"icon-end"],"iconFlipRtl":[513,"icon-flip-rtl"],"iconStart":[513,"icon-start"],"layout":[1537],"position":[1537],"scale":[1537],"bordered":[1540],"tab":[513],"controls":[32],"hasText":[32]},[[16,"calciteInternalTabChange","internalTabChangeHandler"],[0,"click","onClick"],[0,"keydown","keyDownHandler"]]]);
 const CalciteTabs = /*@__PURE__*/proxyCustomElement(Tabs, [1,"calcite-tabs",{"layout":[513],"position":[513],"scale":[513],"bordered":[1540],"titles":[32],"tabs":[32]},[[0,"calciteTabTitleRegister","calciteTabTitleRegister"],[16,"calciteTabTitleUnregister","calciteTabTitleUnregister"],[0,"calciteTabRegister","calciteTabRegister"],[16,"calciteTabUnregister","calciteTabUnregister"]]]);
 const CalciteTile = /*@__PURE__*/proxyCustomElement(Tile, [1,"calcite-tile",{"active":[516],"description":[513],"disabled":[516],"embed":[516],"focused":[516],"heading":[513],"hidden":[516],"href":[513],"icon":[513]}]);
 const CalciteTileSelect = /*@__PURE__*/proxyCustomElement(TileSelect, [1,"calcite-tile-select",{"checked":[1540],"description":[513],"disabled":[516],"heading":[513],"hidden":[516],"icon":[513],"name":[520],"inputEnabled":[516,"input-enabled"],"inputAlignment":[513,"input-alignment"],"type":[513],"value":[8],"width":[513],"focused":[32]},[[0,"calciteCheckboxChange","checkboxChangeHandler"],[0,"calciteInternalCheckboxFocus","checkboxFocusBlurHandler"],[0,"calciteInternalCheckboxBlur","checkboxFocusBlurHandler"],[0,"calciteRadioButtonChange","radioButtonChangeHandler"],[0,"calciteInternalRadioButtonCheckedChange","radioButtonCheckedChangeHandler"],[0,"calciteInternalRadioButtonFocus","radioButtonFocusBlurHandler"],[0,"calciteInternalRadioButtonBlur","radioButtonFocusBlurHandler"],[0,"click","click"],[1,"mouseenter","mouseenter"],[1,"mouseleave","mouseleave"]]]);

package/dist/esm/{ExpandToggle-e2dffec8.js → ExpandToggle-dead8cc0.js}

@@ -1,12 +1,12 @@
 /*!
  * 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.437
+ * v1.0.0-next.438
  */
-import { f as forceUpdate, h } from './index-8b7eaa08.js';
-import { a as getElementDir } from './dom-5ddb719b.js';
-import { S as SLOTS } from './resources-8b391eab.js';
-import { S as SLOTS$1 } from './resources-f557d18e.js';
+import { f as forceUpdate, h } from './index-04070095.js';
+import { a as getElementDir } from './dom-bf2137c4.js';
+import { S as SLOTS } from './resources-16f8890a.js';
+import { S as SLOTS$1 } from './resources-d8d86fdc.js';
 
 const overflowActionsDebounceInMs = 150;
 const groupBufferHeight = 2;

package/dist/esm/{Heading-6e61243c.js → Heading-66e4f244.js}

@@ -1,9 +1,9 @@
 /*!
  * 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.437
+ * v1.0.0-next.438
  */
-import { h } from './index-8b7eaa08.js';
+import { h } from './index-04070095.js';
 
 function constrainHeadingLevel(level) {
   return Math.min(Math.max(Math.ceil(level), 1), 6);