@everymatrix/casino-challenges-overlay-slider 0.0.1

package/dist/esm/index.js

@@ -0,0 +1,2 @@
+export { C as CasinoChallengesOverlaySlider } from './casino-challenges-overlay-slider-2eb80eb5.js';
+import './index-9e63661c.js';

package/dist/esm/loader.js

@@ -0,0 +1,11 @@
+import { b as bootstrapLazy } from './index-9e63661c.js';
+export { s as setNonce } from './index-9e63661c.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-challenges-overlay-card_2",[[1,"casino-challenges-overlay-slider",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isMobile":[516,"is-mobile"],"challenges":[16],"initialProgressId":[1,"initial-progress-id"],"activeTabIndex":[1,"active-tab-index"],"currentIndex":[32],"slideWidth":[32],"slideHeight":[32],"isOneSlide":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"currentIndex":["onCurrentIndexChange"],"challenges":["onChallengesChange"],"initialProgressId":["onInitialProgressIdChange"]}],[0,"casino-challenges-overlay-card",{"challenge":[16],"index":[2],"arrLength":[2,"arr-length"],"currentIndex":[2,"current-index"],"language":[1],"isOptedOut":[4,"is-opted-out"],"slideWidth":[2,"slide-width"],"slideHeight":[2,"slide-height"],"timeLeft":[32]}]]]], 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,19 @@
+import { sass } from "@stencil/sass";
+export const config = {
+    namespace: 'casino-challenges-overlay-slider',
+    taskQueue: 'async',
+    sourceMap: false,
+    minifyJs: true,
+    extras: {
+        experimentalImportInjection: true
+    },
+    plugins: [sass()],
+    outputTargets: [
+        {
+            type: 'www'
+        },
+        {
+            type: 'docs-readme'
+        }
+    ]
+};

package/dist/stencil.config.js

@@ -0,0 +1,19 @@
+import { cleanPackageJsonStencil } from "../../../tools/plugins";
+import { sass } from "@stencil/sass";
+export const config = {
+    namespace: 'casino-challenges-overlay-slider',
+    taskQueue: 'async',
+    sourceMap: false,
+    minifyJs: true,
+    hashFileNames: false,
+    extras: {
+        experimentalImportInjection: true
+    },
+    plugins: [cleanPackageJsonStencil(), sass()],
+    outputTargets: [
+        {
+            type: 'dist',
+            esmLoaderPath: '../loader'
+        }
+    ]
+};

package/dist/storybook/main.js

@@ -0,0 +1,43 @@
+import path from "path";
+import { getStoryFiles, detectUsedPackages, parseTsConfig, exec, filterParsedPathsByUsedPackages } from "../../../../libs/common/src/storybook/storybook-utils";
+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: {}
+    },
+    // Async viteFinal to build dependent packages before finalizing configuration.
+    viteFinal: async (config) => {
+        const storyFiles = getStoryFiles(path.resolve(__dirname, '../'));
+        const usedPackages = detectUsedPackages(storyFiles);
+        const buildPromises = usedPackages.map(async (pkg) => {
+            try {
+                console.log(`Building package ${pkg}...`);
+                const { stdout, stderr } = await exec(`nx run ${pkg}:build`);
+                console.log(`Built package ${pkg}: ${stdout}`);
+                if (stderr) {
+                    console.error(`Build warning/error for package ${pkg}: ${stderr}`);
+                }
+            }
+            catch (error) {
+                console.error(`Error building package ${pkg}:`, error);
+            }
+        });
+        await Promise.all(buildPromises);
+        const parsedPaths = parseTsConfig() || {};
+        const filteredParsedPaths = filterParsedPathsByUsedPackages(parsedPaths, usedPackages);
+        return Object.assign(Object.assign({}, config), { resolve: {
+                alias: Object.assign({}, filteredParsedPaths)
+            }, define: {
+                process: {
+                    env: {}
+                }
+            } });
+    }
+};
+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/builds/emfe-widgets/widgets-monorepo/packages/stencil/casino-challenges-overlay-slider/.stencil/libs/common/src/storybook/storybook-utils.d.ts

