From 6a7b5976371db618665d84db8084ac170b04bc1c Mon Sep 17 00:00:00 2001 From: Catlabs Date: Tue, 18 Sep 2018 14:28:24 +0200 Subject: [PATCH] style(docs): integrate the stark layout in all showcase's pages ISSUES CLOSED: #668, #673 --- showcase/package-lock.json | 872 ++++++++++++++++-- showcase/package.json | 18 +- .../demo/action-bar/action-bar.component.html | 27 +- .../demo/breadcrumb/breadcrumb.component.html | 21 +- .../src/app/demo/button/button.component.html | 444 ++++----- .../app/demo/card/demo-card.component.html | 2 +- .../demo-collapsible.component.html | 96 +- .../demo/colors/demo-colors.component.html | 2 +- .../date-picker/date-picker.component.html | 25 +- .../date-range-picker.component.html | 33 +- .../dropdown/demo-dropdown.component.html | 125 +-- .../demo/dropdown/demo-dropdown.component.ts | 6 +- .../example-viewer.component.html | 26 +- .../src/app/demo/header/header.component.html | 30 +- .../keyboard-directives.component.html | 116 ++- .../demo-language-selector.component.html | 20 +- .../src/app/demo/logout/logout.component.html | 16 +- .../demo-pretty-print.component.html | 99 +- .../demo-pretty-print.component.ts | 16 +- .../demo/sidebar/demo-sidebar.component.html | 4 + .../src/app/demo/slider/slider.component.html | 191 ++-- .../src/app/demo/table/table.component.html | 61 +- .../src/app/demo/table/table.component.scss | 4 - .../typography/demo-typography.component.html | 2 +- showcase/src/app/home/home.component.html | 129 ++- showcase/src/app/home/home.component.scss | 10 +- .../news/news-component/news.component.html | 14 +- showcase/src/app/shared/shared.module.ts | 4 +- showcase/src/assets/translations/en.json | 82 +- showcase/src/assets/translations/fr.json | 82 +- showcase/src/assets/translations/nl.json | 80 +- 31 files changed, 1723 insertions(+), 934 deletions(-) diff --git a/showcase/package-lock.json b/showcase/package-lock.json index 20c48630bc..da60a654f9 100644 --- a/showcase/package-lock.json +++ b/showcase/package-lock.json @@ -336,6 +336,7 @@ "requires": { "anymatch": "1.3.2", "async-each": "1.0.1", + "fsevents": "1.2.4", "glob-parent": "2.0.0", "inherits": "2.0.3", "is-binary-path": "1.0.1", @@ -420,9 +421,9 @@ } }, "@angular/flex-layout": { - "version": "6.0.0-beta.18", - "resolved": "https://registry.npmjs.org/@angular/flex-layout/-/flex-layout-6.0.0-beta.18.tgz", - "integrity": "sha512-1Alv3YSIZYp0CTUIESIaSQLoSVyLzuNKPa5bGM/RzOmeSrndm5plVgI9wopGfJUDiwM18R97rq/4XjDvNT/+ig==", + "version": "6.0.0-beta.17", + "resolved": "https://registry.npmjs.org/@angular/flex-layout/-/flex-layout-6.0.0-beta.17.tgz", + "integrity": "sha512-WrCWlE7NuvvxbeO8+S6aR5cvzX+1CVzpIy0izP8kMLWjAPZ0xjePHc2kJKJVapWMt7aniYZ1inl+GpsvkllycA==", "requires": { "tslib": "1.9.3" } @@ -803,8 +804,8 @@ } }, "@nationalbankbelgium/stark-build": { - "version": "file:../dist/packages-dist/stark-build/nationalbankbelgium-stark-build-10.0.0-alpha.5-846fdad.tgz", - "integrity": "sha512-uKJChqxqD52eJYqN8+KVjtZY5clEpgHmJZ6LNwdUYv8eZ2yWTYzxKwJh+ciil1fuvd4ZzOYDgdu2CGsERo1cMA==", + "version": "file:../dist/packages-dist/stark-build/nationalbankbelgium-stark-build-10.0.0-alpha.5-32ee56c.tgz", + "integrity": "sha512-YLmuCu6r1T2a9A+LHe181GBrIZmFvDl3yLe3FFpnVSsr70FPGpA530v2Mf9jYwUXfl06FU0cP5nbksymrmzgQQ==", "dev": true, "requires": { "@angular-devkit/build-angular": "0.8.1", @@ -889,8 +890,8 @@ } }, "@nationalbankbelgium/stark-core": { - "version": "file:../dist/packages-dist/stark-core/nationalbankbelgium-stark-core-10.0.0-alpha.5-846fdad.tgz", - "integrity": "sha512-ETpnzdqPZIGhDmuGL8O8syNzovfscowEj2kT58pq4dQ2Qvb1vj4fnzAOk1ZMovjKvEhFr1B0cr6qls1JknngTA==", + "version": "file:../dist/packages-dist/stark-core/nationalbankbelgium-stark-core-10.0.0-alpha.5-32ee56c.tgz", + "integrity": "sha512-mlxCAIC812+ymPYdKAOx7BiMOVnsnT/rLSX9V4XH3emArMP0NH+UxOjb50+7yDtYeFj3I8Q1mSbIWO9AnkWgqg==", "requires": { "@angularclass/hmr": "2.1.3", "@ng-idle/core": "6.0.0-beta.3", @@ -912,8 +913,8 @@ } }, "@nationalbankbelgium/stark-testing": { - "version": "file:../dist/packages-dist/stark-testing/nationalbankbelgium-stark-testing-10.0.0-alpha.5-846fdad.tgz", - "integrity": "sha512-9ICbtYuwCl5qaiy3SQ8fOIaoflN8k0dU/auHWv/raDwF1R76ubVPatsQQT43zawORpRFD4KHJeXgCd2R64Ot4w==", + "version": "file:../dist/packages-dist/stark-testing/nationalbankbelgium-stark-testing-10.0.0-alpha.5-32ee56c.tgz", + "integrity": "sha512-88UIO5n4dxiSgfMzq2Rpt5SVbeuG8I1S7aooS1ShQq6Rk6y3oya/8770ZCx85QLIXCCz6J8DbQBrHnrS/Ve8kg==", "dev": true, "requires": { "@types/jasmine": "2.8.8", @@ -1093,8 +1094,8 @@ } }, "@nationalbankbelgium/stark-ui": { - "version": "file:../dist/packages-dist/stark-ui/nationalbankbelgium-stark-ui-10.0.0-alpha.5-846fdad.tgz", - "integrity": "sha512-jaerAb2SMAVJe7Y6HnOakdocGSBmKNuCcZzp3V428BJndSkoddq6sjs8hQECBACy1H2yfiiOKJVei+vhrG6xzg==", + "version": "file:../dist/packages-dist/stark-ui/nationalbankbelgium-stark-ui-10.0.0-alpha.5-32ee56c.tgz", + "integrity": "sha512-12JGOa1U4/t65QWB8lVT53YUEXyH9i7aMfNDI7EP0DaCRRuO9nwGtgTGpU7y7+nXIXNYz7flR2pRuxulyEVj5g==", "requires": { "@angular/material-moment-adapter": "6.4.7", "@mdi/angular-material": "2.7.94", @@ -1255,7 +1256,7 @@ }, "@types/q": { "version": "0.0.32", - "resolved": "https://registry.npmjs.org/@types/q/-/q-0.0.32.tgz", + "resolved": "http://registry.npmjs.org/@types/q/-/q-0.0.32.tgz", "integrity": "sha1-vShOV8hPEyXacCur/IKlMoGQwMU=", "dev": true }, @@ -1579,7 +1580,7 @@ }, "add-asset-html-webpack-plugin": { "version": "2.1.3", - "resolved": "https://registry.npmjs.org/add-asset-html-webpack-plugin/-/add-asset-html-webpack-plugin-2.1.3.tgz", + "resolved": "http://registry.npmjs.org/add-asset-html-webpack-plugin/-/add-asset-html-webpack-plugin-2.1.3.tgz", "integrity": "sha512-lPdzWnwl96msr5Ix5WyU6ZqD5tQeSb6XD9j8yBKj7WswURRpZ4nZx/Gt+ocgbFdT7j48x7xw40g8wBykFbVptQ==", "dev": true, "requires": { @@ -1638,6 +1639,28 @@ "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.2.0.tgz", "integrity": "sha1-6GuBnGAs+IIa1jdBNpjx3sAhhHo=" }, + "align-text": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/align-text/-/align-text-0.1.4.tgz", + "integrity": "sha1-DNkKVhCT810KmSVsIrcGlDP60Rc=", + "dev": true, + "requires": { + "kind-of": "3.2.2", + "longest": "1.0.1", + "repeat-string": "1.6.1" + }, + "dependencies": { + "kind-of": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", + "dev": true, + "requires": { + "is-buffer": "1.1.6" + } + } + } + }, "alphanum-sort": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/alphanum-sort/-/alphanum-sort-1.0.2.tgz", @@ -1914,6 +1937,13 @@ "integrity": "sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0=", "dev": true }, + "asap": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz", + "integrity": "sha1-5QNHYR1+aQlDIIu9r+vLwvuGbUY=", + "dev": true, + "optional": true + }, "asn1": { "version": "0.2.4", "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.4.tgz", @@ -2369,9 +2399,9 @@ } }, "basscss": { - "version": "8.0.4", - "resolved": "https://registry.npmjs.org/basscss/-/basscss-8.0.4.tgz", - "integrity": "sha512-7bYU+8AaerBuR12yRiRtyethfue1jvIP4N+WO1UC1a3wmLM3Akt03uF7TrX3fQJSrVUBf2NaXWLmBI/AVoNY7w==", + "version": "8.0.2", + "resolved": "http://registry.npmjs.org/basscss/-/basscss-8.0.2.tgz", + "integrity": "sha1-4FK1qpXuTV6hGAG8djudco9MAfY=", "requires": { "basscss-align": "1.0.2", "basscss-border": "4.0.2", @@ -2447,6 +2477,15 @@ "integrity": "sha1-3DQxT05nkxgJP8dgJyUl+UvyXBY=", "dev": true }, + "bcrypt-pbkdf": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz", + "integrity": "sha1-pDAdOJtqQ/m2f/PKEaP2Y342Dp4=", + "optional": true, + "requires": { + "tweetnacl": "0.14.5" + } + }, "better-assert": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/better-assert/-/better-assert-1.0.2.tgz", @@ -2601,7 +2640,7 @@ }, "browserify-aes": { "version": "1.2.0", - "resolved": "https://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz", + "resolved": "http://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz", "integrity": "sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==", "dev": true, "requires": { @@ -2638,7 +2677,7 @@ }, "browserify-rsa": { "version": "4.0.1", - "resolved": "https://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.0.1.tgz", + "resolved": "http://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.0.1.tgz", "integrity": "sha1-IeCr+vbyApzy+vsTNWenAdQTVSQ=", "dev": true, "requires": { @@ -2974,6 +3013,7 @@ "anymatch": "2.0.0", "async-each": "1.0.1", "braces": "2.3.2", + "fsevents": "1.2.4", "glob-parent": "3.1.0", "inherits": "2.0.3", "is-binary-path": "1.0.1", @@ -3127,6 +3167,17 @@ "integrity": "sha1-/xnt6Kml5XkyQUewwR8PvLq+1jk=", "dev": true }, + "clipboard": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/clipboard/-/clipboard-2.0.1.tgz", + "integrity": "sha512-7yhQBmtN+uYZmfRjjVjKa0dZdWuabzpSKGtyQZN+9C8xlC788SSJjOHWh7tzurfwTqTD5UDYAhIv5fRJg3sHjQ==", + "optional": true, + "requires": { + "good-listener": "1.2.2", + "select": "1.1.2", + "tiny-emitter": "2.0.2" + } + }, "cliui": { "version": "4.1.0", "resolved": "https://registry.npmjs.org/cliui/-/cliui-4.1.0.tgz", @@ -3434,7 +3485,7 @@ "dependencies": { "debug": { "version": "2.2.0", - "resolved": "https://registry.npmjs.org/debug/-/debug-2.2.0.tgz", + "resolved": "http://registry.npmjs.org/debug/-/debug-2.2.0.tgz", "integrity": "sha1-+HBX6ZWxofauaklgZkE3vFbwOdo=", "dev": true, "requires": { @@ -3621,7 +3672,7 @@ }, "create-hash": { "version": "1.2.0", - "resolved": "https://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz", + "resolved": "http://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz", "integrity": "sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==", "dev": true, "requires": { @@ -3634,7 +3685,7 @@ }, "create-hmac": { "version": "1.1.7", - "resolved": "https://registry.npmjs.org/create-hmac/-/create-hmac-1.1.7.tgz", + "resolved": "http://registry.npmjs.org/create-hmac/-/create-hmac-1.1.7.tgz", "integrity": "sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==", "dev": true, "requires": { @@ -4272,6 +4323,12 @@ "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz", "integrity": "sha1-3zrhmayt+31ECqrgsp4icrJOxhk=" }, + "delegate": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/delegate/-/delegate-3.2.0.tgz", + "integrity": "sha512-IofjkYBZaZivn0V8nnsMJGBr4jVLxHDheKSW88PyxS5QC4Vo9ZbZVvhzlSxY87fVq3STR6r+4cGepyHkcWOQSw==", + "optional": true + }, "delegates": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz", @@ -4327,7 +4384,7 @@ }, "diffie-hellman": { "version": "5.0.3", - "resolved": "https://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz", + "resolved": "http://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz", "integrity": "sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==", "dev": true, "requires": { @@ -4373,7 +4430,7 @@ }, "dom-converter": { "version": "0.1.4", - "resolved": "https://registry.npmjs.org/dom-converter/-/dom-converter-0.1.4.tgz", + "resolved": "http://registry.npmjs.org/dom-converter/-/dom-converter-0.1.4.tgz", "integrity": "sha1-pF71cnuJDJv/5tfIduexnLDhfzs=", "dev": true, "requires": { @@ -4471,7 +4528,7 @@ }, "duplexer": { "version": "0.1.1", - "resolved": "https://registry.npmjs.org/duplexer/-/duplexer-0.1.1.tgz", + "resolved": "http://registry.npmjs.org/duplexer/-/duplexer-0.1.1.tgz", "integrity": "sha1-rOb/gIwc5mtX0ev5eXessCM0z8E=", "dev": true }, @@ -4497,6 +4554,16 @@ "typechecker": "4.5.0" } }, + "ecc-jsbn": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz", + "integrity": "sha1-OoOpBOVDUyh4dMVkt1SThoSamMk=", + "optional": true, + "requires": { + "jsbn": "0.1.1", + "safer-buffer": "2.1.2" + } + }, "ecstatic": { "version": "3.3.0", "resolved": "https://registry.npmjs.org/ecstatic/-/ecstatic-3.3.0.tgz", @@ -4743,9 +4810,9 @@ } }, "es6-promise": { - "version": "4.2.4", - "resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-4.2.4.tgz", - "integrity": "sha512-/NdNZVJg+uZgtm9eS3O6lrOLYmQag2DjdEXuPaHlZ6RuVqgqaVZfgYCepEIKsLqwdQArOPtC3XzRLqGGfT8KQQ==", + "version": "4.2.5", + "resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-4.2.5.tgz", + "integrity": "sha512-n6wvpdE43VFtJq+lUDYDBFUwV8TZbuGXLV4D6wKafg13ldznKsyEvatubnmUe31zcvelSzOHF+XbaT+Bl9ObDg==", "dev": true }, "es6-promisify": { @@ -4754,7 +4821,7 @@ "integrity": "sha1-UQnWLz5W6pZ8S2NQWu8IKRyKUgM=", "dev": true, "requires": { - "es6-promise": "4.2.4" + "es6-promise": "4.2.5" } }, "es6-symbol": { @@ -4788,7 +4855,8 @@ "esprima": "2.7.3", "estraverse": "1.9.3", "esutils": "2.0.2", - "optionator": "0.8.2" + "optionator": "0.8.2", + "source-map": "0.2.0" }, "dependencies": { "esprima": { @@ -4796,6 +4864,16 @@ "resolved": "https://registry.npmjs.org/esprima/-/esprima-2.7.3.tgz", "integrity": "sha1-luO3DVd59q1JzQMmc9HDEnZ7pYE=", "dev": true + }, + "source-map": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.2.0.tgz", + "integrity": "sha1-2rc/vPwrqBm03gO9b26qSBZLP50=", + "dev": true, + "optional": true, + "requires": { + "amdefine": "1.0.1" + } } } }, @@ -5494,7 +5572,7 @@ "dependencies": { "debug": { "version": "2.2.0", - "resolved": "https://registry.npmjs.org/debug/-/debug-2.2.0.tgz", + "resolved": "http://registry.npmjs.org/debug/-/debug-2.2.0.tgz", "integrity": "sha1-+HBX6ZWxofauaklgZkE3vFbwOdo=", "dev": true, "requires": { @@ -5732,6 +5810,468 @@ "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=", "dev": true }, + "fsevents": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.4.tgz", + "integrity": "sha512-z8H8/diyk76B7q5wg+Ud0+CqzcAF3mBBI/bA5ne5zrRUUIvNkJY//D3BqyH571KuAC4Nr7Rw7CjWX4r0y9DvNg==", + "optional": true, + "requires": { + "nan": "2.11.0", + "node-pre-gyp": "0.10.0" + }, + "dependencies": { + "abbrev": { + "version": "1.1.1", + "bundled": true, + "optional": true + }, + "ansi-regex": { + "version": "2.1.1", + "bundled": true + }, + "aproba": { + "version": "1.2.0", + "bundled": true, + "optional": true + }, + "are-we-there-yet": { + "version": "1.1.4", + "bundled": true, + "optional": true, + "requires": { + "delegates": "1.0.0", + "readable-stream": "2.3.6" + } + }, + "balanced-match": { + "version": "1.0.0", + "bundled": true + }, + "brace-expansion": { + "version": "1.1.11", + "bundled": true, + "requires": { + "balanced-match": "1.0.0", + "concat-map": "0.0.1" + } + }, + "chownr": { + "version": "1.0.1", + "bundled": true, + "optional": true + }, + "code-point-at": { + "version": "1.1.0", + "bundled": true + }, + "concat-map": { + "version": "0.0.1", + "bundled": true + }, + "console-control-strings": { + "version": "1.1.0", + "bundled": true + }, + "core-util-is": { + "version": "1.0.2", + "bundled": true, + "optional": true + }, + "debug": { + "version": "2.6.9", + "bundled": true, + "optional": true, + "requires": { + "ms": "2.0.0" + } + }, + "deep-extend": { + "version": "0.5.1", + "bundled": true, + "optional": true + }, + "delegates": { + "version": "1.0.0", + "bundled": true, + "optional": true + }, + "detect-libc": { + "version": "1.0.3", + "bundled": true, + "optional": true + }, + "fs-minipass": { + "version": "1.2.5", + "bundled": true, + "optional": true, + "requires": { + "minipass": "2.2.4" + } + }, + "fs.realpath": { + "version": "1.0.0", + "bundled": true, + "optional": true + }, + "gauge": { + "version": "2.7.4", + "bundled": true, + "optional": true, + "requires": { + "aproba": "1.2.0", + "console-control-strings": "1.1.0", + "has-unicode": "2.0.1", + "object-assign": "4.1.1", + "signal-exit": "3.0.2", + "string-width": "1.0.2", + "strip-ansi": "3.0.1", + "wide-align": "1.1.2" + } + }, + "glob": { + "version": "7.1.2", + "bundled": true, + "optional": true, + "requires": { + "fs.realpath": "1.0.0", + "inflight": "1.0.6", + "inherits": "2.0.3", + "minimatch": "3.0.4", + "once": "1.4.0", + "path-is-absolute": "1.0.1" + } + }, + "has-unicode": { + "version": "2.0.1", + "bundled": true, + "optional": true + }, + "iconv-lite": { + "version": "0.4.21", + "bundled": true, + "optional": true, + "requires": { + "safer-buffer": "2.1.2" + } + }, + "ignore-walk": { + "version": "3.0.1", + "bundled": true, + "optional": true, + "requires": { + "minimatch": "3.0.4" + } + }, + "inflight": { + "version": "1.0.6", + "bundled": true, + "optional": true, + "requires": { + "once": "1.4.0", + "wrappy": "1.0.2" + } + }, + "inherits": { + "version": "2.0.3", + "bundled": true + }, + "ini": { + "version": "1.3.5", + "bundled": true, + "optional": true + }, + "is-fullwidth-code-point": { + "version": "1.0.0", + "bundled": true, + "requires": { + "number-is-nan": "1.0.1" + } + }, + "isarray": { + "version": "1.0.0", + "bundled": true, + "optional": true + }, + "minimatch": { + "version": "3.0.4", + "bundled": true, + "requires": { + "brace-expansion": "1.1.11" + } + }, + "minimist": { + "version": "0.0.8", + "bundled": true + }, + "minipass": { + "version": "2.2.4", + "bundled": true, + "requires": { + "safe-buffer": "5.1.1", + "yallist": "3.0.2" + } + }, + "minizlib": { + "version": "1.1.0", + "bundled": true, + "optional": true, + "requires": { + "minipass": "2.2.4" + } + }, + "mkdirp": { + "version": "0.5.1", + "bundled": true, + "requires": { + "minimist": "0.0.8" + } + }, + "ms": { + "version": "2.0.0", + "bundled": true, + "optional": true + }, + "needle": { + "version": "2.2.0", + "bundled": true, + "optional": true, + "requires": { + "debug": "2.6.9", + "iconv-lite": "0.4.21", + "sax": "1.2.4" + } + }, + "node-pre-gyp": { + "version": "0.10.0", + "bundled": true, + "optional": true, + "requires": { + "detect-libc": "1.0.3", + "mkdirp": "0.5.1", + "needle": "2.2.0", + "nopt": "4.0.1", + "npm-packlist": "1.1.10", + "npmlog": "4.1.2", + "rc": "1.2.7", + "rimraf": "2.6.2", + "semver": "5.5.0", + "tar": "4.4.1" + } + }, + "nopt": { + "version": "4.0.1", + "bundled": true, + "optional": true, + "requires": { + "abbrev": "1.1.1", + "osenv": "0.1.5" + } + }, + "npm-bundled": { + "version": "1.0.3", + "bundled": true, + "optional": true + }, + "npm-packlist": { + "version": "1.1.10", + "bundled": true, + "optional": true, + "requires": { + "ignore-walk": "3.0.1", + "npm-bundled": "1.0.3" + } + }, + "npmlog": { + "version": "4.1.2", + "bundled": true, + "optional": true, + "requires": { + "are-we-there-yet": "1.1.4", + "console-control-strings": "1.1.0", + "gauge": "2.7.4", + "set-blocking": "2.0.0" + } + }, + "number-is-nan": { + "version": "1.0.1", + "bundled": true + }, + "object-assign": { + "version": "4.1.1", + "bundled": true, + "optional": true + }, + "once": { + "version": "1.4.0", + "bundled": true, + "requires": { + "wrappy": "1.0.2" + } + }, + "os-homedir": { + "version": "1.0.2", + "bundled": true, + "optional": true + }, + "os-tmpdir": { + "version": "1.0.2", + "bundled": true, + "optional": true + }, + "osenv": { + "version": "0.1.5", + "bundled": true, + "optional": true, + "requires": { + "os-homedir": "1.0.2", + "os-tmpdir": "1.0.2" + } + }, + "path-is-absolute": { + "version": "1.0.1", + "bundled": true, + "optional": true + }, + "process-nextick-args": { + "version": "2.0.0", + "bundled": true, + "optional": true + }, + "rc": { + "version": "1.2.7", + "bundled": true, + "optional": true, + "requires": { + "deep-extend": "0.5.1", + "ini": "1.3.5", + "minimist": "1.2.0", + "strip-json-comments": "2.0.1" + }, + "dependencies": { + "minimist": { + "version": "1.2.0", + "bundled": true, + "optional": true + } + } + }, + "readable-stream": { + "version": "2.3.6", + "bundled": true, + "optional": true, + "requires": { + "core-util-is": "1.0.2", + "inherits": "2.0.3", + "isarray": "1.0.0", + "process-nextick-args": "2.0.0", + "safe-buffer": "5.1.1", + "string_decoder": "1.1.1", + "util-deprecate": "1.0.2" + } + }, + "rimraf": { + "version": "2.6.2", + "bundled": true, + "optional": true, + "requires": { + "glob": "7.1.2" + } + }, + "safe-buffer": { + "version": "5.1.1", + "bundled": true + }, + "safer-buffer": { + "version": "2.1.2", + "bundled": true, + "optional": true + }, + "sax": { + "version": "1.2.4", + "bundled": true, + "optional": true + }, + "semver": { + "version": "5.5.0", + "bundled": true, + "optional": true + }, + "set-blocking": { + "version": "2.0.0", + "bundled": true, + "optional": true + }, + "signal-exit": { + "version": "3.0.2", + "bundled": true, + "optional": true + }, + "string-width": { + "version": "1.0.2", + "bundled": true, + "requires": { + "code-point-at": "1.1.0", + "is-fullwidth-code-point": "1.0.0", + "strip-ansi": "3.0.1" + } + }, + "string_decoder": { + "version": "1.1.1", + "bundled": true, + "optional": true, + "requires": { + "safe-buffer": "5.1.1" + } + }, + "strip-ansi": { + "version": "3.0.1", + "bundled": true, + "requires": { + "ansi-regex": "2.1.1" + } + }, + "strip-json-comments": { + "version": "2.0.1", + "bundled": true, + "optional": true + }, + "tar": { + "version": "4.4.1", + "bundled": true, + "optional": true, + "requires": { + "chownr": "1.0.1", + "fs-minipass": "1.2.5", + "minipass": "2.2.4", + "minizlib": "1.1.0", + "mkdirp": "0.5.1", + "safe-buffer": "5.1.1", + "yallist": "3.0.2" + } + }, + "util-deprecate": { + "version": "1.0.2", + "bundled": true, + "optional": true + }, + "wide-align": { + "version": "1.1.2", + "bundled": true, + "optional": true, + "requires": { + "string-width": "1.0.2" + } + }, + "wrappy": { + "version": "1.0.2", + "bundled": true + }, + "yallist": { + "version": "3.0.2", + "bundled": true + } + } + }, "fstream": { "version": "1.0.11", "resolved": "https://registry.npmjs.org/fstream/-/fstream-1.0.11.tgz", @@ -5857,7 +6397,7 @@ }, "commander": { "version": "2.15.1", - "resolved": "https://registry.npmjs.org/commander/-/commander-2.15.1.tgz", + "resolved": "http://registry.npmjs.org/commander/-/commander-2.15.1.tgz", "integrity": "sha512-VlfT9F3V0v+jr4yxPc5gg9s62/fIVWsd2Bk2iD435um1NlGMYdVCq+MjcXnhYq2icNOizHr1kK+5TI6H0Hy0ag==", "dev": true }, @@ -6025,6 +6565,15 @@ } } }, + "good-listener": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/good-listener/-/good-listener-1.2.2.tgz", + "integrity": "sha1-1TswzfkxPf+33JoNR3CWqm0UXFA=", + "optional": true, + "requires": { + "delegate": "3.2.0" + } + }, "graceful-fs": { "version": "4.1.11", "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.11.tgz", @@ -6050,9 +6599,59 @@ "requires": { "async": "1.5.2", "optimist": "0.6.1", - "source-map": "0.4.4" + "source-map": "0.4.4", + "uglify-js": "2.8.29" }, "dependencies": { + "camelcase": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-1.2.1.tgz", + "integrity": "sha1-m7UwTS4LVmmLLHWLCKPqqdqlijk=", + "dev": true, + "optional": true + }, + "cliui": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/cliui/-/cliui-2.1.0.tgz", + "integrity": "sha1-S0dXYP+AJkx2LDoXGQMukcf+oNE=", + "dev": true, + "optional": true, + "requires": { + "center-align": "0.1.3", + "right-align": "0.1.3", + "wordwrap": "0.0.2" + }, + "dependencies": { + "center-align": { + "version": "0.1.3", + "resolved": "https://registry.npmjs.org/center-align/-/center-align-0.1.3.tgz", + "integrity": "sha1-qg0yYptu6XIgBBHL1EYckHvCt60=", + "dev": true, + "optional": true, + "requires": { + "align-text": "0.1.4", + "lazy-cache": "1.0.4" + } + }, + "right-align": { + "version": "0.1.3", + "resolved": "https://registry.npmjs.org/right-align/-/right-align-0.1.3.tgz", + "integrity": "sha1-YTObci/mo1FWiSENJOFMlhSGE+8=", + "dev": true, + "optional": true, + "requires": { + "align-text": "0.1.4" + } + } + } + }, + "decamelize": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz", + "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=", + "dev": true, + "optional": true + }, "source-map": { "version": "0.4.4", "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz", @@ -6061,6 +6660,63 @@ "requires": { "amdefine": "1.0.1" } + }, + "uglify-js": { + "version": "2.8.29", + "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-2.8.29.tgz", + "integrity": "sha1-KcVzMUgFe7Th913zW3qcty5qWd0=", + "dev": true, + "optional": true, + "requires": { + "source-map": "0.5.7", + "uglify-to-browserify": "1.0.2", + "yargs": "3.10.0" + }, + "dependencies": { + "source-map": { + "version": "0.5.7", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", + "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=", + "dev": true, + "optional": true + }, + "uglify-to-browserify": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/uglify-to-browserify/-/uglify-to-browserify-1.0.2.tgz", + "integrity": "sha1-bgkk1r2mta/jSeOabWMoUKD4grc=", + "dev": true, + "optional": true + } + } + }, + "wordwrap": { + "version": "0.0.2", + "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-0.0.2.tgz", + "integrity": "sha1-t5Zpu0LstAn4PVg8rVLKF+qhZD8=", + "dev": true, + "optional": true + }, + "yargs": { + "version": "3.10.0", + "resolved": "http://registry.npmjs.org/yargs/-/yargs-3.10.0.tgz", + "integrity": "sha1-9+572FfdfB0tOMDnTvvWgdFDH9E=", + "dev": true, + "optional": true, + "requires": { + "camelcase": "1.2.1", + "cliui": "2.1.0", + "decamelize": "1.2.0", + "window-size": "0.1.0" + }, + "dependencies": { + "window-size": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/window-size/-/window-size-0.1.0.tgz", + "integrity": "sha1-VDjNLqk7IC76Ohn+iIeu58lPnJ0=", + "dev": true, + "optional": true + } + } } } }, @@ -6373,7 +7029,7 @@ }, "http-errors": { "version": "1.6.3", - "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz", + "resolved": "http://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz", "integrity": "sha1-i1VoC7S+KDoLW/TqLjhYC+HZMg0=", "dev": true, "requires": { @@ -6449,17 +7105,23 @@ "dev": true, "requires": { "agent-base": "4.2.1", - "debug": "3.1.0" + "debug": "3.2.5" }, "dependencies": { "debug": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz", - "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==", + "version": "3.2.5", + "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.5.tgz", + "integrity": "sha512-D61LaDQPQkxJ5AUM2mbSJRbPkNs/TmdmOeLAi1hgDkpDfIfetSrjmWhccwtuResSwMbACjx/xXQofvM9CE/aeg==", "dev": true, "requires": { - "ms": "2.0.0" + "ms": "2.1.1" } + }, + "ms": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz", + "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==", + "dev": true } } }, @@ -6578,6 +7240,13 @@ "integrity": "sha1-rI9DbyI5td+2bV8NOpBKh6xnzF4=", "dev": true }, + "image-size": { + "version": "0.5.5", + "resolved": "https://registry.npmjs.org/image-size/-/image-size-0.5.5.tgz", + "integrity": "sha1-Cd/Uq50g4p6xw+gLiZA3jfnjy5w=", + "dev": true, + "optional": true + }, "immediate": { "version": "3.0.6", "resolved": "https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz", @@ -7103,7 +7772,7 @@ }, "is-obj": { "version": "1.0.1", - "resolved": "https://registry.npmjs.org/is-obj/-/is-obj-1.0.1.tgz", + "resolved": "http://registry.npmjs.org/is-obj/-/is-obj-1.0.1.tgz", "integrity": "sha1-PkcprB9f3gJc19g6iW2rn09n2w8=", "dev": true }, @@ -7664,6 +8333,12 @@ "esprima": "4.0.1" } }, + "jsbn": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz", + "integrity": "sha1-peZUwuWi3rXyAdls77yoDA7y9RM=", + "optional": true + }, "jsesc": { "version": "1.3.0", "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-1.3.0.tgz", @@ -7749,7 +8424,7 @@ }, "es6-promise": { "version": "3.0.2", - "resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-3.0.2.tgz", + "resolved": "http://registry.npmjs.org/es6-promise/-/es6-promise-3.0.2.tgz", "integrity": "sha1-AQ1YWEI6XxGJeWZfRkhqlcbuK7Y=", "dev": true }, @@ -7761,7 +8436,7 @@ }, "readable-stream": { "version": "2.0.6", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.0.6.tgz", + "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-2.0.6.tgz", "integrity": "sha1-j5A0HmilPMySh4jaz80Rs265t44=", "dev": true, "requires": { @@ -8082,13 +8757,13 @@ "dependencies": { "debug": { "version": "0.7.4", - "resolved": "https://registry.npmjs.org/debug/-/debug-0.7.4.tgz", + "resolved": "http://registry.npmjs.org/debug/-/debug-0.7.4.tgz", "integrity": "sha1-BuHqgILCyxTjmAbiLi9vdX+Srzk=", "dev": true }, "readable-stream": { "version": "1.1.14", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.1.14.tgz", + "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-1.1.14.tgz", "integrity": "sha1-fPTFTvZI44EwhMY23SB54WbAgdk=", "dev": true, "requires": { @@ -8159,7 +8834,7 @@ }, "readable-stream": { "version": "1.1.14", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.1.14.tgz", + "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-1.1.14.tgz", "integrity": "sha1-fPTFTvZI44EwhMY23SB54WbAgdk=", "dev": true, "requires": { @@ -8183,7 +8858,7 @@ "dependencies": { "debug": { "version": "0.7.4", - "resolved": "https://registry.npmjs.org/debug/-/debug-0.7.4.tgz", + "resolved": "http://registry.npmjs.org/debug/-/debug-0.7.4.tgz", "integrity": "sha1-BuHqgILCyxTjmAbiLi9vdX+Srzk=", "dev": true } @@ -8224,6 +8899,13 @@ "webpack-sources": "1.2.0" } }, + "lazy-cache": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-1.0.4.tgz", + "integrity": "sha1-odePw6UEdMuAhF07O24dpJpEbo4=", + "dev": true, + "optional": true + }, "lcid": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/lcid/-/lcid-2.0.0.tgz", @@ -8248,9 +8930,21 @@ "clone": "2.1.2", "errno": "0.1.7", "graceful-fs": "4.1.11", + "image-size": "0.5.5", "mime": "1.6.0", "mkdirp": "0.5.1", - "request": "2.88.0" + "promise": "7.3.1", + "request": "2.88.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, + "optional": true + } } }, "less-loader": { @@ -8811,6 +9505,12 @@ "object.assign": "4.1.0" } }, + "longest": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/longest/-/longest-1.0.1.tgz", + "integrity": "sha1-MKCy2jj3N3DoKUoNIuZiXtd9AJc=", + "dev": true + }, "longest-streak": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/longest-streak/-/longest-streak-2.0.2.tgz", @@ -9322,8 +10022,7 @@ "nan": { "version": "2.11.0", "resolved": "https://registry.npmjs.org/nan/-/nan-2.11.0.tgz", - "integrity": "sha512-F4miItu2rGnV2ySkXOQoA8FKz/SR2Q2sWP0sbTxNxz/tuokeC8WxOhPMcwi0qIyGtVn/rrSeLbvVkznqCdwYnw==", - "dev": true + "integrity": "sha512-F4miItu2rGnV2ySkXOQoA8FKz/SR2Q2sWP0sbTxNxz/tuokeC8WxOhPMcwi0qIyGtVn/rrSeLbvVkznqCdwYnw==" }, "nanomatch": { "version": "1.2.13", @@ -10181,7 +10880,7 @@ }, "parse-asn1": { "version": "5.1.1", - "resolved": "https://registry.npmjs.org/parse-asn1/-/parse-asn1-5.1.1.tgz", + "resolved": "http://registry.npmjs.org/parse-asn1/-/parse-asn1-5.1.1.tgz", "integrity": "sha512-KPx7flKXg775zZpnp9SxJlz00gTd4BmJ2yJufSc44gMCRrRQ7NSzAcSJQfifuOLgW6bEi+ftrALtsgALeB2Adw==", "dev": true, "requires": { @@ -10333,7 +11032,7 @@ }, "pause-stream": { "version": "0.0.11", - "resolved": "https://registry.npmjs.org/pause-stream/-/pause-stream-0.0.11.tgz", + "resolved": "http://registry.npmjs.org/pause-stream/-/pause-stream-0.0.11.tgz", "integrity": "sha1-/lo0sMvOErWqaitAPuLnO2AvFEU=", "dev": true, "requires": { @@ -10832,7 +11531,7 @@ }, "postcss-custom-properties": { "version": "6.3.1", - "resolved": "https://registry.npmjs.org/postcss-custom-properties/-/postcss-custom-properties-6.3.1.tgz", + "resolved": "http://registry.npmjs.org/postcss-custom-properties/-/postcss-custom-properties-6.3.1.tgz", "integrity": "sha512-zoiwn4sCiUFbr4KcgcNZLFkR6gVQom647L+z1p/KBVHZ1OYwT87apnS42atJtx6XlX2yI7N5fjXbFixShQO2QQ==", "dev": true, "requires": { @@ -11846,7 +12545,10 @@ "prismjs": { "version": "1.15.0", "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.15.0.tgz", - "integrity": "sha512-Lf2JrFYx8FanHrjoV5oL8YHCclLQgbJcVZR+gikGGMqz6ub5QVWDTM6YIwm3BuPxM/LOV+rKns3LssXNLIf+DA==" + "integrity": "sha512-Lf2JrFYx8FanHrjoV5oL8YHCclLQgbJcVZR+gikGGMqz6ub5QVWDTM6YIwm3BuPxM/LOV+rKns3LssXNLIf+DA==", + "requires": { + "clipboard": "2.0.1" + } }, "private": { "version": "0.1.8", @@ -11871,6 +12573,16 @@ "integrity": "sha1-ihvjZr+Pwj2yvSPxDG/pILQ4nR8=", "dev": true }, + "promise": { + "version": "7.3.1", + "resolved": "https://registry.npmjs.org/promise/-/promise-7.3.1.tgz", + "integrity": "sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==", + "dev": true, + "optional": true, + "requires": { + "asap": "2.0.6" + } + }, "promise-inflight": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/promise-inflight/-/promise-inflight-1.0.1.tgz", @@ -11878,9 +12590,9 @@ "dev": true }, "protractor": { - "version": "5.4.0", - "resolved": "https://registry.npmjs.org/protractor/-/protractor-5.4.0.tgz", - "integrity": "sha512-6TSYqMhUUzxr4/wN0ttSISqPMKvcVRXF4k8jOEpGWD8OioLak4KLgfzHK9FJ49IrjzRrZ+Mx1q2Op8Rk0zEcnQ==", + "version": "5.4.1", + "resolved": "https://registry.npmjs.org/protractor/-/protractor-5.4.1.tgz", + "integrity": "sha512-ORey5ewQMYiXQxcQohsqEiKYOg/r5yJoJbt0tuROmmgajdg/CA3gTOZNIFJncUVMAJIk5YFqBBLUjKVmQO6tfA==", "dev": true, "requires": { "@types/node": "6.0.117", @@ -11897,7 +12609,7 @@ "saucelabs": "1.5.0", "selenium-webdriver": "3.6.0", "source-map-support": "0.4.18", - "webdriver-js-extender": "2.0.0", + "webdriver-js-extender": "2.1.0", "webdriver-manager": "12.1.0" }, "dependencies": { @@ -12053,7 +12765,7 @@ }, "public-encrypt": { "version": "4.0.2", - "resolved": "https://registry.npmjs.org/public-encrypt/-/public-encrypt-4.0.2.tgz", + "resolved": "http://registry.npmjs.org/public-encrypt/-/public-encrypt-4.0.2.tgz", "integrity": "sha512-4kJ5Esocg8X3h8YgJsKAuoesBgB7mqH3eowiDzMUPKiRDDE7E/BqqZD1hnTByIaAFiwAw246YEltSq7tdrOH0Q==", "dev": true, "requires": { @@ -12569,7 +13281,7 @@ }, "readable-stream": { "version": "2.3.6", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", + "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", "requires": { "core-util-is": "1.0.2", @@ -12725,7 +13437,7 @@ }, "readable-stream": { "version": "2.0.6", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.0.6.tgz", + "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-2.0.6.tgz", "integrity": "sha1-j5A0HmilPMySh4jaz80Rs265t44=", "dev": true, "requires": { @@ -12873,7 +13585,7 @@ }, "readable-stream": { "version": "1.0.34", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.0.34.tgz", + "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-1.0.34.tgz", "integrity": "sha1-Elgg40vIQtLyqq+v5MKRbuMsFXw=", "dev": true, "requires": { @@ -13378,6 +14090,12 @@ } } }, + "select": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/select/-/select-1.1.2.tgz", + "integrity": "sha1-DnNQrN7ICxEIUoeG7B1EGNEbOW0=", + "optional": true + }, "select-hose": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/select-hose/-/select-hose-2.0.0.tgz", @@ -13551,7 +14269,7 @@ }, "sha.js": { "version": "2.4.11", - "resolved": "https://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz", + "resolved": "http://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz", "integrity": "sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==", "dev": true, "requires": { @@ -14038,9 +14756,13 @@ "requires": { "asn1": "0.2.4", "assert-plus": "1.0.0", + "bcrypt-pbkdf": "1.0.2", "dashdash": "1.14.1", + "ecc-jsbn": "0.1.2", "getpass": "0.1.7", - "safer-buffer": "2.1.2" + "jsbn": "0.1.1", + "safer-buffer": "2.1.2", + "tweetnacl": "0.14.5" } }, "ssri": { @@ -14124,7 +14846,7 @@ }, "stream-combiner": { "version": "0.2.2", - "resolved": "https://registry.npmjs.org/stream-combiner/-/stream-combiner-0.2.2.tgz", + "resolved": "http://registry.npmjs.org/stream-combiner/-/stream-combiner-0.2.2.tgz", "integrity": "sha1-rsjLrBd7Vrb0+kec7YwZEs7lKFg=", "dev": true, "requires": { @@ -14953,7 +15675,7 @@ }, "through": { "version": "2.3.8", - "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz", + "resolved": "http://registry.npmjs.org/through/-/through-2.3.8.tgz", "integrity": "sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=", "dev": true }, @@ -14994,6 +15716,12 @@ "integrity": "sha1-QFQRqOfmM5/mTbmiNN4R3DHgK9Q=", "dev": true }, + "tiny-emitter": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/tiny-emitter/-/tiny-emitter-2.0.2.tgz", + "integrity": "sha512-2NM0auVBGft5tee/OxP4PI3d8WItkDM+fPnaRAVo6xTDI2knbz9eC5ArWGqtGlYqiH3RU5yMpdyTTO7MguC4ow==", + "optional": true + }, "tmp": { "version": "0.0.33", "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz", @@ -15293,7 +16021,7 @@ }, "tslint-sonarts": { "version": "1.6.0", - "resolved": "https://registry.npmjs.org/tslint-sonarts/-/tslint-sonarts-1.6.0.tgz", + "resolved": "http://registry.npmjs.org/tslint-sonarts/-/tslint-sonarts-1.6.0.tgz", "integrity": "sha512-kfgUuVUwTidHkCVMKJhCCQMJOB76UuzuTd4eMjTUau5E3MYIdq+Qyv5LGCoWT6q/fJr6jb9Is96XJrfyfJ1+MA==", "dev": true, "requires": { @@ -15323,6 +16051,12 @@ "safe-buffer": "5.1.2" } }, + "tweetnacl": { + "version": "0.14.5", + "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz", + "integrity": "sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=", + "optional": true + }, "type-check": { "version": "0.3.2", "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.3.2.tgz", @@ -15967,9 +16701,9 @@ } }, "webdriver-js-extender": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/webdriver-js-extender/-/webdriver-js-extender-2.0.0.tgz", - "integrity": "sha512-fbyKiVu3azzIc5d4+26YfuPQcFTlgFQV5yQ/0OQj4Ybkl4g1YQuIPskf5v5wqwRJhHJnPHthB6tqCjWHOKLWag==", + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/webdriver-js-extender/-/webdriver-js-extender-2.1.0.tgz", + "integrity": "sha512-lcUKrjbBfCK6MNsh7xaY2UAUmZwe+/ib03AjVOpFobX4O7+83BUveSrLfU0Qsyb1DaKJdQRbuU+kM9aZ6QUhiQ==", "dev": true, "requires": { "@types/selenium-webdriver": "3.0.10", @@ -16191,7 +16925,7 @@ "dependencies": { "jsonfile": { "version": "2.4.0", - "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-2.4.0.tgz", + "resolved": "http://registry.npmjs.org/jsonfile/-/jsonfile-2.4.0.tgz", "integrity": "sha1-NzaitCi4e72gzIO1P6PWM6NcKug=", "dev": true, "requires": { diff --git a/showcase/package.json b/showcase/package.json index b509c5cd69..4f225b8147 100644 --- a/showcase/package.json +++ b/showcase/package.json @@ -117,37 +117,37 @@ "@angular/compiler": "6.1.7", "@angular/compiler-cli": "6.1.7", "@angular/core": "6.1.7", - "@angular/flex-layout": "^6.0.0-beta.15", + "@angular/flex-layout": "6.0.0-beta.17", "@angular/forms": "6.1.7", "@angular/material": "6.4.7", "@angular/platform-browser": "6.1.7", "@angular/platform-browser-dynamic": "6.1.7", "@angular/platform-server": "6.1.7", "@angular/router": "6.1.7", - "@nationalbankbelgium/stark-core": "file:../dist/packages-dist/stark-core/nationalbankbelgium-stark-core-10.0.0-alpha.5-846fdad.tgz", - "@nationalbankbelgium/stark-ui": "file:../dist/packages-dist/stark-ui/nationalbankbelgium-stark-ui-10.0.0-alpha.5-846fdad.tgz", + "@nationalbankbelgium/stark-core": "file:../dist/packages-dist/stark-core/nationalbankbelgium-stark-core-10.0.0-alpha.5-32ee56c.tgz", + "@nationalbankbelgium/stark-ui": "file:../dist/packages-dist/stark-ui/nationalbankbelgium-stark-ui-10.0.0-alpha.5-32ee56c.tgz", "@uirouter/visualizer": "6.0.2", - "basscss": "^8.0.2", + "basscss": "8.0.2", "core-js": "2.5.7", "eligrey-classlist-js-polyfill": "1.2.20180112", "event-source-polyfill": "0.0.16", "http-server": "0.11.1", "ngrx-store-freeze": "0.2.4", "ngrx-store-logger": "0.2.2", - "normalize.css": "^8.0.0", + "normalize.css": "8.0.0", "reflect-metadata": "0.1.12", "rxjs": "6.3.2", "rxjs-compat": "6.3.2", "zone.js": "0.8.26" }, "devDependencies": { - "@nationalbankbelgium/stark-build": "file:../dist/packages-dist/stark-build/nationalbankbelgium-stark-build-10.0.0-alpha.5-846fdad.tgz", - "@nationalbankbelgium/stark-testing": "file:../dist/packages-dist/stark-testing/nationalbankbelgium-stark-testing-10.0.0-alpha.5-846fdad.tgz", + "@compodoc/compodoc": "1.1.5", + "@nationalbankbelgium/stark-build": "file:../dist/packages-dist/stark-build/nationalbankbelgium-stark-build-10.0.0-alpha.5-32ee56c.tgz", + "@nationalbankbelgium/stark-testing": "file:../dist/packages-dist/stark-testing/nationalbankbelgium-stark-testing-10.0.0-alpha.5-32ee56c.tgz", "@types/core-js": "2.5.0", "@types/hammerjs": "2.0.36", "@types/node": "8.10.15", "@types/webpack-env": "1.13.6", - "@compodoc/compodoc": "1.1.5", "cross-env": "^5.1.5", "find-root": "^1.1.0", "gh-pages": "1.2.0", @@ -155,7 +155,7 @@ "lint-staged": "7.2.2", "npm-run-all": "^4.1.3", "parse5": "^5.0.0", - "protractor": "^5.3.2", + "protractor": "^5.4.1", "rimraf": "2.6.2", "ts-node": "7.0.1", "tslib": "1.9.3", diff --git a/showcase/src/app/demo/action-bar/action-bar.component.html b/showcase/src/app/demo/action-bar/action-bar.component.html index ef5d284944..5ec6097c4b 100644 --- a/showcase/src/app/demo/action-bar/action-bar.component.html +++ b/showcase/src/app/demo/action-bar/action-bar.component.html @@ -1,14 +1,19 @@ - - - +

