igniteui-webcomponents 5.3.0-beta.0 → 5.3.0-beta.2

package/components/calendar/months-view/months-view.d.ts

@@ -0,0 +1,44 @@
+import { LitElement } from 'lit';
+import type { Constructor } from '../../common/mixins/constructor.js';
+import { CalendarDay } from '../model.js';
+import type { IgcCalendarComponentEventMap } from '../types.js';
+declare const IgcMonthsViewComponent_base: Constructor<import("../../common/mixins/event-emitter.js").EventEmitterInterface<IgcCalendarComponentEventMap>> & Constructor<LitElement>;
+/**
+ * Instantiate a months view as a separate component in the calendar.
+ *
+ * @element igc-months-view
+ *
+ * @csspart months-row - The months row container.
+ * @csspart month - The month container.
+ * @csspart month-inner - The inner month container.
+ */
+export default class IgcMonthsViewComponent extends IgcMonthsViewComponent_base {
+    static readonly tagName = "igc-months-view";
+    static styles: import("lit").CSSResult;
+    static register(): void;
+    private _value;
+    private activeMonth;
+    /** Тhe current value of the calendar. */
+    set value(value: Date);
+    get value(): Date;
+    /** Sets the locale used for formatting and displaying the dates. */
+    locale: string;
+    /** The format of the month. Defaults to long. */
+    monthFormat: 'numeric' | '2-digit' | 'long' | 'short' | 'narrow';
+    private _intl;
+    protected localeChange(): void;
+    protected formatChange(): void;
+    constructor();
+    connectedCallback(): void;
+    /** Focuses the active date. */
+    focusActiveDate(): void;
+    protected handleInteraction(event: Event): void;
+    protected renderMonth(entry: CalendarDay, now: CalendarDay): import("lit-html").TemplateResult<1>;
+    protected render(): Generator<import("lit-html").TemplateResult<1>, void, unknown>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-months-view': IgcMonthsViewComponent;
+    }
+}
+export {};

package/components/calendar/themes/calendar.base.css.d.ts

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

package/components/calendar/themes/calendar.d.ts

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

package/components/calendar/themes/dark/calendar.bootstrap.css.d.ts

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

package/components/calendar/themes/dark/calendar.fluent.css.d.ts

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

package/components/calendar/themes/dark/calendar.indigo.css.d.ts

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

package/components/calendar/themes/dark/calendar.material.css.d.ts

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

package/components/calendar/themes/days-view.base.css.d.ts

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

package/components/calendar/themes/days.d.ts

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

package/components/calendar/themes/light/calendar.bootstrap.css.d.ts

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

package/components/calendar/themes/light/calendar.fluent.css.d.ts

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

package/components/calendar/themes/light/calendar.indigo.css.d.ts

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

package/components/calendar/themes/light/calendar.material.css.d.ts

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

package/components/calendar/themes/light/calendar.shared.css.d.ts

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

package/components/calendar/themes/shared/bootstrap/calendar.bootstrap.css.d.ts

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

package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.d.ts

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

package/components/calendar/themes/shared/bootstrap/year-month-view.bootstrap.css.d.ts

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

package/components/calendar/themes/shared/fluent/calendar.fluent.css.d.ts

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

package/components/calendar/themes/shared/fluent/days-view.fluent.css.d.ts

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

package/components/calendar/themes/shared/fluent/year-month-view.fluent.css.d.ts

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

package/components/calendar/themes/shared/indigo/calendar.indigo.css.d.ts

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

package/components/calendar/themes/shared/indigo/days-view.indigo.css.d.ts

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

package/components/calendar/themes/shared/indigo/year-month-view.indigo.css.d.ts

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

package/components/calendar/themes/shared/material/calendar.material.css.d.ts

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

package/components/calendar/themes/shared/material/days-view.material.css.d.ts

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

package/components/calendar/themes/shared/material/year-month-view.material.css.d.ts

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

package/components/calendar/themes/year-month-view.base.css.d.ts

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

package/components/calendar/themes/year-month.d.ts

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

package/components/calendar/types.d.ts

@@ -0,0 +1,16 @@
+export declare enum DateRangeType {
+    After = 0,
+    Before = 1,
+    Between = 2,
+    Specific = 3,
+    Weekdays = 4,
+    Weekends = 5
+}
+export interface DateRangeDescriptor {
+    type: DateRangeType;
+    dateRange?: Date[];
+}
+export type WeekDays = 'sunday' | 'monday' | 'tuesday' | 'wednesday' | 'thursday' | 'friday' | 'saturday';
+export interface IgcCalendarComponentEventMap {
+    igcChange: CustomEvent<Date | Date[]>;
+}

package/components/calendar/years-view/years-view.d.ts

