@everymatrix/lottery-selection 0.0.1

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

@@ -0,0 +1,68 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class LotterySelection {
+    /**
+     * The current value of the selection.
+     * Can be 0 (unselected) or 1 (selected), or a string value.
+     */
+    value: number | string;
+    /**
+     * The text label displayed inside the button.
+     */
+    text: string;
+    /**
+     * The index of this selection item, useful for identification in lists.
+     */
+    idx: number;
+    /**
+     * The type of the selection button which determines its behavior and appearance.
+     * Possible values: 'toggle', 'delete', 'input', 'readonly', 'disabled'.
+     * Defaults to 'toggle'.
+     */
+    type: 'toggle' | 'delete' | 'input' | 'readonly' | 'disabled';
+    /**
+     * Client custom styling via message bus source identifier.
+     */
+    mbSource: string;
+    /**
+     * Client custom styling via raw CSS string.
+     */
+    clientStyling: string;
+    /**
+     * Client custom styling via CSS file URL.
+     */
+    clientStylingUrl: string;
+    /**
+     * Whether the button has a border. Defaults to true.
+     */
+    hasBorder: boolean;
+    /**
+     * Whether the button has a background color. Defaults to true.
+     */
+    hasBackground: boolean;
+    /**
+       * Custom SVG string for the delete icon. If provided, it overrides the default Ant Design delete icon.
+       * **WARNING**: Directly using `innerHTML` with user-provided content can lead to XSS vulnerabilities.
+       * Ensure that the `deleteIconSvg` value is sanitized by the consumer of this component before passing it,
+       * or ensure it comes from a trusted source. This component performs basic sanitization but it is not
+       * a foolproof protection against all possible SVG-based XSS attacks.
+       */
+    deleteIconSvg: string;
+    /**
+       * Width for the delete icon (applies to default icon if no custom SVG is provided).
+       */
+    deleteIconWidth: string;
+    /**
+     * Height for the delete icon (applies to default icon if no custom SVG is provided).
+     */
+    deleteIconHeight: string;
+    private stylingContainer;
+    private stylingSubscription;
+    handleClientStylingChange(newValue: any, oldValue: any): void;
+    handleClientStylingUrlChange(newValue: any, oldValue: any): void;
+    handleMbSourceChange(newValue: any, oldValue: any): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    lotteryBulletClickHandler: EventEmitter<any>;
+    private handleClick;
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -0,0 +1,149 @@
+/* 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";
+export namespace Components {
+    interface LotterySelection {
+        /**
+          * Client custom styling via raw CSS string.
+         */
+        "clientStyling": string;
+        /**
+          * Client custom styling via CSS file URL.
+         */
+        "clientStylingUrl": string;
+        /**
+          * Height for the delete icon (applies to default icon if no custom SVG is provided).
+         */
+        "deleteIconHeight": string;
+        /**
+          * Custom SVG string for the delete icon. If provided, it overrides the default Ant Design delete icon. **WARNING**: Directly using `innerHTML` with user-provided content can lead to XSS vulnerabilities. Ensure that the `deleteIconSvg` value is sanitized by the consumer of this component before passing it, or ensure it comes from a trusted source. This component performs basic sanitization but it is not a foolproof protection against all possible SVG-based XSS attacks.
+         */
+        "deleteIconSvg": string;
+        /**
+          * Width for the delete icon (applies to default icon if no custom SVG is provided).
+         */
+        "deleteIconWidth": string;
+        /**
+          * Whether the button has a background color. Defaults to true.
+         */
+        "hasBackground": boolean;
+        /**
+          * Whether the button has a border. Defaults to true.
+         */
+        "hasBorder": boolean;
+        /**
+          * The index of this selection item, useful for identification in lists.
+         */
+        "idx": number;
+        /**
+          * Client custom styling via message bus source identifier.
+         */
+        "mbSource": string;
+        /**
+          * The text label displayed inside the button.
+         */
+        "text": string;
+        /**
+          * The type of the selection button which determines its behavior and appearance. Possible values: 'toggle', 'delete', 'input', 'readonly', 'disabled'. Defaults to 'toggle'.
+         */
+        "type": 'toggle' | 'delete' | 'input' | 'readonly' | 'disabled';
+        /**
+          * The current value of the selection. Can be 0 (unselected) or 1 (selected), or a string value.
+         */
+        "value": number | string;
+    }
+}
+export interface LotterySelectionCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLotterySelectionElement;
+}
+declare global {
+    interface HTMLLotterySelectionElementEventMap {
+        "lotteryBulletClick": any;
+    }
+    interface HTMLLotterySelectionElement extends Components.LotterySelection, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLLotterySelectionElementEventMap>(type: K, listener: (this: HTMLLotterySelectionElement, ev: LotterySelectionCustomEvent<HTMLLotterySelectionElementEventMap[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 HTMLLotterySelectionElementEventMap>(type: K, listener: (this: HTMLLotterySelectionElement, ev: LotterySelectionCustomEvent<HTMLLotterySelectionElementEventMap[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 HTMLLotterySelectionElement: {
+        prototype: HTMLLotterySelectionElement;
+        new (): HTMLLotterySelectionElement;
+    };
+    interface HTMLElementTagNameMap {
+        "lottery-selection": HTMLLotterySelectionElement;
+    }
+}
+declare namespace LocalJSX {
+    interface LotterySelection {
+        /**
+          * Client custom styling via raw CSS string.
+         */
+        "clientStyling"?: string;
+        /**
+          * Client custom styling via CSS file URL.
+         */
+        "clientStylingUrl"?: string;
+        /**
+          * Height for the delete icon (applies to default icon if no custom SVG is provided).
+         */
+        "deleteIconHeight"?: string;
+        /**
+          * Custom SVG string for the delete icon. If provided, it overrides the default Ant Design delete icon. **WARNING**: Directly using `innerHTML` with user-provided content can lead to XSS vulnerabilities. Ensure that the `deleteIconSvg` value is sanitized by the consumer of this component before passing it, or ensure it comes from a trusted source. This component performs basic sanitization but it is not a foolproof protection against all possible SVG-based XSS attacks.
+         */
+        "deleteIconSvg"?: string;
+        /**
+          * Width for the delete icon (applies to default icon if no custom SVG is provided).
+         */
+        "deleteIconWidth"?: string;
+        /**
+          * Whether the button has a background color. Defaults to true.
+         */
+        "hasBackground"?: boolean;
+        /**
+          * Whether the button has a border. Defaults to true.
+         */
+        "hasBorder"?: boolean;
+        /**
+          * The index of this selection item, useful for identification in lists.
+         */
+        "idx"?: number;
+        /**
+          * Client custom styling via message bus source identifier.
+         */
+        "mbSource"?: string;
+        "onLotteryBulletClick"?: (event: LotterySelectionCustomEvent<any>) => void;
+        /**
+          * The text label displayed inside the button.
+         */
+        "text"?: string;
+        /**
+          * The type of the selection button which determines its behavior and appearance. Possible values: 'toggle', 'delete', 'input', 'readonly', 'disabled'. Defaults to 'toggle'.
+         */
+        "type"?: 'toggle' | 'delete' | 'input' | 'readonly' | 'disabled';
+        /**
+          * The current value of the selection. Can be 0 (unselected) or 1 (selected), or a string value.
+         */
+        "value"?: number | string;
+    }
+    interface IntrinsicElements {
+        "lottery-selection": LotterySelection;
+    }
+}
+export { LocalJSX as JSX };
+declare module "@stencil/core" {
+    export namespace JSX {
+        interface IntrinsicElements {
+            "lottery-selection": LocalJSX.LotterySelection & JSXBase.HTMLAttributes<HTMLLotterySelectionElement>;
+        }
+    }
+}

package/dist/types/index.d.ts

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