@fylib/adapter-angular 0.2.5 → 0.2.8

package/dist/components/text.component.js

@@ -1,22 +1,14 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
 import { Component, Input, ViewEncapsulation, signal, effect, inject } from '@angular/core';
 import { FyLibService } from '../services/fylib.service';
 import { cryptoEngine } from '@fylib/crypto';
-let FyTextComponent = class FyTextComponent {
+import * as i0 from "@angular/core";
+export class FyTextComponent {
     set text(v) { this._raw.set(v ?? ''); }
     constructor() {
         this.fylib = inject(FyLibService);
-        this._raw = signal('');
+        this._raw = signal('', ...(ngDevMode ? [{ debugName: "_raw" }] : /* istanbul ignore next */ []));
         this.cryptoEnabled = false;
-        this.value = signal('');
+        this.value = signal('', ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
         effect(async () => {
             const raw = this._raw();
             const cfg = this.fylib.config().crypto;
@@ -34,25 +26,23 @@ let FyTextComponent = class FyTextComponent {
             }
         });
     }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [String])
-], FyTextComponent.prototype, "text", null);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], FyTextComponent.prototype, "cryptoEnabled", void 0);
-FyTextComponent = __decorate([
-    Component({
-        selector: 'fy-text',
-        standalone: true,
-        template: `
+}
+FyTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: FyTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FyTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.7", type: FyTextComponent, isStandalone: true, selector: "fy-text", inputs: { text: "text", cryptoEnabled: "cryptoEnabled" }, ngImport: i0, template: `
+    <span>{{ value() }}</span>
+  `, isInline: true, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: FyTextComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'fy-text',
+                    standalone: true,
+                    template: `
     <span>{{ value() }}</span>
   `,
-        encapsulation: ViewEncapsulation.None
-    }),
-    __metadata("design:paramtypes", [])
-], FyTextComponent);
-export { FyTextComponent };
+                    encapsulation: ViewEncapsulation.None
+                }]
+        }], ctorParameters: () => [], propDecorators: { text: [{
+                type: Input
+            }], cryptoEnabled: [{
+                type: Input
+            }] } });

package/dist/components/toast.component.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter, OnInit, OnDestroy } from '@angular/core';
 import { ToastProps } from '@fylib/catalog';
 import { BaseFyComponent } from '../base/base-component';
+import * as i0 from "@angular/core";
 export declare class FyToastComponent extends BaseFyComponent<'fy-toast'> implements ToastProps, OnInit, OnDestroy {
     id?: string;
     title?: string;
@@ -24,4 +25,6 @@ export declare class FyToastComponent extends BaseFyComponent<'fy-toast'> implem
     get resolvedIconColor(): string;
     get resolvedCloseIcon(): string;
     get animationClassSuffix(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FyToastComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FyToastComponent, "fy-toast", never, { "id": { "alias": "id"; "required": false; }; "title": { "alias": "title"; "required": false; }; "message": { "alias": "message"; "required": false; }; "type": { "alias": "type"; "required": false; }; "duration": { "alias": "duration"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "position": { "alias": "position"; "required": false; }; "activeAnimations": { "alias": "activeAnimations"; "required": false; }; "activeEffects": { "alias": "activeEffects"; "required": false; }; "customStyles": { "alias": "customStyles"; "required": false; }; }, { "fyClose": "fyClose"; }, never, never, true, never>;
 }

package/dist/components/toast.component.js

@@ -1,18 +1,10 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
 import { Component, Input, Output, EventEmitter, inject, ViewEncapsulation, signal } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FyLibService } from '../services/fylib.service';
 import { BaseFyComponent } from '../base/base-component';
 import { FyIconComponent } from './icon.component';
-let FyToastComponent = class FyToastComponent extends BaseFyComponent {
+import * as i0 from "@angular/core";
+export class FyToastComponent extends BaseFyComponent {
     constructor() {
         super(inject(FyLibService), 'fy-toast');
         this.type = 'info';
@@ -24,7 +16,7 @@ let FyToastComponent = class FyToastComponent extends BaseFyComponent {
         this.activeEffects = null;
         this.customStyles = null;
         this.fyClose = new EventEmitter();
-        this.isClosing = signal(false);
+        this.isClosing = signal(false, ...(ngDevMode ? [{ debugName: "isClosing" }] : /* istanbul ignore next */ []));
     }
     ngOnInit() {
         if (this.duration > 0) {
@@ -82,61 +74,9 @@ let FyToastComponent = class FyToastComponent extends BaseFyComponent {
         }
         return ' fy-anim-toast-in';
     }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], FyToastComponent.prototype, "id", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], FyToastComponent.prototype, "title", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], FyToastComponent.prototype, "message", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], FyToastComponent.prototype, "type", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Number)
-], FyToastComponent.prototype, "duration", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], FyToastComponent.prototype, "showIcon", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], FyToastComponent.prototype, "closable", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FyToastComponent.prototype, "position", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FyToastComponent.prototype, "activeAnimations", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FyToastComponent.prototype, "activeEffects", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FyToastComponent.prototype, "customStyles", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", Object)
-], FyToastComponent.prototype, "fyClose", void 0);
-FyToastComponent = __decorate([
-    Component({
-        selector: 'fy-toast',
-        standalone: true,
-        imports: [CommonModule, FyIconComponent],
-        template: `
+}
+FyToastComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: FyToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FyToastComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", type: FyToastComponent, isStandalone: true, selector: "fy-toast", inputs: { id: "id", title: "title", message: "message", type: "type", duration: "duration", showIcon: "showIcon", closable: "closable", position: "position", activeAnimations: "activeAnimations", activeEffects: "activeEffects", customStyles: "customStyles" }, outputs: { fyClose: "fyClose" }, usesInheritance: true, ngImport: i0, template: `
     <div
       class="fy-toast"
       [class]="'fy-toast--' + type"
@@ -160,101 +100,56 @@ FyToastComponent = __decorate([
         </button>
       }
     </div>
-  `,
-        styles: [`
-    .fy-toast {
-      display: flex;
-      align-items: flex-start;
-      gap: var(--fy-effects-toast-gap, var(--fy-spacing-sm, 8px));
-      padding: var(--fy-effects-toast-padding, var(--fy-spacing-md, 12px));
-      min-width: var(--fy-effects-toast-minWidth, 280px);
-      max-width: var(--fy-effects-toast-maxWidth, 420px);
-      background: var(--fy-effects-toast-background, #ffffff);
-      border: 1px solid var(--fy-effects-toast-borderColor, rgba(0,0,0,0.1));
-      border-radius: var(--fy-effects-toast-borderRadius, 8px);
-      box-shadow: var(--fy-effects-toast-shadow, 0 4px 12px rgba(0,0,0,0.1));
-      color: var(--fy-effects-toast-textColor, inherit);
-      pointer-events: auto;
-      margin-bottom: 8px;
-      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-      position: relative;
-    }
-
-    /* Animações base */
-    .fy-anim-toast-in {
-      animation: toast-in 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
-    }
-
-    .fy-anim-toast-out {
-      animation: toast-out 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
-    }
-
-    @keyframes toast-in {
-      from { transform: translateX(100%); opacity: 0; }
-      to { transform: translateX(0); opacity: 1; }
-    }
-
-    @keyframes toast-out {
-      from { transform: scale(1); opacity: 1; }
-      to { transform: scale(0.8); opacity: 0; }
-    }
-
-    .fy-toast__icon {
-      flex-shrink: 0;
-      font-size: var(--fy-effects-toast-iconSize, 20px);
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-
-    .fy-toast--info .fy-toast__icon { color: var(--fy-effects-toast-iconColor-info, var(--fy-colors-info, #007aff)); }
-    .fy-toast--success .fy-toast__icon { color: var(--fy-effects-toast-iconColor-success, var(--fy-colors-success, #28cd41)); }
-    .fy-toast--warning .fy-toast__icon { color: var(--fy-effects-toast-iconColor-warning, var(--fy-colors-warning, #ffcc00)); }
-    .fy-toast--error .fy-toast__icon { color: var(--fy-effects-toast-iconColor-error, var(--fy-colors-danger, #ff3b30)); }
-
-    .fy-toast__content {
-      flex: 1;
-      overflow: hidden;
-    }
-
-    .fy-toast__title {
-      font-weight: var(--fy-effects-toast-titleFontWeight, var(--fy-typography-fontWeight-bold, 600));
-      font-size: var(--fy-effects-toast-titleFontSize, var(--fy-typography-fontSize-md, 14px));
-      margin-bottom: 2px;
-    }
-
-    .fy-toast__message {
-      font-size: var(--fy-effects-toast-messageFontSize, var(--fy-typography-fontSize-sm, 13px));
-      line-height: var(--fy-effects-toast-messageLineHeight, 1.4);
-      opacity: 0.9;
-    }
-
-    .fy-toast__close {
-      position: absolute;
-      top: 4px;
-      right: 4px;
-      flex-shrink: 0;
-      background: var(--fy-effects-toast-closeButtonBackground, transparent);
-      border: var(--fy-effects-toast-closeButtonBorder, none);
-      border-radius: var(--fy-effects-toast-closeButtonBorderRadius, 0);
-      padding: 2px;
-      cursor: pointer;
-      opacity: var(--fy-effects-toast-closeButtonOpacity, 0.5);
-      transition: opacity 0.2s;
-      color: currentColor;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: var(--fy-effects-toast-closeButtonSize, 18px);
-      height: var(--fy-effects-toast-closeButtonSize, 18px);
-    }
+  `, isInline: true, styles: ["\n    .fy-toast {\n      display: flex;\n      align-items: flex-start;\n      gap: var(--fy-effects-toast-gap, var(--fy-spacing-sm, 8px));\n      padding: var(--fy-effects-toast-padding, var(--fy-spacing-md, 12px));\n      min-width: var(--fy-effects-toast-minWidth, 280px);\n      max-width: var(--fy-effects-toast-maxWidth, 420px);\n      background: var(--fy-effects-toast-background, #ffffff);\n      border: 1px solid var(--fy-effects-toast-borderColor, rgba(0,0,0,0.1));\n      border-radius: var(--fy-effects-toast-borderRadius, 8px);\n      box-shadow: var(--fy-effects-toast-shadow, 0 4px 12px rgba(0,0,0,0.1));\n      color: var(--fy-effects-toast-textColor, inherit);\n      pointer-events: auto;\n      margin-bottom: 8px;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n    }\n\n    /* Anima\u00E7\u00F5es base */\n    .fy-anim-toast-in {\n      animation: toast-in 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;\n    }\n\n    .fy-anim-toast-out {\n      animation: toast-out 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;\n    }\n\n    @keyframes toast-in {\n      from { transform: translateX(100%); opacity: 0; }\n      to { transform: translateX(0); opacity: 1; }\n    }\n\n    @keyframes toast-out {\n      from { transform: scale(1); opacity: 1; }\n      to { transform: scale(0.8); opacity: 0; }\n    }\n\n    .fy-toast__icon {\n      flex-shrink: 0;\n      font-size: var(--fy-effects-toast-iconSize, 20px);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .fy-toast--info .fy-toast__icon { color: var(--fy-effects-toast-iconColor-info, var(--fy-colors-info, #007aff)); }\n    .fy-toast--success .fy-toast__icon { color: var(--fy-effects-toast-iconColor-success, var(--fy-colors-success, #28cd41)); }\n    .fy-toast--warning .fy-toast__icon { color: var(--fy-effects-toast-iconColor-warning, var(--fy-colors-warning, #ffcc00)); }\n    .fy-toast--error .fy-toast__icon { color: var(--fy-effects-toast-iconColor-error, var(--fy-colors-danger, #ff3b30)); }\n\n    .fy-toast__content {\n      flex: 1;\n      overflow: hidden;\n    }\n\n    .fy-toast__title {\n      font-weight: var(--fy-effects-toast-titleFontWeight, var(--fy-typography-fontWeight-bold, 600));\n      font-size: var(--fy-effects-toast-titleFontSize, var(--fy-typography-fontSize-md, 14px));\n      margin-bottom: 2px;\n    }\n\n    .fy-toast__message {\n      font-size: var(--fy-effects-toast-messageFontSize, var(--fy-typography-fontSize-sm, 13px));\n      line-height: var(--fy-effects-toast-messageLineHeight, 1.4);\n      opacity: 0.9;\n    }\n\n    .fy-toast__close {\n      position: absolute;\n      top: 4px;\n      right: 4px;\n      flex-shrink: 0;\n      background: var(--fy-effects-toast-closeButtonBackground, transparent);\n      border: var(--fy-effects-toast-closeButtonBorder, none);\n      border-radius: var(--fy-effects-toast-closeButtonBorderRadius, 0);\n      padding: 2px;\n      cursor: pointer;\n      opacity: var(--fy-effects-toast-closeButtonOpacity, 0.5);\n      transition: opacity 0.2s;\n      color: currentColor;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: var(--fy-effects-toast-closeButtonSize, 18px);\n      height: var(--fy-effects-toast-closeButtonSize, 18px);\n    }\n\n    .fy-toast__close:hover {\n      opacity: var(--fy-effects-toast-closeButtonHoverOpacity, 1);\n    }\n  "], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: FyIconComponent, selector: "fy-icon", inputs: ["name", "size", "color", "strokeWidth", "variant", "set"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: FyToastComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fy-toast', standalone: true, imports: [CommonModule, FyIconComponent], template: `
+    <div
+      class="fy-toast"
+      [class]="'fy-toast--' + type"
+      [class]="composeAnimClasses(animationClassSuffix)"
+      [style]="getHostStyles(customStyles)"
+    >
+      @if (showIcon) {
+        <div class="fy-toast__icon">
+          <fy-icon [name]="resolvedIcon" [color]="resolvedIconColor"></fy-icon>
+        </div>
+      }
+      
+      <div class="fy-toast__content">
+        @if (title) { <div class="fy-toast__title">{{ title }}</div> }
+        <div class="fy-toast__message">{{ message }}</div>
+      </div>
 
-    .fy-toast__close:hover {
-      opacity: var(--fy-effects-toast-closeButtonHoverOpacity, 1);
-    }
-  `],
-        encapsulation: ViewEncapsulation.None
-    }),
-    __metadata("design:paramtypes", [])
-], FyToastComponent);
-export { FyToastComponent };
+      @if (closable) {
+        <button class="fy-toast__close" (click)="close()">
+          <fy-icon [name]="resolvedCloseIcon"></fy-icon>
+        </button>
+      }
+    </div>
+  `, encapsulation: ViewEncapsulation.None, styles: ["\n    .fy-toast {\n      display: flex;\n      align-items: flex-start;\n      gap: var(--fy-effects-toast-gap, var(--fy-spacing-sm, 8px));\n      padding: var(--fy-effects-toast-padding, var(--fy-spacing-md, 12px));\n      min-width: var(--fy-effects-toast-minWidth, 280px);\n      max-width: var(--fy-effects-toast-maxWidth, 420px);\n      background: var(--fy-effects-toast-background, #ffffff);\n      border: 1px solid var(--fy-effects-toast-borderColor, rgba(0,0,0,0.1));\n      border-radius: var(--fy-effects-toast-borderRadius, 8px);\n      box-shadow: var(--fy-effects-toast-shadow, 0 4px 12px rgba(0,0,0,0.1));\n      color: var(--fy-effects-toast-textColor, inherit);\n      pointer-events: auto;\n      margin-bottom: 8px;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      position: relative;\n    }\n\n    /* Anima\u00E7\u00F5es base */\n    .fy-anim-toast-in {\n      animation: toast-in 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;\n    }\n\n    .fy-anim-toast-out {\n      animation: toast-out 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;\n    }\n\n    @keyframes toast-in {\n      from { transform: translateX(100%); opacity: 0; }\n      to { transform: translateX(0); opacity: 1; }\n    }\n\n    @keyframes toast-out {\n      from { transform: scale(1); opacity: 1; }\n      to { transform: scale(0.8); opacity: 0; }\n    }\n\n    .fy-toast__icon {\n      flex-shrink: 0;\n      font-size: var(--fy-effects-toast-iconSize, 20px);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .fy-toast--info .fy-toast__icon { color: var(--fy-effects-toast-iconColor-info, var(--fy-colors-info, #007aff)); }\n    .fy-toast--success .fy-toast__icon { color: var(--fy-effects-toast-iconColor-success, var(--fy-colors-success, #28cd41)); }\n    .fy-toast--warning .fy-toast__icon { color: var(--fy-effects-toast-iconColor-warning, var(--fy-colors-warning, #ffcc00)); }\n    .fy-toast--error .fy-toast__icon { color: var(--fy-effects-toast-iconColor-error, var(--fy-colors-danger, #ff3b30)); }\n\n    .fy-toast__content {\n      flex: 1;\n      overflow: hidden;\n    }\n\n    .fy-toast__title {\n      font-weight: var(--fy-effects-toast-titleFontWeight, var(--fy-typography-fontWeight-bold, 600));\n      font-size: var(--fy-effects-toast-titleFontSize, var(--fy-typography-fontSize-md, 14px));\n      margin-bottom: 2px;\n    }\n\n    .fy-toast__message {\n      font-size: var(--fy-effects-toast-messageFontSize, var(--fy-typography-fontSize-sm, 13px));\n      line-height: var(--fy-effects-toast-messageLineHeight, 1.4);\n      opacity: 0.9;\n    }\n\n    .fy-toast__close {\n      position: absolute;\n      top: 4px;\n      right: 4px;\n      flex-shrink: 0;\n      background: var(--fy-effects-toast-closeButtonBackground, transparent);\n      border: var(--fy-effects-toast-closeButtonBorder, none);\n      border-radius: var(--fy-effects-toast-closeButtonBorderRadius, 0);\n      padding: 2px;\n      cursor: pointer;\n      opacity: var(--fy-effects-toast-closeButtonOpacity, 0.5);\n      transition: opacity 0.2s;\n      color: currentColor;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: var(--fy-effects-toast-closeButtonSize, 18px);\n      height: var(--fy-effects-toast-closeButtonSize, 18px);\n    }\n\n    .fy-toast__close:hover {\n      opacity: var(--fy-effects-toast-closeButtonHoverOpacity, 1);\n    }\n  "] }]
+        }], ctorParameters: () => [], propDecorators: { id: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], message: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], duration: [{
+                type: Input
+            }], showIcon: [{
+                type: Input
+            }], closable: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], activeAnimations: [{
+                type: Input
+            }], activeEffects: [{
+                type: Input
+            }], customStyles: [{
+                type: Input
+            }], fyClose: [{
+                type: Output
+            }] } });

package/dist/directives/animation.directive.d.ts

@@ -1,5 +1,8 @@
+import * as i0 from "@angular/core";
 export declare class FyAnimationDirective {
     private el;
     animationName: string;
     play(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FyAnimationDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FyAnimationDirective, "[fyAnimation]", never, { "animationName": { "alias": "fyAnimation"; "required": false; }; }, {}, never, never, true, never>;
 }

package/dist/directives/animation.directive.js

@@ -1,15 +1,7 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
 import { Directive, inject, ElementRef, Input } from '@angular/core';
 import { animationEngine } from '@fylib/animation';
-let FyAnimationDirective = class FyAnimationDirective {
+import * as i0 from "@angular/core";
+export class FyAnimationDirective {
     constructor() {
         this.el = inject(ElementRef);
     }
@@ -20,15 +12,16 @@ let FyAnimationDirective = class FyAnimationDirective {
             this.el.nativeElement.classList.add(`fy-anim-${this.animationName}`);
         }
     }
-};
-__decorate([
-    Input('fyAnimation'),
-    __metadata("design:type", String)
-], FyAnimationDirective.prototype, "animationName", void 0);
-FyAnimationDirective = __decorate([
-    Directive({
-        selector: '[fyAnimation]',
-        standalone: true
-    })
-], FyAnimationDirective);
-export { FyAnimationDirective };
+}
+FyAnimationDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: FyAnimationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+FyAnimationDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.7", type: FyAnimationDirective, isStandalone: true, selector: "[fyAnimation]", inputs: { animationName: ["fyAnimation", "animationName"] }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: FyAnimationDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fyAnimation]',
+                    standalone: true
+                }]
+        }], propDecorators: { animationName: [{
+                type: Input,
+                args: ['fyAnimation']
+            }] } });

package/dist/directives/theme-vars.directive.d.ts

@@ -1,7 +1,10 @@
+import * as i0 from "@angular/core";
 export declare class FyThemeVarsDirective {
     private el;
     private fylib;
     constructor();
     private ensureResetInjected;
     private applyTokensToElement;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FyThemeVarsDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FyThemeVarsDirective, "[fyThemeVars]", never, {}, {}, never, never, true, never>;
 }

package/dist/directives/theme-vars.directive.js

@@ -1,15 +1,7 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
 import { Directive, ElementRef, inject, effect } from '@angular/core';
 import { FyLibService } from '../services/fylib.service';
-let FyThemeVarsDirective = class FyThemeVarsDirective {
+import * as i0 from "@angular/core";
+export class FyThemeVarsDirective {
     constructor() {
         this.el = inject(ElementRef);
         this.fylib = inject(FyLibService);
@@ -59,12 +51,13 @@ let FyThemeVarsDirective = class FyThemeVarsDirective {
             element.classList.remove('fy-animations-disabled');
         }
     }
-};
-FyThemeVarsDirective = __decorate([
-    Directive({
-        selector: '[fyThemeVars]',
-        standalone: true
-    }),
-    __metadata("design:paramtypes", [])
-], FyThemeVarsDirective);
-export { FyThemeVarsDirective };
+}
+FyThemeVarsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: FyThemeVarsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+FyThemeVarsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.7", type: FyThemeVarsDirective, isStandalone: true, selector: "[fyThemeVars]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: FyThemeVarsDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fyThemeVars]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [] });

