@esri/calcite-components 1.7.0-next.1 → 1.7.0-next.10

package/dist/collection/components/loader/loader.css

@@ -93,7 +93,10 @@
   block-size: var(--calcite-loader-size);
   inset-inline-start: 50%;
   margin-inline-start: calc(var(--calcite-loader-size) / 2 * -1);
-  transform: scale(1, 1);
+  animation-iteration-count: infinite;
+  animation-timing-function: linear;
+  animation-duration: calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 6.66 / var(--calcite-internal-duration-factor));
+  animation-name: loader-clockwise;
 }
 
 .loader__svg{
@@ -106,7 +109,6 @@
   block-size: var(--calcite-loader-size);
   animation-iteration-count: infinite;
   animation-timing-function: linear;
-  animation-name: loader-clockwise;
 }
 
 @supports (display: grid) {
@@ -124,6 +126,9 @@
   animation: none;
   stroke: var(--calcite-ui-border-3);
 }
+:host([type=determinate]) .loader__svgs{
+  animation: none;
+}
 :host([type=determinate]) .loader__svg--3{
   animation: none;
   stroke: var(--calcite-ui-brand);
@@ -189,60 +194,60 @@
   - duration  how long the segment takes to rotate 360° (seconds)
 */
 .loader__svg--1 {
-  stroke-dasharray: 27.9252444444% 139.6262222222%;
-  animation-duration: calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 2.4 / var(--calcite-internal-duration-factor));
+  stroke-dasharray: 27.9252444444 139.6262222222;
+  animation-duration: calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 4.8 / var(--calcite-internal-duration-factor));
 }
 
 @keyframes loader-offset-1 {
   0% {
-    stroke-dasharray: 27.9252444444% 251.3272%;
+    stroke-dasharray: 27.9252444444 251.3272;
     stroke-dashoffset: 0;
   }
   50% {
-    stroke-dasharray: 139.6262222222% 139.6262222222%;
-    stroke-dashoffset: -83.7757333333%;
+    stroke-dasharray: 139.6262222222 139.6262222222;
+    stroke-dashoffset: -83.7757333333;
   }
   100% {
-    stroke-dasharray: 27.9252444444% 251.3272%;
-    stroke-dashoffset: -279.2524444444%;
+    stroke-dasharray: 27.9252444444 251.3272;
+    stroke-dashoffset: -279.2524444444;
   }
 }
 .loader__svg--2 {
-  stroke-dasharray: 55.8504888889% 139.6262222222%;
-  animation-duration: calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 3.2 / var(--calcite-internal-duration-factor));
+  stroke-dasharray: 55.8504888889 139.6262222222;
+  animation-duration: calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 6.4 / var(--calcite-internal-duration-factor));
 }
 
 @keyframes loader-offset-2 {
   0% {
-    stroke-dasharray: 55.8504888889% 223.4019555556%;
+    stroke-dasharray: 55.8504888889 223.4019555556;
     stroke-dashoffset: 0;
   }
   50% {
-    stroke-dasharray: 139.6262222222% 139.6262222222%;
-    stroke-dashoffset: -97.7383555556%;
+    stroke-dasharray: 139.6262222222 139.6262222222;
+    stroke-dashoffset: -97.7383555556;
   }
   100% {
-    stroke-dasharray: 55.8504888889% 223.4019555556%;
-    stroke-dashoffset: -279.2524444444%;
+    stroke-dasharray: 55.8504888889 223.4019555556;
+    stroke-dashoffset: -279.2524444444;
   }
 }
 .loader__svg--3 {
-  stroke-dasharray: 13.9626222222% 139.6262222222%;
-  animation-duration: calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 3.867 / var(--calcite-internal-duration-factor));
+  stroke-dasharray: 13.9626222222 139.6262222222;
+  animation-duration: calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 7.734 / var(--calcite-internal-duration-factor));
 }
 
 @keyframes loader-offset-3 {
   0% {
-    stroke-dasharray: 13.9626222222% 265.2898222222%;
+    stroke-dasharray: 13.9626222222 265.2898222222;
     stroke-dashoffset: 0;
   }
   50% {
-    stroke-dasharray: 139.6262222222% 139.6262222222%;
-    stroke-dashoffset: -76.7944222222%;
+    stroke-dasharray: 139.6262222222 139.6262222222;
+    stroke-dashoffset: -76.7944222222;
   }
   100% {
-    stroke-dasharray: 13.9626222222% 265.2898222222%;
-    stroke-dashoffset: -279.2524444444%;
+    stroke-dasharray: 13.9626222222 265.2898222222;
+    stroke-dashoffset: -279.2524444444;
   }
 }
 @keyframes loader-color-shift {
@@ -260,9 +265,6 @@
   }
 }
 @keyframes loader-clockwise {
-  0% {
-    transform: rotate(0deg);
-  }
   100% {
     transform: rotate(360deg);
   }

package/dist/collection/components/loader/loader.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 import { h, Host } from "@stencil/core";
 import { guid } from "../../utils/guid";

package/dist/collection/components/menu/menu.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 import { h, Host, } from "@stencil/core";
 import { focusElement, focusElementInGroup, slotChangeGetAssignedElements } from "../../utils/dom";

package/dist/collection/components/menu-item/menu-item.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 import { Fragment, h, Host, } from "@stencil/core";
 import { getElementDir, slotChangeGetAssignedElements } from "../../utils/dom";
@@ -212,7 +212,7 @@ export class CalciteMenuItem {
           ? "chevron-up"
           : "chevron-down"
         : dirChevron, key: CSS.dropdownAction, onClick: this.clickHandler, onKeyDown: this.keyDownHandler, text: this.messages.open,
-      // eslint-disable-next-line react/jsx-sort-props
+      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
       ref: (el) => (this.dropdownActionEl = el) }));
   }
   renderSubmenuItems(dir) {
@@ -237,7 +237,7 @@ export class CalciteMenuItem {
         [CSS.container]: true,
         [CSS.isParentVertical]: this.topLevelMenuLayout === "vertical",
       }, role: "none" }, h("div", { class: CSS.itemContent }, h("a", { "aria-current": this.isFocused ? "page" : false, "aria-expanded": this.open, "aria-haspopup": this.hasSubmenu, "aria-label": this.label, class: { [CSS.layoutVertical]: this.layout === "vertical", [CSS.content]: true }, href: this.href, onClick: this.clickHandler, onKeyDown: this.keyDownHandler, rel: this.rel, role: "menuitem", tabIndex: this.isTopLevelItem ? 0 : -1, target: this.target,
-      // eslint-disable-next-line react/jsx-sort-props
+      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
       ref: (el) => (this.anchorEl = el) }, this.renderItemContent(dir)), this.href && this.hasSubmenu ? this.renderDropdownAction(dir) : null), this.renderSubmenuItems(dir))));
   }
   static get is() { return "calcite-menu-item"; }

