@openremote/or-app 1.8.0-snapshot.20250725074716 → 1.8.0-snapshot.20250725120001

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/README.md +87 -87
  2. package/images/logo-mobile.svg +7 -7
  3. package/images/logo.svg +15 -15
  4. package/lib/app.js +38 -1
  5. package/lib/index.js +538 -67
  6. package/lib/or-header.js +496 -298
  7. package/lib/page-offline.js +109 -49
  8. package/lib/types.js +25 -1
  9. package/package.json +16 -16
  10. package/typedoc.js +2 -2
package/lib/page-offline.js CHANGED
@@ -1,53 +1,113 @@
1
- var __decorate=this&&this.__decorate||function(e,t,n,i){var o,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var f=e.length-1;f>=0;f--)(o=e[f])&&(a=(r<3?o(a):r>3?o(t,n,a):o(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},__await=this&&this.__await||function(e){return this instanceof __await?(this.v=e,this):new __await(e)},__asyncGenerator=this&&this.__asyncGenerator||function(e,t,n){if(!Symbol.asyncIterator)throw TypeError("Symbol.asyncIterator is not defined.");var i,o=n.apply(e,t||[]),r=[];return i=Object.create(("function"==typeof AsyncIterator?AsyncIterator:Object).prototype),a("next"),a("throw"),a("return",function(e){return function(t){return Promise.resolve(t).then(e,l)}}),i[Symbol.asyncIterator]=function(){return this},i;function a(e,t){o[e]&&(i[e]=function(t){return new Promise(function(n,i){r.push([e,t,n,i])>1||f(e,t)})},t&&(i[e]=t(i[e])))}function f(e,t){try{var n;(n=o[e](t)).value instanceof __await?Promise.resolve(n.value.v).then(c,l):s(r[0][2],n)}catch(e){s(r[0][3],e)}}function c(e){f("next",e)}function l(e){f("throw",e)}function s(e,t){e(t),r.shift(),r.length&&f(r[0][0],r[0][1])}};import{Page as e}from"./types";import{css as t,html as n}from"lit";import{customElement as i}from"lit/decorators.js";let styling=t`
2
- #offline-wrapper {
3
- display: flex;
4
- justify-content: center;
5
- align-items: center;
6
- height: 100%;
7
- width: 100%;
8
- flex-direction: column;
9
- gap: 32px;
10
- padding: 0 32px;
1
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
6
+ };
7
+ var __await = (this && this.__await) || function (v) { return this instanceof __await ? (this.v = v, this) : new __await(v); }
8
+ var __asyncGenerator = (this && this.__asyncGenerator) || function (thisArg, _arguments, generator) {
9
+ if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
10
+ var g = generator.apply(thisArg, _arguments || []), i, q = [];
11
+ return i = Object.create((typeof AsyncIterator === "function" ? AsyncIterator : Object).prototype), verb("next"), verb("throw"), verb("return", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;
12
+ function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }
13
+ function verb(n, f) { if (g[n]) { i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; if (f) i[n] = f(i[n]); } }
14
+ function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
15
+ function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
16
+ function fulfill(value) { resume("next", value); }
17
+ function reject(value) { resume("throw", value); }
18
+ function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
19
+ };
20
+ import { Page } from "./types";
21
+ import { css, html } from "lit";
22
+ import { customElement } from "lit/decorators.js";
23
+ // language=css
24
+ const styling = css `
25
+ #offline-wrapper {
26
+ display: flex;
27
+ justify-content: center;
28
+ align-items: center;
29
+ height: 100%;
30
+ width: 100%;
31
+ flex-direction: column;
32
+ gap: 32px;
33
+ padding: 0 32px;
34
+ }
35
+
36
+ #offline-icon {
37
+ font-size: 64px;
38
+ }
39
+
40
+ #offline-text-container {
41
+ display: flex;
42
+ align-items: center;
43
+ flex-direction: column;
44
+ gap: 16px;
45
+ }
46
+
47
+ #offline-title {
48
+ font-size: 24px;
49
+ font-weight: bold;
50
+ }
51
+
52
+ #reconnecting-text:after {
53
+ display: inline-block;
54
+ animation: dotty steps(2,end) 2s infinite;
55
+ content: '';
56
+ }
57
+
58
+ @keyframes dotty {
59
+ 0% { content: ''; }
60
+ 25% { content: '.'; }
61
+ 50% { content: '..'; }
62
+ 75% { content: '...'; }
63
+ 100% { content: ''; }
64
+ }
65
+ `;
66
+ function countDown(count) {
67
+ return __asyncGenerator(this, arguments, function* countDown_1() {
68
+ while (count > 0) {
69
+ yield yield __await(count--);
70
+ yield __await(new Promise((r) => setTimeout(r, 1000)));
71
+ }
72
+ });
73
+ }
74
+ export function pageOfflineProvider(store) {
75
+ return {
76
+ name: "offline",
77
+ routes: [
78
+ "offline"
79
+ ],
80
+ pageCreator: () => {
81
+ return new PageOffline(store);
82
+ }
83
+ };
84
+ }
85
+ let PageOffline = class PageOffline extends Page {
86
+ static get styles() {
87
+ return [styling];
11
88
  }
12
-
13
- #offline-icon {
14
- font-size: 64px;
89
+ stateChanged(state) {
15
90
  }
16
-
17
- #offline-text-container {
18
- display: flex;
19
- align-items: center;
20
- flex-direction: column;
21
- gap: 16px;
91
+ render() {
92
+ return html `
93
+ <div id="offline-wrapper">
94
+ <or-icon id="offline-icon" icon="web-off"></or-icon>
95
+ <div id="offline-text-container">
96
+ <span id="offline-title""><or-translate value="youAreOffline"></or-translate></span>
97
+ <span id="offline-subtitle"><or-translate value="checkConnection"></or-translate></span>
98
+ </div>
99
+ <div>
100
+ <span><or-translate id="reconnecting-text" value="reconnecting"></or-translate></span>
101
+ </div>
102
+ </div>
103
+ `;
22
104
  }
23
-
24
- #offline-title {
25
- font-size: 24px;
26
- font-weight: bold;
105
+ get name() {
106
+ return "offline";
27
107
  }
28
-
29
- #reconnecting-text:after {
30
- display: inline-block;
31
- animation: dotty steps(2,end) 2s infinite;
32
- content: '';
33
- }
34
-
35
- @keyframes dotty {
36
- 0% { content: ''; }
37
- 25% { content: '.'; }
38
- 50% { content: '..'; }
39
- 75% { content: '...'; }
40
- 100% { content: ''; }
41
- }
42
- `;function countDown(e){return __asyncGenerator(this,arguments,function*(){for(;e>0;)yield yield __await(e--),yield __await(new Promise(e=>setTimeout(e,1e3)))})}export function pageOfflineProvider(e){return{name:"offline",routes:["offline"],pageCreator:()=>new PageOffline(e)}}let PageOffline=class extends e{static get styles(){return[styling]}stateChanged(e){}render(){return n`
43
- <div id="offline-wrapper">
44
- <or-icon id="offline-icon" icon="web-off"></or-icon>
45
- <div id="offline-text-container">
46
- <span id="offline-title""><or-translate value="youAreOffline"></or-translate></span>
47
- <span id="offline-subtitle"><or-translate value="checkConnection"></or-translate></span>
48
- </div>
49
- <div>
50
- <span><or-translate id="reconnecting-text" value="reconnecting"></or-translate></span>
51
- </div>
52
- </div>
53
- `}get name(){return"offline"}};PageOffline=__decorate([i("page-offline")],PageOffline);export{PageOffline};
108
+ };
109
+ PageOffline = __decorate([
110
+ customElement("page-offline")
111
+ ], PageOffline);
112
+ export { PageOffline };
113
+ //# sourceMappingURL=page-offline.js.map
package/lib/types.js CHANGED
@@ -1 +1,25 @@
1
- import{LitElement as t}from"lit";import e from"i18next";import{translate as s}from"@openremote/or-translate";import r from"navigo";export const router=new r("/",{hash:!0});export class Page extends s(e)(t){constructor(t){super(),this._store=t}connectedCallback(){super.connectedCallback(),this._storeUnsubscribe=this._store.subscribe(()=>this.stateChanged(this._store.getState())),this.stateChanged(this._store.getState())}disconnectedCallback(){this._storeUnsubscribe(),super.disconnectedCallback()}getState(){return this._store.getState()}}
1
+ import { LitElement } from "lit";
2
+ import i18next from "i18next";
3
+ import { translate } from "@openremote/or-translate";
4
+ import Navigo from "navigo";
5
+ // Configure routing
6
+ export const router = new Navigo("/", { hash: true });
7
+ export class Page extends translate(i18next)(LitElement) {
8
+ constructor(store) {
9
+ super();
10
+ this._store = store;
11
+ }
12
+ connectedCallback() {
13
+ super.connectedCallback();
14
+ this._storeUnsubscribe = this._store.subscribe(() => this.stateChanged(this._store.getState()));
15
+ this.stateChanged(this._store.getState());
16
+ }
17
+ disconnectedCallback() {
18
+ this._storeUnsubscribe();
19
+ super.disconnectedCallback();
20
+ }
21
+ getState() {
22
+ return this._store.getState();
23
+ }
24
+ }
25
+ //# sourceMappingURL=types.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@openremote/or-app",
3
- "version": "1.8.0-snapshot.20250725074716",
3
+ "version": "1.8.0-snapshot.20250725120001",
4
4
  "description": "OpenRemote app template",