package/dist/directives/wallpaper.directive.d.ts

@@ -1,5 +1,6 @@
 import { OnInit, OnChanges, SimpleChanges } from '@angular/core';
 import { WallpaperName } from '@fylib/config';
+import * as i0 from "@angular/core";
 export declare class FyWallpaperDirective implements OnInit, OnChanges {
     private el;
     private renderer;
@@ -25,4 +26,6 @@ export declare class FyWallpaperDirective implements OnInit, OnChanges {
     private applyMeshGradientPattern;
     private ensureAnimationStyles;
     private clearWallpaper;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FyWallpaperDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FyWallpaperDirective, "[fyWallpaper]", never, { "wallpaperName": { "alias": "fyWallpaper"; "required": false; }; "wallpaperOpacity": { "alias": "wallpaperOpacity"; "required": false; }; "wallpaperEnabled": { "alias": "wallpaperEnabled"; "required": false; }; }, {}, never, never, true, never>;
 }

package/dist/directives/wallpaper.directive.js

@@ -1,16 +1,8 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
 import { Directive, ElementRef, Input, inject, Renderer2, effect, PLATFORM_ID } from '@angular/core';
 import { isPlatformBrowser, DOCUMENT } from '@angular/common';
 import { FyLibService } from '../services/fylib.service';
-let FyWallpaperDirective = class FyWallpaperDirective {
+import * as i0 from "@angular/core";
+export class FyWallpaperDirective {
     constructor() {
         this.el = inject(ElementRef);
         this.renderer = inject(Renderer2);
@@ -172,24 +164,20 @@ let FyWallpaperDirective = class FyWallpaperDirective {
         this.renderer.removeStyle(nativeEl, 'backgroundRepeat');
         this.renderer.removeStyle(nativeEl, 'animation');
     }
-};
-__decorate([
-    Input('fyWallpaper'),
-    __metadata("design:type", Object)
-], FyWallpaperDirective.prototype, "wallpaperName", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Number)
-], FyWallpaperDirective.prototype, "wallpaperOpacity", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], FyWallpaperDirective.prototype, "wallpaperEnabled", void 0);
-FyWallpaperDirective = __decorate([
-    Directive({
-        selector: '[fyWallpaper]',
-        standalone: true
-    }),
-    __metadata("design:paramtypes", [])
-], FyWallpaperDirective);
-export { FyWallpaperDirective };
+}
+FyWallpaperDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: FyWallpaperDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+FyWallpaperDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.7", type: FyWallpaperDirective, isStandalone: true, selector: "[fyWallpaper]", inputs: { wallpaperName: ["fyWallpaper", "wallpaperName"], wallpaperOpacity: "wallpaperOpacity", wallpaperEnabled: "wallpaperEnabled" }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: FyWallpaperDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fyWallpaper]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [], propDecorators: { wallpaperName: [{
+                type: Input,
+                args: ['fyWallpaper']
+            }], wallpaperOpacity: [{
+                type: Input
+            }], wallpaperEnabled: [{
+                type: Input
+            }] } });

