@openremote/or-vaadin-components 1.16.1 → 1.17.0-snapshot.20260204162303

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.
@@ -1,7 +1,6 @@
1
1
 
2
- import type { OrVaadinButton } from "./lib/or-vaadin-button.d.ts";
3
2
  import type { OrVaadinCheckbox } from "./lib/or-vaadin-checkbox.d.ts";
4
- import type { dialogHeaderRenderer, DialogHeaderRendererDirective, dialogRenderer, DialogRendererDirective, dialogFooterRenderer, DialogFooterRendererDirective, OrVaadinDialog } from "./lib/or-vaadin-dialog.d.ts";
3
+ import type { dialogFooterRenderer, dialogRenderer, OrVaadinDialog } from "./lib/or-vaadin-dialog.d.ts";
5
4
  import type { OrVaadinInput } from "./lib/or-vaadin-input.d.ts";
6
5
  import type { OrVaadinNumberfield } from "./lib/or-vaadin-numberfield.d.ts";
7
6
  import type { OrVaadinPasswordField } from "./lib/or-vaadin-passwordfield.d.ts";
@@ -88,12 +87,6 @@ type BaseEvents = {
88
87
 
89
88
 
90
89
 
91
- export type OrVaadinButtonProps = {
92
-
93
-
94
- }
95
-
96
-
97
90
  export type OrVaadinCheckboxProps = {
98
91
 
99
92
 
@@ -152,12 +145,6 @@ export type OrVaadinTextfieldProps = {
152
145
  export type CustomElements = {
153
146
 
154
147
 
155
- /**
156
- *
157
- */
158
- "or-vaadin-button": Partial<OrVaadinButtonProps & BaseProps<OrVaadinButton> & BaseEvents>;
159
-
160
-
161
148
  /**
162
149
  *
163
150
  */
@@ -166,13 +153,6 @@ export type OrVaadinTextfieldProps = {
166
153
 
167
154
  /**
168
155
  *
169
- *
170
- * ## Methods
171
- *
172
- * Methods that can be called to access component functionality.
173
- *
174
- * - `open() => void`: undefined
175
- * - `close() => void`: undefined
176
156
  */
177
157
  "or-vaadin-dialog": Partial<OrVaadinDialogProps & BaseProps<OrVaadinDialog> & BaseEvents>;
178
158
 
@@ -2,43 +2,6 @@
2
2
  "schemaVersion": "1.0.0",
3
3
  "readme": "",
4
4
  "modules": [
5
- {
6
- "kind": "javascript-module",
7
- "path": "src/or-vaadin-button.ts",
8
- "declarations": [
9
- {
10
- "kind": "class",
11
- "description": "",
12
- "name": "OrVaadinButton",
13
- "superclass": {
14
- "name": "Button",
15
- "package": "@vaadin/button"
16
- },
17
- "tagName": "or-vaadin-button",
18
- "customElement": true,
19
- "modulePath": "src/or-vaadin-button.ts",
20
- "definitionPath": "src/or-vaadin-button.ts"
21
- }
22
- ],
23
- "exports": [
24
- {
25
- "kind": "js",
26
- "name": "OrVaadinButton",
27
- "declaration": {
28
- "name": "OrVaadinButton",
29
- "module": "src/or-vaadin-button.ts"
30
- }
31
- },
32
- {
33
- "kind": "custom-element-definition",
34
- "name": "or-vaadin-button",
35
- "declaration": {
36
- "name": "OrVaadinButton",
37
- "module": "src/or-vaadin-button.ts"
38
- }
39
- }
40
- ]
41
- },
42
5
  {
43
6
  "kind": "javascript-module",
44
7
  "path": "src/or-vaadin-checkbox.ts",
@@ -84,24 +47,6 @@
84
47
  "kind": "class",
85
48
  "description": "",
86
49
  "name": "OrVaadinDialog",
87
- "members": [
88
- {
89
- "kind": "method",
90
- "name": "open",
91
- "privacy": "public",
92
- "type": {
93
- "text": "open() => void"
94
- }
95
- },
96
- {
97
- "kind": "method",
98
- "name": "close",
99
- "privacy": "public",
100
- "type": {
101
- "text": "close() => void"
102
- }
103
- }
104
- ],
105
50
  "superclass": {
106
51
  "name": "Dialog",
107
52
  "package": "@vaadin/dialog"
@@ -113,38 +58,6 @@
113
58
  }
114
59
  ],
115
60
  "exports": [
116
- {
117
- "kind": "js",
118
- "name": "dialogHeaderRenderer",
119
- "declaration": {
120
- "name": "dialogHeaderRenderer",
121
- "module": "\"@vaadin/dialog/lit.js\""
122
- }
123
- },
124
- {
125
- "kind": "js",
126
- "name": "DialogHeaderRendererDirective",
127
- "declaration": {
128
- "name": "DialogHeaderRendererDirective",
129
- "module": "\"@vaadin/dialog/lit.js\""
130
- }
131
- },
132
- {
133
- "kind": "js",
134
- "name": "dialogRenderer",
135
- "declaration": {
136
- "name": "dialogRenderer",
137
- "module": "\"@vaadin/dialog/lit.js\""
138
- }
139
- },
140
- {
141
- "kind": "js",
142
- "name": "DialogRendererDirective",
143
- "declaration": {
144
- "name": "DialogRendererDirective",
145
- "module": "\"@vaadin/dialog/lit.js\""
146
- }
147
- },
148
61
  {
149
62
  "kind": "js",
150
63
  "name": "dialogFooterRenderer",
@@ -155,9 +68,9 @@
155
68
  },
156
69
  {
157
70
  "kind": "js",
158
- "name": "DialogFooterRendererDirective",
71
+ "name": "dialogRenderer",
159
72
  "declaration": {
160
- "name": "DialogFooterRendererDirective",
73
+ "name": "dialogRenderer",
161
74
  "module": "\"@vaadin/dialog/lit.js\""
162
75
  }
163
76
  },
@@ -1,13 +1,6 @@
1
1
  import { Dialog } from "@vaadin/dialog";
2
2
  import { OrVaadinComponent } from "./util";
3
- /**
4
- * Vaadin uses custom directives for rendering the dialog content.
5
- * https://lit.dev/docs/templates/custom-directives/
6
- * https://vaadin.com/docs/latest/components/dialog/
7
- */
8
- export { dialogHeaderRenderer, DialogHeaderRendererDirective, dialogRenderer, DialogRendererDirective, dialogFooterRenderer, DialogFooterRendererDirective } from "@vaadin/dialog/lit.js";
3
+ export { dialogFooterRenderer, dialogRenderer } from "@vaadin/dialog/lit.js";
9
4
  export declare class OrVaadinDialog extends Dialog implements OrVaadinComponent {
10
- open(): void;
11
- close(): void;
12
5
  }
13
6
  //# sourceMappingURL=or-vaadin-dialog.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"or-vaadin-dialog.d.ts","sourceRoot":"","sources":["../src/or-vaadin-dialog.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAC,MAAM,EAAC,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAC,iBAAiB,EAAC,MAAM,QAAQ,CAAC;AAGzC;;;;GAIG;AACH,OAAO,EAAC,oBAAoB,EAAE,6BAA6B,EAAE,cAAc,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,6BAA6B,EAAC,MAAM,uBAAuB,CAAC;AAExL,qBACa,cAAe,SAAQ,MAAO,YAAW,iBAAiB;IAE5D,IAAI;IAIJ,KAAK;CAGf"}
1
+ {"version":3,"file":"or-vaadin-dialog.d.ts","sourceRoot":"","sources":["../src/or-vaadin-dialog.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAC,MAAM,EAAC,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAC,iBAAiB,EAAC,MAAM,QAAQ,CAAC;AAGzC,OAAO,EAAC,oBAAoB,EAAE,cAAc,EAAC,MAAM,uBAAuB,CAAC;AAE3E,qBACa,cAAe,SAAQ,MAAO,YAAW,iBAAiB;CAEtE"}
@@ -25,19 +25,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
25
25
  */
26
26
  import { Dialog } from "@vaadin/dialog";
27
27
  import { customElement } from "lit/decorators.js";
28
- /**
29
- * Vaadin uses custom directives for rendering the dialog content.
30
- * https://lit.dev/docs/templates/custom-directives/
31
- * https://vaadin.com/docs/latest/components/dialog/
32
- */
33
- export { dialogHeaderRenderer, DialogHeaderRendererDirective, dialogRenderer, DialogRendererDirective, dialogFooterRenderer, DialogFooterRendererDirective } from "@vaadin/dialog/lit.js";
28
+ export { dialogFooterRenderer, dialogRenderer } from "@vaadin/dialog/lit.js";
34
29
  let OrVaadinDialog = class OrVaadinDialog extends Dialog {
35
- open() {
36
- this.setAttribute("opened", "true");
37
- }
38
- close() {
39
- this.toggleAttribute("opened", false);
40
- }
41
30
  };
42
31
  OrVaadinDialog = __decorate([
43
32
  customElement("or-vaadin-dialog")
@@ -1 +1 @@
1
- {"version":3,"file":"or-vaadin-dialog.js","sourceRoot":"","sources":["../src/or-vaadin-dialog.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAAC,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAEtC,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD;;;;GAIG;AACH,OAAO,EAAC,oBAAoB,EAAE,6BAA6B,EAAE,cAAc,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,6BAA6B,EAAC,MAAM,uBAAuB,CAAC;AAGjL,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,MAAM;IAE/B,IAAI;QACP,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IACxC,CAAC;IAEM,KAAK;QACR,IAAI,CAAC,eAAe,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IAC1C,CAAC;CACJ,CAAA;AATY,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CAS1B"}
1
+ {"version":3,"file":"or-vaadin-dialog.js","sourceRoot":"","sources":["../src/or-vaadin-dialog.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAAC,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAEtC,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,oBAAoB,EAAE,cAAc,EAAC,MAAM,uBAAuB,CAAC;AAGpE,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,MAAM;CAEzC,CAAA;AAFY,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CAE1B"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@openremote/or-vaadin-components",
3
- "version": "1.16.1",
3
+ "version": "1.17.0-snapshot.20260204162303",
4
4
  "description": "Vaadin Components packaged as components aligned with the OpenRemote design system",
5
5
  "customElements": "custom-elements.json",
6
6
  "main": "dist/umd/index.bundle.js",
@@ -31,16 +31,15 @@
31
31
  "repository": "https://github.com/openremote/openremote",
32
32
  "license": "AGPL-3.0-or-later",
33
33
  "dependencies": {
34
- "@openremote/core": "1.16.1",
35
- "@openremote/model": "1.16.1",
36
- "@vaadin/button": "~25.0.3",
37
- "@vaadin/checkbox": "~25.0.3",
38
- "@vaadin/dialog": "~25.0.3",
39
- "@vaadin/number-field": "~25.0.3",
40
- "@vaadin/password-field": "~25.0.3",
41
- "@vaadin/select": "~25.0.3",
42
- "@vaadin/text-area": "~25.0.3",
43
- "@vaadin/text-field": "~25.0.3",
34
+ "@openremote/core": "1.17.0-snapshot.20260204162303",
35
+ "@openremote/model": "1.17.0-snapshot.20260204162303",
36
+ "@vaadin/checkbox": "~25.0.1",
37
+ "@vaadin/dialog": "~25.0.1",
38
+ "@vaadin/number-field": "~25.0.1",
39
+ "@vaadin/password-field": "~25.0.1",
40
+ "@vaadin/select": "~25.0.1",
41
+ "@vaadin/text-area": "~25.0.1",
42
+ "@vaadin/text-field": "~25.0.1",
44
43
  "lit": "^3.3.1"
45
44
  },
46
45
  "publishConfig": {
@@ -1,5 +0,0 @@
1
- import { Button } from "@vaadin/button";
2
- import { OrVaadinComponent } from "./util";
3
- export declare class OrVaadinButton extends Button implements OrVaadinComponent {
4
- }
5
- //# sourceMappingURL=or-vaadin-button.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"or-vaadin-button.d.ts","sourceRoot":"","sources":["../src/or-vaadin-button.ts"],"names":[],"mappings":"AAoBA,OAAO,EAAC,MAAM,EAAC,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAC,iBAAiB,EAAC,MAAM,QAAQ,CAAC;AAEzC,qBACa,cAAe,SAAQ,MAAO,YAAW,iBAAiB;CAEtE"}
@@ -1,34 +0,0 @@
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
- /*
8
- * Copyright 2025, OpenRemote Inc.
9
- *
10
- * See the CONTRIBUTORS.txt file in the distribution for a
11
- * full listing of individual contributors.
12
- *
13
- * This program is free software: you can redistribute it and/or modify
14
- * it under the terms of the GNU Affero General Public License as
15
- * published by the Free Software Foundation, either version 3 of the
16
- * License, or (at your option) any later version.
17
- *
18
- * This program is distributed in the hope that it will be useful,
19
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
20
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
21
- * GNU Affero General Public License for more details.
22
- *
23
- * You should have received a copy of the GNU Affero General Public License
24
- * along with this program. If not, see <http://www.gnu.org/licenses/>.
25
- */
26
- import { customElement } from "lit/decorators.js";
27
- import { Button } from "@vaadin/button";
28
- let OrVaadinButton = class OrVaadinButton extends Button {
29
- };
30
- OrVaadinButton = __decorate([
31
- customElement("or-vaadin-button")
32
- ], OrVaadinButton);
33
- export { OrVaadinButton };
34
- //# sourceMappingURL=or-vaadin-button.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"or-vaadin-button.js","sourceRoot":"","sources":["../src/or-vaadin-button.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAC,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAI/B,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,MAAM;CAEzC,CAAA;AAFY,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CAE1B"}
@@ -1,124 +0,0 @@
1
- /*
2
- * Copyright 2025, OpenRemote Inc.
3
- *
4
- * See the CONTRIBUTORS.txt file in the distribution for a
5
- * full listing of individual contributors.
6
- *
7
- * This program is free software: you can redistribute it and/or modify
8
- * it under the terms of the GNU Affero General Public License as
9
- * published by the Free Software Foundation, either version 3 of the
10
- * License, or (at your option) any later version.
11
- *
12
- * This program is distributed in the hope that it will be useful,
13
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
14
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
15
- * GNU Affero General Public License for more details.
16
- *
17
- * You should have received a copy of the GNU Affero General Public License
18
- * along with this program. If not, see <http://www.gnu.org/licenses/>.
19
- */
20
- import {setCustomElementsManifest, type Meta, type StoryObj } from "@storybook/web-components";
21
- import {getStorybookHelpers} from "@wc-toolkit/storybook-helpers";
22
- import customElements from "../custom-elements.json" with { type: "json" };
23
- import packageJson from "../package.json" with { type: "json" };
24
- import {html} from "lit";
25
- import {dialogFooterRenderer, dialogHeaderRenderer, dialogRenderer, OrVaadinDialog} from "../src/or-vaadin-dialog";
26
- import manager from "@openremote/core";
27
- import "../src/or-vaadin-button";
28
- import "../src/or-vaadin-dialog";
29
- import "../src/or-vaadin-numberfield";
30
- import "@openremote/or-map";
31
-
32
- const tagName = "or-vaadin-dialog";
33
- type Story = StoryObj;
34
- setCustomElementsManifest(customElements);
35
-
36
- const { events, args, argTypes, template } = getStorybookHelpers(tagName);
37
-
38
- const meta: Meta = {
39
- title: "Playground/or-vaadin-components/dialog",
40
- component: tagName,
41
- args: args,
42
- argTypes: argTypes,
43
- render: storyArgs => template(storyArgs),
44
- excludeStories: /^[a-z].*/,
45
- parameters: {
46
- actions: {
47
- handles: events
48
- },
49
- docs: {
50
- subtitle: `<${tagName}>`,
51
- description: "Dialog is a small window that can be used to present information and user interface elements in an overlay."
52
- }
53
- }
54
- };
55
-
56
- export const Primary: Story = {
57
- render: (_args) => {
58
- return html`
59
- <or-vaadin-dialog
60
- ${dialogHeaderRenderer(() => html`<h2>Dialog title</h2>`)}
61
- ${dialogRenderer(() => html`<p>Content</p>`)}
62
- ></or-vaadin-dialog>
63
- <or-vaadin-button @click="${() => (document.querySelector('or-vaadin-dialog') as OrVaadinDialog).open()}">Show dialog</or-vaadin-button>
64
- `;
65
- },
66
- parameters: {
67
- docs: {
68
- story: {
69
- height: "360px"
70
- }
71
- }
72
- }
73
- };
74
-
75
- export const MapExample: Story = {
76
- render: (_args) => {
77
- const footer = () => html`
78
- <or-vaadin-button theme="tertiary">Cancel</or-vaadin-button>
79
- <or-vaadin-button theme="primary">Save</or-vaadin-button>
80
- `;
81
- return html`
82
- <or-vaadin-dialog header-title="Configure area" ${dialogFooterRenderer(footer)}>
83
- <div>
84
- <or-map style="aspect-ratio: 1/1;"></or-map>
85
- <or-vaadin-numberfield label="Radius (min. 100m)" min="100" value="100"></or-vaadin-numberfield>
86
- </div>
87
- </or-vaadin-dialog>
88
- <or-vaadin-button @click="${() => (document.querySelector('or-vaadin-dialog') as OrVaadinDialog).open()}">Show dialog</or-vaadin-button>
89
- `;
90
- },
91
- parameters: {
92
- docs: {
93
- story: {
94
- height: "640px"
95
- }
96
- }
97
- },
98
- loaders: [
99
- async storyArgs => ({
100
- orManager: await loadOrManager()
101
- })
102
- ]
103
- };
104
-
105
- export const examples: Story[] = [MapExample];
106
-
107
- export {customElements, packageJson};
108
-
109
- /* ------------------------------------------------------- */
110
- /* UTILITY FUNCTIONS */
111
- /* ------------------------------------------------------- */
112
-
113
- async function loadOrManager() {
114
- if(await manager.init({ managerUrl: "http://localhost:8080", realm: "smartcity" })) {
115
- if(!manager.authenticated) {
116
- manager.login();
117
- }
118
- return manager;
119
- }
120
- throw new Error("Manager could not be initialized");
121
- }
122
-
123
-
124
- export default meta;