@@ -0,0 +1,41 @@
+import { LitElement } from 'lit';
+import type { Constructor } from '../../common/mixins/constructor.js';
+import { CalendarDay } from '../model.js';
+import type { IgcCalendarComponentEventMap } from '../types.js';
+declare const IgcYearsViewComponent_base: Constructor<import("../../common/mixins/event-emitter.js").EventEmitterInterface<IgcCalendarComponentEventMap>> & Constructor<LitElement>;
+/**
+ * Instantiate a years view as a separate component in the calendar.
+ *
+ * @element igc-years-view
+ *
+ * @csspart years-row - The years row container.
+ * @csspart year - The year container.
+ * @csspart year-inner - The inner year container.
+ */
+export default class IgcYearsViewComponent extends IgcYearsViewComponent_base {
+    static readonly tagName = "igc-years-view";
+    static styles: import("lit").CSSResult;
+    static register(): void;
+    private _value;
+    private activeYear;
+    /** Тhe current value of the calendar. */
+    set value(value: Date);
+    get value(): Date;
+    /**
+     * Sets how many years are displayed on a single page.
+     * @attr years-per-page
+     */
+    yearsPerPage: number;
+    constructor();
+    connectedCallback(): void;
+    focusActiveDate(): void;
+    protected handleInteraction(event: Event): void;
+    protected renderYear(year: number, now: CalendarDay): import("lit-html").TemplateResult<1>;
+    protected render(): Generator<import("lit-html").TemplateResult<1>, void, unknown>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-years-view': IgcYearsViewComponent;
+    }
+}
+export {};

package/components/card/card.actions.d.ts

@@ -0,0 +1,24 @@
+import { LitElement } from 'lit';
+/** A container for card action items like buttons
+ * @element igc-card-actions
+ *
+ * @slot start - Renders items at the beginning of actions area
+ * @slot - Renders items at the middle of actions area
+ * @slot end - Renders items at the end of actions area
+ */
+export default class IgcCardActionsComponent extends LitElement {
+    static readonly tagName = "igc-card-actions";
+    static styles: import("lit").CSSResult;
+    static register(): void;
+    /**
+     * The orientation of the actions.
+     * @attr
+     */
+    orientation: 'vertical' | 'horizontal';
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-card-actions': IgcCardActionsComponent;
+    }
+}

package/components/card/card.content.d.ts

@@ -0,0 +1,17 @@
+import { LitElement } from 'lit';
+/** A container for card's text content
+ * @element igc-card-content
+ *
+ * @slot - Renders the card text content
+ */
+export default class IgcCardContentComponent extends LitElement {
+    static readonly tagName = "igc-card-content";
+    static styles: import("lit").CSSResult[];
+    static register(): void;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-card-content': IgcCardContentComponent;
+    }
+}

package/components/card/card.d.ts

@@ -0,0 +1,22 @@
+import { LitElement } from 'lit';
+/** A container which wraps different elements related to a single subject
+ * @element igc-card
+ *
+ * @slot - Renders card content
+ */
+export default class IgcCardComponent extends LitElement {
+    static readonly tagName = "igc-card";
+    static styles: import("lit").CSSResult[];
+    static register(): void;
+    /**
+     * Sets card elevated style, otherwise card looks outlined.
+     * @attr
+     */
+    elevated: boolean;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-card': IgcCardComponent;
+    }
+}

package/components/card/card.header.d.ts

@@ -0,0 +1,22 @@
+import { LitElement } from 'lit';
+/** A container for card's header
+ * @element igc-card-header
+ *
+ * @slot thumbnail - Renders header media like icon
+ * @slot title - Renders the card title
+ * @slot subtitle - Renders the card subtitle
+ * @slot - Renders content next to the card title
+ *
+ * @csspart header - The card header container
+ */
+export default class IgcCardHeaderComponent extends LitElement {
+    static readonly tagName = "igc-card-header";
+    static styles: import("lit").CSSResult[];
+    static register(): void;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-card-header': IgcCardHeaderComponent;
+    }
+}

package/components/card/card.media.d.ts

@@ -0,0 +1,17 @@
+import { LitElement } from 'lit';
+/** A container for card's media - could be an image, gif, video
+ * @element igc-card-media
+ *
+ * @slot - Renders the card media content
+ */
+export default class IgcCardMediaComponent extends LitElement {
+    static readonly tagName = "igc-card-media";
+    static styles: import("lit").CSSResult;
+    static register(): void;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-card-media': IgcCardMediaComponent;
+    }
+}

package/components/card/themes/actions.d.ts

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

package/components/card/themes/card.actions.base.css.d.ts

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

package/components/card/themes/card.content.base.css.d.ts

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

package/components/card/themes/card.header.base.css.d.ts

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

package/components/card/themes/card.media.base.css.d.ts

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

package/components/card/themes/container.base.css.d.ts

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

package/components/card/themes/container.d.ts

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

package/components/card/themes/content.d.ts

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

package/components/card/themes/dark/card.bootstrap.css.d.ts

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

package/components/card/themes/dark/card.fluent.css.d.ts

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

package/components/card/themes/dark/card.indigo.css.d.ts

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

package/components/card/themes/dark/card.material.css.d.ts

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

package/components/card/themes/dark/card.shared.css.d.ts

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

package/components/card/themes/header.d.ts

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

package/components/card/themes/light/container/card.bootstrap.css.d.ts

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

