npm - @cleavelandprice/ngx-lib - Versions diffs - 4.5.2 → 4.5.4 - Mend

@cleavelandprice/ngx-lib 4.5.2 → 4.5.4

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.

Files changed (19) hide show

package/fesm2022/cleavelandprice-ngx-lib-authentication-material.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cleavelandprice-ngx-lib-authentication-material.mjs","sources":["../../../../projects/cleavelandprice/ngx-lib/authentication/material/src/model/mat-authentication-service-options-token.ts","../../../../projects/cleavelandprice/ngx-lib/authentication/material/src/services/mat-authentication.service.ts","../../../../projects/cleavelandprice/ngx-lib/authentication/material/src/components/login-form/login-form.component.ts","../../../../projects/cleavelandprice/ngx-lib/authentication/material/src/components/login-form/login-form.component.html","../../../../projects/cleavelandprice/ngx-lib/authentication/material/src/components/login/login.component.ts","../../../../projects/cleavelandprice/ngx-lib/authentication/material/src/components/login/login.component.html","../../../../projects/cleavelandprice/ngx-lib/authentication/material/src/mat-authentication.module.ts","../../../../projects/cleavelandprice/ngx-lib/authentication/material/src/cleavelandprice-ngx-lib-authentication-material.ts"],"sourcesContent":["import { InjectionToken } from \"@angular/core\";\r\nimport { MatAuthenticationServiceOptions } from \"./mat-authentication-service-options\";\r\n\r\nexport const MatAuthenticationServiceOptionsToken = new InjectionToken<MatAuthenticationServiceOptions>('');","import { Inject, inject, Injectable, Optional } from '@angular/core';\r\nimport { JwtHelperService } from '@auth0/angular-jwt';\r\n\r\nimport { SharePointService } from '@cleavelandprice/ngx-lib/sharepoint';\r\n\r\nimport {\r\n AuthenticationToken,\r\n AuthenticationTokenService\r\n} from '@cleavelandprice/ngx-lib/authentication/token';\r\nimport { MatAuthenticationServiceOptions } from '../model/mat-authentication-service-options';\r\nimport { MatAuthenticationServiceOptionsToken } from '../model/mat-authentication-service-options-token';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class MatAuthenticationService extends AuthenticationTokenService {\r\n #sharePointService = inject(SharePointService);\r\n\r\n override options!: MatAuthenticationServiceOptions;\r\n\r\n //#region Lifecycle\r\n constructor(@Optional() @Inject(MatAuthenticationServiceOptionsToken) constructorOptions: MatAuthenticationServiceOptions) {\r\n super({...constructorOptions, deferTokenValidation: true});\r\n\r\n // When super() was called, the parent class defined the 'options' object with all of the other properties\r\n this.options = { ...this.options, ...constructorOptions };\r\n this.checkForExistingToken();\r\n }\r\n //#endregion\r\n\r\n //#region Utilities\r\n override validateUser(token: string): void {\r\n const jwtHelper = new JwtHelperService();\r\n const decoded = jwtHelper.decodeToken(token) as AuthenticationToken;\r\n\r\n if (jwtHelper.isTokenExpired(token)) {\r\n this.logout();\r\n return;\r\n }\r\n\r\n this.authenticatedUser = {\r\n admin: decoded.role === 'Admin',\r\n displayName: decoded.displayName,\r\n accountName: decoded.winaccountname,\r\n distinguishedName: decoded.distinguishedName,\r\n employeeNumber: decoded.employeeNumber,\r\n memberOf: decoded.memberOf\r\n };\r\n\r\n this.storage.setItem(this.options.tokenName!, token);\r\n\r\n this.#getPhoto();\r\n \r\n this.authenticated = true;\r\n this.authenticatedChanged.emit(this.authenticated);\r\n\r\n this.authenticating = false;\r\n this.authenticatingChanged.emit(this.authenticating);\r\n }\r\n\r\n #getPhoto(): void {\r\n this.#sharePointService.getPhotos()\r\n .subscribe(photos => {\r\n // The user may have been logged out by the time the photos came back\r\n if (!this.authenticatedUser?.employeeNumber) {\r\n return;\r\n }\r\n\r\n const photo = photos.find(pic => pic.employeeNumber === +this.authenticatedUser!.employeeNumber);\r\n\r\n if (photo) {\r\n this.authenticatedUser.photoUrl = photo.encodedAbsUrl;\r\n }\r\n });\r\n }\r\n //#endregion\r\n}","import { Component, inject, OnDestroy, OnInit, OutputRefSubscription } from '@angular/core';\r\nimport { FormControl, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';\r\nimport { MAT_DIALOG_DATA, MatDialogActions, MatDialogContent, MatDialogRef } from '@angular/material/dialog';\r\n\r\nimport { MatButton } from '@angular/material/button';\r\nimport { MatFormField } from '@angular/material/form-field';\r\nimport { MatIcon } from '@angular/material/icon';\r\nimport { MatInput } from '@angular/material/input';\r\nimport { MatProgressSpinner } from '@angular/material/progress-spinner';\r\nimport { MatSlideToggle } from '@angular/material/slide-toggle';\r\nimport { LoginFormData } from '../../model/login-form-data';\r\nimport { MatAuthenticationService } from '../../services/mat-authentication.service';\r\n\r\n@Component({\r\n templateUrl: './login-form.component.html',\r\n imports: [\r\n MatButton,\r\n MatDialogActions,\r\n MatDialogContent,\r\n MatFormField,\r\n MatIcon,\r\n MatInput,\r\n MatProgressSpinner,\r\n MatSlideToggle,\r\n ReactiveFormsModule\r\n ],\r\n standalone: true,\r\n styleUrls: [\r\n './login-form.component.scss',\r\n '../../../../../styles/mat-icon.scss'\r\n ]\r\n})\r\nexport class LoginFormComponent implements OnInit, OnDestroy {\r\n #data = inject<LoginFormData>(MAT_DIALOG_DATA);\r\n\r\n services = {\r\n dialogRef: inject(MatDialogRef<LoginFormComponent>),\r\n authentication: inject(MatAuthenticationService)\r\n };\r\n\r\n errorMessage?: string;\r\n authenticatedChangedSubscription!: OutputRefSubscription;\r\n authenticationErrorSubscription!: OutputRefSubscription;\r\n\r\n form = new FormGroup({\r\n username: new FormControl(null, [ Validators.required ]),\r\n password: new FormControl(null, [ Validators.required ]),\r\n adminGroup: new FormControl(),\r\n additionalInfo: new FormControl()\r\n });\r\n\r\n ngOnInit(): void {\r\n this.form.get('adminGroup')?.setValue(this.#data.adminGroup);\r\n this.form.get('additionalInfo')?.setValue(this.#data.additionalInfo);\r\n\r\n this.authenticatedChangedSubscription = this.services.authentication.authenticatedChanged\r\n .subscribe(this.#authChangedHandler.bind(this));\r\n\r\n this.authenticationErrorSubscription = this.services.authentication.authenticationError\r\n .subscribe(this.#errorHandler.bind(this));\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this.authenticationErrorSubscription.unsubscribe();\r\n this.authenticatedChangedSubscription.unsubscribe();\r\n }\r\n\r\n authenticate() {\r\n this.errorMessage = undefined;\r\n const { username, password, adminGroup, additionalInfo } = this.form.value;\r\n this.services.authentication.login(username!, password!, adminGroup, additionalInfo);\r\n }\r\n\r\n #authChangedHandler(authenticated: boolean): void {\r\n if (authenticated) {\r\n this.services.dialogRef.close();\r\n }\r\n }\r\n\r\n #errorHandler(err: any): void {\r\n console.log('Authentication error', err);\r\n this.errorMessage = `${err.name}: ${err.statusText}`;\r\n }\r\n\r\n changeTokenStorageMode(checked: boolean): void {\r\n const keyName = 'storeTokenInSession';\r\n\r\n if (checked) {\r\n if (localStorage.getItem(keyName)) {\r\n localStorage.removeItem(keyName);\r\n }\r\n } else {\r\n localStorage.setItem(keyName, 'true');\r\n }\r\n }\r\n}\r\n","<h2 mat-dialog-title>\r\n @if (services.authentication.authenticating) {\r\n <span>Authenticating...</span>\r\n } @else {\r\n <span>Login</span>\r\n }\r\n</h2>\r\n\r\n<mat-dialog-content>\r\n @if (services.authentication.authenticating) {\r\n <div id=\"spinner\">\r\n <mat-progress-spinner color=\"primary\" mode=\"indeterminate\"/>\r\n </div>\r\n } @else if (errorMessage) {\r\n <div id=\"error\">\r\n {{ errorMessage }}\r\n </div>\r\n } @else {\r\n <form [formGroup]=\"form\">\r\n <mat-form-field>\r\n <input matInput formControlName=\"username\" placeholder=\"Username\" (keyup.enter)=\"authenticate()\">\r\n </mat-form-field>\r\n <mat-form-field>\r\n <input matInput formControlName=\"password\" type=\"password\" placeholder=\"Password\" (keyup.enter)=\"authenticate()\">\r\n </mat-form-field>\r\n @if (services.authentication.options.showRememberMeOption) {\r\n <mat-slide-toggle [checked]=\"!services.authentication.useSessionStorage\" (change)=\"changeTokenStorageMode($event.checked)\">\r\n Remember me next time\r\n </mat-slide-toggle>\r\n }\r\n </form>\r\n }\r\n</mat-dialog-content>\r\n\r\n@if (!services.authentication.authenticating) {\r\n <mat-dialog-actions>\r\n <button mat-raised-button color=\"primary\" (click)=\"authenticate()\"\r\n [disabled]=\"form.invalid\">\r\n <mat-icon fontIcon=\"done\"/>\r\n <span>OK</span>\r\n </button>\r\n <button mat-raised-button (click)=\"services.dialogRef.close()\">\r\n <mat-icon fontIcon=\"close\"/>\r\n <span>Cancel</span>\r\n </button>\r\n </mat-dialog-actions>\r\n}","import { Component, inject, input } from '@angular/core';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { ConfirmationComponent } from '@cleavelandprice/ngx-lib/dialog';\r\n\r\nimport { MatIcon } from '@angular/material/icon';\r\nimport { MatAuthenticationService } from '../../services/mat-authentication.service';\r\nimport { LoginFormComponent } from '../login-form/login-form.component';\r\n\r\n@Component({\r\n selector: 'cp-login',\r\n imports: [\r\n MatIcon,\r\n ],\r\n standalone: true,\r\n templateUrl: './login.component.html',\r\n styleUrls: [\r\n './login.component.scss',\r\n '../../../../../styles/mat-icon.scss'\r\n ]\r\n})\r\nexport class LoginComponent {\r\n #services = {\r\n dialog: inject(MatDialog)\r\n };\r\n services = {\r\n authentication: inject(MatAuthenticationService)\r\n };\r\n //#endregion\r\n\r\n adminGroup = input<string>();\r\n additionalInfo = input<string>();\r\n\r\n login(): void {\r\n this.#services.dialog.open(LoginFormComponent, {\r\n data: {\r\n adminGroup: this.adminGroup(),\r\n additionalInfo: this.additionalInfo()\r\n }\r\n });\r\n }\r\n\r\n confirmLogout(): void {\r\n this.#services.dialog.open(ConfirmationComponent, {\r\n data: { message: `Are you sure you want to logout?` }\r\n })\r\n .afterClosed()\r\n .subscribe(result => {\r\n if (result) {\r\n this.services.authentication.logout();\r\n }\r\n });\r\n }\r\n}\r\n","<div id=\"user-id\">\r\n <!-- Logged out -->\r\n <!-- Logged in -->\r\n @if (services.authentication.authenticated) {\r\n <!-- With photo -->\r\n @if (services.authentication.authenticatedUser?.photoUrl) {\r\n <img\r\n id=\"authenticated-user-image\"\r\n [src]=\"services.authentication.authenticatedUser?.photoUrl\"\r\n matTooltip=\"Logout\"\r\n (click)=\"confirmLogout()\" />\r\n } @else {\r\n <!-- Without photo -->\r\n <mat-icon\r\n fontIcon=\"account_circle\"\r\n matTooltip=\"Logout\"\r\n (click)=\"confirmLogout()\">\r\n </mat-icon>\r\n }\r\n <!-- Name -->\r\n <div id=\"user-name\">\r\n {{ services.authentication.authenticatedUser?.displayName }}\r\n </div>\r\n } @else {\r\n <mat-icon\r\n fontIcon=\"account_circle\"\r\n matTooltip=\"Login\"\r\n (click)=\"login()\">\r\n </mat-icon>\r\n }\r\n</div>","import { CommonModule } from '@angular/common';\r\nimport { ModuleWithProviders, NgModule, Optional, SkipSelf } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\nimport { MatSlideToggleModule } from '@angular/material/slide-toggle';\r\n\r\nimport { MatAuthenticationServiceOptions } from './model/mat-authentication-service-options';\r\n\r\n\r\nimport { LoginFormComponent } from './components/login-form/login-form.component';\r\nimport { LoginComponent } from './components/login/login.component';\r\nimport { MatAuthenticationServiceOptionsToken } from './model/mat-authentication-service-options-token';\r\n\r\n@NgModule({\r\n declarations: [],\r\n imports: [\r\n CommonModule,\r\n ReactiveFormsModule,\r\n \r\n MatButtonModule,\r\n MatDialogModule,\r\n MatFormFieldModule,\r\n MatIconModule,\r\n MatInputModule,\r\n MatProgressSpinnerModule,\r\n MatSlideToggleModule,\r\n\r\n LoginComponent,\r\n LoginFormComponent\r\n ],\r\n exports: [\r\n LoginComponent,\r\n LoginFormComponent\r\n ]\r\n})\r\nexport class MatAuthenticationModule {\r\n static forRoot(options: MatAuthenticationServiceOptions): ModuleWithProviders<MatAuthenticationModule> {\r\n return {\r\n ngModule: MatAuthenticationModule,\r\n providers: [\r\n {\r\n provide: MatAuthenticationServiceOptionsToken,\r\n useValue: options\r\n }\r\n ]\r\n };\r\n }\r\n\r\n constructor(@Optional() @SkipSelf() parentModule: MatAuthenticationModule) {\r\n if (parentModule) {\r\n throw new Error(\r\n 'MatAuthenticationModule is already loaded. Import it in the AppModule only');\r\n }\r\n }\r\n}","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './mat-authentication.api';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"cleavelandprice-ngx-lib-authentication-material.mjs","sources":["../../../../projects/cleavelandprice/ngx-lib/authentication/material/src/model/mat-authentication-service-options-token.ts","../../../../projects/cleavelandprice/ngx-lib/authentication/material/src/services/mat-authentication.service.ts","../../../../projects/cleavelandprice/ngx-lib/authentication/material/src/components/login-form/login-form.component.ts","../../../../projects/cleavelandprice/ngx-lib/authentication/material/src/components/login-form/login-form.component.html","../../../../projects/cleavelandprice/ngx-lib/authentication/material/src/components/login/login.component.ts","../../../../projects/cleavelandprice/ngx-lib/authentication/material/src/components/login/login.component.html","../../../../projects/cleavelandprice/ngx-lib/authentication/material/src/mat-authentication.module.ts","../../../../projects/cleavelandprice/ngx-lib/authentication/material/src/cleavelandprice-ngx-lib-authentication-material.ts"],"sourcesContent":["import { InjectionToken } from \"@angular/core\";\r\nimport { MatAuthenticationServiceOptions } from \"./mat-authentication-service-options\";\r\n\r\nexport const MatAuthenticationServiceOptionsToken = new InjectionToken<MatAuthenticationServiceOptions>('');","import { Inject, inject, Injectable, Optional } from '@angular/core';\r\nimport { JwtHelperService } from '@auth0/angular-jwt';\r\n\r\nimport { SharePointService } from '@cleavelandprice/ngx-lib/sharepoint';\r\n\r\nimport {\r\n AuthenticationToken,\r\n AuthenticationTokenService\r\n} from '@cleavelandprice/ngx-lib/authentication/token';\r\nimport { MatAuthenticationServiceOptions } from '../model/mat-authentication-service-options';\r\nimport { MatAuthenticationServiceOptionsToken } from '../model/mat-authentication-service-options-token';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class MatAuthenticationService extends AuthenticationTokenService {\r\n #sharePointService = inject(SharePointService);\r\n\r\n override options!: MatAuthenticationServiceOptions;\r\n\r\n //#region Lifecycle\r\n constructor(@Optional() @Inject(MatAuthenticationServiceOptionsToken) constructorOptions: MatAuthenticationServiceOptions) {\r\n super({...constructorOptions, deferTokenValidation: true});\r\n\r\n // When super() was called, the parent class defined the 'options' object with all of the other properties\r\n this.options = { ...this.options, ...constructorOptions };\r\n this.checkForExistingToken();\r\n }\r\n //#endregion\r\n\r\n //#region Utilities\r\n override validateUser(token: string): void {\r\n const jwtHelper = new JwtHelperService();\r\n const decoded = jwtHelper.decodeToken(token) as AuthenticationToken;\r\n\r\n if (jwtHelper.isTokenExpired(token)) {\r\n this.logout();\r\n return;\r\n }\r\n\r\n this.authenticatedUser = {\r\n admin: decoded.role === 'Admin',\r\n displayName: decoded.displayName,\r\n accountName: decoded.winaccountname,\r\n distinguishedName: decoded.distinguishedName,\r\n employeeNumber: decoded.employeeNumber,\r\n memberOf: decoded.memberOf\r\n };\r\n\r\n this.storage.setItem(this.options.tokenName!, token);\r\n\r\n this.#getPhoto();\r\n \r\n this.authenticated = true;\r\n this.authenticatedChanged.emit(this.authenticated);\r\n\r\n this.authenticating = false;\r\n this.authenticatingChanged.emit(this.authenticating);\r\n }\r\n\r\n #getPhoto(): void {\r\n this.#sharePointService.getPhotos()\r\n .subscribe(photos => {\r\n // The user may have been logged out by the time the photos came back\r\n if (!this.authenticatedUser?.employeeNumber) {\r\n return;\r\n }\r\n\r\n const photo = photos.find(pic => pic.employeeNumber === +this.authenticatedUser!.employeeNumber);\r\n\r\n if (photo) {\r\n this.authenticatedUser.photoUrl = photo.encodedAbsUrl;\r\n }\r\n });\r\n }\r\n //#endregion\r\n}","import { Component, inject, OnDestroy, OnInit, OutputRefSubscription } from '@angular/core';\r\nimport { FormControl, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';\r\nimport { MAT_DIALOG_DATA, MatDialogActions, MatDialogContent, MatDialogRef } from '@angular/material/dialog';\r\n\r\nimport { MatButton } from '@angular/material/button';\r\nimport { MatFormField } from '@angular/material/form-field';\r\nimport { MatIcon } from '@angular/material/icon';\r\nimport { MatInput } from '@angular/material/input';\r\nimport { MatProgressSpinner } from '@angular/material/progress-spinner';\r\nimport { MatSlideToggle } from '@angular/material/slide-toggle';\r\nimport { LoginFormData } from '../../model/login-form-data';\r\nimport { MatAuthenticationService } from '../../services/mat-authentication.service';\r\n\r\n@Component({\r\n templateUrl: './login-form.component.html',\r\n imports: [\r\n MatButton,\r\n MatDialogActions,\r\n MatDialogContent,\r\n MatFormField,\r\n MatIcon,\r\n MatInput,\r\n MatProgressSpinner,\r\n MatSlideToggle,\r\n ReactiveFormsModule\r\n ],\r\n standalone: true,\r\n styleUrls: [\r\n './login-form.component.scss',\r\n '../../../../../styles/mat-icon.scss'\r\n ]\r\n})\r\nexport class LoginFormComponent implements OnInit, OnDestroy {\r\n #data = inject<LoginFormData>(MAT_DIALOG_DATA);\r\n\r\n services = {\r\n dialogRef: inject(MatDialogRef<LoginFormComponent>),\r\n authentication: inject(MatAuthenticationService)\r\n };\r\n\r\n errorMessage?: string;\r\n authenticatedChangedSubscription!: OutputRefSubscription;\r\n authenticationErrorSubscription!: OutputRefSubscription;\r\n\r\n form = new FormGroup({\r\n username: new FormControl(null, [ Validators.required ]),\r\n password: new FormControl(null, [ Validators.required ]),\r\n adminGroup: new FormControl(),\r\n additionalInfo: new FormControl()\r\n });\r\n\r\n ngOnInit(): void {\r\n this.form.get('adminGroup')?.setValue(this.#data.adminGroup);\r\n this.form.get('additionalInfo')?.setValue(this.#data.additionalInfo);\r\n\r\n this.authenticatedChangedSubscription = this.services.authentication.authenticatedChanged\r\n .subscribe(this.#authChangedHandler.bind(this));\r\n\r\n this.authenticationErrorSubscription = this.services.authentication.authenticationError\r\n .subscribe(this.#errorHandler.bind(this));\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this.authenticationErrorSubscription.unsubscribe();\r\n this.authenticatedChangedSubscription.unsubscribe();\r\n }\r\n\r\n authenticate() {\r\n this.errorMessage = undefined;\r\n const { username, password, adminGroup, additionalInfo } = this.form.value;\r\n this.services.authentication.login(username!, password!, adminGroup, additionalInfo);\r\n }\r\n\r\n #authChangedHandler(authenticated: boolean): void {\r\n if (authenticated) {\r\n this.services.dialogRef.close();\r\n }\r\n }\r\n\r\n #errorHandler(err: any): void {\r\n console.log('Authentication error', err);\r\n this.errorMessage = `${err.name}: ${err.statusText}`;\r\n }\r\n\r\n changeTokenStorageMode(checked: boolean): void {\r\n const keyName = 'storeTokenInSession';\r\n\r\n if (checked) {\r\n if (localStorage.getItem(keyName)) {\r\n localStorage.removeItem(keyName);\r\n }\r\n } else {\r\n localStorage.setItem(keyName, 'true');\r\n }\r\n }\r\n}\r\n","<h2 mat-dialog-title>\n @if (services.authentication.authenticating) {\n <span>Authenticating...</span>\n } @else {\n <span>Login</span>\n }\n</h2>\n\n<mat-dialog-content>\n @if (services.authentication.authenticating) {\n <div id=\"spinner\">\n <mat-progress-spinner color=\"primary\" mode=\"indeterminate\"/>\n </div>\n } @else if (errorMessage) {\n <div id=\"error\">\n {{ errorMessage }}\n </div>\n } @else {\n <form [formGroup]=\"form\">\n <mat-form-field>\n <input matInput formControlName=\"username\" placeholder=\"Username\" (keyup.enter)=\"authenticate()\">\n </mat-form-field>\n <mat-form-field>\n <input matInput formControlName=\"password\" type=\"password\" placeholder=\"Password\" (keyup.enter)=\"authenticate()\">\n </mat-form-field>\n @if (services.authentication.options.showRememberMeOption) {\n <mat-slide-toggle [checked]=\"!services.authentication.useSessionStorage\" (change)=\"changeTokenStorageMode($event.checked)\">\n Remember me next time\n </mat-slide-toggle>\n }\n </form>\n }\n</mat-dialog-content>\n\n@if (!services.authentication.authenticating) {\n <mat-dialog-actions>\n <button mat-raised-button color=\"primary\" (click)=\"authenticate()\"\n [disabled]=\"form.invalid\">\n <mat-icon fontIcon=\"done\"/>\n <span>OK</span>\n </button>\n <button mat-raised-button (click)=\"services.dialogRef.close()\">\n <mat-icon fontIcon=\"close\"/>\n <span>Cancel</span>\n </button>\n </mat-dialog-actions>\n}","import { Component, inject, input } from '@angular/core';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { ConfirmationComponent } from '@cleavelandprice/ngx-lib/dialog';\r\n\r\nimport { MatIcon } from '@angular/material/icon';\r\nimport { MatAuthenticationService } from '../../services/mat-authentication.service';\r\nimport { LoginFormComponent } from '../login-form/login-form.component';\r\n\r\n@Component({\r\n selector: 'cp-login',\r\n imports: [\r\n MatIcon,\r\n ],\r\n standalone: true,\r\n templateUrl: './login.component.html',\r\n styleUrls: [\r\n './login.component.scss',\r\n '../../../../../styles/mat-icon.scss'\r\n ]\r\n})\r\nexport class LoginComponent {\r\n #services = {\r\n dialog: inject(MatDialog)\r\n };\r\n services = {\r\n authentication: inject(MatAuthenticationService)\r\n };\r\n //#endregion\r\n\r\n adminGroup = input<string>();\r\n additionalInfo = input<string>();\r\n\r\n login(): void {\r\n this.#services.dialog.open(LoginFormComponent, {\r\n data: {\r\n adminGroup: this.adminGroup(),\r\n additionalInfo: this.additionalInfo()\r\n }\r\n });\r\n }\r\n\r\n confirmLogout(): void {\r\n this.#services.dialog.open(ConfirmationComponent, {\r\n data: { message: `Are you sure you want to logout?` }\r\n })\r\n .afterClosed()\r\n .subscribe(result => {\r\n if (result) {\r\n this.services.authentication.logout();\r\n }\r\n });\r\n }\r\n}\r\n","<div id=\"user-id\">\n <!-- Logged out -->\n <!-- Logged in -->\n @if (services.authentication.authenticated) {\n <!-- With photo -->\n @if (services.authentication.authenticatedUser?.photoUrl) {\n <img\n id=\"authenticated-user-image\"\n [src]=\"services.authentication.authenticatedUser?.photoUrl\"\n matTooltip=\"Logout\"\n (click)=\"confirmLogout()\" />\n } @else {\n <!-- Without photo -->\n <mat-icon\n fontIcon=\"account_circle\"\n matTooltip=\"Logout\"\n (click)=\"confirmLogout()\">\n </mat-icon>\n }\n <!-- Name -->\n <div id=\"user-name\">\n {{ services.authentication.authenticatedUser?.displayName }}\n </div>\n } @else {\n <mat-icon\n fontIcon=\"account_circle\"\n matTooltip=\"Login\"\n (click)=\"login()\">\n </mat-icon>\n }\n</div>","import { CommonModule } from '@angular/common';\r\nimport { ModuleWithProviders, NgModule, Optional, SkipSelf } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\nimport { MatSlideToggleModule } from '@angular/material/slide-toggle';\r\n\r\nimport { MatAuthenticationServiceOptions } from './model/mat-authentication-service-options';\r\n\r\n\r\nimport { LoginFormComponent } from './components/login-form/login-form.component';\r\nimport { LoginComponent } from './components/login/login.component';\r\nimport { MatAuthenticationServiceOptionsToken } from './model/mat-authentication-service-options-token';\r\n\r\n@NgModule({\r\n declarations: [],\r\n imports: [\r\n CommonModule,\r\n ReactiveFormsModule,\r\n \r\n MatButtonModule,\r\n MatDialogModule,\r\n MatFormFieldModule,\r\n MatIconModule,\r\n MatInputModule,\r\n MatProgressSpinnerModule,\r\n MatSlideToggleModule,\r\n\r\n LoginComponent,\r\n LoginFormComponent\r\n ],\r\n exports: [\r\n LoginComponent,\r\n LoginFormComponent\r\n ]\r\n})\r\nexport class MatAuthenticationModule {\r\n static forRoot(options: MatAuthenticationServiceOptions): ModuleWithProviders<MatAuthenticationModule> {\r\n return {\r\n ngModule: MatAuthenticationModule,\r\n providers: [\r\n {\r\n provide: MatAuthenticationServiceOptionsToken,\r\n useValue: options\r\n }\r\n ]\r\n };\r\n }\r\n\r\n constructor(@Optional() @SkipSelf() parentModule: MatAuthenticationModule) {\r\n if (parentModule) {\r\n throw new Error(\r\n 'MatAuthenticationModule is already loaded. Import it in the AppModule only');\r\n }\r\n }\r\n}","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './mat-authentication.api';\n"],"names":[],"mappings":"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"}

