tweak-ui 0.4.3 → 0.8.0

package/dist/lib/components/controls/scalar.d.ts

@@ -0,0 +1,67 @@
+import { Child, Children, FactoryComponent, Vnode } from 'mithril';
+import { TweakableAttrs } from '../../core';
+import { CommonWidgetAttrs } from '../elements';
+export type ScalarWidgetAttrs<T = unknown> = CommonWidgetAttrs & ScalarInputAttrs<T>;
+/**
+ * Scalar component model
+ * @public
+ */
+export type ScalarInputAttrs<T = unknown> = TweakableAttrs<T, number> & {
+    /**
+     * The placeholder text
+     */
+    placeholder?: string;
+    /**
+     * Content before the input field
+     */
+    slotBefore?: Child;
+    /**
+     * Content after the input field
+     */
+    slotAfter?: Child;
+    /**
+     * The unit to display after the value. For example, "px" or "kg".
+     */
+    unit?: string;
+    /**
+     * The min value
+     */
+    min?: number;
+    /**
+     * The max value
+     */
+    max?: number;
+    /**
+     * The step value
+     */
+    step?: number;
+    /**
+     * Displays a range slider below the input field. By default, this is false.
+     */
+    range?: boolean;
+    /**
+     * This is called when the control value has been changed.
+     */
+    oninput?: (model: T, value: number) => void;
+    /**
+     * This is called once the control value is committed by the user.
+     *
+     * @remarks
+     * Unlike the `onInput` callback, this is not necessarily called for each value change.
+     */
+    onchange?: (model: T, value: number) => void;
+    /**
+     * Disables the control input
+     */
+    readonly?: boolean;
+    /**
+     * The minimum number of fraction digits to display. By default, this is 1.
+     */
+    decimals?: number;
+    class?: string;
+};
+export declare function uiScalarWidget<T>(attrs: ScalarWidgetAttrs<T>, children?: Children): Vnode<ScalarWidgetAttrs<T>>;
+export declare function uiScalarInput<T>(attrs: ScalarInputAttrs<T>, children?: Children): Vnode<ScalarInputAttrs<T>>;
+export declare const ScalarWidgetComponent: FactoryComponent<ScalarWidgetAttrs>;
+export declare const ScalarInputComponent: FactoryComponent<ScalarInputAttrs>;
+//# sourceMappingURL=scalar.d.ts.map

package/dist/lib/components/controls/scalar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scalar.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/controls/scalar.ts"],"names":[],"mappings":"AAAA,OAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAErE,OAAO,EAAoC,cAAc,EAAE,MAAM,YAAY,CAAA;AAE7E,OAAO,EAAE,iBAAiB,EAAY,MAAM,aAAa,CAAA;AAEzD,MAAM,MAAM,iBAAiB,CAAC,CAAC,GAAG,OAAO,IAAI,iBAAiB,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAA;AAEpF;;;GAGG;AACH,MAAM,MAAM,gBAAgB,CAAC,CAAC,GAAG,OAAO,IAAI,cAAc,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG;IACtE;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAA;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAE3C;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAE5C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,wBAAgB,cAAc,CAAC,CAAC,EAC9B,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAC3B,QAAQ,CAAC,EAAE,QAAQ,GAClB,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAE7B;AAED,wBAAgB,aAAa,CAAC,CAAC,EAC7B,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAC1B,QAAQ,CAAC,EAAE,QAAQ,GAClB,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAE5B;AAED,eAAO,MAAM,qBAAqB,EAAE,gBAAgB,CAAC,iBAAiB,CAarE,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,gBAAgB,CAAC,gBAAgB,CAgKnE,CAAA"}

package/dist/lib/components/controls/select.d.ts