package/dist/collection/components/menu-item/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/meter/meter.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 import { h, Host } from "@stencil/core";
 import { CSS } from "./resources";

package/dist/collection/components/meter/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/modal/modal.css

@@ -109,7 +109,7 @@
   transform: var(--calcite-modal-hidden-position);
 }
 
-:host([open]) {
+:host([opened]) {
   opacity: 1;
   visibility: visible !important;
   transition-delay: 0ms;
@@ -394,10 +394,10 @@ slot[name=primary] {
   flex: 1 1 auto;
 }
 
-:host([open][fullscreen]) .header,
-:host([open][fullscreen]) .footer,
-:host([open][fullscreen]) .content-top,
-:host([open][fullscreen]) .content-bottom {
+:host([opened][fullscreen]) .header,
+:host([opened][fullscreen]) .footer,
+:host([opened][fullscreen]) .content-top,
+:host([opened][fullscreen]) .content-bottom {
   border-radius: 0;
 }
 

package/dist/collection/components/modal/modal.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 import { h, Host, } from "@stencil/core";
 import { connectConditionalSlotComponent, disconnectConditionalSlotComponent, } from "../../utils/conditionalSlot";
@@ -24,6 +24,12 @@ import { connectMessages, disconnectMessages, setUpMessages, updateMessages, } f
  */
 export class Modal {
   constructor() {
+    //--------------------------------------------------------------------------
+    //
+    //  Private Properties/ State
+    //
+    //--------------------------------------------------------------------------
+    this.ignoreOpenChange = false;
     this.mutationObserver = createObserver("mutation", () => this.handleMutationObserver());
     this.cssVarObserver = createObserver("mutation", () => {
       this.updateSizeCssVars();
@@ -45,15 +51,32 @@ export class Modal {
       if (this.outsideCloseDisabled) {
         return;
       }
-      this.close();
+      this.closeModal();
     };
     /** Close the modal, first running the `beforeClose` method */
-    this.close = () => {
-      return this.beforeClose(this.el).then(() => {
-        this.open = false;
-        this.isOpen = false;
-        this.removeOverflowHiddenClass();
-      });
+    this.closeModal = async () => {
+      if (this.ignoreOpenChange) {
+        return;
+      }
+      if (this.beforeClose) {
+        try {
+          await this.beforeClose(this.el);
+        }
+        catch (_error) {
+          // close prevented
+          requestAnimationFrame(() => {
+            this.ignoreOpenChange = true;
+            this.open = true;
+            this.ignoreOpenChange = false;
+          });
+          return;
+        }
+      }
+      this.ignoreOpenChange = true;
+      this.open = false;
+      this.opened = false;
+      this.removeOverflowHiddenClass();
+      this.ignoreOpenChange = false;
     };
     this.handleMutationObserver = () => {
       this.updateFooterVisibility();
@@ -73,7 +96,8 @@ export class Modal {
       this.hasContentBottom = slotChangeHasAssignedElement(event);
     };
     this.open = false;
-    this.beforeClose = () => Promise.resolve();
+    this.opened = false;
+    this.beforeClose = undefined;
     this.closeButtonDisabled = false;
     this.focusTrapDisabled = false;
     this.outsideCloseDisabled = false;
@@ -91,7 +115,6 @@ export class Modal {
     this.hasFooter = true;
     this.hasContentTop = false;
     this.hasContentBottom = false;
-    this.isOpen = false;
     this.effectiveLocale = undefined;
     this.defaultMessages = undefined;
   }
@@ -144,17 +167,17 @@ export class Modal {
   render() {
     return (h(Host, { "aria-describedby": this.contentId, "aria-labelledby": this.titleId, "aria-modal": "true", role: "dialog" }, h("div", { class: {
         [CSS.container]: true,
-        [CSS.containerOpen]: this.isOpen,
+        [CSS.containerOpen]: this.opened,
         [CSS.slottedInShell]: this.slottedInShell,
       } }, h("calcite-scrim", { class: CSS.scrim, onClick: this.handleOutsideClose }), this.renderStyle(), h("div", { class: {
         [CSS.modal]: true,
       },
-      // eslint-disable-next-line react/jsx-sort-props
+      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
       ref: this.setTransitionEl }, h("div", { class: CSS.header }, this.renderCloseButton(), h("header", { class: CSS.title }, h("slot", { name: CSS.header }))), this.renderContentTop(), h("div", { class: {
         [CSS.content]: true,
         [CSS.contentNoFooter]: !this.hasFooter,
       },
-      // eslint-disable-next-line react/jsx-sort-props
+      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
       ref: (el) => (this.modalContent = el) }, h("slot", { name: SLOTS.content })), this.renderContentBottom(), this.renderFooter()))));
   }
   renderFooter() {
@@ -167,8 +190,8 @@ export class Modal {
     return (h("div", { class: CSS.contentBottom, hidden: !this.hasContentBottom }, h("slot", { name: SLOTS.contentBottom, onSlotchange: this.contentBottomSlotChangeHandler })));
   }
   renderCloseButton() {
-    return !this.closeButtonDisabled ? (h("button", { "aria-label": this.messages.close, class: CSS.close, key: "button", onClick: this.close, title: this.messages.close,
-      // eslint-disable-next-line react/jsx-sort-props
+    return !this.closeButtonDisabled ? (h("button", { "aria-label": this.messages.close, class: CSS.close, key: "button", onClick: this.closeModal, title: this.messages.close,
+      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
       ref: (el) => (this.closeButtonEl = el) }, h("calcite-icon", { icon: ICONS.close, scale: this.scale === "s" ? "s" : this.scale === "m" ? "m" : this.scale === "l" ? "l" : null }))) : null;
   }
   renderStyle() {
@@ -212,7 +235,7 @@ export class Modal {
   //--------------------------------------------------------------------------
   handleEscape(event) {
     if (this.open && !this.escapeDisabled && event.key === "Escape" && !event.defaultPrevented) {
-      this.close();
+      this.closeModal();
       event.preventDefault();
     }
   }
@@ -271,6 +294,9 @@ export class Modal {
     deactivateFocusTrap(this);
   }
   async toggleModal(value) {
+    if (this.ignoreOpenChange) {
+      return;
+    }
     onToggleOpenCloseComponent(this);
     if (value) {
       this.transitionEl?.classList.add(CSS.openingIdle);
@@ -278,14 +304,18 @@ export class Modal {
     }
     else {
       this.transitionEl?.classList.add(CSS.closingIdle);
-      this.close();
+      this.closeModal();
     }
   }
   /** Open the modal */
   openModal() {
+    if (this.ignoreOpenChange) {
+      return;
+    }
+    this.ignoreOpenChange = true;
     this.el.addEventListener("calciteModalOpen", this.openEnd);
     this.open = true;
-    this.isOpen = true;
+    this.opened = true;
     const titleEl = getSlotted(this.el, SLOTS.header);
     const contentEl = getSlotted(this.el, SLOTS.content);
     this.titleId = ensureId(titleEl);
@@ -295,6 +325,7 @@ export class Modal {
       // use an inline style instead of a utility class to avoid global class declarations.
       document.documentElement.style.setProperty("overflow", "hidden");
     }
+    this.ignoreOpenChange = false;
   }
   removeOverflowHiddenClass() {
     document.documentElement.style.setProperty("overflow", this.initialOverflowCSS);
@@ -332,14 +363,35 @@ export class Modal {
         "reflect": true,
         "defaultValue": "false"
       },
+      "opened": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "internal",
+              "text": undefined
+            }],
+          "text": "We use an internal property to handle styles for when a modal is actually opened, not just when the open attribute is applied. This is a property because we need to apply styles to the host element and to keep the styles present while beforeClose is."
+        },
+        "attribute": "opened",
+        "reflect": true,
+        "defaultValue": "false"
+      },
       "beforeClose": {
         "type": "unknown",
         "mutable": false,
         "complexType": {
-          "original": "(el: HTMLElement) => Promise<void>",
-          "resolved": "(el: HTMLElement) => Promise<void>",
+          "original": "(el: HTMLCalciteModalElement) => Promise<void>",
+          "resolved": "(el: HTMLCalciteModalElement) => Promise<void>",
           "references": {
-            "HTMLElement": {
+            "HTMLCalciteModalElement": {
               "location": "global"
             },
             "Promise": {
@@ -352,8 +404,7 @@ export class Modal {
         "docs": {
           "tags": [],
           "text": "Passes a function to run before the component closes."
-        },
-        "defaultValue": "() => Promise.resolve()"
+        }
       },
       "closeButtonDisabled": {
         "type": "boolean",
@@ -607,7 +658,6 @@ export class Modal {
       "hasFooter": {},
       "hasContentTop": {},
       "hasContentBottom": {},
-      "isOpen": {},
       "effectiveLocale": {},
       "defaultMessages": {}
     };

package/dist/collection/components/modal/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 export const CSS = {
   modal: "modal",

package/dist/collection/components/navigation/navigation.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 import { Fragment, h, Host, } from "@stencil/core";
 import { slotChangeHasAssignedElement } from "../../utils/dom";
@@ -115,7 +115,7 @@ export class CalciteNavigation {
   //--------------------------------------------------------------------------
   renderMenuAction() {
     return (h("slot", { name: SLOTS.navigationAction, onSlotchange: this.handleMenuActionSlotChange }, this.navigationAction && (h("calcite-action", { icon: ICONS.hamburger, onClick: this.actionClickHandler, text: this.label,
-      // eslint-disable-next-line react/jsx-sort-props
+      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
       ref: (el) => (this.navigationActionEl = el) }))));
   }
   render() {

package/dist/collection/components/navigation/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/navigation-logo/navigation-logo.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 import { h, Host } from "@stencil/core";
 import { CSS } from "./resources";

package/dist/collection/components/navigation-logo/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/navigation-user/navigation-user.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 import { h, Host } from "@stencil/core";
 import { CSS } from "./resources";

package/dist/collection/components/navigation-user/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 export const CSS = {
   textContainer: "text-container",

package/dist/collection/components/notice/notice.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 import { h, } from "@stencil/core";
 import { connectConditionalSlotComponent, disconnectConditionalSlotComponent, } from "../../utils/conditionalSlot";
@@ -78,7 +78,7 @@ export class Notice {
   render() {
     const { el } = this;
     const closeButton = (h("button", { "aria-label": this.messages.close, class: CSS.close, onClick: this.close,
-      // eslint-disable-next-line react/jsx-sort-props
+      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
       ref: (el) => (this.closeButton = el) }, h("calcite-icon", { icon: "x", scale: this.scale === "l" ? "m" : "s" })));
     const hasActionEnd = getSlotted(el, SLOTS.actionsEnd);
     return (h("div", { class: CSS.container }, this.requestedIcon ? (h("div", { class: CSS.icon }, h("calcite-icon", { flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: this.scale === "l" ? "m" : "s" }))) : null, h("div", { class: CSS.content }, h("slot", { name: SLOTS.title }), h("slot", { name: SLOTS.message }), h("slot", { name: SLOTS.link })), hasActionEnd ? (h("div", { class: CSS.actionsEnd }, h("slot", { name: SLOTS.actionsEnd }))) : null, this.closable ? closeButton : null));

package/dist/collection/components/notice/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 export const SLOTS = {
   title: "title",

package/dist/collection/components/option/option.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 import { h } from "@stencil/core";
 import { createObserver } from "../../utils/observers";

package/dist/collection/components/option-group/option-group.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 import { Fragment, h } from "@stencil/core";
 /**

package/dist/collection/components/pagination/pagination.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 import { Fragment, h, } from "@stencil/core";
 import { componentFocusable, setComponentLoaded, setUpLoadableComponent, } from "../../utils/loadable";

package/dist/collection/components/pagination/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 export const CSS = {
   page: "page",

package/dist/collection/components/panel/panel.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 import { Fragment, h, } from "@stencil/core";
 import { focusFirstTabbable, slotChangeGetAssignedElements, slotChangeHasAssignedElement, toAriaBoolean, } from "../../utils/dom";
@@ -205,7 +205,7 @@ export class Panel {
     const { close, hasEndActions, messages, closable, hasMenuItems } = this;
     const text = messages.close;
     const closableNode = closable ? (h("calcite-action", { "aria-label": text, "data-test": "close", icon: ICONS.close, onClick: close, text: text, title: text,
-      // eslint-disable-next-line react/jsx-sort-props
+      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
       ref: this.setCloseRef })) : null;
     const slotNode = (h("slot", { name: SLOTS.headerActionsEnd, onSlotchange: this.handleHeaderActionsEndSlotChange }));
     const showContainer = hasEndActions || closableNode || hasMenuItems;
@@ -234,7 +234,7 @@ export class Panel {
   }
   renderContent() {
     return (h("div", { class: CSS.contentWrapper, onScroll: this.panelScrollHandler,
-      // eslint-disable-next-line react/jsx-sort-props
+      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
       ref: this.setPanelScrollEl }, h("slot", null), this.renderFab()));
   }
   renderFab() {
@@ -243,7 +243,7 @@ export class Panel {
   render() {
     const { loading, panelKeyDownHandler, closed, closable } = this;
     const panelNode = (h("article", { "aria-busy": toAriaBoolean(loading), class: CSS.container, hidden: closed, onKeyDown: panelKeyDownHandler, tabIndex: closable ? 0 : -1,
-      // eslint-disable-next-line react/jsx-sort-props
+      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
       ref: this.setContainerRef }, this.renderHeaderNode(), this.renderContent(), this.renderFooterNode()));
     return (h(Fragment, null, loading ? h("calcite-scrim", { loading: loading }) : null, panelNode));
   }

package/dist/collection/components/panel/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 export const CSS = {
   actionBarContainer: "action-bar-container",

package/dist/collection/components/pick-list/pick-list.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.10
  */
 import { h, } from "@stencil/core";
 import { connectInteractive, disconnectInteractive, updateHostInteraction, } from "../../utils/interactive";