mirror of
https://github.com/bitwarden/browser
synced 2025-12-25 04:33:34 +00:00
* feat-web: add hidden char count toggle * Added toggle char count for desktop * Use Tailwind and Component Library, add i18n * Hide char count when password is hidden * Initial proposal * Update colors per design spec for all clients Also make variable names consistent across clients * Remove unused scss * Add styling * Set fixed with for password count elements * Add separate wrapped stories * Fix alignment of first char when wrapped * Minor refactors * Make naming consistent * Add Figma url * add barrel files * Use CL component * Fix template * Remove duplicate style * Use ColorPasswordComponent in web, remove old pipe Also remove styling and move pipe out of jslib-module given that it's no longer shared by all Angular clients * Run prettier * Remove unused scss vars * Undo unnecessary changes * Remove unnecessary changes * Fix styling * Fix selector * Collect show password event * Fix incorrect background in dark mode * Fix linting * Use color password for password history * Add char count to hidden custom fields in desktop * Fix char count background in web: take 2 * Update service name * Add missing label toggleCharacterCount for desktop Co-authored-by: Daniel James Smith <djsmith@web.de> Co-authored-by: Thomas Rittson <trittson@bitwarden.com>
101 lines
3.5 KiB
TypeScript
101 lines
3.5 KiB
TypeScript
import { CommonModule, DatePipe } from "@angular/common";
|
|
import { NgModule } from "@angular/core";
|
|
import { FormsModule, ReactiveFormsModule } from "@angular/forms";
|
|
|
|
import { CalloutComponent } from "./components/callout.component";
|
|
import { ExportScopeCalloutComponent } from "./components/export-scope-callout.component";
|
|
import { IconComponent } from "./components/icon.component";
|
|
import { BitwardenToastModule } from "./components/toastr.component";
|
|
import { A11yInvalidDirective } from "./directives/a11y-invalid.directive";
|
|
import { A11yTitleDirective } from "./directives/a11y-title.directive";
|
|
import { ApiActionDirective } from "./directives/api-action.directive";
|
|
import { AutofocusDirective } from "./directives/autofocus.directive";
|
|
import { BoxRowDirective } from "./directives/box-row.directive";
|
|
import { CopyClickDirective } from "./directives/copy-click.directive";
|
|
import { FallbackSrcDirective } from "./directives/fallback-src.directive";
|
|
import { InputStripSpacesDirective } from "./directives/input-strip-spaces.directive";
|
|
import { InputVerbatimDirective } from "./directives/input-verbatim.directive";
|
|
import { LaunchClickDirective } from "./directives/launch-click.directive";
|
|
import { NotPremiumDirective } from "./directives/not-premium.directive";
|
|
import { SelectCopyDirective } from "./directives/select-copy.directive";
|
|
import { StopClickDirective } from "./directives/stop-click.directive";
|
|
import { StopPropDirective } from "./directives/stop-prop.directive";
|
|
import { TrueFalseValueDirective } from "./directives/true-false-value.directive";
|
|
import { CreditCardNumberPipe } from "./pipes/credit-card-number.pipe";
|
|
import { EllipsisPipe } from "./pipes/ellipsis.pipe";
|
|
import { I18nPipe } from "./pipes/i18n.pipe";
|
|
import { SearchCiphersPipe } from "./pipes/search-ciphers.pipe";
|
|
import { SearchPipe } from "./pipes/search.pipe";
|
|
import { UserNamePipe } from "./pipes/user-name.pipe";
|
|
import { PasswordStrengthComponent } from "./shared/components/password-strength/password-strength.component";
|
|
|
|
@NgModule({
|
|
imports: [
|
|
BitwardenToastModule.forRoot({
|
|
maxOpened: 5,
|
|
autoDismiss: true,
|
|
closeButton: true,
|
|
}),
|
|
CommonModule,
|
|
FormsModule,
|
|
ReactiveFormsModule,
|
|
],
|
|
declarations: [
|
|
A11yInvalidDirective,
|
|
A11yTitleDirective,
|
|
ApiActionDirective,
|
|
AutofocusDirective,
|
|
BoxRowDirective,
|
|
CalloutComponent,
|
|
CreditCardNumberPipe,
|
|
EllipsisPipe,
|
|
ExportScopeCalloutComponent,
|
|
FallbackSrcDirective,
|
|
I18nPipe,
|
|
IconComponent,
|
|
InputStripSpacesDirective,
|
|
InputVerbatimDirective,
|
|
NotPremiumDirective,
|
|
SearchCiphersPipe,
|
|
SearchPipe,
|
|
SelectCopyDirective,
|
|
StopClickDirective,
|
|
StopPropDirective,
|
|
TrueFalseValueDirective,
|
|
CopyClickDirective,
|
|
LaunchClickDirective,
|
|
UserNamePipe,
|
|
PasswordStrengthComponent,
|
|
],
|
|
exports: [
|
|
A11yInvalidDirective,
|
|
A11yTitleDirective,
|
|
ApiActionDirective,
|
|
AutofocusDirective,
|
|
BitwardenToastModule,
|
|
BoxRowDirective,
|
|
CalloutComponent,
|
|
CreditCardNumberPipe,
|
|
EllipsisPipe,
|
|
ExportScopeCalloutComponent,
|
|
FallbackSrcDirective,
|
|
I18nPipe,
|
|
IconComponent,
|
|
InputStripSpacesDirective,
|
|
InputVerbatimDirective,
|
|
NotPremiumDirective,
|
|
SearchCiphersPipe,
|
|
SearchPipe,
|
|
SelectCopyDirective,
|
|
StopClickDirective,
|
|
StopPropDirective,
|
|
TrueFalseValueDirective,
|
|
CopyClickDirective,
|
|
LaunchClickDirective,
|
|
UserNamePipe,
|
|
PasswordStrengthComponent,
|
|
],
|
|
providers: [CreditCardNumberPipe, DatePipe, I18nPipe, SearchPipe, UserNamePipe],
|
|
})
|
|
export class JslibModule {}
|