{"version":3,"file":"ngx-chessground.mjs","sources":["../../../projects/ngx-chessground/src/lib/ngx-chessground.service.ts","../../../projects/ngx-chessground/src/lib/ngx-chessground/ngx-chessground.component.ts","../../../projects/ngx-chessground/src/lib/ngx-chessground/ngx-chessground.component.html","../../../projects/ngx-chessground/src/units/util.ts","../../../projects/ngx-chessground/src/units/play.ts","../../../projects/ngx-chessground/src/lib/promotion-dialog/promotion-dialog.component.ts","../../../projects/ngx-chessground/src/lib/promotion-dialog/promotion.service.ts","../../../projects/ngx-chessground/src/lib/ngx-chessground-table/ngx-chessground-table.component.ts","../../../projects/ngx-chessground/src/lib/ngx-chessground-table/ngx-chessground-table.component.html","../../../projects/ngx-chessground/src/lib/pgn-viewer/eco-moves.ts","../../../projects/ngx-chessground/src/lib/pgn-viewer/pgn-viewer-engine.service.ts","../../../projects/ngx-chessground/src/lib/pgn-viewer/pgn-viewer.component.ts","../../../projects/ngx-chessground/src/lib/pgn-viewer/pgn-viewer.component.html","../../../projects/ngx-chessground/src/units/anim.ts","../../../projects/ngx-chessground/src/units/basics.ts","../../../projects/ngx-chessground/src/units/fen.ts","../../../projects/ngx-chessground/src/units/in3d.ts","../../../projects/ngx-chessground/src/units/perf.ts","../../../projects/ngx-chessground/src/units/pgn.ts","../../../projects/ngx-chessground/src/units/svg.ts","../../../projects/ngx-chessground/src/units/viewOnly.ts","../../../projects/ngx-chessground/src/units/zh.ts","../../../projects/ngx-chessground/src/public-api.ts","../../../projects/ngx-chessground/src/ngx-chessground.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { Chessground } from 'chessground';\nimport type { Api } from 'chessground/api';\nimport type { VNode } from 'snabbdom';\nimport {\n\tattributesModule,\n\tclassModule,\n\teventListenersModule,\n\th,\n\tinit,\n} from 'snabbdom';\n\n/**\n * Service to manage the Chessground instance and its rendering.\n *\n * Wraps snabbdom patching and chessground lifecycle. Each {@link NgxChessgroundComponent}\n * instance creates its own service instance (provided at component level).\n * Public methods (`redraw`, `toggleOrientation`) are called by the component;\n * private helpers manage the virtual DOM tree and the chessground `Api` handle.\n */\n@Injectable()\nexport class NgxChessgroundService {\n\t/**\n\t * Initializes the patch function with the necessary modules.\n\t * @private\n\t */\n\tprivate readonly patch = init([\n\t\tclassModule,\n\t\tattributesModule,\n\t\teventListenersModule,\n\t]);\n\n\t/**\n\t * Virtual node representing the current state of the DOM.\n\t * @private\n\t */\n\tprivate vnode!: VNode;\n\n\t/**\n\t * Chessground API instance.\n\t * @private\n\t */\n\tprivate cg!: Api;\n\n\t/**\n\t * Function to run on the HTMLElement.\n\t * @private\n\t */\n\tprivate runFn!: (el: HTMLElement) => Api;\n\n\t/**\n\t * Redraws the Chessground board on the given element.\n\t * @param element - The HTML element to render the Chessground board on.\n\t * @param runFn - The function to run on the HTMLElement.\n\t */\n\tpublic redraw(element: HTMLElement, runFn: (el: HTMLElement) => Api) {\n\t\tthis.cg = Chessground(element);\n\t\tthis.runFn = runFn;\n\t\tthis.vnode = this.patch(this.vnode || element, this.render());\n\t}\n\n\t/**\n\t * Toggles the orientation of the Chessground board.\n\t */\n\tpublic toggleOrientation() {\n\t\tthis.cg.toggleOrientation();\n\t}\n\n\t/**\n\t * Renders the virtual node for the Chessground board.\n\t * @returns The virtual node representing the Chessground board.\n\t * @private\n\t */\n\tprivate render(): VNode {\n\t\treturn h('div#chessground-examples', [\n\t\t\th('section.blue.merida', [\n\t\t\t\th('div.cg-wrap', {\n\t\t\t\t\thook: {\n\t\t\t\t\t\tinsert: this.runUnit,\n\t\t\t\t\t\tpostpatch: this.runUnit,\n\t\t\t\t\t},\n\t\t\t\t}),\n\t\t\t]),\n\t\t]);\n\t}\n\n\t/**\n\t * Runs the provided function on the virtual node's element.\n\t * @param vnode - The virtual node.\n\t * @param _ignore - An optional parameter to ignore.\n\t * @returns The result of the run function.\n\t * @private\n\t */\n\tprivate readonly runUnit = (vnode: VNode, _ignore?: VNode) => {\n\t\tconst el = vnode.elm as HTMLElement;\n\t\tel.className = 'cg-wrap';\n\t\tthis.cg = Chessground(el);\n\t\treturn this.runFn(el);\n\t};\n}\n","import {\n\ttype AfterViewInit,\n\tChangeDetectionStrategy,\n\tComponent,\n\ttype ElementRef,\n\teffect,\n\tmodel,\n\tviewChild,\n\tinject,\n} from '@angular/core';\nimport type { Api } from 'chessground/api';\nimport { NgxChessgroundService } from '../ngx-chessground.service';\n\n/**\n * Core chessboard component wrapping the chessground library via snabbdom.\n *\n * Accepts a `runFunction` signal-model input that receives the mounted DOM element\n * and must return a chessground `Api` instance. The component manages lifecycle:\n * - Uses an Angular `effect()` to watch `runFunction` changes and redraw the board.\n * - Calls `redraw()` on `ngAfterViewInit` so the board appears as soon as the view is ready.\n * - Provides a `toggleOrientation()` method to flip the board.\n *\n * Uses {@link NgxChessgroundService} (provided at component level) for snabbdom patching\n * and chessground instance management.\n *\n * @example\n * ```html\n * \n * ```\n *\n * @example\n * ```typescript\n * myRunFn = signal<(el: HTMLElement) => Api>((el) => {\n * return Chessground(el, { fen: 'start' });\n * });\n * ```\n */\n@Component({\n\tselector: 'ngx-chessground',\n\ttemplateUrl: './ngx-chessground.component.html',\n\tstyleUrls: ['./ngx-chessground.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tproviders: [NgxChessgroundService],\n})\nexport class NgxChessgroundComponent implements AfterViewInit {\n\t/**\n\t * Signal-based view query for the board container element.\n\t *\n\t * References the DOM element with template variable `#chessboard`.\n\t * Used by {@link redraw} to pass the native element to chessground.\n\t */\n\treadonly elementView = viewChild.required('chessboard');\n\n\t/**\n\t * Signal-model function that constructs the chessground instance on a given element.\n\t *\n\t * This is the primary input mechanism of the component. Changes to this signal\n\t * trigger a board redraw via the internal `effect()`.\n\t *\n\t * @param el — The board container `HTMLElement` mounted in the DOM.\n\t * @returns A chessground `Api` instance configured as desired.\n\t */\n\trunFunction = model<(el: HTMLElement) => Api>();\n\n\t/** Service managing the chessground instance and snabbdom patching lifecycle. */\n\tprivate readonly ngxChessgroundService = inject(NgxChessgroundService);\n\n\t/**\n\t * Sets up a reactive effect that redraws the board whenever {@link runFunction} changes.\n\t *\n\t * This is the wiring that makes dynamic board configuration (switching FEN, orientation, etc.)\n\t * work seamlessly — just update the signal and the board reacts.\n\t */\n\tconstructor() {\n\t\teffect(() => {\n\t\t\tthis.redraw();\n\t\t});\n\t}\n\n\t/**\n\t * Redraws the board once the view is initialized.\n\t *\n\t * Ensures the board is rendered on first load. Subsequent redraws\n\t * are handled by the `effect()` watching `runFunction`.\n\t */\n\tngAfterViewInit() {\n\t\tthis.redraw();\n\t}\n\n\t/**\n\t * Flips the board orientation (white ↔ black).\n\t *\n\t * Delegates to {@link NgxChessgroundService.toggleOrientation}.\n\t */\n\tpublic toggleOrientation() {\n\t\tthis.ngxChessgroundService.toggleOrientation();\n\t}\n\n\t/**\n\t * Re-renders the chessboard via the snabbdom patching service.\n\t *\n\t * Retrieves the board element and current run function, then delegates\n\t * to {@link NgxChessgroundService.redraw}.\n\t */\n\tprivate redraw() {\n\t\tconst elementView = this.elementView();\n\t\tconst fn = this.runFunction();\n\t\tif (elementView.nativeElement && fn) {\n\t\t\tthis.ngxChessgroundService.redraw(elementView.nativeElement, fn);\n\t\t}\n\t}\n}\n","\n","import type { Chess as ChessInstance, Move, Square } from 'chess.js';\nimport * as ChessJS from 'chess.js';\nimport type { Api } from 'chessground/api';\nimport type { Color, Key } from 'chessground/types';\nimport type { PromotionService } from '../lib/promotion-dialog/promotion.service';\n\n/**\n * Generates a map of possible destination squares for each piece on the board.\n *\n * @param chess - An instance of the Chess game.\n * @returns A map where the keys are the squares with pieces that have legal moves,\n * and the values are arrays of destination squares for those pieces.\n */\nexport function toDests(chess: ChessInstance): Map {\n\tconst dests = new Map();\n\n\tfor (const s of ChessJS.SQUARES) {\n\t\tconst ms = chess.moves({ square: s, verbose: true });\n\t\tif (ms.length) {\n\t\t\tdests.set(\n\t\t\t\ts,\n\t\t\t\tms.map((m: Move) => m.to),\n\t\t\t);\n\t\t}\n\t}\n\treturn dests;\n}\n\n/**\n * Converts the current turn of a chess game to a color string.\n *\n * @param chess - An instance of a chess game.\n * @returns The color string \"white\" if it's white's turn, otherwise \"black\".\n */\nexport function toColor(chess: ChessInstance): Color {\n\treturn chess.turn() === 'w' ? 'white' : 'black';\n}\n\n/**\n * Converts chess.js promotion character to chessground piece role.\n *\n * @param promotion - The chess.js promotion character ('q', 'r', 'b', 'n')\n * @returns The corresponding chessground piece role ('queen', 'rook', 'bishop', 'knight')\n */\nfunction promotionToRole(\n\tpromotion: string,\n): 'queen' | 'rook' | 'bishop' | 'knight' {\n\tswitch (promotion) {\n\t\tcase 'q':\n\t\t\treturn 'queen';\n\t\tcase 'r':\n\t\t\treturn 'rook';\n\t\tcase 'b':\n\t\t\treturn 'bishop';\n\t\tcase 'n':\n\t\t\treturn 'knight';\n\t\tdefault:\n\t\t\treturn 'queen'; // Default to queen\n\t}\n}\n\n/**\n * Creates a function that makes a move on the chessboard and updates the state of the chess game.\n * Uses window.prompt for pawn promotion (legacy method).\n *\n * @param cg - The chessground API instance.\n * @param chess - The chess.js instance representing the current state of the chess game.\n * @returns A function that takes the origin and destination squares of a move, makes the move on the chessboard,\n * and updates the turn color and movable destinations in the chessground instance.\n */\nexport function playOtherSide(cg: Api, chess: ChessInstance) {\n\treturn (orig: Key, dest: Key) => {\n\t\t// Check if this is a pawn promotion move (pawn reaching the first or eighth row)\n\t\tconst piece = chess.get(orig as Square);\n\t\tconst isPawn = piece && piece.type === 'p';\n\t\tconst isPromotionMove =\n\t\t\tisPawn && (dest.charAt(1) === '8' || dest.charAt(1) === '1');\n\n\t\tif (isPromotionMove) {\n\t\t\t// Ask user what piece to promote to\n\t\t\tconst promotionPiece = window.prompt(\n\t\t\t\t'Promote pawn to: q (Queen), r (Rook), b (Bishop), n (Knight)',\n\t\t\t\t'q',\n\t\t\t);\n\t\t\tconst validPromotions = ['q', 'r', 'b', 'n'];\n\t\t\tconst promotion = validPromotions.includes(\n\t\t\t\tpromotionPiece?.toLowerCase() ?? '',\n\t\t\t)\n\t\t\t\t? promotionPiece?.toLowerCase()\n\t\t\t\t: 'q'; // Default to queen if invalid input\n\n\t\t\t// Make the move with promotion\n\t\t\tconst moveResult = chess.move({\n\t\t\t\tfrom: orig,\n\t\t\t\tto: dest,\n\t\t\t\tpromotion: promotion as 'q' | 'r' | 'n' | 'b',\n\t\t\t});\n\n\t\t\t// For promotion moves, we need to manually update the board to show the promoted piece\n\t\t\tif (moveResult) {\n\t\t\t\t// First move the pawn on the board\n\t\t\t\tcg.move(orig, dest);\n\n\t\t\t\t// Then update the piece on the destination square with the promoted piece\n\t\t\t\tconst color = piece.color === 'w' ? 'white' : 'black';\n\n\t\t\t\t// Map promotion letters to chessground piece roles using our helper function\n\t\t\t\tconst pieceRole = promotionToRole(promotion as string);\n\n\t\t\t\t// Update the piece on the board with the proper promoted piece\n\t\t\t\tcg.setPieces(new Map([[dest, { role: pieceRole, color: color }]]));\n\t\t\t}\n\t\t} else {\n\t\t\t// Regular move\n\t\t\tchess.move({ from: orig as Square, to: dest as Square });\n\t\t\t// For regular moves, just perform the move on the board\n\t\t\tcg.move(orig, dest);\n\t\t}\n\n\t\t// Update the board state (turn, movable pieces)\n\t\tcg.set({\n\t\t\tturnColor: toColor(chess),\n\t\t\tmovable: {\n\t\t\t\tcolor: toColor(chess),\n\t\t\t\tdests: toDests(chess),\n\t\t\t},\n\t\t});\n\t};\n}\n\n/**\n * Creates an async function that makes a move on the chessboard and updates the state of the chess game.\n * Uses a promotion service for pawn promotion (modern method with dialog).\n *\n * @param cg - The chessground API instance.\n * @param chess - The chess.js instance representing the current state of the chess game.\n * @param promotionService - The promotion service to handle pawn promotion dialog.\n * @returns A function that takes the origin and destination squares of a move, makes the move on the chessboard,\n * and updates the turn color and movable destinations in the chessground instance.\n */\nexport function playOtherSideWithDialog(\n\tcg: Api,\n\tchess: ChessInstance,\n\tpromotionService: PromotionService,\n) {\n\treturn async (orig: Key, dest: Key) => {\n\t\t// Check if this is a pawn promotion move (pawn reaching the first or eighth row)\n\t\tconst piece = chess.get(orig as Square);\n\t\tconst isPawn = piece && piece.type === 'p';\n\t\tconst isPromotionMove =\n\t\t\tisPawn && (dest.charAt(1) === '8' || dest.charAt(1) === '1');\n\n\t\tif (isPromotionMove) {\n\t\t\ttry {\n\t\t\t\t// Show promotion dialog and get user's choice\n\t\t\t\tconst promotion = await promotionService.showPromotionDialog(\n\t\t\t\t\tpiece.color === 'w' ? 'white' : 'black',\n\t\t\t\t);\n\n\t\t\t\t// Make the move with promotion\n\t\t\t\tconst moveResult = chess.move({\n\t\t\t\t\tfrom: orig,\n\t\t\t\t\tto: dest,\n\t\t\t\t\tpromotion: promotion as 'q' | 'r' | 'n' | 'b',\n\t\t\t\t});\n\n\t\t\t\t// For promotion moves, we need to manually update the board to show the promoted piece\n\t\t\t\tif (moveResult) {\n\t\t\t\t\t// First move the pawn on the board\n\t\t\t\t\tcg.move(orig, dest);\n\n\t\t\t\t\t// Then update the piece on the destination square with the promoted piece\n\t\t\t\t\tconst color = piece.color === 'w' ? 'white' : 'black';\n\n\t\t\t\t\t// Map promotion letters to chessground piece roles using our helper function\n\t\t\t\t\tconst pieceRole = promotionToRole(promotion);\n\n\t\t\t\t\t// Update the piece on the board with the proper promoted piece\n\t\t\t\t\tcg.setPieces(new Map([[dest, { role: pieceRole, color: color }]]));\n\t\t\t\t}\n\t\t\t} catch (error) {\n\t\t\t\tconsole.error('Promotion dialog cancelled or error occurred:', error);\n\t\t\t\t// If dialog is cancelled or error occurs, default to queen\n\t\t\t\tconst promotion = 'q';\n\n\t\t\t\t// Make the move with default promotion\n\t\t\t\tconst moveResult = chess.move({\n\t\t\t\t\tfrom: orig,\n\t\t\t\t\tto: dest,\n\t\t\t\t\tpromotion: promotion as 'q' | 'r' | 'n' | 'b',\n\t\t\t\t});\n\n\t\t\t\tif (moveResult) {\n\t\t\t\t\tcg.move(orig, dest);\n\t\t\t\t\tconst color = piece.color === 'w' ? 'white' : 'black';\n\t\t\t\t\tconst pieceRole = promotionToRole(promotion);\n\t\t\t\t\tcg.setPieces(new Map([[dest, { role: pieceRole, color: color }]]));\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\t// Regular move\n\t\t\tchess.move({ from: orig as Square, to: dest as Square });\n\t\t\t// For regular moves, just perform the move on the board\n\t\t\tcg.move(orig, dest);\n\t\t}\n\n\t\t// Update the board state (turn, movable pieces)\n\t\tcg.set({\n\t\t\tturnColor: toColor(chess),\n\t\t\tmovable: {\n\t\t\t\tcolor: toColor(chess),\n\t\t\t\tdests: toDests(chess),\n\t\t\t},\n\t\t});\n\t};\n}\n\n/**\n * Executes an AI move in a chess game after a specified delay.\n *\n * @param cg - The chessground API instance.\n * @param chess - The chess.js instance.\n * @param delay - The delay in milliseconds before the AI makes a move.\n * @param firstMove - A boolean indicating if this is the first move of the game.\n * @returns A function that takes the origin and destination squares of the player's move.\n */\nexport function aiPlay(\n\tcg: Api,\n\tchess: ChessInstance,\n\tdelay: number,\n\tfirstMove: boolean,\n) {\n\treturn (orig: Key, dest: Key) => {\n\t\t// Check if this is a pawn promotion move\n\t\tconst piece = chess.get(orig as Square);\n\t\tconst isPawn = piece && piece.type === 'p';\n\t\tconst isPromotionMove =\n\t\t\tisPawn && (dest.charAt(1) === '8' || dest.charAt(1) === '1');\n\n\t\tif (isPromotionMove) {\n\t\t\t// For player's move, automatically promote to queen\n\t\t\tconst promotion = 'q';\n\t\t\tchess.move({\n\t\t\t\tfrom: orig as Square,\n\t\t\t\tto: dest as Square,\n\t\t\t\tpromotion: promotion,\n\t\t\t});\n\n\t\t\t// Get the color of the piece\n\t\t\tconst color = piece.color === 'w' ? 'white' : 'black';\n\n\t\t\t// Map promotion letters to chessground piece roles using our helper function\n\t\t\tconst pieceRole = promotionToRole(promotion);\n\n\t\t\t// Update the piece on the board with the promoted piece\n\t\t\tcg.setPieces(new Map([[dest, { role: pieceRole, color: color }]]));\n\t\t} else {\n\t\t\t// Regular move\n\t\t\tchess.move({ from: orig as Square, to: dest as Square });\n\t\t}\n\n\t\tsetTimeout(() => {\n\t\t\tconst moves = chess.moves({ verbose: true });\n\t\t\tconst move = firstMove\n\t\t\t\t? moves[0]\n\t\t\t\t: moves[Math.floor(Math.random() * moves.length)];\n\n\t\t\t// Check if this is a promotion move by looking at the destination square and piece type\n\t\t\tconst aiMovePiece = chess.get(move.from);\n\t\t\tconst isAIPawn = aiMovePiece?.type === 'p';\n\t\t\tconst isAIPromotionMove =\n\t\t\t\tisAIPawn && (move.to.charAt(1) === '8' || move.to.charAt(1) === '1');\n\n\t\t\t// AI always promotes to queen\n\t\t\tif (isAIPromotionMove) {\n\t\t\t\tconst promotion = 'q'; // AI always promotes to queen\n\t\t\t\tchess.move({\n\t\t\t\t\tfrom: move.from,\n\t\t\t\t\tto: move.to,\n\t\t\t\t\tpromotion: promotion,\n\t\t\t\t});\n\n\t\t\t\t// Move piece on board\n\t\t\t\tcg.move(move.from, move.to);\n\n\t\t\t\t// Get piece color\n\t\t\t\tconst pieceColor = chess.turn() === 'w' ? 'black' : 'white'; // The color is opposite of current turn\n\n\t\t\t\t// Map promotion letters to chessground piece roles using our helper function\n\t\t\t\tconst pieceRole = promotionToRole(promotion);\n\n\t\t\t\t// Update the piece on the board with the promoted piece\n\t\t\t\tcg.setPieces(\n\t\t\t\t\tnew Map([[move.to, { role: pieceRole, color: pieceColor }]]),\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tchess.move(move.san);\n\t\t\t\tcg.move(move.from, move.to);\n\t\t\t}\n\t\t\tcg.set({\n\t\t\t\tturnColor: toColor(chess),\n\t\t\t\tmovable: {\n\t\t\t\t\tcolor: toColor(chess),\n\t\t\t\t\tdests: toDests(chess),\n\t\t\t\t},\n\t\t\t});\n\t\t\tcg.playPremove();\n\t\t}, delay);\n\t};\n}\n","import { Chess } from 'chess.js';\nimport { Chessground } from 'chessground';\nimport type { Key, Piece } from 'chessground/types';\nimport type { PromotionService } from '../lib/promotion-dialog/promotion.service';\nimport type { Unit } from './unit';\nimport {\n\taiPlay,\n\tplayOtherSide,\n\tplayOtherSideWithDialog,\n\ttoColor,\n\ttoDests,\n} from './util';\n\n/**\n * Factory function to create units that use dialog-based promotion.\n * This allows the components to pass in the PromotionService dependency.\n */\nexport function createPlayUnitsWithDialog(promotionService?: PromotionService) {\n\t// If no promotion service is provided, fall back to the legacy prompt-based units\n\tif (!promotionService) {\n\t\treturn {\n\t\t\tinitial,\n\t\t\tcastling,\n\t\t\tplayVsRandom,\n\t\t\tplayFullRandom,\n\t\t\tslowAnim,\n\t\t\tconflictingHold,\n\t\t};\n\t}\n\n\t// Return enhanced units that use the promotion dialog\n\treturn {\n\t\tinitial: {\n\t\t\t...initial,\n\t\t\tname: 'Play legal moves from initial position (with promotion dialog)',\n\t\t\trun(el: HTMLElement) {\n\t\t\t\tconst chess = new Chess();\n\t\t\t\tconst cg = Chessground(el, {\n\t\t\t\t\tmovable: {\n\t\t\t\t\t\tcolor: 'white',\n\t\t\t\t\t\tfree: false,\n\t\t\t\t\t\tdests: toDests(chess),\n\t\t\t\t\t},\n\t\t\t\t\tdraggable: {\n\t\t\t\t\t\tshowGhost: true,\n\t\t\t\t\t},\n\t\t\t\t\tevents: {\n\t\t\t\t\t\tmove: (_orig: Key, _dest: Key, _capturedPiece?: Piece) => {\n\t\t\t\t\t\t\t// console.log(_orig);\n\t\t\t\t\t\t\t// console.log(_dest);\n\t\t\t\t\t\t\t// console.log(_capturedPiece);\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t});\n\t\t\t\tcg.set({\n\t\t\t\t\tmovable: {\n\t\t\t\t\t\tevents: {\n\t\t\t\t\t\t\tafter: playOtherSideWithDialog(cg, chess, promotionService),\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t});\n\t\t\t\treturn cg;\n\t\t\t},\n\t\t},\n\t\tcastling: {\n\t\t\t...castling,\n\t\t\tname: 'Castling (with promotion dialog)',\n\t\t\trun(el: HTMLElement) {\n\t\t\t\tconst fen =\n\t\t\t\t\t'rnbqk2r/pppp1ppp/5n2/2b1p3/2B1P3/5N2/PPPP1PPP/RNBQK2R w KQkq - 4 4';\n\n\t\t\t\tconst chess = new Chess(fen);\n\t\t\t\tconst cg = Chessground(el, {\n\t\t\t\t\tfen,\n\t\t\t\t\tturnColor: toColor(chess),\n\t\t\t\t\tmovable: {\n\t\t\t\t\t\tcolor: 'white',\n\t\t\t\t\t\tfree: false,\n\t\t\t\t\t\tdests: toDests(chess),\n\t\t\t\t\t},\n\t\t\t\t});\n\t\t\t\tcg.set({\n\t\t\t\t\tmovable: {\n\t\t\t\t\t\tevents: {\n\t\t\t\t\t\t\tafter: playOtherSideWithDialog(cg, chess, promotionService),\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t});\n\t\t\t\treturn cg;\n\t\t\t},\n\t\t},\n\t\tplayVsRandom, // AI vs player doesn't need dialog as AI handles promotion automatically\n\t\tplayFullRandom, // AI vs AI doesn't need dialog\n\t\tslowAnim, // AI vs player doesn't need dialog as AI handles promotion automatically\n\t\tconflictingHold,\n\t};\n}\n\n// Export the existing units for backward compatibility\n\n/**\n * The `initial` constant represents a unit that sets up a chessboard with the initial position\n * and allows playing legal moves from that position.\n *\n * @constant\n * @type {Unit}\n *\n * @property {string} name - The name of the unit.\n * @property {Function} run - The function that initializes the chessboard and sets up the game.\n * @param {HTMLElement} el - The HTML element where the chessboard will be rendered.\n * @returns {Chessground} - The initialized Chessground instance.\n *\n * The `run` function performs the following tasks:\n * - Creates a new instance of the Chess game.\n * - Initializes the Chessground with the given HTML element and configuration options.\n * - Sets up the chessboard to allow only legal moves for the white player.\n * - Enables draggable pieces with ghost images.\n * - Defines an event handler for the move event.\n * - Updates the Chessground configuration to handle moves for the other side after a move is made.\n */\nexport const initial: Unit = {\n\tname: 'Play legal moves from initial position',\n\trun(el) {\n\t\tconst chess = new Chess();\n\t\tconst cg = Chessground(el, {\n\t\t\tmovable: {\n\t\t\t\tcolor: 'white',\n\t\t\t\tfree: false,\n\t\t\t\tdests: toDests(chess),\n\t\t\t},\n\t\t\tdraggable: {\n\t\t\t\tshowGhost: true,\n\t\t\t},\n\t\t\tevents: {\n\t\t\t\tmove: (_orig: Key, _dest: Key, _capturedPiece?: Piece) => {\n\t\t\t\t\t// console.log(_orig);\n\t\t\t\t\t// console.log(_dest);\n\t\t\t\t\t// console.log(_capturedPiece);\n\t\t\t\t},\n\t\t\t},\n\t\t});\n\t\tcg.set({\n\t\t\tmovable: { events: { after: playOtherSide(cg, chess) } },\n\t\t});\n\t\treturn cg;\n\t},\n};\n\n/**\n * Represents the castling unit in a chess game.\n *\n * @constant\n * @type {Unit}\n * @name castling\n *\n * @property {string} name - The name of the unit.\n * @property {Function} run - The function to execute the castling logic.\n *\n * @param {HTMLElement} el - The HTML element where the chessboard will be rendered.\n * @returns {Chessground} - The Chessground instance with the castling configuration.\n *\n * The `run` function initializes a chessboard with a given FEN string representing the board state.\n * It sets up the Chessground instance with the appropriate configuration for castling moves.\n * The function also sets up an event to handle moves after the current move.\n */\nexport const castling: Unit = {\n\tname: 'Castling',\n\trun(el) {\n\t\tconst fen =\n\t\t\t'rnbqk2r/pppp1ppp/5n2/2b1p3/2B1P3/5N2/PPPP1PPP/RNBQK2R w KQkq - 4 4';\n\n\t\tconst chess = new Chess(fen);\n\t\tconst cg = Chessground(el, {\n\t\t\tfen,\n\t\t\tturnColor: toColor(chess),\n\t\t\tmovable: {\n\t\t\t\tcolor: 'white',\n\t\t\t\tfree: false,\n\t\t\t\tdests: toDests(chess),\n\t\t\t},\n\t\t});\n\t\tcg.set({\n\t\t\tmovable: { events: { after: playOtherSide(cg, chess) } },\n\t\t});\n\t\treturn cg;\n\t},\n};\n\n/**\n * Represents a unit that allows playing against a random AI.\n *\n * @constant\n * @type {Unit}\n * @name playVsRandom\n *\n * @property {string} name - The name of the unit.\n * @property {Function} run - The function to initialize the chess game against the random AI.\n * @param {HTMLElement} el - The HTML element where the chessboard will be rendered.\n * @returns {Chessground} - The initialized Chessground instance.\n */\nexport const playVsRandom: Unit = {\n\tname: 'Play vs random AI',\n\trun(el) {\n\t\tconst chess = new Chess();\n\t\tconst cg = Chessground(el, {\n\t\t\tmovable: {\n\t\t\t\tcolor: 'white',\n\t\t\t\tfree: false,\n\t\t\t\tdests: toDests(chess),\n\t\t\t},\n\t\t});\n\t\tcg.set({\n\t\t\tmovable: {\n\t\t\t\tevents: {\n\t\t\t\t\tafter: aiPlay(cg, chess, 1000, false),\n\t\t\t\t},\n\t\t\t},\n\t\t});\n\t\treturn cg;\n\t},\n};\n\n/**\n * Represents a unit that simulates a chess game between two random AIs.\n * The game is displayed on a Chessground board with animations.\n *\n * @constant\n * @type {Unit}\n * @name playFullRandom\n *\n * @property {string} name - The name of the unit.\n * @property {Function} run - The function that initializes and runs the unit.\n * @param {HTMLElement} el - The HTML element where the Chessground board will be rendered.\n * @returns {Chessground} - The Chessground instance displaying the game.\n */\nexport const playFullRandom: Unit = {\n\tname: 'Watch 2 random AIs',\n\trun(el) {\n\t\tconst chess = new Chess();\n\t\tconst cg = Chessground(el, {\n\t\t\tanimation: {\n\t\t\t\tduration: 1000,\n\t\t\t},\n\t\t\tmovable: {\n\t\t\t\tfree: false,\n\t\t\t},\n\t\t});\n\t\tfunction makeMove() {\n\t\t\tif (!cg.state.dom.elements.board.offsetParent) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst moves = chess.moves({ verbose: true });\n\t\t\tconst move = moves[Math.floor(Math.random() * moves.length)];\n\t\t\tchess.move(move.san);\n\t\t\tcg.move(move.from, move.to);\n\t\t\tsetTimeout(makeMove, 700);\n\t\t}\n\t\tsetTimeout(makeMove, 700);\n\t\treturn cg;\n\t},\n};\n\n/**\n * Represents a unit configuration for playing against a random AI with slow animations.\n *\n * @constant\n * @type {Unit}\n * @name slowAnim\n *\n * @property {string} name - The name of the unit configuration.\n * @property {Function} run - The function to execute the unit configuration.\n *\n * @param {HTMLElement} el - The HTML element to initialize the chessground on.\n *\n * @returns {Chessground} - The initialized chessground instance.\n */\nexport const slowAnim: Unit = {\n\tname: 'Play vs random AI; slow animations',\n\trun(el) {\n\t\tconst chess = new Chess();\n\t\tconst cg = Chessground(el, {\n\t\t\tanimation: {\n\t\t\t\tduration: 5000,\n\t\t\t},\n\t\t\tmovable: {\n\t\t\t\tcolor: 'white',\n\t\t\t\tfree: false,\n\t\t\t\tdests: toDests(chess),\n\t\t\t},\n\t\t});\n\t\tcg.set({\n\t\t\tmovable: {\n\t\t\t\tevents: {\n\t\t\t\t\tafter: aiPlay(cg, chess, 1000, false),\n\t\t\t\t},\n\t\t\t},\n\t\t});\n\t\treturn cg;\n\t},\n};\n\n/**\n * Represents a unit that demonstrates a conflicting hold/premove scenario in a chess game.\n *\n * This unit sets up a chessboard with a specific FEN position and simulates a move conflict\n * where a black pawn moves to a square that a white pawn is attempting to move to.\n *\n * @constant\n * @type {Unit}\n * @property {string} name - The name of the unit.\n * @property {Function} run - The function that initializes the chessboard and runs the scenario.\n * @param {HTMLElement} el - The HTML element where the chessboard will be rendered.\n * @returns {Chessground} The Chessground instance representing the chessboard.\n */\nexport const conflictingHold: Unit = {\n\tname: 'Conflicting hold/premove',\n\trun(el) {\n\t\tconst cg = Chessground(el, {\n\t\t\tfen: '8/8/5p2/4P3/8/8/8/8',\n\t\t\tturnColor: 'black',\n\t\t\tmovable: {\n\t\t\t\tcolor: 'white',\n\t\t\t\tfree: false,\n\t\t\t\tdests: new Map([['e5', ['f6']]]),\n\t\t\t},\n\t\t});\n\t\tsetTimeout(() => {\n\t\t\tcg.move('f6', 'e5');\n\t\t\tcg.playPremove();\n\t\t\tcg.set({\n\t\t\t\tturnColor: 'white',\n\t\t\t\tmovable: {\n\t\t\t\t\tdests: undefined,\n\t\t\t\t},\n\t\t\t});\n\t\t}, 1000);\n\t\treturn cg;\n\t},\n};\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject, signal } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport {\n\tMAT_DIALOG_DATA,\n\tMatDialogModule,\n\tMatDialogRef,\n} from '@angular/material/dialog';\nimport { MatIconModule } from '@angular/material/icon';\n\n/**\n * Data passed to the promotion dialog.\n */\nexport interface PromotionDialogData {\n\t/** The color of the promoting pawn — determines piece set rendering. */\n\tcolor: 'white' | 'black';\n}\n\n/**\n * Legal promotion piece choices.\n * - `'q'` — Queen\n * - `'r'` — Rook\n * - `'b'` — Bishop\n * - `'n'` — Knight\n */\nexport type PromotionPiece = 'q' | 'r' | 'b' | 'n';\n\n/**\n * A Material dialog that lets the user choose a piece for pawn promotion.\n *\n * Displays four buttons (Queen, Rook, Bishop, Knight) styled with Unicode\n * chess piece characters. On selection, the dialog closes with the chosen\n * {@link PromotionPiece} string. If dismissed without selection, defaults to `'q'`.\n *\n * @remarks The component uses `ChangeDetectionStrategy.Default` for zoneless compatibility\n * but has been partially migrated and may be switched to `OnPush` after testing.\n */\n@Component({\n\tselector: 'ngx-promotion-dialog',\n\timports: [CommonModule, MatDialogModule, MatButtonModule, MatIconModule],\n // TODO: This component has been partially migrated to be zoneless-compatible.\n // After testing, this should be updated to ChangeDetectionStrategy.OnPush.\n changeDetection: ChangeDetectionStrategy.Default,\n\ttemplate: `\n