igniteui-webcomponents 5.3.0-alpha.0 → 5.3.0-beta.1

package/components/tabs/themes/tab-themes.d.ts

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

package/components/tabs/themes/tab.base.css.d.ts

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

package/components/tabs/themes/tabs-themes.d.ts

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

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

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

package/components/textarea/textarea.d.ts

@@ -1,203 +0,0 @@
-import { LitElement, type TemplateResult, nothing } from 'lit';
-import type { Constructor } from '../common/mixins/constructor.js';
-import { type FormValue } from '../common/mixins/forms/form-value.js';
-import type { RangeTextSelectMode, SelectionRangeDirection } from '../types.js';
-export interface IgcTextareaComponentEventMap {
-    igcInput: CustomEvent<string>;
-    igcChange: CustomEvent<string>;
-    focus: FocusEvent;
-    blur: FocusEvent;
-}
-declare const IgcTextareaComponent_base: Constructor<import("../common/mixins/forms/types.js").FormRequiredInterface & import("../common/mixins/forms/types.js").FormAssociatedElementInterface> & Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcTextareaComponentEventMap>> & Constructor<LitElement>;
-/**
- * This element represents a multi-line plain-text editing control,
- * useful when you want to allow users to enter a sizeable amount of free-form text,
- * for example a comment on a review or feedback form.
- *
- * @element igc-textarea
- *
- * @slot - Text content from the default slot will be used as the value of the component.
- * @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 too-long - Renders content when the maxlength validation fails.
- * @slot too-short - Renders content when the minlength 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 the a change to the control value is committed by the user.
- *
- * @csspart container - The main wrapper that holds all main input elements of the textarea.
- * @csspart input - The native input element of the igc-textarea.
- * @csspart label - The native label element of the igc-textarea.
- * @csspart prefix - The prefix wrapper of the igc-textarea.
- * @csspart suffix - The suffix wrapper of the igc-textarea.
- * @csspart helper-text - The helper text wrapper of the igc-textarea.
- */
-export default class IgcTextareaComponent extends IgcTextareaComponent_base {
-    static readonly tagName = "igc-textarea";
-    static styles: import("lit").CSSResult[];
-    static register(): void;
-    protected static shadowRootOptions: {
-        delegatesFocus: boolean;
-        mode: ShadowRootMode;
-        serializable?: boolean;
-        slotAssignment?: SlotAssignmentMode;
-    };
-    private static readonly increment;
-    protected get __validators(): import("../common/validators.js").Validator<IgcTextareaComponent>[];
-    protected _formValue: FormValue<string>;
-    protected inputId: string;
-    private observer;
-    private projected;
-    protected prefixes: Array<HTMLElement>;
-    protected suffixes: Array<HTMLElement>;
-    private input;
-    private get resizeStyles();
-    protected get _isMaterial(): boolean;
-    /**
-     * Specifies what if any permission the browser has to provide for automated assistance in filling out form field values,
-     * as well as guidance to the browser as to the type of information expected in the field.
-     * Refer to [this page](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for additional information.
-     *
-     * @attr
-     */
-    autocomplete: string;
-    /**
-     * Controls whether and how text input is automatically capitalized as it is entered/edited by the user.
-     *
-     * [MDN documentation](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize).
-     *
-     * @attr
-     */
-    autocapitalize: 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
-    /**
-     * Hints at the type of data that might be entered by the user while editing the element or its contents.
-     * This allows a browser to display an appropriate virtual keyboard.
-     *
-     * [MDN documentation](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)
-     *
-     * @attr inputmode
-     */
-    inputMode: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
-    /**
-     * The label for the control.
-     *
-     * @attr
-     */
-    label: string;
-    /**
-     * The maximum number of characters (UTF-16 code units) that the user can enter.
-     * If this value isn't specified, the user can enter an unlimited number of characters.
-     *
-     * @attr maxlength
-     */
-    maxLength: number;
-    /**
-     * The minimum number of characters (UTF-16 code units) required that the user should enter.
-     *
-     * @attr minlength
-     */
-    minLength: number;
-    /**
-     * Whether the control will have outlined appearance.
-     * @attr
-     */
-    outlined: boolean;
-    /**
-     * The placeholder attribute of the control.
-     *
-     * @attr
-     */
-    placeholder: string;
-    /**
-     * Makes the control a readonly field.
-     *
-     * @attr readonly
-     */
-    readOnly: boolean;
-    /**
-     * Controls whether the control can be resized.
-     * When `auto` is set, the control will try to expand and fit its content.
-     *
-     * @attr
-     */
-    resize: 'auto' | 'vertical' | 'none';
-    /**
-     * The number of visible text lines for the control. If it is specified, it must be a positive integer.
-     * If it is not specified, the default value is 2.
-     *
-     * @attr
-     */
-    rows: number;
-    /**
-     * The value of the component
-     *
-     * @attr
-     */
-    set value(value: string);
-    get value(): string;
-    /**
-     * Controls whether the element may be checked for spelling errors.
-     *
-     * @attr
-     */
-    spellcheck: boolean;
-    /**
-     * Indicates how the control should wrap the value for form submission.
-     * Refer to [this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attributes)
-     * for explanation of the available values.
-     *
-     * @attr
-     */
-    wrap: 'hard' | 'soft' | 'off';
-    /**
-     * Enables validation rules to be evaluated without restricting user input. This applies to the `maxLength` property
-     * when it is defined.
-     *
-     * @attr validate-only
-     */
-    validateOnly: boolean;
-    protected valueChanged(): Promise<void>;
-    protected setAreaHeight(): void;
-    constructor();
-    connectedCallback(): Promise<void>;
-    disconnectedCallback(): void;
-    /** Selects all text within the control. */
-    select(): void;
-    /** Sets the text selection range of the control */
-    setSelectionRange(start: number, end: number, direction?: SelectionRangeDirection): void;
-    /** Replaces the selected text in the control. */
-    setRangeText(replacement: string, start: number, end: number, selectMode?: RangeTextSelectMode): void;
-    scrollTo(options?: ScrollToOptions | undefined): void;
-    scrollTo(x: number, y: number): void;
-    protected resolvePartNames(): {
-        container: boolean;
-        prefixed: boolean;
-        suffixed: boolean;
-        filled: boolean;
-    };
-    private setAutoHeight;
-    protected handleInput(): void;
-    protected handleChange(): void;
-    protected handleFocus(): void;
-    protected handleBlur(): void;
-    protected valueSlotChange(): void;
-    protected renderValueSlot(): TemplateResult<1>;
-    protected renderValidationContainer(): TemplateResult;
-    protected renderPrefix(): TemplateResult<1>;
-    protected renderSuffix(): TemplateResult<1>;
-    protected renderLabel(): TemplateResult<1> | typeof nothing;
-    protected renderStandard(): TemplateResult<1>;
-    protected renderMaterial(): TemplateResult<1>;
-    protected renderInput(): TemplateResult<1>;
-    protected render(): TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'igc-textarea': IgcTextareaComponent;
-    }
-}
-export {};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/components/textarea/themes/themes.d.ts

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

