@vanelsas/baredom 2.6.0 → 2.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (109) hide show
  1. package/CHANGELOG.md +34 -0
  2. package/README.md +12 -41
  3. package/custom-elements.json +344 -5
  4. package/dist/baredom.d.ts +4 -0
  5. package/dist/base.js +451 -421
  6. package/dist/integrity.json +97 -93
  7. package/dist/x-alert.js +17 -19
  8. package/dist/x-avatar-group.js +9 -11
  9. package/dist/x-avatar.js +15 -15
  10. package/dist/x-badge.js +9 -11
  11. package/dist/x-bento-grid.js +5 -5
  12. package/dist/x-bento-item.js +4 -4
  13. package/dist/x-breadcrumbs.js +13 -14
  14. package/dist/x-button.js +16 -16
  15. package/dist/x-cancel-dialogue.js +13 -17
  16. package/dist/x-card.js +7 -7
  17. package/dist/x-carousel.js +33 -34
  18. package/dist/x-chart.d.ts +26 -0
  19. package/dist/x-chart.js +47 -48
  20. package/dist/x-checkbox.js +11 -11
  21. package/dist/x-chip.js +1 -9
  22. package/dist/x-collapse.js +10 -12
  23. package/dist/x-color-picker.js +44 -45
  24. package/dist/x-combobox.js +26 -27
  25. package/dist/x-command-palette.js +26 -27
  26. package/dist/x-container.js +5 -6
  27. package/dist/x-context-menu.d.ts +31 -2
  28. package/dist/x-context-menu.js +20 -18
  29. package/dist/x-copy.js +20 -23
  30. package/dist/x-currency-field.js +23 -25
  31. package/dist/x-date-picker.d.ts +27 -0
  32. package/dist/x-date-picker.js +42 -42
  33. package/dist/x-divider.js +9 -10
  34. package/dist/x-drawer.js +10 -12
  35. package/dist/x-dropdown.js +11 -11
  36. package/dist/x-fieldset.js +5 -6
  37. package/dist/x-file-download.js +7 -8
  38. package/dist/x-file-upload.js +22 -25
  39. package/dist/x-form-field.js +15 -17
  40. package/dist/x-form.js +9 -10
  41. package/dist/x-gaussian-blur.js +13 -19
  42. package/dist/x-grid.js +6 -6
  43. package/dist/x-i18n-provider.d.ts +43 -0
  44. package/dist/x-i18n-provider.js +8 -0
  45. package/dist/x-i18n.d.ts +14 -0
  46. package/dist/x-i18n.js +5 -0
  47. package/dist/x-icon.js +6 -7
  48. package/dist/x-image.js +18 -19
  49. package/dist/x-kinetic-canvas.d.ts +18 -0
  50. package/dist/x-kinetic-canvas.js +26 -0
  51. package/dist/x-kinetic-font.js +27 -29
  52. package/dist/x-kinetic-typography.js +33 -39
  53. package/dist/x-liquid-dock.js +39 -39
  54. package/dist/x-liquid-fill.js +45 -45
  55. package/dist/x-liquid-glass.js +47 -47
  56. package/dist/x-menu-item.js +8 -10
  57. package/dist/x-menu.js +10 -11
  58. package/dist/x-metaball-cursor.js +27 -27
  59. package/dist/x-modal.js +11 -13
  60. package/dist/x-morph-stack.js +37 -39
  61. package/dist/x-multi-combobox.d.ts +50 -0
  62. package/dist/x-multi-combobox.js +37 -0
  63. package/dist/x-navbar.js +12 -13
  64. package/dist/x-neural-glow.js +33 -34
  65. package/dist/x-notification-center.js +9 -10
  66. package/dist/x-organic-divider.js +17 -19
  67. package/dist/x-organic-progress.js +38 -39
  68. package/dist/x-organic-shape.js +13 -14
  69. package/dist/x-pagination.js +15 -17
  70. package/dist/x-particle-button.js +51 -52
  71. package/dist/x-popover.js +26 -25
  72. package/dist/x-progress-circle.js +9 -11
  73. package/dist/x-progress.js +10 -11
  74. package/dist/x-radio.js +11 -12
  75. package/dist/x-ripple-effect.js +11 -12
  76. package/dist/x-scroll-parallax.js +18 -19
  77. package/dist/x-scroll-stack.js +17 -18
  78. package/dist/x-scroll-story.js +34 -36
  79. package/dist/x-scroll-timeline.js +45 -47
  80. package/dist/x-scroll.js +40 -42
  81. package/dist/x-search-field.js +15 -17
  82. package/dist/x-select.js +11 -11
  83. package/dist/x-sidebar.js +17 -17
  84. package/dist/x-skeleton-group.js +12 -14
  85. package/dist/x-skeleton.js +1 -1
  86. package/dist/x-slider.js +15 -18
  87. package/dist/x-soft-body.js +22 -22
  88. package/dist/x-spacer.js +4 -5
  89. package/dist/x-spinner.js +4 -6
  90. package/dist/x-splash.js +12 -13
  91. package/dist/x-stat.js +10 -12
  92. package/dist/x-stepper.js +14 -15
  93. package/dist/x-switch.js +10 -11
  94. package/dist/x-tab.js +7 -8
  95. package/dist/x-table-cell.js +20 -24
  96. package/dist/x-table-row.js +8 -10
  97. package/dist/x-table.js +12 -16
  98. package/dist/x-tabs.js +11 -11
  99. package/dist/x-text-area.js +19 -21
  100. package/dist/x-theme.d.ts +1 -1
  101. package/dist/x-theme.js +25 -25
  102. package/dist/x-timeline-item.js +21 -23
  103. package/dist/x-timeline.js +8 -9
  104. package/dist/x-toast.js +22 -24
  105. package/dist/x-toaster.js +8 -8
  106. package/dist/x-tooltip.js +12 -13
  107. package/dist/x-typography.js +9 -11
  108. package/dist/x-welcome-tour.js +60 -65
  109. package/package.json +201 -181
package/dist/x-form.js CHANGED
@@ -1,11 +1,10 @@
1
1
  import { $APP, shadow$provide } from "./base.js";
2
- var ZR=function(a,b){return a.setAttribute("autocomplete",b)},cS=function(a){a=new $APP.Q(null,3,[$APP.Dm,a.getAttribute("loading"),$R,$APP.n(a.hasAttribute("novalidate"))?"":null,$APP.oi,a.getAttribute("autocomplete")],null);var b=$APP.M(a),c=$APP.D(b,$APP.Dm);a=$APP.D(b,$R);b=$APP.D(b,$APP.oi);c=c!=null&&$APP.N(c,"false");b=$APP.I(aS,b)?b:"on";return new $APP.Q(null,3,[$APP.Ci,c,bS,a!=null,$APP.am,b],null)},dS=function(a){var b=$APP.k(a,"__xFormRefs");if($APP.n(b)){b=$APP.k(b,"form");a=cS(a);ZR(b,
3
- $APP.am.g(a));if($APP.n($APP.Ci.g(a)))return b.setAttribute("aria-busy","true"),b.setAttribute("data-loading","");b.removeAttribute("aria-busy");return b.removeAttribute("data-loading")}return null},eS=function(a){a=a.querySelectorAll("[name]:not([disabled])");for(var b={},c=a.length,d=0;;)if(d<c){var e=a[d],g=e.name;if($APP.n(function(){var m=g;return $APP.n(m)?$APP.N(g,""):m}())){var h=e.tagName.toLowerCase(),l=e.getAttribute("type");$APP.B.i(l,"checkbox")||$APP.B.i(l,"radio")||$APP.B.i(h,"x-checkbox")?
4
- $APP.n(e.checked)&&(b[g]=function(){var m=e.value;return $APP.n(m)?m:"on"}()):b[g]=function(){var m=e.value;return $APP.n(m)?m:""}()}d+=1}else break;return b},fS=function(a,b,c,d){return a.dispatchEvent(new CustomEvent(b,{detail:c,bubbles:!0,composed:!0,cancelable:d}))},gS=function(a){var b=$APP.k(a,"__xFormRefs");if($APP.n(b)){b=$APP.k(b,"form");var c=function(g){g.preventDefault();g=cS(a);if($APP.n($APP.Ci.g(g)))g=null;else{g=bS.g(g);if(!$APP.n(g)){g=a.querySelectorAll("[name]:not([disabled])");
5
- for(var h={ok:!0},l=g.length,m=0;;)if(m<l){var p=g[m];$APP.n(p.reportValidity)&&($APP.n(p.reportValidity())||(h.ok=!1));m+=1}else break;g=h.ok}$APP.n(g)?(g=eS(a),g=fS(a,"x-form-submit",{values:g},!0)):g=null}return g},d=function(){for(var g=a.querySelectorAll("[name]"),h=g.length,l=0;;)if(l<h){var m=g[l];$APP.n(m.formResetCallback)&&m.formResetCallback();l+=1}else break;return fS(a,"x-form-reset",{},!1)},e=function(g){a:{g=g.target.closest("button,input[type\x3dsubmit],input[type\x3dreset]");if($APP.n(g)){g=
6
- g.type;var h=$APP.k(a,"__xFormRefs");if($APP.n(h)){h=$APP.k(h,"form");g=$APP.B.i(g,"submit")||$APP.B.i(g,"")?h.requestSubmit():$APP.B.i(g,"reset")?h.reset():null;break a}}g=null}return g};b.addEventListener("submit",c);b.addEventListener("reset",d);a.addEventListener("click",e);$APP.ja(a,"__xFormHandlers",{submit:c,reset:d,click:e})}},hS=function(a){var b=$APP.k(a,"__xFormRefs");if($APP.n(b)){var c=$APP.k(a,"__xFormHandlers");if($APP.n(c)){b=$APP.k(b,"form");b.removeEventListener("submit",$APP.k(c,
7
- "submit"));b.removeEventListener("reset",$APP.k(c,"reset"));a.removeEventListener("click",$APP.k(c,"click"));a.__xFormHandlers=null;return}}return null},iS=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute(c)},set:function(d){return $APP.F(d)?this.setAttribute(c,""):this.removeAttribute(c)}})},jS=function(a){Object.defineProperty(a,"autocomplete",{configurable:!0,enumerable:!0,get:function(){var b=this.getAttribute("autocomplete");return $APP.n(b)?
8
- b:""},set:function(b){return b!=null&&$APP.N(b)?ZR(this,""+$APP.T.g(b)):this.removeAttribute("autocomplete")}})},lS=function(){var a=class extends HTMLElement{},b=a.prototype;Object.defineProperty(a,"observedAttributes",{get:function(){return kS}});iS(b,"loading","loading");iS(b,"novalidate","novalidate");jS(b);b.connectedCallback=function(){if(!$APP.n(this.shadowRoot)){var c=this.attachShadow({mode:"open"}),d=document.createElement("style"),e=document.createElement("form"),g=document.createElement("slot");
9
- d.textContent=":host{display:block;}[part\x3droot]{display:flex;flex-direction:column;gap:var(--x-form-gap,1rem);width:var(--x-form-width,100%);}:host([loading]){pointer-events:none;opacity:0.6;}";e.setAttribute("part","root");e.setAttribute("novalidate","");e.appendChild(g);c.appendChild(d);c.appendChild(e);this.__xFormRefs={form:e}}hS(this);gS(this);return dS(this)};b.disconnectedCallback=function(){return hS(this)};b.attributeChangedCallback=function(){return dS(this)};b.submit=function(){var c=
10
- $APP.k(this,"__xFormRefs");return $APP.n(c)?$APP.k(c,"form").requestSubmit():null};b.reset=function(){var c=$APP.k(this,"__xFormRefs");return $APP.n(c)?$APP.k(c,"form").reset():null};b.setFieldError=function(c,d){c=this.querySelector('[name\x3d"'+$APP.T.g(c)+'"]');return $APP.n(c)?d==null||$APP.B.i(d,"")||$APP.B.i(d,void 0)?c.removeAttribute("error"):c.setAttribute("error",d):null};b.clearErrors=function(){for(var c=this.querySelectorAll("[error]"),d=c.length,e=0;;)if(e<d)c[e].removeAttribute("error"),
11
- e+=1;else return null};return a},mS=function(){return $APP.n(customElements.get("x-form"))?null:customElements.define("x-form",lS())},$R=new $APP.K(null,"novalidate-raw","novalidate-raw",1783236714),bS=new $APP.K(null,"novalidate?","novalidate?",491529885);var kS=["loading","novalidate","autocomplete"],aS=new $APP.S(null,new $APP.Q(null,2,["off",null,"on",null],null),null);$APP.Pd(["x-form-submit",new $APP.Q(null,2,[$APP.lm,!0,$APP.V,new $APP.Q(null,1,[new $APP.K(null,"values","values",372645556),$APP.jl],null)],null),"x-form-reset",new $APP.Q(null,2,[$APP.lm,!1,$APP.V,$APP.Qd],null)]);$APP.ha("baredom.exports.x_form.init",mS);export const init=mS;
2
+ var $V=function(a){a=new $APP.N(null,3,[$APP.Qn,a.getAttribute("loading"),XV,$APP.n(a.hasAttribute("novalidate"))?"":null,$APP.yj,a.getAttribute("autocomplete")],null);var b=$APP.J(a),c=$APP.C(b,$APP.Qn);a=$APP.C(b,XV);b=$APP.C(b,$APP.yj);c=c!=null&&$APP.M(c,"false");b=$APP.Zc(YV,b)?b:"on";return new $APP.N(null,3,[$APP.Lj,c,ZV,a!=null,$APP.tn,b],null)},aW=function(a){var b=$APP.k(a,"__xFormRefs");if($APP.n(b)){b=$APP.k(b,"form");a=$V(a);$APP.ah(b,"autocomplete",$APP.tn.g(a));if($APP.n($APP.Lj.g(a)))return b.setAttribute("aria-busy",
3
+ "true"),b.setAttribute("data-loading","");b.removeAttribute("aria-busy");return b.removeAttribute("data-loading")}return null},bW=function(a){a=a.querySelectorAll("[name]:not([disabled])");for(var b={},c=a.length,d=0;;)if(d<c){var e=a[d],f=e.name;if($APP.n(function(){var m=f;return $APP.n(m)?$APP.M(f,""):m}())){var h=e.tagName.toLowerCase(),l=e.getAttribute("type");$APP.B.i(l,"checkbox")||$APP.B.i(l,"radio")||$APP.B.i(h,"x-checkbox")?$APP.n(e.checked)&&(b[f]=function(){var m=e.value;return $APP.n(m)?
4
+ m:"on"}()):b[f]=function(){var m=e.value;return $APP.n(m)?m:""}()}d+=1}else break;return b},cW=function(a){var b=$APP.k(a,"__xFormRefs");if($APP.n(b)){b=$APP.k(b,"form");var c=function(f){f.preventDefault();f=$V(a);if($APP.n($APP.Lj.g(f)))f=null;else{f=ZV.g(f);if(!$APP.n(f)){f=a.querySelectorAll("[name]:not([disabled])");for(var h={ok:!0},l=f.length,m=0;;)if(m<l){var q=f[m];$APP.n(q.reportValidity)&&($APP.n(q.reportValidity())||(h.ok=!1));m+=1}else break;f=h.ok}$APP.n(f)?(f=bW(a),f=$APP.ch(a,"x-form-submit",
5
+ {values:f})):f=null}return f},d=function(){for(var f=a.querySelectorAll("[name]"),h=f.length,l=0;;)if(l<h){var m=f[l];$APP.n(m.formResetCallback)&&m.formResetCallback();l+=1}else break;return $APP.P(a,"x-form-reset",{})},e=function(f){a:{f=f.target.closest("button,input[type\x3dsubmit],input[type\x3dreset]");if($APP.n(f)){f=f.type;var h=$APP.k(a,"__xFormRefs");if($APP.n(h)){h=$APP.k(h,"form");f=$APP.B.i(f,"submit")||$APP.B.i(f,"")?h.requestSubmit():$APP.B.i(f,"reset")?h.reset():null;break a}}f=null}return f};
6
+ b.addEventListener("submit",c);b.addEventListener("reset",d);a.addEventListener("click",e);$APP.fa(a,"__xFormHandlers",{submit:c,reset:d,click:e})}},dW=function(a){var b=$APP.k(a,"__xFormRefs");if($APP.n(b)){var c=$APP.k(a,"__xFormHandlers");if($APP.n(c)){b=$APP.k(b,"form");b.removeEventListener("submit",$APP.k(c,"submit"));b.removeEventListener("reset",$APP.k(c,"reset"));a.removeEventListener("click",$APP.k(c,"click"));a.__xFormHandlers=null;return}}return null},eW=function(a){if(!$APP.n(a.shadowRoot)){var b=
7
+ a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("form"),e=document.createElement("slot");c.textContent=":host{display:block;}[part\x3droot]{display:flex;flex-direction:column;gap:var(--x-form-gap,1rem);width:var(--x-form-width,100%);}:host([loading]){pointer-events:none;opacity:0.6;}";d.setAttribute("part","root");d.setAttribute("novalidate","");d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xFormRefs={form:d}}dW(a);cW(a);return aW(a)},fW=function(a){return dW(a)},
8
+ gW=function(a){return aW(a)},iW=function(a){$APP.jh(a,hW);a.submit=function(){var b=$APP.k(this,"__xFormRefs");return $APP.n(b)?$APP.k(b,"form").requestSubmit():null};a.reset=function(){var b=$APP.k(this,"__xFormRefs");return $APP.n(b)?$APP.k(b,"form").reset():null};a.setFieldError=function(b,c){b=this.querySelector('[name\x3d"'+$APP.Q.g(b)+'"]');return $APP.n(b)?c==null||$APP.B.i(c,"")||$APP.B.i(c,void 0)?b.removeAttribute("error"):b.setAttribute("error",c):null};return a.clearErrors=function(){for(var b=
9
+ this.querySelectorAll("[error]"),c=b.length,d=0;;)if(d<c)b[d].removeAttribute("error"),d+=1;else return null}},kW=function(){return $APP.Yg("x-form",new $APP.N(null,5,[$APP.Pg,jW,$APP.Qg,eW,$APP.Rg,fW,$APP.Sg,gW,$APP.Wg,iW],null))},XV=new $APP.F(null,"novalidate-raw","novalidate-raw",1783236714),ZV=new $APP.F(null,"novalidate?","novalidate?",491529885);var jW=["loading","novalidate","autocomplete"],YV=new $APP.O(null,new $APP.N(null,2,["off",null,"on",null],null),null),hW=new $APP.N(null,3,[$APP.Km,new $APP.N(null,2,[$APP.R,$APP.T,$APP.S,"loading"],null),new $APP.F(null,"novalidate","novalidate",-572717086),new $APP.N(null,2,[$APP.R,$APP.T,$APP.S,"novalidate"],null),$APP.tn,new $APP.N(null,2,[$APP.R,$APP.U,$APP.S,"autocomplete"],null)],null);
10
+ $APP.Yd(["x-form-submit",new $APP.N(null,2,[$APP.Fn,!0,$APP.Z,new $APP.N(null,1,[new $APP.F(null,"values","values",372645556),$APP.vm],null)],null),"x-form-reset",new $APP.N(null,2,[$APP.Fn,!1,$APP.Z,$APP.Zd],null)]);$APP.ca("baredom.exports.x_form.init",kW);export const init=kW;
@@ -1,20 +1,14 @@
1
1
  import { $APP, shadow$provide } from "./base.js";