SHOWCASE.DEMO.ACTION_BAR.TITLE

+
+

SHOWCASE.DEMO.SHARED.EXAMPLE_VIEWER_LIST

+
+ + + - - - + + + - - - + + + +
+
diff --git a/showcase/src/app/demo/breadcrumb/breadcrumb.component.html b/showcase/src/app/demo/breadcrumb/breadcrumb.component.html index fd810130f1..e8b59a8fdd 100644 --- a/showcase/src/app/demo/breadcrumb/breadcrumb.component.html +++ b/showcase/src/app/demo/breadcrumb/breadcrumb.component.html @@ -1,9 +1,14 @@ - - - - +

SHOWCASE.DEMO.BREADCRUMB.TITLE

+
+

SHOWCASE.DEMO.SHARED.EXAMPLE_VIEWER_LIST

- - - - + + + + + + + + + +
diff --git a/showcase/src/app/demo/button/button.component.html b/showcase/src/app/demo/button/button.component.html index 373efb5494..6ee8bf419b 100644 --- a/showcase/src/app/demo/button/button.component.html +++ b/showcase/src/app/demo/button/button.component.html @@ -1,229 +1,233 @@ - -
- - - - - - - - -
- +

SHOWCASE.DEMO.BUTTON.TITLE

+
+

