@fylib/adapter-angular 0.2.3 → 0.2.7

package/dist/components/modal.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, Output, EventEmitter, ViewEncapsulation, HostBinding, HostListener, inject } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { ModalDefinition } from '@fylib/catalog';
 import { FyButtonComponent } from './button.component';
 import { BaseFyComponent } from '../base/base-component';
-let FyModalComponent = class FyModalComponent extends BaseFyComponent {
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class FyModalComponent extends BaseFyComponent {
     get animationsDisabled() {
         return !this.isAnimationsActive(this.activeAnimations);
     }
@@ -123,157 +116,9 @@ let FyModalComponent = class FyModalComponent extends BaseFyComponent {
             this.handleCancel();
         }
     }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], FyModalComponent.prototype, "visible", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], FyModalComponent.prototype, "title", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], FyModalComponent.prototype, "subtitle", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], FyModalComponent.prototype, "content", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FyModalComponent.prototype, "size", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FyModalComponent.prototype, "position", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FyModalComponent.prototype, "status", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], FyModalComponent.prototype, "closable", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], FyModalComponent.prototype, "closeOnEscape", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], FyModalComponent.prototype, "closeOnBackdrop", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], FyModalComponent.prototype, "showHeader", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], FyModalComponent.prototype, "showFooter", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], FyModalComponent.prototype, "showConfirmButton", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], FyModalComponent.prototype, "showCancelButton", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], FyModalComponent.prototype, "confirmText", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], FyModalComponent.prototype, "cancelText", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], FyModalComponent.prototype, "loading", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], FyModalComponent.prototype, "centered", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], FyModalComponent.prototype, "blockScroll", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], FyModalComponent.prototype, "draggable", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], FyModalComponent.prototype, "resizable", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FyModalComponent.prototype, "activeAnimations", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FyModalComponent.prototype, "activeEffects", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FyModalComponent.prototype, "customStyles", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Function)
