@esri/calcite-components 1.9.0-next.8 → 1.9.0

package/dist/extras/vscode-data.json

@@ -352,6 +352,18 @@
         "value": ""
       },
       "attributes": [
+        {
+          "name": "appearance",
+          "description": "Specifies the appearance of the component.",
+          "values": [
+            {
+              "name": "solid"
+            },
+            {
+              "name": "transparent"
+            }
+          ]
+        },
         {
           "name": "expanded",
           "description": "When `true`, the component is expanded."
@@ -2307,6 +2319,14 @@
           "name": "closed",
           "description": "When `true`, the component will be hidden."
         },
+        {
+          "name": "collapsed",
+          "description": "When `true`, hides the component's content area."
+        },
+        {
+          "name": "collapsible",
+          "description": "When `true`, the component is collapsible."
+        },
         {
           "name": "description",
           "description": "A description for the component."
@@ -2942,6 +2962,21 @@
             }
           ]
         },
+        {
+          "name": "status",
+          "description": "Specifies the status of the input field, which determines message and icons.",
+          "values": [
+            {
+              "name": "idle"
+            },
+            {
+              "name": "invalid"
+            },
+            {
+              "name": "valid"
+            }
+          ]
+        },
         {
           "name": "value",
           "description": "Selected date as a string in ISO format (YYYY-MM-DD)"
@@ -3580,6 +3615,21 @@
             }
           ]
         },
+        {
+          "name": "status",
+          "description": "Specifies the status of the input field, which determines message and icons.",
+          "values": [
+            {
+              "name": "idle"
+            },
+            {
+              "name": "invalid"
+            },
+            {
+              "name": "valid"
+            }
+          ]
+        },
         {
           "name": "step",
           "description": "Specifies the granularity the component's `value` must adhere to (in seconds)."
@@ -3609,6 +3659,18 @@
           "name": "max-items",
           "description": "Specifies the component's maximum number of options to display before displaying a scrollbar."
         },
+        {
+          "name": "mode",
+          "description": "This specifies the type of `value` and the associated options presented to the user:\n\nUsing `\"offset\"` will provide options related",
+          "values": [
+            {
+              "name": "name"
+            },
+            {
+              "name": "offset"
+            }
+          ]
+        },
         {
           "name": "name",
           "description": "Specifies the name of the component.\n\nRequired to pass the component's `value` on form submission."
@@ -3629,6 +3691,10 @@
             }
           ]
         },
+        {
+          "name": "reference-date",
+          "description": "This date will be used as a reference to Daylight Savings Time when creating time zone item groups.\n\nIt can be either a Date instance or a string in ISO format (YYYY-MM-DD, YYYY-MM-DDTHH:MM:SS.SSSZ)"
+        },
         {
           "name": "scale",
           "description": "Specifies the size of the component.",
@@ -4657,6 +4723,14 @@
           "name": "closed",
           "description": "When `true`, the component will be hidden."
         },
