jpf-mobx 1.0.56 → 1.0.57

package/dist/controls/index.d.ts

@@ -1,14 +1,14 @@
 import * as codeMirror from "./codeMirror/index";
 import * as custom from "./custom/index";
 import * as html from "./html/index";
-import * as jsonViewAwesome from "./jsonViewAwesome/index";
+import * as jsonViewerAwesome from "./jsonViewerAwesome/index";
 import * as kendo from "./kendo/index";
 import * as leaflet from "./leaflet/index";
 import * as svg from "./svg/index";
 export { codeMirror };
 export { custom };
 export { html };
-export { jsonViewAwesome };
+export { jsonViewerAwesome };
 export { kendo };
 export { leaflet };
 export { svg };

package/dist/controls/index.js

@@ -1,14 +1,14 @@
 import * as codeMirror from "./codeMirror/index";
 import * as custom from "./custom/index";
 import * as html from "./html/index";
-import * as jsonViewAwesome from "./jsonViewAwesome/index";
+import * as jsonViewerAwesome from "./jsonViewerAwesome/index";
 import * as kendo from "./kendo/index";
 import * as leaflet from "./leaflet/index";
 import * as svg from "./svg/index";
 export { codeMirror };
 export { custom };
 export { html };
-export { jsonViewAwesome };
+export { jsonViewerAwesome };
 export { kendo };
 export { leaflet };
 export { svg };

package/dist/controls/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/controls/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,UAAU,MAAM,oBAAoB,CAAC;AACjD,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAC;AACzC,OAAO,KAAK,IAAI,MAAM,cAAc,CAAC;AACrC,OAAO,KAAK,eAAe,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,eAAe,CAAC;AACvC,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAC;AAC3C,OAAO,KAAK,GAAG,MAAM,aAAa,CAAC;AAEnC,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,OAAO,EAAE,eAAe,EAAE,CAAC;AAC3B,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,OAAO,EAAE,OAAO,EAAE,CAAC;AACnB,OAAO,EAAE,GAAG,EAAE,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/controls/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,UAAU,MAAM,oBAAoB,CAAC;AACjD,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAC;AACzC,OAAO,KAAK,IAAI,MAAM,cAAc,CAAC;AACrC,OAAO,KAAK,iBAAiB,MAAM,2BAA2B,CAAC;AAC/D,OAAO,KAAK,KAAK,MAAM,eAAe,CAAC;AACvC,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAC;AAC3C,OAAO,KAAK,GAAG,MAAM,aAAa,CAAC;AAEnC,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAC7B,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,OAAO,EAAE,OAAO,EAAE,CAAC;AACnB,OAAO,EAAE,GAAG,EAAE,CAAC"}

package/dist/controls/jsonViewerAwesome/index.d.ts

@@ -0,0 +1 @@
+export * from "./jsonFormatter/JsonFormatter";

package/dist/controls/jsonViewerAwesome/index.js

@@ -0,0 +1,2 @@
+export * from "./jsonFormatter/JsonFormatter";
+//# sourceMappingURL=index.js.map

package/dist/controls/jsonViewerAwesome/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/jsonViewerAwesome/index.ts"],"names":[],"mappings":"AAAA,cAAe,+BAA+B,CAAC"}

package/dist/controls/jsonViewerAwesome/jsonFormatter/JsonFormatter.d.ts

@@ -0,0 +1,29 @@
+import { Element } from "../../../framework/element";
+import { Properties, IProperties } from "../../../framework/properties";
+import { Subscribable } from "../../../framework/observable";
+export interface IJsonFormatterProperties extends IProperties {
+    json: object | Subscribable<object>;
+    showArrayIndex?: boolean;
+    quotesOnKeys?: boolean;
+    displayDataTypes?: boolean;
+    displayObjectSize?: boolean;
+    sortKeys?: boolean;
+    collapsed?: boolean;
+}
+declare class JsonFormatterElement extends Element<IJsonFormatterProperties> {
+    constructor(properties: IJsonFormatterProperties);
+    build(): void;
+    private setJson;
+}
+export declare function jsonFormatterElement(properties: IJsonFormatterProperties): JsonFormatterElement;
+export declare class JsonFormatterProperties extends Properties implements IJsonFormatterProperties {
+    constructor(properties: IJsonFormatterProperties);
+    json: object | Subscribable<object>;
+    showArrayIndex?: boolean;
+    quotesOnKeys?: boolean;
+    displayDataTypes?: boolean;
+    displayObjectSize?: boolean;
+    sortKeys?: boolean;
+    collapsed?: boolean;
+}
+export {};

package/dist/controls/jsonViewerAwesome/jsonFormatter/JsonFormatter.js

