{
  "version": 3,
  "file": "MainAppPage.css",
  "sources": [
    "HoldPiece.svelte",
    "Level.svelte",
    "Lines.svelte",
    "NextPiece.svelte",
    "Ranking.svelte",
    "Score.svelte",
    "Statistics.svelte"
  ],
  "sourcesContent": [
    "<script lang=\"ts\">import { getContext } from \"svelte\";\r\n;\r\nimport { TETRIMINOS } from \"../helpers/constants\";\r\nimport Display from \"../components/Display.svelte\";\r\nimport Piece from \"../components/Piece.svelte\";\r\nconst { holdPieceStore } = getContext(TETRIMINOS);\r\nexport let width;\r\nexport let height;\r\n</script>\r\n\r\n<Display>\r\n    <div>\r\n        <span>Holding</span>\r\n        <Piece\r\n            {width}\r\n            {height}\r\n            piece={$holdPieceStore}\r\n            xOffset={$holdPieceStore ? (4 - $holdPieceStore?.matrix[0]?.length) / 2 : 0}\r\n            yOffset={1}\r\n        />\r\n    </div>\r\n</Display>\r\n\r\n<style>\r\n    span {\r\n        display: block;\r\n        text-align: center;\r\n    }\r\n</style>\r\n",
    "<script lang=\"ts\">import { getContext } from \"svelte\";\r\nimport Display from \"../components/Display.svelte\";\r\nimport { TETRIMINOS } from \"../helpers/constants\";\r\n;\r\nconst zeroPaddingTotal = 2;\r\nconst displayLength = 5;\r\nconst { level } = getContext(TETRIMINOS);\r\n$: display = padLevel($level);\r\nfunction padLevel(currentLevel) {\r\n    const level = currentLevel.toString();\r\n    const spacePadStart = Math.floor((5 - level.length) / 2) + level.length;\r\n    return level\r\n        .padStart(zeroPaddingTotal, \"0\")\r\n        .padEnd(spacePadStart, \" \")\r\n        .padStart(displayLength, \" \");\r\n}\r\n</script>\r\n\r\n<Display>\r\n    <div>\r\n        <span>Level</span>\r\n        <span class=\"display\">{display}</span>\r\n    </div>\r\n</Display>\r\n\r\n<style>\r\n    span {\r\n        display: block;\r\n    }\r\n    .display {\r\n        white-space: pre;\r\n    }\r\n</style>\r\n",
    "<script lang=\"ts\">import { getContext } from \"svelte\";\r\nimport Display from \"../components/Display.svelte\";\r\nimport { TETRIMINOS } from \"../helpers/constants\";\r\n;\r\nconst { lines } = getContext(TETRIMINOS);\r\nconst zeroPaddingTotal = 3;\r\n$: display = padLines($lines);\r\nfunction padLines(currentLines) {\r\n    const lines = currentLines.toString();\r\n    return lines.padStart(zeroPaddingTotal, \"0\");\r\n}\r\n</script>\r\n\r\n<Display>\r\n    <div>\r\n        <span>Lines {display}</span>\r\n    </div>\r\n</Display>\r\n\r\n<style>\r\n    div {\r\n        width: 100%;\r\n    }\r\n    span {\r\n        display: block;\r\n        text-align: right;\r\n    }\r\n</style>\r\n",
    "<script lang=\"ts\">import { getContext } from \"svelte\";\r\n;\r\nimport { TETRIMINOS } from \"../helpers/constants\";\r\nimport Display from \"../components/Display.svelte\";\r\nimport Piece from \"../components/Piece.svelte\";\r\nconst { nextPiece } = getContext(TETRIMINOS);\r\nexport let width;\r\nexport let height;\r\n</script>\r\n\r\n<Display>\r\n    <div>\r\n        <span>Next</span>\r\n        <Piece\r\n            {width}\r\n            {height}\r\n            piece={$nextPiece}\r\n            xOffset={(4 - $nextPiece.matrix[0].length) / 2}\r\n            yOffset={1}\r\n        />\r\n    </div>\r\n</Display>\r\n\r\n<style>\r\n    span {\r\n        display: block;\r\n        text-align: center;\r\n    }\r\n</style>\r\n",
    "<script lang=\"ts\">import { getContext } from \"svelte\";\r\nimport { TETRIMINOS } from \"../helpers/constants\";\r\n;\r\nimport Display from \"../components/Display.svelte\";\r\nconst { rankingStore } = getContext(TETRIMINOS);\r\n$: ranking = $rankingStore;\r\n</script>\r\n\r\n<Display>\r\n    <div class=\"scoreboard\">\r\n        <span>Top 10 Ranking: </span>\r\n        <ul style=\"list-style: none\">\r\n        {#each ranking as score, idx}\r\n            <li>{idx + 1} - {score}</li>\r\n        {/each}\r\n        </ul>\r\n    </div>\r\n</Display>\r\n\r\n<style>\r\n    .scoreboard {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-content: center;\r\n    }\r\n    span {\r\n        display: block;\r\n    }\r\n</style>\r\n",
    "<script lang=\"ts\">var _a;\r\nimport { getContext } from \"svelte\";\r\nimport { TETRIMINOS } from \"../helpers/constants\";\r\n;\r\nimport Display from \"../components/Display.svelte\";\r\nconst { scoreStore } = getContext(TETRIMINOS);\r\n$: display = (_a = $scoreStore === null || $scoreStore === void 0 ? void 0 : $scoreStore.toString()) === null || _a === void 0 ? void 0 : _a.padStart(6, \"0\");\r\n</script>\r\n\r\n<Display>\r\n    <div class=\"scoreboard\">\r\n        <span>Score</span>\r\n        <span>{display}</span>\r\n    </div>\r\n</Display>\r\n\r\n<style>\r\n    .scoreboard {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-content: center;\r\n    }\r\n    span {\r\n        display: block;\r\n    }\r\n</style>\r\n",
    "<script lang=\"ts\">import Display from \"../components/Display.svelte\";\r\nimport Piece from \"../components/Piece.svelte\";\r\nimport { pieceController } from \"../controllers/PieceController\";\r\nexport let stats = [];\r\n</script>\r\n<Display>\r\n    <div>\r\n        <div class=\"title\">Statistics</div>\r\n        {#each stats as stat}\r\n            <div class=\"stat\">\r\n                <Piece \r\n                    width={45}\r\n                    height={20}\r\n                    piece={pieceController?.tetriminos[stat.id - 1]}\r\n                    scale={0.5}\r\n                    xOffset={(4 - pieceController?.tetriminos[stat.id - 1].matrix[0].length) / 2} />\r\n                <span>{stat?.count?.toString()?.padStart(3, \"0\")}</span>\r\n            </div>\r\n        {/each}\r\n    </div>\r\n</Display>\r\n\r\n<style>\r\n    .stat {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        margin-bottom: 5px;\r\n    }\r\n</style>\r\n"
  ],
  "names": [],
  "mappings": "AAwBI,IAAI,cAAC,CAAC,AACF,OAAO,CAAE,KAAK,CACd,UAAU,CAAE,MAAM,AACtB,CAAC;ACDD,IAAI,cAAC,CAAC,AACF,OAAO,CAAE,KAAK,AAClB,CAAC,AACD,QAAQ,cAAC,CAAC,AACN,WAAW,CAAE,GAAG,AACpB,CAAC;ACXD,GAAG,cAAC,CAAC,AACD,KAAK,CAAE,IAAI,AACf,CAAC,AACD,IAAI,cAAC,CAAC,AACF,OAAO,CAAE,KAAK,CACd,UAAU,CAAE,KAAK,AACrB,CAAC;ACFD,IAAI,cAAC,CAAC,AACF,OAAO,CAAE,KAAK,CACd,UAAU,CAAE,MAAM,AACtB,CAAC;ACPD,WAAW,cAAC,CAAC,AACT,OAAO,CAAE,IAAI,CACb,cAAc,CAAE,MAAM,CACtB,aAAa,CAAE,MAAM,AACzB,CAAC,AACD,IAAI,cAAC,CAAC,AACF,OAAO,CAAE,KAAK,AAClB,CAAC;ACVD,WAAW,cAAC,CAAC,AACT,OAAO,CAAE,IAAI,CACb,cAAc,CAAE,MAAM,CACtB,aAAa,CAAE,MAAM,AACzB,CAAC,AACD,IAAI,cAAC,CAAC,AACF,OAAO,CAAE,KAAK,AAClB,CAAC;ACDD,KAAK,eAAC,CAAC,AACH,OAAO,CAAE,IAAI,CACb,eAAe,CAAE,MAAM,CACvB,WAAW,CAAE,MAAM,CACnB,aAAa,CAAE,GAAG,AACtB,CAAC"
}