@ukic/canary-web-components 2.0.0-canary.8 → 3.0.0-canary.1

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

@@ -0,0 +1,240 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { IcWeekDays, IcDateFormat, IcSizes, IcInformationStatusOrEmpty } from "../../utils/types";
+export declare class DatePicker {
+    private inputEl;
+    private clearButtonEl;
+    private dateInputProps;
+    private daysOfWeek;
+    private dayButtonFocussed;
+    private dayPickerKeyboardNav;
+    private decadeStart;
+    private decadeEnd;
+    private dialogDescription;
+    private focusDay;
+    private focussedYearEl;
+    private liveRegionEl;
+    private monthButtonEl;
+    private monthNames;
+    private monthInViewUpdateHandled;
+    private myCalendarButtonClicked;
+    private showPickerAbove;
+    private today;
+    private todayButtonEl;
+    private yearButtonEl;
+    private yearButtonFocussed;
+    el: HTMLIcDatePickerElement;
+    calendarOpen: boolean;
+    currMonthView: Date[];
+    currYearPickerView: number[];
+    decadeView: number[];
+    focussedDate: Date;
+    focussedDay: number;
+    focussedDayEl: HTMLButtonElement;
+    focussedMonth: number;
+    focussedMonthEl: HTMLIcButtonElement;
+    focussedYear: number;
+    maxDate: Date;
+    minDate: Date;
+    monthInView: number;
+    monthPickerVisible: boolean;
+    orderedDaysOfWeek: string[];
+    selectedDate: Date;
+    yearInView: number;
+    yearPickerVisible: boolean;
+    /**
+     * The format in which the date will be displayed.
+     */
+    dateFormat?: IcDateFormat;
+    /**
+     * If `true`, the disabled state will be set.
+     */
+    disabled?: boolean;
+    /**
+     * The days of the week to disable.
+     */
+    disableDays?: IcWeekDays[];
+    /**
+     * The text to display as the validation message when `disableDays` is `true` and a disabled date is entered.
+     */
+    disableDaysMessage?: string;
+    /**
+     * If `true`, dates in the future are not allowed. A validation message will appear if a date in the future is entered.
+     */
+    disableFuture?: boolean;
+    watchDisableFutureHandler(): void;
+    /**
+     * The text to display as the validation message when `disableFuture` is `true` and a date in the future is entered.
+     */
+    disableFutureMessage?: string;
+    /**
+     * If `true`, dates in the past are not allowed. A validation message will appear if a date in the past is entered.
+     */
+    disablePast?: boolean;
+    watchDisablePastHandler(): void;
+    /**
+     * The text to display as the validation message when `disablePast` is `true` and a date in the past is entered.
+     */
+    disablePastMessage?: string;
+    /**
+     * The helper text that will be displayed for additional field guidance. This will default to the text "Use format" along with the `dateFormat` value.
+     */
+    helperText?: string;
+    /**
+     * If `true`, the helper text will be visually hidden, but still read out by screenreaders.
+     */
+    hideHelperText: boolean;
+    /**
+     * The ID for the input field. The default will be an automatically generated value.
+     */
+    inputId?: string;
+    /**
+     * The text to display as the validation message when an invalid date is entered.
+     */
+    invalidDateMessage?: string;
+    /**
+     * The label for the date input.
+     */
+    label: string;
+    /**
+     * The latest date that will be allowed. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object.
+     * The value of this prop is ignored if `disableFuture` is set to `true`.
+     */
+    max?: string | Date;
+    watchMaxHandler(): void;
+    /**
+     * The earliest date that will be allowed. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object.
+     * The value of this prop is ignored if `disablePast` is set to `true`.
+     */
+    min?: string | Date;
+    watchMinHandler(): void;
+    /**
+     * The name of the control, which is submitted with the form data.
+     */
+    name?: string;
+    /**
+     * The date visible when the calendar opens. Used if no date is currently selected.
+     * The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object.
+     */
+    openAtDate: string | Date;
+    /**
+     * If `true`, the input will require a value.
+     */
+    required?: boolean;
+    /**
+     * If `true`, days outside the current month will be visible in the date picker.
+     */
+    showDaysOutsideMonth?: boolean;
+    /**
+     * If `true`, the `Clear` button on the date picker will be visible.
+     */
+    showPickerClearButton?: boolean;
+    /**
+     * If `true`, the `Go to today` button on the date picker will be visible.
+     */
+    showPickerTodayButton?: boolean;
+    /**
+     * The size of the date picker to be displayed.
+     */
+    size?: IcSizes;
+    /**
+     * The first day of the week. `0` for Sunday, `1` for Monday, etc.
+     * Default is Monday.
+     */
+    startOfWeek?: IcWeekDays;
+    watchStartOfWeekHandler(): void;
+    /**
+     * The validation status - e.g. 'error' | 'warning' | 'success'. This will override the built-in date validation.
+     */
+    validationStatus?: IcInformationStatusOrEmpty;
+    /**
+     * The text to display as the validation message. This will override the built-in date validation.
+     */
+    validationText?: string;
+    /**
+     * The value of the date picker. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object.
+     */
+    value?: string | Date | null | undefined;
+    watchOpenHandler(): void;
+    watchFocussedDateHandler(current: Date, previous: Date): void;
+    watchMonthInViewHandler(): void;
+    watchYearInViewHandler(): void;
+    watchYearPickerVisibleHandler(): void;
+    watchMonthPickerVisibleHandler(): void;
+    watchFocussedDayEl(): void;
+    /**
+     * Emitted when the value has changed.
+     */
+    icChange: EventEmitter<{
+        value: Date;
+    }>;
+    componentWillLoad(): void;
+    componentWillRender(): void;
+    componentWillUpdate(): void;
+    localCalendarButtonClickHandler(ev: CustomEvent): void;
+    calendarButtonClickHandler(): void;
+    private setDecadeView;
+    private setSelectedDate;
+    private handleCalendarMouseDown;
+    private handleCalendarClick;
+    private handleDocumentClick;
+    private keyDownHandler;
+    private closeButtonClickHandler;
+    private focusFirstElement;
+    private focusLastElement;
+    private focusFocussedDay;
+    private monthButtonClickHandler;
+    private yearButtonClickHandler;
+    private todayButtonClickHandler;
+    private todayButtonKeyDownHandler;
+    private clearButtonClickHandler;
+    private setMonthSelectedLiveRegionText;
+    private setYearSelectedLiveRegionText;
+    private getMonthInViewText;
+    private getDecadeInViewText;
+    private setAriaLiveRegionText;
+    private clearDialogDescription;
+    private clearButtonKeyDownHandler;
+    private goToPreviousMonth;
+    private goToNextMonth;
+    private goToPreviousYear;
+    private goToNextYear;
+    private navButtonMouseDownHandler;
+    private renderMonthYearNavButton;
+    private monthYearNavClickHandler;
+    private previousMonthButton;
+    private nextMonthButton;
+    private previousYearButton;
+    private nextYearButton;
+    private isPrevYearAllowed;
+    private isNextYearAllowed;
+    private isYearAllowed;
+    private getMonthView;
+    private isCurrentMonth;
+    private updateMonthInView;
+    private handleSelectDay;
+    private handleSelectMonth;
+    private handleSelectYear;
+    private monthPickerKeyDownHandler;
+    private yearPickerKeyDownHandler;
+    private onYearButtonFocusHandler;
+    private onYearButtonBlurHandler;
+    private monthButtonKeyDownHandler;
+    private yearButtonKeyDownHandler;
+    private handleCalendarKeyDown;
+    private calendarTabHandler;
+    private onDayButtonFocusHandler;
+    private onDayButtonBlurHandler;
+    private getNextDayToFocus;
+    private moveDays;
+    private moveMonths;
+    private moveYears;
+    private updateFocussedMonth;
+    private updateFocussedYear;
+    private setFocussedDate;
+    private setFocussedDayEl;
+    private setFocussedMonthEl;
+    private setFocussedYearEl;
+    private setFocussedYear;
+    private setDateInputProps;
+    render(): any;
+}