@@ -1,60 +1,54 @@
-import { ComponentModel, ValueSource, ComponentAttrs } from '../../core';
-/**
- * @public
- */
-export declare type SelectOption = {
-    label: string;
-    value: unknown;
-    disabled?: boolean;
-};
-/**
- * @public
- */
-export declare type SelectOptionArray = Array<SelectOption | SelectOptionGroup | string | number>;
-/**
- * @public
- */
-export declare type SelectOptionsObject = {
-    [key: string]: unknown;
-};
-/**
- * @public
- */
-export declare type SelectOptionGroup<T = SelectOptionArray | SelectOptionsObject> = {
-    label: string;
-    options: T;
-    disabled?: boolean;
-};
-/**
- * Select component select options
- * @public
- */
-export declare type SelectModelOptions = SelectOptionArray | SelectOptionsObject;
-/**
- * Select component attributes
- * @public
- */
-export declare type SelectAttrs = ComponentAttrs<SelectModel>;
-/**
- * Select component model
- * @public
- */
-export interface SelectModel<T = unknown, V = any> extends ComponentModel, ValueSource<T, V> {
-    /**
-     * The type name of the control
-     */
-    type: 'select';
-    /**
-     * The select options
-     */
-    options?: SelectModelOptions;
-    /**
-     * This is called once the control value is committed by the user.
-     */
-    onChange?: (model: SelectModel<T>, value: unknown) => void;
-    /**
-     * Disables the control input
-     */
-    disabled?: boolean;
-}
+import { Children, FactoryComponent, Vnode } from 'mithril';
+import { ValueWidgetAttrs } from '../elements';
+/**
+ * @public
+ */
+export type SelectOption = {
+    label: string;
+    value: unknown;
+    disabled?: boolean;
+};
+/**
+ * @public
+ */
+export type SelectOptionArray = Array<SelectOption | SelectOptionGroup | string | number>;
+/**
+ * @public
+ */
+export type SelectOptionsObject = {
+    [key: string]: unknown;
+};
+/**
+ * @public
+ */
+export type SelectOptionGroup<T = SelectOptionArray | SelectOptionsObject> = {
+    label: string;
+    options: T;
+    disabled?: boolean;
+};
+/**
+ * Select component select options
+ * @public
+ */
+export type SelectModelOptions = SelectOptionArray | SelectOptionsObject;
+/**
+ * Select component model
+ * @public
+ */
+export type SelectAttrs<T = unknown, V = any> = ValueWidgetAttrs<T, V> & {
+    /**
+     * The select options
+     */
+    options?: SelectModelOptions;
+    /**
+     * This is called once the control value is committed by the user.
+     */
+    onchange?: (model: T, value: V) => void;
+    /**
+     * Disables the control input
+     */
+    readonly?: boolean;
+};
+export declare function uiSelect<T>(attrs: SelectAttrs<T>, children?: Children): Vnode<SelectAttrs<T>>;
+export declare const SelectComponent: FactoryComponent<SelectAttrs>;
 //# sourceMappingURL=select.d.ts.map

package/dist/lib/components/controls/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/controls/select.ts"],"names":[],"mappings":"AAEA,OAAO,EAIL,cAAc,EACd,WAAW,EACX,cAAc,EACf,MAAM,YAAY,CAAA;AAKnB;;GAEG;AACH,oBAAY,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AACD;;GAEG;AACH,oBAAY,iBAAiB,GAAG,KAAK,CACnC,YAAY,GAAG,iBAAiB,GAAG,MAAM,GAAG,MAAM,CACnD,CAAA;AACD;;GAEG;AACH,oBAAY,mBAAmB,GAAG;IAChC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB,CAAA;AACD;;GAEG;AACH,oBAAY,iBAAiB,CAAC,CAAC,GAAG,iBAAiB,GAAG,mBAAmB,IAAI;IAC3E,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,CAAC,CAAA;IACV,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED;;;GAGG;AACH,oBAAY,kBAAkB,GAAG,iBAAiB,GAAG,mBAAmB,CAAA;AAExE;;;GAGG;AACH,oBAAY,WAAW,GAAG,cAAc,CAAC,WAAW,CAAC,CAAA;AAErD;;;GAGG;AACH,MAAM,WAAW,WAAW,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,GAAG,CAC/C,SAAQ,cAAc,EACpB,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC;IACnB;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAA;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAC1D;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/controls/select.ts"],"names":[],"mappings":"AAAA,OAAU,EAAE,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAI9D,OAAO,EAAY,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAExD;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AACD;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,YAAY,GAAG,iBAAiB,GAAG,MAAM,GAAG,MAAM,CAAC,CAAA;AACzF;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB,CAAA;AACD;;GAEG;AACH,MAAM,MAAM,iBAAiB,CAAC,CAAC,GAAG,iBAAiB,GAAG,mBAAmB,IAAI;IAC3E,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,CAAC,CAAA;IACV,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,GAAG,mBAAmB,CAAA;AAExE;;;GAGG;AACH,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,GAAG,IAAI,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;IACvE;;OAEG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAE5B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;IAEvC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AA4DD,wBAAgB,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAE7F;AAED,eAAO,MAAM,eAAe,EAAE,gBAAgB,CAAC,WAAW,CAqFzD,CAAA"}

