tweak-ui 0.5.0 → 0.8.2

package/dist/lib/components/groups/group.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"group.js","sourceRoot":"","sources":["../../../../src/lib/components/groups/group.ts"],"names":[],"mappings":"AAAA,OAAO,CAAC,MAAM,SAAS,CAAA;AAEvB,OAAO,EACL,SAAS,EACT,WAAW,GAIZ,MAAM,YAAY,CAAA;AACnB,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAmDnF,MAAM,IAAI,GAAG,OAAO,CAAA;AACpB,SAAS,CAAa,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE;IACnC,SAAS,OAAO,CAAC,CAAa;QAC5B,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE;YAC5B,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,CAAA;YAChC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAA;YACzB,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;gBACnB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,CAAA;YAC7B,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAA;YAC3B,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;IACD,SAAS,KAAK,CAAC,IAAgB;QAC7B,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YACrC,OAAO,IAAI,CAAA;QACb,CAAC;QACD,OAAO,CAAC,CACN,KAAK,EACL;YACE,KAAK,EAAE,SAAS,CAAC,IAAI,EAAE,OAAO,CAAC;YAC/B,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI;SAC3C,EACD,IAAI,CAAC,KAAK,CACX,CAAA;IACH,CAAC;IACD,SAAS,QAAQ,CAAC,IAAgB;;QAChC,IAAI,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACrC,OAAO,EAAE,CAAA;QACX,CAAC;QACD,OAAO,MAAA,IAAI,CAAC,QAAQ,0CAAE,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE;YAC/B,IAAI,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC;gBACvB,OAAO,CAAC,CACN,KAAK,EACL,EAAE,KAAK,EAAE,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,EACrC,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,KAAK,CAAC,EACpB,CAAC,CAAC,SAAS,EAAE,WAAW,CAAC,EAAE,CAAC,CAAC,CAC9B,CAAA;YACH,CAAC;YACD,OAAO,WAAW,CAAC,EAAE,CAAC,CAAA;QACxB,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,OAAO;QACL,IAAI,EAAE,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CACpB,CAAC,CACC,KAAK,EACL;YACE,KAAK,EAAE,QAAQ,CAAC;gBACd,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI;gBACvB,CAAC,SAAS,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC,EAAE,IAAI,CAAC,WAAW;gBAClD,CAAC,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,EAAE,IAAI,CAAC,SAAS;aAC/C,CAAC;YACF,KAAK,EAAE,IAAI,CAAC,KAAK;SAClB,EACD,CAAC,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAC7B,CAAC,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CACjC,CACF;KACF,CAAA;AACH,CAAC,CAAC,CAAA","sourcesContent":["import m from 'mithril'\r\n\r\nimport {\r\n  component,\r\n  renderModel,\r\n  ComponentGroupModel,\r\n  ComponentAttrs,\r\n  ComponentModel,\r\n} from '../../core'\r\nimport { twuiClass, viewFn, isString, use, call, cssClass } from '../../core/utils'\r\n\r\n/**\r\n * Group component attributes\r\n * @public\r\n */\r\nexport type GroupAttrs = ComponentAttrs<GroupModel>\r\n\r\n/**\r\n * Group component model\r\n * @public\r\n */\r\nexport interface GroupModel extends ComponentGroupModel<ComponentModel> {\r\n  /**\r\n   * Component type name\r\n   */\r\n  type: 'group'\r\n  /**\r\n   * Group title\r\n   */\r\n  title?: string\r\n  /**\r\n   * Group CSS Style\r\n   */\r\n  style?: Partial<CSSStyleDeclaration>\r\n  /**\r\n   * Whether the child elements can be collapsed\r\n   */\r\n  collapsible?: boolean\r\n  /**\r\n   * Whether the child elements are collapsed\r\n   */\r\n  collapsed?: boolean\r\n  /**\r\n   * Adds an offset to the left side\r\n   */\r\n  inset?: boolean\r\n  /**\r\n   * Is called when this Group has been collapsed or expanded\r\n   */\r\n  onToggle?: (group: GroupModel) => void\r\n  /**\r\n   * Is called when this Group has been expanded\r\n   */\r\n  onExpand?: (group: GroupModel) => void\r\n  /**\r\n   * Is called when this Group has been collapsed\r\n   */\r\n  onCollapse?: (group: GroupModel) => void\r\n}\r\n\r\nconst TYPE = 'group'\r\ncomponent<GroupAttrs>(TYPE, (node) => {\r\n  function onClick(e: MouseEvent) {\r\n    use(node.attrs.data, (data) => {\r\n      data.collapsed = !data.collapsed\r\n      call(data.onToggle, data)\r\n      if (data.collapsed) {\r\n        call(data.onCollapse, data)\r\n      } else {\r\n        call(data.onExpand, data)\r\n      }\r\n    })\r\n  }\r\n  function title(data: GroupModel) {\r\n    if (!data.title && !data.collapsible) {\r\n      return null\r\n    }\r\n    return m(\r\n      'div',\r\n      {\r\n        class: twuiClass(TYPE, 'title'),\r\n        onclick: data.collapsible ? onClick : null,\r\n      },\r\n      data.title,\r\n    )\r\n  }\r\n  function children(data: GroupModel) {\r\n    if (data.collapsed || !data.children) {\r\n      return []\r\n    }\r\n    return data.children?.map((it) => {\r\n      if (isString(it.label)) {\r\n        return m(\r\n          'div',\r\n          { class: twuiClass(TYPE, 'control') },\r\n          m('label', it.label),\r\n          m('section', renderModel(it)),\r\n        )\r\n      }\r\n      return renderModel(it)\r\n    })\r\n  }\r\n\r\n  return {\r\n    view: viewFn((data) =>\r\n      m(\r\n        'div',\r\n        {\r\n          class: cssClass({\r\n            [twuiClass(TYPE)]: true,\r\n            [twuiClass(TYPE, 'collapsible')]: data.collapsible,\r\n            [twuiClass(TYPE, 'collapsed')]: data.collapsed,\r\n          }) ,\r\n          style: data.style,\r\n        },\r\n        m.fragment({}, [title(data)]),\r\n        m.fragment({}, [children(data)]),\r\n      ),\r\n    ),\r\n  }\r\n})\r\n"]}

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

