diff --git a/README.md b/README.md index ba6aeda..f2135ea 100644 --- a/README.md +++ b/README.md @@ -4,10 +4,13 @@ A library of Angular UI components, made to make managing forms easier. All components are open source and free to use under MIT license. -DEMO: https://ng-forms-aio.mylabz.xyz/ -GLOBAL DOC: https://ng-forms-aio.mylabz.xyz/#/doc/forms-aio -COMPONENT DOC: https://ng-forms-aio.mylabz.xyz/#/components/forms-aio -NPM: https://www.npmjs.com/package/@mylabz/ng-forms-aio +**DEMO**: https://ng-forms-aio.mylabz.xyz/ + +**GLOBAL DOC**: https://ng-forms-aio.mylabz.xyz/#/doc/forms-aio + +**COMPONENT DOC**: https://ng-forms-aio.mylabz.xyz/#/components/forms-aio + +**NPM**: https://www.npmjs.com/package/@mylabz/ng-forms-aio ## **Dependencies** diff --git a/package-lock.json b/package-lock.json index 22fb661..982082b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@mylabz/ng-forms-aio", - "version": "14.2.0-beta", + "version": "14.0.3", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@mylabz/ng-forms-aio", - "version": "14.2.0-beta", + "version": "14.0.3", "license": "MIT", "dependencies": { "@angular/animations": "~14.2.0", @@ -7264,6 +7264,7 @@ "resolved": "https://registry.npmjs.org/es6-set/-/es6-set-0.1.6.tgz", "integrity": "sha512-TE3LgGLDIBX332jq3ypv6bcOpkLO0AslAQo7p2VqX/1N46YNsvIWgvjojjSEnWEGWMhr1qUbYeTSir5J6mFHOw==", "dev": true, + "hasInstallScript": true, "dependencies": { "d": "^1.0.1", "es5-ext": "^0.10.62", @@ -8233,6 +8234,12 @@ "resolved": "https://registry.npmjs.org/findit2/-/findit2-2.2.3.tgz", "integrity": "sha512-lg/Moejf4qXovVutL0Lz4IsaPoNYMuxt4PA0nGqFxnJ1CTTGGlEO2wKgoDpwknhvZ8k4Q2F+eesgkLbG2Mxfog==", "dev": true, + "funding": [ + { + "type": "individual", + "url": "https://github.com/sponsors/RubenVerborgh" + } + ], "engines": { "node": ">=0.8.22" } @@ -9862,24 +9869,6 @@ "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz", "integrity": "sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==", "dev": true, - "dependencies": { - "cliui": "^7.0.2", - "escalade": "^3.1.1", - "get-caller-file": "^2.0.5", - "require-directory": "^2.1.1", - "string-width": "^4.2.0", - "y18n": "^5.0.5", - "yargs-parser": "^20.2.2" - }, - "engines": { - "node": ">=10" - } - }, - "node_modules/karma/node_modules/yargs-parser": { - "version": "20.2.9", - "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz", - "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==", - "dev": true, "engines": { "node": ">=10" } @@ -9927,7 +9916,7 @@ "integrity": "sha512-pJiBpiXMbt7dkzXe8Ghj/u4FfXOOa98fPW+bihOJ4SjnoijweJrNThJfd3ifXpXhREjpoF2mZVH1GfS9LV3kHQ==", "dev": true, "engines": { - "node": ">= 8" + "node": ">=6" } }, "node_modules/less": { @@ -14506,6 +14495,9 @@ "resolved": "https://registry.npmjs.org/postcss-logical/-/postcss-logical-5.0.4.tgz", "integrity": "sha512-RHXxplCeLh9VjinvMrZONq7im4wjWGlRJAqmAVLXyZaXwfDWP73/oq4NdIp+OZwhQUMj0zjqDfM5Fj7qby+B4g==", "dev": true, + "dependencies": { + "postcss-selector-parser": "^6.0.4" + }, "engines": { "node": "^12 || ^14 || >=16" }, @@ -14530,6 +14522,16 @@ "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz", "integrity": "sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==", "dev": true, + "funding": [ + { + "type": "kofi", + "url": "https://ko-fi.com/mrcgrtz" + }, + { + "type": "liberapay", + "url": "https://liberapay.com/mrcgrtz" + } + ], "engines": { "node": "^10 || ^12 || >= 14" }, @@ -15454,7 +15456,7 @@ "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", "dev": true, "engines": { - "node": ">=0.10.0" + "node": ">=8" } }, "node_modules/restore-cursor": { @@ -15660,6 +15662,20 @@ "resolved": "https://registry.npmjs.org/sass/-/sass-1.54.4.tgz", "integrity": "sha512-3tmF16yvnBwtlPrNBHw/H907j8MlOX8aTBnlNX1yrKx24RKcJGPyLhFUwkoKBKesR3unP93/2z14Ll8NicwQUA==", "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ], "dependencies": { "chokidar": ">=3.0.0 <4.0.0", "immutable": "^4.0.0", @@ -15913,6 +15929,9 @@ "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz", "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==", "dev": true, + "dependencies": { + "ee-first": "1.1.1" + }, "engines": { "node": ">= 0.8" } @@ -16763,7 +16782,10 @@ "has-flag": "^4.0.0" }, "engines": { - "node": ">=8" + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" } }, "node_modules/supports-preserve-symlinks-flag": { @@ -16792,10 +16814,37 @@ "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz", "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==", "dev": true, + "dependencies": { + "@jridgewell/source-map": "^0.3.2", + "acorn": "^8.5.0", + "commander": "^2.20.0", + "source-map-support": "~0.5.20" + }, + "bin": { + "terser": "bin/terser" + }, "engines": { "node": ">=6" } }, + "node_modules/tapable/node_modules/acorn": { + "version": "8.8.1", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.1.tgz", + "integrity": "sha512-7zFpHzhnqYKrkYdUjF1HI1bzd0VygEGX8lFk4k5zVMqHEoES+P+7TKI+EvLO9WVMJ8eekdO0aDEK044xTXwPPA==", + "dev": true, + "bin": { + "acorn": "bin/acorn" + }, + "engines": { + "node": ">=0.4.0" + } + }, + "node_modules/tapable/node_modules/commander": { + "version": "2.20.3", + "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz", + "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==", + "dev": true + }, "node_modules/tar": { "version": "6.1.11", "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.11.tgz", @@ -17015,34 +17064,16 @@ "xtend": "~4.0.1" } }, - "node_modules/through2/node_modules/isarray": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", - "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==", - "dev": true - }, "node_modules/through2/node_modules/readable-stream": { "version": "2.3.7", "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz", "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==", "dev": true, - "dependencies": { - "core-util-is": "~1.0.0", - "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.1" - } - }, - "node_modules/through2/node_modules/string_decoder": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", - "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", - "dev": true, - "dependencies": { - "safe-buffer": "~5.1.0" + "bin": { + "uglifyjs": "bin/uglifyjs" + }, + "engines": { + "node": ">=0.8.0" } }, "node_modules/thunky": { @@ -17101,7 +17132,7 @@ "is-number": "^7.0.0" }, "engines": { - "node": ">=8.0" + "node": ">=4" } }, "node_modules/toidentifier": { @@ -17292,6 +17323,12 @@ "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz", "integrity": "sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==", "dev": true, + "dependencies": { + "@types/json-schema": "^7.0.9", + "ajv": "^8.8.0", + "ajv-formats": "^2.1.1", + "ajv-keywords": "^5.0.0" + }, "engines": { "node": ">=4" } @@ -25285,21 +25322,6 @@ "version": "16.2.0", "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz", "integrity": "sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==", - "dev": true, - "requires": { - "cliui": "^7.0.2", - "escalade": "^3.1.1", - "get-caller-file": "^2.0.5", - "require-directory": "^2.1.1", - "string-width": "^4.2.0", - "y18n": "^5.0.5", - "yargs-parser": "^20.2.2" - } - }, - "yargs-parser": { - "version": "20.2.9", - "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz", - "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==", "dev": true } } @@ -28595,7 +28617,9 @@ "resolved": "https://registry.npmjs.org/postcss-logical/-/postcss-logical-5.0.4.tgz", "integrity": "sha512-RHXxplCeLh9VjinvMrZONq7im4wjWGlRJAqmAVLXyZaXwfDWP73/oq4NdIp+OZwhQUMj0zjqDfM5Fj7qby+B4g==", "dev": true, - "requires": {} + "requires": { + "postcss-selector-parser": "^6.0.4" + } }, "postcss-media-minmax": { "version": "5.0.0", @@ -29612,7 +29636,10 @@ "version": "2.0.1", "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz", "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==", - "dev": true + "dev": true, + "requires": { + "ee-first": "1.1.1" + } } } }, @@ -30318,7 +30345,27 @@ "version": "2.2.1", "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz", "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==", - "dev": true + "dev": true, + "requires": { + "@jridgewell/source-map": "^0.3.2", + "acorn": "^8.5.0", + "commander": "^2.20.0", + "source-map-support": "~0.5.20" + }, + "dependencies": { + "acorn": { + "version": "8.8.1", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.1.tgz", + "integrity": "sha512-7zFpHzhnqYKrkYdUjF1HI1bzd0VygEGX8lFk4k5zVMqHEoES+P+7TKI+EvLO9WVMJ8eekdO0aDEK044xTXwPPA==", + "dev": true + }, + "commander": { + "version": "2.20.3", + "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz", + "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==", + "dev": true + } + } }, "tar": { "version": "6.1.11", @@ -30484,35 +30531,11 @@ "xtend": "~4.0.1" }, "dependencies": { - "isarray": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", - "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==", - "dev": true - }, "readable-stream": { "version": "2.3.7", "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz", "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==", - "dev": true, - "requires": { - "core-util-is": "~1.0.0", - "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.1" - } - }, - "string_decoder": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", - "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", - "dev": true, - "requires": { - "safe-buffer": "~5.1.0" - } + "dev": true } } }, @@ -30694,7 +30717,13 @@ "version": "2.1.0", "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz", "integrity": "sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==", - "dev": true + "dev": true, + "requires": { + "@types/json-schema": "^7.0.9", + "ajv": "^8.8.0", + "ajv-formats": "^2.1.1", + "ajv-keywords": "^5.0.0" + } }, "unicode-trie": { "version": "2.0.0", diff --git a/package.json b/package.json index c95196c..e89cca6 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@mylabz/ng-forms-aio", - "version": "14.0.2", + "version": "14.0.4", "scripts": { "ng": "ng", "start": "ng serve", diff --git a/projects/ng-forms-aio-website/src/app/components/explanation/explanation.component.html b/projects/ng-forms-aio-website/src/app/components/explanation/explanation.component.html index d4ebbb6..d1ee793 100644 --- a/projects/ng-forms-aio-website/src/app/components/explanation/explanation.component.html +++ b/projects/ng-forms-aio-website/src/app/components/explanation/explanation.component.html @@ -47,7 +47,6 @@ ngPreserveWhitespaces data=" ```bash - npm install @mylabz/ng-forms-aio ng new PROJECT_NAME cd PROJECT_NAME ng add @mylabz/ng-forms-aio diff --git a/projects/ng-forms-aio-website/src/assets/doc/changelog.en-US.md b/projects/ng-forms-aio-website/src/assets/doc/changelog.en-US.md index 040f07d..285d6c0 100644 --- a/projects/ng-forms-aio-website/src/assets/doc/changelog.en-US.md +++ b/projects/ng-forms-aio-website/src/assets/doc/changelog.en-US.md @@ -9,6 +9,21 @@ --- +## 14.0.4 + +`2022-11-02` +### Fix +* Fix use of `this.component.name` on `AbstractComponent`, this logic will be remplaced by an inject/destroy function. (To enable custom component import) + + +## 14.0.3 + +`2022-11-01` +### Fix +* Fix links on Git/NPM README.md + +--- + ## 14.0.2 `2022-11-01` @@ -32,6 +47,13 @@ --- +## 13.1.2 + +`2022-11-02` +### Fix +* Fix use of `this.component.name` on `AbstractComponent`, this logic will be remplaced by an inject/destroy function. (To enable custom component import) + + ## 13.1.1 `2022-10-01` diff --git a/projects/ng-forms-aio-website/src/main.ts b/projects/ng-forms-aio-website/src/main.ts index 4b56991..bb5a067 100644 --- a/projects/ng-forms-aio-website/src/main.ts +++ b/projects/ng-forms-aio-website/src/main.ts @@ -8,6 +8,9 @@ if (environment.production) { enableProdMode(); } + +enableProdMode() + platformBrowserDynamic() .bootstrapModule(AppModule) .catch((err) => console.error(err)); diff --git a/projects/ng-forms-aio/README.md b/projects/ng-forms-aio/README.md index ba6aeda..f2135ea 100644 --- a/projects/ng-forms-aio/README.md +++ b/projects/ng-forms-aio/README.md @@ -4,10 +4,13 @@ A library of Angular UI components, made to make managing forms easier. All components are open source and free to use under MIT license. -DEMO: https://ng-forms-aio.mylabz.xyz/ -GLOBAL DOC: https://ng-forms-aio.mylabz.xyz/#/doc/forms-aio -COMPONENT DOC: https://ng-forms-aio.mylabz.xyz/#/components/forms-aio -NPM: https://www.npmjs.com/package/@mylabz/ng-forms-aio +**DEMO**: https://ng-forms-aio.mylabz.xyz/ + +**GLOBAL DOC**: https://ng-forms-aio.mylabz.xyz/#/doc/forms-aio + +**COMPONENT DOC**: https://ng-forms-aio.mylabz.xyz/#/components/forms-aio + +**NPM**: https://www.npmjs.com/package/@mylabz/ng-forms-aio ## **Dependencies** diff --git a/projects/ng-forms-aio/package.json b/projects/ng-forms-aio/package.json index f876865..96eb3be 100644 --- a/projects/ng-forms-aio/package.json +++ b/projects/ng-forms-aio/package.json @@ -1,6 +1,6 @@ { "name": "@mylabz/ng-forms-aio", - "version": "14.0.2", + "version": "14.0.4", "schematics": "./schematics/collection.json", "peerDependencies": { "@angular/common": "^14.2.0", diff --git a/projects/ng-forms-aio/schematics/ng-add/index.ts b/projects/ng-forms-aio/schematics/ng-add/index.ts index c459c11..e0c44d7 100644 --- a/projects/ng-forms-aio/schematics/ng-add/index.ts +++ b/projects/ng-forms-aio/schematics/ng-add/index.ts @@ -8,7 +8,7 @@ export default function (options: Schema): Rule { return chain([ (host: Tree) => { if (!options.skipPackageJson) { - addPackageToPackageJson(host, '@mylabz/ng-forms-aio', '14.0.2'); + addPackageToPackageJson(host, '@mylabz/ng-forms-aio', '14.0.4'); } }, schematic('ng-add-setup-project', options), diff --git a/projects/ng-forms-aio/src/lib/components/abstract.component.ts b/projects/ng-forms-aio/src/lib/components/abstract.component.ts index 2e4dfdd..bb928a0 100644 --- a/projects/ng-forms-aio/src/lib/components/abstract.component.ts +++ b/projects/ng-forms-aio/src/lib/components/abstract.component.ts @@ -1,4 +1,4 @@ -import { AfterContentInit, AfterViewInit, Component, EventEmitter, Input, OnInit, Output } from '@angular/core'; +import { AfterContentInit, Component, EventEmitter, Input, OnInit, Output } from '@angular/core'; import { FormControl, ValidationErrors } from '@angular/forms'; import { NgFormsAioTheme, NgFormsAioThemesList } from '../const'; @@ -29,25 +29,27 @@ export class AbstractComponent implements OnInit, AfterContentInit { public _idDynamic = (id: string | number): string => this._idMarker + id + '_' + this._index; + public componentName!: string; + ngOnInit(): void { this.initIndex(); this.initId(); } ngAfterContentInit(): void { - if (this.constructor.name === 'NgAioCheckboxFormComponent') { + if (this.componentName === 'NgAioCheckboxFormComponent') { this.checkCheckboxSelected(); } - if (this.constructor.name === 'NgAioCheckboxListFormComponent') { + if (this.componentName === 'NgAioCheckboxListFormComponent') { this.checkCheckboxListSelected(); } - if (this.constructor.name === 'NgAioSelectFormComponent') { + if (this.componentName === 'NgAioSelectFormComponent') { this.dropDownSelected(); } setTimeout(() => { - if (this.constructor.name !== 'ButtonComponent') { + if (this.componentName !== 'ButtonComponent') { this.onChange.emit({ value: this.value, id: this._id }); } }); diff --git a/projects/ng-forms-aio/src/lib/components/button/button.component.ts b/projects/ng-forms-aio/src/lib/components/button/button.component.ts index 46ddc43..1003b1c 100644 --- a/projects/ng-forms-aio/src/lib/components/button/button.component.ts +++ b/projects/ng-forms-aio/src/lib/components/button/button.component.ts @@ -7,6 +7,8 @@ import { AbstractComponent } from '..'; styleUrls: ['./button.component.scss'], }) export class ButtonComponent extends AbstractComponent{ + public override componentName = 'ButtonComponent' + public onSubmit(){ this.onChange.emit('Submit event !') } diff --git a/projects/ng-forms-aio/src/lib/components/checkbox-list/checkbox-list.component.ts b/projects/ng-forms-aio/src/lib/components/checkbox-list/checkbox-list.component.ts index 0995451..c78aa5c 100644 --- a/projects/ng-forms-aio/src/lib/components/checkbox-list/checkbox-list.component.ts +++ b/projects/ng-forms-aio/src/lib/components/checkbox-list/checkbox-list.component.ts @@ -10,6 +10,8 @@ export class NgAioCheckboxListFormComponent extends AbstractComponent { @Input() multi?: boolean; public override _idMarker = 'ngAioCheckBoxList_'; + public override componentName = 'NgAioCheckboxListFormComponent' + public override emit(event: any, i?: any, choice?: any): void { if (this.multi) { diff --git a/projects/ng-forms-aio/src/lib/components/checkbox/checkbox.component.ts b/projects/ng-forms-aio/src/lib/components/checkbox/checkbox.component.ts index 5bcccc7..e16e97f 100644 --- a/projects/ng-forms-aio/src/lib/components/checkbox/checkbox.component.ts +++ b/projects/ng-forms-aio/src/lib/components/checkbox/checkbox.component.ts @@ -10,6 +10,8 @@ export class NgAioCheckboxFormComponent extends AbstractComponent { public override _idMarker = 'ngAioCheckBox_'; + public override componentName = 'NgAioCheckboxFormComponent' + public override emit(event: any, i?: any, choice?: any): void { if (event.target.checked) { diff --git a/projects/ng-forms-aio/src/lib/components/input-text-area/input-text-area.component.ts b/projects/ng-forms-aio/src/lib/components/input-text-area/input-text-area.component.ts index c1035d2..0ce68ce 100644 --- a/projects/ng-forms-aio/src/lib/components/input-text-area/input-text-area.component.ts +++ b/projects/ng-forms-aio/src/lib/components/input-text-area/input-text-area.component.ts @@ -11,4 +11,6 @@ export class NgAioInputTextAreaComponent extends AbstractComponent { @Input() appendLabel: number | any; public override _idMarker: string='ngAioTextBox_'; + public override componentName = 'NgAioInputTextAreaComponent' + } diff --git a/projects/ng-forms-aio/src/lib/components/input/input.component.ts b/projects/ng-forms-aio/src/lib/components/input/input.component.ts index b2785eb..eb4d954 100644 --- a/projects/ng-forms-aio/src/lib/components/input/input.component.ts +++ b/projects/ng-forms-aio/src/lib/components/input/input.component.ts @@ -15,5 +15,6 @@ export class NgAioInputFormComponent @Input() type: string | any = 'text'; public override _idMarker = 'ngAioInput_'; + public override componentName = 'NgAioInputFormComponent' } diff --git a/projects/ng-forms-aio/src/lib/components/select/select.component.ts b/projects/ng-forms-aio/src/lib/components/select/select.component.ts index 3bf85b9..0b0f6cd 100644 --- a/projects/ng-forms-aio/src/lib/components/select/select.component.ts +++ b/projects/ng-forms-aio/src/lib/components/select/select.component.ts @@ -15,4 +15,6 @@ export class NgAioSelectFormComponent @Input() formValueTips: number | any; public override _idMarker = 'ngAioSelect_'; + public override componentName = 'NgAioSelectFormComponent' + } diff --git a/projects/ng-forms-aio/src/lib/ng-forms-aio.component.html b/projects/ng-forms-aio/src/lib/ng-forms-aio.component.html index a36cdf1..dd7a107 100644 --- a/projects/ng-forms-aio/src/lib/ng-forms-aio.component.html +++ b/projects/ng-forms-aio/src/lib/ng-forms-aio.component.html @@ -110,7 +110,7 @@ -
+
{{ opts.validFeedBackLabel! }} diff --git a/projects/ng-forms-aio/src/lib/ng-forms-aio.component.ts b/projects/ng-forms-aio/src/lib/ng-forms-aio.component.ts index 77ded91..a322df7 100644 --- a/projects/ng-forms-aio/src/lib/ng-forms-aio.component.ts +++ b/projects/ng-forms-aio/src/lib/ng-forms-aio.component.ts @@ -108,8 +108,9 @@ export class NgFormsAioComponent implements OnInit, OnDestroy { } public submit() { + console.log('submit') this.submitted.valid = this.formGroup.valid; - this.submitted.invalid = !this.formGroup.valid; + this.submitted.invalid = this.formGroup.invalid; if (this.formGroup.valid) { this.onSubmit.emit(this.formGroup); }