@umbraco-ui/uui-card-content-node 0.0.4 → 0.1.0

package/README.md

@@ -4,6 +4,10 @@
 
 Umbraco style card-content-node component.
 
+### See it in action
+
+Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-card-content-node)
+
 ## Installation
 
 ### ES imports

package/custom-elements.json

@@ -94,16 +94,30 @@
         },
         {
           "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": "icon",
+          "description": "slot for the icon with support for `<uui-icon>` elements"
+        },
+        {
+          "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, state } from 'lit/decorators.js';
 
@@ -25,6 +26,7 @@ let UUICardContentNodeElement = class extends UUICardElement {
     this._iconSlotHasContent = event.target.assignedNodes({ flatten: true }).length > 0;
   }
   _renderFallbackIcon() {
+    demandCustomElement(this, "uui-icon");
     return html`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`;
   }
   render() {

package/lib/uui-card-content-node.element.d.ts

@@ -1,9 +1,11 @@
 import { UUICardElement } from '@umbraco-ui/uui-card/lib';
 /**
  *  @element uui-card-content-node
- *  @fires {UUICardEvent} open - fires when the card title is clicked
- *  @fires {UUICardEvent} selected - fires when the card is selected
  *  @description - Card component for displaying a content-node.
+ *  @slot - slot for the default content area
+ *  @slot icon - slot for the icon with support for `<uui-icon>` elements
+ *  @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 UUICardContentNodeElement extends UUICardElement {
     static styles: import("lit").CSSResult[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-card-content-node",
-  "version": "0.0.4",
+  "version": "0.1.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,9 +30,9 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "0.0.17",
-    "@umbraco-ui/uui-card": "0.0.4",
-    "@umbraco-ui/uui-icon": "0.0.5"
+    "@umbraco-ui/uui-base": "0.1.0",
+    "@umbraco-ui/uui-card": "0.1.0",
+    "@umbraco-ui/uui-icon": "0.1.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build --force && rollup -c rollup.config.js",
@@ -43,5 +43,5 @@
     "access": "public"
   },
   "homepage": "https://uui.umbraco.com/?path=/story/uui-card-content-node",
-  "gitHead": "3b7c6cf892e89054b2980b19d8c2f8bead2752e8"
+  "gitHead": "9ed7860ce865d310b85bd1718f37b59db873aefd"
 }