igniteui-webcomponents 7.3.0 → 7.3.1

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 {\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 {\n  coercedProperty,\n  type CoercedPropertyConfig,\n} from '#internals/decorators/coerced-property.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  /** Shared config for the span properties - a value below 1 is coerced to 1. */\n  private static _spanVariable(\n    name: string\n  ): CoercedPropertyConfig<number, IgcTileComponent> {\n    return {\n      transform: ({ value }) => Math.max(1, asNumber(value)),\n      onChange: ({ value, host }) => {\n        host.style.setProperty(name, value.toString());\n      },\n    };\n  }\n\n  /** Shared config for the start properties - a non-positive value removes the explicit placement. */\n  private static _startVariable(\n    name: string\n  ): CoercedPropertyConfig<number | null, IgcTileComponent> {\n    return {\n      transform: ({ value }) => Math.max(0, asNumber(value)) || null,\n      onChange: ({ value, host }) => {\n        host.style.setProperty(name, value ? value.toString() : null);\n      },\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 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 _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  @coercedProperty(IgcTileComponent._spanVariable('--ig-col-span'))\n  public colSpan = 1;\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  @coercedProperty(IgcTileComponent._spanVariable('--ig-row-span'))\n  public rowSpan = 1;\n\n  /**\n   * The starting column for the tile.\n   *\n   * @attr col-start\n   */\n  @property({ type: Number, attribute: 'col-start' })\n  @coercedProperty(IgcTileComponent._startVariable('--ig-col-start'))\n  public colStart: number | null = null;\n\n  /**\n   * The starting row for the tile.\n   *\n   * @attr row-start\n   */\n  @property({ type: Number, attribute: 'row-start' })\n  @coercedProperty(IgcTileComponent._startVariable('--ig-row-start'))\n  public rowStart: number | null = null;\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  @coercedProperty<boolean, IgcTileComponent>({\n    onChange: ({ host }) => host._tileManagerCtx?.setMaximizedState(),\n  })\n  public maximized = false;\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  @coercedProperty<number, IgcTileComponent>({\n    transform: ({ value }) => asNumber(value),\n    onChange: ({ value, host }) => {\n      host.style.order = value.toString();\n    },\n  })\n  public position = -1;\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"]}
+{"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 { addFullscreenController } from '#internals/controllers/fullscreen.js';\nimport { addSlotController, setSlots } from '#internals/controllers/slot.js';\nimport {\n  coercedProperty,\n  type CoercedPropertyConfig,\n} from '#internals/decorators/coerced-property.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport {\n  type DragCallbackParams,\n  type DraggableOptions,\n  type DragPointerDirection,\n  draggable,\n} from '#internals/directives/drag.js';\nimport {\n  type ResizableOptions,\n  type ResizeCallbackParams,\n  type ResizeDirection,\n  resizable,\n} from '#internals/directives/resize.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 { bindIf } from '#internals/utils/lit.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 type { TileManagerDragMode, 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 tile-container - The wrapper around the tile content and its resize adorners.\n * @csspart trigger-side - The side resize handle of the tile.\n * @csspart trigger - The corner resize handle of the tile.\n * @csspart trigger-bottom - The bottom resize handle of 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    );\n  }\n\n  private readonly _slots = addSlotController(this, { slots: Slots });\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  /** Shared config for the grid placement properties, projected into a CSS variable on the host. */\n  private static _gridVariable<T extends number | null>(\n    name: string,\n    transform: (value: T) => T\n  ): CoercedPropertyConfig<T, IgcTileComponent> {\n    return {\n      transform: ({ value }) => transform(value),\n      onChange: ({ value, host }) => {\n        host.style.setProperty(name, value != null ? value.toString() : null);\n      },\n    };\n  }\n\n  /** Part name and resize direction for each of the tile resize adorners. */\n  private static readonly _adorners: Record<\n    AdornerType,\n    { part: string; direction: ResizeDirection }\n  > = {\n    side: { part: 'trigger-side', direction: 'horizontal' },\n    corner: { part: 'trigger', direction: 'both' },\n    bottom: { part: 'trigger-bottom', direction: 'vertical' },\n  };\n\n  /** Config for the span properties - a value below 1 is coerced to 1. */\n  private static _spanVariable(name: string) {\n    return IgcTileComponent._gridVariable<number>(name, (value) =>\n      Math.max(1, asNumber(value))\n    );\n  }\n\n  /** Config for the start properties - a non-positive value removes the explicit placement. */\n  private static _startVariable(name: string) {\n    return IgcTileComponent._gridVariable<number | null>(\n      name,\n      (value) => Math.max(0, asNumber(value)) || null\n    );\n  }\n\n  // Tile manager context properties and helpers\n\n  private readonly _context = createAsyncContext(this, tileManagerContext);\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  /** Returns the tile manager current drag mode. */\n  private get _dragMode(): TileManagerDragMode {\n    return this._tileManager?.dragMode ?? 'none';\n  }\n\n  protected readonly _headerRef = createRef<HTMLElement>();\n\n  /** The DOM container measured and used as a resize target by the resizable directive. */\n  protected readonly _containerRef = createRef<HTMLElement>();\n\n  /**\n   * Not cached: toggling `_resizeDisabled` (maximize, fullscreen, resize mode)\n   * switches the render template and recreates this element.\n   */\n  @query('[part~=\"base\"]')\n  public _tileContent!: HTMLElement;\n\n  @state()\n  private _isDragging = false;\n\n  @state()\n  private _isResizing = false;\n\n  /** Whether the tile is hovered while the tile manager is in `hover` resize mode. */\n  @state()\n  private _isResizeActive = false;\n\n  /** Whether the resize adorners and the active resize outline are shown. */\n  private get _resizeAdornersVisible(): boolean {\n    return this._isResizeActive || this._resizeMode === 'always';\n  }\n\n  /** Whether to render the resize adorners 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  @coercedProperty(IgcTileComponent._spanVariable('--ig-col-span'))\n  public colSpan = 1;\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  @coercedProperty(IgcTileComponent._spanVariable('--ig-row-span'))\n  public rowSpan = 1;\n\n  /**\n   * The starting column for the tile.\n   *\n   * @attr col-start\n   */\n  @property({ type: Number, attribute: 'col-start' })\n  @coercedProperty(IgcTileComponent._startVariable('--ig-col-start'))\n  public colStart: number | null = null;\n\n  /**\n   * The starting row for the tile.\n   *\n   * @attr row-start\n   */\n  @property({ type: Number, attribute: 'row-start' })\n  @coercedProperty(IgcTileComponent._startVariable('--ig-row-start'))\n  public rowStart: number | null = null;\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  @coercedProperty<boolean, IgcTileComponent>({\n    onChange: ({ host }) => host._tileManagerCtx?.setMaximizedState(),\n  })\n  public maximized = false;\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  @coercedProperty<number, IgcTileComponent>({\n    transform: ({ value }) => asNumber(value),\n    onChange: ({ value, host }) => {\n      host.style.order = value.toString();\n    },\n  })\n  public position = -1;\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._emitStartEvent('igcTileDragStart')) {\n      return false;\n    }\n\n    this._setDragState();\n    this._dragStack.push(this);\n    return true;\n  };\n\n  private _handleDragOver = ({ event, state }: DragCallbackParams): void => {\n    const match = state.element as IgcTileComponent;\n\n    if (this._dragStack.peek() === match) {\n      if (this._shouldSwap(event, state.pointerState.direction, 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._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    direction: DragPointerDirection,\n    match: IgcTileComponent\n  ): boolean {\n    const LTR = isLTR(this);\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, state }: ResizeCallbackParams) => {\n    if (!this._emitStartEvent('igcTileResizeStart')) {\n      return false;\n    }\n\n    event.preventDefault();\n    this._resizeState.updateState(state.initial, this, this._cssContainer!);\n    this._setResizeState();\n    return true;\n  };\n\n  private _handleResize(\n    { state }: ResizeCallbackParams,\n    direction: ResizeDirection\n  ): void {\n    if (direction !== 'vertical') {\n      state.current.width = this._resizeState.calculateSnappedWidth(state);\n    }\n\n    if (direction !== 'horizontal') {\n      state.current.height = this._resizeState.calculateSnappedHeight(state);\n    }\n  }\n\n  private _handleResizeEnd = ({ state }: 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 _emitStartEvent(name: 'igcTileDragStart' | 'igcTileResizeStart') {\n    return this.emitEvent(name, { detail: this, cancelable: true });\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          ${hasMaximizeSlot ? this._renderActionSlot('maximize') : nothing}\n          ${hasFullscreenSlot ? this._renderActionSlot('fullscreen') : nothing}\n          <slot name=\"actions\"></slot>\n        </section>\n      </section>\n      <igc-divider></igc-divider>\n    `;\n  }\n\n  private _renderActionSlot(type: 'maximize' | 'fullscreen') {\n    return html`\n      <slot name=\"${type}-action\">${this._renderDefaultAction(type)}</slot>\n    `;\n  }\n\n  private _createDragOptions(): DraggableOptions {\n    const dragMode = this._dragMode;\n\n    return {\n      enabled: dragMode !== 'none',\n      target: () => this,\n      trigger:\n        dragMode === 'tile-header' ? () => this._headerRef.value : undefined,\n      skip: this._skipDrag,\n      matchTarget: this._match,\n      ghostFactory: this._createDragGhost,\n      start: this._handleDragStart,\n      over: this._handleDragOver,\n      end: this._handleDragEnd,\n      cancel: this._handleDragCancel,\n    };\n  }\n\n  protected _renderContent() {\n    const parts = {\n      base: true,\n      draggable: this._dragMode !== 'none',\n      fullscreen: this.fullscreen,\n      dragging: this._isDragging,\n      resizable: !this.disableResize && this._resizeMode !== 'none',\n      resizing: this._isResizing,\n      maximized: this.maximized,\n    };\n\n    return html`\n      <div part=${partMap(parts)} ${draggable(this._createDragOptions())}>\n        ${this._renderHeader()}\n        <div part=\"content-container\">\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  private _handleResizePointerEnter() {\n    this._isResizeActive = true;\n  }\n\n  private _handleResizePointerLeave() {\n    this._isResizeActive = false;\n  }\n\n  private _createResizeOptions(direction: ResizeDirection): ResizableOptions {\n    return {\n      mode: 'deferred',\n      direction,\n      target: () => this._containerRef.value,\n      ghostFactory: this._createResizeGhost,\n      start: this._handleResizeStart,\n      resize: (params) => this._handleResize(params, direction),\n      end: this._handleResizeEnd,\n      cancel: this._handleResizeCancel,\n    };\n  }\n\n  private _renderAdorner(type: AdornerType) {\n    const { part, direction } = IgcTileComponent._adorners[type];\n    const parts = {\n      [part]: true,\n      custom: this._slots.hasAssignedElements(`${type}-adorner`),\n    };\n\n    return html`\n      <slot\n        name=\"${type}-adorner\"\n        part=${partMap(parts)}\n        ${resizable(this._createResizeOptions(direction))}\n      ></slot>\n    `;\n  }\n\n  protected _renderAdorners() {\n    return this._resizeAdornersVisible\n      ? html`\n          ${this._renderAdorner('side')} ${this._renderAdorner('corner')}\n          ${this._renderAdorner('bottom')}\n        `\n      : nothing;\n  }\n\n  protected override render() {\n    const isHoverMode = this._resizeMode === 'hover';\n    const parts = {\n      'tile-container': true,\n      active: this._resizeAdornersVisible,\n    };\n\n    return this._resizeDisabled\n      ? this._renderContent()\n      : html`\n          <div\n            ${ref(this._containerRef)}\n            part=${partMap(parts)}\n            @pointerenter=${bindIf(isHoverMode, this._handleResizePointerEnter)}\n            @pointerleave=${bindIf(isHoverMode, this._handleResizePointerLeave)}\n          >\n            ${this._renderContent()} ${this._renderAdorners()}\n          </div>\n        `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-tile': IgcTileComponent;\n  }\n}\n"]}

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