package/dist/types/components/ic-date-picker/ic-day-button.d.ts

@@ -0,0 +1,16 @@
+import { FunctionalComponent } from "../../stencil-public-runtime";
+export type DayButtonProps = {
+    focussed: boolean;
+    today: boolean;
+    day: Date;
+    monthInView: number;
+    onFocusDay: () => void;
+    onBlurDay: () => void;
+    onSelectDay: (day: Date) => void;
+    selected: boolean;
+    focussedDayRef?: (element: HTMLButtonElement) => void;
+    inRange: boolean;
+    showDaysOutsideMonth: boolean;
+    disableDay: boolean;
+};
+export declare const DayButton: FunctionalComponent<DayButtonProps>;

package/dist/types/components/ic-date-picker/ic-month-picker.d.ts

@@ -0,0 +1,14 @@
+import { FunctionalComponent } from "../../stencil-public-runtime";
+import { IcSizes } from "../../utils/types";
+export type MonthPickerProps = {
+    size: IcSizes;
+    focussedMonth: number;
+    monthInView: number;
+    yearInView: number;
+    onSelectMonth: (month: number) => void;
+    onKeyDown: (ev: KeyboardEvent) => void;
+    focussedMonthRef: (element: HTMLIcButtonElement) => void;
+    minDate: Date;
+    maxDate: Date;
+};
+export declare const MonthPicker: FunctionalComponent<MonthPickerProps>;

