taon-ui 21.0.37 → 21.0.38

package/browser/fesm2022/taon-ui-browser.mjs

@@ -78,12 +78,12 @@ import { PasswordModule } from 'primeng/password';
 import * as i2$4 from '@angular/router';
 import { Router, ActivatedRoute, NavigationEnd, RouterModule, RouterOutlet } from '@angular/router';
 import { ButtonModule } from 'primeng/button';
+import { MatFormFieldModule } from '@angular/material/form-field';
 import { MtxLoaderModule } from '@ng-matero/extensions/loader';
 import { InputTextModule } from 'primeng/inputtext';
 import { distinctUntilChanged as distinctUntilChanged$1, takeUntil as takeUntil$1, filter } from 'rxjs/operators';
 import * as i3$1 from '@ng-matero/extensions/grid';
 import { MtxGridModule } from '@ng-matero/extensions/grid';
-import { MatFormFieldModule } from '@angular/material/form-field';
 
 // THIS FILE IS GENERATED - DO NOT MODIFY
 /**
@@ -109,7 +109,7 @@ const CURRENT_PACKAGE_TAON_VERSION = 'v21';
 /**
  *  Autogenerated by current cli tool. Use *tnp release* to bump version.
  */
-const CURRENT_PACKAGE_VERSION = '21.0.37';
+const CURRENT_PACKAGE_VERSION = '21.0.38';
 // THIS FILE IS GENERATED - DO NOT MODIFY
 
 function myOrgProj() { }
