igniteui-webcomponents 5.2.4 → 5.3.0-beta.0

package/components/tree/tree.navigation.d.ts

@@ -1,41 +0,0 @@
-import type IgcTreeItemComponent from './tree-item.js';
-import type IgcTreeComponent from './tree.js';
-import type { IgcTreeSelectionService } from './tree.selection.js';
-export declare const NAVIGATION_KEYS: Set<string>;
-export declare class IgcTreeNavigationService {
-    private tree;
-    private selectionService;
-    private _focusedItem;
-    private _lastFocusedItem;
-    private _activeItem;
-    private _visibleChildren;
-    private _invisibleChildren;
-    private _disabledChildren;
-    constructor(tree: IgcTreeComponent, selectionService: IgcTreeSelectionService);
-    updateVisChild(): void;
-    get focusedItem(): IgcTreeItemComponent | null;
-    focusItem(value: IgcTreeItemComponent | null, shouldFocus?: boolean): void;
-    get activeItem(): IgcTreeItemComponent | null;
-    setActiveItem(value: IgcTreeItemComponent | null, shouldEmit?: boolean): void;
-    get visibleChildren(): IgcTreeItemComponent[];
-    update_disabled_cache(item: IgcTreeItemComponent): void;
-    delete_item(item: IgcTreeItemComponent): void;
-    update_visible_cache(item: IgcTreeItemComponent, expanded: boolean, shouldUpdateNestedChildren?: boolean, shouldUpdate?: boolean): void;
-    /**
-     * Sets the item as focused (and active)
-     *
-     * @param item target item
-     * @param isActive if true, sets the item as active
-     */
-    setFocusedAndActiveItem(item: IgcTreeItemComponent, isActive?: boolean, shouldFocus?: boolean): void;
-    /** Handler for keydown events. Used in tree.component.ts */
-    handleKeydown(event: KeyboardEvent): void;
-    private handleNavigation;
-    private handleArrowLeft;
-    private handleArrowRight;
-    private handleUpDownArrow;
-    private handleAsterisk;
-    private handleSpace;
-    /** Gets the next visible item in the given direction - 1 -> next, -1 -> previous */
-    private getVisibleItem;
-}

package/components/tree/tree.selection.d.ts

@@ -1,55 +0,0 @@
-import type IgcTreeItemComponent from './tree-item.js';
-import type IgcTreeComponent from './tree.js';
-export declare class IgcTreeSelectionService {
-    private tree;
-    private itemSelection;
-    private indeterminateItems;
-    private itemsToBeSelected;
-    private itemsToBeIndeterminate;
-    constructor(tree: IgcTreeComponent);
-    /** Select range from last selected item to the current specified item. */
-    selectMultipleItems(item: IgcTreeItemComponent): void;
-    /** Select the specified item and emit event. */
-    selectItem(item: IgcTreeItemComponent): void;
-    /** Deselect the specified item and emit event. */
-    deselectItem(item: IgcTreeItemComponent): void;
-    /** Clears item selection */
-    clearItemsSelection(): void;
-    isItemSelected(item: IgcTreeItemComponent): boolean;
-    isItemIndeterminate(item: IgcTreeItemComponent): boolean;
-    /** Called on item`s disconnectedCallback */
-    ensureStateOnItemDelete(item: IgcTreeItemComponent): void;
-    /** Retrigger the selection state of the item. */
-    retriggerItemState(item: IgcTreeItemComponent): void;
-    private emitItemSelectionEvent;
-    /** Select specified items. No event is emitted. */
-    selectItemsWithNoEvent(items: IgcTreeItemComponent[]): void;
-    /** Deselect specified items. No event is emitted. */
-    deselectItemsWithNoEvent(items?: IgcTreeItemComponent[], onDelete?: boolean): void;
-    private emitCascadeItemSelectionEvent;
-    private cascadeSelectItemsWithNoEvent;
-    private cascadeDeselectItemsWithNoEvent;
-    /**
-     * populates the itemsToBeSelected and itemsToBeIndeterminate sets
-     * with the items which will be eventually in selected/indeterminate state
-     */
-    private calculateItemsNewSelectionState;
-    /** Ensures proper selection state for all predescessors and descendants during a selection event */
-    private cascadeSelectionState;
-    /**
-     * recursively handle the selection state of the direct and indirect parents
-     */
-    private handleParentSelectionState;
-    /**
-     * Handle the selection state of a given item based the selection states of its direct children
-     */
-    private handleItemSelectionState;
-    /** Emits the `selectedChange` event for each item affected by the selection */
-    private updateItemsState;
-    /** Returns array of the selected items. */
-    private getSelectedItems;
-    /** Returns array of the items in indeterminate state. */
-    private getIndeterminateItems;
-    private areEqualCollections;
-    private selectDeselectItem;
-}

