@esri/calcite-components 1.7.0-next.9 → 1.7.0

package/dist/extras/vscode-data.json

@@ -83,7 +83,7 @@
       "name": "calcite-accordion-item",
       "description": {
         "kind": "markdown",
-        "value": "individual `calcite-accordion` item"
+        "value": "A child component of `calcite-accordion`, where some behavior is inherited from its parent such as the `appearance` and `selectionMode`."
       },
       "attributes": [
         {
@@ -3058,6 +3058,10 @@
           "name": "input-mode",
           "description": "Specifies the type of content to help devices display an appropriate virtual keyboard.\nRead the native attribute's documentation on MDN for more info."
         },
+        {
+          "name": "integer",
+          "description": "When `true`, restricts the component to integer numbers only and disables exponential notation."
+        },
         {
           "name": "label",
           "description": "Accessible name for the component's button or hyperlink."
@@ -5322,6 +5326,95 @@
         }
       ]
     },
+    {
+      "name": "calcite-sheet",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "display-mode",
+          "description": "Specifies the display mode - `\"float\"` (content is separated detached),\nor `\"overlay\"` (displays on top of center content).",
+          "values": [
+            {
+              "name": "float"
+            },
+            {
+              "name": "overlay"
+            }
+          ]
+        },
+        {
+          "name": "escape-disabled",
+          "description": "When `true`, disables the default close on escape behavior."
+        },
+        {
+          "name": "focus-trap-disabled",
+          "description": "When `true`, prevents focus trapping."
+        },
+        {
+          "name": "height-scale",
+          "description": "When `position` is `\"block-start\"` or `\"block-end\"`, specifies the height of the component.",
+          "values": [
+            {
+              "name": "l"
+            },
+            {
+              "name": "m"
+            },
+            {
+              "name": "s"
+            }
+          ]
+        },
+        {
+          "name": "label",
+          "description": "Specifies the label of the component."
+        },
+        {
+          "name": "open",
+          "description": "When `true`, displays and positions the component."
+        },
+        {
+          "name": "outside-close-disabled",
+          "description": "When `true`, disables the closing of the component when clicked outside."
+        },
+        {
+          "name": "position",
+          "description": "Determines where the component will be positioned.",
+          "values": [
+            {
+              "name": "block-end"
+            },
+            {
+              "name": "block-start"
+            },
+            {
+              "name": "inline-end"
+            },
+            {
+              "name": "inline-start"
+            }
+          ]
+        },
+        {
+          "name": "width-scale",
+          "description": "When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the width of the component.",
+          "values": [
+            {
+              "name": "l"
+            },
+            {
+              "name": "m"
+            },
+            {
+              "name": "s"
+            }
+          ]
+        }
+      ]
+    },
     {
       "name": "calcite-shell",
       "description": {
@@ -6152,6 +6245,242 @@
         }
       ]
     },
