@fluid-topics/ft-switch 0.3.71 → 1.0.0-alpha.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-switch-option.css.d.ts +0 -1
- package/build/ft-switch-option.css.js +0 -1
- package/build/ft-switch-option.d.ts +0 -1
- package/build/ft-switch-option.js +4 -5
- package/build/ft-switch-option.properties.d.ts +0 -1
- package/build/ft-switch-option.properties.js +0 -1
- package/build/ft-switch.css.d.ts +0 -1
- package/build/ft-switch.css.js +0 -1
- package/build/ft-switch.d.ts +0 -1
- package/build/ft-switch.js +2 -2
- package/build/ft-switch.light.js +131 -131
- package/build/ft-switch.min.js +166 -176
- package/build/ft-switch.properties.d.ts +0 -1
- package/build/ft-switch.properties.js +0 -1
- package/build/index.d.ts +0 -1
- package/build/index.js +0 -1
- package/package.json +8 -8
|
@@ -11,18 +11,17 @@ import { FtRipple } from "@fluid-topics/ft-ripple";
|
|
|
11
11
|
import { FtTypography } from "@fluid-topics/ft-typography";
|
|
12
12
|
import { classMap } from "lit/directives/class-map.js";
|
|
13
13
|
import { FtTooltip } from "@fluid-topics/ft-tooltip";
|
|
14
|
-
import { FtIcon
|
|
14
|
+
import { FtIcon } from "@fluid-topics/ft-icon";
|
|
15
15
|
import { optionStyles } from "./ft-switch-option.css";
|
|
16
16
|
export class SwitchOptionChange extends CustomEvent {
|
|
17
17
|
constructor() {
|
|
18
18
|
super("option-change", { bubbles: true, composed: true });
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
|
-
|
|
21
|
+
class FtSwitchOption extends FtLitElement {
|
|
22
22
|
constructor() {
|
|
23
23
|
super(...arguments);
|
|
24
24
|
this.value = "";
|
|
25
|
-
this.iconVariant = FtIconVariants.material;
|
|
26
25
|
this.label = "";
|
|
27
26
|
this.tooltipPosition = "bottom";
|
|
28
27
|
this.selected = false;
|
|
@@ -78,7 +77,7 @@ export class FtSwitchOption extends FtLitElement {
|
|
|
78
77
|
}
|
|
79
78
|
resolveIcon() {
|
|
80
79
|
return this.icon ? html `
|
|
81
|
-
<ft-icon part="icon" .variant=${this.iconVariant} value=${this.icon}></ft-icon>
|
|
80
|
+
<ft-icon part="icon" .variant=${this.iconVariant} .value=${this.icon}></ft-icon>
|
|
82
81
|
` : nothing;
|
|
83
82
|
}
|
|
84
83
|
get textContent() {
|
|
@@ -132,4 +131,4 @@ __decorate([
|
|
|
132
131
|
__decorate([
|
|
133
132
|
query(".ft-switch-option--input")
|
|
134
133
|
], FtSwitchOption.prototype, "input", void 0);
|
|
135
|
-
|
|
134
|
+
export { FtSwitchOption };
|
package/build/ft-switch.css.d.ts
CHANGED
package/build/ft-switch.css.js
CHANGED
|
@@ -13,4 +13,3 @@ export const FtSwitchCssVariables = {
|
|
|
13
13
|
rippleColor: FtCssVariableFactory.extend("--ft-switch-ripple-color", designSystemVariables.colorPrimary),
|
|
14
14
|
outlineColor: FtCssVariableFactory.extend("--ft-switch-outline-color", designSystemVariables.colorPrimary),
|
|
15
15
|
};
|
|
16
|
-
//# sourceMappingURL=ft-switch.css.js.map
|
package/build/ft-switch.d.ts
CHANGED
package/build/ft-switch.js
CHANGED
|
@@ -16,7 +16,7 @@ export class FtSwitchChange extends CustomEvent {
|
|
|
16
16
|
super("change", { detail: value });
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
|
-
|
|
19
|
+
class FtSwitch extends FtLitElement {
|
|
20
20
|
constructor() {
|
|
21
21
|
super(...arguments);
|
|
22
22
|
this.dense = false;
|
|
@@ -158,4 +158,4 @@ __decorate([
|
|
|
158
158
|
__decorate([
|
|
159
159
|
query(".ft-switch")
|
|
160
160
|
], FtSwitch.prototype, "ftSwitchDiv", void 0);
|
|
161
|
-
|
|
161
|
+
export { FtSwitch };
|