package/components/types.d.ts

@@ -1,3 +0,0 @@
-export type StyleVariant = 'primary' | 'info' | 'success' | 'warning' | 'danger';
-export type SelectionRangeDirection = 'none' | 'backward' | 'forward';
-export type RangeTextSelectMode = 'preserve' | 'select' | 'start' | 'end';

package/components/validation-container/themes/dark/validator.bootstrap.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit").CSSResult;

package/components/validation-container/themes/dark/validator.fluent.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit").CSSResult;

package/components/validation-container/themes/dark/validator.indigo.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit").CSSResult;

package/components/validation-container/themes/dark/validator.material.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit").CSSResult;

package/components/validation-container/themes/light/validator.bootstrap.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit").CSSResult;

package/components/validation-container/themes/light/validator.fluent.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit").CSSResult;

package/components/validation-container/themes/light/validator.indigo.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit").CSSResult;

package/components/validation-container/themes/light/validator.material.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit").CSSResult;

package/components/validation-container/themes/light/validator.shared.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit").CSSResult;

package/components/validation-container/themes/shared/validator.common.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit").CSSResult;

package/components/validation-container/themes/themes.d.ts

@@ -1,2 +0,0 @@
-import type { Themes } from '../../../theming/types.js';
-export declare const all: Themes;

package/components/validation-container/themes/validator.base.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit").CSSResult;

package/components/validation-container/validation-container.d.ts

@@ -1,42 +0,0 @@
-import { LitElement, type TemplateResult, nothing } from 'lit';
-import type { IgcFormControl } from '../common/mixins/forms/types.js';
-interface ValidationContainerConfig {
-    /** The id attribute for the validation container. */
-    id?: string;
-    /** Project the validation container to the given slot inside the host shadow DOM. */
-    slot?: string;
-    /** Additional part(s) that should be bound to the validation container. */
-    part?: string;
-    /** Whether the validation container should expose a helper-text slot. */
-    hasHelperText?: boolean;
-}
-/**
- * @element igc-validator
- *
- * @csspart helper-text - The base wrapper
- * @csspart validation-message - The validation error message container
- * @csspart validation-icon - The validation error icon
- */
-export default class IgcValidationContainerComponent extends LitElement {
-    static readonly tagName = "igc-validator";
-    static styles: import("lit").CSSResult[];
-    static register(): void;
-    static create(host: IgcFormControl, config?: ValidationContainerConfig): TemplateResult;
-    private _target;
-    private _hasSlottedContent;
-    invalid: boolean;
-    set target(value: IgcFormControl);
-    get target(): IgcFormControl;
-    protected createRenderRoot(): HTMLElement | DocumentFragment;
-    handleEvent({ type }: Event): void;
-    protected renderValidationMessage(slotName: string): TemplateResult<1>;
-    protected renderValidationSlots(validity: ValidityState, projected?: boolean): Generator<TemplateResult<1>, void, unknown>;
-    protected renderHelper(): TemplateResult<1> | typeof nothing;
-    protected render(): TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'igc-validator': IgcValidationContainerComponent;
-    }
-}
-export {};

package/index.d.ts

