@neovici/cosmoz-omnitable 18.1.0 → 18.3.0
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/dist/cosmoz-omnitable-column-amount.js +5 -4
- package/dist/cosmoz-omnitable-column-amount.js.map +1 -1
- package/dist/cosmoz-omnitable-column-autocomplete-excluding.d.ts +12 -0
- package/dist/cosmoz-omnitable-column-autocomplete-excluding.d.ts.map +1 -0
- package/dist/cosmoz-omnitable-column-autocomplete-excluding.js +105 -0
- package/dist/cosmoz-omnitable-column-autocomplete-excluding.js.map +1 -0
- package/dist/cosmoz-omnitable-column-autocomplete.js +1 -0
- package/dist/cosmoz-omnitable-column-autocomplete.js.map +1 -1
- package/dist/cosmoz-omnitable-column-boolean.js +1 -0
- package/dist/cosmoz-omnitable-column-boolean.js.map +1 -1
- package/dist/cosmoz-omnitable-column-date.js +6 -5
- package/dist/cosmoz-omnitable-column-date.js.map +1 -1
- package/dist/cosmoz-omnitable-column-datetime.js +6 -5
- package/dist/cosmoz-omnitable-column-datetime.js.map +1 -1
- package/dist/cosmoz-omnitable-column-list-horizontal.js +1 -0
- package/dist/cosmoz-omnitable-column-list-horizontal.js.map +1 -1
- package/dist/cosmoz-omnitable-column-list.js +1 -0
- package/dist/cosmoz-omnitable-column-list.js.map +1 -1
- package/dist/cosmoz-omnitable-column-mixin.d.ts +7 -0
- package/dist/cosmoz-omnitable-column-mixin.d.ts.map +1 -1
- package/dist/cosmoz-omnitable-column-mixin.js +4 -0
- package/dist/cosmoz-omnitable-column-mixin.js.map +1 -1
- package/dist/cosmoz-omnitable-column-number.js +3 -2
- package/dist/cosmoz-omnitable-column-number.js.map +1 -1
- package/dist/cosmoz-omnitable-column-time.js +3 -2
- package/dist/cosmoz-omnitable-column-time.js.map +1 -1
- package/dist/cosmoz-omnitable-column.js +10 -8
- package/dist/cosmoz-omnitable-column.js.map +1 -1
- package/dist/cosmoz-omnitable-columns.js +2 -1
- package/dist/cosmoz-omnitable-columns.js.map +1 -1
- package/dist/cosmoz-omnitable-styles.js +20 -0
- package/dist/cosmoz-omnitable-styles.js.map +1 -1
- package/dist/cosmoz-omnitable.d.ts.map +1 -1
- package/dist/cosmoz-omnitable.js +1 -0
- package/dist/cosmoz-omnitable.js.map +1 -1
- package/dist/lib/cosmoz-omnitable-amount-range-input.js +48 -39
- package/dist/lib/cosmoz-omnitable-amount-range-input.js.map +1 -1
- package/dist/lib/cosmoz-omnitable-date-range-input.js +36 -27
- package/dist/lib/cosmoz-omnitable-date-range-input.js.map +1 -1
- package/dist/lib/cosmoz-omnitable-datetime-range-input.js +37 -28
- package/dist/lib/cosmoz-omnitable-datetime-range-input.js.map +1 -1
- package/dist/lib/cosmoz-omnitable-dropdown-input.js +18 -2
- package/dist/lib/cosmoz-omnitable-dropdown-input.js.map +1 -1
- package/dist/lib/cosmoz-omnitable-dropdown.js +2 -2
- package/dist/lib/cosmoz-omnitable-dropdown.js.map +1 -1
- package/dist/lib/cosmoz-omnitable-number-range-input.js +42 -33
- package/dist/lib/cosmoz-omnitable-number-range-input.js.map +1 -1
- package/dist/lib/cosmoz-omnitable-range-input-mixin.d.ts.map +1 -1
- package/dist/lib/cosmoz-omnitable-range-input-mixin.js +3 -2
- package/dist/lib/cosmoz-omnitable-range-input-mixin.js.map +1 -1
- package/dist/lib/cosmoz-omnitable-time-range-input.js +34 -25
- package/dist/lib/cosmoz-omnitable-time-range-input.js.map +1 -1
- package/dist/lib/settings/use-settings.js +4 -4
- package/dist/lib/settings/use-settings.js.map +1 -1
- package/dist/lib/use-dom-columns.d.ts +2 -1
- package/dist/lib/use-dom-columns.d.ts.map +1 -1
- package/dist/lib/use-dom-columns.js +7 -6
- package/dist/lib/use-dom-columns.js.map +1 -1
- package/package.json +3 -3
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
/* convenience file to import all available columns */
|
|
2
2
|
import './cosmoz-omnitable-column-amount.js';
|
|
3
|
+
import './cosmoz-omnitable-column-autocomplete-excluding.js';
|
|
3
4
|
import './cosmoz-omnitable-column-autocomplete.js';
|
|
4
5
|
import './cosmoz-omnitable-column-boolean.js';
|
|
5
6
|
import './cosmoz-omnitable-column-date.js';
|
|
7
|
+
import './cosmoz-omnitable-column-datetime.js';
|
|
6
8
|
import './cosmoz-omnitable-column-list-horizontal.js';
|
|
7
9
|
import './cosmoz-omnitable-column-list.js';
|
|
8
10
|
import './cosmoz-omnitable-column-number.js';
|
|
9
11
|
import './cosmoz-omnitable-column-time.js';
|
|
10
|
-
import './cosmoz-omnitable-column-datetime.js';
|
|
11
12
|
//# sourceMappingURL=cosmoz-omnitable-columns.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cosmoz-omnitable-columns.js","sourceRoot":"","sources":["../src/cosmoz-omnitable-columns.js"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,OAAO,qCAAqC,CAAC;AAC7C,OAAO,2CAA2C,CAAC;AACnD,OAAO,sCAAsC,CAAC;AAC9C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,8CAA8C,CAAC;AACtD,OAAO,mCAAmC,CAAC;AAC3C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,mCAAmC,CAAC
|
|
1
|
+
{"version":3,"file":"cosmoz-omnitable-columns.js","sourceRoot":"","sources":["../src/cosmoz-omnitable-columns.js"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,OAAO,qCAAqC,CAAC;AAC7C,OAAO,qDAAqD,CAAC;AAC7D,OAAO,2CAA2C,CAAC;AACnD,OAAO,sCAAsC,CAAC;AAC9C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,8CAA8C,CAAC;AACtD,OAAO,mCAAmC,CAAC;AAC3C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,mCAAmC,CAAC"}
|
|
@@ -185,6 +185,26 @@ export default css `
|
|
|
185
185
|
--cosmoz-input-focused-color: var(--cosmoz-omnitable-header-line-focused-color);
|
|
186
186
|
}
|
|
187
187
|
|
|
188
|
+
.header-cell cosmoz-input[disabled],
|
|
189
|
+
.header-cell cosmoz-autocomplete-ui[disabled],
|
|
190
|
+
.header-cell cosmoz-autocomplete-excluding[disabled] {
|
|
191
|
+
pointer-events: none;
|
|
192
|
+
cursor: default;
|
|
193
|
+
--cosmoz-input-disabled-opacity: 1;
|
|
194
|
+
}
|
|
195
|
+
|
|
196
|
+
.header-cell cosmoz-input[disabled]::part(line),
|
|
197
|
+
.header-cell cosmoz-autocomplete-ui[disabled]::part(input-line),
|
|
198
|
+
.header-cell cosmoz-autocomplete-excluding[disabled]::part(input-line) {
|
|
199
|
+
border-bottom-style: solid;
|
|
200
|
+
}
|
|
201
|
+
|
|
202
|
+
cosmoz-omnitable-dropdown-input[disabled],
|
|
203
|
+
.header-cell cosmoz-omnitable-dropdown-input[disabled] {
|
|
204
|
+
pointer-events: none;
|
|
205
|
+
cursor: default;
|
|
206
|
+
}
|
|
207
|
+
|
|
188
208
|
cosmoz-omnitable-header-row {
|
|
189
209
|
white-space: nowrap;
|
|
190
210
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cosmoz-omnitable-styles.js","sourceRoot":"","sources":["../src/cosmoz-omnitable-styles.js"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,MAAM,IAAI,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAEtD,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8E1B,CAAC;AAEF,eAAe,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"cosmoz-omnitable-styles.js","sourceRoot":"","sources":["../src/cosmoz-omnitable-styles.js"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,MAAM,IAAI,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAEtD,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8E1B,CAAC;AAEF,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoYf,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8IV,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cosmoz-omnitable.d.ts","sourceRoot":"","sources":["../src/cosmoz-omnitable.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"cosmoz-omnitable.d.ts","sourceRoot":"","sources":["../src/cosmoz-omnitable.js"],"names":[],"mappings":"AA+Ea,+DAA4D;AACxE,qDAA0E"}
|
package/dist/cosmoz-omnitable.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cosmoz-omnitable.js","sourceRoot":"","sources":["../src/cosmoz-omnitable.js"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAC;AAEpC,OAAO,2BAA2B,CAAC;AACnC,OAAO,4BAA4B,CAAC;AACpC,OAAO,8BAA8B,CAAC;AACtC,OAAO,+BAA+B,CAAC;AACvC,OAAO,gCAAgC,CAAC;AACxC,OAAO,6BAA6B,CAAC;AAErC,OAAO,EAAE,cAAc,EAAE,MAAM,iDAAiD,CAAC;AACjF,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,IAAI,IAAI,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAErD,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,OAAO,sBAAsB,CAAC;AAE9B,MAAM,OAAO,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;AAE9E,MAAM,SAAS,GAAG,CAAC,IAAI,EAAE,EAAE;IAC1B,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAEpD,OAAO,IAAI,CAAA;;KAEP,KAAK,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;;;;KAIhC,YAAY,CAAC,MAAM,CAAC;;MAEnB,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC;;KAEzB,YAAY,CAAC,MAAM,CAAC;;;;;;EAMvB,CAAC;AACH,CAAC,CAAC;AAEF,cAAc,CAAC,MAAM,CACpB,kBAAkB,EAClB,KAAM,SAAQ,SAAS,CAAC,SAAS,EAAE;IAClC,kBAAkB,EAAE;QACnB,YAAY;QACZ,SAAS;QACT,UAAU;QACV,YAAY;QACZ,qBAAqB;QACrB,iBAAiB;QACjB,aAAa;QACb,UAAU;QACV,eAAe;QACf,iBAAiB;QACjB,SAAS;QACT,iBAAiB;KACjB;CACD,CAAC;IACD,iBAAiB;QAChB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,cAAc,CAAC,IAAI,EAAE,eAAe,EAAE,EAAE,CAAC,CAAC;QAC1C,cAAc,CAAC,IAAI,EAAE,aAAa,EAAE,EAAE,CAAC,CAAC;QACxC,cAAc,CAAC,IAAI,EAAE,4BAA4B,EAAE,EAAE,CAAC,CAAC;IACxD,CAAC;CACD,CACD,CAAC;AAEF,MAAM,KAAK,GAAG;;CAEb,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,EACxE,kBAAkB,GAAG,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"cosmoz-omnitable.js","sourceRoot":"","sources":["../src/cosmoz-omnitable.js"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAC;AAEpC,OAAO,2BAA2B,CAAC;AACnC,OAAO,4BAA4B,CAAC;AACpC,OAAO,8BAA8B,CAAC;AACtC,OAAO,+BAA+B,CAAC;AACvC,OAAO,gCAAgC,CAAC;AACxC,OAAO,6BAA6B,CAAC;AAErC,OAAO,EAAE,cAAc,EAAE,MAAM,iDAAiD,CAAC;AACjF,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,IAAI,IAAI,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAErD,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,OAAO,sBAAsB,CAAC;AAE9B,MAAM,OAAO,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;AAE9E,MAAM,SAAS,GAAG,CAAC,IAAI,EAAE,EAAE;IAC1B,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAEpD,OAAO,IAAI,CAAA;;KAEP,KAAK,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;;;;KAIhC,YAAY,CAAC,MAAM,CAAC;;MAEnB,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC;;KAEzB,YAAY,CAAC,MAAM,CAAC;;;;;;EAMvB,CAAC;AACH,CAAC,CAAC;AAEF,cAAc,CAAC,MAAM,CACpB,kBAAkB,EAClB,KAAM,SAAQ,SAAS,CAAC,SAAS,EAAE;IAClC,kBAAkB,EAAE;QACnB,YAAY;QACZ,SAAS;QACT,UAAU;QACV,YAAY;QACZ,qBAAqB;QACrB,iBAAiB;QACjB,aAAa;QACb,UAAU;QACV,eAAe;QACf,iBAAiB;QACjB,oBAAoB;QACpB,SAAS;QACT,iBAAiB;KACjB;CACD,CAAC;IACD,iBAAiB;QAChB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,cAAc,CAAC,IAAI,EAAE,eAAe,EAAE,EAAE,CAAC,CAAC;QAC1C,cAAc,CAAC,IAAI,EAAE,aAAa,EAAE,EAAE,CAAC,CAAC;QACxC,cAAc,CAAC,IAAI,EAAE,4BAA4B,EAAE,EAAE,CAAC,CAAC;IACxD,CAAC;CACD,CACD,CAAC;AAEF,MAAM,KAAK,GAAG;;CAEb,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,EACxE,kBAAkB,GAAG,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import
|
|
1
|
+
import '@neovici/cosmoz-input';
|
|
2
2
|
import { PolymerElement } from '@polymer/polymer';
|
|
3
|
+
import { t } from 'i18next';
|
|
3
4
|
import { html } from 'lit-html';
|
|
4
|
-
import '
|
|
5
|
+
import { when } from 'lit-html/directives/when.js';
|
|
6
|
+
import { renderDropdown } from './cosmoz-omnitable-dropdown';
|
|
7
|
+
import './cosmoz-omnitable-dropdown-input';
|
|
5
8
|
import { rangeInputMixin } from './cosmoz-omnitable-range-input-mixin';
|
|
6
9
|
import { polymerHauntedRender } from './polymer-haunted-render-mixin';
|
|
7
|
-
import { renderDropdown } from './cosmoz-omnitable-dropdown';
|
|
8
10
|
class AmountRangeInput extends rangeInputMixin(polymerHauntedRender(PolymerElement)) {
|
|
9
11
|
static get properties() {
|
|
10
12
|
return {
|
|
@@ -59,53 +61,60 @@ class AmountRangeInput extends rangeInputMixin(polymerHauntedRender(PolymerEleme
|
|
|
59
61
|
background: var(--cosmoz-omnitable-amount-input-background, #ffffff);
|
|
60
62
|
}
|
|
61
63
|
</style>
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
64
|
+
${when(this.disabled, () => html `
|
|
65
|
+
<cosmoz-omnitable-dropdown-input
|
|
66
|
+
disabled
|
|
67
|
+
.label=${this.title}
|
|
68
|
+
.value=${this._filterText ?? ''}
|
|
69
|
+
></cosmoz-omnitable-dropdown-input>
|
|
70
|
+
`, () => html `
|
|
71
|
+
<cosmoz-clear-button
|
|
72
|
+
@click=${() => this.resetFilter()}
|
|
73
|
+
?visible=${this.hasFilter()}
|
|
74
|
+
></cosmoz-clear-button>
|
|
75
|
+
${renderDropdown({
|
|
68
76
|
title: this.title,
|
|
69
77
|
tooltip: this._tooltip,
|
|
70
78
|
filterText: this._filterText,
|
|
71
79
|
externalValues: this.externalValues,
|
|
72
80
|
onOpenedChanged,
|
|
73
81
|
content: html `
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
+
<h3 style="margin: 0;">${this.title}</h3>
|
|
83
|
+
<cosmoz-input
|
|
84
|
+
class=${this._fromClasses}
|
|
85
|
+
type="number"
|
|
86
|
+
title=${t('Minimum amount')}
|
|
87
|
+
label=${t('Min amount')}
|
|
88
|
+
.value=${this._filterInput?.min}
|
|
89
|
+
@value-changed=${(event) => {
|
|
82
90
|
this.set('_filterInput.min', event.detail.value);
|
|
83
91
|
}}
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
92
|
+
@blur=${(event) => this._onBlur(event)}
|
|
93
|
+
@keydown=${(event) => this._onKeyDown(event)}
|
|
94
|
+
min=${this._toInputStringAmount(this._limit.fromMin)}
|
|
95
|
+
max=${this._toInputStringAmount(this._limit.fromMax)}
|
|
96
|
+
>
|
|
97
|
+
<div slot="suffix" suffix>${this.filter?.min?.currency}</div>
|
|
98
|
+
</cosmoz-input>
|
|
99
|
+
<cosmoz-input
|
|
100
|
+
class=${this._toClasses}
|
|
101
|
+
type="number"
|
|
102
|
+
title=${t('Maximum amount')}
|
|
103
|
+
label=${t('Max amount')}
|
|
104
|
+
.value=${this._filterInput?.max}
|
|
105
|
+
@value-changed=${(event) => {
|
|
98
106
|
this.set('_filterInput.max', event.detail.value);
|
|
99
107
|
}}
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
+
@blur=${(event) => this._onBlur(event)}
|
|
109
|
+
@keydown=${(event) => this._onKeyDown(event)}
|
|
110
|
+
min=${this._toInputStringAmount(this._limit.toMin)}
|
|
111
|
+
max=${this._toInputStringAmount(this._limit.toMax)}
|
|
112
|
+
>
|
|
113
|
+
<div slot="suffix" suffix>${this.filter?.max?.currency}</div>
|
|
114
|
+
</cosmoz-input>
|
|
115
|
+
`,
|
|
108
116
|
})}
|
|
117
|
+
`)}
|
|
109
118
|
`;
|
|
110
119
|
}
|
|
111
120
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cosmoz-omnitable-amount-range-input.js","sourceRoot":"","sources":["../../src/lib/cosmoz-omnitable-amount-range-input.js"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"cosmoz-omnitable-amount-range-input.js","sourceRoot":"","sources":["../../src/lib/cosmoz-omnitable-amount-range-input.js"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import
|
|
1
|
+
import '@neovici/cosmoz-input';
|
|
2
2
|
import { PolymerElement } from '@polymer/polymer';
|
|
3
|
+
import { t } from 'i18next';
|
|
3
4
|
import { html } from 'lit-html';
|
|
4
|
-
import '
|
|
5
|
+
import { when } from 'lit-html/directives/when.js';
|
|
5
6
|
import { dateInputMixin } from './cosmoz-omnitable-date-input-mixin';
|
|
6
|
-
import { polymerHauntedRender } from './polymer-haunted-render-mixin';
|
|
7
7
|
import { renderDropdown } from './cosmoz-omnitable-dropdown';
|
|
8
|
+
import './cosmoz-omnitable-dropdown-input';
|
|
9
|
+
import { polymerHauntedRender } from './polymer-haunted-render-mixin';
|
|
8
10
|
class DateRangeInput extends dateInputMixin(polymerHauntedRender(PolymerElement)) {
|
|
9
11
|
render() {
|
|
10
12
|
const onOpenedChanged = (event) => {
|
|
@@ -32,37 +34,44 @@ class DateRangeInput extends dateInputMixin(polymerHauntedRender(PolymerElement)
|
|
|
32
34
|
}
|
|
33
35
|
</style>
|
|
34
36
|
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
37
|
+
${when(this.disabled, () => html `
|
|
38
|
+
<cosmoz-omnitable-dropdown-input
|
|
39
|
+
disabled
|
|
40
|
+
.label=${this.title}
|
|
41
|
+
.value=${this._filterText ?? ''}
|
|
42
|
+
></cosmoz-omnitable-dropdown-input>
|
|
43
|
+
`, () => html `
|
|
44
|
+
<cosmoz-clear-button
|
|
45
|
+
@click=${() => this.resetFilter()}
|
|
46
|
+
?visible=${this.hasFilter()}
|
|
47
|
+
></cosmoz-clear-button>
|
|
48
|
+
${renderDropdown({
|
|
41
49
|
title: this.title,
|
|
42
50
|
tooltip: this._tooltip,
|
|
43
51
|
filterText: this._filterText,
|
|
44
52
|
externalValues: this.externalValues,
|
|
45
53
|
onOpenedChanged,
|
|
46
54
|
content: html `
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
55
|
+
<h3 style="margin: 0;">${this.title}</h3>
|
|
56
|
+
<cosmoz-input
|
|
57
|
+
type="date"
|
|
58
|
+
label=${t('From date')}
|
|
59
|
+
min=${this._toInputString(this._limit.fromMin)}
|
|
60
|
+
max=${this._toInputString(this._limit.fromMax)}
|
|
61
|
+
.value=${this._filterInput?.min}
|
|
62
|
+
@value-changed=${(event) => this.set('_filterInput.min', event.detail.value)}
|
|
63
|
+
></cosmoz-input>
|
|
64
|
+
<cosmoz-input
|
|
65
|
+
type="date"
|
|
66
|
+
label=${t('Until date')}
|
|
67
|
+
min=${this._toInputString(this._limit.toMin)}
|
|
68
|
+
max=${this._toInputString(this._limit.toMax)}
|
|
69
|
+
.value=${this._filterInput?.max}
|
|
70
|
+
@value-changed=${(event) => this.set('_filterInput.max', event.detail.value)}
|
|
71
|
+
></cosmoz-input>
|
|
72
|
+
`,
|
|
65
73
|
})}
|
|
74
|
+
`)}
|
|
66
75
|
`;
|
|
67
76
|
}
|
|
68
77
|
_fromInputString(value, property) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cosmoz-omnitable-date-range-input.js","sourceRoot":"","sources":["../../src/lib/cosmoz-omnitable-date-range-input.js"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"cosmoz-omnitable-date-range-input.js","sourceRoot":"","sources":["../../src/lib/cosmoz-omnitable-date-range-input.js"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
import { t } from 'i18next';
|
|
2
1
|
import { PolymerElement } from '@polymer/polymer';
|
|
2
|
+
import { t } from 'i18next';
|
|
3
3
|
import { html } from 'lit-html';
|
|
4
|
+
import { when } from 'lit-html/directives/when.js';
|
|
4
5
|
import { dateInputMixin } from './cosmoz-omnitable-date-input-mixin';
|
|
5
|
-
import { polymerHauntedRender } from './polymer-haunted-render-mixin';
|
|
6
6
|
import { renderDropdown } from './cosmoz-omnitable-dropdown';
|
|
7
|
+
import './cosmoz-omnitable-dropdown-input';
|
|
8
|
+
import { polymerHauntedRender } from './polymer-haunted-render-mixin';
|
|
7
9
|
class DatetimeRangeInput extends dateInputMixin(polymerHauntedRender(PolymerElement)) {
|
|
8
10
|
render() {
|
|
9
11
|
const onOpenedChanged = (event) => {
|
|
@@ -31,39 +33,46 @@ class DatetimeRangeInput extends dateInputMixin(polymerHauntedRender(PolymerElem
|
|
|
31
33
|
}
|
|
32
34
|
</style>
|
|
33
35
|
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
36
|
+
${when(this.disabled, () => html `
|
|
37
|
+
<cosmoz-omnitable-dropdown-input
|
|
38
|
+
disabled
|
|
39
|
+
.label=${this.title}
|
|
40
|
+
.value=${this._filterText ?? ''}
|
|
41
|
+
></cosmoz-omnitable-dropdown-input>
|
|
42
|
+
`, () => html `
|
|
43
|
+
<cosmoz-clear-button
|
|
44
|
+
@click=${() => this.resetFilter()}
|
|
45
|
+
?visible=${this.hasFilter()}
|
|
46
|
+
></cosmoz-clear-button>
|
|
47
|
+
${renderDropdown({
|
|
40
48
|
title: this.title,
|
|
41
49
|
tooltip: this._tooltip,
|
|
42
50
|
filterText: this._filterText,
|
|
43
51
|
externalValues: this.externalValues,
|
|
44
52
|
onOpenedChanged,
|
|
45
53
|
content: html `
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
54
|
+
<h3 style="margin: 0;">${this.title}</h3>
|
|
55
|
+
<cosmoz-datetime-input
|
|
56
|
+
date-label=${t('From date')}
|
|
57
|
+
time-label=${t('From time')}
|
|
58
|
+
min=${this._toInputString(this._limit.fromMin)}
|
|
59
|
+
max=${this._toInputString(this._limit.fromMax)}
|
|
60
|
+
step=${this.filterStep}
|
|
61
|
+
.value=${this._filterInput?.min}
|
|
62
|
+
@value-changed=${(event) => this.set('_filterInput.min', event.detail.value)}
|
|
63
|
+
></cosmoz-datetime-input>
|
|
64
|
+
<cosmoz-datetime-input
|
|
65
|
+
date-label=${t('To date')}
|
|
66
|
+
time-label=${t('To time')}
|
|
67
|
+
min=${this._toInputString(this._limit.toMin)}
|
|
68
|
+
max=${this._toInputString(this._limit.toMax)}
|
|
69
|
+
step=${this.filterStep}
|
|
70
|
+
.value=${this._filterInput?.max}
|
|
71
|
+
@value-changed=${(event) => this.set('_filterInput.max', event.detail.value)}
|
|
72
|
+
></cosmoz-datetime-input>
|
|
73
|
+
`,
|
|
66
74
|
})}
|
|
75
|
+
`)}
|
|
67
76
|
`;
|
|
68
77
|
}
|
|
69
78
|
_toInputString(value) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cosmoz-omnitable-datetime-range-input.js","sourceRoot":"","sources":["../../src/lib/cosmoz-omnitable-datetime-range-input.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,SAAS,CAAC;AAC5B,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"cosmoz-omnitable-datetime-range-input.js","sourceRoot":"","sources":["../../src/lib/cosmoz-omnitable-datetime-range-input.js"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,13 @@
|
|
|
1
|
+
import { styles as inputStyles, render } from '@neovici/cosmoz-input';
|
|
1
2
|
import { component, css } from '@pionjs/pion';
|
|
2
3
|
import { html } from 'lit-html';
|
|
3
|
-
|
|
4
|
-
|
|
4
|
+
const observedAttributes = [
|
|
5
|
+
'label',
|
|
6
|
+
'value',
|
|
7
|
+
'slot',
|
|
8
|
+
'always-float-label',
|
|
9
|
+
'disabled',
|
|
10
|
+
];
|
|
5
11
|
const style = css `
|
|
6
12
|
${inputStyles}
|
|
7
13
|
|
|
@@ -45,6 +51,16 @@ const style = css `
|
|
|
45
51
|
:host(:not([always-float-label])) label {
|
|
46
52
|
transform: none !important;
|
|
47
53
|
}
|
|
54
|
+
|
|
55
|
+
:host([disabled]) {
|
|
56
|
+
pointer-events: none;
|
|
57
|
+
cursor: default;
|
|
58
|
+
--cosmoz-input-disabled-opacity: 1;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
:host([disabled]) .line {
|
|
62
|
+
border-bottom-style: solid;
|
|
63
|
+
}
|
|
48
64
|
`;
|
|
49
65
|
const DropdownInput = (host) => {
|
|
50
66
|
const { label, value, slot } = host;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cosmoz-omnitable-dropdown-input.js","sourceRoot":"","sources":["../../src/lib/cosmoz-omnitable-dropdown-input.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"cosmoz-omnitable-dropdown-input.js","sourceRoot":"","sources":["../../src/lib/cosmoz-omnitable-dropdown-input.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,kBAAkB,GAAG;IAC1B,OAAO;IACP,OAAO;IACP,MAAM;IACN,oBAAoB;IACpB,UAAU;CACV,CAAC;AAEF,MAAM,KAAK,GAAG,GAAG,CAAA;GACd,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDb,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,EAAE;IAC9B,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAEpC,MAAM,OAAO,GAAG,IAAI,CAAA;;;;;SAKZ,IAAI;;IAET,KAAK,IAAI,EAAE;QACP,CAAC;IAER,OAAO,MAAM,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;AACnC,CAAC,CAAC;AAEF,cAAc,CAAC,MAAM,CACpB,iCAAiC,EACjC,SAAS,CAAC,aAAa,EAAE;IACxB,kBAAkB;IAClB,WAAW,EAAE,CAAC,KAAK,CAAC;CACpB,CAAC,CACF,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
import '@neovici/cosmoz-dropdown';
|
|
1
2
|
import { html } from 'lit-html';
|
|
2
3
|
import { classMap } from 'lit-html/directives/class-map.js';
|
|
3
|
-
import '@neovici/cosmoz-dropdown';
|
|
4
4
|
import './cosmoz-omnitable-dropdown-input';
|
|
5
5
|
export const renderDropdown = ({ title, tooltip = '', filterText = '', onOpenedChanged, content, horizontalAlign = 'left', externalValues = null, }) => {
|
|
6
6
|
const classes = {
|
|
@@ -71,7 +71,7 @@ export const renderDropdown = ({ title, tooltip = '', filterText = '', onOpenedC
|
|
|
71
71
|
|
|
72
72
|
<cosmoz-dropdown
|
|
73
73
|
@focus=${onOpenedChanged}
|
|
74
|
-
class=${
|
|
74
|
+
class=${classMap({ ...classes, dropdown: true })}
|
|
75
75
|
title=${tooltip || ''}
|
|
76
76
|
>
|
|
77
77
|
<cosmoz-omnitable-dropdown-input
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cosmoz-omnitable-dropdown.js","sourceRoot":"","sources":["../../src/lib/cosmoz-omnitable-dropdown.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,
|
|
1
|
+
{"version":3,"file":"cosmoz-omnitable-dropdown.js","sourceRoot":"","sources":["../../src/lib/cosmoz-omnitable-dropdown.js"],"names":[],"mappings":"AAAA,OAAO,0BAA0B,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,mCAAmC,CAAC;AAE3C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC9B,KAAK,EACL,OAAO,GAAG,EAAE,EACZ,UAAU,GAAG,EAAE,EACf,eAAe,EACf,OAAO,EACP,eAAe,GAAG,MAAM,EACxB,cAAc,GAAG,IAAI,GACrB,EAAE,EAAE;IACJ,MAAM,OAAO,GAAG;QACf,QAAQ,EAAE,OAAO,CAAC,UAAU,CAAC;QAC7B,GAAG,CAAC,cAAc,IAAI,IAAI,IAAI;YAC7B,CAAC,mBAAmB,cAAc,EAAE,CAAC,EAAE,IAAI;SAC3C,CAAC;KACF,CAAC;IAEF,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YA6DA,eAAe;WAChB,QAAQ,CAAC,EAAE,GAAG,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;WACxC,OAAO,IAAI,EAAE;;;;;aAKX,KAAK;mBACC,KAAK;aACX,UAAU,IAAI,EAAE;iBACZ,eAAe;0BACN,UAAU,EAAE,MAAM,GAAG,CAAC;;mCAEb,OAAO;;EAExC,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
+
import '@neovici/cosmoz-input';
|
|
1
2
|
import { PolymerElement } from '@polymer/polymer';
|
|
2
|
-
import { html } from 'lit-html';
|
|
3
3
|
import { t } from 'i18next';
|
|
4
|
-
import '
|
|
4
|
+
import { html } from 'lit-html';
|
|
5
|
+
import { when } from 'lit-html/directives/when.js';
|
|
6
|
+
import { renderDropdown } from './cosmoz-omnitable-dropdown';
|
|
7
|
+
import './cosmoz-omnitable-dropdown-input';
|
|
5
8
|
import { rangeInputMixin } from './cosmoz-omnitable-range-input-mixin';
|
|
6
9
|
import { polymerHauntedRender } from './polymer-haunted-render-mixin';
|
|
7
|
-
import { renderDropdown } from './cosmoz-omnitable-dropdown';
|
|
8
10
|
class NumberRangeInput extends rangeInputMixin(polymerHauntedRender(PolymerElement)) {
|
|
9
11
|
static get properties() {
|
|
10
12
|
return {
|
|
@@ -50,12 +52,18 @@ class NumberRangeInput extends rangeInputMixin(polymerHauntedRender(PolymerEleme
|
|
|
50
52
|
}
|
|
51
53
|
</style>
|
|
52
54
|
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
55
|
+
${when(this.disabled, () => html `
|
|
56
|
+
<cosmoz-omnitable-dropdown-input
|
|
57
|
+
disabled
|
|
58
|
+
.label=${this.title}
|
|
59
|
+
.value=${this._filterText ?? ''}
|
|
60
|
+
></cosmoz-omnitable-dropdown-input>
|
|
61
|
+
`, () => html `
|
|
62
|
+
<cosmoz-clear-button
|
|
63
|
+
@click=${() => this.resetFilter()}
|
|
64
|
+
?visible=${this.hasFilter()}
|
|
65
|
+
></cosmoz-clear-button>
|
|
66
|
+
${renderDropdown({
|
|
59
67
|
title: this.title,
|
|
60
68
|
tooltip: this._tooltip,
|
|
61
69
|
filterText: this._filterText,
|
|
@@ -63,35 +71,36 @@ class NumberRangeInput extends rangeInputMixin(polymerHauntedRender(PolymerEleme
|
|
|
63
71
|
externalValues: this.externalValues,
|
|
64
72
|
onOpenedChanged,
|
|
65
73
|
content: html `
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
74
|
+
<h3>${this.title}</h3>
|
|
75
|
+
<cosmoz-input
|
|
76
|
+
class=${this._fromClasses}
|
|
77
|
+
type="number"
|
|
78
|
+
label=${t('From')}
|
|
79
|
+
.value=${this._filterInput?.min}
|
|
80
|
+
@value-changed=${(event) => {
|
|
73
81
|
this.set('_filterInput.min', event.detail.value);
|
|
74
82
|
}}
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
83
|
+
@blur=${(event) => this._onBlur(event)}
|
|
84
|
+
@keydown=${(event) => this._onKeyDown(event)}
|
|
85
|
+
min=${this._toInputString(this._limit.fromMin)}
|
|
86
|
+
max=${this._toInputString(this._limit.fromMax)}
|
|
87
|
+
></cosmoz-input>
|
|
88
|
+
<cosmoz-input
|
|
89
|
+
class=${this._toClasses}
|
|
90
|
+
type="number"
|
|
91
|
+
label=${t('To')}
|
|
92
|
+
.value=${this._filterInput?.max}
|
|
93
|
+
@value-changed=${(event) => {
|
|
86
94
|
this.set('_filterInput.max', event.detail.value);
|
|
87
95
|
}}
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
96
|
+
@blur=${(event) => this._onBlur(event)}
|
|
97
|
+
@keydown=${(event) => this._onKeyDown(event)}
|
|
98
|
+
min=${this._toInputString(this._limit.toMin)}
|
|
99
|
+
max=${this._toInputString(this._limit.toMax)}
|
|
100
|
+
></cosmoz-input>
|
|
101
|
+
`,
|
|
94
102
|
})}
|
|
103
|
+
`)}
|
|
95
104
|
`;
|
|
96
105
|
}
|
|
97
106
|
_computeFormatter(locale, minimumFractionDigits, maximumFractionDigits) {
|