1var Be=Object.defineProperty;var Re=(t,a,i)=>a in t?Be(t,a,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[a]=i;var e=(t,a,i)=>Re(t,typeof a!="symbol"?a+"":a,i);import{r as Fe,j as s,as as Oe,av as m}from"./index-BAz9GNw5.js";import{t as l}from"./LdrsBaseElement-MldKb1qj.js";import{s as Ge}from"./hatch-BmHiVpAi.js";import{s as We}from"./jellyTriangle-NLoNIdRb.js";import{i as Ze}from"./leapfrog-Dh2-_91D.js";import{i as Qe}from"./quantum-DVVhSmQs.js";import{Q as f,P as Je}from"./QueueRadar-CFuAZrP1.js";var v=":host{align-items:center;display:inline-flex;flex-shrink:0;height:calc(var(--uib-size)*.6);justify-content:center;width:var(--uib-size)}:host([hidden]){display:none}.container{align-items:flex-end;display:flex;height:calc(var(--uib-size)*.6);justify-content:space-between;padding-bottom:20%;width:var(--uib-size)}.cube{animation:jump var(--uib-speed) ease-in-out infinite;flex-shrink:0;height:calc(var(--uib-size)*.2);width:calc(var(--uib-size)*.2)}.cube__inner{animation:morph var(--uib-speed) ease-in-out infinite;background-color:var(--uib-color);border-radius:25%;display:block;height:100%;transform-origin:center bottom;transition:background-color .3s ease;width:100%}.cube:nth-child(2),.cube:nth-child(2) .cube__inner{animation-delay:calc(var(--uib-speed)*-.36)}.cube:nth-child(3),.cube:nth-child(3) .cube__inner{animation-delay:calc(var(--uib-speed)*-.2)}@keyframes jump{0%{transform:translateY(0)}28%{animation-timing-function:ease-out;transform:translateY(0)}50%{animation-timing-function:ease-in;transform:translateY(-200%)}74%{animation-timing-function:ease-in;transform:translateY(0)}}@keyframes morph{0%{transform:scaleY(1)}10%{transform:scaleY(1)}20%,25%{animation-timing-function:ease-in-out;transform:scaleY(.6) scaleX(1.3)}30%{animation-timing-function:ease-in-out;transform:scaleY(1.15) scaleX(.9)}40%{transform:scaleY(1)}72%,87%,to{transform:scaleY(1)}77%{transform:scaleY(.8) scaleX(1.2)}}";let g=class extends l{constructor(){super();e(this,"_attributes",["size","color","speed"]);e(this,"size");e(this,"color");e(this,"speed");this.storePropsToUpgrade(this._attributes),this.reflect(this._attributes)}static get observedAttributes(){return["size","color","speed"]}connectedCallback(){this.upgradeStoredProps(),this.applyDefaultProps({size:45,color:"black",speed:1.75}),this.template.innerHTML=` 2 <div class="container"> 3 <div class="cube"><div class="cube__inner"></div></div> 4 <div class="cube"><div class="cube__inner"></div></div> 5 <div class="cube"><div class="cube__inner"></div></div> 6 </div> 7 <style> 8 :host{ 9 --uib-size: ${this.size}px; 10 --uib-color: ${this.color}; 11 --uib-speed: ${this.speed}s; 12 } 13 ${v} 14 </style> 15 `,this.shadow.replaceChildren(this.template.content.cloneNode(!0))}attributeChangedCallback(){const i=this.shadow.querySelector("style");i&&(i.innerHTML=` 16 :host{ 17 --uib-size: ${this.size}px; 18 --uib-color: ${this.color}; 19 --uib-speed: ${this.speed}s; 20 } 21 ${v} 22 `)}};var Ke={register:(t="l-bouncy")=>{customElements.get(t)||customElements.define(t,class extends g{})},element:g},y=':host{align-items:center;display:inline-flex;flex-shrink:0;height:calc(var(--uib-size)*.51);justify-content:center;width:var(--uib-size)}:host([hidden]){display:none}.container{--uib-cube-size:calc(var(--uib-size)/5.5);--uib-arc-1:-80deg;--uib-arc-2:80deg;align-items:flex-start;display:flex;height:100%;justify-content:center;width:100%}.cube{animation:metronome var(--uib-speed) linear infinite;height:calc(var(--uib-size)*.5);transform:rotate(var(--uib-arc-1));transform-origin:center bottom}.cube,.cube:after{width:var(--uib-cube-size)}.cube:after{animation:morph var(--uib-speed) linear infinite;background-color:var(--uib-color);border-radius:25%;content:"";display:block;height:var(--uib-cube-size);transition:background-color .3s ease}@keyframes metronome{0%{transform:rotate(var(--uib-arc-1))}10%{animation-timing-function:ease-out;transform:rotate(var(--uib-arc-1))}50%{transform:rotate(var(--uib-arc-2))}60%{animation-timing-function:ease-out;transform:rotate(var(--uib-arc-2))}to{transform:rotate(var(--uib-arc-1))}}
22@keyframes morph{0%,5%{transform:scaleX(.75) scaleY(1.25);transform-origin:center left}12.5%{transform:scaleX(1.5);transform-origin:center left}27.5%{transform:scaleX(1);transform-origin:center left}27.5001%,42.5%{transform:scaleX(1);transform-origin:center right}47.5%{animation-timing-function:ease-in;transform:scaleX(.75) scaleY(1.25);transform-origin:center right}65%{transform:scaleX(1.5);transform-origin:center right}77.5%{transform:scaleX(1);transform-origin:center right}77.5001%,95%{transform:scaleX(1);transform-origin:center left}to{transform:scaleX(.75) scaleY(1.25);transform-origin:center left}}';let z=class extends l{constructor(){super();e(this,"_attributes",["size","color","speed"]);e(this,"size");e(this,"color");e(this,"speed");this.storePropsToUpgrade(this._attributes),this.reflect(this._attributes)}static get observedAttributes(){return["size","color","speed"]}connectedCallback(){this.upgradeStoredProps(),this.applyDefaultProps({size:70,color:"black",speed:1.65}),this.template.innerHTML=` 23 <div class="container"><div class="cube"></div></div> 24 <style> 25 :host{ 26 --uib-size: ${this.size}px; 27 --uib-color: ${this.color}; 28 --uib-speed: ${this.speed}s; 29 } 30 ${y} 31 </style> 32 `,this.shadow.replaceChildren(this.template.content.cloneNode(!0))}attributeChangedCallback(){const i=this.shadow.querySelector("style");i&&(i.innerHTML=` 33 :host{ 34 --uib-size: ${this.size}px; 35 --uib-color: ${this.color}; 36 --uib-speed: ${this.speed}s; 37 } 38 ${y} 39 `)}};var Ve={register:(t="l-bouncy-arc")=>{customElements.get(t)||customElements.define(t,class extends z{})},element:z};function h(t,a){return a.replace(/([-A-y])/g,",$1").split(",").filter(i=>i!=="").map(i=>{var n;const r=(n=i.match(/(\d+\.?\d*)/g))==null?void 0:n[0],o=parseFloat(r)*t;return i.replace(r,o.toString())}).join(" ")}var k=":host{align-items:center;display:inline-flex;flex-shrink:0;height:calc(var(--uib-size)*.625);justify-content:center;width:var(--uib-size)}:host([hidden]){display:none}.container{height:calc(var(--uib-size)*.625);overflow:visible;transform-origin:center;width:var(--uib-size)}.car{stroke:var(--uib-color);stroke-dasharray:100;stroke-dashoffset:0;animation:travel var(--uib-speed) ease-in-out infinite,fade var(--uib-speed) ease-out infinite;transition:stroke .5s ease;will-change:stroke-dasharray,stroke-dashoffset}.car,.track{stroke-linecap:round;stroke-linejoin:round}.track{stroke:var(--uib-color);opacity:var(--uib-bg-opacity)}@keyframes travel{0%{stroke-dashoffset:100}75%{stroke-dashoffset:0}}@keyframes fade{0%{opacity:0}20%,55%{opacity:1}to{opacity:0}}";let x=class extends l{constructor(){super();e(this,"_attributes",["size","color","speed","stroke","bg-opacity"]);e(this,"size");e(this,"color");e(this,"speed");e(this,"stroke");e(this,"bg-opacity");e(this,"d");this.storePropsToUpgrade(this._attributes),this.reflect(this._attributes),this.d="M0.5,17.2h8.2l3-4.7l5.9,12l7.8-24l5.9,16.7v0h8.2"}static get observedAttributes(){return["size","color","speed","stroke","bg-opacity"]}connectedCallback(){this.upgradeStoredProps(),this.applyDefaultProps({size:50,color:"black",speed:1.5,stroke:4,"bg-opacity":.1});const i=parseInt(this.size),r=h(i/40,this.d);this.template.innerHTML=` 40 <svg 41 class="container" 42 x="0px" 43 y="0px"
44 viewBox="0 0 ${this.size} ${.625*i}" 45 height="${.625*i}" 46 width="${this.size}" 47 preserveAspectRatio='xMidYMid meet' 48 > 49 <path 50 class="track" 51 stroke-width="${this.stroke}" 52 fill="none" 53 pathlength="100" 54 d="${r}" 55 /> 56 <path 57 class="car" 58 stroke-width="${this.stroke}" 59 fill="none" 60 pathlength="100" 61 d="${r}" 62 /> 63 </svg> 64 <style> 65 :host{ 66 --uib-size: ${this.size}px; 67 --uib-color: ${this.color}; 68 --uib-speed: ${this.speed}s; 69 --uib-bg-opacity: ${this["bg-opacity"]}; 70 } 71 ${k} 72 </style> 73 `,this.shadow.replaceChildren(this.template.content.cloneNode(!0))}attributeChangedCallback(){const i=parseInt(this.size),r=this.shadow.querySelector("style"),o=this.shadow.querySelector("svg"),n=this.shadow.querySelectorAll("path");r&&(o.setAttribute("height",String(.625*i)),o.setAttribute("width",this.size),o.setAttribute("viewBox",`0 0 ${this.size} ${.625*i}`),n.forEach(c=>{c.setAttribute("stroke-width",this.stroke),c.setAttribute("d",h(i/40,this.d))}),r.innerHTML=` 74 :host{ 75 --uib-size: ${this.size}px; 76 --uib-color: ${this.color}; 77 --uib-speed: ${this.speed}s; 78 --uib-bg-opacity: ${this["bg-opacity"]}; 79 } 80 ${k} 81 `)}};var et={register:(t="l-cardio")=>{customElements.get(t)||customElements.define(t,class extends x{})},element:x},$=':host{--uib-dot-size:calc(var(--uib-size)*0.4);align-items:center;display:inline-flex;flex-shrink:0;height:var(--uib-size);justify-content:center;width:var(--uib-size)}:host([hidden]){display:none}.container{align-items:center;animation:rotate calc(var(--uib-speed)*1.667) infinite linear;display:flex;height:var(--uib-size);justify-content:center;position:relative;width:var(--uib-size)}.container:after,.container:before{background-color:var(--uib-color);border-radius:50%;content:"";flex-shrink:0;height:var(--uib-dot-size);position:absolute;transition:background-color .3s ease;width:var(--uib-dot-size)}.container:before{animation:orbit var(--uib-speed) linear infinite}.container:after{animation:orbit var(--uib-speed) linear calc(var(--uib-speed)/-2) infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes orbit{0%{opacity:.65;transform:translateX(calc(var(--uib-size)*.25)) scale(.73684)}5%{opacity:.58;transform:translateX(calc(var(--uib-size)*.235)) scale(.684208)}10%{opacity:.51;transform:translateX(calc(var(--uib-size)*.182)) scale(.631576)}15%{opacity:.44;transform:translateX(calc(var(--uib-size)*.129)) scale(.578944)}20%{opacity:.37;transform:translateX(calc(var(--uib-size)*.076)) scale(.526312)}25%{opacity:.3;transform:translateX(0) scale(.47368)}30%{opacity:.37;transform:translateX(calc(var(--uib-size)*-.076)) scale(.526312)}35%{opacity:.44;transform:translateX(calc(var(--uib-size)*-.129)) scale(.578944)}40%{opacity:.51;transform:translateX(calc(var(--uib-size)*-.182)) scale(.631576)}45%{opacity:.58;transform:translateX(calc(var(--uib-size)*-.235)) scale(.684208)}50%{opacity:.65;transform:translateX(calc(var(--uib-size)*-.25)) scale(.73684)}55%{opacity:.72;transform:translateX(calc(var(--uib-size)*-.235)) scale(.789472)}60%{opacity:.79;transform:translateX(calc(var(--uib-size)*-.182)) scale(.842104)}65%{opacity:.86;transform:translateX(calc(var(--uib-size)*-.129)) scale(.894736)}70%{opacity:.93;transform:translateX(calc(var(--uib-size)*-.076)) scale(.947368)}75%{opacity:1;transform:translateX(0) scale(1)}80%{opacity:.93;transform:translateX(calc(var(--uib-size)*.076)) scale(.947368)}85%{opacity:.86;transform:translateX(calc(var(--uib-size)*.129)) scale(.894736)}90%{opacity:.79;transform:translateX(calc(var(--uib-size)*.182)) scale(.842104)}95%{opacity:.72;transform:translateX(calc(var(--uib-size)*.235)) scale(.789472)}to{opacity:.65;transform:translateX(calc(var(--uib-size)*.25)) scale(.73684)}}';let w=class extends l{constructor(){super();e(this,"_attributes",["size","color","speed"]);e(this,"size");e(this,"color");e(this,"speed");this.storePropsToUpgrade(this._attributes),this.reflect(this._attributes)}static get observedAttributes(){return["size","color","speed"]}connectedCallback(){this.upgradeStoredProps(),this.applyDefaultProps({size:35,color:"black",speed:1.5}),this.template.innerHTML=` 82 <div class="container"></div> 83 <style> 84 :host{ 85 --uib-size: ${this.size}px; 86 --uib-color: ${this.color}; 87 --uib-speed: ${this.speed}s; 88 } 89 ${$} 90 </style> 91 `,this.shadow.replaceChildren(this.template.content.cloneNode(!0))}attributeChangedCallback(){const i=this.shadow.querySelector("style");
91i&&(i.innerHTML=` 92 :host{ 93 --uib-size: ${this.size}px; 94 --uib-color: ${this.color}; 95 --uib-speed: ${this.speed}s; 96 } 97 ${$} 98 `)}};var tt={register:(t="l-chaotic-orbit")=>{customElements.get(t)||customElements.define(t,class extends w{})},element:w},j=':host{--uib-dot-size:calc(var(--uib-size)*0.24);align-items:center;display:inline-flex;flex-shrink:0;height:var(--uib-dot-size);justify-content:center;width:var(--uib-size)}:host([hidden]){display:none}.container{align-items:center;display:flex;height:100%;justify-content:space-between;position:relative;width:100%}.container:after,.container:before,.dot{background-color:var(--uib-color);border-radius:50%;content:"";display:block;height:var(--uib-dot-size);transform:scale(0);transition:background-color .3s ease;width:var(--uib-dot-size)}.container:before{animation:pulse var(--uib-speed) ease-in-out calc(var(--uib-speed)*-.375) infinite}.dot{animation:pulse var(--uib-speed) ease-in-out calc(var(--uib-speed)*-.25) infinite both}.container:after{animation:pulse var(--uib-speed) ease-in-out calc(var(--uib-speed)*-.125) infinite}@keyframes pulse{0%,to{transform:scale(0)}50%{transform:scale(1)}}';let C=class extends l{constructor(){super();e(this,"_attributes",["size","color","speed"]);e(this,"size");e(this,"color");e(this,"speed");this.storePropsToUpgrade(this._attributes),this.reflect(this._attributes)}static get observedAttributes(){return["size","color","speed"]}connectedCallback(){this.upgradeStoredProps(),this.applyDefaultProps({size:43,color:"black",speed:1.3}),this.template.innerHTML=` 99 <div class="container"><div class="dot" /></div> 100 <style> 101 :host{ 102 --uib-size: ${this.size}px; 103 --uib-color: ${this.color}; 104 --uib-speed: ${this.speed}s; 105 } 106 ${j} 107 </style> 108 `,this.shadow.replaceChildren(this.template.content.cloneNode(!0))}attributeChangedCallback(){const i=this.shadow.querySelector("style");i&&(i.innerHTML=` 109 :host{ 110 --uib-size: ${this.size}px; 111 --uib-color: ${this.color}; 112 --uib-speed: ${this.speed}s; 113 } 114 ${j} 115 `)}};var it={register:(t="l-dot-pulse")=>{customElements.get(t)||customElements.define(t,class extends C{})},element:C},S=':host{align-items:center;display:inline-flex;flex-shrink:0;height:var(--uib-size);justify-content:center;width:var(--uib-size)}:host([hidden]){display:none}.container{height:var(--uib-size);position:relative;width:var(--uib-size)}.container,.dot{align-items:center;display:flex;justify-content:flex-start}.dot{height:100%;left:0;position:absolute;top:0;width:100%}.dot:before{animation:pulse calc(var(--uib-speed)*1.111) ease-in-out infinite;background-color:var(--uib-color);border-radius:50%;content:"";height:20%;opacity:.5;transform:scale(0);transition:background-color .3s ease;width:20%}.dot:nth-child(2){transform:rotate(45deg)}.dot:nth-child(2):before{animation-delay:calc(var(--uib-speed)*-.875)}.dot:nth-child(3){transform:rotate(90deg)}.dot:nth-child(3):before{animation-delay:calc(var(--uib-speed)*-.75)}.dot:nth-child(4){transform:rotate(135deg)}.dot:nth-child(4):before{animation-delay:calc(var(--uib-speed)*-.625)}.dot:nth-child(5){transform:rotate(180deg)}.dot:nth-child(5):before{animation-delay:calc(var(--uib-speed)*-.5)}.dot:nth-child(6){transform:rotate(225deg)}.dot:nth-child(6):before{animation-delay:calc(var(--uib-speed)*-.375)}.dot:nth-child(7){transform:rotate(270deg)}.dot:nth-child(7):before{animation-delay:calc(var(--uib-speed)*-.25)}.dot:nth-child(8){transform:rotate(315deg)}.dot:nth-child(8):before{animation-delay:calc(var(--uib-speed)*-.125)}@keyframes pulse{0%,to{opacity:.5;transform:scale(0)}50%{opacity:1;transform:scale(1)}}';let _=class extends l{constructor(){super();e(this,"_attributes",["size","color","speed"]);e(this,"size");e(this,"color");e(this,"speed");this.storePropsToUpgrade(this._attributes),this.reflect(this._attributes)}static get observedAttributes(){return["size","color","speed"]}connectedCallback(){this.upgradeStoredProps(),this.applyDefaultProps({size:40,color:"black",speed:.9}),this.template.innerHTML=` 116 <div class="container"> 117 <div class="dot"></div> 118 <div class="dot"></div> 119 <div class="dot"></div> 120 <div class="dot"></div> 121 <div class="dot"></div> 122 <div class="dot"></div> 123 <div class="dot"></div> 124 <div class="dot"></div> 125 </div> 126 <style> 127 :host{ 128 --uib-size: ${this.size}px; 129 --uib-color: ${this.color}; 130 --uib-speed: ${this.speed}s; 131 } 132 ${S} 133 </style> 134 `,this.shadow.replaceChildren(this.template.content.cloneNode(!0))}attributeChangedCallback(){const i=this.shadow.querySelector("style");
134i&&(i.innerHTML=` 135 :host{ 136 --uib-size: ${this.size}px; 137 --uib-color: ${this.color}; 138 --uib-speed: ${this.speed}s; 139 } 140 ${S} 141 `)}};var st={register:(t="l-dot-spinner")=>{customElements.get(t)||customElements.define(t,class extends _{})},element:_},T=":host{align-items:center;display:inline-flex;flex-shrink:0;height:calc(var(--uib-size)*.18);justify-content:center;width:var(--uib-size)}:host([hidden]){display:none}.container{--uib-dot-size:calc(var(--uib-size)*0.18);align-items:center;display:flex;justify-content:space-between;position:relative;width:var(--uib-size)}.container,.dot{height:var(--uib-dot-size)}.dot{animation:stream var(--uib-speed) linear infinite both;background-color:var(--uib-color);border-radius:50%;display:block;left:calc(0px - var(--uib-dot-size)/2);position:absolute;top:calc(50% - var(--uib-dot-size)/2);transition:background-color .3s ease;width:var(--uib-dot-size)}.dot:nth-child(2){animation-delay:calc(var(--uib-speed)*-.2)}.dot:nth-child(3){animation-delay:calc(var(--uib-speed)*-.4)}.dot:nth-child(4){animation-delay:calc(var(--uib-speed)*-.6)}.dot:nth-child(5){animation-delay:calc(var(--uib-speed)*-.8)}@keyframes stream{0%,to{transform:translateX(0) scale(0)}50%{transform:translateX(calc(var(--uib-size)*.5)) scale(1)}99.999%{transform:translateX(calc(var(--uib-size))) scale(0)}}";let P=class extends l{constructor(){super();e(this,"_attributes",["size","color","speed"]);e(this,"size");e(this,"color");e(this,"speed");this.storePropsToUpgrade(this._attributes),this.reflect(this._attributes)}static get observedAttributes(){return["size","color","speed"]}connectedCallback(){this.upgradeStoredProps(),this.applyDefaultProps({size:60,color:"black",speed:2.5}),this.template.innerHTML=` 142 <div class="container"> 143 <div class="dot"></div> 144 <div class="dot"></div> 145 <div class="dot"></div> 146 <div class="dot"></div> 147 <div class="dot"></div> 148 </div> 149 <style> 150 :host{ 151 --uib-size: ${this.size}px; 152 --uib-color: ${this.color}; 153 --uib-speed: ${this.speed}s; 154 } 155 ${T} 156 </style> 157 `,this.shadow.replaceChildren(this.template.content.cloneNode(!0))}attributeChangedCallback(){const i=this.shadow.querySelector("style");i&&(i.innerHTML=` 158 :host{ 159 --uib-size: ${this.size}px; 160 --uib-color: ${this.color}; 161 --uib-speed: ${this.speed}s; 162 } 163 ${T} 164 `)}};var at={register:(t="l-dot-stream")=>{customElements.get(t)||customElements.define(t,class extends P{})},element:P},M=":host{align-items:center;display:inline-flex;flex-shrink:0;height:calc(var(--uib-size)*.5);justify-content:center;width:var(--uib-size)}:host([hidden]){display:none}.container{align-items:flex-end;display:flex;height:100%;justify-content:space-between;width:100%}.dot{background-color:var(--uib-color);border-radius:50%;flex-shrink:0;height:calc(var(--uib-size)*.17);transition:background-color .3s ease;width:calc(var(--uib-size)*.17)}.dot:first-child{animation:jump var(--uib-speed) ease-in-out calc(var(--uib-speed)*-.45) infinite}.dot:nth-child(2){animation:jump var(--uib-speed) ease-in-out calc(var(--uib-speed)*-.3) infinite}.dot:nth-child(3){animation:jump var(--uib-speed) ease-in-out calc(var(--uib-speed)*-.15) infinite}.dot:nth-child(4){animation:jump var(--uib-speed) ease-in-out infinite}@keyframes jump{0%,to{transform:translateY(0)}50%{transform:translateY(-200%)}}";let N=class extends l{constructor(){super();e(this,"_attributes",["size","color","speed"]);e(this,"size");e(this,"color");e(this,"speed");this.storePropsToUpgrade(this._attributes),this.reflect(this._attributes)}static get observedAttributes(){return["size","color","speed"]}connectedCallback(){this.upgradeStoredProps(),this.applyDefaultProps({size:47,color:"black",speed:1}),this.template.innerHTML=` 165 <div class="container"> 166 <div class="dot"></div> 167 <div class="dot"></div> 168 <div class="dot"></div> 169 <div class="dot"></div> 170 </div> 171 <style> 172 :host{ 173 --uib-size: ${this.size}px; 174 --uib-color: ${this.color}; 175 --uib-speed: ${this.speed}s; 176 } 177 ${M} 178 </style> 179 `,this.shadow.replaceChildren(this.template.content.cloneNode(!0))}attributeChangedCallback(){const i=this.shadow.querySelector("style");
179i&&(i.innerHTML=` 180 :host{ 181 --uib-size: ${this.size}px; 182 --uib-color: ${this.color}; 183 --uib-speed: ${this.speed}s; 184 } 185 ${M} 186 `)}};var rt={register:(t="l-dot-wave")=>{customElements.get(t)||customElements.define(t,class extends N{})},element:N},X=':host{align-items:center;display:inline-flex;flex-shrink:0;height:calc(var(--uib-size)*.8);justify-content:center;width:var(--uib-size)}:host([hidden]){display:none}.container{--uib-dot-size:calc(var(--uib-size)*0.1);height:calc(var(--uib-size)*.64);position:relative;width:calc(var(--uib-size)*.64)}.container,.dot{align-items:center;display:flex;justify-content:flex-start}.dot{--uib-d1:-0.48;--uib-d2:-0.4;--uib-d3:-0.32;--uib-d4:-0.24;--uib-d5:-0.16;--uib-d6:-0.08;--uib-d7:-0;animation:jump var(--uib-speed) ease-in-out infinite;backface-visibility:hidden;bottom:calc(var(--uib-bottom) + var(--uib-dot-size)/2);height:var(--uib-dot-size);opacity:var(--uib-scale);position:absolute;right:calc(var(--uib-right) + var(--uib-dot-size)/2);width:var(--uib-dot-size);will-change:transform}.dot:before{background-color:var(--uib-color);border-radius:50%;content:"";height:100%;transform:scale(var(--uib-scale));transition:background-color .3s ease;width:100%}.dot:first-child{--uib-bottom:24%;--uib-right:-35%;animation-delay:calc(var(--uib-speed)*var(--uib-d1))}.dot:nth-child(2){--uib-bottom:16%;--uib-right:-6%;animation-delay:calc(var(--uib-speed)*var(--uib-d2))}.dot:nth-child(3){--uib-bottom:8%;--uib-right:23%;animation-delay:calc(var(--uib-speed)*var(--uib-d3))}.dot:nth-child(4){--uib-bottom:-1%;--uib-right:51%;animation-delay:calc(var(--uib-speed)*var(--uib-d4))}.dot:nth-child(5){--uib-bottom:38%;--uib-right:-17.5%;animation-delay:calc(var(--uib-speed)*var(--uib-d2))}.dot:nth-child(6){--uib-bottom:30%;--uib-right:10%;animation-delay:calc(var(--uib-speed)*var(--uib-d3))}.dot:nth-child(7){--uib-bottom:22%;--uib-right:39%;animation-delay:calc(var(--uib-speed)*var(--uib-d4))}.dot:nth-child(8){--uib-bottom:14%;--uib-right:67%;animation-delay:calc(var(--uib-speed)*var(--uib-d5))}.dot:nth-child(9){--uib-bottom:53%;--uib-right:-0.8%;animation-delay:calc(var(--uib-speed)*var(--uib-d3))}.dot:nth-child(10){--uib-bottom:44.5%;--uib-right:27%;animation-delay:calc(var(--uib-speed)*var(--uib-d4))}.dot:nth-child(11){--uib-bottom:36%;--uib-right:55.7%;animation-delay:calc(var(--uib-speed)*var(--uib-d5))}.dot:nth-child(12){--uib-bottom:28.7%;--uib-right:84.3%;animation-delay:calc(var(--uib-speed)*var(--uib-d6))}.dot:nth-child(13){--uib-bottom:66.8%;--uib-right:15%;animation-delay:calc(var(--uib-speed)*var(--uib-d4))}.dot:nth-child(14){--uib-bottom:58.8%;--uib-right:43%;animation-delay:calc(var(--uib-speed)*var(--uib-d5))}.dot:nth-child(15){--uib-bottom:50%;--uib-right:72%;animation-delay:calc(var(--uib-speed)*var(--uib-d6))}.dot:nth-child(16){--uib-bottom:42%;--uib-right:100%;animation-delay:calc(var(--uib-speed)*var(--uib-d7))}.dot:nth-child(3){--uib-scale:0.98}.dot:nth-child(2),.dot:nth-child(8){--uib-scale:0.96}.dot:first-child,.dot:nth-child(7){--uib-scale:0.94}.dot:nth-child(12),.dot:nth-child(6){--uib-scale:0.92}.dot:nth-child(11),.dot:nth-child(5){--uib-scale:0.9}.dot:nth-child(10),.dot:nth-child(16){--uib-scale:0.88}.dot:nth-child(15),.dot:nth-child(9){--uib-scale:0.86}.dot:nth-child(14){--uib-scale:0.84}.dot:nth-child(13){--uib-scale:0.82}@keyframes jump{0%,to{transform:translateY(120%)}50%{transform:translateY(-120%)}}';class A extends l{constructor(){super();e(this,"_attributes",["size","color","speed"]);e(this,"size");e(this,"color");e(this,"speed");this.storePropsToUpgrade(this._attributes),this.reflect(this._attributes)}static get observedAttributes(){return["size","color","speed"]}connectedCallback(){this.upgradeStoredProps(),this.applyDefaultProps({size:60,color:"black",speed:1.5}),this.template.innerHTML=` 187 <div class="container"> 188 <div class="dot"></div> 189 <div class="dot"></div> 190 <div class="dot"></div> 191 <div class="dot"></div> 192 <div class="dot"></div> 193 <div class="dot"></div> 194 <div class="dot"></div> 195 <div class="dot"></div> 196 <div class="dot"></div> 197 <div class="dot"></div> 198 <div class="dot"></div> 199 <div class="dot"></div> 200 <div class="dot"></div> 201 <div class="dot"></div> 202 <div class="dot"></div> 203 <div class="dot"></div> 204 </div> 205 <style> 206 :host{ 207 --uib-size: ${this.size}px; 208 --uib-color: ${this.color}; 209 --uib-speed: ${this.speed}s; 210 } 211 ${X} 212 </style> 213 `,this.shadow.replaceChildren(this.template.content.cloneNode(!0))}attributeChangedCallback(){const i=this.shadow.querySelector("style");
213i&&(i.innerHTML=` 214 :host{ 215 --uib-size: ${this.size}px; 216 --uib-color: ${this.color}; 217 --uib-speed: ${this.speed}s; 218 } 219 ${X} 220 `)}}var nt={register:(t="l-grid")=>{customElements.get(t)||customElements.define(t,class extends A{})},element:A},E=':host{align-items:center;display:inline-flex;flex-shrink:0;height:var(--uib-size);justify-content:center;width:var(--uib-size)}:host([hidden]){display:none}.container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.slice{height:calc(var(--uib-size)/6);position:relative;width:100%}.slice:after,.slice:before{--uib-a:calc(var(--uib-speed)/-2);--uib-b:calc(var(--uib-speed)/-6);animation:orbit var(--uib-speed) linear infinite;background-color:var(--uib-color);border-radius:50%;content:"";flex-shrink:0;height:100%;left:calc(50% - var(--uib-size)/12);position:absolute;top:0;transition:background-color .3s ease;width:16.6666666667%}.slice:first-child:after{animation-delay:var(--uib-a)}.slice:nth-child(2):before{animation-delay:var(--uib-b)}.slice:nth-child(2):after{animation-delay:calc(var(--uib-a) + var(--uib-b))}.slice:nth-child(3):before{animation-delay:calc(var(--uib-b)*2)}.slice:nth-child(3):after{animation-delay:calc(var(--uib-a) + var(--uib-b)*2)}.slice:nth-child(4):before{animation-delay:calc(var(--uib-b)*3)}.slice:nth-child(4):after{animation-delay:calc(var(--uib-a) + var(--uib-b)*3)}.slice:nth-child(5):before{animation-delay:calc(var(--uib-b)*4)}.slice:nth-child(5):after{animation-delay:calc(var(--uib-a) + var(--uib-b)*4)}.slice:nth-child(6):before{animation-delay:calc(var(--uib-b)*5)}.slice:nth-child(6):after{animation-delay:calc(var(--uib-a) + var(--uib-b)*5)}@keyframes orbit{0%{opacity:.65;transform:translateX(calc(var(--uib-size)*.25)) scale(.73684)}5%{opacity:.58;transform:translateX(calc(var(--uib-size)*.235)) scale(.684208)}10%{opacity:.51;transform:translateX(calc(var(--uib-size)*.182)) scale(.631576)}15%{opacity:.44;transform:translateX(calc(var(--uib-size)*.129)) scale(.578944)}20%{opacity:.37;transform:translateX(calc(var(--uib-size)*.076)) scale(.526312)}25%{opacity:.3;transform:translateX(0) scale(.47368)}30%{opacity:.37;transform:translateX(calc(var(--uib-size)*-.076)) scale(.526312)}35%{opacity:.44;transform:translateX(calc(var(--uib-size)*-.129)) scale(.578944)}40%{opacity:.51;transform:translateX(calc(var(--uib-size)*-.182)) scale(.631576)}45%{opacity:.58;transform:translateX(calc(var(--uib-size)*-.235)) scale(.684208)}50%{opacity:.65;transform:translateX(calc(var(--uib-size)*-.25)) scale(.73684)}55%{opacity:.72;transform:translateX(calc(var(--uib-size)*-.235)) scale(.789472)}60%{opacity:.79;transform:translateX(calc(var(--uib-size)*-.182)) scale(.842104)}65%{opacity:.86;transform:translateX(calc(var(--uib-size)*-.129)) scale(.894736)}70%{opacity:.93;transform:translateX(calc(var(--uib-size)*-.076)) scale(.947368)}75%{opacity:1;transform:translateX(0) scale(1)}80%{opacity:.93;transform:translateX(calc(var(--uib-size)*.076)) scale(.947368)}85%{opacity:.86;transform:translateX(calc(var(--uib-size)*.129)) scale(.894736)}90%{opacity:.79;transform:translateX(calc(var(--uib-size)*.182)) scale(.842104)}95%{opacity:.72;transform:translateX(calc(var(--uib-size)*.235)) scale(.789472)}to{opacity:.65;transform:translateX(calc(var(--uib-size)*.25)) scale(.73684)}}';let q=class extends l{constructor(){super();e(this,"_attributes",["size","color","speed"]);e(this,"size");e(this,"color");e(this,"speed");this.storePropsToUpgrade(this._attributes),this.reflect(this._attributes)}static get observedAttributes(){return["size","color","speed"]}connectedCallback(){this.upgradeStoredProps(),this.applyDefaultProps({size:45,color:"black",speed:2.5}),this.template.innerHTML=` 221 <div class="container"> 222 <div class="slice"></div> 223 <div class="slice"></div> 224 <div class="slice"></div> 225 <div class="slice"></div> 226 <div class="slice"></div> 227 <div class="slice"></div> 228 </div> 229 <style> 230 :host{ 231 --uib-size: ${this.size}px; 232 --uib-color: ${this.color}; 233 --uib-speed: ${this.speed}s; 234 } 235 ${E} 236 </style> 237 `,this.shadow.replaceChildren(this.template.content.cloneNode(!0))}attributeChangedCallback(){const i=this.shadow.querySelector(".container"),r=this.shadow.querySelector("style");
237i&&(i.className="container",r.innerHTML=` 238 :host{ 239 --uib-size: ${this.size}px; 240 --uib-color: ${this.color}; 241 --uib-speed: ${this.speed}s; 242 } 243 ${E} 244 `)}};var ot={register:(t="l-helix")=>{customElements.get(t)||customElements.define(t,class extends q{})},element:q},L=':host{align-items:center;display:inline-flex;flex-shrink:0;height:var(--uib-size);justify-content:center;width:var(--uib-size)}:host([hidden]){display:none}.container{animation:rotate calc(var(--uib-speed)*2) ease-in-out infinite;display:flex;flex-direction:column;height:100%;position:relative;transform:rotate(45deg);width:100%}.half{--uib-half-size:calc(var(--uib-size)*0.435);align-items:center;display:flex;height:var(--uib-half-size);isolation:isolate;justify-content:center;overflow:hidden;position:absolute;width:var(--uib-half-size)}.half:first-child{left:8.25%;top:8.25%}.half:first-child,.half:last-child{border-radius:50% 50% calc(var(--uib-size)/15)}.half:last-child{align-self:flex-end;bottom:8.25%;right:8.25%;transform:rotate(180deg)}.half:last-child:after{animation-delay:calc(var(--uib-speed)*-1)}.half:before{left:0;opacity:var(--uib-bg-opacity);position:absolute;top:0}.half:after,.half:before{background-color:var(--uib-color);content:"";height:110%;transition:background-color .3s ease;width:110%}.half:after{animation:flow calc(var(--uib-speed)*2) linear infinite both;border-radius:0 0 calc(var(--uib-size)/20) 0;display:block;position:relative;transform:rotate(45deg) translate(-3%,50%) scaleX(1.2);transform-origin:bottom right;z-index:1}@keyframes flow{0%{transform:rotate(45deg) translate(-3%,50%) scaleX(1.2)}30%{transform:rotate(45deg) translate(115%,50%) scaleX(1.2)}30.001%,50%{transform:rotate(0deg) translate(-85%,-85%) scaleX(1)}80%,to{transform:rotate(0deg) translate(0) scaleX(1)}}@keyframes rotate{0%,30%{transform:rotate(45deg)}50%,80%{transform:rotate(225deg)}to{transform:rotate(405deg)}}';let H=class extends l{constructor(){super();e(this,"_attributes",["size","color","speed","bg-opacity"]);e(this,"size");e(this,"color");e(this,"speed");e(this,"bg-opacity");this.storePropsToUpgrade(this._attributes),this.reflect(this._attributes)}static get observedAttributes(){return["size","color","speed","bg-opacity"]}connectedCallback(){this.upgradeStoredProps(),this.applyDefaultProps({size:40,color:"black",speed:1.75,"bg-opacity":.1}),this.template.innerHTML=` 245 <div class="container"> 246 <div class="half"></div> 247 <div class="half"></div> 248 </div> 249 <style> 250 :host{ 251 --uib-size: ${this.size}px; 252 --uib-color: ${this.color}; 253 --uib-speed: ${this.speed}s; 254 --uib-bg-opacity: ${this["bg-opacity"]}; 255 } 256 ${L} 257 </style> 258 `,this.shadow.replaceChildren(this.template.content.cloneNode(!0))}attributeChangedCallback(){const i=this.shadow.querySelector("style");i&&(i.innerHTML=` 259 :host{ 260 --uib-size: ${this.size}px; 261 --uib-color: ${this.color}; 262 --uib-speed: ${this.speed}s; 263 --uib-bg-opacity: ${this["bg-opacity"]}; 264 } 265 ${L} 266 `)}};var lt={register:(t="l-hourglass")=>{customElements.get(t)||customElements.define(t,class extends H{})},element:H},D=":host{align-items:center;display:inline-flex;flex-shrink:0;height:calc(var(--uib-size)*.42);justify-content:center;width:var(--uib-size)}:host([hidden]){display:none}.container{height:calc(var(--uib-size)*.42);overflow:visible;transform-origin:center;width:var(--uib-size)}.car{fill:none;stroke:var(--uib-color);stroke-dasharray:var(--uib-dash),var(--uib-gap);stroke-dashoffset:0;stroke-linecap:round;animation:travel var(--uib-speed) linear infinite;transition:stroke .5s ease;will-change:stroke-dasharray,stroke-dashoffset}.track{stroke:var(--uib-color);opacity:var(--uib-bg-opacity)}@keyframes travel{0%{stroke-dashoffset:0}to{stroke-dashoffset:100}}";let U=class extends l{constructor(){super();e(this,"_attributes",["size","color","speed","stroke","stroke-length","bg-opacity"]);e(this,"size");e(this,"color");e(this,"speed");e(this,"stroke");e(this,"stroke-length");e(this,"bg-opacity");e(this,"d");this.storePropsToUpgrade(this._attributes),this.reflect(this._attributes),this.d="M26.7,12.2c3.5,3.4,7.4,7.8,12.7,7.8c5.5,0,9.6-4.4,9.6-9.5C49,5,45.1,1,39.8,1c-5.5,0-9.5,4.2-13.1,7.8l-3.4,3.3c-3.6,3.6-7.6,7.8-13.1,7.8C4.9,20,1,16,1,10.5C1,5.4,5.1,1,10.6,1c5.3,0,9.2,4.5,12.7,7.8L26.7,12.2z"}static get observedAttributes(){return["size","color","speed","stroke","stroke-length","bg-opacity"]}connectedCallback(){this.upgradeStoredProps(),this.applyDefaultProps({size:55,color:"black",speed:1.3,stroke:4,"stroke-length":.15,"bg-opacity":.1});const i=parseInt(this.size),r=h(i/50,this.d);this.template.innerHTML=` 267 <svg 268 class="container" 269 x="0px" 270 y="0px"
271 viewBox="0 0 ${this.size} ${i*(2.1/5)}" 272 height="${i*(2.1/5)}" 273 width="${this.size}" 274 preserveAspectRatio='xMidYMid meet' 275 > 276 <path 277 class="track" 278 fill="none" 279 stroke-width="${this.stroke}" 280 pathlength="100" 281 d="${r}" 282 /> 283 284 <path 285 class="car" 286 fill="none" 287 stroke-width="${this.stroke}" 288 pathlength="100" 289 d="${r}" 290 /> 291 </svg> 292 <style> 293 :host{ 294 --uib-size: ${this.size}px; 295 --uib-color: ${this.color}; 296 --uib-speed: ${this.speed}s; 297 --uib-dash: ${100*parseFloat(this["stroke-length"])}; 298 --uib-gap: ${100-100*parseFloat(this["stroke-length"])}; 299 --uib-bg-opacity: ${this["bg-opacity"]}; 300 } 301 ${D} 302 </style> 303 `,this.shadow.replaceChildren(this.template.content.cloneNode(!0))}attributeChangedCallback(){const i=this.shadow.querySelector("style"),r=this.shadow.querySelector("svg"),o=this.shadow.querySelectorAll("path"),n=parseInt(this.size);i&&(r.setAttribute("height",String(n*(2.1/5))),r.setAttribute("width",this.size),r.setAttribute("viewBox",`0 0 ${this.size} ${n*(2.1/5)}`),o.forEach(c=>{c.setAttribute("stroke-width",this.stroke),c.setAttribute("d",h(n/50,this.d))}),i.innerHTML=` 304 :host{ 305 --uib-size: ${this.size}px; 306 --uib-color: ${this.color}; 307 --uib-speed: ${this.speed}s; 308 --uib-dash: ${100*parseFloat(this["stroke-length"])}; 309 --uib-gap: ${100-100*parseFloat(this["stroke-length"])}; 310 --uib-bg-opacity: ${this["bg-opacity"]}; 311 } 312 ${D} 313 `)}};var ct={register:(t="l-infinity")=>{customElements.get(t)||customElements.define(t,class extends U{})},element:U},Y=":host{--uib-dot-size:calc(var(--uib-size)/2);align-items:center;display:inline-flex;flex-shrink:0;height:var(--uib-size);justify-content:center;width:var(--uib-size)}:host([hidden]){display:none}.container{align-items:center;animation:rotate calc(var(--uib-speed)*2) linear infinite;display:flex;height:calc(var(--uib-size)/2);justify-content:space-between;position:relative;width:var(--uib-size);will-change:transform}.svg{filter:url(#uib-jelly-ooze);overflow:visible}.dot{cy:50%;cx:50%;r:calc(var(--uib-dot-size)/2);fill:var(--uib-color);display:block;transform-box:fill-box;transform-origin:center;transition:fill .3s ease;will-change:transform}.dot:first-child{animation:shift-left var(--uib-speed) ease infinite}.dot:nth-child(2){animation:shift-right var(--uib-speed) ease infinite}@keyframes rotate{0%,49.999%,to{transform:none}50%,99.999%{transform:rotate(90deg)}}@keyframes shift-left{0%,to{transform:scale(1) translateX(0)}50%{transform:scale(.65) translateX(-75%)}}@keyframes shift-right{0%,to{transform:scale(1) translateX(0)}50%{transform:scale(.65) translateX(75%)}}";let I=class extends l{constructor(){super();e(this,"_attributes",["size","color","speed"]);e(this,"size");e(this,"color");e(this,"speed");this.storePropsToUpgrade(this._attributes),this.reflect(this._attributes)}static get observedAttributes(){return["size","color","speed"]}connectedCallback(){this.upgradeStoredProps(),this.applyDefaultProps({size:40,color:"black",speed:.9});const i=parseInt(this.size)/2;this.template.innerHTML=` 314 <div 315 class="container" 316 > 317 <svg 318 class="svg" 319 x="0px" 320 y="0px"
321 viewBox="0 0 ${this.size} ${i}" 322 height="${i}" 323 width="${this.size}" 324 preserveAspectRatio='xMidYMid meet' 325 > 326 <circle class="dot" /> 327 <circle class="dot" /> 328 <defs> 329 <filter id="uib-jelly-ooze"> 330 <feGaussianBlur 331 in="SourceGraphic" 332 stdDeviation=${parseInt(this.size)/8} 333 result="blur" 334 /> 335 <feColorMatrix 336 in="blur" 337 mode="matrix" 338 values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -7" 339 result="ooze" 340 /> 341 <feBlend in="SourceGraphic" in2="ooze" /> 342 </filter> 343 </defs> 344 </svg> 345 </div> 346 <style> 347 :host{ 348 --uib-size: ${this.size}px; 349 --uib-color: ${this.color}; 350 --uib-speed: ${this.speed}s; 351 } 352 ${Y} 353 </style> 354 `,this.shadow.replaceChildren(this.template.content.cloneNode(!0))}attributeChangedCallback(){const i=this.shadow.querySelector("style");i&&(i.innerHTML=` 355 :host{ 356 --uib-size: ${this.size}px; 357 --uib-color: ${this.color}; 358 --uib-speed: ${this.speed}s; 359 } 360 ${Y} 361 `)}};var dt={register:(t="l-jelly")=>{customElements.get(t)||customElements.define(t,class extends I{})},element:I},F=':host{align-items:center;display:inline-flex;flex-shrink:0;height:var(--uib-size);justify-content:center;width:var(--uib-size)}:host([hidden]){display:none}.container{align-items:center;display:flex;height:var(--uib-size);justify-content:flex-start;position:relative;width:var(--uib-size)}.line{align-items:flex-start;display:flex;height:100%;left:calc(50% - var(--uib-stroke)/2);position:absolute;top:0;width:var(--uib-stroke)}.line:before{animation:pulse calc(var(--uib-speed)) ease-in-out infinite;background-color:var(--uib-color);border-radius:calc(var(--uib-stroke)/2);content:"";height:22%;transform-origin:center bottom;transition:background-color .3s ease;width:100%}.line:first-child{transform:rotate(-30deg)}.line:first-child:before{animation-delay:calc(var(--uib-speed)/-12*1)}.line:nth-child(2){transform:rotate(-60deg)}.line:nth-child(2):before{animation-delay:calc(var(--uib-speed)/-12*2)}.line:nth-child(3){transform:rotate(-90deg)}.line:nth-child(3):before{animation-delay:calc(var(--uib-speed)/-12*3)}.line:nth-child(4){transform:rotate(-120deg)}.line:nth-child(4):before{animation-delay:calc(var(--uib-speed)/-12*4)}.line:nth-child(5){transform:rotate(-150deg)}.line:nth-child(5):before{animation-delay:calc(var(--uib-speed)/-12*5)}.line:nth-child(6){transform:rotate(-180deg)}.line:nth-child(6):before{animation-delay:calc(var(--uib-speed)/-12*6)}.line:nth-child(7){transform:rotate(-210deg)}.line:nth-child(7):before{animation-delay:calc(var(--uib-speed)/-12*7)}.line:nth-child(8){transform:rotate(-240deg)}.line:nth-child(8):before{animation-delay:calc(var(--uib-speed)/-12*8)}.line:nth-child(9){transform:rotate(-270deg)}.line:nth-child(9):before{animation-delay:calc(var(--uib-speed)/-12*9)}.line:nth-child(10){transform:rotate(-300deg)}.line:nth-child(10):before{animation-delay:calc(var(--uib-speed)/-12*10)}.line:nth-child(11){transform:rotate(-330deg)}.line:nth-child(11):before{animation-delay:calc(var(--uib-speed)/-12*11)}@keyframes pulse{0%,80%,to{opacity:0;transform:scaleY(.75)}20%{opacity:1;transform:scaleY(1)}}';let B=class extends l{constructor(){super();e(this,"_attributes",["size","color","speed","stroke"]);e(this,"size");e(this,"color");e(this,"speed");e(this,"stroke");this.storePropsToUpgrade(this._attributes),this.reflect(this._attributes)}static get observedAttributes(){return["size","color","speed","stroke"]}connectedCallback(){this.upgradeStoredProps(),this.applyDefaultProps({size:40,color:"black",speed:1,stroke:3}),this.template.innerHTML=` 362 <div class="container"> 363 <div class="line"></div> 364 <div class="line"></div> 365 <div class="line"></div> 366 <div class="line"></div> 367 <div class="line"></div> 368 <div class="line"></div> 369 <div class="line"></div> 370 <div class="line"></div> 371 <div class="line"></div> 372 <div class="line"></div> 373 <div class="line"></div> 374 <div class="line"></div> 375 </div> 376 <style> 377 :host{ 378 --uib-size: ${this.size}px; 379 --uib-color: ${this.color}; 380 --uib-speed: ${this.speed}s; 381 --uib-stroke: ${this.stroke}px; 382 } 383 ${F} 384 </style> 385 `,this.shadow.replaceChildren(this.template.content.cloneNode(!0))}attributeChangedCallback(){const i=this.shadow.querySelector("style");
385i&&(i.innerHTML=` 386 :host{ 387 --uib-size: ${this.size}px; 388 --uib-color: ${this.color}; 389 --uib-speed: ${this.speed}s; 390 --uib-stroke: ${this.stroke}px; 391 } 392 ${F} 393 `)}};var ht={register:(t="l-line-spinner")=>{customElements.get(t)||customElements.define(t,class extends B{})},element:B},R=':host{align-items:center;display:inline-flex;flex-shrink:0;height:var(--uib-stroke);justify-content:center;width:var(--uib-size)}:host([hidden]){display:none}.container{align-items:center;border-radius:calc(var(--uib-stroke)/2);display:flex;height:var(--uib-stroke);justify-content:center;overflow:hidden;position:relative;transform:translateZ(0);width:var(--uib-size)}.container:before{left:0;opacity:var(--uib-bg-opacity);position:absolute;top:0}.container:after,.container:before{background-color:var(--uib-color);content:"";height:100%;transition:background-color .3s ease;width:100%}.container:after{animation:wobble var(--uib-speed) ease-in-out infinite;border-radius:calc(var(--uib-stroke)/2);transform:translateX(-95%)}@keyframes wobble{0%,to{transform:translateX(-95%)}50%{transform:translateX(95%)}}';let O=class extends l{constructor(){super();e(this,"_attributes",["size","color","speed","stroke","bg-opacity"]);e(this,"size");e(this,"color");e(this,"speed");e(this,"stroke");e(this,"bg-opacity");this.storePropsToUpgrade(this._attributes),this.reflect(this._attributes)}static get observedAttributes(){return["size","color","speed","stroke","bg-opacity"]}connectedCallback(){this.upgradeStoredProps(),this.applyDefaultProps({size:80,color:"black",speed:1.75,stroke:5,"bg-opacity":.1}),this.template.innerHTML=` 394 <div class="container"></div> 395 <style> 396 :host{ 397 --uib-size: ${this.size}px; 398 --uib-color: ${this.color}; 399 --uib-speed: ${this.speed}s; 400 --uib-stroke: ${this.stroke}px; 401 --uib-bg-opacity: ${this["bg-opacity"]}; 402 } 403 ${R} 404 </style> 405 `,this.shadow.replaceChildren(this.template.content.cloneNode(!0))}attributeChangedCallback(){const i=this.shadow.querySelector("style");i&&(i.innerHTML=` 406 :host{ 407 --uib-size: ${this.size}px; 408 --uib-color: ${this.color}; 409 --uib-speed: ${this.speed}s; 410 --uib-stroke: ${this.stroke}px; 411 --uib-bg-opacity: ${this["bg-opacity"]}; 412 } 413 ${R} 414 `)}};var ut={register:(t="l-line-wobble")=>{customElements.get(t)||customElements.define(t,class extends O{})},element:O},G=':host{align-items:center;display:inline-flex;flex-shrink:0;height:calc(var(--uib-size)*.63);justify-content:center;width:var(--uib-size)}:host([hidden]){display:none}.container{height:var(--uib-size);position:relative;top:8%;width:var(--uib-size)}.container,.dot{align-items:center;display:flex;justify-content:flex-start}.dot{animation:swing var(--uib-speed) linear infinite;height:100%;left:0;position:absolute;top:13.5%;width:100%}.dot:before{background-color:var(--uib-color);border-radius:50%;content:"";height:25%;transition:background-color .3s ease;width:25%}.dot:first-child{animation-delay:calc(var(--uib-speed)*-.36)}.dot:nth-child(2){animation-delay:calc(var(--uib-speed)*-.27);opacity:.8}.dot:nth-child(2):before{transform:scale(.9)}.dot:nth-child(3){animation-delay:calc(var(--uib-speed)*-.18);opacity:.6}.dot:nth-child(3):before{transform:scale(.8)}.dot:nth-child(4){animation-delay:calc(var(--uib-speed)*-.09);opacity:.4}.dot:nth-child(4):before{transform:scale(.7)}@keyframes swing{0%{transform:rotate(0deg)}15%{transform:rotate(0deg)}50%{transform:rotate(180deg)}65%{transform:rotate(180deg)}to{transform:rotate(0deg)}}';let W=class extends l{constructor(){super();e(this,"_attributes",["size","color","speed"]);e(this,"size");e(this,"color");e(this,"speed");this.storePropsToUpgrade(this._attributes),this.reflect(this._attributes)}static get observedAttributes(){return["size","color","speed"]}connectedCallback(){this.upgradeStoredProps(),this.applyDefaultProps({size:40,color:"black",speed:1.6}),this.template.innerHTML=` 415 <div class="container"> 416 <div class="dot"></div> 417 <div class="dot"></div> 418 <div class="dot"></div> 419 <div class="dot"></div> 420 </div> 421 <style> 422 :host{ 423 --uib-size: ${this.size}px; 424 --uib-color: ${this.color}; 425 --uib-speed: ${this.speed}s; 426 } 427 ${G} 428 </style> 429 `,this.shadow.replaceChildren(this.template.content.cloneNode(!0))}attributeChangedCallback(){const i=this.shadow.querySelector("style");
429i&&(i.innerHTML=` 430 :host{ 431 --uib-size: ${this.size}px; 432 --uib-color: ${this.color}; 433 --uib-speed: ${this.speed}s; 434 } 435 ${G} 436 `)}};var bt={register:(t="l-metronome")=>{customElements.get(t)||customElements.define(t,class extends W{})},element:W},Z=":host{--uib-dot-size:calc(var(--uib-size)*0.23);align-items:center;display:inline-flex;flex-shrink:0;height:var(--uib-dot-size);justify-content:center;width:var(--uib-size)}:host([hidden]){display:none}.container{align-items:center;display:flex;height:var(--uib-dot-size);justify-content:space-between;position:relative;width:var(--uib-size)}.svg{filter:url(#uib-jelly-ooze);overflow:visible}.dot{cy:50%;cx:0;r:calc(var(--uib-dot-size)/2);fill:var(--uib-color);animation:stream var(--uib-speed) linear infinite both;display:block;height:var(--uib-dot-size);transform-box:fill-box;transform-origin:center;transition:fill .3s ease;width:var(--uib-dot-size)}.dot:nth-child(2){animation-delay:calc(var(--uib-speed)*-.2)}.dot:nth-child(3){animation-delay:calc(var(--uib-speed)*-.4)}.dot:nth-child(4){animation-delay:calc(var(--uib-speed)*-.6)}.dot:nth-child(5){animation-delay:calc(var(--uib-speed)*-.8)}@keyframes stream{0%,to{transform:translateX(0) scale(0)}50%{transform:translateX(calc(var(--uib-size)*.5)) scale(1)}99.999%{transform:translateX(calc(var(--uib-size))) scale(0)}}";let Q=class extends l{constructor(){super();e(this,"_attributes",["size","color","speed"]);e(this,"size");e(this,"color");e(this,"speed");this.storePropsToUpgrade(this._attributes),this.reflect(this._attributes)}static get observedAttributes(){return["size","color","speed"]}connectedCallback(){this.upgradeStoredProps(),this.applyDefaultProps({size:60,color:"black",speed:2.5});const i=.23*parseInt(this.size);this.template.innerHTML=` 437 <div class="container"> 438 <svg 439 class="svg" 440 x="0px" 441 y="0px"
442 viewBox="0 0 ${this.size} ${i}" 443 height="${i}" 444 width="${this.size}" 445 preserveAspectRatio='xMidYMid meet' 446 > 447 <circle class="dot" /> 448 <circle class="dot" /> 449 <circle class="dot" /> 450 <circle class="dot" /> 451 <circle class="dot" /> 452 <defs> 453 <filter id="uib-jelly-ooze"> 454 <feGaussianBlur 455 in="SourceGraphic" 456 stdDeviation=${parseInt(this.size)/20} 457 result="blur" 458 /> 459 <feColorMatrix 460 in="blur" 461 mode="matrix" 462 values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -7" 463 result="ooze" 464 /> 465 <feBlend in="SourceGraphic" in2="ooze" /> 466 </filter> 467 </defs> 468 </svg> 469 </div> 470 471 <style> 472 :host{ 473 --uib-size: ${this.size}px; 474 --uib-color: ${this.color}; 475 --uib-speed: ${this.speed}s; 476 } 477 ${Z} 478 </style> 479 `,this.shadow.replaceChildren(this.template.content.cloneNode(!0))}attributeChangedCallback(){const i=this.shadow.querySelector("style"),r=this.shadow.querySelector("svg");if(r){const o=r.querySelector("feGaussianBlur"),n=parseInt(this.size),c=.23*n;o.setAttribute("stdDeviation",String(n/20)),r.setAttribute("height",String(c)),r.setAttribute("width",this.size),r.setAttribute("viewBox",`0 0 ${this.size} ${c}`)}i&&(i.innerHTML=` 480 :host{ 481 --uib-size: ${this.size}px; 482 --uib-color: ${this.color}; 483 --uib-speed: ${this.speed}s; 484 } 485 ${Z} 486 `)}};var pt={register:(t="l-mirage")=>{customElements.get(t)||customElements.define(t,class extends Q{})},element:Q},J=":host{align-items:center;display:inline-flex;flex-shrink:0;height:var(--uib-size);justify-content:center;width:var(--uib-size)}:host([hidden]){display:none}.container{align-items:center;display:flex;height:var(--uib-size);justify-content:center;position:relative;width:var(--uib-size)}.line{animation:rotate var(--uib-speed) ease-in-out infinite alternate;background-color:var(--uib-color);border-radius:calc(var(--uib-stroke)/2);height:var(--uib-stroke);left:0;position:absolute;top:calc(50% - var(--uib-stroke)/2);transition:background-color .3s ease;width:100%}.line:first-child,.line:nth-child(2){animation-delay:calc(var(--uib-speed)*-.375)}.line:nth-child(2){opacity:.8}.line:nth-child(3){animation-delay:calc(var(--uib-speed)*-.3);opacity:.6}.line:nth-child(4){animation-delay:calc(var(--uib-speed)*-.225);opacity:.4}.line:nth-child(5){animation-delay:calc(var(--uib-speed)*-.15);opacity:.2}.line:nth-child(6){animation-delay:calc(var(--uib-speed)*-.075);opacity:.1}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(180deg)}}";let K=class extends l{constructor(){super();e(this,"_attributes",["size","color","speed","stroke"]);e(this,"size");e(this,"color");e(this,"speed");e(this,"stroke");this.storePropsToUpgrade(this._attributes),this.reflect(this._attributes)}static get observedAttributes(){return["size","color","speed","stroke"]}connectedCallback(){this.upgradeStoredProps(),this.applyDefaultProps({size:35,color:"black",speed:.9,stroke:3.5}),this.template.innerHTML=` 487 <div class="container"> 488 <div class="line"></div> 489 <div class="line"></div> 490 <div class="line"></div> 491 <div class="line"></div> 492 <div class="line"></div> 493 <div class="line"></div> 494 </div> 495 <style> 496 :host{ 497 --uib-size: ${this.size}px; 498 --uib-color: ${this.color}; 499 --uib-speed: ${this.speed}s; 500 --uib-stroke: ${this.stroke}px; 501 } 502 ${J} 503 </style> 504 `,this.shadow.replaceChildren(this.template.content.cloneNode(!0))}attributeChangedCallback(){const i=this.shadow.querySelector("style");i&&(i.innerHTML=` 505 :host{ 506 --uib-size: ${this.size}px; 507 --uib-color: ${this.color}; 508 --uib-speed: ${this.speed}s; 509 --uib-stroke: ${this.stroke}px; 510 } 511 ${J} 512 `)}};var mt={register:(t="l-miyagi")=>{customElements.get(t)||customElements.define(t,class extends K{})},element:K},V=':host{align-items:center;display:inline-flex;flex-shrink:0;height:var(--uib-size);justify-content:center;width:var(--uib-size)}:host([hidden]){display:none}.container{align-items:center;animation:rotate var(--uib-speed) linear infinite;display:flex;height:var(--uib-size);justify-content:center;position:relative;width:var(--uib-size)}.container:after,.container:before{background-color:var(--uib-color);border-radius:50%;content:"";height:25%;transition:background-color .3s ease;width:25%}
512.container:before{animation:wobble2 calc(var(--uib-speed)*1.25) ease-in-out infinite}.container:after{animation:wobble calc(var(--uib-speed)*1.25) ease-in-out infinite}.container:before{margin-right:10%}@keyframes wobble{0%,to{transform:translateX(0)}50%{transform:translateX(calc(var(--uib-size)*.2)) scale(1.1)}}@keyframes wobble2{0%,to{transform:translateX(0)}50%{transform:translateX(calc(var(--uib-size)*-.2)) scale(1.1)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}';let ee=class extends l{constructor(){super();e(this,"_attributes",["size","color","speed"]);e(this,"size");e(this,"color");e(this,"speed");this.storePropsToUpgrade(this._attributes),this.reflect(this._attributes)}static get observedAttributes(){return["size","color","speed"]}connectedCallback(){this.upgradeStoredProps(),this.applyDefaultProps({size:40,color:"black",speed:1.1}),this.template.innerHTML=` 513 <div class="container"></div> 514 <style> 515 :host{ 516 --uib-size: ${this.size}px; 517 --uib-color: ${this.color}; 518 --uib-speed: ${this.speed}s; 519 } 520 ${V} 521 </style> 522 `,this.shadow.replaceChildren(this.template.content.cloneNode(!0))}attributeChangedCallback(){const i=this.shadow.querySelector("style");i&&(i.innerHTML=` 523 :host{ 524 --uib-size: ${this.size}px; 525 --uib-color: ${this.color}; 526 --uib-speed: ${this.speed}s; 527 } 528 ${V} 529 `)}};var ft={register:(t="l-momentum")=>{customElements.get(t)||customElements.define(t,class extends ee{})},element:ee},te=':host{align-items:center;display:inline-flex;flex-shrink:0;height:calc(var(--uib-size)*.3);justify-content:center;width:var(--uib-size)}:host([hidden]){display:none}.container{height:calc(var(--uib-size)*.51);justify-content:center;top:28%;width:51%}.container,.dot{align-items:center;display:flex;position:relative}.dot{flex-shrink:0;height:100%;transform-origin:center top;width:25%}.dot:after{background-color:var(--uib-color);border-radius:50%;content:"";display:block;height:25%;transition:background-color .3s ease;width:100%}.dot:first-child{animation:swing var(--uib-speed) linear infinite}.dot:last-child{animation:swing2 var(--uib-speed) linear infinite}@keyframes swing{0%{animation-timing-function:ease-out;transform:rotate(0deg)}25%{animation-timing-function:ease-in;transform:rotate(70deg)}50%{animation-timing-function:linear;transform:rotate(0deg)}}@keyframes swing2{0%{animation-timing-function:linear;transform:rotate(0deg)}50%{animation-timing-function:ease-out;transform:rotate(0deg)}75%{animation-timing-function:ease-in;transform:rotate(-70deg)}}';let ie=class extends l{constructor(){super();e(this,"_attributes",["size","color","speed"]);e(this,"size");e(this,"color");e(this,"speed");this.storePropsToUpgrade(this._attributes),this.reflect(this._attributes)}static get observedAttributes(){return["size","color","speed"]}connectedCallback(){this.upgradeStoredProps(),this.applyDefaultProps({size:78,color:"black",speed:1.4}),this.template.innerHTML=` 530 <div class="container"> 531 <div class="dot"></div> 532 <div class="dot"></div> 533 <div class="dot"></div> 534 <div class="dot"></div> 535 </div> 536 <style> 537 :host{ 538 --uib-size: ${this.size}px; 539 --uib-color: ${this.color}; 540 --uib-speed: ${this.speed}s; 541 } 542 ${te} 543 </style> 544 `,this.shadow.replaceChildren(this.template.content.cloneNode(!0))}attributeChangedCallback(){const i=this.shadow.querySelector("style");i&&(i.innerHTML=` 545 :host{ 546 --uib-size: ${this.size}px; 547 --uib-color: ${this.color}; 548 --uib-speed: ${this.speed}s; 549 } 550 ${te} 551 `)}};var vt={register:(t="l-newtons-cradle")=>{customElements.get(t)||customElements.define(t,class extends ie{})},element:ie},se=':host{--uib-dot-size:calc(var(--uib-size)*0.4);align-items:center;display:inline-flex;flex-shrink:0;height:var(--uib-dot-size);justify-content:center;width:var(--uib-size)}:host([hidden]){display:none}.container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.container:after,.container:before{background-color:var(--uib-color);border-radius:50%;content:"";flex-shrink:0;height:var(--uib-dot-size);position:absolute;transition:background-color .3s ease;width:var(--uib-dot-size)}.container:before{animation:orbit var(--uib-speed) linear infinite}.container:after{animation:orbit var(--uib-speed) linear calc(var(--uib-speed)/-2)
551infinite}@keyframes orbit{0%{opacity:.65;transform:translateX(calc(var(--uib-size)*.25)) scale(.73684)}5%{opacity:.58;transform:translateX(calc(var(--uib-size)*.235)) scale(.684208)}10%{opacity:.51;transform:translateX(calc(var(--uib-size)*.182)) scale(.631576)}15%{opacity:.44;transform:translateX(calc(var(--uib-size)*.129)) scale(.578944)}20%{opacity:.37;transform:translateX(calc(var(--uib-size)*.076)) scale(.526312)}25%{opacity:.3;transform:translateX(0) scale(.47368)}30%{opacity:.37;transform:translateX(calc(var(--uib-size)*-.076)) scale(.526312)}35%{opacity:.44;transform:translateX(calc(var(--uib-size)*-.129)) scale(.578944)}40%{opacity:.51;transform:translateX(calc(var(--uib-size)*-.182)) scale(.631576)}45%{opacity:.58;transform:translateX(calc(var(--uib-size)*-.235)) scale(.684208)}50%{opacity:.65;transform:translateX(calc(var(--uib-size)*-.25)) scale(.73684)}55%{opacity:.72;transform:translateX(calc(var(--uib-size)*-.235)) scale(.789472)}60%{opacity:.79;transform:translateX(calc(var(--uib-size)*-.182)) scale(.842104)}65%{opacity:.86;transform:translateX(calc(var(--uib-size)*-.129)) scale(.894736)}70%{opacity:.93;transform:translateX(calc(var(--uib-size)*-.076)) scale(.947368)}75%{opacity:1;transform:translateX(0) scale(1)}80%{opacity:.93;transform:translateX(calc(var(--uib-size)*.076)) scale(.947368)}85%{opacity:.86;transform:translateX(calc(var(--uib-size)*.129)) scale(.894736)}90%{opacity:.79;transform:translateX(calc(var(--uib-size)*.182)) scale(.842104)}95%{opacity:.72;transform:translateX(calc(var(--uib-size)*.235)) scale(.789472)}to{opacity:.65;transform:translateX(calc(var(--uib-size)*.25)) scale(.73684)}}';let ae=class extends l{constructor(){super();e(this,"_attributes",["size","color","speed"]);e(this,"size");e(this,"color");e(this,"speed");this.storePropsToUpgrade(this._attributes),this.reflect(this._attributes)}static get observedAttributes(){return["size","color","speed"]}connectedCallback(){this.upgradeStoredProps(),this.applyDefaultProps({size:35,color:"black",speed:1.5}),this.template.innerHTML=` 552 <div class="container"></div> 553 <style> 554 :host{ 555 --uib-size: ${this.size}px; 556 --uib-color: ${this.color}; 557 --uib-speed: ${this.speed}s; 558 } 559 ${se} 560 </style> 561 `,this.shadow.replaceChildren(this.template.content.cloneNode(!0))}attributeChangedCallback(){const i=this.shadow.querySelector("style");i&&(i.innerHTML=` 562 :host{ 563 --uib-size: ${this.size}px; 564 --uib-color: ${this.color}; 565 --uib-speed: ${this.speed}s; 566 } 567 ${se} 568 `)}};var gt={register:(t="l-orbit")=>{customElements.get(t)||customElements.define(t,class extends ae{})},element:ae},re=':host{align-items:center;display:inline-flex;flex-shrink:0;height:var(--uib-size);justify-content:center;width:var(--uib-size)}:host([hidden]){display:none}.container{height:var(--uib-size);position:relative;width:var(--uib-size)}.container:after,.container:before{animation:pulse var(--uib-speed) linear infinite;background-color:var(--uib-color);border-radius:50%;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transform:scale(0);transition:background-color .3s ease;width:100%}.container:after{animation-delay:calc(var(--uib-speed)/-2)}@keyframes pulse{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1)}}';let ne=class extends l{constructor(){super();e(this,"_attributes",["size","color","speed"]);e(this,"size");e(this,"color");e(this,"speed");this.storePropsToUpgrade(this._attributes),this.reflect(this._attributes)}static get observedAttributes(){return["size","color","speed"]}connectedCallback(){this.upgradeStoredProps(),this.applyDefaultProps({size:45,color:"black",speed:2}),this.template.innerHTML=` 569 <div class="container"></div> 570 <style> 571 :host{ 572 --uib-size: ${this.size}px; 573 --uib-color: ${this.color}; 574 --uib-speed: ${this.speed}s; 575 } 576 ${re} 577 </style> 578 `,this.shadow.replaceChildren(this.template.content.cloneNode(!0))}attributeChangedCallback(){const i=this.shadow.querySelector("style");
578i&&(i.innerHTML=` 579 :host{ 580 --uib-size: ${this.size}px; 581 --uib-color: ${this.color}; 582 --uib-speed: ${this.speed}s; 583 } 584 ${re} 585 `)}};var yt={register:(t="l-ping")=>{customElements.get(t)||customElements.define(t,class extends ne{})},element:ne},oe=":host{align-items:center;display:inline-flex;flex-shrink:0;height:var(--uib-size);justify-content:center;width:var(--uib-size)}:host([hidden]){display:none}.container{align-items:center;display:flex;height:var(--uib-size);justify-content:center;position:relative;width:var(--uib-size)}.line{animation:rotate var(--uib-speed) ease-in-out infinite;background-color:var(--uib-color);border-radius:calc(var(--uib-stroke)/2);height:var(--uib-stroke);left:0;position:absolute;top:calc(50% - var(--uib-stroke)/2);transition:background-color .3s ease;width:100%}.line:first-child,.line:nth-child(2){animation-delay:calc(var(--uib-speed)*-.375)}.line:nth-child(2){opacity:.8}.line:nth-child(3){animation-delay:calc(var(--uib-speed)*-.3);opacity:.6}.line:nth-child(4){animation-delay:calc(var(--uib-speed)*-.225);opacity:.4}.line:nth-child(5){animation-delay:calc(var(--uib-speed)*-.15);opacity:.2}.line:nth-child(6){animation-delay:calc(var(--uib-speed)*-.075);opacity:.1}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(180deg)}}";let le=class extends l{constructor(){super();e(this,"_attributes",["size","color","speed","stroke"]);e(this,"size");e(this,"color");e(this,"speed");e(this,"stroke");this.storePropsToUpgrade(this._attributes),this.reflect(this._attributes)}static get observedAttributes(){return["size","color","speed","stroke"]}connectedCallback(){this.upgradeStoredProps(),this.applyDefaultProps({size:35,color:"black",speed:.9,stroke:3.5}),this.template.innerHTML=` 586 <div class="container"> 587 <div class="line"></div> 588 <div class="line"></div> 589 <div class="line"></div> 590 <div class="line"></div> 591 <div class="line"></div> 592 <div class="line"></div> 593 </div> 594 <style> 595 :host{ 596 --uib-size: ${this.size}px; 597 --uib-color: ${this.color}; 598 --uib-speed: ${this.speed}s; 599 --uib-stroke: ${this.stroke}px; 600 } 601 ${oe} 602 </style> 603 `,this.shadow.replaceChildren(this.template.content.cloneNode(!0))}attributeChangedCallback(){const i=this.shadow.querySelector("style");i&&(i.innerHTML=` 604 :host{ 605 --uib-size: ${this.size}px; 606 --uib-color: ${this.color}; 607 --uib-speed: ${this.speed}s; 608 --uib-stroke: ${this.stroke}px; 609 } 610 ${oe} 611 `)}};var zt={register:(t="l-pinwheel")=>{customElements.get(t)||customElements.define(t,class extends le{})},element:le},ce=':host{align-items:center;display:inline-flex;flex-shrink:0;height:var(--uib-size);justify-content:center;width:var(--uib-size)}:host([hidden]){display:none}.container{height:var(--uib-size);position:relative;width:var(--uib-size)}.container:after,.container:before{animation:pulse var(--uib-speed) ease-in-out infinite;background-color:var(--uib-color);border-radius:50%;content:"";height:100%;left:0;position:absolute;top:0;transform:scale(0);transition:background-color .3s ease;width:100%}.container:after{animation-delay:calc(var(--uib-speed)/-2)}@keyframes pulse{0%,to{opacity:1;transform:scale(0)}50%{opacity:.25;transform:scale(1)}}';let de=class extends l{constructor(){super();e(this,"_attributes",["size","color","speed"]);e(this,"size");e(this,"color");e(this,"speed");this.storePropsToUpgrade(this._attributes),this.reflect(this._attributes)}static get observedAttributes(){return["size","color","speed"]}connectedCallback(){this.upgradeStoredProps(),this.applyDefaultProps({size:40,color:"black",speed:1.75}),this.template.innerHTML=` 612 <div class="container"></div> 613 <style> 614 :host{ 615 --uib-size: ${this.size}px; 616 --uib-color: ${this.color}; 617 --uib-speed: ${this.speed}s; 618 } 619 ${ce} 620 </style> 621 `,this.shadow.replaceChildren(this.template.content.cloneNode(!0))}attributeChangedCallback(){const i=this.shadow.querySelector("style");
621i&&(i.innerHTML=` 622 :host{ 623 --uib-size: ${this.size}px; 624 --uib-color: ${this.color}; 625 --uib-speed: ${this.speed}s; 626 } 627 ${ce} 628 `)}};var kt={register:(t="l-pulsar")=>{customElements.get(t)||customElements.define(t,class extends de{})},element:de},he=":host{align-items:center;display:inline-flex;flex-shrink:0;height:var(--uib-size);justify-content:center;width:var(--uib-size)}:host([hidden]){display:none}.container{height:var(--uib-size);overflow:visible;transform-origin:center;width:var(--uib-size)}.car{fill:none;stroke:var(--uib-color);stroke-dasharray:var(--uib-dash),var(--uib-gap);stroke-dashoffset:0;stroke-linecap:round;animation:travel var(--uib-speed) linear infinite;will-change:stroke-dasharray,stroke-dashoffset}.car,.track{transition:stroke .5s ease}.track{stroke:var(--uib-color);opacity:var(--uib-bg-opacity)}@keyframes travel{0%{stroke-dashoffset:0}to{stroke-dashoffset:100}}";let ue=class extends l{constructor(){super();e(this,"_attributes",["size","color","speed","stroke","stroke-length","bg-opacity"]);e(this,"size");e(this,"color");e(this,"speed");e(this,"stroke");e(this,"stroke-length");e(this,"bg-opacity");e(this,"d");this.storePropsToUpgrade(this._attributes),this.reflect(this._attributes),this.d="M49.5,42.9c0-18.1-9.9-34-24.5-42.4C10.4,9,0.5,24.8,0.5,42.9c7.2,4.2,15.6,6.6,24.5,6.6S42.3,47.1,49.5,42.9z"}static get observedAttributes(){return["size","color","speed","stroke","stroke-length","bg-opacity"]}connectedCallback(){this.upgradeStoredProps(),this.applyDefaultProps({size:37,color:"black",stroke:5,speed:.9,"stroke-length":.15,"bg-opacity":.1});const i=h(parseInt(this.size)/50,this.d);this.template.innerHTML=` 629 <svg 630 class="container" 631 x="0px" 632 y="0px"
633 viewBox="0 0 ${this.size} ${this.size}" 634 height="${this.size}" 635 width="${this.size}" 636 preserveAspectRatio='xMidYMid meet' 637 > 638 <path 639 class="track" 640 fill="none" 641 stroke-width="${this.stroke}" 642 pathlength="100" 643 d="${i}" 644 /> 645 646 <path 647 class="car" 648 fill="none" 649 stroke-width="${this.stroke}" 650 pathlength="100" 651 d="${i}" 652 /> 653 </svg> 654 <style> 655 :host{ 656 --uib-size: ${this.size}px; 657 --uib-color: ${this.color}; 658 --uib-speed: ${this.speed}s; 659 --uib-dash: ${100*parseFloat(this["stroke-length"])}; 660 --uib-gap: ${100-100*parseFloat(this["stroke-length"])}; 661 --uib-bg-opacity: ${this["bg-opacity"]}; 662 } 663 ${he} 664 </style> 665 `,this.shadow.replaceChildren(this.template.content.cloneNode(!0))}attributeChangedCallback(){const i=this.shadow.querySelector("style"),r=this.shadow.querySelector("svg"),o=this.shadow.querySelectorAll("path");i&&(r.setAttribute("height",this.size),r.setAttribute("width",this.size),r.setAttribute("viewBox",`0 0 ${this.size} ${this.size}`),o.forEach(n=>{n.setAttribute("stroke-width",this.stroke),n.setAttribute("d",h(parseInt(this.size)/50,this.d))}),i.innerHTML=` 666 :host{ 667 --uib-size: ${this.size}px; 668 --uib-color: ${this.color}; 669 --uib-speed: ${this.speed}s; 670 --uib-dash: ${100*parseFloat(this["stroke-length"])}; 671 --uib-gap: ${100-100*parseFloat(this["stroke-length"])}; 672 --uib-bg-opacity: ${this["bg-opacity"]}; 673 } 674 ${he} 675 `)}};var xt={register:(t="l-reuleaux")=>{customElements.get(t)||customElements.define(t,class extends ue{})},element:ue},be=":host{align-items:center;display:inline-flex;flex-shrink:0;height:var(--uib-size);justify-content:center;width:var(--uib-size)}:host([hidden]){display:none}.container{animation:rotate var(--uib-speed) linear infinite;height:var(--uib-size);overflow:visible;transform-origin:center;width:var(--uib-size);will-change:transform}.car{stroke:var(--uib-color);stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;animation:stretch calc(var(--uib-speed)*.75) ease-in-out infinite;will-change:stroke-dasharray,stroke-dashoffset}.car,.track{fill:none;transition:stroke .5s ease}.track{stroke:var(--uib-color);opacity:var(--uib-bg-opacity)}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes stretch{0%{stroke-dasharray:0,150;stroke-dashoffset:0}50%{stroke-dasharray:75,150;stroke-dashoffset:-25}to{stroke-dashoffset:-99}}";let pe=class extends l{constructor(){super();e(this,"_attributes",["size","color","speed","stroke","bg-opacity"]);e(this,"size");e(this,"color");e(this,"speed");e(this,"stroke");e(this,"bg-opacity");this.storePropsToUpgrade(this._attributes),this.reflect(this._attributes)}static get observedAttributes(){return["size","color","stroke","speed","bg-opacity"]}connectedCallback(){this.upgradeStoredProps(),this.applyDefaultProps({size:40,color:"black",stroke:5,speed:2,"bg-opacity":0});const i=parseInt(this.size),r=parseInt(this.stroke),o=i/2,n=Math.max(0,i/2-r/2);this.template.innerHTML=` 676 <svg 677 class="container"
678 viewBox="0 0 ${this.size} ${this.size}" 679 height="${this.size}" 680 width="${this.size}" 681 > 682 <circle 683 class="track" 684 cx="${o}" 685 cy="${o}" 686 r="${n}" 687 pathlength="100" 688 stroke-width="${this.stroke}px" 689 fill="none" 690 /> 691 <circle 692 class="car" 693 cx="${o}" 694 cy="${o}" 695 r="${n}" 696 pathlength="100" 697 stroke-width="${this.stroke}px" 698 fill="none" 699 /> 700 </svg> 701 <style> 702 :host{ 703 --uib-size: ${this.size}px; 704 --uib-color: ${this.color}; 705 --uib-speed: ${this.speed}s; 706 --uib-bg-opacity: ${this["bg-opacity"]}; 707 } 708 ${be} 709 </style> 710 `,this.shadow.replaceChildren(this.template.content.cloneNode(!0))}attributeChangedCallback(){const i=this.shadow.querySelector("style"),r=this.shadow.querySelector("svg"),o=this.shadow.querySelectorAll("circle");if(!i)return;const n=parseInt(this.size),c=parseInt(this.stroke),u=String(n/2),b=String(Math.max(0,n/2-c/2));r.setAttribute("height",this.stroke),r.setAttribute("width",this.stroke),r.setAttribute("viewBox",`0 0 ${n} ${n}`),o.forEach(d=>{d.setAttribute("cx",u),d.setAttribute("cy",u),d.setAttribute("r",b),d.setAttribute("stroke-width",this.stroke)}),i.innerHTML=` 711 :host{ 712 --uib-size: ${n}px; 713 --uib-color: ${this.color}; 714 --uib-speed: ${this.speed}s; 715 --uib-bg-opacity: ${this["bg-opacity"]}; 716 } 717 ${be} 718 `}};var $t={register:(t="l-ring")=>{customElements.get(t)||customElements.define(t,class extends pe{})},element:pe},me=":host{align-items:center;display:inline-flex;flex-shrink:0;height:var(--uib-size);justify-content:center;width:var(--uib-size)}:host([hidden]){display:none}.container{animation:rotate var(--uib-speed) linear infinite;height:var(--uib-size);overflow:visible;transform-origin:center;width:var(--uib-size);will-change:transform}.car{stroke:var(--uib-color);stroke-dasharray:var(--uib-dash),var(--uib-gap);stroke-dashoffset:0;stroke-linecap:round}.car,.track{fill:none;transition:stroke .5s ease}.track{stroke:var(--uib-color);opacity:var(--uib-bg-opacity)}@keyframes rotate{to{transform:rotate(1turn)}}";let fe=class extends l{constructor(){super();e(this,"_attributes",["size","color","speed","stroke","stroke-length","bg-opacity"]);e(this,"size");e(this,"color");e(this,"speed");e(this,"stroke");e(this,"stroke-length");e(this,"bg-opacity");this.storePropsToUpgrade(this._attributes),this.reflect(this._attributes)}static get observedAttributes(){return["size","color","stroke","stroke-length","speed","bg-opacity"]}connectedCallback(){this.upgradeStoredProps(),this.applyDefaultProps({size:40,color:"black",stroke:5,"stroke-length":.25,speed:.8,"bg-opacity":.1});const i=parseInt(this.size),r=parseInt(this.stroke),o=i/2,n=Math.max(0,i/2-r/2);this.template.innerHTML=` 719 <svg 720 class="container"
721 viewBox="${o} ${o} ${this.size} ${this.size}" 722 height="${this.size}" 723 width="${this.size}" 724 > 725 <circle 726 class="track" 727 cx="${this.size}" 728 cy="${this.size}" 729 r="${n}" 730 stroke-width="${this.stroke}px" 731 fill="none" 732 /> 733 <circle 734 class="car" 735 cx="${this.size}" 736 cy="${this.size}" 737 r="${n}" 738 pathlength="100" 739 stroke-width="${this.stroke}px" 740 fill="none" 741 /> 742 </svg> 743 <style> 744 :host{ 745 --uib-size: ${this.size}px; 746 --uib-color: ${this.color}; 747 --uib-speed: ${this.speed}s; 748 --uib-dash: ${100*parseFloat(this["stroke-length"])}; 749 --uib-gap: ${100-100*parseFloat(this["stroke-length"])}; 750 --uib-bg-opacity: ${this["bg-opacity"]}; 751 } 752 ${me} 753 </style> 754 `,this.shadow.replaceChildren(this.template.content.cloneNode(!0))}attributeChangedCallback(){const i=this.shadow.querySelector("style"),r=this.shadow.querySelector("svg"),o=this.shadow.querySelectorAll("circle");if(!i)return;const n=parseInt(this.size),c=parseInt(this.stroke),u=n/2,b=String(Math.max(0,n/2-c/2));r.setAttribute("height",this.size),r.setAttribute("width",this.size),r.setAttribute("viewBox",`${u} ${u} ${this.size} ${this.size}`),o.forEach(d=>{d.setAttribute("cx",this.size),d.setAttribute("cy",this.size),d.setAttribute("r",b),d.setAttribute("stroke-width",this.stroke)}),i.innerHTML=` 755 :host{ 756 --uib-size: ${this.size}px; 757 --uib-color: ${this.color}; 758 --uib-speed: ${this.speed}s; 759 --uib-dash: ${100*parseFloat(this["stroke-length"])}; 760 --uib-gap: ${100-100*parseFloat(this["stroke-length"])}; 761 --uib-bg-opacity: ${this["bg-opacity"]}; 762 } 763 ${me} 764 `}};var wt={register:(t="l-ring-2")=>{customElements.get(t)||customElements.define(t,class extends fe{})},element:fe},ve=':host{align-items:center;display:inline-flex;flex-shrink:0;height:var(--uib-size);justify-content:center;width:var(--uib-size)}:host([hidden]){display:none}.container{height:var(--uib-size);position:relative;width:var(--uib-size)}.container:after,.container:before,.dot:after,.dot:before{animation:pulse var(--uib-speed) linear infinite;background-color:var(--uib-color);border-radius:50%;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transform:scale(0);transition:background-color .3s ease;width:100%}.container:after{animation-delay:calc(var(--uib-speed)/-4)}.dot:before{animation-delay:calc(var(--uib-speed)*-.5)}.dot:after{animation-delay:calc(var(--uib-speed)*-.75)}@keyframes pulse{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1)}}';let ge=class extends l{constructor(){super();e(this,"_attributes",["size","color","speed"]);e(this,"size");e(this,"color");e(this,"speed");this.storePropsToUpgrade(this._attributes),this.reflect(this._attributes)}static get observedAttributes(){return["size","color","speed"]}connectedCallback(){this.upgradeStoredProps(),this.applyDefaultProps({size:45,color:"black",speed:2}),this.template.innerHTML=` 765 <div class="container"> 766 <div class="dot"></div> 767 </div> 768 <style> 769 :host{ 770 --uib-size: ${this.size}px; 771 --uib-color: ${this.color}; 772 --uib-speed: ${this.speed}s; 773 } 774 ${ve} 775 </style> 776 `,this.shadow.replaceChildren(this.template.content.cloneNode(!0))}attributeChangedCallback(){const i=this.shadow.querySelector("style");i&&(i.innerHTML=` 777 :host{ 778 --uib-size: ${this.size}px; 779 --uib-color: ${this.color}; 780 --uib-speed: ${this.speed}s; 781 } 782 ${ve} 783 `)}};var jt={register:(t="l-ripples")=>{customElements.get(t)||customElements.define(t,class extends ge{})},element:ge},ye=':host{align-items:center;display:inline-flex;flex-shrink:0;height:var(--uib-size);justify-content:center;width:var(--uib-size)}:host([hidden]){display:none}.container{--uib-center:calc(var(--uib-size)/2 - var(--uib-size)/5/2);animation:rotate calc(var(--uib-speed)*3) linear infinite;height:var(--uib-size);position:relative;width:var(--uib-size)}.container,.dot{align-items:center;display:flex;justify-content:flex-start}.dot{height:100%;left:0;position:absolute;top:0;width:100%}.dot:before{animation:oscillate var(--uib-speed) ease-in-out infinite alternate;background-color:var(--uib-color);border-radius:50%;content:"";height:20%;transition:background-color .3s ease;width:20%}.dot:first-child:before{transform:translateX(var(--uib-center))}.dot:nth-child(2){transform:rotate(45deg)}.dot:nth-child(2):before{animation-delay:calc(var(--uib-speed)*-.125);transform:translateX(var(--uib-center))}.dot:nth-child(3){transform:rotate(90deg)}.dot:nth-child(3):before{animation-delay:calc(var(--uib-speed)*-.25);transform:translateX(var(--uib-center))}.dot:nth-child(4){transform:rotate(135deg)}.dot:nth-child(4):before{animation-delay:calc(var(--uib-speed)*-.375);transform:translateX(var(--uib-center))}.dot:nth-child(5){transform:rotate(180deg)}.dot:nth-child(5):before{animation-delay:calc(var(--uib-speed)*-.5);transform:translateX(var(--uib-center))}.dot:nth-child(6){transform:rotate(225deg)}.dot:nth-child(6):before{animation-delay:calc(var(--uib-speed)*-.625);transform:translateX(var(--uib-center))}.dot:nth-child(7){transform:rotate(270deg)}.dot:nth-child(7):before{animation-delay:calc(var(--uib-speed)*-.75);transform:translateX(var(--uib-center))}.dot:nth-child(8){transform:rotate(315deg)}.dot:nth-child(8):before{animation-delay:calc(var(--uib-speed)*-.875);transform:translateX(var(--uib-center))}@keyframes oscillate{0%{opacity:.25;transform:translateX(var(--uib-center)) scale(0)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}';let ze=class extends l{constructor(){super();e(this,"_attributes",["size","color","speed"]);e(this,"size");e(this,"color");e(this,"speed");this.storePropsToUpgrade(this._attributes),this.reflect(this._attributes)}static get observedAttributes(){return["size","color","speed"]}connectedCallback(){this.upgradeStoredProps(),this.applyDefaultProps({size:40,color:"black",speed:.9}),this.template.innerHTML=` 784 <div class="container"> 785 <div class="dot"></div> 786 <div class="dot"></div> 787 <div class="dot"></div> 788 <div class="dot"></div> 789 <div class="dot"></div> 790 <div class="dot"></div> 791 <div class="dot"></div> 792 <div class="dot"></div> 793 </div> 794 <style> 795 :host{ 796 --uib-size: ${this.size}px; 797 --uib-color: ${this.color}; 798 --uib-speed: ${this.speed}s; 799 } 800 ${ye} 801 </style> 802 `,this.shadow.replaceChildren(this.template.content.cloneNode(!0))}attributeChangedCallback(){const i=this.shadow.querySelector("style");
802i&&(i.innerHTML=` 803 :host{ 804 --uib-size: ${this.size}px; 805 --uib-color: ${this.color}; 806 --uib-speed: ${this.speed}s; 807 } 808 ${ye} 809 `)}};var Ct={register:(t="l-spiral")=>{customElements.get(t)||customElements.define(t,class extends ze{})},element:ze},ke=":host{align-items:center;display:inline-flex;flex-shrink:0;height:var(--uib-size);justify-content:center;width:var(--uib-size)}:host([hidden]){display:none}.container{height:var(--uib-size);overflow:visible;transform-origin:center;width:var(--uib-size);will-change:transform}.car{stroke:var(--uib-color);stroke-dasharray:var(--uib-dash),var(--uib-gap);stroke-dashoffset:0;animation:travel var(--uib-speed) linear infinite;will-change:stroke-dasharray,stroke-dashoffset}.car,.track{fill:none;transition:stroke .5s ease}.track{stroke:var(--uib-color);opacity:var(--uib-bg-opacity)}@keyframes travel{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100}}";let xe=class extends l{constructor(){super();e(this,"_attributes",["size","color","speed","stroke","stroke-length","bg-opacity"]);e(this,"size");e(this,"color");e(this,"speed");e(this,"stroke");e(this,"stroke-length");e(this,"bg-opacity");this.storePropsToUpgrade(this._attributes),this.reflect(this._attributes)}static get observedAttributes(){return["size","color","stroke","stroke-length","speed","bg-opacity"]}connectedCallback(){this.upgradeStoredProps(),this.applyDefaultProps({size:35,color:"black",stroke:5,"stroke-length":.25,speed:1.2,"bg-opacity":.1});const i=parseInt(this.size),r=parseInt(this.stroke),o=r/2,n=Math.max(i-r/2,0);this.template.innerHTML=` 810 <svg 811 class="container"
812 viewBox="0 0 ${this.size} ${this.size}" 813 height="${this.size}" 814 width="${this.size}" 815 > 816 <rect 817 class="track" 818 x="${o}" 819 y="${o}" 820 fill="none" 821 stroke-width="${this.stroke}px" 822 width="${n}" 823 height="${n}" 824 /> 825 <rect 826 class="car" 827 x="${o}" 828 y="${o}" 829 fill="none" 830 stroke-width="${this.stroke}px" 831 width="${n}" 832 height="${n}" 833 pathlength="100" 834 /> 835 </svg> 836 <style> 837 :host{ 838 --uib-size: ${this.size}px; 839 --uib-color: ${this.color}; 840 --uib-speed: ${this.speed}s; 841 --uib-dash: ${100*parseFloat(this["stroke-length"])}; 842 --uib-gap: ${100-100*parseFloat(this["stroke-length"])}; 843 --uib-bg-opacity: ${this["bg-opacity"]}; 844 } 845 ${ke} 846 </style> 847 `,this.shadow.replaceChildren(this.template.content.cloneNode(!0))}attributeChangedCallback(){const i=this.shadow.querySelector("style"),r=this.shadow.querySelector("svg"),o=this.shadow.querySelectorAll("rect");if(!i)return;const n=parseInt(this.size),c=parseInt(this.stroke),u=String(c/2),b=String(Math.max(n-c/2,0));r.setAttribute("height",this.size),r.setAttribute("width",this.size),r.setAttribute("viewBox",`0 0 ${this.size} ${this.size}`),o.forEach(d=>{d.setAttribute("stroke-width",this.stroke),d.setAttribute("width",b),d.setAttribute("height",b),d.setAttribute("x",u),d.setAttribute("y",u)}),i.innerHTML=` 848 :host{ 849 --uib-size: ${this.size}px; 850 --uib-color: ${this.color}; 851 --uib-speed: ${this.speed}s; 852 --uib-dash: ${100*parseFloat(this["stroke-length"])}; 853 --uib-gap: ${100-100*parseFloat(this["stroke-length"])}; 854 --uib-bg-opacity: ${this["bg-opacity"]}; 855 } 856 ${ke} 857 `}};var St={register:(t="l-square")=>{customElements.get(t)||customElements.define(t,class extends xe{})},element:xe},$e=":host{align-items:center;display:inline-flex;flex-shrink:0;height:var(--uib-size);justify-content:center;width:var(--uib-size)}:host([hidden]){display:none}.container{height:var(--uib-size);overflow:visible;transform-origin:center;width:var(--uib-size)}.car{fill:none;stroke:var(--uib-color);stroke-dasharray:var(--uib-dash),var(--uib-gap);stroke-dashoffset:0;stroke-linecap:round;animation:travel var(--uib-speed) linear infinite;will-change:stroke-dasharray,stroke-dashoffset}.car,.track{transition:stroke .5s ease}.track{stroke:var(--uib-color);opacity:var(--uib-bg-opacity)}@keyframes travel{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100}}";let we=class extends l{constructor(){super();e(this,"_attributes",["size","color","speed","stroke","stroke-length","bg-opacity"]);e(this,"size");e(this,"color");e(this,"speed");e(this,"stroke");e(this,"stroke-length");e(this,"bg-opacity");e(this,"d");this.storePropsToUpgrade(this._attributes),this.reflect(this._attributes),this.d="M0.5,25C0.5,7.8,7.8,0.5,25,0.5S49.5,7.8,49.5,25S42.2,49.5,25,49.5S0.5,42.2,0.5,25"}static get observedAttributes(){return["size","color","speed","stroke","stroke-length","bg-opacity"]}connectedCallback(){this.upgradeStoredProps(),this.applyDefaultProps({size:37,color:"black",stroke:5,"stroke-length":.15,speed:.9,"bg-opacity":.1});const i=h(parseInt(this.size)/50,this.d);this.template.innerHTML=` 858 <svg 859 class="container" 860 x="0px" 861 y="0px"
862 viewBox="0 0 ${this.size} ${this.size}" 863 height="${this.size}" 864 width="${this.size}" 865 preserveAspectRatio='xMidYMid meet' 866 > 867 <path 868 class="track" 869 fill="none" 870 stroke-width="${this.stroke}" 871 pathlength="100" 872 d="${i}" 873 /> 874 <path 875 class="car" 876 fill="none" 877 stroke-width="${this.stroke}" 878 pathlength="100" 879 d="${i}" 880 /> 881 </svg> 882 <style> 883 :host{ 884 --uib-size: ${this.size}px; 885 --uib-color: ${this.color}; 886 --uib-speed: ${this.speed}s; 887 --uib-dash: ${100*parseFloat(this["stroke-length"])}; 888 --uib-gap: ${100-100*parseFloat(this["stroke-length"])}; 889 --uib-bg-opacity: ${this["bg-opacity"]}; 890 } 891 ${$e} 892 </style> 893 `,this.shadow.replaceChildren(this.template.content.cloneNode(!0))}attributeChangedCallback(){const i=this.shadow.querySelector("style"),r=this.shadow.querySelector("svg"),o=this.shadow.querySelectorAll("path");i&&(r.setAttribute("height",this.size),r.setAttribute("width",this.size),r.setAttribute("viewBox",`0 0 ${this.size} ${this.size}`),o.forEach(n=>{n.setAttribute("stroke-width",this.stroke),n.setAttribute("d",h(parseInt(this.size)/50,this.d))}),i.innerHTML=` 894 :host{ 895 --uib-size: ${this.size}px; 896 --uib-color: ${this.color}; 897 --uib-speed: ${this.speed}s; 898 --uib-dash: ${100*parseFloat(this["stroke-length"])}; 899 --uib-gap: ${100-100*parseFloat(this["stroke-length"])}; 900 --uib-bg-opacity: ${this["bg-opacity"]}; 901 } 902 ${$e} 903 `)}};var _t={register:(t="l-squircle")=>{customElements.get(t)||customElements.define(t,class extends we{})},element:we},je=':host{align-items:center;display:inline-flex;flex-shrink:0;height:var(--uib-size);justify-content:center;width:var(--uib-size)}:host([hidden]){display:none}.container{height:var(--uib-size);position:relative;width:var(--uib-size)}.container,.electron{align-items:center;display:flex;justify-content:center}.electron{height:100%;left:0;position:absolute;top:0;width:100%}.electron:before{background-color:var(--uib-color);border-radius:50%;content:"";flex-shrink:0;height:35%;transition:background-color .3s ease;width:35%}.electron:first-child{transform:rotate(45deg)}.electron:first-child:before{animation:orbit var(--uib-speed) linear calc(var(--uib-speed)*-.143) infinite}.electron:nth-child(2){transform:rotate(-45deg)}.electron:nth-child(2):before{animation:orbit var(--uib-speed) linear calc(var(--uib-speed)/-2) infinite}@keyframes orbit{0%{opacity:.65;transform:translate(calc(var(--uib-size)*.5)) scale(.73684)}5%{opacity:.58;transform:translate(calc(var(--uib-size)*.4)) scale(.684208)}10%{opacity:.51;transform:translate(calc(var(--uib-size)*.3)) scale(.631576)}15%{opacity:.44;transform:translate(calc(var(--uib-size)*.2)) scale(.578944)}20%{opacity:.37;transform:translate(calc(var(--uib-size)*.1)) scale(.526312)}25%{opacity:.3;transform:translate(0) scale(.47368)}30%{opacity:.37;transform:translate(calc(var(--uib-size)*-.1)) scale(.526312)}35%{opacity:.44;transform:translate(calc(var(--uib-size)*-.2)) scale(.578944)}40%{opacity:.51;transform:translate(calc(var(--uib-size)*-.3)) scale(.631576)}45%{opacity:.58;transform:translate(calc(var(--uib-size)*-.4)) scale(.684208)}50%{opacity:.65;transform:translate(calc(var(--uib-size)*-.5)) scale(.73684)}55%{opacity:.72;transform:translate(calc(var(--uib-size)*-.4)) scale(.789472)}60%{opacity:.79;transform:translate(calc(var(--uib-size)*-.3)) scale(.842104)}65%{opacity:.86;transform:translate(calc(var(--uib-size)*-.2)) scale(.894736)}70%{opacity:.93;transform:translate(calc(var(--uib-size)*-.1)) scale(.947368)}75%{opacity:1;transform:translate(0) scale(1)}80%{opacity:.93;transform:translate(calc(var(--uib-size)*.1)) scale(.947368)}85%{opacity:.86;transform:translate(calc(var(--uib-size)*.2)) scale(.894736)}90%{opacity:.79;transform:translate(calc(var(--uib-size)*.3)) scale(.842104)}95%{opacity:.72;transform:translate(calc(var(--uib-size)*.4)) scale(.789472)}to{opacity:.65;transform:translate(calc(var(--uib-size)*.5)) scale(.73684)}}';class Ce extends l{constructor(){super();e(this,"_attributes",["size","color","speed"]);e(this,"size");e(this,"color");e(this,"speed");this.storePropsToUpgrade(this._attributes),this.reflect(this._attributes)}static get observedAttributes(){return["size","color","speed"]}connectedCallback(){this.upgradeStoredProps(),this.applyDefaultProps({size:40,color:"black",speed:1.4}),this.template.innerHTML=` 904 <div class="container"> 905 <div class="electron"></div> 906 <div class="electron"></div> 907 </div> 908 <style> 909 :host{ 910 --uib-size: ${this.size}px; 911 --uib-color: ${this.color}; 912 --uib-speed: ${this.speed}s; 913 } 914 ${je} 915 </style> 916 `,this.shadow.replaceChildren(this.template.content.cloneNode(!0))}attributeChangedCallback(){const i=this.shadow.querySelector("style");
916i&&(i.innerHTML=` 917 :host{ 918 --uib-size: ${this.size}px; 919 --uib-color: ${this.color}; 920 --uib-speed: ${this.speed}s; 921 } 922 ${je} 923 `)}}var Tt={register:(t="l-superballs")=>{customElements.get(t)||customElements.define(t,class extends Ce{})},element:Ce},Se=':host{align-items:center;display:inline-flex;flex-shrink:0;height:var(--uib-size);justify-content:center;width:var(--uib-size)}:host([hidden]){display:none}.container{--dot-size:calc(var(--uib-size)*0.17);align-items:center;animation:smoothRotate calc(var(--uib-speed)*1.8) linear infinite;display:flex;height:var(--uib-size);justify-content:flex-start;position:relative;width:var(--uib-size)}.dot{align-items:flex-start;animation:rotate var(--uib-speed) ease-in-out infinite;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.dot:before{background-color:var(--uib-color);border-radius:50%;content:"";height:var(--dot-size);transition:background-color .3s ease;width:var(--dot-size)}.dot:nth-child(2),.dot:nth-child(2):before{animation-delay:calc(var(--uib-speed)*-.835*.5)}.dot:nth-child(3),.dot:nth-child(3):before{animation-delay:calc(var(--uib-speed)*-.668*.5)}.dot:nth-child(4),.dot:nth-child(4):before{animation-delay:calc(var(--uib-speed)*-.501*.5)}.dot:nth-child(5),.dot:nth-child(5):before{animation-delay:calc(var(--uib-speed)*-.334*.5)}.dot:nth-child(6),.dot:nth-child(6):before{animation-delay:calc(var(--uib-speed)*-.167*.5)}@keyframes rotate{0%{transform:rotate(0deg)}65%,to{transform:rotate(1turn)}}@keyframes smoothRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}';let _e=class extends l{constructor(){super();e(this,"_attributes",["size","color","speed"]);e(this,"size");e(this,"color");e(this,"speed");this.storePropsToUpgrade(this._attributes),this.reflect(this._attributes)}static get observedAttributes(){return["size","color","speed"]}connectedCallback(){this.upgradeStoredProps(),this.applyDefaultProps({size:40,color:"black",speed:1.5}),this.template.innerHTML=` 924 <div class="container"> 925 <div class="dot"></div> 926 <div class="dot"></div> 927 <div class="dot"></div> 928 <div class="dot"></div> 929 <div class="dot"></div> 930 <div class="dot"></div> 931 </div> 932 <style> 933 :host{ 934 --uib-size: ${this.size}px; 935 --uib-color: ${this.color}; 936 --uib-speed: ${this.speed}s; 937 } 938 ${Se} 939 </style> 940 `,this.shadow.replaceChildren(this.template.content.cloneNode(!0))}attributeChangedCallback(){const i=this.shadow.querySelector("style");i&&(i.innerHTML=` 941 :host{ 942 --uib-size: ${this.size}px; 943 --uib-color: ${this.color}; 944 --uib-speed: ${this.speed}s; 945 } 946 ${Se} 947 `)}};var Pt={register:(t="l-tail-chase")=>{customElements.get(t)||customElements.define(t,class extends _e{})},element:_e},Te=":host{align-items:center;display:inline-flex;flex-shrink:0;height:var(--uib-size);justify-content:center;width:var(--uib-size)}:host([hidden]){display:none}.container{--mask-size:calc(var(--uib-size)/2 - var(--uib-stroke));align-items:center;animation:spin calc(var(--uib-speed)) linear infinite;background-image:conic-gradient(transparent 25%,var(--uib-color));border-radius:50%;display:flex;height:var(--uib-size);justify-content:flex-start;-webkit-mask:radial-gradient(circle var(--mask-size),transparent 99%,#000 100%);mask:radial-gradient(circle var(--mask-size),transparent 99%,#000 100%);position:relative;width:var(--uib-size)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}";let Pe=class extends l{constructor(){super();e(this,"_attributes",["size","color","speed","stroke"]);e(this,"size");e(this,"color");e(this,"speed");e(this,"stroke");this.storePropsToUpgrade(this._attributes),this.reflect(this._attributes)}static get observedAttributes(){return["size","color","speed","stroke"]}connectedCallback(){this.upgradeStoredProps(),this.applyDefaultProps({size:40,color:"black",speed:.9,stroke:5}),this.template.innerHTML=` 948 <div class="container"></div> 949 <style> 950 :host{ 951 --uib-size: ${this.size}px; 952 --uib-color: ${this.color}; 953 --uib-speed: ${this.speed}s; 954 --uib-stroke: ${this.stroke}px; 955 } 956 ${Te} 957 </style> 958 `,this.shadow.replaceChildren(this.template.content.cloneNode(!0))}attributeChangedCallback(){const i=this.shadow.querySelector("style");
958i&&(i.innerHTML=` 959 :host{ 960 --uib-size: ${this.size}px; 961 --uib-color: ${this.color}; 962 --uib-speed: ${this.speed}s; 963 --uib-stroke: ${this.stroke}px; 964 } 965 ${Te} 966 `)}};var Mt={register:(t="l-tailspin")=>{customElements.get(t)||customElements.define(t,class extends Pe{})},element:Pe},Me=':host{align-items:center;display:inline-flex;flex-shrink:0;height:calc(var(--uib-size)*.59);justify-content:center;width:var(--uib-size)}:host([hidden]){display:none}.container{--uib-cube-size:calc(var(--uib-size)*0.2);--uib-arc-1:-90deg;--uib-arc-2:90deg;align-items:flex-end;display:flex;height:calc(100% - var(--uib-cube-size)/2);justify-content:center;padding-bottom:calc(var(--uib-cube-size)/2);width:100%}.cube{--cube-container-height:calc(var(--uib-size)*0.8);align-items:center;animation:metronome var(--uib-speed) linear infinite;display:flex;height:var(--cube-container-height);transform:rotate(var(--uib-arc-1));transform-origin:center bottom}.cube,.cube:after{width:var(--uib-cube-size)}.cube:after{animation:morph var(--uib-speed) linear infinite;background-color:var(--uib-color);border-radius:25%;content:"";display:block;height:var(--uib-cube-size);transform-origin:center left;transition:background-color .3s ease}@keyframes metronome{0%{transform:rotate(var(--uib-arc-1))}50%{transform:rotate(var(--uib-arc-2))}50.001%{transform:translateX(var(--cube-container-height)) rotate(var(--uib-arc-1))}to{transform:rotate(var(--uib-arc-1))}}@keyframes morph{15%{transform:scaleX(1.2) scaleY(.8)}30%,50%{transform:scaleX(1)}55%{transform:scaleX(.8) scaleY(1.2)}65%,80%{transform:scaleX(1)}90%,95%{transform:scaleX(.65) scaleY(1.3)}}';let Ne=class extends l{constructor(){super();e(this,"_attributes",["size","color","speed"]);e(this,"size");e(this,"color");e(this,"speed");this.storePropsToUpgrade(this._attributes),this.reflect(this._attributes)}static get observedAttributes(){return["size","color","speed"]}connectedCallback(){this.upgradeStoredProps(),this.applyDefaultProps({size:70,color:"black",speed:1.25}),this.template.innerHTML=` 967 <div class="container"><div class="cube"></div></div> 968 <style> 969 :host{ 970 --uib-size: ${this.size}px; 971 --uib-color: ${this.color}; 972 --uib-speed: ${this.speed}s; 973 } 974 ${Me} 975 </style> 976 `,this.shadow.replaceChildren(this.template.content.cloneNode(!0))}attributeChangedCallback(){const i=this.shadow.querySelector("style");i&&(i.innerHTML=` 977 :host{ 978 --uib-size: ${this.size}px; 979 --uib-color: ${this.color}; 980 --uib-speed: ${this.speed}s; 981 } 982 ${Me} 983 `)}};var Nt={register:(t="l-treadmill")=>{customElements.get(t)||customElements.define(t,class extends Ne{})},element:Ne},Xe=":host{align-items:center;display:inline-flex;flex-shrink:0;height:var(--uib-size);justify-content:center;width:var(--uib-size)}:host([hidden]){display:none}.container{height:var(--uib-size);overflow:visible;transform-origin:center;width:var(--uib-size)}.car{fill:none;stroke:var(--uib-color);stroke-dasharray:var(--uib-dash),var(--uib-gap);stroke-dashoffset:0;stroke-linecap:round;animation:travel var(--uib-speed) linear infinite;will-change:stroke-dasharray,stroke-dashoffset}.car,.track{transition:stroke .5s ease}.track{stroke:var(--uib-color);opacity:var(--uib-bg-opacity)}@keyframes travel{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100}}";let Ae=class extends l{constructor(){super();e(this,"_attributes",["size","color","speed","stroke","stroke-length","bg-opacity"]);e(this,"size");e(this,"color");e(this,"speed");e(this,"stroke");e(this,"stroke-length");e(this,"bg-opacity");e(this,"d");this.storePropsToUpgrade(this._attributes),this.reflect(this._attributes),this.d="M37.2,23.4c0,9.1-4.9,17-12.3,21.2c-3.6,2.1-7.8,3.3-12.3,3.3c-4.5,0-8.6-1.2-12.2-3.3c0-9.1,4.9-16.9,12.3-21.2c3.6-2.1,7.8-3.3,12.2-3.3S33.6,21.3,37.2,23.4c7.3,4.2,12.2,12.1,12.3,21.2c-3.6,2.1-7.8,3.3-12.2,3.3c-4.5,0-8.6-1.2-12.3-3.3c-7.3-4.2-12.2-12.1-12.2-21.2c0-9.1,4.9-17,12.2-21.2C32.3,6.4,37.2,14.3,37.2,23.4z"}static get observedAttributes(){return["size","color","speed","stroke","stroke-length","bg-opacity"]}connectedCallback(){this.upgradeStoredProps(),this.applyDefaultProps({size:40,color:"black",stroke:4,"stroke-length":.15,speed:1.4,"bg-opacity":.1});const i=h(parseInt(this.size)/50,this.d);this.template.innerHTML=` 984 <svg 985 class="container" 986 x="0px" 987 y="0px"
988 viewBox="0 0 ${this.size} ${this.size}" 989 height="${this.size}" 990 width="${this.size}" 991 preserveAspectRatio='xMidYMid meet' 992 > 993 <path 994 class="track" 995 fill="none" 996 stroke-width="${this.stroke}" 997 pathlength="100" 998 d="${i}" 999 /> 1000 1001 <path 1002 class="car" 1003 fill="none" 1004 stroke-width="${this.stroke}" 1005 pathlength="100" 1006 d="${i}" 1007 /> 1008 </svg> 1009 <style> 1010 :host{ 1011 --uib-size: ${this.size}px; 1012 --uib-color: ${this.color}; 1013 --uib-speed: ${this.speed}s; 1014 --uib-dash: ${100*parseFloat(this["stroke-length"])}; 1015 --uib-gap: ${100-100*parseFloat(this["stroke-length"])}; 1016 --uib-bg-opacity: ${this["bg-opacity"]}; 1017 } 1018 ${Xe} 1019 </style> 1020 `,this.shadow.replaceChildren(this.template.content.cloneNode(!0))}attributeChangedCallback(){const i=this.shadow.querySelector("style"),r=this.shadow.querySelector("svg"),o=this.shadow.querySelectorAll("path");i&&(r.setAttribute("height",this.size),r.setAttribute("width",this.size),r.setAttribute("viewBox",`0 0 ${this.size} ${this.size}`),o.forEach(n=>{n.setAttribute("stroke-width",this.stroke),n.setAttribute("d",h(parseInt(this.size)/50,this.d))}),i.innerHTML=` 1021 :host{ 1022 --uib-size: ${this.size}px; 1023 --uib-color: ${this.color}; 1024 --uib-speed: ${this.speed}s; 1025 --uib-dash: ${100*parseFloat(this["stroke-length"])}; 1026 --uib-gap: ${100-100*parseFloat(this["stroke-length"])}; 1027 --uib-bg-opacity: ${this["bg-opacity"]}; 1028 } 1029 ${Xe} 1030 `)}};var Xt={register:(t="l-trefoil")=>{customElements.get(t)||customElements.define(t,class extends Ae{})},element:Ae},Ee=':host{align-items:center;display:inline-flex;flex-shrink:0;height:var(--uib-size);justify-content:center;width:var(--uib-size)}:host([hidden]){display:none}.container{--uib-dot-size:25%;animation:spin var(--uib-speed) infinite linear;display:inline-block;height:var(--uib-size);position:relative;width:var(--uib-size)}.dot{height:100%;left:calc(50% - var(--uib-dot-size)/2);width:var(--uib-dot-size)}.dot,.dot:after{position:absolute}.dot:after{background-color:var(--uib-color);border-radius:50%;content:"";height:0;left:0;padding-bottom:100%;top:0;transition:background-color .3s ease;width:100%}.dot:first-child{transform:rotate(120deg)}.dot:first-child:after{animation:wobble var(--uib-speed) infinite ease-in-out}.dot:nth-child(2){transform:rotate(-120deg)}.dot:nth-child(2):after,.dot:nth-child(3):after{animation:wobble var(--uib-speed) infinite ease-in-out}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes wobble{0%,to{transform:translateY(0)}50%{transform:translateY(65%)}}';let qe=class extends l{constructor(){super();e(this,"_attributes",["size","color","speed"]);e(this,"size");e(this,"color");e(this,"speed");this.storePropsToUpgrade(this._attributes),this.reflect(this._attributes)}static get observedAttributes(){return["size","color","speed"]}connectedCallback(){this.upgradeStoredProps(),this.applyDefaultProps({size:40,color:"black",speed:1.3}),this.template.innerHTML=` 1031 <div class="container"> 1032 <div class="dot"></div> 1033 <div class="dot"></div> 1034 <div class="dot"></div> 1035 </div> 1036 <style> 1037 :host{ 1038 --uib-size: ${this.size}px; 1039 --uib-color: ${this.color}; 1040 --uib-speed: ${this.speed}s; 1041 } 1042 ${Ee} 1043 </style> 1044 `,this.shadow.replaceChildren(this.template.content.cloneNode(!0))}attributeChangedCallback(){const i=this.shadow.querySelector("style");i&&(i.innerHTML=` 1045 :host{ 1046 --uib-size: ${this.size}px; 1047 --uib-color: ${this.color}; 1048 --uib-speed: ${this.speed}s; 1049 } 1050 ${Ee} 1051 `)}};var At={register:(t="l-trio")=>{customElements.get(t)||customElements.define(t,class extends qe{})},element:qe},Le=":host{align-items:center;display:inline-flex;flex-shrink:0;height:calc(var(--uib-size)*.9);justify-content:center;width:var(--uib-size)}:host([hidden]){display:none}.container{align-items:center;display:flex;height:calc(var(--uib-size)*.9);justify-content:space-between;width:var(--uib-size)}.bar{background-color:var(--uib-color);height:100%;transition:background-color .3s ease;width:var(--uib-stroke)}.bar:first-child{animation:grow var(--uib-speed) ease-in-out calc(var(--uib-speed)*-.45) infinite}.bar:nth-child(2){animation:grow var(--uib-speed) ease-in-out calc(var(--uib-speed)*-.3) infinite}.bar:nth-child(3){animation:grow var(--uib-speed) ease-in-out calc(var(--uib-speed)*-.15) infinite}.bar:nth-child(4){animation:grow var(--uib-speed) ease-in-out infinite}@keyframes grow{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}";let He=class extends l{constructor(){super();e(this,"_attributes",["size","color","speed","stroke"]);e(this,"size");e(this,"color");e(this,"speed");e(this,"stroke");this.storePropsToUpgrade(this._attributes),this.reflect(this._attributes)}static get observedAttributes(){return["size","color","speed","stroke"]}connectedCallback(){this.upgradeStoredProps(),this.applyDefaultProps({size:35,color:"black",speed:1,stroke:3.5}),this.template.innerHTML=` 1052 <div class="container"> 1053 <div class="bar"></div> 1054 <div class="bar"></div> 1055 <div class="bar"></div> 1056 <div class="bar"></div> 1057 </div> 1058 <style> 1059 :host{ 1060 --uib-size: ${this.size}px; 1061 --uib-color: ${this.color}; 1062 --uib-speed: ${this.speed}s; 1063 --uib-stroke: ${this.stroke}px; 1064 } 1065 ${Le} 1066 </style> 1067 `,this.shadow.replaceChildren(this.template.content.cloneNode(!0))}attributeChangedCallback(){const i=this.shadow.querySelector("style");
1067i&&(i.innerHTML=` 1068 :host{ 1069 --uib-size: ${this.size}px; 1070 --uib-color: ${this.color}; 1071 --uib-speed: ${this.speed}s; 1072 --uib-stroke: ${this.stroke}px; 1073 } 1074 ${Le} 1075 `)}};var Et={register:(t="l-waveform")=>{customElements.get(t)||customElements.define(t,class extends He{})},element:He},De=':host{align-items:center;display:inline-flex;flex-shrink:0;height:calc(var(--uib-size)*.25);justify-content:center;width:var(--uib-size)}:host([hidden]){display:none}.container{align-items:center;display:flex;height:100%;justify-content:flex-start;position:relative;width:100%}.container:before{animation:wobble var(--uib-speed) calc(var(--uib-speed)*-.1) ease-in-out infinite;background-color:var(--uib-color);border-radius:50%;content:"";height:calc(var(--uib-size)*.25);transform:translateY(calc(var(--uib-size)*-.4));transition:background-color .3s ease;width:25%}@keyframes wobble{0%,to{transform:translateX(0)}50%{transform:translateX(calc(var(--uib-size)*.75))}}';let Ue=class extends l{constructor(){super();e(this,"_attributes",["size","color","speed"]);e(this,"size");e(this,"color");e(this,"speed");this.storePropsToUpgrade(this._attributes),this.reflect(this._attributes)}static get observedAttributes(){return["size","color","speed"]}connectedCallback(){this.upgradeStoredProps(),this.applyDefaultProps({size:45,color:"black",speed:.9}),this.template.innerHTML=` 1076 <div class="container"></div> 1077 <style> 1078 :host{ 1079 --uib-size: ${this.size}px; 1080 --uib-color: ${this.color}; 1081 --uib-speed: ${this.speed}s; 1082 } 1083 ${De} 1084 </style> 1085 `,this.shadow.replaceChildren(this.template.content.cloneNode(!0))}attributeChangedCallback(){const i=this.shadow.querySelector("style");i&&(i.innerHTML=` 1086 :host{ 1087 --uib-size: ${this.size}px; 1088 --uib-color: ${this.color}; 1089 --uib-speed: ${this.speed}s; 1090 } 1091 ${De} 1092 `)}};var qt={register:(t="l-wobble")=>{customElements.get(t)||customElements.define(t,class extends Ue{})},element:Ue},Ye=':host{align-items:center;display:inline-flex;flex-shrink:0;height:var(--uib-stroke);justify-content:center;width:var(--uib-size)}:host([hidden]){display:none}.container{align-items:center;border-radius:calc(var(--uib-stroke)/2);display:flex;height:var(--uib-stroke);justify-content:center;overflow:hidden;position:relative;transform:translateZ(0);width:var(--uib-size)}.container:before{left:0;opacity:var(--uib-bg-opacity);position:absolute;top:0}.container:after,.container:before{background-color:var(--uib-color);content:"";height:100%;transition:background-color .3s ease;width:100%}.container:after{animation:zoom var(--uib-speed) ease-in-out infinite;border-radius:calc(var(--uib-stroke)/2);transform:translateX(-100%)}@keyframes zoom{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}';class Ie extends l{constructor(){super();e(this,"_attributes",["size","color","speed","stroke","bg-opacity"]);e(this,"size");e(this,"color");e(this,"speed");e(this,"stroke");e(this,"bg-opacity");this.storePropsToUpgrade(this._attributes),this.reflect(this._attributes)}static get observedAttributes(){return["size","color","speed","stroke","bg-opacity"]}connectedCallback(){this.upgradeStoredProps(),this.applyDefaultProps({size:80,color:"black",speed:1.4,stroke:5,"bg-opacity":.1}),this.template.innerHTML=` 1093 <div class="container"></div> 1094 <style> 1095 :host{ 1096 --uib-size: ${this.size}px; 1097 --uib-color: ${this.color}; 1098 --uib-speed: ${this.speed}s; 1099 --uib-stroke: ${this.stroke}px; 1100 --uib-bg-opacity: ${this["bg-opacity"]}; 1101 } 1102 ${Ye} 1103 </style> 1104 `,this.shadow.replaceChildren(this.template.content.cloneNode(!0))}attributeChangedCallback(){const i=this.shadow.querySelector("style");i&&(i.innerHTML=` 1105 :host{ 1106 --uib-size: ${this.size}px; 1107 --uib-color: ${this.color}; 1108 --uib-speed: ${this.speed}s; 1109 --uib-stroke: ${this.stroke}px; 1110 --uib-bg-opacity: ${this["bg-opacity"]}; 1111 } 1112 ${Ye} 1113 `)}}var Lt={register:(t="l-zoomies")=>{customElements.get(t)||customElements.define(t,class extends Ie{})},element:Ie};const Ht=Object.freeze(Object.defineProperty({__proto__:null,bouncy:Ke,bouncyArc:Ve,cardio:et,chaoticOrbit:tt,dotPulse:it,dotSpinner:st,dotStream:at,dotWave:rt,grid:nt,hatch:Ge,helix:ot,hourglass:lt,infinity:ct,jelly:dt,jellyTriangle:We,leapfrog:Ze,lineSpinner:ht,lineWobble:ut,metronome:bt,mirage:pt,miyagi:mt,momentum:ft,newtonsCradle:vt,orbit:gt,ping:yt,pinwheel:zt,pulsar:kt,quantum:Qe,reuleaux:xt,ring:$t,ring2:wt,ripples:jt,spiral:Ct,square:St,squircle:_t,superballs:Tt,tailChase:Pt,tailspin:Mt,treadmill:Nt,trefoil:Xt,trio:At,waveform:Et,wobble:qt,zoomies:Lt},Symbol.toStringTag,{value:"Module"}));Object.values(Ht).forEach(t=>{const a=t;if(typeof(a==null?void 0:a.register)=="function")try{a.register()}catch{}});const Dt="hsl(42, 100%, 67%)",Ut=[{name:"Ring",tag:"l-ring"},{name:"Ring 2",tag:"l-ring-2"},{name:"Tailspin",tag:"l-tailspin"},{name:"Line Spinner",tag:"l-line-spinner"},{name:"Squircle",tag:"l-squircle"},{name:"Square",tag:"l-square"},{name:"Reuleaux",tag:"l-reuleaux"},{name:"Tail Chase",tag:"l-tail-chase"},{name:"Dot Spinner",tag:"l-dot-spinner"},{name:"Spiral",tag:"l-spiral"},{name:"Bouncy",tag:"l-bouncy"},{name:"Treadmill",tag:"l-treadmill"},{name:"Bouncy Arc",tag:"l-bouncy-arc"},{name:"Waveform",tag:"l-waveform"},{name:"Hatch",tag:"l-hatch"},{name:"Hourglass",tag:"l-hourglass"},{name:"Zoomies",tag:"l-zoomies"},{name:"Line Wobble",tag:"l-line-wobble"},{name:"Infinity",tag:"l-infinity"},{name:"Trefoil",tag:"l-trefoil"},{name:"Cardio",tag:"l-cardio"},{name:"Helix",tag:"l-helix"},{name:"Grid",tag:"l-grid"},{name:"Quantum",tag:"l-quantum"},{name:"Wobble",tag:"l-wobble"},{name:"Orbit",tag:"l-orbit"},{name:"Chaotic Orbit",tag:"l-chaotic-orbit"},{name:"Superballs",tag:"l-superballs"},{name:"Trio",tag:"l-trio"},{name:"Momentum",tag:"l-momentum"},{name:"Dot Wave",tag:"l-dot-wave"},{name:"Leapfrog",tag:"l-leapfrog"},{name:"Newton's Cradle",tag:"l-newtons-cradle"},{name:"Dot Stream",tag:"l-dot-stream"},{name:"Dot Pulse",tag:"l-dot-pulse"},{name:"Metronome",tag:"l-metronome"},{name:"Jelly",tag:"l-jelly"},{name:"Jelly Triangle",tag:"l-jelly-triangle"},{name:"Mirage",tag:"l-mirage"},{name:"Ping",tag:"l-ping"},{name:"Pulsar",tag:"l-pulsar"},{name:"Ripples",tag:"l-ripples"},{name:"Miyagi",tag:"l-miyagi"}];function Yt({name:t,tag:a}){return s.jsxs("div",{className:"flex flex-col items-center gap-2 rounded border border-border/40 p-4",children:[s.jsx("div",{className:"flex h-16 items-center justify-center",children:Fe.createElement(a,{size:"44",color:Dt})}),s.jsx("div",{className:"text-[11px] text-muted-foreground",children:t})]})}function It(){return s.jsxs("div",{className:"relative h-11 w-11",children:[s.jsx("span",{className:"absolute inset-[3px] rounded-full bg-[radial-gradient(circle_at_42%_38%,hsl(var(--primary)),hsl(var(--primary)/0.55))]"}),s.jsx("span",{className:"absolute inset-0",style:{animation:"o-orbit 3.2s linear infinite"},children:s.jsx("span",{className:"absolute left-1/2 top-1/2 h-8 w-8 rounded-full bg-background",style:{transform:"translate(calc(-50% + 9px), -50%)"}})})]})}function Ft(){return s.jsxs("div",{className:"relative h-4 w-14",children:[s.jsx("span",{className:"absolute left-0 top-1/2 h-2.5 w-2.5 -translate-y-1/2 roun
1113ded-full bg-primary",style:{animation:"o-standoff-l 1.6s ease-in-out infinite"}}),s.jsx("span",{className:"absolute right-0 top-1/2 h-2.5 w-2.5 -translate-y-1/2 rounded-full bg-secondary",style:{animation:"o-standoff-r 1.6s ease-in-out infinite"}}),s.jsx("span",{className:"absolute left-1/2 top-1/2 h-4 w-4 -translate-x-1/2 -translate-y-1/2 rounded-full bg-[radial-gradient(circle,hsl(var(--primary)/0.9),transparent_70%)]",style:{animation:"o-standoff-flash 1.6s ease-out infinite"}})]})}function Bt(){return s.jsx("div",{className:"relative h-11 w-11",children:[0,1,2,3,4,5].map(t=>s.jsx("span",{className:"absolute inset-0",style:{transform:`rotate(${t*60}deg)`},children:s.jsx("span",{className:"absolute left-1/2 top-0 h-1.5 w-1.5 -translate-x-1/2 rounded-full bg-primary",style:{animation:`o-hexflow 1.8s ease-in-out ${-t*1.8/6}s infinite`}})},t))})}function Rt(){return s.jsxs("div",{className:"relative h-10 w-14",children:[s.jsx("span",{className:"absolute bottom-0 left-0 right-0 border-b border-primary/25"}),s.jsx("span",{className:"absolute left-0 top-0",style:{animation:"o-dribble-x 2.6s ease-in-out infinite alternate"},children:s.jsx("span",{className:"block h-2.5 w-2.5 rounded-full bg-primary",style:{animation:"o-dribble-y 0.65s cubic-bezier(0.45, 0, 0.6, 1) infinite"}})})]})}function Ot(){return s.jsxs("div",{className:"relative h-11 w-11",children:[[0,1,2].map(t=>s.jsx("span",{className:"absolute inset-0 rounded-full border border-primary opacity-0",style:{animation:`o-collapse 2.1s ease-in ${-t*.7}s infinite`}},t)),s.jsx("span",{className:"absolute left-1/2 top-1/2 h-2 w-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary",style:{animation:"o-core 2.1s ease-in-out infinite"}})]})}const Gt=[{name:"Eclipse",desc:"a dark moon orbits the gold sun",node:s.jsx(It,{})},{name:"Standoff",desc:"gold vs cyan clash and rebound",node:s.jsx(Ft,{})},{name:"Hexflow",desc:"six dots breathe in a rotating wave",node:s.jsx(Bt,{})},{name:"Dribble",desc:"ball dribbles down the floor and back",node:s.jsx(Rt,{})},{name:"Event Horizon",desc:"rings fall forever into the core",node:s.jsx(Ot,{})}];function p({label:t,desc:a,children:i}){return s.jsxs("div",{className:"flex flex-col items-center gap-3",children:[s.jsx("div",{className:"relative h-[184px] w-[184px]",children:i}),s.jsxs("div",{className:"text-center",children:[s.jsx("div",{className:"text-sm font-semibold text-foreground",children:t}),s.jsx("div",{className:"max-w-[220px] text-xs text-muted-foreground",children:a})]})]})}function Wt(){return s.jsxs(s.Fragment,{children:[s.jsx("div",{"aria-hidden":"true",className:"absolute inset-0 rounded-full border border-primary/10"}),s.jsx("span",{className:"absolute left-1/2 top-1/2 h-16 w-[5px] rounded-[2px] bg-gradient-to-t from-primary/0 via-primary to-primary/0",style:{animation:"dq-blade-l 2.6s ease-in-out infinite"}}),s.jsx("span",{className:"absolute left-1/2 top-1/2 h-16 w-[5px] rounded-[2px] bg-gradient-to-t from-secondary/0 via-secondary to-secondary/0",style:{animation:"dq-blade-r 2.6s ease-in-out infinite"}}),s.jsx("span",{className:"absolute left-1/2 top-1/2 h-20 w-20 rounded-full bg-[radial-gradient(circle,hsl(var(--primary)/0.9),transparent_65%)]",style:{animation:"dq-clash-flash 2.6s ease-out infinite"}}),s.jsx("span",{className:"absolute left-1/2 top-1/2 h-36 w-36 rounded-full border border-primary/70",style:{animation:"dq-clash-ring 2.6s ease-out infinite"}})]})}function Zt(){const t=a=>a.map((i,r)=>s.jsx("span",{className:`absolute rounded-full ${i.cyan?"bg-secondary":"bg-primary"}`,style:{top:i.top,left:i.left,width:i.size,height:i.size,boxShadow:`0 0 ${i.size*2}px ${i.cyan?"hsl(var(--secondary)/0.7)":"hsl(var(--primary)/0.7)"}`,animation:`dq-twinkle 2.8s ease-in-out ${i.delay}s infinite`}},r));return s.jsxs(s.Fragment,{children:[s.jsx("div",{className:"absolute inset-0",style:{animation:"dq-rot 10s linear infinite"},children:t([{top:"2%",left:"49%",size:6,delay:0},{top:"72%",left:"6%",size:4,cyan:!0,delay:.9},{top:"28%",left:"92%",size:5,delay:1.7}])}),s.jsx("div",{className:"absolute inset-[14%]",style:{animation:"dq-rot-rev 16s linear infinite"},children:t([{top:"4%",left:"48%",size:5,cyan:!0,delay:.4},{top:"80%",left:"78%",size:4,delay:1.3}])}),s.jsx("div",{className:"absolute inset-[28%]",style:{animation:"dq-rot 24s linear infinite"},children:t([{top:"0%",left:"46%",size:4,delay:2.1},{top:"84%",left:"16%",size:3,cyan:!0,delay:.6}])}),s.jsxs("div",{className:"absolute left-1/2 top-1/2 flex h-14 w-14 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full border border-primary/50 bg-card",children:[s.jsx("span",{className:"absolute -inset-3 rounded-full bg-[radial-gradient(circle,hsl(var(--primary)/0.45),transparent_70%)]",style:{animation:"dq-breathe-glow 4s ease-in-out infinite"}}),s.jsx(m,{className:"relative h-6 w-6 text-primary"})]})]})}function Qt(){const r=[-90,-30,30,90,150,210].map((o,n)=>{const c=o*Math.PI/180;return{left:92+62*Math.cos(c)-15,top:92+62*Math.sin(c)-15,delay:n*.45}});return s.jsxs(s.Fragment,{children:[r.map((o,n)=>s.jsx("span",{className:"absolute rounded-full border-2 border-primary",style:{left:o.left,top:o.top,width:30,height:30,opacity:.22,animation:`dq-ring-ignite 2.7s ease-in-out ${o.delay}s infinite`}},n)),s.jsx("div",{className:"absolute left-1/2 top-1/2 flex h-12 w-12 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full border border-primary/40 bg-card",children:s.jsx(m,{className:"h-5 w-5 text-primary"})})]})}function Jt(){return s.jsxs(s.Fragment,{children:[s.jsx("span",{className:"absolute left-1/2 top-1/2 h-28 w-28 bg-secondary/15",style:{animation:"dq-blob-b 9s ease-in-out infinite"}}),s.jsx("span",{className:"absolute left-1/2 top-1/2 h-24 w-24 bg-[radial-gradient(circle_at_38%_32%,hsl(var(--primary)/0.95),hsl(var(--primary)/0.45)_60%,hsl(var(--primary)/0.2))]",style:{animation:"dq-blob-a 7s ease-in-out infinite"}}),s.jsx("div",{className:"absolute left-1/2 top-1/2 flex h-12 w-12 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full bg-card/90",children:s.jsx(m,{className:"h-5 w-5 text-primary"})})]})}function Kt(){const t="M0 32 L46 32 L54 32 L60 12 L68 52 L74 32 L150 32";return s.jsxs(s.Fragment,{children:[s.jsx("div",{"aria-hidden":"true",className:"absolute inset-0 rounded-full border border-primary/10"}),s.jsx("span",{className:"absolute left-1/2 top-1/2 h-32 w-32 rounded-full border border-primary/60",style:{animation:"dq-beat-echo 2.4s ease-out 1s infinite"}}),s.jsxs("svg",{viewBox:"0 0 150 64",className:"absolute left-1/2 top-1/2 h-16 w-[150px] -translate-x-1/2 -translate-y-1/2",children:[s.jsx("path",{d:t,fill:"none",stroke:"hsl(var(--primary)/0.15)",strokeWidth:"2.5",strokeLinejoin:"round"}),s.jsx("path",{d:t,fill:"none",stroke:"hsl(var(--primary))",strokeWidth:"2.5",strokeLinejoin:"round",strokeLinecap:"round",pathLength:100,strokeDasharray:"16 84",style:{animation:"dq-ecg 2.4s linear infinite"}}),s.jsx("circle",{cx:"60",cy:"12",r:"3",fill:"hsl(var(--secondary))",style:{animation:"dq-blip 2.4s ease-out 1s infinite"}})]})]})}function Bi(){const[t,a]=Fe.useState(0);return s.jsxs("div",{className:"min-h-screen bg-background px-6 py-8 text-foreground",children:[s.jsx("style",{children:` 1114 @keyframes dq-blade-l { 1115 0%, 100% { transform: translate(calc(-50% - 64px), calc(-50% + 64px)) rotate(45deg); opacity: 0; } 1116 8% { opacity: 1; } 1117 36%, 58% { transform: translate(-50%, -50%) rotate(45deg); opacity: 1; } 1118 74% { transform: translate(-50%, -50%) rotate(45deg); opacity: 0; } 1119 } 1120 @keyframes dq-blade-r { 1121 0%, 100% { transform: translate(calc(-50% + 64px), calc(-50% + 64px)) rotate(-45deg); opacity: 0; } 1122 8% { opacity: 1; } 1123 36%, 58% { transform: translate(-50%, -50%) rotate(-45deg); opacity: 1; } 1124 74% { transform: translate(-50%, -50%) rotate(-45deg); opacity: 0; } 1125 } 1126 @keyframes dq-clash-flash { 1127 0%, 34% { transform: translate(-50%, -50%) scale(0.3); opacity: 0; } 1128 40% { transform: translate(-50%, -50%) scale(1); opacity: 0.9; } 1129 58%, 100% { transform: translate(-50%, -50%) scale(1.25); opacity: 0; } 1130 } 1131 @keyframes dq-clash-ring { 1132 0%, 38% { transform: translate(-50%, -50%) scale(0.2); opacity: 0; } 1133 44% { opacity: 0.7; } 1134 86%, 100% { transform: translate(-50%, -50%) scale(1.1); opacity: 0; } 1135 } 1136 @keyframes dq-rot { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } 1137 @keyframes dq-rot-rev { from { transform: rotate(360deg); } to { transform: rotate(0deg); } } 1138 @keyframes dq-twinkle { 0%, 100% { opacity: 0.35; } 50% { opacity: 1; } } 1139 @keyframes dq-breathe-glow { 0%, 100% { opacity: 0.25; transform: scale(0.85); } 50% { opacity: 0.6; transform: scale(1.1); } } 1140 @keyframes dq-ring-ignite { 1141 0%, 100% { opacity: 0.22; transform: scale(1); } 1142 12% { opacity: 1; transform: scale(1.28); } 1143 38% { opacity: 0.22; transform: scale(1); } 1144 } 1145 @keyframes dq-blob-a {
1146 0%, 100% { border-radius: 58% 42% 45% 55% / 60% 48% 52% 40%; transform: translate(-50%, -50%) rotate(0deg) scale(1); } 1147 33% { border-radius: 44% 56% 60% 40% / 48% 60% 40% 52%; transform: translate(-50%, -50%) rotate(10deg) scale(1.06); } 1148 66% { border-radius: 52% 48% 38% 62% / 42% 50% 50% 58%; transform: translate(-50%, -50%) rotate(-8deg) scale(0.97); } 1149 } 1150 @keyframes dq-blob-b { 1151 0%, 100% { border-radius: 46% 54% 58% 42% / 44% 58% 42% 56%; transform: translate(calc(-50% - 9px), calc(-50% + 7px)) rotate(0deg) scale(1.04); } 1152 50% { border-radius: 60% 40% 44% 56% / 56% 42% 58% 44%; transform: translate(calc(-50% + 8px), calc(-50% - 6px)) rotate(-14deg) scale(0.94); } 1153 } 1154 @keyframes dq-ecg { from { stroke-dashoffset: 100; } to { stroke-dashoffset: 0; } } 1155 @keyframes dq-blip { 0%, 38% { opacity: 0; } 44% { opacity: 1; } 62%, 100% { opacity: 0; } } 1156 @keyframes dq-beat-echo { 1157 0%, 40% { transform: translate(-50%, -50%) scale(0.35); opacity: 0; } 1158 46% { opacity: 0.5; } 1159 92%, 100% { transform: translate(-50%, -50%) scale(1.15); opacity: 0; } 1160 } 1161 @keyframes o-orbit { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } 1162 @keyframes o-standoff-l { 1163 0%, 100% { transform: translate(0, -50%); } 1164 42%, 52% { transform: translate(18px, -50%); } 1165 } 1166 @keyframes o-standoff-r { 1167 0%, 100% { transform: translate(0, -50%); } 1168 42%, 52% { transform: translate(-18px, -50%); } 1169 } 1170 @keyframes o-standoff-flash { 1171 0%, 40% { opacity: 0; transform: translate(-50%, -50%) scale(0.3); } 1172 47% { opacity: 1; transform: translate(-50%, -50%) scale(1); } 1173 64%, 100% { opacity: 0; transform: translate(-50%, -50%) scale(1.2); } 1174 } 1175 @keyframes o-hexflow { 1176 0%, 100% { transform: translate(-50%, 0); opacity: 1; } 1177 50% { transform: translate(-50%, 14px); opacity: 0.4; } 1178 } 1179 @keyframes o-dribble-x { from { transform: translateX(2px); } to { transform: translateX(42px); } } 1180 @keyframes o-dribble-y { 1181 0%, 100% { transform: translateY(2px) scale(1, 1); } 1182 48% { transform: translateY(26px) scale(1, 1); } 1183 54% { transform: translateY(28px) scale(1.25, 0.7); } 1184 60% { transform: translateY(26px) scale(1, 1); } 1185 } 1186 @keyframes o-collapse { 1187 0% { transform: scale(1); opacity: 0; } 1188 12% { opacity: 0.55; } 1189 100% { transform: scale(0.08); opacity: 0; } 1190 } 1191 @keyframes o-core { 0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.7; } 50% { transform: translate(-50%, -50%) scale(1.5); opacity: 1; } } 1192 `}),s.jsx("h1",{className:"mb-1 text-xl font-bold",children:"QueueRadar harness â approved random rotation"}),s.jsx("p",{className:"mb-8 text-sm text-muted-foreground",children:"TEMP page, remove after sign-off"}),s.jsxs("section",{className:"mb-12",children:[s.jsx("h2",{className:"mb-4 text-sm font-semibold uppercase tracking-wider text-primary",children:"Current (random seven rotation)"}),s.jsxs("div",{className:"flex flex-wrap items-start gap-12",children:[s.jsxs("div",{className:"flex flex-col items-center gap-3",children:[s.jsx(f,{band:t}),s.jsxs("div",{className:"text-xs text-muted-foreground",children:["1v1 (Swords) · band ",t]}),s.jsx("button",{type:"button",onClick:()=>a(i=>i+1),className:"rounded border border-border px-3 py-1 text-xs hover:bg-accent",children:"Widen band (cyan flash)"})]}),s.jsxs("div",{className:"flex flex-col items-center gap-3",children:[s.jsx(f,{icon:s.jsx(Oe,{className:"h-7 w-7 text-primary"}),showBandPulse:!1}),s.jsx("div",{className:"text-xs text-muted-foreground",children:"FFA (custom icon)"})]})]})]}),s.jsxs("section",{children:[s.jsx("h2",{className:"mb-6 text-sm font-semibold uppercase tracking-wider text-secondary",children:"Candidates"}),s.jsxs("div",{className:"grid grid-cols-1 gap-12 sm:grid-cols-2 lg:grid-cols-3",children:[s.jsx(p,{label:"1 · Blade Clash",desc:"Gold and cyan blades sweep in and collide â a shockwave rings out on impact.",children:s.jsx(Wt,{})}),s.jsx(p,{label:"2 · Constellation",desc:"Star dots drift around the emblem on three counter-rotating orbits, twinkling.",children:s.jsx(Zt,{})}),s.jsx(p,{label:"3 · Six Rings Chase",desc:"Six championship rings ignite one after another, circling forever.",children:s.jsx(Qt,{})}),s.jsx(p,{label:"4 · Molten Core",desc:"A blob of liquid gold morphs and breathes over a cool cyan undercurrent.",children:s.jsx(Jt,{})}),s.jsx(p,{label:"5 · Pulse Monitor",desc:"An ECG trace sweeps the line â every heartbeat blips cyan and echoes outward.",children:s.jsx(Kt,{})}),s.jsx(p,{label:"6 · Parametric Flow",desc:"The supplied particle field folds and unfurls into a continuously shifting knot.",children:s.jsx(Je,{})})]})]}),s.jsxs("section",{className:"mt-14",children:[s.jsx("h2",{className:"mb-2 text-sm font-semibold uppercase tracking-wider text-secondary",children:"Originals (ldrs-inspired)"}),s.jsx("p",{className:"mb-6 max-w-2xl text-xs text-muted-foreground",children:"Hand-rolled in the same idiom as ldrs â tiny DOM, transform/opacity keyframes, negative delays for phase offsets â but themed for SixRings."}),s.jsx("div",{className:"grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-5",children:Gt.map(i=>s.jsxs("div",{className:"flex flex-col items-center gap-2 rounded border border-secondary/25 p-4",children:[s.jsx("div",{className:"flex h-16 items-center justify-center",children:i.node}),s.jsx("div",{className:"text-[11px] font-medium text-foreground",children:i.name}),s.jsx("div",{className:"text-center text-[10px] text-muted-foreground",children:i.desc})]},i.name))})]}),s.jsxs("section",{className:"mt-14",children:[s.jsx("h2",{className:"mb-2 text-sm font-semibold uppercase tracking-wider text-primary",children:"ldrs library (full catalog)"}),s.jsx("p",{className:"mb-6 max-w-2xl text-xs text-muted-foreground",children:"Every loader from the ldrs package, themed gold. Each accepts size / color / speed attributes (many also stroke / bg-opacity), and any of them can be forked into a custom component for deeper changes."}),s.jsx("div",{className:"grid grid-cols-2 gap-3 sm:grid-cols-4 lg:grid-cols-6",children:Ut.map(i=>s.jsx(Yt,{name:i.name,tag:i.tag},i.tag))})]})]})}export{Bi as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.