taon-ui 21.0.49 → 21.0.50

package/VERIFIED-BUILD-DATA.jsonc

@@ -1,5 +1,5 @@
 {
-  "commitHash": "0ce201507b3d6c8a5d3d5538b912145342abb4fe",
-  "commitName": "feat: taon them close button",
-  "commitDate": "08-06-2026 00:11:09"
+  "commitHash": "7139645086a42aa83c8e169e1bfaf6152079da0a",
+  "commitName": "refactor:\n- pernament theme mode\n- taon cli code\n- api taon update",
+  "commitDate": "17-06-2026 18:13:59"
 }

package/bin/start.js

@@ -0,0 +1,38 @@
+global.frameworkName = 'taon-ui';
+Error.stackTraceLimit = 100;
+global.i0 = {
+  defineInjectable: function () { }
+}
+const process= require('process');
+global.currentTaonScriptStartDateTime =  process.hrtime.bigint();
+
+process.removeAllListeners('warning');
+var argv = process.argv;
+
+global.hideLog = true;
+global.verboseLevel = 0;
+var verboseLevel = argv.find(a => a.startsWith('-verbose='));
+if (typeof verboseLevel !== 'undefined') {
+  global.hideLog = false;
+  verboseLevel = Number(verboseLevel.replace('-verbose=', ''));
+  if (!isNaN(verboseLevel)) {
+    global.verboseLevel = verboseLevel;
+  }
+  argv = argv.filter(a => !a.startsWith('-verbose='));
+}
+
+if (argv.includes('-verbose')) {
+  global.hideLog = false;
+  argv = argv.filter(a => a !== '-verbose');
+}
+
+const fs = require('fs');
+const path = require('path');
+var pathToCliJS = {
+  distDev: path.join(__dirname, '../dist/cli.js'),
+  localOrNPm: path.join(__dirname, '../cli.js')
+}
+var p = fs.existsSync(pathToCliJS.distDev) ? pathToCliJS.distDev : pathToCliJS.localOrNPm;
+global.globalSystemToolMode = true;
+var run = require(p).startCli;
+run(argv,__filename);

package/bin/taon-ui

@@ -0,0 +1,5 @@
+#!/usr/bin/env -S node --no-deprecation
+//#region @backend
+// --stack-trace-limit=10000
+require('./start');
+//#endregion

package/bin/taon-ui-debug

@@ -0,0 +1,5 @@
+#!/usr/bin/env -S node --inspect --stack-trace-limit=10000 --no-deprecation
+//#region @backend
+// --stack-trace-limit=10000
+require('./start');
+//#endregion

package/bin/taon-ui-debug-brk

@@ -0,0 +1,4 @@
+#!/usr/bin/env -S node --inspect-brk --stack-trace-limit=10000 --no-deprecation
+//#region @backend
+require('./start');
+//#endregion

package/browser/fesm2022/taon-ui-browser.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, Level } from 'ng2-logger/browser';
-import { _, Helpers, TaonStripeCloudflareWorker, json5 } from 'tnp-core/browser';
+import { _, Helpers, json5 } from 'tnp-core/browser';
 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';
 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
@@ -2383,9 +2433,11 @@ var TaonYouTubeUtils;
 // 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, 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 };
 //# sourceMappingURL=taon-ui-browser.mjs.map