@everymatrix/casino-engagement-suite-luckywheel 0.0.1

package/dist/esm/index.js

@@ -0,0 +1,2 @@
+export { C as CasinoEngagementSuiteLuckywheel } from './casino-engagement-suite-luckywheel-0aad8871.js';
+import './index-27ac0c91.js';

package/dist/esm/loader.js

@@ -0,0 +1,11 @@
+import { b as bootstrapLazy } from './index-27ac0c91.js';
+export { s as setNonce } from './index-27ac0c91.js';
+import { g as globalScripts } from './app-globals-0f993ce5.js';
+
+const defineCustomElements = async (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  await globalScripts();
+  return bootstrapLazy([["casino-engagement-suite-luckywheel",[[1,"casino-engagement-suite-luckywheel",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[1],"device":[1],"luckywheel":[16],"size":[1],"contentdirection":[1],"limitStylingAppends":[32],"isPartitionsCustomableReady":[32],"isSpinning":[32],"options":[32],"radius":[32],"speed":[32],"settings":[32],"svg":[32],"spinContainer":[32],"spinable":[32],"spinner":[32]},[[8,"message","handleEvent"]]]]]], options);
+};
+
+export { defineCustomElements };

package/dist/index.cjs.js

@@ -0,0 +1 @@
+module.exports = require('./cjs/index.cjs.js');

package/dist/index.js

@@ -0,0 +1 @@
+export * from './esm/index.js';

package/dist/stencil.config.dev.js

@@ -0,0 +1,16 @@
+import { sass } from "@stencil/sass";
+export const config = {
+    namespace: 'casino-engagement-suite-luckywheel',
+    taskQueue: 'async',
+    sourceMap: false,
+    minifyJs: true,
+    extras: {
+        experimentalImportInjection: true
+    },
+    plugins: [sass()],
+    outputTargets: [
+        {
+            type: 'www'
+        }
+    ]
+};

package/dist/stencil.config.js

@@ -0,0 +1,17 @@
+import { sass } from "@stencil/sass";
+export const config = {
+    namespace: 'casino-engagement-suite-luckywheel',
+    taskQueue: 'async',
+    sourceMap: false,
+    minifyJs: true,
+    extras: {
+        experimentalImportInjection: true
+    },
+    plugins: [sass()],
+    outputTargets: [
+        {
+            type: 'dist',
+            esmLoaderPath: '../loader'
+        }
+    ]
+};

package/dist/storybook/main.js

@@ -0,0 +1,21 @@
+import * as path from "path";
+const config = {
+    stories: ['../**/*.@(mdx|stories.@(js|ts|tsx))'],
+    addons: ['@storybook/addon-essentials', '@storybook/addon-interactions', 'storybook-dark-mode'],
+    docs: {
+        defaultName: 'Documentation',
+        autodocs: 'tag'
+    },
+    framework: {
+        name: '@storybook/web-components-vite',
+        options: {}
+    },
+    viteFinal: async (config) => {
+        return Object.assign(Object.assign({}, config), { resolve: {
+                alias: {
+                    'casino-engagement-suite-luckywheel': path.resolve(__dirname, '../../../../dist/packages/stencil/casino-engagement-suite-luckywheel')
+                }
+            } });
+    }
+};
+export default config;

package/dist/storybook/preview.js

@@ -0,0 +1,9 @@
+import { themes } from "@storybook/theming";
+export const parameters = {
+    darkMode: {
+        dark: Object.assign(Object.assign({}, themes.dark), { appBg: 'black' }),
+        light: Object.assign(Object.assign({}, themes.normal), { appBg: 'green' }),
+        current: 'light',
+        stylePreview: true
+    }
+};

package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/casino-engagement-suite-luckywheel/.stencil/packages/stencil/casino-engagement-suite-luckywheel/stencil.config.d.ts

@@ -0,0 +1,2 @@
+import { Config } from '../../../../../../../../../../../../stencil-public-runtime';
+export declare const config: Config;

package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/casino-engagement-suite-luckywheel/.stencil/packages/stencil/casino-engagement-suite-luckywheel/stencil.config.dev.d.ts

@@ -0,0 +1,2 @@
+import { Config } from '../../../../../../../../../../../../stencil-public-runtime';
+export declare const config: Config;

package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/casino-engagement-suite-luckywheel/.stencil/packages/stencil/casino-engagement-suite-luckywheel/storybook/main.d.ts

