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

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.647
+ * v1.0.0-next.648
  */
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-c6d69d86.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-7ba4c9a0.js';
-import { c as connectFocusTrap, d as deactivateFocusTrap, a as activateFocusTrap } from './focusTrapComponent-f58e5d83.js';
-import { g as guid } from './guid-59a872ce.js';
-import { i as isPrimaryPointerButton, t as toAriaBoolean, q as queryElementRoots } from './dom-df543551.js';
-import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-9320ad08.js';
-import { H as Heading } from './Heading-680eaccf.js';
-import { i as isActivationKey } from './key-8c900334.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-74b01ca3.js';
-import { c as createObserver } from './observers-7fa5fbcb.js';
-import './debounce-9201530e.js';
-import './resources-34a80758.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.647
+ * v1.0.0-next.648
  */
-import { r as registerInstance, h, g as getElement } from './index-c6d69d86.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.647
+ * v1.0.0-next.648
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c6d69d86.js';
-import { c as createObserver } from './observers-7fa5fbcb.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.647
+ * v1.0.0-next.648
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c6d69d86.js';
-import { g as guid } from './guid-59a872ce.js';
-import { a as getElementDir, f as focusElement, t as toAriaBoolean } from './dom-df543551.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-a198d818.js';
-import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-f4c22557.js';
-import { g as getRoundRobinIndex } from './array-a701c716.js';
-import { u as updateHostInteraction } from './interactive-f7547b52.js';
-import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-74b01ca3.js';
-import './resources-34a80758.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) {

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

@@ -1,16 +1,16 @@
 /*!
  * 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.647
+ * v1.0.0-next.648
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c6d69d86.js';
-import { a as getElementDir, h as getElementProp, t as toAriaBoolean } from './dom-df543551.js';
-import { c as connectLabel, d as disconnectLabel } from './label-a198d818.js';
-import { a as afterConnectDefaultValueSet, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-f4c22557.js';
-import { u as updateHostInteraction } from './interactive-f7547b52.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-74b01ca3.js';
-import './resources-34a80758.js';
-import './guid-59a872ce.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d13d66db.js';
+import { a as getElementDir, h as getElementProp, t as toAriaBoolean } from './dom-c8898dc4.js';
+import { c as connectLabel, d as disconnectLabel } from './label-226b0181.js';
+import { a as afterConnectDefaultValueSet, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-44011828.js';
+import { u as updateHostInteraction } from './interactive-ee7f9950.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-5df6cd58.js';
+import './resources-72c02e33.js';
+import './guid-eaa87c08.js';
 
 const radioGroupCss = "@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{display:flex;background-color:var(--calcite-ui-foreground-1);inline-size:-moz-fit-content;inline-size:fit-content;outline:1px solid var(--calcite-ui-border-input);outline-offset:-1px}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([layout=vertical]){flex-direction:column;align-items:flex-start;align-self:flex-start}:host([width=full]){inline-size:100%;min-inline-size:-moz-fit-content;min-inline-size:fit-content}:host([width=full]) ::slotted(calcite-radio-group-item){flex:1 1 auto}:host([width=full][layout=vertical]) ::slotted(calcite-radio-group-item){justify-content:flex-start}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";
 
@@ -20,37 +20,23 @@ const RadioGroup = class {
     this.calciteRadioGroupChange = createEvent(this, "calciteRadioGroupChange", 6);
     //--------------------------------------------------------------------------
     //
-    //  Properties
+    //  Event Listeners
     //
     //--------------------------------------------------------------------------
-    /** Specifies the appearance style of the component. */
+    this.handleClick = (event) => {
+      if (event.target.localName === "calcite-radio-group-item") {
+        this.selectItem(event.target, true);
+      }
+    };
     this.appearance = "solid";
-    /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
     this.disabled = false;
-    /**
-     * When `true`, the component must have a value in order for the form to submit.
-     *
-     * @internal
-     */
     this.required = false;
-    /** Defines the layout of the component. */
     this.layout = "horizontal";
-    /** Specifies the size of the component. */
+    this.name = undefined;
     this.scale = "m";
-    /** The component's `selectedItem` value. */
     this.value = null;
-    /** Specifies the width of the component. */
+    this.selectedItem = undefined;
     this.width = "auto";
