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

package/dist/collection/components/list-item-group/list-item-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.644
+ * v1.0.0-next.646
  */
 import { h, Host } from "@stencil/core";
 import { updateHostInteraction } from "../../utils/interactive";
@@ -93,31 +93,6 @@ export class ListItemGroup {
         },
         "attribute": "heading",
         "reflect": true
-      },
-      "headingLevel": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "HeadingLevel",
-          "resolved": "1 | 2 | 3 | 4 | 5 | 6",
-          "references": {
-            "HeadingLevel": {
-              "location": "import",
-              "path": "../functional/Heading"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [{
-              "name": "deprecated",
-              "text": "no longer necessary."
-            }],
-          "text": "Specifies the number at which section headings should start."
-        },
-        "attribute": "heading-level",
-        "reflect": true
       }
     };
   }

package/dist/collection/components/list-item-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.644
+ * v1.0.0-next.646
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/loader/loader.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.644
+ * v1.0.0-next.646
  */
 import { h, Host } from "@stencil/core";
 import { guid } from "../../utils/guid";

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.644
+ * v1.0.0-next.646
  */
 import { h, Host } from "@stencil/core";
 import { ensureId, focusElement, getSlotted } from "../../utils/dom";

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.644
+ * v1.0.0-next.646
  */
 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.644
