tweak-ui 0.5.0 → 0.8.2

package/dist/lib/components/container/list.d.ts

@@ -0,0 +1,25 @@
+import { Attributes, Children, FactoryComponent, Vnode } from 'mithril';
+import { StyleAttr } from '../../core';
+/**
+ * List component model
+ * @public
+ */
+export type ListAttrs = Attributes & {
+    /**
+     * Maps to flex-flow CSS property.
+     * @links https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/flex-flow
+     */
+    flow?: `row` | `column` | string;
+    /**
+     * Maps to flex CSS property.
+     * @links https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/flex
+     */
+    flex?: string | number;
+    /**
+     * Custom CSS Style
+     */
+    style?: StyleAttr;
+};
+export declare function uiFlex<T>(attrs: ListAttrs, children?: Children): Vnode<ListAttrs>;
+export declare const FlexComponent: FactoryComponent<ListAttrs>;
+//# sourceMappingURL=list.d.ts.map

package/dist/lib/components/container/list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/container/list.ts"],"names":[],"mappings":"AAAA,OAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAEtC;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG;IACnC;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAA;IAChC;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA;AAED,wBAAgB,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,CAEjF;AAED,eAAO,MAAM,aAAa,EAAE,gBAAgB,CAAC,SAAS,CAiBrD,CAAA"}

package/dist/lib/components/container/section.d.ts

@@ -0,0 +1,28 @@
+import { Attributes, Children, FactoryComponent, Vnode } from 'mithril';
+/**
+ * Page component model
+ * @public
+ */
+export type SectionAttrs = Attributes & {
+    /**
+     * Custom CSS Style
+     */
+    style?: Partial<CSSStyleDeclaration>;
+    /**
+     * Header children
+     */
+    header?: Children;
+    /**
+     * Footer children
+     */
+    footer?: Children;
+};
+export declare function uiSection<T>(attrs: SectionAttrs, children?: Children): Vnode<SectionAttrs>;
+export declare function uiSectionHeader<T>(attrs: Attributes, children?: Children): Vnode<Attributes>;
+export declare function uiSectionFooter<T>(attrs: Attributes, children?: Children): Vnode<Attributes>;
+export declare function uiSectionContent<T>(attrs: Attributes, children?: Children): Vnode<Attributes>;
+export declare const SectionComponent: FactoryComponent<Attributes>;
+export declare const SectionHeaderComponent: FactoryComponent<Attributes>;
+export declare const SectionFooterComponent: FactoryComponent<Attributes>;
+export declare const SectionContentComponent: FactoryComponent<Attributes>;
+//# sourceMappingURL=section.d.ts.map

package/dist/lib/components/container/section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"section.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/container/section.ts"],"names":[],"mappings":"AAAA,OAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE1E;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG;IACtC;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IAEpC;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAA;IAEjB;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAA;CAClB,CAAA;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC,YAAY,CAAC,CAE1F;AAED,wBAAgB,eAAe,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,CAE5F;AAED,wBAAgB,eAAe,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,CAE5F;AAED,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,CAE7F;AAED,eAAO,MAAM,gBAAgB,EAAE,gBAAgB,CAAC,UAAU,CAUzD,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,gBAAgB,CAAC,UAAU,CAM/D,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,gBAAgB,CAAC,UAAU,CAM/D,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,gBAAgB,CAAC,UAAU,CAMhE,CAAA"}

package/dist/lib/components/container/split.d.ts

