jpf 5.0.3 → 5.0.6

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

@@ -1,19 +1,19 @@
-import * as kendo from "@progress/kendo-ui/js/dataviz/chart/chart.js";
-import { View } from "../../../framework/View";
-import { Properties } from "../../../framework/ViewModel";
-import { Subscribable } from "knockout";
-export interface ChartProperties extends Properties {
-    data?: Array<any> | Subscribable<Array<any>>;
-    chartArea?: kendo.dataviz.ui.ChartChartArea | undefined;
-    series?: kendo.dataviz.ui.ChartSeriesItem[] | Subscribable<kendo.dataviz.ui.ChartSeriesItem[]>;
-    categoryAxis?: kendo.dataviz.ui.ChartCategoryAxisItem | kendo.dataviz.ui.ChartCategoryAxisItem[] | Subscribable<kendo.dataviz.ui.ChartCategoryAxisItem | kendo.dataviz.ui.ChartCategoryAxisItem[]>;
-    valueAxis?: kendo.dataviz.ui.ChartValueAxisItem | kendo.dataviz.ui.ChartValueAxisItem[] | undefined;
-    legend?: kendo.dataviz.ui.ChartLegend | undefined;
-}
-export declare class ChartView extends View<ChartProperties> {
-    constructor(properties: ChartProperties);
-    private chart;
-    private dataSource;
-    build(): void;
-}
-export declare function chartView(properties: ChartProperties): ChartView;
+import * as kendo from "@progress/kendo-ui/js/kendo.dataviz.chart";
+import { Element } from "../../../framework/element";
+import { IProperties } from "../../../framework/properties";
+import { ISubscribable } from "../../../framework/observable";
+export interface IChartProperties extends IProperties {
+    data?: Array<any> | ISubscribable<Array<any>>;
+    chartArea?: kendo.dataviz.ui.ChartChartArea | undefined;
+    series?: kendo.dataviz.ui.ChartSeriesItem[] | ISubscribable<kendo.dataviz.ui.ChartSeriesItem[]>;
+    categoryAxis?: kendo.dataviz.ui.ChartCategoryAxisItem | kendo.dataviz.ui.ChartCategoryAxisItem[] | ISubscribable<kendo.dataviz.ui.ChartCategoryAxisItem | kendo.dataviz.ui.ChartCategoryAxisItem[]>;
+    valueAxis?: kendo.dataviz.ui.ChartValueAxisItem | kendo.dataviz.ui.ChartValueAxisItem[] | undefined;
+    legend?: kendo.dataviz.ui.ChartLegend | undefined;
+}
+export declare class ChartElement extends Element<IChartProperties> {
+    constructor(properties: IChartProperties);
+    private chart;
+    private dataSource;
+    build(): void;
+}
+export declare function createChart(properties: IChartProperties): ChartElement;

package/dist/controls/kendo/Chart/Chart.js

