npm - igniteui-webcomponents - Versions diffs - 5.3.0-beta.1 → 5.3.0-beta.2 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (893) hide show

package/components/tile-manager/tile.d.ts ADDED Viewed

@@ -0,0 +1,193 @@
+import { LitElement } from 'lit';
+import type { Constructor } from '../common/mixins/constructor.js';
+import IgcResizeContainerComponent from '../resize-container/resize-container.js';
+type IgcTileChangeState = {
+    tile: IgcTileComponent;
+    state: boolean;
+};
+export interface IgcTileComponentEventMap {
+    igcTileFullscreen: CustomEvent<IgcTileChangeState>;
+    igcTileMaximize: CustomEvent<IgcTileChangeState>;
+    tileDragStart: CustomEvent<IgcTileComponent>;
+    tileDragEnd: CustomEvent<IgcTileComponent>;
+    igcResizeStart: CustomEvent<IgcTileComponent>;
+    igcResizeMove: CustomEvent<IgcTileComponent>;
+    igcResizeEnd: CustomEvent<IgcTileComponent>;
+}
+declare const IgcTileComponent_base: Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcTileComponentEventMap>> & Constructor<LitElement>;
+/**
+ * The tile component is used within the `igc-tile-manager` as a container
+ * for displaying various types of information.
+ *
+ * @element igc-tile
+ *
+ * @fires igcTileFullscreen - Fired when tile fullscreen state changes.
+ * @fires igcTileMaximize - Fired when tile maximize state changes.
+ * @fires igcResizeStart - Fired when tile begins resizing.
+ * @fires igcResizeMove - Fired when tile is being resized.
+ * @fires igcResizeEnd - Fired when tile finishes resizing.
+ *
+ * @slot title - Renders the title of the tile header.
+ * @slot maximize-action - Renders the maximize action element.
+ * @slot fullscreen-action - Renders the fullscreen action element.
+ * @slot actions - Renders items after the default actions.
+ * @slot Default slot for the tile's content.
+ * @slot side-adorner - Renders the side resize handle.
+ * @slot corner-adorner - Renders the corner resize handle.
+ * @slot bottom-adorner - Renders the bottom resize handle.
+ *
+ * @csspart base - The wrapper for the entire tile.
+ * @csspart header - The container for the header, including title and actions.
+ * @csspart title - The title container.
+ * @csspart actions - The actions container.
+ * @csspart content-container - The container wrapping the tile’s main content.
+ * @csspart trigger-side - The part for the side adorner of the encapsulated resize element.
+ * @csspart trigger - The part for the corner adorner of the encapsulated resize element.
+ * @csspart trigger-bottom - The part for the bottom adorner of the encapsulated resize element.
+ */
+export default class IgcTileComponent extends IgcTileComponent_base {
+    static readonly tagName = "igc-tile";
+    static styles: import("lit").CSSResult[];
+    static register(): void;
+    private static readonly increment;
+    private _dragController;
+    private _fullscreenController;
+    private _colSpan;
+    private _rowSpan;
+    private _colStart;
+    private _rowStart;
+    private _position;
+    private _resizeState;
+    private _dragStack;
+    private _customAdorners;
+    /**
+     * Context consumer callback that sets the updated configuration of the internal drag controller
+     * based on the passed tile manager properties.
+     */
+    private _setDragConfiguration;
+    private _context;
+    /** Returns the parent tile manager context. */
+    private get _tileManagerCtx();
+    private get _tileManager();
+    /** Returns the tile manager internal CSS grid container. */
+    private get _cssContainer();
+    /** Returns the tile manager current resize mode. */
+    private get _resizeMode();
+    protected _headerRef: import("lit-html/directives/ref.js").Ref<HTMLSlotElement>;
+    private _titleElements;
+    private _actionsElements;
+    protected _resizeContainer?: IgcResizeContainerComponent;
+    _tileContent: HTMLElement;
+    private _maximized;
+    private _isDragging;
+    private _isResizing;
+    /** Whether to render the resize container based on tile and tile manager configuration. */
+    private get _resizeDisabled();
+    /**
+     * The unique identifier of the tile.
+     * @attr tile-id
+     */
+    tileId: string | null;
+    /**
+     * The number of columns the tile will span.
+     *
+     * @remarks
+     * Values <= 1 will be coerced to 1.
+     *
+     * @attr col-span
+     */
+    set colSpan(value: number);
+    get colSpan(): number;
+    /**
+     * The number of rows the tile will span.
+     *
+     * @remarks
+     * Values <= 1 will be coerced to 1.
+     *
+     * @attr row-span
+     */
+    set rowSpan(value: number);
+    get rowSpan(): number;
+    /**
+     * The starting column for the tile.
+     *
+     * @attr col-start
+     */
+    set colStart(value: number | null);
+    get colStart(): number | null;
+    /**
+     * The starting row for the tile.
+     *
+     * @attr row-start
+     */
+    set rowStart(value: number | null);
+    get rowStart(): number | null;
+    /**
+     * Indicates whether the tile occupies the whole screen.
+     *
+     * @property
+     */
+    get fullscreen(): boolean;
+    /**
+     * Indicates whether the tile occupies all available space within the layout.
+     *
+     * @attr maximized
+     */
+    set maximized(value: boolean);
+    get maximized(): boolean;
+    /**
+     * Indicates whether the tile can be resized.
+     * @attr disable-resize
+     */
+    disableResize: boolean;
+    /**
+     * Indicates whether the fullscreen action is displayed.
+     * @attr disable-fullscreen
+     */
+    disableFullscreen: boolean;
+    /**
+     * Indicates whether the maximize action is displayed.
+     * @attr disable-maximize
+     */
+    disableMaximize: boolean;
+    /**
+     * Gets/sets the tile's visual position in the layout.
+     *
+     * Corresponds to the CSS order property.
+     *
+     * @attr position
+     */
+    set position(value: number);
+    get position(): number;
+    /** @internal */
+    connectedCallback(): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    private _setDragState;
+    private _handleDragStart;
+    private _handleDragMove;
+    private _handleDragCancel;
+    private _handleDragEnd;
+    private _skipDrag;
+    private _match;
+    private _createDragGhost;
+    private _setResizeState;
+    private _handleResizeStart;
+    private _handleResize;
+    private _handleResizeEnd;
+    private _handleResizeCancel;
+    private _handleFullscreen;
+    private _handleMaximize;
+    private emitFullScreenEvent;
+    private emitMaximizedEvent;
+    protected _renderDefaultAction(type: 'maximize' | 'fullscreen'): import("lit-html").TemplateResult<1>;
+    protected _renderHeader(): import("lit-html").TemplateResult<1>;
+    protected _renderContent(): import("lit-html").TemplateResult<1>;
+    private _renderAdornerSlot;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-tile': IgcTileComponent;
+    }
+}
+export {};

