@esri/calcite-components 1.0.0-next.657 → 1.0.0-next.659

package/dist/extras/docs-json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2022-12-05T21:52:36",
+  "timestamp": "2022-12-06T02:39:04",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.19.3",
@@ -14105,6 +14105,11 @@
           "capture": false,
           "passive": false
         },
+        {
+          "event": "calciteInternalListItemActive",
+          "capture": false,
+          "passive": false
+        },
         {
           "event": "calciteInternalListItemSelect",
           "capture": false,
@@ -14160,6 +14165,10 @@
           "name": "slot",
           "text": "content-start - A slot for adding non-actionable elements before the label and description of the component."
         },
+        {
+          "name": "slot",
+          "text": "content - A slot for adding non-actionable, centered content in place of the `label` and `description` of the component."
+        },
         {
           "name": "slot",
           "text": "content-end - A slot for adding non-actionable elements after the label and description of the component."
@@ -14325,6 +14334,10 @@
           "name": "actions-start",
           "docs": "A slot for adding actionable `calcite-action` elements before the content of the component."
         },
+        {
+          "name": "content",
+          "docs": "A slot for adding non-actionable, centered content in place of the `label` and `description` of the component."
+        },
         {
           "name": "content-end",
           "docs": "A slot for adding non-actionable elements after the label and description of the component."
@@ -17484,7 +17497,13 @@
         }
       ],
       "listeners": [],
