@vanelsas/baredom 1.2.0 → 1.3.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 (77) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/README.md +2 -2
  3. package/dist/base.js +364 -353
  4. package/dist/x-alert.js +19 -19
  5. package/dist/x-avatar-group.js +11 -11
  6. package/dist/x-avatar.js +15 -15
  7. package/dist/x-badge.js +11 -11
  8. package/dist/x-bento-grid.js +6 -0
  9. package/dist/x-bento-item.js +5 -0
  10. package/dist/x-breadcrumbs.js +14 -14
  11. package/dist/x-button.js +16 -16
  12. package/dist/x-cancel-dialogue.js +17 -17
  13. package/dist/x-card.js +7 -7
  14. package/dist/x-chart.js +47 -47
  15. package/dist/x-checkbox.js +11 -11
  16. package/dist/x-chip.js +8 -8
  17. package/dist/x-collapse.js +12 -12
  18. package/dist/x-command-palette.js +31 -31
  19. package/dist/x-container.js +6 -6
  20. package/dist/x-context-menu.js +19 -19
  21. package/dist/x-copy.js +23 -23
  22. package/dist/x-currency-field.js +22 -22
  23. package/dist/x-date-picker.js +40 -40
  24. package/dist/x-divider.js +12 -12
  25. package/dist/x-drawer.js +12 -12
  26. package/dist/x-dropdown.js +9 -9
  27. package/dist/x-fieldset.js +6 -6
  28. package/dist/x-file-download.js +7 -7
  29. package/dist/x-form-field.js +15 -15
  30. package/dist/x-form.js +10 -10
  31. package/dist/x-gaussian-blur.js +19 -32
  32. package/dist/x-grid.js +6 -7
  33. package/dist/x-kinetic-typography.js +61 -61
  34. package/dist/x-menu-item.js +10 -10
  35. package/dist/x-menu.js +10 -10
  36. package/dist/x-metaball-cursor.js +28 -0
  37. package/dist/x-modal.js +13 -13
  38. package/dist/x-navbar.js +13 -13
  39. package/dist/x-neural-glow.js +35 -0
  40. package/dist/x-notification-center.js +10 -10
  41. package/dist/x-organic-divider.js +16 -16
  42. package/dist/x-organic-progress.js +40 -0
  43. package/dist/x-organic-shape.js +12 -12
  44. package/dist/x-pagination.js +16 -16
  45. package/dist/x-popover.js +15 -15
  46. package/dist/x-progress-circle.js +9 -9
  47. package/dist/x-progress.js +10 -10
  48. package/dist/x-radio.js +11 -11
  49. package/dist/x-ripple-effect.js +12 -12
  50. package/dist/x-scroll-parallax.js +19 -19
  51. package/dist/x-scroll-stack.js +18 -18
  52. package/dist/x-scroll-story.js +35 -35
  53. package/dist/x-scroll-timeline.js +47 -47
  54. package/dist/x-scroll.js +40 -40
  55. package/dist/x-search-field.js +14 -14
  56. package/dist/x-select.js +9 -9
  57. package/dist/x-sidebar.js +16 -16
  58. package/dist/x-skeleton.js +4 -4
  59. package/dist/x-slider.js +16 -16
  60. package/dist/x-spacer.js +5 -5
  61. package/dist/x-spinner.js +5 -5
  62. package/dist/x-splash.js +15 -0
  63. package/dist/x-stat.js +11 -11
  64. package/dist/x-stepper.js +16 -16
  65. package/dist/x-switch.js +10 -10
  66. package/dist/x-tab.js +7 -7
  67. package/dist/x-table-cell.js +22 -23
  68. package/dist/x-table-row.js +10 -10
  69. package/dist/x-table.js +15 -15
  70. package/dist/x-tabs.js +11 -11
  71. package/dist/x-text-area.js +17 -17
  72. package/dist/x-timeline-item.js +24 -24
  73. package/dist/x-timeline.js +9 -9
  74. package/dist/x-toast.js +24 -24
  75. package/dist/x-toaster.js +8 -8
  76. package/dist/x-typography.js +10 -10
  77. package/package.json +26 -2
