s4y-ui 2.2.1 → 2.2.3

package/lib/components/forms-kit/form-field-password/form-field-password.component.d.ts

@@ -5,6 +5,7 @@ export declare class FormFieldPasswordComponent implements ControlValueAccessor
     label: import("@angular/core").InputSignal<string>;
     name: import("@angular/core").InputSignal<string>;
     id: import("@angular/core").InputSignal<string>;
+    placeholder: import("@angular/core").InputSignal<string>;
     protected value: string;
     protected disabled: boolean;
     protected togglePasswordVisibility(): void;
@@ -16,5 +17,5 @@ export declare class FormFieldPasswordComponent implements ControlValueAccessor
     registerOnTouched(fn: () => void): void;
     setDisabledState?(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldPasswordComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldPasswordComponent, "s4y-form-field-password", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": true; "isSignal": true; }; "id": { "alias": "id"; "required": true; "isSignal": true; }; }, {}, never, ["s4y-input-prefix", "s4y-hint, s4y-error-message"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldPasswordComponent, "s4y-form-field-password", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": true; "isSignal": true; }; "id": { "alias": "id"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, {}, never, ["s4y-input-prefix", "s4y-hint, s4y-error-message"], false, never>;
 }

package/lib/components/modal/modal.component.d.ts

