@esri/calcite-components 2.7.0-next.9 → 2.7.1-next.0

package/dist/cjs/calcite-panel.cjs.entry.js

@@ -1,26 +1,26 @@
 /*!
  * 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.7.0-next.9
+ * v2.7.1-next.0
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d8e0f491.js');
-const dom = require('./dom-ebcc1b54.js');
-const interactive = require('./interactive-41a7d706.js');
-const loadable = require('./loadable-fce8c06c.js');
-const observers = require('./observers-6bc172cd.js');
-const resources$1 = require('./resources-f1340def.js');
-const Heading = require('./Heading-efd7d2e6.js');
-const resources = require('./resources-1652b463.js');
-const locale = require('./locale-00cd2bfb.js');
-const t9n = require('./t9n-742ec9e0.js');
-require('./guid-bd868232.js');
-require('./resources-ea1e1534.js');
-require('./browser-4bab84cb.js');
-require('./key-3a2ca1de.js');
+const index = require('./index-6e88af7f.js');
+const dom = require('./dom-081397a6.js');
+const interactive = require('./interactive-b0770106.js');
+const loadable = require('./loadable-e8fef191.js');
+const observers = require('./observers-02f7b162.js');
+const resources$1 = require('./resources-5c62a078.js');
+const Heading = require('./Heading-048669ec.js');
+const resources = require('./resources-78da7e8c.js');
+const locale = require('./locale-26a4861d.js');
+const t9n = require('./t9n-06e352e4.js');
+require('./guid-e35f2e9e.js');
+require('./resources-4bc7b416.js');
+require('./browser-91437c6d.js');
+require('./key-9ec179a2.js');
 
 const panelCss = ":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;overflow:hidden;--calcite-min-header-height:calc(var(--calcite-icon-size) * 3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.container{margin:0px;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;background-color:var(--calcite-color-background);padding:0px;transition:max-block-size var(--calcite-animation-timing), inline-size var(--calcite-animation-timing)}.container[hidden]{display:none}.header{z-index:var(--calcite-z-index-header);display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1);border-block-end:var(--calcite-panel-header-border-block-end, 1px solid var(--calcite-color-border-3))}.header-container{display:flex;inline-size:100%;flex-direction:row;align-items:stretch;justify-content:flex-start;flex:0 0 auto}.header-container--border-end{border-block-end:1px solid var(--calcite-color-border-3)}.action-bar-container{inline-size:100%}.action-bar-container ::slotted(calcite-action-bar){inline-size:100%}.header-content{display:flex;flex-direction:column;overflow:hidden;padding-inline:0.75rem;padding-block:0.875rem;margin-inline-end:auto}.header-content .heading,.header-content .description{display:block;overflow-wrap:break-word;padding:0px}.header-content .heading{margin-inline:0px;margin-block:0px 0.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-medium)}.header-content .heading:only-child{margin-block-end:0px}.header-content .description{font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);border-inline-end-width:1px}.header-actions{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch}.header-actions--end{margin-inline-start:auto}.content-wrapper{display:flex;block-size:100%;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;overflow:auto;background-color:var(--calcite-color-background)}.footer{display:flex;inline-size:100%;justify-content:space-evenly;background-color:var(--calcite-color-foreground-1);flex:0 0 auto;padding:var(--calcite-panel-footer-padding, 0.5rem);border-block-start:1px solid var(--calcite-color-border-3)}.fab-container{position:sticky;inset-block-end:0px;z-index:var(--calcite-z-index-sticky);margin-block:0px;margin-inline:auto;display:block;padding:0.5rem;inset-inline:0;inline-size:-moz-fit-content;inline-size:fit-content}:host([hidden]){display:none}[hidden]{display:none}";
 

package/dist/cjs/calcite-pick-list_3.cjs.entry.js

@@ -1,28 +1,28 @@
 /*!
  * 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.7.0-next.9
+ * v2.7.1-next.0
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d8e0f491.js');
-const interactive = require('./interactive-41a7d706.js');
-const loadable = require('./loadable-fce8c06c.js');
-const observers = require('./observers-6bc172cd.js');
-const resources = require('./resources-3bcbdc83.js');
-const conditionalSlot = require('./conditionalSlot-0e2d89fc.js');
-const dom = require('./dom-ebcc1b54.js');
-const Heading = require('./Heading-efd7d2e6.js');
-const locale = require('./locale-00cd2bfb.js');
-const t9n = require('./t9n-742ec9e0.js');
-require('./browser-4bab84cb.js');
-require('./array-f373ca82.js');
-require('./debounce-07fb92c1.js');
-require('./guid-bd868232.js');
-require('./resources-ea1e1534.js');
-require('./key-3a2ca1de.js');
+const index = require('./index-6e88af7f.js');
+const interactive = require('./interactive-b0770106.js');
+const loadable = require('./loadable-e8fef191.js');
+const observers = require('./observers-02f7b162.js');
+const resources = require('./resources-8fe5b587.js');
+const conditionalSlot = require('./conditionalSlot-de1dbbf5.js');
+const dom = require('./dom-081397a6.js');
+const Heading = require('./Heading-048669ec.js');
+const locale = require('./locale-26a4861d.js');
+const t9n = require('./t9n-06e352e4.js');
+require('./browser-91437c6d.js');
+require('./array-aafdcac9.js');
+require('./debounce-7cb8af3c.js');
+require('./guid-e35f2e9e.js');
+require('./resources-4bc7b416.js');
+require('./key-9ec179a2.js');
 
 const pickListCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;box-sizing:border-box;display:flex;flex-shrink:0;flex-grow:1;flex-direction:column;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([filter-enabled]) header{margin-block-end:0.25rem;display:flex;align-items:stretch;justify-content:flex-end;background-color:var(--calcite-color-foreground-1);--tw-shadow:0 1px 0 var(--calcite-color-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([filter-enabled]) header.sticky-pos{position:sticky;inset-block-start:0px;z-index:var(--calcite-z-index)}calcite-filter{margin-block-end:0px}:host([loading][disabled]){min-block-size:2rem}:host([hidden]){display:none}[hidden]{display:none}";
 

package/dist/cjs/calcite-popover.cjs.entry.js

@@ -1,28 +1,28 @@
 /*!
  * 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.7.0-next.9
+ * v2.7.1-next.0
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d8e0f491.js');
-const floatingUi = require('./floating-ui-b7d0df56.js');
-const focusTrapComponent = require('./focusTrapComponent-b1d051dd.js');
-const dom = require('./dom-ebcc1b54.js');
-const guid = require('./guid-bd868232.js');
-const openCloseComponent = require('./openCloseComponent-f59f040d.js');
-const Heading = require('./Heading-efd7d2e6.js');
-const locale = require('./locale-00cd2bfb.js');
-const t9n = require('./t9n-742ec9e0.js');
-const key = require('./key-3a2ca1de.js');
-const loadable = require('./loadable-fce8c06c.js');
-const observers = require('./observers-6bc172cd.js');
-const FloatingArrow = require('./FloatingArrow-d32209a0.js');
-const component = require('./component-3e6f710d.js');
-require('./debounce-07fb92c1.js');
-require('./resources-ea1e1534.js');
+const index = require('./index-6e88af7f.js');
+const floatingUi = require('./floating-ui-fae1d408.js');
+const focusTrapComponent = require('./focusTrapComponent-f05041df.js');
+const dom = require('./dom-081397a6.js');
+const guid = require('./guid-e35f2e9e.js');
+const openCloseComponent = require('./openCloseComponent-8422cb24.js');
+const Heading = require('./Heading-048669ec.js');
+const locale = require('./locale-26a4861d.js');
+const t9n = require('./t9n-06e352e4.js');
+const key = require('./key-9ec179a2.js');
+const loadable = require('./loadable-e8fef191.js');
+const observers = require('./observers-02f7b162.js');
+const FloatingArrow = require('./FloatingArrow-66caf3f7.js');
+const component = require('./component-1f868e4a.js');
+require('./debounce-7cb8af3c.js');
+require('./resources-4bc7b416.js');
 
 const CSS = {
     container: "container",
@@ -68,7 +68,7 @@ class PopoverManager {
                 .filter((popover) => popover !== togglePopover && popover.autoClose && popover.open && !composedPath.includes(popover))
                 .forEach((popover) => (popover.open = false));
         };
-        this.keyHandler = (event) => {
+        this.keyDownHandler = (event) => {
             if (event.defaultPrevented) {
                 return;
             }
@@ -80,9 +80,10 @@ class PopoverManager {
             }
         };
         this.clickHandler = (event) => {
-            if (dom.isPrimaryPointerButton(event)) {
-                this.togglePopovers(event);
+            if (dom.isKeyboardTriggeredClick(event)) {
+                return;
             }
+            this.togglePopovers(event);
         };
     }
     // --------------------------------------------------------------------------
@@ -109,12 +110,12 @@ class PopoverManager {
         Array.from(this.registeredElements.values()).forEach((popover) => (popover.open = false));
     }
     addListeners() {
-        window.addEventListener("pointerdown", this.clickHandler, { capture: true });
-        window.addEventListener("keydown", this.keyHandler, { capture: true });
+        window.addEventListener("click", this.clickHandler);
+        window.addEventListener("keydown", this.keyDownHandler);
     }
     removeListeners() {
-        window.removeEventListener("pointerdown", this.clickHandler, { capture: true });
-        window.removeEventListener("keydown", this.keyHandler, { capture: true });
+        window.removeEventListener("click", this.clickHandler);
+        window.removeEventListener("keydown", this.keyDownHandler);
     }
 }
 
@@ -286,7 +287,7 @@ const Popover = class {
         if (this.referenceElement && !this.effectiveReferenceElement) {
             this.setUpReferenceElement();
         }
-        this.reposition();
+        floatingUi.connectFloatingUI(this, this.effectiveReferenceElement, this.el);
         this.hasLoaded = true;
     }
     disconnectedCallback() {

package/dist/cjs/calcite-popover.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"calcite-popover.entry.cjs.js","mappings":"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","names":["isActivationKey","isPrimaryPointerButton","createObserver","guid","filterComputedPlacements","connectFloatingUI","toAriaBoolean","defaultOffsetDistance","deactivateFocusTrap","activateFocusTrap","onToggleOpenCloseComponent","updateMessages","connectLocalized","connectMessages","connectFocusTrap","setUpMessages","setUpLoadableComponent","setComponentLoaded","disconnectLocalized","disconnectMessages","disconnectFloatingUI","reposition","componentFocusable","forceUpdate","focusFirstTabbable","updateFocusTrapElements","queryElementRoots","h","getIconScale","Heading","FloatingArrow","Host","FloatingCSS"],"sources":["src/components/popover/resources.ts","src/components/popover/PopoverManager.ts","src/components/popover/popover.scss?tag=calcite-popover&encapsulation=shadow","src/components/popover/popover.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n  imageContainer: \"image-container\",\n  closeButtonContainer: \"close-button-container\",\n  closeButton: \"close-button\",\n  content: \"content\",\n  hasHeader: \"has-header\",\n  header: \"header\",\n  headerContent: \"header-content\",\n  heading: \"heading\",\n};\n\nexport const defaultPopoverPlacement = \"auto\";\nexport const ARIA_CONTROLS = \"aria-controls\";\nexport const ARIA_EXPANDED = \"aria-expanded\";\n","import { isPrimaryPointerButton } from \"../../utils/dom\";\nimport { ReferenceElement } from \"../../utils/floating-ui\";\nimport { isActivationKey } from \"../../utils/key\";\n\nexport default class PopoverManager {\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  private registeredElements = new Map<ReferenceElement, HTMLCalcitePopoverElement>();\n\n  private registeredElementCount = 0;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  registerElement(referenceEl: ReferenceElement, popover: HTMLCalcitePopoverElement): void {\n    this.registeredElementCount++;\n\n    this.registeredElements.set(referenceEl, popover);\n\n    if (this.registeredElementCount === 1) {\n      this.addListeners();\n    }\n  }\n\n  unregisterElement(referenceEl: ReferenceElement): void {\n    if (this.registeredElements.delete(referenceEl)) {\n      this.registeredElementCount--;\n    }\n\n    if (this.registeredElementCount === 0) {\n      this.removeListeners();\n    }\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private queryPopover = (composedPath: EventTarget[]): HTMLCalcitePopoverElement => {\n    const { registeredElements } = this;\n\n    const registeredElement = (composedPath as HTMLElement[]).find((pathEl) => registeredElements.has(pathEl));\n\n    return registeredElements.get(registeredElement);\n  };\n\n  private togglePopovers = (event: KeyboardEvent | PointerEvent): void => {\n    const composedPath = event.composedPath();\n    const togglePopover = this.queryPopover(composedPath);\n\n    if (togglePopover && !togglePopover.triggerDisabled) {\n      togglePopover.open = !togglePopover.open;\n    }\n\n    Array.from(this.registeredElements.values())\n      .filter(\n        (popover) => popover !== togglePopover && popover.autoClose && popover.open && !composedPath.includes(popover),\n      )\n      .forEach((popover) => (popover.open = false));\n  };\n\n  private closeAllPopovers(): void {\n    Array.from(this.registeredElements.values()).forEach((popover) => (popover.open = false));\n  }\n\n  private keyHandler = (event: KeyboardEvent): void => {\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    if (event.key === \"Escape\") {\n      this.closeAllPopovers();\n    } else if (isActivationKey(event.key)) {\n      this.togglePopovers(event);\n    }\n  };\n\n  private clickHandler = (event: PointerEvent): void => {\n    if (isPrimaryPointerButton(event)) {\n      this.togglePopovers(event);\n    }\n  };\n\n  private addListeners(): void {\n    window.addEventListener(\"pointerdown\", this.clickHandler, { capture: true });\n    window.addEventListener(\"keydown\", this.keyHandler, { capture: true });\n  }\n\n  private removeListeners(): void {\n    window.removeEventListener(\"pointerdown\", this.clickHandler, { capture: true });\n    window.removeEventListener(\"keydown\", this.keyHandler, { capture: true });\n  }\n}\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-popover-z-index: Sets the z-index value for the component.\n */\n\n:host {\n  --calcite-floating-ui-z-index: var(--calcite-popover-z-index, theme(\"zIndex.popover\"));\n}\n\n@include floatingUIHost();\n@include floatingUIArrow();\n\n:host([scale=\"s\"]) {\n  .heading {\n    @apply text-n1-wrap\n    px-3\n    py-2;\n  }\n}\n\n:host([scale=\"m\"]) {\n  .heading {\n    @apply text-0-wrap\n    px-4\n    py-3;\n  }\n}\n\n:host([scale=\"l\"]) {\n  .heading {\n    @apply text-1-wrap\n    px-5\n    py-4;\n  }\n}\n\n:host {\n  @apply pointer-events-none;\n}\n\n:host([open]) {\n  pointer-events: initial;\n}\n\n.calcite-floating-ui-anim {\n  @apply bg-foreground-1\n    border-color-3\n    rounded\n    border\n    border-solid;\n}\n\n.arrow::before {\n  outline: 1px solid var(--calcite-color-border-3);\n}\n\n.header {\n  @apply border-b-color-3\n    flex\n    flex-auto\n    items-stretch\n    justify-start\n    border-0\n    border-b\n    border-solid;\n}\n\n.heading {\n  @apply text-color-1\n  word-break\n  m-0\n  block\n  flex-auto\n  self-center\n  whitespace-normal\n  font-medium;\n}\n\n.container {\n  @apply text-color-1\n    relative\n    flex\n    h-full\n    flex-row\n    flex-nowrap\n    rounded;\n  &.has-header {\n    @apply flex-col;\n  }\n}\n\n.content {\n  @apply word-break\n  flex\n  h-full\n  w-full\n  flex-col\n  flex-nowrap\n  self-center;\n}\n\n.close-button-container {\n  @apply flex overflow-hidden;\n  flex: 0 0 auto;\n  border-start-end-radius: theme(\"borderRadius.DEFAULT\");\n  border-end-end-radius: theme(\"borderRadius.DEFAULT\");\n}\n\n::slotted(calcite-panel),\n::slotted(calcite-flow) {\n  @apply h-full;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  forceUpdate,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  connectFloatingUI,\n  defaultOffsetDistance,\n  disconnectFloatingUI,\n  EffectivePlacement,\n  filterComputedPlacements,\n  FloatingCSS,\n  FloatingLayout,\n  FloatingUIComponent,\n  LogicalPlacement,\n  OverlayPositioning,\n  ReferenceElement,\n  reposition,\n} from \"../../utils/floating-ui\";\nimport {\n  activateFocusTrap,\n  connectFocusTrap,\n  deactivateFocusTrap,\n  FocusTrap,\n  FocusTrapComponent,\n  updateFocusTrapElements,\n} from \"../../utils/focusTrapComponent\";\nimport { ARIA_CONTROLS, ARIA_EXPANDED, CSS, defaultPopoverPlacement } from \"./resources\";\n\nimport { focusFirstTabbable, queryElementRoots, toAriaBoolean } from \"../../utils/dom\";\nimport { guid } from \"../../utils/guid\";\nimport { onToggleOpenCloseComponent, OpenCloseComponent } from \"../../utils/openCloseComponent\";\nimport { Heading, HeadingLevel } from \"../functional/Heading\";\nimport { Scale } from \"../interfaces\";\n\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { PopoverMessages } from \"./assets/popover/t9n\";\nimport PopoverManager from \"./PopoverManager\";\n\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { createObserver } from \"../../utils/observers\";\nimport { FloatingArrow } from \"../functional/FloatingArrow\";\nimport { getIconScale } from \"../../utils/component\";\n\nconst manager = new PopoverManager();\n\n/**\n * @slot - A slot for adding custom content.\n */\n@Component({\n  tag: \"calcite-popover\",\n  styleUrl: \"popover.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Popover\n  implements\n    FloatingUIComponent,\n    OpenCloseComponent,\n    FocusTrapComponent,\n    LoadableComponent,\n    LocalizedComponent,\n    T9nComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, clicking outside of the component automatically closes open `calcite-popover`s.\n   */\n  @Prop({ reflect: true }) autoClose = false;\n\n  /** When `true`, displays a close button within the component. */\n  @Prop({ reflect: true }) closable = false;\n\n  /**\n   * When `true`, prevents flipping the component's placement when overlapping its `referenceElement`.\n   */\n  @Prop({ reflect: true }) flipDisabled = 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  /**\n   * When `true`, removes the caret pointer.\n   */\n  @Prop({ reflect: true }) pointerDisabled = false;\n\n  /**\n   * Defines the available placements that can be used when a flip occurs.\n   */\n  @Prop() flipPlacements: EffectivePlacement[];\n\n  @Watch(\"flipPlacements\")\n  flipPlacementsHandler(): void {\n    this.setFilteredPlacements();\n    this.reposition(true);\n  }\n\n  /**\n   * The component header text.\n   */\n  @Prop() heading: string;\n\n  /**\n   * Specifies the number at which section headings should start.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\n\n  /** Accessible name for the component. */\n  @Prop() label!: string;\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<PopoverMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\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: PopoverMessages;\n\n  /**\n   * Offsets the position of the popover away from the `referenceElement`.\n   *\n   * @default 6\n   */\n  @Prop({ reflect: true }) offsetDistance = defaultOffsetDistance;\n\n  @Watch(\"offsetDistance\")\n  offsetDistanceOffsetHandler(): void {\n    this.reposition(true);\n  }\n\n  /**\n   * Offsets the position of the component along the `referenceElement`.\n   */\n  @Prop({ reflect: true }) offsetSkidding = 0;\n\n  @Watch(\"offsetSkidding\")\n  offsetSkiddingHandler(): void {\n    this.reposition(true);\n  }\n\n  /**\n   * When `true`, displays and positions the component.\n   */\n  @Prop({ reflect: true, mutable: true }) open = false;\n\n  @Watch(\"open\")\n  openHandler(): void {\n    onToggleOpenCloseComponent(this);\n    this.reposition(true);\n    this.setExpandedAttr();\n  }\n\n  /**\n   * Determines the type of positioning to use for the overlaid content.\n   *\n   * Using `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\n   *\n   * `\"fixed\"` value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`.\n   *\n   */\n  @Prop({ reflect: true }) overlayPositioning: OverlayPositioning = \"absolute\";\n\n  @Watch(\"overlayPositioning\")\n  overlayPositioningHandler(): void {\n    this.reposition(true);\n  }\n\n  /**\n   * Determines where the component will be positioned relative to the `referenceElement`.\n   */\n  @Prop({ reflect: true }) placement: LogicalPlacement = defaultPopoverPlacement;\n\n  @Watch(\"placement\")\n  placementHandler(): void {\n    this.reposition(true);\n  }\n\n  /**\n   *  The `referenceElement` used to position the component according to its `placement` value. Setting to an `HTMLElement` is preferred so the component does not need to query the DOM. However, a string `id` of the reference element can also be used.\n   */\n  @Prop() referenceElement!: ReferenceElement | string;\n\n  @Watch(\"referenceElement\")\n  referenceElementHandler(): void {\n    this.setUpReferenceElement();\n    this.reposition(true);\n  }\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /**\n   * When `true`, disables automatically toggling the component when its `referenceElement` has been triggered.\n   *\n   * This property can be set to `true` to manage when the component is open.\n   */\n  @Prop({ reflect: true }) triggerDisabled = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalcitePopoverElement;\n\n  mutationObserver: MutationObserver = createObserver(\"mutation\", () =>\n    this.updateFocusTrapElements(),\n  );\n\n  filteredFlipPlacements: EffectivePlacement[];\n\n  @State() effectiveLocale = \"\";\n\n  @State() floatingLayout: FloatingLayout = \"vertical\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() effectiveReferenceElement: ReferenceElement;\n\n  @State() defaultMessages: PopoverMessages;\n\n  arrowEl: SVGElement;\n\n  closeButtonEl: HTMLCalciteActionElement;\n\n  guid = `calcite-popover-${guid()}`;\n\n  openTransitionProp = \"opacity\";\n\n  transitionEl: HTMLDivElement;\n\n  hasLoaded = false;\n\n  focusTrap: FocusTrap;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.setFilteredPlacements();\n    connectLocalized(this);\n    connectMessages(this);\n    this.setUpReferenceElement(this.hasLoaded);\n    connectFocusTrap(this);\n    if (this.open) {\n      onToggleOpenCloseComponent(this);\n    }\n    connectFloatingUI(this, this.effectiveReferenceElement, this.el);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    if (this.referenceElement && !this.effectiveReferenceElement) {\n      this.setUpReferenceElement();\n    }\n    this.reposition();\n    this.hasLoaded = true;\n  }\n\n  disconnectedCallback(): void {\n    this.removeReferences();\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    disconnectFloatingUI(this, this.effectiveReferenceElement, this.el);\n    deactivateFocusTrap(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Fires when the component is requested to be closed and before the closing transition begins. */\n  @Event({ cancelable: false }) calcitePopoverBeforeClose: EventEmitter<void>;\n\n  /** Fires when the component is closed and animation is complete. */\n  @Event({ cancelable: false }) calcitePopoverClose: 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 }) calcitePopoverBeforeOpen: EventEmitter<void>;\n\n  /** Fires when the component is open and animation is complete. */\n  @Event({ cancelable: false }) calcitePopoverOpen: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Updates the position of the component.\n   *\n   * @param delayed\n   */\n  @Method()\n  async reposition(delayed = false): Promise<void> {\n    const {\n      el,\n      effectiveReferenceElement,\n      placement,\n      overlayPositioning,\n      flipDisabled,\n      filteredFlipPlacements,\n      offsetDistance,\n      offsetSkidding,\n      arrowEl,\n    } = this;\n    return reposition(\n      this,\n      {\n        floatingEl: el,\n        referenceEl: effectiveReferenceElement,\n        overlayPositioning,\n        placement,\n        flipDisabled,\n        flipPlacements: filteredFlipPlacements,\n        offsetDistance,\n        offsetSkidding,\n        arrowEl,\n        type: \"popover\",\n      },\n      delayed,\n    );\n  }\n\n  /**\n   * Sets focus on the component's first focusable element.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    forceUpdate(this.el);\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  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private setTransitionEl = (el: HTMLDivElement): void => {\n    this.transitionEl = el;\n  };\n\n  setFilteredPlacements = (): void => {\n    const { el, flipPlacements } = this;\n\n    this.filteredFlipPlacements = flipPlacements\n      ? filterComputedPlacements(flipPlacements, el)\n      : null;\n  };\n\n  setUpReferenceElement = (warn = true): void => {\n    this.removeReferences();\n    this.effectiveReferenceElement = this.getReferenceElement();\n    connectFloatingUI(this, this.effectiveReferenceElement, this.el);\n\n    const { el, referenceElement, effectiveReferenceElement } = this;\n    if (warn && referenceElement && !effectiveReferenceElement) {\n      console.warn(`${el.tagName}: reference-element id \"${referenceElement}\" was not found.`, {\n        el,\n      });\n    }\n\n    this.addReferences();\n  };\n\n  getId = (): string => {\n    return this.el.id || this.guid;\n  };\n\n  setExpandedAttr = (): void => {\n    const { effectiveReferenceElement, open } = this;\n\n    if (!effectiveReferenceElement) {\n      return;\n    }\n\n    if (\"setAttribute\" in effectiveReferenceElement) {\n      effectiveReferenceElement.setAttribute(ARIA_EXPANDED, toAriaBoolean(open));\n    }\n  };\n\n  addReferences = (): void => {\n    const { effectiveReferenceElement } = this;\n\n    if (!effectiveReferenceElement) {\n      return;\n    }\n\n    const id = this.getId();\n\n    if (\"setAttribute\" in effectiveReferenceElement) {\n      effectiveReferenceElement.setAttribute(ARIA_CONTROLS, id);\n    }\n\n    manager.registerElement(effectiveReferenceElement, this.el);\n    this.setExpandedAttr();\n  };\n\n  removeReferences = (): void => {\n    const { effectiveReferenceElement } = this;\n\n    if (!effectiveReferenceElement) {\n      return;\n    }\n\n    if (\"removeAttribute\" in effectiveReferenceElement) {\n      effectiveReferenceElement.removeAttribute(ARIA_CONTROLS);\n      effectiveReferenceElement.removeAttribute(ARIA_EXPANDED);\n    }\n\n    manager.unregisterElement(effectiveReferenceElement);\n  };\n\n  getReferenceElement(): ReferenceElement {\n    const { referenceElement, el } = this;\n\n    return (\n      (typeof referenceElement === \"string\"\n        ? queryElementRoots(el, { id: referenceElement })\n        : referenceElement) || null\n    );\n  }\n\n  hide = (): void => {\n    this.open = false;\n  };\n\n  onBeforeOpen(): void {\n    this.calcitePopoverBeforeOpen.emit();\n  }\n\n  onOpen(): void {\n    this.calcitePopoverOpen.emit();\n    activateFocusTrap(this);\n  }\n\n  onBeforeClose(): void {\n    this.calcitePopoverBeforeClose.emit();\n  }\n\n  onClose(): void {\n    this.calcitePopoverClose.emit();\n    deactivateFocusTrap(this);\n  }\n\n  storeArrowEl = (el: SVGElement): void => {\n    this.arrowEl = el;\n    this.reposition(true);\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderCloseButton(): VNode {\n    const { messages, closable } = this;\n    return closable ? (\n      <div class={CSS.closeButtonContainer} key={CSS.closeButtonContainer}>\n        <calcite-action\n          appearance=\"transparent\"\n          class={CSS.closeButton}\n          onClick={this.hide}\n          scale={this.scale}\n          text={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={(closeButtonEl) => (this.closeButtonEl = closeButtonEl)}\n        >\n          <calcite-icon icon=\"x\" scale={getIconScale(this.scale)} />\n        </calcite-action>\n      </div>\n    ) : null;\n  }\n\n  renderHeader(): VNode {\n    const { heading, headingLevel } = this;\n    const headingNode = heading ? (\n      <Heading class={CSS.heading} level={headingLevel}>\n        {heading}\n      </Heading>\n    ) : null;\n\n    return headingNode ? (\n      <div class={CSS.header} key={CSS.header}>\n        {headingNode}\n        {this.renderCloseButton()}\n      </div>\n    ) : null;\n  }\n\n  render(): VNode {\n    const { effectiveReferenceElement, heading, label, open, pointerDisabled, floatingLayout } =\n      this;\n    const displayed = effectiveReferenceElement && open;\n    const hidden = !displayed;\n    const arrowNode = !pointerDisabled ? (\n      <FloatingArrow\n        floatingLayout={floatingLayout}\n        key=\"floating-arrow\"\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.storeArrowEl}\n      />\n    ) : null;\n\n    return (\n      <Host\n        aria-hidden={toAriaBoolean(hidden)}\n        aria-label={label}\n        aria-live=\"polite\"\n        calcite-hydrated-hidden={hidden}\n        id={this.getId()}\n        role=\"dialog\"\n      >\n        <div\n          class={{\n            [FloatingCSS.animation]: true,\n            [FloatingCSS.animationActive]: displayed,\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          {arrowNode}\n          <div\n            class={{\n              [CSS.hasHeader]: !!heading,\n              [CSS.container]: true,\n            }}\n          >\n            {this.renderHeader()}\n            <div class={CSS.content}>\n              <slot />\n            </div>\n            {!heading ? this.renderCloseButton() : null}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"calcite-popover.entry.cjs.js","mappings":"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","names":["isActivationKey","isKeyboardTriggeredClick","createObserver","guid","filterComputedPlacements","connectFloatingUI","toAriaBoolean","defaultOffsetDistance","deactivateFocusTrap","activateFocusTrap","onToggleOpenCloseComponent","updateMessages","connectLocalized","connectMessages","connectFocusTrap","setUpMessages","setUpLoadableComponent","setComponentLoaded","disconnectLocalized","disconnectMessages","disconnectFloatingUI","reposition","componentFocusable","forceUpdate","focusFirstTabbable","updateFocusTrapElements","queryElementRoots","h","getIconScale","Heading","FloatingArrow","Host","FloatingCSS"],"sources":["src/components/popover/resources.ts","src/components/popover/PopoverManager.ts","src/components/popover/popover.scss?tag=calcite-popover&encapsulation=shadow","src/components/popover/popover.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n  imageContainer: \"image-container\",\n  closeButtonContainer: \"close-button-container\",\n  closeButton: \"close-button\",\n  content: \"content\",\n  hasHeader: \"has-header\",\n  header: \"header\",\n  headerContent: \"header-content\",\n  heading: \"heading\",\n};\n\nexport const defaultPopoverPlacement = \"auto\";\nexport const ARIA_CONTROLS = \"aria-controls\";\nexport const ARIA_EXPANDED = \"aria-expanded\";\n","import { ReferenceElement } from \"../../utils/floating-ui\";\nimport { isActivationKey } from \"../../utils/key\";\nimport { isKeyboardTriggeredClick } from \"../../utils/dom\";\n\nexport default class PopoverManager {\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  private registeredElements = new Map<ReferenceElement, HTMLCalcitePopoverElement>();\n\n  private registeredElementCount = 0;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  registerElement(referenceEl: ReferenceElement, popover: HTMLCalcitePopoverElement): void {\n    this.registeredElementCount++;\n\n    this.registeredElements.set(referenceEl, popover);\n\n    if (this.registeredElementCount === 1) {\n      this.addListeners();\n    }\n  }\n\n  unregisterElement(referenceEl: ReferenceElement): void {\n    if (this.registeredElements.delete(referenceEl)) {\n      this.registeredElementCount--;\n    }\n\n    if (this.registeredElementCount === 0) {\n      this.removeListeners();\n    }\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private queryPopover = (composedPath: EventTarget[]): HTMLCalcitePopoverElement => {\n    const { registeredElements } = this;\n\n    const registeredElement = (composedPath as HTMLElement[]).find((pathEl) => registeredElements.has(pathEl));\n\n    return registeredElements.get(registeredElement);\n  };\n\n  private togglePopovers = (event: KeyboardEvent | PointerEvent): void => {\n    const composedPath = event.composedPath();\n    const togglePopover = this.queryPopover(composedPath);\n\n    if (togglePopover && !togglePopover.triggerDisabled) {\n      togglePopover.open = !togglePopover.open;\n    }\n\n    Array.from(this.registeredElements.values())\n      .filter(\n        (popover) => popover !== togglePopover && popover.autoClose && popover.open && !composedPath.includes(popover),\n      )\n      .forEach((popover) => (popover.open = false));\n  };\n\n  private closeAllPopovers(): void {\n    Array.from(this.registeredElements.values()).forEach((popover) => (popover.open = false));\n  }\n\n  private keyDownHandler = (event: KeyboardEvent): void => {\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    if (event.key === \"Escape\") {\n      this.closeAllPopovers();\n    } else if (isActivationKey(event.key)) {\n      this.togglePopovers(event);\n    }\n  };\n\n  private clickHandler = (event: PointerEvent): void => {\n    if (isKeyboardTriggeredClick(event)) {\n      return;\n    }\n\n    this.togglePopovers(event);\n  };\n\n  private addListeners(): void {\n    window.addEventListener(\"click\", this.clickHandler);\n    window.addEventListener(\"keydown\", this.keyDownHandler);\n  }\n\n  private removeListeners(): void {\n    window.removeEventListener(\"click\", this.clickHandler);\n    window.removeEventListener(\"keydown\", this.keyDownHandler);\n  }\n}\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-popover-z-index: Sets the z-index value for the component.\n */\n\n:host {\n  --calcite-floating-ui-z-index: var(--calcite-popover-z-index, theme(\"zIndex.popover\"));\n}\n\n@include floatingUIHost();\n@include floatingUIArrow();\n\n:host([scale=\"s\"]) {\n  .heading {\n    @apply text-n1-wrap\n    px-3\n    py-2;\n  }\n}\n\n:host([scale=\"m\"]) {\n  .heading {\n    @apply text-0-wrap\n    px-4\n    py-3;\n  }\n}\n\n:host([scale=\"l\"]) {\n  .heading {\n    @apply text-1-wrap\n    px-5\n    py-4;\n  }\n}\n\n:host {\n  @apply pointer-events-none;\n}\n\n:host([open]) {\n  pointer-events: initial;\n}\n\n.calcite-floating-ui-anim {\n  @apply bg-foreground-1\n    border-color-3\n    rounded\n    border\n    border-solid;\n}\n\n.arrow::before {\n  outline: 1px solid var(--calcite-color-border-3);\n}\n\n.header {\n  @apply border-b-color-3\n    flex\n    flex-auto\n    items-stretch\n    justify-start\n    border-0\n    border-b\n    border-solid;\n}\n\n.heading {\n  @apply text-color-1\n  word-break\n  m-0\n  block\n  flex-auto\n  self-center\n  whitespace-normal\n  font-medium;\n}\n\n.container {\n  @apply text-color-1\n    relative\n    flex\n    h-full\n    flex-row\n    flex-nowrap\n    rounded;\n  &.has-header {\n    @apply flex-col;\n  }\n}\n\n.content {\n  @apply word-break\n  flex\n  h-full\n  w-full\n  flex-col\n  flex-nowrap\n  self-center;\n}\n\n.close-button-container {\n  @apply flex overflow-hidden;\n  flex: 0 0 auto;\n  border-start-end-radius: theme(\"borderRadius.DEFAULT\");\n  border-end-end-radius: theme(\"borderRadius.DEFAULT\");\n}\n\n::slotted(calcite-panel),\n::slotted(calcite-flow) {\n  @apply h-full;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  forceUpdate,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  connectFloatingUI,\n  defaultOffsetDistance,\n  disconnectFloatingUI,\n  EffectivePlacement,\n  filterComputedPlacements,\n  FloatingCSS,\n  FloatingLayout,\n  FloatingUIComponent,\n  LogicalPlacement,\n  OverlayPositioning,\n  ReferenceElement,\n  reposition,\n} from \"../../utils/floating-ui\";\nimport {\n  activateFocusTrap,\n  connectFocusTrap,\n  deactivateFocusTrap,\n  FocusTrap,\n  FocusTrapComponent,\n  updateFocusTrapElements,\n} from \"../../utils/focusTrapComponent\";\nimport { ARIA_CONTROLS, ARIA_EXPANDED, CSS, defaultPopoverPlacement } from \"./resources\";\n\nimport { focusFirstTabbable, queryElementRoots, toAriaBoolean } from \"../../utils/dom\";\nimport { guid } from \"../../utils/guid\";\nimport { onToggleOpenCloseComponent, OpenCloseComponent } from \"../../utils/openCloseComponent\";\nimport { Heading, HeadingLevel } from \"../functional/Heading\";\nimport { Scale } from \"../interfaces\";\n\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { PopoverMessages } from \"./assets/popover/t9n\";\nimport PopoverManager from \"./PopoverManager\";\n\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { createObserver } from \"../../utils/observers\";\nimport { FloatingArrow } from \"../functional/FloatingArrow\";\nimport { getIconScale } from \"../../utils/component\";\n\nconst manager = new PopoverManager();\n\n/**\n * @slot - A slot for adding custom content.\n */\n@Component({\n  tag: \"calcite-popover\",\n  styleUrl: \"popover.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Popover\n  implements\n    FloatingUIComponent,\n    OpenCloseComponent,\n    FocusTrapComponent,\n    LoadableComponent,\n    LocalizedComponent,\n    T9nComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, clicking outside of the component automatically closes open `calcite-popover`s.\n   */\n  @Prop({ reflect: true }) autoClose = false;\n\n  /** When `true`, displays a close button within the component. */\n  @Prop({ reflect: true }) closable = false;\n\n  /**\n   * When `true`, prevents flipping the component's placement when overlapping its `referenceElement`.\n   */\n  @Prop({ reflect: true }) flipDisabled = 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  /**\n   * When `true`, removes the caret pointer.\n   */\n  @Prop({ reflect: true }) pointerDisabled = false;\n\n  /**\n   * Defines the available placements that can be used when a flip occurs.\n   */\n  @Prop() flipPlacements: EffectivePlacement[];\n\n  @Watch(\"flipPlacements\")\n  flipPlacementsHandler(): void {\n    this.setFilteredPlacements();\n    this.reposition(true);\n  }\n\n  /**\n   * The component header text.\n   */\n  @Prop() heading: string;\n\n  /**\n   * Specifies the number at which section headings should start.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\n\n  /** Accessible name for the component. */\n  @Prop() label!: string;\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<PopoverMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\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: PopoverMessages;\n\n  /**\n   * Offsets the position of the popover away from the `referenceElement`.\n   *\n   * @default 6\n   */\n  @Prop({ reflect: true }) offsetDistance = defaultOffsetDistance;\n\n  @Watch(\"offsetDistance\")\n  offsetDistanceOffsetHandler(): void {\n    this.reposition(true);\n  }\n\n  /**\n   * Offsets the position of the component along the `referenceElement`.\n   */\n  @Prop({ reflect: true }) offsetSkidding = 0;\n\n  @Watch(\"offsetSkidding\")\n  offsetSkiddingHandler(): void {\n    this.reposition(true);\n  }\n\n  /**\n   * When `true`, displays and positions the component.\n   */\n  @Prop({ reflect: true, mutable: true }) open = false;\n\n  @Watch(\"open\")\n  openHandler(): void {\n    onToggleOpenCloseComponent(this);\n    this.reposition(true);\n    this.setExpandedAttr();\n  }\n\n  /**\n   * Determines the type of positioning to use for the overlaid content.\n   *\n   * Using `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\n   *\n   * `\"fixed\"` value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`.\n   *\n   */\n  @Prop({ reflect: true }) overlayPositioning: OverlayPositioning = \"absolute\";\n\n  @Watch(\"overlayPositioning\")\n  overlayPositioningHandler(): void {\n    this.reposition(true);\n  }\n\n  /**\n   * Determines where the component will be positioned relative to the `referenceElement`.\n   */\n  @Prop({ reflect: true }) placement: LogicalPlacement = defaultPopoverPlacement;\n\n  @Watch(\"placement\")\n  placementHandler(): void {\n    this.reposition(true);\n  }\n\n  /**\n   *  The `referenceElement` used to position the component according to its `placement` value. Setting to an `HTMLElement` is preferred so the component does not need to query the DOM. However, a string `id` of the reference element can also be used.\n   */\n  @Prop() referenceElement!: ReferenceElement | string;\n\n  @Watch(\"referenceElement\")\n  referenceElementHandler(): void {\n    this.setUpReferenceElement();\n    this.reposition(true);\n  }\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /**\n   * When `true`, disables automatically toggling the component when its `referenceElement` has been triggered.\n   *\n   * This property can be set to `true` to manage when the component is open.\n   */\n  @Prop({ reflect: true }) triggerDisabled = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalcitePopoverElement;\n\n  mutationObserver: MutationObserver = createObserver(\"mutation\", () =>\n    this.updateFocusTrapElements(),\n  );\n\n  filteredFlipPlacements: EffectivePlacement[];\n\n  @State() effectiveLocale = \"\";\n\n  @State() floatingLayout: FloatingLayout = \"vertical\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() effectiveReferenceElement: ReferenceElement;\n\n  @State() defaultMessages: PopoverMessages;\n\n  arrowEl: SVGElement;\n\n  closeButtonEl: HTMLCalciteActionElement;\n\n  guid = `calcite-popover-${guid()}`;\n\n  openTransitionProp = \"opacity\";\n\n  transitionEl: HTMLDivElement;\n\n  hasLoaded = false;\n\n  focusTrap: FocusTrap;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.setFilteredPlacements();\n    connectLocalized(this);\n    connectMessages(this);\n    this.setUpReferenceElement(this.hasLoaded);\n    connectFocusTrap(this);\n    if (this.open) {\n      onToggleOpenCloseComponent(this);\n    }\n    connectFloatingUI(this, this.effectiveReferenceElement, this.el);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    if (this.referenceElement && !this.effectiveReferenceElement) {\n      this.setUpReferenceElement();\n    }\n    connectFloatingUI(this, this.effectiveReferenceElement, this.el);\n    this.hasLoaded = true;\n  }\n\n  disconnectedCallback(): void {\n    this.removeReferences();\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    disconnectFloatingUI(this, this.effectiveReferenceElement, this.el);\n    deactivateFocusTrap(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Fires when the component is requested to be closed and before the closing transition begins. */\n  @Event({ cancelable: false }) calcitePopoverBeforeClose: EventEmitter<void>;\n\n  /** Fires when the component is closed and animation is complete. */\n  @Event({ cancelable: false }) calcitePopoverClose: 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 }) calcitePopoverBeforeOpen: EventEmitter<void>;\n\n  /** Fires when the component is open and animation is complete. */\n  @Event({ cancelable: false }) calcitePopoverOpen: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Updates the position of the component.\n   *\n   * @param delayed\n   */\n  @Method()\n  async reposition(delayed = false): Promise<void> {\n    const {\n      el,\n      effectiveReferenceElement,\n      placement,\n      overlayPositioning,\n      flipDisabled,\n      filteredFlipPlacements,\n      offsetDistance,\n      offsetSkidding,\n      arrowEl,\n    } = this;\n    return reposition(\n      this,\n      {\n        floatingEl: el,\n        referenceEl: effectiveReferenceElement,\n        overlayPositioning,\n        placement,\n        flipDisabled,\n        flipPlacements: filteredFlipPlacements,\n        offsetDistance,\n        offsetSkidding,\n        arrowEl,\n        type: \"popover\",\n      },\n      delayed,\n    );\n  }\n\n  /**\n   * Sets focus on the component's first focusable element.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    forceUpdate(this.el);\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  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private setTransitionEl = (el: HTMLDivElement): void => {\n    this.transitionEl = el;\n  };\n\n  setFilteredPlacements = (): void => {\n    const { el, flipPlacements } = this;\n\n    this.filteredFlipPlacements = flipPlacements\n      ? filterComputedPlacements(flipPlacements, el)\n      : null;\n  };\n\n  setUpReferenceElement = (warn = true): void => {\n    this.removeReferences();\n    this.effectiveReferenceElement = this.getReferenceElement();\n    connectFloatingUI(this, this.effectiveReferenceElement, this.el);\n\n    const { el, referenceElement, effectiveReferenceElement } = this;\n    if (warn && referenceElement && !effectiveReferenceElement) {\n      console.warn(`${el.tagName}: reference-element id \"${referenceElement}\" was not found.`, {\n        el,\n      });\n    }\n\n    this.addReferences();\n  };\n\n  getId = (): string => {\n    return this.el.id || this.guid;\n  };\n\n  setExpandedAttr = (): void => {\n    const { effectiveReferenceElement, open } = this;\n\n    if (!effectiveReferenceElement) {\n      return;\n    }\n\n    if (\"setAttribute\" in effectiveReferenceElement) {\n      effectiveReferenceElement.setAttribute(ARIA_EXPANDED, toAriaBoolean(open));\n    }\n  };\n\n  addReferences = (): void => {\n    const { effectiveReferenceElement } = this;\n\n    if (!effectiveReferenceElement) {\n      return;\n    }\n\n    const id = this.getId();\n\n    if (\"setAttribute\" in effectiveReferenceElement) {\n      effectiveReferenceElement.setAttribute(ARIA_CONTROLS, id);\n    }\n\n    manager.registerElement(effectiveReferenceElement, this.el);\n    this.setExpandedAttr();\n  };\n\n  removeReferences = (): void => {\n    const { effectiveReferenceElement } = this;\n\n    if (!effectiveReferenceElement) {\n      return;\n    }\n\n    if (\"removeAttribute\" in effectiveReferenceElement) {\n      effectiveReferenceElement.removeAttribute(ARIA_CONTROLS);\n      effectiveReferenceElement.removeAttribute(ARIA_EXPANDED);\n    }\n\n    manager.unregisterElement(effectiveReferenceElement);\n  };\n\n  getReferenceElement(): ReferenceElement {\n    const { referenceElement, el } = this;\n\n    return (\n      (typeof referenceElement === \"string\"\n        ? queryElementRoots(el, { id: referenceElement })\n        : referenceElement) || null\n    );\n  }\n\n  hide = (): void => {\n    this.open = false;\n  };\n\n  onBeforeOpen(): void {\n    this.calcitePopoverBeforeOpen.emit();\n  }\n\n  onOpen(): void {\n    this.calcitePopoverOpen.emit();\n    activateFocusTrap(this);\n  }\n\n  onBeforeClose(): void {\n    this.calcitePopoverBeforeClose.emit();\n  }\n\n  onClose(): void {\n    this.calcitePopoverClose.emit();\n    deactivateFocusTrap(this);\n  }\n\n  storeArrowEl = (el: SVGElement): void => {\n    this.arrowEl = el;\n    this.reposition(true);\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderCloseButton(): VNode {\n    const { messages, closable } = this;\n    return closable ? (\n      <div class={CSS.closeButtonContainer} key={CSS.closeButtonContainer}>\n        <calcite-action\n          appearance=\"transparent\"\n          class={CSS.closeButton}\n          onClick={this.hide}\n          scale={this.scale}\n          text={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={(closeButtonEl) => (this.closeButtonEl = closeButtonEl)}\n        >\n          <calcite-icon icon=\"x\" scale={getIconScale(this.scale)} />\n        </calcite-action>\n      </div>\n    ) : null;\n  }\n\n  renderHeader(): VNode {\n    const { heading, headingLevel } = this;\n    const headingNode = heading ? (\n      <Heading class={CSS.heading} level={headingLevel}>\n        {heading}\n      </Heading>\n    ) : null;\n\n    return headingNode ? (\n      <div class={CSS.header} key={CSS.header}>\n        {headingNode}\n        {this.renderCloseButton()}\n      </div>\n    ) : null;\n  }\n\n  render(): VNode {\n    const { effectiveReferenceElement, heading, label, open, pointerDisabled, floatingLayout } =\n      this;\n    const displayed = effectiveReferenceElement && open;\n    const hidden = !displayed;\n    const arrowNode = !pointerDisabled ? (\n      <FloatingArrow\n        floatingLayout={floatingLayout}\n        key=\"floating-arrow\"\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.storeArrowEl}\n      />\n    ) : null;\n\n    return (\n      <Host\n        aria-hidden={toAriaBoolean(hidden)}\n        aria-label={label}\n        aria-live=\"polite\"\n        calcite-hydrated-hidden={hidden}\n        id={this.getId()}\n        role=\"dialog\"\n      >\n        <div\n          class={{\n            [FloatingCSS.animation]: true,\n            [FloatingCSS.animationActive]: displayed,\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          {arrowNode}\n          <div\n            class={{\n              [CSS.hasHeader]: !!heading,\n              [CSS.container]: true,\n            }}\n          >\n            {this.renderHeader()}\n            <div class={CSS.content}>\n              <slot />\n            </div>\n            {!heading ? this.renderCloseButton() : null}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/calcite-progress.cjs.entry.js

@@ -1,16 +1,16 @@
 /*!
  * 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.7.0-next.9
+ * v2.7.1-next.0
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d8e0f491.js');
-const dom = require('./dom-ebcc1b54.js');
-const resources = require('./resources-ea1e1534.js');
-require('./guid-bd868232.js');
+const index = require('./index-6e88af7f.js');
+const dom = require('./dom-081397a6.js');
+const resources = require('./resources-4bc7b416.js');
+require('./guid-e35f2e9e.js');
 
 const progressCss = ":host{position:relative;display:block;inline-size:100%}.track,.bar{position:absolute;inset-block-start:0px;block-size:2px}.track{z-index:var(--calcite-z-index);inline-size:100%;overflow:hidden;background:var(--calcite-color-border-3)}.bar{z-index:var(--calcite-z-index);background-color:var(--calcite-color-brand)}@media (forced-colors: active){.track{background-color:highlightText}.bar{background-color:linkText}}.indeterminate{inline-size:20%;animation:looping-progress-bar-ani calc(var(--calcite-internal-animation-timing-medium) / var(--calcite-internal-duration-factor) * 11 / var(--calcite-internal-duration-factor)) linear infinite}.indeterminate.calcite--rtl{animation-name:looping-progress-bar-ani-rtl}.reversed{animation-direction:reverse}.text{padding-inline:0px;padding-block:1rem 0px;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2)}@keyframes looping-progress-bar-ani{0%{transform:translate3d(-100%, 0, 0)}50%{inline-size:40%}100%{transform:translate3d(600%, 0, 0)}}@keyframes looping-progress-bar-ani-rtl{0%{transform:translate3d(100%, 0, 0)}50%{inline-size:40%}100%{transform:translate3d(-600%, 0, 0)}}:host([hidden]){display:none}[hidden]{display:none}";
 

package/dist/cjs/calcite-radio-button-group.cjs.entry.js

@@ -1,16 +1,16 @@
 /*!
  * 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.7.0-next.9
+ * v2.7.1-next.0
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d8e0f491.js');
-const observers = require('./observers-6bc172cd.js');
-const loadable = require('./loadable-fce8c06c.js');
-const Validation = require('./Validation-59797c89.js');
+const index = require('./index-6e88af7f.js');
+const observers = require('./observers-02f7b162.js');
+const loadable = require('./loadable-e8fef191.js');
+const Validation = require('./Validation-3d086f0d.js');
 
 const CSS = {
     itemWrapper: "item-wrapper",

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

@@ -1,23 +1,23 @@
 /*!
  * 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.7.0-next.9
+ * v2.7.1-next.0
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d8e0f491.js');
-const array = require('./array-f373ca82.js');
-const dom = require('./dom-ebcc1b54.js');
-const form = require('./form-14eba4b5.js');
-const guid = require('./guid-bd868232.js');
-const interactive = require('./interactive-41a7d706.js');
-const label = require('./label-fddfbfed.js');
-const loadable = require('./loadable-fce8c06c.js');
-require('./resources-ea1e1534.js');
-require('./browser-4bab84cb.js');
-require('./component-3e6f710d.js');
+const index = require('./index-6e88af7f.js');
+const array = require('./array-aafdcac9.js');
+const dom = require('./dom-081397a6.js');
+const form = require('./form-b3e9bffe.js');
+const guid = require('./guid-e35f2e9e.js');
+const interactive = require('./interactive-b0770106.js');
+const label = require('./label-b59539b4.js');
+const loadable = require('./loadable-e8fef191.js');
+require('./resources-4bc7b416.js');
+require('./browser-91437c6d.js');
+require('./component-1f868e4a.js');
 
 const CSS = {
     container: "container",

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

@@ -1,26 +1,26 @@
 /*!
  * 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.7.0-next.9
+ * v2.7.1-next.0
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d8e0f491.js');
-const form = require('./form-14eba4b5.js');
-const guid = require('./guid-bd868232.js');
-const interactive = require('./interactive-41a7d706.js');
-const label = require('./label-fddfbfed.js');
-const loadable = require('./loadable-fce8c06c.js');
-const locale = require('./locale-00cd2bfb.js');
-const t9n = require('./t9n-742ec9e0.js');
-const dom = require('./dom-ebcc1b54.js');
-require('./browser-4bab84cb.js');
-require('./component-3e6f710d.js');
-require('./key-3a2ca1de.js');
-require('./observers-6bc172cd.js');
-require('./resources-ea1e1534.js');
+const index = require('./index-6e88af7f.js');
+const form = require('./form-b3e9bffe.js');
+const guid = require('./guid-e35f2e9e.js');
+const interactive = require('./interactive-b0770106.js');
+const label = require('./label-b59539b4.js');
+const loadable = require('./loadable-e8fef191.js');
+const locale = require('./locale-26a4861d.js');
+const t9n = require('./t9n-06e352e4.js');
+const dom = require('./dom-081397a6.js');
+require('./browser-91437c6d.js');
+require('./component-1f868e4a.js');
+require('./key-9ec179a2.js');
+require('./observers-02f7b162.js');
+require('./resources-4bc7b416.js');
 
 const StarIcon = ({ full, scale, partial }) => (index.h("calcite-icon", { class: partial ? undefined : "icon",
     icon: full ? "star-f" : "star",

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

@@ -1,20 +1,20 @@
 /*!
  * 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.7.0-next.9
+ * v2.7.1-next.0
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d8e0f491.js');
-const locale = require('./locale-00cd2bfb.js');
-const t9n = require('./t9n-742ec9e0.js');
-const observers = require('./observers-6bc172cd.js');
-const dom = require('./dom-ebcc1b54.js');
-require('./key-3a2ca1de.js');
-require('./guid-bd868232.js');
-require('./resources-ea1e1534.js');
+const index = require('./index-6e88af7f.js');
+const locale = require('./locale-26a4861d.js');
+const t9n = require('./t9n-06e352e4.js');
+const observers = require('./observers-02f7b162.js');
+const dom = require('./dom-081397a6.js');
+require('./key-9ec179a2.js');
+require('./guid-e35f2e9e.js');
+require('./resources-4bc7b416.js');
 
 const CSS = {
     scrim: "scrim",

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

@@ -1,24 +1,24 @@
 /*!
  * 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.7.0-next.9
+ * v2.7.1-next.0
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d8e0f491.js');
-const dom = require('./dom-ebcc1b54.js');
-const form = require('./form-14eba4b5.js');
-const interactive = require('./interactive-41a7d706.js');
-const label = require('./label-fddfbfed.js');
-const loadable = require('./loadable-fce8c06c.js');
-const observers = require('./observers-6bc172cd.js');
-const Validation = require('./Validation-59797c89.js');
-require('./guid-bd868232.js');
-require('./resources-ea1e1534.js');
-require('./browser-4bab84cb.js');
-require('./component-3e6f710d.js');
+const index = require('./index-6e88af7f.js');
+const dom = require('./dom-081397a6.js');
+const form = require('./form-b3e9bffe.js');
+const interactive = require('./interactive-b0770106.js');
+const label = require('./label-b59539b4.js');
+const loadable = require('./loadable-e8fef191.js');
+const observers = require('./observers-02f7b162.js');
+const Validation = require('./Validation-3d086f0d.js');
+require('./guid-e35f2e9e.js');
+require('./resources-4bc7b416.js');
+require('./browser-91437c6d.js');
+require('./component-1f868e4a.js');
 
 const CSS$1 = {
     itemWrapper: "item-wrapper",

package/dist/cjs/calcite-sheet.cjs.entry.js

@@ -1,20 +1,20 @@
 /*!
  * 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.7.0-next.9
+ * v2.7.1-next.0
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d8e0f491.js');
-const dom = require('./dom-ebcc1b54.js');
-const focusTrapComponent = require('./focusTrapComponent-b1d051dd.js');
-const loadable = require('./loadable-fce8c06c.js');
-const observers = require('./observers-6bc172cd.js');
-const openCloseComponent = require('./openCloseComponent-f59f040d.js');
-const resources = require('./resources-ea1e1534.js');
-require('./guid-bd868232.js');
+const index = require('./index-6e88af7f.js');
+const dom = require('./dom-081397a6.js');
+const focusTrapComponent = require('./focusTrapComponent-f05041df.js');
+const loadable = require('./loadable-e8fef191.js');
+const observers = require('./observers-02f7b162.js');
+const openCloseComponent = require('./openCloseComponent-8422cb24.js');
+const resources = require('./resources-4bc7b416.js');
+require('./guid-e35f2e9e.js');
 
 const CSS = {
     scrim: "scrim",