{"ast":null,"code":"import { computed } from \"vue\";\nimport { useStore } from \"vuex\";\nimport confirmBet from \"@/components/confirmBet.vue\";\nimport chipView from \"@/components/chipView.vue\";\nimport { diceData } from \"@/utils/common\";\nexport default {\n  name: \"TableDice\",\n  components: {\n    confirmBet,\n    chipView\n  },\n  props: {\n    touch: {\n      type: String,\n      default: \"\"\n    },\n    bet_amount_msg: {\n      type: Object,\n      default: () => ({\n        ...diceData.amount\n      })\n    },\n    winArray: {\n      type: Array,\n      default: () => []\n    },\n    downChip: {\n      type: Object,\n      default: () => ({\n        ...diceData.amount\n      })\n    },\n    chipArray: {\n      type: Object,\n      default: () => ({\n        ...diceData.array\n      })\n    }\n  },\n  setup(prop, context) {\n    const store = useStore();\n    const Type = computed(() => store.state.config.$Type);\n    const Lang = computed(() => store.state.config.$lang);\n    const downBet = (e, type) => {\n      context.emit(\"downBet\", e, type);\n    };\n    const confirmChip = () => {\n      context.emit(\"confirmChip\");\n    };\n    const cancelChip = () => {\n      context.emit(\"cancelChip\");\n    };\n    return {\n      Type,\n      Lang,\n      downBet,\n      confirmChip,\n      cancelChip\n    };\n  }\n};","map":{"version":3,"names":["computed","useStore","confirmBet","chipView","diceData","name","components","props","touch","type","String","default","bet_amount_msg","Object","amount","winArray","Array","downChip","chipArray","array","setup","prop","context","store","Type","state","config","$Type","Lang","$lang","downBet","e","emit","confirmChip","cancelChip"],"sources":["/Users/li/Desktop/work/work2/OG/GamePortrait/src/components/PlayTable/TableDice.vue"],"sourcesContent":["<template>\n  <!-- 骰宝 -->\n  <div class=\"dice\">\n    <div class=\"list first\">\n      <!-- small -->\n      <div class=\"cols item small\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.small,\n            show: touch == 'small'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'small')\"\n          :list=\"chipArray.small\"\n          :win=\"winArray.includes('small')\"\n        ></chipView>\n        <div class=\"text\">\n          <span class=\"big blue\">{{ Lang[Type].small }}</span>\n          <span class=\"points blue\">4-10</span>\n          <span>1:1</span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.small || 0 }}</div>\n      </div>\n      <div class=\"cols\">\n        <div class=\"ratio\">1:10</div>\n        <!-- two_11 -->\n        <div class=\"item\">\n          <confirmBet\n            @confirm=\"confirmChip\"\n            @cancel=\"cancelChip\"\n            :data=\"{\n              money: downChip.two_11,\n              show: touch == 'two_11'\n            }\"\n          ></confirmBet>\n          <chipView\n            @click=\"downBet($event, 'two_11')\"\n            :list=\"chipArray.two_11\"\n            :win=\"winArray.includes('two_11')\"\n          ></chipView>\n          <div class=\"dice-box\">\n            <span class=\"span dice_1\"></span>\n            <span class=\"span dice_1\"></span>\n          </div>\n          <div class=\"money\">{{ bet_amount_msg.two_11 || 0 }}</div>\n        </div>\n        <!-- two_22 -->\n        <div class=\"item\">\n          <confirmBet\n            @confirm=\"confirmChip\"\n            @cancel=\"cancelChip\"\n            :data=\"{\n              money: downChip.two_22,\n              show: touch == 'two_22'\n            }\"\n          ></confirmBet>\n          <chipView\n            @click=\"downBet($event, 'two_22')\"\n            :list=\"chipArray.two_22\"\n            :win=\"winArray.includes('two_22')\"\n          ></chipView>\n          <div class=\"dice-box\">\n            <span class=\"span dice_2\"></span>\n            <span class=\"span dice_2\"></span>\n          </div>\n          <div class=\"money\">{{ bet_amount_msg.two_22 || 0 }}</div>\n        </div>\n        <!-- two_33 -->\n        <div class=\"item\">\n          <confirmBet\n            @confirm=\"confirmChip\"\n            @cancel=\"cancelChip\"\n            :data=\"{\n              money: downChip.two_33,\n              show: touch == 'two_33'\n            }\"\n          ></confirmBet>\n          <chipView\n            @click=\"downBet($event, 'two_33')\"\n            :list=\"chipArray.two_33\"\n            :win=\"winArray.includes('two_33')\"\n          ></chipView>\n          <div class=\"dice-box\">\n            <span class=\"span dice_3\"></span>\n            <span class=\"span dice_3\"></span>\n          </div>\n          <div class=\"money\">{{ bet_amount_msg.two_33 || 0 }}</div>\n        </div>\n      </div>\n      <div class=\"cols\">\n        <div class=\"ratio\">{{ Lang[Type].wai_dice }}1:180</div>\n        <!-- three_111 -->\n        <div class=\"item\">\n          <confirmBet\n            @confirm=\"confirmChip\"\n            @cancel=\"cancelChip\"\n            :data=\"{\n              money: downChip.three_111,\n              show: touch == 'three_111'\n            }\"\n          ></confirmBet>\n          <chipView\n            @click=\"downBet($event, 'three_111')\"\n            :list=\"chipArray.three_111\"\n            :win=\"winArray.includes('three_111')\"\n          ></chipView>\n          <div class=\"dice-box\">\n            <span class=\"span dice_1\"></span>\n            <span class=\"span dice_1\"></span>\n            <span class=\"span dice_1\"></span>\n          </div>\n          <div class=\"money\">{{ bet_amount_msg.three_111 || 0 }}</div>\n        </div>\n        <!-- three_222 -->\n        <div class=\"item\">\n          <confirmBet\n            @confirm=\"confirmChip\"\n            @cancel=\"cancelChip\"\n            :data=\"{\n              money: downChip.three_222,\n              show: touch == 'three_222'\n            }\"\n          ></confirmBet>\n          <chipView\n            @click=\"downBet($event, 'three_222')\"\n            :list=\"chipArray.three_222\"\n            :win=\"winArray.includes('three_222')\"\n          ></chipView>\n          <div class=\"dice-box\">\n            <span class=\"span dice_2\"></span>\n            <span class=\"span dice_2\"></span>\n            <span class=\"span dice_2\"></span>\n          </div>\n          <div class=\"money\">{{ bet_amount_msg.three_222 || 0 }}</div>\n        </div>\n        <!-- three_333 -->\n        <div class=\"item\">\n          <confirmBet\n            @confirm=\"confirmChip\"\n            @cancel=\"cancelChip\"\n            :data=\"{\n              money: downChip.three_333,\n              show: touch == 'three_333'\n            }\"\n          ></confirmBet>\n          <chipView\n            @click=\"downBet($event, 'three_333')\"\n            :list=\"chipArray.three_333\"\n            :win=\"winArray.includes('three_333')\"\n          ></chipView>\n          <div class=\"dice-box\">\n            <span class=\"span dice_3\"></span>\n            <span class=\"span dice_3\"></span>\n            <span class=\"span dice_3\"></span>\n          </div>\n          <div class=\"money\">{{ bet_amount_msg.three_333 || 0 }}</div>\n        </div>\n      </div>\n      <div class=\"cols triplet\">\n        <div class=\"ratio\">{{ Lang[Type].all_dice }}1:30</div>\n        <!-- leopard -->\n        <div class=\"item\">\n          <confirmBet\n            @confirm=\"confirmChip\"\n            @cancel=\"cancelChip\"\n            :data=\"{\n              money: downChip.leopard,\n              show: touch == 'leopard'\n            }\"\n          ></confirmBet>\n          <chipView\n            @click=\"downBet($event, 'leopard')\"\n            :list=\"chipArray.leopard\"\n            :win=\"winArray.includes('leopard')\"\n          ></chipView>\n          <div class=\"dice-box\">\n            <div class=\"column\">\n              <div class=\"flex\">\n                <span class=\"span dice_1\"></span>\n                <span class=\"span dice_1\"></span>\n                <span class=\"span dice_1\"></span>\n              </div>\n              <div class=\"flex\">\n                <span class=\"span dice_2\"></span>\n                <span class=\"span dice_2\"></span>\n                <span class=\"span dice_2\"></span>\n              </div>\n              <div class=\"flex\">\n                <span class=\"span dice_3\"></span>\n                <span class=\"span dice_3\"></span>\n                <span class=\"span dice_3\"></span>\n              </div>\n            </div>\n            <div class=\"column\">\n              <div class=\"flex\">\n                <span class=\"span dice_4\"></span>\n                <span class=\"span dice_4\"></span>\n                <span class=\"span dice_4\"></span>\n              </div>\n              <div class=\"flex\">\n                <span class=\"span dice_5\"></span>\n                <span class=\"span dice_5\"></span>\n                <span class=\"span dice_5\"></span>\n              </div>\n              <div class=\"flex\">\n                <span class=\"span dice_6\"></span>\n                <span class=\"span dice_6\"></span>\n                <span class=\"span dice_6\"></span>\n              </div>\n            </div>\n          </div>\n          <div class=\"money\">{{ bet_amount_msg.leopard || 0 }}</div>\n        </div>\n      </div>\n      <div class=\"cols\">\n        <div class=\"ratio\">{{ Lang[Type].wai_dice }}1:180</div>\n        <!-- three_444 -->\n        <div class=\"item\">\n          <confirmBet\n            @confirm=\"confirmChip\"\n            @cancel=\"cancelChip\"\n            :data=\"{\n              money: downChip.three_444,\n              show: touch == 'three_444'\n            }\"\n          ></confirmBet>\n          <chipView\n            @click=\"downBet($event, 'three_444')\"\n            :list=\"chipArray.three_444\"\n            :win=\"winArray.includes('three_444')\"\n          ></chipView>\n          <div class=\"dice-box\">\n            <span class=\"span dice_4\"></span>\n            <span class=\"span dice_4\"></span>\n            <span class=\"span dice_4\"></span>\n          </div>\n          <div class=\"money\">{{ bet_amount_msg.three_444 || 0 }}</div>\n        </div>\n        <!-- three_555 -->\n        <div class=\"item\">\n          <confirmBet\n            @confirm=\"confirmChip\"\n            @cancel=\"cancelChip\"\n            :data=\"{\n              money: downChip.three_555,\n              show: touch == 'three_555'\n            }\"\n          ></confirmBet>\n          <chipView\n            @click=\"downBet($event, 'three_555')\"\n            :list=\"chipArray.three_555\"\n            :win=\"winArray.includes('three_555')\"\n          ></chipView>\n          <div class=\"dice-box\">\n            <span class=\"span dice_5\"></span>\n            <span class=\"span dice_5\"></span>\n            <span class=\"span dice_5\"></span>\n          </div>\n          <div class=\"money\">{{ bet_amount_msg.three_555 || 0 }}</div>\n        </div>\n        <!-- three_666 -->\n        <div class=\"item\">\n          <confirmBet\n            @confirm=\"confirmChip\"\n            @cancel=\"cancelChip\"\n            :data=\"{\n              money: downChip.three_666,\n              show: touch == 'three_666'\n            }\"\n          ></confirmBet>\n          <chipView\n            @click=\"downBet($event, 'three_666')\"\n            :list=\"chipArray.three_666\"\n            :win=\"winArray.includes('three_666')\"\n          ></chipView>\n          <div class=\"dice-box\">\n            <span class=\"span dice_6\"></span>\n            <span class=\"span dice_6\"></span>\n            <span class=\"span dice_6\"></span>\n          </div>\n          <div class=\"money\">{{ bet_amount_msg.three_666 || 0 }}</div>\n        </div>\n      </div>\n      <div class=\"cols\">\n        <div class=\"ratio\">1:10</div>\n        <!-- two_44 -->\n        <div class=\"item\">\n          <confirmBet\n            @confirm=\"confirmChip\"\n            @cancel=\"cancelChip\"\n            :data=\"{\n              money: downChip.two_44,\n              show: touch == 'two_44'\n            }\"\n          ></confirmBet>\n          <chipView\n            @click=\"downBet($event, 'two_44')\"\n            :list=\"chipArray.two_44\"\n            :win=\"winArray.includes('two_44')\"\n          ></chipView>\n          <div class=\"dice-box\">\n            <span class=\"span dice_4\"></span>\n            <span class=\"span dice_4\"></span>\n          </div>\n          <div class=\"money\">{{ bet_amount_msg.two_44 || 0 }}</div>\n        </div>\n        <!-- two_55 -->\n        <div class=\"item\">\n          <confirmBet\n            @confirm=\"confirmChip\"\n            @cancel=\"cancelChip\"\n            :data=\"{\n              money: downChip.two_55,\n              show: touch == 'two_55'\n            }\"\n          ></confirmBet>\n          <chipView\n            @click=\"downBet($event, 'two_55')\"\n            :list=\"chipArray.two_55\"\n            :win=\"winArray.includes('two_55')\"\n          ></chipView>\n          <div class=\"dice-box\">\n            <span class=\"span dice_5\"></span>\n            <span class=\"span dice_5\"></span>\n          </div>\n          <div class=\"money\">{{ bet_amount_msg.two_55 || 0 }}</div>\n        </div>\n        <!-- two_66 -->\n        <div class=\"item\">\n          <confirmBet\n            @confirm=\"confirmChip\"\n            @cancel=\"cancelChip\"\n            :data=\"{\n              money: downChip.two_66,\n              show: touch == 'two_66'\n            }\"\n          ></confirmBet>\n          <chipView\n            @click=\"downBet($event, 'two_66')\"\n            :list=\"chipArray.two_66\"\n            :win=\"winArray.includes('two_66')\"\n          ></chipView>\n          <div class=\"dice-box\">\n            <span class=\"span dice_6\"></span>\n            <span class=\"span dice_6\"></span>\n          </div>\n          <div class=\"money\">{{ bet_amount_msg.two_66 || 0 }}</div>\n        </div>\n      </div>\n      <div class=\"cols item big\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.big,\n            show: touch == 'big'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'big')\"\n          :list=\"chipArray.big\"\n          :win=\"winArray.includes('big')\"\n        ></chipView>\n        <div class=\"text\">\n          <span class=\"big red\">{{ Lang[Type].big }}</span>\n          <span class=\"points red\">11-17</span>\n          <span>1:1</span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.big || 0 }}</div>\n      </div>\n    </div>\n    <div class=\"list second\">\n      <!-- number_4 -->\n      <div class=\"item\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.number_4,\n            show: touch == 'number_4'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'number_4')\"\n          :list=\"chipArray.number_4\"\n          :win=\"winArray.includes('number_4')\"\n        ></chipView>\n        <div class=\"text\">\n          <span class=\"big\">4</span>\n          <span>1:60</span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.number_4 || 0 }}</div>\n      </div>\n      <!-- number_5 -->\n      <div class=\"item\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.number_5,\n            show: touch == 'number_5'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'number_5')\"\n          :list=\"chipArray.number_5\"\n          :win=\"winArray.includes('number_5')\"\n        ></chipView>\n        <div class=\"text\">\n          <span class=\"big\">5</span>\n          <span>1:30</span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.number_5 || 0 }}</div>\n      </div>\n      <!-- number_6 -->\n      <div class=\"item\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.number_6,\n            show: touch == 'number_6'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'number_6')\"\n          :list=\"chipArray.number_6\"\n          :win=\"winArray.includes('number_6')\"\n        ></chipView>\n        <div class=\"text\">\n          <span class=\"big\">6</span>\n          <span>1:18</span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.number_6 || 0 }}</div>\n      </div>\n      <!-- number_7 -->\n      <div class=\"item\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.number_7,\n            show: touch == 'number_7'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'number_7')\"\n          :list=\"chipArray.number_7\"\n          :win=\"winArray.includes('number_7')\"\n        ></chipView>\n        <div class=\"text\">\n          <span class=\"big\">7</span>\n          <span>1:12</span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.number_7 || 0 }}</div>\n      </div>\n      <!-- number_8 -->\n      <div class=\"item\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.number_8,\n            show: touch == 'number_8'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'number_8')\"\n          :list=\"chipArray.number_8\"\n          :win=\"winArray.includes('number_8')\"\n        ></chipView>\n        <div class=\"text\">\n          <span class=\"big\">8</span>\n          <span>1:8</span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.number_8 || 0 }}</div>\n      </div>\n      <!-- number_9 -->\n      <div class=\"item\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.number_9,\n            show: touch == 'number_9'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'number_9')\"\n          :list=\"chipArray.number_9\"\n          :win=\"winArray.includes('number_9')\"\n        ></chipView>\n        <div class=\"text\">\n          <span class=\"big\">9</span>\n          <span>1:6</span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.number_9 || 0 }}</div>\n      </div>\n      <!-- number_10 -->\n      <div class=\"item\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.number_10,\n            show: touch == 'number_10'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'number_10')\"\n          :list=\"chipArray.number_10\"\n          :win=\"winArray.includes('number_10')\"\n        ></chipView>\n        <div class=\"text\">\n          <span class=\"big\">10</span>\n          <span>1:6</span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.number_10 || 0 }}</div>\n      </div>\n      <!-- number_11 -->\n      <div class=\"item\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.number_11,\n            show: touch == 'number_11'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'number_11')\"\n          :list=\"chipArray.number_11\"\n          :win=\"winArray.includes('number_11')\"\n        ></chipView>\n        <div class=\"text\">\n          <span class=\"big\">11</span>\n          <span>1:6</span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.number_11 || 0 }}</div>\n      </div>\n      <!-- number_12 -->\n      <div class=\"item\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.number_12,\n            show: touch == 'number_12'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'number_12')\"\n          :list=\"chipArray.number_12\"\n          :win=\"winArray.includes('number_12')\"\n        ></chipView>\n        <div class=\"text\">\n          <span class=\"big\">12</span>\n          <span>1:6</span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.number_12 || 0 }}</div>\n      </div>\n      <!-- number_13 -->\n      <div class=\"item\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.number_13,\n            show: touch == 'number_13'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'number_13')\"\n          :list=\"chipArray.number_13\"\n          :win=\"winArray.includes('number_13')\"\n        ></chipView>\n        <div class=\"text\">\n          <span class=\"big\">13</span>\n          <span>1:8</span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.number_13 || 0 }}</div>\n      </div>\n      <!-- number_14 -->\n      <div class=\"item\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.number_14,\n            show: touch == 'number_14'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'number_14')\"\n          :list=\"chipArray.number_14\"\n          :win=\"winArray.includes('number_14')\"\n        ></chipView>\n        <div class=\"text\">\n          <span class=\"big\">14</span>\n          <span>1:12</span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.number_14 || 0 }}</div>\n      </div>\n      <!-- number_15 -->\n      <div class=\"item\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.number_15,\n            show: touch == 'number_15'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'number_15')\"\n          :list=\"chipArray.number_15\"\n          :win=\"winArray.includes('number_15')\"\n        ></chipView>\n        <div class=\"text\">\n          <span class=\"big\">15</span>\n          <span>1:18</span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.number_15 || 0 }}</div>\n      </div>\n      <!-- number_16 -->\n      <div class=\"item\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.number_16,\n            show: touch == 'number_16'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'number_16')\"\n          :list=\"chipArray.number_16\"\n          :win=\"winArray.includes('number_16')\"\n        ></chipView>\n        <div class=\"text\">\n          <span class=\"big\">16</span>\n          <span>1:30</span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.number_16 || 0 }}</div>\n      </div>\n      <!-- number_17 -->\n      <div class=\"item\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.number_17,\n            show: touch == 'number_17'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'number_17')\"\n          :list=\"chipArray.number_17\"\n          :win=\"winArray.includes('number_17')\"\n        ></chipView>\n        <div class=\"text\">\n          <span class=\"big\">17</span>\n          <span>1:60</span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.number_17 || 0 }}</div>\n      </div>\n    </div>\n    <div class=\"list third\">\n      <!-- two_12 -->\n      <div class=\"item\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.two_12,\n            show: touch == 'two_12'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'two_12')\"\n          :list=\"chipArray.two_12\"\n          :win=\"winArray.includes('two_12')\"\n        ></chipView>\n        <div class=\"dice-box\">\n          <span class=\"span dice_1\"></span>\n          <span class=\"span dice_2\"></span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.two_12 || 0 }}</div>\n      </div>\n      <!-- two_13 -->\n      <div class=\"item\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.two_13,\n            show: touch == 'two_13'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'two_13')\"\n          :list=\"chipArray.two_13\"\n          :win=\"winArray.includes('two_13')\"\n        ></chipView>\n        <div class=\"dice-box\">\n          <span class=\"span dice_1\"></span>\n          <span class=\"span dice_3\"></span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.two_13 || 0 }}</div>\n      </div>\n      <!-- two_14 -->\n      <div class=\"item\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.two_14,\n            show: touch == 'two_14'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'two_14')\"\n          :list=\"chipArray.two_14\"\n          :win=\"winArray.includes('two_14')\"\n        ></chipView>\n        <div class=\"dice-box\">\n          <span class=\"span dice_1\"></span>\n          <span class=\"span dice_4\"></span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.two_14 || 0 }}</div>\n      </div>\n      <!-- two_15 -->\n      <div class=\"item\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.two_15,\n            show: touch == 'two_15'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'two_15')\"\n          :list=\"chipArray.two_15\"\n          :win=\"winArray.includes('two_15')\"\n        ></chipView>\n        <div class=\"dice-box\">\n          <span class=\"span dice_1\"></span>\n          <span class=\"span dice_5\"></span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.two_15 || 0 }}</div>\n      </div>\n      <!-- two_16 -->\n      <div class=\"item\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.two_16,\n            show: touch == 'two_16'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'two_16')\"\n          :list=\"chipArray.two_16\"\n          :win=\"winArray.includes('two_16')\"\n        ></chipView>\n        <div class=\"dice-box\">\n          <span class=\"span dice_1\"></span>\n          <span class=\"span dice_6\"></span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.two_16 || 0 }}</div>\n      </div>\n      <!-- two_23 -->\n      <div class=\"item\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.two_23,\n            show: touch == 'two_23'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'two_23')\"\n          :list=\"chipArray.two_23\"\n          :win=\"winArray.includes('two_23')\"\n        ></chipView>\n        <div class=\"dice-box\">\n          <span class=\"span dice_2\"></span>\n          <span class=\"span dice_3\"></span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.two_23 || 0 }}</div>\n      </div>\n      <!-- two_24 -->\n      <div class=\"item\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.two_24,\n            show: touch == 'two_24'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'two_24')\"\n          :list=\"chipArray.two_24\"\n          :win=\"winArray.includes('two_24')\"\n        ></chipView>\n        <div class=\"dice-box\">\n          <span class=\"span dice_2\"></span>\n          <span class=\"span dice_4\"></span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.two_24 || 0 }}</div>\n      </div>\n      <!-- two_25 -->\n      <div class=\"item\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.two_25,\n            show: touch == 'two_25'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'two_25')\"\n          :list=\"chipArray.two_25\"\n          :win=\"winArray.includes('two_25')\"\n        ></chipView>\n        <div class=\"dice-box\">\n          <span class=\"span dice_2\"></span>\n          <span class=\"span dice_5\"></span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.two_25 || 0 }}</div>\n      </div>\n      <!-- two_26 -->\n      <div class=\"item\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.two_26,\n            show: touch == 'two_26'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'two_26')\"\n          :list=\"chipArray.two_26\"\n          :win=\"winArray.includes('two_26')\"\n        ></chipView>\n        <div class=\"dice-box\">\n          <span class=\"span dice_2\"></span>\n          <span class=\"span dice_6\"></span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.two_26 || 0 }}</div>\n      </div>\n      <!-- two_34 -->\n      <div class=\"item\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.two_34,\n            show: touch == 'two_34'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'two_34')\"\n          :list=\"chipArray.two_34\"\n          :win=\"winArray.includes('two_34')\"\n        ></chipView>\n        <div class=\"dice-box\">\n          <span class=\"span dice_3\"></span>\n          <span class=\"span dice_4\"></span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.two_34 || 0 }}</div>\n      </div>\n      <!-- two_35 -->\n      <div class=\"item\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.two_35,\n            show: touch == 'two_35'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'two_35')\"\n          :list=\"chipArray.two_35\"\n          :win=\"winArray.includes('two_35')\"\n        ></chipView>\n        <div class=\"dice-box\">\n          <span class=\"span dice_3\"></span>\n          <span class=\"span dice_5\"></span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.two_35 || 0 }}</div>\n      </div>\n      <!-- two_36 -->\n      <div class=\"item\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.two_36,\n            show: touch == 'two_36'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'two_36')\"\n          :list=\"chipArray.two_36\"\n          :win=\"winArray.includes('two_36')\"\n        ></chipView>\n        <div class=\"dice-box\">\n          <span class=\"span dice_3\"></span>\n          <span class=\"span dice_6\"></span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.two_36 || 0 }}</div>\n      </div>\n      <!-- two_45 -->\n      <div class=\"item\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.two_45,\n            show: touch == 'two_45'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'two_45')\"\n          :list=\"chipArray.two_45\"\n          :win=\"winArray.includes('two_45')\"\n        ></chipView>\n        <div class=\"dice-box\">\n          <span class=\"span dice_4\"></span>\n          <span class=\"span dice_5\"></span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.two_45 || 0 }}</div>\n      </div>\n      <!-- two_46 -->\n      <div class=\"item\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.two_46,\n            show: touch == 'two_46'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'two_46')\"\n          :list=\"chipArray.two_46\"\n          :win=\"winArray.includes('two_46')\"\n        ></chipView>\n        <div class=\"dice-box\">\n          <span class=\"span dice_4\"></span>\n          <span class=\"span dice_6\"></span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.two_46 || 0 }}</div>\n      </div>\n      <!-- two_56 -->\n      <div class=\"item\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.two_56,\n            show: touch == 'two_56'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'two_56')\"\n          :list=\"chipArray.two_56\"\n          :win=\"winArray.includes('two_56')\"\n        ></chipView>\n        <div class=\"dice-box\">\n          <span class=\"span dice_5\"></span>\n          <span class=\"span dice_6\"></span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.two_56 || 0 }}</div>\n      </div>\n    </div>\n    <div class=\"list fourth\">1:5</div>\n    <div class=\"list fifth\">\n      <!-- singular -->\n      <div class=\"cols item singular\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.singular,\n            show: touch == 'singular'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'singular')\"\n          :list=\"chipArray.singular\"\n          :win=\"winArray.includes('singular')\"\n        ></chipView>\n        <div class=\"text\">\n          <span class=\"big blue\">{{ Lang[Type].odd }}</span>\n          <span>1:1</span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.singular || 0 }}</div>\n      </div>\n      <div class=\"cols center\">\n        <div class=\"top\">\n          <!-- living_1 -->\n          <div class=\"item\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.living_1,\n                show: touch == 'living_1'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'living_1')\"\n              :list=\"chipArray.living_1\"\n              :win=\"winArray.includes('living_1')\"\n            ></chipView>\n            <div class=\"dice-box\">\n              <span class=\"span dice_1\"></span>\n            </div>\n            <div class=\"money\">{{ bet_amount_msg.living_1 || 0 }}</div>\n          </div>\n          <!-- living_2 -->\n          <div class=\"item\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.living_2,\n                show: touch == 'living_2'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'living_2')\"\n              :list=\"chipArray.living_2\"\n              :win=\"winArray.includes('living_2')\"\n            ></chipView>\n            <div class=\"dice-box\">\n              <span class=\"span dice_2\"></span>\n            </div>\n            <div class=\"money\">{{ bet_amount_msg.living_2 || 0 }}</div>\n          </div>\n          <!-- living_3 -->\n          <div class=\"item\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.living_3,\n                show: touch == 'living_3'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'living_3')\"\n              :list=\"chipArray.living_3\"\n              :win=\"winArray.includes('living_3')\"\n            ></chipView>\n            <div class=\"dice-box\">\n              <span class=\"span dice_3\"></span>\n            </div>\n            <div class=\"money\">{{ bet_amount_msg.living_3 || 0 }}</div>\n          </div>\n          <!-- living_4 -->\n          <div class=\"item\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.living_4,\n                show: touch == 'living_4'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'living_4')\"\n              :list=\"chipArray.living_4\"\n              :win=\"winArray.includes('living_4')\"\n            ></chipView>\n            <div class=\"dice-box\">\n              <span class=\"span dice_4\"></span>\n            </div>\n            <div class=\"money\">{{ bet_amount_msg.living_4 || 0 }}</div>\n          </div>\n          <!-- living_5 -->\n          <div class=\"item\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.living_5,\n                show: touch == 'living_5'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'living_5')\"\n              :list=\"chipArray.living_5\"\n              :win=\"winArray.includes('living_5')\"\n            ></chipView>\n            <div class=\"dice-box\">\n              <span class=\"span dice_5\"></span>\n            </div>\n            <div class=\"money\">{{ bet_amount_msg.living_5 || 0 }}</div>\n          </div>\n          <!-- living_6 -->\n          <div class=\"item\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.living_6,\n                show: touch == 'living_6'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'living_6')\"\n              :list=\"chipArray.living_6\"\n              :win=\"winArray.includes('living_6')\"\n            ></chipView>\n            <div class=\"dice-box\">\n              <span class=\"span dice_6\"></span>\n            </div>\n            <div class=\"money\">{{ bet_amount_msg.living_6 || 0 }}</div>\n          </div>\n        </div>\n        <div class=\"bottom\">\n          <span>{{ Lang[Type].single_dice }} 1:1</span>\n          <span>{{ Lang[Type].double_dice }} 1:2</span>\n          <span>{{ Lang[Type].three_dice }} 1:3</span>\n        </div>\n      </div>\n      <!-- plural -->\n      <div class=\"cols item plural\">\n        <confirmBet\n          @confirm=\"confirmChip\"\n          @cancel=\"cancelChip\"\n          :data=\"{\n            money: downChip.plural,\n            show: touch == 'plural'\n          }\"\n        ></confirmBet>\n        <chipView\n          @click=\"downBet($event, 'plural')\"\n          :list=\"chipArray.plural\"\n          :win=\"winArray.includes('plural')\"\n        ></chipView>\n        <div class=\"text\">\n          <span class=\"big red\">{{ Lang[Type].even }}</span>\n          <span>1:1</span>\n        </div>\n        <div class=\"money\">{{ bet_amount_msg.plural || 0 }}</div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { computed } from \"vue\"\nimport { useStore } from \"vuex\"\nimport confirmBet from \"@/components/confirmBet.vue\"\nimport chipView from \"@/components/chipView.vue\"\nimport { diceData } from \"@/utils/common\"\nexport default {\n  name: \"TableDice\",\n  components: { confirmBet, chipView },\n  props: {\n    touch: {\n      type: String,\n      default: \"\"\n    },\n    bet_amount_msg: {\n      type: Object,\n      default: () => ({\n        ...diceData.amount\n      })\n    },\n    winArray: {\n      type: Array,\n      default: () => []\n    },\n    downChip: {\n      type: Object,\n      default: () => ({\n        ...diceData.amount\n      })\n    },\n    chipArray: {\n      type: Object,\n      default: () => ({ ...diceData.array })\n    }\n  },\n  setup(prop, context) {\n    const store = useStore()\n    const Type = computed(() => store.state.config.$Type)\n    const Lang = computed(() => store.state.config.$lang)\n    const downBet = (e, type) => {\n      context.emit(\"downBet\", e, type)\n    }\n    const confirmChip = () => {\n      context.emit(\"confirmChip\")\n    }\n    const cancelChip = () => {\n      context.emit(\"cancelChip\")\n    }\n    return { Type, Lang, downBet, confirmChip, cancelChip }\n  }\n}\n</script>\n<style lang=\"scss\" scoped>\n.dice {\n  position: absolute;\n  top: 1.8rem;\n  left: 2.8rem;\n  right: 3.8rem;\n  bottom: 0.25rem;\n  border-radius: 10px;\n  border: 1px solid #898a91;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  transform: rotateX(0deg);\n  .list {\n    width: 100%;\n    box-sizing: border-box;\n    display: flex;\n    .item {\n      position: relative;\n      border-right: 1px solid #898a91;\n      font-size: 0.45rem;\n      &:last-child {\n        border: none;\n      }\n      &.unclick {\n        &:after {\n          content: \"\";\n          position: absolute;\n          width: 102%;\n          border-bottom: 1px solid #898a91;\n          top: 50%;\n          transform: rotate(14deg);\n          z-index: 6;\n          left: -2px;\n        }\n        &.max:after {\n          width: 104%;\n          transform: rotate(21deg);\n        }\n        &.min:after {\n          width: 104%;\n          transform: rotate(21deg);\n        }\n        .chip-view {\n          background: rgb(98 74 4 / 40%);\n        }\n      }\n\n      .chip-box {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        left: 0;\n        top: 0;\n        &:active {\n          background: rgba(255, 255, 255, 0.3);\n        }\n      }\n      .text {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        height: 100%;\n        line-height: 1;\n        z-index: 2;\n        pointer-events: none;\n        .big {\n          font-weight: bold;\n          padding-right: 0.24rem;\n          padding-left: 0.2rem;\n        }\n      }\n      .money {\n        position: absolute;\n        font-size: 0.24rem;\n        font-weight: normal;\n        left: -3px;\n        bottom: -3px;\n        transform: scale(0.5);\n        pointer-events: none;\n        color: #ddd;\n        vertical-align: bottom;\n        &::before {\n          display: inline-block;\n          content: \"总\";\n          background: rgba(255, 255, 255, 0.4);\n          font-size: 10px;\n          border-radius: 0.615rem;\n          width: 0.615rem;\n          height: 0.615rem;\n          text-align: center;\n          line-height: 0.615rem;\n          font-weight: normal;\n          margin-right: 0.06rem;\n          transform: scale(0.7);\n        }\n      }\n    }\n  }\n  .first {\n    height: 35%;\n    border-bottom: 1px solid #898a91;\n    .cols {\n      width: 12.5%;\n      box-sizing: border-box;\n      border-right: 1px solid #898a91;\n      position: relative;\n      color: #fff;\n      font-size: 0.35rem;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: space-between;\n      &.small .chip-view {\n        border-top-left-radius: 10px;\n      }\n      &.big .chip-view {\n        border-top-right-radius: 10px;\n      }\n      &:last-child {\n        border-right: none;\n      }\n      .ratio {\n        line-height: 1;\n        padding: 0.13rem 0;\n        font-weight: 600;\n        font-size: 0.38rem;\n        width: 100%;\n        text-align: center;\n        pointer-events: none;\n      }\n      .item {\n        border-top: 1px solid #898a91;\n        border-right: none;\n        box-sizing: border-box;\n        width: 100%;\n        flex: 1;\n      }\n      .points {\n        line-height: 1;\n        padding: 0.2rem 0;\n        font-size: 0.4rem;\n        text-align: center;\n      }\n      .text {\n        flex-direction: column;\n        line-height: 1;\n        text-shadow: 1px 1px #050505;\n        pointer-events: none;\n        .big {\n          font-size: 0.8rem;\n        }\n      }\n    }\n    .triplet {\n      width: 25%;\n    }\n  }\n  .second {\n    width: 100%;\n    height: 19%;\n    border-bottom: 1px solid #898a91;\n    display: flex;\n    .item {\n      flex: 1;\n      .text {\n        flex-direction: column;\n        line-height: 1;\n        text-shadow: 1px 1px #050505;\n        color: #fff;\n        font-size: 0.35rem;\n        font-weight: 600;\n        .big {\n          font-size: 0.55rem;\n        }\n      }\n    }\n  }\n  .third {\n    width: 100%;\n    height: 19%;\n    border-bottom: 1px solid #898a91;\n    display: flex;\n    .item {\n      flex: 1;\n      .dice-box {\n        flex-direction: column;\n        .span {\n          margin: 0.05rem 0;\n        }\n      }\n    }\n  }\n  .fourth {\n    height: 7%;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.45rem;\n    color: #fff;\n    border-bottom: 1px solid #898a91;\n    pointer-events: none;\n  }\n  .fifth {\n    height: 20%;\n    color: #fff;\n    .center {\n      width: 75%;\n      border-right: 1px solid #898a91;\n      box-sizing: border-box;\n      display: flex;\n      flex-direction: column;\n      .top {\n        flex: 1;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        .item {\n          flex: 1;\n          height: 100%;\n        }\n      }\n      .bottom {\n        border-top: 1px solid #898a91;\n        box-sizing: border-box;\n        display: flex;\n        justify-content: space-around;\n        line-height: 1;\n        padding: 0.13rem 0;\n        font-weight: 600;\n        font-size: 0.4rem;\n      }\n    }\n    .singular {\n      width: 12.5%;\n      .chip-view {\n        border-bottom-left-radius: 10px;\n      }\n    }\n    .plural {\n      width: 12.5%;\n      .chip-view {\n        border-bottom-right-radius: 10px;\n      }\n    }\n    .text {\n      flex-direction: column;\n      line-height: 1;\n      text-shadow: 1px 1px #050505;\n      font-size: 0.35rem;\n      .big {\n        font-size: 0.8rem;\n        margin-bottom: 0.05rem;\n      }\n    }\n  }\n  .dice-box {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    pointer-events: none;\n    .column {\n      display: flex;\n      flex-direction: column;\n      margin: 0 1.5%;\n      .flex {\n        margin: 0.1rem 0;\n      }\n    }\n    .span {\n      width: 0.43rem;\n      height: 0.43rem;\n      margin: 0 1.5%;\n      background-size: 100% 100%;\n      background-repeat: no-repeat;\n    }\n    .dice_1 {\n      background-image: url(\"~@/assets/images/dice/dice_1.png\");\n    }\n    .dice_2 {\n      background-image: url(\"~@/assets/images/dice/dice_2.png\");\n    }\n    .dice_3 {\n      background-image: url(\"~@/assets/images/dice/dice_3.png\");\n    }\n    .dice_4 {\n      background-image: url(\"~@/assets/images/dice/dice_4.png\");\n    }\n    .dice_5 {\n      background-image: url(\"~@/assets/images/dice/dice_5.png\");\n    }\n    .dice_6 {\n      background-image: url(\"~@/assets/images/dice/dice_6.png\");\n    }\n  }\n  .blue {\n    color: #12a2e6;\n  }\n  .red {\n    color: #fe8365;\n  }\n}\n</style>\n"],"mappings":"AA6oCA,SAASA,QAAO,QAAS,KAAI;AAC7B,SAASC,QAAO,QAAS,MAAK;AAC9B,OAAOC,UAAS,MAAO,6BAA4B;AACnD,OAAOC,QAAO,MAAO,2BAA0B;AAC/C,SAASC,QAAO,QAAS,gBAAe;AACxC,eAAe;EACbC,IAAI,EAAE,WAAW;EACjBC,UAAU,EAAE;IAAEJ,UAAU;IAAEC;EAAS,CAAC;EACpCI,KAAK,EAAE;IACLC,KAAK,EAAE;MACLC,IAAI,EAAEC,MAAM;MACZC,OAAO,EAAE;IACX,CAAC;IACDC,cAAc,EAAE;MACdH,IAAI,EAAEI,MAAM;MACZF,OAAO,EAAEA,CAAA,MAAO;QACd,GAAGP,QAAQ,CAACU;MACd,CAAC;IACH,CAAC;IACDC,QAAQ,EAAE;MACRN,IAAI,EAAEO,KAAK;MACXL,OAAO,EAAEA,CAAA,KAAM;IACjB,CAAC;IACDM,QAAQ,EAAE;MACRR,IAAI,EAAEI,MAAM;MACZF,OAAO,EAAEA,CAAA,MAAO;QACd,GAAGP,QAAQ,CAACU;MACd,CAAC;IACH,CAAC;IACDI,SAAS,EAAE;MACTT,IAAI,EAAEI,MAAM;MACZF,OAAO,EAAEA,CAAA,MAAO;QAAE,GAAGP,QAAQ,CAACe;MAAM,CAAC;IACvC;EACF,CAAC;EACDC,KAAKA,CAACC,IAAI,EAAEC,OAAO,EAAE;IACnB,MAAMC,KAAI,GAAItB,QAAQ,EAAC;IACvB,MAAMuB,IAAG,GAAIxB,QAAQ,CAAC,MAAMuB,KAAK,CAACE,KAAK,CAACC,MAAM,CAACC,KAAK;IACpD,MAAMC,IAAG,GAAI5B,QAAQ,CAAC,MAAMuB,KAAK,CAACE,KAAK,CAACC,MAAM,CAACG,KAAK;IACpD,MAAMC,OAAM,GAAIA,CAACC,CAAC,EAAEtB,IAAI,KAAK;MAC3Ba,OAAO,CAACU,IAAI,CAAC,SAAS,EAAED,CAAC,EAAEtB,IAAI;IACjC;IACA,MAAMwB,WAAU,GAAIA,CAAA,KAAM;MACxBX,OAAO,CAACU,IAAI,CAAC,aAAa;IAC5B;IACA,MAAME,UAAS,GAAIA,CAAA,KAAM;MACvBZ,OAAO,CAACU,IAAI,CAAC,YAAY;IAC3B;IACA,OAAO;MAAER,IAAI;MAAEI,IAAI;MAAEE,OAAO;MAAEG,WAAW;MAAEC;IAAW;EACxD;AACF"},"metadata":{},"sourceType":"module","externalDependencies":[]}