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.
Files changed (123) hide show
  1. package/VERIFIED-BUILD-DATA.jsonc +3 -3
  2. package/bin/start.js +1 -1
  3. package/browser/fesm2022/taon-ui-browser.mjs +61 -5
  4. package/browser/fesm2022/taon-ui-browser.mjs.map +1 -1
  5. package/browser/package.json +1 -1
  6. package/browser/types/taon-ui-browser.d.ts +32 -3
  7. package/browser-prod/fesm2022/taon-ui-browser-prod.mjs +64 -5
  8. package/browser-prod/fesm2022/taon-ui-browser-prod.mjs.map +1 -1
  9. package/browser-prod/package.json +1 -1
  10. package/browser-prod/types/taon-ui-browser-prod.d.ts +30 -3
  11. package/html/lib/ui/taon-slide-content/taon-slide-content.component.html +6 -0
  12. package/lib/build-info._auto-generated_.d.ts +1 -1
  13. package/lib/build-info._auto-generated_.js +1 -1
  14. package/lib/index._auto-generated_.d.ts +3 -0
  15. package/lib/index._auto-generated_.js +3 -0
  16. package/lib/index._auto-generated_.js.map +1 -1
  17. package/lib/layouts/taon-bootstrap-navbar/index.js +2 -2
  18. package/lib/package.json +1 -1
  19. package/lib/ui/anonymize-text/index.js +2 -2
  20. package/lib/ui/directives/index.js +2 -2
  21. package/lib/ui/index.js +2 -2
  22. package/lib/ui/taon-github-fork-me-corner/index.js +2 -2
  23. package/lib/ui/taon-github-fork-me-ribbon/index.js +2 -2
  24. package/lib/ui/taon-iframe-sync/index.js +2 -2
  25. package/lib/ui/taon-lang-selector/index.js +2 -2
  26. package/lib/ui/taon-lang-selector/taon-lang-selector.component.d.ts +1 -1
  27. package/lib/ui/taon-progress-bar/index.js +2 -2
  28. package/lib/ui/taon-session-passcode/index.js +2 -2
  29. package/lib/ui/taon-settings/index.js +2 -2
  30. package/lib/ui/taon-slide-content/index.d.ts +1 -0
  31. package/lib/ui/taon-slide-content/index.js +5 -0
  32. package/lib/ui/taon-slide-content/index.js.map +1 -0
  33. package/lib/ui/taon-slide-content/taon-slide-content-child.component.d.ts +3 -0
  34. package/lib/ui/taon-slide-content/taon-slide-content.component.d.ts +19 -0
  35. package/lib/ui/taon-slide-content/taon-slide-content.models.d.ts +1 -0
  36. package/lib/ui/taon-slide-content/taon-slide-content.models.js +3 -0
  37. package/lib/ui/taon-slide-content/taon-slide-content.models.js.map +1 -0
  38. package/lib/ui/taon-table/index.js +2 -2
  39. package/lib-esm/app.electron.d.ts +1 -1
  40. package/lib-esm/app.electron.js +1 -1
  41. package/lib-esm/app.hosts.d.ts +2 -2
  42. package/lib-esm/app.hosts.js +4 -4
  43. package/lib-esm/lib/build-info._auto-generated_.d.ts +1 -1
  44. package/lib-esm/lib/build-info._auto-generated_.js +1 -1
  45. package/lib-esm/lib/index._auto-generated_.d.ts +1 -0
  46. package/lib-esm/lib/index._auto-generated_.js +3 -0
  47. package/lib-esm/lib/index._auto-generated_.js.map +1 -1
  48. package/lib-esm/lib/layouts/taon-bootstrap-navbar/index.d.ts +1 -1
  49. package/lib-esm/lib/layouts/taon-bootstrap-navbar/index.js +1 -1
  50. package/lib-esm/lib/ui/anonymize-text/index.d.ts +1 -1
  51. package/lib-esm/lib/ui/anonymize-text/index.js +1 -1
  52. package/lib-esm/lib/ui/directives/index.d.ts +1 -1
  53. package/lib-esm/lib/ui/directives/index.js +1 -1
  54. package/lib-esm/lib/ui/index.d.ts +1 -1
  55. package/lib-esm/lib/ui/index.js +1 -1
  56. package/lib-esm/lib/ui/taon-github-fork-me-corner/index.d.ts +1 -1
  57. package/lib-esm/lib/ui/taon-github-fork-me-corner/index.js +1 -1
  58. package/lib-esm/lib/ui/taon-github-fork-me-ribbon/index.d.ts +1 -1
  59. package/lib-esm/lib/ui/taon-github-fork-me-ribbon/index.js +1 -1
  60. package/lib-esm/lib/ui/taon-iframe-sync/index.d.ts +1 -1
  61. package/lib-esm/lib/ui/taon-iframe-sync/index.js +1 -1
  62. package/lib-esm/lib/ui/taon-lang-selector/index.d.ts +1 -1
  63. package/lib-esm/lib/ui/taon-lang-selector/index.js +1 -1
  64. package/lib-esm/lib/ui/taon-progress-bar/index.d.ts +1 -1
  65. package/lib-esm/lib/ui/taon-progress-bar/index.js +1 -1
  66. package/lib-esm/lib/ui/taon-session-passcode/index.d.ts +1 -1
  67. package/lib-esm/lib/ui/taon-session-passcode/index.js +1 -1
  68. package/lib-esm/lib/ui/taon-settings/index.d.ts +1 -1
  69. package/lib-esm/lib/ui/taon-settings/index.js +1 -1
  70. package/lib-esm/lib/ui/taon-slide-content/index.d.ts +1 -0
  71. package/lib-esm/lib/ui/taon-slide-content/index.js +2 -0
  72. package/lib-esm/lib/ui/taon-slide-content/index.js.map +1 -0
  73. package/lib-esm/lib/ui/taon-slide-content/taon-slide-content.models.d.ts +1 -0
  74. package/lib-esm/lib/ui/taon-slide-content/taon-slide-content.models.js +2 -0
  75. package/lib-esm/lib/ui/taon-slide-content/taon-slide-content.models.js.map +1 -0
  76. package/lib-esm/lib/ui/taon-table/index.d.ts +1 -1
  77. package/lib-esm/lib/ui/taon-table/index.js +1 -1
  78. package/lib-prod/build-info._auto-generated_.d.ts +1 -1
  79. package/lib-prod/build-info._auto-generated_.js +1 -1
  80. package/lib-prod/index._auto-generated_.d.ts +1 -0
  81. package/lib-prod/index._auto-generated_.js +3 -0
  82. package/lib-prod/index._auto-generated_.js.map +1 -1
  83. package/lib-prod/layouts/taon-bootstrap-navbar/index.d.ts +1 -1
  84. package/lib-prod/layouts/taon-bootstrap-navbar/index.js +1 -1
  85. package/lib-prod/package.json +1 -1
  86. package/lib-prod/ui/anonymize-text/index.d.ts +1 -1
  87. package/lib-prod/ui/anonymize-text/index.js +1 -1
  88. package/lib-prod/ui/directives/index.d.ts +1 -1
  89. package/lib-prod/ui/directives/index.js +1 -1
  90. package/lib-prod/ui/index.d.ts +1 -1
  91. package/lib-prod/ui/index.js +1 -1
  92. package/lib-prod/ui/taon-github-fork-me-corner/index.d.ts +1 -1
  93. package/lib-prod/ui/taon-github-fork-me-corner/index.js +1 -1
  94. package/lib-prod/ui/taon-github-fork-me-ribbon/index.d.ts +1 -1
  95. package/lib-prod/ui/taon-github-fork-me-ribbon/index.js +1 -1
  96. package/lib-prod/ui/taon-iframe-sync/index.d.ts +1 -1
  97. package/lib-prod/ui/taon-iframe-sync/index.js +1 -1
  98. package/lib-prod/ui/taon-lang-selector/index.d.ts +1 -1
  99. package/lib-prod/ui/taon-lang-selector/index.js +1 -1
  100. package/lib-prod/ui/taon-progress-bar/index.d.ts +1 -1
  101. package/lib-prod/ui/taon-progress-bar/index.js +1 -1
  102. package/lib-prod/ui/taon-session-passcode/index.d.ts +1 -1
  103. package/lib-prod/ui/taon-session-passcode/index.js +1 -1
  104. package/lib-prod/ui/taon-settings/index.d.ts +1 -1
  105. package/lib-prod/ui/taon-settings/index.js +1 -1
  106. package/lib-prod/ui/taon-slide-content/index.d.ts +1 -0
  107. package/lib-prod/ui/taon-slide-content/index.js +2 -0
  108. package/lib-prod/ui/taon-slide-content/index.js.map +1 -0
  109. package/lib-prod/ui/taon-slide-content/taon-slide-content.models.d.ts +0 -0
  110. package/lib-prod/ui/taon-slide-content/taon-slide-content.models.js +3 -0
  111. package/lib-prod/ui/taon-slide-content/taon-slide-content.models.js.map +1 -0
  112. package/lib-prod/ui/taon-table/index.d.ts +1 -1
  113. package/lib-prod/ui/taon-table/index.js +1 -1
  114. package/package.json +1 -1
  115. package/scss/lib/ui/taon-slide-content/taon-slide-content.component.scss +22 -0
  116. package/websql/fesm2022/taon-ui-websql.mjs +61 -5
  117. package/websql/fesm2022/taon-ui-websql.mjs.map +1 -1
  118. package/websql/package.json +1 -1
  119. package/websql/types/taon-ui-websql.d.ts +32 -3
  120. package/websql-prod/fesm2022/taon-ui-websql-prod.mjs +64 -5
  121. package/websql-prod/fesm2022/taon-ui-websql-prod.mjs.map +1 -1
  122. package/websql-prod/package.json +1 -1
  123. package/websql-prod/types/taon-ui-websql-prod.d.ts +30 -3
