@openremote/or-data-viewer 1.2.0-snapshot.20240512160221

package/README.md

@@ -0,0 +1,87 @@
+# @openremote/or-data-viewer  \<or-data-viewer\>
+[![NPM Version][npm-image]][npm-url]
+[![Linux Build][travis-image]][travis-url]
+[![Test Coverage][coveralls-image]][coveralls-url]
+
+Web Component for displaying an data tree. This component requires an OpenRemote Manager to retrieve, save and query data.
+
+## Install
+```bash
+npm i @openremote/or-data-viewer
+yarn add @openremote/or-data-viewer
+```
+
+## Usage
+By default the or-data-viewer is using a 2 columns grid. This can be changed by using a different config.
+
+4 column grid, 25% for each column:
+```javascript
+const viewerConfig = {
+    viewerStyles: {
+        gridTemplateColumns: "repeat(auto-fill, minmax(calc(25%),1fr))";
+    }
+};
+<or-data-viewer .config="${viewerConfig}"></or-data-viewer>
+```
+
+
+The position of a panel can also be changed by changing the config of or-data-viewer
+
+To change the width of a panel use gridColumn:
+```javascript
+const viewerConfig = {
+    panels: {
+      "info": {
+          type: "property",
+          panelStyles: {
+            gridColumn: "1 / -1" // same as 1 / 3 in a 2 column grid: Start on column 1, End on column 3
+          }
+      }
+    }
+};
+```
+
+gridColumn can also be used to change the position horizontaly.
+```javascript
+const viewerConfig = {
+    panels: {
+      "info": {
+          type: "property",
+          panelStyles: {
+            gridColumnStart: "2" // start the panel in the second column
+          }
+      }
+    }
+};
+```
+
+To change the vertical position of a panel use gridRowStart. To start the panel on the first row set gridRowStart to 1:
+```javascript
+const viewerConfig = {
+    panels: {
+      "info": {
+          type: "property",
+          panelStyles: {
+            gridRowStart: "1"
+          }
+      }
+    }
+};
+```
+
+For a full list of properties, methods and options refer to the TypeDoc generated [documentation]().
+
+## Supported Browsers
+The last 2 versions of all modern browsers are supported, including Chrome, Safari, Opera, Firefox, Edge. In addition,
+Internet Explorer 11 is also supported.
+
+
+## License
+[GNU AGPL](https://www.gnu.org/licenses/agpl-3.0.en.html)
+
+[npm-image]: https://img.shields.io/npm/v/live-xxx.svg
+[npm-url]: https://npmjs.org/package/@openremote/or-asset-list
+[travis-image]: https://img.shields.io/travis/live-js/live-xxx/master.svg
+[travis-url]: https://travis-ci.org/live-js/live-xxx
+[coveralls-image]: https://img.shields.io/coveralls/live-js/live-xxx/master.svg
+[coveralls-url]: https://coveralls.io/r/live-js/live-xxx?branch=master

package/lib/index.d.ts

@@ -0,0 +1,85 @@
+import { LitElement, PropertyValues, TemplateResult } from "lit";
+import "@openremote/or-chart";
+import "@openremote/or-translate";
+import "@openremote/or-components/or-panel";
+import { OrChartConfig } from "@openremote/or-chart";
+import { Asset, Attribute } from "@openremote/model";
+import "@openremote/or-attribute-card";
+export type PanelType = "chart" | "kpi";
+export interface DefaultAssets {
+    assetId?: string;
+    attributes?: string[];
+}
+export interface PanelConfig {
+    type?: PanelType;
+    hide?: boolean;
+    hideOnMobile?: boolean;
+    defaults?: DefaultAssets[];
+    include?: string[];
+    exclude?: string[];
+    readonly?: string[];
+    panelStyles?: {
+        [style: string]: string;
+    };
+    fieldStyles?: {
+        [field: string]: {
+            [style: string]: string;
+        };
+    };
+}
+export interface DataViewerConfig {
+    panels: {
+        [name: string]: PanelConfig;
+    };
+    viewerStyles?: {
+        [style: string]: string;
+    };
+    propertyViewProvider?: (property: string, value: any, viewerConfig: DataViewerConfig, panelConfig: PanelConfig) => TemplateResult | undefined;
+    attributeViewProvider?: (attribute: Attribute<any>, viewerConfig: DataViewerConfig, panelConfig: PanelConfig) => TemplateResult | undefined;
+    panelViewProvider?: (attributes: Attribute<any>[], panelName: string, viewerConfig: DataViewerConfig, panelConfig: PanelConfig) => TemplateResult | undefined;
+    chartConfig?: OrChartConfig;
+}
+export declare class OrDataViewerRenderCompleteEvent extends CustomEvent<void> {
+    static readonly NAME = "or-data-viewer-render-complete-event";
+    constructor();
+}
+export declare class OrDataViewerConfigInvalidEvent extends CustomEvent<void> {
+    static readonly NAME = "or-data-viewer-config-invalid-event";
+    constructor();
+}
+declare global {
+    export interface HTMLElementEventMap {
+        [OrDataViewerRenderCompleteEvent.NAME]: OrDataViewerRenderCompleteEvent;
+        [OrDataViewerConfigInvalidEvent.NAME]: OrDataViewerConfigInvalidEvent;
+    }
+}
+declare const OrDataViewer_base: (new (...args: any[]) => {
+    _i18nextJustInitialized: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    shouldUpdate(changedProps: import("lit").PropertyValueMap<any> | Map<PropertyKey, unknown>): any;
+    initCallback: (options: import("i18next").InitOptions) => void;
+    langChangedCallback: () => void;
+    readonly isConnected: boolean;
+}) & typeof LitElement;
+export declare class OrDataViewer extends OrDataViewer_base {
+    static get styles(): import("lit").CSSResult[];
+    static DEFAULT_PANEL_TYPE: PanelType;
+    static DEFAULT_CONFIG: DataViewerConfig;
+    static generateGrid(shadowRoot: ShadowRoot | null): void;
+    config?: DataViewerConfig;
+    protected _assets?: Asset[];
+    protected _loading: boolean;
+    realm?: string;
+    protected _resizeHandler: () => void;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    refresh(): void;
+    getPanel(name: string, panelConfig: PanelConfig): TemplateResult;
+    getPanelContent(panelName: string, panelConfig: PanelConfig): TemplateResult | undefined;
+    protected render(): TemplateResult<1>;
+    protected renderConfig(): TemplateResult[];
+    protected updated(_changedProperties: PropertyValues): void;
+}
+export {};

package/lib/index.js

@@ -0,0 +1,25 @@
+var OrDataViewer_1,__decorate=this&&this.__decorate||function(e,t,r,i){var a,o=arguments.length,n=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,r,i);else for(var l=e.length-1;l>=0;l--)(a=e[l])&&(n=(o<3?a(n):o>3?a(t,r,n):a(t,r))||n);return o>3&&n&&Object.defineProperty(t,r,n),n};import{html,LitElement}from"lit";import{customElement,property}from"lit/decorators.js";import"@openremote/or-chart";import"@openremote/or-translate";import{translate}from"@openremote/or-translate";import"@openremote/or-components/or-panel";import{OrChartEvent}from"@openremote/or-chart";import{style}from"./style";import i18next from"i18next";import{styleMap}from"lit/directives/style-map.js";import{classMap}from"lit/directives/class-map.js";import"@openremote/or-attribute-card";import manager from"@openremote/core";export class OrDataViewerRenderCompleteEvent extends CustomEvent{constructor(){super(OrDataViewerRenderCompleteEvent.NAME,{bubbles:!0,composed:!0})}}OrDataViewerRenderCompleteEvent.NAME="or-data-viewer-render-complete-event";export class OrDataViewerConfigInvalidEvent extends CustomEvent{constructor(){super(OrDataViewerConfigInvalidEvent.NAME,{bubbles:!0,composed:!0})}}OrDataViewerConfigInvalidEvent.NAME="or-data-viewer-config-invalid-event";let OrDataViewer=OrDataViewer_1=class extends(translate(i18next)(LitElement)){static get styles(){return[style]}static generateGrid(e){if(e){const t=e.querySelector("#container");if(t){const r=parseInt(window.getComputedStyle(t).getPropertyValue("grid-auto-rows"),10),i=parseInt(window.getComputedStyle(t).getPropertyValue("grid-row-gap"),10),a=e.querySelectorAll(".panel");a&&a.forEach((e=>{const t=e.querySelector(".panel-content-wrapper");if(t){const a=Math.ceil((t.getBoundingClientRect().height+i)/(r+i));e.style.gridRowEnd="span "+a}}))}}}constructor(){super(),this._loading=!1,this._resizeHandler=()=>{OrDataViewer_1.generateGrid(this.shadowRoot)},this.addEventListener(OrChartEvent.NAME,(()=>OrDataViewer_1.generateGrid(this.shadowRoot)))}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this._resizeHandler)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("resize",this._resizeHandler)}refresh(){this.realm=manager.displayRealm}getPanel(e,t){const r=this.getPanelContent(e,t);return r?html`
+            <div class=${classMap({panel:!0,mobileHidden:!0===t.hideOnMobile})} id="${e}-panel" style="${t&&t.panelStyles?styleMap(t.panelStyles):""}">
+                <div class="panel-content-wrapper">
+                    ${t&&"chart"===t.type?html`
+                        <div class="panel-title">
+                            <or-translate value="${e}"></or-translate>
+                        </div>
+                    `:""}
+                   
+                    <div class="panel-content">
+                        ${r}
+                    </div>
+                </div>
+            </div>
+        `:html``}getPanelContent(e,t){if(t.hide||!this.config)return;let r;return this.realm=manager.displayRealm,t&&"chart"===t.type&&(r=html`<or-chart id="chart" panelName="${e}" .config="${this.config.chartConfig}" .realm="${this.realm}"></or-chart>`),t&&"kpi"===t.type&&(r=html`
+                <or-attribute-card panelName="${e}" .config="${this.config.chartConfig}" .realm="${this.realm}"></or-attribute-card>
+            `),r}render(){return this._loading?html`
+                <div class="msg"><or-translate value="loading"></or-translate></div>
+            `:(this.config||(this.config=Object.assign({},OrDataViewer_1.DEFAULT_CONFIG)),html`
+            <div id="wrapper">
+                <div id="container" style="${this.config.viewerStyles?styleMap(this.config.viewerStyles):""}">
+                    ${this.renderConfig()}
+                </div>
+            </div>
+        `)}renderConfig(){let e=this.config?this.config:OrDataViewer_1.DEFAULT_CONFIG;try{return Object.entries(e.panels).map((([e,t])=>this.getPanel(e,t)))}catch(t){return console.warn("OR data viewer config is invalid"),this.config=void 0,this.dispatchEvent(new OrDataViewerConfigInvalidEvent),e=OrDataViewer_1.DEFAULT_CONFIG,Object.entries(e.panels).map((([e,t])=>this.getPanel(e,t)))}}updated(e){super.updated(e),e.has("realm")&&this.refresh(),this.updateComplete.then((()=>{this.dispatchEvent(new OrDataViewerRenderCompleteEvent),OrDataViewer_1.generateGrid(this.shadowRoot)}))}};OrDataViewer.DEFAULT_PANEL_TYPE="chart",OrDataViewer.DEFAULT_CONFIG={viewerStyles:{},panels:{chart:{type:"chart",hideOnMobile:!0,panelStyles:{gridColumn:"1 / -1"}},kpi1:{type:"kpi",hideOnMobile:!1},kpi2:{type:"kpi",hideOnMobile:!1},kpi3:{type:"kpi",hideOnMobile:!1},kpi4:{type:"kpi",hideOnMobile:!1},kpi5:{type:"kpi",hideOnMobile:!1},kpi6:{type:"kpi",hideOnMobile:!1},kpi7:{type:"kpi",hideOnMobile:!1},kpi8:{type:"kpi",hideOnMobile:!1},chart2:{type:"chart",hideOnMobile:!0,panelStyles:{gridColumn:"1 / -1"}},chart3:{type:"chart",hideOnMobile:!0,panelStyles:{gridColumn:"1 / -1"}}}},__decorate([property()],OrDataViewer.prototype,"config",void 0),__decorate([property({type:Array,attribute:!1})],OrDataViewer.prototype,"_assets",void 0),__decorate([property()],OrDataViewer.prototype,"_loading",void 0),__decorate([property()],OrDataViewer.prototype,"realm",void 0),OrDataViewer=OrDataViewer_1=__decorate([customElement("or-data-viewer")],OrDataViewer);export{OrDataViewer};