-      "styles": [],
+      "styles": [
+        {
+          "name": "--calcite-popover-z-index",
+          "annotation": "prop",
+          "docs": "Sets the z-index value for the component."
+        }
+      ],
       "slots": [
         {
           "name": "",
@@ -20423,7 +20442,7 @@
         }
       ],
       "usage": {
-        "Basic": "```html\n<calcite-stepper icon numbered id=\"my-example-stepper\">\n  <calcite-stepper-item item-title=\"Choose method\" item-subtitle=\"Add members without sending invitations\" complete>\n    Step 1 Content Goes Here\n  </calcite-stepper-item>\n  <calcite-stepper-item item-title=\"Compile member list\" error> Step 2 Content Goes Here </calcite-stepper-item>\n  <calcite-stepper-item item-title=\"Set member properties\" item-subtitle=\"Some subtext\" active>\n    Step 3 Content Goes Here\n  </calcite-stepper-item>\n  <calcite-stepper-item item-title=\"Confirm and complete\" item-subtitle=\"Disabled example\" disabled>\n    Step 4 Content Goes Here\n  </calcite-stepper-item>\n</calcite-stepper>\n```\n"
+        "Basic": "```html\n<calcite-stepper icon numbered id=\"my-example-stepper\">\n  <calcite-stepper-item heading=\"Choose method\" description=\"Add members without sending invitations\" complete>\n    Step 1 Content Goes Here\n  </calcite-stepper-item>\n  <calcite-stepper-item heading=\"Compile member list\" error> Step 2 Content Goes Here </calcite-stepper-item>\n  <calcite-stepper-item heading=\"Set member properties\" description=\"Some subtext\" selected>\n    Step 3 Content Goes Here\n  </calcite-stepper-item>\n  <calcite-stepper-item heading=\"Confirm and complete\" description=\"Disabled example\" disabled>\n    Step 4 Content Goes Here\n  </calcite-stepper-item>\n</calcite-stepper>\n```\n"
       },
       "props": [
         {
@@ -20731,29 +20750,6 @@
       ],
       "usage": {},
       "props": [
-        {
-          "name": "active",
-          "type": "boolean",
-          "mutable": true,
-          "attr": "active",
-          "reflectToAttr": true,
-          "docs": "When `true`, the component is selected.",
-          "docsTags": [
-            {
-              "name": "deprecated",
-              "text": "Use `selected` instead."
-            }
-          ],
-          "default": "false",
-          "deprecation": "Use `selected` instead.",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "complete",
           "type": "boolean",
@@ -20837,50 +20833,6 @@
           "optional": true,
           "required": false
         },
-        {
-          "name": "itemSubtitle",
-          "type": "string",
-          "mutable": false,
-          "attr": "item-subtitle",
-          "reflectToAttr": false,
-          "docs": "A description for the component. Displays below the header text.",
-          "docsTags": [
-            {
-              "name": "deprecated",
-              "text": "use `description` instead."
-            }
-          ],
-          "deprecation": "use `description` instead.",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "itemTitle",
-          "type": "string",
-          "mutable": false,
-          "attr": "item-title",
-          "reflectToAttr": false,
-          "docs": "The component header text.",
-          "docsTags": [
-            {
-              "name": "deprecated",
-              "text": "use `heading` instead."
-            }
-          ],
-          "deprecation": "use `heading` instead.",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
         {
           "name": "selected",
           "type": "boolean",
@@ -23507,7 +23459,13 @@
         }
       ],
       "listeners": [],
-      "styles": [],
+      "styles": [
+        {
+          "name": "--calcite-tooltip-z-index",
+          "annotation": "prop",
+          "docs": "Sets the z-index value for the component."
+        }
+      ],
       "slots": [
         {
           "name": "",

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.657
+ * v1.0.0-next.659
  */
 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.657
+ * v1.0.0-next.659
  */
 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.657
+ * v1.0.0-next.659
  */
 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.657
+ * v1.0.0-next.659
  */
 (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/list/list.d.ts

@@ -72,6 +72,7 @@ export declare class List implements InteractiveComponent, LoadableComponent {
    */
   calciteListFilter: EventEmitter<void>;
   handleCalciteInternalFocusPreviousItem(event: CustomEvent): void;
+  handleCalciteListItemActive(event: CustomEvent): void;
   handleCalciteListItemSelect(event: CustomEvent): void;
   connectedCallback(): void;
   disconnectedCallback(): void;

package/dist/types/components/list-item/list-item.d.ts

@@ -6,6 +6,7 @@ import { LoadableComponent } from "../../utils/loadable";
  * @slot - A slot for adding `calcite-list-item` and `calcite-list-item-group` elements.
  * @slot actions-start - A slot for adding actionable `calcite-action` elements before the content of the component.
  * @slot content-start - A slot for adding non-actionable elements before the label and description of the component.
+ * @slot content - A slot for adding non-actionable, centered content in place of the `label` and `description` of the component.
  * @slot content-end - A slot for adding non-actionable elements after the label and description of the component.
  * @slot actions-end - A slot for adding actionable `calcite-action` elements after the content of the component.
  */
@@ -79,6 +80,11 @@ export declare class ListItem implements InteractiveComponent, LoadableComponent
    * @internal
    */
   calciteInternalListItemSelect: EventEmitter<void>;
+  /**
+   *
+   * @internal
+   */
+  calciteInternalListItemActive: EventEmitter<void>;
   /**
    *
    * @internal
@@ -91,6 +97,7 @@ export declare class ListItem implements InteractiveComponent, LoadableComponent
   openable: boolean;
   hasActionsStart: boolean;
   hasActionsEnd: boolean;
+  hasCustomContent: boolean;
   hasContentStart: boolean;
   hasContentEnd: boolean;
   containerEl: HTMLTableRowElement;
@@ -108,10 +115,12 @@ export declare class ListItem implements InteractiveComponent, LoadableComponent
   renderActionsStart(): VNode;
   renderActionsEnd(): VNode;
   renderContentStart(): VNode;
+  renderCustomContent(): VNode;
   renderContentEnd(): VNode;
-  renderContent(): VNode;
+  renderContentProperties(): VNode;
   renderContentContainer(): VNode;
   render(): VNode;
+  handleContentSlotChange: (event: Event) => void;
   handleActionsStartSlotChange: (event: Event) => void;
   handleActionsEndSlotChange: (event: Event) => void;
   handleContentStartSlotChange: (event: Event) => void;
@@ -119,6 +128,7 @@ export declare class ListItem implements InteractiveComponent, LoadableComponent
   setSelectionDefaults(): void;
   handleDefaultSlotChange: (event: Event) => void;
   toggleOpen: () => void;
+  itemClicked: () => void;
   toggleSelected: () => void;
   handleItemKeyDown: (event: KeyboardEvent) => void;
   focusCellNull: () => void;

package/dist/types/components/list-item/resources.d.ts

@@ -8,6 +8,7 @@ export declare const CSS: {
   nestedContainer: string;
   nestedContainerHidden: string;
   content: string;
+  customContent: string;
   actionsStart: string;
   contentStart: string;
   label: string;
@@ -20,6 +21,7 @@ export declare const CSS: {
 export declare const SLOTS: {
   actionsStart: string;
   contentStart: string;
+  content: string;
   contentEnd: string;
   actionsEnd: string;
 };

package/dist/types/components/modal/resources.d.ts

@@ -15,6 +15,12 @@ export declare const CSS: {
   closingIdle: string;
   closingActive: string;
 };
+export declare const DURATIONS: {
+  slow: number;
+  medium: number;
+  fast: number;
+  test: number;
+};
 export declare const ICONS: {
   close: string;
 };

package/dist/types/components/stepper-item/stepper-item.d.ts

@@ -9,38 +9,19 @@ import { LoadableComponent } from "../../utils/loadable";
  */
 export declare class StepperItem implements InteractiveComponent, LocalizedComponent, LoadableComponent {
   el: HTMLCalciteStepperItemElement;
-  /**
-   *  When `true`, the component is selected.
-   *
-   * @deprecated Use `selected` instead.
-   */
-  active: boolean;
-  activeHandler(value: boolean): void;
   /**
    * When `true`, the component is selected.
    */
   selected: boolean;
-  selectedHandler(value: boolean): void;
+  selectedHandler(): void;
   /** When `true`, the step has been completed. */
   complete: boolean;
   /** When `true`, the component contains an error that requires resolution from the user. */
   error: boolean;
   /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
   disabled: boolean;
-  /**
-   * The component header text.
-   *
-   * @deprecated use `heading` instead.
-   */
-  itemTitle?: string;
   /** The component header text. */
   heading?: string;
-  /**
-   * A description for the component. Displays below the header text.
-   *
-   * @deprecated use `description` instead.
-   */
-  itemSubtitle?: string;
   /** A description for the component. Displays below the header text. */
   description: string;
   /** Defines the layout of the component. */

package/dist/types/components.d.ts

@@ -3556,11 +3556,6 @@ export namespace Components {
         "startStep": () => Promise<void>;
     }
     interface CalciteStepperItem {
-        /**
-          * When `true`, the component is selected.
-          * @deprecated Use `selected` instead.
-         */
-        "active": boolean;
         /**
           * When `true`, the step has been completed.
          */
@@ -3582,16 +3577,6 @@ export namespace Components {
          */
         "heading"?: string;
         "icon": boolean;
-        /**
-          * A description for the component. Displays below the header text.
-          * @deprecated use `description` instead.
-         */
-        "itemSubtitle"?: string;
-        /**
-          * The component header text.
-          * @deprecated use `heading` instead.
-         */
-        "itemTitle"?: string;
         "layout"?: Extract<"horizontal" | "vertical", Layout>;
         "numbered": boolean;
         "scale": Scale;
@@ -8632,11 +8617,6 @@ declare namespace LocalJSX {
         "scale"?: Scale;
     }
     interface CalciteStepperItem {
-        /**
-          * When `true`, the component is selected.
-          * @deprecated Use `selected` instead.
-         */
-        "active"?: boolean;
         /**
           * When `true`, the step has been completed.
          */
@@ -8657,16 +8637,6 @@ declare namespace LocalJSX {
           * The component header text.
          */
         "heading"?: string;
-        /**
-          * A description for the component. Displays below the header text.
-          * @deprecated use `description` instead.
-         */
-        "itemSubtitle"?: string;
-        /**
-          * The component header text.
-          * @deprecated use `heading` instead.
-         */
-        "itemTitle"?: string;
         /**
           * When `true`, the component is selected.
          */

package/dist/types/preact.d.ts

@@ -210,9 +210,10 @@ declare module "preact/src/jsx" {
         "oncalciteListFilter"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-list-item": Omit<JSX.CalciteListItem, "onCalciteListItemSelect" | "onCalciteInternalListItemSelect" | "onCalciteInternalFocusPreviousItem"> & JSXInternal.HTMLAttributes<HTMLCalciteListItemElement> & {
+      "calcite-list-item": Omit<JSX.CalciteListItem, "onCalciteListItemSelect" | "onCalciteInternalListItemSelect" | "onCalciteInternalListItemActive" | "onCalciteInternalFocusPreviousItem"> & JSXInternal.HTMLAttributes<HTMLCalciteListItemElement> & {
         "oncalciteListItemSelect"?: (event: CustomEvent<any>) => void;
         "oncalciteInternalListItemSelect"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalListItemActive"?: (event: CustomEvent<any>) => void;
         "oncalciteInternalFocusPreviousItem"?: (event: CustomEvent<any>) => void;
       }
 

package/dist/types/utils/openCloseComponent.d.ts

@@ -36,6 +36,13 @@ export interface OpenCloseComponent {
    */
   onClose: () => void;
 }
+/**
+ * Helper to determine globally set transition duration on the given openTransitionProp, which is imported and set in the @Watch("open").
+ * Used to emit (before)open/close events both for when the opacity transition is present and when there is none (transition-duration is set to 0).
+ *
+ * @param component
+ */
+export declare function onToggleOpenCloseComponent(component: OpenCloseComponent): void;
 /**
  * Helper to keep track of transition listeners on setTransitionEl and connectedCallback on OpenCloseComponent components.
  *