@vanelsas/baredom 0.1.0-alpha → 0.1.3-alpha

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 (4) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/README.md +143 -0
  3. package/dist/x-date-picker.js +16 -16
  4. package/package.json +221 -237
package/CHANGELOG.md CHANGED
@@ -2,6 +2,29 @@
2
2
 
3
3
  All notable changes to BareDome will be documented in this file.
4
4
 
5
+ ## [0.1.3-alpha] - 2026-03-27
6
+
7
+ ## Fixed
8
+
9
+ - Fixes Release with OIDC
10
+
11
+ ## [0.1.2-alpha] - 2026-03-27
12
+
13
+ ## Fixed
14
+
15
+ - Release with OIDC
16
+
17
+ ## [0.1.1-alpha] - 2026-03-27
18
+
19
+ ## Fixed
20
+
21
+ - Fixes x-date-picker disabled
22
+ - Fixes loading of logo in darkmode/lightmode in main demo
23
+
24
+ ## Adds
25
+
26
+ - Pure HTML/JS demo + README.md
27
+
5
28
  ## [0.1.0-alpha] - 2026-03-25
6
29
 
7
30
  Initial alpha release of BareDome — 54 native Web Components built with ClojureScript and compiled to zero-dependency ESM modules.
package/README.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # BareDOM
2
2
 
3
+ <p align="left">
4
+ <picture>
5
+ <source media="(prefers-color-scheme: dark)" srcset="public/assets/baredom_darkmode.svg">
6
+ <source media="(prefers-color-scheme: light)" srcset="public/assets/baredom_lightmode.svg">
7
+ <img alt="Baredom Logo" src="apublic/assets/baredom_lightmode.svg" width="120">
8
+ </picture>
9
+ </p>
10
+
3
11
  **Native web components. Zero runtime. No framework required.**
4
12
 