package/dist/types/components/ic-date-picker/ic-year-picker.d.ts

@@ -0,0 +1,16 @@
+import { FunctionalComponent } from "../../stencil-public-runtime";
+import { IcSizes } from "../../utils/types";
+export type YearPickerProps = {
+    decadeView: number[];
+    size: IcSizes;
+    focussedYear: number;
+    yearInView: number;
+    onSelectYear: (year: number) => void;
+    onKeyDown: (ev: KeyboardEvent) => void;
+    onFocusYear: () => void;
+    onBlurYear: () => void;
+    minDate: Date;
+    maxDate: Date;
+    focussedYearRef: (element: HTMLIcButtonElement) => void;
+};
+export declare const YearPicker: FunctionalComponent<YearPickerProps>;

package/dist/types/components/ic-date-picker/story-data.d.ts

@@ -0,0 +1,22 @@
+export declare const DATE_PICKER_LABEL = "When would you like to collect your coffee?";
+export declare const createDatePickerElement: () => HTMLIcDatePickerElement;
+export declare const Default: () => HTMLIcDatePickerElement;
+export declare const Small: () => HTMLIcDatePickerElement;
+export declare const Large: () => HTMLIcDatePickerElement;
+export declare const Sizes: () => HTMLElement;
+export declare const MaxWidth: () => HTMLElement;
+export declare const MonthFirst: () => HTMLIcDatePickerElement;
+export declare const YearFirst: () => HTMLIcDatePickerElement;
+export declare const DateFormats: () => HTMLElement;
+export declare const Value: () => HTMLIcDatePickerElement;
+export declare const OpenAt: () => HTMLIcDatePickerElement;
+export declare const WeekStart: () => HTMLIcDatePickerElement;
+export declare const WorkingWeek: () => HTMLIcDatePickerElement;
+export declare const MaxMin: () => HTMLIcDatePickerElement;
+export declare const Disabled: () => HTMLIcDatePickerElement;
+export declare const DisablePast: () => HTMLIcDatePickerElement;
+export declare const DisableFuture: () => HTMLIcDatePickerElement;
+export declare const HideOutsideMonth: () => HTMLIcDatePickerElement;
+export declare const HideButtons: () => HTMLIcDatePickerElement;
+export declare const JSDates: () => HTMLIcDatePickerElement;
+export declare const IcChangeDate: () => HTMLElement;

package/dist/types/components/ic-date-picker/test/a11y/ic-date-picker.test.a11y.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/ic-menu-with-multi/ic-menu.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { IcActivationTypes, IcMenuOption, IcSizes } from "@ukic/web-components/dist/types/utils/types";
+import { IcActivationTypes, IcMenuOption } from "@ukic/web-components/dist/types/utils/types";
 import { IcOptionSelectEventDetail, IcMenuChangeEventDetail, IcMenuOptionIdEventDetail, IcSearchBarSearchModes } from "@ukic/web-components/dist/types/components";
