@leavittsoftware/web 2.33.0 → 2.35.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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@leavittsoftware/web",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.35.0",
|
|
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": "716594cc2ba405d88a72546c5cd784d6945479de"
|
|
44
44
|
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import '@material/web/icon/icon';
|
|
2
|
+
import '@material/web/iconbutton/icon-button';
|
|
3
|
+
import '@material/web/ripple/ripple';
|
|
4
|
+
import '@material/web/focus/md-focus-ring';
|
|
5
|
+
import { LitElement } from 'lit';
|
|
6
|
+
export declare class TitaniumChip extends LitElement {
|
|
7
|
+
/**
|
|
8
|
+
* Label / text of the chip
|
|
9
|
+
*/
|
|
10
|
+
accessor label: string;
|
|
11
|
+
/**
|
|
12
|
+
* When true, the chip is selected
|
|
13
|
+
*/
|
|
14
|
+
accessor selected: boolean;
|
|
15
|
+
/**
|
|
16
|
+
* When true, trailing slot is replaced with a remove icon button
|
|
17
|
+
*/
|
|
18
|
+
accessor inputChip: boolean;
|
|
19
|
+
/**
|
|
20
|
+
* Icon name of the remove icon chip
|
|
21
|
+
*/
|
|
22
|
+
accessor inputChipRemoveIcon: string;
|
|
23
|
+
/**
|
|
24
|
+
* Whether or not the input should be disabled
|
|
25
|
+
*/
|
|
26
|
+
accessor disabled: boolean;
|
|
27
|
+
private accessor hasLeadingItems;
|
|
28
|
+
private accessor hasTrailingItems;
|
|
29
|
+
private readonly leadingSlotElements;
|
|
30
|
+
private readonly trailingSlotElements;
|
|
31
|
+
static styles: import("lit").CSSResult[];
|
|
32
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
33
|
+
}
|
|
34
|
+
//# sourceMappingURL=chip.d.ts.map
|
|
@@ -0,0 +1,201 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import '@material/web/icon/icon';
|
|
3
|
+
import '@material/web/iconbutton/icon-button';
|
|
4
|
+
import '@material/web/ripple/ripple';
|
|
5
|
+
import '@material/web/focus/md-focus-ring';
|
|
6
|
+
import { css, html, LitElement } from 'lit';
|
|
7
|
+
import { customElement, property, queryAssignedElements } from 'lit/decorators.js';
|
|
8
|
+
import { ellipsis } from '@leavittsoftware/web/titanium/styles/ellipsis';
|
|
9
|
+
let TitaniumChip = class TitaniumChip extends LitElement {
|
|
10
|
+
#label_accessor_storage;
|
|
11
|
+
/**
|
|
12
|
+
* Label / text of the chip
|
|
13
|
+
*/
|
|
14
|
+
get label() { return this.#label_accessor_storage; }
|
|
15
|
+
set label(value) { this.#label_accessor_storage = value; }
|
|
16
|
+
#selected_accessor_storage;
|
|
17
|
+
/**
|
|
18
|
+
* When true, the chip is selected
|
|
19
|
+
*/
|
|
20
|
+
get selected() { return this.#selected_accessor_storage; }
|
|
21
|
+
set selected(value) { this.#selected_accessor_storage = value; }
|
|
22
|
+
#inputChip_accessor_storage;
|
|
23
|
+
/**
|
|
24
|
+
* When true, trailing slot is replaced with a remove icon button
|
|
25
|
+
*/
|
|
26
|
+
get inputChip() { return this.#inputChip_accessor_storage; }
|
|
27
|
+
set inputChip(value) { this.#inputChip_accessor_storage = value; }
|
|
28
|
+
#inputChipRemoveIcon_accessor_storage = 'close';
|
|
29
|
+
/**
|
|
30
|
+
* Icon name of the remove icon chip
|
|
31
|
+
*/
|
|
32
|
+
get inputChipRemoveIcon() { return this.#inputChipRemoveIcon_accessor_storage; }
|
|
33
|
+
set inputChipRemoveIcon(value) { this.#inputChipRemoveIcon_accessor_storage = value; }
|
|
34
|
+
#disabled_accessor_storage = false;
|
|
35
|
+
/**
|
|
36
|
+
* Whether or not the input should be disabled
|
|
37
|
+
*/
|
|
38
|
+
get disabled() { return this.#disabled_accessor_storage; }
|
|
39
|
+
set disabled(value) { this.#disabled_accessor_storage = value; }
|
|
40
|
+
#hasLeadingItems_accessor_storage = false;
|
|
41
|
+
get hasLeadingItems() { return this.#hasLeadingItems_accessor_storage; }
|
|
42
|
+
set hasLeadingItems(value) { this.#hasLeadingItems_accessor_storage = value; }
|
|
43
|
+
#hasTrailingItems_accessor_storage = false;
|
|
44
|
+
get hasTrailingItems() { return this.#hasTrailingItems_accessor_storage; }
|
|
45
|
+
set hasTrailingItems(value) { this.#hasTrailingItems_accessor_storage = value; }
|
|
46
|
+
static { this.styles = [
|
|
47
|
+
ellipsis,
|
|
48
|
+
css `
|
|
49
|
+
:host {
|
|
50
|
+
display: grid;
|
|
51
|
+
height: 32px;
|
|
52
|
+
width: auto;
|
|
53
|
+
|
|
54
|
+
font-size: 14px;
|
|
55
|
+
font-weight: 500;
|
|
56
|
+
line-height: 20px;
|
|
57
|
+
|
|
58
|
+
text-align: left;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
button {
|
|
62
|
+
display: grid;
|
|
63
|
+
align-items: center;
|
|
64
|
+
align-content: center;
|
|
65
|
+
|
|
66
|
+
position: relative;
|
|
67
|
+
|
|
68
|
+
-webkit-appearance: button;
|
|
69
|
+
cursor: pointer;
|
|
70
|
+
|
|
71
|
+
font: inherit;
|
|
72
|
+
margin: 0;
|
|
73
|
+
border: 0;
|
|
74
|
+
|
|
75
|
+
box-sizing: border-box;
|
|
76
|
+
height: inherit;
|
|
77
|
+
text-align: inherit;
|
|
78
|
+
|
|
79
|
+
border: 1px solid var(--titanium-chip-outline-color, var(--md-sys-color-outline));
|
|
80
|
+
border-radius: 8px;
|
|
81
|
+
--md-focus-ring-shape: 8px;
|
|
82
|
+
|
|
83
|
+
color: inherit;
|
|
84
|
+
background: inherit;
|
|
85
|
+
width: inherit;
|
|
86
|
+
|
|
87
|
+
outline: none;
|
|
88
|
+
|
|
89
|
+
font-size: inherit;
|
|
90
|
+
font-weight: inherit;
|
|
91
|
+
line-height: inherit;
|
|
92
|
+
letter-spacing: inherit;
|
|
93
|
+
|
|
94
|
+
padding: 0 12px;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
:host([has-leading-items]) button {
|
|
98
|
+
grid: 'icon label' / auto 1fr;
|
|
99
|
+
padding-left: 8px;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
:host([input-chip]) button,
|
|
103
|
+
:host([has-trailing-items]) butt on {
|
|
104
|
+
grid: 'label trailing' / 1fr auto;
|
|
105
|
+
padding-right: 4px;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
:host([has-leading-items][input-chip]) button,
|
|
109
|
+
:host([has-trailing-items][has-leading-items]) button {
|
|
110
|
+
grid: 'icon label trailing' / auto 1fr auto;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
main[label] {
|
|
114
|
+
font-size: inherit;
|
|
115
|
+
font-weight: inherit;
|
|
116
|
+
line-height: inherit;
|
|
117
|
+
letter-spacing: inherit;
|
|
118
|
+
text-align: inherit;
|
|
119
|
+
|
|
120
|
+
padding: 6px 0;
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
[name='icon']::slotted(md-icon) {
|
|
124
|
+
color: var(--md-sys-color-primary);
|
|
125
|
+
--md-icon-size: 18px;
|
|
126
|
+
padding-right: var(--titanium-chip-with-leading-icon-leading-space, 8px);
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
[name='icon']::slotted(profile-picture) {
|
|
130
|
+
padding-right: var(--titanium-chip-with-leading-icon-leading-space, 8px);
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
md-icon-button {
|
|
134
|
+
--md-icon-button-icon-size: 18px;
|
|
135
|
+
--md-icon-button-state-layer-height: 24px;
|
|
136
|
+
--md-icon-button-state-layer-width: 24px;
|
|
137
|
+
margin-left: 4px;
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
:host([selected]) button {
|
|
141
|
+
background: var(--md-sys-color-primary);
|
|
142
|
+
color: var(--md-sys-color-on-primary);
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
:host([selected]) md-icon {
|
|
146
|
+
color: var(--md-sys-color-on-primary);
|
|
147
|
+
}
|
|
148
|
+
`,
|
|
149
|
+
]; }
|
|
150
|
+
render() {
|
|
151
|
+
return html `<button part="button">
|
|
152
|
+
<md-ripple ?disabled=${this.disabled}></md-ripple>
|
|
153
|
+
<md-focus-ring ></md-focus-ring>
|
|
154
|
+
<slot name="icon" @slotchange=${() => (this.hasLeadingItems = this.leadingSlotElements.length > 0)}></slot>
|
|
155
|
+
<main label ellipsis><slot name="label">${this.label}</slot></main>
|
|
156
|
+
|
|
157
|
+
${this.inputChip
|
|
158
|
+
? html `<md-icon-button
|
|
159
|
+
@click=${(e) => {
|
|
160
|
+
e.stopPropagation();
|
|
161
|
+
this.dispatchEvent(new Event('remove'));
|
|
162
|
+
}}
|
|
163
|
+
><md-icon>${this.inputChipRemoveIcon}</md-icon></md-icon-button
|
|
164
|
+
>`
|
|
165
|
+
: html `<slot name="trailing" @slotchange=${() => (this.hasTrailingItems = this.trailingSlotElements.length > 0)}></slot>`}
|
|
166
|
+
</slot>
|
|
167
|
+
</button>`;
|
|
168
|
+
}
|
|
169
|
+
};
|
|
170
|
+
__decorate([
|
|
171
|
+
property({ type: String })
|
|
172
|
+
], TitaniumChip.prototype, "label", null);
|
|
173
|
+
__decorate([
|
|
174
|
+
property({ type: Boolean, reflect: true })
|
|
175
|
+
], TitaniumChip.prototype, "selected", null);
|
|
176
|
+
__decorate([
|
|
177
|
+
property({ type: Boolean, reflect: true, attribute: 'input-chip' })
|
|
178
|
+
], TitaniumChip.prototype, "inputChip", null);
|
|
179
|
+
__decorate([
|
|
180
|
+
property({ type: String })
|
|
181
|
+
], TitaniumChip.prototype, "inputChipRemoveIcon", null);
|
|
182
|
+
__decorate([
|
|
183
|
+
property({ type: Boolean, reflect: true })
|
|
184
|
+
], TitaniumChip.prototype, "disabled", null);
|
|
185
|
+
__decorate([
|
|
186
|
+
property({ type: Boolean, reflect: true, attribute: 'has-leading-items' })
|
|
187
|
+
], TitaniumChip.prototype, "hasLeadingItems", null);
|
|
188
|
+
__decorate([
|
|
189
|
+
property({ type: Boolean, reflect: true, attribute: 'has-trailing-items' })
|
|
190
|
+
], TitaniumChip.prototype, "hasTrailingItems", null);
|
|
191
|
+
__decorate([
|
|
192
|
+
queryAssignedElements({ slot: 'icon' })
|
|
193
|
+
], TitaniumChip.prototype, "leadingSlotElements", void 0);
|
|
194
|
+
__decorate([
|
|
195
|
+
queryAssignedElements({ slot: 'trailing' })
|
|
196
|
+
], TitaniumChip.prototype, "trailingSlotElements", void 0);
|
|
197
|
+
TitaniumChip = __decorate([
|
|
198
|
+
customElement('titanium-chip')
|
|
199
|
+
], TitaniumChip);
|
|
200
|
+
export { TitaniumChip };
|
|
201
|
+
//# sourceMappingURL=chip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chip.js","sourceRoot":"","sources":["chip.ts"],"names":[],"mappings":"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"}
|
|
@@ -18,7 +18,9 @@ export declare class TitaniumDrawer extends LitElement {
|
|
|
18
18
|
* Show the slotted content regardless if the menu is open or closed
|
|
19
19
|
*/
|
|
20
20
|
accessor alwayShowContent: boolean;
|
|
21
|
+
private accessor hasHeader;
|
|
21
22
|
private accessor hasFooter;
|
|
23
|
+
private readonly headerElements;
|
|
22
24
|
private readonly footerElements;
|
|
23
25
|
firstUpdated(): Promise<void>;
|
|
24
26
|
static animationsComplete(element: HTMLElement): Promise<PromiseSettledResult<Animation>[]>;
|
|
@@ -28,6 +28,9 @@ let TitaniumDrawer = class TitaniumDrawer extends LitElement {
|
|
|
28
28
|
*/
|
|
29
29
|
get alwayShowContent() { return this.#alwayShowContent_accessor_storage; }
|
|
30
30
|
set alwayShowContent(value) { this.#alwayShowContent_accessor_storage = value; }
|
|
31
|
+
#hasHeader_accessor_storage = false;
|
|
32
|
+
get hasHeader() { return this.#hasHeader_accessor_storage; }
|
|
33
|
+
set hasHeader(value) { this.#hasHeader_accessor_storage = value; }
|
|
31
34
|
#hasFooter_accessor_storage = false;
|
|
32
35
|
get hasFooter() { return this.#hasFooter_accessor_storage; }
|
|
33
36
|
set hasFooter(value) { this.#hasFooter_accessor_storage = value; }
|
|
@@ -112,8 +115,23 @@ let TitaniumDrawer = class TitaniumDrawer extends LitElement {
|
|
|
112
115
|
'footer' auto;
|
|
113
116
|
}
|
|
114
117
|
|
|
115
|
-
|
|
116
|
-
grid:
|
|
118
|
+
:host([has-footer]) dialog {
|
|
119
|
+
grid:
|
|
120
|
+
'content' 1fr
|
|
121
|
+
'footer' auto;
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
:host([has-header]) dialog {
|
|
125
|
+
grid:
|
|
126
|
+
'header' auto
|
|
127
|
+
'content' 1fr;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
:host([has-footer][has-header]) dialog {
|
|
131
|
+
grid:
|
|
132
|
+
'header' auto
|
|
133
|
+
'content' 1fr
|
|
134
|
+
'footer' auto;
|
|
117
135
|
}
|
|
118
136
|
|
|
119
137
|
dialog[loading] {
|
|
@@ -141,10 +159,22 @@ let TitaniumDrawer = class TitaniumDrawer extends LitElement {
|
|
|
141
159
|
|
|
142
160
|
main {
|
|
143
161
|
grid-area: content;
|
|
162
|
+
scrollbar-color: var(--md-sys-color-surface-container-highest) transparent;
|
|
163
|
+
scrollbar-width: thin;
|
|
164
|
+
overflow-y: auto;
|
|
144
165
|
}
|
|
145
166
|
|
|
167
|
+
header,
|
|
146
168
|
footer {
|
|
147
169
|
display: none;
|
|
170
|
+
|
|
171
|
+
background-color: var(--md-sys-color-background);
|
|
172
|
+
color: var(--md-sys-color-on-background);
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
:host([has-footer]) header {
|
|
176
|
+
display: grid;
|
|
177
|
+
grid-area: header;
|
|
148
178
|
}
|
|
149
179
|
|
|
150
180
|
:host([has-footer]) footer {
|
|
@@ -166,31 +196,23 @@ let TitaniumDrawer = class TitaniumDrawer extends LitElement {
|
|
|
166
196
|
}
|
|
167
197
|
|
|
168
198
|
:host([always-show-content]) dialog:not([open]) {
|
|
199
|
+
position: sticky;
|
|
200
|
+
top: var(--titanium-drawer-full-height-padding, 48px);
|
|
201
|
+
|
|
169
202
|
display: grid;
|
|
170
203
|
inset-inline-start: initial;
|
|
171
204
|
inset-inline-end: inherit;
|
|
172
205
|
border: 0;
|
|
173
|
-
position: relative;
|
|
174
206
|
min-width: 300px;
|
|
175
207
|
padding: 0;
|
|
176
208
|
margin: 0;
|
|
177
209
|
width: 100%;
|
|
178
210
|
|
|
179
|
-
|
|
180
|
-
height: 100%;
|
|
211
|
+
height: calc(100dvh - var(--titanium-drawer-full-height-padding, 48px));
|
|
181
212
|
|
|
182
213
|
animation: show 0.25s ease normal;
|
|
183
214
|
}
|
|
184
215
|
|
|
185
|
-
:host([always-show-content][fixed]) dialog:not([open]) {
|
|
186
|
-
position: fixed;
|
|
187
|
-
top: 56px;
|
|
188
|
-
max-width: 300px;
|
|
189
|
-
max-height: calc(100vh - 56px);
|
|
190
|
-
|
|
191
|
-
overflow-y: auto;
|
|
192
|
-
}
|
|
193
|
-
|
|
194
216
|
::slotted(h3) {
|
|
195
217
|
font-family: 'Metropolis';
|
|
196
218
|
color: var(--md-sys-color-on-background);
|
|
@@ -258,6 +280,7 @@ let TitaniumDrawer = class TitaniumDrawer extends LitElement {
|
|
|
258
280
|
}}
|
|
259
281
|
part="dialog"
|
|
260
282
|
>
|
|
283
|
+
<header part="header"><slot name="header" @slotchange=${() => (this.hasHeader = this.headerElements.length > 0)}></slot></header>
|
|
261
284
|
<main part="main"><slot></slot></main>
|
|
262
285
|
<footer part="footer"><slot name="footer" @slotchange=${() => (this.hasFooter = this.footerElements.length > 0)}></slot></footer>
|
|
263
286
|
</dialog>`;
|
|
@@ -272,9 +295,15 @@ __decorate([
|
|
|
272
295
|
__decorate([
|
|
273
296
|
property({ type: Boolean, reflect: true, attribute: 'always-show-content' })
|
|
274
297
|
], TitaniumDrawer.prototype, "alwayShowContent", null);
|
|
298
|
+
__decorate([
|
|
299
|
+
property({ type: Boolean, reflect: true, attribute: 'has-header' })
|
|
300
|
+
], TitaniumDrawer.prototype, "hasHeader", null);
|
|
275
301
|
__decorate([
|
|
276
302
|
property({ type: Boolean, reflect: true, attribute: 'has-footer' })
|
|
277
303
|
], TitaniumDrawer.prototype, "hasFooter", null);
|
|
304
|
+
__decorate([
|
|
305
|
+
queryAssignedElements({ slot: 'header' })
|
|
306
|
+
], TitaniumDrawer.prototype, "headerElements", void 0);
|
|
278
307
|
__decorate([
|
|
279
308
|
queryAssignedElements({ slot: 'footer' })
|
|
280
309
|
], TitaniumDrawer.prototype, "footerElements", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer.js","sourceRoot":"","sources":["drawer.ts"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAE1F;;;;;;;;GAQG;AAEI,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;;IACV,yBAAiC;IAAjC,IAAA,MAAM,4CAA2B;IAAjC,IAAA,MAAM,kDAA2B;IAKd,0BAAiB,KAAK,CAAC;IAH5E;;OAEG;IACkD,IAAA,KAAK,2CAAkB;IAAvB,IAAA,KAAK,iDAAkB;IAKW,qCAA4B,KAAK,CAAC;IAHzH;;OAEG;IACoF,IAAA,gBAAgB,sDAAkB;IAAlC,IAAA,gBAAgB,4DAAkB;IAEnC,8BAAY,KAAK,CAAC;IAAlB,IAAA,SAAS,+CAAS;IAAlB,IAAA,SAAS,qDAAS;
|
|
1
|
+
{"version":3,"file":"drawer.js","sourceRoot":"","sources":["drawer.ts"],"names":[],"mappings":"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"}
|