@@ -0,0 +1,39 @@
+/// <reference types="node" />
+import { exec as execCallback } from 'child_process';
+export declare const exec: typeof execCallback.__promisify__;
+/**
+ * Recursively retrieves all story files (.stories.ts/.stories.tsx) in a directory.
+ * @param dir The directory to search.
+ * @returns Array of story file paths.
+ */
+export declare const getStoryFiles: (dir: string) => string[];
+/**
+ * Detects which internal packages are used in the provided story files.
+ * It looks at every import that starts with the given package alias prefix,
+ * then extracts the package name (the segment immediately following the prefix).
+ *
+ * @param stories Array of story file paths.
+ * @returns Array of unique package names (e.g. ['foo', 'bar']).
+ */
+export declare const detectUsedPackages: (stories: string[]) => string[];
+/**
+ * Extracts all import paths from a file using the TypeScript compiler API.
+ * @param filePath The file path to parse.
+ * @returns Array of import strings.
+ */
+export declare const extractImports: (filePath: string) => string[];
+/**
+ * Parses the tsconfig paths and resolves them to absolute paths.
+ * @param tsconfigPath The path to the tsconfig file.
+ * @returns An object mapping alias keys to absolute paths.
+ */
+export declare const parseTsConfig: () => Record<string, string> | null;
+/**
+ * Filters the parsed tsconfig alias mapping to only include keys that correspond
+ * to the used packages.
+ *
+ * @param parsedPaths The full alias mapping from tsconfig.
+ * @param usedPackages Array of package names that are used (e.g. ['foo', 'bar']).
+ * @returns Filtered alias mapping.
+ */
+export declare const filterParsedPathsByUsedPackages: (parsedPaths: Record<string, string>, usedPackages: string[]) => Record<string, string>;

package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/casino-challenges-overlay-slider/.stencil/packages/stencil/casino-challenges-overlay-slider/stencil.config.d.ts

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

package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/casino-challenges-overlay-slider/.stencil/packages/stencil/casino-challenges-overlay-slider/stencil.config.dev.d.ts

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

package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/casino-challenges-overlay-slider/.stencil/packages/stencil/casino-challenges-overlay-slider/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/builds/emfe-widgets/widgets-monorepo/packages/stencil/casino-challenges-overlay-slider/.stencil/packages/stencil/casino-challenges-overlay-slider/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/builds/emfe-widgets/widgets-monorepo/packages/stencil/casino-challenges-overlay-slider/.stencil/tools/plugins/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./vite-chunk-plugin";
+export * from "./stencil-clean-deps-plugin";
+export * from "./vite-clean-deps-plugin";
+export * from "./lazy-load-chunk-plugin";

package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/casino-challenges-overlay-slider/.stencil/tools/plugins/lazy-load-chunk-plugin.d.ts

@@ -0,0 +1,12 @@
+export declare const lazyLoadChunkPlugin: () => {
+    name: string;
+    config(config: any): {
+        build: {
+            rollupOptions: {
+                output: {
+                    manualChunks(id: any): any;
+                };
+            };
+        };
+    };
+};

package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/casino-challenges-overlay-slider/.stencil/tools/plugins/stencil-clean-deps-plugin.d.ts

@@ -0,0 +1,5 @@
+export declare function cleanPackageJsonStencil(): {
+    name: string;
+    apply: string;
+    buildEnd(): void;
+};

package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/casino-challenges-overlay-slider/.stencil/tools/plugins/vite-chunk-plugin.d.ts

@@ -0,0 +1,6 @@
+export declare function viteChunkPlugin(): {
+    name: string;
+    config(config: any, { command }: {
+        command: any;
+    }): void;
+};

package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/casino-challenges-overlay-slider/.stencil/tools/plugins/vite-clean-deps-plugin.d.ts