SHOWCASE.DEMO.SHARED.EXAMPLE_VIEWER_LIST

+ +
+ + + + + + + + +
+ - -
- - - - - - - - -
- + +
+ + + + + + + + +
+ - -
- - - - - - - - -
- + +
+ + + + + + + + +
+ - -
- - - - - - - - -
- + +
+ + + + + + + + +
+ - -
- - - - - - - - -
- + +
+ + + + + + + + +
+ - -
- - - - - - - - -
- + +
+ + + + + + + + +
+ - -
- - - - - - - - -
- + +
+ + + + + + + + +
+ - -
- - - - - - - - -
- + +
+ + + + + + + + +
+ - -
- - - - - - - - -
- + +
+ + + + + + + + +
+ - -
- - - - - - - - -
- + +
+ + + + + + + + +
+ +
diff --git a/showcase/src/app/demo/card/demo-card.component.html b/showcase/src/app/demo/card/demo-card.component.html index c680248a86..78297f897a 100644 --- a/showcase/src/app/demo/card/demo-card.component.html +++ b/showcase/src/app/demo/card/demo-card.component.html @@ -1,4 +1,4 @@ -

SHOWCASE.DEMO.CARD.TITLE

+

SHOWCASE.DEMO.CARD.TITLE

SHOWCASE.DEMO.CARD.BASIC.TITLE

