matcha-components 19.56.0 → 19.57.0

package/lib/matcha-button/button/button.component.d.ts

@@ -10,6 +10,7 @@ export declare class MatchaButtonComponent implements OnChanges, OnInit {
     sizeLg: string | null;
     sizeXl: string | null;
     color: string | null;
+    get colorAttr(): string | null;
     private _basic;
     get basic(): boolean | string;
     set basic(v: boolean | string);

package/lib/matcha-modal/modal/modal.component.d.ts

@@ -1,7 +1,22 @@
 import * as i0 from "@angular/core";
 export declare class MatchaModalComponent {
+    size: string | null;
+    sizeXs: string | null;
+    sizeSm: string | null;
+    sizeMd: string | null;
+    sizeLg: string | null;
+    sizeXl: string | null;
     class: string;
+    hasBackdrop: boolean;
+    backdropClass: string;
+    get sizeAttr(): string | null;
+    get sizeAttrXs(): string | null;
+    get sizeAttrSm(): string | null;
+    get sizeAttrMd(): string | null;
+    get sizeAttrLg(): string | null;
+    get sizeAttrXl(): string | null;
     get classes(): string;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaModalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaModalComponent, "matcha-modal", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaModalComponent, "matcha-modal", never, { "size": { "alias": "size"; "required": false; }; "sizeXs": { "alias": "size-xs"; "required": false; }; "sizeSm": { "alias": "size-sm"; "required": false; }; "sizeMd": { "alias": "size-md"; "required": false; }; "sizeLg": { "alias": "size-lg"; "required": false; }; "sizeXl": { "alias": "size-xl"; "required": false; }; "class": { "alias": "class"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/lib/matcha-modal/modal.service.d.ts

@@ -0,0 +1,22 @@
+import { Type } from '@angular/core';
+import { MatchaOverlayService } from './overlay.service';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export interface ModalComponent {
+    afterClose?: Observable<any>;
+    data?: any;
+}
+export declare class MatchaModalService {
+    private overlayService;
+    private afterCloseSubject;
+    private currentData;
+    constructor(overlayService: MatchaOverlayService);
+    open<T extends ModalComponent>(component: Type<T>, data?: any): {
+        componentRef: import("@angular/core").ComponentRef<T>;
+        afterClose: Observable<any>;
+    };
+    close(result?: any): void;
+    getData(): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaModalService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MatchaModalService>;
+}

package/lib/matcha-modal/overlay.service.d.ts

@@ -0,0 +1,81 @@
+import { ComponentRef, ApplicationRef, Injector, Type, RendererFactory2 } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Serviço responsável pela implementação técnica do overlay e backdrop dos modais.
+ *
+ * Este serviço lida com a criação e gerenciamento do container do overlay,
+ * criação do backdrop e manipulação do DOM. É um serviço de baixo nível
+ * utilizado internamente pelo MatchaModalService.
+ *
+ * @example
+ * ```typescript
+ * constructor(private overlayService: MatchaOverlayService) {}
+ *
+ * createOverlay() {
+ *   this.overlayService.open(MyComponent);
+ * }
+ * ```
+ */
+export declare class MatchaOverlayService {
+    private appRef;
+    private injector;
+    private rendererFactory;
+    private overlayContainer;
+    private activeModal;
+    private backdrop;
+    private renderer;
+    constructor(appRef: ApplicationRef, injector: Injector, rendererFactory: RendererFactory2);
+    /**
+     * Cria o container do overlay se ainda não existir.
+     * O container é um elemento div que será usado para hospedar os modais.
+     *
+     * @private
+     */
+    private createOverlayContainer;
+    /**
+     * Remove o container do overlay do DOM.
+     *
+     * @private
+     */
+    private removeOverlayContainer;
+    /**
+     * Cria o backdrop do modal se ainda não existir.
+     * O backdrop é um elemento div que cria o efeito de escurecimento
+     * por trás do modal.
+     *
+     * @private
+     */
+    private createBackdrop;
+    /**
+     * Remove o backdrop do modal do DOM.
+     *
+     * @private
+     */
+    private removeBackdrop;
+    /**
+     * Abre um componente dentro de um modal.
+     *
+     * @param component - O componente que será exibido dentro do modal
+     * @param config - Configurações opcionais para o modal
+     * @returns Uma referência ao componente criado
+     *
+     * @example
+     * ```typescript
+     * const componentRef = this.overlayService.open(MyComponent, {
+     *   data: { id: 1 }
+     * });
+     * ```
+     */
+    open<T>(component: Type<T>, config?: any): ComponentRef<T>;
+    /**
+     * Fecha o modal atualmente aberto e remove o backdrop e o container.
+     *
+     * @example
+     * ```typescript
+     * this.overlayService.close();
+     * ```
+     */
+    close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaOverlayService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MatchaOverlayService>;
+}

package/lib/matcha-slide-toggle/slide-toggle.directive.d.ts

@@ -0,0 +1,9 @@
+import { ElementRef, Renderer2 } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class MatchaSlideToggleDirective {
+    private _elementRef;
+    private _renderer;
+    constructor(_elementRef: ElementRef, _renderer: Renderer2);
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaSlideToggleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatchaSlideToggleDirective, "[slide-toggle]", never, {}, {}, never, never, false, never>;
+}

package/lib/matcha-slide-toggle/slide-toggle.module.d.ts

@@ -1,9 +1,8 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./slide-toggle/slide-toggle.component";
+import * as i1 from "./slide-toggle.directive";
 import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
 export declare class MatchaSlideToggleModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaSlideToggleModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaSlideToggleModule, [typeof i1.MatchaSlideToggleComponent], [typeof i2.CommonModule, typeof i3.FormsModule], [typeof i1.MatchaSlideToggleComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaSlideToggleModule, [typeof i1.MatchaSlideToggleDirective], [typeof i2.CommonModule], [typeof i1.MatchaSlideToggleDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MatchaSlideToggleModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "matcha-components",
-  "version": "19.56.0",
+  "version": "19.57.0",
   "peerDependencies": {},
   "dependencies": {
     "tslib": "^2.3.0"

package/public-api.d.ts

@@ -27,7 +27,6 @@ export * from './lib/matcha-form-field/matcha-error/matcha-error.component';
 export * from './lib/matcha-checkbox/checkbox/checkbox.component';
 export * from './lib/matcha-spin/spin/spin.component';
 export * from './lib/matcha-hint-text/hint/hint-text.component';
-export * from './lib/matcha-slide-toggle/slide-toggle/slide-toggle.component';
 export * from './lib/matcha-button-toggle/button-toggle/button-toggle.component';
 export * from './lib/matcha-tabs/tabs/tabs.component';
 export * from './lib/matcha-tabs/tab-item/tab-item.component';
@@ -77,6 +76,7 @@ export * from './lib/matcha-table/table.directive';
 export * from './lib/matcha-sort-header/sort-header.directive';
 export * from './lib/matcha-snackbar/snack-bar.directive';
 export * from './lib/matcha-slider/matcha-slider.directive';
+export * from './lib/matcha-slide-toggle/slide-toggle.directive';
 export * from './lib/matcha-select/select.directive';
 export * from './lib/matcha-radio-button/matcha-radio-button.directive';
 export * from './lib/matcha-progress-bar/progress-bar.directive';

package/lib/matcha-slide-toggle/slide-toggle/slide-toggle.component.d.ts

@@ -1,28 +0,0 @@
-import { EventEmitter, ElementRef, OnChanges, SimpleChanges, AfterViewInit } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
-import * as i0 from "@angular/core";
-export declare class MatchaSlideToggleComponent implements ControlValueAccessor, OnChanges, AfterViewInit {
-    private elementRef;
-    color: string;
-    private _checked;
-    set checked(value: boolean | string);
-    get checked(): boolean;
-    private _disabled;
-    set disabled(value: boolean | string);
-    get disabled(): boolean;
-    change: EventEmitter<{
-        checked: boolean;
-    }>;
-    onChange: (value: boolean) => void;
-    onTouched: () => void;
-    writeValue(value: any): void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
-    setDisabledState(isDisabled: boolean): void;
-    constructor(elementRef: ElementRef<HTMLElement>);
-    ngOnChanges(changes: SimpleChanges): void;
-    ngAfterViewInit(): void;
-    onInputChange(event: Event): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaSlideToggleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaSlideToggleComponent, "matcha-slide-toggle", never, { "color": { "alias": "color"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "change": "change"; }, never, ["*"], false, never>;
-}