taon-ui 19.0.32 → 21.0.2

package/lib/build-info._auto-generated_.d.ts

@@ -17,4 +17,4 @@ export declare const PROJECT_NPM_NAME = "taon-ui";
 /**
  *  Autogenerated by current cli tool. Use *tnp release* to bump version.
  */
-export declare const CURRENT_PACKAGE_VERSION = "19.0.32";
+export declare const CURRENT_PACKAGE_VERSION = "21.0.2";

package/lib/build-info._auto-generated_.js

@@ -21,6 +21,6 @@ exports.PROJECT_NPM_NAME = 'taon-ui';
 /**
  *  Autogenerated by current cli tool. Use *tnp release* to bump version.
  */
-exports.CURRENT_PACKAGE_VERSION = '19.0.32';
+exports.CURRENT_PACKAGE_VERSION = '21.0.2';
 // THIS FILE IS GENERATED - DO NOT MODIFY
 //# sourceMappingURL=build-info._auto-generated_.js.map

package/lib/build-info._auto-generated_.js.map

@@ -1 +1 @@
-{"version":3,"file":"build-info._auto-generated_.js","sourceRoot":"","sources":[""],"names":[],"mappings":";;;AAAA,yCAAyC;AACzC;;GAEG;AACU,QAAA,wBAAwB,GAAG,KAAK,CAAC;AAC9C;;GAEG;AACU,QAAA,MAAM,GAAG,4BAA4B,CAAC;AACnD;;GAEG;AACU,QAAA,eAAe,GAAG,EAAE,CAAC;AAClC;;GAEG;AACU,QAAA,gBAAgB,GAAG,SAAS,CAAC;AAC1C;;GAEG;AACU,QAAA,uBAAuB,GAAG,SAAS,CAAC;AACjD,yCAAyC"}
+{"version":3,"file":"build-info._auto-generated_.js","sourceRoot":"","sources":[""],"names":[],"mappings":";;;AAAA,yCAAyC;AACzC;;GAEG;AACU,QAAA,wBAAwB,GAAG,KAAK,CAAC;AAC9C;;GAEG;AACU,QAAA,MAAM,GAAG,4BAA4B,CAAC;AACnD;;GAEG;AACU,QAAA,eAAe,GAAG,EAAE,CAAC;AAClC;;GAEG;AACU,QAAA,gBAAgB,GAAG,SAAS,CAAC;AAC1C;;GAEG;AACU,QAAA,uBAAuB,GAAG,QAAQ,CAAC;AAChD,yCAAyC"}

package/lib/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1765313654719 = dummy1765313654719;
-function dummy1765313654719() { }
+exports.dummy1766324259048 = dummy1766324259048;
+function dummy1766324259048() { }
 //# sourceMappingURL=index.js.map

package/lib/layouts/taon-bootstrap-navbar/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1765313656300 = dummy1765313656300;
-function dummy1765313656300() { }
+exports.dummy1766324259952 = dummy1766324259952;
+function dummy1766324259952() { }
 //# sourceMappingURL=index.js.map

package/lib/ui/directives/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1765313656333 = dummy1765313656333;
-function dummy1765313656333() { }
+exports.dummy1766324259975 = dummy1766324259975;
+function dummy1766324259975() { }
 //# sourceMappingURL=index.js.map

package/lib/ui/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1765313654864 = dummy1765313654864;
-function dummy1765313654864() { }
+exports.dummy1766324259152 = dummy1766324259152;
+function dummy1766324259152() { }
 //# sourceMappingURL=index.js.map

package/lib/ui/taon-github-fork-me-corner/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1765313656441 = dummy1765313656441;
-function dummy1765313656441() { }
+exports.dummy1766324260064 = dummy1766324260064;
+function dummy1766324260064() { }
 //# sourceMappingURL=index.js.map

package/lib/ui/taon-github-fork-me-ribbon/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1765313656476 = dummy1765313656476;
-function dummy1765313656476() { }
+exports.dummy1766324260099 = dummy1766324260099;
+function dummy1766324260099() { }
 //# sourceMappingURL=index.js.map

package/lib/ui/taon-iframe-sync/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1765313656517 = dummy1765313656517;
-function dummy1765313656517() { }
+exports.dummy1766324260128 = dummy1766324260128;
+function dummy1766324260128() { }
 //# sourceMappingURL=index.js.map

package/lib/ui/taon-iframe-sync/taon-iframe-sync.component.d.ts

