@everymatrix/casino-engagement-suite-luckywheel 0.0.1

package/dist/types/utils/class.spinable.d.ts

@@ -0,0 +1,14 @@
+export declare abstract class Spinnable {
+    arcStart: number;
+    spinTime: number;
+    spinTimeTotal: number;
+    spinAngleStart: number;
+    spinTimeout: any;
+    spinable: boolean;
+    abstract tick(): void;
+    abstract beforeStart(deg: number): void;
+    abstract afterStop(): void;
+    spin(deg: any, fn?: any): void;
+    private spinTick;
+    private stop;
+}

package/dist/types/utils/class.spinner.d.ts

@@ -0,0 +1,26 @@
+import { Easing, SpinStep } from "./types";
+export declare class Spinner {
+    deg: number;
+    fps: number;
+    degTarget: number;
+    step: SpinStep;
+    tick: any;
+    cb: any;
+    easingType: Easing;
+    shouldHalt: any;
+    param: {
+        launchTurns: number;
+        launchSpeed: number;
+        loopSpeed: number;
+        haltTurns: number;
+        haltSpeed: number;
+    };
+    constructor(inits: any);
+    launch(): void;
+    halt: (deg: any, cb?: () => void) => void;
+    private continueRepeat;
+    private ticker;
+    private setDeg;
+    animateF: (duration: number, startAngle: any, target: number, easing: any, _easingGrad: any) => void;
+    animate: (duration: number, startAngle: any, target: number, easing: any, _easingGrad: any) => void;
+}

package/dist/types/utils/class.svgcalc.d.ts

@@ -0,0 +1,109 @@
+import { ArrowMode, ContentDirection } from "./types.js";
+import type { Point } from "./types.js";
+type MapObjectValueToTuple<T extends Object> = T[keyof T][];
+export declare const mapObjectValueToTuple: <T>(object: T) => MapObjectValueToTuple<T>;
+declare enum RotateDirection {
+    clockwise = 1,
+    anticlockwise = -1
+}
+export declare class SvgCalc {
+    arrowmode: ArrowMode;
+    radius: any;
+    center: any;
+    length: any;
+    ratio: any;
+    theme: any;
+    themeIndex: any;
+    options: any;
+    contentdirection: keyof typeof ContentDirection;
+    constructor({ size, radius, options, themeIndex, contentdirection }: {
+        size: any;
+        radius: any;
+        options: any;
+        themeIndex: any;
+        contentdirection: any;
+    });
+    get sizeImage(): number;
+    convertDegToArc: (deg: number) => number;
+    convertArcToDeg: (arc: number) => number;
+    getArcDelta: (n: number) => number;
+    findDeg: (index: number, n: number) => number;
+    getSizeImageByPartition(index: any): number;
+    getSvgImageProps(index: any, partitionDivisor?: string | number): {
+        width: number;
+        height: number;
+        style: {
+            'font-size': string;
+            transform: string;
+            'transform-origin': string;
+        };
+        x: number;
+        y: number;
+    };
+    getSvgTextProps(index: any): {
+        style: {
+            'font-size': string;
+            transform: string;
+            'transform-origin': string;
+        };
+        x: number;
+        y: number;
+    };
+    getSvgTextPropsAdjustedByImage(index: any): {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        style: {
+            'font-size': string;
+            transform: string;
+            'transform-origin': string;
+        };
+    };
+    get offsetText(): {
+        center: number;
+        position: {
+            x: number;
+            y: number;
+        };
+        transform: {
+            x: number;
+            y: number;
+        };
+    };
+    getOffsetImage(sizeImage: any): {
+        center: number;
+        position: {
+            x: number;
+            y: number;
+        };
+        transform: {
+            x: number;
+            y: number;
+        };
+    };
+    get direction(): RotateDirection;
+    getAngleSelf(index: any, contentDirection?: ContentDirection): number;
+    getPartitionPositions(index: any, baseRadius: any, offset: any): {
+        transformOrigin: Point;
+        point: Point;
+    };
+    getPropsForPartitionInfo(index: number, offset: any, baseRadius?: number, contentDirection?: ContentDirection): {
+        style: {
+            'font-size': string;
+            transform: string;
+            'transform-origin': string;
+        };
+        x: number;
+        y: number;
+    };
+    getPartitionDraw(index: number): {
+        d: string;
+    };
+    getDeg(index?: number): number;
+    getSpinnerProps(): {
+        'transform-origin': string;
+    };
+    private angleTransform;
+}
+export {};

package/dist/types/utils/types.d.ts

@@ -0,0 +1,55 @@
+export interface Point {
+    x: number;
+    y: number;
+}
+export declare enum PointerMode {
+    Arrow = "Arrow",
+    Partition = "Partition"
+}
+export declare enum ArrowMode {
+    DownFromTop = "DownFromTop",
+    UpFromCenter = "UpFromCenter",
+    DownFromCenter = "DownFromCenter",
+    UpFromBottom = "UpFromBottom"
+}
+export declare enum Lang {
+    en = "en",
+    fr = "fr",
+    de = "de",
+    tr = "tr"
+}
+type StringWithLang = {
+    [key in Lang]: string;
+};
+export interface Partition {
+    name: StringWithLang;
+    image1: StringWithLang;
+    image2: StringWithLang;
+    image3: StringWithLang;
+}
+export declare enum ContentDirection {
+    clockwise = 1,
+    anticlockwise = -1,
+    outward = 0
+}
+export interface Option {
+    image: SVGElement | string;
+    name: string;
+    prizeText: string;
+    prizeImage: string;
+}
+export declare enum SpinStep {
+    launch = "launch",
+    loop = "loop",
+    halt = "halt"
+}
+export declare enum Easing {
+    quad = "quad",
+    cubic = "cubic",
+    quart = "quart",
+    quint = "quint",
+    expo = "expo",
+    sine = "sine",
+    circ = "circ"
+}
+export {};