package/dist/lib/components/controls/spherical.d.ts

@@ -1,75 +1,38 @@
-import { ComponentModel, ValueSource, ComponentAttrs, ValueCodec } from '../../core';
-/**
- * @public
- */
-export declare type SphericalValue = number[] | {
-    [key: string]: number;
-} | {
-    [key: number]: number;
-};
-/**
- * Spherical component attributes
- * @public
- */
-export declare type SphericalAttrs = ComponentAttrs<SphericalModel>;
-/**
- * Spherical component model
- * @public
- */
-export interface SphericalModel<T = unknown> extends ComponentModel, ValueSource<T, SphericalValue> {
-    /**
-     * The type name of the control
-     */
-    type: 'spherical';
-    /**
-     * The object field names. Defaults to `['phi', 'theta']`
-     */
-    keys?: Array<string | number>;
-    /**
-     * Whether to use degrees instead of radians
-     */
-    degree?: boolean;
-    /**
-     * This is called when the control value has been changed.
-     */
-    onInput?: (model: SphericalModel<T>, value: unknown) => void;
-    /**
-     * This is called once the control value is committed by the user.
-     *
-     * @remarks
-     * Unlike the `onInput` callback, this is not necessarily called for each value change.
-     */
-    onChange?: (model: SphericalModel<T>, value: unknown) => void;
-}
-/**
- * Direction name
- * @public
- */
-export declare type Direction = 'right' | 'left' | 'up' | 'down' | 'front' | 'back';
-export interface SphericalCodecOptions<T> {
-    /**
-     * Maps object keys to cartesian axes. Defaults to `{ x: 'right', y: 'up', z: 'back' }`
-     */
-    axes?: Record<string | number, Direction>;
-    /**
-     * The vector length (sphere radius). Defaults to `1`
-     */
-    length?: number | (() => number);
-    /**
-     * Gets the objec where the result should be stored. May return a new instance.
-     */
-    result?: () => T;
-}
-export declare function sphericalCodec(): ValueCodec<{
-    x: number;
-    y: number;
-    z: number;
-}, {
-    phi: number;
-    theta: number;
-}>;
-export declare function sphericalCodec<T>(options: SphericalCodecOptions<T>): ValueCodec<T, {
-    phi: number;
-    theta: number;
-}>;
+import { Children, FactoryComponent, Vnode } from 'mithril';
+import { ValueWidgetAttrs } from '../elements';
+/**
+ * @public
+ */
+export type CartesianValue = {
+    x: number;
+    y: number;
+    z: number;
+};
+/**
+ * @internal
+ */
+export type SphericalValue = {
+    radius: number;
+    azimuth: number;
+    polar: number;
+};
+/**
+ * Spherical component model
+ * @public
+ */
+export type SphericalAttrs<T = unknown> = ValueWidgetAttrs<T, CartesianValue> & {
+    /**
+     * This is called when the control value has been changed.
+     */
+    oninput?: (model: T, value: unknown) => void;
+    /**
+     * This is called once the control value is committed by the user.
+     *
+     * @remarks
+     * Unlike the `onInput` callback, this is not necessarily called for each value change.
+     */
+    onchange?: (model: T, value: unknown) => void;
+};
+export declare function uiSpherical<T>(attrs: SphericalAttrs<T>, children?: Children): Vnode<SphericalAttrs<T>>;
+export declare const SphericalComponent: FactoryComponent<SphericalAttrs>;
 //# sourceMappingURL=spherical.d.ts.map