package/components/textarea/validators.d.ts

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

package/components/tile-manager/controllers/fullscreen.d.ts

@@ -1,15 +0,0 @@
-import type { ReactiveController, ReactiveControllerHost } from 'lit';
-type FullscreenControllerCallback = (state: boolean) => boolean;
-declare class FullscreenController implements ReactiveController {
-    private _host;
-    private _callback?;
-    private _fullscreen;
-    get fullscreen(): boolean;
-    constructor(host: ReactiveControllerHost & HTMLElement, callback?: FullscreenControllerCallback);
-    setState(fullscreen: boolean, isUserTriggered?: boolean): void;
-    handleEvent(): void;
-    hostConnected(): void;
-    hostDisconnected(): void;
-}
-export declare function addFullscreenController(host: ReactiveControllerHost & HTMLElement, callback?: FullscreenControllerCallback): FullscreenController;
-export {};

package/components/tile-manager/controllers/fullscreen.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fullscreen.js","sourceRoot":"","sources":["../../../../src/components/tile-manager/controllers/fullscreen.ts"],"names":[],"mappings":"AAIA,MAAM,oBAAoB;IAMxB,IAAW,UAAU;QACnB,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IAED,YACE,IAA0C,EAC1C,QAAuC;QARjC,gBAAW,GAAG,KAAK,CAAC;QAU1B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;QAC1B,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC;IAEM,QAAQ,CAAC,UAAmB,EAAE,eAAe,GAAG,KAAK;QAC1D,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW;YAAE,OAAO;QAEpC,IAAI,eAAe,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACtC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,EAAE,CAAC;gBACjD,OAAO;YACT,CAAC;QACH,CAAC;QAED,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC;QAE9B,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE,CAAC;QACjC,CAAC;aAAM,IAAI,QAAQ,CAAC,iBAAiB,EAAE,CAAC;YACtC,QAAQ,CAAC,cAAc,EAAE,CAAC;QAC5B,CAAC;IACH,CAAC;IAEM,WAAW;QAChB,MAAM,YAAY,GAAG,QAAQ,CAAC,iBAAiB,KAAK,IAAI,CAAC,KAAK,CAAC;QAC/D,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACtC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QAC7B,CAAC;IACH,CAAC;IAEM,aAAa;QAClB,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC;IACxD,CAAC;IAEM,gBAAgB;QACrB,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC;IAC3D,CAAC;CACF;AAED,MAAM,UAAU,uBAAuB,CACrC,IAA0C,EAC1C,QAAuC;IAEvC,OAAO,IAAI,oBAAoB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;AAClD,CAAC","sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from 'lit';\n\ntype FullscreenControllerCallback = (state: boolean) => boolean;\n\nclass FullscreenController implements ReactiveController {\n  private _host: ReactiveControllerHost & HTMLElement;\n  private _callback?: FullscreenControllerCallback;\n\n  private _fullscreen = false;\n\n  public get fullscreen(): boolean {\n    return this._fullscreen;\n  }\n\n  constructor(\n    host: ReactiveControllerHost & HTMLElement,\n    callback?: FullscreenControllerCallback\n  ) {\n    this._host = host;\n    this._callback = callback;\n    host.addController(this);\n  }\n\n  public setState(fullscreen: boolean, isUserTriggered = false): void {\n    if (!this._host.isConnected) return;\n\n    if (isUserTriggered && this._callback) {\n      if (!this._callback.call(this._host, fullscreen)) {\n        return;\n      }\n    }\n\n    this._fullscreen = fullscreen;\n\n    if (this._fullscreen) {\n      this._host.requestFullscreen();\n    } else if (document.fullscreenElement) {\n      document.exitFullscreen();\n    }\n  }\n\n  public handleEvent() {\n    const isFullscreen = document.fullscreenElement === this._host;\n    if (!isFullscreen && this._fullscreen) {\n      this.setState(false, true);\n    }\n  }\n\n  public hostConnected(): void {\n    this._host.addEventListener('fullscreenchange', this);\n  }\n\n  public hostDisconnected(): void {\n    this._host.removeEventListener('fullscreenchange', this);\n  }\n}\n\nexport function addFullscreenController(\n  host: ReactiveControllerHost & HTMLElement,\n  callback?: FullscreenControllerCallback\n) {\n  return new FullscreenController(host, callback);\n}\n"]}

