@pairbo/ui-kit 0.0.5 → 0.1.0

package/dist/src/components/handwritten-canvas/handwritten-canvas.component.d.ts

@@ -0,0 +1,60 @@
+import { CSSResultGroup } from 'lit';
+import { default as PairboElement } from '../../internal/pairbo-element.js';
+import { Canvas, FabricImage, Rect, Group } from 'fabric';
+type Size = {
+    width: number;
+    height: number;
+};
+type Position = {
+    left: number;
+    top: number;
+};
+/**
+ * @summary Short summary of the component's intended use.
+ * @status experimental
+ *
+ * @dependency pbo-example
+ *
+ * @event pbo-event-name - Emitted as an example.
+ *
+ * @slot - The default slot.
+ * @slot example - An example slot.
+ *
+ * @csspart base - The component's base wrapper.
+ *
+ * @cssproperty --example - An example CSS custom property.
+ */
+export default class PboHandwrittenCanvas extends PairboElement {
+    static styles: CSSResultGroup;
+    backgroundImageUrl: string | undefined;
+    handwrittenImageUrl: string | undefined;
+    imageHeight: number | null;
+    imageWidth: number | null;
+    imageLeft: number | null;
+    imageTop: number | null;
+    baseCanvas: HTMLCanvasElement;
+    canvas: Canvas;
+    backgroundFabImg: FabricImage | undefined;
+    rect: Rect | undefined;
+    areaPosition: Position;
+    handwrittenImage: FabricImage | undefined;
+    clipMaskOverlay: Group | undefined;
+    areaSize: Size;
+    handleBackgroundImageUrlChange(): Promise<void>;
+    handleHandwrittenImageUrlChange(_: string | undefined, newValue: string | undefined): Promise<void>;
+    createClipMaskOverlay(): Group;
+    updateProcessedImgAreaPosition(): void;
+    private _dimensionsUpdateTimeout;
+    handleHandwrittenImageDimensionsChange(oldValue: number | null, newValue: number | null): void;
+    applyHandwrittenImageDimensions(): void;
+    setHandwrittenImageDimensions(dimensions: {
+        top?: number;
+        left?: number;
+        height?: number;
+        width?: number;
+    }): void;
+    firstUpdated(): Promise<void>;
+    appendBackgroundImageToCanvas(url: string, callback?: Function): Promise<void>;
+    render(): import('lit-html').TemplateResult<1>;
+}
+export {};

package/dist/src/components/handwritten-canvas/handwritten-canvas.d.ts

@@ -0,0 +1,8 @@
+import { default as PboHandwrittenCanvas } from './handwritten-canvas.component.js';
+export * from './handwritten-canvas.component.js';
+export default PboHandwrittenCanvas;
+declare global {
+    interface HTMLElementTagNameMap {
+        "pbo-handwritten-canvas": PboHandwrittenCanvas;
+    }
+}

package/dist/src/components/handwritten-canvas/handwritten-canvas.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('lit').CSSResult;
+export default _default;

package/dist/src/components/handwritten-form/handwritten-form.component.d.ts

