apply flexCopy directive

jslib

@@ -1 +1 @@
-Subproject commit 5c7a911b2e84f89d4509b2fd786d47c4fb5c3719
+Subproject commit 09df62db4cb29832313bf612fa8b77c63a11f026

src/popup/app.module.ts

@@ -49,6 +49,7 @@ import { AutofocusDirective } from 'jslib/angular/directives/autofocus.directive
 import { BlurClickDirective } from 'jslib/angular/directives/blur-click.directive';
 import { BoxRowDirective } from 'jslib/angular/directives/box-row.directive';
 import { FallbackSrcDirective } from 'jslib/angular/directives/fallback-src.directive';
+import { FlexCopyDirective } from 'jslib/angular/directives/flex-copy.directive';
 import { InputVerbatimDirective } from 'jslib/angular/directives/input-verbatim.directive';
 import { StopClickDirective } from 'jslib/angular/directives/stop-click.directive';
 import { StopPropDirective } from 'jslib/angular/directives/stop-prop.directive';
@@ -166,6 +167,7 @@ registerLocaleData(localeZhTw, 'zh-TW');
         EnvironmentComponent,
         ExportComponent,
         FallbackSrcDirective,
+        FlexCopyDirective,
         FolderAddEditComponent,
         FoldersComponent,
         GroupingsComponent,

src/popup/generator/password-generator-history.component.html

@@ -20,7 +20,7 @@
             <div class="box-content-row box-content-row-flex" *ngFor="let h of history">
                 <div class="row-main">
                     <div class="row-main-content">
-                        <div class="text monospaced password-wrapper no-ellipsis"
+                        <div class="text monospaced password-wrapper no-ellipsis" appFlexCopy
                            [innerHTML]="h.password | colorPassword"></div>
                         <span class="detail">{{h.date | date:'medium'}}</span>
                     </div>

src/popup/generator/password-generator.component.html

@@ -11,7 +11,7 @@
     </div>
 </header>
 <content>
-    <div class="password-block password-wrapper" [innerHTML]="password | colorPassword"></div>
+    <div class="password-block password-wrapper" [innerHTML]="password | colorPassword" appFlexCopy></div>
     <div class="box list">
         <div class="box-content single-line">
             <a class="box-content-row text-primary" href="#" appStopClick appBlurClick

src/popup/vault/view.component.html

@@ -36,9 +36,9 @@
                 <div class="box-content-row box-content-row-flex" *ngIf="cipher.login.password">
                     <div class="row-main">
                         <span class="row-label">{{'password' | i18n}}</span>
-                        <div [hidden]="showPassword" class="monospaced password-wrapper">
+                        <div [hidden]="showPassword" class="monospaced password-wrapper" appFlexCopy>
                             {{cipher.login.maskedPassword}}</div>
-                        <div [hidden]="!showPassword" class="monospaced password-wrapper"
+                        <div [hidden]="!showPassword" class="monospaced password-wrapper" appFlexCopy
                             [innerHTML]="cipher.login.password | colorPassword"></div>
                     </div>
                     <div class="action-buttons">