2
- var wX=function(a,b,c){var d=$APP.z(a);return $APP.We.m($APP.fe,$APP.ae.g(function(e){var g=e*2.39996323,h=50+30*Math.cos(g);g=50+30*Math.sin(g);var l=10*Math.sin(e*2.39996323),m=10*Math.cos(e*Math.PI),p=Math.sin(e*1.618);p=.7+p*p*.6;var q=.8+.4*Math.sin(e*1.3),v=-(e/$APP.oh.i(b,1));return new $APP.Q(null,7,[$APP.Oj,$APP.pc(a,$APP.fd(e,d)),$APP.Ll,h+l,$APP.Kl,g+m,$APP.Mh,c*p,tX,$APP.fd(e,4),uX,q,vX,v],null)}),$APP.dg(0,b))},xX=function(a){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),
3
- d=document.createElement("div"),e=document.createElement("div"),g=document.createElement("slot");c.textContent=":host{display:block;position:relative;width:100%;height:100%;overflow:hidden;box-sizing:border-box;color-scheme:light dark;--x-gaussian-blur-bg:transparent;--x-gaussian-blur-z-index:0;--x-gaussian-blur-border-radius:0;}:host{border-radius:var(--x-gaussian-blur-border-radius);}[part\x3dbackdrop]{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:var(--x-gaussian-blur-z-index);background:var(--x-gaussian-blur-bg);}[part\x3dcontent]{position:relative;z-index:1;width:100%;height:100%;}.blob{position:absolute;border-radius:50%;will-change:transform;pointer-events:none;}@keyframes x-gb-float-0{0%,100%{transform:translate(-50%,-50%) translate(0,0);}25%{transform:translate(-50%,-50%) translate(12%,-18%);}50%{transform:translate(-50%,-50%) translate(-10%,15%);}75%{transform:translate(-50%,-50%) translate(15%,6%);}}@keyframes x-gb-float-1{0%,100%{transform:translate(-50%,-50%) translate(0,0);}25%{transform:translate(-50%,-50%) translate(-15%,10%);}50%{transform:translate(-50%,-50%) translate(18%,-12%);}75%{transform:translate(-50%,-50%) translate(-8%,-16%);}}@keyframes x-gb-float-2{0%,100%{transform:translate(-50%,-50%) translate(0,0);}25%{transform:translate(-50%,-50%) translate(10%,16%);}50%{transform:translate(-50%,-50%) translate(-18%,-8%);}75%{transform:translate(-50%,-50%) translate(14%,-12%);}}@keyframes x-gb-float-3{0%,100%{transform:translate(-50%,-50%) translate(0,0);}25%{transform:translate(-50%,-50%) translate(-12%,-10%);}50%{transform:translate(-50%,-50%) translate(16%,18%);}75%{transform:translate(-50%,-50%) translate(-10%,14%);}}@keyframes x-gb-pulse-0{0%,100%{transform:translate(-50%,-50%) scale(1) translate(0,0);}33%{transform:translate(-50%,-50%) scale(1.2) translate(10%,-14%);}66%{transform:translate(-50%,-50%) scale(0.85) translate(-10%,10%);}}@keyframes x-gb-pulse-1{0%,100%{transform:translate(-50%,-50%) scale(1) translate(0,0);}33%{transform:translate(-50%,-50%) scale(0.85) translate(-14%,10%);}66%{transform:translate(-50%,-50%) scale(1.2) translate(12%,-8%);}}@keyframes x-gb-pulse-2{0%,100%{transform:translate(-50%,-50%) scale(1) translate(0,0);}33%{transform:translate(-50%,-50%) scale(1.18) translate(8%,16%);}66%{transform:translate(-50%,-50%) scale(0.82) translate(-16%,-10%);}}@keyframes x-gb-pulse-3{0%,100%{transform:translate(-50%,-50%) scale(1) translate(0,0);}33%{transform:translate(-50%,-50%) scale(0.88) translate(-10%,-14%);}66%{transform:translate(-50%,-50%) scale(1.15) translate(10%,16%);}}:host([data-paused]) .blob{animation-play-state:paused;}@media (prefers-reduced-motion:reduce){.blob{animation:none!important;}}";
4
- d.setAttribute("part","backdrop");d.setAttribute("aria-hidden","true");e.setAttribute("part","content");e.appendChild(g);b.appendChild(c);b.appendChild(d);b.appendChild(e);a.__xGaussianBlurBackdrop=d;a.__xGaussianBlurSlot=g;a.__xGaussianBlurBlobs=[];a.__xGaussianBlurInit=!0},yX=function(a,b){if($APP.n($APP.n(b)?b.assignedNodes().length>0:null))return a.removeAttribute("role"),a.removeAttribute("aria-hidden");a.setAttribute("role","presentation");return a.setAttribute("aria-hidden","true")},IX=function(a){var b=
5
- $APP.zf([zX,$APP.Wg,$APP.Gj,$APP.rm,$APP.Mh,$APP.ki,$APP.qi,$APP.Rh,AX],[a.getAttribute("paused"),a.getAttribute("animation"),a.getAttribute("speed"),a.getAttribute("colors"),a.getAttribute("size"),a.getAttribute("blur"),a.getAttribute("opacity"),a.getAttribute("count"),a.getAttribute("blend")]);var c=$APP.M(b);b=$APP.D(c,AX);var d=$APP.D(c,zX),e=$APP.D(c,$APP.Wg),g=$APP.D(c,$APP.Gj);var h=$APP.D(c,$APP.rm);var l=$APP.D(c,$APP.Mh),m=$APP.D(c,$APP.ki),p=$APP.D(c,$APP.qi);c=$APP.D(c,$APP.Rh);h=BX(h);
6
- typeof c==="string"&&$APP.N("",c.trim())?(c=parseInt(c.trim(),10),c=$APP.n(isFinite(c))?$APP.ph.i(12,$APP.oh.i(1,c)):5):c=5;if(typeof l==="string"&&$APP.N("",l.trim())){l=l.trim();var q=$APP.D(CX,l);$APP.n(q)?l=q:(l=parseFloat(l),q=isFinite(l),l=$APP.n($APP.n(q)?l>0:q)?$APP.ph.i(100,$APP.oh.i(10,l)):50)}else l=50;typeof g==="string"&&$APP.N("",g.trim())?(g=g.trim(),q=$APP.D(DX,g),$APP.n(q)?g=q:(g=parseFloat(g),q=isFinite(g),g=$APP.n($APP.n(q)?g>0:q)?g:10)):g=10;e=typeof e==="string"&&$APP.I(EX,e)?
7
- e:"float";d=d!=null;typeof m==="string"&&$APP.N("",m.trim())?(m=parseFloat(m.trim()),q=isFinite(m),m=$APP.n($APP.n(q)?m>0:q)?m:60):m=60;q=wX(h,c,l);typeof p==="string"&&$APP.N("",p.trim())?(p=parseFloat(p.trim()),p=$APP.n(isFinite(p))?$APP.ph.i(1,$APP.oh.i(0,p)):.7):p=.7;b=typeof b==="string"&&$APP.I(FX,b)?b:"normal";h=$APP.zf([zX,$APP.Wg,$APP.rm,GX,$APP.ki,$APP.Qm,$APP.qi,$APP.Rh,AX,HX],[d,e,h,g,m,q,p,c,b,l]);b=$APP.M(h);p=$APP.D(b,$APP.ki);c=$APP.D(b,$APP.qi);m=$APP.D(b,AX);l=$APP.D(b,$APP.Wg);
8
- d=$APP.D(b,zX);e=$APP.k(a,"__xGaussianBlurBackdrop");b=$APP.k(a,"__xGaussianBlurSlot");e.style.setProperty("filter","blur("+$APP.T.g(p)+"px)");e.style.setProperty("opacity",""+$APP.T.g(c));e.style.setProperty("mix-blend-mode",m);$APP.n(d)?a.setAttribute("data-paused",""):a.removeAttribute("data-paused");a.setAttribute("data-animation",l);a:{m=$APP.M(h);h=$APP.D(m,$APP.Qm);p=$APP.D(m,$APP.Wg);c=$APP.D(m,GX);$APP.D(m,$APP.ki);d=$APP.k(a,"__xGaussianBlurBackdrop");m=$APP.k(a,"__xGaussianBlurBlobs");
9
- e=m.length;l=$APP.z(h);for(g=e;;)if(g<l)q=document.createElement("div"),q.className="blob",d.appendChild(q),m.push(q),g+=1;else break;for(;;)if(e>l)g=m.pop(),d.removeChild(g),--e;else break;for(d=0;;)if(d<l){var v=m[d];q=$APP.pc(h,d);g=p;e=c;var x=$APP.M(q),y=$APP.D(x,$APP.Oj),A=$APP.D(x,$APP.Ll),C=$APP.D(x,$APP.Kl),E=$APP.D(x,$APP.Mh),H=$APP.D(x,tX);q=$APP.D(x,uX);x=$APP.D(x,vX);v=v.style;E=""+$APP.T.g(E)+"%";v.setProperty("left",""+$APP.T.g(A)+"%");v.setProperty("top",""+$APP.T.g(C)+"%");v.setProperty("width",
10
- E);v.setProperty("height",E);v.setProperty("background","radial-gradient(circle,"+$APP.T.g(y)+" 0%,transparent 70%)");v.setProperty("transform","translate(-50%,-50%)");b:switch(y=H,g){case "float":g="x-gb-float-"+$APP.T.g(y);break b;case "pulse":g="x-gb-pulse-"+$APP.T.g(y);break b;default:g=null}$APP.n(g)?(q*=e,e*=x,v.setProperty("animation",""+$APP.T.g(g)+" "+$APP.T.g(q)+"s ease-in-out "+$APP.T.g(e)+"s infinite")):v.removeProperty("animation");d+=1}else break a}yX(a,b)},JX=function(a){function b(){return yX(a,
11
- c)}$APP.n($APP.k(a,"__xGaussianBlurInit"))||xX(a);var c=$APP.k(a,"__xGaussianBlurSlot");a.__xGaussianBlurSlotHandler=b;c.addEventListener("slotchange",b);IX(a)},KX=function(a){for(var b=$APP.t(new $APP.O(null,8,5,$APP.P,[new $APP.O(null,3,5,$APP.P,["colors","colors","#6366f1, #ec4899, #14b8a6, #f59e0b"],null),new $APP.O(null,3,5,$APP.P,["blur","blur","60"],null),new $APP.O(null,3,5,$APP.P,["speed","speed","medium"],null),new $APP.O(null,3,5,$APP.P,["count","count","5"],null),new $APP.O(null,3,5,$APP.P,
12
- ["size","size","medium"],null),new $APP.O(null,3,5,$APP.P,["opacity","opacity","0.7"],null),new $APP.O(null,3,5,$APP.P,["animation","animation","float"],null),new $APP.O(null,3,5,$APP.P,["blend","blend","normal"],null)],null)),c=null,d=0,e=0;;)if(e<d){var g=c.F(null,e),h=$APP.Ac(g,0,null),l=$APP.Ac(g,1,null),m=$APP.Ac(g,2,null);Object.defineProperty(a,h,{get:function(v,x,y,A,C,E,H,G){return function(){var J=this.getAttribute(H);return $APP.n(J)?J:G}}(b,c,d,e,g,h,l,m),set:function(v,x,y,A,C,E,H){return function(G){return typeof G===
13
- "string"&&$APP.N("",G)?this.setAttribute(H,G):this.removeAttribute(H)}}(b,c,d,e,g,h,l,m),enumerable:!0,configurable:!0});e+=1}else if(h=$APP.t(b)){g=h;if($APP.Nc(g))b=$APP.yb(g),e=$APP.zb(g),c=b,d=$APP.z(b),b=e;else{l=$APP.u(g);m=$APP.Ac(l,0,null);var p=$APP.Ac(l,1,null),q=$APP.Ac(l,2,null);Object.defineProperty(a,m,{get:function(v,x,y,A,C,E,H,G){return function(){var J=this.getAttribute(H);return $APP.n(J)?J:G}}(b,c,d,e,l,m,p,q,g,h),set:function(v,x,y,A,C,E,H){return function(G){return typeof G===
14
- "string"&&$APP.N("",G)?this.setAttribute(H,G):this.removeAttribute(H)}}(b,c,d,e,l,m,p,q,g,h),enumerable:!0,configurable:!0});b=$APP.w(g);c=null;d=0}e=0}else break;Object.defineProperty(a,"paused",{get:function(){return this.hasAttribute("paused")},set:function(v){return $APP.n(v)?this.setAttribute("paused",""):this.removeAttribute("paused")},enumerable:!0,configurable:!0})},MX=function(){var a=class extends HTMLElement{};a.observedAttributes=LX;a.prototype.connectedCallback=function(){JX(this);return null};
15
- a.prototype.disconnectedCallback=function(){var b=$APP.k(this,"__xGaussianBlurSlot"),c=$APP.k(this,"__xGaussianBlurSlotHandler");$APP.n($APP.n(b)?c:b)&&b.removeEventListener("slotchange",c);return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.N(c,d)&&$APP.n($APP.k(this,"__xGaussianBlurInit"))&&IX(this);return null};KX(a.prototype);return a},NX=function(){$APP.n(customElements.get("x-gaussian-blur"))||customElements.define("x-gaussian-blur",MX());return null},GX=new $APP.K(null,"speed-s",
16
- "speed-s",-1018350546),AX=new $APP.K(null,"blend","blend",249565561),zX=new $APP.K(null,"paused","paused",-1710376127),HX=new $APP.K(null,"size-pct","size-pct",-741809955),tX=new $APP.K(null,"anim-index","anim-index",-1563021855),vX=new $APP.K(null,"delay-factor","delay-factor",-751650178),uX=new $APP.K(null,"duration-factor","duration-factor",-409465019);var LX="colors blur speed count size opacity animation blend paused".split(" ");
17
- $APP.zf([zX,$APP.Wg,$APP.Gj,$APP.rm,$APP.Mh,$APP.ki,$APP.qi,$APP.Rh,AX],[new $APP.Q(null,2,[$APP.Z,$APP.Zj,$APP.Ik,"paused"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.Ik,"animation"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.Ik,"speed"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.Ik,"colors"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.Ik,"size"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.Ik,"blur"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.Ik,"opacity"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,
18
- $APP.Ik,"count"],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.Ik,"blend"],null)]);
19
- var EX=new $APP.S(null,new $APP.Q(null,3,["float",null,"none",null,"pulse",null],null),null),FX=new $APP.S(null,new $APP.Q(null,5,["soft-light",null,"multiply",null,"screen",null,"normal",null,"overlay",null],null),null),DX=new $APP.Q(null,3,["slow",18,"medium",10,"fast",5],null),CX=new $APP.Q(null,3,["small",30,"medium",50,"large",70],null),BX=function BX(a){return typeof a==="string"&&$APP.N("",a.trim())?(a=a.trim().split(/,/),$APP.We.m($APP.fe,$APP.th.i($APP.ae.g(function(c){return c.trim()}),
20
- $APP.ce(function(c){return $APP.N("",c)})),a)):BX.g?BX.g("#6366f1, #ec4899, #14b8a6, #f59e0b"):BX.call(null,"#6366f1, #ec4899, #14b8a6, #f59e0b")};$APP.ha("baredom.exports.x_gaussian_blur.init",NX);export const init=NX;
2
+ var H0=function(a,b,c){var d=$APP.z(a);return $APP.hf.l($APP.pe,$APP.he.g(function(e){var f=e*2.39996323,h=50+30*Math.cos(f);f=50+30*Math.sin(f);var l=10*Math.sin(e*2.39996323),m=10*Math.cos(e*Math.PI),q=Math.sin(e*1.618);q=.7+q*q*.6;var r=.8+.4*Math.sin(e*1.3),v=-(e/$APP.Hi.i(b,1));return new $APP.N(null,7,[$APP.$k,$APP.wc(a,$APP.od(e,d)),$APP.cn,h+l,$APP.bn,f+m,$APP.bj,c*q,E0,$APP.od(e,4),F0,r,G0,v],null)}),$APP.pg(0,b))},I0=function(a){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),
3
+ d=document.createElement("div"),e=document.createElement("div"),f=document.createElement("slot");c.textContent=":host{display:block;position:relative;width:100%;height:100%;overflow:hidden;box-sizing:border-box;color-scheme:light dark;--x-gaussian-blur-bg:transparent;--x-gaussian-blur-z-index:0;--x-gaussian-blur-border-radius:0;}:host{border-radius:var(--x-gaussian-blur-border-radius);}[part\x3dbackdrop]{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:var(--x-gaussian-blur-z-index);background:var(--x-gaussian-blur-bg);}[part\x3dcontent]{position:relative;z-index:1;width:100%;height:100%;}.blob{position:absolute;border-radius:50%;will-change:transform;pointer-events:none;}@keyframes x-gb-float-0{0%,100%{transform:translate(-50%,-50%) translate(0,0);}25%{transform:translate(-50%,-50%) translate(12%,-18%);}50%{transform:translate(-50%,-50%) translate(-10%,15%);}75%{transform:translate(-50%,-50%) translate(15%,6%);}}@keyframes x-gb-float-1{0%,100%{transform:translate(-50%,-50%) translate(0,0);}25%{transform:translate(-50%,-50%) translate(-15%,10%);}50%{transform:translate(-50%,-50%) translate(18%,-12%);}75%{transform:translate(-50%,-50%) translate(-8%,-16%);}}@keyframes x-gb-float-2{0%,100%{transform:translate(-50%,-50%) translate(0,0);}25%{transform:translate(-50%,-50%) translate(10%,16%);}50%{transform:translate(-50%,-50%) translate(-18%,-8%);}75%{transform:translate(-50%,-50%) translate(14%,-12%);}}@keyframes x-gb-float-3{0%,100%{transform:translate(-50%,-50%) translate(0,0);}25%{transform:translate(-50%,-50%) translate(-12%,-10%);}50%{transform:translate(-50%,-50%) translate(16%,18%);}75%{transform:translate(-50%,-50%) translate(-10%,14%);}}@keyframes x-gb-pulse-0{0%,100%{transform:translate(-50%,-50%) scale(1) translate(0,0);}33%{transform:translate(-50%,-50%) scale(1.2) translate(10%,-14%);}66%{transform:translate(-50%,-50%) scale(0.85) translate(-10%,10%);}}@keyframes x-gb-pulse-1{0%,100%{transform:translate(-50%,-50%) scale(1) translate(0,0);}33%{transform:translate(-50%,-50%) scale(0.85) translate(-14%,10%);}66%{transform:translate(-50%,-50%) scale(1.2) translate(12%,-8%);}}@keyframes x-gb-pulse-2{0%,100%{transform:translate(-50%,-50%) scale(1) translate(0,0);}33%{transform:translate(-50%,-50%) scale(1.18) translate(8%,16%);}66%{transform:translate(-50%,-50%) scale(0.82) translate(-16%,-10%);}}@keyframes x-gb-pulse-3{0%,100%{transform:translate(-50%,-50%) scale(1) translate(0,0);}33%{transform:translate(-50%,-50%) scale(0.88) translate(-10%,-14%);}66%{transform:translate(-50%,-50%) scale(1.15) translate(10%,16%);}}:host([data-paused]) .blob{animation-play-state:paused;}@media (prefers-reduced-motion:reduce){.blob{animation:none!important;}}";
4
+ d.setAttribute("part","backdrop");d.setAttribute("aria-hidden","true");e.setAttribute("part","content");e.appendChild(f);b.appendChild(c);b.appendChild(d);b.appendChild(e);a.__xGaussianBlurBackdrop=d;a.__xGaussianBlurSlot=f;a.__xGaussianBlurBlobs=[];a.__xGaussianBlurInit=!0},J0=function(a,b){if($APP.n($APP.n(b)?b.assignedNodes().length>0:null))return a.removeAttribute("role"),a.removeAttribute("aria-hidden");a.setAttribute("role","presentation");return a.setAttribute("aria-hidden","true")},S0=function(a){var b=
5
+ $APP.Lf([$APP.Yl,$APP.ji,$APP.Sk,$APP.Ln,$APP.bj,$APP.wj,$APP.zj,$APP.gj,K0],[a.getAttribute("paused"),a.getAttribute("animation"),a.getAttribute("speed"),a.getAttribute("colors"),a.getAttribute("size"),a.getAttribute("blur"),a.getAttribute("opacity"),a.getAttribute("count"),a.getAttribute("blend")]);var c=$APP.J(b);b=$APP.C(c,K0);var d=$APP.C(c,$APP.Yl),e=$APP.C(c,$APP.ji),f=$APP.C(c,$APP.Sk);var h=$APP.C(c,$APP.Ln);var l=$APP.C(c,$APP.bj),m=$APP.C(c,$APP.wj),q=$APP.C(c,$APP.zj);c=$APP.C(c,$APP.gj);
6
+ h=L0(h);typeof c==="string"&&$APP.M("",c.trim())?(c=parseInt(c.trim(),10),c=$APP.n(isFinite(c))?$APP.Ii.i(12,$APP.Hi.i(1,c)):5):c=5;if(typeof l==="string"&&$APP.M("",l.trim())){l=l.trim();var r=$APP.C(M0,l);$APP.n(r)?l=r:(l=parseFloat(l),r=isFinite(l),l=$APP.n($APP.n(r)?l>0:r)?$APP.Ii.i(100,$APP.Hi.i(10,l)):50)}else l=50;typeof f==="string"&&$APP.M("",f.trim())?(f=f.trim(),r=$APP.C(N0,f),$APP.n(r)?f=r:(f=parseFloat(f),r=isFinite(f),f=$APP.n($APP.n(r)?f>0:r)?f:10)):f=10;e=typeof e==="string"&&$APP.Zc(O0,
7
+ e)?e:"float";d=d!=null;typeof m==="string"&&$APP.M("",m.trim())?(m=parseFloat(m.trim()),r=isFinite(m),m=$APP.n($APP.n(r)?m>0:r)?m:60):m=60;r=H0(h,c,l);typeof q==="string"&&$APP.M("",q.trim())?(q=parseFloat(q.trim()),q=$APP.n(isFinite(q))?$APP.Ii.i(1,$APP.Hi.i(0,q)):.7):q=.7;b=typeof b==="string"&&$APP.Zc(P0,b)?b:"normal";h=$APP.Lf([$APP.Yl,$APP.ji,$APP.Ln,Q0,$APP.wj,$APP.co,$APP.zj,$APP.gj,K0,R0],[d,e,h,f,m,r,q,c,b,l]);b=$APP.J(h);q=$APP.C(b,$APP.wj);c=$APP.C(b,$APP.zj);m=$APP.C(b,K0);l=$APP.C(b,
8
+ $APP.ji);d=$APP.C(b,$APP.Yl);e=$APP.k(a,"__xGaussianBlurBackdrop");b=$APP.k(a,"__xGaussianBlurSlot");e.style.setProperty("filter","blur("+$APP.Q.g(q)+"px)");e.style.setProperty("opacity",""+$APP.Q.g(c));e.style.setProperty("mix-blend-mode",m);$APP.n(d)?a.setAttribute("data-paused",""):a.removeAttribute("data-paused");a.setAttribute("data-animation",l);a:{m=$APP.J(h);h=$APP.C(m,$APP.co);q=$APP.C(m,$APP.ji);c=$APP.C(m,Q0);$APP.C(m,$APP.wj);d=$APP.k(a,"__xGaussianBlurBackdrop");m=$APP.k(a,"__xGaussianBlurBlobs");
9
+ e=m.length;l=$APP.z(h);for(f=e;;)if(f<l)r=document.createElement("div"),r.className="blob",d.appendChild(r),m.push(r),f+=1;else break;for(;;)if(e>l)f=m.pop(),d.removeChild(f),--e;else break;for(d=0;;)if(d<l){var v=m[d];r=$APP.wc(h,d);f=q;e=c;var x=$APP.J(r),y=$APP.C(x,$APP.$k),A=$APP.C(x,$APP.cn),D=$APP.C(x,$APP.bn),G=$APP.C(x,$APP.bj),I=$APP.C(x,E0);r=$APP.C(x,F0);x=$APP.C(x,G0);v=v.style;G=""+$APP.Q.g(G)+"%";v.setProperty("left",""+$APP.Q.g(A)+"%");v.setProperty("top",""+$APP.Q.g(D)+"%");v.setProperty("width",
10
+ G);v.setProperty("height",G);v.setProperty("background","radial-gradient(circle,"+$APP.Q.g(y)+" 0%,transparent 70%)");v.setProperty("transform","translate(-50%,-50%)");b:switch(y=I,f){case "float":f="x-gb-float-"+$APP.Q.g(y);break b;case "pulse":f="x-gb-pulse-"+$APP.Q.g(y);break b;default:f=null}$APP.n(f)?(r*=e,e*=x,v.setProperty("animation",""+$APP.Q.g(f)+" "+$APP.Q.g(r)+"s ease-in-out "+$APP.Q.g(e)+"s infinite")):v.removeProperty("animation");d+=1}else break a}J0(a,b)},T0=function(a){function b(){return J0(a,
11
+ c)}$APP.n($APP.k(a,"__xGaussianBlurInit"))||I0(a);var c=$APP.k(a,"__xGaussianBlurSlot");a.__xGaussianBlurSlotHandler=b;c.addEventListener("slotchange",b);S0(a);return null},U0=function(a){var b=$APP.k(a,"__xGaussianBlurSlot");a=$APP.k(a,"__xGaussianBlurSlotHandler");$APP.n($APP.n(b)?a:b)&&b.removeEventListener("slotchange",a);return null},V0=function(a,b,c,d){$APP.M(c,d)&&$APP.n($APP.k(a,"__xGaussianBlurInit"))&&S0(a);return null},X0=function(a){return $APP.jh(a,W0)},Z0=function(){return $APP.Yg("x-gaussian-blur",
12
+ new $APP.N(null,5,[$APP.Pg,Y0,$APP.Qg,T0,$APP.Rg,U0,$APP.Sg,V0,$APP.Wg,X0],null))},Q0=new $APP.F(null,"speed-s","speed-s",-1018350546),K0=new $APP.F(null,"blend","blend",249565561),R0=new $APP.F(null,"size-pct","size-pct",-741809955),E0=new $APP.F(null,"anim-index","anim-index",-1563021855),G0=new $APP.F(null,"delay-factor","delay-factor",-751650178),F0=new $APP.F(null,"duration-factor","duration-factor",-409465019);var Y0="colors blur speed count size opacity animation blend paused".split(" "),W0=$APP.Lf([$APP.Yl,$APP.ji,$APP.Sk,$APP.Ln,$APP.bj,$APP.wj,$APP.zj,$APP.gj,K0],[new $APP.N(null,2,[$APP.R,$APP.T,$APP.S,"paused"],null),new $APP.N(null,3,[$APP.R,$APP.U,$APP.S,"animation",$APP.ih,"float"],null),new $APP.N(null,3,[$APP.R,$APP.U,$APP.S,"speed",$APP.ih,"medium"],null),new $APP.N(null,3,[$APP.R,$APP.U,$APP.S,"colors",$APP.ih,"#6366f1, #ec4899, #14b8a6, #f59e0b"],null),new $APP.N(null,3,[$APP.R,$APP.U,$APP.S,
13
+ "size",$APP.ih,"medium"],null),new $APP.N(null,3,[$APP.R,$APP.U,$APP.S,"blur",$APP.ih,"60"],null),new $APP.N(null,3,[$APP.R,$APP.U,$APP.S,"opacity",$APP.ih,"0.7"],null),new $APP.N(null,3,[$APP.R,$APP.U,$APP.S,"count",$APP.ih,"5"],null),new $APP.N(null,3,[$APP.R,$APP.U,$APP.S,"blend",$APP.ih,"normal"],null)]),O0=new $APP.O(null,new $APP.N(null,3,["float",null,"none",null,"pulse",null],null),null),P0=new $APP.O(null,new $APP.N(null,5,["soft-light",null,"multiply",null,"screen",null,"normal",null,"overlay",
14
+ null],null),null),N0=new $APP.N(null,3,["slow",18,"medium",10,"fast",5],null),M0=new $APP.N(null,3,["small",30,"medium",50,"large",70],null),L0=function L0(a){return typeof a==="string"&&$APP.M("",a.trim())?(a=a.trim().split(/,/),$APP.hf.l($APP.pe,$APP.Ji.i($APP.he.g(function(c){return c.trim()}),$APP.me(function(c){return $APP.M("",c)})),a)):L0.g?L0.g("#6366f1, #ec4899, #14b8a6, #f59e0b"):L0.call(null,"#6366f1, #ec4899, #14b8a6, #f59e0b")};$APP.ca("baredom.exports.x_gaussian_blur.init",Z0);export const init=Z0;
package/dist/x-grid.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { $APP, shadow$provide } from "./base.js";
2
- var VP=function(a){switch(a){case "none":return"0";case "xs":return"4px";case "sm":return"8px";case "md":return"16px";case "lg":return"24px";case "xl":return"32px";default:return"16px"}},WP=function(a,b,c){return $APP.I(b,a)?a:c},XP=function(a){switch(a){case "row-dense":return"row dense";case "column-dense":return"column dense";default:return a}},YP=function(a){return $APP.n($APP.n(a)?$APP.N("",a):a)?a:null},ZP=function(a){return $APP.n($APP.n(a)?$APP.N("",a):a)?a:"16rem"},jQ=function(a){var b=$APP.M(a);
3
- a=$APP.D(b,$P);var c=$APP.D(b,aQ),d=$APP.D(b,$APP.pm),e=$APP.D(b,bQ),g=$APP.D(b,cQ),h=$APP.D(b,$APP.Mk),l=$APP.D(b,dQ),m=$APP.D(b,$APP.qj);b=$APP.D(b,$APP.Yj);h=YP(h);l=ZP(l);var p=WP(b,eQ,"md");b=function(){var v=$APP.I(eQ,d)?d:null;return $APP.n(v)?v:p}();var q=function(){var v=$APP.I(eQ,m)?m:null;return $APP.n(v)?v:p}();g=WP(g,fQ,"stretch");c=WP(c,fQ,"stretch");e=XP(WP(e,gQ,"row"));h=$APP.n(h)?h:"repeat(auto-fit,minmax("+$APP.T.g(l)+",1fr))";return $APP.zf([bQ,cQ,$APP.Mk,$APP.qj,$APP.Yj,hQ,$P,
4
- iQ,$APP.pm,aQ],[e,g,h,VP(q),p,b,$APP.F(a),q,VP(b),c])},kQ=function(a){var b=$APP.zf([bQ,cQ,$APP.Mk,dQ,$APP.qj,$APP.Yj,$P,$APP.pm,aQ],[a.getAttribute("auto-flow"),a.getAttribute("align-items"),a.getAttribute("columns"),a.getAttribute("min-column-size"),a.getAttribute("column-gap"),a.getAttribute("gap"),a.hasAttribute("inline"),a.getAttribute("row-gap"),a.getAttribute("justify-items")]);b=jQ(b);a=$APP.k(a,"__x_grid_base");if($APP.n(a)){var c=a.style;a.setAttribute("data-gap",$APP.Yj.g(b));c.setProperty("--x-grid-columns",
5
- $APP.Mk.g(b));c.setProperty("--x-grid-row-gap",$APP.pm.g(b));c.setProperty("--x-grid-column-gap",$APP.qj.g(b));c.setProperty("--x-grid-align-items",cQ.g(b));c.setProperty("--x-grid-justify-items",aQ.g(b));b=c.setProperty("--x-grid-auto-flow",bQ.g(b))}else b=null;return b},lQ=function(a){if(!$APP.Dg(a,"__x_grid_initialized")){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot");c.textContent="\n :host {\n display:block;\n }\n\n :host([inline]) {\n display:inline-block;\n }\n\n .base {\n display:grid;\n box-sizing:border-box;\n grid-template-columns:var(--x-grid-columns);\n row-gap:var(--x-grid-row-gap);\n column-gap:var(--x-grid-column-gap);\n align-items:var(--x-grid-align-items);\n justify-items:var(--x-grid-justify-items);\n grid-auto-flow:var(--x-grid-auto-flow);\n }\n ";
6
- d.setAttribute("part","base");d.className="base";d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__x_grid_root=b;a.__x_grid_base=d;a.__x_grid_initialized=!0}kQ(a);return a},nQ=function(){var a=class extends HTMLElement{};a.observedAttributes=mQ;a.prototype.connectedCallback=function(){return lQ(this)};a.prototype.attributeChangedCallback=function(){return $APP.Dg(this,"__x_grid_initialized")?kQ(this):lQ(this)};return a},oQ=function(){return $APP.n(customElements.get("x-grid"))?null:customElements.define("x-grid",
7
- nQ())},dQ=new $APP.K(null,"min-column-size","min-column-size",-1066019378),$P=new $APP.K(null,"inline","inline",1399884222),iQ=new $APP.K(null,"column-gap-token","column-gap-token",-10192833),cQ=new $APP.K(null,"align-items","align-items",-267946462),hQ=new $APP.K(null,"row-gap-token","row-gap-token",-219143816),bQ=new $APP.K(null,"auto-flow","auto-flow",-1524521728),aQ=new $APP.K(null,"justify-items","justify-items",1638310783);var mQ="columns min-column-size gap row-gap column-gap align-items justify-items auto-flow inline".split(" "),eQ=new $APP.S(null,new $APP.Q(null,6,["none",null,"xs",null,"md",null,"lg",null,"xl",null,"sm",null],null),null),fQ=new $APP.S(null,new $APP.Q(null,4,["center",null,"start",null,"stretch",null,"end",null],null),null),gQ=new $APP.S(null,new $APP.Q(null,5,["column-dense",null,"row-dense",null,"dense",null,"column",null,"row",null],null),null);$APP.ha("baredom.exports.x_grid.init",oQ);export const init=oQ;
2
+ var ET=function(a){switch(a){case "none":return"0";case "xs":return"4px";case "sm":return"8px";case "md":return"16px";case "lg":return"24px";case "xl":return"32px";default:return"16px"}},FT=function(a,b,c){return $APP.Zc(b,a)?a:c},GT=function(a){switch(a){case "row-dense":return"row dense";case "column-dense":return"column dense";default:return a}},HT=function(a){return $APP.n($APP.n(a)?$APP.M("",a):a)?a:null},IT=function(a){return $APP.n($APP.n(a)?$APP.M("",a):a)?a:"16rem"},TT=function(a){var b=
3
+ $APP.J(a);a=$APP.C(b,JT);var c=$APP.C(b,KT),d=$APP.C(b,$APP.Jn),e=$APP.C(b,LT),f=$APP.C(b,MT),h=$APP.C(b,$APP.Tl),l=$APP.C(b,NT),m=$APP.C(b,$APP.Dk);b=$APP.C(b,$APP.jl);h=HT(h);l=IT(l);var q=FT(b,OT,"md");b=function(){var v=$APP.Zc(OT,d)?d:null;return $APP.n(v)?v:q}();var r=function(){var v=$APP.Zc(OT,m)?m:null;return $APP.n(v)?v:q}();f=FT(f,PT,"stretch");c=FT(c,PT,"stretch");e=GT(FT(e,QT,"row"));h=$APP.n(h)?h:"repeat(auto-fit,minmax("+$APP.Q.g(l)+",1fr))";return $APP.Lf([LT,MT,$APP.Tl,$APP.Dk,$APP.jl,
4
+ RT,JT,ST,$APP.Jn,KT],[e,f,h,ET(r),q,b,$APP.E(a),r,ET(b),c])},UT=function(a){var b=$APP.Lf([LT,MT,$APP.Tl,NT,$APP.Dk,$APP.jl,JT,$APP.Jn,KT],[a.getAttribute("auto-flow"),a.getAttribute("align-items"),a.getAttribute("columns"),a.getAttribute("min-column-size"),a.getAttribute("column-gap"),a.getAttribute("gap"),a.hasAttribute("inline"),a.getAttribute("row-gap"),a.getAttribute("justify-items")]);b=TT(b);a=$APP.k(a,"__xGridBase");if($APP.n(a)){var c=a.style;a.setAttribute("data-gap",$APP.jl.g(b));c.setProperty("--x-grid-columns",
5
+ $APP.Tl.g(b));c.setProperty("--x-grid-row-gap",$APP.Jn.g(b));c.setProperty("--x-grid-column-gap",$APP.Dk.g(b));c.setProperty("--x-grid-align-items",MT.g(b));c.setProperty("--x-grid-justify-items",KT.g(b));b=c.setProperty("--x-grid-auto-flow",LT.g(b))}else b=null;return b},VT=function(a){if(!$APP.$g(a,"__xGridInitialized")){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot");c.textContent="\n :host {\n display:block;\n }\n\n :host([inline]) {\n display:inline-block;\n }\n\n .base {\n display:grid;\n box-sizing:border-box;\n grid-template-columns:var(--x-grid-columns);\n row-gap:var(--x-grid-row-gap);\n column-gap:var(--x-grid-column-gap);\n align-items:var(--x-grid-align-items);\n justify-items:var(--x-grid-justify-items);\n grid-auto-flow:var(--x-grid-auto-flow);\n }\n ";
6
+ d.setAttribute("part","base");d.className="base";d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xGridRoot=b;a.__xGridBase=d;a.__xGridInitialized=!0}UT(a);return a},WT=function(a){return VT(a)},XT=function(a){return $APP.$g(a,"__xGridInitialized")?UT(a):VT(a)},ZT=function(){return $APP.Yg("x-grid",new $APP.N(null,3,[$APP.Pg,YT,$APP.Qg,WT,$APP.Sg,XT],null))},NT=new $APP.F(null,"min-column-size","min-column-size",-1066019378),JT=new $APP.F(null,"inline","inline",1399884222),ST=new $APP.F(null,
7
+ "column-gap-token","column-gap-token",-10192833),MT=new $APP.F(null,"align-items","align-items",-267946462),RT=new $APP.F(null,"row-gap-token","row-gap-token",-219143816),LT=new $APP.F(null,"auto-flow","auto-flow",-1524521728),KT=new $APP.F(null,"justify-items","justify-items",1638310783);var YT="columns min-column-size gap row-gap column-gap align-items justify-items auto-flow inline".split(" "),OT=new $APP.O(null,new $APP.N(null,6,["none",null,"xs",null,"md",null,"lg",null,"xl",null,"sm",null],null),null),PT=new $APP.O(null,new $APP.N(null,4,["center",null,"start",null,"stretch",null,"end",null],null),null),QT=new $APP.O(null,new $APP.N(null,5,["column-dense",null,"row-dense",null,"dense",null,"column",null,"row",null],null),null);$APP.ca("baredom.exports.x_grid.init",ZT);export const init=ZT;
@@ -0,0 +1,43 @@
1
+ // x-i18n-provider.d.ts — auto-generated by generate_types.bb, do not edit
2
+
3
+ export function init(): void;
4
+
5
+ export interface XI18nProviderEventMap {
6
+ "x-i18n-loading": CustomEvent<{ locale: string }>;
7
+ "x-i18n-change": CustomEvent<{ locale: string }>;
8
+ "x-i18n-error": CustomEvent<{ locale: string; message: string }>;
9
+ }
10
+
11
+ export interface XI18nProvider extends HTMLElement {
12
+ src: string;
13
+ locale: string;
14
+ fallbackLocale: string;
15
+ translateSubtree(): void;
16
+
17
+ addEventListener<K extends keyof XI18nProviderEventMap>(
18
+ type: K,
19
+ listener: (this: XI18nProvider, ev: XI18nProviderEventMap[K]) => any,
20
+ options?: boolean | AddEventListenerOptions
21
+ ): void;
22
+ addEventListener(
23
+ type: string,
24
+ listener: EventListenerOrEventListenerObject,
25
+ options?: boolean | AddEventListenerOptions
26
+ ): void;
27
+ removeEventListener<K extends keyof XI18nProviderEventMap>(
28
+ type: K,
29
+ listener: (this: XI18nProvider, ev: XI18nProviderEventMap[K]) => any,
30
+ options?: boolean | EventListenerOptions
31
+ ): void;
32
+ removeEventListener(
33
+ type: string,
34
+ listener: EventListenerOrEventListenerObject,
35
+ options?: boolean | EventListenerOptions
36
+ ): void;
37
+ }
38
+
39
+ declare global {
40
+ interface HTMLElementTagNameMap {
41
+ "x-i18n-provider": XI18nProvider;
42
+ }
43
+ }
@@ -0,0 +1,8 @@
1
+ import { $APP, shadow$provide } from "./base.js";
2
+ var $T=function(a,b){return typeof a==="string"&&$APP.M(a,"")&&typeof b==="string"&&$APP.M(b,"")?$APP.mh(a,"{locale}",b):null},aU=function(a){var b=$APP.k(a,"__xI18nProviderAbort");if($APP.n(b))b.abort(),a.__xI18nProviderAbort=null;else return null},bU=function(a,b){return fetch(a,{signal:b}).then(function(c){if($APP.n(c.ok))return c.json();throw Error("HTTP "+$APP.Q.g(c.status));}).then(function(c){return c})},cU=function(a,b,c){var d=a.attributes,e=a.getAttribute("data-i18n-params");e=e!=null?$APP.ei(e):
3
+ null;for(var f=d.length-1;;)if(f>=0){var h=d[f],l=h.name;if($APP.n(function(){var r=l.startsWith("data-i18n-");return $APP.n(r)?$APP.M(l,"data-i18n-params"):r}())){var m=l.substring(10),q=h.value;h=function(){var r=$APP.fi(b,q);return $APP.n(r)?r:$APP.fi(c,q)}();h=typeof h==="string"?$APP.n(e)?$APP.gi(h,e):h:q;a.setAttribute(m,h)}--f}else break},dU=function(a,b){aU(a);var c=$APP.J(b);b=$APP.C(c,$APP.Il);var d=$APP.C(c,$APP.qo),e=$APP.C(c,$APP.qm),f=$T(b,d);if($APP.n(f)){var h=new AbortController;
4
+ c=h.signal;a.__xI18nProviderAbort=h;$APP.P(a,"x-i18n-loading",{locale:d});f=bU(f,c);b=$APP.M(e,"")&&$APP.M(e,d)?$T(b,e):null;b=$APP.n(b)?bU(b,c).catch(function(){return null}):Promise.resolve(null);return Promise.all([f,b]).then(function(l){a.__xI18nProviderTranslations={current:l[0],fallback:l[1]};a.__xI18nProviderAbort=null;$APP.P(a,"x-i18n-change",{locale:d});a:{var m=$APP.k(a,"__xI18nProviderTranslations");if($APP.n(m)){l=$APP.k(m,"current");m=$APP.k(m,"fallback");for(var q=a.querySelectorAll("*"),
5
+ r=q.length,v=0;;)if(v<r){var x=q[v];x.closest("x-i18n-provider")===a&&cU(x,l,m);v+=1}else{l=null;break a}l=void 0}else l=null}return l}).catch(function(l){if($APP.B.i("AbortError",l.name))return null;a.__xI18nProviderAbort=null;return $APP.P(a,"x-i18n-error",{locale:d,message:l.message})})}return null},eU=function(a){var b=a.getAttribute("src");var c=a.getAttribute("locale"),d=a.getAttribute("fallback-locale");b=new $APP.N(null,3,[$APP.Il,$APP.n(b)?b:"",$APP.qo,typeof c==="string"&&$APP.M(c,"")?c:
6
+ "en",$APP.qm,$APP.n(d)?d:""],null);c=$APP.k(a,"__xI18nProviderModel");return $APP.M(b,c)?((d=c==null)||(d=$APP.M($APP.Il.g(c),$APP.Il.g(b))||$APP.M($APP.qo.g(c),$APP.qo.g(b))||$APP.M($APP.qm.g(c),$APP.qm.g(b))),a.__xI18nProviderModel=b,d?dU(a,b):null):null},fU=function(a){if(!$APP.n($APP.k(a,"__xI18nProviderRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("slot");c.textContent=":host{display:contents}";b.appendChild(c);b.appendChild(d);a.__xI18nProviderRefs=
7
+ {style:c,slot:d}}return eU(a)},gU=function(a){return aU(a)},hU=function(a){return $APP.n($APP.k(a,"__xI18nProviderRefs"))?eU(a):null},iU=function(a){$APP.jh(a,$APP.Ao);return Object.defineProperty(a,"translations",{get:function(){var b=$APP.k(this,"__xI18nProviderTranslations");return $APP.n(b)?$APP.k(b,"current"):null},enumerable:!0,configurable:!0})},kU=function(){return $APP.Yg("x-i18n-provider",new $APP.N(null,5,[$APP.Pg,jU,$APP.Qg,fU,$APP.Rg,gU,$APP.Sg,hU,$APP.Wg,iU],null))},jU=["src","locale",
8
+ "fallback-locale"];$APP.ca("baredom.exports.x_i18n_provider.init",kU);export const init=kU;
@@ -0,0 +1,14 @@
1
+ // x-i18n.d.ts — auto-generated by generate_types.bb, do not edit
2
+
3
+ export function init(): void;
4
+
5
+ export interface XI18n extends HTMLElement {
6
+ key: string;
7
+ params: string;
8
+ }
9
+
10
+ declare global {
11
+ interface HTMLElementTagNameMap {
12
+ "x-i18n": XI18n;
13
+ }
14
+ }
package/dist/x-i18n.js ADDED
@@ -0,0 +1,5 @@
1
+ import { $APP, shadow$provide } from "./base.js";
2
+ var dK=function(a){var b=a.getAttribute("key");a=a.getAttribute("params");return new $APP.N(null,2,[$APP.sl,$APP.n(b)?b:"",$APP.bm,$APP.ei(a)],null)},eK=function(a,b){var c=$APP.k(a,"__xI18nRefs");a=$APP.k(a,"__xI18nProvider");a=$APP.n(a)?$APP.k(a,"__xI18nProviderTranslations"):null;var d=$APP.n(a)?$APP.k(a,"current"):null,e=$APP.n(a)?$APP.k(a,"fallback"):null;a=$APP.sl.g(b);b=$APP.bm.g(b);d=$APP.fi(d,a);d=$APP.n(d)?d:$APP.fi(e,a);b=typeof d==="string"?$APP.gi(d,b):$APP.n(a)?a:"";return $APP.n(c)?
3
+ $APP.k(c,"span").textContent=b:null},fK=function(a){var b=dK(a);return $APP.M(b,$APP.k(a,"__xI18nModel"))?(a.__xI18nModel=b,eK(a,b)):null},gK=function(a){var b=a.closest("x-i18n-provider");a.__xI18nProvider=b;if($APP.n(b)){var c=function(){var d=$APP.k(a,"__xI18nModel");d=$APP.n(d)?d:dK(a);return eK(a,d)};$APP.Zg(a,"__xI18nHandlers",{change:c});b.addEventListener("x-i18n-change",c)}},hK=function(a){if(!$APP.n($APP.k(a,"__xI18nRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),
4
+ d=document.createElement("span");c.textContent=":host{display:inline}[part\x3dtext]{font:var(--x-i18n-font,inherit);color:var(--x-i18n-color,inherit)}";d.setAttribute("part","text");b.appendChild(c);b.appendChild(d);a.__xI18nRefs={span:d}}gK(a);return fK(a)},iK=function(a){var b=$APP.k(a,"__xI18nProvider");if($APP.n(b)){var c=$APP.k(a,"__xI18nHandlers");$APP.n(c)&&(c=$APP.k(c,"change"),$APP.n(c)&&b.removeEventListener("x-i18n-change",c))}a.__xI18nHandlers=null;a.__xI18nProvider=null},jK=function(a){return $APP.n($APP.k(a,
5
+ "__xI18nRefs"))?fK(a):null},kK=function(a){$APP.jh(a,$APP.Bo);return Object.defineProperty(a,"value",{get:function(){var b=$APP.k(this,"__xI18nRefs");return $APP.n(b)?$APP.k(b,"span").textContent:null},enumerable:!0,configurable:!0})},mK=function(){return $APP.Yg("x-i18n",new $APP.N(null,5,[$APP.Pg,lK,$APP.Qg,hK,$APP.Rg,iK,$APP.Sg,jK,$APP.Wg,kK],null))},lK=["key","params"];$APP.ca("baredom.exports.x_i18n.init",mK);export const init=mK;
package/dist/x-icon.js CHANGED
@@ -1,9 +1,8 @@
1
1
  import { $APP, shadow$provide } from "./base.js";
2
- var DP=function(){return new $APP.Q(null,3,[$APP.Qh,""+$APP.T.g(BP)+"px",CP,"md",$APP.il,BP],null)},FP=function(a){if(typeof a==="string"){a=a.trim();var b=a.toLowerCase();if($APP.B.i("",a))return DP();if($APP.I(EP,b))return a=$APP.D(EP,b),new $APP.Q(null,3,[$APP.Qh,""+$APP.T.g(a)+"px",CP,b,$APP.il,a],null);b=parseInt(a,10);return typeof b==="number"&&$APP.r(isNaN(b))&&b>0&&$APP.B.i(""+$APP.T.g(b),a)?new $APP.Q(null,3,[$APP.Qh,""+$APP.T.g(b)+"px",CP,null,$APP.il,b],null):DP()}return DP()},HP=function(a){if(!$APP.n($APP.k(a,
2
+ var lT=function(){return new $APP.N(null,3,[$APP.fj,""+$APP.Q.g(jT)+"px",kT,"md",$APP.um,jT],null)},nT=function(a){if(typeof a==="string"){a=a.trim();var b=a.toLowerCase();if($APP.B.i("",a))return lT();if($APP.Zc(mT,b))return a=$APP.C(mT,b),new $APP.N(null,3,[$APP.fj,""+$APP.Q.g(a)+"px",kT,b,$APP.um,a],null);b=parseInt(a,10);return typeof b==="number"&&$APP.p(isNaN(b))&&b>0&&$APP.B.i(""+$APP.Q.g(b),a)?new $APP.N(null,3,[$APP.fj,""+$APP.Q.g(b)+"px",kT,null,$APP.um,b],null):lT()}return lT()},pT=function(a){if(!$APP.n($APP.k(a,
3
3
  "__xIconRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("span"),e=document.createElement("slot");c.textContent=':host{display:inline-flex;align-items:center;justify-content:center;line-height:0;vertical-align:middle;color:var(--x-icon-color,currentColor);--x-icon-size:20px;}[part\x3dbox]{display:inline-flex;align-items:center;justify-content:center;width:var(--x-icon-size);height:var(--x-icon-size);}::slotted(svg){display:block;width:100%;height:100%;}::slotted(svg[fill\x3d"currentColor"]),::slotted(svg[stroke\x3d"currentColor"]){color:inherit;}';
4
- d.setAttribute("part","box");d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xIconRefs=new $APP.Q(null,2,[$APP.Hi,b,GP,d],null)}},PP=function(a){var b=new $APP.Q(null,4,[$APP.Wl,a.getAttribute("size"),$APP.gn,a.getAttribute("color"),$APP.pi,a.getAttribute("label"),IP,a.hasAttribute("label")],null);b=$APP.M(b);var c=$APP.D(b,$APP.Wl),d=$APP.D(b,$APP.gn),e=$APP.D(b,$APP.pi);b=$APP.D(b,IP);c=FP(c);typeof d==="string"?(d=d.trim().toLowerCase(),d=$APP.I(JP,d)?d:"inherit"):d="inherit";e=$APP.n($APP.n(b)?
5
- typeof e==="string":b)?e:"";c=$APP.Qh.g(c);var g=d;$APP.B.i(g,"inherit")?d="inherit":(d=$APP.D(KP,g),g=$APP.D(LP,g),d="var("+$APP.T.g(d)+","+$APP.T.g(g)+")");b=new $APP.Q(null,4,[MP,c,NP,d,$APP.U,e,OP,$APP.F(b)&&$APP.N("",e)],null);if($APP.N($APP.k(a,"__xIconModel"),b)){b=$APP.M(b);e=$APP.D(b,MP);c=$APP.D(b,NP);d=$APP.D(b,$APP.U);g=$APP.D(b,OP);HP(a);var h=a.style;h.setProperty("--x-icon-size",e);h.setProperty("--x-icon-color",c);$APP.n(g)?(a.setAttribute("role","img"),a.setAttribute("aria-label",
6
- d),a.removeAttribute("aria-hidden")):(a.setAttribute("aria-hidden","true"),a.removeAttribute("role"),a.removeAttribute("aria-label"));a.__xIconModel=b}},QP=function(a,b,c){Object.defineProperty(a,b,{get:function(){var d=this.getAttribute(c);return $APP.n(d)?d:""},set:function(d){return d==null||$APP.B.i(d,"")?this.removeAttribute(c):this.setAttribute(c,""+$APP.T.g(d))},enumerable:!0,configurable:!0})},RP=function(a){QP(a,"size","size");QP(a,"color","color");QP(a,"label","label")},TP=function(){var a=
7
- class extends HTMLElement{};a.observedAttributes=SP;a.prototype.connectedCallback=function(){HP(this);PP(this);return null};a.prototype.disconnectedCallback=function(){return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.N(c,d)&&PP(this);return null};RP(a.prototype);return a},UP=function(){$APP.n(customElements.get("x-icon"))||customElements.define("x-icon",TP());return null},CP=new $APP.K(null,"token","token",-1211463215),NP=new $APP.K(null,"color-css","color-css",-1998870384),
8
- GP=new $APP.K(null,"box","box",1530920394),MP=new $APP.K(null,"size-css","size-css",-1292915783),IP=new $APP.K(null,"label-present?","label-present?",-367749525),OP=new $APP.K(null,"labelled?","labelled?",-1907816908);var SP=["size","color","label"],EP=new $APP.Q(null,4,["sm",16,"md",20,"lg",24,"xl",32],null),JP=new $APP.S(null,new $APP.Q(null,8,["success",null,"warning",null,"muted",null,"secondary",null,"tertiary",null,"primary",null,"danger",null,"inherit",null],null),null),LP=new $APP.Q(null,7,"primary #2563eb secondary #64748b tertiary #94a3b8 success #16a34a warning #d97706 danger #dc2626 muted #64748b".split(" "),null),KP=new $APP.Q(null,7,"primary --x-color-primary secondary --x-color-secondary tertiary --x-color-tertiary success --x-color-success warning --x-color-warning danger --x-color-danger muted --x-color-text-muted".split(" "),
9
- null),BP=$APP.D(EP,"md");$APP.ha("baredom.exports.x_icon.init",UP);export const init=UP;
4
+ d.setAttribute("part","box");d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xIconRefs=new $APP.N(null,2,[$APP.Uh,b,oT,d],null)}},xT=function(a){var b=new $APP.N(null,4,[$APP.on,a.getAttribute("size"),$APP.to,a.getAttribute("color"),$APP.Ch,a.getAttribute("label"),qT,a.hasAttribute("label")],null);b=$APP.J(b);var c=$APP.C(b,$APP.on),d=$APP.C(b,$APP.to),e=$APP.C(b,$APP.Ch);b=$APP.C(b,qT);c=nT(c);typeof d==="string"?(d=d.trim().toLowerCase(),d=$APP.Zc(rT,d)?d:"inherit"):d="inherit";e=$APP.n($APP.n(b)?
5
+ typeof e==="string":b)?e:"";c=$APP.fj.g(c);var f=d;$APP.B.i(f,"inherit")?d="inherit":(d=$APP.C(sT,f),f=$APP.C(tT,f),d="var("+$APP.Q.g(d)+","+$APP.Q.g(f)+")");b=new $APP.N(null,4,[uT,c,vT,d,$APP.X,e,wT,$APP.E(b)&&$APP.M("",e)],null);if($APP.M($APP.k(a,"__xIconModel"),b)){b=$APP.J(b);e=$APP.C(b,uT);c=$APP.C(b,vT);d=$APP.C(b,$APP.X);f=$APP.C(b,wT);pT(a);var h=a.style;h.setProperty("--x-icon-size",e);h.setProperty("--x-icon-color",c);$APP.n(f)?(a.setAttribute("role","img"),a.setAttribute("aria-label",
6
+ d),a.removeAttribute("aria-hidden")):(a.setAttribute("aria-hidden","true"),a.removeAttribute("role"),a.removeAttribute("aria-label"));a.__xIconModel=b}},zT=function(a){return $APP.jh(a,yT)},AT=function(a){pT(a);xT(a);return null},BT=function(a,b,c,d){$APP.M(c,d)&&xT(a);return null},DT=function(){return $APP.Yg("x-icon",new $APP.N(null,4,[$APP.Pg,CT,$APP.Qg,AT,$APP.Sg,BT,$APP.Wg,zT],null))},kT=new $APP.F(null,"token","token",-1211463215),vT=new $APP.F(null,"color-css","color-css",-1998870384),oT=new $APP.F(null,
7
+ "box","box",1530920394),uT=new $APP.F(null,"size-css","size-css",-1292915783),qT=new $APP.F(null,"label-present?","label-present?",-367749525),wT=new $APP.F(null,"labelled?","labelled?",-1907816908);var CT=["size","color","label"],mT=new $APP.N(null,4,["sm",16,"md",20,"lg",24,"xl",32],null),rT=new $APP.O(null,new $APP.N(null,8,["success",null,"warning",null,"muted",null,"secondary",null,"tertiary",null,"primary",null,"danger",null,"inherit",null],null),null),tT=new $APP.N(null,7,"primary #2563eb secondary #64748b tertiary #94a3b8 success #16a34a warning #d97706 danger #dc2626 muted #64748b".split(" "),null),sT=new $APP.N(null,7,"primary --x-color-primary secondary --x-color-secondary tertiary --x-color-tertiary success --x-color-success warning --x-color-warning danger --x-color-danger muted --x-color-text-muted".split(" "),
8
+ null),yT=new $APP.N(null,3,[$APP.bj,new $APP.N(null,3,[$APP.R,$APP.U,$APP.S,"size",$APP.ih,""],null),$APP.$k,new $APP.N(null,3,[$APP.R,$APP.U,$APP.S,"color",$APP.ih,""],null),$APP.X,new $APP.N(null,3,[$APP.R,$APP.U,$APP.S,"label",$APP.ih,""],null)],null),jT=$APP.C(mT,"md");$APP.ca("baredom.exports.x_icon.init",DT);export const init=DT;
package/dist/x-image.js CHANGED
@@ -1,20 +1,19 @@
1
1
  import { $APP, shadow$provide } from "./base.js";
2
- var PM=function(a){if(a==null)return new $APP.Q(null,2,[$APP.Qh,null,$APP.Th,!0],null);if(typeof a!=="string")return new $APP.Q(null,2,[$APP.Qh,null,$APP.Th,!1],null);a=a.trim().toLowerCase();if($APP.B.i(a,"")||$APP.B.i(a,"auto"))return new $APP.Q(null,2,[$APP.Qh,null,$APP.Th,!0],null);var b=$APP.eg(OM,a);return $APP.n(b)?(a=parseFloat($APP.pc(b,1)),b=parseFloat($APP.pc(b,2)),a>0&&b>0?new $APP.Q(null,2,[$APP.Qh,""+$APP.T.g(a)+" / "+$APP.T.g(b),$APP.Th,!0],null):new $APP.Q(null,2,[$APP.Qh,null,$APP.Th,
3
- !1],null)):new $APP.Q(null,2,[$APP.Qh,null,$APP.Th,!1],null)},UM=function(a){var b=$APP.k(a,"__xImageRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("div"),g=document.createElement("img"),h=document.createElement("div"),l=document.createElement("slot"),m=document.createElement("div"),p=document.createElement("span"),q=document.createElement("span");c.textContent=":host{display:block;max-width:100%;box-sizing:border-box;color-scheme:light dark;--x-image-radius:var(--x-radius-md,8px);--x-image-bg:var(--x-color-surface,#f3f4f6);--x-image-border:0;--x-image-shimmer-color:var(--x-color-border,rgba(0,0,0,0.08));--x-image-shimmer-highlight:rgba(255,255,255,0.65);--x-image-shimmer-duration:1.5s;--x-image-fade-duration:var(--x-transition-duration,200ms);--x-image-fade-easing:var(--x-transition-easing,ease);--x-image-text:var(--x-color-text-muted,rgba(0,0,0,0.55));--x-image-error-gap:var(--x-space-xs,6px);--x-image-font-family:var(--x-font-family,system-ui,sans-serif);--x-image-font-size:var(--x-font-size-sm,0.875rem);}@media (prefers-color-scheme:dark){:host{--x-image-bg:var(--x-color-surface,#1f2937);--x-image-shimmer-color:var(--x-color-border,rgba(255,255,255,0.08));--x-image-shimmer-highlight:rgba(255,255,255,0.10);--x-image-text:var(--x-color-text-muted,rgba(255,255,255,0.65));}}[part\x3dframe]{position:relative;width:100%;height:100%;min-height:1em;background:var(--x-image-bg);border-radius:var(--x-image-radius);border:var(--x-image-border);overflow:hidden;}[part\x3dimage]{display:block;width:100%;height:100%;opacity:0;transition:opacity var(--x-image-fade-duration) var(--x-image-fade-easing);}:host([data-state\x3dloaded]) [part\x3dimage]{opacity:1;}[part\x3dshimmer]{position:absolute;inset:0;background-color:var(--x-image-shimmer-color);background-image:linear-gradient(90deg,transparent 0%,var(--x-image-shimmer-highlight) 50%,transparent 100%);background-size:200% 100%;background-repeat:no-repeat;background-position:-100% 0;animation:x-image-shimmer var(--x-image-shimmer-duration) linear infinite;}@keyframes x-image-shimmer{0%{background-position:-100% 0;}100%{background-position:100% 0;}}:host([data-state\x3dloaded]) [part\x3dshimmer],:host([data-state\x3derror]) [part\x3dshimmer]{display:none;}[part\x3derror]{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:var(--x-image-error-gap);padding:8px;text-align:center;color:var(--x-image-text);font-family:var(--x-image-font-family);font-size:var(--x-image-font-size);}:host([data-state\x3derror]) [part\x3derror]{display:flex;}:host([data-state\x3derror]) [part\x3dimage]{visibility:hidden;}[part\x3derror-glyph]{font-size:1.5em;line-height:1;}[part\x3derror-text]{line-height:1.25;}@media (prefers-reduced-motion:reduce){[part\x3dshimmer]{animation:none;}[part\x3dimage]{transition:none;}}";
4
- d.setAttribute("part","frame");e.setAttribute("part","shimmer");e.setAttribute("aria-hidden","true");g.setAttribute("part","image");g.alt="";g.decoding="async";g.loading="lazy";h.setAttribute("part","error");h.setAttribute("role","img");h.setAttribute("aria-label","Image failed to load");l.setAttribute("name","error");m.setAttribute("part","error-default");p.setAttribute("part","error-glyph");p.setAttribute("aria-hidden","true");p.textContent="⚠";q.setAttribute("part","error-text");q.textContent=
5
- "Image unavailable";m.appendChild(p);m.appendChild(q);l.appendChild(m);h.appendChild(l);d.appendChild(e);d.appendChild(g);d.appendChild(h);b.appendChild(c);b.appendChild(d);a.__xImageRefs=new $APP.Q(null,6,[$APP.Hi,b,QM,d,RM,e,$APP.yj,g,SM,h,TM,l],null);return $APP.k(a,"__xImageRefs")},VM=function(a,b){a.__xImageState=b;a.setAttribute("data-state",b)},gN=function(a){var b=new $APP.Q(null,8,[$APP.gm,a.getAttribute("src"),$APP.Lm,a.getAttribute("alt"),WM,a.hasAttribute("alt"),XM,a.hasAttribute("decorative"),
6
- YM,a.getAttribute("ratio"),ZM,a.getAttribute("fit"),$APP.Xj,a.getAttribute("position"),$APP.Dm,a.getAttribute("loading")],null);var c=$APP.M(b),d=$APP.D(c,$APP.gm),e=$APP.D(c,$APP.Lm),g=$APP.D(c,WM),h=$APP.D(c,XM),l=$APP.D(c,YM),m=$APP.D(c,ZM);b=$APP.D(c,$APP.Xj);var p=$APP.D(c,$APP.Dm);h=$APP.F(h);l=PM(l);c=$APP.M(l);l=$APP.D(c,$APP.Qh);c=$APP.D(c,$APP.Th);var q=!h&&$APP.r(g);e=h?"":$APP.n(g)?$APP.n(e)?e:"":"";typeof m==="string"?(m=m.trim().toLowerCase(),m=$APP.I($M,m)?m:"cover"):m="cover";typeof d===
7
- "string"?(d=$APP.Og(d),d=typeof d==="string"&&$APP.N("",d)?d:null):d=null;typeof p==="string"?(p=p.trim().toLowerCase(),p=$APP.I(aN,p)?p:"lazy"):p="lazy";typeof b==="string"?(b=b.trim(),b=$APP.B.i(b,"")?"center":b):b="center";b=$APP.zf([$APP.ei,bN,$APP.Ak,cN,$APP.yl,dN,eN,$APP.cn,fN],[e,m,d,h,p,c,q,b,l]);$APP.N($APP.k(a,"__xImageModel"),b)&&(h=UM(a),c=$APP.M(h),h=$APP.D(c,QM),l=$APP.D(c,$APP.yj),c=$APP.D(c,SM),q=$APP.k(a,"__xImageModel"),p=$APP.n(q)?$APP.Ak.g(q):null,q=q==null||$APP.N(p,$APP.Ak.g(b)),
8
- $APP.n(fN.g(b))?h.style.aspectRatio=fN.g(b):h.style.aspectRatio="",$APP.n(dN.g(b))||$APP.n($APP.k(a,"__xImageWarnedRatio"))||(a.__xImageWarnedRatio=!0,console.warn('[x-image] Invalid ratio attribute; expected "W:H" (e.g. "16:9").')),l.style.objectFit=bN.g(b),l.style.objectPosition=$APP.cn.g(b),l.loading=$APP.yl.g(b),l.decoding="async",$APP.n(cN.g(b))?(l.alt="",a.setAttribute("aria-hidden","true"),a.removeAttribute("role")):(l.alt=$APP.ei.g(b),a.removeAttribute("aria-hidden"),a.setAttribute("role",
9
- "img"),$APP.n(eN.g(b))&&!$APP.n($APP.k(a,"__xImageWarnedAlt"))&&(a.__xImageWarnedAlt=!0,console.warn('[x-image] Missing alt attribute. Set alt\x3d"…" or add the `decorative` attribute.'))),c.setAttribute("aria-label",$APP.r(cN.g(b))&&$APP.N("",$APP.ei.g(b))?$APP.ei.g(b):"Image failed to load"),q&&(h=$APP.Ak.g(b),l=$APP.M($APP.k(a,"__xImageRefs")),l=$APP.D(l,$APP.yj),$APP.N($APP.k(a,"__xImageCurrentSrc"),h)&&(a.__xImageCurrentSrc=h,typeof h==="string"&&$APP.N("",h)?(VM(a,"loading"),l.setAttribute("src",
10
- h)):(l.removeAttribute("src"),VM(a,"loading")))),a.__xImageModel=b)},kN=function(a){function b(){var e=$APP.M($APP.k(a,"__xImageRefs")),g=$APP.D(e,$APP.yj);e=$APP.k(a,"__xImageCurrentSrc");$APP.n($APP.n(g)?typeof e==="string"&&$APP.N("",e):g)&&(g=g.getAttribute("src"),$APP.B.i(g,e)&&(VM(a,"error"),e=$APP.Hh(new $APP.Q(null,1,[$APP.Ak,$APP.n(e)?e:""],null)),e=new CustomEvent("x-image-error",{detail:e,bubbles:!0,composed:!0,cancelable:!1}),a.dispatchEvent(e)));return null}function c(){var e=$APP.M($APP.k(a,
11
- "__xImageRefs")),g=$APP.D(e,$APP.yj);e=$APP.k(a,"__xImageCurrentSrc");if($APP.n($APP.n(g)?typeof e==="string"&&$APP.N("",e):g)){var h=g.getAttribute("src");$APP.B.i(h,e)&&(VM(a,"loaded"),h=g.naturalWidth,g=g.naturalHeight,e=$APP.Hh(new $APP.Q(null,3,[$APP.Ak,$APP.n(e)?e:"",hN,$APP.n(h)?h:0,iN,$APP.n(g)?g:0],null)),e=new CustomEvent("x-image-load",{detail:e,bubbles:!0,composed:!0,cancelable:!1}),a.dispatchEvent(e))}return null}var d=UM(a);d=$APP.M(d);d=$APP.D(d,$APP.yj);d.addEventListener("load",c);
12
- d.addEventListener("error",b);$APP.Cg(a,"__xImageHandlers",new $APP.Q(null,2,[jN,c,$APP.Ei,b],null))},lN=function(a){var b=$APP.k(a,"__xImageHandlers"),c=$APP.k(a,"__xImageRefs");if($APP.n($APP.n(b)?c:b)){c=$APP.yj.g(c);var d=jN.g(b);b=$APP.Ei.g(b);$APP.n(d)&&c.removeEventListener("load",d);$APP.n(b)&&c.removeEventListener("error",b)}a.__xImageHandlers=null},mN=function(a,b,c){Object.defineProperty(a,b,{get:function(){var d=this.getAttribute(c);return $APP.n(d)?d:""},set:function(d){return d==null||
13
- $APP.B.i(d,"")?this.removeAttribute(c):this.setAttribute(c,""+$APP.T.g(d))},enumerable:!0,configurable:!0})},nN=function(a){mN(a,"src","src");mN(a,"alt","alt");mN(a,"ratio","ratio");mN(a,"fit","fit");mN(a,"position","position");mN(a,"loading","loading");Object.defineProperty(a,"decorative",{get:function(){return this.hasAttribute("decorative")},set:function(b){return $APP.n(b)?this.setAttribute("decorative",""):this.removeAttribute("decorative")},enumerable:!0,configurable:!0});Object.defineProperty(a,
14
- "naturalWidth",{get:function(){var b=$APP.k(this,"__xImageRefs");return $APP.n(b)?$APP.yj.g(b).naturalWidth:0},enumerable:!0,configurable:!0});Object.defineProperty(a,"naturalHeight",{get:function(){var b=$APP.k(this,"__xImageRefs");return $APP.n(b)?$APP.yj.g(b).naturalHeight:0},enumerable:!0,configurable:!0});Object.defineProperty(a,"state",{get:function(){var b=$APP.k(this,"__xImageState");return $APP.n(b)?b:"loading"},enumerable:!0,configurable:!0})},pN=function(){var a=class extends HTMLElement{};
15
- a.observedAttributes=oN;a.prototype.connectedCallback=function(){UM(this);lN(this);kN(this);$APP.k(this,"__xImageState")==null&&VM(this,"loading");gN(this);return null};a.prototype.disconnectedCallback=function(){lN(this);return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.N(c,d)&&gN(this);return null};nN(a.prototype);return a},qN=function(){$APP.n(customElements.get("x-image"))||customElements.define("x-image",pN());return null},QM=new $APP.K(null,"frame","frame",-1711082588),
16
- ZM=new $APP.K(null,"fit-raw","fit-raw",792829585),cN=new $APP.K(null,"decorative?","decorative?",131461581),SM=new $APP.K(null,"error-box","error-box",1060106676),fN=new $APP.K(null,"ratio-css","ratio-css",1208951932),RM=new $APP.K(null,"shimmer","shimmer",2123148747),TM=new $APP.K(null,"error-slot","error-slot",493821239),YM=new $APP.K(null,"ratio-raw","ratio-raw",-1076891672),eN=new $APP.K(null,"warn-alt?","warn-alt?",-638898603),jN=new $APP.K(null,"load","load",-1318641184),XM=new $APP.K(null,
17
- "decorative-present?","decorative-present?",2067744841),bN=new $APP.K(null,"fit","fit",869444807),WM=new $APP.K(null,"alt-present?","alt-present?",-707038767),hN=new $APP.K(null,"naturalWidth","naturalWidth",-1890093257),iN=new $APP.K(null,"naturalHeight","naturalHeight",227028566),dN=new $APP.K(null,"ratio-valid?","ratio-valid?",-713026893);var oN="src alt decorative ratio fit position loading".split(" ");
18
- $APP.zf([$APP.ei,bN,$APP.Ak,new $APP.K(null,"state","state",-1988618099),new $APP.K(null,"decorative","decorative",-238973678),$APP.yl,$APP.xj,iN,hN,$APP.cn],[new $APP.Q(null,1,[$APP.Z,$APP.Y],null),new $APP.Q(null,1,[$APP.Z,$APP.Y],null),new $APP.Q(null,1,[$APP.Z,$APP.Y],null),new $APP.Q(null,2,[$APP.Z,$APP.Y,$APP.Bj,!0],null),new $APP.Q(null,1,[$APP.Z,$APP.Zj],null),new $APP.Q(null,1,[$APP.Z,$APP.Y],null),new $APP.Q(null,1,[$APP.Z,$APP.Y],null),new $APP.Q(null,2,[$APP.Z,$APP.W,$APP.Bj,!0],null),
19
- new $APP.Q(null,2,[$APP.Z,$APP.W,$APP.Bj,!0],null),new $APP.Q(null,1,[$APP.Z,$APP.Y],null)]);$APP.Pd(["x-image-load",new $APP.Q(null,2,[$APP.V,new $APP.Q(null,3,[$APP.Ak,$APP.Y,hN,$APP.W,iN,$APP.W],null),$APP.lm,!1],null),"x-image-error",new $APP.Q(null,2,[$APP.V,new $APP.Q(null,1,[$APP.Ak,$APP.Y],null),$APP.lm,!1],null)]);
20
- var $M=new $APP.S(null,new $APP.Q(null,5,["cover",null,"none",null,"fill",null,"scale-down",null,"contain",null],null),null),aN=new $APP.S(null,new $APP.Q(null,2,["eager",null,"lazy",null],null),null),OM=/^\s*(\d+(?:\.\d+)?)\s*[:\/]\s*(\d+(?:\.\d+)?)\s*$/;$APP.ha("baredom.exports.x_image.init",qN);export const init=qN;
2
+ var uQ=function(a){if(a==null)return new $APP.N(null,2,[$APP.fj,null,$APP.ij,!0],null);if(typeof a!=="string")return new $APP.N(null,2,[$APP.fj,null,$APP.ij,!1],null);a=a.trim().toLowerCase();if($APP.B.i(a,"")||$APP.B.i(a,"auto"))return new $APP.N(null,2,[$APP.fj,null,$APP.ij,!0],null);var b=$APP.rg(tQ,a);return $APP.n(b)?(a=parseFloat($APP.wc(b,1)),b=parseFloat($APP.wc(b,2)),a>0&&b>0?new $APP.N(null,2,[$APP.fj,""+$APP.Q.g(a)+" / "+$APP.Q.g(b),$APP.ij,!0],null):new $APP.N(null,2,[$APP.fj,null,$APP.ij,
3
+ !1],null)):new $APP.N(null,2,[$APP.fj,null,$APP.ij,!1],null)},zQ=function(a){var b=$APP.k(a,"__xImageRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("div"),f=document.createElement("img"),h=document.createElement("div"),l=document.createElement("slot"),m=document.createElement("div"),q=document.createElement("span"),r=document.createElement("span");c.textContent=":host{display:block;max-width:100%;box-sizing:border-box;color-scheme:light dark;--x-image-radius:var(--x-radius-md,8px);--x-image-bg:var(--x-color-surface,#f3f4f6);--x-image-border:0;--x-image-shimmer-color:var(--x-color-border,rgba(0,0,0,0.08));--x-image-shimmer-highlight:rgba(255,255,255,0.65);--x-image-shimmer-duration:1.5s;--x-image-fade-duration:var(--x-transition-duration,200ms);--x-image-fade-easing:var(--x-transition-easing,ease);--x-image-text:var(--x-color-text-muted,rgba(0,0,0,0.55));--x-image-error-gap:var(--x-space-xs,6px);--x-image-font-family:var(--x-font-family,system-ui,sans-serif);--x-image-font-size:var(--x-font-size-sm,0.875rem);}@media (prefers-color-scheme:dark){:host{--x-image-bg:var(--x-color-surface,#1f2937);--x-image-shimmer-color:var(--x-color-border,rgba(255,255,255,0.08));--x-image-shimmer-highlight:rgba(255,255,255,0.10);--x-image-text:var(--x-color-text-muted,rgba(255,255,255,0.65));}}[part\x3dframe]{position:relative;width:100%;height:100%;min-height:1em;background:var(--x-image-bg);border-radius:var(--x-image-radius);border:var(--x-image-border);overflow:hidden;}[part\x3dimage]{display:block;width:100%;height:100%;opacity:0;transition:opacity var(--x-image-fade-duration) var(--x-image-fade-easing);}:host([data-state\x3dloaded]) [part\x3dimage]{opacity:1;}[part\x3dshimmer]{position:absolute;inset:0;background-color:var(--x-image-shimmer-color);background-image:linear-gradient(90deg,transparent 0%,var(--x-image-shimmer-highlight) 50%,transparent 100%);background-size:200% 100%;background-repeat:no-repeat;background-position:-100% 0;animation:x-image-shimmer var(--x-image-shimmer-duration) linear infinite;}@keyframes x-image-shimmer{0%{background-position:-100% 0;}100%{background-position:100% 0;}}:host([data-state\x3dloaded]) [part\x3dshimmer],:host([data-state\x3derror]) [part\x3dshimmer]{display:none;}[part\x3derror]{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:var(--x-image-error-gap);padding:8px;text-align:center;color:var(--x-image-text);font-family:var(--x-image-font-family);font-size:var(--x-image-font-size);}:host([data-state\x3derror]) [part\x3derror]{display:flex;}:host([data-state\x3derror]) [part\x3dimage]{visibility:hidden;}[part\x3derror-glyph]{font-size:1.5em;line-height:1;}[part\x3derror-text]{line-height:1.25;}@media (prefers-reduced-motion:reduce){[part\x3dshimmer]{animation:none;}[part\x3dimage]{transition:none;}}";
4
+ d.setAttribute("part","frame");e.setAttribute("part","shimmer");e.setAttribute("aria-hidden","true");f.setAttribute("part","image");f.alt="";f.decoding="async";f.loading="lazy";h.setAttribute("part","error");h.setAttribute("role","img");h.setAttribute("aria-label","Image failed to load");l.setAttribute("name","error");m.setAttribute("part","error-default");q.setAttribute("part","error-glyph");q.setAttribute("aria-hidden","true");q.textContent="⚠";r.setAttribute("part","error-text");r.textContent=
5
+ "Image unavailable";m.appendChild(q);m.appendChild(r);l.appendChild(m);h.appendChild(l);d.appendChild(e);d.appendChild(f);d.appendChild(h);b.appendChild(c);b.appendChild(d);a.__xImageRefs=new $APP.N(null,6,[$APP.Uh,b,vQ,d,wQ,e,$APP.Lk,f,xQ,h,yQ,l],null);return $APP.k(a,"__xImageRefs")},AQ=function(a,b){a.__xImageState=b;a.setAttribute("data-state",b)},MQ=function(a){var b=new $APP.N(null,8,[$APP.zn,a.getAttribute("src"),$APP.Yn,a.getAttribute("alt"),BQ,a.hasAttribute("alt"),CQ,a.hasAttribute("decorative"),
6
+ DQ,a.getAttribute("ratio"),EQ,a.getAttribute("fit"),$APP.il,a.getAttribute("position"),$APP.Qn,a.getAttribute("loading")],null);var c=$APP.J(b),d=$APP.C(c,$APP.zn),e=$APP.C(c,$APP.Yn),f=$APP.C(c,BQ),h=$APP.C(c,CQ),l=$APP.C(c,DQ),m=$APP.C(c,EQ);b=$APP.C(c,$APP.il);var q=$APP.C(c,$APP.Qn);h=$APP.E(h);l=uQ(l);c=$APP.J(l);l=$APP.C(c,$APP.fj);c=$APP.C(c,$APP.ij);var r=!h&&$APP.p(f);e=h?"":$APP.n(f)?$APP.n(e)?e:"":"";typeof m==="string"?(m=m.trim().toLowerCase(),m=$APP.Zc(FQ,m)?m:"cover"):m="cover";typeof d===
7
+ "string"?(d=$APP.yh(d),d=typeof d==="string"&&$APP.M("",d)?d:null):d=null;typeof q==="string"?(q=q.trim().toLowerCase(),q=$APP.Zc(GQ,q)?q:"lazy"):q="lazy";typeof b==="string"?(b=b.trim(),b=$APP.B.i(b,"")?"center":b):b="center";b=$APP.Lf([$APP.uj,HQ,$APP.Il,IQ,$APP.Km,JQ,KQ,$APP.po,LQ],[e,m,d,h,q,c,r,b,l]);$APP.M($APP.k(a,"__xImageModel"),b)&&(h=zQ(a),c=$APP.J(h),h=$APP.C(c,vQ),l=$APP.C(c,$APP.Lk),c=$APP.C(c,xQ),r=$APP.k(a,"__xImageModel"),q=$APP.n(r)?$APP.Il.g(r):null,r=r==null||$APP.M(q,$APP.Il.g(b)),
8
+ $APP.n(LQ.g(b))?h.style.aspectRatio=LQ.g(b):h.style.aspectRatio="",$APP.n(JQ.g(b))||$APP.n($APP.k(a,"__xImageWarnedRatio"))||(a.__xImageWarnedRatio=!0,console.warn('[x-image] Invalid ratio attribute; expected "W:H" (e.g. "16:9").')),l.style.objectFit=HQ.g(b),l.style.objectPosition=$APP.po.g(b),l.loading=$APP.Km.g(b),l.decoding="async",$APP.n(IQ.g(b))?(l.alt="",a.setAttribute("aria-hidden","true"),a.removeAttribute("role")):(l.alt=$APP.uj.g(b),a.removeAttribute("aria-hidden"),a.setAttribute("role",
9
+ "img"),$APP.n(KQ.g(b))&&!$APP.n($APP.k(a,"__xImageWarnedAlt"))&&(a.__xImageWarnedAlt=!0,console.warn('[x-image] Missing alt attribute. Set alt\x3d"…" or add the `decorative` attribute.'))),c.setAttribute("aria-label",$APP.p(IQ.g(b))&&$APP.M("",$APP.uj.g(b))?$APP.uj.g(b):"Image failed to load"),r&&(h=$APP.Il.g(b),l=$APP.J($APP.k(a,"__xImageRefs")),l=$APP.C(l,$APP.Lk),$APP.M($APP.k(a,"__xImageCurrentSrc"),h)&&(a.__xImageCurrentSrc=h,typeof h==="string"&&$APP.M("",h)?(AQ(a,"loading"),l.setAttribute("src",
10
+ h)):(l.removeAttribute("src"),AQ(a,"loading")))),a.__xImageModel=b)},QQ=function(a){function b(){var e=$APP.J($APP.k(a,"__xImageRefs")),f=$APP.C(e,$APP.Lk);e=$APP.k(a,"__xImageCurrentSrc");$APP.n($APP.n(f)?typeof e==="string"&&$APP.M("",e):f)&&(f=f.getAttribute("src"),$APP.B.i(f,e)&&(AQ(a,"error"),$APP.P(a,"x-image-error",$APP.Xi(new $APP.N(null,1,[$APP.Il,$APP.n(e)?e:""],null)))));return null}function c(){var e=$APP.J($APP.k(a,"__xImageRefs")),f=$APP.C(e,$APP.Lk);e=$APP.k(a,"__xImageCurrentSrc");
11
+ if($APP.n($APP.n(f)?typeof e==="string"&&$APP.M("",e):f)){var h=f.getAttribute("src");$APP.B.i(h,e)&&(AQ(a,"loaded"),h=f.naturalWidth,f=f.naturalHeight,$APP.P(a,"x-image-load",$APP.Xi(new $APP.N(null,3,[$APP.Il,$APP.n(e)?e:"",NQ,$APP.n(h)?h:0,OQ,$APP.n(f)?f:0],null))))}return null}var d=zQ(a);d=$APP.J(d);d=$APP.C(d,$APP.Lk);d.addEventListener("load",c);d.addEventListener("error",b);$APP.Zg(a,"__xImageHandlers",new $APP.N(null,2,[PQ,c,$APP.Nj,b],null))},RQ=function(a){var b=$APP.k(a,"__xImageHandlers"),
12
+ c=$APP.k(a,"__xImageRefs");if($APP.n($APP.n(b)?c:b)){c=$APP.Lk.g(c);var d=PQ.g(b);b=$APP.Nj.g(b);$APP.n(d)&&c.removeEventListener("load",d);$APP.n(b)&&c.removeEventListener("error",b)}a.__xImageHandlers=null},SQ=function(a,b,c){Object.defineProperty(a,b,{get:function(){var d=this.getAttribute(c);return $APP.n(d)?d:""},set:function(d){return d==null||$APP.B.i(d,"")?this.removeAttribute(c):this.setAttribute(c,""+$APP.Q.g(d))},enumerable:!0,configurable:!0})},TQ=function(a){SQ(a,"src","src");SQ(a,"alt",
13
+ "alt");SQ(a,"ratio","ratio");SQ(a,"fit","fit");SQ(a,"position","position");SQ(a,"loading","loading");$APP.dh(a,"decorative","decorative");Object.defineProperty(a,"naturalWidth",{get:function(){var b=$APP.k(this,"__xImageRefs");return $APP.n(b)?$APP.Lk.g(b).naturalWidth:0},enumerable:!0,configurable:!0});Object.defineProperty(a,"naturalHeight",{get:function(){var b=$APP.k(this,"__xImageRefs");return $APP.n(b)?$APP.Lk.g(b).naturalHeight:0},enumerable:!0,configurable:!0});return Object.defineProperty(a,
14
+ "state",{get:function(){var b=$APP.k(this,"__xImageState");return $APP.n(b)?b:"loading"},enumerable:!0,configurable:!0})},UQ=function(a){zQ(a);RQ(a);QQ(a);$APP.k(a,"__xImageState")==null&&AQ(a,"loading");MQ(a);return null},VQ=function(a){RQ(a);return null},WQ=function(a,b,c,d){$APP.M(c,d)&&MQ(a);return null},YQ=function(){return $APP.Yg("x-image",new $APP.N(null,5,[$APP.Pg,XQ,$APP.Qg,UQ,$APP.Rg,VQ,$APP.Sg,WQ,$APP.Wg,TQ],null))},vQ=new $APP.F(null,"frame","frame",-1711082588),EQ=new $APP.F(null,"fit-raw",
15
+ "fit-raw",792829585),IQ=new $APP.F(null,"decorative?","decorative?",131461581),xQ=new $APP.F(null,"error-box","error-box",1060106676),LQ=new $APP.F(null,"ratio-css","ratio-css",1208951932),wQ=new $APP.F(null,"shimmer","shimmer",2123148747),yQ=new $APP.F(null,"error-slot","error-slot",493821239),DQ=new $APP.F(null,"ratio-raw","ratio-raw",-1076891672),KQ=new $APP.F(null,"warn-alt?","warn-alt?",-638898603),PQ=new $APP.F(null,"load","load",-1318641184),CQ=new $APP.F(null,"decorative-present?","decorative-present?",
16
+ 2067744841),HQ=new $APP.F(null,"fit","fit",869444807),BQ=new $APP.F(null,"alt-present?","alt-present?",-707038767),NQ=new $APP.F(null,"naturalWidth","naturalWidth",-1890093257),OQ=new $APP.F(null,"naturalHeight","naturalHeight",227028566),JQ=new $APP.F(null,"ratio-valid?","ratio-valid?",-713026893);var XQ="src alt decorative ratio fit position loading".split(" ");
17
+ $APP.Lf([$APP.uj,HQ,$APP.Il,new $APP.F(null,"state","state",-1988618099),new $APP.F(null,"decorative","decorative",-238973678),$APP.Km,$APP.Kk,OQ,NQ,$APP.po],[new $APP.N(null,1,[$APP.R,$APP.U],null),new $APP.N(null,1,[$APP.R,$APP.U],null),new $APP.N(null,1,[$APP.R,$APP.U],null),new $APP.N(null,2,[$APP.R,$APP.U,$APP.hh,!0],null),new $APP.N(null,1,[$APP.R,$APP.T],null),new $APP.N(null,1,[$APP.R,$APP.U],null),new $APP.N(null,1,[$APP.R,$APP.U],null),new $APP.N(null,2,[$APP.R,$APP.V,$APP.hh,!0],null),
18
+ new $APP.N(null,2,[$APP.R,$APP.V,$APP.hh,!0],null),new $APP.N(null,1,[$APP.R,$APP.U],null)]);$APP.Yd(["x-image-load",new $APP.N(null,2,[$APP.Z,new $APP.N(null,3,[$APP.Il,$APP.U,NQ,$APP.V,OQ,$APP.V],null),$APP.Fn,!1],null),"x-image-error",new $APP.N(null,2,[$APP.Z,new $APP.N(null,1,[$APP.Il,$APP.U],null),$APP.Fn,!1],null)]);
19
+ var FQ=new $APP.O(null,new $APP.N(null,5,["cover",null,"none",null,"fill",null,"scale-down",null,"contain",null],null),null),GQ=new $APP.O(null,new $APP.N(null,2,["eager",null,"lazy",null],null),null),tQ=/^\s*(\d+(?:\.\d+)?)\s*[:\/]\s*(\d+(?:\.\d+)?)\s*$/;$APP.ca("baredom.exports.x_image.init",YQ);export const init=YQ;
@@ -0,0 +1,18 @@
1
+ // x-kinetic-canvas.d.ts — auto-generated by generate_types.bb, do not edit
2
+
3
+ export function init(): void;
4
+
5
+ export interface XKineticCanvas extends HTMLElement {
6
+ type: string;
7
+ variant: string;
8
+ speed: string;
9
+ density: string;
10
+ fullscreen: boolean;
11
+ paused: boolean;
12
+ }
13
+
14
+ declare global {
15
+ interface HTMLElementTagNameMap {
16
+ "x-kinetic-canvas": XKineticCanvas;
17
+ }
18
+ }
@@ -0,0 +1,26 @@
1
+ import { $APP, shadow$provide } from "./base.js";
2
+ var rw=function(a,b,c,d,e){c=b.length;for(d=0;;)if(d<c){var f=b[d],h=e[f.ci],l=f.op,m=f.x,q=f.y;f=f.r;a.globalAlpha=l;a.fillStyle=h;a.beginPath();a.arc(m,q,f,0,6.283185307179586);a.fill();a.globalAlpha=l*.3;a.fillStyle="rgba(255,255,255,0.5)";a.beginPath();a.arc(m-f*.25,q-f*.25,f*.3,0,6.283185307179586);a.fill();d+=1}else break;return a.globalAlpha=1},sw=function(){return Math.random()<.5?String.fromCharCode(12448+Math.floor(Math.random()*96)):String.fromCharCode(33+Math.floor(Math.random()*94))},
3
+ tw=function(a,b,c,d,e){c=e[0];var f=e[1];e=e[2];for(var h=b.length,l=0;;)if(l<h){var m=b[l],q=m.x,r=m.y,v=m.ch,x=m.ln;m=m.cs;a.font=""+$APP.Q.g(m)+"px monospace";a.textBaseline="top";for(var y=x,A=0;;)if(A<y){var D=r-(x-1-A)*m,G=(A+1)/x,I=G*G;D>-m&&D<d+m&&(a.globalAlpha=Math.min(1,I),a.fillStyle=$APP.B.i(A,x-1)?c:G>.5?f:e,a.fillText(v[A],q,D));A+=1}else break;l+=1}else break;return a.globalAlpha=1},uw=function(a){return $APP.E($APP.k(a,"__xKineticCanvasReduced"))},Dw=function(a){a=new $APP.N(null,
4
+ 6,[$APP.Hj,a.getAttribute("type"),$APP.Gm,a.getAttribute("variant"),$APP.pm,a.getAttribute("speed"),$APP.Ck,a.getAttribute("density"),vw,a.getAttribute("fullscreen"),ww,a.getAttribute("paused")],null);var b=$APP.J(a),c=$APP.C(b,$APP.Hj),d=$APP.C(b,$APP.Gm),e=$APP.C(b,$APP.pm),f=$APP.C(b,$APP.Ck);a=$APP.C(b,vw);b=$APP.C(b,ww);c=typeof c==="string"?c.trim().toLowerCase():null;c=$APP.Zc(xw,c)?c:"starfield";a:switch(d=typeof d==="string"?d.trim().toLowerCase():null,c){case "starfield":d=$APP.Zc(yw,d)?
5
+ d:"motion";break a;default:d=null}if(typeof e==="string"){e=e.trim().toLowerCase();var h=$APP.C(zw,e);$APP.n(h)?e=h:(e=parseFloat(e),h=isNaN(e),e=$APP.n($APP.n(h)?h:e<=0)?1:Math.min(10,e))}else e=1;typeof f==="string"?(f=f.trim().toLowerCase(),h=$APP.C(Aw,f),$APP.n(h)?f=h:(f=parseFloat(f),h=isNaN(f),f=$APP.n($APP.n(h)?h:f<=0)?1:Math.min(5,f))):f=1;return new $APP.N(null,6,[$APP.R,c,$APP.ii,d,$APP.Sk,e,$APP.Dm,f,Bw,a!=null,Cw,b!=null],null)},Ew=function(a){a.__xKineticCanvasCol=null},Hw=function(a){var b=
6
+ $APP.k(a,"__xKineticCanvasModel"),c=$APP.k(a,"__xKineticCanvasW"),d=$APP.k(a,"__xKineticCanvasH"),e=$APP.R.g(b);if($APP.n($APP.n(c)?$APP.n(d)?c>0&&d>0:d:c)){if($APP.B.i(e,"matrix")){var f=window.getComputedStyle(a).getPropertyValue("--x-kinetic-canvas-matrix-font-size").trim();if($APP.B.i(f,""))f=14;else{f=parseInt(f,10);var h=isNaN(f);f=$APP.n($APP.n(h)?h:f<=0)?14:f}}else f=null;h=$APP.C(Fw,e);a:{var l=$APP.Dm.g(b),m=c*d/5E5;switch(e){case "starfield":e=Math.round(Math.min(Math.max(150*l*m,50),500));
7
+ break a;case "bubbles":e=Math.round(Math.min(Math.max(25*l*m,10),100));break a;case "matrix":e=Math.round(Math.min(Math.max(c/($APP.n(f)?f:14)*l,5),200));break a;default:e=50}}b=$APP.ii.g(b);h=Gw.g(h);c=h.pa?h.pa(c,d,e,b,f):h.call(null,c,d,e,b,f);a.__xKineticCanvasEnt=c}},Lw=function(a){var b=$APP.k(a,"__xKineticCanvasModel"),c=$APP.k(a,"__xKineticCanvasW"),d=$APP.k(a,"__xKineticCanvasH"),e=$APP.k(a,"__xKineticCanvasEnt"),f=$APP.J($APP.k(a,"__xKineticCanvasRefs"));f=$APP.C(f,Iw);if($APP.n($APP.n(c)?
8
+ $APP.n(d)?$APP.n(f)?$APP.n(e)?c>0&&d>0:e:f:d:c)){var h=$APP.k(a,"__xKineticCanvasCol");if($APP.n(h))var l=h[0];else{var m=window.getComputedStyle(a),q=m.getPropertyValue("--x-kinetic-canvas-bg").trim();h=m.getPropertyValue("--x-kinetic-canvas-color-1").trim();l=m.getPropertyValue("--x-kinetic-canvas-color-2").trim();m=m.getPropertyValue("--x-kinetic-canvas-color-3").trim();q=$APP.B.i(q,"")?"#f0f0f5":q;h=[q,$APP.B.i(h,"")?"#1a1a2e":h,$APP.B.i(l,"")?"#2563eb":l,$APP.B.i(m,"")?"#7c3aed":m];a.__xKineticCanvasCol=
9
+ h;l=q}h=$APP.k(a,"__xKineticCanvasCol");h=[h[1],h[2],h[3]];b=$APP.R.g(b);b=$APP.C(Fw,b);f.clearRect(0,0,c,d);l!=null&&$APP.M(l,"transparent")&&(f.fillStyle=l,f.fillRect(0,0,c,d));if(uw(a))return a=Jw.g(b),a.pa?a.pa(f,e,c,d,h):a.call(null,f,e,c,d,h);a=$APP.k(a,"__xKineticCanvasTime");a=$APP.n(a)?a:0;b=Kw.g(b);return b.wa?b.wa(f,e,c,d,h,a):b.call(null,f,e,c,d,h,a)}return null},Nw=function(a){$APP.n($APP.k(a,"__xKineticCanvasRaf"))||($APP.Zg(a,"__xKineticCanvasLastFrame",performance.now()),$APP.Zg(a,
10
+ "__xKineticCanvasRaf",requestAnimationFrame(function(){return Mw(a)})));return null},Ow=function(a){var b=$APP.k(a,"__xKineticCanvasRaf");$APP.n(b)&&(cancelAnimationFrame(b),a.__xKineticCanvasRaf=null)},Pw=function(a){function b(d){d=d.matches;a.__xKineticCanvasReduced=d;Ew(a);$APP.n(d)?(Ow(a),d=Lw(a)):(d=$APP.k(a,"__xKineticCanvasVis"),d=$APP.n(d)?$APP.p(Cw.g($APP.k(a,"__xKineticCanvasModel"))):d,d=$APP.n(d)?Nw(a):null);return d}var c=window.matchMedia("(prefers-reduced-motion:reduce)");a.__xKineticCanvasReduced=
11
+ c.matches;c.addEventListener("change",b);$APP.Zg(a,"__xKineticCanvasMQL",{mql:c,handler:b});c=new IntersectionObserver(function(d){d=d[0].isIntersecting;a.__xKineticCanvasVis=d;var e=$APP.k(a,"__xKineticCanvasModel");$APP.n(d)?(d=Cw.g(e),$APP.n($APP.n(d)?d:uw(a))||Nw(a)):Ow(a);return null},{threshold:[0]});c.observe(a);a.__xKineticCanvasIO=c;c=new ResizeObserver(function(d){if(d.length>0){var e=d[0].contentRect;d=e.width;e=e.height;if(d>0&&e>0){a.__xKineticCanvasW=d;a.__xKineticCanvasH=e;var f=$APP.J($APP.k(a,
12
+ "__xKineticCanvasRefs"));f=$APP.C(f,$APP.Dn);var h=window.devicePixelRatio;h=$APP.n(h)?h:1;f.width=d*h;f.height=e*h;f.getContext("2d").setTransform(h,0,0,h,0,0);Ew(a);Hw(a);d=Cw.g($APP.k(a,"__xKineticCanvasModel"));$APP.n($APP.n(d)?d:uw(a))?Lw(a):Nw(a)}}return null});c.observe(a);a.__xKineticCanvasRO=c},Rw=function(a){var b=Dw(a);a.__xKineticCanvasModel=b;a.__xKineticCanvasTime=0;a.__xKineticCanvasVis=!0;if(!$APP.n($APP.k(a,"__xKineticCanvasRefs"))){b=a.attachShadow({mode:"open"});var c=document.createElement("style"),
13
+ d=document.createElement("div"),e=document.createElement("canvas"),f=document.createElement("div"),h=document.createElement("slot");c.textContent=Qw;d.className="kc-canvas-wrap";e.setAttribute("aria-hidden","true");d.appendChild(e);f.className="kc-content";f.appendChild(h);b.appendChild(c);b.appendChild(d);b.appendChild(f);b=new $APP.N(null,3,[$APP.Uh,b,$APP.Dn,e,Iw,e.getContext("2d")],null);a.__xKineticCanvasRefs=b}Pw(a);return null},Sw=function(a){Ow(a);var b=$APP.k(a,"__xKineticCanvasMQL");$APP.n(b)&&
14
+ (b.mql.removeEventListener("change",b.handler),a.__xKineticCanvasMQL=null);b=$APP.k(a,"__xKineticCanvasIO");$APP.n(b)&&(b.disconnect(),a.__xKineticCanvasIO=null);b=$APP.k(a,"__xKineticCanvasRO");$APP.n(b)&&(b.disconnect(),a.__xKineticCanvasRO=null);a.__xKineticCanvasVis=!1;return null},Tw=function(a,b,c,d){$APP.M(c,d)&&$APP.n($APP.k(a,"__xKineticCanvasRefs"))&&(b=Dw(a),c=$APP.k(a,"__xKineticCanvasModel"),a.__xKineticCanvasModel=b,Ew(a),(c==null||$APP.M($APP.R.g(b),$APP.R.g(c))||$APP.M($APP.Dm.g(b),
15
+ $APP.Dm.g(c))||$APP.M($APP.ii.g(b),$APP.ii.g(c)))&&Hw(a),c=$APP.k(a,"__xKineticCanvasW"),d=$APP.k(a,"__xKineticCanvasH"),$APP.n($APP.n(c)?$APP.n(d)?c>0&&d>0:d:c)&&(b=Cw.g(b),$APP.n($APP.n(b)?b:uw(a))?(Ow(a),Lw(a)):(Lw(a),Nw(a))));return null},Vw=function(a){return $APP.jh(a,Uw)},Xw=function(){return $APP.Yg("x-kinetic-canvas",new $APP.N(null,5,[$APP.Pg,Ww,$APP.Qg,Rw,$APP.Rg,Sw,$APP.Sg,Tw,$APP.Wg,Vw],null))},Iw=new $APP.F(null,"ctx","ctx",-493610118),Gw=new $APP.F(null,"create","create",-1301499256),
16
+ Cw=new $APP.F(null,"paused?","paused?",-135058553),Yw=new $APP.F(null,"update","update",1045576396),Bw=new $APP.F(null,"fullscreen?","fullscreen?",-1171717820),ww=new $APP.F(null,"paused-attr","paused-attr",2104502840),Jw=new $APP.F(null,"static","static",1214358571),vw=new $APP.F(null,"fullscreen-attr","fullscreen-attr",-534694210),Kw=new $APP.F(null,"draw","draw",1358331674);var Ww="type variant speed density fullscreen paused".split(" "),Uw=new $APP.N(null,6,[$APP.R,new $APP.N(null,2,[$APP.R,$APP.U,$APP.S,"type"],null),$APP.ii,new $APP.N(null,2,[$APP.R,$APP.U,$APP.S,"variant"],null),$APP.Sk,new $APP.N(null,2,[$APP.R,$APP.U,$APP.S,"speed"],null),$APP.Dm,new $APP.N(null,2,[$APP.R,$APP.U,$APP.S,"density"],null),new $APP.F(null,"fullscreen","fullscreen",-4371054),new $APP.N(null,2,[$APP.R,$APP.T,$APP.S,"fullscreen"],null),$APP.Yl,new $APP.N(null,2,[$APP.R,$APP.T,$APP.S,
17
+ "paused"],null)],null),xw=new $APP.O(null,new $APP.N(null,3,["matrix",null,"starfield",null,"bubbles",null],null),null),yw=new $APP.O(null,new $APP.N(null,2,["twinkle",null,"motion",null],null),null),zw=new $APP.N(null,3,["slow",.3,"medium",1,"fast",2.5],null),Aw=new $APP.N(null,3,["low",.5,"medium",1,"high",2],null);var Zw=function Zw(a){for(var c=[],d=arguments.length,e=0;;)if(e<d)c.push(arguments[e]),e+=1;else break;return Zw.B(arguments[0],arguments[1],arguments[2],arguments[3],4<c.length?new $APP.$b(c.slice(4),0,null):null)};Zw.B=function(a,b,c){for(var d=[],e=0;;)if(e<c){var f={};f.x=Math.random()*a;f.y=Math.random()*b;f.z=.1+Math.random()*.9;f.sz=.5+Math.random()*2.5;f.br=.3+Math.random()*.7;f.ph=Math.random()*6.283185307179586;d.push(f);e+=1}else break;return d};Zw.J=4;
18
+ Zw.I=function(a){var b=$APP.u(a),c=$APP.w(a);a=$APP.u(c);var d=$APP.w(c);c=$APP.u(d);var e=$APP.w(d);d=$APP.u(e);e=$APP.w(e);return this.B(b,a,c,d,e)};var $w=function $w(a){for(var c=[],d=arguments.length,e=0;;)if(e<d)c.push(arguments[e]),e+=1;else break;return $w.B(arguments[0],arguments[1],arguments[2],arguments[3],4<c.length?new $APP.$b(c.slice(4),0,null):null)};$w.B=function(a,b,c){for(var d=[],e=0;;)if(e<c){var f={};f.x=Math.random()*a;f.y=Math.random()*b;f.r=8+Math.random()*40;f.vx=(Math.random()-.5)*20;f.vy=-(10+Math.random()*30);f.op=.4+Math.random()*.5;f.ci=$APP.od(e,3);d.push(f);e+=1}else break;return d};$w.J=4;
19
+ $w.I=function(a){var b=$APP.u(a),c=$APP.w(a);a=$APP.u(c);var d=$APP.w(c);c=$APP.u(d);var e=$APP.w(d);d=$APP.u(e);e=$APP.w(e);return this.B(b,a,c,d,e)};var Fw=new $APP.N(null,3,["starfield",new $APP.N(null,4,[Gw,Zw,Yw,function(a,b,c,d,e,f){switch(f){case "twinkle":a:{d=2*c*b;e=a.length;for(b=0;;)if(b<e)c=a[b],c.ph+=d,b+=1;else{a=null;break a}a=void 0}return a;default:a:{b*=30*c;c=d*.5;f=e*.5;for(var h=a.length,l=0;;)if(l<h){var m=a[l],q=m.z,r=m.x,v=m.y;q*=b*q;r+=(r-c)*q*.02;v+=(v-f)*q*.02;m.x=r;m.y=v;if(r<-10||r>d+10||v<-10||v>e+10)m.x=c+(Math.random()-.5)*40,m.y=f+(Math.random()-.5)*40,m.z=.1+Math.random()*.9,m.br=.3+Math.random()*.7;l+=1}else{a=
20
+ null;break a}a=void 0}return a}},Kw,function(a,b,c,d,e,f){c=e[0];e=e[1];d=b.length;for(var h=0;;)if(h<d){var l=b[h],m=l.z,q=l.sz*m,r=$APP.od(h,3)===0?e:c;a.globalAlpha=Math.min(1,l.br*(.5+.5*Math.sin(f*2+l.ph))*m);a.fillStyle=r;a.beginPath();a.arc(l.x,l.y,Math.max(.5,q),0,6.283185307179586);a.fill();h+=1}else break;return a.globalAlpha=1},Jw,function(a,b,c,d,e){c=b.length;a.fillStyle=e[0];for(e=0;;)if(e<c){d=b[e];var f=d.z,h=d.sz*f;a.globalAlpha=d.br*f;a.beginPath();a.arc(d.x,d.y,Math.max(.5,h),0,
21
+ 6.283185307179586);a.fill();e+=1}else break;return a.globalAlpha=1}],null),"bubbles",new $APP.N(null,4,[Gw,$w,Yw,function(a,b,c,d,e){c*=b;for(var f=a.length,h=0;;)if(h<f){var l=a[h],m=l.r,q=l.x+l.vx*c,r=l.y+l.vy*c,v=l.vx+(Math.random()-.5)*2*b;l.x=q;l.y=r;l.vx=Math.abs(v)>30?Math.sign(v)*30:v;r<0-m-10&&(l.y=e+m+10,l.x=Math.random()*d,l.r=8+Math.random()*40,l.op=.4+Math.random()*.5);q<0-m&&(l.x=d+m);q>d+m&&(l.x=0-m);h+=1}else return null},Kw,rw,Jw,function(a,b,c,d,e){return rw(a,b,c,d,e,0)}],null),
22
+ "matrix",new $APP.N(null,4,[Gw,function(a,b,c,d,e){d=$APP.n(e)?e:14;e=[];for(var f=Math.ceil(b/d),h=0;;)if(h<c){for(var l=5+Math.floor(Math.random()*(f-5)),m=[],q=l,r=0;;)if(r<q)m.push(sw()),r+=1;else break;q={};q.x=a/c*h;q.y=(Math.random()-.5)*b*2;q.sp=40+Math.random()*120;q.ln=l;q.ch=m;q.ct=Math.random()*.2;q.cs=d;e.push(q);h+=1}else break;return e},Yw,function(a,b,c,d,e){d=a.length;for(var f=0;;)if(f<d){var h=a[f],l=h.ln,m=h.cs;h.y+=h.sp*c*b;h.y-l*m>e&&(h.y=-(l*m),h.sp=40+Math.random()*120);h.ct+=
23
+ b;h.ct>.08&&(h.ct=0,h=h.ch,h[Math.floor(Math.random()*h.length)]=sw());f+=1}else return null},Kw,tw,Jw,function(a,b,c,d,e){return tw(a,b,c,d,e,0)}],null)],null),Qw=":host{display:block;position:relative;overflow:hidden;"+$APP.Q.g("--x-kinetic-canvas-bg")+":var(--x-color-bg,#f0f0f5);"+$APP.Q.g("--x-kinetic-canvas-color-1")+":var(--x-color-text,#1a1a2e);"+$APP.Q.g("--x-kinetic-canvas-color-2")+":var(--x-color-primary,#2563eb);"+$APP.Q.g("--x-kinetic-canvas-color-3")+":var(--x-color-secondary,#7c3aed);"+
24
+ $APP.Q.g("--x-kinetic-canvas-matrix-font-size")+":14;}@media(prefers-color-scheme:dark){:host{"+$APP.Q.g("--x-kinetic-canvas-bg")+":var(--x-color-bg,#0a0a1a);"+$APP.Q.g("--x-kinetic-canvas-color-1")+":var(--x-color-text,#ffffff);"+$APP.Q.g("--x-kinetic-canvas-color-2")+":var(--x-color-primary,#60a5fa);"+$APP.Q.g("--x-kinetic-canvas-color-3")+":var(--x-color-secondary,#c084fc);}}:host([fullscreen]){position:fixed;inset:0;z-index:var(--x-kinetic-canvas-z,-1);}.kc-canvas-wrap{position:absolute;inset:0;z-index:0;}canvas{display:block;width:100%;height:100%;}.kc-content{position:relative;z-index:1;}",
25
+ Mw=function Mw(a){if(!$APP.p(a.isConnected))if($APP.n(function(){var q=Cw.g($APP.k(a,"__xKineticCanvasModel"));return $APP.n(q)?q:uw(a)}()))a.__xKineticCanvasRaf=null;else{var c=$APP.k(a,"__xKineticCanvasModel"),d=performance.now(),e=Math.min(d-$APP.k(a,"__xKineticCanvasLastFrame"),100)/1E3,f=$APP.R.g(c),h=$APP.C(Fw,f);f=$APP.k(a,"__xKineticCanvasEnt");var l=$APP.k(a,"__xKineticCanvasW"),m=$APP.k(a,"__xKineticCanvasH");a.__xKineticCanvasLastFrame=d;$APP.Zg(a,"__xKineticCanvasTime",function(){var q=
26
+ $APP.k(a,"__xKineticCanvasTime");return $APP.n(q)?q:0}()+e);$APP.n(f)&&(d=$APP.Sk.g(c),c=$APP.ii.g(c),h=Yw.g(h),h.wa?h.wa(f,e,d,l,m,c):h.call(null,f,e,d,l,m,c));Lw(a);$APP.Zg(a,"__xKineticCanvasRaf",requestAnimationFrame(function(){return Mw.g?Mw.g(a):Mw.call(null,a)}))}return null};$APP.ca("baredom.exports.x_kinetic_canvas.init",Xw);export const init=Xw;