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

package/dist/collection/components/modal/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.648
  */
 import { h, Host } from "@stencil/core";
 import { ensureId, focusElement, getSlotted } from "../../utils/dom";
@@ -20,53 +20,6 @@ import { setUpLoadableComponent, setComponentLoaded, componentLoaded } from "../
  */
 export class Modal {
   constructor() {
-    //--------------------------------------------------------------------------
-    //
-    //  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";
     //--------------------------------------------------------------------------
@@ -102,6 +55,22 @@ export class Modal {
     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/collection/components/modal/resources.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.648
  */
 export const CSS = {
   modal: "modal",

package/dist/collection/components/notice/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.648
  */
 import { h } from "@stencil/core";
 import { CSS, SLOTS, TEXT } from "./resources";
@@ -25,46 +25,22 @@ export class Notice {
   constructor() {
     //--------------------------------------------------------------------------
     //
-    //  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/collection/components/notice/resources.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.648
  */
 export const TEXT = {
   close: "Close"

package/dist/collection/components/option/option.js

@@ -1,25 +1,20 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.648
  */
 import { h } from "@stencil/core";
 import { createObserver } from "../../utils/observers";
 export class Option {
   constructor() {
-    //--------------------------------------------------------------------------
-    //
-    //  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/collection/components/option-group/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.648
  */
 import { h, Fragment } from "@stencil/core";
 /**
@@ -9,15 +9,8 @@ import { h, Fragment } from "@stencil/core";
  */
 export class OptionGroup {
   constructor() {
-    //--------------------------------------------------------------------------
-    //
-    //  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/collection/components/pagination/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.648
  */
 import { h, Fragment } from "@stencil/core";
 import { connectLocalized, disconnectLocalized, numberStringFormatter } from "../../utils/locale";
@@ -9,41 +9,6 @@ import { CSS, TEXT } from "./resources";
 const maxPagesDisplayed = 5;
 export class Pagination {
   constructor() {
-    //--------------------------------------------------------------------------
-    //
-    //  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();
@@ -52,6 +17,15 @@ export class Pagination {
       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/collection/components/pagination/resources.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.648
  */
 export const CSS = {
   page: "page",

package/dist/collection/components/panel/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.648
  */
 import { h, Fragment } from "@stencil/core";
 import { CSS, ICONS, SLOTS, TEXT } from "./resources";
@@ -23,35 +23,7 @@ import { setUpLoadableComponent, setComponentLoaded, componentLoaded } from "../
  */
 export class Panel {
   constructor() {
-    // --------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /** When `true`, the component will be hidden. */
-    this.closed = false;
-    /**
-     *  When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    this.disabled = false;
-    /** When `true`, displays a close button in the trailing side of the header. */
-    this.closable = false;
-    /**
-     * When `true`, a busy indicator is displayed.
-     */
-    this.loading = false;
-    /**
-     * When `true`, the action menu items in the `header-menu-actions` slot are open.
-     */
-    this.menuOpen = false;
     this.resizeObserver = createObserver("resize", () => this.resizeHandler());
-    this.hasStartActions = false;
-    this.hasEndActions = false;
-    this.hasMenuItems = false;
-    this.hasHeaderContent = false;
-    this.hasFooterContent = false;
-    this.hasFooterActions = false;
-    this.hasFab = false;
     // --------------------------------------------------------------------------
     //
     //  Private Methods
@@ -139,6 +111,25 @@ export class Panel {
         this.resizeHandler();
       }
     };
+    this.closed = false;
+    this.disabled = false;
+    this.closable = false;
+    this.headingLevel = undefined;
+    this.heightScale = undefined;
+    this.widthScale = undefined;
+    this.loading = false;
+    this.intlClose = undefined;
+    this.intlOptions = undefined;
+    this.heading = undefined;
+    this.description = undefined;
+    this.menuOpen = false;
+    this.hasStartActions = false;
+    this.hasEndActions = false;
+    this.hasMenuItems = false;
+    this.hasHeaderContent = false;
+    this.hasFooterContent = false;
+    this.hasFooterActions = false;
+    this.hasFab = false;
   }
   //--------------------------------------------------------------------------
   //

package/dist/collection/components/panel/resources.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.648
  */
 export const CSS = {
   backButton: "back-button",

package/dist/collection/components/pick-list/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.648
  */
 import { h } from "@stencil/core";
 import { ICON_TYPES } from "./resources";
@@ -16,53 +16,6 @@ import { setUpLoadableComponent, setComponentLoaded, componentLoaded } from "../
  */
 export class PickList {
   constructor() {
-    // --------------------------------------------------------------------------
-    //
-    //  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) => {
@@ -78,6 +31,18 @@ export class PickList {
     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/collection/components/pick-list/resources.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.648
  */
 export const CSS = {
   sticky: "sticky-pos"

package/dist/collection/components/pick-list/shared-list-logic.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.648
  */
 import { debounce } from "lodash-es";
 import { focusElement, getSlotted } from "../../utils/dom";

package/dist/collection/components/pick-list/shared-list-render.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.648
  */
 import { h, Host } from "@stencil/core";
 import { toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/pick-list-group/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.648
  */
 import { h, Fragment } from "@stencil/core";
 import { CSS, SLOTS } from "./resources";
@@ -12,6 +12,10 @@ import { connectConditionalSlotComponent, disconnectConditionalSlotComponent } f
  * @slot - A slot for adding `calcite-pick-list-item` elements.
  */
 export class PickListGroup {
+  constructor() {
+    this.groupTitle = undefined;
+    this.headingLevel = undefined;
+  }
   // --------------------------------------------------------------------------
   //
   //  Lifecycle

package/dist/collection/components/pick-list-group/resources.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.648
  */
 export const CSS = {
   heading: "heading",

package/dist/collection/components/pick-list-item/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.648
  */
 import { Fragment, h } from "@stencil/core";
 import { CSS, ICONS, SLOTS, TEXT } from "./resources";
@@ -16,38 +16,6 @@ import { setUpLoadableComponent, setComponentLoaded, componentLoaded } from "../
  */
 export class PickListItem {
   constructor() {
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    this.disabled = false;
-    /**
-     * When `false`, the component cannot be deselected by user interaction.
-     */
-    this.disableDeselect = false;
-    /**
-     * @internal
-     */
-    this.nonInteractive = false;
-    /**
-     * Determines the icon SVG symbol that will be shown. Options are `"circle"`, `"square"`, `"grip"` or `null`.
-     *
-     * @see [ICON_TYPES](https://github.com/Esri/calcite-components/blob/master/src/components/pick-list/resources.ts#L5)
-     */
-    this.icon = null;
-    /**
-     * When `true`, displays a remove action that removes the item from the list.
-     */
-    this.removable = false;
-    /**
-     * When `true`, selects an item. Toggles when an item is checked/unchecked.
-     */
-    this.selected = false;
-    /**
-     * When `removable` is `true`, the accessible name for the component's remove button.
-     *
-     * @default "Remove"
-     */
-    this.intlRemove = TEXT.remove;
     // --------------------------------------------------------------------------
     //
     //  Private Methods
@@ -72,6 +40,17 @@ export class PickListItem {
     this.removeClickHandler = () => {
       this.calciteListItemRemove.emit();
     };
+    this.description = undefined;
+    this.disabled = false;
+    this.disableDeselect = false;
+    this.nonInteractive = false;
+    this.icon = null;
+    this.label = undefined;
+    this.metadata = undefined;
+    this.removable = false;
+    this.selected = false;
+    this.intlRemove = TEXT.remove;
+    this.value = undefined;
   }
   descriptionWatchHandler() {
     this.calciteInternalListItemPropsChange.emit();

package/dist/collection/components/pick-list-item/resources.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.648
  */
 export const CSS = {
   actions: "actions",

package/dist/collection/components/popover/PopoverManager.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.648
  */
 import { isPrimaryPointerButton } from "../../utils/dom";
 import { isActivationKey } from "../../utils/key";