@synergy-design-system/components
Version:
This package provides the base of the Synergy Design System as native web components. It uses [lit](https://www.lit.dev) and parts of [shoelace](https://shoelace.style/). Synergy officially supports the latest two versions of all major browsers (as define
39 lines (36 loc) • 972 B
JavaScript
import {
spinner_custom_styles_default
} from "./chunk.4WQZFNSE.js";
import {
spinner_styles_default
} from "./chunk.JLXCLATV.js";
import {
LocalizeController
} from "./chunk.OAQRCZOO.js";
import {
component_styles_default
} from "./chunk.NLYVOJGK.js";
import {
SynergyElement
} from "./chunk.3THJTCRO.js";
// src/components/spinner/spinner.component.ts
import { html } from "lit";
var SynSpinner = class extends SynergyElement {
constructor() {
super(...arguments);
this.localize = new LocalizeController(this);
}
render() {
return html`
<svg part="base" class="spinner" role="progressbar" aria-label=${this.localize.term("loading")}>
<circle class="spinner__track"></circle>
<circle class="spinner__indicator"></circle>
</svg>
`;
}
};
SynSpinner.styles = [component_styles_default, spinner_styles_default, spinner_custom_styles_default];
export {
SynSpinner
};
//# sourceMappingURL=chunk.GPST4OZW.js.map