@@ -0,0 +1,40 @@
+import { Children, FactoryComponent, Vnode } from 'mithril';
+import { EventAttrs, StyleAttr } from '../../core';
+/**
+ * Split pane component model
+ * @public
+ */
+export type SplitAttr = EventAttrs & {
+    /**
+     * Custom CSS Style
+     */
+    style?: StyleAttr;
+    /**
+     * Whether the split is horizontal (side by side) or vertical (stacked)
+     */
+    flow?: 'row' | 'column';
+    /**
+     * Minimum size in pixels for each pane. Default is 16px.
+     */
+    minSize?: number;
+};
+export declare function uiSplit<T>(attrs: SplitAttr, children?: Children): Vnode<SplitAttr>;
+/**
+ * Split pane component model
+ * @public
+ */
+export type SplitContentAttr = EventAttrs & {
+    [key: string]: any;
+    /**
+     * Custom CSS Style
+     */
+    style?: StyleAttr;
+    /**
+     *
+     */
+    fluid?: boolean;
+};
+export declare function uiSplitContent<T>(attrs: SplitAttr, children?: Children): Vnode<SplitAttr>;
+export declare const SplitContentComponent: FactoryComponent<SplitContentAttr>;
+export declare const SplitComponent: FactoryComponent<SplitAttr>;
+//# sourceMappingURL=split.d.ts.map

package/dist/lib/components/container/split.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"split.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/container/split.ts"],"names":[],"mappings":"AAAA,OAAU,EAAE,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EAAY,MAAM,SAAS,CAAA;AACxE,OAAO,EAAE,UAAU,EAAe,SAAS,EAAE,MAAM,YAAY,CAAA;AAI/D;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG;IACnC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,wBAAgB,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,CAElF;AAED;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG;IAC1C,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,wBAAgB,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,CAEzF;AAED,eAAO,MAAM,qBAAqB,EAAE,gBAAgB,CAAC,gBAAgB,CAYpE,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,gBAAgB,CAAC,SAAS,CAqItD,CAAA"}

package/dist/lib/components/container/tabs.d.ts

@@ -0,0 +1,23 @@
+import { Child, Children, FactoryComponent, Vnode } from 'mithril';
+/**
+ * Tabs component model
+ * @public
+ */
+export type TabsAttrs = {
+    vertical?: boolean;
+};
+export interface TabsHost {
+    attach(node: Vnode<TabAttrs>): void;
+    detach(node: Vnode<TabAttrs>): void;
+    activate(node: Vnode<TabAttrs>): void;
+    isActive(child: Vnode<TabAttrs>): boolean;
+}
+export interface TabAttrs {
+    title: Child;
+    active?: boolean;
+    disabled?: boolean;
+}
+export declare const TabComponent: FactoryComponent<TabAttrs>;
+export declare function uiTabs(attrs: TabsAttrs, children?: Children): Vnode<TabsAttrs>;
+export declare const TabsComponent: FactoryComponent<TabsAttrs>;
+//# sourceMappingURL=tabs.d.ts.map

package/dist/lib/components/container/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/container/tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,gBAAgB,EAAgB,KAAK,EAAE,MAAM,SAAS,CAAA;AAMhF;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAID,MAAM,WAAW,QAAQ;IACvB,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAA;IACnC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAA;IACnC,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAA;IACrC,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,OAAO,CAAA;CAC1C;AAED,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,KAAK,CAAA;IACZ,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,YAAY,EAAE,gBAAgB,CAAC,QAAQ,CAkCnD,CAAA;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,CAE9E;AAED,eAAO,MAAM,aAAa,EAAE,gBAAgB,CAAC,SAAS,CA6ErD,CAAA"}

package/dist/lib/components/container/tree.d.ts

@@ -0,0 +1,25 @@
+import { Child, FactoryComponent, Vnode } from 'mithril';
+export interface TreeAttrs<T> {
+    data: Iterable<T>;
+    adapter: TreeDataAdapter<T>;
+    selectedId?: string;
+    rowHeight?: number;
+    style?: Partial<CSSStyleDeclaration>;
+    onSelect?: (node: T) => void;
+}
+export interface TreeDataAdapter<T> {
+    version: number;
+    nodeId(node: T): string;
+    nodeLabel(node: T): Child;
+    nodeIcon(node: T, expanded: boolean): Child;
+    nodeChildren(node: T): Iterable<T> | undefined;
+    isExpanded(node: T): boolean;
+    setExpanded(node: T, expanded: boolean): void;
+    connect?(controller: TreeController<T>): void;
+}
+export interface TreeController<T> {
+    scrollTo(node: T): void;
+}
+export declare function uiTree<T>(attrs: TreeAttrs<T>): Vnode<TreeAttrs<T>>;
+export declare const TreeComponent: FactoryComponent<TreeAttrs<any>>;
+//# sourceMappingURL=tree.d.ts.map