@@ -1156,7 +1156,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
 class AuthDialogComponent {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
-        this.emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
+        this.emailRegex = /^[a-zA-Z0-9._%+-]+@(?:[a-zA-Z0-9-]+\.)+[a-zA-Z]{2,}$/;
         this.form = new FormGroup({
             email: new FormControl('', [
                 Validators.required,
@@ -1236,7 +1236,7 @@ class AuthDialogComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: AuthDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.9", type: AuthDialogComponent, isStandalone: true, selector: "app-auth-dialog", inputs: { googleClientId: "googleClientId", microsoftClientId: "microsoftClientId" }, viewQueries: [{ propertyName: "emailLoginBtn", first: true, predicate: ["emailLoginBtn"], descendants: true, static: true }, { propertyName: "googleBtn", first: true, predicate: ["googleBtn"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"auth-dialog p-4\">\n  <h4 class=\"mb-3\">Login or register</h4>\n\n  <div\n    class=\"w-full\"\n    #emailLoginBtn>\n    <form\n      [formGroup]=\"form\"\n      (ngSubmit)=\"loginByEmail()\"\n      class=\"w-full\">\n      <mat-form-field\n        appearance=\"outline\"\n        class=\"w-full email-field\">\n        <mat-label *ngIf=\"!diableLoginByEmail\">Email</mat-label>\n\n        <input\n          matInput\n          formControlName=\"email\"\n          class=\"pl-1\"\n          type=\"email\"\n          [placeholder]=\"\n            diableLoginByEmail ? 'Login by email (disabled)' : ''\n          \" />\n\n        <button\n          mat-icon-button\n          [disabled]=\"diableLoginByEmail\"\n          matSuffix\n          color=\"primary\">\n          <mat-icon>mail</mat-icon>\n        </button>\n        <mat-error *ngIf=\"form.get('email')?.hasError('email')\">\n          Please enter a valid email address\n        </mat-error>\n      </mat-form-field>\n    </form>\n\n    <div class=\"divider\">\n      <span>or</span>\n    </div>\n\n    <!-- GOOGLE BUTTON -->\n    <div\n      #googleBtn\n      class=\"google-container\">\n      <span\n        *ngIf=\"!googleButtonLoaded\"\n        class=\"text-300 p-2\"\n        >loading google button..</span\n      >\n      <mat-progress-bar\n        *ngIf=\"!googleButtonLoaded\"\n        mode=\"indeterminate\"\n        class=\"auth-progress\" />\n    </div>\n\n    <!-- MICROSOFT BUTTON -->\n    <div\n      *ngIf=\"microsoftClientId\"\n      #microsoftBtn\n      class=\"microsoft-container\">\n      <button\n        mat-stroked-button\n        color=\"primary\"\n        class=\"w-full microsoft-btn\"\n        (click)=\"loginWithMicrosoft()\">\n        <mat-icon class=\"mr-2\">login</mat-icon>\n        Continue with Microsoft\n      </button>\n    </div>\n  </div>\n\n  <br />\n\n  <div class=\"flex justify-content-end\">\n    <button\n      mat-button\n      mat-dialog-close>\n      Cancel\n    </button>\n  </div>\n</div>", styles: [".auth-dialog{width:100%}.google-container{width:100%;height:50px;border-color:#9ca3af!important}.microsoft-container{width:100%}.microsoft-btn{height:40px;border-radius:4px!important;border-color:#9ca3af!important;background-color:#fff}:host::ng-deep .email-field .mdc-notched-outline__trailing,:host::ng-deep .email-field .mdc-notched-outline__leading,:host::ng-deep .email-field .mdc-notched-outline__notch{border-color:#9ca3af!important}:host ::ng-deep .auth-progress .mdc-linear-progress__bar-inner{border-color:#9ca3af!important}.divider{display:flex;align-items:center;text-align:center;width:100%;margin:1rem 0}.divider:before,.divider:after{content:\"\";flex:1;border-bottom:1px solid #ccc}.divider span{padding:0 10px;color:#666;font-size:14px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i2$3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.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: "component", type: i2$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5$1.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: "component", type: i5$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i5$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i6.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MtxLoaderModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: InputTextModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.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: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.9", type: AuthDialogComponent, isStandalone: true, selector: "app-auth-dialog", inputs: { googleClientId: "googleClientId", microsoftClientId: "microsoftClientId" }, viewQueries: [{ propertyName: "emailLoginBtn", first: true, predicate: ["emailLoginBtn"], descendants: true, static: true }, { propertyName: "googleBtn", first: true, predicate: ["googleBtn"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"auth-dialog p-4\">\n  <h4 class=\"mb-3\">Login or register</h4>\n\n  <div\n    class=\"w-full\"\n    #emailLoginBtn>\n    <form\n      [formGroup]=\"form\"\n      (ngSubmit)=\"loginByEmail()\"\n      class=\"w-full\">\n      <mat-form-field\n        appearance=\"outline\"\n        class=\"w-full email-field\">\n        <mat-label *ngIf=\"!diableLoginByEmail\">Email</mat-label>\n\n        <input\n          matInput\n          formControlName=\"email\"\n          class=\"pl-1\"\n          type=\"email\"\n          [placeholder]=\"\n            diableLoginByEmail ? 'Login by email (disabled)' : ''\n          \" />\n\n        <button\n          mat-icon-button\n          [disabled]=\"diableLoginByEmail\"\n          matSuffix\n          color=\"primary\">\n          <mat-icon>mail</mat-icon>\n        </button>\n        <mat-error\n          *ngIf=\"\n            form.get('email')?.hasError('pattern') && form.get('email')?.touched\n          \">\n          Please enter a valid email address\n        </mat-error>\n\n        <mat-error\n          *ngIf=\"\n            form.get('email')?.hasError('required') &&\n            form.get('email')?.touched\n          \">\n          Email is <strong>required</strong>\n        </mat-error>\n      </mat-form-field>\n    </form>\n\n    <div class=\"divider\">\n      <span>or</span>\n    </div>\n\n    <!-- GOOGLE BUTTON -->\n    <div\n      #googleBtn\n      class=\"google-container\">\n      <span\n        *ngIf=\"!googleButtonLoaded\"\n        class=\"text-300 p-2\"\n        >loading google button..</span\n      >\n      <mat-progress-bar\n        *ngIf=\"!googleButtonLoaded\"\n        mode=\"indeterminate\"\n        class=\"auth-progress\" />\n    </div>\n\n    <!-- MICROSOFT BUTTON -->\n    <div\n      *ngIf=\"microsoftClientId\"\n      #microsoftBtn\n      class=\"microsoft-container\">\n      <button\n        mat-stroked-button\n        color=\"primary\"\n        class=\"w-full microsoft-btn\"\n        (click)=\"loginWithMicrosoft()\">\n        <mat-icon class=\"mr-2\">login</mat-icon>\n        Continue with Microsoft\n      </button>\n    </div>\n  </div>\n\n  <br />\n\n  <div class=\"flex justify-content-end\">\n    <button\n      mat-button\n      mat-dialog-close>\n      Cancel\n    </button>\n  </div>\n</div>", styles: [".auth-dialog{width:100%}.google-container{width:100%;height:50px;border-color:#9ca3af!important}.microsoft-container{width:100%}.microsoft-btn{height:40px;border-radius:4px!important;border-color:#9ca3af!important;background-color:#fff}:host::ng-deep .email-field .mdc-notched-outline__trailing,:host::ng-deep .email-field .mdc-notched-outline__leading,:host::ng-deep .email-field .mdc-notched-outline__notch{border-color:#9ca3af!important}:host ::ng-deep .auth-progress .mdc-linear-progress__bar-inner{border-color:#9ca3af!important}.divider{display:flex;align-items:center;text-align:center;width:100%;margin:1rem 0}.divider:before,.divider:after{content:\"\";flex:1;border-bottom:1px solid #ccc}.divider span{padding:0 10px;color:#666;font-size:14px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i2$3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.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: "component", type: i2$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5$1.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: "component", type: i5$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i5$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i6.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MtxLoaderModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: InputTextModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.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: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: AuthDialogComponent, decorators: [{
             type: Component,
@@ -1247,6 +1247,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
                         MatIconModule,
                         MatDividerModule,
                         MatInputModule,
+                        MatFormFieldModule,
                         MatProgressSpinnerModule,
                         MatProgressBarModule,
                         MtxLoaderModule,
@@ -1254,7 +1255,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
                         InputTextModule,
                         ReactiveFormsModule,
                         FormsModule,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"auth-dialog p-4\">\n  <h4 class=\"mb-3\">Login or register</h4>\n\n  <div\n    class=\"w-full\"\n    #emailLoginBtn>\n    <form\n      [formGroup]=\"form\"\n      (ngSubmit)=\"loginByEmail()\"\n      class=\"w-full\">\n      <mat-form-field\n        appearance=\"outline\"\n        class=\"w-full email-field\">\n        <mat-label *ngIf=\"!diableLoginByEmail\">Email</mat-label>\n\n        <input\n          matInput\n          formControlName=\"email\"\n          class=\"pl-1\"\n          type=\"email\"\n          [placeholder]=\"\n            diableLoginByEmail ? 'Login by email (disabled)' : ''\n          \" />\n\n        <button\n          mat-icon-button\n          [disabled]=\"diableLoginByEmail\"\n          matSuffix\n          color=\"primary\">\n          <mat-icon>mail</mat-icon>\n        </button>\n        <mat-error *ngIf=\"form.get('email')?.hasError('email')\">\n          Please enter a valid email address\n        </mat-error>\n      </mat-form-field>\n    </form>\n\n    <div class=\"divider\">\n      <span>or</span>\n    </div>\n\n    <!-- GOOGLE BUTTON -->\n    <div\n      #googleBtn\n      class=\"google-container\">\n      <span\n        *ngIf=\"!googleButtonLoaded\"\n        class=\"text-300 p-2\"\n        >loading google button..</span\n      >\n      <mat-progress-bar\n        *ngIf=\"!googleButtonLoaded\"\n        mode=\"indeterminate\"\n        class=\"auth-progress\" />\n    </div>\n\n    <!-- MICROSOFT BUTTON -->\n    <div\n      *ngIf=\"microsoftClientId\"\n      #microsoftBtn\n      class=\"microsoft-container\">\n      <button\n        mat-stroked-button\n        color=\"primary\"\n        class=\"w-full microsoft-btn\"\n        (click)=\"loginWithMicrosoft()\">\n        <mat-icon class=\"mr-2\">login</mat-icon>\n        Continue with Microsoft\n      </button>\n    </div>\n  </div>\n\n  <br />\n\n  <div class=\"flex justify-content-end\">\n    <button\n      mat-button\n      mat-dialog-close>\n      Cancel\n    </button>\n  </div>\n</div>", styles: [".auth-dialog{width:100%}.google-container{width:100%;height:50px;border-color:#9ca3af!important}.microsoft-container{width:100%}.microsoft-btn{height:40px;border-radius:4px!important;border-color:#9ca3af!important;background-color:#fff}:host::ng-deep .email-field .mdc-notched-outline__trailing,:host::ng-deep .email-field .mdc-notched-outline__leading,:host::ng-deep .email-field .mdc-notched-outline__notch{border-color:#9ca3af!important}:host ::ng-deep .auth-progress .mdc-linear-progress__bar-inner{border-color:#9ca3af!important}.divider{display:flex;align-items:center;text-align:center;width:100%;margin:1rem 0}.divider:before,.divider:after{content:\"\";flex:1;border-bottom:1px solid #ccc}.divider span{padding:0 10px;color:#666;font-size:14px}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"auth-dialog p-4\">\n  <h4 class=\"mb-3\">Login or register</h4>\n\n  <div\n    class=\"w-full\"\n    #emailLoginBtn>\n    <form\n      [formGroup]=\"form\"\n      (ngSubmit)=\"loginByEmail()\"\n      class=\"w-full\">\n      <mat-form-field\n        appearance=\"outline\"\n        class=\"w-full email-field\">\n        <mat-label *ngIf=\"!diableLoginByEmail\">Email</mat-label>\n\n        <input\n          matInput\n          formControlName=\"email\"\n          class=\"pl-1\"\n          type=\"email\"\n          [placeholder]=\"\n            diableLoginByEmail ? 'Login by email (disabled)' : ''\n          \" />\n\n        <button\n          mat-icon-button\n          [disabled]=\"diableLoginByEmail\"\n          matSuffix\n          color=\"primary\">\n          <mat-icon>mail</mat-icon>\n        </button>\n        <mat-error\n          *ngIf=\"\n            form.get('email')?.hasError('pattern') && form.get('email')?.touched\n          \">\n          Please enter a valid email address\n        </mat-error>\n\n        <mat-error\n          *ngIf=\"\n            form.get('email')?.hasError('required') &&\n            form.get('email')?.touched\n          \">\n          Email is <strong>required</strong>\n        </mat-error>\n      </mat-form-field>\n    </form>\n\n    <div class=\"divider\">\n      <span>or</span>\n    </div>\n\n    <!-- GOOGLE BUTTON -->\n    <div\n      #googleBtn\n      class=\"google-container\">\n      <span\n        *ngIf=\"!googleButtonLoaded\"\n        class=\"text-300 p-2\"\n        >loading google button..</span\n      >\n      <mat-progress-bar\n        *ngIf=\"!googleButtonLoaded\"\n        mode=\"indeterminate\"\n        class=\"auth-progress\" />\n    </div>\n\n    <!-- MICROSOFT BUTTON -->\n    <div\n      *ngIf=\"microsoftClientId\"\n      #microsoftBtn\n      class=\"microsoft-container\">\n      <button\n        mat-stroked-button\n        color=\"primary\"\n        class=\"w-full microsoft-btn\"\n        (click)=\"loginWithMicrosoft()\">\n        <mat-icon class=\"mr-2\">login</mat-icon>\n        Continue with Microsoft\n      </button>\n    </div>\n  </div>\n\n  <br />\n\n  <div class=\"flex justify-content-end\">\n    <button\n      mat-button\n      mat-dialog-close>\n      Cancel\n    </button>\n  </div>\n</div>", styles: [".auth-dialog{width:100%}.google-container{width:100%;height:50px;border-color:#9ca3af!important}.microsoft-container{width:100%}.microsoft-btn{height:40px;border-radius:4px!important;border-color:#9ca3af!important;background-color:#fff}:host::ng-deep .email-field .mdc-notched-outline__trailing,:host::ng-deep .email-field .mdc-notched-outline__leading,:host::ng-deep .email-field .mdc-notched-outline__notch{border-color:#9ca3af!important}:host ::ng-deep .auth-progress .mdc-linear-progress__bar-inner{border-color:#9ca3af!important}.divider{display:flex;align-items:center;text-align:center;width:100%;margin:1rem 0}.divider:before,.divider:after{content:\"\";flex:1;border-bottom:1px solid #ccc}.divider span{padding:0 10px;color:#666;font-size:14px}\n"] }]
         }], propDecorators: { googleClientId: [{
                 type: Input
             }], microsoftClientId: [{
@@ -1599,10 +1600,18 @@ class TaonKvAuthorizationComponent {
         this.authorizationCheckingInProgress = false;
     }
     ngOnInit() {
+        this.products = this.products ? this.products : [];
+        this.checkIfProducstsAuthorized();
+    }
+    ngOnChanges(changes) {
+        //Called before any other lifecycle hook. Use it to inject dependencies, but avoid any serious work here.
+        //Add '${implements OnChanges}' to the class.
         this.checkIfProducstsAuthorized();
     }
     async checkIfProducstsAuthorized() {
-        if (this.authorizationCheckingInProgress) {
+        if (this.authorizationCheckingInProgress ||
+            !this.products ||
+            this.products.length === 0) {
             return;
         }
         this.authorizationCheckingInProgress = true;
@@ -1638,7 +1647,7 @@ class TaonKvAuthorizationComponent {
         return this.authorizedProductsData().filter(p => p.authorized).length;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonKvAuthorizationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.9", type: TaonKvAuthorizationComponent, isStandalone: true, selector: "taon-kv-authorization", inputs: { email: "email", url: "url", products: "products" }, outputs: { authorizedProducts: "authorizedProducts" }, ngImport: i0, template: "<div class=\"taon-kv-authorization\">\n  <div *ngIf=\"loading()\">Loading authorization info...</div>\n\n  <div *ngIf=\"!loading()\">\n    <div *ngIf=\"authorizedCount() === 0\">You did not purchase any products</div>\n\n    <div *ngIf=\"authorizedCount() > 0\">\n      You purchased {{ authorizedCount() }} products\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.9", type: TaonKvAuthorizationComponent, isStandalone: true, selector: "taon-kv-authorization", inputs: { email: "email", url: "url", products: "products" }, outputs: { authorizedProducts: "authorizedProducts" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"taon-kv-authorization\">\n  <div *ngIf=\"loading()\">Loading authorization info...</div>\n\n  <div *ngIf=\"!loading()\">\n    <div *ngIf=\"authorizedCount() === 0\">You did not purchase any products</div>\n\n    <div *ngIf=\"authorizedCount() > 0\">\n      You purchased {{ authorizedCount() }} products\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonKvAuthorizationComponent, decorators: [{
             type: Component,
@@ -1886,7 +1895,7 @@ class TaonStripeBuyButtonComponent {
         }
         this.loading = true;
         try {
-            const resp = await fetch(`${this.workerUrl}/create-checkout-session`, {
+            const resp = await fetch(`${this.workerUrl}${TaonStripeCloudflareWorker.HOOK_CREATE_STRIPE_SESSION}`, {
                 method: 'POST',
                 headers: {
                     'Content-Type': 'application/json',
@@ -2343,11 +2352,11 @@ class TaonYoutubeVideoComponent {
         this.postCommand('pauseVideo');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonYoutubeVideoComponent, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.9", type: TaonYoutubeVideoComponent, isStandalone: true, selector: "taon-youtube-video", inputs: { videoId: "videoId", title: "title", height: "height", state: "state" }, outputs: { paddlockClicked: "paddlockClicked", previewClicked: "previewClicked" }, viewQueries: [{ propertyName: "iframeRef", first: true, predicate: ["ytFrame"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"yt-container\"\n  [ngClass]=\"state\"\n  [ngStyle]=\"containerStyle\">\n  <!-- PREVIEW IMAGE -->\n  <img\n    *ngIf=\"state === 'preview-picture' || state === 'preview-picture-locked'\"\n    class=\"yt-media\"\n    [src]=\"previewImage()\"\n    [alt]=\"displayTitle\"\n    (click)=\"onPreviewClick()\" />\n\n  <!-- VIDEO -->\n  <iframe\n    #ytFrame\n    *ngIf=\"state === 'video-preview-open' || state === 'video-preview-private'\"\n    class=\"yt-media\"\n    [src]=\"embedUrl()\"\n    frameborder=\"0\"\n    allowfullscreen>\n  </iframe>\n\n  <!-- PRIVATE OVERLAY -->\n  <div\n    (contextmenu)=\"onRightClick($event)\"\n    (dblclick)=\"clicked($event)\"\n    *ngIf=\"\n      state === 'video-preview-private' && allowedToBeDisplayedVideoOveraly()\n    \"\n    (click)=\"clicked($event)\"\n    class=\"yt-overlay-video\">\n    <h1>Thanks for buying this video</h1>\n  </div>\n\n  <!-- LOCK OVERLAY -->\n  <div\n    *ngIf=\"state === 'preview-picture-locked'\"\n    class=\"yt-overlay yt-lock\"\n    (click)=\"onLockClick($event)\">\n    <mat-icon>lock</mat-icon>\n  </div>\n</div>\n\n<!-- CONTROLS BELOW VIDEO -->\n<!-- <div\n  *ngIf=\"state === 'video-preview-private'\"\n  class=\"yt-controls\">\n  <button\n    mat-icon-button\n    (click)=\"play()\">\n    <mat-icon>play_arrow</mat-icon>\n  </button>\n\n  <button\n    mat-icon-button\n    (click)=\"pause()\">\n    <mat-icon>pause</mat-icon>\n  </button>\n\n  <button\n    mat-icon-button\n    (click)=\"restart()\">\n    <mat-icon>replay</mat-icon>\n  </button>\n</div> -->\n<div class=\"w-full mb-1\"></div>\n<div\n  class=\"yt-title\"\n  *ngIf=\"displayTitle\">\n  {{ displayTitle }}\n</div>", styles: [".yt-container{position:relative;overflow:hidden;border-radius:8px;border:1px solid var(--surface-border)}.yt-container:not([style*=height]){aspect-ratio:16/9}.yt-media{width:100%;height:100%;display:block;object-fit:cover;position:relative;z-index:1}iframe.yt-media{border:none}.yt-overlay{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center}.yt-overlay-video{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;background:#c8c8c880}.yt-lock{background:#0000008c;cursor:pointer}.yt-lock mat-icon{height:60px;width:60px;font-size:56px;color:#fff}.yt-private{background:transparent;pointer-events:all}.yt-title{margin-top:.5rem;font-size:.9rem;font-weight:500}.yt-play-button{width:80px;height:80px;border-radius:50%;background:#ff0000d9;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.yt-play-button mat-icon{font-size:48px;color:#fff;width:48px;height:48px}.yt-play-button:hover{transform:scale(1.1)}.yt-controls{display:flex;gap:8px;margin-top:8px}.yt-controls button{background:#00000014}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.9", type: TaonYoutubeVideoComponent, isStandalone: true, selector: "taon-youtube-video", inputs: { videoId: "videoId", title: "title", height: "height", state: "state" }, outputs: { paddlockClicked: "paddlockClicked", previewClicked: "previewClicked" }, viewQueries: [{ propertyName: "iframeRef", first: true, predicate: ["ytFrame"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"yt-container\"\n  [ngClass]=\"state\"\n  [ngStyle]=\"containerStyle\">\n  <!-- PREVIEW IMAGE -->\n  <img\n    *ngIf=\"state === 'preview-picture' || state === 'preview-picture-locked'\"\n    class=\"yt-media\"\n    [src]=\"previewImage()\"\n    [alt]=\"displayTitle\"\n    (click)=\"onPreviewClick()\" />\n\n  <!-- VIDEO -->\n  <iframe\n    #ytFrame\n    *ngIf=\"state === 'video-preview-open' || state === 'video-preview-private'\"\n    class=\"yt-media\"\n    [src]=\"embedUrl()\"\n    frameborder=\"0\"\n    allowfullscreen>\n  </iframe>\n\n  <!-- PRIVATE OVERLAY -->\n  <div\n    (contextmenu)=\"onRightClick($event)\"\n    (dblclick)=\"clicked($event)\"\n    *ngIf=\"\n      state === 'video-preview-private' && allowedToBeDisplayedVideoOveraly()\n    \"\n    (click)=\"clicked($event)\"\n    class=\"yt-overlay-video\">\n    <h1 class=\"text-center\" >Thanks for buying <br>this video</h1>\n  </div>\n\n  <!-- LOCK OVERLAY -->\n  <div\n    *ngIf=\"state === 'preview-picture-locked'\"\n    class=\"yt-overlay yt-lock\"\n    (click)=\"onLockClick($event)\">\n    <mat-icon>lock</mat-icon>\n  </div>\n</div>\n\n<!-- CONTROLS BELOW VIDEO -->\n<!-- <div\n  *ngIf=\"state === 'video-preview-private'\"\n  class=\"yt-controls\">\n  <button\n    mat-icon-button\n    (click)=\"play()\">\n    <mat-icon>play_arrow</mat-icon>\n  </button>\n\n  <button\n    mat-icon-button\n    (click)=\"pause()\">\n    <mat-icon>pause</mat-icon>\n  </button>\n\n  <button\n    mat-icon-button\n    (click)=\"restart()\">\n    <mat-icon>replay</mat-icon>\n  </button>\n</div> -->\n<div class=\"w-full mb-1\"></div>\n<div\n  class=\"yt-title\"\n  *ngIf=\"displayTitle\">\n  {{ displayTitle }}\n</div>", styles: [".yt-container{position:relative;overflow:hidden;border-radius:8px;border:1px solid var(--surface-border)}.yt-container:not([style*=height]){aspect-ratio:16/9}.yt-media{width:100%;height:100%;display:block;object-fit:cover;position:relative;z-index:1}iframe.yt-media{border:none}.yt-overlay{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center}.yt-overlay-video{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;background:#c8c8c880}.yt-lock{background:#0000008c;cursor:pointer}.yt-lock mat-icon{height:60px;width:60px;font-size:56px;color:#fff}.yt-private{background:transparent;pointer-events:all}.yt-title{margin-top:.5rem;font-size:.9rem;font-weight:500}.yt-play-button{width:80px;height:80px;border-radius:50%;background:#ff0000d9;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.yt-play-button mat-icon{font-size:48px;color:#fff;width:48px;height:48px}.yt-play-button:hover{transform:scale(1.1)}.yt-controls{display:flex;gap:8px;margin-top:8px}.yt-controls button{background:#00000014}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonYoutubeVideoComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'taon-youtube-video', standalone: true, imports: [NgIf, NgStyle, MatIconModule, CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"yt-container\"\n  [ngClass]=\"state\"\n  [ngStyle]=\"containerStyle\">\n  <!-- PREVIEW IMAGE -->\n  <img\n    *ngIf=\"state === 'preview-picture' || state === 'preview-picture-locked'\"\n    class=\"yt-media\"\n    [src]=\"previewImage()\"\n    [alt]=\"displayTitle\"\n    (click)=\"onPreviewClick()\" />\n\n  <!-- VIDEO -->\n  <iframe\n    #ytFrame\n    *ngIf=\"state === 'video-preview-open' || state === 'video-preview-private'\"\n    class=\"yt-media\"\n    [src]=\"embedUrl()\"\n    frameborder=\"0\"\n    allowfullscreen>\n  </iframe>\n\n  <!-- PRIVATE OVERLAY -->\n  <div\n    (contextmenu)=\"onRightClick($event)\"\n    (dblclick)=\"clicked($event)\"\n    *ngIf=\"\n      state === 'video-preview-private' && allowedToBeDisplayedVideoOveraly()\n    \"\n    (click)=\"clicked($event)\"\n    class=\"yt-overlay-video\">\n    <h1>Thanks for buying this video</h1>\n  </div>\n\n  <!-- LOCK OVERLAY -->\n  <div\n    *ngIf=\"state === 'preview-picture-locked'\"\n    class=\"yt-overlay yt-lock\"\n    (click)=\"onLockClick($event)\">\n    <mat-icon>lock</mat-icon>\n  </div>\n</div>\n\n<!-- CONTROLS BELOW VIDEO -->\n<!-- <div\n  *ngIf=\"state === 'video-preview-private'\"\n  class=\"yt-controls\">\n  <button\n    mat-icon-button\n    (click)=\"play()\">\n    <mat-icon>play_arrow</mat-icon>\n  </button>\n\n  <button\n    mat-icon-button\n    (click)=\"pause()\">\n    <mat-icon>pause</mat-icon>\n  </button>\n\n  <button\n    mat-icon-button\n    (click)=\"restart()\">\n    <mat-icon>replay</mat-icon>\n  </button>\n</div> -->\n<div class=\"w-full mb-1\"></div>\n<div\n  class=\"yt-title\"\n  *ngIf=\"displayTitle\">\n  {{ displayTitle }}\n</div>", styles: [".yt-container{position:relative;overflow:hidden;border-radius:8px;border:1px solid var(--surface-border)}.yt-container:not([style*=height]){aspect-ratio:16/9}.yt-media{width:100%;height:100%;display:block;object-fit:cover;position:relative;z-index:1}iframe.yt-media{border:none}.yt-overlay{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center}.yt-overlay-video{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;background:#c8c8c880}.yt-lock{background:#0000008c;cursor:pointer}.yt-lock mat-icon{height:60px;width:60px;font-size:56px;color:#fff}.yt-private{background:transparent;pointer-events:all}.yt-title{margin-top:.5rem;font-size:.9rem;font-weight:500}.yt-play-button{width:80px;height:80px;border-radius:50%;background:#ff0000d9;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.yt-play-button mat-icon{font-size:48px;color:#fff;width:48px;height:48px}.yt-play-button:hover{transform:scale(1.1)}.yt-controls{display:flex;gap:8px;margin-top:8px}.yt-controls button{background:#00000014}\n"] }]
+            args: [{ selector: 'taon-youtube-video', standalone: true, imports: [NgIf, NgStyle, MatIconModule, CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"yt-container\"\n  [ngClass]=\"state\"\n  [ngStyle]=\"containerStyle\">\n  <!-- PREVIEW IMAGE -->\n  <img\n    *ngIf=\"state === 'preview-picture' || state === 'preview-picture-locked'\"\n    class=\"yt-media\"\n    [src]=\"previewImage()\"\n    [alt]=\"displayTitle\"\n    (click)=\"onPreviewClick()\" />\n\n  <!-- VIDEO -->\n  <iframe\n    #ytFrame\n    *ngIf=\"state === 'video-preview-open' || state === 'video-preview-private'\"\n    class=\"yt-media\"\n    [src]=\"embedUrl()\"\n    frameborder=\"0\"\n    allowfullscreen>\n  </iframe>\n\n  <!-- PRIVATE OVERLAY -->\n  <div\n    (contextmenu)=\"onRightClick($event)\"\n    (dblclick)=\"clicked($event)\"\n    *ngIf=\"\n      state === 'video-preview-private' && allowedToBeDisplayedVideoOveraly()\n    \"\n    (click)=\"clicked($event)\"\n    class=\"yt-overlay-video\">\n    <h1 class=\"text-center\" >Thanks for buying <br>this video</h1>\n  </div>\n\n  <!-- LOCK OVERLAY -->\n  <div\n    *ngIf=\"state === 'preview-picture-locked'\"\n    class=\"yt-overlay yt-lock\"\n    (click)=\"onLockClick($event)\">\n    <mat-icon>lock</mat-icon>\n  </div>\n</div>\n\n<!-- CONTROLS BELOW VIDEO -->\n<!-- <div\n  *ngIf=\"state === 'video-preview-private'\"\n  class=\"yt-controls\">\n  <button\n    mat-icon-button\n    (click)=\"play()\">\n    <mat-icon>play_arrow</mat-icon>\n  </button>\n\n  <button\n    mat-icon-button\n    (click)=\"pause()\">\n    <mat-icon>pause</mat-icon>\n  </button>\n\n  <button\n    mat-icon-button\n    (click)=\"restart()\">\n    <mat-icon>replay</mat-icon>\n  </button>\n</div> -->\n<div class=\"w-full mb-1\"></div>\n<div\n  class=\"yt-title\"\n  *ngIf=\"displayTitle\">\n  {{ displayTitle }}\n</div>", styles: [".yt-container{position:relative;overflow:hidden;border-radius:8px;border:1px solid var(--surface-border)}.yt-container:not([style*=height]){aspect-ratio:16/9}.yt-media{width:100%;height:100%;display:block;object-fit:cover;position:relative;z-index:1}iframe.yt-media{border:none}.yt-overlay{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center}.yt-overlay-video{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;background:#c8c8c880}.yt-lock{background:#0000008c;cursor:pointer}.yt-lock mat-icon{height:60px;width:60px;font-size:56px;color:#fff}.yt-private{background:transparent;pointer-events:all}.yt-title{margin-top:.5rem;font-size:.9rem;font-weight:500}.yt-play-button{width:80px;height:80px;border-radius:50%;background:#ff0000d9;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.yt-play-button mat-icon{font-size:48px;color:#fff;width:48px;height:48px}.yt-play-button:hover{transform:scale(1.1)}.yt-controls{display:flex;gap:8px;margin-top:8px}.yt-controls button{background:#00000014}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.DomSanitizer }], propDecorators: { videoId: [{
                 type: Input,
                 args: [{ required: true }]
@@ -2366,6 +2375,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
                 args: ['ytFrame']
             }] } });
 
+var TaonYouTubeUtils;
+(function (TaonYouTubeUtils) {
+    async function getVidesIdsOfPlaylist(ytplaylistId) {
+        const url = `https://www.youtube.com/playlist?list=${encodeURIComponent(ytplaylistId)}`;
+        const response = await fetch(url, {
+            headers: {
+                'accept-language': 'en-US,en;q=0.9',
+            },
+        });
+        if (!response.ok) {
+            throw new Error(`Failed to fetch playlist page: ${response.status} ${response.statusText}`);
+        }
+        const html = await response.text();
+        const matches = [...html.matchAll(/"videoId":"([a-zA-Z0-9_-]{11})"/g)];
+        const ids = matches.map(match => match[1]);
+        return [...new Set(ids)];
+    }
+    TaonYouTubeUtils.getVidesIdsOfPlaylist = getVidesIdsOfPlaylist;
+    function extractPlaylistId(input) {
+        if (!input.includes('http')) {
+            return input.split('&')[0].trim();
+        }
+        const url = new URL(input);
+        return (url.searchParams.get('list') || '').trim();
+    }
+    TaonYouTubeUtils.extractPlaylistId = extractPlaylistId;
+})(TaonYouTubeUtils || (TaonYouTubeUtils = {}));
+
 // @ts-nocheck
 // This file is auto-generated during init process. Do not modify.
 // This disable this auto generate file.
@@ -2376,5 +2413,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { APP_ID, AuthButtonComponent, AuthDialogComponent, AuthGuard, BUILD_BASE_HREF, BUILD_FRAMEWORK_CLI_NAME, CURRENT_PACKAGE_TAON_VERSION, CURRENT_PACKAGE_VERSION, GoogleAuthService, MicrosoftAuthService, PROJECT_NPM_NAME, SafePipe, SessionService, TaonAdminModeConfigurationComponent, TaonBootstrapNavbarComponent, TaonFullMaterialModule, TaonGithubForkMeCornerComponent, TaonGithubForkMeCornerModule, TaonGithubForkMeRibbonComponent, TaonGithubForkMeRibbonModule, TaonIframeSyncComponent, TaonInjectHTMLDirective, TaonKvAuthorizationComponent, TaonLongPress, TaonNotificationOptions, TaonNotificationsComponent, TaonNotificationsModule, TaonNotificationsService, TaonProgressBarComponent, TaonProgressBarModule, TaonRumbleComponent, TaonSessionPasscodeComponent, TaonSimpleLayoutComponent, TaonSimpleLayoutRoutes, TaonStripeBuyButtonComponent, TaonTableComponent, TaonTableModule, TaonThemeComponent, TaonThemeMode, TaonThemeService, TaonYoutubeVideoComponent, ViewMode, myOrgProj };
+export { APP_ID, AuthButtonComponent, AuthDialogComponent, AuthGuard, BUILD_BASE_HREF, BUILD_FRAMEWORK_CLI_NAME, CURRENT_PACKAGE_TAON_VERSION, CURRENT_PACKAGE_VERSION, GoogleAuthService, MicrosoftAuthService, PROJECT_NPM_NAME, SafePipe, SessionService, TaonAdminModeConfigurationComponent, TaonBootstrapNavbarComponent, TaonFullMaterialModule, TaonGithubForkMeCornerComponent, TaonGithubForkMeCornerModule, TaonGithubForkMeRibbonComponent, TaonGithubForkMeRibbonModule, TaonIframeSyncComponent, TaonInjectHTMLDirective, TaonKvAuthorizationComponent, TaonLongPress, TaonNotificationOptions, TaonNotificationsComponent, TaonNotificationsModule, TaonNotificationsService, TaonProgressBarComponent, TaonProgressBarModule, TaonRumbleComponent, TaonSessionPasscodeComponent, TaonSimpleLayoutComponent, TaonSimpleLayoutRoutes, TaonStripeBuyButtonComponent, TaonTableComponent, TaonTableModule, TaonThemeComponent, TaonThemeMode, TaonThemeService, TaonYouTubeUtils, TaonYoutubeVideoComponent, ViewMode, myOrgProj };
 //# sourceMappingURL=taon-ui-browser.mjs.map