package/fesm2022/cleavelandprice-ngx-lib-dialog.mjs CHANGED Viewed

@@ -102,7 +102,7 @@ class BaseComponent {
         this.closed.emit(data);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: BaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: BaseComponent, isStandalone: true, selector: "cp-dialog-base", inputs: { dialogType: { classPropertyName: "dialogType", publicName: "dialogType", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { closed: "closed" }, ngImport: i0, template: "@if (data().title) {\r\n  <h2 mat-dialog-title [innerHTML]=\"data().title\"></h2>\r\n}\r\n\r\n<mat-dialog-content>\r\n  @if (data().message) {\r\n    <div [innerHTML]=\"data().message\"></div>\r\n  }\r\n\r\n  @if (dialogType() === DialogType.Input) {\r\n    <mat-form-field>\r\n      <textarea matInput [placeholder]=\"data().placeholder ?? ''\" [(ngModel)]=\"userInput\"></textarea>\r\n    </mat-form-field>\r\n  }\r\n\r\n  @if (data().checkboxMessage) {\r\n    <div id=\"checkbox\">\r\n      <mat-checkbox [(ngModel)]=\"checkboxValue\">\r\n        <span [innerHTML]=\"data().checkboxMessage\"></span>\r\n      </mat-checkbox>\r\n    </div>\r\n  }\r\n</mat-dialog-content>\r\n\r\n<mat-dialog-actions>\r\n  @if (dialogType() !== DialogType.Choice) {\r\n    <button mat-raised-button (click)=\"close()\" [disabled]=\"dialogType() === DialogType.Input && !userInput\">\r\n      <span>\r\n        @switch (data().mode) {\r\n          @case (ConfirmationDialogMode.YesNo) {\r\n            <span>Yes</span>\r\n          }\r\n          @case (ConfirmationDialogMode.TrueFalse) {\r\n            <span>True</span>\r\n          }\r\n          @case (ConfirmationDialogMode.Custom) {\r\n            <span>{{ customTrueText }}</span>\r\n          }\r\n          @default {\r\n            <span>OK</span>\r\n          }\r\n        }\r\n      </span>\r\n    </button>\r\n    @if (dialogType() !== DialogType.Message) {\r\n      <button mat-raised-button (click)=\"cancel()\">\r\n        <span>\r\n          @switch (data().mode) {\r\n            @case (ConfirmationDialogMode.YesNo) {\r\n              <span>No</span>\r\n            }\r\n            @case (ConfirmationDialogMode.TrueFalse) {\r\n              <span>False</span>\r\n            }\r\n            @case (ConfirmationDialogMode.Custom) {\r\n              <span>{{ customFalseText }}</span>\r\n            }\r\n            @default {\r\n              <span>Cancel</span>\r\n            }\r\n          }\r\n        </span>\r\n      </button>\r\n    }\r\n  }\r\n\r\n  @if (dialogType() === DialogType.Choice) {\r\n    @for (choice of choices; track choice; let i = $index) {\r\n      <button mat-raised-button [matDialogClose]=\"i\">\r\n        <span>{{ choice }}</span>\r\n      </button>\r\n    }\r\n  }\r\n</mat-dialog-actions>", styles: ["mat-form-field{margin-top:2em;width:100%}#checkbox{margin:2em 0}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i6.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: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: BaseComponent, isStandalone: true, selector: "cp-dialog-base", inputs: { dialogType: { classPropertyName: "dialogType", publicName: "dialogType", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { closed: "closed" }, ngImport: i0, template: "@if (data().title) {\n  <h2 mat-dialog-title [innerHTML]=\"data().title\"></h2>\n}\n\n<mat-dialog-content>\n  @if (data().message) {\n    <div [innerHTML]=\"data().message\"></div>\n  }\n\n  @if (dialogType() === DialogType.Input) {\n    <mat-form-field>\n      <textarea matInput [placeholder]=\"data().placeholder ?? ''\" [(ngModel)]=\"userInput\"></textarea>\n    </mat-form-field>\n  }\n\n  @if (data().checkboxMessage) {\n    <div id=\"checkbox\">\n      <mat-checkbox [(ngModel)]=\"checkboxValue\">\n        <span [innerHTML]=\"data().checkboxMessage\"></span>\n      </mat-checkbox>\n    </div>\n  }\n</mat-dialog-content>\n\n<mat-dialog-actions>\n  @if (dialogType() !== DialogType.Choice) {\n    <button mat-raised-button (click)=\"close()\" [disabled]=\"dialogType() === DialogType.Input && !userInput\">\n      <span>\n        @switch (data().mode) {\n          @case (ConfirmationDialogMode.YesNo) {\n            <span>Yes</span>\n          }\n          @case (ConfirmationDialogMode.TrueFalse) {\n            <span>True</span>\n          }\n          @case (ConfirmationDialogMode.Custom) {\n            <span>{{ customTrueText }}</span>\n          }\n          @default {\n            <span>OK</span>\n          }\n        }\n      </span>\n    </button>\n    @if (dialogType() !== DialogType.Message) {\n      <button mat-raised-button (click)=\"cancel()\">\n        <span>\n          @switch (data().mode) {\n            @case (ConfirmationDialogMode.YesNo) {\n              <span>No</span>\n            }\n            @case (ConfirmationDialogMode.TrueFalse) {\n              <span>False</span>\n            }\n            @case (ConfirmationDialogMode.Custom) {\n              <span>{{ customFalseText }}</span>\n            }\n            @default {\n              <span>Cancel</span>\n            }\n          }\n        </span>\n      </button>\n    }\n  }\n\n  @if (dialogType() === DialogType.Choice) {\n    @for (choice of choices; track choice; let i = $index) {\n      <button mat-raised-button [matDialogClose]=\"i\">\n        <span>{{ choice }}</span>\n      </button>\n    }\n  }\n</mat-dialog-actions>", styles: ["mat-form-field{margin-top:2em;width:100%}#checkbox{margin:2em 0}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i6.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: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: BaseComponent, decorators: [{
             type: Component,
@@ -113,7 +113,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
                         MatFormFieldModule,
                         MatInputModule,
                         FormsModule
-                    ], standalone: true, template: "@if (data().title) {\r\n  <h2 mat-dialog-title [innerHTML]=\"data().title\"></h2>\r\n}\r\n\r\n<mat-dialog-content>\r\n  @if (data().message) {\r\n    <div [innerHTML]=\"data().message\"></div>\r\n  }\r\n\r\n  @if (dialogType() === DialogType.Input) {\r\n    <mat-form-field>\r\n      <textarea matInput [placeholder]=\"data().placeholder ?? ''\" [(ngModel)]=\"userInput\"></textarea>\r\n    </mat-form-field>\r\n  }\r\n\r\n  @if (data().checkboxMessage) {\r\n    <div id=\"checkbox\">\r\n      <mat-checkbox [(ngModel)]=\"checkboxValue\">\r\n        <span [innerHTML]=\"data().checkboxMessage\"></span>\r\n      </mat-checkbox>\r\n    </div>\r\n  }\r\n</mat-dialog-content>\r\n\r\n<mat-dialog-actions>\r\n  @if (dialogType() !== DialogType.Choice) {\r\n    <button mat-raised-button (click)=\"close()\" [disabled]=\"dialogType() === DialogType.Input && !userInput\">\r\n      <span>\r\n        @switch (data().mode) {\r\n          @case (ConfirmationDialogMode.YesNo) {\r\n            <span>Yes</span>\r\n          }\r\n          @case (ConfirmationDialogMode.TrueFalse) {\r\n            <span>True</span>\r\n          }\r\n          @case (ConfirmationDialogMode.Custom) {\r\n            <span>{{ customTrueText }}</span>\r\n          }\r\n          @default {\r\n            <span>OK</span>\r\n          }\r\n        }\r\n      </span>\r\n    </button>\r\n    @if (dialogType() !== DialogType.Message) {\r\n      <button mat-raised-button (click)=\"cancel()\">\r\n        <span>\r\n          @switch (data().mode) {\r\n            @case (ConfirmationDialogMode.YesNo) {\r\n              <span>No</span>\r\n            }\r\n            @case (ConfirmationDialogMode.TrueFalse) {\r\n              <span>False</span>\r\n            }\r\n            @case (ConfirmationDialogMode.Custom) {\r\n              <span>{{ customFalseText }}</span>\r\n            }\r\n            @default {\r\n              <span>Cancel</span>\r\n            }\r\n          }\r\n        </span>\r\n      </button>\r\n    }\r\n  }\r\n\r\n  @if (dialogType() === DialogType.Choice) {\r\n    @for (choice of choices; track choice; let i = $index) {\r\n      <button mat-raised-button [matDialogClose]=\"i\">\r\n        <span>{{ choice }}</span>\r\n      </button>\r\n    }\r\n  }\r\n</mat-dialog-actions>", styles: ["mat-form-field{margin-top:2em;width:100%}#checkbox{margin:2em 0}\n"] }]
+                    ], standalone: true, template: "@if (data().title) {\n  <h2 mat-dialog-title [innerHTML]=\"data().title\"></h2>\n}\n\n<mat-dialog-content>\n  @if (data().message) {\n    <div [innerHTML]=\"data().message\"></div>\n  }\n\n  @if (dialogType() === DialogType.Input) {\n    <mat-form-field>\n      <textarea matInput [placeholder]=\"data().placeholder ?? ''\" [(ngModel)]=\"userInput\"></textarea>\n    </mat-form-field>\n  }\n\n  @if (data().checkboxMessage) {\n    <div id=\"checkbox\">\n      <mat-checkbox [(ngModel)]=\"checkboxValue\">\n        <span [innerHTML]=\"data().checkboxMessage\"></span>\n      </mat-checkbox>\n    </div>\n  }\n</mat-dialog-content>\n\n<mat-dialog-actions>\n  @if (dialogType() !== DialogType.Choice) {\n    <button mat-raised-button (click)=\"close()\" [disabled]=\"dialogType() === DialogType.Input && !userInput\">\n      <span>\n        @switch (data().mode) {\n          @case (ConfirmationDialogMode.YesNo) {\n            <span>Yes</span>\n          }\n          @case (ConfirmationDialogMode.TrueFalse) {\n            <span>True</span>\n          }\n          @case (ConfirmationDialogMode.Custom) {\n            <span>{{ customTrueText }}</span>\n          }\n          @default {\n            <span>OK</span>\n          }\n        }\n      </span>\n    </button>\n    @if (dialogType() !== DialogType.Message) {\n      <button mat-raised-button (click)=\"cancel()\">\n        <span>\n          @switch (data().mode) {\n            @case (ConfirmationDialogMode.YesNo) {\n              <span>No</span>\n            }\n            @case (ConfirmationDialogMode.TrueFalse) {\n              <span>False</span>\n            }\n            @case (ConfirmationDialogMode.Custom) {\n              <span>{{ customFalseText }}</span>\n            }\n            @default {\n              <span>Cancel</span>\n            }\n          }\n        </span>\n      </button>\n    }\n  }\n\n  @if (dialogType() === DialogType.Choice) {\n    @for (choice of choices; track choice; let i = $index) {\n      <button mat-raised-button [matDialogClose]=\"i\">\n        <span>{{ choice }}</span>\n      </button>\n    }\n  }\n</mat-dialog-actions>", styles: ["mat-form-field{margin-top:2em;width:100%}#checkbox{margin:2em 0}\n"] }]
         }] });
 class ChoiceComponent {
@@ -125,11 +125,11 @@ class ChoiceComponent {
         this.dialogType = DialogType.Choice;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ChoiceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: ChoiceComponent, isStandalone: true, selector: "cp-dialog-choice", ngImport: i0, template: "<cp-dialog-base\r\n  [data]=\"services.data\"\r\n  [dialogType]=\"dialogType\"\r\n  (closed)=\"services.dialogRef.close($event)\">\r\n</cp-dialog-base>", styles: [""], dependencies: [{ kind: "component", type: BaseComponent, selector: "cp-dialog-base", inputs: ["dialogType", "data"], outputs: ["closed"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: ChoiceComponent, isStandalone: true, selector: "cp-dialog-choice", ngImport: i0, template: "<cp-dialog-base\n  [data]=\"services.data\"\n  [dialogType]=\"dialogType\"\n  (closed)=\"services.dialogRef.close($event)\">\n</cp-dialog-base>", styles: [""], dependencies: [{ kind: "component", type: BaseComponent, selector: "cp-dialog-base", inputs: ["dialogType", "data"], outputs: ["closed"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ChoiceComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cp-dialog-choice', imports: [BaseComponent], standalone: true, template: "<cp-dialog-base\r\n  [data]=\"services.data\"\r\n  [dialogType]=\"dialogType\"\r\n  (closed)=\"services.dialogRef.close($event)\">\r\n</cp-dialog-base>" }]
+            args: [{ selector: 'cp-dialog-choice', imports: [BaseComponent], standalone: true, template: "<cp-dialog-base\n  [data]=\"services.data\"\n  [dialogType]=\"dialogType\"\n  (closed)=\"services.dialogRef.close($event)\">\n</cp-dialog-base>" }]
         }] });
 class ConfirmationComponent {
@@ -141,11 +141,11 @@ class ConfirmationComponent {
         this.dialogType = DialogType.Confirmation;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ConfirmationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: ConfirmationComponent, isStandalone: true, selector: "cp-dialog-confirmation", ngImport: i0, template: "<cp-dialog-base\r\n  [data]=\"services.data\"\r\n  [dialogType]=\"dialogType\"\r\n  (closed)=\"services.dialogRef.close($event)\">\r\n</cp-dialog-base>", styles: [""], dependencies: [{ kind: "component", type: BaseComponent, selector: "cp-dialog-base", inputs: ["dialogType", "data"], outputs: ["closed"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: ConfirmationComponent, isStandalone: true, selector: "cp-dialog-confirmation", ngImport: i0, template: "<cp-dialog-base\n  [data]=\"services.data\"\n  [dialogType]=\"dialogType\"\n  (closed)=\"services.dialogRef.close($event)\">\n</cp-dialog-base>", styles: [""], dependencies: [{ kind: "component", type: BaseComponent, selector: "cp-dialog-base", inputs: ["dialogType", "data"], outputs: ["closed"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ConfirmationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cp-dialog-confirmation', imports: [BaseComponent], standalone: true, template: "<cp-dialog-base\r\n  [data]=\"services.data\"\r\n  [dialogType]=\"dialogType\"\r\n  (closed)=\"services.dialogRef.close($event)\">\r\n</cp-dialog-base>" }]
+            args: [{ selector: 'cp-dialog-confirmation', imports: [BaseComponent], standalone: true, template: "<cp-dialog-base\n  [data]=\"services.data\"\n  [dialogType]=\"dialogType\"\n  (closed)=\"services.dialogRef.close($event)\">\n</cp-dialog-base>" }]
         }] });
 class InputComponent {
@@ -157,11 +157,11 @@ class InputComponent {
         this.dialogType = DialogType.Input;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: InputComponent, isStandalone: true, selector: "cp-dialog-input", ngImport: i0, template: "<cp-dialog-base\r\n  [data]=\"services.data\"\r\n  [dialogType]=\"dialogType\"\r\n  (closed)=\"services.dialogRef.close($event)\">\r\n</cp-dialog-base>", styles: [""], dependencies: [{ kind: "component", type: BaseComponent, selector: "cp-dialog-base", inputs: ["dialogType", "data"], outputs: ["closed"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: InputComponent, isStandalone: true, selector: "cp-dialog-input", ngImport: i0, template: "<cp-dialog-base\n  [data]=\"services.data\"\n  [dialogType]=\"dialogType\"\n  (closed)=\"services.dialogRef.close($event)\">\n</cp-dialog-base>", styles: [""], dependencies: [{ kind: "component", type: BaseComponent, selector: "cp-dialog-base", inputs: ["dialogType", "data"], outputs: ["closed"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: InputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cp-dialog-input', imports: [BaseComponent], standalone: true, template: "<cp-dialog-base\r\n  [data]=\"services.data\"\r\n  [dialogType]=\"dialogType\"\r\n  (closed)=\"services.dialogRef.close($event)\">\r\n</cp-dialog-base>" }]
+            args: [{ selector: 'cp-dialog-input', imports: [BaseComponent], standalone: true, template: "<cp-dialog-base\n  [data]=\"services.data\"\n  [dialogType]=\"dialogType\"\n  (closed)=\"services.dialogRef.close($event)\">\n</cp-dialog-base>" }]
         }] });
 class MessageComponent {
@@ -173,11 +173,11 @@ class MessageComponent {
         this.dialogType = DialogType.Message;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: MessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: MessageComponent, isStandalone: true, selector: "cp-dialog-message", ngImport: i0, template: "<cp-dialog-base\r\n  [data]=\"services.data\"\r\n  [dialogType]=\"dialogType\"\r\n  (closed)=\"services.dialogRef.close($event)\">\r\n</cp-dialog-base>", styles: [""], dependencies: [{ kind: "component", type: BaseComponent, selector: "cp-dialog-base", inputs: ["dialogType", "data"], outputs: ["closed"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: MessageComponent, isStandalone: true, selector: "cp-dialog-message", ngImport: i0, template: "<cp-dialog-base\n  [data]=\"services.data\"\n  [dialogType]=\"dialogType\"\n  (closed)=\"services.dialogRef.close($event)\">\n</cp-dialog-base>", styles: [""], dependencies: [{ kind: "component", type: BaseComponent, selector: "cp-dialog-base", inputs: ["dialogType", "data"], outputs: ["closed"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: MessageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cp-dialog-message', imports: [BaseComponent], standalone: true, template: "<cp-dialog-base\r\n  [data]=\"services.data\"\r\n  [dialogType]=\"dialogType\"\r\n  (closed)=\"services.dialogRef.close($event)\">\r\n</cp-dialog-base>" }]
+            args: [{ selector: 'cp-dialog-message', imports: [BaseComponent], standalone: true, template: "<cp-dialog-base\n  [data]=\"services.data\"\n  [dialogType]=\"dialogType\"\n  (closed)=\"services.dialogRef.close($event)\">\n</cp-dialog-base>" }]
         }] });
 class DialogModule {

package/fesm2022/cleavelandprice-ngx-lib-dialog.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cleavelandprice-ngx-lib-dialog.mjs","sources":["../../../../projects/cleavelandprice/ngx-lib/dialog/src/model/confirmation-dialog-mode.ts","../../../../projects/cleavelandprice/ngx-lib/dialog/src/model/dialog-type.ts","../../../../projects/cleavelandprice/ngx-lib/dialog/src/components/base/base.component.ts","../../../../projects/cleavelandprice/ngx-lib/dialog/src/components/base/base.component.html","../../../../projects/cleavelandprice/ngx-lib/dialog/src/components/choice/choice.component.ts","../../../../projects/cleavelandprice/ngx-lib/dialog/src/components/choice/choice.component.html","../../../../projects/cleavelandprice/ngx-lib/dialog/src/components/confirmation/confirmation.component.ts","../../../../projects/cleavelandprice/ngx-lib/dialog/src/components/confirmation/confirmation.component.html","../../../../projects/cleavelandprice/ngx-lib/dialog/src/components/input/input.component.ts","../../../../projects/cleavelandprice/ngx-lib/dialog/src/components/input/input.component.html","../../../../projects/cleavelandprice/ngx-lib/dialog/src/components/message/message.component.ts","../../../../projects/cleavelandprice/ngx-lib/dialog/src/components/message/message.component.html","../../../../projects/cleavelandprice/ngx-lib/dialog/src/dialog.module.ts","../../../../projects/cleavelandprice/ngx-lib/dialog/src/dialog.api.ts","../../../../projects/cleavelandprice/ngx-lib/dialog/src/cleavelandprice-ngx-lib-dialog.ts"],"sourcesContent":["export enum ConfirmationDialogMode {\r\n OkCancel,\r\n YesNo,\r\n TrueFalse,\r\n Custom\r\n}","export enum DialogType {\r\n Choice,\r\n Confirmation,\r\n Input,\r\n Message\r\n}","import { Component, OnInit, input, output } from '@angular/core';\r\n\r\nimport { FormsModule } from '@angular/forms';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatCheckboxModule } from '@angular/material/checkbox';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { ConfirmationDialogMode } from '../../model/confirmation-dialog-mode';\r\nimport { DialogBaseData } from '../../model/dialog-base-data';\r\nimport { DialogChoiceData } from '../../model/dialog-choice-data';\r\nimport { DialogType } from '../../model/dialog-type';\r\n\r\n@Component({\r\n selector: 'cp-dialog-base',\r\n templateUrl: './base.component.html',\r\n styleUrl: './base.component.scss',\r\n imports: [\r\n MatButtonModule,\r\n MatCheckboxModule,\r\n MatDialogModule,\r\n MatFormFieldModule,\r\n MatInputModule,\r\n FormsModule\r\n ],\r\n standalone: true\r\n})\r\nexport class BaseComponent implements OnInit {\r\n // This is so that DialogType can be accessible from the HTML template\r\n DialogType = DialogType;\r\n dialogType = input(DialogType.Message);\r\n data = input.required<DialogBaseData>();\r\n closed = output();\r\n\r\n ConfirmationDialogMode = ConfirmationDialogMode;\r\n\r\n // Form values\r\n userInput?: string;\r\n checkboxValue!: boolean;\r\n\r\n get #customTrueFalseTextValid(): boolean {\r\n return this.data().customTrueFalseText?.length === 2;\r\n }\r\n\r\n get customTrueText(): string \| undefined {\r\n return this.#customTrueFalseTextValid ?\r\n this.data().customTrueFalseText![0] :\r\n undefined;\r\n }\r\n\r\n get customFalseText(): string \| undefined {\r\n return this.#customTrueFalseTextValid ?\r\n this.data().customTrueFalseText![1] :\r\n undefined;\r\n }\r\n\r\n get choices(): string[] \| null {\r\n return this.dialogType() === DialogType.Choice ?\r\n (this.data() as DialogChoiceData).choices :\r\n null;\r\n }\r\n\r\n ngOnInit(): void {\r\n this.userInput = this.data().value;\r\n }\r\n\r\n close(): void {\r\n let data: any;\r\n\r\n switch (this.dialogType()) {\r\n case DialogType.Message:\r\n data = this.data().checkboxMessage ?\r\n {\r\n checkbox: this.checkboxValue \|\| false\r\n } :\r\n null;\r\n break;\r\n case DialogType.Input:\r\n data = this.data().checkboxMessage ?\r\n {\r\n response: this.userInput,\r\n checkbox: this.checkboxValue \|\| false\r\n } :\r\n this.userInput;\r\n break;\r\n case DialogType.Confirmation:\r\n data = this.data().checkboxMessage ?\r\n {\r\n response: true,\r\n checkbox: this.checkboxValue \|\| false\r\n } :\r\n true;\r\n break;\r\n }\r\n\r\n this.closed.emit(data);\r\n }\r\n\r\n cancel(): void {\r\n let data: any;\r\n\r\n if (this.dialogType() === DialogType.Confirmation) {\r\n data = this.data().checkboxMessage ?\r\n {\r\n response: false,\r\n checkbox: this.checkboxValue \|\| false\r\n } :\r\n false;\r\n }\r\n\r\n this.closed.emit(data);\r\n }\r\n}\r\n","@if (data().title) {\r\n <h2 mat-dialog-title [innerHTML]=\"data().title\"></h2>\r\n}\r\n\r\n<mat-dialog-content>\r\n @if (data().message) {\r\n <div [innerHTML]=\"data().message\"></div>\r\n }\r\n\r\n @if (dialogType() === DialogType.Input) {\r\n <mat-form-field>\r\n <textarea matInput [placeholder]=\"data().placeholder ?? ''\" [(ngModel)]=\"userInput\"></textarea>\r\n </mat-form-field>\r\n }\r\n\r\n @if (data().checkboxMessage) {\r\n <div id=\"checkbox\">\r\n <mat-checkbox [(ngModel)]=\"checkboxValue\">\r\n <span [innerHTML]=\"data().checkboxMessage\"></span>\r\n </mat-checkbox>\r\n </div>\r\n }\r\n</mat-dialog-content>\r\n\r\n<mat-dialog-actions>\r\n @if (dialogType() !== DialogType.Choice) {\r\n <button mat-raised-button (click)=\"close()\" [disabled]=\"dialogType() === DialogType.Input && !userInput\">\r\n <span>\r\n @switch (data().mode) {\r\n @case (ConfirmationDialogMode.YesNo) {\r\n <span>Yes</span>\r\n }\r\n @case (ConfirmationDialogMode.TrueFalse) {\r\n <span>True</span>\r\n }\r\n @case (ConfirmationDialogMode.Custom) {\r\n <span>{{ customTrueText }}</span>\r\n }\r\n @default {\r\n <span>OK</span>\r\n }\r\n }\r\n </span>\r\n </button>\r\n @if (dialogType() !== DialogType.Message) {\r\n <button mat-raised-button (click)=\"cancel()\">\r\n <span>\r\n @switch (data().mode) {\r\n @case (ConfirmationDialogMode.YesNo) {\r\n <span>No</span>\r\n }\r\n @case (ConfirmationDialogMode.TrueFalse) {\r\n <span>False</span>\r\n }\r\n @case (ConfirmationDialogMode.Custom) {\r\n <span>{{ customFalseText }}</span>\r\n }\r\n @default {\r\n <span>Cancel</span>\r\n }\r\n }\r\n </span>\r\n </button>\r\n }\r\n }\r\n\r\n @if (dialogType() === DialogType.Choice) {\r\n @for (choice of choices; track choice; let i = $index) {\r\n <button mat-raised-button [matDialogClose]=\"i\">\r\n <span>{{ choice }}</span>\r\n </button>\r\n }\r\n }\r\n</mat-dialog-actions>","import { Component, inject } from '@angular/core';\r\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\r\n\r\nimport { DialogChoiceData } from '../../model/dialog-choice-data';\r\nimport { DialogType } from '../../model/dialog-type';\r\nimport { BaseComponent } from '../base/base.component';\r\n\r\n@Component({\r\n selector: 'cp-dialog-choice',\r\n templateUrl: './choice.component.html',\r\n styleUrl: './choice.component.scss',\r\n imports: [BaseComponent],\r\n standalone: true\r\n})\r\nexport class ChoiceComponent {\r\n services = {\r\n data: inject<DialogChoiceData>(MAT_DIALOG_DATA),\r\n dialogRef: inject(MatDialogRef<ChoiceComponent>)\r\n };\r\n\r\n dialogType = DialogType.Choice;\r\n}\r\n","<cp-dialog-base\r\n [data]=\"services.data\"\r\n [dialogType]=\"dialogType\"\r\n (closed)=\"services.dialogRef.close($event)\">\r\n</cp-dialog-base>","import { Component, inject } from '@angular/core';\r\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\r\n\r\nimport { DialogBaseData } from '../../model/dialog-base-data';\r\nimport { DialogType } from '../../model/dialog-type';\r\nimport { BaseComponent } from '../base/base.component';\r\n\r\n@Component({\r\n selector: 'cp-dialog-confirmation',\r\n templateUrl: './confirmation.component.html',\r\n styleUrl: './confirmation.component.scss',\r\n imports: [BaseComponent],\r\n standalone: true\r\n})\r\nexport class ConfirmationComponent {\r\n services = {\r\n data: inject<DialogBaseData>(MAT_DIALOG_DATA),\r\n dialogRef: inject(MatDialogRef<ConfirmationComponent>)\r\n };\r\n\r\n dialogType = DialogType.Confirmation;\r\n}\r\n","<cp-dialog-base\r\n [data]=\"services.data\"\r\n [dialogType]=\"dialogType\"\r\n (closed)=\"services.dialogRef.close($event)\">\r\n</cp-dialog-base>","import { Component, inject } from '@angular/core';\r\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\r\n\r\nimport { DialogBaseData } from '../../model/dialog-base-data';\r\nimport { DialogType } from '../../model/dialog-type';\r\nimport { BaseComponent } from '../base/base.component';\r\n\r\n@Component({\r\n selector: 'cp-dialog-input',\r\n templateUrl: './input.component.html',\r\n styleUrl: './input.component.scss',\r\n imports: [BaseComponent],\r\n standalone: true\r\n})\r\nexport class InputComponent {\r\n services = {\r\n data: inject<DialogBaseData>(MAT_DIALOG_DATA),\r\n dialogRef: inject(MatDialogRef<InputComponent>)\r\n };\r\n\r\n dialogType = DialogType.Input;\r\n}\r\n","<cp-dialog-base\r\n [data]=\"services.data\"\r\n [dialogType]=\"dialogType\"\r\n (closed)=\"services.dialogRef.close($event)\">\r\n</cp-dialog-base>","import { Component, inject } from '@angular/core';\r\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\r\n\r\nimport { DialogBaseData } from '../../model/dialog-base-data';\r\nimport { DialogType } from '../../model/dialog-type';\r\nimport { BaseComponent } from '../base/base.component';\r\n\r\n@Component({\r\n selector: 'cp-dialog-message',\r\n templateUrl: './message.component.html',\r\n styleUrl: './message.component.scss',\r\n imports: [BaseComponent],\r\n standalone: true\r\n})\r\nexport class MessageComponent {\r\n services = {\r\n data: inject<DialogBaseData>(MAT_DIALOG_DATA),\r\n dialogRef: inject(MatDialogRef<MessageComponent>)\r\n };\r\n\r\n dialogType = DialogType.Message;\r\n}\r\n","<cp-dialog-base\r\n [data]=\"services.data\"\r\n [dialogType]=\"dialogType\"\r\n (closed)=\"services.dialogRef.close($event)\">\r\n</cp-dialog-base>","import { CommonModule } from '@angular/common';\r\nimport { NgModule } from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\n\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatCheckboxModule } from '@angular/material/checkbox';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatInputModule } from '@angular/material/input';\r\n\r\nimport { BaseComponent } from './components/base/base.component';\r\nimport { ChoiceComponent } from './components/choice/choice.component';\r\nimport { ConfirmationComponent } from './components/confirmation/confirmation.component';\r\nimport { InputComponent } from './components/input/input.component';\r\nimport { MessageComponent } from './components/message/message.component';\r\n\r\n@NgModule({\r\n declarations: [],\r\n imports: [\r\n CommonModule,\r\n FormsModule,\r\n\r\n MatButtonModule,\r\n MatCheckboxModule,\r\n MatDialogModule,\r\n MatFormFieldModule,\r\n MatInputModule,\r\n\r\n BaseComponent,\r\n ChoiceComponent,\r\n ConfirmationComponent,\r\n InputComponent,\r\n MessageComponent\r\n ],\r\n exports: [\r\n BaseComponent,\r\n ChoiceComponent,\r\n ConfirmationComponent,\r\n InputComponent,\r\n MessageComponent\r\n ]\r\n})\r\nexport class DialogModule { }\r\n","export * from './model/confirmation-dialog-mode';\r\nexport * from './model/dialog-base-data';\r\nexport * from './model/dialog-type';\r\n\r\nexport * from './components/base/base.component';\r\nexport * from './components/choice/choice.component';\r\nexport * from './components/confirmation/confirmation.component';\r\nexport * from './components/input/input.component';\r\nexport * from './components/message/message.component';\r\n\r\nexport * from './dialog.module';\r\n\r\n/export const CP_DIALOG_COMPONENTS = [\r\n ChoiceComponent,\r\n ConfirmationComponent,\r\n InputComponent,\r\n MessageComponent\r\n] as const;/\r\n\r\n/export const CP_DIALOG_ENUMS = {\r\n ConfirmationDialogMode,\r\n DialogType\r\n } as const;/","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './dialog.api';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"cleavelandprice-ngx-lib-dialog.mjs","sources":["../../../../projects/cleavelandprice/ngx-lib/dialog/src/model/confirmation-dialog-mode.ts","../../../../projects/cleavelandprice/ngx-lib/dialog/src/model/dialog-type.ts","../../../../projects/cleavelandprice/ngx-lib/dialog/src/components/base/base.component.ts","../../../../projects/cleavelandprice/ngx-lib/dialog/src/components/base/base.component.html","../../../../projects/cleavelandprice/ngx-lib/dialog/src/components/choice/choice.component.ts","../../../../projects/cleavelandprice/ngx-lib/dialog/src/components/choice/choice.component.html","../../../../projects/cleavelandprice/ngx-lib/dialog/src/components/confirmation/confirmation.component.ts","../../../../projects/cleavelandprice/ngx-lib/dialog/src/components/confirmation/confirmation.component.html","../../../../projects/cleavelandprice/ngx-lib/dialog/src/components/input/input.component.ts","../../../../projects/cleavelandprice/ngx-lib/dialog/src/components/input/input.component.html","../../../../projects/cleavelandprice/ngx-lib/dialog/src/components/message/message.component.ts","../../../../projects/cleavelandprice/ngx-lib/dialog/src/components/message/message.component.html","../../../../projects/cleavelandprice/ngx-lib/dialog/src/dialog.module.ts","../../../../projects/cleavelandprice/ngx-lib/dialog/src/dialog.api.ts","../../../../projects/cleavelandprice/ngx-lib/dialog/src/cleavelandprice-ngx-lib-dialog.ts"],"sourcesContent":["export enum ConfirmationDialogMode {\r\n OkCancel,\r\n YesNo,\r\n TrueFalse,\r\n Custom\r\n}","export enum DialogType {\r\n Choice,\r\n Confirmation,\r\n Input,\r\n Message\r\n}","import { Component, OnInit, input, output } from '@angular/core';\r\n\r\nimport { FormsModule } from '@angular/forms';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatCheckboxModule } from '@angular/material/checkbox';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { ConfirmationDialogMode } from '../../model/confirmation-dialog-mode';\r\nimport { DialogBaseData } from '../../model/dialog-base-data';\r\nimport { DialogChoiceData } from '../../model/dialog-choice-data';\r\nimport { DialogType } from '../../model/dialog-type';\r\n\r\n@Component({\r\n selector: 'cp-dialog-base',\r\n templateUrl: './base.component.html',\r\n styleUrl: './base.component.scss',\r\n imports: [\r\n MatButtonModule,\r\n MatCheckboxModule,\r\n MatDialogModule,\r\n MatFormFieldModule,\r\n MatInputModule,\r\n FormsModule\r\n ],\r\n standalone: true\r\n})\r\nexport class BaseComponent implements OnInit {\r\n // This is so that DialogType can be accessible from the HTML template\r\n DialogType = DialogType;\r\n dialogType = input(DialogType.Message);\r\n data = input.required<DialogBaseData>();\r\n closed = output();\r\n\r\n ConfirmationDialogMode = ConfirmationDialogMode;\r\n\r\n // Form values\r\n userInput?: string;\r\n checkboxValue!: boolean;\r\n\r\n get #customTrueFalseTextValid(): boolean {\r\n return this.data().customTrueFalseText?.length === 2;\r\n }\r\n\r\n get customTrueText(): string \| undefined {\r\n return this.#customTrueFalseTextValid ?\r\n this.data().customTrueFalseText![0] :\r\n undefined;\r\n }\r\n\r\n get customFalseText(): string \| undefined {\r\n return this.#customTrueFalseTextValid ?\r\n this.data().customTrueFalseText![1] :\r\n undefined;\r\n }\r\n\r\n get choices(): string[] \| null {\r\n return this.dialogType() === DialogType.Choice ?\r\n (this.data() as DialogChoiceData).choices :\r\n null;\r\n }\r\n\r\n ngOnInit(): void {\r\n this.userInput = this.data().value;\r\n }\r\n\r\n close(): void {\r\n let data: any;\r\n\r\n switch (this.dialogType()) {\r\n case DialogType.Message:\r\n data = this.data().checkboxMessage ?\r\n {\r\n checkbox: this.checkboxValue \|\| false\r\n } :\r\n null;\r\n break;\r\n case DialogType.Input:\r\n data = this.data().checkboxMessage ?\r\n {\r\n response: this.userInput,\r\n checkbox: this.checkboxValue \|\| false\r\n } :\r\n this.userInput;\r\n break;\r\n case DialogType.Confirmation:\r\n data = this.data().checkboxMessage ?\r\n {\r\n response: true,\r\n checkbox: this.checkboxValue \|\| false\r\n } :\r\n true;\r\n break;\r\n }\r\n\r\n this.closed.emit(data);\r\n }\r\n\r\n cancel(): void {\r\n let data: any;\r\n\r\n if (this.dialogType() === DialogType.Confirmation) {\r\n data = this.data().checkboxMessage ?\r\n {\r\n response: false,\r\n checkbox: this.checkboxValue \|\| false\r\n } :\r\n false;\r\n }\r\n\r\n this.closed.emit(data);\r\n }\r\n}\r\n","@if (data().title) {\n <h2 mat-dialog-title [innerHTML]=\"data().title\"></h2>\n}\n\n<mat-dialog-content>\n @if (data().message) {\n <div [innerHTML]=\"data().message\"></div>\n }\n\n @if (dialogType() === DialogType.Input) {\n <mat-form-field>\n <textarea matInput [placeholder]=\"data().placeholder ?? ''\" [(ngModel)]=\"userInput\"></textarea>\n </mat-form-field>\n }\n\n @if (data().checkboxMessage) {\n <div id=\"checkbox\">\n <mat-checkbox [(ngModel)]=\"checkboxValue\">\n <span [innerHTML]=\"data().checkboxMessage\"></span>\n </mat-checkbox>\n </div>\n }\n</mat-dialog-content>\n\n<mat-dialog-actions>\n @if (dialogType() !== DialogType.Choice) {\n <button mat-raised-button (click)=\"close()\" [disabled]=\"dialogType() === DialogType.Input && !userInput\">\n <span>\n @switch (data().mode) {\n @case (ConfirmationDialogMode.YesNo) {\n <span>Yes</span>\n }\n @case (ConfirmationDialogMode.TrueFalse) {\n <span>True</span>\n }\n @case (ConfirmationDialogMode.Custom) {\n <span>{{ customTrueText }}</span>\n }\n @default {\n <span>OK</span>\n }\n }\n </span>\n </button>\n @if (dialogType() !== DialogType.Message) {\n <button mat-raised-button (click)=\"cancel()\">\n <span>\n @switch (data().mode) {\n @case (ConfirmationDialogMode.YesNo) {\n <span>No</span>\n }\n @case (ConfirmationDialogMode.TrueFalse) {\n <span>False</span>\n }\n @case (ConfirmationDialogMode.Custom) {\n <span>{{ customFalseText }}</span>\n }\n @default {\n <span>Cancel</span>\n }\n }\n </span>\n </button>\n }\n }\n\n @if (dialogType() === DialogType.Choice) {\n @for (choice of choices; track choice; let i = $index) {\n <button mat-raised-button [matDialogClose]=\"i\">\n <span>{{ choice }}</span>\n </button>\n }\n }\n</mat-dialog-actions>","import { Component, inject } from '@angular/core';\r\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\r\n\r\nimport { DialogChoiceData } from '../../model/dialog-choice-data';\r\nimport { DialogType } from '../../model/dialog-type';\r\nimport { BaseComponent } from '../base/base.component';\r\n\r\n@Component({\r\n selector: 'cp-dialog-choice',\r\n templateUrl: './choice.component.html',\r\n styleUrl: './choice.component.scss',\r\n imports: [BaseComponent],\r\n standalone: true\r\n})\r\nexport class ChoiceComponent {\r\n services = {\r\n data: inject<DialogChoiceData>(MAT_DIALOG_DATA),\r\n dialogRef: inject(MatDialogRef<ChoiceComponent>)\r\n };\r\n\r\n dialogType = DialogType.Choice;\r\n}\r\n","<cp-dialog-base\n [data]=\"services.data\"\n [dialogType]=\"dialogType\"\n (closed)=\"services.dialogRef.close($event)\">\n</cp-dialog-base>","import { Component, inject } from '@angular/core';\r\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\r\n\r\nimport { DialogBaseData } from '../../model/dialog-base-data';\r\nimport { DialogType } from '../../model/dialog-type';\r\nimport { BaseComponent } from '../base/base.component';\r\n\r\n@Component({\r\n selector: 'cp-dialog-confirmation',\r\n templateUrl: './confirmation.component.html',\r\n styleUrl: './confirmation.component.scss',\r\n imports: [BaseComponent],\r\n standalone: true\r\n})\r\nexport class ConfirmationComponent {\r\n services = {\r\n data: inject<DialogBaseData>(MAT_DIALOG_DATA),\r\n dialogRef: inject(MatDialogRef<ConfirmationComponent>)\r\n };\r\n\r\n dialogType = DialogType.Confirmation;\r\n}\r\n","<cp-dialog-base\n [data]=\"services.data\"\n [dialogType]=\"dialogType\"\n (closed)=\"services.dialogRef.close($event)\">\n</cp-dialog-base>","import { Component, inject } from '@angular/core';\r\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\r\n\r\nimport { DialogBaseData } from '../../model/dialog-base-data';\r\nimport { DialogType } from '../../model/dialog-type';\r\nimport { BaseComponent } from '../base/base.component';\r\n\r\n@Component({\r\n selector: 'cp-dialog-input',\r\n templateUrl: './input.component.html',\r\n styleUrl: './input.component.scss',\r\n imports: [BaseComponent],\r\n standalone: true\r\n})\r\nexport class InputComponent {\r\n services = {\r\n data: inject<DialogBaseData>(MAT_DIALOG_DATA),\r\n dialogRef: inject(MatDialogRef<InputComponent>)\r\n };\r\n\r\n dialogType = DialogType.Input;\r\n}\r\n","<cp-dialog-base\n [data]=\"services.data\"\n [dialogType]=\"dialogType\"\n (closed)=\"services.dialogRef.close($event)\">\n</cp-dialog-base>","import { Component, inject } from '@angular/core';\r\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\r\n\r\nimport { DialogBaseData } from '../../model/dialog-base-data';\r\nimport { DialogType } from '../../model/dialog-type';\r\nimport { BaseComponent } from '../base/base.component';\r\n\r\n@Component({\r\n selector: 'cp-dialog-message',\r\n templateUrl: './message.component.html',\r\n styleUrl: './message.component.scss',\r\n imports: [BaseComponent],\r\n standalone: true\r\n})\r\nexport class MessageComponent {\r\n services = {\r\n data: inject<DialogBaseData>(MAT_DIALOG_DATA),\r\n dialogRef: inject(MatDialogRef<MessageComponent>)\r\n };\r\n\r\n dialogType = DialogType.Message;\r\n}\r\n","<cp-dialog-base\n [data]=\"services.data\"\n [dialogType]=\"dialogType\"\n (closed)=\"services.dialogRef.close($event)\">\n</cp-dialog-base>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\n\nimport { BaseComponent } from './components/base/base.component';\nimport { ChoiceComponent } from './components/choice/choice.component';\nimport { ConfirmationComponent } from './components/confirmation/confirmation.component';\nimport { InputComponent } from './components/input/input.component';\nimport { MessageComponent } from './components/message/message.component';\n\n@NgModule({\n declarations: [],\n imports: [\n CommonModule,\n FormsModule,\n\n MatButtonModule,\n MatCheckboxModule,\n MatDialogModule,\n MatFormFieldModule,\n MatInputModule,\n\n BaseComponent,\n ChoiceComponent,\n ConfirmationComponent,\n InputComponent,\n MessageComponent\n ],\n exports: [\n BaseComponent,\n ChoiceComponent,\n ConfirmationComponent,\n InputComponent,\n MessageComponent\n ]\n})\nexport class DialogModule { }\n","export * from './model/confirmation-dialog-mode';\r\nexport * from './model/dialog-base-data';\r\nexport * from './model/dialog-type';\r\n\r\nexport * from './components/base/base.component';\r\nexport * from './components/choice/choice.component';\r\nexport * from './components/confirmation/confirmation.component';\r\nexport * from './components/input/input.component';\r\nexport * from './components/message/message.component';\r\n\r\nexport * from './dialog.module';\r\n\r\n/export const CP_DIALOG_COMPONENTS = [\r\n ChoiceComponent,\r\n ConfirmationComponent,\r\n InputComponent,\r\n MessageComponent\r\n] as const;/\r\n\r\n/export const CP_DIALOG_ENUMS = {\r\n ConfirmationDialogMode,\r\n DialogType\r\n } as const;/","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './dialog.api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;IAAY;AAAZ,CAAA,UAAY,sBAAsB,EAAA;AAC9B,IAAA,sBAAA,CAAA,sBAAA,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAQ;AACR,IAAA,sBAAA,CAAA,sBAAA,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAK;AACL,IAAA,sBAAA,CAAA,sBAAA,CAAA,WAAA,CAAA,GAAA,CAAA,CAAA,GAAA,WAAS;AACT,IAAA,sBAAA,CAAA,sBAAA,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAM;AACV,CAAC,EALW,sBAAsB,KAAtB,sBAAsB,GAAA,EAAA,CAAA,CAAA;;ICAtB;AAAZ,CAAA,UAAY,UAAU,EAAA;AAClB,IAAA,UAAA,CAAA,UAAA,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAM;AACN,IAAA,UAAA,CAAA,UAAA,CAAA,cAAA,CAAA,GAAA,CAAA,CAAA,GAAA,cAAY;AACZ,IAAA,UAAA,CAAA,UAAA,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAK;AACL,IAAA,UAAA,CAAA,UAAA,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAO;AACX,CAAC,EALW,UAAU,KAAV,UAAU,GAAA,EAAA,CAAA,CAAA;;MC2BT,aAAa,CAAA;AAd1B,IAAA,WAAA,GAAA;;QAgBE,IAAA,CAAA,UAAU,GAAG,UAAU;AACvB,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,OAAO,sDAAC;AACtC,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,QAAQ,+CAAkB;QACvC,IAAA,CAAA,MAAM,GAAG,MAAM,EAAE;QAEjB,IAAA,CAAA,sBAAsB,GAAG,sBAAsB;AA8EhD;AAxEC,IAAA,IAAI,yBAAyB,GAAA;QAC3B,OAAO,IAAI,CAAC,IAAI,EAAE,CAAC,mBAAmB,EAAE,MAAM,KAAK,CAAC;;AAGtD,IAAA,IAAI,cAAc,GAAA;AAChB,QAAA,OAAO,IAAI,CAAC,yBAAyB;YACnC,IAAI,CAAC,IAAI,EAAE,CAAC,mBAAoB,CAAC,CAAC,CAAC;AACnC,YAAA,SAAS;;AAGb,IAAA,IAAI,eAAe,GAAA;AACjB,QAAA,OAAO,IAAI,CAAC,yBAAyB;YACnC,IAAI,CAAC,IAAI,EAAE,CAAC,mBAAoB,CAAC,CAAC,CAAC;AACnC,YAAA,SAAS;;AAGb,IAAA,IAAI,OAAO,GAAA;QACT,OAAO,IAAI,CAAC,UAAU,EAAE,KAAK,UAAU,CAAC,MAAM;AAC3C,YAAA,IAAI,CAAC,IAAI,EAAuB,CAAC,OAAO;AACzC,YAAA,IAAI;;IAGR,QAAQ,GAAA;QACN,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK;;IAGpC,KAAK,GAAA;AACH,QAAA,IAAI,IAAS;AAEb,QAAA,QAAQ,IAAI,CAAC,UAAU,EAAE;YACrB,KAAK,UAAU,CAAC,OAAO;gBACnB,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,eAAe;AAC9B,oBAAA;AACI,wBAAA,QAAQ,EAAE,IAAI,CAAC,aAAa,IAAI;AACnC,qBAAA;AACD,oBAAA,IAAI;gBACR;YACJ,KAAK,UAAU,CAAC,KAAK;gBACjB,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,eAAe;AAC9B,oBAAA;wBACI,QAAQ,EAAE,IAAI,CAAC,SAAS;AACxB,wBAAA,QAAQ,EAAE,IAAI,CAAC,aAAa,IAAI;AACnC,qBAAA;oBACD,IAAI,CAAC,SAAS;gBAClB;YACJ,KAAK,UAAU,CAAC,YAAY;gBACxB,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,eAAe;AAC9B,oBAAA;AACI,wBAAA,QAAQ,EAAE,IAAI;AACd,wBAAA,QAAQ,EAAE,IAAI,CAAC,aAAa,IAAI;AACnC,qBAAA;AACD,oBAAA,IAAI;gBACR;;AAGR,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;;IAGxB,MAAM,GAAA;AACJ,QAAA,IAAI,IAAS;QAEb,IAAI,IAAI,CAAC,UAAU,EAAE,KAAK,UAAU,CAAC,YAAY,EAAE;YAC/C,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,eAAe;AAC9B,gBAAA;AACI,oBAAA,QAAQ,EAAE,KAAK;AACf,oBAAA,QAAQ,EAAE,IAAI,CAAC,aAAa,IAAI;AACnC,iBAAA;AACD,gBAAA,KAAK;;AAGb,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;;8GAnFb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC3B1B,qlEAyEqB,EAAA,MAAA,EAAA,CAAA,oEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDvDb,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,iOAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACf,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,eAAA,EAAA,WAAA,EAAA,IAAA,EAAA,UAAA,EAAA,eAAA,EAAA,MAAA,EAAA,OAAA,EAAA,eAAA,EAAA,UAAA,EAAA,OAAA,EAAA,qBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,qBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACjB,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,sCAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,MAAA,EAAA,kBAAA,EAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,sCAAA,EAAA,MAAA,EAAA,CAAA,IAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,8DAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,8DAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACf,kBAAkB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAClB,cAAc,iYACd,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAIN,aAAa,EAAA,UAAA,EAAA,CAAA;kBAdzB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EAAA,OAAA,EAGjB;wBACL,eAAe;wBACf,iBAAiB;wBACjB,eAAe;wBACf,kBAAkB;wBAClB,cAAc;wBACd;AACH,qBAAA,EAAA,UAAA,EACW,IAAI,EAAA,QAAA,EAAA,qlEAAA,EAAA,MAAA,EAAA,CAAA,oEAAA,CAAA,EAAA;;;MEXP,eAAe,CAAA;AAP5B,IAAA,WAAA,GAAA;AAQE,QAAA,IAAA,CAAA,QAAQ,GAAG;AACT,YAAA,IAAI,EAAE,MAAM,CAAmB,eAAe,CAAC;AAC/C,YAAA,SAAS,EAAE,MAAM,EAAC,YAA6B;SAChD;AAED,QAAA,IAAA,CAAA,UAAU,GAAG,UAAU,CAAC,MAAM;AAC/B;8GAPY,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECd5B,iJAIiB,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDOH,aAAa,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAGd,eAAe,EAAA,UAAA,EAAA,CAAA;kBAP3B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,EAAA,OAAA,EAGnB,CAAC,aAAa,CAAC,cACZ,IAAI,EAAA,QAAA,EAAA,iJAAA,EAAA;;;MEEP,qBAAqB,CAAA;AAPlC,IAAA,WAAA,GAAA;AAQE,QAAA,IAAA,CAAA,QAAQ,GAAG;AACT,YAAA,IAAI,EAAE,MAAM,CAAiB,eAAe,CAAC;AAC7C,YAAA,SAAS,EAAE,MAAM,EAAC,YAAmC;SACtD;AAED,QAAA,IAAA,CAAA,UAAU,GAAG,UAAU,CAAC,YAAY;AACrC;8GAPY,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECdlC,iJAIiB,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDOH,aAAa,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAGd,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAPjC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wBAAwB,EAAA,OAAA,EAGzB,CAAC,aAAa,CAAC,cACZ,IAAI,EAAA,QAAA,EAAA,iJAAA,EAAA;;;MEEP,cAAc,CAAA;AAP3B,IAAA,WAAA,GAAA;AAQE,QAAA,IAAA,CAAA,QAAQ,GAAG;AACT,YAAA,IAAI,EAAE,MAAM,CAAiB,eAAe,CAAC;AAC7C,YAAA,SAAS,EAAE,MAAM,EAAC,YAA4B;SAC/C;AAED,QAAA,IAAA,CAAA,UAAU,GAAG,UAAU,CAAC,KAAK;AAC9B;8GAPY,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECd3B,iJAIiB,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDOH,aAAa,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAGd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAP1B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAAA,OAAA,EAGlB,CAAC,aAAa,CAAC,cACZ,IAAI,EAAA,QAAA,EAAA,iJAAA,EAAA;;;MEEP,gBAAgB,CAAA;AAP7B,IAAA,WAAA,GAAA;AAQE,QAAA,IAAA,CAAA,QAAQ,GAAG;AACT,YAAA,IAAI,EAAE,MAAM,CAAiB,eAAe,CAAC;AAC7C,YAAA,SAAS,EAAE,MAAM,EAAC,YAA8B;SACjD;AAED,QAAA,IAAA,CAAA,UAAU,GAAG,UAAU,CAAC,OAAO;AAChC;8GAPY,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECd7B,iJAIiB,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDOH,aAAa,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAGd,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAP5B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,EAAA,OAAA,EAGpB,CAAC,aAAa,CAAC,cACZ,IAAI,EAAA,QAAA,EAAA,iJAAA,EAAA;;;ME8BP,YAAY,CAAA;8GAAZ,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAZ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,YAAY,YAvBrB,YAAY;YACZ,WAAW;YAEX,eAAe;YACf,iBAAiB;YACjB,eAAe;YACf,kBAAkB;YAClB,cAAc;YAEd,aAAa;YACb,eAAe;YACf,qBAAqB;YACrB,cAAc;AACd,YAAA,gBAAgB,aAGhB,aAAa;YACb,eAAe;YACf,qBAAqB;YACrB,cAAc;YACd,gBAAgB,CAAA,EAAA,CAAA,CAAA;AAGP,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,YAAY,YAvBrB,YAAY;YACZ,WAAW;YAEX,eAAe;YACf,iBAAiB;YACjB,eAAe;YACf,kBAAkB;YAClB,cAAc;YAEd,aAAa;YACb,eAAe;YACf,qBAAqB;YACrB,cAAc;YACd,gBAAgB,CAAA,EAAA,CAAA,CAAA;;2FAUP,YAAY,EAAA,UAAA,EAAA,CAAA;kBA1BxB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,EAAE;AAChB,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,WAAW;wBAEX,eAAe;wBACf,iBAAiB;wBACjB,eAAe;wBACf,kBAAkB;wBAClB,cAAc;wBAEd,aAAa;wBACb,eAAe;wBACf,qBAAqB;wBACrB,cAAc;wBACd;AACD,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,aAAa;wBACb,eAAe;wBACf,qBAAqB;wBACrB,cAAc;wBACd;AACD;AACF,iBAAA;;;AC7BD;;;;;AAKa;AAEb;;;AAGc;;ACtBd;;AAEG;;;;"}

package/fesm2022/cleavelandprice-ngx-lib-msgraph.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cleavelandprice-ngx-lib-msgraph.mjs","sources":["../../../../projects/cleavelandprice/ngx-lib/msgraph/src/model/room.ts","../../../../projects/cleavelandprice/ngx-lib/msgraph/src/model/user.ts","../../../../projects/cleavelandprice/ngx-lib/msgraph/src/msgraph.module.ts","../../../../projects/cleavelandprice/ngx-lib/msgraph/src/cleavelandprice-ngx-lib-msgraph.ts"],"sourcesContent":["import { Address } from \"./address\";\r\nimport { Coordinates } from \"./coordinates\";\r\n\r\nexport interface Room {\r\n address: Address;\r\n audioDeviceName: string;\r\n bookingType: number;\r\n building: string;\r\n capacity: number;\r\n displayDeviceName: string;\r\n emailAddress: string;\r\n floorLabel: string;\r\n floorNumber: number;\r\n geoCoordinates: Coordinates;\r\n isWheelChairAccessible: boolean;\r\n label: string;\r\n nickname: string;\r\n videoDeviceName: string;\r\n displayName: string;\r\n phone: string;\r\n id: string;\r\n oDataType: string;\r\n}\r\n\r\n/\r\n additionalData :\r\n tags : {}\r\n/","export interface User {\r\n city: string;\r\n createdDateTime: string; //Date;\r\n department: string;\r\n displayName: string;\r\n faxNumber: string;\r\n givenName: string;\r\n id: string;\r\n jobTitle: string;\r\n lastPasswordChangeDateTime: string; //Date;\r\n mail: string;\r\n mobilePhone: string;\r\n oDataType: string;\r\n onPremisesDistinguishedName: string;\r\n onPremisesDomainName: string;\r\n onPremisesImmutableId: string;\r\n onPremisesLastSyncDateTime: string; //Date;\r\n onPremisesSamAccountName: string;\r\n onPremisesSecurityIdentifier: string;\r\n onPremisesSyncEnabled: boolean;\r\n onPremisesUserPrincipalName: string;\r\n postalCode: string;\r\n securityIdentifier: string;\r\n state: string;\r\n streetAddress: string;\r\n surname: string;\r\n userPrincipalName: string;\r\n userType: string;\r\n}\r\n\r\n/\r\naccountEnabled :\r\nageGroup :\r\nassignedLicenses :\r\nassignedPlans :\r\nauthorizationInfo :\r\nbusinessPhones :\r\ncompanyName :\r\nconsentProvidedForMinor :\r\ncountry :\r\ncreationType :\r\nemployeeHireDate :\r\nemployeeId :\r\nemployeeOrgData :\r\nemployeeType :\r\nexternalUserState :\r\nexternalUserStateChangeDateTime :\r\nidentities :\r\nimAddresses :\r\nisResourceAccount :\r\nlegalAgeGroupClassification :\r\nlicenseAssignmentStates :\r\nmailNickname :\r\nofficeLocation :\r\nonPremisesExtensionAttributes : @{extensionAttribute1=DBR; extensionAttribute10=; extensionAttribute11=; extensionAttribute12=; extensionAttribute13=; extensionAttribute14=; extensionAttribute15=; extensionAttribute2=; extensionAttribute3=; extensionAttribute4=;\r\n extensionAttribute5=; extensionAttribute6=; extensionAttribute7=; extensionAttribute8=; extensionAttribute9=; additionalData=; oDataType=}\r\nonPremisesProvisioningErrors :\r\notherMails :\r\npasswordPolicies : DisablePasswordExpiration\r\npasswordProfile :\r\npreferredDataLocation :\r\npreferredLanguage :\r\nprovisionedPlans :\r\nproxyAddresses :\r\nshowInAddressList :\r\nsignInSessionsValidFromDateTime :\r\nusageLocation :\r\nmailboxSettings :\r\ndeviceEnrollmentLimit :\r\naboutMe :\r\nbirthday :\r\nhireDate :\r\ninterests :\r\nmySite :\r\npastProjects :\r\npreferredName :\r\nresponsibilities :\r\nschools :\r\nskills :\r\nappRoleAssignments :\r\nappRoleAssignmentsNextLink :\r\ncreatedObjects :\r\ncreatedObjectsNextLink :\r\ndirectReports :\r\ndirectReportsNextLink :\r\nlicenseDetails :\r\nlicenseDetailsNextLink :\r\nmanager :\r\nmemberOf :\r\nmemberOfNextLink :\r\noauth2PermissionGrants :\r\noauth2PermissionGrantsNextLink :\r\nownedDevices :\r\nownedDevicesNextLink :\r\nownedObjects :\r\nownedObjectsNextLink :\r\nregisteredDevices :\r\nregisteredDevicesNextLink :\r\nscopedRoleMemberOf :\r\nscopedRoleMemberOfNextLink :\r\ntransitiveMemberOf :\r\ntransitiveMemberOfNextLink : \r\ncalendar :\r\ncalendarGroups :\r\ncalendarGroupsNextLink :\r\ncalendars :\r\ncalendarsNextLink :\r\ncalendarView :\r\ncalendarViewNextLink :\r\ncontactFolders :\r\ncontactFoldersNextLink :\r\ncontacts :\r\ncontactsNextLink :\r\nevents :\r\neventsNextLink :\r\ninferenceClassification :\r\nmailFolders :\r\nmailFoldersNextLink :\r\nmessages :\r\nmessagesNextLink :\r\noutlook :\r\npeople :\r\npeopleNextLink :\r\ndrive :\r\ndrives :\r\ndrivesNextLink :\r\nfollowedSites :\r\nfollowedSitesNextLink :\r\nextensions :\r\nextensionsNextLink :\r\nagreementAcceptances :\r\nagreementAcceptancesNextLink :\r\nmanagedDevices :\r\nmanagedDevicesNextLink :\r\nmanagedAppRegistrations :\r\nmanagedAppRegistrationsNextLink :\r\ndeviceManagementTroubleshootingEvents :\r\ndeviceManagementTroubleshootingEventsNextLink :\r\nplanner :\r\ninsights :\r\nsettings :\r\nonenote :\r\nphoto :\r\nphotos :\r\nphotosNextLink :\r\nactivities :\r\nactivitiesNextLink :\r\nonlineMeetings :\r\nonlineMeetingsNextLink :\r\npresence :\r\nauthentication :\r\nchats :\r\nchatsNextLink :\r\njoinedTeams :\r\njoinedTeamsNextLink :\r\nteamwork :\r\ntodo :\r\ndeletedDateTime :\r\nadditionalData :\r\n/","import { CommonModule } from '@angular/common';\r\nimport { NgModule, Optional, SkipSelf } from '@angular/core';\r\n\r\n@NgModule({\r\n declarations: [],\r\n imports: [\r\n CommonModule\r\n ]\r\n})\r\nexport class MSGraphModule {\r\n constructor(@Optional() @SkipSelf() parentModule: MSGraphModule) {\r\n if (parentModule) {\r\n throw new Error(\r\n 'MSGraphModule is already loaded. Import it in the AppModule only');\r\n }\r\n }\r\n}","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './msgraph.api';\n"],"names":[],"mappings":";;;;AAwBA;;;AAGE;;ACGF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiIE;;MCtJW,aAAa,CAAA;AACxB,IAAA,WAAA,CAAoC,YAA2B,EAAA;QAC7D,IAAI,YAAY,EAAE;AAChB,YAAA,MAAM,IAAI,KAAK,CACb,kEAAkE,CAAC;;;8GAJ9D,aAAa,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YAHtB,YAAY,CAAA,EAAA,CAAA,CAAA;AAGH,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YAHtB,YAAY,CAAA,EAAA,CAAA,CAAA;;2FAGH,aAAa,EAAA,UAAA,EAAA,CAAA;kBANzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,EAAE;AAChB,oBAAA,OAAO,EAAE;wBACP;AACD;AACF,iBAAA;;0BAEc;;0BAAY;;;ACV3B;;AAEG;;;;"}
1	+ {"version":3,"file":"cleavelandprice-ngx-lib-msgraph.mjs","sources":["../../../../projects/cleavelandprice/ngx-lib/msgraph/src/model/room.ts","../../../../projects/cleavelandprice/ngx-lib/msgraph/src/model/user.ts","../../../../projects/cleavelandprice/ngx-lib/msgraph/src/msgraph.module.ts","../../../../projects/cleavelandprice/ngx-lib/msgraph/src/cleavelandprice-ngx-lib-msgraph.ts"],"sourcesContent":["import { Address } from \"./address\";\r\nimport { Coordinates } from \"./coordinates\";\r\n\r\nexport interface Room {\r\n address: Address;\r\n audioDeviceName: string;\r\n bookingType: number;\r\n building: string;\r\n capacity: number;\r\n displayDeviceName: string;\r\n emailAddress: string;\r\n floorLabel: string;\r\n floorNumber: number;\r\n geoCoordinates: Coordinates;\r\n isWheelChairAccessible: boolean;\r\n label: string;\r\n nickname: string;\r\n videoDeviceName: string;\r\n displayName: string;\r\n phone: string;\r\n id: string;\r\n oDataType: string;\r\n}\r\n\r\n/\r\n additionalData :\r\n tags : {}\r\n/","export interface User {\r\n city: string;\r\n createdDateTime: string; //Date;\r\n department: string;\r\n displayName: string;\r\n faxNumber: string;\r\n givenName: string;\r\n id: string;\r\n jobTitle: string;\r\n lastPasswordChangeDateTime: string; //Date;\r\n mail: string;\r\n mobilePhone: string;\r\n oDataType: string;\r\n onPremisesDistinguishedName: string;\r\n onPremisesDomainName: string;\r\n onPremisesImmutableId: string;\r\n onPremisesLastSyncDateTime: string; //Date;\r\n onPremisesSamAccountName: string;\r\n onPremisesSecurityIdentifier: string;\r\n onPremisesSyncEnabled: boolean;\r\n onPremisesUserPrincipalName: string;\r\n postalCode: string;\r\n securityIdentifier: string;\r\n state: string;\r\n streetAddress: string;\r\n surname: string;\r\n userPrincipalName: string;\r\n userType: string;\r\n}\r\n\r\n/\r\naccountEnabled :\r\nageGroup :\r\nassignedLicenses :\r\nassignedPlans :\r\nauthorizationInfo :\r\nbusinessPhones :\r\ncompanyName :\r\nconsentProvidedForMinor :\r\ncountry :\r\ncreationType :\r\nemployeeHireDate :\r\nemployeeId :\r\nemployeeOrgData :\r\nemployeeType :\r\nexternalUserState :\r\nexternalUserStateChangeDateTime :\r\nidentities :\r\nimAddresses :\r\nisResourceAccount :\r\nlegalAgeGroupClassification :\r\nlicenseAssignmentStates :\r\nmailNickname :\r\nofficeLocation :\r\nonPremisesExtensionAttributes : @{extensionAttribute1=DBR; extensionAttribute10=; extensionAttribute11=; extensionAttribute12=; extensionAttribute13=; extensionAttribute14=; extensionAttribute15=; extensionAttribute2=; extensionAttribute3=; extensionAttribute4=;\r\n extensionAttribute5=; extensionAttribute6=; extensionAttribute7=; extensionAttribute8=; extensionAttribute9=; additionalData=; oDataType=}\r\nonPremisesProvisioningErrors :\r\notherMails :\r\npasswordPolicies : DisablePasswordExpiration\r\npasswordProfile :\r\npreferredDataLocation :\r\npreferredLanguage :\r\nprovisionedPlans :\r\nproxyAddresses :\r\nshowInAddressList :\r\nsignInSessionsValidFromDateTime :\r\nusageLocation :\r\nmailboxSettings :\r\ndeviceEnrollmentLimit :\r\naboutMe :\r\nbirthday :\r\nhireDate :\r\ninterests :\r\nmySite :\r\npastProjects :\r\npreferredName :\r\nresponsibilities :\r\nschools :\r\nskills :\r\nappRoleAssignments :\r\nappRoleAssignmentsNextLink :\r\ncreatedObjects :\r\ncreatedObjectsNextLink :\r\ndirectReports :\r\ndirectReportsNextLink :\r\nlicenseDetails :\r\nlicenseDetailsNextLink :\r\nmanager :\r\nmemberOf :\r\nmemberOfNextLink :\r\noauth2PermissionGrants :\r\noauth2PermissionGrantsNextLink :\r\nownedDevices :\r\nownedDevicesNextLink :\r\nownedObjects :\r\nownedObjectsNextLink :\r\nregisteredDevices :\r\nregisteredDevicesNextLink :\r\nscopedRoleMemberOf :\r\nscopedRoleMemberOfNextLink :\r\ntransitiveMemberOf :\r\ntransitiveMemberOfNextLink : \r\ncalendar :\r\ncalendarGroups :\r\ncalendarGroupsNextLink :\r\ncalendars :\r\ncalendarsNextLink :\r\ncalendarView :\r\ncalendarViewNextLink :\r\ncontactFolders :\r\ncontactFoldersNextLink :\r\ncontacts :\r\ncontactsNextLink :\r\nevents :\r\neventsNextLink :\r\ninferenceClassification :\r\nmailFolders :\r\nmailFoldersNextLink :\r\nmessages :\r\nmessagesNextLink :\r\noutlook :\r\npeople :\r\npeopleNextLink :\r\ndrive :\r\ndrives :\r\ndrivesNextLink :\r\nfollowedSites :\r\nfollowedSitesNextLink :\r\nextensions :\r\nextensionsNextLink :\r\nagreementAcceptances :\r\nagreementAcceptancesNextLink :\r\nmanagedDevices :\r\nmanagedDevicesNextLink :\r\nmanagedAppRegistrations :\r\nmanagedAppRegistrationsNextLink :\r\ndeviceManagementTroubleshootingEvents :\r\ndeviceManagementTroubleshootingEventsNextLink :\r\nplanner :\r\ninsights :\r\nsettings :\r\nonenote :\r\nphoto :\r\nphotos :\r\nphotosNextLink :\r\nactivities :\r\nactivitiesNextLink :\r\nonlineMeetings :\r\nonlineMeetingsNextLink :\r\npresence :\r\nauthentication :\r\nchats :\r\nchatsNextLink :\r\njoinedTeams :\r\njoinedTeamsNextLink :\r\nteamwork :\r\ntodo :\r\ndeletedDateTime :\r\nadditionalData :\r\n/","import { CommonModule } from '@angular/common';\nimport { NgModule, Optional, SkipSelf } from '@angular/core';\n\n@NgModule({\n declarations: [],\n imports: [\n CommonModule\n ]\n})\nexport class MSGraphModule {\n constructor(@Optional() @SkipSelf() parentModule: MSGraphModule) {\n if (parentModule) {\n throw new Error(\n 'MSGraphModule is already loaded. Import it in the AppModule only');\n }\n }\n}","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './msgraph.api';\n"],"names":[],"mappings":";;;;AAwBA;;;AAGE;;ACGF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiIE;;MCtJW,aAAa,CAAA;AACxB,IAAA,WAAA,CAAoC,YAA2B,EAAA;QAC7D,IAAI,YAAY,EAAE;AAChB,YAAA,MAAM,IAAI,KAAK,CACb,kEAAkE,CAAC;;;8GAJ9D,aAAa,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YAHtB,YAAY,CAAA,EAAA,CAAA,CAAA;AAGH,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YAHtB,YAAY,CAAA,EAAA,CAAA,CAAA;;2FAGH,aAAa,EAAA,UAAA,EAAA,CAAA;kBANzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,EAAE;AAChB,oBAAA,OAAO,EAAE;wBACP;AACD;AACF,iBAAA;;0BAEc;;0BAAY;;;ACV3B;;AAEG;;;;"}

package/fesm2022/cleavelandprice-ngx-lib-quill-mention.mjs CHANGED Viewed

@@ -127,7 +127,7 @@ class EditorComponent extends EditorComponent$1 {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => EditorComponent),
                 multi: true
-            }], usesInheritance: true, ngImport: i0, template: "@if (users()) {\r\n  <form>\r\n    <quill-editor name=\"editor\"\r\n      [(ngModel)]=\"value\"\r\n      (ngModelChange)=\"updateChanges()\"\r\n      [placeholder]=\"placeholder() ?? ''\"\r\n      [format]=\"format() ?? 'html'\"\r\n      [style.height]=\"fullscreen() ? fullscreenHeight() : height()\"\r\n      [style.width]=\"fullscreen() ? fullscreenWidth() : width()\"\r\n      [readOnly]=\"readonly() ?? false\"\r\n      [class.readonly]=\"readonly() && applyReadonlyStyle()\"\r\n      [class.no-toolbar]=\"!showToolbar()\"\r\n      [class.no-border]=\"!showBorder()\"\r\n      [modules]=\"modules\"\r\n      (onBlur)=\"onBlur.emit($event)\"\r\n      (onContentChanged)=\"onContentChanged.emit($event)\"\r\n      (onEditorChanged)=\"onEditorChanged.emit($event)\"\r\n      (onEditorCreated)=\"onEditorCreated.emit()\"\r\n      (onFocus)=\"onFocus.emit($event)\"\r\n      (onSelectionChanged)=\"onSelectionChanged.emit($event)\">\r\n      @if (showToolbar()) {\r\n        <div quill-editor-toolbar>\r\n          <ng-container [ngTemplateOutlet]=\"toolbar\"/>\r\n          <ng-container [ngTemplateOutlet]=\"editorSize\"/>\r\n        </div>\r\n      }\r\n    </quill-editor>\r\n  </form>\r\n}\r\n\r\n<ng-template #toolbar>\r\n  <div>\r\n    <ng-container [ngTemplateOutlet]=\"fontStyle\"/>\r\n    <ng-container [ngTemplateOutlet]=\"blockStyle\"/>\r\n    <ng-container [ngTemplateOutlet]=\"headingStyle\"/>\r\n    <ng-container [ngTemplateOutlet]=\"listStyle\"/>\r\n    <ng-container [ngTemplateOutlet]=\"scriptStyle\"/>\r\n    <ng-container [ngTemplateOutlet]=\"indentStyle\"/>\r\n    <ng-container [ngTemplateOutlet]=\"rtl\"/>\r\n    <ng-container [ngTemplateOutlet]=\"fontSize\"/>\r\n    <ng-container [ngTemplateOutlet]=\"heading\"/>\r\n    <ng-container [ngTemplateOutlet]=\"color\"/>\r\n    <ng-container [ngTemplateOutlet]=\"font\"/>\r\n    <ng-container [ngTemplateOutlet]=\"align\"/>\r\n    <ng-container [ngTemplateOutlet]=\"clean\"/>\r\n    <ng-container [ngTemplateOutlet]=\"formula\"/>\r\n    <ng-container [ngTemplateOutlet]=\"media\"/>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #fontStyle>\r\n  @if (showFontStyle) {\r\n    <span class=\"ql-formats\">\r\n      @if (config()!.buttons!.bold!) {\r\n        <button class=\"ql-bold\"           [matTooltip]=\"tooltip(config()!.tooltips!.bold!)\"></button>\r\n      }\r\n      @if (config()!.buttons!.italic!) {\r\n        <button class=\"ql-italic\"       [matTooltip]=\"tooltip(config()!.tooltips!.italic!)\"></button>\r\n      }\r\n      @if (config()!.buttons!.underline!) {\r\n        <button class=\"ql-underline\" [matTooltip]=\"tooltip(config()!.tooltips!.underline!)\"></button>\r\n      }\r\n      @if (config()!.buttons!.strike!) {\r\n        <button class=\"ql-strike\"       [matTooltip]=\"tooltip(config()!.tooltips!.strike!)\"></button>\r\n      }\r\n    </span>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #blockStyle>\r\n  @if (showBlockStyle) {\r\n    <span class=\"ql-formats\">\r\n      @if (config()!.buttons!.blockquote!) {\r\n        <button class=\"ql-blockquote\" [matTooltip]=\"tooltip(config()!.tooltips!.blockquote!)\"></button>\r\n      }\r\n      @if (config()!.buttons!.codeblock!) {\r\n        <button class=\"ql-code-block\"  [matTooltip]=\"tooltip(config()!.tooltips!.codeblock!)\"></button>\r\n      }\r\n    </span>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #headingStyle>\r\n  @if (showQuickHeadingStyle) {\r\n    <span class=\"ql-formats\">\r\n      @if (config()!.buttons!.h1!) {\r\n        <button class=\"ql-header\" value=\"1\" [matTooltip]=\"tooltip(config()!.tooltips!.h1!)\"></button>\r\n      }\r\n      @if (config()!.buttons!.h2!) {\r\n        <button class=\"ql-header\" value=\"2\" [matTooltip]=\"tooltip(config()!.tooltips!.h2!)\"></button>\r\n      }\r\n    </span>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #listStyle>\r\n  @if (showListStyle) {\r\n    <span class=\"ql-formats\">\r\n      @if (config()!.buttons!.ordered!) {\r\n        <button class=\"ql-list\" value=\"ordered\"  [matTooltip]=\"tooltip(config()!.tooltips!.ordered!)\"></button>\r\n      }\r\n      @if (config()!.buttons!.bulleted!) {\r\n        <button class=\"ql-list\" value=\"bullet\"  [matTooltip]=\"tooltip(config()!.tooltips!.bulleted!)\"></button>\r\n      }\r\n    </span>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #scriptStyle>\r\n  @if (showScriptStyle) {\r\n    <span class=\"ql-formats\">\r\n      @if (config()!.buttons!.subScript!) {\r\n        <button class=\"ql-script\" value=\"sub\"   [matTooltip]=\"tooltip(config()!.tooltips!.subScript!)\"></button>\r\n      }\r\n      @if (config()!.buttons!.superScript!) {\r\n        <button class=\"ql-script\" value=\"super\" [matTooltip]=\"tooltip(config()!.tooltips!.superScript!)\"></button>\r\n      }\r\n    </span>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #indentStyle>\r\n  @if (showIndentStyle) {\r\n    <span class=\"ql-formats\">\r\n      @if (config()!.buttons!.decreaseIndent!) {\r\n        <button class=\"ql-indent\" value=\"-1\" [matTooltip]=\"tooltip(config()!.tooltips!.decreaseIndent!)\"></button>\r\n      }\r\n      @if (config()!.buttons!.increaseIndent!) {\r\n        <button class=\"ql-indent\" value=\"+1\" [matTooltip]=\"tooltip(config()!.tooltips!.increaseIndent!)\"></button>\r\n      }\r\n    </span>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #rtl>\r\n  @if (config()!.buttons!.rtl!) {\r\n    <span class=\"ql-formats\">\r\n      <button class=\"ql-direction\" value=\"rtl\" [matTooltip]=\"tooltip(config()!.tooltips!.rtl!)\"></button>\r\n    </span>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #fontSize>\r\n  @if (config()!.buttons!.fontSize!) {\r\n    <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.fontSize!)\">\r\n      <select class=\"ql-size\">\r\n        <option value=\"small\"></option>\r\n        <option selected></option>\r\n        <option value=\"large\"></option>\r\n        <option value=\"huge\"></option>\r\n      </select>\r\n    </span>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #heading>\r\n  @if (config()!.buttons!.headingStyle!) {\r\n    <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.headingStyle!)\">\r\n      <select class=\"ql-header\">\r\n        <option value=\"1\"></option>\r\n        <option value=\"2\"></option>\r\n        <option value=\"3\"></option>\r\n        <option value=\"4\"></option>\r\n        <option value=\"5\"></option>\r\n        <option value=\"6\"></option>\r\n        <option selected=\"selected\"></option>\r\n      </select>\r\n    </span>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #color>\r\n  @if (config()!.buttons!.color!) {\r\n    <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.color!)\">\r\n      <select class=\"ql-color\"></select>\r\n      <select class=\"ql-background\"></select>\r\n    </span>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #font>\r\n  @if (config()!.buttons!.font!) {\r\n    <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.font!)\">\r\n      <select class=\"ql-font\">\r\n        <option selected></option>\r\n        <option value=\"serif\"></option>\r\n        <option value=\"monospace\"></option>\r\n      </select>\r\n    </span>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #align>\r\n  @if (config()!.buttons!.align!) {\r\n    <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.align!)\">\r\n      <select class=\"ql-align\">\r\n        <option selected></option>\r\n        <option value=\"center\"></option>\r\n        <option value=\"right\"></option>\r\n        <option value=\"justify\"></option>\r\n      </select>\r\n    </span>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #clean>\r\n  @if (config()!.buttons!.clean!) {\r\n    <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.clean!)\">\r\n      <button class=\"ql-clean\"></button>\r\n    </span>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #media>\r\n  @if (showMedia) {\r\n    <span class=\"ql-formats\">\r\n      @if (config()!.buttons!.link!) {\r\n        <button class=\"ql-link\"  [matTooltip]=\"tooltip(config()!.tooltips!.link!)\"></button>\r\n      }\r\n      @if (config()!.buttons!.image!) {\r\n        <button class=\"ql-image\" [matTooltip]=\"tooltip(config()!.tooltips!.image!)\"></button>\r\n      }\r\n      @if (config()!.buttons!.video!) {\r\n        <button class=\"ql-video\" [matTooltip]=\"tooltip(config()!.tooltips!.video!)\"></button>\r\n      }\r\n    </span>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #editorSize>\r\n  <div>\r\n    @if (config()!.buttons!.rawEditor!) {\r\n      <span class=\"ql-formats\">\r\n        <button id=\"rawdog\"\r\n          [matTooltip]=\"tooltip(config()!.tooltips!.rawEditor!)\">\r\n          <mat-icon (click)=\"rawEdit()\">\r\n            code\r\n          </mat-icon>\r\n        </button>\r\n      </span>\r\n    }\r\n\r\n    @if (config()!.buttons!.editorSize!) {\r\n      <span class=\"ql-formats\">\r\n        <button id=\"fullscreen\"\r\n                [matTooltip]=\"tooltip(fullscreen() ?\r\n                    (fullscreenMode() === 'expand' ? config()!.tooltips!.minimize! : config()!.tooltips!.popin!) :\r\n                    (fullscreenMode() === 'expand' ? config()!.tooltips!.maximize! : config()!.tooltips!.popout!))\">\r\n          <mat-icon (click)=\"toggleFullscreen()\">\r\n            {{ fullscreen() ?\r\n            (fullscreenMode() === 'expand' ? config()!.icons!.minimize! : config()!.icons!.popin!) :\r\n            (fullscreenMode() === 'expand' ? config()!.icons!.maximize! : config()!.icons!.popout!)\r\n            }}\r\n          </mat-icon>\r\n        </button>\r\n      </span>\r\n    }\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #formula>\r\n  @if (config()!.buttons!.formula!) {\r\n    <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.formula!)\">\r\n      <button class=\"ql-formula\"></button>\r\n    </span>\r\n  }\r\n</ng-template>", styles: [".ql-toolbar{display:grid;grid-template-columns:1fr auto}mat-icon{color:#ff4500}quill-editor.readonly .ql-toolbar{opacity:.5}::ng-deep quill-editor.no-toolbar .ql-toolbar{height:0;padding:0;visibility:hidden}::ng-deep quill-editor.no-border .ql-container{border:none}::ng-deep quill-editor.readonly .ql-container{background-color:#f5f5f5!important}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: QuillEditorComponent, selector: "quill-editor" }] }); }
+            }], usesInheritance: true, ngImport: i0, template: "@if (users()) {\n  <form>\n    <quill-editor name=\"editor\"\n      [(ngModel)]=\"value\"\n      (ngModelChange)=\"updateChanges()\"\n      [placeholder]=\"placeholder() ?? ''\"\n      [format]=\"format() ?? 'html'\"\n      [style.height]=\"fullscreen() ? fullscreenHeight() : height()\"\n      [style.width]=\"fullscreen() ? fullscreenWidth() : width()\"\n      [readOnly]=\"readonly() ?? false\"\n      [class.readonly]=\"readonly() && applyReadonlyStyle()\"\n      [class.no-toolbar]=\"!showToolbar()\"\n      [class.no-border]=\"!showBorder()\"\n      [modules]=\"modules\"\n      (onBlur)=\"onBlur.emit($event)\"\n      (onContentChanged)=\"onContentChanged.emit($event)\"\n      (onEditorChanged)=\"onEditorChanged.emit($event)\"\n      (onEditorCreated)=\"onEditorCreated.emit()\"\n      (onFocus)=\"onFocus.emit($event)\"\n      (onSelectionChanged)=\"onSelectionChanged.emit($event)\">\n      @if (showToolbar()) {\n        <div quill-editor-toolbar>\n          <ng-container [ngTemplateOutlet]=\"toolbar\"/>\n          <ng-container [ngTemplateOutlet]=\"editorSize\"/>\n        </div>\n      }\n    </quill-editor>\n  </form>\n}\n\n<ng-template #toolbar>\n  <div>\n    <ng-container [ngTemplateOutlet]=\"fontStyle\"/>\n    <ng-container [ngTemplateOutlet]=\"blockStyle\"/>\n    <ng-container [ngTemplateOutlet]=\"headingStyle\"/>\n    <ng-container [ngTemplateOutlet]=\"listStyle\"/>\n    <ng-container [ngTemplateOutlet]=\"scriptStyle\"/>\n    <ng-container [ngTemplateOutlet]=\"indentStyle\"/>\n    <ng-container [ngTemplateOutlet]=\"rtl\"/>\n    <ng-container [ngTemplateOutlet]=\"fontSize\"/>\n    <ng-container [ngTemplateOutlet]=\"heading\"/>\n    <ng-container [ngTemplateOutlet]=\"color\"/>\n    <ng-container [ngTemplateOutlet]=\"font\"/>\n    <ng-container [ngTemplateOutlet]=\"align\"/>\n    <ng-container [ngTemplateOutlet]=\"clean\"/>\n    <ng-container [ngTemplateOutlet]=\"formula\"/>\n    <ng-container [ngTemplateOutlet]=\"media\"/>\n  </div>\n</ng-template>\n\n<ng-template #fontStyle>\n  @if (showFontStyle) {\n    <span class=\"ql-formats\">\n      @if (config()!.buttons!.bold!) {\n        <button class=\"ql-bold\"           [matTooltip]=\"tooltip(config()!.tooltips!.bold!)\"></button>\n      }\n      @if (config()!.buttons!.italic!) {\n        <button class=\"ql-italic\"       [matTooltip]=\"tooltip(config()!.tooltips!.italic!)\"></button>\n      }\n      @if (config()!.buttons!.underline!) {\n        <button class=\"ql-underline\" [matTooltip]=\"tooltip(config()!.tooltips!.underline!)\"></button>\n      }\n      @if (config()!.buttons!.strike!) {\n        <button class=\"ql-strike\"       [matTooltip]=\"tooltip(config()!.tooltips!.strike!)\"></button>\n      }\n    </span>\n  }\n</ng-template>\n\n<ng-template #blockStyle>\n  @if (showBlockStyle) {\n    <span class=\"ql-formats\">\n      @if (config()!.buttons!.blockquote!) {\n        <button class=\"ql-blockquote\" [matTooltip]=\"tooltip(config()!.tooltips!.blockquote!)\"></button>\n      }\n      @if (config()!.buttons!.codeblock!) {\n        <button class=\"ql-code-block\"  [matTooltip]=\"tooltip(config()!.tooltips!.codeblock!)\"></button>\n      }\n    </span>\n  }\n</ng-template>\n\n<ng-template #headingStyle>\n  @if (showQuickHeadingStyle) {\n    <span class=\"ql-formats\">\n      @if (config()!.buttons!.h1!) {\n        <button class=\"ql-header\" value=\"1\" [matTooltip]=\"tooltip(config()!.tooltips!.h1!)\"></button>\n      }\n      @if (config()!.buttons!.h2!) {\n        <button class=\"ql-header\" value=\"2\" [matTooltip]=\"tooltip(config()!.tooltips!.h2!)\"></button>\n      }\n    </span>\n  }\n</ng-template>\n\n<ng-template #listStyle>\n  @if (showListStyle) {\n    <span class=\"ql-formats\">\n      @if (config()!.buttons!.ordered!) {\n        <button class=\"ql-list\" value=\"ordered\"  [matTooltip]=\"tooltip(config()!.tooltips!.ordered!)\"></button>\n      }\n      @if (config()!.buttons!.bulleted!) {\n        <button class=\"ql-list\" value=\"bullet\"  [matTooltip]=\"tooltip(config()!.tooltips!.bulleted!)\"></button>\n      }\n    </span>\n  }\n</ng-template>\n\n<ng-template #scriptStyle>\n  @if (showScriptStyle) {\n    <span class=\"ql-formats\">\n      @if (config()!.buttons!.subScript!) {\n        <button class=\"ql-script\" value=\"sub\"   [matTooltip]=\"tooltip(config()!.tooltips!.subScript!)\"></button>\n      }\n      @if (config()!.buttons!.superScript!) {\n        <button class=\"ql-script\" value=\"super\" [matTooltip]=\"tooltip(config()!.tooltips!.superScript!)\"></button>\n      }\n    </span>\n  }\n</ng-template>\n\n<ng-template #indentStyle>\n  @if (showIndentStyle) {\n    <span class=\"ql-formats\">\n      @if (config()!.buttons!.decreaseIndent!) {\n        <button class=\"ql-indent\" value=\"-1\" [matTooltip]=\"tooltip(config()!.tooltips!.decreaseIndent!)\"></button>\n      }\n      @if (config()!.buttons!.increaseIndent!) {\n        <button class=\"ql-indent\" value=\"+1\" [matTooltip]=\"tooltip(config()!.tooltips!.increaseIndent!)\"></button>\n      }\n    </span>\n  }\n</ng-template>\n\n<ng-template #rtl>\n  @if (config()!.buttons!.rtl!) {\n    <span class=\"ql-formats\">\n      <button class=\"ql-direction\" value=\"rtl\" [matTooltip]=\"tooltip(config()!.tooltips!.rtl!)\"></button>\n    </span>\n  }\n</ng-template>\n\n<ng-template #fontSize>\n  @if (config()!.buttons!.fontSize!) {\n    <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.fontSize!)\">\n      <select class=\"ql-size\">\n        <option value=\"small\"></option>\n        <option selected></option>\n        <option value=\"large\"></option>\n        <option value=\"huge\"></option>\n      </select>\n    </span>\n  }\n</ng-template>\n\n<ng-template #heading>\n  @if (config()!.buttons!.headingStyle!) {\n    <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.headingStyle!)\">\n      <select class=\"ql-header\">\n        <option value=\"1\"></option>\n        <option value=\"2\"></option>\n        <option value=\"3\"></option>\n        <option value=\"4\"></option>\n        <option value=\"5\"></option>\n        <option value=\"6\"></option>\n        <option selected=\"selected\"></option>\n      </select>\n    </span>\n  }\n</ng-template>\n\n<ng-template #color>\n  @if (config()!.buttons!.color!) {\n    <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.color!)\">\n      <select class=\"ql-color\"></select>\n      <select class=\"ql-background\"></select>\n    </span>\n  }\n</ng-template>\n\n<ng-template #font>\n  @if (config()!.buttons!.font!) {\n    <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.font!)\">\n      <select class=\"ql-font\">\n        <option selected></option>\n        <option value=\"serif\"></option>\n        <option value=\"monospace\"></option>\n      </select>\n    </span>\n  }\n</ng-template>\n\n<ng-template #align>\n  @if (config()!.buttons!.align!) {\n    <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.align!)\">\n      <select class=\"ql-align\">\n        <option selected></option>\n        <option value=\"center\"></option>\n        <option value=\"right\"></option>\n        <option value=\"justify\"></option>\n      </select>\n    </span>\n  }\n</ng-template>\n\n<ng-template #clean>\n  @if (config()!.buttons!.clean!) {\n    <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.clean!)\">\n      <button class=\"ql-clean\"></button>\n    </span>\n  }\n</ng-template>\n\n<ng-template #media>\n  @if (showMedia) {\n    <span class=\"ql-formats\">\n      @if (config()!.buttons!.link!) {\n        <button class=\"ql-link\"  [matTooltip]=\"tooltip(config()!.tooltips!.link!)\"></button>\n      }\n      @if (config()!.buttons!.image!) {\n        <button class=\"ql-image\" [matTooltip]=\"tooltip(config()!.tooltips!.image!)\"></button>\n      }\n      @if (config()!.buttons!.video!) {\n        <button class=\"ql-video\" [matTooltip]=\"tooltip(config()!.tooltips!.video!)\"></button>\n      }\n    </span>\n  }\n</ng-template>\n\n<ng-template #editorSize>\n  <div>\n    @if (config()!.buttons!.rawEditor!) {\n      <span class=\"ql-formats\">\n        <button id=\"rawdog\"\n          [matTooltip]=\"tooltip(config()!.tooltips!.rawEditor!)\">\n          <mat-icon (click)=\"rawEdit()\">\n            code\n          </mat-icon>\n        </button>\n      </span>\n    }\n\n    @if (config()!.buttons!.editorSize!) {\n      <span class=\"ql-formats\">\n        <button id=\"fullscreen\"\n                [matTooltip]=\"tooltip(fullscreen() ?\n                    (fullscreenMode() === 'expand' ? config()!.tooltips!.minimize! : config()!.tooltips!.popin!) :\n                    (fullscreenMode() === 'expand' ? config()!.tooltips!.maximize! : config()!.tooltips!.popout!))\">\n          <mat-icon (click)=\"toggleFullscreen()\">\n            {{ fullscreen() ?\n            (fullscreenMode() === 'expand' ? config()!.icons!.minimize! : config()!.icons!.popin!) :\n            (fullscreenMode() === 'expand' ? config()!.icons!.maximize! : config()!.icons!.popout!)\n            }}\n          </mat-icon>\n        </button>\n      </span>\n    }\n  </div>\n</ng-template>\n\n<ng-template #formula>\n  @if (config()!.buttons!.formula!) {\n    <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.formula!)\">\n      <button class=\"ql-formula\"></button>\n    </span>\n  }\n</ng-template>", styles: [".ql-toolbar{display:grid;grid-template-columns:1fr auto}mat-icon{color:#ff4500}quill-editor.readonly .ql-toolbar{opacity:.5}::ng-deep quill-editor.no-toolbar .ql-toolbar{height:0;padding:0;visibility:hidden}::ng-deep quill-editor.no-border .ql-container{border:none}::ng-deep quill-editor.readonly .ql-container{background-color:#f5f5f5!important}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: QuillEditorComponent, selector: "quill-editor" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EditorComponent, decorators: [{
             type: Component,
@@ -141,7 +141,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => EditorComponent),
                             multi: true
-                        }], template: "@if (users()) {\r\n  <form>\r\n    <quill-editor name=\"editor\"\r\n      [(ngModel)]=\"value\"\r\n      (ngModelChange)=\"updateChanges()\"\r\n      [placeholder]=\"placeholder() ?? ''\"\r\n      [format]=\"format() ?? 'html'\"\r\n      [style.height]=\"fullscreen() ? fullscreenHeight() : height()\"\r\n      [style.width]=\"fullscreen() ? fullscreenWidth() : width()\"\r\n      [readOnly]=\"readonly() ?? false\"\r\n      [class.readonly]=\"readonly() && applyReadonlyStyle()\"\r\n      [class.no-toolbar]=\"!showToolbar()\"\r\n      [class.no-border]=\"!showBorder()\"\r\n      [modules]=\"modules\"\r\n      (onBlur)=\"onBlur.emit($event)\"\r\n      (onContentChanged)=\"onContentChanged.emit($event)\"\r\n      (onEditorChanged)=\"onEditorChanged.emit($event)\"\r\n      (onEditorCreated)=\"onEditorCreated.emit()\"\r\n      (onFocus)=\"onFocus.emit($event)\"\r\n      (onSelectionChanged)=\"onSelectionChanged.emit($event)\">\r\n      @if (showToolbar()) {\r\n        <div quill-editor-toolbar>\r\n          <ng-container [ngTemplateOutlet]=\"toolbar\"/>\r\n          <ng-container [ngTemplateOutlet]=\"editorSize\"/>\r\n        </div>\r\n      }\r\n    </quill-editor>\r\n  </form>\r\n}\r\n\r\n<ng-template #toolbar>\r\n  <div>\r\n    <ng-container [ngTemplateOutlet]=\"fontStyle\"/>\r\n    <ng-container [ngTemplateOutlet]=\"blockStyle\"/>\r\n    <ng-container [ngTemplateOutlet]=\"headingStyle\"/>\r\n    <ng-container [ngTemplateOutlet]=\"listStyle\"/>\r\n    <ng-container [ngTemplateOutlet]=\"scriptStyle\"/>\r\n    <ng-container [ngTemplateOutlet]=\"indentStyle\"/>\r\n    <ng-container [ngTemplateOutlet]=\"rtl\"/>\r\n    <ng-container [ngTemplateOutlet]=\"fontSize\"/>\r\n    <ng-container [ngTemplateOutlet]=\"heading\"/>\r\n    <ng-container [ngTemplateOutlet]=\"color\"/>\r\n    <ng-container [ngTemplateOutlet]=\"font\"/>\r\n    <ng-container [ngTemplateOutlet]=\"align\"/>\r\n    <ng-container [ngTemplateOutlet]=\"clean\"/>\r\n    <ng-container [ngTemplateOutlet]=\"formula\"/>\r\n    <ng-container [ngTemplateOutlet]=\"media\"/>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #fontStyle>\r\n  @if (showFontStyle) {\r\n    <span class=\"ql-formats\">\r\n      @if (config()!.buttons!.bold!) {\r\n        <button class=\"ql-bold\"           [matTooltip]=\"tooltip(config()!.tooltips!.bold!)\"></button>\r\n      }\r\n      @if (config()!.buttons!.italic!) {\r\n        <button class=\"ql-italic\"       [matTooltip]=\"tooltip(config()!.tooltips!.italic!)\"></button>\r\n      }\r\n      @if (config()!.buttons!.underline!) {\r\n        <button class=\"ql-underline\" [matTooltip]=\"tooltip(config()!.tooltips!.underline!)\"></button>\r\n      }\r\n      @if (config()!.buttons!.strike!) {\r\n        <button class=\"ql-strike\"       [matTooltip]=\"tooltip(config()!.tooltips!.strike!)\"></button>\r\n      }\r\n    </span>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #blockStyle>\r\n  @if (showBlockStyle) {\r\n    <span class=\"ql-formats\">\r\n      @if (config()!.buttons!.blockquote!) {\r\n        <button class=\"ql-blockquote\" [matTooltip]=\"tooltip(config()!.tooltips!.blockquote!)\"></button>\r\n      }\r\n      @if (config()!.buttons!.codeblock!) {\r\n        <button class=\"ql-code-block\"  [matTooltip]=\"tooltip(config()!.tooltips!.codeblock!)\"></button>\r\n      }\r\n    </span>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #headingStyle>\r\n  @if (showQuickHeadingStyle) {\r\n    <span class=\"ql-formats\">\r\n      @if (config()!.buttons!.h1!) {\r\n        <button class=\"ql-header\" value=\"1\" [matTooltip]=\"tooltip(config()!.tooltips!.h1!)\"></button>\r\n      }\r\n      @if (config()!.buttons!.h2!) {\r\n        <button class=\"ql-header\" value=\"2\" [matTooltip]=\"tooltip(config()!.tooltips!.h2!)\"></button>\r\n      }\r\n    </span>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #listStyle>\r\n  @if (showListStyle) {\r\n    <span class=\"ql-formats\">\r\n      @if (config()!.buttons!.ordered!) {\r\n        <button class=\"ql-list\" value=\"ordered\"  [matTooltip]=\"tooltip(config()!.tooltips!.ordered!)\"></button>\r\n      }\r\n      @if (config()!.buttons!.bulleted!) {\r\n        <button class=\"ql-list\" value=\"bullet\"  [matTooltip]=\"tooltip(config()!.tooltips!.bulleted!)\"></button>\r\n      }\r\n    </span>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #scriptStyle>\r\n  @if (showScriptStyle) {\r\n    <span class=\"ql-formats\">\r\n      @if (config()!.buttons!.subScript!) {\r\n        <button class=\"ql-script\" value=\"sub\"   [matTooltip]=\"tooltip(config()!.tooltips!.subScript!)\"></button>\r\n      }\r\n      @if (config()!.buttons!.superScript!) {\r\n        <button class=\"ql-script\" value=\"super\" [matTooltip]=\"tooltip(config()!.tooltips!.superScript!)\"></button>\r\n      }\r\n    </span>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #indentStyle>\r\n  @if (showIndentStyle) {\r\n    <span class=\"ql-formats\">\r\n      @if (config()!.buttons!.decreaseIndent!) {\r\n        <button class=\"ql-indent\" value=\"-1\" [matTooltip]=\"tooltip(config()!.tooltips!.decreaseIndent!)\"></button>\r\n      }\r\n      @if (config()!.buttons!.increaseIndent!) {\r\n        <button class=\"ql-indent\" value=\"+1\" [matTooltip]=\"tooltip(config()!.tooltips!.increaseIndent!)\"></button>\r\n      }\r\n    </span>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #rtl>\r\n  @if (config()!.buttons!.rtl!) {\r\n    <span class=\"ql-formats\">\r\n      <button class=\"ql-direction\" value=\"rtl\" [matTooltip]=\"tooltip(config()!.tooltips!.rtl!)\"></button>\r\n    </span>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #fontSize>\r\n  @if (config()!.buttons!.fontSize!) {\r\n    <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.fontSize!)\">\r\n      <select class=\"ql-size\">\r\n        <option value=\"small\"></option>\r\n        <option selected></option>\r\n        <option value=\"large\"></option>\r\n        <option value=\"huge\"></option>\r\n      </select>\r\n    </span>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #heading>\r\n  @if (config()!.buttons!.headingStyle!) {\r\n    <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.headingStyle!)\">\r\n      <select class=\"ql-header\">\r\n        <option value=\"1\"></option>\r\n        <option value=\"2\"></option>\r\n        <option value=\"3\"></option>\r\n        <option value=\"4\"></option>\r\n        <option value=\"5\"></option>\r\n        <option value=\"6\"></option>\r\n        <option selected=\"selected\"></option>\r\n      </select>\r\n    </span>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #color>\r\n  @if (config()!.buttons!.color!) {\r\n    <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.color!)\">\r\n      <select class=\"ql-color\"></select>\r\n      <select class=\"ql-background\"></select>\r\n    </span>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #font>\r\n  @if (config()!.buttons!.font!) {\r\n    <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.font!)\">\r\n      <select class=\"ql-font\">\r\n        <option selected></option>\r\n        <option value=\"serif\"></option>\r\n        <option value=\"monospace\"></option>\r\n      </select>\r\n    </span>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #align>\r\n  @if (config()!.buttons!.align!) {\r\n    <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.align!)\">\r\n      <select class=\"ql-align\">\r\n        <option selected></option>\r\n        <option value=\"center\"></option>\r\n        <option value=\"right\"></option>\r\n        <option value=\"justify\"></option>\r\n      </select>\r\n    </span>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #clean>\r\n  @if (config()!.buttons!.clean!) {\r\n    <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.clean!)\">\r\n      <button class=\"ql-clean\"></button>\r\n    </span>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #media>\r\n  @if (showMedia) {\r\n    <span class=\"ql-formats\">\r\n      @if (config()!.buttons!.link!) {\r\n        <button class=\"ql-link\"  [matTooltip]=\"tooltip(config()!.tooltips!.link!)\"></button>\r\n      }\r\n      @if (config()!.buttons!.image!) {\r\n        <button class=\"ql-image\" [matTooltip]=\"tooltip(config()!.tooltips!.image!)\"></button>\r\n      }\r\n      @if (config()!.buttons!.video!) {\r\n        <button class=\"ql-video\" [matTooltip]=\"tooltip(config()!.tooltips!.video!)\"></button>\r\n      }\r\n    </span>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #editorSize>\r\n  <div>\r\n    @if (config()!.buttons!.rawEditor!) {\r\n      <span class=\"ql-formats\">\r\n        <button id=\"rawdog\"\r\n          [matTooltip]=\"tooltip(config()!.tooltips!.rawEditor!)\">\r\n          <mat-icon (click)=\"rawEdit()\">\r\n            code\r\n          </mat-icon>\r\n        </button>\r\n      </span>\r\n    }\r\n\r\n    @if (config()!.buttons!.editorSize!) {\r\n      <span class=\"ql-formats\">\r\n        <button id=\"fullscreen\"\r\n                [matTooltip]=\"tooltip(fullscreen() ?\r\n                    (fullscreenMode() === 'expand' ? config()!.tooltips!.minimize! : config()!.tooltips!.popin!) :\r\n                    (fullscreenMode() === 'expand' ? config()!.tooltips!.maximize! : config()!.tooltips!.popout!))\">\r\n          <mat-icon (click)=\"toggleFullscreen()\">\r\n            {{ fullscreen() ?\r\n            (fullscreenMode() === 'expand' ? config()!.icons!.minimize! : config()!.icons!.popin!) :\r\n            (fullscreenMode() === 'expand' ? config()!.icons!.maximize! : config()!.icons!.popout!)\r\n            }}\r\n          </mat-icon>\r\n        </button>\r\n      </span>\r\n    }\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #formula>\r\n  @if (config()!.buttons!.formula!) {\r\n    <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.formula!)\">\r\n      <button class=\"ql-formula\"></button>\r\n    </span>\r\n  }\r\n</ng-template>", styles: [".ql-toolbar{display:grid;grid-template-columns:1fr auto}mat-icon{color:#ff4500}quill-editor.readonly .ql-toolbar{opacity:.5}::ng-deep quill-editor.no-toolbar .ql-toolbar{height:0;padding:0;visibility:hidden}::ng-deep quill-editor.no-border .ql-container{border:none}::ng-deep quill-editor.readonly .ql-container{background-color:#f5f5f5!important}\n"] }]
+                        }], template: "@if (users()) {\n  <form>\n    <quill-editor name=\"editor\"\n      [(ngModel)]=\"value\"\n      (ngModelChange)=\"updateChanges()\"\n      [placeholder]=\"placeholder() ?? ''\"\n      [format]=\"format() ?? 'html'\"\n      [style.height]=\"fullscreen() ? fullscreenHeight() : height()\"\n      [style.width]=\"fullscreen() ? fullscreenWidth() : width()\"\n      [readOnly]=\"readonly() ?? false\"\n      [class.readonly]=\"readonly() && applyReadonlyStyle()\"\n      [class.no-toolbar]=\"!showToolbar()\"\n      [class.no-border]=\"!showBorder()\"\n      [modules]=\"modules\"\n      (onBlur)=\"onBlur.emit($event)\"\n      (onContentChanged)=\"onContentChanged.emit($event)\"\n      (onEditorChanged)=\"onEditorChanged.emit($event)\"\n      (onEditorCreated)=\"onEditorCreated.emit()\"\n      (onFocus)=\"onFocus.emit($event)\"\n      (onSelectionChanged)=\"onSelectionChanged.emit($event)\">\n      @if (showToolbar()) {\n        <div quill-editor-toolbar>\n          <ng-container [ngTemplateOutlet]=\"toolbar\"/>\n          <ng-container [ngTemplateOutlet]=\"editorSize\"/>\n        </div>\n      }\n    </quill-editor>\n  </form>\n}\n\n<ng-template #toolbar>\n  <div>\n    <ng-container [ngTemplateOutlet]=\"fontStyle\"/>\n    <ng-container [ngTemplateOutlet]=\"blockStyle\"/>\n    <ng-container [ngTemplateOutlet]=\"headingStyle\"/>\n    <ng-container [ngTemplateOutlet]=\"listStyle\"/>\n    <ng-container [ngTemplateOutlet]=\"scriptStyle\"/>\n    <ng-container [ngTemplateOutlet]=\"indentStyle\"/>\n    <ng-container [ngTemplateOutlet]=\"rtl\"/>\n    <ng-container [ngTemplateOutlet]=\"fontSize\"/>\n    <ng-container [ngTemplateOutlet]=\"heading\"/>\n    <ng-container [ngTemplateOutlet]=\"color\"/>\n    <ng-container [ngTemplateOutlet]=\"font\"/>\n    <ng-container [ngTemplateOutlet]=\"align\"/>\n    <ng-container [ngTemplateOutlet]=\"clean\"/>\n    <ng-container [ngTemplateOutlet]=\"formula\"/>\n    <ng-container [ngTemplateOutlet]=\"media\"/>\n  </div>\n</ng-template>\n\n<ng-template #fontStyle>\n  @if (showFontStyle) {\n    <span class=\"ql-formats\">\n      @if (config()!.buttons!.bold!) {\n        <button class=\"ql-bold\"           [matTooltip]=\"tooltip(config()!.tooltips!.bold!)\"></button>\n      }\n      @if (config()!.buttons!.italic!) {\n        <button class=\"ql-italic\"       [matTooltip]=\"tooltip(config()!.tooltips!.italic!)\"></button>\n      }\n      @if (config()!.buttons!.underline!) {\n        <button class=\"ql-underline\" [matTooltip]=\"tooltip(config()!.tooltips!.underline!)\"></button>\n      }\n      @if (config()!.buttons!.strike!) {\n        <button class=\"ql-strike\"       [matTooltip]=\"tooltip(config()!.tooltips!.strike!)\"></button>\n      }\n    </span>\n  }\n</ng-template>\n\n<ng-template #blockStyle>\n  @if (showBlockStyle) {\n    <span class=\"ql-formats\">\n      @if (config()!.buttons!.blockquote!) {\n        <button class=\"ql-blockquote\" [matTooltip]=\"tooltip(config()!.tooltips!.blockquote!)\"></button>\n      }\n      @if (config()!.buttons!.codeblock!) {\n        <button class=\"ql-code-block\"  [matTooltip]=\"tooltip(config()!.tooltips!.codeblock!)\"></button>\n      }\n    </span>\n  }\n</ng-template>\n\n<ng-template #headingStyle>\n  @if (showQuickHeadingStyle) {\n    <span class=\"ql-formats\">\n      @if (config()!.buttons!.h1!) {\n        <button class=\"ql-header\" value=\"1\" [matTooltip]=\"tooltip(config()!.tooltips!.h1!)\"></button>\n      }\n      @if (config()!.buttons!.h2!) {\n        <button class=\"ql-header\" value=\"2\" [matTooltip]=\"tooltip(config()!.tooltips!.h2!)\"></button>\n      }\n    </span>\n  }\n</ng-template>\n\n<ng-template #listStyle>\n  @if (showListStyle) {\n    <span class=\"ql-formats\">\n      @if (config()!.buttons!.ordered!) {\n        <button class=\"ql-list\" value=\"ordered\"  [matTooltip]=\"tooltip(config()!.tooltips!.ordered!)\"></button>\n      }\n      @if (config()!.buttons!.bulleted!) {\n        <button class=\"ql-list\" value=\"bullet\"  [matTooltip]=\"tooltip(config()!.tooltips!.bulleted!)\"></button>\n      }\n    </span>\n  }\n</ng-template>\n\n<ng-template #scriptStyle>\n  @if (showScriptStyle) {\n    <span class=\"ql-formats\">\n      @if (config()!.buttons!.subScript!) {\n        <button class=\"ql-script\" value=\"sub\"   [matTooltip]=\"tooltip(config()!.tooltips!.subScript!)\"></button>\n      }\n      @if (config()!.buttons!.superScript!) {\n        <button class=\"ql-script\" value=\"super\" [matTooltip]=\"tooltip(config()!.tooltips!.superScript!)\"></button>\n      }\n    </span>\n  }\n</ng-template>\n\n<ng-template #indentStyle>\n  @if (showIndentStyle) {\n    <span class=\"ql-formats\">\n      @if (config()!.buttons!.decreaseIndent!) {\n        <button class=\"ql-indent\" value=\"-1\" [matTooltip]=\"tooltip(config()!.tooltips!.decreaseIndent!)\"></button>\n      }\n      @if (config()!.buttons!.increaseIndent!) {\n        <button class=\"ql-indent\" value=\"+1\" [matTooltip]=\"tooltip(config()!.tooltips!.increaseIndent!)\"></button>\n      }\n    </span>\n  }\n</ng-template>\n\n<ng-template #rtl>\n  @if (config()!.buttons!.rtl!) {\n    <span class=\"ql-formats\">\n      <button class=\"ql-direction\" value=\"rtl\" [matTooltip]=\"tooltip(config()!.tooltips!.rtl!)\"></button>\n    </span>\n  }\n</ng-template>\n\n<ng-template #fontSize>\n  @if (config()!.buttons!.fontSize!) {\n    <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.fontSize!)\">\n      <select class=\"ql-size\">\n        <option value=\"small\"></option>\n        <option selected></option>\n        <option value=\"large\"></option>\n        <option value=\"huge\"></option>\n      </select>\n    </span>\n  }\n</ng-template>\n\n<ng-template #heading>\n  @if (config()!.buttons!.headingStyle!) {\n    <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.headingStyle!)\">\n      <select class=\"ql-header\">\n        <option value=\"1\"></option>\n        <option value=\"2\"></option>\n        <option value=\"3\"></option>\n        <option value=\"4\"></option>\n        <option value=\"5\"></option>\n        <option value=\"6\"></option>\n        <option selected=\"selected\"></option>\n      </select>\n    </span>\n  }\n</ng-template>\n\n<ng-template #color>\n  @if (config()!.buttons!.color!) {\n    <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.color!)\">\n      <select class=\"ql-color\"></select>\n      <select class=\"ql-background\"></select>\n    </span>\n  }\n</ng-template>\n\n<ng-template #font>\n  @if (config()!.buttons!.font!) {\n    <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.font!)\">\n      <select class=\"ql-font\">\n        <option selected></option>\n        <option value=\"serif\"></option>\n        <option value=\"monospace\"></option>\n      </select>\n    </span>\n  }\n</ng-template>\n\n<ng-template #align>\n  @if (config()!.buttons!.align!) {\n    <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.align!)\">\n      <select class=\"ql-align\">\n        <option selected></option>\n        <option value=\"center\"></option>\n        <option value=\"right\"></option>\n        <option value=\"justify\"></option>\n      </select>\n    </span>\n  }\n</ng-template>\n\n<ng-template #clean>\n  @if (config()!.buttons!.clean!) {\n    <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.clean!)\">\n      <button class=\"ql-clean\"></button>\n    </span>\n  }\n</ng-template>\n\n<ng-template #media>\n  @if (showMedia) {\n    <span class=\"ql-formats\">\n      @if (config()!.buttons!.link!) {\n        <button class=\"ql-link\"  [matTooltip]=\"tooltip(config()!.tooltips!.link!)\"></button>\n      }\n      @if (config()!.buttons!.image!) {\n        <button class=\"ql-image\" [matTooltip]=\"tooltip(config()!.tooltips!.image!)\"></button>\n      }\n      @if (config()!.buttons!.video!) {\n        <button class=\"ql-video\" [matTooltip]=\"tooltip(config()!.tooltips!.video!)\"></button>\n      }\n    </span>\n  }\n</ng-template>\n\n<ng-template #editorSize>\n  <div>\n    @if (config()!.buttons!.rawEditor!) {\n      <span class=\"ql-formats\">\n        <button id=\"rawdog\"\n          [matTooltip]=\"tooltip(config()!.tooltips!.rawEditor!)\">\n          <mat-icon (click)=\"rawEdit()\">\n            code\n          </mat-icon>\n        </button>\n      </span>\n    }\n\n    @if (config()!.buttons!.editorSize!) {\n      <span class=\"ql-formats\">\n        <button id=\"fullscreen\"\n                [matTooltip]=\"tooltip(fullscreen() ?\n                    (fullscreenMode() === 'expand' ? config()!.tooltips!.minimize! : config()!.tooltips!.popin!) :\n                    (fullscreenMode() === 'expand' ? config()!.tooltips!.maximize! : config()!.tooltips!.popout!))\">\n          <mat-icon (click)=\"toggleFullscreen()\">\n            {{ fullscreen() ?\n            (fullscreenMode() === 'expand' ? config()!.icons!.minimize! : config()!.icons!.popin!) :\n            (fullscreenMode() === 'expand' ? config()!.icons!.maximize! : config()!.icons!.popout!)\n            }}\n          </mat-icon>\n        </button>\n      </span>\n    }\n  </div>\n</ng-template>\n\n<ng-template #formula>\n  @if (config()!.buttons!.formula!) {\n    <span class=\"ql-formats\" [matTooltip]=\"tooltip(config()!.tooltips!.formula!)\">\n      <button class=\"ql-formula\"></button>\n    </span>\n  }\n</ng-template>", styles: [".ql-toolbar{display:grid;grid-template-columns:1fr auto}mat-icon{color:#ff4500}quill-editor.readonly .ql-toolbar{opacity:.5}::ng-deep quill-editor.no-toolbar .ql-toolbar{height:0;padding:0;visibility:hidden}::ng-deep quill-editor.no-border .ql-container{border:none}::ng-deep quill-editor.readonly .ql-container{background-color:#f5f5f5!important}\n"] }]
         }] });
 class QuillMentionModule {