@umbraco-ui/uui-card-content-node 1.14.0 → 1.15.0-rc.0

package/lib/index.js

@@ -59,7 +59,7 @@ let UUICardContentNodeElement = class extends UUICardElement {
       ${this.href ? __privateMethod(this, _UUICardContentNodeElement_instances, renderLink_fn).call(this) : __privateMethod(this, _UUICardContentNodeElement_instances, renderButton_fn).call(this)}
       <!-- Select border must be right after #open-part -->
       <div id="select-border"></div>
-
+      ${this.selectable ? this.renderCheckbox() : nothing}
       <slot name="tag"></slot>
       <slot name="actions"></slot>
     `;
@@ -83,27 +83,30 @@ renderContent_fn = function() {
     `;
 };
 renderButton_fn = function() {
-  return html`<button
-      id="open-part"
-      tabindex=${this.disabled ? nothing : 0}
-      @click=${this.handleOpenClick}
-      @keydown=${this.handleOpenKeydown}>
-      ${__privateMethod(this, _UUICardContentNodeElement_instances, renderContent_fn).call(this)}
-    </button>`;
+  const tabIndex = !this.disabled ? this.selectOnly ? -1 : 0 : void 0;
+  return html`
+      <button
+        id="open-part"
+        tabindex=${ifDefined(tabIndex)}
+        @click=${this.handleOpenClick}
+        @keydown=${this.handleOpenKeydown}>
+        ${__privateMethod(this, _UUICardContentNodeElement_instances, renderContent_fn).call(this)}
+      </button>
+    `;
 };
 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.rel || ifDefined(
-      this.target === "_blank" ? "noopener noreferrer" : void 0
-    )
-  )}>
-      ${__privateMethod(this, _UUICardContentNodeElement_instances, renderContent_fn).call(this)}
-    </a>`;
+  const tabIndex = !this.disabled ? this.selectOnly ? -1 : 0 : void 0;
+  const rel = this.target === "_blank" ? "noopener noreferrer" : void 0;
+  return html`
+      <a
+        id="open-part"
+        tabindex=${ifDefined(tabIndex)}
+        href=${ifDefined(!this.disabled ? this.href : void 0)}
+        target=${ifDefined(this.target || void 0)}
+        rel=${ifDefined(this.rel || rel)}>
+        ${__privateMethod(this, _UUICardContentNodeElement_instances, renderContent_fn).call(this)}
+      </a>
+    `;
 };
 UUICardContentNodeElement.styles = [
   ...UUICardElement.styles,
@@ -209,6 +212,11 @@ UUICardContentNodeElement.styles = [
       :host(:not([disabled])) #open-part:hover #default {
         color: var(--uui-color-interactive-emphasis,#3544b1);
       }
+
+      #select-checkbox {
+        top: var(--uui-size-5,15px);
+        left: var(--uui-size-6,18px);
+      }
     `
 ];
 __decorateClass([

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-card-content-node",
-  "version": "1.14.0",
+  "version": "1.15.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,9 +30,9 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.14.0",
-    "@umbraco-ui/uui-card": "1.14.0",
-    "@umbraco-ui/uui-icon": "1.14.0"
+    "@umbraco-ui/uui-base": "1.15.0-rc.0",
+    "@umbraco-ui/uui-card": "1.15.0-rc.0",
+    "@umbraco-ui/uui-icon": "1.15.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
@@ -43,5 +43,5 @@
     "access": "public"
   },
   "homepage": "https://uui.umbraco.com/?path=/story/uui-card-content-node",
-  "gitHead": "ce9a4d14f93b626822ebed268f92cf44295f13bd"
+  "gitHead": "7bc6ab964ec6b9ba1a628dce605c62f958bf8385"
 }