package/dist/lib/components/container/tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/container/tree.ts"],"names":[],"mappings":"AAAA,OAAU,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAG3D,MAAM,WAAW,SAAS,CAAC,CAAC;IAC1B,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;IACjB,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,CAAA;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IACpC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAA;CAC7B;AAED,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,IAAI,EAAE,CAAC,GAAG,MAAM,CAAA;IACvB,SAAS,CAAC,IAAI,EAAE,CAAC,GAAG,KAAK,CAAA;IACzB,QAAQ,CAAC,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,GAAG,KAAK,CAAA;IAC3C,YAAY,CAAC,IAAI,EAAE,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,CAAA;IAC9C,UAAU,CAAC,IAAI,EAAE,CAAC,GAAG,OAAO,CAAA;IAC5B,WAAW,CAAC,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAA;IAC7C,OAAO,CAAC,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,IAAI,CAAA;CAC9C;AAED,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,QAAQ,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,CAAA;CACxB;AAED,wBAAgB,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAElE;AA0BD,eAAO,MAAM,aAAa,EAAE,gBAAgB,CAAC,SAAS,CAAC,GAAG,CAAC,CA0H1D,CAAA"}

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

@@ -1,52 +1,48 @@
-import { ComponentModel, ValueSource, ComponentAttrs, ValueCodec } from '../../core';
-import { Direction } from './spherical';
-/**
- * Spherical component attributes
- * @public
- */
-export type AngleAttrs = ComponentAttrs<AngleModel>;
+import { default as m, Children, Vnode } from 'mithril';
+import { ControlAdapter, TweakableAttrs } from '../../core';
+import { CommonWidgetAttrs } from '../elements';
+export type AngleWidgetAttrs<T = unknown> = CommonWidgetAttrs & AngleInputAttrs<T>;
 /**
  * Spherical component model
  * @public
  */
