@everymatrix/lottery-selection-group 0.0.1

package/dist/lottery-selection-group/lottery-selection-group.esm.js

@@ -0,0 +1 @@
+import{p as l,b as e}from"./index-3a4d6110.js";export{s as setNonce}from"./index-3a4d6110.js";import{g as t}from"./app-globals-0f993ce5.js";(()=>{const e=import.meta.url,t={};return""!==e&&(t.resourcesUrl=new URL(".",e).href),l(t)})().then((async l=>(await t(),e([["lottery-button_4",[[1,"lottery-selection-group",{mbSource:[513,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],language:[513],translationUrl:[513,"translation-url"],splitToken:[513,"split-token"],selectionGroupId:[513,"selection-group-id"],selectionGroupLabel:[513,"selection-group-label"],type:[513],selectedBulletTexts:[513,"selected-bullet-texts"],maxSelectedCount:[514,"max-selected-count"],maxDisplayBulletsCount:[514,"max-display-bullets-count"],bulletTexts:[513,"bullet-texts"],maxIntegerBulletText:[514,"max-integer-bullet-text"],minIntegerBulletText:[514,"min-integer-bullet-text"],bulletTextType:[513,"bullet-text-type"],hasBorder:[516,"has-border"],hasBackground:[516,"has-background"],dialogTitle:[513,"dialog-title"],dialogInputPlaceholder:[513,"dialog-input-placeholder"],dialogConfig:[32],inputInfo:[32]},[[0,"lotteryBulletClick","lotteryBulletClickHandler"]],{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}],[1,"lottery-button",{variant:[513],size:[513],color:[513],disabled:[516],loading:[516],text:[513],mbSource:[513,"mb-source"],language:[513],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],ripples:[32]},null,{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}],[1,"lottery-selection",{value:[520],text:[513],idx:[514],type:[513],mbSource:[513,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],hasBorder:[516,"has-border"],hasBackground:[516,"has-background"],deleteIconSvg:[513,"delete-icon-svg"],deleteIconWidth:[513,"delete-icon-width"],deleteIconHeight:[513,"delete-icon-height"]},null,{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}],[1,"lottery-tipping-dialog",{mbSource:[1,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],visible:[516],dialogTitle:[1,"dialog-title"],width:[1],closable:[4],mask:[4],maskClosable:[4,"mask-closable"],animationDuration:[2,"animation-duration"],fullscreen:[4],showFooter:[4,"show-footer"],showCancelBtn:[4,"show-cancel-btn"],language:[513],translationUrl:[520,"translation-url"]},null,{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}]]]],l))));

package/dist/stencil.config.dev.js