@@ -1,105 +0,0 @@
-export { default as IgcAvatarComponent } from './components/avatar/avatar.js';
-export { default as IgcAccordionComponent } from './components/accordion/accordion.js';
-export { default as IgcBadgeComponent } from './components/badge/badge.js';
-export { default as IgcBannerComponent } from './components/banner/banner.js';
-export { default as IgcButtonComponent } from './components/button/button.js';
-export { default as IgcButtonGroupComponent } from './components/button-group/button-group.js';
-export { default as IgcCalendarComponent } from './components/calendar/calendar.js';
-export { default as IgcCardComponent } from './components/card/card.js';
-export { default as IgcCardActionsComponent } from './components/card/card.actions.js';
-export { default as IgcCardContentComponent } from './components/card/card.content.js';
-export { default as IgcCardHeaderComponent } from './components/card/card.header.js';
-export { default as IgcCardMediaComponent } from './components/card/card.media.js';
-export { default as IgcCarouselComponent } from './components/carousel/carousel.js';
-export { default as IgcCarouselIndicatorComponent } from './components/carousel/carousel-indicator.js';
-export { default as IgcCarouselSlideComponent } from './components/carousel/carousel-slide.js';
-export { default as IgcCheckboxComponent } from './components/checkbox/checkbox.js';
-export { default as IgcCircularProgressComponent } from './components/progress/circular-progress.js';
-export { default as IgcCircularGradientComponent } from './components/progress/circular-gradient.js';
-export { default as IgcChipComponent } from './components/chip/chip.js';
-export { default as IgcComboComponent } from './components/combo/combo.js';
-export { default as IgcDatePickerComponent } from './components/date-picker/date-picker.js';
-export { default as IgcDateTimeInputComponent } from './components/date-time-input/date-time-input.js';
-export { default as IgcDialogComponent } from './components/dialog/dialog.js';
-export { default as IgcDividerComponent } from './components/divider/divider.js';
-export { default as IgcDropdownComponent } from './components/dropdown/dropdown.js';
-export { default as IgcDropdownGroupComponent } from './components/dropdown/dropdown-group.js';
-export { default as IgcDropdownHeaderComponent } from './components/dropdown/dropdown-header.js';
-export { default as IgcDropdownItemComponent } from './components/dropdown/dropdown-item.js';
-export { default as IgcSelectComponent } from './components/select/select.js';
-export { default as IgcSelectGroupComponent } from './components/select/select-group.js';
-export { default as IgcSelectHeaderComponent } from './components/select/select-header.js';
-export { default as IgcSelectItemComponent } from './components/select/select-item.js';
-export { default as IgcExpansionPanelComponent } from './components/expansion-panel/expansion-panel.js';
-export { default as IgcIconComponent } from './components/icon/icon.js';
-export { default as IgcIconButtonComponent } from './components/button/icon-button.js';
-export { default as IgcInputComponent } from './components/input/input.js';
-export { default as IgcLinearProgressComponent } from './components/progress/linear-progress.js';
-export { default as IgcListComponent } from './components/list/list.js';
-export { default as IgcListHeaderComponent } from './components/list/list-header.js';
-export { default as IgcListItemComponent } from './components/list/list-item.js';
-export { default as IgcMaskInputComponent } from './components/mask-input/mask-input.js';
-export { default as IgcNavDrawerComponent } from './components/nav-drawer/nav-drawer.js';
-export { default as IgcNavDrawerHeaderItemComponent } from './components/nav-drawer/nav-drawer-header-item.js';
-export { default as IgcNavDrawerItemComponent } from './components/nav-drawer/nav-drawer-item.js';
-export { default as IgcNavbarComponent } from './components/navbar/navbar.js';
-export { default as IgcRadioGroupComponent } from './components/radio-group/radio-group.js';
-export { default as IgcRadioComponent } from './components/radio/radio.js';
-export { default as IgcRatingComponent } from './components/rating/rating.js';
-export { default as IgcRatingSymbolComponent } from './components/rating/rating-symbol.js';
-export { default as IgcRippleComponent } from './components/ripple/ripple.js';
-export { default as IgcRangeSliderComponent } from './components/slider/range-slider.js';
-export { default as IgcSnackbarComponent } from './components/snackbar/snackbar.js';
-export { default as IgcSliderComponent } from './components/slider/slider.js';
-export { default as IgcSliderLabelComponent } from './components/slider/slider-label.js';
-export { default as IgcTabsComponent } from './components/tabs/tabs.js';
-export { default as IgcTabComponent } from './components/tabs/tab.js';
-export { default as IgcTabPanelComponent } from './components/tabs/tab-panel.js';
-export { default as IgcToastComponent } from './components/toast/toast.js';
-export { default as IgcToggleButtonComponent } from './components/button-group/toggle-button.js';
-export { default as IgcSwitchComponent } from './components/checkbox/switch.js';
-export { default as IgcTextareaComponent } from './components/textarea/textarea.js';
-export { default as IgcTreeComponent } from './components/tree/tree.js';
-export { default as IgcTreeItemComponent } from './components/tree/tree-item.js';
-export { default as IgcStepperComponent } from './components/stepper/stepper.js';
-export { default as IgcStepComponent } from './components/stepper/step.js';
-export { defineComponents } from './components/common/definitions/defineComponents.js';
-export { defineAllComponents } from './components/common/definitions/defineAllComponents.js';
-export { registerIcon, registerIconFromText, setIconRef, } from './components/icon/icon.registry.js';
-export { configureTheme } from './theming/config.js';
-export { IgcCalendarResourceStringEN } from './components/common/i18n/calendar.resources.js';
-export type { IgcBannerComponentEventMap } from './components/banner/banner.js';
-export type { IgcButtonGroupComponentEventMap } from './components/button-group/button-group.js';
-export type { IgcCalendarComponentEventMap } from './components/calendar/types.js';
-export type { IgcCarouselComponentEventMap } from './components/carousel/carousel.js';
-export type { IgcCheckboxComponentEventMap } from './components/checkbox/checkbox-base.js';
-export type { IgcCheckboxComponentEventMap as IgcSwitchComponentEventMap } from './components/checkbox/checkbox-base.js';
-export type { IgcChipComponentEventMap } from './components/chip/chip.js';
-export type { IgcComboComponentEventMap } from './components/combo/types.js';
-export type { IgcDatePickerComponentEventMap } from './components/date-picker/date-picker.js';
-export type { IgcDateTimeInputComponentEventMap } from './components/date-time-input/date-time-input.js';
-export type { IgcDialogComponentEventMap } from './components/dialog/dialog.js';
-export type { IgcDropdownComponentEventMap } from './components/dropdown/dropdown.js';
-export type { IgcExpansionPanelComponentEventMap } from './components/expansion-panel/expansion-panel.js';
-export type { IgcInputComponentEventMap } from './components/input/input-base.js';
-export type { IgcInputComponentEventMap as IgcMaskInputComponentEventMap } from './components/input/input-base.js';
-export type { IgcRadioComponentEventMap } from './components/radio/radio.js';
-export type { IgcRatingComponentEventMap } from './components/rating/rating.js';
-export type { IgcSelectComponentEventMap } from './components/select/select.js';
-export type { IgcSliderComponentEventMap } from './components/slider/slider.js';
-export type { IgcRangeSliderComponentEventMap } from './components/slider/range-slider.js';
-export type { IgcSnackbarComponentEventMap } from './components/snackbar/snackbar.js';
-export type { IgcStepperComponentEventMap } from './components/stepper/stepper.common.js';
-export type { IgcTabsComponentEventMap } from './components/tabs/tabs.js';
-export type { IgcTextareaComponentEventMap } from './components/textarea/textarea.js';
-export type { IgcTreeComponentEventMap } from './components/tree/tree.common.js';
-export type { RangeTextSelectMode, SelectionRangeDirection, StyleVariant, } from './components/types.js';
-export type { DateRangeDescriptor, WeekDays, } from './components/calendar/types.js';
-export { DateRangeType } from './components/calendar/types.js';
-export type { CheckboxChangeEventArgs } from './components/checkbox/checkbox-base.js';
-export type { DatePart, DatePartDeltas, } from './components/date-time-input/date-util.js';
-export type { RadioChangeEventArgs } from './components/radio/radio.js';
-export type { IgcRangeSliderValue } from './components/slider/range-slider.js';
-export type { IgcActiveStepChangingArgs, IgcActiveStepChangedArgs, } from './components/stepper/stepper.common.js';
-export type { ComboItemTemplate, ComboTemplateProps, FilteringOptions, GroupingDirection, GroupingOptions, IgcComboChangeEventArgs, } from './components/combo/types.js';
-export type { IconMeta } from './components/icon/registry/types.js';

