@vanelsas/baredom 2.1.0 → 2.2.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 (89) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/README.md +3 -3
  3. package/dist/base.js +75 -73
  4. package/dist/x-alert.js +17 -17
  5. package/dist/x-avatar-group.js +10 -10
  6. package/dist/x-avatar.js +13 -14
  7. package/dist/x-badge.js +11 -11
  8. package/dist/x-bento-grid.js +5 -5
  9. package/dist/x-bento-item.js +4 -4
  10. package/dist/x-breadcrumbs.js +14 -14
  11. package/dist/x-button.js +15 -15
  12. package/dist/x-cancel-dialogue.js +12 -12
  13. package/dist/x-card.js +7 -7
  14. package/dist/x-carousel.js +28 -28
  15. package/dist/x-chart.js +46 -46
  16. package/dist/x-checkbox.js +11 -11
  17. package/dist/x-chip.js +8 -8
  18. package/dist/x-collapse.js +10 -10
  19. package/dist/x-color-picker.js +40 -40
  20. package/dist/x-command-palette.js +25 -25
  21. package/dist/x-container.js +6 -6
  22. package/dist/x-context-menu.js +18 -18
  23. package/dist/x-copy.js +20 -20
  24. package/dist/x-currency-field.js +21 -21
  25. package/dist/x-date-picker.js +37 -37
  26. package/dist/x-divider.js +8 -8
  27. package/dist/x-drawer.js +11 -11
  28. package/dist/x-dropdown.js +9 -9
  29. package/dist/x-fieldset.js +5 -5
  30. package/dist/x-file-download.js +7 -7
  31. package/dist/x-form-field.js +15 -15
  32. package/dist/x-form.js +9 -9
  33. package/dist/x-gaussian-blur.js +16 -16
  34. package/dist/x-grid.js +6 -6
  35. package/dist/x-icon.js +9 -0
  36. package/dist/x-image.js +20 -0
  37. package/dist/x-kinetic-font.js +28 -28
  38. package/dist/x-kinetic-typography.js +37 -37
  39. package/dist/x-liquid-dock.js +35 -35
  40. package/dist/x-liquid-fill.js +40 -40
  41. package/dist/x-liquid-glass.js +33 -33
  42. package/dist/x-menu-item.js +10 -10
  43. package/dist/x-menu.js +10 -10
  44. package/dist/x-metaball-cursor.js +25 -25
  45. package/dist/x-modal.js +11 -11
  46. package/dist/x-morph-stack.js +39 -39
  47. package/dist/x-navbar.js +12 -12
  48. package/dist/x-neural-glow.js +30 -30
  49. package/dist/x-notification-center.js +10 -10
  50. package/dist/x-organic-divider.js +15 -15
  51. package/dist/x-organic-progress.js +35 -35
  52. package/dist/x-organic-shape.js +12 -12
  53. package/dist/x-pagination.js +16 -16
  54. package/dist/x-particle-button.js +46 -46
  55. package/dist/x-popover.js +14 -14
  56. package/dist/x-progress-circle.js +7 -7
  57. package/dist/x-progress.js +7 -7
  58. package/dist/x-radio.js +11 -11
  59. package/dist/x-ripple-effect.js +10 -10
  60. package/dist/x-scroll-parallax.js +17 -17
  61. package/dist/x-scroll-stack.js +18 -18
  62. package/dist/x-scroll-story.js +33 -33
  63. package/dist/x-scroll-timeline.js +45 -45
  64. package/dist/x-scroll.js +40 -40
  65. package/dist/x-search-field.js +14 -14
  66. package/dist/x-select.js +9 -9
  67. package/dist/x-sidebar.js +16 -16
  68. package/dist/x-skeleton.js +4 -4
  69. package/dist/x-slider.js +16 -16
  70. package/dist/x-soft-body.js +20 -20
  71. package/dist/x-spacer.js +5 -5
  72. package/dist/x-spinner.js +5 -5
  73. package/dist/x-splash.js +13 -13
  74. package/dist/x-stat.js +9 -9
  75. package/dist/x-stepper.js +16 -16
  76. package/dist/x-switch.js +10 -10
  77. package/dist/x-tab.js +7 -7
  78. package/dist/x-table-cell.js +20 -20
  79. package/dist/x-table-row.js +10 -10
  80. package/dist/x-table.js +13 -13
  81. package/dist/x-tabs.js +11 -11
  82. package/dist/x-text-area.js +17 -17
  83. package/dist/x-theme.js +24 -24
  84. package/dist/x-timeline-item.js +20 -20
  85. package/dist/x-timeline.js +9 -9
  86. package/dist/x-toast.js +21 -21
  87. package/dist/x-toaster.js +8 -8
  88. package/dist/x-typography.js +8 -8
  89. package/package.json +9 -1