+ * v1.0.0-next.646
  */
 import { h } from "@stencil/core";
 import { CSS, SLOTS, TEXT } from "./resources";

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.644
+ * v1.0.0-next.646
  */
 export const TEXT = {
   close: "Close"

package/dist/collection/components/option/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.644
+ * v1.0.0-next.646
  */
 import { h } from "@stencil/core";
 import { createObserver } from "../../utils/observers";

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.644
+ * v1.0.0-next.646
  */
 import { h, Fragment } from "@stencil/core";
 /**

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.644
+ * v1.0.0-next.646
  */
 import { h, Fragment } from "@stencil/core";
 import { connectLocalized, disconnectLocalized, numberStringFormatter } from "../../utils/locale";

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.644
+ * v1.0.0-next.646
  */
 export const CSS = {
   page: "page",

package/dist/collection/components/panel/panel.js

@@ -1,11 +1,11 @@
 /*!
  * 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.644
+ * v1.0.0-next.646
  */
 import { h, Fragment } from "@stencil/core";
 import { CSS, ICONS, SLOTS, TEXT } from "./resources";
-import { getElementDir, toAriaBoolean } from "../../utils/dom";
+import { toAriaBoolean } from "../../utils/dom";
 import { Heading } from "../functional/Heading";
 import { SLOTS as ACTION_MENU_SLOTS } from "../action-menu/resources";
 import { updateHostInteraction } from "../../utils/interactive";
@@ -28,32 +28,14 @@ export class Panel {
     //  Properties
     //
     // --------------------------------------------------------------------------
-    /**
-     * When `true`, hides the component.
-     *
-     * @deprecated use `closed` instead.
-     */
-    this.dismissed = false;
     /** 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`, a close button is added to the component.
-     *
-     * @deprecated use `closable` instead
-     */
-    this.dismissible = false;
     /** When `true`, displays a close button in the trailing side of the header. */
     this.closable = false;
-    /**
-     * When `true`, displays a back button in the header.
-     *
-     * @deprecated use `calcite-flow-item` instead.
-     */
-    this.showBackButton = false;
     /**
      * When `true`, a busy indicator is displayed.
      */
@@ -101,15 +83,11 @@ export class Panel {
     };
     this.close = () => {
       this.closed = true;
-      this.calcitePanelDismiss.emit();
       this.calcitePanelClose.emit();
     };
     this.panelScrollHandler = () => {
       this.calcitePanelScroll.emit();
     };
-    this.backButtonClick = () => {
-      this.calcitePanelBackClick.emit();
-    };
     this.handleHeaderActionsStartSlotChange = (event) => {
       const elements = event.target.assignedElements({
         flatten: true
@@ -162,19 +140,6 @@ export class Panel {
       }
     };
   }
-  dismissedHandler(value) {
-    this.closed = value;
-    this.calcitePanelDismissedChange.emit();
-  }
-  closedHandler(value) {
-    this.dismissed = value;
-  }
-  dismissibleHandler(value) {
-    this.closable = value;
-  }
-  closableHandler(value) {
-    this.dismissible = value;
-  }
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -194,18 +159,6 @@ export class Panel {
   //  Lifecycle
   //
   // --------------------------------------------------------------------------
-  connectedCallback() {
-    const isClosed = this.dismissed || this.closed;
-    const isClosable = this.dismissible || this.closable;
-    if (isClosed) {
-      this.dismissedHandler(isClosed);
-      this.closedHandler(isClosed);
-    }
-    if (isClosable) {
-      this.dismissibleHandler(isClosable);
-      this.closableHandler(isClosable);
-    }
-  }
   disconnectedCallback() {
     var _a;
     (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
@@ -261,18 +214,10 @@ export class Panel {
   //  Render Methods
   //
   // --------------------------------------------------------------------------
-  renderBackButton() {
-    const { el } = this;
-    const rtl = getElementDir(el) === "rtl";
-    const { showBackButton, intlBack, backButtonClick } = this;
-    const label = intlBack || TEXT.back;
-    const icon = rtl ? ICONS.backRight : ICONS.backLeft;
-    return showBackButton ? (h("calcite-action", { "aria-label": label, class: CSS.backButton, icon: icon, key: "back-button", onClick: backButtonClick, ref: this.setBackRef, scale: "s", slot: SLOTS.headerActionsStart, text: label })) : null;
-  }
   renderHeaderContent() {
-    const { heading, headingLevel, summary, description, hasHeaderContent } = this;
+    const { heading, headingLevel, description, hasHeaderContent } = this;
     const headingNode = heading ? (h(Heading, { class: CSS.heading, level: headingLevel }, heading)) : null;
-    const descriptionNode = description || summary ? h("span", { class: CSS.description }, description || summary) : null;
+    const descriptionNode = description ? h("span", { class: CSS.description }, description) : null;
     return !hasHeaderContent && (headingNode || descriptionNode) ? (h("div", { class: CSS.headerContent, key: "header-content" }, headingNode, descriptionNode)) : null;
   }
   /**
@@ -298,16 +243,15 @@ export class Panel {
     return (h("calcite-action-menu", { flipPlacements: ["top", "bottom"], hidden: !hasMenuItems, key: "menu", label: intlOptions || TEXT.options, open: menuOpen, placement: "bottom-end" }, h("calcite-action", { icon: ICONS.menu, slot: ACTION_MENU_SLOTS.trigger, text: intlOptions || TEXT.options }), h("slot", { name: SLOTS.headerMenuActions, onSlotchange: this.handleHeaderMenuActionsSlotChange })));
   }
   renderHeaderNode() {
-    const { showBackButton, hasHeaderContent, hasStartActions, hasEndActions, closable, hasMenuItems } = this;
+    const { hasHeaderContent, hasStartActions, hasEndActions, closable, hasMenuItems } = this;
     const headerContentNode = this.renderHeaderContent();
-    const showHeader = showBackButton ||
-      hasHeaderContent ||
+    const showHeader = hasHeaderContent ||
       headerContentNode ||
       hasStartActions ||
       hasEndActions ||
       closable ||
       hasMenuItems;
-    return (h("header", { class: CSS.header, hidden: !showHeader }, this.renderBackButton(), this.renderHeaderStartActions(), this.renderHeaderSlottedContent(), headerContentNode, this.renderHeaderActionsEnd(), this.renderMenu()));
+    return (h("header", { class: CSS.header, hidden: !showHeader }, this.renderHeaderStartActions(), this.renderHeaderSlottedContent(), headerContentNode, this.renderHeaderActionsEnd(), this.renderMenu()));
   }
   renderFooterNode() {
     const { hasFooterContent, hasFooterActions } = this;
@@ -346,27 +290,6 @@ export class Panel {
   }
   static get properties() {
     return {
-      "dismissed": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [{
-              "name": "deprecated",
-              "text": "use `closed` instead."
-            }],
-          "text": "When `true`, hides the component."
-        },
-        "attribute": "dismissed",
-        "reflect": true,
-        "defaultValue": "false"
-      },
       "closed": {
         "type": "boolean",
         "mutable": true,
@@ -385,28 +308,6 @@ export class Panel {
         "reflect": true,
         "defaultValue": "false"
       },
-      "beforeBack": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "() => Promise<void>",
-          "resolved": "() => Promise<void>",
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [{
-              "name": "deprecated",
-              "text": "use `calcite-flow-item` instead."
-            }],
-          "text": "When provided, this method will be called before it is removed from the parent flow."
-        }
-      },
       "disabled": {
         "type": "boolean",
         "mutable": false,
@@ -425,27 +326,6 @@ export class Panel {
         "reflect": true,
         "defaultValue": "false"
       },
-      "dismissible": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [{
-              "name": "deprecated",
-              "text": "use `closable` instead"
-            }],
-          "text": "When `true`, a close button is added to the component."
-        },
-        "attribute": "dismissible",
-        "reflect": true,
-        "defaultValue": "false"
-      },
       "closable": {
         "type": "boolean",
         "mutable": true,
@@ -486,47 +366,6 @@ export class Panel {
         "attribute": "heading-level",
         "reflect": true
       },
-      "showBackButton": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [{
-              "name": "deprecated",
-              "text": "use `calcite-flow-item` instead."
-            }],
-          "text": "When `true`, displays a back button in the header."
-        },
-        "attribute": "show-back-button",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "intlBack": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [{
-              "name": "deprecated",
-              "text": "use `calcite-flow-item` instead."
-            }],
-          "text": "Accessible name for the component's back button. The back button will only be shown when `showBackButton` is `true`."
-        },
-        "attribute": "intl-back",
-        "reflect": false
-      },
       "heightScale": {
         "type": "string",
         "mutable": false,
@@ -640,26 +479,6 @@ export class Panel {
         "attribute": "heading",
         "reflect": false
       },
-      "summary": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [{
-              "name": "deprecated",
-              "text": "use `description` instead."
-            }],
-          "text": "Summary text. A description displayed underneath the heading."
-        },
-        "attribute": "summary",
-        "reflect": false
-      },
       "description": {
         "type": "string",
         "mutable": false,
@@ -724,42 +543,6 @@ export class Panel {
           "resolved": "void",
           "references": {}
         }
-      }, {
-        "method": "calcitePanelDismiss",
-        "name": "calcitePanelDismiss",
-        "bubbles": true,
-        "cancelable": false,
-        "composed": true,
-        "docs": {
-          "tags": [{
-              "name": "deprecated",
-              "text": "use `calcitePanelClose` instead."
-            }],
-          "text": "Fires when the close button is clicked."
-        },
-        "complexType": {
-          "original": "void",
-          "resolved": "void",
-          "references": {}
-        }
-      }, {
-        "method": "calcitePanelDismissedChange",
-        "name": "calcitePanelDismissedChange",
-        "bubbles": true,
-        "cancelable": false,
-        "composed": true,
-        "docs": {
-          "tags": [{
-              "name": "deprecated",
-              "text": "use `calcitePanelClose` instead."
-            }],
-          "text": "Fires when there is a change to the `dismissed` property value ."
-        },
-        "complexType": {
-          "original": "void",
-          "resolved": "void",
-          "references": {}
-        }
       }, {
         "method": "calcitePanelScroll",
         "name": "calcitePanelScroll",
@@ -775,24 +558,6 @@ export class Panel {
           "resolved": "void",
           "references": {}
         }
-      }, {
-        "method": "calcitePanelBackClick",
-        "name": "calcitePanelBackClick",
-        "bubbles": true,
-        "cancelable": false,
-        "composed": true,
-        "docs": {
-          "tags": [{
-              "name": "deprecated",
-              "text": "use `calcite-flow-item` instead."
-            }],
-          "text": "Fires when the back button is clicked."
-        },
-        "complexType": {
-          "original": "void",
-          "resolved": "void",
-          "references": {}
-        }
       }];
   }
   static get methods() {
@@ -856,19 +621,4 @@ export class Panel {
     };
   }
   static get elementRef() { return "el"; }
-  static get watchers() {
-    return [{
-        "propName": "dismissed",
-        "methodName": "dismissedHandler"
-      }, {
-        "propName": "closed",
-        "methodName": "closedHandler"
-      }, {
-        "propName": "dismissible",
-        "methodName": "dismissibleHandler"
-      }, {
-        "propName": "closable",
-        "methodName": "closableHandler"
-      }];
-  }
 }

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.644
+ * v1.0.0-next.646
  */
 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.644
+ * v1.0.0-next.646
  */
 import { h } from "@stencil/core";
 import { ICON_TYPES } from "./resources";

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.644
+ * v1.0.0-next.646
  */
 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.644
+ * v1.0.0-next.646
  */
 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.644
+ * v1.0.0-next.646
  */
 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.644
+ * v1.0.0-next.646
  */
 import { h, Fragment } from "@stencil/core";
 import { CSS, SLOTS } from "./resources";

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.644
+ * v1.0.0-next.646
  */
 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.644
+ * v1.0.0-next.646
  */
 import { Fragment, h } from "@stencil/core";
 import { CSS, ICONS, SLOTS, TEXT } from "./resources";

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.644
+ * v1.0.0-next.646
  */
 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.644
+ * v1.0.0-next.646
  */
 import { isPrimaryPointerButton } from "../../utils/dom";
 import { isActivationKey } from "../../utils/key";