igniteui-webcomponents 5.2.4 → 5.3.0-beta.0

package/components/input/input-base.d.ts

@@ -1,72 +0,0 @@
-import { LitElement, type TemplateResult } from 'lit';
-import type { Constructor } from '../common/mixins/constructor.js';
-import type { RangeTextSelectMode, SelectionRangeDirection } from '../types.js';
-export interface IgcInputComponentEventMap {
-    igcInput: CustomEvent<string>;
-    igcChange: CustomEvent<string>;
-    focus: FocusEvent;
-    blur: FocusEvent;
-}
-declare const IgcInputBaseComponent_base: Constructor<import("../common/mixins/forms/types.js").FormRequiredInterface & import("../common/mixins/forms/types.js").FormAssociatedElementInterface> & Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcInputComponentEventMap>> & Constructor<LitElement>;
-export declare abstract class IgcInputBaseComponent extends IgcInputBaseComponent_base {
-    protected static shadowRootOptions: {
-        delegatesFocus: boolean;
-        mode: ShadowRootMode;
-        serializable?: boolean;
-        slotAssignment?: SlotAssignmentMode;
-    };
-    static styles: import("lit").CSSResult[];
-    private static readonly increment;
-    protected inputId: string;
-    /** The value attribute of the control. */
-    abstract value: string | Date | null;
-    protected input: HTMLInputElement;
-    protected _helperText: Array<HTMLElement>;
-    protected prefixes: Array<HTMLElement>;
-    protected suffixes: Array<HTMLElement>;
-    protected get _isMaterial(): boolean;
-    /**
-     * Whether the control will have outlined appearance.
-     * @attr
-     */
-    outlined: boolean;
-    /**
-     * Makes the control a readonly field.
-     * @attr readonly
-     */
-    readOnly: boolean;
-    /**
-     * The placeholder attribute of the control.
-     * @attr
-     */
-    placeholder: string;
-    /**
-     * The label for the control.
-     * @attr
-     */
-    label: string;
-    protected createRenderRoot(): HTMLElement | DocumentFragment;
-    /** Sets focus on the control. */
-    focus(options?: FocusOptions): void;
-    /** Removes focus from the control. */
-    blur(): void;
-    protected abstract renderInput(): TemplateResult;
-    protected renderValidatorContainer(): TemplateResult;
-    protected resolvePartNames(base: string): {
-        [x: string]: boolean;
-        prefixed: boolean;
-        suffixed: boolean;
-        filled: boolean;
-    };
-    /** Sets the text selection range of the control */
-    setSelectionRange(start: number, end: number, direction?: SelectionRangeDirection): void;
-    /** Replaces the selected text in the input. */
-    setRangeText(replacement: string, start: number, end: number, selectMode?: RangeTextSelectMode): void;
-    private renderPrefix;
-    private renderSuffix;
-    private renderLabel;
-    private renderMaterial;
-    private renderStandard;
-    protected render(): TemplateResult<1>;
-}
-export {};

package/components/input/input.d.ts

