@leavittsoftware/web 4.0.0 → 4.2.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": "4.
|
|
3
|
+
"version": "4.2.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": "3b19342078fec139f3cec8fdcc58cb3373778399"
|
|
44
44
|
}
|
|
@@ -18,6 +18,10 @@ 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
|
+
/**
|
|
22
|
+
* Reverse the direction of the drawer opening and closing animations
|
|
23
|
+
*/
|
|
24
|
+
accessor direction: 'ltr' | 'rtl';
|
|
21
25
|
private accessor hasHeader;
|
|
22
26
|
private accessor hasFooter;
|
|
23
27
|
private readonly headerElements;
|
|
@@ -28,6 +28,12 @@ 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
|
+
#direction_accessor_storage = 'ltr';
|
|
32
|
+
/**
|
|
33
|
+
* Reverse the direction of the drawer opening and closing animations
|
|
34
|
+
*/
|
|
35
|
+
get direction() { return this.#direction_accessor_storage; }
|
|
36
|
+
set direction(value) { this.#direction_accessor_storage = value; }
|
|
31
37
|
#hasHeader_accessor_storage = false;
|
|
32
38
|
get hasHeader() { return this.#hasHeader_accessor_storage; }
|
|
33
39
|
set hasHeader(value) { this.#hasHeader_accessor_storage = value; }
|
|
@@ -145,9 +151,9 @@ let TitaniumDrawer = class TitaniumDrawer extends LitElement {
|
|
|
145
151
|
border: 0;
|
|
146
152
|
padding: 0;
|
|
147
153
|
margin: 0;
|
|
148
|
-
|
|
154
|
+
|
|
149
155
|
flex-direction: column;
|
|
150
|
-
width: 300px;
|
|
156
|
+
width: var(--titanium-drawer-width, 300px);
|
|
151
157
|
|
|
152
158
|
min-height: 100dvh;
|
|
153
159
|
max-height: -webkit-fill-available;
|
|
@@ -157,6 +163,10 @@ let TitaniumDrawer = class TitaniumDrawer extends LitElement {
|
|
|
157
163
|
animation: show 0.25s ease normal;
|
|
158
164
|
}
|
|
159
165
|
|
|
166
|
+
:host([direction='rtl']) dialog[open] {
|
|
167
|
+
animation: show-reverse 0.25s ease normal;
|
|
168
|
+
}
|
|
169
|
+
|
|
160
170
|
main {
|
|
161
171
|
grid-area: content;
|
|
162
172
|
scrollbar-color: var(--md-sys-color-surface-container-highest) transparent;
|
|
@@ -168,8 +178,8 @@ let TitaniumDrawer = class TitaniumDrawer extends LitElement {
|
|
|
168
178
|
footer {
|
|
169
179
|
display: none;
|
|
170
180
|
|
|
171
|
-
background-color:
|
|
172
|
-
color:
|
|
181
|
+
background-color: inherit;
|
|
182
|
+
color: inherit;
|
|
173
183
|
}
|
|
174
184
|
|
|
175
185
|
:host([has-footer]) header {
|
|
@@ -203,7 +213,7 @@ let TitaniumDrawer = class TitaniumDrawer extends LitElement {
|
|
|
203
213
|
inset-inline-start: initial;
|
|
204
214
|
inset-inline-end: inherit;
|
|
205
215
|
border: 0;
|
|
206
|
-
min-width: 300px;
|
|
216
|
+
min-width: var(--titanium-drawer-width, 300px);
|
|
207
217
|
padding: 0;
|
|
208
218
|
margin: 0;
|
|
209
219
|
width: 100%;
|
|
@@ -213,6 +223,10 @@ let TitaniumDrawer = class TitaniumDrawer extends LitElement {
|
|
|
213
223
|
animation: show 0.25s ease normal;
|
|
214
224
|
}
|
|
215
225
|
|
|
226
|
+
:host([always-show-content][direction='rtl']) dialog:not([open]) {
|
|
227
|
+
animation: show-reverse 0.25s ease normal;
|
|
228
|
+
}
|
|
229
|
+
|
|
216
230
|
::slotted(h3) {
|
|
217
231
|
font-family: 'Metropolis';
|
|
218
232
|
color: var(--md-sys-color-on-background);
|
|
@@ -243,6 +257,10 @@ let TitaniumDrawer = class TitaniumDrawer extends LitElement {
|
|
|
243
257
|
animation: close 0.25s ease normal;
|
|
244
258
|
}
|
|
245
259
|
|
|
260
|
+
dialog[hide][direction='rtl'] {
|
|
261
|
+
animation: close-reverse 0.25s ease normal;
|
|
262
|
+
}
|
|
263
|
+
|
|
246
264
|
@keyframes show {
|
|
247
265
|
from {
|
|
248
266
|
transform: translateX(-110%);
|
|
@@ -258,6 +276,21 @@ let TitaniumDrawer = class TitaniumDrawer extends LitElement {
|
|
|
258
276
|
}
|
|
259
277
|
}
|
|
260
278
|
|
|
279
|
+
@keyframes show-reverse {
|
|
280
|
+
from {
|
|
281
|
+
transform: translateX(110%);
|
|
282
|
+
}
|
|
283
|
+
to {
|
|
284
|
+
transform: translateX(0%);
|
|
285
|
+
}
|
|
286
|
+
}
|
|
287
|
+
|
|
288
|
+
@keyframes close-reverse {
|
|
289
|
+
to {
|
|
290
|
+
transform: translateX(110%);
|
|
291
|
+
}
|
|
292
|
+
}
|
|
293
|
+
|
|
261
294
|
dialog::backdrop {
|
|
262
295
|
background-color: rgba(0, 0, 0, 0.5);
|
|
263
296
|
}
|
|
@@ -295,6 +328,9 @@ __decorate([
|
|
|
295
328
|
__decorate([
|
|
296
329
|
property({ type: Boolean, reflect: true, attribute: 'always-show-content' })
|
|
297
330
|
], TitaniumDrawer.prototype, "alwayShowContent", null);
|
|
331
|
+
__decorate([
|
|
332
|
+
property({ type: String, reflect: true })
|
|
333
|
+
], TitaniumDrawer.prototype, "direction", null);
|
|
298
334
|
__decorate([
|
|
299
335
|
property({ type: Boolean, reflect: true, attribute: 'has-header' })
|
|
300
336
|
], TitaniumDrawer.prototype, "hasHeader", null);
|
|
@@ -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;
|
|
1
|
+
{"version":3,"file":"drawer.js","sourceRoot":"","sources":["drawer.ts"],"names":[],"mappings":"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"}
|