cmat 0.0.79 → 0.0.80
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/cmat-components-adapter.mjs +9 -9
- package/fesm2022/cmat-components-breadcrumb.mjs +9 -9
- package/fesm2022/cmat-components-card.mjs +3 -3
- package/fesm2022/cmat-components-carousel.mjs +21 -21
- package/fesm2022/cmat-components-carousel.mjs.map +1 -1
- package/fesm2022/cmat-components-cascade.mjs +14 -14
- package/fesm2022/cmat-components-cascade.mjs.map +1 -1
- package/fesm2022/cmat-components-chip-input.mjs +3 -3
- package/fesm2022/cmat-components-code-editor.mjs +3 -3
- package/fesm2022/cmat-components-custom-formly.mjs +119 -116
- package/fesm2022/cmat-components-custom-formly.mjs.map +1 -1
- package/fesm2022/cmat-components-date-range.mjs +12 -12
- package/fesm2022/cmat-components-date-range.mjs.map +1 -1
- package/fesm2022/cmat-components-date-time-display.mjs +3 -3
- package/fesm2022/cmat-components-drawer.mjs +10 -10
- package/fesm2022/cmat-components-drawer.mjs.map +1 -1
- package/fesm2022/cmat-components-empty-state.mjs +3 -3
- package/fesm2022/cmat-components-file-preview.mjs +3 -3
- package/fesm2022/cmat-components-filter-toolbar.mjs +3 -3
- package/fesm2022/cmat-components-form-actions.mjs +3 -3
- package/fesm2022/cmat-components-fullscreen.mjs +3 -3
- package/fesm2022/cmat-components-highlight.mjs +6 -7
- package/fesm2022/cmat-components-highlight.mjs.map +1 -1
- package/fesm2022/cmat-components-image-viewer.mjs +12 -15
- package/fesm2022/cmat-components-image-viewer.mjs.map +1 -1
- package/fesm2022/cmat-components-inline-loading.mjs +3 -3
- package/fesm2022/cmat-components-json-editor.mjs +4 -6
- package/fesm2022/cmat-components-json-editor.mjs.map +1 -1
- package/fesm2022/cmat-components-knob-input.mjs +11 -11
- package/fesm2022/cmat-components-knob-input.mjs.map +1 -1
- package/fesm2022/cmat-components-masonry.mjs +8 -11
- package/fesm2022/cmat-components-masonry.mjs.map +1 -1
- package/fesm2022/cmat-components-material-color-picker.mjs +13 -14
- package/fesm2022/cmat-components-material-color-picker.mjs.map +1 -1
- package/fesm2022/cmat-components-material-datetimepicker.mjs +73 -81
- package/fesm2022/cmat-components-material-datetimepicker.mjs.map +1 -1
- package/fesm2022/cmat-components-navigation.mjs +155 -163
- package/fesm2022/cmat-components-navigation.mjs.map +1 -1
- package/fesm2022/cmat-components-opt-input.mjs +3 -3
- package/fesm2022/cmat-components-org-chart.mjs +9 -9
- package/fesm2022/cmat-components-page-header.mjs +3 -3
- package/fesm2022/cmat-components-pagination.mjs +34 -32
- package/fesm2022/cmat-components-pagination.mjs.map +1 -1
- package/fesm2022/cmat-components-password-strength.mjs +13 -15
- package/fesm2022/cmat-components-password-strength.mjs.map +1 -1
- package/fesm2022/cmat-components-popover.mjs +10 -12
- package/fesm2022/cmat-components-popover.mjs.map +1 -1
- package/fesm2022/cmat-components-progress-bar.mjs +11 -14
- package/fesm2022/cmat-components-progress-bar.mjs.map +1 -1
- package/fesm2022/cmat-components-qrcode.mjs +3 -3
- package/fesm2022/cmat-components-rating.mjs +14 -14
- package/fesm2022/cmat-components-rating.mjs.map +1 -1
- package/fesm2022/cmat-components-rich-text-editor.mjs +3 -3
- package/fesm2022/cmat-components-select-search.mjs +17 -19
- package/fesm2022/cmat-components-select-search.mjs.map +1 -1
- package/fesm2022/cmat-components-select-table.mjs +19 -20
- package/fesm2022/cmat-components-select-table.mjs.map +1 -1
- package/fesm2022/cmat-components-select-tree.mjs +31 -32
- package/fesm2022/cmat-components-select-tree.mjs.map +1 -1
- package/fesm2022/cmat-components-skeleton.mjs +3 -3
- package/fesm2022/cmat-components-speed-dial.mjs +14 -17
- package/fesm2022/cmat-components-speed-dial.mjs.map +1 -1
- package/fesm2022/cmat-components-status-tag.mjs +3 -3
- package/fesm2022/cmat-components-table-toolbar.mjs +3 -3
- package/fesm2022/cmat-components-timeline.mjs +12 -12
- package/fesm2022/cmat-components-toast.mjs +14 -16
- package/fesm2022/cmat-components-toast.mjs.map +1 -1
- package/fesm2022/cmat-components-transfer-picker.mjs +103 -90
- package/fesm2022/cmat-components-transfer-picker.mjs.map +1 -1
- package/fesm2022/cmat-components-treetable.mjs +17 -19
- package/fesm2022/cmat-components-treetable.mjs.map +1 -1
- package/fesm2022/cmat-components-upload.mjs +24 -31
- package/fesm2022/cmat-components-upload.mjs.map +1 -1
- package/fesm2022/cmat-components-x6-angular-shape.mjs +0 -3
- package/fesm2022/cmat-components-x6-angular-shape.mjs.map +1 -1
- package/fesm2022/cmat-directives-animate-on-scroll.mjs +6 -6
- package/fesm2022/cmat-directives-arrow-cursor.mjs +3 -3
- package/fesm2022/cmat-directives-autofocus.mjs +3 -3
- package/fesm2022/cmat-directives-data-exporter.mjs +21 -21
- package/fesm2022/cmat-directives-debounce.mjs +9 -9
- package/fesm2022/cmat-directives-digit-only.mjs +6 -6
- package/fesm2022/cmat-directives-equal-validator.mjs +3 -3
- package/fesm2022/cmat-directives-seamless-auto-scroll.mjs +3 -3
- package/fesm2022/cmat-lib-mock-api.mjs +6 -6
- package/fesm2022/cmat-pipes-bytes.mjs +3 -3
- package/fesm2022/cmat-pipes-date-format.mjs +3 -3
- package/fesm2022/cmat-pipes-find-by-key.mjs +3 -3
- package/fesm2022/cmat-pipes-group-by.mjs +3 -3
- package/fesm2022/cmat-pipes-keys.mjs +3 -3
- package/fesm2022/cmat-pipes-secure.mjs +3 -3
- package/fesm2022/cmat-pipes-uppercase.mjs +3 -3
- package/fesm2022/cmat-services-alert.mjs +3 -3
- package/fesm2022/cmat-services-config.mjs +6 -6
- package/fesm2022/cmat-services-confirmation.mjs +6 -6
- package/fesm2022/cmat-services-data.mjs +3 -3
- package/fesm2022/cmat-services-export-as.mjs +3 -3
- package/fesm2022/cmat-services-loading.mjs +6 -6
- package/fesm2022/cmat-services-local-storage.mjs +3 -3
- package/fesm2022/cmat-services-media-watcher.mjs +3 -3
- package/fesm2022/cmat-services-platform.mjs +3 -3
- package/fesm2022/cmat-services-splash-screen.mjs +3 -3
- package/fesm2022/cmat-services-title.mjs +3 -3
- package/fesm2022/cmat-services-translation.mjs +3 -3
- package/fesm2022/cmat-services-utils.mjs +3 -3
- package/fesm2022/cmat.mjs +964 -1000
- package/fesm2022/cmat.mjs.map +1 -1
- package/package.json +1 -1
- package/types/cmat-components-carousel.d.ts +2 -2
- package/types/cmat-components-cascade.d.ts +3 -3
- package/types/cmat-components-custom-formly.d.ts +8 -9
- package/types/cmat-components-date-range.d.ts +1 -1
- package/types/cmat-components-drawer.d.ts +2 -2
- package/types/cmat-components-image-viewer.d.ts +5 -6
- package/types/cmat-components-json-editor.d.ts +0 -1
- package/types/cmat-components-knob-input.d.ts +2 -2
- package/types/cmat-components-masonry.d.ts +1 -2
- package/types/cmat-components-material-color-picker.d.ts +1 -2
- package/types/cmat-components-material-datetimepicker.d.ts +6 -9
- package/types/cmat-components-navigation.d.ts +10 -7
- package/types/cmat-components-pagination.d.ts +5 -4
- package/types/cmat-components-password-strength.d.ts +1 -2
- package/types/cmat-components-popover.d.ts +0 -1
- package/types/cmat-components-progress-bar.d.ts +6 -7
- package/types/cmat-components-rating.d.ts +6 -7
- package/types/cmat-components-select-search.d.ts +1 -1
- package/types/cmat-components-select-table.d.ts +7 -8
- package/types/cmat-components-select-tree.d.ts +10 -11
- package/types/cmat-components-speed-dial.d.ts +1 -2
- package/types/cmat-components-toast.d.ts +1 -2
- package/types/cmat-components-transfer-picker.d.ts +21 -11
- package/types/cmat-components-treetable.d.ts +3 -4
- package/types/cmat-components-upload.d.ts +5 -7
- package/types/cmat.d.ts +83 -88
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Input, ChangeDetectionStrategy, ViewEncapsulation, Component, EventEmitter, Output,
|
|
2
|
+
import { Input, ChangeDetectionStrategy, ViewEncapsulation, Component, EventEmitter, Output, signal } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/material/button';
|
|
4
4
|
import { MatButtonModule } from '@angular/material/button';
|
|
5
5
|
import * as i2 from '@angular/material/core';
|
|
@@ -19,10 +19,10 @@ class CmatPassToggleVisibilityComponent {
|
|
|
19
19
|
get type() {
|
|
20
20
|
return this.isVisible ? 'text' : 'password';
|
|
21
21
|
}
|
|
22
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
23
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
22
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatPassToggleVisibilityComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: CmatPassToggleVisibilityComponent, isStandalone: true, selector: "cmat-pass-toggle-visibility", inputs: { isVisible: "isVisible", tabindex: "tabindex" }, exportAs: ["cmatPassToggleVisibility"], ngImport: i0, template: "<button type=\"button\" class=\"matIconButton cdk-focused cdk-mouse-focused\" matIconButton \r\n matRipple [matRippleCentered]=\"true\" [attr.tabindex]=\"tabindex ? tabindex : null\" (click)=\"isVisible = !isVisible\">\r\n <mat-icon svgIcon=\"{{isVisible ? 'mat_outline:visibility' : 'mat_outline:visibility_off' }}\"></mat-icon>\r\n</button>", dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i2.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
24
24
|
}
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatPassToggleVisibilityComponent, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
27
|
args: [{ selector: 'cmat-pass-toggle-visibility', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'cmatPassToggleVisibility', imports: [MatButtonModule, MatRippleModule, MatIconModule], template: "<button type=\"button\" class=\"matIconButton cdk-focused cdk-mouse-focused\" matIconButton \r\n matRipple [matRippleCentered]=\"true\" [attr.tabindex]=\"tabindex ? tabindex : null\" (click)=\"isVisible = !isVisible\">\r\n <mat-icon svgIcon=\"{{isVisible ? 'mat_outline:visibility' : 'mat_outline:visibility_off' }}\"></mat-icon>\r\n</button>" }]
|
|
28
28
|
}], propDecorators: { isVisible: [{
|
|
@@ -255,10 +255,10 @@ class CmatPasswordStrengthComponent {
|
|
|
255
255
|
this.calculatePasswordStrength();
|
|
256
256
|
this.passwordConfirmationFormControl.updateValueAndValidity();
|
|
257
257
|
}
|
|
258
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
259
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
258
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatPasswordStrengthComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
259
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: CmatPasswordStrengthComponent, isStandalone: true, selector: "cmat-password-strength", inputs: { password: "password", externalError: "externalError", enableLengthRule: "enableLengthRule", enableLowerCaseLetterRule: "enableLowerCaseLetterRule", enableUpperCaseLetterRule: "enableUpperCaseLetterRule", enableDigitRule: "enableDigitRule", enableSpecialCharRule: "enableSpecialCharRule", min: "min", max: "max", customValidator: "customValidator", warnThreshold: "warnThreshold", accentThreshold: "accentThreshold" }, outputs: { strengthChanged: "strengthChanged" }, exportAs: ["cmatPasswordStrength"], usesOnChanges: true, ngImport: i0, template: "<mat-progress-bar mode=\"determinate\" [color]=\"color\" [value]=\"strength\"></mat-progress-bar>", dependencies: [{ kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i1$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
260
260
|
}
|
|
261
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
261
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatPasswordStrengthComponent, decorators: [{
|
|
262
262
|
type: Component,
|
|
263
263
|
args: [{ selector: 'cmat-password-strength', exportAs: 'cmatPasswordStrength', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatProgressBarModule], template: "<mat-progress-bar mode=\"determinate\" [color]=\"color\" [value]=\"strength\"></mat-progress-bar>" }]
|
|
264
264
|
}], propDecorators: { password: [{
|
|
@@ -297,8 +297,7 @@ class CmatPasswordStrengthInfoComponent {
|
|
|
297
297
|
this.digitsCriteriaMsg = '包含至少一个数字';
|
|
298
298
|
this.specialCharsCriteriaMsg = '包含至少一个特殊字符';
|
|
299
299
|
this.customCharsCriteriaMsg = '包含至少一个传统字符';
|
|
300
|
-
this.pageLoaded = false;
|
|
301
|
-
this._changeDetectorRef = inject(ChangeDetectorRef);
|
|
300
|
+
this.pageLoaded = signal(false, ...(ngDevMode ? [{ debugName: "pageLoaded" }] : /* istanbul ignore next */ []));
|
|
302
301
|
}
|
|
303
302
|
ngOnInit() {
|
|
304
303
|
if (!this.minCharsCriteriaMsg) {
|
|
@@ -307,8 +306,7 @@ class CmatPasswordStrengthInfoComponent {
|
|
|
307
306
|
}
|
|
308
307
|
ngAfterViewInit() {
|
|
309
308
|
setTimeout(() => {
|
|
310
|
-
this.pageLoaded
|
|
311
|
-
this._changeDetectorRef.markForCheck();
|
|
309
|
+
this.pageLoaded.set(true);
|
|
312
310
|
}, 100);
|
|
313
311
|
}
|
|
314
312
|
getEnterIndex(itemType) {
|
|
@@ -361,12 +359,12 @@ class CmatPasswordStrengthInfoComponent {
|
|
|
361
359
|
}
|
|
362
360
|
return enabledItems.length - enabledItems.findIndex(j => j === itemType) - 1;
|
|
363
361
|
}
|
|
364
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
365
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
362
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatPasswordStrengthInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
363
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: CmatPasswordStrengthInfoComponent, isStandalone: true, selector: "cmat-password-strength-info", inputs: { passwordComponent: "passwordComponent", enableScoreInfo: "enableScoreInfo", lowerCaseCriteriaMsg: "lowerCaseCriteriaMsg", upperCaseCriteriaMsg: "upperCaseCriteriaMsg", digitsCriteriaMsg: "digitsCriteriaMsg", specialCharsCriteriaMsg: "specialCharsCriteriaMsg", customCharsCriteriaMsg: "customCharsCriteriaMsg", minCharsCriteriaMsg: "minCharsCriteriaMsg" }, exportAs: ["cmatPasswordStrengthInfo"], ngImport: i0, template: "<!-- eslint-disable @angular-eslint/template/no-inline-styles -->\r\n<mat-card class=\"info-card\">\r\n <mat-card-content>\r\n @if (passwordComponent.enableLowerCaseLetterRule) {\r\n <div class=\"info-row info-row-enter\" animate.leave=\"info-row-leave\"\r\n [style.--enter-item-index]=\"getEnterIndex('lowerCase')\" [style.--leave-item-index]=\"getLeaveIndex('lowerCase')\">\r\n @if (passwordComponent.containAtLeastOneLowerCaseLetter) {\r\n <mat-icon animate.enter=\"flip-in-x-animation\" color=\"primary\" svgIcon=\"mat_outline:done\" [class.animate-none]=\"!pageLoaded()\"></mat-icon>\r\n } @else {\r\n <mat-icon animate.enter=\"shake-info-animation\" color=\"warn\" svgIcon=\"mat_outline:error\" [class.animate-none]=\"!pageLoaded()\"></mat-icon>\r\n }\r\n <span>{{lowerCaseCriteriaMsg}}</span>\r\n </div>\r\n }\r\n\r\n @if (passwordComponent.enableUpperCaseLetterRule) {\r\n <div class=\"info-row info-row-enter\" animate.leave=\"info-row-leave\"\r\n [style.--enter-item-index]=\"getEnterIndex('upperCase')\" [style.--leave-item-index]=\"getLeaveIndex('upperCase')\">\r\n @if (passwordComponent.containAtLeastOneUpperCaseLetter) {\r\n <mat-icon animate.enter=\"flip-in-x-animation\" color=\"primary\" svgIcon=\"mat_outline:done\" [class.animate-none]=\"!pageLoaded()\"></mat-icon>\r\n } @else {\r\n <mat-icon animate.enter=\"shake-info-animation\" color=\"warn\" svgIcon=\"mat_outline:error\" [class.animate-none]=\"!pageLoaded()\"></mat-icon>\r\n }\r\n <span>{{upperCaseCriteriaMsg}}</span>\r\n </div>\r\n }\r\n\r\n @if (passwordComponent.enableDigitRule) {\r\n <div class=\"info-row info-row-enter\" animate.leave=\"info-row-leave\"\r\n [style.--enter-item-index]=\"getEnterIndex('digit')\" [style.--leave-item-index]=\"getLeaveIndex('digit')\">\r\n @if (passwordComponent.containAtLeastOneDigit) {\r\n <mat-icon animate.enter=\"flip-in-x-animation\" color=\"primary\" svgIcon=\"mat_outline:done\" [class.animate-none]=\"!pageLoaded()\"></mat-icon>\r\n } @else {\r\n <mat-icon animate.enter=\"shake-info-animation\" color=\"warn\" svgIcon=\"mat_outline:error\" [class.animate-none]=\"!pageLoaded()\"></mat-icon>\r\n }\r\n <span>{{digitsCriteriaMsg}}</span>\r\n </div>\r\n }\r\n\r\n @if (passwordComponent.enableSpecialCharRule) {\r\n <div class=\"info-row info-row-enter\" animate.leave=\"info-row-leave\"\r\n [style.--enter-item-index]=\"getEnterIndex('specialChar')\"\r\n [style.--leave-item-index]=\"getLeaveIndex('specialChar')\">\r\n @if (passwordComponent.containAtLeastOneSpecialChar) {\r\n <mat-icon animate.enter=\"flip-in-x-animation\" color=\"primary\" svgIcon=\"mat_outline:done\" [class.animate-none]=\"!pageLoaded()\"></mat-icon>\r\n } @else {\r\n <mat-icon animate.enter=\"shake-info-animation\" color=\"warn\" svgIcon=\"mat_outline:error\" [class.animate-none]=\"!pageLoaded()\"></mat-icon>\r\n }\r\n <span>{{specialCharsCriteriaMsg}}</span>\r\n </div>\r\n }\r\n\r\n @if (passwordComponent.enableLengthRule) {\r\n <div class=\"info-row info-row-enter\" animate.leave=\"info-row-leave\"\r\n [style.--enter-item-index]=\"getEnterIndex('length')\" [style.--leave-item-index]=\"getLeaveIndex('length')\">\r\n @if (passwordComponent.containAtLeastMinChars) {\r\n <mat-icon animate.enter=\"flip-in-x-animation\" color=\"primary\" svgIcon=\"mat_outline:done\" [class.animate-none]=\"!pageLoaded()\"></mat-icon>\r\n } @else {\r\n <mat-icon animate.enter=\"shake-info-animation\" color=\"warn\" svgIcon=\"mat_outline:error\" [class.animate-none]=\"!pageLoaded()\"></mat-icon>\r\n }\r\n <span>{{minCharsCriteriaMsg}}</span>\r\n </div>\r\n }\r\n\r\n @if (passwordComponent.customValidator) {\r\n <div class=\"info-row info-row-enter\" animate.leave=\"info-row-leave\"\r\n [style.--enter-item-index]=\"getEnterIndex('custom')\" [style.--leave-item-index]=\"getLeaveIndex('custom')\">\r\n @if (passwordComponent.containAtCustomChars) {\r\n <mat-icon animate.enter=\"flip-in-x-animation\" color=\"primary\" svgIcon=\"mat_outline:done\" [class.animate-none]=\"!pageLoaded\"></mat-icon>\r\n } @else {\r\n <mat-icon animate.enter=\"shake-info-animation\" color=\"warn\" svgIcon=\"mat_outline:error\" [class.animate-none]=\"!pageLoaded\"></mat-icon>\r\n }\r\n <span>{{customCharsCriteriaMsg}}</span>\r\n </div>\r\n }\r\n\r\n @if (enableScoreInfo) {\r\n <div class=\"info-row info-row-enter\" animate.leave=\"info-row-leave\"\r\n [style.--enter-item-index]=\"getEnterIndex('score')\" [style.--leave-item-index]=\"getLeaveIndex('score')\">\r\n @if (passwordComponent.strength === 100) {\r\n <mat-icon animate.enter=\"flip-in-x-animation\" color=\"primary\" svgIcon=\"mat_outline:done\" [class.animate-none]=\"!pageLoaded\"></mat-icon>\r\n } @else {\r\n <mat-icon animate.enter=\"shake-info-animation\" color=\"warn\" svgIcon=\"mat_outline:error\" [class.animate-none]=\"!pageLoaded\"></mat-icon>\r\n }\r\n <span>\u7035\u55D9\u721C\u5BEE\u54C4\u5BB3= {{passwordComponent.strength}} %100</span>\r\n </div>\r\n }\r\n\r\n </mat-card-content>\r\n<!-- eslint-enable @angular-eslint/template/no-inline-styles -->\r\n</mat-card>\r\n", styles: ["cmat-password-strength-info{margin-top:20px}cmat-password-strength-info .mat-mdc-card{display:flex;flex-direction:row;flex:1 1 0%;margin:.5rem;box-sizing:border-box;place-content:stretch;align-items:stretch}cmat-password-strength-info .mat-mdc-card .mat-mdc-card-content{display:flex;flex-direction:column;box-sizing:border-box;max-width:100%;place-content:stretch;align-items:stretch}cmat-password-strength-info .mat-mdc-card .mat-mdc-card-content .mat-icon{margin-right:1rem}cmat-password-strength-info .mat-mdc-card .mat-mdc-card-content .info-row{display:flex;flex-direction:row;box-sizing:border-box;align-items:center}cmat-password-strength-info .info-card .info-row.info-row-enter{transition-property:opacity,transform;transition-delay:calc(.3s * var(--enter-item-index, 0));transition-duration:1s;transition-timing-function:cubic-bezier(.8,-.6,.2,1.5)}@starting-style{cmat-password-strength-info .info-card .info-row.info-row-enter{transform:scale(.5);opacity:0}}cmat-password-strength-info .info-card .info-row.info-row-leave{transition-property:opacity,transform,height;transition-delay:calc(.3s * var(--leave-item-index, 0));transition-duration:1s;transition-timing-function:cubic-bezier(.8,-.6,.2,1.5);opacity:0;transform:scale(.5);height:0;margin:0}@starting-style{cmat-password-strength-info .info-card .info-row.info-row-leave{transform:scale(1);opacity:1;height:inherit}}cmat-password-strength-info .shake-info-animation{animation:shake 1s}cmat-password-strength-info .flip-in-x-animation{backface-visibility:visible;animation:flipInX 1s ease-in}cmat-password-strength-info .flip-in-y-animation{backface-visibility:visible;animation:flipInY 1s ease-in}@keyframes shake{0%{transform:translateZ(0)}10%{transform:translate3d(-10px,0,0)}20%{transform:translate3d(10px,0,0)}30%{transform:translate3d(-10px,0,0)}40%{transform:translate3d(10px,0,0)}50%{transform:translate3d(-10px,0,0)}60%{transform:translate3d(10px,0,0)}70%{transform:translate3d(-10px,0,0)}80%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-10px,0,0)}to{transform:translateZ(0)}}@keyframes flipInX{0%{opacity:0;transform:perspective(400px) rotateX(90deg)}40%{opacity:1;transform:perspective(400px) rotateX(-20deg)}60%{transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{opacity:1;transform:perspective(400px) rotate3d(0,0,0,0)}}@keyframes flipInY{0%{opacity:0;transform:perspective(400px) rotateY(90deg)}40%{opacity:1;transform:perspective(400px) rotateY(-20deg)}60%{transform:perspective(400px) rotateY(10deg)}80%{transform:perspective(400px) rotateY(-5deg)}to{opacity:1;transform:perspective(400px) rotate3d(0,0,0,0)}}\n"], dependencies: [{ kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i1$2.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i1$2.MatCardContent, selector: "mat-card-content" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
366
364
|
}
|
|
367
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
365
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatPasswordStrengthInfoComponent, decorators: [{
|
|
368
366
|
type: Component,
|
|
369
|
-
args: [{ selector: 'cmat-password-strength-info', exportAs: 'cmatPasswordStrengthInfo', encapsulation: ViewEncapsulation.None, imports: [MatCardModule, MatIconModule], template: "<!-- eslint-disable @angular-eslint/template/no-inline-styles -->\r\n<mat-card class=\"info-card\">\r\n <mat-card-content>\r\n @if (passwordComponent.enableLowerCaseLetterRule) {\r\n <div class=\"info-row info-row-enter\" animate.leave=\"info-row-leave\"\r\n [style.--enter-item-index]=\"getEnterIndex('lowerCase')\" [style.--leave-item-index]=\"getLeaveIndex('lowerCase')\">\r\n @if (passwordComponent.containAtLeastOneLowerCaseLetter) {\r\n <mat-icon animate.enter=\"flip-in-x-animation\" color=\"primary\" svgIcon=\"mat_outline:done\" [class.animate-none]=\"!pageLoaded\"></mat-icon>\r\n } @else {\r\n <mat-icon animate.enter=\"shake-info-animation\" color=\"warn\" svgIcon=\"mat_outline:error\" [class.animate-none]=\"!pageLoaded\"></mat-icon>\r\n }\r\n <span>{{lowerCaseCriteriaMsg}}</span>\r\n </div>\r\n }\r\n\r\n @if (passwordComponent.enableUpperCaseLetterRule) {\r\n <div class=\"info-row info-row-enter\" animate.leave=\"info-row-leave\"\r\n [style.--enter-item-index]=\"getEnterIndex('upperCase')\" [style.--leave-item-index]=\"getLeaveIndex('upperCase')\">\r\n @if (passwordComponent.containAtLeastOneUpperCaseLetter) {\r\n <mat-icon animate.enter=\"flip-in-x-animation\" color=\"primary\" svgIcon=\"mat_outline:done\" [class.animate-none]=\"!pageLoaded\"></mat-icon>\r\n } @else {\r\n <mat-icon animate.enter=\"shake-info-animation\" color=\"warn\" svgIcon=\"mat_outline:error\" [class.animate-none]=\"!pageLoaded\"></mat-icon>\r\n }\r\n <span>{{upperCaseCriteriaMsg}}</span>\r\n </div>\r\n }\r\n\r\n @if (passwordComponent.enableDigitRule) {\r\n <div class=\"info-row info-row-enter\" animate.leave=\"info-row-leave\"\r\n [style.--enter-item-index]=\"getEnterIndex('digit')\" [style.--leave-item-index]=\"getLeaveIndex('digit')\">\r\n @if (passwordComponent.containAtLeastOneDigit) {\r\n <mat-icon animate.enter=\"flip-in-x-animation\" color=\"primary\" svgIcon=\"mat_outline:done\" [class.animate-none]=\"!pageLoaded\"></mat-icon>\r\n } @else {\r\n <mat-icon animate.enter=\"shake-info-animation\" color=\"warn\" svgIcon=\"mat_outline:error\" [class.animate-none]=\"!pageLoaded\"></mat-icon>\r\n }\r\n <span>{{digitsCriteriaMsg}}</span>\r\n </div>\r\n }\r\n\r\n @if (passwordComponent.enableSpecialCharRule) {\r\n <div class=\"info-row info-row-enter\" animate.leave=\"info-row-leave\"\r\n [style.--enter-item-index]=\"getEnterIndex('specialChar')\"\r\n [style.--leave-item-index]=\"getLeaveIndex('specialChar')\">\r\n @if (passwordComponent.containAtLeastOneSpecialChar) {\r\n <mat-icon animate.enter=\"flip-in-x-animation\" color=\"primary\" svgIcon=\"mat_outline:done\" [class.animate-none]=\"!pageLoaded\"></mat-icon>\r\n } @else {\r\n <mat-icon animate.enter=\"shake-info-animation\" color=\"warn\" svgIcon=\"mat_outline:error\" [class.animate-none]=\"!pageLoaded\"></mat-icon>\r\n }\r\n <span>{{specialCharsCriteriaMsg}}</span>\r\n </div>\r\n }\r\n\r\n @if (passwordComponent.enableLengthRule) {\r\n <div class=\"info-row info-row-enter\" animate.leave=\"info-row-leave\"\r\n [style.--enter-item-index]=\"getEnterIndex('length')\" [style.--leave-item-index]=\"getLeaveIndex('length')\">\r\n @if (passwordComponent.containAtLeastMinChars) {\r\n <mat-icon animate.enter=\"flip-in-x-animation\" color=\"primary\" svgIcon=\"mat_outline:done\" [class.animate-none]=\"!pageLoaded\"></mat-icon>\r\n } @else {\r\n <mat-icon animate.enter=\"shake-info-animation\" color=\"warn\" svgIcon=\"mat_outline:error\" [class.animate-none]=\"!pageLoaded\"></mat-icon>\r\n }\r\n <span>{{minCharsCriteriaMsg}}</span>\r\n </div>\r\n }\r\n\r\n @if (passwordComponent.customValidator) {\r\n <div class=\"info-row info-row-enter\" animate.leave=\"info-row-leave\"\r\n [style.--enter-item-index]=\"getEnterIndex('custom')\" [style.--leave-item-index]=\"getLeaveIndex('custom')\">\r\n @if (passwordComponent.containAtCustomChars) {\r\n <mat-icon animate.enter=\"flip-in-x-animation\" color=\"primary\" svgIcon=\"mat_outline:done\" [class.animate-none]=\"!pageLoaded\"></mat-icon>\r\n } @else {\r\n <mat-icon animate.enter=\"shake-info-animation\" color=\"warn\" svgIcon=\"mat_outline:error\" [class.animate-none]=\"!pageLoaded\"></mat-icon>\r\n }\r\n <span>{{customCharsCriteriaMsg}}</span>\r\n </div>\r\n }\r\n\r\n @if (enableScoreInfo) {\r\n <div class=\"info-row info-row-enter\" animate.leave=\"info-row-leave\"\r\n [style.--enter-item-index]=\"getEnterIndex('score')\" [style.--leave-item-index]=\"getLeaveIndex('score')\">\r\n @if (passwordComponent.strength === 100) {\r\n <mat-icon animate.enter=\"flip-in-x-animation\" color=\"primary\" svgIcon=\"mat_outline:done\" [class.animate-none]=\"!pageLoaded\"></mat-icon>\r\n } @else {\r\n <mat-icon animate.enter=\"shake-info-animation\" color=\"warn\" svgIcon=\"mat_outline:error\" [class.animate-none]=\"!pageLoaded\"></mat-icon>\r\n }\r\n <span>\u7035\u55D9\u721C\u5BEE\u54C4\u5BB3= {{passwordComponent.strength}} %100</span>\r\n </div>\r\n }\r\n\r\n </mat-card-content>\r\n<!-- eslint-enable @angular-eslint/template/no-inline-styles -->\r\n</mat-card>\r\n", styles: ["cmat-password-strength-info{margin-top:20px}cmat-password-strength-info .mat-mdc-card{display:flex;flex-direction:row;flex:1 1 0%;margin:.5rem;box-sizing:border-box;place-content:stretch;align-items:stretch}cmat-password-strength-info .mat-mdc-card .mat-mdc-card-content{display:flex;flex-direction:column;box-sizing:border-box;max-width:100%;place-content:stretch;align-items:stretch}cmat-password-strength-info .mat-mdc-card .mat-mdc-card-content .mat-icon{margin-right:1rem}cmat-password-strength-info .mat-mdc-card .mat-mdc-card-content .info-row{display:flex;flex-direction:row;box-sizing:border-box;align-items:center}cmat-password-strength-info .info-card .info-row.info-row-enter{transition-property:opacity,transform;transition-delay:calc(.3s * var(--enter-item-index, 0));transition-duration:1s;transition-timing-function:cubic-bezier(.8,-.6,.2,1.5)}@starting-style{cmat-password-strength-info .info-card .info-row.info-row-enter{transform:scale(.5);opacity:0}}cmat-password-strength-info .info-card .info-row.info-row-leave{transition-property:opacity,transform,height;transition-delay:calc(.3s * var(--leave-item-index, 0));transition-duration:1s;transition-timing-function:cubic-bezier(.8,-.6,.2,1.5);opacity:0;transform:scale(.5);height:0;margin:0}@starting-style{cmat-password-strength-info .info-card .info-row.info-row-leave{transform:scale(1);opacity:1;height:inherit}}cmat-password-strength-info .shake-info-animation{animation:shake 1s}cmat-password-strength-info .flip-in-x-animation{backface-visibility:visible;animation:flipInX 1s ease-in}cmat-password-strength-info .flip-in-y-animation{backface-visibility:visible;animation:flipInY 1s ease-in}@keyframes shake{0%{transform:translateZ(0)}10%{transform:translate3d(-10px,0,0)}20%{transform:translate3d(10px,0,0)}30%{transform:translate3d(-10px,0,0)}40%{transform:translate3d(10px,0,0)}50%{transform:translate3d(-10px,0,0)}60%{transform:translate3d(10px,0,0)}70%{transform:translate3d(-10px,0,0)}80%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-10px,0,0)}to{transform:translateZ(0)}}@keyframes flipInX{0%{opacity:0;transform:perspective(400px) rotateX(90deg)}40%{opacity:1;transform:perspective(400px) rotateX(-20deg)}60%{transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{opacity:1;transform:perspective(400px) rotate3d(0,0,0,0)}}@keyframes flipInY{0%{opacity:0;transform:perspective(400px) rotateY(90deg)}40%{opacity:1;transform:perspective(400px) rotateY(-20deg)}60%{transform:perspective(400px) rotateY(10deg)}80%{transform:perspective(400px) rotateY(-5deg)}to{opacity:1;transform:perspective(400px) rotate3d(0,0,0,0)}}\n"] }]
|
|
367
|
+
args: [{ selector: 'cmat-password-strength-info', exportAs: 'cmatPasswordStrengthInfo', encapsulation: ViewEncapsulation.None, imports: [MatCardModule, MatIconModule], template: "<!-- eslint-disable @angular-eslint/template/no-inline-styles -->\r\n<mat-card class=\"info-card\">\r\n <mat-card-content>\r\n @if (passwordComponent.enableLowerCaseLetterRule) {\r\n <div class=\"info-row info-row-enter\" animate.leave=\"info-row-leave\"\r\n [style.--enter-item-index]=\"getEnterIndex('lowerCase')\" [style.--leave-item-index]=\"getLeaveIndex('lowerCase')\">\r\n @if (passwordComponent.containAtLeastOneLowerCaseLetter) {\r\n <mat-icon animate.enter=\"flip-in-x-animation\" color=\"primary\" svgIcon=\"mat_outline:done\" [class.animate-none]=\"!pageLoaded()\"></mat-icon>\r\n } @else {\r\n <mat-icon animate.enter=\"shake-info-animation\" color=\"warn\" svgIcon=\"mat_outline:error\" [class.animate-none]=\"!pageLoaded()\"></mat-icon>\r\n }\r\n <span>{{lowerCaseCriteriaMsg}}</span>\r\n </div>\r\n }\r\n\r\n @if (passwordComponent.enableUpperCaseLetterRule) {\r\n <div class=\"info-row info-row-enter\" animate.leave=\"info-row-leave\"\r\n [style.--enter-item-index]=\"getEnterIndex('upperCase')\" [style.--leave-item-index]=\"getLeaveIndex('upperCase')\">\r\n @if (passwordComponent.containAtLeastOneUpperCaseLetter) {\r\n <mat-icon animate.enter=\"flip-in-x-animation\" color=\"primary\" svgIcon=\"mat_outline:done\" [class.animate-none]=\"!pageLoaded()\"></mat-icon>\r\n } @else {\r\n <mat-icon animate.enter=\"shake-info-animation\" color=\"warn\" svgIcon=\"mat_outline:error\" [class.animate-none]=\"!pageLoaded()\"></mat-icon>\r\n }\r\n <span>{{upperCaseCriteriaMsg}}</span>\r\n </div>\r\n }\r\n\r\n @if (passwordComponent.enableDigitRule) {\r\n <div class=\"info-row info-row-enter\" animate.leave=\"info-row-leave\"\r\n [style.--enter-item-index]=\"getEnterIndex('digit')\" [style.--leave-item-index]=\"getLeaveIndex('digit')\">\r\n @if (passwordComponent.containAtLeastOneDigit) {\r\n <mat-icon animate.enter=\"flip-in-x-animation\" color=\"primary\" svgIcon=\"mat_outline:done\" [class.animate-none]=\"!pageLoaded()\"></mat-icon>\r\n } @else {\r\n <mat-icon animate.enter=\"shake-info-animation\" color=\"warn\" svgIcon=\"mat_outline:error\" [class.animate-none]=\"!pageLoaded()\"></mat-icon>\r\n }\r\n <span>{{digitsCriteriaMsg}}</span>\r\n </div>\r\n }\r\n\r\n @if (passwordComponent.enableSpecialCharRule) {\r\n <div class=\"info-row info-row-enter\" animate.leave=\"info-row-leave\"\r\n [style.--enter-item-index]=\"getEnterIndex('specialChar')\"\r\n [style.--leave-item-index]=\"getLeaveIndex('specialChar')\">\r\n @if (passwordComponent.containAtLeastOneSpecialChar) {\r\n <mat-icon animate.enter=\"flip-in-x-animation\" color=\"primary\" svgIcon=\"mat_outline:done\" [class.animate-none]=\"!pageLoaded()\"></mat-icon>\r\n } @else {\r\n <mat-icon animate.enter=\"shake-info-animation\" color=\"warn\" svgIcon=\"mat_outline:error\" [class.animate-none]=\"!pageLoaded()\"></mat-icon>\r\n }\r\n <span>{{specialCharsCriteriaMsg}}</span>\r\n </div>\r\n }\r\n\r\n @if (passwordComponent.enableLengthRule) {\r\n <div class=\"info-row info-row-enter\" animate.leave=\"info-row-leave\"\r\n [style.--enter-item-index]=\"getEnterIndex('length')\" [style.--leave-item-index]=\"getLeaveIndex('length')\">\r\n @if (passwordComponent.containAtLeastMinChars) {\r\n <mat-icon animate.enter=\"flip-in-x-animation\" color=\"primary\" svgIcon=\"mat_outline:done\" [class.animate-none]=\"!pageLoaded()\"></mat-icon>\r\n } @else {\r\n <mat-icon animate.enter=\"shake-info-animation\" color=\"warn\" svgIcon=\"mat_outline:error\" [class.animate-none]=\"!pageLoaded()\"></mat-icon>\r\n }\r\n <span>{{minCharsCriteriaMsg}}</span>\r\n </div>\r\n }\r\n\r\n @if (passwordComponent.customValidator) {\r\n <div class=\"info-row info-row-enter\" animate.leave=\"info-row-leave\"\r\n [style.--enter-item-index]=\"getEnterIndex('custom')\" [style.--leave-item-index]=\"getLeaveIndex('custom')\">\r\n @if (passwordComponent.containAtCustomChars) {\r\n <mat-icon animate.enter=\"flip-in-x-animation\" color=\"primary\" svgIcon=\"mat_outline:done\" [class.animate-none]=\"!pageLoaded\"></mat-icon>\r\n } @else {\r\n <mat-icon animate.enter=\"shake-info-animation\" color=\"warn\" svgIcon=\"mat_outline:error\" [class.animate-none]=\"!pageLoaded\"></mat-icon>\r\n }\r\n <span>{{customCharsCriteriaMsg}}</span>\r\n </div>\r\n }\r\n\r\n @if (enableScoreInfo) {\r\n <div class=\"info-row info-row-enter\" animate.leave=\"info-row-leave\"\r\n [style.--enter-item-index]=\"getEnterIndex('score')\" [style.--leave-item-index]=\"getLeaveIndex('score')\">\r\n @if (passwordComponent.strength === 100) {\r\n <mat-icon animate.enter=\"flip-in-x-animation\" color=\"primary\" svgIcon=\"mat_outline:done\" [class.animate-none]=\"!pageLoaded\"></mat-icon>\r\n } @else {\r\n <mat-icon animate.enter=\"shake-info-animation\" color=\"warn\" svgIcon=\"mat_outline:error\" [class.animate-none]=\"!pageLoaded\"></mat-icon>\r\n }\r\n <span>\u7035\u55D9\u721C\u5BEE\u54C4\u5BB3= {{passwordComponent.strength}} %100</span>\r\n </div>\r\n }\r\n\r\n </mat-card-content>\r\n<!-- eslint-enable @angular-eslint/template/no-inline-styles -->\r\n</mat-card>\r\n", styles: ["cmat-password-strength-info{margin-top:20px}cmat-password-strength-info .mat-mdc-card{display:flex;flex-direction:row;flex:1 1 0%;margin:.5rem;box-sizing:border-box;place-content:stretch;align-items:stretch}cmat-password-strength-info .mat-mdc-card .mat-mdc-card-content{display:flex;flex-direction:column;box-sizing:border-box;max-width:100%;place-content:stretch;align-items:stretch}cmat-password-strength-info .mat-mdc-card .mat-mdc-card-content .mat-icon{margin-right:1rem}cmat-password-strength-info .mat-mdc-card .mat-mdc-card-content .info-row{display:flex;flex-direction:row;box-sizing:border-box;align-items:center}cmat-password-strength-info .info-card .info-row.info-row-enter{transition-property:opacity,transform;transition-delay:calc(.3s * var(--enter-item-index, 0));transition-duration:1s;transition-timing-function:cubic-bezier(.8,-.6,.2,1.5)}@starting-style{cmat-password-strength-info .info-card .info-row.info-row-enter{transform:scale(.5);opacity:0}}cmat-password-strength-info .info-card .info-row.info-row-leave{transition-property:opacity,transform,height;transition-delay:calc(.3s * var(--leave-item-index, 0));transition-duration:1s;transition-timing-function:cubic-bezier(.8,-.6,.2,1.5);opacity:0;transform:scale(.5);height:0;margin:0}@starting-style{cmat-password-strength-info .info-card .info-row.info-row-leave{transform:scale(1);opacity:1;height:inherit}}cmat-password-strength-info .shake-info-animation{animation:shake 1s}cmat-password-strength-info .flip-in-x-animation{backface-visibility:visible;animation:flipInX 1s ease-in}cmat-password-strength-info .flip-in-y-animation{backface-visibility:visible;animation:flipInY 1s ease-in}@keyframes shake{0%{transform:translateZ(0)}10%{transform:translate3d(-10px,0,0)}20%{transform:translate3d(10px,0,0)}30%{transform:translate3d(-10px,0,0)}40%{transform:translate3d(10px,0,0)}50%{transform:translate3d(-10px,0,0)}60%{transform:translate3d(10px,0,0)}70%{transform:translate3d(-10px,0,0)}80%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-10px,0,0)}to{transform:translateZ(0)}}@keyframes flipInX{0%{opacity:0;transform:perspective(400px) rotateX(90deg)}40%{opacity:1;transform:perspective(400px) rotateX(-20deg)}60%{transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{opacity:1;transform:perspective(400px) rotate3d(0,0,0,0)}}@keyframes flipInY{0%{opacity:0;transform:perspective(400px) rotateY(90deg)}40%{opacity:1;transform:perspective(400px) rotateY(-20deg)}60%{transform:perspective(400px) rotateY(10deg)}80%{transform:perspective(400px) rotateY(-5deg)}to{opacity:1;transform:perspective(400px) rotate3d(0,0,0,0)}}\n"] }]
|
|
370
368
|
}], propDecorators: { passwordComponent: [{
|
|
371
369
|
type: Input
|
|
372
370
|
}], enableScoreInfo: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cmat-components-password-strength.mjs","sources":["../../../projects/cmat/components/password-strength/mat-pass-toggle-visibility/mat-pass-toggle-visibility.component.ts","../../../projects/cmat/components/password-strength/mat-pass-toggle-visibility/mat-pass-toggle-visibility.component.html","../../../projects/cmat/components/password-strength/enum.ts","../../../projects/cmat/components/password-strength/mat-password-strength-validator.ts","../../../projects/cmat/components/password-strength/regexp.class.ts","../../../projects/cmat/components/password-strength/mat-password-strength/mat-password-strength.component.ts","../../../projects/cmat/components/password-strength/mat-password-strength/mat-password-strength.component.html","../../../projects/cmat/components/password-strength/mat-password-strength-info/mat-password-strength-info.component.ts","../../../projects/cmat/components/password-strength/mat-password-strength-info/mat-password-strength-info.component.html","../../../projects/cmat/components/password-strength/cmat-components-password-strength.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatRippleModule } from '@angular/material/core';\r\nimport { MatIconModule } from '@angular/material/icon';\r\n\r\ntype Type = 'text' | 'password';\r\n\r\n@Component({\r\n selector: 'cmat-pass-toggle-visibility',\r\n templateUrl: './mat-pass-toggle-visibility.component.html',\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n exportAs: 'cmatPassToggleVisibility',\r\n imports: [MatButtonModule, MatRippleModule, MatIconModule]\r\n})\r\nexport class CmatPassToggleVisibilityComponent {\r\n @Input()\r\n isVisible: boolean;\r\n @Input()\r\n tabindex?: string;\r\n\r\n _type: Type = 'text';\r\n\r\n get type(): string {\r\n return this.isVisible ? 'text' : 'password';\r\n }\r\n\r\n}\r\n","<button type=\"button\" class=\"matIconButton cdk-focused cdk-mouse-focused\" matIconButton \r\n matRipple [matRippleCentered]=\"true\" [attr.tabindex]=\"tabindex ? tabindex : null\" (click)=\"isVisible = !isVisible\">\r\n <mat-icon svgIcon=\"{{isVisible ? 'mat_outline:visibility' : 'mat_outline:visibility_off' }}\"></mat-icon>\r\n</button>","/* eslint-disable @typescript-eslint/naming-convention */\r\nexport enum Colors {\r\n primary = 'primary',\r\n accent = 'accent',\r\n warn = 'warn'\r\n}\r\n\r\nexport enum Criteria {\r\n at_least_eight_chars = 'minChar',\r\n at_least_one_lower_case_char = 'lowerCase',\r\n at_least_one_upper_case_char = 'upperCase',\r\n at_least_one_digit_char = 'digit',\r\n at_least_one_special_char = ' specialChar',\r\n at_custom_chars = 'customChars'\r\n}\r\n","import { AbstractControl, ValidatorFn } from '@angular/forms';\r\n\r\nexport class CmatPasswordStrengthValidator {\r\n isUndefinedOrEmpty(control: AbstractControl): void {\r\n if (!control?.value || control.value.length === 0) {\r\n return void 0;\r\n }\r\n }\r\n\r\n validate(criteria: string, regex: RegExp): ValidatorFn {\r\n return (control: AbstractControl): Record<string, any> | null => {\r\n this.isUndefinedOrEmpty(control);\r\n if (!regex.test(control.value)) {\r\n const failed: any = {};\r\n failed[criteria] = {\r\n actualValue: control.value,\r\n requiredPattern: regex\r\n };\r\n return failed;\r\n }\r\n return null;\r\n };\r\n }\r\n\r\n confirm(password: string): ValidatorFn {\r\n return (control: AbstractControl): Record<string, any> | null => {\r\n this.isUndefinedOrEmpty(control);\r\n if (control.value !== password) {\r\n return {\r\n notConfirmed: {\r\n password: password,\r\n passwordConfirmation: control.value\r\n }\r\n };\r\n }\r\n return null;\r\n };\r\n }\r\n\r\n}\r\n","// eslint-disable-next-line @typescript-eslint/naming-convention\r\nexport const RegExpValidator = {\r\n 'lowerCase': RegExp(/^(?=.*?[a-z])/),\r\n 'upperCase': RegExp(/^(?=.*?[A-Z])/),\r\n 'digit': RegExp(/^(?=.*?[0-9])/),\r\n 'specialChar': RegExp(/^(?=.*?[\" !\"#$%&'()*+,-./:;<=>?@[\\]^_`{|}~\"])/),\r\n};\r\n","import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges, ViewEncapsulation } from '@angular/core';\r\nimport { FormControl, ValidatorFn, Validators } from '@angular/forms';\r\nimport { ThemePalette } from '@angular/material/core';\r\nimport { MatProgressBarModule } from '@angular/material/progress-bar';\r\nimport { Colors, Criteria } from '../enum';\r\nimport { CmatPasswordStrengthValidator } from '../mat-password-strength-validator';\r\nimport { RegExpValidator } from '../regexp.class';\r\n\r\n@Component({\r\n selector: 'cmat-password-strength',\r\n exportAs: 'cmatPasswordStrength',\r\n templateUrl: './mat-password-strength.component.html',\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n imports: [MatProgressBarModule]\r\n})\r\nexport class CmatPasswordStrengthComponent implements OnInit, OnChanges {\r\n @Input() password: string;\r\n @Input() externalError: boolean;\r\n\r\n @Input() enableLengthRule = true;\r\n @Input() enableLowerCaseLetterRule = true;\r\n @Input() enableUpperCaseLetterRule = true;\r\n @Input() enableDigitRule = true;\r\n @Input() enableSpecialCharRule = true;\r\n\r\n @Input() min = 8;\r\n @Input() max = 30;\r\n @Input() customValidator: RegExp;\r\n\r\n @Input() warnThreshold = 21;\r\n @Input() accentThreshold = 81;\r\n\r\n @Output()\r\n strengthChanged = new EventEmitter<number>();\r\n\r\n criteriaMap = new Map<Criteria, RegExp>();\r\n\r\n containAtLeastMinChars: boolean | void;\r\n containAtLeastOneLowerCaseLetter: boolean | void;\r\n containAtLeastOneUpperCaseLetter: boolean | void;\r\n containAtLeastOneDigit: boolean | void;\r\n containAtLeastOneSpecialChar: boolean | void;\r\n containAtCustomChars: boolean | void;\r\n passwordFormControl: FormControl = new FormControl();\r\n passwordConfirmationFormControl: FormControl = new FormControl();\r\n\r\n validatorsArray: ValidatorFn[] = [];\r\n validators: ValidatorFn | null;\r\n cmatPasswordStrengthValidator = new CmatPasswordStrengthValidator();\r\n\r\n private _strength = 0;\r\n private _color: ThemePalette = 'warn';\r\n\r\n get strength(): number {\r\n return this._strength ? this._strength : 0;\r\n }\r\n get color(): ThemePalette {\r\n return this._color;\r\n }\r\n\r\n ngOnInit(): void {\r\n this.setRulesAndValidators();\r\n\r\n if (this.password) {\r\n this.calculatePasswordStrength();\r\n }\r\n }\r\n\r\n ngOnChanges(changes: SimpleChanges): void {\r\n if ((changes['externalError']?.firstChange) || (changes['password']?.isFirstChange())) {\r\n return;\r\n } else if (changes['externalError']?.currentValue) {\r\n this._color = Colors.warn;\r\n return;\r\n } else if (changes['password'] && changes['password'].previousValue === changes['password'].currentValue && !changes['password'].firstChange) {\r\n this._checkPassword();\r\n } else if (this.password && this.password.length > 0) {\r\n this._checkPassword();\r\n } else {\r\n this.reset();\r\n }\r\n }\r\n\r\n parseCustomValidatorsRegex(): RegExp {\r\n if (this.customValidator instanceof RegExp) {\r\n return this.customValidator;\r\n } else {\r\n return RegExp(this.customValidator);\r\n }\r\n }\r\n\r\n setRulesAndValidators(): void {\r\n this.validatorsArray = [];\r\n this.criteriaMap = new Map<Criteria, RegExp>();\r\n this.passwordConfirmationFormControl\r\n .setValidators(Validators.compose([\r\n Validators.required, this.cmatPasswordStrengthValidator.confirm(this.password)\r\n ]));\r\n this.validatorsArray.push(Validators.required);\r\n if (this.enableLengthRule) {\r\n this.criteriaMap.set(Criteria.at_least_eight_chars, RegExp(`^.{${this.min},${this.max}}$`));\r\n this.validatorsArray.push(Validators.minLength(this.min));\r\n this.validatorsArray.push(Validators.maxLength(this.max));\r\n }\r\n if (this.enableLowerCaseLetterRule) {\r\n this.criteriaMap.set(Criteria.at_least_one_lower_case_char, RegExpValidator.lowerCase);\r\n this.validatorsArray.push(Validators.pattern(RegExpValidator.lowerCase));\r\n }\r\n if (this.enableUpperCaseLetterRule) {\r\n this.criteriaMap.set(Criteria.at_least_one_upper_case_char, RegExpValidator.upperCase);\r\n this.validatorsArray.push(Validators.pattern(RegExpValidator.upperCase));\r\n }\r\n if (this.enableDigitRule) {\r\n this.criteriaMap.set(Criteria.at_least_one_digit_char, RegExpValidator.digit);\r\n this.validatorsArray.push(Validators.pattern(RegExpValidator.digit));\r\n }\r\n if (this.enableSpecialCharRule) {\r\n this.criteriaMap.set(Criteria.at_least_one_special_char, RegExpValidator.specialChar);\r\n this.validatorsArray.push(Validators.pattern(RegExpValidator.specialChar));\r\n }\r\n if (this.customValidator) {\r\n this.criteriaMap.set(Criteria.at_custom_chars, this.parseCustomValidatorsRegex());\r\n this.validatorsArray.push(Validators.pattern(this.parseCustomValidatorsRegex()));\r\n }\r\n\r\n this.criteriaMap.forEach((value: any, key: string) => {\r\n this.validatorsArray.push(this.cmatPasswordStrengthValidator.validate(key, value));\r\n });\r\n\r\n this.passwordFormControl.setValidators(Validators.compose([...this.validatorsArray]));\r\n this.validators = Validators.compose([...this.validatorsArray]);\r\n\r\n }\r\n\r\n calculatePasswordStrength(): void {\r\n const requirements: boolean[] = [];\r\n const unit = 100 / this.criteriaMap.size;\r\n\r\n requirements.push(\r\n this.enableLengthRule ? this._containAtLeastMinChars() : false,\r\n this.enableLowerCaseLetterRule ? this._containAtLeastOneLowerCaseLetter() : false,\r\n this.enableUpperCaseLetterRule ? this._containAtLeastOneUpperCaseLetter() : false,\r\n this.enableDigitRule ? this._containAtLeastOneDigit() : false,\r\n this.enableSpecialCharRule ? this._containAtLeastOneSpecialChar() : false,\r\n this.customValidator ? this._containCustomChars() : false\r\n );\r\n\r\n this._strength = requirements.filter(v => v).length * unit;\r\n this.strengthChanged.emit(this.strength);\r\n this.setRulesAndValidators();\r\n\r\n if (this._strength < this.warnThreshold) {\r\n this._color = Colors.warn;\r\n } else if (this._strength < this.accentThreshold) {\r\n this._color = Colors.accent;\r\n } else {\r\n this._color = Colors.primary;\r\n }\r\n }\r\n\r\n reset(): void {\r\n this._strength = 0;\r\n this.containAtLeastMinChars =\r\n this.containAtLeastOneLowerCaseLetter =\r\n this.containAtLeastOneUpperCaseLetter =\r\n this.containAtLeastOneDigit =\r\n this.containAtCustomChars =\r\n this.containAtLeastOneSpecialChar = false;\r\n\r\n this._color = Colors.warn;\r\n this.strengthChanged.emit(this.strength);\r\n }\r\n\r\n private _containAtLeastMinChars(): boolean {\r\n this.containAtLeastMinChars = this.password.length >= this.min;\r\n return this.containAtLeastMinChars;\r\n }\r\n\r\n private _containAtLeastOneLowerCaseLetter(): boolean {\r\n this.containAtLeastOneLowerCaseLetter =\r\n this.criteriaMap\r\n .get(Criteria.at_least_one_lower_case_char)?.test(this.password);\r\n return this.containAtLeastOneLowerCaseLetter ?? false;\r\n }\r\n\r\n private _containAtLeastOneUpperCaseLetter(): boolean {\r\n this.containAtLeastOneUpperCaseLetter =\r\n this.criteriaMap\r\n .get(Criteria.at_least_one_upper_case_char)?.test(this.password);\r\n return this.containAtLeastOneUpperCaseLetter ?? false;\r\n }\r\n\r\n private _containAtLeastOneDigit(): boolean {\r\n this.containAtLeastOneDigit =\r\n this.criteriaMap\r\n .get(Criteria.at_least_one_digit_char)?.test(this.password);\r\n return this.containAtLeastOneDigit ?? false;\r\n }\r\n\r\n private _containAtLeastOneSpecialChar(): boolean {\r\n this.containAtLeastOneSpecialChar =\r\n this.criteriaMap\r\n .get(Criteria.at_least_one_special_char)?.test(this.password);\r\n return this.containAtLeastOneSpecialChar ?? false;\r\n }\r\n\r\n private _containCustomChars(): boolean {\r\n this.containAtCustomChars =\r\n this.criteriaMap\r\n .get(Criteria.at_custom_chars)?.test(this.password);\r\n return this.containAtCustomChars ?? false;\r\n }\r\n\r\n private _checkPassword(): void {\r\n this.calculatePasswordStrength();\r\n this.passwordConfirmationFormControl.updateValueAndValidity();\r\n }\r\n}\r\n","<mat-progress-bar mode=\"determinate\" [color]=\"color\" [value]=\"strength\"></mat-progress-bar>","import { AfterViewInit, ChangeDetectorRef, Component, inject, Input, OnInit, ViewEncapsulation } from '@angular/core';\r\nimport { MatCardModule } from '@angular/material/card';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { CmatPasswordStrengthComponent } from '../mat-password-strength/mat-password-strength.component';\r\n\r\n@Component({\r\n selector: 'cmat-password-strength-info',\r\n exportAs: 'cmatPasswordStrengthInfo',\r\n templateUrl: './mat-password-strength-info.component.html',\r\n styleUrls: ['./mat-password-strength-info.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n imports: [MatCardModule, MatIconModule]\r\n})\r\nexport class CmatPasswordStrengthInfoComponent implements OnInit, AfterViewInit {\r\n\r\n @Input()\r\n passwordComponent: CmatPasswordStrengthComponent;\r\n\r\n @Input()\r\n enableScoreInfo = false;\r\n\r\n @Input()\r\n lowerCaseCriteriaMsg = '包含至少一个小写字母';\r\n\r\n @Input()\r\n upperCaseCriteriaMsg = '包含至少一个大写字母';\r\n\r\n @Input()\r\n digitsCriteriaMsg = '包含至少一个数字';\r\n\r\n @Input()\r\n specialCharsCriteriaMsg = '包含至少一个特殊字符';\r\n\r\n @Input()\r\n customCharsCriteriaMsg = '包含至少一个传统字符';\r\n\r\n @Input()\r\n minCharsCriteriaMsg: string;\r\n\r\n pageLoaded = false;\r\n\r\n private _changeDetectorRef = inject(ChangeDetectorRef);\r\n ngOnInit(): void {\r\n if (!this.minCharsCriteriaMsg) {\r\n this.minCharsCriteriaMsg = `包含至少 ${this.passwordComponent.min} 个字符`;\r\n }\r\n }\r\n\r\n ngAfterViewInit(): void {\r\n setTimeout(() => {\r\n this.pageLoaded = true;\r\n\r\n this._changeDetectorRef.markForCheck();\r\n }, 100);\r\n }\r\n getEnterIndex(itemType: string): number {\r\n const enabledItems: string[] = [];\r\n\r\n if (this.passwordComponent.enableLowerCaseLetterRule) {\r\n enabledItems.push('lowerCase');\r\n }\r\n if (this.passwordComponent.enableUpperCaseLetterRule) {\r\n enabledItems.push('upperCase');\r\n }\r\n if (this.passwordComponent.enableDigitRule) {\r\n enabledItems.push('digit');\r\n }\r\n if (this.passwordComponent.enableSpecialCharRule) {\r\n enabledItems.push('specialChar');\r\n }\r\n if (this.passwordComponent.enableLengthRule) {\r\n enabledItems.push('length');\r\n }\r\n if (this.passwordComponent.customValidator) {\r\n enabledItems.push('custom');\r\n }\r\n if (this.enableScoreInfo) {\r\n enabledItems.push('score');\r\n }\r\n\r\n return enabledItems.findIndex(i=>i===itemType);\r\n }\r\n\r\n getLeaveIndex(itemType: string): number {\r\n const enabledItems: string[] = [];\r\n\r\n if (this.passwordComponent.enableLowerCaseLetterRule) {\r\n enabledItems.push('lowerCase');\r\n }\r\n if (this.passwordComponent.enableUpperCaseLetterRule) {\r\n enabledItems.push('upperCase');\r\n }\r\n if (this.passwordComponent.enableDigitRule) {\r\n enabledItems.push('digit');\r\n }\r\n if (this.passwordComponent.enableSpecialCharRule) {\r\n enabledItems.push('specialChar');\r\n }\r\n if (this.passwordComponent.enableLengthRule) {\r\n enabledItems.push('length');\r\n }\r\n if (this.passwordComponent.customValidator) {\r\n enabledItems.push('custom');\r\n }\r\n if (this.enableScoreInfo) {\r\n enabledItems.push('score');\r\n }\r\n\r\n return enabledItems.length - enabledItems.findIndex(j=>j===itemType) - 1;\r\n }\r\n\r\n}\r\n","<!-- eslint-disable @angular-eslint/template/no-inline-styles -->\r\n<mat-card class=\"info-card\">\r\n <mat-card-content>\r\n @if (passwordComponent.enableLowerCaseLetterRule) {\r\n <div class=\"info-row info-row-enter\" animate.leave=\"info-row-leave\"\r\n [style.--enter-item-index]=\"getEnterIndex('lowerCase')\" [style.--leave-item-index]=\"getLeaveIndex('lowerCase')\">\r\n @if (passwordComponent.containAtLeastOneLowerCaseLetter) {\r\n <mat-icon animate.enter=\"flip-in-x-animation\" color=\"primary\" svgIcon=\"mat_outline:done\" [class.animate-none]=\"!pageLoaded\"></mat-icon>\r\n } @else {\r\n <mat-icon animate.enter=\"shake-info-animation\" color=\"warn\" svgIcon=\"mat_outline:error\" [class.animate-none]=\"!pageLoaded\"></mat-icon>\r\n }\r\n <span>{{lowerCaseCriteriaMsg}}</span>\r\n </div>\r\n }\r\n\r\n @if (passwordComponent.enableUpperCaseLetterRule) {\r\n <div class=\"info-row info-row-enter\" animate.leave=\"info-row-leave\"\r\n [style.--enter-item-index]=\"getEnterIndex('upperCase')\" [style.--leave-item-index]=\"getLeaveIndex('upperCase')\">\r\n @if (passwordComponent.containAtLeastOneUpperCaseLetter) {\r\n <mat-icon animate.enter=\"flip-in-x-animation\" color=\"primary\" svgIcon=\"mat_outline:done\" [class.animate-none]=\"!pageLoaded\"></mat-icon>\r\n } @else {\r\n <mat-icon animate.enter=\"shake-info-animation\" color=\"warn\" svgIcon=\"mat_outline:error\" [class.animate-none]=\"!pageLoaded\"></mat-icon>\r\n }\r\n <span>{{upperCaseCriteriaMsg}}</span>\r\n </div>\r\n }\r\n\r\n @if (passwordComponent.enableDigitRule) {\r\n <div class=\"info-row info-row-enter\" animate.leave=\"info-row-leave\"\r\n [style.--enter-item-index]=\"getEnterIndex('digit')\" [style.--leave-item-index]=\"getLeaveIndex('digit')\">\r\n @if (passwordComponent.containAtLeastOneDigit) {\r\n <mat-icon animate.enter=\"flip-in-x-animation\" color=\"primary\" svgIcon=\"mat_outline:done\" [class.animate-none]=\"!pageLoaded\"></mat-icon>\r\n } @else {\r\n <mat-icon animate.enter=\"shake-info-animation\" color=\"warn\" svgIcon=\"mat_outline:error\" [class.animate-none]=\"!pageLoaded\"></mat-icon>\r\n }\r\n <span>{{digitsCriteriaMsg}}</span>\r\n </div>\r\n }\r\n\r\n @if (passwordComponent.enableSpecialCharRule) {\r\n <div class=\"info-row info-row-enter\" animate.leave=\"info-row-leave\"\r\n [style.--enter-item-index]=\"getEnterIndex('specialChar')\"\r\n [style.--leave-item-index]=\"getLeaveIndex('specialChar')\">\r\n @if (passwordComponent.containAtLeastOneSpecialChar) {\r\n <mat-icon animate.enter=\"flip-in-x-animation\" color=\"primary\" svgIcon=\"mat_outline:done\" [class.animate-none]=\"!pageLoaded\"></mat-icon>\r\n } @else {\r\n <mat-icon animate.enter=\"shake-info-animation\" color=\"warn\" svgIcon=\"mat_outline:error\" [class.animate-none]=\"!pageLoaded\"></mat-icon>\r\n }\r\n <span>{{specialCharsCriteriaMsg}}</span>\r\n </div>\r\n }\r\n\r\n @if (passwordComponent.enableLengthRule) {\r\n <div class=\"info-row info-row-enter\" animate.leave=\"info-row-leave\"\r\n [style.--enter-item-index]=\"getEnterIndex('length')\" [style.--leave-item-index]=\"getLeaveIndex('length')\">\r\n @if (passwordComponent.containAtLeastMinChars) {\r\n <mat-icon animate.enter=\"flip-in-x-animation\" color=\"primary\" svgIcon=\"mat_outline:done\" [class.animate-none]=\"!pageLoaded\"></mat-icon>\r\n } @else {\r\n <mat-icon animate.enter=\"shake-info-animation\" color=\"warn\" svgIcon=\"mat_outline:error\" [class.animate-none]=\"!pageLoaded\"></mat-icon>\r\n }\r\n <span>{{minCharsCriteriaMsg}}</span>\r\n </div>\r\n }\r\n\r\n @if (passwordComponent.customValidator) {\r\n <div class=\"info-row info-row-enter\" animate.leave=\"info-row-leave\"\r\n [style.--enter-item-index]=\"getEnterIndex('custom')\" [style.--leave-item-index]=\"getLeaveIndex('custom')\">\r\n @if (passwordComponent.containAtCustomChars) {\r\n <mat-icon animate.enter=\"flip-in-x-animation\" color=\"primary\" svgIcon=\"mat_outline:done\" [class.animate-none]=\"!pageLoaded\"></mat-icon>\r\n } @else {\r\n <mat-icon animate.enter=\"shake-info-animation\" color=\"warn\" svgIcon=\"mat_outline:error\" [class.animate-none]=\"!pageLoaded\"></mat-icon>\r\n }\r\n <span>{{customCharsCriteriaMsg}}</span>\r\n </div>\r\n }\r\n\r\n @if (enableScoreInfo) {\r\n <div class=\"info-row info-row-enter\" animate.leave=\"info-row-leave\"\r\n [style.--enter-item-index]=\"getEnterIndex('score')\" [style.--leave-item-index]=\"getLeaveIndex('score')\">\r\n @if (passwordComponent.strength === 100) {\r\n <mat-icon animate.enter=\"flip-in-x-animation\" color=\"primary\" svgIcon=\"mat_outline:done\" [class.animate-none]=\"!pageLoaded\"></mat-icon>\r\n } @else {\r\n <mat-icon animate.enter=\"shake-info-animation\" color=\"warn\" svgIcon=\"mat_outline:error\" [class.animate-none]=\"!pageLoaded\"></mat-icon>\r\n }\r\n <span>瀵嗙爜寮哄害= {{passwordComponent.strength}} %100</span>\r\n </div>\r\n }\r\n\r\n </mat-card-content>\r\n<!-- eslint-enable @angular-eslint/template/no-inline-styles -->\r\n</mat-card>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i2"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"cmat-components-password-strength.mjs","sources":["../../../projects/cmat/components/password-strength/mat-pass-toggle-visibility/mat-pass-toggle-visibility.component.ts","../../../projects/cmat/components/password-strength/mat-pass-toggle-visibility/mat-pass-toggle-visibility.component.html","../../../projects/cmat/components/password-strength/enum.ts","../../../projects/cmat/components/password-strength/mat-password-strength-validator.ts","../../../projects/cmat/components/password-strength/regexp.class.ts","../../../projects/cmat/components/password-strength/mat-password-strength/mat-password-strength.component.ts","../../../projects/cmat/components/password-strength/mat-password-strength/mat-password-strength.component.html","../../../projects/cmat/components/password-strength/mat-password-strength-info/mat-password-strength-info.component.ts","../../../projects/cmat/components/password-strength/mat-password-strength-info/mat-password-strength-info.component.html","../../../projects/cmat/components/password-strength/cmat-components-password-strength.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatRippleModule } from '@angular/material/core';\r\nimport { MatIconModule } from '@angular/material/icon';\r\n\r\ntype Type = 'text' | 'password';\r\n\r\n@Component({\r\n selector: 'cmat-pass-toggle-visibility',\r\n templateUrl: './mat-pass-toggle-visibility.component.html',\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n exportAs: 'cmatPassToggleVisibility',\r\n imports: [MatButtonModule, MatRippleModule, MatIconModule]\r\n})\r\nexport class CmatPassToggleVisibilityComponent {\r\n @Input()\r\n isVisible: boolean;\r\n @Input()\r\n tabindex?: string;\r\n\r\n _type: Type = 'text';\r\n\r\n get type(): string {\r\n return this.isVisible ? 'text' : 'password';\r\n }\r\n\r\n}\r\n","<button type=\"button\" class=\"matIconButton cdk-focused cdk-mouse-focused\" matIconButton \r\n matRipple [matRippleCentered]=\"true\" [attr.tabindex]=\"tabindex ? tabindex : null\" (click)=\"isVisible = !isVisible\">\r\n <mat-icon svgIcon=\"{{isVisible ? 'mat_outline:visibility' : 'mat_outline:visibility_off' }}\"></mat-icon>\r\n</button>","/* eslint-disable @typescript-eslint/naming-convention */\r\nexport enum Colors {\r\n primary = 'primary',\r\n accent = 'accent',\r\n warn = 'warn'\r\n}\r\n\r\nexport enum Criteria {\r\n at_least_eight_chars = 'minChar',\r\n at_least_one_lower_case_char = 'lowerCase',\r\n at_least_one_upper_case_char = 'upperCase',\r\n at_least_one_digit_char = 'digit',\r\n at_least_one_special_char = ' specialChar',\r\n at_custom_chars = 'customChars'\r\n}\r\n","import { AbstractControl, ValidatorFn } from '@angular/forms';\r\n\r\nexport class CmatPasswordStrengthValidator {\r\n isUndefinedOrEmpty(control: AbstractControl): void {\r\n if (!control?.value || control.value.length === 0) {\r\n return void 0;\r\n }\r\n }\r\n\r\n validate(criteria: string, regex: RegExp): ValidatorFn {\r\n return (control: AbstractControl): Record<string, any> | null => {\r\n this.isUndefinedOrEmpty(control);\r\n if (!regex.test(control.value)) {\r\n const failed: any = {};\r\n failed[criteria] = {\r\n actualValue: control.value,\r\n requiredPattern: regex\r\n };\r\n return failed;\r\n }\r\n return null;\r\n };\r\n }\r\n\r\n confirm(password: string): ValidatorFn {\r\n return (control: AbstractControl): Record<string, any> | null => {\r\n this.isUndefinedOrEmpty(control);\r\n if (control.value !== password) {\r\n return {\r\n notConfirmed: {\r\n password: password,\r\n passwordConfirmation: control.value\r\n }\r\n };\r\n }\r\n return null;\r\n };\r\n }\r\n\r\n}\r\n","// eslint-disable-next-line @typescript-eslint/naming-convention\r\nexport const RegExpValidator = {\r\n 'lowerCase': RegExp(/^(?=.*?[a-z])/),\r\n 'upperCase': RegExp(/^(?=.*?[A-Z])/),\r\n 'digit': RegExp(/^(?=.*?[0-9])/),\r\n 'specialChar': RegExp(/^(?=.*?[\" !\"#$%&'()*+,-./:;<=>?@[\\]^_`{|}~\"])/),\r\n};\r\n","import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges, ViewEncapsulation } from '@angular/core';\r\nimport { FormControl, ValidatorFn, Validators } from '@angular/forms';\r\nimport { ThemePalette } from '@angular/material/core';\r\nimport { MatProgressBarModule } from '@angular/material/progress-bar';\r\nimport { Colors, Criteria } from '../enum';\r\nimport { CmatPasswordStrengthValidator } from '../mat-password-strength-validator';\r\nimport { RegExpValidator } from '../regexp.class';\r\n\r\n@Component({\r\n selector: 'cmat-password-strength',\r\n exportAs: 'cmatPasswordStrength',\r\n templateUrl: './mat-password-strength.component.html',\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n imports: [MatProgressBarModule]\r\n})\r\nexport class CmatPasswordStrengthComponent implements OnInit, OnChanges {\r\n @Input() password: string;\r\n @Input() externalError: boolean;\r\n\r\n @Input() enableLengthRule = true;\r\n @Input() enableLowerCaseLetterRule = true;\r\n @Input() enableUpperCaseLetterRule = true;\r\n @Input() enableDigitRule = true;\r\n @Input() enableSpecialCharRule = true;\r\n\r\n @Input() min = 8;\r\n @Input() max = 30;\r\n @Input() customValidator: RegExp;\r\n\r\n @Input() warnThreshold = 21;\r\n @Input() accentThreshold = 81;\r\n\r\n @Output()\r\n strengthChanged = new EventEmitter<number>();\r\n\r\n criteriaMap = new Map<Criteria, RegExp>();\r\n\r\n containAtLeastMinChars: boolean | void;\r\n containAtLeastOneLowerCaseLetter: boolean | void;\r\n containAtLeastOneUpperCaseLetter: boolean | void;\r\n containAtLeastOneDigit: boolean | void;\r\n containAtLeastOneSpecialChar: boolean | void;\r\n containAtCustomChars: boolean | void;\r\n passwordFormControl: FormControl = new FormControl();\r\n passwordConfirmationFormControl: FormControl = new FormControl();\r\n\r\n validatorsArray: ValidatorFn[] = [];\r\n validators: ValidatorFn | null;\r\n cmatPasswordStrengthValidator = new CmatPasswordStrengthValidator();\r\n\r\n private _strength = 0;\r\n private _color: ThemePalette = 'warn';\r\n\r\n get strength(): number {\r\n return this._strength ? this._strength : 0;\r\n }\r\n get color(): ThemePalette {\r\n return this._color;\r\n }\r\n\r\n ngOnInit(): void {\r\n this.setRulesAndValidators();\r\n\r\n if (this.password) {\r\n this.calculatePasswordStrength();\r\n }\r\n }\r\n\r\n ngOnChanges(changes: SimpleChanges): void {\r\n if ((changes['externalError']?.firstChange) || (changes['password']?.isFirstChange())) {\r\n return;\r\n } else if (changes['externalError']?.currentValue) {\r\n this._color = Colors.warn;\r\n return;\r\n } else if (changes['password'] && changes['password'].previousValue === changes['password'].currentValue && !changes['password'].firstChange) {\r\n this._checkPassword();\r\n } else if (this.password && this.password.length > 0) {\r\n this._checkPassword();\r\n } else {\r\n this.reset();\r\n }\r\n }\r\n\r\n parseCustomValidatorsRegex(): RegExp {\r\n if (this.customValidator instanceof RegExp) {\r\n return this.customValidator;\r\n } else {\r\n return RegExp(this.customValidator);\r\n }\r\n }\r\n\r\n setRulesAndValidators(): void {\r\n this.validatorsArray = [];\r\n this.criteriaMap = new Map<Criteria, RegExp>();\r\n this.passwordConfirmationFormControl\r\n .setValidators(Validators.compose([\r\n Validators.required, this.cmatPasswordStrengthValidator.confirm(this.password)\r\n ]));\r\n this.validatorsArray.push(Validators.required);\r\n if (this.enableLengthRule) {\r\n this.criteriaMap.set(Criteria.at_least_eight_chars, RegExp(`^.{${this.min},${this.max}}$`));\r\n this.validatorsArray.push(Validators.minLength(this.min));\r\n this.validatorsArray.push(Validators.maxLength(this.max));\r\n }\r\n if (this.enableLowerCaseLetterRule) {\r\n this.criteriaMap.set(Criteria.at_least_one_lower_case_char, RegExpValidator.lowerCase);\r\n this.validatorsArray.push(Validators.pattern(RegExpValidator.lowerCase));\r\n }\r\n if (this.enableUpperCaseLetterRule) {\r\n this.criteriaMap.set(Criteria.at_least_one_upper_case_char, RegExpValidator.upperCase);\r\n this.validatorsArray.push(Validators.pattern(RegExpValidator.upperCase));\r\n }\r\n if (this.enableDigitRule) {\r\n this.criteriaMap.set(Criteria.at_least_one_digit_char, RegExpValidator.digit);\r\n this.validatorsArray.push(Validators.pattern(RegExpValidator.digit));\r\n }\r\n if (this.enableSpecialCharRule) {\r\n this.criteriaMap.set(Criteria.at_least_one_special_char, RegExpValidator.specialChar);\r\n this.validatorsArray.push(Validators.pattern(RegExpValidator.specialChar));\r\n }\r\n if (this.customValidator) {\r\n this.criteriaMap.set(Criteria.at_custom_chars, this.parseCustomValidatorsRegex());\r\n this.validatorsArray.push(Validators.pattern(this.parseCustomValidatorsRegex()));\r\n }\r\n\r\n this.criteriaMap.forEach((value: any, key: string) => {\r\n this.validatorsArray.push(this.cmatPasswordStrengthValidator.validate(key, value));\r\n });\r\n\r\n this.passwordFormControl.setValidators(Validators.compose([...this.validatorsArray]));\r\n this.validators = Validators.compose([...this.validatorsArray]);\r\n\r\n }\r\n\r\n calculatePasswordStrength(): void {\r\n const requirements: boolean[] = [];\r\n const unit = 100 / this.criteriaMap.size;\r\n\r\n requirements.push(\r\n this.enableLengthRule ? this._containAtLeastMinChars() : false,\r\n this.enableLowerCaseLetterRule ? this._containAtLeastOneLowerCaseLetter() : false,\r\n this.enableUpperCaseLetterRule ? this._containAtLeastOneUpperCaseLetter() : false,\r\n this.enableDigitRule ? this._containAtLeastOneDigit() : false,\r\n this.enableSpecialCharRule ? this._containAtLeastOneSpecialChar() : false,\r\n this.customValidator ? this._containCustomChars() : false\r\n );\r\n\r\n this._strength = requirements.filter(v => v).length * unit;\r\n this.strengthChanged.emit(this.strength);\r\n this.setRulesAndValidators();\r\n\r\n if (this._strength < this.warnThreshold) {\r\n this._color = Colors.warn;\r\n } else if (this._strength < this.accentThreshold) {\r\n this._color = Colors.accent;\r\n } else {\r\n this._color = Colors.primary;\r\n }\r\n }\r\n\r\n reset(): void {\r\n this._strength = 0;\r\n this.containAtLeastMinChars =\r\n this.containAtLeastOneLowerCaseLetter =\r\n this.containAtLeastOneUpperCaseLetter =\r\n this.containAtLeastOneDigit =\r\n this.containAtCustomChars =\r\n this.containAtLeastOneSpecialChar = false;\r\n\r\n this._color = Colors.warn;\r\n this.strengthChanged.emit(this.strength);\r\n }\r\n\r\n private _containAtLeastMinChars(): boolean {\r\n this.containAtLeastMinChars = this.password.length >= this.min;\r\n return this.containAtLeastMinChars;\r\n }\r\n\r\n private _containAtLeastOneLowerCaseLetter(): boolean {\r\n this.containAtLeastOneLowerCaseLetter =\r\n this.criteriaMap\r\n .get(Criteria.at_least_one_lower_case_char)?.test(this.password);\r\n return this.containAtLeastOneLowerCaseLetter ?? false;\r\n }\r\n\r\n private _containAtLeastOneUpperCaseLetter(): boolean {\r\n this.containAtLeastOneUpperCaseLetter =\r\n this.criteriaMap\r\n .get(Criteria.at_least_one_upper_case_char)?.test(this.password);\r\n return this.containAtLeastOneUpperCaseLetter ?? false;\r\n }\r\n\r\n private _containAtLeastOneDigit(): boolean {\r\n this.containAtLeastOneDigit =\r\n this.criteriaMap\r\n .get(Criteria.at_least_one_digit_char)?.test(this.password);\r\n return this.containAtLeastOneDigit ?? false;\r\n }\r\n\r\n private _containAtLeastOneSpecialChar(): boolean {\r\n this.containAtLeastOneSpecialChar =\r\n this.criteriaMap\r\n .get(Criteria.at_least_one_special_char)?.test(this.password);\r\n return this.containAtLeastOneSpecialChar ?? false;\r\n }\r\n\r\n private _containCustomChars(): boolean {\r\n this.containAtCustomChars =\r\n this.criteriaMap\r\n .get(Criteria.at_custom_chars)?.test(this.password);\r\n return this.containAtCustomChars ?? false;\r\n }\r\n\r\n private _checkPassword(): void {\r\n this.calculatePasswordStrength();\r\n this.passwordConfirmationFormControl.updateValueAndValidity();\r\n }\r\n}\r\n","<mat-progress-bar mode=\"determinate\" [color]=\"color\" [value]=\"strength\"></mat-progress-bar>","import { AfterViewInit, Component, Input, OnInit, signal, ViewEncapsulation } from '@angular/core';\r\nimport { MatCardModule } from '@angular/material/card';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { CmatPasswordStrengthComponent } from '../mat-password-strength/mat-password-strength.component';\r\n\r\n@Component({\r\n selector: 'cmat-password-strength-info',\r\n exportAs: 'cmatPasswordStrengthInfo',\r\n templateUrl: './mat-password-strength-info.component.html',\r\n styleUrls: ['./mat-password-strength-info.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n imports: [MatCardModule, MatIconModule]\r\n})\r\nexport class CmatPasswordStrengthInfoComponent implements OnInit, AfterViewInit {\r\n\r\n @Input()\r\n passwordComponent: CmatPasswordStrengthComponent;\r\n\r\n @Input()\r\n enableScoreInfo = false;\r\n\r\n @Input()\r\n lowerCaseCriteriaMsg = '包含至少一个小写字母';\r\n\r\n @Input()\r\n upperCaseCriteriaMsg = '包含至少一个大写字母';\r\n\r\n @Input()\r\n digitsCriteriaMsg = '包含至少一个数字';\r\n\r\n @Input()\r\n specialCharsCriteriaMsg = '包含至少一个特殊字符';\r\n\r\n @Input()\r\n customCharsCriteriaMsg = '包含至少一个传统字符';\r\n\r\n @Input()\r\n minCharsCriteriaMsg: string;\r\n\r\n readonly pageLoaded = signal(false);\r\n ngOnInit(): void {\r\n if (!this.minCharsCriteriaMsg) {\r\n this.minCharsCriteriaMsg = `包含至少 ${this.passwordComponent.min} 个字符`;\r\n }\r\n }\r\n\r\n ngAfterViewInit(): void {\r\n setTimeout(() => {\r\n this.pageLoaded.set(true);\r\n }, 100);\r\n }\r\n getEnterIndex(itemType: string): number {\r\n const enabledItems: string[] = [];\r\n\r\n if (this.passwordComponent.enableLowerCaseLetterRule) {\r\n enabledItems.push('lowerCase');\r\n }\r\n if (this.passwordComponent.enableUpperCaseLetterRule) {\r\n enabledItems.push('upperCase');\r\n }\r\n if (this.passwordComponent.enableDigitRule) {\r\n enabledItems.push('digit');\r\n }\r\n if (this.passwordComponent.enableSpecialCharRule) {\r\n enabledItems.push('specialChar');\r\n }\r\n if (this.passwordComponent.enableLengthRule) {\r\n enabledItems.push('length');\r\n }\r\n if (this.passwordComponent.customValidator) {\r\n enabledItems.push('custom');\r\n }\r\n if (this.enableScoreInfo) {\r\n enabledItems.push('score');\r\n }\r\n\r\n return enabledItems.findIndex(i=>i===itemType);\r\n }\r\n\r\n getLeaveIndex(itemType: string): number {\r\n const enabledItems: string[] = [];\r\n\r\n if (this.passwordComponent.enableLowerCaseLetterRule) {\r\n enabledItems.push('lowerCase');\r\n }\r\n if (this.passwordComponent.enableUpperCaseLetterRule) {\r\n enabledItems.push('upperCase');\r\n }\r\n if (this.passwordComponent.enableDigitRule) {\r\n enabledItems.push('digit');\r\n }\r\n if (this.passwordComponent.enableSpecialCharRule) {\r\n enabledItems.push('specialChar');\r\n }\r\n if (this.passwordComponent.enableLengthRule) {\r\n enabledItems.push('length');\r\n }\r\n if (this.passwordComponent.customValidator) {\r\n enabledItems.push('custom');\r\n }\r\n if (this.enableScoreInfo) {\r\n enabledItems.push('score');\r\n }\r\n\r\n return enabledItems.length - enabledItems.findIndex(j=>j===itemType) - 1;\r\n }\r\n\r\n}\r\n","<!-- eslint-disable @angular-eslint/template/no-inline-styles -->\r\n<mat-card class=\"info-card\">\r\n <mat-card-content>\r\n @if (passwordComponent.enableLowerCaseLetterRule) {\r\n <div class=\"info-row info-row-enter\" animate.leave=\"info-row-leave\"\r\n [style.--enter-item-index]=\"getEnterIndex('lowerCase')\" [style.--leave-item-index]=\"getLeaveIndex('lowerCase')\">\r\n @if (passwordComponent.containAtLeastOneLowerCaseLetter) {\r\n <mat-icon animate.enter=\"flip-in-x-animation\" color=\"primary\" svgIcon=\"mat_outline:done\" [class.animate-none]=\"!pageLoaded()\"></mat-icon>\r\n } @else {\r\n <mat-icon animate.enter=\"shake-info-animation\" color=\"warn\" svgIcon=\"mat_outline:error\" [class.animate-none]=\"!pageLoaded()\"></mat-icon>\r\n }\r\n <span>{{lowerCaseCriteriaMsg}}</span>\r\n </div>\r\n }\r\n\r\n @if (passwordComponent.enableUpperCaseLetterRule) {\r\n <div class=\"info-row info-row-enter\" animate.leave=\"info-row-leave\"\r\n [style.--enter-item-index]=\"getEnterIndex('upperCase')\" [style.--leave-item-index]=\"getLeaveIndex('upperCase')\">\r\n @if (passwordComponent.containAtLeastOneUpperCaseLetter) {\r\n <mat-icon animate.enter=\"flip-in-x-animation\" color=\"primary\" svgIcon=\"mat_outline:done\" [class.animate-none]=\"!pageLoaded()\"></mat-icon>\r\n } @else {\r\n <mat-icon animate.enter=\"shake-info-animation\" color=\"warn\" svgIcon=\"mat_outline:error\" [class.animate-none]=\"!pageLoaded()\"></mat-icon>\r\n }\r\n <span>{{upperCaseCriteriaMsg}}</span>\r\n </div>\r\n }\r\n\r\n @if (passwordComponent.enableDigitRule) {\r\n <div class=\"info-row info-row-enter\" animate.leave=\"info-row-leave\"\r\n [style.--enter-item-index]=\"getEnterIndex('digit')\" [style.--leave-item-index]=\"getLeaveIndex('digit')\">\r\n @if (passwordComponent.containAtLeastOneDigit) {\r\n <mat-icon animate.enter=\"flip-in-x-animation\" color=\"primary\" svgIcon=\"mat_outline:done\" [class.animate-none]=\"!pageLoaded()\"></mat-icon>\r\n } @else {\r\n <mat-icon animate.enter=\"shake-info-animation\" color=\"warn\" svgIcon=\"mat_outline:error\" [class.animate-none]=\"!pageLoaded()\"></mat-icon>\r\n }\r\n <span>{{digitsCriteriaMsg}}</span>\r\n </div>\r\n }\r\n\r\n @if (passwordComponent.enableSpecialCharRule) {\r\n <div class=\"info-row info-row-enter\" animate.leave=\"info-row-leave\"\r\n [style.--enter-item-index]=\"getEnterIndex('specialChar')\"\r\n [style.--leave-item-index]=\"getLeaveIndex('specialChar')\">\r\n @if (passwordComponent.containAtLeastOneSpecialChar) {\r\n <mat-icon animate.enter=\"flip-in-x-animation\" color=\"primary\" svgIcon=\"mat_outline:done\" [class.animate-none]=\"!pageLoaded()\"></mat-icon>\r\n } @else {\r\n <mat-icon animate.enter=\"shake-info-animation\" color=\"warn\" svgIcon=\"mat_outline:error\" [class.animate-none]=\"!pageLoaded()\"></mat-icon>\r\n }\r\n <span>{{specialCharsCriteriaMsg}}</span>\r\n </div>\r\n }\r\n\r\n @if (passwordComponent.enableLengthRule) {\r\n <div class=\"info-row info-row-enter\" animate.leave=\"info-row-leave\"\r\n [style.--enter-item-index]=\"getEnterIndex('length')\" [style.--leave-item-index]=\"getLeaveIndex('length')\">\r\n @if (passwordComponent.containAtLeastMinChars) {\r\n <mat-icon animate.enter=\"flip-in-x-animation\" color=\"primary\" svgIcon=\"mat_outline:done\" [class.animate-none]=\"!pageLoaded()\"></mat-icon>\r\n } @else {\r\n <mat-icon animate.enter=\"shake-info-animation\" color=\"warn\" svgIcon=\"mat_outline:error\" [class.animate-none]=\"!pageLoaded()\"></mat-icon>\r\n }\r\n <span>{{minCharsCriteriaMsg}}</span>\r\n </div>\r\n }\r\n\r\n @if (passwordComponent.customValidator) {\r\n <div class=\"info-row info-row-enter\" animate.leave=\"info-row-leave\"\r\n [style.--enter-item-index]=\"getEnterIndex('custom')\" [style.--leave-item-index]=\"getLeaveIndex('custom')\">\r\n @if (passwordComponent.containAtCustomChars) {\r\n <mat-icon animate.enter=\"flip-in-x-animation\" color=\"primary\" svgIcon=\"mat_outline:done\" [class.animate-none]=\"!pageLoaded\"></mat-icon>\r\n } @else {\r\n <mat-icon animate.enter=\"shake-info-animation\" color=\"warn\" svgIcon=\"mat_outline:error\" [class.animate-none]=\"!pageLoaded\"></mat-icon>\r\n }\r\n <span>{{customCharsCriteriaMsg}}</span>\r\n </div>\r\n }\r\n\r\n @if (enableScoreInfo) {\r\n <div class=\"info-row info-row-enter\" animate.leave=\"info-row-leave\"\r\n [style.--enter-item-index]=\"getEnterIndex('score')\" [style.--leave-item-index]=\"getLeaveIndex('score')\">\r\n @if (passwordComponent.strength === 100) {\r\n <mat-icon animate.enter=\"flip-in-x-animation\" color=\"primary\" svgIcon=\"mat_outline:done\" [class.animate-none]=\"!pageLoaded\"></mat-icon>\r\n } @else {\r\n <mat-icon animate.enter=\"shake-info-animation\" color=\"warn\" svgIcon=\"mat_outline:error\" [class.animate-none]=\"!pageLoaded\"></mat-icon>\r\n }\r\n <span>瀵嗙爜寮哄害= {{passwordComponent.strength}} %100</span>\r\n </div>\r\n }\r\n\r\n </mat-card-content>\r\n<!-- eslint-enable @angular-eslint/template/no-inline-styles -->\r\n</mat-card>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i2"],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@ import { Directionality } from '@angular/cdk/bidi';
|
|
|
4
4
|
import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
|
5
5
|
import { NgStyle, NgClass } from '@angular/common';
|
|
6
6
|
import * as i0 from '@angular/core';
|
|
7
|
-
import { EventEmitter, inject, ElementRef, TemplateRef, Input, HostBinding, ViewChild, Output, ViewEncapsulation, ChangeDetectionStrategy, Component, ViewContainerRef,
|
|
7
|
+
import { EventEmitter, inject, ElementRef, TemplateRef, Input, HostBinding, ViewChild, Output, ViewEncapsulation, ChangeDetectionStrategy, Component, ViewContainerRef, DestroyRef, HostListener, Directive } from '@angular/core';
|
|
8
8
|
import { Overlay, OverlayConfig } from '@angular/cdk/overlay';
|
|
9
9
|
import { TemplatePortal } from '@angular/cdk/portal';
|
|
10
10
|
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
@@ -257,10 +257,10 @@ class CmatPopoverComponent {
|
|
|
257
257
|
this.classList['cmat-popover-below-center'] = pos[0] === 'below' && pos[1] === 'center';
|
|
258
258
|
this.classList['cmat-popover-below-after'] = pos[0] === 'below' && pos[1] === 'after';
|
|
259
259
|
}
|
|
260
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
261
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
260
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
261
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: CmatPopoverComponent, isStandalone: true, selector: "cmat-popover", inputs: { popoverPanelStyles: "popoverPanelStyles", popoverArrowStyles: "popoverArrowStyles", popoverContentStyles: "popoverContentStyles", position: "position", triggerEvent: "triggerEvent", scrollStrategy: "scrollStrategy", enterDelay: "enterDelay", leaveDelay: "leaveDelay", xOffset: "xOffset", yOffset: "yOffset", arrowOffsetX: "arrowOffsetX", arrowOffsetY: "arrowOffsetY", arrowWidth: "arrowWidth", arrowHeight: "arrowHeight", closeOnPanelClick: "closeOnPanelClick", closeOnBackdropClick: "closeOnBackdropClick", disableAnimation: "disableAnimation", focusTrapEnabled: "focusTrapEnabled", focusTrapAutoCaptureEnabled: "focusTrapAutoCaptureEnabled", panelClass: "panelClass" }, outputs: { closed: "closed" }, host: { properties: { "attr.role": "this.role" } }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true }], exportAs: ["cmatPopover"], ngImport: i0, template: "<ng-template>\r\n <div class=\"cmat-popover-panel shadow\" role=\"dialog\" [ngClass]=\"classList\" [ngStyle]=\"popoverPanelStyles\"\r\n [class.zoom-in-animation]=\"!disableAnimation\" (keydown)=\"handleKeydown($event)\" (click)=\"onClick()\"\r\n (focus)=\"onFocus()\" (mouseover)=\"onMouseOver()\" (mouseleave)=\"onMouseLeave()\">\r\n <div class=\"cmat-popover-direction-arrow\" [ngStyle]=\"popoverArrowStyles\"></div>\r\n <div class=\"cmat-popover-content\" [ngStyle]=\"popoverContentStyles\" [cdkTrapFocus]=\"focusTrapEnabled\"\r\n [cdkTrapFocusAutoCapture]=\"focusTrapAutoCaptureEnabled\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n</ng-template>", styles: [".cmat-popover-panel{max-height:calc(100vh - 48px);padding:.5rem;border-radius:.5rem;font-size:1rem;border-top-width:1px;transform:scale(1)}.cmat-popover-panel[class*=cmat-popover-below]{border-top-width:0;margin-top:calc(.5em + 2px)}.cmat-popover-panel[class*=cmat-popover-above]{margin-bottom:calc(.5em + 2px)}.cmat-popover-panel[class*=cmat-popover-before]{margin-right:calc(.5em + 2px)}[dir=rtl] .cmat-popover-panel[class*=cmat-popover-before]{margin-right:auto;margin-left:calc(.5em + 2px)}.cmat-popover-panel[class*=cmat-popover-after]{margin-left:calc(.5em + 2px)}[dir=rtl] .cmat-popover-panel[class*=cmat-popover-after]{margin-left:auto;margin-right:calc(.5em + 2px)}.cmat-popover-direction-arrow{position:absolute}.cmat-popover-direction-arrow:before,.cmat-popover-direction-arrow:after{position:absolute;display:inline-block;border-style:solid;content:\"\"}.cmat-popover-direction-arrow:before{border-width:.5em;border-color:var(--cmat-divider)}.cmat-popover-direction-arrow:after{border-width:calc(.5em - 1px);border-color:var(--cmat-bg-card)}[class*=cmat-popover-below] .cmat-popover-direction-arrow,[class*=cmat-popover-above] .cmat-popover-direction-arrow{width:1em}[class*=cmat-popover-below] .cmat-popover-direction-arrow:after,[class*=cmat-popover-above] .cmat-popover-direction-arrow:after{left:1px}[dir=rtl] [class*=cmat-popover-below] .cmat-popover-direction-arrow:after,[dir=rtl] [class*=cmat-popover-above] .cmat-popover-direction-arrow:after{right:1px;left:auto}[class*=cmat-popover-below] .cmat-popover-direction-arrow:before,[class*=cmat-popover-below] .cmat-popover-direction-arrow:after,[class*=cmat-popover-above] .cmat-popover-direction-arrow:before,[class*=cmat-popover-above] .cmat-popover-direction-arrow:after{border-left-color:transparent;border-right-color:transparent}[class*=cmat-popover-below] .cmat-popover-direction-arrow{top:0}[class*=cmat-popover-below] .cmat-popover-direction-arrow:before,[class*=cmat-popover-below] .cmat-popover-direction-arrow:after{bottom:0;border-top-width:0}[class*=cmat-popover-above] .cmat-popover-direction-arrow{bottom:0}[class*=cmat-popover-above] .cmat-popover-direction-arrow:before,[class*=cmat-popover-above] .cmat-popover-direction-arrow:after{top:0;border-bottom-width:0}[class*=cmat-popover-before] .cmat-popover-direction-arrow,[class*=cmat-popover-after] .cmat-popover-direction-arrow{height:1em}[class*=cmat-popover-before] .cmat-popover-direction-arrow:after,[class*=cmat-popover-after] .cmat-popover-direction-arrow:after{top:1px}[class*=cmat-popover-before] .cmat-popover-direction-arrow:before,[class*=cmat-popover-before] .cmat-popover-direction-arrow:after,[class*=cmat-popover-after] .cmat-popover-direction-arrow:before,[class*=cmat-popover-after] .cmat-popover-direction-arrow:after{border-top-color:transparent;border-bottom-color:transparent}[class*=cmat-popover-before] .cmat-popover-direction-arrow{right:0}[class*=cmat-popover-before] .cmat-popover-direction-arrow:before,[class*=cmat-popover-before] .cmat-popover-direction-arrow:after{left:0;border-right-width:0}[dir=rtl] [class*=cmat-popover-before] .cmat-popover-direction-arrow{right:auto;left:0}[dir=rtl] [class*=cmat-popover-before] .cmat-popover-direction-arrow:before,[dir=rtl] [class*=cmat-popover-before] .cmat-popover-direction-arrow:after{left:auto;right:0;border-left-width:0}[dir=rtl] [class*=cmat-popover-before] .cmat-popover-direction-arrow:before{border-right-width:.5em}[dir=rtl] [class*=cmat-popover-before] .cmat-popover-direction-arrow:after{border-right-width:calc(.5em - 1px)}[class*=cmat-popover-after] .cmat-popover-direction-arrow{left:0}[class*=cmat-popover-after] .cmat-popover-direction-arrow:before,[class*=cmat-popover-after] .cmat-popover-direction-arrow:after{right:0;border-left-width:0}[dir=rtl] [class*=cmat-popover-after] .cmat-popover-direction-arrow{left:auto;right:0}[dir=rtl] [class*=cmat-popover-after] .cmat-popover-direction-arrow:before,[dir=rtl] [class*=cmat-popover-after] .cmat-popover-direction-arrow:after{right:auto;left:0;border-right-width:0}[dir=rtl] [class*=cmat-popover-after] .cmat-popover-direction-arrow:before{border-left-width:.5em}[dir=rtl] [class*=cmat-popover-after] .cmat-popover-direction-arrow:after{border-left-width:calc(.5em - 1px)}\n", ".zoom-in-animation{opacity:1;transform:scale(1);transition:all 225ms cubic-bezier(0,0,.2,1)}@starting-style{.zoom-in-animation{opacity:0;transform:scale(.5)}}.zoom-out-animation{opacity:0;transform:scale(.5);transition:all 195ms cubic-bezier(.4,0,1,1)}@starting-style{.zoom-out-animation{opacity:1;transform:scale(1)}}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
262
262
|
}
|
|
263
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
263
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatPopoverComponent, decorators: [{
|
|
264
264
|
type: Component,
|
|
265
265
|
args: [{ selector: 'cmat-popover', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'cmatPopover', imports: [NgStyle, NgClass, A11yModule], template: "<ng-template>\r\n <div class=\"cmat-popover-panel shadow\" role=\"dialog\" [ngClass]=\"classList\" [ngStyle]=\"popoverPanelStyles\"\r\n [class.zoom-in-animation]=\"!disableAnimation\" (keydown)=\"handleKeydown($event)\" (click)=\"onClick()\"\r\n (focus)=\"onFocus()\" (mouseover)=\"onMouseOver()\" (mouseleave)=\"onMouseLeave()\">\r\n <div class=\"cmat-popover-direction-arrow\" [ngStyle]=\"popoverArrowStyles\"></div>\r\n <div class=\"cmat-popover-content\" [ngStyle]=\"popoverContentStyles\" [cdkTrapFocus]=\"focusTrapEnabled\"\r\n [cdkTrapFocusAutoCapture]=\"focusTrapAutoCaptureEnabled\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n</ng-template>", styles: [".cmat-popover-panel{max-height:calc(100vh - 48px);padding:.5rem;border-radius:.5rem;font-size:1rem;border-top-width:1px;transform:scale(1)}.cmat-popover-panel[class*=cmat-popover-below]{border-top-width:0;margin-top:calc(.5em + 2px)}.cmat-popover-panel[class*=cmat-popover-above]{margin-bottom:calc(.5em + 2px)}.cmat-popover-panel[class*=cmat-popover-before]{margin-right:calc(.5em + 2px)}[dir=rtl] .cmat-popover-panel[class*=cmat-popover-before]{margin-right:auto;margin-left:calc(.5em + 2px)}.cmat-popover-panel[class*=cmat-popover-after]{margin-left:calc(.5em + 2px)}[dir=rtl] .cmat-popover-panel[class*=cmat-popover-after]{margin-left:auto;margin-right:calc(.5em + 2px)}.cmat-popover-direction-arrow{position:absolute}.cmat-popover-direction-arrow:before,.cmat-popover-direction-arrow:after{position:absolute;display:inline-block;border-style:solid;content:\"\"}.cmat-popover-direction-arrow:before{border-width:.5em;border-color:var(--cmat-divider)}.cmat-popover-direction-arrow:after{border-width:calc(.5em - 1px);border-color:var(--cmat-bg-card)}[class*=cmat-popover-below] .cmat-popover-direction-arrow,[class*=cmat-popover-above] .cmat-popover-direction-arrow{width:1em}[class*=cmat-popover-below] .cmat-popover-direction-arrow:after,[class*=cmat-popover-above] .cmat-popover-direction-arrow:after{left:1px}[dir=rtl] [class*=cmat-popover-below] .cmat-popover-direction-arrow:after,[dir=rtl] [class*=cmat-popover-above] .cmat-popover-direction-arrow:after{right:1px;left:auto}[class*=cmat-popover-below] .cmat-popover-direction-arrow:before,[class*=cmat-popover-below] .cmat-popover-direction-arrow:after,[class*=cmat-popover-above] .cmat-popover-direction-arrow:before,[class*=cmat-popover-above] .cmat-popover-direction-arrow:after{border-left-color:transparent;border-right-color:transparent}[class*=cmat-popover-below] .cmat-popover-direction-arrow{top:0}[class*=cmat-popover-below] .cmat-popover-direction-arrow:before,[class*=cmat-popover-below] .cmat-popover-direction-arrow:after{bottom:0;border-top-width:0}[class*=cmat-popover-above] .cmat-popover-direction-arrow{bottom:0}[class*=cmat-popover-above] .cmat-popover-direction-arrow:before,[class*=cmat-popover-above] .cmat-popover-direction-arrow:after{top:0;border-bottom-width:0}[class*=cmat-popover-before] .cmat-popover-direction-arrow,[class*=cmat-popover-after] .cmat-popover-direction-arrow{height:1em}[class*=cmat-popover-before] .cmat-popover-direction-arrow:after,[class*=cmat-popover-after] .cmat-popover-direction-arrow:after{top:1px}[class*=cmat-popover-before] .cmat-popover-direction-arrow:before,[class*=cmat-popover-before] .cmat-popover-direction-arrow:after,[class*=cmat-popover-after] .cmat-popover-direction-arrow:before,[class*=cmat-popover-after] .cmat-popover-direction-arrow:after{border-top-color:transparent;border-bottom-color:transparent}[class*=cmat-popover-before] .cmat-popover-direction-arrow{right:0}[class*=cmat-popover-before] .cmat-popover-direction-arrow:before,[class*=cmat-popover-before] .cmat-popover-direction-arrow:after{left:0;border-right-width:0}[dir=rtl] [class*=cmat-popover-before] .cmat-popover-direction-arrow{right:auto;left:0}[dir=rtl] [class*=cmat-popover-before] .cmat-popover-direction-arrow:before,[dir=rtl] [class*=cmat-popover-before] .cmat-popover-direction-arrow:after{left:auto;right:0;border-left-width:0}[dir=rtl] [class*=cmat-popover-before] .cmat-popover-direction-arrow:before{border-right-width:.5em}[dir=rtl] [class*=cmat-popover-before] .cmat-popover-direction-arrow:after{border-right-width:calc(.5em - 1px)}[class*=cmat-popover-after] .cmat-popover-direction-arrow{left:0}[class*=cmat-popover-after] .cmat-popover-direction-arrow:before,[class*=cmat-popover-after] .cmat-popover-direction-arrow:after{right:0;border-left-width:0}[dir=rtl] [class*=cmat-popover-after] .cmat-popover-direction-arrow{left:auto;right:0}[dir=rtl] [class*=cmat-popover-after] .cmat-popover-direction-arrow:before,[dir=rtl] [class*=cmat-popover-after] .cmat-popover-direction-arrow:after{right:auto;left:0;border-right-width:0}[dir=rtl] [class*=cmat-popover-after] .cmat-popover-direction-arrow:before{border-left-width:.5em}[dir=rtl] [class*=cmat-popover-after] .cmat-popover-direction-arrow:after{border-left-width:calc(.5em - 1px)}\n", ".zoom-in-animation{opacity:1;transform:scale(1);transition:all 225ms cubic-bezier(0,0,.2,1)}@starting-style{.zoom-in-animation{opacity:0;transform:scale(.5)}}.zoom-out-animation{opacity:0;transform:scale(.5);transition:all 195ms cubic-bezier(.4,0,1,1)}@starting-style{.zoom-out-animation{opacity:1;transform:scale(1)}}\n"] }]
|
|
266
266
|
}], ctorParameters: () => [], propDecorators: { closed: [{
|
|
@@ -324,7 +324,6 @@ class CmatPopoverTriggerDirective {
|
|
|
324
324
|
this._elementRef = inject(ElementRef);
|
|
325
325
|
this._viewContainerRef = inject(ViewContainerRef);
|
|
326
326
|
this._dir = inject(Directionality, { optional: true });
|
|
327
|
-
this._changeDetectorRef = inject(ChangeDetectorRef);
|
|
328
327
|
this._destroyRef = inject(DestroyRef);
|
|
329
328
|
this._overlayRef = null;
|
|
330
329
|
this._popoverOpen = false;
|
|
@@ -517,7 +516,6 @@ class CmatPopoverTriggerDirective {
|
|
|
517
516
|
const pos = this.popover.position[0] === 'above' || this.popover.position[0] === 'below'
|
|
518
517
|
? [posY, posX]
|
|
519
518
|
: [posX, posY];
|
|
520
|
-
this._changeDetectorRef.markForCheck();
|
|
521
519
|
this.popover.setCurrentStyles(pos);
|
|
522
520
|
this.popover.setPositionClasses(pos);
|
|
523
521
|
});
|
|
@@ -638,10 +636,10 @@ class CmatPopoverTriggerDirective {
|
|
|
638
636
|
}
|
|
639
637
|
this.popover.setCurrentStyles();
|
|
640
638
|
}
|
|
641
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
642
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
639
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatPopoverTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
640
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: CmatPopoverTriggerDirective, isStandalone: true, selector: "[cmatPopoverTriggerFor],[cmatPopoverTargetAt],[cmatPopoverTriggerOn]", inputs: { popover: ["cmatPopoverTriggerFor", "popover"], targetElement: ["cmatPopoverTargetAt", "targetElement"], triggerEvent: ["cmatPopoverTriggerOn", "triggerEvent"] }, outputs: { popoverOpened: "popoverOpened", popoverClosed: "popoverClosed" }, host: { listeners: { "click": "onClick($event)", "mouseenter": "onMouseEnter($event)", "mouseleave": "onMouseLeave($event)", "mousedown": "handleMousedown($event)" }, properties: { "attr.aria-haspopup": "this.ariaHaspopup" } }, exportAs: ["cmatPopoverTrigger"], usesOnChanges: true, ngImport: i0 }); }
|
|
643
641
|
}
|
|
644
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
642
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatPopoverTriggerDirective, decorators: [{
|
|
645
643
|
type: Directive,
|
|
646
644
|
args: [{
|
|
647
645
|
selector: '[cmatPopoverTriggerFor],[cmatPopoverTargetAt],[cmatPopoverTriggerOn]',
|
|
@@ -681,10 +679,10 @@ class CmatPopoverTargetDirective {
|
|
|
681
679
|
constructor() {
|
|
682
680
|
this.elementRef = inject(ElementRef);
|
|
683
681
|
}
|
|
684
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
685
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
682
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatPopoverTargetDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
683
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: CmatPopoverTargetDirective, isStandalone: true, selector: "cmat-popover-target, [cmatPopoverTarget]", exportAs: ["cmatPopoverTarget"], ngImport: i0 }); }
|
|
686
684
|
}
|
|
687
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
685
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatPopoverTargetDirective, decorators: [{
|
|
688
686
|
type: Directive,
|
|
689
687
|
args: [{
|
|
690
688
|
selector: 'cmat-popover-target, [cmatPopoverTarget]',
|