-export interface AngleModel<T = unknown> extends ComponentModel, ValueSource<T, number> {
-    /**
-     * The type name of the control
-     */
-    type: 'angle';
+export type AngleInputAttrs<T = unknown> = TweakableAttrs<T, number> & {
     /**
      * Whether to use degrees instead of radians
      */
     degree?: boolean;
     /**
-     * This is called when the control value has been changed.
+     * The min value in degrees
      */
-    onInput?: (model: AngleModel<T>, value: unknown) => void;
+    min?: number;
     /**
-     * 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.
+     * The max value in degrees
+     */
+    max?: number;
+    /**
+     * The step value in degrees
      */
-    onChange?: (model: AngleModel<T>, value: unknown) => void;
-}
-export interface AngleCodecOptions<T> {
+    step?: number;
     /**
-     * Maps object keys to cartesian axes. Defaults to `{ x: 'right', y: 'up' }`
+     * Disables the control input
      */
-    axes?: Record<string | number, Direction>;
+    readonly?: boolean;
     /**
-     * The vector length (circle radius). Defaults to `1`
+     * This is called when the control value has been changed.
      */
-    length?: number | (() => number);
+    oninput?: (target: T, value: number) => void;
     /**
-     * Gets the objec where the result should be stored. May return a new instance.
+     * 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.
      */
-    result?: () => T;
-}
-export declare function angleCodec(): ValueCodec<{
-    x: number;
-    y: number;
-}, number>;
-export declare function angleCodec<T>(options: AngleCodecOptions<T>): ValueCodec<T, number>;
+    onchange?: (target: T, value: number) => void;
+};
+export declare function uiAngleWidget<T>(attrs: AngleWidgetAttrs<T>, children?: Children): Vnode<AngleWidgetAttrs<T>>;
+export declare function uiAngleInput<T>(attrs: AngleInputAttrs<T>, children?: Children): Vnode<AngleInputAttrs<T>>;
+export declare const AngleWidgetComponent: <T>() => m.Component<AngleWidgetAttrs<T>>;
+export declare const radToDegAdapter: ControlAdapter<number, number>;
+export declare const degToRadAdapter: ControlAdapter<number, number>;
+export declare const AngleInputComponent: <T>() => m.Component<AngleInputAttrs<T>>;
 //# sourceMappingURL=angle.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"angle.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/controls/angle.ts"],"names":[],"mappings":"AAEA,OAAO,EAKL,cAAc,EACd,WAAW,EACX,cAAc,EACd,UAAU,EACX,MAAM,YAAY,CAAA;AAGnB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC;;;GAGG;AACH,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,UAAU,CAAC,CAAA;AAEnD;;;GAGG;AACH,MAAM,WAAW,UAAU,CAAC,CAAC,GAAG,OAAO,CAAE,SAAQ,cAAc,EAAE,WAAW,CAAC,CAAC,EAAE,MAAM,CAAC;IACrF;;OAEG;IACH,IAAI,EAAE,OAAO,CAAA;IACb;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IACxD;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;CAC1D;AAsKD,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC;;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,UAAU,IAAI,UAAU,CAAC;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EAAE,MAAM,CAAC,CAAA;AAC1E,wBAAgB,UAAU,CAAC,CAAC,EAAE,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA"}
+{"version":3,"file":"angle.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/controls/angle.ts"],"names":[],"mappings":"AAAA,OAAO,CAAC,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC5C,OAAO,EAAE,cAAc,EAAoC,cAAc,EAAE,MAAM,YAAY,CAAA;AAE7F,OAAO,EAAE,iBAAiB,EAAY,MAAM,aAAa,CAAA;AAGzD,MAAM,MAAM,gBAAgB,CAAC,CAAC,GAAG,OAAO,IAAI,iBAAiB,GAAG,eAAe,CAAC,CAAC,CAAC,CAAA;AAElF;;;GAGG;AACH,MAAM,MAAM,eAAe,CAAC,CAAC,GAAG,OAAO,IAAI,cAAc,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG;IACrE;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;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,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAE5C;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAC9C,CAAA;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,wBAAgB,YAAY,CAAC,CAAC,EAC5B,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,EACzB,QAAQ,CAAC,EAAE,QAAQ,GAClB,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAE3B;AAED,eAAO,MAAM,oBAAoB,GAAI,CAAC,OAAK,CAAC,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAazE,CAAA;AAKD,eAAO,MAAM,eAAe,EAAE,cAAc,CAAC,MAAM,EAAE,MAAM,CAG1D,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,cAAc,CAAC,MAAM,EAAE,MAAM,CAG1D,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,CAAC,OAAK,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,CAuKvE,CAAA"}

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

