@esri/calcite-components 2.0.0-rc.2 → 2.0.0

package/dist/collection/components/list-item/utils.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.
- * v2.0.0-rc.2
+ * v2.0.0
  */
 import { Build } from "@stencil/core";
 const listSelector = "calcite-list";

package/dist/collection/components/list-item-group/list-item-group.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
  */
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
  */
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
  */
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
  */
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:26 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/list-item-group/list-item-group.e2e.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.
- * v2.0.0-rc.2
+ * v2.0.0
  */
 import { hidden, renders, disabled, defaults } from "../../tests/commonTests";
 describe("calcite-list-item-group", () => {

package/dist/collection/components/list-item-group/list-item-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.
- * v2.0.0-rc.2
+ * v2.0.0
  */
 import { h, Host, } from "@stencil/core";
 import { connectInteractive, disconnectInteractive, updateHostInteraction, } from "../../utils/interactive";

package/dist/collection/components/list-item-group/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.
- * v2.0.0-rc.2
+ * v2.0.0
  */
 export const CSS = {
   container: "container",

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

@@ -1,23 +1,23 @@
 @charset "UTF-8";
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
  */
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
  */
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
  */
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
  */
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:26 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/loader/loader.e2e.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.
- * v2.0.0-rc.2
+ * v2.0.0
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { hidden, renders } from "../../tests/commonTests";

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.
- * v2.0.0-rc.2
+ * v2.0.0
  */
 import { h, Host } from "@stencil/core";
 import { guid } from "../../utils/guid";

package/dist/collection/components/menu/menu.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
  */
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
  */
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
  */
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
  */
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:26 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/menu/menu.e2e.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.
- * v2.0.0-rc.2
+ * v2.0.0
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { html } from "../../../support/formatting";

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.
- * v2.0.0-rc.2
+ * v2.0.0
  */
 import { h, Host, } from "@stencil/core";
 import { focusElement, focusElementInGroup, slotChangeGetAssignedElements } from "../../utils/dom";

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

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
  */
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
  */
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
  */
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
  */
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:26 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/menu-item/menu-item.e2e.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.
- * v2.0.0-rc.2
+ * v2.0.0
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { html } from "../../../support/formatting";

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.
- * v2.0.0-rc.2
+ * v2.0.0
  */
 import { Fragment, h, Host, } from "@stencil/core";
 import { getElementDir, slotChangeGetAssignedElements } from "../../utils/dom";

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.
- * v2.0.0-rc.2
+ * v2.0.0
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/meter/meter.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
  */
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
  */
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
  */
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
  */
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:26 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */
@@ -150,15 +150,15 @@
 }
 
 .fill-danger {
-  background-color: var(--calcite-color-danger);
+  background-color: var(--calcite-color-status-danger);
 }
 
 .fill-success {
-  background-color: var(--calcite-color-success);
+  background-color: var(--calcite-color-status-success);
 }
 
 .fill-warning {
-  background-color: var(--calcite-color-warning);
+  background-color: var(--calcite-color-status-warning);
 }
 
 .solid .fill {
@@ -170,13 +170,13 @@
 }
 
 .solid .fill-danger {
-  box-shadow: 0 0 0 1px var(--calcite-color-danger);
+  box-shadow: 0 0 0 1px var(--calcite-color-status-danger);
 }
 
 .solid .fill-success {
-  box-shadow: 0 0 0 1px var(--calcite-color-success);
+  box-shadow: 0 0 0 1px var(--calcite-color-status-success);
 }
 
 .solid .fill-warning {
-  box-shadow: 0 0 0 1px var(--calcite-color-warning);
+  box-shadow: 0 0 0 1px var(--calcite-color-status-warning);
 }

package/dist/collection/components/meter/meter.e2e.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.
- * v2.0.0-rc.2
+ * v2.0.0
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { html } from "../../../support/formatting";

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.
- * v2.0.0-rc.2
+ * v2.0.0
  */
 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.
- * v2.0.0-rc.2
+ * v2.0.0
  */
 export const CSS = {
   container: "container",

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

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
  */
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
  */
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
  */
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
  */
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:26 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */
@@ -88,7 +88,7 @@
 }
 
 .scrim {
-  --calcite-scrim-background: var(--calcite-modal-scrim-background, var(--calcite-color-background-transparent-scrim));
+  --calcite-scrim-background: var(--calcite-modal-scrim-background, var(--calcite-color-transparent-scrim));
   position: fixed;
   inset: 0px;
   display: flex;
@@ -440,19 +440,19 @@ slot[name=primary] {
 }
 
 :host([kind=danger]) .modal {
-  border-color: var(--calcite-color-danger);
+  border-color: var(--calcite-color-status-danger);
 }
 
 :host([kind=info]) .modal {
-  border-color: var(--calcite-color-info);
+  border-color: var(--calcite-color-status-info);
 }
 
 :host([kind=success]) .modal {
-  border-color: var(--calcite-color-success);
+  border-color: var(--calcite-color-status-success);
 }
 
 :host([kind=warning]) .modal {
-  border-color: var(--calcite-color-warning);
+  border-color: var(--calcite-color-status-warning);
 }
 
 :host([kind=brand]) .modal,

package/dist/collection/components/modal/modal.e2e.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.
- * v2.0.0-rc.2
+ * v2.0.0
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { focusable, hidden, openClose, renders, slots, t9n } from "../../tests/commonTests";

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.
- * v2.0.0-rc.2
+ * v2.0.0
  */
 import { h, Host, } from "@stencil/core";
 import { connectConditionalSlotComponent, disconnectConditionalSlotComponent, } from "../../utils/conditionalSlot";
@@ -552,7 +552,7 @@ export class Modal {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Sets the component to always be fullscreen (overrides `width` and `--calcite-modal-width` / `--calcite-modal-height`)."
+          "text": "Sets the component to always be fullscreen (overrides `widthScale` and `--calcite-modal-width` / `--calcite-modal-height`)."
         },
         "attribute": "fullscreen",
         "reflect": true

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

@@ -1 +1 @@
-{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../../src/components/modal/modal.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport {\n  ensureId,\n  focusFirstTabbable,\n  getSlotted,\n  slotChangeHasAssignedElement,\n} from \"../../utils/dom\";\nimport {\n  activateFocusTrap,\n  connectFocusTrap,\n  deactivateFocusTrap,\n  FocusTrap,\n  FocusTrapComponent,\n  updateFocusTrapElements,\n} from \"../../utils/focusTrapComponent\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { createObserver } from \"../../utils/observers\";\nimport { onToggleOpenCloseComponent, OpenCloseComponent } from \"../../utils/openCloseComponent\";\nimport { Kind, Scale } from \"../interfaces\";\nimport { CSS, ICONS, SLOTS } from \"./resources\";\n\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { ModalMessages } from \"./assets/modal/t9n\";\n\nimport { getIconScale } from \"../../utils/component\";\n\n/**\n * @slot header - A slot for adding header text.\n * @slot content - A slot for adding the component's content.\n * @slot content-top - A slot for adding content to the component's sticky header, where content remains at the top of the component when scrolling up and down.\n * @slot content-bottom - A slot for adding content to the component's sticky footer, where content remains at the bottom of the component when scrolling up and down.\n * @slot primary - A slot for adding a primary button.\n * @slot secondary - A slot for adding a secondary button.\n * @slot back - A slot for adding a back button.\n */\n\n@Component({\n  tag: \"calcite-modal\",\n  styleUrl: \"modal.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Modal\n  implements\n    ConditionalSlotComponent,\n    OpenCloseComponent,\n    FocusTrapComponent,\n    LoadableComponent,\n    LocalizedComponent,\n    T9nComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, displays and positions the component.  */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  /**\n   * 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.\n   *\n   * @internal\n   */\n  @Prop({ mutable: true, reflect: true }) opened = false;\n\n  /** Passes a function to run before the component closes. */\n  @Prop() beforeClose: (el: HTMLCalciteModalElement) => Promise<void>;\n\n  /** When `true`, disables the component's close button. */\n  @Prop({ reflect: true }) closeButtonDisabled = false;\n\n  /**\n   * When `true`, prevents focus trapping.\n   */\n  @Prop({ reflect: true }) focusTrapDisabled = false;\n\n  @Watch(\"focusTrapDisabled\")\n  handleFocusTrapDisabled(focusTrapDisabled: boolean): void {\n    if (!this.open) {\n      return;\n    }\n\n    focusTrapDisabled ? deactivateFocusTrap(this) : activateFocusTrap(this);\n  }\n\n  /** When `true`, disables the closing of the component when clicked outside. */\n  @Prop({ reflect: true }) outsideCloseDisabled = false;\n\n  /** When `true`, prevents the component from expanding to the entire screen on mobile devices. */\n  @Prop({ reflect: true }) docked: boolean;\n\n  /** When `true`, disables the default close on escape behavior. */\n  @Prop({ reflect: true }) escapeDisabled = false;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies the width of the component. */\n  @Prop({ reflect: true }) widthScale: Scale = \"m\";\n\n  /** Sets the component to always be fullscreen (overrides `width` and `--calcite-modal-width` / `--calcite-modal-height`). */\n  @Prop({ reflect: true }) fullscreen: boolean;\n\n  /** Specifies the kind of the component (will apply to top border). */\n  @Prop({ reflect: true }) kind: Extract<\"brand\" | \"danger\" | \"info\" | \"success\" | \"warning\", Kind>;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: ModalMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<ModalMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * This internal property, managed by a containing calcite-shell, is used\n   * to inform the component if special configuration or styles are needed\n   *\n   * @internal\n   */\n  @Prop({ mutable: true }) slottedInShell: boolean;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    setUpLoadableComponent(this);\n    // when modal initially renders, if active was set we need to open as watcher doesn't fire\n    if (this.open) {\n      requestAnimationFrame(() => this.openModal());\n    }\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  connectedCallback(): void {\n    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n    this.cssVarObserver?.observe(this.el, { attributeFilter: [\"style\"] });\n    this.updateSizeCssVars();\n    this.updateFooterVisibility();\n    connectConditionalSlotComponent(this);\n    connectLocalized(this);\n    connectMessages(this);\n    connectFocusTrap(this);\n  }\n\n  disconnectedCallback(): void {\n    this.removeOverflowHiddenClass();\n    this.mutationObserver?.disconnect();\n    this.cssVarObserver?.disconnect();\n    disconnectConditionalSlotComponent(this);\n    deactivateFocusTrap(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    this.slottedInShell = false;\n  }\n\n  render(): VNode {\n    return (\n      <Host\n        aria-describedby={this.contentId}\n        aria-labelledby={this.titleId}\n        aria-modal=\"true\"\n        role=\"dialog\"\n      >\n        <div\n          class={{\n            [CSS.container]: true,\n            [CSS.containerOpen]: this.opened,\n            [CSS.slottedInShell]: this.slottedInShell,\n          }}\n        >\n          <calcite-scrim class={CSS.scrim} onClick={this.handleOutsideClose} />\n          {this.renderStyle()}\n          <div\n            class={{\n              [CSS.modal]: true,\n            }}\n            // 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)\n            ref={this.setTransitionEl}\n          >\n            <div class={CSS.header}>\n              {this.renderCloseButton()}\n              <header class={CSS.title}>\n                <slot name={CSS.header} />\n              </header>\n            </div>\n            {this.renderContentTop()}\n            <div\n              class={{\n                [CSS.content]: true,\n                [CSS.contentNoFooter]: !this.hasFooter,\n              }}\n              // 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)\n              ref={(el) => (this.modalContent = el)}\n            >\n              <slot name={SLOTS.content} />\n            </div>\n            {this.renderContentBottom()}\n            {this.renderFooter()}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n  renderFooter(): VNode {\n    return this.hasFooter ? (\n      <div class={CSS.footer} key=\"footer\">\n        <span class={CSS.back}>\n          <slot name={SLOTS.back} />\n        </span>\n        <span class={CSS.secondary}>\n          <slot name={SLOTS.secondary} />\n        </span>\n        <span class={CSS.primary}>\n          <slot name={SLOTS.primary} />\n        </span>\n      </div>\n    ) : null;\n  }\n\n  renderContentTop(): VNode {\n    return (\n      <div class={CSS.contentTop} hidden={!this.hasContentTop}>\n        <slot name={SLOTS.contentTop} onSlotchange={this.contentTopSlotChangeHandler} />\n      </div>\n    );\n  }\n\n  renderContentBottom(): VNode {\n    return (\n      <div class={CSS.contentBottom} hidden={!this.hasContentBottom}>\n        <slot name={SLOTS.contentBottom} onSlotchange={this.contentBottomSlotChangeHandler} />\n      </div>\n    );\n  }\n\n  renderCloseButton(): VNode {\n    return !this.closeButtonDisabled ? (\n      <button\n        aria-label={this.messages.close}\n        class={CSS.close}\n        key=\"button\"\n        onClick={this.handleCloseClick}\n        title={this.messages.close}\n        // 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)\n        ref={(el) => (this.closeButtonEl = el)}\n      >\n        <calcite-icon icon={ICONS.close} scale={getIconScale(this.scale)} />\n      </button>\n    ) : null;\n  }\n\n  renderStyle(): VNode {\n    if (!this.fullscreen && (this.cssWidth || this.cssHeight)) {\n      return (\n        <style>\n          {`.${CSS.container} {\n              ${this.docked && this.cssWidth ? `align-items: center !important;` : \"\"}\n            }\n            .${CSS.modal} {\n              block-size: ${this.cssHeight ? this.cssHeight : \"auto\"} !important;\n              ${this.cssWidth ? `inline-size: ${this.cssWidth} !important;` : \"\"}\n              ${this.cssWidth ? `max-inline-size: ${this.cssWidth} !important;` : \"\"}\n              ${this.docked ? `border-radius: var(--calcite-border-radius) !important;` : \"\"}\n            }\n            @media screen and (max-width: ${this.cssWidth}) {\n              .${CSS.container} {\n                ${this.docked ? `align-items: flex-end !important;` : \"\"}\n              }\n              .${CSS.modal} {\n                max-block-size: 100% !important;\n                inline-size: 100% !important;\n                max-inline-size: 100% !important;\n                min-inline-size: 100% !important;\n                margin: 0 !important;\n                ${!this.docked ? `block-size: 100% !important;` : \"\"}\n                ${!this.docked ? `border-radius: 0 !important;` : \"\"}\n                ${\n                  this.docked\n                    ? `border-radius: var(--calcite-border-radius) var(--calcite-border-radius) 0 0 !important;`\n                    : \"\"\n                }\n              }\n            }\n          `}\n        </style>\n      );\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties/ State\n  //\n  //--------------------------------------------------------------------------\n\n  ignoreOpenChange = false;\n\n  @Element() el: HTMLCalciteModalElement;\n\n  modalContent: HTMLDivElement;\n\n  initialOverflowCSS: string;\n\n  private mutationObserver: MutationObserver = createObserver(\"mutation\", () =>\n    this.handleMutationObserver()\n  );\n\n  private cssVarObserver: MutationObserver = createObserver(\"mutation\", () => {\n    this.updateSizeCssVars();\n  });\n\n  titleId: string;\n\n  openTransitionProp = \"opacity\";\n\n  transitionEl: HTMLDivElement;\n\n  focusTrap: FocusTrap;\n\n  closeButtonEl: HTMLButtonElement;\n\n  contentId: string;\n\n  @State() cssWidth: string | number;\n\n  @State() cssHeight: string | number;\n\n  @State() hasFooter = true;\n\n  @State() hasContentTop = false;\n\n  @State() hasContentBottom = false;\n\n  @State() effectiveLocale: string;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: ModalMessages;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"keydown\", { target: \"window\" })\n  handleEscape(event: KeyboardEvent): void {\n    if (this.open && !this.escapeDisabled && event.key === \"Escape\" && !event.defaultPrevented) {\n      this.open = false;\n      event.preventDefault();\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n  /** Fires when the component is requested to be closed and before the closing transition begins. */\n  @Event({ cancelable: false }) calciteModalBeforeClose: EventEmitter<void>;\n\n  /** Fires when the component is closed and animation is complete. */\n  @Event({ cancelable: false }) calciteModalClose: EventEmitter<void>;\n\n  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */\n  @Event({ cancelable: false }) calciteModalBeforeOpen: EventEmitter<void>;\n\n  /** Fires when the component is open and animation is complete. */\n  @Event({ cancelable: false }) calciteModalOpen: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Sets focus on the component's \"close\" button (the first focusable item).\n   *\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    focusFirstTabbable(this.el);\n  }\n\n  /**\n   * Updates the element(s) that are used within the focus-trap of the component.\n   */\n  @Method()\n  async updateFocusTrapElements(): Promise<void> {\n    updateFocusTrapElements(this);\n  }\n\n  /**\n   * Sets the scroll top of the component's content.\n   *\n   * @param top\n   * @param left\n   */\n  @Method()\n  async scrollContent(top = 0, left = 0): Promise<void> {\n    if (this.modalContent) {\n      if (this.modalContent.scrollTo) {\n        this.modalContent.scrollTo({ top, left, behavior: \"smooth\" });\n      } else {\n        this.modalContent.scrollTop = top;\n        this.modalContent.scrollLeft = left;\n      }\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private setTransitionEl = (el: HTMLDivElement): void => {\n    this.transitionEl = el;\n  };\n\n  onBeforeOpen(): void {\n    this.transitionEl.classList.add(CSS.openingActive);\n    this.calciteModalBeforeOpen.emit();\n  }\n\n  onOpen(): void {\n    this.transitionEl.classList.remove(CSS.openingIdle, CSS.openingActive);\n    this.calciteModalOpen.emit();\n    activateFocusTrap(this);\n  }\n\n  onBeforeClose(): void {\n    this.transitionEl.classList.add(CSS.closingActive);\n    this.calciteModalBeforeClose.emit();\n  }\n\n  onClose(): void {\n    this.transitionEl.classList.remove(CSS.closingIdle, CSS.closingActive);\n    this.calciteModalClose.emit();\n    deactivateFocusTrap(this);\n  }\n\n  @Watch(\"open\")\n  toggleModal(value: boolean): void {\n    if (this.ignoreOpenChange) {\n      return;\n    }\n\n    if (value) {\n      this.openModal();\n    } else {\n      this.closeModal();\n    }\n  }\n\n  @Watch(\"opened\")\n  handleOpenedChange(value: boolean): void {\n    onToggleOpenCloseComponent(this);\n    if (value) {\n      this.transitionEl?.classList.add(CSS.openingIdle);\n    } else {\n      this.transitionEl?.classList.add(CSS.closingIdle);\n    }\n  }\n\n  private openEnd = (): void => {\n    this.setFocus();\n    this.el.removeEventListener(\"calciteModalOpen\", this.openEnd);\n  };\n\n  private handleCloseClick = () => {\n    this.open = false;\n  };\n\n  private openModal() {\n    this.el.addEventListener(\"calciteModalOpen\", this.openEnd);\n    this.opened = true;\n    const titleEl = getSlotted(this.el, SLOTS.header);\n    const contentEl = getSlotted(this.el, SLOTS.content);\n\n    this.titleId = ensureId(titleEl);\n    this.contentId = ensureId(contentEl);\n\n    if (!this.slottedInShell) {\n      this.initialOverflowCSS = document.documentElement.style.overflow;\n      // use an inline style instead of a utility class to avoid global class declarations.\n      document.documentElement.style.setProperty(\"overflow\", \"hidden\");\n    }\n  }\n\n  private handleOutsideClose = (): void => {\n    if (this.outsideCloseDisabled) {\n      return;\n    }\n\n    this.open = false;\n  };\n\n  closeModal = async (): Promise<void> => {\n    if (this.beforeClose) {\n      try {\n        await this.beforeClose(this.el);\n      } catch (_error) {\n        // close prevented\n        requestAnimationFrame(() => {\n          this.ignoreOpenChange = true;\n          this.open = true;\n          this.ignoreOpenChange = false;\n        });\n        return;\n      }\n    }\n\n    this.opened = false;\n    this.removeOverflowHiddenClass();\n  };\n\n  private removeOverflowHiddenClass(): void {\n    document.documentElement.style.setProperty(\"overflow\", this.initialOverflowCSS);\n  }\n\n  private handleMutationObserver = (): void => {\n    this.updateFooterVisibility();\n    this.updateFocusTrapElements();\n  };\n\n  private updateFooterVisibility = (): void => {\n    this.hasFooter = !!getSlotted(this.el, [SLOTS.back, SLOTS.primary, SLOTS.secondary]);\n  };\n\n  private updateSizeCssVars = (): void => {\n    this.cssWidth = getComputedStyle(this.el).getPropertyValue(\"--calcite-modal-width\");\n    this.cssHeight = getComputedStyle(this.el).getPropertyValue(\"--calcite-modal-height\");\n  };\n\n  private contentTopSlotChangeHandler = (event: Event): void => {\n    this.hasContentTop = slotChangeHasAssignedElement(event);\n  };\n\n  private contentBottomSlotChangeHandler = (event: Event): void => {\n    this.hasContentBottom = slotChangeHasAssignedElement(event);\n  };\n}\n"]}
+{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../../src/components/modal/modal.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport {\n  ensureId,\n  focusFirstTabbable,\n  getSlotted,\n  slotChangeHasAssignedElement,\n} from \"../../utils/dom\";\nimport {\n  activateFocusTrap,\n  connectFocusTrap,\n  deactivateFocusTrap,\n  FocusTrap,\n  FocusTrapComponent,\n  updateFocusTrapElements,\n} from \"../../utils/focusTrapComponent\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { createObserver } from \"../../utils/observers\";\nimport { onToggleOpenCloseComponent, OpenCloseComponent } from \"../../utils/openCloseComponent\";\nimport { Kind, Scale } from \"../interfaces\";\nimport { CSS, ICONS, SLOTS } from \"./resources\";\n\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { ModalMessages } from \"./assets/modal/t9n\";\n\nimport { getIconScale } from \"../../utils/component\";\n\n/**\n * @slot header - A slot for adding header text.\n * @slot content - A slot for adding the component's content.\n * @slot content-top - A slot for adding content to the component's sticky header, where content remains at the top of the component when scrolling up and down.\n * @slot content-bottom - A slot for adding content to the component's sticky footer, where content remains at the bottom of the component when scrolling up and down.\n * @slot primary - A slot for adding a primary button.\n * @slot secondary - A slot for adding a secondary button.\n * @slot back - A slot for adding a back button.\n */\n\n@Component({\n  tag: \"calcite-modal\",\n  styleUrl: \"modal.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Modal\n  implements\n    ConditionalSlotComponent,\n    OpenCloseComponent,\n    FocusTrapComponent,\n    LoadableComponent,\n    LocalizedComponent,\n    T9nComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, displays and positions the component.  */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  /**\n   * 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.\n   *\n   * @internal\n   */\n  @Prop({ mutable: true, reflect: true }) opened = false;\n\n  /** Passes a function to run before the component closes. */\n  @Prop() beforeClose: (el: HTMLCalciteModalElement) => Promise<void>;\n\n  /** When `true`, disables the component's close button. */\n  @Prop({ reflect: true }) closeButtonDisabled = false;\n\n  /**\n   * When `true`, prevents focus trapping.\n   */\n  @Prop({ reflect: true }) focusTrapDisabled = false;\n\n  @Watch(\"focusTrapDisabled\")\n  handleFocusTrapDisabled(focusTrapDisabled: boolean): void {\n    if (!this.open) {\n      return;\n    }\n\n    focusTrapDisabled ? deactivateFocusTrap(this) : activateFocusTrap(this);\n  }\n\n  /** When `true`, disables the closing of the component when clicked outside. */\n  @Prop({ reflect: true }) outsideCloseDisabled = false;\n\n  /** When `true`, prevents the component from expanding to the entire screen on mobile devices. */\n  @Prop({ reflect: true }) docked: boolean;\n\n  /** When `true`, disables the default close on escape behavior. */\n  @Prop({ reflect: true }) escapeDisabled = false;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies the width of the component. */\n  @Prop({ reflect: true }) widthScale: Scale = \"m\";\n\n  /** Sets the component to always be fullscreen (overrides `widthScale` and `--calcite-modal-width` / `--calcite-modal-height`). */\n  @Prop({ reflect: true }) fullscreen: boolean;\n\n  /** Specifies the kind of the component (will apply to top border). */\n  @Prop({ reflect: true }) kind: Extract<\"brand\" | \"danger\" | \"info\" | \"success\" | \"warning\", Kind>;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: ModalMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<ModalMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * This internal property, managed by a containing calcite-shell, is used\n   * to inform the component if special configuration or styles are needed\n   *\n   * @internal\n   */\n  @Prop({ mutable: true }) slottedInShell: boolean;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    setUpLoadableComponent(this);\n    // when modal initially renders, if active was set we need to open as watcher doesn't fire\n    if (this.open) {\n      requestAnimationFrame(() => this.openModal());\n    }\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  connectedCallback(): void {\n    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n    this.cssVarObserver?.observe(this.el, { attributeFilter: [\"style\"] });\n    this.updateSizeCssVars();\n    this.updateFooterVisibility();\n    connectConditionalSlotComponent(this);\n    connectLocalized(this);\n    connectMessages(this);\n    connectFocusTrap(this);\n  }\n\n  disconnectedCallback(): void {\n    this.removeOverflowHiddenClass();\n    this.mutationObserver?.disconnect();\n    this.cssVarObserver?.disconnect();\n    disconnectConditionalSlotComponent(this);\n    deactivateFocusTrap(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    this.slottedInShell = false;\n  }\n\n  render(): VNode {\n    return (\n      <Host\n        aria-describedby={this.contentId}\n        aria-labelledby={this.titleId}\n        aria-modal=\"true\"\n        role=\"dialog\"\n      >\n        <div\n          class={{\n            [CSS.container]: true,\n            [CSS.containerOpen]: this.opened,\n            [CSS.slottedInShell]: this.slottedInShell,\n          }}\n        >\n          <calcite-scrim class={CSS.scrim} onClick={this.handleOutsideClose} />\n          {this.renderStyle()}\n          <div\n            class={{\n              [CSS.modal]: true,\n            }}\n            // 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)\n            ref={this.setTransitionEl}\n          >\n            <div class={CSS.header}>\n              {this.renderCloseButton()}\n              <header class={CSS.title}>\n                <slot name={CSS.header} />\n              </header>\n            </div>\n            {this.renderContentTop()}\n            <div\n              class={{\n                [CSS.content]: true,\n                [CSS.contentNoFooter]: !this.hasFooter,\n              }}\n              // 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)\n              ref={(el) => (this.modalContent = el)}\n            >\n              <slot name={SLOTS.content} />\n            </div>\n            {this.renderContentBottom()}\n            {this.renderFooter()}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n  renderFooter(): VNode {\n    return this.hasFooter ? (\n      <div class={CSS.footer} key=\"footer\">\n        <span class={CSS.back}>\n          <slot name={SLOTS.back} />\n        </span>\n        <span class={CSS.secondary}>\n          <slot name={SLOTS.secondary} />\n        </span>\n        <span class={CSS.primary}>\n          <slot name={SLOTS.primary} />\n        </span>\n      </div>\n    ) : null;\n  }\n\n  renderContentTop(): VNode {\n    return (\n      <div class={CSS.contentTop} hidden={!this.hasContentTop}>\n        <slot name={SLOTS.contentTop} onSlotchange={this.contentTopSlotChangeHandler} />\n      </div>\n    );\n  }\n\n  renderContentBottom(): VNode {\n    return (\n      <div class={CSS.contentBottom} hidden={!this.hasContentBottom}>\n        <slot name={SLOTS.contentBottom} onSlotchange={this.contentBottomSlotChangeHandler} />\n      </div>\n    );\n  }\n\n  renderCloseButton(): VNode {\n    return !this.closeButtonDisabled ? (\n      <button\n        aria-label={this.messages.close}\n        class={CSS.close}\n        key=\"button\"\n        onClick={this.handleCloseClick}\n        title={this.messages.close}\n        // 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)\n        ref={(el) => (this.closeButtonEl = el)}\n      >\n        <calcite-icon icon={ICONS.close} scale={getIconScale(this.scale)} />\n      </button>\n    ) : null;\n  }\n\n  renderStyle(): VNode {\n    if (!this.fullscreen && (this.cssWidth || this.cssHeight)) {\n      return (\n        <style>\n          {`.${CSS.container} {\n              ${this.docked && this.cssWidth ? `align-items: center !important;` : \"\"}\n            }\n            .${CSS.modal} {\n              block-size: ${this.cssHeight ? this.cssHeight : \"auto\"} !important;\n              ${this.cssWidth ? `inline-size: ${this.cssWidth} !important;` : \"\"}\n              ${this.cssWidth ? `max-inline-size: ${this.cssWidth} !important;` : \"\"}\n              ${this.docked ? `border-radius: var(--calcite-border-radius) !important;` : \"\"}\n            }\n            @media screen and (max-width: ${this.cssWidth}) {\n              .${CSS.container} {\n                ${this.docked ? `align-items: flex-end !important;` : \"\"}\n              }\n              .${CSS.modal} {\n                max-block-size: 100% !important;\n                inline-size: 100% !important;\n                max-inline-size: 100% !important;\n                min-inline-size: 100% !important;\n                margin: 0 !important;\n                ${!this.docked ? `block-size: 100% !important;` : \"\"}\n                ${!this.docked ? `border-radius: 0 !important;` : \"\"}\n                ${\n                  this.docked\n                    ? `border-radius: var(--calcite-border-radius) var(--calcite-border-radius) 0 0 !important;`\n                    : \"\"\n                }\n              }\n            }\n          `}\n        </style>\n      );\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties/ State\n  //\n  //--------------------------------------------------------------------------\n\n  ignoreOpenChange = false;\n\n  @Element() el: HTMLCalciteModalElement;\n\n  modalContent: HTMLDivElement;\n\n  initialOverflowCSS: string;\n\n  private mutationObserver: MutationObserver = createObserver(\"mutation\", () =>\n    this.handleMutationObserver()\n  );\n\n  private cssVarObserver: MutationObserver = createObserver(\"mutation\", () => {\n    this.updateSizeCssVars();\n  });\n\n  titleId: string;\n\n  openTransitionProp = \"opacity\";\n\n  transitionEl: HTMLDivElement;\n\n  focusTrap: FocusTrap;\n\n  closeButtonEl: HTMLButtonElement;\n\n  contentId: string;\n\n  @State() cssWidth: string | number;\n\n  @State() cssHeight: string | number;\n\n  @State() hasFooter = true;\n\n  @State() hasContentTop = false;\n\n  @State() hasContentBottom = false;\n\n  @State() effectiveLocale: string;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: ModalMessages;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"keydown\", { target: \"window\" })\n  handleEscape(event: KeyboardEvent): void {\n    if (this.open && !this.escapeDisabled && event.key === \"Escape\" && !event.defaultPrevented) {\n      this.open = false;\n      event.preventDefault();\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n  /** Fires when the component is requested to be closed and before the closing transition begins. */\n  @Event({ cancelable: false }) calciteModalBeforeClose: EventEmitter<void>;\n\n  /** Fires when the component is closed and animation is complete. */\n  @Event({ cancelable: false }) calciteModalClose: EventEmitter<void>;\n\n  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */\n  @Event({ cancelable: false }) calciteModalBeforeOpen: EventEmitter<void>;\n\n  /** Fires when the component is open and animation is complete. */\n  @Event({ cancelable: false }) calciteModalOpen: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Sets focus on the component's \"close\" button (the first focusable item).\n   *\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    focusFirstTabbable(this.el);\n  }\n\n  /**\n   * Updates the element(s) that are used within the focus-trap of the component.\n   */\n  @Method()\n  async updateFocusTrapElements(): Promise<void> {\n    updateFocusTrapElements(this);\n  }\n\n  /**\n   * Sets the scroll top of the component's content.\n   *\n   * @param top\n   * @param left\n   */\n  @Method()\n  async scrollContent(top = 0, left = 0): Promise<void> {\n    if (this.modalContent) {\n      if (this.modalContent.scrollTo) {\n        this.modalContent.scrollTo({ top, left, behavior: \"smooth\" });\n      } else {\n        this.modalContent.scrollTop = top;\n        this.modalContent.scrollLeft = left;\n      }\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private setTransitionEl = (el: HTMLDivElement): void => {\n    this.transitionEl = el;\n  };\n\n  onBeforeOpen(): void {\n    this.transitionEl.classList.add(CSS.openingActive);\n    this.calciteModalBeforeOpen.emit();\n  }\n\n  onOpen(): void {\n    this.transitionEl.classList.remove(CSS.openingIdle, CSS.openingActive);\n    this.calciteModalOpen.emit();\n    activateFocusTrap(this);\n  }\n\n  onBeforeClose(): void {\n    this.transitionEl.classList.add(CSS.closingActive);\n    this.calciteModalBeforeClose.emit();\n  }\n\n  onClose(): void {\n    this.transitionEl.classList.remove(CSS.closingIdle, CSS.closingActive);\n    this.calciteModalClose.emit();\n    deactivateFocusTrap(this);\n  }\n\n  @Watch(\"open\")\n  toggleModal(value: boolean): void {\n    if (this.ignoreOpenChange) {\n      return;\n    }\n\n    if (value) {\n      this.openModal();\n    } else {\n      this.closeModal();\n    }\n  }\n\n  @Watch(\"opened\")\n  handleOpenedChange(value: boolean): void {\n    onToggleOpenCloseComponent(this);\n    if (value) {\n      this.transitionEl?.classList.add(CSS.openingIdle);\n    } else {\n      this.transitionEl?.classList.add(CSS.closingIdle);\n    }\n  }\n\n  private openEnd = (): void => {\n    this.setFocus();\n    this.el.removeEventListener(\"calciteModalOpen\", this.openEnd);\n  };\n\n  private handleCloseClick = () => {\n    this.open = false;\n  };\n\n  private openModal() {\n    this.el.addEventListener(\"calciteModalOpen\", this.openEnd);\n    this.opened = true;\n    const titleEl = getSlotted(this.el, SLOTS.header);\n    const contentEl = getSlotted(this.el, SLOTS.content);\n\n    this.titleId = ensureId(titleEl);\n    this.contentId = ensureId(contentEl);\n\n    if (!this.slottedInShell) {\n      this.initialOverflowCSS = document.documentElement.style.overflow;\n      // use an inline style instead of a utility class to avoid global class declarations.\n      document.documentElement.style.setProperty(\"overflow\", \"hidden\");\n    }\n  }\n\n  private handleOutsideClose = (): void => {\n    if (this.outsideCloseDisabled) {\n      return;\n    }\n\n    this.open = false;\n  };\n\n  closeModal = async (): Promise<void> => {\n    if (this.beforeClose) {\n      try {\n        await this.beforeClose(this.el);\n      } catch (_error) {\n        // close prevented\n        requestAnimationFrame(() => {\n          this.ignoreOpenChange = true;\n          this.open = true;\n          this.ignoreOpenChange = false;\n        });\n        return;\n      }\n    }\n\n    this.opened = false;\n    this.removeOverflowHiddenClass();\n  };\n\n  private removeOverflowHiddenClass(): void {\n    document.documentElement.style.setProperty(\"overflow\", this.initialOverflowCSS);\n  }\n\n  private handleMutationObserver = (): void => {\n    this.updateFooterVisibility();\n    this.updateFocusTrapElements();\n  };\n\n  private updateFooterVisibility = (): void => {\n    this.hasFooter = !!getSlotted(this.el, [SLOTS.back, SLOTS.primary, SLOTS.secondary]);\n  };\n\n  private updateSizeCssVars = (): void => {\n    this.cssWidth = getComputedStyle(this.el).getPropertyValue(\"--calcite-modal-width\");\n    this.cssHeight = getComputedStyle(this.el).getPropertyValue(\"--calcite-modal-height\");\n  };\n\n  private contentTopSlotChangeHandler = (event: Event): void => {\n    this.hasContentTop = slotChangeHasAssignedElement(event);\n  };\n\n  private contentBottomSlotChangeHandler = (event: Event): void => {\n    this.hasContentBottom = slotChangeHasAssignedElement(event);\n  };\n}\n"]}

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.
- * v2.0.0-rc.2
+ * v2.0.0
  */
 export const CSS = {
   modal: "modal",

package/dist/collection/components/navigation/navigation.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
  */
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
  */
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
  */
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
  */
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:26 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/navigation/navigation.e2e.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.
- * v2.0.0-rc.2
+ * v2.0.0
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { accessible, defaults, focusable, hidden, reflects, renders } from "../../tests/commonTests";

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.
- * v2.0.0-rc.2
+ * v2.0.0
  */
 import { Fragment, h, Host, } from "@stencil/core";
 import { slotChangeHasAssignedElement } from "../../utils/dom";

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.
- * v2.0.0-rc.2
+ * v2.0.0
  */
 export const CSS = {
   container: "container",