@fluid-topics/ft-collapsible 0.1.16 → 0.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/build/ft-collapsible.d.ts +2 -2
- package/build/ft-collapsible.inline-styles.js +658 -0
- package/build/ft-collapsible.js +18 -24
- package/build/ft-collapsible.light.js +285 -332
- package/build/ft-collapsible.min.js +324 -360
- package/build/index.d.ts +2 -0
- package/build/index.js +5 -0
- package/build/inline-styles.d.ts +2 -0
- package/build/inline-styles.js +4 -0
- package/package.json +6 -6
package/build/ft-collapsible.js
CHANGED
|
@@ -6,9 +6,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
6
6
|
};
|
|
7
7
|
import { css, html, } from "lit";
|
|
8
8
|
import { property, query } from "lit/decorators.js";
|
|
9
|
-
import {
|
|
9
|
+
import { FtLitElement } from "@fluid-topics/ft-wc-utils";
|
|
10
10
|
import { FtButton } from "@fluid-topics/ft-button";
|
|
11
|
-
|
|
11
|
+
export class FtCollapsible extends FtLitElement {
|
|
12
12
|
constructor() {
|
|
13
13
|
super(...arguments);
|
|
14
14
|
this.open = false;
|
|
@@ -23,23 +23,7 @@ let FtCollapsible = class FtCollapsible extends FtLitElement {
|
|
|
23
23
|
this.closedIcon = "expand_more";
|
|
24
24
|
this.trailingIcon = false;
|
|
25
25
|
}
|
|
26
|
-
|
|
27
|
-
getStyles() {
|
|
28
|
-
return css `
|
|
29
|
-
:host, :root {
|
|
30
|
-
display: block;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.content {
|
|
34
|
-
margin: 12px 0;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
.hidden {
|
|
38
|
-
display: none;
|
|
39
|
-
}
|
|
40
|
-
`;
|
|
41
|
-
}
|
|
42
|
-
getTemplate() {
|
|
26
|
+
render() {
|
|
43
27
|
return html `
|
|
44
28
|
<ft-button
|
|
45
29
|
part="toggle"
|
|
@@ -80,10 +64,24 @@ let FtCollapsible = class FtCollapsible extends FtLitElement {
|
|
|
80
64
|
this.dispatchEvent(new CustomEvent("change", { detail: { open: this.open } }));
|
|
81
65
|
}
|
|
82
66
|
}
|
|
83
|
-
}
|
|
67
|
+
}
|
|
84
68
|
FtCollapsible.elementDefinitions = {
|
|
85
69
|
"ft-button": FtButton,
|
|
86
70
|
};
|
|
71
|
+
// language=CSS
|
|
72
|
+
FtCollapsible.styles = css `
|
|
73
|
+
:host, :root {
|
|
74
|
+
display: block;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.content {
|
|
78
|
+
margin: 12px 0;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.hidden {
|
|
82
|
+
display: none;
|
|
83
|
+
}
|
|
84
|
+
`;
|
|
87
85
|
__decorate([
|
|
88
86
|
query(".content")
|
|
89
87
|
], FtCollapsible.prototype, "content", void 0);
|
|
@@ -120,8 +118,4 @@ __decorate([
|
|
|
120
118
|
__decorate([
|
|
121
119
|
query("slot[name=\"toggle\"]")
|
|
122
120
|
], FtCollapsible.prototype, "toggleSlot", void 0);
|
|
123
|
-
FtCollapsible = __decorate([
|
|
124
|
-
customElement("ft-collapsible")
|
|
125
|
-
], FtCollapsible);
|
|
126
|
-
export { FtCollapsible };
|
|
127
121
|
//# sourceMappingURL=ft-collapsible.js.map
|