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

package/dist/components/calcite-modal.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.649
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { b as getSlotted, f as focusElement, j as ensureId } from './dom.js';
@@ -58,53 +58,6 @@ const Modal = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.calciteModalClose = createEvent(this, "calciteModalClose", 6);
     this.calciteModalBeforeOpen = createEvent(this, "calciteModalBeforeOpen", 6);
     this.calciteModalOpen = createEvent(this, "calciteModalOpen", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * When `true`, the component is active.
-     *
-     * @deprecated use `open` instead.
-     */
-    this.active = false;
-    /** When `true`, displays and positions the component.  */
-    this.open = false;
-    /** Passes a function to run before the component closes. */
-    this.beforeClose = () => Promise.resolve();
-    /** When `true`, disables the component's close button. */
-    this.disableCloseButton = false;
-    /** When `true`, disables the closing of the component when clicked outside. */
-    this.disableOutsideClose = false;
-    /** Accessible name for the component's close button. */
-    this.intlClose = TEXT.close;
-    /** When `true`, disables the default close on escape behavior. */
-    this.disableEscape = false;
-    /** Specifies the size of the component. */
-    this.scale = "m";
-    /** Specifies the width of the component. Can use scale sizes or pass a number (displays in pixels). */
-    this.width = "m";
-    /** Sets the background color of the component's content. */
-    this.backgroundColor = "white";
-    /**
-     * When `true`, disables spacing to the content area slot.
-     *
-     * @deprecated  Use `--calcite-modal-padding` CSS variable instead.
-     */
-    this.noPadding = false;
-    //--------------------------------------------------------------------------
-    //
-    //  Variables
-    //
-    //--------------------------------------------------------------------------
-    this.hasFooter = true;
-    /**
-     * We use internal variable to make sure initially open modal can transition from closed state when rendered
-     *
-     * @private
-     */
-    this.isOpen = false;
     this.mutationObserver = createObserver("mutation", () => this.updateFooterVisibility());
     this.openTransitionProp = "opacity";
     //--------------------------------------------------------------------------
@@ -140,6 +93,22 @@ const Modal = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.updateFooterVisibility = () => {
       this.hasFooter = !!getSlotted(this.el, [SLOTS.back, SLOTS.primary, SLOTS.secondary]);
     };
+    this.active = false;
+    this.open = false;
+    this.beforeClose = () => Promise.resolve();
+    this.disableCloseButton = false;
+    this.disableOutsideClose = false;
+    this.intlClose = TEXT.close;
+    this.docked = undefined;
+    this.disableEscape = false;
+    this.scale = "m";
+    this.width = "m";
+    this.fullscreen = undefined;
+    this.color = undefined;
+    this.backgroundColor = "white";
+    this.noPadding = false;
+    this.hasFooter = true;
+    this.isOpen = false;
   }
   //--------------------------------------------------------------------------
   //

package/dist/components/calcite-notice.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.649
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { S as StatusIcons } from './interfaces.js';
@@ -38,46 +38,22 @@ const Notice = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.calciteNoticeOpen = createEvent(this, "calciteNoticeOpen", 6);
     //--------------------------------------------------------------------------
     //
-    //  Properties
+    //  Private Methods
     //
-    //---------------------------------------------------------------------------
-    /**
-     * When `true`, the component is active.
-     *
-     * @deprecated Use `open` instead.
-     */
+    //--------------------------------------------------------------------------
+    this.close = () => {
+      this.open = false;
+      this.calciteNoticeClose.emit();
+    };
     this.active = false;
-    /** When `true`, the component is visible. */
     this.open = false;
-    /** The color for the component's top border and icon. */
     this.color = "blue";
-    /**
-     * When `true`, a close button is added to the component.
-     *
-     * @deprecated use `closable` instead.
-     */
     this.dismissible = false;
-    /** When `true`, a close button is added to the component. */
     this.closable = false;
-    /**
-     * Accessible name for the close button.
-     *
-     * @default "Close"
-     */
+    this.icon = undefined;
     this.intlClose = TEXT.close;
-    /** Specifies the size of the component. */
     this.scale = "m";
-    /** Specifies the width of the component. */
     this.width = "auto";