@@ -1,5 +0,0 @@
-export * from './accordion';
-export * from './container';
-export * from './group';
-export * from './tabs';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/groups/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA"}

package/dist/lib/components/groups/index.js

@@ -1,5 +0,0 @@
-export * from './accordion';
-export * from './container';
-export * from './group';
-export * from './tabs';
-//# sourceMappingURL=index.js.map

package/dist/lib/components/groups/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/lib/components/groups/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA","sourcesContent":["export * from './accordion'\r\nexport * from './container'\r\nexport * from './group'\r\nexport * from './tabs'\r\n"]}

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

@@ -1,22 +0,0 @@
-import { ComponentAttrs, ComponentGroupModel } from '../../core';
-import { GroupModel } from './group';
-/**
- * Tabs component attributes
- * @public
- */
-export type TabsAtts = ComponentAttrs<TabsModel>;
-/**
- * Tabs component model
- * @public
- */
-export interface TabsModel extends ComponentGroupModel<GroupModel> {
-    /**
-     * The type name of the control
-     */
-    type: 'tabs';
-    /**
-     * The index of the opened tab
-     */
-    active: number;
-}
-//# sourceMappingURL=tabs.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/groups/tabs.ts"],"names":[],"mappings":"AAEA,OAAO,EAGL,cAAc,EACd,mBAAmB,EACpB,MAAM,YAAY,CAAA;AAEnB,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEpC;;;GAGG;AACH,MAAM,MAAM,QAAQ,GAAG,cAAc,CAAC,SAAS,CAAC,CAAA;AAEhD;;;GAGG;AACH,MAAM,WAAW,SAAU,SAAQ,mBAAmB,CAAC,UAAU,CAAC;IAChE;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,MAAM,EAAE,MAAM,CAAA;CACf"}

package/dist/lib/components/groups/tabs.js

@@ -1,31 +0,0 @@
-import m from 'mithril';
-import { component, renderModel, } from '../../core';
-import { clamp, twuiClass, viewFn } from '../../core/utils';
-component('tabs', () => {
-    return {
-        view: viewFn((data) => {
-            const tabs = data.children || [];
-            const active = clamp(data.active || 0, 0, tabs.length - 1);
-            const tab = tabs[active];
-            return m('div', {
-                class: twuiClass(data.type),
-            }, m('div', {
-                key: `${data.type}-list`,
-                class: twuiClass(`${data.type}-list`),
-            }, tabs.map((it, index) => {
-                return m("button[type='button']", {
-                    key: `${data.type}-${index}`,
-                    onclick: () => (data.active = index),
-                    class: active === index ? 'is-active' : '',
-                }, it.label || it.title);
-            })), m.fragment({ key: `panel-${data.active}` }, [
-                renderModel({
-                    type: 'group',
-                    children: tab.children,
-                    style: tab.style,
-                }),
-            ]));
-        }),
-    };
-});
-//# sourceMappingURL=tabs.js.map