@@ -1,135 +0,0 @@
-import { type FormValue } from '../common/mixins/forms/form-value.js';
-import type { RangeTextSelectMode } from '../types.js';
-import { IgcInputBaseComponent } from './input-base.js';
-/**
- * @element igc-input
- *
- * @slot prefix - Renders content before the input.
- * @slot suffix - Renders content after input.
- * @slot helper-text - Renders content below the input.
- * @slot value-missing - Renders content when the required validation fails.
- * @slot type-mismatch - Renders content when the a type url/email input pattern validation fails.
- * @slot pattern-mismatch - Renders content when the pattern validation fails.
- * @slot too-long - Renders content when the maxlength validation fails.
- * @slot too-short - Renders content when the minlength validation fails.
- * @slot range-overflow - Renders content when the max validation fails.
- * @slot range-underflow - Renders content when the min validation fails.
- * @slot step-mismatch - Renders content when the step validation fails.
- * @slot custom-error - Renders content when setCustomValidity(message) is set.
- * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).
- *
- * @fires igcInput - Emitted when the control input receives user input.
- * @fires igcChange - Emitted when the control's checked state changes.
- *
- * @csspart container - The main wrapper that holds all main input elements.
- * @csspart input - The native input element.
- * @csspart label - The native label element.
- * @csspart prefix - The prefix wrapper.
- * @csspart suffix - The suffix wrapper.
- * @csspart helper-text - The helper text wrapper.
- */
-export default class IgcInputComponent extends IgcInputBaseComponent {
-    static readonly tagName = "igc-input";
-    static register(): void;
-    protected _formValue: FormValue<string>;
-    protected get __validators(): import("../common/validators.js").Validator<IgcInputComponent>[];
-    private _min?;
-    private _max?;
-    private _minLength?;
-    private _maxLength?;
-    private _pattern?;
-    private _step?;
-    /**
-     * The value of the control.
-     * @attr
-     */
-    set value(value: string);
-    get value(): string;
-    /**
-     * The type attribute of the control.
-     * @attr
-     */
-    type: 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'url';
-    /**
-     * The input mode attribute of the control.
-     * See [relevant MDN article](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)
-     * @attr inputmode
-     */
-    inputMode: string;
-    /**
-     * The pattern attribute of the control.
-     * @attr
-     */
-    set pattern(value: string | undefined);
-    get pattern(): string | undefined;
-    /**
-     * The minimum string length required by the control.
-     * @attr minlength
-     */
-    set minLength(value: number | undefined);
-    get minLength(): number | undefined;
-    /**
-     * The maximum string length of the control.
-     * @attr maxlength
-     */
-    set maxLength(value: number | undefined);
-    get maxLength(): number | undefined;
-    /**
-     * The min attribute of the control.
-     * @attr
-     */
-    set min(value: number | undefined);
-    get min(): number | undefined;
-    /**
-     * The max attribute of the control.
-     * @attr
-     */
-    set max(value: number | undefined);
-    get max(): number | undefined;
-    /**
-     * The step attribute of the control.
-     * @attr
-     */
-    set step(value: number | undefined);
-    get step(): number | undefined;
-    /**
-     * The autofocus attribute of the control.
-     * @attr
-     */
-    autofocus: boolean;
-    /**
-     * The autocomplete attribute of the control.
-     * @attr
-     */
-    autocomplete: string;
-    /**
-     * Enables validation rules to be evaluated without restricting user input. This applies to the `maxLength` property for
-     * string-type inputs or allows spin buttons to exceed the predefined `min/max` limits for number-type inputs.
-     *
-     * @attr validate-only
-     */
-    validateOnly: boolean;
-    /**
-     * @internal
-     */
-    tabIndex: number;
-    constructor();
-    /** Replaces the selected text in the input. */
-    setRangeText(replacement: string, start: number, end: number, selectMode?: RangeTextSelectMode): void;
-    /** Selects all text within the input. */
-    select(): void;
-    /** Increments the numeric value of the input by one or more steps. */
-    stepUp(n?: number): void;
-    /** Decrements the numeric value of the input by one or more steps. */
-    stepDown(n?: number): void;
-    private handleInput;
-    private handleChange;
-    protected handleFocus(): void;
-    protected handleBlur(): void;
-    protected renderInput(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'igc-input': IgcInputComponent;
-    }
-}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/components/input/themes/shared/input.common.css.d.ts

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

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

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

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

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

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

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

package/components/input/themes/themes.d.ts

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

package/components/input/validators.d.ts

@@ -1,4 +0,0 @@
-import { type Validator } from '../common/validators.js';
-import type IgcInputComponent from './input.js';
-export declare const stringValidators: Validator<IgcInputComponent>[];
-export declare const numberValidators: Validator<IgcInputComponent>[];

package/components/list/list-header.d.ts

@@ -1,21 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * Header list item.
- *
- * @element igc-list-header
- *
- * @slot - Renders header list item's content.
- */
-export default class IgcListHeaderComponent extends LitElement {
-    static readonly tagName = "igc-list-header";
-    static styles: import("lit").CSSResult[];
-    static register(): void;
-    private _internals;
-    constructor();
-    protected render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'igc-list-header': IgcListHeaderComponent;
-    }
-}

package/components/list/list-item.d.ts

@@ -1,33 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * The list-item component is a container
- * intended for row items in the list component.
- *
- * @element igc-list-item
- *
- * @slot - Renders custom content.
- * @slot start - Renders content before all other content.
- * @slot end - Renders content after all other content.
- * @slot title - Renders the title.
- * @slot subtitle - Renders the subtitle.
- *
- * @csspart start - The start container.
- * @csspart end - The end container.
- * @csspart content - The header and custom content container.
- * @csspart header - The title and subtitle container.
- * @csspart title - The title container.
- * @csspart subtitle - The subtitle container.
- */
-export default class IgcListItemComponent extends LitElement {
-    static readonly tagName = "igc-list-item";
-    static styles: import("lit").CSSResult[];
-    static register(): void;
-    private _internals;
-    constructor();
-    protected render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'igc-list-item': IgcListItemComponent;
-    }
-}