-], FyModalComponent.prototype, "onOpen", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Function)
-], FyModalComponent.prototype, "onClose", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Function)
-], FyModalComponent.prototype, "onConfirm", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Function)
-], FyModalComponent.prototype, "onCancel", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", Object)
-], FyModalComponent.prototype, "fyOpen", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", Object)
-], FyModalComponent.prototype, "fyClose", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", Object)
-], FyModalComponent.prototype, "fyConfirm", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", Object)
-], FyModalComponent.prototype, "fyCancel", void 0);
-__decorate([
-    HostBinding('class.fy-animations-disabled'),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], FyModalComponent.prototype, "animationsDisabled", null);
-__decorate([
-    HostBinding('style'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [])
-], FyModalComponent.prototype, "hostStyles", null);
-__decorate([
-    HostListener('document:keydown', ['$event']),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [KeyboardEvent]),
-    __metadata("design:returntype", void 0)
-], FyModalComponent.prototype, "onKeydown", null);
-FyModalComponent = __decorate([
-    Component({
-        selector: 'fy-modal',
-        standalone: true,
-        imports: [CommonModule, FyButtonComponent],
-        template: `
+}
+FyModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: FyModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FyModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", type: FyModalComponent, isStandalone: true, selector: "fy-modal", inputs: { visible: "visible", title: "title", subtitle: "subtitle", content: "content", size: "size", position: "position", status: "status", closable: "closable", closeOnEscape: "closeOnEscape", closeOnBackdrop: "closeOnBackdrop", showHeader: "showHeader", showFooter: "showFooter", showConfirmButton: "showConfirmButton", showCancelButton: "showCancelButton", confirmText: "confirmText", cancelText: "cancelText", loading: "loading", centered: "centered", blockScroll: "blockScroll", draggable: "draggable", resizable: "resizable", activeAnimations: "activeAnimations", activeEffects: "activeEffects", customStyles: "customStyles", onOpen: "onOpen", onClose: "onClose", onConfirm: "onConfirm", onCancel: "onCancel" }, outputs: { fyOpen: "fyOpen", fyClose: "fyClose", fyConfirm: "fyConfirm", fyCancel: "fyCancel" }, host: { listeners: { "document:keydown": "onKeydown($event)" }, properties: { "class.fy-animations-disabled": "this.animationsDisabled", "style": "this.hostStyles" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
     @if (visible) {
       <div class="fy-modal-overlay" (click)="onBackdropClick()"></div>
       <div class="fy-modal" [ngClass]="['fy-modal--' + size, 'fy-modal--status-' + status, modalAnimClass]">
@@ -313,92 +158,121 @@ FyModalComponent = __decorate([
         }
       </div>
     }
-  `,
-        styles: [`
-    .fy-modal-overlay {
-      position: fixed;
-      inset: 0;
-      background: var(--fy-effects-modal-overlayColor, rgba(0,0,0,0.45));
-      z-index: 2000;
-    }
-    .fy-modal {
-      position: fixed;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-      background: var(--fy-effects-modal-background, var(--fy-colors-surface, #fff));
-      border: var(--fy-effects-modal-borderWidth, 1px) solid var(--fy-effects-modal-borderColor, rgba(0,0,0,0.12));
-      border-radius: var(--fy-effects-modal-borderRadius, var(--fy-borderRadius-md));
-      box-shadow: var(--fy-effects-modal-shadow, 0 20px 60px rgba(0,0,0,0.2));
-      color: var(--fy-colors-text);
-      width: 90vw;
-      max-width: 640px;
-      max-height: 85vh;
-      display: flex;
-      flex-direction: column;
-      overflow: hidden;
-      z-index: 2001;
-    } 
-    .fy-modal--sm { max-width: 400px; }
-    .fy-modal--md { max-width: 640px; }
-    .fy-modal--lg { max-width: 840px; }
-    .fy-modal--xl { max-width: 1040px; }
-    .fy-modal--full { width: 96vw; height: 90vh; max-width: none; }
-
-    .fy-modal__header {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      gap: 12px;
-      padding: 12px 16px;
-      border-bottom: 1px solid var(--fy-effects-modal-dividerColor, rgba(0,0,0,0.08));
-    }
-    .fy-modal__title {
-      margin: 0;
-      font-size: var(--fy-typography-fontSize-lg, 18px);
-      font-weight: var(--fy-typography-fontWeight-bold, 700);
-    }
-    .fy-modal__subtitle {
-      margin: 0;
-      opacity: .8;
-      font-size: var(--fy-typography-fontSize-sm, 12px);
-    }
-    .fy-modal__close {
-      border: 0;
-      background: transparent;
-      cursor: pointer;
-      font-size: 20px;
-      line-height: 1;
-    }
-    .fy-modal__body {
-      padding: 16px;
-      flex: 1; 
-      overflow: auto;
-    }
-    .fy-modal__footer {
-      display: flex;
-      justify-content: flex-end;
-      gap: 8px;
-      padding: 12px 16px;
-      border-top: 1px solid var(--fy-effects-modal-dividerColor, rgba(0,0,0,0.08));
-    }
+  `, isInline: true, styles: ["\n    .fy-modal-overlay {\n      position: fixed;\n      inset: 0;\n      background: var(--fy-effects-modal-overlayColor, rgba(0,0,0,0.45));\n      z-index: 2000;\n    }\n    .fy-modal {\n      position: fixed;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      background: var(--fy-effects-modal-background, var(--fy-colors-surface, #fff));\n      border: var(--fy-effects-modal-borderWidth, 1px) solid var(--fy-effects-modal-borderColor, rgba(0,0,0,0.12));\n      border-radius: var(--fy-effects-modal-borderRadius, var(--fy-borderRadius-md));\n      box-shadow: var(--fy-effects-modal-shadow, 0 20px 60px rgba(0,0,0,0.2));\n      color: var(--fy-colors-text);\n      width: 90vw;\n      max-width: 640px;\n      max-height: 85vh;\n      display: flex;\n      flex-direction: column;\n      overflow: hidden;\n      z-index: 2001;\n    } \n    .fy-modal--sm { max-width: 400px; }\n    .fy-modal--md { max-width: 640px; }\n    .fy-modal--lg { max-width: 840px; }\n    .fy-modal--xl { max-width: 1040px; }\n    .fy-modal--full { width: 96vw; height: 90vh; max-width: none; }\n\n    .fy-modal__header {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 12px;\n      padding: 12px 16px;\n      border-bottom: 1px solid var(--fy-effects-modal-dividerColor, rgba(0,0,0,0.08));\n    }\n    .fy-modal__title {\n      margin: 0;\n      font-size: var(--fy-typography-fontSize-lg, 18px);\n      font-weight: var(--fy-typography-fontWeight-bold, 700);\n    }\n    .fy-modal__subtitle {\n      margin: 0;\n      opacity: .8;\n      font-size: var(--fy-typography-fontSize-sm, 12px);\n    }\n    .fy-modal__close {\n      border: 0;\n      background: transparent;\n      cursor: pointer;\n      font-size: 20px;\n      line-height: 1;\n    }\n    .fy-modal__body {\n      padding: 16px;\n      flex: 1; \n      overflow: auto;\n    }\n    .fy-modal__footer {\n      display: flex;\n      justify-content: flex-end;\n      gap: 8px;\n      padding: 12px 16px;\n      border-top: 1px solid var(--fy-effects-modal-dividerColor, rgba(0,0,0,0.08));\n    }\n\n    .fy-modal--status-success {\n      border-color: var(--fy-colors-success, #22c55e);\n      box-shadow: 0 0 0 3px rgba(34,197,94,0.15), var(--fy-effects-modal-shadow, 0 20px 60px rgba(0,0,0,0.2));\n    }\n    .fy-modal--status-error {\n      border-color: var(--fy-colors-danger, #ef4444);\n      box-shadow: 0 0 0 3px rgba(239,68,68,0.15), var(--fy-effects-modal-shadow, 0 20px 60px rgba(0,0,0,0.2));\n    }\n\n    .fy-animations-disabled, .fy-animations-disabled * {\n      transition: none !important;\n      animation: none !important;\n    }\n  "], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: FyButtonComponent, selector: "fy-button", inputs: ["label", "variant", "size", "disabled", "loading", "icon", "iconName", "iconSet", "activeAnimations", "activeEffects", "customStyles", "hoverAnimation", "clickAnimation", "successAnimation", "errorAnimation", "hoverEffect", "clickEffect", "successEffect", "errorEffect"], outputs: ["fyClick"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: FyModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fy-modal', standalone: true, imports: [CommonModule, FyButtonComponent], template: `
+    @if (visible) {
+      <div class="fy-modal-overlay" (click)="onBackdropClick()"></div>
+      <div class="fy-modal" [ngClass]="['fy-modal--' + size, 'fy-modal--status-' + status, modalAnimClass]">
+        @if (showHeader) {
+          <header class="fy-modal__header">
+            @if (title) { <h3 class="fy-modal__title">{{ title }}</h3> }
+            @if (subtitle) { <p class="fy-modal__subtitle">{{ subtitle }}</p> }
+            @if (closable) {
+              <button type="button" class="fy-modal__close" (click)="handleCancel()">&times;</button>
+            }
+          </header>
+        }
 
-    .fy-modal--status-success {
-      border-color: var(--fy-colors-success, #22c55e);
-      box-shadow: 0 0 0 3px rgba(34,197,94,0.15), var(--fy-effects-modal-shadow, 0 20px 60px rgba(0,0,0,0.2));
-    }
-    .fy-modal--status-error {
-      border-color: var(--fy-colors-danger, #ef4444);
-      box-shadow: 0 0 0 3px rgba(239,68,68,0.15), var(--fy-effects-modal-shadow, 0 20px 60px rgba(0,0,0,0.2));
-    }
+        <section class="fy-modal__body">
+          <ng-content></ng-content>
+          @if (content) { <div class="fy-modal__content">{{ content }}</div> }
+        </section>
 
-    .fy-animations-disabled, .fy-animations-disabled * {
-      transition: none !important;
-      animation: none !important;
+        @if (showFooter) {
+          <footer class="fy-modal__footer">
+            @if (showCancelButton) {
+              <fy-button
+                variant="ghost"
+                size="md"
+                [label]="cancelText || 'Cancelar'"
+                (fyClick)="handleCancel()"
+              ></fy-button>
+            }
+            @if (showConfirmButton) {
+              <fy-button
+                size="md"
+                [label]="confirmText || 'Confirmar'"
+                (fyClick)="handleConfirm()"
+              ></fy-button>
+            }
+          </footer>
+        }
+      </div>
     }
-  `],
-        encapsulation: ViewEncapsulation.None
-    }),
-    __metadata("design:paramtypes", [])
-], FyModalComponent);
-export { FyModalComponent };
+  `, encapsulation: ViewEncapsulation.None, styles: ["\n    .fy-modal-overlay {\n      position: fixed;\n      inset: 0;\n      background: var(--fy-effects-modal-overlayColor, rgba(0,0,0,0.45));\n      z-index: 2000;\n    }\n    .fy-modal {\n      position: fixed;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      background: var(--fy-effects-modal-background, var(--fy-colors-surface, #fff));\n      border: var(--fy-effects-modal-borderWidth, 1px) solid var(--fy-effects-modal-borderColor, rgba(0,0,0,0.12));\n      border-radius: var(--fy-effects-modal-borderRadius, var(--fy-borderRadius-md));\n      box-shadow: var(--fy-effects-modal-shadow, 0 20px 60px rgba(0,0,0,0.2));\n      color: var(--fy-colors-text);\n      width: 90vw;\n      max-width: 640px;\n      max-height: 85vh;\n      display: flex;\n      flex-direction: column;\n      overflow: hidden;\n      z-index: 2001;\n    } \n    .fy-modal--sm { max-width: 400px; }\n    .fy-modal--md { max-width: 640px; }\n    .fy-modal--lg { max-width: 840px; }\n    .fy-modal--xl { max-width: 1040px; }\n    .fy-modal--full { width: 96vw; height: 90vh; max-width: none; }\n\n    .fy-modal__header {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 12px;\n      padding: 12px 16px;\n      border-bottom: 1px solid var(--fy-effects-modal-dividerColor, rgba(0,0,0,0.08));\n    }\n    .fy-modal__title {\n      margin: 0;\n      font-size: var(--fy-typography-fontSize-lg, 18px);\n      font-weight: var(--fy-typography-fontWeight-bold, 700);\n    }\n    .fy-modal__subtitle {\n      margin: 0;\n      opacity: .8;\n      font-size: var(--fy-typography-fontSize-sm, 12px);\n    }\n    .fy-modal__close {\n      border: 0;\n      background: transparent;\n      cursor: pointer;\n      font-size: 20px;\n      line-height: 1;\n    }\n    .fy-modal__body {\n      padding: 16px;\n      flex: 1; \n      overflow: auto;\n    }\n    .fy-modal__footer {\n      display: flex;\n      justify-content: flex-end;\n      gap: 8px;\n      padding: 12px 16px;\n      border-top: 1px solid var(--fy-effects-modal-dividerColor, rgba(0,0,0,0.08));\n    }\n\n    .fy-modal--status-success {\n      border-color: var(--fy-colors-success, #22c55e);\n      box-shadow: 0 0 0 3px rgba(34,197,94,0.15), var(--fy-effects-modal-shadow, 0 20px 60px rgba(0,0,0,0.2));\n    }\n    .fy-modal--status-error {\n      border-color: var(--fy-colors-danger, #ef4444);\n      box-shadow: 0 0 0 3px rgba(239,68,68,0.15), var(--fy-effects-modal-shadow, 0 20px 60px rgba(0,0,0,0.2));\n    }\n\n    .fy-animations-disabled, .fy-animations-disabled * {\n      transition: none !important;\n      animation: none !important;\n    }\n  "] }]
+        }], ctorParameters: () => [], propDecorators: { visible: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], subtitle: [{
+                type: Input
+            }], content: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], status: [{
+                type: Input
+            }], closable: [{
+                type: Input
+            }], closeOnEscape: [{
+                type: Input
+            }], closeOnBackdrop: [{
+                type: Input
+            }], showHeader: [{
+                type: Input
+            }], showFooter: [{
+                type: Input
+            }], showConfirmButton: [{
+                type: Input
+            }], showCancelButton: [{
+                type: Input
+            }], confirmText: [{
+                type: Input
+            }], cancelText: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], centered: [{
+                type: Input
+            }], blockScroll: [{
+                type: Input
+            }], draggable: [{
+                type: Input
+            }], resizable: [{
+                type: Input
+            }], activeAnimations: [{
+                type: Input
+            }], activeEffects: [{
+                type: Input
+            }], customStyles: [{
+                type: Input
+            }], onOpen: [{
+                type: Input
+            }], onClose: [{
+                type: Input
+            }], onConfirm: [{
+                type: Input
+            }], onCancel: [{
+                type: Input
+            }], fyOpen: [{
+                type: Output
+            }], fyClose: [{
+                type: Output
+            }], fyConfirm: [{
+                type: Output
+            }], fyCancel: [{
+                type: Output
+            }], animationsDisabled: [{
+                type: HostBinding,
+                args: ['class.fy-animations-disabled']
+            }], hostStyles: [{
+                type: HostBinding,
+                args: ['style']
+            }], onKeydown: [{
+                type: HostListener,
+                args: ['document:keydown', ['$event']]
+            }] } });

