tweak-ui 0.5.0 → 0.8.2

package/dist/lib/index.js

@@ -1,29 +0,0 @@
-/**
- * Tweak UI is a lightweight js library for building input controls with data binding
- *
- * @remarks
- * The library provides a set of common ui components built with mithriljs. The main objective
- * is to allow a developer to rapidly scaffold input interfaces for manipulating javascript objects
- * at runtime.
- *
- * Similar projects are:
- * {@link https://github.com/dataarts/dat.gui | dat.GUI}
- * {@link https://github.com/automat/controlkit.js | controlkit}
- * {@link https://github.com/colejd/guify | guify}
- *
- * @packageDocumentation
- */
-import './components';
-export * from './builder';
-export * from './color-formats';
-export * from './components';
-export * from './core';
-export * from './mount';
-// declare const VERSION_STRING: string
-// /**
-//  * The version string
-//  *
-//  * @public
-//  */
-// export const VERSION = VERSION_STRING
-//# sourceMappingURL=index.js.map

package/dist/lib/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,cAAc,CAAA;AAErB,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AAEvB,uCAAuC;AAEvC,MAAM;AACN,wBAAwB;AACxB,KAAK;AACL,aAAa;AACb,MAAM;AACN,wCAAwC","sourcesContent":["/**\n * Tweak UI is a lightweight js library for building input controls with data binding\n *\n * @remarks\n * The library provides a set of common ui components built with mithriljs. The main objective\n * is to allow a developer to rapidly scaffold input interfaces for manipulating javascript objects\n * at runtime.\n *\n * Similar projects are:\n * {@link https://github.com/dataarts/dat.gui | dat.GUI}\n * {@link https://github.com/automat/controlkit.js | controlkit}\n * {@link https://github.com/colejd/guify | guify}\n *\n * @packageDocumentation\n */\n\nimport './components'\n\nexport * from './builder'\nexport * from './color-formats'\nexport * from './components'\nexport * from './core'\nexport * from './mount'\n\n// declare const VERSION_STRING: string\n\n// /**\n//  * The version string\n//  *\n//  * @public\n//  */\n// export const VERSION = VERSION_STRING\n"]}

package/dist/lib/mount.js

@@ -1,85 +0,0 @@
-import { default as m } from 'mithril';
-import { Builder } from './builder';
-import { isFunction } from './core/utils';
-import { renderModel } from './core';
-/**
- * Mithril's hyperscript function.
- *
- * @public
- * @remarks
- * Useful to create custom components
- */
-export const h = m;
-/**
- * Runs the function through a builder system and returns the created controls
- *
- * @param fn - The builder function
- * @returns
- */
-export function build(fn) {
-    const builder = new Builder();
-    fn(builder);
-    return builder.controls;
-}
-/**
- * Mounts a ui to the given element
- *
- * @public
- * @param el - The ui host element
- * @param data - The ui definition object
- */
-export function mount(el, data) {
-    el = typeof el === 'string' ? document.querySelector(el) : el;
-    el.classList.add('twui-root');
-    if (!data) {
-        m.mount(el, null);
-    }
-    else if (Array.isArray(data)) {
-        m.mount(el, {
-            view: () => renderModel({
-                type: 'group',
-                children: data,
-            }),
-        });
-    }
-    else if (isFunction(data)) {
-        const builder = new Builder();
-        data(builder);
-        m.mount(el, {
-            view: () => renderModel({
-                type: 'group',
-                children: builder.controls,
-            }),
-        });
-    }
-    else {
-        m.mount(el, {
-            view: () => renderModel(data),
-        });
-    }
-}
-/**
- * Unmounts the ui from given host element
- *
- * @public
- * @param el - The ui host element
- */
-export function unmount(el) {
-    el = typeof el === 'string' ? document.querySelector(el) : el;
-    m.mount(el, null);
-}
-/**
- * Redraws the ui
- *
- * @public
- * @remarks
- * When changing the ui description object qui callbacks (e.g. `onInput` or `onChange`)
- * the ui will redraw automatically.
- *
- * However if the ui description object is changed from outside the qui callback
- * then this method must be called in order to update the visual state.
- */
-export function redraw() {
-    m.redraw();
-}
-//# sourceMappingURL=mount.js.map

