tweak-ui 0.4.3 → 0.5.0

package/dist/lib/color-formats/index.d.ts

@@ -1,4 +1,4 @@
-export * from './types';
-export * from './converter';
-export * from './formatter';
+export * from './types';
+export * from './converter';
+export * from './formatter';
 //# sourceMappingURL=index.d.ts.map

package/dist/lib/color-formats/index.js

@@ -0,0 +1,4 @@
+export * from './types';
+export * from './converter';
+export * from './formatter';
+//# sourceMappingURL=index.js.map

package/dist/lib/color-formats/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/color-formats/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA","sourcesContent":["export * from './types'\r\nexport * from './converter'\r\nexport * from './formatter'\r\n"]}

package/dist/lib/color-formats/number-format.d.ts

@@ -1,9 +1,9 @@
-import { ColorFormatter, RGBA } from './types';
-export declare class NumberColorFormat implements ColorFormatter<number> {
-    private components;
-    private componentsRev;
-    constructor(components: string[]);
-    parse(v: number): RGBA;
-    format(rgba: RGBA): number;
-}
+import { ColorFormatter, RGBA } from './types';
+export declare class NumberColorFormat implements ColorFormatter<number> {
+    private components;
+    private componentsRev;
+    constructor(components: string[]);
+    parse(v: number): RGBA;
+    format(rgba: RGBA): number;
+}
 //# sourceMappingURL=number-format.d.ts.map

package/dist/lib/color-formats/number-format.js

@@ -0,0 +1,23 @@
+// tslint:disable:no-bitwise
+import { padLeft } from '../core/utils';
+export class NumberColorFormat {
+    constructor(components) {
+        this.components = components;
+        this.componentsRev = components.slice().reverse();
+    }
+    parse(v) {
+        v = v || 0;
+        const result = { r: 0, g: 0, b: 0, a: 1 };
+        this.components.forEach((key, i) => {
+            result[key] = ((v >> (i * 8)) & 255) / 255;
+        });
+        return result;
+    }
+    format(rgba) {
+        const val = this.componentsRev
+            .map((key) => padLeft(Math.round(rgba[key] * 255 || 0).toString(16), 2, '0'))
+            .join('');
+        return parseInt('0x' + val, 16);
+    }
+}
+//# sourceMappingURL=number-format.js.map

package/dist/lib/color-formats/number-format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-format.js","sourceRoot":"","sources":["../../../src/lib/color-formats/number-format.ts"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAGvC,MAAM,OAAO,iBAAiB;IAE5B,YAAoB,UAAoB;QAApB,eAAU,GAAV,UAAU,CAAU;QACtC,IAAI,CAAC,aAAa,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,CAAA;IACnD,CAAC;IACM,KAAK,CAAC,CAAS;QACpB,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;QACV,MAAM,MAAM,GAAS,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA;QAC/C,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;YACjC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAA;QAC5C,CAAC,CAAC,CAAA;QACF,OAAO,MAAM,CAAA;IACf,CAAC;IAEM,MAAM,CAAC,IAAU;QACtB,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa;aAC3B,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CACX,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAC/D;aACA,IAAI,CAAC,EAAE,CAAC,CAAA;QACX,OAAO,QAAQ,CAAC,IAAI,GAAG,GAAG,EAAE,EAAE,CAAC,CAAA;IACjC,CAAC;CACF","sourcesContent":["// tslint:disable:no-bitwise\r\nimport { padLeft } from '../core/utils'\r\nimport { ColorFormatter, RGBA } from './types'\r\n\r\nexport class NumberColorFormat implements ColorFormatter<number> {\r\n  private componentsRev: string[]\r\n  constructor(private components: string[]) {\r\n    this.componentsRev = components.slice().reverse()\r\n  }\r\n  public parse(v: number) {\r\n    v = v || 0\r\n    const result: RGBA = { r: 0, g: 0, b: 0, a: 1 }\r\n    this.components.forEach((key, i) => {\r\n      result[key] = ((v >> (i * 8)) & 255) / 255\r\n    })\r\n    return result\r\n  }\r\n\r\n  public format(rgba: RGBA) {\r\n    const val = this.componentsRev\r\n      .map((key) =>\r\n        padLeft(Math.round(rgba[key] * 255 || 0).toString(16), 2, '0'),\r\n      )\r\n      .join('')\r\n    return parseInt('0x' + val, 16)\r\n  }\r\n}\r\n"]}