package/dist/lib/components/groups/tabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../src/lib/components/groups/tabs.ts"],"names":[],"mappings":"AAAA,OAAO,CAAC,MAAM,SAAS,CAAA;AAEvB,OAAO,EACL,SAAS,EACT,WAAW,GAGZ,MAAM,YAAY,CAAA;AACnB,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAwB3D,SAAS,CAAW,MAAM,EAAE,GAAG,EAAE;IAC/B,OAAO;QACL,IAAI,EAAE,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE;YACpB,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAA;YAChC,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;YAC1D,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,CAAA;YACxB,OAAO,CAAC,CACN,KAAK,EACL;gBACE,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;aAC5B,EACD,CAAC,CACC,KAAK,EACL;gBACE,GAAG,EAAE,GAAG,IAAI,CAAC,IAAI,OAAO;gBACxB,KAAK,EAAE,SAAS,CAAC,GAAG,IAAI,CAAC,IAAI,OAAO,CAAC;aACtC,EACD,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;gBACrB,OAAO,CAAC,CACN,uBAAuB,EACvB;oBACE,GAAG,EAAE,GAAG,IAAI,CAAC,IAAI,IAAI,KAAK,EAAE;oBAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;oBACpC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE;iBAC3C,EACD,EAAE,CAAC,KAAK,IAAI,EAAE,CAAC,KAAK,CACrB,CAAA;YACH,CAAC,CAAC,CACH,EACD,CAAC,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,SAAS,IAAI,CAAC,MAAM,EAAE,EAAE,EAAE;gBAC1C,WAAW,CAAa;oBACtB,IAAI,EAAE,OAAO;oBACb,QAAQ,EAAE,GAAG,CAAC,QAAQ;oBACtB,KAAK,EAAE,GAAG,CAAC,KAAK;iBACjB,CAAC;aACH,CAAC,CACH,CAAA;QACH,CAAC,CAAC;KACH,CAAA;AACH,CAAC,CAAC,CAAA","sourcesContent":["import m from 'mithril'\r\n\r\nimport {\r\n  component,\r\n  renderModel,\r\n  ComponentAttrs,\r\n  ComponentGroupModel,\r\n} from '../../core'\r\nimport { clamp, twuiClass, viewFn } from '../../core/utils'\r\nimport { GroupModel } from './group'\r\n\r\n/**\r\n * Tabs component attributes\r\n * @public\r\n */\r\nexport type TabsAtts = ComponentAttrs<TabsModel>\r\n\r\n/**\r\n * Tabs component model\r\n * @public\r\n */\r\nexport interface TabsModel extends ComponentGroupModel<GroupModel> {\r\n  /**\r\n   * The type name of the control\r\n   */\r\n  type: 'tabs'\r\n  /**\r\n   * The index of the opened tab\r\n   */\r\n  active: number\r\n}\r\n\r\ncomponent<TabsAtts>('tabs', () => {\r\n  return {\r\n    view: viewFn((data) => {\r\n      const tabs = data.children || []\r\n      const active = clamp(data.active || 0, 0, tabs.length - 1)\r\n      const tab = tabs[active]\r\n      return m(\r\n        'div',\r\n        {\r\n          class: twuiClass(data.type),\r\n        },\r\n        m(\r\n          'div',\r\n          {\r\n            key: `${data.type}-list`,\r\n            class: twuiClass(`${data.type}-list`),\r\n          },\r\n          tabs.map((it, index) => {\r\n            return m(\r\n              \"button[type='button']\",\r\n              {\r\n                key: `${data.type}-${index}`,\r\n                onclick: () => (data.active = index),\r\n                class: active === index ? 'is-active' : '',\r\n              },\r\n              it.label || it.title,\r\n            )\r\n          }),\r\n        ),\r\n        m.fragment({ key: `panel-${data.active}` }, [\r\n          renderModel<GroupModel>({\r\n            type: 'group',\r\n            children: tab.children,\r\n            style: tab.style,\r\n          }),\r\n        ]),\r\n      )\r\n    }),\r\n  }\r\n})\r\n"]}

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

@@ -1,37 +0,0 @@
-import { ComponentModel, ComponentAttrs } from '../core';
-/**
- * Image component attrs
- * @public
- */
-export type ImageAttrs = ComponentAttrs<ImageModel>;
-/**
- * Image component model
- * @public
- */
-export interface ImageModel extends ComponentModel {
-    /**
-     * The type name of the control
-     */
-    type: 'image';
-    /**
-     * The image source url
-     */
-    src?: string | string[];
-    /**
-     * Aspect ratio of the picture container
-     */
-    aspect?: string;
-    /**
-     * A fixed width
-     */
-    width?: number | string;
-    /**
-     *
-     */
-    fit?: 'contain' | 'cover' | 'fill';
-    /**
-     * This is callend when the control is clicked
-     */
-    onClick?: (ctrl: ImageModel) => void;
-}
-//# sourceMappingURL=image.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/lib/components/image.ts"],"names":[],"mappings":"AAEA,OAAO,EAAa,cAAc,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAGnE;;;GAGG;AACH,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,UAAU,CAAC,CAAA;AAEnD;;;GAGG;AACH,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD;;OAEG;IACH,IAAI,EAAE,OAAO,CAAA;IACb;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB;;OAEG;IACH,GAAG,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;IAClC;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAA;CACrC"}

package/dist/lib/components/image.js

@@ -1,46 +0,0 @@
-import m from 'mithril';
-import { component } from '../core';
-import { call, use, twuiClass, viewFn, isNumber, isString, cssClass } from '../core/utils';
-const TYPE = 'image';
-component('image', (node) => {
-    const onClick = () => {
-        use(node.attrs.data, (data) => call(data.onClick, data));
-    };
-    function aspect(spec) {
-        if (!spec) {
-            return null;
-        }
-        const [x, y] = (spec || '1x1').split('x').map(Number);
-        const padding = ((y / x) || 1) * 100;
-        return `${padding}%`;
-    }
-    function width(data) {
-        if (isNumber(data.width)) {
-            return `${data.width}px`;
-        }
-        if (isString(data.width)) {
-            return data.width;
-        }
-    }
-    return {
-        view: viewFn((data) => {
-            return (Array.isArray(data.src) ? data.src : [data.src]).map((src) => {
-                return m('picture', {
-                    class: cssClass({
-                        [twuiClass(TYPE)]: true,
-                        [twuiClass(TYPE, 'aspect')]: !!data.aspect,
-                    }),
-                    style: {
-                        '--twui-aspect': aspect(data.aspect),
-                        '--twui-fit': data.fit || 'fit',
-                        width: width(data),
-                    },
-                }, m('img', {
-                    src: src,
-                    onclick: onClick,
-                }));
-            });
-        }),
-    };
-});
-//# sourceMappingURL=image.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../src/lib/components/image.ts"],"names":[],"mappings":"AAAA,OAAO,CAAC,MAAM,SAAS,CAAA;AAEvB,OAAO,EAAE,SAAS,EAAkC,MAAM,SAAS,CAAA;AACnE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAuC1F,MAAM,IAAI,GAAG,OAAO,CAAA;AACpB,SAAS,CAAa,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE;IACtC,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAA;IAC1D,CAAC,CAAA;IACD,SAAS,MAAM,CAAC,IAAY;QAC1B,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAO,IAAI,CAAA;QACb,CAAC;QACD,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;QACrD,MAAM,OAAO,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,GAAG,CAAA;QACpC,OAAO,GAAG,OAAO,GAAG,CAAA;IACtB,CAAC;IACD,SAAS,KAAK,CAAC,IAAgB;QAC7B,IAAI,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;YACzB,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,CAAA;QAC1B,CAAC;QACD,IAAI,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;YACzB,OAAO,IAAI,CAAC,KAAK,CAAA;QACnB,CAAC;IACH,CAAC;IACD,OAAO;QACL,IAAI,EAAE,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE;YACpB,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;gBACnE,OAAO,CAAC,CACN,SAAS,EACT;oBACE,KAAK,EAAE,QAAQ,CAAC;wBACd,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI;wBACvB,CAAC,SAAS,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM;qBAC3C,CAAC;oBACF,KAAK,EAAE;wBACL,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC;wBACpC,YAAY,EAAE,IAAI,CAAC,GAAG,IAAI,KAAK;wBAC/B,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC;qBACnB;iBACF,EACD,CAAC,CAAC,KAAK,EAAE;oBACP,GAAG,EAAE,GAAG;oBACR,OAAO,EAAE,OAAO;iBACjB,CAAC,CACH,CAAA;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC;KACH,CAAA;AACH,CAAC,CAAC,CAAA","sourcesContent":["import m from 'mithril'\r\n\r\nimport { component, ComponentModel, ComponentAttrs } from '../core'\r\nimport { call, use, twuiClass, viewFn, isNumber, isString, cssClass } from '../core/utils'\r\n\r\n/**\r\n * Image component attrs\r\n * @public\r\n */\r\nexport type ImageAttrs = ComponentAttrs<ImageModel>\r\n\r\n/**\r\n * Image component model\r\n * @public\r\n */\r\nexport interface ImageModel extends ComponentModel {\r\n  /**\r\n   * The type name of the control\r\n   */\r\n  type: 'image'\r\n  /**\r\n   * The image source url\r\n   */\r\n  src?: string | string[]\r\n  /**\r\n   * Aspect ratio of the picture container\r\n   */\r\n  aspect?: string\r\n  /**\r\n   * A fixed width\r\n   */\r\n  width?: number | string\r\n  /**\r\n   *\r\n   */\r\n  fit?: 'contain' | 'cover' | 'fill'\r\n  /**\r\n   * This is callend when the control is clicked\r\n   */\r\n  onClick?: (ctrl: ImageModel) => void\r\n}\r\n\r\nconst TYPE = 'image'\r\ncomponent<ImageAttrs>('image', (node) => {\r\n  const onClick = () => {\r\n    use(node.attrs.data, (data) => call(data.onClick, data))\r\n  }\r\n  function aspect(spec: string) {\r\n    if (!spec) {\r\n      return null\r\n    }\r\n    const [x, y] = (spec || '1x1').split('x').map(Number)\r\n    const padding = ((y / x) || 1) * 100\r\n    return `${padding}%`\r\n  }\r\n  function width(data: ImageModel) {\r\n    if (isNumber(data.width)) {\r\n      return `${data.width}px`\r\n    }\r\n    if (isString(data.width)) {\r\n      return data.width\r\n    }\r\n  }\r\n  return {\r\n    view: viewFn((data) => {\r\n      return (Array.isArray(data.src) ? data.src : [data.src]).map((src) => {\r\n        return m(\r\n          'picture',\r\n          {\r\n            class: cssClass({\r\n              [twuiClass(TYPE)]: true,\r\n              [twuiClass(TYPE, 'aspect')]: !!data.aspect,\r\n            }),\r\n            style: {\r\n              '--twui-aspect': aspect(data.aspect),\r\n              '--twui-fit': data.fit || 'fit',\r\n              width: width(data),\r\n            },\r\n          },\r\n          m('img', {\r\n            src: src,\r\n            onclick: onClick,\r\n          }),\r\n        )\r\n      })\r\n    }),\r\n  }\r\n})\r\n"]}

package/dist/lib/components/index.js

@@ -1,6 +0,0 @@
-export * from './controls';
-export * from './groups';
-export * from './button';
-export * from './content';
-export * from './image';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","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","sourcesContent":["export * from './controls'\r\nexport * from './groups'\r\nexport * from './button'\r\nexport * from './content'\r\nexport * from './image'\r\n"]}

package/dist/lib/core/index.js

@@ -1,5 +0,0 @@
-export * from './registry';
-export * from './render';
-export * from './value-accessor';
-export * from './types';
-//# sourceMappingURL=index.js.map

package/dist/lib/core/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","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","sourcesContent":["export * from './registry'\r\nexport * from './render'\r\nexport * from './value-accessor'\r\nexport * from './types'\r\n"]}

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

@@ -1,18 +0,0 @@
-import type { ComponentAttrs, ComponentType } from './types';
-/**
- * Gets a registered component for a given type name
- *
- * @public
- * @param type - The component type
- */
-export declare function getComponent<T extends ComponentAttrs<any>>(type: string): ComponentType<T>;
-/**
- * Registers a component
- *
- * @public
- * @param type - The component type name
- * @param comp - The component
- * @param override - Allows to override an already registered component
- */
-export declare function component<T>(type: string, comp: ComponentType<T>, override?: boolean): void;
-//# sourceMappingURL=registry.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../../src/lib/core/registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAM5D;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,cAAc,CAAC,GAAG,CAAC,EACxD,IAAI,EAAE,MAAM,GACX,aAAa,CAAC,CAAC,CAAC,CAKlB;AAED;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,CAAC,EACzB,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,EACtB,QAAQ,GAAE,OAAe,QAO1B"}

package/dist/lib/core/registry.js

@@ -1,30 +0,0 @@
-const registry = {};
-/**
- * Gets a registered component for a given type name
- *
- * @public
- * @param type - The component type
- */
-export function getComponent(type) {
-    if (registry[type]) {
-        return registry[type];
-    }
-    throw new Error(`Component of type '${type}' was not found`);
-}
-/**
- * Registers a component
- *
- * @public
- * @param type - The component type name
- * @param comp - The component
- * @param override - Allows to override an already registered component
- */
-export function component(type, comp, override = false) {
-    if (registry[type] && !override) {
-        console.warn(`Component ignored. Name '${type}' is already registered.`);
-    }
-    else {
-        registry[type] = comp;
-    }
-}
-//# sourceMappingURL=registry.js.map

package/dist/lib/core/registry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"registry.js","sourceRoot":"","sources":["../../../src/lib/core/registry.ts"],"names":[],"mappings":"AAEA,MAAM,QAAQ,GAEV,EAAE,CAAA;AAEN;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAC1B,IAAY;IAEZ,IAAI,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;QACnB,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAA;IACvB,CAAC;IACD,MAAM,IAAI,KAAK,CAAC,sBAAsB,IAAI,iBAAiB,CAAC,CAAA;AAC9D,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,SAAS,CACvB,IAAY,EACZ,IAAsB,EACtB,WAAoB,KAAK;IAEzB,IAAI,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;QAChC,OAAO,CAAC,IAAI,CAAC,4BAA4B,IAAI,0BAA0B,CAAC,CAAA;IAC1E,CAAC;SAAM,CAAC;QACN,QAAQ,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IACvB,CAAC;AACH,CAAC","sourcesContent":["import type { ComponentAttrs, ComponentType } from './types'\r\n\r\nconst registry: {\r\n  [key: string]: ComponentType<any>\r\n} = {}\r\n\r\n/**\r\n * Gets a registered component for a given type name\r\n *\r\n * @public\r\n * @param type - The component type\r\n */\r\nexport function getComponent<T extends ComponentAttrs<any>>(\r\n  type: string,\r\n): ComponentType<T> {\r\n  if (registry[type]) {\r\n    return registry[type]\r\n  }\r\n  throw new Error(`Component of type '${type}' was not found`)\r\n}\r\n\r\n/**\r\n * Registers a component\r\n *\r\n * @public\r\n * @param type - The component type name\r\n * @param comp - The component\r\n * @param override - Allows to override an already registered component\r\n */\r\nexport function component<T>(\r\n  type: string,\r\n  comp: ComponentType<T>,\r\n  override: boolean = false,\r\n) {\r\n  if (registry[type] && !override) {\r\n    console.warn(`Component ignored. Name '${type}' is already registered.`)\r\n  } else {\r\n    registry[type] = comp\r\n  }\r\n}\r\n"]}

package/dist/lib/core/render.js

@@ -1,19 +0,0 @@
-import { getComponent } from './registry';
-import { default as m } from 'mithril';
-/**
- * Renders a registered component using the model
- *
- * @public
- * @param model - The model
- */
-export function renderModel(model) {
-    if (!model.type) {
-        console.error(new Error('Given data is missing the .type property. Component can resolve the component'), model);
-        return null;
-    }
-    if (model.hidden) {
-        return null;
-    }
-    return m(getComponent(model.type), { data: model });
-}
-//# sourceMappingURL=render.js.map

package/dist/lib/core/render.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"render.js","sourceRoot":"","sources":["../../../src/lib/core/render.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACzC,OAAO,EAAE,OAAO,IAAI,CAAC,EAAE,MAAM,SAAS,CAAA;AAEtC;;;;;GAKG;AACH,MAAM,UAAU,WAAW,CAA2B,KAAQ;IAC5D,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QAChB,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,+EAA+E,CAAC,EAAE,KAAK,CAAC,CAAA;QAChH,OAAO,IAAI,CAAA;IACb,CAAC;IACD,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;QACjB,OAAO,IAAI,CAAA;IACb,CAAC;IACD,OAAO,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAA;AACrD,CAAC","sourcesContent":["\r\nimport type { ComponentModel } from './types'\r\nimport { getComponent } from './registry'\r\nimport { default as m } from 'mithril'\r\n\r\n/**\r\n * Renders a registered component using the model\r\n *\r\n * @public\r\n * @param model - The model\r\n */\r\nexport function renderModel<T extends ComponentModel>(model: T) {\r\n  if (!model.type) {\r\n    console.error(new Error('Given data is missing the .type property. Component can resolve the component'), model)\r\n    return null\r\n  }\r\n  if (model.hidden) {\r\n    return null\r\n  }\r\n  return m(getComponent(model.type), { data: model })\r\n}\r\n"]}

package/dist/lib/core/types.js

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

package/dist/lib/core/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/lib/core/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { FactoryComponent, ClassComponent } from 'mithril'\r\n\r\n/**\r\n * @public\r\n */\r\nexport type ComponentType<T = any> = FactoryComponent<T> | ClassComponent<T>\r\n\r\n/**\r\n * Base model for a component with children\r\n *\r\n * @public\r\n */\r\nexport interface ComponentGroupModel<T extends ComponentModel = ComponentModel>\r\n  extends ComponentModel {\r\n  /**\r\n   * Collection of child components\r\n   */\r\n  children?: T[]\r\n}\r\n\r\n/**\r\n * Base model for a component\r\n *\r\n * @public\r\n */\r\nexport interface ComponentModel {\r\n  /**\r\n   * The type name of the component\r\n   */\r\n  type: string\r\n  /**\r\n   * If true, the component will not be rendered\r\n   *\r\n   * @remarks\r\n   * This is a convenience property that allows to hide a component\r\n   * without removing it from the component data model.\r\n   */\r\n  hidden?: boolean | (() => boolean)\r\n  /**\r\n   * The label for this component when rendered as a control\r\n   *\r\n   * @remarks\r\n   * This is only evaluated when rendered as a child of a panel component\r\n   */\r\n  label?: string\r\n}\r\n\r\n/**\r\n * Common component attributes\r\n *\r\n * @public\r\n */\r\nexport type ComponentAttrs<T extends ComponentModel> = {\r\n  data: T\r\n}\r\n\r\nexport type KeyMatchingType<T, V> = { [K in keyof T]: T[K] extends V ? K : never }[keyof T]\r\n\r\n/**\r\n * Utility to convert a value type\r\n *\r\n * @public\r\n */\r\nexport type ValueCodec<Encoded, Decoded> = {\r\n  decode: (value: Encoded) => Decoded\r\n  encode: (value: Decoded) => Encoded\r\n}\r\n\r\nexport type ValueSource<T, V, I = unknown> = {\r\n  /**\r\n   * The object which is holding a control value\r\n   *\r\n   * @remarks\r\n   * Requires the `property` option to be set.\r\n   */\r\n  target?: T\r\n  /**\r\n   * The property name in `target` where the control value is stored\r\n   *\r\n   * @remarks\r\n   * Requires the `target` option to be set.\r\n   */\r\n  property?: keyof T\r\n  /**\r\n   * If `target` and `property` are not set, then this is used as the control value\r\n   */\r\n  value?: V | I\r\n  codec?: ValueCodec<I, V>,\r\n}\r\n\r\n/**\r\n * @public\r\n */\r\nexport type ArrayOrSingleOf<T> = T | T[]\r\n"]}

package/dist/lib/core/utils.js

@@ -1,193 +0,0 @@
-/**
- * Checks if value is a string
- * @internal
- */
-export function isString(v) {
-    return typeof v === 'string';
-}
-/**
- * Checks if value is a number
- * @internal
- */
-export function isNumber(v) {
-    return typeof v === 'number';
-}
-/**
- * Checks if value is a function
- * @internal
- */
-export function isFunction(v) {
-    return typeof v === 'function';
-}
-/**
- * Checks if value is an array
- * @internal
- */
-export function isArray(v) {
-    return Array.isArray(v);
-}
-/**
- * Checks if value is an object
- * @internal
- */
-export function isObject(v) {
-    return v != null && typeof v === 'object' && !isArray(v);
-}
-/**
- * Calls a function if it is not null
- * @internal
- */
-export function call(cb, ...args) {
-    return isFunction(cb) ? cb(...args) : null;
-}
-/**
- * Resolves a property to its value
- * @param value - the function or value to resolve
- */
-export function resolve(value) {
-    return isFunction(value) ? value() : value;
-}
-/**
- * Calls the callback of object is not null
- * @internal
- */
-export function use(obj, cb) {
-    return obj == null ? null : cb(obj);
-}
-/**
- * Clamps a number value
- * @internal
- */
-export function clamp(v, min, max) {
-    if (v != null) {
-        if (min != null && v < min) {
-            return min;
-        }
-        if (max != null && v > max) {
-            return max;
-        }
-    }
-    return v;
-}
-/**
- * Builds a css class from various argument types
- * @param exp
- */
-export function cssClass(exp) {
-    if (!exp) {
-        return null;
-    }
-    if (isString(exp)) {
-        return exp;
-    }
-    if (isArray(exp)) {
-        return exp.map(cssClass).join(' ');
-    }
-    return Object.keys(exp)
-        .filter((it) => resolve(exp[it]))
-        .filter((it) => isString(it) && !!it)
-        .join(' ');
-}
-/**
- * Pads a string
- * @internal
- */
-export function padLeft(value, length, char) {
-    while (value.length < length) {
-        value = `${char}${value}`;
-    }
-    return value;
-}
-/**
- * @internal
- */
-export function twuiClass(name, variation) {
-    return `twui-${name}` + (variation ? `-${variation}` : '');
-}
-/**
- * Gets current mouse coordinates from mouse or touch event
- * @internal
- */
-export function getTouchPoint(e) {
-    let cx = 0;
-    let cy = 0;
-    if ('touches' in e) {
-        cx = e.touches.item(0).pageX;
-        cy = e.touches.item(0).pageY;
-    }
-    else {
-        cx = e.pageX;
-        cy = e.pageY;
-    }
-    return [cx, cy];
-}
-export function getTouchInTarget(e, target, offset) {
-    target = target || e.target;
-    const rect = target.getBoundingClientRect();
-    const tx = window.pageXOffset || document.documentElement.scrollLeft;
-    const ty = window.pageYOffset || document.documentElement.scrollTop;
-    const cw = target.clientWidth;
-    const ch = target.clientHeight;
-    let [cx, cy] = getTouchPoint(e);
-    if (offset) {
-        cx += offset[0];
-        cy += offset[1];
-    }
-    const x = cx - tx - rect.left;
-    const y = cy - ty - rect.top;
-    return {
-        width: cw,
-        height: ch,
-        x: x,
-        y: y,
-        normalizedX: x / cw,
-        normalizedY: y / ch,
-    };
-}
-/**
- * @internal
- */
-export function viewFn(fn) {
-    return (node) => use(node.attrs.data, (data) => fn(data, node));
-}
-export function dataFn(node, fn) {
-    return () => fn(node.attrs.data, node);
-}
-export function dragUtil({ onStart, onMove, onEnd, }) {
-    const util = {
-        target: null,
-        activate: (e) => {
-            util.deactivate();
-            util.target = e.target;
-            if (onStart) {
-                onStart(e);
-            }
-            if (onMove) {
-                document.addEventListener('mousemove', onMove, { passive: false });
-                document.addEventListener('touchmove', onMove, { passive: false });
-            }
-            if (onEnd) {
-                document.addEventListener('mouseup', onEnd);
-                document.addEventListener('touchend', onEnd);
-                document.addEventListener('touchcancel', onEnd);
-            }
-        },
-        deactivate: () => {
-            util.target = null;
-            if (onMove) {
-                document.removeEventListener('mousemove', onMove);
-                document.removeEventListener('touchmove', onMove);
-            }
-            if (onEnd) {
-                document.removeEventListener('mouseup', onEnd);
-                document.removeEventListener('touchend', onEnd);
-                document.removeEventListener('touchcancel', onEnd);
-            }
-        },
-        onStart,
-        onMove,
-        onEnd,
-    };
-    return util;
-}
-//# sourceMappingURL=utils.js.map

package/dist/lib/core/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/lib/core/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ArrayOrSingleOf, ComponentAttrs, ComponentModel } from './types'\r\nimport type { Children, Vnode } from 'mithril'\r\n\r\n/**\r\n * Checks if value is a string\r\n * @internal\r\n */\r\nexport function isString(v: any): v is string {\r\n  return typeof v === 'string'\r\n}\r\n/**\r\n * Checks if value is a number\r\n * @internal\r\n */\r\nexport function isNumber(v: any): v is number {\r\n  return typeof v === 'number'\r\n}\r\n/**\r\n * Checks if value is a function\r\n * @internal\r\n */\r\nexport function isFunction(v: any): v is (...args: any[]) => any {\r\n  return typeof v === 'function'\r\n}\r\n/**\r\n * Checks if value is an array\r\n * @internal\r\n */\r\nexport function isArray(v: any): v is any[] {\r\n  return Array.isArray(v)\r\n}\r\n/**\r\n * Checks if value is an object\r\n * @internal\r\n */\r\nexport function isObject(v: any): v is object {\r\n  return v != null && typeof v === 'object' && !isArray(v)\r\n}\r\n/**\r\n * Calls a function if it is not null\r\n * @internal\r\n */\r\nexport function call<T extends (...args: any) => any>(cb: T, ...args: Parameters<T>) {\r\n  return isFunction(cb) ? cb(...args) : null\r\n}\r\n/**\r\n * Resolves a property to its value\r\n * @param value - the function or value to resolve\r\n */\r\nexport function resolve<T>(value: (() => T) | T) {\r\n  return isFunction(value) ? value() : value\r\n}\r\n/**\r\n * Calls the callback of object is not null\r\n * @internal\r\n */\r\nexport function use<T, R>(obj: T | null, cb: (it: T) => R): R | null {\r\n  return obj == null ? null : cb(obj)\r\n}\r\n\r\n/**\r\n * Clamps a number value\r\n * @internal\r\n */\r\nexport function clamp(v: number, min: number, max: number) {\r\n  if (v != null) {\r\n    if (min != null && v < min) {\r\n      return min\r\n    }\r\n    if (max != null && v > max) {\r\n      return max\r\n    }\r\n  }\r\n  return v\r\n}\r\n/**\r\n * Builds a css class from various argument types\r\n * @param exp\r\n */\r\nexport function cssClass(\r\n  exp: ArrayOrSingleOf<string | { [k: string]: boolean | (() => boolean) }>,\r\n): string {\r\n  if (!exp) {\r\n    return null\r\n  }\r\n  if (isString(exp)) {\r\n    return exp\r\n  }\r\n  if (isArray(exp)) {\r\n    return exp.map(cssClass).join(' ')\r\n  }\r\n  return Object.keys(exp)\r\n    .filter((it) => resolve(exp[it]))\r\n    .filter((it) => isString(it) && !!it)\r\n    .join(' ')\r\n}\r\n\r\n/**\r\n * Pads a string\r\n * @internal\r\n */\r\nexport function padLeft(value: string, length: number, char: string) {\r\n  while (value.length < length) {\r\n    value = `${char}${value}`\r\n  }\r\n  return value\r\n}\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function twuiClass(name: string, variation?: string) {\r\n  return `twui-${name}` + (variation ? `-${variation}` : '')\r\n}\r\n\r\n/**\r\n * Gets current mouse coordinates from mouse or touch event\r\n * @internal\r\n */\r\nexport function getTouchPoint(e: MouseEvent | TouchEvent): [number, number] {\r\n  let cx = 0\r\n  let cy = 0\r\n  if ('touches' in e) {\r\n    cx = e.touches.item(0).pageX\r\n    cy = e.touches.item(0).pageY\r\n  } else {\r\n    cx = e.pageX\r\n    cy = e.pageY\r\n  }\r\n  return [cx, cy]\r\n}\r\n\r\nexport function getTouchInTarget(e: MouseEvent, target?: HTMLElement, offset?: [number, number]) {\r\n  target = target || e.target as HTMLElement\r\n  const rect = target.getBoundingClientRect()\r\n  const tx = window.pageXOffset || document.documentElement.scrollLeft\r\n  const ty = window.pageYOffset || document.documentElement.scrollTop\r\n\r\n  const cw = target.clientWidth\r\n  const ch = target.clientHeight\r\n  let [cx, cy] = getTouchPoint(e)\r\n  if (offset) {\r\n    cx += offset[0]\r\n    cy += offset[1]\r\n  }\r\n  const x = cx - tx - rect.left\r\n  const y = cy - ty - rect.top\r\n  return {\r\n    width: cw,\r\n    height: ch,\r\n    x: x,\r\n    y: y,\r\n    normalizedX: x / cw,\r\n    normalizedY: y / ch,\r\n  }\r\n}\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function viewFn<T extends ComponentModel>(\r\n  fn: (data: T, node: Vnode<ComponentAttrs<T>>) => Children,\r\n) {\r\n  return (node: Vnode<ComponentAttrs<T>>): Children =>\r\n    use(node.attrs.data, (data) => fn(data, node))\r\n}\r\n\r\nexport function dataFn<T extends ComponentModel, R>(\r\n  node: Vnode<ComponentAttrs<T>>,\r\n  fn: (data: T, node: Vnode<ComponentAttrs<T>>) => R,\r\n) {\r\n  return () => fn(node.attrs.data, node)\r\n}\r\n\r\nexport function dragUtil({\r\n  onStart,\r\n  onMove,\r\n  onEnd,\r\n}: {\r\n  onStart?: (e: MouseEvent) => void\r\n  onMove?: (e: MouseEvent) => void\r\n  onEnd?: (e: MouseEvent) => void\r\n}) {\r\n  const util = {\r\n    target: null as HTMLElement,\r\n    activate: (e: MouseEvent) => {\r\n      util.deactivate()\r\n      util.target = e.target as HTMLElement\r\n      if (onStart) {\r\n        onStart(e)\r\n      }\r\n      if (onMove) {\r\n        document.addEventListener('mousemove', onMove, { passive: false })\r\n        document.addEventListener('touchmove', onMove, { passive: false })\r\n      }\r\n      if (onEnd) {\r\n        document.addEventListener('mouseup', onEnd)\r\n        document.addEventListener('touchend', onEnd)\r\n        document.addEventListener('touchcancel', onEnd)\r\n      }\r\n    },\r\n    deactivate: () => {\r\n      util.target = null\r\n      if (onMove) {\r\n        document.removeEventListener('mousemove', onMove)\r\n        document.removeEventListener('touchmove', onMove)\r\n      }\r\n      if (onEnd) {\r\n        document.removeEventListener('mouseup', onEnd)\r\n        document.removeEventListener('touchend', onEnd)\r\n        document.removeEventListener('touchcancel', onEnd)\r\n      }\r\n    },\r\n    onStart,\r\n    onMove,\r\n    onEnd,\r\n  }\r\n  return util\r\n}\r\n"]}

package/dist/lib/core/value-accessor.d.ts

@@ -1,18 +0,0 @@
-import type { ValueSource } from './types';
-/**
- * Gets a value of a view model
- *
- * @public
- * @param model - The model of a component
- */
-export declare function getValue<V>(model: ValueSource<any, V>): V;
-/**
- * Sets a value on a view model
- *
- * @public
- * @param model - 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 setValue<V>(model: ValueSource<any, V>, value: V): unknown;
-//# sourceMappingURL=value-accessor.d.ts.map

package/dist/lib/core/value-accessor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"value-accessor.d.ts","sourceRoot":"","sources":["../../../src/lib/core/value-accessor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG1C;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,CAEzD;AAED;;;;;;;GAOG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,OAAO,CAIzE"}

package/dist/lib/core/value-accessor.js

@@ -1,52 +0,0 @@
-/**
- * Gets a value of a view model
- *
- * @public
- * @param model - The model of a component
- */
-export function getValue(model) {
-    return decode(model, readValue(model));
-}
-/**
- * Sets a value on a view model
- *
- * @public
- * @param model - The model of a component
- * @param value - The value for the component
- * @returns the encoded value as it was written to the model
- */
-export function setValue(model, value) {
-    const encoded = encode(model, value);
-    writeValue(model, encoded);
-    return encoded;
-}
-function readValue(model) {
-    if ('target' in model &&
-        model.target &&
-        model.property != null &&
-        model.property in model.target) {
-        return model.target[model.property];
-    }
-    if ('value' in model) {
-        return model.value;
-    }
-}
-function writeValue(model, value) {
-    if ('target' in model && model.target && model.property != null) {
-        model.target[model.property] = value;
-    }
-    else if (isWriteable(model, 'value')) {
-        model.value = value;
-    }
-}
-function isWriteable(obj, key) {
-    const desc = Object.getOwnPropertyDescriptor(obj, key);
-    return !desc || !!desc.writable || !!desc.set;
-}
-function encode(source, value) {
-    return 'codec' in source && source.codec ? source.codec.encode(value) : value;
-}
-function decode(source, value) {
-    return 'codec' in source && source.codec ? source.codec.decode(value) : value;
-}
-//# sourceMappingURL=value-accessor.js.map

package/dist/lib/core/value-accessor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"value-accessor.js","sourceRoot":"","sources":["../../../src/lib/core/value-accessor.ts"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,MAAM,UAAU,QAAQ,CAAI,KAA0B;IACpD,OAAO,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,CAAM,CAAA;AAC7C,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,QAAQ,CAAI,KAA0B,EAAE,KAAQ;IAC9D,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;IACpC,UAAU,CAAC,KAAK,EAAE,OAAO,CAAC,CAAA;IAC1B,OAAO,OAAO,CAAA;AAChB,CAAC;AAED,SAAS,SAAS,CAAC,KAA4B;IAC7C,IACE,QAAQ,IAAI,KAAK;QACjB,KAAK,CAAC,MAAM;QACZ,KAAK,CAAC,QAAQ,IAAI,IAAI;QACtB,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,MAAM,EAC9B,CAAC;QACD,OAAO,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;IACrC,CAAC;IACD,IAAI,OAAO,IAAI,KAAK,EAAE,CAAC;QACrB,OAAO,KAAK,CAAC,KAAK,CAAA;IACpB,CAAC;AACH,CAAC;AAED,SAAS,UAAU,CAAI,KAA0B,EAAE,KAAQ;IACzD,IAAI,QAAQ,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,QAAQ,IAAI,IAAI,EAAE,CAAC;QAChE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAA;IACtC,CAAC;SAAM,IAAI,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,CAAC;QACvC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAA;IACrB,CAAC;AACH,CAAC;AAED,SAAS,WAAW,CAAI,GAAM,EAAE,GAAY;IAC1C,MAAM,IAAI,GAAG,MAAM,CAAC,wBAAwB,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA;IACtD,OAAO,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAA;AAC/C,CAAC;AAED,SAAS,MAAM,CAAI,MAA2B,EAAE,KAAQ;IACtD,OAAO,OAAO,IAAI,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA;AAC/E,CAAC;AACD,SAAS,MAAM,CAAI,MAA2B,EAAE,KAAQ;IACtD,OAAO,OAAO,IAAI,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA;AAC/E,CAAC","sourcesContent":["import type { ValueSource } from './types'\r\nimport { call } from './utils'\r\n\r\n/**\r\n * Gets a value of a view model\r\n *\r\n * @public\r\n * @param model - The model of a component\r\n */\r\nexport function getValue<V>(model: ValueSource<any, V>): V {\r\n  return decode(model, readValue(model)) as V\r\n}\r\n\r\n/**\r\n * Sets a value on a view model\r\n *\r\n * @public\r\n * @param model - The model of a component\r\n * @param value - The value for the component\r\n * @returns the encoded value as it was written to the model\r\n */\r\nexport function setValue<V>(model: ValueSource<any, V>, value: V): unknown {\r\n  const encoded = encode(model, value)\r\n  writeValue(model, encoded)\r\n  return encoded\r\n}\r\n\r\nfunction readValue(model: ValueSource<any, any>) {\r\n  if (\r\n    'target' in model &&\r\n    model.target &&\r\n    model.property != null &&\r\n    model.property in model.target\r\n  ) {\r\n    return model.target[model.property]\r\n  }\r\n  if ('value' in model) {\r\n    return model.value\r\n  }\r\n}\r\n\r\nfunction writeValue<V>(model: ValueSource<any, V>, value: V): void {\r\n  if ('target' in model && model.target && model.property != null) {\r\n    model.target[model.property] = value\r\n  } else if (isWriteable(model, 'value')) {\r\n    model.value = value\r\n  }\r\n}\r\n\r\nfunction isWriteable<T>(obj: T, key: keyof T): boolean {\r\n  const desc = Object.getOwnPropertyDescriptor(obj, key)\r\n  return !desc || !!desc.writable || !!desc.set\r\n}\r\n\r\nfunction encode<V>(source: ValueSource<any, V>, value: V) {\r\n  return 'codec' in source && source.codec ? source.codec.encode(value) : value\r\n}\r\nfunction decode<V>(source: ValueSource<any, V>, value: V) {\r\n  return 'codec' in source && source.codec ? source.codec.decode(value) : value\r\n}\r\n"]}