jpf-mobx 1.0.6 → 1.0.8

package/dist/controls/custom/LabeledControl/LabeledControl.d.ts

@@ -1,15 +1,15 @@
-import { ViewModel, Properties } from "../../../framework/ViewModel";
-import { View, IView } from "../../../framework/View";
-export interface LabeledViewProperties extends Properties {
+import { Properties, IProperties } from "../../../framework/properties";
+import { Element, IElement } from "../../../framework/element";
+export interface LabeledViewProperties extends IProperties {
     labelProperties: Properties;
-    view: IView;
+    element: IElement;
 }
-export declare class LabeledControlView extends View<LabeledViewProperties> {
+export declare class LabeledControlElement extends Element<LabeledViewProperties> {
     constructor(properties: LabeledViewProperties);
 }
-export declare function labeledControlView(properties: LabeledViewProperties): LabeledControlView;
-export declare class LabeledControlViewModel extends ViewModel implements LabeledViewProperties {
+export declare function labeledControlView(properties: LabeledViewProperties): LabeledControlElement;
+export declare class LabeledControlProperties extends Properties implements LabeledViewProperties {
     constructor(properties: LabeledViewProperties);
     labelProperties: Properties;
-    view: IView;
+    element: IElement;
 }

package/dist/controls/custom/LabeledControl/LabeledControl.js

@@ -1,7 +1,7 @@
-import { ViewModel, extendProperties } from "../../../framework/ViewModel";
-import { View, registerView } from "../../../framework/View";
+import { Properties, extendProperties } from "../../../framework/properties";
+import { Element, registerElement } from "../../../framework/element";
 import { DivView } from "../../html/Div/Div";
-export class LabeledControlView extends View {
+export class LabeledControlElement extends Element {
     constructor(properties) {
         super({
             tagName: "div",
@@ -17,21 +17,21 @@ export class LabeledControlView extends View {
                 new DivView(extendProperties(properties.labelProperties, {
                     viewType: "Label"
                 })),
-                properties.view
+                properties.element
             ]
         });
     }
 }
 export function labeledControlView(properties) {
-    return new LabeledControlView(properties);
+    return new LabeledControlElement(properties);
 }
-export class LabeledControlViewModel extends ViewModel {
+export class LabeledControlProperties extends Properties {
     constructor(properties) {
         super();
         this.setProperties(this, properties);
     }
     labelProperties;
-    view;
+    element;
 }
-registerView(LabeledControlViewModel, LabeledControlView);
+registerElement(LabeledControlProperties, LabeledControlElement);
 //# sourceMappingURL=LabeledControl.js.map

package/dist/controls/custom/LabeledControl/LabeledControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"LabeledControl.js","sourceRoot":"","sources":["../../../../src/controls/custom/LabeledControl/LabeledControl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAc,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AACtF,OAAO,EAAE,IAAI,EAAS,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAO7C,MAAM,OAAO,kBAAmB,SAAQ,IAA2B;IAC/D,YAAY,UAAiC;QACzC,KAAK,CACD;YACI,OAAO,EAAE,KAAK;YACd,UAAU,EAAE,gBAAgB,CACxB;gBACI,QAAQ,EAAE,gBAAgB;gBAC1B,KAAK,EAAE;oBACH,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;iBACvB;gBACD,UAAU,EAAE,CAAC,kBAAkB,CAAC;aACnC,EACD,UAAU,CACb;YACD,QAAQ,EAAE;gBACN,IAAI,OAAO,CACP,gBAAgB,CACZ,UAAU,CAAC,eAAe,EAC1B;oBACI,QAAQ,EAAE,OAAO;iBACpB,CACJ,CACJ;gBACD,UAAU,CAAC,IAAI;aAClB;SACJ,CACJ,CAAC;IACN,CAAC;CACJ;AAED,MAAM,UAAU,kBAAkB,CAAC,UAAiC;IAChE,OAAO,IAAI,kBAAkB,CAAC,UAAU,CAAC,CAAC;AAC9C,CAAC;AAED,MAAM,OAAO,uBAAwB,SAAQ,SAAS;IAClD,YAAY,UAAiC;QACzC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IACzC,CAAC;IACD,eAAe,CAAa;IAC5B,IAAI,CAAQ;CACf;AAED,YAAY,CACR,uBAAuB,EACvB,kBAAkB,CACrB,CAAA"}
+{"version":3,"file":"LabeledControl.js","sourceRoot":"","sources":["../../../../src/controls/custom/LabeledControl/LabeledControl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAe,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AACzF,OAAO,EAAE,OAAO,EAAY,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAChF,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAO7C,MAAM,OAAO,qBAAsB,SAAQ,OAA8B;IACrE,YAAY,UAAiC;QACzC,KAAK,CACD;YACI,OAAO,EAAE,KAAK;YACd,UAAU,EAAE,gBAAgB,CACxB;gBACI,QAAQ,EAAE,gBAAgB;gBAC1B,KAAK,EAAE;oBACH,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;iBACvB;gBACD,UAAU,EAAE,CAAC,kBAAkB,CAAC;aACnC,EACD,UAAU,CACb;YACD,QAAQ,EAAE;gBACN,IAAI,OAAO,CACP,gBAAgB,CACZ,UAAU,CAAC,eAAe,EAC1B;oBACI,QAAQ,EAAE,OAAO;iBACpB,CACJ,CACJ;gBACD,UAAU,CAAC,OAAO;aACrB;SACJ,CACJ,CAAC;IACN,CAAC;CACJ;AAED,MAAM,UAAU,kBAAkB,CAAC,UAAiC;IAChE,OAAO,IAAI,qBAAqB,CAAC,UAAU,CAAC,CAAC;AACjD,CAAC;AAED,MAAM,OAAO,wBAAyB,SAAQ,UAAU;IACpD,YAAY,UAAiC;QACzC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IACzC,CAAC;IACD,eAAe,CAAa;IAC5B,OAAO,CAAW;CACrB;AAED,eAAe,CACX,wBAAwB,EACxB,qBAAqB,CACxB,CAAA"}

package/dist/controls/html/Div/Div.d.ts

@@ -1,14 +1,14 @@
-import { View, IView } from "../../../framework/View";
-import { Properties, ViewModel } from "../../../framework/ViewModel";
+import { Element, IElement } from "../../../framework/element";
+import { IProperties, Properties } from "../../../framework/properties";
 import { Subscribable } from "../../../framework/observable";
-export interface DivProperties extends Properties {
-    children?: Array<IView> | Subscribable<Array<IView>>;
+export interface DivProperties extends IProperties {
+    children?: Array<IElement> | Subscribable<Array<IElement>>;
 }
-export declare class DivView extends View<DivProperties> {
+export declare class DivView extends Element<DivProperties> {
     constructor(properties: DivProperties);
 }
 export declare function divView(properties: DivProperties): DivView;
-export declare class DivViewModel extends ViewModel implements DivProperties {
+export declare class DivViewModel extends Properties implements DivProperties {
     constructor(properties: DivProperties);
-    children?: Array<IView> | Subscribable<Array<IView>>;
+    children?: Array<IElement> | Subscribable<Array<IElement>>;
 }

package/dist/controls/html/Div/Div.js

@@ -1,6 +1,6 @@
-import { View, registerView } from "../../../framework/View";
-import { extendProperties, ViewModel } from "../../../framework/ViewModel";
-export class DivView extends View {
+import { Element, registerElement } from "../../../framework/element";
+import { extendProperties, Properties } from "../../../framework/properties";
+export class DivView extends Element {
     constructor(properties) {
         super({
             tagName: "div",
@@ -14,12 +14,12 @@ export class DivView extends View {
 export function divView(properties) {
     return new DivView(properties);
 }
-export class DivViewModel extends ViewModel {
+export class DivViewModel extends Properties {
     constructor(properties) {
         super();
         this.setProperties(this, properties);
     }
     children;
 }
-registerView(DivViewModel, DivView);
+registerElement(DivViewModel, DivView);
 //# sourceMappingURL=Div.js.map

package/dist/controls/html/Div/Div.js.map

@@ -1 +1 @@
-{"version":3,"file":"Div.js","sourceRoot":"","sources":["../../../../src/controls/html/Div/Div.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAS,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAe,gBAAgB,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAOxF,MAAM,OAAO,OAAQ,SAAQ,IAAmB;IAC5C,YAAY,UAAyB;QACjC,KAAK,CACD;YACI,OAAO,EAAE,KAAK;YACd,UAAU,EAAE,gBAAgB,CACxB;gBACI,QAAQ,EAAE,KAAK;aAClB,EACD,UAAU,CACb;YACD,QAAQ,EAAE,UAAU,CAAC,QAAQ;SAChC,CACJ,CAAC;IACN,CAAC;CACJ;AAED,MAAM,UAAU,OAAO,CAAC,UAAyB;IAC7C,OAAO,IAAI,OAAO,CAAC,UAAU,CAAC,CAAC;AACnC,CAAC;AAED,MAAM,OAAO,YAAa,SAAQ,SAAS;IACvC,YAAY,UAAyB;QACjC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IACzC,CAAC;IACD,QAAQ,CAA6C;CACxD;AAED,YAAY,CACR,YAAY,EACZ,OAAO,CACV,CAAA"}
+{"version":3,"file":"Div.js","sourceRoot":"","sources":["../../../../src/controls/html/Div/Div.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAY,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAChF,OAAO,EAAgB,gBAAgB,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAO3F,MAAM,OAAO,OAAQ,SAAQ,OAAsB;IAC/C,YAAY,UAAyB;QACjC,KAAK,CACD;YACI,OAAO,EAAE,KAAK;YACd,UAAU,EAAE,gBAAgB,CACxB;gBACI,QAAQ,EAAE,KAAK;aAClB,EACD,UAAU,CACb;YACD,QAAQ,EAAE,UAAU,CAAC,QAAQ;SAChC,CACJ,CAAC;IACN,CAAC;CACJ;AAED,MAAM,UAAU,OAAO,CAAC,UAAyB;IAC7C,OAAO,IAAI,OAAO,CAAC,UAAU,CAAC,CAAC;AACnC,CAAC;AAED,MAAM,OAAO,YAAa,SAAQ,UAAU;IACxC,YAAY,UAAyB;QACjC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IACzC,CAAC;IACD,QAAQ,CAAmD;CAC9D;AAED,eAAe,CACX,YAAY,EACZ,OAAO,CACV,CAAA"}

package/dist/controls/html/Image/Image.d.ts

@@ -1,15 +1,15 @@
-import { View } from "../../../framework/View";
-import { ViewModel, Properties } from "../../../framework/ViewModel";
+import { Element } from "../../../framework/element";
+import { Properties, IProperties } from "../../../framework/properties";
 import { Subscribable } from "../../../framework/observable";
-export interface ImageProperties extends Properties {
+export interface ImageProperties extends IProperties {
     src: string | Subscribable<string>;
     alt: string | Subscribable<string>;
 }
-export declare class ImageView extends View<ImageProperties> {
+export declare class ImageElement extends Element<ImageProperties> {
     constructor(properties: ImageProperties);
 }
-export declare function imageView(properties: ImageProperties): ImageView;
-export declare class ImageViewModel extends ViewModel implements ImageProperties {
+export declare function imageElement(properties: ImageProperties): ImageElement;
+export declare class ImageProperties extends Properties implements ImageProperties {
     constructor(properties: ImageProperties);
     src: string | Subscribable<string>;
     alt: string | Subscribable<string>;

package/dist/controls/html/Image/Image.js

@@ -1,6 +1,6 @@
-import { View, registerView } from "../../../framework/View";
-import { ViewModel, extendProperties } from "../../../framework/ViewModel";
-export class ImageView extends View {
+import { Element, registerElement } from "../../../framework/element";
+import { Properties, extendProperties } from "../../../framework/properties";
+export class ImageElement extends Element {
     constructor(properties) {
         super({
             tagName: "img",
@@ -14,10 +14,10 @@ export class ImageView extends View {
         });
     }
 }
-export function imageView(properties) {
-    return new ImageView(properties);
+export function imageElement(properties) {
+    return new ImageElement(properties);
 }
-export class ImageViewModel extends ViewModel {
+export class ImageProperties extends Properties {
     constructor(properties) {
         super();
         this.setProperties(this, properties);
@@ -25,5 +25,5 @@ export class ImageViewModel extends ViewModel {
     src;
     alt;
 }
-registerView(ImageViewModel, ImageView);
+registerElement(ImageProperties, ImageElement);
 //# sourceMappingURL=Image.js.map

package/dist/controls/html/Image/Image.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../src/controls/html/Image/Image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAc,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAQvF,MAAM,OAAO,SAAU,SAAQ,IAAqB;IAChD,YAAY,UAA2B;QACnC,KAAK,CACD;YACI,OAAO,EAAE,KAAK;YACd,UAAU,EAAE,gBAAgB,CACxB;gBACI,QAAQ,EAAE,OAAO;gBACjB,UAAU,EAAE;oBACR,GAAG,EAAE,UAAU,CAAC,GAAG;oBACnB,GAAG,EAAE,UAAU,CAAC,GAAG;iBACtB;aACJ,EACD,UAAU,CACb;SACJ,CACJ,CAAC;IACN,CAAC;CACJ;AAED,MAAM,UAAU,SAAS,CAAC,UAA2B;IACjD,OAAO,IAAI,SAAS,CAAC,UAAU,CAAC,CAAC;AACrC,CAAC;AAED,MAAM,OAAO,cAAe,SAAQ,SAAS;IACzC,YAAY,UAA2B;QACnC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IACzC,CAAC;IACD,GAAG,CAAgC;IACnC,GAAG,CAAgC;CACtC;AAED,YAAY,CACR,cAAc,EACd,SAAS,CACZ,CAAC"}
+{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../src/controls/html/Image/Image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,UAAU,EAAe,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAQ1F,MAAM,OAAO,YAAa,SAAQ,OAAwB;IACtD,YAAY,UAA2B;QACnC,KAAK,CACD;YACI,OAAO,EAAE,KAAK;YACd,UAAU,EAAE,gBAAgB,CACxB;gBACI,QAAQ,EAAE,OAAO;gBACjB,UAAU,EAAE;oBACR,GAAG,EAAE,UAAU,CAAC,GAAG;oBACnB,GAAG,EAAE,UAAU,CAAC,GAAG;iBACtB;aACJ,EACD,UAAU,CACb;SACJ,CACJ,CAAC;IACN,CAAC;CACJ;AAED,MAAM,UAAU,YAAY,CAAC,UAA2B;IACpD,OAAO,IAAI,YAAY,CAAC,UAAU,CAAC,CAAC;AACxC,CAAC;AAED,MAAM,OAAO,eAAgB,SAAQ,UAAU;IAC3C,YAAY,UAA2B;QACnC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IACzC,CAAC;IACD,GAAG,CAAgC;IACnC,GAAG,CAAgC;CACtC;AAED,eAAe,CACX,eAAe,EACf,YAAY,CACf,CAAC"}

package/dist/controls/html/Span/Span.d.ts

@@ -1,11 +1,11 @@
-import { View } from "../../../framework/View";
-import { ViewModel, Properties } from "../../../framework/ViewModel";
-export interface SpanProperties extends Properties {
+import { Element } from "../../../framework/element";
+import { Properties, IProperties } from "../../../framework/properties";
+export interface SpanProperties extends IProperties {
 }
-export declare class SpanView extends View<SpanProperties> {
+export declare class SpanElement extends Element<SpanProperties> {
     constructor(properties: SpanProperties);
 }
-export declare function spanView(properties: SpanProperties): SpanView;
-export declare class SpanViewModel extends ViewModel implements SpanProperties {
+export declare function spanElement(properties: SpanProperties): SpanElement;
+export declare class SpanProperties extends Properties implements SpanProperties {
     constructor(properties: SpanProperties);
 }

package/dist/controls/html/Span/Span.js

@@ -1,23 +1,23 @@
-import { View, registerView } from "../../../framework/View";
-import { ViewModel, extendProperties } from "../../../framework/ViewModel";
-export class SpanView extends View {
+import { Element, registerElement } from "../../../framework/element";
+import { Properties, extendProperties } from "../../../framework/properties";
+export class SpanElement extends Element {
     constructor(properties) {
         super({
             tagName: "span",
             properties: extendProperties({
-                viewType: "Span"
+                elementType: "Span"
             }, properties)
         });
     }
 }
-export function spanView(properties) {
-    return new SpanView(properties);
+export function spanElement(properties) {
+    return new SpanElement(properties);
 }
-export class SpanViewModel extends ViewModel {
+export class SpanProperties extends Properties {
     constructor(properties) {
         super();
         this.setProperties(this, properties);
     }
 }
-registerView(SpanViewModel, SpanView);
+registerElement(SpanProperties, SpanElement);
 //# sourceMappingURL=Span.js.map

package/dist/controls/html/Span/Span.js.map

@@ -1 +1 @@
-{"version":3,"file":"Span.js","sourceRoot":"","sources":["../../../../src/controls/html/Span/Span.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAc,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAMvF,MAAM,OAAO,QAAS,SAAQ,IAAoB;IAC9C,YAAY,UAA0B;QAClC,KAAK,CACD;YACI,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,gBAAgB,CACxB;gBACI,QAAQ,EAAE,MAAM;aACnB,EACD,UAAU,CACb;SACJ,CACJ,CAAC;IACN,CAAC;CACJ;AAED,MAAM,UAAU,QAAQ,CAAC,UAA0B;IAC/C,OAAO,IAAI,QAAQ,CAAC,UAAU,CAAC,CAAC;AACpC,CAAC;AAED,MAAM,OAAO,aAAc,SAAQ,SAAS;IACxC,YAAY,UAA0B;QAClC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IACzC,CAAC;CACJ;AAED,YAAY,CACR,aAAa,EACb,QAAQ,CACX,CAAC"}
+{"version":3,"file":"Span.js","sourceRoot":"","sources":["../../../../src/controls/html/Span/Span.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,UAAU,EAAe,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAM1F,MAAM,OAAO,WAAY,SAAQ,OAAuB;IACpD,YAAY,UAA0B;QAClC,KAAK,CACD;YACI,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,gBAAgB,CACxB;gBACI,WAAW,EAAE,MAAM;aACtB,EACD,UAAU,CACb;SACJ,CACJ,CAAC;IACN,CAAC;CACJ;AAED,MAAM,UAAU,WAAW,CAAC,UAA0B;IAClD,OAAO,IAAI,WAAW,CAAC,UAAU,CAAC,CAAC;AACvC,CAAC;AAED,MAAM,OAAO,cAAe,SAAQ,UAAU;IAC1C,YAAY,UAA0B;QAClC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IACzC,CAAC;CACJ;AAED,eAAe,CACX,cAAc,EACd,WAAW,CACd,CAAC"}

package/dist/controls/kendo/Grid/Grid.d.ts

@@ -0,0 +1,54 @@
+import * as kendo from "@progress/kendo-ui/js/kendo.grid.js";
+import { Element } from "../../../framework/element";
+import { Properties } from "../../../framework/properties";
+import { Subscribable } from "../../../framework/observable";
+import { ChangedItem } from "../DataSource/DataSource";
+export interface GridProperties<TItem> extends Properties {
+    items?: Array<TItem> | Subscribable<Array<TItem>>;
+    idProperty?: keyof TItem;
+    columns?: Array<kendo.ui.GridColumn>;
+    pageSize?: number;
+    sortable?: boolean | kendo.ui.GridSortable;
+    scrollable?: kendo.ui.GridScrollable;
+    editable?: kendo.ui.GridEditable;
+    filterable?: boolean | kendo.ui.GridFilterable | Subscribable<boolean | kendo.ui.GridFilterable>;
+    toolbar?: string | Array<string>;
+    selectable?: boolean | string;
+    selectedItem?: TItem | Subscribable<TItem>;
+    selectedItems?: Array<TItem> | Subscribable<Array<TItem>>;
+    onDataSourceChange?: (items: Array<ChangedItem>, dataSource: kendo.data.DataSource) => void;
+    onDataSourceAdd?: (items: Array<ChangedItem>, dataSource: kendo.data.DataSource) => void;
+    onDataSourceRemove?: (items: Array<ChangedItem>, dataSource: kendo.data.DataSource) => void;
+    onGridChange?: (selectedItems: Array<any>, grid: kendo.ui.Grid) => void;
+    onRowContextMenu?: (event: PointerEvent, dataItem: any) => void;
+}
+export declare class GridElement<TItem = any> extends Element<GridProperties<TItem>> {
+    constructor(properties: GridProperties<TItem>);
+    private grid;
+    private dataSource;
+    private getItemById;
+    build(): void;
+}
+export declare function gridElement<TItem>(properties: GridProperties<TItem>): GridElement<TItem>;
+export declare function getSelectedDataItem<TDataItem>(grid: kendo.ui.Grid): TDataItem;
+export declare function getSelectedDataItems<TItem>(grid: kendo.ui.Grid): Array<TItem>;
+export declare class GridProperties<TItem = any> extends Properties implements GridProperties<TItem> {
+    constructor(properties: GridProperties<TItem>);
+    items?: Array<TItem> | Subscribable<Array<TItem>>;
+    idProperty?: keyof TItem;
+    columns?: Array<kendo.ui.GridColumn>;
+    pageSize?: number;
+    sortable?: boolean | kendo.ui.GridSortable;
+    scrollable?: kendo.ui.GridScrollable;
+    editable?: kendo.ui.GridEditable;
+    filterable?: boolean | kendo.ui.GridFilterable | Subscribable<boolean | kendo.ui.GridFilterable>;
+    toolbar?: string | Array<string>;
+    selectable?: boolean | string;
+    selectedItem?: TItem | Subscribable<TItem>;
+    selectedItems?: Array<TItem> | Subscribable<Array<TItem>>;
+    onDataSourceChange?: (items: Array<ChangedItem>, dataSource: kendo.data.DataSource) => void;
+    onDataSourceAdd?: (items: Array<ChangedItem>, dataSource: kendo.data.DataSource) => void;
+    onDataSourceRemove?: (items: Array<ChangedItem>, dataSource: kendo.data.DataSource) => void;
+    onGridChange?: (selectedItems: Array<any>, grid: kendo.ui.Grid) => void;
+    onRowContextMenu?: (event: PointerEvent, dataItem: any) => void;
+}

package/dist/controls/kendo/Grid/Grid.js

@@ -1 +1,212 @@
+import * as kendo from "@progress/kendo-ui/js/kendo.grid.js";
+import { Element, registerElement } from "../../../framework/element";
+import { Properties, extendProperties } from "../../../framework/properties";
+import { unwrap, isSubscribable, reaction } from "../../../framework/observable";
+export class GridElement extends Element {
+    constructor(properties) {
+        super({
+            tagName: "div",
+            properties: extendProperties({
+                viewType: "KendoGrid"
+            }, properties)
+        });
+    }
+    grid;
+    dataSource;
+    getItemById(id) {
+        if (this.properties.idProperty) {
+            const items = this.dataSource.data();
+            return items.find((item) => {
+                return item[this.properties.idProperty] === id;
+            });
+        }
+        throw "Can only getItem when idProperty is set";
+    }
+    build() {
+        super.build();
+        const properties = this.properties;
+        this.dataSource = new kendo.data.DataSource({
+            data: unwrap(properties.items),
+            pageSize: this.properties.pageSize || 30,
+            change: (event) => {
+                var items = event.items;
+                switch (event.action) {
+                    case "itemchange":
+                        if (properties.onDataSourceChange) {
+                            properties.onDataSourceChange(items, event.sender);
+                        }
+                        break;
+                    case "add":
+                        if (properties.onDataSourceAdd) {
+                            properties.onDataSourceAdd(items, event.sender);
+                        }
+                        break;
+                    case "remove":
+                        if (properties.onDataSourceRemove) {
+                            properties.onDataSourceRemove(items, event.sender);
+                        }
+                        break;
+                }
+            }
+        });
+        this.grid = new kendo.ui.Grid(this.element, {
+            dataSource: this.dataSource,
+            columns: this.properties.columns,
+            toolbar: this.properties.toolbar,
+            scrollable: this.properties.scrollable,
+            sortable: this.properties.sortable,
+            editable: this.properties.editable,
+            filterable: unwrap(this.properties.filterable),
+            change: (event) => {
+                if (this.properties.selectedItem) {
+                    const selectedItem = getSelectedDataItem(event.sender);
+                    const observableProperty = this.properties.selectedItem;
+                    if (observableProperty.set) {
+                        observableProperty.set(selectedItem);
+                    }
+                }
+                if (this.properties.selectedItems) {
+                }
+                if (this.properties.onGridChange) {
+                    this.properties.onGridChange(getSelectedDataItems(event.sender), event.sender);
+                }
+            },
+            selectable: this.properties.selectable
+        });
+        if (properties.onRowContextMenu) {
+            this.grid.table.contextmenu((event) => {
+                event.preventDefault();
+                var target = event.target;
+                var row;
+                if (target instanceof HTMLElement) {
+                    switch (target.tagName.toLowerCase()) {
+                        case "td":
+                            row = target.parentElement;
+                            break;
+                        case "tr":
+                            row = target;
+                            break;
+                    }
+                }
+                if (row) {
+                    let dataItem = this.grid.dataItem(row);
+                    if (dataItem) {
+                        setTimeout(() => {
+                            properties.onRowContextMenu(event, dataItem);
+                        });
+                    }
+                    ;
+                }
+            });
+        }
+        if (isSubscribable(properties.items)) {
+            this.disposers.push(reaction(() => {
+                return unwrap(properties.items);
+            }, (items) => {
+                if (items) {
+                    this.dataSource.data(items);
+                }
+                else {
+                    this.dataSource.data([]);
+                }
+            }));
+        }
+        if (isSubscribable(properties.filterable)) {
+            this.disposers.push(reaction(() => {
+                return unwrap(properties.filterable);
+            }, (filterable) => {
+                this.grid.setOptions({ filterable: filterable });
+            }));
+        }
+        if (isSubscribable(properties.selectedItem)) {
+            this.disposers.push(reaction(() => {
+                return unwrap(properties.selectedItem);
+            }, (selectedItem) => {
+                if (selectedItem && properties.idProperty) {
+                    setTimeout(() => {
+                        const id = selectedItem[properties.idProperty];
+                        const item = this.getItemById(id);
+                        this.grid.clearSelection();
+                        this.grid.tbody.find("tr[data-uid='" + item.uid + "']").addClass("k-state-selected");
+                    }, 10);
+                }
+            }));
+        }
+        if (isSubscribable(properties.selectedItems)) {
+            this.disposers.push(reaction(() => {
+                return unwrap(properties.selectedItems);
+            }, (selectedItems) => {
+                if (selectedItems && selectedItems.length > 0 && properties.idProperty) {
+                    setTimeout(() => {
+                        this.grid.clearSelection();
+                        for (let index = 0; index < selectedItems.length; index++) {
+                            const selectedItem = selectedItems[index];
+                            const id = selectedItem[properties.idProperty];
+                            const item = this.getItemById(id);
+                            this.grid.tbody.find("tr[data-uid='" + item.uid + "']").addClass("k-state-selected");
+                        }
+                    }, 10);
+                }
+                else {
+                    this.grid.select();
+                }
+            }));
+        }
+        setTimeout(() => {
+            this.grid.resize(true);
+        }, 5);
+    }
+}
+export function gridElement(properties) {
+    return new GridElement(properties);
+}
+export function getSelectedDataItem(grid) {
+    const selection = grid.select();
+    if (selection.length === 1) {
+        const dataItem = grid.dataItem(selection[0]);
+        return dataItem.toJSON();
+    }
+    return null;
+}
+export function getSelectedDataItems(grid) {
+    const selection = grid.select();
+    const selectedDataItems = new Array();
+    if (selection && selection.length > 0) {
+        for (let index = 0; index < selection.length; index++) {
+            const dataItem = grid.dataItem(selection[index]);
+            const underlyingObject = null;
+            if (underlyingObject) {
+                selectedDataItems.push(underlyingObject);
+            }
+            else {
+                selectedDataItems.push(dataItem.toJSON());
+            }
+        }
+    }
+    return selectedDataItems;
+}
+export class GridProperties extends Properties {
+    constructor(properties) {
+        super();
+        this.setProperties(this, properties);
+    }
+    items;
+    idProperty;
+    columns;
+    pageSize;
+    sortable;
+    scrollable;
+    editable;
+    filterable;
+    toolbar;
+    selectable;
+    selectedItem;
+    selectedItems;
+    onDataSourceChange;
+    onDataSourceAdd;
+    onDataSourceRemove;
+    onGridChange;
+    onRowContextMenu;
+}
+registerElement(GridProperties, GridElement);
 //# sourceMappingURL=Grid.js.map

package/dist/controls/kendo/Grid/Grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../../src/controls/kendo/Grid/Grid.ts"],"names":[],"mappings":""}
+{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../../src/controls/kendo/Grid/Grid.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,qCAAqC,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,UAAU,EAAe,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC1F,OAAO,EAAsE,MAAM,EAAgB,cAAc,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAwBnK,MAAM,OAAO,WAAyB,SAAQ,OAA8B;IACxE,YAAY,UAAiC;QACzC,KAAK,CACD;YACI,OAAO,EAAE,KAAK;YACd,UAAU,EAAE,gBAAgB,CACxB;gBACI,QAAQ,EAAE,WAAW;aACxB,EACD,UAAU,CACb;SACJ,CACJ,CAAC;IACN,CAAC;IAEO,IAAI,CAAgB;IACpB,UAAU,CAAwB;IAElC,WAAW,CAAC,EAAE;QAClB,IAAI,IAAI,CAAC,UAAU,CAAC,UAAU,EAAE;YAC5B,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,EAAuB,CAAC;YAC1D,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;gBACvB,OAAO,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;YACnD,CAAC,CAAC,CAAA;SACL;QAED,MAAM,yCAAyC,CAAC;IACpD,CAAC;IAED,KAAK;QACD,KAAK,CAAC,KAAK,EAAE,CAAC;QAEd,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;QAEnC,IAAI,CAAC,UAAU,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC;YACxC,IAAI,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC;YAC9B,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC,QAAQ,IAAI,EAAE;YACxC,MAAM,EAAE,CAAC,KAAuC,EAAE,EAAE;gBAChD,IAAI,KAAK,GAAG,KAAK,CAAC,KAA2B,CAAC;gBAC9C,QAAQ,KAAK,CAAC,MAAM,EAAE;oBAClB,KAAK,YAAY;wBACb,IAAI,UAAU,CAAC,kBAAkB,EAAE;4BAC/B,UAAU,CAAC,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;yBACtD;wBACD,MAAM;oBAEV,KAAK,KAAK;wBACN,IAAI,UAAU,CAAC,eAAe,EAAE;4BAC5B,UAAU,CAAC,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;yBACnD;wBACD,MAAM;oBAEV,KAAK,QAAQ;wBACT,IAAI,UAAU,CAAC,kBAAkB,EAAE;4BAC/B,UAAU,CAAC,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;yBACtD;wBACD,MAAM;iBACb;YACL,CAAC;SACJ,CAAC,CAAC;QAEH,IAAI,CAAC,IAAI,GAAG,IAAI,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACxC,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,OAAO;YAChC,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,OAAO;YAChC,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,UAAU;YACtC,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC,QAAQ;YAClC,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC,QAAQ;YAClC,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC;YAC9C,MAAM,EAAE,CAAC,KAA+B,EAAE,EAAE;gBACxC,IAAI,IAAI,CAAC,UAAU,CAAC,YAAY,EAAE;oBAC9B,MAAM,YAAY,GAAG,mBAAmB,CAAC,KAAK,CAAC,MAAM,CAAU,CAAC;oBAChE,MAAM,kBAAkB,GAAG,IAAI,CAAC,UAAU,CAAC,YAAsC,CAAC;oBAClF,IAAI,kBAAkB,CAAC,GAAG,EAAE;wBACxB,kBAAkB,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;qBACxC;iBACJ;gBACD,IAAI,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE;iBAMlC;gBAED,IAAI,IAAI,CAAC,UAAU,CAAC,YAAY,EAAE;oBAC9B,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,oBAAoB,CAAQ,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;iBACzF;YACL,CAAC;YACD,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,UAAU;SACzC,CAAC,CAAC;QAEH,IAAI,UAAU,CAAC,gBAAgB,EAAE;YAC7B,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,KAAmB,EAAE,EAAE;gBAChD,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,IAAI,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;gBAC1B,IAAI,GAAwB,CAAC;gBAE7B,IAAI,MAAM,YAAY,WAAW,EAAE;oBAC/B,QAAQ,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE;wBAClC,KAAK,IAAI;4BACL,GAAG,GAAG,MAAM,CAAC,aAAoC,CAAC;4BAClD,MAAM;wBAEV,KAAK,IAAI;4BACL,GAAG,GAAG,MAA6B,CAAC;4BACpC,MAAM;qBACb;iBACJ;gBAED,IAAI,GAAG,EAAE;oBACL,IAAI,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;oBACvC,IAAI,QAAQ,EAAE;wBAKV,UAAU,CAAC,GAAG,EAAE;4BACZ,UAAU,CAAC,gBAAgB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;wBACjD,CAAC,CAAC,CAAC;qBAEN;oBAAA,CAAC;iBACL;YACL,CAAC,CAAC,CAAC;SACN;QACD,IAAI,cAAc,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;YAClC,IAAI,CAAC,SAAS,CAAC,IAAI,CACf,QAAQ,CACJ,GAAG,EAAE;gBACD,OAAO,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;YACpC,CAAC,EACD,CAAC,KAAK,EAAE,EAAE;gBACN,IAAI,KAAK,EAAE;oBACP,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;iBAC/B;qBAAM;oBACH,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;iBAC5B;YACL,CAAC,CACJ,CACJ,CAAC;SACL;QACD,IAAI,cAAc,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE;YACvC,IAAI,CAAC,SAAS,CAAC,IAAI,CACf,QAAQ,CACJ,GAAG,EAAE;gBACD,OAAO,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;YACzC,CAAC,EACD,CAAC,UAAU,EAAE,EAAE;gBACX,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAAA;YACpD,CAAC,CACJ,CACJ,CAAA;SACJ;QAED,IAAI,cAAc,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE;YACzC,IAAI,CAAC,SAAS,CAAC,IAAI,CACf,QAAQ,CACJ,GAAG,EAAE;gBACD,OAAO,MAAM,CAAC,UAAU,CAAC,YAAY,CAAC,CAAA;YAC1C,CAAC,EACD,CAAC,YAAY,EAAE,EAAE;gBACb,IAAI,YAAY,IAAI,UAAU,CAAC,UAAU,EAAE;oBACvC,UAAU,CACN,GAAG,EAAE;wBACD,MAAM,EAAE,GAAG,YAAY,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;wBAC/C,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;wBAElC,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;wBAG3B,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAC;oBACzF,CAAC,EACD,EAAE,CACL,CAAC;iBACL;YACL,CAAC,CACJ,CACJ,CAAA;SAqBJ;QAED,IAAI,cAAc,CAAC,UAAU,CAAC,aAAa,CAAC,EAAE;YAC1C,IAAI,CAAC,SAAS,CAAC,IAAI,CACf,QAAQ,CACJ,GAAG,EAAE;gBACD,OAAO,MAAM,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;YAC5C,CAAC,EACD,CAAC,aAAa,EAAE,EAAE;gBACd,IAAI,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,UAAU,CAAC,UAAU,EAAE;oBACpE,UAAU,CACN,GAAG,EAAE;wBAED,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;wBAG3B,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,aAAa,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;4BACvD,MAAM,YAAY,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;4BAC1C,MAAM,EAAE,GAAG,YAAY,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;4BAC/C,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;4BAGlC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAC;yBACxF;oBACL,CAAC,EACD,EAAE,CACL,CAAC;iBACL;qBAAM;oBACH,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;iBACtB;YACL,CAAC,CACJ,CACJ,CAAA;SAwBJ;QAGD,UAAU,CAAC,GAAG,EAAE;YACZ,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC,EAAE,CAAC,CAAC,CAAC;IACV,CAAC;CACJ;AAED,MAAM,UAAU,WAAW,CAAQ,UAAiC;IAChE,OAAO,IAAI,WAAW,CAAC,UAAU,CAAC,CAAC;AACvC,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAY,IAAmB;IAC9D,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,EAAuB,CAAC;IACrD,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;QACxB,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;QAK7C,OAAO,QAAQ,CAAC,MAAM,EAAe,CAAC;KACzC;IAED,OAAO,IAAI,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAQ,IAAmB;IAC3D,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,EAAuB,CAAC;IACrD,MAAM,iBAAiB,GAAG,IAAI,KAAK,EAAE,CAAC;IACtC,IAAI,SAAS,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE;QACnC,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YACnD,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;YACjD,MAAM,gBAAgB,GAAG,IAAI,CAAC;YAC9B,IAAI,gBAAgB,EAAE;gBAClB,iBAAiB,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;aAC5C;iBAAM;gBACH,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;aAC7C;SACJ;KACJ;IAED,OAAO,iBAAiB,CAAC;AAC7B,CAAC;AAED,MAAM,OAAO,cAA4B,SAAQ,UAAU;IAEvD,YAAY,UAAiC;QACzC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IACzC,CAAC;IAED,KAAK,CAA6C;IAClD,UAAU,CAAe;IACzB,OAAO,CAA8B;IACrC,QAAQ,CAAU;IAClB,QAAQ,CAAmC;IAC3C,UAAU,CAA2B;IACrC,QAAQ,CAAyB;IACjC,UAAU,CAAuF;IACjG,OAAO,CAA0B;IACjC,UAAU,CAAoB;IAC9B,YAAY,CAA+B;IAC3C,aAAa,CAA6C;IAC1D,kBAAkB,CAA0E;IAC5F,eAAe,CAA0E;IACzF,kBAAkB,CAA0E;IAC5F,YAAY,CAA4D;IACxE,gBAAgB,CAAgD;CACnE;AAED,eAAe,CACX,cAAc,EACd,WAAW,CACd,CAAC"}

package/dist/controls/leaflet/LabelControl/LabelControl.d.ts

@@ -1,8 +1,8 @@
 import * as leaflet from "leaflet";
-import { IView } from "../../../framework/View";
-import { ViewModel } from "../../../framework/ViewModel";
+import { IElement } from "../../../framework/element";
+import { Properties } from "../../../framework/properties";
 export interface LeafletLabelControlOptions extends leaflet.ControlOptions {
-    content: string | IView | ViewModel;
+    content: string | IElement | Properties;
 }
 export declare class LeafletLabelControl extends leaflet.Control {
     constructor(options: LeafletLabelControlOptions);

package/dist/controls/leaflet/LabelControl/LabelControl.js

@@ -1,6 +1,6 @@
 import * as leaflet from "leaflet";
-import { getView } from "../../../framework/View";
-import { ViewModel } from "../../../framework/ViewModel";
+import { getElement } from "../../../framework/element";
+import { Properties } from "../../../framework/properties";
 export class LeafletLabelControl extends leaflet.Control {
     constructor(options) {
         super(options);
@@ -10,8 +10,8 @@ export class LeafletLabelControl extends leaflet.Control {
     onAdd(map) {
         const div = document.createElement("div");
         let view;
-        if (this.content instanceof ViewModel) {
-            view = getView(this.content);
+        if (this.content instanceof Properties) {
+            view = getElement(this.content);
             if (view) {
                 div.appendChild(view.render());
             }

package/dist/controls/leaflet/LabelControl/LabelControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"LabelControl.js","sourceRoot":"","sources":["../../../../src/controls/leaflet/LabelControl/LabelControl.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,SAAS,CAAC;AACnC,OAAO,EAAS,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAMzD,MAAM,OAAO,mBAAoB,SAAQ,OAAO,CAAC,OAAO;IACpD,YAAY,OAAmC;QAC3C,KAAK,CAAC,OAAO,CAAC,CAAC;QAEf,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IACnC,CAAC;IAEgB,OAAO,CAA6B;IAErD,KAAK,CAAC,GAAgB;QAClB,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAE1C,IAAI,IAAI,CAAC;QACT,IAAI,IAAI,CAAC,OAAO,YAAY,SAAS,EAAE;YACnC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAC7B,IAAI,IAAI,EAAE;gBACN,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;aAClC;SACJ;aAAM,IAAI,OAAO,IAAI,CAAC,OAAO,KAAK,QAAQ,EAAE;YACzC,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC;SAChC;aAAM;YACH,IAAI,GAAG,IAAI,CAAC,OAAgB,CAAC;YAC7B,IAAI,IAAI,CAAC,MAAM,EAAE;gBACb,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;aAClC;SACJ;QAED,OAAO,GAAG,CAAC;IACf,CAAC;CACJ;AAED,MAAM,UAAU,mBAAmB,CAAC,OAAmC;IACnE,OAAO,IAAI,mBAAmB,CAAC,OAAO,CAAC,CAAC;AAC5C,CAAC"}
+{"version":3,"file":"LabelControl.js","sourceRoot":"","sources":["../../../../src/controls/leaflet/LabelControl/LabelControl.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,SAAS,CAAC;AACnC,OAAO,EAAY,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAM3D,MAAM,OAAO,mBAAoB,SAAQ,OAAO,CAAC,OAAO;IACpD,YAAY,OAAmC;QAC3C,KAAK,CAAC,OAAO,CAAC,CAAC;QAEf,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IACnC,CAAC;IAEgB,OAAO,CAAiC;IAEzD,KAAK,CAAC,GAAgB;QAClB,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAE1C,IAAI,IAAI,CAAC;QACT,IAAI,IAAI,CAAC,OAAO,YAAY,UAAU,EAAE;YACpC,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAChC,IAAI,IAAI,EAAE;gBACN,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;aAClC;SACJ;aAAM,IAAI,OAAO,IAAI,CAAC,OAAO,KAAK,QAAQ,EAAE;YACzC,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC;SAChC;aAAM;YACH,IAAI,GAAG,IAAI,CAAC,OAAmB,CAAC;YAChC,IAAI,IAAI,CAAC,MAAM,EAAE;gBACb,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;aAClC;SACJ;QAED,OAAO,GAAG,CAAC;IACf,CAAC;CACJ;AAED,MAAM,UAAU,mBAAmB,CAAC,OAAmC;IACnE,OAAO,IAAI,mBAAmB,CAAC,OAAO,CAAC,CAAC;AAC5C,CAAC"}

package/dist/framework/element.d.ts

@@ -0,0 +1,62 @@
+import "tocca";
+import { Subscribable } from "./observable";
+import { Properties } from "./properties";
+import { IReactionDisposer } from "mobx";
+declare const htmlTags: {
+    a: boolean;
+    div: boolean;
+    img: boolean;
+    pre: boolean;
+    form: boolean;
+    span: boolean;
+    input: boolean;
+    button: boolean;
+    select: boolean;
+    textarea: boolean;
+};
+declare const svgTags: {
+    g: boolean;
+    svg: boolean;
+    rect: boolean;
+    text: boolean;
+    line: boolean;
+    title: boolean;
+    circle: boolean;
+    pattern: boolean;
+    ellipse: boolean;
+    polygon: boolean;
+    polyline: boolean;
+    foreignObject: boolean;
+};
+type TagName = keyof typeof htmlTags | keyof typeof svgTags;
+export interface IElement {
+    render(): HTMLElement;
+    dispose(): void;
+}
+export interface ElementOptions<TProperties> {
+    tagName: TagName;
+    properties?: TProperties;
+    children?: Array<IElement> | Subscribable<Array<IElement>>;
+}
+export declare class Element<TProperties = any> implements IElement {
+    constructor(properties: ElementOptions<TProperties>);
+    private readonly tagName;
+    private readonly optionsChildren;
+    private children;
+    private buildChildren;
+    protected element: HTMLElement;
+    protected readonly properties: TProperties;
+    protected readonly disposers: IReactionDisposer[];
+    protected build(): void;
+    protected remove(): void;
+    protected addChild(child: IElement): Element<TProperties>;
+    protected setChildren(...children: Array<IElement>): Element<TProperties>;
+    protected empty(): void;
+    render(): HTMLElement;
+    dispose(): void;
+    focus(options?: FocusOptions): void;
+}
+export declare function registerElement(viewModel: any, view: any): void;
+export declare function getElement(viewModel: Properties): Element;
+export declare function render(viewModel: Properties): HTMLElement;
+export {};