tweak-ui 0.4.2 → 0.5.0

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

@@ -1,49 +1,49 @@
-import { ComponentGroupModel, ComponentAttrs, ComponentModel } from '../../core';
-/**
- * Group component attributes
- * @public
- */
-export declare type GroupAttrs = ComponentAttrs<GroupModel>;
-/**
- * Group component model
- * @public
- */
-export interface GroupModel extends ComponentGroupModel<ComponentModel> {
-    /**
-     * Component type name
-     */
-    type: 'group';
-    /**
-     * Group title
-     */
-    title?: string;
-    /**
-     * Group CSS Style
-     */
-    style?: Partial<CSSStyleDeclaration>;
-    /**
-     * Whether the child elements can be collapsed
-     */
-    collapsible?: boolean;
-    /**
-     * Whether the child elements are collapsed
-     */
-    collapsed?: boolean;
-    /**
-     * Adds an offset to the left side
-     */
-    inset?: boolean;
-    /**
-     * Is called when this Group has been collapsed or expanded
-     */
-    onToggle?: (group: GroupModel) => void;
-    /**
-     * Is called when this Group has been expanded
-     */
-    onExpand?: (group: GroupModel) => void;
-    /**
-     * Is called when this Group has been collapsed
-     */
-    onCollapse?: (group: GroupModel) => void;
-}
+import { ComponentGroupModel, ComponentAttrs, ComponentModel } from '../../core';
+/**
+ * Group component attributes
+ * @public
+ */
+export type GroupAttrs = ComponentAttrs<GroupModel>;
+/**
+ * Group component model
+ * @public
+ */
+export interface GroupModel extends ComponentGroupModel<ComponentModel> {
+    /**
+     * Component type name
+     */
+    type: 'group';
+    /**
+     * Group title
+     */
+    title?: string;
+    /**
+     * Group CSS Style
+     */
+    style?: Partial<CSSStyleDeclaration>;
+    /**
+     * Whether the child elements can be collapsed
+     */
+    collapsible?: boolean;
+    /**
+     * Whether the child elements are collapsed
+     */
+    collapsed?: boolean;
+    /**
+     * Adds an offset to the left side
+     */
+    inset?: boolean;
+    /**
+     * Is called when this Group has been collapsed or expanded
+     */
+    onToggle?: (group: GroupModel) => void;
+    /**
+     * Is called when this Group has been expanded
+     */
+    onExpand?: (group: GroupModel) => void;
+    /**
+     * Is called when this Group has been collapsed
+     */
+    onCollapse?: (group: GroupModel) => void;
+}
 //# sourceMappingURL=group.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/groups/group.ts"],"names":[],"mappings":"AAEA,OAAO,EAGL,mBAAmB,EACnB,cAAc,EACd,cAAc,EACf,MAAM,YAAY,CAAA;AAGnB;;;GAGG;AACH,oBAAY,UAAU,GAAG,cAAc,CAAC,UAAU,CAAC,CAAA;AAEnD;;;GAGG;AACH,MAAM,WAAW,UAAW,SAAQ,mBAAmB,CAAC,cAAc,CAAC;IACrE;;OAEG;IACH,IAAI,EAAE,OAAO,CAAA;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IACpC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACtC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACtC;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;CACzC"}
