@elenajs/components 0.14.0 → 0.16.0

package/README.md

@@ -0,0 +1,183 @@
+<div align="center">
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="https://elenajs.com/img/elena-dark.png" alt="Elena" width="201" height="230">
+  </source>
+  <source media="(prefers-color-scheme: light)" srcset="https://elenajs.com/img/elena.png" alt="Elena" width="201" height="230">
+  </source>
+  <img src="https://elenajs.com/img/elena.png" alt="Elena" width="201" height="230">
+</picture>
+
+### Elena component library demonstrating how to build Progressive Web Components.
+
+<br/>
+
+<a href="https://arielsalminen.com"><img src="https://img.shields.io/badge/creator-@arielle-F95B1F" alt="Creator @arielle"/></a>
+<a href="https://www.npmjs.com/package/@elenajs/components"><img src="https://img.shields.io/npm/v/@elenajs/components.svg" alt="Latest version on npm" /></a>
+<a href="https://github.com/getelena/elena/blob/main/LICENSE"><img src="https://img.shields.io/badge/license-MIT-yellow.svg" alt="Elena is released under the MIT license." /></a>
+<a href="https://github.com/getelena/elena/actions/workflows/tests.yml"><img src="https://github.com/getelena/elena/actions/workflows/tests.yml/badge.svg" alt="Tests status" /></a>
+
+</div>
+
+<br/>
+
+<p align="center"><strong>@elenajs/components</strong> is an example Progressive Web Component library built with <a href="https://elenajs.com">Elena</a>. It demonstrates Elena’s component patterns and ships with a <a href="https://custom-elements-manifest.open-wc.org/">Custom Elements Manifest</a>, TypeScript declarations, and individual CSS files for each component.</p>
+
+<br/>
+
+> [!WARNING]
+> Please note that `@elenajs/components` is in active development and the APIs may change without notice.
+
+<br/>
+
+## Table of contents
+
+- **[Install](#install)**
+- **[Usage](#usage)**
+  - **[Import all components](#import-all-components)**
+  - **[Import individual components](#import-individual-components)**
+  - **[Import styles](#import-styles)**
+- **[Available components](#available-components)**
+  - **[Button](#button)**
+  - **[Stack](#stack)**
+- **[TypeScript](#typescript)**
+- **[Development](#development)**
+
+## Install
+
+```bash
+npm install @elenajs/components
+```
+
+## Usage
+
+### Import all components
+
+Import the full bundle to register all components at once:
+
+```js
+import "@elenajs/components";
+```
+
+### Import individual components
+
+Import only the components you need for better tree-shaking:
+
+```js
+import "@elenajs/components/dist/button.js";
+import "@elenajs/components/dist/stack.js";
+```
+
+### Import styles
+
+Each component ships with a matching CSS file. Import the full bundle or individual files:
+
+```css
+/* All component styles */
+@import "@elenajs/components/dist/bundle.css";
+
+/* Or individual styles */
+@import "@elenajs/components/dist/button.css";
+@import "@elenajs/components/dist/stack.css";
+```
+
+## Available components
+
+### Button
+
+A **Primitive Component** that renders its own `<button>` element with built-in event delegation and variant styling.
+
+```html
+<elena-button>Click me</elena-button>
+<elena-button variant="primary">Save</elena-button>
+<elena-button variant="danger">Delete</elena-button>
+<elena-button disabled>Disabled</elena-button>
+```
+
+#### Props
+
+| Prop       | Type                                 | Default     | Description                                     |
+| ---------- | ------------------------------------ | ----------- | ----------------------------------------------- |
+| `variant`  | `"default" \| "primary" \| "danger"` | `"default"` | The style variant of the button.                |
+| `disabled` | `Boolean`                            | `false`     | Makes the component disabled.                   |
+| `name`     | `string`                             | `""`        | The name used to identify the button in forms.  |
+| `value`    | `string`                             | `""`        | The value used to identify the button in forms. |
+| `type`     | `"submit" \| "reset" \| "button"`    | `"button"`  | The type of the button.                         |
+
+#### Events
+
+| Event   | Description                           |
+| ------- | ------------------------------------- |
+| `click` | Fires when the button is clicked.     |
+| `focus` | Fires when the button receives focus. |
+| `blur`  | Fires when the button loses focus.    |
+
+#### CSS custom properties
+
+| Property                | Description                             |
+| ----------------------- | --------------------------------------- |
+| `--elena-button-text`   | Overrides the default text color.       |
+| `--elena-button-bg`     | Overrides the default background color. |
+| `--elena-button-font`   | Overrides the default font family.      |
+| `--elena-button-radius` | Overrides the default border radius.    |
+
+### Stack
+
+A **Composite Component** that manages flexbox layout of its children with optional spacing.
+
+```html
+<elena-stack>
+  <elena-button>First</elena-button>
+  <elena-button>Second</elena-button>
+</elena-stack>
+
+<elena-stack direction="row">
+  <elena-button>Left</elena-button>
+  <elena-button>Right</elena-button>
+</elena-stack>
+```
+
+#### Props
+
+| Prop        | Type                | Default    | Description                        |
+| ----------- | ------------------- | ---------- | ---------------------------------- |
+| `direction` | `"column" \| "row"` | `"column"` | The direction of the stack layout. |
+
+## TypeScript
+
+The package ships with TypeScript declarations for JSX integration. To get type checking in your framework:
+
+```ts
+// types.d.ts
+import type { CustomElements } from "@elenajs/components";
+
+type ElenaIntrinsicElements = {
+  [K in keyof CustomElements]: CustomElements[K] & {
+    onClick?: (e: MouseEvent) => void;
+    onFocus?: (e: FocusEvent) => void;
+    onBlur?: (e: FocusEvent) => void;
+    children?: React.ReactNode;
+  };
+};
+
+declare module "react" {
+  namespace JSX {
+    interface IntrinsicElements extends ElenaIntrinsicElements {}
+  }
+}
+```
+
+## Development
+
+```bash
+pnpm start    # Launch dev server with live reload
+pnpm build    # Build to dist/ (via elena build)
+pnpm clean    # Remove dist/
+```
+
+## License
+
+MIT
+
+## Copyright
+
+Copyright © 2026 [Ariel Salminen](https://arielsalminen.com)

package/dist/bundle.css

@@ -1 +1 @@
-@scope(elena-button){:scope,*,:before,:after{all:unset}:scope{--elena-button-bg:#463630;--elena-button-text:#fff;--elena-button-font:sans-serif;--elena-button-radius:10rem;border-radius:var(--elena-button-radius);display:inline-block}:scope:not([hydrated]),button{background:var(--elena-button-bg);color:var(--elena-button-text);font-family:var(--elena-button-font);border-radius:var(--elena-button-radius);appearance:none;user-select:none;cursor:pointer;padding:.75rem 1.25rem;font-size:1rem;font-weight:700}button{display:inline-flex}:scope:hover{opacity:.8}:scope:active{opacity:.6}:scope:focus-within{outline-offset:2px;outline:2px solid #f95b1f}:scope[disabled]{--elena-button-bg:#2b1c15;--elena-button-text:#fff;--elena-button-border:#2b1c15;opacity:.3;pointer-events:none}:scope[variant=primary]{--elena-button-bg:#f95b1f}:scope[variant=danger]{--elena-button-bg:#f91f1f}}@scope(elena-stack){:scope,*,:before,:after{all:unset}:scope{flex-flow:column wrap;justify-content:flex-start;align-items:flex-start;gap:.5rem;display:flex}:scope[direction=row]{flex-direction:row}}
+@scope(elena-button){:scope,:not(svg,path),:before,:after{all:unset}:scope{--elena-button-bg:#eaecf0;--elena-button-text:#172b4d;--elena-button-border:#eaecf0;--elena-button-font:system-ui, sans-serif;--elena-button-font-size:15px;--elena-button-font-weight:500;--elena-button-radius:6px;--elena-button-focus:#5a44d4;all:unset;border-radius:var(--elena-button-radius);transition:background-color .2s,filter .2s;display:inline-block}:scope:not([hydrated]),.elena-button{-webkit-user-select:none;user-select:none;cursor:pointer;box-sizing:border-box;touch-action:manipulation;font-family:inherit;font-weight:var(--elena-button-font-weight);font-family:var(--elena-button-font);font-size:var(--elena-button-font-size);block-size:calc(var(--elena-button-font) * 4);min-block-size:calc(var(--elena-button-font) * 4);color:var(--elena-button-text);background:var(--elena-button-bg);border:2px solid var(--elena-button-border);border-radius:var(--elena-button-radius);text-align:center;justify-content:center;align-items:center;gap:.375rem;padding:.5em 1.1em .55em;line-height:1.3;display:inline-flex}.elena-icon{inline-size:var(--elena-button-font-size);block-size:var(--elena-button-font-size);fill:currentColor;margin-block:.15rem;margin-inline:-.3rem;display:inline-flex;transform:translateZ(0)}span+.elena-icon{margin-inline:0 -.3rem}svg{block-size:100%;inline-size:100%;display:block}:scope[icon]:not([hydrated]):after{content:"";background:var(--elena-button-text);border-radius:var(--elena-button-radius);opacity:.2;width:var(--elena-button-font-size);height:var(--elena-button-font-size);margin-block:.15rem;margin-inline:0 -.3rem;display:inline-block}:scope[icon]:not([hydrated]):empty:after{margin-inline:-.3rem}:scope:hover{filter:brightness(.9)}:scope:active{opacity:.9;transition:none;transform:translateY(1px)}:scope:focus-within{box-shadow:0 0 0 1px #fff, 0 0 0 3px var(--elena-button-focus);outline:none;transition:none}:scope[disabled]{--elena-button-text:#a8b0bd;--elena-button-bg:#f3f4f6;--elena-button-border:#f3f4f6;pointer-events:none}:scope[variant=primary]{--elena-button-bg:#5a44d4;--elena-button-border:#5a44d4;--elena-button-text:#fff}:scope[variant=danger]{--elena-button-bg:#d44444;--elena-button-border:#d44444;--elena-button-text:#fff}:scope[variant=danger]:focus-within{--elena-button-focus:#d44444}:scope[variant=outline]{--elena-button-bg:transparent;--elena-button-text:#172b4d;--elena-button-border:#172b4d}:scope[size=sm]{--elena-button-font-size:12px}:scope:not([hydrated])[size=sm],:scope[size=sm] .elena-button{padding-block:.3em .35em}:scope[size=lg]{--elena-button-font-size:18px}:scope:not([hydrated])[size=lg],:scope[size=lg] .elena-button{padding-block:.6em .65em}:scope[expand],:scope[expand] .elena-button{inline-size:100%}}@scope(elena-stack){:scope{flex-flow:column wrap;justify-content:flex-start;align-items:flex-start;gap:.5rem;display:flex}:scope[direction=row]{flex-direction:row}}

package/dist/bundle.js

@@ -1,2 +1,5 @@
-function e(e,t,n){if(t="boolean"===e&&"boolean"!=typeof t?null!==t:t,!n)return t;if("toAttribute"===n)switch(e){case"object":case"array":return null===t?null:JSON.stringify(t);case"boolean":return t?"":null;case"number":return null===t?null:t;default:return""===t?null:t}else switch(e){case"object":case"array":if(!t)return t;try{return JSON.parse(t)}catch{return console.warn("░█ [ELENA]: Invalid JSON for prop, received: "+t),null}case"boolean":return t;case"number":return null!==t?+t:t;default:return t}}function t(e,t,n){e?null===n?e.removeAttribute(t):e.setAttribute(t,n):console.warn("░█ [ELENA]: Cannot sync attributes to a null element.")}let n=class extends Event{constructor(e,t){super(e,{bubbles:!0,composed:!0,...t})}};function s(e){const t={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};return String(e).replace(/[&<>"']/g,e=>t[e])}function r(e,...t){const n=e.reduce((e,n,r)=>{const i=t[r];return e+n+(i&&i.__raw?String(i):s(String(i??"")))},"");return{__raw:!0,strings:e,values:t,toString:()=>n}}const i=new WeakMap;function o(e,t,n){(function(e,t,n){if(e._tplStrings!==t||!e._tplParts)return!1;let r=!1;for(let t=0;t<n.length;t++){const i=n[t],o=i&&i.__raw,l=o?String(i):s(String(i??""));if(l!==e._tplValues[t])if(e._tplValues[t]=l,o)r=!0;else{const n=e._tplParts[t];n?n.textContent=String(i??""):r=!0}}return!r})(e,t,n)||function(e,t,n){const r=n.map(e=>e&&e.__raw?String(e):s(String(e??"")));let o=i.get(t);o||(o=Array.from(t,e=>e.replace(/\n\s*/g," ")),i.set(t,o));const l=o.reduce((e,t,n)=>e+t+(r[n]??""),"").replace(/>\s+</g,"><").replace(/>\s+/g,">").replace(/\s+</g,"<").trim();(function(e,t){e?e.replaceChildren(e.ownerDocument.createRange().createContextualFragment(t)):console.warn("░█ [ELENA]: Cannot render to a null element.")})(e,l),e._tplStrings=t,e._tplValues=r,e._tplParts=function(e,t){const n=new Array(t.length),s=document.createTreeWalker(e,NodeFilter.SHOW_TEXT);let r,i=0;for(;(r=s.nextNode())&&i<t.length;)r.textContent===t[i]&&(n[i]=r,i++);return n}(e,r)}(e,t,n)}function l(s,r){const i=r&&r.element?/^[a-z][a-z0-9-]*$/i.test(r.element)?e=>e.getElementsByClassName(r.element)[0]:e=>e.querySelector(r.element):e=>e.firstElementChild;class l extends s{element=null;attributeChangedCallback(t,n,s){"text"!==t?(function(t,n,s,r){if(s!==r){const s=typeof t[n];"undefined"===s&&console.warn(`░█ [ELENA]: Prop "${n}" has no default value. Set a default in the constructor so Elena can infer the correct type.`);const i=e(s,r,"toProp");t[n]=i}}(this,t,n,s),this._hydrated&&n!==s&&!this._isRendering&&(this._isRendering=!0,this._applyRender(),this._isRendering=!1)):this.text=s??""}static get observedAttributes(){return[...r&&r.props?r.props:[],"text"]}render(){}_applyRender(){const e=this.render();e&&e.strings&&o(this,e.strings,e.values)}connectedCallback(){this._captureText(),this._applyRender(),this._resolveInnerElement(),this._flushProps(),this._delegateEvents(),this.updated()}_captureText(){if(!this._hydrated&&!this._text){const e=this.textContent.trim();e?this.text=e:queueMicrotask(()=>{this._text||(this.text=this.textContent.trim())})}}_resolveInnerElement(){this.element||(this.element=i(this),this.element||(r&&r.element&&console.warn("░█ [ELENA]: No element found, using firstElementChild as fallback."),this.element=this.firstElementChild))}_flushProps(){if(this._props){const n=!(!r||!r.element);for(const[s,r]of this._props){const i=e(typeof r,r,"toAttribute");t(this,s,i),n&&this.element&&t(this.element,s,i)}}}_delegateEvents(){!this._events&&r&&r.events&&(this.element?(this._events=!0,r.events?.forEach(e=>{this.element.addEventListener(e,this),this[e]=(...t)=>this.element[e](...t)})):console.warn("░█ [ELENA]: Cannot delegate events, no inner element found. Ensure the component renders an element or check your element selector."))}updated(){this._hydrated||(this._hydrated=!0,this.setAttribute("hydrated",""))}disconnectedCallback(){this._events&&(this._events=!1,r.events?.forEach(e=>{this.element?.removeEventListener(e,this)}))}handleEvent(e){r.events?.includes(e.type)&&(e.stopPropagation(),this.dispatchEvent(new n(e.type,{cancelable:!0})))}get text(){return this._text??""}set text(e){const t=this._text;this._text=e,this._hydrated&&t!==e&&!this._isRendering&&(this._isRendering=!0,this._applyRender(),this._isRendering=!1)}}return r&&r.props?.length&&(r.props.includes("text")&&console.warn('░█ [ELENA]: "text" is a reserved property. Rename your prop to avoid overriding the built-in text content feature.'),function(n,s,r=!0){for(const i of s)Object.defineProperty(n,i,{configurable:!0,enumerable:!0,get(){return this._props?this._props.get(i):void 0},set(n){if(this._props||(this._props=new Map),n===this._props.get(i))return;if(this._props.set(i,n),!this.isConnected)return;const s=e(typeof n,n,"toAttribute");t(this,i,s),r&&this.element&&t(this.element,i,s)}})}(l.prototype,r.props,!(!r||!r.element))),r&&r.tagName&&(l._tagName=r.tagName),l.define=function(){this._tagName?function(e,t){"undefined"!=typeof window&&"customElements"in window&&(window.customElements.get(e)||window.customElements.define(e,t))}(this._tagName,this):console.warn("░█ [ELENA]: define() called without a tagName. Set tagName in your Elena options to register the element.")},l}const a={tagName:"elena-button",props:["variant","disabled","name","value","type"],events:["click","focus","blur"]};class c extends(l(HTMLElement,a)){constructor(){super(),this.variant="default",this.disabled=!1,this.name="",this.value="",this.type="button"}render(){return r`<button>${this.text}</button>`}}c.define();const u={tagName:"elena-stack",props:["direction"]};class h extends(l(HTMLElement,u)){constructor(){super(),this.direction="column"}}h.define();export{c as Button,h as Stack};
+function e(e,t,n){if(t="boolean"===e&&"boolean"!=typeof t?null!==t:t,!n)return t;if("toAttribute"===n)switch(e){case"object":case"array":return null===t?null:JSON.stringify(t);case"boolean":return t?"":null;case"number":return null===t?null:t;default:return""===t?null:t}else switch(e){case"object":case"array":if(!t)return t;try{return JSON.parse(t)}catch{return console.warn("░█ [ELENA]: Invalid JSON for prop, received: "+t),null}case"boolean":return t;case"number":return null!==t?+t:t;default:return t}}function t(e,t,n){e?null===n?e.removeAttribute(t):e.setAttribute(t,n):console.warn("░█ [ELENA]: Cannot sync attributes to a null element.")}let n=class extends Event{constructor(e,t){super(e,{bubbles:!0,composed:!0,...t})}};function s(e){const t={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};return String(e).replace(/[&<>"']/g,e=>t[e])}function r(e,...t){const n=e.reduce((e,n,r)=>{const i=t[r];return e+n+(i&&i.__raw?String(i):s(String(i??"")))},"");return{__raw:!0,strings:e,values:t,toString:()=>n}}const i={__raw:!0,toString:()=>""},a=new WeakMap;function o(e,t,n){(function(e,t,n){if(e._tplStrings!==t||!e._tplParts)return!1;let r=!1;for(let t=0;t<n.length;t++){const i=n[t],a=i&&i.__raw,o=a?String(i):s(String(i??""));if(o!==e._tplValues[t])if(e._tplValues[t]=o,a)r=!0;else{const n=e._tplParts[t];n?n.textContent=String(i??""):r=!0}}return!r})(e,t,n)||function(e,t,n){const r=n.map(e=>e&&e.__raw?String(e):s(String(e??"")));let i=a.get(t);i||(i=Array.from(t,e=>e.replace(/\n\s*/g," ")),a.set(t,i));const o=i.reduce((e,t,n)=>e+t+(r[n]??""),"").replace(/>\s+</g,"><").replace(/>\s+/g,">").replace(/\s+</g,"<").trim();(function(e,t){e?e.replaceChildren(e.ownerDocument.createRange().createContextualFragment(t)):console.warn("░█ [ELENA]: Cannot render to a null element.")})(e,o),e._tplStrings=t,e._tplValues=r,e._tplParts=function(e,t){const n=new Array(t.length),s=document.createTreeWalker(e,NodeFilter.SHOW_TEXT);let r,i=0;for(;(r=s.nextNode())&&i<t.length;)r.textContent===t[i]&&(n[i]=r,i++);return n}(e,r)}(e,t,n)}function l(s,r){const i=r&&r.element?/^[a-z][a-z0-9-]*$/i.test(r.element)?e=>e.getElementsByClassName(r.element)[0]:e=>e.querySelector(r.element):e=>e.firstElementChild,a=r&&r.props?r.props:[],l=[],h=new Set;for(const e of a)"string"==typeof e?l.push(e):(l.push(e.name),!1===e.reflect&&h.add(e.name));class c extends s{element=null;attributeChangedCallback(t,n,s){"text"!==t?(function(t,n,s,r){if(s!==r){const s=typeof t[n];"undefined"===s&&console.warn(`░█ [ELENA]: Prop "${n}" has no default value. Set a default in the constructor so Elena can infer the correct type.`);const i=e(s,r,"toProp");t[n]=i}}(this,t,n,s),this._hydrated&&n!==s&&!this._isRendering&&(this._isRendering=!0,this._applyRender(),this._isRendering=!1)):this.text=s??""}static get observedAttributes(){return[...l,"text"]}render(){}_applyRender(){const e=this.render();e&&e.strings&&(o(this,e.strings,e.values),this._hydrated&&(this.element=i(this)))}connectedCallback(){this._captureText(),this._applyRender(),this._resolveInnerElement(),this._flushProps(),this._delegateEvents(),this.updated()}_captureText(){if(!this._hydrated&&!this._text){const e=this.textContent.trim();e?this.text=e:queueMicrotask(()=>{this._text||(this.text=this.textContent.trim())})}}_resolveInnerElement(){this.element||(this.element=i(this),this.element||(r&&r.element&&console.warn("░█ [ELENA]: No element found, using firstElementChild as fallback."),this.element=this.firstElementChild))}_flushProps(){if(this._props)for(const[n,s]of this._props){if(h.has(n))continue;t(this,n,e(typeof s,s,"toAttribute"))}}_delegateEvents(){!this._events&&r&&r.events&&(this.element?(this._events=!0,r.events?.forEach(e=>{this.element.addEventListener(e,this),this[e]=(...t)=>this.element[e](...t)})):console.warn("░█ [ELENA]: Cannot delegate events, no inner element found. Ensure the component renders an element or check your element selector."))}updated(){this._hydrated||(this._hydrated=!0,this.setAttribute("hydrated",""))}disconnectedCallback(){this._events&&(this._events=!1,r.events?.forEach(e=>{this.element?.removeEventListener(e,this)}))}handleEvent(e){r.events?.includes(e.type)&&(e.stopPropagation(),this.dispatchEvent(new n(e.type,{cancelable:!0})))}get text(){return this._text??""}set text(e){const t=this._text;this._text=e,this._hydrated&&t!==e&&!this._isRendering&&(this._isRendering=!0,this._applyRender(),this._isRendering=!1)}}return l.length&&(l.includes("text")&&console.warn('░█ [ELENA]: "text" is a reserved property. Rename your prop to avoid overriding the built-in text content feature.'),function(n,s,r){for(const i of s){const s=!r||!r.has(i);Object.defineProperty(n,i,{configurable:!0,enumerable:!0,get(){return this._props?this._props.get(i):void 0},set(n){if(this._props||(this._props=new Map),n!==this._props.get(i)&&(this._props.set(i,n),this.isConnected))if(s){const s=e(typeof n,n,"toAttribute");t(this,i,s)}else this._hydrated&&!this._isRendering&&(this._isRendering=!0,this._applyRender(),this._isRendering=!1)}})}}(c.prototype,l,h)),r&&r.tagName&&(c._tagName=r.tagName),c.define=function(){this._tagName?function(e,t){"undefined"!=typeof window&&"customElements"in window&&(window.customElements.get(e)||window.customElements.define(e,t))}(this._tagName,this):console.warn("░█ [ELENA]: define() called without a tagName. Set tagName in your Elena options to register the element.")},c}const h={tagName:"elena-button",props:["variant","size","expand","disabled","label","href","target","download","name","value","type",{name:"icon",reflect:!1}],events:["click","focus","blur"]};class c extends(l(HTMLElement,h)){constructor(){super(),this.variant="default",this.size="md",this.expand=!1,this.disabled=!1,this.label="",this.href="",this.target="_self",this.download=!1,this.name="",this.value="",this.type="button",this.icon=""}renderButton(e){return r`<button class="elena-button" type="${this.type}" ${this.name?r`name="${this.name}"`:i} ${this.value?r`value="${this.value}"`:i} ${this.disabled?"disabled":i} ${this.label?r`aria-label="${this.label}"`:i}>${e}</button>`}renderLink(e){return r`<a class="elena-button" href="${this.href}" target="${this.target}" ${this.download?"download":i} ${this.label?r`aria-label="${this.label}"`:i}>${e}</a>`}render(){const e=this.icon?function(e){return{__raw:!0,toString:()=>e??""}}(`<span class="elena-icon">${this.icon}</span>`):i,t=r`
+      ${this.text?r`<span>${this.text}</span>`:i}
+      ${e}
+    `;return this.href?this.renderLink(t):this.renderButton(t)}}c.define();const u={tagName:"elena-stack",props:["direction"]};class d extends(l(HTMLElement,u)){constructor(){super(),this.direction="column"}}d.define();export{c as Button,d as Stack};
 //# sourceMappingURL=bundle.js.map

package/dist/bundle.js.map

@@ -1 +1 @@
-{"version":3,"file":"bundle.js","sources":["../../core/dist/props.js","../../core/dist/events.js","../../core/dist/utils.js","../../core/dist/render.js","../../core/dist/elena.js","../src/button/button.js","../src/stack/stack.js"],"sourcesContent":["function e(e,t,n){if(t=\"boolean\"===e&&\"boolean\"!=typeof t?null!==t:t,!n)return t;if(\"toAttribute\"===n)switch(e){case\"object\":case\"array\":return null===t?null:JSON.stringify(t);case\"boolean\":return t?\"\":null;case\"number\":return null===t?null:t;default:return\"\"===t?null:t}else switch(e){case\"object\":case\"array\":if(!t)return t;try{return JSON.parse(t)}catch{return console.warn(\"░█ [ELENA]: Invalid JSON for prop, received: \"+t),null}case\"boolean\":return t;case\"number\":return null!==t?+t:t;default:return t}}function t(e,t,n){e?null===n?e.removeAttribute(t):e.setAttribute(t,n):console.warn(\"░█ [ELENA]: Cannot sync attributes to a null element.\")}function n(n,r,o=!0){for(const s of r)Object.defineProperty(n,s,{configurable:!0,enumerable:!0,get(){return this._props?this._props.get(s):void 0},set(n){if(this._props||(this._props=new Map),n===this._props.get(s))return;if(this._props.set(s,n),!this.isConnected)return;const r=e(typeof n,n,\"toAttribute\");t(this,s,r),o&&this.element&&t(this.element,s,r)}})}function r(t,n,r,o){if(r!==o){const r=typeof t[n];\"undefined\"===r&&console.warn(`░█ [ELENA]: Prop \"${n}\" has no default value. Set a default in the constructor so Elena can infer the correct type.`);const s=e(r,o,\"toProp\");t[n]=s}}export{e as getPropValue,r as getProps,n as setProps,t as syncAttribute};\n//# sourceMappingURL=props.js.map\n","class e extends Event{constructor(e,s){super(e,{bubbles:!0,composed:!0,...s})}}export{e as ElenaEvent};\n//# sourceMappingURL=events.js.map\n","function n(n,t){\"undefined\"!=typeof window&&\"customElements\"in window&&(window.customElements.get(n)||window.customElements.define(n,t))}function t(n){const t={\"&\":\"&amp;\",\"<\":\"&lt;\",\">\":\"&gt;\",'\"':\"&quot;\",\"'\":\"&#39;\"};return String(n).replace(/[&<>\"']/g,n=>t[n])}function e(n,...e){const o=n.reduce((n,o,r)=>{const i=e[r];return n+o+(i&&i.__raw?String(i):t(String(i??\"\")))},\"\");return{__raw:!0,strings:n,values:e,toString:()=>o}}const o={__raw:!0,toString:()=>\"\"};export{n as defineElement,t as escapeHtml,e as html,o as nothing};\n//# sourceMappingURL=utils.js.map\n","import{escapeHtml as t}from\"./utils.js\";const e=new WeakMap;function n(n,l,o){(function(e,n,r){if(e._tplStrings!==n||!e._tplParts)return!1;let l=!1;for(let n=0;n<r.length;n++){const o=r[n],a=o&&o.__raw,c=a?String(o):t(String(o??\"\"));if(c!==e._tplValues[n])if(e._tplValues[n]=c,a)l=!0;else{const t=e._tplParts[n];t?t.textContent=String(o??\"\"):l=!0}}return!l})(n,l,o)||function(n,l,o){const a=o.map(e=>e&&e.__raw?String(e):t(String(e??\"\")));let c=e.get(l);c||(c=Array.from(l,t=>t.replace(/\\n\\s*/g,\" \")),e.set(l,c));const s=c.reduce((t,e,n)=>t+e+(a[n]??\"\"),\"\").replace(/>\\s+</g,\"><\").replace(/>\\s+/g,\">\").replace(/\\s+</g,\"<\").trim();r(n,s),n._tplStrings=l,n._tplValues=a,n._tplParts=function(t,e){const n=new Array(e.length),r=document.createTreeWalker(t,NodeFilter.SHOW_TEXT);let l,o=0;for(;(l=r.nextNode())&&o<e.length;)l.textContent===e[o]&&(n[o]=l,o++);return n}(n,a)}(n,l,o)}function r(t,e){t?t.replaceChildren(t.ownerDocument.createRange().createContextualFragment(e)):console.warn(\"░█ [ELENA]: Cannot render to a null element.\")}export{r as renderHtml,n as renderTemplate};\n//# sourceMappingURL=render.js.map\n","import{setProps as e,getProps as t,getPropValue as s,syncAttribute as n}from\"./props.js\";import{ElenaEvent as i}from\"./events.js\";import{defineElement as r}from\"./utils.js\";export{html,nothing}from\"./utils.js\";import{renderTemplate as h}from\"./render.js\";function o(o,l){const a=l&&l.element?/^[a-z][a-z0-9-]*$/i.test(l.element)?e=>e.getElementsByClassName(l.element)[0]:e=>e.querySelector(l.element):e=>e.firstElementChild;class d extends o{element=null;attributeChangedCallback(e,s,n){\"text\"!==e?(t(this,e,s,n),this._hydrated&&s!==n&&!this._isRendering&&(this._isRendering=!0,this._applyRender(),this._isRendering=!1)):this.text=n??\"\"}static get observedAttributes(){return[...l&&l.props?l.props:[],\"text\"]}render(){}_applyRender(){const e=this.render();e&&e.strings&&h(this,e.strings,e.values)}connectedCallback(){this._captureText(),this._applyRender(),this._resolveInnerElement(),this._flushProps(),this._delegateEvents(),this.updated()}_captureText(){if(!this._hydrated&&!this._text){const e=this.textContent.trim();e?this.text=e:queueMicrotask(()=>{this._text||(this.text=this.textContent.trim())})}}_resolveInnerElement(){this.element||(this.element=a(this),this.element||(l&&l.element&&console.warn(\"░█ [ELENA]: No element found, using firstElementChild as fallback.\"),this.element=this.firstElementChild))}_flushProps(){if(this._props){const e=!(!l||!l.element);for(const[t,i]of this._props){const r=s(typeof i,i,\"toAttribute\");n(this,t,r),e&&this.element&&n(this.element,t,r)}}}_delegateEvents(){!this._events&&l&&l.events&&(this.element?(this._events=!0,l.events?.forEach(e=>{this.element.addEventListener(e,this),this[e]=(...t)=>this.element[e](...t)})):console.warn(\"░█ [ELENA]: Cannot delegate events, no inner element found. Ensure the component renders an element or check your element selector.\"))}updated(){this._hydrated||(this._hydrated=!0,this.setAttribute(\"hydrated\",\"\"))}disconnectedCallback(){this._events&&(this._events=!1,l.events?.forEach(e=>{this.element?.removeEventListener(e,this)}))}handleEvent(e){l.events?.includes(e.type)&&(e.stopPropagation(),this.dispatchEvent(new i(e.type,{cancelable:!0})))}get text(){return this._text??\"\"}set text(e){const t=this._text;this._text=e,this._hydrated&&t!==e&&!this._isRendering&&(this._isRendering=!0,this._applyRender(),this._isRendering=!1)}}return l&&l.props?.length&&(l.props.includes(\"text\")&&console.warn('░█ [ELENA]: \"text\" is a reserved property. Rename your prop to avoid overriding the built-in text content feature.'),e(d.prototype,l.props,!(!l||!l.element))),l&&l.tagName&&(d._tagName=l.tagName),d.define=function(){this._tagName?r(this._tagName,this):console.warn(\"░█ [ELENA]: define() called without a tagName. Set tagName in your Elena options to register the element.\")},d}export{o as Elena};\n//# sourceMappingURL=elena.js.map\n","import { Elena, html } from \"@elenajs/core\";\n\nconst options = {\n  tagName: \"elena-button\",\n  props: [\"variant\", \"disabled\", \"name\", \"value\", \"type\"],\n  events: [\"click\", \"focus\", \"blur\"],\n};\n\n/**\n * Button component is used for interface actions.\n *\n * @displayName Button\n * @status alpha\n *\n * @event click - Programmatically fire click on the component.\n * @event focus - Programmatically move focus to the component.\n * @event blur - Programmatically remove focus from the component.\n *\n * @cssprop [--elena-button-text] - Overrides the default text color.\n * @cssprop [--elena-button-bg] - Overrides the default background color.\n * @cssprop [--elena-button-font] - Overrides the default font family.\n * @cssprop [--elena-button-radius] - Overrides the default border radius.\n */\nexport default class Button extends Elena(HTMLElement, options) {\n  constructor() {\n    super();\n\n    /**\n     * The style variant of the button.\n     *\n     * @attribute\n     * @type {\"default\" | \"primary\" | \"danger\"}\n     */\n    this.variant = \"default\";\n\n    /**\n     * Makes the component disabled.\n     *\n     * @attribute\n     * @type {boolean}\n     */\n    this.disabled = false;\n\n    /**\n     * The name used to identify the button in forms.\n     *\n     * @attribute\n     * @type {string}\n     */\n    this.name = \"\";\n\n    /**\n     * The value used to identify the button in forms.\n     *\n     * @attribute\n     * @type {string}\n     */\n    this.value = \"\";\n\n    /**\n     * The type of the button.\n     *\n     * @attribute\n     * @type {\"submit\" | \"reset\" | \"button\"}\n     */\n    this.type = \"button\";\n  }\n\n  /**\n   * Renders the template.\n   *\n   * @internal\n   */\n  render() {\n    return html`<button>${this.text}</button>`;\n  }\n}\n\n/**\n * Register the web component\n */\nButton.define();\n","import { Elena } from \"@elenajs/core\";\n\nconst options = {\n  tagName: \"elena-stack\",\n  props: [\"direction\"],\n};\n\n/**\n * Stack component manages layout of immediate children\n * with optional spacing between each child.\n *\n * @displayName Stack\n * @slot - The stacked content\n * @status alpha\n */\nexport default class Stack extends Elena(HTMLElement, options) {\n  constructor() {\n    super();\n\n    /**\n     * The direction of the stack.\n     *\n     * @attribute\n     * @type {\"column\" | \"row\"}\n     */\n    this.direction = \"column\";\n  }\n}\n\n/**\n * Register the web component\n */\nStack.define();\n"],"names":["e","t","n","JSON","stringify","parse","console","warn","removeAttribute","setAttribute","e$2","Event","constructor","s","super","bubbles","composed","String","replace","o","reduce","r","i","__raw","strings","values","toString","WeakMap","l","_tplStrings","_tplParts","length","a","c","_tplValues","textContent","map","get","Array","from","set","trim","replaceChildren","ownerDocument","createRange","createContextualFragment","document","createTreeWalker","NodeFilter","SHOW_TEXT","nextNode","element","test","getElementsByClassName","querySelector","firstElementChild","d","attributeChangedCallback","this","_hydrated","_isRendering","_applyRender","text","observedAttributes","props","render","h","connectedCallback","_captureText","_resolveInnerElement","_flushProps","_delegateEvents","updated","_text","queueMicrotask","_props","_events","events","forEach","addEventListener","disconnectedCallback","removeEventListener","handleEvent","includes","type","stopPropagation","dispatchEvent","cancelable","Object","defineProperty","configurable","enumerable","Map","isConnected","prototype","tagName","_tagName","define","window","customElements","options","Button","Elena","HTMLElement","variant","disabled","name","value","html","Stack","direction"],"mappings":"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"}
+{"version":3,"file":"bundle.js","sources":["../../core/dist/props.js","../../core/dist/events.js","../../core/dist/utils.js","../../core/dist/render.js","../../core/dist/elena.js","../src/button/button.js","../src/stack/stack.js"],"sourcesContent":["function e(e,t,n){if(t=\"boolean\"===e&&\"boolean\"!=typeof t?null!==t:t,!n)return t;if(\"toAttribute\"===n)switch(e){case\"object\":case\"array\":return null===t?null:JSON.stringify(t);case\"boolean\":return t?\"\":null;case\"number\":return null===t?null:t;default:return\"\"===t?null:t}else switch(e){case\"object\":case\"array\":if(!t)return t;try{return JSON.parse(t)}catch{return console.warn(\"░█ [ELENA]: Invalid JSON for prop, received: \"+t),null}case\"boolean\":return t;case\"number\":return null!==t?+t:t;default:return t}}function t(e,t,n){e?null===n?e.removeAttribute(t):e.setAttribute(t,n):console.warn(\"░█ [ELENA]: Cannot sync attributes to a null element.\")}function n(n,r,o){for(const s of r){const r=!o||!o.has(s);Object.defineProperty(n,s,{configurable:!0,enumerable:!0,get(){return this._props?this._props.get(s):void 0},set(n){if(this._props||(this._props=new Map),n!==this._props.get(s)&&(this._props.set(s,n),this.isConnected))if(r){const r=e(typeof n,n,\"toAttribute\");t(this,s,r)}else this._hydrated&&!this._isRendering&&(this._isRendering=!0,this._applyRender(),this._isRendering=!1)}})}}function r(t,n,r,o){if(r!==o){const r=typeof t[n];\"undefined\"===r&&console.warn(`░█ [ELENA]: Prop \"${n}\" has no default value. Set a default in the constructor so Elena can infer the correct type.`);const s=e(r,o,\"toProp\");t[n]=s}}export{e as getPropValue,r as getProps,n as setProps,t as syncAttribute};\n//# sourceMappingURL=props.js.map\n","class e extends Event{constructor(e,s){super(e,{bubbles:!0,composed:!0,...s})}}export{e as ElenaEvent};\n//# sourceMappingURL=events.js.map\n","function n(n,t){\"undefined\"!=typeof window&&\"customElements\"in window&&(window.customElements.get(n)||window.customElements.define(n,t))}function t(n){const t={\"&\":\"&amp;\",\"<\":\"&lt;\",\">\":\"&gt;\",'\"':\"&quot;\",\"'\":\"&#39;\"};return String(n).replace(/[&<>\"']/g,n=>t[n])}function e(n,...e){const r=n.reduce((n,r,o)=>{const i=e[o];return n+r+(i&&i.__raw?String(i):t(String(i??\"\")))},\"\");return{__raw:!0,strings:n,values:e,toString:()=>r}}function r(n){return{__raw:!0,toString:()=>n??\"\"}}const o={__raw:!0,toString:()=>\"\"};export{n as defineElement,t as escapeHtml,e as html,o as nothing,r as unsafeHTML};\n//# sourceMappingURL=utils.js.map\n","import{escapeHtml as t}from\"./utils.js\";const e=new WeakMap;function n(n,l,o){(function(e,n,r){if(e._tplStrings!==n||!e._tplParts)return!1;let l=!1;for(let n=0;n<r.length;n++){const o=r[n],a=o&&o.__raw,c=a?String(o):t(String(o??\"\"));if(c!==e._tplValues[n])if(e._tplValues[n]=c,a)l=!0;else{const t=e._tplParts[n];t?t.textContent=String(o??\"\"):l=!0}}return!l})(n,l,o)||function(n,l,o){const a=o.map(e=>e&&e.__raw?String(e):t(String(e??\"\")));let c=e.get(l);c||(c=Array.from(l,t=>t.replace(/\\n\\s*/g,\" \")),e.set(l,c));const s=c.reduce((t,e,n)=>t+e+(a[n]??\"\"),\"\").replace(/>\\s+</g,\"><\").replace(/>\\s+/g,\">\").replace(/\\s+</g,\"<\").trim();r(n,s),n._tplStrings=l,n._tplValues=a,n._tplParts=function(t,e){const n=new Array(e.length),r=document.createTreeWalker(t,NodeFilter.SHOW_TEXT);let l,o=0;for(;(l=r.nextNode())&&o<e.length;)l.textContent===e[o]&&(n[o]=l,o++);return n}(n,a)}(n,l,o)}function r(t,e){t?t.replaceChildren(t.ownerDocument.createRange().createContextualFragment(e)):console.warn(\"░█ [ELENA]: Cannot render to a null element.\")}export{r as renderHtml,n as renderTemplate};\n//# sourceMappingURL=render.js.map\n","import{setProps as e,getProps as t,getPropValue as s,syncAttribute as n}from\"./props.js\";import{ElenaEvent as i}from\"./events.js\";import{defineElement as r}from\"./utils.js\";export{html,nothing,unsafeHTML}from\"./utils.js\";import{renderTemplate as h}from\"./render.js\";function o(o,a){const l=a&&a.element?/^[a-z][a-z0-9-]*$/i.test(a.element)?e=>e.getElementsByClassName(a.element)[0]:e=>e.querySelector(a.element):e=>e.firstElementChild,d=a&&a.props?a.props:[],m=[],p=new Set;for(const e of d)\"string\"==typeof e?m.push(e):(m.push(e.name),!1===e.reflect&&p.add(e.name));class c extends o{element=null;attributeChangedCallback(e,s,n){\"text\"!==e?(t(this,e,s,n),this._hydrated&&s!==n&&!this._isRendering&&(this._isRendering=!0,this._applyRender(),this._isRendering=!1)):this.text=n??\"\"}static get observedAttributes(){return[...m,\"text\"]}render(){}_applyRender(){const e=this.render();e&&e.strings&&(h(this,e.strings,e.values),this._hydrated&&(this.element=l(this)))}connectedCallback(){this._captureText(),this._applyRender(),this._resolveInnerElement(),this._flushProps(),this._delegateEvents(),this.updated()}_captureText(){if(!this._hydrated&&!this._text){const e=this.textContent.trim();e?this.text=e:queueMicrotask(()=>{this._text||(this.text=this.textContent.trim())})}}_resolveInnerElement(){this.element||(this.element=l(this),this.element||(a&&a.element&&console.warn(\"░█ [ELENA]: No element found, using firstElementChild as fallback.\"),this.element=this.firstElementChild))}_flushProps(){if(this._props)for(const[e,t]of this._props){if(p.has(e))continue;const i=s(typeof t,t,\"toAttribute\");n(this,e,i)}}_delegateEvents(){!this._events&&a&&a.events&&(this.element?(this._events=!0,a.events?.forEach(e=>{this.element.addEventListener(e,this),this[e]=(...t)=>this.element[e](...t)})):console.warn(\"░█ [ELENA]: Cannot delegate events, no inner element found. Ensure the component renders an element or check your element selector.\"))}updated(){this._hydrated||(this._hydrated=!0,this.setAttribute(\"hydrated\",\"\"))}disconnectedCallback(){this._events&&(this._events=!1,a.events?.forEach(e=>{this.element?.removeEventListener(e,this)}))}handleEvent(e){a.events?.includes(e.type)&&(e.stopPropagation(),this.dispatchEvent(new i(e.type,{cancelable:!0})))}get text(){return this._text??\"\"}set text(e){const t=this._text;this._text=e,this._hydrated&&t!==e&&!this._isRendering&&(this._isRendering=!0,this._applyRender(),this._isRendering=!1)}}return m.length&&(m.includes(\"text\")&&console.warn('░█ [ELENA]: \"text\" is a reserved property. Rename your prop to avoid overriding the built-in text content feature.'),e(c.prototype,m,p)),a&&a.tagName&&(c._tagName=a.tagName),c.define=function(){this._tagName?r(this._tagName,this):console.warn(\"░█ [ELENA]: define() called without a tagName. Set tagName in your Elena options to register the element.\")},c}export{o as Elena};\n//# sourceMappingURL=elena.js.map\n","import { Elena, html, unsafeHTML, nothing } from \"@elenajs/core\";\n\nconst options = {\n  tagName: \"elena-button\",\n  props: [\n    \"variant\",\n    \"size\",\n    \"expand\",\n    \"disabled\",\n    \"label\",\n    \"href\",\n    \"target\",\n    \"download\",\n    \"name\",\n    \"value\",\n    \"type\",\n    { name: \"icon\", reflect: false },\n  ],\n  events: [\"click\", \"focus\", \"blur\"],\n};\n\n/**\n * Button component is used for interface actions.\n *\n * @displayName Button\n * @status alpha\n *\n * @event click - Programmatically fire click on the component.\n * @event focus - Programmatically move focus to the component.\n * @event blur - Programmatically remove focus from the component.\n *\n * @cssprop [--elena-button-text] - Overrides the default text color.\n * @cssprop [--elena-button-bg] - Overrides the default background color.\n * @cssprop [--elena-button-font] - Overrides the default font family.\n * @cssprop [--elena-button-radius] - Overrides the default border radius.\n */\nexport default class Button extends Elena(HTMLElement, options) {\n  constructor() {\n    super();\n\n    /**\n     * The style variant of the button.\n     *\n     * @attribute\n     * @type {\"default\" | \"primary\" | \"danger\" | \"outline\"}\n     */\n    this.variant = \"default\";\n\n    /**\n     * The size of the button.\n     *\n     * @attribute\n     * @type {\"sm\" | \"md\" | \"lg\"}\n     */\n    this.size = \"md\";\n\n    /**\n     * Makes the button fit its container.\n     *\n     * @attribute\n     * @type {boolean}\n     */\n    this.expand = false;\n\n    /**\n     * Makes the component disabled.\n     *\n     * @attribute\n     * @type {boolean}\n     */\n    this.disabled = false;\n\n    /**\n     * Sets aria-label for the inner button.\n     *\n     * @attribute\n     * @type {string}\n     */\n    this.label = \"\";\n\n    /**\n     * Renders the button as a link and sets a href for it.\n     *\n     * @attribute\n     * @type {string}\n     */\n    this.href = \"\";\n\n    /**\n     * Defines where to open the linked URL.\n     *\n     * @attribute\n     * @type {\"_self\" | \"_blank\" | \"_parent\" | \"_top\"}\n     */\n    this.target = \"_self\";\n\n    /**\n     * Trigger a file download instead of a page visit.\n     *\n     * @attribute\n     * @type {boolean}\n     */\n    this.download = false;\n\n    /**\n     * The name used to identify the button in forms.\n     *\n     * @attribute\n     * @type {string}\n     */\n    this.name = \"\";\n\n    /**\n     * The value used to identify the button in forms.\n     *\n     * @attribute\n     * @type {string}\n     */\n    this.value = \"\";\n\n    /**\n     * The type of the button.\n     *\n     * @attribute\n     * @type {\"submit\" | \"reset\" | \"button\"}\n     */\n    this.type = \"button\";\n\n    /**\n     * An SVG icon to display inside the button.\n     *\n     * @attribute\n     * @type {string}\n     */\n    this.icon = \"\";\n  }\n\n  /**\n   * Renders a button: <button>.\n   *\n   * @internal\n   */\n  renderButton(template) {\n    return html`\n      <button\n        class=\"elena-button\"\n        type=\"${this.type}\"\n        ${this.name ? html`name=\"${this.name}\"` : nothing}\n        ${this.value ? html`value=\"${this.value}\"` : nothing}\n        ${this.disabled ? \"disabled\" : nothing}\n        ${this.label ? html`aria-label=\"${this.label}\"` : nothing}\n      >\n        ${template}\n      </button>\n    `;\n  }\n\n  /**\n   * Renders a link: <a href=\"#\">.\n   *\n   * @internal\n   */\n  renderLink(template) {\n    return html`\n      <a\n        class=\"elena-button\"\n        href=\"${this.href}\"\n        target=\"${this.target}\"\n        ${this.download ? \"download\" : nothing}\n        ${this.label ? html`aria-label=\"${this.label}\"` : nothing}\n      >\n        ${template}\n      </a>\n    `;\n  }\n\n  /**\n   * Renders the template.\n   *\n   * @internal\n   */\n  render() {\n    const icon = this.icon ? unsafeHTML(`<span class=\"elena-icon\">${this.icon}</span>`) : nothing;\n    const markup = html`\n      ${this.text ? html`<span>${this.text}</span>` : nothing}\n      ${icon}\n    `;\n\n    return this.href ? this.renderLink(markup) : this.renderButton(markup);\n  }\n}\n\n/**\n * Register the web component\n */\nButton.define();\n","import { Elena } from \"@elenajs/core\";\n\nconst options = {\n  tagName: \"elena-stack\",\n  props: [\"direction\"],\n};\n\n/**\n * Stack component manages layout of immediate children\n * with optional spacing between each child.\n *\n * @displayName Stack\n * @slot - The stacked content\n * @status alpha\n */\nexport default class Stack extends Elena(HTMLElement, options) {\n  constructor() {\n    super();\n\n    /**\n     * The direction of the stack.\n     *\n     * @attribute\n     * @type {\"column\" | \"row\"}\n     */\n    this.direction = \"column\";\n  }\n}\n\n/**\n * Register the web component\n */\nStack.define();\n"],"names":["e","t","n","JSON","stringify","parse","console","warn","removeAttribute","setAttribute","e$2","Event","constructor","s","super","bubbles","composed","String","replace","r","reduce","o","i","__raw","strings","values","toString","WeakMap","l","_tplStrings","_tplParts","length","a","c","_tplValues","textContent","map","get","Array","from","set","trim","replaceChildren","ownerDocument","createRange","createContextualFragment","document","createTreeWalker","NodeFilter","SHOW_TEXT","nextNode","element","test","getElementsByClassName","querySelector","firstElementChild","d","props","m","p","Set","push","name","reflect","add","attributeChangedCallback","this","_hydrated","_isRendering","_applyRender","text","observedAttributes","render","h","connectedCallback","_captureText","_resolveInnerElement","_flushProps","_delegateEvents","updated","_text","queueMicrotask","_props","has","_events","events","forEach","addEventListener","disconnectedCallback","removeEventListener","handleEvent","includes","type","stopPropagation","dispatchEvent","cancelable","Object","defineProperty","configurable","enumerable","Map","isConnected","prototype","tagName","_tagName","define","window","customElements","options","Button","Elena","HTMLElement","variant","size","expand","disabled","label","href","target","download","value","icon","renderButton","template","html","nothing","renderLink","unsafeHTML","markup","Stack","direction"],"mappings":"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"}

package/dist/button.css

@@ -1 +1 @@
-@scope(elena-button){:scope,*,:before,:after{all:unset}:scope{--elena-button-bg:#463630;--elena-button-text:#fff;--elena-button-font:sans-serif;--elena-button-radius:10rem;border-radius:var(--elena-button-radius);display:inline-block}:scope:not([hydrated]),button{background:var(--elena-button-bg);color:var(--elena-button-text);font-family:var(--elena-button-font);border-radius:var(--elena-button-radius);appearance:none;user-select:none;cursor:pointer;padding:.75rem 1.25rem;font-size:1rem;font-weight:700}button{display:inline-flex}:scope:hover{opacity:.8}:scope:active{opacity:.6}:scope:focus-within{outline-offset:2px;outline:2px solid #f95b1f}:scope[disabled]{--elena-button-bg:#2b1c15;--elena-button-text:#fff;--elena-button-border:#2b1c15;opacity:.3;pointer-events:none}:scope[variant=primary]{--elena-button-bg:#f95b1f}:scope[variant=danger]{--elena-button-bg:#f91f1f}}
+@scope(elena-button){:scope,:not(svg,path),:before,:after{all:unset}:scope{--elena-button-bg:#eaecf0;--elena-button-text:#172b4d;--elena-button-border:#eaecf0;--elena-button-font:system-ui, sans-serif;--elena-button-font-size:15px;--elena-button-font-weight:500;--elena-button-radius:6px;--elena-button-focus:#5a44d4;all:unset;border-radius:var(--elena-button-radius);transition:background-color .2s,filter .2s;display:inline-block}:scope:not([hydrated]),.elena-button{-webkit-user-select:none;user-select:none;cursor:pointer;box-sizing:border-box;touch-action:manipulation;font-family:inherit;font-weight:var(--elena-button-font-weight);font-family:var(--elena-button-font);font-size:var(--elena-button-font-size);block-size:calc(var(--elena-button-font) * 4);min-block-size:calc(var(--elena-button-font) * 4);color:var(--elena-button-text);background:var(--elena-button-bg);border:2px solid var(--elena-button-border);border-radius:var(--elena-button-radius);text-align:center;justify-content:center;align-items:center;gap:.375rem;padding:.5em 1.1em .55em;line-height:1.3;display:inline-flex}.elena-icon{inline-size:var(--elena-button-font-size);block-size:var(--elena-button-font-size);fill:currentColor;margin-block:.15rem;margin-inline:-.3rem;display:inline-flex;transform:translateZ(0)}span+.elena-icon{margin-inline:0 -.3rem}svg{block-size:100%;inline-size:100%;display:block}:scope[icon]:not([hydrated]):after{content:"";background:var(--elena-button-text);border-radius:var(--elena-button-radius);opacity:.2;width:var(--elena-button-font-size);height:var(--elena-button-font-size);margin-block:.15rem;margin-inline:0 -.3rem;display:inline-block}:scope[icon]:not([hydrated]):empty:after{margin-inline:-.3rem}:scope:hover{filter:brightness(.9)}:scope:active{opacity:.9;transition:none;transform:translateY(1px)}:scope:focus-within{box-shadow:0 0 0 1px #fff, 0 0 0 3px var(--elena-button-focus);outline:none;transition:none}:scope[disabled]{--elena-button-text:#a8b0bd;--elena-button-bg:#f3f4f6;--elena-button-border:#f3f4f6;pointer-events:none}:scope[variant=primary]{--elena-button-bg:#5a44d4;--elena-button-border:#5a44d4;--elena-button-text:#fff}:scope[variant=danger]{--elena-button-bg:#d44444;--elena-button-border:#d44444;--elena-button-text:#fff}:scope[variant=danger]:focus-within{--elena-button-focus:#d44444}:scope[variant=outline]{--elena-button-bg:transparent;--elena-button-text:#172b4d;--elena-button-border:#172b4d}:scope[size=sm]{--elena-button-font-size:12px}:scope:not([hydrated])[size=sm],:scope[size=sm] .elena-button{padding-block:.3em .35em}:scope[size=lg]{--elena-button-font-size:18px}:scope:not([hydrated])[size=lg],:scope[size=lg] .elena-button{padding-block:.6em .65em}:scope[expand],:scope[expand] .elena-button{inline-size:100%}}

package/dist/button.d.ts

@@ -2,15 +2,29 @@ export type { ButtonProps } from './custom-elements.js';
 
 declare class Button extends HTMLElement {
   /** The style variant of the button. */
-  variant?: "default" | "primary" | "danger";
+  variant?: "default" | "primary" | "danger" | "outline";
+  /** The size of the button. */
+  size?: "sm" | "md" | "lg";
+  /** Makes the button fit its container. */
+  expand?: boolean;
   /** Makes the component disabled. */
   disabled?: boolean;
+  /** Sets aria-label for the inner button. */
+  label?: string;
+  /** Renders the button as a link and sets a href for it. */
+  href?: string;
+  /** Defines where to open the linked URL. */
+  target?: "_self" | "_blank" | "_parent" | "_top";
+  /** Trigger a file download instead of a page visit. */
+  download?: boolean;
   /** The name used to identify the button in forms. */
   name?: string;
   /** The value used to identify the button in forms. */
   value?: string;
   /** The type of the button. */
   type?: "submit" | "reset" | "button";
+  /** An SVG icon to display inside the button. */
+  icon?: string;
   /** The text content of the element, captured from light DOM before the first render. */
   text?: string;
   /** Programmatically fire click on the component. */

package/dist/button.js

@@ -1,2 +1,5 @@
-import{o as t,e}from"./elena-A7IX5lSC.js";const s={tagName:"elena-button",props:["variant","disabled","name","value","type"],events:["click","focus","blur"]};class a extends(t(HTMLElement,s)){constructor(){super(),this.variant="default",this.disabled=!1,this.name="",this.value="",this.type="button"}render(){return e`<button>${this.text}</button>`}}a.define();export{a as default};
+import{o as t,a as e,e as a,r as s}from"./elena-5JTA2VdO.js";const n={tagName:"elena-button",props:["variant","size","expand","disabled","label","href","target","download","name","value","type",{name:"icon",reflect:!1}],events:["click","focus","blur"]};class i extends(t(HTMLElement,n)){constructor(){super(),this.variant="default",this.size="md",this.expand=!1,this.disabled=!1,this.label="",this.href="",this.target="_self",this.download=!1,this.name="",this.value="",this.type="button",this.icon=""}renderButton(t){return a`<button class="elena-button" type="${this.type}" ${this.name?a`name="${this.name}"`:e} ${this.value?a`value="${this.value}"`:e} ${this.disabled?"disabled":e} ${this.label?a`aria-label="${this.label}"`:e}>${t}</button>`}renderLink(t){return a`<a class="elena-button" href="${this.href}" target="${this.target}" ${this.download?"download":e} ${this.label?a`aria-label="${this.label}"`:e}>${t}</a>`}render(){const t=this.icon?s(`<span class="elena-icon">${this.icon}</span>`):e,n=a`
+      ${this.text?a`<span>${this.text}</span>`:e}
+      ${t}
+    `;return this.href?this.renderLink(n):this.renderButton(n)}}i.define();export{i as default};
 //# sourceMappingURL=button.js.map

package/dist/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../src/button/button.js"],"sourcesContent":["import { Elena, html } from \"@elenajs/core\";\n\nconst options = {\n  tagName: \"elena-button\",\n  props: [\"variant\", \"disabled\", \"name\", \"value\", \"type\"],\n  events: [\"click\", \"focus\", \"blur\"],\n};\n\n/**\n * Button component is used for interface actions.\n *\n * @displayName Button\n * @status alpha\n *\n * @event click - Programmatically fire click on the component.\n * @event focus - Programmatically move focus to the component.\n * @event blur - Programmatically remove focus from the component.\n *\n * @cssprop [--elena-button-text] - Overrides the default text color.\n * @cssprop [--elena-button-bg] - Overrides the default background color.\n * @cssprop [--elena-button-font] - Overrides the default font family.\n * @cssprop [--elena-button-radius] - Overrides the default border radius.\n */\nexport default class Button extends Elena(HTMLElement, options) {\n  constructor() {\n    super();\n\n    /**\n     * The style variant of the button.\n     *\n     * @attribute\n     * @type {\"default\" | \"primary\" | \"danger\"}\n     */\n    this.variant = \"default\";\n\n    /**\n     * Makes the component disabled.\n     *\n     * @attribute\n     * @type {boolean}\n     */\n    this.disabled = false;\n\n    /**\n     * The name used to identify the button in forms.\n     *\n     * @attribute\n     * @type {string}\n     */\n    this.name = \"\";\n\n    /**\n     * The value used to identify the button in forms.\n     *\n     * @attribute\n     * @type {string}\n     */\n    this.value = \"\";\n\n    /**\n     * The type of the button.\n     *\n     * @attribute\n     * @type {\"submit\" | \"reset\" | \"button\"}\n     */\n    this.type = \"button\";\n  }\n\n  /**\n   * Renders the template.\n   *\n   * @internal\n   */\n  render() {\n    return html`<button>${this.text}</button>`;\n  }\n}\n\n/**\n * Register the web component\n */\nButton.define();\n"],"names":["options","tagName","props","events","Button","Elena","HTMLElement","constructor","super","this","variant","disabled","name","value","type","render","html","text","define"],"mappings":"0CAEA,MAAMA,EAAU,CACdC,QAAS,eACTC,MAAO,CAAC,UAAW,WAAY,OAAQ,QAAS,QAChDC,OAAQ,CAAC,QAAS,QAAS,SAkBd,MAAMC,UAAeC,EAAMC,YAAaN,IACrD,WAAAO,GACEC,QAQAC,KAAKC,QAAU,UAQfD,KAAKE,UAAW,EAQhBF,KAAKG,KAAO,GAQZH,KAAKI,MAAQ,GAQbJ,KAAKK,KAAO,QACd,CAOA,MAAAC,GACE,OAAOC,CAAI,WAAWP,KAAKQ,eAC7B,EAMFb,EAAOc"}
+{"version":3,"file":"button.js","sources":["../src/button/button.js"],"sourcesContent":["import { Elena, html, unsafeHTML, nothing } from \"@elenajs/core\";\n\nconst options = {\n  tagName: \"elena-button\",\n  props: [\n    \"variant\",\n    \"size\",\n    \"expand\",\n    \"disabled\",\n    \"label\",\n    \"href\",\n    \"target\",\n    \"download\",\n    \"name\",\n    \"value\",\n    \"type\",\n    { name: \"icon\", reflect: false },\n  ],\n  events: [\"click\", \"focus\", \"blur\"],\n};\n\n/**\n * Button component is used for interface actions.\n *\n * @displayName Button\n * @status alpha\n *\n * @event click - Programmatically fire click on the component.\n * @event focus - Programmatically move focus to the component.\n * @event blur - Programmatically remove focus from the component.\n *\n * @cssprop [--elena-button-text] - Overrides the default text color.\n * @cssprop [--elena-button-bg] - Overrides the default background color.\n * @cssprop [--elena-button-font] - Overrides the default font family.\n * @cssprop [--elena-button-radius] - Overrides the default border radius.\n */\nexport default class Button extends Elena(HTMLElement, options) {\n  constructor() {\n    super();\n\n    /**\n     * The style variant of the button.\n     *\n     * @attribute\n     * @type {\"default\" | \"primary\" | \"danger\" | \"outline\"}\n     */\n    this.variant = \"default\";\n\n    /**\n     * The size of the button.\n     *\n     * @attribute\n     * @type {\"sm\" | \"md\" | \"lg\"}\n     */\n    this.size = \"md\";\n\n    /**\n     * Makes the button fit its container.\n     *\n     * @attribute\n     * @type {boolean}\n     */\n    this.expand = false;\n\n    /**\n     * Makes the component disabled.\n     *\n     * @attribute\n     * @type {boolean}\n     */\n    this.disabled = false;\n\n    /**\n     * Sets aria-label for the inner button.\n     *\n     * @attribute\n     * @type {string}\n     */\n    this.label = \"\";\n\n    /**\n     * Renders the button as a link and sets a href for it.\n     *\n     * @attribute\n     * @type {string}\n     */\n    this.href = \"\";\n\n    /**\n     * Defines where to open the linked URL.\n     *\n     * @attribute\n     * @type {\"_self\" | \"_blank\" | \"_parent\" | \"_top\"}\n     */\n    this.target = \"_self\";\n\n    /**\n     * Trigger a file download instead of a page visit.\n     *\n     * @attribute\n     * @type {boolean}\n     */\n    this.download = false;\n\n    /**\n     * The name used to identify the button in forms.\n     *\n     * @attribute\n     * @type {string}\n     */\n    this.name = \"\";\n\n    /**\n     * The value used to identify the button in forms.\n     *\n     * @attribute\n     * @type {string}\n     */\n    this.value = \"\";\n\n    /**\n     * The type of the button.\n     *\n     * @attribute\n     * @type {\"submit\" | \"reset\" | \"button\"}\n     */\n    this.type = \"button\";\n\n    /**\n     * An SVG icon to display inside the button.\n     *\n     * @attribute\n     * @type {string}\n     */\n    this.icon = \"\";\n  }\n\n  /**\n   * Renders a button: <button>.\n   *\n   * @internal\n   */\n  renderButton(template) {\n    return html`\n      <button\n        class=\"elena-button\"\n        type=\"${this.type}\"\n        ${this.name ? html`name=\"${this.name}\"` : nothing}\n        ${this.value ? html`value=\"${this.value}\"` : nothing}\n        ${this.disabled ? \"disabled\" : nothing}\n        ${this.label ? html`aria-label=\"${this.label}\"` : nothing}\n      >\n        ${template}\n      </button>\n    `;\n  }\n\n  /**\n   * Renders a link: <a href=\"#\">.\n   *\n   * @internal\n   */\n  renderLink(template) {\n    return html`\n      <a\n        class=\"elena-button\"\n        href=\"${this.href}\"\n        target=\"${this.target}\"\n        ${this.download ? \"download\" : nothing}\n        ${this.label ? html`aria-label=\"${this.label}\"` : nothing}\n      >\n        ${template}\n      </a>\n    `;\n  }\n\n  /**\n   * Renders the template.\n   *\n   * @internal\n   */\n  render() {\n    const icon = this.icon ? unsafeHTML(`<span class=\"elena-icon\">${this.icon}</span>`) : nothing;\n    const markup = html`\n      ${this.text ? html`<span>${this.text}</span>` : nothing}\n      ${icon}\n    `;\n\n    return this.href ? this.renderLink(markup) : this.renderButton(markup);\n  }\n}\n\n/**\n * Register the web component\n */\nButton.define();\n"],"names":["options","tagName","props","name","reflect","events","Button","Elena","HTMLElement","constructor","super","this","variant","size","expand","disabled","label","href","target","download","value","type","icon","renderButton","template","html","nothing","renderLink","render","unsafeHTML","markup","text","define"],"mappings":"6DAEA,MAAMA,EAAU,CACdC,QAAS,eACTC,MAAO,CACL,UACA,OACA,SACA,WACA,QACA,OACA,SACA,WACA,OACA,QACA,OACA,CAAEC,KAAM,OAAQC,SAAS,IAE3BC,OAAQ,CAAC,QAAS,QAAS,SAkBd,MAAMC,UAAeC,EAAMC,YAAaR,IACrD,WAAAS,GACEC,QAQAC,KAAKC,QAAU,UAQfD,KAAKE,KAAO,KAQZF,KAAKG,QAAS,EAQdH,KAAKI,UAAW,EAQhBJ,KAAKK,MAAQ,GAQbL,KAAKM,KAAO,GAQZN,KAAKO,OAAS,QAQdP,KAAKQ,UAAW,EAQhBR,KAAKR,KAAO,GAQZQ,KAAKS,MAAQ,GAQbT,KAAKU,KAAO,SAQZV,KAAKW,KAAO,EACd,CAOA,YAAAC,CAAaC,GACX,OAAOC,CAAI,sCAGCd,KAAKU,SACXV,KAAKR,KAAOsB,CAAI,SAASd,KAAKR,QAAUuB,KACxCf,KAAKS,MAAQK,CAAI,UAAUd,KAAKS,SAAWM,KAC3Cf,KAAKI,SAAW,WAAaW,KAC7Bf,KAAKK,MAAQS,CAAI,eAAed,KAAKK,SAAWU,KAEhDF,YAGR,CAOA,UAAAG,CAAWH,GACT,OAAOC,CAAI,iCAGCd,KAAKM,iBACHN,KAAKO,WACbP,KAAKQ,SAAW,WAAaO,KAC7Bf,KAAKK,MAAQS,CAAI,eAAed,KAAKK,SAAWU,KAEhDF,OAGR,CAOA,MAAAI,GACE,MAAMN,EAAOX,KAAKW,KAAOO,EAAW,4BAA4BlB,KAAKW,eAAiBI,EAChFI,EAASL,CAAI;QACfd,KAAKoB,KAAON,CAAI,SAASd,KAAKoB,cAAgBL;QAC9CJ;MAGJ,OAAOX,KAAKM,KAAON,KAAKgB,WAAWG,GAAUnB,KAAKY,aAAaO,EACjE,EAMFxB,EAAO0B"}

package/dist/custom-elements.d.ts

@@ -62,15 +62,29 @@ type BaseEvents = {};
 
 export type ButtonProps = {
   /** The style variant of the button. */
-  variant?: "default" | "primary" | "danger";
+  variant?: "default" | "primary" | "danger" | "outline";
+  /** The size of the button. */
+  size?: "sm" | "md" | "lg";
+  /** Makes the button fit its container. */
+  expand?: boolean;
   /** Makes the component disabled. */
   disabled?: boolean;
+  /** Sets aria-label for the inner button. */
+  label?: string;
+  /** Renders the button as a link and sets a href for it. */
+  href?: string;
+  /** Defines where to open the linked URL. */
+  target?: "_self" | "_blank" | "_parent" | "_top";
+  /** Trigger a file download instead of a page visit. */
+  download?: boolean;
   /** The name used to identify the button in forms. */
   name?: string;
   /** The value used to identify the button in forms. */
   value?: string;
   /** The type of the button. */
   type?: "submit" | "reset" | "button";
+  /** An SVG icon to display inside the button. */
+  icon?: string;
   /** The text content of the element, captured from light DOM before the first render. */
   text?: string;
 

package/dist/custom-elements.json

@@ -56,12 +56,32 @@
               "kind": "field",
               "name": "variant",
               "type": {
-                "text": "\"default\" | \"primary\" | \"danger\""
+                "text": "\"default\" | \"primary\" | \"danger\" | \"outline\""
               },
               "description": "The style variant of the button.",
               "default": "\"default\"",
               "attribute": "variant"
             },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "\"sm\" | \"md\" | \"lg\""
+              },
+              "description": "The size of the button.",
+              "default": "\"md\"",
+              "attribute": "size"
+            },
+            {
+              "kind": "field",
+              "name": "expand",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Makes the button fit its container.",
+              "default": "false",
+              "attribute": "expand"
+            },
             {
               "kind": "field",
               "name": "disabled",
@@ -72,6 +92,46 @@
               "default": "false",
               "attribute": "disabled"
             },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Sets aria-label for the inner button.",
+              "default": "\"\"",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "description": "Renders the button as a link and sets a href for it.",
+              "default": "\"\"",
+              "attribute": "href"
+            },
+            {
+              "kind": "field",
+              "name": "target",
+              "type": {
+                "text": "\"_self\" | \"_blank\" | \"_parent\" | \"_top\""
+              },
+              "description": "Defines where to open the linked URL.",
+              "default": "\"_self\"",
+              "attribute": "target"
+            },
+            {
+              "kind": "field",
+              "name": "download",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Trigger a file download instead of a page visit.",
+              "default": "false",
+              "attribute": "download"
+            },
             {
               "kind": "field",
               "name": "name",
@@ -102,6 +162,16 @@
               "default": "\"button\"",
               "attribute": "type"
             },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string"
+              },
+              "description": "An SVG icon to display inside the button.",
+              "default": "\"\"",
+              "attribute": "icon"
+            },
             {
               "kind": "field",
               "name": "text",
@@ -130,12 +200,30 @@
             {
               "name": "variant",
               "type": {
-                "text": "\"default\" | \"primary\" | \"danger\""
+                "text": "\"default\" | \"primary\" | \"danger\" | \"outline\""
               },
               "description": "The style variant of the button.",
               "default": "\"default\"",
               "fieldName": "variant"
             },
+            {
+              "name": "size",
+              "type": {
+                "text": "\"sm\" | \"md\" | \"lg\""
+              },
+              "description": "The size of the button.",
+              "default": "\"md\"",
+              "fieldName": "size"
+            },
+            {
+              "name": "expand",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Makes the button fit its container.",
+              "default": "false",
+              "fieldName": "expand"
+            },
             {
               "name": "disabled",
               "type": {
@@ -145,6 +233,42 @@
               "default": "false",
               "fieldName": "disabled"
             },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Sets aria-label for the inner button.",
+              "default": "\"\"",
+              "fieldName": "label"
+            },
+            {
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "description": "Renders the button as a link and sets a href for it.",
+              "default": "\"\"",
+              "fieldName": "href"
+            },
+            {
+              "name": "target",
+              "type": {
+                "text": "\"_self\" | \"_blank\" | \"_parent\" | \"_top\""
+              },
+              "description": "Defines where to open the linked URL.",
+              "default": "\"_self\"",
+              "fieldName": "target"
+            },
+            {
+              "name": "download",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Trigger a file download instead of a page visit.",
+              "default": "false",
+              "fieldName": "download"
+            },
             {
               "name": "name",
               "type": {
@@ -172,6 +296,15 @@
               "default": "\"button\"",
               "fieldName": "type"
             },
+            {
+              "name": "icon",
+              "type": {
+                "text": "string"
+              },
+              "description": "An SVG icon to display inside the button.",
+              "default": "\"\"",
+              "fieldName": "icon"
+            },
             {
               "name": "text",
               "fieldName": "text",

package/dist/elena-5JTA2VdO.js

@@ -0,0 +1,2 @@
+function e(e,t,n){if(t="boolean"===e&&"boolean"!=typeof t?null!==t:t,!n)return t;if("toAttribute"===n)switch(e){case"object":case"array":return null===t?null:JSON.stringify(t);case"boolean":return t?"":null;case"number":return null===t?null:t;default:return""===t?null:t}else switch(e){case"object":case"array":if(!t)return t;try{return JSON.parse(t)}catch{return console.warn("░█ [ELENA]: Invalid JSON for prop, received: "+t),null}case"boolean":return t;case"number":return null!==t?+t:t;default:return t}}function t(e,t,n){e?null===n?e.removeAttribute(t):e.setAttribute(t,n):console.warn("░█ [ELENA]: Cannot sync attributes to a null element.")}let n=class extends Event{constructor(e,t){super(e,{bubbles:!0,composed:!0,...t})}};function s(e){const t={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};return String(e).replace(/[&<>"']/g,e=>t[e])}function r(e,...t){const n=e.reduce((e,n,r)=>{const i=t[r];return e+n+(i&&i.__raw?String(i):s(String(i??"")))},"");return{__raw:!0,strings:e,values:t,toString:()=>n}}function i(e){return{__raw:!0,toString:()=>e??""}}const o={__raw:!0,toString:()=>""},a=new WeakMap;function l(e,t,n){(function(e,t,n){if(e._tplStrings!==t||!e._tplParts)return!1;let r=!1;for(let t=0;t<n.length;t++){const i=n[t],o=i&&i.__raw,a=o?String(i):s(String(i??""));if(a!==e._tplValues[t])if(e._tplValues[t]=a,o)r=!0;else{const n=e._tplParts[t];n?n.textContent=String(i??""):r=!0}}return!r})(e,t,n)||function(e,t,n){const r=n.map(e=>e&&e.__raw?String(e):s(String(e??"")));let i=a.get(t);i||(i=Array.from(t,e=>e.replace(/\n\s*/g," ")),a.set(t,i));const o=i.reduce((e,t,n)=>e+t+(r[n]??""),"").replace(/>\s+</g,"><").replace(/>\s+/g,">").replace(/\s+</g,"<").trim();(function(e,t){e?e.replaceChildren(e.ownerDocument.createRange().createContextualFragment(t)):console.warn("░█ [ELENA]: Cannot render to a null element.")})(e,o),e._tplStrings=t,e._tplValues=r,e._tplParts=function(e,t){const n=new Array(t.length),s=document.createTreeWalker(e,NodeFilter.SHOW_TEXT);let r,i=0;for(;(r=s.nextNode())&&i<t.length;)r.textContent===t[i]&&(n[i]=r,i++);return n}(e,r)}(e,t,n)}function c(s,r){const i=r&&r.element?/^[a-z][a-z0-9-]*$/i.test(r.element)?e=>e.getElementsByClassName(r.element)[0]:e=>e.querySelector(r.element):e=>e.firstElementChild,o=r&&r.props?r.props:[],a=[],c=new Set;for(const e of o)"string"==typeof e?a.push(e):(a.push(e.name),!1===e.reflect&&c.add(e.name));class u extends s{element=null;attributeChangedCallback(t,n,s){"text"!==t?(function(t,n,s,r){if(s!==r){const s=typeof t[n];"undefined"===s&&console.warn(`░█ [ELENA]: Prop "${n}" has no default value. Set a default in the constructor so Elena can infer the correct type.`);const i=e(s,r,"toProp");t[n]=i}}(this,t,n,s),this._hydrated&&n!==s&&!this._isRendering&&(this._isRendering=!0,this._applyRender(),this._isRendering=!1)):this.text=s??""}static get observedAttributes(){return[...a,"text"]}render(){}_applyRender(){const e=this.render();e&&e.strings&&(l(this,e.strings,e.values),this._hydrated&&(this.element=i(this)))}connectedCallback(){this._captureText(),this._applyRender(),this._resolveInnerElement(),this._flushProps(),this._delegateEvents(),this.updated()}_captureText(){if(!this._hydrated&&!this._text){const e=this.textContent.trim();e?this.text=e:queueMicrotask(()=>{this._text||(this.text=this.textContent.trim())})}}_resolveInnerElement(){this.element||(this.element=i(this),this.element||(r&&r.element&&console.warn("░█ [ELENA]: No element found, using firstElementChild as fallback."),this.element=this.firstElementChild))}_flushProps(){if(this._props)for(const[n,s]of this._props){if(c.has(n))continue;t(this,n,e(typeof s,s,"toAttribute"))}}_delegateEvents(){!this._events&&r&&r.events&&(this.element?(this._events=!0,r.events?.forEach(e=>{this.element.addEventListener(e,this),this[e]=(...t)=>this.element[e](...t)})):console.warn("░█ [ELENA]: Cannot delegate events, no inner element found. Ensure the component renders an element or check your element selector."))}updated(){this._hydrated||(this._hydrated=!0,this.setAttribute("hydrated",""))}disconnectedCallback(){this._events&&(this._events=!1,r.events?.forEach(e=>{this.element?.removeEventListener(e,this)}))}handleEvent(e){r.events?.includes(e.type)&&(e.stopPropagation(),this.dispatchEvent(new n(e.type,{cancelable:!0})))}get text(){return this._text??""}set text(e){const t=this._text;this._text=e,this._hydrated&&t!==e&&!this._isRendering&&(this._isRendering=!0,this._applyRender(),this._isRendering=!1)}}return a.length&&(a.includes("text")&&console.warn('░█ [ELENA]: "text" is a reserved property. Rename your prop to avoid overriding the built-in text content feature.'),function(n,s,r){for(const i of s){const s=!r||!r.has(i);Object.defineProperty(n,i,{configurable:!0,enumerable:!0,get(){return this._props?this._props.get(i):void 0},set(n){if(this._props||(this._props=new Map),n!==this._props.get(i)&&(this._props.set(i,n),this.isConnected))if(s){const s=e(typeof n,n,"toAttribute");t(this,i,s)}else this._hydrated&&!this._isRendering&&(this._isRendering=!0,this._applyRender(),this._isRendering=!1)}})}}(u.prototype,a,c)),r&&r.tagName&&(u._tagName=r.tagName),u.define=function(){this._tagName?function(e,t){"undefined"!=typeof window&&"customElements"in window&&(window.customElements.get(e)||window.customElements.define(e,t))}(this._tagName,this):console.warn("░█ [ELENA]: define() called without a tagName. Set tagName in your Elena options to register the element.")},u}export{o as a,r as e,c as o,i as r};
+//# sourceMappingURL=elena-5JTA2VdO.js.map

package/dist/elena-5JTA2VdO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"elena-5JTA2VdO.js","sources":["../../core/dist/props.js","../../core/dist/events.js","../../core/dist/utils.js","../../core/dist/render.js","../../core/dist/elena.js"],"sourcesContent":["function e(e,t,n){if(t=\"boolean\"===e&&\"boolean\"!=typeof t?null!==t:t,!n)return t;if(\"toAttribute\"===n)switch(e){case\"object\":case\"array\":return null===t?null:JSON.stringify(t);case\"boolean\":return t?\"\":null;case\"number\":return null===t?null:t;default:return\"\"===t?null:t}else switch(e){case\"object\":case\"array\":if(!t)return t;try{return JSON.parse(t)}catch{return console.warn(\"░█ [ELENA]: Invalid JSON for prop, received: \"+t),null}case\"boolean\":return t;case\"number\":return null!==t?+t:t;default:return t}}function t(e,t,n){e?null===n?e.removeAttribute(t):e.setAttribute(t,n):console.warn(\"░█ [ELENA]: Cannot sync attributes to a null element.\")}function n(n,r,o){for(const s of r){const r=!o||!o.has(s);Object.defineProperty(n,s,{configurable:!0,enumerable:!0,get(){return this._props?this._props.get(s):void 0},set(n){if(this._props||(this._props=new Map),n!==this._props.get(s)&&(this._props.set(s,n),this.isConnected))if(r){const r=e(typeof n,n,\"toAttribute\");t(this,s,r)}else this._hydrated&&!this._isRendering&&(this._isRendering=!0,this._applyRender(),this._isRendering=!1)}})}}function r(t,n,r,o){if(r!==o){const r=typeof t[n];\"undefined\"===r&&console.warn(`░█ [ELENA]: Prop \"${n}\" has no default value. Set a default in the constructor so Elena can infer the correct type.`);const s=e(r,o,\"toProp\");t[n]=s}}export{e as getPropValue,r as getProps,n as setProps,t as syncAttribute};\n//# sourceMappingURL=props.js.map\n","class e extends Event{constructor(e,s){super(e,{bubbles:!0,composed:!0,...s})}}export{e as ElenaEvent};\n//# sourceMappingURL=events.js.map\n","function n(n,t){\"undefined\"!=typeof window&&\"customElements\"in window&&(window.customElements.get(n)||window.customElements.define(n,t))}function t(n){const t={\"&\":\"&amp;\",\"<\":\"&lt;\",\">\":\"&gt;\",'\"':\"&quot;\",\"'\":\"&#39;\"};return String(n).replace(/[&<>\"']/g,n=>t[n])}function e(n,...e){const r=n.reduce((n,r,o)=>{const i=e[o];return n+r+(i&&i.__raw?String(i):t(String(i??\"\")))},\"\");return{__raw:!0,strings:n,values:e,toString:()=>r}}function r(n){return{__raw:!0,toString:()=>n??\"\"}}const o={__raw:!0,toString:()=>\"\"};export{n as defineElement,t as escapeHtml,e as html,o as nothing,r as unsafeHTML};\n//# sourceMappingURL=utils.js.map\n","import{escapeHtml as t}from\"./utils.js\";const e=new WeakMap;function n(n,l,o){(function(e,n,r){if(e._tplStrings!==n||!e._tplParts)return!1;let l=!1;for(let n=0;n<r.length;n++){const o=r[n],a=o&&o.__raw,c=a?String(o):t(String(o??\"\"));if(c!==e._tplValues[n])if(e._tplValues[n]=c,a)l=!0;else{const t=e._tplParts[n];t?t.textContent=String(o??\"\"):l=!0}}return!l})(n,l,o)||function(n,l,o){const a=o.map(e=>e&&e.__raw?String(e):t(String(e??\"\")));let c=e.get(l);c||(c=Array.from(l,t=>t.replace(/\\n\\s*/g,\" \")),e.set(l,c));const s=c.reduce((t,e,n)=>t+e+(a[n]??\"\"),\"\").replace(/>\\s+</g,\"><\").replace(/>\\s+/g,\">\").replace(/\\s+</g,\"<\").trim();r(n,s),n._tplStrings=l,n._tplValues=a,n._tplParts=function(t,e){const n=new Array(e.length),r=document.createTreeWalker(t,NodeFilter.SHOW_TEXT);let l,o=0;for(;(l=r.nextNode())&&o<e.length;)l.textContent===e[o]&&(n[o]=l,o++);return n}(n,a)}(n,l,o)}function r(t,e){t?t.replaceChildren(t.ownerDocument.createRange().createContextualFragment(e)):console.warn(\"░█ [ELENA]: Cannot render to a null element.\")}export{r as renderHtml,n as renderTemplate};\n//# sourceMappingURL=render.js.map\n","import{setProps as e,getProps as t,getPropValue as s,syncAttribute as n}from\"./props.js\";import{ElenaEvent as i}from\"./events.js\";import{defineElement as r}from\"./utils.js\";export{html,nothing,unsafeHTML}from\"./utils.js\";import{renderTemplate as h}from\"./render.js\";function o(o,a){const l=a&&a.element?/^[a-z][a-z0-9-]*$/i.test(a.element)?e=>e.getElementsByClassName(a.element)[0]:e=>e.querySelector(a.element):e=>e.firstElementChild,d=a&&a.props?a.props:[],m=[],p=new Set;for(const e of d)\"string\"==typeof e?m.push(e):(m.push(e.name),!1===e.reflect&&p.add(e.name));class c extends o{element=null;attributeChangedCallback(e,s,n){\"text\"!==e?(t(this,e,s,n),this._hydrated&&s!==n&&!this._isRendering&&(this._isRendering=!0,this._applyRender(),this._isRendering=!1)):this.text=n??\"\"}static get observedAttributes(){return[...m,\"text\"]}render(){}_applyRender(){const e=this.render();e&&e.strings&&(h(this,e.strings,e.values),this._hydrated&&(this.element=l(this)))}connectedCallback(){this._captureText(),this._applyRender(),this._resolveInnerElement(),this._flushProps(),this._delegateEvents(),this.updated()}_captureText(){if(!this._hydrated&&!this._text){const e=this.textContent.trim();e?this.text=e:queueMicrotask(()=>{this._text||(this.text=this.textContent.trim())})}}_resolveInnerElement(){this.element||(this.element=l(this),this.element||(a&&a.element&&console.warn(\"░█ [ELENA]: No element found, using firstElementChild as fallback.\"),this.element=this.firstElementChild))}_flushProps(){if(this._props)for(const[e,t]of this._props){if(p.has(e))continue;const i=s(typeof t,t,\"toAttribute\");n(this,e,i)}}_delegateEvents(){!this._events&&a&&a.events&&(this.element?(this._events=!0,a.events?.forEach(e=>{this.element.addEventListener(e,this),this[e]=(...t)=>this.element[e](...t)})):console.warn(\"░█ [ELENA]: Cannot delegate events, no inner element found. Ensure the component renders an element or check your element selector.\"))}updated(){this._hydrated||(this._hydrated=!0,this.setAttribute(\"hydrated\",\"\"))}disconnectedCallback(){this._events&&(this._events=!1,a.events?.forEach(e=>{this.element?.removeEventListener(e,this)}))}handleEvent(e){a.events?.includes(e.type)&&(e.stopPropagation(),this.dispatchEvent(new i(e.type,{cancelable:!0})))}get text(){return this._text??\"\"}set text(e){const t=this._text;this._text=e,this._hydrated&&t!==e&&!this._isRendering&&(this._isRendering=!0,this._applyRender(),this._isRendering=!1)}}return m.length&&(m.includes(\"text\")&&console.warn('░█ [ELENA]: \"text\" is a reserved property. Rename your prop to avoid overriding the built-in text content feature.'),e(c.prototype,m,p)),a&&a.tagName&&(c._tagName=a.tagName),c.define=function(){this._tagName?r(this._tagName,this):console.warn(\"░█ [ELENA]: define() called without a tagName. Set tagName in your Elena options to register the element.\")},c}export{o as Elena};\n//# sourceMappingURL=elena.js.map\n"],"names":["e","t","n","JSON","stringify","parse","console","warn","removeAttribute","setAttribute","e$2","Event","constructor","s","super","bubbles","composed","String","replace","r","reduce","o","i","__raw","strings","values","toString","WeakMap","l","_tplStrings","_tplParts","length","a","c","_tplValues","textContent","map","get","Array","from","set","trim","replaceChildren","ownerDocument","createRange","createContextualFragment","document","createTreeWalker","NodeFilter","SHOW_TEXT","nextNode","element","test","getElementsByClassName","querySelector","firstElementChild","d","props","m","p","Set","push","name","reflect","add","attributeChangedCallback","this","_hydrated","_isRendering","_applyRender","text","observedAttributes","render","h","connectedCallback","_captureText","_resolveInnerElement","_flushProps","_delegateEvents","updated","_text","queueMicrotask","_props","has","_events","events","forEach","addEventListener","disconnectedCallback","removeEventListener","handleEvent","includes","type","stopPropagation","dispatchEvent","cancelable","Object","defineProperty","configurable","enumerable","Map","isConnected","prototype","tagName","_tagName","define","window","customElements"],"mappings":"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"}

package/dist/index.js

@@ -1,2 +1,2 @@
-export{default as Button}from"./button.js";export{default as Stack}from"./stack.js";import"./elena-A7IX5lSC.js";
+export{default as Button}from"./button.js";export{default as Stack}from"./stack.js";import"./elena-5JTA2VdO.js";
 //# sourceMappingURL=index.js.map

package/dist/stack.css

@@ -1 +1 @@
-@scope(elena-stack){:scope,*,:before,:after{all:unset}:scope{flex-flow:column wrap;justify-content:flex-start;align-items:flex-start;gap:.5rem;display:flex}:scope[direction=row]{flex-direction:row}}
+@scope(elena-stack){:scope{flex-flow:column wrap;justify-content:flex-start;align-items:flex-start;gap:.5rem;display:flex}:scope[direction=row]{flex-direction:row}}

package/dist/stack.js

@@ -1,2 +1,2 @@
-import{o as e}from"./elena-A7IX5lSC.js";const t={tagName:"elena-stack",props:["direction"]};class s extends(e(HTMLElement,t)){constructor(){super(),this.direction="column"}}s.define();export{s as default};
+import{o as e}from"./elena-5JTA2VdO.js";const t={tagName:"elena-stack",props:["direction"]};class s extends(e(HTMLElement,t)){constructor(){super(),this.direction="column"}}s.define();export{s as default};
 //# sourceMappingURL=stack.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elenajs/components",
-  "version": "0.14.0",
+  "version": "0.16.0",
   "description": "Elena component library demonstrating how to build Progressive Web Components.",
   "author": "Elena <hi@elenajs.com>",
   "homepage": "https://elenajs.com/",
@@ -28,16 +28,21 @@
   ],
   "scripts": {
     "prebuild": "npm run -s clean",
-    "start": "web-dev-server --node-resolve --app-index index.html --open --watch",
+    "start": "concurrently -k -n build,serve \"nodemon --watch src -e js,css --exec elena\" \"web-dev-server --node-resolve --app-index index.html --open --watch\"",
     "build": "elena",
-    "clean": "rm -rf dist/"
+    "clean": "rm -rf dist/",
+    "test": "vitest run"
   },
   "dependencies": {
-    "@elenajs/core": "^0.12.0"
+    "@elenajs/core": "^0.14.0"
   },
   "devDependencies": {
-    "@elenajs/bundler": "^0.6.0",
-    "@web/dev-server": "0.4.6"
+    "@elenajs/bundler": "^0.8.0",
+    "@web/dev-server": "0.4.6",
+    "concurrently": "9.1.2",
+    "happy-dom": "20.7.0",
+    "nodemon": "3.1.10",
+    "vitest": "4.0.18"
   },
-  "gitHead": "55efd24bdf036d369a5fe9641a0d720e1ac711d8"
+  "gitHead": "c181af0625f691a95a5cb1ef9adb0d7f2c796eae"
 }

package/dist/elena-A7IX5lSC.js

@@ -1,2 +0,0 @@
-function e(e,t,n){if(t="boolean"===e&&"boolean"!=typeof t?null!==t:t,!n)return t;if("toAttribute"===n)switch(e){case"object":case"array":return null===t?null:JSON.stringify(t);case"boolean":return t?"":null;case"number":return null===t?null:t;default:return""===t?null:t}else switch(e){case"object":case"array":if(!t)return t;try{return JSON.parse(t)}catch{return console.warn("░█ [ELENA]: Invalid JSON for prop, received: "+t),null}case"boolean":return t;case"number":return null!==t?+t:t;default:return t}}function t(e,t,n){e?null===n?e.removeAttribute(t):e.setAttribute(t,n):console.warn("░█ [ELENA]: Cannot sync attributes to a null element.")}let n=class extends Event{constructor(e,t){super(e,{bubbles:!0,composed:!0,...t})}};function s(e){const t={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};return String(e).replace(/[&<>"']/g,e=>t[e])}function r(e,...t){const n=e.reduce((e,n,r)=>{const i=t[r];return e+n+(i&&i.__raw?String(i):s(String(i??"")))},"");return{__raw:!0,strings:e,values:t,toString:()=>n}}const i=new WeakMap;function o(e,t,n){(function(e,t,n){if(e._tplStrings!==t||!e._tplParts)return!1;let r=!1;for(let t=0;t<n.length;t++){const i=n[t],o=i&&i.__raw,l=o?String(i):s(String(i??""));if(l!==e._tplValues[t])if(e._tplValues[t]=l,o)r=!0;else{const n=e._tplParts[t];n?n.textContent=String(i??""):r=!0}}return!r})(e,t,n)||function(e,t,n){const r=n.map(e=>e&&e.__raw?String(e):s(String(e??"")));let o=i.get(t);o||(o=Array.from(t,e=>e.replace(/\n\s*/g," ")),i.set(t,o));const l=o.reduce((e,t,n)=>e+t+(r[n]??""),"").replace(/>\s+</g,"><").replace(/>\s+/g,">").replace(/\s+</g,"<").trim();(function(e,t){e?e.replaceChildren(e.ownerDocument.createRange().createContextualFragment(t)):console.warn("░█ [ELENA]: Cannot render to a null element.")})(e,l),e._tplStrings=t,e._tplValues=r,e._tplParts=function(e,t){const n=new Array(t.length),s=document.createTreeWalker(e,NodeFilter.SHOW_TEXT);let r,i=0;for(;(r=s.nextNode())&&i<t.length;)r.textContent===t[i]&&(n[i]=r,i++);return n}(e,r)}(e,t,n)}function l(s,r){const i=r&&r.element?/^[a-z][a-z0-9-]*$/i.test(r.element)?e=>e.getElementsByClassName(r.element)[0]:e=>e.querySelector(r.element):e=>e.firstElementChild;class l extends s{element=null;attributeChangedCallback(t,n,s){"text"!==t?(function(t,n,s,r){if(s!==r){const s=typeof t[n];"undefined"===s&&console.warn(`░█ [ELENA]: Prop "${n}" has no default value. Set a default in the constructor so Elena can infer the correct type.`);const i=e(s,r,"toProp");t[n]=i}}(this,t,n,s),this._hydrated&&n!==s&&!this._isRendering&&(this._isRendering=!0,this._applyRender(),this._isRendering=!1)):this.text=s??""}static get observedAttributes(){return[...r&&r.props?r.props:[],"text"]}render(){}_applyRender(){const e=this.render();e&&e.strings&&o(this,e.strings,e.values)}connectedCallback(){this._captureText(),this._applyRender(),this._resolveInnerElement(),this._flushProps(),this._delegateEvents(),this.updated()}_captureText(){if(!this._hydrated&&!this._text){const e=this.textContent.trim();e?this.text=e:queueMicrotask(()=>{this._text||(this.text=this.textContent.trim())})}}_resolveInnerElement(){this.element||(this.element=i(this),this.element||(r&&r.element&&console.warn("░█ [ELENA]: No element found, using firstElementChild as fallback."),this.element=this.firstElementChild))}_flushProps(){if(this._props){const n=!(!r||!r.element);for(const[s,r]of this._props){const i=e(typeof r,r,"toAttribute");t(this,s,i),n&&this.element&&t(this.element,s,i)}}}_delegateEvents(){!this._events&&r&&r.events&&(this.element?(this._events=!0,r.events?.forEach(e=>{this.element.addEventListener(e,this),this[e]=(...t)=>this.element[e](...t)})):console.warn("░█ [ELENA]: Cannot delegate events, no inner element found. Ensure the component renders an element or check your element selector."))}updated(){this._hydrated||(this._hydrated=!0,this.setAttribute("hydrated",""))}disconnectedCallback(){this._events&&(this._events=!1,r.events?.forEach(e=>{this.element?.removeEventListener(e,this)}))}handleEvent(e){r.events?.includes(e.type)&&(e.stopPropagation(),this.dispatchEvent(new n(e.type,{cancelable:!0})))}get text(){return this._text??""}set text(e){const t=this._text;this._text=e,this._hydrated&&t!==e&&!this._isRendering&&(this._isRendering=!0,this._applyRender(),this._isRendering=!1)}}return r&&r.props?.length&&(r.props.includes("text")&&console.warn('░█ [ELENA]: "text" is a reserved property. Rename your prop to avoid overriding the built-in text content feature.'),function(n,s,r=!0){for(const i of s)Object.defineProperty(n,i,{configurable:!0,enumerable:!0,get(){return this._props?this._props.get(i):void 0},set(n){if(this._props||(this._props=new Map),n===this._props.get(i))return;if(this._props.set(i,n),!this.isConnected)return;const s=e(typeof n,n,"toAttribute");t(this,i,s),r&&this.element&&t(this.element,i,s)}})}(l.prototype,r.props,!(!r||!r.element))),r&&r.tagName&&(l._tagName=r.tagName),l.define=function(){this._tagName?function(e,t){"undefined"!=typeof window&&"customElements"in window&&(window.customElements.get(e)||window.customElements.define(e,t))}(this._tagName,this):console.warn("░█ [ELENA]: define() called without a tagName. Set tagName in your Elena options to register the element.")},l}export{r as e,l as o};
-//# sourceMappingURL=elena-A7IX5lSC.js.map

package/dist/elena-A7IX5lSC.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"elena-A7IX5lSC.js","sources":["../../core/dist/props.js","../../core/dist/events.js","../../core/dist/utils.js","../../core/dist/render.js","../../core/dist/elena.js"],"sourcesContent":["function e(e,t,n){if(t=\"boolean\"===e&&\"boolean\"!=typeof t?null!==t:t,!n)return t;if(\"toAttribute\"===n)switch(e){case\"object\":case\"array\":return null===t?null:JSON.stringify(t);case\"boolean\":return t?\"\":null;case\"number\":return null===t?null:t;default:return\"\"===t?null:t}else switch(e){case\"object\":case\"array\":if(!t)return t;try{return JSON.parse(t)}catch{return console.warn(\"░█ [ELENA]: Invalid JSON for prop, received: \"+t),null}case\"boolean\":return t;case\"number\":return null!==t?+t:t;default:return t}}function t(e,t,n){e?null===n?e.removeAttribute(t):e.setAttribute(t,n):console.warn(\"░█ [ELENA]: Cannot sync attributes to a null element.\")}function n(n,r,o=!0){for(const s of r)Object.defineProperty(n,s,{configurable:!0,enumerable:!0,get(){return this._props?this._props.get(s):void 0},set(n){if(this._props||(this._props=new Map),n===this._props.get(s))return;if(this._props.set(s,n),!this.isConnected)return;const r=e(typeof n,n,\"toAttribute\");t(this,s,r),o&&this.element&&t(this.element,s,r)}})}function r(t,n,r,o){if(r!==o){const r=typeof t[n];\"undefined\"===r&&console.warn(`░█ [ELENA]: Prop \"${n}\" has no default value. Set a default in the constructor so Elena can infer the correct type.`);const s=e(r,o,\"toProp\");t[n]=s}}export{e as getPropValue,r as getProps,n as setProps,t as syncAttribute};\n//# sourceMappingURL=props.js.map\n","class e extends Event{constructor(e,s){super(e,{bubbles:!0,composed:!0,...s})}}export{e as ElenaEvent};\n//# sourceMappingURL=events.js.map\n","function n(n,t){\"undefined\"!=typeof window&&\"customElements\"in window&&(window.customElements.get(n)||window.customElements.define(n,t))}function t(n){const t={\"&\":\"&amp;\",\"<\":\"&lt;\",\">\":\"&gt;\",'\"':\"&quot;\",\"'\":\"&#39;\"};return String(n).replace(/[&<>\"']/g,n=>t[n])}function e(n,...e){const o=n.reduce((n,o,r)=>{const i=e[r];return n+o+(i&&i.__raw?String(i):t(String(i??\"\")))},\"\");return{__raw:!0,strings:n,values:e,toString:()=>o}}const o={__raw:!0,toString:()=>\"\"};export{n as defineElement,t as escapeHtml,e as html,o as nothing};\n//# sourceMappingURL=utils.js.map\n","import{escapeHtml as t}from\"./utils.js\";const e=new WeakMap;function n(n,l,o){(function(e,n,r){if(e._tplStrings!==n||!e._tplParts)return!1;let l=!1;for(let n=0;n<r.length;n++){const o=r[n],a=o&&o.__raw,c=a?String(o):t(String(o??\"\"));if(c!==e._tplValues[n])if(e._tplValues[n]=c,a)l=!0;else{const t=e._tplParts[n];t?t.textContent=String(o??\"\"):l=!0}}return!l})(n,l,o)||function(n,l,o){const a=o.map(e=>e&&e.__raw?String(e):t(String(e??\"\")));let c=e.get(l);c||(c=Array.from(l,t=>t.replace(/\\n\\s*/g,\" \")),e.set(l,c));const s=c.reduce((t,e,n)=>t+e+(a[n]??\"\"),\"\").replace(/>\\s+</g,\"><\").replace(/>\\s+/g,\">\").replace(/\\s+</g,\"<\").trim();r(n,s),n._tplStrings=l,n._tplValues=a,n._tplParts=function(t,e){const n=new Array(e.length),r=document.createTreeWalker(t,NodeFilter.SHOW_TEXT);let l,o=0;for(;(l=r.nextNode())&&o<e.length;)l.textContent===e[o]&&(n[o]=l,o++);return n}(n,a)}(n,l,o)}function r(t,e){t?t.replaceChildren(t.ownerDocument.createRange().createContextualFragment(e)):console.warn(\"░█ [ELENA]: Cannot render to a null element.\")}export{r as renderHtml,n as renderTemplate};\n//# sourceMappingURL=render.js.map\n","import{setProps as e,getProps as t,getPropValue as s,syncAttribute as n}from\"./props.js\";import{ElenaEvent as i}from\"./events.js\";import{defineElement as r}from\"./utils.js\";export{html,nothing}from\"./utils.js\";import{renderTemplate as h}from\"./render.js\";function o(o,l){const a=l&&l.element?/^[a-z][a-z0-9-]*$/i.test(l.element)?e=>e.getElementsByClassName(l.element)[0]:e=>e.querySelector(l.element):e=>e.firstElementChild;class d extends o{element=null;attributeChangedCallback(e,s,n){\"text\"!==e?(t(this,e,s,n),this._hydrated&&s!==n&&!this._isRendering&&(this._isRendering=!0,this._applyRender(),this._isRendering=!1)):this.text=n??\"\"}static get observedAttributes(){return[...l&&l.props?l.props:[],\"text\"]}render(){}_applyRender(){const e=this.render();e&&e.strings&&h(this,e.strings,e.values)}connectedCallback(){this._captureText(),this._applyRender(),this._resolveInnerElement(),this._flushProps(),this._delegateEvents(),this.updated()}_captureText(){if(!this._hydrated&&!this._text){const e=this.textContent.trim();e?this.text=e:queueMicrotask(()=>{this._text||(this.text=this.textContent.trim())})}}_resolveInnerElement(){this.element||(this.element=a(this),this.element||(l&&l.element&&console.warn(\"░█ [ELENA]: No element found, using firstElementChild as fallback.\"),this.element=this.firstElementChild))}_flushProps(){if(this._props){const e=!(!l||!l.element);for(const[t,i]of this._props){const r=s(typeof i,i,\"toAttribute\");n(this,t,r),e&&this.element&&n(this.element,t,r)}}}_delegateEvents(){!this._events&&l&&l.events&&(this.element?(this._events=!0,l.events?.forEach(e=>{this.element.addEventListener(e,this),this[e]=(...t)=>this.element[e](...t)})):console.warn(\"░█ [ELENA]: Cannot delegate events, no inner element found. Ensure the component renders an element or check your element selector.\"))}updated(){this._hydrated||(this._hydrated=!0,this.setAttribute(\"hydrated\",\"\"))}disconnectedCallback(){this._events&&(this._events=!1,l.events?.forEach(e=>{this.element?.removeEventListener(e,this)}))}handleEvent(e){l.events?.includes(e.type)&&(e.stopPropagation(),this.dispatchEvent(new i(e.type,{cancelable:!0})))}get text(){return this._text??\"\"}set text(e){const t=this._text;this._text=e,this._hydrated&&t!==e&&!this._isRendering&&(this._isRendering=!0,this._applyRender(),this._isRendering=!1)}}return l&&l.props?.length&&(l.props.includes(\"text\")&&console.warn('░█ [ELENA]: \"text\" is a reserved property. Rename your prop to avoid overriding the built-in text content feature.'),e(d.prototype,l.props,!(!l||!l.element))),l&&l.tagName&&(d._tagName=l.tagName),d.define=function(){this._tagName?r(this._tagName,this):console.warn(\"░█ [ELENA]: define() called without a tagName. Set tagName in your Elena options to register the element.\")},d}export{o as Elena};\n//# sourceMappingURL=elena.js.map\n"],"names":["e","t","n","JSON","stringify","parse","console","warn","removeAttribute","setAttribute","e$2","Event","constructor","s","super","bubbles","composed","String","replace","o","reduce","r","i","__raw","strings","values","toString","WeakMap","l","_tplStrings","_tplParts","length","a","c","_tplValues","textContent","map","get","Array","from","set","trim","replaceChildren","ownerDocument","createRange","createContextualFragment","document","createTreeWalker","NodeFilter","SHOW_TEXT","nextNode","element","test","getElementsByClassName","querySelector","firstElementChild","d","attributeChangedCallback","this","_hydrated","_isRendering","_applyRender","text","observedAttributes","props","render","h","connectedCallback","_captureText","_resolveInnerElement","_flushProps","_delegateEvents","updated","_text","queueMicrotask","_props","_events","events","forEach","addEventListener","disconnectedCallback","removeEventListener","handleEvent","includes","type","stopPropagation","dispatchEvent","cancelable","Object","defineProperty","configurable","enumerable","Map","isConnected","prototype","tagName","_tagName","define","window","customElements"],"mappings":"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"}