30 lines
729 B
TypeScript
30 lines
729 B
TypeScript
import { FabBase } from "@material/mwc-fab/mwc-fab-base";
|
|
import { styles } from "@material/mwc-fab/mwc-fab.css";
|
|
import { customElement } from "lit/decorators";
|
|
import { css } from "lit";
|
|
|
|
@customElement("ha-fab")
|
|
export class HaFab extends FabBase {
|
|
protected firstUpdated(changedProperties) {
|
|
super.firstUpdated(changedProperties);
|
|
this.style.setProperty("--mdc-theme-secondary", "var(--primary-color)");
|
|
}
|
|
|
|
static override styles = [
|
|
styles,
|
|
css`
|
|
:host .mdc-fab--extended .mdc-fab__icon {
|
|
margin-inline-start: -8px;
|
|
margin-inline-end: 12px;
|
|
direction: var(--direction);
|
|
}
|
|
`,
|
|
];
|
|
}
|
|
|
|
declare global {
|
|
interface HTMLElementTagNameMap {
|
|
"ha-fab": HaFab;
|
|
}
|
|
}
|