package/dist/lib/components/controls/spherical.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spherical.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/controls/spherical.ts"],"names":[],"mappings":"AAEA,OAAO,EAIL,cAAc,EACd,WAAW,EACX,cAAc,EAEd,UAAU,EACX,MAAM,YAAY,CAAA;AAKnB;;GAEG;AACH,oBAAY,cAAc,GAAG,MAAM,EAAE,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAA;AAE7F;;;GAGG;AACH,oBAAY,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,CAAA;AAE3D;;;GAGG;AACH,MAAM,WAAW,cAAc,CAAC,CAAC,GAAG,OAAO,CACzC,SAAQ,cAAc,EACpB,WAAW,CAAC,CAAC,EAAE,cAAc,CAAC;IAChC;;OAEG;IACH,IAAI,EAAE,WAAW,CAAA;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5D;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;CAC9D;AAyQD;;;GAGG;AACH,oBAAY,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;AAC3E,MAAM,WAAW,qBAAqB,CAAC,CAAC;IACtC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,SAAS,CAAC,CAAA;IACzC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAA;IAChC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC,CAAA;CACjB;AAED,wBAAgB,cAAc,IAAI,UAAU,CAC1C;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EACnC;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAC/B,CAAA;AACD,wBAAgB,cAAc,CAAC,CAAC,EAAE,OAAO,EAAE,qBAAqB,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,EAAE;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAAA"}
+{"version":3,"file":"spherical.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/controls/spherical.ts"],"names":[],"mappings":"AAAA,OAAU,EAAE,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAI9D,OAAO,EAAY,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAExD;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAEhE;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AAE/E;;;GAGG;AACH,MAAM,MAAM,cAAc,CAAC,CAAC,GAAG,OAAO,IAAI,gBAAgB,CAAC,CAAC,EAAE,cAAc,CAAC,GAAG;IAC9E;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAE5C;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;CAC9C,CAAA;AAED,wBAAgB,WAAW,CAAC,CAAC,EAC3B,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,EACxB,QAAQ,CAAC,EAAE,QAAQ,GAClB,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAE1B;AAED,eAAO,MAAM,kBAAkB,EAAE,gBAAgB,CAAC,cAAc,CA0K/D,CAAA"}

package/dist/lib/components/controls/string.d.ts

@@ -0,0 +1,46 @@
+import { Child, Children, FactoryComponent, Vnode } from 'mithril';
+import { TweakableAttrs } from '../../core';
+import { CommonWidgetAttrs } from '../elements';
+export type StringWidgetAttrs<T = unknown> = CommonWidgetAttrs & StringInputAttrs<T>;
+/**
+ * Text component model
+ * @public
+ */
+export type StringInputAttrs<T = unknown> = TweakableAttrs<T, string> & {
+    /**
+     * The placeholder text
+     */
+    placeholder?: string;
+    /**
+     *
+     */
+    slotStart?: Child;
+    /**
+     *
+     */
+    slotEnd?: Child;
+    /**
+     * This is called when the control value has been changed.
+     */
+    oninput?: (model: T, value: string) => void;
+    /**
+     * This is called once the control value is committed by the user.
+     *
+     * @remarks
+     * Unlike the `onInput` callback, this is not necessarily called for each value change.
+     */
+    onchange?: (model: T, value: string) => void;
+    /**
+     * Disables the control input
+     */
+    readonly?: boolean;
+    /**
+     * The number of rows for a textarea. If not specified, a single-line input will be used.
+     */
+    rows?: number;
+};
+export declare function uiStringWidget<T>(attrs: StringWidgetAttrs<T>, children?: Children): Vnode<StringWidgetAttrs<T>>;
+export declare function uiString<T>(attrs: StringInputAttrs<T>, children?: Children): Vnode<StringInputAttrs<T>>;
+export declare const StringWidgetComponent: FactoryComponent<StringWidgetAttrs>;
+export declare const StringInputComponent: FactoryComponent<StringInputAttrs>;
+//# sourceMappingURL=string.d.ts.map