@@ -0,0 +1,4 @@
+export declare function cleanPackageJsonVite(widgetName: any): {
+    name: string;
+    closeBundle(): void;
+};

package/dist/types/components/casino-challenges-overlay-slider/casino-challenges-overlay-slider.d.ts

@@ -0,0 +1,53 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { IChallenge } from '../../utils/types';
+export declare class CasinoChallengesOverlaySlider {
+    mbSource: string;
+    clientStyling: string;
+    clientStylingUrl: string;
+    translationUrl: string;
+    language: string;
+    isMobile: boolean;
+    challenges: IChallenge[];
+    initialProgressId: string;
+    activeTabIndex: string;
+    currentIndex: any;
+    slideWidth: number;
+    slideHeight: number;
+    isOneSlide: boolean;
+    activeChallengeChange: EventEmitter;
+    private sliderContainer;
+    private slideGap;
+    private isDragging;
+    private startX;
+    private currentTranslate;
+    private baseTranslate;
+    private stylingContainer;
+    private stylingSubscription;
+    private resizeObserver?;
+    private readonly slideWidthToContainer;
+    private readonly slideHeightToContainer;
+    handleClientStylingChange(newValue: any, oldValue: any): void;
+    handleClientStylingUrlChange(newValue: any, oldValue: any): void;
+    handleMbSourceChange(newValue: any, oldValue: any): void;
+    onCurrentIndexChange(newValue: number, oldValue: number): void;
+    onChallengesChange(newValue: IChallenge[]): void;
+    onInitialProgressIdChange(newValue: string, oldValue: string): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private updateCurrentIndex;
+    private setSliderPosition;
+    private getCarouselItems;
+    private scheduleReset;
+    private next;
+    private prev;
+    private setPositionByIndex;
+    private onPointerDown;
+    private getBaseTranslate;
+    private onPointerMove;
+    private onPointerUp;
+    private disableTransition;
+    private goToSlide;
+    private getRealIndex;
+    render(): any;
+}

package/dist/types/components/casino-challenges-overlay-slider/components/casino-challenges-overlay-card.d.ts

@@ -0,0 +1,22 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { IChallenge } from '../../../utils/types';
+export declare class CasinoChallengesOverlaySlider {
+    challenge: IChallenge;
+    index: number;
+    arrLength: number;
+    currentIndex: number;
+    language: string;
+    isOptedOut: boolean;
+    slideWidth: number;
+    slideHeight: number;
+    timeLeft: string;
+    challengeExpired: EventEmitter;
+    private timerId;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    componentWillLoad(): void;
+    private updateTime;
+    private getBadgeContent;
+    private isItemActive;
+    render(): any;
+}

package/dist/types/components/casino-challenges-overlay-slider/index.d.ts

@@ -0,0 +1 @@
+export { CasinoChallengesOverlaySlider } from './casino-challenges-overlay-slider';

package/dist/types/components.d.ts

