@leavittsoftware/web 8.5.3 → 8.6.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": "8.
|
|
3
|
+
"version": "8.6.0",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"description": "",
|
|
6
6
|
"files": [
|
|
@@ -44,5 +44,5 @@
|
|
|
44
44
|
"url": "https://github.com/LeavittSoftware/titanium-elements/issues"
|
|
45
45
|
},
|
|
46
46
|
"homepage": "https://github.com/LeavittSoftware/titanium-elements/#readme",
|
|
47
|
-
"gitHead": "
|
|
47
|
+
"gitHead": "2aaf87c4a58fb55a2040a0542f4f17eaa2c4effa"
|
|
48
48
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { LitElement } from 'lit';
|
|
1
|
+
import { LitElement, PropertyValues } from 'lit';
|
|
2
2
|
/**
|
|
3
3
|
* Titanium drawer - a minimalist fly-out style drawer based on a native dialog
|
|
4
4
|
*
|
|
@@ -9,6 +9,7 @@ import { LitElement } from 'lit';
|
|
|
9
9
|
* @cssprop {Color} [--md-sys-color-on-background] Color of slotted h3 and h4
|
|
10
10
|
*/
|
|
11
11
|
export declare class TitaniumDrawer extends LitElement {
|
|
12
|
+
#private;
|
|
12
13
|
private accessor dialog;
|
|
13
14
|
/**
|
|
14
15
|
* Set the position of content fixed when menu is closed. Only takes effect if always-show-content is set.
|
|
@@ -24,8 +25,11 @@ export declare class TitaniumDrawer extends LitElement {
|
|
|
24
25
|
accessor direction: 'ltr' | 'rtl';
|
|
25
26
|
private accessor hasHeader;
|
|
26
27
|
private accessor hasFooter;
|
|
28
|
+
accessor mode: 'inline' | 'flyover' | null;
|
|
29
|
+
accessor isOpen: boolean;
|
|
27
30
|
private readonly headerElements;
|
|
28
31
|
private readonly footerElements;
|
|
32
|
+
updated(changedProps: PropertyValues<this>): Promise<void>;
|
|
29
33
|
firstUpdated(): Promise<void>;
|
|
30
34
|
static animationsComplete(element: HTMLElement): Promise<PromiseSettledResult<Animation>[]>;
|
|
31
35
|
/**
|
|
@@ -41,6 +41,38 @@ let TitaniumDrawer = class TitaniumDrawer extends LitElement {
|
|
|
41
41
|
#hasFooter_accessor_storage = false;
|
|
42
42
|
get hasFooter() { return this.#hasFooter_accessor_storage; }
|
|
43
43
|
set hasFooter(value) { this.#hasFooter_accessor_storage = value; }
|
|
44
|
+
#mode_accessor_storage;
|
|
45
|
+
get mode() { return this.#mode_accessor_storage; }
|
|
46
|
+
set mode(value) { this.#mode_accessor_storage = value; }
|
|
47
|
+
#isOpen_accessor_storage = false;
|
|
48
|
+
get isOpen() { return this.#isOpen_accessor_storage; } //read only
|
|
49
|
+
set isOpen(value) { this.#isOpen_accessor_storage = value; }
|
|
50
|
+
async updated(changedProps) {
|
|
51
|
+
if (changedProps.has('mode')) {
|
|
52
|
+
if (this.mode === 'inline') {
|
|
53
|
+
if (this.isOpen) {
|
|
54
|
+
//drawer was already open in inline mode, so we need to keep it open
|
|
55
|
+
this.alwayShowContent = true;
|
|
56
|
+
}
|
|
57
|
+
//close the flyover drawer, we are inline now
|
|
58
|
+
this?.close();
|
|
59
|
+
}
|
|
60
|
+
if (this.mode === 'flyover') {
|
|
61
|
+
//we are now in flyover mode, so we need to open the drawer if it was open
|
|
62
|
+
if (this.isOpen) {
|
|
63
|
+
this.dialog?.showModal();
|
|
64
|
+
this.dialog?.removeAttribute('hide');
|
|
65
|
+
this.setBodyOverflow('hidden');
|
|
66
|
+
}
|
|
67
|
+
//we are now in flyover mode, we need to hide the inline content
|
|
68
|
+
this.alwayShowContent = false;
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
#setOpen(isOpen) {
|
|
73
|
+
this.isOpen = isOpen;
|
|
74
|
+
this.dispatchEvent(new Event('open-change'));
|
|
75
|
+
}
|
|
44
76
|
async firstUpdated() {
|
|
45
77
|
let touchstartX = 0;
|
|
46
78
|
let touchendX = 0;
|
|
@@ -75,15 +107,29 @@ let TitaniumDrawer = class TitaniumDrawer extends LitElement {
|
|
|
75
107
|
* Opens drawer
|
|
76
108
|
*/
|
|
77
109
|
open() {
|
|
78
|
-
this.
|
|
79
|
-
|
|
80
|
-
this.
|
|
110
|
+
if (this.isOpen)
|
|
111
|
+
return;
|
|
112
|
+
if (this.mode === 'inline') {
|
|
113
|
+
this.#setOpen(true);
|
|
114
|
+
this.alwayShowContent = true;
|
|
115
|
+
}
|
|
116
|
+
else {
|
|
117
|
+
this.dialog?.showModal();
|
|
118
|
+
this.dialog?.removeAttribute('hide');
|
|
119
|
+
this.setBodyOverflow('hidden');
|
|
120
|
+
}
|
|
81
121
|
}
|
|
82
122
|
/**
|
|
83
123
|
* Closes drawer
|
|
84
124
|
*/
|
|
85
125
|
async close() {
|
|
86
|
-
if (this.
|
|
126
|
+
if (!this.isOpen)
|
|
127
|
+
return;
|
|
128
|
+
if (this.mode === 'inline') {
|
|
129
|
+
this.#setOpen(false);
|
|
130
|
+
this.alwayShowContent = false;
|
|
131
|
+
}
|
|
132
|
+
else {
|
|
87
133
|
this.dialog?.setAttribute('hide', '');
|
|
88
134
|
await TitaniumDrawer_1.animationsComplete(this.dialog);
|
|
89
135
|
this.dialog?.close();
|
|
@@ -94,7 +140,13 @@ let TitaniumDrawer = class TitaniumDrawer extends LitElement {
|
|
|
94
140
|
* Closes drawer without animations
|
|
95
141
|
*/
|
|
96
142
|
closeQuick() {
|
|
97
|
-
if (this.
|
|
143
|
+
if (!this.isOpen)
|
|
144
|
+
return;
|
|
145
|
+
if (this.mode === 'inline') {
|
|
146
|
+
this.#setOpen(false);
|
|
147
|
+
this.alwayShowContent = false;
|
|
148
|
+
}
|
|
149
|
+
else {
|
|
98
150
|
this.dialog?.close();
|
|
99
151
|
}
|
|
100
152
|
}
|
|
@@ -310,7 +362,14 @@ let TitaniumDrawer = class TitaniumDrawer extends LitElement {
|
|
|
310
362
|
this.setBodyOverflow('');
|
|
311
363
|
redispatchEvent(this, e);
|
|
312
364
|
}}
|
|
313
|
-
@toggle=${(e) =>
|
|
365
|
+
@toggle=${(e) => {
|
|
366
|
+
//isOpen state is fully managed by the drawer when not in flyover mode
|
|
367
|
+
if (this.mode === 'flyover') {
|
|
368
|
+
const isOpen = e.target?.hasAttribute('open');
|
|
369
|
+
this.#setOpen(isOpen);
|
|
370
|
+
}
|
|
371
|
+
redispatchEvent(this, e);
|
|
372
|
+
}}
|
|
314
373
|
part="dialog"
|
|
315
374
|
>
|
|
316
375
|
<header part="header"><slot name="header" @slotchange=${() => (this.hasHeader = this.headerElements.length > 0)}></slot></header>
|
|
@@ -337,6 +396,12 @@ __decorate([
|
|
|
337
396
|
__decorate([
|
|
338
397
|
property({ type: Boolean, reflect: true, attribute: 'has-footer' })
|
|
339
398
|
], TitaniumDrawer.prototype, "hasFooter", null);
|
|
399
|
+
__decorate([
|
|
400
|
+
property({ type: String, reflect: true, attribute: 'mode' })
|
|
401
|
+
], TitaniumDrawer.prototype, "mode", null);
|
|
402
|
+
__decorate([
|
|
403
|
+
property({ type: Boolean, reflect: true, attribute: 'open' })
|
|
404
|
+
], TitaniumDrawer.prototype, "isOpen", null);
|
|
340
405
|
__decorate([
|
|
341
406
|
queryAssignedElements({ slot: 'header' })
|
|
342
407
|
], TitaniumDrawer.prototype, "headerElements", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer.js","sourceRoot":"","sources":["drawer.ts"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"drawer.js","sourceRoot":"","sources":["drawer.ts"],"names":[],"mappings":"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"}
|