package/dist/lib/color-formats/object-format.d.ts

@@ -1,15 +1,15 @@
-import { ColorFormatter, RGBA } from './types';
-export declare class ObjectColorFormat implements ColorFormatter<{
-    [key: string]: number;
-}> {
-    private components;
-    private normalized;
-    constructor(components: string[], normalized: boolean);
-    parse(v: {
-        [key: string]: number;
-    }): RGBA;
-    format(rgba: RGBA): {
-        [key: string]: number;
-    };
-}
+import { ColorFormatter, RGBA } from './types';
+export declare class ObjectColorFormat implements ColorFormatter<{
+    [key: string]: number;
+}> {
+    private components;
+    private normalized;
+    constructor(components: string[], normalized: boolean);
+    parse(v: {
+        [key: string]: number;
+    }): RGBA;
+    format(rgba: RGBA): {
+        [key: string]: number;
+    };
+}
 //# sourceMappingURL=object-format.d.ts.map

package/dist/lib/color-formats/object-format.js

@@ -0,0 +1,23 @@
+export class ObjectColorFormat {
+    constructor(components, normalized) {
+        this.components = components;
+        this.normalized = normalized;
+    }
+    parse(v) {
+        v = v || {};
+        const result = { r: 0, g: 0, b: 0, a: 1 };
+        this.components.forEach((key, i) => {
+            result[key] = (v[key] || 0) / (this.normalized ? 1 : 255);
+        });
+        return result;
+    }
+    format(rgba) {
+        const result = {};
+        this.components.forEach((key, i) => {
+            result[key] =
+                (this.normalized ? rgba[key] : Math.round(rgba[key] * 255)) || 0;
+        });
+        return result;
+    }
+}
+//# sourceMappingURL=object-format.js.map

package/dist/lib/color-formats/object-format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"object-format.js","sourceRoot":"","sources":["../../../src/lib/color-formats/object-format.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,iBAAiB;IAE5B,YAAoB,UAAoB,EAAU,UAAmB;QAAjD,eAAU,GAAV,UAAU,CAAU;QAAU,eAAU,GAAV,UAAU,CAAS;IAAG,CAAC;IAClE,KAAK,CAAC,CAA4B;QACvC,CAAC,GAAG,CAAC,IAAI,EAAE,CAAA;QACX,MAAM,MAAM,GAAS,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA;QAC/C,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;YACjC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;QAC3D,CAAC,CAAC,CAAA;QACF,OAAO,MAAM,CAAA;IACf,CAAC;IAEM,MAAM,CAAC,IAAU;QACtB,MAAM,MAAM,GAA8B,EAAE,CAAA;QAC5C,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;YACjC,MAAM,CAAC,GAAG,CAAC;gBACT,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,IAAI,CAAC,CAAA;QACpE,CAAC,CAAC,CAAA;QACF,OAAO,MAAM,CAAA;IACf,CAAC;CACF","sourcesContent":["import { ColorFormatter, RGBA } from './types'\r\n\r\nexport class ObjectColorFormat\r\n  implements ColorFormatter<{ [key: string]: number }> {\r\n  constructor(private components: string[], private normalized: boolean) {}\r\n  public parse(v: { [key: string]: number }) {\r\n    v = v || {}\r\n    const result: RGBA = { r: 0, g: 0, b: 0, a: 1 }\r\n    this.components.forEach((key, i) => {\r\n      result[key] = (v[key] || 0) / (this.normalized ? 1 : 255)\r\n    })\r\n    return result\r\n  }\r\n\r\n  public format(rgba: RGBA) {\r\n    const result: { [key: string]: number } = {}\r\n    this.components.forEach((key, i) => {\r\n      result[key] =\r\n        (this.normalized ? rgba[key] : Math.round(rgba[key] * 255)) || 0\r\n    })\r\n    return result\r\n  }\r\n}\r\n"]}

package/dist/lib/color-formats/types.d.ts

