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

package/dist/extras/docs-json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2022-11-29T21:30:59",
+  "timestamp": "2022-11-29T22:41:44",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.18.1",
@@ -419,7 +419,7 @@
         }
       ],
       "usage": {
-        "Clear-appearance": "Renders a `calcite-action` that has a clear background.\n\n```html\n<calcite-action appearance=\"clear\" text=\"Layers\" icon=\"layers\"></calcite-action>\n```\n",
+        "Clear-appearance": "Renders a `calcite-action` that has a clear background.\n\n```html\n<calcite-action appearance=\"transparent\" text=\"Layers\" icon=\"layers\"></calcite-action>\n```\n",
         "With-text-displayed": "Renders a `calcite-action` that displays text alongside an icon.\n\n```html\n<calcite-action label=\"Performs my custom action\" text=\"Perform Action!\" text-enabled icon=\"save\"></calcite-action>\n```\n",
         "With-tooltip": "Renders a `calcite-action` that displays text alongside an icon. A `calcite-tooltip` will be displayed on hover or focus.\n\n```html\n<calcite-action label=\"Performs my custom action\" text=\"Perform Action!\" text-enabled icon=\"save\"\n  ><calcite-tooltip slot=\"tooltip\">Save me!</calcite-tooltip></calcite-action\n>\n```\n",
         "Without-text-displayed": "Renders a `calcite-action` that displays only an icon.\n\n```html\n<calcite-action label=\"Performs my custom action\" text=\"My Custom Action\" icon=\"plus\"></calcite-action>\n```\n"
@@ -16133,32 +16133,11 @@
       ],
       "usage": {
         "Basic": "Renders a basic panel with a header.\n\n```html\n<calcite-panel>\n  <div slot=\"header-content\">Header!</div>\n  <p>Slotted content!</p>\n</calcite-panel>\n```\n",
-        "Dismissible": "Renders a panel that is dismissible with a click of the \"x\".\n\n```html\n<calcite-panel dismissible id=\"dismissible-panel\">\n  <div slot=\"header-content\">Dismissible Header</div>\n  <p>Click the X and I go away!</p>\n</calcite-panel>\n```\n",
+        "Closable": "Renders a panel that is closable with a click of the \"x\".\n\n```html\n<calcite-panel closable id=\"closable-panel\">\n  <div slot=\"header-content\">Closable Header</div>\n  <p>Click the X and I go away!</p>\n</calcite-panel>\n```\n",
         "Header-with-actions": "Renders a panel with leading and trailing `calcite-action`s.\n\n```html\n<calcite-panel>\n  <calcite-action\n    label=\"Performs my custom action\"\n    text=\"Perform Action!\"\n    text-enabled\n    icon=\"home\"\n    slot=\"header-actions-start\"\n  ></calcite-action>\n  <div slot=\"header-content\">Header!</div>\n  <calcite-action\n    label=\"Performs another custom action\"\n    text=\"Perform Another Action!\"\n    text-enabled\n    icon=\"blog\"\n    slot=\"header-actions-end\"\n  ></calcite-action>\n  <p>Actions are in the top left and right.</p>\n</calcite-panel>\n```\n",
         "With-footer": "Renders a panel with a header and a footer.\n\n```html\n<calcite-panel>\n  <div slot=\"header-content\">Header!</div>\n  <p>I have a footer.</p>\n  <div slot=\"footer\">Footer!</div>\n</calcite-panel>\n```\n"
       },
       "props": [
-        {
-          "name": "beforeBack",
-          "type": "() => Promise<void>",
-          "mutable": false,
-          "reflectToAttr": false,
-          "docs": "When provided, this method will be called before it is removed from the parent flow.",
-          "docsTags": [
-            {
-              "name": "deprecated",
-              "text": "use `calcite-flow-item` instead."
-            }
-          ],
-          "deprecation": "use `calcite-flow-item` instead.",
-          "values": [
-            {
-              "type": "() => Promise<void>"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
         {
           "name": "closable",
           "type": "boolean",
@@ -16226,52 +16205,6 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "dismissed",
-          "type": "boolean",
-          "mutable": true,
-          "attr": "dismissed",
-          "reflectToAttr": true,
-          "docs": "When `true`, hides the component.",
-          "docsTags": [
-            {
-              "name": "deprecated",
-              "text": "use `closed` instead."
-            }
-          ],
-          "default": "false",
-          "deprecation": "use `closed` instead.",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "dismissible",
-          "type": "boolean",
-          "mutable": true,
-          "attr": "dismissible",
-          "reflectToAttr": true,
-          "docs": "When `true`, a close button is added to the component.",
-          "docsTags": [
-            {
-              "name": "deprecated",
-              "text": "use `closable` instead"
-            }
-          ],
-          "default": "false",
-          "deprecation": "use `closable` instead",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "heading",
           "type": "string",
@@ -16350,28 +16283,6 @@
           "optional": true,
           "required": false
         },
-        {
-          "name": "intlBack",
-          "type": "string",
-          "mutable": false,
-          "attr": "intl-back",
-          "reflectToAttr": false,
-          "docs": "Accessible name for the component's back button. The back button will only be shown when `showBackButton` is `true`.",
-          "docsTags": [
-            {
-              "name": "deprecated",
-              "text": "use `calcite-flow-item` instead."
-            }
-          ],
-          "deprecation": "use `calcite-flow-item` instead.",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
         {
           "name": "intlClose",
           "type": "string",
@@ -16438,51 +16349,6 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "showBackButton",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "show-back-button",
-          "reflectToAttr": true,
-          "docs": "When `true`, displays a back button in the header.",
-          "docsTags": [
-            {
-              "name": "deprecated",
-              "text": "use `calcite-flow-item` instead."
-            }
-          ],
-          "default": "false",
-          "deprecation": "use `calcite-flow-item` instead.",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "summary",
-          "type": "string",
-          "mutable": false,
-          "attr": "summary",
-          "reflectToAttr": false,
-          "docs": "Summary text. A description displayed underneath the heading.",
-          "docsTags": [
-            {
-              "name": "deprecated",
-              "text": "use `description` instead."
-            }
-          ],
-          "deprecation": "use `description` instead.",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
         {
           "name": "widthScale",
           "type": "\"l\" | \"m\" | \"s\"",
@@ -16548,21 +16414,6 @@
         }
       ],
       "events": [
-        {
-          "event": "calcitePanelBackClick",
-          "detail": "void",
-          "bubbles": true,
-          "cancelable": false,
-          "composed": true,
-          "docs": "Fires when the back button is clicked.",
-          "docsTags": [
-            {
-              "name": "deprecated",
-              "text": "use `calcite-flow-item` instead."
-            }
-          ],
-          "deprecation": "use `calcite-flow-item` instead."
-        },
         {
           "event": "calcitePanelClose",
           "detail": "void",
@@ -16572,36 +16423,6 @@
           "docs": "Fires when the close button is clicked.",
           "docsTags": []
         },
-        {
-          "event": "calcitePanelDismiss",
-          "detail": "void",
-          "bubbles": true,
-          "cancelable": false,
-          "composed": true,
-          "docs": "Fires when the close button is clicked.",
-          "docsTags": [
-            {
-              "name": "deprecated",
-              "text": "use `calcitePanelClose` instead."
-            }
-          ],
-          "deprecation": "use `calcitePanelClose` instead."
-        },
-        {
-          "event": "calcitePanelDismissedChange",
-          "detail": "void",
-          "bubbles": true,
-          "cancelable": false,
-          "composed": true,
-          "docs": "Fires when there is a change to the `dismissed` property value .",
-          "docsTags": [
-            {
-              "name": "deprecated",
-              "text": "use `calcitePanelClose` instead."
-            }
-          ],
-          "deprecation": "use `calcitePanelClose` instead."
-        },
         {
           "event": "calcitePanelScroll",
           "detail": "void",

package/dist/loader/cdn.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.645
+ * v1.0.0-next.647
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.cjs.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.645
+ * v1.0.0-next.647
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.es2017.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.645
+ * v1.0.0-next.647
  */
 export * from '../esm/polyfills/index.js';
 export * from '../esm/loader.js';

package/dist/loader/index.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.645
+ * v1.0.0-next.647
  */
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
 export * from '../esm/polyfills/index.js';

package/dist/types/components/pagination/pagination.d.ts

@@ -37,6 +37,7 @@ export declare class Pagination implements LocalizedComponent {
   scale: Scale;
   el: HTMLCalcitePaginationElement;
   effectiveLocale: string;
+  effectiveLocaleWatcher(): void;
   /**
    * Emits when the selected page changes.
    *
@@ -61,12 +62,6 @@ export declare class Pagination implements LocalizedComponent {
   private showLeftEllipsis;
   private showRightEllipsis;
   private emitUpdate;
-  /**
-   * Returns a string representing the localized label value based on groupSeparator prop being on or off.
-   *
-   * @param value
-   */
-  private determineGroupSeparator;
   renderPages(): VNode[];
   renderPage(start: number): VNode;
   renderLeftEllipsis(): VNode;

package/dist/types/components/panel/panel.d.ts

@@ -14,52 +14,18 @@ import { LoadableComponent } from "../../utils/loadable";
  * @slot footer - A slot for adding custom content to the footer.
  */
 export declare class Panel implements InteractiveComponent, LoadableComponent {
-  /**
-   * When `true`, hides the component.
-   *
-   * @deprecated use `closed` instead.
-   */
-  dismissed: boolean;
   /** When `true`, the component will be hidden. */
   closed: boolean;
-  dismissedHandler(value: boolean): void;
-  closedHandler(value: boolean): void;
-  /**
-   * When provided, this method will be called before it is removed from the parent flow.
-   *
-   * @deprecated use `calcite-flow-item` instead.
-   */
-  beforeBack?: () => Promise<void>;
   /**
    *  When `true`, interaction is prevented and the component is displayed with lower opacity.
    */
   disabled: boolean;
-  /**
-   * When `true`, a close button is added to the component.
-   *
-   * @deprecated use `closable` instead
-   */
-  dismissible: boolean;
-  dismissibleHandler(value: boolean): void;
   /** When `true`, displays a close button in the trailing side of the header. */
   closable: boolean;
-  closableHandler(value: boolean): void;
   /**
    * Specifies the number at which section headings should start.
    */
   headingLevel: HeadingLevel;
-  /**
-   * When `true`, displays a back button in the header.
-   *
-   * @deprecated use `calcite-flow-item` instead.
-   */
-  showBackButton: boolean;
-  /**
-   * Accessible name for the component's back button. The back button will only be shown when `showBackButton` is `true`.
-   *
-   * @deprecated use `calcite-flow-item` instead.
-   */
-  intlBack?: string;
   /**
    * Specifies the maximum height of the component.
    */
@@ -84,12 +50,6 @@ export declare class Panel implements InteractiveComponent, LoadableComponent {
    * The component header text.
    */
   heading?: string;
-  /**
-   * Summary text. A description displayed underneath the heading.
-   *
-   * @deprecated use `description` instead.
-   */
-  summary?: string;
   /** A description for the component. */
   description: string;
   /**
@@ -112,34 +72,15 @@ export declare class Panel implements InteractiveComponent, LoadableComponent {
   hasFooterContent: boolean;
   hasFooterActions: boolean;
   hasFab: boolean;
-  connectedCallback(): void;
   disconnectedCallback(): void;
   /**
    * Fires when the close button is clicked.
    */
   calcitePanelClose: EventEmitter<void>;
-  /**
-   * Fires when the close button is clicked.
-   *
-   * @deprecated use `calcitePanelClose` instead.
-   */
-  calcitePanelDismiss: EventEmitter<void>;
-  /**
-   * Fires when there is a change to the `dismissed` property value .
-   *
-   * @deprecated use `calcitePanelClose` instead.
-   */
-  calcitePanelDismissedChange: EventEmitter<void>;
   /**
    * Fires when the content is scrolled.
    */
   calcitePanelScroll: EventEmitter<void>;
-  /**
-   * Fires when the back button is clicked.
-   *
-   * @deprecated use `calcite-flow-item` instead.
-   */
-  calcitePanelBackClick: EventEmitter<void>;
   resizeHandler: () => void;
   setContainerRef: (node: HTMLElement) => void;
   setCloseRef: (node: HTMLCalciteActionElement) => void;
@@ -147,7 +88,6 @@ export declare class Panel implements InteractiveComponent, LoadableComponent {
   panelKeyDownHandler: (event: KeyboardEvent) => void;
   close: () => void;
   panelScrollHandler: () => void;
-  backButtonClick: () => void;
   handleHeaderActionsStartSlotChange: (event: Event) => void;
   handleHeaderActionsEndSlotChange: (event: Event) => void;
   handleHeaderMenuActionsSlotChange: (event: Event) => void;
@@ -173,7 +113,6 @@ export declare class Panel implements InteractiveComponent, LoadableComponent {
    * @param options
    */
   scrollContentTo(options?: ScrollToOptions): Promise<void>;
-  renderBackButton(): VNode;
   renderHeaderContent(): VNode;
   /**
    * Allows user to override the entire header-content node.

package/dist/types/components.d.ts

@@ -2779,11 +2779,6 @@ export namespace Components {
         "total": number;
     }
     interface CalcitePanel {
-        /**
-          * When provided, this method will be called before it is removed from the parent flow.
-          * @deprecated use `calcite-flow-item` instead.
-         */
-        "beforeBack"?: () => Promise<void>;
         /**
           * When `true`, displays a close button in the trailing side of the header.
          */
@@ -2800,16 +2795,6 @@ export namespace Components {
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
-        /**
-          * When `true`, hides the component.
-          * @deprecated use `closed` instead.
-         */
-        "dismissed": boolean;
-        /**
-          * When `true`, a close button is added to the component.
-          * @deprecated use `closable` instead
-         */
-        "dismissible": boolean;
         /**
           * The component header text.
          */
@@ -2822,11 +2807,6 @@ export namespace Components {
           * Specifies the maximum height of the component.
          */
         "heightScale"?: Scale;
-        /**
-          * Accessible name for the component's back button. The back button will only be shown when `showBackButton` is `true`.
-          * @deprecated use `calcite-flow-item` instead.
-         */
-        "intlBack"?: string;
         /**
           * Accessible name for the component's close button. The close button will only be shown when `closeable` is `true`.
          */
@@ -2854,16 +2834,6 @@ export namespace Components {
           * @param focusId
          */
         "setFocus": (focusId?: "back-button" | "dismiss-button") => Promise<void>;
-        /**
-          * When `true`, displays a back button in the header.
-          * @deprecated use `calcite-flow-item` instead.
-         */
-        "showBackButton": boolean;
-        /**
-          * Summary text. A description displayed underneath the heading.
-          * @deprecated use `description` instead.
-         */
-        "summary"?: string;
         /**
           * Specifies the width of the component.
          */
@@ -7993,11 +7963,6 @@ declare namespace LocalJSX {
         "total"?: number;
     }
     interface CalcitePanel {
-        /**
-          * When provided, this method will be called before it is removed from the parent flow.
-          * @deprecated use `calcite-flow-item` instead.
-         */
-        "beforeBack"?: () => Promise<void>;
         /**
           * When `true`, displays a close button in the trailing side of the header.
          */
@@ -8014,16 +7979,6 @@ declare namespace LocalJSX {
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
-        /**
-          * When `true`, hides the component.
-          * @deprecated use `closed` instead.
-         */
-        "dismissed"?: boolean;
-        /**
-          * When `true`, a close button is added to the component.
-          * @deprecated use `closable` instead
-         */
-        "dismissible"?: boolean;
         /**
           * The component header text.
          */
@@ -8036,11 +7991,6 @@ declare namespace LocalJSX {
           * Specifies the maximum height of the component.
          */
         "heightScale"?: Scale;
-        /**
-          * Accessible name for the component's back button. The back button will only be shown when `showBackButton` is `true`.
-          * @deprecated use `calcite-flow-item` instead.
-         */
-        "intlBack"?: string;
         /**
           * Accessible name for the component's close button. The close button will only be shown when `closeable` is `true`.
          */
@@ -8057,39 +8007,14 @@ declare namespace LocalJSX {
           * When `true`, the action menu items in the `header-menu-actions` slot are open.
          */
         "menuOpen"?: boolean;
-        /**
-          * Fires when the back button is clicked.
-          * @deprecated use `calcite-flow-item` instead.
-         */
-        "onCalcitePanelBackClick"?: (event: CalcitePanelCustomEvent<void>) => void;
         /**
           * Fires when the close button is clicked.
          */
         "onCalcitePanelClose"?: (event: CalcitePanelCustomEvent<void>) => void;
-        /**
-          * Fires when the close button is clicked.
-          * @deprecated use `calcitePanelClose` instead.
-         */
-        "onCalcitePanelDismiss"?: (event: CalcitePanelCustomEvent<void>) => void;
-        /**
-          * Fires when there is a change to the `dismissed` property value .
-          * @deprecated use `calcitePanelClose` instead.
-         */
-        "onCalcitePanelDismissedChange"?: (event: CalcitePanelCustomEvent<void>) => void;
         /**
           * Fires when the content is scrolled.
          */
         "onCalcitePanelScroll"?: (event: CalcitePanelCustomEvent<void>) => void;
-        /**
-          * When `true`, displays a back button in the header.
-          * @deprecated use `calcite-flow-item` instead.
-         */
-        "showBackButton"?: boolean;
-        /**
-          * Summary text. A description displayed underneath the heading.
-          * @deprecated use `description` instead.
-         */
-        "summary"?: string;
         /**
           * Specifies the width of the component.
          */

package/dist/types/preact.d.ts

@@ -245,12 +245,9 @@ declare module "preact/src/jsx" {
         "oncalcitePaginationChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-panel": Omit<JSX.CalcitePanel, "onCalcitePanelClose" | "onCalcitePanelDismiss" | "onCalcitePanelDismissedChange" | "onCalcitePanelScroll" | "onCalcitePanelBackClick"> & JSXInternal.HTMLAttributes<HTMLCalcitePanelElement> & {
+      "calcite-panel": Omit<JSX.CalcitePanel, "onCalcitePanelClose" | "onCalcitePanelScroll"> & JSXInternal.HTMLAttributes<HTMLCalcitePanelElement> & {
         "oncalcitePanelClose"?: (event: CustomEvent<any>) => void;
-        "oncalcitePanelDismiss"?: (event: CustomEvent<any>) => void;
-        "oncalcitePanelDismissedChange"?: (event: CustomEvent<any>) => void;
         "oncalcitePanelScroll"?: (event: CustomEvent<any>) => void;
-        "oncalcitePanelBackClick"?: (event: CustomEvent<any>) => void;
       }
 
       "calcite-pick-list": Omit<JSX.CalcitePickList, "onCalciteListChange" | "onCalciteListFilter"> & JSXInternal.HTMLAttributes<HTMLCalcitePickListElement> & {