package/components/tile-manager/tile.js CHANGED Viewed

@@ -352,7 +352,6 @@ let IgcTileComponent = IgcTileComponent_1 = class IgcTileComponent extends Event
         name="${name}-adorner"
         slot="${name}-adorner"
       >
-        <div part="adorner-indicator"></div>
       </slot>
     `;
     }
@@ -369,6 +368,7 @@ let IgcTileComponent = IgcTileComponent_1 = class IgcTileComponent extends Event
             'corner-adorner': this._customAdorners.get('corner'),
             'bottom-adorner': this._customAdorners.get('bottom'),
         })}
+        exportparts="trigger-side, trigger, trigger-bottom"
         mode="deferred"
         .enabled=${!this._resizeDisabled}
         ?active=${this._resizeMode === 'always'}

package/components/tile-manager/tile.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tile.js","sourceRoot":"","sources":["../../../src/components/tile-manager/tile.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport {\n property,\n query,\n queryAssignedElements,\n state,\n} from 'lit/decorators.js';\nimport { createRef, ref } from 'lit/directives/ref.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { startViewTransition } from '../../animations/player.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport IgcIconButtonComponent from '../button/icon-button.js';\nimport {\n type TileManagerContext,\n tileManagerContext,\n} from '../common/context.js';\nimport { createAsyncContext } from '../common/controllers/async-consumer.js';\nimport {\n type DragCallbackParameters,\n addDragController,\n} from '../common/controllers/drag.js';\nimport { addFullscreenController } from '../common/controllers/fullscreen.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport {\n asNumber,\n createCounter,\n findElementFromEventPath,\n getCenterPoint,\n isEmpty,\n partNameMap,\n} from '../common/util.js';\nimport IgcDividerComponent from '../divider/divider.js';\nimport IgcResizeContainerComponent from '../resize-container/resize-container.js';\nimport type { ResizeCallbackParams } from '../resize-container/types.js';\nimport { createTileDragStack, swapTiles } from './position.js';\nimport { styles as shared } from './themes/shared/tile/tile.common.css.js';\nimport { styles } from './themes/tile.base.css.js';\nimport { all } from './themes/tile.js';\nimport {\n createTileDragGhost,\n createTileGhost,\n createTileResizeState,\n} from './tile-util.js';\n\ntype IgcTileChangeState = {\n tile: IgcTileComponent;\n state: boolean;\n};\n\ntype AdornerType = 'side' \| 'corner' \| 'bottom';\n\n// REVIEW: Decide whether to re-emit the events from the manager of leave them up to bubble naturally\nexport interface IgcTileComponentEventMap {\n igcTileFullscreen: CustomEvent<IgcTileChangeState>;\n igcTileMaximize: CustomEvent<IgcTileChangeState>;\n tileDragStart: CustomEvent<IgcTileComponent>;\n tileDragEnd: CustomEvent<IgcTileComponent>;\n igcResizeStart: CustomEvent<IgcTileComponent>;\n igcResizeMove: CustomEvent<IgcTileComponent>;\n igcResizeEnd: CustomEvent<IgcTileComponent>;\n}\n\n/*\n The tile component is used within the `igc-tile-manager` as a container\n * for displaying various types of information.\n \n @element igc-tile\n \n @fires igcTileFullscreen - Fired when tile fullscreen state changes.\n * @fires igcTileMaximize - Fired when tile maximize state changes.\n * @fires igcResizeStart - Fired when tile begins resizing.\n * @fires igcResizeMove - Fired when tile is being resized.\n * @fires igcResizeEnd - Fired when tile finishes resizing.\n \n @slot title - Renders the title of the tile header.\n * @slot maximize-action - Renders the maximize action element.\n * @slot fullscreen-action - Renders the fullscreen action element.\n * @slot actions - Renders items after the default actions.\n * @slot Default slot for the tile's content.\n * @slot side-adorner - Renders the side resize handle.\n * @slot corner-adorner - Renders the corner resize handle.\n * @slot bottom-adorner - Renders the bottom resize handle.\n \n @csspart base - The wrapper for the entire tile.\n * @csspart header - The container for the header, including title and actions.\n * @csspart title - The title container.\n * @csspart actions - The actions container.\n * @csspart content-container - The container wrapping the tile’s main content.\n /\n@themes(all)\nexport default class IgcTileComponent extends EventEmitterMixin<\n IgcTileComponentEventMap,\n Constructor<LitElement>\n>(LitElement) {\n public static readonly tagName = 'igc-tile';\n public static styles = [styles, shared];\n\n / blazorSuppress /\n public static register() {\n registerComponent(\n IgcTileComponent,\n IgcIconButtonComponent,\n IgcDividerComponent,\n IgcResizeContainerComponent\n );\n }\n\n private static readonly increment = createCounter();\n\n private _dragController = addDragController(this, {\n skip: this._skipDrag,\n ghost: this._createDragGhost,\n start: this._handleDragStart,\n move: this._handleDragMove,\n end: this._handleDragEnd,\n cancel: this._handleDragCancel,\n });\n\n private _fullscreenController = addFullscreenController(this, {\n enter: this.emitFullScreenEvent,\n exit: this.emitFullScreenEvent,\n });\n\n private _colSpan = 1;\n private _rowSpan = 1;\n private _colStart: number \| null = null;\n private _rowStart: number \| null = null;\n private _position = -1;\n private _resizeState = createTileResizeState();\n private _dragStack = createTileDragStack();\n\n private _customAdorners = new Map<string, boolean>(\n Object.entries({\n side: false,\n corner: false,\n bottom: false,\n })\n );\n\n // Tile manager context properties and helpers\n\n /\n Context consumer callback that sets the updated configuration of the internal drag controller\n * based on the passed tile manager properties.\n /\n private _setDragConfiguration = ({\n instance: { dragMode },\n }: TileManagerContext) => {\n this._dragController.set({\n enabled: dragMode !== 'none',\n trigger:\n dragMode === 'tile-header' ? () => this._headerRef.value! : undefined,\n });\n };\n\n private _context = createAsyncContext(\n this,\n tileManagerContext,\n this._setDragConfiguration\n );\n\n /* Returns the parent tile manager context. /\n private get _tileManagerCtx(): TileManagerContext \| undefined {\n return this._context.value;\n }\n\n private get _tileManager() {\n return this._tileManagerCtx?.instance;\n }\n\n /* Returns the tile manager internal CSS grid container. /\n private get _cssContainer(): HTMLElement {\n return this._tileManagerCtx?.grid.value!;\n }\n\n /* Returns the tile manager current resize mode. /\n private get _resizeMode() {\n return this._tileManager?.resizeMode ?? 'none';\n }\n\n protected _headerRef = createRef<HTMLSlotElement>();\n\n @queryAssignedElements({ slot: 'title' })\n private _titleElements!: HTMLElement[];\n\n @queryAssignedElements({ slot: 'actions' })\n private _actionsElements!: HTMLElement[];\n\n @query(IgcResizeContainerComponent.tagName)\n protected _resizeContainer?: IgcResizeContainerComponent;\n\n @query('[part~=\"base\"]', true)\n public _tileContent!: HTMLElement;\n\n @state()\n private _maximized = false;\n\n @state()\n private _isDragging = false;\n\n @state()\n private _isResizing = false;\n\n /* Whether to render the resize container based on tile and tile manager configuration. /\n private get _resizeDisabled(): boolean {\n return (\n this.disableResize \|\|\n this.maximized \|\|\n this.fullscreen \|\|\n this._resizeMode === 'none'\n );\n }\n\n /\n The unique identifier of the tile.\n * @attr tile-id\n /\n @property({ attribute: 'tile-id', type: String, reflect: true })\n public tileId: string \| null = null;\n\n /\n The number of columns the tile will span.\n \n @remarks\n * Values <= 1 will be coerced to 1.\n \n @attr col-span\n /\n @property({ type: Number, attribute: 'col-span' })\n public set colSpan(value: number) {\n this._colSpan = Math.max(1, asNumber(value));\n this.style.setProperty('--ig-col-span', this._colSpan.toString());\n }\n\n public get colSpan(): number {\n return this._colSpan;\n }\n\n /\n The number of rows the tile will span.\n \n @remarks\n * Values <= 1 will be coerced to 1.\n \n @attr row-span\n /\n @property({ type: Number, attribute: 'row-span' })\n public set rowSpan(value: number) {\n this._rowSpan = Math.max(1, asNumber(value));\n this.style.setProperty('--ig-row-span', this._rowSpan.toString());\n }\n\n public get rowSpan(): number {\n return this._rowSpan;\n }\n\n /\n The starting column for the tile.\n \n @attr col-start\n /\n @property({ type: Number, attribute: 'col-start' })\n public set colStart(value: number \| null) {\n this._colStart = Math.max(0, asNumber(value)) \|\| null;\n this.style.setProperty(\n '--ig-col-start',\n this._colStart ? this._colStart.toString() : null\n );\n }\n\n public get colStart(): number \| null {\n return this._colStart;\n }\n\n /\n The starting row for the tile.\n \n @attr row-start\n /\n @property({ type: Number, attribute: 'row-start' })\n public set rowStart(value: number \| null) {\n this._rowStart = Math.max(0, asNumber(value)) \|\| null;\n this.style.setProperty(\n '--ig-row-start',\n this._rowStart ? this._rowStart.toString() : null\n );\n }\n\n public get rowStart(): number \| null {\n return this._rowStart;\n }\n\n /\n Indicates whether the tile occupies the whole screen.\n \n @property\n /\n public get fullscreen(): boolean {\n return this._fullscreenController.fullscreen;\n }\n\n /\n Indicates whether the tile occupies all available space within the layout.\n \n @attr maximized\n /\n @property({ type: Boolean, reflect: true })\n public set maximized(value: boolean) {\n this._maximized = value;\n\n if (this._tileManagerCtx) {\n this._tileManagerCtx.instance.requestUpdate();\n }\n }\n\n public get maximized(): boolean {\n return this._maximized;\n }\n\n /\n Indicates whether the tile can be resized.\n * @attr disable-resize\n /\n @property({ type: Boolean, reflect: true, attribute: 'disable-resize' })\n public disableResize = false;\n\n /\n Indicates whether the fullscreen action is displayed.\n * @attr disable-fullscreen\n /\n @property({ type: Boolean, reflect: true, attribute: 'disable-fullscreen' })\n public disableFullscreen = false;\n\n /\n Indicates whether the maximize action is displayed.\n * @attr disable-maximize\n /\n @property({ type: Boolean, reflect: true, attribute: 'disable-maximize' })\n public disableMaximize = false;\n\n /\n Gets/sets the tile's visual position in the layout.\n \n Corresponds to the CSS order property.\n \n @attr position\n /\n @property({ type: Number })\n public set position(value: number) {\n this._position = asNumber(value);\n this.style.order = this._position.toString();\n }\n\n public get position(): number {\n return this._position;\n }\n\n /* @internal /\n public override connectedCallback(): void {\n super.connectedCallback();\n this.tileId = this.tileId \|\| `tile-${IgcTileComponent.increment()}`;\n\n this.style.viewTransitionName =\n this.style.viewTransitionName \|\| `tile-transition-${this.tileId}`;\n }\n\n protected override createRenderRoot() {\n const root = super.createRenderRoot();\n root.addEventListener('slotchange', () => this.requestUpdate());\n return root;\n }\n\n private _setDragState(state = true) {\n this._isDragging = state;\n this._tileContent.style.opacity = state ? '0' : '1';\n this.style.pointerEvents = state ? 'none' : '';\n this.part.toggle('dragging', state);\n }\n\n private _handleDragStart() {\n this.emitEvent('tileDragStart', { detail: this });\n this._setDragState();\n this._dragStack.push(this);\n }\n\n private _handleDragMove({\n event: { clientX, clientY },\n }: DragCallbackParameters) {\n const match = document\n .elementsFromPoint(clientX, clientY)\n .find(this._match);\n\n if (!match) {\n return;\n }\n\n if (this._dragStack.peek() === match) {\n const { x, y } = getCenterPoint(match);\n\n const shouldSwap =\n this.position <= match.position\n ? clientX > x \|\| clientY > y\n : clientX < x \|\| clientY < y;\n\n if (shouldSwap) {\n this._dragStack.pop();\n this._dragStack.push(match);\n\n startViewTransition(() => {\n swapTiles(this, match);\n });\n }\n\n return;\n }\n\n this._dragStack.push(match);\n\n startViewTransition(() => {\n swapTiles(this, match);\n });\n }\n\n private _handleDragCancel() {\n startViewTransition(() => {\n this._dragStack.restore();\n this._dragStack.reset();\n });\n\n this._dragController.dispose();\n this._setDragState(false);\n }\n\n private _handleDragEnd() {\n this.emitEvent('tileDragEnd', { detail: this });\n this._setDragState(false);\n this._dragStack.reset();\n }\n\n private _skipDrag(event: PointerEvent): boolean {\n if (this._maximized \|\| this.fullscreen) {\n return true;\n }\n\n return Boolean(\n findElementFromEventPath(\n (e) => e.matches('[part=trigger]') \|\| e.matches('#tile-actions'),\n event\n )\n );\n }\n\n private _match(element: Element): element is IgcTileComponent {\n return element !== this && IgcTileComponent.tagName === element.localName;\n }\n\n private _createDragGhost(): IgcTileComponent {\n return createTileDragGhost(this);\n }\n\n private _setResizeState(state = true) {\n this._isResizing = state;\n this.style.zIndex = state ? '1' : '';\n this.part.toggle('resizing', state);\n }\n\n private _handleResizeStart({\n detail: { state },\n }: CustomEvent<ResizeCallbackParams>) {\n this._resizeState.updateState(state.initial, this, this._cssContainer);\n this._setResizeState();\n }\n\n private _handleResize({\n detail: { state },\n }: CustomEvent<ResizeCallbackParams>) {\n const trigger = state.trigger!;\n\n const isWidthResize = trigger.matches('[part=\"side\"], [part=\"trigger\"]');\n const isHeightResize = trigger.matches(\n '[part=\"bottom\"], [part=\"trigger\"]'\n );\n\n if (isWidthResize) {\n state.current.width = this._resizeState.calculateSnappedWidth(state);\n }\n\n if (isHeightResize) {\n state.current.height = this._resizeState.calculateSnappedHeight(state);\n }\n }\n\n private async _handleResizeEnd({\n detail: { state },\n }: CustomEvent<ResizeCallbackParams>) {\n const { column, row } = this._resizeState.getResizedPosition(state.current);\n\n const { transition } = startViewTransition(() => {\n this.style.setProperty('grid-row', row);\n this.style.setProperty('grid-column', column);\n });\n\n await transition?.updateCallbackDone;\n\n const { width, height } = this._resizeState.calculateResizedSize(\n this._cssContainer\n );\n\n this._resizeState.resizedDimensions = { width, height };\n this._resizeContainer?.setSize(width, height);\n this._setResizeState(false);\n }\n\n private _handleResizeCancel() {\n this._setResizeState(false);\n }\n\n private _handleFullscreen() {\n const { width, height } = !this.fullscreen\n ? this._resizeState.emptyResizeDimensions\n : this._resizeState.resizedDimensions;\n\n this._resizeContainer?.setSize(width, height);\n this._fullscreenController.setState(!this.fullscreen);\n }\n\n private _handleMaximize() {\n if (!this.emitMaximizedEvent()) {\n return;\n }\n\n this.maximized = !this.maximized;\n }\n\n private emitFullScreenEvent(state: boolean) {\n this.requestUpdate();\n\n return this.emitEvent('igcTileFullscreen', {\n detail: { tile: this, state },\n cancelable: true,\n });\n }\n\n private emitMaximizedEvent() {\n return this.emitEvent('igcTileMaximize', {\n detail: { tile: this, state: !this.maximized },\n cancelable: true,\n });\n }\n\n protected _renderDefaultAction(type: 'maximize' \| 'fullscreen') {\n const [icon, listener] =\n type === 'fullscreen'\n ? [\n this.fullscreen ? 'fullscreen_exit' : 'fullscreen',\n this._handleFullscreen,\n ]\n : [\n this._maximized ? 'collapse_content' : 'expand_content',\n this._handleMaximize,\n ];\n\n return html`\n <igc-icon-button\n variant=\"flat\"\n collection=\"default\"\n exportparts=\"icon\"\n name=${icon}\n aria-label=${icon}\n @click=${listener}\n ></igc-icon-button>\n `;\n }\n\n protected _renderHeader() {\n const hideHeader =\n isEmpty(this._titleElements) &&\n isEmpty(this._actionsElements) &&\n this.disableMaximize &&\n this.disableFullscreen;\n\n return html`\n <section part=\"header\" ?hidden=${hideHeader}>\n <header part=\"title\" ${ref(this._headerRef)}>\n <slot name=\"title\"></slot>\n </header>\n <section id=\"tile-actions\" part=\"actions\">\n ${!this.disableMaximize\n ? html`<slot name=\"maximize-action\"\n >${this._renderDefaultAction('maximize')}</slot\n >`\n : nothing}\n ${!this.disableFullscreen\n ? html`<slot name=\"fullscreen-action\"\n >${this._renderDefaultAction('fullscreen')}</slot\n >`\n : nothing}\n\n <slot name=\"actions\"></slot>\n </section>\n </section>\n <igc-divider></igc-divider>\n `;\n }\n\n protected _renderContent() {\n const parts = partNameMap({\n base: true,\n draggable: this._tileManager?.dragMode !== 'none',\n fullscreen: this.fullscreen,\n dragging: this._isDragging,\n resizable:\n !this.disableResize && this._tileManager?.resizeMode !== 'none',\n resizing: this._isResizing,\n maximized: this.maximized,\n });\n\n const styles = {\n '--ig-col-span': this._colSpan,\n '--ig-row-span': this._rowSpan,\n '--ig-col-start': this._colStart,\n '--ig-row-start': this._rowStart,\n };\n\n return html`\n <div part=${parts} style=${styleMap(styles)}>\n ${this._renderHeader()}\n <div part=\"content-container\">\n <slot></slot>\n </div>\n </div>\n `;\n }\n\n private _renderAdornerSlot(name: AdornerType) {\n return html`\n <slot\n @slotchange=${() => this._customAdorners.set(name, true)}\n name=\"${name}-adorner\"\n slot=\"${name}-adorner\"\n >\n <div part=\"adorner-indicator\"></div>\n </slot>\n `;\n }\n\n protected override render() {\n const { width, height } =\n this.fullscreen \|\| this.maximized\n ? this._resizeState.emptyResizeDimensions\n : this._resizeState.resizedDimensions;\n\n this._resizeContainer?.setSize(width, height);\n\n return html`\n <igc-resize\n part=${partNameMap({\n resize: true,\n 'side-adorner': this._customAdorners.get('side')!,\n 'corner-adorner': this._customAdorners.get('corner')!,\n 'bottom-adorner': this._customAdorners.get('bottom')!,\n })}\n mode=\"deferred\"\n .enabled=${!this._resizeDisabled}\n ?active=${this._resizeMode === 'always'}\n .ghostFactory=${createTileGhost}\n @igcResizeStart=${this._handleResizeStart}\n @igcResize=${this._handleResize}\n @igcResizeEnd=${this._handleResizeEnd}\n @igcResizeCancel=${this._handleResizeCancel}\n >\n ${this._renderContent()} ${this._renderAdornerSlot('side')}\n ${this._renderAdornerSlot('corner')}\n ${this._renderAdornerSlot('bottom')}\n </igc-resize>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-tile': IgcTileComponent;\n }\n}\n"]}
1	+ {"version":3,"file":"tile.js","sourceRoot":"","sources":["../../../src/components/tile-manager/tile.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport {\n property,\n query,\n queryAssignedElements,\n state,\n} from 'lit/decorators.js';\nimport { createRef, ref } from 'lit/directives/ref.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { startViewTransition } from '../../animations/player.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport IgcIconButtonComponent from '../button/icon-button.js';\nimport {\n type TileManagerContext,\n tileManagerContext,\n} from '../common/context.js';\nimport { createAsyncContext } from '../common/controllers/async-consumer.js';\nimport {\n type DragCallbackParameters,\n addDragController,\n} from '../common/controllers/drag.js';\nimport { addFullscreenController } from '../common/controllers/fullscreen.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport {\n asNumber,\n createCounter,\n findElementFromEventPath,\n getCenterPoint,\n isEmpty,\n partNameMap,\n} from '../common/util.js';\nimport IgcDividerComponent from '../divider/divider.js';\nimport IgcResizeContainerComponent from '../resize-container/resize-container.js';\nimport type { ResizeCallbackParams } from '../resize-container/types.js';\nimport { createTileDragStack, swapTiles } from './position.js';\nimport { styles as shared } from './themes/shared/tile/tile.common.css.js';\nimport { styles } from './themes/tile.base.css.js';\nimport { all } from './themes/tile.js';\nimport {\n createTileDragGhost,\n createTileGhost,\n createTileResizeState,\n} from './tile-util.js';\n\ntype IgcTileChangeState = {\n tile: IgcTileComponent;\n state: boolean;\n};\n\ntype AdornerType = 'side' \| 'corner' \| 'bottom';\n\n// REVIEW: Decide whether to re-emit the events from the manager of leave them up to bubble naturally\nexport interface IgcTileComponentEventMap {\n igcTileFullscreen: CustomEvent<IgcTileChangeState>;\n igcTileMaximize: CustomEvent<IgcTileChangeState>;\n tileDragStart: CustomEvent<IgcTileComponent>;\n tileDragEnd: CustomEvent<IgcTileComponent>;\n igcResizeStart: CustomEvent<IgcTileComponent>;\n igcResizeMove: CustomEvent<IgcTileComponent>;\n igcResizeEnd: CustomEvent<IgcTileComponent>;\n}\n\n/*\n The tile component is used within the `igc-tile-manager` as a container\n * for displaying various types of information.\n \n @element igc-tile\n \n @fires igcTileFullscreen - Fired when tile fullscreen state changes.\n * @fires igcTileMaximize - Fired when tile maximize state changes.\n * @fires igcResizeStart - Fired when tile begins resizing.\n * @fires igcResizeMove - Fired when tile is being resized.\n * @fires igcResizeEnd - Fired when tile finishes resizing.\n \n @slot title - Renders the title of the tile header.\n * @slot maximize-action - Renders the maximize action element.\n * @slot fullscreen-action - Renders the fullscreen action element.\n * @slot actions - Renders items after the default actions.\n * @slot Default slot for the tile's content.\n * @slot side-adorner - Renders the side resize handle.\n * @slot corner-adorner - Renders the corner resize handle.\n * @slot bottom-adorner - Renders the bottom resize handle.\n \n @csspart base - The wrapper for the entire tile.\n * @csspart header - The container for the header, including title and actions.\n * @csspart title - The title container.\n * @csspart actions - The actions container.\n * @csspart content-container - The container wrapping the tile’s main content.\n * @csspart trigger-side - The part for the side adorner of the encapsulated resize element.\n * @csspart trigger - The part for the corner adorner of the encapsulated resize element.\n * @csspart trigger-bottom - The part for the bottom adorner of the encapsulated resize element.\n /\n@themes(all)\nexport default class IgcTileComponent extends EventEmitterMixin<\n IgcTileComponentEventMap,\n Constructor<LitElement>\n>(LitElement) {\n public static readonly tagName = 'igc-tile';\n public static styles = [styles, shared];\n\n / blazorSuppress /\n public static register() {\n registerComponent(\n IgcTileComponent,\n IgcIconButtonComponent,\n IgcDividerComponent,\n IgcResizeContainerComponent\n );\n }\n\n private static readonly increment = createCounter();\n\n private _dragController = addDragController(this, {\n skip: this._skipDrag,\n ghost: this._createDragGhost,\n start: this._handleDragStart,\n move: this._handleDragMove,\n end: this._handleDragEnd,\n cancel: this._handleDragCancel,\n });\n\n private _fullscreenController = addFullscreenController(this, {\n enter: this.emitFullScreenEvent,\n exit: this.emitFullScreenEvent,\n });\n\n private _colSpan = 1;\n private _rowSpan = 1;\n private _colStart: number \| null = null;\n private _rowStart: number \| null = null;\n private _position = -1;\n private _resizeState = createTileResizeState();\n private _dragStack = createTileDragStack();\n\n private _customAdorners = new Map<string, boolean>(\n Object.entries({\n side: false,\n corner: false,\n bottom: false,\n })\n );\n\n // Tile manager context properties and helpers\n\n /\n Context consumer callback that sets the updated configuration of the internal drag controller\n * based on the passed tile manager properties.\n /\n private _setDragConfiguration = ({\n instance: { dragMode },\n }: TileManagerContext) => {\n this._dragController.set({\n enabled: dragMode !== 'none',\n trigger:\n dragMode === 'tile-header' ? () => this._headerRef.value! : undefined,\n });\n };\n\n private _context = createAsyncContext(\n this,\n tileManagerContext,\n this._setDragConfiguration\n );\n\n /* Returns the parent tile manager context. /\n private get _tileManagerCtx(): TileManagerContext \| undefined {\n return this._context.value;\n }\n\n private get _tileManager() {\n return this._tileManagerCtx?.instance;\n }\n\n /* Returns the tile manager internal CSS grid container. /\n private get _cssContainer(): HTMLElement {\n return this._tileManagerCtx?.grid.value!;\n }\n\n /* Returns the tile manager current resize mode. /\n private get _resizeMode() {\n return this._tileManager?.resizeMode ?? 'none';\n }\n\n protected _headerRef = createRef<HTMLSlotElement>();\n\n @queryAssignedElements({ slot: 'title' })\n private _titleElements!: HTMLElement[];\n\n @queryAssignedElements({ slot: 'actions' })\n private _actionsElements!: HTMLElement[];\n\n @query(IgcResizeContainerComponent.tagName)\n protected _resizeContainer?: IgcResizeContainerComponent;\n\n @query('[part~=\"base\"]', true)\n public _tileContent!: HTMLElement;\n\n @state()\n private _maximized = false;\n\n @state()\n private _isDragging = false;\n\n @state()\n private _isResizing = false;\n\n /* Whether to render the resize container based on tile and tile manager configuration. /\n private get _resizeDisabled(): boolean {\n return (\n this.disableResize \|\|\n this.maximized \|\|\n this.fullscreen \|\|\n this._resizeMode === 'none'\n );\n }\n\n /\n The unique identifier of the tile.\n * @attr tile-id\n /\n @property({ attribute: 'tile-id', type: String, reflect: true })\n public tileId: string \| null = null;\n\n /\n The number of columns the tile will span.\n \n @remarks\n * Values <= 1 will be coerced to 1.\n \n @attr col-span\n /\n @property({ type: Number, attribute: 'col-span' })\n public set colSpan(value: number) {\n this._colSpan = Math.max(1, asNumber(value));\n this.style.setProperty('--ig-col-span', this._colSpan.toString());\n }\n\n public get colSpan(): number {\n return this._colSpan;\n }\n\n /\n The number of rows the tile will span.\n \n @remarks\n * Values <= 1 will be coerced to 1.\n \n @attr row-span\n /\n @property({ type: Number, attribute: 'row-span' })\n public set rowSpan(value: number) {\n this._rowSpan = Math.max(1, asNumber(value));\n this.style.setProperty('--ig-row-span', this._rowSpan.toString());\n }\n\n public get rowSpan(): number {\n return this._rowSpan;\n }\n\n /\n The starting column for the tile.\n \n @attr col-start\n /\n @property({ type: Number, attribute: 'col-start' })\n public set colStart(value: number \| null) {\n this._colStart = Math.max(0, asNumber(value)) \|\| null;\n this.style.setProperty(\n '--ig-col-start',\n this._colStart ? this._colStart.toString() : null\n );\n }\n\n public get colStart(): number \| null {\n return this._colStart;\n }\n\n /\n The starting row for the tile.\n \n @attr row-start\n /\n @property({ type: Number, attribute: 'row-start' })\n public set rowStart(value: number \| null) {\n this._rowStart = Math.max(0, asNumber(value)) \|\| null;\n this.style.setProperty(\n '--ig-row-start',\n this._rowStart ? this._rowStart.toString() : null\n );\n }\n\n public get rowStart(): number \| null {\n return this._rowStart;\n }\n\n /\n Indicates whether the tile occupies the whole screen.\n \n @property\n /\n public get fullscreen(): boolean {\n return this._fullscreenController.fullscreen;\n }\n\n /\n Indicates whether the tile occupies all available space within the layout.\n \n @attr maximized\n /\n @property({ type: Boolean, reflect: true })\n public set maximized(value: boolean) {\n this._maximized = value;\n\n if (this._tileManagerCtx) {\n this._tileManagerCtx.instance.requestUpdate();\n }\n }\n\n public get maximized(): boolean {\n return this._maximized;\n }\n\n /\n Indicates whether the tile can be resized.\n * @attr disable-resize\n /\n @property({ type: Boolean, reflect: true, attribute: 'disable-resize' })\n public disableResize = false;\n\n /\n Indicates whether the fullscreen action is displayed.\n * @attr disable-fullscreen\n /\n @property({ type: Boolean, reflect: true, attribute: 'disable-fullscreen' })\n public disableFullscreen = false;\n\n /\n Indicates whether the maximize action is displayed.\n * @attr disable-maximize\n /\n @property({ type: Boolean, reflect: true, attribute: 'disable-maximize' })\n public disableMaximize = false;\n\n /\n Gets/sets the tile's visual position in the layout.\n \n Corresponds to the CSS order property.\n \n @attr position\n /\n @property({ type: Number })\n public set position(value: number) {\n this._position = asNumber(value);\n this.style.order = this._position.toString();\n }\n\n public get position(): number {\n return this._position;\n }\n\n /* @internal /\n public override connectedCallback(): void {\n super.connectedCallback();\n this.tileId = this.tileId \|\| `tile-${IgcTileComponent.increment()}`;\n\n this.style.viewTransitionName =\n this.style.viewTransitionName \|\| `tile-transition-${this.tileId}`;\n }\n\n protected override createRenderRoot() {\n const root = super.createRenderRoot();\n root.addEventListener('slotchange', () => this.requestUpdate());\n return root;\n }\n\n private _setDragState(state = true) {\n this._isDragging = state;\n this._tileContent.style.opacity = state ? '0' : '1';\n this.style.pointerEvents = state ? 'none' : '';\n this.part.toggle('dragging', state);\n }\n\n private _handleDragStart() {\n this.emitEvent('tileDragStart', { detail: this });\n this._setDragState();\n this._dragStack.push(this);\n }\n\n private _handleDragMove({\n event: { clientX, clientY },\n }: DragCallbackParameters) {\n const match = document\n .elementsFromPoint(clientX, clientY)\n .find(this._match);\n\n if (!match) {\n return;\n }\n\n if (this._dragStack.peek() === match) {\n const { x, y } = getCenterPoint(match);\n\n const shouldSwap =\n this.position <= match.position\n ? clientX > x \|\| clientY > y\n : clientX < x \|\| clientY < y;\n\n if (shouldSwap) {\n this._dragStack.pop();\n this._dragStack.push(match);\n\n startViewTransition(() => {\n swapTiles(this, match);\n });\n }\n\n return;\n }\n\n this._dragStack.push(match);\n\n startViewTransition(() => {\n swapTiles(this, match);\n });\n }\n\n private _handleDragCancel() {\n startViewTransition(() => {\n this._dragStack.restore();\n this._dragStack.reset();\n });\n\n this._dragController.dispose();\n this._setDragState(false);\n }\n\n private _handleDragEnd() {\n this.emitEvent('tileDragEnd', { detail: this });\n this._setDragState(false);\n this._dragStack.reset();\n }\n\n private _skipDrag(event: PointerEvent): boolean {\n if (this._maximized \|\| this.fullscreen) {\n return true;\n }\n\n return Boolean(\n findElementFromEventPath(\n (e) => e.matches('[part=trigger]') \|\| e.matches('#tile-actions'),\n event\n )\n );\n }\n\n private _match(element: Element): element is IgcTileComponent {\n return element !== this && IgcTileComponent.tagName === element.localName;\n }\n\n private _createDragGhost(): IgcTileComponent {\n return createTileDragGhost(this);\n }\n\n private _setResizeState(state = true) {\n this._isResizing = state;\n this.style.zIndex = state ? '1' : '';\n this.part.toggle('resizing', state);\n }\n\n private _handleResizeStart({\n detail: { state },\n }: CustomEvent<ResizeCallbackParams>) {\n this._resizeState.updateState(state.initial, this, this._cssContainer);\n this._setResizeState();\n }\n\n private _handleResize({\n detail: { state },\n }: CustomEvent<ResizeCallbackParams>) {\n const trigger = state.trigger!;\n\n const isWidthResize = trigger.matches('[part=\"side\"], [part=\"trigger\"]');\n const isHeightResize = trigger.matches(\n '[part=\"bottom\"], [part=\"trigger\"]'\n );\n\n if (isWidthResize) {\n state.current.width = this._resizeState.calculateSnappedWidth(state);\n }\n\n if (isHeightResize) {\n state.current.height = this._resizeState.calculateSnappedHeight(state);\n }\n }\n\n private async _handleResizeEnd({\n detail: { state },\n }: CustomEvent<ResizeCallbackParams>) {\n const { column, row } = this._resizeState.getResizedPosition(state.current);\n\n const { transition } = startViewTransition(() => {\n this.style.setProperty('grid-row', row);\n this.style.setProperty('grid-column', column);\n });\n\n await transition?.updateCallbackDone;\n\n const { width, height } = this._resizeState.calculateResizedSize(\n this._cssContainer\n );\n\n this._resizeState.resizedDimensions = { width, height };\n this._resizeContainer?.setSize(width, height);\n this._setResizeState(false);\n }\n\n private _handleResizeCancel() {\n this._setResizeState(false);\n }\n\n private _handleFullscreen() {\n const { width, height } = !this.fullscreen\n ? this._resizeState.emptyResizeDimensions\n : this._resizeState.resizedDimensions;\n\n this._resizeContainer?.setSize(width, height);\n this._fullscreenController.setState(!this.fullscreen);\n }\n\n private _handleMaximize() {\n if (!this.emitMaximizedEvent()) {\n return;\n }\n\n this.maximized = !this.maximized;\n }\n\n private emitFullScreenEvent(state: boolean) {\n this.requestUpdate();\n\n return this.emitEvent('igcTileFullscreen', {\n detail: { tile: this, state },\n cancelable: true,\n });\n }\n\n private emitMaximizedEvent() {\n return this.emitEvent('igcTileMaximize', {\n detail: { tile: this, state: !this.maximized },\n cancelable: true,\n });\n }\n\n protected _renderDefaultAction(type: 'maximize' \| 'fullscreen') {\n const [icon, listener] =\n type === 'fullscreen'\n ? [\n this.fullscreen ? 'fullscreen_exit' : 'fullscreen',\n this._handleFullscreen,\n ]\n : [\n this._maximized ? 'collapse_content' : 'expand_content',\n this._handleMaximize,\n ];\n\n return html`\n <igc-icon-button\n variant=\"flat\"\n collection=\"default\"\n exportparts=\"icon\"\n name=${icon}\n aria-label=${icon}\n @click=${listener}\n ></igc-icon-button>\n `;\n }\n\n protected _renderHeader() {\n const hideHeader =\n isEmpty(this._titleElements) &&\n isEmpty(this._actionsElements) &&\n this.disableMaximize &&\n this.disableFullscreen;\n\n return html`\n <section part=\"header\" ?hidden=${hideHeader}>\n <header part=\"title\" ${ref(this._headerRef)}>\n <slot name=\"title\"></slot>\n </header>\n <section id=\"tile-actions\" part=\"actions\">\n ${!this.disableMaximize\n ? html`<slot name=\"maximize-action\"\n >${this._renderDefaultAction('maximize')}</slot\n >`\n : nothing}\n ${!this.disableFullscreen\n ? html`<slot name=\"fullscreen-action\"\n >${this._renderDefaultAction('fullscreen')}</slot\n >`\n : nothing}\n\n <slot name=\"actions\"></slot>\n </section>\n </section>\n <igc-divider></igc-divider>\n `;\n }\n\n protected _renderContent() {\n const parts = partNameMap({\n base: true,\n draggable: this._tileManager?.dragMode !== 'none',\n fullscreen: this.fullscreen,\n dragging: this._isDragging,\n resizable:\n !this.disableResize && this._tileManager?.resizeMode !== 'none',\n resizing: this._isResizing,\n maximized: this.maximized,\n });\n\n const styles = {\n '--ig-col-span': this._colSpan,\n '--ig-row-span': this._rowSpan,\n '--ig-col-start': this._colStart,\n '--ig-row-start': this._rowStart,\n };\n\n return html`\n <div part=${parts} style=${styleMap(styles)}>\n ${this._renderHeader()}\n <div part=\"content-container\">\n <slot></slot>\n </div>\n </div>\n `;\n }\n\n private _renderAdornerSlot(name: AdornerType) {\n return html`\n <slot\n @slotchange=${() => this._customAdorners.set(name, true)}\n name=\"${name}-adorner\"\n slot=\"${name}-adorner\"\n >\n </slot>\n `;\n }\n\n protected override render() {\n const { width, height } =\n this.fullscreen \|\| this.maximized\n ? this._resizeState.emptyResizeDimensions\n : this._resizeState.resizedDimensions;\n\n this._resizeContainer?.setSize(width, height);\n\n return html`\n <igc-resize\n part=${partNameMap({\n resize: true,\n 'side-adorner': this._customAdorners.get('side')!,\n 'corner-adorner': this._customAdorners.get('corner')!,\n 'bottom-adorner': this._customAdorners.get('bottom')!,\n })}\n exportparts=\"trigger-side, trigger, trigger-bottom\"\n mode=\"deferred\"\n .enabled=${!this._resizeDisabled}\n ?active=${this._resizeMode === 'always'}\n .ghostFactory=${createTileGhost}\n @igcResizeStart=${this._handleResizeStart}\n @igcResize=${this._handleResize}\n @igcResizeEnd=${this._handleResizeEnd}\n @igcResizeCancel=${this._handleResizeCancel}\n >\n ${this._renderContent()} ${this._renderAdornerSlot('side')}\n ${this._renderAdornerSlot('corner')}\n ${this._renderAdornerSlot('bottom')}\n </igc-resize>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-tile': IgcTileComponent;\n }\n}\n"]}

