@umbraco-ui/uui-card-user 1.4.0-rc.1 → 1.4.0

package/custom-elements.json

@@ -23,6 +23,18 @@
           "type": "boolean",
           "default": "\"false\""
         },
+        {
+          "name": "href",
+          "description": "Set an href, this will turns the name of the card into an anchor tag.",
+          "type": "string",
+          "default": "\"undefined\""
+        },
+        {
+          "name": "target",
+          "description": "Set an anchor tag target, only used when using href.",
+          "type": "string",
+          "default": "\"undefined\""
+        },
         {
           "name": "select-only",
           "description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
@@ -67,6 +79,20 @@
           "type": "boolean",
           "default": "\"false\""
         },
+        {
+          "name": "href",
+          "attribute": "href",
+          "description": "Set an href, this will turns the name of the card into an anchor tag.",
+          "type": "string",
+          "default": "\"undefined\""
+        },
+        {
+          "name": "target",
+          "attribute": "target",
+          "description": "Set an anchor tag target, only used when using href.",
+          "type": "string",
+          "default": "\"undefined\""
+        },
         {
           "name": "selectOnly",
           "attribute": "select-only",
@@ -90,7 +116,7 @@
       "events": [
         {
           "name": "open",
-          "description": "fires when the card title is clicked"
+          "description": "fires when the card title is clicked."
         },
         {
           "name": "selected",

package/lib/index.js

@@ -3,6 +3,7 @@ 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';
+import { ifDefined } from 'lit/directives/if-defined.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -15,9 +16,25 @@ var __decorateClass = (decorators, target, key, kind) => {
     __defProp(target, key, result);
   return result;
 };
+var __accessCheck = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
+};
+var __privateAdd = (obj, member, value) => {
+  if (member.has(obj))
+    throw TypeError("Cannot add the same private member more than once");
+  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+};
+var __privateMethod = (obj, member, method) => {
+  __accessCheck(obj, member, "access private method");
+  return method;
+};
+var _renderButton, renderButton_fn, _renderLink, renderLink_fn;
 let UUICardUserElement = class extends UUICardElement {
   constructor() {
     super(...arguments);
+    __privateAdd(this, _renderButton);
+    __privateAdd(this, _renderLink);
     this.name = "";
   }
   connectedCallback() {
@@ -27,19 +44,36 @@ let UUICardUserElement = class extends UUICardElement {
   render() {
     return html`
       <uui-avatar id="avatar" name=${this.name} size="m"></uui-avatar>
-      <div
-        id="open-part"
-        tabindex=${this.disabled ? nothing : "0"}
-        @click=${this.handleOpenClick}
-        @keydown=${this.handleOpenKeydown}>
-        <span> ${this.name} </span>
-      </div>
+      ${this.href ? __privateMethod(this, _renderLink, renderLink_fn).call(this) : __privateMethod(this, _renderButton, renderButton_fn).call(this)}
       <slot></slot>
       <slot name="tag"></slot>
       <slot name="actions"></slot>
     `;
   }
 };
+_renderButton = new WeakSet();
+renderButton_fn = function() {
+  return html`<div
+      id="open-part"
+      tabindex=${this.disabled ? nothing : "0"}
+      @click=${this.handleOpenClick}
+      @keydown=${this.handleOpenKeydown}>
+      <span> ${this.name} </span>
+    </div>`;
+};
+_renderLink = new WeakSet();
+renderLink_fn = function() {
+  return html`<a
+      id="open-part"
+      tabindex=${this.disabled ? nothing : "0"}
+      href=${ifDefined(!this.disabled ? this.href : void 0)}
+      target=${ifDefined(this.target || void 0)}
+      rel=${ifDefined(
+    this.target === "_blank" ? "noopener noreferrer" : void 0
+  )}>
+      <span>${this.name}</span>
+    </a>`;
+};
 UUICardUserElement.styles = [
   ...UUICardElement.styles,
   css`

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

@@ -7,6 +7,7 @@ import { UUICardElement } from '@umbraco-ui/uui-card/lib';
  *  @slot actions - slot for the actions with support for the `<uui-action-bar>` element
  */
 export declare class UUICardUserElement extends UUICardElement {
+    #private;
     static styles: import("lit").CSSResult[];
     /**
      * User name

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-card-user",
-  "version": "1.4.0-rc.1",
+  "version": "1.4.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -31,9 +31,9 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-avatar": "1.4.0-rc.1",
-    "@umbraco-ui/uui-base": "1.4.0-rc.1",
-    "@umbraco-ui/uui-card": "1.4.0-rc.1"
+    "@umbraco-ui/uui-avatar": "1.4.0",
+    "@umbraco-ui/uui-base": "1.4.0",
+    "@umbraco-ui/uui-card": "1.4.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": "2ecc805ac912c25d89bc96eaf7f50b97aa85fff0"
+  "gitHead": "09437426b75b875ea93d7ab61b489d3817d81d96"
 }