@prolibu-suite/cobalt-form 0.1.0

package/dist/esm/loader.js

@@ -0,0 +1,11 @@
+import { b as bootstrapLazy } from './index-X0Keifac.js';
+export { s as setNonce } from './index-X0Keifac.js';
+import { g as globalScripts } from './app-globals-DQuL1Twl.js';
+
+const defineCustomElements = async (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  await globalScripts();
+  return bootstrapLazy([["co-form",[[260,"co-form",{"schema":[1],"initialValues":[1,"initial-values"],"schemaInstance":[16],"refResolver":[16],"locale":[1],"layout":[1],"excludeFields":[1,"exclude-fields"],"disabled":[4],"readOnly":[4,"read-only"],"snapshot":[32],"refStates":[32],"setValue":[64],"getValue":[64],"touch":[64]},null,{"schema":[{"onSchemaChange":0}],"schemaInstance":[{"onSchemaChange":0}],"locale":[{"onSchemaChange":0}]}]]]], 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/types/components/co-form/co-form.d.ts

@@ -0,0 +1,88 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { type FormSchemaLike, type Locale, type RefResolver } from '@prolibu-suite/cobalt-form-core';
+/**
+ * Schema-driven form. Renders Cobalt input components from an inline
+ * Prolibu/Mongoose-style JSON schema and emits the validated payload on submit.
+ *
+ * Validation: bundled AJV (via `createInlineValidator` in form-core) handles
+ * required, format, min/max, minLength/maxLength, enum, regex out of the box.
+ * Hosts wanting full Prolibu FormSchemaWeb behavior can assign a pre-built
+ * `FormSchemaLike` to the `schemaInstance` element property.
+ *
+ * Ref fields: assign a `refResolver` function to the element to enable
+ * search + pagination + label hydration against your backend. See
+ * {@link RefResolver}.
+ *
+ * @slot header - Content above the fields.
+ * @slot footer - Content below the fields (default: a primary submit button).
+ * @slot field:<name> - Override the rendering of a specific field by name.
+ */
+export declare class CoForm {
+    host: HTMLElement;
+    /** Raw Mongoose-style schema as a JSON string. */
+    schema: string;
+    /** Initial field values as a JSON string. */
+    initialValues?: string;
+    /** Pre-built FormSchemaLike — assigned as a JS property, bypasses parsing. */
+    schemaInstance?: FormSchemaLike;
+    /** Host-provided resolver for ref fields. Set as a JS property. */
+    refResolver?: RefResolver;
+    /** Locale for labels and AJV error messages. */
+    locale: Locale;
+    /** Layout strategy for the field grid. */
+    layout: 'grid' | 'stack';
+    /** Comma-separated list of field names to exclude from rendering. */
+    excludeFields?: string;
+    /** Disable all fields. */
+    disabled: boolean;
+    /** Read-only mode for all fields. */
+    readOnly: boolean;
+    /** Emits the payload (refs normalized to `_id`) after a successful submit. */
+    coSubmit: EventEmitter<{
+        values: Record<string, any>;
+    }>;
+    /** Emits whenever a field changes. */
+    coChange: EventEmitter<{
+        name: string;
+        value: any;
+    }>;
+    /** Emits validation state changes. */
+    coValidate: EventEmitter<{
+        isValid: boolean;
+        errors: Record<string, string[]>;
+    }>;
+    private snapshot;
+    private refStates;
+    private controller;
+    private fields;
+    private unsubscribe;
+    componentWillLoad(): void;
+    onSchemaChange(): void;
+    disconnectedCallback(): void;
+    private rebuildController;
+    private resolveSchemaInstance;
+    private parseInitialValues;
+    private get excludedSet();
+    /** Push a value into the controller from outside (e.g. from slot content). */
+    setValue(name: string, value: any): Promise<void>;
+    /** Read the current value of a field. */
+    getValue(name: string): Promise<any>;
+    /** Mark a field as touched (forces its errors to be visible). */
+    touch(name: string): Promise<void>;
+    private handleFieldChange;
+    private hasSlotContent;
+    private handleSubmit;
+    private initRefStates;
+    /** Given a raw value, return the canonical {ids, display} pair. */
+    private normalizeRefValue;
+    private hydrateRefFieldLabels;
+    private patchRefState;
+    private handleRefSearch;
+    private handleRefLoadMore;
+    private fetchRefPage;
+    private handleRefSelect;
+    private refValueAsString;
+    render(): any;
+    private renderField;
+    private optionsFor;
+}

package/dist/types/components.d.ts

@@ -0,0 +1,217 @@
+/* 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 { FormSchemaLike, Locale, RefResolver } from "@prolibu-suite/cobalt-form-core";
+export { FormSchemaLike, Locale, RefResolver } from "@prolibu-suite/cobalt-form-core";
+export namespace Components {
+    /**
+     * Schema-driven form. Renders Cobalt input components from an inline
+     * Prolibu/Mongoose-style JSON schema and emits the validated payload on submit.
+     * Validation: bundled AJV (via `createInlineValidator` in form-core) handles
+     * required, format, min/max, minLength/maxLength, enum, regex out of the box.
+     * Hosts wanting full Prolibu FormSchemaWeb behavior can assign a pre-built
+     * `FormSchemaLike` to the `schemaInstance` element property.
+     * Ref fields: assign a `refResolver` function to the element to enable
+     * search + pagination + label hydration against your backend. See
+     * {@link RefResolver}.
+     */
+    interface CoForm {
+        /**
+          * Disable all fields.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Comma-separated list of field names to exclude from rendering.
+         */
+        "excludeFields"?: string;
+        /**
+          * Read the current value of a field.
+         */
+        "getValue": (name: string) => Promise<any>;
+        /**
+          * Initial field values as a JSON string.
+         */
+        "initialValues"?: string;
+        /**
+          * Layout strategy for the field grid.
+          * @default 'grid'
+         */
+        "layout": 'grid' | 'stack';
+        /**
+          * Locale for labels and AJV error messages.
+          * @default 'es'
+         */
+        "locale": Locale;
+        /**
+          * Read-only mode for all fields.
+          * @default false
+         */
+        "readOnly": boolean;
+        /**
+          * Host-provided resolver for ref fields. Set as a JS property.
+         */
+        "refResolver"?: RefResolver;
+        /**
+          * Raw Mongoose-style schema as a JSON string.
+         */
+        "schema": string;
+        /**
+          * Pre-built FormSchemaLike — assigned as a JS property, bypasses parsing.
+         */
+        "schemaInstance"?: FormSchemaLike;
+        /**
+          * Push a value into the controller from outside (e.g. from slot content).
+         */
+        "setValue": (name: string, value: any) => Promise<void>;
+        /**
+          * Mark a field as touched (forces its errors to be visible).
+         */
+        "touch": (name: string) => Promise<void>;
+    }
+}
+export interface CoFormCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCoFormElement;
+}
+declare global {
+    interface HTMLCoFormElementEventMap {
+        "coSubmit": { values: Record<string, any> };
+        "coChange": { name: string; value: any };
+        "coValidate": { isValid: boolean; errors: Record<string, string[]> };
+    }
+    /**
+     * Schema-driven form. Renders Cobalt input components from an inline
+     * Prolibu/Mongoose-style JSON schema and emits the validated payload on submit.
+     * Validation: bundled AJV (via `createInlineValidator` in form-core) handles
+     * required, format, min/max, minLength/maxLength, enum, regex out of the box.
+     * Hosts wanting full Prolibu FormSchemaWeb behavior can assign a pre-built
+     * `FormSchemaLike` to the `schemaInstance` element property.
+     * Ref fields: assign a `refResolver` function to the element to enable
+     * search + pagination + label hydration against your backend. See
+     * {@link RefResolver}.
+     */
+    interface HTMLCoFormElement extends Components.CoForm, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCoFormElementEventMap>(type: K, listener: (this: HTMLCoFormElement, ev: CoFormCustomEvent<HTMLCoFormElementEventMap[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 HTMLCoFormElementEventMap>(type: K, listener: (this: HTMLCoFormElement, ev: CoFormCustomEvent<HTMLCoFormElementEventMap[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 HTMLCoFormElement: {
+        prototype: HTMLCoFormElement;
+        new (): HTMLCoFormElement;
+    };
+    interface HTMLElementTagNameMap {
+        "co-form": HTMLCoFormElement;
+    }
+}
+declare namespace LocalJSX {
+    type OneOf<K extends string, PropT, AttrT = PropT> = { [P in K]: PropT } & { [P in `attr:${K}` | `prop:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K | `prop:${K}`]?: never } | { [P in `prop:${K}`]: PropT } & { [P in K | `attr:${K}`]?: never };
+
+    /**
+     * Schema-driven form. Renders Cobalt input components from an inline
+     * Prolibu/Mongoose-style JSON schema and emits the validated payload on submit.
+     * Validation: bundled AJV (via `createInlineValidator` in form-core) handles
+     * required, format, min/max, minLength/maxLength, enum, regex out of the box.
+     * Hosts wanting full Prolibu FormSchemaWeb behavior can assign a pre-built
+     * `FormSchemaLike` to the `schemaInstance` element property.
+     * Ref fields: assign a `refResolver` function to the element to enable
+     * search + pagination + label hydration against your backend. See
+     * {@link RefResolver}.
+     */
+    interface CoForm {
+        /**
+          * Disable all fields.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Comma-separated list of field names to exclude from rendering.
+         */
+        "excludeFields"?: string;
+        /**
+          * Initial field values as a JSON string.
+         */
+        "initialValues"?: string;
+        /**
+          * Layout strategy for the field grid.
+          * @default 'grid'
+         */
+        "layout"?: 'grid' | 'stack';
+        /**
+          * Locale for labels and AJV error messages.
+          * @default 'es'
+         */
+        "locale"?: Locale;
+        /**
+          * Emits whenever a field changes.
+         */
+        "onCoChange"?: (event: CoFormCustomEvent<{ name: string; value: any }>) => void;
+        /**
+          * Emits the payload (refs normalized to `_id`) after a successful submit.
+         */
+        "onCoSubmit"?: (event: CoFormCustomEvent<{ values: Record<string, any> }>) => void;
+        /**
+          * Emits validation state changes.
+         */
+        "onCoValidate"?: (event: CoFormCustomEvent<{ isValid: boolean; errors: Record<string, string[]> }>) => void;
+        /**
+          * Read-only mode for all fields.
+          * @default false
+         */
+        "readOnly"?: boolean;
+        /**
+          * Host-provided resolver for ref fields. Set as a JS property.
+         */
+        "refResolver"?: RefResolver;
+        /**
+          * Raw Mongoose-style schema as a JSON string.
+         */
+        "schema": string;
+        /**
+          * Pre-built FormSchemaLike — assigned as a JS property, bypasses parsing.
+         */
+        "schemaInstance"?: FormSchemaLike;
+    }
+
+    interface CoFormAttributes {
+        "schema": string;
+        "initialValues": string;
+        "locale": Locale;
+        "layout": 'grid' | 'stack';
+        "excludeFields": string;
+        "disabled": boolean;
+        "readOnly": boolean;
+    }
+
+    interface IntrinsicElements {
+        "co-form": Omit<CoForm, keyof CoFormAttributes> & { [K in keyof CoForm & keyof CoFormAttributes]?: CoForm[K] } & { [K in keyof CoForm & keyof CoFormAttributes as `attr:${K}`]?: CoFormAttributes[K] } & { [K in keyof CoForm & keyof CoFormAttributes as `prop:${K}`]?: CoForm[K] } & OneOf<"schema", CoForm["schema"], CoFormAttributes["schema"]>;
+    }
+}
+export { LocalJSX as JSX };
+declare module "@stencil/core" {
+    export namespace JSX {
+        interface IntrinsicElements {
+            /**
+             * Schema-driven form. Renders Cobalt input components from an inline
+             * Prolibu/Mongoose-style JSON schema and emits the validated payload on submit.
+             * Validation: bundled AJV (via `createInlineValidator` in form-core) handles
+             * required, format, min/max, minLength/maxLength, enum, regex out of the box.
+             * Hosts wanting full Prolibu FormSchemaWeb behavior can assign a pre-built
+             * `FormSchemaLike` to the `schemaInstance` element property.
+             * Ref fields: assign a `refResolver` function to the element to enable
+             * search + pagination + label hydration against your backend. See
+             * {@link RefResolver}.
+             */
+            "co-form": LocalJSX.IntrinsicElements["co-form"] & JSXBase.HTMLAttributes<HTMLCoFormElement>;
+        }
+    }
+}

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export { CoForm } from './components/co-form/co-form';

package/dist/types/jsx-cobalt.d.ts

@@ -0,0 +1,60 @@
+/**
+ * Ambient JSX declarations for Cobalt custom elements consumed inside this
+ * Stencil project. These are minimal — they let TypeScript accept the tags
+ * without bringing in `@prolibu-suite/cobalt-core`'s build-time types (which would
+ * create a circular build dependency in some configurations).
+ *
+ * The runtime contract is the public API of `@prolibu-suite/cobalt-core` v0.x.
+ */
+
+import { JSX as StencilJSX } from './stencil-public-runtime';
+
+type CommonFieldAttrs = {
+  label?: string;
+  placeholder?: string;
+  value?: string | number | boolean | null;
+  disabled?: boolean;
+  readonly?: boolean;
+  required?: boolean;
+  status?: 'default' | 'error' | 'success' | 'warning' | 'info';
+  helperText?: string;
+  'onCoChange'?: (e: CustomEvent<any>) => void;
+  'onCoInput'?: (e: CustomEvent<any>) => void;
+  'onCoClear'?: (e: CustomEvent<any>) => void;
+  key?: string | number;
+  class?: string;
+  style?: { [key: string]: string | number };
+};
+
+declare module '@stencil/core' {
+  export namespace JSX {
+    interface IntrinsicElements {
+      'co-input': CommonFieldAttrs & { type?: string; multiline?: boolean };
+      'co-number-field': CommonFieldAttrs & { min?: number; max?: number; step?: number };
+      'co-select': CommonFieldAttrs & { options?: string; multiple?: boolean };
+      'co-ref-field': CommonFieldAttrs & {
+        model?: string;
+        multiple?: boolean;
+        options?: string;
+        selectedDisplay?: string;
+        loading?: boolean;
+        total?: number;
+        clearable?: boolean;
+        'onCoSearch'?: (e: CustomEvent<string>) => void;
+        'onCoLoadMore'?: (e: CustomEvent<void>) => void;
+        'onCoRemove'?: (e: CustomEvent<string>) => void;
+        'onCoOpen'?: (e: CustomEvent<void>) => void;
+      };
+      'co-switch': CommonFieldAttrs & { checked?: boolean };
+      'co-button': {
+        label?: string;
+        variant?: string;
+        type?: 'button' | 'submit' | 'reset';
+        disabled?: boolean;
+        onClick?: (e: MouseEvent) => void;
+        key?: string | number;
+        class?: string;
+      };
+    }
+  }
+}