@@ -2,6 +2,7 @@ import { OnDestroy, ElementRef, AfterViewInit } from '@angular/core';
 import { SafeResourceUrl } from '@angular/platform-browser';
 export declare class TaonIframeSyncComponent implements AfterViewInit, OnDestroy {
     #private;
+    loaderBackgroundColor: string;
     private destroy$;
     private iframeWin;
     isReady: boolean;

package/lib/ui/taon-notifications/taon-notifications.models.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1765313656594 = dummy1765313656594;
-function dummy1765313656594() { }
+exports.dummy1766324260173 = dummy1766324260173;
+function dummy1766324260173() { }
 //# sourceMappingURL=taon-notifications.models.js.map

package/lib/ui/taon-progress-bar/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1765313656635 = dummy1765313656635;
-function dummy1765313656635() { }
+exports.dummy1766324260192 = dummy1766324260192;
+function dummy1766324260192() { }
 //# sourceMappingURL=index.js.map

package/lib/ui/taon-session-passcode/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1765313656686 = dummy1765313656686;
-function dummy1765313656686() { }
+exports.dummy1766324260226 = dummy1766324260226;
+function dummy1766324260226() { }
 //# sourceMappingURL=index.js.map

package/lib/ui/taon-table/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1765313656743 = dummy1765313656743;
-function dummy1765313656743() { }
+exports.dummy1766324260257 = dummy1766324260257;
+function dummy1766324260257() { }
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "taon-ui",
-  "version": "19.0.32",
+  "version": "21.0.2",
   "scripts": {
     "taon init": "taon init",
     "taon start": "taon start",
@@ -26,7 +26,7 @@
   "description": "Description for taon-ui. Hello world!",
   "main": "dist/app.electron.js",
   "optionalDependencies": {
-    "taon": "~19.0.0"
+    "taon": "~21.0.0"
   },
   "bin": {},
   "peerDependencies": {},

package/tmp-environment.json

@@ -0,0 +1,43 @@
+{
+  "website": {
+    "domain": "taon-ui.example.domain.com",
+    "title": "Taon Ui"
+  },
+  "paths": {},
+  "config": {},
+  "container": {
+    "only": []
+  },
+  "ports": {
+    "ngNormalAppPort": 4263,
+    "ngWebsqlAppPort": 4264,
+    "nodeBeAppPort": 4104
+  },
+  "init": {},
+  "build": {
+    "pwa": {},
+    "watch": false
+  },
+  "loading": {
+    "preAngularBootstrap": {},
+    "afterAngularBootstrap": {}
+  },
+  "release": {
+    "cli": {},
+    "lib": {},
+    "autoReleaseUsingConfig": true,
+    "releaseVersionBumpType": "patch",
+    "releaseType": "manual",
+    "targetArtifact": "npm-lib-and-cli-tool",
+    "envName": "__",
+    "resolvedNewVersion": "19.0.3"
+  },
+  "copyToManager": {},
+  "buildInfo": {
+    "date": "2025-05-28T01:42:51.000Z",
+    "hash": "7096aeacb73ca98d319b57f31478497c65d613ed"
+  },
+  "currentProjectName": "taon-ui",
+  "currentProjectType": "isomorphic-lib",
+  "pathsTsconfig": "\"paths\": {\"@lib\":[\"./src/lib\"],\"@lib/*\":[\"./src/lib/*\"],\"taon-ui/src\":[\"./src/lib\"],\"taon-ui/src/*\":[\"./src/lib/*\"]},"
+}

package/websql/fesm2022/taon-ui.mjs

@@ -1232,6 +1232,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
 // taon-iframe-sync.component.ts
 class TaonIframeSyncComponent {
     constructor() {
+        this.loaderBackgroundColor = 'white';
         this.destroy$ = new Subject();
         this.iframeWin = null;
         // This is the key: iframe stays hidden until first correct page is confirmed loaded
@@ -1344,7 +1345,7 @@ class TaonIframeSyncComponent {
         window.removeEventListener('message', this.handleIframeMessage);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TaonIframeSyncComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TaonIframeSyncComponent, isStandalone: true, selector: "taon-iframe-sync", inputs: { iframeSrc: "iframeSrc", queryParamKey: "queryParamKey", initialPath: "initialPath", targetOrigin: "targetOrigin" }, viewQueries: [{ propertyName: "iframeRef", first: true, predicate: ["iframe"], descendants: true }], ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TaonIframeSyncComponent, isStandalone: true, selector: "taon-iframe-sync", inputs: { loaderBackgroundColor: "loaderBackgroundColor", iframeSrc: "iframeSrc", queryParamKey: "queryParamKey", initialPath: "initialPath", targetOrigin: "targetOrigin" }, viewQueries: [{ propertyName: "iframeRef", first: true, predicate: ["iframe"], descendants: true }], ngImport: i0, template: `
     <!-- Hidden by default, shown only when ready -->
     <iframe
       #iframe
@@ -1360,7 +1361,9 @@ class TaonIframeSyncComponent {
     <!-- Optional: nice loading placeholder -->
     <div
       *ngIf="!isReady"
-      class="iframe-loading-placeholder">
+      class="iframe-loading-placeholder"
+      [style.background]="loaderBackgroundColor"
+      >
       <div class="spinner"></div>
       <p>Loading documentation...</p>
     </div>
@@ -1384,12 +1387,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
     <!-- Optional: nice loading placeholder -->
     <div
       *ngIf="!isReady"
-      class="iframe-loading-placeholder">
+      class="iframe-loading-placeholder"
+      [style.background]="loaderBackgroundColor"
+      >
       <div class="spinner"></div>
       <p>Loading documentation...</p>
     </div>
   `, standalone: true, imports: [NgIf], changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;width:100%;height:100%;position:relative}.iframe-loading-placeholder{position:absolute;inset:0;background:var(--md-primary-fg-color--light);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-color, #666);font-family:system-ui,sans-serif}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}\n"] }]
-        }], propDecorators: { iframeRef: [{
+        }], propDecorators: { loaderBackgroundColor: [{
+                type: Input
+            }], iframeRef: [{
                 type: ViewChild,
                 args: ['iframe']
             }], iframeSrc: [{