wj-elements 0.7.6 → 0.8.0

package/dist/router-links-CNsJ-elb.js

@@ -0,0 +1,105 @@
+const t = /* @__PURE__ */ Symbol("routerLinksData"), e = /* @__PURE__ */ new Set();
+let r;
+const n = (t2) => {
+  if (-1 === t2.indexOf("-")) return t2;
+  const e2 = t2.split("-");
+  let r2 = "";
+  for (let t3 = 0; t3 < e2.length; t3++) {
+    const n2 = e2[t3];
+    r2 += t3 ? n2.charAt(0).toUpperCase() + n2.slice(1) : n2;
+  }
+  return r2;
+};
+function o(t2, e2) {
+  t2.forEach(function(t3) {
+    if ("attributes" === t3.type) {
+      const r2 = t3.attributeName;
+      0 !== r2.indexOf("param-") && 0 !== r2.indexOf("query-") || u(t3.target, e2.rootEl);
+    } else t3.addedNodes.forEach((t4) => {
+      1 === t4.nodeType && (t4.getAttribute("route") && u(t4, e2.rootEl), l(e2.rootEl));
+    });
+  });
+}
+const c = { childList: true, subtree: true, attributes: true };
+function a(t2, e2, r2) {
+  const o2 = t2.attributes;
+  for (let t3 = 0; t3 < o2.length; t3++) {
+    const c2 = o2[t3];
+    if (0 === c2.name.indexOf(e2)) {
+      r2[n(c2.name.slice(e2.length))] = c2.value;
+    }
+  }
+  return r2;
+}
+function i(e2, r2, n2, o2, c2) {
+  const i2 = (function(t2, e3, r3, n3, o3) {
+    let c3 = o3[r3];
+    return "function" == typeof c3 && (c3 = c3.call(t2, e3, n3)), c3 || {};
+  })(e2, r2, o2, n2, e2[t].options);
+  return a(e2, c2, i2), a(n2, c2, i2);
+}
+function s(t2, e2, n2, o2) {
+  const c2 = t2.hasAttribute("active-class") ? t2.getAttribute("active-class") : "active";
+  if (c2) {
+    const a2 = r.isActive(e2, n2, o2, t2.hasAttribute("exact"));
+    t2.classList.toggle(c2, a2);
+  }
+}
+function u(t2, e2) {
+  const n2 = t2.getAttribute("route");
+  if (!n2) return;
+  const o2 = i(e2, n2, t2, "params", "param-"), c2 = i(e2, n2, t2, "query", "query-");
+  try {
+    const e3 = r.generate(n2, o2, c2), a2 = "A" === t2.tagName ? t2 : t2.querySelector("a");
+    a2 && a2.setAttribute("href", e3), r.state.activeTransition || s(t2, n2, o2, c2);
+  } catch (t3) {
+    console.warn(`Error generating link for "${n2}": ${t3}`);
+  }
+}
+function l(t2) {
+  t2.querySelectorAll("[route]").forEach((e2) => {
+    u(e2, t2);
+  });
+}
+function f(t2) {
+  if ("click" === t2.type && (0 !== t2.button || ((e2 = t2).metaKey || e2.altKey || e2.ctrlKey || e2.shiftKey))) return;
+  var e2;
+  t2.preventDefault();
+  const n2 = t2.selectorTarget, o2 = n2.getAttribute("route");
+  if (!o2) return;
+  const c2 = i(this, o2, n2, "params", "param-"), a2 = i(this, o2, n2, "query", "query-"), s2 = n2.hasAttribute("replace") ? "replaceWith" : "transitionTo";
+  r[s2](o2, c2, a2);
+}
+function h(r2, n2 = {}) {
+  const a2 = new MutationObserver(o);
+  a2.rootEl = r2, r2[t] = { options: n2, observer: a2 };
+  const i2 = (function(t2, e2, r3, n3, o2) {
+    const c2 = function(e3) {
+      let c3 = e3.target;
+      for (; c3 && c3 !== t2; c3 = c3.parentNode) c3.matches && c3.matches(r3) && (e3.selectorTarget = c3, n3.call(o2, e3));
+    };
+    return c2.eventName = e2, t2.addEventListener(e2, c2, false), c2;
+  })(r2, n2.event || "click", "[route]", f, r2);
+  return l(r2), a2.observe(r2, c), e.add(r2), function() {
+    e.delete(r2), (function(t2, e2) {
+      const r3 = e2.eventName;
+      t2.removeEventListener(r3, e2, false);
+    })(r2, i2);
+  };
+}
+const p = { create: function(t2) {
+  r = t2;
+}, done: function() {
+  e.forEach((t2) => {
+    t2.querySelectorAll("[route]").forEach((e2) => {
+      const r2 = e2.getAttribute("route");
+      if (!r2) return;
+      s(e2, r2, i(t2, r2, e2, "params", "param-"), i(t2, r2, e2, "query", "query-"));
+    });
+  });
+} };
+export {
+  h as b,
+  p as r
+};
+//# sourceMappingURL=router-links-CNsJ-elb.js.map