package/components/toast/themes/dark/toast.bootstrap.css.d.ts ADDED Viewed

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

package/components/toast/themes/dark/toast.fluent.css.d.ts ADDED Viewed

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

package/components/toast/themes/dark/toast.indigo.css.d.ts ADDED Viewed

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

package/components/toast/themes/dark/toast.material.css.d.ts ADDED Viewed

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

package/components/toast/themes/dark/toast.shared.css.d.ts ADDED Viewed

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

package/components/toast/themes/light/toast.bootstrap.css.d.ts ADDED Viewed

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

package/components/toast/themes/light/toast.fluent.css.d.ts ADDED Viewed

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

package/components/toast/themes/light/toast.indigo.css.d.ts ADDED Viewed

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

package/components/toast/themes/light/toast.material.css.d.ts ADDED Viewed

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

package/components/toast/themes/light/toast.shared.css.d.ts ADDED Viewed

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

package/components/toast/themes/shared/toast.bootstrap.css.d.ts ADDED Viewed

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

package/components/toast/themes/shared/toast.common.css.d.ts ADDED Viewed

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

package/components/toast/themes/shared/toast.fluent.css.d.ts ADDED Viewed

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

package/components/toast/themes/themes.d.ts ADDED Viewed

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

package/components/toast/themes/toast.base.css.d.ts ADDED Viewed

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