@@ -1,8 +1,12 @@
-import { TemplateRef } from '@angular/core';
+import { AfterViewInit, OnDestroy, Renderer2, TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class ModalComponent {
+export declare class ModalComponent implements OnDestroy, AfterViewInit {
+    private renderer;
+    private document;
     modalHeaderTemplate: TemplateRef<any>;
     modalFooterTemplate: TemplateRef<any>;
+    scrollableContent: import("@angular/core").InputSignal<boolean>;
+    centeredModal: import("@angular/core").InputSignal<boolean>;
     title: import("@angular/core").InputSignal<string>;
     modalStyle: import("@angular/core").InputSignal<{
         [key: string]: string;
@@ -10,7 +14,11 @@ export declare class ModalComponent {
     closeModal: import("@angular/core").OutputEmitterRef<void>;
     visible: import("@angular/core").ModelSignal<boolean>;
     withHeader: import("@angular/core").ModelSignal<boolean>;
+    constructor(renderer: Renderer2, document: Document);
+    ngAfterViewInit(): void;
     onClose(): void;
+    private escListener;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "s4y-modal", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "modalStyle": { "alias": "modalStyle"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "withHeader": { "alias": "withHeader"; "required": false; "isSignal": true; }; }, { "closeModal": "closeModal"; "visible": "visibleChange"; "withHeader": "withHeaderChange"; }, ["modalHeaderTemplate", "modalFooterTemplate"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "s4y-modal", never, { "scrollableContent": { "alias": "scrollableContent"; "required": false; "isSignal": true; }; "centeredModal": { "alias": "centeredModal"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "modalStyle": { "alias": "modalStyle"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "withHeader": { "alias": "withHeader"; "required": false; "isSignal": true; }; }, { "closeModal": "closeModal"; "visible": "visibleChange"; "withHeader": "withHeaderChange"; }, ["modalHeaderTemplate", "modalFooterTemplate"], ["*"], true, never>;
 }

package/lib/components/pagination/index.d.ts

@@ -1 +1,2 @@
 export * from './pagination.component';
+export * from './pagination.interface';

package/lib/components/pagination/pagination.interface.d.ts

@@ -3,4 +3,5 @@ export interface IPagination {
     limit: number;
     currentPage: number;
     totalPages: number;
+    rowsPerPage: number;
 }

package/lib/components/select/select.component.d.ts

@@ -6,14 +6,17 @@ export declare class SelectComponent implements OnInit, ControlValueAccessor {
     maxScreen: import("@angular/core").InputSignal<boolean>;
     isLoading: import("@angular/core").InputSignal<boolean>;
     hasError: import("@angular/core").InputSignal<boolean>;
-    optionLabel: import("@angular/core").InputSignal<string>;
     label: import("@angular/core").InputSignal<string | undefined>;
     errorMessageDefault: import("@angular/core").InputSignal<string>;
     emptyMessageDefault: import("@angular/core").InputSignal<string>;
     selectedOption: any;
-    onSearch: import("@angular/core").OutputEmitterRef<string>;
+    onSearch: import("@angular/core").ModelSignal<string>;
     options: import("@angular/core").InputSignal<any[]>;
-    transformedOptions: any[];
+    transformedOptions: import("@angular/core").Signal<{
+        option: any;
+        selected: boolean;
+    }[]>;
+    selectedValue: import("@angular/core").WritableSignal<any>;
     optionTemplate: TemplateRef<any>;
     errorTemplate: TemplateRef<any>;
     emptyTemplate: TemplateRef<any>;
@@ -29,9 +32,9 @@ export declare class SelectComponent implements OnInit, ControlValueAccessor {
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
     setSelectedOption(selectedOption: any): void;
-    handleSearch(e: Event): void;
     private includeSelectedProperty;
     private markAllUnselected;
+    private isEqual;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "s4y-select", never, { "withSearch": { "alias": "withSearch"; "required": false; "isSignal": true; }; "maxScreen": { "alias": "maxScreen"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "errorMessageDefault": { "alias": "errorMessageDefault"; "required": false; "isSignal": true; }; "emptyMessageDefault": { "alias": "emptyMessageDefault"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "onSearch": "onSearch"; }, ["optionTemplate", "errorTemplate", "emptyTemplate", "selectedOptionTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "s4y-select", never, { "withSearch": { "alias": "withSearch"; "required": false; "isSignal": true; }; "maxScreen": { "alias": "maxScreen"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "errorMessageDefault": { "alias": "errorMessageDefault"; "required": false; "isSignal": true; }; "emptyMessageDefault": { "alias": "emptyMessageDefault"; "required": false; "isSignal": true; }; "onSearch": { "alias": "onSearch"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "onSearch": "onSearchChange"; }, ["optionTemplate", "errorTemplate", "emptyTemplate", "selectedOptionTemplate"], never, true, never>;
 }

package/lib/components/stepper/animations/stepper.animation.d.ts

@@ -0,0 +1 @@
+export declare const stepperAnimation: import("@angular/animations").AnimationTriggerMetadata;

package/lib/components/stepper/components/step/step.component.d.ts

@@ -0,0 +1,17 @@
+import { ElementRef, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class StepComponent {
+    root: ElementRef;
+    value: number;
+    title: string;
+    description?: string;
+    isLast: boolean;
+    selected: boolean;
+    disabled: boolean;
+    isCompleted: boolean;
+    stepClicked: EventEmitter<number>;
+    linear: boolean;
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepComponent, "s4y-step", never, { "value": { "alias": "value"; "required": false; }; "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "isLast": { "alias": "isLast"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "isCompleted": { "alias": "isCompleted"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/components/stepper/components/step-panel/step-panel.component.d.ts

@@ -0,0 +1,15 @@
+import { ElementRef, TemplateRef } from '@angular/core';
+import { StepperComponent } from '../../stepper.component';
+import * as i0 from "@angular/core";
+export declare class StepPanelComponent {
+    private stepperComponent;
+    root: ElementRef;
+    value: number;
+    visible: boolean;
+    constructor(stepperComponent: StepperComponent);
+    templatePanel: TemplateRef<any>;
+    animationState: 'left' | 'center' | 'right';
+    canNavigateTo(value: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepPanelComponent, "s4y-step-panel", never, { "value": { "alias": "value"; "required": true; }; "visible": { "alias": "visible"; "required": false; }; }, {}, ["templatePanel"], never, true, never>;
+}

package/lib/components/stepper/index.d.ts

@@ -0,0 +1,3 @@
+export * from './stepper.component';
+export * from './components/step/step.component';
+export * from './components/step-panel/step-panel.component';

package/lib/components/stepper/stepper.component.d.ts

@@ -0,0 +1,23 @@
+import { AfterContentInit, ChangeDetectorRef, OnDestroy, OnInit, QueryList } from '@angular/core';
+import { StepComponent } from './components/step/step.component';
+import { StepPanelComponent } from './components/step-panel/step-panel.component';
+import * as i0 from "@angular/core";
+export declare class StepperComponent implements OnInit, AfterContentInit, OnDestroy {
+    private cdk;
+    private onDestroy$;
+    steps: QueryList<StepComponent>;
+    stepsPanel: QueryList<StepPanelComponent>;
+    linear: boolean;
+    isTabsNavigate: boolean;
+    selectedStepValue: number;
+    previousStepValue: number;
+    maxStepCompleted: number;
+    constructor(cdk: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    private initializerStepSelected;
+    setSelected(value: number): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepperComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepperComponent, "s4y-stepper", never, { "linear": { "alias": "linear"; "required": false; }; "isTabsNavigate": { "alias": "isTabsNavigate"; "required": false; }; }, {}, ["steps", "stepsPanel"], ["s4y-step", "s4y-step-panel"], true, never>;
+}

package/lib/components/table/table.component.d.ts

@@ -5,12 +5,18 @@ export declare class TableComponent {
     data: import("@angular/core").InputSignal<any[]>;
     isLoading: import("@angular/core").InputSignal<boolean>;
     hasError: import("@angular/core").InputSignal<boolean>;
+    maxScreen: import("@angular/core").InputSignal<boolean>;
     rowTemplate: TemplateRef<any>;
     headTemplate: TemplateRef<any>;
     emptyTemplate: TemplateRef<any>;
     errorTemplate: TemplateRef<any>;
+    customEmptyTemplate: TemplateRef<any>;
+    customErrorTemplate: TemplateRef<any>;
+    tableStyle: import("@angular/core").InputSignal<{
+        [key: string]: string;
+    }>;
     errorMessageDefault: import("@angular/core").InputSignal<string>;
     emptyMessageDefault: import("@angular/core").InputSignal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "s4y-table", never, { "headers": { "alias": "headers"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; "errorMessageDefault": { "alias": "errorMessageDefault"; "required": false; "isSignal": true; }; "emptyMessageDefault": { "alias": "emptyMessageDefault"; "required": false; "isSignal": true; }; }, {}, ["rowTemplate", "headTemplate", "emptyTemplate", "errorTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "s4y-table", never, { "headers": { "alias": "headers"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; "maxScreen": { "alias": "maxScreen"; "required": false; "isSignal": true; }; "tableStyle": { "alias": "tableStyle"; "required": false; "isSignal": true; }; "errorMessageDefault": { "alias": "errorMessageDefault"; "required": false; "isSignal": true; }; "emptyMessageDefault": { "alias": "emptyMessageDefault"; "required": false; "isSignal": true; }; }, {}, ["rowTemplate", "headTemplate", "emptyTemplate", "errorTemplate", "customEmptyTemplate", "customErrorTemplate"], never, true, never>;
 }

package/lib/components/tooltip/index.d.ts

@@ -1,3 +1,4 @@
 export * from './tooltip.component';
 export * from './tooltip.directive';
 export * from './tooltip.module';
+export * from './tooltip.enums';

package/lib/components/tooltip/tooltip.enums.d.ts

@@ -6,8 +6,3 @@ export declare enum TooltipPosition {
     DYNAMIC = "dynamic",
     DEFAULT = "above"
 }
-export declare enum TooltipTheme {
-    DARK = "dark",
-    LIGHT = "light",
-    DEFAULT = "dark"
-}

package/lib/directives/mask/mask.directive.d.ts

@@ -1,9 +1,9 @@
 import { AfterViewInit, ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
-type tMask = 'cep' | 'cnpj' | 'cpf' | 'data' | 'moeda' | 'porcentagem' | 'telefone' | 'telefone-fixo';
+export type tMask = 'cep' | 'cnpj' | 'cpf' | 'data' | 'moeda' | 'porcentagem' | 'telefone' | 'telefone-fixo';
 export declare class MaskDirective implements AfterViewInit {
     private el;
-    mask: import("@angular/core").InputSignal<tMask | undefined>;
+    mask: import("@angular/core").InputSignal<string | undefined>;
     showMaskType: import("@angular/core").InputSignal<boolean>;
     private control;
     constructor(el: ElementRef<HTMLInputElement>);
@@ -25,4 +25,3 @@ export declare class MaskDirective implements AfterViewInit {
     static ɵfac: i0.ɵɵFactoryDeclaration<MaskDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MaskDirective, "[s4yMask]", never, { "mask": { "alias": "s4yMask"; "required": false; "isSignal": true; }; "showMaskType": { "alias": "showMaskType"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
-export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "s4y-ui",
-  "version": "2.2.1",
+  "version": "2.2.3",
   "peerDependencies": {
     "@angular/common": "^19.2.0",
     "@angular/core": "^19.2.0"

package/public-api.d.ts

@@ -19,3 +19,4 @@ export * from './lib/components/slider/slider.component';
 export * from './lib/components/radio/radio.component';
 export * from './lib/components/tooltip';
 export * from './lib/components/breadcrumb';
+export * from './lib/components/stepper';

package/src/scss/styles.scss

@@ -81,6 +81,7 @@ select {
   /* Modais e Popups */
   --z-index-modal-backdrop: 400; /* Fundo escurecido de modal */
   --z-index-modal: 500; /* Modal principal */
+  --z-index-select-dropdown: 520;
   --z-index-popover: 550; /* Popover, tooltip, dropdowns pequenos */
   /* Notificações */
   --z-index-toast: 600; /* Toasts e alertas rápidos */

package/src/scss/styles.scss.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../projects/s4y-components/src/scss/_reset.scss","../../../../projects/s4y-components/src/scss/_variables.scss","../../../../projects/s4y-components/src/scss/_z-index.scss","../../../../projects/s4y-components/src/scss/_utils.scss"],"names":[],"mappings":";AAAQ;AAER;AAAA;AAAA;EAGE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AAAA;AAAA;EAGE;EAEA;EACA;;;AClDF;EACE;EACA;EAEA;EACA;EACA;EACA;EAEA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;;ACtBF;AACE;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;AAEA;EACA;EACA;AAEA;EACA;;;ACvBF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE","file":"styles.scss"}
+{"version":3,"sourceRoot":"","sources":["../../../../projects/s4y-components/src/scss/_reset.scss","../../../../projects/s4y-components/src/scss/_variables.scss","../../../../projects/s4y-components/src/scss/_z-index.scss","../../../../projects/s4y-components/src/scss/_utils.scss"],"names":[],"mappings":";AAAQ;AAER;AAAA;AAAA;EAGE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AAAA;AAAA;EAGE;EAEA;EACA;;;AClDF;EACE;EACA;EAEA;EACA;EACA;EACA;EAEA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;;ACtBF;AACE;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;AAEA;EACA;EACA;AAEA;EACA;;;ACxBF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE","file":"styles.scss"}