package/dist/components/nav-link.component.d.ts

@@ -1,3 +1,4 @@
+import * as i0 from "@angular/core";
 export declare class FyNavLinkComponent {
     label: string;
     to?: string;
@@ -8,4 +9,6 @@ export declare class FyNavLinkComponent {
     iconName?: string;
     iconSet?: 'ph' | 'fa' | 'mdi';
     get hasProjectedContent(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FyNavLinkComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FyNavLinkComponent, "fy-nav-link", never, { "label": { "alias": "label"; "required": false; }; "to": { "alias": "to"; "required": false; }; "href": { "alias": "href"; "required": false; }; "target": { "alias": "target"; "required": false; }; "active": { "alias": "active"; "required": false; }; "hoverEnabled": { "alias": "hoverEnabled"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "iconSet": { "alias": "iconSet"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/dist/components/nav-link.component.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 { Component, Input, ViewEncapsulation } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FyIconComponent } from './icon.component';
-let FyNavLinkComponent = class FyNavLinkComponent {
+import * as i0 from "@angular/core";
+export class FyNavLinkComponent {
     constructor() {
         this.label = '';
         this.hoverEnabled = true;
@@ -19,45 +11,9 @@ let FyNavLinkComponent = class FyNavLinkComponent {
         // Em Angular, checar projeção é não trivial sem ViewChild/ContentChild; simplificado:
         return !!this.label && this.label.trim().length > 0 ? false : true;
     }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], FyNavLinkComponent.prototype, "label", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], FyNavLinkComponent.prototype, "to", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], FyNavLinkComponent.prototype, "href", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], FyNavLinkComponent.prototype, "target", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], FyNavLinkComponent.prototype, "active", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], FyNavLinkComponent.prototype, "hoverEnabled", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], FyNavLinkComponent.prototype, "iconName", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], FyNavLinkComponent.prototype, "iconSet", void 0);
