@esri/calcite-components 1.4.3-next.7 → 1.4.3

package/dist/esm/calcite-radio-button.entry.js

@@ -1,17 +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.4.3-next.6
+ * v1.4.3
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-7c949857.js';
-import { g as getRoundRobinIndex } from './array-592cbeb6.js';
-import { b as getElementDir, f as focusElement, t as toAriaBoolean } from './dom-ded2c412.js';
-import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-4bc12471.js';
-import { g as guid } from './guid-f6471622.js';
-import { u as updateHostInteraction } from './interactive-66fbba19.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-db821ffc.js';
-import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-23c0edb3.js';
-import './resources-61b0bb1c.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, a as getElement } from './index-c7e05e63.js';
+import { g as getRoundRobinIndex } from './array-8048effa.js';
+import { b as getElementDir, f as focusElement, t as toAriaBoolean } from './dom-1fb94ff6.js';
+import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-d7359efe.js';
+import { g as guid } from './guid-7136974b.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-0eb13600.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-9d2eb334.js';
+import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-8058e300.js';
+import './resources-342e12d1.js';
+import './browser-99bc62cf.js';
 
 const CSS = {
   container: "container"
@@ -32,19 +33,24 @@ const RadioButton = class {
     this.queryButtons = () => {
       return Array.from(this.rootNode.querySelectorAll("calcite-radio-button:not([hidden])")).filter((radioButton) => radioButton.name === this.name);
     };
-    this.isDefaultSelectable = () => {
+    this.isFocusable = () => {
       const radioButtons = this.queryButtons();
-      return !radioButtons.some((radioButton) => radioButton.checked) && radioButtons[0] === this.el;
+      const firstFocusable = radioButtons.find((radioButton) => !radioButton.disabled);
+      const checked = radioButtons.find((radioButton) => radioButton.checked);
+      return firstFocusable === this.el && !checked;
     };
     this.check = () => {
       if (this.disabled) {
         return;
       }
+      this.focused = true;
+      this.setFocus();
+      if (this.checked) {
+        return;
+      }
       this.uncheckAllRadioButtonsInGroup();
       this.checked = true;
-      this.focused = true;
       this.calciteRadioButtonChange.emit();
-      this.setFocus();
     };
     this.clickHandler = () => {
       if (this.disabled) {
@@ -129,6 +135,12 @@ const RadioButton = class {
     }
     this.calciteInternalRadioButtonCheckedChange.emit();
   }
+  disabledChanged() {
+    this.updateTabIndexOfOtherRadioButtonsInGroup();
+  }
+  hiddenChanged() {
+    this.updateTabIndexOfOtherRadioButtonsInGroup();
+  }
   nameChanged() {
     this.checkLastRadioButton();
   }
@@ -153,19 +165,24 @@ const RadioButton = class {
     input.type = "radio";
   }
   onLabelClick(event) {
-    if (!this.disabled && !this.hidden) {
-      this.uncheckOtherRadioButtonsInGroup();
-      const label = event.currentTarget;
-      const radioButton = label.for
-        ? this.rootNode.querySelector(`calcite-radio-button[id="${label.for}"]`)
-        : label.querySelector(`calcite-radio-button[name="${this.name}"]`);
-      if (radioButton) {
-        radioButton.checked = true;
-        radioButton.focused = true;
-      }
-      this.calciteRadioButtonChange.emit();
-      this.setFocus();
+    if (this.disabled || this.hidden) {
+      return;
+    }
+    const label = event.currentTarget;
+    const radioButton = label.for
+      ? this.rootNode.querySelector(`calcite-radio-button[id="${label.for}"]`)
+      : label.querySelector(`calcite-radio-button[name="${this.name}"]`);
+    if (!radioButton) {
+      return;
     }
+    radioButton.focused = true;
+    this.setFocus();
+    if (radioButton.checked) {
+      return;
+    }
+    this.uncheckOtherRadioButtonsInGroup();
+    radioButton.checked = true;
+    this.calciteRadioButtonChange.emit();
   }
   checkLastRadioButton() {
     const radioButtons = this.queryButtons();
@@ -203,11 +220,18 @@ const RadioButton = class {
       }
     });
   }
+  updateTabIndexOfOtherRadioButtonsInGroup() {
+    const radioButtons = this.queryButtons();
+    const otherFocusableRadioButtons = radioButtons.filter((radioButton) => radioButton.guid !== this.guid && !radioButton.disabled);
+    otherFocusableRadioButtons.forEach((radioButton) => {
+      forceUpdate(radioButton);
+    });
+  }
   getTabIndex() {
     if (this.disabled) {
       return undefined;
     }
-    return this.checked || this.isDefaultSelectable() ? 0 : -1;
+    return this.checked || this.isFocusable() ? 0 : -1;
   }
   //--------------------------------------------------------------------------
   //
@@ -237,8 +261,10 @@ const RadioButton = class {
     if (this.name) {
       this.checkLastRadioButton();
     }
+    connectInteractive(this);
     connectLabel(this);
     connectForm(this);
+    this.updateTabIndexOfOtherRadioButtonsInGroup();
   }
   componentWillLoad() {
     setUpLoadableComponent(this);
@@ -250,8 +276,10 @@ const RadioButton = class {
     }
   }
   disconnectedCallback() {
+    disconnectInteractive(this);
     disconnectLabel(this);
     disconnectForm(this);
+    this.updateTabIndexOfOtherRadioButtonsInGroup();
   }
   componentDidRender() {
     updateHostInteraction(this);
@@ -270,6 +298,8 @@ const RadioButton = class {
   get el() { return getElement(this); }
   static get watchers() { return {
     "checked": ["checkedChanged"],
+    "disabled": ["disabledChanged"],
+    "hidden": ["hiddenChanged"],
     "name": ["nameChanged"]
   }; }
 };

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

@@ -1,20 +1,21 @@
 /*!
  * 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-next.6
+ * v1.4.3
  */
-import { h, r as registerInstance, c as createEvent, H as Host, a as getElement } from './index-7c949857.js';
-import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-4bc12471.js';
-import { g as guid } from './guid-f6471622.js';
-import { u as updateHostInteraction } from './interactive-66fbba19.js';
-import { c as connectLabel, d as disconnectLabel } from './label-db821ffc.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-23c0edb3.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-741d5820.js';
-import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-ef7e26b4.js';
-import './dom-ded2c412.js';
-import './resources-61b0bb1c.js';
-import './key-24b39791.js';
-import './observers-6b03b332.js';
+import { h, r as registerInstance, c as createEvent, H as Host, a as getElement } from './index-c7e05e63.js';
+import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-d7359efe.js';
+import { g as guid } from './guid-7136974b.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-0eb13600.js';
+import { c as connectLabel, d as disconnectLabel } from './label-9d2eb334.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-8058e300.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-a35648cd.js';
+import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-fac13394.js';
+import './dom-1fb94ff6.js';
+import './resources-342e12d1.js';
+import './browser-99bc62cf.js';
+import './key-8ff0d101.js';
+import './observers-95e97fae.js';
 
 const StarIcon = ({ full, scale, partial }) => (h("calcite-icon", { ...{
     class: partial ? undefined : "icon",
@@ -153,6 +154,7 @@ const Rating = class {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
+    connectInteractive(this);
     connectLocalized(this);
     connectMessages(this);
     connectLabel(this);
@@ -201,6 +203,7 @@ const Rating = class {
     setComponentLoaded(this);
   }
   disconnectedCallback() {
+    disconnectInteractive(this);
     disconnectLocalized(this);
     disconnectMessages(this);
     disconnectLabel(this);

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

@@ -1,30 +1,46 @@
 /*!
  * 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-next.6
+ * v1.4.3
  */
-import { r as registerInstance, h, a as getElement } from './index-7c949857.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-741d5820.js';
-import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-ef7e26b4.js';
-import './dom-ded2c412.js';
-import './guid-f6471622.js';
-import './resources-61b0bb1c.js';
-import './key-24b39791.js';
-import './observers-6b03b332.js';
+import { r as registerInstance, h, a as getElement } from './index-c7e05e63.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-a35648cd.js';
+import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-fac13394.js';
+import { c as createObserver } from './observers-95e97fae.js';
+import './dom-1fb94ff6.js';
+import './guid-7136974b.js';
+import './resources-342e12d1.js';
+import './key-8ff0d101.js';
 
 const CSS = {
   scrim: "scrim",
   content: "content"
 };
+const BREAKPOINTS = {
+  s: 72,
+  // medium is assumed default.
+  l: 480 // Greater than or equal to 480px.
+};
 
 const scrimCss = "@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{position:absolute;inset:0px;z-index:var(--calcite-app-z-index-overlay);display:flex;block-size:100%;inline-size:100%;flex-direction:column;align-items:stretch}@keyframes calcite-scrim-fade-in{0%{--tw-bg-opacity:0}100%{--tw-text-opacity:1}}.scrim{position:absolute;inset:0px;display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:center;overflow:hidden;animation:calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;background-color:var(--calcite-scrim-background, var(--calcite-scrim-background-internal))}.content{padding:1rem}";
 
 const Scrim = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.resizeObserver = createObserver("resize", () => this.handleResize());
+    // --------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    // --------------------------------------------------------------------------
+    this.storeLoaderEl = (el) => {
+      this.loaderEl = el;
+      this.handleResize();
+    };
     this.loading = false;
     this.messages = undefined;
     this.messageOverrides = undefined;
+    this.loaderScale = undefined;
     this.defaultMessages = undefined;
     this.effectiveLocale = "";
   }
@@ -58,10 +74,28 @@ const Scrim = class {
   render() {
     const { el, loading, messages } = this;
     const hasContent = el.innerHTML.trim().length > 0;
-    const loaderNode = loading ? h("calcite-loader", { label: messages.loading }) : null;
+    const loaderNode = loading ? (h("calcite-loader", { label: messages.loading, ref: this.storeLoaderEl, scale: this.loaderScale })) : null;
     const contentNode = hasContent ? (h("div", { class: CSS.content }, h("slot", null))) : null;
     return (h("div", { class: CSS.scrim }, loaderNode, contentNode));
   }
+  getScale(size) {
+    if (size < BREAKPOINTS.s) {
+      return "s";
+    }
+    else if (size >= BREAKPOINTS.l) {
+      return "l";
+    }
+    else {
+      return "m";
+    }
+  }
+  handleResize() {
+    const { loaderEl, el } = this;
+    if (!loaderEl) {
+      return;
+    }
+    this.loaderScale = this.getScale(Math.min(el.clientHeight, el.clientWidth) ?? 0);
+  }
   static get assetsDirs() { return ["assets"]; }
   get el() { return getElement(this); }
   static get watchers() { return {

package/dist/esm/calcite-segmented-control_2.entry.js

@@ -1,16 +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.4.3-next.6
+ * v1.4.3
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-7c949857.js';
-import { b as getElementDir, v as getElementProp, t as toAriaBoolean } from './dom-ded2c412.js';
-import { a as afterConnectDefaultValueSet, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-4bc12471.js';
-import { u as updateHostInteraction } from './interactive-66fbba19.js';
-import { c as connectLabel, d as disconnectLabel } from './label-db821ffc.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-23c0edb3.js';
-import './guid-f6471622.js';
-import './resources-61b0bb1c.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-c7e05e63.js';
+import { b as getElementDir, v as getElementProp, t as toAriaBoolean } from './dom-1fb94ff6.js';
+import { a as afterConnectDefaultValueSet, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-d7359efe.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-0eb13600.js';
+import { c as connectLabel, d as disconnectLabel } from './label-9d2eb334.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-8058e300.js';
+import './guid-7136974b.js';
+import './resources-342e12d1.js';
+import './browser-99bc62cf.js';
 
 const segmentedControlCss = "@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;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;background-color:var(--calcite-ui-foreground-1);inline-size:-moz-fit-content;inline-size:fit-content;outline:1px solid var(--calcite-ui-border-input);outline-offset:-1px}:host([appearance=outline]){background-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([layout=vertical]){flex-direction:column;align-items:flex-start;align-self:flex-start}:host([width=full]){inline-size:100%;min-inline-size:-moz-fit-content;min-inline-size:fit-content}:host([width=full]) ::slotted(calcite-segmented-control-item){flex:1 1 auto}:host([width=full][layout=vertical]) ::slotted(calcite-segmented-control-item){justify-content:flex-start}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";
 
@@ -81,10 +82,12 @@ const SegmentedControl = class {
     setComponentLoaded(this);
   }
   connectedCallback() {
+    connectInteractive(this);
     connectLabel(this);
     connectForm(this);
   }
   disconnectedCallback() {
+    disconnectInteractive(this);
     disconnectLabel(this);
     disconnectForm(this);
   }

package/dist/esm/calcite-shell_3.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.4.3-next.6
+ * v1.4.3
  */
-import { r as registerInstance, h, F as Fragment, a as getElement, f as forceUpdate } from './index-7c949857.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-6c1d9ae2.js';
-import { d as slotChangeHasAssignedElement, s as slotChangeGetAssignedElements, g as getSlotted, b as getElementDir, i as isPrimaryPointerButton } from './dom-ded2c412.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-741d5820.js';
-import { c as clamp } from './math-e1177cd2.js';
-import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-ef7e26b4.js';
-import { C as CSS_UTILITY } from './resources-61b0bb1c.js';
-import './observers-6b03b332.js';
-import './guid-f6471622.js';
-import './key-24b39791.js';
+import { r as registerInstance, h, F as Fragment, a as getElement, f as forceUpdate } from './index-c7e05e63.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-946fb911.js';
+import { d as slotChangeHasAssignedElement, s as slotChangeGetAssignedElements, g as getSlotted, b as getElementDir, i as isPrimaryPointerButton } from './dom-1fb94ff6.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-a35648cd.js';
+import { c as clamp } from './math-584fc665.js';
+import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-fac13394.js';
+import { C as CSS_UTILITY } from './resources-342e12d1.js';
+import './observers-95e97fae.js';
+import './guid-7136974b.js';
+import './key-8ff0d101.js';
 
 const CSS$2 = {
   main: "main",

package/dist/esm/calcite-sortable-list.entry.js

@@ -1,15 +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.4.3-next.6
+ * v1.4.3
  */
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-7c949857.js';
-import { u as updateHostInteraction } from './interactive-66fbba19.js';
-import { c as createObserver } from './observers-6b03b332.js';
-import { d as disconnectSortableComponent, c as connectSortableComponent, o as onSortingStart, a as onSortingEnd } from './sortableComponent-1be1476b.js';
-import { f as focusElement } from './dom-ded2c412.js';
-import './guid-f6471622.js';
-import './resources-61b0bb1c.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-c7e05e63.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-0eb13600.js';
+import { c as createObserver } from './observers-95e97fae.js';
+import { d as disconnectSortableComponent, c as connectSortableComponent, o as onSortingStart, a as onSortingEnd } from './sortableComponent-8d7c9c05.js';
+import { f as focusElement } from './dom-1fb94ff6.js';
+import './browser-99bc62cf.js';
+import './guid-7136974b.js';
+import './resources-342e12d1.js';
 
 const CSS = {
   sortItem: "sort-item",
@@ -43,8 +44,10 @@ const SortableList = class {
   connectedCallback() {
     this.setUpSorting();
     this.beginObserving();
+    connectInteractive(this);
   }
   disconnectedCallback() {
+    disconnectInteractive(this);
     disconnectSortableComponent(this);
     this.endObserving();
   }

package/dist/esm/calcite-split-button.entry.js

@@ -1,11 +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.4.3-next.6
+ * v1.4.3
  */
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-7c949857.js';
-import { u as updateHostInteraction } from './interactive-66fbba19.js';
-import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-23c0edb3.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-c7e05e63.js';
+import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive } from './interactive-0eb13600.js';
+import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-8058e300.js';
+import './browser-99bc62cf.js';
 
 const CSS = {
   container: "split-button__container",
@@ -66,6 +67,9 @@ const SplitButton = class {
   //  Lifecycle
   //
   //--------------------------------------------------------------------------
+  connectedCallback() {
+    connectInteractive(this);
+  }
   componentWillLoad() {
     setUpLoadableComponent(this);
   }
@@ -75,6 +79,9 @@ const SplitButton = class {
   componentDidRender() {
     updateHostInteraction(this);
   }
+  disconnectedCallback() {
+    disconnectInteractive(this);
+  }
   render() {
     const widthClasses = {
       [CSS.container]: true,

package/dist/esm/calcite-stack.entry.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.4.3-next.6
+ * v1.4.3
  */
-import { r as registerInstance, h, H as Host } from './index-7c949857.js';
-import { d as slotChangeHasAssignedElement } from './dom-ded2c412.js';
-import './guid-f6471622.js';
-import './resources-61b0bb1c.js';
+import { r as registerInstance, h, H as Host } from './index-c7e05e63.js';
+import { d as slotChangeHasAssignedElement } from './dom-1fb94ff6.js';
+import './guid-7136974b.js';
+import './resources-342e12d1.js';
 
 const CSS = {
   container: "container",

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

@@ -1,17 +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.4.3-next.6
+ * v1.4.3
  */
-import { r as registerInstance, c as createEvent, h, a as getElement, H as Host } from './index-7c949857.js';
-import { j as focusElementInGroup, v as getElementProp, t as toAriaBoolean } from './dom-ded2c412.js';
-import { u as updateHostInteraction } from './interactive-66fbba19.js';
-import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-741d5820.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-23c0edb3.js';
-import './guid-f6471622.js';
-import './resources-61b0bb1c.js';
-import './key-24b39791.js';
-import './observers-6b03b332.js';
+import { r as registerInstance, c as createEvent, h, a as getElement, H as Host } from './index-c7e05e63.js';
+import { j as focusElementInGroup, v as getElementProp, t as toAriaBoolean } from './dom-1fb94ff6.js';
+import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive } from './interactive-0eb13600.js';
+import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-a35648cd.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-8058e300.js';
+import './guid-7136974b.js';
+import './resources-342e12d1.js';
+import './browser-99bc62cf.js';
+import './key-8ff0d101.js';
+import './observers-95e97fae.js';
 
 const stepperCss = "@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{position:relative;display:flex;inline-size:100%;min-inline-size:-moz-fit-content;min-inline-size:fit-content;flex-direction:row;flex-wrap:wrap;align-items:stretch;justify-content:space-between}:host([layout=vertical]){flex:1 1 auto;flex-direction:column}:host([layout=horizontal]){display:grid;grid-template-areas:\"items\" \"content\"}";
 
@@ -296,6 +297,7 @@ const StepperItem = class {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
+    connectInteractive(this);
     connectLocalized(this);
   }
   componentWillLoad() {
@@ -318,6 +320,7 @@ const StepperItem = class {
     updateHostInteraction(this, true);
   }
   disconnectedCallback() {
+    disconnectInteractive(this);
     disconnectLocalized(this);
   }
   render() {

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

@@ -1,17 +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.4.3-next.6
+ * v1.4.3
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-7c949857.js';
-import { f as focusElement, t as toAriaBoolean } from './dom-ded2c412.js';
-import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-4bc12471.js';
-import { u as updateHostInteraction } from './interactive-66fbba19.js';
-import { i as isActivationKey } from './key-24b39791.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-db821ffc.js';
-import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-23c0edb3.js';
-import './guid-f6471622.js';
-import './resources-61b0bb1c.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-c7e05e63.js';
+import { f as focusElement, t as toAriaBoolean } from './dom-1fb94ff6.js';
+import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-d7359efe.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-0eb13600.js';
+import { i as isActivationKey } from './key-8ff0d101.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-9d2eb334.js';
+import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-8058e300.js';
+import './guid-7136974b.js';
+import './resources-342e12d1.js';
+import './browser-99bc62cf.js';
 
 const switchCss = "@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;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([scale=s]) .container{block-size:0.75rem}:host([scale=s]) .track{block-size:0.75rem;inline-size:1.5rem}:host([scale=s]) .handle{block-size:0.5rem;inline-size:0.5rem}:host([scale=m]) .container{block-size:1rem}:host([scale=m]) .track{block-size:1rem;inline-size:2rem}:host([scale=m]) .handle{block-size:0.75rem;inline-size:0.75rem}:host([scale=l]) .container{block-size:1.5rem}:host([scale=l]) .track{block-size:1.5rem;inline-size:3rem}:host([scale=l]) .handle{block-size:1.25rem;inline-size:1.25rem}:host{position:relative;display:inline-block;inline-size:auto;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;tap-highlight-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host{inline-size:auto;outline-color:transparent}.track{pointer-events:none;position:relative;box-sizing:border-box;display:inline-block;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);background-color:var(--calcite-ui-foreground-2);vertical-align:top;transition-property:all;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.handle{pointer-events:none;position:absolute;display:block;border-radius:9999px;border-width:2px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);transition-property:all;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);inset-block-start:-1px;inset-inline:-1px auto}:host(:hover) .handle,:host(:focus) .handle{border-color:var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand)}:host([checked]) .track{border-color:var(--calcite-ui-brand-hover);background-color:var(--calcite-ui-brand)}:host([checked]) .handle{border-color:var(--calcite-ui-brand);inset-inline:auto -1px}:host([checked]:hover) .track{border-color:var(--calcite-ui-brand-hover);background-color:var(--calcite-ui-brand)}:host([checked]:hover) .handle{border-color:var(--calcite-ui-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand-hover)}@media (forced-colors: active){:host([checked]) .track{background-color:canvasText}}.container:focus{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          )}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";
 
@@ -76,6 +77,7 @@ const Switch = class {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
+    connectInteractive(this);
     connectLabel(this);
     connectForm(this);
   }
@@ -86,6 +88,7 @@ const Switch = class {
     setComponentLoaded(this);
   }
   disconnectedCallback() {
+    disconnectInteractive(this);
     disconnectLabel(this);
     disconnectForm(this);
   }

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

@@ -1,17 +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.4.3-next.6
+ * v1.4.3
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement, F as Fragment } from './index-7c949857.js';
-import { x as nodeListToArray, j as focusElementInGroup, b as getElementDir, z as filterDirectChildren, v as getElementProp, t as toAriaBoolean } from './dom-ded2c412.js';
-import { g as guid } from './guid-f6471622.js';
-import { c as createObserver } from './observers-6b03b332.js';
-import { u as updateHostInteraction } from './interactive-66fbba19.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-741d5820.js';
-import { c as connectMessages, d as disconnectMessages, s as setUpMessages, u as updateMessages } from './t9n-ef7e26b4.js';
-import './resources-61b0bb1c.js';
-import './key-24b39791.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement, F as Fragment } from './index-c7e05e63.js';
+import { x as nodeListToArray, j as focusElementInGroup, b as getElementDir, z as filterDirectChildren, v as getElementProp, t as toAriaBoolean } from './dom-1fb94ff6.js';
+import { g as guid } from './guid-7136974b.js';
+import { c as createObserver } from './observers-95e97fae.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-0eb13600.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-a35648cd.js';
+import { c as connectMessages, d as disconnectMessages, s as setUpMessages, u as updateMessages } from './t9n-fac13394.js';
+import './resources-342e12d1.js';
+import './browser-99bc62cf.js';
+import './key-8ff0d101.js';
 
 const tabCss = "@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([selected]) section,:host([selected]) .container{display:block}:host{display:none;block-size:100%;inline-size:100%}:host([selected]){display:block;block-size:100%;inline-size:100%;overflow:auto}section,.container{display:none;block-size:100%;inline-size:100%}:host([scale=s]){padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-block:13px}";
 
@@ -409,6 +410,7 @@ const TabTitle = class {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
+    connectInteractive(this);
     connectLocalized(this);
     connectMessages(this);
     this.setupTextContentObserver();
@@ -422,6 +424,7 @@ const TabTitle = class {
       detail: this.el
     }));
     this.resizeObserver?.disconnect();
+    disconnectInteractive(this);
     disconnectLocalized(this);
     disconnectMessages(this);
   }