@@ -0,0 +1,118 @@
+/* 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 { IChallenge } from "./utils/types";
+export { IChallenge } from "./utils/types";
+export namespace Components {
+    interface CasinoChallengesOverlayCard {
+        "arrLength": number;
+        "challenge": IChallenge;
+        "currentIndex": number;
+        "index": number;
+        "isOptedOut": boolean;
+        "language": string;
+        "slideHeight": number;
+        "slideWidth": number;
+    }
+    interface CasinoChallengesOverlaySlider {
+        "activeTabIndex": string;
+        "challenges": IChallenge[];
+        "clientStyling": string;
+        "clientStylingUrl": string;
+        "initialProgressId": string;
+        "isMobile": boolean;
+        "language": string;
+        "mbSource": string;
+        "translationUrl": string;
+    }
+}
+export interface CasinoChallengesOverlayCardCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCasinoChallengesOverlayCardElement;
+}
+export interface CasinoChallengesOverlaySliderCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCasinoChallengesOverlaySliderElement;
+}
+declare global {
+    interface HTMLCasinoChallengesOverlayCardElementEventMap {
+        "challengeExpired": any;
+    }
+    interface HTMLCasinoChallengesOverlayCardElement extends Components.CasinoChallengesOverlayCard, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCasinoChallengesOverlayCardElementEventMap>(type: K, listener: (this: HTMLCasinoChallengesOverlayCardElement, ev: CasinoChallengesOverlayCardCustomEvent<HTMLCasinoChallengesOverlayCardElementEventMap[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 HTMLCasinoChallengesOverlayCardElementEventMap>(type: K, listener: (this: HTMLCasinoChallengesOverlayCardElement, ev: CasinoChallengesOverlayCardCustomEvent<HTMLCasinoChallengesOverlayCardElementEventMap[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 HTMLCasinoChallengesOverlayCardElement: {
+        prototype: HTMLCasinoChallengesOverlayCardElement;
+        new (): HTMLCasinoChallengesOverlayCardElement;
+    };
+    interface HTMLCasinoChallengesOverlaySliderElementEventMap {
+        "activeChallengeChange": any;
+    }
+    interface HTMLCasinoChallengesOverlaySliderElement extends Components.CasinoChallengesOverlaySlider, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCasinoChallengesOverlaySliderElementEventMap>(type: K, listener: (this: HTMLCasinoChallengesOverlaySliderElement, ev: CasinoChallengesOverlaySliderCustomEvent<HTMLCasinoChallengesOverlaySliderElementEventMap[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 HTMLCasinoChallengesOverlaySliderElementEventMap>(type: K, listener: (this: HTMLCasinoChallengesOverlaySliderElement, ev: CasinoChallengesOverlaySliderCustomEvent<HTMLCasinoChallengesOverlaySliderElementEventMap[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 HTMLCasinoChallengesOverlaySliderElement: {
+        prototype: HTMLCasinoChallengesOverlaySliderElement;
+        new (): HTMLCasinoChallengesOverlaySliderElement;
+    };
+    interface HTMLElementTagNameMap {
+        "casino-challenges-overlay-card": HTMLCasinoChallengesOverlayCardElement;
+        "casino-challenges-overlay-slider": HTMLCasinoChallengesOverlaySliderElement;
+    }
+}
+declare namespace LocalJSX {
+    interface CasinoChallengesOverlayCard {
+        "arrLength"?: number;
+        "challenge"?: IChallenge;
+        "currentIndex"?: number;
+        "index"?: number;
+        "isOptedOut"?: boolean;
+        "language"?: string;
+        "onChallengeExpired"?: (event: CasinoChallengesOverlayCardCustomEvent<any>) => void;
+        "slideHeight"?: number;
+        "slideWidth"?: number;
+    }
+    interface CasinoChallengesOverlaySlider {
+        "activeTabIndex"?: string;
+        "challenges"?: IChallenge[];
+        "clientStyling"?: string;
+        "clientStylingUrl"?: string;
+        "initialProgressId"?: string;
+        "isMobile"?: boolean;
+        "language"?: string;
+        "mbSource"?: string;
+        "onActiveChallengeChange"?: (event: CasinoChallengesOverlaySliderCustomEvent<any>) => void;
+        "translationUrl"?: string;
+    }
+    interface IntrinsicElements {
+        "casino-challenges-overlay-card": CasinoChallengesOverlayCard;
+        "casino-challenges-overlay-slider": CasinoChallengesOverlaySlider;
+    }
+}
+export { LocalJSX as JSX };
+declare module "@stencil/core" {
+    export namespace JSX {
+        interface IntrinsicElements {
+            "casino-challenges-overlay-card": LocalJSX.CasinoChallengesOverlayCard & JSXBase.HTMLAttributes<HTMLCasinoChallengesOverlayCardElement>;
+            "casino-challenges-overlay-slider": LocalJSX.CasinoChallengesOverlaySlider & JSXBase.HTMLAttributes<HTMLCasinoChallengesOverlaySliderElement>;
+        }
+    }
+}

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export * from './components/casino-challenges-overlay-slider';