package/theming/config.d.ts

@@ -1,17 +0,0 @@
-import type { Theme, ThemeVariant } from './types.js';
-export declare const getTheme: () => {
-    theme: Theme;
-    themeVariant: ThemeVariant;
-};
-export declare const setTheme: (value: Theme, variant: ThemeVariant) => void;
-/**
- * Allows the global configuration of the active theme.
- *
- * Usage:
- *  ```ts
- *  import { configureTheme } from 'igniteui-webcomponents';
- *
- *  configureTheme('material', 'light');
- *  ```
- */
-export declare const configureTheme: (t: Theme, v?: ThemeVariant) => void;

package/theming/theming-controller.d.ts

@@ -1,18 +0,0 @@
-import { type ReactiveController, type ReactiveControllerHost, type ReactiveElement } from 'lit';
-import type { Theme, ThemeChangedCallback, ThemeController, ThemeVariant, Themes } from './types.js';
-declare class ThemingController implements ReactiveController, ThemeController {
-    private themes;
-    private host;
-    theme: Theme;
-    themeVariant: ThemeVariant;
-    onThemeChanged?: ThemeChangedCallback;
-    constructor(host: ReactiveControllerHost & ReactiveElement, themes: Themes);
-    hostConnected(): void;
-    hostDisconnected(): void;
-    handleEvent(): void;
-    private getStyles;
-    protected adoptStyles(): void;
-    private themeChanged;
-}
-export declare function createThemeController(host: ReactiveControllerHost & ReactiveElement, themes: Themes): ThemingController;
-export {};