@@ -0,0 +1,19 @@
+import { sass } from "@stencil/sass";
+export const config = {
+    namespace: 'lottery-selection-group',
+    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: 'lottery-selection-group',
+    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/lottery-selection-group/.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/lottery-selection-group/.stencil/packages/stencil/lottery-selection-group/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/lottery-selection-group/.stencil/packages/stencil/lottery-selection-group/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/lottery-selection-group/.stencil/packages/stencil/lottery-selection-group/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/lottery-selection-group/.stencil/packages/stencil/lottery-selection-group/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/lottery-selection-group/.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/lottery-selection-group/.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/lottery-selection-group/.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/lottery-selection-group/.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/lottery-selection-group/.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/lottery-selection-group/index.d.ts

@@ -0,0 +1 @@
+export { LotterySelectionGroup } from './lottery-selection-group';

package/dist/types/components/lottery-selection-group/lottery-selection-group.d.ts

@@ -0,0 +1,122 @@
+import "../../../../../../dist/packages/stencil/lottery-button/dist/types/index";
+import "../../../../../../dist/packages/stencil/lottery-selection/dist/types/index";
+import "../../../../../../dist/packages/stencil/lottery-tipping-dialog/dist/types/index";
+import { EventEmitter } from '../../stencil-public-runtime';
+import { BetPlacementType, InputProps } from '../../model/type';
+export declare class LotterySelectionGroup {
+    /**
+     * The source for stream styling via a service.
+     */
+    mbSource: string;
+    /**
+     * Custom CSS styles to apply to the component.
+     */
+    clientStyling: string;
+    /**
+     * URL to a custom CSS file for additional styling.
+     */
+    clientStylingUrl: string;
+    /**
+     * The language code to use for translations. Defaults to 'en'.
+     */
+    language: string;
+    /**
+     * URL to fetch custom translation data from.
+     */
+    translationUrl: string;
+    /**
+     * The delimiter used to split the `bulletTexts` and `selectedBulletTexts` strings into individual items. Defaults to ','.
+     */
+    splitToken: string;
+    /**
+     * Required: The ID or index of the group, used to identify the group in the emitted event.
+     */
+    selectionGroupId: string;
+    /**
+     * The label to display for this selection group.
+     */
+    selectionGroupLabel: string;
+    /**
+     * Defines the behavior and rendering mode of the selection group (e.g., 'bet', 'choice', 'preview'). Defaults to 'bet'.
+     */
+    type: BetPlacementType;
+    /**
+     * A [splitToken]-separated string of currently selected bullet texts. e.g., '0,1,2,3'.
+     */
+    selectedBulletTexts: string;
+    /**
+     * The maximum number of bullets that can be selected. If null, no limit is enforced.
+     */
+    maxSelectedCount: number;
+    /**
+     * The maximum number of bullets to display in the group. Defaults to 11.
+     */
+    maxDisplayBulletsCount: number;
+    /**
+     * A [splitToken]-separated string of custom bullet texts to display. If not provided, numeric bullets are generated.
+     * Example: 'H,D,A' or '0,1,2,3,4,5,6,7,8,9'.
+     */
+    bulletTexts: string;
+    /**
+     * represents the absolute maximum integer value a bullet can have.
+     */
+    maxIntegerBulletText: number;
+    /**
+     * The minimum integer value for generated numeric bullets. Defaults to 0.
+     */
+    minIntegerBulletText: number;
+    /**
+     * Defines the expected type of bullet text: 'integer' for numbers, 'text' for any string. Defaults to 'integer'.
+     */
+    bulletTextType: 'integer' | 'text';
+    /**
+     * Whether the bullet has a border. Defaults to true.
+     */
+    hasBorder: boolean;
+    /** Whether the bullet has a background color. Defaults to true. */
+    hasBackground: boolean;
+    /** Custom title for the add-more dialog. If not provided, a default translated string is used. */
+    dialogTitle: string;
+    /** Custom placeholder for the input field in the add-more dialog. */
+    dialogInputPlaceholder: string;
+    /** Configuration for the add-more dialog, controlling its visibility and actions. */
+    dialogConfig: {
+        visible: boolean;
+        width: string;
+        onConfirm?: () => void;
+        onCancel?: () => void;
+    };
+    /**
+     * Information about the input field in the add-more dialog, including its validity and value.
+     * */
+    inputInfo: InputProps;
+    /**
+     * Emitted when the selection of bullets in the group changes.
+     * */
+    bulletGroupUpdateSelectedBulletTexts: EventEmitter<{
+        newSelectedBulletTexts: string;
+        selectionGroupId: string;
+    }>;
+    private stylingContainer;
+    private stylingSubscription;
+    handleClientStylingChange(newValue: any, oldValue: any): void;
+    handleClientStylingUrlChange(newValue: any, oldValue: any): void;
+    handleMbSourceChange(newValue: any, oldValue: any): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    lotteryBulletClickHandler(event: CustomEvent): void;
+    get selectedSet(): Set<string>;
+    get bulletTextsSet(): Set<unknown>;
+    get lastDisplayBulletText(): number | string;
+    get isSingleSelectionMode(): boolean;
+    getBulletToRender(): {
+        bulletsToRender: unknown[];
+        showInputButton: boolean;
+    };
+    renderBulletGroup(): any;
+    handleCloseAddMoreDialog(): void;
+    handleInputChange(e: Event): void;
+    handleFillInAddMore(): void;
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -0,0 +1,218 @@
+/* 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 { BetPlacementType } from "./model/type";
+export { BetPlacementType } from "./model/type";
+export namespace Components {
+    interface LotterySelectionGroup {
+        /**
+          * Defines the expected type of bullet text: 'integer' for numbers, 'text' for any string. Defaults to 'integer'.
+         */
+        "bulletTextType": 'integer' | 'text';
+        /**
+          * A [splitToken]-separated string of custom bullet texts to display. If not provided, numeric bullets are generated. Example: 'H,D,A' or '0,1,2,3,4,5,6,7,8,9'.
+         */
+        "bulletTexts": string;
+        /**
+          * Custom CSS styles to apply to the component.
+         */
+        "clientStyling": string;
+        /**
+          * URL to a custom CSS file for additional styling.
+         */
+        "clientStylingUrl": string;
+        /**
+          * Custom placeholder for the input field in the add-more dialog.
+         */
+        "dialogInputPlaceholder": string;
+        /**
+          * Custom title for the add-more dialog. If not provided, a default translated string is used.
+         */
+        "dialogTitle": string;
+        /**
+          * Whether the bullet has a background color. Defaults to true.
+         */
+        "hasBackground": boolean;
+        /**
+          * Whether the bullet has a border. Defaults to true.
+         */
+        "hasBorder": boolean;
+        /**
+          * The language code to use for translations. Defaults to 'en'.
+         */
+        "language": string;
+        /**
+          * The maximum number of bullets to display in the group. Defaults to 11.
+         */
+        "maxDisplayBulletsCount": number;
+        /**
+          * represents the absolute maximum integer value a bullet can have.
+         */
+        "maxIntegerBulletText": number;
+        /**
+          * The maximum number of bullets that can be selected. If null, no limit is enforced.
+         */
+        "maxSelectedCount": number;
+        /**
+          * The source for stream styling via a service.
+         */
+        "mbSource": string;
+        /**
+          * The minimum integer value for generated numeric bullets. Defaults to 0.
+         */
+        "minIntegerBulletText": number;
+        /**
+          * A [splitToken]-separated string of currently selected bullet texts. e.g., '0,1,2,3'.
+         */
+        "selectedBulletTexts": string;
+        /**
+          * Required: The ID or index of the group, used to identify the group in the emitted event.
+         */
+        "selectionGroupId": string;
+        /**
+          * The label to display for this selection group.
+         */
+        "selectionGroupLabel": string;
+        /**
+          * The delimiter used to split the `bulletTexts` and `selectedBulletTexts` strings into individual items. Defaults to ','.
+         */
+        "splitToken": string;
+        /**
+          * URL to fetch custom translation data from.
+         */
+        "translationUrl": string;
+        /**
+          * Defines the behavior and rendering mode of the selection group (e.g., 'bet', 'choice', 'preview'). Defaults to 'bet'.
+         */
+        "type": BetPlacementType;
+    }
+}
+export interface LotterySelectionGroupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLotterySelectionGroupElement;
+}
+declare global {
+    interface HTMLLotterySelectionGroupElementEventMap {
+        "bulletGroupUpdateSelection": { newSelectedBulletTexts: string; selectionGroupId: string };
+    }
+    interface HTMLLotterySelectionGroupElement extends Components.LotterySelectionGroup, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLLotterySelectionGroupElementEventMap>(type: K, listener: (this: HTMLLotterySelectionGroupElement, ev: LotterySelectionGroupCustomEvent<HTMLLotterySelectionGroupElementEventMap[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 HTMLLotterySelectionGroupElementEventMap>(type: K, listener: (this: HTMLLotterySelectionGroupElement, ev: LotterySelectionGroupCustomEvent<HTMLLotterySelectionGroupElementEventMap[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 HTMLLotterySelectionGroupElement: {
+        prototype: HTMLLotterySelectionGroupElement;
+        new (): HTMLLotterySelectionGroupElement;
+    };
+    interface HTMLElementTagNameMap {
+        "lottery-selection-group": HTMLLotterySelectionGroupElement;
+    }
+}
+declare namespace LocalJSX {
+    interface LotterySelectionGroup {
+        /**
+          * Defines the expected type of bullet text: 'integer' for numbers, 'text' for any string. Defaults to 'integer'.
+         */
+        "bulletTextType"?: 'integer' | 'text';
+        /**
+          * A [splitToken]-separated string of custom bullet texts to display. If not provided, numeric bullets are generated. Example: 'H,D,A' or '0,1,2,3,4,5,6,7,8,9'.
+         */
+        "bulletTexts"?: string;
+        /**
+          * Custom CSS styles to apply to the component.
+         */
+        "clientStyling"?: string;
+        /**
+          * URL to a custom CSS file for additional styling.
+         */
+        "clientStylingUrl"?: string;
+        /**
+          * Custom placeholder for the input field in the add-more dialog.
+         */
+        "dialogInputPlaceholder"?: string;
+        /**
+          * Custom title for the add-more dialog. If not provided, a default translated string is used.
+         */
+        "dialogTitle"?: string;
+        /**
+          * Whether the bullet has a background color. Defaults to true.
+         */
+        "hasBackground"?: boolean;
+        /**
+          * Whether the bullet has a border. Defaults to true.
+         */
+        "hasBorder"?: boolean;
+        /**
+          * The language code to use for translations. Defaults to 'en'.
+         */
+        "language"?: string;
+        /**
+          * The maximum number of bullets to display in the group. Defaults to 11.
+         */
+        "maxDisplayBulletsCount"?: number;
+        /**
+          * represents the absolute maximum integer value a bullet can have.
+         */
+        "maxIntegerBulletText"?: number;
+        /**
+          * The maximum number of bullets that can be selected. If null, no limit is enforced.
+         */
+        "maxSelectedCount"?: number;
+        /**
+          * The source for stream styling via a service.
+         */
+        "mbSource"?: string;
+        /**
+          * The minimum integer value for generated numeric bullets. Defaults to 0.
+         */
+        "minIntegerBulletText"?: number;
+        /**
+          * Emitted when the selection of bullets in the group changes.
+         */
+        "onBulletGroupUpdateSelection"?: (event: LotterySelectionGroupCustomEvent<{ newSelectedBulletTexts: string; selectionGroupId: string }>) => void;
+        /**
+          * A [splitToken]-separated string of currently selected bullet texts. e.g., '0,1,2,3'.
+         */
+        "selectedBulletTexts"?: string;
+        /**
+          * Required: The ID or index of the group, used to identify the group in the emitted event.
+         */
+        "selectionGroupId"?: string;
+        /**
+          * The label to display for this selection group.
+         */
+        "selectionGroupLabel"?: string;
+        /**
+          * The delimiter used to split the `bulletTexts` and `selectedBulletTexts` strings into individual items. Defaults to ','.
+         */
+        "splitToken"?: string;
+        /**
+          * URL to fetch custom translation data from.
+         */
+        "translationUrl"?: string;
+        /**
+          * Defines the behavior and rendering mode of the selection group (e.g., 'bet', 'choice', 'preview'). Defaults to 'bet'.
+         */
+        "type"?: BetPlacementType;
+    }
+    interface IntrinsicElements {
+        "lottery-selection-group": LotterySelectionGroup;
+    }
+}
+export { LocalJSX as JSX };
+declare module "@stencil/core" {
+    export namespace JSX {
+        interface IntrinsicElements {
+            "lottery-selection-group": LocalJSX.LotterySelectionGroup & JSXBase.HTMLAttributes<HTMLLotterySelectionGroupElement>;
+        }
+    }
+}

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export * from './components/lottery-selection-group';

package/dist/types/model/type.d.ts

@@ -0,0 +1,12 @@
+export interface InputProps {
+    valid?: boolean;
+    errorMessage?: string;
+    value?: string;
+}
+export interface BulletConfig {
+    value: number;
+    text: string;
+    idx: number;
+    type: 'toggle' | 'delete' | 'input' | 'readonly' | 'disabled';
+}
+export type BetPlacementType = 'bet' | 'choice' | 'preview';