@esri/calcite-components 1.7.0-next.1 → 1.7.0-next.3

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

@@ -2,7 +2,7 @@ import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 import { InteractiveComponent } from "../../utils/interactive";
 import { ComboboxChildElement } from "../combobox/interfaces";
-import { Scale } from "../interfaces";
+import { Scale, SelectionMode } from "../interfaces";
 /**
  * @slot - A slot for adding nested `calcite-combobox-item`s.
  */
@@ -32,10 +32,23 @@ export declare class ComboboxItem implements ConditionalSlotComponent, Interacti
    * When `true`, omits the component from the `calcite-combobox` filtered search results.
    */
   filterDisabled: boolean;
+  /**
+   * Specifies the selection mode:
+   * - `multiple` allows any number of selected items (default),
+   * - `single` allows only one selection,
+   * - `ancestors` is like multiple, but shows ancestors of selected items as selected, with only deepest children shown in chips.
+   *
+   * @internal
+   */
+  selectionMode: Extract<"single" | "ancestors" | "multiple", SelectionMode>;
+  /**
+   * Specifies the size of the component inherited from the `calcite-combobox`, defaults to `m`.
+   *
+   * @internal
+   */
+  scale: Scale;
   el: HTMLCalciteComboboxItemElement;
   isNested: boolean;
-  /** Specifies the scale of the combobox-item controlled by parent, defaults to m */
-  scale: Scale;
   connectedCallback(): void;
   disconnectedCallback(): void;
   componentDidRender(): void;

package/dist/types/components/combobox-item-group/combobox-item-group.d.ts

@@ -15,9 +15,14 @@ export declare class ComboboxItemGroup {
   ancestors: ComboboxChildElement[];
   /** Specifies the title of the component. */
   label: string;
+  /**
+   * Specifies the size of the component inherited from the `calcite-combobox`, defaults to `m`.
+   *
+   * @internal
+   */
+  scale: Scale;
   connectedCallback(): void;
   el: HTMLCalciteComboboxItemGroupElement;
   guid: string;
-  scale: Scale;
   render(): VNode;
 }

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