+        {
+          "name": "collapsed",
+          "description": "When `true`, hides the component's content area."
+        },
+        {
+          "name": "collapsible",
+          "description": "When `true`, the component is collapsible."
+        },
         {
           "name": "description",
           "description": "A description for the component."

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.9.0-next.8
+ * v1.9.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.9.0-next.8
+ * v1.9.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.9.0-next.8
+ * v1.9.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.9.0-next.8
+ * v1.9.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/action-menu/action-menu.d.ts

@@ -2,7 +2,7 @@ import { Event, EventEmitter } from "../../stencil-public-runtime";
 import { VNode } from "../../stencil-public-runtime";
 import { EffectivePlacement, LogicalPlacement, OverlayPositioning } from "../../utils/floating-ui";
 import { LoadableComponent } from "../../utils/loadable";
-import { Scale } from "../interfaces";
+import { Appearance, Scale } from "../interfaces";
 /**
  * @slot - A slot for adding `calcite-action`s.
  * @slot trigger - A slot for adding a `calcite-action` to trigger opening the menu.
@@ -12,6 +12,8 @@ export declare class ActionMenu implements LoadableComponent {
   componentWillLoad(): void;
   componentDidLoad(): void;
   disconnectedCallback(): void;
+  /** Specifies the appearance of the component. */
+  appearance: Extract<"solid" | "transparent", Appearance>;
   /**
    * When `true`, the component is expanded.
    */

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

@@ -9,3 +9,4 @@ export declare const SLOTS: {
 export declare const ICONS: {
   menu: string;
 };
+export declare const activeAttr = "data-active";

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

@@ -62,13 +62,16 @@ export declare class Alert implements OpenCloseComponent, LoadableComponent, T9n
    * @internal
    */
   slottedInShell: boolean;
-  updateRequestedIcon(): void;
   updateDuration(): void;
   connectedCallback(): void;
   componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
   disconnectedCallback(): void;
   render(): VNode;
+  private renderCloseButton;
+  private renderQueueCount;
+  private renderActionsEnd;
+  private renderIcon;
   /** Fires when the component is requested to be closed and before the closing transition begins. */
   calciteAlertBeforeClose: EventEmitter<void>;
   /** Fires when the component is closed and animation is complete. */
@@ -95,9 +98,9 @@ export declare class Alert implements OpenCloseComponent, LoadableComponent, T9n
   /** Sets focus on the component's "close" button (the first focusable item). */
   setFocus(): Promise<void>;
   el: HTMLCalciteAlertElement;
+  defaultMessages: AlertMessages;
   effectiveLocale: string;
   effectiveLocaleChange(): void;
-  defaultMessages: AlertMessages;
   hasEndActions: boolean;
   /** the list of queued alerts */
   queue: HTMLCalciteAlertElement[];
@@ -105,16 +108,16 @@ export declare class Alert implements OpenCloseComponent, LoadableComponent, T9n
   queueLength: number;
   /** is the alert queued */
   queued: boolean;
-  /** the close button element */
-  private closeButton;
+  responsiveContainerWidth: number;
   private autoCloseTimeoutId;
-  private queueTimeout;
+  private breakpoints;
+  private closeButton;
   private initialOpenTime;
   private lastMouseOverBegin;
+  private queueTimeout;
+  private resizeObserver;
   private totalOpenTime;
   private totalHoverTime;
-  /** the computed icon to render */
-  requestedIcon?: string;
   openTransitionProp: string;
   transitionEl: HTMLDivElement;
   private setTransitionEl;

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

@@ -11,7 +11,22 @@ export declare const SLOTS: {
 };
 export declare const CSS: {
   actionsEnd: string;
-  container: string;
   close: string;
-  slottedInShell: string;
+  container: string;
+  containerBottom: string;
+  containerBottomEnd: string;
+  containerBottomStart: string;
+  containerQueued: string;
+  containerTop: string;
+  containerTopEnd: string;
+  containerTopStart: string;
+  content: string;
+  contentContainer: string;
+  dismissProgress: string;
+  footer: string;
+  icon: string;
+  containerSlottedInShell: string;
+  queueCount: string;
+  queueCountActive: string;
+  textContainer: string;
 };

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

@@ -8,10 +8,11 @@ import { T9nComponent } from "../../utils/t9n";
 import { Appearance, FlipContext, Kind, Scale, Width } from "../interfaces";
 import { ButtonMessages } from "./assets/button/t9n";
 import { ButtonAlignment } from "./interfaces";
+import { GlobalAttrComponent } from "../../utils/globalAttributes";
 /** Passing a 'href' will render an anchor link, instead of a button. Role will be set to link, or button, depending on this. */
 /** It is the consumers responsibility to add aria information, rel, target, for links, and any button attributes for form submission */
 /** @slot - A slot for adding text. */
-export declare class Button implements LabelableComponent, InteractiveComponent, FormOwner, LoadableComponent, LocalizedComponent, T9nComponent {
+export declare class Button implements GlobalAttrComponent, LabelableComponent, InteractiveComponent, FormOwner, LoadableComponent, LocalizedComponent, T9nComponent {
   /** Specifies the alignment of the component's elements. */
   alignment: ButtonAlignment;
   /** Specifies the appearance style of the component. */
@@ -111,6 +112,9 @@ export declare class Button implements LabelableComponent, InteractiveComponent,
   /** keep track of the rendered contentEl */
   private contentEl;
   resizeObserver: ResizeObserver;
+  globalAttributes: {
+    ariaExpanded: any;
+  };
   onLabelClick(): void;
   private handleClick;
   private setTooltipText;

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

@@ -27,6 +27,7 @@ export declare class DropdownGroup {
   calciteInternalDropdownItemChange: EventEmitter<RequestedItem>;
   connectedCallback(): void;
   componentWillLoad(): void;
+  disconnectedCallback(): void;
   render(): VNode;
   updateActiveItemOnChange(event: CustomEvent): void;
   el: HTMLCalciteDropdownGroupElement;

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

@@ -21,6 +21,20 @@ export declare class FlowItem implements InteractiveComponent, LoadableComponent
   closable: boolean;
   /** When `true`, the component will be hidden. */
   closed: boolean;
+  /**
+   * When `true`, hides the component's content area.
+   */
+  collapsed: boolean;
+  /**
+   * Specifies the direction of the collapse.
+   *
+   * @internal
+   */
+  collapseDirection: "down" | "up";
+  /**
+   * When `true`, the component is collapsible.
+   */
+  collapsible: boolean;
   /**
    * When provided, the method will be called before it is removed from its parent `calcite-flow`.
    */
@@ -81,6 +95,10 @@ export declare class FlowItem implements InteractiveComponent, LoadableComponent
    * Fires when the close button is clicked.
    */
   calciteFlowItemClose: EventEmitter<void>;
+  /**
+   * Fires when the collapse button is clicked.
+   */
+  calciteFlowItemToggle: EventEmitter<void>;
   el: HTMLCalciteFlowItemElement;
   containerEl: HTMLCalcitePanelElement;
   backButtonEl: HTMLCalciteActionElement;
@@ -89,6 +107,8 @@ export declare class FlowItem implements InteractiveComponent, LoadableComponent
   effectiveLocaleChange(): void;
   /**
    * Sets focus on the component.
+   *
+   * @returns promise.
    */
   setFocus(): Promise<void>;
   /**
@@ -100,11 +120,13 @@ export declare class FlowItem implements InteractiveComponent, LoadableComponent
    *   top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element
    *   behavior: "auto" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value).
    * });
-   * @param options
+   * @param options - allows specific coordinates to be defined.
+   * @returns - promise that resolves once the content is scrolled to.
    */
   scrollContentTo(options?: ScrollToOptions): Promise<void>;
   handlePanelScroll: (event: CustomEvent<void>) => void;
   handlePanelClose: (event: CustomEvent<void>) => void;
+  handlePanelToggle: (event: CustomEvent<void>) => void;
   backButtonClick: () => void;
   setBackRef: (node: HTMLCalciteActionElement) => void;
   setContainerRef: (node: HTMLCalcitePanelElement) => void;

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

@@ -12,6 +12,7 @@ import { T9nComponent } from "../../utils/t9n";
 import { InputDatePickerMessages } from "./assets/input-date-picker/t9n";
 import { FocusTrapComponent } from "../../utils/focusTrapComponent";
 import { FocusTrap } from "focus-trap";
+import { Status } from "../interfaces";
 export declare class InputDatePicker implements FloatingUIComponent, FocusTrapComponent, FormComponent, InteractiveComponent, LabelableComponent, LoadableComponent, LocalizedComponent, OpenCloseComponent, T9nComponent {
   /**
    * When `true`, interaction is prevented and the component is displayed with lower opacity.
@@ -87,6 +88,8 @@ export declare class InputDatePicker implements FloatingUIComponent, FocusTrapCo
   numberingSystem: NumberingSystem;
   /** Specifies the size of the component. */
   scale: "s" | "m" | "l";
+  /** Specifies the status of the input field, which determines message and icons. */
+  status: Status;
   /**
    * Specifies the placement of the `calcite-date-picker` relative to the component.
    *

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

@@ -7,7 +7,7 @@ import { LoadableComponent } from "../../utils/loadable";
 import { LocalizedComponent, NumberingSystem, SupportedLocale } from "../../utils/locale";
 import { FocusTrapComponent } from "../../utils/focusTrapComponent";
 import { FocusTrap } from "focus-trap";
-import { Scale } from "../interfaces";
+import { Scale, Status } from "../interfaces";
 import { TimePickerMessages } from "../time-picker/assets/time-picker/t9n";
 import { T9nComponent } from "../../utils/t9n";
 import { InputTimePickerMessages } from "./assets/input-time-picker/t9n";
@@ -62,6 +62,8 @@ export declare class InputTimePicker implements FloatingUIComponent, FocusTrapCo
   required: boolean;
   /** Specifies the size of the component. */
   scale: Scale;
+  /** Specifies the status of the input field, which determines message and icons. */
+  status: Status;
   /**
    * Determines the type of positioning to use for the overlaid content.
    *

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

@@ -2,6 +2,7 @@ import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { LabelableComponent } from "../../utils/label";
 import { InteractiveComponent } from "../../utils/interactive";
 import { LocalizedComponent, SupportedLocale } from "../../utils/locale";
+import { TimeZoneMode } from "./interfaces";
 import { Scale } from "../interfaces";
 import { T9nComponent } from "../../utils/t9n";
 import { InputTimeZoneMessages } from "./assets/input-time-zone/t9n";
@@ -32,6 +33,15 @@ export declare class InputTimeZone implements FormComponent, InteractiveComponen
    */
   messageOverrides: Partial<InputTimeZoneMessages>;
   onMessagesChange(): void;
+  /**
+   * This specifies the type of `value` and the associated options presented to the user:
+   *
+   * Using `"offset"` will provide options related
+   *
+   * @default "offset"
+   */
+  mode: TimeZoneMode;
+  handleTimeZoneItemPropsChange(): void;
   /**
    * Specifies the name of the component.
    *
@@ -49,6 +59,14 @@ export declare class InputTimeZone implements FormComponent, InteractiveComponen
    *
    */
   overlayPositioning: OverlayPositioning;
+  /**
+   * This date will be used as a reference to Daylight Savings Time when creating time zone item groups.
+   *
+   * It can be either a Date instance or a string in ISO format (YYYY-MM-DD, YYYY-MM-DDTHH:MM:SS.SSSZ)
+   *
+   * @see [Date.prototype.toISOString](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString)
+   */
+  referenceDate: Date | string;
   /**
    * When `true`, the component must have a value in order for the form to submit.
    *
@@ -65,6 +83,7 @@ export declare class InputTimeZone implements FormComponent, InteractiveComponen
    * @see https://www.w3.org/International/core/2005/09/timezone.html#:~:text=What%20is%20a%20%22zone%20offset,or%20%22%2D%22%20from%20UTC.
    */
   value: string;
+  handleValueChange(value: string, oldValue: string): void;
   setFocus(): Promise<void>;
   calciteInputTimeZoneBeforeClose: EventEmitter<void>;
   calciteInputTimeZoneBeforeOpen: EventEmitter<void>;
@@ -79,8 +98,8 @@ export declare class InputTimeZone implements FormComponent, InteractiveComponen
   effectiveLocaleWatcher(): void;
   formEl: HTMLFormElement;
   labelEl: HTMLCalciteLabelElement;
-  private selectedTimeZoneGroup;
-  private timeZoneGroups;
+  private selectedTimeZoneItem;
+  private timeZoneItems;
   onLabelClick(): void;
   private setComboboxRef;
   private onComboboxBeforeClose;
@@ -88,6 +107,8 @@ export declare class InputTimeZone implements FormComponent, InteractiveComponen
   private onComboboxChange;
   private onComboboxClose;
   private onComboboxOpen;
+  private findTimeZoneItem;
+  private createTimeZoneItems;
   connectedCallback(): void;
   disconnectedCallback(): void;
   componentWillLoad(): Promise<void>;

package/dist/types/components/input-time-zone/interfaces.d.ts

@@ -1,4 +1,15 @@
-export interface BasicTimeZoneGroup {
-  offsetLabel: string;
-  offsetValue: number;
+declare global {
+  namespace Intl {
+    function supportedValuesOf(key: "timeZone"): TimeZoneName[];
+  }
+}
+
+export type TimeZoneName = string;
+
+export type TimeZoneMode = "offset" | "name";
+
+export interface TimeZoneItem<T extends number | string = number | string> {
+  label: string;
+  value: T;
+  filterValue: string | string[];
 }

package/dist/types/components/input-time-zone/utils.d.ts

@@ -1,9 +1,12 @@
-import { BasicTimeZoneGroup } from "./interfaces";
+import { TimeZoneItem, TimeZoneMode } from "./interfaces";
+import { SupportedLocale } from "../../utils/locale";
+import { InputTimeZoneMessages } from "./assets/input-time-zone/t9n";
 export declare function getUserTimeZoneOffset(): number;
+export declare function getUserTimeZoneName(): string;
+export declare function createTimeZoneItems(locale: SupportedLocale, messages: InputTimeZoneMessages, mode: TimeZoneMode, referenceDate: Date): Promise<TimeZoneItem[]>;
 /**
- * Exported for testing-purposes only
+ * Exported for testing purposes only
  *
  * @internal
  */
-export declare function toGMTLabel(offsetInHours: number): string;
-export declare function generateTimeZoneGroups(): Promise<BasicTimeZoneGroup[]>;
+export declare function toUserFriendlyName(timeZoneName: string): string;

package/dist/types/components/panel/assets/panel/t9n/index.d.ts

@@ -1,4 +1,6 @@
 export type PanelMessages = {
   close: string;
   options: string;
+  collapse: string;
+  expand: string;
 };

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

@@ -25,6 +25,20 @@ export declare class Panel implements InteractiveComponent, LoadableComponent, L
   disabled: boolean;
   /** When `true`, displays a close button in the trailing side of the header. */
   closable: boolean;
+  /**
+   * When `true`, hides the component's content area.
+   */
+  collapsed: boolean;
+  /**
+   * Specifies the direction of the collapse.
+   *
+   * @internal
+   */
+  collapseDirection: "down" | "up";
+  /**
+   * When `true`, the component is collapsible.
+   */
+  collapsible: boolean;
   /**
    * Specifies the number at which section headings should start.
    */
@@ -60,8 +74,6 @@ export declare class Panel implements InteractiveComponent, LoadableComponent, L
   componentDidRender(): void;
   disconnectedCallback(): void;
   el: HTMLCalcitePanelElement;
-  backButtonEl: HTMLCalciteActionElement;
-  closeButtonEl: HTMLCalciteActionElement;
   containerEl: HTMLElement;
   panelScrollEl: HTMLElement;
   resizeObserver: ResizeObserver;
@@ -81,16 +93,19 @@ export declare class Panel implements InteractiveComponent, LoadableComponent, L
    * Fires when the close button is clicked.
    */
   calcitePanelClose: EventEmitter<void>;
+  /**
+   * Fires when the collapse button is clicked.
+   */
+  calcitePanelToggle: EventEmitter<void>;
   /**
    * Fires when the content is scrolled.
    */
   calcitePanelScroll: EventEmitter<void>;
   resizeHandler: () => void;
   setContainerRef: (node: HTMLElement) => void;
-  setCloseRef: (node: HTMLCalciteActionElement) => void;
-  setBackRef: (node: HTMLCalciteActionElement) => void;
   panelKeyDownHandler: (event: KeyboardEvent) => void;
   close: () => void;
+  collapse: () => void;
   panelScrollHandler: () => void;
   handleHeaderActionsStartSlotChange: (event: Event) => void;
   handleHeaderActionsEndSlotChange: (event: Event) => void;
@@ -113,14 +128,12 @@ export declare class Panel implements InteractiveComponent, LoadableComponent, L
    *   top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element
    *   behavior: "auto" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value).
    * });
-   * @param options
+   * @param options - allows specific coordinates to be defined.
+   * @returns - promise that resolves once the content is scrolled to.
    */
   scrollContentTo(options?: ScrollToOptions): Promise<void>;
   renderHeaderContent(): VNode;
   renderActionBar(): VNode;
-  /**
-   * Allows user to override the entire header-content node.
-   */
   renderHeaderSlottedContent(): VNode;
   renderHeaderStartActions(): VNode;
   renderHeaderActionsEnd(): VNode;

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

@@ -21,6 +21,8 @@ export declare const ICONS: {
   menu: string;
   backLeft: string;
   backRight: string;
+  expand: string;
+  collapse: string;
 };
 export declare const SLOTS: {
   actionBar: string;

package/dist/types/components/stepper-item/assets/stepper-item/t9n/index.d.ts

@@ -1,3 +1,5 @@
 export type StepperItemMessages = {
   complete: string;
+  previousStep: string;
+  nextStep: string;
 };

package/dist/types/components/tab-nav/assets/tab-nav/t9n/index.d.ts

@@ -0,0 +1,4 @@
+export type TabNavMessages = {
+  nextTabTitles: string;
+  previousTabTitles: string;
+};

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

@@ -37,7 +37,7 @@ export declare class Tree {
   onFocus(): void;
   onFocusIn(event: FocusEvent): void;
   onFocusOut(event: FocusEvent): void;
-  onClick(event: CustomEvent<TreeItemSelectDetail>): void;
+  onInternalTreeItemSelect(event: CustomEvent<TreeItemSelectDetail>): void;
   private keyDownHandler;
   private updateAncestorTree;
   /**

package/dist/types/components/tree-item/interfaces.d.ts

@@ -3,10 +3,6 @@ export interface TreeItemSelectDetail {
    * Indicate if an item should be added to the current selection.
    */
   modifyCurrentSelection: boolean;
-  /**
-   * Indicate if an item should be collapsed/expanded even if child selection is enabled.
-   */
-  forceToggle: boolean;
   /**
    * Indicates if an item selected & indeterminate properties should be updated.
    * This will be set to true for user interaction changes and false for programmatic changes.

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

@@ -64,8 +64,8 @@ export declare class TreeItem implements ConditionalSlotComponent, InteractiveCo
   private isSelectionMultiLike;
   render(): VNode;
   onClick(event: Event): void;
-  iconClickHandler: (event: MouseEvent) => void;
-  childrenClickHandler: (event: MouseEvent) => void;
+  private iconClickHandler;
+  private childrenClickHandler;
   keyDownHandler(event: KeyboardEvent): void;
   /**
    * @internal