igniteui-webcomponents 7.2.4 → 7.3.0-beta.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 { property, query, state } from 'lit/decorators.js';\nimport { createRef, ref } from 'lit/directives/ref.js';\nimport {\n  setTransitionName,\n  startViewTransition,\n} from '../../animations/view-transition.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, getElementFromPath, 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 | undefined {\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.setMaximizedState();\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    if (!this.style.viewTransitionName) {\n      setTransitionName(this, `tile-transition-${this.id}`);\n    }\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      getElementFromPath(\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      }).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    }).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 hasTitle = this._slots.hasAssignedElements('title');\n    const hasActions = this._slots.hasAssignedElements('actions');\n\n    const hideHeader =\n      !hasTitle &&\n      !hasActions &&\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          ${\n            hasMaximizeSlot\n              ? html`\n                  <slot name=\"maximize-action\">\n                    ${this._renderDefaultAction('maximize')}\n                  </slot>\n                `\n              : nothing\n          }\n          ${\n            hasFullscreenSlot\n              ? html`\n                  <slot name=\"fullscreen-action\">\n                    ${this._renderDefaultAction('fullscreen')}\n                  </slot>\n                `\n              : nothing\n          }\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"]}
+{"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 {\n  setTransitionName,\n  startViewTransition,\n} from '#animations/view-transition.js';\nimport {\n  type TileManagerContext,\n  tileManagerContext,\n} from '#internals/context.js';\nimport { createAsyncContext } from '#internals/controllers/async-consumer.js';\nimport {\n  addDragController,\n  type DragCallbackParameters,\n} from '#internals/controllers/drag.js';\nimport { addFullscreenController } from '#internals/controllers/fullscreen.js';\nimport { addSlotController, setSlots } from '#internals/controllers/slot.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport type { Constructor } from '#internals/mixins/constructor.js';\nimport { EventEmitterMixin } from '#internals/mixins/event-emitter.js';\nimport { partMap } from '#internals/part-map.js';\nimport { isLTR } from '#internals/utils/dom.js';\nimport { getElementFromPath } from '#internals/utils/events.js';\nimport { asNumber } from '#internals/utils/math.js';\nimport { createIdGenerator } from '#internals/utils/strings.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport IgcIconButtonComponent from '../button/icon-button.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\nconst nextId = createIdGenerator('tile');\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 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 | undefined {\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.setMaximizedState();\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   * of 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 || nextId();\n    if (!this.style.viewTransitionName) {\n      setTransitionName(this, `tile-transition-${this.id}`);\n    }\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      getElementFromPath(\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      }).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    }).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 hasTitle = this._slots.hasAssignedElements('title');\n    const hasActions = this._slots.hasAssignedElements('actions');\n\n    const hideHeader =\n      !hasTitle &&\n      !hasActions &&\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          ${\n            hasMaximizeSlot\n              ? html`\n                  <slot name=\"maximize-action\">\n                    ${this._renderDefaultAction('maximize')}\n                  </slot>\n                `\n              : nothing\n          }\n          ${\n            hasFullscreenSlot\n              ? html`\n                  <slot name=\"fullscreen-action\">\n                    ${this._renderDefaultAction('fullscreen')}\n                  </slot>\n                `\n              : nothing\n          }\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/themes/themes.d.ts

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

package/components/toast/themes/themes.js.map

@@ -1 +1 @@
-{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/toast/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAElE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAEpE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAEhE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,aAAa;GAChB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,YAAY;GACf;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/toast.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/toast.fluent.css.js';\nimport { styles as indigoDark } from './dark/toast.indigo.css.js';\nimport { styles as materialDark } from './dark/toast.material.css.js';\nimport { styles as sharedDark } from './dark/toast.shared.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/toast.bootstrap.css.js';\nimport { styles as fluentLight } from './light/toast.fluent.css.js';\nimport { styles as indigoLight } from './light/toast.indigo.css.js';\nimport { styles as materialLight } from './light/toast.material.css.js';\nimport { styles as sharedLight } from './light/toast.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/toast.bootstrap.css.js';\nimport { styles as fluent } from './shared/toast.fluent.css.js';\n\nconst light = {\n  shared: css`\n    ${sharedLight}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${materialLight}\n  `,\n  fluent: css`\n    ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${indigoLight}\n  `,\n};\n\nconst dark = {\n  shared: css`\n    ${sharedDark}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${materialDark}\n  `,\n  fluent: css`\n    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/toast/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAElE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAEpE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAEhE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,aAAa;GAChB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,YAAY;GACf;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '#theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/toast.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/toast.fluent.css.js';\nimport { styles as indigoDark } from './dark/toast.indigo.css.js';\nimport { styles as materialDark } from './dark/toast.material.css.js';\nimport { styles as sharedDark } from './dark/toast.shared.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/toast.bootstrap.css.js';\nimport { styles as fluentLight } from './light/toast.fluent.css.js';\nimport { styles as indigoLight } from './light/toast.indigo.css.js';\nimport { styles as materialLight } from './light/toast.material.css.js';\nimport { styles as sharedLight } from './light/toast.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/toast.bootstrap.css.js';\nimport { styles as fluent } from './shared/toast.fluent.css.js';\n\nconst light = {\n  shared: css`\n    ${sharedLight}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${materialLight}\n  `,\n  fluent: css`\n    ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${indigoLight}\n  `,\n};\n\nconst dark = {\n  shared: css`\n    ${sharedDark}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${materialDark}\n  `,\n  fluent: css`\n    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/toast/toast.d.ts

@@ -1,4 +1,4 @@
-import { IgcBaseAlertLikeComponent } from '../common/mixins/alert.js';
+import { IgcBaseAlertLikeComponent } from '#internals/mixins/alert.js';
 /**
  * A toast component is used to show a brief, non-interactive notification.
  *

package/components/toast/toast.js

@@ -1,7 +1,7 @@
 import { html } from 'lit';
-import { addThemingController } from '../../theming/theming-controller.js';
-import { registerComponent } from '../common/definitions/register.js';
-import { IgcBaseAlertLikeComponent } from '../common/mixins/alert.js';
+import { registerComponent } from '#internals/definitions/register.js';
+import { IgcBaseAlertLikeComponent } from '#internals/mixins/alert.js';
+import { addThemingController } from '#theming/theming-controller.js';
 import { styles as shared } from './themes/shared/toast.common.css.js';
 import { all } from './themes/themes.js';
 import { styles } from './themes/toast.base.css.js';

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;AAC3B,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;AAiBpD,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,yBAAyB;aAC/C,YAAO,GAAG,WAAW,CAAC;aACtB,WAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAG1C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACvC,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QACR,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,gBAAgB,CAAC,IAAI,CAAC,IAAI,UAAU,CAAC;IAClD,CAAC","sourcesContent":["import { html } from 'lit';\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 brief, non-interactive notification.\n *\n * The component integrates with the\n * [Invoker Commands API](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API):\n * an Ignite button or a native `<button>` with `command=\"--show\"` / `\"--hide\"` /\n * `\"--toggle\"` and `commandfor` pointing to this element will call the\n * corresponding method declaratively without any JavaScript.\n *\n * @element igc-toast\n *\n * @slot - Default slot for the toast content.\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  /* 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,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,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;AAiBpD,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,yBAAyB;aAC/C,YAAO,GAAG,WAAW,CAAC;aACtB,WAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAG1C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACvC,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QACR,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,gBAAgB,CAAC,IAAI,CAAC,IAAI,UAAU,CAAC;IAClD,CAAC","sourcesContent":["import { html } from 'lit';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport { IgcBaseAlertLikeComponent } from '#internals/mixins/alert.js';\nimport { addThemingController } from '#theming/theming-controller.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 brief, non-interactive notification.\n *\n * The component integrates with the\n * [Invoker Commands API](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API):\n * an Ignite button or a native `<button>` with `command=\"--show\"` / `\"--hide\"` /\n * `\"--toggle\"` and `commandfor` pointing to this element will call the\n * corresponding method declaratively without any JavaScript.\n *\n * @element igc-toast\n *\n * @slot - Default slot for the toast content.\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  /* 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/tooltip/controller.d.ts

@@ -10,6 +10,8 @@ declare class TooltipController implements ReactiveController {
     private _hideTriggers;
     private _anchor;
     private _initialAnchor;
+    /** The element currently describing itself with this tooltip. */
+    private _describedElement;
     private _isTransient;
     private _open;
     /** Whether the tooltip is in shown state. */
@@ -47,6 +49,12 @@ declare class TooltipController implements ReactiveController {
     constructor(tooltip: IgcTooltipComponent, options: TooltipCallbacks);
     private _addAnchorListeners;
     private _addTooltipListeners;
+    /**
+     * Points the anchor's `aria-describedby` at the tooltip, releasing the
+     * previously described element. Tokens already on the anchor are kept.
+     */
+    private _syncAnchorARIA;
+    private _toggleDescribedBy;
     private _handleTooltipEvent;
     private _handleAnchorEvent;
     /** @internal */
@@ -63,24 +71,18 @@ declare class TooltipController implements ReactiveController {
     /** @internal */
     hostDisconnected(): void;
 }
-export declare const TooltipRegexes: Readonly<{
-    /** Used for parsing the strings passed in the tooltip `show/hide-trigger` properties. */
-    triggers: RegExp;
-    /** Matches horizontal `PopoverPlacement` start positions. */
-    horizontalStart: RegExp;
-    /** Matches horizontal `PopoverPlacement` end positions. */
-    horizontalEnd: RegExp;
-    /** Matches vertical `PopoverPlacement` start positions. */
-    start: RegExp;
-    /** Matches vertical `PopoverPlacement` end positions. */
-    end: RegExp;
-}>;
 export declare function addTooltipController(host: IgcTooltipComponent, options: TooltipCallbacks): TooltipController;
 type TooltipAnchor = Element | null | undefined;
 type TooltipCallbacks = {
-    onShow: (event?: Event) => unknown;
-    onHide: (event?: Event) => unknown;
-    onEscape: (event?: Event) => unknown;
-    onClick: (event?: Event) => unknown;
+    /** A show trigger fired, or the pointer entered the tooltip itself. */
+    onShow: () => unknown;
+    /** A hide trigger fired, or the pointer left the tooltip itself. */
+    onHide: () => unknown;
+    /** The `Escape` key was pressed while the tooltip is shown. */
+    onEscape: () => unknown;
+    /** The anchor was clicked with `click` bound to neither trigger set. */
+    onClick: () => unknown;
+    /** The tooltip must drop the anchor it is currently bound to. */
+    onReset: () => unknown;
 };
 export {};

package/components/tooltip/controller.js

@@ -1,5 +1,8 @@
-import { createAbortHandle } from '../common/abort-handler.js';
-import { addWeakEventListener, getElementByIdFromRoot, isString, } from '../common/util.js';
+import { createAbortHandle } from '#internals/abort-handler.js';
+import { getElementByIdFromRoot } from '#internals/utils/dom.js';
+import { addWeakEventListener } from '#internals/utils/events.js';
+import { createIdGenerator } from '#internals/utils/strings.js';
+import { isString } from '#internals/utils/types.js';
 import service from './service.js';
 class TooltipController {
     static { this._listeners = [
@@ -25,9 +28,7 @@ class TooltipController {
         }
     }
     get anchor() {
-        return this._isTransient
-            ? this._anchor?.deref()
-            : this._initialAnchor?.deref();
+        return this._anchor?.deref();
     }
     get hideTriggers() {
         return Array.from(this._hideTriggers).join();
@@ -48,10 +49,11 @@ class TooltipController {
     constructor(tooltip, options) {
         this._hostAbortHandle = createAbortHandle();
         this._anchorAbortHandle = createAbortHandle();
-        this._showTriggers = new Set(['pointerenter']);
-        this._hideTriggers = new Set(['pointerleave', 'click']);
+        this._showTriggers = new Set(['pointerenter', 'focusin']);
+        this._hideTriggers = new Set(['pointerleave', 'click', 'focusout']);
         this._anchor = null;
         this._initialAnchor = null;
+        this._describedElement = null;
         this._isTransient = false;
         this._open = false;
         this._host = tooltip;
@@ -80,41 +82,63 @@ class TooltipController {
             this._host.addEventListener(event, this, { passive: true, signal });
         }
     }
-    async _handleTooltipEvent(event) {
-        switch (event.type) {
-            case 'pointerenter':
-                await this._options.onShow.call(this._host);
-                break;
-            case 'pointerleave':
-                await this._options.onHide.call(this._host);
-                break;
-            default:
-                return;
+    _syncAnchorARIA() {
+        const anchor = this.anchor;
+        const previous = this._describedElement?.deref();
+        if (previous === anchor) {
+            return;
+        }
+        if (previous) {
+            this._toggleDescribedBy(previous, false);
+        }
+        this._describedElement = anchor ? new WeakRef(anchor) : null;
+        if (anchor) {
+            this._toggleDescribedBy(anchor, true);
         }
     }
-    async _handleAnchorEvent(event) {
-        if (!this.open &&
-            !this._showTriggers.has(event.type) &&
-            event.type === 'click') {
-            this._options.onClick.call(this._host);
-            return;
+    _toggleDescribedBy(element, state) {
+        const id = (this._host.id ||= nextTooltipId());
+        const tokens = new Set((element.getAttribute('aria-describedby') ?? '')
+            .split(/\s+/)
+            .filter(Boolean));
+        state ? tokens.add(id) : tokens.delete(id);
+        tokens.size > 0
+            ? element.setAttribute('aria-describedby', Array.from(tokens).join(' '))
+            : element.removeAttribute('aria-describedby');
+    }
+    _handleTooltipEvent(event) {
+        if (event.type === 'pointerenter') {
+            this._options.onShow();
         }
-        if (!this._open && this._showTriggers.has(event.type)) {
-            await this._options.onShow.call(this._host);
+        else if (event.type === 'pointerleave') {
+            this._options.onHide();
         }
-        if (this._open && this._hideTriggers.has(event.type)) {
-            await this._options.onHide.call(this._host);
+    }
+    _handleAnchorEvent(event) {
+        const isShowTrigger = this._showTriggers.has(event.type);
+        const isHideTrigger = this._hideTriggers.has(event.type);
+        if (!(isShowTrigger || isHideTrigger)) {
+            if (event.type === 'click') {
+                this._options.onClick();
+            }
+            return;
+        }
+        if (isShowTrigger && isHideTrigger) {
+            this._open ? this._options.onHide() : this._options.onShow();
+            return;
         }
+        isShowTrigger ? this._options.onShow() : this._options.onHide();
     }
     handleEvent(event) {
-        if (event.target === this._host) {
+        const target = event.currentTarget;
+        if (target === this._host) {
             this._handleTooltipEvent(event);
         }
-        else if (event.target === this._anchor?.deref()) {
+        else if (target === this._anchor?.deref()) {
             this._handleAnchorEvent(event);
         }
-        else if (event.target === this._initialAnchor?.deref()) {
-            this.open = false;
+        else if (target === this._initialAnchor?.deref()) {
+            this._options.onReset();
             this._handleAnchorEvent(event);
         }
     }
@@ -124,6 +148,7 @@ class TooltipController {
         service.remove(this._host);
         this._anchor = null;
         this._initialAnchor = null;
+        this._syncAnchorARIA();
     }
     setAnchor(value, transient = false) {
         const newAnchor = isString(value)
@@ -133,7 +158,7 @@ class TooltipController {
             return;
         }
         if (transient && this._open) {
-            this.open = false;
+            this._options.onReset();
         }
         if (this._anchor?.deref() !== this._initialAnchor?.deref()) {
             this._anchorAbortHandle.abort();
@@ -141,6 +166,7 @@ class TooltipController {
         this._anchor = newAnchor ? new WeakRef(newAnchor) : null;
         this._isTransient = transient;
         this._addAnchorListeners();
+        this._syncAnchorARIA();
     }
     resolveAnchor(value) {
         const resolvedElement = isString(value)
@@ -156,16 +182,11 @@ class TooltipController {
         this._dispose();
     }
 }
-function parseTriggers(string) {
-    return new Set((string ?? '').split(TooltipRegexes.triggers).filter((s) => s.trim()));
+const nextTooltipId = createIdGenerator('igc-tooltip');
+const triggersSeparator = /[,\s]+/;
+function parseTriggers(value) {
+    return new Set((value ?? '').split(triggersSeparator).filter((trigger) => trigger.trim()));
 }
-export const TooltipRegexes = Object.freeze({
-    triggers: /[,\s]+/,
-    horizontalStart: /^(left|right)-start$/,
-    horizontalEnd: /^(left|right)-end$/,
-    start: /start$/,
-    end: /end$/,
-});
 export function addTooltipController(host, options) {
     return new TooltipController(host, options);
 }

package/components/tooltip/controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"controller.js","sourceRoot":"","sources":["../../../src/components/tooltip/controller.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ReactiveController } from 'lit';\nimport { createAbortHandle } from '../common/abort-handler.js';\nimport {\n  addWeakEventListener,\n  getElementByIdFromRoot,\n  isString,\n} from '../common/util.js';\nimport service from './service.js';\nimport type IgcTooltipComponent from './tooltip.js';\n\nclass TooltipController implements ReactiveController {\n  //#region Internal properties and state\n\n  private static readonly _listeners = [\n    'pointerenter',\n    'pointerleave',\n  ] as const;\n\n  private readonly _host: IgcTooltipComponent;\n  private readonly _options: TooltipCallbacks;\n\n  private readonly _hostAbortHandle = createAbortHandle();\n  private readonly _anchorAbortHandle = createAbortHandle();\n\n  private _showTriggers = new Set(['pointerenter']);\n  private _hideTriggers = new Set(['pointerleave', 'click']);\n\n  private _anchor: WeakRef<Element> | null = null;\n  private _initialAnchor: WeakRef<Element> | null = null;\n\n  private _isTransient = false;\n  private _open = false;\n\n  //#endregion\n\n  //#region Public properties\n\n  /** Whether the tooltip is in shown state. */\n  public get open(): boolean {\n    return this._open;\n  }\n\n  /** Sets the shown state of the current tooltip. */\n  public set open(value: boolean) {\n    this._open = value;\n\n    if (this._open) {\n      this._addTooltipListeners();\n      service.add(this._host, this._options.onEscape);\n    } else {\n      if (this._isTransient) {\n        this._isTransient = false;\n        this.setAnchor(this._initialAnchor?.deref());\n      }\n\n      this._hostAbortHandle.abort();\n      service.remove(this._host);\n    }\n  }\n\n  /**\n   * Returns the current tooltip anchor target if any.\n   */\n  public get anchor(): TooltipAnchor {\n    return this._isTransient\n      ? this._anchor?.deref()\n      : this._initialAnchor?.deref();\n  }\n\n  /**\n   * Returns the current set of hide triggers as a comma-separated string.\n   */\n  public get hideTriggers(): string {\n    return Array.from(this._hideTriggers).join();\n  }\n\n  /**\n   * Sets a new set of hide triggers from a comma-separated string.\n   *\n   * @remarks\n   * If the tooltip already has an `anchor` bound it will remove the old\n   * set of triggers from it and rebind it with the new one.\n   */\n  public set hideTriggers(value: string) {\n    this._hideTriggers = parseTriggers(value);\n    this._anchorAbortHandle.abort();\n    this._addAnchorListeners();\n  }\n\n  /**\n   * Returns the current set of show triggers as a comma-separated string.\n   */\n  public get showTriggers(): string {\n    return Array.from(this._showTriggers).join();\n  }\n\n  /**\n   * Sets a new set of show triggers from a comma-separated string.\n   *\n   * @remarks\n   * If the tooltip already has an `anchor` bound it will remove the old\n   * set of triggers from it and rebind it with the new one.\n   */\n  public set showTriggers(value: string) {\n    this._showTriggers = parseTriggers(value);\n    this._anchorAbortHandle.abort();\n    this._addAnchorListeners();\n  }\n\n  //#endregion\n\n  constructor(tooltip: IgcTooltipComponent, options: TooltipCallbacks) {\n    this._host = tooltip;\n    this._options = options;\n    this._host.addController(this);\n  }\n\n  //#region Internal event listeners state\n\n  private _addAnchorListeners(): void {\n    const anchor = this.anchor;\n\n    if (!anchor) {\n      return;\n    }\n\n    const { signal } = this._anchorAbortHandle;\n\n    for (const each of this._showTriggers) {\n      addWeakEventListener(anchor, each, this, { passive: true, signal });\n    }\n\n    for (const each of this._hideTriggers) {\n      addWeakEventListener(anchor, each, this, { passive: true, signal });\n    }\n\n    if (!this._showTriggers.has('click') && !this._hideTriggers.has('click')) {\n      addWeakEventListener(anchor, 'click', this, { passive: true, signal });\n    }\n  }\n\n  private _addTooltipListeners(): void {\n    const { signal } = this._hostAbortHandle;\n\n    for (const event of TooltipController._listeners) {\n      this._host.addEventListener(event, this, { passive: true, signal });\n    }\n  }\n\n  //#endregion\n\n  //#region Event handlers\n\n  private async _handleTooltipEvent(event: Event): Promise<void> {\n    switch (event.type) {\n      case 'pointerenter':\n        await this._options.onShow.call(this._host);\n        break;\n      case 'pointerleave':\n        await this._options.onHide.call(this._host);\n        break;\n      default:\n        return;\n    }\n  }\n\n  private async _handleAnchorEvent(event: Event): Promise<void> {\n    if (\n      !this.open &&\n      !this._showTriggers.has(event.type) &&\n      event.type === 'click'\n    ) {\n      this._options.onClick.call(this._host);\n      return;\n    }\n\n    if (!this._open && this._showTriggers.has(event.type)) {\n      await this._options.onShow.call(this._host);\n    }\n\n    if (this._open && this._hideTriggers.has(event.type)) {\n      await this._options.onHide.call(this._host);\n    }\n  }\n\n  /** @internal */\n  public handleEvent(event: Event): void {\n    if (event.target === this._host) {\n      this._handleTooltipEvent(event);\n    } else if (event.target === this._anchor?.deref()) {\n      this._handleAnchorEvent(event);\n    } else if (event.target === this._initialAnchor?.deref()) {\n      this.open = false;\n      this._handleAnchorEvent(event);\n    }\n  }\n\n  //#endregion\n\n  private _dispose(): void {\n    this._anchorAbortHandle.abort();\n    this._hostAbortHandle.abort();\n    service.remove(this._host);\n    this._anchor = null;\n    this._initialAnchor = null;\n  }\n\n  //#region Public API\n\n  /**\n   * Removes all triggers from the previous `anchor` target and rebinds the current\n   * sets back to the new value if it exists.\n   */\n  public setAnchor(value: TooltipAnchor | string, transient = false): void {\n    const newAnchor = isString(value)\n      ? getElementByIdFromRoot(this._host, value)\n      : value;\n\n    if (this._anchor?.deref() === newAnchor) {\n      return;\n    }\n\n    // Tooltip `show()` method called with a target. Set to hidden state.\n    if (transient && this._open) {\n      this.open = false;\n    }\n\n    if (this._anchor?.deref() !== this._initialAnchor?.deref()) {\n      this._anchorAbortHandle.abort();\n    }\n\n    this._anchor = newAnchor ? new WeakRef(newAnchor) : null;\n    this._isTransient = transient;\n    this._addAnchorListeners();\n  }\n\n  public resolveAnchor(value: TooltipAnchor | string): void {\n    const resolvedElement = isString(value)\n      ? getElementByIdFromRoot(this._host, value)\n      : value;\n\n    this._initialAnchor = resolvedElement ? new WeakRef(resolvedElement) : null;\n    this.setAnchor(resolvedElement);\n  }\n\n  //#endregion\n\n  //#region ReactiveController interface\n\n  /** @internal */\n  public hostConnected(): void {\n    this.resolveAnchor(this._host.anchor);\n  }\n\n  /** @internal */\n  public hostDisconnected(): void {\n    this._dispose();\n  }\n\n  //#endregion\n}\n\nfunction parseTriggers(string: string): Set<string> {\n  return new Set(\n    (string ?? '').split(TooltipRegexes.triggers).filter((s) => s.trim())\n  );\n}\n\nexport const TooltipRegexes = Object.freeze({\n  /** Used for parsing the strings passed in the tooltip `show/hide-trigger` properties. */\n  triggers: /[,\\s]+/,\n\n  /** Matches horizontal `PopoverPlacement` start positions. */\n  horizontalStart: /^(left|right)-start$/,\n\n  /** Matches horizontal `PopoverPlacement` end positions. */\n  horizontalEnd: /^(left|right)-end$/,\n\n  /** Matches vertical `PopoverPlacement` start positions. */\n  start: /start$/,\n\n  /** Matches vertical `PopoverPlacement` end positions. */\n  end: /end$/,\n});\n\nexport function addTooltipController(\n  host: IgcTooltipComponent,\n  options: TooltipCallbacks\n): TooltipController {\n  return new TooltipController(host, options);\n}\n\ntype TooltipAnchor = Element | null | undefined;\n\ntype TooltipCallbacks = {\n  onShow: (event?: Event) => unknown;\n  onHide: (event?: Event) => unknown;\n  onEscape: (event?: Event) => unknown;\n  onClick: (event?: Event) => unknown;\n};\n"]}
+{"version":3,"file":"controller.js","sourceRoot":"","sources":["../../../src/components/tooltip/controller.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ReactiveController } from 'lit';\nimport { createAbortHandle } from '#internals/abort-handler.js';\nimport { getElementByIdFromRoot } from '#internals/utils/dom.js';\nimport { addWeakEventListener } from '#internals/utils/events.js';\nimport { createIdGenerator } from '#internals/utils/strings.js';\nimport { isString } from '#internals/utils/types.js';\nimport service from './service.js';\nimport type IgcTooltipComponent from './tooltip.js';\n\nclass TooltipController implements ReactiveController {\n  //#region Internal properties and state\n\n  private static readonly _listeners = [\n    'pointerenter',\n    'pointerleave',\n  ] as const;\n\n  private readonly _host: IgcTooltipComponent;\n  private readonly _options: TooltipCallbacks;\n\n  private readonly _hostAbortHandle = createAbortHandle();\n  private readonly _anchorAbortHandle = createAbortHandle();\n\n  private _showTriggers = new Set(['pointerenter', 'focusin']);\n  private _hideTriggers = new Set(['pointerleave', 'click', 'focusout']);\n\n  private _anchor: WeakRef<Element> | null = null;\n  private _initialAnchor: WeakRef<Element> | null = null;\n\n  /** The element currently describing itself with this tooltip. */\n  private _describedElement: WeakRef<Element> | null = null;\n\n  private _isTransient = false;\n  private _open = false;\n\n  //#endregion\n\n  //#region Public properties\n\n  /** Whether the tooltip is in shown state. */\n  public get open(): boolean {\n    return this._open;\n  }\n\n  /** Sets the shown state of the current tooltip. */\n  public set open(value: boolean) {\n    this._open = value;\n\n    if (this._open) {\n      this._addTooltipListeners();\n      service.add(this._host, this._options.onEscape);\n    } else {\n      if (this._isTransient) {\n        this._isTransient = false;\n        this.setAnchor(this._initialAnchor?.deref());\n      }\n\n      this._hostAbortHandle.abort();\n      service.remove(this._host);\n    }\n  }\n\n  /**\n   * Returns the current tooltip anchor target if any.\n   */\n  public get anchor(): TooltipAnchor {\n    // `setAnchor` keeps this in sync with `_initialAnchor` unless transient.\n    return this._anchor?.deref();\n  }\n\n  /**\n   * Returns the current set of hide triggers as a comma-separated string.\n   */\n  public get hideTriggers(): string {\n    return Array.from(this._hideTriggers).join();\n  }\n\n  /**\n   * Sets a new set of hide triggers from a comma-separated string.\n   *\n   * @remarks\n   * If the tooltip already has an `anchor` bound it will remove the old\n   * set of triggers from it and rebind it with the new one.\n   */\n  public set hideTriggers(value: string) {\n    this._hideTriggers = parseTriggers(value);\n    this._anchorAbortHandle.abort();\n    this._addAnchorListeners();\n  }\n\n  /**\n   * Returns the current set of show triggers as a comma-separated string.\n   */\n  public get showTriggers(): string {\n    return Array.from(this._showTriggers).join();\n  }\n\n  /**\n   * Sets a new set of show triggers from a comma-separated string.\n   *\n   * @remarks\n   * If the tooltip already has an `anchor` bound it will remove the old\n   * set of triggers from it and rebind it with the new one.\n   */\n  public set showTriggers(value: string) {\n    this._showTriggers = parseTriggers(value);\n    this._anchorAbortHandle.abort();\n    this._addAnchorListeners();\n  }\n\n  //#endregion\n\n  constructor(tooltip: IgcTooltipComponent, options: TooltipCallbacks) {\n    this._host = tooltip;\n    this._options = options;\n    this._host.addController(this);\n  }\n\n  //#region Internal event listeners state\n\n  private _addAnchorListeners(): void {\n    const anchor = this.anchor;\n\n    if (!anchor) {\n      return;\n    }\n\n    const { signal } = this._anchorAbortHandle;\n\n    for (const each of this._showTriggers) {\n      addWeakEventListener(anchor, each, this, { passive: true, signal });\n    }\n\n    for (const each of this._hideTriggers) {\n      addWeakEventListener(anchor, each, this, { passive: true, signal });\n    }\n\n    if (!this._showTriggers.has('click') && !this._hideTriggers.has('click')) {\n      addWeakEventListener(anchor, 'click', this, { passive: true, signal });\n    }\n  }\n\n  private _addTooltipListeners(): void {\n    const { signal } = this._hostAbortHandle;\n\n    for (const event of TooltipController._listeners) {\n      this._host.addEventListener(event, this, { passive: true, signal });\n    }\n  }\n\n  /**\n   * Points the anchor's `aria-describedby` at the tooltip, releasing the\n   * previously described element. Tokens already on the anchor are kept.\n   */\n  private _syncAnchorARIA(): void {\n    const anchor = this.anchor;\n    const previous = this._describedElement?.deref();\n\n    if (previous === anchor) {\n      return;\n    }\n\n    if (previous) {\n      this._toggleDescribedBy(previous, false);\n    }\n\n    this._describedElement = anchor ? new WeakRef(anchor) : null;\n\n    if (anchor) {\n      this._toggleDescribedBy(anchor, true);\n    }\n  }\n\n  private _toggleDescribedBy(element: Element, state: boolean): void {\n    const id = (this._host.id ||= nextTooltipId());\n    const tokens = new Set(\n      (element.getAttribute('aria-describedby') ?? '')\n        .split(/\\s+/)\n        .filter(Boolean)\n    );\n\n    state ? tokens.add(id) : tokens.delete(id);\n\n    tokens.size > 0\n      ? element.setAttribute('aria-describedby', Array.from(tokens).join(' '))\n      : element.removeAttribute('aria-describedby');\n  }\n\n  //#endregion\n\n  //#region Event handlers\n\n  private _handleTooltipEvent(event: Event): void {\n    if (event.type === 'pointerenter') {\n      this._options.onShow();\n    } else if (event.type === 'pointerleave') {\n      this._options.onHide();\n    }\n  }\n\n  private _handleAnchorEvent(event: Event): void {\n    const isShowTrigger = this._showTriggers.has(event.type);\n    const isHideTrigger = this._hideTriggers.has(event.type);\n\n    // Not a configured trigger, so this is the synthetic `click` listener.\n    // Clicking the anchor cancels a queued show - see issue #1828.\n    if (!(isShowTrigger || isHideTrigger)) {\n      if (event.type === 'click') {\n        this._options.onClick();\n      }\n      return;\n    }\n\n    // The same event drives both directions - toggle on the committed state.\n    if (isShowTrigger && isHideTrigger) {\n      this._open ? this._options.onHide() : this._options.onShow();\n      return;\n    }\n\n    // Deliberately not gated on the committed state - that would swallow\n    // triggers arriving while a transition is still running. The host is\n    // already a no-op when it is heading to the requested state.\n    isShowTrigger ? this._options.onShow() : this._options.onHide();\n  }\n\n  /** @internal */\n  public handleEvent(event: Event): void {\n    // The element the listener sits on, not `event.target` - a bubbling\n    // trigger such as `click` or `focusin` reports the descendant of the\n    // anchor it originated from.\n    const target = event.currentTarget;\n\n    if (target === this._host) {\n      this._handleTooltipEvent(event);\n    } else if (target === this._anchor?.deref()) {\n      this._handleAnchorEvent(event);\n    } else if (target === this._initialAnchor?.deref()) {\n      // Interacting with the initial anchor drops the transient one.\n      this._options.onReset();\n      this._handleAnchorEvent(event);\n    }\n  }\n\n  //#endregion\n\n  private _dispose(): void {\n    this._anchorAbortHandle.abort();\n    this._hostAbortHandle.abort();\n    service.remove(this._host);\n    this._anchor = null;\n    this._initialAnchor = null;\n    this._syncAnchorARIA();\n  }\n\n  //#region Public API\n\n  /**\n   * Removes all triggers from the previous `anchor` target and rebinds the current\n   * sets back to the new value if it exists.\n   */\n  public setAnchor(value: TooltipAnchor | string, transient = false): void {\n    const newAnchor = isString(value)\n      ? getElementByIdFromRoot(this._host, value)\n      : value;\n\n    if (this._anchor?.deref() === newAnchor) {\n      return;\n    }\n\n    // `show()` was called with a target while the tooltip is up - close it\n    // before it moves to the new anchor.\n    if (transient && this._open) {\n      this._options.onReset();\n    }\n\n    if (this._anchor?.deref() !== this._initialAnchor?.deref()) {\n      this._anchorAbortHandle.abort();\n    }\n\n    this._anchor = newAnchor ? new WeakRef(newAnchor) : null;\n    this._isTransient = transient;\n    this._addAnchorListeners();\n    this._syncAnchorARIA();\n  }\n\n  public resolveAnchor(value: TooltipAnchor | string): void {\n    const resolvedElement = isString(value)\n      ? getElementByIdFromRoot(this._host, value)\n      : value;\n\n    this._initialAnchor = resolvedElement ? new WeakRef(resolvedElement) : null;\n    this.setAnchor(resolvedElement);\n  }\n\n  //#endregion\n\n  //#region ReactiveController interface\n\n  /** @internal */\n  public hostConnected(): void {\n    this.resolveAnchor(this._host.anchor);\n  }\n\n  /** @internal */\n  public hostDisconnected(): void {\n    this._dispose();\n  }\n\n  //#endregion\n}\n\nconst nextTooltipId = createIdGenerator('igc-tooltip');\n\n/** Splits the strings passed to the `show/hide-triggers` properties. */\nconst triggersSeparator = /[,\\s]+/;\n\nfunction parseTriggers(value: string): Set<string> {\n  // Removing the attribute passes `null` through the property accessor.\n  return new Set(\n    (value ?? '').split(triggersSeparator).filter((trigger) => trigger.trim())\n  );\n}\n\nexport function addTooltipController(\n  host: IgcTooltipComponent,\n  options: TooltipCallbacks\n): TooltipController {\n  return new TooltipController(host, options);\n}\n\ntype TooltipAnchor = Element | null | undefined;\n\ntype TooltipCallbacks = {\n  /** A show trigger fired, or the pointer entered the tooltip itself. */\n  onShow: () => unknown;\n  /** A hide trigger fired, or the pointer left the tooltip itself. */\n  onHide: () => unknown;\n  /** The `Escape` key was pressed while the tooltip is shown. */\n  onEscape: () => unknown;\n  /** The anchor was clicked with `click` bound to neither trigger set. */\n  onClick: () => unknown;\n  /** The tooltip must drop the anchor it is currently bound to. */\n  onReset: () => unknown;\n};\n"]}

package/components/tooltip/service.d.ts

@@ -2,7 +2,8 @@ import type IgcTooltipComponent from './tooltip.js';
 type TooltipHideCallback = () => unknown;
 declare class TooltipEscapeCallbacks {
     private _collection;
-    private _setListener;
+    /** Keeps the global `keydown` listener bound while any tooltip is shown. */
+    private _syncListener;
     add(instance: IgcTooltipComponent, hideCallback: TooltipHideCallback): void;
     remove(instance: IgcTooltipComponent): void;
     /** @internal */

package/components/tooltip/service.js

@@ -1,40 +1,35 @@
 import { isServer } from 'lit';
-import { escapeKey } from '../common/controllers/key-bindings.js';
-import { isEmpty, last } from '../common/util.js';
+import { escapeKey } from '#internals/controllers/key-bindings.js';
+import { isEmpty, lastOf } from '#internals/utils/arrays.js';
 class TooltipEscapeCallbacks {
     constructor() {
         this._collection = new Map();
     }
-    _setListener(state = true) {
+    _syncListener() {
         if (isServer) {
             return;
         }
-        if (isEmpty(this._collection)) {
-            state
-                ? globalThis.addEventListener('keydown', this)
-                : globalThis.removeEventListener('keydown', this);
-        }
+        isEmpty(this._collection)
+            ? globalThis.removeEventListener('keydown', this)
+            : globalThis.addEventListener('keydown', this);
     }
     add(instance, hideCallback) {
         if (this._collection.has(instance)) {
             return;
         }
-        this._setListener();
         this._collection.set(instance, hideCallback);
+        this._syncListener();
     }
     remove(instance) {
-        if (!this._collection.has(instance)) {
-            return;
+        if (this._collection.delete(instance)) {
+            this._syncListener();
         }
-        this._collection.delete(instance);
-        this._setListener(false);
     }
     async handleEvent(event) {
         if (event.key !== escapeKey) {
             return;
         }
-        const [tooltip, callback] = last(Array.from(this._collection.entries()));
-        await callback?.call(tooltip);
+        await lastOf(Array.from(this._collection.values()))?.();
     }
 }
 const service = new TooltipEscapeCallbacks();