package/dist/lib/components/controls/string.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"string.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/controls/string.ts"],"names":[],"mappings":"AAAA,OAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AACrE,OAAO,EAAoC,cAAc,EAAE,MAAM,YAAY,CAAA;AAE7E,OAAO,EAAE,iBAAiB,EAAY,MAAM,aAAa,CAAA;AAEzD,MAAM,MAAM,iBAAiB,CAAC,CAAC,GAAG,OAAO,IAAI,iBAAiB,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAA;AAEpF;;;GAGG;AACH,MAAM,MAAM,gBAAgB,CAAC,CAAC,GAAG,OAAO,IAAI,cAAc,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG;IACtE;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAA;IAEjB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAA;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAE3C;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAE5C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,wBAAgB,cAAc,CAAC,CAAC,EAC9B,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAC3B,QAAQ,CAAC,EAAE,QAAQ,GAClB,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAE7B;AAED,wBAAgB,QAAQ,CAAC,CAAC,EACxB,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAC1B,QAAQ,CAAC,EAAE,QAAQ,GAClB,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAE5B;AAED,eAAO,MAAM,qBAAqB,EAAE,gBAAgB,CAAC,iBAAiB,CAarE,CAAA;AACD,eAAO,MAAM,oBAAoB,EAAE,gBAAgB,CAAC,gBAAgB,CAyCnE,CAAA"}

package/dist/lib/components/controls/vector.d.ts

@@ -0,0 +1,54 @@
+import { Children, FactoryComponent, Vnode } from 'mithril';
+import { TweakableAttrs } from '../../core';
+import { CommonWidgetAttrs } from '../elements';
+export type VectorWidgetAttrs<T = unknown> = CommonWidgetAttrs & VectorInputAttrs<T>;
+/**
+ * Vector component model
+ * @public
+ */
+export type VectorInputAttrs<T = unknown> = TweakableAttrs<T, any> & {
+    /**
+     * The vector object field names. Defaults to `['x', 'y', 'z']`
+     */
+    keys?: string[];
+    /**
+     * The min value
+     */
+    min?: number;
+    /**
+     * The max value
+     */
+    max?: number;
+    /**
+     * The step value
+     */
+    step?: number;
+    /**
+     * Number of columns to display. By default, this is determined by the number of keys.
+     */
+    cols?: number;
+    /**
+     * Whether to hide the field labels and just show the input controls. Default is false.
+     */
+    unlabeled?: boolean;
+    /**
+     * This is called when the control value has been changed.
+     */
+    oninput?: (model: T, value: unknown, key?: string | number) => void;
+    /**
+     * This is called once the control value is committed by the user.
+     *
+     * @remarks
+     * Unlike the `onInput` callback, this is not necessarily called for each value change.
+     */
+    onchange?: (model: T, value: unknown, key?: string | number) => void;
+    /**
+     * Disables the control input
+     */
+    readonly?: boolean;
+};
+export declare function uiVectorWidget<T>(attrs: VectorWidgetAttrs<T>, children?: Children): Vnode<VectorWidgetAttrs<T>>;
+export declare function uiVectorInput<T>(attrs: VectorInputAttrs<T>, children?: Children): Vnode<VectorInputAttrs<T>>;
+export declare const VectorWidgetComponent: FactoryComponent<VectorWidgetAttrs>;
+export declare const VectorInputComponent: FactoryComponent<VectorInputAttrs>;
+//# sourceMappingURL=vector.d.ts.map

package/dist/lib/components/controls/vector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vector.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/controls/vector.ts"],"names":[],"mappings":"AAAA,OAAU,EAAE,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC9D,OAAO,EAAoC,cAAc,EAAE,MAAM,YAAY,CAAA;AAC7E,OAAO,EAAE,iBAAiB,EAAY,MAAM,aAAa,CAAA;AAGzD,MAAM,MAAM,iBAAiB,CAAC,CAAC,GAAG,OAAO,IAAI,iBAAiB,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAA;AAEpF;;;GAGG;AACH,MAAM,MAAM,gBAAgB,CAAC,CAAC,GAAG,OAAO,IAAI,cAAc,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG;IACnE;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;IACf;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;IACnE;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;IACpE;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,wBAAgB,cAAc,CAAC,CAAC,EAC9B,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAC3B,QAAQ,CAAC,EAAE,QAAQ,GAClB,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAE7B;AAED,wBAAgB,aAAa,CAAC,CAAC,EAC7B,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAC1B,QAAQ,CAAC,EAAE,QAAQ,GAClB,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAE5B;AAED,eAAO,MAAM,qBAAqB,EAAE,gBAAgB,CAAC,iBAAiB,CAarE,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,gBAAgB,CAAC,gBAAgB,CAuCnE,CAAA"}

package/dist/lib/components/elements/button.d.ts

