osahner / ngx-show-hide-password Goto Github PK

With ng build, ERROR in Error: Metadata version mismatch for module "../ngx-show-hide-password/ngx-show-hide-password.d.ts, found version 4, expected 3.

Hello there @osahner , Hope that you're doing great.
I would like to know if it's possible to apply more styles on this component, I've tried to changed the border color of the button that hold the eye icon with no luck, If you could suggest me a way to do this please !
Thank you in advance friend

"ɵɵdefineInjectable" was not found in '@angular/core'. Is necesary change to "defineInjectable" to work

Hi again...

For some reason, even though it looks like 2.6.0 has been updated to support the newer fontawesome, for some reason, I'm hitting an error when I try to update fontawesome svg core. To test, I simply used the following commands:
ng new
npm i @fortawesome/[email protected]
npm i [email protected]

The last command showed this:
jobbyjohns@Jobbys-Mac-mini b % npm i [email protected]
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: @fortawesome/[email protected]
npm ERR! node_modules/@fortawesome/fontawesome-svg-core
npm ERR! @fortawesome/fontawesome-svg-core@"^6.1.1" from the root project
npm ERR! peer @fortawesome/fontawesome-svg-core@"~1.2.27 || ~1.3.0-beta2 || ^6.1.0" from @fortawesome/[email protected]
npm ERR! node_modules/@fortawesome/angular-fontawesome
npm ERR! peer @fortawesome/angular-fontawesome@">=0.7 <1" from [email protected]
npm ERR! node_modules/ngx-show-hide-password
npm ERR! ngx-show-hide-password@"2.6.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer @fortawesome/fontawesome-svg-core@"^1" from [email protected]
npm ERR! node_modules/ngx-show-hide-password
npm ERR! ngx-show-hide-password@"2.6.0" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See /Users/jobbyjohns/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR! /Users/jobbyjohns/.npm/_logs/2022-03-26T04_59_15_410Z-debug-0.log

This is the failure but I'm not sure why since the package.json here expects 6.1.0:
npm ERR! peer @fortawesome/fontawesome-svg-core@"^1" from [email protected]
npm ERR! node_modules/ngx-show-hide-password
npm ERR! ngx-show-hide-password@"2.6.0" from the root project

Any ideas?

The show-hide-password component is not strict mode compatible.

Hello,
When I start my application with the commande line "ng serve", I have this error :

node_modules/ngx-show-hide-password/lib/show-hide-status.directive.d.ts:16:9 - error TS1086: An accessor cannot be declared in an ambient context.

16 set showHideStatus(config: ShowHideStatusConfig);

Someone has a solution ?

Thanks

Hello, I saw in the past issue this error but with Angular v10 it's seems like different.
Here we are what my terminal says after ng serve.

ERROR in node_modules/ngx-show-hide-password/lib/show-hide-status.directive.d.ts:16:9 - error TS1086: An accessor cannot be declared in an ambient context.

16 set showHideStatus(config: ShowHideStatusConfig);

I've already installed :
@fortawesome/fontawesome-common-types

I tried to install also @fortawesome/angular-fontawesome@^0.5 like past issue.
No changes. Not working yet.

Typescript version 4.0.2.

Thank you for help.

Hi friend!

I noticed recently that FontAwesome updated to version 6 so I decided to try to update my dependencies in my project. However, when I did so, I got the following:
pm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: {projectname}
npm ERR! Found: @fortawesome/[email protected]
npm ERR! node_modules/@fortawesome/free-solid-svg-icons
npm ERR! @fortawesome/free-solid-svg-icons@"^6.0.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer @fortawesome/free-solid-svg-icons@"^5" from [email protected]
npm ERR! node_modules/ngx-show-hide-password
npm ERR! ngx-show-hide-password@"^2.4.0" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry

It sounds like this project would need to update to fontawesome version 6 if I'm to use any of the newer icons. I'm not sure how you feel about this as I'm guessing some people will try to stay on 5 (although the migration is pretty smooth... they changed icon names but kept aliases so nothing changed in my code).

When trying to upgrade my project to Angular 13, this package holds me back due to a peer dependencies error.

ng update @angular-eslint/schematics @angular/cli @angular/core
The installed local Angular CLI version is older than the latest stable version.
Installing a temporary version to perform the update.
✔ Package successfully installed.
Using package manager: 'npm'
Collecting installed dependencies...
Found 60 dependencies.
Fetching dependency metadata from registry...
Package "ngx-show-hide-password" has an incompatible peer dependency to "@angular/common" (requires "^10" (extended), would install "13.1.1").
Package "ngx-show-hide-password" has an incompatible peer dependency to "@angular/core" (requires "^10" (extended), would install "13.1.1").
× Migration failed: Incompatible peer dependencies found.
Peer dependency warnings when installing dependencies means that those dependencies might not work correctly together.
You can use the '--force' option to ignore incompatible peer dependencies and instead address these warnings later.

** DESIRED OUTCOME **
Project supports Angular 13.
This may be as simple as updating dependencies but not sure if the Ivy requirement will force other changes.

Thanks for your work, @osahner! This package has been simple but effective.

npm WARN [email protected] requires a peer of @angular/common@^9 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @angular/core@^9 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @fortawesome/angular-fontawesome@^0.6 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of tslib@^1.10.0 but none is installed. You must install peer dependencies yourself.

The input-group button is falling and the size of the input is not 100%
This can be resolved using input-group-btn class instead of input-group-append in the div's button container.
Before:

After:

Control shows eye icon when password is not revealed and slashed eye icon when password is revealed. Shouldn't it be the other way around?

I've installed lastest verdion of ngx-show-hide-password and when I import at app.module.ts and try to build project I get the following issue:

I did the installation as instructed on the npm site. It's working all well, but I'm getting this error:
ERROR in node_modules/ngx-show-hide-password/lib/show-hide-password.component.d.ts(32,19): error TS2307: Cannot find module '@fortawesome/fontawesome-common-types'.
node_modules/ngx-show-hide-password/lib/show-hide-password.component.d.ts(33,24): error TS2307: Cannot find module '@fortawesome/fontawesome-common-types'.
how to fix it?