taon-ui 21.0.49 → 21.0.50

package/browser/package.json

@@ -1,6 +1,6 @@
 {
   "name": "taon-ui/browser",
-  "version": "21.0.49",
+  "version": "21.0.50",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
     "@angular/core": "^21.0.0"

package/browser/types/taon-ui-browser.d.ts

@@ -85,10 +85,17 @@ declare const CURRENT_PACKAGE_TAON_VERSION = "v21";
 /**
  *  Autogenerated by current cli tool. Use *tnp release* to bump version.
  */
-declare const CURRENT_PACKAGE_VERSION = "21.0.49";
+declare const CURRENT_PACKAGE_VERSION = "21.0.50";
 
 declare function myOrgProj(): void;
 
+/**
+ *
+ * @param argsv process.argsv
+ * @param filename needed if you want ipc communicaiton
+ */
+declare function startCli(argsv: string[], filename: string): Promise<void>;
+
 /**
  * @deprecated too heavy!
  */
@@ -505,11 +512,14 @@ declare class TaonThemeService {
     private platformId;
     private isBrowser;
     private mediaQuery;
+    pernamentMode: boolean;
     mode: i0.WritableSignal<TaonThemeMode>;
     isDark: i0.WritableSignal<boolean>;
     constructor();
     private apply;
-    setMode(mode: TaonThemeMode): void;
+    setMode(mode: TaonThemeMode, options?: {
+        pernamentMode?: boolean;
+    }): void;
     toogleAuto(auto: boolean): void;
     setDark(yes: boolean): void;
     toggle(): void;
@@ -541,7 +551,7 @@ declare class TaonSimpleLayoutComponent {
 
 declare const TaonSimpleLayoutRoutes: Routes;
 
-declare class TaonStripeBuyButtonComponent {
+declare class TaonStripeBuyButtonComponent implements OnInit {
     /**
      * Stripe price id (NOT product id)
      * example: price_1Qabc123456
@@ -672,5 +682,5 @@ declare namespace TaonYouTubeUtils {
     function extractPlaylistId(input: string): string;
 }
 
-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, TaonNotFoundComponent, TaonNotificationOptions, TaonNotificationsComponent, TaonNotificationsModule, TaonNotificationsService, TaonProgressBarComponent, TaonProgressBarModule, TaonRumbleComponent, TaonSessionPasscodeComponent, TaonSimpleLayoutComponent, TaonSimpleLayoutRoutes, TaonStripeBuyButtonComponent, TaonTableComponent, TaonTableModule, TaonThemeComponent, TaonThemeMode, TaonThemeService, TaonYouTubeUtils, 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, TaonNotFoundComponent, TaonNotificationOptions, TaonNotificationsComponent, TaonNotificationsModule, TaonNotificationsService, TaonProgressBarComponent, TaonProgressBarModule, TaonRumbleComponent, TaonSessionPasscodeComponent, TaonSimpleLayoutComponent, TaonSimpleLayoutRoutes, TaonStripeBuyButtonComponent, TaonTableComponent, TaonTableModule, TaonThemeComponent, TaonThemeMode, TaonThemeService, TaonYouTubeUtils, TaonYoutubeVideoComponent, ViewMode, myOrgProj, startCli };
 export type { SessionState, TaonAdminModeTab, TaonKvAuthorizationProduct, TaonNotificationType, TaonRumbleState, TaonSessionPasscodeForm, TaonSessionPasscodeModel, TaonSimpleLayoutNavItem, TaonYoutubeState };

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

@@ -59,7 +59,7 @@ import { ModalModule } from 'ngx-bootstrap/modal';
 import * as i1$1 from '@angular/platform-browser';
 import { DomSanitizer } from '@angular/platform-browser';
 import { Log__NS__create, Level } from 'ng2-logger/browser-prod';
-import { ___NS__debounce, ___NS__isString, Helpers__NS__getIsWebSQL, ___NS__startCase, ___NS__isBoolean, TaonStripeCloudflareWorker, ___NS__times, ___NS__isEqual, ___NS__upperCase, ___NS__isObject, json5 } from 'tnp-core/browser-prod';
+import { ___NS__debounce, ___NS__isString, Helpers__NS__getIsWebSQL, ___NS__startCase, ___NS__isBoolean, ___NS__times, ___NS__isEqual, ___NS__upperCase, ___NS__isObject, json5 } from 'tnp-core/browser-prod';
 import * as i2$1 from '@angular/forms';
 import { FormGroup, FormControl, ReactiveFormsModule, FormsModule, Validators } from '@angular/forms';
 import * as i3 from 'ngx-scrollbar';
@@ -81,6 +81,7 @@ 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, filter } from 'rxjs/operators';
+import { TaonStripeCloudflareWorker } from '@taon-dev/api-workers/browser-prod';
 import * as i3$3 from '@ng-matero/extensions/grid';
 import { MtxGridModule } from '@ng-matero/extensions/grid';
 
@@ -108,11 +109,54 @@ const CURRENT_PACKAGE_TAON_VERSION = 'v21';
 /**
  *  Autogenerated by current cli tool. Use *tnp release* to bump version.
  */
-const CURRENT_PACKAGE_VERSION = '21.0.49';
+const CURRENT_PACKAGE_VERSION = '21.0.50';
 // THIS FILE IS GENERATED - DO NOT MODIFY
 
 function myOrgProj() { }
 
+//#region tnp-helpers cli template
+// import { Helpers, BaseCommandLineFeature } from 'tnp-helpers/src';
+// import { BaseProject, BaseStartConfig } from 'tnp-helpers/src'; // @backend
+// class $Version extends BaseCommandLineFeature<{}> {
+//   public _() {
+//     console.log(`Hello world from cli`);
+//     this._exit();
+//   }
+// }
+//#endregion
+/**
+ *
+ * @param argsv process.argsv
+ * @param filename needed if you want ipc communicaiton
+ */
+async function startCli(argsv, filename) {
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    return (void 0);
+}
+
 //#region imports
 //#endregion
 /**
@@ -1694,6 +1738,7 @@ class TaonThemeService {
         this.platformId = inject(PLATFORM_ID);
         this.isBrowser = isPlatformBrowser(this.platformId);
         this.mediaQuery = null;
+        this.pernamentMode = false;
         this.mode = signal(TaonThemeMode.AUTO, ...(ngDevMode ? [{ debugName: "mode" }] : []));
         this.isDark = signal(false, ...(ngDevMode ? [{ debugName: "isDark" }] : []));
         if (!this.isBrowser)
@@ -1706,6 +1751,9 @@ class TaonThemeService {
         }
         // React to system changes
         this.mediaQuery.addEventListener('change', e => {
+            if (this.pernamentMode) {
+                return;
+            }
             if (this.mode() === TaonThemeMode.AUTO) {
                 this.apply(e.matches);
             }
@@ -1726,7 +1774,9 @@ class TaonThemeService {
         root.classList.toggle('dark-taon-theme', dark);
         root.classList.toggle('light-taon-theme', !dark);
     }
-    setMode(mode) {
+    setMode(mode, options) {
+        options = options || {};
+        this.pernamentMode = options.pernamentMode ?? false;
         this.mode.set(mode);
     }
     toogleAuto(auto) {
@@ -1771,7 +1821,7 @@ class TaonThemeComponent {
         this.dialogRef.close();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonThemeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.9", type: TaonThemeComponent, isStandalone: true, selector: "taon-theme", ngImport: i0, template: "<div class=\"absolute top-2 right-2\">\n  <button\n    mat-icon-button\n    aria-label=\"Close dialog\"\n    (click)=\"close()\">\n    <mat-icon>close</mat-icon>\n  </button>\n</div>\n<div class=\"p-4\">\n  <h2>Theme settings</h2>\n\n  <mat-slide-toggle\n    class=\"p-2\"\n    [checked]=\"taonTheme.isAuto()\"\n    (change)=\"taonTheme.toogleAuto($event.checked)\">\n    Sync colors with system\n  </mat-slide-toggle>\n\n  <mat-slide-toggle\n    class=\"p-2\"\n    [checked]=\"taonTheme.isDark()\"\n    [disabled]=\"taonTheme.isAuto()\"\n    (change)=\"taonTheme.setDark($event.checked)\">\n    Dark mode\n  </mat-slide-toggle>\n</div>", dependencies: [{ kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i1$3.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatDialogModule }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.9", type: TaonThemeComponent, isStandalone: true, selector: "taon-theme", ngImport: i0, template: "<div class=\"absolute top-2 right-2\">\n  <button\n    mat-icon-button\n    aria-label=\"Close dialog\"\n    (click)=\"close()\">\n    <mat-icon>close</mat-icon>\n  </button>\n</div>\n<div class=\"p-4\">\n  <h2>\n    Theme settings\n    {{ taonTheme.pernamentMode ? \"( Settings can't ba changed )\" : '' }}\n  </h2>\n\n  <mat-slide-toggle\n    class=\"p-2\"\n    [checked]=\"taonTheme.isAuto()\"\n    [disabled]=\"taonTheme.pernamentMode\"\n    (change)=\"taonTheme.toogleAuto($event.checked)\">\n    Sync colors with system\n  </mat-slide-toggle>\n\n  <mat-slide-toggle\n    class=\"p-2\"\n    [checked]=\"taonTheme.isDark()\"\n    [disabled]=\"taonTheme.isAuto() || taonTheme.pernamentMode\"\n    (change)=\"taonTheme.setDark($event.checked)\">\n    Dark mode\n  </mat-slide-toggle>\n</div>", dependencies: [{ kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i1$3.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatDialogModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonThemeComponent, decorators: [{
             type: Component,
@@ -1780,7 +1830,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
                         MatIconModule,
                         MatButtonModule,
                         MatDialogModule,
-                    ], template: "<div class=\"absolute top-2 right-2\">\n  <button\n    mat-icon-button\n    aria-label=\"Close dialog\"\n    (click)=\"close()\">\n    <mat-icon>close</mat-icon>\n  </button>\n</div>\n<div class=\"p-4\">\n  <h2>Theme settings</h2>\n\n  <mat-slide-toggle\n    class=\"p-2\"\n    [checked]=\"taonTheme.isAuto()\"\n    (change)=\"taonTheme.toogleAuto($event.checked)\">\n    Sync colors with system\n  </mat-slide-toggle>\n\n  <mat-slide-toggle\n    class=\"p-2\"\n    [checked]=\"taonTheme.isDark()\"\n    [disabled]=\"taonTheme.isAuto()\"\n    (change)=\"taonTheme.setDark($event.checked)\">\n    Dark mode\n  </mat-slide-toggle>\n</div>" }]
+                    ], template: "<div class=\"absolute top-2 right-2\">\n  <button\n    mat-icon-button\n    aria-label=\"Close dialog\"\n    (click)=\"close()\">\n    <mat-icon>close</mat-icon>\n  </button>\n</div>\n<div class=\"p-4\">\n  <h2>\n    Theme settings\n    {{ taonTheme.pernamentMode ? \"( Settings can't ba changed )\" : '' }}\n  </h2>\n\n  <mat-slide-toggle\n    class=\"p-2\"\n    [checked]=\"taonTheme.isAuto()\"\n    [disabled]=\"taonTheme.pernamentMode\"\n    (change)=\"taonTheme.toogleAuto($event.checked)\">\n    Sync colors with system\n  </mat-slide-toggle>\n\n  <mat-slide-toggle\n    class=\"p-2\"\n    [checked]=\"taonTheme.isDark()\"\n    [disabled]=\"taonTheme.isAuto() || taonTheme.pernamentMode\"\n    (change)=\"taonTheme.setDark($event.checked)\">\n    Dark mode\n  </mat-slide-toggle>\n</div>" }]
         }] });
 
 //#region imports
@@ -2380,9 +2430,11 @@ function TaonYouTubeUtils__NS__extractPlaylistId(input) {
 // set property "shouldGenerateAutogenIndexFile: false" 
 // in taon.jsonc of your project.
 
+var index = {};
+
 /**
  * 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, TaonNotFoundComponent, TaonNotificationOptions, TaonNotificationsComponent, TaonNotificationsModule, TaonNotificationsService, TaonProgressBarComponent, TaonProgressBarModule, TaonRumbleComponent, TaonSessionPasscodeComponent, TaonSimpleLayoutComponent, TaonSimpleLayoutRoutes, TaonStripeBuyButtonComponent, TaonTableComponent, TaonTableModule, TaonThemeComponent, TaonThemeMode, TaonThemeService, TaonYouTubeUtils__NS__extractPlaylistId, TaonYouTubeUtils__NS__getVidesIdsOfPlaylist, 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, TaonNotFoundComponent, TaonNotificationOptions, TaonNotificationsComponent, TaonNotificationsModule, TaonNotificationsService, TaonProgressBarComponent, TaonProgressBarModule, TaonRumbleComponent, TaonSessionPasscodeComponent, TaonSimpleLayoutComponent, TaonSimpleLayoutRoutes, TaonStripeBuyButtonComponent, TaonTableComponent, TaonTableModule, TaonThemeComponent, TaonThemeMode, TaonThemeService, TaonYouTubeUtils__NS__extractPlaylistId, TaonYouTubeUtils__NS__getVidesIdsOfPlaylist, TaonYoutubeVideoComponent, ViewMode, myOrgProj, startCli };
 //# sourceMappingURL=taon-ui-browser-prod.mjs.map