@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.
- package/custom-elements-jsx.d.ts +1 -21
- package/custom-elements.json +2 -89
- package/lib/or-vaadin-dialog.d.ts +1 -8
- package/lib/or-vaadin-dialog.d.ts.map +1 -1
- package/lib/or-vaadin-dialog.js +1 -12
- package/lib/or-vaadin-dialog.js.map +1 -1
- package/package.json +10 -11
- package/lib/or-vaadin-button.d.ts +0 -5
- package/lib/or-vaadin-button.d.ts.map +0 -1
- package/lib/or-vaadin-button.js +0 -34
- package/lib/or-vaadin-button.js.map +0 -1
- package/stories/or-vaadin-dialog.stories.ts +0 -124
package/custom-elements-jsx.d.ts
CHANGED
|
@@ -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 {
|
|
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
|
|
package/custom-elements.json
CHANGED
|
@@ -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": "
|
|
71
|
+
"name": "dialogRenderer",
|
|
159
72
|
"declaration": {
|
|
160
|
-
"name": "
|
|
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
|
|
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"}
|
package/lib/or-vaadin-dialog.js
CHANGED
|
@@ -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
|
|
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.
|
|
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.
|
|
35
|
-
"@openremote/model": "1.
|
|
36
|
-
"@vaadin/
|
|
37
|
-
"@vaadin/
|
|
38
|
-
"@vaadin/
|
|
39
|
-
"@vaadin/
|
|
40
|
-
"@vaadin/
|
|
41
|
-
"@vaadin/
|
|
42
|
-
"@vaadin/text-
|
|
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 +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"}
|
package/lib/or-vaadin-button.js
DELETED
|
@@ -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;
|