From 4f7c7e658d4b9689ef8707c70a541d26d592bcec Mon Sep 17 00:00:00 2001 From: Adam Bradley Date: Mon, 8 Jan 2018 20:24:02 -0600 Subject: [PATCH] chore(update): stencil 0.1.1 --- packages/core/package-lock.json | 581 ++++++++++++++---- packages/core/package.json | 4 +- .../alert-controller/alert-controller.tsx | 3 +- .../core/src/components/checkbox/checkbox.tsx | 6 +- .../core/src/components/datetime/datetime.tsx | 4 +- .../core/src/components/fab-list/fab-list.tsx | 4 +- .../core/src/components/gesture/gesture.tsx | 6 +- .../infinite-scroll/infinite-scroll.tsx | 8 +- packages/core/src/components/input/input.tsx | 11 +- packages/core/src/components/menu/menu.tsx | 14 +- .../components/radio-group/radio-group.tsx | 4 +- packages/core/src/components/radio/radio.tsx | 8 +- packages/core/src/components/range/range.tsx | 9 +- .../reorder-group/reorder-group.tsx | 4 +- .../core/src/components/scroll/scroll.tsx | 5 +- .../src/components/searchbar/searchbar.tsx | 5 +- .../core/src/components/segment/segment.tsx | 4 +- .../core/src/components/select/select.tsx | 6 +- .../core/src/components/slides/slides.tsx | 6 +- .../src/components/split-pane/split-pane.tsx | 4 +- packages/core/src/components/tab/tab.tsx | 5 +- .../core/src/components/tabbar/tabbar.tsx | 8 +- .../core/src/components/textarea/textarea.tsx | 9 +- .../core/src/components/toggle/toggle.tsx | 6 +- 24 files changed, 539 insertions(+), 185 deletions(-) diff --git a/packages/core/package-lock.json b/packages/core/package-lock.json index 524f5d4c70..7b805db35b 100644 --- a/packages/core/package-lock.json +++ b/packages/core/package-lock.json @@ -14,26 +14,319 @@ } }, "@stencil/core": { - "version": "0.1.1-0", - "resolved": "https://registry.npmjs.org/@stencil/core/-/core-0.1.1-0.tgz", - "integrity": "sha512-F4frvyNcIJoWO+ht2Hw8nT7TS7IN0/WKx4vGUbdKWnSvIN4/V+gO5pu/Um3MccSEDFnp+VYMKEZk99scF2wX2g==", + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/@stencil/core/-/core-0.1.1.tgz", + "integrity": "sha512-3kXa0JHdVF14yL7B98cpb99hURXHCdrZbdXAwBvNqF+aEwh0cMuW7UuX/53lCUytbTdZbhkaYL4njjHHAk9h9A==", "dev": true, "requires": { "chokidar": "1.7.0", - "jsdom": "11.3.0", - "node-sass": "4.5.3", - "rollup": "0.50.0", - "rollup-plugin-commonjs": "8.2.5", + "jsdom": "11.5.1", + "node-sass": "4.7.2", + "rollup": "0.53.2", + "rollup-plugin-commonjs": "8.2.6", "rollup-plugin-node-resolve": "3.0.0", "typescript": "2.6.2", - "uglify-es": "3.1.6", - "workbox-build": "2.1.1" + "uglify-es": "3.3.2", + "workbox-build": "3.0.0-alpha.3" + }, + "dependencies": { + "assert-plus": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-0.2.0.tgz", + "integrity": "sha1-104bh+ev/A24qttwIfP+SBAasjQ=", + "dev": true + }, + "aws-sign2": { + "version": "0.6.0", + "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.6.0.tgz", + "integrity": "sha1-FDQt0428yU0OW4fXY81jYSwOeU8=", + "dev": true + }, + "boom": { + "version": "2.10.1", + "resolved": "https://registry.npmjs.org/boom/-/boom-2.10.1.tgz", + "integrity": "sha1-OciRjO/1eZ+D+UkqhI9iWt0Mdm8=", + "dev": true, + "requires": { + "hoek": "2.16.3" + } + }, + "caseless": { + "version": "0.11.0", + "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.11.0.tgz", + "integrity": "sha1-cVuW6phBWTzDMGeSP17GDr2k99c=", + "dev": true + }, + "cryptiles": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/cryptiles/-/cryptiles-2.0.5.tgz", + "integrity": "sha1-O9/s3GCBR8HGcgL6KR59ylnqo7g=", + "dev": true, + "requires": { + "boom": "2.10.1" + } + }, + "form-data": { + "version": "2.1.4", + "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.1.4.tgz", + "integrity": "sha1-M8GDrPGTJ27KqYFDpp6Uv+4XUNE=", + "dev": true, + "requires": { + "asynckit": "0.4.0", + "combined-stream": "1.0.5", + "mime-types": "2.1.17" + } + }, + "fs-extra": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-4.0.3.tgz", + "integrity": "sha512-q6rbdDd1o2mAnQreO7YADIxf/Whx4AHBiRf6d+/cVT8h44ss+lHgxf1FemcqDnQt9X3ct4McHr+JMGlYSsK7Cg==", + "dev": true, + "requires": { + "graceful-fs": "4.1.11", + "jsonfile": "4.0.0", + "universalify": "0.1.1" + } + }, + "har-validator": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-2.0.6.tgz", + "integrity": "sha1-zcvAgYgmWtEZtqWnyKtw7s+10n0=", + "dev": true, + "requires": { + "chalk": "1.1.3", + "commander": "2.11.0", + "is-my-json-valid": "2.17.1", + "pinkie-promise": "2.0.1" + } + }, + "hawk": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/hawk/-/hawk-3.1.3.tgz", + "integrity": "sha1-B4REvXwWQLD+VA0sm3PVlnjo4cQ=", + "dev": true, + "requires": { + "boom": "2.10.1", + "cryptiles": "2.0.5", + "hoek": "2.16.3", + "sntp": "1.0.9" + } + }, + "hoek": { + "version": "2.16.3", + "resolved": "https://registry.npmjs.org/hoek/-/hoek-2.16.3.tgz", + "integrity": "sha1-ILt0A9POo5jpHcRxCo/xuCdKJe0=", + "dev": true + }, + "http-signature": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.1.1.tgz", + "integrity": "sha1-33LiZwZs0Kxn+3at+OE0qPvPkb8=", + "dev": true, + "requires": { + "assert-plus": "0.2.0", + "jsprim": "1.4.1", + "sshpk": "1.13.1" + } + }, + "jsdom": { + "version": "11.5.1", + "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-11.5.1.tgz", + "integrity": "sha512-89ztIZ03aYK9f1uUrLXLsZndRge/JnZjzjpaN+lrse3coqz+8PR/dX4WLHpbF5fIKTXhDjFODOJw2328lPJ90g==", + "dev": true, + "requires": { + "abab": "1.0.4", + "acorn": "5.3.0", + "acorn-globals": "4.1.0", + "array-equal": "1.0.0", + "browser-process-hrtime": "0.1.2", + "content-type-parser": "1.0.2", + "cssom": "0.3.2", + "cssstyle": "0.2.37", + "domexception": "1.0.0", + "escodegen": "1.9.0", + "html-encoding-sniffer": "1.0.2", + "left-pad": "1.2.0", + "nwmatcher": "1.4.3", + "parse5": "3.0.3", + "pn": "1.1.0", + "request": "2.83.0", + "request-promise-native": "1.0.5", + "sax": "1.2.4", + "symbol-tree": "3.2.2", + "tough-cookie": "2.3.3", + "webidl-conversions": "4.0.2", + "whatwg-encoding": "1.0.3", + "whatwg-url": "6.4.0", + "xml-name-validator": "2.0.1" + } + }, + "jsonfile": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz", + "integrity": "sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=", + "dev": true, + "requires": { + "graceful-fs": "4.1.11" + } + }, + "node-sass": { + "version": "4.7.2", + "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-4.7.2.tgz", + "integrity": "sha512-CaV+wLqZ7//Jdom5aUFCpGNoECd7BbNhjuwdsX/LkXBrHl8eb1Wjw4HvWqcFvhr5KuNgAk8i/myf/MQ1YYeroA==", + "dev": true, + "requires": { + "async-foreach": "0.1.3", + "chalk": "1.1.3", + "cross-spawn": "3.0.1", + "gaze": "1.1.2", + "get-stdin": "4.0.1", + "glob": "7.1.2", + "in-publish": "2.0.0", + "lodash.assign": "4.2.0", + "lodash.clonedeep": "4.5.0", + "lodash.mergewith": "4.6.0", + "meow": "3.7.0", + "mkdirp": "0.5.1", + "nan": "2.8.0", + "node-gyp": "3.6.2", + "npmlog": "4.1.2", + "request": "2.79.0", + "sass-graph": "2.2.4", + "stdout-stream": "1.4.0", + "true-case-path": "1.0.2" + }, + "dependencies": { + "request": { + "version": "2.79.0", + "resolved": "https://registry.npmjs.org/request/-/request-2.79.0.tgz", + "integrity": "sha1-Tf5b9r6LjNw3/Pk+BLZVd3InEN4=", + "dev": true, + "requires": { + "aws-sign2": "0.6.0", + "aws4": "1.6.0", + "caseless": "0.11.0", + "combined-stream": "1.0.5", + "extend": "3.0.1", + "forever-agent": "0.6.1", + "form-data": "2.1.4", + "har-validator": "2.0.6", + "hawk": "3.1.3", + "http-signature": "1.1.1", + "is-typedarray": "1.0.0", + "isstream": "0.1.2", + "json-stringify-safe": "5.0.1", + "mime-types": "2.1.17", + "oauth-sign": "0.8.2", + "qs": "6.3.2", + "stringstream": "0.0.5", + "tough-cookie": "2.3.3", + "tunnel-agent": "0.4.3", + "uuid": "3.1.0" + } + } + } + }, + "qs": { + "version": "6.3.2", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.3.2.tgz", + "integrity": "sha1-51vV9uJoEioqDgvaYwslUMFmUCw=", + "dev": true + }, + "rollup": { + "version": "0.53.2", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-0.53.2.tgz", + "integrity": "sha512-7KbFOFV9FSxPYmcTi+0LuciI0uixNAz7F1B7u05QxXxVVV8FcFazpd19C/ybLz5//NP4N2L8rmnK0mT9ki+NvA==", + "dev": true + }, + "rollup-plugin-commonjs": { + "version": "8.2.6", + "resolved": "https://registry.npmjs.org/rollup-plugin-commonjs/-/rollup-plugin-commonjs-8.2.6.tgz", + "integrity": "sha512-qK0+uhktmnAgZkHkqFuajNmPw93fjrO7+CysDaxWE5jrUR9XSlSvuao5ZJP+XizxA8weakhgYYBtbVz9SGBpjA==", + "dev": true, + "requires": { + "acorn": "5.3.0", + "estree-walker": "0.5.1", + "magic-string": "0.22.4", + "resolve": "1.5.0", + "rollup-pluginutils": "2.0.1" + } + }, + "sntp": { + "version": "1.0.9", + "resolved": "https://registry.npmjs.org/sntp/-/sntp-1.0.9.tgz", + "integrity": "sha1-ZUEYTMkK7qbG57NeJlkIJEPGYZg=", + "dev": true, + "requires": { + "hoek": "2.16.3" + } + }, + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true + }, + "tunnel-agent": { + "version": "0.4.3", + "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.4.3.tgz", + "integrity": "sha1-Y3PbdpCf5XDgjXNYM2Xtgop07us=", + "dev": true + }, + "uglify-es": { + "version": "3.3.2", + "resolved": "https://registry.npmjs.org/uglify-es/-/uglify-es-3.3.2.tgz", + "integrity": "sha512-g7rGvx7YiFROLXKUtFMTw+YpTVV/XXPNvDUQfzwDTcB3vINwLUr3qXnkcPCu8VCIVjxI2EqaZ+sHoAxcYE/98w==", + "dev": true, + "requires": { + "commander": "2.12.2", + "source-map": "0.6.1" + }, + "dependencies": { + "commander": { + "version": "2.12.2", + "resolved": "https://registry.npmjs.org/commander/-/commander-2.12.2.tgz", + "integrity": "sha512-BFnaq5ZOGcDN7FlrtBT4xxkgIToalIIxwjxLWVJ8bGTpe1LroqMiqQXdA7ygc7CRvaYS+9zfPGFnJqFSayx+AA==", + "dev": true + } + } + }, + "workbox-build": { + "version": "3.0.0-alpha.3", + "resolved": "https://registry.npmjs.org/workbox-build/-/workbox-build-3.0.0-alpha.3.tgz", + "integrity": "sha512-/qXXoujDFXCXnnf1ZOJE7JNgoDsz8KI9EN/9B3IjTGHrfB8d9ecNRdiiyHYcy/i1h6ag+8BUrKgdQc7J/8I/wQ==", + "dev": true, + "requires": { + "babel-runtime": "6.26.0", + "common-tags": "1.6.0", + "fs-extra": "4.0.3", + "glob": "7.1.2", + "joi": "11.4.0", + "lodash.template": "4.4.0", + "workbox-background-sync": "3.0.0-alpha.3", + "workbox-broadcast-cache-update": "3.0.0-alpha.3", + "workbox-cache-expiration": "3.0.0-alpha.3", + "workbox-cacheable-response": "3.0.0-alpha.3", + "workbox-core": "3.0.0-alpha.3", + "workbox-google-analytics": "3.0.0-alpha.3", + "workbox-precaching": "3.0.0-alpha.3", + "workbox-routing": "3.0.0-alpha.3", + "workbox-strategies": "3.0.0-alpha.3", + "workbox-sw": "3.0.0-alpha.3" + } + }, + "workbox-sw": { + "version": "3.0.0-alpha.3", + "resolved": "https://registry.npmjs.org/workbox-sw/-/workbox-sw-3.0.0-alpha.3.tgz", + "integrity": "sha512-TnRubT1RlSDZkZE4G8lUW/CuDNAHM2jw/ai4r987E51bjT09Xys824cTbL5tYWUD63SqnJCglcOWiFNdgEtkVA==", + "dev": true + } } }, "@stencil/dev-server": { - "version": "0.0.18-0", - "resolved": "https://registry.npmjs.org/@stencil/dev-server/-/dev-server-0.0.18-0.tgz", - "integrity": "sha512-NO61g5gj3dd+103nDr7MIzK0r4GzE370+dZAflWIxUPQPUXlCLetWVZ1L/BlGlNzmjYFaMdiVRdie3NLx2ewjQ==", + "version": "0.0.18-1", + "resolved": "https://registry.npmjs.org/@stencil/dev-server/-/dev-server-0.0.18-1.tgz", + "integrity": "sha512-vcScnv0QPYQ4QBaHpYc19CudYjWCot32J7LaymZhSYqEI6eo8n0dYVFy7N1979we5L/x252+6vOzx66hvMfs9Q==", "dev": true, "requires": { "@ionic/discover": "0.3.3", @@ -723,6 +1016,12 @@ "repeat-element": "1.1.2" } }, + "browser-process-hrtime": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/browser-process-hrtime/-/browser-process-hrtime-0.1.2.tgz", + "integrity": "sha1-Ql1opY00R/AqBKqJQYf86K+Le44=", + "dev": true + }, "browser-resolve": { "version": "1.11.2", "resolved": "https://registry.npmjs.org/browser-resolve/-/browser-resolve-1.11.2.tgz", @@ -1000,6 +1299,15 @@ "integrity": "sha512-b0553uYA5YAEGgyYIGYROzKQ7X5RAqedkfjiZxwi0kL1g3bOaBNNZfYkzt/CL0umgD5wc9Jec2FbB98CjkMRvQ==", "dev": true }, + "common-tags": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/common-tags/-/common-tags-1.6.0.tgz", + "integrity": "sha512-sgmgEodNLbxnSSoR5a2xH23CoDJ9J5MKsJS/tqplfmJLpikG0oWMpAb+tM8ERQCMpp9I+ERf6SYl158G6GwX0w==", + "dev": true, + "requires": { + "babel-runtime": "6.26.0" + } + }, "concat-map": { "version": "0.0.1", "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", @@ -3718,6 +4026,23 @@ "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=", "dev": true }, + "isemail": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/isemail/-/isemail-3.0.0.tgz", + "integrity": "sha512-rz0ng/c+fX+zACpLgDB8fnUQ845WSU06f4hlhk4K8TJxmR6f5hyvitu9a9JdMD7aq/P4E0XdG1uaab2OiXgHlA==", + "dev": true, + "requires": { + "punycode": "2.1.0" + }, + "dependencies": { + "punycode": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.0.tgz", + "integrity": "sha1-X4Y+3Im5bbCQdLrXlHvwkFbKTn0=", + "dev": true + } + } + }, "isexe": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", @@ -4864,6 +5189,17 @@ } } }, + "joi": { + "version": "11.4.0", + "resolved": "https://registry.npmjs.org/joi/-/joi-11.4.0.tgz", + "integrity": "sha512-O7Uw+w/zEWgbL6OcHbyACKSj0PkQeUgmehdoXVSxt92QFCq4+1390Rwh5moI2K/OgC7D8RHRZqHZxT2husMJHA==", + "dev": true, + "requires": { + "hoek": "4.2.0", + "isemail": "3.0.0", + "topo": "2.0.2" + } + }, "js-base64": { "version": "2.4.0", "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.4.0.tgz", @@ -4901,36 +5237,6 @@ "dev": true, "optional": true }, - "jsdom": { - "version": "11.3.0", - "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-11.3.0.tgz", - "integrity": "sha512-aPZTDl4MplzQhx5bLztk6nzjbEslmO3Q3+z0WpCMutL1XJDhZIRzir6R1Y8S84LgeT/7jhQvgtUMkY6oPwvlUw==", - "dev": true, - "requires": { - "abab": "1.0.4", - "acorn": "5.3.0", - "acorn-globals": "4.1.0", - "array-equal": "1.0.0", - "content-type-parser": "1.0.2", - "cssom": "0.3.2", - "cssstyle": "0.2.37", - "domexception": "1.0.0", - "escodegen": "1.9.0", - "html-encoding-sniffer": "1.0.2", - "nwmatcher": "1.4.3", - "parse5": "3.0.3", - "pn": "1.1.0", - "request": "2.83.0", - "request-promise-native": "1.0.5", - "sax": "1.2.4", - "symbol-tree": "3.2.2", - "tough-cookie": "2.3.3", - "webidl-conversions": "4.0.2", - "whatwg-encoding": "1.0.3", - "whatwg-url": "6.4.0", - "xml-name-validator": "2.0.1" - } - }, "jsesc": { "version": "1.3.0", "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-1.3.0.tgz", @@ -5096,6 +5402,12 @@ "invert-kv": "1.0.0" } }, + "left-pad": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/left-pad/-/left-pad-1.2.0.tgz", + "integrity": "sha1-0wpzxrggHY99jnlWupYWCHpo4O4=", + "dev": true + }, "leven": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/leven/-/leven-2.1.0.tgz", @@ -5811,32 +6123,6 @@ "which": "1.3.0" } }, - "node-sass": { - "version": "4.5.3", - "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-4.5.3.tgz", - "integrity": "sha1-0JydEXlkEjnRuX/8YjH9zsU+FWg=", - "dev": true, - "requires": { - "async-foreach": "0.1.3", - "chalk": "1.1.3", - "cross-spawn": "3.0.1", - "gaze": "1.1.2", - "get-stdin": "4.0.1", - "glob": "7.1.2", - "in-publish": "2.0.0", - "lodash.assign": "4.2.0", - "lodash.clonedeep": "4.5.0", - "lodash.mergewith": "4.6.0", - "meow": "3.7.0", - "mkdirp": "0.5.1", - "nan": "2.8.0", - "node-gyp": "3.6.2", - "npmlog": "4.1.2", - "request": "2.83.0", - "sass-graph": "2.2.4", - "stdout-stream": "1.4.0" - } - }, "nopt": { "version": "3.0.6", "resolved": "https://registry.npmjs.org/nopt/-/nopt-3.0.6.tgz", @@ -6899,25 +7185,6 @@ "glob": "7.1.2" } }, - "rollup": { - "version": "0.50.0", - "resolved": "https://registry.npmjs.org/rollup/-/rollup-0.50.0.tgz", - "integrity": "sha512-7RqCBQ9iwsOBPkjYgoIaeUij606mSkDMExP0NT7QDI3bqkHYQHrQ83uoNIXwPcQm/vP2VbsUz3kiyZZ1qPlLTQ==", - "dev": true - }, - "rollup-plugin-commonjs": { - "version": "8.2.5", - "resolved": "https://registry.npmjs.org/rollup-plugin-commonjs/-/rollup-plugin-commonjs-8.2.5.tgz", - "integrity": "sha512-RxzILEgDOFvUgnuPVXNCfZ5f7Mv6RlQ1OyW925kmWRCgmV2V+g6G5qmKUmgW2HUQxp0YqqvRkqbez4Q/o6fRog==", - "dev": true, - "requires": { - "acorn": "5.3.0", - "estree-walker": "0.5.1", - "magic-string": "0.22.4", - "resolve": "1.5.0", - "rollup-pluginutils": "2.0.1" - } - }, "rollup-plugin-node-resolve": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/rollup-plugin-node-resolve/-/rollup-plugin-node-resolve-3.0.0.tgz", @@ -7559,6 +7826,15 @@ "integrity": "sha1-uDVx+k2MJbguIxsG46MFXeTKGkc=", "dev": true }, + "topo": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/topo/-/topo-2.0.2.tgz", + "integrity": "sha1-zVYVdSU5BXwNwEkaYhw7xvvh0YI=", + "dev": true, + "requires": { + "hoek": "4.2.0" + } + }, "tough-cookie": { "version": "2.3.3", "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.3.3.tgz", @@ -7597,6 +7873,30 @@ "integrity": "sha1-yy4SAwZ+DI3h9hQJS5/kVwTqYAM=", "dev": true }, + "true-case-path": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/true-case-path/-/true-case-path-1.0.2.tgz", + "integrity": "sha1-fskRMJJHZsf1c74wIMNPj9/QDWI=", + "dev": true, + "requires": { + "glob": "6.0.4" + }, + "dependencies": { + "glob": { + "version": "6.0.4", + "resolved": "https://registry.npmjs.org/glob/-/glob-6.0.4.tgz", + "integrity": "sha1-DwiGD2oVUSey+t1PnOJLGqtuTSI=", + "dev": true, + "requires": { + "inflight": "1.0.6", + "inherits": "2.0.3", + "minimatch": "3.0.4", + "once": "1.4.0", + "path-is-absolute": "1.0.1" + } + } + } + }, "tslib": { "version": "1.8.1", "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.8.1.tgz", @@ -7755,24 +8055,6 @@ "integrity": "sha1-PFtv1/beCRQmkCfwPAlGdY92c6Q=", "dev": true }, - "uglify-es": { - "version": "3.1.6", - "resolved": "https://registry.npmjs.org/uglify-es/-/uglify-es-3.1.6.tgz", - "integrity": "sha512-7zyH8T4rT3/iLVzNI7Oa8hVQSlv280S8y2/a2EmvEObft3067rdUJJKjBspc70d0HUk1Og1V5Ny4UgZOlZ0hSg==", - "dev": true, - "requires": { - "commander": "2.11.0", - "source-map": "0.6.1" - }, - "dependencies": { - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "dev": true - } - } - }, "uglify-to-browserify": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/uglify-to-browserify/-/uglify-to-browserify-1.0.2.tgz", @@ -8069,26 +8351,87 @@ "integrity": "sha1-J1hIEIkUVqQXHI0CJkQa3pDLyus=", "dev": true }, - "workbox-build": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/workbox-build/-/workbox-build-2.1.1.tgz", - "integrity": "sha512-YDgTur17Sm2dqpL7+y0+LYskgwi2kuUFZNIvVncuhwj4v2rnN18aBk/6MtHllDrWtozJl6NMbvvtgH2UNRBydg==", + "workbox-background-sync": { + "version": "3.0.0-alpha.3", + "resolved": "https://registry.npmjs.org/workbox-background-sync/-/workbox-background-sync-3.0.0-alpha.3.tgz", + "integrity": "sha512-kx3CTTt40+a+whAYgk7y4H+EVcfdV/rijGk4G+KVcgvFsLxTipwXeBf5qix7qWYPxuESpEnoFSMkq522i11tKg==", "dev": true, "requires": { - "chalk": "1.1.3", - "fs-extra": "3.0.1", - "glob": "7.1.2", - "lodash.template": "4.4.0", - "mkdirp": "0.5.1", - "workbox-sw": "2.1.2" + "workbox-core": "3.0.0-alpha.3" } }, - "workbox-sw": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/workbox-sw/-/workbox-sw-2.1.2.tgz", - "integrity": "sha512-ZGOM57FWD4mnH7qCSQS7XCPX4RzuyUpqb67j68jw4/VNAmGt/1/hq63Md8N++B3tj5dulgGGDC4EBTU2LpPkIg==", + "workbox-broadcast-cache-update": { + "version": "3.0.0-alpha.3", + "resolved": "https://registry.npmjs.org/workbox-broadcast-cache-update/-/workbox-broadcast-cache-update-3.0.0-alpha.3.tgz", + "integrity": "sha512-HKX+ij82lkKFTMrpPaL5yUe+qARksLhnaFDrLP0lcm78hYq+9S5/uMWuz04llyOZW44NnyECA4RouQrOcwkURg==", + "dev": true, + "requires": { + "workbox-core": "3.0.0-alpha.3" + } + }, + "workbox-cache-expiration": { + "version": "3.0.0-alpha.3", + "resolved": "https://registry.npmjs.org/workbox-cache-expiration/-/workbox-cache-expiration-3.0.0-alpha.3.tgz", + "integrity": "sha512-DF4Ky9YmyIfjQd2lKPBMnmQnieUJ4cbq2hdgQv5ullE8Anj+hQSh3+zGYHtWSnddikUmr49pNJ7nzWN0Lj0Ryg==", + "dev": true, + "requires": { + "workbox-core": "3.0.0-alpha.3" + } + }, + "workbox-cacheable-response": { + "version": "3.0.0-alpha.3", + "resolved": "https://registry.npmjs.org/workbox-cacheable-response/-/workbox-cacheable-response-3.0.0-alpha.3.tgz", + "integrity": "sha512-5ATlFE/mm4kelT6PBChUmSs/f2grrNqkRYsKLft9zUGufRRFaa/LmETOsp8qRnfSyXpqn7Y91rdu+0zU9hQ8xQ==", + "dev": true, + "requires": { + "workbox-core": "3.0.0-alpha.3" + } + }, + "workbox-core": { + "version": "3.0.0-alpha.3", + "resolved": "https://registry.npmjs.org/workbox-core/-/workbox-core-3.0.0-alpha.3.tgz", + "integrity": "sha512-Fb9DeLZya2ryrgM7MPuqULyBY3BapsvCg4JYB4Ub3+baSZTL5opnVk3ZNzYO1NrPSbw7pDjlUWcC/0pHOXPutQ==", "dev": true }, + "workbox-google-analytics": { + "version": "3.0.0-alpha.3", + "resolved": "https://registry.npmjs.org/workbox-google-analytics/-/workbox-google-analytics-3.0.0-alpha.3.tgz", + "integrity": "sha512-UCxWd6pFokXjDShjar5k3F5sOTuRmrS8iTZQdmz0Rl8faKOaNYfZ9e2nIOkvvrUP7M5NTP+SRz1QRbpHjUmcJg==", + "dev": true, + "requires": { + "workbox-background-sync": "3.0.0-alpha.3", + "workbox-core": "3.0.0-alpha.3", + "workbox-routing": "3.0.0-alpha.3", + "workbox-strategies": "3.0.0-alpha.3" + } + }, + "workbox-precaching": { + "version": "3.0.0-alpha.3", + "resolved": "https://registry.npmjs.org/workbox-precaching/-/workbox-precaching-3.0.0-alpha.3.tgz", + "integrity": "sha512-II2prud4ZlWTRQwCtQXf4tD9AJyyPTO04nwEjgpOF3WJfHbPwaA/bif0ej+32JjZd3P9YvLiSciAExkm0bJs/A==", + "dev": true, + "requires": { + "workbox-core": "3.0.0-alpha.3" + } + }, + "workbox-routing": { + "version": "3.0.0-alpha.3", + "resolved": "https://registry.npmjs.org/workbox-routing/-/workbox-routing-3.0.0-alpha.3.tgz", + "integrity": "sha512-ejqgMHC6jjtl+lPQsgDnv2x1shOi2jJIWAKsE9zUSvloXTY0+h9/xCJENZj9n4/4IeAFhuKZDjcjtKi/JHhHNw==", + "dev": true, + "requires": { + "workbox-core": "3.0.0-alpha.3" + } + }, + "workbox-strategies": { + "version": "3.0.0-alpha.3", + "resolved": "https://registry.npmjs.org/workbox-strategies/-/workbox-strategies-3.0.0-alpha.3.tgz", + "integrity": "sha512-Tcer2tzNLOFY2EH8tuJTdPg50AdZQLG6SjqnGeh8LjmDhIvNbZ5GZM+sn8xvvIMeELSZ4Oy4TfvfiLS/BFLm7A==", + "dev": true, + "requires": { + "workbox-core": "3.0.0-alpha.3" + } + }, "worker-farm": { "version": "1.5.2", "resolved": "https://registry.npmjs.org/worker-farm/-/worker-farm-1.5.2.tgz", diff --git a/packages/core/package.json b/packages/core/package.json index 3c46c666af..541c81ea15 100644 --- a/packages/core/package.json +++ b/packages/core/package.json @@ -9,8 +9,8 @@ "dist/" ], "devDependencies": { - "@stencil/core": "next", - "@stencil/dev-server": "0.0.18-0", + "@stencil/core": "0.1.1", + "@stencil/dev-server": "0.0.18-1", "@stencil/utils": "latest", "@types/jest": "^21.1.6", "chai": "^4.1.2", diff --git a/packages/core/src/components/alert-controller/alert-controller.tsx b/packages/core/src/components/alert-controller/alert-controller.tsx index c23971f9ae..fcd901de29 100644 --- a/packages/core/src/components/alert-controller/alert-controller.tsx +++ b/packages/core/src/components/alert-controller/alert-controller.tsx @@ -54,7 +54,8 @@ export class AlertController { this.alerts.push(event.target as HTMLIonAlertElement); } - @Listen('body:ionAlertWillDismiss, body:ionAlertDidUnload') + @Listen('body:ionAlertWillDismiss') + @Listen('body:ionAlertDidUnload') protected willDismiss(event: AlertEvent) { console.log('willDismiss: ', event); const index = this.alerts.indexOf(event.target as HTMLIonAlertElement); diff --git a/packages/core/src/components/checkbox/checkbox.tsx b/packages/core/src/components/checkbox/checkbox.tsx index 6063a927b5..66d36931a7 100644 --- a/packages/core/src/components/checkbox/checkbox.tsx +++ b/packages/core/src/components/checkbox/checkbox.tsx @@ -1,5 +1,5 @@ import { BlurEvent, CheckboxInput, CheckedInputChangeEvent, FocusEvent, StyleEvent } from '../../utils/input-interfaces'; -import { Component, CssClassMap, Event, EventEmitter, Prop, PropDidChange, State } from '@stencil/core'; +import { Component, CssClassMap, Event, EventEmitter, Prop, State, Watch } from '@stencil/core'; @Component({ @@ -97,7 +97,7 @@ export class Checkbox implements CheckboxInput { } } - @PropDidChange('checked') + @Watch('checked') checkedChanged(isChecked: boolean) { if (this.nativeInput.checked !== isChecked) { // keep the checked value and native input `nync @@ -112,7 +112,7 @@ export class Checkbox implements CheckboxInput { this.emitStyle(); } - @PropDidChange('disabled') + @Watch('disabled') disabledChanged(isDisabled: boolean) { this.nativeInput.disabled = isDisabled; this.emitStyle(); diff --git a/packages/core/src/components/datetime/datetime.tsx b/packages/core/src/components/datetime/datetime.tsx index c7012c4790..393efae9da 100644 --- a/packages/core/src/components/datetime/datetime.tsx +++ b/packages/core/src/components/datetime/datetime.tsx @@ -1,4 +1,4 @@ -import { Component, CssClassMap, Event, EventEmitter, Prop, PropDidChange, State } from '@stencil/core'; +import { Component, CssClassMap, Event, EventEmitter, Prop, State, Watch } from '@stencil/core'; import { DatetimeData, @@ -194,7 +194,7 @@ export class Datetime { /** * Update the datetime value when the value changes */ - @PropDidChange('value') + @Watch('value') protected valueChanged() { this.updateValue(); } diff --git a/packages/core/src/components/fab-list/fab-list.tsx b/packages/core/src/components/fab-list/fab-list.tsx index ade5e7ed4e..d446a50be4 100644 --- a/packages/core/src/components/fab-list/fab-list.tsx +++ b/packages/core/src/components/fab-list/fab-list.tsx @@ -1,4 +1,4 @@ -import { Component, Element, Prop, PropDidChange } from '@stencil/core'; +import { Component, Element, Prop, Watch } from '@stencil/core'; @Component({ @@ -10,7 +10,7 @@ export class FabList { @Prop() activated: boolean = false; - @PropDidChange('activated') + @Watch('activated') protected activatedChanged(activated: boolean) { const fabs = this.el.querySelectorAll('ion-fab-button'); diff --git a/packages/core/src/components/gesture/gesture.tsx b/packages/core/src/components/gesture/gesture.tsx index 80a5c1c35e..9ac8d41926 100644 --- a/packages/core/src/components/gesture/gesture.tsx +++ b/packages/core/src/components/gesture/gesture.tsx @@ -1,6 +1,6 @@ +import { Component, Element, Event, EventEmitter, Listen, Prop, Watch } from '@stencil/core'; import { ElementRef, applyStyles, assert, getElementReference, updateDetail } from '../../utils/helpers'; import { BLOCK_ALL, BlockerDelegate, GestureController, GestureDelegate } from '../gesture-controller/gesture-controller'; -import { Component, Element, Event, EventEmitter, Listen, Prop, PropDidChange } from '@stencil/core'; import { DomController } from '../../index'; import { PanRecognizer } from './recognizers'; @@ -102,7 +102,7 @@ export class Gesture { } } - @PropDidChange('enabled') + @Watch('enabled') protected enabledChanged(isEnabled: boolean) { if (this.pan || this.hasPress) { this.enableListener(this, 'touchstart', isEnabled, this.attachTo); @@ -113,7 +113,7 @@ export class Gesture { } } - @PropDidChange('block') + @Watch('block') protected blockChanged(block: string) { if (this.blocker) { this.blocker.destroy(); diff --git a/packages/core/src/components/infinite-scroll/infinite-scroll.tsx b/packages/core/src/components/infinite-scroll/infinite-scroll.tsx index 0eeb806f75..3ca2091eac 100644 --- a/packages/core/src/components/infinite-scroll/infinite-scroll.tsx +++ b/packages/core/src/components/infinite-scroll/infinite-scroll.tsx @@ -1,4 +1,4 @@ -import { Component, Element, Event, EventEmitter, Listen, Method, Prop, PropDidChange, State } from '@stencil/core'; +import { Component, Element, Event, EventEmitter, Listen, Method, Prop, State, Watch } from '@stencil/core'; import { DomController, ScrollDetail, StencilElement } from '../../index'; const enum Position { @@ -37,7 +37,8 @@ export class InfiniteScroll { * Default is `15%`. */ @Prop() threshold: string = '15%'; - @PropDidChange('threshold') + + @Watch('threshold') protected thresholdChanged(val: string) { if (val.lastIndexOf('%') > -1) { this.thrPx = 0; @@ -64,7 +65,8 @@ export class InfiniteScroll { * and hide the display. */ @Prop() enabled: boolean = true; - @PropDidChange('enabled') + + @Watch('enabled') protected enabledChanged(val: boolean) { this.enableScrollEvents(val); } diff --git a/packages/core/src/components/input/input.tsx b/packages/core/src/components/input/input.tsx index 3731daa06e..23bb7904d3 100644 --- a/packages/core/src/components/input/input.tsx +++ b/packages/core/src/components/input/input.tsx @@ -1,4 +1,4 @@ -import { Component, Element, Event, EventEmitter, Prop, PropDidChange } from '@stencil/core'; +import { Component, Element, Event, EventEmitter, Prop, Watch } from '@stencil/core'; import { debounce } from '../../utils/helpers'; import { createThemedClasses } from '../../utils/theme'; @@ -74,7 +74,7 @@ export class Input implements InputComponent { */ @Prop() checked: boolean = false; - @PropDidChange('checked') + @Watch('checked') protected checkedChanged() { this.emitStyle(); } @@ -93,7 +93,8 @@ export class Input implements InputComponent { * @input {number} Set the amount of time, in milliseconds, to wait to trigger the `ionInput` event after each keystroke. Default `0`. */ @Prop() debounce: number = 0; - @PropDidChange('debounce') + + @Watch('debounce') private debounceInput() { this.ionInput.emit = debounce( this.ionInput.emit.bind(this.ionInput), @@ -106,7 +107,7 @@ export class Input implements InputComponent { */ @Prop() disabled: boolean = false; - @PropDidChange('disabled') + @Watch('disabled') protected disabledChanged() { this.emitStyle(); } @@ -200,7 +201,7 @@ export class Input implements InputComponent { /** * Update the native input element when the value changes */ - @PropDidChange('value') + @Watch('value') protected valueChanged() { const inputEl = this.el.querySelector('input'); if (inputEl.value !== this.value) { diff --git a/packages/core/src/components/menu/menu.tsx b/packages/core/src/components/menu/menu.tsx index 467b95658c..8f8d8f12e4 100644 --- a/packages/core/src/components/menu/menu.tsx +++ b/packages/core/src/components/menu/menu.tsx @@ -1,4 +1,4 @@ -import { Component, Element, Event, EventEmitter, Listen, Method, Prop, PropDidChange, PropWillChange } from '@stencil/core'; +import { Component, Element, Event, EventEmitter, Listen, Method, Prop, Watch } from '@stencil/core'; import { Animation, Config, GestureDetail, SplitPaneAlert, StencilElement } from '../../index'; import { Side, assert, checkEdgeSide, isRightSide } from '../../utils/helpers'; @@ -53,7 +53,8 @@ export class Menu { * `"overlay"`, `"reveal"`, `"push"`. */ @Prop({ mutable: true }) type: string = 'overlay'; - @PropWillChange('type') + + @Watch('type') typeChanged(type: string) { if (this.contentEl) { this.contentEl.classList.remove('menu-content-' + this.type); @@ -71,7 +72,8 @@ export class Menu { * @input {boolean} If true, the menu is enabled. Default `true`. */ @Prop({ mutable: true }) enabled: boolean; - @PropDidChange('enabled') + + @Watch('enabled') protected enabledChanged() { this.updateState(); } @@ -80,7 +82,8 @@ export class Menu { * @input {string} Which side of the view the menu should be placed. Default `"start"`. */ @Prop() side: Side = 'start'; - @PropDidChange('side') + + @Watch('side') protected sideChanged() { this.isRightSide = isRightSide(this.side); } @@ -89,7 +92,8 @@ export class Menu { * @input {boolean} If true, swiping the menu is enabled. Default `true`. */ @Prop() swipeEnabled: boolean = true; - @PropDidChange('swipeEnabled') + + @Watch('swipeEnabled') protected swipeEnabledChanged() { this.updateState(); } diff --git a/packages/core/src/components/radio-group/radio-group.tsx b/packages/core/src/components/radio-group/radio-group.tsx index a193df1274..031acd91ba 100644 --- a/packages/core/src/components/radio-group/radio-group.tsx +++ b/packages/core/src/components/radio-group/radio-group.tsx @@ -1,4 +1,4 @@ -import { Component, ComponentDidLoad, Element, Event, EventEmitter, Listen, Prop, PropDidChange, State } from '@stencil/core'; +import { Component, ComponentDidLoad, Element, Event, EventEmitter, Listen, Prop, State, Watch } from '@stencil/core'; import { HTMLIonRadioElementEvent } from '../radio/radio'; import { InputChangeEvent, RadioGroupInput } from '../../utils/input-interfaces'; @@ -34,7 +34,7 @@ export class RadioGroup implements ComponentDidLoad, RadioGroupInput { */ @Prop({ mutable: true }) value: string; - @PropDidChange('value') + @Watch('value') valueChanged() { // this radio group's value just changed // double check the button with this value is checked diff --git a/packages/core/src/components/radio/radio.tsx b/packages/core/src/components/radio/radio.tsx index 2e86dd0385..97dbb2cf17 100644 --- a/packages/core/src/components/radio/radio.tsx +++ b/packages/core/src/components/radio/radio.tsx @@ -1,5 +1,5 @@ import { BlurEvent, CheckedInputChangeEvent, FocusEvent, RadioButtonInput, StyleEvent } from '../../utils/input-interfaces'; -import { Component, ComponentDidLoad, ComponentDidUnload, ComponentWillLoad, CssClassMap, Event, EventEmitter, Prop, PropDidChange, State } from '@stencil/core'; +import { Component, ComponentDidLoad, ComponentDidUnload, ComponentWillLoad, CssClassMap, Event, EventEmitter, Prop, State, Watch } from '@stencil/core'; import { createThemedClasses } from '../../utils/theme'; @@ -115,12 +115,12 @@ export class Radio implements RadioButtonInput, ComponentDidLoad, ComponentDidUn this.ionRadioDidUnload.emit({ radio: this }); } - @PropDidChange('color') + @Watch('color') colorChanged() { this.emitStyle(); } - @PropDidChange('checked') + @Watch('checked') checkedChanged(isChecked: boolean) { if (this.nativeInput.checked !== isChecked) { // keep the checked value and native input `nync @@ -141,7 +141,7 @@ export class Radio implements RadioButtonInput, ComponentDidLoad, ComponentDidUn this.emitStyle(); } - @PropDidChange('disabled') + @Watch('disabled') disabledChanged(isDisabled: boolean) { this.nativeInput.disabled = isDisabled; this.emitStyle(); diff --git a/packages/core/src/components/range/range.tsx b/packages/core/src/components/range/range.tsx index 1d068fe571..aaebfe4287 100644 --- a/packages/core/src/components/range/range.tsx +++ b/packages/core/src/components/range/range.tsx @@ -1,4 +1,4 @@ -import { Component, Element, Event, EventEmitter, Listen, Method, Prop, PropDidChange, State } from '@stencil/core'; +import { Component, Element, Event, EventEmitter, Listen, Method, Prop, State, Watch } from '@stencil/core'; import { BaseInputComponent, GestureDetail } from '../../index'; import { clamp, debounce } from '../../utils/helpers'; @@ -75,7 +75,8 @@ export class Range implements BaseInputComponent { * `ionChange` event after each change in the range value. Default `0`. */ @Prop() debounce: number = 0; - @PropDidChange('debounce') + + @Watch('debounce') private debounceChange() { this.ionChange.emit = debounce( this.ionChange.emit.bind(this.ionChange), @@ -126,12 +127,12 @@ export class Range implements BaseInputComponent { @Prop({ mutable: true }) value: any; - @PropDidChange('disabled') + @Watch('disabled') protected disabledChanged() { this.emitStyle(); } - @PropDidChange('value') + @Watch('value') protected valueChanged(val: boolean) { this.ionChange.emit({value: val}); this.emitStyle(); diff --git a/packages/core/src/components/reorder-group/reorder-group.tsx b/packages/core/src/components/reorder-group/reorder-group.tsx index d3de387771..498fda529e 100644 --- a/packages/core/src/components/reorder-group/reorder-group.tsx +++ b/packages/core/src/components/reorder-group/reorder-group.tsx @@ -1,4 +1,4 @@ -import { Component, Element, Prop, PropDidChange, State } from '@stencil/core'; +import { Component, Element, Prop, State, Watch } from '@stencil/core'; import { DomController, GestureDetail } from '../../index'; import { clamp, reorderArray } from '../../utils/helpers'; import { hapticSelectionChanged, hapticSelectionEnd, hapticSelectionStart} from '../../utils/haptic'; @@ -52,7 +52,7 @@ export class ReorderGroup { /** * @input {string} Which side of the view the ion-reorder should be placed. Default `"end"`. */ - @PropDidChange('enabled') + @Watch('enabled') protected enabledChanged(enabled: boolean) { if (enabled) { this._enabled = true; diff --git a/packages/core/src/components/scroll/scroll.tsx b/packages/core/src/components/scroll/scroll.tsx index e5813a0c36..bd1d10d638 100644 --- a/packages/core/src/components/scroll/scroll.tsx +++ b/packages/core/src/components/scroll/scroll.tsx @@ -1,4 +1,4 @@ -import { Component, Element, Event, EventEmitter, Listen, Method, Prop, PropDidChange } from '@stencil/core'; +import { Component, Element, Event, EventEmitter, Listen, Method, Prop, Watch } from '@stencil/core'; import { Config, DomController, GestureDetail } from '../../index'; import { GestureController, GestureDelegate } from '../gesture-controller/gesture-controller'; @@ -28,7 +28,8 @@ export class Scroll { @Prop() enabled: boolean = true; @Prop() jsScroll: boolean = false; - @PropDidChange('jsScroll') + + @Watch('jsScroll') jsScrollChanged(js: boolean) { if (js) { throw 'jsScroll: TODO!'; diff --git a/packages/core/src/components/searchbar/searchbar.tsx b/packages/core/src/components/searchbar/searchbar.tsx index d119a0fd04..20bbf8d49d 100644 --- a/packages/core/src/components/searchbar/searchbar.tsx +++ b/packages/core/src/components/searchbar/searchbar.tsx @@ -1,4 +1,4 @@ -import { Component, Element, Event, EventEmitter, Prop, PropDidChange, State } from '@stencil/core'; +import { Component, Element, Event, EventEmitter, Prop, State, Watch } from '@stencil/core'; import { debounce } from '../../utils/helpers'; @@ -87,7 +87,8 @@ export class Searchbar { * @input {number} Set the amount of time, in milliseconds, to wait to trigger the `ionInput` event after each keystroke. Default `250`. */ @Prop({ mutable: true }) debounce: number = 250; - @PropDidChange('debounce') + + @Watch('debounce') private debounceInput() { this.ionInput.emit = debounce( this.ionInput.emit.bind(this.ionInput), diff --git a/packages/core/src/components/segment/segment.tsx b/packages/core/src/components/segment/segment.tsx index 1118ede375..c2bc2ad395 100644 --- a/packages/core/src/components/segment/segment.tsx +++ b/packages/core/src/components/segment/segment.tsx @@ -1,4 +1,4 @@ -import { Component, Element, Event, EventEmitter, Listen, Prop, PropDidChange } from '@stencil/core'; +import { Component, Element, Event, EventEmitter, Listen, Prop, Watch } from '@stencil/core'; @Component({ @@ -46,7 +46,7 @@ export class Segment { */ @Prop({ mutable: true }) value: string; - @PropDidChange('value') + @Watch('value') protected valueChanged(val: string) { this.selectButton(val); } diff --git a/packages/core/src/components/select/select.tsx b/packages/core/src/components/select/select.tsx index cabc1825a1..a5c8697aec 100644 --- a/packages/core/src/components/select/select.tsx +++ b/packages/core/src/components/select/select.tsx @@ -1,4 +1,4 @@ -import { Component, CssClassMap, Element, Event, EventEmitter, Listen, Prop, PropDidChange, State } from '@stencil/core'; +import { Component, CssClassMap, Element, Event, EventEmitter, Listen, Prop, State, Watch } from '@stencil/core'; import { HTMLIonSelectOptionElementEvent } from '../select-option/select-option'; import { BlurEvent, FocusEvent, SelectInputChangeEvent, StyleEvent } from '../../utils/input-interfaces'; @@ -123,12 +123,12 @@ export class Select { @Event() ionStyle: EventEmitter; - @PropDidChange('disabled') + @Watch('disabled') disabledChanged() { this.emitStyle(); } - @PropDidChange('value') + @Watch('value') valueChanged() { // this select value just changed // double check the select option with this value is checked diff --git a/packages/core/src/components/slides/slides.tsx b/packages/core/src/components/slides/slides.tsx index 12574c5bfd..8ad039010a 100644 --- a/packages/core/src/components/slides/slides.tsx +++ b/packages/core/src/components/slides/slides.tsx @@ -1,4 +1,4 @@ -import { Component, Element, Event, EventEmitter, Method, Prop, PropDidChange } from '@stencil/core'; +import { Component, Element, Event, EventEmitter, Method, Prop, Watch } from '@stencil/core'; import { Swiper } from './vendor/swiper.js'; // import { SwiperOptions } from './vendor/swiper'; // TODO @@ -11,9 +11,7 @@ export class Slides { private container: HTMLElement; private init: boolean; - private tmr: number; private swiper: any; - private finalOptions: any; private slidesId: number; private slideId: string; @@ -90,7 +88,7 @@ export class Slides { */ @Prop() options: any; // SwiperOptions; // TODO - @PropDidChange('options') + @Watch('options') updateSwiperOptions() { let newOptions = this.normalizeOptions(); this.swiper.params = Object.assign({}, this.swiper.params, newOptions); diff --git a/packages/core/src/components/split-pane/split-pane.tsx b/packages/core/src/components/split-pane/split-pane.tsx index 9fc797d36b..ca92472760 100644 --- a/packages/core/src/components/split-pane/split-pane.tsx +++ b/packages/core/src/components/split-pane/split-pane.tsx @@ -1,4 +1,4 @@ -import { Component, Element, Event, EventEmitter, Method, Prop, PropDidChange, State } from '@stencil/core'; +import { Component, Element, Event, EventEmitter, Method, Prop, State, Watch } from '@stencil/core'; const SPLIT_PANE_MAIN = 'split-pane-main'; const SPLIT_PANE_SIDE = 'split-pane-side'; @@ -83,7 +83,7 @@ export class SplitPane { } } - @PropDidChange('when') + @Watch('when') protected whenChanged() { this.rmL && this.rmL(); this.rmL = null; diff --git a/packages/core/src/components/tab/tab.tsx b/packages/core/src/components/tab/tab.tsx index 92e1d5a0e2..4d8ca3664f 100644 --- a/packages/core/src/components/tab/tab.tsx +++ b/packages/core/src/components/tab/tab.tsx @@ -1,4 +1,4 @@ -import { Component, Element, Event, EventEmitter, Method, Prop, PropDidChange, State } from '@stencil/core'; +import { Component, Element, Event, EventEmitter, Method, Prop, State, Watch } from '@stencil/core'; @Component({ @@ -61,7 +61,8 @@ export class Tab { @Prop({ mutable: true }) selected = false; - @PropDidChange('selected') + + @Watch('selected') selectedChanged(selected: boolean) { if (selected) { this.ionSelect.emit(); diff --git a/packages/core/src/components/tabbar/tabbar.tsx b/packages/core/src/components/tabbar/tabbar.tsx index f1db747ba8..f0d30a3c6e 100644 --- a/packages/core/src/components/tabbar/tabbar.tsx +++ b/packages/core/src/components/tabbar/tabbar.tsx @@ -1,6 +1,6 @@ -import {Component, Element, Listen, Prop, PropDidChange, State} from '@stencil/core'; -import {createThemedClasses} from '../../utils/theme'; -import {DomController} from '../../index'; +import { Component, Element, Listen, Prop, State, Watch } from '@stencil/core'; +import { createThemedClasses } from '../../utils/theme'; +import { DomController } from '../../index'; @Component({ tag: 'ion-tabbar', @@ -27,7 +27,7 @@ export class Tabbar { private scrollEl: HTMLIonScrollElement; - @PropDidChange('selectedTab') + @Watch('selectedTab') selectedTabChanged() { this.scrollable && this.scrollToSelectedButton(); this.highlight && this.updateHighlight(); diff --git a/packages/core/src/components/textarea/textarea.tsx b/packages/core/src/components/textarea/textarea.tsx index 40a37a84bf..1037181d91 100644 --- a/packages/core/src/components/textarea/textarea.tsx +++ b/packages/core/src/components/textarea/textarea.tsx @@ -1,4 +1,4 @@ -import { Component, Element, Event, EventEmitter, Prop, PropDidChange } from '@stencil/core'; +import { Component, Element, Event, EventEmitter, Prop, Watch } from '@stencil/core'; import { debounce } from '../../utils/helpers'; import { createThemedClasses } from '../../utils/theme'; @@ -73,7 +73,8 @@ export class Textarea implements TextareaComponent { * @input {number} Set the amount of time, in milliseconds, to wait to trigger the `ionInput` event after each keystroke. Default `0`. */ @Prop() debounce: number = 0; - @PropDidChange('debounce') + + @Watch('debounce') private debounceInput() { this.ionInput.emit = debounce( this.ionInput.emit.bind(this.ionInput), @@ -86,7 +87,7 @@ export class Textarea implements TextareaComponent { */ @Prop() disabled: boolean = false; - @PropDidChange('disabled') + @Watch('disabled') protected disabledChanged() { this.emitStyle(); } @@ -149,7 +150,7 @@ export class Textarea implements TextareaComponent { /** * Update the native input element when the value changes */ - @PropDidChange('value') + @Watch('value') protected valueChanged() { const inputEl = this.el.querySelector('textarea'); if (inputEl.value !== this.value) { diff --git a/packages/core/src/components/toggle/toggle.tsx b/packages/core/src/components/toggle/toggle.tsx index f4fabee47d..63519c65a9 100644 --- a/packages/core/src/components/toggle/toggle.tsx +++ b/packages/core/src/components/toggle/toggle.tsx @@ -1,5 +1,5 @@ import { BlurEvent, CheckboxInput, CheckedInputChangeEvent, FocusEvent, StyleEvent } from '../../utils/input-interfaces'; -import { Component, Event, EventEmitter, Prop, PropDidChange, State } from '@stencil/core'; +import { Component, Event, EventEmitter, Prop, State, Watch } from '@stencil/core'; import { GestureDetail } from '../../index'; import { hapticSelection } from '../../utils/haptic'; @@ -118,7 +118,7 @@ export class Toggle implements CheckboxInput { } } - @PropDidChange('checked') + @Watch('checked') checkedChanged(isChecked: boolean) { if (this.nativeInput.checked !== isChecked) { // keep the checked value and native input `nync @@ -133,7 +133,7 @@ export class Toggle implements CheckboxInput { this.emitStyle(); } - @PropDidChange('disabled') + @Watch('disabled') disabledChanged(isDisabled: boolean) { this.nativeInput.disabled = isDisabled; this.emitStyle();