diff --git a/showcase/src/app/demo/collapsible/demo-collapsible.component.html b/showcase/src/app/demo/collapsible/demo-collapsible.component.html index 620d5228d1..373531388d 100644 --- a/showcase/src/app/demo/collapsible/demo-collapsible.component.html +++ b/showcase/src/app/demo/collapsible/demo-collapsible.component.html @@ -1,47 +1,51 @@ - - - {{ 'SHOWCASE.DEMO.COLLAPSIBLE.HTML_CONTENT' | translate }} - - - {{ collapsed[0] ? "SHOWCASE.DEMO.COLLAPSIBLE.OPEN" : "SHOWCASE.DEMO.COLLAPSIBLE.CLOSED" }} - +

SHOWCASE.DEMO.COLLAPSIBLE.TITLE

+
+

SHOWCASE.DEMO.SHARED.EXAMPLE_VIEWER_LIST

+ + + {{ 'SHOWCASE.DEMO.COLLAPSIBLE.HTML_CONTENT' | translate }} + + + {{ collapsed[0] ? "SHOWCASE.DEMO.COLLAPSIBLE.OPEN" : "SHOWCASE.DEMO.COLLAPSIBLE.CLOSED" }} + - - - {{ 'SHOWCASE.DEMO.COLLAPSIBLE.HTML_CONTENT' | translate }} - - - {{ collapsed[1] ? "SHOWCASE.DEMO.COLLAPSIBLE.OPEN" : "SHOWCASE.DEMO.COLLAPSIBLE.CLOSED" }} -
- - {{ 'SHOWCASE.DEMO.COLLAPSIBLE.HTML_CONTENT' | translate }} - - - {{ collapsed[2] ? "SHOWCASE.DEMO.COLLAPSIBLE.OPEN" : "SHOWCASE.DEMO.COLLAPSIBLE.CLOSED" }} -
- - {{ 'SHOWCASE.DEMO.COLLAPSIBLE.HTML_CONTENT' | translate }} - - - {{ collapsed[3] ? "SHOWCASE.DEMO.COLLAPSIBLE.OPEN" : "SHOWCASE.DEMO.COLLAPSIBLE.CLOSED" }} - + + + {{ 'SHOWCASE.DEMO.COLLAPSIBLE.HTML_CONTENT' | translate }} + + + {{ collapsed[1] ? "SHOWCASE.DEMO.COLLAPSIBLE.OPEN" : "SHOWCASE.DEMO.COLLAPSIBLE.CLOSED" }} +
+ + {{ 'SHOWCASE.DEMO.COLLAPSIBLE.HTML_CONTENT' | translate }} + + + {{ collapsed[2] ? "SHOWCASE.DEMO.COLLAPSIBLE.OPEN" : "SHOWCASE.DEMO.COLLAPSIBLE.CLOSED" }} +
+ + {{ 'SHOWCASE.DEMO.COLLAPSIBLE.HTML_CONTENT' | translate }} + + + {{ collapsed[3] ? "SHOWCASE.DEMO.COLLAPSIBLE.OPEN" : "SHOWCASE.DEMO.COLLAPSIBLE.CLOSED" }} + +
diff --git a/showcase/src/app/demo/colors/demo-colors.component.html b/showcase/src/app/demo/colors/demo-colors.component.html index 7a9b77bf89..3ed6aa61db 100644 --- a/showcase/src/app/demo/colors/demo-colors.component.html +++ b/showcase/src/app/demo/colors/demo-colors.component.html @@ -1,4 +1,4 @@ -

