@umbraco-ui/uui-base
Advanced tools
Comparing version 0.2.0 to 0.2.1
@@ -142,2 +142,3 @@ import { property, state } from 'lit/decorators.js'; | ||
this.selected = false; | ||
this.selectableTarget = this; | ||
this.addEventListener("click", this._handleClick); | ||
@@ -156,6 +157,8 @@ this.addEventListener("keydown", this.handleSelectKeydown); | ||
handleSelectKeydown(e) { | ||
if (e.key !== " " && e.key !== "Enter") | ||
return; | ||
e.preventDefault(); | ||
this._handleClick(); | ||
if (e.composedPath().indexOf(this.selectableTarget) !== -1) { | ||
if (e.key !== " " && e.key !== "Enter") | ||
return; | ||
e.preventDefault(); | ||
this._toggleSelect(); | ||
} | ||
} | ||
@@ -174,3 +177,8 @@ _select() { | ||
} | ||
_handleClick() { | ||
_handleClick(e) { | ||
if (e.composedPath().indexOf(this.selectableTarget) !== -1) { | ||
this._toggleSelect(); | ||
} | ||
} | ||
_toggleSelect() { | ||
if (this.unselectable === false) { | ||
@@ -177,0 +185,0 @@ this._select(); |
@@ -7,2 +7,3 @@ import { LitElement } from 'lit'; | ||
selected: boolean; | ||
selectableTarget: EventTarget; | ||
} | ||
@@ -9,0 +10,0 @@ /** |
{ | ||
"name": "@umbraco-ui/uui-base", | ||
"version": "0.2.0", | ||
"version": "0.2.1", | ||
"license": "MIT", | ||
@@ -37,3 +37,3 @@ "keywords": [ | ||
"homepage": "https://uui.umbraco.com/?path=/story/uui-base", | ||
"gitHead": "5494b55e03c9fb3ba8f160e693d3ce59c02d21cd" | ||
"gitHead": "cb61546f85d6c2f122fa8c130409507e8def4bd5" | ||
} |
33960
855