@everymatrix/casino-game-thumb-view 1.44.0 → 1.45.0

package/dist/components/casino-extrainfo-roulette.js

@@ -1,78 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { R as ROULETTE_COLOR_MAP, a as WIDGETTYPE_GAMECATEGORY } from './game-thumbnail.js';
-import { d as defineCustomElement$3 } from './casino-game-thumbnail-betlimit2.js';
-import { d as defineCustomElement$2 } from './casino-game-thumbnail-extrainfo2.js';
-
-const casinoExtrainfoRouletteCss = ":host{display:block;font-family:system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}.Blue{color:#4d90a7}.Red{background-color:red}.Black{background-color:var(--emfe-w-color-black, #000000)}.Green{background-color:#56A80A}.White{background-color:var(--emfe-w-color-white, #FFFFFF)}.Yellow{background-color:#eeca3d}.Gold{background-color:#866d0c}.Orange{background-color:#574708}.Purple{background-color:#330033}";
-
-const CasinoExtrainfoRoulette$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    /**
-     * Language
-     */
-    this.language = 'en';
-  }
-  async onGameLoaded(gameInfo) {
-    var _a;
-    this.gameInfo = Object.assign({}, gameInfo);
-    this.gameDetails = this.gameInfo.details ? Object.assign({}, this.gameInfo.details) : null;
-    (_a = this.infoWrapperRef) === null || _a === void 0 ? void 0 : _a.onGameLoaded(gameInfo);
-  }
-  async onGameDetailUpdated(details) {
-    this.gameInfo.details = this.gameDetails = details;
-    this.gameInfo = Object.assign({}, this.gameInfo);
-    this.gameDetails = Object.assign({}, this.gameDetails);
-  }
-  getRouletteNumberColor(value) {
-    return ROULETTE_COLOR_MAP[value];
-  }
-  render() {
-    var _a, _b, _c, _d;
-    const isDouble = this.gameDetails ?
-      this.gameDetails.category.toLowerCase() ===
-        WIDGETTYPE_GAMECATEGORY.doubleballroulette : false;
-    let rouletteNumbers = (isDouble
-      ? (_a = this.gameDetails) === null || _a === void 0 ? void 0 : _a.currentDoubleBallRouletteNumbers
-      : (_b = this.gameDetails) === null || _b === void 0 ? void 0 : _b.currentRouletteNumbers) || [];
-    return (h(Host, null, h("casino-game-thumbnail-extrainfo", { ref: (el) => (this.infoWrapperRef = el), language: this.language }, h("div", { slot: "category-details", class: `LiveIcons ${((_c = this.gameDetails) === null || _c === void 0 ? void 0 : _c.isOpen) ? 'GameBackdrop' : ''}`, part: `LiveIcons ${((_d = this.gameDetails) === null || _d === void 0 ? void 0 : _d.isOpen) ? 'GameBackdrop' : ''}` }, rouletteNumbers.slice(0, 5).map((rNum, idx) => isDouble === true ? (h("div", { class: "Double", part: "Double" }, h("span", { id: `s${idx}0`, class: `LatestResult ${idx == 0 ? 'First' : ''} ${this.showLiveClass ? 'FirstElementAnimated' : ''} ${this.getRouletteNumberColor(rNum[0])}` }, ' ', rNum[0]), h("span", { id: `s${idx}1`, class: `LatestResult ${idx == 0 ? 'First' : ''} ${this.showLiveClass ? 'FirstElementAnimated' : ''} ${this.getRouletteNumberColor(rNum[1])}` }, ' ', rNum[1]))) : (h("span", { id: `s${idx}`, class: `LatestResult ${idx == 0 ? 'First' : ''} ${this.showLiveClass ? 'FirstElementAnimated' : ''} ${this.getRouletteNumberColor(rNum)}` }, ' ', rNum)))))));
-  }
-  static get style() { return casinoExtrainfoRouletteCss; }
-}, [0, "casino-extrainfo-roulette", {
-    "language": [1],
-    "gameInfo": [32],
-    "gameDetails": [32],
-    "showLiveClass": [32],
-    "onGameLoaded": [64],
-    "onGameDetailUpdated": [64]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["casino-extrainfo-roulette", "casino-game-thumbnail-betlimit", "casino-game-thumbnail-extrainfo"];
-  components.forEach(tagName => { switch (tagName) {
-    case "casino-extrainfo-roulette":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, CasinoExtrainfoRoulette$1);
-      }
-      break;
-    case "casino-game-thumbnail-betlimit":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "casino-game-thumbnail-extrainfo":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const CasinoExtrainfoRoulette = CasinoExtrainfoRoulette$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CasinoExtrainfoRoulette, defineCustomElement };

package/dist/components/casino-game-thumb-view.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface CasinoGameThumbView extends Components.CasinoGameThumbView, HTMLElement {}
-export const CasinoGameThumbView: {
-  prototype: CasinoGameThumbView;
-  new (): CasinoGameThumbView;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;