75 lines
1.3 KiB
JavaScript
75 lines
1.3 KiB
JavaScript
|
|
import document from "/unify/document.js";
|
|
|
|
|
|
class circle{
|
|
|
|
customElement = document.createElementNS("http://www.w3.org/2000/svg","circle");
|
|
|
|
useCustomElement = true;
|
|
|
|
layers = 1;
|
|
|
|
zIndex = 1000;
|
|
|
|
boxShadow = "inset 0 0 0 1px rgb(0 0 0 / 50%)!important"
|
|
|
|
create() {
|
|
|
|
this.customElement.setAttributeNS(null,"cx", "50")
|
|
|
|
this.customElement.setAttributeNS(null,"cy", "50")
|
|
|
|
this.customElement.setAttributeNS(null,"r", "20")
|
|
|
|
this.customElement.setAttributeNS(null,"fill", "none")
|
|
|
|
this.customElement.setAttributeNS(null,"stroke-width", "2")
|
|
|
|
this.customElement.setAttributeNS(null,"stroke-miterlimit", "10")
|
|
|
|
this.customElement.setAttributeNS(null,"box-shadow", "inset 0 0 0 1px rgb(0 0 0 / 50%)!important")
|
|
|
|
|
|
|
|
this.customElement.classList.add('path-dark');
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
class spinner{
|
|
|
|
customElement = document.createElementNS("http://www.w3.org/2000/svg", "svg");
|
|
|
|
useCustomElement = true;
|
|
|
|
layers = 1;
|
|
|
|
circle = new circle();
|
|
|
|
create() {
|
|
|
|
this.customElement.setAttributeNS(null,"viewBox", "25 25 50 50")
|
|
|
|
this.element.setAttributeNS(null, "class", "circular");
|
|
}
|
|
|
|
}
|
|
|
|
|
|
export default class preloaderBox{
|
|
|
|
layers = 1;
|
|
|
|
margin = 40
|
|
|
|
width = 40;
|
|
|
|
spinner = new spinner();
|
|
|
|
|
|
} |