@@ -1,63 +1,63 @@
-import * as kendo from "@progress/kendo-ui/js/dataviz/chart/chart.js";
-import { View } from "../../../framework/View";
-import { extendProperties } from "../../../framework/ViewModel";
-import { unwrap, isSubscribable } from "knockout";
-export class ChartView extends View {
-    constructor(properties) {
-        super({
-            tagName: "div",
-            properties: extendProperties({
-                viewType: "KendoChart"
-            }, properties)
-        });
-    }
-    chart;
-    dataSource;
-    build() {
-        super.build();
-        const viewModel = this.properties;
-        if (viewModel.data) {
-            this.dataSource = new kendo.data.DataSource({
-                data: unwrap(viewModel.data)
-            });
-        }
-        if (isSubscribable(viewModel.data)) {
-            this.subscriptions.push(viewModel.data.subscribe((data) => {
-                this.dataSource.data(data);
-            }));
-        }
-        setTimeout(() => {
-            this.chart = new kendo.dataviz.ui.Chart(this.element, {
-                autoBind: false,
-                legend: viewModel.legend,
-                dataSource: this.dataSource,
-                chartArea: viewModel.chartArea,
-                series: unwrap(viewModel.series),
-                categoryAxis: unwrap(viewModel.categoryAxis),
-                valueAxis: viewModel.valueAxis
-            });
-        });
-        if (isSubscribable(viewModel.series)) {
-            this.subscriptions.push(viewModel.series.subscribe((series) => {
-                if (this.chart) {
-                    this.chart.setOptions({
-                        series: series
-                    });
-                }
-            }));
-        }
-        if (isSubscribable(viewModel.categoryAxis)) {
-            this.subscriptions.push(viewModel.categoryAxis.subscribe((categoryAxis) => {
-                if (this.chart) {
-                    this.chart.setOptions({
-                        categoryAxis: categoryAxis
-                    });
-                }
-            }));
-        }
-    }
-}
-export function chartView(properties) {
-    return new ChartView(properties);
-}
+import * as kendo from "@progress/kendo-ui/js/kendo.dataviz.chart";
+import { Element } from "../../../framework/element";
+import { extendProperties } from "../../../framework/properties";
+import { unwrap, isSubscribable } from "../../../framework/observable";
+export class ChartElement extends Element {
+    constructor(properties) {
+        super({
+            tagName: "div",
+            properties: extendProperties(properties, {
+                elementType: "KendoChart"
+            })
+        });
+    }
+    chart;
+    dataSource;
+    build() {
+        super.build();
+        const properties = this.properties;
+        if (properties.data) {
+            this.dataSource = new kendo.data.DataSource({
+                data: unwrap(properties.data)
+            });
+        }
+        if (isSubscribable(properties.data)) {
+            this.subscriptions.push(properties.data.subscribe((data) => {
+                this.dataSource.data(data);
+            }));
+        }
+        setTimeout(() => {
+            this.chart = new kendo.dataviz.ui.Chart(this.element, {
+                autoBind: false,
+                legend: properties.legend,
+                dataSource: this.dataSource,
+                chartArea: properties.chartArea,
+                series: unwrap(properties.series),
+                categoryAxis: unwrap(properties.categoryAxis),
+                valueAxis: properties.valueAxis
+            });
+        });
+        if (isSubscribable(properties.series)) {
+            this.subscriptions.push(properties.series.subscribe((series) => {
+                if (this.chart) {
+                    this.chart.setOptions({
+                        series: series
+                    });
+                }
+            }));
+        }
+        if (isSubscribable(properties.categoryAxis)) {
+            this.subscriptions.push(properties.categoryAxis.subscribe((categoryAxis) => {
+                if (this.chart) {
+                    this.chart.setOptions({
+                        categoryAxis: categoryAxis
+                    });
+                }
+            }));
+        }
+    }
+}
+export function createChart(properties) {
+    return new ChartElement(properties);
+}
 //# sourceMappingURL=Chart.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Chart.js","sourceRoot":"","sources":["../../../../src/controls/kendo/Chart/Chart.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,8CAA8C,CAAC;AACtE,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAc,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAC3E,OAAO,EAAgB,MAAM,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAWhE,MAAM,OAAO,SAAU,SAAQ,IAAqB;IAChD,YAAY,UAA2B;QACnC,KAAK,CACD;YACI,OAAO,EAAE,KAAK;YACd,UAAU,EAAE,gBAAgB,CACxB;gBACI,QAAQ,EAAE,YAAY;aACzB,EACD,UAAU,CACb;SACJ,CACJ,CAAC;IACN,CAAC;IAEO,KAAK,CAAyB;IAC9B,UAAU,CAAwB;IAE1C,KAAK;QACD,KAAK,CAAC,KAAK,EAAE,CAAC;QAEd,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC;QAElC,IAAI,SAAS,CAAC,IAAI,EAAE;YAChB,IAAI,CAAC,UAAU,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,UAAU,CACvC;gBACI,IAAI,EAAE,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC;aAC/B,CACJ,CAAC;SACL;QAED,IAAI,cAAc,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE;YAChC,IAAI,CAAC,aAAa,CAAC,IAAI,CACnB,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE;gBAC9B,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC/B,CAAC,CAAC,CACL,CAAC;SACL;QAED,UAAU,CAAC,GAAG,EAAE;YACZ,IAAI,CAAC,KAAK,GAAG,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,CACnC,IAAI,CAAC,OAAO,EACZ;gBACI,QAAQ,EAAE,KAAK;gBACf,MAAM,EAAE,SAAS,CAAC,MAAM;gBACxB,UAAU,EAAE,IAAI,CAAC,UAAU;gBAC3B,SAAS,EAAE,SAAS,CAAC,SAAS;gBAC9B,MAAM,EAAE,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC;gBAChC,YAAY,EAAE,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC;gBAC5C,SAAS,EAAE,SAAS,CAAC,SAAS;aACjC,CACJ,CAAC;QACN,CAAC,CAAC,CAAC;QAEH,IAAI,cAAc,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE;YAClC,IAAI,CAAC,aAAa,CAAC,IAAI,CACnB,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE;gBAClC,IAAI,IAAI,CAAC,KAAK,EAAE;oBACZ,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;wBAClB,MAAM,EAAE,MAAM;qBACjB,CAAC,CAAC;iBACN;YACL,CAAC,CAAC,CACL,CAAC;SACL;QAED,IAAI,cAAc,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE;YACxC,IAAI,CAAC,aAAa,CAAC,IAAI,CACnB,SAAS,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,YAAY,EAAE,EAAE;gBAC9C,IAAI,IAAI,CAAC,KAAK,EAAE;oBACZ,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;wBAClB,YAAY,EAAE,YAAY;qBAC7B,CAAC,CAAC;iBACN;YACL,CAAC,CAAC,CACL,CAAC;SACL;IACL,CAAC;CACJ;AAED,MAAM,UAAU,SAAS,CAAC,UAA2B;IACjD,OAAO,IAAI,SAAS,CAAC,UAAU,CAAC,CAAC;AACrC,CAAC"}