5
13
  [![npm version](https://img.shields.io/npm/v/%40vanelsas%2Fbaredom.svg)](https://www.npmjs.com/package/@vanelsas/baredom)
@@ -63,6 +71,94 @@ Then run `npm install`.
63
71
 
64
72
  ---
65
73
 
74
+ ## Using with plain HTML (no build step)
75
+
76
+ BareDOM components are standard ES modules. Load them directly in any HTML page using a CDN — no npm, no bundler, no framework required.
77
+
78
+ ### Import and initialise
79
+
80
+ ```html
81
+ <!DOCTYPE html>
82
+ <html lang="en">
83
+ <head>
84
+ <meta charset="UTF-8">
85
+ <title>My App</title>
86
+ </head>
87
+ <body>
88
+
89
+ <x-button variant="primary">Hello</x-button>
90
+ <x-alert type="success" text="It works!"></x-alert>
91
+
92
+ <script type="module">
93
+ import { init as initButton } from "https://esm.sh/@vanelsas/baredom/x-button";
94
+ import { init as initAlert } from "https://esm.sh/@vanelsas/baredom/x-alert";
95
+
96
+ initButton();
97
+ initAlert();
98
+ </script>
99
+
100
+ </body>
101
+ </html>
102
+ ```
103
+
104
+ `<script type="module">` is required because BareDOM components are ES modules. Each `init()` call registers the custom element with the browser. Only the components you import are loaded — unused components cost nothing.
105
+
106
+ ### Set attributes in HTML
107
+
108
+ Every attribute can be set directly in markup:
109
+
110
+ ```html
111
+ <x-button variant="secondary" size="sm" disabled>Cancel</x-button>
112
+ <x-checkbox checked></x-checkbox>
113
+ <x-alert type="warning" text="Check your input." dismissible></x-alert>
114
+ <x-progress value="65" max="100"></x-progress>
115
+ ```
116
+
117
+ Boolean attributes follow the HTML convention: presence means `true`, absence means `false`.
118
+
119
+ ### Handle events
120
+
121
+ ```html
122
+ <x-button id="btn" variant="primary">Click me</x-button>
123
+ <x-tabs id="tabs" value="home">
124
+ <x-tab value="home">Home</x-tab>
125
+ <x-tab value="settings">Settings</x-tab>
126
+ </x-tabs>
127
+
128
+ <script type="module">
129
+ import { init as initButton } from "https://esm.sh/@vanelsas/baredom/x-button";
130
+ import { init as initTabs } from "https://esm.sh/@vanelsas/baredom/x-tabs";
131
+ import { init as initTab } from "https://esm.sh/@vanelsas/baredom/x-tab";
132
+
133
+ initButton(); initTabs(); initTab();
134
+
135
+ document.getElementById("btn").addEventListener("click", () => {
136
+ console.log("button clicked");
137
+ });
138
+
139
+ document.getElementById("tabs").addEventListener("value-change", e => {
140
+ console.log("active tab:", e.detail.value);
141
+ });
142
+ </script>
143
+ ```
144
+
145
+ Custom events carry a `detail` payload — check the individual component docs for the event name and `detail` shape.
146
+
147
+ ### Theme with CSS custom properties
148
+
149
+ ```html
150
+ <style>
151
+ :root {
152
+ --x-button-radius: 4px;
153
+ --x-button-bg-primary: #0a5c99;
154
+ }
155
+ </style>
156
+ ```
157
+
158
+ CSS custom properties cascade normally into the open Shadow DOM. No JavaScript required for theming.
159
+
160
+ ---
161
+
66
162
  ## Usage
67
163
 
68
164
  ### 1. Register components
@@ -419,6 +515,53 @@ See [`bare-demo/README.md`](./bare-demo/README.md) for a full walkthrough of the
419
515
 
420
516
  ---
421
517
 
518
+ ## bare-reagent-demo — Reagent usage example
519
+
520
+ The `bare-reagent-demo/` folder is visually identical to `bare-demo` but replaces the custom hiccup renderer with [Reagent](https://reagent-project.github.io/) — a minimalist ClojureScript wrapper around React. It demonstrates the integration patterns and trade-offs that arise when pairing a virtual-DOM framework with native Custom Elements.
521
+
522
+ The key differences from `bare-demo`:
523
+
524
+ - **`reagent.core/atom`** drives reactivity. Any component that dereferences a ratom with `@` re-renders automatically — no `add-watch` or manual render trigger required.
525
+ - **Standard events** (`:on-click`) work transparently through React's synthetic event system.
526
+ - **Custom events** (`x-modal-dismiss`, `toggle`) are not handled by React and must be wired imperatively. The demo uses `reagent/create-class` lifecycle hooks (`component-did-mount` / `component-will-unmount`) and `rdom/dom-node` to attach and clean up native event listeners on the real DOM element.
527
+
528
+ **Run it:**
529
+
530
+ ```bash
531
+ cd bare-reagent-demo
532
+ npm install
533
+ npm start
534
+ ```
535
+
536
+ Then open `http://localhost:8002`.
537
+
538
+ See [`bare-reagent-demo/README.md`](./bare-reagent-demo/README.md) for a full code walkthrough, the custom-event workaround, and a side-by-side comparison with `bare-demo`.
539
+
540
+ ---
541
+
542
+ ## bare-html — HTML/JS only demo
543
+
544
+ The `bare-html/` folder contains the same demo — navbar, sidebar, modal, and event log — written entirely in plain HTML and JavaScript. There is no ClojureScript, no build step, and no bundler. Components are loaded by importing their pre-built ES modules directly from the `dist/` folder using a `<script type="module">` tag.
545
+
546
+ The implementation uses three ideas:
547
+
548
+ - **Declarative HTML markup.** All components are written as custom element tags in the HTML source. Attributes are set directly in markup or via `setAttribute` / `removeAttribute` from JavaScript.
549
+ - **A plain state object and a `render()` function.** A simple JS object holds `sidebarOpen`, `modalOpen`, and `activeNav`. The `render()` function reads this object and reconciles attributes — open/close state is a single `setAttribute` or `removeAttribute` call.
550
+ - **Native event listeners.** `x-button` fires a `press` event; `x-sidebar` fires `toggle` with `detail.open`; `x-modal` fires `x-modal-dismiss` on Escape or backdrop click. All are wired with standard `addEventListener`.
551
+
552
+ **Run it:**
553
+
554
+ ```bash
555
+ # From the project root
556
+ python3 -m http.server 8000
557
+ ```
558
+
559
+ Then open `http://localhost:8000/bare-html/demo.html`. The demo must be served over HTTP — ES module imports are blocked by browsers on `file://` URLs.
560
+
561
+ See [`bare-html/README.md`](./bare-html/README.md) for a full walkthrough and a comparison with `bare-demo`.
562
+
563
+ ---
564
+
422
565
  ## Building from Source
423
566
 
424
567
  BareDOM is authored in ClojureScript and compiled with [shadow-cljs](https://shadow-cljs.github.io/docs/UsersGuide.html).
package/dist/x-date-picker.js CHANGED
@@ -12,22 +12,22 @@ c.textContent=h);if(!$APP.n($APP.l(a,"__xDatePickerWeekdaysDone")))for(a.__xDate
12
12
  var m=wC("button"),q=UB(k),r=k.getUTCDate(),u=zC(k,b);k=CC(k,b);var w=$APP.M(k);k=$APP.I(w,$APP.Jh);var z=$APP.I(w,AC);w=$APP.I(w,BC);m.setAttribute("part","day");m.setAttribute("type","button");m.setAttribute("data-iso",q);m.setAttribute("data-outside",$APP.n(a)?"false":"true");m.setAttribute("data-disabled",$APP.n(u)?"true":"false");m.setAttribute("data-selected",$APP.n(k)?"true":"false");m.setAttribute("data-in-range",$APP.n(z)?"true":"false");m.setAttribute("data-range-edge",$APP.n(w)?"true":
13
13
  "false");$APP.n(u)&&m.setAttribute("disabled","");m.textContent=""+$APP.S.g(r);d.appendChild(m);f+=1}else if(a=$APP.v(e))e=a,$APP.yc(e)?(c=$APP.ob(e),e=$APP.pb(e),a=c,h=$APP.B(c),c=a):(a=$APP.x(e),a=$APP.M(a),k=$APP.I(a,cC),a=$APP.I(a,uC),c=wC("button"),h=UB(k),f=k.getUTCDate(),m=zC(k,b),k=CC(k,b),r=$APP.M(k),k=$APP.I(r,$APP.Jh),q=$APP.I(r,AC),r=$APP.I(r,BC),c.setAttribute("part","day"),c.setAttribute("type","button"),c.setAttribute("data-iso",h),c.setAttribute("data-outside",$APP.n(a)?"false":"true"),
14
14
  c.setAttribute("data-disabled",$APP.n(m)?"true":"false"),c.setAttribute("data-selected",$APP.n(k)?"true":"false"),c.setAttribute("data-in-range",$APP.n(q)?"true":"false"),c.setAttribute("data-range-edge",$APP.n(r)?"true":"false"),$APP.n(m)&&c.setAttribute("disabled",""),c.textContent=""+$APP.S.g(f),d.appendChild(c),e=$APP.y(e),c=null,h=0),f=0;else{d=null;break a}d=void 0}else d=null;return d}return null},EC=function(a){var b=$APP.l(a,"__xDatePickerRefs");b=$APP.n(b)?$APP.l(b,"input"):null;var c=$APP.l(a,
15
- "__xDatePickerState");c=$APP.n(c)?$APP.l(c,"disp"):null;a=$APP.l(a,"__xDatePickerFocused");return $APP.n($APP.n(b)?$APP.p(a):b)?b.value=$APP.n(c)?c:"":null},FC=function(a){var b=$APP.l(a,"__xDatePickerRefs");if($APP.n(b)){b=$APP.l(b,"input");var c=a.hasAttribute("disabled"),d=a.hasAttribute("readonly"),e=a.getAttribute("placeholder"),f=a.getAttribute("aria-label"),h=a.getAttribute("aria-describedby");$APP.n(b)&&($APP.n(c)?(b.setAttribute("disabled",""),b.setAttribute("aria-disabled","true")):(b.removeAttribute("disabled"),
16
- b.removeAttribute("aria-disabled")),$APP.n(d)&&b.setAttribute("readonly",""),$APP.n(d)||b.removeAttribute("readonly"),$APP.n(e)&&b.setAttribute("placeholder",e),$APP.n(f)&&b.setAttribute("aria-label",f),$APP.n(h)&&b.setAttribute("aria-describedby",h));EC(a);return DC(a)}return null},GC=function(a,b){$APP.n(b)?a.setAttribute("value",UB(b)):a.removeAttribute("value")},HC=function(a,b){var c=$APP.l(a,"__xDatePickerState");c=$APP.n(c)?$APP.l(c,"canon"):null;var d=$APP.n(c)?$APP.fi.g(c):null,e={iso:UB(b),
17
- reason:"click"},f=xC(a,"x-date-picker-change-request",!0,e);if($APP.n(f.defaultPrevented))return null;if($APP.D.h(d,hC))return GC(a,b),yC(a),FC(a),xC(a,"x-date-picker-change",!1,e),$APP.n(a.hasAttribute("close-on-select"))?(a.removeAttribute("open"),FC(a)):null;d=function(){var r=$APP.l(a,"__xDatePickerRangeStep");return $APP.n(r)?r:0}();f=qC.g(c);sC.g(c);if($APP.D.h(d,0))a.setAttribute("start",UB(b)),a.removeAttribute("end"),a.__xDatePickerRangeStep=1;else if($APP.D.h(d,1)){var h=kC.g(c),k=WB(b,
18
- f);if($APP.n(function(){var r=k>0;return r?r:$APP.n(h)?k===0:h}())){var m=$APP.n(fC.g(c))?WB(f,b)<0?f:b:f,q=$APP.n(fC.g(c))?WB(f,b)>0?f:b:b;a.setAttribute("start",UB(m));a.setAttribute("end",UB(q));a.__xDatePickerRangeStep=0;$APP.n(function(){var r=a.hasAttribute("close-on-select");return $APP.n(r)?m!=null&&q!=null:r}())&&a.removeAttribute("open")}else a.setAttribute("start",UB(b)),a.removeAttribute("end"),a.__xDatePickerRangeStep=1}else a.setAttribute("start",UB(b)),a.removeAttribute("end"),a.__xDatePickerRangeStep=
19
- 1;yC(a);FC(a);return xC(a,"x-date-picker-change",!1,e)},IC=function(a,b){var c=$APP.l(a,"__xDatePickerRefs");c=$APP.n(c)?$APP.l(c,"input"):null;c=$APP.n(c)?c.value:null;var d=$APP.l(a,"__xDatePickerState");d=$APP.n(d)?$APP.l(d,"canon"):null;var e=$APP.fi.g(d);xC(a,"x-date-picker-input",!1,{value:c});if($APP.D.h(e,hC)){if(c=dC(c),d=$APP.M(c),c=$APP.I(d,bC),d=$APP.I(d,cC),$APP.n(c)){c=xC(a,"x-date-picker-change-request",!0,{iso:UB(d),reason:b});if($APP.n(c.defaultPrevented))return null;GC(a,d);yC(a);
20
- FC(a);return xC(a,"x-date-picker-change",!1,{iso:UB(d),reason:b})}}else if(d=new $APP.P(null,1,[$APP.ph,$APP.ph.g(d)],null),d=$APP.M(d),d=$APP.I(d,$APP.ph),d=typeof d==="string"&&d.length>0?d:" - ",c=RB(c),c==null?c=new $APP.P(null,3,[bC,!1,$APP.zi,null,$APP.uh,null],null):(e=c.indexOf(d),e<0?(c=dC(c),d=$APP.M(c),c=$APP.I(d,bC),d=$APP.I(d,cC),c=new $APP.P(null,3,[bC,c,$APP.zi,d,$APP.uh,null],null)):(d=c.substring(e+d.length).trim(),c=VB(c.substring(0,e).trim()),d=VB(d),c=new $APP.P(null,3,[bC,c!=
21
- null&&d!=null,$APP.zi,c,$APP.uh,d],null))),e=$APP.M(c),c=$APP.I(e,bC),d=$APP.I(e,$APP.zi),e=$APP.I(e,$APP.uh),$APP.n(c)){c=xC(a,"x-date-picker-change-request",!0,{"start-iso":UB(d),"end-iso":UB(e),reason:b});if($APP.n(c.defaultPrevented))return null;a.setAttribute("start",UB(d));a.setAttribute("end",UB(e));a.__xDatePickerRangeStep=0;yC(a);FC(a);return xC(a,"x-date-picker-change",!1,{"start-iso":UB(d),"end-iso":UB(e),reason:b})}return null},KC=function(a,b){var c=$APP.l(a,"__xDatePickerState"),d=$APP.n(c)?
22
- $APP.l(c,"month"):null;if($APP.n(d)){var e=d.getUTCFullYear();d=d.getUTCMonth();b=$APP.D.h(b,JC)?new Date(Date.UTC(e,d+1,1)):new Date(Date.UTC(e,d-1,1));c.month=b;return DC(a)}return null},LC=function(a){return $APP.n(a.hasAttribute("open"))?a.removeAttribute("open"):null},NC=function(a,b){b=b.currentTarget.getAttribute("data-nav");return $APP.D.h(b,"prev")?KC(a,MC):KC(a,JC)},OC=function(a){function b(E){return $APP.n(a.hasAttribute("open"))?$APP.n(E.composedPath().some(function(Q){return Q===a}))?
23
- null:LC(a):null}function c(E){return E.preventDefault()}function d(E){E=E.target.closest("button[data-iso]");$APP.n($APP.n(E)?$APP.p(E.hasAttribute("disabled")):E)?(E=E.getAttribute("data-iso"),E=VB(E),E=$APP.n(E)?HC(a,E):null):E=null;return E}function e(E){return NC(a,E)}function f(E){return NC(a,E)}function h(){if($APP.n(a.hasAttribute("open")))var E=LC(a);else $APP.n(a.hasAttribute("open"))?E=null:(a.setAttribute("open",""),E=DC(a));return E}function k(){a.__xDatePickerFocused=!1;IC(a,"blur");
24
- return EC(a)}function m(){a.__xDatePickerFocused=!0}function q(E){var Q=E.key;$APP.D.h(Q,"Enter")?(E.preventDefault(),E=IC(a,"keyboard")):E=$APP.D.h(Q,"Escape")?LC(a):null;return E}function r(){var E=$APP.l(a,"__xDatePickerRefs");E=$APP.n(E)?$APP.l(E,"input"):null;a.__xDatePickerDisplay=$APP.n(E)?E.value:null;return xC(a,"x-date-picker-input",!1,{value:$APP.n(E)?E.value:null})}var u=$APP.l(a,"__xDatePickerRefs"),w=$APP.l(u,"input"),z=$APP.l(u,"btn"),A=$APP.l(u,"nav-prev"),C=$APP.l(u,"nav-next"),F=
25
- $APP.l(u,"grid");u=$APP.l(u,"popover");w.addEventListener("input",r);w.addEventListener("keydown",q);w.addEventListener("focus",m);w.addEventListener("blur",k);z.addEventListener("click",h);A.addEventListener("click",f);C.addEventListener("click",e);F.addEventListener("click",d);u.addEventListener("mousedown",c);document.addEventListener("pointerdown",b,!0);$APP.ma(a,"__xDatePickerHandlers",{"pop-md":c,keydown:q,grid:d,next:e,blur:k,prev:f,focus:m,input:r,btn:h,"doc-click":b})},PC=function(a){var b=
26
- $APP.l(a,"__xDatePickerRefs");a=$APP.l(a,"__xDatePickerHandlers");if($APP.n($APP.n(b)?a:b)){var c=$APP.l(b,"input"),d=$APP.l(b,"btn"),e=$APP.l(b,"nav-prev"),f=$APP.l(b,"nav-next"),h=$APP.l(b,"grid");b=$APP.l(b,"popover");c.removeEventListener("input",$APP.l(a,"input"));c.removeEventListener("keydown",$APP.l(a,"keydown"));c.removeEventListener("focus",$APP.l(a,"focus"));c.removeEventListener("blur",$APP.l(a,"blur"));d.removeEventListener("click",$APP.l(a,"btn"));e.removeEventListener("click",$APP.l(a,
27
- "prev"));f.removeEventListener("click",$APP.l(a,"next"));h.removeEventListener("click",$APP.l(a,"grid"));b.removeEventListener("mousedown",$APP.l(a,"pop-md"));return document.removeEventListener("pointerdown",$APP.l(a,"doc-click"),!0)}return null},QC=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){var d=this.getAttribute(c);return $APP.n(d)?d:null},set:function(d){return typeof d==="string"&&$APP.N(d,"")?this.setAttribute(c,d):this.removeAttribute(c)}})},RC=
28
- function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute(c)},set:function(d){return $APP.n(d)?this.setAttribute(c,""):this.removeAttribute(c)}})},SC=function(a){a.focus=function(){var b=$APP.l(this,"__xDatePickerRefs");b=$APP.n(b)?$APP.l(b,"input"):null;return $APP.n(b)?b.focus():null};a.commit=function(){return IC(this,"programmatic")};a.clear=function(){var b=$APP.l(this,"__xDatePickerState");$APP.D.h($APP.fi.g($APP.n(b)?$APP.l(b,"canon"):
29
- null),hC)?this.removeAttribute("value"):(this.removeAttribute("start"),this.removeAttribute("end"));yC(this);return FC(this)}},UC=function(){function a(){return Reflect.construct(HTMLElement,[],$APP.Ra(b))}var b=new $APP.Dd;$APP.Ed(b,a);var c=Object.create(HTMLElement.prototype);Object.setPrototypeOf(a,HTMLElement);c.constructor=a;a.observedAttributes=TC;c.connectedCallback=function(){if(!$APP.n($APP.l(this,"__xDatePickerRefs"))){var d=this.attachShadow({mode:"open"}),e=wC("style"),f=wC("div"),h=
30
- wC("input"),k=wC("button"),m=wC("div"),q=wC("div"),r=wC("button"),u=wC("div"),w=wC("button"),z=wC("div"),A=wC("div"),C=wC("div");e.textContent=":host{display:block;color-scheme:light dark;}[part\x3dcontainer]{position:relative;display:flex;align-items:stretch;gap:8px;width:100%;}[part\x3dinput]{flex:1;min-width:0;appearance:none;box-sizing:border-box;border:1px solid var(--x-date-picker-border,#cbd5e1);border-radius:var(--x-date-picker-radius,8px);padding:8px 12px;font-size:0.9375rem;background:var(--x-date-picker-input-bg,#fff);color:var(--x-date-picker-text,inherit);outline:none;}[part\x3dinput]:focus{border-color:var(--x-date-picker-focus,#60a5fa);box-shadow:0 0 0 3px rgba(96,165,250,0.25);}[part\x3dinput][disabled]{opacity:0.5;cursor:default;}[part\x3dinput]::placeholder{color:var(--x-date-picker-placeholder,#94a3b8);}[part\x3dbtn]{all:unset;cursor:pointer;flex:0 0 auto;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--x-date-picker-border,#cbd5e1);border-radius:var(--x-date-picker-radius,8px);background:var(--x-date-picker-btn-bg,#f8fafc);color:var(--x-date-picker-text,inherit);box-sizing:border-box;}[part\x3dbtn]:hover{background:var(--x-date-picker-btn-hover,#f1f5f9);}[part\x3dbtn]:focus-visible{outline:2px solid var(--x-date-picker-focus,#60a5fa);}[part\x3dpopover]{display:none;position:absolute;z-index:1000;top:calc(100% + 8px);left:0;background:var(--x-date-picker-popover-bg,#fff);border:1px solid var(--x-date-picker-border,#e2e8f0);border-radius:var(--x-date-picker-popover-radius,12px);box-shadow:0 8px 32px rgba(0,0,0,0.12),0 2px 8px rgba(0,0,0,0.06);padding:16px;width:var(--x-date-picker-popover-width,304px);box-sizing:border-box;}:host([open]) [part\x3dpopover]{display:block;}[part\x3dnav]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}[part\x3dnavbtn]{all:unset;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;color:var(--x-date-picker-text,inherit);}[part\x3dnavbtn]:hover{background:var(--x-date-picker-nav-hover,#f1f5f9);}[part\x3dnavbtn]:focus-visible{outline:2px solid var(--x-date-picker-focus,#60a5fa);}[part\x3dmonthlabel]{font-weight:600;font-size:0.9375rem;}[part\x3dweekdays]{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px;}[part\x3dweekday]{text-align:center;font-size:0.75rem;font-weight:600;color:var(--x-date-picker-weekday,#94a3b8);padding:4px 0;}[part\x3dgrid]{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;}[part\x3dday]{all:unset;cursor:pointer;box-sizing:border-box;display:flex;align-items:center;justify-content:center;height:36px;border-radius:6px;font-size:0.875rem;color:var(--x-date-picker-day-text,inherit);}[part\x3dday]:hover:not([disabled]){background:var(--x-date-picker-day-hover,#f1f5f9);}[part\x3dday]:focus-visible{outline:2px solid var(--x-date-picker-focus,#60a5fa);}[part\x3dday][data-outside\x3dtrue]{opacity:0.4;}[part\x3dday][data-disabled\x3dtrue]{opacity:0.3;cursor:default;pointer-events:none;}[part\x3dday][data-selected\x3dtrue]{background:var(--x-date-picker-selected-bg,#2563eb);color:var(--x-date-picker-selected-text,#fff);font-weight:600;}[part\x3dday][data-in-range\x3dtrue]:not([data-range-edge\x3dtrue]){background:var(--x-date-picker-range-bg,#dbeafe);color:var(--x-date-picker-range-text,#1e40af);border-radius:0;}[part\x3dday][data-range-edge\x3dtrue]{background:var(--x-date-picker-selected-bg,#2563eb);color:var(--x-date-picker-selected-text,#fff);font-weight:600;}[part\x3dsr-status]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}@media (prefers-color-scheme:dark){:host{--x-date-picker-border:#334155;--x-date-picker-input-bg:#0f172a;--x-date-picker-btn-bg:#1e293b;--x-date-picker-btn-hover:#334155;--x-date-picker-popover-bg:#1e293b;--x-date-picker-day-hover:#334155;--x-date-picker-selected-bg:#3b82f6;--x-date-picker-range-bg:#1e3a8a;--x-date-picker-range-text:#93c5fd;--x-date-picker-nav-hover:#334155;}}@media (prefers-reduced-motion:reduce){[part\x3dpopover]{transition:none;}}";
15
+ "__xDatePickerState");c=$APP.n(c)?$APP.l(c,"disp"):null;a=$APP.l(a,"__xDatePickerFocused");return $APP.n($APP.n(b)?$APP.p(a):b)?b.value=$APP.n(c)?c:"":null},FC=function(a){var b=$APP.l(a,"__xDatePickerRefs");if($APP.n(b)){var c=$APP.l(b,"input");b=$APP.l(b,"btn");var d=a.hasAttribute("disabled"),e=a.hasAttribute("readonly"),f=a.getAttribute("placeholder"),h=a.getAttribute("aria-label"),k=a.getAttribute("aria-describedby");$APP.n(b)&&($APP.n(d)?b.setAttribute("disabled",""):b.removeAttribute("disabled"));
16
+ $APP.n(c)&&($APP.n(d)?(c.setAttribute("disabled",""),c.setAttribute("aria-disabled","true")):(c.removeAttribute("disabled"),c.removeAttribute("aria-disabled")),$APP.n(e)&&c.setAttribute("readonly",""),$APP.n(e)||c.removeAttribute("readonly"),$APP.n(f)&&c.setAttribute("placeholder",f),$APP.n(h)&&c.setAttribute("aria-label",h),$APP.n(k)&&c.setAttribute("aria-describedby",k));EC(a);return DC(a)}return null},GC=function(a,b){$APP.n(b)?a.setAttribute("value",UB(b)):a.removeAttribute("value")},HC=function(a,
17
+ b){var c=$APP.l(a,"__xDatePickerState");c=$APP.n(c)?$APP.l(c,"canon"):null;var d=$APP.n(c)?$APP.fi.g(c):null,e={iso:UB(b),reason:"click"},f=xC(a,"x-date-picker-change-request",!0,e);if($APP.n(f.defaultPrevented))return null;if($APP.D.h(d,hC))return GC(a,b),yC(a),FC(a),xC(a,"x-date-picker-change",!1,e),$APP.n(a.hasAttribute("close-on-select"))?(a.removeAttribute("open"),FC(a)):null;d=function(){var r=$APP.l(a,"__xDatePickerRangeStep");return $APP.n(r)?r:0}();f=qC.g(c);sC.g(c);if($APP.D.h(d,0))a.setAttribute("start",
18
+ UB(b)),a.removeAttribute("end"),a.__xDatePickerRangeStep=1;else if($APP.D.h(d,1)){var h=kC.g(c),k=WB(b,f);if($APP.n(function(){var r=k>0;return r?r:$APP.n(h)?k===0:h}())){var m=$APP.n(fC.g(c))?WB(f,b)<0?f:b:f,q=$APP.n(fC.g(c))?WB(f,b)>0?f:b:b;a.setAttribute("start",UB(m));a.setAttribute("end",UB(q));a.__xDatePickerRangeStep=0;$APP.n(function(){var r=a.hasAttribute("close-on-select");return $APP.n(r)?m!=null&&q!=null:r}())&&a.removeAttribute("open")}else a.setAttribute("start",UB(b)),a.removeAttribute("end"),
19
+ a.__xDatePickerRangeStep=1}else a.setAttribute("start",UB(b)),a.removeAttribute("end"),a.__xDatePickerRangeStep=1;yC(a);FC(a);return xC(a,"x-date-picker-change",!1,e)},IC=function(a,b){var c=$APP.l(a,"__xDatePickerRefs");c=$APP.n(c)?$APP.l(c,"input"):null;c=$APP.n(c)?c.value:null;var d=$APP.l(a,"__xDatePickerState");d=$APP.n(d)?$APP.l(d,"canon"):null;var e=$APP.fi.g(d);xC(a,"x-date-picker-input",!1,{value:c});if($APP.D.h(e,hC)){if(c=dC(c),d=$APP.M(c),c=$APP.I(d,bC),d=$APP.I(d,cC),$APP.n(c)){c=xC(a,
20
+ "x-date-picker-change-request",!0,{iso:UB(d),reason:b});if($APP.n(c.defaultPrevented))return null;GC(a,d);yC(a);FC(a);return xC(a,"x-date-picker-change",!1,{iso:UB(d),reason:b})}}else if(d=new $APP.P(null,1,[$APP.ph,$APP.ph.g(d)],null),d=$APP.M(d),d=$APP.I(d,$APP.ph),d=typeof d==="string"&&d.length>0?d:" - ",c=RB(c),c==null?c=new $APP.P(null,3,[bC,!1,$APP.zi,null,$APP.uh,null],null):(e=c.indexOf(d),e<0?(c=dC(c),d=$APP.M(c),c=$APP.I(d,bC),d=$APP.I(d,cC),c=new $APP.P(null,3,[bC,c,$APP.zi,d,$APP.uh,
21
+ null],null)):(d=c.substring(e+d.length).trim(),c=VB(c.substring(0,e).trim()),d=VB(d),c=new $APP.P(null,3,[bC,c!=null&&d!=null,$APP.zi,c,$APP.uh,d],null))),e=$APP.M(c),c=$APP.I(e,bC),d=$APP.I(e,$APP.zi),e=$APP.I(e,$APP.uh),$APP.n(c)){c=xC(a,"x-date-picker-change-request",!0,{"start-iso":UB(d),"end-iso":UB(e),reason:b});if($APP.n(c.defaultPrevented))return null;a.setAttribute("start",UB(d));a.setAttribute("end",UB(e));a.__xDatePickerRangeStep=0;yC(a);FC(a);return xC(a,"x-date-picker-change",!1,{"start-iso":UB(d),
22
+ "end-iso":UB(e),reason:b})}return null},KC=function(a,b){var c=$APP.l(a,"__xDatePickerState"),d=$APP.n(c)?$APP.l(c,"month"):null;if($APP.n(d)){var e=d.getUTCFullYear();d=d.getUTCMonth();b=$APP.D.h(b,JC)?new Date(Date.UTC(e,d+1,1)):new Date(Date.UTC(e,d-1,1));c.month=b;return DC(a)}return null},LC=function(a){return $APP.n(a.hasAttribute("open"))?a.removeAttribute("open"):null},NC=function(a,b){b=b.currentTarget.getAttribute("data-nav");return $APP.D.h(b,"prev")?KC(a,MC):KC(a,JC)},OC=function(a){function b(E){return $APP.n(a.hasAttribute("open"))?
23
+ $APP.n(E.composedPath().some(function(Q){return Q===a}))?null:LC(a):null}function c(E){return E.preventDefault()}function d(E){E=E.target.closest("button[data-iso]");$APP.n($APP.n(E)?$APP.p(E.hasAttribute("disabled")):E)?(E=E.getAttribute("data-iso"),E=VB(E),E=$APP.n(E)?HC(a,E):null):E=null;return E}function e(E){return NC(a,E)}function f(E){return NC(a,E)}function h(){if($APP.n(a.hasAttribute("open")))var E=LC(a);else $APP.n(a.hasAttribute("open"))?E=null:(a.setAttribute("open",""),E=DC(a));return E}
24
+ function k(){a.__xDatePickerFocused=!1;IC(a,"blur");return EC(a)}function m(){a.__xDatePickerFocused=!0}function q(E){var Q=E.key;$APP.D.h(Q,"Enter")?(E.preventDefault(),E=IC(a,"keyboard")):E=$APP.D.h(Q,"Escape")?LC(a):null;return E}function r(){var E=$APP.l(a,"__xDatePickerRefs");E=$APP.n(E)?$APP.l(E,"input"):null;a.__xDatePickerDisplay=$APP.n(E)?E.value:null;return xC(a,"x-date-picker-input",!1,{value:$APP.n(E)?E.value:null})}var u=$APP.l(a,"__xDatePickerRefs"),w=$APP.l(u,"input"),z=$APP.l(u,"btn"),
25
+ A=$APP.l(u,"nav-prev"),C=$APP.l(u,"nav-next"),F=$APP.l(u,"grid");u=$APP.l(u,"popover");w.addEventListener("input",r);w.addEventListener("keydown",q);w.addEventListener("focus",m);w.addEventListener("blur",k);z.addEventListener("click",h);A.addEventListener("click",f);C.addEventListener("click",e);F.addEventListener("click",d);u.addEventListener("mousedown",c);document.addEventListener("pointerdown",b,!0);$APP.ma(a,"__xDatePickerHandlers",{"pop-md":c,keydown:q,grid:d,next:e,blur:k,prev:f,focus:m,input:r,
26
+ btn:h,"doc-click":b})},PC=function(a){var b=$APP.l(a,"__xDatePickerRefs");a=$APP.l(a,"__xDatePickerHandlers");if($APP.n($APP.n(b)?a:b)){var c=$APP.l(b,"input"),d=$APP.l(b,"btn"),e=$APP.l(b,"nav-prev"),f=$APP.l(b,"nav-next"),h=$APP.l(b,"grid");b=$APP.l(b,"popover");c.removeEventListener("input",$APP.l(a,"input"));c.removeEventListener("keydown",$APP.l(a,"keydown"));c.removeEventListener("focus",$APP.l(a,"focus"));c.removeEventListener("blur",$APP.l(a,"blur"));d.removeEventListener("click",$APP.l(a,
27
+ "btn"));e.removeEventListener("click",$APP.l(a,"prev"));f.removeEventListener("click",$APP.l(a,"next"));h.removeEventListener("click",$APP.l(a,"grid"));b.removeEventListener("mousedown",$APP.l(a,"pop-md"));return document.removeEventListener("pointerdown",$APP.l(a,"doc-click"),!0)}return null},QC=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){var d=this.getAttribute(c);return $APP.n(d)?d:null},set:function(d){return typeof d==="string"&&$APP.N(d,"")?this.setAttribute(c,
28
+ d):this.removeAttribute(c)}})},RC=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute(c)},set:function(d){return $APP.n(d)?this.setAttribute(c,""):this.removeAttribute(c)}})},SC=function(a){a.focus=function(){var b=$APP.l(this,"__xDatePickerRefs");b=$APP.n(b)?$APP.l(b,"input"):null;return $APP.n(b)?b.focus():null};a.commit=function(){return IC(this,"programmatic")};a.clear=function(){var b=$APP.l(this,"__xDatePickerState");$APP.D.h($APP.fi.g($APP.n(b)?
29
+ $APP.l(b,"canon"):null),hC)?this.removeAttribute("value"):(this.removeAttribute("start"),this.removeAttribute("end"));yC(this);return FC(this)}},UC=function(){function a(){return Reflect.construct(HTMLElement,[],$APP.Ra(b))}var b=new $APP.Dd;$APP.Ed(b,a);var c=Object.create(HTMLElement.prototype);Object.setPrototypeOf(a,HTMLElement);c.constructor=a;a.observedAttributes=TC;c.connectedCallback=function(){if(!$APP.n($APP.l(this,"__xDatePickerRefs"))){var d=this.attachShadow({mode:"open"}),e=wC("style"),
30
+ f=wC("div"),h=wC("input"),k=wC("button"),m=wC("div"),q=wC("div"),r=wC("button"),u=wC("div"),w=wC("button"),z=wC("div"),A=wC("div"),C=wC("div");e.textContent=":host{display:block;color-scheme:light dark;}[part\x3dcontainer]{position:relative;display:flex;align-items:stretch;gap:8px;width:100%;}[part\x3dinput]{flex:1;min-width:0;appearance:none;box-sizing:border-box;border:1px solid var(--x-date-picker-border,#cbd5e1);border-radius:var(--x-date-picker-radius,8px);padding:8px 12px;font-size:0.9375rem;background:var(--x-date-picker-input-bg,#fff);color:var(--x-date-picker-text,inherit);outline:none;}[part\x3dinput]:focus{border-color:var(--x-date-picker-focus,#60a5fa);box-shadow:0 0 0 3px rgba(96,165,250,0.25);}[part\x3dinput][disabled]{opacity:0.5;cursor:default;}[part\x3dbtn][disabled]{opacity:0.5;cursor:default;pointer-events:none;}[part\x3dinput]::placeholder{color:var(--x-date-picker-placeholder,#94a3b8);}[part\x3dbtn]{all:unset;cursor:pointer;flex:0 0 auto;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--x-date-picker-border,#cbd5e1);border-radius:var(--x-date-picker-radius,8px);background:var(--x-date-picker-btn-bg,#f8fafc);color:var(--x-date-picker-text,inherit);box-sizing:border-box;}[part\x3dbtn]:hover{background:var(--x-date-picker-btn-hover,#f1f5f9);}[part\x3dbtn]:focus-visible{outline:2px solid var(--x-date-picker-focus,#60a5fa);}[part\x3dpopover]{display:none;position:absolute;z-index:1000;top:calc(100% + 8px);left:0;background:var(--x-date-picker-popover-bg,#fff);border:1px solid var(--x-date-picker-border,#e2e8f0);border-radius:var(--x-date-picker-popover-radius,12px);box-shadow:0 8px 32px rgba(0,0,0,0.12),0 2px 8px rgba(0,0,0,0.06);padding:16px;width:var(--x-date-picker-popover-width,304px);box-sizing:border-box;}:host([open]) [part\x3dpopover]{display:block;}[part\x3dnav]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}[part\x3dnavbtn]{all:unset;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;color:var(--x-date-picker-text,inherit);}[part\x3dnavbtn]:hover{background:var(--x-date-picker-nav-hover,#f1f5f9);}[part\x3dnavbtn]:focus-visible{outline:2px solid var(--x-date-picker-focus,#60a5fa);}[part\x3dmonthlabel]{font-weight:600;font-size:0.9375rem;}[part\x3dweekdays]{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px;}[part\x3dweekday]{text-align:center;font-size:0.75rem;font-weight:600;color:var(--x-date-picker-weekday,#94a3b8);padding:4px 0;}[part\x3dgrid]{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;}[part\x3dday]{all:unset;cursor:pointer;box-sizing:border-box;display:flex;align-items:center;justify-content:center;height:36px;border-radius:6px;font-size:0.875rem;color:var(--x-date-picker-day-text,inherit);}[part\x3dday]:hover:not([disabled]){background:var(--x-date-picker-day-hover,#f1f5f9);}[part\x3dday]:focus-visible{outline:2px solid var(--x-date-picker-focus,#60a5fa);}[part\x3dday][data-outside\x3dtrue]{opacity:0.4;}[part\x3dday][data-disabled\x3dtrue]{opacity:0.3;cursor:default;pointer-events:none;}[part\x3dday][data-selected\x3dtrue]{background:var(--x-date-picker-selected-bg,#2563eb);color:var(--x-date-picker-selected-text,#fff);font-weight:600;}[part\x3dday][data-in-range\x3dtrue]:not([data-range-edge\x3dtrue]){background:var(--x-date-picker-range-bg,#dbeafe);color:var(--x-date-picker-range-text,#1e40af);border-radius:0;}[part\x3dday][data-range-edge\x3dtrue]{background:var(--x-date-picker-selected-bg,#2563eb);color:var(--x-date-picker-selected-text,#fff);font-weight:600;}[part\x3dsr-status]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}@media (prefers-color-scheme:dark){:host{--x-date-picker-border:#334155;--x-date-picker-input-bg:#0f172a;--x-date-picker-btn-bg:#1e293b;--x-date-picker-btn-hover:#334155;--x-date-picker-popover-bg:#1e293b;--x-date-picker-day-hover:#334155;--x-date-picker-selected-bg:#3b82f6;--x-date-picker-range-bg:#1e3a8a;--x-date-picker-range-text:#93c5fd;--x-date-picker-nav-hover:#334155;}}@media (prefers-reduced-motion:reduce){[part\x3dpopover]{transition:none;}}";
31
31
  f.setAttribute("part","container");h.setAttribute("part","input");h.setAttribute("type","text");h.setAttribute("inputmode","none");h.setAttribute("autocomplete","off");k.setAttribute("part","btn");k.setAttribute("type","button");k.setAttribute("aria-label","Open calendar");k.textContent="\ud83d\udcc5";m.setAttribute("part","popover");m.setAttribute("role","dialog");m.setAttribute("aria-modal","true");m.setAttribute("aria-label","Calendar");q.setAttribute("part","nav");r.setAttribute("part","navbtn");
32
32
  r.setAttribute("data-nav","prev");r.setAttribute("type","button");r.setAttribute("aria-label","Previous month");r.textContent="‹";u.setAttribute("part","monthlabel");u.setAttribute("aria-live","polite");w.setAttribute("part","navbtn");w.setAttribute("data-nav","next");w.setAttribute("type","button");w.setAttribute("aria-label","Next month");w.textContent="›";z.setAttribute("part","weekdays");z.setAttribute("aria-hidden","true");A.setAttribute("part","grid");A.setAttribute("role","grid");A.setAttribute("aria-label",
33
33
  "Calendar grid");C.setAttribute("part","sr-status");C.setAttribute("aria-live","polite");C.setAttribute("aria-atomic","true");q.appendChild(r);q.appendChild(u);q.appendChild(w);m.appendChild(q);m.appendChild(z);m.appendChild(A);m.appendChild(C);f.appendChild(h);f.appendChild(k);f.appendChild(m);d.appendChild(e);d.appendChild(f);this.__xDatePickerRefs={weekdays:z,grid:A,popover:m,"nav-next":w,"month-label":u,input:h,btn:k,sr:C,"nav-prev":r}}PC(this);OC(this);yC(this);return FC(this)};c.disconnectedCallback=
package/package.json CHANGED
@@ -1,276 +1,260 @@
1
1
  {
2
- "name": "@vanelsas/baredom",
3
- "version": "0.1.0-alpha",
4
- "description": "54 native Web Components — stateless, framework-free, zero runtime. Built with ClojureScript, compiled to tree-shakeable ESM.",
5
- "author": "Alexander van Elsas",
6
- "license": "MIT",
7
- "keywords": [
8
- "web-components",
9
- "custom-elements",
10
- "baredom",
11
- "ui-library",
12
- "clojurescript",
13
- "esm",
14
- "framework-agnostic"
15
- ],
16
- "repository": {
17
- "type": "git",
18
- "url": "https://github.com/vanelsas/baredom.git"
2
+ "description" : "54 native Web Components — stateless, framework-free, zero runtime. Built with ClojureScript, compiled to tree-shakeable ESM.",
3
+ "engines" : {
4
+ "node" : ">=18"
19
5
  },
20
- "homepage": "https://github.com/vanelsas/baredom#readme",
21
- "bugs": {
22
- "url": "https://github.com/vanelsas/baredom/issues"
6
+ "repository" : {
7
+ "type" : "git",
8
+ "url" : "git+https://github.com/vanelsas/baredom.git"
23
9
  },
24
- "engines": {
25
- "node": ">=18"
10
+ "license" : "MIT",
11
+ "homepage" : "https://github.com/vanelsas/baredom#readme",
12
+ "name" : "@vanelsas/baredom",
13
+ "scripts" : {
14
+ "clean" : "rm -rf dist .shadow-cljs",
15
+ "build" : "npm run clean && npx shadow-cljs release lib",
16
+ "pack:local" : "npm pack",
17
+ "test" : "npx shadow-cljs compile test-karma && npx karma start karma.conf.cjs --single-run"
26
18
  },
27
- "type": "module",
28
- "files": [
29
- "dist",
30
- "README.md",
31
- "LICENSE",
32
- "CHANGELOG.md"
33
- ],
34
- "sideEffects": [
35
- "./dist/*.js"
36
- ],
37
- "exports": {
38
- "./x-button": {
39
- "import": "./dist/x-button.js",
40
- "default": "./dist/x-button.js"
41
- },
42
- "./x-card": {
43
- "import": "./dist/x-card.js",
44
- "default": "./dist/x-card.js"
45
- },
46
- "./x-container": {
47
- "import": "./dist/x-container.js",
48
- "default": "./dist/x-container.js"
49
- },
50
- "./x-grid": {
51
- "import": "./dist/x-grid.js",
52
- "default": "./dist/x-grid.js"
53
- },
54
- "./x-navbar": {
55
- "import": "./dist/x-navbar.js",
56
- "default": "./dist/x-navbar.js"
57
- },
58
- "./x-sidebar": {
59
- "import": "./dist/x-sidebar.js",
60
- "default": "./dist/x-sidebar.js"
61
- },
62
- "./x-stat": {
63
- "import": "./dist/x-stat.js",
64
- "default": "./dist/x-stat.js"
65
- },
66
- "./x-tab": {
67
- "import": "./dist/x-tab.js",
68
- "default": "./dist/x-tab.js"
69
- },
70
- "./x-tabs": {
71
- "import": "./dist/x-tabs.js",
72
- "default": "./dist/x-tabs.js"
73
- },
74
- "./x-alert": {
75
- "import": "./dist/x-alert.js",
76
- "default": "./dist/x-alert.js"
77
- },
78
- "./x-avatar": {
79
- "import": "./dist/x-avatar.js",
80
- "default": "./dist/x-avatar.js"
81
- },
82
- "./x-avatar-group": {
83
- "import": "./dist/x-avatar-group.js",
84
- "default": "./dist/x-avatar-group.js"
85
- },
86
- "./x-badge": {
87
- "import": "./dist/x-badge.js",
88
- "default": "./dist/x-badge.js"
89
- },
90
- "./x-breadcrumbs": {
91
- "import": "./dist/x-breadcrumbs.js",
92
- "default": "./dist/x-breadcrumbs.js"
93
- },
94
- "./x-cancel-dialogue": {
95
- "import": "./dist/x-cancel-dialogue.js",
96
- "default": "./dist/x-cancel-dialogue.js"
97
- },
98
- "./x-chart": {
99
- "import": "./dist/x-chart.js",
100
- "default": "./dist/x-chart.js"
101
- },
102
- "./x-checkbox": {
103
- "import": "./dist/x-checkbox.js",
104
- "default": "./dist/x-checkbox.js"
105
- },
106
- "./x-chip": {
107
- "import": "./dist/x-chip.js",
108
- "default": "./dist/x-chip.js"
109
- },
110
- "./x-collapse": {
111
- "import": "./dist/x-collapse.js",
112
- "default": "./dist/x-collapse.js"
113
- },
114
- "./x-command-palette": {
115
- "import": "./dist/x-command-palette.js",
116
- "default": "./dist/x-command-palette.js"
117
- },
118
- "./x-context-menu": {
119
- "import": "./dist/x-context-menu.js",
120
- "default": "./dist/x-context-menu.js"
121
- },
122
- "./x-copy": {
123
- "import": "./dist/x-copy.js",
124
- "default": "./dist/x-copy.js"
125
- },
126
- "./x-date-picker": {
127
- "import": "./dist/x-date-picker.js",
128
- "default": "./dist/x-date-picker.js"
129
- },
130
- "./x-divider": {
131
- "import": "./dist/x-divider.js",
132
- "default": "./dist/x-divider.js"
133
- },
134
- "./x-drawer": {
135
- "import": "./dist/x-drawer.js",
136
- "default": "./dist/x-drawer.js"
19
+ "type" : "module",
20
+ "bugs" : {
21
+ "url" : "https://github.com/vanelsas/baredom/issues"
22
+ },
23
+ "keywords" : [ "web-components", "custom-elements", "baredom", "ui-library", "clojurescript", "esm", "framework-agnostic" ],
24
+ "author" : "Alexander van Elsas",
25
+ "exports" : {
26
+ "./x-table-row" : {
27
+ "import" : "./dist/x-table-row.js",
28
+ "default" : "./dist/x-table-row.js"
29
+ },
30
+ "./x-slider" : {
31
+ "import" : "./dist/x-slider.js",
32
+ "default" : "./dist/x-slider.js"
33
+ },
34
+ "./x-form" : {
35
+ "import" : "./dist/x-form.js",
36
+ "default" : "./dist/x-form.js"
37
+ },
38
+ "./x-select" : {
39
+ "import" : "./dist/x-select.js",
40
+ "default" : "./dist/x-select.js"
41
+ },
42
+ "./x-tabs" : {
43
+ "import" : "./dist/x-tabs.js",
44
+ "default" : "./dist/x-tabs.js"
45
+ },
46
+ "./x-currency-field" : {
47
+ "import" : "./dist/x-currency-field.js",
48
+ "default" : "./dist/x-currency-field.js"
49
+ },
50
+ "./x-stat" : {
51
+ "import" : "./dist/x-stat.js",
52
+ "default" : "./dist/x-stat.js"
53
+ },
54
+ "./x-navbar" : {
55
+ "import" : "./dist/x-navbar.js",
56
+ "default" : "./dist/x-navbar.js"
57
+ },
58
+ "./x-avatar" : {
59
+ "import" : "./dist/x-avatar.js",
60
+ "default" : "./dist/x-avatar.js"
61
+ },
62
+ "./x-menu" : {
63
+ "import" : "./dist/x-menu.js",
64
+ "default" : "./dist/x-menu.js"
65
+ },
66
+ "./x-switch" : {
67
+ "import" : "./dist/x-switch.js",
68
+ "default" : "./dist/x-switch.js"
69
+ },
70
+ "./x-container" : {
71
+ "import" : "./dist/x-container.js",
72
+ "default" : "./dist/x-container.js"
73
+ },
74
+ "./x-drawer" : {
75
+ "import" : "./dist/x-drawer.js",
76
+ "default" : "./dist/x-drawer.js"
77
+ },
78
+ "./x-menu-item" : {
79
+ "import" : "./dist/x-menu-item.js",
80
+ "default" : "./dist/x-menu-item.js"
81
+ },
82
+ "./x-pagination" : {
83
+ "import" : "./dist/x-pagination.js",
84
+ "default" : "./dist/x-pagination.js"
85
+ },
86
+ "./x-button" : {
87
+ "import" : "./dist/x-button.js",
88
+ "default" : "./dist/x-button.js"
89
+ },
90
+ "./x-grid" : {
91
+ "import" : "./dist/x-grid.js",
92
+ "default" : "./dist/x-grid.js"
93
+ },
94
+ "./x-table-cell" : {
95
+ "import" : "./dist/x-table-cell.js",
96
+ "default" : "./dist/x-table-cell.js"
97
+ },
98
+ "./x-modal" : {
99
+ "import" : "./dist/x-modal.js",
100
+ "default" : "./dist/x-modal.js"
101
+ },
102
+ "./x-skeleton" : {
103
+ "import" : "./dist/x-skeleton.js",
104
+ "default" : "./dist/x-skeleton.js"
105
+ },
106
+ "./x-badge" : {
107
+ "import" : "./dist/x-badge.js",
108
+ "default" : "./dist/x-badge.js"
109
+ },
110
+ "./x-spacer" : {
111
+ "import" : "./dist/x-spacer.js",
112
+ "default" : "./dist/x-spacer.js"
113
+ },
114
+ "./x-chart" : {
115
+ "import" : "./dist/x-chart.js",
116
+ "default" : "./dist/x-chart.js"
117
+ },
118
+ "./x-divider" : {
119
+ "import" : "./dist/x-divider.js",
120
+ "default" : "./dist/x-divider.js"
121
+ },
122
+ "./x-form-field" : {
123
+ "import" : "./dist/x-form-field.js",
124
+ "default" : "./dist/x-form-field.js"
137
125
  },
138
- "./x-dropdown": {
139
- "import": "./dist/x-dropdown.js",
140
- "default": "./dist/x-dropdown.js"
126
+ "./x-sidebar" : {
127
+ "import" : "./dist/x-sidebar.js",
128
+ "default" : "./dist/x-sidebar.js"
141
129
  },
142
- "./x-fieldset": {
143
- "import": "./dist/x-fieldset.js",
144
- "default": "./dist/x-fieldset.js"
130
+ "./x-context-menu" : {
131
+ "import" : "./dist/x-context-menu.js",
132
+ "default" : "./dist/x-context-menu.js"
145
133
  },
146
- "./x-file-download": {
147
- "import": "./dist/x-file-download.js",
148
- "default": "./dist/x-file-download.js"
134
+ "./x-progress" : {
135
+ "import" : "./dist/x-progress.js",
136
+ "default" : "./dist/x-progress.js"
149
137
  },
150
- "./x-form-field": {
151
- "import": "./dist/x-form-field.js",
152
- "default": "./dist/x-form-field.js"
138
+ "./x-timeline" : {
139
+ "import" : "./dist/x-timeline.js",
140
+ "default" : "./dist/x-timeline.js"
153
141
  },
154
- "./x-form": {
155
- "import": "./dist/x-form.js",
156
- "default": "./dist/x-form.js"
142
+ "./x-notification-center" : {
143
+ "import" : "./dist/x-notification-center.js",
144
+ "default" : "./dist/x-notification-center.js"
157
145
  },
158
- "./x-search-field": {
159
- "import": "./dist/x-search-field.js",
160
- "default": "./dist/x-search-field.js"
146
+ "./x-tab" : {
147
+ "import" : "./dist/x-tab.js",
148
+ "default" : "./dist/x-tab.js"
161
149
  },
162
- "./x-currency-field": {
163
- "import": "./dist/x-currency-field.js",
164
- "default": "./dist/x-currency-field.js"
150
+ "./x-chip" : {
151
+ "import" : "./dist/x-chip.js",
152
+ "default" : "./dist/x-chip.js"
165
153
  },
166
- "./x-menu": {
167
- "import": "./dist/x-menu.js",
168
- "default": "./dist/x-menu.js"
154
+ "./x-progress-circle" : {
155
+ "import" : "./dist/x-progress-circle.js",
156
+ "default" : "./dist/x-progress-circle.js"
169
157
  },
170
- "./x-menu-item": {
171
- "import": "./dist/x-menu-item.js",
172
- "default": "./dist/x-menu-item.js"
158
+ "./x-date-picker" : {
159
+ "import" : "./dist/x-date-picker.js",
160
+ "default" : "./dist/x-date-picker.js"
173
161
  },
174
- "./x-modal": {
175
- "import": "./dist/x-modal.js",
176
- "default": "./dist/x-modal.js"
162
+ "./x-spinner" : {
163
+ "import" : "./dist/x-spinner.js",
164
+ "default" : "./dist/x-spinner.js"
177
165
  },
178
- "./x-notification-center": {
179
- "import": "./dist/x-notification-center.js",
180
- "default": "./dist/x-notification-center.js"
166
+ "./x-popover" : {
167
+ "import" : "./dist/x-popover.js",
168
+ "default" : "./dist/x-popover.js"
181
169
  },
182
- "./x-pagination": {
183
- "import": "./dist/x-pagination.js",
184
- "default": "./dist/x-pagination.js"
170
+ "./x-command-palette" : {
171
+ "import" : "./dist/x-command-palette.js",
172
+ "default" : "./dist/x-command-palette.js"
185
173
  },
186
- "./x-popover": {
187
- "import": "./dist/x-popover.js",
188
- "default": "./dist/x-popover.js"
174
+ "./x-collapse" : {
175
+ "import" : "./dist/x-collapse.js",
176
+ "default" : "./dist/x-collapse.js"
189
177
  },
190
- "./x-progress": {
191
- "import": "./dist/x-progress.js",
192
- "default": "./dist/x-progress.js"
178
+ "./x-timeline-item" : {
179
+ "import" : "./dist/x-timeline-item.js",
180
+ "default" : "./dist/x-timeline-item.js"
193
181
  },
194
- "./x-progress-circle": {
195
- "import": "./dist/x-progress-circle.js",
196
- "default": "./dist/x-progress-circle.js"
182
+ "./x-stepper" : {
183
+ "import" : "./dist/x-stepper.js",
184
+ "default" : "./dist/x-stepper.js"
197
185
  },
198
- "./x-radio": {
199
- "import": "./dist/x-radio.js",
200
- "default": "./dist/x-radio.js"
186
+ "./x-search-field" : {
187
+ "import" : "./dist/x-search-field.js",
188
+ "default" : "./dist/x-search-field.js"
201
189
  },
202
- "./x-select": {
203
- "import": "./dist/x-select.js",
204
- "default": "./dist/x-select.js"
190
+ "./x-text-area" : {
191
+ "import" : "./dist/x-text-area.js",
192
+ "default" : "./dist/x-text-area.js"
205
193
  },
206
- "./x-skeleton": {
207
- "import": "./dist/x-skeleton.js",
208
- "default": "./dist/x-skeleton.js"
194
+ "./x-toaster" : {
195
+ "import" : "./dist/x-toaster.js",
196
+ "default" : "./dist/x-toaster.js"
209
197
  },
210
- "./x-slider": {
211
- "import": "./dist/x-slider.js",
212
- "default": "./dist/x-slider.js"
198
+ "./x-radio" : {
199
+ "import" : "./dist/x-radio.js",
200
+ "default" : "./dist/x-radio.js"
213
201
  },
214
- "./x-spacer": {
215
- "import": "./dist/x-spacer.js",
216
- "default": "./dist/x-spacer.js"
202
+ "./x-dropdown" : {
203
+ "import" : "./dist/x-dropdown.js",
204
+ "default" : "./dist/x-dropdown.js"
217
205
  },
218
- "./x-spinner": {
219
- "import": "./dist/x-spinner.js",
220
- "default": "./dist/x-spinner.js"
206
+ "./x-breadcrumbs" : {
207
+ "import" : "./dist/x-breadcrumbs.js",
208
+ "default" : "./dist/x-breadcrumbs.js"
221
209
  },
222
- "./x-stepper": {
223
- "import": "./dist/x-stepper.js",
224
- "default": "./dist/x-stepper.js"
210
+ "./x-file-download" : {
211
+ "import" : "./dist/x-file-download.js",
212
+ "default" : "./dist/x-file-download.js"
225
213
  },
226
- "./x-switch": {
227
- "import": "./dist/x-switch.js",
228
- "default": "./dist/x-switch.js"
214
+ "./x-toast" : {
215
+ "import" : "./dist/x-toast.js",
216
+ "default" : "./dist/x-toast.js"
229
217
  },
230
- "./x-table-cell": {
231
- "import": "./dist/x-table-cell.js",
232
- "default": "./dist/x-table-cell.js"
218
+ "./x-fieldset" : {
219
+ "import" : "./dist/x-fieldset.js",
220
+ "default" : "./dist/x-fieldset.js"
233
221
  },
234
- "./x-table-row": {
235
- "import": "./dist/x-table-row.js",
236
- "default": "./dist/x-table-row.js"
222
+ "./x-cancel-dialogue" : {
223
+ "import" : "./dist/x-cancel-dialogue.js",
224
+ "default" : "./dist/x-cancel-dialogue.js"
237
225
  },
238
- "./x-table": {
239
- "import": "./dist/x-table.js",
240
- "default": "./dist/x-table.js"
226
+ "./x-checkbox" : {
227
+ "import" : "./dist/x-checkbox.js",
228
+ "default" : "./dist/x-checkbox.js"
241
229
  },
242
- "./x-text-area": {
243
- "import": "./dist/x-text-area.js",
244
- "default": "./dist/x-text-area.js"
230
+ "./x-table" : {
231
+ "import" : "./dist/x-table.js",
232
+ "default" : "./dist/x-table.js"
245
233
  },
246
- "./x-timeline-item": {
247
- "import": "./dist/x-timeline-item.js",
248
- "default": "./dist/x-timeline-item.js"
234
+ "./x-alert" : {
235
+ "import" : "./dist/x-alert.js",
236
+ "default" : "./dist/x-alert.js"
249
237
  },
250
- "./x-timeline": {
251
- "import": "./dist/x-timeline.js",
252
- "default": "./dist/x-timeline.js"
238
+ "./x-avatar-group" : {
239
+ "import" : "./dist/x-avatar-group.js",
240
+ "default" : "./dist/x-avatar-group.js"
253
241
  },
254
- "./x-toast": {
255
- "import": "./dist/x-toast.js",
256
- "default": "./dist/x-toast.js"
242
+ "./x-card" : {
243
+ "import" : "./dist/x-card.js",
244
+ "default" : "./dist/x-card.js"
257
245
  },
258
- "./x-toaster": {
259
- "import": "./dist/x-toaster.js",
260
- "default": "./dist/x-toaster.js"
246
+ "./x-copy" : {
247
+ "import" : "./dist/x-copy.js",
248
+ "default" : "./dist/x-copy.js"
261
249
  }
262
250
  },
263
- "scripts": {
264
- "clean": "rm -rf dist .shadow-cljs",
265
- "build": "npm run clean && npx shadow-cljs release lib",
266
- "pack:local": "npm pack",
267
- "test": "npx shadow-cljs compile test-karma && npx karma start karma.conf.cjs --single-run",
268
- "postversion": "git push && git push --tags"
251
+ "devDependencies" : {
252
+ "karma" : "^6.4.4",
253
+ "karma-chrome-launcher" : "^3.2.0",
254
+ "karma-cljs-test" : "^0.1.0",
255
+ "shadow-cljs" : "^3.3.6"
269
256
  },
270
- "devDependencies": {
271
- "karma": "^6.4.4",
272
- "karma-chrome-launcher": "^3.2.0",
273
- "karma-cljs-test": "^0.1.0",
274
- "shadow-cljs": "^3.3.6"
275
- }
257
+ "files" : [ "dist", "README.md", "LICENSE", "CHANGELOG.md" ],
258
+ "version" : "0.1.3-alpha",
259
+ "sideEffects" : [ "./dist/*.js" ]
276
260
  }