package/dist/layouts/layout.component.d.ts

@@ -1,5 +1,6 @@
 import { OnInit, OnChanges, SimpleChanges, OnDestroy } from '@angular/core';
 import { EffectName } from '@fylib/config';
+import * as i0 from "@angular/core";
 export declare class FyLayoutComponent implements OnInit, OnChanges, OnDestroy {
     private fylib;
     private platformId;
@@ -21,4 +22,6 @@ export declare class FyLayoutComponent implements OnInit, OnChanges, OnDestroy {
     private applyBgEffect;
     private stopBgEffect;
     private resolveAnimationsActive;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FyLayoutComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FyLayoutComponent, "fy-layout", never, { "name": { "alias": "name"; "required": false; }; "activeAnimations": { "alias": "activeAnimations"; "required": false; }; "activeEffects": { "alias": "activeEffects"; "required": false; }; "customStyles": { "alias": "customStyles"; "required": false; }; "enterEffect": { "alias": "enterEffect"; "required": false; }; "bgEffect": { "alias": "bgEffect"; "required": false; }; "bgEffectIntensity": { "alias": "bgEffectIntensity"; "required": false; }; "bgEffectSpeed": { "alias": "bgEffectSpeed"; "required": false; }; "bgEffectLoop": { "alias": "bgEffectLoop"; "required": false; }; }, {}, never, ["*"], true, never>;
 }