package/components/tile-manager/controllers/tile-dnd.d.ts

@@ -1,24 +0,0 @@
-import type { ReactiveController } from 'lit';
-import type IgcTileComponent from '../tile.js';
-type TileDragCallback = (event: DragEvent) => unknown;
-type TileDragAndDropConfig = {
-    dragStart: TileDragCallback;
-    dragEnd: TileDragCallback;
-    dragEnter: TileDragCallback;
-    dragLeave: TileDragCallback;
-    dragOver: TileDragCallback;
-    drop: TileDragCallback;
-};
-export declare class TileDragAndDropController implements ReactiveController {
-    enabled: boolean;
-    private _host;
-    private _handlers;
-    constructor(host: IgcTileComponent, config: Partial<TileDragAndDropConfig>);
-    private _initEventHandlers;
-    handleEvent(event: DragEvent): void;
-    hostUpdate(): void;
-    hostConnected(): void;
-    hostDisconnected(): void;
-}
-export declare function addTileDragAndDrop(host: IgcTileComponent, config: Partial<TileDragAndDropConfig>): TileDragAndDropController;
-export {};

package/components/tile-manager/controllers/tile-dnd.js

@@ -1,46 +0,0 @@
-const DragEvents = [
-    'dragstart',
-    'dragend',
-    'dragenter',
-    'dragleave',
-    'dragover',
-    'drop',
-];
-export class TileDragAndDropController {
-    constructor(host, config) {
-        this.enabled = true;
-        this._host = host;
-        this._host.addController(this);
-        this._initEventHandlers(config);
-    }
-    _initEventHandlers(config) {
-        this._handlers = new Map();
-        for (const [type, callback] of Object.entries(config)) {
-            this._handlers.set(type.toLowerCase(), callback);
-        }
-    }
-    handleEvent(event) {
-        if (!this.enabled)
-            return;
-        if (this._handlers.has(event.type)) {
-            this._handlers.get(event.type).call(this._host, event);
-        }
-    }
-    hostUpdate() {
-        this._host.draggable = this.enabled;
-    }
-    hostConnected() {
-        for (const type of DragEvents) {
-            this._host.addEventListener(type, this);
-        }
-    }
-    hostDisconnected() {
-        for (const type of DragEvents) {
-            this._host.removeEventListener(type, this);
-        }
-    }
-}
-export function addTileDragAndDrop(host, config) {
-    return new TileDragAndDropController(host, config);
-}
-//# sourceMappingURL=tile-dnd.js.map