-    //--------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    //--------------------------------------------------------------------------
-    this.close = () => {
-      this.open = false;
-      this.calciteNoticeClose.emit();
-    };
   }
   activeHandler(value) {
     this.open = value;

package/dist/components/calcite-option-group.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.649
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client/index.js';
 
@@ -13,15 +13,8 @@ const OptionGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.__registerHost();
     this.__attachShadow();
     this.calciteInternalOptionGroupChange = createEvent(this, "calciteInternalOptionGroupChange", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
     this.disabled = false;
+    this.label = undefined;
   }
   handlePropChange() {
     this.calciteInternalOptionGroupChange.emit();

package/dist/components/calcite-option.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.649
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { c as createObserver } from './observers.js';
@@ -14,19 +14,14 @@ const Option = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.__registerHost();
     this.__attachShadow();
     this.calciteInternalOptionChange = createEvent(this, "calciteInternalOptionChange", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    this.disabled = false;
     this.mutationObserver = createObserver("mutation", () => {
       this.ensureTextContentDependentProps();
       this.calciteInternalOptionChange.emit();
     });
+    this.disabled = false;
+    this.label = undefined;
+    this.selected = undefined;
+    this.value = undefined;
   }
   handlePropChange(_newValue, _oldValue, propName) {
     if (propName === "label" || propName === "value") {

package/dist/components/calcite-pagination.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.649
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client/index.js';
 import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale.js';
@@ -32,41 +32,6 @@ const Pagination = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.__attachShadow();
     this.calcitePaginationUpdate = createEvent(this, "calcitePaginationUpdate", 6);
     this.calcitePaginationChange = createEvent(this, "calcitePaginationChange", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Public Properties
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * When `true`, number values are displayed with a group separator corresponding to the language and country format.
-     */
-    this.groupSeparator = false;
-    /** Specifies the number of items per page. */
-    this.num = 20;
-    /** Specifies the starting item number. */
-    this.start = 1;
-    /** Specifies the total number of items. */
-    this.total = 0;
-    /**
-     * Accessible name for the component's next button.
-     *
-     * @default "Next"
-     */
-    this.textLabelNext = TEXT.nextLabel;
-    /**
-     * Accessible name for the component's previous button.
-     *
-     * @default "Previous"
-     */
-    this.textLabelPrevious = TEXT.previousLabel;
-    /** Specifies the size of the component. */
-    this.scale = "m";
-    //--------------------------------------------------------------------------
-    //
-    //  State
-    //
-    //--------------------------------------------------------------------------
-    this.effectiveLocale = "";
     this.previousClicked = () => {
       this.previousPage().then();
       this.emitUpdate();
@@ -75,6 +40,15 @@ const Pagination = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       this.nextPage();
       this.emitUpdate();
     };
+    this.groupSeparator = false;
+    this.num = 20;
+    this.numberingSystem = undefined;
+    this.start = 1;
+    this.total = 0;
+    this.textLabelNext = TEXT.nextLabel;
+    this.textLabelPrevious = TEXT.previousLabel;
+    this.scale = "m";
+    this.effectiveLocale = "";
   }
   effectiveLocaleWatcher() {
     numberStringFormatter.numberFormatOptions = {

package/dist/components/calcite-panel.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.649
  */
 import { P as Panel, d as defineCustomElement$1 } from './panel.js';
 

package/dist/components/calcite-pick-list-group.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.649
  */
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client/index.js';
 import { C as CSS, S as SLOTS } from './resources3.js';
@@ -16,6 +16,8 @@ const PickListGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     super();
     this.__registerHost();
     this.__attachShadow();
+    this.groupTitle = undefined;
+    this.headingLevel = undefined;
   }
   // --------------------------------------------------------------------------
   //

package/dist/components/calcite-pick-list-item.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.649
  */
 import { P as PickListItem, d as defineCustomElement$1 } from './pick-list-item.js';
 

package/dist/components/calcite-pick-list.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.649
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { I as ICON_TYPES } from './resources2.js';
@@ -25,53 +25,6 @@ const PickList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.__attachShadow();
     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) => {
@@ -87,6 +40,18 @@ const PickList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     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 = [];
   }
   // --------------------------------------------------------------------------
   //

package/dist/components/calcite-popover.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.649
  */
 import { P as Popover, d as defineCustomElement$1 } from './popover.js';
 

package/dist/components/calcite-progress.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.649
  */
 import { P as Progress, d as defineCustomElement$1 } from './progress.js';
 

package/dist/components/calcite-radio-button-group.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.649
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { c as createObserver } from './observers.js';
@@ -14,21 +14,6 @@ const RadioButtonGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
     this.__registerHost();
     this.__attachShadow();
     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
@@ -52,6 +37,12 @@ const RadioButtonGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
         });
       }
     };
+    this.disabled = false;
+    this.hidden = false;
+    this.layout = "horizontal";
+    this.name = undefined;
+    this.required = false;
+    this.scale = "m";
   }
   onDisabledChange() {
     this.passPropsToRadioButtons();

package/dist/components/calcite-radio-button.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.649
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { g as guid } from './guid.js';
@@ -29,33 +29,6 @@ const RadioButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     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
     //
     //--------------------------------------------------------------------------
@@ -140,6 +113,17 @@ const RadioButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         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/components/calcite-radio-group-item.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.649
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { g as getElementProp, t as toAriaBoolean } from './dom.js';
@@ -22,21 +22,13 @@ const RadioGroupItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     this.__registerHost();
     this.__attachShadow();
     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/components/calcite-radio-group.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.649
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host, Build } from '@stencil/core/internal/client/index.js';
 import { c as getElementDir } from './dom.js';
@@ -20,37 +20,23 @@ const RadioGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     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();