@esri/calcite-components 1.0.0-next.646 → 1.0.0-next.648

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

@@ -1,20 +1,20 @@
 /*!
  * 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.646
+ * v1.0.0-next.648
  */
-import { r as registerInstance, c as createEvent, h, g as getElement, F as Fragment } from './index-3db52168.js';
-import { m as mutationObserverCallback, d as deselectRemovedItems, a as deselectSiblingItems, s as selectSiblings, h as handleFilter, b as handleFilterEvent, c as getItemData, k as keyDownHandler, i as initialize, f as initializeObserver, l as cleanUpObserver, j as handleInitialFilter, r as removeItem, o as calciteListItemChangeHandler, p as calciteInternalListItemValueChangeHandler, n as calciteListFocusOutHandler, q as setUpItems, t as setFocus, I as ICON_TYPES, L as List, u as SLOTS, v as CSS, T as TEXT, w as ICONS, C as CSS$1, S as SLOTS$1 } from './resources-7f14e588.js';
-import { c as createObserver } from './observers-92bc8914.js';
-import { u as updateHostInteraction } from './interactive-26387dc4.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-b4a4f025.js';
-import { g as getSlotted, t as toAriaBoolean } from './dom-c7442d5a.js';
-import { H as Heading, c as constrainHeadingLevel } from './Heading-694715b2.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-a259d062.js';
-import './array-33f45c9b.js';
-import './debounce-a80cea2e.js';
-import './resources-ffa9b8d6.js';
-import './guid-2a3eda01.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, F as Fragment } from './index-d13d66db.js';
+import { m as mutationObserverCallback, d as deselectRemovedItems, a as deselectSiblingItems, s as selectSiblings, h as handleFilter, b as handleFilterEvent, c as getItemData, k as keyDownHandler, i as initialize, f as initializeObserver, l as cleanUpObserver, j as handleInitialFilter, r as removeItem, o as calciteListItemChangeHandler, p as calciteInternalListItemValueChangeHandler, n as calciteListFocusOutHandler, q as setUpItems, t as setFocus, I as ICON_TYPES, L as List, u as SLOTS, v as CSS, T as TEXT, w as ICONS, C as CSS$1, S as SLOTS$1 } from './resources-279b99d2.js';
+import { c as createObserver } from './observers-32d3cec9.js';
+import { u as updateHostInteraction } from './interactive-ee7f9950.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-5df6cd58.js';
+import { g as getSlotted, t as toAriaBoolean } from './dom-c8898dc4.js';
+import { H as Heading, c as constrainHeadingLevel } from './Heading-97239409.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-18733fbb.js';
+import './array-a3b6f69b.js';
+import './debounce-6bf69804.js';
+import './resources-72c02e33.js';
+import './guid-eaa87c08.js';
 
 const pickListCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}: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-ui-text-2)}:host *{box-sizing:border-box}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([filter-enabled]) header{margin-block-end:0.25rem;display:flex;align-items:stretch;justify-content:flex-end;background-color:var(--calcite-ui-foreground-1);--tw-shadow:0 1px 0 var(--calcite-ui-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:1}calcite-filter{margin-block-end:0px}:host([loading][disabled]){min-block-size:2rem}";
 
@@ -23,53 +23,6 @@ const PickList = class {
     registerInstance(this, hostRef);
     this.calciteListChange = createEvent(this, "calciteListChange", 6);
     this.calciteListFilter = createEvent(this, "calciteListFilter", 6);
-    // --------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    this.disabled = false;
-    /**
-     * **read-only** The currently filtered items
-     *
-     * @readonly
-     */
-    this.filteredItems = [];
-    /**
-     * **read-only** The currently filtered items
-     *
-     * @readonly
-     */
-    this.filteredData = [];
-    /**
-     * When `true`, an input appears at the top of the list that can be used by end users to filter items in the list.
-     */
-    this.filterEnabled = false;
-    /**
-     * When `true`, a busy indicator is displayed.
-     */
-    this.loading = false;
-    /**
-     * Similar to standard radio buttons and checkboxes.
-     * When `true`, a user can select multiple `calcite-pick-list-item`s at a time.
-     * When `false`, only a single `calcite-pick-list-item` can be selected at a time,
-     * and a new selection will deselect previous selections.
-     */
-    this.multiple = false;
-    /**
-     * When `true` and single selection is enabled, the selection changes when navigating `calcite-pick-list-item`s via keyboard.
-     */
-    this.selectionFollowsFocus = false;
-    // --------------------------------------------------------------------------
-    //
-    //  Private Properties
-    //
-    // --------------------------------------------------------------------------
-    this.selectedValues = new Map();
-    this.dataForFilter = [];
     this.lastSelectedItem = null;
     this.mutationObserver = createObserver("mutation", mutationObserverCallback.bind(this));
     this.setFilterEl = (el) => {
@@ -85,6 +38,18 @@ const PickList = class {
     this.handleFilterEvent = handleFilterEvent.bind(this);
     this.getItemData = getItemData.bind(this);
     this.keyDownHandler = keyDownHandler.bind(this);
+    this.disabled = false;
+    this.filteredItems = [];
+    this.filteredData = [];
+    this.filterEnabled = false;
+    this.filterPlaceholder = undefined;
+    this.filterText = undefined;
+    this.headingLevel = undefined;
+    this.loading = false;
+    this.multiple = false;
+    this.selectionFollowsFocus = false;
+    this.selectedValues = new Map();
+    this.dataForFilter = [];
   }
   // --------------------------------------------------------------------------
   //
@@ -176,6 +141,8 @@ const pickListGroupCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes
 const PickListGroup = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.groupTitle = undefined;
+    this.headingLevel = undefined;
   }
   // --------------------------------------------------------------------------
   //
@@ -220,38 +187,6 @@ const PickListItem = class {
     this.calciteListItemRemove = createEvent(this, "calciteListItemRemove", 7);
     this.calciteInternalListItemPropsChange = createEvent(this, "calciteInternalListItemPropsChange", 6);
     this.calciteInternalListItemValueChange = createEvent(this, "calciteInternalListItemValueChange", 6);
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    this.disabled = false;
-    /**
-     * When `false`, the component cannot be deselected by user interaction.
-     */
-    this.disableDeselect = false;
-    /**
-     * @internal
-     */
-    this.nonInteractive = false;
-    /**
-     * Determines the icon SVG symbol that will be shown. Options are `"circle"`, `"square"`, `"grip"` or `null`.
-     *
-     * @see [ICON_TYPES](https://github.com/Esri/calcite-components/blob/master/src/components/pick-list/resources.ts#L5)
-     */
-    this.icon = null;
-    /**
-     * When `true`, displays a remove action that removes the item from the list.
-     */
-    this.removable = false;
-    /**
-     * When `true`, selects an item. Toggles when an item is checked/unchecked.
-     */
-    this.selected = false;
-    /**
-     * When `removable` is `true`, the accessible name for the component's remove button.
-     *
-     * @default "Remove"
-     */
-    this.intlRemove = TEXT.remove;
     // --------------------------------------------------------------------------
     //
     //  Private Methods
@@ -276,6 +211,17 @@ const PickListItem = class {
     this.removeClickHandler = () => {
       this.calciteListItemRemove.emit();
     };
+    this.description = undefined;
+    this.disabled = false;
+    this.disableDeselect = false;
+    this.nonInteractive = false;
+    this.icon = null;
+    this.label = undefined;
+    this.metadata = undefined;
+    this.removable = false;
+    this.selected = false;
+    this.intlRemove = TEXT.remove;
+    this.value = undefined;
   }
   descriptionWatchHandler() {
     this.calciteInternalListItemPropsChange.emit();

package/dist/esm/{calcite-popover_2.entry.js → calcite-popover.entry.js}

@@ -1,20 +1,19 @@
 /*!
  * 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.646
+ * v1.0.0-next.648
  */
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-3db52168.js';
-import { b as defaultOffsetDistance, f as filterComputedPlacements, c as connectFloatingUI, u as updateAfterClose, a as disconnectFloatingUI, r as reposition, F as FloatingCSS } from './floating-ui-39e24e16.js';
-import { c as connectFocusTrap, d as deactivateFocusTrap, a as activateFocusTrap } from './focusTrapComponent-94194c83.js';
-import { g as guid } from './guid-2a3eda01.js';
-import { i as isPrimaryPointerButton, t as toAriaBoolean, q as queryElementRoots } from './dom-c7442d5a.js';
-import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-092b548c.js';
-import { H as Heading } from './Heading-694715b2.js';
-import { i as isActivationKey } from './key-411c120d.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-b4a4f025.js';
-import { c as createObserver } from './observers-92bc8914.js';
-import './debounce-a80cea2e.js';
-import './resources-ffa9b8d6.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-d13d66db.js';
+import { f as filterComputedPlacements, c as connectFloatingUI, b as defaultOffsetDistance, u as updateAfterClose, a as disconnectFloatingUI, r as reposition, F as FloatingCSS } from './floating-ui-fc1dd50c.js';
+import { c as connectFocusTrap, d as deactivateFocusTrap, a as activateFocusTrap } from './focusTrapComponent-abc370ad.js';
+import { g as guid } from './guid-eaa87c08.js';
+import { i as isPrimaryPointerButton, t as toAriaBoolean, q as queryElementRoots } from './dom-c8898dc4.js';
+import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-333b893d.js';
+import { H as Heading } from './Heading-97239409.js';
+import { i as isActivationKey } from './key-23509709.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-5df6cd58.js';
+import './debounce-6bf69804.js';
+import './resources-72c02e33.js';
 
 const CSS = {
   container: "container",
@@ -35,7 +34,7 @@ const defaultPopoverPlacement = "auto";
 const ARIA_CONTROLS = "aria-controls";
 const ARIA_EXPANDED = "aria-expanded";
 
-class PopoverManager$1 {
+class PopoverManager {
   constructor() {
     // --------------------------------------------------------------------------
     //
@@ -116,7 +115,7 @@ class PopoverManager$1 {
 
 const popoverCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block;position:absolute;z-index:900}.calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:1;border-radius:0.25rem}:host([data-placement^=bottom]) .calcite-floating-ui-anim{transform:translateY(-5px)}:host([data-placement^=top]) .calcite-floating-ui-anim{transform:translateY(5px)}:host([data-placement^=left]) .calcite-floating-ui-anim{transform:translateX(5px)}:host([data-placement^=right]) .calcite-floating-ui-anim{transform:translateX(-5px)}:host([data-placement]) .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}.arrow,.arrow::before{position:absolute;inline-size:8px;block-size:8px;z-index:-1}.arrow::before{content:\"\";--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transform:rotate(45deg);background:var(--calcite-ui-foreground-1)}:host([data-placement^=top]) .arrow{inset-block-end:-4px}:host([data-placement^=bottom]) .arrow{inset-block-start:-4px}:host([data-placement^=right]) .arrow,:host([data-placement^=left]) .arrow{direction:ltr;text-align:start}:host([data-placement^=left]) .arrow{inset-inline-end:-4px}:host([data-placement^=right]) .arrow{inset-inline-start:-4px}:host([scale=s]) .heading{padding-inline:0.75rem;padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .heading{padding-inline:0.75rem;padding-block:1rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .heading{padding-inline:1rem;padding-block:1.25rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host{pointer-events:none}:host([open]){pointer-events:initial}.calcite-floating-ui-anim{border-radius:0.25rem;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);background-color:var(--calcite-ui-foreground-1)}.arrow::before{outline:1px solid var(--calcite-ui-border-3)}.header{display:flex;flex:1 1 auto;align-items:stretch;justify-content:flex-start;border-width:0px;border-block-end-width:1px;border-style:solid;background-color:var(--calcite-ui-foreground-1);border-block-end-color:var(--calcite-ui-border-3)}.heading{margin:0px;display:block;flex:1 1 auto;align-self:center;white-space:normal;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);word-wrap:break-word;word-break:break-word}.container{position:relative;display:flex;block-size:100%;flex-direction:row;flex-wrap:nowrap;border-radius:0.25rem;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-1)}.container.has-header{flex-direction:column}.content{display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap;align-self:center;word-wrap:break-word;word-break:break-word}.close-button-container{display:flex;overflow:hidden;flex:0 0 auto;border-start-end-radius:0.25rem;border-end-end-radius:0.25rem}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%}";
 
-const manager = new PopoverManager$1();
+const manager = new PopoverManager();
 const Popover = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
@@ -124,72 +123,6 @@ const Popover = class {
     this.calcitePopoverClose = createEvent(this, "calcitePopoverClose", 6);
     this.calcitePopoverBeforeOpen = createEvent(this, "calcitePopoverBeforeOpen", 6);
     this.calcitePopoverOpen = createEvent(this, "calcitePopoverOpen", 6);
-    // --------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /**
-     * When `true`, clicking outside of the component automatically closes open `calcite-popover`s.
-     */
-    this.autoClose = false;
-    /** When `true`, display a close button within the component. */
-    this.closable = false;
-    /**
-     * When `true`, prevents flipping the component's placement when overlapping its `referenceElement`.
-     */
-    this.disableFlip = false;
-    /**
-     * When `true`, prevents focus trapping.
-     */
-    this.disableFocusTrap = false;
-    /**
-     * When `true`, removes the caret pointer.
-     */
-    this.disablePointer = false;
-    /**
-     * Offsets the position of the component away from the `referenceElement`.
-     *
-     * @default 6
-     */
-    this.offsetDistance = defaultOffsetDistance;
-    /**
-     * Offsets the position of the component along the `referenceElement`.
-     */
-    this.offsetSkidding = 0;
-    /**
-     * When `true`, displays and positions the component.
-     */
-    this.open = false;
-    /**
-     * Determines the type of positioning to use for the overlaid content.
-     *
-     * Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.
-     *
-     * `"fixed"` value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
-     *
-     */
-    this.overlayPositioning = "absolute";
-    /**
-     * Determines where the component will be positioned relative to the `referenceElement`.
-     *
-     * @see [LogicalPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/floating-ui.ts#L25)
-     */
-    this.placement = defaultPopoverPlacement;
-    /** Specifies the size of the component. */
-    this.scale = "m";
-    /**
-     * When `true`, disables automatically toggling the component when its `referenceElement` has been triggered.
-     *
-     * This property can be set to `true` to manage when the component is open.
-     */
-    this.triggerDisabled = false;
-    /**
-     * Accessible name for the component's close button.
-     *
-     * @default "Close"
-     */
-    this.intlClose = TEXT.close;
     this.guid = `calcite-popover-${guid()}`;
     this.openTransitionProp = "opacity";
     this.hasLoaded = false;
@@ -264,6 +197,25 @@ const Popover = class {
       this.arrowEl = el;
       this.reposition(true);
     };
+    this.autoClose = false;
+    this.closable = false;
+    this.disableFlip = false;
+    this.disableFocusTrap = false;
+    this.disablePointer = false;
+    this.flipPlacements = undefined;
+    this.heading = undefined;
+    this.headingLevel = undefined;
+    this.label = undefined;
+    this.offsetDistance = defaultOffsetDistance;
+    this.offsetSkidding = 0;
+    this.open = false;
+    this.overlayPositioning = "absolute";
+    this.placement = defaultPopoverPlacement;
+    this.referenceElement = undefined;
+    this.scale = "m";
+    this.triggerDisabled = false;
+    this.intlClose = TEXT.close;
+    this.effectiveReferenceElement = undefined;
   }
   flipPlacementsHandler() {
     this.setFilteredPlacements();
@@ -432,67 +384,4 @@ const Popover = class {
 };
 Popover.style = popoverCss;
 
-const popoverManagerCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:block}";
-
-const PopoverManager = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.mutationObserver = createObserver("mutation", () => this.setAutoClose());
-    // --------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /**
-     * CSS Selector to match reference elements for popovers. Reference elements will be identified by this selector in order to open their associated popover.
-     *
-     * @default `[data-calcite-popover-reference]`
-     */
-    this.selector = "[data-calcite-popover-reference]";
-    /**
-     * Automatically closes any currently open popovers when clicking outside of a popover.
-     */
-    this.autoClose = false;
-  }
-  autoCloseHandler() {
-    this.setAutoClose();
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  // --------------------------------------------------------------------------
-  connectedCallback() {
-    var _a;
-    this.setAutoClose();
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
-  }
-  disconnectedCallback() {
-    var _a;
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Render Methods
-  //
-  // --------------------------------------------------------------------------
-  render() {
-    return h("slot", null);
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  // --------------------------------------------------------------------------
-  setAutoClose() {
-    const { autoClose, el } = this;
-    el.querySelectorAll("calcite-popover").forEach((popover) => (popover.autoClose = autoClose));
-  }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "autoClose": ["autoCloseHandler"]
-  }; }
-};
-PopoverManager.style = popoverManagerCss;
-
-export { Popover as calcite_popover, PopoverManager as calcite_popover_manager };
+export { Popover as calcite_popover };

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

@@ -1,25 +1,19 @@
 /*!
  * 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.646
+ * v1.0.0-next.648
  */
-import { r as registerInstance, h, g as getElement } from './index-3db52168.js';
+import { r as registerInstance, h, g as getElement } from './index-d13d66db.js';
 
 const progressCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:block;inline-size:100%}.track,.bar{position:absolute;inset-block-start:0px;block-size:2px}.track{z-index:1;inline-size:100%;overflow:hidden;background:var(--calcite-ui-border-3)}.bar{z-index:1;background-color:var(--calcite-ui-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) * 11) linear infinite}.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-ui-text-2)}@keyframes looping-progress-bar-ani{0%{transform:translate3d(-100%, 0, 0)}50%{inline-size:40%}100%{transform:translate3d(600%, 0, 0)}}";
 
 const Progress = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * Specifies the component type.
-     *
-     * Use `"indeterminate"` if finding actual progress value is impossible.
-     *
-     */
     this.type = "determinate";
-    /** The component's progress value, with a range of 0.0 - 1.0. */
     this.value = 0;
-    /** When `true` and for `"indeterminate"` progress bars, reverses the animation direction. */
+    this.label = undefined;
+    this.text = undefined;
     this.reversed = false;
   }
   render() {

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

@@ -1,10 +1,10 @@
 /*!
  * 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.646
+ * v1.0.0-next.648
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-3db52168.js';
-import { c as createObserver } from './observers-92bc8914.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d13d66db.js';
+import { c as createObserver } from './observers-32d3cec9.js';
 
 const radioButtonGroupCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:flex;max-inline-size:100vw}:host([layout=horizontal]){flex-direction:row;flex-wrap:wrap}:host([layout=horizontal][scale=s]){gap:1rem}:host([layout=horizontal][scale=m]){gap:1.25rem}:host([layout=horizontal][scale=l]){gap:1.5rem}:host([layout=vertical]){flex-direction:column}";
 
@@ -12,21 +12,6 @@ const RadioButtonGroup = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.calciteRadioButtonGroupChange = createEvent(this, "calciteRadioButtonGroupChange", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
-    this.disabled = false;
-    /** When `true`, the component is not displayed and its `calcite-radio-button`s are not focusable or checkable. */
-    this.hidden = false;
-    /** Defines the layout of the component. */
-    this.layout = "horizontal";
-    /** When `true`, the component must have a value in order for the form to submit. */
-    this.required = false;
-    /** Specifies the size of the component. */
-    this.scale = "m";
     // --------------------------------------------------------------------------
     //
     //  Private Properties
@@ -50,6 +35,12 @@ const RadioButtonGroup = class {
         });
       }
     };