@@ -0,0 +1,36 @@
+import { Children, FactoryComponent, Vnode } from 'mithril';
+import { EventAttrs, StyleAttr } from '../../core';
+/**
+ * Button component model
+ * @public
+ */
+export type ButtonAttrs = EventAttrs & {
+    [key: string]: any;
+    /**
+     *
+     */
+    style?: StyleAttr;
+    /**
+     * Whether the button square
+     */
+    square?: boolean;
+    /**
+     * Whether the button a block
+     */
+    block?: boolean;
+    /**
+     * Whether the button is large
+     */
+    large?: boolean;
+    /**
+     *
+     */
+    accent?: boolean;
+    /**
+     * Css flex property
+     */
+    flex?: string;
+};
+export declare function uiButton<T>(attrs: ButtonAttrs, children?: Children): Vnode<ButtonAttrs>;
+export declare const ButtonComponent: FactoryComponent<ButtonAttrs>;
+//# sourceMappingURL=button.d.ts.map

package/dist/lib/components/elements/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/elements/button.ts"],"names":[],"mappings":"AAAA,OAAU,EAAE,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC9D,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAGlD;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG;IACrC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,wBAAgB,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,CAEvF;AAED,eAAO,MAAM,eAAe,EAAE,gBAAgB,CAAC,WAAW,CA2BzD,CAAA"}

package/dist/lib/components/elements/divider.d.ts

@@ -0,0 +1,4 @@
+import { Attributes, FactoryComponent, Vnode } from 'mithril';
+export declare function uiDivider(attrs: Attributes): Vnode<Attributes>;
+export declare const Divider: FactoryComponent<Attributes>;
+//# sourceMappingURL=divider.d.ts.map

package/dist/lib/components/elements/divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/elements/divider.ts"],"names":[],"mappings":"AAAA,OAAU,EAAE,UAAU,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAEhE,wBAAgB,SAAS,CAAC,KAAK,EAAE,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,CAE9D;AAED,eAAO,MAAM,OAAO,EAAE,gBAAgB,CAAC,UAAU,CAMhD,CAAA"}

package/dist/lib/components/elements/graph.d.ts

@@ -0,0 +1,8 @@
+import { Children, FactoryComponent, Vnode } from 'mithril';
+import { StatsConfig } from '../../stats';
+export interface GraphAttrs extends Partial<StatsConfig> {
+    rowHeight?: number;
+}
+export declare function uiGraph(attrs: GraphAttrs, children?: Children): Vnode<GraphAttrs>;
+export declare const GraphComponent: FactoryComponent<GraphAttrs>;
+//# sourceMappingURL=graph.d.ts.map

package/dist/lib/components/elements/graph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"graph.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/elements/graph.ts"],"names":[],"mappings":"AAAA,OAAU,EAAE,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EAAY,MAAM,SAAS,CAAA;AACxE,OAAO,EAAE,WAAW,EAAgC,MAAM,aAAa,CAAA;AAEvE,MAAM,WAAW,UAAW,SAAQ,OAAO,CAAC,WAAW,CAAC;IACtD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,CAEjF;AAED,eAAO,MAAM,cAAc,EAAE,gBAAgB,CAAC,UAAU,CAqHvD,CAAA"}

package/dist/lib/components/elements/image.d.ts

@@ -0,0 +1,33 @@
+import { Children, FactoryComponent, Vnode } from 'mithril';
+import { EventAttrs, StyleAttr } from '../../core';
+/**
+ * Image component model
+ * @public
+ */
+export type ImageAttrs = EventAttrs & {
+    /**
+     * The image source url
+     */
+    src?: string | any;
+    /**
+     *
+     */
+    render?: (src: any) => Promise<ImageBitmap>;
+    /**
+     * Aspect ratio of the picture container
+     */
+    aspect?: number | string;
+    /**
+     * A fixed width
+     */
+    width?: number | string;
+    /**
+     *
+     */
+    fit?: 'contain' | 'cover' | 'fill';
+    class?: string;
+    style?: StyleAttr;
+};
+export declare function uiImage(attrs: ImageAttrs, children?: Children): Vnode<ImageAttrs>;
+export declare const ImageComponent: FactoryComponent<ImageAttrs>;
+//# sourceMappingURL=image.d.ts.map

