@everymatrix/casino-game-thumb-view 0.0.2-9.1 → 1.0.69

package/dist/types/components.d.ts

@@ -6,6 +6,7 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { BaccaratUpdateItem, BetLimit, CasinoGameThumbnailDetails, CasinoGameThumbnailInfo } from "./models/casino-game-thumb-view";
+export { BaccaratUpdateItem, BetLimit, CasinoGameThumbnailDetails, CasinoGameThumbnailInfo } from "./models/casino-game-thumb-view";
 export namespace Components {
     interface CasinoExtrainfoBaccarat {
         /**
@@ -82,9 +83,9 @@ export namespace Components {
          */
         "gameVendor": string;
         /**
-          * Widget Setting, show game in a frame when user clicked 'start' the frame url when integratedGameFrameDesktop is true
+          * Widget Setting, show game in a frame when user clicked 'start' the frame url when integratedGameframeDesktop is true
          */
-        "gamepageModalUrl": string;
+        "gamepageModalurl": string;
         /**
           * Game Property, hasAnonymousFunMode
          */
@@ -94,13 +95,13 @@ export namespace Components {
          */
         "hasFunMode": boolean;
         /**
-          * Widget Setting, show game in a frame when user clicked 'start', Open game aframe, gamepageModalUrl value should be set
+          * Widget Setting, show game in a frame when user clicked 'start', Open game aframe, gamepageModalurl value should be set
          */
-        "integratedGameFrameDesktop": boolean;
+        "integratedGameframeDesktop": boolean;
         /**
           * Widget Setting, show game in a frame when user clicked 'start'
          */
-        "integratedGameFrameMobile": boolean;
+        "integratedGameframeMobile": boolean;
         /**
           * Game Property, is Game Favorited
          */
@@ -182,18 +183,18 @@ export namespace Components {
         "gameName": string;
         "gameVendor": string;
         /**
-          * the frame url when integratedGameFrameDesktop is true
+          * Widget Setting, the frame url when integratedGameframeDesktop is true
          */
-        "gamepageModalUrl": string;
+        "gamepageModalurl": string;
         "hasFunMode": boolean;
         /**
-          * Open game a a frame,  gamepagemodalurl value should be set
+          * Widget Setting, show game in a frame when user clicked 'start', default: false Open game in a frame,  gamepageModalurl value should be set
          */
-        "integratedGameFrameDesktop": boolean;
+        "integratedGameframeDesktop": boolean;
         /**
-          * integratedGameFrameMobile
+          * Widget Setting, show game in a frame when user clicked 'start', default: false
          */
-        "integratedGameFrameMobile": boolean;
+        "integratedGameframeMobile": boolean;
         /**
           * Language
          */
@@ -204,6 +205,14 @@ export namespace Components {
         "onGameLoaded": (gameInfo: CasinoGameThumbnailInfo) => Promise<void>;
     }
 }
+export interface CasinoGameThumbViewCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCasinoGameThumbViewElement;
+}
+export interface CasinoGameThumbnailOverlayCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCasinoGameThumbnailOverlayElement;
+}
 declare global {
     interface HTMLCasinoExtrainfoBaccaratElement extends Components.CasinoExtrainfoBaccarat, HTMLStencilElement {
     }
@@ -223,7 +232,18 @@ declare global {
         prototype: HTMLCasinoExtrainfoRouletteElement;
         new (): HTMLCasinoExtrainfoRouletteElement;
     };
+    interface HTMLCasinoGameThumbViewElementEventMap {
+        "toggleCasinoGameFavorite": number | string;
+    }
     interface HTMLCasinoGameThumbViewElement extends Components.CasinoGameThumbView, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCasinoGameThumbViewElementEventMap>(type: K, listener: (this: HTMLCasinoGameThumbViewElement, ev: CasinoGameThumbViewCustomEvent<HTMLCasinoGameThumbViewElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCasinoGameThumbViewElementEventMap>(type: K, listener: (this: HTMLCasinoGameThumbViewElement, ev: CasinoGameThumbViewCustomEvent<HTMLCasinoGameThumbViewElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLCasinoGameThumbViewElement: {
         prototype: HTMLCasinoGameThumbViewElement;
@@ -241,7 +261,18 @@ declare global {
         prototype: HTMLCasinoGameThumbnailExtrainfoElement;
         new (): HTMLCasinoGameThumbnailExtrainfoElement;
     };
+    interface HTMLCasinoGameThumbnailOverlayElementEventMap {
+        "playCasinoGame": string | number;
+    }
     interface HTMLCasinoGameThumbnailOverlayElement extends Components.CasinoGameThumbnailOverlay, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCasinoGameThumbnailOverlayElementEventMap>(type: K, listener: (this: HTMLCasinoGameThumbnailOverlayElement, ev: CasinoGameThumbnailOverlayCustomEvent<HTMLCasinoGameThumbnailOverlayElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCasinoGameThumbnailOverlayElementEventMap>(type: K, listener: (this: HTMLCasinoGameThumbnailOverlayElement, ev: CasinoGameThumbnailOverlayCustomEvent<HTMLCasinoGameThumbnailOverlayElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLCasinoGameThumbnailOverlayElement: {
         prototype: HTMLCasinoGameThumbnailOverlayElement;
@@ -329,9 +360,9 @@ declare namespace LocalJSX {
          */
         "gameVendor"?: string;
         /**
-          * Widget Setting, show game in a frame when user clicked 'start' the frame url when integratedGameFrameDesktop is true
+          * Widget Setting, show game in a frame when user clicked 'start' the frame url when integratedGameframeDesktop is true
          */
-        "gamepageModalUrl"?: string;
+        "gamepageModalurl"?: string;
         /**
           * Game Property, hasAnonymousFunMode
          */
@@ -341,13 +372,13 @@ declare namespace LocalJSX {
          */
         "hasFunMode"?: boolean;
         /**
-          * Widget Setting, show game in a frame when user clicked 'start', Open game aframe, gamepageModalUrl value should be set
+          * Widget Setting, show game in a frame when user clicked 'start', Open game aframe, gamepageModalurl value should be set
          */
-        "integratedGameFrameDesktop"?: boolean;
+        "integratedGameframeDesktop"?: boolean;
         /**
           * Widget Setting, show game in a frame when user clicked 'start'
          */
-        "integratedGameFrameMobile"?: boolean;
+        "integratedGameframeMobile"?: boolean;
         /**
           * Game Property, is Game Favorited
          */
@@ -368,7 +399,7 @@ declare namespace LocalJSX {
           * Widget Setting, Load game details when set it as true, default value: false When loadDetails is true and type=='live-casino-tables', Load gameDetails by endpoint/vendor/gameId if livelobbyEndpoint is null
          */
         "loadDetails"?: boolean;
-        "onToggleCasinoGameFavorite"?: (event: CustomEvent<number | string>) => void;
+        "onToggleCasinoGameFavorite"?: (event: CasinoGameThumbViewCustomEvent<number | string>) => void;
         /**
           * Game Property, Game lunch platform
          */
@@ -428,18 +459,18 @@ declare namespace LocalJSX {
         "gameName"?: string;
         "gameVendor"?: string;
         /**
-          * the frame url when integratedGameFrameDesktop is true
+          * Widget Setting, the frame url when integratedGameframeDesktop is true
          */
-        "gamepageModalUrl"?: string;
+        "gamepageModalurl"?: string;
         "hasFunMode"?: boolean;
         /**
-          * Open game a a frame,  gamepagemodalurl value should be set
+          * Widget Setting, show game in a frame when user clicked 'start', default: false Open game in a frame,  gamepageModalurl value should be set
          */
-        "integratedGameFrameDesktop"?: boolean;
+        "integratedGameframeDesktop"?: boolean;
         /**
-          * integratedGameFrameMobile
+          * Widget Setting, show game in a frame when user clicked 'start', default: false
          */
-        "integratedGameFrameMobile"?: boolean;
+        "integratedGameframeMobile"?: boolean;
         /**
           * Language
          */
@@ -447,7 +478,7 @@ declare namespace LocalJSX {
         /**
           * Event when playnow button clicked
          */
-        "onPlayCasinoGame"?: (event: CustomEvent<string | number>) => void;
+        "onPlayCasinoGame"?: (event: CasinoGameThumbnailOverlayCustomEvent<string | number>) => void;
     }
     interface CasinoNormalGameThumbnail {
         "language"?: string;

package/dist/types/constants/game-thumbnail.d.ts

@@ -1,83 +1,83 @@
 export declare const GameThumbnail: {
-  GAME_CLASS_BACKGROUND_IMG: string;
-  GAME_CLASS_OVERLAY: string;
-  GAME_CLASS_GameInnerContainer: string;
+    GAME_CLASS_BACKGROUND_IMG: string;
+    GAME_CLASS_OVERLAY: string;
+    GAME_CLASS_GameInnerContainer: string;
 };
 export declare const DEFAULT_BLACKJACK_TOTAL_SEATS = 7;
 export declare const MONEY_WHEEL_COLOR_MAP: {
-  '01': string;
-  '02': string;
-  10: string;
-  40: string;
-  '05': string;
-  20: string;
-  X7: string;
-  X2: string;
+    '01': string;
+    '02': string;
+    10: string;
+    40: string;
+    '05': string;
+    20: string;
+    X7: string;
+    X2: string;
 };
 export declare const ROULETTE_COLOR_MAP: {
-  1: string;
-  3: string;
-  5: string;
-  7: string;
-  9: string;
-  12: string;
-  14: string;
-  16: string;
-  18: string;
-  19: string;
-  21: string;
-  23: string;
-  25: string;
-  27: string;
-  30: string;
-  32: string;
-  34: string;
-  36: string;
-  2: string;
-  4: string;
-  6: string;
-  8: string;
-  10: string;
-  11: string;
-  13: string;
-  15: string;
-  17: string;
-  20: string;
-  22: string;
-  24: string;
-  26: string;
-  28: string;
-  29: string;
-  31: string;
-  33: string;
-  35: string;
-  0: string;
-  '00': string;
+    1: string;
+    3: string;
+    5: string;
+    7: string;
+    9: string;
+    12: string;
+    14: string;
+    16: string;
+    18: string;
+    19: string;
+    21: string;
+    23: string;
+    25: string;
+    27: string;
+    30: string;
+    32: string;
+    34: string;
+    36: string;
+    2: string;
+    4: string;
+    6: string;
+    8: string;
+    10: string;
+    11: string;
+    13: string;
+    15: string;
+    17: string;
+    20: string;
+    22: string;
+    24: string;
+    26: string;
+    28: string;
+    29: string;
+    31: string;
+    33: string;
+    35: string;
+    0: string;
+    '00': string;
 };
 export declare enum GAME_CATEGORY {
-  BLACKJACK = "blackjack",
-  ROULETTE = "roulette",
-  DOUBLEBALL_ROULETTE = "doubleballroulette",
-  BACCARAT = "baccarat"
+    BLACKJACK = "blackjack",
+    ROULETTE = "roulette",
+    DOUBLEBALL_ROULETTE = "doubleballroulette",
+    BACCARAT = "baccarat"
 }
 export declare enum GAME_TYPE {
-  NORMAL_CASINO = "casino-games",
-  LIVE_CASINO = "live-casino-tables",
-  OTHER = ""
+    NORMAL_CASINO = "casino-games",
+    LIVE_CASINO = "live-casino-tables",
+    OTHER = ""
 }
 export declare const WIDGETTYPE_GAMECATEGORY: {
-  roulette: string;
-  doubleballroulette: string;
-  blackjack: string;
-  baccarat: string;
+    roulette: string;
+    doubleballroulette: string;
+    blackjack: string;
+    baccarat: string;
 };
 export declare const WIDGETTYPE_CLASS: {
-  roulette: string;
-  doubleballroulette: string;
-  blackjack: string;
-  baccarat: string;
+    roulette: string;
+    doubleballroulette: string;
+    blackjack: string;
+    baccarat: string;
 };
 export declare const WINNER_COLOR: {
-  banker: string;
-  player: string;
+    banker: string;
+    player: string;
 };

package/dist/types/models/casino-game-thumb-view.d.ts

@@ -1,132 +1,132 @@
-export declare type CasinoGameOpenHourValue = {
-  endTime: string;
-  originalTimeFormat: string;
-  startTime: string;
-  timeFormat: string;
+export type CasinoGameOpenHourValue = {
+    endTime: string;
+    originalTimeFormat: string;
+    startTime: string;
+    timeFormat: string;
 };
-export declare type CasinoGameOpenHours = {
-  type: string;
-  value?: CasinoGameOpenHourValue;
+export type CasinoGameOpenHours = {
+    type: string;
+    value?: CasinoGameOpenHourValue;
 };
-export declare type Dealer = {
-  DealerName: string;
+export type Dealer = {
+    DealerName: string;
 };
-export declare type Limit = {
-  [key: string]: number;
+export type Limit = {
+    [key: string]: number;
 };
 export interface BetLimit {
-  min?: Limit;
-  max?: Limit;
+    min?: Limit;
+    max?: Limit;
 }
 export interface BaccaratLocation {
-  column: number;
-  row: number;
+    column: number;
+    row: number;
 }
 export interface OriBaccaratLocation {
-  Column: number;
-  Row: number;
+    Column: number;
+    Row: number;
 }
 export interface BaccaratUpdateItem {
-  winner: BaccaratWinner;
-  color?: string;
-  score?: string;
-  ties?: number;
-  isOdd?: boolean;
-  playerPair?: boolean;
-  bankerPair?: boolean;
-  location?: BaccaratLocation;
-  natural?: boolean;
+    winner: BaccaratWinner;
+    color?: string;
+    score?: string;
+    ties?: number;
+    isOdd?: boolean;
+    playerPair?: boolean;
+    bankerPair?: boolean;
+    location?: BaccaratLocation;
+    natural?: boolean;
 }
 export interface OriBaccaratUpdateItem {
-  Winner: BaccaratWinner;
-  Color?: string;
-  Score?: string;
-  Ties?: number;
-  IsOdd?: boolean;
-  PlayerPair?: boolean;
-  BankerPair?: boolean;
-  Location?: OriBaccaratLocation;
-  Natural?: boolean;
+    Winner: BaccaratWinner;
+    Color?: string;
+    Score?: string;
+    Ties?: number;
+    IsOdd?: boolean;
+    PlayerPair?: boolean;
+    BankerPair?: boolean;
+    Location?: OriBaccaratLocation;
+    Natural?: boolean;
 }
 export interface CasinoGameThumbnailDetails {
-  id: string | number;
-  isOpen: boolean;
-  vendorCategory: string;
-  openHours: CasinoGameOpenHours;
-  /**
-   * Roulette property
-   */
-  currentRouletteNumbers?: Array<string | number>;
-  /**
-   * DoubleRoulette property
-   */
-  currentDoubleBallRouletteNumbers?: Array<{
-    [key: number]: number | string;
-  }>;
-  /**
-   * BlackJack property
-   */
-  currentOccupiedSeats?: Array<string | number>;
-  /**
-   * BlackJack property
-   */
-  totalSeats?: number;
-  betLimit: BetLimit;
-  category: CasinoGameCategory;
-  dealer: Dealer;
-  numberOfPlayers?: number;
-  results?: Array<BaccaratUpdateItem>;
-  baccaratResults?: Array<OriBaccaratUpdateItem>;
+    id: string | number;
+    isOpen: boolean;
+    vendorCategory: string;
+    openHours: CasinoGameOpenHours;
+    /**
+     * Roulette property
+     */
+    currentRouletteNumbers?: Array<string | number>;
+    /**
+     * DoubleRoulette property
+     */
+    currentDoubleBallRouletteNumbers?: Array<{
+        [key: number]: number | string;
+    }>;
+    /**
+     * BlackJack property
+     */
+    currentOccupiedSeats?: Array<string | number>;
+    /**
+     * BlackJack property
+     */
+    totalSeats?: number;
+    betLimit: BetLimit;
+    category: CasinoGameCategory;
+    dealer: Dealer;
+    numberOfPlayers?: number;
+    results?: Array<BaccaratUpdateItem>;
+    baccaratResults?: Array<OriBaccaratUpdateItem>;
 }
 export declare enum CasinoGameCategory {
-  ROULETTE = "ROULETTE",
-  POKER = "POKER",
-  BLACKJACK = "BLACKJACK"
+    ROULETTE = "ROULETTE",
+    POKER = "POKER",
+    BLACKJACK = "BLACKJACK"
 }
 export declare enum BaccaratWinner {
-  PLAYER = "Player",
-  WINNER = "Banker",
-  TIE = "Tie"
+    PLAYER = "Player",
+    WINNER = "Banker",
+    TIE = "Tie"
 }
-export declare type SeatsStatus = {
-  seatNo: number;
-  isClosed: boolean;
+export type SeatsStatus = {
+    seatNo: number;
+    isClosed: boolean;
 };
 export interface CasinoVendor {
-  href: string;
-  displayName?: string;
-  id?: string | number;
-  image?: string;
-  isTopVendor?: boolean;
-  logo?: string;
-  name?: string;
+    href: string;
+    displayName?: string;
+    id?: string | number;
+    image?: string;
+    isTopVendor?: boolean;
+    logo?: string;
+    name?: string;
 }
 export interface CasinoGameThumbnailInfo {
-  name: string;
-  id: number;
-  vendor: CasinoVendor;
-  subVendor: string;
-  subVendorId: number;
-  vendorGameId?: string | number;
-  type?: string;
-  defaultThumbnail?: string;
-  thumbnail: string;
-  thumbnails?: string[];
-  cellSize?: string;
-  launchUrl?: string;
-  logo?: string;
-  liveCasinoCategory?: CasinoGameCategory | string;
-  platform?: string[];
-  details?: CasinoGameThumbnailDetails;
-  gameId?: number | string;
-  gameCode?: string;
-  hasFunMode?: boolean;
-  hasAnonymousFunMode: boolean;
-  width?: number;
-  height?: number;
-  isNew?: boolean;
-  isVIPTable?: boolean;
-  isFavorite?: boolean;
-  advancedTags?: Array<any>;
-  gameTag?: string;
+    name: string;
+    id: number;
+    vendor: CasinoVendor;
+    subVendor: string;
+    subVendorId: number;
+    vendorGameId?: string | number;
+    type?: string;
+    defaultThumbnail?: string;
+    thumbnail: string;
+    thumbnails?: string[];
+    cellSize?: string;
+    launchUrl?: string;
+    logo?: string;
+    liveCasinoCategory?: CasinoGameCategory | string;
+    platform?: string[];
+    details?: CasinoGameThumbnailDetails;
+    gameId?: number | string;
+    gameCode?: string;
+    hasFunMode?: boolean;
+    hasAnonymousFunMode: boolean;
+    width?: number;
+    height?: number;
+    isNew?: boolean;
+    isVIPTable?: boolean;
+    isFavorite?: boolean;
+    advancedTags?: Array<any>;
+    gameTag?: string;
 }