-FyNavLinkComponent = __decorate([
-    Component({
-        selector: 'fy-nav-link',
-        standalone: true,
-        imports: [CommonModule, FyIconComponent],
-        template: `
+}
+FyNavLinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: FyNavLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FyNavLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", type: FyNavLinkComponent, isStandalone: true, selector: "fy-nav-link", inputs: { label: "label", to: "to", href: "href", target: "target", active: "active", hoverEnabled: "hoverEnabled", iconName: "iconName", iconSet: "iconSet" }, ngImport: i0, template: `
     <a
       [attr.href]="href || to || null"
       [attr.target]="target || null"
@@ -75,47 +31,42 @@ FyNavLinkComponent = __decorate([
         <span>{{ label }}</span>
       }
     </a>
-  `,
-        styles: [`
-    .fy-nav-link {
-      display: inline-flex;
-      align-items: center;
-      gap: var(--fy-spacing-sm, 8px);
-      padding: var(--fy-spacing-sm) var(--fy-spacing-md);
-      border-radius: var(--fy-borderRadius-sm);
-      color: var(--fy-colors-text);
-      text-decoration: none;
-      transition: background-color 0.15s ease, color 0.15s ease;
-    }
-    .fy-nav-link__icon {
-      flex: 0 0 auto;
-      opacity: .95;
-    }
-    .fy-nav-link:hover:not(.fy-nav-link--hover-disabled) {
-      background-color: rgba(var(--fy-colors-primary-rgb, 59,130,246), 0.08);
-      color: var(--fy-colors-primary);
-    }
-    .fy-nav-link.active {
-      background-color: rgba(var(--fy-colors-primary-rgb, 59,130,246), 0.12);
-      color: var(--fy-colors-primary);
-      font-weight: var(--fy-typography-fontWeight-bold);
-    }
-
-    /* Dentro do header, os links devem se comportar como itens de navegação horizontal */
-    .fy-slot--header .fy-nav-link {
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-    }
-
-    @media (max-width: 768px) {
-      .fy-slot--header .fy-nav-link {
-        display: inline-flex;
-        justify-content: flex-start;
+  `, isInline: true, styles: ["\n    .fy-nav-link {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--fy-spacing-sm, 8px);\n      padding: var(--fy-spacing-sm) var(--fy-spacing-md);\n      border-radius: var(--fy-borderRadius-sm);\n      color: var(--fy-colors-text);\n      text-decoration: none;\n      transition: background-color 0.15s ease, color 0.15s ease;\n    }\n    .fy-nav-link__icon {\n      flex: 0 0 auto;\n      opacity: .95;\n    }\n    .fy-nav-link:hover:not(.fy-nav-link--hover-disabled) {\n      background-color: rgba(var(--fy-colors-primary-rgb, 59,130,246), 0.08);\n      color: var(--fy-colors-primary);\n    }\n    .fy-nav-link.active {\n      background-color: rgba(var(--fy-colors-primary-rgb, 59,130,246), 0.12);\n      color: var(--fy-colors-primary);\n      font-weight: var(--fy-typography-fontWeight-bold);\n    }\n\n    /* Dentro do header, os links devem se comportar como itens de navega\u00E7\u00E3o horizontal */\n    .fy-slot--header .fy-nav-link {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    @media (max-width: 768px) {\n      .fy-slot--header .fy-nav-link {\n        display: inline-flex;\n        justify-content: flex-start;\n      }\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: FyNavLinkComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fy-nav-link', standalone: true, imports: [CommonModule, FyIconComponent], template: `
+    <a
+      [attr.href]="href || to || null"
+      [attr.target]="target || null"
+      rel="noopener noreferrer"
+      class="fy-nav-link"
+      [class.active]="active"
+      [class.fy-nav-link--hover-disabled]="!hoverEnabled"
+      
+    >
+      @if (iconName) {
+        <fy-icon [name]="iconName" [set]="iconSet" class="fy-nav-link__icon"></fy-icon>
       }
-    }
-  `],
-        encapsulation: ViewEncapsulation.None
-    })
-], FyNavLinkComponent);
-export { FyNavLinkComponent };
+      <ng-content></ng-content>
+      @if (!hasProjectedContent) {
+        <span>{{ label }}</span>
+      }
+    </a>
+  `, encapsulation: ViewEncapsulation.None, styles: ["\n    .fy-nav-link {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--fy-spacing-sm, 8px);\n      padding: var(--fy-spacing-sm) var(--fy-spacing-md);\n      border-radius: var(--fy-borderRadius-sm);\n      color: var(--fy-colors-text);\n      text-decoration: none;\n      transition: background-color 0.15s ease, color 0.15s ease;\n    }\n    .fy-nav-link__icon {\n      flex: 0 0 auto;\n      opacity: .95;\n    }\n    .fy-nav-link:hover:not(.fy-nav-link--hover-disabled) {\n      background-color: rgba(var(--fy-colors-primary-rgb, 59,130,246), 0.08);\n      color: var(--fy-colors-primary);\n    }\n    .fy-nav-link.active {\n      background-color: rgba(var(--fy-colors-primary-rgb, 59,130,246), 0.12);\n      color: var(--fy-colors-primary);\n      font-weight: var(--fy-typography-fontWeight-bold);\n    }\n\n    /* Dentro do header, os links devem se comportar como itens de navega\u00E7\u00E3o horizontal */\n    .fy-slot--header .fy-nav-link {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    @media (max-width: 768px) {\n      .fy-slot--header .fy-nav-link {\n        display: inline-flex;\n        justify-content: flex-start;\n      }\n    }\n  "] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], to: [{
+                type: Input
+            }], href: [{
+                type: Input
+            }], target: [{
+                type: Input
+            }], active: [{
+                type: Input
+            }], hoverEnabled: [{
+                type: Input
+            }], iconName: [{
+                type: Input
+            }], iconSet: [{
+                type: Input
+            }] } });

package/dist/components/notification-menu.component.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter } from '@angular/core';
 import { NotificationMenuProps, NotificationItem } from '@fylib/catalog';
 import { BaseFyComponent } from '../base/base-component';
+import * as i0 from "@angular/core";
 export declare class FyNotificationMenuComponent extends BaseFyComponent<'fy-notification-menu'> implements NotificationMenuProps {
     private notify;
     _notifications: import("@angular/core").WritableSignal<NotificationItem[]>;
@@ -65,4 +66,6 @@ export declare class FyNotificationMenuComponent extends BaseFyComponent<'fy-not
     private markAllAsRead;
     private sendReadToBackend;
     get animationClassSuffix(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FyNotificationMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FyNotificationMenuComponent, "fy-notification-menu", never, { "notifications": { "alias": "notifications"; "required": false; }; "unreadCount": { "alias": "unreadCount"; "required": false; }; "showAllNotifications": { "alias": "showAllNotifications"; "required": false; }; "maxNotifications": { "alias": "maxNotifications"; "required": false; }; "enableClearAll": { "alias": "enableClearAll"; "required": false; }; "enableAccordion": { "alias": "enableAccordion"; "required": false; }; "showViewAll": { "alias": "showViewAll"; "required": false; }; "viewAllPosition": { "alias": "viewAllPosition"; "required": false; }; "markAllAsReadOnOpen": { "alias": "markAllAsReadOnOpen"; "required": false; }; "markAsReadOnClick": { "alias": "markAsReadOnClick"; "required": false; }; "readApiEndpoint": { "alias": "readApiEndpoint"; "required": false; }; "readApiMethod": { "alias": "readApiMethod"; "required": false; }; "readApiHeaders": { "alias": "readApiHeaders"; "required": false; }; "onRead": { "alias": "onRead"; "required": false; }; "onReadAll": { "alias": "onReadAll"; "required": false; }; "activeAnimations": { "alias": "activeAnimations"; "required": false; }; "activeEffects": { "alias": "activeEffects"; "required": false; }; "customStyles": { "alias": "customStyles"; "required": false; }; }, { "fyOpen": "fyOpen"; "fyClearAll": "fyClearAll"; "fyViewAll": "fyViewAll"; "fyNotificationClick": "fyNotificationClick"; }, never, never, true, never>;
 }