-import { IcValueEventDetail } from "../../utils/types";
+import { IcValueEventDetail, IcSizes } from "../../utils/types";
 export declare class Menu {
     private activeDescendantAttr;
     private clearButtonId;
@@ -12,12 +12,15 @@ export declare class Menu {
     private isMultiSelect;
     private isSearchBar;
     private isSearchableSelect;
+    private lastOptionSelected;
+    private lastOptionFocused;
     private menu;
     private multiOptionClicked;
     private popperInstance;
     private preventClickOpen;
     private preventMenuFocus;
     private selectAllButton;
+    private shiftPressed;
     private ungroupedOptions;
     el: HTMLIcMenuWithMultiElement;
     focusFromSearchKeypress: boolean;
@@ -83,10 +86,6 @@ export declare class Menu {
      * The size of the menu.
      */
     size?: IcSizes;
-    /**
-     * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
-     */
-    small?: boolean;
     /**
      * The possible menu selection options.
      */
@@ -178,6 +177,8 @@ export declare class Menu {
     private setHighlightedOption;
     private autoSetInputValueKeyboardOpen;
     private selectHighlightedOption;
+    private isOptionSelected;
+    private deselectSelectedOptions;
     private manualSetInputValueKeyboardOpen;
     private setInputValue;
     private handleOptionClick;
@@ -191,12 +192,17 @@ export declare class Menu {
     private handleSelectAllBlur;
     private handleSelectAllFocus;
     private handleSelectAllMouseDown;
+    private handleSingleShiftSelect;
+    private handleMultipleShiftSelect;
+    private handleOptionSelect;
+    private getFirstOptionInSelection;
     private emitSelectAll;
     private emitMenuKeyPress;
     private autoSetValueOnMenuKeyDown;
     private getOptionId;
     private getOptionAriaLabel;
     private getSortedOptions;
+    private getOptionHighlightedIndex;
     private isManualMode;
     private scrollToSelected;
     private loadUngroupedOptions;

package/dist/types/components/ic-pagination-bar/ic-pagination-bar.d.ts

@@ -1,20 +1,29 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { IcThemeForeground } from "@ukic/web-components/dist/types/interface";
-import { IcPaginationAlignmentOptions, IcPaginationControlTypes, IcPaginationTypes } from "../ic-pagination/ic-pagination.types";
+import { IcPaginationAlignmentOptions, IcPaginationLabelTypes, IcPaginationTypes } from "@ukic/web-components/dist/types/components/ic-pagination/ic-pagination.types";
 export declare class PaginationBar {
-    private PAGINATION;
-    private TEXT_FIELD;
-    private TOOLTIP;
     private PAGE_INPUT_FIELD_ID;
     private INVALID_PAGE_ERROR;
-    private NAN_ERROR;
     private resizeObserver;
+    private pageDropdownEl;
+    private pageInputEl;
+    private pageInputTooltipEl;
     private paginationBarEl;
+    private paginationEl;
     el: HTMLIcPaginationBarElement;
+    capitalizedItemLabel: string;
+    capitalizedPageLabel: string;
     currentPage: number;
+    displayedItemsPerPageOptions?: {
+        label: string;
+        value: string;
+    }[];
     inputError: string;
-    itemsPerPage: string;
+    itemsPerPage: number;
+    itemsPerPageString: string;
     lowerBound: number;
+    lowerCaseItemLabel: string;
+    lowerCasePageLabel: string;
     paginationWidth: number;
     paginationWrapped: boolean;
     totalPages: number;
@@ -28,9 +37,10 @@ export declare class PaginationBar {
      */
     appearance?: IcThemeForeground;
     /**
-     * The label which will be used in place of 'items' if paginationType is data. Should be capitalised.
+     * The text which will be used in place of 'Item' on the pagination bar.
      */
     itemLabel?: string;
+    watchItemLabelHandler(): void;
     /**
      * The options which will be displayed for 'items per page' select input. Set a maximum of 4 options including a required 'All' option with value equal to total number of items.
      */
@@ -38,26 +48,34 @@ export declare class PaginationBar {
         label: string;
         value: string;
     }[];
+    watchItemsPerPageOptionsHandler(newVal: {
+        label: string;
+        value: string;
+    }[], oldVal: {
+        label: string;
+        value: string;
+    }[]): void;
     /**
      * Whether the displayed pagination is simple or complex.
      */
-    paginationControl?: IcPaginationControlTypes;
+    type?: IcPaginationTypes;
     /**
      * Whether total number of items and current item range or total number of pages and current page is displayed.
      */
-    paginationType?: IcPaginationTypes;
+    rangeLabelType?: IcPaginationLabelTypes;
     /**
-     * The label which will be used in place of 'Page' if paginationType is page. Should be capitalised.
+     * The text which will be used in place of 'Page' on the pagination bar.
      */
     pageLabel?: string;
+    watchPageLabelHandler(): void;
     /**
      * If `true`, the 'go to page' control should be displayed.
      */
     showGoToPageControl?: boolean;
     /**
-     * If `true`, the number of total items and current item range or number of total pages and current page should be displayed.
+     * If `true`, the number of total items and current item range or number of total pages and current page will be hidden.
      */
-    showItemsPerPage?: boolean;
+    hideRangeLabel?: boolean;
     /**
      * If `true`, the select input to control 'items per page' should be displayed.
      */
@@ -66,6 +84,7 @@ export declare class PaginationBar {
      * Total number of items to be displayed across all pages.
      */
     totalItems: number;
+    watchTotalItemsHandler(): void;
     /**
      * Emitted when a page is navigated to via the 'go to' input.
      */
@@ -84,20 +103,20 @@ export declare class PaginationBar {
     pageChangeHandler(ev: CustomEvent): void;
     private changeItemsPerPage;
     private changePage;
+    private focusElFromLabel;
     private goToPage;
+    private goToPageLabelClickHandler;
     private handleBlur;
     private handleFocus;
     private handleInputChange;
     private handleKeydown;
     private handleKeyUp;
+    private itemsPerPageLabelClickHandler;
     private paginationShouldWrap;
-    private resizeObserverCallback;
     private runResizeObserver;
-    private setDefaultItemsPerPage;
-    private setDefaultItemsPerPageOptions;
-    private setGoToPageInputStyles;
-    private setNumberPages;
+    private setInputError;
+    private setItemsPerPage;
+    private setPaginationBarContent;
     private setUpperBound;
-    private trimItemsPerPageOptions;
     render(): any;
 }

package/dist/types/components/ic-select-with-multi/ic-select.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { IcOptionSelectEventDetail } from "@ukic/web-components/dist/types/components";
-import { IcMenuOption, IcSizes } from "@ukic/web-components/dist/types/utils/types";
-import { IcInformationStatusOrEmpty, IcSearchMatchPositions, IcValueEventDetail } from "../../utils/types";
+import { IcMenuOption } from "@ukic/web-components/dist/types/utils/types";
+import { IcInformationStatusOrEmpty, IcSearchMatchPositions, IcValueEventDetail, IcSizes } from "../../utils/types";
 export declare class Select {
     private anchorEl;
     private blurredBecauseButtonPressed;
@@ -31,10 +31,6 @@ export declare class Select {
     open: boolean;
     pressedCharacters: string;
     searchableSelectInputValue: string;
-    /**
-     * **[DEPRECATED]** This prop should not be used anymore.
-     */
-    charactersUntilSuggestions?: number;
     /**
      * If `true`, the disabled state will be set.
      */
@@ -42,7 +38,7 @@ export declare class Select {
     /**
      * If `true`, the built in filtering will be disabled for a searchable variant. For example, if options will already be filtered from external source.
      */
-    disableFilter?: boolean;
+    disableAutoFiltering?: boolean;
     /**
      * The text displayed when there are no options in the option list.
      */
@@ -51,28 +47,6 @@ export declare class Select {
      * The <form> element to associate the select with.
      */
     form?: string;
-    /**
-     * The URL that processes the information submitted by the select. It overrides the action attribute of the select's form owner. Does nothing if there is no form owner.
-     * This prop should only be used with searchable select and will only be applied if searchable is true.
-     */
-    formaction?: string;
-    /**
-     * The way the submitted form data is encoded. This prop should only be used with searchable select and will only be applied if searchable is true.
-     */
-    formenctype?: string;
-    /**
-     * The HTTP method used to submit the form. This prop should only be used with searchable select and will only be applied if searchable is true.
-     */
-    formmethod?: string;
-    /**
-     * If `true`, the form will not be validated when submitted. This prop should only be used with searchable select and will only be applied if searchable is true.
-     */
-    formnovalidate?: boolean;
-    /**
-     * The place to display the response from submitting the form. It overrides the target attribute of the select's form owner.
-     * This prop should only be used with searchable select and will only be applied if searchable is true.
-     */
-    formtarget?: string;
     /**
      * If `true`, the select element will fill the width of the container. This prop should only be used with searchable select and will only be applied if searchable is true.
      */
@@ -145,10 +119,6 @@ export declare class Select {
      * The size of the select.
      */
     size?: IcSizes;
-    /**
-     * **[DEPRECATED]** This prop should not be used anymore. Set prop `size` to "small" instead.
-     */
-    small?: boolean;
     /**
      * If using external filtering, set a timeout for when loading takes too long.
      */

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

@@ -0,0 +1,95 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { IcSizes, IcThemeForegroundNoDefault } from "../../utils/types";
+/**
+ * @slot label - Content is set as the tree item label.
+ * @slot icon - Content is placed to the left of the label.
+ * @slot router-item - Handle routing by nesting your routes in this slot.
+ */
+export declare class TreeItem {
+    private treeItemId;
+    private treeItemElement;
+    private treeItemTag;
+    private routerSlot;
+    private hostMutationObserver;
+    private TOOLTIP;
+    el: HTMLIcTreeItemElement;
+    childTreeItems: HTMLIcTreeItemElement[];
+    /**
+     * @internal Determines whether the light or dark variant of the tree item should be displayed.
+     */
+    appearance?: IcThemeForegroundNoDefault;
+    /**
+     * If `true`, the tree item appears in the disabled state.
+     */
+    disabled?: boolean;
+    /**
+     * @internal If `true`, the tree item appears in the expanded state.
+     */
+    expanded: boolean;
+    /**
+     * @internal Determines if the parent tree item has been expanded.
+     */
+    hasParentExpanded: boolean;
+    /**
+     * The URL that the tree item link points to. If set, the tree item will render as an "a" tag, otherwise it will render as a div.
+     */
+    href?: string | undefined;
+    /**
+     * The human language of the linked URL.
+     */
+    hreflang?: string;
+    /**
+     * @internal If `true`, the tree item is a parent of other tree items.
+     */
+    isParent: boolean;
+    /**
+     * The label of the tree item.
+     */
+    label: string;
+    /**
+     * How much of the referrer to send when following the link.
+     */
+    referrerpolicy?: ReferrerPolicy;
+    /**
+     * The relationship of the linked URL as space-separated link types.
+     */
+    rel?: string;
+    /**
+     * If `true`, the tree item appears in the selected state.
+     */
+    selected: boolean;
+    watchSelectedHandler(): void;
+    /**
+     * @internal Determines the size of the tree item.
+     */
+    size?: IcSizes;
+    /**
+     * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
+     */
+    target?: string;
+    /**
+     * Emitted when tree item is selected.
+     */
+    icTreeItemSelected: EventEmitter<{
+        id: string;
+    }>;
+    disconnectedCallback(): void;
+    componentDidLoad(): void;
+    componentDidUpdate(): void;
+    handleKeyDown(ev: KeyboardEvent): void;
+    /**
+     * Sets focus on the native `input`.
+     */
+    setFocus(): Promise<void>;
+    private handleTreeItemClicked;
+    /**
+     * @internal Updates the aria-label of the tree item.
+     */
+    updateAriaLabel(): Promise<void>;
+    private setTreeItemPadding;
+    private truncateTreeItemLabel;
+    private hasRouterSlot;
+    private hostMutationCallback;
+    private handleDisplayTooltip;
+    render(): any;
+}