package/dist/x-toaster.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import { $APP, shadow$provide } from "./base.js";
2
- var mq=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.K(lq,a)?a:"top-end"},nq=function(a){return typeof a==="string"?(a=parseInt(a.trim(),10),$APP.q(isNaN(a))&&a>0?Math.floor(a):null):null},pq=function(a){if(!$APP.n($APP.l(a,"__xToasterRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("slot");c.textContent=oq;b.appendChild(c);b.appendChild(d);a.__xToasterRefs=new $APP.Q(null,2,[$APP.Yh,b,$APP.Pi,d],null)}},sq=function(a){a=
3
- new $APP.Q(null,3,[$APP.Uj,a.getAttribute("position"),qq,a.getAttribute("max-toasts"),$APP.Dh,a.getAttribute("label")],null);var b=$APP.N(a),c=$APP.H(b,$APP.Uj);a=$APP.H(b,qq);b=$APP.H(b,$APP.Dh);c=mq(c);a=nq(a);return new $APP.Q(null,3,[$APP.sk,c,rq,$APP.n(a)?a:5,$APP.W,typeof b==="string"&&$APP.O(b.trim(),"")?b:"Notifications"],null)},tq=function(a){var b=sq(a);if($APP.O($APP.l(a,"__xToasterModel"),b)){b=$APP.N(b);var c=$APP.H(b,$APP.sk),d=$APP.H(b,$APP.W);pq(a);a.setAttribute("role","region");
4
- a.setAttribute("aria-label",d);a.setAttribute("data-position",c);a.__xToasterModel=b}},uq=function(a){function b(c){var d=c.detail;if($APP.O($APP.l(d,"reason"),"toaster-remove")){c.preventDefault();var e=$APP.l(d,"type");var g=$APP.l(d,"reason"),h=$APP.l(d,"heading");d=$APP.l(d,"message");e=$APP.Mg(new $APP.Q(null,4,[$APP.Z,$APP.n(e)?e:"info",$APP.hi,$APP.n(g)?g:"",$APP.Ci,$APP.n(h)?h:"",$APP.bh,$APP.n(d)?d:""],null));e=new CustomEvent("x-toaster-dismiss",{detail:e,bubbles:!0,composed:!0,cancelable:!0});
5
- e=a.dispatchEvent(e);$APP.n(e)&&c.target.dismiss("toaster-remove")}return null}a.addEventListener("x-toast-dismiss",b);$APP.ma(a,"__xToasterHandlers",{dismiss:b})},vq=function(a){var b=$APP.l(a,"__xToasterHandlers");$APP.n(b)&&(b=$APP.l(b,"dismiss"),$APP.n(b)&&a.removeEventListener("x-toast-dismiss",b));a.__xToasterHandlers=null},wq=function(a){a=a.prototype;Object.defineProperty(a,"position",{get:function(){return mq(this.getAttribute("position"))},set:function(b){return $APP.n(b)?this.setAttribute("position",
6
- ""+$APP.S.g(b)):this.removeAttribute("position")},enumerable:!0,configurable:!0});Object.defineProperty(a,"label",{get:function(){var b=this.getAttribute("label");return $APP.n(b)?b:"Notifications"},set:function(b){return $APP.n($APP.n(b)?$APP.O(b,""):b)?this.setAttribute("label",""+$APP.S.g(b)):this.removeAttribute("label")},enumerable:!0,configurable:!0});Object.defineProperty(a,"maxToasts",{get:function(){var b=nq(this.getAttribute("max-toasts"));return $APP.n(b)?b:5},set:function(b){return b==
7
- null?this.removeAttribute("max-toasts"):this.setAttribute("max-toasts",""+$APP.S.g(Math.floor(b)))},enumerable:!0,configurable:!0});Object.defineProperty(a,"toast",{value:function(b){b=$APP.n(b)?b:{};var c=$APP.l(this,"__xToasterModel");c=$APP.n(c)?c:sq(this);var d=rq.g(c);c=this.querySelectorAll("x-toast");var e=c.length;if(e>=d)for(d=e-d- -1,e=0;;)if(e<d)c[e].dismiss("toaster-remove"),e+=1;else break;c=document.createElement("x-toast");d=$APP.l(b,"type");$APP.n(d)&&c.setAttribute("type",d);d=$APP.l(b,
8
- "heading");$APP.n(d)&&c.setAttribute("heading",d);d=$APP.l(b,"message");$APP.n(d)&&c.setAttribute("message",d);d=$APP.l(b,"icon");$APP.n(d)&&c.setAttribute("icon",d);$APP.l(b,"dismissible")===!1&&c.setAttribute("dismissible","false");d=$APP.l(b,"timeoutMs");$APP.n(d)&&c.setAttribute("timeout-ms",""+$APP.S.g(d));$APP.n($APP.l(b,"showProgress"))&&c.setAttribute("show-progress","");this.appendChild(c);return c},writable:!0,configurable:!0})},yq=function(){var a=class extends HTMLElement{};a.observedAttributes=
9
- xq;a.prototype.connectedCallback=function(){pq(this);vq(this);uq(this);tq(this);return null};a.prototype.disconnectedCallback=function(){vq(this);return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.O(c,d)&&tq(this);return null};wq(a);return a},zq=function(){$APP.n(customElements.get("x-toaster"))||customElements.define("x-toaster",yq());return null},rq=new $APP.M(null,"max-toasts","max-toasts",-1982289139),qq=new $APP.M(null,"max-toasts-raw","max-toasts-raw",-815087069);var xq=["position","max-toasts","label"];$APP.zd(["x-toaster-dismiss",new $APP.Q(null,2,[$APP.Y,new $APP.Q(null,4,[$APP.Z,$APP.X,$APP.hi,$APP.X,$APP.Ci,$APP.X,$APP.bh,$APP.X],null),$APP.Dj,!0],null)]);var lq=new $APP.R(null,new $APP.Q(null,6,["top-center",null,"bottom-start",null,"bottom-end",null,"bottom-center",null,"top-end",null,"top-start",null],null),null);var oq=":host{display:flex;position:fixed;z-index:var(--x-toaster-z-index,9000);gap:var(--x-toaster-gap,8px);width:max-content;max-width:var(--x-toaster-max-width,480px);box-sizing:border-box;pointer-events:none;color-scheme:light dark;}::slotted("+$APP.S.g("x-toast")+"){pointer-events:auto;}slot{display:contents;}:host([data-position\x3d'top-start']){top:var(--x-toaster-inset,16px);inset-inline-start:var(--x-toaster-inset,16px);flex-direction:column-reverse;}:host([data-position\x3d'top-center']){top:var(--x-toaster-inset,16px);left:50%;transform:translateX(-50%);flex-direction:column-reverse;align-items:center;}:host([data-position\x3d'top-end']){top:var(--x-toaster-inset,16px);inset-inline-end:var(--x-toaster-inset,16px);flex-direction:column-reverse;}:host([data-position\x3d'bottom-start']){bottom:var(--x-toaster-inset,16px);inset-inline-start:var(--x-toaster-inset,16px);flex-direction:column;}:host([data-position\x3d'bottom-center']){bottom:var(--x-toaster-inset,16px);left:50%;transform:translateX(-50%);flex-direction:column;align-items:center;}:host([data-position\x3d'bottom-end']){bottom:var(--x-toaster-inset,16px);inset-inline-end:var(--x-toaster-inset,16px);flex-direction:column;}";$APP.ja("baredom.exports.x_toaster.init",zq);export const init=zq;
2
+ var Iq=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.K(Hq,a)?a:"top-end"},Jq=function(a){return typeof a==="string"?(a=parseInt(a.trim(),10),$APP.r(isNaN(a))&&a>0?Math.floor(a):null):null},Lq=function(a){if(!$APP.n($APP.l(a,"__xToasterRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("slot");c.textContent=Kq;b.appendChild(c);b.appendChild(d);a.__xToasterRefs=new $APP.R(null,2,[$APP.Jh,b,$APP.Uj,d],null)}},Oq=function(a){a=
3
+ new $APP.R(null,3,[$APP.Ki,a.getAttribute("position"),Mq,a.getAttribute("max-toasts"),$APP.sh,a.getAttribute("label")],null);var b=$APP.N(a),c=$APP.I(b,$APP.Ki);a=$APP.I(b,Mq);b=$APP.I(b,$APP.sh);c=Iq(c);a=Jq(a);return new $APP.R(null,3,[$APP.Tk,c,Nq,$APP.n(a)?a:5,$APP.U,typeof b==="string"&&$APP.O(b.trim(),"")?b:"Notifications"],null)},Pq=function(a){var b=Oq(a);if($APP.O($APP.l(a,"__xToasterModel"),b)){b=$APP.N(b);var c=$APP.I(b,$APP.Tk),d=$APP.I(b,$APP.U);Lq(a);a.setAttribute("role","region");
4
+ a.setAttribute("aria-label",d);a.setAttribute("data-position",c);a.__xToasterModel=b}},Qq=function(a){function b(c){var d=c.detail;if($APP.O($APP.l(d,"reason"),"toaster-remove")){c.preventDefault();var e=$APP.l(d,"type");var g=$APP.l(d,"reason"),h=$APP.l(d,"heading");d=$APP.l(d,"message");e=$APP.Sg(new $APP.R(null,4,[$APP.Z,$APP.n(e)?e:"info",$APP.Rh,$APP.n(g)?g:"",$APP.Qj,$APP.n(h)?h:"",$APP.jj,$APP.n(d)?d:""],null));e=new CustomEvent("x-toaster-dismiss",{detail:e,bubbles:!0,composed:!0,cancelable:!0});
5
+ e=a.dispatchEvent(e);$APP.n(e)&&c.target.dismiss("toaster-remove")}return null}a.addEventListener("x-toast-dismiss",b);$APP.ma(a,"__xToasterHandlers",{dismiss:b})},Rq=function(a){var b=$APP.l(a,"__xToasterHandlers");$APP.n(b)&&(b=$APP.l(b,"dismiss"),$APP.n(b)&&a.removeEventListener("x-toast-dismiss",b));a.__xToasterHandlers=null},Sq=function(a){a=a.prototype;Object.defineProperty(a,"position",{get:function(){return Iq(this.getAttribute("position"))},set:function(b){return $APP.n(b)?this.setAttribute("position",
6
+ ""+$APP.T.g(b)):this.removeAttribute("position")},enumerable:!0,configurable:!0});Object.defineProperty(a,"label",{get:function(){var b=this.getAttribute("label");return $APP.n(b)?b:"Notifications"},set:function(b){return $APP.n($APP.n(b)?$APP.O(b,""):b)?this.setAttribute("label",""+$APP.T.g(b)):this.removeAttribute("label")},enumerable:!0,configurable:!0});Object.defineProperty(a,"maxToasts",{get:function(){var b=Jq(this.getAttribute("max-toasts"));return $APP.n(b)?b:5},set:function(b){return b==
7
+ null?this.removeAttribute("max-toasts"):this.setAttribute("max-toasts",""+$APP.T.g(Math.floor(b)))},enumerable:!0,configurable:!0});Object.defineProperty(a,"toast",{value:function(b){b=$APP.n(b)?b:{};var c=$APP.l(this,"__xToasterModel");c=$APP.n(c)?c:Oq(this);var d=Nq.g(c);c=this.querySelectorAll("x-toast");var e=c.length;if(e>=d)for(d=e-d- -1,e=0;;)if(e<d)c[e].dismiss("toaster-remove"),e+=1;else break;c=document.createElement("x-toast");d=$APP.l(b,"type");$APP.n(d)&&c.setAttribute("type",d);d=$APP.l(b,
8
+ "heading");$APP.n(d)&&c.setAttribute("heading",d);d=$APP.l(b,"message");$APP.n(d)&&c.setAttribute("message",d);d=$APP.l(b,"icon");$APP.n(d)&&c.setAttribute("icon",d);$APP.l(b,"dismissible")===!1&&c.setAttribute("dismissible","false");d=$APP.l(b,"timeoutMs");$APP.n(d)&&c.setAttribute("timeout-ms",""+$APP.T.g(d));$APP.n($APP.l(b,"showProgress"))&&c.setAttribute("show-progress","");this.appendChild(c);return c},writable:!0,configurable:!0})},Uq=function(){var a=class extends HTMLElement{};a.observedAttributes=
9
+ Tq;a.prototype.connectedCallback=function(){Lq(this);Rq(this);Qq(this);Pq(this);return null};a.prototype.disconnectedCallback=function(){Rq(this);return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.O(c,d)&&Pq(this);return null};Sq(a);return a},Vq=function(){$APP.n(customElements.get("x-toaster"))||customElements.define("x-toaster",Uq());return null},Mq=new $APP.M(null,"max-toasts-raw","max-toasts-raw",-815087069),Nq=new $APP.M(null,"max-toasts","max-toasts",-1982289139);var Tq=["position","max-toasts","label"];$APP.Ed(["x-toaster-dismiss",new $APP.R(null,2,[$APP.V,new $APP.R(null,4,[$APP.Z,$APP.Y,$APP.Rh,$APP.Y,$APP.Qj,$APP.Y,$APP.jj,$APP.Y],null),$APP.rk,!0],null)]);var Hq=new $APP.S(null,new $APP.R(null,6,["top-center",null,"bottom-start",null,"bottom-end",null,"bottom-center",null,"top-end",null,"top-start",null],null),null);var Kq=":host{display:flex;position:fixed;z-index:var(--x-toaster-z-index,9000);gap:var(--x-toaster-gap,8px);width:max-content;max-width:var(--x-toaster-max-width,480px);box-sizing:border-box;pointer-events:none;color-scheme:light dark;}::slotted("+$APP.T.g("x-toast")+"){pointer-events:auto;}slot{display:contents;}:host([data-position\x3d'top-start']){top:var(--x-toaster-inset,16px);inset-inline-start:var(--x-toaster-inset,16px);flex-direction:column-reverse;}:host([data-position\x3d'top-center']){top:var(--x-toaster-inset,16px);left:50%;transform:translateX(-50%);flex-direction:column-reverse;align-items:center;}:host([data-position\x3d'top-end']){top:var(--x-toaster-inset,16px);inset-inline-end:var(--x-toaster-inset,16px);flex-direction:column-reverse;}:host([data-position\x3d'bottom-start']){bottom:var(--x-toaster-inset,16px);inset-inline-start:var(--x-toaster-inset,16px);flex-direction:column;}:host([data-position\x3d'bottom-center']){bottom:var(--x-toaster-inset,16px);left:50%;transform:translateX(-50%);flex-direction:column;align-items:center;}:host([data-position\x3d'bottom-end']){bottom:var(--x-toaster-inset,16px);inset-inline-end:var(--x-toaster-inset,16px);flex-direction:column;}";$APP.ja("baredom.exports.x_toaster.init",Vq);export const init=Vq;
@@ -1,11 +1,11 @@
1
1
  import { $APP, shadow$provide } from "./base.js";
2
- var $w=function(a){return typeof a==="string"?(a=parseInt(a.trim(),10),typeof a==="number"&&$APP.q(isNaN(a))&&a>0?a:null):null},bx=function(a){var b=$APP.l(a,"__xTypographyRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot");c.textContent=ax;d.setAttribute("part","container");d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xTypographyRefs=new $APP.Q(null,2,[$APP.Yh,b,$APP.xj,d],null);
3
- return $APP.l(a,"__xTypographyRefs")},hx=function(a){var b=new $APP.Q(null,4,[$APP.ri,a.getAttribute("variant"),$APP.qi,a.getAttribute("align"),cx,a.getAttribute("truncate"),dx,a.getAttribute("line-clamp")],null);var c=$APP.N(b),d=$APP.H(c,$APP.ri),e=$APP.H(c,$APP.qi);b=$APP.H(c,cx);c=$APP.H(c,dx);d=typeof d==="string"?d.toLowerCase():null;d=$APP.K(ex,d)?d:"body1";e=typeof e==="string"?e.toLowerCase():null;e=$APP.K(fx,e)?e:"left";b=new $APP.Q(null,4,[$APP.th,d,$APP.hj,e,$APP.di,b!=null,gx,$w(c)],
4
- null);if($APP.O($APP.l(a,"__xTypographyModel"),b)){b=$APP.N(b);e=$APP.H(b,$APP.th);d=$APP.H(b,$APP.hj);var g=$APP.H(b,$APP.di);c=$APP.H(b,gx);var h=bx(a);h=$APP.N(h);h=$APP.H(h,$APP.xj);a.setAttribute("data-variant",e);a.setAttribute("data-align",d);$APP.n(g)?h.setAttribute("data-truncate",""):h.removeAttribute("data-truncate");c!=null&&$APP.q(g)?(e=h.style,e.display="-webkit-box",e.setProperty("-webkit-box-orient","vertical"),e.overflow="hidden",e.setProperty("-webkit-line-clamp",""+$APP.S.g(c))):
5
- (c=h.style,c.removeProperty("display"),c.removeProperty("-webkit-box-orient"),c.removeProperty("overflow"),c.removeProperty("-webkit-line-clamp"));a.__xTypographyModel=b}},ix=function(a){Object.defineProperty(a,"variant",{get:function(){var b=this.getAttribute("variant");return $APP.n(b)?b:"body1"},set:function(b){return $APP.n(b)?this.setAttribute("variant",""+$APP.S.g(b)):this.removeAttribute("variant")},enumerable:!0,configurable:!0});Object.defineProperty(a,"align",{get:function(){var b=this.getAttribute("align");
6
- return $APP.n(b)?b:"left"},set:function(b){return $APP.n(b)?this.setAttribute("align",""+$APP.S.g(b)):this.removeAttribute("align")},enumerable:!0,configurable:!0});Object.defineProperty(a,"truncate",{get:function(){return this.hasAttribute("truncate")},set:function(b){return $APP.n(b)?this.setAttribute("truncate",""):this.removeAttribute("truncate")},enumerable:!0,configurable:!0});Object.defineProperty(a,"lineClamp",{get:function(){return $w(this.getAttribute("line-clamp"))},set:function(b){return b==
7
- null?this.removeAttribute("line-clamp"):this.setAttribute("line-clamp",""+$APP.S.g(b|0))},enumerable:!0,configurable:!0})},kx=function(){var a=class extends HTMLElement{};a.observedAttributes=jx;a.prototype.connectedCallback=function(){bx(this);hx(this);return null};a.prototype.disconnectedCallback=function(){return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.O(c,d)&&hx(this);return null};ix(a.prototype);return a},lx=function(){$APP.n(customElements.get("x-typography"))||customElements.define("x-typography",
8
- kx());return null},dx=new $APP.M(null,"line-clamp-raw","line-clamp-raw",-1982923204),gx=new $APP.M(null,"line-clamp","line-clamp",-1079334403),cx=new $APP.M(null,"truncate-raw","truncate-raw",1178232402);var jx=["variant","align","truncate","line-clamp"],ex=new $APP.R(null,new $APP.Q(null,16,["subtitle2",null,"overline",null,"h3",null,"body1",null,"body2",null,"small",null,"subtitle1",null,"h2",null,"kbd",null,"h4",null,"h5",null,"blockquote",null,"h1",null,"caption",null,"code",null,"h6",null],null),null),fx=new $APP.R(null,new $APP.Q(null,4,["right",null,"justify",null,"center",null,"left",null],null),null);var ax=":host{display:block;color-scheme:light dark;font-family:var(--x-typography-font-family,"+$APP.S.g("system-ui,-apple-system,sans-serif")+");color:var(--x-typography-color,inherit);}[part\x3dcontainer]{margin:0;padding:0;}:host(:not([data-variant])),:host([data-variant\x3d'body1']){font-size:1rem;font-weight:400;line-height:1.5;letter-spacing:normal;}:host([data-variant\x3d'h1']){font-size:2.5rem;font-weight:700;line-height:1.2;letter-spacing:-0.02em;}:host([data-variant\x3d'h2']){font-size:2rem;font-weight:700;line-height:1.25;letter-spacing:-0.015em;}:host([data-variant\x3d'h3']){font-size:1.75rem;font-weight:600;line-height:1.3;letter-spacing:-0.01em;}:host([data-variant\x3d'h4']){font-size:1.5rem;font-weight:600;line-height:1.35;letter-spacing:-0.005em;}:host([data-variant\x3d'h5']){font-size:1.25rem;font-weight:600;line-height:1.4;letter-spacing:normal;}:host([data-variant\x3d'h6']){font-size:1.125rem;font-weight:600;line-height:1.4;letter-spacing:normal;}:host([data-variant\x3d'subtitle1']){font-size:1.125rem;font-weight:500;line-height:1.4;letter-spacing:0.005em;}:host([data-variant\x3d'subtitle2']){font-size:0.875rem;font-weight:500;line-height:1.4;letter-spacing:0.01em;}:host([data-variant\x3d'body2']){font-size:0.875rem;font-weight:400;line-height:1.5;letter-spacing:normal;}:host([data-variant\x3d'caption']){font-size:0.75rem;font-weight:400;line-height:1.4;letter-spacing:0.02em;}:host([data-variant\x3d'overline']){font-size:0.625rem;font-weight:600;line-height:1.5;letter-spacing:0.1em;text-transform:uppercase;}:host([data-variant\x3d'small']){font-size:0.8125rem;font-weight:400;line-height:1.4;letter-spacing:normal;}:host([data-variant\x3d'blockquote']){font-size:1.125rem;font-weight:400;line-height:1.6;letter-spacing:normal;font-style:italic;}:host([data-variant\x3d'blockquote']) [part\x3dcontainer]{border-left:3px solid var(--x-typography-blockquote-border-color,"+
9
- $APP.S.g("rgba(0,0,0,0.2)")+");padding:var(--x-typography-blockquote-padding,0 0 0 1em);}@media (prefers-color-scheme:dark){:host([data-variant\x3d'blockquote']) [part\x3dcontainer]{border-left-color:var(--x-typography-blockquote-border-color,"+$APP.S.g("rgba(255,255,255,0.25)")+");}}:host([data-variant\x3d'code']){font-family:var(--x-typography-mono-font-family,"+$APP.S.g('ui-monospace,"SFMono-Regular","SF Mono",Menlo,Consolas,monospace')+");font-size:0.875rem;font-weight:400;line-height:1.5;}:host([data-variant\x3d'code']) [part\x3dcontainer]{background:var(--x-typography-code-bg,"+
10
- $APP.S.g("rgba(0,0,0,0.06)")+");border-radius:var(--x-typography-code-radius,4px);padding:var(--x-typography-code-padding,0.15em 0.35em);}@media (prefers-color-scheme:dark){:host([data-variant\x3d'code']) [part\x3dcontainer]{background:var(--x-typography-code-bg,"+$APP.S.g("rgba(255,255,255,0.1)")+");}}:host([data-variant\x3d'kbd']){font-family:var(--x-typography-mono-font-family,"+$APP.S.g('ui-monospace,"SFMono-Regular","SF Mono",Menlo,Consolas,monospace')+");font-size:0.875rem;font-weight:400;line-height:1.5;}:host([data-variant\x3d'kbd']) [part\x3dcontainer]{background:var(--x-typography-kbd-bg,"+
11
- $APP.S.g("rgba(0,0,0,0.06)")+");border:1px solid var(--x-typography-kbd-border,"+$APP.S.g("rgba(0,0,0,0.15)")+");border-radius:var(--x-typography-kbd-radius,4px);padding:var(--x-typography-kbd-padding,0.15em 0.4em);}@media (prefers-color-scheme:dark){:host([data-variant\x3d'kbd']) [part\x3dcontainer]{background:var(--x-typography-kbd-bg,"+$APP.S.g("rgba(255,255,255,0.1)")+");border-color:var(--x-typography-kbd-border,"+$APP.S.g("rgba(255,255,255,0.2)")+");}}:host([data-align\x3d'left']){text-align:left;}:host([data-align\x3d'center']){text-align:center;}:host([data-align\x3d'right']){text-align:right;}:host([data-align\x3d'justify']){text-align:justify;}[part\x3dcontainer][data-truncate]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}";$APP.ja("baredom.exports.x_typography.init",lx);export const init=lx;
2
+ var Jy=function(a){return typeof a==="string"?(a=parseInt(a.trim(),10),typeof a==="number"&&$APP.r(isNaN(a))&&a>0?a:null):null},Ly=function(a){var b=$APP.l(a,"__xTypographyRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot");c.textContent=Ky;d.setAttribute("part","container");d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xTypographyRefs=new $APP.R(null,2,[$APP.Jh,b,$APP.yi,d],null);
3
+ return $APP.l(a,"__xTypographyRefs")},Ry=function(a){var b=new $APP.R(null,4,[$APP.Lj,a.getAttribute("variant"),$APP.Wh,a.getAttribute("align"),My,a.getAttribute("truncate"),Ny,a.getAttribute("line-clamp")],null);var c=$APP.N(b),d=$APP.I(c,$APP.Lj),e=$APP.I(c,$APP.Wh);b=$APP.I(c,My);c=$APP.I(c,Ny);d=typeof d==="string"?d.toLowerCase():null;d=$APP.K(Oy,d)?d:"body1";e=typeof e==="string"?e.toLowerCase():null;e=$APP.K(Py,e)?e:"left";b=new $APP.R(null,4,[$APP.jh,d,$APP.qi,e,$APP.Nh,b!=null,Qy,Jy(c)],
4
+ null);if($APP.O($APP.l(a,"__xTypographyModel"),b)){b=$APP.N(b);e=$APP.I(b,$APP.jh);d=$APP.I(b,$APP.qi);var g=$APP.I(b,$APP.Nh);c=$APP.I(b,Qy);var h=Ly(a);h=$APP.N(h);h=$APP.I(h,$APP.yi);a.setAttribute("data-variant",e);a.setAttribute("data-align",d);$APP.n(g)?h.setAttribute("data-truncate",""):h.removeAttribute("data-truncate");c!=null&&$APP.r(g)?(e=h.style,e.display="-webkit-box",e.setProperty("-webkit-box-orient","vertical"),e.overflow="hidden",e.setProperty("-webkit-line-clamp",""+$APP.T.g(c))):
5
+ (c=h.style,c.removeProperty("display"),c.removeProperty("-webkit-box-orient"),c.removeProperty("overflow"),c.removeProperty("-webkit-line-clamp"));a.__xTypographyModel=b}},Sy=function(a){Object.defineProperty(a,"variant",{get:function(){var b=this.getAttribute("variant");return $APP.n(b)?b:"body1"},set:function(b){return $APP.n(b)?this.setAttribute("variant",""+$APP.T.g(b)):this.removeAttribute("variant")},enumerable:!0,configurable:!0});Object.defineProperty(a,"align",{get:function(){var b=this.getAttribute("align");
6
+ return $APP.n(b)?b:"left"},set:function(b){return $APP.n(b)?this.setAttribute("align",""+$APP.T.g(b)):this.removeAttribute("align")},enumerable:!0,configurable:!0});Object.defineProperty(a,"truncate",{get:function(){return this.hasAttribute("truncate")},set:function(b){return $APP.n(b)?this.setAttribute("truncate",""):this.removeAttribute("truncate")},enumerable:!0,configurable:!0});Object.defineProperty(a,"lineClamp",{get:function(){return Jy(this.getAttribute("line-clamp"))},set:function(b){return b==
7
+ null?this.removeAttribute("line-clamp"):this.setAttribute("line-clamp",""+$APP.T.g(b|0))},enumerable:!0,configurable:!0})},Uy=function(){var a=class extends HTMLElement{};a.observedAttributes=Ty;a.prototype.connectedCallback=function(){Ly(this);Ry(this);return null};a.prototype.disconnectedCallback=function(){return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.O(c,d)&&Ry(this);return null};Sy(a.prototype);return a},Vy=function(){$APP.n(customElements.get("x-typography"))||customElements.define("x-typography",
8
+ Uy());return null},Ny=new $APP.M(null,"line-clamp-raw","line-clamp-raw",-1982923204),Qy=new $APP.M(null,"line-clamp","line-clamp",-1079334403),My=new $APP.M(null,"truncate-raw","truncate-raw",1178232402);var Ty=["variant","align","truncate","line-clamp"],Oy=new $APP.S(null,new $APP.R(null,16,["subtitle2",null,"overline",null,"h3",null,"body1",null,"body2",null,"small",null,"subtitle1",null,"h2",null,"kbd",null,"h4",null,"h5",null,"blockquote",null,"h1",null,"caption",null,"code",null,"h6",null],null),null),Py=new $APP.S(null,new $APP.R(null,4,["right",null,"justify",null,"center",null,"left",null],null),null);var Ky=":host{display:block;color-scheme:light dark;font-family:var(--x-typography-font-family,"+$APP.T.g("system-ui,-apple-system,sans-serif")+");color:var(--x-typography-color,inherit);}[part\x3dcontainer]{margin:0;padding:0;}:host(:not([data-variant])),:host([data-variant\x3d'body1']){font-size:1rem;font-weight:400;line-height:1.5;letter-spacing:normal;}:host([data-variant\x3d'h1']){font-size:2.5rem;font-weight:700;line-height:1.2;letter-spacing:-0.02em;}:host([data-variant\x3d'h2']){font-size:2rem;font-weight:700;line-height:1.25;letter-spacing:-0.015em;}:host([data-variant\x3d'h3']){font-size:1.75rem;font-weight:600;line-height:1.3;letter-spacing:-0.01em;}:host([data-variant\x3d'h4']){font-size:1.5rem;font-weight:600;line-height:1.35;letter-spacing:-0.005em;}:host([data-variant\x3d'h5']){font-size:1.25rem;font-weight:600;line-height:1.4;letter-spacing:normal;}:host([data-variant\x3d'h6']){font-size:1.125rem;font-weight:600;line-height:1.4;letter-spacing:normal;}:host([data-variant\x3d'subtitle1']){font-size:1.125rem;font-weight:500;line-height:1.4;letter-spacing:0.005em;}:host([data-variant\x3d'subtitle2']){font-size:0.875rem;font-weight:500;line-height:1.4;letter-spacing:0.01em;}:host([data-variant\x3d'body2']){font-size:0.875rem;font-weight:400;line-height:1.5;letter-spacing:normal;}:host([data-variant\x3d'caption']){font-size:0.75rem;font-weight:400;line-height:1.4;letter-spacing:0.02em;}:host([data-variant\x3d'overline']){font-size:0.625rem;font-weight:600;line-height:1.5;letter-spacing:0.1em;text-transform:uppercase;}:host([data-variant\x3d'small']){font-size:0.8125rem;font-weight:400;line-height:1.4;letter-spacing:normal;}:host([data-variant\x3d'blockquote']){font-size:1.125rem;font-weight:400;line-height:1.6;letter-spacing:normal;font-style:italic;}:host([data-variant\x3d'blockquote']) [part\x3dcontainer]{border-left:3px solid var(--x-typography-blockquote-border-color,"+
9
+ $APP.T.g("rgba(0,0,0,0.2)")+");padding:var(--x-typography-blockquote-padding,0 0 0 1em);}@media (prefers-color-scheme:dark){:host([data-variant\x3d'blockquote']) [part\x3dcontainer]{border-left-color:var(--x-typography-blockquote-border-color,"+$APP.T.g("rgba(255,255,255,0.25)")+");}}:host([data-variant\x3d'code']){font-family:var(--x-typography-mono-font-family,"+$APP.T.g('ui-monospace,"SFMono-Regular","SF Mono",Menlo,Consolas,monospace')+");font-size:0.875rem;font-weight:400;line-height:1.5;}:host([data-variant\x3d'code']) [part\x3dcontainer]{background:var(--x-typography-code-bg,"+
10
+ $APP.T.g("rgba(0,0,0,0.06)")+");border-radius:var(--x-typography-code-radius,4px);padding:var(--x-typography-code-padding,0.15em 0.35em);}@media (prefers-color-scheme:dark){:host([data-variant\x3d'code']) [part\x3dcontainer]{background:var(--x-typography-code-bg,"+$APP.T.g("rgba(255,255,255,0.1)")+");}}:host([data-variant\x3d'kbd']){font-family:var(--x-typography-mono-font-family,"+$APP.T.g('ui-monospace,"SFMono-Regular","SF Mono",Menlo,Consolas,monospace')+");font-size:0.875rem;font-weight:400;line-height:1.5;}:host([data-variant\x3d'kbd']) [part\x3dcontainer]{background:var(--x-typography-kbd-bg,"+
11
+ $APP.T.g("rgba(0,0,0,0.06)")+");border:1px solid var(--x-typography-kbd-border,"+$APP.T.g("rgba(0,0,0,0.15)")+");border-radius:var(--x-typography-kbd-radius,4px);padding:var(--x-typography-kbd-padding,0.15em 0.4em);}@media (prefers-color-scheme:dark){:host([data-variant\x3d'kbd']) [part\x3dcontainer]{background:var(--x-typography-kbd-bg,"+$APP.T.g("rgba(255,255,255,0.1)")+");border-color:var(--x-typography-kbd-border,"+$APP.T.g("rgba(255,255,255,0.2)")+");}}:host([data-align\x3d'left']){text-align:left;}:host([data-align\x3d'center']){text-align:center;}:host([data-align\x3d'right']){text-align:right;}:host([data-align\x3d'justify']){text-align:justify;}[part\x3dcontainer][data-truncate]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}";$APP.ja("baredom.exports.x_typography.init",Vy);export const init=Vy;
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "description" : "67 native Web Components — stateless, framework-free, zero runtime. Built with ClojureScript, compiled to tree-shakeable ESM.",
2
+ "description" : "73 native Web Components — stateless, framework-free, zero runtime. Built with ClojureScript, compiled to tree-shakeable ESM.",
3
3
  "engines" : {
4
4
  "node" : ">=18"
5
5
  },
@@ -295,6 +295,30 @@
295
295
  "./x-gaussian-blur" : {
296
296
  "import" : "./dist/x-gaussian-blur.js",
297
297
  "default" : "./dist/x-gaussian-blur.js"
298
+ },
299
+ "./x-splash" : {
300
+ "import" : "./dist/x-splash.js",
301
+ "default" : "./dist/x-splash.js"
302
+ },
303
+ "./x-metaball-cursor" : {
304
+ "import" : "./dist/x-metaball-cursor.js",
305
+ "default" : "./dist/x-metaball-cursor.js"
306
+ },
307
+ "./x-neural-glow" : {
308
+ "import" : "./dist/x-neural-glow.js",
309
+ "default" : "./dist/x-neural-glow.js"
310
+ },
311
+ "./x-organic-progress" : {
312
+ "import" : "./dist/x-organic-progress.js",
313
+ "default" : "./dist/x-organic-progress.js"
314
+ },
315
+ "./x-bento-grid" : {
316
+ "import" : "./dist/x-bento-grid.js",
317
+ "default" : "./dist/x-bento-grid.js"
318
+ },
319
+ "./x-bento-item" : {
320
+ "import" : "./dist/x-bento-item.js",
321
+ "default" : "./dist/x-bento-item.js"
298
322
  }
299
323
  },
300
324
  "devDependencies" : {
@@ -304,6 +328,6 @@
304
328
  "shadow-cljs" : "^3.3.6"
305
329
  },
306
330
  "files" : [ "dist", "README.md", "LICENSE", "CHANGELOG.md" ],
307
- "version" : "1.2.0",
331
+ "version" : "1.3.0",
308
332
  "sideEffects" : [ "./dist/*.js" ]
309
333
  }