taon-ui 21.0.63 → 21.0.64
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/VERIFIED-BUILD-DATA.jsonc +3 -3
- package/bin/start.js +1 -1
- package/browser/fesm2022/taon-ui-browser.mjs +61 -5
- package/browser/fesm2022/taon-ui-browser.mjs.map +1 -1
- package/browser/package.json +1 -1
- package/browser/types/taon-ui-browser.d.ts +32 -3
- package/browser-prod/fesm2022/taon-ui-browser-prod.mjs +64 -5
- package/browser-prod/fesm2022/taon-ui-browser-prod.mjs.map +1 -1
- package/browser-prod/package.json +1 -1
- package/browser-prod/types/taon-ui-browser-prod.d.ts +30 -3
- package/html/lib/ui/taon-slide-content/taon-slide-content.component.html +6 -0
- package/lib/build-info._auto-generated_.d.ts +1 -1
- package/lib/build-info._auto-generated_.js +1 -1
- package/lib/index._auto-generated_.d.ts +3 -0
- package/lib/index._auto-generated_.js +3 -0
- package/lib/index._auto-generated_.js.map +1 -1
- package/lib/layouts/taon-bootstrap-navbar/index.js +2 -2
- package/lib/package.json +1 -1
- package/lib/ui/anonymize-text/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-lang-selector/index.js +2 -2
- package/lib/ui/taon-lang-selector/taon-lang-selector.component.d.ts +1 -1
- package/lib/ui/taon-progress-bar/index.js +2 -2
- package/lib/ui/taon-session-passcode/index.js +2 -2
- package/lib/ui/taon-settings/index.js +2 -2
- package/lib/ui/taon-slide-content/index.d.ts +1 -0
- package/lib/ui/taon-slide-content/index.js +5 -0
- package/lib/ui/taon-slide-content/index.js.map +1 -0
- package/lib/ui/taon-slide-content/taon-slide-content-child.component.d.ts +3 -0
- package/lib/ui/taon-slide-content/taon-slide-content.component.d.ts +19 -0
- package/lib/ui/taon-slide-content/taon-slide-content.models.d.ts +1 -0
- package/lib/ui/taon-slide-content/taon-slide-content.models.js +3 -0
- package/lib/ui/taon-slide-content/taon-slide-content.models.js.map +1 -0
- package/lib/ui/taon-table/index.js +2 -2
- package/lib-esm/app.electron.d.ts +1 -1
- package/lib-esm/app.electron.js +1 -1
- package/lib-esm/app.hosts.d.ts +2 -2
- package/lib-esm/app.hosts.js +4 -4
- package/lib-esm/lib/build-info._auto-generated_.d.ts +1 -1
- package/lib-esm/lib/build-info._auto-generated_.js +1 -1
- package/lib-esm/lib/index._auto-generated_.d.ts +1 -0
- package/lib-esm/lib/index._auto-generated_.js +3 -0
- package/lib-esm/lib/index._auto-generated_.js.map +1 -1
- package/lib-esm/lib/layouts/taon-bootstrap-navbar/index.d.ts +1 -1
- package/lib-esm/lib/layouts/taon-bootstrap-navbar/index.js +1 -1
- package/lib-esm/lib/ui/anonymize-text/index.d.ts +1 -1
- package/lib-esm/lib/ui/anonymize-text/index.js +1 -1
- package/lib-esm/lib/ui/directives/index.d.ts +1 -1
- package/lib-esm/lib/ui/directives/index.js +1 -1
- package/lib-esm/lib/ui/index.d.ts +1 -1
- package/lib-esm/lib/ui/index.js +1 -1
- package/lib-esm/lib/ui/taon-github-fork-me-corner/index.d.ts +1 -1
- package/lib-esm/lib/ui/taon-github-fork-me-corner/index.js +1 -1
- package/lib-esm/lib/ui/taon-github-fork-me-ribbon/index.d.ts +1 -1
- package/lib-esm/lib/ui/taon-github-fork-me-ribbon/index.js +1 -1
- package/lib-esm/lib/ui/taon-iframe-sync/index.d.ts +1 -1
- package/lib-esm/lib/ui/taon-iframe-sync/index.js +1 -1
- package/lib-esm/lib/ui/taon-lang-selector/index.d.ts +1 -1
- package/lib-esm/lib/ui/taon-lang-selector/index.js +1 -1
- package/lib-esm/lib/ui/taon-progress-bar/index.d.ts +1 -1
- package/lib-esm/lib/ui/taon-progress-bar/index.js +1 -1
- package/lib-esm/lib/ui/taon-session-passcode/index.d.ts +1 -1
- package/lib-esm/lib/ui/taon-session-passcode/index.js +1 -1
- package/lib-esm/lib/ui/taon-settings/index.d.ts +1 -1
- package/lib-esm/lib/ui/taon-settings/index.js +1 -1
- package/lib-esm/lib/ui/taon-slide-content/index.d.ts +1 -0
- package/lib-esm/lib/ui/taon-slide-content/index.js +2 -0
- package/lib-esm/lib/ui/taon-slide-content/index.js.map +1 -0
- package/lib-esm/lib/ui/taon-slide-content/taon-slide-content.models.d.ts +1 -0
- package/lib-esm/lib/ui/taon-slide-content/taon-slide-content.models.js +2 -0
- package/lib-esm/lib/ui/taon-slide-content/taon-slide-content.models.js.map +1 -0
- package/lib-esm/lib/ui/taon-table/index.d.ts +1 -1
- package/lib-esm/lib/ui/taon-table/index.js +1 -1
- package/lib-prod/build-info._auto-generated_.d.ts +1 -1
- package/lib-prod/build-info._auto-generated_.js +1 -1
- package/lib-prod/index._auto-generated_.d.ts +1 -0
- package/lib-prod/index._auto-generated_.js +3 -0
- package/lib-prod/index._auto-generated_.js.map +1 -1
- package/lib-prod/layouts/taon-bootstrap-navbar/index.d.ts +1 -1
- package/lib-prod/layouts/taon-bootstrap-navbar/index.js +1 -1
- package/lib-prod/package.json +1 -1
- package/lib-prod/ui/anonymize-text/index.d.ts +1 -1
- package/lib-prod/ui/anonymize-text/index.js +1 -1
- package/lib-prod/ui/directives/index.d.ts +1 -1
- package/lib-prod/ui/directives/index.js +1 -1
- package/lib-prod/ui/index.d.ts +1 -1
- package/lib-prod/ui/index.js +1 -1
- package/lib-prod/ui/taon-github-fork-me-corner/index.d.ts +1 -1
- package/lib-prod/ui/taon-github-fork-me-corner/index.js +1 -1
- package/lib-prod/ui/taon-github-fork-me-ribbon/index.d.ts +1 -1
- package/lib-prod/ui/taon-github-fork-me-ribbon/index.js +1 -1
- package/lib-prod/ui/taon-iframe-sync/index.d.ts +1 -1
- package/lib-prod/ui/taon-iframe-sync/index.js +1 -1
- package/lib-prod/ui/taon-lang-selector/index.d.ts +1 -1
- package/lib-prod/ui/taon-lang-selector/index.js +1 -1
- package/lib-prod/ui/taon-progress-bar/index.d.ts +1 -1
- package/lib-prod/ui/taon-progress-bar/index.js +1 -1
- package/lib-prod/ui/taon-session-passcode/index.d.ts +1 -1
- package/lib-prod/ui/taon-session-passcode/index.js +1 -1
- package/lib-prod/ui/taon-settings/index.d.ts +1 -1
- package/lib-prod/ui/taon-settings/index.js +1 -1
- package/lib-prod/ui/taon-slide-content/index.d.ts +1 -0
- package/lib-prod/ui/taon-slide-content/index.js +2 -0
- package/lib-prod/ui/taon-slide-content/index.js.map +1 -0
- package/lib-prod/ui/taon-slide-content/taon-slide-content.models.d.ts +0 -0
- package/lib-prod/ui/taon-slide-content/taon-slide-content.models.js +3 -0
- package/lib-prod/ui/taon-slide-content/taon-slide-content.models.js.map +1 -0
- package/lib-prod/ui/taon-table/index.d.ts +1 -1
- package/lib-prod/ui/taon-table/index.js +1 -1
- package/package.json +1 -1
- package/scss/lib/ui/taon-slide-content/taon-slide-content.component.scss +22 -0
- package/websql/fesm2022/taon-ui-websql.mjs +61 -5
- package/websql/fesm2022/taon-ui-websql.mjs.map +1 -1
- package/websql/package.json +1 -1
- package/websql/types/taon-ui-websql.d.ts +32 -3
- package/websql-prod/fesm2022/taon-ui-websql-prod.mjs +64 -5
- package/websql-prod/fesm2022/taon-ui-websql-prod.mjs.map +1 -1
- package/websql-prod/package.json +1 -1
- package/websql-prod/types/taon-ui-websql-prod.d.ts +30 -3
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export function
|
|
1
|
+
export function dummy1787701345092() { }
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/lib-prod/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare function
|
|
1
|
+
export declare function dummy1787701345112(): void;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export function
|
|
1
|
+
export function dummy1787701345112() { }
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare function
|
|
1
|
+
export declare function dummy1787701345115(): void;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export function
|
|
1
|
+
export function dummy1787701345115() { }
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/lib-prod/ui/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare function
|
|
1
|
+
export declare function dummy1787701344498(): void;
|
package/lib-prod/ui/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export function
|
|
1
|
+
export function dummy1787701344498() { }
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare function
|
|
1
|
+
export declare function dummy1787701345215(): void;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export function
|
|
1
|
+
export function dummy1787701345215() { }
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare function
|
|
1
|
+
export declare function dummy1787701345227(): void;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export function
|
|
1
|
+
export function dummy1787701345227() { }
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare function
|
|
1
|
+
export declare function dummy1787701345240(): void;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export function
|
|
1
|
+
export function dummy1787701345240() { }
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare function
|
|
1
|
+
export declare function dummy1787701345269(): void;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export function
|
|
1
|
+
export function dummy1787701345269() { }
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare function
|
|
1
|
+
export declare function dummy1787701345309(): void;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export function
|
|
1
|
+
export function dummy1787701345309() { }
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare function
|
|
1
|
+
export declare function dummy1787701345335(): void;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export function
|
|
1
|
+
export function dummy1787701345335() { }
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare function
|
|
1
|
+
export declare function dummy1787701345351(): void;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export function
|
|
1
|
+
export function dummy1787701345351() { }
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function dummy1787701345386(): void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":[""],"names":[],"mappings":"AAAA,MAAM,UAAU,kBAAkB,KAAK,CAAC"}
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"taon-slide-content.models.js","sourceRoot":"","sources":[""],"names":[],"mappings":"AAAA,kCAAkC;AAElC,yCAAyC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare function
|
|
1
|
+
export declare function dummy1787701345413(): void;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export function
|
|
1
|
+
export function dummy1787701345413() { }
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/package.json
CHANGED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
:host {
|
|
2
|
+
display: block;
|
|
3
|
+
width: 100%;
|
|
4
|
+
overflow: hidden;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.slide-track {
|
|
8
|
+
display: flex;
|
|
9
|
+
width: 100%;
|
|
10
|
+
align-items: flex-start;
|
|
11
|
+
will-change: transform;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.slide-track.animate {
|
|
15
|
+
transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
@media (prefers-reduced-motion: reduce) {
|
|
19
|
+
.slide-track.animate {
|
|
20
|
+
transition: none;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
@@ -6,7 +6,7 @@ import { CdkStepperModule } from '@angular/cdk/stepper';
|
|
|
6
6
|
import { CdkTableModule } from '@angular/cdk/table';
|
|
7
7
|
import { CdkTreeModule } from '@angular/cdk/tree';
|
|
8
8
|
import * as i0 from '@angular/core';
|
|
9
|
-
import { NgModule, Input, ChangeDetectionStrategy, Component, inject, ElementRef, HostListener, Directive, Pipe, EventEmitter, HostBinding, Output, Injectable, ViewChild, DestroyRef, Self, ChangeDetectorRef, signal, computed, PLATFORM_ID, effect, input } from '@angular/core';
|
|
9
|
+
import { NgModule, Input, ChangeDetectionStrategy, Component, inject, ElementRef, HostListener, Directive, Pipe, EventEmitter, HostBinding, Output, Injectable, ViewChild, DestroyRef, Self, ChangeDetectorRef, signal, computed, PLATFORM_ID, effect, input, ContentChildren } from '@angular/core';
|
|
10
10
|
import { MatAutocompleteModule } from '@angular/material/autocomplete';
|
|
11
11
|
import { MatBadgeModule } from '@angular/material/badge';
|
|
12
12
|
import { MatBottomSheetModule } from '@angular/material/bottom-sheet';
|
|
@@ -109,7 +109,7 @@ const CURRENT_PACKAGE_TAON_VERSION = 'v21';
|
|
|
109
109
|
/**
|
|
110
110
|
* Autogenerated by current cli tool. Use *tnp release* to bump version.
|
|
111
111
|
*/
|
|
112
|
-
const CURRENT_PACKAGE_VERSION = '21.0.
|
|
112
|
+
const CURRENT_PACKAGE_VERSION = '21.0.64';
|
|
113
113
|
// THIS FILE IS GENERATED - DO NOT MODIFY
|
|
114
114
|
|
|
115
115
|
function myOrgProj() { }
|
|
@@ -1802,11 +1802,11 @@ class TaonRumbleComponent {
|
|
|
1802
1802
|
return this.state === 'video-preview-private';
|
|
1803
1803
|
}
|
|
1804
1804
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonRumbleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1805
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.9", type: TaonRumbleComponent, isStandalone: true, selector: "taon-rumble", inputs: { title: "title", clipId: "clipId", picturePreviewUrl: "picturePreviewUrl", state: "state" }, outputs: { paddlockClicked: "paddlockClicked", previewClicked: "previewClicked" }, ngImport: i0, template: "<div class=\"taon-rumble\">\n <!-- PREVIEW MODE -->\n <div\n *ngIf=\"isPreview()\"\n class=\"preview\"\n (click)=\"onPreviewClick()\">\n <img\n class=\"preview-img\"\n [src]=\"picturePreviewUrl\"\n [alt]=\"title\" />\n\n <div class=\"title\">\n {{ title }}\n </div>\n\n <!-- PLAY BUTTON -->\n <div class=\"play-button\">\u25B6</div>\n\n <!-- LOCK -->\n <div\n *ngIf=\"isLocked()\"\n class=\"lock\"\n (click)=\"onPadlockClick($event)\">\n \uD83D\uDD12\n </div>\n </div>\n\n <!-- VIDEO OPEN -->\n <div\n *ngIf=\"isVideoOpen()\"\n class=\"video\">\n <iframe\n class=\"rumble-frame\"\n [src]=\"embedUrl()\"\n frameborder=\"0\"\n allowfullscreen>\n </iframe>\n </div>\n\n <!-- PRIVATE VIDEO -->\n <div\n *ngIf=\"isPrivate()\"\n class=\"private\">\n <div class=\"private-box\">\uD83D\uDD12 Private video</div>\n </div>\n</div
|
|
1805
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.9", type: TaonRumbleComponent, isStandalone: true, selector: "taon-rumble", inputs: { title: "title", clipId: "clipId", picturePreviewUrl: "picturePreviewUrl", state: "state" }, outputs: { paddlockClicked: "paddlockClicked", previewClicked: "previewClicked" }, ngImport: i0, template: "<div class=\"taon-rumble\">\n <!-- PREVIEW MODE -->\n <div\n *ngIf=\"isPreview()\"\n class=\"preview\"\n (click)=\"onPreviewClick()\">\n <img\n class=\"preview-img\"\n [src]=\"picturePreviewUrl\"\n [alt]=\"title\" />\n\n <div class=\"title\">\n {{ title }}\n </div>\n\n <!-- PLAY BUTTON -->\n <div class=\"play-button\">\u25B6</div>\n\n <!-- LOCK -->\n <div\n *ngIf=\"isLocked()\"\n class=\"lock\"\n (click)=\"onPadlockClick($event)\">\n \uD83D\uDD12\n </div>\n </div>\n\n <!-- VIDEO OPEN -->\n <div\n *ngIf=\"isVideoOpen()\"\n class=\"video\">\n <iframe\n class=\"rumble-frame\"\n [src]=\"embedUrl()\"\n frameborder=\"0\"\n allowfullscreen>\n </iframe>\n </div>\n\n <!-- PRIVATE VIDEO -->\n <div\n *ngIf=\"isPrivate()\"\n class=\"private\">\n <div class=\"private-box\">\uD83D\uDD12 Private video</div>\n </div>\n</div>\n", styles: [".taon-rumble{width:100%;max-width:640px;margin:auto;position:relative;font-family:inherit}.preview{position:relative;cursor:pointer;overflow:hidden;border-radius:10px}.preview-img{width:100%;display:block}.title{position:absolute;left:0;bottom:0;right:0;padding:10px 14px;background:linear-gradient(transparent,#000c);color:#fff;font-size:14px}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:40px;color:#fff;background:#00000080;width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:50%}.lock{position:absolute;top:10px;right:10px;font-size:20px;background:#0009;color:#fff;padding:6px 8px;border-radius:6px}.video{position:relative;padding-top:56.25%}.rumble-frame{position:absolute;top:0;left:0;width:100%;height:100%}.private{display:flex;align-items:center;justify-content:center;height:200px;background:#111;color:#fff}.private-box{opacity:.7}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
1806
1806
|
}
|
|
1807
1807
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonRumbleComponent, decorators: [{
|
|
1808
1808
|
type: Component,
|
|
1809
|
-
args: [{ selector: 'taon-rumble', standalone: true, imports: [NgIf], template: "<div class=\"taon-rumble\">\n <!-- PREVIEW MODE -->\n <div\n *ngIf=\"isPreview()\"\n class=\"preview\"\n (click)=\"onPreviewClick()\">\n <img\n class=\"preview-img\"\n [src]=\"picturePreviewUrl\"\n [alt]=\"title\" />\n\n <div class=\"title\">\n {{ title }}\n </div>\n\n <!-- PLAY BUTTON -->\n <div class=\"play-button\">\u25B6</div>\n\n <!-- LOCK -->\n <div\n *ngIf=\"isLocked()\"\n class=\"lock\"\n (click)=\"onPadlockClick($event)\">\n \uD83D\uDD12\n </div>\n </div>\n\n <!-- VIDEO OPEN -->\n <div\n *ngIf=\"isVideoOpen()\"\n class=\"video\">\n <iframe\n class=\"rumble-frame\"\n [src]=\"embedUrl()\"\n frameborder=\"0\"\n allowfullscreen>\n </iframe>\n </div>\n\n <!-- PRIVATE VIDEO -->\n <div\n *ngIf=\"isPrivate()\"\n class=\"private\">\n <div class=\"private-box\">\uD83D\uDD12 Private video</div>\n </div>\n</div
|
|
1809
|
+
args: [{ selector: 'taon-rumble', standalone: true, imports: [NgIf], template: "<div class=\"taon-rumble\">\n <!-- PREVIEW MODE -->\n <div\n *ngIf=\"isPreview()\"\n class=\"preview\"\n (click)=\"onPreviewClick()\">\n <img\n class=\"preview-img\"\n [src]=\"picturePreviewUrl\"\n [alt]=\"title\" />\n\n <div class=\"title\">\n {{ title }}\n </div>\n\n <!-- PLAY BUTTON -->\n <div class=\"play-button\">\u25B6</div>\n\n <!-- LOCK -->\n <div\n *ngIf=\"isLocked()\"\n class=\"lock\"\n (click)=\"onPadlockClick($event)\">\n \uD83D\uDD12\n </div>\n </div>\n\n <!-- VIDEO OPEN -->\n <div\n *ngIf=\"isVideoOpen()\"\n class=\"video\">\n <iframe\n class=\"rumble-frame\"\n [src]=\"embedUrl()\"\n frameborder=\"0\"\n allowfullscreen>\n </iframe>\n </div>\n\n <!-- PRIVATE VIDEO -->\n <div\n *ngIf=\"isPrivate()\"\n class=\"private\">\n <div class=\"private-box\">\uD83D\uDD12 Private video</div>\n </div>\n</div>\n", styles: [".taon-rumble{width:100%;max-width:640px;margin:auto;position:relative;font-family:inherit}.preview{position:relative;cursor:pointer;overflow:hidden;border-radius:10px}.preview-img{width:100%;display:block}.title{position:absolute;left:0;bottom:0;right:0;padding:10px 14px;background:linear-gradient(transparent,#000c);color:#fff;font-size:14px}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:40px;color:#fff;background:#00000080;width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:50%}.lock{position:absolute;top:10px;right:10px;font-size:20px;background:#0009;color:#fff;padding:6px 8px;border-radius:6px}.video{position:relative;padding-top:56.25%}.rumble-frame{position:absolute;top:0;left:0;width:100%;height:100%}.private{display:flex;align-items:center;justify-content:center;height:200px;background:#111;color:#fff}.private-box{opacity:.7}\n"] }]
|
|
1810
1810
|
}], propDecorators: { title: [{
|
|
1811
1811
|
type: Input,
|
|
1812
1812
|
args: [{
|
|
@@ -2030,6 +2030,62 @@ const TaonSimpleLayoutRoutes = [
|
|
|
2030
2030
|
// },
|
|
2031
2031
|
];
|
|
2032
2032
|
|
|
2033
|
+
class TaonSlideContentContentChildComponent {
|
|
2034
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonSlideContentContentChildComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2035
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.9", type: TaonSlideContentContentChildComponent, isStandalone: true, selector: "taon-slide-content-child", inputs: { assignToState: "assignToState" }, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, styles: [":host{display:block;flex:0 0 100%;width:100%;min-width:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2036
|
+
}
|
|
2037
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonSlideContentContentChildComponent, decorators: [{
|
|
2038
|
+
type: Component,
|
|
2039
|
+
args: [{ selector: 'taon-slide-content-child', standalone: true, template: ` <ng-content></ng-content> `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;flex:0 0 100%;width:100%;min-width:0}\n"] }]
|
|
2040
|
+
}], propDecorators: { assignToState: [{
|
|
2041
|
+
type: Input,
|
|
2042
|
+
args: [{ required: true }]
|
|
2043
|
+
}] } });
|
|
2044
|
+
|
|
2045
|
+
class TaonSlideContentComponent {
|
|
2046
|
+
constructor() {
|
|
2047
|
+
this.activeIndex = signal(0, ...(ngDevMode ? [{ debugName: "activeIndex" }] : []));
|
|
2048
|
+
this.currentState = signal(undefined, ...(ngDevMode ? [{ debugName: "currentState" }] : []));
|
|
2049
|
+
this.shouldAnimate = signal(false, ...(ngDevMode ? [{ debugName: "shouldAnimate" }] : []));
|
|
2050
|
+
this.transform = () => `translateX(-${this.activeIndex() * 100}%)`;
|
|
2051
|
+
}
|
|
2052
|
+
ngAfterContentInit() {
|
|
2053
|
+
const firstSlide = this.slides.first;
|
|
2054
|
+
if (firstSlide) {
|
|
2055
|
+
this.currentState.set(firstSlide.assignToState);
|
|
2056
|
+
}
|
|
2057
|
+
}
|
|
2058
|
+
goTo(state) {
|
|
2059
|
+
const slides = this.slides.toArray();
|
|
2060
|
+
const index = slides.findIndex(slide => slide.assignToState === state);
|
|
2061
|
+
if (index === -1) {
|
|
2062
|
+
console.warn('[TaonSlideContentSlideComponent] Unknown slide state:', state);
|
|
2063
|
+
return;
|
|
2064
|
+
}
|
|
2065
|
+
const previousState = this.currentState();
|
|
2066
|
+
this.shouldAnimate.set(this.isAnimationAllowed(previousState, state));
|
|
2067
|
+
this.currentState.set(state);
|
|
2068
|
+
this.activeIndex.set(index);
|
|
2069
|
+
}
|
|
2070
|
+
isAnimationAllowed(fromState, toState) {
|
|
2071
|
+
if (!this.whenAllowedAnimationMap) {
|
|
2072
|
+
return true;
|
|
2073
|
+
}
|
|
2074
|
+
return (this.whenAllowedAnimationMap.get(fromState)?.includes(toState) ?? false);
|
|
2075
|
+
}
|
|
2076
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonSlideContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2077
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.9", type: TaonSlideContentComponent, isStandalone: true, selector: "taon-slide-content", inputs: { whenAllowedAnimationMap: "whenAllowedAnimationMap" }, queries: [{ propertyName: "slides", predicate: TaonSlideContentContentChildComponent }], ngImport: i0, template: "<div\n class=\"slide-track\"\n [class.animate]=\"shouldAnimate()\"\n [style.transform]=\"transform()\">\n <ng-content></ng-content>\n</div>", styles: [":host{display:block;width:100%;overflow:hidden}.slide-track{display:flex;width:100%;align-items:flex-start;will-change:transform}.slide-track.animate{transition:transform .3s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.slide-track.animate{transition:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2078
|
+
}
|
|
2079
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonSlideContentComponent, decorators: [{
|
|
2080
|
+
type: Component,
|
|
2081
|
+
args: [{ selector: 'taon-slide-content', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"slide-track\"\n [class.animate]=\"shouldAnimate()\"\n [style.transform]=\"transform()\">\n <ng-content></ng-content>\n</div>", styles: [":host{display:block;width:100%;overflow:hidden}.slide-track{display:flex;width:100%;align-items:flex-start;will-change:transform}.slide-track.animate{transition:transform .3s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.slide-track.animate{transition:none}}\n"] }]
|
|
2082
|
+
}], propDecorators: { slides: [{
|
|
2083
|
+
type: ContentChildren,
|
|
2084
|
+
args: [TaonSlideContentContentChildComponent]
|
|
2085
|
+
}], whenAllowedAnimationMap: [{
|
|
2086
|
+
type: Input
|
|
2087
|
+
}] } });
|
|
2088
|
+
|
|
2033
2089
|
const t = Translation.for('src/lib/ui/taon-stripe-buy-button/taon-stripe-buy-button.component.ts', { "src/lib/ui/taon-stripe-buy-button/taon-stripe-buy-button.component.ts": { "en-US": async () => (await import('./taon-ui-websql-taon-stripe-buy-button.component.ts.en-US.i18n.data-Dm_w_Ca7.mjs')).default, "pl-PL": async () => (await import('./taon-ui-websql-taon-stripe-buy-button.component.ts.pl-PL.i18n.data-Ceog6BY8.mjs')).default, "de-DE": async () => (await import('./taon-ui-websql-taon-stripe-buy-button.component.ts.de-DE.i18n.data-qkknVsLY.mjs')).default } }, {
|
|
2034
2090
|
// debug: true
|
|
2035
2091
|
});
|
|
@@ -2659,5 +2715,5 @@ var index = {};
|
|
|
2659
2715
|
* Generated bundle index. Do not edit.
|
|
2660
2716
|
*/
|
|
2661
2717
|
|
|
2662
|
-
export { APP_ID, AnonymizeTextDirective, 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, TaonLangSelectorComponent, TaonLongPress, TaonNotFoundComponent, TaonNotificationOptions, TaonNotificationsComponent, TaonNotificationsModule, TaonNotificationsService, TaonProgressBarComponent, TaonProgressBarModule, TaonRumbleComponent, TaonSessionPasscodeComponent, TaonSettingsComponent, TaonSimpleLayoutComponent, TaonSimpleLayoutRoutes, TaonStripeBuyButtonComponent, TaonTableComponent, TaonTableModule, TaonThemeComponent, TaonThemeMode, TaonThemeService, TaonYouTubeUtils, TaonYoutubeVideoComponent, ViewMode, myOrgProj, startCli };
|
|
2718
|
+
export { APP_ID, AnonymizeTextDirective, 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, TaonLangSelectorComponent, TaonLongPress, TaonNotFoundComponent, TaonNotificationOptions, TaonNotificationsComponent, TaonNotificationsModule, TaonNotificationsService, TaonProgressBarComponent, TaonProgressBarModule, TaonRumbleComponent, TaonSessionPasscodeComponent, TaonSettingsComponent, TaonSimpleLayoutComponent, TaonSimpleLayoutRoutes, TaonSlideContentComponent, TaonSlideContentContentChildComponent, TaonStripeBuyButtonComponent, TaonTableComponent, TaonTableModule, TaonThemeComponent, TaonThemeMode, TaonThemeService, TaonYouTubeUtils, TaonYoutubeVideoComponent, ViewMode, myOrgProj, startCli };
|
|
2663
2719
|
//# sourceMappingURL=taon-ui-websql.mjs.map
|