2.0.3 (#208)

* Fixes #206, Fixes #195 (#207)

* Fixes #206

* Return original value if !value in _getTemplateOrValue

* Fixes #195 IOS 13 tap behaviour

* Bump patch version

package.json

@@ -1,6 +1,6 @@
 {
   "name": "button-card",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "description": "Button card for lovelace",
   "main": "dist/button-card.js",
   "pre-commit": [
@@ -46,6 +46,7 @@
     "prettier": "^1.18.2",
     "rollup": "^1.17.0",
     "rollup-plugin-babel": "^4.3.3",
+    "rollup-plugin-commonjs": "^10.0.1",
     "rollup-plugin-json": "^4.0.0",
     "rollup-plugin-node-resolve": "^4.2.4",
     "rollup-plugin-terser": "^4.0.4",
@@ -56,6 +57,7 @@
   },
   "dependencies": {
     "@ctrl/tinycolor": "^2.5.3",
+    "bowser": "^2.5.2",
     "custom-card-helpers": "^1.2.2",
     "home-assistant-js-websocket": "^3.4.0",
     "lit-element": "^2.2.0",

rollup.config.js

@@ -1,4 +1,5 @@
 import resolve from 'rollup-plugin-node-resolve';
+import commonjs from 'rollup-plugin-commonjs';
 import typescript from 'rollup-plugin-typescript2';
 import json from 'rollup-plugin-json';
 import babel from 'rollup-plugin-babel';
@@ -13,6 +14,9 @@ export default {
   },
   plugins: [
     resolve(),
+    commonjs({
+      namedExports: { bowser: ['getParser'] },
+    }),
     typescript(),
     json(),
     babel({

rollup.debug.config.js

@@ -1,4 +1,5 @@
 import resolve from 'rollup-plugin-node-resolve';
+import commonjs from 'rollup-plugin-commonjs';
 import typescript from 'rollup-plugin-typescript2';
 import json from 'rollup-plugin-json';
 import babel from 'rollup-plugin-babel';
@@ -12,6 +13,9 @@ export default {
   },
   plugins: [
     resolve(),
+    commonjs({
+      namedExports: { bowser: ['getParser'] },
+    }),
     typescript(),
     json(),
     babel({

src/button-card.ts

@@ -215,7 +215,7 @@ class ButtonCard extends LitElement {
     value: any | undefined,
   ): any | undefined {
     if (['number', 'boolean'].includes(typeof value)) return value;
-    if (!value) return undefined;
+    if (!value) return value;
     const trimmed = value.trim();
     if (
       trimmed.substring(0, 3) === '[[['
@@ -796,6 +796,9 @@ class ButtonCard extends LitElement {
     const configDuplicate = JSON.parse(JSON.stringify(config));
     /* eslint no-param-reassign: 0 */
     const __evalObject = (configEval: any): any => {
+      if (!configEval) {
+        return configEval;
+      }
       Object.keys(configEval).forEach((key) => {
         if (typeof configEval[key] === 'object') {
           configEval[key] = __evalObject(configEval[key]);

src/long-press.ts

@@ -1,4 +1,5 @@
 import { directive, PropertyPart } from 'lit-html';
+import * as Bowser from 'bowser';
 // See https://github.com/home-assistant/home-assistant-polymer/pull/2457
 // on how to undo mwc -> paper migration
 // import '@material/mwc-ripple';
@@ -179,11 +180,19 @@ class LongPress extends HTMLElement implements LongPress {
       window.setTimeout(() => (this.cooldownEnd = false), 100);
     };
 
+    const br = Bowser.getParser(window.navigator.userAgent);
+    const isCrazyBrowser = br.satisfies({
+      mobile: {
+        safari: '>=13',
+      },
+    });
     element.addEventListener('touchstart', clickStart, { passive: true });
     element.addEventListener('touchend', clickEnd);
     element.addEventListener('touchcancel', clickEnd);
-    element.addEventListener('mousedown', clickStart, { passive: true });
-    element.addEventListener('click', clickEnd);
+    if (!isCrazyBrowser) {
+      element.addEventListener('mousedown', clickStart, { passive: true });
+      element.addEventListener('click', clickEnd);
+    }
   }
 
   private startAnimation(x: number, y: number) {