SHOWCASE.DEMO.COLORS.TITLE

+

SHOWCASE.DEMO.COLORS.TITLE

SHOWCASE.DEMO.COLORS.BASIC.TITLE

diff --git a/showcase/src/app/demo/date-picker/date-picker.component.html b/showcase/src/app/demo/date-picker/date-picker.component.html index 5730dc25cc..0fa7cd7eb0 100644 --- a/showcase/src/app/demo/date-picker/date-picker.component.html +++ b/showcase/src/app/demo/date-picker/date-picker.component.html @@ -1,11 +1,18 @@ - - - +

SHOWCASE.DEMO.DATE_PICKER.TITLE

+
+

SHOWCASE.DEMO.SHARED.EXAMPLE_VIEWER_LIST

+ + + - - - + + + - - - \ No newline at end of file + + + +
diff --git a/showcase/src/app/demo/date-range-picker/date-range-picker.component.html b/showcase/src/app/demo/date-range-picker/date-range-picker.component.html index 4b80787184..0678f9f7ac 100644 --- a/showcase/src/app/demo/date-range-picker/date-range-picker.component.html +++ b/showcase/src/app/demo/date-range-picker/date-range-picker.component.html @@ -1,20 +1,13 @@ - -
- - -
- isDisabled - +

SHOWCASE.DEMO.DATE_PICKER.TITLE

+
+

SHOWCASE.DEMO.SHARED.EXAMPLE_VIEWER_LIST

+ +
+ + +
+ isDisabled + +
diff --git a/showcase/src/app/demo/dropdown/demo-dropdown.component.html b/showcase/src/app/demo/dropdown/demo-dropdown.component.html index 61ae6fc18c..4b464a4f3f 100644 --- a/showcase/src/app/demo/dropdown/demo-dropdown.component.html +++ b/showcase/src/app/demo/dropdown/demo-dropdown.component.html @@ -1,86 +1,51 @@ - - - - -
{{ 'SHOWCASE.DEMO.DROPDOWNS.SELECTED_VALUE' | translate }}: {{ selectedService }}
- +

SHOWCASE.DEMO.DROPDOWN.TITLE

+
+

SHOWCASE.DEMO.SHARED.EXAMPLE_VIEWER_LIST

