@leavittsoftware/web 5.13.2 → 5.14.1
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@leavittsoftware/web",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.14.1",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"description": "",
|
|
6
6
|
"files": [
|
|
@@ -40,5 +40,5 @@
|
|
|
40
40
|
"url": "https://github.com/LeavittSoftware/titanium-elements/issues"
|
|
41
41
|
},
|
|
42
42
|
"homepage": "https://github.com/LeavittSoftware/titanium-elements/#readme",
|
|
43
|
-
"gitHead": "
|
|
43
|
+
"gitHead": "2b8d22c1aa252d7379fbe25f5136935692526a0d"
|
|
44
44
|
}
|
|
@@ -2,6 +2,7 @@ import { LitElement } from 'lit';
|
|
|
2
2
|
import { MdOutlinedSelect } from '@material/web/select/outlined-select.js';
|
|
3
3
|
import '@material/web/iconbutton/icon-button';
|
|
4
4
|
import '@material/web/select/outlined-select.js';
|
|
5
|
+
import '@material/web/select/filled-select.js';
|
|
5
6
|
import '@material/web/select/select-option.js';
|
|
6
7
|
/**
|
|
7
8
|
* Material design page control with page size selector!
|
|
@@ -42,6 +43,10 @@ export declare class TitaniumPageControl extends LitElement {
|
|
|
42
43
|
* Disables the page control select and page navigation buttons when true
|
|
43
44
|
*/
|
|
44
45
|
accessor disabled: boolean;
|
|
46
|
+
/**
|
|
47
|
+
* Swaps out outlined select for a filled select.
|
|
48
|
+
*/
|
|
49
|
+
accessor filled: boolean;
|
|
45
50
|
protected accessor select: MdOutlinedSelect;
|
|
46
51
|
/**
|
|
47
52
|
* Gets or sets take value and assigns it to local storage.
|
|
@@ -49,6 +54,6 @@ export declare class TitaniumPageControl extends LitElement {
|
|
|
49
54
|
get take(): number;
|
|
50
55
|
set take(val: number);
|
|
51
56
|
static styles: import("lit").CSSResult;
|
|
52
|
-
render(): import("lit-html").TemplateResult
|
|
57
|
+
render(): import("lit-html").TemplateResult;
|
|
53
58
|
}
|
|
54
59
|
//# sourceMappingURL=page-control.d.ts.map
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
|
-
import { css,
|
|
2
|
+
import { css, LitElement } from 'lit';
|
|
3
3
|
import { property, customElement, queryAsync } from 'lit/decorators.js';
|
|
4
4
|
import { repeat } from 'lit/directives/repeat.js';
|
|
5
|
+
import { literal, html } from 'lit/static-html.js';
|
|
5
6
|
import '@material/web/iconbutton/icon-button';
|
|
6
7
|
import '@material/web/select/outlined-select.js';
|
|
8
|
+
import '@material/web/select/filled-select.js';
|
|
7
9
|
import '@material/web/select/select-option.js';
|
|
8
10
|
/**
|
|
9
11
|
* Material design page control with page size selector!
|
|
@@ -57,6 +59,12 @@ let TitaniumPageControl = class TitaniumPageControl extends LitElement {
|
|
|
57
59
|
*/
|
|
58
60
|
get disabled() { return this.#disabled_accessor_storage; }
|
|
59
61
|
set disabled(value) { this.#disabled_accessor_storage = value; }
|
|
62
|
+
#filled_accessor_storage = false;
|
|
63
|
+
/**
|
|
64
|
+
* Swaps out outlined select for a filled select.
|
|
65
|
+
*/
|
|
66
|
+
get filled() { return this.#filled_accessor_storage; }
|
|
67
|
+
set filled(value) { this.#filled_accessor_storage = value; }
|
|
60
68
|
#select_accessor_storage;
|
|
61
69
|
get select() { return this.#select_accessor_storage; }
|
|
62
70
|
set select(value) { this.#select_accessor_storage = value; }
|
|
@@ -115,7 +123,7 @@ let TitaniumPageControl = class TitaniumPageControl extends LitElement {
|
|
|
115
123
|
display: flex;
|
|
116
124
|
flex-direction: row;
|
|
117
125
|
flex-wrap: wrap;
|
|
118
|
-
justify-content:
|
|
126
|
+
justify-content: start;
|
|
119
127
|
align-items: center;
|
|
120
128
|
max-width: 450px;
|
|
121
129
|
min-width: 0;
|
|
@@ -124,21 +132,14 @@ let TitaniumPageControl = class TitaniumPageControl extends LitElement {
|
|
|
124
132
|
font-weight: 400;
|
|
125
133
|
letter-spacing: 0.011em;
|
|
126
134
|
line-height: 20px;
|
|
127
|
-
gap:
|
|
135
|
+
gap: 12px;
|
|
136
|
+
user-select: none;
|
|
128
137
|
}
|
|
129
138
|
|
|
130
139
|
table-paging {
|
|
131
140
|
display: flex;
|
|
132
141
|
}
|
|
133
142
|
|
|
134
|
-
take-control {
|
|
135
|
-
display: flex;
|
|
136
|
-
flex-direction: row;
|
|
137
|
-
align-items: center;
|
|
138
|
-
gap: 12px;
|
|
139
|
-
min-width: 0;
|
|
140
|
-
}
|
|
141
|
-
|
|
142
143
|
md-outlined-select {
|
|
143
144
|
min-width: 100px;
|
|
144
145
|
--md-outlined-field-top-space: 4px;
|
|
@@ -146,10 +147,21 @@ let TitaniumPageControl = class TitaniumPageControl extends LitElement {
|
|
|
146
147
|
--md-outlined-select-text-field-container-shape: 8px;
|
|
147
148
|
}
|
|
148
149
|
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
150
|
+
md-filled-select {
|
|
151
|
+
min-width: 100px;
|
|
152
|
+
overflow: hidden;
|
|
153
|
+
border-radius: 8px;
|
|
154
|
+
--md-filled-select-text-field-container-color: var(--md-sys-color-surface-container-high);
|
|
155
|
+
--md-filled-select-text-field-container-shape: 8px;
|
|
156
|
+
--md-menu-container-shape: 8px;
|
|
157
|
+
|
|
158
|
+
--md-filled-select-text-field-active-indicator-height: 0;
|
|
159
|
+
--md-filled-select-text-field-error-active-indicator-height: 0;
|
|
160
|
+
--md-filled-select-text-field-hover-active-indicator-height: 0;
|
|
161
|
+
--md-filled-select-text-field-disabled-active-indicator-height: 0;
|
|
162
|
+
|
|
163
|
+
--md-filled-field-top-space: 4px;
|
|
164
|
+
--md-filled-field-bottom-space: 4px;
|
|
153
165
|
}
|
|
154
166
|
|
|
155
167
|
[hidden] {
|
|
@@ -157,11 +169,11 @@ let TitaniumPageControl = class TitaniumPageControl extends LitElement {
|
|
|
157
169
|
}
|
|
158
170
|
`; }
|
|
159
171
|
render() {
|
|
172
|
+
/* eslint-disable lit/binding-positions, lit/no-invalid-html */
|
|
160
173
|
return html `
|
|
161
174
|
<table-controls>
|
|
162
|
-
<take-control>
|
|
163
175
|
<div ellipsis>${this.label}</div>
|
|
164
|
-
|
|
176
|
+
<${this.filled ? literal `md-filled-select` : literal `md-outlined-select`}
|
|
165
177
|
?disabled=${this.disabled}
|
|
166
178
|
@request-selection=${(e) => {
|
|
167
179
|
e.stopPropagation();
|
|
@@ -172,9 +184,8 @@ let TitaniumPageControl = class TitaniumPageControl extends LitElement {
|
|
|
172
184
|
${repeat(this.pageSizes, (o) => o, (o) => html ` <md-select-option ?selected=${this.take === o} value=${o}>
|
|
173
185
|
<div slot="headline">${o}</div>
|
|
174
186
|
</md-select-option>`)}
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
<pagination-text>${this.#getPageStats(this.page, this.count)}</pagination-text>
|
|
187
|
+
</${this.filled ? literal `md-filled-select` : literal `md-outlined-select`}>
|
|
188
|
+
${this.#getPageStats(this.page, this.count)}
|
|
178
189
|
<table-paging>
|
|
179
190
|
<md-icon-button @click=${this.#handleLastPageClick} ?disabled=${this.page === 0 || !this.count || this.disabled}>
|
|
180
191
|
<md-icon>keyboard_arrow_left</md-icon>
|
|
@@ -185,6 +196,7 @@ let TitaniumPageControl = class TitaniumPageControl extends LitElement {
|
|
|
185
196
|
</table-paging>
|
|
186
197
|
</table-controls>
|
|
187
198
|
`;
|
|
199
|
+
/* eslint-enable lit/binding-positions, lit/no-invalid-html */
|
|
188
200
|
}
|
|
189
201
|
};
|
|
190
202
|
__decorate([
|
|
@@ -208,6 +220,9 @@ __decorate([
|
|
|
208
220
|
__decorate([
|
|
209
221
|
property({ type: Boolean })
|
|
210
222
|
], TitaniumPageControl.prototype, "disabled", null);
|
|
223
|
+
__decorate([
|
|
224
|
+
property({ type: Boolean, attribute: 'filled' })
|
|
225
|
+
], TitaniumPageControl.prototype, "filled", null);
|
|
211
226
|
__decorate([
|
|
212
227
|
queryAsync('md-select')
|
|
213
228
|
], TitaniumPageControl.prototype, "select", null);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-control.js","sourceRoot":"","sources":["page-control.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,
|
|
1
|
+
{"version":3,"file":"page-control.js","sourceRoot":"","sources":["page-control.ts"],"names":[],"mappings":"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"}
|