igniteui-webcomponents 6.1.1 → 6.2.0

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

@@ -1 +1 @@
-{"version":3,"file":"tile.js","sourceRoot":"","sources":["../../../src/components/tile-manager/tile.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, 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 { startViewTransition } from '../../animations/player.js';\nimport { addThemingController } from '../../theming/theming-controller.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  addDragController,\n  type DragCallbackParameters,\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 { partMap } from '../common/part-map.js';\nimport {\n  asNumber,\n  createCounter,\n  findElementFromEventPath,\n  isEmpty,\n  isLTR,\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 type { TileManagerResizeMode } from '../types.js';\nimport { createTileDragStack, swapTiles } from './position.js';\nimport { createTileResizeState } from './resize-state.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 { createTileDragGhost, createTileGhost } from './tile-ghost-util.js';\nimport type IgcTileManagerComponent from './tile-manager.js';\n\nexport interface IgcTileChangeStateEventArgs {\n  tile: IgcTileComponent;\n  state: boolean;\n}\n\ntype AdornerType = 'side' | 'corner' | 'bottom';\n\nexport interface IgcTileComponentEventMap {\n  igcTileFullscreen: CustomEvent<IgcTileChangeStateEventArgs>;\n  igcTileMaximize: CustomEvent<IgcTileChangeStateEventArgs>;\n  igcTileDragStart: CustomEvent<IgcTileComponent>;\n  igcTileDragEnd: CustomEvent<IgcTileComponent>;\n  igcTileDragCancel: CustomEvent<IgcTileComponent>;\n  igcTileResizeStart: CustomEvent<IgcTileComponent>;\n  igcTileResizeEnd: CustomEvent<IgcTileComponent>;\n  igcTileResizeCancel: 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 the fullscreen state changes.\n * @fires igcTileMaximize - Fired when tile the maximize state changes.\n * @fires igcTileDragStart - Fired when a drag operation on a tile is about to begin. Cancelable.\n * @fires igcTileDragEnd - Fired when a drag operation with a tile is successfully completed.\n * @fires igcTileDragCancel - Fired when a tile drag operation is canceled by the user.\n * @fires igcTileResizeStart - Fired when a resize operation on a tile is about to begin. Cancelable.\n * @fires igcTileResizeEnd - Fired when a resize operation on a tile is successfully completed.\n * @fires igcTileResizeCancel - Fired when a resize operation on a tile is canceled by the user.\n *\n * @slot - Default slot for the tile's content.\n * @slot title - Renders the title of the tile header.\n * @slot maximize-action - Renders the maximize action element of the tile header.\n * @slot fullscreen-action - Renders the fullscreen action element of the tile header.\n * @slot actions - Renders items after the default actions in the tile header.\n * @slot side-adorner - Renders the side resize handle of the tile.\n * @slot corner-adorner - Renders the corner resize handle of the tile.\n * @slot bottom-adorner - Renders the bottom resize handle of the tile.\n *\n * @csspart base - The wrapper for the entire tile content, header and content.\n * @csspart header - The container for the tile header, including title and actions.\n * @csspart title - The title container of the tile.\n * @csspart actions - The actions container of the tile header.\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 in the tile.\n * @csspart trigger - The part for the corner adorner of the encapsulated resize element in the tile.\n * @csspart trigger-bottom - The part for the bottom adorner of the encapsulated resize element in the tile.\n */\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    matchTarget: this._match,\n    ghost: this._createDragGhost,\n    start: this._handleDragStart,\n    over: this._handleDragOver,\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(): IgcTileManagerComponent | undefined {\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(): TileManagerResizeMode {\n    return this._tileManager?.resizeMode ?? 'none';\n  }\n\n  protected _headerRef = createRef<HTMLElement>();\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 number of columns the tile will span.\n   *\n   * @remarks\n   * When setting a value that is less than 1, it will be\n   * coerced to 1.\n   *\n   * @attr col-span\n   * @default 1\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   * When setting a value that is less than 1, it will be\n   * coerced to 1.\n   *\n   * @attr row-span\n   * @default 1\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 to disable tile resize behavior regardless\n   * ot its tile manager parent settings.\n   *\n   * @attr disable-resize\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'disable-resize' })\n  public disableResize = false;\n\n  /**\n   * Whether to disable the rendering of the tile `fullscreen-action` slot and its\n   * default fullscreen action button.\n   *\n   * @attr disable-fullscreen\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'disable-fullscreen' })\n  public disableFullscreen = false;\n\n  /**\n   * Whether to disable the rendering of the tile `maximize-action` slot and its\n   * default maximize action button.\n   *\n   * @attr disable-maximize\n   * @default false\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   * 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  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  /** @internal */\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    this.id = this.id || `tile-${IgcTileComponent.increment()}`;\n\n    this.style.viewTransitionName =\n      this.style.viewTransitionName || `tile-transition-${this.id}`;\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' : '';\n    this.style.pointerEvents = state ? 'none' : '';\n    this.part.toggle('dragging', state);\n  }\n\n  private _handleDragStart() {\n    if (!this._emitTileDragStart()) {\n      return false;\n    }\n\n    this._setDragState();\n    this._dragStack.push(this);\n    return true;\n  }\n\n  private _handleDragOver({ event, state }: DragCallbackParameters): void {\n    const match = state.element as IgcTileComponent;\n\n    if (this._dragStack.peek() === match) {\n      if (this._shouldSwap(event, state, match)) {\n        this._dragStack.pop();\n        this._dragStack.push(match);\n        this._performSwap(match);\n      }\n      return;\n    }\n\n    this._dragStack.push(match);\n    this._performSwap(match);\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    this.emitEvent('igcTileDragCancel', { detail: this });\n  }\n\n  private _handleDragEnd() {\n    this._setDragState(false);\n    this._dragStack.reset();\n    this.emitEvent('igcTileDragEnd', { detail: this });\n  }\n\n  private _performSwap(match: IgcTileComponent): void {\n    startViewTransition(() => swapTiles(this, match));\n  }\n\n  private _shouldSwap(\n    { clientX, clientY }: PointerEvent,\n    state: DragCallbackParameters['state'],\n    match: IgcTileComponent\n  ): boolean {\n    const LTR = isLTR(this);\n    const direction = state.pointerState.direction;\n\n    const { left, top, width, height } = match.getBoundingClientRect();\n    const relativeX = (clientX - left) / width;\n    const relativeY = (clientY - top) / height;\n\n    switch (direction) {\n      case 'start':\n        return (\n          this.position > match.position &&\n          (LTR ? relativeX <= 0.25 : relativeX >= 0.75)\n        );\n      case 'end':\n        return (\n          this.position < match.position &&\n          (LTR ? relativeX >= 0.75 : relativeX <= 0.25)\n        );\n      case 'top':\n        return this.position > match.position && relativeY <= 0.25;\n      case 'bottom':\n        return this.position < match.position && relativeY >= 0.75;\n      default:\n        return false;\n    }\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 _createResizeGhost = (): HTMLElement => {\n    return createTileGhost(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(event: CustomEvent<ResizeCallbackParams>) {\n    if (!this._emitTileResizeStart()) {\n      event.preventDefault();\n      return;\n    }\n\n    this._resizeState.updateState(\n      event.detail.state.initial,\n      this,\n      this._cssContainer\n    );\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 _handleResizeEnd({\n    detail: { state },\n  }: CustomEvent<ResizeCallbackParams>) {\n    const { colSpan, rowSpan } = this._resizeState.calculateResizedGridPosition(\n      state.current\n    );\n\n    state.commit = async () => {\n      await startViewTransition(() => {\n        this.colSpan = colSpan;\n        this.rowSpan = rowSpan;\n      }).transition?.updateCallbackDone;\n\n      this._setResizeState(false);\n      this.emitEvent('igcTileResizeEnd', { detail: this });\n    };\n  }\n\n  private _handleResizeCancel() {\n    this._setResizeState(false);\n    this.emitEvent('igcTileResizeCancel', { detail: this });\n  }\n\n  private _handleFullscreen() {\n    this._fullscreenController.setState(!this.fullscreen);\n  }\n\n  private async _handleMaximize() {\n    if (!this._emitMaximizedEvent()) {\n      return;\n    }\n\n    this.style.zIndex = '1';\n\n    await startViewTransition(() => {\n      this.maximized = !this.maximized;\n    }).transition?.finished;\n\n    this.style.zIndex = '';\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  private _emitTileDragStart() {\n    return this.emitEvent('igcTileDragStart', {\n      detail: this,\n      cancelable: true,\n    });\n  }\n\n  private _emitTileResizeStart() {\n    return this.emitEvent('igcTileResizeStart', {\n      detail: this,\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    const hasMaximizeSlot = !(this.disableMaximize || this.fullscreen);\n    const hasFullscreenSlot = !this.disableFullscreen;\n\n    return html`\n      <section part=\"header\" ?hidden=${hideHeader} ${ref(this._headerRef)}>\n        <header part=\"title\">\n          <slot name=\"title\"></slot>\n        </header>\n        <section id=\"tile-actions\" part=\"actions\">\n          ${hasMaximizeSlot\n            ? html`\n                <slot name=\"maximize-action\">\n                  ${this._renderDefaultAction('maximize')}\n                </slot>\n              `\n            : nothing}\n          ${hasFullscreenSlot\n            ? html`\n                <slot name=\"fullscreen-action\">\n                  ${this._renderDefaultAction('fullscreen')}\n                </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 = {\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    return html`\n      <div part=${partMap(parts)}>\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 isActive = this._resizeMode === 'always';\n\n    return this._resizeDisabled\n      ? this._renderContent()\n      : html`\n          <igc-resize\n            part=${partMap({\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            ?active=${isActive}\n            .ghostFactory=${this._createResizeGhost}\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"]}
+{"version":3,"file":"tile.js","sourceRoot":"","sources":["../../../src/components/tile-manager/tile.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { createRef, ref } from 'lit/directives/ref.js';\nimport { startViewTransition } from '../../animations/player.js';\nimport { addThemingController } from '../../theming/theming-controller.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  addDragController,\n  type DragCallbackParameters,\n} from '../common/controllers/drag.js';\nimport { addFullscreenController } from '../common/controllers/fullscreen.js';\nimport { addSlotController, setSlots } from '../common/controllers/slot.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 { partMap } from '../common/part-map.js';\nimport { asNumber, findElementFromEventPath, isLTR } 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 type { TileManagerResizeMode } from '../types.js';\nimport { createTileDragStack, swapTiles } from './position.js';\nimport { createTileResizeState } from './resize-state.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 { createTileDragGhost, createTileGhost } from './tile-ghost-util.js';\nimport type IgcTileManagerComponent from './tile-manager.js';\n\nexport interface IgcTileChangeStateEventArgs {\n  tile: IgcTileComponent;\n  state: boolean;\n}\n\ntype AdornerType = 'side' | 'corner' | 'bottom';\n\nexport interface IgcTileComponentEventMap {\n  igcTileFullscreen: CustomEvent<IgcTileChangeStateEventArgs>;\n  igcTileMaximize: CustomEvent<IgcTileChangeStateEventArgs>;\n  igcTileDragStart: CustomEvent<IgcTileComponent>;\n  igcTileDragEnd: CustomEvent<IgcTileComponent>;\n  igcTileDragCancel: CustomEvent<IgcTileComponent>;\n  igcTileResizeStart: CustomEvent<IgcTileComponent>;\n  igcTileResizeEnd: CustomEvent<IgcTileComponent>;\n  igcTileResizeCancel: CustomEvent<IgcTileComponent>;\n}\n\nlet nextId = 1;\nconst Slots = setSlots(\n  'title',\n  'maximize-action',\n  'fullscreen-action',\n  'actions',\n  'side-adorner',\n  'corner-adorner',\n  'bottom-adorner'\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 the fullscreen state changes.\n * @fires igcTileMaximize - Fired when tile the maximize state changes.\n * @fires igcTileDragStart - Fired when a drag operation on a tile is about to begin. Cancelable.\n * @fires igcTileDragEnd - Fired when a drag operation with a tile is successfully completed.\n * @fires igcTileDragCancel - Fired when a tile drag operation is canceled by the user.\n * @fires igcTileResizeStart - Fired when a resize operation on a tile is about to begin. Cancelable.\n * @fires igcTileResizeEnd - Fired when a resize operation on a tile is successfully completed.\n * @fires igcTileResizeCancel - Fired when a resize operation on a tile is canceled by the user.\n *\n * @slot - Default slot for the tile's content.\n * @slot title - Renders the title of the tile header.\n * @slot maximize-action - Renders the maximize action element of the tile header.\n * @slot fullscreen-action - Renders the fullscreen action element of the tile header.\n * @slot actions - Renders items after the default actions in the tile header.\n * @slot side-adorner - Renders the side resize handle of the tile.\n * @slot corner-adorner - Renders the corner resize handle of the tile.\n * @slot bottom-adorner - Renders the bottom resize handle of the tile.\n *\n * @csspart base - The wrapper for the entire tile content, header and content.\n * @csspart header - The container for the tile header, including title and actions.\n * @csspart title - The title container of the tile.\n * @csspart actions - The actions container of the tile header.\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 in the tile.\n * @csspart trigger - The part for the corner adorner of the encapsulated resize element in the tile.\n * @csspart trigger-bottom - The part for the bottom adorner of the encapsulated resize element in the tile.\n */\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(): void {\n    registerComponent(\n      IgcTileComponent,\n      IgcIconButtonComponent,\n      IgcDividerComponent,\n      IgcResizeContainerComponent\n    );\n  }\n\n  private readonly _slots = addSlotController(this, { slots: Slots });\n\n  private readonly _dragController = addDragController(this, {\n    skip: this._skipDrag,\n    matchTarget: this._match,\n    ghost: this._createDragGhost,\n    start: this._handleDragStart,\n    over: this._handleDragOver,\n    end: this._handleDragEnd,\n    cancel: this._handleDragCancel,\n  });\n\n  private readonly _fullscreenController = addFullscreenController(this, {\n    enter: this._emitFullScreenEvent,\n    exit: this._emitFullScreenEvent,\n  });\n\n  private readonly _resizeState = createTileResizeState();\n  private readonly _dragStack = createTileDragStack();\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\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 readonly _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(): IgcTileManagerComponent | undefined {\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(): TileManagerResizeMode {\n    return this._tileManager?.resizeMode ?? 'none';\n  }\n\n  protected readonly _headerRef = createRef<HTMLElement>();\n\n  @query(IgcResizeContainerComponent.tagName)\n  protected readonly _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 number of columns the tile will span.\n   *\n   * @remarks\n   * When setting a value that is less than 1, it will be\n   * coerced to 1.\n   *\n   * @attr col-span\n   * @default 1\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   * When setting a value that is less than 1, it will be\n   * coerced to 1.\n   *\n   * @attr row-span\n   * @default 1\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 to disable tile resize behavior regardless\n   * ot its tile manager parent settings.\n   *\n   * @attr disable-resize\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'disable-resize' })\n  public disableResize = false;\n\n  /**\n   * Whether to disable the rendering of the tile `fullscreen-action` slot and its\n   * default fullscreen action button.\n   *\n   * @attr disable-fullscreen\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'disable-fullscreen' })\n  public disableFullscreen = false;\n\n  /**\n   * Whether to disable the rendering of the tile `maximize-action` slot and its\n   * default maximize action button.\n   *\n   * @attr disable-maximize\n   * @default false\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   * 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  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  /** @internal */\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    this.id = this.id || `tile-${nextId++}`;\n\n    this.style.viewTransitionName =\n      this.style.viewTransitionName || `tile-transition-${this.id}`;\n  }\n\n  private _setDragState(state = true) {\n    this._isDragging = state;\n    this._tileContent.style.opacity = state ? '0' : '';\n    this.style.pointerEvents = state ? 'none' : '';\n    this.part.toggle('dragging', state);\n  }\n\n  private _handleDragStart() {\n    if (!this._emitTileDragStart()) {\n      return false;\n    }\n\n    this._setDragState();\n    this._dragStack.push(this);\n    return true;\n  }\n\n  private _handleDragOver({ event, state }: DragCallbackParameters): void {\n    const match = state.element as IgcTileComponent;\n\n    if (this._dragStack.peek() === match) {\n      if (this._shouldSwap(event, state, match)) {\n        this._dragStack.pop();\n        this._dragStack.push(match);\n        this._performSwap(match);\n      }\n      return;\n    }\n\n    this._dragStack.push(match);\n    this._performSwap(match);\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    this.emitEvent('igcTileDragCancel', { detail: this });\n  }\n\n  private _handleDragEnd() {\n    this._setDragState(false);\n    this._dragStack.reset();\n    this.emitEvent('igcTileDragEnd', { detail: this });\n  }\n\n  private _performSwap(match: IgcTileComponent): void {\n    startViewTransition(() => swapTiles(this, match));\n  }\n\n  private _shouldSwap(\n    { clientX, clientY }: PointerEvent,\n    state: DragCallbackParameters['state'],\n    match: IgcTileComponent\n  ): boolean {\n    const LTR = isLTR(this);\n    const direction = state.pointerState.direction;\n\n    const { left, top, width, height } = match.getBoundingClientRect();\n    const relativeX = (clientX - left) / width;\n    const relativeY = (clientY - top) / height;\n\n    switch (direction) {\n      case 'start':\n        return (\n          this.position > match.position &&\n          (LTR ? relativeX <= 0.25 : relativeX >= 0.75)\n        );\n      case 'end':\n        return (\n          this.position < match.position &&\n          (LTR ? relativeX >= 0.75 : relativeX <= 0.25)\n        );\n      case 'top':\n        return this.position > match.position && relativeY <= 0.25;\n      case 'bottom':\n        return this.position < match.position && relativeY >= 0.75;\n      default:\n        return false;\n    }\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 _createResizeGhost = (): HTMLElement => {\n    return createTileGhost(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(event: CustomEvent<ResizeCallbackParams>) {\n    if (!this._emitTileResizeStart()) {\n      event.preventDefault();\n      return;\n    }\n\n    this._resizeState.updateState(\n      event.detail.state.initial,\n      this,\n      this._cssContainer\n    );\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 _handleResizeEnd({\n    detail: { state },\n  }: CustomEvent<ResizeCallbackParams>) {\n    const { colSpan, rowSpan } = this._resizeState.calculateResizedGridPosition(\n      state.current\n    );\n\n    state.commit = async () => {\n      await startViewTransition(() => {\n        this.colSpan = colSpan;\n        this.rowSpan = rowSpan;\n      }).transition?.updateCallbackDone;\n\n      this._setResizeState(false);\n      this.emitEvent('igcTileResizeEnd', { detail: this });\n    };\n  }\n\n  private _handleResizeCancel() {\n    this._setResizeState(false);\n    this.emitEvent('igcTileResizeCancel', { detail: this });\n  }\n\n  private _handleFullscreen() {\n    this._fullscreenController.setState(!this.fullscreen);\n  }\n\n  private async _handleMaximize() {\n    if (!this._emitMaximizedEvent()) {\n      return;\n    }\n\n    this.style.zIndex = '1';\n\n    await startViewTransition(() => {\n      this.maximized = !this.maximized;\n    }).transition?.finished;\n\n    this.style.zIndex = '';\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  private _emitTileDragStart() {\n    return this.emitEvent('igcTileDragStart', {\n      detail: this,\n      cancelable: true,\n    });\n  }\n\n  private _emitTileResizeStart() {\n    return this.emitEvent('igcTileResizeStart', {\n      detail: this,\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 hasNoContent = !(\n      this._slots.hasAssignedElements('title') &&\n      this._slots.hasAssignedElements('actions')\n    );\n\n    const hideHeader =\n      hasNoContent && this.disableMaximize && this.disableFullscreen;\n\n    const hasMaximizeSlot = !(this.disableMaximize || this.fullscreen);\n    const hasFullscreenSlot = !this.disableFullscreen;\n\n    return html`\n      <section part=\"header\" ?hidden=${hideHeader} ${ref(this._headerRef)}>\n        <header part=\"title\">\n          <slot name=\"title\"></slot>\n        </header>\n        <section id=\"tile-actions\" part=\"actions\">\n          ${hasMaximizeSlot\n            ? html`\n                <slot name=\"maximize-action\">\n                  ${this._renderDefaultAction('maximize')}\n                </slot>\n              `\n            : nothing}\n          ${hasFullscreenSlot\n            ? html`\n                <slot name=\"fullscreen-action\">\n                  ${this._renderDefaultAction('fullscreen')}\n                </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 = {\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    return html`\n      <div part=${partMap(parts)}>\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`<slot name=\"${name}-adorner\" slot=\"${name}-adorner\"></slot>`;\n  }\n\n  protected override render() {\n    const isActive = this._resizeMode === 'always';\n\n    return this._resizeDisabled\n      ? this._renderContent()\n      : html`\n          <igc-resize\n            part=${partMap({\n              resize: true,\n              'side-adorner': this._slots.hasAssignedElements('side-adorner'),\n              'corner-adorner':\n                this._slots.hasAssignedElements('corner-adorner'),\n              'bottom-adorner':\n                this._slots.hasAssignedElements('bottom-adorner'),\n            })}\n            exportparts=\"trigger-side, trigger, trigger-bottom\"\n            mode=\"deferred\"\n            ?active=${isActive}\n            .ghostFactory=${this._createResizeGhost}\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/toast.d.ts

@@ -1,4 +1,3 @@
-import { addAnimationController } from '../../animations/player.js';
 import { IgcBaseAlertLikeComponent } from '../common/mixins/alert.js';
 /**
  * A toast component is used to show a notification
@@ -10,7 +9,7 @@ import { IgcBaseAlertLikeComponent } from '../common/mixins/alert.js';
 export default class IgcToastComponent extends IgcBaseAlertLikeComponent {
     static readonly tagName = "igc-toast";
     static styles: import("lit").CSSResult[];
-    protected _animationPlayer: ReturnType<typeof addAnimationController>;
+    protected readonly _player: import("../../animations/player.js").AnimationController;
     static register(): void;
     constructor();
     protected render(): import("lit-html").TemplateResult<1>;

package/components/toast/toast.js

@@ -12,7 +12,7 @@ class IgcToastComponent extends IgcBaseAlertLikeComponent {
     }
     constructor() {
         super();
-        this._animationPlayer = addAnimationController(this);
+        this._player = addAnimationController(this);
         addThemingController(this, all);
     }
     render() {

package/components/toast/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../src/components/toast/toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AASpD,MAAqB,iBAAkB,SAAQ,yBAAyB;IAS/D,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACvC,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QAVS,qBAAgB,GAE/B,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAS/B,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,gBAAgB,CAAC,IAAI,CAAC,IAAI,UAAU,CAAC;IAClD,CAAC;;AAnBsB,yBAAO,GAAG,WAAW,AAAd,CAAe;AACtB,wBAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;eAF9B,iBAAiB","sourcesContent":["import { html } from 'lit';\n\nimport { addAnimationController } from '../../animations/player.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { IgcBaseAlertLikeComponent } from '../common/mixins/alert.js';\nimport { styles as shared } from './themes/shared/toast.common.css.js';\nimport { all } from './themes/themes.js';\nimport { styles } from './themes/toast.base.css.js';\n\n/**\n * A toast component is used to show a notification\n *\n * @element igc-toast\n *\n * @csspart base - The base wrapper of the toast.\n */\nexport default class IgcToastComponent extends IgcBaseAlertLikeComponent {\n  public static readonly tagName = 'igc-toast';\n  public static override styles = [styles, shared];\n\n  protected override _animationPlayer: ReturnType<\n    typeof addAnimationController\n  > = addAnimationController(this);\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcToastComponent);\n  }\n\n  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  protected override render() {\n    return html`<slot .inert=${!this.open}></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-toast': IgcToastComponent;\n  }\n}\n"]}
+{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../src/components/toast/toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AASpD,MAAqB,iBAAkB,SAAQ,yBAAyB;IAO/D,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACvC,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QARkB,YAAO,GAAG,sBAAsB,CAAC,IAAI,CAAC,CAAC;QASjE,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,gBAAgB,CAAC,IAAI,CAAC,IAAI,UAAU,CAAC;IAClD,CAAC;;AAjBsB,yBAAO,GAAG,WAAW,AAAd,CAAe;AACtB,wBAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;eAF9B,iBAAiB","sourcesContent":["import { html } from 'lit';\nimport { addAnimationController } from '../../animations/player.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { IgcBaseAlertLikeComponent } from '../common/mixins/alert.js';\nimport { styles as shared } from './themes/shared/toast.common.css.js';\nimport { all } from './themes/themes.js';\nimport { styles } from './themes/toast.base.css.js';\n\n/**\n * A toast component is used to show a notification\n *\n * @element igc-toast\n *\n * @csspart base - The base wrapper of the toast.\n */\nexport default class IgcToastComponent extends IgcBaseAlertLikeComponent {\n  public static readonly tagName = 'igc-toast';\n  public static override styles = [styles, shared];\n\n  protected override readonly _player = addAnimationController(this);\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcToastComponent);\n  }\n\n  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  protected override render() {\n    return html`<slot .inert=${!this.open}></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-toast': IgcToastComponent;\n  }\n}\n"]}

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

@@ -1,5 +1,6 @@
 import { LitElement, nothing, type TemplateResult } from 'lit';
-import type { IgcFormControl } from '../common/mixins/forms/types.js';
+import { type IgcFormControl } from '../common/mixins/forms/types.js';
+/** Configuration for the validation container. */
 interface ValidationContainerConfig {
     /** The id attribute for the validation container. */
     id?: string;
@@ -22,6 +23,7 @@ export default class IgcValidationContainerComponent extends LitElement {
     static styles: import("lit").CSSResult[];
     static register(): void;
     static create(host: IgcFormControl, config?: ValidationContainerConfig): TemplateResult;
+    private readonly _abortHandle;
     private _target;
     private _hasSlottedContent;
     invalid: boolean;
@@ -29,11 +31,12 @@ export default class IgcValidationContainerComponent extends LitElement {
     get target(): IgcFormControl;
     constructor();
     protected createRenderRoot(): HTMLElement | DocumentFragment;
-    handleEvent({ type }: Event): void;
-    protected renderValidationMessage(slotName: string): TemplateResult<1>;
-    protected renderValidationSlots(validity: ValidityState, projected?: boolean): Generator<TemplateResult<1>, void, unknown>;
-    protected renderHelper(): TemplateResult<1> | typeof nothing;
-    protected render(): TemplateResult<1>;
+    /** @internal */
+    handleEvent(event: Event): void;
+    protected _renderValidationMessage(slotName: string): TemplateResult;
+    protected _renderValidationSlots(validity: ValidityState, projected?: boolean): Generator<TemplateResult>;
+    protected _renderHelper(): TemplateResult | typeof nothing;
+    protected render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/components/validation-container/validation-container.js

@@ -6,29 +6,36 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, LitElement, nothing } from 'lit';
 import { property, state } from 'lit/decorators.js';
+import { cache } from 'lit/directives/cache.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { addThemingController } from '../../theming/theming-controller.js';
+import { createAbortHandle } from '../common/abort-handler.js';
 import { registerComponent } from '../common/definitions/register.js';
+import { InternalInvalidEvent, InternalResetEvent, } from '../common/mixins/forms/types.js';
 import { partMap } from '../common/part-map.js';
 import { isEmpty, toKebabCase } from '../common/util.js';
 import IgcIconComponent from '../icon/icon.js';
 import { styles as shared } from './themes/shared/validator.common.css.js';
 import { all } from './themes/themes.js';
 import { styles } from './themes/validator.base.css.js';
+const VALIDATION_SLOTS_SELECTOR = 'slot:not([name="helper-text"])';
+const ALL_SLOTS_SELECTOR = 'slot';
+const QUERY_CONFIG = { flatten: true };
 function getValidationSlots(element) {
-    return element.renderRoot.querySelectorAll("slot:not([name='helper-text'])");
+    return element.renderRoot.querySelectorAll(VALIDATION_SLOTS_SELECTOR);
 }
 function hasProjection(element) {
-    return Array.from(element.renderRoot.querySelectorAll('slot')).every((slot) => isEmpty(slot.assignedElements({ flatten: true })));
+    const allSlots = element.renderRoot.querySelectorAll(ALL_SLOTS_SELECTOR);
+    return Array.from(allSlots).every((slot) => isEmpty(slot.assignedElements(QUERY_CONFIG)));
 }
 function hasProjectedValidation(element, slotName) {
-    const config = { flatten: true };
     const slots = Array.from(getValidationSlots(element));
-    return slotName
-        ? slots
+    if (slotName) {
+        return slots
             .filter((slot) => slot.name === slotName)
-            .some((slot) => slot.assignedElements(config).length > 0)
-        : slots.some((slot) => slot.assignedElements(config).length > 0);
+            .some((slot) => !isEmpty(slot.assignedElements(QUERY_CONFIG)));
+    }
+    return slots.some((slot) => !isEmpty(slot.assignedElements(QUERY_CONFIG)));
 }
 class IgcValidationContainerComponent extends LitElement {
     static register() {
@@ -38,20 +45,20 @@ class IgcValidationContainerComponent extends LitElement {
         id: 'helper-text',
         hasHelperText: true,
     }) {
-        const { renderValidationSlots } = IgcValidationContainerComponent.prototype;
         const helperText = config.hasHelperText
             ? html `<slot name="helper-text" slot="helper-text"></slot>`
-            : null;
+            : nothing;
+        const validationSlots = IgcValidationContainerComponent.prototype._renderValidationSlots(host.validity, true);
         return html `
       <igc-validator
         id=${ifDefined(config.id)}
         part=${ifDefined(config.part)}
         slot=${ifDefined(config.slot)}
-        .target=${host}
         ?invalid=${host.invalid}
-        exportparts="helper-text validation-message validation-icon"
+        .target=${host}
+        exportparts="helper-text, validation-message, validation-icon"
       >
-        ${helperText}${renderValidationSlots(host.validity, true)}
+        ${helperText}${validationSlots}
       </igc-validator>
     `;
     }
@@ -59,15 +66,18 @@ class IgcValidationContainerComponent extends LitElement {
         if (this._target === value) {
             return;
         }
-        this._target?.removeEventListener('invalid', this);
+        this._abortHandle.abort();
+        const { signal } = this._abortHandle;
         this._target = value;
-        this._target.addEventListener('invalid', this);
+        this._target.addEventListener(InternalInvalidEvent, this, { signal });
+        this._target.addEventListener(InternalResetEvent, this, { signal });
     }
     get target() {
         return this._target;
     }
     constructor() {
         super();
+        this._abortHandle = createAbortHandle();
         this._hasSlottedContent = false;
         this.invalid = false;
         addThemingController(this, all);
@@ -77,60 +87,68 @@ class IgcValidationContainerComponent extends LitElement {
         root.addEventListener('slotchange', this);
         return root;
     }
-    handleEvent({ type }) {
-        const isInvalid = type === 'invalid';
-        const isSlotChange = type === 'slotchange';
-        if (isInvalid || isSlotChange) {
-            this.invalid = isInvalid ? true : this.invalid;
-            this._hasSlottedContent = hasProjectedValidation(this);
+    handleEvent(event) {
+        switch (event.type) {
+            case InternalInvalidEvent:
+                this.invalid = true;
+                break;
+            case InternalResetEvent:
+                this.invalid = false;
+                break;
+            case 'slotchange': {
+                const newHasSlottedContent = hasProjectedValidation(this);
+                if (this._hasSlottedContent !== newHasSlottedContent) {
+                    this._hasSlottedContent = newHasSlottedContent;
+                }
+                break;
+            }
         }
         this.requestUpdate();
     }
-    renderValidationMessage(slotName) {
-        const icon = hasProjectedValidation(this, slotName)
+    _renderValidationMessage(slotName) {
+        const hasProjectedIcon = hasProjectedValidation(this, slotName);
+        const parts = { 'validation-message': true, empty: !hasProjectedIcon };
+        const icon = hasProjectedIcon
             ? html `
           <igc-icon
             aria-hidden="true"
             name="error"
-            collection="default"
             part="validation-icon"
           ></igc-icon>
         `
-            : null;
+            : nothing;
         return html `
-      <div part=${partMap({ 'validation-message': true, empty: !icon })}>
+      <div part=${partMap(parts)}>
         ${icon}
         <slot name=${slotName}></slot>
       </div>
     `;
     }
-    *renderValidationSlots(validity, projected = false) {
+    *_renderValidationSlots(validity, projected = false) {
+        if (!validity.valid) {
+            yield projected
+                ? html `<slot name="invalid" slot="invalid"></slot>`
+                : this._renderValidationMessage('invalid');
+        }
         for (const key in validity) {
-            if (key === 'valid' && !validity[key]) {
-                yield projected
-                    ? html `<slot name="invalid" slot="invalid"></slot>`
-                    : this.renderValidationMessage('invalid');
-            }
-            else if (validity[key]) {
+            if (key !== 'valid' && validity[key]) {
                 const name = toKebabCase(key);
                 yield projected
                     ? html `<slot name=${name} slot=${name}></slot>`
-                    : this.renderValidationMessage(name);
+                    : this._renderValidationMessage(name);
             }
         }
     }
-    renderHelper() {
+    _renderHelper() {
         return this.invalid && this._hasSlottedContent
             ? nothing
             : html `<slot name="helper-text"></slot>`;
     }
     render() {
+        const slots = cache(this.invalid ? this._renderValidationSlots(this.target.validity) : nothing);
         return html `
       <div part=${partMap({ 'helper-text': true, empty: hasProjection(this) })}>
-        ${this.invalid
-            ? this.renderValidationSlots(this.target.validity)
-            : nothing}
-        ${this.renderHelper()}
+        ${slots}${this._renderHelper()}
       </div>
     `;
     }

package/components/validation-container/validation-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"validation-container.js","sourceRoot":"","sources":["../../../src/components/validation-container/validation-container.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, nothing, type TemplateResult } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { IgcFormControl } from '../common/mixins/forms/types.js';\nimport { partMap } from '../common/part-map.js';\nimport { isEmpty, toKebabCase } from '../common/util.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport { styles as shared } from './themes/shared/validator.common.css.js';\nimport { all } from './themes/themes.js';\nimport { styles } from './themes/validator.base.css.js';\n\ninterface ValidationContainerConfig {\n  /** The id attribute for the validation container. */\n  id?: string;\n  /** Project the validation container to the given slot inside the host shadow DOM. */\n  slot?: string;\n  /** Additional part(s) that should be bound to the validation container. */\n  part?: string;\n  /** Whether the validation container should expose a helper-text slot. */\n  hasHelperText?: boolean;\n}\n\nfunction getValidationSlots(element: IgcValidationContainerComponent) {\n  return element.renderRoot.querySelectorAll<HTMLSlotElement>(\n    \"slot:not([name='helper-text'])\"\n  );\n}\n\nfunction hasProjection(element: IgcValidationContainerComponent) {\n  return Array.from(\n    element.renderRoot.querySelectorAll<HTMLSlotElement>('slot')\n  ).every((slot) => isEmpty(slot.assignedElements({ flatten: true })));\n}\n\nfunction hasProjectedValidation(\n  element: IgcValidationContainerComponent,\n  slotName?: string\n) {\n  const config: AssignedNodesOptions = { flatten: true };\n  const slots = Array.from(getValidationSlots(element));\n  return slotName\n    ? slots\n        .filter((slot) => slot.name === slotName)\n        .some((slot) => slot.assignedElements(config).length > 0)\n    : slots.some((slot) => slot.assignedElements(config).length > 0);\n}\n\n/* blazorSuppress */\n/**\n * @element igc-validator\n *\n * @csspart helper-text - The base wrapper\n * @csspart validation-message - The validation error message container\n * @csspart validation-icon - The validation error icon\n */\nexport default class IgcValidationContainerComponent extends LitElement {\n  public static readonly tagName = 'igc-validator';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcValidationContainerComponent, IgcIconComponent);\n  }\n\n  public static create(\n    host: IgcFormControl,\n    config: ValidationContainerConfig = {\n      id: 'helper-text',\n      hasHelperText: true,\n    }\n  ): TemplateResult {\n    const { renderValidationSlots } = IgcValidationContainerComponent.prototype;\n    const helperText = config.hasHelperText\n      ? html`<slot name=\"helper-text\" slot=\"helper-text\"></slot>`\n      : null;\n\n    return html`\n      <igc-validator\n        id=${ifDefined(config.id)}\n        part=${ifDefined(config.part)}\n        slot=${ifDefined(config.slot)}\n        .target=${host}\n        ?invalid=${host.invalid}\n        exportparts=\"helper-text validation-message validation-icon\"\n      >\n        ${helperText}${renderValidationSlots(host.validity, true)}\n      </igc-validator>\n    `;\n  }\n\n  private _target!: IgcFormControl;\n\n  @state()\n  private _hasSlottedContent = false;\n\n  @property({ type: Boolean })\n  public invalid = false;\n\n  @property({ attribute: false })\n  public set target(value: IgcFormControl) {\n    if (this._target === value) {\n      return;\n    }\n\n    this._target?.removeEventListener('invalid', this);\n    this._target = value;\n    this._target.addEventListener('invalid', this);\n  }\n\n  public get target() {\n    return this._target;\n  }\n\n  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  protected override createRenderRoot() {\n    const root = super.createRenderRoot();\n    root.addEventListener('slotchange', this);\n    return root;\n  }\n\n  public handleEvent({ type }: Event) {\n    const isInvalid = type === 'invalid';\n    const isSlotChange = type === 'slotchange';\n\n    if (isInvalid || isSlotChange) {\n      this.invalid = isInvalid ? true : this.invalid;\n      this._hasSlottedContent = hasProjectedValidation(this);\n    }\n\n    this.requestUpdate();\n  }\n\n  protected renderValidationMessage(slotName: string) {\n    const icon = hasProjectedValidation(this, slotName)\n      ? html`\n          <igc-icon\n            aria-hidden=\"true\"\n            name=\"error\"\n            collection=\"default\"\n            part=\"validation-icon\"\n          ></igc-icon>\n        `\n      : null;\n\n    return html`\n      <div part=${partMap({ 'validation-message': true, empty: !icon })}>\n        ${icon}\n        <slot name=${slotName}></slot>\n      </div>\n    `;\n  }\n\n  protected *renderValidationSlots(validity: ValidityState, projected = false) {\n    for (const key in validity) {\n      if (key === 'valid' && !validity[key]) {\n        yield projected\n          ? html`<slot name=\"invalid\" slot=\"invalid\"></slot>`\n          : this.renderValidationMessage('invalid');\n      } else if (validity[key as keyof ValidityState]) {\n        const name = toKebabCase(key);\n\n        yield projected\n          ? html`<slot name=${name} slot=${name}></slot>`\n          : this.renderValidationMessage(name);\n      }\n    }\n  }\n\n  protected renderHelper() {\n    return this.invalid && this._hasSlottedContent\n      ? nothing\n      : html`<slot name=\"helper-text\"></slot>`;\n  }\n\n  protected override render() {\n    return html`\n      <div part=${partMap({ 'helper-text': true, empty: hasProjection(this) })}>\n        ${this.invalid\n          ? this.renderValidationSlots(this.target.validity)\n          : nothing}\n        ${this.renderHelper()}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-validator': IgcValidationContainerComponent;\n  }\n}\n"]}
+{"version":3,"file":"validation-container.js","sourceRoot":"","sources":["../../../src/components/validation-container/validation-container.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, nothing, type TemplateResult } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { cache } from 'lit/directives/cache.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { createAbortHandle } from '../common/abort-handler.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport {\n  type IgcFormControl,\n  InternalInvalidEvent,\n  InternalResetEvent,\n} from '../common/mixins/forms/types.js';\nimport { partMap } from '../common/part-map.js';\nimport { isEmpty, toKebabCase } from '../common/util.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport { styles as shared } from './themes/shared/validator.common.css.js';\nimport { all } from './themes/themes.js';\nimport { styles } from './themes/validator.base.css.js';\n\n/** Configuration for the validation container. */\ninterface ValidationContainerConfig {\n  /** The id attribute for the validation container. */\n  id?: string;\n  /** Project the validation container to the given slot inside the host shadow DOM. */\n  slot?: string;\n  /** Additional part(s) that should be bound to the validation container. */\n  part?: string;\n  /** Whether the validation container should expose a helper-text slot. */\n  hasHelperText?: boolean;\n}\n\nconst VALIDATION_SLOTS_SELECTOR = 'slot:not([name=\"helper-text\"])';\nconst ALL_SLOTS_SELECTOR = 'slot';\nconst QUERY_CONFIG: AssignedNodesOptions = { flatten: true };\n\nfunction getValidationSlots(\n  element: IgcValidationContainerComponent\n): NodeListOf<HTMLSlotElement> {\n  return element.renderRoot.querySelectorAll<HTMLSlotElement>(\n    VALIDATION_SLOTS_SELECTOR\n  );\n}\n\nfunction hasProjection(element: IgcValidationContainerComponent): boolean {\n  const allSlots =\n    element.renderRoot.querySelectorAll<HTMLSlotElement>(ALL_SLOTS_SELECTOR);\n  return Array.from(allSlots).every((slot) =>\n    isEmpty(slot.assignedElements(QUERY_CONFIG))\n  );\n}\n\nfunction hasProjectedValidation(\n  element: IgcValidationContainerComponent,\n  slotName?: string\n): boolean {\n  const slots = Array.from(getValidationSlots(element));\n\n  if (slotName) {\n    return slots\n      .filter((slot) => slot.name === slotName)\n      .some((slot) => !isEmpty(slot.assignedElements(QUERY_CONFIG)));\n  }\n\n  return slots.some((slot) => !isEmpty(slot.assignedElements(QUERY_CONFIG)));\n}\n\n/* blazorSuppress */\n/**\n * @element igc-validator\n *\n * @csspart helper-text - The base wrapper\n * @csspart validation-message - The validation error message container\n * @csspart validation-icon - The validation error icon\n */\nexport default class IgcValidationContainerComponent extends LitElement {\n  public static readonly tagName = 'igc-validator';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcValidationContainerComponent, IgcIconComponent);\n  }\n\n  public static create(\n    host: IgcFormControl,\n    config: ValidationContainerConfig = {\n      id: 'helper-text',\n      hasHelperText: true,\n    }\n  ): TemplateResult {\n    const helperText = config.hasHelperText\n      ? html`<slot name=\"helper-text\" slot=\"helper-text\"></slot>`\n      : nothing;\n\n    const validationSlots =\n      IgcValidationContainerComponent.prototype._renderValidationSlots(\n        host.validity,\n        true\n      );\n\n    return html`\n      <igc-validator\n        id=${ifDefined(config.id)}\n        part=${ifDefined(config.part)}\n        slot=${ifDefined(config.slot)}\n        ?invalid=${host.invalid}\n        .target=${host}\n        exportparts=\"helper-text, validation-message, validation-icon\"\n      >\n        ${helperText}${validationSlots}\n      </igc-validator>\n    `;\n  }\n\n  private readonly _abortHandle = createAbortHandle();\n\n  private _target!: IgcFormControl;\n\n  @state()\n  private _hasSlottedContent = false;\n\n  @property({ type: Boolean })\n  public invalid = false;\n\n  @property({ attribute: false })\n  public set target(value: IgcFormControl) {\n    if (this._target === value) {\n      return;\n    }\n\n    this._abortHandle.abort();\n    const { signal } = this._abortHandle;\n\n    this._target = value;\n    this._target.addEventListener(InternalInvalidEvent, this, { signal });\n    this._target.addEventListener(InternalResetEvent, this, { signal });\n  }\n\n  public get target(): IgcFormControl {\n    return this._target;\n  }\n\n  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  protected override createRenderRoot(): HTMLElement | DocumentFragment {\n    const root = super.createRenderRoot();\n    root.addEventListener('slotchange', this);\n    return root;\n  }\n\n  /** @internal */\n  public handleEvent(event: Event): void {\n    switch (event.type) {\n      case InternalInvalidEvent:\n        this.invalid = true;\n        break;\n      case InternalResetEvent:\n        this.invalid = false;\n        break;\n      case 'slotchange': {\n        const newHasSlottedContent = hasProjectedValidation(this);\n        if (this._hasSlottedContent !== newHasSlottedContent) {\n          this._hasSlottedContent = newHasSlottedContent;\n        }\n        break;\n      }\n    }\n\n    this.requestUpdate();\n  }\n\n  protected _renderValidationMessage(slotName: string): TemplateResult {\n    const hasProjectedIcon = hasProjectedValidation(this, slotName);\n    const parts = { 'validation-message': true, empty: !hasProjectedIcon };\n    const icon = hasProjectedIcon\n      ? html`\n          <igc-icon\n            aria-hidden=\"true\"\n            name=\"error\"\n            part=\"validation-icon\"\n          ></igc-icon>\n        `\n      : nothing;\n\n    return html`\n      <div part=${partMap(parts)}>\n        ${icon}\n        <slot name=${slotName}></slot>\n      </div>\n    `;\n  }\n\n  protected *_renderValidationSlots(\n    validity: ValidityState,\n    projected = false\n  ): Generator<TemplateResult> {\n    if (!validity.valid) {\n      yield projected\n        ? html`<slot name=\"invalid\" slot=\"invalid\"></slot>`\n        : this._renderValidationMessage('invalid');\n    }\n\n    for (const key in validity) {\n      if (key !== 'valid' && validity[key as keyof ValidityState]) {\n        const name = toKebabCase(key);\n        yield projected\n          ? html`<slot name=${name} slot=${name}></slot>`\n          : this._renderValidationMessage(name);\n      }\n    }\n  }\n\n  protected _renderHelper(): TemplateResult | typeof nothing {\n    return this.invalid && this._hasSlottedContent\n      ? nothing\n      : html`<slot name=\"helper-text\"></slot>`;\n  }\n\n  protected override render(): TemplateResult {\n    const slots = cache(\n      this.invalid ? this._renderValidationSlots(this.target.validity) : nothing\n    );\n\n    return html`\n      <div part=${partMap({ 'helper-text': true, empty: hasProjection(this) })}>\n        ${slots}${this._renderHelper()}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-validator': IgcValidationContainerComponent;\n  }\n}\n"]}