@umbraco-ui/uui-card-user 0.0.4 → 0.2.0

package/README.md

@@ -1,5 +1,9 @@
 # uui-card-user
 
+### See it in action
+
+Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-card-user)
+
 ## Usage
 
 ```zsh

package/custom-elements.json

@@ -90,20 +90,30 @@
       "events": [
         {
           "name": "open",
-          "description": "fires when the user card title is clicked"
+          "description": "fires when the card title is clicked"
         },
         {
           "name": "selected",
-          "description": "fires when the card is selected"
-        },
-        {
-          "name": "select",
           "description": "fires when the media card is selected"
         },
         {
-          "name": "unselect",
+          "name": "unselected",
           "description": "fires when the media card is unselected"
         }
+      ],
+      "slots": [
+        {
+          "name": "",
+          "description": "slot for the default content area"
+        },
+        {
+          "name": "tag",
+          "description": "slot for the tag with support for `<uui-tag>` elements"
+        },
+        {
+          "name": "actions",
+          "description": "slot for the actions with support for the `<uui-action-bar>` element"
+        }
       ]
     }
   ]

package/lib/index.js

@@ -1,5 +1,6 @@
-import { UUICardElement } from '@umbraco-ui/uui-card/lib';
 import { defineElement } from '@umbraco-ui/uui-base/lib/registration';
+import { demandCustomElement } from '@umbraco-ui/uui-base/lib/utils';
+import { UUICardElement } from '@umbraco-ui/uui-card/lib';
 import { css, html, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
 
@@ -19,6 +20,10 @@ let UUICardUserElement = class extends UUICardElement {
     super(...arguments);
     this.name = "";
   }
+  connectedCallback() {
+    super.connectedCallback();
+    demandCustomElement(this, "uui-avatar");
+  }
   render() {
     return html`
       <uui-avatar id="avatar" name=${this.name} size="m"></uui-avatar>

package/lib/uui-card-user.element.d.ts

@@ -1,9 +1,10 @@
 import { UUICardElement } from '@umbraco-ui/uui-card/lib';
 /**
  *  @element uui-card-user
- *  @fires {UUICardEvent} open - fires when the user card title is clicked
- *  @fires {UUICardEvent} selected - fires when the card is selected
  *  @description - Card component for displaying a user node.
+ *  @slot - slot for the default content area
+ *  @slot tag - slot for the tag with support for `<uui-tag>` elements
+ *  @slot actions - slot for the actions with support for the `<uui-action-bar>` element
  */
 export declare class UUICardUserElement extends UUICardElement {
     static styles: import("lit").CSSResult[];
@@ -14,6 +15,7 @@ export declare class UUICardUserElement extends UUICardElement {
      * @default ''
      */
     name: string;
+    connectedCallback(): void;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-card-user",
-  "version": "0.0.4",
+  "version": "0.2.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -31,9 +31,9 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-avatar": "^0.0.15",
-    "@umbraco-ui/uui-base": "0.0.17",
-    "@umbraco-ui/uui-card": "0.0.4"
+    "@umbraco-ui/uui-avatar": "0.2.0",
+    "@umbraco-ui/uui-base": "0.2.0",
+    "@umbraco-ui/uui-card": "0.2.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build --force && rollup -c rollup.config.js",
@@ -44,5 +44,5 @@
     "access": "public"
   },
   "homepage": "https://uui.umbraco.com/?path=/story/uui-card-user",
-  "gitHead": "3b7c6cf892e89054b2980b19d8c2f8bead2752e8"
+  "gitHead": "5494b55e03c9fb3ba8f160e693d3ce59c02d21cd"
 }