5
5
  "author": "OpenRemote",
6
6
  "license": "AGPL-3.0-or-later",
@@ -22,20 +22,20 @@
22
22
  },
23
23
  "dependencies": {
24
24
  "@lit/task": "^1.0.0",
25
- "@openremote/core": "1.8.0-snapshot.20250725074716",
26
- "@openremote/or-asset-tree": "1.8.0-snapshot.20250725074716",
27
- "@openremote/or-asset-viewer": "1.8.0-snapshot.20250725074716",
28
- "@openremote/or-attribute-input": "1.8.0-snapshot.20250725074716",
29
- "@openremote/or-attribute-picker": "1.8.0-snapshot.20250725074716",
30
- "@openremote/or-chart": "1.8.0-snapshot.20250725074716",
31
- "@openremote/or-dashboard-builder": "1.8.0-snapshot.20250725074716",
32
- "@openremote/or-gauge": "1.8.0-snapshot.20250725074716",
33
- "@openremote/or-map": "1.8.0-snapshot.20250725074716",
34
- "@openremote/or-mwc-components": "1.8.0-snapshot.20250725074716",
35
- "@openremote/or-rules": "1.8.0-snapshot.20250725074716",
36
- "@openremote/or-smart-notify": "1.8.0-snapshot.20250725074716",
37
- "@openremote/or-timeline": "1.8.0-snapshot.20250725074716",
38
- "@openremote/rest": "1.8.0-snapshot.20250725074716",
25
+ "@openremote/core": "1.8.0-snapshot.20250725120001",
26
+ "@openremote/or-asset-tree": "1.8.0-snapshot.20250725120001",
27
+ "@openremote/or-asset-viewer": "1.8.0-snapshot.20250725120001",
28
+ "@openremote/or-attribute-input": "1.8.0-snapshot.20250725120001",
29
+ "@openremote/or-attribute-picker": "1.8.0-snapshot.20250725120001",
30
+ "@openremote/or-chart": "1.8.0-snapshot.20250725120001",
31
+ "@openremote/or-dashboard-builder": "1.8.0-snapshot.20250725120001",
32
+ "@openremote/or-gauge": "1.8.0-snapshot.20250725120001",
33
+ "@openremote/or-map": "1.8.0-snapshot.20250725120001",
34
+ "@openremote/or-mwc-components": "1.8.0-snapshot.20250725120001",
35
+ "@openremote/or-rules": "1.8.0-snapshot.20250725120001",
36
+ "@openremote/or-smart-notify": "1.8.0-snapshot.20250725120001",
37
+ "@openremote/or-timeline": "1.8.0-snapshot.20250725120001",
38
+ "@openremote/rest": "1.8.0-snapshot.20250725120001",
39
39
  "@reduxjs/toolkit": "^1.8.1",
40
40
  "@webcomponents/webcomponentsjs": "^2.6.0",
41
41
  "lit": "^2.0.2",
@@ -44,7 +44,7 @@
44
44
  "pwa-helpers": "^0.9.0"
45
45
  },
46
46
  "devDependencies": {
47
- "@openremote/util": "1.8.0-snapshot.20250725074716"
47
+ "@openremote/util": "1.8.0-snapshot.20250725120001"
48
48
  },
49
49
  "publishConfig": {
50
50
  "access": "public"
package/typedoc.js CHANGED
@@ -1,3 +1,3 @@
1
- module.exports = {
2
- ... require('../../typedoc.js')
1
+ module.exports = {
2
+ ... require('../../typedoc.js')
3
3
  };