@@ -0,0 +1,3 @@
+import type { StorybookConfig } from '@storybook/web-components-vite';
+declare const config: StorybookConfig;
+export default config;

package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/casino-engagement-suite-luckywheel/.stencil/packages/stencil/casino-engagement-suite-luckywheel/storybook/preview.d.ts

@@ -0,0 +1,70 @@
+export declare const parameters: {
+    darkMode: {
+        dark: {
+            appBg: string;
+            base: "light" | "dark";
+            colorPrimary: string;
+            colorSecondary: string;
+            appContentBg: string;
+            appPreviewBg: string;
+            appBorderColor: string;
+            appBorderRadius: number;
+            fontBase: string;
+            fontCode: string;
+            textColor: string;
+            textInverseColor: string;
+            textMutedColor: string;
+            barTextColor: string;
+            barHoverColor: string;
+            barSelectedColor: string;
+            barBg: string;
+            buttonBg: string;
+            buttonBorder: string;
+            booleanBg: string;
+            booleanSelectedBg: string;
+            inputBg: string;
+            inputBorder: string;
+            inputTextColor: string;
+            inputBorderRadius: number;
+            brandTitle?: string;
+            brandUrl?: string;
+            brandImage?: string;
+            brandTarget?: string;
+            gridCellSize?: number;
+        };
+        light: {
+            appBg: string;
+            base: "light" | "dark";
+            colorPrimary: string;
+            colorSecondary: string;
+            appContentBg: string;
+            appPreviewBg: string;
+            appBorderColor: string;
+            appBorderRadius: number;
+            fontBase: string;
+            fontCode: string;
+            textColor: string;
+            textInverseColor: string;
+            textMutedColor: string;
+            barTextColor: string;
+            barHoverColor: string;
+            barSelectedColor: string;
+            barBg: string;
+            buttonBg: string;
+            buttonBorder: string;
+            booleanBg: string;
+            booleanSelectedBg: string;
+            inputBg: string;
+            inputBorder: string;
+            inputTextColor: string;
+            inputBorderRadius: number;
+            brandTitle?: string;
+            brandUrl?: string;
+            brandImage?: string;
+            brandTarget?: string;
+            gridCellSize?: number;
+        };
+        current: string;
+        stylePreview: boolean;
+    };
+};

package/dist/types/components/casino-engagement-suite-luckywheel/casino-engagement-suite-luckywheel.d.ts

@@ -0,0 +1,59 @@
+import { ContentDirection, LuckyWheel } from '../../models/luckywheel';
+export declare class CasinoEngagementSuiteLuckywheel {
+    /**
+     * Client custom styling via string
+     */
+    clientStyling: string;
+    /**
+     * Client custom styling via url
+     */
+    clientStylingUrl: string;
+    /**
+     * Language of the widget
+     */
+    language: string;
+    /**
+     * User's device type
+     */
+    device: "Mobile" | "Tablet" | "Desktop";
+    /**
+     * Active Luckywheel
+     */
+    luckywheel: LuckyWheel;
+    /**
+     * Wheel size
+     */
+    size: string;
+    /**
+     * Content Direction
+     */
+    contentdirection: keyof typeof ContentDirection;
+    host: HTMLElement;
+    private limitStylingAppends;
+    private isPartitionsCustomableReady;
+    private isSpinning;
+    private options;
+    private radius;
+    private speed;
+    private settings;
+    svg: SVGElement;
+    spinContainer: any;
+    spinable: boolean;
+    private spinner;
+    handleEvent(e: any): void;
+    componentDidRender(): void;
+    componentWillLoad(): Promise<void>;
+    setClientStyling: () => void;
+    setClientStylingURL: () => void;
+    defineGeneralVariables(): {
+        '--length': string;
+        '--radius': string;
+        '--ratio': string;
+        '--size': string;
+    };
+    renderImage: (node: SVGElement, index: any) => void;
+    updateSpinable: () => void;
+    eventSpin: () => void;
+    handleSpinClick: () => void;
+    render(): any;
+}

package/dist/types/components/casino-engagement-suite-luckywheel/index.d.ts

@@ -0,0 +1 @@
+export { CasinoEngagementSuiteLuckywheel } from './casino-engagement-suite-luckywheel';

package/dist/types/components.d.ts

