@operato/app 2.0.0-alpha.80 → 2.0.0-alpha.81
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/CHANGELOG.md +9 -0
- package/dist/src/grist-editor/ox-popup-code-input.js +6 -8
- package/dist/src/grist-editor/ox-popup-code-input.js.map +1 -1
- package/dist/src/grist-editor/ox-popup-privilege-input.js +6 -16
- package/dist/src/grist-editor/ox-popup-privilege-input.js.map +1 -1
- package/dist/src/selector/ox-selector-resource-id.js +7 -9
- package/dist/src/selector/ox-selector-resource-id.js.map +1 -1
- package/dist/src/selector/ox-selector-resource-object-legacy.js +7 -9
- package/dist/src/selector/ox-selector-resource-object-legacy.js.map +1 -1
- package/dist/src/selector/ox-selector-resource-object.js +7 -9
- package/dist/src/selector/ox-selector-resource-object.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +10 -10
- package/src/grist-editor/ox-popup-code-input.ts +6 -8
- package/src/grist-editor/ox-popup-privilege-input.ts +6 -16
- package/src/selector/ox-selector-resource-id.ts +7 -9
- package/src/selector/ox-selector-resource-object-legacy.ts +7 -9
- package/src/selector/ox-selector-resource-object.ts +7 -9
- package/themes/app-theme.css +0 -1
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@operato/app",
|
|
3
3
|
"description": "WebApplication production supporting components following open-wc recommendations",
|
|
4
4
|
"author": "heartyoh",
|
|
5
|
-
"version": "2.0.0-alpha.
|
|
5
|
+
"version": "2.0.0-alpha.81",
|
|
6
6
|
"main": "dist/src/index.js",
|
|
7
7
|
"module": "dist/src/index.js",
|
|
8
8
|
"exports": {
|
|
@@ -134,17 +134,17 @@
|
|
|
134
134
|
"@graphql-tools/delegate": "^10.0.1",
|
|
135
135
|
"@graphql-tools/wrap": "^8.5.0",
|
|
136
136
|
"@material/web": "^1.4.0",
|
|
137
|
-
"@operato/attachment": "^2.0.0-alpha.
|
|
138
|
-
"@operato/data-grist": "^2.0.0-alpha.
|
|
139
|
-
"@operato/font": "^2.0.0-alpha.
|
|
137
|
+
"@operato/attachment": "^2.0.0-alpha.81",
|
|
138
|
+
"@operato/data-grist": "^2.0.0-alpha.81",
|
|
139
|
+
"@operato/font": "^2.0.0-alpha.81",
|
|
140
140
|
"@operato/form": "^2.0.0-alpha.68",
|
|
141
141
|
"@operato/graphql": "^2.0.0-alpha.57",
|
|
142
142
|
"@operato/i18n": "^2.0.0-alpha.59",
|
|
143
|
-
"@operato/input": "^2.0.0-alpha.
|
|
144
|
-
"@operato/layout": "^2.0.0-alpha.
|
|
145
|
-
"@operato/property-editor": "^2.0.0-alpha.
|
|
146
|
-
"@operato/shell": "^2.0.0-alpha.
|
|
147
|
-
"@operato/styles": "^2.0.0-alpha.
|
|
143
|
+
"@operato/input": "^2.0.0-alpha.81",
|
|
144
|
+
"@operato/layout": "^2.0.0-alpha.81",
|
|
145
|
+
"@operato/property-editor": "^2.0.0-alpha.81",
|
|
146
|
+
"@operato/shell": "^2.0.0-alpha.81",
|
|
147
|
+
"@operato/styles": "^2.0.0-alpha.81",
|
|
148
148
|
"@operato/utils": "^2.0.0-alpha.68",
|
|
149
149
|
"cm6-graphql": "^0.0.14",
|
|
150
150
|
"codemirror": "^6.0.1",
|
|
@@ -187,5 +187,5 @@
|
|
|
187
187
|
"prettier --write"
|
|
188
188
|
]
|
|
189
189
|
},
|
|
190
|
-
"gitHead": "
|
|
190
|
+
"gitHead": "df2dbdf533ea883e0c4d924a66ef9c0fcab833c3"
|
|
191
191
|
}
|
|
@@ -6,11 +6,12 @@ import { customElement, property } from 'lit/decorators.js'
|
|
|
6
6
|
|
|
7
7
|
import { i18next } from '@operato/i18n'
|
|
8
8
|
import { closePopup } from '@operato/popup'
|
|
9
|
-
import { ScrollbarStyles } from '@operato/styles'
|
|
9
|
+
import { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles'
|
|
10
10
|
|
|
11
11
|
@customElement('ox-popup-code-input')
|
|
12
12
|
export class OxPopupCodeInput extends LitElement {
|
|
13
13
|
static styles = [
|
|
14
|
+
ButtonContainerStyles,
|
|
14
15
|
ScrollbarStyles,
|
|
15
16
|
css`
|
|
16
17
|
:host {
|
|
@@ -27,11 +28,6 @@ export class OxPopupCodeInput extends LitElement {
|
|
|
27
28
|
flex: 1;
|
|
28
29
|
overflow-y: auto;
|
|
29
30
|
}
|
|
30
|
-
|
|
31
|
-
.button-container {
|
|
32
|
-
display: flex;
|
|
33
|
-
margin-left: auto;
|
|
34
|
-
}
|
|
35
31
|
`
|
|
36
32
|
]
|
|
37
33
|
|
|
@@ -46,8 +42,10 @@ export class OxPopupCodeInput extends LitElement {
|
|
|
46
42
|
</ox-input-code>
|
|
47
43
|
|
|
48
44
|
<div class="button-container">
|
|
49
|
-
<
|
|
50
|
-
|
|
45
|
+
<button @click=${this.onCancel.bind(this)} danger>
|
|
46
|
+
<md-icon>cancel</md-icon>${i18next.t('button.cancel')}
|
|
47
|
+
</button>
|
|
48
|
+
<button @click=${this.onConfirm.bind(this)}><md-icon>done</md-icon>${i18next.t('button.confirm')}</button>
|
|
51
49
|
</div>
|
|
52
50
|
`
|
|
53
51
|
}
|
|
@@ -7,12 +7,13 @@ import { customElement, property, state } from 'lit/decorators.js'
|
|
|
7
7
|
|
|
8
8
|
import { i18next } from '@operato/i18n'
|
|
9
9
|
import { closePopup } from '@operato/popup'
|
|
10
|
-
import { ScrollbarStyles } from '@operato/styles'
|
|
10
|
+
import { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles'
|
|
11
11
|
import { client } from '@operato/graphql'
|
|
12
12
|
|
|
13
13
|
@customElement('ox-popup-privilege-input')
|
|
14
14
|
export class OxPopupPrivilegeInput extends LitElement {
|
|
15
15
|
static styles = [
|
|
16
|
+
ButtonContainerStyles,
|
|
16
17
|
ScrollbarStyles,
|
|
17
18
|
css`
|
|
18
19
|
:host {
|
|
@@ -29,17 +30,6 @@ export class OxPopupPrivilegeInput extends LitElement {
|
|
|
29
30
|
flex: 1;
|
|
30
31
|
overflow-y: auto;
|
|
31
32
|
}
|
|
32
|
-
|
|
33
|
-
.button-container {
|
|
34
|
-
display: flex;
|
|
35
|
-
flex-direction: row;
|
|
36
|
-
gap: 10px;
|
|
37
|
-
padding: var(--padding-default);
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
div[filler] {
|
|
41
|
-
flex: 1;
|
|
42
|
-
}
|
|
43
33
|
`
|
|
44
34
|
]
|
|
45
35
|
|
|
@@ -54,11 +44,11 @@ export class OxPopupPrivilegeInput extends LitElement {
|
|
|
54
44
|
<ox-input-privilege .value=${this.value} .privileges=${this.privileges} @change=${this.onChange.bind(this)}>
|
|
55
45
|
</ox-input-privilege>
|
|
56
46
|
|
|
57
|
-
<div class="button-container">
|
|
58
|
-
<
|
|
47
|
+
<div class="button-container" style="margin-left: unset;">
|
|
48
|
+
<button @click=${this.onReset.bind(this)}><md-icon>restart_alt</md-icon>${i18next.t('button.reset')}</button>
|
|
59
49
|
<div filler></div>
|
|
60
|
-
<
|
|
61
|
-
<
|
|
50
|
+
<button @click=${this.onCancel.bind(this)}><md-icon>cancel</md-icon>${i18next.t('button.cancel')}</button>
|
|
51
|
+
<button @click=${this.onConfirm.bind(this)}><md-icon>done</md-icon>${i18next.t('button.confirm')}</button>
|
|
62
52
|
</div>
|
|
63
53
|
`
|
|
64
54
|
}
|
|
@@ -40,11 +40,6 @@ export class OxSelectorResourceId extends LitElement {
|
|
|
40
40
|
#filters > * {
|
|
41
41
|
padding: var(--padding-default) var(--padding-wide);
|
|
42
42
|
}
|
|
43
|
-
|
|
44
|
-
.button-container {
|
|
45
|
-
display: flex;
|
|
46
|
-
margin-left: auto;
|
|
47
|
-
}
|
|
48
43
|
`
|
|
49
44
|
]
|
|
50
45
|
|
|
@@ -72,10 +67,13 @@ export class OxSelectorResourceId extends LitElement {
|
|
|
72
67
|
</div>
|
|
73
68
|
</ox-grist>
|
|
74
69
|
|
|
75
|
-
<div class="button-container">
|
|
76
|
-
<
|
|
77
|
-
|
|
78
|
-
|
|
70
|
+
<div class="button-container" style="margin-left: unset;">
|
|
71
|
+
<button @click=${this.onEmpty.bind(this)}>
|
|
72
|
+
<md-icon>check_box_outline_blank</md-icon>${i18next.t('button.empty')}
|
|
73
|
+
</button>
|
|
74
|
+
<div filler></div>
|
|
75
|
+
<button @click=${this.onCancel.bind(this)}><md-icon>cancel</md-icon>${i18next.t('button.cancel')}</button>
|
|
76
|
+
<button @click=${this.onConfirm.bind(this)}><md-icon>done</md-icon>${i18next.t('button.confirm')}</button>
|
|
79
77
|
</div>
|
|
80
78
|
`
|
|
81
79
|
}
|
|
@@ -41,11 +41,6 @@ export class OxSelectorResourceObjectLegacy extends LitElement {
|
|
|
41
41
|
flex: 1;
|
|
42
42
|
}
|
|
43
43
|
|
|
44
|
-
.button-container {
|
|
45
|
-
display: flex;
|
|
46
|
-
margin-left: auto;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
44
|
form {
|
|
50
45
|
position: relative;
|
|
51
46
|
}
|
|
@@ -111,10 +106,13 @@ export class OxSelectorResourceObjectLegacy extends LitElement {
|
|
|
111
106
|
</div>
|
|
112
107
|
</ox-grist>
|
|
113
108
|
|
|
114
|
-
<div class="button-container">
|
|
115
|
-
<
|
|
116
|
-
|
|
117
|
-
|
|
109
|
+
<div class="button-container" style="margin-left: unset;">
|
|
110
|
+
<button @click=${this.onEmpty.bind(this)}>
|
|
111
|
+
<md-icon>check_box_outline_blank</md-icon>${i18next.t('button.empty')}
|
|
112
|
+
</button>
|
|
113
|
+
<div filler></div>
|
|
114
|
+
<button @click=${this.onCancel.bind(this)}><md-icon>cancel</md-icon>${i18next.t('button.cancel')}</button>
|
|
115
|
+
<button @click=${this.onConfirm.bind(this)}><md-icon>done</md-icon>${i18next.t('button.confirm')}</button>
|
|
118
116
|
</div>
|
|
119
117
|
`
|
|
120
118
|
}
|
|
@@ -48,11 +48,6 @@ export class OxSelectorResourceObject extends LitElement {
|
|
|
48
48
|
#filters > * {
|
|
49
49
|
padding: var(--padding-default) var(--padding-wide);
|
|
50
50
|
}
|
|
51
|
-
|
|
52
|
-
.button-container {
|
|
53
|
-
display: flex;
|
|
54
|
-
margin-left: auto;
|
|
55
|
-
}
|
|
56
51
|
`
|
|
57
52
|
]
|
|
58
53
|
|
|
@@ -98,10 +93,13 @@ export class OxSelectorResourceObject extends LitElement {
|
|
|
98
93
|
</div>
|
|
99
94
|
</ox-grist>
|
|
100
95
|
|
|
101
|
-
<div class="button-container">
|
|
102
|
-
<
|
|
103
|
-
|
|
104
|
-
|
|
96
|
+
<div class="button-container" style="margin-left: unset;">
|
|
97
|
+
<button @click=${this.onEmpty.bind(this)}>
|
|
98
|
+
<md-icon>check_box_outline_blank</md-icon>${i18next.t('button.empty')}
|
|
99
|
+
</button>
|
|
100
|
+
<div filler></div>
|
|
101
|
+
<button @click=${this.onCancel.bind(this)}><md-icon>cancel</md-icon>${i18next.t('button.cancel')}</button>
|
|
102
|
+
<button @click=${this.onConfirm.bind(this)}><md-icon>done</md-icon>${i18next.t('button.confirm')}</button>
|
|
105
103
|
</div>
|
|
106
104
|
`
|
|
107
105
|
}
|
package/themes/app-theme.css
CHANGED
|
@@ -91,7 +91,6 @@ body {
|
|
|
91
91
|
--md-danger-button-primary-color: var(--status-danger-color);
|
|
92
92
|
--md-danger-button-outline-color: var(--status-danger-color);
|
|
93
93
|
--md-button-outline-width: 1px;
|
|
94
|
-
--md-button-horizontal-padding: 16px;
|
|
95
94
|
|
|
96
95
|
/* button style */
|
|
97
96
|
--button-background-color: #fafbfc;
|