@leavittsoftware/web 6.12.1 → 6.13.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": "6.
|
|
3
|
+
"version": "6.13.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": "f10ccca7e294b124cc028ccc2d0a8040b938901a"
|
|
48
48
|
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import '@material/web/ripple/ripple';
|
|
2
|
+
import '@material/web/focus/md-focus-ring';
|
|
3
|
+
import '@material/web/elevation/elevation';
|
|
4
|
+
import '@material/web/icon/icon';
|
|
5
|
+
import { LitElement } from 'lit';
|
|
6
|
+
export declare class TitaniumCollapsibleContainer extends LitElement {
|
|
7
|
+
accessor disabled: boolean;
|
|
8
|
+
accessor opened: boolean;
|
|
9
|
+
static styles: import("lit").CSSResult;
|
|
10
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=collapsible-container.d.ts.map
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import '@material/web/ripple/ripple';
|
|
3
|
+
import '@material/web/focus/md-focus-ring';
|
|
4
|
+
import '@material/web/elevation/elevation';
|
|
5
|
+
import '@material/web/icon/icon';
|
|
6
|
+
import { css, html, LitElement } from 'lit';
|
|
7
|
+
import { property, customElement } from 'lit/decorators.js';
|
|
8
|
+
let TitaniumCollapsibleContainer = class TitaniumCollapsibleContainer extends LitElement {
|
|
9
|
+
#disabled_accessor_storage = false;
|
|
10
|
+
get disabled() { return this.#disabled_accessor_storage; }
|
|
11
|
+
set disabled(value) { this.#disabled_accessor_storage = value; }
|
|
12
|
+
#opened_accessor_storage = false;
|
|
13
|
+
get opened() { return this.#opened_accessor_storage; }
|
|
14
|
+
set opened(value) { this.#opened_accessor_storage = value; }
|
|
15
|
+
static { this.styles = css `
|
|
16
|
+
:host {
|
|
17
|
+
display: grid;
|
|
18
|
+
--titanium-collapsible-container-border-radius: 12px;
|
|
19
|
+
border-radius: var(--titanium-collapsible-container-border-radius);
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
button {
|
|
23
|
+
display: grid;
|
|
24
|
+
position: relative;
|
|
25
|
+
|
|
26
|
+
grid-auto-columns: 1fr auto;
|
|
27
|
+
grid-auto-flow: column;
|
|
28
|
+
padding: 12px;
|
|
29
|
+
margin: 0;
|
|
30
|
+
outline: none;
|
|
31
|
+
|
|
32
|
+
text-align: left;
|
|
33
|
+
|
|
34
|
+
cursor: pointer;
|
|
35
|
+
color: inherit;
|
|
36
|
+
background-color: inherit;
|
|
37
|
+
|
|
38
|
+
border: none;
|
|
39
|
+
align-items: center;
|
|
40
|
+
box-sizing: border-box;
|
|
41
|
+
|
|
42
|
+
border-radius: var(--titanium-collapsible-container-border-radius);
|
|
43
|
+
--md-focus-ring-shape: var(--titanium-collapsible-container-border-radius);
|
|
44
|
+
|
|
45
|
+
width: 100%;
|
|
46
|
+
|
|
47
|
+
md-icon {
|
|
48
|
+
transition: transform 0.35s;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
main {
|
|
53
|
+
display: grid;
|
|
54
|
+
|
|
55
|
+
color: inherit;
|
|
56
|
+
background-color: inherit;
|
|
57
|
+
|
|
58
|
+
interpolate-size: allow-keywords;
|
|
59
|
+
|
|
60
|
+
height: 0;
|
|
61
|
+
overflow: hidden;
|
|
62
|
+
transition: all 0.35s;
|
|
63
|
+
|
|
64
|
+
border-radius: 0 0 var(--titanium-collapsible-container-border-radius) var(--titanium-collapsible-container-border-radius);
|
|
65
|
+
box-sizing: border-box;
|
|
66
|
+
|
|
67
|
+
@starting-style {
|
|
68
|
+
height: 0px;
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
:host([opened]) {
|
|
73
|
+
main {
|
|
74
|
+
height: auto;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
md-icon {
|
|
78
|
+
transform: rotate(-180deg);
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
button {
|
|
82
|
+
border-bottom-right-radius: 0;
|
|
83
|
+
border-bottom-left-radius: 0;
|
|
84
|
+
--md-focus-ring-shape-end-start: 0;
|
|
85
|
+
--md-focus-ring-shape-end-end: 0;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
`; }
|
|
89
|
+
render() {
|
|
90
|
+
return html `
|
|
91
|
+
<button part="button" draggable="false" @click=${() => (this.opened = !this.opened)}>
|
|
92
|
+
<header><slot name="header"></slot></header>
|
|
93
|
+
<md-icon arrow>expand_more</md-icon>
|
|
94
|
+
|
|
95
|
+
<md-ripple ?disabled=${this.disabled}></md-ripple>
|
|
96
|
+
<md-focus-ring inward ?inward=${!this.opened}></md-focus-ring>
|
|
97
|
+
</button>
|
|
98
|
+
<main part="main">
|
|
99
|
+
<slot name="content"></slot>
|
|
100
|
+
</main>
|
|
101
|
+
<md-elevation></md-elevation>
|
|
102
|
+
`;
|
|
103
|
+
}
|
|
104
|
+
};
|
|
105
|
+
__decorate([
|
|
106
|
+
property({ type: Boolean, reflect: true })
|
|
107
|
+
], TitaniumCollapsibleContainer.prototype, "disabled", null);
|
|
108
|
+
__decorate([
|
|
109
|
+
property({ type: Boolean, reflect: true })
|
|
110
|
+
], TitaniumCollapsibleContainer.prototype, "opened", null);
|
|
111
|
+
TitaniumCollapsibleContainer = __decorate([
|
|
112
|
+
customElement('titanium-collapsible-container')
|
|
113
|
+
], TitaniumCollapsibleContainer);
|
|
114
|
+
export { TitaniumCollapsibleContainer };
|
|
115
|
+
//# sourceMappingURL=collapsible-container.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"collapsible-container.js","sourceRoot":"","sources":["collapsible-container.ts"],"names":[],"mappings":";AAAA,OAAO,6BAA6B,CAAC;AACrC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,yBAAyB,CAAC;AAEjC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGrD,IAAM,4BAA4B,GAAlC,MAAM,4BAA6B,SAAQ,UAAU;IACL,6BAAoB,KAAK,CAAC;IAA1B,IAAA,QAAQ,8CAAkB;IAA1B,IAAA,QAAQ,oDAAkB;IAC1B,2BAAkB,KAAK,CAAC;IAAxB,IAAA,MAAM,4CAAkB;IAAxB,IAAA,MAAM,kDAAkB;aAEtE,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyElB,AAzEY,CAyEX;IAEF,MAAM;QACJ,OAAO,IAAI,CAAA;uDACwC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;;;;+BAI1D,IAAI,CAAC,QAAQ;wCACJ,CAAC,IAAI,CAAC,MAAM;;;;;;KAM/C,CAAC;IACJ,CAAC;;AA5FoD;IAApD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4DAAoC;AAC1B;IAApD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0DAAkC;AAFlE,4BAA4B;IADxC,aAAa,CAAC,gCAAgC,CAAC;GACnC,4BAA4B,CA8FxC"}
|