diff --git a/package.json b/package.json index bb9c284..7086036 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@tp/tp-multi-toggle", - "version": "1.1.0", + "version": "1.2.0", "description": "", "main": "tp-multi-toggle.js", "scripts": { diff --git a/tp-multi-toggle.js b/tp-multi-toggle.js index 7a387aa..d9a8dcf 100644 --- a/tp-multi-toggle.js +++ b/tp-multi-toggle.js @@ -62,6 +62,16 @@ class TpMultiToggle extends FormElement(LitElement) { } } + set value(val) { + this.querySelectorAll('tp-button').forEach(el => { + if (el.getAttribute(this.attr || 'id') === val) { + el.setAttribute('selected', ''); + } else { + el.removeAttribute('selected'); + } + }); + } + constructor() { super(); this.boundClick = this.onClick.bind(this);