package/lib/index.js.map

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

package/lib/style.d.ts

@@ -0,0 +1 @@
+export declare const style: import("lit").CSSResult;

package/lib/style.js

@@ -0,0 +1,154 @@
+import{css,unsafeCSS}from"lit";import{DefaultColor1,DefaultColor2,DefaultColor3,DefaultColor5}from"@openremote/core";export const style=css`
+
+    :host {
+        --internal-or-asset-viewer-background-color: var(--or-asset-viewer-background-color, var(--or-app-color2, ${unsafeCSS(DefaultColor2)}));
+        --internal-or-asset-viewer-panel-margin: var(--or-asset-viewer-panel-margin, 20px);
+        --internal-or-asset-viewer-panel-padding: var(--or-asset-viewer-panel-padding, 24px);
+        --internal-or-asset-viewer-text-color: var(--or-asset-viewer-text-color, var(--or-app-color3, ${unsafeCSS(DefaultColor3)}));
+        --internal-or-asset-viewer-title-text-color: var(--or-asset-viewer-title-text-color, var(--or-app-color3, ${unsafeCSS(DefaultColor3)}));       
+        --internal-or-asset-viewer-panel-color: var(--or-asset-viewer-panel-color, var(--or-app-color1, ${unsafeCSS(DefaultColor1)}));
+        --internal-or-asset-viewer-line-color: var(--or-asset-viewer-line-color, var(--or-app-color5, ${unsafeCSS(DefaultColor5)}));
+        
+        height: 100%;
+        width: 100%;
+        background-color: var(--internal-or-asset-viewer-background-color);
+    }
+   
+    *[hidden] {
+        display: none;
+    }
+    
+    #container {
+        width: 100%;
+        box-sizing: border-box;
+        display: grid;
+        margin: auto;
+        padding: 20px 20px;
+        grid-gap: 10px;
+        grid-template-columns: repeat(auto-fill, minmax(calc(25% - 8px), 1fr));
+        grid-auto-rows: 5px;
+
+        -webkit-animation: fadein 0.3s; /* Safari, Chrome and Opera > 12.1 */
+        -moz-animation: fadein 0.3s; /* Firefox < 16 */
+        -ms-animation: fadein 0.3s; /* Internet Explorer */
+        -o-animation: fadein 0.3s; /* Opera < 12.1 */
+        animation: fadein 0.3s;
+    }
+
+    @keyframes fadein {
+        from { opacity: 0; }
+        to   { opacity: 1; }
+    }
+
+    /* Firefox < 16 */
+    @-moz-keyframes fadein {
+        from { opacity: 0; }
+        to   { opacity: 1; }
+    }
+
+    /* Safari, Chrome and Opera > 12.1 */
+    @-webkit-keyframes fadein {
+        from { opacity: 0; }
+        to   { opacity: 1; }
+    }
+
+    /* Internet Explorer */
+    @-ms-keyframes fadein {
+        from { opacity: 0; }
+        to   { opacity: 1; }
+    }
+
+    /* Opera < 12.1 */
+    @-o-keyframes fadein {
+        from { opacity: 0; }
+        to   { opacity: 1; }
+    }
+
+    .panel {
+        background-color: var(--internal-or-asset-viewer-panel-color);     
+        border: 1px solid #e5e5e5;
+        border-radius: 5px;
+        max-width: 100%;
+    }
+    
+    .panel-content-wrapper {
+        padding: var(--internal-or-asset-viewer-panel-padding);
+    }
+  
+    .panel-content {
+        display: flex;
+        flex-wrap: wrap;
+    }
+        
+    .panel-title {
+        text-transform: uppercase;
+        font-weight: bolder;
+        line-height: 1em;
+        color: var(--internal-or-asset-viewer-title-text-color);
+        margin-bottom: 25px;
+        flex: 0 0 auto;
+    }
+   
+    .field {
+        margin: 10px 0;
+        width: 100%;
+        flex: 0 0 auto;
+        min-height: 50px;
+    }
+    
+    .field > * {
+        width: 100%;
+        box-sizing: border-box;
+    }
+    
+    .msg {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        text-align: center;
+        height: 100%;
+    }
+    
+    .back-navigation {
+        display: none;
+        cursor: pointer;
+    }
+
+    @media screen and (max-width: 1024px) {
+        #container {
+            grid-template-columns: repeat(auto-fill, minmax(calc(50% - 8px), 1fr));
+        }
+    }
+
+    @media screen and (max-width: 769px) {
+        .back-navigation {
+            display: block;
+        }
+        
+        .mobileHidden {
+            display: none;
+        }
+      
+        #container {
+            grid-auto-rows: auto;
+        }
+
+        .panel {
+            border-radius: 0;
+            border-right: none;
+            border-left: none;
+        }
+
+        #chart-panel {
+            grid-row-start: 1;
+        }
+
+        
+        #container { 
+            grid-template-columns: 100% !important;
+            padding: 20px 0;
+        }
+        
+        
+    }
+`;

