@leavittsoftware/web 2.33.0 → 2.34.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.34.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": "49fdde7fdb3bad7e8cf1db021906d71321c39142"
|
|
44
44
|
}
|
|
@@ -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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"}
|