ranui/dist/text-SIeN3Zk6.js

A framework-agnostic Web Components UI library built on native custom elements, with TypeScript types, light/dark theming, SSR and PWA support.

import { i as a, m as i } from "./factory-WDxu11V0.js";
import "./builder-EH76YCFS.js";
var e = '.ran-loading .text{text-align:var(--loading-text-text-align, center);text-transform:var(--loading-text-text-transform, uppercase);font-family:var(--loading-text-font-family, "Nunito", sans-serif);font-size:var(--loading-text-font-size, 4em);color:var(--loading-text-color, transparent);letter-spacing:var(--loading-text-letter-spacing, .4em)}@keyframes letters{to{text-shadow:var(--loading-text-keyframes-to-text-shadow, 0 0 2px rgba(204, 208, 212, .2), 0 0 3px rgba(0, 0, 0, .02), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(255, 255, 255, 0), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(255, 255, 255, 0), 0 0 0 rgba(255, 255, 255, 0))}}.ran-loading .text-item{text-shadow:var(--loading-text-item-text-shadow, 0 0 2px rgba(22, 22, 22, .9), 0 15px 25px rgba(0, 0, 0, .3), 0 -2px 3px rgba(0, 0, 0, .1), 0 -5px 10px rgba(22, 22, 22, .5), 0 5px 10px rgba(0, 0, 0, .3), 0 3px 4px rgba(22, 22, 22, .2), 0 0 20px rgba(22, 22, 22, .45));animation:var(--loading-text-item-animation, letters .85s ease-in-out infinite alternate);animation-play-state:var(--loading-text-item-animation-play-state, running);animation-delay:var(--loading-text-item-animation-delay, 0)}.ran-loading .text-item:nth-child(2){animation-delay:var(--loading-text-item-nth-child-2-animation-delay, .15s)}.ran-loading .text-item:nth-child(3){animation-delay:var(--loading-text-item-nth-child-3-animation-delay, .3s)}.ran-loading .text-item:nth-child(4){animation-delay:var(--loading-text-item-nth-child-4-animation-delay, .45s)}.ran-loading .text-item:nth-child(5){animation-delay:var(--loading-text-item-nth-child-5-animation-delay, .6s)}.ran-loading .text-item:nth-child(6){animation-delay:var(--loading-text-item-nth-child-6-animation-delay, .75s)}.ran-loading .text-item:nth-child(7){animation-delay:var(--loading-text-item-nth-child-7-animation-delay, .9s)}', n = () => a().class("text").part("text").children(...[
  "L",
  "o",
  "a",
  "d",
  "i",
  "n",
  "g"
].map((t) => i().class("text-item").text(t))).build(), o = {
  css: e,
  render: n
};
export {
  o as default
};