package/components/list/list.d.ts

@@ -1,21 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * Displays a collection of data items in a templatable list format.
- *
- * @element igc-list
- *
- * @slot - Renders the list items and list headers inside default slot.
- */
-export default class IgcListComponent extends LitElement {
-    static readonly tagName = "igc-list";
-    static styles: import("lit").CSSResult[];
-    static register(): void;
-    private _internals;
-    constructor();
-    protected render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'igc-list': IgcListComponent;
-    }
-}

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

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

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

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

package/components/list/themes/dark/container/list.bootstrap.css.d.ts

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

package/components/list/themes/dark/container/list.fluent.css.d.ts

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

package/components/list/themes/dark/container/list.indigo.css.d.ts

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

package/components/list/themes/dark/container/list.material.css.d.ts

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

package/components/list/themes/dark/container/list.shared.css.d.ts

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

package/components/list/themes/dark/header/list-header.bootstrap.css.d.ts

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

package/components/list/themes/dark/header/list-header.fluent.css.d.ts

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

package/components/list/themes/dark/header/list-header.indigo.css.d.ts

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

package/components/list/themes/dark/header/list-header.material.css.d.ts

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

package/components/list/themes/dark/item/list-item.bootstrap.css.d.ts

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

package/components/list/themes/dark/item/list-item.fluent.css.d.ts

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

package/components/list/themes/dark/item/list-item.indigo.css.d.ts

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

package/components/list/themes/dark/item/list-item.material.css.d.ts

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

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

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

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

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

package/components/list/themes/item.base.css.d.ts

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

package/components/list/themes/item.d.ts

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

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

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

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

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

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

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

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

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

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

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

package/components/list/themes/light/header/list-header.bootstrap.css.d.ts

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

package/components/list/themes/light/header/list-header.fluent.css.d.ts

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

package/components/list/themes/light/header/list-header.indigo.css.d.ts

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

package/components/list/themes/light/header/list-header.material.css.d.ts

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

package/components/list/themes/light/item/list-item.bootstrap.css.d.ts

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

package/components/list/themes/light/item/list-item.fluent.css.d.ts

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

package/components/list/themes/light/item/list-item.indigo.css.d.ts

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

package/components/list/themes/light/item/list-item.material.css.d.ts

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

package/components/list/themes/shared/container/list.bootstrap.css.d.ts

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

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

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

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

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

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

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

package/components/list/themes/shared/header/list-header.common.css.d.ts

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

package/components/list/themes/shared/header/list-header.indigo.css.d.ts

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

package/components/list/themes/shared/item/list-item.bootstrap.css.d.ts

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

package/components/list/themes/shared/item/list-item.common.css.d.ts

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

package/components/list/themes/shared/item/list-item.fluent.css.d.ts

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

package/components/list/themes/shared/item/list-item.indigo.css.d.ts

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

package/components/mask-input/mask-input-base.d.ts

@@ -1,34 +0,0 @@
-import { IgcInputBaseComponent } from '../input/input-base.js';
-import type { RangeTextSelectMode, SelectionRangeDirection } from '../types.js';
-import { MaskParser } from './mask-parser.js';
-export type MaskRange = {
-    start: number;
-    end: number;
-};
-export declare abstract class IgcMaskInputBaseComponent extends IgcInputBaseComponent {
-    protected parser: MaskParser;
-    protected selection: MaskRange;
-    protected compositionStart: number;
-    protected focused: boolean;
-    protected maskedValue: string;
-    protected _mask: string;
-    /** The prompt symbol to use for unfilled parts of the mask. */
-    prompt: string;
-    protected get inputSelection(): MaskRange;
-    protected get emptyMask(): string;
-    connectedCallback(): void;
-    /** Selects all text within the input. */
-    select(): void;
-    protected handleInput({ inputType, isComposing }: InputEvent): void | Promise<void>;
-    protected handleKeydown({ key }: KeyboardEvent): void;
-    protected handleCut(): void;
-    protected handleDragStart(): void;
-    protected handleCompositionStart(): void;
-    protected handleCompositionEnd({ data }: CompositionEvent): void;
-    protected handleClick(): void;
-    setSelectionRange(start: number, end: number, direction?: SelectionRangeDirection): void;
-    /** Replaces the selected text in the control and re-applies the mask */
-    setRangeText(replacement: string, start?: number, end?: number, selectMode?: RangeTextSelectMode): void;
-    protected abstract _updateSetRangeTextValue(): void;
-    protected abstract updateInput(string: string, range: MaskRange): void;
-}

