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

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

@@ -1,24 +1,24 @@
 /*!
  * 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.649
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7e0f281f.js');
-const resources = require('./resources-fb722a40.js');
-const observers = require('./observers-e85167a1.js');
-const interactive = require('./interactive-f768090a.js');
-const loadable = require('./loadable-2c272f47.js');
-const dom = require('./dom-fc9f7c5b.js');
-const Heading = require('./Heading-21b3b1e2.js');
-const conditionalSlot = require('./conditionalSlot-4561a4a4.js');
-require('./array-b788323b.js');
-require('./debounce-60b87419.js');
-require('./resources-a0a90579.js');
-require('./guid-e00c2fae.js');
+const index = require('./index-a88aeb73.js');
+const resources = require('./resources-7ffb9eeb.js');
+const observers = require('./observers-7629d33c.js');
+const interactive = require('./interactive-6a565a7d.js');
+const loadable = require('./loadable-e1b975eb.js');
+const dom = require('./dom-070a27d9.js');
+const Heading = require('./Heading-b1eff0d5.js');
+const conditionalSlot = require('./conditionalSlot-f67c6a2b.js');
+require('./array-b4d773ff.js');
+require('./debounce-63a14cdf.js');
+require('./resources-1db9ff52.js');
+require('./guid-4c7db122.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}";
 
@@ -27,53 +27,6 @@ const PickList = class {
     index.registerInstance(this, hostRef);
     this.calciteListChange = index.createEvent(this, "calciteListChange", 6);
     this.calciteListFilter = index.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 = observers.createObserver("mutation", resources.mutationObserverCallback.bind(this));
     this.setFilterEl = (el) => {
@@ -89,6 +42,18 @@ const PickList = class {
     this.handleFilterEvent = resources.handleFilterEvent.bind(this);
     this.getItemData = resources.getItemData.bind(this);
     this.keyDownHandler = resources.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 = [];
   }
   // --------------------------------------------------------------------------
   //
@@ -180,6 +145,8 @@ const pickListGroupCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes
 const PickListGroup = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.groupTitle = undefined;
+    this.headingLevel = undefined;
   }
   // --------------------------------------------------------------------------
   //
@@ -224,38 +191,6 @@ const PickListItem = class {
     this.calciteListItemRemove = index.createEvent(this, "calciteListItemRemove", 7);
     this.calciteInternalListItemPropsChange = index.createEvent(this, "calciteInternalListItemPropsChange", 6);
     this.calciteInternalListItemValueChange = index.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 = resources.TEXT.remove;
     // --------------------------------------------------------------------------
     //
     //  Private Methods
@@ -280,6 +215,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 = resources.TEXT.remove;
+    this.value = undefined;
   }
   descriptionWatchHandler() {
     this.calciteInternalListItemPropsChange.emit();

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

@@ -1,24 +1,23 @@
 /*!
  * 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.649
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7e0f281f.js');
-const floatingUi = require('./floating-ui-e6837eef.js');
-const focusTrapComponent = require('./focusTrapComponent-ccc646b5.js');
-const guid = require('./guid-e00c2fae.js');
-const dom = require('./dom-fc9f7c5b.js');
-const openCloseComponent = require('./openCloseComponent-b3922bdb.js');
-const Heading = require('./Heading-21b3b1e2.js');
-const key = require('./key-25858919.js');
-const loadable = require('./loadable-2c272f47.js');
-const observers = require('./observers-e85167a1.js');
-require('./debounce-60b87419.js');
-require('./resources-a0a90579.js');
+const index = require('./index-a88aeb73.js');
+const floatingUi = require('./floating-ui-1ef94755.js');
+const focusTrapComponent = require('./focusTrapComponent-084c6230.js');
+const guid = require('./guid-4c7db122.js');
+const dom = require('./dom-070a27d9.js');
+const openCloseComponent = require('./openCloseComponent-beba6cfa.js');
+const Heading = require('./Heading-b1eff0d5.js');
+const key = require('./key-3910ca3f.js');
+const loadable = require('./loadable-e1b975eb.js');
+require('./debounce-63a14cdf.js');
+require('./resources-1db9ff52.js');
 
 const CSS = {
   container: "container",
@@ -39,7 +38,7 @@ const defaultPopoverPlacement = "auto";
 const ARIA_CONTROLS = "aria-controls";
 const ARIA_EXPANDED = "aria-expanded";
 
-class PopoverManager$1 {
+class PopoverManager {
   constructor() {
     // --------------------------------------------------------------------------
     //
@@ -120,7 +119,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) {
     index.registerInstance(this, hostRef);
@@ -128,72 +127,6 @@ const Popover = class {
     this.calcitePopoverClose = index.createEvent(this, "calcitePopoverClose", 6);
     this.calcitePopoverBeforeOpen = index.createEvent(this, "calcitePopoverBeforeOpen", 6);
     this.calcitePopoverOpen = index.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 = floatingUi.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.guid()}`;
     this.openTransitionProp = "opacity";
     this.hasLoaded = false;
@@ -268,6 +201,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 = floatingUi.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();
@@ -436,68 +388,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) {
-    index.registerInstance(this, hostRef);
-    this.mutationObserver = observers.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 index.h("slot", null);
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  // --------------------------------------------------------------------------
-  setAutoClose() {
-    const { autoClose, el } = this;
-    el.querySelectorAll("calcite-popover").forEach((popover) => (popover.autoClose = autoClose));
-  }
-  get el() { return index.getElement(this); }
-  static get watchers() { return {
-    "autoClose": ["autoCloseHandler"]
-  }; }
-};
-PopoverManager.style = popoverManagerCss;
-
 exports.calcite_popover = Popover;
-exports.calcite_popover_manager = PopoverManager;

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

@@ -1,29 +1,23 @@
 /*!
  * 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.649
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7e0f281f.js');
+const index = require('./index-a88aeb73.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) {
     index.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/cjs/calcite-radio-button-group.cjs.entry.js

@@ -1,14 +1,14 @@
 /*!
  * 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.649
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7e0f281f.js');
-const observers = require('./observers-e85167a1.js');
+const index = require('./index-a88aeb73.js');
+const observers = require('./observers-7629d33c.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}";
 
@@ -16,21 +16,6 @@ const RadioButtonGroup = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.calciteRadioButtonGroupChange = index.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
@@ -54,6 +39,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/cjs/calcite-radio-button.cjs.entry.js

@@ -1,21 +1,21 @@
 /*!
  * 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.649
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7e0f281f.js');
-const guid = require('./guid-e00c2fae.js');
-const dom = require('./dom-fc9f7c5b.js');
-const label = require('./label-af7b6837.js');
-const form = require('./form-bdafdc1e.js');
-const array = require('./array-b788323b.js');
-const interactive = require('./interactive-f768090a.js');
-const loadable = require('./loadable-2c272f47.js');
-require('./resources-a0a90579.js');
+const index = require('./index-a88aeb73.js');
+const guid = require('./guid-4c7db122.js');
+const dom = require('./dom-070a27d9.js');
+const label = require('./label-5d1f5c7e.js');
+const form = require('./form-8c6d38a0.js');
+const array = require('./array-b4d773ff.js');
+const interactive = require('./interactive-6a565a7d.js');
+const loadable = require('./loadable-e1b975eb.js');
+require('./resources-1db9ff52.js');
 
 const CSS = {
   container: "container"
@@ -32,33 +32,6 @@ const RadioButton = class {
     this.calciteInternalRadioButtonFocus = index.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
     //
     //--------------------------------------------------------------------------
@@ -143,6 +116,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) {