package/components/tile-manager/controllers/tile-dnd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tile-dnd.js","sourceRoot":"","sources":["../../../../src/components/tile-manager/controllers/tile-dnd.ts"],"names":[],"mappings":"AAcA,MAAM,UAAU,GAAG;IACjB,WAAW;IACX,SAAS;IACT,WAAW;IACX,WAAW;IACX,UAAU;IACV,MAAM;CACP,CAAC;AAEF,MAAM,OAAO,yBAAyB;IAMpC,YAAY,IAAsB,EAAE,MAAsC;QALnE,YAAO,GAAG,IAAI,CAAC;QAMpB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAC/B,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAClC,CAAC;IAEO,kBAAkB,CAAC,MAAsC;QAC/D,IAAI,CAAC,SAAS,GAAG,IAAI,GAAG,EAAE,CAAC;QAE3B,KAAK,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;YACtD,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,QAAQ,CAAC,CAAC;QACnD,CAAC;IACH,CAAC;IAEM,WAAW,CAAC,KAAgB;QACjC,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAO;QAE1B,IAAI,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC;YACnC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAE,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC1D,CAAC;IACH,CAAC;IAEM,UAAU;QACf,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC;IACtC,CAAC;IAEM,aAAa;QAClB,KAAK,MAAM,IAAI,IAAI,UAAU,EAAE,CAAC;YAC9B,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC;IAEM,gBAAgB;QACrB,KAAK,MAAM,IAAI,IAAI,UAAU,EAAE,CAAC;YAC9B,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAC7C,CAAC;IACH,CAAC;CACF;AAED,MAAM,UAAU,kBAAkB,CAChC,IAAsB,EACtB,MAAsC;IAEtC,OAAO,IAAI,yBAAyB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AACrD,CAAC","sourcesContent":["import type { ReactiveController } from 'lit';\nimport type IgcTileComponent from '../tile.js';\n\ntype TileDragCallback = (event: DragEvent) => unknown;\n\ntype TileDragAndDropConfig = {\n  dragStart: TileDragCallback;\n  dragEnd: TileDragCallback;\n  dragEnter: TileDragCallback;\n  dragLeave: TileDragCallback;\n  dragOver: TileDragCallback;\n  drop: TileDragCallback;\n};\n\nconst DragEvents = [\n  'dragstart',\n  'dragend',\n  'dragenter',\n  'dragleave',\n  'dragover',\n  'drop',\n];\n\nexport class TileDragAndDropController implements ReactiveController {\n  public enabled = true;\n\n  private _host: IgcTileComponent;\n  private _handlers!: Map<string, TileDragCallback>;\n\n  constructor(host: IgcTileComponent, config: Partial<TileDragAndDropConfig>) {\n    this._host = host;\n    this._host.addController(this);\n    this._initEventHandlers(config);\n  }\n\n  private _initEventHandlers(config: Partial<TileDragAndDropConfig>) {\n    this._handlers = new Map();\n\n    for (const [type, callback] of Object.entries(config)) {\n      this._handlers.set(type.toLowerCase(), callback);\n    }\n  }\n\n  public handleEvent(event: DragEvent) {\n    if (!this.enabled) return;\n\n    if (this._handlers.has(event.type)) {\n      this._handlers.get(event.type)!.call(this._host, event);\n    }\n  }\n\n  public hostUpdate(): void {\n    this._host.draggable = this.enabled;\n  }\n\n  public hostConnected(): void {\n    for (const type of DragEvents) {\n      this._host.addEventListener(type, this);\n    }\n  }\n\n  public hostDisconnected(): void {\n    for (const type of DragEvents) {\n      this._host.removeEventListener(type, this);\n    }\n  }\n}\n\nexport function addTileDragAndDrop(\n  host: IgcTileComponent,\n  config: Partial<TileDragAndDropConfig>\n) {\n  return new TileDragAndDropController(host, config);\n}\n"]}

