chunk.EGZAHXPP.js 1.3 KB

12345678910111213141516171819202122232425262728
  1. import {
  2. T,
  3. h,
  4. n,
  5. r
  6. } from "./chunk.5PIDMFOE.js";
  7. import {
  8. __decorateClass
  9. } from "./chunk.IHGPZX35.js";
  10. // _uyihdawu1:/Users/claviska/Projects/shoelace/src/components/spinner/spinner.scss
  11. var spinner_default = ":host {\n position: relative;\n box-sizing: border-box;\n}\n:host *, :host *:before, :host *:after {\n box-sizing: inherit;\n}\n\n[hidden] {\n display: none !important;\n}\n\n:host {\n --track-color: #0d131e20;\n --indicator-color: var(--sl-color-primary-500);\n --stroke-width: 2px;\n display: inline-flex;\n}\n\n.spinner {\n display: inline-block;\n width: 1em;\n height: 1em;\n border-radius: 50%;\n border: solid var(--stroke-width) var(--track-color);\n border-top-color: var(--indicator-color);\n border-right-color: var(--indicator-color);\n animation: 1s linear infinite spin;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}";
  12. // src/components/spinner/spinner.ts
  13. var SlSpinner = class extends h {
  14. render() {
  15. return T` <span part="base" class="spinner" aria-busy="true" aria-live="polite"></span> `;
  16. }
  17. };
  18. SlSpinner.styles = r(spinner_default);
  19. SlSpinner = __decorateClass([
  20. n("sl-spinner")
  21. ], SlSpinner);
  22. var spinner_default2 = SlSpinner;
  23. export {
  24. spinner_default2 as spinner_default
  25. };