@@ -0,0 +1,41 @@
+import { default as m, Children, Vnode } from 'mithril';
+import { TweakableAttrs } from '../../core';
+import { CommonWidgetAttrs } from '../elements';
+/**
+ * @public
+ */
+export type BitmaskWidgetAttrs<T = unknown> = CommonWidgetAttrs & BitmaskInputAttrs<T>;
+/**
+ * Bitmask component model
+ * @public
+ */
+export type BitmaskInputAttrs<T = unknown> = TweakableAttrs<T, number> & {
+    /**
+     * 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;
+    /**
+     * Disables the control input
+     */
+    readonly?: boolean;
+    /**
+     * The number of bits in the mask
+     */
+    bitCount?: number;
+    /**
+     * Maaping of names to bit values. If provided, the control will display the names instead of the bit indices.
+     */
+    names?: Record<string, number>;
+};
+export declare function uiBitmaskWidget<T>(attrs: BitmaskWidgetAttrs<T>, children?: Children): Vnode<BitmaskWidgetAttrs<T>>;
+export declare const BitmaskWidgetComponent: <T>() => m.Component<BitmaskWidgetAttrs<T>>;
+export declare function uiBitmaskInput<T>(attrs: BitmaskInputAttrs<T>, children?: Children): Vnode<BitmaskInputAttrs<T>>;
+export declare const BitmaskInputComponent: <T>() => m.Component<BitmaskInputAttrs<T>>;
+//# sourceMappingURL=bitmask.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bitmask.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/controls/bitmask.ts"],"names":[],"mappings":"AAAA,OAAO,CAAC,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC5C,OAAO,EAAoC,cAAc,EAAE,MAAM,YAAY,CAAA;AAE7E,OAAO,EAAE,iBAAiB,EAAsB,MAAM,aAAa,CAAA;AAEnE;;GAEG;AACH,MAAM,MAAM,kBAAkB,CAAC,CAAC,GAAG,OAAO,IAAI,iBAAiB,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAAA;AAEtF;;;GAGG;AACH,MAAM,MAAM,iBAAiB,CAAC,CAAC,GAAG,OAAO,IAAI,cAAc,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG;IACvE;;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;IAE7C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAC/B,CAAA;AAED,wBAAgB,eAAe,CAAC,CAAC,EAC/B,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAC5B,QAAQ,CAAC,EAAE,QAAQ,GAClB,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAE9B;AAED,eAAO,MAAM,sBAAsB,GAAI,CAAC,OAAK,CAAC,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAa7E,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,eAAO,MAAM,qBAAqB,GAAI,CAAC,OAAK,CAAC,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAqF3E,CAAA"}

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

@@ -0,0 +1,52 @@
+import { default as m, Child, Children, Vnode } from 'mithril';
+import { TweakableAttrs } from '../../core';
+import { CommonWidgetAttrs } from '../elements';
+export type BooleanWidgetAttrs<T = unknown> = CommonWidgetAttrs & BooleanInputAttrs<T>;
+/**
+ * Describes a checkbox control
+ * @public
+ */
+export type BooleanInputAttrs<T = unknown> = TweakableAttrs<T, boolean> & {
+    /**
+     * This is called when the control value changes
+     */
+    onchange?: (model: T, value: boolean) => void;
+    /**
+     * This is called when the control value changes
+     */
+    oninput?: (model: T, value: boolean) => void;
+    /**
+     * Content before the input field
+     */
+    slotBefore?: Child;
+    /**
+     * Content after the input field
+     */
+    slotAfter?: Child;
+    /**
+     * Content shown when the value is true
+     */
+    slotTrue?: Child;
+    /**
+     * Content shown when the value is false
+     */
+    slotFalse?: Child;
+    /**
+     * Disables the control input
+     */
+    readonly?: boolean;
+    /**
+     * Whether to use a toggle button style instead of a checkbox. By default, this is false (checkbox style).
+     */
+    toggle?: boolean;
+    /**
+     * Aligns the checkbox to the start or end of the control.
+     * By default, the checkbox is placed at the end of the control.
+     */
+    align?: 'start' | 'end';
+};
+export declare function uiBoolWidget<T>(attrs: BooleanWidgetAttrs<T>, children?: Children): Vnode<BooleanWidgetAttrs<T>>;
+export declare function uiBoolInput<T>(attrs: BooleanInputAttrs<T>, children?: Children): Vnode<BooleanInputAttrs<T>>;
+export declare const BoolWidgetComponent: <T>() => m.Component<BooleanWidgetAttrs<T>>;
+export declare const BoolInputComponent: <T>() => m.Component<BooleanInputAttrs<T>>;
+//# sourceMappingURL=bool.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bool.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/controls/bool.ts"],"names":[],"mappings":"AAAA,OAAO,CAAC,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AACnD,OAAO,EAAoC,cAAc,EAAE,MAAM,YAAY,CAAA;AAE7E,OAAO,EAAE,iBAAiB,EAAY,MAAM,aAAa,CAAA;AAEzD,MAAM,MAAM,kBAAkB,CAAC,CAAC,GAAG,OAAO,IAAI,iBAAiB,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAAA;AAEtF;;;GAGG;AACH,MAAM,MAAM,iBAAiB,CAAC,CAAC,GAAG,OAAO,IAAI,cAAc,CAAC,CAAC,EAAE,OAAO,CAAC,GAAG;IACxE;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAE7C;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAE5C;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAA;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAA;IAEhB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAA;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CACxB,CAAA;AAED,wBAAgB,YAAY,CAAC,CAAC,EAC5B,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAC5B,QAAQ,CAAC,EAAE,QAAQ,GAClB,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAE9B;AAED,wBAAgB,WAAW,CAAC,CAAC,EAC3B,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAC3B,QAAQ,CAAC,EAAE,QAAQ,GAClB,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAE7B;AAED,eAAO,MAAM,mBAAmB,GAAI,CAAC,OAAK,CAAC,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAa1E,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,CAAC,OAAK,CAAC,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAC,CA+CxE,CAAA"}