package/components/tile-manager/position.d.ts

@@ -1,20 +0,0 @@
-import type IgcTileManagerComponent from './tile-manager.js';
-import type IgcTileComponent from './tile.js';
-declare class TilesState {
-    manager: IgcTileManagerComponent;
-    private get _tiles();
-    /**
-     * Returns the current tiles of the tile manager sorted by their position.
-     */
-    get tiles(): IgcTileComponent[];
-    constructor(manager: IgcTileManagerComponent);
-    assignPositions(): void;
-    /** Updates the default (manual) slot of the tile manager with the current tiles. */
-    assignTiles(): void;
-    add(tile: IgcTileComponent): void;
-    remove(tile: IgcTileComponent): void;
-}
-export declare function swapTiles(a: IgcTileComponent, b: IgcTileComponent): void;
-export declare function isSameTile(a?: IgcTileComponent | null, b?: IgcTileComponent | null): boolean;
-export declare function createTilesState(manager: IgcTileManagerComponent): TilesState;
-export {};

package/components/tile-manager/resize-controller.d.ts

@@ -1,52 +0,0 @@
-import type { ReactiveController, ReactiveControllerHost } from 'lit';
-import type { Ref } from 'lit/directives/ref.js';
-export type ResizeMode = 'immediate' | 'deferred';
-export type ResizeCallbackParams = {
-    event: PointerEvent;
-    state: {
-        initial: DOMRect;
-        current: DOMRect;
-        dx: number;
-        dy: number;
-        ghost: HTMLElement | null;
-    };
-};
-type ResizeControllerCallback = (params: ResizeCallbackParams) => unknown;
-type ResizeControllerConfig = {
-    ref?: Ref<HTMLElement>;
-    mode?: ResizeMode;
-    deferredFactory?: (element?: HTMLElement) => HTMLElement;
-    start?: ResizeControllerCallback;
-    resize?: ResizeControllerCallback;
-    end?: ResizeControllerCallback;
-    resizableElement?: () => Element;
-};
-declare class ResizeController implements ReactiveController {
-    private static readonly auxiliaryEvents;
-    private static createDefaultGhost;
-    private _host;
-    private _config;
-    private _id;
-    private _hasPointerCapture;
-    private _ghost;
-    protected _initialState: DOMRect;
-    private _state;
-    protected get _element(): HTMLElement;
-    constructor(host: ReactiveControllerHost & HTMLElement, config?: ResizeControllerConfig);
-    private _createGhost;
-    private _disposeGhost;
-    private _setPointerCaptureState;
-    private _setInitialState;
-    private _createCallbackParams;
-    private _shouldSkip;
-    private _handlePointerDown;
-    private _handlePointerMove;
-    private _handlePointerEnd;
-    handleEvent(event: PointerEvent): void;
-    setConfig(config?: ResizeControllerConfig): void;
-    dispose(): void;
-    hostConnected(): void;
-    hostDisconnected(): void;
-}
-export declare function addResizeController(host: ReactiveControllerHost & HTMLElement, config?: ResizeControllerConfig): ResizeController;
-export {};