+ + + - - - -
{{ 'SHOWCASE.DEMO.DROPDOWNS.SELECTED_VALUE' | translate }}: {{ selectedNumber }}
- +
{{ 'SHOWCASE.DEMO.DROPDOWN.SELECTED_VALUE' | translate }}: {{ selectedService }}
+ - - - -
{{ 'SHOWCASE.DEMO.DROPDOWNS.SELECTED_VALUES' | translate }}: {{ selectedServices }}
- + + + +
{{ 'SHOWCASE.DEMO.DROPDOWN.SELECTED_VALUE' | translate }}: {{ selectedNumber }}
+ - - - -
{{ 'SHOWCASE.DEMO.DROPDOWNS.SELECTED_VALUES' | translate }}: {{ selectedRequiredServices }}
- + + + +
{{ 'SHOWCASE.DEMO.DROPDOWN.SELECTED_VALUES' | translate }}: {{ selectedServices }}
+ - - - - + + + +
{{ 'SHOWCASE.DEMO.DROPDOWN.SELECTED_VALUES' | translate }} : {{ selectedRequiredServices }}
+ - - - + + + + -
{{ 'SHOWCASE.DEMO.DROPDOWNS.SELECTED_VALUE' | translate }}: {{ selectedServiceWhiteDropdown }}
- + + + + +
{{ 'SHOWCASE.DEMO.DROPDOWN.SELECTED_VALUE' | + translate }}: {{ selectedServiceWhiteDropdown }}
+ +
diff --git a/showcase/src/app/demo/dropdown/demo-dropdown.component.ts b/showcase/src/app/demo/dropdown/demo-dropdown.component.ts index 701fec22ab..05dbe004c3 100644 --- a/showcase/src/app/demo/dropdown/demo-dropdown.component.ts +++ b/showcase/src/app/demo/dropdown/demo-dropdown.component.ts @@ -20,9 +20,9 @@ export class DemoDropdownComponent implements OnInit { */ public ngOnInit(): void { this.serviceDropdownOptions = [ - { id: "PR", value: "SHOWCASE.DEMO.DROPDOWNS.PR" }, - { id: "IO", value: "SHOWCASE.DEMO.DROPDOWNS.IO" }, - { id: "CS", value: "SHOWCASE.DEMO.DROPDOWNS.CS" } + { id: "PR", value: "SHOWCASE.DEMO.DROPDOWN.PR" }, + { id: "IO", value: "SHOWCASE.DEMO.DROPDOWN.IO" }, + { id: "CS", value: "SHOWCASE.DEMO.DROPDOWN.CS" } ]; } diff --git a/showcase/src/app/demo/example-viewer/example-viewer.component.html b/showcase/src/app/demo/example-viewer/example-viewer.component.html index 4960c542f7..b6327309b2 100644 --- a/showcase/src/app/demo/example-viewer/example-viewer.component.html +++ b/showcase/src/app/demo/example-viewer/example-viewer.component.html @@ -1,11 +1,15 @@ - -

Raised Buttons

-
- - - - - - Link -
- +

SHOWCASE.DEMO.EXAMPLE_VIEWER.TITLE

+
+

SHOWCASE.DEMO.SHARED.EXAMPLE_VIEWER_LIST

+ +

Raised Buttons

+
+ + + + + + Link +
+ +
diff --git a/showcase/src/app/demo/header/header.component.html b/showcase/src/app/demo/header/header.component.html index db504701c0..0325b5d830 100644 --- a/showcase/src/app/demo/header/header.component.html +++ b/showcase/src/app/demo/header/header.component.html @@ -1,16 +1,20 @@ - -

SHOWCASE.DEMO.HEADER.TITLE

-

SHOWCASE.DEMO.HEADER.INTRO

+

SHOWCASE.DEMO.HEADER.TITLE

+
+

SHOWCASE.DEMO.HEADER.EXPLAINED

+

+

+ +
    +
  • +
  • +
  • +
  • +
+
+
+

SHOWCASE.DEMO.HEADER.INTEGRATION

+

SHOWCASE.DEMO.HEADER.INTEGRATION_DETAILS

SHOWCASE.DEMO.HEADER.COPY_PASTE

-

-

- -
    -
  • -
  • -
  • -
  • -
- +
diff --git a/showcase/src/app/demo/keyboard-directives/keyboard-directives.component.html b/showcase/src/app/demo/keyboard-directives/keyboard-directives.component.html index df5d1531f7..92d538236a 100644 --- a/showcase/src/app/demo/keyboard-directives/keyboard-directives.component.html +++ b/showcase/src/app/demo/keyboard-directives/keyboard-directives.component.html @@ -1,63 +1,55 @@ - -
-

SHOWCASE.DEMO.KEYBOARD_DIRECTIVES.ON_ENTER_KEY.DESCRIPTION

- - SHOWCASE.DEMO.KEYBOARD_DIRECTIVES.ON_ENTER_KEY.INPUT_WITH_CONTEXT - - - - SHOWCASE.DEMO.KEYBOARD_DIRECTIVES.ON_ENTER_KEY.INPUT_WITHOUT_CONTEXT - - - - SHOWCASE.DEMO.KEYBOARD_DIRECTIVES.ON_ENTER_KEY.INPUT_WITHOUT_CONTEXT_ALTERNATIVE - - - -
- - 
{{ logging }}
- +

SHOWCASE.DEMO.KEYBOARD_DIRECTIVES.TITLE

+
+

SHOWCASE.DEMO.SHARED.EXAMPLE_VIEWER_LIST

+ +
+

SHOWCASE.DEMO.KEYBOARD_DIRECTIVES.ON_ENTER_KEY.DESCRIPTION

+ + SHOWCASE.DEMO.KEYBOARD_DIRECTIVES.ON_ENTER_KEY.INPUT_WITH_CONTEXT + + + + SHOWCASE.DEMO.KEYBOARD_DIRECTIVES.ON_ENTER_KEY.INPUT_WITHOUT_CONTEXT + + + + SHOWCASE.DEMO.KEYBOARD_DIRECTIVES.ON_ENTER_KEY.INPUT_WITHOUT_CONTEXT_ALTERNATIVE + + + +
+ + 
{{ logging }}
+ - -
-

SHOWCASE.DEMO.KEYBOARD_DIRECTIVES.RESTRICT_INPUT.DESCRIPTION

- - SHOWCASE.DEMO.KEYBOARD_DIRECTIVES.RESTRICT_INPUT.INPUT_ONLY_NUMBERS - - - - SHOWCASE.DEMO.KEYBOARD_DIRECTIVES.RESTRICT_INPUT.INPUT_ALPHANUMERICAL_CHARACTERS - - - - - SHOWCASE.DEMO.KEYBOARD_DIRECTIVES.RESTRICT_INPUT.INPUT_NO_SPECIAL_CHARACTERS - - - - - SHOWCASE.DEMO.KEYBOARD_DIRECTIVES.RESTRICT_INPUT.INPUT_UPPERCASE_CHARACTERS - - -
- + +
+

SHOWCASE.DEMO.KEYBOARD_DIRECTIVES.RESTRICT_INPUT.DESCRIPTION

+ + SHOWCASE.DEMO.KEYBOARD_DIRECTIVES.RESTRICT_INPUT.INPUT_ONLY_NUMBERS + + + + SHOWCASE.DEMO.KEYBOARD_DIRECTIVES.RESTRICT_INPUT.INPUT_ALPHANUMERICAL_CHARACTERS + + + + + SHOWCASE.DEMO.KEYBOARD_DIRECTIVES.RESTRICT_INPUT.INPUT_NO_SPECIAL_CHARACTERS + + + + + SHOWCASE.DEMO.KEYBOARD_DIRECTIVES.RESTRICT_INPUT.INPUT_UPPERCASE_CHARACTERS + + +
+ +
diff --git a/showcase/src/app/demo/language-selector/demo-language-selector.component.html b/showcase/src/app/demo/language-selector/demo-language-selector.component.html index e3639cd064..8ad16def5a 100644 --- a/showcase/src/app/demo/language-selector/demo-language-selector.component.html +++ b/showcase/src/app/demo/language-selector/demo-language-selector.component.html @@ -1,11 +1,11 @@ - - - +

SHOWCASE.DEMO.LANGUAGE_SELECTOR.TITLE

+
+

SHOWCASE.DEMO.SHARED.EXAMPLE_VIEWER_LIST

+ + + - - - + + + +
diff --git a/showcase/src/app/demo/logout/logout.component.html b/showcase/src/app/demo/logout/logout.component.html index 92a92535dd..99ee0aed6f 100644 --- a/showcase/src/app/demo/logout/logout.component.html +++ b/showcase/src/app/demo/logout/logout.component.html @@ -1,7 +1,11 @@ - - - +

SHOWCASE.DEMO.LANGUAGE_SELECTOR.TITLE

+
+

SHOWCASE.DEMO.SHARED.EXAMPLE_VIEWER_LIST

+ + + - - - + + + +
diff --git a/showcase/src/app/demo/pretty-print/demo-pretty-print.component.html b/showcase/src/app/demo/pretty-print/demo-pretty-print.component.html index 13b4e700f2..14fa4b6756 100644 --- a/showcase/src/app/demo/pretty-print/demo-pretty-print.component.html +++ b/showcase/src/app/demo/pretty-print/demo-pretty-print.component.html @@ -1,57 +1,46 @@ - -

SHOWCASE.DEMO.PRETTY-PRINT.TRY_IT_YOURSELF

-
-
- - - -
-
- - - - {{ 'SHOWCASE.DEMO.PRETTY-PRINT.ENABLE_HIGHLIGHTING' | translate }} - -
-
- - -
-
- - - - - -
{{ fileType.rawData }}
- - -
- +
- - - - - - +
+ + + + {{ 'SHOWCASE.DEMO.PRETTY_PRINT.ENABLE_HIGHLIGHTING' | translate }} + +
+
+ + +
+ + +
+
+

SHOWCASE.DEMO.SHARED.EXAMPLE_VIEWER_LIST

+ + + +
{{ fileType.rawData }}
+ + +
+ +
+ + + + + + +
diff --git a/showcase/src/app/demo/pretty-print/demo-pretty-print.component.ts b/showcase/src/app/demo/pretty-print/demo-pretty-print.component.ts index 34a6fdaddc..de247d9926 100644 --- a/showcase/src/app/demo/pretty-print/demo-pretty-print.component.ts +++ b/showcase/src/app/demo/pretty-print/demo-pretty-print.component.ts @@ -55,7 +55,7 @@ export class DemoPrettyPrintComponent implements OnInit { private addCss(): void { const fileType: FileType = { format: "css", - title: "SHOWCASE.DEMO.PRETTY-PRINT.CSS", + title: "SHOWCASE.DEMO.PRETTY_PRINT.CSS", path: "pretty-print/css", rawData: [ "body{background: #D2DA9C url(leftcolbg.jpg)repeat-y left top;color: #FFF;}", @@ -68,7 +68,7 @@ export class DemoPrettyPrintComponent implements OnInit { private addScss(): void { const fileType: FileType = { format: "scss", - title: "SHOWCASE.DEMO.PRETTY-PRINT.SCSS", + title: "SHOWCASE.DEMO.PRETTY_PRINT.SCSS", path: "pretty-print/scss", rawData: [ "$font-stack: Helvetica, sans-serif; $primary-color: #333; body { font: 100% $font-stack; color: $primary-color; }" @@ -80,7 +80,7 @@ export class DemoPrettyPrintComponent implements OnInit { private addHtml(): void { const fileType: FileType = { format: "html", - title: "SHOWCASE.DEMO.PRETTY-PRINT.HTML", + title: "SHOWCASE.DEMO.PRETTY_PRINT.HTML", path: "pretty-print/html", rawData: `

This is a heading

@@ -92,7 +92,7 @@ export class DemoPrettyPrintComponent implements OnInit { private addJavascript(): void { const fileType: FileType = { format: "javascript", - title: "SHOWCASE.DEMO.PRETTY-PRINT.JAVASCRIPT", + title: "SHOWCASE.DEMO.PRETTY_PRINT.JAVASCRIPT", path: "pretty-print/javascript", rawData: [ "function calculateData(seed, operationFn) {", @@ -110,7 +110,7 @@ export class DemoPrettyPrintComponent implements OnInit { private addTypescript(): void { const fileType: FileType = { format: "typescript", - title: "SHOWCASE.DEMO.PRETTY-PRINT.TYPESCRIPT", + title: "SHOWCASE.DEMO.PRETTY_PRINT.TYPESCRIPT", path: "pretty-print/typescript", rawData: [ "function calculateData(seed:any, operationFn:Function):any {", @@ -128,7 +128,7 @@ export class DemoPrettyPrintComponent implements OnInit { private addJson(): void { const fileType: FileType = { format: "json", - title: "SHOWCASE.DEMO.PRETTY-PRINT.JSON", + title: "SHOWCASE.DEMO.PRETTY_PRINT.JSON", path: "pretty-print/json", rawData: [ '{"menu": { "id": "file", "value": "File",', @@ -143,7 +143,7 @@ export class DemoPrettyPrintComponent implements OnInit { private addXml(): void { const fileType: FileType = { format: "xml", - title: "SHOWCASE.DEMO.PRETTY-PRINT.XML", + title: "SHOWCASE.DEMO.PRETTY_PRINT.XML", path: "pretty-print/xml", rawData: `

@@ -155,7 +155,7 @@ export class DemoPrettyPrintComponent implements OnInit { private addSql(): void { const fileType: FileType = { format: "sql", - title: "SHOWCASE.DEMO.PRETTY-PRINT.SQL", + title: "SHOWCASE.DEMO.PRETTY_PRINT.SQL", path: "pretty-print/sql", rawData: [ "SELECT DISTINCT Name FROM Production.Product AS p WHERE EXISTS (SELECT * ", diff --git a/showcase/src/app/demo/sidebar/demo-sidebar.component.html b/showcase/src/app/demo/sidebar/demo-sidebar.component.html index 23385c9b78..2d9cc78f16 100644 --- a/showcase/src/app/demo/sidebar/demo-sidebar.component.html +++ b/showcase/src/app/demo/sidebar/demo-sidebar.component.html @@ -1,5 +1,9 @@ +

SHOWCASE.DEMO.LANGUAGE_SELECTOR.TITLE

+
+

SHOWCASE.DEMO.SHARED.EXAMPLE_VIEWER_LIST

+
diff --git a/showcase/src/app/demo/slider/slider.component.html b/showcase/src/app/demo/slider/slider.component.html index c20e3e6a57..f06d4e22be 100644 --- a/showcase/src/app/demo/slider/slider.component.html +++ b/showcase/src/app/demo/slider/slider.component.html @@ -1,133 +1,80 @@ - -
- - +

SHOWCASE.DEMO.SLIDER.TITLE

+
+

SHOWCASE.DEMO.SHARED.EXAMPLE_VIEWER_LIST

+
- - {{ 'SHOWCASE.COMMON.ENABLED' | translate }} - - - - + + +
+ + {{ 'SHOWCASE.COMMON.ENABLED' | translate }} + + + + +
-
- + - -
- - +
- - {{ 'SHOWCASE.COMMON.ENABLED' | translate }} - - - - - - - + + +
+ + {{ 'SHOWCASE.COMMON.ENABLED' | translate }} + + + + + + + +
-
- + - -
- - +
- - {{ 'SHOWCASE.COMMON.ENABLED' | translate }} - - - - + + +
+ + {{ 'SHOWCASE.COMMON.ENABLED' | translate }} + + + + +
-
- + - -
- - +
- - {{ 'SHOWCASE.COMMON.ENABLED' | translate }} - - - - - - - + + +
+ + {{ 'SHOWCASE.COMMON.ENABLED' | translate }} + + + + + + + +
-
- + +
diff --git a/showcase/src/app/demo/table/table.component.html b/showcase/src/app/demo/table/table.component.html index b4aa0baf67..e376850ad5 100644 --- a/showcase/src/app/demo/table/table.component.html +++ b/showcase/src/app/demo/table/table.component.html @@ -1,31 +1,34 @@ - - -

Table with regular action bar

- - +

SHOWCASE.DEMO.TABLE.TITLE

+
+

SHOWCASE.DEMO.SHARED.EXAMPLE_VIEWER_LIST

+ + +
+

Table with regular action bar

+
+ + - - -

Table with alternative action bar

- - + + +
+

Table with alternative action bar

+
+ + - - -
-
-

Table with transcluded action bar

- -
-
- - \ No newline at end of file + + +
+
+

Table with transcluded action bar

+ +
+
+ + +
diff --git a/showcase/src/app/demo/table/table.component.scss b/showcase/src/app/demo/table/table.component.scss index 4be17baa7c..a5b1bb9d78 100644 --- a/showcase/src/app/demo/table/table.component.scss +++ b/showcase/src/app/demo/table/table.component.scss @@ -1,9 +1,5 @@ @import "~@angular/material/theming"; -h1 { - margin-bottom: 0; -} - .example-transcluded { align-items: center; display: flex; diff --git a/showcase/src/app/demo/typography/demo-typography.component.html b/showcase/src/app/demo/typography/demo-typography.component.html index 74901b317c..319e7f26ad 100644 --- a/showcase/src/app/demo/typography/demo-typography.component.html +++ b/showcase/src/app/demo/typography/demo-typography.component.html @@ -1,4 +1,4 @@ -

SHOWCASE.DEMO.TYPOGRAPHY.TITLE

+

SHOWCASE.DEMO.TYPOGRAPHY.TITLE

SHOWCASE.DEMO.TYPOGRAPHY.MATERIAL_BASED.TITLE

diff --git a/showcase/src/app/home/home.component.html b/showcase/src/app/home/home.component.html index 15732d5577..f4f2e5aaaf 100644 --- a/showcase/src/app/home/home.component.html +++ b/showcase/src/app/home/home.component.html @@ -1,43 +1,100 @@ -
-
- +

Stark documentation

+ + + + + + + +

Stark Core

+ + + + + + + + + + + +

Stark UI - Latest

+ + + + + + + + + + + +

Stark UI

+ + + + + + + + + + + + +

Showcase

+ + + + + + +
+ + + diff --git a/showcase/src/app/home/home.component.scss b/showcase/src/app/home/home.component.scss index f8160ea585..ee5c16ba55 100644 --- a/showcase/src/app/home/home.component.scss +++ b/showcase/src/app/home/home.component.scss @@ -1,5 +1,11 @@ -h1 { - font-size: 20px; +.mat-card { + .mat-card-content { + text-align: center; + width: 128px; + img { + height: 100px; + } + } } .documentation-links { diff --git a/showcase/src/app/news/news-component/news.component.html b/showcase/src/app/news/news-component/news.component.html index 129dabd894..992e878264 100644 --- a/showcase/src/app/news/news-component/news.component.html +++ b/showcase/src/app/news/news-component/news.component.html @@ -1,14 +1,6 @@ - - -
- -

Stark news

- - -

Discover here the latest news about the Stark framework!

- - - +

Stark news

+

Discover here the latest news about the Stark framework!

+
Stark News page is finally here!
diff --git a/showcase/src/app/shared/shared.module.ts b/showcase/src/app/shared/shared.module.ts index 1d2c851f9c..d7fe68b5f0 100644 --- a/showcase/src/app/shared/shared.module.ts +++ b/showcase/src/app/shared/shared.module.ts @@ -10,9 +10,11 @@ import { CommonModule } from "@angular/common"; import { NgModule } from "@angular/core"; import { StarkPrettyPrintModule } from "@nationalbankbelgium/stark-ui"; import { TranslateModule } from "@ngx-translate/core"; +import { FlexLayoutModule } from "@angular/flex-layout"; @NgModule({ imports: [ + FlexLayoutModule, MatButtonModule, MatCardModule, MatIconModule, @@ -26,6 +28,6 @@ import { TranslateModule } from "@ngx-translate/core"; providers: [FileService], declarations: [ExampleViewerComponent], entryComponents: [ExampleViewerComponent], - exports: [ExampleViewerComponent] + exports: [ExampleViewerComponent, FlexLayoutModule] }) export class SharedModule {} diff --git a/showcase/src/assets/translations/en.json b/showcase/src/assets/translations/en.json index babe5465ba..918a6e3186 100644 --- a/showcase/src/assets/translations/en.json +++ b/showcase/src/assets/translations/en.json @@ -5,18 +5,23 @@ "VALUE": "Value" }, "DEMO": { - "ACTION-BAR": { - "CLASSIC-FULL": "Action Bar Classic Full", + "ACTION_BAR": { + "ALT": "Action Bar Alternative", "CLASSIC-COMPACT": "Action Bar Classic Compact", - "ALT": "Action Bar Alternative" + "CLASSIC-FULL": "Action Bar Classic Full", + "TITLE": "Stark action bar" }, "BREADCRUMB": { + "CHILD": "Child", "CONFIG_INPUT": "Breadcrumb demonstration (with breadcrumbConfig)", - "NO_INPUT": "Breadcrumb demonstration (without parameters)", - "ROOT": "Root ancestor", "GRANDPARENT": "Grand parent", + "NO_INPUT": "Breadcrumb demonstration (without parameters)", "PARENT": "Parent", - "CHILD": "Child" + "ROOT": "Root ancestor", + "TITLE": "Stark breadcrumb" + }, + "BUTTON": { + "TITLE": "Stark buttons" }, "CARD": { "ADVANCED": { @@ -36,6 +41,7 @@ "DEFAULT_ICON": "Default icon", "HTML_CONTENT": "Any HTML content", "OPEN": "Open", + "TITLE": "Stark collapsible", "TITLE_0": "Default icon collapsible title", "TITLE_1": "Custom icon collapsible title", "TOGGLE_COLLAPSIBLE": "Toggle collapsible" @@ -55,22 +61,23 @@ }, "DATE_PICKER": { "CUSTOM_FILTER": "Date Picker - Custom Filter", - "PLACEHOLDER": "Choose a date", "ONLY_WEEKDAYS": "Date Picker - Only weekdays", - "ONLY_WEEKENDS": "Date Picker - Only weekends" + "ONLY_WEEKENDS": "Date Picker - Only weekends", + "PLACEHOLDER": "Choose a date", + "TITLE": "Stark date picker" }, "DATE_RANGE_PICKER": { - "FULL": "Date Range Picker" + "TITLE": "Date Range Picker" }, - "DROPDOWNS": { + "DROPDOWN": { "PR": "IT applications", - "IO": "Informatics infrastructure and operations", - "CS": "IT customer services", - "REQUIRED": "Single required selection", "BLANK": "Single selection with default blank", + "CS": "IT customer services", + "DISABLED": "Disabled dropdown", + "IO": "Informatics infrastructure and operations", "MULTIPLE": "Multiple selection", "MULTIPLE_REQUIRED": "Required multiple selection", - "DISABLED": "Disabled dropdown", + "REQUIRED": "Single required selection", "SELECTED_VALUE": "Selected value ", "SELECTED_VALUES": "Selected values ", "SELECT_SERVICE": "Select Service", @@ -78,26 +85,32 @@ "SELECT_SERVICES": "Select one or more services", "SELECT_ONE_SERVICE": "Select at least one service", "SELECT_DISABLED": "Sorry, it's disabled", + "TITLE": "Stark dropdown", "WHITE": "White dropdown on black background (full width)" }, + "EXAMPLE_VIEWER": { + "TITLE": "Stark example viewer" + }, "HEADER": { - "TITLE": "Stark App Header Guidelines", - "INTRO": "Stark provide you usefull classes to implement your application header. You just need to include the header theme in your SCSS", "COPY_PASTE": "Then you can copy/paste this HTML into your code", - "STARK_APP_HEADER": "The stark-app-header provides a background to the header", - "STARK_APP_BAR": "The stark-app-bar contains three content containers stark-app-bar-content-left, stark-app-bar-content-center, stark-app-bar-content-right which split the header in three parts. All the direct children of those 3 containers will be aligned in a column. The stark-app-bar also provides a stark-app-bar-page-title which is placed on the bottom left of the header.", - "STARK_APP_BAR_CONTENT_LEFT": "stark-app-bar-content-left contains stark-actions for the navigation actions.", - "STARK_APP_BAR_CONTENT_CENTER": "stark-app-bar-content-center contains the app logo", - "STARK_APP_BAR_CONTENT_RIGHT": "stark-app-bar-content-right contains 3 containers, the first one for the App Data component and the logout button, the second for language selection and stark-app-bar-content-right-actions-alt which contains some alternative actions.", - "STARK_APP_BAR_PAGE_TITLE": "stark-app-bar-page-title displays the current page title." + "EXPLAINED": "Introduction", + "INTEGRATION": "Integration", + "INTEGRATION_DETAILS": "Stark provides you with usefull classes to implement your application header. You just need to include the header theme in your SCSS", + "STARK_APP_HEADER": "The stark-app-header provides a background to the header", + "STARK_APP_BAR": "The stark-app-bar contains three content containers stark-app-bar-content-left, stark-app-bar-content-center, stark-app-bar-content-right which split the header in three parts. All the direct children of those 3 containers will be aligned in a column. The stark-app-bar also provides a stark-app-bar-page-title which is placed on the bottom left of the header.", + "STARK_APP_BAR_CONTENT_LEFT": "stark-app-bar-content-left contains stark-actions for the navigation actions.", + "STARK_APP_BAR_CONTENT_CENTER": "stark-app-bar-content-center contains the app logo", + "STARK_APP_BAR_CONTENT_RIGHT": "stark-app-bar-content-right contains 3 containers, the first one for the App Data component and the logout button, the second for language selection and stark-app-bar-content-right-actions-alt which contains some alternative actions.", + "STARK_APP_BAR_PAGE_TITLE": "stark-app-bar-page-title displays the current page title.", + "TITLE": "Stark header guidelines" }, "KEYBOARD_DIRECTIVES": { "ON_ENTER_KEY": { - "TITLE": "On Enter Key Directive", "DESCRIPTION": "Type some value in the inputs and then press Enter in any of them to trigger the callback function", "INPUT_WITH_CONTEXT": "With bound context", "INPUT_WITHOUT_CONTEXT": "Without bound context (bound values are not accessible)", "INPUT_WITHOUT_CONTEXT_ALTERNATIVE": "Without bound context but passed as parameter", + "TITLE": "On Enter Key Directive", "TYPE_AND_PRESS_ENTER": "Type a value and press Enter", "TYPE_PRESS_ENTER_AND_CHECK_CONSOLE": "Type a value, press Enter and check the console" }, @@ -109,17 +122,20 @@ "INPUT_NO_SPECIAL_CHARACTERS": "Accept all except special characters", "INPUT_UPPERCASE_CHARACTERS": "Accept only uppercase characters", "TYPE_A_VALUE": "Type a value" - } + }, + "TITLE": "Stark keyboard directive" }, - "LANGUAGE-SELECTOR": { + "LANGUAGE_SELECTOR": { "DROPDOWN": "Language selector in 'dropdown' mode", + "TITLE": "Stark language selector", "TOOLBAR": "Language selector in 'toolbar' mode" }, "LOGOUT": { "LOGOUT_DEFAULT_ICON": "Logout button - Default icon", - "LOGOUT_CUSTOM_ICON": "Logout button - Custom icon" + "LOGOUT_CUSTOM_ICON": "Logout button - Custom icon", + "TITLE": "Stark logout" }, - "PRETTY-PRINT": { + "PRETTY_PRINT": { "CSS": "Pretty-Print CSS", "ENABLE_HIGHLIGHTING": "Enable highlighting", "ENTER_DATA": "Type or copy/paste unformatted code", @@ -132,22 +148,30 @@ "SCSS": "Pretty-Print SCSS", "SELECT_DATAFORMAT": "Select a format", "SQL": "Pretty-Print SQL", + "TITLE": "Stark pretty print", "TRY_IT_YOURSELF": "Try it yourself", "TYPESCRIPT": "Pretty-Print Typescript", "XML": "Pretty-Print XML" }, + "SHARED": { + "EXAMPLE_VIEWER_LIST": "Examples and code samples" + }, "SIDEBAR": { "INTRO": "The preview of this code is the actual sidebar of the showcase", "OPEN_LEFT": "Open the left sidebar", "OPEN_MENU": "Open the menu", "OPEN_RIGHT": "Open the right sidebar", - "TITLE": "App Sidebar" + "TITLE": "Stark sidebar" }, "SLIDER": { "HORIZONTAL_RANGE_SLIDER": "Horizontal Range Slider", "SIMPLE_HORIZONTAL_SLIDER": "Simple Horizontal Slider", "SIMPLE_VERTICAL_SLIDER": "Simple Vertical Slider", - "VERTICAL_RANGE_SLIDER": "Vertical Range Slider" + "VERTICAL_RANGE_SLIDER": "Vertical Range Slider", + "TITLE": "Stark slider" + }, + "TABLE": { + "TITLE": "Stark table" }, "TYPOGRAPHY": { "CLASSES_AND_TAGS": { diff --git a/showcase/src/assets/translations/fr.json b/showcase/src/assets/translations/fr.json index 309c4fa14e..f18ccb40dd 100644 --- a/showcase/src/assets/translations/fr.json +++ b/showcase/src/assets/translations/fr.json @@ -5,18 +5,23 @@ "VALUE": "Valuer" }, "DEMO": { - "ACTION-BAR": { - "CLASSIC-FULL": "Action Bar Classic Full", + "ACTION_BAR": { + "ALT": "Action Bar Alternative", "CLASSIC-COMPACT": "Action Bar Classic Compact", - "ALT": "Action Bar Alternative" + "CLASSIC-FULL": "Action Bar Classic Full", + "TITLE": "Stark action bar" }, "BREADCRUMB": { + "CHILD": "Enfant", "CONFIG_INPUT": "Démonstration du breadcrumb component (avec breadcrumbConfig)", - "NO_INPUT": "Démonstration du breadcrumb component (sans paramètres)", - "ROOT": "Ancêtre racine", "GRANDPARENT": "Grand-parent", "PARENT": "Parent", - "CHILD": "Enfant" + "NO_INPUT": "Démonstration du breadcrumb component (sans paramètres)", + "ROOT": "Ancêtre racine", + "TITLE": "Stark breadcrumb" + }, + "BUTTON": { + "TITLE": "Stark buttons" }, "CARD": { "ADVANCED": { @@ -36,6 +41,7 @@ "DEFAULT_ICON": "Icône par défaut", "HTML_CONTENT": "N'impoerte quel contenu HTML", "OPEN": "Ouvert", + "TITLE": "Stark collapsible", "TITLE_0": "Titre du collapsible avec icône par défaut", "TITLE_1": "Titre du collapsible avec icône custom", "TOGGLE_COLLAPSIBLE": "Ouvrir/fermer le collapsible" @@ -55,22 +61,23 @@ }, "DATE_PICKER": { "CUSTOM_FILTER": "Date Picker - Filtre sur mesure", - "PLACEHOLDER": "Choisir une date", "ONLY_WEEKDAYS": "Date Picker - Seulement les jours de semaine", - "ONLY_WEEKENDS": "Date Picker - Seulement les jours de weekend" + "ONLY_WEEKENDS": "Date Picker - Seulement les jours de weekend", + "PLACEHOLDER": "Choisir une date", + "TITLE": "Stark date picker" }, "DATE_RANGE_PICKER": { - "FULL": "Date Range Picker" + "TITLE": "Date range picker" }, - "DROPDOWNS": { + "DROPDOWN": { "PR": "Applications informatiques", - "IO": "Infrastructure et opérations informatiques", - "CS": "Services aux clients informatiques", - "REQUIRED": "Choix unique obligatoire", "BLANK": "Option par défaut (blank)", + "CS": "Services aux clients informatiques", + "DISABLED": "Dropdown désactivé", + "IO": "Infrastructure et opérations informatiques", "MULTIPLE": "Choix multiple", "MULTIPLE_REQUIRED": "Choix multiple obligatoire", - "DISABLED": "Dropdown désactivé", + "REQUIRED": "Choix unique obligatoire", "SELECTED_VALUE": "Valeur sélectionnée ", "SELECTED_VALUES": "Valeurs sélectionnées ", "SELECT_SERVICE": "Sélectionnez un service", @@ -78,26 +85,32 @@ "SELECT_SERVICES": "Sélectionnez un service ou plus", "SELECT_ONE_SERVICE": "Sélectionnez au moins un service", "SELECT_DISABLED": "Désolé, ce dropdown est désactivé", + "TITLE": "Stark dropdown", "WHITE": "Dropdown blanc sur fond noir (largeur maximale)" }, + "EXAMPLE_VIEWER": { + "TITLE": "Stark example viewer" + }, "HEADER": { - "TITLE": "Stark App Header Guidelines", - "INTRO": "Stark fournit des classes utiles pour implémenter le header de votre application. Il suffit d'inclure le theme du header dans votre SCSS", "COPY_PASTE": "Ensuite il faut copier/coller ce bout de code HTML", - "STARK_APP_HEADER": "Le stark-app-header ajoute un fond au header", - "STARK_APP_BAR": "Le stark-app-bar est composé de 3 conteneurs de contenu stark-app-bar-content-left, stark-app-bar-content-center, stark-app-bar-content-right qui divisent le header en 3 parties. Tous les enfants directes de ces 3 conteneurs sont alignés dans une colonne. stark-app-bar contient aussi un stark-app-bar-page-title placé dans le coin gauche en bas du header.", - "STARK_APP_BAR_CONTENT_LEFT": "stark-app-bar-content-left contient stark-actions pour les actions concernant la navigation.", - "STARK_APP_BAR_CONTENT_CENTER": "stark-app-bar-content-center contient le logo de l'application", - "STARK_APP_BAR_CONTENT_RIGHT": "stark-app-bar-content-right contient 3 conteneurs, le premier pour le App Data component et le boutton de déconnection, le second pour le choix de langue et stark-app-bar-content-right-actions-alt qui contient des actions alternatives.", - "STARK_APP_BAR_PAGE_TITLE": "stark-app-bar-page-title affiche le titre de la page visitée." + "EXPLAINED": "Introduction", + "INTEGRATION": "Integration", + "INTEGRATION_DETAILS": "Stark fournit des classes utiles pour implémenter le header de votre application. Il suffit d'inclure le theme du header dans votre SCSS", + "STARK_APP_HEADER": "Le stark-app-header ajoute un fond au header", + "STARK_APP_BAR": "Le stark-app-bar est composé de 3 conteneurs de contenu stark-app-bar-content-left, stark-app-bar-content-center, stark-app-bar-content-right qui divisent le header en 3 parties. Tous les enfants directes de ces 3 conteneurs sont alignés dans une colonne. stark-app-bar contient aussi un stark-app-bar-page-title placé dans le coin gauche en bas du header.", + "STARK_APP_BAR_CONTENT_LEFT": "stark-app-bar-content-left contient stark-actions pour les actions concernant la navigation.", + "STARK_APP_BAR_CONTENT_CENTER": "stark-app-bar-content-center contient le logo de l'application", + "STARK_APP_BAR_CONTENT_RIGHT": "stark-app-bar-content-right contient 3 conteneurs, le premier pour le App Data component et le boutton de déconnection, le second pour le choix de langue et stark-app-bar-content-right-actions-alt qui contient des actions alternatives.", + "STARK_APP_BAR_PAGE_TITLE": "stark-app-bar-page-title affiche le titre de la page visitée.", + "TITLE": "Stark header guidelines" }, "KEYBOARD_DIRECTIVES": { "ON_ENTER_KEY": { - "TITLE": "On Enter Key Directive", "DESCRIPTION": "Tapez une valeur dans les entrées, puis appuyez sur Entrée dans l'un d'eux pour déclencher la fonction callback", "INPUT_WITH_CONTEXT": "Avec contexte lié", "INPUT_WITHOUT_CONTEXT": "Sans contexte lié (les valeurs liées ne sont pas accessibles)", "INPUT_WITHOUT_CONTEXT_ALTERNATIVE": "Sans contexte lié mais passé en paramètre", + "TITLE": "On Enter Key Directive", "TYPE_AND_PRESS_ENTER": "Tapez une valeur et appuyez sur Entrée", "TYPE_PRESS_ENTER_AND_CHECK_CONSOLE": "Tapez une valeur, appuyez sur Entrée et vérifiez la console" }, @@ -109,17 +122,20 @@ "INPUT_NO_SPECIAL_CHARACTERS": "Accepter tous les caractères sauf les caractères spéciaux", "INPUT_UPPERCASE_CHARACTERS": "Accepter uniquement les majuscules", "TYPE_A_VALUE": "Taper une valeur" - } + }, + "TITLE": "Stark keyboard directive" }, - "LANGUAGE-SELECTOR": { + "LANGUAGE_SELECTOR": { "DROPDOWN": "Sélecteur de langue en mode 'dropdown'", + "TITLE": "Stark language selector", "TOOLBAR": "Sélecteur de langue en mode 'toolbar'" }, "LOGOUT": { "LOGOUT_DEFAULT_ICON": "Bouton logout - Icône par défaut", - "LOGOUT_CUSTOM_ICON": "Bouton logout - Icône custom" + "LOGOUT_CUSTOM_ICON": "Bouton logout - Icône custom", + "TITLE": "Stark logout" }, - "PRETTY-PRINT": { + "PRETTY_PRINT": { "CSS": "Pretty-Print CSS", "ENABLE_HIGHLIGHTING": "Mettre en surbrillance", "ENTER_DATA": "Tapez ou copiez/collez du code non formaté", @@ -132,22 +148,30 @@ "SCSS": "Pretty-Print SCSS", "SELECT_DATAFORMAT": "Sélectionner un format", "SQL": "Pretty-Print SQL", + "TITLE": "Stark pretty print", "TRY_IT_YOURSELF": "Essayez vous-même", "TYPESCRIPT": "Pretty-Print Typescript", "XML": "Pretty-Print XML" }, + "SHARED": { + "EXAMPLE_VIEWER_LIST": "Exemples et codes" + }, "SIDEBAR": { "INTRO": "La sidebar du showcase illustre ce code.", "OPEN_LEFT": "Ouvrir la sidebar de gauche", "OPEN_MENU": "Ouvrir le menu", "OPEN_RIGHT": "Ouvrir la sidebar de droite", - "TITLE": "App Sidebar" + "TITLE": "Stark sidebar" }, "SLIDER": { "HORIZONTAL_RANGE_SLIDER": "Curseur de plage", "SIMPLE_HORIZONTAL_SLIDER": "Curseur simple", "SIMPLE_VERTICAL_SLIDER": "Curseur simple", - "VERTICAL_RANGE_SLIDER": "Curseur de plage" + "VERTICAL_RANGE_SLIDER": "Curseur de plage", + "TITLE": "Stark slider" + }, + "TABLE": { + "TITLE": "Stark table" }, "TYPOGRAPHY": { "CLASSES_AND_TAGS": { diff --git a/showcase/src/assets/translations/nl.json b/showcase/src/assets/translations/nl.json index 4a09c52833..5f3b0ea144 100644 --- a/showcase/src/assets/translations/nl.json +++ b/showcase/src/assets/translations/nl.json @@ -5,18 +5,23 @@ "VALUE": "Waarde" }, "DEMO": { - "ACTION-BAR": { - "CLASSIC-FULL": "Action Bar Classic Full", + "ACTION_BAR": { + "ALT": "Action Bar Alternative", "CLASSIC-COMPACT": "Action Bar Classic Compact", - "ALT": "Action Bar Alternative" + "CLASSIC-FULL": "Action Bar Classic Full", + "TITLE": "Stark action bar" }, "BREADCRUMB": { + "CHILD": "Kind", "CONFIG_INPUT": "Breadcrumb demonstration (met breadcrumbConfig)", - "NO_INPUT": "Breadcrumb demonstration (zonder parameters)", - "ROOT": "Voorouder", "GRANDPARENT": "Grootouder", "PARENT": "Ouder", - "CHILD": "Kind" + "NO_INPUT": "Breadcrumb demonstration (zonder parameters)", + "ROOT": "Voorouder", + "TITLE": "Stark breadcrumb" + }, + "BUTTON": { + "TITLE": "Stark buttons" }, "CARD": { "ADVANCED": { @@ -36,6 +41,7 @@ "DEFAULT_ICON": "Standaard pictogram", "HTML_CONTENT": "Alle HTML-inhoud", "OPEN": "Open", + "TITLE": "Stark collapsible", "TITLE_0": "Standaard icon collapsible titel", "TITLE_1": "Aangepast icon collapsible titel", "TOGGLE_COLLAPSIBLE": "Collapsible omschakelen" @@ -55,22 +61,23 @@ }, "DATE_PICKER": { "CUSTOM_FILTER": "Date Picker - Aangepaste filter", - "PLACEHOLDER": "Datum kiezen", "ONLY_WEEKDAYS": "Date Picker - Alleen weekdagen", - "ONLY_WEEKENDS": "Date Picker - Alleen weekenden" + "ONLY_WEEKENDS": "Date Picker - Alleen weekenden", + "PLACEHOLDER": "Datum kiezen", + "TITLE": "Stark date picker" }, "DATE_RANGE_PICKER": { - "FULL": "Date Range Picker" + "TITLE": "Date Range Picker" }, - "DROPDOWNS": { + "DROPDOWN": { "PR": "Informaticatoepassingen", - "IO": "Informatica-infrastructuur en operaties", - "CS": "IT-klantendiensten", - "REQUIRED": "Dropdown met gewenste keuze", "BLANK": "Bij verstek keus (blank)", + "CS": "IT-klantendiensten", + "DISABLED": "Niet geactiveerd dropdown", + "IO": "Informatica-infrastructuur en operaties", "MULTIPLE": "Meerdere selectie", "MULTIPLE_REQUIRED": "Gewenste meerdere selectie", - "DISABLED": "Niet geactiveerd dropdown", + "REQUIRED": "Dropdown met gewenste keuze", "SELECTED_VALUE": "Geselecteerde waarde ", "SELECTED_VALUES": "Geselecteerde waarden ", "SELECT_SERVICE": "Selecteer een dienst", @@ -78,18 +85,24 @@ "SELECT_SERVICES": "Selecteer een of meer diensten", "SELECT_ONE_SERVICE": "Selecteer ten minsten een dienst", "SELECT_DISABLED": "Sorry, deze dropdown is niet geactiveerd", + "TITLE": "Stark dropdown", "WHITE": "Witte dropdown met zwarte achtergrond (maximum breedte)" }, + "EXAMPLE_VIEWER": { + "TITLE": "Stark example viewer" + }, "HEADER": { - "TITLE": "Stark App Header Guidelines", - "INTRO": "Stark provides you usefull classes to implement your application header. You just need to include the header theme in your SCSS", "COPY_PASTE": "Then you can copy/paste this HTML into your code", - "STARK_APP_HEADER": "The stark-app-header provide a background to the header", - "STARK_APP_BAR": "The stark-app-bar contains three content containers stark-app-bar-content-left, stark-app-bar-content-center, stark-app-bar-content-right which split the header in three parts. All the direct children of those 3 containers will be aligned in a column. The stark-app-bar also provides a stark-app-bar-page-title which is placed on the bottom left of the header.", - "STARK_APP_BAR_CONTENT_LEFT": "stark-app-bar-content-left contains stark-actions for the navigation actions.", - "STARK_APP_BAR_CONTENT_CENTER": "stark-app-bar-content-center contains the app logo.", - "STARK_APP_BAR_CONTENT_RIGHT": "stark-app-bar-content-right contains 3 containers, the first one for the App Data component and the logout button, the second for language selection and stark-app-bar-content-right-actions-alt which contains some alternative actions.", - "STARK_APP_BAR_PAGE_TITLE": "stark-app-bar-page-title displays the current page title." + "EXPLAINED": "Introduction", + "INTEGRATION": "Integration", + "INTEGRATION_DETAILS": "Stark provides you with usefull classes to implement your application header. You just need to include the header theme in your SCSS", + "STARK_APP_HEADER": "The stark-app-header provide a background to the header", + "STARK_APP_BAR": "The stark-app-bar contains three content containers stark-app-bar-content-left, stark-app-bar-content-center, stark-app-bar-content-right which split the header in three parts. All the direct children of those 3 containers will be aligned in a column. The stark-app-bar also provides a stark-app-bar-page-title which is placed on the bottom left of the header.", + "STARK_APP_BAR_CONTENT_LEFT": "stark-app-bar-content-left contains stark-actions for the navigation actions.", + "STARK_APP_BAR_CONTENT_CENTER": "stark-app-bar-content-center contains the app logo.", + "STARK_APP_BAR_CONTENT_RIGHT": "stark-app-bar-content-right contains 3 containers, the first one for the App Data component and the logout button, the second for language selection and stark-app-bar-content-right-actions-alt which contains some alternative actions.", + "STARK_APP_BAR_PAGE_TITLE": "stark-app-bar-page-title displays the current page title.", + "TITLE": "Stark header guidelines" }, "KEYBOARD_DIRECTIVES": { "ON_ENTER_KEY": { @@ -109,17 +122,20 @@ "INPUT_NO_SPECIAL_CHARACTERS": "Aanvaard alle karakters, behalve speciale karakters", "INPUT_UPPERCASE_CHARACTERS": "Aanvaard enkel hoofdletters", "TYPE_A_VALUE": "Geef een waarde in" - } + }, + "TITLE": "Stark keyboard directive" }, - "LANGUAGE-SELECTOR": { + "LANGUAGE_SELECTOR": { "DROPDOWN": "Taal selector in 'dropdown' mode", + "TITLE": "Stark language selector", "TOOLBAR": "Taal selector in 'toolbar' mode" }, "LOGOUT": { "LOGOUT_DEFAULT_ICON": "Logout-knop - Standaard pictogram", - "LOGOUT_CUSTOM_ICON": "Logout-knop - Aangepast pictogram" + "LOGOUT_CUSTOM_ICON": "Logout-knop - Aangepast pictogram", + "TITLE": "Stark logout" }, - "PRETTY-PRINT": { + "PRETTY_PRINT": { "CSS": "Pretty-Print CSS", "ENABLE_HIGHLIGHTING": "Highlighting activeren", "ENTER_DATA": "Typ of kopieer/plak ongeformatteerde code", @@ -132,22 +148,30 @@ "SCSS": "Pretty-Print SCSS", "SELECT_DATAFORMAT": "Selecteer een formaat", "SQL": "Pretty-Print SQL", + "TITLE": "Stark pretty print", "TRY_IT_YOURSELF": "Probeer het zelf", "TYPESCRIPT": "Pretty-Print Typescript", "XML": "Pretty-Print XML" }, + "SHARED": { + "EXAMPLE_VIEWER_LIST": "Examples and code samples" + }, "SIDEBAR": { "INTRO": "De preview van deze code is de eigenlijke zijbalk van de showcase", "OPEN_LEFT": "Open de linker sidebar", "OPEN_MENU": "Open de menu", "OPEN_RIGHT": "Open de rechter sidebar", - "TITLE": "App Sidebar" + "TITLE": "Stark sidebar" }, "SLIDER": { "HORIZONTAL_RANGE_SLIDER": "Horizontale schuifregelaar met bereik", "SIMPLE_HORIZONTAL_SLIDER": "Eenvoudige horizontale schuifregelaar", "SIMPLE_VERTICAL_SLIDER": "Eenvoudige verticale schuifregelaar", - "VERTICAL_RANGE_SLIDER": "Verticale schuifregelaar met bereik" + "VERTICAL_RANGE_SLIDER": "Verticale schuifregelaar met bereik", + "TITLE": "Stark slider" + }, + "TABLE": { + "TITLE": "Stark table" }, "TYPOGRAPHY": { "CLASSES_AND_TAGS": {