@@ -1,12 +1,12 @@
1
1
  import { $APP, shadow$provide } from "./base.js";
2
- var vE=function(a){return typeof a==="string"?(a=parseInt(a.trim(),10),typeof a==="number"&&$APP.r(isNaN(a))&&a>0?a:null):null},xE=function(a){var b=$APP.k(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=wE;d.setAttribute("part","container");d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xTypographyRefs=new $APP.R(null,2,[$APP.ji,b,$APP.ej,d],null);
3
- return $APP.k(a,"__xTypographyRefs")},DE=function(a){var b=new $APP.R(null,4,[$APP.Jk,a.getAttribute("variant"),$APP.yi,a.getAttribute("align"),yE,a.getAttribute("truncate"),zE,a.getAttribute("line-clamp")],null);var c=$APP.M(b),d=$APP.D(c,$APP.Jk),e=$APP.D(c,$APP.yi);b=$APP.D(c,yE);c=$APP.D(c,zE);d=typeof d==="string"?d.toLowerCase():null;d=$APP.J(AE,d)?d:"body1";e=typeof e==="string"?e.toLowerCase():null;e=$APP.J(BE,e)?e:"left";b=new $APP.R(null,4,[$APP.Nh,d,$APP.Wi,e,$APP.ni,b!=null,CE,vE(c)],
4
- null);if($APP.N($APP.k(a,"__xTypographyModel"),b)){b=$APP.M(b);e=$APP.D(b,$APP.Nh);d=$APP.D(b,$APP.Wi);var g=$APP.D(b,$APP.ni);c=$APP.D(b,CE);var h=xE(a);h=$APP.M(h);h=$APP.D(h,$APP.ej);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}},EE=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 vE(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})},GE=function(){var a=class extends HTMLElement{};a.observedAttributes=FE;a.prototype.connectedCallback=function(){xE(this);DE(this);return null};a.prototype.disconnectedCallback=function(){return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.N(c,d)&&DE(this);return null};EE(a.prototype);return a},HE=function(){$APP.n(customElements.get("x-typography"))||customElements.define("x-typography",
8
- GE());return null},zE=new $APP.K(null,"line-clamp-raw","line-clamp-raw",-1982923204),CE=new $APP.K(null,"line-clamp","line-clamp",-1079334403),yE=new $APP.K(null,"truncate-raw","truncate-raw",1178232402);var FE=["variant","align","truncate","line-clamp"],AE=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),BE=new $APP.S(null,new $APP.R(null,4,["right",null,"justify",null,"center",null,"left",null],null),null);var wE=":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,var(--x-color-text,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,var(--x-color-border,"+
2
+ var EE=function(a){return typeof a==="string"?(a=parseInt(a.trim(),10),typeof a==="number"&&$APP.r(isNaN(a))&&a>0?a:null):null},GE=function(a){var b=$APP.k(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=FE;d.setAttribute("part","container");d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xTypographyRefs=new $APP.R(null,2,[$APP.li,b,$APP.ij,d],null);
3
+ return $APP.k(a,"__xTypographyRefs")},ME=function(a){var b=new $APP.R(null,4,[$APP.Pk,a.getAttribute("variant"),$APP.Ai,a.getAttribute("align"),HE,a.getAttribute("truncate"),IE,a.getAttribute("line-clamp")],null);var c=$APP.M(b),d=$APP.D(c,$APP.Pk),e=$APP.D(c,$APP.Ai);b=$APP.D(c,HE);c=$APP.D(c,IE);d=typeof d==="string"?d.toLowerCase():null;d=$APP.J(JE,d)?d:"body1";e=typeof e==="string"?e.toLowerCase():null;e=$APP.J(KE,e)?e:"left";b=new $APP.R(null,4,[$APP.Oh,d,$APP.Yi,e,$APP.pi,b!=null,LE,EE(c)],
4
+ null);if($APP.N($APP.k(a,"__xTypographyModel"),b)){b=$APP.M(b);e=$APP.D(b,$APP.Oh);d=$APP.D(b,$APP.Yi);var g=$APP.D(b,$APP.pi);c=$APP.D(b,LE);var h=GE(a);h=$APP.M(h);h=$APP.D(h,$APP.ij);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}},NE=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 EE(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})},PE=function(){var a=class extends HTMLElement{};a.observedAttributes=OE;a.prototype.connectedCallback=function(){GE(this);ME(this);return null};a.prototype.disconnectedCallback=function(){return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.N(c,d)&&ME(this);return null};NE(a.prototype);return a},QE=function(){$APP.n(customElements.get("x-typography"))||customElements.define("x-typography",
8
+ PE());return null},IE=new $APP.K(null,"line-clamp-raw","line-clamp-raw",-1982923204),LE=new $APP.K(null,"line-clamp","line-clamp",-1079334403),HE=new $APP.K(null,"truncate-raw","truncate-raw",1178232402);var OE=["variant","align","truncate","line-clamp"],JE=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),KE=new $APP.S(null,new $APP.R(null,4,["right",null,"justify",null,"center",null,"left",null],null),null);var FE=":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,var(--x-color-text,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,var(--x-color-border,"+
9
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,var(--x-color-border,"+$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,var(--x-color-surface,"+
10
10
  $APP.T.g("rgba(0,0,0,0.06)")+"));border-radius:var(--x-typography-code-radius,var(--x-radius-sm,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,var(--x-color-surface,"+$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')+
11
11
  ");font-size:0.875rem;font-weight:400;line-height:1.5;}:host([data-variant\x3d'kbd']) [part\x3dcontainer]{background:var(--x-typography-kbd-bg,var(--x-color-surface,"+$APP.T.g("rgba(0,0,0,0.06)")+"));border:1px solid var(--x-typography-kbd-border,var(--x-color-border,"+$APP.T.g("rgba(0,0,0,0.15)")+"));border-radius:var(--x-typography-kbd-radius,var(--x-radius-sm,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,var(--x-color-surface,"+
12
- $APP.T.g("rgba(255,255,255,0.1)")+"));border-color:var(--x-typography-kbd-border,var(--x-color-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.fa("baredom.exports.x_typography.init",HE);export const init=HE;
12
+ $APP.T.g("rgba(255,255,255,0.1)")+"));border-color:var(--x-typography-kbd-border,var(--x-color-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.fa("baredom.exports.x_typography.init",QE);export const init=QE;
package/package.json CHANGED
@@ -28,6 +28,14 @@
28
28
  "keywords" : [ "web-components", "custom-elements", "baredom", "ui-library", "clojurescript", "esm", "framework-agnostic" ],
29
29
  "author" : "Alexander van Elsas",
30
30
  "exports" : {
31
+ "./x-icon" : {
32
+ "import" : "./dist/x-icon.js",
33
+ "default" : "./dist/x-icon.js"
34
+ },
35
+ "./x-image" : {
36
+ "import" : "./dist/x-image.js",
37
+ "default" : "./dist/x-image.js"
38
+ },
31
39
  "./x-table-row" : {
32
40
  "import" : "./dist/x-table-row.js",
33
41
  "default" : "./dist/x-table-row.js"
@@ -368,6 +376,6 @@
368
376
  "shadow-cljs" : "^3.3.6"
369
377
  },
370
378
  "files" : [ "dist", "README.md", "LICENSE", "CHANGELOG.md" ],
371
- "version" : "2.1.0",
379
+ "version" : "2.2.0",
372
380
  "sideEffects" : [ "./dist/*.js" ]
373
381
  }