@@ -0,0 +1,68 @@
+import { Element, registerElement } from "../../../framework/element";
+import { Properties, extendProperties } from "../../../framework/properties";
+import { unwrap, isSubscribable, reaction } from "../../../framework/observable";
+import { JSONFormatter } from "json-viewer-awesome/lib/json-formatter";
+class JsonFormatterElement extends Element {
+    constructor(properties) {
+        super({
+            tagName: "div",
+            properties: extendProperties(properties, {
+                elementType: "JsonFormatter"
+            })
+        });
+    }
+    build() {
+        super.build();
+        const properties = this.properties;
+        this.setJson(unwrap(properties.json));
+        if (isSubscribable(properties.json)) {
+            this.disposers.push(reaction(() => {
+                return unwrap(properties.json);
+            }, (json) => {
+                this.setJson(json);
+            }));
+        }
+    }
+    setJson(json) {
+        if (json) {
+            if (typeof json === "object") {
+                const jsonFormatter = new JSONFormatter({
+                    showArrayIndex: this.properties.showArrayIndex,
+                    quotesOnKeys: this.properties.quotesOnKeys,
+                    displayDataTypes: this.properties.displayDataTypes,
+                    displayObjectSize: this.properties.displayObjectSize,
+                    sortKeys: false,
+                    collapsed: true,
+                    iconStyle: 0,
+                    theme: undefined,
+                    src: json
+                });
+                this.element.replaceChildren(jsonFormatter.render());
+            }
+            else {
+                this.element.innerHTML = json.toString();
+            }
+        }
+        else {
+            this.empty();
+        }
+    }
+}
+export function jsonFormatterElement(properties) {
+    return new JsonFormatterElement(properties);
+}
+export class JsonFormatterProperties extends Properties {
+    constructor(properties) {
+        super();
+        this.setProperties(this, properties);
+    }
+    json;
+    showArrayIndex;
+    quotesOnKeys;
+    displayDataTypes;
+    displayObjectSize;
+    sortKeys;
+    collapsed;
+}
+registerElement(JsonFormatterProperties.prototype.constructor, JsonFormatterElement);
+//# sourceMappingURL=JsonFormatter.js.map

package/dist/controls/jsonViewerAwesome/jsonFormatter/JsonFormatter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonFormatter.js","sourceRoot":"","sources":["../../../../src/controls/jsonViewerAwesome/jsonFormatter/JsonFormatter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,UAAU,EAAe,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC1F,OAAO,EAAgB,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAC/F,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAYvE,MAAM,oBAAqB,SAAQ,OAAiC;IAChE,YAAY,UAAoC;QAC5C,KAAK,CACD;YACI,OAAO,EAAE,KAAK;YACd,UAAU,EAAE,gBAAgB,CACxB,UAAU,EACV;gBACI,WAAW,EAAE,eAAe;aAC/B,CACJ;SACJ,CACJ,CAAC;IACN,CAAC;IAED,KAAK;QACD,KAAK,CAAC,KAAK,EAAE,CAAC;QAEd,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;QACnC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;QACtC,IAAI,cAAc,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;YACjC,IAAI,CAAC,SAAS,CAAC,IAAI,CACf,QAAQ,CACJ,GAAG,EAAE;gBACD,OAAO,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;YACnC,CAAC,EACD,CAAC,IAAI,EAAE,EAAE;gBACL,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YACvB,CAAC,CACJ,CACJ,CAAC;SACL;IACL,CAAC;IAEO,OAAO,CAAC,IAAY;QACxB,IAAI,IAAI,EAAE;YACN,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;gBAC1B,MAAM,aAAa,GAAG,IAAI,aAAa,CAAC;oBACpC,cAAc,EAAE,IAAI,CAAC,UAAU,CAAC,cAAc;oBAC9C,YAAY,EAAE,IAAI,CAAC,UAAU,CAAC,YAAY;oBAC1C,gBAAgB,EAAE,IAAI,CAAC,UAAU,CAAC,gBAAgB;oBAClD,iBAAiB,EAAE,IAAI,CAAC,UAAU,CAAC,iBAAiB;oBACpD,QAAQ,EAAE,KAAK;oBACf,SAAS,EAAE,IAAI;oBACf,SAAS,EAAE,CAAC;oBACZ,KAAK,EAAE,SAAS;oBAChB,GAAG,EAAE,IAAI;iBACZ,CAAC,CAAC;gBAEH,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC,CAAC;aACxD;iBAAM;gBACH,IAAI,CAAC,OAAO,CAAC,SAAS,GAAI,IAAY,CAAC,QAAQ,EAAE,CAAC;aACrD;SACJ;aAAM;YACH,IAAI,CAAC,KAAK,EAAE,CAAC;SAChB;IACL,CAAC;CACJ;AAED,MAAM,UAAU,oBAAoB,CAAC,UAAoC;IACrE,OAAO,IAAI,oBAAoB,CAAC,UAAU,CAAC,CAAC;AAChD,CAAC;AAED,MAAM,OAAO,uBAAwB,SAAQ,UAAU;IACnD,YAAY,UAAoC;QAC5C,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IACzC,CAAC;IACD,IAAI,CAAgC;IACpC,cAAc,CAAW;IACzB,YAAY,CAAW;IACvB,gBAAgB,CAAW;IAC3B,iBAAiB,CAAW;IAC5B,QAAQ,CAAW;IACnB,SAAS,CAAW;CACvB;AAED,eAAe,CACX,uBAAuB,CAAC,SAAS,CAAC,WAAW,EAC7C,oBAAoB,CACvB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "jpf-mobx",
-    "version": "1.0.56",
+    "version": "1.0.57",
     "description": "Javascript Presentation Foundation with mobx state management",
     "keywords": [
         "mvvm",

package/src/controls/index.ts

@@ -1,7 +1,7 @@
 import * as codeMirror from "./codeMirror/index";
 import * as custom from "./custom/index";
 import * as html from "./html/index";
-import * as jsonViewAwesome from "./jsonViewAwesome/index";
+import * as jsonViewerAwesome from "./jsonViewerAwesome/index";
 import * as kendo from "./kendo/index";
 import * as leaflet from "./leaflet/index";
 import * as svg from "./svg/index";
@@ -9,7 +9,7 @@ import * as svg from "./svg/index";
 export { codeMirror };
 export { custom };
 export { html };
-export { jsonViewAwesome };
+export { jsonViewerAwesome };
 export { kendo };
 export { leaflet };
 export { svg };