package/components/toast/toast.d.ts ADDED Viewed

@@ -0,0 +1,21 @@
+import { addAnimationController } from '../../animations/player.js';
+import { IgcBaseAlertLikeComponent } from '../common/mixins/alert.js';
+/**
+ * A toast component is used to show a notification
+ *
+ * @element igc-toast
+ *
+ * @csspart base - The base wrapper of the toast.
+ */
+export default class IgcToastComponent extends IgcBaseAlertLikeComponent {
+    static readonly tagName = "igc-toast";
+    static styles: import("lit").CSSResult[];
+    protected _animationPlayer: ReturnType<typeof addAnimationController>;
+    static register(): void;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-toast': IgcToastComponent;
+    }
+}

package/components/tree/themes/container.base.css.d.ts ADDED Viewed

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

package/components/tree/themes/container.d.ts ADDED Viewed

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

package/components/tree/themes/dark/container.bootstrap.css.d.ts ADDED Viewed

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

package/components/tree/themes/dark/container.fluent.css.d.ts ADDED Viewed

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

package/components/tree/themes/dark/container.indigo.css.d.ts ADDED Viewed

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

package/components/tree/themes/dark/container.material.css.d.ts ADDED Viewed

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

package/components/tree/themes/dark/container.shared.css.d.ts ADDED Viewed

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

