@esri/calcite-components 1.0.0-beta.78 → 1.0.0-beta.81

package/dist/extras/docs-json.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2022-03-02T01:32:58",
+  "timestamp": "2022-04-12T19:02:52",
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.14.0",
+    "version": "2.15.0",
     "typescriptVersion": "4.5.4"
   },
   "components": [
@@ -1135,14 +1135,14 @@
         },
         {
           "name": "flipPlacements",
-          "type": "Placement[]",
+          "type": "ComputedPlacement[]",
           "mutable": false,
           "reflectToAttr": false,
           "docs": "Defines the available placements that can be used when a flip occurs.",
           "docsTags": [],
           "values": [
             {
-              "type": "Placement[]"
+              "type": "ComputedPlacement[]"
             }
           ],
           "optional": true,
@@ -2935,12 +2935,13 @@
           "reflectToAttr": false,
           "docs": "The type attribute to apply to the button",
           "docsTags": [],
+          "default": "\"button\"",
           "values": [
             {
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false
         },
         {
@@ -3721,6 +3722,23 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "disabled",
+          "reflectToAttr": true,
+          "docs": "When true, disabled prevents user interaction.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "format",
           "type": "\"auto\" | \"hex\" | \"hexa\" | \"hsl\" | \"hsl-css\" | \"hsla\" | \"hsla-css\" | \"hsv\" | \"hsva\" | \"rgb\" | \"rgb-css\" | \"rgba\" | \"rgba-css\"",
@@ -4766,6 +4784,21 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "flipPlacements",
+          "type": "ComputedPlacement[]",
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Defines the available placements that can be used when a flip occurs.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "ComputedPlacement[]"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "intlRemoveTag",
           "type": "string",
@@ -6544,6 +6577,21 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "flipPlacements",
+          "type": "ComputedPlacement[]",
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Defines the available placements that can be used when a flip occurs.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "ComputedPlacement[]"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "maxItems",
           "type": "number",
@@ -6596,7 +6644,7 @@
               "text": "\"bottom-leading\""
             }
           ],
-          "default": "DefaultDropdownPlacement",
+          "default": "defaultMenuPlacement",
           "values": [
             {
               "value": "bottom",
@@ -7466,13 +7514,14 @@
           "reflectToAttr": false,
           "docs": "The items to filter through. The filter uses this as the starting point, and returns items\nthat contain the string entered in the input, using a partial match and recursive search.\n\nThis property is required.",
           "docsTags": [],
+          "default": "[]",
           "values": [
             {
               "type": "object[]"
             }
           ],
           "optional": false,
-          "required": true
+          "required": false
         },
         {
           "name": "placeholder",
@@ -7524,12 +7573,13 @@
           "reflectToAttr": false,
           "docs": "Filter value.",
           "docsTags": [],
+          "default": "\"\"",
           "values": [
             {
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false
         }
       ],
@@ -7566,19 +7616,14 @@
         "calcite-value-list"
       ],
       "dependencies": [
-        "calcite-scrim",
         "calcite-input",
         "calcite-icon"
       ],
       "dependencyGraph": {
         "calcite-filter": [
-          "calcite-scrim",
           "calcite-input",
           "calcite-icon"
         ],
-        "calcite-scrim": [
-          "calcite-loader"
-        ],
         "calcite-input": [
           "calcite-progress",
           "calcite-icon"
@@ -9101,6 +9146,21 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "flipPlacements",
+          "type": "ComputedPlacement[]",
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Defines the available placements that can be used when a flip occurs.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "ComputedPlacement[]"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "headingLevel",
           "type": "1 | 2 | 3 | 4 | 5 | 6",
@@ -9343,6 +9403,65 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "placement",
+          "type": "\"bottom\" | \"bottom-end\" | \"bottom-leading\" | \"bottom-start\" | \"bottom-trailing\" | \"top\" | \"top-end\" | \"top-leading\" | \"top-start\" | \"top-trailing\"",
+          "mutable": false,
+          "attr": "placement",
+          "reflectToAttr": true,
+          "docs": "Determines where the date-picker component will be positioned relative to the input.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "\"bottom-leading\""
+            }
+          ],
+          "default": "defaultMenuPlacement",
+          "values": [
+            {
+              "value": "bottom",
+              "type": "string"
+            },
+            {
+              "value": "bottom-end",
+              "type": "string"
+            },
+            {
+              "value": "bottom-leading",
+              "type": "string"
+            },
+            {
+              "value": "bottom-start",
+              "type": "string"
+            },
+            {
+              "value": "bottom-trailing",
+              "type": "string"
+            },
+            {
+              "value": "top",
+              "type": "string"
+            },
+            {
+              "value": "top-end",
+              "type": "string"
+            },
+            {
+              "value": "top-leading",
+              "type": "string"
+            },
+            {
+              "value": "top-start",
+              "type": "string"
+            },
+            {
+              "value": "top-trailing",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "proximitySelectionDisabled",
           "type": "boolean",
@@ -10009,6 +10128,34 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "placement",
+          "type": "Placement | PlacementRtl | VariationRtl",
+          "mutable": false,
+          "attr": "placement",
+          "reflectToAttr": true,
+          "docs": "Determines where the popover will be positioned relative to the input.",
+          "docsTags": [
+            {
+              "name": "see",
+              "text": "[PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)"
+            }
+          ],
+          "default": "\"auto\"",
+          "values": [
+            {
+              "type": "Placement"
+            },
+            {
+              "type": "PlacementRtl"
+            },
+            {
+              "type": "VariationRtl"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "scale",
           "type": "\"l\" | \"m\" | \"s\"",
@@ -10215,8 +10362,14 @@
           "attr": "disabled",
           "reflectToAttr": true,
           "docs": "is the label disabled",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "deprecated",
+              "text": "use the `disabled` property on the interactive components instead"
+            }
+          ],
           "default": "false",
+          "deprecation": "use the `disabled` property on the interactive components instead",
           "values": [
             {
               "type": "boolean"
@@ -10564,6 +10717,23 @@
         "Nested": "```html\n<calcite-list>\n  <calcite-list-item\n    label=\"Cras iaculis ultricies nulla.\"\n    description=\"Lorem ipsum dolor sit amet, consectetuer adipiscing elit.\"\n  >\n    <calcite-list-item label=\"Ut aliquam sollicitudin leo.\" description=\"Aliquam tincidunt mauris eu risus.\">\n      <calcite-list-item\n        label=\"Vestibulum commodo felis quis tortor.\"\n        description=\"Vestibulum auctor dapibus neque.\"\n      ></calcite-list-item></calcite-list-item\n  ></calcite-list-item>\n</calcite-list>\n```\n"
       },
       "props": [
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "disabled",
+          "reflectToAttr": true,
+          "docs": "When true, disabled prevents user interaction.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "headingLevel",
           "type": "1 | 2 | 3 | 4 | 5 | 6",
@@ -12821,16 +12991,15 @@
           "calcite-scrim"
         ],
         "calcite-filter": [
-          "calcite-scrim",
           "calcite-input",
           "calcite-icon"
         ],
-        "calcite-scrim": [
-          "calcite-loader"
-        ],
         "calcite-input": [
           "calcite-progress",
           "calcite-icon"
+        ],
+        "calcite-scrim": [
+          "calcite-loader"
         ]
       }
     },
@@ -12982,7 +13151,7 @@
               "type": "boolean"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false
         },
         {
@@ -13287,14 +13456,14 @@
         },
         {
           "name": "flipPlacements",
-          "type": "Placement[]",
+          "type": "ComputedPlacement[]",
           "mutable": false,
           "reflectToAttr": false,
           "docs": "Defines the available placements that can be used when a flip occurs.",
           "docsTags": [],
           "values": [
             {
-              "type": "Placement[]"
+              "type": "ComputedPlacement[]"
             }
           ],
           "optional": true,
@@ -13482,7 +13651,7 @@
               "text": "[PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)"
             }
           ],
-          "default": "\"auto\"",
+          "default": "defaultPopoverPlacement",
           "values": [
             {
               "type": "Placement"
@@ -14827,7 +14996,6 @@
       "parts": [],
       "dependents": [
         "calcite-block",
-        "calcite-filter",
         "calcite-modal",
         "calcite-panel",
         "calcite-pick-list",
@@ -14843,9 +15011,6 @@
         "calcite-block": [
           "calcite-scrim"
         ],
-        "calcite-filter": [
-          "calcite-scrim"
-        ],
         "calcite-modal": [
           "calcite-scrim"
         ],
@@ -15859,16 +16024,19 @@
         },
         {
           "name": "value",
-          "type": "number",
+          "type": "number | number[]",
           "mutable": true,
           "attr": "value",
           "reflectToAttr": true,
           "docs": "Currently selected number (if single select)",
           "docsTags": [],
-          "default": "null",
+          "default": "0",
           "values": [
             {
               "type": "number"
+            },
+            {
+              "type": "number[]"
             }
           ],
           "optional": false,
@@ -16717,7 +16885,7 @@
           "type": "boolean",
           "mutable": false,
           "attr": "disabled",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "is the step disabled and not navigable to by a user",
           "docsTags": [],
           "default": "false",
@@ -17059,7 +17227,7 @@
       "events": [],
       "listeners": [
         {
-          "event": "calciteTabChange",
+          "event": "calciteInternalTabChange",
           "target": "body",
           "capture": false,
           "passive": false
@@ -17151,18 +17319,17 @@
       ],
       "listeners": [
         {
-          "event": "resize",
-          "target": "window",
+          "event": "calciteTabsFocusPrevious",
           "capture": false,
-          "passive": true
+          "passive": false
         },
         {
-          "event": "calciteTabsFocusPrevious",
+          "event": "calciteTabsFocusNext",
           "capture": false,
           "passive": false
         },
         {
-          "event": "calciteTabsFocusNext",
+          "event": "calciteInternalTabsActivate",
           "capture": false,
           "passive": false
         },
@@ -17177,7 +17344,7 @@
           "passive": false
         },
         {
-          "event": "calciteTabChange",
+          "event": "calciteInternalTabChange",
           "target": "body",
           "capture": false,
           "passive": false
@@ -17354,7 +17521,7 @@
       ],
       "listeners": [
         {
-          "event": "calciteTabChange",
+          "event": "calciteInternalTabChange",
           "target": "body",
           "capture": false,
           "passive": false
@@ -18084,6 +18251,23 @@
       ],
       "usage": {},
       "props": [
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "disabled",
+          "reflectToAttr": true,
+          "docs": "The disabled state of the tile select.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "layout",
           "type": "\"horizontal\" | \"vertical\"",
@@ -18753,7 +18937,7 @@
           "mutable": true,
           "attr": "closed",
           "reflectToAttr": true,
-          "docs": "Alternate text for closing the `calcite-tip-manager`.",
+          "docs": "Closed state of the `calcite-tip-manager`.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -19394,6 +19578,11 @@
           "event": "calciteTreeItemSelect",
           "capture": false,
           "passive": false
+        },
+        {
+          "event": "keydown",
+          "capture": false,
+          "passive": false
         }
       ],
       "styles": [],
@@ -19701,6 +19890,11 @@
         }
       ],
       "listeners": [
+        {
+          "event": "focusout",
+          "capture": false,
+          "passive": false
+        },
         {
           "event": "calciteListItemRemove",
           "capture": false,
@@ -19745,16 +19939,15 @@
           "calcite-scrim"
         ],
         "calcite-filter": [
-          "calcite-scrim",
           "calcite-input",
           "calcite-icon"
         ],
-        "calcite-scrim": [
-          "calcite-loader"
-        ],
         "calcite-input": [
           "calcite-progress",
           "calcite-icon"
+        ],
+        "calcite-scrim": [
+          "calcite-loader"
         ]
       }
     },
@@ -19806,7 +19999,7 @@
               "type": "boolean"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false
         },
         {

package/dist/loader/cdn.js

@@ -1,6 +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-beta.81
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.cjs.js

@@ -1,6 +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-beta.81
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.es2017.js

@@ -1,6 +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-beta.81
  */
 export * from '../esm/polyfills/index.js';
 export * from '../esm/loader.js';

package/dist/loader/index.js

@@ -1,6 +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-beta.81
  */
 (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/action/action.d.ts

@@ -1,9 +1,10 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Alignment, Appearance, Scale } from "../interfaces";
+import { InteractiveComponent } from "../../utils/interactive";
 /**
  * @slot - A slot for adding a `calcite-icon`.
  */
-export declare class Action {
+export declare class Action implements InteractiveComponent {
   /**
    * Indicates whether the action is highlighted.
    */
@@ -64,6 +65,7 @@ export declare class Action {
   mutationObserver: MutationObserver;
   connectedCallback(): void;
   disconnectedCallback(): void;
+  componentDidRender(): void;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
   renderTextContainer(): VNode;

package/dist/types/components/action-bar/action-bar.d.ts

@@ -12,7 +12,7 @@ export declare class ActionBar implements ConditionalSlotComponent {
    * When set to true, the expand-toggling behavior will be disabled.
    */
   expandDisabled: boolean;
-  expandHandler(expandDisabled: boolean): void;
+  expandHandler(): void;
   /**
    * Indicates whether widget is expanded.
    */

package/dist/types/components/action-menu/action-menu.d.ts

@@ -1,7 +1,6 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { VNode } from "../../stencil-public-runtime";
-import { PopperPlacement, OverlayPositioning } from "../../utils/popper";
-import { Placement } from "@popperjs/core";
+import { PopperPlacement, OverlayPositioning, ComputedPlacement } from "../../utils/popper";
 import { Scale } from "../interfaces";
 import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 /**
@@ -20,7 +19,7 @@ export declare class ActionMenu implements ConditionalSlotComponent {
   /**
    * Defines the available placements that can be used when a flip occurs.
    */
-  flipPlacements?: Placement[];
+  flipPlacements?: ComputedPlacement[];
   /**
    *  Text string for the actions menu.
    */

package/dist/types/components/action-pad/action-pad.d.ts

@@ -10,7 +10,6 @@ export declare class ActionPad implements ConditionalSlotComponent {
    * When set to true, the expand-toggling behavior will be disabled.
    */
   expandDisabled: boolean;
-  expandHandler(expandDisabled: boolean): void;
   /**
    * Indicates whether widget is expanded.
    */

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

@@ -2,13 +2,14 @@ import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { HeadingLevel } from "../functional/Heading";
 import { Status } from "../interfaces";
 import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
+import { InteractiveComponent } from "../../utils/interactive";
 /**
  * @slot - A slot for adding content to the block.
  * @slot icon - A slot for adding a leading header icon.
  * @slot control - A slot for adding a single HTML input element in a header.
  * @slot header-menu-actions - a slot for adding an overflow menu with actions inside a dropdown.
  */
-export declare class Block implements ConditionalSlotComponent {
+export declare class Block implements ConditionalSlotComponent, InteractiveComponent {
   /**
    * When true, this block will be collapsible.
    */
@@ -61,6 +62,7 @@ export declare class Block implements ConditionalSlotComponent {
    * Block summary.
    */
   summary: string;
+  componentDidRender(): void;
   el: HTMLCalciteBlockElement;
   private guid;
   connectedCallback(): void;