package/components/mask-input/mask-input.d.ts

@@ -1,73 +0,0 @@
-import { type FormValue } from '../common/mixins/forms/form-value.js';
-import { IgcMaskInputBaseComponent, type MaskRange } from './mask-input-base.js';
-/**
- * A masked input is an input field where a developer can control user input and format the visible value,
- * based on configurable rules
- *
- * @element igc-mask-input
- *
- * @slot prefix - Renders content before the input
- * @slot suffix - Renders content after the input
- * @slot helper-text - Renders content below the input
- * @slot value-missing - Renders content when the required validation fails.
- * @slot bad-input - Renders content when a required mask pattern validation fails.
- * @slot custom-error - Renders content when setCustomValidity(message) is set.
- * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).
- *
- * @fires igcInput - Emitted when the control receives user input
- * @fires igcChange - Emitted when an alteration of the control's value is committed by the user
- *
- * @csspart container - The main wrapper that holds all main input elements
- * @csspart input - The native input element
- * @csspart label - The native label element
- * @csspart prefix - The prefix wrapper
- * @csspart suffix - The suffix wrapper
- * @csspart helper-text - The helper text wrapper
- */
-export default class IgcMaskInputComponent extends IgcMaskInputBaseComponent {
-    static readonly tagName = "igc-mask-input";
-    static register(): void;
-    protected get __validators(): import("../common/validators.js").Validator<IgcMaskInputComponent>[];
-    protected _formValue: FormValue<string>;
-    protected get _isRawMode(): boolean;
-    /**
-     * Dictates the behavior when retrieving the value of the control:
-     *
-     * - `raw` will return the clean user input.
-     * - `withFormatting` will return the value with all literals and prompts.
-     * @attr value-mode
-     */
-    valueMode: 'raw' | 'withFormatting';
-    /**
-     * The value of the input.
-     *
-     * Regardless of the currently set `value-mode`, an empty value will return an empty string.
-     * @attr
-     */
-    get value(): string;
-    set value(string: string);
-    /**
-     * The mask pattern to apply on the input.
-     * @attr
-     */
-    get mask(): string;
-    /** The mask pattern to apply on the input. */
-    set mask(value: string);
-    constructor();
-    protected promptChange(): void;
-    protected _restoreDefaultValue(): void;
-    protected updateInput(string: string, range: MaskRange): Promise<void>;
-    protected handleDragEnter(): void;
-    protected handleDragLeave(): void;
-    protected handleFocus(): Promise<void>;
-    protected handleBlur(): void;
-    protected handleChange(): void;
-    protected updateMaskedValue(): void;
-    protected _updateSetRangeTextValue(): void;
-    protected renderInput(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'igc-mask-input': IgcMaskInputComponent;
-    }
-}

package/components/mask-input/mask-parser.d.ts

@@ -1,32 +0,0 @@
-interface MaskOptions {
-    format: string;
-    promptCharacter: string;
-}
-export declare class MaskParser {
-    protected options: MaskOptions;
-    constructor(options?: MaskOptions);
-    protected literals: Map<number, string>;
-    protected _escapedMask: string;
-    get literalPositions(): number[];
-    get escapedMask(): string;
-    get mask(): string;
-    set mask(value: string);
-    get prompt(): string;
-    set prompt(value: string);
-    protected parseMaskLiterals(): void;
-    protected isPromptChar(char: string): boolean;
-    protected replaceCharAt(string: string, pos: number, char: string): string;
-    protected validate(char: string, maskedChar: string): boolean;
-    protected getNonLiteralPositions(mask?: string): number[];
-    protected getRequiredNonLiteralPositions(mask: string): number[];
-    getPreviousNonLiteralPosition(start: number): number;
-    getNextNonLiteralPosition(start: number): number;
-    replace(maskString: string, value: string, start: number, end: number): {
-        value: string;
-        end: number;
-    };
-    parse(masked?: string): string;
-    isValidString(input?: string): boolean;
-    apply(input?: string): string;
-}
-export {};

package/components/mask-input/validators.d.ts

@@ -1,3 +0,0 @@
-import { type Validator } from '../common/validators.js';
-import type IgcMaskInputComponent from './mask-input.js';
-export declare const maskValidators: Validator<IgcMaskInputComponent>[];