{{labelText}}
\n \n
\n'}]}],c.ctorParameters=function(){return[{type:l}]};var f=[c],h=[f],g=function(){function t(){}return t.forRoot=function(){return{ngModule:t,providers:[l]}},t.forChild=function(){return{ngModule:t,providers:[]}},t}();g.decorators=[{type:i.NgModule,args:[{imports:[n.CommonModule],declarations:[f],exports:[h]}]}],g.ctorParameters=function(){return[]},t.StarRatingConfig=s,t.StarRatingUtils=o,t.StarRating=a,t.StarRatingConfigService=l,t.StarRatingComponent=c,t.StarRatingModule=g,Object.defineProperty(t,"__esModule",{value:!0})});
+//# sourceMappingURL=angular-star-rating.umd.min.js.map
diff --git a/@packaged/angular-star-rating/bundles/angular-star-rating.umd.min.js.map b/@packaged/angular-star-rating/bundles/angular-star-rating.umd.min.js.map
new file mode 100644
index 0000000..ffd65c1
--- /dev/null
+++ b/@packaged/angular-star-rating/bundles/angular-star-rating.umd.min.js.map
@@ -0,0 +1,213 @@
+{
+ "version": 3,
+ "file": "angular-star-rating.umd.min.js",
+ "sources": [
+ "ng://angular-star-rating/node_modules/tslib/tslib.es6.js",
+ "ng://angular-star-rating/out/src/interfaces/star-rating-config.interface.ts",
+ "ng://angular-star-rating/out/src/services/star-rating.utils.ts",
+ "ng://angular-star-rating/out/src/services/star-rating.ts",
+ "ng://angular-star-rating/out/src/services/star-rating-config.service.ts",
+ "ng://angular-star-rating/out/src/components/star-rating.component.ts",
+ "ng://angular-star-rating/out/src/angular-star-rating.module.ts"
+ ],
+ "sourcesContent": [
+ "/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation. All rights reserved.\r\nLicensed under the Apache License, Version 2.0 (the \"License\"); you may not use\r\nthis file except in compliance with the License. You may obtain a copy of the\r\nLicense at http://www.apache.org/licenses/LICENSE-2.0\r\n\r\nTHIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\r\nKIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED\r\nWARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,\r\nMERCHANTABLITY OR NON-INFRINGEMENT.\r\n\r\nSee the Apache Version 2.0 License for specific language governing permissions\r\nand limitations under the License.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n\r\nexport function __extends(d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)\r\n t[p[i]] = s[p[i]];\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = y[op[0] & 2 ? \"return\" : op[0] ? \"throw\" : \"next\"]) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [0, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport function __exportStar(m, exports) {\r\n for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];\r\n}\r\n\r\nexport function __values(o) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator], i = 0;\r\n if (m) return m.call(o);\r\n return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { if (o[n]) i[n] = function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; }; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator];\r\n return m ? m.call(o) : typeof __values === \"function\" ? __values(o) : o[Symbol.iterator]();\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];\r\n result.default = mod;\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n",
+ "export type starRatingSizes = 'small' | 'medium' | 'large';\r\nexport type starRatingColor = 'default' | 'negative' | 'ok' | 'positive';\r\nexport type starRatingSpeed = 'immediately' | 'noticeable' | 'slow';\r\nexport type starRatingLabelPosition = 'left' | 'right' | 'top' | 'bottom';\r\nexport type starRatingStarTypes = 'svg' | 'icon' | 'image';\r\nexport type starRatingStarSpace= 'no' | 'between' | 'around';\r\nexport type starRatingDirection= 'rtl' | 'ltr';\r\n\r\nexport class StarRatingConfig {\r\n // binding defaults\r\n numOfStars?: number;\r\n size?: starRatingSizes;\r\n speed?: starRatingSpeed;\r\n labelPosition?: starRatingLabelPosition;\r\n starType?: starRatingStarTypes;\r\n staticColor: starRatingColor;\r\n getColor?: (rating: number, numOfStars: number, staticColor?: starRatingColor)=> starRatingColor;\r\n getHalfStarVisible?:(rating: number) => boolean\r\n // statics\r\n classEmpty?: string;\r\n classHalf?: string;\r\n classFilled?: string;\r\n assetsPath?: string;\r\n svgPath?: string;\r\n svgEmptySymbolId?: string;\r\n svgHalfSymbolId?: string;\r\n svgFilledSymbolId?: string;\r\n svgPathEmpty?: string;\r\n svgPathHalf?: string;\r\n svgPathFilled?: string;\r\n}\r\n",
+ "import {starRatingColor} from '../interfaces/star-rating-config.interface';\r\nexport class StarRatingUtils {\r\n //Static methods\r\n ///////////////////////////////////////////////////////////////////////////////////////////\r\n\r\n /*\r\n * getStarsArray\r\n *\r\n * returns an array of increasing numbers starting at 1\r\n *\r\n * @param numOfStars\r\n * @returns {Array}\r\n */\r\n static getStarsArray(numOfStars: number): Array\n \n \n \n \n \n \n
\n 
| 
| 
| 
| 
|
+
+
+## Features
+Fully featured this component is provided with:
+- [x] easy **configurable** and reasonable defaults
+- [x] all **12 css modifiers** of the awesome [css only star rating](https://github.com/BioPhoton/css-star-rating) library
+- [x] it integrates well with **reactive forms** and all it's states
+- [x] focus and blur events are handled for a **smooth keyboard navigation**
+- [x] it's **keyboard control** is even better than a native input once :-)
+- [x] mouse enter and leave events are used to generate a nice **on hover interaction**
+- [x] importable as a **angular ngModule** it is a plug and play to use
+- [x] and is tested for **AOT**
+
+## Related Projects
+| Css | Angular 1 | Angular | Ionic 1 |
+|--- |--- |--- |--- |
+| 
| 
| 
| 
|
+| [Css Star Rating](https://github.com/BioPhoton/css-star-rating) | [Angular1 Star Rating](https://github.com/BioPhoton/angular1-star-rating) | [Angular Star Rating](https://github.com/BioPhoton/angular-star-rating) |[Ionic1 Star Rating](https://github.com/BioPhoton/ionic1-star-rating) |
+
+## DEMO
+- [x] [Example-App](https://github.com/BioPhoton/angular-star-rating/tree/master/examples/angular4)
+
+## [Documentation](https://github.com/BioPhoton/angular-star-rating/wiki)
+- [[Installing|Installing]]
+- [[Customizing Styles|Customizing-Styles]]
+- [[Property bindings|Property bindings]]
+ - [[Implement property bindings|Implement property bindings]]
+- [[Event bindings|Event bindings]]
+ - [[Implement event bindings|Implement event bindings]]
+- [[Use it with reactive forms|Use it with reactive forms]]
+- [[Custom configuration |Custom configuration]]
+
+## License
+
+MIT © [Michael Hladky](mailto:michael@hladky.at)
+
+# Custom configuration
+
+## Globally
+
+## FeatureModules
+
+## Locally
diff --git a/SETUP-PROJECT.md b/SETUP-PROJECT.md
new file mode 100644
index 0000000..d78e53c
--- /dev/null
+++ b/SETUP-PROJECT.md
@@ -0,0 +1,152 @@
+# AngularStarRatingWorkspace
+
+This project was generated with [Angular CLI](https://github.com/angular/angular-cli) using [Nrwl Nx](https://nrwl.io/nx).
+
+**Create a workspace:**
+1. Open the console and run `create-nx-workspace [workspaceName]`
+2. cd into the folder [workspaceName]
+**Create an app:**
+1. Create new app in workspace `ng generate app [appName]`
+2. Test the created app by running `ng serve --app=[appName]`
+**Create a lib:**
+1. Create a new lib by running `ng generate lib [libName]`
+2. Create a component in the lib `ng generate component test --app=[libName] --export`
+3. In `./apps/[appName]/src/app/[appName].module.ts` add the module of your lib.
+```typescritp
+// /apps/[appName]/src/app/[appName].module.ts
+
+[...]
+import { [moduleClassName] } from '[workspaceName]/[libName]'
+
+@NgModule({
+ imports: [
+ [...]
+ [moduleClassName]
+ ],
+ [...]
+})
+export class AppModule {}
+
+```
+4. Use the component in `app.component.html`
+```html
+// /apps/[appName]/src/app/[appName].component.html
+<[componentSelector]>
+```
+5. Test that the app can be served.
+
+**Setup ng-packagr**
+1. Install ng-packagr locally `npm install --save-dev ng-packagr`
+2. Create a file `package.json` in `libs/[libName]` with following content.
+```json
+// libs/[libName]/package.json
+{
+ "$schema": "../../node_modules/ng-packagr/package.schema.json",
+ "name": "[libName]",
+ "version": "1.0.0",
+ "ngPackage": {
+ "lib": {
+ "entryFile": "index.ts"
+ },
+ "dest": "../../@packaged/[libName]"
+ }
+}
+```
+3. Implement a script in the roots `package.json` file.
+```json
+{
+[...],
+scripts: {
+[...],
+"build:lib": "ng-packagr -p libs/[libName]/package.json"
+}
+[...]
+}
+```
+4. Run the build script in the console `npm run build:lib`
+ You should see a new folder on your root folder called `@packaged`. If you import the lib from there it should also work.
+
+**Setting up typescript configuration files for serving the packaged lib**
+1. Create a new file called `tsconfig.packaged.json` in the root folder and insert following content.
+```json
+// tsconfig.packaged.json
+{
+ "extends": "./tsconfig.json",
+ "compilerOptions": {
+ "paths": {
+ "@[workspaceName]/*": [
+ "@packaged/*"
+ ]
+ }
+ }
+}
+```
+This overrides the path mapping to use the folder `@packaged/*` instead of `libs/*`
+2. Create a new file called `tsconfig.packaged.json` in your app folder and insert following content.
+```json
+// apps/[appName]/src/tsconfig.packaged.json
+{
+ "$schema": "../../node_modules/ng-packagr/package.schema.json",
+ "name": "[libNameForNPM]",
+ "version": "1.0.0",
+ "ngPackage": {
+ "lib": {
+ "entryFile": "index.ts"
+ },
+ "dest": "../../@packaged/[libName]"
+ }
+}
+```
+This configures the entry file of your lib as well as the output folder
+3. Create a new entry under `apps` in the `.angular-cli.json` to have a separate configuration for serving the packaged libs.
+```json
+// .angular-cli.json
+{
+[...]
+"apps": [
+ [...],
+ {
+ "name": "angular5-example-packaged",
+ "root": "apps/angular5-example/src",
+ "outDir": "dist/apps/angular5-example-packaged",
+ "assets": [
+ "assets",
+ "favicon.ico"
+ ],
+ "index": "index.html",
+ "main": "main.ts",
+ "polyfills": "polyfills.ts",
+ "test": "../../../test.js",
+ "tsconfig": "tsconfig.packaged.json",
+ "testTsconfig": "../../../tsconfig.spec.json",
+ "prefix": "app",
+ "styles": [
+ "styles.css"
+ ],
+ "scripts": [],
+ "environmentSource": "environments/environment.ts",
+ "environments": {
+ "dev": "environments/environment.ts",
+ "prod": "environments/environment.prod.ts"
+ },
+ "tags": []
+ }
+ ],
+[...]
+}
+```
+Notice the changes in the key "name", "outDir" and "tsconfig".
+The important change is under the "tsconfig" key. We now use the `tsconfig.packaged.json` file instead of `tsconfig.app.json`
+4. Add another script in you root `package.json`
+```json
+{
+ [...]
+ "scripts": [
+ [...]
+ "start:packaged":"ng serve --app=angular5-exmple-packaged",
+ [...]
+ ]
+}
+```
+This script will use the newly created settings in `.angular-cli.json` to serve the app with the packaged libs.
+5. Test it by running `npm run start:packaged`
diff --git a/apps/.gitkeep b/apps/.gitkeep
new file mode 100644
index 0000000..8b13789
--- /dev/null
+++ b/apps/.gitkeep
@@ -0,0 +1 @@
+
diff --git a/apps/angular5-example/e2e/app.e2e-spec.ts b/apps/angular5-example/e2e/app.e2e-spec.ts
new file mode 100644
index 0000000..c6b7e3e
--- /dev/null
+++ b/apps/angular5-example/e2e/app.e2e-spec.ts
@@ -0,0 +1,14 @@
+import { AppPage } from './app.po';
+
+describe('angular5-example App', () => {
+ let page: AppPage;
+
+ beforeEach(() => {
+ page = new AppPage();
+ });
+
+ it('should display welcome message', () => {
+ page.navigateTo();
+ expect(page.text()).toContain('Welcome');
+ });
+});
diff --git a/apps/angular5-example/e2e/app.po.ts b/apps/angular5-example/e2e/app.po.ts
new file mode 100644
index 0000000..531c349
--- /dev/null
+++ b/apps/angular5-example/e2e/app.po.ts
@@ -0,0 +1,11 @@
+import { browser, by, element } from 'protractor';
+
+export class AppPage {
+ navigateTo() {
+ return browser.get('/');
+ }
+
+ text() {
+ return browser.findElement(by.css('body')).getText();
+ }
+}
diff --git a/apps/angular5-example/e2e/tsconfig.e2e.json b/apps/angular5-example/e2e/tsconfig.e2e.json
new file mode 100644
index 0000000..ac048c8
--- /dev/null
+++ b/apps/angular5-example/e2e/tsconfig.e2e.json
@@ -0,0 +1,20 @@
+{
+ "extends": "../../../tsconfig.json",
+ "compilerOptions": {
+ "outDir": "../../../dist/out-tsc/e2e/angular5-example",
+ "module": "commonjs",
+ "target": "es5",
+ "types": [
+ "jasmine",
+ "jasminewd2",
+ "node"
+ ]
+ },
+ "include": [
+ "../**/*.ts"
+ /* add all lazy-loaded libraries here: "../../../libs/my-lib/index.ts" */
+ ],
+ "exclude": [
+ "**/*.spec.ts"
+ ]
+}
diff --git a/apps/angular5-example/src/app/app.component.css b/apps/angular5-example/src/app/app.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/apps/angular5-example/src/app/app.component.html b/apps/angular5-example/src/app/app.component.html
new file mode 100644
index 0000000..fa1769c
--- /dev/null
+++ b/apps/angular5-example/src/app/app.component.html
@@ -0,0 +1,17 @@
+
+ 
+
+
++ Welcome to an Angular CLI app built with Nrwl Nx! +
+
+