package/dist/lib/components/controls/color-picker.d.ts

@@ -1,32 +1,13 @@
-import { ComponentModel, ValueSource, ComponentAttrs } from '../../core';
-/**
- * Color picker component attributes
- *
- * @public
- */
-export type ColorPickerAttrs = ComponentAttrs<ColorPickerModel>;
+import { default as m, Children, Vnode } from 'mithril';
+import { TweakableAttrs } from '../../core';
+import { CommonWidgetAttrs } from '../elements';
+export type ColorPickerWidgetAttrs<T = unknown> = CommonWidgetAttrs & ColorPickerAttrs<T>;
 /**
  * Color picker component model
  *
  * @public
  */
-export interface ColorPickerModel<T = unknown, V = number | string | number[]> extends ComponentModel, ValueSource<T, V> {
-    /**
-     * The type name of the control
-     */
-    type: 'color-picker';
-    /**
-     * If `target` and `property` are not set, then this is used as the control value
-     *
-     * @remarks
-     * The format is determined by the `format` property.
-     *
-     * It is allowed to omit the '#' character but the '#' will be added on change
-     *
-     * It is allowed to use single character form per component (#f00 instead of #ff0000)
-     * but it will always be written back as #ff0000 on change
-     */
-    value?: V;
+export type ColorPickerAttrs<T = unknown> = TweakableAttrs<T, any> & {
     /**
      * The format of the string value. Defaults to 'rgb'
      *
@@ -45,13 +26,17 @@ export interface ColorPickerModel<T = unknown, V = number | string | number[]> e
     /**
      * This is called when the control value has been changed.
      */
-    onInput?: (model: ColorPickerModel<T, V>, value: unknown) => void;
+    oninput?: (model: T, value: any) => 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: ColorPickerModel<T, V>, value: unknown) => void;
-}
+    onchange?: (model: T, value: any) => void;
+};
+export declare function uiColorPickerWidget<T>(attrs: ColorPickerWidgetAttrs<T>, children?: Children): Vnode<ColorPickerWidgetAttrs<T>>;
+export declare function uiColorPicker<T>(attrs: ColorPickerAttrs<T>, children?: Children): Vnode<ColorPickerAttrs<T>>;
+export declare const ColorPickerWidgetComponent: <T>() => m.Component<ColorPickerWidgetAttrs<T>>;
+export declare const ColorPicker: <T>() => m.Component<ColorPickerAttrs<T>>;
 //# sourceMappingURL=color-picker.d.ts.map

