@elenajs/components 0.8.0 → 0.9.0

package/dist/avatar.d.ts

@@ -2,6 +2,8 @@ export type { AvatarProps } from './custom-elements.js';
 
 declare class Avatar extends HTMLElement {
   state?: string;
+  /** The text content of the element, captured from light DOM before the first render. */
+  text?: string;
 }
 
 export default Avatar;

package/dist/button.d.ts

@@ -13,6 +13,8 @@ declare class Button extends HTMLElement {
   value?: string;
   /** The type of the button. */
   type?: "submit" | "reset" | "button";
+  /** The text content of the element, captured from light DOM before the first render. */
+  text?: string;
   /** Programmatically fire click on the component. */
   onclick?: (e: CustomEvent<never>) => void;
   /** Programmatically move focus to the component. */

package/dist/custom-elements.d.ts

@@ -61,6 +61,8 @@ type BaseProps = {
 type BaseEvents = {};
 
 export type AvatarProps = {
+  /** The text content of the element, captured from light DOM before the first render. */
+  text?: string;
   /**  */
   state?: string;
 };
@@ -78,6 +80,8 @@ export type ButtonProps = {
   value?: string;
   /** The type of the button. */
   type?: "submit" | "reset" | "button";
+  /** The text content of the element, captured from light DOM before the first render. */
+  text?: string;
 
   /** Programmatically fire click on the component. */
   onclick?: (e: CustomEvent<never>) => void;
@@ -87,11 +91,6 @@ export type ButtonProps = {
   onblur?: (e: CustomEvent<never>) => void;
 };
 
-export type StackProps = {
-  /** The direction of the stack. */
-  direction?: "column" | "row";
-};
-
 export type InputProps = {
   /** The size of the input. */
   size?: "sm" | "md" | "lg";
@@ -109,6 +108,8 @@ export type InputProps = {
   type?: "text" | "email" | "password" | "tel" | "url" | "search" | "number" | "unit" | "button";
   /** The error to display */
   error?: string;
+  /** The text content of the element, captured from light DOM before the first render. */
+  text?: string;
 
   /** Programmatically fire click on the component. */
   onclick?: (e: CustomEvent<never>) => void;
@@ -118,6 +119,13 @@ export type InputProps = {
   onblur?: (e: CustomEvent<never>) => void;
 };
 
+export type StackProps = {
+  /** The direction of the stack. */
+  direction?: "column" | "row";
+  /** The text content of the element, captured from light DOM before the first render. */
+  text?: string;
+};
+
 export type CustomElements = {
   /**
    *
@@ -144,17 +152,6 @@ export type CustomElements = {
    */
   "elena-button": Partial<ButtonProps & BaseProps & BaseEvents>;
 
-  /**
-   * Stack component manages layout of immediate children
-   * with optional spacing between each child.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - The stacked content
-   */
-  "elena-stack": Partial<StackProps & BaseProps & BaseEvents>;
-
   /**
    * The description of the component goes here.
    * ---
@@ -172,4 +169,15 @@ export type CustomElements = {
    * - **--elena-input-radius** - Controls the radius of the component. _(default: undefined)_
    */
   "elena-input": Partial<InputProps & BaseProps & BaseEvents>;
+
+  /**
+   * Stack component manages layout of immediate children
+   * with optional spacing between each child.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - The stacked content
+   */
+  "elena-stack": Partial<StackProps & BaseProps & BaseEvents>;
 };

package/dist/custom-elements.json

@@ -61,6 +61,15 @@
                 "text": "string"
               },
               "default": "\"initial\""
+            },
+            {
+              "kind": "field",
+              "name": "text",
+              "type": {
+                "text": "string"
+              },
+              "description": "The text content of the element, captured from light DOM before the first render.",
+              "attribute": "text"
             }
           ],
           "mixins": [
@@ -73,6 +82,16 @@
             "name": "HTMLElement"
           },
           "tagName": "elena-avatar",
+          "attributes": [
+            {
+              "name": "text",
+              "fieldName": "text",
+              "type": {
+                "text": "string"
+              },
+              "description": "The text content of the element, captured from light DOM before the first render."
+            }
+          ],
           "customElement": true
         }
       ],
@@ -181,6 +200,15 @@
               "description": "The type of the button.",
               "default": "\"button\"",
               "attribute": "type"
