@esri/calcite-components 1.0.0-next.625 → 1.0.0-next.627

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

@@ -140,7 +140,7 @@
 .content-container--button:hover {
   background-color: var(--calcite-ui-foreground-2);
 }
-.content-container--button:hover .label, 
+.content-container--button:hover .label,
 .content-container--button:hover .description {
   color: var(--calcite-ui-text-1);
 }
@@ -148,7 +148,7 @@
   outline: 2px solid var(--calcite-ui-brand);
   outline-offset: -2px;
 }
-.content-container--button .content-start, 
+.content-container--button .content-start,
 .content-container--button .content-end {
   pointer-events: none;
 }
@@ -164,7 +164,7 @@
   line-height: 1.375;
 }
 
-.label, 
+.label,
 .description {
   font-family: var(--calcite-sans-family);
   font-size: var(--calcite-font-size--2);
@@ -172,7 +172,7 @@
   word-wrap: break-word;
   word-break: break-word;
 }
-.label:only-child, 
+.label:only-child,
 .description:only-child {
   margin: 0px;
   padding-block: 0.25rem;
@@ -195,31 +195,31 @@
   justify-content: flex-end;
 }
 
-.content-start, 
+.content-start,
 .content-end {
   flex: 1 1 auto;
 }
 
-.has-center-content .content-start, 
+.has-center-content .content-start,
 .has-center-content .content-end {
   flex: 0 1 auto;
 }
 
-.actions-start, 
-.actions-end, 
-.content-start, 
+.actions-start,
+.actions-end,
+.content-start,
 .content-end {
   display: flex;
   align-items: center;
 }
 
-.content-start ::slotted(calcite-icon), 
+.content-start ::slotted(calcite-icon),
 .content-end ::slotted(calcite-icon) {
   margin-inline: 0.75rem;
   align-self: center;
 }
 