+{"version":3,"file":"Chart.js","sourceRoot":"","sources":["../../../../src/controls/kendo/Chart/Chart.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,2CAA2C,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAe,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,EAAiB,MAAM,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAWtF,MAAM,OAAO,YAAa,SAAQ,OAAyB;IACvD,YAAY,UAA4B;QACpC,KAAK,CACD;YACI,OAAO,EAAE,KAAK;YACd,UAAU,EAAE,gBAAgB,CACxB,UAAU,EACV;gBACI,WAAW,EAAE,YAAY;aAC5B,CACJ;SACJ,CACJ,CAAC;IACN,CAAC;IAEO,KAAK,CAAyB;IAC9B,UAAU,CAAwB;IAE1C,KAAK;QACD,KAAK,CAAC,KAAK,EAAE,CAAC;QAEd,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;QAEnC,IAAI,UAAU,CAAC,IAAI,EAAE,CAAC;YAClB,IAAI,CAAC,UAAU,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,UAAU,CACvC;gBACI,IAAI,EAAE,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC;aAChC,CACJ,CAAC;QACN,CAAC;QAED,IAAI,cAAc,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;YAClC,IAAI,CAAC,aAAa,CAAC,IAAI,CACnB,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE;gBAC/B,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC/B,CAAC,CAAC,CACL,CAAC;QACN,CAAC;QAED,UAAU,CAAC,GAAG,EAAE;YACZ,IAAI,CAAC,KAAK,GAAG,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,CACnC,IAAI,CAAC,OAAO,EACZ;gBACI,QAAQ,EAAE,KAAK;gBACf,MAAM,EAAE,UAAU,CAAC,MAAM;gBACzB,UAAU,EAAE,IAAI,CAAC,UAAU;gBAC3B,SAAS,EAAE,UAAU,CAAC,SAAS;gBAC/B,MAAM,EAAE,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC;gBACjC,YAAY,EAAE,MAAM,CAAC,UAAU,CAAC,YAAY,CAAC;gBAC7C,SAAS,EAAE,UAAU,CAAC,SAAS;aAClC,CACJ,CAAC;QACN,CAAC,CAAC,CAAC;QAEH,IAAI,cAAc,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;YACpC,IAAI,CAAC,aAAa,CAAC,IAAI,CACnB,UAAU,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE;gBACnC,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;oBACb,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;wBAClB,MAAM,EAAE,MAAM;qBACjB,CAAC,CAAC;gBACP,CAAC;YACL,CAAC,CAAC,CACL,CAAC;QACN,CAAC;QAED,IAAI,cAAc,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE,CAAC;YAC1C,IAAI,CAAC,aAAa,CAAC,IAAI,CACnB,UAAU,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,YAAY,EAAC,EAAE;gBACtB,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;oBACjC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;wBAClB,YAAY,EAAE,YAAY;qBAC7B,CAAC,CAAC;gBACP,CAAC;YACT,CAAC,CAAC,CACL,CAAC;QACN,CAAC;IACL,CAAC;CACJ;AAED,MAAM,UAAU,WAAW,CAAC,UAA4B;IACpD,OAAO,IAAI,YAAY,CAAC,UAAU,CAAC,CAAC;AACxC,CAAC"}

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

@@ -1 +1 @@
-export declare function setCulture(cultureCode: string): Promise<void>;
+export declare function setCulture(cultureCode: string): Promise<void>;

package/dist/controls/kendo/Culture/Culture.js

@@ -1,26 +1,26 @@
-import { getScript } from "jquery";
-import kendo from "@progress/kendo-ui/js/kendo.core";
-export async function setCulture(cultureCode) {
-    if (!cultureCode || cultureCode === "en-US")
-        return;
-    const kendoVersion = "2021.1.330";
-    const urlPrefix = "https://kendo.cdn.telerik.com/" + kendoVersion + "/js/";
-    const urlPostfix = "." + cultureCode + ".min.js";
-    try {
-        await getScript(urlPrefix + "cultures/kendo.culture" + urlPostfix);
-        kendo.culture(cultureCode);
-    }
-    catch (ec) {
-        const error = ec;
-        kendo.culture("en-US");
-        console.log("Failed loading culture for " + cultureCode + ": " + error.message);
-    }
-    try {
-        await getScript(urlPrefix + "messages/kendo.messages" + urlPostfix);
-    }
-    catch (em) {
-        const error = em;
-        console.log("Failed loading messages for " + cultureCode + ": " + error.message);
-    }
-}
+import { getScript } from "jquery";
+import kendo from "@progress/kendo-ui/js/kendo.core";
+export async function setCulture(cultureCode) {
+    if (!cultureCode || cultureCode === "en-US")
+        return;
+    const kendoVersion = "2021.1.330";
+    const urlPrefix = "https://kendo.cdn.telerik.com/" + kendoVersion + "/js/";
+    const urlPostfix = "." + cultureCode + ".min.js";
+    try {
+        await getScript(urlPrefix + "cultures/kendo.culture" + urlPostfix);
+        kendo.culture(cultureCode);
+    }
+    catch (ec) {
+        const error = ec;
+        kendo.culture("en-US");
+        console.log("Failed loading culture for " + cultureCode + ": " + error.message);
+    }
+    try {
+        await getScript(urlPrefix + "messages/kendo.messages" + urlPostfix);
+    }
+    catch (em) {
+        const error = em;
+        console.log("Failed loading messages for " + cultureCode + ": " + error.message);
+    }
+}
 //# sourceMappingURL=Culture.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Culture.js","sourceRoot":"","sources":["../../../../src/controls/kendo/Culture/Culture.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,KAAK,MAAM,kCAAkC,CAAC;AAErD,MAAM,CAAC,KAAK,UAAU,UAAU,CAAC,WAAmB;IAChD,IAAI,CAAC,WAAW,IAAI,WAAW,KAAK,OAAO;QAAE,OAAO;IAEpD,MAAM,YAAY,GAAG,YAAY,CAAC;IAClC,MAAM,SAAS,GAAG,gCAAgC,GAAG,YAAY,GAAG,MAAM,CAAC;IAC3E,MAAM,UAAU,GAAG,GAAG,GAAG,WAAW,GAAG,SAAS,CAAC;IAEjD,IAAI;QACA,MAAM,SAAS,CAAC,SAAS,GAAG,wBAAwB,GAAG,UAAU,CAAC,CAAC;QAGnE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;KAE9B;IAAC,OAAO,EAAE,EAAE;QACT,MAAM,KAAK,GAAG,EAAW,CAAC;QAE1B,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QACvB,OAAO,CAAC,GAAG,CAAC,6BAA6B,GAAG,WAAW,GAAG,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC;KACnF;IAED,IAAI;QACA,MAAM,SAAS,CAAC,SAAS,GAAG,yBAAyB,GAAG,UAAU,CAAC,CAAC;KAGvE;IAAC,OAAO,EAAE,EAAE;QACT,MAAM,KAAK,GAAG,EAAW,CAAC;QAC1B,OAAO,CAAC,GAAG,CAAC,8BAA8B,GAAG,WAAW,GAAG,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC;KACpF;AACL,CAAC"}
+{"version":3,"file":"Culture.js","sourceRoot":"","sources":["../../../../src/controls/kendo/Culture/Culture.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,KAAK,MAAM,kCAAkC,CAAC;AAErD,MAAM,CAAC,KAAK,UAAU,UAAU,CAAC,WAAmB;IAChD,IAAI,CAAC,WAAW,IAAI,WAAW,KAAK,OAAO;QAAE,OAAO;IAEpD,MAAM,YAAY,GAAG,YAAY,CAAC;IAClC,MAAM,SAAS,GAAG,gCAAgC,GAAG,YAAY,GAAG,MAAM,CAAC;IAC3E,MAAM,UAAU,GAAG,GAAG,GAAG,WAAW,GAAG,SAAS,CAAC;IAEjD,IAAI,CAAC;QACD,MAAM,SAAS,CAAC,SAAS,GAAG,wBAAwB,GAAG,UAAU,CAAC,CAAC;QAGnE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;IAE/B,CAAC;IAAC,OAAO,EAAE,EAAE,CAAC;QACV,MAAM,KAAK,GAAG,EAAW,CAAC;QAE1B,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QACvB,OAAO,CAAC,GAAG,CAAC,6BAA6B,GAAG,WAAW,GAAG,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC;IACpF,CAAC;IAED,IAAI,CAAC;QACD,MAAM,SAAS,CAAC,SAAS,GAAG,yBAAyB,GAAG,UAAU,CAAC,CAAC;IAGxE,CAAC;IAAC,OAAO,EAAE,EAAE,CAAC;QACV,MAAM,KAAK,GAAG,EAAW,CAAC;QAC1B,OAAO,CAAC,GAAG,CAAC,8BAA8B,GAAG,WAAW,GAAG,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC;IACrF,CAAC;AACL,CAAC"}

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

@@ -1,4 +1,4 @@
-export interface ChangedItem {
-    key: string;
-    dirtyFields: object;
-}
+export interface IChangedItem {
+    key: string;
+    dirtyFields: object;
+}

package/dist/controls/kendo/DataSource/DataSource.js

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

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

@@ -1,19 +1,14 @@
-import * as kendo from "@progress/kendo-ui/js/kendo.editor.js";
-import { View } from "../../../framework/View";
-import { Properties, ViewModel } from "../../../framework/ViewModel";
-import { ObservableProperty } from "../../../framework/observable";
-export interface EditorProperties extends Properties {
-    value?: string | ObservableProperty<string>;
-    tools?: string[] | kendo.ui.EditorTool[];
-}
-export declare class EditorView extends View<EditorProperties> {
-    constructor(properties: EditorProperties);
-    private editor;
-    build(): void;
-}
-export declare function editorView(properties: EditorProperties): EditorView;
-export declare class EditorViewModel extends ViewModel implements EditorProperties {
-    constructor(properties: EditorProperties);
-    value?: string | ObservableProperty<string>;
-    tools?: string[] | kendo.ui.EditorTool[];
-}
+import * as kendo from "@progress/kendo-ui/js/kendo.editor.js";
+import { Element } from "../../../framework/element";
+import { IProperties } from "../../../framework/properties";
+import { ISubscribable } from "../../../framework/observable";
+export interface IEditorProperties extends IProperties {
+    value?: string | ISubscribable<string>;
+    tools?: string[] | kendo.ui.EditorTool[];
+}
+export declare class EditorElement extends Element<IEditorProperties> {
+    constructor(properties: IEditorProperties);
+    private editor;
+    build(): void;
+}
+export declare function createEditor(properties: IEditorProperties): EditorElement;

package/dist/controls/kendo/Editor/Editor.js

@@ -1,105 +1,95 @@
-import * as kendo from "@progress/kendo-ui/js/kendo.editor.js";
-import { View, registerView } from "../../../framework/View";
-import { ViewModel, extendProperties } from "../../../framework/ViewModel";
-import { unwrap, isObservable, computed, observable } from "knockout";
-import { isObservableProperty } from "../../../framework/observable";
-import { DivView } from "../../html/Div/Div";
-import { ButtonView } from "../../html/Button/Button";
-import { prettifyHtml } from "../../../utilities/html/html";
-export class EditorView extends View {
-    constructor(properties) {
-        super({
-            tagName: "div",
-            properties: extendProperties({
-                viewType: "KendoEditor",
-                style: {
-                    display: "flex",
-                    flexDirection: "column"
-                }
-            }, properties)
-        });
-    }
-    editor;
-    build() {
-        super.build();
-        const viewModel = this.properties;
-        const htmlMode = observable(false);
-        const divHeader = new DivView({
-            children: [
-                new ButtonView({
-                    content: computed(() => {
-                        return htmlMode() ? "wysiwyg" : "view html source";
-                    }),
-                    eventListeners: {
-                        click: {
-                            listener: () => {
-                                htmlMode(!htmlMode());
-                            }
-                        }
-                    },
-                    style: {
-                        width: "120px",
-                        marginTop: "2px"
-                    }
-                })
-            ]
-        }).render();
-        const divElement = new DivView({
-            visible: computed(() => {
-                return !htmlMode();
-            }),
-            style: {
-                flexGrow: 1
-            }
-        }).render();
-        const textAreaElement = new View({
-            tagName: "textarea",
-            properties: {
-                visible: htmlMode,
-                style: {
-                    flexGrow: 1,
-                    borderColor: "transparent",
-                    borderRadius: "4px"
-                }
-            }
-        }).render();
-        this.element.appendChild(divElement);
-        this.element.appendChild(textAreaElement);
-        this.element.appendChild(divHeader);
-        const html = unwrap(viewModel.value);
-        divElement.innerHTML = html;
-        textAreaElement.value = prettifyHtml(html);
-        if (isObservable(viewModel.value)) {
-            this.subscriptions.push(viewModel.value.subscribe((value) => {
-                divElement.innerHTML = value;
-                textAreaElement.value = value;
-            }));
-        }
-        this.editor = new kendo.ui.Editor(divElement, {
-            tools: viewModel.tools
-        });
-        this.editor.bind("change", () => {
-            if (isObservableProperty(viewModel.value)) {
-                viewModel.value.set(divElement.innerHTML);
-            }
-        });
-        textAreaElement.addEventListener("change", () => {
-            if (isObservableProperty(viewModel.value)) {
-                viewModel.value.set(textAreaElement.value);
-            }
-        });
-    }
-}
-export function editorView(properties) {
-    return new EditorView(properties);
-}
-export class EditorViewModel extends ViewModel {
-    constructor(properties) {
-        super();
-        this.setProperties(this, properties);
-    }
-    value;
-    tools;
-}
-registerView(EditorViewModel, EditorView);
+import * as kendo from "@progress/kendo-ui/js/kendo.editor.js";
+import { Element, element } from "../../../framework/element";
+import { extendProperties } from "../../../framework/properties";
+import { isSubscribable, observableValue, isObservableValue, computed, unwrap } from "../../../framework/observable";
+import { createDiv } from "../../html/Div/Div";
+import { createButton } from "../../html/Button/Button";
+import { formatHtml } from "../../../utilities/formatting/formatting";
+export class EditorElement extends Element {
+    constructor(properties) {
+        super({
+            tagName: "div",
+            properties: extendProperties(properties, {
+                elementType: "KendoEditor",
+                style: {
+                    display: "flex",
+                    flexDirection: "column"
+                }
+            })
+        });
+    }
+    editor;
+    build() {
+        super.build();
+        const viewModel = this.properties;
+        const htmlMode = observableValue(false);
+        const divHeader = createDiv({
+            children: [
+                createButton({
+                    content: computed(() => {
+                        return htmlMode() ? "wysiwyg" : "view html source";
+                    }),
+                    eventListeners: {
+                        click: {
+                            listener: () => {
+                                htmlMode.setValue(!htmlMode());
+                            }
+                        }
+                    },
+                    style: {
+                        width: "120px",
+                        marginTop: "2px"
+                    }
+                })
+            ]
+        }).render();
+        const div = createDiv({
+            visible: computed(() => {
+                return !htmlMode();
+            }),
+            style: {
+                flexGrow: 1
+            }
+        }).render();
+        const textAreaElement = element({
+            tagName: "textarea",
+            properties: {
+                visible: htmlMode,
+                style: {
+                    flexGrow: 1,
+                    borderColor: "transparent",
+                    borderRadius: "4px"
+                }
+            }
+        }).render();
+        this.element.appendChild(div);
+        this.element.appendChild(textAreaElement);
+        this.element.appendChild(divHeader);
+        const html = unwrap(viewModel.value);
+        div.innerHTML = html;
+        textAreaElement.value = formatHtml(html);
+        if (isSubscribable(viewModel.value)) {
+            this.subscriptions.push(viewModel.value.subscribe((value) => {
+                div.innerHTML = value;
+                textAreaElement.value = value;
+            }));
+        }
+        this.editor = new kendo.ui.Editor(createDiv, {
+            tools: viewModel.tools
+        });
+        this.editor.bind("change", () => {
+            if (isObservableValue(viewModel.value)) {
+                viewModel.value.setValue(div.innerHTML);
+            }
+        });
+        textAreaElement.addEventListener("change", () => {
+            if (isObservableValue(viewModel.value)) {
+                viewModel.value.setValue(textAreaElement.value);
+            }
+        });
+    }
+}
+export function createEditor(properties) {
+    return new EditorElement(properties);
+}
 //# sourceMappingURL=Editor.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Editor.js","sourceRoot":"","sources":["../../../../src/controls/kendo/Editor/Editor.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Editor.js","sourceRoot":"","sources":["../../../../src/controls/kendo/Editor/Editor.ts"],"names":[],"mappings":"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"}

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

@@ -1,54 +1,54 @@
-import * as kendo from "@progress/kendo-ui/js/kendo.grid.js";
-import { View } from "../../../framework/View";
-import { Properties, ViewModel } from "../../../framework/ViewModel";
-import { Subscribable } from "knockout";
-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 GridView<TItem = any> extends View<GridProperties<TItem>> {
-    constructor(properties: GridProperties<TItem>);
-    private grid;
-    private dataSource;
-    private getItemById;
-    build(): void;
-}
-export declare function gridView<TItem>(properties: GridProperties<TItem>): GridView<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 GridViewModel<TItem = any> extends ViewModel 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;
-}
+import * as kendo from "@progress/kendo-ui/js/kendo.grid.js";
+import { Element } from "../../../framework/element";
+import { Properties, IProperties } from "../../../framework/properties";
+import { ISubscribable } from "../../../framework/observable";
+import { IChangedItem as ChangedItem } from "../DataSource/DataSource";
+export interface IGridProperties<TItem> extends IProperties {
+    items?: Array<TItem> | ISubscribable<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 | ISubscribable<boolean | kendo.ui.GridFilterable>;
+    toolbar?: string | Array<string>;
+    selectable?: boolean | string;
+    selectedItem?: TItem | ISubscribable<TItem>;
+    selectedItems?: Array<TItem> | ISubscribable<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<IGridProperties<TItem>> {
+    constructor(properties: IGridProperties<TItem>);
+    private grid;
+    private dataSource;
+    private getItemById;
+    build(): void;
+}
+export declare function createGrid<TItem>(properties: IGridProperties<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 IGridProperties<TItem> {
+    constructor(properties: IGridProperties<TItem>);
+    items?: Array<TItem> | ISubscribable<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 | ISubscribable<boolean | kendo.ui.GridFilterable>;
+    toolbar?: string | Array<string>;
+    selectable?: boolean | string;
+    selectedItem?: TItem | ISubscribable<TItem>;
+    selectedItems?: Array<TItem> | ISubscribable<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;
+}