package/dist/lib/components/controls/color-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/controls/color-picker.ts"],"names":[],"mappings":"AAWA,OAAO,EAIL,cAAc,EACd,WAAW,EACX,cAAc,EACf,MAAM,YAAY,CAAA;AASnB;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAA;AAE/D;;;;GAIG;AACH,MAAM,WAAW,gBAAgB,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,CAC3E,SAAQ,cAAc,EACpB,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC;IACnB;;OAEG;IACH,IAAI,EAAE,cAAc,CAAA;IACpB;;;;;;;;;;OAUG;IACH,KAAK,CAAC,EAAE,CAAC,CAAA;IACT;;;;;;;;;;;;;OAaG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IACjE;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;CACnE"}
+{"version":3,"file":"color-picker.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/controls/color-picker.ts"],"names":[],"mappings":"AAAA,OAAO,CAAC,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE5C,OAAO,EAAoC,cAAc,EAAE,MAAM,YAAY,CAAA;AAE7E,OAAO,EAAE,iBAAiB,EAAY,MAAM,aAAa,CAAA;AAEzD,MAAM,MAAM,sBAAsB,CAAC,CAAC,GAAG,OAAO,IAAI,iBAAiB,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAA;AAEzF;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,CAAC,CAAC,GAAG,OAAO,IAAI,cAAc,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG;IACnE;;;;;;;;;;;;;OAaG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IAExC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;CAC1C,CAAA;AAED,wBAAgB,mBAAmB,CAAC,CAAC,EACnC,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC,EAChC,QAAQ,CAAC,EAAE,QAAQ,GAClB,KAAK,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAElC;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,0BAA0B,GAAI,CAAC,OAAK,CAAC,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAarF,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,CAAC,OAAK,CAAC,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAoUhE,CAAA"}

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

@@ -1,30 +1,12 @@
-import { ComponentModel, ValueSource, ComponentAttrs } from '../../core';
-/**
- * Color component attributes
- * @public
- */
-export type ColorAttrs = ComponentAttrs<ColorModel>;
+import { default as m, Children, Vnode } from 'mithril';
+import { TweakableAttrs } from '../../core';
+import { CommonWidgetAttrs } from '../elements';
+export type ColorWidgetAttrs<T = unknown> = CommonWidgetAttrs & ColorAttrs<T>;
 /**
  * Color component model
  * @public
  */
-export interface ColorModel<T = unknown, V = number | string | number[]> extends ComponentModel, ValueSource<T, V> {
-    /**
-     * The type name of the control
-     */
-    type: 'color';
-    /**
-     * The color value as a string.
-     *
-     * @remarks
-     * The format is determined by the `format` property.
-     *
-     * It is allowed to omit the '#' character but the '#' will be added on change
-     *
-     * It is allowed to use single character form per component (#f00 instead of #ff0000)
-     * but it will always be written back as #ff0000 on change
-     */
-    value?: V;
+export type ColorAttrs<T = unknown> = TweakableAttrs<T, any> & {
     /**
      * The format of the string value. Defaults to 'rgb'
      *
@@ -40,13 +22,17 @@ export interface ColorModel<T = unknown, V = number | string | number[]> extends
     /**
      * This is called when the control value has been changed.
      */
-    onInput?: (model: ColorModel<T, V>, value: unknown) => void;
+    oninput?: (model: T, value: any) => 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: ColorModel<T, V>, value: unknown) => void;
-}
+    onchange?: (model: T, value: any) => void;
+};
+export declare function uiColorWidget<T>(attrs: ColorWidgetAttrs<T>, children?: Children): Vnode<ColorWidgetAttrs<T>>;
+export declare function uiColor<T>(attrs: ColorAttrs<T>, children?: Children): Vnode<ColorAttrs<T>>;
+export declare const ColorWidgetComponent: <T>() => m.Component<ColorWidgetAttrs<T>>;
+export declare const ColorComponent: <T>() => m.Component<ColorAttrs<T>>;
 //# sourceMappingURL=color.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/controls/color.ts"],"names":[],"mappings":"AAIA,OAAO,EAKL,cAAc,EACd,WAAW,EACX,cAAc,EACf,MAAM,YAAY,CAAA;AAcnB;;;GAGG;AACH,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,UAAU,CAAC,CAAA;AAEnD;;;GAGG;AACH,MAAM,WAAW,UAAU,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,CACrE,SAAQ,cAAc,EACpB,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC;IACnB;;OAEG;IACH,IAAI,EAAE,OAAO,CAAA;IACb;;;;;;;;;;OAUG;IACH,KAAK,CAAC,EAAE,CAAC,CAAA;IACT;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAC3D;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;CAC7D"}
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/controls/color.ts"],"names":[],"mappings":"AAAA,OAAO,CAAC,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE5C,OAAO,EAAoC,cAAc,EAAE,MAAM,YAAY,CAAA;AAE7E,OAAO,EAAE,iBAAiB,EAAY,MAAM,aAAa,CAAA;AAGzD,MAAM,MAAM,gBAAgB,CAAC,CAAC,GAAG,OAAO,IAAI,iBAAiB,GAAG,UAAU,CAAC,CAAC,CAAC,CAAA;AAE7E;;;GAGG;AACH,MAAM,MAAM,UAAU,CAAC,CAAC,GAAG,OAAO,IAAI,cAAc,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG;IAC7D;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IAExC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;CAC1C,CAAA;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,wBAAgB,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAE1F;AAED,eAAO,MAAM,oBAAoB,GAAI,CAAC,OAAK,CAAC,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAazE,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,CAAC,OAAK,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,CAoF7D,CAAA"}

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

