@esri/calcite-components 1.0.0-next.486 → 1.0.0-next.489

package/dist/extras/docs-json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2022-06-03T21:44:03",
+  "timestamp": "2022-06-06T22:10:20",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.16.0",
@@ -3187,6 +3187,36 @@
           ],
           "optional": false,
           "required": false
+        },
+        {
+          "name": "thumbnailPosition",
+          "type": "\"block-end\" | \"block-start\" | \"inline-end\" | \"inline-start\"",
+          "mutable": false,
+          "attr": "thumbnail-position",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "\"block-start\"",
+          "values": [
+            {
+              "value": "block-end",
+              "type": "string"
+            },
+            {
+              "value": "block-start",
+              "type": "string"
+            },
+            {
+              "value": "inline-end",
+              "type": "string"
+            },
+            {
+              "value": "inline-start",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
         }
       ],
       "methods": [],
@@ -6781,9 +6811,8 @@
           "mutable": false,
           "attr": "width",
           "reflectToAttr": true,
-          "docs": "specify the width of dropdown, defaults to m",
+          "docs": "specify the width of dropdown",
           "docsTags": [],
-          "default": "\"m\"",
           "values": [
             {
               "value": "l",
@@ -6798,7 +6827,7 @@
               "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         }
       ],
@@ -19325,7 +19354,7 @@
           "mutable": false,
           "attr": "close-on-click",
           "reflectToAttr": false,
-          "docs": "Closes the calcite-tooltip when the referenceElement is clicked.",
+          "docs": "Closes the `calcite-tooltip` when the `referenceElement` is clicked.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -19342,7 +19371,7 @@
           "mutable": false,
           "attr": "label",
           "reflectToAttr": false,
-          "docs": "Accessible name for the component",
+          "docs": "Accessible name for the `calcite-tooltip`.",
           "docsTags": [],
           "values": [
             {
@@ -19358,7 +19387,7 @@
           "mutable": false,
           "attr": "offset-distance",
           "reflectToAttr": true,
-          "docs": "Offset the position of the tooltip away from the reference element.",
+          "docs": "Offset the position of the `calcite-tooltip` away from the `referenceElement`.",
           "docsTags": [
             {
               "name": "default",
@@ -19380,7 +19409,7 @@
           "mutable": false,
           "attr": "offset-skidding",
           "reflectToAttr": true,
-          "docs": "Offset the position of the tooltip along the reference element.",
+          "docs": "Offset the position of the `calcite-tooltip` along the `referenceElement`.",
           "docsTags": [],
           "default": "0",
           "values": [
@@ -19397,7 +19426,7 @@
           "mutable": false,
           "attr": "open",
           "reflectToAttr": true,
-          "docs": "Display and position the component.",
+          "docs": "When true, the `calcite-tooltip` is open.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -19414,7 +19443,7 @@
           "mutable": false,
           "attr": "overlay-positioning",
           "reflectToAttr": false,
-          "docs": "Describes the type of positioning to use for the overlaid content. If your element is in a fixed container, use the 'fixed' value.",
+          "docs": "Describes the positioning type to use for the overlaid content. If the `referenceElement` is in a fixed container, use the \"fixed\" value.",
           "docsTags": [],
           "default": "\"absolute\"",
           "values": [
@@ -19436,7 +19465,7 @@
           "mutable": false,
           "attr": "placement",
           "reflectToAttr": true,
-          "docs": "Determines where the component will be positioned relative to the referenceElement.",
+          "docs": "Determines where the component will be positioned relative to the `referenceElement`.",
           "docsTags": [
             {
               "name": "see",
@@ -19464,7 +19493,7 @@
           "mutable": false,
           "attr": "reference-element",
           "reflectToAttr": false,
-          "docs": "Reference HTMLElement used to position this component according to the placement property. As a convenience, a string ID of the reference element can be used. However, setting this property to use an HTMLElement is preferred so that the component does not need to query the DOM for the referenceElement.",
+          "docs": "The `referenceElement` to position `calcite-tooltip` according to its \"placement\" value. Setting to the `HTMLElement` is preferred so `calcite-tooltip` does not need to query the DOM for the `referenceElement`. However, a string ID of the reference element can be used.",
           "docsTags": [],
           "values": [
             {

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.486
+ * v1.0.0-next.489
  */
 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.486
+ * v1.0.0-next.489
  */
 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.486
+ * v1.0.0-next.489
  */
 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.486
+ * v1.0.0-next.489
  */
 (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/card/card.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
+import { LogicalFlowPosition } from "../interfaces";
 import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 /**
  * Cards do not include a grid or bounding container
@@ -38,6 +39,7 @@ export declare class Card implements ConditionalSlotComponent {
    * @default "Deselect"
    */
   intlDeselect: string;
+  thumbnailPosition: LogicalFlowPosition;
   /** Fired when a selectable card is selected */
   calciteCardSelect: EventEmitter;
   connectedCallback(): void;

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

@@ -4,8 +4,8 @@ export declare const CSS: {
   footer: string;
   title: string;
   subtitle: string;
-  thumbnailWrapper: string;
   checkboxWrapper: string;
+  thumbnailWrapper: string;
 };
 export declare const SLOTS: {
   thumbnail: string;

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

@@ -51,8 +51,8 @@ export declare class Dropdown implements InteractiveComponent {
   selectedItems: HTMLCalciteDropdownItemElement[];
   /** specify whether the dropdown is opened by hover or click of a trigger element */
   type: "hover" | "click";
-  /** specify the width of dropdown, defaults to m */
-  width: Scale;
+  /** specify the width of dropdown */
+  width?: Scale;
   connectedCallback(): void;
   componentDidLoad(): void;
   componentDidRender(): void;
@@ -89,6 +89,8 @@ export declare class Dropdown implements InteractiveComponent {
   updateTriggers: (event: Event) => void;
   updateItems: () => void;
   updateGroups: (event: Event) => void;
+  resizeObserverCallback: (entries: ResizeObserverEntry[]) => void;
+  setDropdownWidth: () => void;
   setMaxScrollerHeight: () => void;
   setScrollerEl: (scrollerEl: HTMLDivElement) => void;
   transitionEnd: (event: TransitionEvent) => void;

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

@@ -3,6 +3,7 @@ export declare type Appearance = "solid" | "clear" | "outline";
 export declare type Columns = 1 | 2 | 3 | 4 | 5 | 6;
 export declare type FlipContext = "both" | "start" | "end";
 export declare type Layout = "horizontal" | "vertical" | "grid";
+export declare type LogicalFlowPosition = "inline-start" | "inline-end" | "block-start" | "block-end";
 export declare type Position = "start" | "end";
 export declare type Scale = "s" | "m" | "l";
 export declare type Status = "invalid" | "valid" | "idle";

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

@@ -5,38 +5,38 @@ import { PopperPlacement, OverlayPositioning, ReferenceElement } from "../../uti
  * @slot - A slot for adding text.
  */
 export declare class Tooltip {
-  /** Closes the calcite-tooltip when the referenceElement is clicked. */
+  /** Closes the `calcite-tooltip` when the `referenceElement` is clicked. */
   closeOnClick: boolean;
-  /** Accessible name for the component */
+  /** Accessible name for the `calcite-tooltip`. */
   label: string;
   /**
-   * Offset the position of the tooltip away from the reference element.
+   * Offset the position of the `calcite-tooltip` away from the `referenceElement`.
    *
    * @default 6
    */
   offsetDistance: number;
   offsetDistanceOffsetHandler(): void;
   /**
-   * Offset the position of the tooltip along the reference element.
+   * Offset the position of the `calcite-tooltip` along the `referenceElement`.
    */
   offsetSkidding: number;
   offsetSkiddingHandler(): void;
   /**
-   * Display and position the component.
+   * When true, the `calcite-tooltip` is open.
    */
   open: boolean;
   openHandler(): void;
-  /** Describes the type of positioning to use for the overlaid content. If your element is in a fixed container, use the 'fixed' value. */
+  /** Describes the positioning type to use for the overlaid content. If the `referenceElement` is in a fixed container, use the "fixed" value. */
   overlayPositioning: OverlayPositioning;
   /**
-   * Determines where the component will be positioned relative to the referenceElement.
+   * Determines where the component will be positioned relative to the `referenceElement`.
    *
    * @see [PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)
    */
   placement: PopperPlacement;
   placementHandler(): void;
   /**
-   * Reference HTMLElement used to position this component according to the placement property. As a convenience, a string ID of the reference element can be used. However, setting this property to use an HTMLElement is preferred so that the component does not need to query the DOM for the referenceElement.
+   * The `referenceElement` to position `calcite-tooltip` according to its "placement" value. Setting to the `HTMLElement` is preferred so `calcite-tooltip` does not need to query the DOM for the `referenceElement`. However, a string ID of the reference element can be used.
    */
   referenceElement: ReferenceElement | string;
   referenceElementHandler(): void;

package/dist/types/components.d.ts

@@ -6,7 +6,7 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { AccordionAppearance } from "./components/accordion/interfaces";
-import { Alignment, Appearance, Columns, FlipContext, Layout, Position, Scale, Status, Width } from "./components/interfaces";
+import { Alignment, Appearance, Columns, FlipContext, Layout, LogicalFlowPosition, Position, Scale, Status, Width } from "./components/interfaces";
 import { ComputedPlacement, MenuPlacement, OverlayPositioning, PopperPlacement, ReferenceElement } from "./utils/popper";
 import { AlertDuration, AlertPlacement, StatusColor } from "./components/alert/interfaces";
 import { HeadingLevel } from "./components/functional/Heading";
@@ -536,6 +536,7 @@ export namespace Components {
           * Indicates whether the card is selected.
          */
         "selected": boolean;
+        "thumbnailPosition": LogicalFlowPosition;
     }
     interface CalciteCheckbox {
         /**
@@ -1204,9 +1205,9 @@ export namespace Components {
          */
         "type": "hover" | "click";
         /**
-          * specify the width of dropdown, defaults to m
+          * specify the width of dropdown
          */
-        "width": Scale;
+        "width"?: Scale;
     }
     interface CalciteDropdownGroup {
         /**
@@ -3386,37 +3387,37 @@ export namespace Components {
     }
     interface CalciteTooltip {
         /**
-          * Closes the calcite-tooltip when the referenceElement is clicked.
+          * Closes the `calcite-tooltip` when the `referenceElement` is clicked.
          */
         "closeOnClick": boolean;
         /**
-          * Accessible name for the component
+          * Accessible name for the `calcite-tooltip`.
          */
         "label": string;
         /**
-          * Offset the position of the tooltip away from the reference element.
+          * Offset the position of the `calcite-tooltip` away from the `referenceElement`.
           * @default 6
          */
         "offsetDistance": number;
         /**
-          * Offset the position of the tooltip along the reference element.
+          * Offset the position of the `calcite-tooltip` along the `referenceElement`.
          */
         "offsetSkidding": number;
         /**
-          * Display and position the component.
+          * When true, the `calcite-tooltip` is open.
          */
         "open": boolean;
         /**
-          * Describes the type of positioning to use for the overlaid content. If your element is in a fixed container, use the 'fixed' value.
+          * Describes the positioning type to use for the overlaid content. If the `referenceElement` is in a fixed container, use the "fixed" value.
          */
         "overlayPositioning": OverlayPositioning;
         /**
-          * Determines where the component will be positioned relative to the referenceElement.
+          * Determines where the component will be positioned relative to the `referenceElement`.
           * @see [PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)
          */
         "placement": PopperPlacement;
         /**
-          * Reference HTMLElement used to position this component according to the placement property. As a convenience, a string ID of the reference element can be used. However, setting this property to use an HTMLElement is preferred so that the component does not need to query the DOM for the referenceElement.
+          * The `referenceElement` to position `calcite-tooltip` according to its "placement" value. Setting to the `HTMLElement` is preferred so `calcite-tooltip` does not need to query the DOM for the `referenceElement`. However, a string ID of the reference element can be used.
          */
         "referenceElement": ReferenceElement | string;
         /**
@@ -4965,6 +4966,7 @@ declare namespace LocalJSX {
           * Indicates whether the card is selected.
          */
         "selected"?: boolean;
+        "thumbnailPosition"?: LogicalFlowPosition;
     }
     interface CalciteCheckbox {
         /**
@@ -5657,7 +5659,7 @@ declare namespace LocalJSX {
          */
         "type"?: "hover" | "click";
         /**
-          * specify the width of dropdown, defaults to m
+          * specify the width of dropdown
          */
         "width"?: Scale;
     }
@@ -7754,37 +7756,37 @@ declare namespace LocalJSX {
     }
     interface CalciteTooltip {
         /**
-          * Closes the calcite-tooltip when the referenceElement is clicked.
+          * Closes the `calcite-tooltip` when the `referenceElement` is clicked.
          */
         "closeOnClick"?: boolean;
         /**
-          * Accessible name for the component
+          * Accessible name for the `calcite-tooltip`.
          */
         "label": string;
         /**
-          * Offset the position of the tooltip away from the reference element.
+          * Offset the position of the `calcite-tooltip` away from the `referenceElement`.
           * @default 6
          */
         "offsetDistance"?: number;
         /**
-          * Offset the position of the tooltip along the reference element.
+          * Offset the position of the `calcite-tooltip` along the `referenceElement`.
          */
         "offsetSkidding"?: number;
         /**
-          * Display and position the component.
+          * When true, the `calcite-tooltip` is open.
          */
         "open"?: boolean;
         /**
-          * Describes the type of positioning to use for the overlaid content. If your element is in a fixed container, use the 'fixed' value.
+          * Describes the positioning type to use for the overlaid content. If the `referenceElement` is in a fixed container, use the "fixed" value.
          */
         "overlayPositioning"?: OverlayPositioning;
         /**
-          * Determines where the component will be positioned relative to the referenceElement.
+          * Determines where the component will be positioned relative to the `referenceElement`.
           * @see [PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)
          */
         "placement"?: PopperPlacement;
         /**
-          * Reference HTMLElement used to position this component according to the placement property. As a convenience, a string ID of the reference element can be used. However, setting this property to use an HTMLElement is preferred so that the component does not need to query the DOM for the referenceElement.
+          * The `referenceElement` to position `calcite-tooltip` according to its "placement" value. Setting to the `HTMLElement` is preferred so `calcite-tooltip` does not need to query the DOM for the `referenceElement`. However, a string ID of the reference element can be used.
          */
         "referenceElement"?: ReferenceElement | string;
     }