-.actions-start ::slotted(calcite-action), 
+.actions-start ::slotted(calcite-action),
 .actions-end ::slotted(calcite-action) {
   align-self: stretch;
   color: inherit;

package/dist/collection/components/list-item/list-item.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.625
+ * v1.0.0-next.627
  */
 import { h, Host } from "@stencil/core";
 import { SLOTS, CSS } from "./resources";

package/dist/collection/components/list-item/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.625
+ * v1.0.0-next.627
  */
 export const CSS = {
   container: "container",

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-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.625
+ * v1.0.0-next.627
  */
 import { h, Host } from "@stencil/core";
 import { CSS } from "./resources";

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-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.625
+ * v1.0.0-next.627
  */
 export const CSS = {
   heading: "heading",

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-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.625
+ * v1.0.0-next.627
  */
 import { h, Host } from "@stencil/core";
 import { guid } from "../../utils/guid";

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

@@ -239,7 +239,7 @@
   outline: 2px solid var(--calcite-ui-brand);
   outline-offset: -2px;
 }
-.close:hover,  .close:focus,  .close:active {
+.close:hover, .close:focus, .close:active {
   background-color: var(--calcite-ui-foreground-2);
   color: var(--calcite-ui-text-1);
 }
@@ -254,7 +254,7 @@
   padding-inline: var(--calcite-modal-padding-large, var(--calcite-modal-padding-large-internal));
 }
 
-slot[name=header]::slotted(*), 
+slot[name=header]::slotted(*),
 *::slotted([slot=header]) {
   margin: 0px;
   font-weight: var(--calcite-font-weight-normal);
@@ -316,7 +316,7 @@ slot[name=content]::slotted(*),
   padding-inline: var(--calcite-modal-padding-large, var(--calcite-modal-padding-large-internal));
 }
 
-.footer--hide-back .back, 
+.footer--hide-back .back,
 .footer--hide-secondary .secondary {
   display: none;
 }
@@ -465,13 +465,13 @@ slot[name=primary] {
   border-color: var(--calcite-ui-info);
 }
 
-:host([color=red]) .modal, 
+:host([color=red]) .modal,
 :host([color=blue]) .modal {
   border-width: 0px;
   border-block-start-width: 4px;
   border-style: solid;
 }
-:host([color=red]) .header, 
+:host([color=red]) .header,
 :host([color=blue]) .header {
   border-radius: 0.25rem;
   border-end-end-radius: 0px;
@@ -482,7 +482,7 @@ slot[name=primary] {
  * Tablet
  */
 @media screen and (max-width: 860px) {
-  slot[name=header]::slotted(*), 
+  slot[name=header]::slotted(*),
 *::slotted([slot=header]) {
     font-size: var(--calcite-font-size-1);
   }
@@ -500,7 +500,7 @@ slot[name=primary] {
     flex-direction: column;
   }
 
-  .back, 
+  .back,
 .secondary {
     margin: 0px;
     margin-block-end: 0.25rem;

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-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.625
+ * v1.0.0-next.627
  */
 import { h, Host } from "@stencil/core";
 import { ensureId, focusElement, getSlotted, isCalciteFocusable } from "../../utils/dom";

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-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.625
+ * v1.0.0-next.627
  */
 export const CSS = {
   modal: "modal",

package/dist/collection/components/notice/notice.css

@@ -94,13 +94,13 @@
   --calcite-notice-spacing-token-small: 0.5rem;
   --calcite-notice-spacing-token-large: 0.75rem;
 }
-:host([scale=s]) .container slot[name=title]::slotted(*), 
+:host([scale=s]) .container slot[name=title]::slotted(*),
 :host([scale=s]) .container *::slotted([slot=title]) {
   margin-block: 0.125rem;
   font-size: var(--calcite-font-size--1);
   line-height: 1.375;
 }
-:host([scale=s]) .container slot[name=message]::slotted(*), 
+:host([scale=s]) .container slot[name=message]::slotted(*),
 :host([scale=s]) .container *::slotted([slot=message]) {
   margin-block: 0.125rem;
   font-size: var(--calcite-font-size--2);
@@ -119,13 +119,13 @@
   --calcite-notice-spacing-token-small: 0.75rem;
   --calcite-notice-spacing-token-large: 1rem;
 }
-:host([scale=m]) .container slot[name=title]::slotted(*), 
+:host([scale=m]) .container slot[name=title]::slotted(*),
 :host([scale=m]) .container *::slotted([slot=title]) {
   margin-block: 0.125rem;
   font-size: var(--calcite-font-size-0);
   line-height: 1.375;
 }
-:host([scale=m]) .container slot[name=message]::slotted(*), 
+:host([scale=m]) .container slot[name=message]::slotted(*),
 :host([scale=m]) .container *::slotted([slot=message]) {
   margin-block: 0.125rem;
   font-size: var(--calcite-font-size--1);
@@ -141,13 +141,13 @@
   --calcite-notice-spacing-token-small: 1rem;
   --calcite-notice-spacing-token-large: 1.25rem;
 }
-:host([scale=l]) .container slot[name=title]::slotted(*), 
+:host([scale=l]) .container slot[name=title]::slotted(*),
 :host([scale=l]) .container *::slotted([slot=title]) {
   margin-block: 0.125rem;
   font-size: var(--calcite-font-size-1);
   line-height: 1.375;
 }
-:host([scale=l]) .container slot[name=message]::slotted(*), 
+:host([scale=l]) .container slot[name=message]::slotted(*),
 :host([scale=l]) .container *::slotted([slot=message]) {
   margin-block: 0.125rem;
   font-size: var(--calcite-font-size-0);
@@ -218,14 +218,14 @@
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.container slot[name=title]::slotted(*), 
+.container slot[name=title]::slotted(*),
 .container *::slotted([slot=title]) {
   margin: 0px;
   font-weight: var(--calcite-font-weight-medium);
   color: var(--calcite-ui-text-1);
 }
 
-.container slot[name=message]::slotted(*), 
+.container slot[name=message]::slotted(*),
 .container *::slotted([slot=message]) {
   margin: 0px;
   display: inline;
@@ -282,7 +282,7 @@
   flex: 0 0 auto;
   -webkit-appearance: none;
 }
-.notice-close:hover,  .notice-close:focus {
+.notice-close:hover, .notice-close:focus {
   background-color: var(--calcite-ui-foreground-2);
   color: var(--calcite-ui-text-1);
 }

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-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.625
+ * v1.0.0-next.627
  */
 import { h } from "@stencil/core";
 import { CSS, SLOTS, TEXT } from "./resources";

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-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.625
+ * v1.0.0-next.627
  */
 export const TEXT = {
   close: "Close"

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-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.625
+ * v1.0.0-next.627
  */
 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-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.625
+ * v1.0.0-next.627
  */
 import { h, Fragment } from "@stencil/core";
 /**

package/dist/collection/components/pagination/pagination.css

@@ -93,12 +93,12 @@
 :host([scale=s]) {
   --calcite-pagination-spacing: 0.25rem 0.5rem;
 }
-:host([scale=s]) .previous,  :host([scale=s]) .next,  :host([scale=s]) .page {
+:host([scale=s]) .previous, :host([scale=s]) .next, :host([scale=s]) .page {
   block-size: 1.5rem;
   font-size: var(--calcite-font-size--2);
   line-height: 1rem;
 }
-:host([scale=s]) .previous, 
+:host([scale=s]) .previous,
 :host([scale=s]) .next {
   padding-inline: 0.25rem;
 }
@@ -106,12 +106,12 @@
 :host([scale=m]) {
   --calcite-pagination-spacing: 0.5rem 0.75rem;
 }
-:host([scale=m]) .previous,  :host([scale=m]) .next,  :host([scale=m]) .page {
+:host([scale=m]) .previous, :host([scale=m]) .next, :host([scale=m]) .page {
   block-size: 2rem;
   font-size: var(--calcite-font-size--1);
   line-height: 1rem;
 }
-:host([scale=m]) .previous, 
+:host([scale=m]) .previous,
 :host([scale=m]) .next {
   padding-inline: 0.5rem;
 }
@@ -119,12 +119,12 @@
 :host([scale=l]) {
   --calcite-pagination-spacing: 0.75rem 1rem;
 }
-:host([scale=l]) .previous,  :host([scale=l]) .next,  :host([scale=l]) .page {
+:host([scale=l]) .previous, :host([scale=l]) .next, :host([scale=l]) .page {
   block-size: 2.75rem;
   font-size: var(--calcite-font-size-0);
   line-height: 1.25rem;
 }
-:host([scale=l]) .previous, 
+:host([scale=l]) .previous,
 :host([scale=l]) .next {
   padding-inline: 1rem;
 }
@@ -142,8 +142,8 @@
   outline-offset: -2px;
 }
 
-.previous, 
-.next, 
+.previous,
+.next,
 .page {
   box-sizing: border-box;
   display: flex;
@@ -158,8 +158,8 @@
   color: var(--calcite-ui-text-3);
   border-block: 2px solid transparent;
 }
-.previous:hover, 
-.next:hover, 
+.previous:hover,
+.next:hover,
 .page:hover {
   color: var(--calcite-ui-text-1);
   transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;
@@ -174,21 +174,21 @@
   border-block-end-color: var(--calcite-ui-brand);
 }
 
-.previous:hover, 
+.previous:hover,
 .next:hover {
   background-color: var(--calcite-ui-foreground-2);
   color: var(--calcite-ui-brand);
 }
-.previous:active, 
+.previous:active,
 .next:active {
   background-color: var(--calcite-ui-foreground-3);
 }
-.previous.is-disabled, 
+.previous.is-disabled,
 .next.is-disabled {
   pointer-events: none;
   background-color: transparent;
 }
-.previous.is-disabled > calcite-icon, 
+.previous.is-disabled > calcite-icon,
 .next.is-disabled > calcite-icon {
   opacity: var(--calcite-ui-opacity-disabled);
 }

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-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.625
+ * v1.0.0-next.627
  */
 import { h, Fragment } from "@stencil/core";
 import { connectLocalized, disconnectLocalized, numberStringFormatter } from "../../utils/locale";

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-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.625
+ * v1.0.0-next.627
  */
 export const CSS = {
   page: "page",

package/dist/collection/components/panel/panel.css

@@ -222,7 +222,7 @@
   padding-block: 0.875rem;
   margin-inline-end: auto;
 }
-.header-content .heading, 
+.header-content .heading,
 .header-content .description {
   display: block;
   overflow-wrap: break-word;

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-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.625
+ * v1.0.0-next.627
  */
 import { h, Fragment } from "@stencil/core";
 import { CSS, HEADING_LEVEL, ICONS, SLOTS, TEXT } from "./resources";

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-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.625
+ * v1.0.0-next.627
  */
 export const CSS = {
   backButton: "back-button",

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-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.625
+ * v1.0.0-next.627
  */
 import { h } from "@stencil/core";
 import { ICON_TYPES } from "./resources";

package/dist/collection/components/pick-list/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.625
+ * v1.0.0-next.627
  */
 export const CSS = {
   sticky: "sticky-pos"

package/dist/collection/components/pick-list/shared-list-logic.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.625
+ * v1.0.0-next.627
  */
 import { debounce } from "lodash-es";
 import { focusElement, getSlotted } from "../../utils/dom";

package/dist/collection/components/pick-list/shared-list-render.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.625
+ * v1.0.0-next.627
  */
 import { h, Host } from "@stencil/core";
 import { toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/pick-list-group/pick-list-group.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.625
+ * v1.0.0-next.627
  */
 import { h, Fragment } from "@stencil/core";
 import { CSS, SLOTS } from "./resources";

package/dist/collection/components/pick-list-group/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.625
+ * v1.0.0-next.627
  */
 export const CSS = {
   heading: "heading",

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

@@ -132,7 +132,7 @@
   background-color: var(--calcite-ui-foreground-1);
 }
 
-:host([non-interactive]) .label, 
+:host([non-interactive]) .label,
 :host([non-interactive]) .icon{
   pointer-events: none;
 }

package/dist/collection/components/pick-list-item/pick-list-item.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.625
+ * v1.0.0-next.627
  */
 import { Fragment, h } from "@stencil/core";
 import { CSS, ICONS, SLOTS, TEXT } from "./resources";

package/dist/collection/components/pick-list-item/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.625
+ * v1.0.0-next.627
  */
 export const CSS = {
   actions: "actions",

package/dist/collection/components/popover/PopoverManager.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.625
+ * v1.0.0-next.627
  */
 import { isPrimaryPointerButton } from "../../utils/dom";
 import { isActivationKey } from "../../utils/key";
@@ -35,10 +35,15 @@ export default class PopoverManager {
         .forEach((popover) => popover.toggle(false));
     };
     this.keyHandler = (event) => {
-      if (event.defaultPrevented || !isActivationKey(event.key)) {
+      if (event.defaultPrevented) {
         return;
       }
-      this.togglePopovers(event);
+      if (event.key === "Escape") {
+        this.closeAllPopovers();
+      }
+      else if (isActivationKey(event.key)) {
+        this.togglePopovers(event);
+      }
     };
     this.clickHandler = (event) => {
       if (isPrimaryPointerButton(event)) {
@@ -66,6 +71,9 @@ export default class PopoverManager {
       this.removeListeners();
     }
   }
+  closeAllPopovers() {
+    Array.from(this.registeredElements.values()).forEach((popover) => popover.toggle(false));
+  }
   addListeners() {
     document.addEventListener("pointerdown", this.clickHandler, { capture: true });
     document.addEventListener("keydown", this.keyHandler, { capture: true });

package/dist/collection/components/popover/popover.css

@@ -262,7 +262,7 @@
   border-end-end-radius: 0.25rem;
 }
 
-::slotted(calcite-panel), 
+::slotted(calcite-panel),
 ::slotted(calcite-flow) {
   block-size: 100%;
 }

package/dist/collection/components/popover/popover.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.625
+ * v1.0.0-next.627
  */
 import { forceUpdate, Host, h } from "@stencil/core";
 import { CSS, ARIA_CONTROLS, ARIA_EXPANDED, HEADING_LEVEL, TEXT, defaultPopoverPlacement } from "./resources";

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

package/dist/collection/components/popover-manager/popover-manager.js

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

package/dist/collection/components/progress/progress.css

@@ -89,7 +89,7 @@
   inline-size: 100%;
 }
 
-.track, 
+.track,
 .bar {
   position: absolute;
   inset-block-start: 0px;

package/dist/collection/components/progress/progress.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.625
+ * v1.0.0-next.627
  */
 import { h } from "@stencil/core";
 export class Progress {

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