@@ -19,8 +19,14 @@ import { ModalMessages } from "./assets/modal/t9n";
 export declare class Modal implements ConditionalSlotComponent, OpenCloseComponent, FocusTrapComponent, LoadableComponent, LocalizedComponent, T9nComponent {
   /** When `true`, displays and positions the component.  */
   open: boolean;
+  /**
+   * We use an internal property to handle styles for when a modal is actually opened, not just when the open attribute is applied. This is a property because we need to apply styles to the host element and to keep the styles present while beforeClose is.
+   *
+   * @internal
+   */
+  opened: boolean;
   /** Passes a function to run before the component closes. */
-  beforeClose: (el: HTMLElement) => Promise<void>;
+  beforeClose: (el: HTMLCalciteModalElement) => Promise<void>;
   /** When `true`, disables the component's close button. */
   closeButtonDisabled: boolean;
   /**
@@ -70,6 +76,7 @@ export declare class Modal implements ConditionalSlotComponent, OpenCloseCompone
   renderContentBottom(): VNode;
   renderCloseButton(): VNode;
   renderStyle(): VNode;
+  ignoreOpenChange: boolean;
   el: HTMLCalciteModalElement;
   modalContent: HTMLDivElement;
   initialOverflowCSS: string;
@@ -86,12 +93,6 @@ export declare class Modal implements ConditionalSlotComponent, OpenCloseCompone
   hasFooter: boolean;
   hasContentTop: boolean;
   hasContentBottom: boolean;
-  /**
-   * We use internal variable to make sure initially open modal can transition from closed state when rendered
-   *
-   * @private
-   */
-  isOpen: boolean;
   effectiveLocale: string;
   effectiveLocaleChange(): void;
   defaultMessages: ModalMessages;
@@ -129,9 +130,9 @@ export declare class Modal implements ConditionalSlotComponent, OpenCloseCompone
   private openEnd;
   /** Open the modal */
   private openModal;
-  handleOutsideClose: () => void;
+  private handleOutsideClose;
   /** Close the modal, first running the `beforeClose` method */
-  close: () => Promise<void>;
+  closeModal: () => Promise<void>;
   private removeOverflowHiddenClass;
   private handleMutationObserver;
   private updateFooterVisibility;

package/dist/types/components.d.ts

@@ -215,6 +215,10 @@ export namespace Components {
         "textEnabled": boolean;
     }
     interface CalciteActionBar {
+        /**
+          * Specifies the accessible label for the last action-group.
+         */
+        "actionsEndGroupLabel": string;
         /**
           * When `true`, the expand-toggling behavior is disabled.
          */
@@ -265,6 +269,10 @@ export namespace Components {
           * When `true`, the component is expanded.
          */
         "expanded": boolean;
+        /**
+          * Specifies the label of the component. Required for accessibility.
+         */
+        "label": string;
         /**
           * Indicates the layout of the component.
           * @deprecated Use the `layout` property on the component's parent instead.
@@ -330,6 +338,10 @@ export namespace Components {
         "setFocus": () => Promise<void>;
     }
     interface CalciteActionPad {
+        /**
+          * Specifies the accessible label for the last action-group.
+         */
+        "actionsEndGroupLabel": string;
         /**
           * When `true`, the expand-toggling behavior is disabled.
          */
@@ -1015,7 +1027,7 @@ export namespace Components {
          */
         "selectedItems": HTMLCalciteComboboxItemElement[];
         /**
-          * specify the selection mode - multiple: allow any number of selected items (default) - single: only one selection) - ancestors: like multiple, but show ancestors of selected items as selected, only deepest children shown in chips
+          * Specifies the selection mode: - `multiple` allows any number of selected items (default), - `single` allows only one selection, - `ancestors` is like multiple, but shows ancestors of selected items as selected, with only deepest children shown in chips.
          */
         "selectionMode": Extract<
     "single" | "ancestors" | "multiple",
@@ -1059,10 +1071,21 @@ export namespace Components {
           * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "iconFlipRtl": boolean;
+        /**
+          * Specifies the size of the component inherited from the `calcite-combobox`, defaults to `m`.
+         */
+        "scale": Scale;
         /**
           * When `true`, the component is selected.
          */
         "selected": boolean;
+        /**
+          * Specifies the selection mode: - `multiple` allows any number of selected items (default), - `single` allows only one selection, - `ancestors` is like multiple, but shows ancestors of selected items as selected, with only deepest children shown in chips.
+         */
+        "selectionMode": Extract<
+    "single" | "ancestors" | "multiple",
+    SelectionMode
+  >;
         /**
           * The component's text.
          */
@@ -1085,6 +1108,10 @@ export namespace Components {
           * Specifies the title of the component.
          */
         "label": string;
+        /**
+          * Specifies the size of the component inherited from the `calcite-combobox`, defaults to `m`.
+         */
+        "scale": Scale;
     }
     interface CalciteDatePicker {
         /**
@@ -2811,7 +2838,7 @@ export namespace Components {
         /**
           * Passes a function to run before the component closes.
          */
-        "beforeClose": (el: HTMLElement) => Promise<void>;
+        "beforeClose": (el: HTMLCalciteModalElement) => Promise<void>;
         /**
           * When `true`, disables the component's close button.
          */
@@ -2848,6 +2875,10 @@ export namespace Components {
           * When `true`, displays and positions the component.
          */
         "open": boolean;
+        /**
+          * We use an internal property to handle styles for when a modal is actually opened, not just when the open attribute is applied. This is a property because we need to apply styles to the host element and to keep the styles present while beforeClose is.
+         */
+        "opened": boolean;
         /**
           * When `true`, disables the closing of the component when clicked outside.
          */
@@ -5834,6 +5865,10 @@ declare namespace LocalJSX {
         "textEnabled"?: boolean;
     }
     interface CalciteActionBar {
+        /**
+          * Specifies the accessible label for the last action-group.
+         */
+        "actionsEndGroupLabel"?: string;
         /**
           * When `true`, the expand-toggling behavior is disabled.
          */
@@ -5876,6 +5911,10 @@ declare namespace LocalJSX {
           * When `true`, the component is expanded.
          */
         "expanded"?: boolean;
+        /**
+          * Specifies the label of the component. Required for accessibility.
+         */
+        "label"?: string;
         /**
           * Indicates the layout of the component.
           * @deprecated Use the `layout` property on the component's parent instead.
@@ -5933,6 +5972,10 @@ declare namespace LocalJSX {
         "scale"?: Scale;
     }
     interface CalciteActionPad {
+        /**
+          * Specifies the accessible label for the last action-group.
+         */
+        "actionsEndGroupLabel"?: string;
         /**
           * When `true`, the expand-toggling behavior is disabled.
          */
@@ -6589,7 +6632,7 @@ declare namespace LocalJSX {
          */
         "selectedItems"?: HTMLCalciteComboboxItemElement[];
         /**
-          * specify the selection mode - multiple: allow any number of selected items (default) - single: only one selection) - ancestors: like multiple, but show ancestors of selected items as selected, only deepest children shown in chips
+          * Specifies the selection mode: - `multiple` allows any number of selected items (default), - `single` allows only one selection, - `ancestors` is like multiple, but shows ancestors of selected items as selected, with only deepest children shown in chips.
          */
         "selectionMode"?: Extract<
     "single" | "ancestors" | "multiple",
@@ -8268,7 +8311,7 @@ declare namespace LocalJSX {
         /**
           * Passes a function to run before the component closes.
          */
-        "beforeClose"?: (el: HTMLElement) => Promise<void>;
+        "beforeClose"?: (el: HTMLCalciteModalElement) => Promise<void>;
         /**
           * When `true`, disables the component's close button.
          */