@@ -1,2 +1,2 @@
1
- export function dummy1787352348528() { }
1
+ export function dummy1787701345092() { }
2
2
  //# sourceMappingURL=index.js.map
@@ -1,4 +1,4 @@
1
1
  {
2
2
  "name": "taon-ui/lib-prod",
3
- "version": "21.0.63"
3
+ "version": "21.0.64"
4
4
  }
@@ -1 +1 @@
1
- export declare function dummy1787352348558(): void;
1
+ export declare function dummy1787701345112(): void;
@@ -1,2 +1,2 @@
1
- export function dummy1787352348558() { }
1
+ export function dummy1787701345112() { }
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- export declare function dummy1787352348562(): void;
1
+ export declare function dummy1787701345115(): void;
@@ -1,2 +1,2 @@
1
- export function dummy1787352348562() { }
1
+ export function dummy1787701345115() { }
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- export declare function dummy1787352347741(): void;
1
+ export declare function dummy1787701344498(): void;
@@ -1,2 +1,2 @@
1
- export function dummy1787352347741() { }
1
+ export function dummy1787701344498() { }
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- export declare function dummy1787352348735(): void;
1
+ export declare function dummy1787701345215(): void;
@@ -1,2 +1,2 @@
1
- export function dummy1787352348735() { }
1
+ export function dummy1787701345215() { }
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- export declare function dummy1787352348752(): void;
1
+ export declare function dummy1787701345227(): void;
@@ -1,2 +1,2 @@
1
- export function dummy1787352348752() { }
1
+ export function dummy1787701345227() { }
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- export declare function dummy1787352348769(): void;
1
+ export declare function dummy1787701345240(): void;
@@ -1,2 +1,2 @@
1
- export function dummy1787352348769() { }
1
+ export function dummy1787701345240() { }
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- export declare function dummy1787352348809(): void;
1
+ export declare function dummy1787701345269(): void;
@@ -1,2 +1,2 @@
1
- export function dummy1787352348809() { }
1
+ export function dummy1787701345269() { }
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- export declare function dummy1787352348867(): void;
1
+ export declare function dummy1787701345309(): void;
@@ -1,2 +1,2 @@
1
- export function dummy1787352348867() { }
1
+ export function dummy1787701345309() { }
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- export declare function dummy1787352348903(): void;
1
+ export declare function dummy1787701345335(): void;
@@ -1,2 +1,2 @@
1
- export function dummy1787352348903() { }
1
+ export function dummy1787701345335() { }
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- export declare function dummy1787352348925(): void;
1
+ export declare function dummy1787701345351(): void;
@@ -1,2 +1,2 @@
1
- export function dummy1787352348925() { }
1
+ export function dummy1787701345351() { }
2
2
  //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ export declare function dummy1787701345386(): void;
@@ -0,0 +1,2 @@
1
+ export function dummy1787701345386() { }
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":[""],"names":[],"mappings":"AAAA,MAAM,UAAU,kBAAkB,KAAK,CAAC"}
@@ -0,0 +1,3 @@
1
+ //namespace TaonSlideContentModels
2
+ //end of namespace TaonSlideContentModels
3
+ //# sourceMappingURL=taon-slide-content.models.js.map
@@ -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 dummy1787352348984(): void;
1
+ export declare function dummy1787701345413(): void;
@@ -1,2 +1,2 @@
1
- export function dummy1787352348984() { }
1
+ export function dummy1787701345413() { }
2
2
  //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "taon-ui",
3
- "version": "21.0.63",
3
+ "version": "21.0.64",
4
4
  "scripts": {
5
5
  "taon init": "taon init",
6
6
  "taon start": "taon start",
@@ -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.63';
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>", 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"] }] }); }
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>", 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"] }]
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