@@ -0,0 +1,95 @@
+/* eslint-disable */
+/* tslint:disable */
+/**
+ * This is an autogenerated file created by the Stencil compiler.
+ * It contains typing information for all components that exist in this project.
+ */
+import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { LuckyWheel } from "./models/luckywheel";
+export { LuckyWheel } from "./models/luckywheel";
+export namespace Components {
+    interface CasinoEngagementSuiteLuckywheel {
+        /**
+          * Client custom styling via string
+         */
+        "clientStyling": string;
+        /**
+          * Client custom styling via url
+         */
+        "clientStylingUrl": string;
+        /**
+          * Content Direction
+         */
+        "contentdirection": keyof typeof ContentDirection;
+        /**
+          * User's device type
+         */
+        "device": "Mobile" | "Tablet" | "Desktop";
+        /**
+          * Language of the widget
+         */
+        "language": string;
+        /**
+          * Active Luckywheel
+         */
+        "luckywheel": LuckyWheel;
+        /**
+          * Wheel size
+         */
+        "size": string;
+    }
+}
+declare global {
+    interface HTMLCasinoEngagementSuiteLuckywheelElement extends Components.CasinoEngagementSuiteLuckywheel, HTMLStencilElement {
+    }
+    var HTMLCasinoEngagementSuiteLuckywheelElement: {
+        prototype: HTMLCasinoEngagementSuiteLuckywheelElement;
+        new (): HTMLCasinoEngagementSuiteLuckywheelElement;
+    };
+    interface HTMLElementTagNameMap {
+        "casino-engagement-suite-luckywheel": HTMLCasinoEngagementSuiteLuckywheelElement;
+    }
+}
+declare namespace LocalJSX {
+    interface CasinoEngagementSuiteLuckywheel {
+        /**
+          * Client custom styling via string
+         */
+        "clientStyling"?: string;
+        /**
+          * Client custom styling via url
+         */
+        "clientStylingUrl"?: string;
+        /**
+          * Content Direction
+         */
+        "contentdirection"?: keyof typeof ContentDirection;
+        /**
+          * User's device type
+         */
+        "device"?: "Mobile" | "Tablet" | "Desktop";
+        /**
+          * Language of the widget
+         */
+        "language"?: string;
+        /**
+          * Active Luckywheel
+         */
+        "luckywheel"?: LuckyWheel;
+        /**
+          * Wheel size
+         */
+        "size"?: string;
+    }
+    interface IntrinsicElements {
+        "casino-engagement-suite-luckywheel": CasinoEngagementSuiteLuckywheel;
+    }
+}
+export { LocalJSX as JSX };
+declare module "@stencil/core" {
+    export namespace JSX {
+        interface IntrinsicElements {
+            "casino-engagement-suite-luckywheel": LocalJSX.CasinoEngagementSuiteLuckywheel & JSXBase.HTMLAttributes<HTMLCasinoEngagementSuiteLuckywheelElement>;
+        }
+    }
+}

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export * from './components/casino-engagement-suite-luckywheel';

package/dist/types/models/luckywheel.d.ts

@@ -0,0 +1,57 @@
+export interface LuckyWheel {
+    program: LuckyWheelProgram;
+    current?: Record<string, string | number>;
+    next?: Record<string, string | number>;
+}
+export interface LuckyWheelProgram {
+    baseCurrency: string;
+    editor: string;
+    id: string;
+    metadata: Record<string, string>;
+    name: Record<string, string>;
+    status: string;
+    time: string;
+    type: string;
+    version: string;
+    [key: string]: any;
+}
+export interface WheelOfFortune {
+    partitions?: Array<WheelOfFortunePartition>;
+}
+export interface WheelOfFortunePartition {
+    name?: {
+        [key: string]: string;
+    };
+    image1?: {
+        [key: string]: string;
+    };
+    image2?: {
+        [key: string]: string;
+    };
+    image3?: {
+        [key: string]: string;
+    };
+    probability?: number;
+    rules?: Array<WheelOfFortunePartitionRule>;
+}
+export interface WheelOfFortunePartitionRule {
+    when?: WhenConditionBase;
+    then?: ActionBase;
+    andThen?: ActionBase;
+}
+export interface WhenConditionBase {
+    evaluator?: string;
+}
+export interface ActionBase {
+    type?: string;
+}
+export declare enum CurrentInfo {
+    ActiveTickets = "ActiveTickets",
+    ImplicitTickets = "ImplicitTickets",
+    RemainingTimes = "RemainingTimes"
+}
+export declare enum ContentDirection {
+    clockwise = 1,
+    anticlockwise = -1,
+    outward = 0
+}