package/components/tile-manager/resize-controller.js

@@ -1,157 +0,0 @@
-import { findElementFromEventPath } from '../common/util.js';
-class ResizeController {
-    static createDefaultGhost(host) {
-        const { width, height } = host.getBoundingClientRect();
-        const ghostElement = document.createElement('div');
-        Object.assign(ghostElement.style, {
-            position: 'absolute',
-            top: 0,
-            left: 0,
-            zIndex: 1000,
-            background: 'pink',
-            opacity: 0.85,
-            width: `${width}px`,
-            height: `${height}px`,
-        });
-        return ghostElement;
-    }
-    get _element() {
-        return this._config?.ref ? this._config.ref.value : this._host;
-    }
-    constructor(host, config) {
-        this._config = {};
-        this._id = -1;
-        this._hasPointerCapture = false;
-        this._ghost = null;
-        this._host = host;
-        this._host.addController(this);
-        this.setConfig(config);
-    }
-    _createGhost() {
-        if (this._config.mode !== 'deferred') {
-            return;
-        }
-        this._ghost = this._config.deferredFactory
-            ? this._config.deferredFactory()
-            : ResizeController.createDefaultGhost(this._host);
-        this._host.append(this._ghost);
-    }
-    _disposeGhost() {
-        if (this._ghost) {
-            this._ghost.remove();
-            this._ghost = null;
-        }
-    }
-    _setPointerCaptureState(state) {
-        this._hasPointerCapture = state;
-        state
-            ? this._element.setPointerCapture(this._id)
-            : this._element.releasePointerCapture(this._id);
-        for (const event of ResizeController.auxiliaryEvents) {
-            state
-                ? this._host.addEventListener(event, this)
-                : this._host.removeEventListener(event, this);
-        }
-    }
-    _setInitialState({ pointerId }) {
-        const resizableElement = this._config.resizableElement
-            ? this._config.resizableElement()
-            : this._host;
-        this._initialState = resizableElement.getBoundingClientRect();
-        this._state = structuredClone(this._initialState);
-        this._id = pointerId;
-    }
-    _createCallbackParams(event) {
-        return {
-            event,
-            state: {
-                initial: this._initialState,
-                current: this._state,
-                dx: this._state.width - this._initialState.width,
-                dy: this._state.height - this._initialState.height,
-                ghost: this._ghost,
-            },
-        };
-    }
-    _shouldSkip(event) {
-        return !findElementFromEventPath((e) => e === this._element, event);
-    }
-    _handlePointerDown(event) {
-        if (event.button) {
-            return;
-        }
-        if (this._config?.start) {
-            this._setInitialState(event);
-            this._createGhost();
-            this._config.start.call(this._host, this._createCallbackParams(event));
-            this._setPointerCaptureState(true);
-        }
-    }
-    _handlePointerMove(event) {
-        if (!this._hasPointerCapture) {
-            return;
-        }
-        if (this._config?.resize) {
-            const params = this._createCallbackParams(event);
-            this._config.resize.call(this._host, params);
-            this._state = params.state.current;
-        }
-        const target = this._config.mode === 'deferred' ? this._ghost : this._host;
-        Object.assign(target.style, {
-            width: `${this._state.width}px`,
-            height: `${this._state.height}px`,
-        });
-    }
-    _handlePointerEnd(event) {
-        Object.assign(this._host.style, {
-            width: `${this._state.width}px`,
-            height: `${this._state.height}px`,
-        });
-        if (this._config?.end) {
-            this._config.end.call(this._host, this._createCallbackParams(event));
-        }
-        this.dispose();
-    }
-    handleEvent(event) {
-        if (this._shouldSkip(event)) {
-            return;
-        }
-        switch (event.type) {
-            case 'touchstart':
-                event.preventDefault();
-                break;
-            case 'pointerdown':
-                this._handlePointerDown(event);
-                break;
-            case 'pointermove':
-                this._handlePointerMove(event);
-                break;
-            case 'lostpointercapture':
-                this._handlePointerEnd(event);
-                break;
-        }
-    }
-    setConfig(config) {
-        Object.assign(this._config, config);
-    }
-    dispose() {
-        this._disposeGhost();
-        this._setPointerCaptureState(false);
-    }
-    hostConnected() {
-        this._host.addEventListener('pointerdown', this);
-        this._host.addEventListener('touchstart', this, { passive: false });
-    }
-    hostDisconnected() {
-        this._host.removeEventListener('pointerdown', this);
-        this._host.removeEventListener('touchstart', this);
-    }
-}
-ResizeController.auxiliaryEvents = [
-    'pointermove',
-    'lostpointercapture',
-];
-export function addResizeController(host, config) {
-    return new ResizeController(host, config);
-}
-//# sourceMappingURL=resize-controller.js.map