package/components/tree/themes/item.base.css.d.ts ADDED Viewed

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

package/components/tree/themes/item.d.ts ADDED Viewed

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

package/components/tree/themes/light/container.bootstrap.css.d.ts ADDED Viewed

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

package/components/tree/themes/light/container.fluent.css.d.ts ADDED Viewed

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

package/components/tree/themes/light/container.indigo.css.d.ts ADDED Viewed

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

package/components/tree/themes/light/container.material.css.d.ts ADDED Viewed

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

package/components/tree/themes/light/container.shared.css.d.ts ADDED Viewed

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

package/components/tree/themes/shared/item.common.css.d.ts ADDED Viewed

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

package/components/tree/themes/shared/item.indigo.css.d.ts ADDED Viewed

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

package/components/tree/themes/shared/item.material.css.d.ts ADDED Viewed

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

package/components/tree/tree-item.d.ts ADDED Viewed

@@ -0,0 +1,137 @@
+import { LitElement } from 'lit';
+import type IgcTreeComponent from './tree.js';
+/**
+ * The tree-item component represents a child item of the tree component or another tree item.
+ *
+ * @element igc-tree-item
+ *
+ * @slot - Renders nested tree-item component.
+ * @slot label - Renders the tree item container.
+ * @slot indicator - Renders the expand indicator container.
+ * @slot loading - Renders the tree item loading indicator container.
+ * @slot indentation - Renders the container (by default the space) before the tree item.
+ *
+ * @csspart wrapper - The wrapper for the tree item.
+ * @csspart selected - Indicates selected state. Applies to `wrapper`.
+ * @csspart focused - Indicates focused state. Applies to `wrapper`.
+ * @csspart active - Indicates an active state. Applies to `wrapper`.
+ * @csspart indicator - The expand indicator of the tree item.
+ * @csspart label - The tree item content.
+ * @csspart text - The tree item displayed text.
+ * @csspart select - The checkbox of the tree item when selection is enabled.
+ */
+export default class IgcTreeItemComponent extends LitElement {
+    static readonly tagName = "igc-tree-item";
+    static styles: import("lit").CSSResult[];
+    static register(): void;
+    private tabbableEl?;
+    private focusedProgrammatically;
+    private groupRef;
+    private animationPlayer;
+    /** A reference to the tree the item is a part of. */
+    tree?: IgcTreeComponent;
+    /** The parent item of the current tree item (if any) */
+    parent: IgcTreeItemComponent | null;
+    /** @private @hidden @internal */
+    init: boolean;
+    private contentList;
+    /** @private @hidden @internal */
+    wrapper: HTMLElement;
+    private isFocused;
+    /** @private @hidden @internal */
+    hasChildren: boolean;
+    /** The depth of the item, relative to the root. */
+    level: number;
+    /** @private @hidden @internal */
+    indeterminate: boolean;
+    /**
+     * The tree item label.
+     * @attr
+     */
+    label: string;
+    /**
+     * The tree item expansion state.
+     * @attr
+     */
+    expanded: boolean;
+    /**
+     * Marks the item as the tree's active item.
+     * @attr
+     */
+    active: boolean;
+    /**
+     * Get/Set whether the tree item is disabled. Disabled items are ignored for user interactions.
+     * @attr
+     */
+    disabled: boolean;
+    /**
+     * The tree item selection state.
+     * @attr
+     */
+    selected: boolean;
+    /**
+     * To be used for load-on-demand scenarios in order to specify whether the item is loading data.
+     * @attr
+     */
+    loading: boolean;
+    /**
+     * The value entry that the tree item is visualizing. Required for searching through items.
+     * @type any
+     * @attr
+     */
+    value: any;
+    private toggleAnimation;
+    protected bothChange(): void;
+    protected expandedChange(oldValue: boolean): void;
+    protected activeChange(): void;
+    protected disabledChange(): void;
+    protected selectedChange(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private get selectionService();
+    private get navService();
+    private get parts();
+    private get directChildren();
+    private get allChildren();
+    /** The full path to the tree item, starting from the top-most ancestor. */
+    get path(): IgcTreeItemComponent[];
+    private itemClick;
+    private expandIndicatorClick;
+    private selectorClick;
+    private onFocus;
+    private onBlur;
+    private onFocusIn;
+    private onFocusOut;
+    private labelChange;
+    private handleChange;
+    /**
+     * Returns a collection of child items.
+     * If the parameter value is true returns all tree item's direct children,
+     * otherwise - only the direct children.
+     */
+    getChildren(options?: {
+        flatten: boolean;
+    }): IgcTreeItemComponent[];
+    /**
+     * @private
+     * Expands the tree item.
+     */
+    expandWithEvent(): Promise<void>;
+    /**
+     * @private
+     * Collapses the tree item.
+     */
+    collapseWithEvent(): Promise<void>;
+    /** Toggles tree item expansion state. */
+    toggle(): void;
+    /** Expands the tree item. */
+    expand(): void;
+    /** Collapses the tree item. */
+    collapse(): void;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-tree-item': IgcTreeItemComponent;
+    }
+}