@@ -1,102 +1,102 @@
-/**
- * Describes a HSV color value
- * @public
- */
-export interface HSV {
-    [key: string]: number;
-    /**
-     * The hue component
-     */
-    h: number;
-    /**
-     * The saturation component
-     */
-    s: number;
-    /**
-     * The value component
-     */
-    v: number;
-}
-/**
- * Describes a HSV color value with alpha
- * @public
- */
-export interface HSVA extends HSV {
-    /**
-     * The alpha component
-     */
-    a: number;
-}
-/**
- * Describes a HSL color value
- * @public
- */
-export interface HSL {
-    [key: string]: number;
-    /**
-     * The hue component
-     */
-    h: number;
-    /**
-     * The saturation component
-     */
-    s: number;
-    /**
-     * The value component
-     */
-    l: number;
-}
-/**
- * Describes a HSL color value with alpha
- * @public
- */
-export interface HSLA extends HSL {
-    /**
-     * The alpha component
-     */
-    a: number;
-}
-/**
- * Describes an RGB color value
- * @public
- */
-export interface RGB {
-    [key: string]: number;
-    /**
-     * The red component
-     */
-    r: number;
-    /**
-     * The green component
-     */
-    g: number;
-    /**
-     * The blue component
-     */
-    b: number;
-}
-/**
- * Describes an RGB color value with alpha
- * @public
- */
-export interface RGBA extends RGB {
-    /**
-     * The alpha component
-     */
-    a: number;
-}
-/**
- * An implementation to parse and format specific color format
- * @public
- */
-export interface ColorFormatter<T> {
-    /**
-     * Parses a color value and returns an RGBA object with all components normalized to [0:1]
-     */
-    parse: (v: T) => RGBA;
-    /**
-     * Formats an RGBA color value into a target color format
-     */
-    format: (rgba: RGBA) => T;
-}
+/**
+ * Describes a HSV color value
+ * @public
+ */
+export interface HSV {
+    [key: string]: number;
+    /**
+     * The hue component
+     */
+    h: number;
+    /**
+     * The saturation component
+     */
+    s: number;
+    /**
+     * The value component
+     */
+    v: number;
+}
+/**
+ * Describes a HSV color value with alpha
+ * @public
+ */
+export interface HSVA extends HSV {
+    /**
+     * The alpha component
+     */
+    a: number;
+}
+/**
+ * Describes a HSL color value
+ * @public
+ */
+export interface HSL {
+    [key: string]: number;
+    /**
+     * The hue component
+     */
+    h: number;
+    /**
+     * The saturation component
+     */
+    s: number;
+    /**
+     * The value component
+     */
+    l: number;
+}
+/**
+ * Describes a HSL color value with alpha
+ * @public
+ */
+export interface HSLA extends HSL {
+    /**
+     * The alpha component
+     */
+    a: number;
+}
+/**
+ * Describes an RGB color value
+ * @public
+ */
+export interface RGB {
+    [key: string]: number;
+    /**
+     * The red component
+     */
+    r: number;
+    /**
+     * The green component
+     */
+    g: number;
+    /**
+     * The blue component
+     */
+    b: number;
+}
+/**
+ * Describes an RGB color value with alpha
+ * @public
+ */
+export interface RGBA extends RGB {
+    /**
+     * The alpha component
+     */
+    a: number;
+}
+/**
+ * An implementation to parse and format specific color format
+ * @public
+ */
+export interface ColorFormatter<T> {
+    /**
+     * Parses a color value and returns an RGBA object with all components normalized to [0:1]
+     */
+    parse: (v: T) => RGBA;
+    /**
+     * Formats an RGBA color value into a target color format
+     */
+    format: (rgba: RGBA) => T;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/lib/color-formats/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/lib/color-formats/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/lib/color-formats/types.ts"],"names":[],"mappings":"","sourcesContent":["/**\r\n * Describes a HSV color value\r\n * @public\r\n */\r\nexport interface HSV {\r\n  [key: string]: number\r\n  /**\r\n   * The hue component\r\n   */\r\n  h: number\r\n  /**\r\n   * The saturation component\r\n   */\r\n  s: number\r\n  /**\r\n   * The value component\r\n   */\r\n  v: number\r\n}\r\n\r\n/**\r\n * Describes a HSV color value with alpha\r\n * @public\r\n */\r\nexport interface HSVA extends HSV {\r\n  /**\r\n   * The alpha component\r\n   */\r\n  a: number\r\n}\r\n\r\n/**\r\n * Describes a HSL color value\r\n * @public\r\n */\r\nexport interface HSL {\r\n  [key: string]: number\r\n  /**\r\n   * The hue component\r\n   */\r\n  h: number\r\n  /**\r\n   * The saturation component\r\n   */\r\n  s: number\r\n  /**\r\n   * The value component\r\n   */\r\n  l: number\r\n}\r\n\r\n/**\r\n * Describes a HSL color value with alpha\r\n * @public\r\n */\r\nexport interface HSLA extends HSL {\r\n  /**\r\n   * The alpha component\r\n   */\r\n  a: number\r\n}\r\n\r\n/**\r\n * Describes an RGB color value\r\n * @public\r\n */\r\nexport interface RGB {\r\n  [key: string]: number\r\n  /**\r\n   * The red component\r\n   */\r\n  r: number\r\n  /**\r\n   * The green component\r\n   */\r\n  g: number\r\n  /**\r\n   * The blue component\r\n   */\r\n  b: number\r\n}\r\n\r\n/**\r\n * Describes an RGB color value with alpha\r\n * @public\r\n */\r\nexport interface RGBA extends RGB {\r\n  /**\r\n   * The alpha component\r\n   */\r\n  a: number\r\n}\r\n\r\n/**\r\n * An implementation to parse and format specific color format\r\n * @public\r\n */\r\nexport interface ColorFormatter<T> {\r\n  /**\r\n   * Parses a color value and returns an RGBA object with all components normalized to [0:1]\r\n   */\r\n  parse: (v: T) => RGBA\r\n  /**\r\n   * Formats an RGBA color value into a target color format\r\n   */\r\n  format: (rgba: RGBA) => T\r\n}\r\n"]}

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

@@ -1,29 +1,29 @@
-import { ComponentAttrs, ComponentModel } from '../core';
-/**
- * Button component attribuets
- * @public
- */
-export declare type ButtonAttrs = ComponentAttrs<ButtonModel>;
-/**
- * Button component model
- * @public
- */
-export interface ButtonModel extends ComponentModel {
-    /**
-     * The type name of the control
-     */
-    type: 'button';
-    /**
-     * The button text
-     */
-    text?: string;
-    /**
-     * This is callend when the control is clicked
-     */
-    onClick?: (ctrl: ButtonModel) => void;
-    /**
-     * Disables the control input
-     */
-    disabled?: boolean;
-}
+import { ComponentAttrs, ComponentModel } from '../core';
+/**
+ * Button component attribuets
+ * @public
+ */
+export type ButtonAttrs = ComponentAttrs<ButtonModel>;
+/**
+ * Button component model
+ * @public
+ */
+export interface ButtonModel extends ComponentModel {
+    /**
+     * The type name of the control
+     */
+    type: 'button';
+    /**
+     * The button text
+     */
+    text?: string;
+    /**
+     * This is callend when the control is clicked
+     */
+    onClick?: (ctrl: ButtonModel) => void;
+    /**
+     * Disables the control input
+     */
+    disabled?: boolean;
+}
 //# sourceMappingURL=button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/lib/components/button.ts"],"names":[],"mappings":"AAEA,OAAO,EAAa,cAAc,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAGnE;;;GAGG;AACH,oBAAY,WAAW,GAAG,cAAc,CAAC,WAAW,CAAC,CAAA;AAErD;;;GAGG;AACH,MAAM,WAAW,WAAY,SAAQ,cAAc;IACjD;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAA;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAA;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/lib/components/button.ts"],"names":[],"mappings":"AAEA,OAAO,EAAa,cAAc,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAGnE;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,WAAW,CAAC,CAAA;AAErD;;;GAGG;AACH,MAAM,WAAW,WAAY,SAAQ,cAAc;IACjD;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAA;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAA;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB"}

package/dist/lib/components/button.js

@@ -0,0 +1,15 @@
+import m from 'mithril';
+import { component } from '../core';
+import { call, twuiClass, viewFn } from '../core/utils';
+const type = 'button';
+component(type, (node) => {
+    return {
+        view: viewFn((data) => m(type, {
+            type: type,
+            class: twuiClass(type),
+            onclick: () => call(data.onClick, data),
+            disabled: data.disabled,
+        }, data.text)),
+    };
+});
+//# sourceMappingURL=button.js.map

package/dist/lib/components/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/lib/components/button.ts"],"names":[],"mappings":"AAAA,OAAO,CAAC,MAAM,SAAS,CAAA;AAEvB,OAAO,EAAE,SAAS,EAAkC,MAAM,SAAS,CAAA;AACnE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AA+BvD,MAAM,IAAI,GAAG,QAAQ,CAAA;AACrB,SAAS,CAAc,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE;IACpC,OAAO;QACL,IAAI,EAAE,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CACpB,CAAC,CACC,IAAI,EACJ;YACE,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC;YACtB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC;YACvC,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,EACD,IAAI,CAAC,IAAI,CACV,CACF;KACF,CAAA;AACH,CAAC,CAAC,CAAA","sourcesContent":["import m from 'mithril'\r\n\r\nimport { component, ComponentAttrs, ComponentModel } from '../core'\r\nimport { call, twuiClass, viewFn } from '../core/utils'\r\n\r\n/**\r\n * Button component attribuets\r\n * @public\r\n */\r\nexport type ButtonAttrs = ComponentAttrs<ButtonModel>\r\n\r\n/**\r\n * Button component model\r\n * @public\r\n */\r\nexport interface ButtonModel extends ComponentModel {\r\n  /**\r\n   * The type name of the control\r\n   */\r\n  type: 'button'\r\n  /**\r\n   * The button text\r\n   */\r\n  text?: string\r\n  /**\r\n   * This is callend when the control is clicked\r\n   */\r\n  onClick?: (ctrl: ButtonModel) => void\r\n  /**\r\n   * Disables the control input\r\n   */\r\n  disabled?: boolean\r\n}\r\n\r\nconst type = 'button'\r\ncomponent<ButtonAttrs>(type, (node) => {\r\n  return {\r\n    view: viewFn((data) =>\r\n      m(\r\n        type,\r\n        {\r\n          type: type,\r\n          class: twuiClass(type),\r\n          onclick: () => call(data.onClick, data),\r\n          disabled: data.disabled,\r\n        },\r\n        data.text,\r\n      ),\r\n    ),\r\n  }\r\n})\r\n"]}

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

@@ -1,22 +1,22 @@
-import { Child } from 'mithril';
-import { ComponentAttrs, ComponentModel } from '../core';
-/**
- * Content component attributes
- * @public
- */
-export declare type ContentAttrs = ComponentAttrs<ContentModel>;
-/**
- * Content component model
- * @public
- */
-export interface ContentModel extends ComponentModel {
-    /**
-     * The type name of the control
-     */
-    type: 'content';
-    /**
-     * A mithril child
-     */
-    content?: Child;
-}
+import { Child } from 'mithril';
+import { ComponentAttrs, ComponentModel } from '../core';
+/**
+ * Content component attributes
+ * @public
+ */
+export type ContentAttrs = ComponentAttrs<ContentModel>;
+/**
+ * Content component model
+ * @public
+ */
+export interface ContentModel extends ComponentModel {
+    /**
+     * The type name of the control
+     */
+    type: 'content';
+    /**
+     * A mithril child
+     */
+    content?: Child;
+}
 //# sourceMappingURL=content.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../src/lib/components/content.ts"],"names":[],"mappings":"AAAA,OAAU,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAElC,OAAO,EAAa,cAAc,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAGnE;;;GAGG;AACH,oBAAY,YAAY,GAAG,cAAc,CAAC,YAAY,CAAC,CAAA;AAEvD;;;GAGG;AACH,MAAM,WAAW,YAAa,SAAQ,cAAc;IAClD;;OAEG;IACH,IAAI,EAAE,SAAS,CAAA;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAA;CAChB"}
+{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../src/lib/components/content.ts"],"names":[],"mappings":"AAAA,OAAU,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAElC,OAAO,EAAa,cAAc,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAGnE;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,YAAY,CAAC,CAAA;AAEvD;;;GAGG;AACH,MAAM,WAAW,YAAa,SAAQ,cAAc;IAClD;;OAEG;IACH,IAAI,EAAE,SAAS,CAAA;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAA;CAChB"}

package/dist/lib/components/content.js

@@ -0,0 +1,10 @@
+import m from 'mithril';
+import { component } from '../core';
+import { viewFn } from '../core/utils';
+const CONTENT = 'content';
+component(CONTENT, () => {
+    return {
+        view: viewFn((data) => m.fragment({}, [data.content])),
+    };
+});
+//# sourceMappingURL=content.js.map

package/dist/lib/components/content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.js","sourceRoot":"","sources":["../../../src/lib/components/content.ts"],"names":[],"mappings":"AAAA,OAAO,CAAY,MAAM,SAAS,CAAA;AAElC,OAAO,EAAE,SAAS,EAAkC,MAAM,SAAS,CAAA;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAuBtC,MAAM,OAAO,GAAG,SAAS,CAAA;AAEzB,SAAS,CAAe,OAAO,EAAE,GAAG,EAAE;IACpC,OAAO;QACL,IAAI,EAAE,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;KACvD,CAAA;AACH,CAAC,CAAC,CAAA","sourcesContent":["import m, { Child } from 'mithril'\r\n\r\nimport { component, ComponentAttrs, ComponentModel } from '../core'\r\nimport { viewFn } from '../core/utils'\r\n\r\n/**\r\n * Content component attributes\r\n * @public\r\n */\r\nexport type ContentAttrs = ComponentAttrs<ContentModel>\r\n\r\n/**\r\n * Content component model\r\n * @public\r\n */\r\nexport interface ContentModel extends ComponentModel {\r\n  /**\r\n   * The type name of the control\r\n   */\r\n  type: 'content'\r\n  /**\r\n   * A mithril child\r\n   */\r\n  content?: Child\r\n}\r\n\r\nconst CONTENT = 'content'\r\n\r\ncomponent<ContentAttrs>(CONTENT, () => {\r\n  return {\r\n    view: viewFn((data) => m.fragment({}, [data.content])),\r\n  }\r\n})\r\n"]}

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

@@ -1,52 +1,52 @@
-import { ComponentModel, ValueSource, ComponentAttrs, ValueCodec } from '../../core';
-import { Direction } from './spherical';
-/**
- * Spherical component attributes
- * @public
- */
-export declare type AngleAttrs = ComponentAttrs<AngleModel>;
-/**
- * Spherical component model
- * @public
- */
-export interface AngleModel<T = unknown> extends ComponentModel, ValueSource<T, number> {
-    /**
-     * The type name of the control
-     */
-    type: 'angle';
-    /**
-     * Whether to use degrees instead of radians
-     */
-    degree?: boolean;
-    /**
-     * This is called when the control value has been changed.
-     */
-    onInput?: (model: AngleModel<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: AngleModel<T>, value: unknown) => void;
-}
-export interface AngleCodecOptions<T> {
-    /**
-     * Maps object keys to cartesian axes. Defaults to `{ x: 'right', y: 'up' }`
-     */
-    axes?: Record<string | number, Direction>;
-    /**
-     * The vector length (circle 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 angleCodec(): ValueCodec<{
-    x: number;
-    y: number;
-}, number>;
-export declare function angleCodec<T>(options: AngleCodecOptions<T>): ValueCodec<T, number>;
+import { ComponentModel, ValueSource, ComponentAttrs, ValueCodec } from '../../core';
+import { Direction } from './spherical';
+/**
+ * Spherical component attributes
+ * @public
+ */
+export type AngleAttrs = ComponentAttrs<AngleModel>;
+/**
+ * Spherical component model
+ * @public
+ */
+export interface AngleModel<T = unknown> extends ComponentModel, ValueSource<T, number> {
+    /**
+     * The type name of the control
+     */
+    type: 'angle';
+    /**
+     * Whether to use degrees instead of radians
+     */
+    degree?: boolean;
+    /**
+     * This is called when the control value has been changed.
+     */
+    onInput?: (model: AngleModel<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: AngleModel<T>, value: unknown) => void;
+}
+export interface AngleCodecOptions<T> {
+    /**
+     * Maps object keys to cartesian axes. Defaults to `{ x: 'right', y: 'up' }`
+     */
+    axes?: Record<string | number, Direction>;
+    /**
+     * The vector length (circle 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 angleCodec(): ValueCodec<{
+    x: number;
+    y: number;
+}, number>;
+export declare function angleCodec<T>(options: AngleCodecOptions<T>): ValueCodec<T, number>;
 //# 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,oBAAY,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":"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"}