package/dist/lib/mount.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mount.js","sourceRoot":"","sources":["../../src/lib/mount.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,CAAC,EAAE,MAAM,SAAS,CAAA;AACtC,OAAO,EAAE,OAAO,EAAa,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AAGpC;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;AAElB;;;;;GAKG;AACH,MAAM,UAAU,KAAK,CAAC,EAAa;IACjC,MAAM,OAAO,GAAG,IAAI,OAAO,EAAE,CAAA;IAC7B,EAAE,CAAC,OAAO,CAAC,CAAA;IACX,OAAO,OAAO,CAAC,QAAQ,CAAA;AACzB,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,KAAK,CAA2B,EAAoB,EAAE,IAA8B;IAClG,EAAE,GAAG,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAC7D,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;IAC7B,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC,CAAA;IACnB,CAAC;SAAM,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;QAC/B,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE;YACV,IAAI,EAAE,GAAG,EAAE,CACT,WAAW,CAAa;gBACtB,IAAI,EAAE,OAAO;gBACb,QAAQ,EAAE,IAAI;aACf,CAAC;SACL,CAAC,CAAA;IACJ,CAAC;SAAM,IAAI,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;QAC5B,MAAM,OAAO,GAAG,IAAI,OAAO,EAAE,CAAA;QAC7B,IAAI,CAAC,OAAO,CAAC,CAAA;QACb,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE;YACV,IAAI,EAAE,GAAG,EAAE,CACT,WAAW,CAAa;gBACtB,IAAI,EAAE,OAAO;gBACb,QAAQ,EAAE,OAAO,CAAC,QAAQ;aAC3B,CAAC;SACL,CAAC,CAAA;IACJ,CAAC;SAAM,CAAC;QACN,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE;YACV,IAAI,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC;SAC9B,CAAC,CAAA;IACJ,CAAC;AACH,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,OAAO,CAAC,EAAoB;IAC1C,EAAE,GAAG,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAC7D,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC,CAAA;AACnB,CAAC;AAED;;;;;;;;;;GAUG;AACH,MAAM,UAAU,MAAM;IACpB,CAAC,CAAC,MAAM,EAAE,CAAA;AACZ,CAAC","sourcesContent":["import type { ComponentModel } from './core/types'\nimport { default as m } from 'mithril'\nimport { Builder, BuilderFn } from './builder'\nimport { isFunction } from './core/utils'\nimport { renderModel } from './core'\nimport { GroupModel } from './components'\n\n/**\n * Mithril's hyperscript function.\n *\n * @public\n * @remarks\n * Useful to create custom components\n */\nexport const h = m\n\n/**\n * Runs the function through a builder system and returns the created controls\n *\n * @param fn - The builder function\n * @returns\n */\nexport function build(fn: BuilderFn) {\n  const builder = new Builder()\n  fn(builder)\n  return builder.controls\n}\n\n/**\n * Mounts a ui to the given element\n *\n * @public\n * @param el - The ui host element\n * @param data - The ui definition object\n */\nexport function mount<T extends ComponentModel>(el: Element | string, data: T | Array<T> | BuilderFn) {\n  el = typeof el === 'string' ? document.querySelector(el) : el\n  el.classList.add('twui-root')\n  if (!data) {\n    m.mount(el, null)\n  } else if (Array.isArray(data)) {\n    m.mount(el, {\n      view: () =>\n        renderModel<GroupModel>({\n          type: 'group',\n          children: data,\n        }),\n    })\n  } else if (isFunction(data)) {\n    const builder = new Builder()\n    data(builder)\n    m.mount(el, {\n      view: () =>\n        renderModel<GroupModel>({\n          type: 'group',\n          children: builder.controls,\n        }),\n    })\n  } else {\n    m.mount(el, {\n      view: () => renderModel(data),\n    })\n  }\n}\n\n/**\n * Unmounts the ui from given host element\n *\n * @public\n * @param el - The ui host element\n */\nexport function unmount(el: Element | string) {\n  el = typeof el === 'string' ? document.querySelector(el) : el\n  m.mount(el, null)\n}\n\n/**\n * Redraws the ui\n *\n * @public\n * @remarks\n * When changing the ui description object qui callbacks (e.g. `onInput` or `onChange`)\n * the ui will redraw automatically.\n *\n * However if the ui description object is changed from outside the qui callback\n * then this method must be called in order to update the visual state.\n */\nexport function redraw() {\n  m.redraw()\n}\n"]}