@@ -0,0 +1,50 @@
+import { CSSResultGroup } from 'lit';
+import { default as PairboElement } from '../../internal/pairbo-element.js';
+/**
+ * @summary Short summary of the component's intended use.
+ * @status experimental
+ *
+ * @dependency pbo-example
+ *
+ * @event pbo-event-name - Emitted as an example.
+ *
+ * @slot - The default slot.
+ * @slot example - An example slot.
+ *
+ * @csspart base - The component's base wrapper.
+ *
+ * @cssproperty --example - An example CSS custom property.
+ */
+export default class PboHandwrittenForm extends PairboElement {
+    static styles: CSSResultGroup;
+    imageInput: HTMLInputElement;
+    handwrittenForm: HTMLFormElement;
+    sourceImg: File | null;
+    processedFileUrl: string | null;
+    handwrittenDimensions: {
+        top: number | null;
+        left: number | null;
+        width: number | null;
+        height: number | null;
+        cardHeight: number | null;
+        cardWidth: number | null;
+    };
+    showPicker(): void;
+    handleSourceImgChange(oldFile: File | null, newFile: File | null): void;
+    handleProcessImageChange(oldFileUrl: string | null, newFileUrl: string | null): void;
+    setDimensions(dimensions: {
+        top: number | null;
+        left: number | null;
+        width: number | null;
+        height: number | null;
+        cardHeight: number | null;
+        cardWidth: number | null;
+    }): void;
+    get form(): {
+        isLoading: boolean | null;
+        processedFileUrl: string | null;
+    };
+    handleFileChange(e: Event): Promise<void>;
+    handleSubmit(e: Event): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/handwritten-form/handwritten-form.d.ts

@@ -0,0 +1,8 @@
+import { default as PboHandwrittenForm } from './handwritten-form.component.js';
+export * from './handwritten-form.component.js';
+export default PboHandwrittenForm;
+declare global {
+    interface HTMLElementTagNameMap {
+        "pbo-handwritten-form": PboHandwrittenForm;
+    }
+}

package/dist/src/components/handwritten-form/handwritten-form.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('lit').CSSResult;
+export default _default;

package/dist/src/components/main.d.ts

@@ -8,8 +8,14 @@ export { default as PboRadioGroup } from './radio-group/radio-group.js';
 export { default as PboTextarea } from './textarea/textarea.js';
 export { default as PboEditor } from './editor/editor.js';
 export { default as PboTypeForm } from './type-form/type-form.js';
-export { default as PboEditorCardSlider } from './image-slider/editor-card-slider.js';
+export { default as PboEditorCardSlider } from './editor-card-slider/editor-card-slider.js';
 export { default as PboCategory } from './category/category.js';
 export { default as PboDrawer } from './drawer/drawer.js';
 export { default as PboPageManager } from './page-manager/page-manager.js';
 export { default as PboCardSelection } from './card-selection/card-selection.js';
+export { default as PboTypeCanvas } from './type-canvas/type-canvas.js';
+export { default as PboZoomedPreview } from './zoomed-preview/zoomed-preview.js';
+export { default as PboEditorSelector } from './editor-selector/editor-selector.js';
+export { default as PboHandwrittenForm } from './handwritten-form/handwritten-form.js';
+export { default as PboHandwrittenCanvas } from './handwritten-canvas/handwritten-canvas.js';
+export { default as PboGiftOption } from './gift-options/gift-options.js';

package/dist/src/components/page-manager/page-manager.component.d.ts

@@ -1,6 +1,6 @@
-import { CSSResultGroup, PropertyValues } from 'lit';
+import { CSSResultGroup } from 'lit';
 import { default as PairboElement } from '../../internal/pairbo-element.js';
-import { default as PboCardSelection } from '../card-selection/card-selection.component.js';
+import { PboCardSelection } from '../main.js';
 import { default as PboEditor } from '../editor/editor.component.js';
 /**
  * @summary Short summary of the component's intended use.
@@ -21,6 +21,7 @@ export default class PboPageManager extends PairboElement {
     static styles: CSSResultGroup;
     cardSelectionEl: PboCardSelection;
     editorEl: PboEditor;
+    onClose: () => void;
     currentPage: "selection" | "editor";
     selectedCard: string | null;
     categories: Category[];
@@ -34,8 +35,8 @@ export default class PboPageManager extends PairboElement {
     connectedCallback(): void;
     disconnectedCallback(): void;
     protected firstUpdated(): void;
-    updated(changedProperties: PropertyValues<this>): void;
-    findCardInCategoryById(cardId: string): Card | null;
+    handleCategoriesUpdate(): void;
+    private findCardInCategoryById;
     private handleCardSelected;
     render(): import('lit-html').TemplateResult<1>;
 }

package/dist/src/components/radio-button/radio-button.component.d.ts

@@ -1,4 +1,5 @@
-import { LitElement, CSSResultGroup } from 'lit';
+import { CSSResultGroup } from 'lit';
+import { default as PairboElement } from '../../internal/pairbo-element.js';
 /**
  * @summary Short summary of the component's intended use.
  * @documentation https://shoelace.style/components/radio-button
@@ -15,17 +16,18 @@ import { LitElement, CSSResultGroup } from 'lit';
  *
  * @cssproperty --example - An example CSS custom property.
  */
-export default class PboRadioButton extends LitElement {
+export default class PboRadioButton extends PairboElement {
     static styles: CSSResultGroup;
     private readonly hasSlotController;
     input: HTMLInputElement;
     hiddenInput: HTMLInputElement;
-    protected hasFocus: boolean;
     checked: boolean;
     value: string;
     disabled: boolean;
     size: "small" | "medium" | "large";
     circle: boolean;
+    iconOnly: boolean;
+    protected hasFocus: boolean;
     connectedCallback(): void;
     private handleBlur;
     private handleClick;

package/dist/src/components/radio-group/radio-group.component.d.ts

@@ -35,12 +35,17 @@ export default class PboRadioGroup extends PairboElement implements PairboFormCo
     defaultValue: string;
     required: boolean;
     name: string;
-    get value(): string;
-    set value(value: string);
+    value: string;
+    helpText: string;
+    label: string;
+    iconGroup: boolean;
+    size: "medium" | "large" | "small";
     disabled: boolean;
     form: string;
+    handleValueChange(): void;
     get validity(): ValidityState;
-    validationMessage: string;
+    get validationMessage(): string;
+    connectedCallback(): void;
     checkValidity(): boolean;
     getForm(): HTMLFormElement | null;
     reportValidity(): boolean;
@@ -48,9 +53,10 @@ export default class PboRadioGroup extends PairboElement implements PairboFormCo
     private getAllRadios;
     private updateCheckedRadio;
     private handleRadioClick;
+    private handleLabelClick;
     private handleKeyDown;
     private syncRadios;
+    private syncRadioElements;
     private handleInvalid;
-    handleValueChange(): void;
     render(): import('lit-html').TemplateResult<1>;
 }

package/dist/src/components/selector/selector.component.d.ts

@@ -6,12 +6,14 @@ interface FontOption {
 }
 export default class PboSelector extends LitElement {
     static styles: CSSResultGroup;
+    private readonly hasSlotController;
     fonts: FontOption[];
+    size: "medium" | "large" | "small";
+    label: string;
     get value(): any;
     choiceEl: HTMLSelectElement;
     private _choices?;
     firstUpdated(): void;
-    updated: (changedProperties: Map<string, any>) => void;
     private _initializeChoices;
     render(): import('lit-html').TemplateResult<1>;
 }

package/dist/src/components/textarea/textarea.component.d.ts

@@ -18,6 +18,7 @@ import { default as PairboElement, PairboFormControl } from '../../internal/pair
 export default class PboTextarea extends PairboElement implements PairboFormControl {
     static styles: CSSResultGroup;
     private readonly formControlController;
+    private readonly hasSlotController;
     defaultValue?: unknown;
     defaultChecked?: boolean | undefined;
     pattern?: string | undefined;
@@ -40,6 +41,7 @@ export default class PboTextarea extends PairboElement implements PairboFormCont
     required: boolean;
     minlength: number;
     maxlength: number;
+    helpText: string;
     get validity(): ValidityState;
     get validationMessage(): string;
     firstUpdated(): void;

package/dist/src/components/type-canvas/type-canvas.component.d.ts

@@ -0,0 +1,52 @@
+import { CSSResultGroup } from 'lit';
+import { default as PairboElement } from '../../internal/pairbo-element.js';
+import { Rect, Canvas, Textbox, FabricImage } from 'fabric';
+type Size = {
+    width: number;
+    height: number;
+};
+type Position = {
+    left: number;
+    top: number;
+};
+/**
+ * @summary Short summary of the component's intended use.
+ * @status experimental
+ *
+ * @dependency pbo-example
+ *
+ * @event pbo-event-name - Emitted as an example.
+ *
+ * @slot - The default slot.
+ * @slot example - An example slot.
+ *
+ * @csspart base - The component's base wrapper.
+ *
+ * @cssproperty --example - An example CSS custom property.
+ */
+export default class PboTypeCanvas extends PairboElement {
+    static styles: CSSResultGroup;
+    backgroundImageUrl: string | undefined;
+    message: string;
+    font: string;
+    color: string;
+    alignment: "left" | "center" | "right";
+    baseCanvas: HTMLCanvasElement;
+    canvas: Canvas;
+    backgroundImage: FabricImage | undefined;
+    backgroundFabImg: FabricImage | undefined;
+    rect: Rect | undefined;
+    textBox: Textbox | undefined;
+    areaPosition: Position;
+    areaSize: Size;
+    handleAlignmentChange(oldAlignment: string, newAlignment: string): void;
+    handleColorChange(oldColor: string, newColor: string): void;
+    handleFontChange(oldFont: string, newFont: string): void;
+    handleMessageChange(oldValue: string, newValue: string): void;
+    handleBackgroundImageUrlChange(): Promise<void>;
+    updateTextAreaPosition(): void;
+    firstUpdated(): Promise<void>;
+    appendBackgroundImageToCanvas(url: string, callback?: Function): Promise<void>;
+    render(): import('lit-html').TemplateResult<1>;
+}
+export {};

package/dist/src/components/type-canvas/type-canvas.d.ts

@@ -0,0 +1,8 @@
+import { default as PboTypeCanvas } from './type-canvas.component.js';
+export * from './type-canvas.component.js';
+export default PboTypeCanvas;
+declare global {
+    interface HTMLElementTagNameMap {
+        "pbo-type-canvas": PboTypeCanvas;
+    }
+}

package/dist/src/components/type-canvas/type-canvas.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('lit').CSSResult;
+export default _default;

package/dist/src/components/type-form/type-form.component.d.ts

@@ -33,8 +33,28 @@ export default class PboTypeForm extends PairboElement {
     fontSelector: PboSelector;
     textColor: PboRadioGroup;
     textAlignment: PboRadioGroup;
+    typingForm: HTMLFormElement;
+    textArea: PboTextarea;
+    windowHeight: number;
+    private resizeTimeout;
     private formData;
+    charsNum: number;
+    static readonly CTA_STATES: {
+        danger: {
+            type: string;
+            message: string;
+        };
+        primary: {
+            type: string;
+            message: string;
+        };
+    };
+    ctaButtonState: {
+        type: string;
+        message: string;
+    };
     cardInnerImageUrl: string;
+    protected firstUpdated(): void;
     get form(): {
         font: any;
         text: string;
@@ -44,5 +64,9 @@ export default class PboTypeForm extends PairboElement {
     private handleFormChange;
     hostConnected(): void;
     hostDisconnected(): void;
+    submitFormHandler(e: SubmitEvent): void;
+    private handleResize;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
 }

package/dist/src/components/zoomed-preview/zoomed-preview.component.d.ts

@@ -0,0 +1,33 @@
+import { CSSResultGroup } from 'lit';
+import { default as PairboElement } from '../../internal/pairbo-element.js';
+/**
+ * @summary Short summary of the component's intended use.
+ * @status experimental
+ *
+ * @dependency pbo-example
+ *
+ * @event pbo-event-name - Emitted as an example.
+ *
+ * @slot - The default slot.
+ * @slot example - An example slot.
+ *
+ * @csspart base - The component's base wrapper.
+ *
+ * @cssproperty --example - An example CSS custom property.
+ */
+export default class PboZoomedPreview extends PairboElement {
+    static styles: CSSResultGroup;
+    formData: {
+        font: string;
+        text: string;
+        color: string;
+        alignment: string;
+    };
+    cardUrl: string;
+    close: () => void;
+    handwrittenPreviewProps: {
+        isLoading: boolean;
+        url: string | null;
+    };
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/zoomed-preview/zoomed-preview.d.ts

@@ -0,0 +1,8 @@
+import { default as PboZoomedPreview } from './zoomed-preview.component.js';
+export * from './zoomed-preview.component.js';
+export default PboZoomedPreview;
+declare global {
+    interface HTMLElementTagNameMap {
+        "pbo-zoomed-preview": PboZoomedPreview;
+    }
+}

package/dist/src/components/zoomed-preview/zoomed-preview.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('lit').CSSResult;
+export default _default;

package/dist/src/core/pbo-bridge/PboBridge.d.ts

@@ -0,0 +1,32 @@
+/**
+ * @summary Default implementation of PboIntegration
+ * @description
+ * This class provides a default implementation of the PboIntegration interface.
+ * It can be used as a base implementation or extended for custom needs.
+ * Sate management, event handling, and API interactions are handled here.
+ */
+export declare class PboBridge {
+    drawer: "pbo-drawer";
+    giftOptions: "pbo-gift-options";
+    private _isLoading;
+    private _isError;
+    private _isDrawerOpen;
+    private _eventListeners;
+    constructor(customBridgeProps: PboBridgeProps);
+    toggleDrawer(visible: boolean): void;
+    get isDrawerOpen(): boolean;
+    getCards(): Promise<Card[]>;
+    afterGetCards(cards: Card[]): void;
+    getCategories(): Promise<Category[]>;
+    private afterGetCategories;
+    get isLoading(): boolean;
+    private _setLoading;
+    init(): Promise<void>;
+    asyncExecute<T>(callback: () => Promise<T>): Promise<void>;
+    uploadHandwrittenImage(file: File): Promise<string>;
+    submitCard(payload: SubmittedCardPayload): Promise<void>;
+    onSubmitted(): void;
+    addEventListener(event: PboIntegrationEvent, callback: (event: CustomEvent) => void): void;
+    removeEventListener(event: PboIntegrationEvent, callback: (event: CustomEvent) => void): void;
+    private dispatchEvent;
+}

package/dist/src/core/pbo-bridge/createPboBridge.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @summary Factory function to create a PboIntegration instance
+ * @description
+ * This function creates a new instance of PboIntegration.
+ * It can be used with a custom implementation or will use the default implementation.
+ *
+ * @example
+ * ```ts
+ * // Use default implementation
+ * const integration = createPboIntegration();
+ *
+ * // Use custom implementation
+ * const integration = createPboIntegration({
+ *   getCards: async () => {
+ *     return await fetch('/api/cards').then(r => r.json());
+ *   }
+ * });
+ * ```
+ */
+export declare function createPboBridge(): PboBridgeInterface;

package/dist/src/core/pbo-bridge/index.d.ts

@@ -0,0 +1,2 @@
+export * from './types';
+export * from './PboBridge';

package/dist/src/core/pbo-bridge/types.d.ts

@@ -0,0 +1,69 @@
+/**
+ * @description      :
+ * @author           :
+ * @group            :
+ * @created          : 31/03/2025 - 13:21:15
+ *
+ * MODIFICATION LOG
+ * - Version         : 1.0.0
+ * - Date            : 31/03/2025
+ * - Author          :
+ * - Modification    :
+ **/
+/**
+ * @summary Core types for Pairbo UI Kit integration
+ */
+export interface Card {
+    id: string;
+    title: string;
+    description?: string;
+    categoryId: string;
+    imageUrl: string;
+    templateUrl?: string;
+    metadata?: Record<string, unknown>;
+}
+declare interface Category {
+    id: string;
+    name: string;
+    cards: Card[];
+}
+export interface SubmittedCardPayload {
+    cardId: string;
+    handwrittenImageUrl?: string;
+    customText?: string;
+    metadata?: Record<string, unknown>;
+}
+export type PboIntegrationEvent = "pbo-drawer-toggle" | "pbo-card-submitted" | "pbo-loading-change" | "pbo-error";
+/**
+ * @summary Custom implementation interface for Pairbo UI Kit
+ * @description
+ * This interface defines what users need to implement for custom behavior.
+ * All common logic is handled by the factory function.
+ */
+export interface PboBridgeCustom {
+    fetchCards(): Promise<Card[]>;
+    fetchCategories(): Promise<Category[]>;
+    uploadImage(file: File): Promise<string>;
+    submitCardData(payload: SubmittedCardPayload): Promise<void>;
+}
+/**
+ * @summary Core integration interface for Pairbo UI Kit
+ * @description
+ * This interface defines the contract between Pairbo UI Kit components
+ * and external applications or backend services.
+ */
+export interface PboBridgeInterface {
+    drawer: "pbo-drawer" | string;
+    giftOptions: "pbo-gift-option" | string;
+    toggleDrawer(visible: boolean): void;
+    isDrawerOpen: boolean;
+    getCards(): Promise<Card[]>;
+    getCategories(): Promise<Category[]>;
+    isLoading: boolean;
+    uploadHandwrittenImage(file: File): Promise<string>;
+    submitCard(payload: SubmittedCardPayload): Promise<void>;
+    onSubmitted(): void;
+    addEventListener(event: PboIntegrationEvent, callback: (event: CustomEvent) => void): void;
+    removeEventListener(event: PboIntegrationEvent, callback: (event: CustomEvent) => void): void;
+}
+export {};

package/dist/src/demo.d.ts

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

package/dist/src/events/events.d.ts

@@ -1 +1,2 @@
 export type { PboCategoryCardSelectEvent } from './pbo-category-card-select.js';
+export type { HandwrittenImageDimensionsChangedEvent } from './handwritten-image-dimensions-changed.js';

package/dist/src/events/handwritten-image-dimensions-changed.d.ts

@@ -0,0 +1,13 @@
+export type HandwrittenImageDimensionsChangedEvent = CustomEvent<{
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+    cardHeight: number;
+    cardWidth: number;
+}>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        "handwritten-image-dimensions-changed": HandwrittenImageDimensionsChangedEvent;
+    }
+}

package/dist/src/internal/form.d.ts

@@ -2,6 +2,24 @@ import { ReactiveController, ReactiveControllerHost } from 'lit';
 import { PairboFormControl } from './pairbo-element';
 import { PboButton } from '../components/main';
 export declare const formCollections: WeakMap<HTMLFormElement, Set<PairboFormControl>>;
+/**
+ * Interface for defining how a form control behaves.
+ *
+ * This interface provides configuration options for a form control's behavior,
+ * including retrieving its associated form, handling values, and managing validation.
+ *
+ * @interface FormControlControllerOptions
+ *
+ * @property {function} form - Returns the parent form element associated with the control.
+ * @property {function} name - Returns the name identifier of the control.
+ * @property {function} defaultValue - Returns the initial/default value of the control.
+ * @property {function} value - Returns the current value(s) of the control. If the control supports multiple values (e.g., multi-select), it returns an array.
+ * @property {function} disabled - Determines if the control is currently disabled.
+ * @property {function} reportValidity - Validates the control and returns `true` if valid, otherwise shows an error message.
+ * @property {function} checkValidity - Validates the control and returns `true` if valid, `false` if invalid, without displaying an error.
+ * @property {function} setValue - Updates the value of the control programmatically.
+ * @property {string[]} assumeInteractionOn - List of event names that indicate user interaction with the control.
+ */
 export interface FormControlControllerOptions {
     form: (input: PairboFormControl) => HTMLFormElement | null;
     name: (input: PairboFormControl) => string;
@@ -13,6 +31,41 @@ export interface FormControlControllerOptions {
     setValue: (input: PairboFormControl, value: unknown) => void;
     assumeInteractionOn: string[];
 }
+/**
+ * A controller class that manages form control behavior in reactive components.
+ * Implements the ReactiveController interface to handle form-related functionality.
+ *
+ * @implements {ReactiveController}
+ *
+ * @property {PairboFormControl & ReactiveControllerHost} host - The host element that this controller is attached to
+ * @property {HTMLFormElement | null | undefined} form - The associated form element
+ * @property {FormControlControllerOptions} options - Configuration options for the form control
+ *
+ * @example
+ * ```typescript
+ * const controller = new FormControlController(hostElement, {
+ *   // Custom options
+ * });
+ * ```
+ *
+ * @remarks
+ * This controller provides form control functionality including:
+ * - Form attachment and detachment
+ * - Form validation handling
+ * - Form data submission
+ * - Form reset handling
+ * - User interaction tracking
+ * - Custom validity states
+ *
+ * The controller automatically manages:
+ * - Form element lifecycle
+ * - Form validation overrides
+ * - Form data collection
+ * - User interaction states
+ * - Form submission and reset events
+ *
+ * @fires pbo-invalid - Emitted when the form control becomes invalid
+ */
 export declare class FormControlController implements ReactiveController {
     host: PairboFormControl & ReactiveControllerHost;
     form?: HTMLFormElement | null;
@@ -31,6 +84,7 @@ export declare class FormControlController implements ReactiveController {
     private reportFormValidity;
     private setUserInteracted;
     private doAction;
+    /** Returns the associated `<form>` element, if one exists. The method to get the form is init in the construct, and the initialization is in the `hostConnected()`*/
     getForm(): HTMLFormElement | null;
     reset(submitter?: HTMLInputElement | PboButton): void;
     submit(submitter?: HTMLInputElement | PboButton): void;

package/dist/src/mocks/browser.d.ts

@@ -0,0 +1 @@
+export declare const worker: import('msw/browser').SetupWorker;

package/dist/src/mocks/handlers.d.ts

@@ -0,0 +1 @@
+export declare const handlers: import('msw').HttpHandler[];

package/dist/src/mocks/init.d.ts

@@ -0,0 +1 @@
+export declare const mswReady: Promise<void>;