package/theming/theming-decorator.d.ts

@@ -1,43 +0,0 @@
-import type { LitElement } from 'lit';
-import type { ThemeController, Themes } from './types.js';
-/**
- * Class decorator to enable multiple theme support for a component.
- * The component will re-render on theme changes.
- *
- * Passing `{ exposeController: true }` in the decorator options will create an internal symbol
- * which can be used by {@link getThemeController} to additionally query and modify the component
- * based on the themes.
- *
- * Usage:
- *  ```ts
- *  import { LitElement, html } from 'lit';
- *  import { themes } from 'igniteui-webcomponents/themes';
- *  import { styles } from './themes/my-element.base.css.js';
- *  import { styles as shared } from './themes/shared/my-picker.common.css.js';
- *  import { all } from './themes/themes.js';
- *
- *  @themes(all)
- *  class MyElement extends LitElement {
- *    public static styles = [styles, shared];
- *  }
- *
- *  @themes(all, { exposeController: true })
- *  class MyElementWithExposedTheming extends LitElement {
- *    ...
- *
- *    render() {
- *      const theme = getThemeController(this)?.theme;
- *      ...
- *    }
- *  }
- *  ```
- */
-export declare function themes(themes: Themes, options?: ThemeOptions): (proto: unknown) => void;
-/**
- * Returns the theming controller for the given element if exposed.
- */
-export declare function getThemeController(host: LitElement): ThemeController | undefined;
-type ThemeOptions = {
-    exposeController?: boolean;
-};
-export {};

package/theming/theming-event.d.ts

@@ -1,21 +0,0 @@
-import type { Theme, ThemeVariant } from './types.js';
-declare class ThemeChangedEmitter extends EventTarget {
-    constructor();
-    handleEvent(): void;
-}
-export declare const CHANGE_THEME_EVENT = "igc-change-theme";
-export declare const CHANGED_THEME_EVENT = "igc-changed-theme";
-export declare const _themeChangedEmitter: ThemeChangedEmitter;
-declare global {
-    interface WindowEventMap {
-        [CHANGE_THEME_EVENT]: CustomEvent<ChangeThemeEventDetail>;
-    }
-}
-/**
- * The possible details of the "igc-change-theme" event.
- */
-export type ChangeThemeEventDetail = {
-    theme: Theme;
-    themeVariant: ThemeVariant;
-};
-export {};

package/theming/types.d.ts

@@ -1,26 +0,0 @@
-import type { CSSResult } from 'lit';
-export type Theme = 'material' | 'bootstrap' | 'indigo' | 'fluent';
-export type ThemeVariant = 'light' | 'dark';
-export type Themes = {
-    light: {
-        [K in Theme]?: CSSResult;
-    };
-    dark: {
-        [K in Theme]?: CSSResult;
-    };
-};
-export type ThemeChangedCallback = (theme: Theme) => unknown;
-/**
- * A controller responsible for adopting various component themes;
- * See also {@link updateWhenThemeChanges}.
- */
-export interface ThemeController {
-    /**
-     * The name of the currently adopted theme. See {@link Theme}.
-     */
-    theme: Theme;
-    /**
-     * Optional callback function to invoke when the theme is changed at runtime.
-     */
-    onThemeChanged?: ThemeChangedCallback;
-}

package/theming/utils.d.ts

@@ -1 +0,0 @@
-export declare function getAllCssVariables(): Record<string, string>;