+    {
+      "name": "calcite-table",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "bordered",
+          "description": "When `true`, displays borders in the component."
+        },
+        {
+          "name": "caption",
+          "description": "Specifies an accessible title for the component."
+        },
+        {
+          "name": "group-separator",
+          "description": "When `true`, number values are displayed with a group separator corresponding to the language and country format."
+        },
+        {
+          "name": "layout",
+          "description": "Specifies the layout of the component.",
+          "values": [
+            {
+              "name": "auto"
+            },
+            {
+              "name": "fixed"
+            }
+          ]
+        },
+        {
+          "name": "numbered",
+          "description": "When `true`, displays the position of the row in numeric form."
+        },
+        {
+          "name": "numbering-system",
+          "description": "Specifies the Unicode numeral system used by the component for localization.",
+          "values": [
+            {
+              "name": "arab"
+            },
+            {
+              "name": "arabext"
+            },
+            {
+              "name": "bali"
+            },
+            {
+              "name": "beng"
+            },
+            {
+              "name": "deva"
+            },
+            {
+              "name": "fullwide"
+            },
+            {
+              "name": "gujr"
+            },
+            {
+              "name": "guru"
+            },
+            {
+              "name": "hanidec"
+            },
+            {
+              "name": "khmr"
+            },
+            {
+              "name": "knda"
+            },
+            {
+              "name": "laoo"
+            },
+            {
+              "name": "latn"
+            },
+            {
+              "name": "limb"
+            },
+            {
+              "name": "mlym"
+            },
+            {
+              "name": "mong"
+            },
+            {
+              "name": "mymr"
+            },
+            {
+              "name": "orya"
+            },
+            {
+              "name": "tamldec"
+            },
+            {
+              "name": "telu"
+            },
+            {
+              "name": "thai"
+            },
+            {
+              "name": "tibt"
+            }
+          ]
+        },
+        {
+          "name": "page-size",
+          "description": "Specifies the page size of the component. When `true`, renders `calcite-pagination`"
+        },
+        {
+          "name": "scale",
+          "description": "Specifies the size of the component.",
+          "values": [
+            {
+              "name": "l"
+            },
+            {
+              "name": "m"
+            },
+            {
+              "name": "s"
+            }
+          ]
+        },
+        {
+          "name": "selection-mode",
+          "description": "Specifies the selection mode of the component.",
+          "values": [
+            {
+              "name": "multiple"
+            },
+            {
+              "name": "none"
+            },
+            {
+              "name": "single"
+            }
+          ]
+        },
+        {
+          "name": "zebra",
+          "description": "When `true`, displays zebra styling in the component."
+        }
+      ]
+    },
+    {
+      "name": "calcite-table-cell",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "alignment",
+          "description": "Specifies the alignment of the component.",
+          "values": [
+            {
+              "name": "center"
+            },
+            {
+              "name": "end"
+            },
+            {
+              "name": "start"
+            }
+          ]
+        },
+        {
+          "name": "col-span",
+          "description": "Specifies the number of columns the component should span."
+        },
+        {
+          "name": "row-span",
+          "description": "Specifies the number of rows the component should span."
+        }
+      ]
+    },
+    {
+      "name": "calcite-table-header",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "alignment",
+          "description": "Specifies the alignment of the component.",
+          "values": [
+            {
+              "name": "center"
+            },
+            {
+              "name": "end"
+            },
+            {
+              "name": "start"
+            }
+          ]
+        },
+        {
+          "name": "col-span",
+          "description": "Specifies the number of columns the component should span."
+        },
+        {
+          "name": "description",
+          "description": "A description to display beneath heading content."
+        },
+        {
+          "name": "heading",
+          "description": "A heading to display above description content."
+        },
+        {
+          "name": "row-span",
+          "description": "Specifies the number of rows the component should span."
+        }
+      ]
+    },
+    {
+      "name": "calcite-table-row",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "When `true`, interaction is prevented and the component is displayed with lower opacity."
+        },
+        {
+          "name": "selected",
+          "description": "When `true`, the component is selected."
+        }
+      ]
+    },
     {
       "name": "calcite-tabs",
       "description": {

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-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.9
+ * v1.7.0
  */
 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-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.9
+ * v1.7.0
  */
 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-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.9
+ * v1.7.0
  */
 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-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.9
+ * v1.7.0
  */
 (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/accordion-item/resources.d.ts

@@ -17,3 +17,7 @@ export declare const CSS: {
   iconEnd: string;
   headerContainer: string;
 };
+export declare const IDS: {
+  section: string;
+  sectionToggle: string;
+};

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

@@ -67,7 +67,6 @@ export declare class Block implements ConditionalSlotComponent, InteractiveCompo
    */
   setFocus(): Promise<void>;
   el: HTMLCalciteBlockElement;
-  private guid;
   effectiveLocale: string;
   effectiveLocaleChange(): void;
   defaultMessages: BlockMessages;

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

@@ -1,26 +1,24 @@
+export declare const IDS: {
+  content: string;
+  toggle: string;
+};
 export declare const CSS: {
+  button: string;
   container: string;
   content: string;
+  controlContainer: string;
+  description: string;
+  header: string;
   headerContainer: string;
+  heading: string;
   icon: string;
+  invalid: string;
   statusIcon: string;
+  summary: string;
+  title: string;
   toggle: string;
   toggleIcon: string;
-  title: string;
-  heading: string;
-  header: string;
-  button: string;
-  summary: string;
-  description: string;
-  controlContainer: string;
   valid: string;
-  invalid: string;
-};
-export declare const TEXT: {
-  collapse: string;
-  expand: string;
-  loading: string;
-  options: string;
 };
 export declare const SLOTS: {
   icon: string;

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

@@ -46,7 +46,6 @@ export declare class BlockSection implements LocalizedComponent, T9nComponent, L
    */
   setFocus(): Promise<void>;
   el: HTMLCalciteBlockSectionElement;
-  private guid;
   effectiveLocale: string;
   effectiveLocaleChange(): void;
   defaultMessages: BlockSectionMessages;

package/dist/types/components/block-section/resources.d.ts

@@ -1,19 +1,21 @@
+export declare const IDS: {
+  content: string;
+  toggle: string;
+};
 export declare const CSS: {
   content: string;
+  focusGuard: string;
   invalid: string;
+  sectionHeader: string;
+  sectionHeaderText: string;
+  statusIcon: string;
   toggle: string;
   toggleSwitch: string;
+  toggleSwitchContainer: string;
   toggleSwitchContent: string;
   toggleSwitchText: string;
-  sectionHeader: string;
-  sectionHeaderText: string;
-  statusIcon: string;
   valid: string;
 };
-export declare const TEXT: {
-  collapse: string;
-  expand: string;
-};
 export declare const ICONS: {
   menuOpen: string;
   menuClosedLeft: string;

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

@@ -1,5 +1,5 @@
 import { VNode } from "../../stencil-public-runtime";
-import { FlowDirection } from "./interfaces";
+import { FlowDirection, FlowItemLikeElement } from "./interfaces";
 import { LoadableComponent } from "../../utils/loadable";
 /**
  * @slot - A slot for adding `calcite-flow-item` elements to the component.
@@ -8,15 +8,21 @@ export declare class Flow implements LoadableComponent {
   /**
    * Removes the currently active `calcite-flow-item`.
    */
-  back(): Promise<HTMLCalciteFlowItemElement>;
+  back(): Promise<HTMLCalciteFlowItemElement | FlowItemLikeElement>;
   /**
    * Sets focus on the component.
    */
   setFocus(): Promise<void>;
+  /**
+   * This property enables the component to consider other custom elements implementing flow-item's interface.
+   *
+   * @internal
+   */
+  customItemSelectors: string;
   el: HTMLCalciteFlowElement;
   flowDirection: FlowDirection;
   itemCount: number;
-  items: HTMLCalciteFlowItemElement[];
+  items: FlowItemLikeElement[];
   itemMutationObserver: import("../../utils/observers").ExtendedMutationObserver;
   connectedCallback(): void;
   componentWillLoad(): Promise<void>;

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

@@ -1 +1,2 @@
 export type FlowDirection = "advancing" | "retreating";
+export type FlowItemLikeElement = Pick<HTMLCalciteFlowItemElement, "beforeBack" | "menuOpen" | "setFocus" | "showBackButton"> & HTMLElement;

package/dist/types/components/input-date-picker/input-date-picker.d.ts

@@ -214,4 +214,5 @@ export declare class InputDatePicker implements FloatingUIComponent, FocusTrapCo
   private commonDateSeparators;
   private formatNumerals;
   private parseNumerals;
+  private getNormalizedDate;
 }

package/dist/types/components/input-date-picker/utils.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Specifies if an ISO string date (YYYY-MM-DD) has two digit year.
+ *
+ * @param {string} value
+ * @returns {boolean}
+ */
+export declare function isTwoDigitYear(value: string): boolean;
+/**
+ * Returns a normalized year to current century from a given two digit year number.
+ *
+ * @param {number} twoDigitYear
+ * @returns {string}
+ */
+export declare function normalizeToCurrentCentury(twoDigitYear: number): number;

package/dist/types/components/input-number/input-number.d.ts

@@ -55,6 +55,8 @@ export declare class InputNumber implements LabelableComponent, FormComponent, I
   icon: string | boolean;
   /** When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). */
   iconFlipRtl: boolean;
+  /** When `true`, restricts the component to integer numbers only and disables exponential notation. */
+  integer: boolean;
   /** Accessible name for the component's button or hyperlink. */
   label: string;
   /** When `true`, the component is in the loading state and `calcite-progress` is displayed. */

package/dist/types/components/input-time-picker/input-time-picker.d.ts

@@ -90,6 +90,7 @@ export declare class InputTimePicker implements FloatingUIComponent, FocusTrapCo
   private focusOnOpen;
   focusTrap: FocusTrap;
   private dialogId;
+  private localeConfig;
   /** whether the value of the input was changed as a result of user typing or not */
   private userChangedValue;
   private referenceElementId;
@@ -113,13 +114,17 @@ export declare class InputTimePicker implements FloatingUIComponent, FocusTrapCo
    */
   reposition(delayed?: boolean): Promise<void>;
   private delocalizeTimeString;
+  private delocalizeTimeStringToParts;
+  private getTimeStringFromParts;
   private popoverCloseHandler;
   private popoverOpenHandler;
   keyDownHandler: (event: KeyboardEvent) => void;
+  private getSupportedDayjsLocale;
   private loadDateTimeLocaleData;
   private getExtendedLocaleConfig;
   onLabelClick(): void;
   private shouldIncludeSeconds;
+  private shouldIncludeFractionalSeconds;
   private setCalcitePopoverEl;
   private setCalciteInputEl;
   private setCalciteTimePickerEl;

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

@@ -1,10 +1,10 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import Sortable, { SortableEvent } from "sortablejs";
+import Sortable from "sortablejs";
 import { InteractiveComponent } from "../../utils/interactive";
 import { SelectionMode } from "../interfaces";
 import { ItemData } from "../list-item/interfaces";
 import { SelectionAppearance } from "./resources";
-import { DragEvent, SortableComponent } from "../../utils/sortableComponent";
+import { DragDetail, SortableComponent } from "../../utils/sortableComponent";
 import { LoadableComponent } from "../../utils/loadable";
 import { HandleNudge } from "../handle/interfaces";
 /**
@@ -22,11 +22,11 @@ export declare class List implements InteractiveComponent, LoadableComponent, So
   /**
    * When provided, the method will be called to determine whether the element can  move from the list.
    */
-  canPull: (event: DragEvent) => boolean;
+  canPull: (detail: DragDetail) => boolean;
   /**
    * When provided, the method will be called to determine whether the element can be added from another list.
    */
-  canPut: (event: DragEvent) => boolean;
+  canPut: (detail: DragDetail) => boolean;
   /**
    * When `true`, `calcite-list-item`s are sortable via a draggable button.
    */
@@ -102,11 +102,11 @@ export declare class List implements InteractiveComponent, LoadableComponent, So
   /**
    * Emitted when the order of the list has changed.
    */
-  calciteListOrderChange: EventEmitter<DragEvent>;
+  calciteListOrderChange: EventEmitter<DragDetail>;
   /**
    * Emitted when the default slot has changes in order to notify parent lists.
    */
-  calciteInternalListDefaultSlotChange: EventEmitter<DragEvent>;
+  calciteInternalListDefaultSlotChange: EventEmitter<void>;
   handleCalciteInternalFocusPreviousItem(event: CustomEvent): void;
   handleCalciteInternalListItemActive(event: CustomEvent): void;
   handleCalciteListItemSelect(): void;
@@ -145,7 +145,8 @@ export declare class List implements InteractiveComponent, LoadableComponent, So
   private setUpSorting;
   onDragStart(): void;
   onDragEnd(): void;
-  onDragSort(event: SortableEvent): void;
+  onDragSort(detail: DragDetail): void;
+  private setParentList;
   private handleDefaultSlotChange;
   private handleFilterActionsStartSlotChange;
   private handleFilterActionsEndSlotChange;

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

@@ -126,7 +126,7 @@ export declare class ListItem implements InteractiveComponent, LoadableComponent
    * @internal
    */
   calciteInternalListItemChange: EventEmitter<void>;
-  handleCalciteInternalListDefaultSlotChanges(event: CustomEvent): void;
+  handleCalciteInternalListDefaultSlotChanges(event: CustomEvent<void>): void;
   el: HTMLCalciteListItemElement;
   effectiveLocale: string;
   effectiveLocaleChange(): void;

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

@@ -0,0 +1 @@
+export type DisplayMode = "float" | "overlay";

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

@@ -0,0 +1,7 @@
+export declare const CSS: {
+  scrim: string;
+  container: string;
+  containerOpen: string;
+  content: string;
+  containerSlottedInShell: string;
+};