+            },
+            {
+              "kind": "field",
+              "name": "text",
+              "type": {
+                "text": "string"
+              },
+              "description": "The text content of the element, captured from light DOM before the first render.",
+              "attribute": "text"
             }
           ],
           "events": [
@@ -251,6 +279,14 @@
               "description": "The type of the button.",
               "default": "\"button\"",
               "fieldName": "type"
+            },
+            {
+              "name": "text",
+              "fieldName": "text",
+              "type": {
+                "text": "string"
+              },
+              "description": "The text content of the element, captured from light DOM before the first render."
             }
           ],
           "mixins": [
@@ -287,77 +323,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/stack/stack.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Stack component manages layout of immediate children\nwith optional spacing between each child.",
-          "name": "Stack",
-          "slots": [
-            {
-              "description": "The stacked content",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "direction",
-              "type": {
-                "text": "\"column\" | \"row\""
-              },
-              "description": "The direction of the stack.",
-              "default": "\"column\"",
-              "attribute": "direction"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "direction",
-              "type": {
-                "text": "\"column\" | \"row\""
-              },
-              "description": "The direction of the stack.",
-              "default": "\"column\"",
-              "fieldName": "direction"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "Elena",
-              "package": "@elenajs/core"
-            }
-          ],
-          "superclass": {
-            "name": "HTMLElement"
-          },
-          "tagName": "elena-stack",
-          "status": "alpha",
-          "displayName": "Stack",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "Stack",
-            "module": "src/stack/stack.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "elena-stack",
-          "declaration": {
-            "name": "Stack",
-            "module": "src/stack/stack.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/input/input.js",
@@ -464,6 +429,15 @@
               "description": "The error to display",
               "default": "\"\"",
               "attribute": "error"
+            },
+            {
+              "kind": "field",
+              "name": "text",
+              "type": {
+                "text": "string"
+              },
+              "description": "The text content of the element, captured from light DOM before the first render.",
+              "attribute": "text"
             }
           ],
           "events": [
@@ -552,6 +526,14 @@
               "description": "The error to display",
               "default": "\"\"",
               "fieldName": "error"
+            },
+            {
+              "name": "text",
+              "fieldName": "text",
+              "type": {
+                "text": "string"
+              },
+              "description": "The text content of the element, captured from light DOM before the first render."
             }
           ],
           "mixins": [
@@ -587,6 +569,94 @@
           }
         }
       ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/stack/stack.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Stack component manages layout of immediate children\nwith optional spacing between each child.",
+          "name": "Stack",
+          "slots": [
+            {
+              "description": "The stacked content",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "direction",
+              "type": {
+                "text": "\"column\" | \"row\""
+              },
+              "description": "The direction of the stack.",
+              "default": "\"column\"",
+              "attribute": "direction"
+            },
+            {
+              "kind": "field",
+              "name": "text",
+              "type": {
+                "text": "string"
+              },
+              "description": "The text content of the element, captured from light DOM before the first render.",
+              "attribute": "text"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "direction",
+              "type": {
+                "text": "\"column\" | \"row\""
+              },
+              "description": "The direction of the stack.",
+              "default": "\"column\"",
+              "fieldName": "direction"
+            },
+            {
+              "name": "text",
+              "fieldName": "text",
+              "type": {
+                "text": "string"
+              },
+              "description": "The text content of the element, captured from light DOM before the first render."
+            }
+          ],
+          "mixins": [
+            {
+              "name": "Elena",
+              "package": "@elenajs/core"
+            }
+          ],
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "tagName": "elena-stack",
+          "status": "alpha",
+          "displayName": "Stack",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "Stack",
+            "module": "src/stack/stack.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "elena-stack",
+          "declaration": {
+            "name": "Stack",
+            "module": "src/stack/stack.js"
+          }
+        }
+      ]
     }
   ]
 }

package/dist/input.d.ts

@@ -17,6 +17,8 @@ declare class Input extends HTMLElement {
   type?: "text" | "email" | "password" | "tel" | "url" | "search" | "number" | "unit" | "button";
   /** The error to display */
   error?: string;
+  /** The text content of the element, captured from light DOM before the first render. */
+  text?: string;
   /** Programmatically fire click on the component. */
   onclick?: (e: CustomEvent<never>) => void;
   /** Programmatically move focus to the component. */

package/dist/stack.d.ts

@@ -3,6 +3,8 @@ export type { StackProps } from './custom-elements.js';
 declare class Stack extends HTMLElement {
   /** The direction of the stack. */
   direction?: "column" | "row";
+  /** The text content of the element, captured from light DOM before the first render. */
+  text?: string;
 }
 
 export default Stack;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elenajs/components",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "Elena component library demonstrating how to build progressive web components.",
   "author": "Elena <hi@elenajs.com>",
   "homepage": "https://elenajs.com/",
@@ -33,11 +33,11 @@
     "clean": "rm -rf dist/"
   },
   "dependencies": {
-    "@elenajs/core": "^0.8.0"
+    "@elenajs/core": "^0.8.1"
   },
   "devDependencies": {
-    "@elenajs/bundler": "^0.0.8",
+    "@elenajs/bundler": "^0.2.0",
     "@web/dev-server": "0.4.6"
   },
-  "gitHead": "59619233423297d6793f0601e65ff6713c9c1ec0"
+  "gitHead": "91eb41114d32cfa09d11747f45db3805114b6706"
 }