taon-ui 19.0.32 → 21.0.2
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.
- package/browser/fesm2022/taon-ui.mjs +11 -4
- package/browser/fesm2022/taon-ui.mjs.map +1 -1
- package/browser/lib/ui/taon-iframe-sync/taon-iframe-sync.component.d.ts +2 -1
- package/browser/package.json +1 -1
- package/lib/build-info._auto-generated_.d.ts +1 -1
- package/lib/build-info._auto-generated_.js +1 -1
- package/lib/build-info._auto-generated_.js.map +1 -1
- package/lib/index.js +2 -2
- package/lib/layouts/taon-bootstrap-navbar/index.js +2 -2
- package/lib/ui/directives/index.js +2 -2
- package/lib/ui/index.js +2 -2
- package/lib/ui/taon-github-fork-me-corner/index.js +2 -2
- package/lib/ui/taon-github-fork-me-ribbon/index.js +2 -2
- package/lib/ui/taon-iframe-sync/index.js +2 -2
- package/lib/ui/taon-iframe-sync/taon-iframe-sync.component.d.ts +1 -0
- package/lib/ui/taon-notifications/taon-notifications.models.js +2 -2
- package/lib/ui/taon-progress-bar/index.js +2 -2
- package/lib/ui/taon-session-passcode/index.js +2 -2
- package/lib/ui/taon-table/index.js +2 -2
- package/package.json +2 -2
- package/tmp-environment.json +43 -0
- package/websql/fesm2022/taon-ui.mjs +11 -4
- package/websql/fesm2022/taon-ui.mjs.map +1 -1
- package/websql/lib/ui/taon-iframe-sync/taon-iframe-sync.component.d.ts +2 -1
- package/websql/package.json +1 -1
- package/lib/ui/taon-iframe-sync/taon-iframe-sync.d.ts +0 -24
- package/lib/ui/taon-iframe-sync/taon-iframe-sync.js +0 -118
- package/lib/ui/taon-iframe-sync/taon-iframe-sync.js.map +0 -1
|
@@ -1237,6 +1237,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
1237
1237
|
// taon-iframe-sync.component.ts
|
|
1238
1238
|
class TaonIframeSyncComponent {
|
|
1239
1239
|
constructor() {
|
|
1240
|
+
this.loaderBackgroundColor = 'white';
|
|
1240
1241
|
this.destroy$ = new Subject();
|
|
1241
1242
|
this.iframeWin = null;
|
|
1242
1243
|
// This is the key: iframe stays hidden until first correct page is confirmed loaded
|
|
@@ -1349,7 +1350,7 @@ class TaonIframeSyncComponent {
|
|
|
1349
1350
|
window.removeEventListener('message', this.handleIframeMessage);
|
|
1350
1351
|
}
|
|
1351
1352
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TaonIframeSyncComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1352
|
-
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: `
|
|
1353
|
+
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: `
|
|
1353
1354
|
<!-- Hidden by default, shown only when ready -->
|
|
1354
1355
|
<iframe
|
|
1355
1356
|
#iframe
|
|
@@ -1365,7 +1366,9 @@ class TaonIframeSyncComponent {
|
|
|
1365
1366
|
<!-- Optional: nice loading placeholder -->
|
|
1366
1367
|
<div
|
|
1367
1368
|
*ngIf="!isReady"
|
|
1368
|
-
class="iframe-loading-placeholder"
|
|
1369
|
+
class="iframe-loading-placeholder"
|
|
1370
|
+
[style.background]="loaderBackgroundColor"
|
|
1371
|
+
>
|
|
1369
1372
|
<div class="spinner"></div>
|
|
1370
1373
|
<p>Loading documentation...</p>
|
|
1371
1374
|
</div>
|
|
@@ -1389,12 +1392,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
1389
1392
|
<!-- Optional: nice loading placeholder -->
|
|
1390
1393
|
<div
|
|
1391
1394
|
*ngIf="!isReady"
|
|
1392
|
-
class="iframe-loading-placeholder"
|
|
1395
|
+
class="iframe-loading-placeholder"
|
|
1396
|
+
[style.background]="loaderBackgroundColor"
|
|
1397
|
+
>
|
|
1393
1398
|
<div class="spinner"></div>
|
|
1394
1399
|
<p>Loading documentation...</p>
|
|
1395
1400
|
</div>
|
|
1396
1401
|
`, 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"] }]
|
|
1397
|
-
}], propDecorators: {
|
|
1402
|
+
}], propDecorators: { loaderBackgroundColor: [{
|
|
1403
|
+
type: Input
|
|
1404
|
+
}], iframeRef: [{
|
|
1398
1405
|
type: ViewChild,
|
|
1399
1406
|
args: ['iframe']
|
|
1400
1407
|
}], iframeSrc: [{
|