@esri/calcite-components 1.0.0-next.308 → 1.0.0-next.311

package/dist/extras/docs-json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2021-11-24T20:34:08",
+  "timestamp": "2021-11-30T22:22:39",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.11.0",
@@ -15316,6 +15316,28 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "intlResize",
+          "type": "string",
+          "mutable": false,
+          "attr": "intl-resize",
+          "reflectToAttr": false,
+          "docs": "Accessible label for resize separator.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "\"Resize\""
+            }
+          ],
+          "default": "TEXT.resize",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "position",
           "type": "\"end\" | \"start\"",
@@ -15337,6 +15359,23 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "resizable",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "resizable",
+          "reflectToAttr": true,
+          "docs": "This property makes the content area resizable if the calcite-shell-panel is not 'detached'.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "widthScale",
           "type": "\"l\" | \"m\" | \"s\"",
@@ -16146,6 +16185,28 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "overlayPositioning",
+          "type": "\"absolute\" | \"fixed\"",
+          "mutable": false,
+          "attr": "overlay-positioning",
+          "reflectToAttr": false,
+          "docs": "Describes the type of positioning to use for the dropdown. If your element is in a fixed container, use the 'fixed' value.",
+          "docsTags": [],
+          "default": "\"absolute\"",
+          "values": [
+            {
+              "value": "absolute",
+              "type": "string"
+            },
+            {
+              "value": "fixed",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "primaryIconEnd",
           "type": "string",

package/dist/types/components/calcite-alert/calcite-alert.d.ts

@@ -32,9 +32,11 @@ export declare class CalciteAlert {
   /** specify the scale of the button, defaults to m */
   scale: Scale;
   updateRequestedIcon(): void;
+  updateDuration(newDuration: string, prevDuration: string): void;
   connectedCallback(): void;
   componentWillLoad(): void;
   componentDidLoad(): void;
+  disconnectedCallback(): void;
   render(): VNode;
   /** Fired when an alert is closed */
   calciteAlertClose: EventEmitter;
@@ -68,6 +70,7 @@ export declare class CalciteAlert {
   private alertLinkEl?;
   private autoDismissTimeout;
   private queueTimeout;
+  private trackTimer;
   /** the computed icon to render */
   requestedIcon?: string;
   /** determine which alert is active */

package/dist/types/components/calcite-shell-panel/calcite-shell-panel.d.ts

@@ -26,11 +26,42 @@ export declare class CalciteShellPanel {
    * Arranges the component depending on the elements 'dir' property.
    */
   position: Position;
+  /**
+   * Accessible label for resize separator.
+   * @default "Resize"
+   */
+  intlResize: string;
+  /**
+   * This property makes the content area resizable if the calcite-shell-panel is not 'detached'.
+   */
+  resizable: boolean;
+  disconnectedCallback(): void;
+  componentDidLoad(): void;
   el: HTMLCalciteShellPanelElement;
+  contentWidth: number;
+  initialContentWidth: number;
+  initialClientX: number;
+  contentEl: HTMLDivElement;
+  separatorEl: HTMLDivElement;
+  contentWidthMax: number;
+  contentWidthMin: number;
+  step: number;
+  stepMultiplier: number;
   /**
    * Emitted when collapse has been toggled.
    */
   calciteShellPanelToggle: EventEmitter;
   renderHeader(): VNode;
   render(): VNode;
+  setContentWidth(width: number): void;
+  updateAriaValues(): void;
+  storeContentEl: (contentEl: HTMLDivElement) => void;
+  getKeyAdjustedWidth: (event: KeyboardEvent) => number | null;
+  separatorKeyDown: (event: KeyboardEvent) => void;
+  separatorPointerMove: (event: PointerEvent) => void;
+  separatorPointerUp: (event: PointerEvent) => void;
+  setInitialContentWidth: () => void;
+  separatorPointerDown: (event: PointerEvent) => void;
+  connectSeparator: (separatorEl: HTMLDivElement) => void;
+  disconnectSeparator: () => void;
 }

package/dist/types/components/calcite-shell-panel/resources.d.ts

@@ -4,8 +4,12 @@ export declare const CSS: {
   contentHeader: string;
   contentBody: string;
   contentDetached: string;
+  separator: string;
 };
 export declare const SLOTS: {
   actionBar: string;
   header: string;
 };
+export declare const TEXT: {
+  resize: string;
+};

package/dist/types/components/calcite-split-button/calcite-split-button.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { ButtonAppearance, ButtonColor, DropdownIconType } from "../calcite-button/interfaces";
 import { FlipContext, Scale, Width } from "../interfaces";
+import { OverlayPositioning } from "../../utils/popper";
 /**
  * @slot - A slot for adding `calcite-dropdown` content.
  */
@@ -24,6 +25,8 @@ export declare class CalciteSplitButton {
   /** optionally add a calcite-loader component to the control,
    disabling interaction. with the primary button */
   loading: boolean;
+  /** Describes the type of positioning to use for the dropdown. If your element is in a fixed container, use the 'fixed' value. */
+  overlayPositioning: OverlayPositioning;
   /** optionally pass an icon to display at the end of the primary button - accepts Calcite UI icon names  */
   primaryIconEnd?: string;
   /** flip the primary icon(s) in rtl */

package/dist/types/components.d.ts

@@ -2670,10 +2670,19 @@ export namespace Components {
           * Specifies the maxiumum height of the contents when detached.
          */
         "detachedHeightScale": Scale;
+        /**
+          * Accessible label for resize separator.
+          * @default "Resize"
+         */
+        "intlResize": string;
         /**
           * Arranges the component depending on the elements 'dir' property.
          */
         "position": Position;
+        /**
+          * This property makes the content area resizable if the calcite-shell-panel is not 'detached'.
+         */
+        "resizable": boolean;
         /**
           * This sets width of the content area.
          */
@@ -2825,6 +2834,10 @@ export namespace Components {
           * optionally add a calcite-loader component to the control, disabling interaction. with the primary button
          */
         "loading": boolean;
+        /**
+          * Describes the type of positioning to use for the dropdown. If your element is in a fixed container, use the 'fixed' value.
+         */
+        "overlayPositioning": OverlayPositioning;
         /**
           * optionally pass an icon to display at the end of the primary button - accepts Calcite UI icon names
          */
@@ -6732,6 +6745,11 @@ declare namespace LocalJSX {
           * Specifies the maxiumum height of the contents when detached.
          */
         "detachedHeightScale"?: Scale;
+        /**
+          * Accessible label for resize separator.
+          * @default "Resize"
+         */
+        "intlResize"?: string;
         /**
           * Emitted when collapse has been toggled.
          */
@@ -6740,6 +6758,10 @@ declare namespace LocalJSX {
           * Arranges the component depending on the elements 'dir' property.
          */
         "position"?: Position;
+        /**
+          * This property makes the content area resizable if the calcite-shell-panel is not 'detached'.
+         */
+        "resizable"?: boolean;
         /**
           * This sets width of the content area.
          */
@@ -6908,6 +6930,10 @@ declare namespace LocalJSX {
           * fired when the secondary button is clicked
          */
         "onCalciteSplitButtonSecondaryClick"?: (event: CustomEvent<any>) => void;
+        /**
+          * Describes the type of positioning to use for the dropdown. If your element is in a fixed container, use the 'fixed' value.
+         */
+        "overlayPositioning"?: OverlayPositioning;
         /**
           * optionally pass an icon to display at the end of the primary button - accepts Calcite UI icon names
          */