@fylib/adapter-angular 0.2.5 → 0.2.8

package/dist/layouts/layout.component.js

@@ -1,18 +1,11 @@
-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, HostBinding, inject, effect, PLATFORM_ID } from '@angular/core';
 import { CommonModule, isPlatformBrowser } from '@angular/common';
 import { FyLibService } from '../services/fylib.service';
 import { AppLayoutDefinition } from '@fylib/catalog';
 import { resolveAnimationsActive, triggerEffectForEvent } from '../base/interaction.utils';
-let FyLayoutComponent = class FyLayoutComponent {
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class FyLayoutComponent {
     get animationsDisabled() {
         return !resolveAnimationsActive(this.fylib, 'fy-layout', this.activeAnimations);
     }
@@ -130,126 +123,39 @@ let FyLayoutComponent = class FyLayoutComponent {
     resolveAnimationsActive() {
         return resolveAnimationsActive(this.fylib, 'fy-layout', this.activeAnimations);
     }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], FyLayoutComponent.prototype, "name", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FyLayoutComponent.prototype, "activeAnimations", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FyLayoutComponent.prototype, "activeEffects", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FyLayoutComponent.prototype, "customStyles", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], FyLayoutComponent.prototype, "enterEffect", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FyLayoutComponent.prototype, "bgEffect", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FyLayoutComponent.prototype, "bgEffectIntensity", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FyLayoutComponent.prototype, "bgEffectSpeed", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FyLayoutComponent.prototype, "bgEffectLoop", void 0);