package/lib/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../src/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAE,SAAS,EAAC,MAAM,KAAK,CAAC;AACnC,OAAO,EAAmB,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAE9G,eAAe;AACf,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;oHAG4F,SAAS,CAAC,aAAa,CAAC;;;wGAGpC,SAAS,CAAC,aAAa,CAAC;oHACZ,SAAS,CAAC,aAAa,CAAC;0GAClC,SAAS,CAAC,aAAa,CAAC;wGAC1B,SAAS,CAAC,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgJ/H,CAAC"}

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "@openremote/or-data-viewer",
+  "version": "1.2.0-snapshot.20240512160221",
+  "description": "OpenRemote data Viewer",
+  "main": "dist/umd/index.bundle.js",
+  "module": "lib/index.js",
+  "exports": {
+    ".": "./lib/index.js",
+    "./*": "./lib/*.js"
+  },
+  "types": "lib/index.d.ts",
+  "scripts": {
+    "test": "echo \"No tests\" && exit 0",
+    "prepublishOnly": "npx webpack"
+  },
+  "author": "OpenRemote",
+  "license": "AGPL-3.0-or-later",
+  "dependencies": {
+    "@openremote/core": "1.2.0-snapshot.20240512160221",
+    "@openremote/model": "1.2.0-snapshot.20240512160221",
+    "@openremote/or-attribute-card": "1.2.0-snapshot.20240512160221",
+    "@openremote/or-attribute-history": "1.2.0-snapshot.20240512160221",
+    "@openremote/or-attribute-input": "1.2.0-snapshot.20240512160221",
+    "@openremote/or-chart": "1.2.0-snapshot.20240512160221",
+    "@openremote/or-components": "1.2.0-snapshot.20240512160221",
+    "@openremote/or-icon": "1.2.0-snapshot.20240512160221",
+    "@openremote/or-map": "1.2.0-snapshot.20240512160221",
+    "@openremote/or-mwc-components": "1.2.0-snapshot.20240512160221",
+    "@openremote/or-translate": "1.2.0-snapshot.20240512160221",
+    "@openremote/rest": "1.2.0-snapshot.20240512160221",
+    "lit": "^2.0.2"
+  },
+  "devDependencies": {
+    "@openremote/util": "1.2.0-snapshot.20240512160221"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}