package/dist/types/utils/utils.d.ts

@@ -0,0 +1,78 @@
+import { LuckyWheel } from "../models/luckywheel";
+import type { Lang, Point, Option } from "./types";
+export declare function format(first: string, middle: string, last: string): string;
+export declare const isSafari: () => boolean;
+export declare const setProps: <T extends Element>(element: T, props: any) => void;
+export declare const imageLoaderSvg: (src: string) => Promise<unknown>;
+export declare const getSymmetricalPointFromScalar: (length: number) => Point;
+export declare const getPointOnCircle: (radius: number, angle: number, center: number) => Point;
+export declare const getPoint: (num: number, length: number, r: number, rCenter: number) => Point;
+export declare const getPointWithNext: (num: number, length: number, r1: number, r2: number) => {
+    point: Point;
+    pointNext: Point;
+};
+export declare const getTrianglePointsY: (height: number, isPointUp: boolean, yBase: number) => {
+    y1: number;
+    y2: number;
+    y3: number;
+};
+export declare const getTwoPointsOfLineGradient: (radius: any, index: any, length: any, angle: any) => {
+    x1: any;
+    y1: any;
+    x2: number;
+    y2: number;
+};
+export declare const pointPlus: (point1: Point, point2: Point) => Point;
+export declare const getOptions: (bonus: LuckyWheel, lang: Lang) => Promise<Option[]>;
+export declare const convertDegToArc: (deg: number) => number;
+export declare const easeOut: (time: number, b: number, angleStart: number, timeTotal: number) => number;
+export declare const easing: {
+    in: {
+        quad: (x: number) => number;
+        cubic: (x: number) => number;
+        quart: (x: number) => number;
+        quint: (x: number) => number;
+        sine: (x: number) => number;
+        expo: (x: number) => number;
+        circ: (x: number) => number;
+    };
+    out: {
+        quad: (x: number) => number;
+        cubic: (x: number) => number;
+        quart: (x: number) => number;
+        quint: (x: number) => number;
+        sine: (x: number) => number;
+        expo: (x: number) => number;
+        circ: (x: number) => number;
+    };
+};
+export declare const easingGrad: {
+    quad: number;
+    cubic: number;
+    quart: number;
+    quint: number;
+    sine: number;
+    expo: number;
+    circ: number;
+};
+export declare const easingGradX: {
+    in: {
+        quad: (x: number) => number;
+        cubic: (x: number) => number;
+        quart: (x: number) => number;
+        quint: (x: number) => number;
+        sine: (x: number) => number;
+        expo: (x: number) => number;
+        circ: (x: number) => number;
+    };
+    out: {
+        cubic: (x: number) => number;
+    };
+};
+export declare const params: {
+    launchTurns: number;
+    launchSpeed: number;
+    loopSpeed: number;
+    haltTurns: number;
+    haltSpeed: number;
+}[];

package/loader/cdn.js

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

package/loader/index.cjs.js

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

package/loader/index.d.ts

@@ -0,0 +1,24 @@
+export * from '../dist/types/components';
+export interface CustomElementsDefineOptions {
+  exclude?: string[];
+  resourcesUrl?: string;
+  syncQueue?: boolean;
+  jmp?: (c: Function) => any;
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): void;
+/**
+ * @deprecated
+ */
+export declare function applyPolyfills(): Promise<void>;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare function setNonce(nonce: string): void;

package/loader/index.es2017.js

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

package/loader/index.js

@@ -0,0 +1,2 @@
+(function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
+export * from '../dist/esm/loader.js';

package/loader/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "casino-engagement-suite-luckywheel-loader",
+  "private": true,
+  "typings": "./index.d.ts",
+  "module": "./index.js",
+  "main": "./index.cjs.js",
+  "jsnext:main": "./index.es2017.js",
+  "es2015": "./index.es2017.js",
+  "es2017": "./index.es2017.js",
+  "unpkg": "./cdn.js"
+}

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@everymatrix/casino-engagement-suite-luckywheel",
+  "version": "0.0.1",
+  "main": "./dist/index.cjs.js",
+  "module": "./dist/index.js",
+  "es2015": "./dist/esm/index.mjs",
+  "es2017": "./dist/esm/index.mjs",
+  "types": "./dist/types/index.d.ts",
+  "collection": "./dist/collection/collection-manifest.json",
+  "collection:main": "./dist/collection/index.js",
+  "unpkg": "./dist/casino-engagement-suite-luckywheel/casino-engagement-suite-luckywheel.esm.js",
+  "exports": {
+    ".": {
+      "import": "./dist/esm/casino-engagement-suite-luckywheel.js",
+      "require": "./dist/cjs/casino-engagement-suite-luckywheel.cjs"
+    },
+    "./dist/cjs/casino-engagement-suite-luckywheel.cjs.js": "./dist/cjs/casino-engagement-suite-luckywheel.cjs.js"
+  },
+  "files": [
+    "dist/",
+    "loader/"
+  ],
+  "publishConfig": {
+    "access": "public"
+  }
+}