package/components/tile-manager/resize-controller.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"resize-controller.js","sourceRoot":"","sources":["../../../src/components/tile-manager/resize-controller.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from 'lit';\nimport type { Ref } from 'lit/directives/ref.js';\nimport { findElementFromEventPath } from '../common/util.js';\n\nexport type ResizeMode = 'immediate' | 'deferred';\n\nexport type ResizeCallbackParams = {\n  event: PointerEvent;\n  state: {\n    initial: DOMRect;\n    current: DOMRect;\n    dx: number;\n    dy: number;\n    ghost: HTMLElement | null;\n  };\n};\n\ntype ResizeControllerCallback = (params: ResizeCallbackParams) => unknown;\n\ntype ResizeControllerConfig = {\n  ref?: Ref<HTMLElement>;\n  mode?: ResizeMode;\n  deferredFactory?: (element?: HTMLElement) => HTMLElement;\n  start?: ResizeControllerCallback;\n  resize?: ResizeControllerCallback;\n  end?: ResizeControllerCallback;\n  resizableElement?: () => Element;\n};\n\nclass ResizeController implements ReactiveController {\n  private static readonly auxiliaryEvents = [\n    'pointermove',\n    'lostpointercapture',\n  ] as const;\n\n  private static createDefaultGhost(host: HTMLElement): HTMLElement {\n    const { width, height } = host.getBoundingClientRect();\n    const ghostElement = document.createElement('div');\n\n    Object.assign(ghostElement.style, {\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      zIndex: 1000,\n      background: 'pink',\n      opacity: 0.85,\n      width: `${width}px`,\n      height: `${height}px`,\n    });\n\n    return ghostElement;\n  }\n\n  private _host: ReactiveControllerHost & HTMLElement;\n  private _config: ResizeControllerConfig = {};\n  private _id = -1;\n  private _hasPointerCapture = false;\n\n  private _ghost: HTMLElement | null = null;\n  protected _initialState!: DOMRect;\n  private _state!: DOMRect;\n\n  protected get _element(): HTMLElement {\n    return this._config?.ref ? this._config.ref.value! : this._host;\n  }\n\n  constructor(\n    host: ReactiveControllerHost & HTMLElement,\n    config?: ResizeControllerConfig\n  ) {\n    this._host = host;\n    this._host.addController(this);\n\n    this.setConfig(config);\n  }\n\n  // Internal state helpers\n\n  private _createGhost(): void {\n    if (this._config.mode !== 'deferred') {\n      return;\n    }\n\n    this._ghost = this._config.deferredFactory\n      ? this._config.deferredFactory()\n      : ResizeController.createDefaultGhost(this._host);\n    this._host.append(this._ghost);\n  }\n\n  private _disposeGhost(): void {\n    if (this._ghost) {\n      this._ghost.remove();\n      this._ghost = null;\n    }\n  }\n\n  private _setPointerCaptureState(state: boolean): void {\n    this._hasPointerCapture = state;\n    state\n      ? this._element.setPointerCapture(this._id)\n      : this._element.releasePointerCapture(this._id);\n\n    for (const event of ResizeController.auxiliaryEvents) {\n      state\n        ? this._host.addEventListener(event, this)\n        : this._host.removeEventListener(event, this);\n    }\n  }\n\n  private _setInitialState({ pointerId }: PointerEvent): void {\n    const resizableElement = this._config.resizableElement\n      ? this._config.resizableElement()\n      : this._host;\n\n    this._initialState = resizableElement.getBoundingClientRect();\n    this._state = structuredClone(this._initialState);\n    this._id = pointerId;\n  }\n\n  private _createCallbackParams(event: PointerEvent): ResizeCallbackParams {\n    return {\n      event,\n      state: {\n        initial: this._initialState,\n        current: this._state,\n        dx: this._state.width - this._initialState.width,\n        dy: this._state.height - this._initialState.height,\n        ghost: this._ghost,\n      },\n    };\n  }\n\n  private _shouldSkip(event: PointerEvent): boolean {\n    return !findElementFromEventPath((e) => e === this._element, event);\n  }\n\n  // Event handlers\n\n  private _handlePointerDown(event: PointerEvent): void {\n    // Non-primary buttons are ignored\n    if (event.button) {\n      return;\n    }\n\n    if (this._config?.start) {\n      this._setInitialState(event);\n      this._createGhost();\n      this._config.start.call(this._host, this._createCallbackParams(event));\n      this._setPointerCaptureState(true);\n    }\n  }\n\n  private _handlePointerMove(event: PointerEvent): void {\n    if (!this._hasPointerCapture) {\n      return;\n    }\n\n    // REVIEW: Sequencing\n\n    if (this._config?.resize) {\n      const params = this._createCallbackParams(event);\n      this._config.resize.call(this._host, params);\n      this._state = params.state.current;\n    }\n\n    const target = this._config.mode === 'deferred' ? this._ghost! : this._host;\n\n    Object.assign(target.style, {\n      width: `${this._state.width}px`,\n      height: `${this._state.height}px`,\n    });\n  }\n\n  private _handlePointerEnd(event: PointerEvent): void {\n    Object.assign(this._host.style, {\n      width: `${this._state.width}px`,\n      height: `${this._state.height}px`,\n    });\n\n    if (this._config?.end) {\n      this._config.end.call(this._host, this._createCallbackParams(event));\n    }\n\n    this.dispose();\n  }\n\n  public handleEvent(event: PointerEvent): void {\n    if (this._shouldSkip(event)) {\n      return;\n    }\n\n    switch (event.type) {\n      case 'touchstart':\n        event.preventDefault();\n        break;\n\n      case 'pointerdown':\n        this._handlePointerDown(event);\n        break;\n      case 'pointermove':\n        this._handlePointerMove(event);\n        break;\n      case 'lostpointercapture':\n        this._handlePointerEnd(event);\n        break;\n    }\n  }\n\n  // Public API\n\n  public setConfig(config?: ResizeControllerConfig): void {\n    Object.assign(this._config, config);\n  }\n\n  public dispose(): void {\n    this._disposeGhost();\n    this._setPointerCaptureState(false);\n  }\n\n  public hostConnected(): void {\n    this._host.addEventListener('pointerdown', this);\n    this._host.addEventListener('touchstart', this, { passive: false });\n  }\n\n  public hostDisconnected(): void {\n    this._host.removeEventListener('pointerdown', this);\n    this._host.removeEventListener('touchstart', this);\n  }\n}\n\nexport function addResizeController(\n  host: ReactiveControllerHost & HTMLElement,\n  config?: ResizeControllerConfig\n): ResizeController {\n  return new ResizeController(host, config);\n}\n"]}