@@ -1,9 +1,4 @@
-export type TileResizeDimensions = {
-    width: number | null;
-    height: number | null;
-};
 export type TileGridDimension = {
-    count: number;
     entries: number[];
     minSize: number;
 };
@@ -26,6 +21,7 @@ export type ResizeProps = {
     gridEntries: number[];
     startIndex: number;
     prevSnapped: number;
+    gap: number;
 };
 export type ResizeSpanProps = {
     targetSize: number;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/tile-manager/types.ts"],"names":[],"mappings":"","sourcesContent":["export type TileResizeDimensions = {\n  width: number | null;\n  height: number | null;\n};\n\nexport type TileGridDimension = {\n  count: number;\n  entries: number[];\n  minSize: number;\n};\n\nexport type SnappedDimension = { snappedSize: number; newDelta: number };\n\nexport type TilePosition = { start: number; span: number };\n\nexport type TileGridPosition = { column: TilePosition; row: TilePosition };\n\nexport type ResizeProps = {\n  currentDelta: number;\n  prevDelta: number;\n  currentSize: number;\n  gridEntries: number[];\n  startIndex: number;\n  prevSnapped: number;\n};\n\nexport type ResizeSpanProps = {\n  targetSize: number;\n  tilePosition: TilePosition;\n  tileGridDimension: TileGridDimension;\n  gap: number;\n  isRow: boolean;\n};\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/tile-manager/types.ts"],"names":[],"mappings":"","sourcesContent":["export type TileGridDimension = {\n  entries: number[];\n  minSize: number;\n};\n\nexport type SnappedDimension = { snappedSize: number; newDelta: number };\n\nexport type TilePosition = { start: number; span: number };\n\nexport type TileGridPosition = { column: TilePosition; row: TilePosition };\n\nexport type ResizeProps = {\n  currentDelta: number;\n  prevDelta: number;\n  currentSize: number;\n  gridEntries: number[];\n  startIndex: number;\n  prevSnapped: number;\n  gap: number;\n};\n\nexport type ResizeSpanProps = {\n  targetSize: number;\n  tilePosition: TilePosition;\n  tileGridDimension: TileGridDimension;\n  gap: number;\n  isRow: boolean;\n};\n"]}