@cleavelandprice/ngx-lib 3.5.1 → 3.6.0
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/active-directory/gui/components/user-chooser/user-chooser.component.d.ts +4 -4
- package/active-directory/gui/components/user-form-field/user-form-field.component.d.ts +2 -2
- package/active-directory/gui/gui.module.d.ts +11 -11
- package/authentication/token/gui/components/login/login.component.d.ts +2 -2
- package/authentication/token/gui/components/login-form/login-form.component.d.ts +2 -2
- package/dialog/components/base/base.component.d.ts +1 -1
- package/dialog/components/choice/choice.component.d.ts +2 -2
- package/dialog/components/confirmation/confirmation.component.d.ts +2 -2
- package/dialog/components/input/input.component.d.ts +2 -2
- package/dialog/components/message/message.component.d.ts +2 -2
- package/esm2020/active-directory/active-directory.module.mjs +4 -4
- package/esm2020/active-directory/gui/components/user-chooser/user-chooser.component.mjs +16 -16
- package/esm2020/active-directory/gui/components/user-form-field/user-form-field.component.mjs +11 -11
- package/esm2020/active-directory/gui/gui.module.mjs +15 -15
- package/esm2020/active-directory/services/active-directory.service.mjs +3 -3
- package/esm2020/authentication/authentication.base.module.mjs +4 -4
- package/esm2020/authentication/object/object.module.mjs +4 -4
- package/esm2020/authentication/object/services/authentication.service.mjs +3 -3
- package/esm2020/authentication/token/gui/components/login/login.component.mjs +6 -6
- package/esm2020/authentication/token/gui/components/login-form/login-form.component.mjs +12 -11
- package/esm2020/authentication/token/gui/services/authentication.service.mjs +3 -3
- package/esm2020/authentication/token/gui/token-gui.module.mjs +4 -4
- package/esm2020/authentication/token/services/authentication.service.mjs +3 -3
- package/esm2020/authentication/token/token.module.mjs +4 -4
- package/esm2020/dialog/components/base/base.component.mjs +3 -3
- package/esm2020/dialog/components/choice/choice.component.mjs +7 -7
- package/esm2020/dialog/components/confirmation/confirmation.component.mjs +7 -7
- package/esm2020/dialog/components/input/input.component.mjs +7 -7
- package/esm2020/dialog/components/message/message.component.mjs +7 -7
- package/esm2020/dialog/dialog.module.mjs +4 -4
- package/esm2020/lib/ngx-lib.module.mjs +4 -4
- package/esm2020/lib/services/app-path-config.service.mjs +3 -3
- package/esm2020/msgraph/msgraph.module.mjs +4 -4
- package/esm2020/quill/components/editor/editor.component.mjs +8 -8
- package/esm2020/quill/components/raw/raw.component.mjs +5 -5
- package/esm2020/quill/mention/components/editor/editor.component.mjs +8 -8
- package/esm2020/quill/mention/quill-mention.module.mjs +4 -4
- package/esm2020/quill/quill.module.mjs +4 -4
- package/esm2020/sharepoint/components/employee-photo/employee-photo.component.mjs +3 -3
- package/esm2020/sharepoint/pipes/employee-photo-url.pipe.mjs +3 -3
- package/esm2020/sharepoint/services/sharepoint.service.mjs +3 -3
- package/esm2020/sharepoint/sharepoint.module.mjs +4 -4
- package/esm2020/upload/components/upload/upload.component.mjs +6 -6
- package/esm2020/upload/components/upload-dialog/upload-dialog.component.mjs +8 -8
- package/esm2020/upload/services/upload.service.mjs +3 -3
- package/esm2020/upload/upload.module.mjs +4 -4
- package/esm2020/url-utilities/pipes/safe-resource-url.pipe.mjs +3 -3
- package/esm2020/url-utilities/pipes/safe-url.pipe.mjs +3 -3
- package/esm2020/url-utilities/pipes/uri-scheme.pipe.mjs +3 -3
- package/esm2020/url-utilities/url-utilities.module.mjs +4 -4
- package/fesm2015/cleavelandprice-ngx-lib-active-directory-gui.mjs +65 -64
- package/fesm2015/cleavelandprice-ngx-lib-active-directory-gui.mjs.map +1 -1
- package/fesm2015/cleavelandprice-ngx-lib-active-directory.mjs +8 -7
- package/fesm2015/cleavelandprice-ngx-lib-authentication-object.mjs +8 -7
- package/fesm2015/cleavelandprice-ngx-lib-authentication-token-gui.mjs +25 -22
- package/fesm2015/cleavelandprice-ngx-lib-authentication-token-gui.mjs.map +1 -1
- package/fesm2015/cleavelandprice-ngx-lib-authentication-token.mjs +8 -7
- package/fesm2015/cleavelandprice-ngx-lib-authentication.mjs +5 -4
- package/fesm2015/cleavelandprice-ngx-lib-dialog.mjs +32 -29
- package/fesm2015/cleavelandprice-ngx-lib-dialog.mjs.map +1 -1
- package/fesm2015/cleavelandprice-ngx-lib-msgraph.mjs +5 -4
- package/fesm2015/cleavelandprice-ngx-lib-quill-mention.mjs +14 -12
- package/fesm2015/cleavelandprice-ngx-lib-quill-mention.mjs.map +1 -1
- package/fesm2015/cleavelandprice-ngx-lib-quill.mjs +19 -16
- package/fesm2015/cleavelandprice-ngx-lib-quill.mjs.map +1 -1
- package/fesm2015/cleavelandprice-ngx-lib-sharepoint.mjs +14 -13
- package/fesm2015/cleavelandprice-ngx-lib-upload.mjs +20 -19
- package/fesm2015/cleavelandprice-ngx-lib-upload.mjs.map +1 -1
- package/fesm2015/cleavelandprice-ngx-lib-url-utilities.mjs +14 -13
- package/fesm2015/cleavelandprice-ngx-lib.mjs +8 -7
- package/fesm2020/cleavelandprice-ngx-lib-active-directory-gui.mjs +65 -64
- package/fesm2020/cleavelandprice-ngx-lib-active-directory-gui.mjs.map +1 -1
- package/fesm2020/cleavelandprice-ngx-lib-active-directory.mjs +8 -7
- package/fesm2020/cleavelandprice-ngx-lib-authentication-object.mjs +8 -7
- package/fesm2020/cleavelandprice-ngx-lib-authentication-token-gui.mjs +25 -22
- package/fesm2020/cleavelandprice-ngx-lib-authentication-token-gui.mjs.map +1 -1
- package/fesm2020/cleavelandprice-ngx-lib-authentication-token.mjs +8 -7
- package/fesm2020/cleavelandprice-ngx-lib-authentication.mjs +5 -4
- package/fesm2020/cleavelandprice-ngx-lib-dialog.mjs +32 -29
- package/fesm2020/cleavelandprice-ngx-lib-dialog.mjs.map +1 -1
- package/fesm2020/cleavelandprice-ngx-lib-msgraph.mjs +5 -4
- package/fesm2020/cleavelandprice-ngx-lib-quill-mention.mjs +14 -12
- package/fesm2020/cleavelandprice-ngx-lib-quill-mention.mjs.map +1 -1
- package/fesm2020/cleavelandprice-ngx-lib-quill.mjs +19 -16
- package/fesm2020/cleavelandprice-ngx-lib-quill.mjs.map +1 -1
- package/fesm2020/cleavelandprice-ngx-lib-sharepoint.mjs +14 -13
- package/fesm2020/cleavelandprice-ngx-lib-upload.mjs +20 -19
- package/fesm2020/cleavelandprice-ngx-lib-upload.mjs.map +1 -1
- package/fesm2020/cleavelandprice-ngx-lib-url-utilities.mjs +14 -13
- package/fesm2020/cleavelandprice-ngx-lib.mjs +8 -7
- package/package.json +4 -4
- package/quill/components/editor/editor.component.d.ts +2 -2
- package/quill/components/raw/raw.component.d.ts +1 -1
- package/quill/mention/components/editor/editor.component.d.ts +2 -2
- package/sharepoint/components/employee-photo/employee-photo.component.d.ts +1 -1
- package/upload/components/upload/upload.component.d.ts +2 -2
- package/upload/components/upload-dialog/upload-dialog.component.d.ts +2 -2
|
@@ -9,9 +9,9 @@ export class SafeUrlPipe {
|
|
|
9
9
|
return this.domSanitizer.bypassSecurityTrustUrl(value);
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
|
-
SafeUrlPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
13
|
-
SafeUrlPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
14
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
12
|
+
SafeUrlPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SafeUrlPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
|
|
13
|
+
SafeUrlPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: SafeUrlPipe, name: "safeUrl" });
|
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SafeUrlPipe, decorators: [{
|
|
15
15
|
type: Pipe,
|
|
16
16
|
args: [{
|
|
17
17
|
name: 'safeUrl'
|
|
@@ -93,9 +93,9 @@ export class UriSchemePipe {
|
|
|
93
93
|
}
|
|
94
94
|
}
|
|
95
95
|
}
|
|
96
|
-
UriSchemePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
97
|
-
UriSchemePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
98
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
96
|
+
UriSchemePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: UriSchemePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
97
|
+
UriSchemePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: UriSchemePipe, name: "uriScheme", pure: false });
|
|
98
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: UriSchemePipe, decorators: [{
|
|
99
99
|
type: Pipe,
|
|
100
100
|
args: [{
|
|
101
101
|
name: 'uriScheme',
|
|
@@ -6,14 +6,14 @@ import { UriSchemePipe } from './pipes/uri-scheme.pipe';
|
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export class UrlUtilitiesModule {
|
|
8
8
|
}
|
|
9
|
-
UrlUtilitiesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10
|
-
UrlUtilitiesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
9
|
+
UrlUtilitiesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: UrlUtilitiesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
10
|
+
UrlUtilitiesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: UrlUtilitiesModule, declarations: [SafeResourceUrlPipe,
|
|
11
11
|
SafeUrlPipe,
|
|
12
12
|
UriSchemePipe], imports: [CommonModule], exports: [SafeResourceUrlPipe,
|
|
13
13
|
SafeUrlPipe,
|
|
14
14
|
UriSchemePipe] });
|
|
15
|
-
UrlUtilitiesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
15
|
+
UrlUtilitiesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: UrlUtilitiesModule, imports: [CommonModule] });
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: UrlUtilitiesModule, decorators: [{
|
|
17
17
|
type: NgModule,
|
|
18
18
|
args: [{
|
|
19
19
|
declarations: [
|
|
@@ -4,31 +4,31 @@ import * as i0 from '@angular/core';
|
|
|
4
4
|
import { Component, Inject, ViewChild, EventEmitter, Output, Input, NgModule } from '@angular/core';
|
|
5
5
|
import * as i5 from '@angular/forms';
|
|
6
6
|
import { FormGroup, FormControl, ReactiveFormsModule } from '@angular/forms';
|
|
7
|
-
import * as i1 from '@angular/material/dialog';
|
|
8
|
-
import {
|
|
9
|
-
import * as i10 from '@angular/material/list';
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
7
|
+
import * as i1 from '@angular/material/legacy-dialog';
|
|
8
|
+
import { MAT_LEGACY_DIALOG_DATA, MatLegacyDialogModule } from '@angular/material/legacy-dialog';
|
|
9
|
+
import * as i10 from '@angular/material/legacy-list';
|
|
10
|
+
import { MatLegacySelectionList, MatLegacyListModule } from '@angular/material/legacy-list';
|
|
11
|
+
import { MatLegacyTableDataSource, MatLegacyTableModule } from '@angular/material/legacy-table';
|
|
12
12
|
import { of, forkJoin, debounceTime } from 'rxjs';
|
|
13
13
|
import * as i3 from '@cleavelandprice/ngx-lib/sharepoint';
|
|
14
14
|
import * as i4 from '@angular/common';
|
|
15
15
|
import { CommonModule } from '@angular/common';
|
|
16
|
-
import * as i6 from '@angular/material/button';
|
|
17
|
-
import {
|
|
18
|
-
import * as i7 from '@angular/material/form-field';
|
|
19
|
-
import {
|
|
16
|
+
import * as i6 from '@angular/material/legacy-button';
|
|
17
|
+
import { MatLegacyButtonModule } from '@angular/material/legacy-button';
|
|
18
|
+
import * as i7 from '@angular/material/legacy-form-field';
|
|
19
|
+
import { MatLegacyFormFieldModule } from '@angular/material/legacy-form-field';
|
|
20
20
|
import * as i8 from '@angular/material/icon';
|
|
21
21
|
import { MatIconModule } from '@angular/material/icon';
|
|
22
|
-
import * as i9 from '@angular/material/input';
|
|
23
|
-
import {
|
|
24
|
-
import * as i11 from '@angular/material/progress-spinner';
|
|
25
|
-
import {
|
|
26
|
-
import * as i12 from '@angular/material/slide-toggle';
|
|
27
|
-
import {
|
|
28
|
-
import * as i13 from '@angular/material/tooltip';
|
|
29
|
-
import {
|
|
30
|
-
import * as i10$1 from '@angular/material/progress-bar';
|
|
31
|
-
import {
|
|
22
|
+
import * as i9 from '@angular/material/legacy-input';
|
|
23
|
+
import { MatLegacyInputModule } from '@angular/material/legacy-input';
|
|
24
|
+
import * as i11 from '@angular/material/legacy-progress-spinner';
|
|
25
|
+
import { MatLegacyProgressSpinnerModule } from '@angular/material/legacy-progress-spinner';
|
|
26
|
+
import * as i12 from '@angular/material/legacy-slide-toggle';
|
|
27
|
+
import { MatLegacySlideToggleModule } from '@angular/material/legacy-slide-toggle';
|
|
28
|
+
import * as i13 from '@angular/material/legacy-tooltip';
|
|
29
|
+
import { MatLegacyTooltipModule } from '@angular/material/legacy-tooltip';
|
|
30
|
+
import * as i10$1 from '@angular/material/legacy-progress-bar';
|
|
31
|
+
import { MatLegacyProgressBarModule } from '@angular/material/legacy-progress-bar';
|
|
32
32
|
|
|
33
33
|
class UserChooserFilterOptions {
|
|
34
34
|
constructor() {
|
|
@@ -209,7 +209,7 @@ class UserChooserComponent {
|
|
|
209
209
|
users = this.preSelectUsersByGroupName(users);
|
|
210
210
|
users = this.preSelectUsersByDepartment(users);
|
|
211
211
|
users = this.preSelectUsersByTitle(users);
|
|
212
|
-
this.dataSource = new
|
|
212
|
+
this.dataSource = new MatLegacyTableDataSource(users);
|
|
213
213
|
this.photos = data[1];
|
|
214
214
|
this.setFilterPredicate();
|
|
215
215
|
});
|
|
@@ -432,19 +432,19 @@ class UserChooserComponent {
|
|
|
432
432
|
'';
|
|
433
433
|
}
|
|
434
434
|
}
|
|
435
|
-
UserChooserComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
436
|
-
UserChooserComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
437
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
435
|
+
UserChooserComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: UserChooserComponent, deps: [{ token: MAT_LEGACY_DIALOG_DATA }, { token: i1.MatLegacyDialogRef }, { token: i2.ActiveDirectoryService }, { token: i3.SharePointService }], target: i0.ɵɵFactoryTarget.Component });
|
|
436
|
+
UserChooserComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: UserChooserComponent, selector: "ng-component", viewQueries: [{ propertyName: "selectionList", first: true, predicate: MatLegacySelectionList, descendants: true }, { propertyName: "filterInput", first: true, predicate: ["filterInput"], descendants: true }], ngImport: i0, template: "<div id=\"dialog-title\">\n <h2 mat-dialog-title>{{ data.title }}</h2>\n\n <div>\n {{ selectedOptions.length }} selected\n </div>\n</div>\n\n<mat-dialog-content>\n <div *ngIf=\"!(dataSource && photos)\">\n <mat-spinner [diameter]=\"50\"></mat-spinner>\n <h2 id=\"spinner-message\">Getting users and photos...</h2>\n </div>\n\n <ng-container *ngIf=\"dataSource && photos\">\n <form [formGroup]=\"filterForm\">\n <mat-form-field *ngIf=\"dataSource\">\n <input matInput placeholder=\"Search\" formControlName=\"filter\" #filterInput>\n\n <button *ngIf=\"filterForm.value.filter\" matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"filterForm.get('filter')?.setValue('')\">\n <mat-icon fontIcon=\"close\"></mat-icon>\n </button>\n </mat-form-field>\n </form>\n\n <mat-selection-list [multiple]=\"isMultiMode\"\n (selectionChange)=\"listSelectionChanged($event.options)\">\n\n <mat-list-option *ngFor=\"let user of dataSource?.filteredData\" [value]=\"user\" [selected]=\"user.selected\"\n (selectedChange)=\"optionSelectionChanged(option)\" #option>\n\n <img *ngIf=\"getPhoto(user)\" matListAvatar alt=\"\" [src]=\"getPhoto(user)\">\n\n <mat-icon *ngIf=\"!getPhoto(user)\" matListAvatar class=\"no-photo\"\n fontIcon=\"account_circle\">\n </mat-icon>\n \n <div class=\"user\">\n <div [matTooltip]=\"tooltip(user)\" class=\"user-name\">\n {{ user.displayName }}\n <div *ngIf=\"data.showPhone && user.telephoneNumber\">{{ user.telephoneNumber }}</div>\n </div>\n \n <div>{{ user.department }}</div>\n \n <div class=\"title\">{{ user.title }}</div>\n </div>\n </mat-list-option>\n </mat-selection-list>\n </ng-container>\n</mat-dialog-content>\n\n<mat-dialog-actions>\n <ng-container *ngIf=\"dataSource && photos\">\n <mat-slide-toggle *ngIf=\"selectedOptions.length\" (change)=\"hideUnselectedChanged($event.checked)\">\n Hide Unselected\n </mat-slide-toggle>\n\n <button mat-raised-button color=\"primary\" (click)=\"selectAll()\"\n *ngIf=\"isMultiMode\">\n <mat-icon fontIcon=\"select_all\"></mat-icon>\n <span class=\"hide-mobile\">Select All</span>\n </button>\n \n <button mat-raised-button color=\"primary\" (click)=\"deselectAll()\"\n *ngIf=\"isMultiMode && selectedOptions.length\">\n <mat-icon fontIcon=\"clear_all\"></mat-icon>\n <span class=\"hide-mobile\">Clear All</span>\n </button>\n\n <button *ngIf=\"isMultiMode || !data.closeWhenSelectionMade\" mat-raised-button color=\"primary\" (click)=\"close()\" matTooltip=\"Accept your selection\"\n [disabled]=\"!selectedOptions.length\">\n <mat-icon fontIcon=\"check\"></mat-icon>\n <span class=\"hide-mobile\">Ok</span>\n </button>\n </ng-container>\n\n <button mat-raised-button color=\"warn\" mat-dialog-close matTooltip=\"Close this window\">\n <mat-icon fontIcon=\"close\"></mat-icon>\n <span class=\"hide-mobile\">Cancel</span>\n </button>\n</mat-dialog-actions>", styles: ["::ng-deep .mat-tooltip{font-size:1em!important;white-space:pre-line}mat-dialog-content{min-width:50vw}#dialog-title{display:flex;justify-content:space-between}.mat-spinner{margin:0 auto}#spinner-message{text-align:center;padding:.5em}mat-form-field{width:100%}.title{font-style:italic;color:#757575}img,.no-photo{width:2rem;height:2rem;font-size:2.3rem!important;border-radius:100%}.hide-mobile{display:none}mat-dialog-actions{display:grid;grid-auto-flow:column;grid-gap:1em;justify-content:center}.user-name{display:flex;justify-content:space-between}.user-name>div:last-child{margin-right:10rem;font-weight:400;font-style:italic;color:#757575}@media (min-width:801px){.user{display:grid;grid-template-columns:1fr 1fr 1fr}.user>div:first-child{font-weight:700}.hide-mobile{display:initial}}\n", ".material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i6.MatLegacyButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i1.MatLegacyDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatLegacyDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatLegacyDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatLegacyDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i7.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatLegacySuffix, selector: "[matSuffix]" }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i9.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "directive", type: i10.MatLegacyListAvatarCssMatStyler, selector: "[mat-list-avatar], [matListAvatar]" }, { kind: "component", type: i10.MatLegacySelectionList, selector: "mat-selection-list", inputs: ["disableRipple", "color", "compareWith", "disabled", "multiple"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i10.MatLegacyListOption, selector: "mat-list-option", inputs: ["disableRipple", "checkboxPosition", "color", "value", "disabled", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { kind: "component", type: i11.MatLegacyProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i12.MatLegacySlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }, { kind: "directive", type: i13.MatLegacyTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
|
|
437
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: UserChooserComponent, decorators: [{
|
|
438
438
|
type: Component,
|
|
439
439
|
args: [{ template: "<div id=\"dialog-title\">\n <h2 mat-dialog-title>{{ data.title }}</h2>\n\n <div>\n {{ selectedOptions.length }} selected\n </div>\n</div>\n\n<mat-dialog-content>\n <div *ngIf=\"!(dataSource && photos)\">\n <mat-spinner [diameter]=\"50\"></mat-spinner>\n <h2 id=\"spinner-message\">Getting users and photos...</h2>\n </div>\n\n <ng-container *ngIf=\"dataSource && photos\">\n <form [formGroup]=\"filterForm\">\n <mat-form-field *ngIf=\"dataSource\">\n <input matInput placeholder=\"Search\" formControlName=\"filter\" #filterInput>\n\n <button *ngIf=\"filterForm.value.filter\" matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"filterForm.get('filter')?.setValue('')\">\n <mat-icon fontIcon=\"close\"></mat-icon>\n </button>\n </mat-form-field>\n </form>\n\n <mat-selection-list [multiple]=\"isMultiMode\"\n (selectionChange)=\"listSelectionChanged($event.options)\">\n\n <mat-list-option *ngFor=\"let user of dataSource?.filteredData\" [value]=\"user\" [selected]=\"user.selected\"\n (selectedChange)=\"optionSelectionChanged(option)\" #option>\n\n <img *ngIf=\"getPhoto(user)\" matListAvatar alt=\"\" [src]=\"getPhoto(user)\">\n\n <mat-icon *ngIf=\"!getPhoto(user)\" matListAvatar class=\"no-photo\"\n fontIcon=\"account_circle\">\n </mat-icon>\n \n <div class=\"user\">\n <div [matTooltip]=\"tooltip(user)\" class=\"user-name\">\n {{ user.displayName }}\n <div *ngIf=\"data.showPhone && user.telephoneNumber\">{{ user.telephoneNumber }}</div>\n </div>\n \n <div>{{ user.department }}</div>\n \n <div class=\"title\">{{ user.title }}</div>\n </div>\n </mat-list-option>\n </mat-selection-list>\n </ng-container>\n</mat-dialog-content>\n\n<mat-dialog-actions>\n <ng-container *ngIf=\"dataSource && photos\">\n <mat-slide-toggle *ngIf=\"selectedOptions.length\" (change)=\"hideUnselectedChanged($event.checked)\">\n Hide Unselected\n </mat-slide-toggle>\n\n <button mat-raised-button color=\"primary\" (click)=\"selectAll()\"\n *ngIf=\"isMultiMode\">\n <mat-icon fontIcon=\"select_all\"></mat-icon>\n <span class=\"hide-mobile\">Select All</span>\n </button>\n \n <button mat-raised-button color=\"primary\" (click)=\"deselectAll()\"\n *ngIf=\"isMultiMode && selectedOptions.length\">\n <mat-icon fontIcon=\"clear_all\"></mat-icon>\n <span class=\"hide-mobile\">Clear All</span>\n </button>\n\n <button *ngIf=\"isMultiMode || !data.closeWhenSelectionMade\" mat-raised-button color=\"primary\" (click)=\"close()\" matTooltip=\"Accept your selection\"\n [disabled]=\"!selectedOptions.length\">\n <mat-icon fontIcon=\"check\"></mat-icon>\n <span class=\"hide-mobile\">Ok</span>\n </button>\n </ng-container>\n\n <button mat-raised-button color=\"warn\" mat-dialog-close matTooltip=\"Close this window\">\n <mat-icon fontIcon=\"close\"></mat-icon>\n <span class=\"hide-mobile\">Cancel</span>\n </button>\n</mat-dialog-actions>", styles: ["::ng-deep .mat-tooltip{font-size:1em!important;white-space:pre-line}mat-dialog-content{min-width:50vw}#dialog-title{display:flex;justify-content:space-between}.mat-spinner{margin:0 auto}#spinner-message{text-align:center;padding:.5em}mat-form-field{width:100%}.title{font-style:italic;color:#757575}img,.no-photo{width:2rem;height:2rem;font-size:2.3rem!important;border-radius:100%}.hide-mobile{display:none}mat-dialog-actions{display:grid;grid-auto-flow:column;grid-gap:1em;justify-content:center}.user-name{display:flex;justify-content:space-between}.user-name>div:last-child{margin-right:10rem;font-weight:400;font-style:italic;color:#757575}@media (min-width:801px){.user{display:grid;grid-template-columns:1fr 1fr 1fr}.user>div:first-child{font-weight:700}.hide-mobile{display:initial}}\n", ".material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}\n"] }]
|
|
440
440
|
}], ctorParameters: function () {
|
|
441
441
|
return [{ type: UserChooserData, decorators: [{
|
|
442
442
|
type: Inject,
|
|
443
|
-
args: [
|
|
444
|
-
}] }, { type: i1.
|
|
443
|
+
args: [MAT_LEGACY_DIALOG_DATA]
|
|
444
|
+
}] }, { type: i1.MatLegacyDialogRef }, { type: i2.ActiveDirectoryService }, { type: i3.SharePointService }];
|
|
445
445
|
}, propDecorators: { selectionList: [{
|
|
446
446
|
type: ViewChild,
|
|
447
|
-
args: [
|
|
447
|
+
args: [MatLegacySelectionList]
|
|
448
448
|
}], filterInput: [{
|
|
449
449
|
type: ViewChild,
|
|
450
450
|
args: ['filterInput']
|
|
@@ -545,12 +545,12 @@ class UserFormFieldComponent {
|
|
|
545
545
|
})) === null || _b === void 0 ? void 0 : _b.encodedAbsUrl;
|
|
546
546
|
}
|
|
547
547
|
}
|
|
548
|
-
UserFormFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
549
|
-
UserFormFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
550
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
548
|
+
UserFormFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: UserFormFieldComponent, deps: [{ token: i1.MatLegacyDialog }, { token: i2.ActiveDirectoryService }, { token: i3.SharePointService }], target: i0.ɵɵFactoryTarget.Component });
|
|
549
|
+
UserFormFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: UserFormFieldComponent, selector: "cp-user-field", inputs: { placeholder: "placeholder", clickable: "clickable", userChooserData: "userChooserData" }, outputs: { usersSelected: "usersSelected", userUnSelected: "userUnSelected" }, ngImport: i0, template: "<!-- In Microsoft Edge, selectEmployee() never gets called if the input fields are disabled\n So... I'm dynamically setting the disabled property based on whether or not the browser is Edge.\n It's definitely a better experience if the field IS disabled.\n Otherwise, it's confusing - especially because Edge is SO SLOW to display the resulting dialog window.\n-->\n\n<mat-progress-bar *ngIf=\"!(users && photos)\" mode=\"indeterminate\"></mat-progress-bar>\n\n<div *ngIf=\"users && photos\" (click)=\"selectUser()\" [class.clickable]=\"clickable\">\n <mat-form-field *ngIf=\"!accountNames?.length\">\n <input matInput [disabled]=\"!isEdge\" [placeholder]=\"placeholder\">\n </mat-form-field>\n \n <div *ngIf=\"accountNames?.length\"\n [class.grid]=\"accountNames.length > 1\"\n [class.three]=\"accountNames.length > 2\"\n [class.four]=\"accountNames.length > 3\"\n [class.five]=\"accountNames.length > 4\">\n\n <div *ngFor=\"let accountName of accountNames; let i=index\" class=\"user\">\n <!--<img *ngIf=\"accountName && empUtils.getEmployee(accountName)\" alt=\"\" [src]=\"empUtils.getEmployee(accountName) | employeePhotoUrl:cacheService.photos\">-->\n <img *ngIf=\"getPhoto(accountName)\" matListAvatar alt=\"\" [src]=\"getPhoto(accountName)\">\n \n <mat-form-field>\n <input matInput [disabled]=\"!isEdge\" [placeholder]=\"i === 0 ? placeholder : ''\"\n [value]=\"accountName ? getUser(accountName)?.displayName : accountName\">\n\n <button matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"$event.stopPropagation(); unSelectUser(accountName)\">\n <mat-icon fontIcon=\"close\"></mat-icon>\n </button>\n </mat-form-field>\n </div>\n </div>\n </div>", styles: [".user{display:grid;grid-template-columns:auto 1fr;grid-gap:.5em;align-items:center}.clickable,.clickable input{cursor:pointer!important}img{width:2em;height:2em;border-radius:100%}@media (min-width:801px){.grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1em}.three{grid-template-columns:repeat(3,1fr)}.four{grid-template-columns:repeat(4,1fr)}.five{grid-template-columns:repeat(5,1fr)}::ng-deep .grid mat-form-field{width:15vw}}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.MatLegacyButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatLegacySuffix, selector: "[matSuffix]" }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i9.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "directive", type: i10.MatLegacyListAvatarCssMatStyler, selector: "[mat-list-avatar], [matListAvatar]" }, { kind: "component", type: i10$1.MatLegacyProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }] });
|
|
550
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: UserFormFieldComponent, decorators: [{
|
|
551
551
|
type: Component,
|
|
552
552
|
args: [{ selector: 'cp-user-field', template: "<!-- In Microsoft Edge, selectEmployee() never gets called if the input fields are disabled\n So... I'm dynamically setting the disabled property based on whether or not the browser is Edge.\n It's definitely a better experience if the field IS disabled.\n Otherwise, it's confusing - especially because Edge is SO SLOW to display the resulting dialog window.\n-->\n\n<mat-progress-bar *ngIf=\"!(users && photos)\" mode=\"indeterminate\"></mat-progress-bar>\n\n<div *ngIf=\"users && photos\" (click)=\"selectUser()\" [class.clickable]=\"clickable\">\n <mat-form-field *ngIf=\"!accountNames?.length\">\n <input matInput [disabled]=\"!isEdge\" [placeholder]=\"placeholder\">\n </mat-form-field>\n \n <div *ngIf=\"accountNames?.length\"\n [class.grid]=\"accountNames.length > 1\"\n [class.three]=\"accountNames.length > 2\"\n [class.four]=\"accountNames.length > 3\"\n [class.five]=\"accountNames.length > 4\">\n\n <div *ngFor=\"let accountName of accountNames; let i=index\" class=\"user\">\n <!--<img *ngIf=\"accountName && empUtils.getEmployee(accountName)\" alt=\"\" [src]=\"empUtils.getEmployee(accountName) | employeePhotoUrl:cacheService.photos\">-->\n <img *ngIf=\"getPhoto(accountName)\" matListAvatar alt=\"\" [src]=\"getPhoto(accountName)\">\n \n <mat-form-field>\n <input matInput [disabled]=\"!isEdge\" [placeholder]=\"i === 0 ? placeholder : ''\"\n [value]=\"accountName ? getUser(accountName)?.displayName : accountName\">\n\n <button matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"$event.stopPropagation(); unSelectUser(accountName)\">\n <mat-icon fontIcon=\"close\"></mat-icon>\n </button>\n </mat-form-field>\n </div>\n </div>\n </div>", styles: [".user{display:grid;grid-template-columns:auto 1fr;grid-gap:.5em;align-items:center}.clickable,.clickable input{cursor:pointer!important}img{width:2em;height:2em;border-radius:100%}@media (min-width:801px){.grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1em}.three{grid-template-columns:repeat(3,1fr)}.four{grid-template-columns:repeat(4,1fr)}.five{grid-template-columns:repeat(5,1fr)}::ng-deep .grid mat-form-field{width:15vw}}\n"] }]
|
|
553
|
-
}], ctorParameters: function () { return [{ type: i1.
|
|
553
|
+
}], ctorParameters: function () { return [{ type: i1.MatLegacyDialog }, { type: i2.ActiveDirectoryService }, { type: i3.SharePointService }]; }, propDecorators: { usersSelected: [{
|
|
554
554
|
type: Output
|
|
555
555
|
}], userUnSelected: [{
|
|
556
556
|
type: Output
|
|
@@ -564,36 +564,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
564
564
|
|
|
565
565
|
class GuiModule {
|
|
566
566
|
}
|
|
567
|
-
GuiModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
568
|
-
GuiModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
567
|
+
GuiModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: GuiModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
568
|
+
GuiModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: GuiModule, declarations: [UserChooserComponent,
|
|
569
569
|
UserFormFieldComponent], imports: [CommonModule,
|
|
570
570
|
ReactiveFormsModule,
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
571
|
+
MatLegacyButtonModule,
|
|
572
|
+
MatLegacyDialogModule,
|
|
573
|
+
MatLegacyFormFieldModule,
|
|
574
574
|
MatIconModule,
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
575
|
+
MatLegacyInputModule,
|
|
576
|
+
MatLegacyListModule,
|
|
577
|
+
MatLegacyProgressBarModule,
|
|
578
|
+
MatLegacyProgressSpinnerModule,
|
|
579
|
+
MatLegacySlideToggleModule,
|
|
580
|
+
MatLegacyTableModule,
|
|
581
|
+
MatLegacyTooltipModule], exports: [UserChooserComponent,
|
|
582
582
|
UserFormFieldComponent] });
|
|
583
|
-
GuiModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
583
|
+
GuiModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: GuiModule, imports: [CommonModule,
|
|
584
584
|
ReactiveFormsModule,
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
585
|
+
MatLegacyButtonModule,
|
|
586
|
+
MatLegacyDialogModule,
|
|
587
|
+
MatLegacyFormFieldModule,
|
|
588
588
|
MatIconModule,
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
589
|
+
MatLegacyInputModule,
|
|
590
|
+
MatLegacyListModule,
|
|
591
|
+
MatLegacyProgressBarModule,
|
|
592
|
+
MatLegacyProgressSpinnerModule,
|
|
593
|
+
MatLegacySlideToggleModule,
|
|
594
|
+
MatLegacyTableModule,
|
|
595
|
+
MatLegacyTooltipModule] });
|
|
596
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: GuiModule, decorators: [{
|
|
597
597
|
type: NgModule,
|
|
598
598
|
args: [{
|
|
599
599
|
declarations: [
|
|
@@ -603,17 +603,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
603
603
|
imports: [
|
|
604
604
|
CommonModule,
|
|
605
605
|
ReactiveFormsModule,
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
606
|
+
MatLegacyButtonModule,
|
|
607
|
+
MatLegacyDialogModule,
|
|
608
|
+
MatLegacyFormFieldModule,
|
|
609
609
|
MatIconModule,
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
610
|
+
MatLegacyInputModule,
|
|
611
|
+
MatLegacyListModule,
|
|
612
|
+
MatLegacyProgressBarModule,
|
|
613
|
+
MatLegacyProgressSpinnerModule,
|
|
614
|
+
MatLegacySlideToggleModule,
|
|
615
|
+
MatLegacyTableModule,
|
|
616
|
+
MatLegacyTooltipModule
|
|
617
617
|
],
|
|
618
618
|
exports: [
|
|
619
619
|
UserChooserComponent,
|
|
@@ -628,3 +628,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
|
|
|
628
628
|
|
|
629
629
|
export { GuiModule, UserChooserComponent, UserChooserData, UserChooserFilterOptions, UserChooserMode, UserChooserPreProcessingGroup, UserFormFieldComponent };
|
|
630
630
|
//# sourceMappingURL=cleavelandprice-ngx-lib-active-directory-gui.mjs.map
|
|
631
|
+
//# sourceMappingURL=cleavelandprice-ngx-lib-active-directory-gui.mjs.map
|