@@ -1,11 +1,15 @@
 export * from './angle';
-export * from './checkbox';
-export * from './color-picker';
+export * from './bool';
 export * from './color';
-export * from './number';
+export * from './color-picker';
+export * from './input';
+export * from './matrix';
 export * from './point';
-export * from './position';
+export * from './scalar';
 export * from './select';
 export * from './spherical';
-export * from './text';
+export * from './string';
+export * from './vector';
+export * from './bitmask';
+export * from './poll';
 //# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,44 @@
+import { default as m, Child, Children, Vnode } from 'mithril';
+import { ValueWidgetAttrs } from '../elements';
+/**
+ * Basic input component model
+ * @public
+ */
+export type InputWidgetAttrs<T = unknown> = ValueWidgetAttrs<T, string> & {
+    /**
+     * The placeholder text
+     */
+    placeholder?: string;
+    /**
+     * Content before the input field
+     */
+    slotBefore?: Child;
+    /**
+     * Content after the input field
+     */
+    slotAfter?: 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;
+    /**
+     *
+     */
+    type?: string;
+};
+export declare function uiInputWidget<T>(attrs: InputWidgetAttrs<T>, children?: Children): Vnode<InputWidgetAttrs<T>>;
+export declare function uiInput<T>(attrs: InputWidgetAttrs<T>, children?: Children): Vnode<InputWidgetAttrs<T>>;
+export declare const InputWidgetComponent: <T>() => m.Component<InputWidgetAttrs<T>>;
+export declare const InputComponent: <T>() => m.Component<InputWidgetAttrs<T>>;
+//# sourceMappingURL=input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/controls/input.ts"],"names":[],"mappings":"AAAA,OAAO,CAAC,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAEnD,OAAO,EAAY,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAExD;;;GAGG;AACH,MAAM,MAAM,gBAAgB,CAAC,CAAC,GAAG,OAAO,IAAI,gBAAgB,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG;IACxE;;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,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,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,wBAAgB,OAAO,CAAC,CAAC,EACvB,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAC1B,QAAQ,CAAC,EAAE,QAAQ,GAClB,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAE5B;AAED,eAAO,MAAM,oBAAoB,GAAI,CAAC,OAAK,CAAC,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAazE,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,CAAC,OAAK,CAAC,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC,CAAC,CA2BnE,CAAA"}