package/dist/{router-links-wjqCnncc.js.map → router-links-CNsJ-elb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"router-links-wjqCnncc.js","sources":["../node_modules/slick-router/lib/middlewares/router-links.js"],"sourcesContent":["const routerLinksData = Symbol('routerLinksData')\nconst linkContainers = new Set()\nlet router\n\n/**\n * @callback RoutePropCallback\n * @param {string} routeName\n * @param {HTMLElement} routeEl\n * @return {Record<string, any>}\n *\n * @typedef RouterLinksOptions\n * @property {Record<string, any> | RoutePropCallback} [params]\n * @property {Record<string, any> | RoutePropCallback} [query]\n * @property {string} [event='click']\n */\n\n// Make a event delegation handler for the given `eventName` and `selector`\n// and attach it to `el`.\n// If selector is empty, the listener will be bound to `el`. If not, a\n// new handler that will recursively traverse up the event target's DOM\n// hierarchy looking for a node that matches the selector. If one is found,\n// the event's `delegateTarget` property is set to it and the return the\n// result of calling bound `listener` with the parameters given to the\n// handler.\n\n/**\n * @param {HTMLElement} el\n * @param {string} eventName\n * @param {string} selector\n * @param {Function} listener\n * @param {*} context\n * @return {Function}\n */\nconst delegate = function (el, eventName, selector, listener, context) {\n  const handler = function (e) {\n    let node = e.target\n    for (; node && node !== el; node = node.parentNode) {\n      if (node.matches && node.matches(selector)) {\n        e.selectorTarget = node\n        listener.call(context, e)\n      }\n    }\n  }\n\n  handler.eventName = eventName\n  el.addEventListener(eventName, handler, false)\n  return handler\n}\n\nfunction isModifiedEvent(event) {\n  return !!(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey)\n}\n\nconst undelegate = function (el, handler) {\n  const eventName = handler.eventName\n  el.removeEventListener(eventName, handler, false)\n}\n\nconst camelize = (str) => {\n  if (str.indexOf('-') === -1) return str\n  const words = str.split('-')\n  let result = ''\n  for (let i = 0; i < words.length; i++) {\n    const word = words[i]\n    result += i ? word.charAt(0).toUpperCase() + word.slice(1) : word\n  }\n  return result\n}\n\nfunction mutationHandler(mutations, observer) {\n  mutations.forEach(function (mutation) {\n    if (mutation.type === 'attributes') {\n      const attr = mutation.attributeName\n      if (attr.indexOf('param-') === 0 || attr.indexOf('query-') === 0) {\n        updateLink(mutation.target, observer.rootEl)\n      }\n    } else {\n      mutation.addedNodes.forEach((node) => {\n        if (node.nodeType === 1) {\n          if (node.getAttribute('route')) updateLink(node, observer.rootEl)\n          createLinks(observer.rootEl, node)\n        }\n      })\n    }\n  })\n}\n\nconst elementsObserverConfig = { childList: true, subtree: true, attributes: true }\n\nfunction getAttributeValues(el, prefix, result) {\n  const attributes = el.attributes\n\n  for (let i = 0; i < attributes.length; i++) {\n    const attr = attributes[i]\n    if (attr.name.indexOf(prefix) === 0) {\n      const paramName = camelize(attr.name.slice(prefix.length))\n      result[paramName] = attr.value\n    }\n  }\n  return result\n}\n\nfunction getDefaults(rootEl, routeName, propName, routeEl, options) {\n  let result = options[propName]\n  if (typeof result === 'function') result = result.call(rootEl, routeName, routeEl)\n  return result || {}\n}\n\nfunction getRouteProp(rootEl, routeName, routeEl, propName, attrPrefix) {\n  const options = rootEl[routerLinksData].options\n  const defaults = getDefaults(rootEl, routeName, propName, routeEl, options)\n  getAttributeValues(rootEl, attrPrefix, defaults)\n  return getAttributeValues(routeEl, attrPrefix, defaults)\n}\n\nfunction updateActiveClass(el, routeName, params, query) {\n  const activeClass = el.hasAttribute('active-class') ? el.getAttribute('active-class') : 'active'\n  if (activeClass) {\n    const isActive = router.isActive(routeName, params, query, el.hasAttribute('exact'))\n    el.classList.toggle(activeClass, isActive)\n  }\n}\n\nfunction updateLink(el, rootEl) {\n  const routeName = el.getAttribute('route')\n  if (!routeName) return\n  const params = getRouteProp(rootEl, routeName, el, 'params', 'param-')\n  const query = getRouteProp(rootEl, routeName, el, 'query', 'query-')\n  try {\n    const href = router.generate(routeName, params, query)\n    const anchorEl = el.tagName === 'A' ? el : el.querySelector('a')\n    if (anchorEl) anchorEl.setAttribute('href', href)\n    if (!router.state.activeTransition) {\n      updateActiveClass(el, routeName, params, query)\n    }\n  } catch (error) {\n    console.warn(`Error generating link for \"${routeName}\": ${error}`)\n  }\n}\n\n/**\n * @param {HTMLElement} rootEl\n */\nfunction createLinks(rootEl) {\n  const routeEls = rootEl.querySelectorAll('[route]')\n\n  routeEls.forEach((el) => {\n    updateLink(el, rootEl)\n  })\n}\n\n/**\n * @param {Event} e\n * @returns\n */\nfunction linkClickHandler(e) {\n  if (e.type === 'click' && (e.button !== 0 || isModifiedEvent(e))) return\n  e.preventDefault()\n  const el = e.selectorTarget\n  const routeName = el.getAttribute('route')\n  if (!routeName) return\n  const params = getRouteProp(this, routeName, el, 'params', 'param-')\n  const query = getRouteProp(this, routeName, el, 'query', 'query-')\n  const method = el.hasAttribute('replace') ? 'replaceWith' : 'transitionTo'\n  router[method](routeName, params, query)\n}\n\n/**\n * @export\n * @param {HTMLElement} rootEl\n * @param {RouterLinksOptions} [options={}]\n * @return {Function}\n */\nexport function bindRouterLinks(rootEl, options = {}) {\n  const observer = new MutationObserver(mutationHandler)\n\n  observer.rootEl = rootEl\n  rootEl[routerLinksData] = { options, observer }\n\n  const eventHandler = delegate(\n    rootEl,\n    options.event || 'click',\n    '[route]',\n    linkClickHandler,\n    rootEl,\n  )\n  createLinks(rootEl)\n  observer.observe(rootEl, elementsObserverConfig)\n\n  linkContainers.add(rootEl)\n\n  return function () {\n    linkContainers.delete(rootEl)\n    undelegate(rootEl, eventHandler)\n  }\n}\n\nfunction create(instance) {\n  router = instance\n}\n\nfunction done() {\n  linkContainers.forEach((rootEl) => {\n    rootEl.querySelectorAll('[route]').forEach((el) => {\n      const routeName = el.getAttribute('route')\n      if (!routeName) return\n      const params = getRouteProp(rootEl, routeName, el, 'params', 'param-')\n      const query = getRouteProp(rootEl, routeName, el, 'query', 'query-')\n      updateActiveClass(el, routeName, params, query)\n    })\n  })\n}\n\nexport const routerLinks = {\n  create,\n  done,\n}\n"],"names":[],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"router-links-CNsJ-elb.js","sources":["../node_modules/slick-router/lib/middlewares/router-links.js"],"sourcesContent":["const routerLinksData = Symbol('routerLinksData')\nconst linkContainers = new Set()\nlet router\n\n/**\n * @callback RoutePropCallback\n * @param {string} routeName\n * @param {HTMLElement} routeEl\n * @return {Record<string, any>}\n *\n * @typedef RouterLinksOptions\n * @property {Record<string, any> | RoutePropCallback} [params]\n * @property {Record<string, any> | RoutePropCallback} [query]\n * @property {string} [event='click']\n */\n\n// Make a event delegation handler for the given `eventName` and `selector`\n// and attach it to `el`.\n// If selector is empty, the listener will be bound to `el`. If not, a\n// new handler that will recursively traverse up the event target's DOM\n// hierarchy looking for a node that matches the selector. If one is found,\n// the event's `delegateTarget` property is set to it and the return the\n// result of calling bound `listener` with the parameters given to the\n// handler.\n\n/**\n * @param {HTMLElement} el\n * @param {string} eventName\n * @param {string} selector\n * @param {Function} listener\n * @param {*} context\n * @return {Function}\n */\nconst delegate = function (el, eventName, selector, listener, context) {\n  const handler = function (e) {\n    let node = e.target\n    for (; node && node !== el; node = node.parentNode) {\n      if (node.matches && node.matches(selector)) {\n        e.selectorTarget = node\n        listener.call(context, e)\n      }\n    }\n  }\n\n  handler.eventName = eventName\n  el.addEventListener(eventName, handler, false)\n  return handler\n}\n\nfunction isModifiedEvent(event) {\n  return !!(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey)\n}\n\nconst undelegate = function (el, handler) {\n  const eventName = handler.eventName\n  el.removeEventListener(eventName, handler, false)\n}\n\nconst camelize = (str) => {\n  if (str.indexOf('-') === -1) return str\n  const words = str.split('-')\n  let result = ''\n  for (let i = 0; i < words.length; i++) {\n    const word = words[i]\n    result += i ? word.charAt(0).toUpperCase() + word.slice(1) : word\n  }\n  return result\n}\n\nfunction mutationHandler(mutations, observer) {\n  mutations.forEach(function (mutation) {\n    if (mutation.type === 'attributes') {\n      const attr = mutation.attributeName\n      if (attr.indexOf('param-') === 0 || attr.indexOf('query-') === 0) {\n        updateLink(mutation.target, observer.rootEl)\n      }\n    } else {\n      mutation.addedNodes.forEach((node) => {\n        if (node.nodeType === 1) {\n          if (node.getAttribute('route')) updateLink(node, observer.rootEl)\n          createLinks(observer.rootEl, node)\n        }\n      })\n    }\n  })\n}\n\nconst elementsObserverConfig = { childList: true, subtree: true, attributes: true }\n\nfunction getAttributeValues(el, prefix, result) {\n  const attributes = el.attributes\n\n  for (let i = 0; i < attributes.length; i++) {\n    const attr = attributes[i]\n    if (attr.name.indexOf(prefix) === 0) {\n      const paramName = camelize(attr.name.slice(prefix.length))\n      result[paramName] = attr.value\n    }\n  }\n  return result\n}\n\nfunction getDefaults(rootEl, routeName, propName, routeEl, options) {\n  let result = options[propName]\n  if (typeof result === 'function') result = result.call(rootEl, routeName, routeEl)\n  return result || {}\n}\n\nfunction getRouteProp(rootEl, routeName, routeEl, propName, attrPrefix) {\n  const options = rootEl[routerLinksData].options\n  const defaults = getDefaults(rootEl, routeName, propName, routeEl, options)\n  getAttributeValues(rootEl, attrPrefix, defaults)\n  return getAttributeValues(routeEl, attrPrefix, defaults)\n}\n\nfunction updateActiveClass(el, routeName, params, query) {\n  const activeClass = el.hasAttribute('active-class') ? el.getAttribute('active-class') : 'active'\n  if (activeClass) {\n    const isActive = router.isActive(routeName, params, query, el.hasAttribute('exact'))\n    el.classList.toggle(activeClass, isActive)\n  }\n}\n\nfunction updateLink(el, rootEl) {\n  const routeName = el.getAttribute('route')\n  if (!routeName) return\n  const params = getRouteProp(rootEl, routeName, el, 'params', 'param-')\n  const query = getRouteProp(rootEl, routeName, el, 'query', 'query-')\n  try {\n    const href = router.generate(routeName, params, query)\n    const anchorEl = el.tagName === 'A' ? el : el.querySelector('a')\n    if (anchorEl) anchorEl.setAttribute('href', href)\n    if (!router.state.activeTransition) {\n      updateActiveClass(el, routeName, params, query)\n    }\n  } catch (error) {\n    console.warn(`Error generating link for \"${routeName}\": ${error}`)\n  }\n}\n\n/**\n * @param {HTMLElement} rootEl\n */\nfunction createLinks(rootEl) {\n  const routeEls = rootEl.querySelectorAll('[route]')\n\n  routeEls.forEach((el) => {\n    updateLink(el, rootEl)\n  })\n}\n\n/**\n * @param {Event} e\n * @returns\n */\nfunction linkClickHandler(e) {\n  if (e.type === 'click' && (e.button !== 0 || isModifiedEvent(e))) return\n  e.preventDefault()\n  const el = e.selectorTarget\n  const routeName = el.getAttribute('route')\n  if (!routeName) return\n  const params = getRouteProp(this, routeName, el, 'params', 'param-')\n  const query = getRouteProp(this, routeName, el, 'query', 'query-')\n  const method = el.hasAttribute('replace') ? 'replaceWith' : 'transitionTo'\n  router[method](routeName, params, query)\n}\n\n/**\n * @export\n * @param {HTMLElement} rootEl\n * @param {RouterLinksOptions} [options={}]\n * @return {Function}\n */\nexport function bindRouterLinks(rootEl, options = {}) {\n  const observer = new MutationObserver(mutationHandler)\n\n  observer.rootEl = rootEl\n  rootEl[routerLinksData] = { options, observer }\n\n  const eventHandler = delegate(\n    rootEl,\n    options.event || 'click',\n    '[route]',\n    linkClickHandler,\n    rootEl,\n  )\n  createLinks(rootEl)\n  observer.observe(rootEl, elementsObserverConfig)\n\n  linkContainers.add(rootEl)\n\n  return function () {\n    linkContainers.delete(rootEl)\n    undelegate(rootEl, eventHandler)\n  }\n}\n\nfunction create(instance) {\n  router = instance\n}\n\nfunction done() {\n  linkContainers.forEach((rootEl) => {\n    rootEl.querySelectorAll('[route]').forEach((el) => {\n      const routeName = el.getAttribute('route')\n      if (!routeName) return\n      const params = getRouteProp(rootEl, routeName, el, 'params', 'param-')\n      const query = getRouteProp(rootEl, routeName, el, 'query', 'query-')\n      updateActiveClass(el, routeName, params, query)\n    })\n  })\n}\n\nexport const routerLinks = {\n  create,\n  done,\n}\n"],"names":["routerLinksData","Symbol","linkContainers","Set","router","camelize","str","indexOf","words","split","result","i","length","word","charAt","toUpperCase","slice","mutationHandler","mutations","observer","forEach","mutation","type","attr","attributeName","updateLink","target","rootEl","addedNodes","node","nodeType","getAttribute","createLinks","elementsObserverConfig","childList","subtree","attributes","getAttributeValues","el","prefix","name","value","getRouteProp","routeName","routeEl","propName","attrPrefix","defaults","options","call","updateActiveClass","params","query","activeClass","hasAttribute","isActive","classList","toggle","href","generate","anchorEl","tagName","querySelector","setAttribute","state","activeTransition","error","console","warn","querySelectorAll","linkClickHandler","e","button","event","metaKey","altKey","ctrlKey","shiftKey","preventDefault","selectorTarget","this","method","bindRouterLinks","MutationObserver","eventHandler","eventName","selector","listener","context","handler","parentNode","matches","addEventListener","observe","add","delete","removeEventListener","routerLinks","create","instance","done"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/skeleton.css

@@ -1,197 +1 @@
-/*
-[ Skeleton ]
-*/
-
-@keyframes wje-skeleton-shimmer {
-  from {
-    transform: translateX(-100%);
-  }
-  to {
-    transform: translateX(100%);
-  }
-}
-
-.wje-skeleton {
-  cursor: progress;
-  user-select: none;
-}
-
-.wje-skeleton-overlay {
-  display: grid;
-}
-
-.wje-skeleton-overlay-content,
-.wje-skeleton-overlay-skeleton {
-  grid-area: 1 / 1;
-}
-
-.wje-skeleton-overlay-skeleton {
-  display: none;            /* shown in loading state */
-  pointer-events: none;     /* skeleton should not be interactive */
-  align-self: stretch;
-  justify-self: stretch;
-}
-
-.wje-skeleton-overlay-skeleton > .wje-skeleton {
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-}
-
-/* Base "shape" primitives */
-.wje-skeleton-head,
-.wje-skeleton-circle,
-.wje-skeleton-line,
-.wje-skeleton-square {
-  position: relative;
-  overflow: hidden;
-  background-color: var(--wje-skeleton-bg);
-}
-
-.wje-skeleton-flex-row {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: var(--wje-skeleton-gap);
-}
-
-.wje-skeleton-flex-column {
-  display: flex;
-  flex-direction: column;
-  gap: var(--wje-skeleton-gap);
-}
-
-.wje-skeleton-line + .wje-skeleton-line,
-.wje-skeleton-line + .wje-skeleton-head,
-.wje-skeleton-head + .wje-skeleton-line,
-.wje-skeleton-head + .wje-skeleton-head,
-.wje-skeleton-circle + .wje-skeleton-line,
-.wje-skeleton-line + .wje-skeleton-circle {
-  /*margin-top: var(--wje-skeleton-gap);*/
-}
-
-.wje-skeleton-head {
-  display: block;
-  height: var(--wje-skeleton-head-height);
-  border-radius: var(--wje-skeleton-radius);
-  width: 100%;
-}
-
-.wje-skeleton-circle {
-  display: block;
-  /*flex: 1 1 0;*/
-  max-width: 100%;
-  aspect-ratio: 1 / 1;
-  border-radius: 50%;
-}
-
-.wje-skeleton-line {
-  display: block;
-  height: var(--wje-skeleton-height);
-  border-radius: var(--wje-skeleton-radius);
-  width: 100%;
-}
-
-.wje-skeleton-square {
-  display: block;
-  width: 100%;
-  height: 150px;
-  border-radius: var(--wje-skeleton-radius);
-}
-
-/* Shimmer layer */
-.wje-skeleton-line::after,
-.wje-skeleton-head::after,
-.wje-skeleton-circle::after,
-.wje-skeleton-square::after {
-  content: '';
-  position: absolute;
-  inset: 0;
-  transform: translateX(-100%);
-  animation: wje-skeleton-shimmer var(--wje-skeleton-duration) infinite;
-  background: linear-gradient(90deg, transparent, var(--wje-skeleton-highlight), transparent);
-}
-
-/* "Stronger" variant */
-.wje-skeleton-strong.wje-skeleton-line,
-.wje-skeleton-strong.wje-skeleton-head,
-.wje-skeleton-strong.wje-skeleton-circle,
-.wje-skeleton-strong.wje-skeleton-square {
-  background-color: var(--wje-skeleton-bg-strong);
-}
-
-/* Simple layout helpers (opt-in) */
-.wje-skeleton .flex { display: flex; }
-.wje-skeleton .inline-flex { display: inline-flex; }
-.wje-skeleton .align-center { align-items: center; }
-.wje-skeleton .align-start { align-items: flex-start; }
-.wje-skeleton .align-end { align-items: flex-end; }
-.wje-skeleton .justify-start { justify-content: flex-start; }
-.wje-skeleton .justify-end { justify-content: flex-end; }
-.wje-skeleton .justify-between { justify-content: space-between; }
-.wje-skeleton .justify-center { justify-content: center; }
-.wje-skeleton .justify-around { justify-content: space-around; }
-
-.wje-skeleton .gap { gap: var(--wje-skeleton-gap); }
-
-.wje-skeleton .w-5 { width: 5%; }
-.wje-skeleton .w-10 { width: 10%; }
-.wje-skeleton .w-15 { width: 15%; }
-.wje-skeleton .w-20 { width: 20%; }
-.wje-skeleton .w-25 { width: 25%; }
-.wje-skeleton .w-30 { width: 30%; }
-.wje-skeleton .w-35 { width: 35%; }
-.wje-skeleton .w-40 { width: 40%; }
-.wje-skeleton .w-45 { width: 45%; }
-.wje-skeleton .w-50 { width: 50%; }
-.wje-skeleton .w-55 { width: 55%; }
-.wje-skeleton .w-60 { width: 60%; }
-.wje-skeleton .w-65 { width: 65%; }
-.wje-skeleton .w-70 { width: 70%; }
-.wje-skeleton .w-75 { width: 75%; }
-.wje-skeleton .w-80 { width: 80%; }
-.wje-skeleton .w-85 { width: 85%; }
-.wje-skeleton .w-90 { width: 90%; }
-.wje-skeleton .w-95 { width: 95%; }
-.wje-skeleton .w-100 { width: 100%; }
-
-.wje-skeleton .mb { margin-bottom: var(--wje-spacing-medium); }
-.wje-skeleton .mt { margin-top: var(--wje-spacing-medium); }
-.wje-skeleton .mr { margin-right: var(--wje-spacing-medium); }
-.wje-skeleton .ml { margin-left: var(--wje-spacing-medium); }
-
-.wje-skeleton .mbs { margin-bottom: var(--wje-spacing-x-small); }
-.wje-skeleton .mts { margin-top: var(--wje-spacing-x-small); }
-.wje-skeleton .mrs { margin-right: var(--wje-spacing-x-small); }
-.wje-skeleton .mls { margin-left: var(--wje-spacing-x-small); }
-
-.wje-skeleton .pb { padding-bottom: var(--wje-spacing-medium); }
-.wje-skeleton .pt { padding-top: var(--wje-spacing-medium); }
-.wje-skeleton .pr { padding-right: var(--wje-spacing-medium); }
-.wje-skeleton .pl { padding-left: var(--wje-spacing-medium); }
-
-.wje-skeleton .pbs { padding-bottom: var(--wje-spacing-x-small); }
-.wje-skeleton .pts { padding-top: var(--wje-spacing-x-small); }
-.wje-skeleton .prs { padding-right: var(--wje-spacing-x-small); }
-.wje-skeleton .pls { padding-left: var(--wje-spacing-x-small); }
-
-/* Optional state helpers */
-.wje-skeleton-loading .wje-skeleton-overlay-content {
-  visibility: hidden;
-  pointer-events: none;
-}
-
-.wje-skeleton-loading .wje-skeleton-overlay-skeleton {
-  display: block;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .wje-skeleton-line::after,
-  .wje-skeleton-head::after,
-  .wje-skeleton-circle::after,
-  .wje-skeleton-square::after {
-    animation: none;
-    transform: none;
-    opacity: 0.35;
-  }
-}
+@keyframes wje-skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.wje-skeleton{cursor:progress;-webkit-user-select:none;user-select:none}.wje-skeleton-overlay{display:grid}.wje-skeleton-overlay-content,.wje-skeleton-overlay-skeleton{grid-area:1 / 1}.wje-skeleton-overlay-skeleton{display:none;pointer-events:none;align-self:stretch;justify-self:stretch}.wje-skeleton-overlay-skeleton>.wje-skeleton{width:100%;height:100%;box-sizing:border-box}.wje-skeleton-head,.wje-skeleton-circle,.wje-skeleton-line,.wje-skeleton-square{position:relative;overflow:hidden;background-color:var(--wje-skeleton-bg)}.wje-skeleton-flex-row{display:flex;flex-direction:row;align-items:center;gap:var(--wje-skeleton-gap)}.wje-skeleton-flex-column{display:flex;flex-direction:column;gap:var(--wje-skeleton-gap)}.wje-skeleton-head{display:block;height:var(--wje-skeleton-head-height);border-radius:var(--wje-skeleton-radius);width:100%}.wje-skeleton-circle{display:block;max-width:100%;aspect-ratio:1 / 1;border-radius:50%}.wje-skeleton-line{display:block;height:var(--wje-skeleton-height);border-radius:var(--wje-skeleton-radius);width:100%}.wje-skeleton-square{display:block;width:100%;height:150px;border-radius:var(--wje-skeleton-radius)}.wje-skeleton-line:after,.wje-skeleton-head:after,.wje-skeleton-circle:after,.wje-skeleton-square:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);animation:wje-skeleton-shimmer var(--wje-skeleton-duration) infinite;background:linear-gradient(90deg,transparent,var(--wje-skeleton-highlight),transparent)}.wje-skeleton-strong.wje-skeleton-line,.wje-skeleton-strong.wje-skeleton-head,.wje-skeleton-strong.wje-skeleton-circle,.wje-skeleton-strong.wje-skeleton-square{background-color:var(--wje-skeleton-bg-strong)}.wje-skeleton .flex{display:flex}.wje-skeleton .inline-flex{display:inline-flex}.wje-skeleton .align-center{align-items:center}.wje-skeleton .align-start{align-items:flex-start}.wje-skeleton .align-end{align-items:flex-end}.wje-skeleton .justify-start{justify-content:flex-start}.wje-skeleton .justify-end{justify-content:flex-end}.wje-skeleton .justify-between{justify-content:space-between}.wje-skeleton .justify-center{justify-content:center}.wje-skeleton .justify-around{justify-content:space-around}.wje-skeleton .gap{gap:var(--wje-skeleton-gap)}.wje-skeleton .w-5{width:5%}.wje-skeleton .w-10{width:10%}.wje-skeleton .w-15{width:15%}.wje-skeleton .w-20{width:20%}.wje-skeleton .w-25{width:25%}.wje-skeleton .w-30{width:30%}.wje-skeleton .w-35{width:35%}.wje-skeleton .w-40{width:40%}.wje-skeleton .w-45{width:45%}.wje-skeleton .w-50{width:50%}.wje-skeleton .w-55{width:55%}.wje-skeleton .w-60{width:60%}.wje-skeleton .w-65{width:65%}.wje-skeleton .w-70{width:70%}.wje-skeleton .w-75{width:75%}.wje-skeleton .w-80{width:80%}.wje-skeleton .w-85{width:85%}.wje-skeleton .w-90{width:90%}.wje-skeleton .w-95{width:95%}.wje-skeleton .w-100{width:100%}.wje-skeleton .mb{margin-bottom:var(--wje-spacing-medium)}.wje-skeleton .mt{margin-top:var(--wje-spacing-medium)}.wje-skeleton .mr{margin-right:var(--wje-spacing-medium)}.wje-skeleton .ml{margin-left:var(--wje-spacing-medium)}.wje-skeleton .mbs{margin-bottom:var(--wje-spacing-x-small)}.wje-skeleton .mts{margin-top:var(--wje-spacing-x-small)}.wje-skeleton .mrs{margin-right:var(--wje-spacing-x-small)}.wje-skeleton .mls{margin-left:var(--wje-spacing-x-small)}.wje-skeleton .pb{padding-bottom:var(--wje-spacing-medium)}.wje-skeleton .pt{padding-top:var(--wje-spacing-medium)}.wje-skeleton .pr{padding-right:var(--wje-spacing-medium)}.wje-skeleton .pl{padding-left:var(--wje-spacing-medium)}.wje-skeleton .pbs{padding-bottom:var(--wje-spacing-x-small)}.wje-skeleton .pts{padding-top:var(--wje-spacing-x-small)}.wje-skeleton .prs{padding-right:var(--wje-spacing-x-small)}.wje-skeleton .pls{padding-left:var(--wje-spacing-x-small)}.wje-skeleton-loading .wje-skeleton-overlay-content{visibility:hidden;pointer-events:none}.wje-skeleton-loading .wje-skeleton-overlay-skeleton{display:block}@media(prefers-reduced-motion:reduce){.wje-skeleton-line:after,.wje-skeleton-head:after,.wje-skeleton-circle:after,.wje-skeleton-square:after{animation:none;transform:none;opacity:.35}}