+{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/groups/group.ts"],"names":[],"mappings":"AAEA,OAAO,EAGL,mBAAmB,EACnB,cAAc,EACd,cAAc,EACf,MAAM,YAAY,CAAA;AAGnB;;;GAGG;AACH,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,UAAU,CAAC,CAAA;AAEnD;;;GAGG;AACH,MAAM,WAAW,UAAW,SAAQ,mBAAmB,CAAC,cAAc,CAAC;IACrE;;OAEG;IACH,IAAI,EAAE,OAAO,CAAA;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IACpC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACtC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACtC;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;CACzC"}

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

@@ -0,0 +1,50 @@
+import m from 'mithril';
+import { component, renderModel, } from '../../core';
+import { twuiClass, viewFn, isString, use, call, cssClass } from '../../core/utils';
+const TYPE = 'group';
+component(TYPE, (node) => {
+    function onClick(e) {
+        use(node.attrs.data, (data) => {
+            data.collapsed = !data.collapsed;
+            call(data.onToggle, data);
+            if (data.collapsed) {
+                call(data.onCollapse, data);
+            }
+            else {
+                call(data.onExpand, data);
+            }
+        });
+    }
+    function title(data) {
+        if (!data.title && !data.collapsible) {
+            return null;
+        }
+        return m('div', {
+            class: twuiClass(TYPE, 'title'),
+            onclick: data.collapsible ? onClick : null,
+        }, data.title);
+    }
+    function children(data) {
+        var _a;
+        if (data.collapsed || !data.children) {
+            return [];
+        }
+        return (_a = data.children) === null || _a === void 0 ? void 0 : _a.map((it) => {
+            if (isString(it.label)) {
+                return m('div', { class: twuiClass(TYPE, 'control') }, m('label', it.label), m('section', renderModel(it)));
+            }
+            return renderModel(it);
+        });
+    }
+    return {
+        view: viewFn((data) => m('div', {
+            class: cssClass({
+                [twuiClass(TYPE)]: true,
+                [twuiClass(TYPE, 'collapsible')]: data.collapsible,
+                [twuiClass(TYPE, 'collapsed')]: data.collapsed,
+            }),
+            style: data.style,
+        }, m.fragment({}, [title(data)]), m.fragment({}, [children(data)]))),
+    };
+});
+//# sourceMappingURL=group.js.map

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

@@ -0,0 +1 @@
+{"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 +1,5 @@
-export * from './accordion';
-export * from './container';
-export * from './group';
-export * from './tabs';
+export * from './accordion';
+export * from './container';
+export * from './group';
+export * from './tabs';
 //# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1 @@
+{"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 +1,22 @@
-import { ComponentAttrs, ComponentGroupModel } from '../../core';
-import { GroupModel } from './group';
-/**
- * Tabs component attributes
- * @public
- */
-export declare 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;
-}
+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 +1 @@
-{"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,oBAAY,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"}
+{"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

@@ -0,0 +1,31 @@
+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

@@ -0,0 +1 @@
+{"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 +1,37 @@
-import { ComponentModel, ComponentAttrs } from '../core';
-/**
- * Image component attrs
- * @public
- */
-export declare 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;
-}
+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 +1 @@
-{"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,oBAAY,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"}
+{"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

@@ -0,0 +1,46 @@
+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

@@ -0,0 +1 @@
+{"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.d.ts

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

package/dist/lib/components/index.js

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1 @@
+{"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.d.ts

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

package/dist/lib/core/index.js

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

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

@@ -0,0 +1 @@
+{"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 +1,18 @@
-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;
+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.js

@@ -0,0 +1,30 @@
+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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -1,10 +1,10 @@
-import type { ComponentModel } from './types';
-import { default as m } from 'mithril';
-/**
- * Renders a registered component using the model
- *
- * @public
- * @param model - The model
- */
-export declare function renderModel<T extends ComponentModel>(model: T): m.Vnode<import("./types").ComponentAttrs<any>, m.ClassComponent<import("./types").ComponentAttrs<any>>>;
+import type { ComponentModel } from './types';
+import { default as m } from 'mithril';
+/**
+ * Renders a registered component using the model
+ *
+ * @public
+ * @param model - The model
+ */
+export declare function renderModel<T extends ComponentModel>(model: T): m.Vnode<import("./types").ComponentAttrs<any>, unknown>;
 //# sourceMappingURL=render.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../src/lib/core/render.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C,OAAO,EAAE,OAAO,IAAI,CAAC,EAAE,MAAM,SAAS,CAAA;AAEtC;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,cAAc,EAAE,KAAK,EAAE,CAAC,2GAS7D"}
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../src/lib/core/render.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C,OAAO,EAAE,OAAO,IAAI,CAAC,EAAE,MAAM,SAAS,CAAA;AAEtC;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,cAAc,EAAE,KAAK,EAAE,CAAC,2DAS7D"}

package/dist/lib/core/render.js

@@ -0,0 +1,19 @@
+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

@@ -0,0 +1 @@
+{"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"]}