package/components/card/themes/light/container/card.fluent.css.d.ts

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

package/components/card/themes/light/container/card.indigo.css.d.ts

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

package/components/card/themes/light/container/card.material.css.d.ts

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

package/components/card/themes/light/container/card.shared.css.d.ts

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

package/components/card/themes/shared/actions/card.actions.bootstrap.css.d.ts

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

package/components/card/themes/shared/actions/card.actions.indigo.css.d.ts

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

package/components/card/themes/shared/container/card.common.css.d.ts

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

package/components/card/themes/shared/container/card.fluent.css.d.ts

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

package/components/card/themes/shared/container/card.indigo.css.d.ts

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

package/components/card/themes/shared/content/card.content.bootstrap.css.d.ts

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

package/components/card/themes/shared/content/card.content.common.css.d.ts

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

package/components/card/themes/shared/header/card.header.bootstrap.css.d.ts

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

package/components/card/themes/shared/header/card.header.common.css.d.ts

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

package/components/card/themes/shared/header/card.header.fluent.css.d.ts

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

package/components/card/themes/shared/header/card.header.indigo.css.d.ts

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

package/components/carousel/animations.d.ts

@@ -0,0 +1 @@
+export declare const animations: Map<string, Map<string, ((options?: KeyframeAnimationOptions) => import("../../animations/types.js").AnimationReferenceMetadata) | ((options?: KeyframeAnimationOptions) => import("../../animations/types.js").AnimationReferenceMetadata)> | Map<string, ((options: KeyframeAnimationOptions) => import("../../animations/types.js").AnimationReferenceMetadata) | ((options: KeyframeAnimationOptions) => import("../../animations/types.js").AnimationReferenceMetadata)> | Map<string, ((options: KeyframeAnimationOptions) => import("../../animations/types.js").AnimationReferenceMetadata) | ((options: KeyframeAnimationOptions) => import("../../animations/types.js").AnimationReferenceMetadata)> | Map<string, () => import("../../animations/types.js").AnimationReferenceMetadata>>;

package/components/carousel/carousel-indicator-container.d.ts

@@ -0,0 +1,21 @@
+import { LitElement } from 'lit';
+/**
+ * @element igc-carousel-indicator-container
+ *
+ * @slot - Default slot for the carousel indicator container.
+ *
+ * @csspart base - The wrapping container of all carousel indicators.
+ */
+export default class IgcCarouselIndicatorContainerComponent extends LitElement {
+    static readonly tagName = "igc-carousel-indicator-container";
+    static styles: import("lit").CSSResult[];
+    static register(): void;
+    private _kbFocus;
+    private handleFocusOut;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-carousel-indicator-container': IgcCarouselIndicatorContainerComponent;
+    }
+}

package/components/carousel/carousel-indicator.d.ts

@@ -0,0 +1,34 @@
+import { LitElement } from 'lit';
+/**
+ * Used when a custom indicator needs to be passed to the `igc-carousel` component.
+ *
+ * @element igc-carousel-indicator
+ *
+ * @slot - Default slot for projected inactive indicator.
+ * @slot active - Default slot for projected active indicator.
+ *
+ * @csspart indicator - The wrapping container of the carousel dot indicator.
+ * @csspart inactive - The wrapping container of the inactive dot indicator.
+ * @csspart active - The wrapping container of the active dot indicator.
+ */
+export default class IgcCarouselIndicatorComponent extends LitElement {
+    static readonly tagName = "igc-carousel-indicator";
+    static styles: import("lit").CSSResult;
+    static register(): void;
+    private _active;
+    private _internals;
+    private _carousel?;
+    protected get _labelFormat(): string;
+    set active(value: boolean);
+    get active(): boolean;
+    index: number;
+    constructor();
+    connectedCallback(): void;
+    protected willUpdate(): void;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-carousel-indicator': IgcCarouselIndicatorComponent;
+    }
+}

package/components/carousel/carousel-slide.d.ts

@@ -0,0 +1,37 @@
+import { LitElement } from 'lit';
+/**
+ * A single content container within a set of containers used in the context of an `igc-carousel`.
+ *
+ * @element igc-carousel-slide
+ *
+ * @slot Default slot for the carousel slide.
+ */
+export default class IgcCarouselSlideComponent extends LitElement {
+    static styles: import("lit").CSSResult;
+    static readonly tagName = "igc-carousel-slide";
+    static register(): void;
+    private static readonly increment;
+    private _internals;
+    private _animationPlayer;
+    private _carousel?;
+    protected get _index(): number;
+    protected get _total(): number;
+    protected get _animation(): "none" | "fade" | "slideVer" | "slideHor";
+    protected get _labelFormat(): string;
+    /**
+     * The current active slide for the carousel component.
+     * @attr
+     */
+    active: boolean;
+    previous: boolean;
+    toggleAnimation(type: 'in' | 'out', direction?: 'normal' | 'reverse'): Promise<boolean>;
+    constructor();
+    protected willUpdate(): void;
+    connectedCallback(): void;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-carousel-slide': IgcCarouselSlideComponent;
+    }
+}