-    //--------------------------------------------------------------------------
-    //
-    //  Event Listeners
-    //
-    //--------------------------------------------------------------------------
-    this.handleClick = (event) => {
-      if (event.target.localName === "calcite-radio-group-item") {
-        this.selectItem(event.target, true);
-      }
-    };
   }
   valueHandler(value) {
     const items = this.getItems();
@@ -224,21 +210,13 @@ const RadioGroupItem = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.calciteInternalRadioGroupItemChange = createEvent(this, "calciteInternalRadioGroupItemChange", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /** When `true`, the component is checked. */
     this.checked = false;
-    /** When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). */
+    this.icon = undefined;
     this.iconFlipRtl = false;
-    /**
-     * Specifies the placement of the icon.
-     *
-     * @deprecated Use either `iconStart` or `iconEnd` but do not combine them with `icon` and `iconPosition`.
-     */
     this.iconPosition = "start";
+    this.iconStart = undefined;
+    this.iconEnd = undefined;
+    this.value = undefined;
   }
   handleCheckedChange() {
     this.calciteInternalRadioGroupItemChange.emit();

package/dist/esm/calcite-rating.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.647
+ * v1.0.0-next.648
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-c6d69d86.js';
-import { g as guid } from './guid-59a872ce.js';
-import { c as connectLabel, d as disconnectLabel } from './label-a198d818.js';
-import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-f4c22557.js';
-import { u as updateHostInteraction } from './interactive-f7547b52.js';
-import { i as isActivationKey } from './key-8c900334.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-74b01ca3.js';
-import './dom-df543551.js';
-import './resources-34a80758.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-d13d66db.js';
+import { g as guid } from './guid-eaa87c08.js';
+import { c as connectLabel, d as disconnectLabel } from './label-226b0181.js';
+import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-44011828.js';
+import { u as updateHostInteraction } from './interactive-ee7f9950.js';
+import { i as isActivationKey } from './key-23509709.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-5df6cd58.js';
+import './dom-c8898dc4.js';
+import './resources-72c02e33.js';
 
 const TEXT = {
   rating: "Rating",
@@ -24,39 +24,6 @@ const Rating = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.calciteRatingChange = createEvent(this, "calciteRatingChange", 6);
-    // --------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /** Specifies the size of the component. */
-    this.scale = "m";
-    /** The component's value. */
-    this.value = 0;
-    /** When `true`, the component's value can be read, but cannot be modified. */
-    this.readOnly = false;
-    /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
-    this.disabled = false;
-    /** When `true`, and if available, displays the `average` and/or `count` data summary in a `calcite-chip`. */
-    this.showChip = false;
-    /**
-     * Accessible name for the component.
-     *
-     * @default "Rating"
-     */
-    this.intlRating = TEXT.rating;
-    /**
-     * Accessible name for each star. The `${num}` in the string will be replaced by the number.
-     *
-     * @default "Stars: ${num}"
-     */
-    this.intlStars = TEXT.stars;
-    /**
-     * When `true`, the component must have a value in order for the form to submit.
-     *
-     * @internal
-     */
-    this.required = false;
     this.onKeyboardPressed = (event) => {
       if (!this.required && isActivationKey(event.key)) {
         event.preventDefault();
@@ -73,6 +40,20 @@ const Rating = class {
       }
     };
     this.guid = `calcite-ratings-${guid()}`;
+    this.scale = "m";
+    this.value = 0;
+    this.readOnly = false;
+    this.disabled = false;
+    this.showChip = false;
+    this.count = undefined;
+    this.average = undefined;
+    this.name = undefined;
+    this.intlRating = TEXT.rating;
+    this.intlStars = TEXT.stars;
+    this.required = false;
+    this.hoverValue = undefined;
+    this.focusValue = undefined;
+    this.hasFocus = undefined;
   }
   //--------------------------------------------------------------------------
   //

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

@@ -1,9 +1,9 @@
 /*!
  * 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.647
+ * v1.0.0-next.648
  */
-import { r as registerInstance, h, g as getElement } from './index-c6d69d86.js';
+import { r as registerInstance, h, g as getElement } from './index-d13d66db.js';
 
 const CSS = {
   scrim: "scrim",
@@ -18,20 +18,7 @@ const scrimCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{
 const Scrim = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    // --------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /**
-     * Accessible name when the component is loading.
-     *
-     * @default "Loading"
-     */
     this.intlLoading = TEXT.loading;
-    /**
-     * When `true`, a busy indicator is displayed.
-     */
     this.loading = false;
   }
   // --------------------------------------------------------------------------