package/dist/lib/components/elements/image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/elements/image.ts"],"names":[],"mappings":"AAAA,OAAU,EAAE,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE9D,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAGlD;;;GAGG;AACH,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG;IACpC;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,GAAG,CAAA;IAElB;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC,WAAW,CAAC,CAAA;IAE3C;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAExB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEvB;;OAEG;IACH,GAAG,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;IAElC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,CAEjF;AAED,eAAO,MAAM,cAAc,EAAE,gBAAgB,CAAC,UAAU,CA6GvD,CAAA"}

package/dist/lib/components/elements/index.d.ts

@@ -0,0 +1,6 @@
+export * from './button';
+export * from './divider';
+export * from './graph';
+export * from './image';
+export * from './widget';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/components/elements/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/elements/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA"}

package/dist/lib/components/elements/widget.d.ts

@@ -0,0 +1,27 @@
+import { Children, FactoryComponent, Vnode } from 'mithril';
+import { EventAttrs, StyleAttr, TweakableAttrs } from '../../core';
+export type WidgetAttrs = EventAttrs & CommonWidgetAttrs & {
+    [property: string]: any;
+    /**
+     * The HTML tag to use for the control container, defaults to 'div'
+     */
+    tagName?: string;
+    /**
+     * Style object to apply to the control container
+     */
+    style?: StyleAttr;
+};
+export interface CommonWidgetAttrs {
+    /**
+     * A label for the control
+     */
+    label?: Children | false;
+    /**
+     * Additional CSS class names to apply to the control container
+     */
+    class?: string;
+}
+export type ValueWidgetAttrs<T = any, V = any> = CommonWidgetAttrs & TweakableAttrs<T, V>;
+export declare const WidgetComponent: FactoryComponent<WidgetAttrs>;
+export declare function uiWidget(attrs: WidgetAttrs, children?: Children): Vnode<WidgetAttrs>;
+//# sourceMappingURL=widget.d.ts.map

package/dist/lib/components/elements/widget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/elements/widget.ts"],"names":[],"mappings":"AAAA,OAAU,EAAE,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC9D,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAElE,MAAM,MAAM,WAAW,GAAG,UAAU,GAClC,iBAAiB,GAAG;IAClB,CAAC,QAAQ,EAAE,MAAM,GAAG,GAAG,CAAA;IAEvB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA;AAEH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;IAExB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,MAAM,gBAAgB,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,GAAG,IAAI,iBAAiB,GAAG,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AAEzF,eAAO,MAAM,eAAe,EAAE,gBAAgB,CAAC,WAAW,CAgBzD,CAAA;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,CAEpF"}

package/dist/lib/components/index.d.ts

@@ -1,6 +1,4 @@
-export * from './controls';
-export * from './groups';
-export * from './button';
-export * from './content';
-export * from './image';
+export * from './container';
+export * from './controls';
+export * from './elements';
 //# sourceMappingURL=index.d.ts.map

package/dist/lib/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA"}

package/dist/lib/core/control.d.ts

@@ -0,0 +1,20 @@
+import { TweakableAttrs } from './types';
+/**
+ * Gets a value of a view model
+ *
+ * @public
+ * @param control - The model of a component
+ */
+export declare function getControlValue<V>(control: TweakableAttrs<any, V>): V;
+/**
+ * Sets a value on a view model
+ *
+ * @public
+ * @param control - The model of a component
+ * @param value - The value for the component
+ * @returns the encoded value as it was written to the model
+ */
+export declare function setControlValue<V, R>(control: TweakableAttrs<any, V>, value: V): unknown;
+export declare function getRawValue(attrs: TweakableAttrs<any, any>): any;
+export declare function setRawValue(attrs: TweakableAttrs<any, any>, value: any): void;
+//# sourceMappingURL=control.d.ts.map

package/dist/lib/core/control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"control.d.ts","sourceRoot":"","sources":["../../../src/lib/core/control.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAGxC;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAAE,OAAO,EAAE,cAAc,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,CAErE;AAED;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,cAAc,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,WAI9E;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,GAAG,EAAE,GAAG,CAAC,OAW1D;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,GAAG,IAAI,CAmB7E"}

package/dist/lib/core/index.d.ts

@@ -1,5 +1,4 @@
-export * from './registry';
-export * from './render';
-export * from './value-accessor';
-export * from './types';
+export * from './control';
+export * from './render';
+export * from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/lib/core/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA"}