-__decorate([
-    HostBinding('class.fy-animations-disabled'),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], FyLayoutComponent.prototype, "animationsDisabled", null);
-FyLayoutComponent = __decorate([
-    Component({
-        selector: 'fy-layout',
-        standalone: true,
-        imports: [CommonModule],
-        template: `
+}
+FyLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: FyLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FyLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.7", type: FyLayoutComponent, isStandalone: true, selector: "fy-layout", inputs: { name: "name", activeAnimations: "activeAnimations", activeEffects: "activeEffects", customStyles: "customStyles", enterEffect: "enterEffect", bgEffect: "bgEffect", bgEffectIntensity: "bgEffectIntensity", bgEffectSpeed: "bgEffectSpeed", bgEffectLoop: "bgEffectLoop" }, host: { properties: { "class.fy-animations-disabled": "this.animationsDisabled" } }, usesOnChanges: true, ngImport: i0, template: `
     <div [class]="'fy-layout fy-layout--' + name" [ngStyle]="customStyles || null">
       <ng-content></ng-content>
     </div>
-  `,
-        styles: [`
-    .fy-layout {
-      display: flex;
-      flex-direction: column;
-      min-height: 100vh;
-      width: 100%;
-      overflow-x: hidden;
-      background-color: var(--fy-colors-background);
-      color: var(--fy-colors-text);
-      font-family: var(--fy-typography-fontFamily-base, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
-      transition: background-color 0.3s ease, color 0.3s ease;
-    }
-
-    /* App Layout specific styles */
-    .fy-layout--app-layout {
-      display: grid;
-      grid-template-areas:
-        "header"
-        "content"
-        "footer";
-      grid-template-columns: 1fr;
-      grid-template-rows: auto 1fr auto;
-      gap: var(--fy-layout-gap, 0);
-    }
-
-    /* When sidebar slot is present, switch to two columns */
-    .fy-layout--app-layout:has(.fy-slot--sidebar) {
-      grid-template-areas:
-        "header header"
-        "sidebar content"
-        "footer footer";
-      grid-template-columns: var(--fy-layout-sidebar-width, 260px) 1fr;
-    }
-
-    /* Fixed Sidebar mode: Lock height to viewport and disable global scroll */
-    .fy-layout--app-layout:has(.fy-slot--sidebar-fixed) {
-      height: 100vh;
-      min-height: 100vh;
-      max-height: 100vh;
-      overflow: hidden;
-    }
-
-    /* Ensure content area takes full height and scrolls internally in fixed mode */
-    .fy-layout--app-layout:has(.fy-slot--sidebar-fixed) .fy-slot--content {
-      height: 100%;
-      overflow-y: auto;
-    }
-
-    @media (max-width: 768px) {
-      .fy-layout--app-layout {
-        grid-template-areas: 
-          "header"
-          "content"
-          "footer";
-        grid-template-columns: 1fr;
-      }
-
-      .fy-layout--app-layout:has(.fy-slot--sidebar) {
-        grid-template-areas: 
-          "header"
-          "content"
-          "footer";
-        grid-template-columns: 1fr;
-      }
-    }
-  `],
-        encapsulation: ViewEncapsulation.None
-    }),
-    __metadata("design:paramtypes", [])
-], FyLayoutComponent);
-export { FyLayoutComponent };
+  `, isInline: true, styles: ["\n    .fy-layout {\n      display: flex;\n      flex-direction: column;\n      min-height: 100vh;\n      width: 100%;\n      overflow-x: hidden;\n      background-color: var(--fy-colors-background);\n      color: var(--fy-colors-text);\n      font-family: var(--fy-typography-fontFamily-base, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif);\n      transition: background-color 0.3s ease, color 0.3s ease;\n    }\n\n    /* App Layout specific styles */\n    .fy-layout--app-layout {\n      display: grid;\n      grid-template-areas:\n        \"header\"\n        \"content\"\n        \"footer\";\n      grid-template-columns: 1fr;\n      grid-template-rows: auto 1fr auto;\n      gap: var(--fy-layout-gap, 0);\n    }\n\n    /* When sidebar slot is present, switch to two columns */\n    .fy-layout--app-layout:has(.fy-slot--sidebar) {\n      grid-template-areas:\n        \"header header\"\n        \"sidebar content\"\n        \"footer footer\";\n      grid-template-columns: var(--fy-layout-sidebar-width, 260px) 1fr;\n    }\n\n    /* Fixed Sidebar mode: Lock height to viewport and disable global scroll */\n    .fy-layout--app-layout:has(.fy-slot--sidebar-fixed) {\n      height: 100vh;\n      min-height: 100vh;\n      max-height: 100vh;\n      overflow: hidden;\n    }\n\n    /* Ensure content area takes full height and scrolls internally in fixed mode */\n    .fy-layout--app-layout:has(.fy-slot--sidebar-fixed) .fy-slot--content {\n      height: 100%;\n      overflow-y: auto;\n    }\n\n    @media (max-width: 768px) {\n      .fy-layout--app-layout {\n        grid-template-areas: \n          \"header\"\n          \"content\"\n          \"footer\";\n        grid-template-columns: 1fr;\n      }\n\n      .fy-layout--app-layout:has(.fy-slot--sidebar) {\n        grid-template-areas: \n          \"header\"\n          \"content\"\n          \"footer\";\n        grid-template-columns: 1fr;\n      }\n    }\n  "], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: FyLayoutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fy-layout', standalone: true, imports: [CommonModule], template: `
+    <div [class]="'fy-layout fy-layout--' + name" [ngStyle]="customStyles || null">
+      <ng-content></ng-content>
+    </div>
+  `, encapsulation: ViewEncapsulation.None, styles: ["\n    .fy-layout {\n      display: flex;\n      flex-direction: column;\n      min-height: 100vh;\n      width: 100%;\n      overflow-x: hidden;\n      background-color: var(--fy-colors-background);\n      color: var(--fy-colors-text);\n      font-family: var(--fy-typography-fontFamily-base, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif);\n      transition: background-color 0.3s ease, color 0.3s ease;\n    }\n\n    /* App Layout specific styles */\n    .fy-layout--app-layout {\n      display: grid;\n      grid-template-areas:\n        \"header\"\n        \"content\"\n        \"footer\";\n      grid-template-columns: 1fr;\n      grid-template-rows: auto 1fr auto;\n      gap: var(--fy-layout-gap, 0);\n    }\n\n    /* When sidebar slot is present, switch to two columns */\n    .fy-layout--app-layout:has(.fy-slot--sidebar) {\n      grid-template-areas:\n        \"header header\"\n        \"sidebar content\"\n        \"footer footer\";\n      grid-template-columns: var(--fy-layout-sidebar-width, 260px) 1fr;\n    }\n\n    /* Fixed Sidebar mode: Lock height to viewport and disable global scroll */\n    .fy-layout--app-layout:has(.fy-slot--sidebar-fixed) {\n      height: 100vh;\n      min-height: 100vh;\n      max-height: 100vh;\n      overflow: hidden;\n    }\n\n    /* Ensure content area takes full height and scrolls internally in fixed mode */\n    .fy-layout--app-layout:has(.fy-slot--sidebar-fixed) .fy-slot--content {\n      height: 100%;\n      overflow-y: auto;\n    }\n\n    @media (max-width: 768px) {\n      .fy-layout--app-layout {\n        grid-template-areas: \n          \"header\"\n          \"content\"\n          \"footer\";\n        grid-template-columns: 1fr;\n      }\n\n      .fy-layout--app-layout:has(.fy-slot--sidebar) {\n        grid-template-areas: \n          \"header\"\n          \"content\"\n          \"footer\";\n        grid-template-columns: 1fr;\n      }\n    }\n  "] }]
+        }], ctorParameters: () => [], propDecorators: { name: [{
+                type: Input
+            }], activeAnimations: [{
+                type: Input
+            }], activeEffects: [{
+                type: Input
+            }], customStyles: [{
+                type: Input
+            }], enterEffect: [{
+                type: Input
+            }], bgEffect: [{
+                type: Input
+            }], bgEffectIntensity: [{
+                type: Input
+            }], bgEffectSpeed: [{
+                type: Input
+            }], bgEffectLoop: [{
+                type: Input
+            }], animationsDisabled: [{
+                type: HostBinding,
+                args: ['class.fy-animations-disabled']
+            }] } });

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

@@ -1,5 +1,6 @@
 import { OnDestroy } from '@angular/core';
 import { EffectName } from '@fylib/config';
+import * as i0 from "@angular/core";
 export declare class FySlotComponent implements OnDestroy {
     private fylib;
     name: 'content' | 'sidebar' | 'header' | 'footer';
@@ -58,4 +59,6 @@ export declare class FySlotComponent implements OnDestroy {
     ngOnDestroy(): void;
     private resolveAnimationsActive;
     private updateBodyScroll;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FySlotComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FySlotComponent, "fy-slot", never, { "name": { "alias": "name"; "required": false; }; "activeAnimations": { "alias": "activeAnimations"; "required": false; }; "activeEffects": { "alias": "activeEffects"; "required": false; }; "customStyles": { "alias": "customStyles"; "required": false; }; "fixedSidebar": { "alias": "fixedSidebar"; "required": false; }; "copyrightText": { "alias": "copyrightText"; "required": false; }; "copyrightShineDuration": { "alias": "copyrightShineDuration"; "required": false; }; "openEffect": { "alias": "openEffect"; "required": false; }; "closeEffect": { "alias": "closeEffect"; "required": false; }; "headerMenuAnimationOpen": { "alias": "headerMenuAnimationOpen"; "required": false; }; "headerMenuAnimationClose": { "alias": "headerMenuAnimationClose"; "required": false; }; "headerLinksAlign": { "alias": "headerLinksAlign"; "required": false; }; "headerLogoImgSrc": { "alias": "headerLogoImgSrc"; "required": false; }; "headerLogoSvgSrc": { "alias": "headerLogoSvgSrc"; "required": false; }; "headerLogoAlt": { "alias": "headerLogoAlt"; "required": false; }; "headerLogoBadgeText": { "alias": "headerLogoBadgeText"; "required": false; }; "headerLogoBadgeBG": { "alias": "headerLogoBadgeBG"; "required": false; }; "headerLogoBadgeTextColor": { "alias": "headerLogoBadgeTextColor"; "required": false; }; "headerLogoBadgeRadius": { "alias": "headerLogoBadgeRadius"; "required": false; }; "headerLogoBadgeShine": { "alias": "headerLogoBadgeShine"; "required": false; }; "headerLogoColorLight": { "alias": "headerLogoColorLight"; "required": false; }; "headerLogoColorDark": { "alias": "headerLogoColorDark"; "required": false; }; "sidebarLogoImgSrc": { "alias": "sidebarLogoImgSrc"; "required": false; }; "sidebarLogoSvgSrc": { "alias": "sidebarLogoSvgSrc"; "required": false; }; "sidebarLogoAlt": { "alias": "sidebarLogoAlt"; "required": false; }; "headerLogoFilter": { "alias": "headerLogoFilter"; "required": false; }; "sidebarLogoFilter": { "alias": "sidebarLogoFilter"; "required": false; }; "sidebarLogoColorLight": { "alias": "sidebarLogoColorLight"; "required": false; }; "sidebarLogoColorDark": { "alias": "sidebarLogoColorDark"; "required": false; }; "sidebarLogoBadgeText": { "alias": "sidebarLogoBadgeText"; "required": false; }; "sidebarLogoBadgeBG": { "alias": "sidebarLogoBadgeBG"; "required": false; }; "sidebarLogoBadgeTextColor": { "alias": "sidebarLogoBadgeTextColor"; "required": false; }; "sidebarLogoBadgeRadius": { "alias": "sidebarLogoBadgeRadius"; "required": false; }; "sidebarLogoBadgeShine": { "alias": "sidebarLogoBadgeShine"; "required": false; }; }, {}, never, ["*", "[fy-sidebar-logo]", "[fy-sidebar-header]", "[fy-sidebar-links]", "[fy-sidebar-footer]", "[fy-header-logo]", "[fy-header-links],[fy-header-links-center]", "[fy-header-links-right]", "[fy-header-meta]", "[fy-header-links-right]"], true, never>;
 }