@esri/calcite-components 1.0.0-next.676 → 1.0.0-next.678

package/dist/collection/components/alert/alert.css

@@ -367,7 +367,7 @@ slot[name=link]::slotted(*),
   opacity: 1;
 }
 
-:host([auto-dismiss]) > .alert-queue-count {
+:host([auto-close]) > .alert-queue-count {
   border-inline-end: 0px solid transparent;
 }
 
@@ -424,27 +424,27 @@ slot[name=link]::slotted(*),
   color: var(--calcite-ui-success);
 }
 
-:host([auto-dismiss-duration=fast]) .alert-dismiss-progress:after {
+:host([auto-close-duration=fast]) .alert-dismiss-progress:after {
   animation: dismissProgress 6000ms ease-out;
 }
 
-:host(:hover[auto-dismiss-duration=fast]) .alert-dismiss-progress:after {
+:host(:hover[auto-close-duration=fast]) .alert-dismiss-progress:after {
   animation-play-state: paused;
 }
 
-:host([auto-dismiss-duration=medium]) .alert-dismiss-progress:after {
+:host([auto-close-duration=medium]) .alert-dismiss-progress:after {
   animation: dismissProgress 10000ms ease-out;
 }
 
-:host(:hover[auto-dismiss-duration=medium]) .alert-dismiss-progress:after {
+:host(:hover[auto-close-duration=medium]) .alert-dismiss-progress:after {
   animation-play-state: paused;
 }
 
-:host([auto-dismiss-duration=slow]) .alert-dismiss-progress:after {
+:host([auto-close-duration=slow]) .alert-dismiss-progress:after {
   animation: dismissProgress 14000ms ease-out;
 }
 
-:host(:hover[auto-dismiss-duration=slow]) .alert-dismiss-progress:after {
+:host(:hover[auto-close-duration=slow]) .alert-dismiss-progress:after {
   animation-play-state: paused;
 }
 

package/dist/collection/components/alert/alert.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.676
+ * v1.0.0-next.678
  */
 import { h, Host } from "@stencil/core";
 import { getSlotted, setRequestedIcon, toAriaBoolean, slotChangeHasAssignedElement } from "../../utils/dom";
@@ -22,7 +22,7 @@ import { setUpLoadableComponent, setComponentLoaded, componentLoaded } from "../
  */
 export class Alert {
   constructor() {
-    this.autoDismissTimeoutId = null;
+    this.autoCloseTimeoutId = null;
     this.remainingPausedTimeout = 0;
     this.openTransitionProp = "opacity";
     //--------------------------------------------------------------------------
@@ -36,7 +36,7 @@ export class Alert {
     };
     /** close and emit calciteInternalAlertSync event with the updated queue payload */
     this.closeAlert = () => {
-      this.autoDismissTimeoutId = null;
+      this.autoCloseTimeoutId = null;
       this.queued = false;
       this.open = false;
       this.queue = this.queue.filter((el) => el !== this.el);
@@ -47,16 +47,15 @@ export class Alert {
       this.hasEndActions = slotChangeHasAssignedElement(event);
     };
     this.handleMouseOver = () => {
-      window.clearTimeout(this.autoDismissTimeoutId);
-      this.remainingPausedTimeout =
-        DURATIONS[this.autoDismissDuration] - Date.now() - this.trackTimer;
+      window.clearTimeout(this.autoCloseTimeoutId);
+      this.remainingPausedTimeout = DURATIONS[this.autoCloseDuration] - Date.now() - this.trackTimer;
     };
     this.handleMouseLeave = () => {
-      this.autoDismissTimeoutId = window.setTimeout(() => this.closeAlert(), this.remainingPausedTimeout);
+      this.autoCloseTimeoutId = window.setTimeout(() => this.closeAlert(), this.remainingPausedTimeout);
     };
     this.open = false;
-    this.autoDismiss = false;
-    this.autoDismissDuration = this.autoDismiss ? "medium" : null;
+    this.autoClose = false;
+    this.autoCloseDuration = this.autoClose ? "medium" : null;
     this.color = "blue";
     this.icon = undefined;
     this.intlClose = TEXT.intlClose;
@@ -84,9 +83,9 @@ export class Alert {
     this.requestedIcon = setRequestedIcon(StatusIcons, this.icon, this.color);
   }
   updateDuration() {
-    if (this.autoDismiss && this.autoDismissTimeoutId) {
-      window.clearTimeout(this.autoDismissTimeoutId);
-      this.autoDismissTimeoutId = window.setTimeout(() => this.closeAlert(), DURATIONS[this.autoDismissDuration] - (Date.now() - this.trackTimer));
+    if (this.autoClose && this.autoCloseTimeoutId) {
+      window.clearTimeout(this.autoCloseTimeoutId);
+      this.autoCloseTimeoutId = window.setTimeout(() => this.closeAlert(), DURATIONS[this.autoCloseDuration] - (Date.now() - this.trackTimer));
     }
   }
   //--------------------------------------------------------------------------
@@ -111,7 +110,7 @@ export class Alert {
     setComponentLoaded(this);
   }
   disconnectedCallback() {
-    window.clearTimeout(this.autoDismissTimeoutId);
+    window.clearTimeout(this.autoCloseTimeoutId);
     window.clearTimeout(this.queueTimeout);
     disconnectOpenCloseComponent(this);
     disconnectLocalized(this);
@@ -127,15 +126,15 @@ export class Alert {
     const queueNumber = this.queueLength > 2 ? this.queueLength - 1 : 1;
     const queueText = numberStringFormatter.numberFormatter.format(queueNumber);
     const queueCount = (h("div", { class: `${this.queueLength > 1 ? "active " : ""}alert-queue-count` }, h("calcite-chip", { scale: this.scale, value: queueText }, queueText)));
-    const { open, autoDismiss, label, placement, queued, requestedIcon } = this;
-    const role = autoDismiss ? "alert" : "alertdialog";
+    const { open, autoClose, label, placement, queued, requestedIcon } = this;
+    const role = autoClose ? "alert" : "alertdialog";
     const hidden = !open;
     const slotNode = (h("slot", { key: "actionsEndSlot", name: SLOTS.actionsEnd, onSlotchange: this.actionsEndSlotChangeHandler }));
     return (h(Host, { "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "calcite-hydrated-hidden": hidden, role: role }, h("div", { class: {
         container: true,
         queued,
         [placement]: true
-      }, onPointerOut: this.autoDismiss && this.autoDismissTimeoutId ? this.handleMouseLeave : null, onPointerOver: this.autoDismiss && this.autoDismissTimeoutId ? this.handleMouseOver : null, ref: this.setTransitionEl }, requestedIcon ? (h("div", { class: "alert-icon" }, h("calcite-icon", { icon: requestedIcon, scale: this.scale === "l" ? "m" : "s" }))) : null, h("div", { class: "alert-content" }, h("slot", { name: SLOTS.title }), h("slot", { name: SLOTS.message }), h("slot", { name: SLOTS.link })), h("div", { class: CSS.actionsEnd, hidden: !hasEndActions }, slotNode), this.queueLength > 1 ? queueCount : null, closeButton, open && !queued && autoDismiss ? h("div", { class: "alert-dismiss-progress" }) : null)));
+      }, onPointerOut: this.autoClose && this.autoCloseTimeoutId ? this.handleMouseLeave : null, onPointerOver: this.autoClose && this.autoCloseTimeoutId ? this.handleMouseOver : null, ref: this.setTransitionEl }, requestedIcon ? (h("div", { class: "alert-icon" }, h("calcite-icon", { icon: requestedIcon, scale: this.scale === "l" ? "m" : "s" }))) : null, h("div", { class: "alert-content" }, h("slot", { name: SLOTS.title }), h("slot", { name: SLOTS.message }), h("slot", { name: SLOTS.link })), h("div", { class: CSS.actionsEnd, hidden: !hasEndActions }, slotNode), this.queueLength > 1 ? queueCount : null, closeButton, open && !queued && autoClose ? h("div", { class: "alert-dismiss-progress" }) : null)));
   }
   // when an alert is opened or closed, update queue and determine active alert
   alertSync(event) {
@@ -178,9 +177,9 @@ export class Alert {
   determineActiveAlert() {
     if (this.queue?.[0] === this.el) {
       this.openAlert();
-      if (this.autoDismiss && !this.autoDismissTimeoutId) {
+      if (this.autoClose && !this.autoCloseTimeoutId) {
         this.trackTimer = Date.now();
-        this.autoDismissTimeoutId = window.setTimeout(() => this.closeAlert(), DURATIONS[this.autoDismissDuration]);
+        this.autoCloseTimeoutId = window.setTimeout(() => this.closeAlert(), DURATIONS[this.autoCloseDuration]);
       }
     }
     else {
@@ -236,7 +235,7 @@ export class Alert {
         "reflect": true,
         "defaultValue": "false"
       },
-      "autoDismiss": {
+      "autoClose": {
         "type": "boolean",
         "mutable": false,
         "complexType": {
@@ -250,11 +249,11 @@ export class Alert {
           "tags": [],
           "text": "When `true`, the component closes automatically (recommended for passive, non-blocking alerts)."
         },
-        "attribute": "auto-dismiss",
+        "attribute": "auto-close",
         "reflect": true,
         "defaultValue": "false"
       },
-      "autoDismissDuration": {
+      "autoCloseDuration": {
         "type": "string",
         "mutable": false,
         "complexType": {
@@ -271,11 +270,11 @@ export class Alert {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Specifies the duration before the component automatically closes (only use with `autoDismiss`)."
+          "text": "Specifies the duration before the component automatically closes (only use with `autoClose`)."
         },
-        "attribute": "auto-dismiss-duration",
+        "attribute": "auto-close-duration",
         "reflect": true,
-        "defaultValue": "this.autoDismiss ? \"medium\" : null"
+        "defaultValue": "this.autoClose ? \"medium\" : null"
       },
       "color": {
         "type": "string",
@@ -574,7 +573,7 @@ export class Alert {
         "propName": "color",
         "methodName": "updateRequestedIcon"
       }, {
-        "propName": "autoDismissDuration",
+        "propName": "autoCloseDuration",
         "methodName": "updateDuration"
       }];
   }

package/dist/collection/components/alert/interfaces.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.676
+ * v1.0.0-next.678
  */
 export var StatusIcons;
 (function (StatusIcons) {

package/dist/collection/components/alert/resources.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.676
+ * v1.0.0-next.678
  */
 export const TEXT = {
   intlClose: "Close"

package/dist/collection/components/avatar/avatar.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.676
+ * v1.0.0-next.678
  */
 import { h } from "@stencil/core";
 import { isValidHex } from "../color-picker/utils";

package/dist/collection/components/avatar/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.676
+ * v1.0.0-next.678
  */
 import { hexToRGB } from "../color-picker/utils";
 /**

package/dist/collection/components/block/block.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.676
+ * v1.0.0-next.678
  */
 import { h, Host } from "@stencil/core";
 import { CSS, ICONS, SLOTS, TEXT } from "./resources";

package/dist/collection/components/block/resources.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.676
+ * v1.0.0-next.678
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/block-section/block-section.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.676
+ * v1.0.0-next.678
  */
 import { h, Host } from "@stencil/core";
 import { getElementDir, toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/block-section/resources.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.676
+ * v1.0.0-next.678
  */
 export const CSS = {
   content: "content",

package/dist/collection/components/button/button.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.676
+ * v1.0.0-next.678
  */
 import "form-request-submit-polyfill/form-request-submit-polyfill";
 import { h, Build } from "@stencil/core";

package/dist/collection/components/button/resources.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.676
+ * v1.0.0-next.678
  */
 export const CSS = {
   buttonLoader: "calcite-button--loader",

package/dist/collection/components/card/card.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.676
+ * v1.0.0-next.678
  */
 import { h } from "@stencil/core";
 import { getSlotted, toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/card/resources.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.676
+ * v1.0.0-next.678
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/checkbox/checkbox.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.676
+ * v1.0.0-next.678
  */
 import { h, Host } from "@stencil/core";
 import { guid } from "../../utils/guid";

package/dist/collection/components/chip/chip.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.676
+ * v1.0.0-next.678
  */
 import { h } from "@stencil/core";
 import { getSlotted } from "../../utils/dom";
@@ -22,7 +22,7 @@ export class Chip {
     // --------------------------------------------------------------------------
     this.closeClickHandler = (event) => {
       event.preventDefault();
-      this.calciteChipDismiss.emit(this.el);
+      this.calciteChipClose.emit(this.el);
       this.closed = true;
     };
     this.guid = guid();
@@ -277,14 +277,14 @@ export class Chip {
   }
   static get events() {
     return [{
-        "method": "calciteChipDismiss",
-        "name": "calciteChipDismiss",
+        "method": "calciteChipClose",
+        "name": "calciteChipClose",
         "bubbles": true,
         "cancelable": false,
         "composed": true,
         "docs": {
           "tags": [],
-          "text": "Fires when the dismiss button is clicked.\n\n**Note:**: The `el` event payload props is deprecated, please use the event's `target`/`currentTarget` instead."
+          "text": "Fires when the close button is clicked.\n\n**Note:**: The `el` event payload props is deprecated, please use the event's `target`/`currentTarget` instead."
         },
         "complexType": {
           "original": "DeprecatedEventPayload",

package/dist/collection/components/chip/resources.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.676
+ * v1.0.0-next.678
  */
 export const CSS = {
   title: "title",

package/dist/collection/components/color-picker/color-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.676
+ * v1.0.0-next.678
  */
 import { h } from "@stencil/core";
 import Color from "color";

package/dist/collection/components/color-picker/resources.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.676
+ * v1.0.0-next.678
  */
 import Color from "color";
 export const CSS = {

package/dist/collection/components/color-picker/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.676
+ * v1.0.0-next.678
  */
 export function rgbToHex(color) {
   const { r, g, b } = color;

package/dist/collection/components/color-picker-hex-input/color-picker-hex-input.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.676
+ * v1.0.0-next.678
  */
 import { h } from "@stencil/core";
 import { hexChar, isLonghandHex, isValidHex, normalizeHex, rgbToHex } from "../color-picker/utils";

package/dist/collection/components/color-picker-hex-input/resources.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.676
+ * v1.0.0-next.678
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/color-picker-swatch/color-picker-swatch.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.676
+ * v1.0.0-next.678
  */
 import { h } from "@stencil/core";
 import Color from "color";

package/dist/collection/components/color-picker-swatch/resources.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.676
+ * v1.0.0-next.678
  */
 export const CSS = {
   swatch: "swatch",