+    this.disabled = false;
+    this.hidden = false;
+    this.layout = "horizontal";
+    this.name = undefined;
+    this.required = false;
+    this.scale = "m";
   }
   onDisabledChange() {
     this.passPropsToRadioButtons();

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

@@ -1,17 +1,17 @@
 /*!
  * 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.646
+ * v1.0.0-next.648
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-3db52168.js';
-import { g as guid } from './guid-2a3eda01.js';
-import { a as getElementDir, f as focusElement, t as toAriaBoolean } from './dom-c7442d5a.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-2102b073.js';
-import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-a676c099.js';
-import { g as getRoundRobinIndex } from './array-33f45c9b.js';
-import { u as updateHostInteraction } from './interactive-26387dc4.js';
-import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-b4a4f025.js';
-import './resources-ffa9b8d6.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d13d66db.js';
+import { g as guid } from './guid-eaa87c08.js';
+import { a as getElementDir, f as focusElement, t as toAriaBoolean } from './dom-c8898dc4.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-226b0181.js';
+import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-44011828.js';
+import { g as getRoundRobinIndex } from './array-a3b6f69b.js';
+import { u as updateHostInteraction } from './interactive-ee7f9950.js';
+import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-5df6cd58.js';
+import './resources-72c02e33.js';
 
 const CSS = {
   container: "container"
@@ -28,33 +28,6 @@ const RadioButton = class {
     this.calciteInternalRadioButtonFocus = createEvent(this, "calciteInternalRadioButtonFocus", 6);
     //--------------------------------------------------------------------------
     //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /** When `true`, the component is checked. */
-    this.checked = false;
-    /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
-    this.disabled = false;
-    /**
-     * The focused state of the component.
-     *
-     * @internal
-     */
-    this.focused = false;
-    /** When `true`, the component is not displayed and is not focusable or checkable. */
-    this.hidden = false;
-    /**
-     * The hovered state of the component.
-     *
-     * @internal
-     */
-    this.hovered = false;
-    /** When `true`, the component must have a value selected from the `calcite-radio-button-group` in order for the form to submit. */
-    this.required = false;
-    /** Specifies the size of the component inherited from the `calcite-radio-button-group`. */
-    this.scale = "m";
-    //--------------------------------------------------------------------------
-    //
     //  Private Methods
     //
     //--------------------------------------------------------------------------
@@ -139,6 +112,17 @@ const RadioButton = class {
         this.calciteInternalRadioButtonFocus.emit();
       }
     };
+    this.checked = false;
+    this.disabled = false;
+    this.focused = false;
+    this.guid = undefined;
+    this.hidden = false;
+    this.hovered = false;
+    this.label = undefined;
+    this.name = undefined;
+    this.required = false;
+    this.scale = "m";
+    this.value = undefined;
   }
   checkedChanged(newChecked) {
     if (newChecked) {